#header {background-color: #f59a00; border-bottom: 0px; z-index: 9000; }
#header-wrap {background-color: #000; z-index: 501}

.bg_gruen {background-color: #566309}

#logo img {
    display: block;
    max-width: 300px;
    max-height: 100%;
    height: 200px;
    padding-top: 5px;
    padding-bottom: 5px;
}

#logo {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -ms-flex-align: center;
    margin-left: auto;
    max-height: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
}

#header {
  position: relative;
  background-color: #566309;
  border-bottom: 1px solid #F5F5F5;
  border-bottom-color: rgb(245, 245, 245);
}

#header-wrap {
  background-color: #221412;
}


.invers {background-color: rgba(34,20,18,0.6); padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; border: #FFF 2px solid;}

h1, h2, h3, h4, h5, h6 
{font-family: 'Noto Sans SC', sans-serif; color: #566309;}

.heading-block h1, .heading-block h2, .heading-block h3, .heading-block h4, .emphasis-title h1, .emphasis-title h2 {
  color: #566309;
}


.button {
  display: inline-block;
  position: relative;
  cursor: pointer;
  outline: none;
  white-space: nowrap;
  margin: 5px;
  padding: 5px 15px;
  font-size: 0.875rem;
  line-height: 24px;
  background-color: #536006;
  color: #FFF;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  border: none;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.button.button-xlarge {
  padding: 5px 15px;
  font-size: 18px;
  letter-spacing: 2px;
  line-height: 34px;
}



.heading-block h3 {font-size: 36px;}
.fs-title {font-size: 50px;}



.lead,
ul.listen_style li,
#content p,
p {font-size: 20px; font-weight: 500;line-height: 32px;}


a.email_link {
  text-decoration: none !important;
  color: #FFF;
}

a.email_link:hover {
  text-decoration: none !important;
  color: #d7c9ae;
}

.primary-menu {
    margin-right: 50px;
}


.sticky-header-shrink #header-wrap #logo img {
    height: 101px !important;
}

.menu-link {
	display: block;
	line-height: 22px;
	padding: 14px 20px;
	color: #d7c9ae;
	font-weight: 500;
	font-size: 20px;
	letter-spacing: 0px;
    font-family: 'Noto Sans SC', sans-serif;}
    
.active .menu-link  {color: #536006;}

.sub-menu-container .menu-item > .menu-link {
    font-size: 18px;
    font-weight: 500;
    color: #666;
    letter-spacing: 0;
    font-family: 'Noto Sans SC', sans-serif;}
    
.menu-item:hover > .menu-link, .menu-item.current > .menu-link {
    color: #536006;
}

.sub-menu-container .menu-item:hover > .menu-link {
    color: #536006;
    font-weight: 400;
}

.sub-menu-container .active > .menu-link {
    color: #536006;
    font-weight: 400;
}


.svg-trigger path {stroke: #FFF;}


.menu-item .sub-menu-trigger {color: #d7c9ae;}

.sticky-header .menu-link {color: #d7c9ae;}
.sticky-header .menu-item .active.menu-link {color: #536006;}





.tp-loader.spinner0,
.tp-loader.spinner5 {
 background-image:url(../daten/loader/loader_wave.gif) !important;
 background-repeat:no-repeat
}


.tp-loader.spinner0,
.tp-loader.spinner1 {
 width:40px;
 height:40px;
 margin-top:-20px;
 margin-left:-20px;
 animation:tp-rotateplane 1.2s infinite ease-in-out;
 background-color: transparent !important;
 border-radius:3px;
 box-shadow:0 0 0 0 rgba(0,0,0,0) !important;
}




.start_section {
    background-color: transparent;
    background-image: linear-gradient(160deg,#566309 0%,#47531c 95%);
    padding-top: 60px; padding-bottom: 60px;
}

.start_section h3 {color: #FFF; font-size: 42px; text-align: right;}

.start_section p {color: #FFF; font-size: 18px; font-weight: 300; text-align: left; margin-bottom: 0px;}


/*

.v_center   {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  
  }
  
*/

.v_center {margin-top: 70px;}


.c-bg-parallax {
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
    background-color: transparent;
    min-height: 100%;
}


.c-font-white {color: #FFFFFF !important;}
.center  {text-align: center;}
.teaser_titel {font-size: 40px; padding-top: 40px;}
.cbp-panel {padding-bottom: 80px;}

.fontsize_datenschutz {font-size: 12px !important; line-height: 16px !important;}

.no-margin {margin: 0}
.no-pading {padding: 0}
.border-white {border: 2px solid #FFF;}

.min_h_100 {min-height: 100px;}
.min_h_200 {min-height: 200px;}
.min_h_300 {min-height: 300px;}
.min_h_400 {min-height: 400px;}
.min_h_500 {min-height: 500px;}
.min_h_600 {min-height: 600px;}
.min_h_700 {min-height: 700px;}
.min_h_800 {min-height: 800px;}
.min_h_900 {min-height: 900px;}
.min_h_1000 {min-height: 1000px;}


.hover_effekt:hover {opacity: 0.7; transition: all 0.25s ease-in; }
.hover_effekt {opacity: 1; transition: all 0.25s ease-out; }




.list-type1{ margin:0 auto; }

.list-type1 ol {
counter-reset: li;
list-style: none;
*list-style: decimal;
font-size: 18px;
padding: 0;
margin-bottom: 4em;
}
.list-type1 ol ol{
margin: 0 0 0 2em;
}



.list-type1 .list {
position: relative;
display: block;
padding: 10px 30px 10px 40px;
*padding: .4em;
margin: 10px 0;
background: #000;
color: #FFF;
text-decoration: none;
transition: all .2s ease-in-out;
}

.list-type1 .list:hover { background: #d6d4d4; color: #000; text-decoration:none; transform: scale(1.1); }

.list-type1 .list:before { 
content: counter(li); 
counter-increment: li; 
position: absolute;
left: -1.3em;
top: 50%;
margin-top: -1em;
background: #000;
height: 2em;
width: 2em;
border: .3em solid #fff;
text-align: center;
font-weight: bold;
-moz-border-radius: 2em;
-webkit-border-radius: 2em;
border-radius: 2em;
color:#FFF;

}


.text-right {text-align: right;}



#footer .footer-widgets-wrap {
    position: relative;
    padding: 40px 0;
}


footer p {line-height: 30px; font-weight: 500; font-size: 17px;}


.dark #footer, #footer.dark {
    color: #FFF;
    background-color: #536006;
    border-top-color: rgba(255,255,255,0.15);
    
}
.dark #copyrights, #copyrights.dark {color: #FFF;}

#copyrights {
    padding: 30px 0 20px;
    background-color: #DDD;
    font-size: 0.875rem;
    line-height: 1.8;
}

.height_img_100 {height: 100%; background-size:cover}
.img-cover {height: 100%;}



.mgb-0 {margin-bottom: 0px !important;}
.mgb-10 {margin-bottom: 10px !important;}
.mgb-20 {margin-bottom: 20px !important;}
.mgb-30 {margin-bottom: 30px !important;}
.mgb-40 {margin-bottom: 40px !important;}
.mgb-50 {margin-bottom: 50px !important;}
.mgb-60 {margin-bottom: 60px !important;}
.mgb-70 {margin-bottom: 70px !important;}
.mgb-80 {margin-bottom: 80px !important;}
.mgb-90 {margin-bottom: 90px !important;}
.mgb-100 {margin-bottom: 100px !important;}
.mgb-200 {margin-bottom: 200px !important;}
.mgb-300 {margin-bottom: 300px !important;}
.mgb-350 {margin-bottom: 350px !important;}
.mgb-400 {margin-bottom: 400px !important;}





.mgt-0 {margin-top: 0px;}
.mgt-10 {margin-top: 10px;}
.mgt-20 {margin-top: 20px;}
.mgt-30 {margin-top: 30px;}
.mgt-40 {margin-top: 40px;}
.mgt-50, .content-margin-flow {margin-top: 50px;}
.mgt-60 {margin-top: 60px;}
.mgt-70 {margin-top: 70px;}
.mgt-80, .mgt-80-flex {margin-top: 80px;}
.mgt-90 {margin-top: 90px;}
.margin-sitemenue,
.mgt-100 {margin-top: 100px;}
.mgt-110 {margin-top: 110px;}
.mgt-120 {margin-top: 120px;}
.mgt-130 {margin-top: 130px;}
.mgt-140 {margin-top: 140px;}
.mgt-150 {margin-top: 150px;}
.mgt-160 {margin-top: 160px;}
.mgt-170 {margin-top: 170px;}
.mgt-180 {margin-top: 180px;}
.mgt-190 {margin-top: 190px;}
.mgt-200 {margin-top: 200px;}


.mgl-0 {margin-left: 0px !important}
.mgl-10 {margin-left: 10px;}
.mgl-20 {margin-left: 20px;}
.mgl-30 {margin-left: 30px;}
.mgl-40 {margin-left: 40px;}
.mgl-50 {margin-left: 50px;}
.mgl-60 {margin-left: 60px;}
.mgl-70 {margin-left: 70px;}
.mgl-80 {margin-left: 80px;}
.mgl-90 {margin-left: 90px;}
.mgl-100 {margin-left: 100px;}
.mgl-110 {margin-left: 110px;}

.mgr-0 {margin-right: 0px}
.mgr-10 {margin-right: 10px;}
.mgr-20 {margin-right: 20px;}
.mgr-30 {margin-right: 30px;}
.mgr-40 {margin-right: 40px;}
.mgr-50 {margin-right: 50px;}
.mgr-60 {margin-right: 60px;}
.mgr-70 {margin-right: 70px;}
.mgr-80 {margin-right: 80px;}
.mgr-90 {margin-right: 90px;}
.mgr-100 {margin-right: 100px;}
.mgr-110 {margin-right: 110px;}


.mg-0 {margin: 0px}
.mg-5 {margin: 5px}



.pd-0 {padding: 0px;}
.pd-10 {padding: 10px;}
.pd-20 {padding: 20px;}
.pd-30 {padding: 30px;}
.pd-40 {padding: 40px;}
.pd-50 {padding: 50px;}
.pd-60 {padding: 60px;}
.pd-70 {padding: 70px;}
.pd-80 {padding: 80px;}
.pd-90 {padding: 90px;}
.pd-100 {padding: 100px;}
.pd-110 {padding: 110px;}
.pd-120 {padding: 120px;}
.pd-130 {padding: 130px;}
.pd-140 {padding: 140px;}
.pd-150 {padding: 150px;}
.pd-160 {padding: 160px;}

.pdt-0 {padding-top: 0px;}
.pdt-10 {padding-top: 10px !important;}
.pdt-20 {padding-top: 20px;}
.pdt-30 {padding-top: 30px;}
.pdt-40 {padding-top: 40px;}
.pdt-50 {padding-top: 50px;}
.pdt-60 {padding-top: 60px;}
.pdt-70 {padding-top: 70px;}
.pdt-80 {padding-top: 80px;}
.pdt-90 {padding-top: 90px;}
.pdt-100 {padding-top: 100px !important;}
.pdt-110 {padding-top: 110px;}
.pdt-120 {padding-top: 120px;}
.pdt-130 {padding-top: 130px;}
.pdt-140 {padding-top: 140px;}
.pdt-150 {padding-top: 150px;}
.pdt-160 {padding-top: 160px !important;}
.pdt-170 {padding-top: 170px;}
.pdt-180 {padding-top: 180px;}
.pdt-190 {padding-top: 190px;}
.pdt-200 {padding-top: 200px;}


.pdb-0 {padding-bottom: 0px;}
.pdb-10 {padding-bottom: 10px !important;}
.pdb-20 {padding-bottom: 20px;}
.pdb-30 {padding-bottom: 30px;}
.pdb-40 {padding-bottom: 40px;}
.pdb-50 {padding-bottom: 50px;}
.pdb-60 {padding-bottom: 60px;}
.pdb-70 {padding-bottom: 70px;}


.pdr-0 {padding-right: 0px;}
.pdr-5 {padding-right: 5px;}
.pdr-10 {padding-right: 10px !important;}
.pdr-20 {padding-right: 20px;}
.pdr-30 {padding-right: 30px;}
.pdr-40 {padding-right: 40px;}
.pdr-50 {padding-right: 50px;}
.pdr-60 {padding-right: 60px;}
.pdr-70 {padding-right: 70px;}



@media (min-width: 1187px) {

.only_mobile {display: none}
 
}


@media (max-width: 1186px) {

.no_mobile {display: none}

.only_mobile {width: 100%;}
 
}




@media (min-width: 992px) {
  .sticky-header #header-wrap {background-color: #221412;}
  .sub-menu-container .menu-item:hover > .menu-link {
    background-color: #FFF;
    padding-left: 18px;
    color: #536006;
  }
 
}




@media (max-width: 992px) {


.sticky-header #header-wrap { background-color: #000;}

.sticky-header .menu-link { color: #000;}
.sticky-header .menu-link:hover,
.sticky-header .menu-link:focus,
.sticky-header .menu-link:active { color: #FFF;}


h1, h2, h3, h4, h5, h6 {
  line-height: 1.5;
  margin: 15px 0 15px 0;
}

h2 {font-size: 24px;}

.button {
  display: inline-block;
  position: relative;
  cursor: pointer;
  outline: none;
  white-space: nowrap;
  margin: 0px;
  padding: 5px 15px;
  font-size: 0.875rem;
  line-height: 24px;
  background-color: #536006;
  color: #FFF;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  border: none;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.button.button-xlarge {
  padding: 3px 10px;
  font-size: 15px;
  letter-spacing: 2px;
  line-height: 34px;
}

.mgt-80-flex {margin-top: 20px;}
.no_handy {display: none;}

}

@media (min-width: 991px) {

.sub-menu-container, .mega-menu-content {
    width: 350px;
    border-top: 2px solid #489f56;
}

}



@media (max-width: 991px) {


.sub-menu-container .menu-item > .menu-link {color: #d7c9ae;}

.sub-menu-container .menu-item.active > .menu-link {
  color: #536006;
  font-weight: 400;
}


.svg-trigger {
    width: 50px;
    height: 50px;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition: transform 400ms;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


#primary-menu-trigger, #page-menu-trigger {
    display: -ms-flex;
    display: flex;
    opacity: 1;
    pointer-events: auto;
    z-index: 9999;
    cursor: pointer;
    font-size: 0.875rem;
    width: 50px;
    height: 50px;
    line-height: 50px;
    justify-content: center;
    align-items: center;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
}

#logo img {
    display: block;
    max-height: 100%;
    height: 150px !important;
}

#logo {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -ms-flex-align: center;
    max-height: 100%;
}


#header-wrap {
    position: relative;
    width: 100%;
}

#primary-menu-trigger, #page-menu-trigger {
width: 80px; 
height: 80px; 
position: absolute; 
top: 50px; 
right: 10px;}
.svg-trigger {width: 80px; height: 80px;}


/*
.v_center {
    margin: 0;
    position: inherit;
    top: 30px;
    -ms-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    padding-left: 15px;
    padding-right: 15px;
}
<*/

.v_center {
margin-top: 70px;
padding-left: 15px;
padding-right: 15px;
}


.start_section h3 {
    text-align: left;
    top: 0px;
    font-size: 28px;
}

#content .start_section p {
    font-size: 18px;
    line-height: 26px;
    margin-top: 40px;
}

.height_tablet {min-height:500px;}


.heading-block h3 {font-size: 26px;}

.col-top-mobil {padding-top:0px; margin-top: -30px;}

.lead, ul.listen_style li, #content p, p {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

.text-right {text-align: left !important;}

figure.effect-apollo h2 {font-size: 20px;}
figure.effect-apollo p {font-size: 12px !important;}

.col-lg-0 {display: none;}


footer p {font-size: 18px;}


.partner_von_schueco {
    position: absolute;
    top: 10px;
    left: 25px;
    width: 200px;
    margin-left: 0px;
    z-index: 9999;
}


.emblem_150_jahre {
    position: absolute;
    top: 40px;
    left: 120px;
    width: 80px;
    margin-left:50%;
    z-index: 9999;
}

.mobil-no-mgt {margin-top: 0px;}

.mobil-no-pd {padding: 0 0 0 0; border: #FFF 2px solid;}

.grid {padding: 0 0 0 0; margin: 0 0 0 0;}

.grid figure {margin: 0 0 0 0;}

figure.effect-apollo h2 {
  text-align: right;
  margin-top: 40%;
}

.no-mobile {display: none !important;}


}


@media (max-width: 769px) {
figure.effect-apollo h2 {
  text-align: right;
  margin-top: 60%;
}
}


@media (max-width: 480px) {

.start_section h3 {
    color: #FFF;
    font-size: 28px;
}

#logo {
    position: relative;
    align-items: initial;
    margin-left: 10px;
    max-height: 100%;
}



#logo img {
    display: block;
    max-height: 100%;
    max-width: 200px !important;
    padding-top: 5px;
    padding-bottom: 5px;
}


.grid-5 > .grid-item {
    width: 50%;
}


.list-type1 a { transform: scale(0.9);}
.list-type1 a:hover { transform: scale(0.9);}

.shape-divider {display:none;}


.emblem_150_jahre {
    display: none;
    position: absolute;
    top: 40px;
    right: 20px;
    width: 80px;
    margin-left:20px;
    z-index: 9999;
}



}