.mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important} /** * Swiper 6.8.4 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2021 Vladimir Kharlampidi * * Released under the MIT License * * Released on: August 23, 2021 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-container-pointer-events{touch-action:pan-y}.swiper-container-pointer-events.swiper-container-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:50%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-container-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden} :root { --fade_duration: 1.5s; --move_duration: 1.5s; --ivp_animation_delay: 0s; } .ivp { overflow: visible; } .einblenden.ivp:not(.above_viewport) { opacity: 0; position: relative; } .einblenden.ivp.iivp { opacity: 1; transition: opacity var(--fade_duration) ease-in-out var(--ivp_animation_delay); } .einblendenVonHinten.ivp:not(.above_viewport) { opacity: 0; transform: scale(.8); position: relative; } .einblendenVonHinten.ivp.iivp { opacity: 1; transform: scale(1); transition: transform var(--move_duration) ease-out var(--ivp_animation_delay), opacity var(--fade_duration) ease-out var(--ivp_animation_delay); } .einblendenVonVorne.ivp:not(.above_viewport) { opacity: 0; transform: scale(1.1); position: relative; } .einblendenVonVorne.ivp.iivp { opacity: 1; transform: scale(1); transition: transform var(--move_duration) ease-out var(--ivp_animation_delay), opacity var(--fade_duration) ease-out var(--ivp_animation_delay); } .einblendenVonRechts.ivp:not(.above_viewport) { opacity: 0; transform: translateX(100px); position: relative; } .einblendenVonRechts.ivp.iivp { opacity: 1; transform: translateX(0); transition: opacity var(--fade_duration) ease-out var(--ivp_animation_delay), transform var(--move_duration) ease-out var(--ivp_animation_delay); } .einblendenVonLinks.ivp:not(.above_viewport) { opacity: 0; transform: translateX(-100px); position: relative; } .einblendenVonLinks.ivp.iivp { opacity: 1; transform: translateX(0); transition: opacity var(--fade_duration) ease-out var(--ivp_animation_delay), transform var(--move_duration) ease-out var(--ivp_animation_delay); } .mod_article:has(.einblendenVonOben) { overflow: hidden; } .einblendenVonOben.ivp:not(.above_viewport) { opacity: 0; transform: translateY(-100px); position: relative; } .einblendenVonOben.ivp.iivp { opacity: 1; transform: translateY(0); transition: opacity var(--fade_duration) ease-out var(--ivp_animation_delay), transform var(--move_duration) ease-out var(--ivp_animation_delay); } .mod_article:has(.einblendenVonUnten) { overflow: hidden; } .einblendenVonUnten.ivp:not(.above_viewport), .einblendenVonUnten.ivp:not(.above_viewport) .formbody > * { opacity: 0; transform: translateY(100px); position: relative; } .einblendenVonUnten.ivp.iivp, .einblendenVonUnten.ivp.iivp .formbody > * { opacity: 1; transform: translateY(0); transition: opacity var(--fade_duration) ease-out var(--ivp_animation_delay), transform var(--move_duration) ease-out var(--ivp_animation_delay); } .mod_article .content-text.einblendenVonBeidenSeiten.ivp:not(.above_viewport) { .rte, & > figure img { position: relative; } &.media--right { .rte { opacity: 0; transform: translateX(-100px); } & > figure img {opacity: 0; transform: translateX(100px); } } &.media--left { .rte { opacity: 0; transform: translateX(100px); } & > figure img {opacity: 0; transform: translateX(-100px); } } } .mod_article .content-text.einblendenVonBeidenSeiten.ivp.iivp { .rte, & > figure img { transition: opacity var(--fade_duration) ease-out var(--ivp_animation_delay), transform var(--move_duration) ease-out var(--ivp_animation_delay); } &.media--right { .rte { opacity: 1; transform: translateX(0); } & > figure img {opacity: 1; transform: translateX(0); } } &.media--left { .rte { opacity: 1; transform: translateX(0); } & > figure img {opacity: 1; transform: translateX(0); } } } .mod_article .content-text.einblendenVonBeidenSeiten.nacheinanderEinblenden.ivp.iivp { &.media--right { .rte { transition: opacity var(--fade_duration) ease-out var(--ivp_animation_delay), transform var(--move_duration) ease-out var(--ivp_animation_delay); } & > figure img {transition: opacity var(--fade_duration) ease-out var(--ivp_animation_delay, .5s), transform var(--move_duration) ease-out var(--ivp_animation_delay, .5s); } } &.media--left { .rte { transition: opacity var(--fade_duration) ease-out var(--ivp_animation_delay, .5s), transform var(--move_duration) ease-out var(--ivp_animation_delay, .5s); } & > figure img {transition: opacity var(--fade_duration) ease-out var(--ivp_animation_delay), transform var(--move_duration) ease-out var(--ivp_animation_delay); } } } .mod_article .media--second_image.BilderEinblenden.ivp:not(.above_viewport) { overflow: visible; figure > figure:not(.second_image), figure > figure.second_image { position: relative; } figure > figure:not(.second_image) { opacity: 0; transform: translateX(-100px); } figure > figure.second_image { opacity: 0; transform: translateX(100px); } } .mod_article .content-text.BilderEinblenden.ivp.iivp { figure > figure:not(.second_image), figure > figure.second_image { transition: opacity var(--fade_duration) ease-out var(--ivp_animation_delay), transform var(--move_duration) ease-out var(--ivp_animation_delay); } figure > figure:not(.second_image) { opacity: 1; transform: translateX(0); } figure > figure.second_image { opacity: 1; transform: translateX(0); } } .mod_article .media--second_image.BilderEinblendenVonUnten.ivp:not(.above_viewport) { overflow: visible; figure > figure:not(.second_image), figure > figure.second_image { position: relative; } figure > figure:not(.second_image) { opacity: 0; transform: translateY(100px); } figure > figure.second_image { opacity: 0; transform: translateY(100px); } } .mod_article .content-text.BilderEinblendenVonUnten.ivp.iivp { figure > figure:not(.second_image), figure > figure.second_image { transition: opacity var(--fade_duration) ease-out var(--ivp_animation_delay), transform var(--move_duration) ease-out var(--ivp_animation_delay); } figure > figure.second_image { transition: opacity var(--fade_duration) ease-out .5s, transform var(--move_duration) ease-out .5s; } figure > figure:not(.second_image) { opacity: 1; transform: translateY(0); } figure > figure.second_image { opacity: 1; transform: translateY(0); } } .einblendenVonUnten.ivp.iivp .formbody > * { &:nth-child(1) { transition-delay: 0s; } &:nth-child(2) { transition-delay: .2s; } &:nth-child(3) { transition-delay: .4s; } &:nth-child(4) { transition-delay: .6s; } &:nth-child(5) { transition-delay: .8s; } &:nth-child(6) { transition-delay: 1s; } &:nth-child(7) { transition-delay: 1.2s; } &:nth-child(8) { transition-delay: 1.4s; } &:nth-child(9) { transition-delay: 1.6s; } &:nth-child(10) { transition-delay: 1.8s; } &:nth-child(11) { transition-delay: 2s; } &:nth-child(12) { transition-delay: 2.2s; } } .AnimationVerzögert.ivp.iivp, .verzögert.ivp.iivp, .AnimationVerzögert025.ivp.iivp, .verzögert025.ivp.iivp { transition-delay: .25s; } .AnimationVerzögert05.ivp.iivp, .verzögert05.ivp.iivp { transition-delay: .5s; } .AnimationVerzögert1.ivp.iivp, .verzögert1.ivp.iivp { transition-delay: 1s; } .AnimationVerzögert15.ivp.iivp, .verzögert15.ivp.iivp { transition-delay: 1.5s; } .AnimationVerzögert2.ivp.iivp, .verzögert2.ivp.iivp { transition-delay: 2s; } .AnimationVerzögert25.ivp.iivp, .verzögert25.ivp.iivp { transition-delay: 2.5s; } .Animationsdauer.ivp.iivp, .Animationsdauer025.ivp.iivp, .Dauer025.ivp.iivp { transition-duration: .25s; } .Animationsdauer05.ivp.iivp, .Dauer05.ivp.iivp { transition-duration: .5s; } .Animationsdauer1.ivp.iivp, .Dauer1.ivp.iivp { transition-duration: 1s; } .Animationsdauer15.ivp.iivp, .Dauer15.ivp.iivp { transition-duration: 1.5s; } .Animationsdauer2.ivp.iivp, .Dauer2.ivp.iivp { transition-duration: 2s; } .Animationsdauer25.ivp.iivp, .Dauer25.ivp.iivp { transition-duration: 2.5s; } #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center} @charset "UTF-8"; /* ========================================================================== HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined in IE 8/9. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } /** * Correct `inline-block` display not defined in IE 8/9. */ audio, canvas, video { display: inline-block; } /* fira-sans-condensed-600 - latin */ @font-face { font-family: "Fira Sans Condensed"; font-style: normal; font-weight: 600; font-display: swap; src: url("../../files/theme/fonts/fira-sans-condensed-v4-latin-600.eot"); /* IE9 Compat Modes */ src: local(""), url("../../files/theme/fonts/fira-sans-condensed-v4-latin-600.eot?#iefix") format("embedded-opentype"), url("../../files/theme/fonts/fira-sans-condensed-v4-latin-600.woff2") format("woff2"), url("../../files/theme/fonts/fira-sans-condensed-v4-latin-600.woff") format("woff"), url("../../files/theme/fonts/fira-sans-condensed-v4-latin-600.ttf") format("truetype"), url("../../files/theme/fonts/fira-sans-condensed-v4-latin-600.svg#FiraSansCondensed") format("svg"); /* Legacy iOS */ } /* fira-sans-regular - latin */ @font-face { font-family: "Fira Sans"; font-style: normal; font-weight: 400; font-display: swap; src: url("../../files/theme/fonts/fira-sans-v10-latin-regular.eot"); /* IE9 Compat Modes */ src: local(""), url("../../files/theme/fonts/fira-sans-v10-latin-regular.eot?#iefix") format("embedded-opentype"), url("../../files/theme/fonts/fira-sans-v10-latin-regular.woff2") format("woff2"), url("../../files/theme/fonts/fira-sans-v10-latin-regular.woff") format("woff"), url("../../files/theme/fonts/fira-sans-v10-latin-regular.ttf") format("truetype"), url("../../files/theme/fonts/fira-sans-v10-latin-regular.svg#FiraSans") format("svg"); /* Legacy iOS */ } /* fira-sans-italic - latin */ @font-face { font-family: "Fira Sans"; font-style: italic; font-weight: 400; font-display: swap; src: url("../../files/theme/fonts/fira-sans-v10-latin-italic.eot"); /* IE9 Compat Modes */ src: local(""), url("../../files/theme/fonts/fira-sans-v10-latin-italic.eot?#iefix") format("embedded-opentype"), url("../../files/theme/fonts/fira-sans-v10-latin-italic.woff2") format("woff2"), url("../../files/theme/fonts/fira-sans-v10-latin-italic.woff") format("woff"), url("../../files/theme/fonts/fira-sans-v10-latin-italic.ttf") format("truetype"), url("../../files/theme/fonts/fira-sans-v10-latin-italic.svg#FiraSans") format("svg"); /* Legacy iOS */ } /* fira-sans-600 - latin */ @font-face { font-family: "Fira Sans"; font-style: normal; font-weight: 600; font-display: swap; src: url("../../files/theme/fonts/fira-sans-v10-latin-600.eot"); /* IE9 Compat Modes */ src: local(""), url("../../files/theme/fonts/fira-sans-v10-latin-600.eot?#iefix") format("embedded-opentype"), url("../../files/theme/fonts/fira-sans-v10-latin-600.woff2") format("woff2"), url("../../files/theme/fonts/fira-sans-v10-latin-600.woff") format("woff"), url("../../files/theme/fonts/fira-sans-v10-latin-600.ttf") format("truetype"), url("../../files/theme/fonts/fira-sans-v10-latin-600.svg#FiraSans") format("svg"); /* Legacy iOS */ } .clearfix:after { content: ""; display: table; clear: both; } .hidden { display: none !important; visibility: hidden; } .invisible, .ce_form .widget-radio .radio_container > span input, .ce_form .widget-checkbox .checkbox_container > span input { border: 0 none; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .invisibleAccessible, .sr-only { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); padding: 0 !important; border: 0 !important; height: 1px !important; width: 1px !important; overflow: hidden !important; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /*Make Contao Elements visble at all*/ .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { -webkit-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type=checkbox], [type=radio] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type=search] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type=search]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /* ========================================================================== Typography ========================================================================== */ /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari 5, and Chrome. */ /** * Address styling not present in Safari 5 and Chrome. */ dfn { font-style: italic; } /** * Address differences between Firefox and other browsers. */ /** * Correct font family set oddly in Safari 5 and Chrome. */ code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } /** * Improve readability of pre-formatted text in all browsers. */ pre { white-space: pre-wrap; } /** * Set consistent quote types. */ q { quotes: "“" "”" "‘" "’"; } /** * Correct overflow displayed oddly in IE 9. */ svg:not(:root) { overflow: hidden; } /* ========================================================================== Figures ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari 5. */ figure { margin: 0; } /* ========================================================================== Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } /****************************************************************** CUSTOMIZED RESET VALUES I added these extra styles as a more personalized reset. Feel free to remove them if you like or add your own. If you want to update the normalize styles, make sure to edit from this point up. ******************************************************************/ b, strong, .strong { font-weight: bold; } em, .em { font-style: italic; } small { font-size: 75%; } dd { margin: 0; } html { font-size: 100%; font-family: "Fira Sans", "Arial", "Droid sans", "Helvetica Neue", Helvetica, sans-serif; } @media screen and (min-width: 48em) { html { font-size: 112.5%; } } @media screen and (min-width: 75em) { html { font-size: 125%; } } html, body { font-family: "Fira Sans", "Arial", "Droid sans", "Helvetica Neue", Helvetica, sans-serif; font-weight: 400; line-height: 1.5; color: #000000; overflow-x: hidden; } @media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } } ::-moz-selection { background: #ABA8A0; color: #fff; text-shadow: none; } ::-moz-selection, ::selection { background: #ABA8A0; color: #fff; text-shadow: none; } html { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } *, *:before, *:after { -webkit-box-sizing: inherit; box-sizing: inherit; } .top-s { margin-top: 0.5rem !important; } .top-m { margin-top: 1rem !important; } .top-l { margin-top: 2rem !important; } .top-xl { margin-top: 3rem !important; } .bottom-s { margin-bottom: 0.5rem !important; } .bottom-m { margin-bottom: 1rem !important; } .bottom-l { margin-bottom: 2rem !important; } .bottom-xl { margin-bottom: 3rem !important; } .ptop-s { padding-top: 0.5rem !important; } .ptop-m { padding-top: 1rem !important; } .ptop-l { padding-top: 2rem !important; } .ptop-xl { padding-top: 3rem !important; } .pbottom-s { padding-bottom: 0.5rem !important; } .pbottom-m { padding-bottom: 1rem !important; } .pbottom-l { padding-bottom: 2rem !important; } .pbottom-xl { padding-bottom: 3rem !important; } p { font-size: 1rem; color: #000000; margin: 0 0 0.75em 0; } b, strong { font-weight: 600; } h1, h2, h3, h4, h5, h6 { line-height: 1.2; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; color: inherit; } [class^=ce_] h2:first-of-type, [class^=ce_] h3:first-of-type, [class^=ce_] h4:first-of-type, [class^=ce_] h5:first-of-type, [class^=ce_] h6:first-of-type { margin-top: 0; } h1, .hl1 { font-family: "Fira Sans Condensed", "Arial Narrow", "Droid sans", "Helvetica Neue", Helvetica, sans-serif; font-weight: 600; color: #CC7619; margin: 0 0 0.5em 0; font-size: 1.75rem; } @media screen and (min-width: 48em) { h1, .hl1 { font-size: 2rem; } } @media screen and (min-width: 75em) { h1, .hl1 { font-size: 2.4rem; } } h2, .hl2 { font-family: "Fira Sans Condensed", "Arial Narrow", "Droid sans", "Helvetica Neue", Helvetica, sans-serif; font-weight: 600; color: #000000; margin: 0.75em 0 0.5em 0; font-size: 1.375rem; } @media screen and (min-width: 48em) { h2, .hl2 { font-size: 1.5555556rem; } } @media screen and (min-width: 75em) { h2, .hl2 { font-size: 1.8rem; } } h3, .hl3 { font-family: "Fira Sans Condensed", "Arial Narrow", "Droid sans", "Helvetica Neue", Helvetica, sans-serif; font-weight: 600; color: #CC7619; margin: 0.75em 0 0.5em 0; font-size: 1.25rem; } @media screen and (min-width: 48em) { h3, .hl3 { font-size: 1.3333333rem; } } @media screen and (min-width: 75em) { h3, .hl3 { font-size: 1.4rem; } } h4, .hl4 { font-family: "Fira Sans Condensed", "Arial Narrow", "Droid sans", "Helvetica Neue", Helvetica, sans-serif; font-weight: 600; color: #CC7619; margin: 0.75em 0 0.5em 0; font-size: 1.125rem; } @media screen and (min-width: 48em) { h4, .hl4 { font-size: 1.1111111rem; } } @media screen and (min-width: 75em) { h4, .hl4 { font-size: 1.2rem; } } h5, .hl5 { font-family: "Fira Sans Condensed", "Arial Narrow", "Droid sans", "Helvetica Neue", Helvetica, sans-serif; font-weight: 600; color: #000000; margin: 0.75em 0 0.5em 0; font-size: 1rem; } @media screen and (min-width: 75em) { h5, .hl5 { font-size: 1.1rem; } } h6, .hl6 { font-family: "Fira Sans Condensed", "Arial Narrow", "Droid sans", "Helvetica Neue", Helvetica, sans-serif; font-weight: 600; color: #000000; margin: 0.75em 0 0.5em 0; font-size: 1rem; } .text-standard-color h1, .text-standard-color h2, .text-standard-color h3, .text-standard-color h4, .text-standard-color h5, .text-standard-color h6 { color: #000000; } img, picture { max-width: 100%; height: auto; line-height: 0; } figure { line-height: 0; margin: 0; } figcaption { line-height: 1.2; } /*Fix für Caption auf Bildbreite beschränken*/ figure { display: table; } figure img { display: block; } figcaption { display: table; caption-side: bottom; font-style: italic; padding: 0.5rem 0; } /*Alle Bilder ohne Alt-Attribut kennzeichen*/ /*sollte für Production auskommentiert werden!*/ a { color: #CC7619; text-decoration: underline; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } main a:hover, main a:focus { color: #fff; background-color: #CC7619; } :focus { outline: 1px dashed #6C6960; } a[href^=tel] { text-decoration: none; color: #000000; } main ul li, ol li { font-size: 1rem; color: #000000; } main ul { list-style-type: disc; } main ol { list-style-type: decimal; } html { background-color: #fff; } body { max-width: 1920px; margin: 0 auto; background-color: #fff; } .wrap, .mod_article .wrap-article, #footer .inside, #header .inside, .standard .container.zweispaltig, .container { max-width: 1440px; margin: 0 auto; } [id=wrapper] { background-color: #FCF7E8; } .container { position: relative; padding: 0 1rem 0 1rem; } .standard .container { padding: 1rem 0; } @media screen and (min-width: 48em) { .standard .container { padding: 2rem 1rem; } } @media screen and (min-width: 92.5em) { .standard .container { padding: 3rem 0; } } .standard .container.zweispaltig.links { display: -ms-grid; display: grid; grid-gap: 3rem; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .standard .container.zweispaltig.links > .block { margin-bottom: 0; } @media (min-width: 768px) { .standard .container.zweispaltig.links { -ms-grid-columns: 250px 3rem 1fr; grid-template-columns: 250px 1fr; } } @media (min-width: 992px) { .standard .container.zweispaltig.links { -ms-grid-columns: 300px 3rem 1fr; grid-template-columns: 300px 1fr; } } .standard .container.zweispaltig.rechts { display: -ms-grid; display: grid; grid-gap: 2rem; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } @media (min-width: 768px) { .standard .container.zweispaltig.rechts { -ms-grid-columns: 1fr 2rem 250px; grid-template-columns: 1fr 250px; } } @media (min-width: 992px) { .standard .container.zweispaltig.rechts { grid-gap: 3rem; -ms-grid-columns: 1fr 3rem 300px; grid-template-columns: 1fr 300px; } } .standard .container.zweispaltig.rechts > .block { margin-bottom: 0; } .standard .standard .container { padding-top: 3rem; } .standard.container-nobottompadding .container { padding-bottom: 0; } aside.left { display: none; } @media (min-width: 768px) { aside.left { display: block; } } aside.right { display: none; } @media (min-width: 768px) { aside.right { display: block; } } /* .inside { } */ #header { background-color: #FCF7E8; color: #000000; padding: 1rem; position: relative; height: 5rem; z-index: 10; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #header.fixed-active { position: fixed; width: 100%; max-width: 1920px; top: 0; height: 3.5rem; padding: 0.25rem 1rem; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15); } #header.fixed-active .logo { width: auto; } #header.fixed-active .logo svg { height: 5rem; width: auto; } @media screen and (min-width: 48em) { #header.fixed-active .logo svg { height: 100px; } } #header.fixed-active .logo .subline, #header.fixed-active .logo .bg-flaeche { opacity: 0; visibility: visible; } #header.fixed-active .mainnav, #header.fixed-active .mod_changelanguage { margin-top: 0.5rem; } #header .inside { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } #header .mainnav, #header .mod_changelanguage { -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #header .logo { width: 10rem; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #header .logo svg { -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #header .logo .subline, #header .logo .bg-flaeche { opacity: 1; visibility: visible; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } @media screen and (min-width: 57.5em) { #header .logo { width: 13rem; } } @media screen and (min-width: 68.75em) { #header .logo { width: 15rem; } } #footer { background: #7FBA40; color: #fff; position: relative; } #footer .inside { padding: 0.5rem 1rem; position: relative; } @media screen and (min-width: 31.25em) { #footer .inside::before { content: ""; background-image: url("/files/theme/img/sonnenblume.svg"); background-repeat: no-repeat; position: absolute; left: 0.5rem; bottom: 0; width: 93px; height: 120px; } } @media screen and (min-width: 92.5em) { #footer .inside::before { left: 0; } } #footer * { color: #fff; } @media screen and (min-width: 31.25em) { #footer .footer-col1 { padding-left: 8rem; } } @media screen and (min-width: 92.5em) { #footer .footer-col1 { padding-left: 6rem; } } #footer p:last-child { margin-bottom: 0; } #footer a { color: #fff; text-decoration: underline; } #footer a:hover, #footer a:focus { color: #F7E632; } #footer nav ul { margin: 0; padding: 0; list-style-type: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #footer nav ul a { display: block; padding: 0 0.5rem; } .mod_article { padding: 2rem 0; } @media screen and (min-width: 56.25em) { .mod_article { padding: 4rem 0; } } .mod_article.bg-hellgrau { background-color: #F3F3F1; } .mod_article.full-width { width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; } .mod_article .wrap-article { padding: 0 1rem; } @media screen and (min-width: 91.5em) { .mod_article .wrap-article { padding: 0; } } .mod_article.bg-beige { background-color: #F3DFA3; } .mod_article.bg-orange-200 { background-color: #FFEA9E; } .mod_article.first { padding-top: 0; } @media screen and (min-width: 48em) { .mod_article.first { padding-top: 2rem; } } /** * CLICKPRESS CSS-Grid * @author: Stefan Schulz-Lauterbach * * thanks to Dinko Skopljak for co-working */ @supports (grid-area: auto) { [class*=grid_] { display: grid; grid-gap: 2.5rem; } [class*=grid_] > .block { margin-bottom: 0; } @media (min-width: 576px) { .grid_mobile_100 { grid-template-columns: 1fr; } .grid_mobile_50_50 { grid-template-columns: repeat(2, 1fr); } .grid_mobile_33_33_33 { grid-template-columns: repeat(3, 1fr); } .grid_mobile_75_25 { grid-template-columns: 3fr 1fr; } .grid_mobile_25_75 { grid-template-columns: 1fr 3fr; } .grid_mobile_66_33 { grid-template-columns: 2fr 1fr; } .grid_mobile_33_66 { grid-template-columns: 1fr 2fr; } .grid_mobile_50_25_25 { grid-template-columns: 2fr 1fr 1fr; } .grid_mobile_25_50_25 { grid-template-columns: 1fr 2fr 1fr; } .grid_mobile_25_25_50 { grid-template-columns: 1fr 1fr 2fr; } .grid_mobile_40_30_30 { grid-template-columns: 4fr 3fr 3fr; } .grid_mobile_30_40_30 { grid-template-columns: 3fr 4fr 3fr; } .grid_mobile_30_30_40 { grid-template-columns: 3fr 3fr 4fr; } } @media (min-width: 768px) { .grid_tablet_100 { grid-template-columns: 1fr; } .grid_tablet_50_50 { grid-template-columns: repeat(2, 1fr); } .grid_tablet_33_33_33 { grid-template-columns: repeat(3, 1fr); } .grid_tablet_75_25 { grid-template-columns: 3fr 1fr; } .grid_tablet_25_75 { grid-template-columns: 1fr 3fr; } .grid_tablet_66_33 { grid-template-columns: 2fr 1fr; } .grid_tablet_33_66 { grid-template-columns: 1fr 2fr; } .grid_tablet_50_25_25 { grid-template-columns: 2fr 1fr 1fr; } .grid_tablet_25_50_25 { grid-template-columns: 1fr 2fr 1fr; } .grid_tablet_25_25_50 { grid-template-columns: 1fr 1fr 2fr; } .grid_tablet_40_30_30 { grid-template-columns: 4fr 3fr 3fr; } .grid_tablet_30_40_30 { grid-template-columns: 3fr 4fr 3fr; } .grid_tablet_30_30_40 { grid-template-columns: 3fr 3fr 4fr; } .grid_tablet_20_40_40 { grid-template-columns: 1fr 2fr 2fr; } .grid_tablet_40_20_40 { grid-template-columns: 2fr 1fr 2fr; } .grid_tablet_40_40_20 { grid-template-columns: 2fr 2fr 1fr; } } @media (min-width: 992px) { .grid_desktop_100 { grid-template-columns: 1fr; } .grid_desktop_50_50 { grid-template-columns: repeat(2, 1fr); } .grid_desktop_50_25_25 { grid-template-columns: 2fr 1fr 1fr; } .grid_desktop_33_33_33 { grid-template-columns: repeat(3, 1fr); } .grid_desktop_75_25 { grid-template-columns: 3fr 1fr; } .grid_desktop_25_75 { grid-template-columns: 1fr 3fr; } .grid_desktop_66_33 { grid-template-columns: 2fr 1fr; } .grid_desktop_33_66 { grid-template-columns: 1fr 2fr; } .grid_desktop_50_25_25 { grid-template-columns: 2fr 1fr 1fr; } .grid_desktop_40_30_30 { grid-template-columns: 4fr 3fr 3fr; } .grid_desktop_50_25_25 { grid-template-columns: 2fr 1fr 1fr; } .grid_desktop_25_50_25 { grid-template-columns: 1fr 2fr 1fr; } .grid_desktop_25_25_50 { grid-template-columns: 1fr 1fr 2fr; } .grid_desktop_40_30_30 { grid-template-columns: 4fr 3fr 3fr; } .grid_desktop_30_40_30 { grid-template-columns: 3fr 4fr 3fr; } .grid_desktop_30_30_40 { grid-template-columns: 3fr 3fr 4fr; } .grid_desktop_20_40_40 { grid-template-columns: 1fr 2fr 2fr; } .grid_desktop_40_20_40 { grid-template-columns: 2fr 1fr 2fr; } .grid_desktop_40_40_20 { grid-template-columns: 2fr 2fr 1fr; } .grid_desktop_25_25_25_25 { grid-template-columns: repeat(4, 1fr); } .grid_desktop_40_20_20_20 { grid-template-columns: 2fr 1fr 1fr 1fr; } .grid_desktop_20_40_20_20 { grid-template-columns: 1fr 2fr 1fr 1fr; } .grid_desktop_20_20_40_20 { grid-template-columns: 1fr 1fr 2fr 1fr; } .grid_desktop_20_20_20_40 { grid-template-columns: 1fr 1fr 1fr 2fr; } .grid_desktop_20_20_20_20_20 { grid-template-columns: repeat(5, 1fr); } } } /** * CLICKPRESS CSS-Grid * @author: Stefan Schulz-Lauterbach * * thanks to Dinko Skopljak for co-working */ .ie11 [class*=grid_] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .ie11 [class*=grid_] > .block { margin-bottom: 1rem; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; max-width: 100%; } @media (min-width: 576px) { .ie11 .grid_mobile_100 > .block { -ms-flex-preferred-size: calc(100% - 1rem); flex-basis: calc(100% - 1rem); } .ie11 .grid_mobile_50_50 > .block { -ms-flex-preferred-size: calc(50% - 1rem); flex-basis: calc(50% - 1rem); } .ie11 .grid_mobile_33_33_33 > .block { -ms-flex-preferred-size: calc(33% - 1rem); flex-basis: calc(33% - 1rem); } .ie11 .grid_mobile_75_25 > .block:nth-child(1) { -ms-flex-preferred-size: calc(75% - 1rem); flex-basis: calc(75% - 1rem); } .ie11 .grid_mobile_75_25 > .block:nth-child(2) { -ms-flex-preferred-size: calc(25% - 1rem); flex-basis: calc(25% - 1rem); } .ie11 .grid_mobile_25_75 > .block:nth-child(1) { -ms-flex-preferred-size: calc(25% - 1rem); flex-basis: calc(25% - 1rem); } .ie11 .grid_mobile_25_75 > .block:nth-child(2) { -ms-flex-preferred-size: calc(75% - 1rem); flex-basis: calc(75% - 1rem); } .ie11 .grid_mobile_66_33 > .block:nth-child(1) { -ms-flex-preferred-size: calc(66% - 1rem); flex-basis: calc(66% - 1rem); } .ie11 .grid_mobile_66_33 > .block:nth-child(2) { -ms-flex-preferred-size: calc(33% - 1rem); flex-basis: calc(33% - 1rem); } .ie11 .grid_mobile_33_66 > .block:nth-child(1) { -ms-flex-preferred-size: calc(33% - 1rem); flex-basis: calc(33% - 1rem); } .ie11 .grid_mobile_33_66 > .block:nth-child(2) { -ms-flex-preferred-size: calc(66% - 1rem); flex-basis: calc(66% - 1rem); } .ie11 .grid_mobile_50_25_25 > .block:nth-child(1) { -ms-flex-preferred-size: calc(50% - 1rem); flex-basis: calc(50% - 1rem); } .ie11 .grid_mobile_50_25_25 > .block:nth-child(2) { -ms-flex-preferred-size: calc(25% - 1rem); flex-basis: calc(25% - 1rem); } .ie11 .grid_mobile_50_25_25 > .block:nth-child(3) { -ms-flex-preferred-size: calc(25% - 1rem); flex-basis: calc(25% - 1rem); } .ie11 .grid_mobile_25_50_25 > .block:nth-child(1) { -ms-flex-preferred-size: calc(25% - 1rem); flex-basis: calc(25% - 1rem); } .ie11 .grid_mobile_25_50_25 > .block:nth-child(2) { -ms-flex-preferred-size: calc(50% - 1rem); flex-basis: calc(50% - 1rem); } .ie11 .grid_mobile_25_50_25 > .block:nth-child(3) { -ms-flex-preferred-size: calc(25% - 1rem); flex-basis: calc(25% - 1rem); } .ie11 .grid_mobile_25_25_50 > .block:nth-child(1) { -ms-flex-preferred-size: calc(25% - 1rem); flex-basis: calc(25% - 1rem); } .ie11 .grid_mobile_25_25_50 > .block:nth-child(2) { -ms-flex-preferred-size: calc(25% - 1rem); flex-basis: calc(25% - 1rem); } .ie11 .grid_mobile_25_25_50 > .block:nth-child(3) { -ms-flex-preferred-size: calc(50% - 1rem); flex-basis: calc(50% - 1rem); } .ie11 .grid_mobile_40_30_30 > .block:nth-child(1) { -ms-flex-preferred-size: calc(40% - 1rem); flex-basis: calc(40% - 1rem); } .ie11 .grid_mobile_40_30_30 > .block:nth-child(2) { -ms-flex-preferred-size: calc(30% - 1rem); flex-basis: calc(30% - 1rem); } .ie11 .grid_mobile_40_30_30 > .block:nth-child(3) { -ms-flex-preferred-size: calc(30% - 1rem); flex-basis: calc(30% - 1rem); } .ie11 .grid_mobile_30_40_30 > .block:nth-child(1) { -ms-flex-preferred-size: calc(30% - 1rem); flex-basis: calc(30% - 1rem); } .ie11 .grid_mobile_30_40_30 > .block:nth-child(2) { -ms-flex-preferred-size: calc(40% - 1rem); flex-basis: calc(40% - 1rem); } .ie11 .grid_mobile_30_40_30 > .block:nth-child(3) { -ms-flex-preferred-size: calc(30% - 1rem); flex-basis: calc(30% - 1rem); } .ie11 .grid_mobile_30_30_40 > .block:nth-child(1) { -ms-flex-preferred-size: calc(30% - 1rem); flex-basis: calc(30% - 1rem); } .ie11 .grid_mobile_30_30_40 > .block:nth-child(2) { -ms-flex-preferred-size: calc(30% - 1rem); flex-basis: calc(30% - 1rem); } .ie11 .grid_mobile_30_30_40 > .block:nth-child(3) { -ms-flex-preferred-size: calc(40% - 1rem); flex-basis: calc(40% - 1rem); } } @media (min-width: 768px) { .ie11 .grid_tablet_100 > .block { -ms-flex-preferred-size: calc(100% - 1rem); flex-basis: calc(100% - 1rem); } .ie11 .grid_tablet_50_50 > .block { -ms-flex-preferred-size: calc(50% - 1rem); flex-basis: calc(50% - 1rem); } .ie11 .grid_tablet_33_33_33 > .block { -ms-flex-preferred-size: calc(33% - 1rem); flex-basis: calc(33% - 1rem); } .ie11 .grid_tablet_75_25 > .block:nth-child(1) { -ms-flex-preferred-size: calc(75% - 1rem); flex-basis: calc(75% - 1rem); } .ie11 .grid_tablet_75_25 > .block:nth-child(2) { -ms-flex-preferred-size: calc(25% - 1rem); flex-basis: calc(25% - 1rem); } .ie11 .grid_tablet_25_75 > .block:nth-child(1) { -ms-flex-preferred-size: calc(25% - 1rem); flex-basis: calc(25% - 1rem); } .ie11 .grid_tablet_25_75 > .block:nth-child(2) { -ms-flex-preferred-size: calc(75% - 1rem); flex-basis: calc(75% - 1rem); } .ie11 .grid_tablet_66_33 > .block:nth-child(1) { -ms-flex-preferred-size: calc(66% - 1rem); flex-basis: calc(66% - 1rem); } .ie11 .grid_tablet_66_33 > .block:nth-child(2) { -ms-flex-preferred-size: calc(33% - 1rem); flex-basis: calc(33% - 1rem); } .ie11 .grid_tablet_33_66 > .block:nth-child(1) { -ms-flex-preferred-size: calc(33% - 1rem); flex-basis: calc(33% - 1rem); } .ie11 .grid_tablet_33_66 > .block:nth-child(2) { -ms-flex-preferred-size: calc(66% - 1rem); flex-basis: calc(66% - 1rem); } .ie11 .grid_tablet_50_25_25 > .block:nth-child(1) { -ms-flex-preferred-size: calc(50% - 1rem); flex-basis: calc(50% - 1rem); } .ie11 .grid_tablet_50_25_25 > .block:nth-child(2) { -ms-flex-preferred-size: calc(25% - 1rem); flex-basis: calc(25% - 1rem); } .ie11 .grid_tablet_50_25_25 > .block:nth-child(3) { -ms-flex-preferred-size: calc(25% - 1rem); flex-basis: calc(25% - 1rem); } .ie11 .grid_tablet_25_50_25 > .block:nth-child(1) { -ms-flex-preferred-size: calc(25% - 1rem); flex-basis: calc(25% - 1rem); } .ie11 .grid_tablet_25_50_25 > .block:nth-child(2) { -ms-flex-preferred-size: calc(50% - 1rem); flex-basis: calc(50% - 1rem); } .ie11 .grid_tablet_25_50_25 > .block:nth-child(3) { -ms-flex-preferred-size: calc(25% - 1rem); flex-basis: calc(25% - 1rem); } .ie11 .grid_tablet_25_25_50 > .block:nth-child(1) { -ms-flex-preferred-size: calc(25% - 1rem); flex-basis: calc(25% - 1rem); } .ie11 .grid_tablet_25_25_50 > .block:nth-child(2) { -ms-flex-preferred-size: calc(25% - 1rem); flex-basis: calc(25% - 1rem); } .ie11 .grid_tablet_25_25_50 > .block:nth-child(3) { -ms-flex-preferred-size: calc(50% - 1rem); flex-basis: calc(50% - 1rem); } .ie11 .grid_tablet_40_30_30 > .block:nth-child(1) { -ms-flex-preferred-size: calc(40% - 1rem); flex-basis: calc(40% - 1rem); } .ie11 .grid_tablet_40_30_30 > .block:nth-child(2) { -ms-flex-preferred-size: calc(30% - 1rem); flex-basis: calc(30% - 1rem); } .ie11 .grid_tablet_40_30_30 > .block:nth-child(3) { -ms-flex-preferred-size: calc(30% - 1rem); flex-basis: calc(30% - 1rem); } .ie11 .grid_tablet_30_40_30 > .block:nth-child(1) { -ms-flex-preferred-size: calc(30% - 1rem); flex-basis: calc(30% - 1rem); } .ie11 .grid_tablet_30_40_30 > .block:nth-child(2) { -ms-flex-preferred-size: calc(40% - 1rem); flex-basis: calc(40% - 1rem); } .ie11 .grid_tablet_30_40_30 > .block:nth-child(3) { -ms-flex-preferred-size: calc(30% - 1rem); flex-basis: calc(30% - 1rem); } .ie11 .grid_tablet_30_30_40 > .block:nth-child(1) { -ms-flex-preferred-size: calc(30% - 1rem); flex-basis: calc(30% - 1rem); } .ie11 .grid_tablet_30_30_40 > .block:nth-child(2) { -ms-flex-preferred-size: calc(30% - 1rem); flex-basis: calc(30% - 1rem); } .ie11 .grid_tablet_30_30_40 > .block:nth-child(3) { -ms-flex-preferred-size: calc(40% - 1rem); flex-basis: calc(40% - 1rem); } .ie11 .grid_tablet_20_40_40 > .block:nth-child(1) { -ms-flex-preferred-size: calc(20% - 1rem); flex-basis: calc(20% - 1rem); } .ie11 .grid_tablet_20_40_40 > .block:nth-child(2) { -ms-flex-preferred-size: calc(40% - 1rem); flex-basis: calc(40% - 1rem); } .ie11 .grid_tablet_20_40_40 > .block:nth-child(3) { -ms-flex-preferred-size: calc(40% - 1rem); flex-basis: calc(40% - 1rem); } .ie11 .grid_tablet_40_20_40 > .block:nth-child(1) { -ms-flex-preferred-size: calc(40% - 1rem); flex-basis: calc(40% - 1rem); } .ie11 .grid_tablet_40_20_40 > .block:nth-child(2) { -ms-flex-preferred-size: calc(20% - 1rem); flex-basis: calc(20% - 1rem); } .ie11 .grid_tablet_40_20_40 > .block:nth-child(3) { -ms-flex-preferred-size: calc(40% - 1rem); flex-basis: calc(40% - 1rem); } .ie11 .grid_tablet_40_40_20 > .block:nth-child(1) { -ms-flex-preferred-size: calc(40% - 1rem); flex-basis: calc(40% - 1rem); } .ie11 .grid_tablet_40_40_20 > .block:nth-child(2) { -ms-flex-preferred-size: calc(40% - 1rem); flex-basis: calc(40% - 1rem); } .ie11 .grid_tablet_40_40_20 > .block:nth-child(3) { -ms-flex-preferred-size: calc(20% - 1rem); flex-basis: calc(20% - 1rem); } } @media (min-width: 992px) { .ie11 .grid_desktop_100 > .block { -ms-flex-preferred-size: calc(100% - 1rem); flex-basis: calc(100% - 1rem); } .ie11 .grid_desktop_50_50 > .block { -ms-flex-preferred-size: calc(50% - 1rem); flex-basis: calc(50% - 1rem); } .ie11 .grid_desktop_50_25_25 > .block:nth-child(3n+1) { -ms-flex-preferred-size: calc(50% - 1rem); flex-basis: calc(50% - 1rem); } .ie11 .grid_desktop_50_25_25 > .block:nth-child(3n-1) { -ms-flex-preferred-size: calc(25% - 1rem); flex-basis: calc(25% - 1rem); } .ie11 .grid_desktop_50_25_25 > .block:nth-child(3n) { -ms-flex-preferred-size: calc(25% - 1rem); flex-basis: calc(25% - 1rem); } .ie11 .grid_desktop_33_33_33 > .block { -ms-flex-preferred-size: calc(33% - 1rem); flex-basis: calc(33% - 1rem); } .ie11 .grid_desktop_75_25 > .block:nth-child(odd) { -ms-flex-preferred-size: calc(75% - 1rem); flex-basis: calc(75% - 1rem); } .ie11 .grid_desktop_75_25 > .block:nth-child(even) { -ms-flex-preferred-size: calc(25% - 1rem); flex-basis: calc(25% - 1rem); } .ie11 .grid_desktop_25_75 > .block:nth-child(odd) { -ms-flex-preferred-size: calc(25% - 1rem); flex-basis: calc(25% - 1rem); } .ie11 .grid_desktop_25_75 > .block:nth-child(even) { -ms-flex-preferred-size: calc(75% - 1rem); flex-basis: calc(75% - 1rem); } .ie11 .grid_desktop_66_33 > .block:nth-child(odd) { -ms-flex-preferred-size: calc(66% - 1rem); flex-basis: calc(66% - 1rem); } .ie11 .grid_desktop_66_33 > .block:nth-child(even) { -ms-flex-preferred-size: calc(33% - 1rem); flex-basis: calc(33% - 1rem); } .ie11 .grid_desktop_33_66 > .block:nth-child(odd) { -ms-flex-preferred-size: calc(33% - 1rem); flex-basis: calc(33% - 1rem); } .ie11 .grid_desktop_33_66 > .block:nth-child(even) { -ms-flex-preferred-size: calc(66% - 1rem); flex-basis: calc(66% - 1rem); } .ie11 .grid_desktop_40_30_30 > .block:nth-child(3n+1) { -ms-flex-preferred-size: calc(40% - 1rem); flex-basis: calc(40% - 1rem); } .ie11 .grid_desktop_40_30_30 > .block:nth-child(3n-1) { -ms-flex-preferred-size: calc(30% - 1rem); flex-basis: calc(30% - 1rem); } .ie11 .grid_desktop_40_30_30 > .block:nth-child(3n) { -ms-flex-preferred-size: calc(30% - 1rem); flex-basis: calc(30% - 1rem); } .ie11 .grid_desktop_25_50_25 > .block:nth-child(3n+1) { -ms-flex-preferred-size: calc(25% - 1rem); flex-basis: calc(25% - 1rem); } .ie11 .grid_desktop_25_50_25 > .block:nth-child(3n-1) { -ms-flex-preferred-size: calc(50% - 1rem); flex-basis: calc(50% - 1rem); } .ie11 .grid_desktop_25_50_25 > .block:nth-child(3n) { -ms-flex-preferred-size: calc(25% - 1rem); flex-basis: calc(25% - 1rem); } .ie11 .grid_desktop_25_25_50 > .block:nth-child(3n+1) { -ms-flex-preferred-size: calc(25% - 1rem); flex-basis: calc(25% - 1rem); } .ie11 .grid_desktop_25_25_50 > .block:nth-child(3n-1) { -ms-flex-preferred-size: calc(25% - 1rem); flex-basis: calc(25% - 1rem); } .ie11 .grid_desktop_25_25_50 > .block:nth-child(3n) { -ms-flex-preferred-size: calc(50% - 1rem); flex-basis: calc(50% - 1rem); } .ie11 .grid_desktop_30_40_30 > .block:nth-child(3n+1) { -ms-flex-preferred-size: calc(30% - 1rem); flex-basis: calc(30% - 1rem); } .ie11 .grid_desktop_30_40_30 > .block:nth-child(3n-1) { -ms-flex-preferred-size: calc(40% - 1rem); flex-basis: calc(40% - 1rem); } .ie11 .grid_desktop_30_40_30 > .block:nth-child(3n) { -ms-flex-preferred-size: calc(30% - 1rem); flex-basis: calc(30% - 1rem); } .ie11 .grid_desktop_30_30_40 > .block:nth-child(3n+1) { -ms-flex-preferred-size: calc(30% - 1rem); flex-basis: calc(30% - 1rem); } .ie11 .grid_desktop_30_30_40 > .block:nth-child(3n-1) { -ms-flex-preferred-size: calc(30% - 1rem); flex-basis: calc(30% - 1rem); } .ie11 .grid_desktop_30_30_40 > .block:nth-child(3n) { -ms-flex-preferred-size: calc(40% - 1rem); flex-basis: calc(40% - 1rem); } .ie11 .grid_desktop_20_40_40 > .block:nth-child(3n+1) { -ms-flex-preferred-size: calc(20% - 1rem); flex-basis: calc(20% - 1rem); } .ie11 .grid_desktop_20_40_40 > .block:nth-child(3n-1) { -ms-flex-preferred-size: calc(40% - 1rem); flex-basis: calc(40% - 1rem); } .ie11 .grid_desktop_20_40_40 > .block:nth-child(3n) { -ms-flex-preferred-size: calc(40% - 1rem); flex-basis: calc(40% - 1rem); } .ie11 .grid_desktop_40_20_40 > .block:nth-child(3n+1) { -ms-flex-preferred-size: calc(40% - 1rem); flex-basis: calc(40% - 1rem); } .ie11 .grid_desktop_40_20_40 > .block:nth-child(3n-1) { -ms-flex-preferred-size: calc(20% - 1rem); flex-basis: calc(20% - 1rem); } .ie11 .grid_desktop_40_20_40 > .block:nth-child(3n) { -ms-flex-preferred-size: calc(40% - 1rem); flex-basis: calc(40% - 1rem); } .ie11 .grid_desktop_40_40_20 > .block:nth-child(3n+1) { -ms-flex-preferred-size: calc(40% - 1rem); flex-basis: calc(40% - 1rem); } .ie11 .grid_desktop_40_40_20 > .block:nth-child(3n-1) { -ms-flex-preferred-size: calc(40% - 1rem); flex-basis: calc(40% - 1rem); } .ie11 .grid_desktop_40_40_20 > .block:nth-child(3n) { -ms-flex-preferred-size: calc(20% - 1rem); flex-basis: calc(20% - 1rem); } .ie11 .grid_desktop_25_25_25_25 > .block { -ms-flex-preferred-size: calc(25% - 1rem); flex-basis: calc(25% - 1rem); } .ie11 .grid_desktop_40_20_20_20 > .block { -ms-flex-preferred-size: calc(25% - 1rem); flex-basis: calc(25% - 1rem); } .ie11 .grid_desktop_20_40_20_20 > .block { -ms-flex-preferred-size: calc(25% - 1rem); flex-basis: calc(25% - 1rem); } .ie11 .grid_desktop_20_20_40_20 > .block { -ms-flex-preferred-size: calc(25% - 1rem); flex-basis: calc(25% - 1rem); } .ie11 .grid_desktop_20_20_20_40 > .block { -ms-flex-preferred-size: calc(25% - 1rem); flex-basis: calc(25% - 1rem); } .ie11 .grid_desktop_20_20_20_20_20 > .block { -ms-flex-preferred-size: calc(20% - 1rem); flex-basis: calc(20% - 1rem); } } .mainnav { margin-left: auto; display: none; } @media screen and (min-width: 57.5625em) { .mainnav { display: block; } } .mainnav ul { list-style-type: none; margin: 0; padding: 0; } .mainnav .level_1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .mainnav li { position: relative; margin: 0; padding: 0; } .mainnav .level_2 { visibility: hidden; opacity: 0; height: 0; position: absolute; top: 100%; left: 0; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; width: auto; background-color: #F8AF46; border-radius: 0 6px 6px 6px; overflow: hidden; } .mainnav a { font-family: "Fira Sans Condensed", "Arial Narrow", "Droid sans", "Helvetica Neue", Helvetica, sans-serif; color: #311D02; font-size: 1.1rem; font-weight: 600; text-decoration: none; padding: 0.25rem 0.25rem; white-space: nowrap; display: block; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } @media screen and (min-width: 48em) { .mainnav a { padding: 0.25rem 0.5rem; } } @media screen and (min-width: 68.75em) { .mainnav a { padding: 0.25rem 1rem; } } .mainnav .level_1 > li { margin-left: 0.25rem; } .mainnav .level_1 > li:hover > a, .mainnav .level_1 > li:focus > a, .mainnav .level_1 > li.active > a { background-color: #F8AF46; border-radius: 6px; } .mainnav .level_1 > li.submenu:hover > a, .mainnav .level_1 > li.submenu:focus > a { border-radius: 6px 6px 0 0; } .mainnav .level_1 > li.submenu:focus-within > a { border-radius: 6px 6px 0 0; } .mainnav a.spenden { background-color: #7FBA40; color: #fff; border-radius: 6px; } .mainnav a.spenden:hover, .mainnav a.spenden:focus { color: #311D02; } .mainnav a.spenden.active { color: #311D02; } .mainnav a.nav__language { font-weight: 400; font-family: "Fira Sans", "Arial", "Droid sans", "Helvetica Neue", Helvetica, sans-serif; font-size: 0.875rem; } .mainnav .level_1 > li:hover .level_2, .mainnav .level_1 > li:focus .level_2 { visibility: visible; opacity: 1; height: auto; top: 100%; } .mainnav .level_2 a { font-family: "Fira Sans", "Arial", "Droid sans", "Helvetica Neue", Helvetica, sans-serif; font-size: 0.9rem; font-weight: 400; } .mainnav .level_2 a:hover, .mainnav .level_2 a:focus, .mainnav .level_2 a.active { background-color: #F3DFA3; } header .mod_changelanguage { display: none; } @media screen and (min-width: 57.5625em) { header .mod_changelanguage { display: block; } } header .mod_changelanguage ul { list-style-type: none; margin: 0; padding: 0; } header .mod_changelanguage .level_1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } header .mod_changelanguage li { position: relative; margin: 0; padding: 0; margin-left: 0.25rem; } header .mod_changelanguage li:hover > a, header .mod_changelanguage li:focus > a, header .mod_changelanguage li.active > a { background-color: #F8AF46; border-radius: 6px; } header .mod_changelanguage a { color: #311D02; font-weight: 400; font-family: "Fira Sans", "Arial", "Droid sans", "Helvetica Neue", Helvetica, sans-serif; font-size: 0.875rem; text-decoration: none; padding: 0.25rem 0.25rem; white-space: nowrap; display: block; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } @media screen and (min-width: 48em) { header .mod_changelanguage a { padding: 0.425rem 0.5rem; } } @media screen and (min-width: 68.75em) { header .mod_changelanguage a { padding: 0.425rem 1rem; } } .mobile_menu_trigger button { border: none; margin: 0; padding: 0; width: auto; overflow: visible; background: transparent; color: inherit; font: inherit; line-height: normal; -webkit-font-smoothing: inherit; -moz-osx-font-smoothing: inherit; -webkit-appearance: none; position: relative; } .fixed-active .mobile_menu_trigger button { top: 0.3rem; } .mobile_menu_trigger .icon-menu { color: #E09442; height: 2.5rem; width: 2.5rem; margin-right: 0; -webkit-transform: translateY(0); transform: translateY(0); } .mobile_menu_trigger .icon-menu:hover, .mobile_menu_trigger .icon-menu:focus { color: #604B3C; } .mobile_menu .inner { background: #fff; } .mobile_menu .logo { width: 140px; } .mobile_menu ul { list-style-type: none; margin: 0; } .mobile_menu ul a { display: block; padding: 0.5rem 1rem; color: #CC7619; text-decoration: none; } .mobile_menu ul a:hover, .mobile_menu ul a:focus, .mobile_menu ul a.active { background-color: #F3DFA3; color: #604B3C; } .mobile_menu a.spenden { background-color: #7FBA40; color: #fff; } .mobile_menu li.submenu { position: relative; } .mobile_menu li.submenu::after { content: url("data:image/svg+xml,%3Csvg viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 36l16-16L12 4' stroke='%23E09442' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); position: absolute; right: 1rem; top: 12px; color: #F8AF46; width: 1.2rem; height: 1.2rem; } .mobile_menu li.submenu.active::after, .mobile_menu li.submenu.trail::after, .mobile_menu li.submenu.submenu_show::after { content: url("data:image/svg+xml,%3Csvg viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 12l16 16 16-16' stroke='%23E09442' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } .mobile_menu li.submenu.active .level_2, .mobile_menu li.submenu.trail .level_2, .mobile_menu li.submenu.submenu_show .level_2 { height: auto; } .mobile_menu .level_1 { padding-left: 0; } .mobile_menu .level_1 > li { border-bottom: 1px solid #E09442; } .mobile_menu .level_2 { padding-left: 1rem; } .mobile_menu .level_3 { padding-left: 1rem; } .mobile_menu .mobile-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0.5rem; background-color: #fff; border-bottom: 1px solid #E09442; } .mobile_menu .logo img { width: auto; height: 3rem; } .mobile_menu button { border: none; margin: 0; padding: 0; width: auto; overflow: visible; background: transparent; color: inherit; font: inherit; line-height: normal; -webkit-font-smoothing: inherit; -moz-osx-font-smoothing: inherit; -webkit-appearance: none; margin-right: 0.5rem; } .mobile_menu .icon-menu { color: #E09442; height: 2.5rem; width: 2.5rem; margin-right: 0; } .mobile_menu .icon-menu:hover, .mobile_menu .icon-menu:focus { color: #604B3C; } /* Contao elements */ .content-headline.centered { text-align: center; } .content-text:after { content: ""; display: table; clear: both; } .content-text.media--above figure { margin-bottom: 1.5rem; } .content-text.media--below figure { margin-top: 1rem; } @media screen and (min-width: 48em) { .content-text.media--left figure { float: left; margin-right: 1.5rem; margin-bottom: 1.5rem; } } @media screen and (min-width: 48em) { .content-text.media--right figure { float: right; margin-left: 1.5rem; margin-bottom: 1.5rem; } } .content-text.vorstand { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 2rem; } .content-text.vorstand h2 { font-size: 1.25rem; } .content-text.vorstand .image_container { float: none; -webkit-box-flex: 0; -ms-flex: 0 1 150px; flex: 0 1 150px; margin-right: 2rem; margin-bottom: 1.5rem; } .content-text.vorstand .ce_text__content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .content-text.blume { padding-left: 2.5rem; background-image: url("/files/theme/img/sonnenblume.svg"); background-repeat: no-repeat; background-position: top left; background-size: 32px 42px; } @media screen and (min-width: 48em) { .content-text.blume { background-size: 40px 55px; } } .ce_timeline_single { --timeline_color: #F8AF46; } .ce_timeline_single figure { float: right; } .ce_timeline_single:nth-child(2n+1) figure { float: left; } .ce_timeline_single .text_wrapper .text-inner.text-inner { display: block; } .ce_timeline_single .timeline .year { color: #CC7619; padding: 0.5rem 0; font-size: 2rem; font-weight: normal; } [class^=ce_].bg-orange { background-color: #F3DFA3; padding: 1rem; } .content-download { display: inline-block; } .content-download.full { display: block; } .content-download a { display: block; padding: 0.5em 0.5em 0.5em 2.5rem; background-color: #F8AF46; border: 1px solid #E09442; background-repeat: no-repeat; background-position: left 0.25rem center; background-size: 1.5rem; text-decoration: none; color: #311D02; border-radius: 4px; } .content-download a span { display: block; font-size: 0.75em; color: #8B6023; } .content-download a:hover, .content-download a:focus { border-color: #699537; background-color: #7FBA40; color: #1A250E; } .content-download a:hover span, .content-download a:focus span { color: #4F7029; } .content-download.download-element a { background-size: 1.5rem 1.5rem; } .content-download.download-element.ext-pdf a { background-image: url("/files/theme/img/icons/icon-pdf.svg"); } .content-download.download-element.ext-docx a { background-image: url("/files/theme/img/icons/icon-docx.svg"); } .content-download.download-element.ext-doc a { background-image: url("/files/theme/img/icons/icon-doc.svg"); } .content-download.download-element.ext-jpg a { background-image: url("/files/theme/img/icons/icon-jpg.svg"); } .content-download.download-element.ext-png a { background-image: url("/files/theme/img/icons/icon-png.svg"); } .content-download.download-element.ext-gif a { background-image: url("/files/theme/img/icons/icon-gif.svg"); } .content-download.download-element.ext-tiff a { background-image: url("/files/theme/img/icons/icon-tiff.svg"); } .content-download.download-element.ext-mp3 a { background-image: url("/files/theme/img/icons/icon-mp3.svg"); } .content-download.download-element.ext-mp4 a { background-image: url("/files/theme/img/icons/icon-mp4.svg"); } .content-download.download-element.ext-ppt a { background-image: url("/files/theme/img/icons/icon-ppt.svg"); } .content-download.download-element.ext-zip a { background-image: url("/files/theme/img/icons/icon-zip.svg"); } .content-download.download-element.ext-rar a { background-image: url("/files/theme/img/icons/icon-rar.svg"); } .content-download.download-element.ext-txt a { background-image: url("/files/theme/img/icons/icon-txt.svg"); } .content-download.download-element.ext-xls a { background-image: url("/files/theme/img/icons/icon-xls.svg"); } .content-download.download-element.ext-xlsx a { background-image: url("/files/theme/img/icons/icon-xlsx.svg"); } .content-download.download-element.ext-xml a { background-image: url("/files/theme/img/icons/icon-xml.svg"); } .content-accordion { margin-bottom: 0.3em; } .content-accordion .toggler { border: 1px solid #D4D2CE; position: relative; background-color: #F3F3F1; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; padding: 1rem 3rem 1rem 1rem; } .content-accordion .toggler:hover, .content-accordion .toggler:focus { background-color: #ABA8A0; border: 1px solid #ABA8A0; color: #fff; } .content-accordion .toggler:hover .title, .content-accordion .toggler:focus .title { color: #fff; } .content-accordion .toggler::after { content: ""; display: block; width: 40px; height: 40px; position: absolute; right: 0.5em; top: 0.5em; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.882 23.506l9.49-9.133a.891.891 0 0 1 1.444.284.869.869 0 0 1-.192.955L20.51 25.627a.891.891 0 0 1-1.252 0L9.143 15.612a.87.87 0 0 1 0-1.239.891.891 0 0 1 1.252 0l9.487 9.133z' fill='%231D1D1B'/%3E%3C/svg%3E"); background-size: 40px; color: #000000; cursor: pointer; } .content-accordion .toggler:hover::after, .content-accordion .toggler:focus::after { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.882 23.506l9.49-9.133a.891.891 0 0 1 1.444.284.869.869 0 0 1-.192.955L20.51 25.627a.891.891 0 0 1-1.252 0L9.143 15.612a.87.87 0 0 1 0-1.239.891.891 0 0 1 1.252 0l9.487 9.133z' fill='%23ffffff'/%3E%3C/svg%3E"); } .content-accordion .toggler.active::after { background: url("data:image/svg+xml,%3Csvg viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.626 10.236l-8.628 8.392-8.624-8.392a.806.806 0 0 0-1.138 1.139L18.856 20l-8.62 8.625a.8.8 0 0 0-.175.878.806.806 0 0 0 1.313.26l8.628-8.39 8.624 8.391a.806.806 0 0 0 1.138-1.139L21.144 20l8.62-8.625a.8.8 0 0 0 .175-.878.806.806 0 0 0-1.313-.26z' fill='%23ffffff'/%3E%3C/svg%3E"); } .content-accordion .accordion { padding: 1rem; } blockquote { padding: 0.25rem 0 1rem 0; margin: 0; font-size: 1.5rem; font-style: italic; color: #6C6960; } blockquote p { margin: 0; color: inherit; font-size: inherit; } #cboxOverlay { background-color: #F3DFA3; } #cboxLoadedContent { border: 5px solid #F3DFA3; background: #fff; } .content-gallery { margin-block: 2rem; } .content-gallery.center ul { justify-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .content-gallery ul { list-style-type: none; margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; } .content-gallery ul li { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: calc(100% - 1rem); flex-basis: calc(100% - 1rem); margin: 0 1rem 1rem 0; } @supports (grid-area: auto) { .content-gallery ul { display: grid; grid-gap: 1rem; grid-template-columns: 1fr 1fr; } @media screen and (min-width: 41.25em) { .content-gallery ul { grid-gap: 1.5rem; grid-template-columns: 1fr 1fr 1fr; } } .content-gallery ul li { margin: 0; } } .content-gallery.content-gallery--cols-2 li { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: calc(50% - 1rem); flex-basis: calc(50% - 1rem); margin: 0 1rem 1rem 0; } @supports (grid-area: auto) { .content-gallery.content-gallery--cols-2 ul { display: grid; grid-gap: 1rem; grid-template-columns: 1fr 1fr; } @media screen and (min-width: 41.25em) { .content-gallery.content-gallery--cols-2 ul { grid-gap: 1.5rem; grid-template-columns: 1fr 1fr; } } .content-gallery.content-gallery--cols-2 ul li { margin: 0; } } .content-gallery.content-gallery--cols-3 li { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: calc(33% - 1rem); flex-basis: calc(33% - 1rem); margin: 0 1rem 1rem 0; } @supports (grid-area: auto) { .content-gallery.content-gallery--cols-3 ul { display: grid; grid-gap: 1rem; grid-template-columns: 1fr 1fr; } @media screen and (min-width: 41.25em) { .content-gallery.content-gallery--cols-3 ul { grid-gap: 1.5rem; grid-template-columns: 1fr 1fr 1fr; } } .content-gallery.content-gallery--cols-3 ul li { margin: 0; } } .content-gallery.content-gallery--cols-4 li { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: calc(25% - 1rem); flex-basis: calc(25% - 1rem); margin: 0 1rem 1rem 0; } @supports (grid-area: auto) { .content-gallery.content-gallery--cols-4 ul { display: grid; grid-gap: 1rem; grid-template-columns: 1fr 1fr; } @media screen and (min-width: 41.25em) { .content-gallery.content-gallery--cols-4 ul { grid-gap: 1.5rem; grid-template-columns: 1fr 1fr 1fr 1fr; } } .content-gallery.content-gallery--cols-4 ul li { margin: 0; } } .content-gallery.content-gallery--cols-5 li { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: calc(20% - 1rem); flex-basis: calc(20% - 1rem); margin: 0 1rem 1rem 0; } @supports (grid-area: auto) { .content-gallery.content-gallery--cols-5 ul { display: grid; grid-gap: 1rem; grid-template-columns: 1fr 1fr; } @media screen and (min-width: 41.25em) { .content-gallery.content-gallery--cols-5 ul { grid-gap: 1.5rem; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } } .content-gallery.content-gallery--cols-5 ul li { margin: 0; } } .content-gallery.content-gallery--cols-6 li { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: calc(16.6666% - 1rem); flex-basis: calc(16.6666% - 1rem); margin: 0 1rem 1rem 0; } @supports (grid-area: auto) { .content-gallery.content-gallery--cols-6 ul { display: grid; grid-gap: 1rem; grid-template-columns: 1fr 1fr; } @media screen and (min-width: 41.25em) { .content-gallery.content-gallery--cols-6 ul { grid-gap: 1.5rem; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; } } .content-gallery.content-gallery--cols-6 ul li { margin: 0; } } .content-gallery.content-gallery--cols-7 li { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: calc(14.28% - 1rem); flex-basis: calc(14.28% - 1rem); margin: 0 1rem 1rem 0; } @supports (grid-area: auto) { .content-gallery.content-gallery--cols-7 ul { display: grid; grid-gap: 1rem; grid-template-columns: 1fr 1fr; } @media screen and (min-width: 41.25em) { .content-gallery.content-gallery--cols-7 ul { grid-gap: 1.5rem; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; } } .content-gallery.content-gallery--cols-7 ul li { margin: 0; } } .content-gallery.content-gallery--cols-8 li { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: calc(12.5% - 1rem); flex-basis: calc(12.5% - 1rem); margin: 0 1rem 1rem 0; } @supports (grid-area: auto) { .content-gallery.content-gallery--cols-8 ul { display: grid; grid-gap: 1rem; grid-template-columns: 1fr 1fr; } @media screen and (min-width: 41.25em) { .content-gallery.content-gallery--cols-8 ul { grid-gap: 1.5rem; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; } } .content-gallery.content-gallery--cols-8 ul li { margin: 0; } } .content-gallery.content-gallery--cols-9 li { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: calc(11.1111111% - 1rem); flex-basis: calc(11.1111111% - 1rem); margin: 0 1rem 1rem 0; } @supports (grid-area: auto) { .content-gallery.content-gallery--cols-9 ul { display: grid; grid-gap: 1rem; grid-template-columns: 1fr 1fr; } @media screen and (min-width: 41.25em) { .content-gallery.content-gallery--cols-9 ul { grid-gap: 1.5rem; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; } } .content-gallery.content-gallery--cols-9 ul li { margin: 0; } } .content-gallery.content-gallery--cols-10 li { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: calc(10% - 1rem); flex-basis: calc(10% - 1rem); margin: 0 1rem 1rem 0; } @supports (grid-area: auto) { .content-gallery.content-gallery--cols-10 ul { display: grid; grid-gap: 1rem; grid-template-columns: 1fr 1fr; } @media screen and (min-width: 41.25em) { .content-gallery.content-gallery--cols-10 ul { grid-gap: 1.5rem; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; } } .content-gallery.content-gallery--cols-10 ul li { margin: 0; } } .content-gallery.content-gallery--cols-11 li { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: calc(9.09% - 1rem); flex-basis: calc(9.09% - 1rem); margin: 0 1rem 1rem 0; } @supports (grid-area: auto) { .content-gallery.content-gallery--cols-11 ul { display: grid; grid-gap: 1rem; grid-template-columns: 1fr 1fr; } @media screen and (min-width: 41.25em) { .content-gallery.content-gallery--cols-11 ul { grid-gap: 1.5rem; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; } } .content-gallery.content-gallery--cols-11 ul li { margin: 0; } } .content-gallery.content-gallery--cols-12 li { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: calc(8.333331% - 1rem); flex-basis: calc(8.333331% - 1rem); margin: 0 1rem 1rem 0; } @supports (grid-area: auto) { .content-gallery.content-gallery--cols-12 { display: grid; grid-gap: 1rem; grid-template-columns: 1fr 1fr; } @media screen and (min-width: 41.25em) { .content-gallery.content-gallery--cols-12 { grid-gap: 1.5rem; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; } } .content-gallery.content-gallery--cols-12 li { margin: 0; } } .content-gallery ul { list-style-type: none; margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; } .content-gallery ul li { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: calc(33.333333% - 1rem); flex-basis: calc(33.333333% - 1rem); margin: 0 1rem 1rem 0; } @supports (grid-area: auto) { .content-gallery ul { display: grid; grid-gap: 1rem; grid-template-columns: 1fr 1fr; } @media screen and (min-width: 41.25em) { .content-gallery ul { grid-gap: 1.5rem; grid-template-columns: 1fr 1fr 1fr; } } .content-gallery ul li { margin: 0; } } .newslist__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 2rem; padding: 0 0 2rem 0; border-bottom: 4px solid #F3DFA3; } .newslist__item.last { border-bottom: none; } .newslist__image { margin-bottom: 1.5rem; -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; } @media screen and (min-width: 56.25em) { .newslist__image { margin: 0; margin-right: 1.5rem; -webkit-box-flex: 0; -ms-flex: 0 1 30%; flex: 0 1 30%; } } .newslist__image img { width: 100%; } .newslist__meta { padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 0.8rem; color: #7FBA40; } .newslist__content { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; } @media screen and (min-width: 56.25em) { .newslist__image + .newslist__content { -webkit-box-flex: 0; -ms-flex: 0 1 65%; flex: 0 1 65%; } } .newslist__title { margin-bottom: 0.5rem; line-height: 1.2; margin-top: 0.25rem; } .newslist__title a { color: #000000; text-decoration: none; } .newslist__title a:hover, .newslist__title a:focus { color: #FCF7E8; } .mod_newsmenu ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0; padding: 0; } .mod_newsmenu li { list-style-type: none; margin: 0.25rem 0.5rem 0.25rem 0; -webkit-box-flex: 1; -ms-flex: 1 1 30%; flex: 1 1 30%; } .mod_newsmenu li a { background-color: #F3DFA3; padding: 0.25rem 0.5rem; color: #604B3C; text-decoration: none; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; display: block; text-align: center; border-radius: 4px; } .mod_newsmenu li a:hover, .mod_newsmenu li a:focus { background-color: #7FBA40; color: #E6F1DA; } .mod_newsmenu li strong { background-color: #F8AF46; padding: 0.25rem 0.5rem; display: block; text-align: center; border-radius: 4px; } .pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .pagination p { margin: 0; } .pagination ul { margin: 0; } .pagination li { display: inline-block; margin-right: 0.3rem; margin-bottom: 0.3em; } .pagination a, .pagination .active { display: block; width: 2.5rem; height: 2.5rem; background: #F3DFA3; border: 1px solid #F3DFA3; text-align: center; text-decoration: none; color: #604B3C; line-height: 2.5rem; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .pagination .active { background: #E09442; border: 1px solid #E09442; color: #604B3C; } .pagination a.next, .pagination a.previous, .pagination a.first, .pagination a.last { width: auto; padding: 0 0.5em; } .pagination a:hover, .pagination a:focus { background: #E09442; border: 1px solid #E09442; color: #FCF7E8; } .content-youtube figure { position: relative; aspect-ratio: 16/9; width: 100%; height: auto; max-width: 960px; margin-inline: auto; } .content-youtube .aspect--16\:9 { aspect-ratio: 16/9; } .content-youtube iframe, .content-youtube button { position: absolute; inset: 0; width: 100% !important; height: calc(100% + 1px) !important; border: none; } .content-youtube button { background-color: transparent; padding: 0; border: none; -webkit-transition: border-color 0.2s linear; transition: border-color 0.2s linear; cursor: pointer; } .content-youtube button:hover, .content-youtube button:focus { border-color: #F8AF46; } .content-youtube button:hover[data-splash-screen] picture::after, .content-youtube button:focus[data-splash-screen] picture::after { opacity: 1; } .content-youtube button span { position: absolute; bottom: 0; left: 50%; display: inline-block; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 100%; padding: 0.5rem; font-size: 0.875rem; font-style: italic; background-color: rgba(255, 255, 255, 0.5); text-wrap: balance; } @media screen and (min-width: 48em) { .content-youtube button span { font-size: 1rem; } } .content-youtube button::after { content: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'%3E%3Cpath d='M78.235 20.773a10.056 10.056 0 0 0-7.08-7.08C64.944 12 39.96 12 39.96 12s-24.987.051-31.195 1.744a10.055 10.055 0 0 0-7.08 7.08c-1.878 11.032-2.607 27.84.051 38.43a10.056 10.056 0 0 0 7.08 7.08c6.209 1.693 31.195 1.693 31.195 1.693s24.986 0 31.195-1.693a10.055 10.055 0 0 0 7.08-7.08c1.98-11.047 2.59-27.845-.051-38.48' fill='%23fff'/%3E%3Cpath d='m32.007 52.02 20.728-12.006-20.728-12.006V52.02Z' fill='%23F8AF46'/%3E%3C/svg%3E"); position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 80px; height: 80px; opacity: 0.7; -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .content-youtube button:hover::after { opacity: 1; } .btn, .btn-orange { display: inline-block; } .btn a, .btn-orange a { display: block; padding: 0.25em 1.2em; text-align: center; border: 1px solid #F8AF46; text-decoration: none; background-color: #F8AF46; color: #604B3C; -webkit-transition: all 0.3s; transition: all 0.3s; font-size: 1.111111rem; line-height: 1.5; font-family: "Fira Sans Condensed", "Arial Narrow", "Droid sans", "Helvetica Neue", Helvetica, sans-serif; } .btn a:hover, .btn a:focus, .btn-orange a:hover, .btn-orange a:focus { border: 1px solid #7FBA40; background-color: #7FBA40; color: #E6F1DA; } .btn-gruen { display: inline-block; } .btn-gruen a { display: block; padding: 0.25em 1.2em; text-align: center; border: 1px solid #7FBA40; text-decoration: none; background-color: #7FBA40; color: #fff; -webkit-transition: all 0.3s; transition: all 0.3s; font-size: 1.111111rem; line-height: 1.5; border-radius: 6px; font-family: "Fira Sans Condensed", "Arial Narrow", "Droid sans", "Helvetica Neue", Helvetica, sans-serif; } .btn-gruen a:hover, .btn-gruen a:focus { border: 1px solid #4F7029; background-color: #4F7029; color: #E6F1DA; } [class^=icon] { height: 1.6rem; width: 1.6rem; display: inline-block; margin-right: 0.125rem; -webkit-transform: translateY(0.45rem); transform: translateY(0.45rem); color: #6C6960; } #footer [class^=icon] { color: #fff; } [class^=icon] + span { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); padding: 0 !important; border: 0 !important; height: 1px !important; width: 1px !important; overflow: hidden !important; } .swiper-container { --swiper-theme-color: #F8AF46; --swiper-pagination-color: #F8AF46; --swiper-navigation-color: #F8AF46; } .swiper-wrapper { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 3rem; } .ce_swiperStart { position: relative; } .swiper-button-prev { left: calc(50% - 50px); bottom: 0; width: 2rem; height: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .swiper-button-prev::after { opacity: 0.8; -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .swiper-button-prev:hover::after, .swiper-button-prev:focus::after { opacity: 1; } .swiper-button-next { right: calc(50% - 50px); bottom: 0; width: 2rem; height: 100%; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .swiper-button-next::after { opacity: 0.8; -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .swiper-button-next:hover::after, .swiper-button-next:focus::after { opacity: 1; } /*Variable Werte für Grundstyle*/ /*Klassen für @extend*/ .fieldreset, .ce_form .widget-checkbox.dsgvo fieldset { border: none; padding: 0; } /*Basic Styles*/ .ce_form input, .ce_form label { display: block; } .ce_form label, .ce_form legend { color: #000000; } .ce_form label span.mandatory, .ce_form legend span.mandatory { color: red; } .ce_form input, .ce_form textarea { width: 100%; border: 1px solid #E09442; padding: 0.5em 1em; background-color: #fff; color: #604B3C; border-radius: 6px; } .ce_form input:focus, .ce_form textarea:focus { background: #fafafa; } .ce_form input[type=image] { width: auto; } .ce_form input:valid { color: #604B3C; } .ce_form input:invalid { color: gray; } .ce_form fieldset { border: 1px solid #E09442; } .ce_form .widget { margin-bottom: 2em; } .ce_form .widget-checkbox .checkbox_container > span { display: block; position: relative; } .ce_form .widget-checkbox .checkbox_container > span label { padding-left: 30px; } .ce_form .widget-checkbox .checkbox_container > span label::before { content: " "; display: block; position: absolute; left: 0; top: 5px; height: 20px; width: 20px; border: 1px solid #E09442; background: #fff; text-align: center; cursor: pointer; border-radius: 4px; } .ce_form .widget-checkbox .checkbox_container > span input:checked ~ label::before { content: "✔ "; line-height: 1; font-size: 20px; } .ce_form .widget-checkbox.dsgvo legend { display: none; } .ce_form .widget-radio .radio_container > span { display: block; position: relative; } .ce_form .widget-radio .radio_container > span label { padding-left: 30px; } .ce_form .widget-radio .radio_container > span label::before { content: " "; display: block; position: absolute; left: 0; height: 20px; width: 20px; border-radius: 50%; border: 1px solid #E09442; background: #fff; text-align: center; cursor: pointer; } .ce_form .widget-radio .radio_container > span input:checked ~ label::before { content: "✔ "; line-height: 1; font-size: 20px; } .ce_form .widget-submit button { background: #F8AF46; color: #311D02; padding: 0.5em 1em; border: 1px solid #F8AF46; cursor: pointer; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; border-radius: 4px; } .ce_form .widget-submit button:hover { background: #7FBA40; color: #E6F1DA; border: 1px solid #7FBA40; } .backtotop { position: fixed; right: 10px; bottom: 10px; z-index: 1000; } .backtotop a { display: block; padding: 0.25rem; text-decoration: none; background-color: rgba(204, 118, 25, 0.7); color: #FCF7E8; line-height: 1; -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.25); box-shadow: 0 0 50px rgba(0, 0, 0, 0.25); border-radius: 4px; } .backtotop a:hover { background-color: #CC7619; } .backtotop span { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); padding: 0 !important; border: 0 !important; height: 1px !important; width: 1px !important; overflow: hidden !important; } .backtotop svg.icon-chevron-up { color: #FCF7E8; fill: #FCF7E8; width: 40px; height: 40px; margin-right: 0; -webkit-transform: translateY(0); transform: translateY(0); }