.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}
.sharebuttons {
overflow:hidden;
}
.sharebuttons > ul.theme {
list-style-type:none;
margin:-4px;
padding:0;
}
.sharebuttons > ul.theme:after {
content:"";
display:block;
clear:both;
}
.sharebuttons > ul.theme > li {
float:left;
}
.sharebuttons > ul.theme > li > a {
margin:4px;
display:block;
white-space:nowrap;
overflow:hidden;
text-indent:101%;
background-repeat:no-repeat;
background-position:center;
}
.sharebuttons > ul.text > li > a {
text-indent:0;
}
/* source: http://www.twelveskip.com/resources/icons/1091/boxxed-flat-social-media-icons */
.sharebuttons > ul.boxxed > li > a {
width:32px;
height:32px;
background-image:url('../../system/modules/sharebuttons/assets/boxxed/sprites-32.png');
}
.sharebuttons > ul.boxxed > li > a.facebook {
background-position:-40px 0;
}
.sharebuttons > ul.boxxed > li > a.twitter {
background-position:-160px 0;
}
.sharebuttons > ul.boxxed > li > a.gplus {
background-position:-80px 0;
}
.sharebuttons > ul.boxxed > li > a.linkedin {
background-position:-120px 0;
}
.sharebuttons > ul.boxxed > li > a.xing {
background-position:-200px 0;
}
.sharebuttons > ul.boxxed > li > a.mail {
background-position:0 0;
}
.sharebuttons > ul.boxxed > li > a.tumblr {
background-position:-240px 0;
}
.sharebuttons > ul.boxxed > li > a.pinterest {
background-position:-280px 0;
}
.sharebuttons > ul.boxxed > li > a.reddit {
background-position:-320px 0;
}
.sharebuttons > ul.boxxed > li > a.whatsapp {
background-position:-360px 0;
}
.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_mobile_60_40 {
grid-template-columns: 3fr 2fr;
}
.grid_mobile_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 */
.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}}
@charset "UTF-8";
.clearfix:after {
content: "";
display: table;
clear: both;
}
.sf-dump a {
border: none !important;
text-decoration: none !important;
background: none !important;
}
.sf-dump a:before, .sf-dump a:after {
content: none !important;
}
/* ==========================================================================
HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined in IE 8/9.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
}
/**
* Correct `inline-block` display not defined in IE 8/9.
*/
audio,
canvas,
video {
display: inline-block;
}
html {
--brand-color1: #a2c613;
--brand-color2: #e74124;
--brand-color3: #004556;
--brand-color4: #48570f;
--brand-black: #1D1D1B;
--brand-color1-100: #f6f9e7;
--brand-color1-200: #e3eeb8;
--brand-color1-300: #c7dd71;
--brand-color1-400: #b5d142;
--brand-color1-500: var(--brand-color1);
--brand-color1-600: #829e0f;
--brand-color1-700: #61770b;
--brand-color1-800: #414f08;
--brand-color1-900: #101402;
--brand-color2-100: #fdece9;
--brand-color2-200: #f8c6bd;
--brand-color2-300: #f18d7c;
--brand-color2-400: #ec6750;
--brand-color2-500: var(--brand-color2);
--brand-color2-600: #b9341d;
--brand-color2-700: #8b2716;
--brand-color2-800: #5c1a0e;
--brand-color2-900: #2e0d07;
--brand-color3-100: #e6ecee;
--brand-color3-200: #ccdadd;
--brand-color3-300: #99b5bb;
--brand-color3-400: #80a2ab;
--brand-color3-500: #4d7d89;
--brand-color3-600: #336a78;
--brand-color3-700: var(--brand-color3);
--brand-color3-800: #003745;
--brand-color3-900: #00232b;
--brand-color4-100: #edeee7;
--brand-color4-200: #c8cdb7;
--brand-color4-300: #a4ab87;
--brand-color4-400: #6d793f;
--brand-color4-500: var(--brand-color4);
--brand-color4-600: #3a460c;
--brand-color4-700: #323d0b;
--brand-color4-800: #242c08;
--brand-color4-900: #0e1103;
--grau-100: #f9f9f9;
--grau-200: #E5E5E6;
--grau-300: #D7D9DA;
--grau-400: #BDBFC2;
--grau-500: #95999D;
--grau-600: #74787C;
--grau-700: #56595C;
--grau-800: #3D4042;
--grau-900: var(--brand-black);
--base-color: #fff;
--text-color: var(--brand-color3-800);
--text-color-light: var(--grau-100);
--heading-color: var(--brand-color3);
--secondary-heading-color: var(--brand-color2);
--action: var(--brand-color3);
--action-respond: var(--brand-color1);
--alert-yellow: #ff0;
--alert-blue: #00f;
--alert-red: var(--brand-color2);
--alert-green: #0f0;
}
/* raleway-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: "Raleway";
font-style: normal;
font-weight: 100;
src: url("/files/theme/fonts/raleway-v34-latin-100.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-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: "Raleway";
font-style: italic;
font-weight: 100;
src: url("/files/theme/fonts/raleway-v34-latin-100italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-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: "Raleway";
font-style: normal;
font-weight: 200;
src: url("/files/theme/fonts/raleway-v34-latin-200.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-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: "Raleway";
font-style: italic;
font-weight: 200;
src: url("/files/theme/fonts/raleway-v34-latin-200italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-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: "Raleway";
font-style: normal;
font-weight: 300;
src: url("/files/theme/fonts/raleway-v34-latin-300.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-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: "Raleway";
font-style: italic;
font-weight: 300;
src: url("/files/theme/fonts/raleway-v34-latin-300italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-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: "Raleway";
font-style: normal;
font-weight: 400;
src: url("/files/theme/fonts/raleway-v34-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-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: "Raleway";
font-style: italic;
font-weight: 400;
src: url("/files/theme/fonts/raleway-v34-latin-italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-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: "Raleway";
font-style: normal;
font-weight: 500;
src: url("/files/theme/fonts/raleway-v34-latin-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-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: "Raleway";
font-style: italic;
font-weight: 500;
src: url("/files/theme/fonts/raleway-v34-latin-500italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-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: "Raleway";
font-style: normal;
font-weight: 600;
src: url("/files/theme/fonts/raleway-v34-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-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: "Raleway";
font-style: italic;
font-weight: 600;
src: url("/files/theme/fonts/raleway-v34-latin-600italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-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: "Raleway";
font-style: normal;
font-weight: 700;
src: url("/files/theme/fonts/raleway-v34-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-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: "Raleway";
font-style: italic;
font-weight: 700;
src: url("/files/theme/fonts/raleway-v34-latin-700italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-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: "Raleway";
font-style: normal;
font-weight: 800;
src: url("/files/theme/fonts/raleway-v34-latin-800.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-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: "Raleway";
font-style: italic;
font-weight: 800;
src: url("/files/theme/fonts/raleway-v34-latin-800italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-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: "Raleway";
font-style: normal;
font-weight: 900;
src: url("/files/theme/fonts/raleway-v34-latin-900.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-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: "Raleway";
font-style: italic;
font-weight: 900;
src: url("/files/theme/fonts/raleway-v34-latin-900italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
html {
--base-font-size: 16px;
--doc-font-size: 16;
--base-line-height: 24px;
}
body {
--font-family-sans: "Raleway", "Arial", "Droid sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
--font-family-serif: var(--font-family-sans);
--font-family-display: var(--font-family-serif);
--font-family-default: var(--font-family-sans);
--fw-xl: 100;
--fw-l: 300;
--fw-n: 400;
--fw-sb: 600;
--fw-b: 700;
}
:root {
--bp-s: $bp-s+px;
--bp-m: $bp-m+px;
--bp-l: $bp-l+px;
--bp-xl: $bp-xl+px;
--bp-wrap: $bp-wrap+px;
--bp-wrapbox: $bp-wrapbox+px;
}
.dev-bg_red {
background-color: red;
}
.bg-hellgruen, .content-element-group.infobox {
background-color: var(--brand-color1-100);
}
.bg-hellgrau {
background-color: var(--grau-100);
}
:root {
--space-small: .5rem;
--space-default: 1rem;
--space-medium: 2rem;
--space-large: 3rem;
--space-xlarge: 6rem;
--gapvalue: 1rem;
}
@media screen and (min-width: 768px) {
:root {
--gapvalue: 2rem;
}
}
@media screen and (min-width: 1472px) {
:root {
--gapvalue: 3rem;
}
}
.hidden {
display: none !important;
visibility: hidden;
}
.invisible, .ce_form .widget-radio .radio_container > span input, .ce_form .widget-checkbox .checkbox_container > span input {
border: 0 none;
clip: rect(0px, 0px, 0px, 0px);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.invisibleAccessible,
.sr-only {
position: absolute !important;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
padding: 0 !important;
border: 0 !important;
height: 1px !important;
width: 1px !important;
overflow: hidden !important;
}
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
.embed-container, .content-vimeo,
.aspect {
position: relative;
width: 100%;
height: 0;
overflow: hidden;
--aspect-ratio: 56.25%;
padding-bottom: var(--aspect-ratio);
}
.embed-container > iframe, .content-vimeo > iframe,
.embed-container > object,
.content-vimeo > object,
.embed-container > embed,
.content-vimeo > embed,
.embed-container > video,
.content-vimeo > video,
.aspect > iframe,
.aspect > object,
.aspect > embed,
.aspect > video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.embed-container.aspect--16\:9, .aspect--16\:9.content-vimeo,
.aspect.aspect--16\:9 {
--aspect-ratio: 56.25%;
}
.embed-container.aspect--16\:10, .aspect--16\:10.content-vimeo,
.aspect.aspect--16\:10 {
--aspect-ratio: 62.5%;
}
.embed-container.aspect--21\:9, .aspect--21\:9.content-vimeo,
.aspect.aspect--21\:9 {
--aspect-ratio: 42.86%;
}
.embed-container.aspect--4\:3, .aspect--4\:3.content-vimeo,
.aspect.aspect--4\:3 {
--aspect-ratio: 75%;
}
.embed-container.aspect--3\:2, .aspect--3\:2.content-vimeo,
.aspect.aspect--3\:2 {
--aspect-ratio: 66.67%;
}
.embed-container.aspect--1\:1, .aspect--1\:1.content-vimeo,
.aspect.aspect--1\:1 {
--aspect-ratio: 100%;
}
@supports not (--aspect-ratio: 56.25%) {
.embed-container.aspect--16\:9, .aspect--16\:9.content-vimeo,
.aspect.aspect--16\:9 {
padding-bottom: 56.25%;
}
.embed-container.aspect--16\:10, .aspect--16\:10.content-vimeo,
.aspect.aspect--16\:10 {
padding-bottom: 62.5%;
}
.embed-container.aspect--21\:9, .aspect--21\:9.content-vimeo,
.aspect.aspect--21\:9 {
padding-bottom: 42.86%;
}
.embed-container.aspect--4\:3, .aspect--4\:3.content-vimeo,
.aspect.aspect--4\:3 {
padding-bottom: 75%;
}
.embed-container.aspect--3\:2, .aspect--3\:2.content-vimeo,
.aspect.aspect--3\:2 {
padding-bottom: 66.67%;
}
.embed-container.aspect--1\:1, .aspect--1\:1.content-vimeo,
.aspect.aspect--1\:1 {
padding-bottom: 100%;
}
}
@supports (aspect-ratio: 16/9) {
.embed-container, .content-vimeo,
.aspect {
height: auto;
padding-bottom: 0;
}
.embed-container.aspect--16\:9, .aspect--16\:9.content-vimeo,
.aspect.aspect--16\:9 {
aspect-ratio: 16/9;
}
.embed-container.aspect--16\:10, .aspect--16\:10.content-vimeo,
.aspect.aspect--16\:10 {
aspect-ratio: 16/10;
}
.embed-container.aspect--21\:9, .aspect--21\:9.content-vimeo,
.aspect.aspect--21\:9 {
aspect-ratio: 21/9;
}
.embed-container.aspect--4\:3, .aspect--4\:3.content-vimeo,
.aspect.aspect--4\:3 {
aspect-ratio: 4/3;
}
.embed-container.aspect--3\:2, .aspect--3\:2.content-vimeo,
.aspect.aspect--3\:2 {
aspect-ratio: 3/2;
}
.embed-container.aspect--1\:1, .aspect--1\:1.content-vimeo,
.aspect.aspect--1\:1 {
aspect-ratio: 1/1;
}
}
.center-text {
text-align: center;
}
.center-block {
margin-inline: auto;
}
.center-all {
text-align: center;
margin-inline: auto;
}
.listreset, .content-downloads ul {
margin: 0;
padding: 0;
list-style: none;
}
@media screen and (max-width: 480pxpx) {
.hide-s {
display: none !important;
}
}
@media screen and (max-width: 480px-1px) {
.show-s {
display: none !important;
}
}
@media screen and (max-width: 768pxpx) {
.hide-m {
display: none !important;
}
}
@media screen and (max-width: 768px-1px) {
.show-m {
display: none !important;
}
}
@media screen and (max-width: 990pxpx) {
.hide-l {
display: none !important;
}
}
@media screen and (max-width: 990px-1px) {
.show-l {
display: none !important;
}
}
@media screen and (max-width: 1200pxpx) {
.hide-xl {
display: none !important;
}
}
@media screen and (max-width: 1200px-1px) {
.show-xl {
display: none !important;
}
}
@media screen and (max-width: 1440pxpx) {
.hide-wrap {
display: none !important;
}
}
@media screen and (max-width: 1440px-1px) {
.show-wrap {
display: none !important;
}
}
@media screen and (max-width: 1472pxpx) {
.hide-wrapbox {
display: none !important;
}
}
@media screen and (max-width: 1472px-1px) {
.show-wrapbox {
display: none !important;
}
}
.button_reset, .mod_faqpage button, .mobile_menu button, .mobile_menu_trigger button {
border: none;
margin: 0;
padding: 0;
width: auto;
overflow: visible;
background: transparent;
/* inherit font & color from ancestor */
color: inherit;
font: inherit;
/* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
line-height: normal;
/* Corrects font smoothing for webkit */
-webkit-font-smoothing: inherit;
-moz-osx-font-smoothing: inherit;
/* Corrects inability to style clickable `input` types in iOS */
-webkit-appearance: none;
/* Remove excess padding and border in Firefox 4+ */
}
.button_reset::-moz-focus-inner, .mod_faqpage button::-moz-focus-inner, .mobile_menu button::-moz-focus-inner, .mobile_menu_trigger button::-moz-focus-inner {
border: 0;
padding: 0;
}
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none; /* 1 */
text-decoration: underline; /* 2 */
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted; /* 2 */
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit; /* 1 */
font-size: 100%; /* 1 */
line-height: 1.15; /* 1 */
margin: 0; /* 2 */
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input { /* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select { /* 1 */
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
-webkit-box-sizing: border-box;
box-sizing: border-box; /* 1 */
color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type=checkbox],
[type=radio] {
-webkit-box-sizing: border-box;
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type=search] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/* ==========================================================================
Typography
========================================================================== */
/**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari 5, and Chrome.
*/
/**
* Address styling not present in Safari 5 and Chrome.
*/
dfn {
font-style: italic;
}
/**
* Address differences between Firefox and other browsers.
*/
/**
* Correct font family set oddly in Safari 5 and Chrome.
*/
code,
kbd,
pre,
samp {
font-family: monospace, serif;
font-size: 1em;
}
/**
* Improve readability of pre-formatted text in all browsers.
*/
pre {
white-space: pre-wrap;
}
/**
* Set consistent quote types.
*/
q {
quotes: "“" "”" "‘" "’";
}
/**
* Correct overflow displayed oddly in IE 9.
*/
svg:not(:root) {
overflow: hidden;
}
/* ==========================================================================
Figures
========================================================================== */
/**
* Address margin not present in IE 8/9 and Safari 5.
*/
figure {
margin: 0;
}
/* ==========================================================================
Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0;
}
/******************************************************************
CUSTOMIZED RESET VALUES
I added these extra styles as a more personalized reset. Feel free
to remove them if you like or add your own. If you want to update
the normalize styles, make sure to edit from this point up.
******************************************************************/
b, strong, .strong {
font-weight: bold;
}
em, .em {
font-style: italic;
}
small {
font-size: 75%;
}
dd {
margin: 0;
}
:root {
--border-radius: .75rem;
}
html {
font-size: 100%;
font-family: var(--font-family-default);
font-variant-numeric: lining-nums;
-webkit-font-feature-settings: "lnum" 1;
font-feature-settings: "lnum" 1;
}
@media screen and (min-width: 768px) {
html {
font-size: 112.5%;
}
}
@media screen and (min-width: 1200px) {
html {
font-size: 125%;
}
}
html, body {
font-family: var(--font-family-default);
font-weight: var(--fw-n);
line-height: 1.5;
color: var(--text-color);
overflow-x: hidden;
}
:has(:target) {
scroll-padding-top: 120px;
}
@media screen and (min-width: 768px) {
:has(:target) {
scroll-padding-top: 80px;
}
}
@media (prefers-reduced-motion: no-preference) {
html {
scroll-behavior: smooth;
}
}
@media (prefers-reduced-motion) {
*,
*::before,
*::after {
-webkit-transition: none !important;
transition: none !important;
-webkit-animation: none !important;
animation: none !important;
}
}
p {
font-size: 1em;
color: var(--text-color);
margin: 0 0 0.75em 0;
text-wrap: pretty;
}
::-moz-selection {
background: var(--grau-500);
color: #fff;
text-shadow: none;
}
::-moz-selection,
::selection {
background: var(--grau-500);
color: #fff;
text-shadow: none;
}
html {
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
*,
*:before,
*:after {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
:root {
--spacingtop: 2;
--spacingbottom: 2;
}
.mtop0 {
--spacingtop: 0;
}
.mtop10 {
--spacingtop: 10;
}
.mtop20 {
--spacingtop: 20;
}
.mtop30 {
--spacingtop: 30;
}
.mtop40 {
--spacingtop: 40;
}
.mtop50 {
--spacingtop: 50;
}
.mtop60 {
--spacingtop: 60;
}
.mtop70 {
--spacingtop: 70;
}
.mtop80 {
--spacingtop: 80;
}
.mtop90 {
--spacingtop: 90;
}
.mtop100 {
--spacingtop: 100;
}
.mtop150 {
--spacingtop: 150;
}
.mtop200 {
--spacingtop: 200;
}
.mtop300 {
--spacingtop: 300;
}
.mbottom0 {
--spacingbottom: 0;
}
.mbottom10 {
--spacingbottom: 10;
}
.mbottom20 {
--spacingbottom: 20;
}
.mbottom30 {
--spacingbottom: 30;
}
.mbottom40 {
--spacingbottom: 40;
}
.mbottom50 {
--spacingbottom: 50;
}
.mbottom60 {
--spacingbottom: 60;
}
.mbottom70 {
--spacingbottom: 70;
}
.mbottom80 {
--spacingbottom: 80;
}
.mbottom90 {
--spacingbottom: 90;
}
.mbottom100 {
--spacingbottom: 100;
}
.mbottom150 {
--spacingbottom: 150;
}
.mbottom200 {
--spacingbottom: 200;
}
.mbottom300 {
--spacingbottom: 300;
}
.ptop0 {
--spacingtop: 0;
}
.ptop10 {
--spacingtop: 10;
}
.ptop20 {
--spacingtop: 20;
}
.ptop30 {
--spacingtop: 30;
}
.ptop40 {
--spacingtop: 40;
}
.ptop50 {
--spacingtop: 50;
}
.ptop60 {
--spacingtop: 60;
}
.ptop70 {
--spacingtop: 70;
}
.ptop80 {
--spacingtop: 80;
}
.ptop90 {
--spacingtop: 90;
}
.ptop100 {
--spacingtop: 100;
}
.ptop150 {
--spacingtop: 150;
}
.ptop200 {
--spacingtop: 200;
}
.ptop300 {
--spacingtop: 300;
}
.pbottom0 {
--spacingbottom: 0;
}
.pbottom10 {
--spacingbottom: 10;
}
.pbottom20 {
--spacingbottom: 20;
}
.pbottom30 {
--spacingbottom: 30;
}
.pbottom40 {
--spacingbottom: 40;
}
.pbottom50 {
--spacingbottom: 50;
}
.pbottom60 {
--spacingbottom: 60;
}
.pbottom70 {
--spacingbottom: 70;
}
.pbottom80 {
--spacingbottom: 80;
}
.pbottom90 {
--spacingbottom: 90;
}
.pbottom100 {
--spacingbottom: 100;
}
.pbottom150 {
--spacingbottom: 150;
}
.pbottom200 {
--spacingbottom: 200;
}
.pbottom300 {
--spacingbottom: 300;
}
[class*=mtop] {
margin-top: calc(var(--spacingtop) * 1px);
}
[class*=mbottom] {
margin-bottom: calc(var(--spacingbottom) * 1px);
}
[class*=mtop].ppercent {
margin-top: calc(var(--spacingtop) * 0.1%);
}
[class*=mbottom].ppercent {
margin-bottom: calc(var(--spacingbottom) * 0.1%);
}
[class*=ptop],
.mod_article[class*=ptop] {
padding-top: calc(var(--spacingtop) * 1px);
}
[class*=pbottom],
.mod_article[class*=pbottom] {
padding-bottom: calc(var(--spacingbottom) * 1px);
}
[class*=ptop].ppercent,
.mod_article[class*=ptop].ppercent {
padding-top: calc(var(--spacingtop) * 0.1%);
}
[class*=pbottom].ppercent,
.mod_article[class*=pbottom].ppercent {
padding-bottom: calc(var(--spacingbottom) * 0.1%);
}
.innerpadding {
padding-left: 1rem;
padding-right: 1rem;
}
h1, h2, h3, h4, h5, h6, .all-headlines, .h1, .h2, .h3, .h4, .h5, .h6, .mod_newslist h2 {
line-height: 1.2;
text-wrap: balance;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .all-headlines a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a, .mod_newslist h2 a {
text-decoration: none;
color: inherit;
}
h1 .subheadline, h2 .subheadline, h3 .subheadline, h4 .subheadline, h5 .subheadline, h6 .subheadline, .all-headlines .subheadline, .h1 .subheadline, .h2 .subheadline, .h3 .subheadline, .h4 .subheadline, .h5 .subheadline, .h6 .subheadline {
display: block;
}
.content-headline:first-child {
margin-top: 0;
}
h1, .h1 {
font-family: var(--font-family-display);
font-weight: var(--fw-n);
color: var(--heading-color);
margin: 0 0 0.5em 0;
font-size: min(max(28px, 6vw + 0.5rem), 44px);
}
h2, .h2 {
font-family: var(--font-family-display);
font-weight: var(--fw-sb);
color: var(--heading-color);
margin: 0.75em 0 0.5em 0;
font-size: min(max(28px, 6vw + 0.5rem), 44px);
}
h2 .subheadline, .h2 .subheadline {
font-size: min(max(22px, 6vw + 0.5rem), 36px);
}
h3, .h3 {
font-family: var(--font-family-display);
font-weight: var(--fw-sb);
color: var(--heading-color);
margin: 0.75em 0 0.5em 0;
font-size: 1.25rem;
}
@media screen and (min-width: 768px) {
h3, .h3 {
font-size: 1.3333333rem;
}
}
@media screen and (min-width: 1200px) {
h3, .h3 {
font-size: 1.4rem;
}
}
h4, .h4 {
font-family: var(--font-family-display);
font-weight: var(--fw-b);
color: var(--heading-color);
margin: 0.75em 0 0.5em 0;
font-size: 1.125rem;
}
@media screen and (min-width: 768px) {
h4, .h4 {
font-size: 1.1111111rem;
}
}
@media screen and (min-width: 1200px) {
h4, .h4 {
font-size: 1.2rem;
}
}
h5, .h5 {
font-family: var(--font-family-display);
font-weight: var(--fw-b);
color: var(--heading-color);
margin: 0.75em 0 0.5em 0;
font-size: 1rem;
}
@media screen and (min-width: 1200px) {
h5, .h5 {
font-size: 1.1rem;
}
}
h6, .h6, .mod_newslist h2 {
font-family: var(--font-family-display);
font-weight: var(--fw-b);
color: var(--heading-color);
margin: 0.75em 0 0.5em 0;
font-size: 1rem;
}
img, picture {
max-width: 100%;
height: auto;
line-height: 0;
}
figure {
line-height: 0;
margin: 0;
}
figcaption {
line-height: 1.2;
}
/*Fix für Caption auf Bildbreite beschränken*/
figure img {
display: block;
}
figcaption {
font-size: 0.875rem;
text-align: center;
text-wrap: balance;
}
/*Behebt Probleme mit responsiven Bildern
//https://community.contao.org/de/showthread.php?81074-Problem-mit-Bildgr%C3%B6%C3%9Fen-bei-responsive-Ausgabe-(seit-Kurzem)&p=545407&viewfull=1#post545407
*/
:where(source[width][height] ~ img) {
width: auto;
height: auto;
}
.gslide-image img {
background-color: #fff;
}
a {
color: var(--action);
text-decoration: underline;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
a:hover, a:focus {
color: var(--action-respond);
}
:focus-visible {
outline: 1px dashed var(--grau-700);
}
a[href^=tel] {
text-decoration: none;
color: var(--text-color);
}
a[href^=tel]:hover, a[href^=tel]:focus {
color: var(--action-respond);
}
.more {
--action: var(--brand-color3);
--action-respond: var(--brand-color1);
}
.more a {
text-decoration: none;
font-weight: var(--fw-sb);
}
.more a:hover, .more a:focus {
text-decoration: underline;
}
.more a:before {
content: ">";
margin-right: 0.2rem;
}
.listreset, .content-downloads ul {
margin: 0;
padding: 0;
list-style: none;
}
ul li, ol li, dl li {
color: inherit;
}
ul {
list-style-type: disc;
}
ol {
list-style-type: decimal;
}
.rte li {
margin-bottom: 0.5rem;
text-wrap: balance;
}
.checklist ul {
list-style: none;
padding: 0;
}
.checklist li {
padding-left: 1.5rem;
background: url('data:image/svg+xml,') left top 0.4rem no-repeat;
background-size: 1rem;
margin-bottom: 0.5rem;
}
.checklist.checklist-white li {
background: url('data:image/svg+xml,') left top 0.4rem no-repeat;
background-size: 1rem;
}
html {
--wrap: 1440px;
background-color: var(--grau-100);
}
body {
margin: 0 auto;
background-color: #fff;
}
.wrapper {
min-height: 100vh;
}
.wrap, .mod_article .wrap-article, #footer .inside, #topheader .inside, .left-aside-right .container, .aside-right .container, .aside-left .container {
max-width: var(--wrap);
margin: 0 auto;
}
@media screen and (max-width: 1472px) {
.wrap, .mod_article .wrap-article, #footer .inside, #topheader .inside, .left-aside-right .container, .aside-right .container, .aside-left .container {
padding: 0 1rem 0 1rem;
}
}
.container {
background-color: #fff;
position: relative;
}
/*
.inside {
} */
.aside-left .container {
--layout-column-gap: 5rem;
-ms-grid-columns: 25% var(--layout-column-gap) calc(75% - var(--layout-column-gap));
grid-template-columns: 25% calc(75% - var(--layout-column-gap));
grid-template-areas: "aside-left main";
grid-column-gap: var(--layout-column-gap);
}
@media screen and (min-width: 990px) {
.aside-left .container {
display: -ms-grid;
display: grid;
}
}
.aside-left .container .left {
-ms-grid-row: 1;
-ms-grid-column: 1;
grid-area: aside-left;
}
.aside-right .container {
--layout-column-gap: 5rem;
-ms-grid-columns: calc(75% - var(--layout-column-gap)) var(--layout-column-gap) 25%;
grid-template-columns: calc(75% - var(--layout-column-gap)) 25%;
grid-template-areas: "main aside-right";
grid-column-gap: var(--layout-column-gap);
}
@media screen and (min-width: 990px) {
.aside-right .container {
display: -ms-grid;
display: grid;
}
}
.aside-right .container .right {
-ms-grid-row: 1;
-ms-grid-column: 3;
grid-area: aside-right;
}
.left-aside-right .container {
--layout-column-gap: 3rem;
-ms-grid-columns: 25% var(--layout-column-gap) calc(50% - var(--layout-column-gap) * 2) var(--layout-column-gap) 25%;
grid-template-columns: 25% calc(50% - var(--layout-column-gap) * 2) 25%;
grid-template-areas: "aside-left main aside-right";
grid-column-gap: var(--layout-column-gap);
}
@media screen and (min-width: 990px) {
.left-aside-right .container {
display: -ms-grid;
display: grid;
}
}
.left-aside-right .container .left {
-ms-grid-row: 1;
-ms-grid-column: 1;
grid-area: aside-left;
}
.left-aside-right .container .right {
-ms-grid-row: 1;
-ms-grid-column: 5;
grid-area: aside-right;
}
:root {
--header-height: 138px;
}
#header {
color: var(--grau-900);
padding: 0 1rem;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
position: relative;
z-index: 10;
background: #fff;
}
#header .inside {
max-width: var(--wrap);
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 80px;
}
#header.sticky {
position: fixed;
top: 0;
width: 100vw;
}
#header.sticky .inside {
min-height: 70px;
}
#header.sticky .mainnav a {
--padding-block: .75rem;
}
#header .logo {
margin-right: auto;
}
#header .logo img {
margin-bottom: 0.5rem;
}
#topheader {
--text-color: #fff;
background-color: var(--brand-color3);
color: var(--text-color);
font-size: 16px;
padding: 0.2rem 1rem;
}
#topheader * {
color: inherit;
margin: 0;
}
#topheader ul {
margin: 0;
padding: 0;
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
gap: 1rem;
}
#topheader ul li {
display: inline-block;
}
#topheader ul li:nth-child(1) > span {
display: none;
}
@media screen and (min-width: 440px) {
#topheader ul li:nth-child(1) > span {
display: inline;
}
}
#topheader ul li:nth-child(2) {
display: none;
}
@media screen and (min-width: 440px) {
#topheader ul li:nth-child(2) {
display: block;
}
}
#topheader ul li:nth-child(3) {
display: none;
}
@media screen and (min-width: 768px) {
#topheader ul li:nth-child(3) {
display: block;
}
}
#topheader .icon {
height: 1.5em;
height: 1.5em;
}
#footer {
background-color: var(--brand-color3);
--text-color: var(--text-color-light);
--action: var(--text-color-light);
--action-respond: var(--brand-color1);
padding: 1rem;
position: relative;
}
@media screen and (min-width: 768px) {
#footer {
padding: 2.5rem 1rem 1rem;
}
}
@media screen and (min-width: 1200px) {
#footer {
padding: 4rem 1rem 1rem;
}
}
@media screen and (min-width: 1472px) {
#footer {
padding: 4rem 0 1rem;
}
}
#footer .content-gallery {
margin-bottom: 3rem;
text-align: center;
}
#footer .content-gallery img {
display: inline;
}
#footer nav a {
text-decoration: underline;
}
#footer .socialmedia [class^=icon] {
height: 2rem;
width: 2rem;
}
.subfooter {
font-size: 0.825rem;
}
.mod_article {
--article-bg-color: transparent;
--article-color: var(--text-color);
--ce-color: var(--text-color);
--size-rundung: 5vw;
color: var(--article-color);
background-color: var(--article-bg-color);
padding: calc(var(--spacingtop) * 1rem) 1rem calc(var(--spacingbottom) * 1rem) 1rem;
position: relative;
}
@media screen and (min-width: 768px) {
.mod_article {
padding: calc(var(--spacingtop) * 2rem) 1rem calc(var(--spacingbottom) * 2rem) 1rem;
}
}
@media screen and (min-width: 1472px) {
.mod_article {
padding: calc(var(--spacingtop) * 3rem) 0 calc(var(--spacingbottom) * 3rem) 0;
}
}
.mod_article:last-of-type {
padding-bottom: calc(var(--spacingbottom) * 1rem + 4rem);
}
@media screen and (min-width: 768px) {
.mod_article:last-of-type {
padding-bottom: calc(var(--spacingbottom) * 2rem + 4rem);
}
}
@media screen and (min-width: 1472px) {
.mod_article:last-of-type {
padding-bottom: calc(var(--spacingbottom) * 3rem + 4rem);
}
}
.mod_article .wrap-article {
position: relative;
padding-inline: 0;
}
.mod_article.nopadding {
padding: 0;
}
.mod_article.full-width .wrap-article {
width: 100%;
max-width: 100%;
margin: 0;
padding: 0;
}
.mod_article.keinerundungoben[class*=bg-]::before {
content: unset;
}
.mod_article.keinerundungunten[class*=bg-]::after {
content: unset;
}
.mod_article.bg-brandcolor1 {
--article-bg-color: var(--brand-color1);
--text-color: var(--brand-color3);
--heading-color: var(--brand-color3);
}
.mod_article.bg-brandcolor1::before {
content: "";
position: absolute;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='81' fill='none'%3E%3Cpath fill='%23a2c613' d='M0 0c0 42.315 35.227 77.166 80 80v1H0V0Z'/%3E%3C/svg%3E");
background-size: 100% 100%;
background-repeat: no-repeat;
width: var(--size-rundung);
height: var(--size-rundung);
top: calc((var(--size-rundung) - 1px) * -1);
left: 0;
}
.mod_article.bg-brandcolor1::after {
content: "";
position: absolute;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='81' fill='none'%3E%3Cpath fill='%23a2c613' d='M80 81C80 38.685 44.773 3.834 0 1V0h80v81Z'/%3E%3C/svg%3E");
background-size: 100% 100%;
background-repeat: no-repeat;
width: var(--size-rundung);
height: var(--size-rundung);
bottom: calc((var(--size-rundung) - 1px) * -1);
right: 0;
}
.mod_article.stripe-bg-brandcolor1 {
--article-bg-color: var(--brand-color3);
--text-color: #fff;
--heading-color: #fff;
}
@media screen and (min-width: 1200px) {
.mod_article.stripe-bg-brandcolor1 {
background-color: transparent;
background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, rgb(255, 255, 255)), color-stop(25%, #004556), color-stop(75%, #004556), color-stop(75%, rgb(255, 255, 255)));
background: linear-gradient(to bottom, rgb(255, 255, 255) 25%, #004556 25%, #004556 75%, rgb(255, 255, 255) 75%);
}
}
.mod_article.bg-brandcolor2 {
--article-bg-color: var(--brand-color2);
}
.mod_article.bg-brandcolor3 {
--article-bg-color: var(--brand-color3);
--text-color: #fff;
--heading-color: #fff;
}
.mod_article.bg-brandcolor3::before {
content: "";
position: absolute;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='81' fill='none'%3E%3Cpath fill='%23004556' d='M0 0c0 42.315 35.227 77.166 80 80v1H0V0Z'/%3E%3C/svg%3E");
background-size: 100% 100%;
background-repeat: no-repeat;
width: var(--size-rundung);
height: var(--size-rundung);
top: calc((var(--size-rundung) - 1px) * -1);
left: 0;
}
.mod_article.bg-brandcolor3::after {
content: "";
position: absolute;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='81' fill='none'%3E%3Cpath fill='%23004556' d='M80 81C80 38.685 44.773 3.834 0 1V0h80v81Z'/%3E%3C/svg%3E");
background-size: 100% 100%;
background-repeat: no-repeat;
width: var(--size-rundung);
height: var(--size-rundung);
bottom: calc((var(--size-rundung) - 1px) * -1);
right: 0;
}
.mod_article.bg-green-light {
--article-bg-color: #edeee7;
--text-color: var(--brand-color3);
}
.mod_article.bg-green-light::before {
content: "";
position: absolute;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='81' fill='none'%3E%3Cpath fill='%23edeee7' d='M0 0c0 42.315 35.227 77.166 80 80v1H0V0Z'/%3E%3C/svg%3E");
background-size: 100% 100%;
background-repeat: no-repeat;
width: var(--size-rundung);
height: var(--size-rundung);
top: calc((var(--size-rundung) - 1px) * -1);
left: 0;
}
.mod_article.bg-green-light::after {
content: "";
position: absolute;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='81' fill='none'%3E%3Cpath fill='%23edeee7' d='M80 81C80 38.685 44.773 3.834 0 1V0h80v81Z'/%3E%3C/svg%3E");
background-size: 100% 100%;
background-repeat: no-repeat;
width: var(--size-rundung);
height: var(--size-rundung);
bottom: calc((var(--size-rundung) - 1px) * -1);
right: 0;
}
.mod_article.bg-blue-light {
--article-bg-color: var(--brand-color3-100);
--text-color: var(--brand-color3);
}
.mod_article.bg-blue-light::before {
content: "";
position: absolute;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='81' fill='none'%3E%3Cpath fill='%23e6ecee' d='M0 0c0 42.315 35.227 77.166 80 80v1H0V0Z'/%3E%3C/svg%3E");
background-size: 100% 100%;
background-repeat: no-repeat;
width: var(--size-rundung);
height: var(--size-rundung);
top: calc((var(--size-rundung) - 1px) * -1);
left: 0;
}
.mod_article.bg-blue-light::after {
content: "";
position: absolute;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='81' fill='none'%3E%3Cpath fill='%23e6ecee' d='M80 81C80 38.685 44.773 3.834 0 1V0h80v81Z'/%3E%3C/svg%3E");
background-size: 100% 100%;
background-repeat: no-repeat;
width: var(--size-rundung);
height: var(--size-rundung);
bottom: calc((var(--size-rundung) - 1px) * -1);
right: 0;
}
.mod_article.bg-hellgrau {
--article-bg-color: var(--grau-100);
}
.mod_article.bg-hellgrau::before {
content: "";
position: absolute;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='81' fill='none'%3E%3Cpath fill='%23f9f9f9' d='M0 0c0 42.315 35.227 77.166 80 80v1H0V0Z'/%3E%3C/svg%3E");
background-size: 100% 100%;
background-repeat: no-repeat;
width: var(--size-rundung);
height: var(--size-rundung);
top: calc((var(--size-rundung) - 1px) * -1);
left: 0;
}
.mod_article.bg-hellgrau::after {
content: "";
position: absolute;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='81' fill='none'%3E%3Cpath fill='%23f9f9f9' d='M80 81C80 38.685 44.773 3.834 0 1V0h80v81Z'/%3E%3C/svg%3E");
background-size: 100% 100%;
background-repeat: no-repeat;
width: var(--size-rundung);
height: var(--size-rundung);
bottom: calc((var(--size-rundung) - 1px) * -1);
right: 0;
}
.mod_article.offset-top {
margin-top: -8rem;
position: relative;
z-index: 3;
padding-bottom: 0;
}
@supports (grid-area: auto) {
[class*=grid_]:not([class*=gap_]) {
--gapvalue: 1rem;
grid-column-gap: var(--gapvalue);
grid-row-gap: var(--gapvalue);
}
@media screen and (min-width: 990px) {
[class*=grid_]:not([class*=gap_]) {
--gapvalue: 2rem;
}
}
@media screen and (min-width: 1472px) {
[class*=grid_]:not([class*=gap_]) {
--gapvalue: 3rem;
}
}
* + .ce_cp_grid_start:not(.mtop0, .mtop10, .mtop20, .mtop30) {
margin-top: var(--gapvalue);
}
.grid-gap-null {
--gapvalue: 0;
}
.grid-item-padding {
padding: 1rem;
}
@media screen and (min-width: 768px) {
.grid-item-padding {
padding: 2rem;
}
}
}
.flex-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 1rem;
}
.flex-container--nowrap {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.flex-container--wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.flex-container--wrap-reverse {
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
.justify--start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.justify--end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.justify--center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.justify--between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.justify--around {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.justify--evenly {
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
}
.align--start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.align--center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.align--end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.align--baseline {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
}
.align--stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.align-content--start {
-ms-flex-line-pack: start;
align-content: flex-start;
}
.align-content--center {
-ms-flex-line-pack: center;
align-content: center;
}
.align-content--end {
-ms-flex-line-pack: end;
align-content: flex-end;
}
.align-content--between {
-ms-flex-line-pack: justify;
align-content: space-between;
}
.align-content--around {
-ms-flex-line-pack: distribute;
align-content: space-around;
}
.align-content--stretch {
-ms-flex-line-pack: stretch;
align-content: stretch;
}
.align-self--start {
-ms-flex-item-align: start;
align-self: flex-start;
}
.align-self--center {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
.align-self--end {
-ms-flex-item-align: end;
align-self: flex-end;
}
.align-self--baseline {
-ms-flex-item-align: baseline;
align-self: baseline;
}
.align-self--stretch {
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
}
.direction--row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.direction--row-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.direction--column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.direction--column-reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
/* Contao elements */
main [class^=content-]:not(.content-headline):not(.content-player) {
margin-bottom: var(--space-default);
}
main [class^=content-]:has(+ .content-hyperlink) {
margin-bottom: var(--space-small);
}
.content-headline.centered {
text-align: center;
}
span.nowrap {
white-space: nowrap;
}
small {
line-height: 1.2;
display: inline-block;
}
blockquote {
padding: 0.25rem 0 1rem 0;
margin: 0;
font-size: 1.5rem;
font-style: italic;
color: var(--grau-700);
}
blockquote p {
margin: 0;
color: inherit;
font-size: inherit;
}
.partner-gallery {
background-color: #fff;
padding: 1.5rem 1rem;
-webkit-box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.15);
text-align: center;
border-bottom-left-radius: 0.5rem;
border-top-right-radius: 0.5rem;
}
.partner-gallery img {
display: inline;
}
.partner-gallery li {
-ms-flex-line-pack: center;
align-content: center;
}
.first-letter-headline .content-headline:first-letter {
color: var(--brand-color1);
font-size: 1.5em;
font-weight: var(--fw-sb);
}
nav ul {
margin: 0;
padding: 0;
list-style: none;
}
nav li {
position: relative;
}
nav a {
display: block;
text-decoration: none;
white-space: nowrap;
}
nav a:hover, nav a:focus {
color: var(--action-respond);
}
.mainnav {
--padding-block: 1.5rem;
--padding-inline: .5rem;
--bg-nav: #fff;
--nav-border-color-top: #fff;
--nav-border-color-bottom: #fff;
--nav-border-size: 7px;
--action: var(--text-color);
--size-navrundung: .75rem;
}
.mainnav ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: var(--bg-nav);
gap: var(--padding-inline);
}
@media screen and (min-width: 1440px) {
.mainnav ul {
gap: calc(var(--padding-inline) * 2);
}
}
.mainnav ul ul {
visibility: hidden;
opacity: 0;
position: absolute;
z-index: 5;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.mainnav li {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.mainnav a {
display: block;
padding: var(--padding-block) 0.25rem var(--padding-block) 0.25rem;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.mainnav a:hover, .mainnav a:focus {
color: var(--brand-color3);
}
.mainnav .level_1 > li > a {
border-top: var(--nav-border-size) solid var(--nav-border-color-top);
border-bottom: var(--nav-border-size) solid transparent;
}
.mainnav .level_1 > li > a:not(.submenu) {
border-bottom: var(--nav-border-size) solid var(--nav-border-color-bottom);
}
.mainnav .level_1 > li > a:hover, .mainnav .level_1 > li > a:focus, .mainnav .level_1 > li > a.active {
--nav-border-color-top: var(--brand-color2);
--nav-border-color-bottom: var(--brand-color3);
}
.mainnav ul > li:hover > ul, .mainnav ul > li:focus > ul, .mainnav ul > li:focus-within > ul {
visibility: visible;
opacity: 1;
}
.mainnav ul > li:hover .level_2, .mainnav ul > li:focus .level_2, .mainnav ul > li:focus-within .level_2 {
top: calc(100% - var(--nav-border-size));
}
.mainnav ul > li:hover .level_3, .mainnav ul > li:focus .level_3, .mainnav ul > li:focus-within .level_3 {
left: 100%;
}
.mainnav .level_2 {
--padding-block: .75rem;
--bg-nav: var(--brand-color3);
--action: var(--text-color-light);
top: 150%;
border-top-right-radius: var(--border-radius);
border-bottom-left-radius: var(--border-radius);
}
.mainnav .level_2::before {
content: "";
position: absolute;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' fill='none'%3E%3Cpath fill='%23004556' fill-rule='evenodd' d='M80 80C35.227 77.166 0 42.315 0 0v80h80Z' clip-rule='evenodd'/%3E%3C/svg%3E");
background-size: 100% 100%;
background-repeat: no-repeat;
width: var(--size-navrundung);
height: var(--size-navrundung);
top: calc(var(--size-navrundung) * -1);
left: 0;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.mainnav .level_2::after {
content: "";
position: absolute;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' fill='none'%3E%3Cpath fill='%23004556' d='M0 0c44.773 2.834 80 37.685 80 80V0H0Z'/%3E%3C/svg%3E");
background-size: 100% 100%;
background-repeat: no-repeat;
width: var(--size-navrundung);
height: var(--size-navrundung);
bottom: calc(var(--size-navrundung) * -1);
right: 0;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.mainnav .level_2 > li > a:hover,
.mainnav .level_2 > li > a:focus {
color: var(--text-color-light);
}
.mainnav .level_3 {
left: 150%;
top: 0;
}
.mainnav.mainpage {
display: none;
}
@media screen and (min-width: 1035px) {
.mainnav.mainpage {
display: block;
}
}
.mobile_menu_trigger button {
width: 2.5rem;
height: 2.5rem;
place-content: center;
background-color: var(--brand-color3);
color: var(--text-color-light);
cursor: pointer;
border-radius: 4px;
}
.mobile_menu_trigger button svg {
fill: var(--text-color-light);
color: inherit;
}
.mobile_menu_trigger .button__text {
position: absolute !important;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
padding: 0 !important;
border: 0 !important;
height: 1px !important;
width: 1px !important;
overflow: hidden !important;
}
.mobile_menu button {
position: relative;
top: 0.25rem;
width: 3rem;
height: 3rem;
place-content: center;
background-color: transparent;
color: var(--brand-color3);
cursor: pointer;
}
.mobile_menu button svg {
fill: var(--brand-color3);
color: inherit;
}
.mobile_menu .button__text {
position: absolute !important;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
padding: 0 !important;
border: 0 !important;
height: 1px !important;
width: 1px !important;
overflow: hidden !important;
}
.mobile_menu .inner {
position: relative;
background: #fff;
padding: 1rem;
border-bottom: 5px solid var(--brand-color1);
}
.mobile_menu .mm-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid var(--brand-color3);
padding-bottom: 1rem;
margin-bottom: 0.5rem;
}
.mobile_menu .mm-main .mod_navigation a {
color: var(--text-color);
padding: 0.5em 0;
border-bottom: 1px solid var(--brand-color3-200);
}
.mobile_menu .mm-main .mod_navigation a:hover, .mobile_menu .mm-main .mod_navigation a:focus, .mobile_menu .mm-main .mod_navigation a.active {
color: var(--text-color);
font-weight: bold;
}
.mobile_menu .mm-footer {
padding-top: 0.5rem;
margin-top: 0.5rem;
}
.mobile_menu .mm-footer .mod_customnav ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 0.5rem;
}
.mobile_menu .mm-footer .mod_customnav a {
padding: 0.25rem;
font-size: 0.875rem;
}
.mod_breadcrumb {
display: none;
font-size: 0.875rem;
}
@media screen and (min-width: 990px) {
.mod_breadcrumb {
font-size: 0.75rem;
}
}
@media screen and (min-width: 768px) {
.mod_breadcrumb {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.mod_breadcrumb ol {
list-style-type: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin: 0;
padding: 0;
}
.mod_breadcrumb li {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
font-size: 1em;
}
.mod_breadcrumb li.active {
font-weight: var(--fw-b);
}
.mod_breadcrumb li:not(.last):after {
content: ">";
display: inline-block;
margin: 0 0.25rem;
}
.mod_breadcrumb a {
font-size: 1em;
color: var(--text-color);
-webkit-transition: 0;
transition: 0;
}
.mod_breadcrumb a:hover, .mod_breadcrumb a:focus {
color: var(--grau-700);
}
.mod_breadcrumb .breadcrumb-name {
margin-right: 0.5rem;
}
}
.mod_breadcrumb .navicon a:hover .icon-home, .mod_breadcrumb .navicon a:focus .icon-home {
color: var(--grau-700);
}
.mod_breadcrumb .icon-home {
-webkit-transform: translateY(0.1rem);
transform: translateY(0.1rem);
margin-right: 0;
height: 18px;
width: 18px;
color: var(--grau-500);
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.button {
--button-bg__primary: var(--brand-color3);
--button-bg__secondary: var(--brand-color2);
--button-color__light: var(--text-color-light);
--button-color: var(--brand-color3);
--button-border__color_default: var(--brand-color3);
--button-border__primary__color: var(--brand-color3);
--button-border__secondary__color: var(--brand-color2-600);
--button-border__width: 3px;
--button-border__style: solid;
--button-border__default: var(--button-border__width) var(--button-border__style) var(--button-border__color_default);
--button-border__radius: 0;
--button-color-transition-time: .3s;
}
.button {
display: inline-block;
}
.button a {
display: block;
padding: 0.5rem 1.5rem;
text-align: center;
border: var(--button-border__default);
border-radius: var(--button-border__radius);
font-weight: var(--fw-sb);
text-decoration: none;
background-color: var(--button-bg__primary);
color: var(--button-color__light);
-webkit-transition: all var(--button-color-transition-time);
transition: all var(--button-color-transition-time);
}
.button a:hover, .button a:focus {
background-color: var(--brand-color3-700, var(--grau-800));
color: var(--button-color);
background-color: inherit;
border-radius: 2px;
}
.button.full-width {
display: block;
}
.button.primary a {
background-color: var(--button-bg__primary);
color: var(--button-color__light);
}
.button.primary a:hover, .button.primary a:focus {
background-color: var(--brand-color3-700, var(--grau-800));
color: var(--button-color);
}
.button.secondary a {
background-color: var(--button-bg__secondary);
color: var(--button-color__light);
border-color: var(--button-border__secondary__color);
}
.button.secondary a:hover, .button.secondary a:focus {
background-color: var(--brand-color2-700, var(--grau-800));
border-color: var(--brand-color2-800, var(--grau-900));
}
.button.button-white a {
background-color: var(--text-color-light);
color: var(--brand-color3);
border-color: var(--text-color-light);
}
.button.button-white a:hover, .button.button-white a:focus {
background-color: var(--brand-color3-300);
color: var(--brand-color3-800);
}
.button.button-white-skeleton a {
background-color: transparent;
color: var(--text-color-light);
border-color: var(--text-color-light);
}
.button.button-white-skeleton a:hover, .button.button-white-skeleton a:focus {
background-color: var(--text-color-light);
color: var(--brand-color3);
}
.button.centered {
display: block;
text-align: center;
}
.button.centered a {
display: inline-block;
}
.button.button-red a {
background-color: var(--brand-color2);
color: var(--text-color-light);
border-color: var(--brand-color2);
}
.button.button-red a:hover, .button.button-red a:focus {
background-color: var(--brand-color3);
color: var(--text-color-light);
}
.button.button-blue a {
background-color: var(--brand-color3);
color: var(--text-color-light);
border-color: var(--brand-color3);
}
.button.button-blue a:hover, .button.button-blue a:focus {
background-color: var(--brand-color3-800);
color: var(--text-color-light);
}
.button.button-blue-skeleton a {
background-color: transparent;
color: var(--brand-color3);
border-color: var(--brand-color3);
}
.button.button-blue-skeleton a:hover, .button.button-blue-skeleton a:focus {
background-color: var(--brand-color3);
color: var(--text-color-light);
}
.button.button-red-skeleton a {
background-color: transparent;
color: var(--brand-color2);
border-color: var(--brand-color2);
}
.button.button-red-skeleton a:hover, .button.button-red-skeleton a:focus {
background-color: var(--brand-color3);
color: var(--text-color-light);
}
[class^=icon] {
height: 1.5em;
width: 1.5em;
display: inline-block;
margin-block: 0.125rem;
color: var(--grau-700);
vertical-align: middle;
}
#footer [class^=icon] {
color: #fff;
}
[class^=icon] + span {
position: absolute !important;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
padding: 0 !important;
border: 0 !important;
height: 1px !important;
width: 1px !important;
overflow: hidden !important;
}
.content-headline .subheadline {
font-weight: var(--fw-l);
}
.content-headline.above {
margin-top: 0;
}
.content-headline.above .subheadline {
font-size: 1rem;
font-weight: var(--fw-sb);
}
div.content-headline {
font-weight: var(--fw-sb);
color: var(--text-color);
}
.content-text {
max-width: 90ch;
}
.content-text:after {
content: "";
display: table;
clear: both;
}
@media screen and (min-width: 768px) {
.content-text.media {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.content-text.media.media--above {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.content-text.media.media--above figure {
margin-bottom: var(--space-default);
}
.content-text.media.media--right {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.content-text.media.media--right > h1,
.content-text.media.media--right > h2,
.content-text.media.media--right > h3,
.content-text.media.media--right > h4,
.content-text.media.media--right > h5,
.content-text.media.media--right > h6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.content-text.media.media--right .rte {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.content-text.media.media--right figure {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
margin-left: var(--space-default);
}
.content-text.media.media--below {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.content-text.media.media--below figure {
margin-top: var(--space-default);
}
.content-text.media--left {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.content-text.media--left > h1,
.content-text.media--left > h2,
.content-text.media--left > h3,
.content-text.media--left > h4,
.content-text.media--left > h5,
.content-text.media--left > h6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.content-text.media--left .rte {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.content-text.media--left figure {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
margin-right: var(--space-default);
}
.content-text.text-icon-count {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: initial !important;
-webkit-box-direction: initial !important;
-ms-flex-direction: initial !important;
flex-direction: initial !important;
}
.content-text.text-icon-count .content-headline {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
margin: 0;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
.content-text.text-icon-count figure {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
max-width: 50px;
margin-right: 10px;
margin-bottom: 0 !important;
}
.content-text.text-icon-count .rte {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
margin-top: 0.8rem;
}
.content-text.maxtext {
max-width: 100%;
}
.content-download,
.content-downloads {
--download-color: var(--brand-black);
--download-background: var(--grau-100);
--download-border-weight: 1px;
--download-border-style: solid;
--download-border-color: var(--brand-color1);
--download-border-radius: 10px;
--download-action-color: #ffffff;
--download-action-background: var(--grau-700);
--download-action-border-color: var(--brand-color1);
}
.content-download {
display: inline-block;
/* Display the extension as file*/
}
.content-download:not(:has(figure)) a {
display: block;
padding: 0.5em 0.5em 0.5em 2.5rem;
color: var(--download-color);
background-color: var(--download-background);
border: var(--download-border-weight) var(--download-border-style) var(--download-border-color);
border-radius: var(--download-border-radius);
background-repeat: no-repeat;
background-position: left 0.25rem center;
background-size: 1.5rem;
text-decoration: none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.content-download:not(:has(figure)) a:hover, .content-download:not(:has(figure)) a:focus {
border-color: var(--download-action-border-color);
background-color: var(--download-action-background);
color: var(--download-action-color);
}
.content-download.download-element a {
padding: 0.5rem;
}
.content-download.download-element a:before {
content: attr(data-type);
display: inline-block;
vertical-align: middle;
height: 1.5rem;
width: 1.2rem;
font-size: 8px;
line-height: 240%;
text-align: center;
border: 1px solid var(--download-border-color);
border-radius: 5px 2px 2px 2px;
padding: 0.2rem;
margin-right: 0.3rem;
}
.content-download.download-element:has(figure) {
border: var(--download-border-weight) var(--download-border-style) var(--download-border-color);
border-radius: var(--download-border-radius);
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: var(--download-background);
}
.content-download.download-element:has(figure) h1, .content-download.download-element:has(figure) h2, .content-download.download-element:has(figure) h3, .content-download.download-element:has(figure) h4, .content-download.download-element:has(figure) h5, .content-download.download-element:has(figure) h6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
margin: 0;
text-align: center;
background: var(--grau-200);
font-size: 1rem;
padding: 0.2rem;
}
.content-downloads ul {
background-color: var(--grau-200);
border: var(--download-border-weight) var(--download-border-style) var(--download-border-color);
border-radius: var(--download-border-radius);
padding: 1rem;
display: inline-block;
}
.content-downloads li {
padding: 0.3rem 0.6rem 0.3rem 1.3rem;
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGZpbGw9IiM4ODg4ODgiIGQ9Ik0xOSA5aC00VjNIOXY2SDVsNyA3bDctN3pNNSAxOHYyaDE0di0ySDV6Ii8+PC9zdmc+) left 0.3rem top 0.7em no-repeat;
margin-bottom: 1px;
background-color: var(--grau-100);
-webkit-transition: background-color 0.4s;
transition: background-color 0.4s;
}
.content-downloads li:hover, .content-downloads li:focus-within {
background-color: var(--grau-300);
}
.content-downloads a {
display: block;
text-decoration: none;
color: var(--download-color);
}
.content-accordion {
--accordion-toggler-background: #d7d7d7;
--accordion-toggler-color: #000000;
--accordion-content-background: #ffffff;
--accordion-toggler-action-background: #252525;
--accordion-toggler-action-color: #ffffff;
--accordion-toggler-action-border-color: rgb(123, 123, 123);
--accordion-toggler-border-weight: 1px;
--accordion-toggler-border-style: solid;
--accordion-toggler-border-color: rgb(209, 209, 209);
--accordion-toggler-border-radius: 0;
--accordion-toggler-text-align: left;
--accordion-toggler-inner-spacing: 1rem;
--accordion-content-spacing: 1rem;
--accordion-toggler-background-transition-time: .2s;
}
.content-accordion {
border-bottom: var(--accordion-toggler-border-weight) var(--accordion-toggler-border-style) var(--accordion-toggler-border-color);
}
.handorgel__header {
display: block;
margin: 0;
}
.handorgel__header__button {
display: block;
width: 100%;
padding: var(--accordion-toggler-inner-spacing);
margin: 0;
border: 0;
border-top: var(--accordion-toggler-border-weight) var(--accordion-toggler-border-style) var(--accordion-toggler-border-color);
background-color: var(--accordion-toggler-background);
border-radius: var(--accordion-toggler-border-radius);
color: inherit;
cursor: pointer;
font-size: inherit;
text-align: var(--accordion-toggler-text-align);
-webkit-transition: background-color var(--accordion-toggler-background-transition-time) ease;
transition: background-color var(--accordion-toggler-background-transition-time) ease;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.handorgel__header__button::-moz-focus-inner {
border: 0;
}
.handorgel__content {
display: none;
overflow: hidden;
height: 0;
border-top: ar(--accordion-toggler-border-weight) var(--accordion-toggler-border-style) var(--accordion-toggler-border-color);
background-color: var(--accordion-content-background);
-webkit-transition: height 0.1s ease 0.1s;
transition: height 0.1s ease 0.1s;
}
.handorgel__content--open {
display: block;
-webkit-transition: height 0.2s ease;
transition: height 0.2s ease;
}
.handorgel__content--opened {
overflow: visible;
}
.handorgel__content__inner {
padding: var(--accordion-toggler-inner-spacing);
opacity: 0;
-webkit-transition: opacity 0.1s ease;
transition: opacity 0.1s ease;
}
.handorgel__content--opened .handorgel__content__inner {
opacity: 1;
-webkit-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.handorgel .accordion {
display: none;
overflow: hidden;
height: 0;
-webkit-transition: height 0.2s ease;
transition: height 0.2s ease;
}
.handorgel .accordion.open {
display: block;
-webkit-transition: height 0.2s ease;
transition: height 0.2s ease;
}
.handorgel .accordion.active {
overflow: visible;
}
.content-gallery.partner-offset {
background-color: #fff;
padding: 1.5rem 1rem;
margin-top: -6rem;
position: relative;
z-index: 5;
-webkit-box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.15);
border-bottom-left-radius: 0.5rem;
border-top-right-radius: 0.5rem;
}
.content-gallery.partner-offset li {
-ms-flex-line-pack: center;
align-content: center;
}
.content-gallery.center ul {
justify-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.content-gallery ul {
list-style-type: none;
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.content-gallery ul li {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-preferred-size: calc(100% - 1rem);
flex-basis: calc(100% - 1rem);
margin: 0 1rem 1rem 0;
}
@supports (grid-area: auto) {
.content-gallery ul {
display: grid;
grid-gap: 1rem;
grid-template-columns: 1fr 1fr;
}
@media screen and (min-width: 768px) {
.content-gallery ul {
grid-gap: 1.5rem;
grid-template-columns: 1fr 1fr 1fr;
}
}
.content-gallery ul li {
margin: 0;
}
}
.content-gallery.content-gallery--cols-2 li {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-preferred-size: calc(50% - 1rem);
flex-basis: calc(50% - 1rem);
margin: 0 1rem 1rem 0;
}
@supports (grid-area: auto) {
.content-gallery.content-gallery--cols-2 ul {
display: grid;
grid-gap: 1rem;
grid-template-columns: 1fr 1fr;
}
@media screen and (min-width: 768px) {
.content-gallery.content-gallery--cols-2 ul {
grid-gap: 1.5rem;
grid-template-columns: 1fr 1fr;
}
}
.content-gallery.content-gallery--cols-2 ul li {
margin: 0;
}
}
.content-gallery.content-gallery--cols-3 li {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-preferred-size: calc(33% - 1rem);
flex-basis: calc(33% - 1rem);
margin: 0 1rem 1rem 0;
}
@supports (grid-area: auto) {
.content-gallery.content-gallery--cols-3 ul {
display: grid;
grid-gap: 1rem;
grid-template-columns: 1fr 1fr;
}
@media screen and (min-width: 768px) {
.content-gallery.content-gallery--cols-3 ul {
grid-gap: 1.5rem;
grid-template-columns: 1fr 1fr 1fr;
}
}
.content-gallery.content-gallery--cols-3 ul li {
margin: 0;
}
}
.content-gallery.content-gallery--cols-4 li {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-preferred-size: calc(25% - 1rem);
flex-basis: calc(25% - 1rem);
margin: 0 1rem 1rem 0;
}
@supports (grid-area: auto) {
.content-gallery.content-gallery--cols-4 ul {
display: grid;
grid-gap: 1rem;
grid-template-columns: 1fr 1fr;
}
@media screen and (min-width: 768px) {
.content-gallery.content-gallery--cols-4 ul {
grid-gap: 1.5rem;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
}
.content-gallery.content-gallery--cols-4 ul li {
margin: 0;
}
}
.content-gallery.content-gallery--cols-5 li {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-preferred-size: calc(20% - 1rem);
flex-basis: calc(20% - 1rem);
margin: 0 1rem 1rem 0;
}
@supports (grid-area: auto) {
.content-gallery.content-gallery--cols-5 ul {
display: grid;
grid-gap: 1rem;
grid-template-columns: 1fr 1fr;
}
@media screen and (min-width: 768px) {
.content-gallery.content-gallery--cols-5 ul {
grid-gap: 1.5rem;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
}
.content-gallery.content-gallery--cols-5 ul li {
margin: 0;
}
}
.content-gallery.content-gallery--cols-6 li {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-preferred-size: calc(16.6666% - 1rem);
flex-basis: calc(16.6666% - 1rem);
margin: 0 1rem 1rem 0;
}
@supports (grid-area: auto) {
.content-gallery.content-gallery--cols-6 ul {
display: grid;
grid-gap: 1rem;
grid-template-columns: 1fr 1fr;
}
@media screen and (min-width: 768px) {
.content-gallery.content-gallery--cols-6 ul {
grid-gap: 1.5rem;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
}
.content-gallery.content-gallery--cols-6 ul li {
margin: 0;
}
}
.content-gallery.content-gallery--cols-7 li {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-preferred-size: calc(14.28% - 1rem);
flex-basis: calc(14.28% - 1rem);
margin: 0 1rem 1rem 0;
}
@supports (grid-area: auto) {
.content-gallery.content-gallery--cols-7 ul {
display: grid;
grid-gap: 1rem;
grid-template-columns: 1fr 1fr;
}
@media screen and (min-width: 768px) {
.content-gallery.content-gallery--cols-7 ul {
grid-gap: 1.5rem;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
}
.content-gallery.content-gallery--cols-7 ul li {
margin: 0;
}
}
.content-gallery.content-gallery--cols-8 li {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-preferred-size: calc(12.5% - 1rem);
flex-basis: calc(12.5% - 1rem);
margin: 0 1rem 1rem 0;
}
@supports (grid-area: auto) {
.content-gallery.content-gallery--cols-8 ul {
display: grid;
grid-gap: 1rem;
grid-template-columns: 1fr 1fr;
}
@media screen and (min-width: 768px) {
.content-gallery.content-gallery--cols-8 ul {
grid-gap: 1.5rem;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
}
.content-gallery.content-gallery--cols-8 ul li {
margin: 0;
}
}
.content-gallery.content-gallery--cols-9 li {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-preferred-size: calc(11.1111111% - 1rem);
flex-basis: calc(11.1111111% - 1rem);
margin: 0 1rem 1rem 0;
}
@supports (grid-area: auto) {
.content-gallery.content-gallery--cols-9 ul {
display: grid;
grid-gap: 1rem;
grid-template-columns: 1fr 1fr;
}
@media screen and (min-width: 768px) {
.content-gallery.content-gallery--cols-9 ul {
grid-gap: 1.5rem;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
}
.content-gallery.content-gallery--cols-9 ul li {
margin: 0;
}
}
.content-gallery.content-gallery--cols-10 li {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-preferred-size: calc(10% - 1rem);
flex-basis: calc(10% - 1rem);
margin: 0 1rem 1rem 0;
}
@supports (grid-area: auto) {
.content-gallery.content-gallery--cols-10 ul {
display: grid;
grid-gap: 1rem;
grid-template-columns: 1fr 1fr;
}
@media screen and (min-width: 768px) {
.content-gallery.content-gallery--cols-10 ul {
grid-gap: 1.5rem;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
}
.content-gallery.content-gallery--cols-10 ul li {
margin: 0;
}
}
.content-gallery.content-gallery--cols-11 li {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-preferred-size: calc(9.09% - 1rem);
flex-basis: calc(9.09% - 1rem);
margin: 0 1rem 1rem 0;
}
@supports (grid-area: auto) {
.content-gallery.content-gallery--cols-11 ul {
display: grid;
grid-gap: 1rem;
grid-template-columns: 1fr 1fr;
}
@media screen and (min-width: 768px) {
.content-gallery.content-gallery--cols-11 ul {
grid-gap: 1.5rem;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
}
.content-gallery.content-gallery--cols-11 ul li {
margin: 0;
}
}
.content-gallery.content-gallery--cols-12 li {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-preferred-size: calc(8.333331% - 1rem);
flex-basis: calc(8.333331% - 1rem);
margin: 0 1rem 1rem 0;
}
@supports (grid-area: auto) {
.content-gallery.content-gallery--cols-12 {
display: grid;
grid-gap: 1rem;
grid-template-columns: 1fr 1fr;
}
@media screen and (min-width: 768px) {
.content-gallery.content-gallery--cols-12 {
grid-gap: 1.5rem;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}
}
.content-gallery.content-gallery--cols-12 li {
margin: 0;
}
}
dl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: wrap;
flex-flow: wrap;
border: solid var(--grau-800);
border-width: 1px 1px 0 0;
}
dl dt {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
background: var(--grau-800);
color: var(--text-color-light);
padding: 0.3rem;
}
@media screen and (min-width: 480px) {
dl dt {
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
}
}
dl dt:not(:last-of-type) {
border-bottom: 1px solid var(--grau-100);
}
dl dd {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
margin: 0;
border-bottom: 1px solid var(--grau-800);
padding: 0.3rem;
}
@media screen and (min-width: 480px) {
dl dd {
-ms-flex-preferred-size: 70%;
flex-basis: 70%;
}
}
.content-element-group.infobox {
padding: 1rem;
margin: 1rem 0;
}
.content-element-group.infobox button {
width: 100%;
}
table {
--table-border-width: 1px;
--table-border-style: solid;
--table-border-color: var(--brand-color3-300);
--table-color: var(--text-color);
--table-even-background: var(--brand-color3-100);
--table-even-invert-background: rgba(255,255,255,.5);
--table-odd-background: none;
--table-cell-padding: .5rem;
--table-th-padding: var(--table-cell-padding) var(--table-cell-padding) var(--table-cell-padding) var(--table-cell-padding);
--table-row-action-respond-background: var(--brand-color3-200);
--table-caption-color: var(--text-color);
--table-th-background: var(--brand-color3);
--table-th-color: var(--text-color-light);
--table-th-body-background: var(--brand-color3-200);
--table-tfoot-fontsize: 1rem;
}
table caption {
color: var(--table-caption-color);
text-align: left;
}
table td, table th {
border: var(--table-border-width) var(--table-border-style) var(--table-border-color);
padding: var(--table-cell-padding);
}
table tr:nth-child(even) {
background-color: var(--table-even-background);
}
table tr:nth-child(odd) {
background-color: var(--table-odd-background);
}
table tr:hover {
background-color: var(--table-row-action-respond-background);
}
.table--invert table td, .table--invert table th {
--table-border-color: rgba(0,0,0,.2);
}
.table--invert table tr:nth-child(even) {
--table-even-background: rgba(255,255,255,.4);
}
.table--invert table tr:hover {
--table-row-action-respond-background: rgba(255,255,255,.6);
}
table th {
padding: var(--table-th-padding);
text-align: left;
background-color: var(--table-th-background);
color: var(--table-th-color);
}
table tbody th {
background-color: var(--table-th-body-background);
color: var(--text-color);
}
table tfoot td, table tfoot th {
font-size: var(--table-tfoot-fontsize);
font-weight: var(--fw-sb);
}
.summenspalte-last td:last-child {
text-align: right;
}
.content-table,
.content-text:has(table) {
overflow-x: auto;
}
.ce_form {
/*Variable Werte für Grundstyle*/
--field-border-color: var(--grau-300);
--field-background: #fff;
--field-color: var(--text-color);
--label-color: var(--text-color);
--field-alert-color: red;
--field-valid-color: var(--text-color);
--field-invalid-color: var(--grau-800);
--field-border-radius: 0px;
--field-border-width: 1px;
--field-border-style: solid;
--field-padding: .6em;
--checkbox-size: 20px;
--abstand-widget: .5em;
--color-rangeslider: var(--text-color);
}
/*Klassen für @extend*/
.fieldreset, .ce_form .widget-checkbox.dsgvo fieldset {
border: none;
padding: 0;
}
/*Basic Styles*/
.ce_form [class*=grid_]:not([class*=gap_]) {
--gapvalue: 1rem;
}
.ce_form input,
.ce_form label {
display: block;
}
.ce_form label,
.ce_form legend {
color: var(--label-color);
}
.ce_form label span.mandatory,
.ce_form legend span.mandatory {
color: var(--label-color);
}
.ce_form input,
.ce_form textarea {
width: 100%;
border: var(--field-border-width) var(--field-border-style) var(--field-border-color);
padding: var(--field-padding);
background-color: var(--field-background);
color: var(--field-colord);
border-radius: var(--field-border-radius);
}
.ce_form input:valid {
color: var(--field-valid-color);
}
.ce_form input:invalid {
color: var(--field-invalid-color);
}
.ce_form fieldset {
border: var(--field-border-width) var(--field-border-style) var(--field-border-color);
}
.ce_form .widget {
margin-bottom: var(--abstand-widget);
}
.ce_form .widget-checkbox .checkbox_container > span {
display: block;
position: relative;
}
.ce_form .widget-checkbox .checkbox_container > span label {
padding-left: 30px;
}
.ce_form .widget-checkbox .checkbox_container > span label::before {
content: " ";
display: block;
position: absolute;
left: 0;
top: 2px;
height: var(--checkbox-size);
width: var(--checkbox-size);
border: var(--field-border-width) var(--field-border-style) var(--field-border-color);
background: var(--field-background);
text-align: center;
cursor: pointer;
}
.ce_form .widget-checkbox .checkbox_container > span input:checked ~ label::before {
content: "✔ ";
line-height: 1;
font-size: var(--checkbox-size);
}
.ce_form .widget-checkbox.dsgvo legend {
display: none;
}
.ce_form .widget-checkbox.dsgvo label {
font-size: 0.8rem;
}
.ce_form .widget-radio .radio_container > span {
display: block;
position: relative;
}
.ce_form .widget-radio .radio_container > span label {
padding-left: 30px;
}
.ce_form .widget-radio .radio_container > span label::before {
content: " ";
display: block;
position: absolute;
left: 0;
top: 0.2rem;
height: var(--checkbox-size);
width: var(--checkbox-size);
border-radius: 50%;
border: var(--field-border-width) var(--field-border-style) var(--field-border-color);
background: var(--field-background);
text-align: center;
cursor: pointer;
}
.ce_form .widget-radio .radio_container > span input:checked ~ label::before {
content: "✔ ";
line-height: 1;
font-size: var(--checkbox-size);
}
.ce_form .widget-submit button {
background: var(--brand-color3);
color: #fff;
padding: var(--field-padding);
border: var(--field-border-width) var(--field-border-style) var(--field-border-color);
cursor: pointer;
-webkit-transition: all 0.4s;
transition: all 0.4s;
}
.ce_form .widget-submit button:hover {
background: var(--brand-color3-400);
color: #fff;
}
.ce_form .widget-select,
.ce_form .ctlg_form_field.select {
position: relative;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.ce_form .widget-select::after,
.ce_form .ctlg_form_field.select::after {
content: "▼";
position: absolute;
bottom: 0;
right: 0;
padding: 0.5rem 0.2em;
cursor: pointer;
pointer-events: none;
-webkit-transition: 0.25s all ease;
transition: 0.25s all ease;
color: var(--field-colord);
}
.ce_form .widget-select label,
.ce_form .ctlg_form_field.select label {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.ce_form .widget-select select,
.ce_form .ctlg_form_field.select select {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;
padding: var(--field-padding);
border: var(--field-border-width) var(--field-border-style) var(--field-border-color);
background: var(--field-background);
color: var(--field-colord);
cursor: pointer;
border-radius: var(--field-border-radius);
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
}
.ce_form .widget-select select option,
.ce_form .ctlg_form_field.select select option {
padding: var(--field-padding);
color: var(--field-colord);
}
.ce_form .widget-range .range {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
height: 25px;
background: var(--field-background);
outline: none;
opacity: 0.7;
-webkit-transition: 0.2s;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.ce_form .widget-range .range:hover, .ce_form .widget-range .range:focus {
opacity: 1;
}
.ce_form .widget-range .range::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 25px;
height: 25px;
background: var(--color-rangeslider);
cursor: pointer;
}
.ce_form .widget-range .range::-moz-range-thumb {
width: 25px;
height: 25px;
background: var(--color-rangeslider);
cursor: pointer;
}
.ce_form .cta-red .widget-submit button {
background-color: var(--brand-color2);
}
.ce_form .cta-red .widget-submit button:hover, .ce_form .cta-red .widget-submit button:focus {
background-color: var(--brand-color2-600);
}
.datenerfassung .formbody > fieldset {
background-color: var(--grau-100);
padding: 1.5rem;
border-top: 2px solid var(--brand-color3);
}
.datenerfassung .formbody > fieldset > legend {
padding: 0.25rem 0.5rem;
background-color: var(--brand-color3);
color: var(--text-color-light);
font-weight: var(--fw-b);
}
.datenerfassung fieldset:has(+ fieldset) {
margin-bottom: 2rem;
}
.datenerfassung fieldset.checkbox_container {
padding: 0;
border: 0;
}
.datenerfassung .widget-explanation p:last-child {
margin-bottom: 0;
}
.datenerfassung .widget-explanation:has(+ .widget-fineuploader) {
margin-bottom: 0;
}
.datenerfassung .dsgvo {
margin-block: 1.5rem;
}
.datenerfassung label {
font-weight: var(--fw-sb);
font-size: 0.875rem;
}
.datenerfassung .grid--energieverbrauch .grid_start {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
}
.datenerfassung .grid--energieverbrauch .widget-explanation {
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;
}
.datenerfassung .grid--energieverbrauch .widget-explanation p {
margin-bottom: 0;
font-style: italic;
font-weight: var(--fw-sb);
}
.datenerfassung .fineuploader-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 1rem;
margin-block: 0.5rem;
border: 1px solid var(--grau-200);
background-color: #fff;
font-size: 0.875rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.video_container .responsive {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
}
.video_container .responsive:hover {
cursor: pointer;
}
.video_container .responsive.ratio-169 {
padding-bottom: 56.25%;
}
.video_container .responsive.ratio-916 {
padding-bottom: 0;
height: auto;
overflow: inherit;
max-width: auto;
}
.video_container .responsive.ratio-916 iframe {
position: relative !important;
width: 100% !important;
height: auto !important;
aspect-ratio: 9/16 !important;
}
.video_container .responsive iframe,
.video_container .responsive object,
.video_container .responsive embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
}
.video_container .responsive figure {
opacity: 0.75;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.video_container .responsive figure:hover,
.video_container .responsive figure:focus {
opacity: 1;
}
.video_container .responsive figure:hover figcaption,
.video_container .responsive figure:focus figcaption {
height: auto;
bottom: 0;
}
.video_container .responsive figure:focus {
outline: 4px dashed var(--grau-500);
outline-offset: -4px;
}
.video_container .responsive figure:focus figcaption {
height: auto;
bottom: 0;
}
.video_container .responsive figcaption {
position: absolute;
bottom: -100%;
left: 0;
right: 0;
top: auto;
background-color: rgba(255, 255, 255, 0.9);
color: var(--grau-800);
text-align: center;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
padding: 2rem 0.5rem;
font-weight: var(--fw-b);
}
.content-player figure {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
}
.content-player video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.content-youtube figure {
position: relative;
aspect-ratio: 16/9;
width: 100%;
height: auto;
max-width: 960px;
margin-inline: auto;
}
.content-youtube .aspect--16\:9 {
aspect-ratio: 16/9;
}
.content-youtube iframe,
.content-youtube button {
position: absolute;
inset: 0;
width: 100% !important;
height: calc(100% + 1px) !important;
border: none;
}
.content-youtube button {
background-color: transparent;
padding: 0;
border: none;
-webkit-transition: border-color 0.2s linear;
transition: border-color 0.2s linear;
cursor: pointer;
}
.content-youtube button:hover, .content-youtube button:focus {
border-color: var(--brand-color1);
}
.content-youtube button:hover[data-splash-screen] picture::after, .content-youtube button:focus[data-splash-screen] picture::after {
opacity: 1;
}
.content-youtube button span {
position: absolute;
bottom: 0;
left: 50%;
display: inline-block;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 100%;
padding: 0.5rem;
font-size: 0.875rem;
font-style: italic;
background-color: rgba(255, 255, 255, 0.5);
text-wrap: balance;
}
@media screen and (min-width: 768px) {
.content-youtube button span {
font-size: 1rem;
}
}
.content-youtube [data-splash-screen] picture::after {
content: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'%3E%3Cpath d='M78.235 20.773a10.056 10.056 0 0 0-7.08-7.08C64.944 12 39.96 12 39.96 12s-24.987.051-31.195 1.744a10.055 10.055 0 0 0-7.08 7.08c-1.878 11.032-2.607 27.84.051 38.43a10.056 10.056 0 0 0 7.08 7.08c6.209 1.693 31.195 1.693 31.195 1.693s24.986 0 31.195-1.693a10.055 10.055 0 0 0 7.08-7.08c1.98-11.047 2.59-27.845-.051-38.48' fill='red'/%3E%3Cpath d='m32.007 52.02 20.728-12.006-20.728-12.006V52.02Z' fill='%23fff'/%3E%3C/svg%3E");
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 80px;
height: 80px;
opacity: 1;
-webkit-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.content-player.player--shadow,
.content-youtube.player--shadow {
-webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25), 0px 0px 40px 0px rgba(0, 0, 0, 0.25);
box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25), 0px 0px 40px 0px rgba(0, 0, 0, 0.25);
}
.embed-container, .content-vimeo {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
}
.embed-container iframe, .content-vimeo iframe,
.embed-container object,
.content-vimeo object,
.embed-container embed,
.content-vimeo embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.mod_search {
margin: 1rem 0;
}
.mod_search .formbody {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: stretch;
-ms-flex-pack: stretch;
justify-content: stretch;
max-width: 30rem;
margin: 0 auto 2rem auto;
}
.mod_search .formbody .widget-text {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.mod_search .formbody .widget-text label {
position: absolute !important;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
padding: 0 !important;
border: 0 !important;
height: 1px !important;
width: 1px !important;
overflow: hidden !important;
}
.mod_search .formbody .widget-text input {
height: 40px;
padding: 0.5em;
border: 1px solid var(--grau-300);
border-radius: 5px 0 0 5px;
background-color: var(--grau-100);
color: var(--grau-900);
width: 100%;
}
.mod_search .formbody .widget-submit {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.mod_search .formbody .widget-submit button {
height: 40px;
width: auto;
background: var(--grau-400);
border: none;
border-radius: 0 5px 5px 0;
color: var(--grau-900);
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.mod_search .formbody .widget-submit button:hover, .mod_search .formbody .widget-submit button:focus {
background-color: var(--grau-800);
color: var(--grau-100);
cursor: pointer;
}
.mod_search .header {
margin-bottom: 2rem;
}
.mod_search > div {
margin-bottom: 2rem;
}
.mod_search h3 {
font-family: var(--font-family-default);
font-weight: var(--fw-sb);
margin-bottom: 0.25em;
color: var(--grau-700);
}
.mod_search .relevance, .mod_search .url {
font-size: 0.75rem;
color: var(--grau-600);
font-weight: normal;
}
.mod_search .context {
margin-bottom: 0.25em;
}
.mod_search .highlight {
background-color: var(--grau-200);
padding: 0 0.2em;
}
.mod_search .url {
color: var(--grau-600);
}
.pagination p {
margin: 0;
}
.pagination ul {
margin: 0;
display: block;
}
.pagination li {
display: inline-block;
margin-right: 0.3rem;
margin-bottom: 0.3em;
}
.pagination a,
.pagination .active {
display: block;
width: 2.5rem;
height: 2.5rem;
background: var(--grau-100);
border: 1px solid var(--grau-300);
text-align: center;
text-decoration: none;
color: var(--text-color);
line-height: 2.5rem;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.pagination .active {
background: var(--grau-700);
border: 1px solid var(--grau-700);
color: var(--grau-100);
}
.pagination a.next,
.pagination a.previous,
.pagination a.first,
.pagination a.last {
width: auto;
padding: 0 0.5em;
}
.pagination a:hover,
.pagination a:focus {
background: var(--grau-700);
border: 1px solid var(--grau-700);
color: #fff;
}
.hero {
--text-color: #fff;
--heading-color: #fff;
--action: #fff;
--image-darkness: 0.4;
padding: 0;
height: calc(100vh - var(--header-height));
overflow: hidden;
}
.hero .button {
--button-border__color_default: #fff;
}
.hero [class^=content-] {
margin-bottom: 0;
}
.hero img {
width: 100%;
}
.hero.light {
--image-darkness: 0;
}
.hero .wrap-article {
display: -ms-grid;
display: grid;
max-width: unset;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
grid-template-areas: "hero";
padding: 0;
height: 100%;
}
.hero .hero-content {
-ms-grid-row: 1;
-ms-grid-column: 1;
grid-area: hero;
z-index: 3;
border-radius: calc(4 * var(--border-radius));
-ms-grid-row-align: center;
-ms-grid-column-align: center;
place-self: center;
color: var(--text-color-light);
max-width: calc(100vw - 2rem);
}
@media screen and (min-width: 1480px) {
.hero .hero-content {
max-width: 1440px;
}
}
.hero .hero-content p, .hero .hero-content li {
text-wrap: balance;
font-weight: var(--fw-sb);
}
.hero .hero-content small {
display: block;
line-height: 1.2;
margin-block: 1.75rem;
}
.hero .hero-image,
.hero .hero-video {
-ms-grid-row: 1;
-ms-grid-column: 1;
grid-area: hero;
z-index: 1;
position: relative;
bottom: 0;
height: calc(100vh - var(--header-height));
}
@media screen and (min-width: 768px) {
.hero .hero-image,
.hero .hero-video {
left: 0;
}
}
.hero .hero-image figure,
.hero .hero-video figure {
height: 100%;
}
.hero .hero-image img,
.hero .hero-image video,
.hero .hero-video img,
.hero .hero-video video {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: top;
object-position: top;
}
.hero .hero-image:after,
.hero .hero-video:after {
position: absolute;
z-index: 2;
background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.65)), color-stop(50%, rgba(0, 0, 0, 0.55)), to(rgba(0, 0, 0, 0.2)));
background: linear-gradient(to right, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.55) 50%, rgba(0, 0, 0, 0.2) 100%);
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.hero .hero-siegel {
-ms-grid-row: 1;
-ms-grid-column: 1;
grid-area: hero;
-ms-grid-row-align: end;
-ms-grid-column-align: end;
place-self: end;
z-index: 1;
position: relative;
bottom: 3vw;
right: 3vw;
}
.hero .hero-siegel img {
border: 3px solid #04ADF2;
border-radius: 4px;
-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
}
.text-on-image {
--text-color: var(--text-color-light);
--heading-color: var(--text-color-light);
--action: var(--text-color-light);
--image-darkness: 0;
padding: 0;
overflow: hidden;
}
.text-on-image .button {
--button-border__color_default: var(--text-color-light);
}
.text-on-image img {
width: 100%;
height: auto;
}
.text-on-image .wrap-article {
display: -ms-grid;
display: grid;
max-width: unset;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
grid-template-areas: "textonimage";
padding: 0;
height: 100%;
}
.text-on-image .textonimage-content {
-ms-grid-row: 1;
-ms-grid-column: 1;
grid-area: textonimage;
z-index: 3;
border-radius: calc(4 * var(--border-radius));
-ms-grid-row-align: center;
-ms-grid-column-align: center;
place-self: center;
color: var(--text-color-light);
max-width: calc(100vw - 2rem);
}
.text-on-image .textonimage-content p {
text-wrap: balance;
}
.text-on-image .textonimage-image {
-ms-grid-row: 1;
-ms-grid-column: 1;
grid-area: textonimage;
z-index: 1;
position: relative;
}
.text-on-image .textonimage-image:after {
position: absolute;
z-index: 2;
background: rgba(0, 0, 0, var(--image-darkness));
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.text-on-image--overlay {
--image-darkness: .3;
}
.mod_newsreader {
max-width: 800px;
margin-inline: auto;
}
.mod_newsreader .layout_full .image_container ~ h1 {
margin-top: 1rem;
}
.mod_newsreader .news-share {
margin-block: 2rem 3rem;
}
.mod_newsreader .news-more {
border-top: 5px solid var(--brand-color3-200);
padding-block: 0.5rem;
}
.rsce_rating .inner {
border-radius: 1rem;
border: 1px solid #ddd;
padding: 1rem;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 0.75rem;
background-color: #fff;
}
.rsce_rating .stars .icon {
height: 1.5rem;
width: 100%;
}
.rsce_rating blockquote {
font-size: 0.875rem;
}
.rsce_rating .plattform {
height: 1.25rem;
background-size: contain !important;
}
.rsce_rating .plattform.google {
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 128 128'%3E%3Cpath fill='%23fff' d='M44.59 4.21a63.28 63.28 0 0 0 4.33 120.9a67.6 67.6 0 0 0 32.36.35a57.13 57.13 0 0 0 25.9-13.46a57.44 57.44 0 0 0 16-26.26a74.3 74.3 0 0 0 1.61-33.58H65.27v24.69h34.47a29.72 29.72 0 0 1-12.66 19.52a36.2 36.2 0 0 1-13.93 5.5a41.3 41.3 0 0 1-15.1 0A37.2 37.2 0 0 1 44 95.74a39.3 39.3 0 0 1-14.5-19.42a38.3 38.3 0 0 1 0-24.63a39.25 39.25 0 0 1 9.18-14.91A37.17 37.17 0 0 1 76.13 27a34.3 34.3 0 0 1 13.64 8q5.83-5.8 11.64-11.63c2-2.09 4.18-4.08 6.15-6.22A61.2 61.2 0 0 0 87.2 4.59a64 64 0 0 0-42.61-.38'/%3E%3Cpath fill='%23e33629' d='M44.59 4.21a64 64 0 0 1 42.61.37a61.2 61.2 0 0 1 20.35 12.62c-2 2.14-4.11 4.14-6.15 6.22Q95.58 29.23 89.77 35a34.3 34.3 0 0 0-13.64-8a37.17 37.17 0 0 0-37.46 9.74a39.25 39.25 0 0 0-9.18 14.91L8.76 35.6A63.53 63.53 0 0 1 44.59 4.21'/%3E%3Cpath fill='%23f8bd00' d='M3.26 51.5a63 63 0 0 1 5.5-15.9l20.73 16.09a38.3 38.3 0 0 0 0 24.63q-10.36 8-20.73 16.08a63.33 63.33 0 0 1-5.5-40.9'/%3E%3Cpath fill='%23587dbd' d='M65.27 52.15h59.52a74.3 74.3 0 0 1-1.61 33.58a57.44 57.44 0 0 1-16 26.26c-6.69-5.22-13.41-10.4-20.1-15.62a29.72 29.72 0 0 0 12.66-19.54H65.27c-.01-8.22 0-16.45 0-24.68'/%3E%3Cpath fill='%23319f43' d='M8.75 92.4q10.37-8 20.73-16.08A39.3 39.3 0 0 0 44 95.74a37.2 37.2 0 0 0 14.08 6.08a41.3 41.3 0 0 0 15.1 0a36.2 36.2 0 0 0 13.93-5.5c6.69 5.22 13.41 10.4 20.1 15.62a57.13 57.13 0 0 1-25.9 13.47a67.6 67.6 0 0 1-32.36-.35a63 63 0 0 1-23-11.59A63.7 63.7 0 0 1 8.75 92.4'/%3E%3C/svg%3E") center center no-repeat;
}
.rsce_rating .plattform.andere {
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 64 64'%3E%3Cpath fill='%23bcbec0' d='M19.468 21.96c0 8.167 9.9 14.789 22.11 14.789a32.4 32.4 0 0 0 6.305-.614c6.04 6.469 14.539 5.967 14.539 5.967c1.271-1.046 0-1.903 0-1.903c-4.395-2.357-6.128-4.86-6.732-6.853c4.888-2.714 8-6.807 8-11.388c0-8.168-9.902-14.791-22.11-14.791c-12.212 0-22.11 6.622-22.11 14.793'/%3E%3Cpath fill='%2367b0dd' d='M22.11 21.625C9.897 21.625 0 28.248 0 36.416c0 4.581 3.116 8.675 8 11.388c-.605 1.993-2.338 4.496-6.733 6.853c0 0-1.271.856 0 1.903c0 0 8.5.501 14.539-5.968c1.997.398 4.111.615 6.305.615c12.211 0 22.11-6.623 22.11-14.79c.001-8.169-9.899-14.792-22.11-14.792'/%3E%3C/svg%3E") center center no-repeat;
}
.rsce_rating .headline {
font-size: 1rem;
color: var(--text-color);
font-weight: var(--fw-sb);
}
.rsce_rating .text {
color: var(--text-color);
}
.rsce_rating cite {
font-size: 0.75rem;
font-style: normal;
line-height: 1.2;
margin-top: 1rem;
display: inline-block;
text-wrap: balance;
}
.rsce_rating cite .autor {
font-weight: var(--fw-sb);
}
.rsce_rating cite .autorinfo {
font-weight: var(--fw-n);
}
.mod_faqpage h2 {
text-align: center;
margin-block: 2.5rem 1.5rem;
font-size: clamp(1.25rem, 0.917vw + 0.906rem, 1.75rem);
}
.mod_faqpage .accordion-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 1rem;
max-width: 50rem;
margin-inline: auto;
}
.mod_faqpage .ce_accordion {
border-left: 15px solid rgba(0, 69, 86, 0.8);
background-color: rgba(0, 69, 86, 0.15);
border-bottom-left-radius: 0.5rem;
border-top-right-radius: 0.5rem;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.mod_faqpage .ce_accordion:hover {
border-left: 15px solid var(--brand-color3);
background-color: rgba(0, 69, 86, 0.3);
}
.mod_faqpage .ce_accordion:has(.open) {
border-left: 15px solid var(--brand-color3);
background-color: rgba(0, 69, 86, 0.15);
}
.mod_faqpage.accordion-invert .ce_accordion {
border-left: 15px solid rgba(255, 255, 255, 0.8);
background-color: rgba(255, 255, 255, 0.15);
}
.mod_faqpage.accordion-invert .ce_accordion:hover {
border-left: 15px solid rgb(255, 255, 255);
background-color: rgba(255, 255, 255, 0.3);
}
.mod_faqpage.accordion-invert .ce_accordion:has(.open) {
border-left: 15px solid rgb(255, 255, 255);
background-color: rgba(255, 255, 255, 0.25);
}
.mod_faqpage button {
padding: 0;
}
.mod_faqpage button {
position: relative;
cursor: pointer;
width: 100%;
padding: 1.5rem 1rem 1.5rem 2rem;
}
.mod_faqpage button::before {
content: "+";
height: 2rem;
width: 2rem;
display: inline-block;
position: absolute;
left: 0;
top: 50%;
-webkit-transition: all 0.32s;
transition: all 0.32s;
font-size: 2.5rem;
line-height: 0;
}
.mod_faqpage .headline {
margin: 0;
text-align: left;
font-size: 1.125rem;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
font-weight: var(--fw-sb);
}
.mod_faqpage .open .headline {
font-weight: var(--fw-b);
}
.mod_faqpage .accordion {
color: var(--text-color);
padding: 0.5rem 1.5rem 1.5rem 1.5rem;
border-left: 1px dotted var(--grau-200);
border-bottom-right-radius: 0.5rem;
}
.rsce_zitat {
background: red;
}
@media screen and (max-width: 991px) {
.hideontablet {
display: none;
}
}
.textimage50 {
--gap-default: var(--gapvalue, 2rem);
--wraparea: var(--wrap, 1440px);
padding: 0;
margin: 0;
}
.textimage50 .wrap-article {
max-width: unset;
width: 100%;
display: -ms-grid;
display: grid;
gap: 0;
}
.textimage50 .wrap-article > :is(:not(.content-image)) {
-ms-grid-row: 1;
-ms-grid-column: 2;
grid-area: content;
-ms-flex-line-pack: center;
align-content: center;
margin-block: 2.5rem;
}
@media screen and (min-width: 1472px) {
.textimage50 .wrap-article > :is(:not(.content-image)) {
margin-block: var(--gap-default);
}
}
.textimage50 .wrap-article > .content-image {
-ms-grid-row: 2;
-ms-grid-column: 1;
-ms-grid-column-span: 3;
--space-default: 0;
grid-area: image;
}
.textimage50 .wrap-article > .content-image {
height: 100%;
width: 100%;
margin-bottom: 0;
}
.textimage50 .wrap-article > .content-image figure {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}
.textimage50 .wrap-article > .content-image img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
height: 100%;
width: 100%;
}
.content-image.siegel {
position: absolute;
bottom: 2rem;
left: 2rem;
}
.textimage50.image--right .wrap-article {
-ms-grid-columns: var(--gap-default) 1fr var(--gap-default);
grid-template-columns: var(--gap-default) 1fr var(--gap-default);
grid-template-areas: "marginleft content gap" "image image image";
}
@media screen and (min-width: 768px) {
.textimage50.image--right .wrap-article {
-ms-grid-columns: var(--gap-default) 1fr var(--gap-default) 50%;
grid-template-columns: var(--gap-default) 1fr var(--gap-default) 50%;
grid-template-areas: "marginleft content gap image";
}
.textimage50 .wrap-article > :is(:not(.content-image)) {
-ms-grid-row: 1;
-ms-grid-column: 2;
}
.textimage50 .wrap-article > .content-image {
-ms-grid-row: 1;
-ms-grid-column: 4;
-ms-grid-column-span: 1;
}
}
@media screen and (min-width: 1472px) {
.textimage50.image--right .wrap-article {
-ms-grid-columns: calc((100vw - var(--wraparea)) / 2) 1fr var(--gap-default) 50%;
grid-template-columns: calc((100vw - var(--wraparea)) / 2) 1fr var(--gap-default) 50%;
}
}
.textimage50.image--left .wrap-article {
-ms-grid-columns: var(--gap-default) 1fr var(--gap-default);
grid-template-columns: var(--gap-default) 1fr var(--gap-default);
grid-template-areas: "gap content marginright" "image image image";
}
@media screen and (min-width: 768px) {
.textimage50.image--left .wrap-article {
-ms-grid-columns: 50% var(--gap-default) 1fr var(--gap-default);
grid-template-columns: 50% var(--gap-default) 1fr var(--gap-default);
grid-template-areas: "image gap content marginright";
}
.textimage50.image--left .wrap-article > :is(:not(.content-image)) {
-ms-grid-row: 1;
-ms-grid-column: 3;
}
.textimage50.image--left .wrap-article > .content-image {
-ms-grid-row: 1;
-ms-grid-column: 1;
-ms-grid-column-span: 1;
}
}
@media screen and (min-width: 1472px) {
.textimage50.image--left .wrap-article {
-ms-grid-columns: 50% var(--gap-default) 1fr calc((100vw - var(--wraparea)) / 2);
grid-template-columns: 50% var(--gap-default) 1fr calc((100vw - var(--wraparea)) / 2);
grid-template-areas: "image gap content marginright";
}
.textimage50.image--left .wrap-article > :is(:not(.content-image)) {
-ms-grid-row: 1;
-ms-grid-column: 3;
}
.textimage50.image--left .wrap-article > .content-image {
-ms-grid-row: 1;
-ms-grid-column: 1;
-ms-grid-column-span: 1;
}
}
.swiper-container {
--swiper-theme-color: var(--brand-color3);
--swiper-pagination-color: var(--brand-color3);
--swiper-navigation-color: var(--brand-color3);
--swiper-bg-color: var(--article-bg-color);
--swiper-gradient-color-1: color-mix(in srgb, var(--swiper-bg-color) 100%, transparent);
--swiper-gradient-color-0: color-mix(in srgb, var(--swiper-bg-color) 0%, transparent);
}
.swiper-wrapper {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 2rem 0;
}
.ce_swiperStart {
position: relative;
}
.swiper-button-prev {
--swiper-navigation-color: var(--brand-color3);
left: calc(50% - 50px);
bottom: 0;
width: 2rem;
height: 100%;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.swiper-button-prev::after {
opacity: 0.5;
-webkit-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.swiper-button-prev:hover::after, .swiper-button-prev:focus::after {
opacity: 1;
}
.swiper-button-next {
--swiper-navigation-color: var(--brand-color3);
right: calc(50% - 50px);
bottom: 0;
width: 2rem;
height: 100%;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.swiper-button-next::after {
opacity: 0.5;
-webkit-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.swiper-button-next:hover::after, .swiper-button-next:focus::after {
opacity: 1;
}
.content-youtube figure {
background-color: #f1f1f1;
}
.content-youtube iframe {
border: none;
}
.ce_tabs {
--tab-border-color: var(--brand-color3-200);
--tab-background-color: var(--brand-color3-200);
--tab-active-background: #fff;
--tab-text: var(--brand-color3-800);
--tab-active-border: var(--brand-color3-400);
--tab-active-text: var(--brand-color3);
--tab-padding: .75rem 1rem;
--tab-link-border-width: 2px;
}
.ce_tabs .ce_tabs-nav {
list-style: none;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
margin: 0;
}
@media screen and (min-width: 650px) {
.ce_tabs .ce_tabs-nav {
gap: 0.5rem;
}
}
.ce_tabs .nav-item {
-webkit-box-flex: 1;
-ms-flex: 1 100%;
flex: 1 100%;
}
@media screen and (min-width: 650px) {
.ce_tabs .nav-item {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
}
.ce_tabs .tab-link {
text-decoration: none;
padding: var(--tab-padding);
display: block;
border-right: var(--tab-link-border-width) solid var(--tab-border-color);
border-left: var(--tab-link-border-width) solid var(--tab-border-color);
border-top: var(--tab-link-border-width) solid var(--tab-border-color);
background-color: var(--tab-background-color);
cursor: pointer;
font-weight: var(--fw-sb);
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
-webkit-box-shadow: inset 0 -5px 10px -8px rgba(0, 0, 0, 0.25);
box-shadow: inset 0 -5px 10px -8px rgba(0, 0, 0, 0.25);
color: var(--tab-text);
font-weight: var(--fw-l);
}
.ce_tabs .tab-link:hover, .ce_tabs .tab-link:focus {
--tab-border-color: var(--brand-color3);
--tab-background-color: var(--brand-color3);
--tab-text: var(--text-color-light);
}
.ce_tabs .active-tab-nav {
--tab-border-color: var(--tab-active-border);
border-left: var(--tab-link-border-width) solid var(--tab-border-color);
background-color: var(--tab-active-background);
color: var(--action);
-webkit-box-shadow: unset;
box-shadow: unset;
font-weight: var(--fw-b);
}
.ce_tabs .tab-content {
border: var(--tab-link-border-width) solid var(--tab-active-border);
border-top: none;
padding: 1rem;
background-color: var(--tab-active-background);
border-bottom-left-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
}
.ce_tabs .tab-pane {
display: none;
}
.ce_tabs .active-tab {
display: block;
}
.contao-cookiebar {
--ccb-detail-clr: var(--text-color);
--ccb-text: var(--text-color);
}