@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Hind:300,400,700&subset=latin-ext');
/*
	font-family: 'Hind', sans-serif;
*/

*{ margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust: none; }


img { border:none; max-width: 100%; height: auto; }
.ce-gallery img:not([src$=".svg"]){ width: 100%;  }


html, body { font-family: 'Hind', sans-serif; font-weight: 400; height: 100%; }
html { overflow-y: scroll; }


:focus { outline: none; }
a[href^=tel] { color: inherit; text-decoration: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
h1, h2, h3, h4, h5 { font-weight: 700; }
fieldset { border: none; }
iframe { max-width: 100%; }


select { border-radius: 0; }
textarea, input[type=text], input[type=submit] { -webkit-appearance: none; border-radius: 0; }
::-webkit-input-placeholder { color: #000000; } .parsley-error::-webkit-input-placeholder { color: red; }
:-moz-placeholder { color: #000000; opacity: 1; } .parsley-error:-moz-placeholder { color: red; opacity: 1; }
::-moz-placeholder { color: #000000; opacity: 1; } .parsley-error::-moz-placeholder { color: red; opacity: 1; }
:-ms-input-placeholder { color: #000000; } .parsley-error:-ms-input-placeholder { color: red; }


b, strong { font-weight: 700; }


hr { height: 1px; border-width: 1px 0 0 0; border-style: solid; border-color: #000000; }


a { color: inherit; text-decoration: none; }
.text-left, .ce-headline-left { text-align: left; }
.text-right, .ce-headline-right { text-align: right; }
.text-center, .ce-headline-center { text-align: center; }
.text-justify { text-align: justify; }


/* buttons */
.button {   }
.button:hover {  }
.button:after { content:''; font-family: Verdana, Arial, sans-serif; } /* safari line-height hack */


/* displays */
main, header, footer, nav, section, article { display: block; }


/* limiters */
/*#wrapper { max-width: 1280px; margin: 0 auto; }*/
#wrapper { overflow: hidden; }
.inner, .inner-980 { max-width: 980px; margin: 0 auto; }


/* clearer */
.clear { line-height: 0; font-size: 0; height: 0; text-indent: -999px; clear: both; }
#footer:after, #header:after, #searchForm .formbody:after, #naviMain > ul:after, #footer .inside:after, #footer .footer-left:after, #footer .footer-right:after, .mod_article:after,
.row:after { clear: both; content: ''; display: table; }
#naviMain ul, #main ul { list-style: none; }


/* effects */
#naviMain > ul > li > a, #naviMain > ul > li > ul, #naviMain > ul > li, #overlay, #naviMain > ul > li,
.effect { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }


/* font-sizes */
.size-13, #main .infiziere p { font-size: 13px; }
.size-14, #footer p { font-size: 14px; }
.size-17, #footer .footer-middle  ul > li > a { font-size: 17px; }
.size-18, #searchForm, #searchForm button[type=submit]:before { font-size: 18px; }
.size-20, html, body, h2, h3 { font-size: 20px; }

#naviMain { font-size: 20px; }

.size-62, #main h1 { font-size: 62px; }


/* line-heights */
.line-height-12, #main .infiziere p { line-height: 12px; }
.line-height-17, #footer p { line-height: 17px; }
.line-height-216, #searchForm { line-height: 21.6px; }
.line-height-24, #naviMain, #searchForm .formbody .widget-text, #main ul > li, #main ol > li { line-height: 24px; }
.line-height-26, #main p, h2, h3 { line-height: 26px; }
.line-height-75, #main h1 { line-height: 75px; }


/* colors */
.color.white { color: #FFF; }
.color.beige, #main h1 { color: #f9f8f3; }
.color.violet, .violet h2 { color: #7064ac; }
.color.turquoise, .turquoise h2 { color: #1f8c87; }
.color.lightgrey { color: #dedede; }
.color.black, html, body, .turquoise .background.lightturquoise h2 { color: #000; }


/* background-colors */
.background.white, #overlay #overlayin { background-color: #FFF; }
.background.lightturquoise { background-color: #add9d8; }
.background.lightergrey, #naviMain > ul > li > ul, #naviMain > ul > li > ul:before { background-color: #ececec; }
.background.lightgrey, #header .inside, #footer, #overlay #overlayin span#close span:first-child, #overlay #overlayin span#close span:last-child, #searchForm button[type=submit] { background-color: #dedede; }
.background.black { background-color: #000; }


/* margins */
.margin-20, .space-after-small { margin-bottom: 20px; }
.margin-40, .space-after-medium { margin-bottom: 40px; }
.margin-90, .space-after-large { margin-bottom: 90px; }
.margin-16, #main p, #main ul, #main ol, #main hr, #main .violet h2, #main .turquoise h2 { margin-bottom: 20px; }
.margin-5, #main ul > li, #main ol > li { margin-bottom: 5px; }
.margin-0, #main .turquoise .background.lightturquoise h2 { margin-bottom: 0; }

.mod_navigation .invisible { display: none; }


/* header */
#header { overflow: hidden; position: absolute; top: 0; left: 0; width: 100%;}
#headerLogo img { display: block; width: 100%; height: auto; }
#headerImg { height: 123.89px; display: inline; }
#headerImg img { display: table; }

/* naviMain */
#naviMain { position: relative; }
#naviMain > ul { max-width: 1250px; margin: 0 auto; }
#naviMain > ul > li { float: left; position: relative; margin-bottom: 0; }
#naviMain > ul > li.first { font-size: 0; line-height: 0; background-image: url("../img/home.png"); height: 16px; width: 16px; margin-top: 10px; margin-right: 15px; background-size: cover;}
#naviMain > ul > li.first > a {  }
#naviMain > ul > li.trail.submenu, #naviMain > ul > li.submenu:hover { margin-bottom: 30px; }
#naviMain > ul > li > a { display: block; padding: 9px 13px; }
#naviMain > ul > li > strong.active,
#naviMain > ul > li > a.trail,
#naviMain > ul > li > strong.trail { display: block; padding: 9px 20px; font-weight: 700; }
#naviMain > ul > li.first > a,
#naviMain > ul > li.first > strong.active { padding-left: 0; }
#naviMain > ul > li:hover > a > span { font-weight: 700; }

/* naviMain first level */
#naviMain > ul > li > ul:before { content: ''; display: block; height: 100%; width: 100vw; position: absolute; top: 0; left: -100%; }
#naviMain > ul > li > ul { opacity: 0; height: 0; overflow: hidden; visibility: hidden; position: absolute; top: 100%; left: -60px; z-index: 50; width: 100vw; }
#naviMain > ul > li:hover > ul,
#naviMain > ul > li.active > ul,
#naviMain > ul > li.trail > ul { opacity: 1; height: auto; overflow: visible; visibility: visible; }
#naviMain > ul > li > ul > li { position: relative; float: left; display: block; padding: 4px 0 5px 15px; }
#naviMain > ul > li > ul > li:after { content: '|'; display: block; float: left; padding-left: 15px; }
#naviMain > ul > li > ul > li.last:after { display: none; }
#naviMain > ul > li > ul > li > a, #naviMain > ul > li > ul > li > strong { white-space: nowrap; display: block; float: left; }
#naviMain > ul > li > ul > li > strong { font-weight: 700; }
#naviMain > ul > li > ul > li:hover > a > span { font-weight: 700; }

/* Header searchForm */
#searchForm {  }
#searchForm .formbody .widget { float: left; }
/*#searchForm .formbody .widget-text { padding-left: 20px; padding-top: 9px; padding-bottom: 9px; padding-right: 4px; }*/
/*#searchForm .formbody .widget-submit { padding-left: 4px; padding-top: 4px; }*/

#searchForm .formbody .widget-text { display: none; }
#searchForm .formbody .widget-submit { padding-left: 70px; padding-top: 4px; }
#searchForm input[type=text] { display: none; }
#searchForm button[type=submit]:before { content: 'Suche'; display: block; position: absolute; top: 0; left: -55px; font-family: 'Hind', sans-serif; }
#searchForm button[type=submit] { position: relative; -webkit-appearance: none; appearance: none; border: none; width: 21px; height: 21px; font-size: 0;; background-image: url("../img/SearchIcon.jpg"); background-size: 21px; background-repeat: no-repeat; background-position: center; cursor: pointer; }

/*#searchForm button[type="submit"] { -webkit-appearance: none; appearance: none; border: none; width: 21px; height: 21px; font-size: 0;; background-image: url("../img/SearchIcon.jpg"); background-size: 21px; background-repeat: no-repeat; background-position: center; cursor: pointer; }*/

#searchBox .relevance, #searchBox .filesize, #searchBox .widget-text > label { display: none; }
#main .inside #searchBox p.context { margin-bottom: 0; }
#main .inside #searchBox p:last-child.url { margin-bottom: 20px; }
#searchBox .widget-text, #searchBox .widget-submit { display: inline; }


/* banner */
#banner { font-size: 0; position: relative; }
#banner img { width: 100%; height: auto; }
#banner-mobil { display: none; }

/* overlay */
.openOverlay { cursor: pointer; }
#overlay { position: fixed; top: 0; left: 0; background-color: rgba(255,255,255,0.6); width: 100vw; height: 100vh; opacity: 0; overflow: hidden; visibility: hidden; }
#overlay.open { opacity: 1; overflow: visible; visibility: visible; }
#overlay #overlayin { max-width: 900px; margin: 0 auto; position: relative; top: 50%; transform: translate(0,-50%); padding: 60px 40px 40px 40px; border: 3px solid #7064ac; max-height: 85vh; overflow-y: scroll; }
#overlay #overlayin span#close { height: 50px; width: 50px;  display: block; position: absolute; right: 20px; top: 20px; cursor: pointer; }
#overlay #overlayin span#close span:first-child { top: 0;  -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-top: 15px;}
#overlay #overlayin span#close span:last-child { top: 30px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: -15px;}
#overlay #overlayin span#close span:first-child,
#overlay #overlayin span#close span:last-child { height: 4px; width: 50px; display: block; position: absolute; }


/* main */
#main { position: relative; }
#main h1 { position: absolute; top: 40%; left: 23%; max-width: 35%; text-shadow: -2px -2px 10px rgba(0, 0, 0, 0.8); }
#main h2 {  }
#main h3 {  }
#main p {  }
#main ul, #main ol {  }
#main ul li { padding-left: 20px; position: relative; }
#main ul li:before { content: '•'; display: block; position: absolute; top: 0; left: 0; }
#main sup { font-size: .6em; }

#container { margin-top: 166px; background-image: url("../img/bg_main.jpg"); background-size: 100%; background-position: bottom; background-repeat: no-repeat;   }
.mod_article { padding-bottom: 160px; }
.mod_article.noContent { padding-bottom: 0; }

#main { margin-left: auto; margin-right: auto;  }
#main .inside { max-width: 1050px; margin-left: auto; margin-right: auto; }
#main .inside p { margin-bottom: 26px; }
#main .inside p:first-child { margin-bottom: 26px; }
#main .inside p:last-child { margin-bottom: 0; }

.background.lightturquoise { padding: 15px 15px 15px; }
#main .infiziere { position: absolute; bottom: 0; left: 0; width: 100%; background-color: rgba(255, 255, 255, 0.9); padding-top: 5px; padding-bottom: 5px; }
#main .infiziere p { max-width: 1050px; margin-left: auto; margin-right: auto; }
#main .tipstable table { border-spacing: 0 20px; }
#main .tipstable table tr > td:first-child { min-width: 90px; padding-right: 10px; align: left; vertical-align: top; }

.layout-produkt-wrapper { background-image: url(../img/Hintergrund-Produkt-grau.jpg); background-repeat: repeat-x; margin-bottom: 40px; background-position: center bottom; background-size: 100% 70%; }
.layout-produkt-wrapper-in { max-width: 1050px; margin: 0 auto; display: flex; }
.layout-produkt:first-child { align-self: auto; }
.layout-produkt { align-self: flex-end; }
.layout-produkt.sc3.sc-first { padding-left: 0; padding-right: 1%; }
.layout-produkt.sc3 { width: calc(100%/3); padding-left: .5%; padding-right: .5%; }
.layout-produkt.sc3.sc-last { padding-left: 1%; padding-right: 0; }


/* footer */
#footer { background-image: url("../img/footer_hr.jpg"); background-position: top; background-size: 100%; background-repeat: no-repeat; padding-top: 50px; padding-bottom: 40px; }
#footer .invisible { display: none; }
#footer .inside { max-width: 1250px; margin-left: auto; margin-right: auto; }
#footer .footer-left { float: left; width: 40%; }
#footer .footer-left div { float: left; margin-right: 50px; }
#footer .footer-middle { float: left; width: 35%; margin-top: 15px; }
#footer .footer-middle  ul { list-style: none; text-align: right; }
#footer .footer-middle  ul > li{ display: inline-block; }
#footer .footer-middle  ul > li > a { display: inline-block; padding-left: 20px; }
#footer .footer-right { float: left; width: 25%; }
#footer .footer-right img { display: block; float: right; }


.pack-start {
position: absolute;
bottom: 0;
width: 100%;
line-height: 0;
}

.pack-start .sc3 {
width: 33.33%;
padding-right: 0%;
float: none;
display: inline-block;
margin-bottom: 0;
}

.pack-start .sc4 {
	width: 25%;
	padding-right: 0%;
	float: none;
	display: inline-block;
	margin-bottom: 0;
}
	
.pack-start-mobil {
position: relative;
bottom: 0;
width: 100%;
line-height: 0;
margin: 20px 0 30px 0;
}

.pack-start-mobil .sc3 {
width: 33.33%;
padding-right: 0%;
float: none;
display: inline-block;
margin-bottom: 0;
}

.pack-start-mobil .sc4 {
	width: 25%;
	padding-right: 0%;
	float: none;
	display: inline-block;
	margin-bottom: 0;
	}
	

.kasten .sc4 {
width: 25%;
padding: 0 20px;	
}

@media (max-width: 760px) {
.kasten .sc4 {
width: 50%;
padding: 0 10px;}
}

.kasten p.img-bg {
	background-color: #fff;
	line-height: 0!important;
}

.kasten .img-bg a {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.kasten .img-bg a:hover {
	opacity: 0.8;
}

#main .inside.max1250 {
	max-width: 1250px;
}
h2.start {
	font-size: 26px;
	line-height: 30px;
}