/* Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:400;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
/* e/o Reset */
/* Schwarz: #000; Gelb:#fcc300; Mittelgrau:#878787; Hellgrau1:#dcdcdc; Hellgrau2:#f5f5f5; */
/*body{font:400 14px/19px 'Open Sans', Arial, sans-serif;color:#000;min-width:320px;background:url(background.svg) no-repeat right bottom;}*/
body{font:400 14px/19px 'Open Sans', Arial, sans-serif;color:#000;min-width:320px;}
a{color:#000;text-decoration:none;}
a:hover{text-decoration:underline;}
.textblock p a{color:#000;text-decoration:underline;}
.textblock p a:hover{color:#878787;text-decoration:underline;}
.textblock li a{color:#878787;text-decoration:underline;}
.textblock li a:hover{color:#000;text-decoration:underline;}
a.anchorTarget:hover,a:not([href]):hover{text-decoration:none;}
:focus{outline:none;}
p{margin-bottom:25px;}
h1,.h1{clear:both;font-weight:300;font-size:30px;line-height:35px;margin:0 0 3px 0;padding:0;}
.h1{margin-top:30px;}
h2,h3{font-weight:700;font-size:20px;line-height:25px;margin:0 0 10px 0;padding:0;}
h4{font-weight:700;font-size:18px;line-height:21px;margin:0 0 10px 0;padding:0;}
h5{font-weight:400;font-size:18px;line-height:23px;margin:0 0 10px 0;padding:0;}
ul{margin:0;padding:0;list-style:none;}
li{margin:0;padding:10px 0 10px 17px;color:#878787;font-size:14px;line-height:19px;background:url(li.svg) no-repeat 2px 16px;}
li a{color:#878787;}
img{display:block;}
.subtitle {margin-top:5px;margin-bottom:10px;font-size: 12px;}
figure{margin:0px;}
.responsive{width:100%;height:auto;display:block;}
.icon{background:#fcc300;width:30px;height:30px;color:#fff;border-radius:50%;text-align:center;padding:6px 0 0 0;font-size:20px;}
.icon:hover,.icon.active{background:#878787;text-decoration:none;}
header{position:relative;width:100%;padding-top:20px;border-bottom:5px solid #fcc300;height:146px;}
section{position:relative;margin:0 auto;width:100%;max-width:1200px;padding:0 30px;overflow:hidden;}
.inner{position:relative;margin:0 auto;width:100%;max-width:1200px;padding:0 30px;overflow:visible;}
#logo{position:absolute;top:20px;left:calc(50% - 570px);width:200px;}
#activeAccessibility{background:url(accessability.svg) no-repeat 5px 5px #fcc300;}
#activeAccessibility:hover{background:url(accessability.svg) no-repeat 5px 5px #878787;}
#langSelect{float:right;margin-right:calc(50% - 570px);}
#langSelect a{float:left;font-size:13px;font-weight:600;color:#878787;padding:0 10px;background:url(border.svg) no-repeat right 5px;}
#langSelect a.active{color:#000;}
#langSelect a:last-of-type{background:none;padding-right:0;}
#mobileNav,.openSecondLevel.zmdi,.openThirdLevel.zmdi{display:none;}
nav{clear:right;float:right;z-index:200;margin-right:calc(50% - 570px);}
#serviceNav{margin-top:20px;min-height:30px;}
#serviceNav a{float:left;display:block;margin-left:15px;}
#mainNav{margin-top:10px;margin-right:calc(50% - 585px);}
.firstLevel{margin:0;padding:0;list-style:none;overflow:hidden;}
.firstLevel li{float:left;margin:0;padding:0;background:none;color:#000;}
.firstLevel a{font-size:16px;font-weight:600;padding:8px 15px 20px 15px;background:url(borderLong.svg) no-repeat right 11px;display:block;}
.firstLevel li:last-of-type a{background:none;}
.firstLevel a:hover,.firstLevel :hover > a{text-decoration:none;background:#fcc300 !important;color:#fff;margin-left:-1px;padding:8px 15px 20px 16px;}
/*.secondLevel{display:none;position:absolute;left:0;top:142px;z-index:200;padding-top:35px;padding-right:calc(50% + 15px);padding-bottom:35px;padding-left:calc(50% - 585px);margin:0;border-top:4px solid #fcc300;width:100%;height:500px;background:#F5F5F5;-webkit-columns:2;-moz-columns:2;columns:2;-webkit-column-gap:0;-moz-column-gap:0;column-gap:0;}
*/
/*.secondLevel{display:none;position:absolute;left:0;top:142px;z-index:200;padding-top:35px;padding-right:calc(50% + 15px);padding-bottom:35px;padding-left:calc(50% - 585px);margin:0;border-top:4px solid #fcc300;width:100%;height:500px;background:#F5F5F5;}
*/
.secondLevel{display:none;position:absolute;left:0;top:142px;z-index:200;padding-top:35px;padding-right:calc(50% + 260px);padding-bottom:35px;padding-left:calc(50% - 585px);margin:0;border-top:4px solid #fcc300;width:100%;height:500px;background:#F5F5F5;}
.firstLevel li:hover .secondLevel{display:block;}
.secondLevel li{clear:both;width:100%;-webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid;float:none;}
.secondLevel a{font-size:18px;line-height:21px;font-weight:700;padding:15px;background:none;color:#000;}
.secondLevel a:hover,.secondLevel :hover > a{background:#fff !important;color:#878787;margin-left:0;padding:15px;}
.secondLevel .navTeaser{position:absolute;top:35px;right:calc(50% - 570px);width:555px;max-height: calc(100% - 70px);overflow: hidden;}
.secondLevel .navTeaser h4{margin-top:15px;padding:0 15px;}
.secondLevel .navTeaser p{padding:0 15px;}
/*.thirdLevel{display:none;position:absolute;left:calc(50% - 585px);top:35px;z-index:201;padding:15px;background:#fff;height:450px;width:285px;}*/
/*.thirdLevel{display:none;position:absolute;left:49%;top:35px;z-index:201;padding:15px;background:#fff;height:450px;width:285px;}*/
.thirdLevel{display:none;position:absolute;left:calc(50% - 260px);top:35px;z-index:201;padding:15px;background:#fff;height:450px;width:285px;}
.navLeftCol .thirdLevel{left:calc(50% - 300px);}
.secondLevel li:hover .thirdLevel{display:block;}
.thirdLevel li{padding-bottom:15px;}
.thirdLevel a{font-size:14px;line-height:19px;font-weight:400;color:#878787;padding:0;}
.thirdLevel a:hover,.thirdLevel :hover > a{color:#000;padding:0;background:none !important;}
#hero{position:relative;width:100%;overflow:visible;padding:0;max-width:100%;}
#bannerContainer{position:relative;width:100%;overflow:hidden;text-align:center;padding:0;}
/*#bannerContainer img{max-width:1920px;display:inline;}*/
#bannerContainer img{max-width:100%;display:inline;}
#searchContainer{position:absolute;z-index:100;bottom:22%;left:calc(50% - 570px);width:570px;}
#searchQuery{float:left;width:100%;font-family:'Open Sans', Arial, sans-serif;font-weight:300;font-size:30px;line-height:37px;padding:20px 80px 20px 15px;background:rgba(255,255,255,0.7);-moz-box-shadow:0 0 5px #666;-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666;border:none;color:#000;}
#searchQuery.front{background:rgba(255,255,255,1);}
#searchQuery::-webkit-input-placeholder{font-weight:300;color:#000;}
#searchQuery::-moz-placeholder{font-weight:300;color:#000;}
#searchQuery:-ms-input-placeholder{font-weight:300;color:#000;}
#searchStart{position:absolute;top:13px;right:13px;border:none;background:#fcc300;/*width:50px;height:50px;*/padding:6px 12px;color:#fff;border-radius:100%;text-align:center;font-size:35px;cursor:pointer;}
#searchStart:hover,#abcSearchStart:hover{background:#878787;}
#ta{display:none;width:100%;position:absolute;top:77px;left:0;background:#fff;-moz-box-shadow:0 0 5px #666;-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666;color:#000;}
#ta table{width:100%;margin-bottom:0;}
#ta td{padding:10px;font-size:16px;border-bottom:1px solid #DCDCDC;}
#ta td:nth-of-type(even){text-align:right;}
.quickLink{color:#fff;font-size:20px;font-weight:600;float:left;padding:20px 0 5px 0;text-shadow:0 0 5px #666;margin-right:23px;}
.quickLink:hover{text-decoration:none;}
.quickLink .icon{margin-left:15px;text-shadow:none;}
.quickLink:hover .icon{background:#878787;}
.quickLink:last-of-type{margin-right:0;}
#breakcrumb{position:relative;width:100%;margin:0 auto;max-width:1200px;padding:10px 30px 45px;overflow:hidden;font-size:12px;font-weight:300;}
#breakcrumb a{float:left;}
#breakcrumb span{float:left;padding:0 10px;color:#fcc300;font-size:20px;}
main{position:relative;clear:both;float:left;width:880px;margin-left:calc(50% - 570px);overflow:hidden;}
main img{max-width:100%;height:auto;}
main p{padding-right:30px;}
main div p{padding-right:0;}
main ul{margin:0 0 25px;}
main li{margin:0 0 0 20px;padding:10px 0 10px 17px;}
.more{float:left;background:#fcc300;color:#fff;padding:12px;text-align:center;width:calc(33.333333% - 30px);font-size:13px;}
.more span{font-size:18px;padding:2px 0 0 5px;}
.more:hover{background:#878787;text-decoration:none;}
.more.right{float:right;margin:0 30px 30px 0;}
table{width:100%;margin-bottom:25px;}
table, th, td {border: 1px solid #dcdcdc;}
th{font-size:16px;padding:5px;border-bottom:1px solid #dcdcdc;font-weight:600;}
td{font-size:14px;padding:5px;}
hr{clear:both;border:0;height:50px;border-bottom:1px solid #dcdcdc;margin:0 30px 50px 0;}
#jumpNav,.downloads{width:100%;}
.anchor{float:left;clear:both;font-size:18px;line-height:27px;color:#878787;font-weight:700;}
.anchor span{color:#fcc300;padding-right:10px;}
.downloads a,#resultsDownloads a{position:relative;margin-left:25px;width:calc(100% - 25px);float:left;clear:both;font-size:14px;line-height:19px;color:#878787;font-weight:700;padding:0 30px 5px 0;}
.downloads span,#resultsDownloads span{position:absolute;left:-25px;top:2px;color:#fcc300;padding-right:10px;font-size:18px;font-weight:400;}
/* Berechnung padding-top: calc(((0.33333333 [siehe width] * 1.139241 [Aspect Ratio- 293.3334px/300px -die 293px kommen von 880px * 33.333%]) * 100%) */
.teaser{width:calc(33.333333% - 30px);padding-top: calc((0.33333333 * 1.022727) * 100%);position:relative;float:left;margin:0 30px 30px 0;overflow:hidden;}
.teaser img{width:100%;position:absolute;top:0px;}
.teaser.big{width:calc(66.666666% - 30px);padding-top: calc((0.666666 * 0.511364) * 100%);margin:0 30px 30px 0;}
.teaser h3{text-shadow:0 0 5px #666;}
.teaser p{margin-bottom:6px;text-shadow:0 0 5px #666;}
.teaser span{position:absolute;right:15px;bottom:15px;z-index:200;}
.teaserOverlay {
position:absolute;
top:0;
left:0;
padding:15px 15px;
width:100%;
height:100%;
color:#fff;
background:rgba(0,0,0,0.4);
display:block;
z-index:100;
overflow:hidden;
-moz-hyphens: auto;
-o-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
.teaser:hover .teaserOverlay{background:0;}
.teaser:hover .teaserOverlay * {text-shadow:1px 0px 2px #444, 0px 1px 2px #444, -1px 0px 2px #444, 0px -1px 2px #444}
#abcSearch{float:left;position:relative;width:100%;max-width:262px;margin-top:30px;}
#abcSearchQuery{float:left;width:100%;font-family:'Open Sans', Arial, sans-serif;font-weight:400;font-size:14px;padding:10px 50px 10px 15px;color:#878787;border:none;background:#f5f5f5;}
#abcSearchQuery::-webkit-input-placeholder{font-weight:400;color:#878787;}
#abcSearchQuery::-moz-placeholder{font-weight:400;color:#878787;}
#abcSearchQuery:-ms-input-placeholder{font-weight:400;color:#878787;}
#abcSearchStart{position:absolute;top:5px;right:5px;border:none;background:#fcc300;width:30px;height:30px;color:#fff;border-radius:50%;text-align:center;font-size:20px;cursor:pointer;}
#abc{width:100%;float:left;margin:30px 0;}
#abc a{float:left;width:31px;padding:5px 0;text-align:center;background:#dcdcdc;color:#fff;font-size:16px;font-weight:600;}
#abc a:nth-of-type(even){background:#f5f5f5;color:#000;}
#abc a:hover,#abc a.active{background:#fcc300;color:#fff;text-decoration:none;}
.abc{clear:both;float:left;width:100%;-webkit-columns:2;-moz-columns:2;columns:2;-webkit-column-gap:0;-moz-column-gap:0;column-gap:0;display:none;}
#a{display:block;}
.abc a,#resultsWebsites a{clear:both;float:left;font-weight:700;font-size:16px;padding:8px 0;-webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid;}
.abc a:hover,#resultsWebsites a:hover{color:#878787;text-decoration:none;padding-right:30px;background:url(linkArrow.svg) no-repeat 87% 5px;}
.abc a span,#resultsWebsites a span{color:#fff;padding-left:5px;}
.abc a:hover span,#resultsWebsites a:hover span{color:#fcc300;}
#tabs{float:left;width:100%;margin-bottom:20px;padding-right:30px;}
.tab{float:left;width:33.333333%;cursor:pointer;border-bottom:1px solid #dcdcdc;padding:5px;}
.tab.active,.tab:hover{border-bottom:1px solid #fff;}
.tab span{font-size:20px;color:#d2d2d2;padding-left:5px;}
.tab .h1{padding:0;margin:-12px 0 0 0;text-align:center;color:#878787;}
.tab.active .h1,.tab:hover .h1{color:#000;}
.tab:nth-of-type(even){border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc;}
.results{float:left;width:100%;margin-bottom:20px;display:none;-webkit-columns:2;-moz-columns:2;columns:2;-webkit-column-gap:0;-moz-column-gap:0;column-gap:0;}
#resultsAddresses{-webkit-columns:1;-moz-columns:1;columns:1;margin:0;}
.greyBox,#homeEvents a{float:left;width:calc(33.33333% - 30px);background:#f5f5f5;padding:15px;margin:0 30px 30px 0;hyphens:auto;}
.societyBox {width:calc(50% - 30px) !important;}
@media only screen and (min-width: 500px) {
.block .textblock {float:none !important;}
.block figure{width:40%;}
}
@media only screen and (max-width: 500px) {
.societyBox {
width: calc(100% - 30px) !important;
}
}
#homeEvents{margin-top:20px;}
#homeEvents a:hover{text-decoration:none;background:#dcdcdc;}
#homeEvents p, .greyBox p{margin-bottom:6px;}
.adressenNameEvenHeights{margin-bottom:10px;}
.results.active{display:block;}
.col50{float:left;width:50%;padding-right:30px;}
.col50 .more{width:100%;}
.block{float:left;width:100%;margin-top:30px;}
.block img{max-width:100%;height:auto;}
.colNarrow{float:left;width:30%;padding-right:30px;}
.colWide{float:left;width:70%;padding-right:30px;}
.colFull{float:left;width:100%;padding-right:30px;}
.pull-right{float:right;margin-left:20px;margin-right:30px;margin-bottom:5px;}
.pull-left{float:left;margin-right:20px;margin-bottom:5px;}
.block .textblock ul { overflow: hidden; }
.block .textblock ul li p { color: #000; }
.block .textblock ul li { color: #000; }
.block .textblock ul li strong { color: #878787; }
.highlightblock { border: 2px solid #fcc300; padding: 10px; margin-top: 30px;}
#downloadSelect{float:left;width:100%;max-width:250px;padding:2px 5px;font-family:'Open Sans', Arial, sans-serif;font-weight:400;font-size:16px;margin-bottom:20px;}
.downloadTable{width:calc(100% - 30px);table-layout:fixed;}
.downloadTable td{font-size:16px;}
.downloadTable tr:nth-of-type(1) td{padding-top:10px;}
.downloadTable td:last-child, .downloadTable th:last-child{text-align: center;}
#pagination{width:100%;float:left;margin:30px 0;padding:0;list-style:none;}
#pagination li{float:left;width:31px;padding:0;margin:0;}
.page {display:block;padding:5px 0;text-align:center;background:#dcdcdc;color:#fff;font-size:16px;font-weight:600;}
#pagination li:nth-of-type(even) .page{background:#f5f5f5;color:#000;}
#pagination li:nth-of-type(even) .page:hover,.page:hover,.active.page{background:#fcc300;color:#fff;text-decoration:none;}
#sidebar-adressen .adresse{margin-bottom:25px;}
#sidebar-adressen .adresse p{margin-bottom:10px;}
aside{float:left;width:230px;border-left:1px solid #DCDCDC;padding:0 0 0 30px;}
aside .h1{margin:0 0 30px;}
aside h2{font-weight:700;font-size:16px;line-height:22px;margin-bottom:3px;word-wrap:break-word;} /*12.01.2018: font-size:20px;line-height:25px*/
aside h3{font-weight:400;font-size:15px;line-height:20px;margin-bottom:3px;word-wrap:break-word;} /*12.01.2018: font-size:18px;line-height:23px*/
aside #sidebar-adressen h2{margin-bottom:0px;}
aside p{font-size:12px;line-height:17px;}
aside a,#resultsAddresses a,#adressen-abc a{
color:#878787;display:inline-block;
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap:break-word;}
aside table{max-width:300px;}
aside td{font-size:12px;}
aside td:nth-of-type(even){text-align:right;}
aside a{color:#878787;}
aside section p:last-of-type{margin-bottom:0;}
aside section p.no-margin {margin: 0 !important;}
aside section{border-bottom:1px solid #DCDCDC;margin-bottom:30px;padding:0 0 30px 0;}
aside section:last-of-type{border-bottom:none;}
aside .avatar {max-width:100%;}
@media only screen and (max-width: 992px) {
aside .avatar {max-width:250px;}
}
.hyphenword, .hyphen {font-size: inherit; line-height: inherit;}
#toTop{display:none;position:fixed;bottom:110px;right:calc(50% - 570px);height:45px;width:45px;font-size:40px;padding:14px 0 0 10px;color:#fff;background:rgba(252,195,0,0.8);-webkit-transform:rotate(-90deg);transform:rotate(-90deg);}
#toTop:hover{background:#878787;text-decoration:none;}
footer{position:relative;clear:both;margin:55px auto 0 auto;max-width:1140px;padding:0;overflow:hidden;border-top:1px solid #dcdcdc;}
.footerLogo{float:left;width:90px;margin:15px 20px 30px 0; min-height:45px;}
#footerLogo{width:87px;}
#footerAuditLogo{width:45px;}
#footerFairtradeLogo{width:64px;}
#footerKlimabuendnisLogo{width:65px;}
#footerNav{float:right;margin:45px 0 0 0;}
#footerNav a{float:left;font-size:12px;font-weight:600;margin-left:15px;}
#facebook{width:20px;height:20px;}
#overlay{display:none;height:100%;width:100%;position:fixed;top:0;left:0;background:rgba(0,0,0,0.7);z-index:300;}
/*@media only screen and (max-width:1920px){
#bannerContainer img{margin-left:calc(50% - 960px);}
}*/
@media only screen and (max-width:1219px){
main{margin-left:0;width:calc(100% - 230px);}
nav,#langSelect{margin-right:30px;}
#logo{left:30px;}
#mainNav{margin-right:15px;}
.secondLevel .navTeaser{width:50%;right:0;padding:0 30px;}
.secondLevel{width:100%;padding-left:30px;}
.secondLevel li{width:325px;}
.thirdLevel{left:355px;width:245px;}
.thirdLevel li{width:100%;}
.navLeftCol .thirdLevel{left:275px;}
#searchContainer{left:30px;}
#toTop{right:30px;}
footer{width:calc(100% - 60px);}
}
@media only screen and (max-width:1100px){
header{height:176px;}
#serviceNav{margin-top:50px;}
.secondLevel{top:172px;}
.secondLevel li{width:355px;}
.thirdLevel{width:235px;}
.navLeftCol .thirdLevel{left:250px;}
}
@media only screen and (max-width:992px){
section{padding:0 0 0 30px;}
main{width:100%;}
aside{width:calc(100% - 30px);margin-top:30px;border-top:1px solid #DCDCDC;border-left:none;padding:20px 0 0 0;}
h1,h2,h3,h4,h5{padding-right:10px;}
main li{padding:10px 10px 10px 17px;}
}
@media only screen and (max-width:880px){
header{height:75px;border-bottom:2px solid #fcc300;}
#logo{width:100px;top:10px;left:15px;}
#mobileNav{display:block;margin:5px 15px 0 0;}
#mobileNav div{float:left;cursor:pointer;margin-left:15px;}
#mobileLang{font-size:10px;}
#langSelect,#serviceNav,#mainNav,.secondLevel .navTeaser{display:none;}
#langSelect{position:absolute;top:75px;left:0;margin:0;width:100%;background:#fcc300;z-index:100;}
#langSelect a{font-size:16px;font-weight:600;color:#fff;padding:15px 20px;background:none;}
#langSelect a.active{color:#fff;text-decoration:underline;}
#mainNav,#serviceNav{position:absolute;top:75px;left:0;margin:0;width:100%;background:#fcc300;z-index:1000;}
#serviceNav a{float:left;display:block;margin:15px;}
.firstLevel{border-bottom:1px solid #fff;}
.firstLevel li{clear:both;color:#fff;border-bottom:1px solid #fff;width:100%;}
.firstLevel li:last-of-type,.secondLevel > li:nth-last-of-type(2),.thirdLevel li:last-of-type{border-bottom:none;}
.firstLevel a{padding:8px 15px;background:none;color:#fff;}
.firstLevel a:hover,.firstLevel :hover > a{margin-left:0;padding:8px 15px;}
.firstLevel li:hover .secondLevel,.secondLevel li:hover .thirdLevel{display:none;}
.openSecondLevel,.openThirdLevel{color:#fff;font-size:30px;float:right;}
.secondLevel{position:relative;float:left;left:auto;top:auto;padding:0;margin:0;border-top:1px solid #fff;height:auto;background:none;-webkit-columns:1;-moz-columns:1;columns:1;}
.secondLevel a{font-size:16px;line-height:21px;font-weight:600;padding:8px 15px 8px 30px;}
.secondLevel a:hover,.secondLevel :hover > a{background:none !important;color:#fff;padding:8px 15px 8px 30px;}
.thirdLevel{position:relative;float:left;left:auto;top:auto;padding:0;background:none;height:auto;width:100%;border-top:1px solid #fff;}
.thirdLevel li{padding:0;}
.thirdLevel a{font-size:16px;line-height:21px;font-weight:600;padding:8px 15px 8px 45px;}
.thirdLevel a:hover,.thirdLevel :hover > a{background:none !important;color:#fff;padding:8px 15px 8px 45px;}
.navLeftCol .thirdLevel{left:auto;}
#bannerContainer img{width:100%;margin-left:0;}
#searchContainer{position:relative;;bottom:auto;left:auto;width:100%;}
#searchQuery{background:#F5F5F5;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;}
.quickLink{color:#000;text-shadow:none;margin:0 15px;}
.quickLink span{margin-left:8px;}
#breakcrumb{padding:10px 15px 45px;}
section{padding:0 0 0 15px;}
.teaser{width:calc(33.333333% - 15px);padding-top: calc((0.33333333 * 1.022727) * 100%);margin:0 15px 15px 0;}
.teaser.big{width:calc(66.666666% - 15px);padding-top: calc((0.666666 * 0.511364) * 100%);margin:0 15px 15px 0;}
#tabs{padding-right:15px;}
.tab{width:100%;border-top:1px solid #dcdcdc;border-bottom:none;}
.tab.active,.tab:hover{border-bottom:none;}
.tab:nth-of-type(even){border-left:none;border-right:none;}
.tab:last-of-type{border-bottom:1px solid #dcdcdc;}
.tab .h1{margin:0;text-align:left;}
.more{width:calc(33.333333% - 15px);}
.more.right{margin:0 15px 15px 0;}
#greyBoxes{margin:0 0 0 -15px;border-spacing:15px;}
.colFull{padding-right:15px;}
#abc,aside{width:calc(100% - 15px);}
footer{width:calc(100% - 30px);}
#toTop{right:15px;}
.openSecondLevel.zmdi,.openThirdLevel.zmdi{display:initial;}
}
@media only screen and (max-width:688px){
.teaser{width:calc(50% - 15px);padding-top: calc((0.5 * 1.022727) * 100%);}
.teaser.big{width:calc(100% - 15px);padding-top: calc((1.0 * 0.511364) * 100%);}
.more{width:calc(50% - 15px);}
.tab .h1{font-size:20px;}
.tab span{font-size:12px;}
.quickLink{font-size:14px;}
#greyBoxes{display:block;}
#greyBoxes a{display:block;float:left;width:calc(100% - 15px);margin:0 0 15px;}
.col50{width:100%;padding-right:15px;margin-bottom:15px;}
.abc,.results{-webkit-columns:1;-moz-columns:1;columns:1;}
.downloadTable thead {clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}
.downloadTable tr{display:block;margin-bottom:20px;}
.downloadTable td {border-bottom:1px solid #dcdcdc;display:block;text-align:right;}
.downloadTable td:before {content:attr(data-label);float:left;}
.downloadTable tr:nth-of-type(2) td{padding-top:2px;}
}
}
@media only screen and (max-width:500px){
.teaser{width:calc(100% - 15px);padding-top: calc((1.0 * 1.022727) * 100%)}
/*.teaser.big{width:calc(100% - 15px);background-color: #fcc300;padding-top: calc((1.0 * 0.511364) * 100%)}*/
.teaser.big{width:calc(100% - 15px);background-color: #fcc300;padding-top: calc((1.0 * 1.022727) * 100%)}
/*.teaser.big > a > div{position:absolute;bottom:0;width:100%;height: calc(100% - ((1.0 * 0.511364) * 100%) + 5px);background-color: #fcc300;}*/
.teaser.big p:first-child{margin-top:60%}
.more{width:calc(100% - 15px);}
.colNarrow,.colWide{width:100%;padding-right:15px;margin-bottom:15px;}
.quickLink {margin:0 0 0 15px;}
.quickLink span{margin-left:0;}
.quickLink .desktop{display:none;}
.block figure{width:100% !important;margin-right:15px;}
.block figure img{width:100%;}
.subtitle {margin-left: 15px;}
}
@media only screen and (max-width:390px){
#searchQuery {font-size:24px;}
}
/* =============== ReadSpeaker ============== */
.rsbtn_toollist li {
background-image: none !important;
}
.rsbtn_tools {
z-index: 9999 !important;
}
.rsbtn_tooltoggle {
z-index: 10000 !important;
}
/* =============== Ladezeichen ============= */
#abcSpinner {
display: none;
position: fixed;
left: 0;
top: 0;
background-color: rgba(0,0,0,0.5);
width: 100%;
height: 100%;
z-index: 100;}
#loading{
position:relative;
width:58px;
height:58px;
margin: -29px 0 0 -29px;
left: 50%;
top: 50%;
}
.loading{
position:absolute;
background-color:#fcc300;
width:14px;
height:14px;
border-radius:9px;
-o-border-radius:9px;
-ms-border-radius:9px;
-webkit-border-radius:9px;
-moz-border-radius:9px;
animation-name:loading;
-o-animation-name:loading;
-ms-animation-name:loading;
-webkit-animation-name:loading;
-moz-animation-name:loading;
animation-duration:1.1s;
-o-animation-duration:1.1s;
-ms-animation-duration:1.1s;
-webkit-animation-duration:1.1s;
-moz-animation-duration:1.1s;
animation-iteration-count:infinite;
-o-animation-iteration-count:infinite;
-ms-animation-iteration-count:infinite;
-webkit-animation-iteration-count:infinite;
-moz-animation-iteration-count:infinite;
animation-direction:normal;
-o-animation-direction:normal;
-ms-animation-direction:normal;
-webkit-animation-direction:normal;
-moz-animation-direction:normal;
}
#loading_1{
left:0;
top:23px;
animation-delay:0.41s;
-o-animation-delay:0.41s;
-ms-animation-delay:0.41s;
-webkit-animation-delay:0.41s;
-moz-animation-delay:0.41s;
}
#loading_2{
left:6px;
top:6px;
animation-delay:0.55s;
-o-animation-delay:0.55s;
-ms-animation-delay:0.55s;
-webkit-animation-delay:0.55s;
-moz-animation-delay:0.55s;
}
#loading_3{
top:0;
left:23px;
animation-delay:0.69s;
-o-animation-delay:0.69s;
-ms-animation-delay:0.69s;
-webkit-animation-delay:0.69s;
-moz-animation-delay:0.69s;
}
#loading_4{
right:6px;
top:6px;
animation-delay:0.83s;
-o-animation-delay:0.83s;
-ms-animation-delay:0.83s;
-webkit-animation-delay:0.83s;
-moz-animation-delay:0.83s;
}
#loading_5{
right:0;
top:23px;
animation-delay:0.97s;
-o-animation-delay:0.97s;
-ms-animation-delay:0.97s;
-webkit-animation-delay:0.97s;
-moz-animation-delay:0.97s;
}
#loading_6{
right:6px;
bottom:6px;
animation-delay:1.1s;
-o-animation-delay:1.1s;
-ms-animation-delay:1.1s;
-webkit-animation-delay:1.1s;
-moz-animation-delay:1.1s;
}
#loading_7{
left:23px;
bottom:0;
animation-delay:1.24s;
-o-animation-delay:1.24s;
-ms-animation-delay:1.24s;
-webkit-animation-delay:1.24s;
-moz-animation-delay:1.24s;
}
#loading_8{
left:6px;
bottom:6px;
animation-delay:1.38s;
-o-animation-delay:1.38s;
-ms-animation-delay:1.38s;
-webkit-animation-delay:1.38s;
-moz-animation-delay:1.38s;
}
@keyframes loading{
0%{ transform:scale(1); }
100%{ transform:scale(.3); }
}
@-o-keyframes loading{
0%{ -o-transform:scale(1); }
100%{ -o-transform:scale(.3); }
}
@-ms-keyframes loading{
0%{ -ms-transform:scale(1); }
100%{ -ms-transform:scale(.3); }
}
@-webkit-keyframes loading{
0%{ -webkit-transform:scale(1); }
100%{ -webkit-transform:scale(.3); }
}
@-moz-keyframes loading{
0%{ -moz-transform:scale(1); }
100%{ -moz-transform:scale(.3); }
}
#serviceLS, #serviceLQ {
position:relative; overflow:hidden;
}
#serviceLS img, #serviceLQ img {
position:absolute;
top:0;
left:0;
}
/* Ticket: GERSV-169 16.12.2019 */
.greyBoxes {
word-wrap: break-word;
}