@font-face {
 font-family: "PlayfairDisplay-Regular";
 src: url("/fonts/PlayfairDisplay-Regular.woff2") format("woff2"), url("/fonts/PlayfairDisplay-Regular.woff") format("woff"); 
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: "NotoSans-Regular";
 src: url("/fonts/NotoSans-Regular.woff2") format("woff2"), url("/fonts/NotoSans-Regular.woff") format("woff"); 
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: "NotoSans-Bold";
 src: url("/fonts/NotoSans-Bold.woff2") format("woff2"), url("/fonts/NotoSans-Bold.woff") format("woff"); 
 font-weight: normal;
 font-style: normal;
}
@font-face {
  font-family: "Voyage";
  src: url("/fonts/Voyage-Regular.woff") format("woff"), url("/fonts/Voyage-Regular.ttf") format("truetype"), url("/fonts/Voyage-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
.fRight { float:right;}
.fLeft { float:left;}
.aRight { text-align: right;}
.aCenter { text-align: center;}
.aLeft { text-align:left;}
.vTop { vertical-align:top;}
.vMiddle { vertical-align:middle;}
.block { display:block;}
.flex { display:flex;}
.order1 { order:1}
.order2 { order:2}
.order3 { order:3}
.hidden, .nodesktop { display:none;}

.voyage{ font-family: Voyage, Arial, Helvetica, sans-serif;}
.noto { font-family: NotoSans-Regular, Arial, Helvetica, sans-serif;}
.noto strong, .noto b, .noto .strong, .noto h2, .noto h3, .noto h4, .noto h1 { font-family: NotoSans-Bold, Arial, Helvetica, sans-serif; font-weight: normal;}
.playfair, .playfair h1, .playfair h2, .playfair h3, .playfair h4 {font-family:PlayfairDisplay-Regular, Arial, Helvetica, sans-serif; font-weight: normal;}
.playfair strong, .playfair b, .playfair .medium { font-family:PlayfairDisplay-Regular, Arial, Helvetica, sans-serif; font-weight: 600;}


.bold { font-weight: bold !important;}
.spacer { clear:both; height: 0px; overflow: hidden; position: relative;}
.clearer { clear:both;}
.m0 {margin:0px;}
.mt0 { margin-top: 0px}
.mb0 { margin-bottom: 0px !important;}
.mt5 { margin-top: 5px}
.mb5 { margin-bottom: 5px}
.mb8 { margin-bottom: 8px;}
.mt10 { margin-top: 10px}
.mr10 { margin-right: 10px;}
.mb10 { margin-bottom: 10px;}
.ml10 { margin-left: 10px;}
.mt15 { margin-top: 15px;}
.mb15 { margin-bottom: 15px;}
.mt20 { margin-top: 20px;}
.mr20 { margin-right: 20px;}
.mb20 { margin-bottom: 20px;}
.ml20 { margin-left: 20px;}
.mt25 { margin-top: 25px;}
.mr25 { margin-right: 25px;}
.mb25 { margin-bottom: 25px;}
.ml25 { margin-left: 25px;}
.mt30 { margin-top: 30px;}
.mr30 { margin-right: 30px;}
.mb30 { margin-bottom: 30px;}
.ml30 { margin-left: 30px;}
.mt35 { margin-top: 35px;}
.mr35 { margin-right: 35px;}
.mb35 { margin-bottom: 35px;}
.ml35 { margin-left: 35px;}
.mt40 { margin-top: 40px;}
.mr40 { margin-right: 40px;}
.mb40 { margin-bottom: 40px;}
.ml40 { margin-left: 40px;}
.mt50 {margin-top: 50px;}
.mb50 {margin-bottom: 50px;}
.mt100 { margin-top: 100px;}
.w100 { width: 100%;}

.p0 {padding:0;}
.pt1 {padding-top:1px;}
.p5 { padding: 5px;}
.pl5 { padding-left: 5px;}
.pr5 { padding-right: 5px;}
.p1 { padding: 1px 0px;}
.pt8 {padding-top: 8px;}
.p10 { padding: 10px;}
.pt10 { padding-top: 10px;}
.pr10 { padding-right: 10px;}
.pb10 { padding-bottom: 10px;}
.pl10 { padding-left: 10px;}
.pt15imp { padding-top: 15px !important;}
.pb15 {padding-bottom: 15px;}
.pt20 { padding-top: 20px;}
.pr20 { padding-right: 20px;}
.pb20 { padding-bottom: 20px;}
.pl20 { padding-left: 20px;}
.pt30 { padding-top: 30px;}
.pr30 { padding-right: 30px;}
.pb30 { padding-bottom: 30px;}
.pl30 { padding-left: 30px;}
.pt40 { padding-top: 40px;}
.pr40,.pRightColum { padding-right: 40px;}
.pb40 { padding-bottom: 40px;}
.pl40 { padding-left: 40px;}
.pt50 { padding-top: 50px;}
.pb60 {padding-bottom: 60px;}
.pt80 {padding-top: 80px;}

.pl30proz { padding-left:30%; min-width: 140px;}
.pl25proz { padding-left:25%; min-width: 160px;}
.pr25proz { padding-right:25%; min-width: 160px;}
.pl20proz { padding-left:20%; min-width: 170px;}
.pr20proz { padding-right:20%; min-width: 170px;}
.pl7proz { padding-left: 7%;}
.pl10proz { padding-left: 10%;}
.pr10proz { padding-right: 10%;}
.pr12proz { padding-right: 12%;}
.pr15proz { padding-right: 15%;}
.pl8proz { padding-left: 8%;}
.pr8proz { padding-right: 8%;}
.pl7proz { padding-left: 7%;}
.pr7proz { padding-right: 7%;}
.pl6proz { padding-left: 6%;}
.pr6proz { padding-right: 6%;}
.pl5proz { padding-left: 5%;}
.pr5proz { padding-right: 5%;}
.pl3proz { padding-left: 3%;}
.pr3proz { padding-right: 3%;}
.pl2proz { padding-left: 2%;}
.pr2proz { padding-right: 2%;}
.mr2proz {margin-right: 2%;}
.ml2proz {margin-left: 2%;}
.mr3proz {margin-right: 3%;}
.ml3proz {margin-left: 3%;}
.w60 {width: 60px;}

.w20proz { width: 20%;}
.w25proz { width: 25%;}
.w27proz { width: 27%;}
.w28proz { width: 28%;}
.w30proz { width: 30%;}
.w40proz { width: 40%;}
.w42proz { width: 42%;}
.w45proz { width: 45%;}
.w50proz { width: 50%;}
.w55proz { width: 55%;}
.w58proz { width: 58%;}
.w60proz { width: 60%;}
.w75proz { width: 75%;}
.w80proz { width: 80%;}
.w100proz { width: 100%;}
.bgwhite { background: #ffffff;}
.bgcolored { background: #f1f4f4;}
.rahmen {border: 1px solid #626365;}
.shadow, .shadow2 {box-shadow: 0 0 5px #aaaaaa;}
main .shadow2 {background: #fff; border-bottom: 3px solid #114232;}

html { font-size: 16px; height: 100%;}
body { margin: 0px; padding: 0px; /*background-color: #ffffff;*/ line-height: 1.3; color: #000;}

a img:hover,.text a:hover, a.colored:hover, #primary_nav_wrap a:hover, footer a:hover, .cat2:hover, .cat2-sel:hover, .teaserteam:hover, .lang a:hover, .cat3:hover, .ok:hover, .lupe:hover, .whitelink:hover, .boxContent a:hover {opacity: 0.6;}
.inaktiv {opacity: 0.3;}

a { text-decoration:none;}
a img { border:none;}
strong, b { font-weight: 700;}
h1, h2, h3, h4 { line-height: 1.2;}
img { max-width: 100%;}
.bbottom {border-bottom: 1px solid #114232;}
.btop {border-top: 1px solid #114232;}
.textbig {font-size: 1.5rem;}

main { max-height: 99999px; max-width: 4000px; margin: 0 auto; line-height: 1.65;}

.container { max-width: 1150px; margin: 0 auto; font-family: NotoSans-Regular, Arial, Helvetica, sans-serif; min-width: 300px; max-height: 99999px;}
.hleiste {background: #114232; color: #fff; line-height: 1.0;}
.hleiste img {margin: 10px 5px 8px 0; height: 14px;}
.lang a, .lang {color: #fff;}
.logo {height: 140px;}
/* Only Chrome und Edge CSS hack, weil im Safari verpixelt */
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
	.logo{image-rendering: -webkit-optimize-contrast;}
}
.headerimage {background-repeat: no-repeat;background-position: center center;background-size:cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover; width: 100%;  padding-bottom: 30%;}
.mNaviLink {display:none;}

/*Content Mitte*/
main h1, main h2, main h3, main h4 {font-family:PlayfairDisplay-Regular, Arial, Helvetica, sans-serif !important; font-weight: normal; margin: 10px 0;}
main h2, main h3, main h4 {margin: 25px 0 10px 0;}
main h1 {font-size: 2.2rem;}
main h2 {font-size: 1.8rem;}
main h3 {font-size: 1.6rem;}
main h4 {font-size: 1.4rem;}
.tpic, .thumbCont {width: 375px; max-width: 40%; margin: 3px 15px 5px 0; float:left;}
.text a, a.colored {color: #1a9468; text-decoration:underline;}

.cpadding {padding: 15px 40px 30px 40px;}
.teaserC, .teaserC2, .rs2C, footer nav .flex {display:flex; flex-wrap: wrap; }
.teaserC {padding: 30px 0; justify-content: space-between;}
.rs2C {justify-content:space-between; padding: 15px;}
.teaser {flex-basis: 39%; display:block; padding: 30px 4%; color: #111; margin: 15px 1.5%; border-bottom: 3px solid #114232; background: #fff;}
.rs2C .teaser {flex-basis: 39%;  margin: 15px 1.5%;}
.teaser.shadow, .teaserProdukt.shadow {box-shadow:0 0 3px #aaaaaa;}
.teaser.shadow:hover, .tpicP:hover, .teaserProdukt.shadow:hover {box-shadow:0 0 7px #666666;}
.teaser h2 {color: #114232;}
.rs2C {background: #edece6;}
.teaserText {font-size: 1.2rem;}

/* Produkte */
.tpicP {float:left; width:35%; box-shadow:0 0 2px #114232; margin: 3px 0 5px 0;}
.cpaddingP {padding: 40px;}
.produktTeaser {float:right; width: 60%;}
.preisDetail {border-top: 1px solid #607803;}
.preis {color: #607803;}
.cta, .cta2 { color: #ffffff; display:block; text-align:center; background: #114232;}
.cta {text-transform:uppercase; font-size: 1.1rem; padding: 5px 10px; }
.cta2 {font-size: 0.8rem; padding: 2px 5px; margin-top: 3px;}
.cta:hover {background: #607803;}
.tpicPreview {width: 100%; margin: 0;} 
.teaserC2 {justify-content: space-between;}
.teaserProdukt {flex-basis: 31%; display:block; color: #111; margin: 15px 1%; border-bottom: 3px solid #114232; background: #edece6;}

/*mobile Navi */
#mobilNav a {display:block; padding: 8px 8px 6px 10px; border: 1px solid #333; margin-top: 10px; margin-bottom: 10px; color: #111; line-height: 1.1;}
#mobilNav {display:none; padding: 10px 0 0 0; line-height: 1.1 !important; }
.mCat1, .mCat1-sel {font-size: 1.0rem;}
.mCat1, .mCat2 {background: #cfe3dc;}
.mCat1-sel, .mCat2-sel {background: #fff;}
.mCat2, .mCat2-sel {margin-left: 10%; font-size: 1.0rem;}

/* Brotnavi */
p.bread {margin: 45px 0 0 0;}
.bread, a.bread span {font-size: 0.8rem; color: #999; text-decoration:none; font-family: Arial, Helvetica, sans-serif;}
.bread a:hover {text-decoration:underline;}


/* Footer */
footer {background-color: #114232; color: #fff; line-height: 1.7;}
footer a {color: #fff;}
footer .footerMain { /*font-family:PlayfairDisplay-Regular, Arial, Helvetica, sans-serif; font-weight: 600;*/ font-size: 1.1rem;}
footer nav .flex ul {padding: 10px 0 10px 0; flex-basis: 20%; display:block; font-size: 0.95rem}
footer nav .flex ul, footer nav .flex ul li {list-style: none;}
footer hr {height: 0px !important; color: #fff; border-top: 1px solid #fff !important; border-bottom: none !important}
.flags img{height:16px;margin-right:10px}

#falklayer {position: fixed;  background-color: rgba(0,0,0,0.5); z-index: 1000; width: 100%;height: 100%;top: 0px;left: 0px; display:none;}
#falklayer1 {position: fixed; top: 50%; left: 50%; width: 60%; box-shadow: 0 0 15px #000000; background-color: #ffffff; max-height: 90vh; overflow:auto;}

/* Cookie Hinweis */
#fixedDiv2 {position: fixed; bottom:0; left:0; width: 100%; height: 0px; overflow:hidden; z-index:101; font-size:19px; line-height:2; color: #fff; text-align:center; font-family:Arial, Helvetica, sans-serif;}
.cookie {text-align:center; line-height:1.2; color: #fff;}
.cookie a {color: #eee;}
.cookie p {margin: 0.5rem 0;}
.pointer {cursor:pointer;}

.accept, .configure {padding: 0.5rem;text-decoration: none;margin: 10px 2px;border-radius: 5px; letter-spacing:0; display:inline-block; font-size: 1rem; text-decoration:none !important;}
.accept:hover, .configure:hover {text-decoration:none;}
.accept {background: #42ac6c; border: 1px solid #fff; color: #ffffff !important;  }
.configure {background: #f4f4f4; color: #666 !important; border: 1px solid #ddd; }

.accept:hover, .configure:hover {opacity: 0.65;}

.cookieConfig {padding: 1.5rem; font-size: 0.9rem; background: #fff;}

#matomoF, #marketingF, #marketingCode {float:left; width: 1px; height: 1px; overflow:hidden;}
#fingerprint {display:none; position: fixed; bottom: 0; right: 0; z-index:4;}
#fingerprint img {max-width: 32px; margin:0 5px 5px 0;}

.toggleCookie {
  cursor: pointer;
  display: inline-block;
}

.toggleCookie-switch, .toggleCookie-switch2 {
  display: inline-block;
  background: #ccc;
  border-radius: 16px;
  width: 39px;
  height: 24px;
  position: relative;
  vertical-align: middle;
  transition: background 0.25s;
}
.toggleCookie-switch:before, .toggleCookie-switch:after, .toggleCookie-switch2:before, .toggleCookie-switch2:after {
  content: "";
}
.toggleCookie-switch:before, .toggleCookie-switch2:before {
  display: block;
  background: linear-gradient(to bottom, #fff 0%, #eee 100%);
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25);
  width: 16px;
  height: 16px;
  position: absolute;
  top: 4px;
  left: 4px;
  transition: left 0.25s;
}
.toggleCookie:hover .toggleCookie-switch:before {
  background: linear-gradient(to bottom, #fff 0%, #fff 100%);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5);
}
.toggleCookie-checkbox:checked + .toggleCookie-switch {
  background: #56c080;
}

.toggleCookie-checkbox2:checked + .toggleCookie-switch2 {
  background: #568ac0;
}

.toggleCookie-checkbox:checked + .toggleCookie-switch:before, .toggleCookie-checkbox2:checked + .toggleCookie-switch2:before {
  left: 20px;
}

.toggleCookie-checkbox, .toggleCookie-checkbox2 {
  position: absolute;
  visibility: hidden;
}

.toggleCookie-label {
  margin-left: 5px;
  position: relative;
  top: 2px;
}

#pleasewaitcontainer {display:none; z-index: 101; position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; background: -moz-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.8) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3000000', endColorstr='#b3000000',GradientType=0 );}
#pleasewait {display:none; height: 160px; padding: 40px 20px; top: -webkit-calc(50% - 120px); top: -moz-calc(50% - 120px); top: calc(50% - 120px); position: fixed; width: 300px; border-radius: 20px; border: 3px solid #000; box-shadow: 0 0 15px #000000; left: -webkit-calc(50% - 170px); left: -moz-calc(50% - 170px); left: calc(50% - 170px); background: #ffffff; text-align:center;}

.black {color: #333;}
.text2 {font-size: 0.8rem;}
.urheber  {font-size: 0.7rem;}

/*Hover Navigation Start */
#topnavi {width: 100%; left: 0; background: #fff;}
#primary_nav_wrap {color: #333; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; }
#primary_nav_wrap a { color: #333;}
#primary_nav_wrap .main { font-size:1.0rem; color: #333; margin: 0 5px 0 5px; display:inline-block;}
#primary_nav_wrap .main i { font-family: NotoSans-Regular, Arial, Helvetica, sans-serif; font-style:normal;}
#primary_nav_wrap .main:hover { background-color: #edece6;}
#primary_nav_wrap .main a {padding: 15px;}
#primary_nav_wrap .main a:hover {opacity: 1.0 !important;}
#primary_nav_wrap .main.active a { border-top: 2px solid #114232; padding:13px 15px 15px 15px;}
#primary_nav_wrap .main.active ul a { border-top: none; padding:10px 15px;}
#primary_nav_wrap .sub { font-size:1.0rem; margin: 1px 0 -1px 0; border-bottom: 1px solid #ddd;}
#primary_nav_wrap .sub a {display:block; padding: 10px 15px;}
#primary_nav_wrap .sub a:hover {background-color: #edece6; opacity: 1.0 !important;}
#primary_nav_wrap ul { list-style:none;	position:relative; margin: 0; padding: 0; text-align:center;}
#primary_nav_wrap ul a { display:block;	text-decoration:none;}
#primary_nav_wrap ul li { position:relative; margin:0;}
#primary_nav_wrap ul li ul {  box-shadow: -6px 6px 6px -6px #888;}
#primary_nav_wrap ul li ul li {background: #fff; min-width: 200px;}
#primary_nav_wrap ul li ul li:hover { opacity: 1; filter:Alpha(Opacity=100);}
#primary_nav_wrap ul li ul { display:none; position:absolute;	top:100%;	left:0;	padding:0;	z-index:100 !important; }
#primary_nav_wrap ul ul li { float:none; width:auto; opacity: 1.0; filter:Alpha(Opacity=100); -index:100 !important; text-align:left;}
#primary_nav_wrap ul li:hover > ul { display: block;}
.w750 { width: 750px;}
.w700 { width: 700px;}
.w550 { width: 550px;}
.w500 { width: 500px;}
.w350 { width: 350px;}
.naviSpalte1, .naviSpalte2, .naviSpalte3 { top: 0 !important; position:relative !important; padding-bottom: 15px !important;}
.naviSpalte1 { background: #ffffff; order:1;}
.naviSpalte2 { background: #f1f4f4; order:2;}
.naviSpalte3 { background: #e8eced; order:3;}
.naviSpalte1 ul li, .naviSpalte2 ul li, .naviSpalte3 ul li {padding-left: 20px !important;}
.naviSpalte2 li.naviHeading, .naviSpalte3 li.naviHeading { padding: 20px 15px; font-size: 1.2rem;}
.naviSpalte1 li.naviHeading {font-size: 1.2rem; padding: 20px 15px 20px 20px;}
.subText { display:block; font-size: 0.8rem; color: #adaeaf !important;}
/* Hover Navi Ende */

/* Slider Start */  
.unslider{overflow:hidden;padding:0;position:relative;/*background:#fff;*/min-width:320px; margin: 15px 0 20px 0;}
.unslider-wrap{position:relative}
.unslider-wrap.unslider-carousel>li{float:left}
.unslider-vertical>ul{height:100%}
.unslider-vertical li{float:none;width:100%}
.unslider-fade{position:relative}
.unslider-fade .unslider-wrap li{position:absolute;left:0;top:0;right:0;z-index:8}
.unslider-fade .unslider-wrap li.unslider-active{z-index:10;}
.unslider li,.unslider ul, .my-slider li, .my-slider ul, .my-slider2 li, .my-slider2 ul{list-style:none;margin:0;padding:0;border:none;}
.unslider-arrow{position:absolute;top:133px;height:33px;width:18px;z-index:2;cursor:pointer;z-index:15;}
.unslider-arrow img{width:100%;}
.unslider-arrow img:hover{opacity:0.4;}
.unslider-arrow.next{left:auto;right:0px;margin-right:5px;}
.unslider-arrow.prev{margin-left:5px;}
.unslider nav ol li{float:left;display:block;width:10px;height:10px;margin-right:5px;background:#ffffff;cursor:pointer;color:#ffffff;overflow:hidden;font-size:0px;font-weight:bold;border:1px solid #114232;border-radius: 50%;}
.unslider nav ol li.unslider-active{background-color:#114232;color:#b5baa2;}
.unslider-nav{display:block;z-index:10;width:75px;padding-right:33px;margin:-7px auto 0px auto;}
.unslider ul li{background-repeat: no-repeat;background-position: left center;background-size:cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;}
.box{position:relative;width:100%;}
.box:before{content:"";display:block;padding-top:31.771%;}
.unslider ul li .box .boxContent{font-size: 5rem; color: #114232; position:absolute;top:50%;transform:translateY(-50%);text-align:right;right:5%;padding:10px;
/*
background: -moz-linear-gradient(top, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.9) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.9) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.9) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6ffffff', endColorstr='#e6ffffff',GradientType=0 );
*/
}
.unslider ul li .box .boxContent h2{font-weight:400;margin:0px;line-height:1.15;}
.unslider ul li .box .boxContent h2, .unslider ul li .box .boxContent a{color:#114232;text-decoration:none;}
.unslider ul li .box .boxContent p{margin:10px 0px 0px 0px;line-height:1.2;color:#222222;}
p.smehr {font-size: 1.5rem !important;}
#newSlider{display:none; box-shadow: 0 0 3px #aaaaaa; margin-top: 5px;}
/* Slider Ende */

/* Ligbox Start*/
/* Preload images */
body:after { content: url(/lightbox/img/close.png) url(/lightbox/img/loading.gif) url(/lightbox/img/prev.png) url(/lightbox/img/next.png); display: none; }
.lightboxOverlay { position: absolute; top: 0; left: 0; z-index: 9999; background-color: black; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; display: none; }
.lightbox { position: absolute; left: 0; width: 100%; z-index: 10000; text-align: center; line-height: 0; font-weight: normal; font-family: Cambria, Arial, Helvetica, sans-serif; }
.lightbox .lb-image { display: block; height: auto; max-width: inherit; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.lightbox a img { border: none; }
.lb-outerContainer { position: relative; background-color: white; zoom: 1; width: 250px; height: 250px; margin: 0 auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
.lb-outerContainer:after { content: ""; display: table; clear: both; }
.lb-container { padding: 4px; }
.lb-loader { position: absolute; top: 43%; left: 0; height: 25%; width: 100%; text-align: center; line-height: 0; }
.lb-cancel { display: block; width: 32px; height: 32px; margin: 0 auto; background: url(/lightbox/img/loading.gif) no-repeat; }
.lb-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
.lb-container > .nav { left: 0; }
.lb-nav a { outline: none; background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=='); }
.lb-prev, .lb-next { height: 100%; cursor: pointer; display: block; }
.lb-nav a.lb-prev { width: 34%; left: 0; float: left; background: url(/lightbox/img/prev.png) left 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s; }
.lb-nav a.lb-prev:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
.lb-nav a.lb-next { width: 64%; right: 0; float: right; background: url(/lightbox/img/next.png) right 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s; }
.lb-nav a.lb-next:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
.lb-dataContainer { margin: 0 auto; padding-top: 5px; zoom: 1; width: 100%; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.lb-dataContainer:after { content: ""; display: table; clear: both; }
.lb-data { padding: 0 4px; color: #ccc; }
.lb-data .lb-details { width: 85%; float: left; text-align: left; line-height: 1.1em; }
.lb-data .lb-caption { font-size: 16px; font-weight: bold; line-height: 1em; }
.lb-data .lb-number { display: block; clear: left; padding-bottom: 1em; font-size: 14px; color: #999999; }
.lb-data .lb-close { display: block; float: right; width: 30px; height: 30px; background: url(/lightbox/img/close.png) top right no-repeat; text-align: right; outline: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; }
.lb-data .lb-close:hover { cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }
/* Lightbox Ende */
/* Responsive Start */
@media only screen and (max-width: 1500px) {
	.unslider ul li .box .boxContent {font-size: 3.5rem;}
}
@media only screen and (max-width: 1310px) {

}
@media only screen and (max-width: 1250px) {

} 
@media only screen and (max-width: 1200px) {
	.unslider ul li .box .boxContent {font-size: 3rem;}
	.container {margin: 0 3%;}
	#falklayer1 {width: 65%;}
}
@media only screen and (max-width: 1150px) {
	
}
@media only screen and (max-width: 1100px) {
	.unslider ul li .box .boxContent {font-size: 2.5rem; line-height: 1.1;}
}
@media only screen and (max-width: 1050px) {
	body {background-color: #ffffff;}
	header {background-color: #f2f2ed; }
	.cpadding {padding: 20px 0;}
	.cpaddingP {padding: 0 0;}
	.shadow2 {box-shadow:none;}
	.headerimage {/*margin: 0 -3.1%; width: 106.4%;*/ padding-bottom: 45%;}
	footer nav .flex ul {flex-basis: 25%; }
	#falklayer1 {width: 70%;}
}
@media only screen and (max-width: 1000px) {
	#topnavi {display:none;}
	.logo {float:left; height: 100px; margin: 10px 10px 10px 10px;}
	.mNaviLink {display:block;}
	.mNaviButton {height: 40px; margin: 10px;}
}
@media only screen and (max-width: 950px) {

}
@media only screen and (max-width: 900px) {
	.teaserProdukt {flex-basis: 48%; margin: 15px 1%;}
	footer nav .flex ul {flex-basis: 33%; }
}
@media only screen and (max-width: 850px) {
	.unslider ul li .box .boxContent {font-size: 2.0rem;}
	p.smehr {font-size: 1.0rem !important;}
	.teaserC {display:block; padding-top: 10px;}
	.teaser, .rs2C .teaser {flex-basis: 100%; margin: 15px 0;}
	.rs2C {background:none; padding: 0;}
	.cpadding {padding: 0 0 20px 0;}
}
@media only screen and (max-width: 800px) {

}
@media only screen and (max-width: 747px) {
	.unslider ul li .box .boxContent, .unslider ul li .box .boxContent a {color: #ffffff;}
	#falklayer1 {width: 85%;}
}
@media only screen and (max-width: 700px) {
}
@media only screen and (max-width: 650px) {
	footer nav .flex ul {flex-basis: 50%; }
}
@media only screen and (max-width: 600px) {
	.teaserProdukt {flex-basis: 100%; margin: 15px 0;}
	.headerimage {padding-bottom: 60%;}
	html { font-size: 16px; height: 100%;}
	#falklayer1 {width: 94%;}
}
@media only screen and (max-width: 550px) {
	
}
@media only screen and (max-width: 500px) {

}
@media only screen and (max-width: 450px) {
	.unslider ul li .box .boxContent {right: 8%;}
	.unslider ul li .box .boxContent {font-size: 1.5rem;}
	.produktTeaser {clear:both; float:none; padding-top: 15px; width: 100%;}
	.tpicP {float:none; width:100%; box-shadow:0 0 2px #114232; margin: 0;}
	main h1 {font-size: 2.0rem;}
	main h2 {font-size: 1.6rem;}
	main h3 {font-size: 1.4rem;}
	main h4 {font-size: 1.2rem;}
	footer nav .flex ul {flex-basis: 100%; font-size: 1rem;}
	.footerMain {font-size: 1.1rem;}
}
@media only screen and (max-width: 400px) {
	#fixedDiv2 {font-size: 1.1rem;}
}
@media only screen and (max-width: 380px) {

}

@media only screen and (max-width: 350px) {
	#fixedDiv2 {font-size: 1.05rem;}
}
/* Responsive Ende */