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%}
header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
.parallax{will-change:transform;transform:translateZ(0);transform:translateY(var(--translateY))}.parallax_inner_image img{will-change:transform;transform:translateZ(0);transform:translateY(var(--translateY));min-height:200%;margin-top:-20%;min-width:100%}
.mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important}
.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-group{display:flex;flex-wrap:wrap;justify-content:space-between;align-content:center}.cc-group>label{flex-grow:1;margin:5px 0 5px 10px}.cc-cookies{display:none;width:100%}.cc-detail-btn{padding:8px 10px;line-height:1.2rem}.cc-detail-btn-details{text-decoration:underline;padding:0;margin:0 0 10px}.cc-detail-btn,.cc-detail-btn-details{display:inline-block;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 span:nth-child(2),.cc-detail-btn-details span:nth-child(2){display:none}.cc-detail-btn.cc-active span:nth-child(1),.cc-detail-btn-details.cc-active span:nth-child(1){display:none}.cc-detail-btn.cc-active span:nth-child(2),.cc-detail-btn-details.cc-active span:nth-child(2){display:inline}.cc-detail-btn:hover,.cc-detail-btn-details:hover{background:rgba(0,0,0,0);color:var(--ccb-detail-clr-hvr, #717171)}
/**
 * CLICKPRESS CSS-Grid
 * @author: Stefan Schulz-Lauterbach
 *
 * thanks to Dinko Skopljak for co-working
 */
.justify-items-start {
  justify-items: start;
}

.justify-items-center {
  justify-items: center;
}

.justify-items-end {
  justify-items: end;
}

.justify-items-stretch {
  justify-items: stretch;
}

.content-start {
  align-content: start;
}

.content-center {
  align-content: center;
}

.content-end {
  align-content: end;
}

.items-start {
  align-items: start;
}

.items-center {
  align-items: center;
}

.items-end {
  align-items: end;
}

.items-stretch {
  align-items: stretch;
}

.items-baseline {
  align-items: baseline;
}

[class*=grid_] {
  display: grid;
  grid-gap: 1rem;
}
[class*=grid_] > .block {
  margin-bottom: 0;
}

@media (min-width: 576px) {
  .grid_mobile_100 {
    grid-template-columns: 1fr;
  }
  .grid_mobile_50_50 {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid_mobile_33_33_33 {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid_mobile_25_25_25_25 {
    grid-template-columns: repeat(4, 1fr);
  }
  .grid_mobile_75_25 {
    grid-template-columns: 3fr 1fr;
  }
  .grid_mobile_25_75 {
    grid-template-columns: 1fr 3fr;
  }
  .grid_mobile_66_33 {
    grid-template-columns: 2fr 1fr;
  }
  .grid_mobile_33_66 {
    grid-template-columns: 1fr 2fr;
  }
  .grid_tablet_60_40 {
    grid-template-columns: 3fr 2fr;
  }
  .grid_tablet_40_60 {
    grid-template-columns: 2fr 3fr;
  }
  .grid_mobile_50_25_25 {
    grid-template-columns: 2fr 1fr 1fr;
  }
  .grid_mobile_25_50_25 {
    grid-template-columns: 1fr 2fr 1fr;
  }
  .grid_mobile_25_25_50 {
    grid-template-columns: 1fr 1fr 2fr;
  }
  .grid_mobile_40_30_30 {
    grid-template-columns: 4fr 3fr 3fr;
  }
  .grid_mobile_30_40_30 {
    grid-template-columns: 3fr 4fr 3fr;
  }
  .grid_mobile_30_30_40 {
    grid-template-columns: 3fr 3fr 4fr;
  }
  .gap_mobile_0 {
    grid-gap: 0;
  }
  .gap_mobile_1 {
    grid-gap: 1rem;
  }
  .gap_mobile_2 {
    grid-gap: 2rem;
  }
  .gap_mobile_3 {
    grid-gap: 3rem;
  }
  .gap_mobile_4 {
    grid-gap: 4rem;
  }
  .gap_mobile_5 {
    grid-gap: 5rem;
  }
  .gap_mobile_6 {
    grid-gap: 6rem;
  }
  .gap_mobile_7 {
    grid-gap: 7rem;
  }
  .gap_mobile_8 {
    grid-gap: 8rem;
  }
  .gap_mobile_9 {
    grid-gap: 9rem;
  }
  .gap_mobile_10 {
    grid-gap: 10rem;
  }
  .gap_mobile_11 {
    grid-gap: 11rem;
  }
  .gap_mobile_12 {
    grid-gap: 12rem;
  }
}
@media (min-width: 768px) {
  .grid_tablet_100 {
    grid-template-columns: 1fr;
  }
  .grid_tablet_50_50 {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid_tablet_33_33_33 {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid_tablet_25_25_25_25 {
    grid-template-columns: repeat(4, 1fr);
  }
  .grid_tablet_75_25 {
    grid-template-columns: 3fr 1fr;
  }
  .grid_tablet_25_75 {
    grid-template-columns: 1fr 3fr;
  }
  .grid_tablet_66_33 {
    grid-template-columns: 2fr 1fr;
  }
  .grid_tablet_33_66 {
    grid-template-columns: 1fr 2fr;
  }
  .grid_tablet_60_40 {
    grid-template-columns: 3fr 2fr;
  }
  .grid_tablet_40_60 {
    grid-template-columns: 2fr 3fr;
  }
  .grid_tablet_50_25_25 {
    grid-template-columns: 2fr 1fr 1fr;
  }
  .grid_tablet_25_50_25 {
    grid-template-columns: 1fr 2fr 1fr;
  }
  .grid_tablet_25_25_50 {
    grid-template-columns: 1fr 1fr 2fr;
  }
  .grid_tablet_40_30_30 {
    grid-template-columns: 4fr 3fr 3fr;
  }
  .grid_tablet_30_40_30 {
    grid-template-columns: 3fr 4fr 3fr;
  }
  .grid_tablet_30_30_40 {
    grid-template-columns: 3fr 3fr 4fr;
  }
  .grid_tablet_20_40_40 {
    grid-template-columns: 1fr 2fr 2fr;
  }
  .grid_tablet_40_20_40 {
    grid-template-columns: 2fr 1fr 2fr;
  }
  .grid_tablet_40_40_20 {
    grid-template-columns: 2fr 2fr 1fr;
  }
  .gap_tablet_0 {
    grid-gap: 0;
  }
  .gap_tablet_1 {
    grid-gap: 1rem;
  }
  .gap_tablet_2 {
    grid-gap: 2rem;
  }
  .gap_tablet_3 {
    grid-gap: 3rem;
  }
  .gap_tablet_4 {
    grid-gap: 4rem;
  }
  .gap_tablet_5 {
    grid-gap: 5rem;
  }
  .gap_tablet_6 {
    grid-gap: 6rem;
  }
  .gap_tablet_7 {
    grid-gap: 7rem;
  }
  .gap_tablet_8 {
    grid-gap: 8rem;
  }
  .gap_tablet_9 {
    grid-gap: 9rem;
  }
  .gap_tablet_10 {
    grid-gap: 10rem;
  }
  .gap_tablet_11 {
    grid-gap: 11rem;
  }
  .gap_tablet_12 {
    grid-gap: 12rem;
  }
}
@media (min-width: 992px) {
  .grid_desktop_100 {
    grid-template-columns: 1fr;
  }
  .grid_desktop_50_50 {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid_desktop_50_25_25 {
    grid-template-columns: 2fr 1fr 1fr;
  }
  .grid_desktop_33_33_33 {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid_desktop_75_25 {
    grid-template-columns: 3fr 1fr;
  }
  .grid_desktop_25_75 {
    grid-template-columns: 1fr 3fr;
  }
  .grid_desktop_66_33 {
    grid-template-columns: 2fr 1fr;
  }
  .grid_desktop_60_40 {
    grid-template-columns: 3fr 2fr;
  }
  .grid_desktop_40_60 {
    grid-template-columns: 2fr 3fr;
  }
  .grid_desktop_33_66 {
    grid-template-columns: 1fr 2fr;
  }
  .grid_desktop_50_25_25 {
    grid-template-columns: 2fr 1fr 1fr;
  }
  .grid_desktop_40_30_30 {
    grid-template-columns: 4fr 3fr 3fr;
  }
  .grid_desktop_50_25_25 {
    grid-template-columns: 2fr 1fr 1fr;
  }
  .grid_desktop_25_50_25 {
    grid-template-columns: 1fr 2fr 1fr;
  }
  .grid_desktop_25_25_50 {
    grid-template-columns: 1fr 1fr 2fr;
  }
  .grid_desktop_40_30_30 {
    grid-template-columns: 4fr 3fr 3fr;
  }
  .grid_desktop_30_40_30 {
    grid-template-columns: 3fr 4fr 3fr;
  }
  .grid_desktop_30_30_40 {
    grid-template-columns: 3fr 3fr 4fr;
  }
  .grid_desktop_20_40_40 {
    grid-template-columns: 1fr 2fr 2fr;
  }
  .grid_desktop_40_20_40 {
    grid-template-columns: 2fr 1fr 2fr;
  }
  .grid_desktop_40_40_20 {
    grid-template-columns: 2fr 2fr 1fr;
  }
  .grid_desktop_25_25_25_25 {
    grid-template-columns: repeat(4, 1fr);
  }
  .grid_desktop_40_20_20_20 {
    grid-template-columns: 2fr 1fr 1fr 1fr;
  }
  .grid_desktop_20_40_20_20 {
    grid-template-columns: 1fr 2fr 1fr 1fr;
  }
  .grid_desktop_20_20_40_20 {
    grid-template-columns: 1fr 1fr 2fr 1fr;
  }
  .grid_desktop_20_20_20_40 {
    grid-template-columns: 1fr 1fr 1fr 2fr;
  }
  .grid_desktop_20_20_20_20_20 {
    grid-template-columns: repeat(5, 1fr);
  }
  .gap_desktop_0 {
    grid-gap: 0;
  }
  .gap_desktop_1 {
    grid-gap: 1rem;
  }
  .gap_desktop_2 {
    grid-gap: 2rem;
  }
  .gap_desktop_3 {
    grid-gap: 3rem;
  }
  .gap_desktop_4 {
    grid-gap: 4rem;
  }
  .gap_desktop_5 {
    grid-gap: 5rem;
  }
  .gap_desktop_6 {
    grid-gap: 6rem;
  }
  .gap_desktop_7 {
    grid-gap: 7rem;
  }
  .gap_desktop_8 {
    grid-gap: 8rem;
  }
  .gap_desktop_9 {
    grid-gap: 9rem;
  }
  .gap_desktop_10 {
    grid-gap: 10rem;
  }
  .gap_desktop_11 {
    grid-gap: 11rem;
  }
  .gap_desktop_12 {
    grid-gap: 12rem;
  }
}

/*# sourceMappingURL=clickpress-grid.css.map */

#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
@charset "UTF-8";
:root{--fade_duration: 1.5s;--move_duration: 1.5s;--ivp_animation_delay: 0s}.ivp{overflow:visible}.einblenden.ivp:not(.above_viewport){opacity:0;position:relative}.einblenden.ivp.iivp{opacity:1;transition:opacity var(--fade_duration) ease-in-out var(--ivp_animation_delay)}.einblendenVonHinten.ivp:not(.above_viewport){opacity:0;transform:scale(0.8);position:relative}.einblendenVonHinten.ivp.iivp{opacity:1;transform:scale(1);transition:transform var(--move_duration) ease-out var(--ivp_animation_delay), opacity var(--fade_duration) ease-out var(--ivp_animation_delay)}.einblendenVonVorne.ivp:not(.above_viewport){opacity:0;transform:scale(1.1);position:relative}.einblendenVonVorne.ivp.iivp{opacity:1;transform:scale(1);transition:transform var(--move_duration) ease-out var(--ivp_animation_delay), opacity var(--fade_duration) ease-out var(--ivp_animation_delay)}.einblendenVonRechts.ivp:not(.above_viewport){opacity:0;transform:translateX(100px);position:relative}.einblendenVonRechts.ivp.iivp{opacity:1;transform:translateX(0);transition:opacity var(--fade_duration) ease-out var(--ivp_animation_delay), transform var(--move_duration) ease-out var(--ivp_animation_delay)}.einblendenVonLinks.ivp:not(.above_viewport){opacity:0;transform:translateX(-100px);position:relative}.einblendenVonLinks.ivp.iivp{opacity:1;transform:translateX(0);transition:opacity var(--fade_duration) ease-out var(--ivp_animation_delay), transform var(--move_duration) ease-out var(--ivp_animation_delay)}.mod_article:has(.einblendenVonOben){overflow:hidden}.einblendenVonOben.ivp:not(.above_viewport){opacity:0;transform:translateY(-100px);position:relative}.einblendenVonOben.ivp.iivp{opacity:1;transform:translateY(0);transition:opacity var(--fade_duration) ease-out var(--ivp_animation_delay), transform var(--move_duration) ease-out var(--ivp_animation_delay)}.mod_article:has(.einblendenVonUnten){overflow:hidden}.einblendenVonUnten.ivp:not(.above_viewport),.einblendenVonUnten.ivp:not(.above_viewport) .formbody>*{opacity:0;transform:translateY(100px);position:relative}.einblendenVonUnten.ivp.iivp,.einblendenVonUnten.ivp.iivp .formbody>*{opacity:1;transform:translateY(0);transition:opacity var(--fade_duration) ease-out var(--ivp_animation_delay), transform var(--move_duration) ease-out var(--ivp_animation_delay)}.mod_article .content-text.einblendenVonBeidenSeiten.ivp:not(.above_viewport) .rte,.mod_article .content-text.einblendenVonBeidenSeiten.ivp:not(.above_viewport)>figure img{position:relative}.mod_article .content-text.einblendenVonBeidenSeiten.ivp:not(.above_viewport).media--right .rte{opacity:0;transform:translateX(-100px)}.mod_article .content-text.einblendenVonBeidenSeiten.ivp:not(.above_viewport).media--right>figure img{opacity:0;transform:translateX(100px)}.mod_article .content-text.einblendenVonBeidenSeiten.ivp:not(.above_viewport).media--left .rte{opacity:0;transform:translateX(100px)}.mod_article .content-text.einblendenVonBeidenSeiten.ivp:not(.above_viewport).media--left>figure img{opacity:0;transform:translateX(-100px)}.mod_article .content-text.einblendenVonBeidenSeiten.ivp.iivp .rte,.mod_article .content-text.einblendenVonBeidenSeiten.ivp.iivp>figure img{transition:opacity var(--fade_duration) ease-out var(--ivp_animation_delay), transform var(--move_duration) ease-out var(--ivp_animation_delay)}.mod_article .content-text.einblendenVonBeidenSeiten.ivp.iivp.media--right .rte{opacity:1;transform:translateX(0)}.mod_article .content-text.einblendenVonBeidenSeiten.ivp.iivp.media--right>figure img{opacity:1;transform:translateX(0)}.mod_article .content-text.einblendenVonBeidenSeiten.ivp.iivp.media--left .rte{opacity:1;transform:translateX(0)}.mod_article .content-text.einblendenVonBeidenSeiten.ivp.iivp.media--left>figure img{opacity:1;transform:translateX(0)}.mod_article .content-text.einblendenVonBeidenSeiten.nacheinanderEinblenden.ivp.iivp.media--right .rte{transition:opacity var(--fade_duration) ease-out var(--ivp_animation_delay), transform var(--move_duration) ease-out var(--ivp_animation_delay)}.mod_article .content-text.einblendenVonBeidenSeiten.nacheinanderEinblenden.ivp.iivp.media--right>figure img{transition:opacity var(--fade_duration) ease-out var(--ivp_animation_delay, 0.5s), transform var(--move_duration) ease-out var(--ivp_animation_delay, 0.5s)}.mod_article .content-text.einblendenVonBeidenSeiten.nacheinanderEinblenden.ivp.iivp.media--left .rte{transition:opacity var(--fade_duration) ease-out var(--ivp_animation_delay, 0.5s), transform var(--move_duration) ease-out var(--ivp_animation_delay, 0.5s)}.mod_article .content-text.einblendenVonBeidenSeiten.nacheinanderEinblenden.ivp.iivp.media--left>figure img{transition:opacity var(--fade_duration) ease-out var(--ivp_animation_delay), transform var(--move_duration) ease-out var(--ivp_animation_delay)}.mod_article .media--second_image.BilderEinblenden.ivp:not(.above_viewport){overflow:visible}.mod_article .media--second_image.BilderEinblenden.ivp:not(.above_viewport) figure>figure:not(.second_image),.mod_article .media--second_image.BilderEinblenden.ivp:not(.above_viewport) figure>figure.second_image{position:relative}.mod_article .media--second_image.BilderEinblenden.ivp:not(.above_viewport) figure>figure:not(.second_image){opacity:0;transform:translateX(-100px)}.mod_article .media--second_image.BilderEinblenden.ivp:not(.above_viewport) figure>figure.second_image{opacity:0;transform:translateX(100px)}.mod_article .content-text.BilderEinblenden.ivp.iivp figure>figure:not(.second_image),.mod_article .content-text.BilderEinblenden.ivp.iivp figure>figure.second_image{transition:opacity var(--fade_duration) ease-out var(--ivp_animation_delay), transform var(--move_duration) ease-out var(--ivp_animation_delay)}.mod_article .content-text.BilderEinblenden.ivp.iivp figure>figure:not(.second_image){opacity:1;transform:translateX(0)}.mod_article .content-text.BilderEinblenden.ivp.iivp figure>figure.second_image{opacity:1;transform:translateX(0)}.mod_article .media--second_image.BilderEinblendenVonUnten.ivp:not(.above_viewport){overflow:visible}.mod_article .media--second_image.BilderEinblendenVonUnten.ivp:not(.above_viewport) figure>figure:not(.second_image),.mod_article .media--second_image.BilderEinblendenVonUnten.ivp:not(.above_viewport) figure>figure.second_image{position:relative}.mod_article .media--second_image.BilderEinblendenVonUnten.ivp:not(.above_viewport) figure>figure:not(.second_image){opacity:0;transform:translateY(100px)}.mod_article .media--second_image.BilderEinblendenVonUnten.ivp:not(.above_viewport) figure>figure.second_image{opacity:0;transform:translateY(100px)}.mod_article .content-text.BilderEinblendenVonUnten.ivp.iivp figure>figure:not(.second_image),.mod_article .content-text.BilderEinblendenVonUnten.ivp.iivp figure>figure.second_image{transition:opacity var(--fade_duration) ease-out var(--ivp_animation_delay), transform var(--move_duration) ease-out var(--ivp_animation_delay)}.mod_article .content-text.BilderEinblendenVonUnten.ivp.iivp figure>figure.second_image{transition:opacity var(--fade_duration) ease-out 0.5s, transform var(--move_duration) ease-out 0.5s}.mod_article .content-text.BilderEinblendenVonUnten.ivp.iivp figure>figure:not(.second_image){opacity:1;transform:translateY(0)}.mod_article .content-text.BilderEinblendenVonUnten.ivp.iivp figure>figure.second_image{opacity:1;transform:translateY(0)}.einblendenVonUnten.ivp.iivp .formbody>*:nth-child(1){transition-delay:0s}.einblendenVonUnten.ivp.iivp .formbody>*:nth-child(2){transition-delay:0.2s}.einblendenVonUnten.ivp.iivp .formbody>*:nth-child(3){transition-delay:0.4s}.einblendenVonUnten.ivp.iivp .formbody>*:nth-child(4){transition-delay:0.6s}.einblendenVonUnten.ivp.iivp .formbody>*:nth-child(5){transition-delay:0.8s}.einblendenVonUnten.ivp.iivp .formbody>*:nth-child(6){transition-delay:1s}.einblendenVonUnten.ivp.iivp .formbody>*:nth-child(7){transition-delay:1.2s}.einblendenVonUnten.ivp.iivp .formbody>*:nth-child(8){transition-delay:1.4s}.einblendenVonUnten.ivp.iivp .formbody>*:nth-child(9){transition-delay:1.6s}.einblendenVonUnten.ivp.iivp .formbody>*:nth-child(10){transition-delay:1.8s}.einblendenVonUnten.ivp.iivp .formbody>*:nth-child(11){transition-delay:2s}.einblendenVonUnten.ivp.iivp .formbody>*:nth-child(12){transition-delay:2.2s}.AnimationVerzögert.ivp.iivp,.verzögert.ivp.iivp,.AnimationVerzögert025.ivp.iivp,.verzögert025.ivp.iivp{transition-delay:0.25s}.AnimationVerzögert05.ivp.iivp,.verzögert05.ivp.iivp{transition-delay:0.5s}.AnimationVerzögert1.ivp.iivp,.verzögert1.ivp.iivp{transition-delay:1s}.AnimationVerzögert15.ivp.iivp,.verzögert15.ivp.iivp{transition-delay:1.5s}.AnimationVerzögert2.ivp.iivp,.verzögert2.ivp.iivp{transition-delay:2s}.AnimationVerzögert25.ivp.iivp,.verzögert25.ivp.iivp{transition-delay:2.5s}.Animationsdauer.ivp.iivp,.Animationsdauer025.ivp.iivp,.Dauer025.ivp.iivp{transition-duration:0.25s}.Animationsdauer05.ivp.iivp,.Dauer05.ivp.iivp{transition-duration:0.5s}.Animationsdauer1.ivp.iivp,.Dauer1.ivp.iivp{transition-duration:1s}.Animationsdauer15.ivp.iivp,.Dauer15.ivp.iivp{transition-duration:1.5s}.Animationsdauer2.ivp.iivp,.Dauer2.ivp.iivp{transition-duration:2s}.Animationsdauer25.ivp.iivp,.Dauer25.ivp.iivp{transition-duration:2.5s}
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
:root {
    --blau: #2B8AB3;
    --blauhell: #63C4EE;
    --grau: #C5C6C6;
    --grauhell: #D9DADA;
    --feuer1: #FA6722;
    --feuer2: #F4D806;
    --dark: #29292E;
}

html {
    scroll-padding-top: 5vw;
    scroll-behavior: smooth;
}

body {
    font-size: 100%;
    font-family: "Exo 2", "Bai Jamjuree", "Georama", "Open Sans", Arial, "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
    line-height: 150%;
    color: #333;
    -moz-hyphens: auto;
    hyphens: auto;
    animation: fadein 0.75s;
    -moz-animation: fadein 1.0s;
    -webkit-animation: fadein 0.75s;
}

h1,
h2,
h3,
h4 {
    line-height: 120%;
    text-wrap: balance;
}

.index h1 {
    font-size: 3em;
    margin: 0 0 2rem 0;
    font-weight: 200;
}

h1 {
    font-size: 2.75em;
    font-weight: 700;
    margin: 0;
}

h2 {
    font-size: 2.25em;
    font-weight: 300;
    margin: 1.5rem 0 1rem 0;
    font-family: inherit;
}

/*h2:after {
    width: 50px;
    height: 2px;
    display: block;
    margin-top: 10px;
    margin-bottom: 15px;
    background-color: #FFF;
    content: "";
}*/
.mitte h2:after {
    margin: 10px auto 15px auto;
}

h3 {
    font-size: 1.75em;
    margin: 1.5rem 0 1rem 0;
    font-weight: 800;
    font-family: inherit;
    text-transform: normal;
}

.starttitel h3 {
    font-size: 1.4em;
}

.startintro h3 {
    font-size: 1.25em;
}

.grid_desktop_50_50 .content-text h2 {
    margin-top: 0;
}

h3 + h1 {
    margin-top: -1rem !important;
}

h4 {
    font-size: 1.4em;
    font-weight: 400;
    font-family: inherit;
}

h1 + h4 {
    margin: 0;
}

img {
    vertical-align: middle;
}

strong {
    font-weight: 600;
}

.resp.content-gallery ul {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr));
    gap: 1rem;
}

.ref.content-gallery ul {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr));
    gap: 1rem;
}

.apparate .resp.content-gallery ul {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(160px, 100%), 1fr));
    gap: 2rem;
}

.apparate .resp.content-gallery ul figure {
    position: relative;
}

.apparate .resp.content-gallery ul figure:after {
    box-shadow: inset 0 0 30px 0 #000000;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    border-radius: 100%;
}

.apparate .resp.content-gallery ul figure img {
    border: 2px solid #fff;
    box-sizing: border-box;
}

a {
    text-decoration: none;
    color: var(--blau);
    transition: 0.5s;
    font-weight: 500;
    border-bottom: 1px solid;
    transition: 0.5s;
}

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

a[href*="//"]:not([href*="https://www.meineseite.de"])::after {
    display: inline-block;
    font: 1em "Material Icons";
    text-decoration: none;
    margin-left: 5px;
    content: "\f8ce";
}

.content-image a {
    border: none;
}

.content-image a:after,
#footer a:after {
    display: none;
}

.media--right figure {
    margin: 1rem 0 10px 2rem;
}

.media--left figure {
    margin: 0 2rem 10px 0;
}

.quali .media--right figure {
    margin: 1rem 2rem 10px 0 !important;
}

/*.btn p {
    display: flex;
    justify-content: start;
    gap: 2rem 1rem;
}*/
.btn p a,
.ce_form button {
    display: inline-block;
    padding: 15px 30px;
    margin: 10px 20px 0 0;
    background-color: transparent;
    border: 2px solid var(--feuer1);
    border-radius: 0;
    color: var(--feuer1);
    cursor: pointer;
    transition: 0.5s;
    font-weight: 600;
    font-size: 0.9375em;
    text-align: center;
    text-transform: uppercase;
    hyphens: none;
}

.btn p a:hover,
.ce_form button:hover {
    background-color: var(--feuer1);
    color: #FFF;
}

.btn2 p a {
    font-weight: 500;
    line-height: 100%;
    text-transform: uppercase;
    background-color: var(--taupehell);
    color: var(--taupedunkel);
    font-size: 0.9em;
    display: inline-flex;
    align-items: center;
    justify-content: start;
    margin: 0 0 0 3rem;
    padding: 1rem 2rem;
}

.btn2 p a:after {
    font-family: FontAwesome;
    content: "\f101";
    margin-left: 8px;
    margin-top: 0px;
    font-size: 1.25em;
}

.btn2 p a:hover {
    color: #FFF;
}

.bg1 .btn p a {
    color: #FFF;
    border-color: #FFF;
    font-size: 0.875em;
    padding: 10px 15px;
}

#main .content-text ul {
    padding-left: 30px;
    list-style-type: disc;
}

.schmal750 {
    max-width: 750px;
    margin-right: auto;
    margin-left: auto;
}

.schmal500 {
    max-width: 500px;
    margin-right: auto;
    margin-left: auto;
}

.mitte {
    margin: auto;
    text-align: center;
}

#container {
    padding: 4vw 0 5vw 0;
}

.index #container,
.Fertigung #container,
.Kontakt #container {
    padding: 4vw 0 0 0;
}

#main .mod_article:not(.fullwidth) {
    max-width: 1140px;
    margin: auto;
    padding: 40px 30px 60px 30px;
    box-sizing: border-box;
}

/*#main {
    scroll-margin-top: 80px;
}*/
.innen {
    max-width: 1140px;
    margin: 0 auto;
    padding: 20px;
    box-sizing: border-box;
}

.bg1 {
    background-color: var(--blau);
    color: #fff;
    padding: 40px 20px;
    margin: 20px 0 0 0;
    position: relative;
    background-image: url("../../files/img/Rect Light 4.svg");
    background-repeat: no-repeat;
    background-size: auto 52%;
    background-position: left bottom;
    box-sizing: border-box;
}

.bg1 a {
    color: #fff;
    font-weight: 600;
}

.bg2 {
    background-color: #DCECF3;
    padding: 4rem 1rem 2rem 1rem;
    margin: 0 0 0 0;
    position: relative;
}

.box1 {
    /*border: 8px solid var(--blauhell);
     background-color: #f1f1f1; */
    padding: 1rem 2rem 2rem 2rem;
    margin-top: 2rem;
    box-sizing: border-box;
}

.oben {
    position: absolute;
    width: 100%;
    padding: 0 1rem 0 0;
    z-index: 100;
    top: 0;
    /*left: 50%;
    transform: translateX(-50%);*/
    box-sizing: border-box;
    transition: 0.5s;
}

.obennav,
.obennav > div {
    overflow: visible;
}

.obennav {
    margin: auto;
    position: relative;
    padding: 0 2rem 0 3rem;
}

.oben.sticky {
    position: fixed;
    top: -75px;
    background-color: #FFF;
    box-shadow: 3px 0 20px rgba(0, 0, 0, 0.4);
}

#header .oben.sticky .obeninfo {
    opacity: 0;
}

.logooben {
    max-width: 300px;
    left: 0;
    top: 0;
    z-index: 100;
    transition: 0.5s;
}

.oben.sticky .logooben {
    max-width: 200px;
    box-sizing: border-box;
}

#header {
    background-color: var(--grauhell);
    min-height: 185px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,c5c6c6+23,f1f1f1+69,f1f1f1+69,d9dada+70,d9dada+100 */
    background: linear-gradient(135deg, rgba(255, 255, 255, 1) 0%, rgba(197, 198, 198, 1) 23%, rgba(241, 241, 241, 1) 69%, rgba(241, 241, 241, 1) 69%, rgba(217, 218, 218, 1) 70%, rgba(217, 218, 218, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background-position: center top;
    background-size: 100% 100%;
}

#header:after {
    width: 100%;
    height: 30%;
    display: block;
    position: absolute;
    top: 0px;
    left: 0;
    background: url("../../files/img/Rect Light 4.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right top;
    content: "";
    z-index: 0;
    box-sizing: border-box;
    rotate: 180deg;
}

#header .obeninfo {
    background-color: transparent;
    color: var(--blau);
    padding: 2rem 3rem 1rem 3rem;
    font-size: 0.875rem;
    font-weight: 400;
    box-sizing: border-box;
    transition: 0.5s;
    opacity: 1;
    margin: auto;
}

.obeninfo > div .rte > p {
    display: flex;
    align-items: center;
    column-gap: 8px;
    margin: 0;
}

.obeninfo a {
    border: none;
}

.obenkontakt .rte {
    display: flex;
    justify-content: end;
    column-gap: 2rem;
    width: 100%;
}

.startbildoben {
    position: relative;
    z-index: 0;
    margin-top: 116px;
}

.startbildoben:after {
    width: 100%;
    height: 50%;
    display: block;
    position: absolute;
    top: 2px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
    background: linear-gradient(to bottom, RGBA(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 50%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    content: "";
    z-index: 1;
}

.startbildoben img {
    width: 100vw;
    height: 58vh;
    object-fit: cover;
    object-position: center center;
    border-top: 2px solid var(--grauhell);
    box-sizing: border-box;
}

.startslider .startbildoben img {
    height: calc(95vh - 120px);
}

.startslider .swiper-wrapper:after {
    width: 100%;
    height: 50%;
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0;
    background: url("../../files/img/Rect Light 4.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right bottom;
    content: "";
    z-index: 0;
    box-sizing: border-box;
}

.starttextoben h2 {
    font-weight: 800;
}

.starttextoben {
    position: absolute;
    max-width: 750px;
    z-index: 55;
    bottom: 15%;
    color: #FFF;
    padding: 1rem 3rem 1.5rem 2rem;
    font-size: 1.2em;
    text-shadow: 0 0 20px #000;
    /*background-color: rgba(0, 0, 0, 0.5);*/
}

body:not(.index) .starttextoben {
    bottom: 0;
    font-size: 1em;
}

.startleistungen,
.startleistungen > * {
    overflow: visible;
}

.startleistungen {
    padding: 0 2vw;
    max-width: 1200px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.startleistungen > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.startleistungen .content-text {
    background-color: var(--blauhell);
    box-sizing: border-box;
    box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.1);
    max-width: 320px;
}

.startleistungen .content-text .rte {
    padding: 1rem 2rem 2rem 2rem;
}

/* .startleistungen .grid_tablet_50_50 > *:nth-child(5) {
    grid-column: 2 / -1;
} */
.gruende .grid_tablet_50_50 > *:nth-child(3) {
    grid-column: 1 / -1;
}

.gruende .content-text {
    border: 2px solid var(--grauhell);
    padding: 2rem;
}

.gruende .content-text blockquote {
    text-align: center;
}

.gruende .content-text blockquote p {
    margin: 0 1.5rem 0 0;
    line-height: 2.5rem;
    display: inline;
}

.gruende h3 {
    text-align: center;
    font-size: 1.5rem;
}

.gruende h3 i {
    font-size: 5rem;
    color: var(--blauhell);
}

.randkontakt {
    position: absolute;
    z-index: 500;
    right: 15px;
    bottom: -40px;
    background-color: transparent;
    color: #FFF;
    padding: 0;
    box-sizing: border-box;
    border: none;
    transition: 0.5s;
}

.randkontakt:hover {
    scale: 1.15;
}

.randkontakt img {
    animation: sway 2.4s infinite;
    animation-timing-function: ease-in-out;
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    transform-origin: top;
}

.wir {
    border: 1px solid var(--blau);
    padding: 3rem;
    box-sizing: border-box;
    margin: 0 0 3rem 0;
}

/* Counter */
.counter-section {
    margin: 1rem auto;
    /* Abstand für Scroll */
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr));
    justify-content: space-around;
    text-align: center;
    gap: 4rem 4rem;
    max-width: 1140px;
    hyphens: none;
}

.counter-box i {
    font-size: 4rem;
}

.counter-box > div {
    font-size: 3em;
}

.counter {
    font-size: 3.5em;
    font-size: 800;
    display: block;
    line-height: 100%;
}

h3.label {
    font-size: 1.25em;
    font-weight: 500;
    margin-top: 0.5em;
}

.leistungen #container {
    padding-bottom: 0;
}

.leistungen .bg1 {
    margin-top: 0;
}

.referenzen #main .content-gallery {
    margin: 3rem 0 0rem 0;
}

.referenzen #main .ref1.content-gallery {
    margin-bottom: 4rem;
}

#footer {
    background-color: var(--grauhell);
    color: var(--dark);
    font-weight: 300;
    line-height: 150%;
    box-sizing: border-box;
    padding: 0;
    position: relative;
    background-image: url("../../files/img/Rect Light 4.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left bottom;
}

#footer .schluss {
    background-color: var(--dark);
    color: #FFF;
}

#footer .schluss a {
    color: var(--blauhell);
}

#footer .schluss > div {
    max-width: 1140px;
    width: 100%;
    margin: auto;
}

#footer .schluss .cookies .rte p a {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 5px;
}

#footer .cookies i {
    width: 24px;
}

#footer a {
    border: none;
}

#footer .fuss {
    padding: 60px 20px;
}

#footer p {
    margin: 0;
}

/* Accordion */
.content-accordion > * {
    background-color: transparent;
}

.handorgel__header__button {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    padding: 20px 30px 10px 10px;
    box-sizing: border-box;
    display: flex;
    /* color: rgba(255, 255, 255, 0.705); */
}

.handorgel__header--open .handorgel__header__button {
    border-bottom: 2px solid #FFF;
}

.handorgel__header__button:before {
    content: "+";
    display: inline-block;
    margin-right: 10px;
    min-width: 15px;
}

.handorgel__header--open .handorgel__header__button:before {
    content: "-";
}

.handorgel__content {
    border: none;
}

.handorgel__content__inner {
    padding: 20px 30px 10px 35px;
}

.content-accordion {
    border: none;
}

.handorgel__content img {
    filter: grayscale(1);
    transition: 0.5s;
}

.handorgel__content:hover img {
    filter: grayscale(0);
}

/* Formulare */
.ce_form .formbody {
    box-sizing: border-box;
}

.ce_form input:focus,
.ce_form textarea:focus {
    outline: none;
}

.ce_form textarea,
.ce_form input.text {
    width: 100%;
    padding: 20px;
    font-size: .875em;
    box-sizing: border-box;
    transition: 0.5s;
    background-color: #FAFAFA;
    border: none;
    border: 1px solid #CCC;
    border-radius: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

.ce_form .widget {
    margin-bottom: 30px;
}

.ce_form input:focus,
.ce_form input:hover,
.ce_form textarea:focus,
.ce_form textarea:hover {
    border-color: var(--blauhell);
    box-sizing: border-box;
}

.ce_form label {
    color: var(--blau);
    font-weight: 600;
}

.ce_form fieldset {
    padding: 10px 20px 20px 20px;
    margin: 0 0 20px 0;
    background-color: transparent;
    border: 2px solid #CCC;
}

.ce_form fieldset input.text {
    margin: 0 0 0 0;
}

.ce_form fieldset div {
    gap: 3rem;
}

.ce_form fieldset legend {
    font-weight: 600;
    background: transparent;
    padding: 0 10px;
    color: var(--blau);
}

.ce_form fieldset.checkbox_container label {
    font-weight: 400 !important;
    color: #333;
}

.ce_form fieldset.checkbox_container > span {
    display: inline-block;
}

.ce_form fieldset.checkbox_container label {
    margin-right: 25px;
}

.ce_form .grid_desktop_50_50 {
    gap: 0 3rem;
}

/* Diverse Grundformatierungen */
i.material-icons {
    vertical-align: text-top;
}

table {
    width: 100%;
    border: 1px solid RGBA(185, 162, 129, 0.6);
    border-collapse: separate;
    box-sizing: border-box;
}

table td {
    padding: 5px 10px;
    background-color: RGBA(185, 162, 129, 0.3);
    border: 3px solid #FFF;
}

.spx .rte {
    columns: 390px auto;
    column-gap: 3rem;
}

.pagination li {
    display: inline-block;
}

figcaption,
.fcap {
    text-align: center;
    font-size: 0.875em;
    opacity: 0.8;
    padding-top: 5px;
}

.flex-images figcaption {
    opacity: 1;
    bottom: 0;
    position: absolute;
    color: #FFF;
    background-color: rgba(0, 0, 0, 0.452);
    padding: 5px;
    box-sizing: border-box;
    width: 100%;
}

.ggap2 > div {
    column-gap: 2rem;
}

.ggap22 > div {
    gap: 2rem;
}

.ggap3 > div {
    column-gap: 3rem;
}

.ggap33 > div {
    gap: 3rem;
}

.ggap4 > div {
    column-gap: 4rem;
}

.ggap44 > div {
    gap: 4rem;
}

.ggap5 > div {
    column-gap: 5rem;
}

.ggap55 > div {
    gap: 5rem;
}

.ggap6 > div {
    column-gap: 6rem;
}

.rund img {
    border-radius: 100%;
}

.mb1 {
    margin-bottom: 1rem;
}

.mb2 {
    margin-bottom: 2rem;
}

.mb3 {
    margin-bottom: 3rem;
}

.mb4 {
    margin-bottom: 4rem;
}

.mb5 {
    margin-bottom: 5rem;
}

.rwrap {
    position: relative;
    padding-bottom: clamp(250px, 50%, 50vh);
    height: 0;
    overflow: hidden;
}

.rwrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#footer .nach_oben_link {
    bottom: 40px;
    right: 20px;
    position: fixed;
    cursor: pointer;
}

#footer .nach_oben_link a {
    color: #333 !important;
    background-color: #FFF;
    border-radius: 10px;
    border-bottom: none;
    display: block;
    padding: 5px 10px;
}

.down {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -41px;
    z-index: 4;
    rotate: 45deg;
    transform-origin: 50% 50%;
}

.down i {
    font-size: 3rem;
    rotate: -45deg;
}

.down a {
    border: none;
    color: var(--feuer1);
    background-color: #FFF;
    opacity: 1;
    display: block;
    line-height: 100%;
}

.down p {
    margin: 0;
}

.Datenschutz .down,
.Impressum .down {
    display: none;
}

.swiper-wrapper {
    overflow: unset !important;
}

#header .swiper-pagination {
    text-align: left;
    width: 100%;
    bottom: 0;
    top: auto;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background-color: #FFF;
}

blockquote {
    font-size: 1.125rem;
    font-style: italic;
    border-left: 5px solid var(--blauhell);
    padding: 20px;
    margin: 20px 0;
    background: #f9f9f9;
    position: relative;
}

blockquote::before {
    content: "“";
    font-size: 5rem;
    font-weight: bold;
    color: var(--blauhell);
    position: absolute;
    left: 10px;
    top: 0px;
}

blockquote::after {
    content: "”";
    font-size: 5rem;
    font-weight: bold;
    color: var(--blauhell);
    position: absolute;
    right: 10px;
    bottom: -20px;
}

blockquote p {
    margin: 0;
}

cite {
    display: block;
    margin-top: 10px;
    font-size: 1rem;
    font-style: normal;
    color: #777;
    text-align: right;
}

cite::before {
    content: "— ";
}

@keyframes sway {
    0% {
        transform: rotate(8deg);
    }

    50% {
        transform: rotate(-8deg);
    }

    100% {
        transform: rotate(8deg);
    }
}

@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-o-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
.mainnav {
    position: relative;
    overflow: visible;
    z-index: 100;
    /* background-image: url(../../files/img/Logo_.svg);
    background-repeat: no-repeat;
    background-color: #DBF1F0;
    background-position: right -300px center;
    background-size: auto 80%; */
    transition: 1s;
    height: 100%;
    background-color: #FFF;
    border-radius: 10px;
    /* border: 1px solid var(--grauhell); */
}

.oben.sticky .mainnav {
    border: none;
}

.mainnav > ul {
    height: 100%;
    box-sizing: border-box;
    padding: 0;
    margin: 0 1rem 0 1rem;
    hyphens: none;
    white-space: nowrap;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    column-gap: 1rem;
}

.mainnav > ul > li {
    display: flex;
    align-items: center;
    position: relative;
}

.mainnav ul li a,
.mainnav ul li.active strong,
.mainnav ul li span {
    display: block;
    padding: 25px 5px;
    margin: 0;
    text-decoration: none;
    transition: 0.4s;
    font-weight: 600;
    font-size: 1.125em;
    text-transform: none;
    border: none;
    color: var(--dark);
    box-sizing: border-box;
}

.mainnav > ul > li > *:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    background-color: var(--blauhell);
    transition: 0.5s;
}

.mainnav > ul > li:hover > a:before,
.mainnav > ul > li > strong:before,
.mainnav > ul > li.trail > a:before,
.mainnav > ul > li.active > a {
    width: 100%;
    height: 8px;
}

.mainnav ul li.active strong,
.mainnav ul li.active .trail,
.mainnav ul li.active span {
    color: var(--blau);
}

/* .mainnav ul > li > *:before {
    margin-right: 8px;
    font-family: FontAwesome;
    content: "\f105";
    color: transparent;
    transition: 0.5s;
}

.mainnav ul > li.active strong:before {
    color: var(--taupehell);
} */
nav > ul > li.submenu > a:after {
    color: #333;
    content: "▾";
    font-size: 1.25rem;
    position: relative;
    background: none;
    margin: 0 0 0 5px;
    /*right: calc(50% - 4px);
    bottom: 15px;*/
}

.mainnav ul.level_2 {
    position: absolute;
    top: 100%;
    padding: 0;
    text-align: left;
    background-color: #FFF;
    width: auto;
    visibility: hidden;
    /* hides sub-menu */
    opacity: 0;
    transform: translateY(-2em);
    transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
    z-index: 3000;
}

.mainnav .submenu:hover ul.level_2,
.mainnav a:focus + ul.level_2 {
    top: 100%;
    visibility: visible;
    /* shows sub-menu */
    opacity: 1;
    z-index: 1;
    transform: translateY(0%);
    transition-delay: 0s, 0s, 0.3s;
    /* this removes the transition delay so the menu will be visible while the other styles transition */
}

.mainnav ul.level_2 li {
    display: block;
}

.mainnav ul.level_2 li a,
.mainnav ul.level_2 li.active strong {
    padding: 10px 30px;
    background-color: #FFF;
    font-weight: 400;
    text-transform: none;
    box-sizing: border-box;
}

.mainnav ul.level_2 li a:hover,
.mainnav ul.level_2 li.active a,
.mainnav ul.level_2 li.active strong {
    background-color: #EEE;
}

.subnav ul {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.subnav ul li a {
    display: inline-block;
    padding: 15px 30px;
    margin: 10px 20px 0 0;
    background-color: transparent;
    border: 2px solid var(--feuer1);
    border-radius: 0;
    color: var(--feuer1);
    cursor: pointer;
    transition: 0.5s;
    font-weight: 600;
    font-size: 0.9375em;
    text-align: center;
    text-transform: uppercase;
    hyphens: none;
}

/*.mainnav > ul.level_1 > li.trail > a {
    pointer-events: none;
    cursor: s-resize;
}*/
.footernav ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    column-gap: 1rem;
    margin: 0;
    padding: 20px;
    width: 100%;
    box-sizing: border-box;
}

/* Mobiles Menü */
.mobile_menu_trigger {
    top: 0;
    left: 0;
    position: fixed;
    padding: 15px;
    background-color: var(--feuer1);
    color: #FFF;
    border: 0px solid #FFF;
    border-right: none;
    text-transform: uppercase;
    cursor: pointer;
    font-weight: 400;
    z-index: 600000;
    line-height: 100%;
}

.mobile_menu_trigger i {
    transition: 0.5s;
    font-size: 2em;
}

.mobile_menu_trigger:hover i {
    scale: 1.25;
    rotate: 90deg;
}

.mod_mobile_menu {
    display: none;
}

.mobile_menu {
    width: auto !important;
    height: auto !important;
}

.mobile_menu .inner {
    padding: 100px 50px 50px 25px;
    width: auto;
    box-sizing: border-box;
    background-color: #FFF;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
}

.mobile_menu > nav > ul {
    text-align: left;
    margin: 0;
    padding: 0;
    position: relative;
}

.mobile_menu nav > ul > li {
    position: relative;
}

.mobile_menu nav > ul > li a,
.mobile_menu nav > ul > li.active strong {
    font-size: 1.5em;
    line-height: 120%;
    border: 0;
    margin: 10px 0;
    padding: 0;
    display: block;
}

.mobile_menu nav ul.level_2 {
    position: relative;
    padding: 0 0 0 15px;
    font-size: 0.8em;
}
@media (max-width:1080px) {
    .mainnav > ul {
        column-gap: 1rem;
        margin: 0 1rem;
    }
}

@media (max-width:990px) {
    .startbildoben img {
        height: 50vh;
    }

    .startslider .startbildoben img {
        height: 60vh;
        background-position: center top;
    }

    .logooben {
        margin: 0 auto 0 auto;
        order: 2;
    }

    .mainnav {
        border-radius: 0;
        order: 1;
    }

    .mainnav ul li a,
    .mainnav ul li.active strong {
        padding: 15px 5px;
    }

    .mainnav > ul > li:hover > a:before,
    .mainnav > ul > li > strong:before {
        height: 4px;
    }

    #header .obeninfo {
        padding: 1rem 0;
    }

    .startbildoben {
        margin-top: 100px;
    }

    .obeninfo > div {
        padding: 0 20px;
    }

    .randkontakt {
        bottom: auto;
    }

    #header {
        min-height: 102px;
    }
}

@media (max-width:820px) {
    .obeninfo > div .content-text:first-child {
        display: none;
    }

    .obeninfo > div {
        grid-template-columns: 1fr;
        justify-content: center;
    }

    .obenkontakt .rte {
        justify-content: center;
    }

    .mod_mobile_menu {
        display: block;
    }

    #header .mainnav {
        display: none;
    }

    .oben.sticky {
        top: -57px;
    }

    .oben.sticky .logooben {
        max-width: 175px;
        margin: 5px auto;
    }
}

@media (max-width:768px) {}

@media (max-width:480px) {

    .float_right,
    .float_left,
    .float_above {
        margin: 0 0 10px 0 !important;
        float: none !important;
        text-align: center;
    }

    h1 {
        font-size: 3em !important;
        left: 20px !important;
    }

    h2 {
        font-size: 2.5em;
    }

    h3 {
        font-size: 1.5em;
        text-transform: inherit;
    }

    .subwohnen .innen > div,
    .startwohnen .innen > div {
        row-gap: 3rem;
    }

    /* .logooben img {
        max-width: 300px;
    } */
    .starthome .content-gallery img {
        aspect-ratio: 5 / 4;
        object-fit: cover;
    }

    .starthome .content-gallery ul {
        flex-wrap: wrap;
    }

    .starttextoben {
        font-size: 1em;
        bottom: 5%;
    }

    #header .swiper-slide .rte {
        left: auto;
        right: auto;
        bottom: 2%;
        text-align: center;
        width: 100%;
        padding: 0 20px;
    }

    #header .swiper-slide .rte h2 {
        font-size: 3em;
    }

    #header .swiper-slide .rte h3 {
        font-size: 1.4em;
        margin-bottom: 1rem;
    }

    #footer .fuss {
        padding: 50px 30px;
    }

    #footer .inside {
        margin-bottom: 40px;
    }

    #footer .schluss > *:after {
        display: none;
    }

    #header .mainnav {
        display: none;
    }

    .obenkontakt .rte {
        display: block;
    }

    .obenkontakt {
        margin: auto;
        margin-top: -5px;
    }

    .oben.sticky {
        top: -75px
    }

    .logooben {
        max-width: 200px;
        margin-top: -3px;
    }

    .startwohnen > div .content-text:nth-child(3) img,
    .dwohnen > div > :nth-child(3) img {
        aspect-ratio: 4 / 3;
    }

    .randkontakt {
        max-width: 45px;
        right: 0;
        position: absolute;
    }

    .btn2 p a {
        margin: 0;
    }

    .cookies {
        text-align: center;
        margin: -1rem 0 0 0;
        padding-bottom: 1rem;
    }

    table td {
        display: list-item;
        list-style-type: none;
        width: 100% !important;
        box-sizing: border-box;
        border: none;
        margin-bottom: 2px;
    }

    table tr:not(:last-child) td:last-child {
        margin-bottom: 1rem;
    }

    table tr:last-child td:last-child {
        margin-bottom: 0;
    }
}

@media (orientation:landscape) and (max-width:880px) {
    .logooben .image_container {
        margin: auto;
    }
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../../files/fonts/Material-Icons/./material-icons.woff2") format("woff2"), url("../../files/fonts/Material-Icons/./material-icons.woff") format("woff");
}
.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}

@font-face {
  font-family: "Material Icons Outlined";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../../files/fonts/Material-Icons/./material-icons-outlined.woff2") format("woff2"), url("../../files/fonts/Material-Icons/./material-icons-outlined.woff") format("woff");
}
.material-icons-outlined {
  font-family: "Material Icons Outlined";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}

@font-face {
  font-family: "Material Icons Round";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../../files/fonts/Material-Icons/./material-icons-round.woff2") format("woff2"), url("../../files/fonts/Material-Icons/./material-icons-round.woff") format("woff");
}
.material-icons-round {
  font-family: "Material Icons Round";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}

@font-face {
  font-family: "Material Icons Sharp";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../../files/fonts/Material-Icons/./material-icons-sharp.woff2") format("woff2"), url("../../files/fonts/Material-Icons/./material-icons-sharp.woff") format("woff");
}
.material-icons-sharp {
  font-family: "Material Icons Sharp";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}

@font-face {
  font-family: "Material Icons Two Tone";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../../files/fonts/Material-Icons/./material-icons-two-tone.woff2") format("woff2"), url("../../files/fonts/Material-Icons/./material-icons-two-tone.woff") format("woff");
}
.material-icons-two-tone {
  font-family: "Material Icons Two Tone";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}

/* exo-2-100 - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 100;
    src: url('../../files/fonts/exo-2-v25-latin-100.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* exo-2-100italic - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Exo 2';
    font-style: italic;
    font-weight: 100;
    src: url('../../files/fonts/exo-2-v25-latin-100italic.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* exo-2-200 - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 200;
    src: url('../../files/fonts/exo-2-v25-latin-200.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* exo-2-200italic - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Exo 2';
    font-style: italic;
    font-weight: 200;
    src: url('../../files/fonts/exo-2-v25-latin-200italic.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* exo-2-300 - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 300;
    src: url('../../files/fonts/exo-2-v25-latin-300.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* exo-2-300italic - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Exo 2';
    font-style: italic;
    font-weight: 300;
    src: url('../../files/fonts/exo-2-v25-latin-300italic.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* exo-2-regular - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 400;
    src: url('../../files/fonts/exo-2-v25-latin-regular.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* exo-2-italic - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Exo 2';
    font-style: italic;
    font-weight: 400;
    src: url('../../files/fonts/exo-2-v25-latin-italic.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* exo-2-500 - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 500;
    src: url('../../files/fonts/exo-2-v25-latin-500.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* exo-2-500italic - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Exo 2';
    font-style: italic;
    font-weight: 500;
    src: url('../../files/fonts/exo-2-v25-latin-500italic.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* exo-2-600 - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 600;
    src: url('../../files/fonts/exo-2-v25-latin-600.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* exo-2-600italic - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Exo 2';
    font-style: italic;
    font-weight: 600;
    src: url('../../files/fonts/exo-2-v25-latin-600italic.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* exo-2-700 - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 700;
    src: url('../../files/fonts/exo-2-v25-latin-700.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* exo-2-700italic - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Exo 2';
    font-style: italic;
    font-weight: 700;
    src: url('../../files/fonts/exo-2-v25-latin-700italic.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* exo-2-800 - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 800;
    src: url('../../files/fonts/exo-2-v25-latin-800.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* exo-2-800italic - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Exo 2';
    font-style: italic;
    font-weight: 800;
    src: url('../../files/fonts/exo-2-v25-latin-800italic.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* exo-2-900 - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 900;
    src: url('../../files/fonts/exo-2-v25-latin-900.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* exo-2-900italic - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Exo 2';
    font-style: italic;
    font-weight: 900;
    src: url('../../files/fonts/exo-2-v25-latin-900italic.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}