.cc-head>*:first-child{margin-top:0}.cc-head>*:last-child{margin-bottom:15px}.contao-cookiebar{--ccb-backdrop: rgba(0, 0, 0, .75);--ccb-anim-duration: .5s;--ccb-checked-clr: #399d32;--ccb-checked-bg: #dcf3db;--ccb-unchecked-clr: #9c9b99;--ccb-unchecked-bg: #fff;--ccb-disabled-clr: #c8c7c5;--ccb-disabled-bg: #f4f4f4;--ccb-focus-clr: #00a4f4;position:fixed;inset:0;z-index:9999;display:flex;align-items:var(--ccb-align, center);justify-content:var(--ccb-justify, center);letter-spacing:0;padding:15px;max-height:100dvh;box-sizing:border-box;pointer-events:none;overflow:hidden;color:var(--ccb-clr, #444)}.contao-cookiebar *{box-sizing:border-box}.contao-cookiebar p{color:var(--ccb-text, #868686);line-height:1.4}.contao-cookiebar label{position:relative;display:block;padding:8px 13px 8px 0;line-height:1.2rem}.contao-cookiebar label.group{font-weight:600}.contao-cookiebar input{position:absolute;width:1px;height:1px;outline:0 none;opacity:0}.contao-cookiebar input+label{padding:8px 13px 8px 45px;cursor:pointer}.contao-cookiebar input+label:before,.contao-cookiebar input+label:after{content:"";position:absolute;border-radius:10px}.contao-cookiebar input+label:before{top:7px;left:0;width:35px;height:18px;margin:0;box-sizing:content-box;background:var(--ccb-unchecked-bg);border:1px solid var(--ccb-unchecked-clr);transition:border-color .2s}.contao-cookiebar input+label:after{display:block;top:11px;left:4px;width:12px;height:12px;background:var(--ccb-unchecked-clr);transition:background .2s,margin-left .2s,padding .2s}.contao-cookiebar input+label:active:after{padding-left:5px}.contao-cookiebar input.cc-group-half+label:after{background:linear-gradient(to right, var(--ccb-unchecked-clr) 0%, var(--ccb-unchecked-clr) 50%, var(--ccb-checked-clr) 50%, var(--ccb-checked-clr) 100%)}.contao-cookiebar input:checked+label:after{background:var(--ccb-checked-clr);margin-left:17px}.contao-cookiebar input:checked+label:active:after{margin-left:12px}.contao-cookiebar input:checked+label:before{background:var(--ccb-checked-bg);border-color:var(--ccb-checked-clr)}.contao-cookiebar input:disabled+label{pointer-events:none}.contao-cookiebar input:disabled+label:after{background:var(--ccb-disabled-clr)}.contao-cookiebar input:disabled+label:before{background:var(--ccb-disabled-bg);border-color:var(--ccb-disabled-clr)}.contao-cookiebar input:focus-visible:not(.cc-hide-focus)+label:before{outline:3px dashed var(--ccb-focus-clr);outline-offset:2px}.contao-cookiebar .cc-btn{display:inline-block;cursor:pointer;width:100%;padding:8px 14px;margin-bottom:8px;font-size:15px;outline:0 none;border:1px solid var(--ccb-btn-bdr, #cfcfcf);border-radius:4px;color:var(--ccb-btn-clr, #444);background:var(--ccb-btn-bg, #f5f5f5)}.contao-cookiebar .cc-btn:hover,.contao-cookiebar .cc-btn:focus{background:var(--ccb-btn-bg-hvr, #ececec)}.contao-cookiebar .cc-btn:last-child{margin-bottom:0}.contao-cookiebar .grayscale{--ccb-btn-bg: #f1efef;--ccb-btn-bg-hvr: #ececec}.contao-cookiebar .grayscale .success{--ccb-btn-bg: #fbfbfb;--ccb-btn-bg-hvr: #f7f7f7}.contao-cookiebar .highlight .success{--ccb-btn-bg: #4e9e3e;--ccb-btn-bg-hvr: #4c933f;--ccb-btn-bdr: #3e7830;--ccb-btn-clr: #fff}.cc-focus:not(.cc-hide-focus):focus-visible{outline:3px dashed var(--ccb-focus-clr);outline-offset:-3px}.cc-invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;float:left}.cc-inner{display:inline-block;overflow-y:auto;max-height:100%;max-width:100%;padding:23px;border-radius:3px;opacity:0;pointer-events:none;visibility:hidden;font-size:1rem;text-align:left;background:var(--ccb-bg, #fff);box-shadow:var(--ccb-box-shadow, rgba(99, 99, 99, 0.2)) 0 2px 8px 0;animation:var(--ccb-anim, cookiebar-middle-in) var(--ccb-anim-duration) ease-in-out forwards}.cc-group{position:relative;border:1px solid var(--ccb-bdr, #d0d0d0);border-radius:5px;margin-bottom:10px}.cc-cookie-info{font-size:.875rem;background:var(--ccb-info-bg, #fff);border:1px solid var(--ccb-info-bdr, #efefef);padding:10px;border-radius:5px}.cc-cookie-info>div>span{font-weight:600}.cc-cookie-info>div+div{margin-top:5px;word-wrap:break-word}.cc-cookie-info+button.cc-detail-btn-details{margin-top:15px}.cc-cookies{background:var(--ccb-cookies-bg, #fbfbfb);border-radius:0 0 5px 5px}.cc-cookies>p{font-size:.875rem}.cc-cookies>p,.cc-cookies>.cc-cookie{margin:0;padding:15px;border-top:1px solid var(--ccb-cookies-bdr, #fbfbfb)}.cc-cookie label.cookie+*{margin-top:10px}.cc-cookie p{margin:0 0 15px;font-size:.875rem}.cc-cookie-desc p{margin-bottom:0}.cc-footer,.cc-info{text-align:center}.cc-info{margin-top:15px}.cc-info>p{font-size:.875rem}.cc-info>a{display:inline-block;font-size:.813rem;color:var(--ccb-detail-clr, #a2a2a2);text-decoration:none}.cc-info>a:hover{color:var(--ccb-detail-clr-hvr, #717171)}.cc-info>a+a:before{display:inline-block;content:"·";margin-right:5px}.cc-active .cc-inner{opacity:1;pointer-events:auto;visibility:visible}.cc-active.cc-blocked{pointer-events:auto;animation:cookiebar-overlay-in var(--ccb-anim-duration) ease-in-out forwards}.cc-saved.cc-inner{opacity:0;pointer-events:none;visibility:hidden}.cc-saved.cc-blocked{pointer-events:none;animation:cookiebar-overlay-out var(--ccb-anim-duration) ease-in-out forwards}.cc-left{--ccb-justify: flex-start}.cc-right{--ccb-justify: flex-end}.cc-top{--ccb-align: flex-start}.cc-top.cc-active{--ccb-anim: cookiebar-top-in}.cc-top.cc-saved{--ccb-anim: cookiebar-top-out}.cc-middle.cc-active{--ccb-anim: cookiebar-middle-in}.cc-middle.cc-saved{--ccb-anim: cookiebar-middle-out}.cc-bottom{--ccb-align: flex-end}.cc-bottom.cc-active{--ccb-anim: cookiebar-bottom-in}.cc-bottom.cc-saved{--ccb-anim: cookiebar-bottom-out}@media(min-width: 768px){.contao-cookiebar .cc-btn{width:auto;margin-bottom:0}.cc-inner{max-width:var(--ccb-max-width, 750px)}}@media(forced-colors){.contao-cookiebar input+label:after{border:1px solid currentColor}.cc-inner{border:1px solid currentColor}input.cc-group-half+label:after{margin-left:9px}}@media(prefers-reduced-motion){.contao-cookiebar{--ccb-anim-duration: 2s}}@media print{.contao-cookiebar{opacity:0}}@keyframes cookiebar-overlay-in{0%{background:rgba(0,0,0,0)}to{background:var(--ccb-backdrop)}}@keyframes cookiebar-overlay-out{0%{background:var(--ccb-backdrop)}to{background:rgba(0,0,0,0);visibility:hidden}}@keyframes cookiebar-top-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-top-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(-100%)}}@keyframes cookiebar-middle-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes cookiebar-middle-out{0%{opacity:1;visibility:visible;transform:scale(1)}to{opacity:0;visibility:hidden;transform:scale(0)}}@keyframes cookiebar-bottom-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-bottom-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(100%)}}.cc-groups{display:none;padding-top:15px}.cc-group{text-align:left}.cc-group>label{margin:5px 130px 5px 10px}.cc-detail-btn-details{text-decoration:underline;padding:0;margin:0 0 10px;color:var(--ccb-detail-clr, #a2a2a2);border:0 none;outline:0 none;background:rgba(0,0,0,0);font-size:13px;letter-spacing:0;text-transform:initial;cursor:pointer}.cc-detail-btn-details span:nth-child(2){display:none}.cc-detail-btn-details.cc-active span:nth-child(1){display:none}.cc-detail-btn-details.cc-active span:nth-child(2){display:inline}.cc-detail-btn-details:hover{color:var(--ccb-detail-clr-hvr, #717171)}
.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;overflow:hidden}.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;opacity:1;-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 .gvideo-wrapper{width:100%;margin:auto}.gslide-video::before{content:'';display:block;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%}.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%;background:0 0;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 string{color:#fff}.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}}
/*

logoorange
rgb(239,125,0);

mattorange
rgb(239,125,0);

beige
rgb(219,192,161);

warmgrau
rgb(219,215,207);

warmgrau hell
rgba(219,215,207,0.5);
rgb(231,228,223);
#E7E4DF

dunkelgrün
rgb(39,56,42);

mittelgrün
rgb(121,140,95);

hellgrün
rgb(173,194,174);

hellblau
rgb(153,165,184);

warmgrau dunkel
rgb(196,163,158);


*/


/* roboto-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/layout/fonts/roboto-v30-latin_latin-ext-regular.woff2') format('woff2'),
       url('../../files/layout/fonts/roboto-v30-latin_latin-ext-regular.woff') format('woff');
}
/* roboto-500 - latin */
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../../files/layout/fonts/roboto-v30-latin_latin-ext-500.woff2') format('woff2'),
       url('../../files/layout/fonts/roboto-v30-latin_latin-ext-500.woff') format('woff');
}



.cookiebar_simple {
  color: #000000;
  bottom: 20px;
}
.contao-cookiebar .cc-btn {
  padding: 0 15px;
  line-height: 40px;
}
.contao-cookiebar .highlight .cc-btn.success {
  background: rgb(121,140,95);
  border-color: rgba(39,56,42,0.6);
  color: #ffffff;
}
.contao-cookiebar .highlight  .cc-btn.success:hover {
  background: rgb(121,140,95);
  border-color: rgb(39,56,42);
  color: #ffffff;
}
.cookiebar_simple {
  color: #000000;
}
.cookiebar_simple p {
  color: #000000;
  font-size: 1rem;
}
.cookiebar_default p {
  color: #000000;
  font-size: 1rem;
}
.contao-cookiebar input:checked + label:after {
  background: rgb(131,151,165);
}
.contao-cookiebar input:checked + label:before {
  background: rgba(131,151,165,0.3);
  border-color: rgb(131,151,165);
}
.contao-cookiebar label.group {
  font-weight: 400;
}



*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}


body, html {
  height: 100%;
}
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0px;
  padding: 0px;
  font-size: 18px;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.6em;
  margin: 0px;
  padding: 0px;
  word-wrap: break-word;
  color: rgb(0,0,0);
  hyphens: manual;
}

h1 {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 2.1rem;
  line-height: 1.2em;
  margin: 0px 0 25px 0;
  padding: 0;
  color: rgb(0,0,0);
  text-transform: uppercase;
}
h2 {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 2.1rem;
  line-height: 1.2em;
  margin: 0px 0 25px 0;
  padding: 0;
  color: rgb(0,0,0);
  text-transform: uppercase;
}
.datenschutz h2 {
  margin: 50px 0 50px 0;
  font-size: 1.8rem;
}
h3 {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.4rem;
  line-height: 1.4em;
  margin: 0;
  padding: 0;
  color: rgb(0,0,0);
  text-transform: uppercase;
}
h4 {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.4em;
  margin: 0;
  padding: 0;
  color: rgb(0,0,0);
  text-transform: uppercase;
  border-bottom: 1px solid #000000;
  width: max-content;
}


p {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.6em;
  margin: 1em 0px;
}
.ce_text p {
  width: auto;
  overflow: hidden;
}
.ce_text.intro p {
  font-size: 1.4rem;
  line-height: 1.4em;
}
.ce_text p.intro {
  font-size: 1.4rem;
  line-height: 1.4em;
}
.team .ce_text p.intro {
  margin-top: 0px;
  font-size: 1.2rem;
  line-height: 1.4em;
}
strong {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-style: normal;
}
blockquote {
  padding: 0;
  margin: 0;
  padding: 0;
}
blockquote p {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.4rem;
  line-height: 1.4em;
}



a, a:link, a:visited {
  color: rgb(0,0,0);
  text-decoration: none;
  transition: all .3s ease-in-out;
}
a:hover {
  color: rgb(239,125,0);
}
.bg-dark a, .bg-dark a:link, .bg-dark a:visited {
  color: rgb(255,255,255);
}
.bg-dark a:hover {
  color: rgb(255,255,255);
}


.bg-dark,
.bg-dark h1,
.bg-dark h2,
.bg-dark h3,
.bg-dark h4 {
  color: rgb(231,228,223)!important;
}
.bg-dark h4 {
  border-bottom: 1px solid rgb(231,228,223);
}



.ce_text ul,
.ce_text ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.ce_text ul li,
.ce_text ol li {
  width: auto;
  margin: 0;
  padding: 0;
  float: left;
}


.ce_divider {
  padding: 50px 0;
  width: 100%;
  float: left;
}
.ce_divider hr,
hr {
  width: 100%;
  height: 75px;
  border: 0;
  padding: 0;
  background-image: url('/files/layout/wolke_trenner.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.ce_text hr {
  width: auto;
  margin: 25px 0;
}


.scrolltop {
  border-radius: 50%;
  cursor: pointer;
  text-align: center;
  margin: 0px 0px 20px 0px;
  padding: 0px;
  float: right;
}
.scrolltop .fa {
  border: 1px solid rgb(0,0,0);
  font-size: 25px;
  line-height: 25px;
  color: rgb(0,0,0);
  transition: all .5s ease-in-out;
}
.scrolltop .fa:hover {
  border: 1px solid rgb(239,125,0);
  color: rgb(239,125,0);
}




.scrolldownbg,
.scrolldownbutton {
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 100%;
}
.scrolldownbutton .fa {
    color: #ffffff;
    background: rgb(131,151,165);
}
.scrolldownbutton .fa:hover {
    color: #ffffff;
    background: rgb(131,151,165);
}

.scrolldowncontainer {
  position: absolute;
  bottom: 100px;
  width: 40px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.scrolldownbg {
  animation: pulse 1.2s ease infinite;
  background: rgb(131,151,165);
}

.scrolldownbutton {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 99;
  border: none;
  background: rgb(131,151,165);
  background-size: 18px;
  cursor: pointer;
  outline: none;
}


@keyframes pulse {
  0% {
    transform: scale(1, 1);
  }
  50% {
    opacity: 0.5;
  }
  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}


/*
    **************************************
    ***** BUTTONS ************************
    **************************************
*/

span.button,
a.button,
a.button:link,
a.button:visited {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.4em;
  width: auto;
  text-align: center;
  display: inline-block;
  border: 1px solid rgb(0,0,0);
  border-radius: 25px;
  padding: 5px 20px;
  float: left;
  text-transform: uppercase;
  margin-right: 10px;
  margin-bottom: 20px;
  transition: all .5s ease-in-out;
  cursor: pointer;
}
span.button {
  cursor: default;
}
a.button.green,
a.button.green:link,
a.button.green:visited {
  color: rgb(121,140,95);
  border: 1px solid rgb(121,140,95);
}
.bg-dark a.button,
.bg-dark a.button:link,
.bg-dark a.button:visited {
  color: rgb(219,215,207);
  border: 1px solid rgb(219,215,207);
}
.bg-dark a.button:hover,
a.button:hover,
a.button.green:hover  {
  color: rgb(239,125,0);
  border: 1px solid rgb(239,125,0);
  background: rgb(255,255,255);
}
a.button.leaf {
  padding-right: 40px;
  background-image: url('/files/layout/elemente/blatt_logo/aigner_blatt_logo.svg');
  background-position: right 5px center;
  background-size: 30px auto;
  background-repeat: no-repeat;
}


/*
    **************************************
    ***** SHOPLINK ***********************
    **************************************
*/

.shoplink {
  width: auto;
  float: right;
  clear: right;
  margin: 0px 0px 20px 0px;
}
.shoplink .button .fa {
  width: auto;
  height: auto;
  border-radius: 0;
  border: none;
  text-align: center;
  vertical-align: middle;
  color: rgb(219,215,207);
  font-size: 1.1rem;
  line-height: auto;
  padding: 0;
  margin: -5px 0px 0px 5px;
}



/*
    **************************************
    ***** LAYOUT *************************
    **************************************
*/

#wrapper {
  width: 100%;
  float: left;
}
#header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
}
#header .inside {
  width: 100%;
  max-width: 1400px;
  margin: auto;
  padding: 0px 5vw;
}




#header .logobar {
  width: auto;
  float: left;
  margin: 60px 0px 40px 0px;
}
#header #logo {
  width: 200px;
  height: 100px;
  float: left;
  background-image: url('/files/layout/elemente/logo/AIGNER_logo_4C_RGB_subline.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top left;
}
.logo_w #header #logo {
  background-image: url('/files/layout/elemente/logo/AIGNER_logo_1C_w_RGB_subline.svg');
}
#header #logo a,
#header #logo a:link,
#header #logo a:visited {
  display: block;
  width: 100%;
  height: 100%;
}



#container {
  float: left;
  width: 100%;
}
#footer {
  float: left;
  width: 100%;
  padding: 50px 0px 0px 0px;
  background: rgb(219,215,207);;
}
#footer .inside {
  width: 100%;
  max-width: 1400px;
  margin: 0px auto;
  padding: 0px 5vw 0px 5vw;
  color: rgb(0,0,0);
  min-height: 200px;
  font-size: 1rem;
  line-height: 1.6em;
  font-weight: 400;
}
#footer #logo {
  width: 20%;
  max-width: 200px;
  float: left;
  margin-right: 20px;
}
#footer #logo img {
  width: 100%;
  height: auto;
}
#footer #logo a:link {
  display: block;
}
#footer #address {
  float: left;
  width: auto;
  line-height: 1.4em;
}



#main {
  width: 100%;
  float: left;
}

.mod_article {
  width: 100%;
  float: left;
  clear: both;
  padding: 100px 0px;
}
.mod_article:first-child {
  padding-top: 280px;
}

.mod_article .inside {
  width: 100%;
  max-width: 1400px;
  margin: auto;
  padding: 0px 5vw;
}
.mod_article.wide .inside {
  max-width: 1400px;
}

.mod_article.headerimage {
  width: 100%;
  min-height: 300px;
  float: left;
  clear: both;
  padding: 0;
  position: relative;
}



.mod_article {
    position: relative;
    min-height: 400px;
}
.mod_article > .article-image {
   position: absolute;
   z-index: 1;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   overflow: hidden
}
.mod_article > .inside {
   position: relative;
   z-index: 3;
}
.mod_article > .article-image.float-right {
   left: auto;
   right: 0;
   width: 50%
}
.mod_article > .article-image.float-left {
   left: 0;
   width: 50%
}
.mod_article > .article-image .image_container,
.mod_article > .article-image picture {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%
}
.mod_article > .article-image .image_container img,
.mod_article > .article-image picture img {
   position: relative;
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.mod_article.bg-light-gray {
  background: rgba(219,215,207,0.5);
}








.ce_text {
  width: 100%;
  float: left;
  padding: 20px 0px;
}
.ce_html {
  width: 100%;
  float: left;
  padding: 20px 0px;
}
.ce_headline {
  width: 100%;
  float: left;
  padding: 20px 0px;
}


.clear {
  clear: both;
}

/*
    **************************************
    ***** STARTSEITE *********************
    **************************************
*/
.quicklinks {
  padding-bottom: 250px;
}
.inspiration .ce_image.w66l {
  margin: -250px 0px 20px 0px;
}
.inspiration .ce_image.w33 {
  clear: both;
  margin: 0px;
  float: right;
}



/*
    **************************************
    ***** ADDRESS ************************
    **************************************
*/

.address {
  background: rgb(255,255,255);
  padding: 25px;
  width: auto;
  float: left;
  position: relative;
  margin-top: -30%;
  margin-left: 10px;
}


/*
    **************************************
    ***** IMAGE **************************
    **************************************
*/


img {
  vertical-align: middle;
}

.ce_image {
  width: 100%;
  float: left;
  padding: 0;
  margin: 0px 0px 20px 0px;
}


.image_container {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.image_container img {
  position: relative;
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0px;
}

.lazy {
  transition: opacity .3s ease-in;
}

.team .image_container a,
.image_container a {
  display: block;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  background: none;
}
.team .image_container img,
.image_container a img {
  transform: scale(1);
  transition: transform 0.5s ease-in-out;
}
.team .image_container:hover img,
.image_container a:hover img {
  transform: scale(1.05);
}


.image_container a .fa {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  font-size: 1rem;
  color: rgb(152,137,139);
  width: 60px;
  height: 60px;
  line-height: 60px;
  background: #ffffff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  -webkit-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  transition: all 300ms 0ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
.image_container .fa:hover {
  background: rgb(152,137,139);
  color: #ffffff;
}
.image_container a:hover .fa {
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  transition: all 300ms 100ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.image_container a:hover img {

}

.headerimage .image_container {
  height: 80vh;
  max-height: 800px;
}
.headerimage .image_container img {
  height: 100%;
  max-height: 100%;
  object-fit: cover;
}




.image_container.float_left {
  width: 48%;
  float: left;
  margin: 0px 4% 20px auto;
}
.image_container.float_right {
  width: 48%;
  float: right;
  margin: 0px auto 20px 4%;
}
.image_container.float_above {
  width: 100%;
  margin-bottom: 20px;
  float: left;
}
.image_container.float_below {
  width: 100%;
  margin-top: 20px;
  float: left;
}
.img25 .image_container {
  width: 25%!important;
}


.caption {
  display: none;
  position: absolute;
  bottom: 10px;
  left: auto;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
  background: none;
  padding: 0;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.2em;
  text-shadow: 2px 2px 10px rgba(0,0,0,.5)
}
.copyright {
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 20px;
  height: 20px;
  line-height: 17px;
  background: transparent;
  border: 1px solid rgb(219,215,207);
  cursor: pointer;
  border-radius: 11px;
  color: rgb(219,215,207);
  z-index: 10;
  text-align: center;
}
.copyright:hover {
  border: 1px solid rgb(39,56,42);
  color: rgb(39,56,42);
}


/*
    **************************************
    ***** GALERIE ************************
    **************************************
*/


.ce_gallery {
  width: 100%;
  padding: 20px 0;
  margin: 0;
  position: relative;
  display: block;
  float: left;
}


.ce_gallery ul {
  width: auto;
  float: none;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.ce_gallery ul li {
  width: 100%;
  float: left;
  margin: 0;
  padding: 0px;
  display: block;
}
.ce_gallery ul.cols_2 li {
  width: 49%;
  padding: 0px;
}
.ce_gallery ul.cols_2 li:nth-child(2n+1) {
  margin-right: 2%;
  margin-bottom: 2%;
}
.ce_gallery ul.cols_3 li {
  width: 32%;
  padding: 0px;
  margin-right: 2%;
  margin-bottom: 2%;
}
.ce_gallery ul.cols_3 li:nth-child(3n) {
  margin-right: 0%;
}
.ce_gallery ul.cols_4 li {
  width: 23.5%;
  padding: 0px;
  margin-right: 2%;
  margin-bottom: 2%;
}
.ce_gallery ul.cols_4 li:nth-child(4n) {
  margin-right: 0%;
}
.ce_gallery ul li .image_container {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 100%;
}
.ce_gallery ul li .image_container img {
  position: relative;
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
  margin: auto;
}

/*
    **************************************
    ***** SLIDER *************************
    **************************************
*/

:root {
    --swiper-theme-color: rgb(121,140,95);
    --swiper-pagination-bullet-inactive-color: transparent;
    --swiper-pagination-bullet-inactive-opacity: 0.5;
    --swiper-pagination-bullet-size: 18px;
    --swiper-pagination-bullet-width: 18px;
    --swiper-pagination-bullet-height: 18px;
}
.swiper {
  margin: 0px 0px 30px 0px;
  z-index: 0;
}
.swiper .image_container img {
  border: none;
}
.swiper-button-next,
.swiper-button-prev {
  display: none;
  color: #000000;
  z-index: 0;
}
.swiper-button-next {
  right: -25px;
}
.swiper-button-prev {
  left: -25px;
}
.swiper-pagination {
  bottom: 0px!important;
  z-index: 0;
}
.swiper-pagination-bullet {
  border: 1px solid rgb(121,140,95);
}
.swiper-pagination-bullet:hover {
  border: 1px solid rgb(121,140,95);
}
.swiper-pagination-bullet-active {
  border: 1px solid rgb(121,140,95);
}

@media only screen
and (min-width : 0px)
and (max-width : 640px) {

.swiper-button-next,
.swiper-button-prev {
  display: none;
}
.swiper {
}

}

/*
    **************************************
    ***** GLIGHTBOX **********************
    **************************************
*/

.glightbox-clean .gclose path, .glightbox-clean .gnext path, .glightbox-clean .gprev path {
    fill: rgb(239,125,0);
}
.gloader {
  border: 2px solid rgb(239,125,0);
  border-right-color: transparent;
}
.goverlay{
  top: 0px;
  height: calc(105vh);
}
.goverlay,
.glightbox-mobile .goverlay {
  background: rgba(110,110,110,0.98);
}
.glightbox-clean .gclose, .glightbox-clean .gnext, .glightbox-clean .gprev {
    background-color: rgba(0,0,0,0)!important;
    outline: none!important;
}
.glightbox-clean .gclose:hover, .glightbox-clean .gnext:hover, .glightbox-clean .gprev:hover {
    background-color: rgba(0,0,0,0.1)!important;
}
.glightbox-clean .gslide-media {
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
}


.glightbox-clean .gslide-description {
	background: #000000;
}
.glightbox-clean .gslide-desc,
.glightbox-clean .gslide-title {
	font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 0.9rem;
    line-height: 1.3em;
    color: #ffffff;
    text-align: right;
}
.glightbox-clean .gslide-title {
	margin-bottom: 0;
}
button.gnext,
button.gprev,
button.gclose {
	border: none;
}
button.gnext::after,
button.gprev::after,
button.gclose::after {
	border: none;
}


/*
    **************************************
    ***** MAP ****************************
    **************************************
*/

.team .inside {
  display: flex;
  flex-wrap: wrap;
}

/*
    **************************************
    ***** MAP ****************************
    **************************************
*/

.ce_google_map,
.dlh_google_maps {
  width: 100%;
  float: left;
  padding: 25px 0px;
}
#mapberger,
.dlh_google_map {
  width: 100%;
  position: relative;
  display: block;
  float: left;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

/*
    **************************************
    ***** WIDTHS *************************
    **************************************
*/

.w25 {
  float: left;
  width: 25%;
  width: calc(100% / 4);
}
.w33 {
  float: left;
  width: 32%;
  margin: 0px 2% 0px 0px;
}
.w33:nth-child(3n) {
  margin: 0px 0% 0px 0px;
}
.w50 {
  float: left;
  width: 50%;
  width: calc(100% / 2);
}
.w50l {
  float: left;
  width: 46%;
  margin: 0px 8% 0px 0px;
}
.w50r {
  float: right;
  width: 46%;
  margin: 0px 0px 0px 0px;
}
.w66l {
  float: left;
  width: 66%;
  margin: 0px 2% 0px 0px;
}
.w66r {
  float: right;
  width: 66%;
  margin: 0px 0px 2% 0px;
}


/*
    **************************************
    ***** YOUTUBE ************************
    **************************************
*/

.ce_youtube,
.ce_vimeo {
  padding: 25px 0px;
  width: 100%;
  float: left;
}

.ce_youtube.w50,
.ce_vimeo.w50 {
  width: 48%;
  float: left;
  padding: 25px 0px;
  margin-bottom: 20px;
  margin-right: 4%;
}
.ce_youtube.w50:nth-of-type(2n),
.ce_vimeo.w50:nth-of-type(2n) {
  margin-right: 0%;
}

.ce_youtube .video_container,
.ce_vimeo .video_container {
  position: relative;
  padding-bottom: 56.25%;
  width: 100%;
  height: auto;
  margin: 0;
}
.ce_youtube iframe,
.ce_vimeo iframe {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  width: 100% !important;
  height: 100% !important;
  border: 0px;
}


/*
    **************************************
    ***** FONTAWESOME ICONS **************
    **************************************
*/

.fa {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: none;
  text-align: center;
  line-height: 30px;
  vertical-align: middle;
  color: rgb(219,215,207);
  font-size: 1.1rem;
  transition: all .5s ease-in-out;
  margin-right: 0px;
}
a:hover .fa {
  color: rgb(255,255,255);
  border: none;
}



/*
    **************************************
    ***** SOCIAL MENU ICONS **************
    **************************************
*/

.social {
  position: relative;
  width: auto;
  float: right;
  height: 40px;
  line-height: 40px;
  padding: 5px 5px;
}
.social .fa {
  margin: 0px 0px;
  font-size: 1.4rem;
}


/*
    **************************************
    ***** SOCIAL FEED ********************
    **************************************
*/


.social_feed_container {
  margin-top: 20px;
}
.social_feed_element .info {
  color: rgb(0,0,0);
}
.social_feed_element .fa {
  color: rgb(0,0,0);
  width: auto;
  height: auto;
  border: none;
  line-height: 1em;
}
.social_feed_container a:hover .fa {
  color: rgb(0,0,0);
  border: none;
}
.social_feed_element .inner {
    background: none;
    padding: 0;
    margin: 30px 10px 10px 10px;
    position: relative;
    word-break: break-word;
    border-top: none;
}
.social_feed_element .inner>figure {
    padding: 0 0px;
}
.social_feed_element .inner a {
    padding: 0px 0px 0px 0px;
    display: block;
}
.social_feed_element .ce_text {
  padding: 0px 20px;
  color: rgb(0,0,0);
  background: none;
}
.social_feed_element .ce_text p {
  margin: 0px;
  padding: 20px 0px;
}
.social_feed_element .image_container.float_above {
    margin-bottom: 0px!important;
    float: none;
}

@media only screen
and (min-width : 0px)
and (max-width : 767px) {
.social_feed_container:not(.masonry).columns4 .social_feed_element {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}
.social_feed_container {
  padding: 0px 0px;
}
.social_feed_element .ce_text {
  padding: 0px 0px;
}
.social_feed_element .inner {
  margin: 30px 0px 10px 0px;

}
}
@media only screen
and (min-width : 768px)
and (max-width : 1024px) {
.social_feed_container:not(.masonry).columns4 .social_feed_element {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
}
}


/*
    **************************************
    ***** PAGINATION *********************
    **************************************
*/


.pagination {
  padding: 50px 0;
  float: left;
  width: 100%;
  text-align: center;
}
.pagination p {
	display: none;
}

.pagination ul {
  margin: 0;
  padding: 0;
  position: relative;
  list-style: none;
}
.pagination ul li {
  padding: 0;
  margin: 0px 2px 20px 2px;
  position: relative;
  display: inline-block;
  font-size: 1rem;
  width: 40px;
  height: 40px;
  line-height: 40px;
}

.pagination a {
  display: inline-block;
  width: 40px;
  color: #000000;
  text-align: center;
  border-radius: 100%;
  text-decoration: none;
  background: rgb(237, 235, 230);
}
.pagination a:hover {
  color: #ffffff;
  background-color: rgb(121,140,95);
  text-decoration: none;
}
.pagination .active {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 100%;
  text-decoration: none;
  background-color: rgb(121,140,95);
  color: #ffffff;
}


.pagination ul li.first,
.pagination ul li.last,
.pagination ul li.next,
.pagination ul li.previous {
  width: auto;
}

.pagination ul li.first a,
.pagination ul li.last a,
.pagination ul li.next a,
.pagination ul li.previous a {
  width: auto;
  border-radius: 20px;
  padding: 0px 15px;
}





/*
    **************************************
    ***** TOP NAVIGATION *****************
    **************************************
*/


.topmenu {
  width: 100%;
  float: left;
}

.quickcontact {
  position: relative;
  width: auto;
  float: right;
  height: 50px;
  line-height: 50px;
  padding: 0px 5px;
  font-size: 0.8rem;
}
.topcontact {
  font-size: 0.8rem;
}


/*
    **************************************
    ***** MENU TOGGLE ********************
    **************************************
*/


.menutoggle {
  z-index: 15;
  display: none;
}

.narrow .menutoggle {
  display: block;
  position: relative;
  float: right;
  width: 50px;
  height: 50px;
  background: none;
  margin-top: 50px;
}


.narrow .menutoggle.is-hidden {
  position: fixed;
  float: none;
  top: 10px;
  right: 5vw;
  opacity: 0;
  transition: all .3s ease-out;
}
.narrow .menutoggle.is-visible {
  position: fixed;
  float: none;
  top: 10px;
  right: 5vw;
  opacity: 1;
  transition: all .3s ease-out;
}


.menutoggle a {
  display: inline-block;
  width: 50px;
  height: 50px;
  cursor: pointer;
  text-decoration: none;
  padding: 0px;
}


.menutoggle.menu_btn a {
  width: 50px;
  height: 50px!important;
  padding: 12px 10px;
  border-radius: 50%;
  display: flex;
  align-items: center;
}
.narrow .menutoggle.is-visible.menu_btn a {
  background: rgb(255,255,255,0.2);
}


.menutoggle a i,
.menutoggle a i::before,
.menutoggle a i::after {
  background: rgb(239,125,0);
}

.menutoggle.menu_btn a i,
.menutoggle.menu_btn a i::before,
.menutoggle.menu_btn a i::after {
  background: rgb(239,125,0);
}


.menutoggle a i {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 3px;
  transition: all .2s ease-out;
}

.menutoggle a i::before, .menutoggle a i::after {
  content:'';
  width: 30px;
  height: 3px;
  position: absolute;
  transition: all .2s ease-out;
}
.menutoggle a i::before {
  top: -12px;
  left: 0;
}
.menutoggle a i::after {
  bottom: -12px;
  left: 0;
}
.menutoggle a:hover i::before {
  width: 30px;
}
@media (hover: hover) {
.menutoggle a:hover i {
  width: 20px;
}
}
.menutoggle a:hover i::after {
  width: 30px;
}
.menutoggle a.active i {
  background: transparent!important;
}


.menutoggle a.active i::before {
  /*top: 0;
  left: 0;*/
  transform: rotateZ(45deg) translateY(8px) translateX(8px);
}
.menutoggle a.active i::after {
  /*bottom: 0;
  left: 0;*/
  transform: rotateZ(-45deg) translateY(-9px) translateX(9px);
}


/*
    **************************************
    ***** MAINMENU ***********************
    **************************************
*/


.invisible {
  display: none;
}
.mod_navigation {
  width: auto;
  float: right;
  margin-top: 50px;
  margin-bottom: 20px;
}
.mod_navigation ul {
  margin: 0;
  padding: 0;
  position: relative;
  list-style: none;
}
.mod_navigation ul.level_2 {
  display: none!important;
}
.mod_navigation ul li {
  padding: 0;
  margin: 0px 10px 0px 10px;
  position: relative;
  display: inline-block;
  font-size: 1.2rem;
  line-height: 1.4em;
  border-bottom: 2px solid transparent;
  text-transform: uppercase;
}
.mod_navigation ul li.first {
  margin: 0px 15px 0px 0px;
}
.mod_navigation ul li.last {
  display: none;
}
.narrow .mod_navigation ul li.last {
  display: block;
}
.mod_navigation ul li a,
.mod_navigation ul li a:link,
.mod_navigation ul li a:visited {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.2rem;
  line-height: 1.4em;
  text-decoration: none;
  color: rgb(219,215,207);
  display: block;
}
.mod_navigation ul li a:hover {
  text-decoration: none;
  color: rgb(255,255,255);
}
.mod_navigation li.active,
.mod_navigation li.trail,
.mod_navigation li:hover {
  color: rgb(255,255,255);
  border-bottom: 2px solid rgb(255,255,255);
}
.mod_navigation strong {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-style: normal;
}




.narrow .mod_navigation {
  display: none;
}
.narrow .mod_navigation.menuvisible {
  display: block;
  background: rgba(110,110,110,0.98);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  opacity: 1;
  margin: 0;
}
.narrow .mod_navigation.menuvisible .menuinside {
  text-align: center;
  position: relative;
  top: 50%;
  height: 40%;
  font-size: 40px!important;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.narrow .mod_navigation.menuvisible ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  height: 100%;
  position: relative;
}
.narrow .mod_navigation.menuvisible ul li {
  display: block;
  height: 16.66667%;
  height: calc(100% / 6);
  min-height: 40px;
  padding: 0;
  font-size: 1.6rem;
  line-height: 1.6em;
  border: 0px;
}

.narrow .mod_navigation.menuvisible ul li a,
.narrow .mod_navigation.menuvisible ul li strong {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.6rem;
  line-height: 1.6em;
  margin: 0;
  padding: 5px 0px;
  display: inline;
}

.narrow .mod_navigation.menuvisible ul li a,
.narrow .mod_navigation.menuvisible ul li a:link,
.narrow .mod_navigation.menuvisible ul li a:visited {
  color: #ffffff;
}
.narrow .mod_navigation.menuvisible ul li a:hover {
  text-decoration: none;
  color: rgb(239,125,0);
}
.narrow .mod_navigation.menuvisible li.active a,
.narrow .mod_navigation.menuvisible li.trail a,
.narrow .mod_navigation.menuvisible li:hover a,
.narrow .mod_navigation.menuvisible li strong {
  color: rgb(239,125,0);
  text-decoration: none;
}

/*
    **************************************
    ***** FOOTER NAV *********************
    **************************************
*/

#footer .mod_customnav {
  margin-bottom: 40px;
  width: auto;
  float: right;
  text-align: right;
  clear: right;
}
#footer .mod_customnav ul {
  margin: 0px 0px 0px 0px;
  padding: 0;
  position: relative;
  list-style: none;
}
#footer .mod_customnav ul li {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 0 0px 0 20px;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 0.9rem;
  line-height: 1.6em;
  font-style: normal;
  text-transform: uppercase;
}
#footer .mod_customnav ul li:hover,
#footer .mod_customnav ul li.active {
}

#footer .mod_customnav ul li a,
#footer .mod_customnav ul li a:link,
#footer .mod_customnav ul li a:visited {
  color: rgb(0,0,0);
  text-decoration: none;
  display: block;
}
#footer .mod_customnav ul li a:hover {
  color: rgb(0,0,0);
  text-decoration: underline;
}
#footer .mod_customnav strong {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-style: normal;
  text-decoration: underline;
  color: rgb(0,0,0);
}



/*
    **************************************
    ***** MEDIA VIEWPORT *****************
    **************************************
*/


@media only screen
and (min-width : 0px)
and (max-width : 480px) {
  .ce_gallery.sortimentbuttons ul.cols_3 li {
    width: 32%!important;
    margin-right: 2%!important;
    margin-bottom: 2%!important;
  }
  .ce_gallery.sortimentbuttons ul.cols_3 li:nth-child(3n) {
    margin-right: 0%!important;
  }
}
@media only screen
and (min-width : 481px)
and (max-width : 820px) {
  .ce_gallery.sortimentbuttons ul.cols_3 li {
    width: 18%!important;
    margin-right: 2%!important;
    margin-bottom: 2%!important;
  }
  .ce_gallery.sortimentbuttons ul.cols_3 li:nth-child(5n) {
    margin-right: 0%!important;
  }
}




@media only screen
and (min-width : 0px)
and (max-width : 820px) {

html {
	font-size: 16px;
}
.menutoggle, .narrow .menutoggle {
}
.shoplink {
  display: none;
}

.quicklinks {
  padding-bottom: 25px;
}
.inspiration .ce_image.w66l {
  margin-top: 25px;
}

.w25,
.w33,
.w50l,
.w50r,
.w50,
.w66,
.w66l,
.w66r {
  width: 100%!important;
}
.w60,
.w40 {
  width: 100%;
}

.mod_article {
  width: 100%;
  float: left;
  clear: both;
  padding: 25px 0px;
}


.image_container.float_left,
.image_container.float_right {
  width: 100%;
  margin: 40px 0px;
}
.ce_text p,
.ce_text ul,
.ce_text ol {
  overflow: visible;
}

.ce_gallery ul li {
  width: 100%!important;
  margin-right: 0%!important;
  margin-bottom: 2%!important;
}

.ce_youtube.w50,
.ce_vimeo.w50 {
  width: 100%;
  margin: 0px 0px 20px 0px;
}

#footer .mod_customnav {
  margin-top: 40px;
  margin-bottom: 40px;
}
}

@media only screen
and (min-width : 821px)
and (max-width : 1199px) {

.shoplink {
  display: none;
}

.ce_gallery ul li {
  width: 50%;
}

}

