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,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.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}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}.aspect--9\:16,.responsive.ratio-916{padding-bottom:177.7777%}.aspect--1\:1,.responsive.ratio-11{padding-bottom:100%}
#wrapper{width:960px;margin:0 auto}.grid1,.grid2,.grid3,.grid4,.grid5,.grid6,.grid7,.grid8,.grid9,.grid10,.grid11,.grid12{float:left;margin-left:10px;margin-right:10px;display:inline}.mod_article [class^=ce_],.mod_article [class*=" ce_"],.mod_article [class^=content-],.mod_article [class*=" content-"],.mod_article [class^=mod_],.mod_article [class*=" mod_"],.mod_article [class^=module-],.mod_article [class*=" module-"]{margin-left:10px;margin-right:10px}.ce_sliderStart>.content-slider{margin-left:0;margin-right:0}.mod_article .mod_newsreader,.mod_article .mod_eventreader{margin-left:0;margin-right:0}.mod_article [class^=layout_]>*,.mod_article [class*=" layout_"]>*,.mod_article [class^=event_]>*,.mod_article [class*=" event_"]>*{margin-left:10px;margin-right:10px}.mod_article.grid1,.mod_article.grid2,.mod_article.grid3,.mod_article.grid4,.mod_article.grid5,.mod_article.grid6,.mod_article.grid7,.mod_article.grid8,.mod_article.grid9,.mod_article.grid10,.mod_article.grid11,.mod_article.grid12{margin-left:0;margin-right:0}#main .inside{overflow:hidden}.grid1{width:60px}.grid2{width:140px}.grid3{width:220px}.grid4{width:300px}.grid5{width:380px}.grid6{width:460px}.grid7{width:540px}.grid8{width:620px}.grid9{width:700px}.grid10{width:780px}.grid11{width:860px}.grid12{width:940px}.mod_article.grid1{width:80px}.mod_article.grid2{width:160px}.mod_article.grid3{width:240px}.mod_article.grid4{width:320px}.mod_article.grid5{width:400px}.mod_article.grid6{width:480px}.mod_article.grid7{width:560px}.mod_article.grid8{width:640px}.mod_article.grid9{width:720px}.mod_article.grid10{width:800px}.mod_article.grid11{width:880px}.mod_article.grid12{width:960px}.offset1{margin-left:90px!important}.offset2{margin-left:170px!important}.offset3{margin-left:250px!important}.offset4{margin-left:330px!important}.offset5{margin-left:410px!important}.offset6{margin-left:490px!important}.offset7{margin-left:570px!important}.offset8{margin-left:650px!important}.offset9{margin-left:730px!important}.offset10{margin-left:810px!important}.offset11{margin-left:890px!important}.offset12{margin-left:970px!important}.mod_article.offset1{margin-left:80px!important}.mod_article.offset2{margin-left:160px!important}.mod_article.offset3{margin-left:240px!important}.mod_article.offset4{margin-left:320px!important}.mod_article.offset5{margin-left:400px!important}.mod_article.offset6{margin-left:480px!important}.mod_article.offset7{margin-left:560px!important}.mod_article.offset8{margin-left:640px!important}.mod_article.offset9{margin-left:720px!important}.mod_article.offset10{margin-left:800px!important}.mod_article.offset11{margin-left:880px!important}.mod_article.offset12{margin-left:960px!important}@media (min-width:768px) and (max-width:979px){#wrapper{width:744px}.grid1{width:42px}.grid2{width:104px}.grid3{width:166px}.grid4{width:228px}.grid5{width:290px}.grid6{width:352px}.grid7{width:414px}.grid8{width:476px}.grid9{width:538px}.grid10{width:600px}.grid11{width:662px}.grid12{width:724px}.mod_article.grid1{width:62px}.mod_article.grid2{width:124px}.mod_article.grid3{width:186px}.mod_article.grid4{width:248px}.mod_article.grid5{width:310px}.mod_article.grid6{width:372px}.mod_article.grid7{width:434px}.mod_article.grid8{width:496px}.mod_article.grid9{width:558px}.mod_article.grid10{width:620px}.mod_article.grid11{width:682px}.mod_article.grid12{width:744px}.offset1{margin-left:72px!important}.offset2{margin-left:134px!important}.offset3{margin-left:196px!important}.offset4{margin-left:258px!important}.offset5{margin-left:320px!important}.offset6{margin-left:382px!important}.offset7{margin-left:444px!important}.offset8{margin-left:506px!important}.offset9{margin-left:568px!important}.offset10{margin-left:630px!important}.offset11{margin-left:692px!important}.offset12{margin-left:754px!important}.mod_article.offset1{margin-left:62px!important}.mod_article.offset2{margin-left:124px!important}.mod_article.offset3{margin-left:186px!important}.mod_article.offset4{margin-left:248px!important}.mod_article.offset5{margin-left:310px!important}.mod_article.offset6{margin-left:372px!important}.mod_article.offset7{margin-left:434px!important}.mod_article.offset8{margin-left:496px!important}.mod_article.offset9{margin-left:558px!important}.mod_article.offset10{margin-left:620px!important}.mod_article.offset11{margin-left:682px!important}.mod_article.offset12{margin-left:744px!important}}@media (max-width:767px){#wrapper{width:auto}.grid1,.grid2,.grid3,.grid4,.grid5,.grid6,.grid7,.grid8,.grid9,.grid10,.grid11,.grid12{float:none!important;display:block!important;width:auto!important}.offset1,.offset2,.offset3,.offset4,.offset5,.offset6,.offset7,.offset8,.offset9,.offset10,.offset11,.offset12{margin-left:10px!important}}
/* dk_masonry global styles */
.masonry .image_container img {
	vertical-align: bottom;
}
.masonry > div, .masonry > section {
	float: left;
}
.social_feed_element{overflow:visible;padding:0;width:100%}.social_feed_element.extended .inner a{display:inline;padding:0;color:#1b95e0}.social_feed_element.extended .inner a:hover,.social_feed_element.extended a.more:hover{text-decoration:underline}.social_feed_element.extended .inner>figure{padding:0}.social_feed_element.extended a.more{padding:0;font-size:14px;color:#1b95e0;font-weight:700;display:block}.social_feed_element.extended .inner{padding:0 20px 20px}.social_feed_element.extended p:first-child{margin-top:0}.social_feed_element.extended p:last-child{margin-bottom:0}.social_feed_element .inner{background:#f2f2f2;padding:0;margin:30px 10px 10px;position:relative;word-break:break-word;border-top:5px solid #c1c1c1}.social_feed_element .inner a{padding:0 20px;display:block}.social_feed_element .inner>figure{padding:0 20px}.social_feed_element .ce_text{padding:15px 0;color:#333;margin:0}.social_feed_element .icon{position:static;text-indent:0}.social_feed_element .icon img{position:absolute;top:-20px;border-radius:100%;max-width:50px}.social_feed_element .icon .image-wrapper:not(.loaded){height:0!important}.social_feed_element .info{margin:0;padding:10px 0 0;text-align:right;font-size:14px;color:#989898;display:flex;align-items:center;justify-content:flex-end}.social_feed_element .info img{width:15px;margin-left:10px}.social_feed_element .title{margin:10px 0;font-size:16px;font-weight:700;color:#333}.social_feed_element a{color:#333;text-decoration:none}.social_feed_element .ce_text{font-size:14px}.social_feed_element .fa{font-size:18px;padding-left:5px}.social_feed_element .image_container>a{padding:0}.social_feed_container{width:calc(100% + 30px);margin-left:-15px;font-family:sans-serif}.social_feed_container:not(.masonry){display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.social_feed_container:not(.masonry).columns2 .social_feed_element{-ms-flex:0 0 50%;flex:0 0 50%}.social_feed_container:not(.masonry).columns3 .social_feed_element{-ms-flex:0 0 33%;flex:0 0 33%}.social_feed_container:not(.masonry).columns4 .social_feed_element{-ms-flex:0 0 25%;flex:0 0 25%}.social_feed_container.masonry.columns2 .social_feed_element,.social_feed_container.masonry.columns3 .social_feed_element,.social_feed_container.masonry.columns4 .social_feed_element{float:left}.social_feed_container.masonry.columns2 .social_feed_element{width:50%}.social_feed_container.masonry.columns3 .social_feed_element{width:33.33%}.social_feed_container.masonry.columns4 .social_feed_element{width:25%}@media (max-width:767px){.social_feed_container{width:100%;margin-left:0}.social_feed_container:not(.masonry).columns2 .social_feed_element,.social_feed_container:not(.masonry).columns3 .social_feed_element,.social_feed_container:not(.masonry).columns4 .social_feed_element{-ms-flex:0 0 100%;flex:0 0 100%}.social_feed_container.masonry.columns2 .social_feed_element,.social_feed_container.masonry.columns3 .social_feed_element,.social_feed_container.masonry.columns4 .social_feed_element{float:none;width:100%}}
.rs-columns {
  clear: both;
  display: inline-block;
  width: 100%;
}

.rs-column {
  float: left;
  width: 100%;
  margin-top: 7.69231%;
  margin-right: 7.69231%;
}
.rs-column.-large-first {
  clear: left;
}
.rs-column.-large-last {
  margin-right: -5px;
}
.rs-column.-large-first-row {
  margin-top: 0;
}
.rs-column.-large-col-1-1 {
  width: 100%;
}
.rs-column.-large-col-2-1 {
  width: 46.15385%;
}
.rs-column.-large-col-2-2 {
  width: 100%;
}
.rs-column.-large-col-3-1 {
  width: 28.20513%;
}
.rs-column.-large-col-3-2 {
  width: 64.10256%;
}
.rs-column.-large-col-3-3 {
  width: 100%;
}
.rs-column.-large-col-4-1 {
  width: 19.23077%;
}
.rs-column.-large-col-4-2 {
  width: 46.15385%;
}
.rs-column.-large-col-4-3 {
  width: 73.07692%;
}
.rs-column.-large-col-4-4 {
  width: 100%;
}
.rs-column.-large-col-5-1 {
  width: 13.84615%;
}
.rs-column.-large-col-5-2 {
  width: 35.38462%;
}
.rs-column.-large-col-5-3 {
  width: 56.92308%;
}
.rs-column.-large-col-5-4 {
  width: 78.46154%;
}
.rs-column.-large-col-5-5 {
  width: 100%;
}
.rs-column.-large-col-6-1 {
  width: 10.25641%;
}
.rs-column.-large-col-6-2 {
  width: 28.20513%;
}
.rs-column.-large-col-6-3 {
  width: 46.15385%;
}
.rs-column.-large-col-6-4 {
  width: 64.10256%;
}
.rs-column.-large-col-6-5 {
  width: 82.05128%;
}
.rs-column.-large-col-6-6 {
  width: 100%;
}
@media screen and (max-width: 900px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-first {
    clear: none;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: left;
  }
  .rs-column.-medium-last {
    margin-right: -5px;
  }
  .rs-column.-medium-first-row {
    margin-top: 0;
  }
  .rs-column.-medium-col-1-1 {
    width: 100%;
  }
  .rs-column.-medium-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-2-2 {
    width: 100%;
  }
  .rs-column.-medium-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-3-3 {
    width: 100%;
  }
  .rs-column.-medium-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-medium-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-medium-col-4-4 {
    width: 100%;
  }
  .rs-column.-medium-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-medium-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-medium-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-medium-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-medium-col-5-5 {
    width: 100%;
  }
  .rs-column.-medium-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-medium-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-medium-col-6-6 {
    width: 100%;
  }
}
@media screen and (max-width: 599px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: none;
  }
  .rs-column.-medium-last {
    margin-right: 7.69231%;
  }
  .rs-column.-medium-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-small-first {
    clear: left;
  }
  .rs-column.-small-last {
    margin-right: -5px;
  }
  .rs-column.-small-first-row {
    margin-top: 0;
  }
  .rs-column.-small-col-1-1 {
    width: 100%;
  }
  .rs-column.-small-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-small-col-2-2 {
    width: 100%;
  }
  .rs-column.-small-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-small-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-small-col-3-3 {
    width: 100%;
  }
  .rs-column.-small-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-small-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-small-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-small-col-4-4 {
    width: 100%;
  }
  .rs-column.-small-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-small-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-small-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-small-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-small-col-5-5 {
    width: 100%;
  }
  .rs-column.-small-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-small-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-small-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-small-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-small-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-small-col-6-6 {
    width: 100%;
  }
}

.glightbox-container{width:100%;height:100%;position:fixed;top:0;left:0;z-index:999999!important;overflow:hidden;-ms-touch-action:none;touch-action:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;outline:0}.glightbox-container.inactive{display:none}.glightbox-container .gcontainer{position:relative;width:100%;height:100%;z-index:9999;overflow:hidden}.glightbox-container .gslider{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;height:100%;left:0;top:0;width:100%;position:relative;overflow:hidden;display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.glightbox-container .gslide{width:100%;position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0}.glightbox-container .gslide.current{opacity:1;z-index:99999;position:relative}.glightbox-container .gslide.prev{opacity:1;z-index:9999}.glightbox-container .gslide-inner-content{width:100%}.glightbox-container .ginner-container{position:relative;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:100%;margin:auto;height:100vh}.glightbox-container .ginner-container.gvideo-container{width:100%}.glightbox-container .ginner-container.desc-bottom,.glightbox-container .ginner-container.desc-top{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.glightbox-container .ginner-container.desc-left,.glightbox-container .ginner-container.desc-right{max-width:100%!important}.gslide iframe,.gslide video{outline:0!important;border:none;min-height:165px;-webkit-overflow-scrolling:touch;-ms-touch-action:auto;touch-action:auto}.gslide:not(.current){pointer-events:none}.gslide-image{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.gslide-image img{max-height:100vh;display:block;padding:0;float:none;outline:0;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;max-width:100vw;width:auto;height:auto;-o-object-fit:cover;object-fit:cover;-ms-touch-action:none;touch-action:none;margin:auto;min-width:200px}.desc-bottom .gslide-image img,.desc-top .gslide-image img{width:auto}.desc-left .gslide-image img,.desc-right .gslide-image img{width:auto;max-width:100%}.gslide-image img.zoomable{position:relative}.gslide-image img.dragging{cursor:-webkit-grabbing!important;cursor:grabbing!important;-webkit-transition:none;transition:none}.gslide-video{position:relative;max-width:100vh;width:100%!important}.gslide-video .plyr__poster-enabled.plyr--loading .plyr__poster{display:none}.gslide-video .gvideo-wrapper{width:100%;margin:auto}.gslide-video::before{content:'';position:absolute;width:100%;height:100%;background:rgba(255,0,0,.34);display:none}.gslide-video.playing::before{display:none}.gslide-video.fullscreen{max-width:100%!important;min-width:100%;height:75vh}.gslide-video.fullscreen video{max-width:100%!important;width:100%!important}.gslide-inline{background:#fff;text-align:left;max-height:calc(100vh - 40px);overflow:auto;max-width:100%;margin:auto}.gslide-inline .ginlined-content{padding:20px;width:100%}.gslide-inline .dragging{cursor:-webkit-grabbing!important;cursor:grabbing!important;-webkit-transition:none;transition:none}.ginlined-content{overflow:auto;display:block!important;opacity:1}.gslide-external{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;min-width:100%;background:#fff;padding:0;overflow:auto;max-height:75vh;height:100%}.gslide-media{display:-webkit-box;display:-ms-flexbox;display:flex;width:auto}.zoomed .gslide-media{-webkit-box-shadow:none!important;box-shadow:none!important}.desc-bottom .gslide-media,.desc-top .gslide-media{margin:0 auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.gslide-description{position:relative;-webkit-box-flex:1;-ms-flex:1 0 100%;flex:1 0 100%}.gslide-description.description-left,.gslide-description.description-right{max-width:100%}.gslide-description.description-bottom,.gslide-description.description-top{margin:0 auto;width:100%}.gslide-description p{margin-bottom:12px}.gslide-description p:last-child{margin-bottom:0}.zoomed .gslide-description{display:none}.glightbox-button-hidden{display:none}.glightbox-mobile .glightbox-container .gslide-description{height:auto!important;width:100%;position:absolute;bottom:0;padding:19px 11px;max-width:100vw!important;-webkit-box-ordinal-group:3!important;-ms-flex-order:2!important;order:2!important;max-height:78vh;overflow:auto!important;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.75)));background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.75) 100%);-webkit-transition:opacity .3s linear;transition:opacity .3s linear;padding-bottom:50px}.glightbox-mobile .glightbox-container .gslide-title{color:#fff;font-size:1em}.glightbox-mobile .glightbox-container .gslide-desc{color:#a1a1a1}.glightbox-mobile .glightbox-container .gslide-desc a{color:#fff;font-weight:700}.glightbox-mobile .glightbox-container .gslide-desc *{color:inherit}.glightbox-mobile .glightbox-container .gslide-desc .desc-more{color:#fff;opacity:.4}.gdesc-open .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:.4}.gdesc-open .gdesc-inner{padding-bottom:30px}.gdesc-closed .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:1}.greset{-webkit-transition:all .3s ease;transition:all .3s ease}.gabsolute{position:absolute}.grelative{position:relative}.glightbox-desc{display:none!important}.glightbox-open{overflow:hidden}.gloader{height:25px;width:25px;-webkit-animation:lightboxLoader .8s infinite linear;animation:lightboxLoader .8s infinite linear;border:2px solid #fff;border-right-color:transparent;border-radius:50%;position:absolute;display:block;z-index:9999;left:0;right:0;margin:0 auto;top:47%}.goverlay{width:100%;height:calc(100vh + 1px);position:fixed;top:-1px;left:0;background:#000;will-change:opacity}.glightbox-mobile .goverlay{background:#000}.gclose,.gnext,.gprev{z-index:99999;cursor:pointer;width:26px;height:44px;border:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.gclose svg,.gnext svg,.gprev svg{display:block;width:25px;height:auto;margin:0;padding:0}.gclose.disabled,.gnext.disabled,.gprev.disabled{opacity:.1}.gclose .garrow,.gnext .garrow,.gprev .garrow{stroke:#fff}.gbtn.focused{outline:2px solid #0f3d81}iframe.wait-autoplay{opacity:0}.glightbox-closing .gclose,.glightbox-closing .gnext,.glightbox-closing .gprev{opacity:0!important}.glightbox-clean .gslide-description{background:#fff}.glightbox-clean .gdesc-inner{padding:22px 20px}.glightbox-clean .gslide-title{font-size:1em;font-weight:400;font-family:arial;color:#000;margin-bottom:19px;line-height:1.4em}.glightbox-clean .gslide-desc{font-size:.86em;margin-bottom:0;font-family:arial;line-height:1.4em}.glightbox-clean .gslide-video{background:#000}.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color:rgba(0,0,0,.75);border-radius:4px}.glightbox-clean .gclose path,.glightbox-clean .gnext path,.glightbox-clean .gprev path{fill:#fff}.glightbox-clean .gprev{position:absolute;top:-100%;left:30px;width:40px;height:50px}.glightbox-clean .gnext{position:absolute;top:-100%;right:30px;width:40px;height:50px}.glightbox-clean .gclose{width:35px;height:35px;top:15px;right:10px;position:absolute}.glightbox-clean .gclose svg{width:18px;height:auto}.glightbox-clean .gclose:hover{opacity:1}.gfadeIn{-webkit-animation:gfadeIn .5s ease;animation:gfadeIn .5s ease}.gfadeOut{-webkit-animation:gfadeOut .5s ease;animation:gfadeOut .5s ease}.gslideOutLeft{-webkit-animation:gslideOutLeft .3s ease;animation:gslideOutLeft .3s ease}.gslideInLeft{-webkit-animation:gslideInLeft .3s ease;animation:gslideInLeft .3s ease}.gslideOutRight{-webkit-animation:gslideOutRight .3s ease;animation:gslideOutRight .3s ease}.gslideInRight{-webkit-animation:gslideInRight .3s ease;animation:gslideInRight .3s ease}.gzoomIn{-webkit-animation:gzoomIn .5s ease;animation:gzoomIn .5s ease}.gzoomOut{-webkit-animation:gzoomOut .5s ease;animation:gzoomOut .5s ease}@-webkit-keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes gfadeIn{from{opacity:0}to{opacity:1}}@keyframes gfadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes gfadeOut{from{opacity:1}to{opacity:0}}@keyframes gfadeOut{from{opacity:1}to{opacity:0}}@-webkit-keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@-webkit-keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}}@keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}}@-webkit-keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}@keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}@-webkit-keyframes gzoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes gzoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@media (min-width:769px){.glightbox-container .ginner-container{width:auto;height:auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.glightbox-container .ginner-container.desc-top .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.glightbox-container .ginner-container.desc-top .gslide-image,.glightbox-container .ginner-container.desc-top .gslide-image img{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.glightbox-container .ginner-container.desc-left .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.glightbox-container .ginner-container.desc-left .gslide-image{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.gslide-image img{max-height:97vh;max-width:100%}.gslide-image img.zoomable{cursor:-webkit-zoom-in;cursor:zoom-in}.zoomed .gslide-image img.zoomable{cursor:-webkit-grab;cursor:grab}.gslide-inline{max-height:95vh}.gslide-external{max-height:100vh}.gslide-description.description-left,.gslide-description.description-right{max-width:275px}.glightbox-open{height:auto}.goverlay{background:rgba(0,0,0,.92)}.glightbox-clean .gslide-media{-webkit-box-shadow:1px 2px 9px 0 rgba(0,0,0,.65);box-shadow:1px 2px 9px 0 rgba(0,0,0,.65)}.glightbox-clean .description-left .gdesc-inner,.glightbox-clean .description-right .gdesc-inner{position:absolute;height:100%;overflow-y:auto}.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color:rgba(0,0,0,.32)}.glightbox-clean .gclose:hover,.glightbox-clean .gnext:hover,.glightbox-clean .gprev:hover{background-color:rgba(0,0,0,.7)}.glightbox-clean .gprev{top:45%}.glightbox-clean .gnext{top:45%}}@media (min-width:992px){.glightbox-clean .gclose{opacity:.7;right:20px}}@media screen and (max-height:420px){.goverlay{background:#000}}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'PPHatton';
  font-style: normal;
  src: url('../../files/fonts/pphatton-regular-webfont.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'PPHattonItalic';
  font-style: italic;
  src: url('../../files/fonts/pphatton-regularitalic-webfont.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../../files/fonts/open-sans-v44-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/fonts/open-sans-v44-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* CSS KWER */

:root {
    --col1: #BA0207;
    /* rot */

    --hg: #ffffff;

    --white: #ffffff;
    --black: #000000;
    --grey: #F8F7F7;

    --width: 100%;
    --maxwidth: 1550px;

    --font1: "Open Sans";
    --font2: "PPHatton", sans-serif;
    --font3: "PPHattonItalic", sans-serif;

}

.mod_article [class^="ce_"],
.mod_article [class*=" ce_"],
.mod_article [class^="content-"],
.mod_article [class*=" content-"],
.mod_article [class^="mod_"],
.mod_article [class*=" mod_"] {
    margin: 0px;
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    background: var(--hg);
    font-family: var(--font1);
    font-size: 1.1em;
    line-height: 1.8;
    font-weight: 300;
    letter-spacing: 0.05rem;
    font-style: normal;
}

#content {
        overflow-x: hidden!important;
}

.swiper-pagination-bullet-active {
    background-color: var(--col1);
}

.swiper-slide .content-text {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}

.swiper-pagination {
    margin-top: 30px;
    position: relative;
}

.dark-blue {
    display: none;
}

.container {
    max-width: var(--maxwidth);
    margin-left: auto;
    margin-right: auto;
}

.pad-top {
    padding-top: 120px;
}

.pad-bot {
    padding-bottom: 120px;
}

.curscolor {
    font-family: var(--font3);
    font-style: italic;
    font-weight: 100;
    color: var(--col1);
    padding-top: 20px;
    font-size: 1.6rem;
}

#content .inside>div {
    position: relative;
}

#main .inside {
    padding-top: 120px;
    padding-bottom: 120px;
}

.gemeinsam,
#content .inside .block {
    position: relative;
    overflow: revert;
}

.gemeinsam h3 {
    color: var(--col2);
}

.header-text {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    padding: 50px;
    color: var(--white);
    pointer-events: none;
}

.header-text p {
    text-transform: uppercase;
}

.header-text em,
.header-text strong {
    font-size: 6rem;
    line-height: 1;
    text-transform: lowercase;
}

.header-text strong {
    font-family: var(--font2) !important;
}

.header-text em {
    font-family: var(--font3) !important;
    font-style: italic;
}

.header-text em strong {
    color: var(--col1);
}

.grey-bg {
    background-color: var(--white);
    padding: 80px 100px 80px 250px;
}

#loveletters {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

#footer {
    background: var(--grey);
    position: relative;
    margin-top: 0px;
    text-transform: uppercase;
    font-size: 1rem;
    letter-spacing: 2px;
    color: var(--black);
}

#footer .container {
    padding-top: 70px;
    padding-bottom: 70px;
    padding-left: 50px;
    padding-right: 50px;
    max-width: 100%;
}

a {
    color: var(--col2);
    text-decoration: none;
}

a:hover {
    color: var(--col2);
}

h1 {
    font-family: var(--font2);
    font-size: 3em;
    line-height: 1.3;
    color: var(--col3);
    letter-spacing: 1px;
    font-weight: 200;
}

h2 {
    font-family: var(--font2);
    font-size: 2.8em;
    line-height: 1.3;
    color: var(--col3);
    font-weight: 200;
}

h3 {
    font-family: var(--font2);
    font-size: 2em;
    line-height: 1.3;
    font-weight: 400;
    letter-spacing: 1px;
    font-weight: 200;
}

h1 em,
h2 em,
h3 em {
    font-family: var(--font3);
    font-style: italic;
}

h1 strong em,
h2 strong em,
h3 strong em {
    color: var(--col1) !important;
}

.swiper-button-prev,
.swiper-button-next {
    background: none;
    box-shadow: none;
    border: 0px;
    color: var(--col1);
}

.overlay .before-header .logo img {
    filter: invert(1);
}

.overlay .icon-1,
.overlay .icon-2,
.overlay .icon-3 {
    background-color: var(--white);
}

.goverlay,
.glightbox-mobile .goverlay {
    background: var(--white);
}

.glightbox-clean .gslide-media {
    box-shadow: none;
}

.content-image img {
    width: 100%;
}

.image-over {
    position: relative;
    z-index: 10;
}

.redover {
    position: absolute;
    right: 0;
    bottom: -100px;
    font-family: "Waterfall";
    font-size: 5em;
    line-height: 0.5em;
    color: var(--white);
    background-image: url('../../files/grafiken/redcircle.svg');
    background-size: 100% auto;
    background-repeat: no-repeat;
    transform: rotate(-10deg);
    text-transform: lowercase;
    padding: 0px 50px;
}

.vielfalt-over {
    position: absolute;
    left: 150px;
    bottom: 170px;
    font-family: "Waterfall";
    font-size: 5em;
    line-height: 0.5em;
    color: var(--col1);

    transform: rotate(-10deg);
    text-transform: lowercase;
    padding: 0px 50px;
}


.image-over img {
    margin-top: -50px;
}

.image-text-over {
    position: relative;
}

.margin-top {
    margin-top: 120px;
    display: grid;
}

.margin-bot {
    margin-bottom: 120px;
    display: grid;
}

.margin {
    margin-top: 120px;
    margin-bottom: 120px;
    display: grid;
}

.grid {
    overflow: revert;
    padding-top: 0px !important;
}

.image-text-over h2 {
    position: absolute;
    width: 60%;
    height: 100%;
    display: grid;
    align-content: center;
    text-align: center;
    margin: 0px;
    padding: 0px;
    color: var(--col6);
    font-size: 4em !important;
    text-shadow: -1px 0px 13px rgba(0, 0, 0, 0.39);
    padding-left: 20%;
    padding-right: 20%;
}

.foot-left,
.afterfoot {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 30px;
}

.foot-left a {
    color: var(--black);
}

.foot-left a:hover {
    color: var(--col1);
}

.grid-text .info-box {
    padding-top: 0px !important;
    padding-bottom: 50px !important;
}

.center {
    text-align: center;
}

.right {
    text-align: right;
}

.date {
    position: absolute;
    z-index: 10;
    right: -50px;
    top: calc(50% - 30px);
}

.date p {
    color: var(--white);
    background: var(--col1);
    padding: 10px 25px;
    letter-spacing: 2px;
    font-weight: 500;
    text-transform: uppercase;
    animation-name: colorchange;
    animation-duration: 4s;
    animation-iteration-count: infinite;
}

.non-marg {
    margin: 0px !important;
    padding-bottom: 0px !important;
}

.grid.non-border {
    border-bottom: 0px;
}

.bluehg {

    color: var(--black);
    margin-left: 0%;
    position: relative;
    overflow: revert;
}


.radio_container {
    padding: 0px;
    border: 0px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-family: var(--font1);
    margin-bottom: 10px;
}

input,
select,
textarea {
    width: 100%;
    border: 0px;
    padding: 10px 0px;
    margin-bottom: 15px;
    outline: none;
    border-radius: 0px;
    box-shadow: none;
    border-bottom: 1px solid var(--col1);
}

input.radio {
    width: auto !important;
}

::placeholder {
    letter-spacing: 2px;
    text-transform: uppercase;
    font-family: var(--font1);
}

.infobefore {
    padding-left: 250px;
    padding-bottom: 30px;
}

#wrapper {
    width: auto;
    max-width: var(--width);
    background: var(--white);
    position: relative;
}

#last {
    padding: 50px;
    display: block;
    position: relative;
    filter: grayscale(100%);
}

#last h2 {
    font-size: 5rem;
    color: var(--white);
}

#last .buttn {
    margin-top: 0px !important;
}

#last .buttn a {
    color: var(--white);
}

#last .buttn a:hover {
    opacity: 0.8;
}

#last .buttn a:after {
    background-color: var(--white) !important;
}

.before-header {
    text-align: left;
    padding: 30px 50px;
    display: grid;
    grid-template-columns: 1fr 3fr;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 99;
    width: 100%;
    pointer-events: none;
}

.before-header .logo img {
    width: 100%;
    height: auto;
}

.before-header .logo {
    width: 134px;
    height: auto;
    margin-right: auto;
    pointer-events: auto;
}

.navigation {
    position: relative;
    padding: 0px 0px;
    z-index: 1;
    text-align: right;
}

.clicker,
.lang-change {
    cursor: pointer;
}

.open .navigation {
    transform: translateY(0%);
}

.open-lang .changer {
    transform: translateY(0%);
}

.navigation ul,
.navigation li {
    list-style: none;
    padding: 0px;
    margin: 0px 0px 0px 25px;
    display: inline-block;
}

.navigation li a,
.navigation li .active {
    display: block;
    color: var(--black);
    text-transform: uppercase;
    line-height: 2em;
    font-size: 0.8em;
    letter-spacing: 2px;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    padding: 20px 10px 20px 10px;
    position: relative;
}

.navigation li strong.active::after,
.navigation li a:hover::after {
    content: "";
    width: 100%;
    height: 17px;
    background: var(--col1);
    position: absolute;
    bottom: 20px;
    left: 0;
    opacity: 0.2;
    -webkit-transition: all 0.5s ease-out;

}

.navigation li a::after {
    content: "";
    width: 100%;
    height: 17px;
    background: var(--col2);
    position: absolute;
    bottom: 20px;
    left: 0;
    opacity: 0;
    -webkit-transition: all 0.2s ease-out;
    transform: translateY(100%);
}

.navigation li a:hover::after {
    opacity: 0.35;
    transform: translateY(0%);
}

.navigation li .active,
.navigation li a:hover,
.changer li .active,
.changer li a:hover {
    color: var(--col2);
    font-weight: 300;
}

.spruch {
    text-align: center;
    color: var(--col1);
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 50px !important;
    letter-spacing: 2px;
}

.spruch p {
    display: inline-block;
}

.spruch p:nth-child(1) {
    color: var(--col2) !important;
}

.spruch p:nth-child(2) {
    color: var(--col3) !important;
}

.spruch p:nth-child(3) {
    color: var(--col5) !important;
}

.bild-overlay {
    position: absolute;
    top: -80px;
    left: -150px;
    width: 450px;
    height: 450px;
    z-index: 10;
}

.bild-overlay img {
    width: 100%;
    height: auto;
}


.afterfoot {
    margin-top: 60px;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    padding-top: 30px;
    font-size: 0.8rem;
}

#footer .flogo img {
    width: 100%;
    height: auto;

}

#footer .fslogan {
    letter-spacing: 0px;
    font-family: var(--font3);
    font-style: italic;
    text-transform: lowercase;
    font-size: 1.6rem;
    line-height: 1.1;
}

#footer .flogo {
    width: 60px;
    display: block;
    margin-bottom: 30px;
}

#footer .maillink {
    font-weight: bold;
    color: var(--black);
}

#footer .maillink:hover {
    font-weight: bold;
    color: var(--col1);
}

#footer .links {
    font-size: 1.3em;
    font-weight: bold;
}

.footernav li {
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
    border-right: 1px solid var(--white);
    line-height: 0.8em !important;
}

.footernav ul {
    margin: 0px;
}

.footernav li:last-child {
    border-right: 0px;
}

.footernav li a {
    font-size: 0.9em;
    color: var(--black);
}

.footernav li a:hover,
.footernav li .active {
    font-size: 0.9em;
    color: var(--col1);

}

.footernav {
    text-align: center;
}

.footernav ul {
    padding: 0px;

}

.copy-right svg {
    width: 80px;
    margin-left: 10px;
}

.copy-right a {
    padding-top: 10px;
    font-size: 1em;
    text-decoration: none;
    color: var(--black);
    text-transform: lowercase;
}

.grid,
.grid-text {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.buttn,
.widget-submit {
    margin-top: 50px !important;
    display: inline-block;
}

.buttn a,
.widget-submit button {
    color: var(--black);
    text-transform: uppercase;
    font-weight: normal;
    line-height: 1.2em !important;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
    border: 0px;
    letter-spacing: 1px;
    background: transparent;
}

.buttn a:after,
.widget-submit button:after {
    content: "";
    width: 100%;
    height: 2px;
    background-color: var(--black);
    display: block;
    margin-top: 8px;
}

.buttn a:hover,
.widget-submit button:hover {
    color: var(--col1);
}

.buttn a:hover:after,
.widget-submit button:hover:after {
    background-color: var(--col1);
}

.buttn {
    margin-top: 50px;
}

/* Rocksolid Slider */
.rsts-skin-default .rsts-nav {
    right: initial;
    left: inital;
    width: 100%;
    text-align: right;
    bottom: 60px;
    z-index: 1;
    padding-right: 50px;

}

.rsts-skin-default .rsts-nav-bullets a {
    border-radius: 0px;
    width: 15px;
    height: 15px;
    background: transparent;
    transform: rotate(45deg);
    border-radius: 70px;
    margin-left: 10px;
    margin-right: 10px;

    box-shadow: none;
    position: relative !important;
    background-color: var(--white);
}

.rsts-skin-default .rsts-nav-bullets a:hover,
.rsts-skin-default .rsts-nav-bullets a.active {
    background: var(--col1);
    box-shadow: none;
    outline-color: var(--col1);
}

.rsts-nav-item {
    position: relative;
}

.rsts-nav-bullets li.rsts-nav-item:after {
    content: "";
    width: 30px;
    height: 2px;
    background: var(--col6);
    position: absolute;
    right: -15px;
    top: 2px;
}

.rsts-nav-bullets li.rsts-nav-item:nth-last-child(-n + 2)::after {
    display: none !important;
}

.contao-cookiebar h3 {
    color: var(--col1);
}

.contao-cookiebar .highlight .cc-btn {
    border-radius: 0px;
}

.contao-cookiebar .highlight .cc-btn.success {
    background-color: var(--black);
    border-color: var(--black);
}

.contao-cookiebar .highlight .cc-btn.success:hover {
    background-color: var(--col1);
    border-color: var(--col1);
}



.home-slider::after {
    content: "";
    width: 100%;
    min-height: 100vh;
    background: #000;
    background: linear-gradient(0deg, rgb(0 0 0 / .65) 0%, #fff0 100%);
    position: absolute;
    z-index: 0;
    bottom: 0;
    left: 0;
}

.mod_breadcrumb {
    max-width: var(--maxwidth);
    padding-left: 50px;
    padding-right: 50px;
    width: 100%;
    margin: 0 auto;
}

.mod_breadcrumb ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
}

.mod_breadcrumb li,
.mod_breadcrumb a {
    font-family: Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--black);
    text-decoration: none;
}

.mod_breadcrumb li:not(:last-child)::after {
    content: "-";
    margin-left: 10px;
    color: var(--black);
}

.mod_breadcrumb a:hover {
    opacity: 0.7;
}

.mod_breadcrumb .active {
    color: var(--black);
    opacity: 0.5;
}

.aboutimage {
    padding: 100px 0 0 100px;
    margin-right: -250px !important;
    z-index: 1;
    position: relative;
}

.aboutimage:after {
    content: "";
    position: absolute;
    bottom: -50px;
    right: 50px;
    width: 85px;
    height: 100px;
    background-image: url("../../files/grafiken/sk-icon.svg");
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.insta {
    margin-bottom: 60px;
    margin-top: 30px;
}

.insta img {
    width: 100%;
    height: auto;
}

.social_feed_container:not(.masonry).columns3 .social_feed_element {
    flex: 0 0 20%;
}

.gslide-description {
    display: none;
}

/* Floating Nav Portfolio */
.floating-nav {
    position: fixed;
    right: 20px;
    bottom: 24px;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.floating-nav__btn {
    display: inline-block;
    padding: 12px 20px;
    background: var(--col1);
    color: var(--white);
    text-decoration: none;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-radius: 30px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18);
    transition: transform 0.2s ease, background 0.2s ease;
}

.floating-nav__btn:hover {
    background: var(--black);
    transform: translateY(-2px);
    color: #fff;
}


/* Absolute Banner — rechts mittig, rotierendes Bild */
.absolutebanner {
    position: absolute;
    right: 10%;
    top: 0;
    transform: translateY(-50%);
    width: 200px;
    height: 200px;
    z-index: 10;
}

.absolutebanner img {
    width: 100%;
    height: 100%;
    display: block;
    -webkit-animation: rotating 12s linear infinite;
    animation: rotating 12s linear infinite;
}

/* FAQ Accordion */
.faq-accordion {
    max-width: 760px;
    margin: 0 auto;
}

.faq-accordion__item {
    border-bottom: 1px solid #d8d2cb;
    padding: 0;
}

.faq-accordion__item[open] {
    padding-bottom: 8px;
}

.faq-accordion__question {
    list-style: none;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 18px 4px;
    font-size: 18px;
    line-height: 1.35;
    font-weight: 500;
    color: #1a1a1a;
    transition: color .2s ease;
}

.faq-accordion__question::-webkit-details-marker {
    display: none;
}

.faq-accordion__question:hover {
    color: var(--col1);
}

.faq-accordion__icon {
    flex-shrink: 0;
    width: 14px;
    height: 14px;
    position: relative;
}

.faq-accordion__icon::before,
.faq-accordion__icon::after {
    content: '';
    position: absolute;
    background: currentColor;
    transition: transform .25s ease;
}

.faq-accordion__icon::before {
    left: 0;
    right: 0;
    top: 50%;
    height: 1.5px;
    margin-top: -0.75px;
}

.faq-accordion__icon::after {
    top: 0;
    bottom: 0;
    left: 50%;
    width: 1.5px;
    margin-left: -0.75px;
}

.faq-accordion__item[open] .faq-accordion__icon::after {
    transform: scaleY(0);
}

.faq-accordion__answer {
    padding: 4px 4px 16px;
    font-size: 16px;
    line-height: 1.6;
    color: #3b3b3b;
    text-align: left
}

.faq-accordion__answer p {
    margin: 0 0 12px;
}

.faq-accordion__answer p:last-child {
    margin-bottom: 0;
}

.faq-headline {
    text-align: center;
}

.widget-radio legend {
    font-weight: bold;
    margin-bottom:20px;
}

.relative {
    position: relative;
}

/* Color Change */
@keyframes colorchange {
    0% {
        background-color: var(--col2);
    }

    25% {
        background-color: var(--col3);
    }

    50% {
        background-color: var(--col4);
    }

    75% {
        background-color: var(--col6);
    }

    100% {
        background-color: var(--col2);
    }
}

/* Color Change Button */
@keyframes colorchangebutton {
    0% {
        background-color: var(--col4);
    }

    25% {
        background-color: var(--col3);
    }

    50% {
        background-color: var(--col2);
    }

    75% {
        background-color: var(--col6);
    }

    100% {
        background-color: var(--col4);
    }
}

@keyframes rotating {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* Form Select — transparenter Hintergrund */
.widget-select select{background-color:transparent;background-image:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:24px;background-image:linear-gradient(45deg,transparent 50%,var(--col1) 50%),linear-gradient(135deg,var(--col1) 50%,transparent 50%);background-position:calc(100% - 14px) 50%,calc(100% - 8px) 50%;background-size:6px 6px,6px 6px;background-repeat:no-repeat;}

/* Custom Radio Buttons */
.widget-radio .radio_container span{display:inline-flex;align-items:center;gap:10px;cursor:pointer;letter-spacing:2px;text-transform:uppercase;font-size:0.95em;}
.widget-radio input[type='radio']{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:18px;height:18px;min-width:18px;border:2px solid var(--col1);border-radius:50%;background:transparent;margin:0;padding:0;position:relative;cursor:pointer;outline:none;box-shadow:none;border-bottom:2px solid var(--col1);}
.widget-radio input[type='radio']::after{content:;position:absolute;top:50%;left:50%;width:8px;height:8px;border-radius:50%;background:var(--col1);transform:translate(-50%,-50%) scale(0);transition:transform .15s ease;}
.widget-radio input[type='radio']:checked{background:var(--col1);}
.widget-radio input[type='radio']:checked::after{transform:translate(-50%,-50%) scale(1);background:var(--white);}
.widget-radio input[type='radio']:focus-visible{outline:2px solid var(--col1);outline-offset:2px;}
.widget-radio label{cursor:pointer;}

/* Fieldset Wedding-Only */
.wedding-only{border:1px solid var(--col1);padding:20px 24px;margin:10px 0 20px;border-radius:0;}
.wedding-only legend{padding:0 10px;color:var(--col1);font-weight:bold;letter-spacing:2px;text-transform:uppercase;font-size:0.95em;}

/* GLightbox Buttons Hover — col1 background, icons stay white for contrast */
.glightbox-clean .gclose:hover,
.glightbox-clean .gnext:hover,
.glightbox-clean .gprev:hover{background-color:var(--col1) !important;}
.glightbox-clean .gclose:hover svg,
.glightbox-clean .gnext:hover svg,
.glightbox-clean .gprev:hover svg{stroke:#fff;fill:#fff;}
.glightbox-clean .gclose:hover svg path,
.glightbox-clean .gnext:hover svg path,
.glightbox-clean .gprev:hover svg path{stroke:#fff;fill:#fff;}

.checkbox_container {
    outline:none;
    border:0px;
    padding:0px;
    margin:0px;
    text-align: left;
}

.checkbox_container a {
    text-decoration: underline;
}
.checkbox_container .checkbox {
    margin-left:0!important;
    width:auto;
}

.textarea {
    font-family: var(--font1);
}

.content-text ul {
    padding:0px;
    margin:0px;
}

.content-text ul li {
    border-bottom:1px solid var(--col1);
    list-style: none;
    line-height:1.1;
    padding-top:10px;
    padding-bottom:10px;
    color:var(--black);
}
section {
  padding:0px;
}

.services-scroll {
  position: relative!important;
}

.services-scroll .space-holder {
  position: relative;
  width: 100%;
}

.services-scroll .sticky {
  position: sticky!important;
  top:0px;
  height: 100vh;
  overflow: hidden;
}

.services-scroll .horizontal {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  will-change: transform;
}

.services-scroll .cards {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  height: 100vh;
  width: max-content;
}

.services-scroll .-huge,
.services-scroll .headline-md {
  display: block;
  font-size: clamp(1.6rem, 7vw, 6rem);
  line-height:1;
  margin-bottom:0px;
  color: var(--black);
}
.services-scroll .-huge em,
.services-scroll .headline-md em {
  color: var(--col1);
}

.services-scroll .sample-card {
  position: relative;
  flex: 0 0 100vw;
  width: 100vw;
  height: calc(100vh);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(30px, 5vw, 80px);
  margin:0px;
  transition: background-color 0.5s ease;
}

.services-scroll .sample-card:hover {
  background-color:var(--grey);
}

.services-scroll .sample-card.intro-card {
  display: flex;
  flex-direction: column;
  background-color: var(--grey);
  justify-content: flex-end;
  position: relative;
  overflow: hidden;
}

.services-scroll .sample-card.intro-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("/files/bilder/Bilder_neueWebsite/Styled%20Shooting%20I%20Dolomiten/SarahKarnerPhotography_Dolomites-1764.jpg") center/cover no-repeat;
  filter: grayscale(1);
  opacity: 0.1;
  z-index: 0;
  pointer-events: none;
}

.services-scroll .sample-card.intro-card h2.text-muted {
  font-family: var(--font1);
  font-size:1.8em;
  line-height:1.2;
}

.services-scroll .sample-card.intro-card > * {
  position: relative;
  z-index: 1;
  font-family: var(--font2);
}

.services-scroll .text-card:has(.scroll-text-2) {
  position: relative;
  overflow: hidden;
}

.services-scroll .text-card:has(.scroll-text-2)::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("/files/bilder/Bilder_neueWebsite/Styled%20Shooting%20I%20Dolomiten/SarahKarnerPhotography_Dolomites-0245.jpg") center/cover no-repeat;
  filter: grayscale(1);
  opacity: 0.1;
  z-index: 0;
  pointer-events: none;
}

.services-scroll .text-card:has(.scroll-text-2) > * {
  position: relative;
  z-index: 1;
}

.services-scroll .sample-card.intro-card .arrow-right {
  content:"";
  width:70px;
  height:70px;
  border-radius: 35px;
  background-color: var(--col1);
  position: absolute;
  right:100px;
  bottom:100px;
  cursor: pointer;
  transition: transform .2s ease;
}

.services-scroll .sample-card.intro-card .arrow-right:hover {
  transform: translateX(4px);
}

.services-scroll .sample-card.intro-card .arrow-right:after {
  content:"→";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -55%);
  color: var(--white);
  font-family: Arial, sans-serif;
  font-size: 32px;
  font-weight: 300;
  line-height: 1;
  z-index:1;
}

.services-scroll .nopadd {
  padding: 0;
}

.services-scroll .intro-card {

  align-items: flex-start;
  justify-content: flex-start;
  padding:8vw clamp(30px, 5vw, 80px);
  border-right:1px solid var(--black);
}

.services-scroll .intro-card h2 {
  display: block;
  margin: 0;
  margin-bottom:50px;
  line-height: 1.1;
  font-family: var(--font1);
}

.services-scroll .outl {
  -webkit-text-stroke: 1px currentColor;
  color: transparent;
}

.services-scroll .text-card {
  border-right:1px solid var(--black);
}

.services-scroll .scroll-text {
  width: 100%;
  max-width: 720px;
}

.services-scroll .scroll-text .step {
  display: inline-flex;
  width: 56px;
  height: 56px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--col1);
  color: var(--white);
  font-size: 0.95rem;

  margin-bottom: 1.5rem;
}

.services-scroll .scroll-text h2 {
  margin: 0 0 1rem 0;
  font-size: clamp(2rem, 4vw, 3.6rem);
  line-height: 1.05;
  letter-spacing: -1px;
}

.services-scroll .scroll-text p {
  margin: 0;
  font-size: clamp(1rem, 1.2vw, 1.2rem);
  line-height: 1.4;
  color: var(--black);
}

.services-scroll .scroll-text p + p {
  margin-top: 1rem;
}

.services-scroll .cta-inline a {

  margin-top: 0.5rem;
  text-decoration: none;
  border-bottom: 1px solid currentColor;
  padding-bottom: 2px;
  transition: opacity 0.25s ease;
  color:var(--black);
}

.services-scroll .cta-inline a:hover {
  opacity: 0.7;
}

.services-scroll .image-card {
  background: #eae4dc;
}

.services-scroll .o-image_wrapper {
  width: min(42vw, 560px);
  height: min(72vh, 820px);
  overflow: hidden;
  border-radius: 28px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.12);
}

.services-scroll .o-image {
  width: 100%;
  height: 100%;
}

.services-scroll .o-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.services-scroll .o-image2,
.services-scroll .o-image4,
.services-scroll .o-image6,
.services-scroll .o-image8 {
  transform: rotate(-2deg);
}

.services-scroll .o-image3,
.services-scroll .o-image5,
.services-scroll .o-image7 {
  transform: rotate(2deg);
}

.services-scroll .divider-card {
  background: var(--col1);
  color: #fff;
}

.services-scroll .vert-text {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.services-scroll .vert-text__inner {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  transform: rotate(-90deg);
}

.services-scroll .vert-text__word {
  font-size: clamp(2.5rem, 6vw, 5rem);
  font-weight: 700;
  text-transform: uppercase;
  white-space: nowrap;
}

.services-scroll .vert-text__x {
  -webkit-text-stroke: 1px #fff;
  color: transparent;
}

.services-scroll .final-card {
  background: var(--grey);
}

#container,
#main,
#full,
#full > .inside,
#main .inside,
#main > .inside,
#wrapper,
body,
html,
.mod_article,
.content-section,
.services-scroll,
.services-scroll .space-holder {
  overflow: visible !important;
  transform: none !important;
  filter: none !important;
  perspective: none !important;
  contain: unset !important;
}

@media (max-width: 900px) {
  .services-scroll .sticky {
    top: 80px;
    height: calc(100vh - 80px);
  }

  .services-scroll .cards {
    height: calc(100vh - 80px);
  }

  .services-scroll .sample-card {
    height: calc(100vh - 80px);
  }
}

@media (max-width: 767px) {
  .services-scroll .sample-card {
    padding: 35px;
  }
  
  .services-scroll .sample-card.intro-card {
    padding: 0px;
    padding-right:40px;
    padding-left:35px;
    padding-top:40px;
    padding-bottom:150px;
    justify-content: flex-end;
  }

  .services-scroll .scroll-text {
    max-width: 100%;
  }

  .services-scroll .scroll-text h2 {
    font-size: clamp(1.8rem, 7vw, 2.4rem);
  }
  .services-scroll .scroll-text p {
    font-size: 1rem;
    line-height: 1.4;
  }

  .services-scroll .scroll-text .step {
    width: 35px;
    height: 35px;
    margin-bottom: 1rem;
  }

  .services-scroll .o-image_wrapper {
    width: 78vw;
    height: 62vh;
    border-radius: 20px;
  }

  .services-scroll .vert-text__word {
    font-size: clamp(2rem, 9vw, 3rem);
  }
  
  .services-scroll .-huge {
    font-size: clamp(2rem, 8vw, 7rem);
    line-height:1;
  }
  
  .services-scroll .intro-card h2 {
    font-size:1rem;
  }
  
  .services-scroll .sample-card.intro-card .arrow-right {
    width:50px;
    height:50px;
    border-radius: 25px;
  }

  .services-scroll .sample-card.intro-card .arrow-right::after {
    font-size: 22px;
  }
  
  .services-scroll .sample-card.intro-card .arrow-right {
    right:40px;
    bottom:40px;
  
  }
}
/* Masonry Gallery */

.bilder-gap {
  width: 2% !important;
}

.masonry {
  width: 100% !important;
}

.masonry .image_container img {
  width: 100%;
  height: auto;
  display: block;
}

.ce_masonry_gallery {
  margin: 0 !important;
}

.masonry_gallery {
  width: 32% !important;
  margin-bottom: 2% !important;
  box-sizing: border-box;
}

.gall {
  margin-top: 100px !important;
  margin-bottom: 100px !important;
}

.layout_latest .image_container {
  margin:0px!important;
}

.gall-bottom {
  position: absolute;
  bottom:0px;
  left:0px;
  width:100%;
  padding:40px;
}

.gall-bottom h2,
.gall-bottom p {
  margin: 0px;
  text-align: left;
  color: var(--white);
}

.gall-bottom h2 {
  font-size:2rem;
  transition: .5s ease;
}

.gall-bottom p {
  text-transform: uppercase;
  transition: .5s ease;
}

.gall-full {
  position: relative;
  margin:0px!important;
}

.gall-full .image_container a:after {
	content: "";
	width: 100%;
	min-height: 70%;
	background: #000;
	background: linear-gradient(0deg,rgb(0 0 0 / .65) 0%,#fff0 100%);
	position: absolute;
	z-index: 0;
	bottom: 0;
	left: 0;
}

/* News Masonry */

#news_masonry,
.masonry .mod_newslist {
  width: 100%;
  margin: 0 auto;
}

#news_masonry .layout_latest,
.masonry .mod_newslist.masonry_item .layout_latest {
  width: 33.333%;
  padding: 0 85px 100px;
  box-sizing: border-box;
  float: none;
}

#news_masonry .layout_latest a:hover img {
  filter:grayscale(100%);

}

#news_masonry .gall-full:hover h2,
#news_masonry .gall-full:hover p {
  color:var(--col1);
}

#news_masonry .layout_latest img,
.masonry .mod_newslist.masonry_item .layout_latest img {
  width: 100%;
  height: auto;
  display: block;
}

@media (max-width: 1850px) {
  #news_masonry .layout_latest,
  .masonry .mod_newslist.masonry_item .layout_latest {
    width: 50%;
      padding: 0 100px 120px;
  }
}

@media (max-width: 1080px) {
  #news_masonry .layout_latest,
  .masonry .mod_newslist.masonry_item .layout_latest {
    width: 50%;
      padding: 0 50px 50px;
  }
}

@media (max-width: 767px) {
  #news_masonry .layout_latest,
  .masonry .mod_newslist.masonry_item .layout_latest {
    width: 100%;
      padding: 0 50px 50px;
  }
}

:root{--col1: #BA0207}.icon-1,.icon-2,.icon-3{position:absolute;left:25%;top:50%;width:32px;height:3px;background-color:black;transition:all 400ms cubic-bezier(0.84, 0.06, 0.52, 1.8)}.icon-1{transform:translateY(-8px);animation-delay:100ms}.icon-3{transform:translateY(8px);animation-delay:250ms}.hamburger-icon{position:fixed;height:60px;width:60px;pointer-events:auto;top:20px;right:20px;z-index:1000;cursor:pointer;border-radius:50%;transition:all 0.2s ease-in-out}.hamburger-icon:hover{transform:scale(1)}.icon-1.a{transform:rotate(40deg)}.icon-3.b{transform:rotate(-40deg)}.icon-2.c{opacity:0}.clear{clear:both}@keyframes slideIn{0%{width:0%;opacity:0}100%{width:50%;opacity:1}}nav#nav{background:var(--col1);position:fixed;top:0;left:-100%;height:100%;width:0%;z-index:51;opacity:0;transition:all 600ms cubic-bezier(0.62, 0.04, 0.3, 1.56);transition-delay:100ms}nav#nav ul{margin:0;position:absolute;top:30%;left:0%;text-align:center;padding:0px;width:100%}nav#nav ul li{list-style:none;font-size:20px;color:#FFF;line-height:1.2;letter-spacing:1.7px;font-size:4em;text-transform:lowercase;font-family:var(--font3) !important;font-style:italic}nav#nav a{transition:0.4s ease}nav#nav.show{width:100%;left:0%;opacity:1}nav#nav ul{z-index:1}nav#nav ul li a:hover,nav#nav ul li .active{color:var(--black)}.dark-blue{position:fixed;top:0;right:0;background:#383733;height:100%;width:0%;transition:all 500ms cubic-bezier(0.62, 0.04, 0.3, 1.8);transition-delay:50ms;z-index:50;opacity:1}.dark-blue.slide{width:50%;opacity:1}@keyframes shotup{0%{transform:translateY(300%);opacity:0}90%{transform:translateY(-50px)}100%{transform:translateY(0%);opacity:1}}.bottom-claim{position:absolute;color:var(--white);text-transform:uppercase;bottom:50px;width:100%;text-align:center;letter-spacing:0.05rem}.navone{position:absolute;width:280px;top:50px;left:20%;z-index:0}.navtwo{position:absolute;width:300px;bottom:50px;left:10%;z-index:0}.navthree{position:absolute;width:240px;top:-10px;right:15%;z-index:0}.navfour{position:absolute;width:280px;bottom:50px;right:5%;z-index:0}
/* @media (min-width: 992px) and (max-width: 1449px)  */

@media (min-width: 1090px) and (max-width: 1449px) {

    :root {

        --maxwidth: 100%;
    }

    body {
        font-size: 1em;
        line-height: 1.6;
    }

    h1 {
        font-size: 2.5rem;
    }

    .curscolor {
        font-size: 1.3rem;
    }

    .before-header {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    #aboutme:not(.container) .aboutme > div > .grey-bg {
        padding-left:100px;
    }

    .before-header .logo {
        width: 100px;
    }

    .navigation li a::after,
    .navigation li .active::after {
        height: 12px !important;
    }

    .start #main::before,
    .start #main::after,
    #footer::before,
    #footer::after {
        width: 230px;
        height: 330px;
    }

    .start #main::before,
    #footer::before {
        left: 0px;
    }

    .start #main::after,
    #footer::after {
        right: 0px;
    }

    .footernav li {
        padding-left: 25px;
        padding-right: 25px;
    }

    .vielfalt-over {
        left: 50px;
    }

    #footer .flogo {
        width: 60px;
    }

    .copy-right svg {
        width: 60px;
    }

    #footer .container {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .margin {
        margin-top: 50px;
        margin-bottom: 100px;
    }

    .margin-top {
        margin-top: 90px;
    }

    .margin-bot {
        margin-bottom: 90px;
    }

    .afterfoot {
        margin-top: 40px;
    }

    .buttons .content-text img {
        width: 50px;
        height: auto;
    }

    #main .inside {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .bild-overlay {
        width: 350px;
        height: 350px;
        left: -105px;
        top: -50px;
    }

    .infobefore {
        padding-left: 180px;
    }

    .pad-top {
        padding-top: 50px;
    }

    .pad-bot {
        padding-bottom: 50px;
    }

    .footernav li {
        border: 0px;
    }

    .mod_breadcrumb li,
    .mod_breadcrumb li a {
        font-size: 0.8rem;
    }

    .header-text em,
    .header-text strong {
        font-size: 4rem;
    }

    .hamburger-icon {
        top: 10px;
    }

    #last h2 {
        font-size: 4rem;
    }

    .navone {
        width: 250px;
    }

    .navtwo {
        width: 250px;
        bottom: 80px;
    }

    .navthree {
        width: 250px;
    }

    .navfour {
        width: 250px;
        bottom: 80px;
    }

    .einleitung, .container {
        padding-left:40px;
        padding-right:40px;
    }

}


/* @media (min-width: 768px) and (max-width: 991px)  */

@media (min-width: 768px) and (max-width: 1089px) {

    :root {

        --maxwidth: 100%;
    }

    body {
        font-size: 0.9em;
        line-height: 1.5;
    }

    .curscolor {
        font-size: 1.3rem;
    }

    .home-slider {
        height: 650px !important;
    }

    h1 {
        font-size: 1.6em;
    }

    h2 {
        font-size: 1.4em;
    }

    h3 {
        font-size: 1em;
    }

    .before-header {
        padding-top: 15px;
        padding-bottom: 15px;
        grid-template-columns: 1fr 4fr;
    }

    .before-header .logo {
        width: 80px;
    }

    .navigation ul,
    .navigation li {
        margin-left: 10px;
    }

    .navigation li a::after,
    .navigation li .active::after {
        height: 12px !important;
    }

    .start #main::before,
    .start #main::after,
    #footer::before,
    #footer::after {
        width: 130px;
        height: 230px;
    }

    .start #main::before,
    #footer::before {
        left: 0px;
    }

    .start #main::after,
    #footer::after {
        right: 0px;
    }

    .footernav li {
        padding-left: 25px;
        padding-right: 25px;
    }

    .vielfalt-over {
        left: 0px;
    }

    #footer .flogo {
        width: 40px;
    }

    .copy-right svg {
        width: 60px;
    }

    #footer .container {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .margin {
        margin-top: 80px;
        margin-bottom: 80px;
    }

    .margin-top {
        margin-top: 80px;
    }

    .margin-bot {
        margin-bottom: 80px;
    }

    .afterfoot {
        margin-top: 20px;
    }

    .buttons .content-text img {
        width: 50px;
        height: auto;
    }

    .footernav li {
        border: 0px;
    }

    #main .inside {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .bild-overlay {

        display: none;
    }

    .infobefore {
        padding-left: 0px;
    }

    .date {
        right: 0px;
    }

    .gemeinsam::before {
        width: 150px;
        height: 150px;
        left: -50px;
        top: 150px;
    }

    .redover {
        font-size: 3em;
        bottom: 0;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .bluehg {
        margin-left: 0;
        padding-left: 50px;
        padding-right: 50px;
    }

    .gall {
        margin-top: 60px !important;
        margin-bottom: 60px !important;
    }

    .buttons {
        grid-template-columns: 1fr 1fr;
    }

    .masonry_gallery {
        width: 48% !important;
        box-sizing: border-box;
    }

    .pad-top {
        padding-top: 50px;
    }

    .pad-bot {
        padding-bottom: 50px;
    }

    .footernav li {
        border: 0px;
    }

    .mod_breadcrumb li,
    .mod_breadcrumb li a {
        font-size: 0.8rem;
    }

    .header-text em,
    .header-text strong {
        font-size: 4rem;
    }

    .hamburger-icon {
        top: 10px;
    }

    #last h2 {
        font-size: 4rem;
    }

    #footer {
        font-size: 0.9rem;
    }

    .navone {
        width: 200px;
    }

    .navtwo {
        width: 200px;
        bottom: 80px;
    }

    .navthree {
        width: 200px;
    }

    .navfour {
        width: 200px;
        bottom: 80px;
    }

    .einleitung, .container {
        padding-left:40px;
        padding-right:40px;
    }
    
    .absolutebanner {
        width:140px;
        height:140px;
    }
    
    #last h2 {
        font-size:3rem;
    }
    
    .aboutimage {
        padding-left:40px;
        margin-right:initial!important;
    }
    
    .grey-bg {
        padding-left:10px;
    }
    
    .aboutme .grey-bg {
        padding-left:60px;
        padding-right:40px;
    }
    
    .services-scroll .-huge, .services-scroll .headline-md {
        font-size:3rem;
    }
    
    .services-scroll .sample-card.intro-card h2.text-muted {
        font-size:1.2rem;
    }

}



/* @media (max-width: 767px)  */

@media (max-width: 767px) {

    :root {

        --maxwidth: 90%;
    }

    body {
        font-size: 0.9em;
        line-height: 1.4;
    }

    .home-slider {
        height: 550px !important;
    }

    .date {
        right: 0px;
    }

    h1 {
        font-size: 2.2em;
        line-height: 1.2;
    }

    h2 {
        font-size: 1.8em;
        line-height: 1.2;
    }

    h3 {
        font-size: 2em;
    }

    .before-header {
        padding-top: 15px;
        padding-bottom: 15px;
        grid-template-columns: 1fr 4fr;
    }

    .before-header .logo {
        width: 120px;
    }

    .gall {
        margin-top: 60px !important;
        margin-bottom: 60px !important;
    }

    .buttons {
        grid-template-columns: 1fr;
    }

    .bild-overlay {

        display: none;
    }

    .start #main::before,
    .start #main::after,
    #footer::before,
    #footer::after {
        width: 130px;
        height: 230px;
    }

    .start #main::before,
    #footer::before {
        left: 0px;
    }

    .start #main::after,
    #footer::after {
        right: 0px;
    }

    .foot-left,
    .afterfoot {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .right {
        text-align: center;
    }

    #footer .flogo {
        width: 40px;
        text-align: center;
        margin-right: auto;
        margin-left: auto;
    }

    .copy-right svg {
        width: 60px;
    }

    #footer .container {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .margin {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .margin-top {
        margin-top: 50px;
    }

    .margin-bot {
        margin-bottom: 50px;
    }

    .afterfoot {
        margin-top: 20px;
    }

    .footernav li {
        padding-left: 15px;
        padding-right: 15px;
    }

    .infobefore {
        padding-left: 0px;
    }

    .gemeinsam::before {
        width: 150px;
        height: 150px;
        left: -50px;
        top: 150px;
    }

    .redover {
        font-size: 3em;
        bottom: -50px;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .bluehg {
        margin-left: 0;
        padding-left: 30px;
        padding-right: 30px;
    }

    .radio_container {
        grid-template-columns: 1fr;
    }

    .buttons .content-text img {
        width: 50px;
        height: auto;
    }

    .vielfalt-over {
        left: initial;
        right: 0px;
        top: 0;
        bottom: initial;
        display: none;
    }

    .spruch p {
        display: block;
        margin-bottom: 5px;
    }

    .masonry_gallery {
        width: 48% !important;
        box-sizing: border-box;
    }

    .radio_container label {
        font-size: 0.8em !important;
    }

    .before-header .navigation {
        display: none;
    }

    #nav .navigation {
        display: block !important;
    }

    .hamburger-icon,
    .dark-blue,
    nav#nav {
        display: block;
    }

    #nav .navigation-mob a {
        color: var(--white);
    }

    #nav .navigation-mob a:hover,
    #nav .navigation-mob .active {
        color: var(--black);
    }

    nav#nav ul {
        padding-left: 0px;
    }

    .vielfalt-over p {
        margin: 0px;
    }

    .pad-top {
        padding-top: 30px;
    }

    .pad-bot {
        padding-bottom: 30px;
    }

    .footernav li {
        border: 0px;
    }

    #wrapper {
        padding-left: 0px;
        padding-right: 0px;
    }

    .swiper-slide .content-text {
        width: 80%;
    }

    #main .inside {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    #aboutme .rs-columns {
        display: flex !important;
        flex-direction: column !important;
    }

    #aboutme .rs-columns .rs-column:nth-child(1) {
        order: 2 !important;
        margin-top: 50px;
    }

    #aboutme .rs-columns .rs-column:nth-child(2) {
        order: 1 !important;
    }

    .mod_breadcrumb li,
    .mod_breadcrumb li a {
        font-size: 0.8rem;
    }

    .header-text em,
    .header-text strong {
        font-size: 2.6rem;
        line-height: 1.1;
    }

    .hamburger-icon {
        top: 10px;
    }

    #last h2 {
        font-size: 2.6rem;
        line-height: 1.1;
        padding-left: 30px;
        padding-right: 30px;
    }

    .grey-bg,
    .aboutimage {
        padding: 50px;
        margin: 0px !important;
    }

    .rs-column.-medium-col-5-3,
    .rs-column.-medium-col-5-2 {
        width: 100%;
    }

    #last {
        padding: 0px;
    }

    .home-slider::after {
        min-height: 50vh;
    }

    .gall-full .image_container a:after {
        min-height: 300px;
    }

    .einleitung {
        padding: 50px 50px 0 50px;
    }

    .before-header {
        padding-left: 20px;
        padding-right: 20px;
    }

    .header-text {
        padding-bottom: 80px;
        padding-left: 30px;
        padding-right: 30px
    }

    .rsts-skin-default .rsts-nav {
        bottom: 20px;
        padding-right: 0px;
        text-align: center;
        left: 0px;
    }

    #footer {
        font-size: 0.9rem;
    }

    .afterfoot {
        font-size: 0.8rem;
    }

    .navone {
        width: 150px;
    }

    .navtwo {
        width: 150px;
        bottom: 80px;
    }

    .navthree {
        width: 150px;
    }

    .navfour {
        width: 150px;
        bottom: 80px;
    }


    #container {
        margin-top: 50px;
    }

    /* Absolute Banner — rechts mittig, rotierendes Bild */
    .absolutebanner {
        width: 100px;
        height: 100px;
        z-index: 10;
        top:-20px;
    }

    .floating-nav {
        right: 12px;
        bottom: 12px;
    }

    .floating-nav__btn {
        padding: 10px 14px;
        font-size: 12px;
    }
    
    .faq-accordion {
        padding:50px;
    }
    
    .faq-accordion__answer {
        text-align: center;
    }
    
    .grey-bg, .aboutimage {
        padding:30px;
    }
    
    .ex .absolutebanner {
        top:60px;
    }
    
    .widget-radio span {
        padding-top:5px;
    }
    
    select {
        color:var(--black);
    }
    
    nav#nav ul li {
        font-size: 3em;
    }
    
    .rs-column.-medium-col-2-1 {
        width:100%!important;
    }
    
    #aboutme .absolutebanner {
        display:none;
    }
    
    .start .absolutebanner {
        top:30px;
    }
}


/* ============================================================
 * Bold Love Intro — editorial collage section (BEM)
 *
 * Source: src/Controller/ContentElement/BoldLoveIntroController.php
 * Markup: contao/templates/content_element/bold_love_intro.html.twig
 *
 * BEM structure:
 *   .ce-bold-love-intro          — wrapper / grid container
 *     .bli__img                  — generic image cell
 *       --neon, --portrait, --window, --shoes
 *     .bli__intro                — multiline intro text
 *     .bli__cta                  — bottom-right CTA link
 * ============================================================ */

.ce-bold-love-intro {
  position: relative;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(12, 1fr);
  gap: 5rem;
  width: 100%;
  min-height: 100vh;
  padding: 4vw 5vw;
  background: var(--white, #fff);
  box-sizing: border-box;
  color: var(--black, #111);
}

/* ---------- Images ---------- */

.bli__img {
  margin: 0;
  position: relative;
  overflow: hidden;
}

.bli__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Image 1 — Neon, top left, vertical (~3 cols, full upper half) */
.bli__img--neon {
  grid-column: 2 / span 3;
  grid-row: 1 / span 7;
  aspect-ratio: 3 / 4;
}

/* Image 2 — Portrait, sits below neon, slightly overlapping right */
.bli__img--portrait {
  grid-column: 3 / span 3;
  grid-row: 6 / span 6;
  aspect-ratio: 3 / 4;
  z-index: 2;
}

/* Image 3 — Window, center column, vertical */
.bli__img--window {
  grid-column: 6 / span 3;
  grid-row: 4 / span 7;
  aspect-ratio: 3 / 4;
}

/* Image 4 — Shoes, right column, large vertical */
.bli__img--shoes {
  grid-column: 9 / span 3;
  grid-row: 3 / span 9;
  aspect-ratio: 3 / 4;
}

/* ---------- Intro text ---------- */

.bli__intro {
  grid-column: 5 / span 4;
  grid-row: 1 / span 3;
  align-self: start;
  padding: 2rem 1.5rem;
  /* font-family/size/weight/line-height/letter-spacing inherited from body
     so paragraphs render identically to .einleitung text. */
}

.bli__intro p {
  margin: 0 0 1em;
}

.bli__intro p:last-child {
  margin-bottom: 0;
}

.bli__intro strong {
  font-weight: 700;
}

/* ---------- Rotating circle ---------- */

/* ---------- CTA ---------- */

/* CTA — only positioning here; visuals come from the global .buttn rules */
.bli__cta-wrap {
  position: absolute;
  right: 5vw;
  bottom: 4vw;
  margin-top: 0 !important;
}

/* ---------- Animation ---------- */

/* ---------- Tablet (≤1024px) ---------- */

@media (max-width: 1024px) {
  .ce-bold-love-intro {
    grid-template-rows: auto;
    min-height: auto;
    padding: 6vw 5vw;
    gap: 1rem;
  }

  .bli__img--neon,
  .bli__img--portrait,
  .bli__img--window,
  .bli__img--shoes {
    grid-row: auto;
  }

  .bli__img--neon    { grid-column: 1 / span 6; }
  .bli__intro        { grid-column: 7 / span 6; grid-row: auto; padding-top: 0; }
  .bli__img--portrait{ grid-column: 1 / span 6; }
  .bli__img--window  { grid-column: 7 / span 6; }
  .bli__img--shoes   { grid-column: 1 / span 12; }
}

/* ---------- Mobile (≤768px) ---------- */

@media (max-width: 768px) {
  .ce-bold-love-intro {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding: 8vw 5vw 12vw;
    overflow: visible;
  }

  .bli__intro {
    order: -1;
    font-size: 1rem;
  }

  .bli__img,
  .bli__img--neon,
  .bli__img--portrait,
  .bli__img--window,
  .bli__img--shoes {
    width: 100%;
    aspect-ratio: 3 / 4;
  }

  .bli__cta-wrap {
    position: relative;
    right: auto;
    bottom: auto;
    align-self: flex-start;
    margin-top: 0.5rem !important;
  }
}