/* Basis aus Contao 4 layout.css / responsive.css */
body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.responsive{position:relative;height:0}.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.responsive.ratio-169{padding-bottom:56.25%}

/* mobile */
body{font:20px/28px 'Titillium Web';font-weight:400}
p{margin-top:0;margin-bottom:15px}
#googlemaps p{margin:0;padding:10px 10px 5px}
p:last-child{margin-bottom:85px}
h1{margin:15px 0 99px;font-size:45px;line-height:55px;font-weight:300;text-transform:uppercase}
h2{margin:0 0 36px;font-size:25px;line-height:35px;font-weight:700}
a{text-decoration:none;color:#6b6b6b}
.mod_article{position:relative;padding-top:85px}
div.mod_article h1,div.mod_article .ce_text,div.mod_article .content-text,div.mod_article #menuCarrier{width:100%;max-width:960px;margin-right:auto;margin-left:auto;padding-right:20px;padding-left:20px;box-sizing:border-box}
div.mod_article .ce_gallery,div.mod_article .content-gallery{width:100%;max-width:960px;margin-right:auto;margin-bottom:100px;margin-left:auto;padding-right:15px;padding-left:20px;box-sizing:border-box}
.mod_article.green{background-color:#b0c700}
.mod_article.green::before{width:100%;height:200px;top:-200px;position:absolute;display:block;background-color:#fff;transform:skewY(2.3deg);content:''}
.mod_article.white::after{width:100%;height:200px;bottom:-200px;position:absolute;display:block;background-color:#b0c700;transform:skewY(2.3deg);content:''}
#menuCarrierMobile{width:100%;height:2vh;min-height:40px;position:fixed;padding-top:0;background-color:#c9e302;z-index:10000000}
#headermenu{padding-top:0}
#hamburger{width:25px;right:25px;top:16px;position:absolute;font-size:30px;cursor:pointer}
#menuCarrierMobile,#menuCarrierMobile_inner{transition:all .2s ease-in-out}
#menuCarrier{display:none}
#menuCarrierMobile_inner{position:absolute;top:-100vh;left:0;right:0}
#menuCarrierMobile a.header_menu{width:100%;display:block;padding-top:20px;text-align:center;font-size:35px;line-height:40px;font-weight:300}
#headermenuhelper{width:100%;height:20px;top:-50px;position:fixed;display:block;background-color:#c9e302;transform:skewY(2.3deg);content:'';z-index:10000}
#headermenu a{padding-right:40px;color:#000;font-weight:600}
#headerbild{padding-top:0}
#headerbild *{max-width:100%;padding:0}
div#googlemaps{padding:0;width:initial;max-width:initial}
.ce_gallery ul,.content-gallery ul{display:flex;align-items:flex-start;flex-flow:row wrap}
.ce_gallery ul li,.content-gallery ul li{width:48%;padding:1% 2% 1% 0;line-height:0}
#cboxCurrent{display:none !important}
.infobox{position:absolute;top:110px;left:20px;z-index:1;background:white;max-width:120px !important;padding:20px !important;transform:rotate(-6deg);font-size:15px;line-height:22px}
.infobox p{margin-bottom:0 !important}
.text_mark p{background-color:#c9e302;padding:20px;margin-bottom:40px}
.text_mark_blue p{background-color:#14bef5}

/* tablet */
@media only screen and (min-width:768px){
.ce_gallery ul li,.content-gallery ul li{width:23%;padding:1% 2% 1% 0;line-height:0}
h1{margin:15px 0 99px;font-size:50px;line-height:60px;font-weight:300;text-transform:uppercase}
}

/* desktop */
@media only screen and (min-width:1000px){
#headermenu{width:100%;position:fixed;display:block;padding-top:40px;background-color:#c9e302;z-index:100000;height:initial}
#menuCarrierMobile{display:none}
#menuCarrier{display:block}
#headermenuhelper{width:100%;height:80px;top:-50px;position:fixed;display:block;background-color:#c9e302;transform:skewY(2.3deg);content:'';z-index:10000}
.infobox{position:absolute;top:184px;left:40px;z-index:1;background:white;max-width:200px !important;padding:20px !important;transform:rotate(-6deg);font-size:20px;line-height:28px}
}