.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} /** * Swiper 6.8.4 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2021 Vladimir Kharlampidi * * Released under the MIT License * * Released on: August 23, 2021 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-container-pointer-events{touch-action:pan-y}.swiper-container-pointer-events.swiper-container-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:50%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-container-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden} .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 */ @charset "UTF-8"; .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: #00bfbf; --brand-color2: #2f3d44; --brand-color3: #CECFD1; --brand-black: var(--brand-color2); --shades-color-primary: #32778A; --grau-100: #F2F2F3; --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-black); --text-color-light: var(--grau-100); --heading-color: var(--brand-color1); --secondary-heading-color: var(--brand-color2); --action: var(--brand-color1); --action-respond: var(--brand-color1); --mainnav-color: var(--text-color); --alert-yellow: #ff0; --alert-blue: #00f; --alert-red: #f00; --alert-green: #0f0; } .accent.petrol { color: var(--brand-color1); } :root { --brand-color1-100: color-mix(in srgb, var(--brand-color1), white 90%); --brand-color1-200: color-mix(in srgb, var(--brand-color1), white 60%); --brand-color1-300: color-mix(in srgb, var(--brand-color1), white 40%); --brand-color1-400: color-mix(in srgb, var(--brand-color1), white 15%); --brand-color1-500: var(--brand-color1); --brand-color1-600: color-mix(in srgb, var(--brand-color1), black 20%); --brand-color1-700: color-mix(in srgb, var(--brand-color1), black 40%); --brand-color1-800: color-mix(in srgb, var(--brand-color1), black 60%); --brand-color1-900: color-mix(in srgb, var(--brand-color1), black 80%); --brand-color2-100: color-mix(in srgb, var(--brand-color2), white 80%); --brand-color2-200: color-mix(in srgb, var(--brand-color2), white 60%); --brand-color2-300: color-mix(in srgb, var(--brand-color2), white 40%); --brand-color2-400: color-mix(in srgb, var(--brand-color2), white 15%); --brand-color2-500: var(--brand-color2); --brand-color2-600: color-mix(in srgb, var(--brand-color2), black 25%); --brand-color2-700: color-mix(in srgb, var(--brand-color2), black 40%); --brand-color2-800: color-mix(in srgb, var(--brand-color2), black 60%); --brand-color2-900: color-mix(in srgb, var(--brand-color2), black 80%); --brand-color3-100: color-mix(in srgb, var(--brand-color3), white 80%); --brand-color3-200: color-mix(in srgb, var(--brand-color3), white 60%); --brand-color3-300: color-mix(in srgb, var(--brand-color3), white 40%); --brand-color3-400: color-mix(in srgb, var(--brand-color3), white 20%); --brand-color3-500: var(--brand-color3); --brand-color3-600: color-mix(in srgb, var(--brand-color3), black 20%); --brand-color3-700: color-mix(in srgb, var(--brand-color3), black 40%); --brand-color3-800: color-mix(in srgb, var(--brand-color3), black 60%); --brand-color3-900: color-mix(in srgb, var(--brand-color3), black 80%); } /* inter-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: "Inter"; font-style: normal; font-weight: 200; src: url("/files/theme/fonts/inter-v18-latin-200.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* inter-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: "Inter"; font-style: normal; font-weight: 400; src: url("/files/theme/fonts/inter-v18-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* inter-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: "Inter"; font-style: normal; font-weight: 500; src: url("/files/theme/fonts/inter-v18-latin-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* inter-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: "Inter"; font-style: normal; font-weight: 600; src: url("/files/theme/fonts/inter-v18-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ } /* inter-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: "Inter"; font-style: normal; font-weight: 800; src: url("/files/theme/fonts/inter-v18-latin-800.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: "Inter", "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-l: 200; --fw-n: 400; --fw-sb: 600; --fw-b: 700; } :root { --space-small: .5rem; --space-default: 1rem; --space-medium: 2rem; --space-large: 3rem; --space-xlarge: 6rem; } .clearfix:after { content: ""; display: table; clear: both; } .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, .aspect { position: relative; width: 100%; height: 0; overflow: hidden; --aspect-ratio: 56.25%; padding-bottom: var(--aspect-ratio); } .embed-container > iframe, .embed-container > object, .embed-container > embed, .embed-container > 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.aspect--16\:9 { --aspect-ratio: 56.25%; } .embed-container.aspect--16\:10, .aspect.aspect--16\:10 { --aspect-ratio: 62.5%; } .embed-container.aspect--21\:9, .aspect.aspect--21\:9 { --aspect-ratio: 42.86%; } .embed-container.aspect--4\:3, .aspect.aspect--4\:3 { --aspect-ratio: 75%; } .embed-container.aspect--3\:2, .aspect.aspect--3\:2 { --aspect-ratio: 66.67%; } .embed-container.aspect--1\:1, .aspect.aspect--1\:1 { --aspect-ratio: 100%; } @supports not (--aspect-ratio: 56.25%) { .embed-container.aspect--16\:9, .aspect.aspect--16\:9 { padding-bottom: 56.25%; } .embed-container.aspect--16\:10, .aspect.aspect--16\:10 { padding-bottom: 62.5%; } .embed-container.aspect--21\:9, .aspect.aspect--21\:9 { padding-bottom: 42.86%; } .embed-container.aspect--4\:3, .aspect.aspect--4\:3 { padding-bottom: 75%; } .embed-container.aspect--3\:2, .aspect.aspect--3\:2 { padding-bottom: 66.67%; } .embed-container.aspect--1\:1, .aspect.aspect--1\:1 { padding-bottom: 100%; } } @supports (aspect-ratio: 16/9) { .embed-container, .aspect { height: auto; padding-bottom: 0; } .embed-container.aspect--16\:9, .aspect.aspect--16\:9 { aspect-ratio: 16/9; } .embed-container.aspect--16\:10, .aspect.aspect--16\:10 { aspect-ratio: 16/10; } .embed-container.aspect--21\:9, .aspect.aspect--21\:9 { aspect-ratio: 21/9; } .embed-container.aspect--4\:3, .aspect.aspect--4\:3 { aspect-ratio: 4/3; } .embed-container.aspect--3\:2, .aspect.aspect--3\:2 { aspect-ratio: 3/2; } .embed-container.aspect--1\:1, .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: 520pxpx) { .hide-s { display: none !important; } } @media screen and (max-width: 519pxpx) { .show-s { display: none !important; } } @media screen and (max-width: 768pxpx) { .hide-m { display: none !important; } } @media screen and (max-width: 767pxpx) { .show-m { display: none !important; } } @media screen and (max-width: 920pxpx) { .hide-l { display: none !important; } } @media screen and (max-width: 919pxpx) { .show-l { display: none !important; } } @media screen and (max-width: 920pxpx) { .hide-xl { display: none !important; } } @media screen and (max-width: 919pxpx) { .show-xl { display: none !important; } } .home main { background: url("/files/theme/img/background/bg-main_abgedunkelt_s.jpg") top center no-repeat var(--brand-black); background-size: cover; } @media screen and (min-width: 768px) { .home main { background: url("/files/theme/img/background/bg-main_abgedunkelt.jpg") top center no-repeat var(--brand-black); background-size: cover; } } .bg_dark { background-color: var(--brand-black); --text-color: #fff; } .hero-mask { position: relative; } .hero-mask:after { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2; background: linear-gradient(45deg, #2f3d44 0%, #101518 51%, #2f3d44 100%); opacity: 0.75; } /* 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; } html { font-size: 100%; font-family: var(--font-family-default); } @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; } @media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } } p { color: var(--text-color); margin: 0 0 0.75em 0; } ::-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; } .top-s { margin-top: 0.5rem !important; } .top-m { margin-top: 1rem !important; } .top-l { margin-top: 2rem !important; } .top-xl { margin-top: 3rem !important; } .bottom-s { margin-bottom: 0.5rem !important; } .bottom-m { margin-bottom: 1rem !important; } .bottom-l { margin-bottom: 2rem !important; } .bottom-xl { margin-bottom: 3rem !important; } .ptop-s { padding-top: 0.5rem !important; } .ptop-m { padding-top: 1rem !important; } .ptop-l { padding-top: 2rem !important; } .ptop-xl { padding-top: 3rem !important; } .pbottom-s { padding-bottom: 0.5rem !important; } .pbottom-m { padding-bottom: 1rem !important; } .pbottom-l { padding-bottom: 2rem !important; } .pbottom-xl { padding-bottom: 3rem !important; } .nomargin { margin: 0; } h1, h2, h3, h4, h5, h6, .all-headlines, .h1, .h2, .h3, .h4, .h5, .h6, div.content-headline { 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, div.content-headline 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, div.content-headline .subheadline { display: block; font-size: clamp(0.75rem, 0.417vw + 0.625rem, 1rem); margin: 0; color: inherit; } :where([class^=content-]:is(h2, h3, h4, h5, h6):first-of-type, .ce_cp_column_start:is(h2, h3, h4, h5, h6):first-of-type) { margin-top: 0; } h1, .h1 { font-family: var(--font-family-display); font-weight: var(--fw-sb); color: var(--text-color); margin: 0 0 0.5em 0; font-size: 1.75rem; } @media screen and (min-width: 768px) { h1, .h1 { font-size: 2rem; } } @media screen and (min-width: 1200px) { h1, .h1 { font-size: 2.4rem; } } h2, .h2 { font-family: var(--font-family-display); font-weight: var(--fw-n); color: var(--text-color); margin: 0.75em 0 0.5em 0; font-size: 1.375rem; } @media screen and (min-width: 768px) { h2, .h2 { font-size: 1.5555556rem; } } @media screen and (min-width: 1200px) { h2, .h2 { font-size: 1.8rem; } } h3, .h3 { font-family: var(--font-family-display); font-weight: var(--fw-n); color: var(--text-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(--text-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(--text-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, div.content-headline { font-family: var(--font-family-display); font-weight: var(--fw-b); color: var(--text-color); margin: 0.75em 0 0.5em 0; font-size: 1rem; } img, picture { max-width: 100%; height: auto; line-height: 0; } .cover img { width: 100%; } figure { line-height: 0; margin: 0; } figcaption { line-height: 1.2; } /*Fix für Caption auf Bildbreite beschränken*/ figure img { display: block; } /*Alle Bilder ohne Alt-Attribut kennzeichen*/ /*sollte für Production auskommentiert werden!*/ img:not([alt]) { border: 5px dashed #c00; } /*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; } 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 { outline: 1px dashed var(--grau-700); } a[href^=tel] { text-decoration: none; color: var(--text-color); } main a { text-decoration: none; } main .rte a { color: var(--brand-color1-600); } ul li, ol li, dl li { color: inherit; } ul { list-style-type: disc; } ol { list-style-type: decimal; } html { background-color: var(--grau-100); --wrapper-max-width: 1440px; } body { background-color: var(--brand-black); } .wrapper { margin: 0 auto; background-color: #fff; } .wrap, .mod_article .wrap-article, #footer .inside, #header .inside, .left-aside-right .container, .aside-right .container, .aside-left .container { max-width: 1440px; margin: 0 auto; } @media screen and (max-width: 1480px) { .wrap, .mod_article .wrap-article, #footer .inside, #header .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; } #header { background: transparent; color: var(--grau-900); padding: 0 1rem; position: relative; top: -15px; margin-bottom: -30px; z-index: 5; } #header .logo { margin-right: auto; } #header .logo a { display: block; } #header .logo img { height: 60px; width: auto; -webkit-transition: height 0.25s ease-in; transition: height 0.25s ease-in; } @media screen and (min-width: 390px) { #header .logo img { height: 80px; } } @media screen and (min-width: 990px) { #header .logo img { height: 125px; } } #header .inside { 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; } #header.sticky { position: fixed; top: 0; width: 100%; background: #fff; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); } #header.sticky .logo img { height: 50px; } #header .sticky + .container { padding-top: 102px; } #header .content-image { margin: 0; } #topheader { max-width: var(--wrapper-max-width); margin: 0 auto; background-color: var(--brand-black); color: #fff; font-size: 18px; text-align: right; padding: 0.5rem; } #topheader .inside { padding: 0 1rem; } #topheader * { color: inherit; font-size: 0.875rem; } #topheader .flex-container { display: none; } @media screen and (min-width: 768px) { #topheader .flex-container { display: -webkit-box; display: -ms-flexbox; display: flex; } } #topheader .flex-container > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } #topheader .adress { display: none; } @media screen and (min-width: 820px) { #topheader .adress { display: block; } } #topheader .mail { display: none; } @media screen and (min-width: 470px) { #topheader .mail { display: block; } } #footer { --text-color: #fff; --action: #fff; background: url("/files/theme/img/signet.svg") right center no-repeat var(--grau-800); background-size: contain; color: #fff; padding: 1rem; } @media screen and (min-width: 768px) { #footer { padding: 2.5rem 1rem 1rem 2.5rem; } } @media screen and (min-width: 1200px) { #footer { padding: 4rem 1rem 1rem 4rem; } } #footer .h6, #footer div.content-headline { color: var(--brand-color1); } #footer .subfooter { margin-top: 2rem; font-size: 0.8rem; } .mod_article { padding: 2rem 0; } @media screen and (min-width: 900px) { .mod_article { padding: 4rem 0; } } .mod_article.hero { color: #fff; position: relative; overflow: hidden; } .mod_article.hero .wrap-article { display: -ms-grid; display: grid; grid-template-areas: "hero"; -ms-grid-columns: 1fr; grid-template-columns: 1fr; height: calc(100vh - 80px); } .mod_article.hero * { color: inherit; } .mod_article.hero .content-player { -ms-grid-row: 1; -ms-grid-column: 1; grid-area: hero; max-height: calc(100vh - 80px); height: 100%; width: auto; z-index: 1; } .mod_article.hero .content-player figure { height: 100%; width: 100%; } .mod_article.hero .content-player video { -o-object-fit: cover; object-fit: cover; height: 100%; width: 100%; } .mod_article.hero .hero-content { -ms-grid-row: 1; -ms-grid-column: 1; grid-area: hero; text-align: center; z-index: 2; -ms-grid-row-align: center; -ms-grid-column-align: center; place-self: center; max-width: 60ch; margin-inline: auto; margin-top: -2rem; } .mod_article.hero .hero-content p { text-wrap: balance; } .mod_article.hero .hero-content .content-hyperlink a { min-width: 210px; } .mod_article.fullwidth { padding: 0; } .mod_article.fullwidth .wrap-article { max-width: 100%; padding: 0; } @media screen and (min-width: 768px) { .mod_article.hero + .offset--upwards { padding-top: 0; margin-top: -2rem; position: relative; z-index: 4; } } @media screen and (min-width: 990px) { .mod_article.hero + .offset--upwards { margin-top: -3rem; } } @media screen and (min-width: 1440px) { .mod_article.hero + .offset--upwards { margin-top: -6rem; } } .content-element-group.flexit { 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; } .content-element-group.imageteaser { position: relative; width: 100%; min-height: 340px; overflow: hidden; } .content-element-group.imageteaser .content-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .content-element-group.imageteaser .content-image::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 67, 64, 0.4); z-index: 2; mix-blend-mode: multiply; } .content-element-group.imageteaser .content-image figure { margin: 0; height: 100%; } .content-element-group.imageteaser .content-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .content-element-group.imageteaser .content-text { position: relative; z-index: 2; padding: 2rem; } .content-element-group.imageteaser .content-hyperlink { position: absolute; bottom: 0; right: 0; z-index: 2; } @media (max-width: 768px) { .content-element-group.imageteaser { min-height: 250px; } .content-element-group.imageteaser .content-text { padding: 1.5rem; } } @media (max-width: 480px) { .content-element-group.imageteaser { min-height: 200px; } .content-element-group.imageteaser .content-text { padding: 1rem; } } @supports (grid-area: auto) { * + .ce_cp_grid_start { 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; } [class^=icon] { height: 1.5em; width: 1.5em; display: inline-block; margin-right: 0.125rem; vertical-align: middle; color: var(--grau-700); } #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; } /* Contao elements */ [class^=content-]:not(.content-headline) { margin-bottom: var(--space-default); } 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; } .offset--element { padding-top: 0; margin-top: 1rem; position: relative; z-index: 4; margin-bottom: 3rem; } @media screen and (min-width: 650px) { .offset--element { margin-top: -5rem; } } @media screen and (min-width: 950px) { .offset--element { margin-top: -10rem; } } .checkitem { background: url("/files/theme/img/icons/checkitem.svg") left top 1rem no-repeat; background-size: 2rem; padding-left: 2.5rem; } .icon-group figure { text-align: center; font-size: 0.8rem; } .icon-group figure img { display: inline-block; } .icon-group figure figcaption { margin-top: 1rem; } @media screen and (min-width: 1920px) { .fullwidth .content-image.nomargin object, .fullwidth .content-image.nomargin img { width: 100%; max-width: unset; height: auto; } } 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, nav a.active, nav a.trail { color: var(--action-respond); } .mod_mobile_menu { cursor: pointer; } @media screen and (min-width: 1250px) { .mod_mobile_menu { display: none; } } .mod_mobile_menu .icon { width: 2rem; height: 2rem; } .mobile_menu { --text-color: #fff; --action: var(--text-color); --action-respond: var(--brand-color1); } .mobile_menu .inner { background-color: var(--brand-black); padding: var(--space-default); } .mobile_menu .logo img { height: 50px; width: auto; } .mobile_menu .mm-header { margin-bottom: var(--space-small); padding-bottom: var(--space-default); } .mobile_menu .mm-main { margin-bottom: var(--space-small); } .mobile_menu .mm-footer { margin-bottom: var(--space-small); text-align: center; font-size: 0.8rem; } .mobile_menu .mod_navigation.block ul.level_1 { list-style: none; margin: 0; padding: 0; } .mobile_menu .mod_navigation.block ul.level_1 li { position: relative; margin: 0; cursor: pointer; background-color: var(--grau-100); border-bottom: 1px solid #ddd; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; } .mobile_menu .mod_navigation.block ul.level_1 li a { text-decoration: none; color: var(--brand-black); display: block; padding: 0.3rem 0.8rem; } .mobile_menu .mod_navigation.block ul.level_1 li a:hover, .mobile_menu .mod_navigation.block ul.level_1 li a:focus, .mobile_menu .mod_navigation.block ul.level_1 li a.active, .mobile_menu .mod_navigation.block ul.level_1 li a.trail { color: var(--brand-color1); } .mobile_menu .mod_navigation.block ul.level_1 li:hover { background-color: var(--grau-200); } .mobile_menu .mod_navigation.block ul.level_1 li.submenu.submenu_show > ul.level_2 { display: block; } .mobile_menu .mod_navigation.block ul.level_1 li.submenu.submenu_hide:after { content: ">"; position: absolute; right: 0.4rem; top: 0.4rem; z-index: 10; color: var(--brand-black); -webkit-transform: rotate(90deg) scaleX(0.7) scaleY(1.3); transform: rotate(90deg) scaleX(0.7) scaleY(1.3); -webkit-transition: all 0.4s; transition: all 0.4s; } .mobile_menu .mod_navigation.block ul.level_1 li.submenu.submenu_show:after { content: ">"; position: absolute; right: 0.4rem; top: 0.4rem; z-index: 10; color: var(--brand-black); -webkit-transform: rotate(0deg) scaleX(0.7) scaleY(1.3); transform: rotate(0deg) scaleX(0.7) scaleY(1.3); -webkit-transition: all 0.2s; transition: all 0.2s; } .mobile_menu .mod_navigation.block ul.level_1 li.submenu ul.level_2 { display: none; } .mobile_menu .mod_navigation.block ul.level_1 li.submenu ul.level_2 li { background-color: var(--grau-100); padding-left: 1.1rem; border-bottom: 1px solid var(--grau-500); } .mobile_menu .mod_navigation.block ul.level_1 li.submenu ul.level_2 li:hover { background-color: var(--grau-300); } .mainnav { display: none; --link-space-inner-v: .2rem; --link-space-inner-h: 1rem; --bg-nav: transparent; margin-left: auto; } @media screen and (min-width: 1250px) { .mainnav { display: block; } } .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; gap: 0.75rem; background: var(--bg-nav); } .mainnav ul ul { display: none; position: absolute; z-index: 5; } .mainnav li { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .mainnav a { padding: var(--link-space-inner-v) var(--link-space-inner-h); color: var(--mainnav-color); } .mainnav a.submenu { margin-right: 0.75rem; padding-right: 1rem; position: relative; } .mainnav a.submenu::after { content: ">"; display: inline-block; -webkit-transform: rotate(90deg) scaleX(0.7) scaleY(1.3); transform: rotate(90deg) scaleX(0.7) scaleY(1.3); position: absolute; right: 0; top: 0.3rem; } .mainnav a.terminvergabe { border: 1px solid var(--brand-color1); color: var(--brand-color1); margin-left: 1rem; } .mainnav a.terminvergabe:hover, .mainnav a.terminvergabe:focus { background-color: var(--brand-color1); color: #fff; } .mainnav ul > li:hover > ul, .mainnav ul > li:focus > ul { display: block; background-color: #fff; -webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.25); box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.25); padding-block: 0.5rem; border-radius: 5px; } .mainnav .level_3 { left: 100%; top: 0; } .subnav--float li { display: inline-block; } .subfooter * { font-size: 0.8rem; } .subfooter p { display: inline-block; } .subfooter a { text-decoration: underline; } .subfooter .subfooternav ul { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 1rem; } .contentnav { --action: #fff; --button-bg__primary: rgba(0, 191, 191, 0.7); --button-bg__secondary: rgba(47, 61, 68, 0.7); --button-border__width: 5px; --button-border__style: solid; --button-border__primary__color: var(--brand-color1); --button-border__secondary__color: var(--brand-color2); --button-border__default: var(--button-border__width) var(--button-border__style) var(--button-border__primary__color); } .contentnav ul { display: -ms-grid; display: grid; gap: 1rem; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } @media (min-width: 768px) { .contentnav ul { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); } } @media (min-width: 1024px) { .contentnav ul { -ms-grid-columns: (1fr)[4]; grid-template-columns: repeat(4, 1fr); } } .contentnav ul a { background-color: var(--button-bg__primary); border-left: var(--button-border__default); color: var(--button-color__light); text-align: center; padding: 0.5rem; text-transform: uppercase; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; } .contentnav ul a:hover, .contentnav ul a:focus { --action-respond: var(--grau-200); background-color: var(--brand-color1); } .mod_breadcrumb { display: none; font-size: 0.875rem; } @media screen and (min-width: 900px) { .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: rgba(0, 191, 191, 0.7); --button-bg__secondary: rgba(47, 61, 68, 0.7); --button-color__light: var(--text-color-light); --button-color: var(--text-color); --button-border__primary__color: var(--brand-color1); --button-border__secondary__color: var(--brand-color2); --button-border__width: 5px; --button-border__style: solid; --button-border__default: var(--button-border__width) var(--button-border__style) var(--button-bg__primary); --button-border__radius: 0; --button-color-transition-time: .3s; } .button { display: inline-block; } @media screen and (max-width: 350px) { .button { display: block; } } .button.btn-block { display: block; } .button a { display: block; padding: 0.5rem; text-align: center; border-left: var(--button-border__default); border-radius: var(--button-border__radius); text-decoration: none; background-color: none; color: var(--button-color); -webkit-transition: background-color var(--button-color-transition-time); transition: background-color var(--button-color-transition-time); } .button a:hover, .button a:focus { border-color: var(--brand-color1-800, var(--grau-900)); color: var(--button-color); background-color: inherit; } .button.primary a { background-color: var(--button-bg__primary); border-color: var(--button-border__primary__color); color: var(--button-color__light); } .button.primary a:hover, .button.primary a:focus { background-color: var(--brand-color1); } .button.primary-skeleton a { background-color: transparent; border: 1px solid; border-left: var(--button-border__default); border-color: var(--button-border__primary__color); color: var(--brand-color1); } .button.primary-skeleton a:hover, .button.primary-skeleton a:focus { background-color: var(--brand-color1); color: var(--button-color__light); } .button.secondary a { background-color: var(--button-bg__secondary); border-color: var(--button-border__secondary__color); color: var(--button-color__light); } .button.secondary a:hover, .button.secondary a:focus { background-color: var(--brand-color2); border-color: var(--brand-color2); } .content-headline { margin-bottom: var(--space-small); } .content-headline.centered { text-align: center; } .content-text:after { content: ""; display: table; clear: both; } @media screen and (min-width: 600px) { .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 strong { color: var(--brand-color1); font-weight: var(--fw-sb); } .content-text.testimonial blockquote { font-size: clamp(1.125rem, 0.238vw + 1.036rem, 1.25rem); color: var(--brand-color1); position: relative; z-index: 2; } .content-text.testimonial blockquote::after { content: ""; width: 3rem; height: 4rem; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='111' height='94' fill='none'%3E%3Cpath fill='%2300BFBF' fill-opacity='.8' d='M51.973 0v24.737c0 7.512-1.368 15.483-4.103 23.912-2.644 8.52-6.565 16.72-11.762 24.6C31.002 81.219 24.8 88.137 17.507 94L0 79.708A173.868 173.868 0 0 0 14.908 53.87c4.286-8.887 6.428-18.415 6.428-28.584V0h30.637ZM111 0v24.737c0 7.512-1.368 15.483-4.103 23.912-2.644 8.52-6.565 16.72-11.763 24.6-5.106 7.97-11.306 14.888-18.6 20.751L59.027 79.708A173.867 173.867 0 0 0 73.935 53.87c4.285-8.887 6.428-18.415 6.428-28.584V0H111Z' opacity='.25'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; background-position: left top; position: absolute; top: 0; left: 0; z-index: -1; } .content-text.testimonial cite { font-size: 0.75em; color: var(--text-color-light); line-height: 1.1; display: block; margin-top: 0.5rem; } .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.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: 660px) { .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: 660px) { .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: 660px) { .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: 660px) { .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: 660px) { .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: 660px) { .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: 660px) { .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: 660px) { .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: 660px) { .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: 660px) { .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: 660px) { .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: 660px) { .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; } } .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(33.333333% - 1rem); flex-basis: calc(33.333333% - 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: 660px) { .content-gallery ul { grid-gap: 1.5rem; grid-template-columns: 1fr 1fr 1fr; } } .content-gallery ul 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: 500px) { 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: 500px) { dl dd { -ms-flex-preferred-size: 70%; flex-basis: 70%; } } .ce_form { /*Variable Werte für Grundstyle*/ --field-border-color: var(--brand-color1-600); --field-background: #fff; --field-color: var(--text-color); --label-color: var(--brand-color1-800); --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: 1rem; --color-rangeslider: var(--text-color); } /*Klassen für @extend*/ .fieldreset, .ce_form .widget-checkbox.dsgvo fieldset { border: none; padding: 0; } /*Basic Styles*/ .ce_form input, .ce_form label { display: block; } .ce_form label, .ce_form legend { color: var(--label-color); font-size: 0.8rem; } .ce_form label span.mandatory, .ce_form legend span.mandatory { color: var(--brand-color1); } .ce_form input, .ce_form textarea { width: 100%; border: 0; border-bottom: 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:focus, .ce_form textarea:focus { background: hsl(var(--field-background), calc(var(--l) - 2%)); } .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; 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-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; 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-color: var(--brand-color1); color: var(--text-color-light); padding: var(--field-padding) calc(var(--field-padding) * 2); border: var(--field-border-width) var(--field-border-style) var(--brand-color1); cursor: pointer; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .ce_form .widget-submit button:hover { background-color: var(--brand-color1-800); border-color: var(--brand-color1-800); } .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; } table { --table-border-width: 1px; --table-border-style: solid; --table-border-color: var(--grau-300); --table-color: var(--brand-black); --table-even-background: var(--grau-200); --table-odd-background: none; --table-cell-padding: .5rem; --table-th-padding: 1.5rem var(--table-cell-padding) 1rem var(--table-cell-padding); --table-row-action-respond-background: #c7c7c7; --table-caption-color: rgb(61, 61, 61); --table-th-background: rgb(209, 179, 79); --table-th-color: rgb(255, 255, 255); --table-th-body-background: rgb(186, 173, 129); --table-tfoot-fontsize: .7rem; } table caption { color: var(--table-caption-color); } 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 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); } table tfoot td, table tfoot th { font-size: var(--table-tfoot-fontsize); } .content-table, .content-text:has(table) { overflow-x: auto; } .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; } .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; } .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container.smallsized { padding-bottom: 30%; } .embed-container.terminbuchung { border: 3px solid var(--grau-200); padding-bottom: 100%; } @media screen and (min-width: 700px) { .embed-container.terminbuchung { padding-bottom: 60%; } } @media screen and (min-width: 1200px) { .embed-container.terminbuchung { padding-bottom: 30%; } } .embed-container.terminbuchung iframe { margin-top: 1rem; } .embed-container iframe, .embed-container object, .embed-container 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; } .accent.petrol { color: var(--brand-color1); } .swiper-container { --swiper-theme-color: var(--brand-color1); --swiper-pagination-color: var(--brand-color1); --swiper-navigation-color: var(--brand-color1); --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-color1); 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-color1); 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; } .home { --text-color: #fff; }