/* Generiert: 2025-07-08T16:01:04+00:00 */ @charset "UTF-8"; .cc-window {opacity: 1;transition: opacity 1s ease;} .cc-window.cc-invisible {opacity: 0;} .cc-animate.cc-revoke {transition: transform 1s ease;} .cc-animate.cc-revoke.cc-top {transform: translateY(-2em);} .cc-animate.cc-revoke.cc-bottom {transform: translateY(2em);} .cc-animate.cc-revoke.cc-active.cc-bottom, .cc-animate.cc-revoke.cc-active.cc-top, .cc-revoke:hover {transform: translateY(0);} .cc-grower {max-height: 0;overflow: hidden;transition: max-height 1s;} .cc-link, .cc-revoke:hover {text-decoration: underline;} .cc-revoke, .cc-window {position: fixed;overflow: hidden;box-sizing: border-box;font-family: Helvetica,Calibri,Arial,sans-serif;font-size: 16px;line-height: 1.5em;display: flex;flex-wrap: nowrap;z-index: 9999;} .cc-window.cc-static {position: static;} .cc-window.cc-floating {padding: 2em;max-width: 24em;flex-direction: column;} .cc-window.cc-banner {padding: 1em 1.8em;width: 100%;flex-direction: row;} .cc-revoke {padding: .5em;} .cc-header {font-size: 18px;font-weight: 700;} .cc-btn, .cc-close, .cc-link, .cc-revoke {cursor: pointer;} .cc-link {opacity: .8;display: inline-block;padding: .2em;} .cc-link:hover {opacity: 1;} .cc-link:active, .cc-link:visited {color: initial;} .cc-btn {display: block;padding: .4em .8em;font-size: .9em;font-weight: 700;border-width: 2px;border-style: solid;text-align: center;white-space: nowrap;} .cc-banner .cc-btn:last-child {min-width: 140px;} .cc-highlight .cc-btn:first-child {background-color: transparent;border-color: transparent;} .cc-highlight .cc-btn:first-child:focus, .cc-highlight .cc-btn:first-child:hover {background-color: transparent;text-decoration: underline;} .cc-close {display: block;position: absolute;top: .5em;right: .5em;font-size: 1.6em;opacity: .9;line-height: .75;} .cc-close:focus, .cc-close:hover {opacity: 1;} .cc-revoke.cc-top {top: 0;left: 3em;border-bottom-left-radius: .5em;border-bottom-right-radius: .5em;} .cc-revoke.cc-bottom {bottom: 0;left: 3em;border-top-left-radius: .5em;border-top-right-radius: .5em;} .cc-revoke.cc-left {left: 3em;right: unset;} .cc-revoke.cc-right {right: 3em;left: unset;} .cc-top {top: 1em;} .cc-left {left: 1em;} .cc-right {right: 1em;} .cc-bottom {bottom: 1em;} .cc-floating>.cc-link {margin-bottom: 1em;} .cc-floating .cc-message {display: block;margin-bottom: 1em;} .cc-window.cc-floating .cc-compliance {flex: 1;} .cc-window.cc-banner {align-items: center;} .cc-banner.cc-top {left: 0;right: 0;top: 0;} .cc-banner.cc-bottom {left: 0;right: 0;bottom: 0;} .cc-banner .cc-message {flex: 1;} .cc-compliance {display: flex;align-items: center;align-content: space-between;} .cc-compliance>.cc-btn {flex: 1;} .cc-btn+.cc-btn {margin-left: .5em;} @media print {.cc-revoke, .cc-window {display: none;}} @media screen and (max-width:900px) {.cc-btn {white-space: normal;}} @media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape) {.cc-window.cc-top {top: 0;} .cc-window.cc-bottom {bottom: 0;} .cc-window.cc-banner, .cc-window.cc-left, .cc-window.cc-right {left: 0;right: 0;} .cc-window.cc-banner {flex-direction: column;} .cc-window.cc-banner .cc-compliance {flex: 1;} .cc-window.cc-floating {max-width: none;} .cc-window .cc-message {margin-bottom: 1em;} .cc-window.cc-banner {align-items: unset;}} .cc-floating.cc-theme-classic {padding: 1.2em;border-radius: 5px;} .cc-floating.cc-type-info.cc-theme-classic .cc-compliance {text-align: center;display: inline;flex: none;} .cc-theme-classic .cc-btn {border-radius: 5px;} .cc-theme-classic .cc-btn:last-child {min-width: 140px;} .cc-floating.cc-type-info.cc-theme-classic .cc-btn {display: inline-block;} .cc-theme-edgeless.cc-window {padding: 0;} .cc-floating.cc-theme-edgeless .cc-message {margin: 2em 2em 1.5em;} .cc-banner.cc-theme-edgeless .cc-btn {margin: 0;padding: .8em 1.8em;height: 100%;} .cc-banner.cc-theme-edgeless .cc-message {margin-left: 1em;} .cc-floating.cc-theme-edgeless .cc-btn+.cc-btn {margin-left: 0;} .slick-slider {position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;touch-action: pan-y;-webkit-tap-highlight-color: transparent;} .slick-list {position: relative;display: block;overflow: hidden;margin: 0;padding: 0;} .slick-list:focus {outline: none;} .slick-list.dragging {cursor: pointer;cursor: hand;} .slick-slider .slick-list, .slick-slider .slick-track {transform: translate3d(0,0,0);} .slick-track {position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto;} .slick-track:after, .slick-track:before {display: table;content: "";} .slick-track:after {clear: both;} .slick-loading .slick-track {visibility: hidden;} .slick-slide {display: none;float: left;height: 100%;min-height: 1px;} [dir=rtl] .slick-slide {float: right;} .slick-slide img {display: block;} .slick-slide.slick-loading img {display: none;} .slick-slide.dragging img {pointer-events: none;} .slick-initialized .slick-slide {display: block;} .slick-loading .slick-slide {visibility: hidden;} .slick-vertical .slick-slide {display: block;height: auto;border: 1px solid transparent;} .slick-arrow.slick-hidden {display: none;} .hamburger {padding: 0px;display: inline-block;cursor: pointer;outline: none;transition-property: opacity,filter;transition-duration: .15s;transition-timing-function: linear;font: inherit;color: inherit;text-transform: none;background-color: transparent;border: 0;margin: 0;overflow: visible;cursor: pointer;float: right;margin-right: 0px;margin-top: 0px;} .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before {background-color: #014482;} .hamburger-box {width: 35px;height: 24px;display: block;position: relative;} .hamburger-inner {display: block;top: 50%;margin-top: -2px;} .hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {width: 35px;height: 3px;background-color: #014482;position: absolute;transition-property: transform;transition-duration: .15s;transition-timing-function: ease;} .hamburger-inner:after, .hamburger-inner:before {content: "";display: block;} .hamburger-inner:before {top: -10px;} .hamburger-inner:after {bottom: -10px;} .hamburger--spin .hamburger-inner {transition-duration: .22s;transition-timing-function: cubic-bezier(.55,.055,.675,.19);} .hamburger--spin .hamburger-inner:before {transition: top .1s .25s ease-in,opacity .1s ease-in;} .hamburger--spin .hamburger-inner:after {transition: bottom .1s .25s ease-in,transform .22s cubic-bezier(.55,.055,.675,.19);} .hamburger--spin.is-active .hamburger-inner {transform: rotate(225deg);transition-delay: .12s;transition-timing-function: cubic-bezier(.215,.61,.355,1);} .hamburger--spin.is-active .hamburger-inner:before {top: 0;opacity: 0;transition: top .1s ease-out,opacity .1s .12s ease-out;} .hamburger--spin.is-active .hamburger-inner:after {bottom: 0;transform: rotate(-90deg);transition: bottom .1s ease-out,transform .22s .12s cubic-bezier(.215,.61,.355,1);} .iframewrap {position: relative;background: #e6e6e6;} .iframewrap .iframewraptext {display: block;position: absolute;z-index: 1;top: 50%;left: 5%;transform: translateY(-50%);text-align: center;width: 90%;} .iframewrap .privacytext {display: block;margin: 10px 0 20px;} .iframewrap BUTTON.loadiframebtn {display: inline-block;cursor: pointer;width: auto;background: rgba(255,255,255,.7);padding: 7px 30px;border-radius: 3px;box-shadow: 0 0 5px 0 rgba(0,0,0,.2);transition: background .2s ease-in-out;} .iframewrap BUTTON.loadiframebtn:hover {background: #fff;} .iframewrap IFRAME {width: 100%;height: 400px;} .ytframe {position: relative;padding-bottom: 55%;padding-top: 15px;height: 0;overflow: hidden;background: #e6e6e6;} .ytframe iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} @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");font-weight: 400;font-style: normal;} :root {--swiper-theme-color: #007aff;} :host {position: relative;display: block;margin-left: auto;margin-right: auto;z-index: 1;} .swiper {margin-left: auto;margin-right: auto;position: relative;overflow: hidden;list-style: none;padding: 0;z-index: 1;display: block;} .swiper-vertical>.swiper-wrapper {flex-direction: column;} .swiper-wrapper {position: relative;width: 100%;height: 100%;z-index: 1;display: flex;transition-property: transform;transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);box-sizing: content-box;} .swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {transform: translate3d(0px,0,0);} .swiper-horizontal {touch-action: pan-y;} .swiper-vertical {touch-action: pan-x;} .swiper-slide {flex-shrink: 0;width: 100%;height: 100%;position: relative;transition-property: transform;display: block;} .swiper-slide-invisible-blank {visibility: hidden;} .swiper-autoheight, .swiper-autoheight .swiper-slide {height: auto;} .swiper-autoheight .swiper-wrapper {align-items: flex-start;transition-property: transform,height;} .swiper-backface-hidden .swiper-slide {transform: translateZ(0);backface-visibility: hidden;} .swiper-3d.swiper-css-mode .swiper-wrapper {perspective: 1200px;} .swiper-3d .swiper-wrapper {transform-style: preserve-3d;} .swiper-3d {perspective: 1200px;} .swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide {transform-style: preserve-3d;} .swiper-css-mode>.swiper-wrapper {overflow: auto;scrollbar-width: none;-ms-overflow-style: none;} .swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {display: none;} .swiper-css-mode>.swiper-wrapper>.swiper-slide {scroll-snap-align: start start;} .swiper-css-mode.swiper-horizontal>.swiper-wrapper {scroll-snap-type: x mandatory;} .swiper-css-mode.swiper-vertical>.swiper-wrapper {scroll-snap-type: y mandatory;} .swiper-css-mode.swiper-free-mode>.swiper-wrapper {scroll-snap-type: none;} .swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {scroll-snap-align: none;} .swiper-css-mode.swiper-centered>.swiper-wrapper:before {content: "";flex-shrink: 0;order: 9999;} .swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {scroll-snap-align: center center;scroll-snap-stop: always;} .swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {margin-inline-start: var(--swiper-centered-offset-before);} .swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before {height: 100%;min-height: 1px;width: var(--swiper-centered-offset-after);} .swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {margin-block-start: var(--swiper-centered-offset-before);} .swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before {width: 100%;min-width: 1px;height: var(--swiper-centered-offset-after);} .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {position: absolute;left: 0;top: 0;width: 100%;height: 100%;pointer-events: none;z-index: 10;} .swiper-3d .swiper-slide-shadow {background: rgba(0,0,0,.15);} .swiper-3d .swiper-slide-shadow-left {background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0));} .swiper-3d .swiper-slide-shadow-right {background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0));} .swiper-3d .swiper-slide-shadow-top {background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0));} .swiper-3d .swiper-slide-shadow-bottom {background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0));} .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%;box-sizing: border-box;border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius: 50%;border-top-color: transparent;} .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {animation: swiper-preloader-spin 1s infinite linear;} .swiper-lazy-preloader-white {--swiper-preloader-color: #fff;} .swiper-lazy-preloader-black {--swiper-preloader-color: #000;} @keyframes swiper-preloader-spin {0% {transform: rotate(0deg);} to {transform: rotate(360deg);}} .swiper-virtual .swiper-slide {-webkit-backface-visibility: hidden;transform: translateZ(0);} .swiper-virtual.swiper-css-mode .swiper-wrapper:after {content: "";position: absolute;left: 0;top: 0;pointer-events: none;} .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {height: 1px;width: var(--swiper-virtual-size);} .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {width: 1px;height: var(--swiper-virtual-size);} :root {--swiper-navigation-size: 44px;} .swiper-button-next, .swiper-button-prev {position: absolute;top: var(--swiper-navigation-top-offset,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.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {opacity: 0;cursor: auto;pointer-events: none;} .swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {display: none !important;} .swiper-button-next svg, .swiper-button-prev svg {width: 100%;height: 100%;object-fit: contain;transform-origin: center;} .swiper-rtl .swiper-button-next svg, .swiper-rtl .swiper-button-prev svg {transform: rotate(180deg);} .swiper-button-prev, .swiper-rtl .swiper-button-next {left: var(--swiper-navigation-sides-offset,10px);right: auto;} .swiper-button-next, .swiper-rtl .swiper-button-prev {right: var(--swiper-navigation-sides-offset,10px);left: auto;} .swiper-button-lock {display: 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;font-variant: initial;line-height: 1;} .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {content: "prev";} .swiper-button-next, .swiper-rtl .swiper-button-prev {right: var(--swiper-navigation-sides-offset,10px);left: auto;} .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {content: "next";} .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-pagination-disabled>.swiper-pagination, .swiper-pagination.swiper-pagination-disabled {display: none !important;} .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: var(--swiper-pagination-bottom,8px);top: var(--swiper-pagination-top,auto);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: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display: inline-block;border-radius: var(--swiper-pagination-bullet-border-radius,50%);background: var(--swiper-pagination-bullet-inactive-color,#000);opacity: var(--swiper-pagination-bullet-inactive-opacity,.2);} button.swiper-pagination-bullet {border: none;margin: 0;padding: 0;box-shadow: none;appearance: none;} .swiper-pagination-clickable .swiper-pagination-bullet {cursor: pointer;} .swiper-pagination-bullet:only-child {display: none !important;} .swiper-pagination-bullet-active {opacity: var(--swiper-pagination-bullet-opacity,1);background: var(--swiper-pagination-color,var(--swiper-theme-color));} .swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical>.swiper-pagination-bullets {right: var(--swiper-pagination-right,8px);left: var(--swiper-pagination-left,auto);top: 50%;transform: translate3d(0px,-50%,0);} .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0;display: block;} .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {top: 50%;transform: translateY(-50%);width: 8px;} .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {display: inline-block;transition: .2s transform,.2s top;} .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px);} .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {left: 50%;transform: translateX(-50%);white-space: nowrap;} .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {transition: .2s transform,.2s left;} .swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {transition: .2s transform,.2s right;} .swiper-pagination-fraction {color: var(--swiper-pagination-fraction-color,inherit);} .swiper-pagination-progressbar {background: var(--swiper-pagination-progressbar-bg-color,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-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {transform-origin: right top;} .swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {width: 100%;height: var(--swiper-pagination-progressbar-size,4px);left: 0;top: 0;} .swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical>.swiper-pagination-progressbar {width: var(--swiper-pagination-progressbar-size,4px);height: 100%;left: 0;top: 0;} .swiper-pagination-lock {display: none;} .swiper-scrollbar {border-radius: var(--swiper-scrollbar-border-radius,10px);position: relative;touch-action: none;background: var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1));} .swiper-scrollbar-disabled>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {display: none !important;} .swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {position: absolute;left: var(--swiper-scrollbar-sides-offset,1%);bottom: var(--swiper-scrollbar-bottom,4px);top: var(--swiper-scrollbar-top,auto);z-index: 50;height: var(--swiper-scrollbar-size,4px);width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%));} .swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical>.swiper-scrollbar {position: absolute;left: var(--swiper-scrollbar-left,auto);right: var(--swiper-scrollbar-right,4px);top: var(--swiper-scrollbar-sides-offset,1%);z-index: 50;width: var(--swiper-scrollbar-size,4px);height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%));} .swiper-scrollbar-drag {height: 100%;width: 100%;position: relative;background: var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius: var(--swiper-scrollbar-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;touch-action: none;} .swiper .swiper-notification {position: absolute;left: 0;top: 0;pointer-events: none;opacity: 0;z-index: -1000;} .swiper-free-mode>.swiper-wrapper {transition-timing-function: ease-out;margin: 0 auto;} .swiper-grid>.swiper-wrapper {flex-wrap: wrap;} .swiper-grid-column>.swiper-wrapper {flex-wrap: wrap;flex-direction: column;} .swiper-fade.swiper-free-mode .swiper-slide {transition-timing-function: ease-out;} .swiper-fade .swiper-slide {pointer-events: none;transition-property: opacity;} .swiper-fade .swiper-slide .swiper-slide {pointer-events: none;} .swiper-fade .swiper-slide-active {pointer-events: auto;} .swiper-fade .swiper-slide-active .swiper-slide-active {pointer-events: auto;} .swiper.swiper-cube {overflow: visible;} .swiper-cube .swiper-slide {pointer-events: none;backface-visibility: hidden;z-index: 1;visibility: hidden;transform-origin: 0 0;width: 100%;height: 100%;} .swiper-cube .swiper-slide .swiper-slide {pointer-events: none;} .swiper-cube.swiper-rtl .swiper-slide {transform-origin: 100% 0;} .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {pointer-events: auto;} .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-prev {pointer-events: auto;visibility: visible;} .swiper-cube .swiper-cube-shadow {position: absolute;left: 0;bottom: 0px;width: 100%;height: 100%;opacity: .6;z-index: 0;} .swiper-cube .swiper-cube-shadow:before {content: "";background: #000;position: absolute;left: 0;top: 0;bottom: 0;right: 0;filter: blur(50px);} .swiper-cube .swiper-slide-next+.swiper-slide {pointer-events: auto;visibility: visible;} .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {z-index: 0;backface-visibility: hidden;} .swiper.swiper-flip {overflow: visible;} .swiper-flip .swiper-slide {pointer-events: none;backface-visibility: hidden;z-index: 1;} .swiper-flip .swiper-slide .swiper-slide {pointer-events: none;} .swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {pointer-events: auto;} .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {z-index: 0;backface-visibility: hidden;} .swiper-creative .swiper-slide {backface-visibility: hidden;overflow: hidden;transition-property: transform,opacity,height;} .swiper.swiper-cards {overflow: visible;} .swiper-cards .swiper-slide {transform-origin: center bottom;backface-visibility: hidden;overflow: hidden;} @font-face {font-family: "Lexend Deca Semibold";font-style: normal;font-weight: 500;src: url("fonts/lexend-deca-v13-latin-500.eot");src: local("LexendDeca Semibold"),local("LexendDeca - Semibold"),url("fonts/lexend-deca-v13-latin-500.eot?#iefix") format("embedded-opentype"),url("fonts/lexend-deca-v13-latin-500.woff2") format("woff2"),url("fonts/lexend-deca-v13-latin-500.woff") format("woff"),url("fonts/lexend-deca-v13-latin-500.ttf") format("truetype"),url("fonts/lexend-deca-v13-latin-500.svg#LexendDecaSemibold") format("svg");} @font-face {font-family: "Lexend Deca Medium";font-style: normal;font-weight: 600;src: url("fonts/lexend-deca-v13-latin-600.eot");src: local("LexendDeca Medium"),local("LexendDeca - Medium"),url("fonts/lexend-deca-v13-latin-600.eot?#iefix") format("embedded-opentype"),url("fonts/lexend-deca-v13-latin-600.woff2") format("woff2"),url("fonts/lexend-deca-v13-latin-600.woff") format("woff"),url("fonts/lexend-deca-v13-latin-600.ttf") format("truetype"),url("fonts/lexend-deca-v13-latin-600.svg#LexendDecaMedium") format("svg");} @font-face {font-family: "Lexend Deca Light";font-style: normal;font-weight: 300;src: url("fonts/lexend-deca-v15-latin-300.eot");src: local("LexendDeca Light"),local("LexendDeca - Light"),url("fonts/lexend-deca-v15-latin-300.eot?#iefix") format("embedded-opentype"),url("fonts/lexend-deca-v15-latin-300.woff2") format("woff2"),url("fonts/lexend-deca-v15-latin-300.woff") format("woff"),url("fonts/lexend-deca-v15-latin-300.ttf") format("truetype"),url("fonts/lexend-deca-v15-latin-300.svg#LexendDecaMedium") format("svg");} .post-archiv-grid .col1 {margin-top: 40px;} .post-archiv-grid .col1 .blogarticle {border: 1px solid #efefef;} .post-archiv-grid .col1 .blogarticle+.blogarticle {margin-top: 40px;} .post-archiv-grid .col2 {margin-top: 40px;border-left: 1px solid #efefef;padding-left: 30px;} @media (max-width:619px) {.post-archiv-grid .col2 {border-top: 1px solid #efefef;border-left: none;padding-top: 25px;padding-left: 0px;}} .post-archiv-grid .col2 .widget_categories ul {list-style: none;padding: 15px 0 0;margin: 0px;} .post-archiv-grid .col2 .widget_categories ul li {display: flex;justify-content: space-between;align-items: center;font-size: 16px;line-height: 1;color: #a2a2a2;border-top: 1px solid #efefef;} .post-archiv-grid .col2 .widget_categories ul li a {display: block;color: #a2a2a2;padding: 20px 5px;} .post-archiv-grid .col2 .widget_categories ul li.current-cat {color: #014482;} .post-archiv-grid .col2 .widget_categories ul li.current-cat a {color: #014482;} .post-single-img {text-align: center;background-color: #f2f2f2;} .post-single-img img {max-width: 500px;height: auto;width: 100%;object-fit: cover;min-height: 300px;} .pagination-wrapper {text-align: center;margin-top: 40px;} .pagination-wrapper .pagination {width: auto;display: inline-block;background-color: #fff;word-spacing: -4px;} .pagination-wrapper .pagination a, .pagination-wrapper .pagination span {width: 52px;height: 52px;display: inline-block;line-height: 52px;font-size: 18px;font-weight: 700;transition: all .5s;background-color: #fff;text-decoration: none;} .pagination-wrapper .pagination a.next, .pagination-wrapper .pagination a.prev, .pagination-wrapper .pagination span.next, .pagination-wrapper .pagination span.prev {display: none;} @media (max-width:520px) {.pagination-wrapper .pagination a, .pagination-wrapper .pagination span {font-size: 16px;line-height: 46px;width: 46px;height: 46px;}} .pagination-wrapper .pagination span.current {background-color: #014482;color: #fff;} .pagination-wrapper .pagination a:hover {background-color: #efefef;color: #404040;} *, :after, :before {box-sizing: border-box;-webkit-font-smoothing: antialiased;font-smoothing: antialiased;text-rendering: optimizeLegibility;hyphens: auto;} html {font-size: 100%;} body {font-family: "Lexend Deca Medium";font-size: calc(16px + -2 * ( 100vw - 520px ) / 880);line-height: 1.6;color: #404040;} @media screen and (max-width:520px) {body {font-size: 16px;}} @media screen and (min-width:1400px) {body {font-size: 14px;}} .clear:after, .clear:before {content: " ";display: table;} .clear:after {clear: both;} .clear {} img {max-width: 100%;height: auto;vertical-align: bottom;} .wp-block-image {padding-top: 15px;} a {color: #404040;text-decoration: none;} a:hover {color: #9c0;text-decoration: underline;} a:active, a:focus, a:hover {outline: 0;} .buttons {display: flex;justify-content: flex-start;align-items: center;} @media screen and (max-width:768px) {.buttons {flex-direction: column;align-items: flex-start;}} @media screen and (min-width:768px) {.buttons .link {padding-left: 30px;}} .link {font-family: "Lexend Deca Medium";position: relative;display: flex;align-items: center;padding-right: 30px;padding: 17px 16px 15px;font-size: 16px;} .link:hover {text-decoration: none;} .link:after {position: absolute;right: -10px;content: "";background-repeat: no-repeat;background-image: url("img/arrow-dark.svg");display: inline-block;width: 16px;height: 12.5px;vertical-align: middle;background-size: 16px 12.5px;top: 53%;margin-left: 10px;transform: translateY(-50%);} .link--white:after {background-image: url("img/arrow-white.svg");width: 13px;height: 10px;background-size: 13px 10px;} .link--dark:after {background-image: url("img/arrow.svg");width: 20px;height: 20px;background-size: 20px 20px;} .email {position: relative;width: 100%;display: inline-block;padding-left: 27px;font-family: "Lexend Deca Light";} .email:hover {text-decoration: none;} .email:before {position: absolute;left: 0;content: "";background-image: url("img/email.svg");background-repeat: no-repeat;display: inline-block;width: 17px;height: 12px;vertical-align: middle;background-size: 17px 12px;top: 50%;transform: translateY(-50%);} .email--dark:before {background-image: url("img/email-dark.svg");} .phone {position: relative;width: 100%;display: inline-block;padding-left: 24px;font-family: "Lexend Deca Light";} .phone:hover {text-decoration: none;} .phone:before {position: absolute;left: 0;content: "";background-image: url("img/phone.svg");background-repeat: no-repeat;display: inline-block;width: 14px;height: 14px;vertical-align: middle;background-size: 14px 14px;top: 50%;transform: translateY(-50%);} .phone--dark:before {background-image: url("img/phone-dark.svg");} input:focus {outline: 0;} .alignleft, .has-text-align-left, .text-left {text-align: left !important;} .aligncenter, .has-text-align-center, .text-center {text-align: center !important;} .alignright, .has-text-align-right, .text-right {text-align: right !important;} .blocksatz {text-align: justify !important;} hr {margin: 40px 0;border-color: #f2f2f2;} a.button {width: 100%;text-align: center;background-color: #9c0;color: #fff;display: inline-block;padding: 17px 16px 15px;font-size: 16px;transition: all .5s;border-radius: 4px;max-width: 320px;} a.button:hover {background-color: #bfe844;border: 0;color: white;text-decoration: none;} a.button:hover>* {color: white;text-decoration: none;} a.button--white {background-color: #fff;color: #014482;} a.button--white>* {font-weight: bold;font-family: "Lexend Deca Semibold";font-size: 14px;} a.button--blue {background-color: #014482;color: #fff;} a.button--border {border: 2px solid #fff;border-radius: 4px;color: #fff;} a.button--border>* {color: #fff;} a.button--border span {display: unset;} a.button--border:hover {border: 2px solid #bfe844;} .angebote .angebot .beschreibung, .angebote .angebot .preis, h1, h2, h3, h4, h5, h6 {font-family: "Lexend Deca Semibold";font-weight: 600;line-height: 1.2;color: #404040;margin: 0;padding: 15px 0px 0px;} h1 {font-size: calc(40px + 10 * ( 100vw - 520px ) / 880);} @media screen and (max-width:520px) {h1 {font-size: 40px;}} @media screen and (min-width:1400px) {h1 {font-size: 50px;}} h2 {font-size: calc(30px + 10 * ( 100vw - 520px ) / 880);} @media screen and (max-width:520px) {h2 {font-size: 30px;}} @media screen and (min-width:1400px) {h2 {font-size: 40px;}} .angebote .angebot .preis, h3 {font-size: calc(24px + 6 * ( 100vw - 520px ) / 880);} @media screen and (max-width:520px) {.angebote .angebot .preis, h3 {font-size: 24px;}} @media screen and (min-width:1400px) {.angebote .angebot .preis, h3 {font-size: 30px;}} h4 {font-size: calc(16px + 4 * ( 100vw - 520px ) / 880);} @media screen and (max-width:520px) {h4 {font-size: 16px;}} @media screen and (min-width:1400px) {h4 {font-size: 20px;}} .angebote .angebot .beschreibung, h5 {font-size: calc(15px + 1 * ( 100vw - 520px ) / 880);color: #9c0;font-weight: 400;} @media screen and (max-width:520px) {.angebote .angebot .beschreibung, h5 {font-size: 15px;}} @media screen and (min-width:1400px) {.angebote .angebot .beschreibung, h5 {font-size: 16px;}} h6 {font-size: calc(15px + 1 * ( 100vw - 520px ) / 880);color: #9c0;font-weight: 400;} @media screen and (max-width:520px) {h6 {font-size: 15px;}} @media screen and (min-width:1400px) {h6 {font-size: 16px;}} p {font-family: "Lexend Deca Light";padding: 30px 0 0;margin: 0;} .space-extralarge {margin-bottom: 190px;display: inline-block;} @media screen and (max-width:1024px) {.space-extralarge {margin-bottom: 100px;}} .space-large {margin-bottom: 90px;} .space-medium {margin-bottom: 50px;} .space-small {margin-bottom: 30px;} .space-extrasmall {margin-bottom: 15px;} .allcont {padding: 0px;display: block;} .inner, .wp-block-group {width: calc(100% - 2 * 20px);max-width: 1024px;margin: 0 auto;position: relative;} .inner--big {max-width: 1920px;margin: 0 auto;position: relative;width: calc(100% - 2 * 20px);} .wp-block-group .inner.resetInner, .wp-block-group .wp-block-group {width: 100%;} .gridrow, .wp-block-columns {display: flex;column-gap: 30px;width: 100%;margin: 0px auto;} .reverseCol {flex-direction: row-reverse;} .align-center, .are-vertically-aligned-center {align-items: center;} .is-vertically-aligned-center {align-self: center;} .wp-block-columns.are-vertically-aligned-top {align-items: flex-start;} .is-vertically-aligned-top {align-self: flex-start;} .are-vertically-aligned-bottom {align-items: flex-end;} .is-vertically-aligned-bottom {align-self: flex-end;} @media (max-width:768px) {.reverseCol .col+.col, .reverseCol .wp-block-column+.wp-block-column {margin-top: 30px;}} .cc-window {box-shadow: 0 0 20px rgba(0,0,0,.15);} .cc-window .cc-message {padding: 15px;margin: 0px !important;font-size: 12px;line-height: 160%;} .cc-highlight .cc-btn:first-child:focus, .cc-highlight .cc-btn:first-child:hover {text-decoration: none;} .cc-compliance>.cc-btn {display: flex;align-items: center;justify-content: center;} ::selection {background: #014482;color: #fff;text-shadow: none;} ::-webkit-selection {background: #014482;color: #fff;text-shadow: none;} ::-moz-selection {background: #014482;color: #fff;text-shadow: none;} .alignnone {margin: 5px 20px 20px 0;} .aligncenter, div.aligncenter {display: block;margin: 0px auto;} .alignright {float: right;margin: 5px 0 20px 20px;} .alignleft {float: left;margin: 5px 20px 20px 0;} a img.alignright {float: right;margin: 5px 0 20px 20px;} a img.alignnone {margin: 5px 20px 20px 0;} a img.alignleft {float: left;margin: 5px 20px 20px 0;} a img.aligncenter {display: block;margin-left: auto;margin-right: auto;} .wp-caption {background: #fff;border: 1px solid #f0f0f0;max-width: 96%;padding: 5px 3px 10px;text-align: center;} .wp-caption.alignnone {margin: 5px 20px 20px 0;} .wp-caption.alignleft {margin: 5px 20px 20px 0;} .wp-caption.alignright {margin: 5px 0 20px 20px;} .wp-caption img {border: 0 none;height: auto;margin: 0;max-width: 98.5%;padding: 0;width: auto;} .gallery-caption, .wp-caption .wp-caption-text {font-size: 11px;line-height: 17px;margin: 0;padding: 0 4px 5px;} @media print {* {background: transparent !important;color: #000 !important;box-shadow: none !important;text-shadow: none !important;} a, a:visited {text-decoration: underline;} a[href]:after {content: " (" attr(href) ")";} abbr[title]:after {content: " (" attr(title) ")";} .ir a:after, a[href^="#"]:after, a[href^="javascript:"]:after {content: "";} blockquote, pre {border: 1px solid #999;page-break-inside: avoid;} thead {display: table-header-group;} img, tr {page-break-inside: avoid;} img {max-width: 100% !important;} @page {margin: .5cm;} .angebote .angebot .preis, h2, h3, p {orphans: 3;widows: 3;} .angebote .angebot .preis, h2, h3 {page-break-after: avoid;}} .extras-inner {align-items: center;padding: 0px;text-align: center;display: flex;} @media screen and (max-width:1024px) {.extras-inner__left .image {display: none;}} .extras-inner__left img {width: 127px;height: 127px;} @media screen and (min-width:1024px) {.extras-inner__right {max-width: 400px;flex-direction: column;justify-content: flex-start;text-align: left;padding-left: 40px;}} .extras-inner__right p {font-family: "Lexend Deca Light";color: #404040;font-size: 15px;} .extras-inner__right .title {color: #404040;font-family: "Lexend Deca Medium";} .extras-inner__right .link {font-size: 15px;display: inline-block;} .extras-inner__right .link:hover {color: #9c0;cursor: pointer;} .extras-inner__right .link>* {color: #404040;} .flex {display: flex;} .bg-image {max-width: unset;width: 100%;height: auto;object-fit: cover;min-height: 65px;} .flex-center {display: flex;justify-content: center;align-items: center;} .label {background: #9c0;border-radius: 4px;display: inline-block;} @media screen and (max-width:768px) {.label {margin-bottom: 10px;}} .label+.label {margin-left: 10px;} .label p {padding: 6px 15px;color: #fff;font-weight: 700;font-size: 14px;line-height: 28 x;} .label--blue {background-color: #2371ba;} .header {position: relative;z-index: 5;} .header__border {width: 100%;margin-top: -1px;position: absolute;} @media screen and (min-width:1024px) {.header__border {z-index: 9999;}} .header .inner {position: relative;display: flex;justify-content: space-between;align-items: center;position: static;display: flex;justify-content: space-between;align-items: center;} @media screen and (max-width:1024px) {.header .inner {padding: 30px 0px;}} .header .inner:after {content: "";position: absolute;width: 100%;height: 30px;top: 100%;left: 0;background-repeat: no-repeat;background-size: 100%;background-image: url("img/header-border.svg");display: inline-block;background-position: center center;} @media screen and (max-width:768px) {.header .inner:after {top: calc(100% - 24px);height: auto;}} .header .inner .logo img {width: 284px;} @media screen and (max-width:768px) {.header .inner .logo img {width: 208px;}} .header .inner .social-link a {margin-right: 8px;padding-top: 5px;} @media (max-width:520px) {.header .inner .social-link a {display: none;}} .header .inner .social-link a img {height: 25px;} .footer {background-color: #014482;padding: 75px 0 50px 0;position: relative;} .footer :not(a.button>span) {color: #fff;} .angebote .angebot .footer .preis, .footer .angebote .angebot .preis, .footer h3 {font-size: calc(22px + 2 * ( 100vw - 520px ) / 880);padding: 0;} @media screen and (max-width:520px) {.angebote .angebot .footer .preis, .footer .angebote .angebot .preis, .footer h3 {font-size: 22px;}} @media screen and (min-width:1400px) {.angebote .angebot .footer .preis, .footer .angebote .angebot .preis, .footer h3 {font-size: 24px;}} .footer ul {list-style-type: none;padding: 0;margin: 0;} .footer a.button {margin-top: 30px;width: 100%;text-align: center;max-width: 100%;} .footer a.button:hover {border: 0;text-decoration: none;} .footer a.button:hover span {color: #fff;font-weight: bold;font-size: 14px;} .footer a.button span {color: #014482;} .footer__services {width: 100%;flex-direction: column;} @media screen and (min-width:768px) {.footer__services {max-width: calc(75% - 60px);}} .angebote .angebot .footer__services .preis, .footer__services .angebote .angebot .preis, .footer__services h3 {margin-bottom: 30px;} .footer__services ul {margin-left: 20px;} @media screen and (min-width:768px) {.footer__services ul {display: flex;align-items: center;margin-left: 0;} .footer__services ul li {margin-bottom: 0;} .footer__services ul li:first-child:before {content: "";}} .footer__services ul li {margin-right: 30px;margin-bottom: 15px;} .footer__services ul li:before {content: "•";color: #9c0;font-weight: bold;display: inline-block;width: 1em;margin-left: -1em;} .footer__about {margin-top: 75px;display: flex;justify-content: space-between;align-content: center;flex-direction: column;} @media screen and (min-width:768px) {.footer__about {flex-direction: row;}} .footer__about__ratgeber {width: 100%;} @media screen and (min-width:768px) {.footer__about__ratgeber {max-width: calc(50% - 50px);}} .angebote .angebot .footer__about__ratgeber .preis, .footer__about__ratgeber .angebote .angebot .preis, .footer__about__ratgeber h3 {margin-bottom: 30px;} .footer__about__ratgeber ul li {font-size: 15px;padding: 10px 0;padding-right: 10px;border-bottom: 1px solid #fff;padding-left: 0 !important;} .footer__about__ratgeber ul li:last-child {border-bottom: none;} .footer__about__information {width: 100%;margin-top: 75px;} .footer__about__information .adress-wrapper {margin-bottom: 30px;} .footer__about__information .adress-wrapper .labels {margin-bottom: 15px;} @media screen and (min-width:768px) {.footer__about__information {max-width: calc(25% + 30px);margin-top: 0;}} .angebote .angebot .footer__about__information .preis, .footer__about__information .angebote .angebot .preis, .footer__about__information h3 {margin-bottom: 20px;font-size: 20px;} .footer__about__information .adress {font-family: "Lexend Deca Light";} .footer__about__information .adress .email, .footer__about__information .adress .phone {font-size: 16px;} .footer__about__information .adress p {margin-bottom: 12px;padding: 0;} .footer__meta {font-family: "Lexend Deca Light";font-size: 14px;margin-top: 80px;display: flex;justify-content: space-between;align-content: center;flex-direction: column;} @media screen and (max-width:768px) {.footer__meta {flex-direction: column;text-align: center;}} @media screen and (min-width:768px) {.footer__meta {justify-content: space-between;flex-direction: row;}} .footer__meta a {text-decoration: underline;} .footer__meta p {padding: 0;width: 100%;text-align: center;} @media screen and (min-width:768px) {.footer__meta p {max-width: calc(50% - 20px);text-align: left;}} .footer__meta ul {display: flex;justify-content: center;width: 100%;margin-top: 20px;} @media screen and (max-width:768px) {.footer__meta ul {text-align: center;flex-direction: column;}} @media screen and (min-width:768px) {.footer__meta ul {max-width: 50%;margin-top: 0;justify-content: flex-end;}} .footer__meta ul li {margin-left: 30px;} @media screen and (max-width:520px) {.footer__meta ul li {margin-left: 0;}} .footer__about__ratgeber .link {padding-left: 0;} .bg-image-footer {margin-bottom: -5px;} .open-nav {display: none;} @media screen and (min-width:1024px) {.nav>ul>li.menu-item-has-children:hover .sub-sub-menu li:hover {color: #9c0;} .nav>ul>li.menu-item-has-children:hover .sub-sub-menu li:hover a {color: #9c0;} .nav>ul>li.menu-item-has-children:hover>a:after {content: "";display: inline-block;width: 12px;height: 12px;margin-left: 5px;vertical-align: middle;background-image: url("img/arrow-down.svg");background-size: 12px 12px;background-repeat: no-repeat;transition: .25s ease;transform: rotate(-180deg);} .nav>ul>li.menu-item-has-children>a:after {content: "";display: inline-block;width: 12px;height: 12px;margin-left: 5px;vertical-align: middle;background-image: url("img/arrow-down.svg");background-size: 12px 12px;background-repeat: no-repeat;transition: .25s ease;}} .nav ul {list-style-type: none;margin: 0px;padding: 0px;display: flex;} .nav ul li {display: block;} @media screen and (min-width:1024px) {.nav ul li.menu-item-has-children:hover .sub-sub-menu {max-height: 180px;} .nav ul li.menu-item-has-children:hover .container {position: relative;justify-content: flex-end;gap: 100px;align-items: self-start;} .nav ul li.menu-item-has-children:hover .container .extras {width: calc(50% - 70px);} .nav ul li.menu-item-has-children:hover .container .extras-inner__left {width: 100%;} .nav ul li.menu-item-has-children:hover .container .sub-sub-menu {width: calc(50% - 120px);} .nav ul li.menu-item-has-children:hover .container:after {display: none;} .nav ul li.menu-item-has-children:hover .sub-menu:after {content: "";position: absolute;width: 100%;height: 100%;top: 100%;left: 0;background-repeat: no-repeat;background-size: 100%;background-image: url("img/header-border.svg");display: inline-block;} .nav ul li.menu-item-has-children:hover .sub-menu .extras .link {padding-left: 0;} .nav ul li.menu-item-has-children:hover .sub-menu .extras .link:hover {cursor: pointer !important;} .nav ul li.menu-item-has-children:hover .sub-sub-menu {padding-top: 20px;display: flex;flex-wrap: wrap;flex-direction: column;} .nav ul li.menu-item-has-children:hover .sub-sub-menu li a {font-size: 14px;color: #707070;padding: 5px;}} .nav ul li a {display: block;color: #404040;font-size: 16px;font-weight: 400;padding: 10px 15px;white-space: nowrap;transition: all .5s;} @media (min-width:1024px) {.nav ul li a {padding-top: 40px;padding-bottom: 30px;}} .nav ul li a:hover, .nav ul li.current_page_item ul li a:hover {color: #9c0;text-decoration: none;} .nav ul li:hover>ul {display: block;} .nav ul li ul {display: none;background-color: #fff;min-width: 100%;position: absolute;top: 100%;left: 0px;z-index: 999;} .nav ul li ul li {width: 100%;display: block;} .nav ul li ul li a {padding: 10px;} @media (max-width:1024px) {.open-nav {display: block;position: absolute;right: 112px;top: 40px;} .nav {display: none;position: absolute;top: 100%;left: 0%;width: 100%;z-index: 999;} .nav ul {flex-wrap: wrap;} .nav ul>li:last-child {position: relative;} .nav ul>li:last-child:after {content: "";display: block;width: 100%;height: 100%;top: 0;left: 0;background-repeat: no-repeat;background-image: url("img/header-border.svg");display: inline-block;} .nav ul li {position: relative;width: 100%;} .nav ul li a {text-align: center;padding: 15px 20px;display: block;background-color: #fff;} .nav ul li ul.sub-menu {display: none;position: relative;top: inherit;padding: 0px;white-space: inherit;} .nav ul li ul.sub-menu .container {flex-direction: column;} .nav ul li ul.sub-menu .container:after {display: none;} .nav ul li ul.sub-menu.flex {display: flex;}} @media screen and (max-width:1024px) and (max-width:1024px) {.nav ul li ul.sub-menu {justify-content: center;flex-direction: column-reverse;}} @media (max-width:1024px) {.nav ul li ul.sub-menu li a {padding: 10px 20px;text-align: center;font-size: 14px;} .nav ul li .sub-sub-menu {border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;width: 100%;} .nav ul li .extras {display: flex !important;justify-content: center;} .nav ul li .extras-inner {padding: 20px;} .nav .showSub {position: absolute;right: 0;top: 0;z-index: 10;cursor: pointer;width: 54px;height: 54px;line-height: 54px;text-align: center;transition: .25s ease;} .nav .showSub.open div.extras {display: block !important;} .nav .subNav .showSub {background: #eee;height: 48px;line-height: 48px;} .nav .showSub:after {content: "";display: inline-block;width: 20px;height: 20px;vertical-align: middle;background-image: url("img/arrow-down.svg");background-size: 20px 20px;background-repeat: no-repeat;transition: .25s ease;} .nav .showSub.open:after {transform: rotate(-180deg);}} @media (max-width:520px) {.open-nav {right: 32px;top: 38px;}} .blogarticle {display: flex;flex-direction: column;align-items: center;background-color: #fff;box-shadow: 0 0 20px rgba(0,0,0,.05);} .blogarticle__content {padding: 10px 25px 25px;background-color: #fff;display: flex;justify-content: space-between;flex-direction: column;transition: all 1s ease-in;} .blogarticle__image {width: 100%;object-fit: cover;transition: all 3s ease-in;} .blogarticle__image img {width: 100%;height: 281px;object-fit: cover;} @media (max-width:1024px) {.blogarticle__image img {height: 28.6vw;}} @media (max-width:619px) {.blogarticle__image img {height: 50.6vw;}} .blogarticle__title {margin-bottom: 20px;font-size: calc(16px + 4 * ( 100vw - 520px ) / 880);} @media screen and (max-width:520px) {.blogarticle__title {font-size: 16px;}} @media screen and (min-width:1400px) {.blogarticle__title {font-size: 20px;}} .blogarticle__excerpt {font-family: "Lexend Deca Light";font-size: 16px;padding: 0;transition: height 1s ease-in;} .blogarticle__link {padding-left: 15px;color: #014482;} .blogarticle__link:hover {color: #9c0;} .blogarticle__link:hover>* {color: #9c0;} .blogarticle__link>* {margin-left: 20px;color: #014482;} .blogarticle__link:after {left: 0;background-image: url("img/arrow-green.svg");} .standard-formular {padding: 0px;display: flex;flex-wrap: wrap;justify-content: space-between;} .standard-formular>label {margin-top: 10px;margin-bottom: 10px;} .standard-formular>label.full {width: 100%;} .standard-formular>label.half {width: calc(50% - 10px);} @media screen and (max-width:768px) {.standard-formular>label.half {width: 100%;}} .standard-formular>label.seven {width: calc(70% - 10px);} @media screen and (max-width:768px) {.standard-formular>label.seven {width: 100%;}} .standard-formular>label.three {width: calc(30% - 10px);} @media screen and (max-width:768px) {.standard-formular>label.three {width: 100%;}} .standard-formular label {color: #9c0;} .standard-formular input[type=submit] {border-radius: 10px !important;border: none !important;outline: none !important;appearance: none;position: relative;display: inline-block;margin-top: 25px;background-color: #9c0;font-size: 16px;line-height: 16px;color: #fff;padding: 20px;transition: all .5s;white-space: nowrap;width: 100%;} @media screen and (min-width:1024px) {.standard-formular input[type=submit] {max-width: 320px;}} .standard-formular input[type=submit]:disabled {opacity: .5;} .standard-formular input[type=submit]:hover:hover {background-color: #bfe844;border: 0;color: white;text-decoration: none;cursor: pointer;} .standard-formular input[type=submit]:hover:hover>* {color: white;text-decoration: none;} .standard-formular p {width: 100%;} .standard-formular br {display: none;} .standard-formular span {display: block;width: 100%;} .standard-formular span.half {width: calc(50% - 12.5px);} .standard-formular span input, .standard-formular span select, .standard-formular span textarea {outline: none !important;border-radius: 0 !important;width: 100%;font-size: 16px;font-weight: 400;line-height: 100%;color: #404040;border-bottom: 2px solid #9c0;border-left: 2px solid #9c0;border-top: 0 !important;border-right: 0 !important;border-bottom-left-radius: 10px !important;margin-top: 8px;padding: 20px 25px;} .standard-formular span input:-moz-placeholder, .standard-formular span input:-ms-input-placeholder, .standard-formular span input::-moz-placeholder, .standard-formular span input::-webkit-input-placeholder, .standard-formular span select:-moz-placeholder, .standard-formular span select:-ms-input-placeholder, .standard-formular span select::-moz-placeholder, .standard-formular span select::-webkit-input-placeholder, .standard-formular span textarea:-moz-placeholder, .standard-formular span textarea:-ms-input-placeholder, .standard-formular span textarea::-moz-placeholder, .standard-formular span textarea::-webkit-input-placeholder {color: #a2a2a2;} .standard-formular span select {color: #9c0;} .standard-formular span textarea {height: 155px;resize: none;} .standard-formular span.wpcf7-acceptance {display: block;position: relative;margin-top: 25px;} .standard-formular span.wpcf7-acceptance span {margin: 0px;} .standard-formular span.wpcf7-acceptance label {position: relative;display: flex;color: #9c0;} .standard-formular span.wpcf7-acceptance label .wpcf7-list-item-label {margin-left: 10px;font-family: "Lexend Deca Light";font-size: 15px;line-height: 140%;color: #404040;} .standard-formular span.wpcf7-acceptance label .wpcf7-list-item-label a {color: #9c0;} .standard-formular span.wpcf7-acceptance input[type=checkbox] {width: 20px;height: 20px;display: block;appearance: none;-webkit-appearance: none;-moz-appearance: none;border: none;margin: 0px;padding: 0px;background-color: transparent;cursor: pointer;border-radius: 0% !important;} .standard-formular span.wpcf7-acceptance .checkmark {position: absolute;top: 2px;left: 3px;height: 18px;width: 18px;background: #bfe844;border: 2px solid #9c0;border-radius: 2px;} .standard-formular span.wpcf7-acceptance .checkmark:after, .standard-formular span.wpcf7-acceptance .checkmark:before {content: "";position: absolute;display: none;left: 6px;top: 1px;width: 2px;height: 12px;border-width: 0 3px 3px 0;transform: rotate(45deg);background-color: #404040;} .standard-formular span.wpcf7-acceptance .checkmark:before {transform: rotate(-45deg);} .standard-formular span.wpcf7-acceptance input:checked~.checkmark:after, .standard-formular span.wpcf7-acceptance input:checked~.checkmark:before {display: block;background: white;left: 6px;} .standard-formular+p {line-height: 32px;} .standard-formular+p input[type=submit] {border-radius: 10px !important;border: none !important;outline: none !important;appearance: none;position: relative;display: inline-block;margin-top: 5px;background-color: #9c0;font-size: 16px;line-height: 16px;color: #fff;padding: 20px;transition: all .5s;white-space: nowrap;width: 100%;} @media screen and (min-width:1024px) {.standard-formular+p input[type=submit] {max-width: 320px;}} .standard-formular+p input[type=submit]:hover:hover {background-color: #bfe844;border: 0;color: white;text-decoration: none;cursor: pointer;} .standard-formular+p input[type=submit]:hover:hover>* {color: white;text-decoration: none;} .standard-formular+p input[type=submit]:disabled {background-color: #9c0;opacity: 1 !important;} .box50>.col, .wp-block-columns.box50>.wp-block-column {width: calc(50% - 10px);} @media (max-width:1024px) {.gridrow.box50, .wp-block-columns.box50 {flex-wrap: wrap;justify-content: center;} .gridrow.box50.wp-container-3, .wp-block-columns.box50.wp-container-3 {gap: 10px;} .gridrow.box50 .col, .wp-block-columns.box50>.wp-block-column {max-width: calc(50% - 10px);} .gridrow.box50 .col+.col+.col, .wp-block-columns.box50>.wp-block-column+.wp-block-column+.wp-block-column {margin-top: 30px;}} @media (max-width:768px) {.gridrow.box50 .col, .wp-block-columns.box50>.wp-block-column {width: 100%;max-width: unset;} .gridrow.box50 .col+.col, .wp-block-columns.box50>.wp-block-column+.wp-block-column {margin-top: 30px;}} .box33>.col, .wp-block-columns.box33>.wp-block-column {width: calc(33.333% - 13.333px);} @media (max-width:1024px) {.gridrow.box33, .wp-block-columns.box33 {flex-wrap: wrap;justify-content: center;} .gridrow.box33 .col, .wp-block-columns.box33>.wp-block-column {max-width: calc(50% - 10px);} .gridrow.box33 .col+.col+.col, .wp-block-columns.box33>.wp-block-column+.wp-block-column+.wp-block-column {margin-top: 30px;}} @media (max-width:768px) {.gridrow.box33 .col, .wp-block-columns.box33>.wp-block-column {width: 100%;} .gridrow.box33 .col+.col, .wp-block-columns.box33>.wp-block-column+.wp-block-column {margin-top: 30px;}} .box25>.col, .wp-block-columns.box25>.wp-block-column {width: 21.925%;} @media (max-width:768px) {.gridrow.box25, .wp-block-columns.box25 {flex-wrap: wrap;} .gridrow.box25 .col, .wp-block-columns.box25>.wp-block-column {max-width: calc(50% - 10px);} .gridrow.box25 .col:nth-child(3), .gridrow.box25 .col:nth-child(4), .wp-block-columns.box25>.wp-block-column:nth-child(3), .wp-block-columns.box25>.wp-block-column:nth-child(4) {margin-top: 30px;}} .box20>.col {flex: auto;} @media (max-width:1024px) {.gridrow.box20, .wp-block-columns.box20 {flex-wrap: wrap;justify-content: center;} .gridrow.box20 .col, .wp-block-columns.box20>.wp-block-column {max-width: 100%;} .gridrow.box20 .col+.col+.col, .wp-block-columns.box20>.wp-block-column+.wp-block-column+.wp-block-column {margin-top: 30px;}} @media (max-width:768px) {.gridrow.box20 .col, .wp-block-columns.box20>.wp-block-column {width: 100%;} .gridrow.box20 .col+.col, .wp-block-columns.box20>.wp-block-column+.wp-block-column {margin-top: 30px;}} .box66-33>.col.col1 {width: calc(66.666% - 15px);} .box66-33>.col.col2 {width: calc(33.333% - 15px);} @media (max-width:619px) {.box66-33 {flex-wrap: wrap;} .box66-33>.col.col1 {width: 100%;} .box66-33>.col.col2 {width: 100%;margin-left: 0px;margin-top: 40px;}} .teaser-ansprechpartnerin .inner {display: flex;justify-content: space-between;} @media screen and (max-width:768px) {.teaser-ansprechpartnerin .inner {flex-direction: column;}} .teaser-ansprechpartnerin__contact {width: 100%;margin-bottom: 50px;} @media screen and (min-width:768px) {.teaser-ansprechpartnerin__contact {width: calc(50% - 172px);margin-bottom: 0;}} .angebote .angebot .teaser-ansprechpartnerin__contact .beschreibung, .angebote .angebot .teaser-ansprechpartnerin__contact .preis, .teaser-ansprechpartnerin__contact .angebote .angebot .beschreibung, .teaser-ansprechpartnerin__contact .angebote .angebot .preis, .teaser-ansprechpartnerin__contact h3, .teaser-ansprechpartnerin__contact h5 {padding: 0;} .teaser-ansprechpartnerin__contact .image {width: 100px;height: 100px;border-radius: 50%;margin-bottom: 30px;} .teaser-ansprechpartnerin__contact .image img {width: 100%;height: 100%;object-fit: cover;border-radius: 50%;} .angebote .angebot .teaser-ansprechpartnerin__contact .preis, .teaser-ansprechpartnerin__contact .angebote .angebot .preis, .teaser-ansprechpartnerin__contact h3 {margin-bottom: 30px;} .teaser-ansprechpartnerin__cta {width: 100%;padding: 20px;background-color: #9c0;border-radius: 25px;display: flex;justify-content: center;flex-direction: column;} @media screen and (min-width:768px) {.teaser-ansprechpartnerin__cta {width: 50%;}} .teaser-ansprechpartnerin__cta>div {display: flex;justify-content: center;margin: 0 auto;width: 100%;max-width: 320px;flex-direction: column;} .teaser-ansprechpartnerin__cta>div>div:not(:last-child) {margin-bottom: 12px;} .angebote .angebot .teaser-ansprechpartnerin__cta .beschreibung, .teaser-ansprechpartnerin__cta .angebote .angebot .beschreibung, .teaser-ansprechpartnerin__cta h5 {color: #fff;margin-bottom: 30px;text-align: center;} .teaser-tipps .inner {display: flex;justify-content: space-between;align-items: stretch;} @media screen and (max-width:768px) {.teaser-tipps .inner {flex-direction: column;}} .teaser-tipps__image {width: 100%;z-index: 2;} @media screen and (min-width:1024px) {.teaser-tipps__image {height: 100%;height: 355px;width: 100%;max-width: 440px;}} .teaser-tipps__image .image {width: 100%;height: 100%;} .teaser-tipps__image .image img {width: 100%;height: 100%;object-fit: cover;border-radius: 25px;} .teaser-tipps__content {width: 100%;position: relative;background-color: #9c0;border-radius: 25px;display: flex;justify-content: center;flex-direction: row;padding: 50px;} @media screen and (max-width:768px) {.teaser-tipps__content {margin-top: -30px;border-top-left-radius: 0;border-top-right-radius: 0;}} @media screen and (min-width:1024px) {.teaser-tipps__content {width: 66%;margin: 20px;margin-left: -30px;flex-direction: column;}} .teaser-tipps__content>div {display: flex;flex-direction: column;justify-content: center;} @media screen and (min-width:1024px) {.teaser-tipps__content>div {max-width: 420px;margin-left: 70px;}} .teaser-tipps__content>div .button {margin: 0 auto;} .angebote .angebot .teaser-tipps__content .preis, .teaser-tipps__content .angebote .angebot .preis, .teaser-tipps__content h3 {color: #fff;margin-bottom: 30px;text-align: center;} .teaser-tipps__content .image.icon {position: absolute;left: 50%;top: 0;transform: translateY(-30%);height: auto;} @media screen and (max-width:1024px) {.teaser-tipps__content .image.icon {display: none;}} @media screen and (min-width:768px) and (max-width:1024px) {.teaser-tipps__content .image.icon {transform: translateX(-50%);}} .accordeon__intro {display: flex;justify-content: center;align-items: center;flex-direction: column;margin-bottom: 45px;text-align: center;} @media screen and (min-width:768px) {.accordeon__intro {margin-bottom: 60px;}} .accordeon .item {border: 1px solid #e3e3e3;border-radius: 10px;margin-bottom: 20px;} .accordeon .item:first-of-type .accordeon-content {display: block;} .accordeon .item .accordeon-title {position: relative;padding: 30px 35px;cursor: pointer;margin: 0px;text-transform: none;transition: all .25s;} @media screen and (max-width:768px) {.accordeon .item .accordeon-title {padding: 20px 25px;}} .accordeon .item .accordeon-title:after {content: "";display: block;position: absolute;transform: translateY(-50%) rotate(90deg);right: 35px;top: 50%;width: 12px;height: 16px;background-color: transparent;background-image: url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'15.409\' height=\'12.827\' viewBox=\'0 0 15.409 12.827\'%3E%3Cg id=\'Gruppe_26\' data-name=\'Gruppe 26\' transform=\'translate(-977 -3703.587)\'%3E%3Cline id=\'Linie_8\' data-name=\'Linie 8\' x2=\'13\' transform=\'translate(978 3710)\' fill=\'none\' stroke=\'%23404040\' stroke-linecap=\'round\' stroke-width=\'2\'/%3E%3Cpath id=\'Pfad_93\' data-name=\'Pfad 93\' d=\'M987.376,3715.683l4.665-5-4.665-5\' transform=\'translate(-1 -0.683)\' fill=\'none\' stroke=\'%23404040\' stroke-linecap=\'round\' stroke-width=\'2\'/%3E%3C/g%3E%3C/svg%3E%0A");background-size: contain;background-position: center;background-repeat: no-repeat;transition: all .25s;} .accordeon .item .accordeon-title.is-opened {background: #fafafa;} .accordeon .item .accordeon-title.is-opened:after {transform: translateY(-50%) rotate(270deg);} .accordeon .item .accordeon-title__title {padding-right: 20px;font-size: 18px;} @media screen and (max-width:768px) {.accordeon .item .accordeon-title__title {font-size: 16px;}} .accordeon .item .accordeon-title__headline {font-family: "Lexend Deca Light";display: none;font-size: 15px;} @media screen and (min-width:768px) {.accordeon .item .accordeon-title__headline {display: inline-block;font-size: 16px;}} .accordeon .item .accordeon-title>div {padding-right: 20px;} .accordeon .item .accordeon-content {display: none;background: #fafafa;border-top: 1px solid #e3e3e3;padding: 40px 35px;font-family: "Lexend Deca Light";font-size: 16px;} @media screen and (max-width:768px) {.accordeon .item .accordeon-content {font-size: 15px;}} .accordeon .item .accordeon-content__headline {display: none;} @media screen and (max-width:768px) {.accordeon .item .accordeon-content__headline {display: block;margin-bottom: 35px;}} .accordeon .item .accordeon-content>p {padding: 0;font-family: "Lexend Deca Light";} .formular__inner {display: flex;justify-content: space-between;flex-direction: row;} @media screen and (max-width:768px) {.formular__inner {flex-direction: column;}} .formular__information {display: flex;flex-direction: column;width: 100%;} @media screen and (min-width:1024px) {.formular__information {width: calc(50% - 124px);}} .formular__information__image {margin-bottom: 50px;padding-top: 30px;} @media screen and (max-width:768px) {.formular__information__image {display: none;}} .formular__form {width: 100%;} @media screen and (min-width:1024px) {.formular__form {width: calc(50% - 30px);}} .banner-blau {background-color: #014482;padding: 60px 0;position: relative;} @media screen and (max-width:768px) {.banner-blau {padding: 50px 0;margin-top: -13px;margin-bottom: -13px;}} .banner-blau__inner {display: flex;justify-content: space-between;align-items: center;flex-direction: row;} @media screen and (max-width:768px) {.banner-blau__inner {flex-direction: column;}} .banner-blau__content {width: 100%;} @media screen and (min-width:1024px) {.banner-blau__content {width: 50%;}} .banner-blau__content h2 {color: #fff;} .banner-blau__content p {color: #fff;font-family: "Lexend Deca Light";margin-bottom: 35px;padding-right: 10px;} @media screen and (max-width:768px) {.banner-blau__content p {margin-bottom: 25px;}} .banner-blau__image {width: 100%;} @media screen and (max-width:768px) {.banner-blau__image {margin-top: 40px;}} .banner-blau__image img {width: 100%;height: 100%;object-fit: cover;border-radius: 15px;min-height: 357px;} @media screen and (max-width:768px) {.banner-blau__image img {height: 240px;}} @media screen and (min-width:1024px) {.banner-blau__image {width: calc(50% - 70px);}} .bg-image-banner-blau {margin-top: -5px;} .banner__inner {display: flex;justify-content: space-between;align-items: center;flex-direction: row;} @media screen and (max-width:768px) {.banner__inner {flex-direction: column;}} .banner__content {width: 100%;} @media screen and (min-width:768px) {.banner__content {width: calc(75% - 96px);}} .banner__content h2 {font-size: calc(24px + 8 * ( 100vw - 520px ) / 880);} @media screen and (max-width:520px) {.banner__content h2 {font-size: 24px;}} @media screen and (min-width:1400px) {.banner__content h2 {font-size: 32px;}} .banner__content .wysiwyg {padding-top: 40px;} .banner__content .wysiwyg ul {list-style-type: none;margin-bottom: 20px;padding: 0;margin-top: 0;} .banner__content .wysiwyg ul li {position: relative;padding-left: 53px;line-height: 37px;margin-bottom: 25px;font-size: calc(16px + 4 * ( 100vw - 520px ) / 880);} @media screen and (max-width:520px) {.banner__content .wysiwyg ul li {font-size: 16px;}} @media screen and (min-width:1400px) {.banner__content .wysiwyg ul li {font-size: 20px;}} @media screen and (max-width:768px) {.banner__content .wysiwyg ul li {line-height: 100%;}} .banner__content .wysiwyg ul li:last-child {margin-bottom: 0;} .banner__content .wysiwyg ul li:before {content: "";display: block;position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 37px;height: 37px;background-color: transparent;background-size: contain;background-position: center;background-repeat: no-repeat;transition: all .25s;background-image: url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'37\' height=\'37\' viewBox=\'0 0 37 37\'%3E%3Cg id=\'Gruppe_249\' data-name=\'Gruppe 249\' transform=\'translate(-452 -3078)\'%3E%3Ccircle id=\'Ellipse_16\' data-name=\'Ellipse 16\' cx=\'18.5\' cy=\'18.5\' r=\'18.5\' transform=\'translate(452 3078)\' fill=\'%239c0\'/%3E%3Cpath id=\'Pfad_118\' data-name=\'Pfad 118\' d=\'M465.6,3145.173l4.529,4.529,9.773-9.773\' transform=\'translate(-2.247 -48.315)\' fill=\'none\' stroke=\'%23fff\' stroke-linecap=\'round\' stroke-linejoin=\'round\' stroke-width=\'5\'/%3E%3C/g%3E%3C/svg%3E%0A");} @media screen and (max-width:768px) {.banner__content .wysiwyg ul li:before {width: 30px;height: 30px;}} .banner__content .wysiwyg p {font-family: "Lexend Deca Light";margin-bottom: 40px;} .banner__content .buttons {margin-top: 40px;} .banner__image {width: 100%;display: none;} .banner__image img {width: 100%;height: 100%;object-fit: cover;} @media screen and (min-width:768px) {.banner__image {width: calc(25% + 20px);display: flex;}} .aufzaehlung-mit-icon {display: flex;justify-content: center;flex-direction: column;align-items: center;position: relative;} .aufzaehlung-mit-icon .stroke {display: block;position: absolute;height: 5px;background-color: #014482;top: 50px;border-radius: 25px;width: 75%;z-index: 3;left: 50%;transform: translateX(-50%);} @media screen and (max-width:768px) {.aufzaehlung-mit-icon .stroke {width: 5px;z-index: 3;height: 80%;top: 0;left: 40px;}} @media screen and (min-width:1024px) {.aufzaehlung-mit-icon .stroke {top: 50px;}} .aufzaehlung-mit-icon h2 {margin-bottom: 50px;text-align: center;} .aufzaehlung-mit-icon__items {display: flex;justify-content: space-between;margin-bottom: 60px;} @media screen and (max-width:768px) {.aufzaehlung-mit-icon__items {flex-direction: column;}} @media screen and (min-width:1024px) {.aufzaehlung-mit-icon__items {gap: 20px;}} .aufzaehlung-mit-icon .item {z-index: 5;display: flex;justify-content: flex-start;align-items: center;flex-direction: row;width: 100%;margin-bottom: 50px;} @media screen and (max-width:768px) {.aufzaehlung-mit-icon .item {gap: 20px;min-width: 25%;align-items: flex-start;} .aufzaehlung-mit-icon .item:last-child {margin-bottom: 0;}} @media screen and (min-width:768px) {.aufzaehlung-mit-icon .item {flex-direction: column;width: calc(25% - 30px);margin-bottom: 0;} .aufzaehlung-mit-icon .item:last-child {padding-right: 0;}} .aufzaehlung-mit-icon .item>* {margin-bottom: 20px;padding: 0;} .aufzaehlung-mit-icon .item__image {outline: 20px solid #fff;} @media screen and (max-width:768px) {.aufzaehlung-mit-icon .item__image {width: 80px;}} @media screen and (max-width:768px) {.aufzaehlung-mit-icon .item__container {width: 75%;}} .aufzaehlung-mit-icon .item__headline {padding: 0;text-align: center;} .aufzaehlung-mit-icon .item__meta {display: flex;justify-content: flex-start;align-items: center;flex-direction: row;margin-bottom: 20px;} .aufzaehlung-mit-icon .item__meta h2 {padding: 0;} @media screen and (min-width:768px) {.aufzaehlung-mit-icon .item__meta {flex-direction: column;justify-content: center;}} .aufzaehlung-mit-icon .item__count {color: #fff;background-color: #014482;border-radius: 50%;height: 32px;width: 32px;display: flex;align-items: center;justify-content: center;margin-bottom: 20px;} @media screen and (max-width:768px) {.aufzaehlung-mit-icon .item__count {margin-bottom: 0;}} @media screen and (max-width:1024px) {.aufzaehlung-mit-icon .item__count {margin-right: 10px;}} .aufzaehlung-mit-icon .item__text {font-family: "Lexend Deca Light";padding: 0;text-align: center;} @media screen and (max-width:768px) {.aufzaehlung-mit-icon .item__text {text-align: left;}} @media screen and (min-width:768px) {.aufzaehlung-mit-icon .buttons {width: 100%;display: flex;justify-content: center;}} .hero {position: relative;margin: 0 auto;} @media (max-width:520px) {.hero {min-height: 460px;}} .hero .bg-image-hero {position: absolute;left: 0;bottom: -10px;z-index: 1;} .hero__inner--slider {top: 0;width: 100%;height: 700px;position: relative;} .hero__inner--slider .slick-list, .hero__inner--slider .slick-slider, .hero__inner--slider .slick-track {height: 100%;} .hero__inner--slider .slick-slide img {height: 100%;width: 100%;object-fit: cover;} @media (max-width:520px) {.hero__inner--slider {position: absolute;left: 0px;height: 100%;}} .hero__inner--content {position: absolute;top: 0;width: 100%;z-index: 2;padding-top: 50px;} @media screen and (min-width:768px) {.hero__inner--content {padding-top: 100px;}} @media screen and (min-width:1024px) {.hero__inner--content {padding-top: 144px;}} @media (max-width:520px) {.hero__inner--content {position: relative;padding-bottom: 100px;}} .hero__text {color: #fff;font-family: "Lexend Deca Light";width: calc(50% + 115px);font-size: calc(15px + 1 * ( 100vw - 520px ) / 880);} @media screen and (max-width:520px) {.hero__text {font-size: 15px;}} @media screen and (min-width:1400px) {.hero__text {font-size: 16px;}} @media screen and (max-width:768px) {.hero__text {width: 100%;}} .hero__headline {color: #fff;font-size: calc(30px + 10 * ( 100vw - 520px ) / 880);} @media screen and (max-width:520px) {.hero__headline {font-size: 30px;}} @media screen and (min-width:1400px) {.hero__headline {font-size: 40px;}} .hero .overlay {position: absolute;height: 100%;width: 100%;top: 0;left: 0;background: #014482;background: radial-gradient(at top left,#07226a 0%,rgba(6,67,128,.8043811275) 46%,rgba(6,67,128,0) 100%),0% 0% no-repeat;z-index: 1;} .hero .arrow {position: absolute;bottom: 50px;background: #fff;width: 50px;height: 50px;display: block;display: flex;justify-content: center;align-items: center;cursor: pointer;z-index: 3;} @media screen and (min-width:768px) {.hero .arrow {width: 80px;height: 80px;}} @media screen and (min-width:1400px) {.hero .arrow {top: 50%;transform: translateY(-50%);}} .hero .arrow.left {border-top-right-radius: 10px;border-bottom-right-radius: 10px;margin-left: -1px;left: 0;} @media screen and (min-width:1024px) {.hero .arrow.left {border-top-right-radius: 20px;border-bottom-right-radius: 20px;}} .hero .arrow.right {right: 0;border-top-left-radius: 10px;border-bottom-left-radius: 10px;margin-right: -1px;} @media screen and (min-width:1024px) {.hero .arrow.right {border-top-left-radius: 20px;border-bottom-left-radius: 20px;}} .hero .arrows__data-prev:before {content: "";display: inline-block;width: 21px;height: 17px;vertical-align: middle;background-image: url("img/arrow-slider.svg");background-size: 21px 17px;background-repeat: no-repeat;} .hero .arrows__data-next:after {content: "";display: inline-block;width: 21px;height: 17px;vertical-align: middle;background-image: url("img/arrow-slider.svg");background-size: 21px 17px;background-repeat: no-repeat;transform: rotate(-180deg);} .hero .bg {position: absolute;bottom: 0;width: 100%;z-index: 2;margin-bottom: -2px;margin-left: -1px;margin-right: -2px;} .infobox {grid-column: 1/-1;padding: 36px;display: flex;justify-content: space-between;align-items: center;gap: 32px;background: color(display-p3 .9686 .9882 .9059);border: 2px solid color(display-p3 .9451 .9804 .8353);border-radius: 20px;align-items: stretch;} .infobox>div {flex: 1;} .infobox .infobox-left h2 {font-size: calc(24px + 6 * ( 100vw - 520px ) / 880);} @media screen and (max-width:520px) {.infobox .infobox-left h2 {font-size: 24px;}} @media screen and (min-width:1400px) {.infobox .infobox-left h2 {font-size: 30px;}} .angebote .angebot .infobox .infobox-left .preis, .infobox .infobox-left .angebote .angebot .preis, .infobox .infobox-left h3 {font-size: calc(18px + 6 * ( 100vw - 520px ) / 880);} @media screen and (max-width:520px) {.angebote .angebot .infobox .infobox-left .preis, .infobox .infobox-left .angebote .angebot .preis, .infobox .infobox-left h3 {font-size: 18px;}} @media screen and (min-width:1400px) {.angebote .angebot .infobox .infobox-left .preis, .infobox .infobox-left .angebote .angebot .preis, .infobox .infobox-left h3 {font-size: 24px;}} .angebote .angebot .infobox .infobox-left .preis, .infobox .infobox-left .angebote .angebot .preis, .infobox .infobox-left h3 {margin-top: 10px;} .infobox .infobox-left .accordeon {margin-top: 20px !important;} .infobox .infobox-left .accordeon .item {background: transparent;border: none;margin-bottom: 6px !important;} .infobox .infobox-left .accordeon .item:first-of-type .accordeon-content {display: block;} .infobox .infobox-left .accordeon .item .accordeon-title {padding: 10px 0 !important;} .infobox .infobox-left .accordeon .item .accordeon-title>div {display: flex;align-items: center;gap: 10px !important;} .infobox .infobox-left .accordeon .item .accordeon-title:after {content: unset;} .infobox .infobox-left .accordeon .item .accordeon-title.is-opened {background: transparent;} .infobox .infobox-left .accordeon .item .accordeon-title__title {font-size: calc(13px + 1 * ( 100vw - 520px ) / 880);} @media screen and (max-width:520px) {.infobox .infobox-left .accordeon .item .accordeon-title__title {font-size: 13px;}} @media screen and (min-width:1400px) {.infobox .infobox-left .accordeon .item .accordeon-title__title {font-size: 14px;}} .infobox .infobox-left .accordeon .item .accordeon-title__headline {font-family: "Lexend Deca Light";display: none;font-size: 15px;} @media screen and (min-width:768px) {.infobox .infobox-left .accordeon .item .accordeon-title__headline {display: inline-block;font-size: 16px;}} .infobox .infobox-left .accordeon .item .accordeon-title>div {padding-right: 20px;} .infobox .infobox-left .accordeon .item .accordeon-content {background: transparent;border: none;padding: 5px 0;font-size: 14px;} @media screen and (max-width:768px) {.infobox .infobox-left .accordeon .item .accordeon-content {font-size: 13px;}} .infobox .infobox-left .button {margin-top: 20px;} .infobox .infobox-right {display: flex;flex-direction: column;justify-content: stretch;} .infobox .infobox-right .image {position: relative;} .infobox .infobox-right .image img {width: 100%;} .infobox .infobox-right .image .label {width: max-content;max-width: 90%;position: absolute;bottom: 0;left: 50%;translate: -50% 50%;} .infobox .infobox-right .date {padding: 20px 0;flex: auto;display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 20px;} .infobox .infobox-right .date .countdown {display: flex;justify-content: center;gap: 10px;} .infobox .infobox-right .date .countdown.hidden {display: none;} .infobox .infobox-right .date .countdown .countdown-item {min-width: 70px;display: flex;flex-direction: column;align-items: center;gap: 10px;} .infobox .infobox-right .date .countdown .countdown-value {font-size: 24px;font-weight: 600;} .infobox .infobox-right .date .countdown .countdown-label {font-size: calc(13px + 1 * ( 100vw - 520px ) / 880);font-weight: 600;color: #9c0;} @media screen and (max-width:520px) {.infobox .infobox-right .date .countdown .countdown-label {font-size: 13px;}} @media screen and (min-width:1400px) {.infobox .infobox-right .date .countdown .countdown-label {font-size: 14px;}} @media (max-width:768px) {.infobox {padding: 16px;flex-direction: column;gap: 0;} .infobox .infobox-left .accordeon {margin: 10px 0 20px !important;} .infobox .infobox-left .button {display: block;margin: auto;} .infobox .infobox-right {flex-direction: column-reverse;} .infobox .infobox-right .date {gap: 4px;} .infobox .infobox-right .date .countdown .countdown-item {min-width: unset;}} .ratgeber-wrapper {position: relative;overflow: hidden;} .ratgeber-wrapper .ratgeber__slider {position: relative;} @media (max-width:768px) {.ratgeber-wrapper .ratgeber__slider {margin: 0px -15px;}} .ratgeber-wrapper .ratgeber__slider .slick-list {overflow: visible;} .ratgeber-wrapper .ratgeber__slider .slick-track {display: flex !important;} .ratgeber-wrapper .ratgeber__slider .slick-slide {height: inherit !important;} .ratgeber-wrapper .ratgeber__slider .blogarticle {margin: 0 30px;position: relative;transition: all .5s;outline: none !important;transform: scale(.89);transform-origin: center;} @media (max-width:768px) {.ratgeber-wrapper .ratgeber__slider .blogarticle {margin: 0 15px;}} .ratgeber-wrapper .ratgeber__slider .blogarticle .blogarticle__content, .ratgeber-wrapper .ratgeber__slider .blogarticle .blogarticle__image {opacity: .5;transition: all .5s;} .ratgeber-wrapper .ratgeber__slider .blogarticle.slick-active {transform: scale(1);} .ratgeber-wrapper .ratgeber__slider .blogarticle.slick-active .blogarticle__content, .ratgeber-wrapper .ratgeber__slider .blogarticle.slick-active .blogarticle__image {opacity: 1;} .ratgeber-wrapper .ratgeber__slider .slick-dots {display: flex;justify-content: center;align-items: center;margin: 0 auto;padding: 50px 0;} @media (max-width:768px) {.ratgeber-wrapper .ratgeber__slider .slick-dots {padding: 20px 0;}} .ratgeber-wrapper .ratgeber__slider .slick-dots .slick-prev {background: none;border: 0;outline: 0;display: block;} .ratgeber-wrapper .ratgeber__slider .slick-dots .slick-prev:before {content: "";display: inline-block;width: 21px;height: 17px;margin-right: 10px;vertical-align: middle;background-image: url("img/arrow-white.svg");background-size: 21px 17px;background-repeat: no-repeat;transform: rotate(-180deg);} .ratgeber-wrapper .ratgeber__slider .slick-dots .slick-next {background: none;border: 0;outline: 0;display: block;} .ratgeber-wrapper .ratgeber__slider .slick-dots .slick-next:after {content: "";display: inline-block;width: 21px;height: 17px;margin-left: 10px;vertical-align: middle;background-image: url("img/arrow-white.svg");background-size: 21px 17px;background-repeat: no-repeat;} .ratgeber-wrapper .ratgeber__slider .slick-dots li {height: 19px;width: 19px;border: 3.5px solid #fff;border-radius: 50%;background-color: #014482;display: block;margin: 0 7.5px;} .ratgeber-wrapper .ratgeber__slider .slick-dots li:last-child {margin-right: 0;} .ratgeber-wrapper .ratgeber__slider .slick-dots li.slick-active {background: #9c0;border: 0;} .ratgeber-wrapper .ratgeber__slider .slick-dots li button {display: none;} .ratgeber-wrapper .bg {position: absolute;height: 100%;height: 50%;width: 100%;background: #014482;display: block;bottom: 0;} .ratgeber-wrapper .bg .top {position: absolute;top: -60px;min-height: 70px;width: 100vw;left: 50%;right: 50%;margin-left: -50vw;margin-right: -50vw;} .ratgeber-wrapper .bg .bottom {position: absolute;bottom: -55px;min-height: 70px;width: 100vw;left: 50%;right: 50%;margin-left: -50vw;margin-right: -50vw;} .ratgeber-wrapper .ratgeber__intro {text-align: center;margin-bottom: 60px;} .bg-image-ratgeber {margin-bottom: -5px;} .leistungsbereiche__slider__nav {position: relative;margin-bottom: 50px;} .leistungsbereiche__slider__nav .slider {display: flex;flex-direction: column-reverse;} .leistungsbereiche__slider__nav .slick-dots {display: flex;flex-direction: row;justify-content: space-between;margin: 0;padding: 0;height: 100%;list-style-type: none;margin-bottom: 50px;} @media screen and (min-width:1024px) {.leistungsbereiche__slider__nav .slick-dots {max-height: 318px;}} @media screen and (max-width:1024px) {.leistungsbereiche__slider__nav .slick-dots {flex-direction: column;justify-content: flex-start;gap: 40px;}} .leistungsbereiche__slider__nav .slick-dots li .sliderItem {position: relative;display: flex;flex-direction: column;justify-content: space-between;align-items: center;} .leistungsbereiche__slider__nav .slick-dots li .sliderItem:hover {cursor: pointer;} @media screen and (max-width:1024px) {.leistungsbereiche__slider__nav .slick-dots li .sliderItem {flex-direction: row;justify-content: flex-start;height: 85px;padding: 15px 20px;}} .leistungsbereiche__slider__nav .slick-dots li .circle {height: 20px;width: 20px;background-color: #fff;display: block;border-radius: 50%;border: 3.5px solid #404040;margin-top: 50px;margin-bottom: 15px;} @media screen and (max-width:1024px) {.leistungsbereiche__slider__nav .slick-dots li .circle {display: none;}} @media screen and (min-width:1024px) {.leistungsbereiche__slider__nav .slick-dots li img {height: 150px;}} @media screen and (max-width:1024px) {.leistungsbereiche__slider__nav .slick-dots li img {width: 95px;height: 55px;margin-right: 40px;}} .leistungsbereiche__slider__nav .slick-dots li .title {display: flex;flex-direction: column;align-items: center;font-size: calc(16px + 4 * ( 100vw - 520px ) / 880);font-family: "Lexend Deca Medium";font-weight: bold;padding-top: 0;} @media screen and (max-width:520px) {.leistungsbereiche__slider__nav .slick-dots li .title {font-size: 16px;}} @media screen and (min-width:1400px) {.leistungsbereiche__slider__nav .slick-dots li .title {font-size: 20px;}} .leistungsbereiche__slider__nav .slick-dots li.slick-active .sliderItem .overlay {display: none;position: absolute;top: 0;left: 0;width: 100%;} @media screen and (max-width:1024px) {.leistungsbereiche__slider__nav .slick-dots li.slick-active .sliderItem .overlay {display: block;height: 100%;width: 100%;background: #bfe844;opacity: .2;border-radius: 20px;z-index: -5;}} .leistungsbereiche__slider__nav .slick-dots li.slick-active .sliderItem .circle {height: 20px;width: 20px;background-color: #9c0;display: block;border-radius: 50%;border: 3.5px solid #9c0;} @media screen and (max-width:1024px) {.leistungsbereiche__slider__nav .slick-dots li.slick-active .sliderItem .circle {display: none;}} .leistungsbereiche__slider__nav .slick-dots li.slick-active .sliderItem .title {color: #9c0;z-index: 2;} .leistungsbereiche__intro {display: flex !important;justify-content: center;align-items: center;flex-direction: column;margin-bottom: 50px;text-align: center;} .leistungsbereiche .buttons {width: 100%;display: flex;justify-content: center;align-items: center;} .leistungsbereiche .leistung__bottom {display: flex !important;justify-content: center;align-items: center;flex-direction: column;margin: 0 30px;} @media screen and (min-width:768px) {.leistungsbereiche .leistung__bottom {margin: 0 50px;}} @media screen and (min-width:1024px) {.leistungsbereiche .leistung__bottom {margin: 0 100px;}} .leistungsbereiche .leistung__bottom p {font-family: "Lexend Deca Light";text-align: center;} .leistungsbereiche__slider__preview {display: none;} .locations .wrapper {justify-content: space-between;gap: 30px;align-items: stretch;} @media screen and (min-width:768px) and (max-width:1024px) {.locations .wrapper {flex-wrap: wrap;}} @media screen and (max-width:768px) {.locations .wrapper {flex-direction: column;}} .locations .location {border-radius: 25px;background-color: #f2f2f2;padding: 35px 30px;flex: 1 0 33%;} .locations .location.contact {background-color: #9c0;} .angebote .angebot .locations .location.contact .preis, .locations .location.contact .angebote .angebot .preis, .locations .location.contact h3 {padding-top: 0;} .locations .location.contact * {color: #fff;} .locations .location .adress {font-family: "Lexend Deca Light";font-size: 16px;padding-top: 10px;padding-bottom: 35px;} .locations .location .adress>p {padding-top: 0;} .slider-images {position: relative;} .slider-images .absolute {position: absolute;width: 100%;height: 100%;left: 50%;transform: translateX(-50%);z-index: 2;} @media screen and (max-width:768px) {.slider-images .arrows {top: calc(50% - 70px);height: auto;}} .slider-images .arrow {position: absolute;bottom: 50px;background: #014482;width: 50px;height: 50px;display: block;display: flex;justify-content: center;align-items: center;cursor: pointer;z-index: 10;top: 50%;transform: translateY(-50%);} @media screen and (max-width:768px) {.slider-images .arrow {top: calc(50% + 70px);transform: translateY(-50%);}} @media screen and (min-width:768px) {.slider-images .arrow {width: 80px;height: 80px;}} .slider-images .arrow.left {border-top-right-radius: 10px;border-bottom-right-radius: 10px;margin-left: -1px;left: 0;} .slider-images .arrow.left:before {content: "";display: inline-block;width: 21px;height: 17px;vertical-align: middle;background-image: url("img/arrow-white.svg");background-size: 21px 17px;background-repeat: no-repeat;transform: rotate(180deg);} @media screen and (min-width:1024px) {.slider-images .arrow.left {border-top-right-radius: 20px;border-bottom-right-radius: 20px;}} @media screen and (max-width:768px) {.slider-images .arrow.left {left: 15px;}} .slider-images .arrow.right {right: 0;border-top-left-radius: 10px;border-bottom-left-radius: 10px;margin-right: -1px;} .slider-images .arrow.right:after {content: "";display: inline-block;width: 21px;height: 17px;vertical-align: middle;background-image: url("img/arrow-white.svg");background-size: 21px 17px;background-repeat: no-repeat;} @media screen and (min-width:1024px) {.slider-images .arrow.right {border-top-left-radius: 20px;border-bottom-left-radius: 20px;}} @media screen and (max-width:768px) {.slider-images .arrow.right {right: 15px;}} @media (max-width:768px) {.slider-images {margin: 0px -15px;}} .slider-images .overlays div {width: 554px;height: 100%;} @media screen and (max-width:1024px) {.slider-images .overlays div {display: none;}} @media screen and (min-width:1024px) {.slider-images .overlays div {width: 224px;}} @media screen and (min-width:1400px) {.slider-images .overlays div {width: 554px;}} .slider-images .overlays .left {left: 0;position: absolute;background: #fff;background: linear-gradient(to right,#fff 0%,rgba(255,255,255,0) 100%);} .slider-images .overlays .right {right: 0;position: absolute;background: #fff;background: linear-gradient(93deg,rgba(255,255,255,0) 0%,#fff 100%);} .slider-images .slick-track {display: flex;justify-content: center;align-items: center;padding: 70px 0;} .slider-images .slick-track .slick-slide {margin: 0 15px;display: flex;align-items: center;transition: .25s all;} @media (min-width:768px) {.slider-images .slick-track .slick-slide {height: 500px;width: 750px;}} @media (max-width:768px) {.slider-images .slick-track .slick-slide {width: auto;height: 244px;width: 310px;display: block;}} .slider-images .slick-track .slick-slide .figure {height: 100%;text-align: center;transition: .5s all;} @media (min-width:768px) {.slider-images .slick-track .slick-slide .figure {width: 240px;height: 300px;}} .slider-images .slick-track .slick-slide .figure img {width: 100%;height: 100%;object-fit: cover;border-radius: 25px;} .slider-images .slick-track .slick-slide .figure figcaption {padding-top: 25px;color: #9c0;} @media (min-width:768px) {.slider-images .slick-track .slick-slide.slick-current .figure {height: 500px;width: 750px;} .slider-images .slick-track .slick-slide.slick-current .figure {padding-bottom: 0;} .slider-images .slick-track .slick-slide.slick-current .figure img {border-radius: 25px;height: 100%;width: 100%;} .slider-images .slick-track .slick-slide.slick-current .figure figcaption {visibility: visible;} .slider-images .slick-track .slick-slide.nextnextdiv {transform: translateX(-509px);} .slider-images .slick-track .slick-slide.prevdiv {padding-left: 510px;} .slider-images .slick-track .slick-slide.prevprevdiv {padding-left: 510px;transform: translateX(509px);}} .vidEl {position: relative;width: 100%;overflow: hidden;border-radius: 15px;} .vidEl:after, .vidEl:before {content: "";display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .vidEl:after {background: #07226a;background: linear-gradient(148deg,#07226a 0%,rgba(1,68,130,.567945) 13%,rgba(255,255,255,0) 100%);} .vidEl:before {background-image: url("data:image/svg+xml,%3C%3Fxml version=\'1.0\' encoding=\'UTF-8\'%3F%3E%3Csvg id=\'a\' data-name=\'Ebene 1\' xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 454.44 454.44\'%3E%3Cdefs%3E%3Cstyle%3E .b %7B fill: %23fff; opacity: .8; %7D .b, .c %7B stroke-width: 0px; %7D .c %7B fill: %230e4580; %7D %3C/style%3E%3C/defs%3E%3Ccircle class=\'b\' cx=\'227.22\' cy=\'227.22\' r=\'227.22\'/%3E%3Cpath class=\'c\' d=\'M307.67,209.38l-140.29-80.99c-13.74-7.93-30.91,1.98-30.91,17.85v161.99c0,15.86,17.17,25.78,30.91,17.85l140.29-80.99c13.74-7.93,13.74-27.76,0-35.69Z\'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: center;background-size: 80px 80px;} .vidEl video {display: block;width: 100%;height: 100%;} .vidEl .pause {transform: translateX(-15px);opacity: 0;cursor: pointer;z-index: 1;position: absolute;left: 0;bottom: 0;background-color: #014482;border-radius: 0 14px 0 0;padding: 10px 12px;display: flex;gap: 10px;} @media (min-width:1024px) {.vidEl .pause {padding: 18px 20px;}} .vidEl .pause img {width: 15px;height: auto;align-items: center;} .vidEl .pause p {display: none;padding: 0;color: #fff;} @media (min-width:1024px) {.vidEl .pause p {display: block;}} .vidEl .pause, .vidEl:after, .vidEl:before {transition: all 250ms ease-in-out;} .vidEl.run .pause {opacity: 1;transform: translateX(0);} .vidEl.run:after, .vidEl.run:before {opacity: 0;} .vidEl.run:before {transform: translateY(15px);} .mockup {max-width: 100%;height: auto;object-fit: cover;position: relative;width: 100%;} @media (min-width:768px) {.mockup {width: 390px;}} .mockup .overlay {width: 100%;z-index: 2;position: relative;} .mockup .video {display: grid;place-items: center;border-radius: 10%;background: black;position: absolute;top: 2%;left: 2%;right: 2%;bottom: 2%;z-index: 1;overflow: hidden;border-radius: 30px;} @media (min-width:520px) {.mockup .video {border-radius: 40px;}} .mockup .video video {aspect-ratio: 3/10;object-fit: cover;width: 100%;max-width: 100%;max-height: 100%;position: absolute;} .mockup.--direction-quer {width: 795px;} .mockup .unmute {position: absolute;bottom: 30px;width: 100%;z-index: 5;display: flex;justify-content: center;} .mockup .unmute p {cursor: pointer;width: fit-content;border-radius: 6px;padding: 6px 16px;background-color: #014482;color: #fff;} .mockup .unmute p:hover {background-color: #014d95;} .angebote {display: grid;grid-template-columns: repeat(2,1fr);gap: 20px;} .angebote .angebot {padding: 36px 30px;display: flex;flex-direction: column;align-items: center;background: var(--Tailwind-Stone-50,color(display-p3 .9804 .9804 .9765));border: 2px solid var(--Tailwind-Stone-100,color(display-p3 .9608 .9608 .9569));border-radius: var(--radius-large,20px);text-align: center;} .angebote .angebot .titel {padding: 0;font-size: calc(20px + 4 * ( 100vw - 520px ) / 880);} @media screen and (max-width:520px) {.angebote .angebot .titel {font-size: 20px;}} @media screen and (min-width:1400px) {.angebote .angebot .titel {font-size: 24px;}} .angebote .angebot .produkte {align-self: stretch;margin: 40px 0 0;padding: 0;list-style: none;display: flex;justify-content: center;gap: 6px;} .angebote .angebot .produkte li {width: calc(( 100% - 12px ) / 3);} .angebote .angebot .produkte li .bild {display: grid;place-items: center;aspect-ratio: 3/4;border-radius: var(--Corners-rounded-medium,8px);position: relative;} .angebote .angebot .produkte li .bild img {width: 130px;max-width: 70%;} .angebote .angebot .produkte li .bild:after {content: "";display: block;width: 24px;aspect-ratio: 1/1;border-radius: 50%;background: var(--Tailwind-White,color(display-p3 1 1 1));background-image: url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'9\' height=\'10\' viewBox=\'0 0 9 10\' fill=\'none\'%3E%3Cpath d=\'M1.1792 5H7.82056\' stroke=\'%23044482\' style=\'stroke:%23044482;stroke:color(display-p3 0.0157 0.2667 0.5098);stroke-opacity:1;\' stroke-width=\'1.5\' stroke-linecap=\'round\'/%3E%3Cpath d=\'M4.5 1.67932V8.32068\' stroke=\'%23044482\' style=\'stroke:%23044482;stroke:color(display-p3 0.0157 0.2667 0.5098);stroke-opacity:1;\' stroke-width=\'1.5\' stroke-linecap=\'round\'/%3E%3C/svg%3E");background-position: center;background-repeat: no-repeat;box-shadow: 0px 1px 20px 0px color(display-p3 0 0 0 / .2);position: absolute;top: 50%;right: -3px;translate: 50% -50%;z-index: 1;} .angebote .angebot .produkte li figcaption {margin-top: 12px;color: var(--Tailwind-Zinc-500,color(display-p3 .4431 .4431 .4784));font-size: calc(10px + 2 * ( 100vw - 520px ) / 880);font-weight: 400;} @media screen and (max-width:520px) {.angebote .angebot .produkte li figcaption {font-size: 10px;}} @media screen and (min-width:1400px) {.angebote .angebot .produkte li figcaption {font-size: 12px;}} .angebote .angebot .produkte li.--hintergrund-blau .bild {background-color: #014482;} .angebote .angebot .produkte li.--hintergrund-gruen .bild {background-color: #9c0;} .angebote .angebot .produkte li:last-child .bild:after {display: none;} .angebote .angebot .preis {font-size: calc(20px + 4 * ( 100vw - 520px ) / 880);padding-top: 30px;} @media screen and (max-width:520px) {.angebote .angebot .preis {font-size: 20px;}} @media screen and (min-width:1400px) {.angebote .angebot .preis {font-size: 24px;}} .angebote .angebot .preis span {color: var(--Tailwind-Neutral-500,color(display-p3 .451 .451 .451));font-size: 14px;font-weight: 600;} .angebote .angebot .button {margin-top: 16px;width: auto;} .angebote .kontakt {grid-column: 1/-1;padding: 36px;display: flex;justify-content: space-between;align-items: center;background: color(display-p3 .9686 .9882 .9059);border: 2px solid color(display-p3 .9451 .9804 .8353);border-radius: 20px;} .angebote .angebot .kontakt .text .beschreibung, .angebote .kontakt .text .angebot .beschreibung, .angebote .kontakt .text h5 {padding: 0;} .angebote .angebot .kontakt .text .preis, .angebote .kontakt .text .angebot .preis, .angebote .kontakt .text h3 {padding-top: 5px;} .angebote .kontakt .data {display: flex;flex-direction: column;gap: 5px;} @media only screen and (max-width:768px) {.angebote {grid-template-columns: 1fr;gap: 10px;} .angebote .angebot {padding: 24px 20px;} .angebote .angebot .produkte {margin-top: 24px;} .angebote .angebot .produkte li figcaption {margin-top: 8px;} .angebote .angebot .preis {padding-top: 20px;} .angebote .kontakt {padding: 24px 20px;flex-direction: column;align-items: start;gap: 16px;}} .pv-calculator {background-color: #014482;position: relative;} .angebote .angebot .pv-calculator .preis, .pv-calculator .angebote .angebot .preis, .pv-calculator h3 {color: #fff;} @media (min-width:1025px) {.angebote .angebot .pv-calculator .preis, .pv-calculator .angebote .angebot .preis, .pv-calculator h3 {hyphens: none;}} .pv-calculator .bg-img {position: absolute;top: 0;left: 0;width: 100%;transform: translateY(-90%);z-index: -5;object-fit: cover;} @media (min-width:1025px) {.pv-calculator .bg-img {min-height: 40px;}} .pv-calculator form {overflow: hidden;padding: 36px 0;} .pv-calculator form .swiper-pagination {transition: all 250ms ease-in-out;position: static;display: flex;box-sizing: border-box;justify-content: center;gap: 10px;} .pv-calculator form .swiper-pagination span {opacity: 1;flex: 1;max-width: 60px;background-color: #fff;height: 8px;border-radius: 4px;} .pv-calculator form .swiper-pagination span.swiper-pagination-bullet-active {background-color: #9c0;} .pv-calculator form .swiper-pagination span:last-of-type {display: none;} .pv-calculator form .swiper {overflow: visible;margin-bottom: 32px;} .pv-calculator form .swiper .swiper-wrapper .swiper-slide {box-sizing: border-box;transition: height 250ms ease-in-out;} .pv-calculator form .swiper .swiper-wrapper .swiper-slide[data-index="0"] .r[data-index="0"] .site {opacity: 0;} .pv-calculator form .swiper .swiper-wrapper .swiper-slide[data-index="1"] .r[data-index="1"] .site {opacity: 0;} .pv-calculator form .swiper .swiper-wrapper .swiper-slide[data-index="2"] .r[data-index="2"] .site {opacity: 0;} .pv-calculator form .swiper .swiper-wrapper .swiper-slide[data-index="3"] .r[data-index="3"] .site {opacity: 0;} .pv-calculator form .swiper .swiper-wrapper .swiper-slide[data-index="4"] .r[data-index="4"] .site {opacity: 0;} .pv-calculator form .swiper .swiper-wrapper .swiper-slide[data-index="5"] .r[data-index="5"] .site {opacity: 0;} .pv-calculator form .swiper .swiper-wrapper .swiper-slide .inner {overflow: visible;} .pv-calculator form .swiper .swiper-wrapper .swiper-slide .inner>div {position: relative;height: fit-content;} .pv-calculator form .swiper .swiper-wrapper .swiper-slide .inner>:first-child:not(.center) {display: flex;flex-direction: row-reverse;align-items: center;justify-content: center;gap: 10px;margin-bottom: 16px;} .pv-calculator form .swiper .swiper-wrapper .swiper-slide .inner>:first-child:not(.center) img {width: 50px;max-height: 420px;max-width: 400px;} @media (min-width:1025px) {.pv-calculator form .swiper .swiper-wrapper .swiper-slide .inner>:first-child:not(.center) img.storage {position: absolute;width: 139px;left: 0;bottom: 0;transform: translateX(-60%);z-index: -1;}} .angebote .angebot .pv-calculator form .swiper .swiper-wrapper .swiper-slide .inner>:first-child:not(.center) .preis, .pv-calculator form .swiper .swiper-wrapper .swiper-slide .inner>:first-child:not(.center) .angebote .angebot .preis, .pv-calculator form .swiper .swiper-wrapper .swiper-slide .inner>:first-child:not(.center) h3 {padding: 0;} @media (min-width:1025px) {.pv-calculator form .swiper .swiper-wrapper .swiper-slide .inner>:first-child:not(.center) {display: block;margin-bottom: 0;} .pv-calculator form .swiper .swiper-wrapper .swiper-slide .inner>:first-child:not(.center) img {width: auto;} .angebote .angebot .pv-calculator form .swiper .swiper-wrapper .swiper-slide .inner>:first-child:not(.center) .preis, .pv-calculator form .swiper .swiper-wrapper .swiper-slide .inner>:first-child:not(.center) .angebote .angebot .preis, .pv-calculator form .swiper .swiper-wrapper .swiper-slide .inner>:first-child:not(.center) h3 {padding: 0 0 8px 0;}} @media (min-width:1025px) {.pv-calculator form .swiper .swiper-wrapper .swiper-slide .inner {display: flex;} .pv-calculator form .swiper .swiper-wrapper .swiper-slide .inner>div {flex: 1;}} .pv-calculator form .swiper .swiper-wrapper .swiper-slide .center>p>span {font-weight: 600;} .pv-calculator form .swiper .swiper-wrapper .swiper-slide .cntrl {display: flex;align-items: center;gap: 20px;} .pv-calculator form .swiper .swiper-wrapper .swiper-slide .cntrl button {all: unset;display: block;border-radius: 4px;font-weight: 400;font-size: 16px;cursor: pointer;} .pv-calculator form .swiper .swiper-wrapper .swiper-slide .cntrl button.nxt {background-color: #9c0;padding: 16px 35px;transition: background-color 250ms ease-in-out;color: #fff;} .pv-calculator form .swiper .swiper-wrapper .swiper-slide .cntrl button.nxt:hover {background-color: #bfe844;} .pv-calculator form .swiper .swiper-wrapper .swiper-slide .cntrl button.prev {box-sizing: border-box;border: 2px solid transparent;transition: border 250ms ease-in-out,background-color 250ms ease-in-out;} .pv-calculator form .swiper .swiper-wrapper .swiper-slide .cntrl button.prev span {transition: none;padding: 16px 35px;border-radius: 2px;display: block;background-color: #fff;} .pv-calculator form .swiper .swiper-wrapper .swiper-slide .data .r {display: flex;align-items: center;border-bottom: 1px solid #80a2c0;justify-content: space-between;opacity: 1;padding: 8px 0;margin: 0;transition: all 500ms ease-in-out;visibility: visible;} .pv-calculator form .swiper .swiper-wrapper .swiper-slide .data .r.pending {opacity: 0;margin-top: -20px;height: 0px;} .pv-calculator form .swiper .swiper-wrapper .swiper-slide .data .r .main {display: flex;gap: 30px;} .pv-calculator form .swiper .swiper-wrapper .swiper-slide .data .r .main p {padding: 0;color: #fff;} .pv-calculator form .swiper .swiper-wrapper .swiper-slide .data .r .main p.typ {width: 160px;text-transform: capitalize;hyphens: auto;padding-right: 8px;position: relative;} .pv-calculator form .swiper .swiper-wrapper .swiper-slide .data .r .main p.typ:after {position: absolute;content: "";width: 1px;height: 60%;background-color: #80a2c0;right: 0;top: 50%;transform: translateY(-50%);} .pv-calculator form .swiper .swiper-wrapper .swiper-slide .data .r .site button {all: unset;color: #9c0;font-family: "Lexend Deca Semibold";text-decoration: underline;font-weight: 400;cursor: pointer;} .pv-calculator form .swiper .swiper-wrapper .swiper-slide .question {font-size: 24px;padding: 0;font-weight: 600;color: #fff;} .pv-calculator form .swiper .swiper-wrapper .swiper-slide .l-t {padding: 0;display: flex;align-items: center;gap: 8px;font-weight: 600;color: #9c0;} .pv-calculator form .swiper .swiper-wrapper .swiper-slide label:not(.clear) {display: block;position: relative;} .pv-calculator form .swiper .swiper-wrapper .swiper-slide label:not(.clear) input, .pv-calculator form .swiper .swiper-wrapper .swiper-slide label:not(.clear) select {overflow: hidden !important;all: unset;box-sizing: border-box;width: 100%;margin-top: 8px;display: block;padding: 16px;border-radius: 0 0 0 8px;color: white;font-size: 600;border-left: 2px solid #9c0;border-bottom: 2px solid #9c0;} .pv-calculator form .swiper .swiper-wrapper .swiper-slide label:not(.clear) select {background-image: url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'12.5\' height=\'6.818\' viewBox=\'0 0 12.5 6.818\'%3E%3Cpath id=\'Down_Arrow_3_\' d=\'M26.25,46.818a.567.567,0,0,1-.4-.166L20.166,40.97a.568.568,0,1,1,.8-.8l5.28,5.28,5.28-5.28a.568.568,0,0,1,.8.8l-5.682,5.682a.567.567,0,0,1-.4.166Z\' transform=\'translate(-20 -40)\' fill=\'%23fff\'/%3E%3C/svg%3E%0A");background-size: 12px 6px;background-repeat: no-repeat;background-position: calc(100% - 8px) center;} .pv-calculator form .swiper .swiper-wrapper .swiper-slide label:not(.clear) .unit {position: absolute;right: 16px;bottom: 16px;font-size: 12px;color: #fff;font-weight: 600;transition: all 250ms ease-in-out;pointer-events: none;} .pv-calculator form .swiper .swiper-wrapper .swiper-slide .info {display: flex;align-items: center;gap: 8px;margin-top: 8px;} .pv-calculator form .swiper .swiper-wrapper .swiper-slide .info span {color: #9c0;} .pv-calculator form .swiper .swiper-wrapper .swiper-slide .info img {width: 16px;aspect-ratio: 1;} .pv-calculator form .swiper .swiper-wrapper .swiper-slide .inf-hov {position: relative;cursor: pointer;width: 16px;height: 16px;} .pv-calculator form .swiper .swiper-wrapper .swiper-slide .inf-hov img {vertical-align: unset;} .pv-calculator form .swiper .swiper-wrapper .swiper-slide .inf-hov .c {position: absolute;visibility: hidden;opacity: 0;transition: all 250ms ease-in-out;width: 300px;transform: translate(-100%,-100%);background-color: #80a2c0;border-radius: 8px 8px 0 8px;padding: 8px;left: -8px;} .pv-calculator form .swiper .swiper-wrapper .swiper-slide .inf-hov .c p {padding: 0;color: black;font-size: 12px;} .pv-calculator form .swiper .swiper-wrapper .swiper-slide .inf-hov:focus .c, .pv-calculator form .swiper .swiper-wrapper .swiper-slide .inf-hov:hover .c {visibility: visible;opacity: 1;} .pv-calculator form .swiper .swiper-wrapper .swiper-slide .pers {display: flex;gap: 20px;} .pv-calculator form .swiper .swiper-wrapper .swiper-slide .pers input {display: none !important;} .pv-calculator form .swiper .swiper-wrapper .swiper-slide .pers img {cursor: pointer;transition: opacity 250ms ease-in-out;width: 26px;height: 30px;opacity: .5;} .pv-calculator form .swiper .swiper-wrapper .swiper-slide .pers img.active {opacity: 1;} .pv-calculator form .swiper .swiper-wrapper .swiper-slide .direction, .pv-calculator form .swiper .swiper-wrapper .swiper-slide .winkel {display: flex;flex-wrap: wrap;gap: 30px;} .pv-calculator form .swiper .swiper-wrapper .swiper-slide .direction.five label, .pv-calculator form .swiper .swiper-wrapper .swiper-slide .winkel.five label {width: calc(33.33% - 22.5563909774px);} @media (min-width:769px) {.pv-calculator form .swiper .swiper-wrapper .swiper-slide .direction.five label, .pv-calculator form .swiper .swiper-wrapper .swiper-slide .winkel.five label {flex: 1;}} .pv-calculator form .swiper .swiper-wrapper .swiper-slide .direction label, .pv-calculator form .swiper .swiper-wrapper .swiper-slide .winkel label {cursor: pointer;} .pv-calculator form .swiper .swiper-wrapper .swiper-slide .direction label img, .pv-calculator form .swiper .swiper-wrapper .swiper-slide .winkel label img {margin-bottom: 16px;opacity: .4;filter: saturate(.1);transition: all 250ms ease-in-out;} .pv-calculator form .swiper .swiper-wrapper .swiper-slide .direction label>div, .pv-calculator form .swiper .swiper-wrapper .swiper-slide .winkel label>div {display: flex;align-items: center;gap: 8px;} .pv-calculator form .swiper .swiper-wrapper .swiper-slide .direction label>div input, .pv-calculator form .swiper .swiper-wrapper .swiper-slide .winkel label>div input {border-radius: 4px;display: block;box-sizing: border-box;appearance: none;background: white;outline: 2px solid #9c0;width: 25px;height: 25px;} .pv-calculator form .swiper .swiper-wrapper .swiper-slide .direction label>div span, .pv-calculator form .swiper .swiper-wrapper .swiper-slide .winkel label>div span {color: #fff;} .pv-calculator form .swiper .swiper-wrapper .swiper-slide .direction label.active img, .pv-calculator form .swiper .swiper-wrapper .swiper-slide .winkel label.active img {opacity: 1;filter: saturate(1);} .pv-calculator form .swiper .swiper-wrapper .swiper-slide .direction label.active>div input, .pv-calculator form .swiper .swiper-wrapper .swiper-slide .winkel label.active>div input {background-color: #bfe844;background-image: url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'13.683\' height=\'13.683\' viewBox=\'0 0 13.683 13.683\'%3E%3Cg id=\'Gruppe_191\' data-name=\'Gruppe 191\' transform=\'translate(1.061 1.061)\'%3E%3Cline id=\'Linie_22\' data-name=\'Linie 22\' x1=\'11.562\' y2=\'11.562\' fill=\'none\' stroke=\'%23fff\' stroke-width=\'3\'/%3E%3Cline id=\'Linie_23\' data-name=\'Linie 23\' x2=\'11.562\' y2=\'11.562\' fill=\'none\' stroke=\'%23fff\' stroke-width=\'3\'/%3E%3C/g%3E%3C/svg%3E%0A");background-size: 12px 12px;background-position: center;background-repeat: no-repeat;} .pv-calculator form .swiper .swiper-wrapper .swiper-slide .center {display: flex;flex-direction: column;align-items: center;} .pv-calculator form .swiper .swiper-wrapper .swiper-slide .center.y .r {min-height: 300px;justify-content: center;} .pv-calculator form .swiper .swiper-wrapper .swiper-slide .center label {width: 100%;} .pv-calculator form .swiper .swiper-wrapper .swiper-slide .center img {width: 100px;} .angebote .angebot .pv-calculator form .swiper .swiper-wrapper .swiper-slide .center .preis, .pv-calculator form .swiper .swiper-wrapper .swiper-slide .center .angebote .angebot .preis, .pv-calculator form .swiper .swiper-wrapper .swiper-slide .center h3, .pv-calculator form .swiper .swiper-wrapper .swiper-slide .center>h2, .pv-calculator form .swiper .swiper-wrapper .swiper-slide .center>p {color: #fff;text-align: center;} .pv-calculator form .swiper .swiper-wrapper .swiper-slide .center .data {width: 100%;} @media (min-width:769px) {.pv-calculator form .swiper .swiper-wrapper .swiper-slide .center .data {display: flex;column-gap: 30px;flex-wrap: wrap;} .pv-calculator form .swiper .swiper-wrapper .swiper-slide .center .data .r {width: calc(50% - 15px);}} .pv-calculator form .swiper .swiper-wrapper .swiper-slide .center .sum {color: #fff;} .pv-calculator form .swiper .swiper-wrapper .swiper-slide .center .sum .storage {color: #9c0;font-size: 30px;} .pv-calculator form .swiper .swiper-wrapper .swiper-slide .center .sum .inf-hov {display: inline-block;margin-left: 4px;} .pv-calculator form .swiper .swiper-wrapper .swiper-slide .datSec {display: flex;gap: 12px;align-items: flex-start;cursor: pointer;} .pv-calculator form .swiper .swiper-wrapper .swiper-slide .datSec input {all: unset;display: block;width: 25px;min-width: 20px;aspect-ratio: 1;border-radius: 5px;background-color: #bfe844;border: 5px solid #9c0;background-position: center;background-size: 12px 12px;background-repeat: no-repeat;} .pv-calculator form .swiper .swiper-wrapper .swiper-slide .datSec input:checked {background-image: url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'13.683\' height=\'13.683\' viewBox=\'0 0 13.683 13.683\'%3E%3Cg id=\'Gruppe_191\' data-name=\'Gruppe 191\' transform=\'translate(1.061 1.061)\'%3E%3Cline id=\'Linie_22\' data-name=\'Linie 22\' x1=\'11.562\' y2=\'11.562\' fill=\'none\' stroke=\'%23fff\' stroke-width=\'3\'/%3E%3Cline id=\'Linie_23\' data-name=\'Linie 23\' x2=\'11.562\' y2=\'11.562\' fill=\'none\' stroke=\'%23fff\' stroke-width=\'3\'/%3E%3C/g%3E%3C/svg%3E%0A");} .pv-calculator form .swiper .swiper-wrapper .swiper-slide .datSec input:after, .pv-calculator form .swiper .swiper-wrapper .swiper-slide .datSec input:before {display: none;} .pv-calculator form .swiper .swiper-wrapper .swiper-slide .datSec span {color: #fff;font-size: 12px;font-weight: 400;} .pv-calculator form .swiper .swiper-wrapper .swiper-slide.last label:not(.clear) input {display: none;} .pv-calculator form .swiper .swiper-wrapper .swiper-slide.last.swiper-slide-active label:not(.clear) input, .pv-calculator form .swiper .swiper-wrapper .swiper-slide.last.swiper-slide-next label:not(.clear) input, .pv-calculator form .swiper .swiper-wrapper .swiper-slide.last.swiper-slide-prev label:not(.clear) input {display: block;} .pv-calculator form .swiper .swiper-wrapper .swiper-slide .send {all: unset;text-align: center;cursor: pointer;box-sizing: border-box;display: flex;justify-content: center;align-items: center;width: 100%;gap: 8px;text-align: center;background-color: #9c0;color: #fff;padding: 16px 32px;transition: background-color 250ms ease-in-out;} .pv-calculator form .swiper .swiper-wrapper .swiper-slide .send:hover {background-color: #bfe844;} .pv-calculator form .swiper .swiper-wrapper .swiper-slide .send .loading {visibility: hidden;opacity: 0;width: 0px;height: 0px;transition: all 250ms ease-in-out;transform: translateX(-50px);} .pv-calculator form .swiper .swiper-wrapper .swiper-slide .send .loading>div {width: 8px;height: 8px;background-color: #fff;border-radius: 100%;display: inline-block;animation-fill-mode: both;animation: loadingBounce1 .8s infinite ease-in-out;} .pv-calculator form .swiper .swiper-wrapper .swiper-slide .send .loading>:first-child {animation: loadingBounce1 1s infinite;} .pv-calculator form .swiper .swiper-wrapper .swiper-slide .send .loading>:last-child {animation: loadingBounce2 1s infinite;} .pv-calculator form .swiper .swiper-wrapper .swiper-slide .send .loading>:last-child:nth-child(2) {animation: loadingBounce3 1s infinite;} .pv-calculator form .swiper .swiper-wrapper .swiper-slide .send.isLoading {animation: loadingBackground 2s infinite;} .pv-calculator form .swiper .swiper-wrapper .swiper-slide .send.isLoading .loading {width: fit-content;height: fit-content;transform: translateX(0);visibility: visible;opacity: 1;} @keyframes loadingBackground {0% {background-color: #9c0;} 50% {background-color: #bfe844;} to {background-color: #9c0;}} @keyframes loadingBounce1 {0%, to {transform: scale(0);} 50% {transform: scale(1);}} @keyframes loadingBounce2 {0%, to {transform: scale(0);} 25% {transform: scale(1);}} @keyframes loadingBounce3 {0%, to {transform: scale(0);} 50% {transform: scale(1);} 75% {transform: scale(0);}} .h1 {font-family: "Lexend Deca Semibold";font-weight: 600;line-height: 1.2;color: #404040;margin: 0;padding: 15px 0px 0px;} .h2 {font-family: "Lexend Deca Semibold";font-weight: 600;line-height: 1.2;color: #404040;margin: 0;padding: 15px 0px 0px;} .h3 {font-family: "Lexend Deca Semibold";font-weight: 600;line-height: 1.2;color: #404040;margin: 0;padding: 15px 0px 0px;} .h4 {font-family: "Lexend Deca Semibold";font-weight: 600;line-height: 1.2;color: #404040;margin: 0;padding: 15px 0px 0px;} .h5 {font-family: "Lexend Deca Semibold";font-weight: 600;line-height: 1.2;color: #404040;margin: 0;padding: 15px 0px 0px;} .h6 {font-family: "Lexend Deca Semibold";font-weight: 600;line-height: 1.2;color: #404040;margin: 0;padding: 15px 0px 0px;} .h1 {font-size: calc(40px + 10 * ( 100vw - 520px ) / 880);} .h2 {font-size: calc(30px + 10 * ( 100vw - 520px ) / 880);} .h3 {font-size: calc(24px + 6 * ( 100vw - 520px ) / 880);} .h4 {font-size: calc(16px + 4 * ( 100vw - 520px ) / 880);} .h5 {font-size: calc(15px + 1 * ( 100vw - 520px ) / 880);color: #9c0;font-weight: 400;} .h6 {font-size: calc(15px + 1 * ( 100vw - 520px ) / 880);color: #9c0;font-weight: 400;} .footer .h3 {font-size: calc(22px + 2 * ( 100vw - 520px ) / 880);padding: 0;} .footer__services .h3 {margin-bottom: 30px;} .footer__about__ratgeber .h3 {margin-bottom: 30px;} .footer__about__information .h3 {margin-bottom: 20px;font-size: 20px;} .teaser-ansprechpartnerin__contact .h3 {padding: 0;} .teaser-ansprechpartnerin__contact .h5 {padding: 0;} .teaser-ansprechpartnerin__contact .h3 {margin-bottom: 30px;} .teaser-ansprechpartnerin__cta .h5 {color: #fff;margin-bottom: 30px;text-align: center;} .teaser-tipps__content .h3 {color: #fff;margin-bottom: 30px;text-align: center;} .banner-blau__content .h2 {color: #fff;} .banner__content .h2 {font-size: calc(24px + 8 * ( 100vw - 520px ) / 880);} .aufzaehlung-mit-icon .h2 {margin-bottom: 50px;text-align: center;} .aufzaehlung-mit-icon .item__meta .h2 {padding: 0;} .infobox .infobox-left .h2 {font-size: calc(24px + 6 * ( 100vw - 520px ) / 880);} .infobox .infobox-left .h3 {font-size: calc(18px + 6 * ( 100vw - 520px ) / 880);} .infobox .infobox-left .h3 {margin-top: 10px;} .locations .location.contact .h3 {padding-top: 0;} .angebote .kontakt .text .h5 {padding: 0;} .angebote .kontakt .text .h3 {padding-top: 5px;} .pv-calculator .h3 {color: #fff;} .pv-calculator form .swiper .swiper-wrapper .swiper-slide .inner>:first-child:not(.center) .h3 {padding: 0;} .pv-calculator form .swiper .swiper-wrapper .swiper-slide .center .h3 {color: #fff;text-align: center;} .pv-calculator form .swiper .swiper-wrapper .swiper-slide .center>.h2 {color: #fff;text-align: center;}