@charset "UTF-8";

/* Umsetzung - Markus Schindler - CodeSache.de */

*{ margin:0; padding:0; border:0; outline:0; background-repeat:no-repeat; -webkit-tap-highlight-color:transparent; }
*{ -webkit-box-sizing:border-box; box-sizing:border-box; }
html{ -webkit-font-smoothing:antialiased; overflow-y:scroll; height:100%; }
body{ color:#000; font-size:16px; line-height:166%; font-family:"Open Sans", sans-serif; font-weight:300; background:#fff; }
#main{ clear:both; margin:0px; padding:0 0 0px 0; overflow:hidden; max-width:100%; min-height:300px; }
#main .inside{padding:0 0px;}
#main .mod_article{max-width:1220px;margin:0 auto;}
#main .mod_article.full{max-width:inherit;}
.mod_article > .innen{padding:20px 15px 0 15px;}

#container{ /*! max-width:1286px; */ margin:0 auto; clear:both; padding:0px 0px 30px 0px; }
body.full #container{ max-width:inherit; padding:0px 0px 30px 0px; }
#main .block{ overflow:hidden; }
#navisection{ max-width:1200px; margin:0 auto; clear:both; }

/* Farben */
.blaubg{ background:#004b8d;}
.hellblaubg{ background:#367eb1;}
.dunkelblaubg{ background:#06294f;}

.hellgelbbg{ background:#ffc428;}
.gelbbg{ background:#f0b10a;}

.graubg{ background:#333333;}
.hellgraubg{ background:#f1f1f1;}

.weissbg{ background:#ffffff; }

/* Text-Farben */
.weiss-text{ color:#fff; }
.schwarz-text{ color:#000; }
.braun-text{ color:#786e64; }
.gelb-text{ color:#f0b10a; }

/* Abstände innen */
.rand10px{ padding:10px; }
.rand20px{ padding:20px; }
.rand30px{ padding:30px; }
.rand40px{ padding:40px; }
.rand60px{ padding:60px; }
.rand100px{ padding:100px; }
.rand20pxobenunten{ padding:20px 0; }
.rand30pxobenunten{ padding:30px 0; }
.rand40pxobenunten{ padding:40px 0; }
.rand60pxobenunten{ padding:60px 0; }
.rand20pxunten70px{ padding:20px 20px 70px 20px; }
.rand60pxaussen{ padding:0 60px; }
/* Abstände aussen */
.marginunten0px{ margin-bottom:0px !important; }
.marginunten10px{ margin-bottom:10px !important; }
.marginunten20px{ margin-bottom:20px !important; }
.marginunten25px{ margin-bottom:25px !important; }
.marginunten30px{ margin-bottom:30px !important; }
.marginunten40px{ margin-bottom:40px !important; }
.marginunten50px{ margin-bottom:50px !important; }
.marginunten60px{ margin-bottom:60px !important; }
.marginunten80px{ margin-bottom:80px !important; }
.marginunten120px{ margin-bottom:120px !important; }
.marginoben0px{ margin-top:0px !important; }
.marginoben10px{ margin-top:10px !important; }
.marginoben20px{ margin-top:20px !important; }
.marginoben25px{ margin-top:25px !important; }
.marginoben30px{ margin-top:30px !important; }
.marginoben40px{ margin-top:40px !important; }
.marginoben50px{ margin-top:50px !important; }
.marginoben60px{ margin-top:60px !important; }
.marginoben80px{ margin-top:80px !important; }
.marginoben120px{ margin-top:120px !important; }
.intropadding{ padding:100px 0px 60px 0px; }

/* Bereich auf Breite begrenzen  */
.wrapper600px{ max-width:600px; margin:0 auto; }
.wrapper700px{ max-width:700px; margin:0 auto; }
.wrapper800px{ max-width:800px; margin:0 auto; }
.wrapper1000px{ max-width:1000px; margin:0 auto; }
.wrapper1180px{ max-width:1180px; margin:0 auto; }
.rs-columns.wrapper1180px{display:block;}

figure.float_left{ float:left; }
figure.float_right{ float:right; }
img{ max-width:100%; height:auto; }
.vollebreite img{ width:100% !important; max-width:100% !important; }
.fullwidth{ width:100% !important; max-width:100% !important; }
.widthinherit img{
width:inherit;
max-width:inherit; }

.rund{ border-radius:50%; display:inline-block; }
.center{ text-align:center; margin:0 auto; }
.centered{ display:block !important; margin-left:auto !important; margin-right:auto !important; }
.left{ float:left !important; }
.right{ float:right !important; }
.clearfix:before, .clearfix:after{ content:" "; display:table; }
.clearfix:after{ clear:both; }
.clear {
clear: both;
font-size: 0.1px;
height: 0.1px;
line-height: 0.1px;
float: none;
display: table;
}
.hide{ display:none; }
.visible{ overflow:visible !important; }
.invisible{ display:inline; height:0; left:-1000px; overflow:hidden; position:absolute; top:-1000px; width:0; }
.antialiased{ -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
.textalign_left{ text-align:left; }
.textalign_right{ text-align:right; }
.antialiased{ -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
.selectbig{ font-size:22px; }


/* HEADER */
#header{ margin:0 auto; width:100%; background:#fff; padding:0; -webkit-box-shadow:0 0 3px 0 #999; box-shadow:0px 0px 4px 1px #999; /*! min-height:160px;  position:fixed; top:0; right:0; left:0;*/ z-index:1000; /*    -webkit-transition: all 1s ease; transition:  all 1s ease;*/ margin-bottom: 0px;}


#header-top{}

#header-top .innen,#header-bottom .innen{ margin:0 auto; z-index:20; max-width:1220px; width:100%; position:relative;/*! display: inline-block; */}
#header-top .innen{padding: 18px 16px 8px 16px;}
#header-bottom .innen{/*! padding:20px 10px; *//*! min-height: 108px; */}


#header-bottom{
background-color: #06294f;
padding: 14px 10px;min-height: 106px;
}

#logo{ /*! min-width:280px; */ /*! height: 92px; */ /*!  */ /*! top: 20px; */ /*! position: absolute; */ /*! left: 0px; *//*! padding: 10px 0; */ z-index:100; text-align:left; display: inline-block;/*! vertical-align: top; */line-height: 0;font-size: 0;}
#logo .logouch{ width:90px;display:inline-block;  vertical-align: top;}
#logo img.logo{width:82px; }

#logo a{ display:block; /*! line-height:0; */ text-align: left;}


#header.headroom--unpinned{position:inherit;transform: translateY(-100%);}
#header.headroom--pinned{ position:fixed; top:0; right:0; left:0; z-index:1000; /*! padding: 20px 30px; *//*! min-height: 140px; */
-webkit-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}
.headroom--unpinned {}

#header.fixed{ position:fixed; top:0; right:0; left:0; z-index:1000; /*! padding: 20px 30px; *//*! min-height: 140px; */}

#header.headroom--top{position:inherit; }

#header.fixed #logo .logotext{ display:none; }
#header.fixed #logo img.logo{ /*! top:20px; */ /*! left:0px; */ /*! width:80px; */ }
#header.fixed .inside{}






#sprachumschalter{position:absolute; right:10px; top:10px; text-align:right; display:inline-block;}

.mod_changelanguage { }
.mod_changelanguage ul{ display: inline-block;margin: 0;    padding: 0; }
.mod_changelanguage ul li { display: inline; font-weight: bold;margin-left: 0px;padding: 2px;line-height: normal;}
.mod_changelanguage ul li a, .mod_changelanguage ul li span { text-decoration: none; color: #004b8d; font-size: 15px; }
.mod_changelanguage ul li.active span, .mod_changelanguage ul li a:hover, .mod_changelanguage ul li a:hover span { color: #333333; }

/*.mod_changelanguage ul li.lang-de a,.mod_changelanguage ul li.lang-de strong{ background:url(/files/emmett/themes/img/gfx/de.png) no-repeat;}
.mod_changelanguage ul li.lang-at a,.mod_changelanguage ul li.lang-at strong{ background:url(/files/emmett/themes/img/gfx/at.png) no-repeat;}
.mod_changelanguage ul li.lang-ch a,.mod_changelanguage ul li.lang-ch strong{ background:url(/files/emmett/themes/img/gfx/ch.png) no-repeat;}
*/



header .navisuchebox{ height:50px; background:#efede9; width:100%; z-index:300; }
header .inner{ margin:0 auto; max-width:1600px; position:relative; }

#topnavibox{ width:100%; }
#headersuche{ position:absolute; right:50px; top:0; width:200px; height:40px; text-align:right; display:inline-block; }
#headersuche input[type="search"]{ margin:0; border:0px; border-bottom:1px solid #000; -webkit-box-shadow:none; box-shadow:none; background:transparent; width:0px; height:39px; font-size:12px; padding:0; color:#000; -webkit-appearance:none; border-radius:0; }
#headersuche.sucheoffen input[type="search"]{ width:140px; padding:5px 5px; height:30px; margin-right:10px; }
#headersuche button{ background:url(/files/emmett/themes/img/gfx/search.svg) no-repeat top center; width:30px; height:30px; line-height:30px; vertical-align:top; }
#header.fixed #headersuche{ }

#warenkorbmini{position:absolute; right:110px; top:10px; min-width:140px; /*! height:40px; */ /*! text-align:right; */ display:inline-block;color: #004b8d;font-weight: 600;font-size: 14px;}
#warenkorbmini .empty{display:none;}
#warenkorbmini .subtotal{display:inline-block;margin-right: 6px;}
#warenkorbmini .cart{display:inline-block;margin-right: 6px;}
#warenkorbmini .cart a{border-right: 1px solid #06294f; padding-right: 10px;}
#warenkorbmini .cart a::before {
content: "\f07a";
font-family: icomoon;
font-weight: normal;
font-size: 14px;
display: inline-block;
}
#warenkorbmini .checkout{display:inline-block;margin-right: 6px;}
#warenkorbmini .checkout a::before {
content: "\f090";
font-family: icomoon;
font-weight: normal;
font-size: 18px;
display: inline-block;
margin-right: 5px;
vertical-align: bottom;
}




/* END HEADER */


.fluid-width-video-wrapper{ position:initial !important; }
.videoiframe{ z-index:60 !important; }
p.back{ margin:30px auto; max-width:1786px; padding:5px 0; text-align:right; }
p.back a{ background:#367eb1 none repeat scroll 0 0; color:#fff; font-family: Arial, sans-serif; font-size:20px; line-height:125%; padding:10px 30px; text-align:center; text-transform:lowercase; }

.image_container { position:relative; line-height:0; }
.image_container .caption{ bottom:10px; left:10px; /*! position:absolute; */ /*! background:rgba(255, 255, 255, 0.6); */ font-size:13px; line-height:9px; padding:10px 0px; clear:both; /*! color:#3c3c46; */ /*! width:inherit !important; */ }
.center-image .image_container { margin: 0 auto;text-align: center;}


/* HeaderSlider --- */
#homeCarousel{ margin:0 auto; text-align:center; position:relative; width:100%; }
#homeCarousel .teasertexte{ display:none; position:absolute; bottom:10%; padding:1.3rem; left:0%; right:0%; width:50%; margin:0 auto; background-color:rgba(255, 255, 255, 0.8); color:rgba(255, 255, 255, 0.8); }
#homeCarousel .teasertexte p{ color:#334650; font-size:1.1rem; margin:0; }
#homeCarousel .slideboxinner{ max-width:1600px; height:100%; margin:0 auto; }
#homeCarousel .slideboxinnerbox{ width:100%; position:relative !important; height:100%; max-width:1166px; margin:0 auto; }
#homeCarousel .introimage{ position:absolute; top:35%; left:0%; /*! right: 0%; */ margin:0 auto; display:block; max-width:400px; }
#headerslider{ width:100%; height:100%; position:relative; overflow:visible; min-height: 500px;}
#headerslider .slidebox{ position:absolute !important; width:100%; height:100%; background-size:cover; background-position:50% 50%; }

#bommelbox{ position:absolute; top:0;left:0; height:100%; z-index:100;/*! margin:auto; */ /*! bottom: 0; *//*! display: block; */width: 50%;}
#bommelbox .innen{ position: relative;height: 100%;}
#bommel{position: absolute;top: 0;bottom: 0;height: 280px;margin: auto auto;left: -150px;display: block; }
/*
#homeCarousel .rslides_tabs{ display:inline-block; padding:0; margin:0; }
#homeCarousel .rslides_tabs li{ display:inline-block; padding:5px; margin:0 5px 0 0; }
#homeCarousel .rslides_tabs li a:before{ content:"xxx"; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; line-height:15px; color:#fff; font-size:20px; }
*/
#homeCarousel ul.rslides_tabs {/*! position: relative; */}

#homeCarousel .rslides_tabs li a{
border-radius:50%;
position: absolute;
top: 0;
bottom: 0;
display: block;
cursor:pointer;
margin:auto auto;
text-align: center;
}




#homeCarousel li{position: absolute;top: 0;left:0;}



.homepfeil{ position:absolute; bottom:5%; color:#fff; left:45%; right:45%; z-index:100; width:inherit; display:inline-block; max-width:60px; }
.homepfeil a{ text-decoration:none; }
.homepfeil a:before{ font-size:60px; }
/* end HeaderSlider --- */

.mod_article.first{margin-top:0px;}

body.nobreadcrumb #main .mod_breadcrumb{display:none;}

#main .mod_breadcrumb {
padding: 0;
margin: 10px auto 20px auto;
line-height: 0;
max-width: 1190px;
}
#main .mod_breadcrumb ul {
display: inline-block;
margin: 0;
padding: 0;
text-overflow: ellipsis;
white-space: nowrap;
/*! line-height: 0; */
}

#main .mod_breadcrumb li {
display: inline-block;
font-size: 13px;
line-height: 18px;
}
#main .mod_breadcrumb li:before {content: '';}

#main .mod_breadcrumb li.first {
display: none;
}
#main .mod_breadcrumb a {
/*! font-size: 11px; */
/*! line-height: 2; */
text-decoration: none;
}
#main .mod_breadcrumb li::after {
content: " > ";
margin-left: 1px;
margin-right: 3px;
vertical-align: bottom;
}
#main .mod_breadcrumb li.last::after {content: "";}

#main .ce_toplink{width:100%; clear:both;}
#main .ce_toplink a{ /*! line-height:50px; */ padding: 10px 0 10px 0px;/*! display: inline-block; */vertical-align: middle;text-decoration: none;}
#main .ce_toplink a:before{content:" "; background:url(../../../../files/emmett/themes/img/gfx/up-klein.svg) no-repeat 0 100%; height:20px; width:30px;/*! line-height: 30px; */display: inline-block;margin-right: 15px;}


.parallax.height-small, .parallax.height-small .xparallaxbg{ height:200px; }
.parallax.height-medium, .parallax.height-medium .Xparallaxbg{ height:400px; }
.parallax.height-large, .parallax.height-large .Xparallaxbg{ height:600px; }
.parallax.viewport-height, .parallax.viewport-height .parallaxbg{ height:100vh; }
.parallax{ position:relative; overflow:hidden; }
.parallaxbg{ background-size:cover; background-position:50% 50%; height:120%; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; z-index:-1; }

.vertical-centered{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-direction:normal; -webkit-box-orient:vertical; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; }

.headline-box{margin-bottom: 25px;max-width:800px; margin:0 auto; text-align:center;}


.trenner{
border-bottom: 2px dotted #06294f;
margin-bottom: 40px;
padding-bottom: 40px;
}

.divider {
margin-bottom: 25px;
margin-top: 15px;
display: block;
text-align: center;
}
.divider:after,
.divider:before {
background-color:#367eb1;
display: inline-block !important;
vertical-align: middle;
content: "";
width: 70px;
height: 1px;
margin-top: -6px;
}
.divider-first {
border: 3px solid #367eb1;
}
.divider-first {
display: inline-block;
width: 14px;
height: 14px;
margin: 0 3px;
border: 3px solid #367eb1;
border-radius: 7px;
}
.divider-second {
background-color: #367eb1;
width: 4px;
height: 4px;
margin-top: 2px;
margin-left: 2px;
border-radius: 4px;
}

.pressebox{}
.pressebox h4{font-size: 1.2em;}
.pressebox .ce_image{padding-bottom:40px;max-width: 300px;}


/* Forms */
/* -------------------------------------------------------------------------------------------------- */
.ce_form .widget{ margin:0; padding:0 0 30px 0; }
.rowrechts{margin-top: 0px !important;}

.ce_form .widget.leftcol{padding-right:2%; width: 49%; display:inline-block; }
.ce_form .widget.rightcol{padding-left:2%; width: 50%; display:inline-block;}
.ce_form .widget-textarea{width:99.4%;}


fieldset{ margin:0; padding:0; }
label{ font-weight:normal; line-height:125%; margin-bottom:0; }
input, select, textarea{ background:#fff; border: 1px solid #ccc; border-radius:0; -webkit-box-sizing:border-box; box-sizing:border-box; color:#000; line-height:125%; margin:0px; padding:5px 10px; width:100%; }
select {
line-height: 125%;
margin: 0;
padding: 6px 10px;
height: 32px;
-webkit-border-radius: 0;
border: 0;
outline: 1px inset #ccc;
outline-offset: -1px;
}

input[type="checkbox"], input[type="radio"]{ -webkit-box-sizing:border-box; box-sizing:border-box; padding:0; width:inherit; }
span.mandatory{ color:#f00; display:inline; font-weight:bold; padding-left:2px; }

/* RadioButtons*/
.radio_container legend{ display:block; overflow:hidden; }
.radio_container span{ /*! display:inline-block; */ /*! margin-right:20px; */ }
.radio_container.vertikal span{ display:block; margin:0; }
.radio_container input{ border-radius:100%; -webkit-box-shadow:none; box-shadow:none; padding:0; }
/* Checkboxen */
.checkbox_container legend{ display:block; overflow:hidden; }
.checkbox_container span{ display:inline-block; margin-right:20px; }
.checkbox_container.vertikal span{ display:block; margin:0; }
.checkbox_container input{ -webkit-box-shadow:none; box-shadow:none; padding:0; }
/* Buttons ------------------------------------------------- */
.submit_container input{ width:auto !important; }
.submit{ /*! -webkit-appearance:none; */ /*! -webkit-box-shadow:none; */ /*! box-shadow:none; */ /*! border:0; */ }
input[type="submit"], input.submit, button.submit{ padding:8px 10px; text-align:center; display:inline-block; background:#367eb1; cursor:pointer; color:#fff; }
input[type="submit"], input.submit, button.submit{ -webkit-transition:All 0.4s ease; transition:All 0.4s ease; }
input[type="submit"]:hover, input.submit:hover, button.submit:hover{ opacity:0.7; -webkit-transition:All 0.4s ease; transition:All 0.4s ease; }

#iso_mod_checkout_review input.confirm {background:#f0b10a;}
/* end Buttons ------------------------------------------------- */
.ce_form .submit_container{ display:inline-block;}
.ce_form .submit_container:after{  }
.ce_form .textarea.anfragebox{ min-height:300px;border: 2px dotted #06294f; width: 99.8%;}
/* end Forms -------------------------------------------------------------------------------------------------- */

/* Listen */
.mod_article ul,.mod_article ol{ margin:0 0 15px 0; padding-left:16px; }
.mod_article ul li{ list-style-position:outside; list-style-type:none; position: relative;overflow: visible; line-height:125%;}
.mod_article ol,
.mod_article li{ line-height:1.8em; }

.mod_article ul li:before{
content:"\f111";
font-family: icomoon;
color: #000;
position: absolute;
left: -14px;
font-weight: normal;
font-size: 7px;
display: inline-block;
margin-right: 5px;
}
.mod_article ol{ list-style:decimal; padding-left:25px; }

/* end Listen */


.ce_youtube {}

.ce_youtube .innen{
position: relative;
padding-bottom: 56.25%;
width: 100%;
height: auto;
}

.ce_youtube .innen iframe {
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
width: 100% !important;
height: 100% !important;
}
.ce_youtube h4{font-size:16px;}


hr{ -moz-border-bottom-colors:none; -moz-border-left-colors:none; -moz-border-right-colors:none; -moz-border-top-colors:none; border-color:#b2b9c4 -moz-use-text-color -moz-use-text-color; -o-border-image:none; border-image:none; border-style:solid none none; border-width:1px 0 0; clear:both; height:0; margin:1.25em 0; overflow:visible; }
hr.dotted{ border-top-color:#717c8e; border-top-style:dotted; }
/* vertical-centered */
.vertical-centered-box{ display:table; table-layout:fixed; width:100%; }
.vertical-centered-box > div{ display:table-cell; margin:0; vertical-align:middle; float:none; }

/* FOOTER */
#footer{ background-color:#333333; text-align:center; overflow:hidden; padding:0px 30px 30px 30px; width:100%; color: #fff;}
#footer .inside{ max-width:1160px; width:100%; margin:0 auto; text-align:left; padding:30px 0; color:#fff; display: inline-block;}

#footer .footer-adresse{ float:left; margin-right:30px; /*! min-width:200px; */ color: #fff;padding-top: 40px;}
#footer .footer-adresse p{ color: #fff;}
#footer .footer-adresse a{ text-decoration:underline; color: #fff;}

#footer a, #footer span{ color:#fff; }
#footer a:hover, #footer span:hover, #footer span.active{ color:#f0b10a; }
#footer h3{ font-family:"Open Sans", Arial, sans-serif; color: #fff; font-size: 1.2rem;}

#footer .navigationservice{  }
#footer .navigationservice a{ margin:0; font-size:24px; padding:0;  }
#footer .navigationservice ul{ padding:0 0 10px 0px; margin:0;  }
#footer .navigationservice ul > li{ padding: 0px 0 0px 0;position: relative;}
#footer .navigationservice ul a, #footer .navigationservice ul span{ text-decoration:none; font-size:16px; line-height:125%; position: relative;/*! border-bottom: 1px dotted #fff; */width: 100%;display: block;padding: 10px 0;}

#footer .navigationservice a::before,#footer .navigationservice span::before {
content: "\f054";
font-family: icomoon;
font-weight: normal;
  font-size: 12px;
display: inline-block;
margin-right: 5px;
}

#footer .navigationbox{ float:left; padding:25px 0 0 0; }
#footer .navigationbox a{ margin:0; font-size:24px; padding:0; }
#footer .navigationbox ul{ padding:0 0 0 0px; margin:0; }
#footer .navigationbox ul a, #footer .navigationbox ul span{ text-decoration:underline; font-size:16px; line-height:32px; font-weight: 600;}

#footer .laenderlinks h3{ margin-bottom: 24px;}
#footer .laenderlinks{}
#footer .laenderlinks ul{margin:0;padding:0;}
#footer .laenderlinks ul li{margin:0;padding:0 10px 10px 0; float:left;line-height: 0;}
#footer .laenderlinks ul li img{margin:0;padding:0; width: 40px;display: inline-block;}


#footer .top-link{ width:100%; display:none; padding:12px 0; clear:both; background:#19577e; text-align:center; }
#footer .top-link.einblenden{ display:block; }
#footer .top-link a{ color:#fff; padding:10px; }


/* ToTop Button */
#to_the_top{ background:#ccc; display:none; position:fixed; cursor:pointer; z-index:10; width:60px; height:60px; bottom:25px; right:25px; line-height:60px; }
#to_the_top::before {
content: "\f054";
font-family: icomoon;
font-weight: normal;
display: inline-block;
margin-right: 5px;
}

/* END FOOTER */


/* --- Umsetzung Markus Schindler - CodeSache.de --- */