.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}
/**
 * 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 */

.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
@charset "UTF-8";
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block
}

audio, canvas, video {
    display: inline-block
}

.bg-hellgrau {
    background-color: #f7f6f3
}

.bg-oliv {
    background-color: #739D80
}

.bg-oliv800 {
    background-color: #314a59
}

.bg-gruen {
    background-color: #C1D86C
}

.bg-blau {
    background-color: #7EBBDE
}

.bg-gelb {
    background-color: #FEF182
}

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("/files/theme/fonts/inter-v12-latin-regular.eot");
    src: local(""), url("/files/theme/fonts/inter-v12-latin-regular.eot?#iefix") format("embedded-opentype"), url("/files/theme/fonts/inter-v12-latin-regular.woff2") format("woff2"), url("/files/theme/fonts/inter-v12-latin-regular.woff") format("woff"), url("/files/theme/fonts/inter-v12-latin-regular.ttf") format("truetype"), url("/files/theme/fonts/inter-v12-latin-regular.svg#Inter") format("svg")
}

@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("/files/theme/fonts/inter-v12-latin-700.eot");
    src: local(""), url("/files/theme/fonts/inter-v12-latin-700.eot?#iefix") format("embedded-opentype"), url("/files/theme/fonts/inter-v12-latin-700.woff2") format("woff2"), url("/files/theme/fonts/inter-v12-latin-700.woff") format("woff"), url("/files/theme/fonts/inter-v12-latin-700.ttf") format("truetype"), url("/files/theme/fonts/inter-v12-latin-700.svg#Inter") format("svg")
}

.clearfix:after {
    content: "";
    display: table;
    clear: both
}

.hidden {
    display: none !important;
    visibility: hidden
}

.ce_form .widget-checkbox .checkbox_container > span input, .ce_form .widget-radio .radio_container > span input, .invisible {
    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 {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%
}

.embed-container embed, .embed-container iframe, .embed-container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b, strong {
    font-weight: bolder
}

code, kbd, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

img {
    border-style: none
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

[type=button], [type=reset], [type=submit], button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: 0.35em 0.75em 0.625em
}

legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox], [type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

audio:not([controls]) {
    display: none;
    height: 0
}

dfn {
    font-style: italic
}

code, kbd, pre, samp {
    font-family: monospace, serif;
    font-size: 1em
}

pre {
    white-space: pre-wrap
}

q {
    quotes: "“" "”" "‘" "’"
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.strong, b, strong {
    font-weight: bold
}

.em, em {
    font-style: italic
}

small {
    font-size: 75%
}

dd {
    margin: 0
}

html {
    font-size: 100%;
    font-family: "Inter", "Arial", "Droid sans", "Helvetica Neue", Helvetica, Arial, sans-serif
}

@media screen and (min-width: 48em) {
    html {
        font-size: 112.5%
    }
}

@media screen and (min-width: 80em) {
    html {
        font-size: 125%
    }
}

body, html {
    font-family: "Inter", "Arial", "Droid sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 400;
    line-height: 1.5;
    color: #000;
    overflow-x: hidden;
    background-color: #fff
}

body {
    font-size: 1rem
}

@media (prefers-reduced-motion: no-preference) {
    html {
        scroll-behavior: smooth
    }
}

p {
    margin: 0 0 0.75em 0
}

::-moz-selection {
    background: #998D83;
    color: #fff;
    text-shadow: none
}

::-moz-selection, ::selection {
    background: #998D83;
    color: #fff;
    text-shadow: none
}

html {
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

*, :after, :before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

.top-0.top-0 {
    margin-top: 0
}

.top-s.top-s {
    margin-top: 1rem
}

.top-m.top-m {
    margin-top: 2rem
}

.top-l.top-l {
    margin-top: 4rem
}

.top-xl.top-xl {
    margin-top: 6rem
}

.bottom-0.bottom-0 {
    margin-bottom: 0
}

.bottom-s.bottom-s {
    margin-bottom: 1rem
}

.bottom-m.bottom-m {
    margin-bottom: 2rem
}

.bottom-l.bottom-l {
    margin-bottom: 4rem
}

.bottom-xl.bottom-xl {
    margin-bottom: 6rem
}

.ptop-0.ptop-0 {
    padding-top: 0
}

.ptop-s.ptop-s {
    padding-top: 0.5rem
}

.ptop-m.ptop-m {
    padding-top: 1rem
}

.ptop-l.ptop-l {
    padding-top: 2rem
}

.ptop-xl.ptop-xl {
    padding-top: 3rem
}

.pbottom-0.pbottom-0 {
    padding-bottom: 0
}

.pbottom-s.pbottom-s {
    padding-bottom: 0.5rem
}

.pbottom-m.pbottom-m {
    padding-bottom: 1rem
}

.pbottom-l.pbottom-l {
    padding-bottom: 2rem
}

.pbottom-xl.pbottom-xl {
    padding-bottom: 3rem
}

h1, h2, h3, h4, h5, h6 {
    line-height: 1.2
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    text-decoration: none;
    color: inherit
}

[class^=ce_] h2:first-of-type, [class^=ce_] h3:first-of-type, [class^=ce_] h4:first-of-type, [class^=ce_] h5:first-of-type, [class^=ce_] h6:first-of-type {
    margin-top: 0
}

h1 {
    font-family: "Inter", "Arial", "Droid sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700;
    color: #000;
    margin: 0.75em 0 1em 0;
    font-size: 1.375rem
}

@media screen and (min-width: 48em) {
    h1 {
        font-size: 1.5555556rem
    }
}

@media screen and (min-width: 75em) {
    h1 {
        font-size: 1.8rem
    }
}

h2 {
    font-family: "Inter", "Arial", "Droid sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700;
    color: #000;
    margin: 0.75em 0 1em 0;
    font-size: 1.375rem
}

@media screen and (min-width: 48em) {
    h2 {
        font-size: 1.5555556rem
    }
}

@media screen and (min-width: 75em) {
    h2 {
        font-size: 1.8rem
    }
}

h3 {
    font-family: "Inter", "Arial", "Droid sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700;
    color: #000;
    margin: 0.75em 0 0.5em 0;
    font-size: 1.25rem
}

@media screen and (min-width: 48em) {
    h3 {
        font-size: 1.3333333rem
    }
}

@media screen and (min-width: 75em) {
    h3 {
        font-size: 1.4rem
    }
}

h4 {
    font-family: "Inter", "Arial", "Droid sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700;
    color: #000;
    margin: 0.75em 0 0.5em 0;
    font-size: 1.125rem
}

@media screen and (min-width: 48em) {
    h4 {
        font-size: 1.1111111rem
    }
}

@media screen and (min-width: 75em) {
    h4 {
        font-size: 1.2rem
    }
}

h5 {
    font-family: "Inter", "Arial", "Droid sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700;
    color: #000;
    margin: 0.75em 0 0.5em 0;
    font-size: 1rem
}

@media screen and (min-width: 75em) {
    h5 {
        font-size: 1.1rem
    }
}

h6 {
    font-family: "Inter", "Arial", "Droid sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700;
    color: #000;
    margin: 0.75em 0 0.5em 0;
    font-size: 1rem
}

img, picture {
    max-width: 100%;
    height: auto;
    line-height: 0
}

figure {
    line-height: 0;
    margin: 0
}

figcaption {
    line-height: 1.2
}

figure {
    display: table
}

figure img {
    display: block;
    width: 100%
}

figcaption {
    display: table-caption;
    caption-side: bottom
}

img:not([alt]) {
    border: 5px dashed #c00
}

:where(source[width][height]~img) {
    width: auto;
    height: auto
}

a {
    color: #000;
    text-decoration: underline;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear
}

main a:focus, main a:hover {
    color: #fff;
    background-color: #000
}

:focus {
    outline: 1px dashed #595959
}

a[href^=tel] {
    text-decoration: none;
    color: #000
}

main ul li, ol li {
    font-size: 1rem;
    color: #000;
    max-width: 65ch
}

main ul {
    list-style-type: disc
}

main ol {
    list-style-type: decimal
}

html {
    background-color: #fff
}

body {
    max-width: 1920px;
    margin: 0 auto;
    background-color: #fff
}

#breadcrumb .inside, #footer .inside, #header .inside, #subheader .inside, .ce-hero .hero-text, .container, .mod_article .article-inside, .wrap {
    max-width: 1600px;
    margin: 0 auto
}

.container {
    background-color: #fff;
    position: relative;
    padding: 0 1rem 0 1rem
}

#header {
    color: #F0F4F1;
    z-index: 10;
    position: relative
}

#header .inside {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1rem
}

@media screen and (min-width: 56.25em) {
    #header .inside {
        padding: 1rem 1.5rem
    }
}

@media screen and (min-width: 102.25em) {
    #header .inside {
        padding: 1rem 0
    }
}

#header .logo {
    width: 160px
}

@media screen and (min-width: 48em) {
    #header .logo {
        width: 200px
    }
}

@media screen and (min-width: 61.9375em) {
    #header .logo {
        width: 250px
    }
}

#header .logo a {
    display: block;
    line-height: 0
}

#subheader {
    background: #fff;
    color: #000;
    position: relative;
    z-index: 10
}

#subheader .inside {
    padding: 0 1rem
}

@media screen and (min-width: 56.25em) {
    #subheader .inside {
        padding: 0 1.5rem
    }
}

@media screen and (min-width: 102.25em) {
    #subheader .inside {
        padding: 0
    }
}

#breadcrumb {
    padding: 0.25rem 0;
    position: relative;
    z-index: 1
}

#breadcrumb .inside {
    padding: 0 1rem
}

@media screen and (min-width: 56.25em) {
    #breadcrumb .inside {
        padding: 0 1.5rem
    }
}

@media screen and (min-width: 102.25em) {
    #breadcrumb .inside {
        padding: 0
    }
}

#footer {
    background: #f7f6f3;
    color: #000;
    font-size: 0.875rem
}

#footer .inside {
    padding: 1rem
}

@media screen and (min-width: 56.25em) {
    #footer .inside {
        padding: 2.5rem 1.5rem
    }
}

@media screen and (min-width: 102.25em) {
    #footer .inside {
        padding: 4rem 0
    }
}

#footer p {
    color: inherit
}

#footer p:last-child {
    margin-bottom: 0
}

#footer a {
    color: #000
}

#footer a:focus, #footer a:hover {
    color: #998D83
}

#footer .footergrid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns:1fr;
    grid-auto-rows: auto;
    grid-gap: 2.5rem
}

@media screen and (min-width: 33.75em) {
    #footer .footergrid {
        -ms-grid-columns: 1fr 2.5rem 1fr;
        grid-template-columns:repeat(2, 1fr);
        -ms-grid-rows: auto 2.5rem auto 2.5rem auto;
        grid-template-areas:"spalte1 spalte2" "spalte3 spalte4" "spalte5 ."
    }
}

@media screen and (min-width: 48em) {
    #footer .footergrid {
        -ms-grid-columns: 1fr 2.5rem 1fr 2.5rem 1fr;
        grid-template-columns:repeat(3, 1fr);
        -ms-grid-rows: auto 2.5rem auto;
        grid-template-areas:"spalte1 spalte2 spalte3" "spalte4 spalte5 ."
    }
}

@media screen and (min-width: 62.5em) {
    #footer .footergrid {
        -ms-grid-columns: 1fr 2.5rem 1fr 2.5rem 1fr 2.5rem 1fr;
        grid-template-columns:repeat(4, 1fr);
        -ms-grid-rows: auto 2.5rem auto;
        grid-template-areas:"spalte1 spalte2 spalte3 spalte4" "spalte5 . . ."
    }
}

@media screen and (min-width: 85em) {
    #footer .footergrid {
        -ms-grid-columns: 1fr 2.5rem 1fr 2.5rem 1fr 2.5rem 1fr 2.5rem 1fr;
        grid-template-columns:repeat(5, 1fr);
        grid-template-areas:"spalte1 spalte2 spalte3 spalte4 spalte5"
    }
}

@media screen and (min-width: 100em) {
    #footer .footergrid {
        -ms-grid-columns: 1.25fr 2.5rem 1.25fr 2.5rem 1.25fr 2.5rem 1.25fr 2.5rem 1fr;
        grid-template-columns:1.25fr 1.25fr 1.25fr 1.25fr 1fr
    }
}

@media screen and (min-width: 37.5em) {
    #footer .footergrid .footer-col1 {
        grid-area: spalte1
    }

    #footer .footergrid .footer-col2 {
        grid-area: spalte2
    }

    #footer .footergrid .footer-col3 {
        grid-area: spalte3
    }

    #footer .footergrid .footer-col4 {
        grid-area: spalte4
    }

    #footer .footergrid .footer-col5 {
        grid-area: spalte5
    }
}

@media screen and (min-width: 33.75em) {
    #footer .footergrid .footer-col1 {
        -ms-grid-row: 1;
        -ms-grid-column: 1
    }

    #footer .footergrid .footer-col2 {
        -ms-grid-row: 1;
        -ms-grid-column: 3
    }

    #footer .footergrid .footer-col3 {
        -ms-grid-row: 3;
        -ms-grid-column: 1
    }

    #footer .footergrid .footer-col4 {
        -ms-grid-row: 3;
        -ms-grid-column: 3
    }

    #footer .footergrid .footer-col5 {
        -ms-grid-row: 5;
        -ms-grid-column: 1
    }
}

@media screen and (min-width: 48em) {
    #footer .footergrid .footer-col1 {
        -ms-grid-row: 1;
        -ms-grid-column: 1
    }

    #footer .footergrid .footer-col2 {
        -ms-grid-row: 1;
        -ms-grid-column: 3
    }

    #footer .footergrid .footer-col3 {
        -ms-grid-row: 1;
        -ms-grid-column: 5
    }

    #footer .footergrid .footer-col4 {
        -ms-grid-row: 3;
        -ms-grid-column: 1
    }

    #footer .footergrid .footer-col5 {
        -ms-grid-row: 3;
        -ms-grid-column: 3
    }
}

@media screen and (min-width: 62.5em) {
    #footer .footergrid .footer-col1 {
        -ms-grid-row: 1;
        -ms-grid-column: 1
    }

    #footer .footergrid .footer-col2 {
        -ms-grid-row: 1;
        -ms-grid-column: 3
    }

    #footer .footergrid .footer-col3 {
        -ms-grid-row: 1;
        -ms-grid-column: 5
    }

    #footer .footergrid .footer-col4 {
        -ms-grid-row: 1;
        -ms-grid-column: 7
    }

    #footer .footergrid .footer-col5 {
        -ms-grid-row: 3;
        -ms-grid-column: 1
    }
}

@media screen and (min-width: 85em) {
    #footer .footergrid .footer-col1 {
        -ms-grid-row: 1;
        -ms-grid-column: 1
    }

    #footer .footergrid .footer-col2 {
        -ms-grid-row: 1;
        -ms-grid-column: 3
    }

    #footer .footergrid .footer-col3 {
        -ms-grid-row: 1;
        -ms-grid-column: 5
    }

    #footer .footergrid .footer-col4 {
        -ms-grid-row: 1;
        -ms-grid-column: 7
    }

    #footer .footergrid .footer-col5 {
        -ms-grid-row: 1;
        -ms-grid-column: 9
    }
}

#footer .footer-top {
    margin-bottom: 1rem
}

#footer .footer-bottom {
    text-align: center;
    margin-top: 2rem
}

.mod_article {
    padding: 2rem 1rem
}

@media screen and (min-width: 56.25em) {
    .mod_article {
        padding: 4rem 1.5rem
    }

    .mod_article:first-child {
        padding-top: 2rem
    }
}

@media screen and (min-width: 102.25em) {
    .mod_article {
        padding: 4rem 0
    }
}

.mod_article.no-padding {
    padding: 0
}

.ce_form [class*=grid_] {
    display: -ms-grid;
    display: grid;
    grid-gap: 0 1rem
}

@media screen and (min-width: 61.875em) {
    .ce_form [class*=grid_] {
        grid-gap: 1rem
    }
}

.mainnav {
    display: none
}

@media screen and (min-width: 61.9375em) {
    .mainnav {
        display: block
    }
}

.mainnav ul {
    margin: 0;
    padding: 0
}

.mainnav .level_1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mainnav li {
    list-style-type: none;
    position: relative;
    z-index: 2
}

.mainnav .level_1 > li {
    padding: 0.75rem 0
}

@media screen and (min-width: 56.25em) {
    .mainnav .level_1 > li.navi__divider {
        margin-left: auto
    }
}

.mainnav .level_1 > li:first-child > a {
    padding-left: 0
}

.mainnav .level_1 > li > a {
    display: block;
    font-weight: 600;
    padding: 0.5rem;
    text-decoration: none;
    color: #000;
    position: relative
}

@media screen and (min-width: 75em) {
    .mainnav .level_1 > li > a {
        padding: 0.5rem 0.5rem
    }
}

@media screen and (min-width: 93.75em) {
    .mainnav .level_1 > li > a {
        padding: 0.5rem 0.75rem
    }
}

.mainnav .level_1 > li > a.active, .mainnav .level_1 > li > a:focus, .mainnav .level_1 > li > a:hover {
    color: #998D83
}

.mainnav .level_1 > li > a.submenu:after {
    content: "";
    position: relative;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.44 7.44a1.5 1.5 0 0 1 2.12 0L12 13.878l6.44-6.44a1.5 1.5 0 0 1 2.12 2.122l-7 7A1.5 1.5 0 0 1 12.5 17h-1a1.5 1.5 0 0 1-1.06-.44l-7-7a1.5 1.5 0 0 1 0-2.12Z' fill='%23000000'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-left: 4px
}

.mainnav .level_1 > li > a.submenu.active:after, .mainnav .level_1 > li > a.submenu:hover:after {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.44 7.44a1.5 1.5 0 0 1 2.12 0L12 13.878l6.44-6.44a1.5 1.5 0 0 1 2.12 2.122l-7 7A1.5 1.5 0 0 1 12.5 17h-1a1.5 1.5 0 0 1-1.06-.44l-7-7a1.5 1.5 0 0 1 0-2.12Z' fill='%23998D83'/%3E%3C/svg%3E")
}

.mainnav .level_1 > li.instagram {
    margin-left: 0.5rem
}

.mainnav .level_1 > li.instagram a {
    background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 6.047a3.953 3.953 0 1 0 0 7.906 3.953 3.953 0 0 0 0-7.906Zm0 5.844A1.89 1.89 0 1 1 11.89 10 1.9 1.9 0 0 1 10 11.89ZM14.125.719h-8.25A5.156 5.156 0 0 0 .719 5.875v8.25a5.156 5.156 0 0 0 5.156 5.156h8.25a5.156 5.156 0 0 0 5.156-5.156v-8.25A5.156 5.156 0 0 0 14.125.719Zm3.094 13.406a3.094 3.094 0 0 1-3.094 3.094h-8.25a3.094 3.094 0 0 1-3.094-3.094v-8.25a3.094 3.094 0 0 1 3.094-3.094h8.25a3.094 3.094 0 0 1 3.094 3.094v8.25Zm-1.375-8.594a1.375 1.375 0 1 1-2.75 0 1.375 1.375 0 0 1 2.75 0Z' fill='%23000'/%3E%3C/svg%3E");
    background-size: 1em;
    background-position: center center;
    background-repeat: no-repeat;
    text-indent: -9999em;
    display: block;
    width: 1em;
    height: 1em
}

.mainnav .level_2 {
    visibility: hidden;
    opacity: 0;
    padding: 0;
    background-color: #fff;
    position: absolute;
    top: 100%;
    left: -1px;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    width: auto;
    min-width: calc(100% + 1px);
    height: 0;
    z-index: 10;
    overflow: hidden
}

.mainnav .level_2 a {
    color: #000;
    text-decoration: none;
    font-size: 0.875em;
    font-weight: 600;
    display: block;
    padding: 0.25rem 0.5rem;
    white-space: nowrap
}

@media screen and (min-width: 75em) {
    .mainnav .level_2 a {
        padding: 0.25rem 0.5rem
    }
}

@media screen and (min-width: 93.75em) {
    .mainnav .level_2 a {
        padding: 0.25rem 0.75rem
    }
}

.mainnav .level_2 a:focus, .mainnav .level_2 a:hover {
    color: #998D83
}

.mainnav .level_1 > li:hover .level_2 {
    visibility: visible;
    opacity: 1;
    height: auto;
    overflow: visible;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.25);
    padding-top: 0.75rem;
    padding-bottom: 0.75rem
}

.mod_mobile_menu {
    margin-left: auto
}

@media screen and (min-width: 61.9375em) {
    .mod_mobile_menu {
        display: none
    }
}

.mod_mobile_menu .mobile_menu_trigger {
    width: 40px;
    height: 40px;
    margin: 0;
    padding: 0
}

.mod_mobile_menu .mobile_menu_trigger button {
    border: none;
    background-color: transparent;
    color: #000;
    width: 40px;
    height: 40px;
    margin: 0;
    padding: 0;
    cursor: pointer
}

.mod_mobile_menu .mobile_menu_trigger svg {
    width: 40px;
    height: 40px
}

.mod_mobile_menu .mobile_menu_trigger 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
}

.mobile_menu .inner {
    background-color: #fff
}

.mobile_menu .mheader {
    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;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 0.5rem 0.5rem 0.5rem 1rem;
    background-color: #fff
}

.mobile_menu .mheader .mlogo {
    width: 120px
}

.mobile_menu .menu-close {
    border: none;
    background-color: transparent;
    color: #000;
    width: 40px;
    height: 40px;
    margin: 0;
    padding: 0;
    cursor: pointer
}

.mobile_menu .menu-close svg {
    width: 40px;
    height: 40px
}

.mobile_menu .menu-close 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
}

.mobile_menu .mbody {
    padding: 1rem 0
}

.mobile_menu .mbody ul {
    margin: 0;
    padding: 0
}

.mobile_menu .mbody li {
    list-style-type: none
}

.mobile_menu .mbody a {
    border-bottom: 1px solid #E3E1D8;
    color: #000;
    text-decoration: none;
    display: block;
    padding: 0.25rem 1rem
}

.mobile_menu .mbody a.active, .mobile_menu .mbody a.trail, .mobile_menu .mbody a:focus, .mobile_menu .mbody a:hover {
    background-color: #f7f6f3
}

.mobile_menu .mbody a.submenu {
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.683 9.002L.21 1.237A.73.73 0 0 1 .442.055a.712.712 0 0 1 .782.157l8.194 8.276a.73.73 0 0 1 0 1.024l-8.194 8.276a.713.713 0 0 1-1.014 0 .73.73 0 0 1 0-1.025l7.473-7.761z' fill='%23000000'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center right 1rem
}

.mobile_menu .mbody .level_2 a {
    padding: 0.25rem 1rem 0.25rem 2rem
}

.mod_breadcrumb {
    display: none;
    font-size: 0.875rem;
    color: #998D83;
    margin-top: 2rem
}

@media screen and (min-width: 30em) {
    .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 ul {
        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: 400
    }

    .mod_breadcrumb li:not(.last):after {
        content: ">";
        display: inline-block;
        margin: 0 0.25rem
    }

    .mod_breadcrumb a {
        font-size: 1em;
        color: #998D83;
        -webkit-transition: none;
        transition: none;
        text-decoration: none
    }

    .mod_breadcrumb a:focus, .mod_breadcrumb a:hover {
        color: #000;
        text-decoration: underline
    }

    .mod_breadcrumb .breadcrumb-name {
        margin-right: 0.5rem
    }
}

.mod_breadcrumb .navicon a:focus .icon-home, .mod_breadcrumb .navicon a:hover .icon-home {
    color: #998D83
}

.mod_breadcrumb .icon-home {
    -webkit-transform: translateY(0.1rem);
    transform: translateY(0.1rem);
    margin-right: 0;
    height: 18px;
    width: 18px;
    color: #998D83;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear
}

.ce_headline,
.content-headline {
    &.centered {
        text-align: center
    }
}

.ce_text:after,
.content-text:after {
    content: "";
    display: table;
    clear: both
}

.image_container.float_right {
    float: right;
    margin: 0 0 1rem 1rem
}

.media--right {
    > figure {
        float: right;
        margin-bottom: 1rem;
        margin-left: 1rem;

        @media screen and (max-width: 575.98px) {
            float: none;
            margin-left: 0;
        }
    }
}

.image_container.float_left {
    float: left;
    margin: 0 1rem 1rem 0
}

.media--left {
    > figure {
        float: left;
        margin-bottom: 1rem;
        margin-right: 1rem;

        @media screen and (max-width: 575.98px) {
            float: none;
            margin-right: 0;
        }
    }
}

.featurebox {
    text-align: center;
    padding: 1rem;
    height: 100%
}

@media screen and (min-width: 48em) {
    .featurebox {
        padding: 2rem
    }
}

.featurebox figure {
    margin: 1rem auto;
    display: inline-block
}

.text-white {
    color: #fff
}

.text-white a, .text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6, .text-white li, .text-white p {
    color: inherit
}

.textcenter {
    text-align: center
}

.textright {
    text-align: right
}

.hl-white {
    color: #fff
}

.ce-hero {
    position: relative
}

.ce-hero .hero-inner {
    background-color: #739D80;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

@media screen and (min-width: 48em) {
    .ce-hero .hero-inner {
        background-color: transparent;
        padding: 1rem;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0
    }
}

.ce-hero .hero-text {
    position: relative;
    width: 100%;
    padding: 20px;
    overflow: hidden
}

.ce-hero .textbox {
    max-width: 800px
}

@media screen and (min-width: 61.9375em) {
    .ce-hero .textbox {
        padding: 0 2rem
    }
}

.ce-hero h1 {
    color: #fff;
    font-size: 1.25rem;
    line-height: 1.5
}

@media screen and (min-width: 48em) {
    .ce-hero h1 {
        line-height: 1.2;
        font-size: 2rem
    }
}

.ce-hero p {
    margin-bottom: 0
}

@media screen and (max-width: 47.9375em) {
    .ce-hero .button a {
        background-color: transparent;
        border: 2px solid #fff
    }

    .ce-hero .button a:focus, .ce-hero .button a:hover {
        background-color: rgba(255, 255, 255, 0.2)
    }
}

.ce_teaser .image_container {
    margin-bottom: 0.75rem
}

.ce_teaser h2, .ce_teaser h3 {
    color: #314a59;
    font-size: 1.5rem;
    text-transform: uppercase;
    font-family: "Inter", "Arial", "Droid sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal
}

.content-download {
    display: inline-block
}

.content-download a {
    display: block;
    padding: 0.5em 0.5em 0.5em 2.5rem;
    background-color: #f7f6f3;
    border: 1px solid #CCCCCC;
    background-repeat: no-repeat;
    background-position: left 0.25rem center;
    background-size: 1.5rem;
    text-decoration: none
}

.content-download a:focus, .content-download a:hover {
    border-color: #998D83;
    background-color: #f7f6f3;
    color: #000
}

.content-download.download-element a {
    background-size: 1.5rem 1.5rem
}

.content-download.download-element.ext-pdf a {
    background-image: url("/assets/contao/images/iconPDF.svg");
}

.content-download.download-element.ext-docx a {
    background-image: url("/assets/contao/images/iconDOCX.svg");
}

.content-download.download-element.ext-doc a {
    background-image: url("/assets/contao/images/iconDOC.svg");
}

.content-download.download-element.ext-jpg a {
    background-image: url("/assets/contao/images/iconJPG.svg");
}

.content-download.download-element.ext-jpeg a {
    background-image: url("/assets/contao/images/iconJPEG.svg");
}

.content-download.download-element.ext-png a {
    background-image: url("/assets/contao/images/iconPNG.svg");
}

.content-download.download-element.ext-gif a {
    background-image: url("/assets/contao/images/iconGIF.svg");
}

.content-download.download-element.ext-tiff a {
    background-image: url("/assets/contao/images/iconTIFF.svg");
}

.content-download.download-element.ext-mp3 a {
    background-image: url("/assets/contao/images/iconMP3.svg");
}

.content-download.download-element.ext-mp4 a {
    background-image: url("/assets/contao/images/iconMP4.svg");
}

.content-download.download-element.ext-ppt a {
    background-image: url("/assets/contao/images/iconPPT.svg");
}

.content-download.download-element.ext-zip a {
    background-image: url("/assets/contao/images/iconZIP.svg");
}

.content-download.download-element.ext-rar a {
    background-image: url("/assets/contao/images/iconRAR.svg");
}

.content-download.download-element.ext-txt a {
    background-image: url("/assets/contao/images/iconTxt.svg");
}

.content-download.download-element.ext-xls a {
    background-image: url("/assets/contao/images/iconXLS.svg");
}

.content-download.download-element.ext-xlsx a {
    background-image: url("/assets/contao/images/iconXLSX.svg");
}

.content-download.download-element.ext-xml a {
    background-image: url("/assets/contao/images/iconXML.svg");
}

.ce_accordion {
    margin-bottom: 0.3em
}

.ce_accordion .toggler {
    border: 1px solid #CCCCCC;
    position: relative;
    background-color: #f7f6f3;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    padding: 1rem 3rem 1rem 1rem
}

.ce_accordion .toggler:focus, .ce_accordion .toggler:hover {
    background-color: #998D83;
    border: 1px solid #998D83;
    color: #fff
}

.ce_accordion .toggler:focus .title, .ce_accordion .toggler:hover .title {
    color: #fff
}

.ce_accordion .toggler:after {
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 0.5em;
    top: 0.5em;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.882 23.506l9.49-9.133a.891.891 0 0 1 1.444.284.869.869 0 0 1-.192.955L20.51 25.627a.891.891 0 0 1-1.252 0L9.143 15.612a.87.87 0 0 1 0-1.239.891.891 0 0 1 1.252 0l9.487 9.133z' fill='%231D1D1B'/%3E%3C/svg%3E");
    background-size: 40px;
    color: #000;
    cursor: pointer
}

.ce_accordion .toggler:focus:after, .ce_accordion .toggler:hover:after {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.882 23.506l9.49-9.133a.891.891 0 0 1 1.444.284.869.869 0 0 1-.192.955L20.51 25.627a.891.891 0 0 1-1.252 0L9.143 15.612a.87.87 0 0 1 0-1.239.891.891 0 0 1 1.252 0l9.487 9.133z' fill='%23ffffff'/%3E%3C/svg%3E")
}

.ce_accordion .toggler.active:after {
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.626 10.236l-8.628 8.392-8.624-8.392a.806.806 0 0 0-1.138 1.139L18.856 20l-8.62 8.625a.8.8 0 0 0-.175.878.806.806 0 0 0 1.313.26l8.628-8.39 8.624 8.391a.806.806 0 0 0 1.138-1.139L21.144 20l8.62-8.625a.8.8 0 0 0 .175-.878.806.806 0 0 0-1.313-.26z' fill='%23ffffff'/%3E%3C/svg%3E")
}

.ce_accordion .accordion {
    padding: 1rem
}

blockquote {
    padding: 0.25rem 0 1rem 0;
    margin: 0;
    font-size: 1.5rem;
    font-style: italic;
    color: #595959
}

blockquote p {
    margin: 0;
    color: inherit;
    font-size: inherit
}

.button {
    display: inline-block
}

.button a {
    display: block;
    padding: 0.25rem 1rem 0.25rem 2rem;
    text-align: center;
    border: 2px solid #739D80;
    border-radius: 1rem;
    text-decoration: none;
    color: #fff;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    font-size: 0.875rem;
    font-weight: bold;
    background-color: #739D80;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' %3E%3Cpath d='M23.39 20.002l-9.133-9.49a.892.892 0 0 1 .284-1.445.87.87 0 0 1 .955.192l10.015 10.115a.892.892 0 0 1 0 1.252L15.496 30.74a.868.868 0 0 1-1.24 0 .892.892 0 0 1 0-1.252l9.134-9.486z' fill='%23ffffff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: left 0.75rem center
}

.button a:focus, .button a:hover {
    border: 2px solid #314a59;
    background-color: #314a59
}

.button.button-skeleton a {
    background-color: transparent;
    border: 2px solid #314a59;
    color: #314a59;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' %3E%3Cpath d='M23.39 20.002l-9.133-9.49a.892.892 0 0 1 .284-1.445.87.87 0 0 1 .955.192l10.015 10.115a.892.892 0 0 1 0 1.252L15.496 30.74a.868.868 0 0 1-1.24 0 .892.892 0 0 1 0-1.252l9.134-9.486z' fill='%23314a59'/%3E%3C/svg%3E")
}

.button.button-skeleton a:focus, .button.button-skeleton a:hover {
    background-color: rgba(49, 74, 89, 0.2)
}

.button.button-skeleton-white a {
    background-color: transparent;
    border: 2px solid #fff
}

.button.button-skeleton-white a:focus, .button.button-skeleton-white a:hover {
    background-color: rgba(255, 255, 255, 0.2)
}

.ce_form .widget-checkbox.dsgvo fieldset, .fieldreset {
    border: none;
    padding: 0
}

.ce_form input, .ce_form label {
    display: block
}

.ce_form label, .ce_form legend {
    color: #000
}

.ce_form label span.mandatory, .ce_form legend span.mandatory {
    color: #EB5B4A
}

.ce_form input, .ce_form textarea {
    width: 100%;
    border: 1px solid #314a59;
    padding: 0.5em 1em;
    background-color: white;
    color: #314a59;
    border-radius: 0px
}

.ce_form input:focus, .ce_form textarea:focus {
    background: #fafafa
}

.ce_form input:valid {
    color: #000
}

.ce_form input:invalid {
    color: gray
}

.ce_form fieldset {
    border: 1px solid #314a59
}

.ce_form .widget {
    margin-bottom: 1em
}

.ce_form .widget-checkbox .checkbox_container > span {
    display: block;
    position: relative
}

.ce_form .widget-checkbox .checkbox_container > span label {
    padding-left: 30px
}

.ce_form .widget-checkbox .checkbox_container > span label:before {
    content: " ";
    display: block;
    position: absolute;
    left: 0;
    top: 0.25rem;
    height: 20px;
    width: 20px;
    border: 1px solid #314a59;
    background: white;
    text-align: center;
    cursor: pointer
}

.ce_form .widget-checkbox .checkbox_container > span input:checked ~ label:before {
    content: "✔ ";
    line-height: 1;
    font-size: 20px
}

.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;
    top: 0.25rem;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    border: 1px solid #314a59;
    background: white;
    text-align: center;
    cursor: pointer
}

.ce_form .widget-radio .radio_container > span input:checked ~ label:before {
    content: "✔ ";
    line-height: 1;
    font-size: 20px
}

.ce_form .widget-submit button {
    background: white;
    color: #000;
    padding: 0.5em 1em;
    border: 1px solid #314a59;
    cursor: pointer
}

.ce_form .widget-submit button:hover {
    background: #fafafa
}

/* Gallery */
.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(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: 0.5rem;
        grid-template-columns: repeat(2, 1fr);
    }

    @media screen and (min-width: 41.25em) {
        .content-gallery ul {
            grid-gap: 1rem;
            grid-template-columns: repeat(3, 1fr);
        }
    }

    .content-gallery ul li {
         margin: 0;
     }
}

.content-gallery--cols-2 ul li {
    -ms-flex-preferred-size: calc(50% - 1rem);
    flex-basis: calc(50% - 1rem);
}

@supports (grid-area:auto) {
    @media screen and (min-width: 41.25em) {
        .content-gallery--cols-2 ul {
            grid-template-columns: repeat(2, 1fr);
        }
    }
}

.content-gallery--cols-3 ul li {
    -ms-flex-preferred-size: calc(33% - 1rem);
    flex-basis: calc(33% - 1rem);
}

@supports (grid-area:auto) {
    @media screen and (min-width: 41.25em) {
        .content-gallery--cols-3 ul {
            grid-template-columns: repeat(3, 1fr);
        }
    }
}

.content-gallery--cols-4 ul li {
    -ms-flex-preferred-size: calc(25% - 1rem);
    flex-basis: calc(25% - 1rem);
}

@supports (grid-area:auto) {
    @media screen and (min-width: 41.25em) {
        .content-gallery--cols-4 ul {
            grid-template-columns: repeat(4, 1fr);
        }
    }
}

.content-gallery--cols-5 ul li {
    -ms-flex-preferred-size: calc(20% - 1rem);
    flex-basis: calc(20% - 1rem);
}

@supports (grid-area:auto) {
    @media screen and (min-width: 41.25em) {
        .content-gallery--cols-5 ul {
            grid-template-columns: repeat(5, 1fr);
        }
    }
}

.content-gallery--cols-6 ul li {
    -ms-flex-preferred-size: calc(16.6666% - 1rem);
    flex-basis: calc(16.6666% - 1rem);
}

@supports (grid-area:auto) {
    @media screen and (min-width: 41.25em) {
        .content-gallery--cols-6 ul {
            grid-template-columns: repeat(4, 1fr);
        }
    }

    @media screen and (min-width: 62em) {
        .content-gallery--cols-6 ul {
            grid-template-columns: repeat(6, 1fr);
        }
    }
}

.content-gallery--cols-7 ul li {
    -ms-flex-preferred-size: calc(14.28% - 1rem);
    flex-basis: calc(14.28% - 1rem);
}

@supports (grid-area:auto) {
    @media screen and (min-width: 41.25em) {
        .content-gallery--cols-7 ul {
            grid-template-columns: repeat(4, 1fr);
        }
    }

    @media screen and (min-width: 90em) {
        .content-gallery--cols-7 ul {
            grid-template-columns: repeat(7, 1fr);
        }
    }
}

.content-gallery--cols-8 ul li {
    -ms-flex-preferred-size: calc(12.5% - 1rem);
    flex-basis: calc(12.5% - 1rem);
}

@supports (grid-area:auto) {
    @media screen and (min-width: 41.25em) {
        .content-gallery--cols-8 ul {
            grid-template-columns: repeat(4, 1fr);
        }
    }

    @media screen and (min-width: 62em) {
        .content-gallery--cols-8 ul {
            grid-template-columns: repeat(6, 1fr);
        }
    }

    @media screen and (min-width: 90em) {
        .content-gallery--cols-8 ul {
            grid-template-columns: repeat(8, 1fr);
        }
    }
}

.content-gallery--cols-9 ul li {
    -ms-flex-preferred-size: calc(11.1111111% - 1rem);
    flex-basis: calc(11.1111111% - 1rem);
}

@supports (grid-area:auto) {
    @media screen and (min-width: 41.25em) {
        .content-gallery--cols-9 ul {
            grid-template-columns: repeat(4, 1fr);
        }
    }

    @media screen and (min-width: 62em) {
        .content-gallery--cols-9 ul {
            grid-template-columns: repeat(6, 1fr);
        }
    }

    @media screen and (min-width: 115em) {
        .content-gallery--cols-9 ul {
            grid-template-columns: repeat(9, 1fr);
        }
    }
}

.content-gallery--cols-10 ul li {
    -ms-flex-preferred-size: calc(10% - 1rem);
    flex-basis: calc(10% - 1rem);
}

@supports (grid-area:auto) {
    @media screen and (min-width: 41.25em) {
        .content-gallery--cols-10 ul {
            grid-template-columns: repeat(4, 1fr);
        }
    }

    @media screen and (min-width: 62em) {
        .content-gallery--cols-10 ul {
            grid-template-columns: repeat(6, 1fr);
        }
    }

    @media screen and (min-width: 90em) {
        .content-gallery--cols-10 ul {
            grid-template-columns: repeat(8, 1fr);
        }
    }

    @media screen and (min-width: 115em) {
        .content-gallery--cols-10 ul {
            grid-template-columns: repeat(10, 1fr);
        }
    }
}

.content-gallery--cols-11 ul li {
    -ms-flex-preferred-size: calc(9.09% - 1rem);
    flex-basis: calc(9.09% - 1rem);
}

@supports (grid-area:auto) {
    @media screen and (min-width: 41.25em) {
        .content-gallery--cols-11 ul {
            grid-template-columns: repeat(5, 1fr);
        }
    }

    @media screen and (min-width: 90em) {
        .content-gallery--cols-11 ul {
            grid-template-columns: repeat(6, 1fr);
        }
    }

    @media screen and (min-width: 115em) {
        .content-gallery--cols-11 ul {
            grid-template-columns: repeat(11, 1fr);
        }
    }
}

.content-gallery--cols-12 ul li {
    -ms-flex-preferred-size: calc(8.333331% - 1rem);
    flex-basis: calc(8.333331% - 1rem);
}

@supports (grid-area:auto) {
    @media screen and (min-width: 41.25em) {
        .content-gallery--cols-12 ul {
            grid-template-columns: repeat(5, 1fr);
        }
    }

    @media screen and (min-width: 62em) {
        .content-gallery--cols-12 ul {
            grid-template-columns: repeat(6, 1fr);
        }
    }

    @media screen and (min-width: 115em) {
        .content-gallery--cols-12 ul {
            grid-gap: 1rem;
            grid-template-columns: repeat(12, 1fr);
        }
    }
}
/**/

.goverlay {
    background: rgba(255, 255, 255, 0.9)
}

.glightbox-clean .gslide-description {
    background: #314a59
}

.glightbox-clean .gslide-title {
    font-size: 1em;
    font-weight: 400;
    font-family: "Inter", "Arial", "Droid sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: rgb(255, 255, 255);
    margin-bottom: 19px;
    line-height: 1.4em
}

.ce_rsce_teaserblock {
    aspect-ratio: 16/9;
    overflow: hidden;
    position: relative
}

.ce_rsce_teaserblock:focus .teaser__text, .ce_rsce_teaserblock:hover .teaser__text {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.05)), color-stop(50%, rgba(0, 0, 0, 0.15)), to(rgba(0, 0, 0, 0.05)));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0.05) 100%)
}

.ce_rsce_teaserblock a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    width: 100%;
    height: 100%;
    color: #fff
}

.ce_rsce_teaserblock a:focus, .ce_rsce_teaserblock a:hover {
    background-color: transparent
}

.ce_rsce_teaserblock picture {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
    width: 100%;
    height: 100%
}

.ce_rsce_teaserblock img {
    -webkit-transition: -webkit-transform 0.2s ease-out;
    transition: -webkit-transform 0.2s ease-out;
    transition: transform 0.2s ease-out;
    transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out
}

.ce_rsce_teaserblock .teaser__text {
    position: relative;
    z-index: 2;
    color: inherit;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.25)), color-stop(50%, rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.25)));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.25) 100%);
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear
}

.ce_rsce_teaserblock .teaser__textcontent {
    text-transform: uppercase;
    font-size: 1.2rem
}

.swiper-button-next, .swiper-button-prev {
    cursor: pointer;
    color: #fff;
    position: absolute;
    opacity: 0.5;
    -webkit-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out
}

.swiper-button-next:focus, .swiper-button-next:hover, .swiper-button-prev:focus, .swiper-button-prev:hover {
    opacity: 1
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff
}

/* 06.2025 */
p.error {
    margin-bottom: 0.2rem;
    color: #dc3545;
    font-weight: bold;
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    body {
        color: #000;
        background-color: transparent;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */
    a[href^="#"]::after,
    a[href^="javascript:"]::after {
        content: "";
    }

    pre {
        white-space: pre-wrap !important;
    }

    pre,
    blockquote {
        page-break-inside: avoid;
        border: 1px solid #999;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    h1 {
        font-size: 40px;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

    #header .logo,
    #footer,
    #job-application-form,
    .print-hidden {
        display: none;
    }

    .job-reader__content ul li {
        &:before {
            border: 0.15em solid #998D83;
            width: unset;
            height: unset;
        }
    }
}