/*
 * dark_green = color: #304030;
 *                                  rgba(48,64,48,1);
 * gold = color: #c2a364;
 *                      rgba(194,163,100,1);
 * 
 *   font-family: 'moderne_frakturregular';
 */
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on September 21, 2017 */



@font-face {
    font-family: 'moderne_frakturregular';
    src: url('modernefraktur-webfont.woff2') format('woff2'),
         url('modernefraktur-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body {
    font-family: 'Times', sans-serif;
    font-size:1em;
}
h1, h2, h3, h4 {
    color:#304030;
    font-family: 'moderne_frakturregular';
    font-weight:500;
}
h1 {
    font-weight:700;
    padding:20px;
    background:url(../assets/divider.png) no-repeat center bottom;
   background-size:auto 15%;
    text-align: center;

}
a {
    color:#304030;
    transition:all 0.4s ease;
}
a:hover, a:focus {
    color: #c2a364;
}
p, a, .ce-bodytext li {
    font-size:1.7em;
}
p a {
    font-size:1em;
}
.mobile {
    display:none;
}
.desktop {
    display:block;
}
/*email verschlüsselung*/
 .email-show::before {
     content: 'info@'
 }
  .email-show::after {
     content: 'trachtenverein-chieming.de';
}
.email-hide {
    display:none;
}
hr {
    border:none;
    background:url(../assets/divider.png) no-repeat center center;
    height:30px;
    background-size:auto 100%;
}
/*menu*/
.menu_wraper {
    width:100%;
    height:auto;
    position:fixed;
    background:rgba(48,64,48,0.9);
    border-bottom:2px solid #c2a364;
    z-index: 210;
    top:0;
}
.menu_wraper:before {
    content:'';
    position:absolute;
    width:200px;
    height:50px;
    background:url(../assets/pattern_left.png) no-repeat center center;
    background-size:contain;
}
.menu_wraper:after {
    content:'';
    position:absolute;
    width:200px;
    height:50px;
    right:0;
    top:0;
    background:url(../assets/pattern_right.png) no-repeat center center;
    background-size:contain;
}


#menu  > li {
  display:inline-block; 
}
.menu_btn {
    display:none;
}
.menu_btn a {
    height:50px;
    display:block;
    width:40px;
}
.menu_btn a:before, .menu_btn a:after, .menu_btn a span {
    content: '';
    width:100%;
    height:5px;
    border-radius:3px;
    background:#c2a364;
    margin:8px 0;
    display:block;
    transition:all 0.4s ease;
}
html.mm-opened .menu_btn a:before {
    transform: rotate(45deg);
}
html.mm-opened .menu_btn a:after {
    transform: rotate(-45deg);
     margin-top:-12.5px;
}
html.mm-opened .menu_btn a span {
    display:none;
}
html.mm-opened .menu_btn a {
    margin-top:20px;
}

.navbar-nav  li  a {
    padding:15px 20px;
    color:#c2a364;
    font-size:1.4em;
    font-weight:500;
    transition:all 0.4s ease;
}
.nav > li > a:hover, .nav > li > a:focus {
    background:transparent;
    color:#999999;
}
.nav > li.active a, #page-1 .nav > li:first-child a {
    color:#999999;
}
.nav > li.active .dropdown-menu li a, #page-1 .nav > li .dropdown-menu li a, .dropdown-menu li a {
      color:#999;
}
.dropdown-menu {
       background:rgba(48,64,48,0.9);
    border-top:1px solid #304030;
          font-size:0.8em;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:hover,
.nav > li.active .dropdown-menu  li.active a, .nav > li.active .dropdown-menu li a:hover, .nav > li.active .dropdown-menu li a:focus {
    background-color: rgba(194,163,100,1);
    color:#304030;
}
 .hasdropdown.hover .dropdown-menu {
     display:block;
 }

/*header*/

/*slider homepage*/
.header {
    position:relative;
}
.header_content {
    position:relative;
    margin-top:-116px;
    z-index:200;
}

.cycle-item {
    width:100%;
    height:600px;
}
.cycle-pager {
    position:relative;
    z-index:150;
    bottom:100px;
    font-size:4em;
    text-align: center;
    color:#fff;
     -moz-text-stroke-color: #c2a364;
  -webkit-text-stroke-color: #c2a364;
     -moz-text-stroke-width: 2px;  
  -webkit-text-stroke-width: 2px;
}
.cycle-pager span {
    display:inline-block;
    padding:2px;
    cursor:pointer;
    opacity: 0.8;
    transition:all 0.4s ease;
       
}
.cycle-pager span:hover, .cycle-pager span:focus {
    opacity: 1;
}
.cycle-pager-active {
    color:#c2a364;
}
/*header subpage*/
.header {
    width:100%;
}
.logo {
    position:relative;
    text-align: center;
}
.logo img {
    max-width:100%;
    height:auto;
}
.logo_inner {
    position:absolute;
    z-index:20;
    width:250px;
    left:50%;
    margin-left:-125px;
    transition:all 0.4s ease;
    top:290px;
}
.small_logo .logo_inner {
    width:120px;
    margin-left:-60px;
    top:5px;
}
.header_top {
    background:rgba(48,64,48,0.9);
    position:relative;
    border-bottom:2px solid #c2a364;
    box-shadow:0px -2px 9px 0px #333;
    padding:0 15px;
}
.header_top p {
    font-size:2em;
    color:#c2a364;
    padding-top:10px;
}
.header_top a {
     color:#c2a364;
     transition:all 0.4s ease;
}
.header_top a:hover, .header_top a:focus {
     color:#999999;
     text-decoration: none;
}
.contact {
    float:right;
    font-weight:100;
}
.page_title {
    float:left;
    font-family: 'moderne_frakturregular';
    font-weight:500;
    font-size:1.2em;
}
/*content*/
main {
    padding-top:0;
}

.content_top {
    background:#fff;
    text-align:center;
    z-index:200;
}

.parallax {
    background-attachment:fixed !important;
    background-size:100% auto !important;
    height:400px;
    position: relative;
}
.parallax:before {
    content:'';
    background:url(../assets/parallax_shadow_top.png) no-repeat center top;
    background-size:100% 100%;
    height:40px;
    width:100%;
    position:absolute;
    top:0;
    opacity: 0.4;
}
.parallax:after {
    content:'';
    background:url(../assets/parallax_shadow_bottom.png) no-repeat center bottom;
    background-size:100% 100%;
    height:40px;
    width:100%;
    position:absolute;
    bottom:0;
    opacity: 0.4;
}
.teaser_container {
    padding:50px 15px;
  
}
.teaser_container .row {
        display:flex;
    flex-wrap:wrap;
      justify-content:center;
}
.teaser_home {
    width:35%;
}
.right_col {
    position: relative;
}
 .right_col:before {
     content:'';
     position:absolute;
     width:1px;
     height:90%;
     top:5%;
    background:linear-gradient(to bottom, rgba(48,64,48,0), rgba(48,64,48,0.4), rgba(48,64,48,0));
     left:0;
 }
.content_bottom {
    padding:15px;
}
.double-wrap {
    padding-top:30px;
    padding-bottom:30px;
}
.ce-gallery .ce-column {
    padding:10px;
}
.ce-gallery img {
    border:4px solid #c2a364;
     box-shadow:1px 1px 8px 0 #666;
     max-width:100%;
     height:auto;
}
figcaption {
    font-size:1.2em;
    padding-top:2px;
    color:#304030;
}
/*news*/
.news_bg {
    background:url(../assets/teaser_bg_gold.png) no-repeat center center;
    background-size:100% 100%;
    padding:30px 15px;
    position:relative;
}
.news_teaser {
    text-align:center;
    color:#333;
    height:100%;
    padding-bottom:80px;
    position: relative;
}
.news-list-date {
    display:block;
    font-size:1em;
}
.news_slider_title {
    font-size:2em;
    word-wrap:break-word;
}
.news_slider_title a {
    font-size:1em;
}
.cycle-slide .teaser-text {
    height:100px;
    position:relative;
    font-size:1.05em;
}
.cycle-slide .article {
    height:240px;
}
.btn_teaser {
    position:absolute;
    bottom:0;
    left:50%;
    transform:translateX(-50%);
}
.btn_teaser, .more, .powermail_submit {
    color: #c2a364;
    background:#304030;
      font-family: 'moderne_frakturregular';
    font-size:2em;
    padding:5px 20px;
    border-radius:4px;
    box-shadow:1px 0px 4px 0px #333;
    border:none;
}
.btn_teaser:hover, .btn_teaser:focus, .more:focus, .more:hover, .powermail_submit:hover, .powermail_submit:focus {
    text-decoration: none;
    box-shadow:none;
    background:#304030;
    color:#fff;
}
.pattern {
    height:50px;
    background:url(../assets/pattern_left_green.png) no-repeat center center;
    background-size:contain;
   position: absolute;
   bottom:25px;
   width:91%;
}
.cycle-slide {
    width:100%;
}
.cycle-slide .header h3 {
    margin-top:0;
}
.cycle-prev, .cycle-next {
    width:60px;
    height:25px;
    background:url(../assets/arrow_left.png) no-repeat center center;
    background-size:contain;
    top:100%;
    opacity: 0.8;
    transition:all 0.4s ease;
    position: absolute;
    cursor:pointer;
}
.cycle-prev {
    left:20px;
}
.cycle-prev:hover, .cycle-prev:focus {
     background:url(../assets/arrow_left.png) no-repeat center center;
     opacity: 1;
     background-size:contain;
}
.cycle-next {
     background:url(../assets/arrow_right.png) no-repeat center center;
     right:20px;
     background-size:contain;
}
.cycle-next:hover, .cycle-next:focus {
     background:url(../assets/arrow_right.png) no-repeat center center;
     opacity: 1;
     background-size:contain;
}
.news_right_teaser {
    text-align: center;
}
.news_right_teaser .news {
    margin-bottom:20px;
    padding-bottom:20px;
    position:relative;
}
.news_right_teaser .news:after {
    content:'';
    width:100%;
    height:1px;
    background:linear-gradient(to right, rgba(194,163,100,0), rgba(194,163,100,0.4), rgba(194,163,100,0) );
    position: absolute;
    left:0;
    bottom:-10px;
}
.news-detail-date {
    border-bottom:1px solid #c2a364;
    color:#c2a364;
    font-size:1.4em;
    margin-bottom:20px;
}
.cycle-slide .news-list-date {
    font-size:1.6em;
}
.btn_detail {
    position:relative;
    left:0;
}
.news-img-wrap img {
    border:4px solid #304030;
     box-shadow:1px 1px 8px 0 #666;
     max-width:100%;
     margin-bottom:10px;
}
.news .article .news-img-wrap, .news .article .news-img-wrap a {
    background:transparent;
}
.news-list-view .article {
    padding:15px;
    margin-bottom:15px;
  background: -moz-linear-gradient(-45deg, rgba(194,163,100,0.69) 0%, rgba(204,192,159,0.32) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(194,163,100,0.69) 0%,rgba(204,192,159,0.32) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(194,163,100,0.69) 0%,rgba(204,192,159,0.32) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0c2a364', endColorstr='#52ccc09f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.news .article h3 {
    margin-bottom:10px;
}
.news .article h3 a, .termin_list h3 a {
    font-size:1em;
}
.termin_list_item h3, .cycle-slide h3 {
    font-size:2em;
    font-family: 'Times', sans-serif;
}
.news-single .termin_date {
    font-size:1.8em;
    color:#c2a364;
    position: relative;
    padding-bottom:20px;
}
.news-single .termin_date span {
    display:inline-block;
    margin-right:10px;
}
.news-single .termin_date:after {
    content:'';
    height:1px;
    width:100%;
    display:block;
    position:absolute;
    bottom:15px;
    background:linear-gradient( to right, rgba(48,64,48,0), rgba(48,64,48,0.5), rgba(48,64,48,0));
}
.news-single .teaser-text {
    font-size:11px;
}
/*termine liste
 * 
 */
.termin_list {
    display:flex;
    flex-wrap:wrap;
}
.termin_list_item {
     background:url(../assets/teaser_bg_gold.png) no-repeat center center;
    background-size:100% 100%;
    text-align: center;
    color:#333;
    word-wrap:break-word;
    padding:0 10px 10px !important;
    
}
.termin_list_item p {
    color:#333;
}
.termin_list_item span {
    display:block;
}
.termin_list_item .more {
    margin:0 0 10px 0;
}
.termin_list_item .header, .termin_list_item .termin_info {
    padding:0 5px;
}
/*
 * gallery slider
 */
.galerie_slider {
    padding-top:40px;
    padding-bottom:40px;
}
#cycle-1, #cycle-2 {
    width:80%;
    height:auto;
    margin:10px auto;
}
#cycle-2 .slider-item {
    padding:2px;
}
.slider-item img {
    width:100%;
    height:auto;
    border:4px solid #c2a364;
}
#cycle-2 .slider-item img {
    opacity: 0.6;
    transition:all 0.4s ease;
    border:2px solid #c2a364;
}
#cycle-2 .slider-item img:hover, #cycle-2 .slider-item img:focus  {
    opacity: 1;
    cursor:pointer;
}
#cycle-2 .slick-current img {
    opacity: 1;
}
.slick-prev:before, .slick-next:before {
    color:#304030;
}
/*fb-post*/
.fb_bg {
     background:url(../assets/teaser_shaddow.png) no-repeat center center;
     padding:15px;
     background-size:103% 103%;  
     /*
      * ausblenden bis fb code funktioniert!!
      */
     display:none;
}
.fb_bg_inner { 
     border:3px solid #304030;
     height:100%;
     margin-top:-3px;
     background:#fff;
     overflow: hidden;
}

/*powermail*/
.powermail_input_width {
    width:66.6%;
}
.input-group[class*="col-"] {
    padding:0 15px;
}
.powermail_legend {
    display:none;
}
.powermail_label {
     color:#304030;
    font-family: 'moderne_frakturregular';
    font-weight:100;
    font-size:2em;
    text-align: right;
}
.powermail_submit {
    float:right;
    margin:0 9% 0 0;
}
/*footer*/
.footer-wrapper {
    background:#304030;
    border-top:8px solid #c2a364;
    color:#c2a364;
}
.footer-wrapper p, .footer-wrapper a, .footer-wrapper h3, .copy a {
    color:#c2a364;
}
.footer-wrapper .phone {
    display:none;
}
.small_border {
    margin-top:-10px;
    width:100%;
    height:1px;
    border-top:2px solid #c2a364;
    margin-bottom:10px;
}
.footer_logo img {
    width:60%;
    height:auto;
    margin:0 auto;
}
.footer_logo a {
    display:block;
    text-align: center;
    padding-top:10px;
}
.footer-wrapper .footer_nav {
    text-align: right;
    padding-top:10px;
}
.fb_link {
    display:block;
    width:40px;
    height:40px;
    background:url(../assets/fb_icon.png) no-repeat center center;
    background-size:100% auto;
    float:right;
    transition:all 0.4s ease;
}
.fb_link:hover, .fb_link:focus {
    transform:scale(0.95);
}
.copy a {
    font-size:1.2em;
}
.copy {
    padding-bottom:10px;
}
/*mediaqueries*/


@media screen and (max-width:1200px) {
    .parallax {
    background-attachment:scroll !important;
    height:200px;
    position: relative;
    }
    .menu_wraper:before, .menu_wraper:after {
        width:120px;
        
    }
}
@media screen and (max-width:1024px) {

        .menu_wraper:before, .right_col:before,  .menu_wraper:after{
        display:none;
    }
    .navbar-nav {
        float:left !important;
        padding-right:0;
    }
    .navbar-nav li, .dropdown-menu li, .dropdown-submenu li {
        border:none !important;
    }
    .navbar-nav li a {
        padding:15px;
    }
    .logo_inner {
        width:200px;
        margin-left:-70px;
        top:340px;
    }
    .teaser_home {
        width:45%;
    }
}
@media screen and (max-width:990px) {
    .powermail_submit {
        margin-right:0;
    }
    .powermail_input_width {
        width:75%;
    }
}
@media screen and (max-width:768px) {
        .right_col {
        display:none;
    }
    .double-wrap .col-sm-8 {
        width:100%;
    }
}
@media screen and (max-width:767px) {
    .mobile {
        display:block;
    }
    .desktop, #menu {
        display:none;
    }
    .menu_wraper {
        position: absolute;
    }
    .logo_inner, .small_logo .logo_inner {
        width:50%;
        height:auto;
        margin-left:15px;
        left:0;
        top:5px;
    }
    .slick-slider {
        margin-bottom:0;
    }
    .header_overlay {
        display:none;
    }
    .header_content {
        margin-top:0;
    }
    .cycle-pager {
        display:none;
    }
    .cycle-item {
        height:300px;
        background-position: center center !important;
        background-size:auto 100% !important;
    }
    .contact, .page_title {
        font-size:0.8em;
        float:none;
        width:100%;
        text-align: center;
    }
    .navbar-nav {
        float:none !important;
    }
    .navbar-nav li a {
        padding-left:20px !important;
    }
    .mm-listview > li:not(.mm-divider):after {
        left:15px;
    }
    .right_col {
        border-top:1px solid #304030;
        padding-top:20px;
        margin-top:20px;
    }
     .powermail_input_width {
        width:100%;
    }
    .powermail_label {
        text-align: left;
    }
    .footer_logo img {
        width:90%;
    }
    .footer-contact {
        text-align: center;
        border-bottom:1px solid #c2a364;
    }
}
@media screen and (max-width:667px) {
    h1 {
        padding:0 20px 30px 20px;
    }
    .termin_list {
        justify-content: space-between;
    }
    .termin_list_item {
         width:48%;
         background:#E3CC9E;
         border: solid 3px #304030;
        padding:15px !important;
        margin-bottom:15px;
    }

}
@media screen and (max-width:375px) {
     .termin_list_item {
         width:100%;
     }
     .teaser_home {
         width:90%;
     }
}

/*
 * galaxy tablet
 */
@media only screen 
and (min-device-width: 800px) 
and (max-device-height: 1280px) 
and (min-resolution: 192dpi)
and (-webkit-device-pixel-ratio:2)
and (orientation : portrait) 

{
  .navbar-nav li a {
      padding:10px;
  }
}