.cc-head>*:first-child{margin-top:0}.cc-head>*:last-child{margin-bottom:15px}.contao-cookiebar{--ccb-backdrop: rgba(0, 0, 0, .75);--ccb-anim-duration: .5s;--ccb-checked-clr: #399d32;--ccb-checked-bg: #dcf3db;--ccb-unchecked-clr: #9c9b99;--ccb-unchecked-bg: #fff;--ccb-disabled-clr: #c8c7c5;--ccb-disabled-bg: #f4f4f4;--ccb-focus-clr: #00a4f4;position:fixed;inset:0;z-index:9999;display:flex;align-items:var(--ccb-align, center);justify-content:var(--ccb-justify, center);letter-spacing:0;padding:15px;max-height:100dvh;box-sizing:border-box;pointer-events:none;overflow:hidden;color:var(--ccb-clr, #444)}.contao-cookiebar *{box-sizing:border-box}.contao-cookiebar p{color:var(--ccb-text, #868686);line-height:1.4}.contao-cookiebar label{position:relative;display:block;padding:8px 13px 8px 0;line-height:1.2rem}.contao-cookiebar label.group{font-weight:600}.contao-cookiebar input{position:absolute;width:1px;height:1px;outline:0 none;opacity:0}.contao-cookiebar input+label{padding:8px 13px 8px 45px;cursor:pointer}.contao-cookiebar input+label:before,.contao-cookiebar input+label:after{content:"";position:absolute;border-radius:10px}.contao-cookiebar input+label:before{top:7px;left:0;width:35px;height:18px;margin:0;box-sizing:content-box;background:var(--ccb-unchecked-bg);border:1px solid var(--ccb-unchecked-clr);transition:border-color .2s}.contao-cookiebar input+label:after{display:block;top:11px;left:4px;width:12px;height:12px;background:var(--ccb-unchecked-clr);transition:background .2s,margin-left .2s,padding .2s}.contao-cookiebar input+label:active:after{padding-left:5px}.contao-cookiebar input.cc-group-half+label:after{background:linear-gradient(to right, var(--ccb-unchecked-clr) 0%, var(--ccb-unchecked-clr) 50%, var(--ccb-checked-clr) 50%, var(--ccb-checked-clr) 100%)}.contao-cookiebar input:checked+label:after{background:var(--ccb-checked-clr);margin-left:17px}.contao-cookiebar input:checked+label:active:after{margin-left:12px}.contao-cookiebar input:checked+label:before{background:var(--ccb-checked-bg);border-color:var(--ccb-checked-clr)}.contao-cookiebar input:disabled+label{pointer-events:none}.contao-cookiebar input:disabled+label:after{background:var(--ccb-disabled-clr)}.contao-cookiebar input:disabled+label:before{background:var(--ccb-disabled-bg);border-color:var(--ccb-disabled-clr)}.contao-cookiebar input:focus-visible+label:before{outline:3px dashed var(--ccb-focus-clr);outline-offset:2px}.contao-cookiebar .cc-btn{display:inline-block;cursor:pointer;width:100%;padding:8px 14px;margin-bottom:8px;font-size:15px;outline:0 none;border:1px solid var(--ccb-btn-bdr, #cfcfcf);border-radius:4px;color:var(--ccb-btn-clr, #444);background:var(--ccb-btn-bg, #f5f5f5)}.contao-cookiebar .cc-btn:hover,.contao-cookiebar .cc-btn:focus{background:var(--ccb-btn-bg-hvr, #ececec)}.contao-cookiebar .cc-btn:last-child{margin-bottom:0}.contao-cookiebar .grayscale{--ccb-btn-bg: #f1efef;--ccb-btn-bg-hvr: #ececec}.contao-cookiebar .grayscale .success{--ccb-btn-bg: #fbfbfb;--ccb-btn-bg-hvr: #f7f7f7}.contao-cookiebar .highlight .success{--ccb-btn-bg: #4e9e3e;--ccb-btn-bg-hvr: #4c933f;--ccb-btn-bdr: #3e7830;--ccb-btn-clr: #fff}.cc-focus:focus-visible{outline:3px dashed var(--ccb-focus-clr);outline-offset:-3px}.cc-invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;float:left}.cc-inner{display:inline-block;overflow-y:auto;max-height:100%;max-width:100%;padding:23px;border-radius:3px;opacity:0;pointer-events:none;visibility:hidden;font-size:1rem;text-align:left;background:var(--ccb-bg, #fff);box-shadow:var(--ccb-box-shadow, rgba(99, 99, 99, 0.2)) 0 2px 8px 0;animation:var(--ccb-anim, cookiebar-middle-in) var(--ccb-anim-duration) ease-in-out forwards}.cc-group{position:relative;border:1px solid var(--ccb-bdr, #d0d0d0);border-radius:5px;margin-bottom:10px}.cc-cookie-info{font-size:.875rem;background:var(--ccb-info-bg, #fff);border:1px solid var(--ccb-info-bdr, #efefef);padding:10px;border-radius:5px}.cc-cookie-info>div>span{font-weight:600}.cc-cookie-info>div+div{margin-top:5px;word-wrap:break-word}.cc-cookie-info+button.cc-detail-btn-details{margin-top:15px}.cc-cookies{background:var(--ccb-cookies-bg, #fbfbfb);border-radius:0 0 5px 5px}.cc-cookies>p{font-size:.875rem}.cc-cookies>p,.cc-cookies>.cc-cookie{margin:0;padding:15px;border-top:1px solid var(--ccb-cookies-bdr, #fbfbfb)}.cc-cookie label.cookie+*{margin-top:10px}.cc-cookie p{margin:0 0 15px;font-size:.875rem}.cc-cookie-desc p{margin-bottom:0}.cc-footer,.cc-info{text-align:center}.cc-info{margin-top:15px}.cc-info>p{font-size:.875rem}.cc-info>a{display:inline-block;font-size:.813rem;color:var(--ccb-detail-clr, #a2a2a2);text-decoration:none}.cc-info>a:hover{color:var(--ccb-detail-clr-hvr, #717171)}.cc-info>a+a:before{display:inline-block;content:"·";margin-right:5px}.cc-active .cc-inner{opacity:1;pointer-events:auto;visibility:visible}.cc-active.cc-blocked{pointer-events:auto;animation:cookiebar-overlay-in var(--ccb-anim-duration) ease-in-out forwards}.cc-saved.cc-inner{opacity:0;pointer-events:none;visibility:hidden}.cc-saved.cc-blocked{pointer-events:none;animation:cookiebar-overlay-out var(--ccb-anim-duration) ease-in-out forwards}.cc-left{--ccb-justify: flex-start}.cc-right{--ccb-justify: flex-end}.cc-top{--ccb-align: flex-start}.cc-top.cc-active{--ccb-anim: cookiebar-top-in}.cc-top.cc-saved{--ccb-anim: cookiebar-top-out}.cc-middle.cc-active{--ccb-anim: cookiebar-middle-in}.cc-middle.cc-saved{--ccb-anim: cookiebar-middle-out}.cc-bottom{--ccb-align: flex-end}.cc-bottom.cc-active{--ccb-anim: cookiebar-bottom-in}.cc-bottom.cc-saved{--ccb-anim: cookiebar-bottom-out}@media(min-width: 768px){.contao-cookiebar .cc-btn{width:auto;margin-bottom:0}.cc-inner{max-width:var(--ccb-max-width, 750px)}}@media(forced-colors){.contao-cookiebar input+label:after{border:1px solid currentColor}.cc-inner{border:1px solid currentColor}input.cc-group-half+label:after{margin-left:9px}}@media(prefers-reduced-motion){.contao-cookiebar{--ccb-anim-duration: 2s}}@media print{.contao-cookiebar{opacity:0}}@keyframes cookiebar-overlay-in{0%{background:rgba(0,0,0,0)}to{background:var(--ccb-backdrop)}}@keyframes cookiebar-overlay-out{0%{background:var(--ccb-backdrop)}to{background:rgba(0,0,0,0);visibility:hidden}}@keyframes cookiebar-top-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-top-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(-100%)}}@keyframes cookiebar-middle-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes cookiebar-middle-out{0%{opacity:1;visibility:visible;transform:scale(1)}to{opacity:0;visibility:hidden;transform:scale(0)}}@keyframes cookiebar-bottom-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-bottom-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(100%)}}.cc-group{display:flex;flex-wrap:wrap;justify-content:space-between;align-content:center}.cc-group>label{flex-grow:1;margin:5px 0 5px 10px}.cc-cookies{display:none;width:100%}.cc-detail-btn{padding:8px 10px;line-height:1.2rem}.cc-detail-btn-details{text-decoration:underline;padding:0;margin:0 0 10px}.cc-detail-btn,.cc-detail-btn-details{display:inline-block;color:var(--ccb-detail-clr, #a2a2a2);border:0 none;outline:0 none;background:rgba(0,0,0,0);font-size:13px;letter-spacing:0;text-transform:initial;cursor:pointer}.cc-detail-btn span:nth-child(2),.cc-detail-btn-details span:nth-child(2){display:none}.cc-detail-btn.cc-active span:nth-child(1),.cc-detail-btn-details.cc-active span:nth-child(1){display:none}.cc-detail-btn.cc-active span:nth-child(2),.cc-detail-btn-details.cc-active span:nth-child(2){display:inline}.cc-detail-btn:hover,.cc-detail-btn-details:hover{background:rgba(0,0,0,0);color:var(--ccb-detail-clr-hvr, #717171)}
/**
* Swiper 8.4.4
* Most modern mobile touch slider and framework with hardware accelerated transitions
* https://swiperjs.com
*
* Copyright 2014-2022 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: October 13, 2022
*/
@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-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-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-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-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cube{overflow:visible}.swiper-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-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.vee-section{}.vee-section--full-height{display:flex;min-height:100vh}.vee-section--underlay,.vee-section--overlay,.vee-section--divider,.vee-section--kenburns,.vee-section--bg-image{position:relative}.vee-section:not(.vee-section--boxed){padding-top:96px;padding-bottom:64px}@media (min-width:576px){.vee-section:not(.vee-section--boxed){padding-top:96px;padding-bottom:64px}}@media (min-width:768px){.vee-section:not(.vee-section--boxed){padding-top:96px;padding-bottom:64px}}@media (min-width:992px){.vee-section:not(.vee-section--boxed){padding-top:120px;padding-bottom:88px}}@media (min-width:1200px){.vee-section:not(.vee-section--boxed){padding-top:120px;padding-bottom:88px}}@media (min-width:1400px){.vee-section:not(.vee-section--boxed){padding-top:120px;padding-bottom:88px}}.vee-section:not(.vee-section--boxed).small-padding-top{padding-top:48px}@media (min-width:576px){.vee-section:not(.vee-section--boxed).small-padding-top{padding-top:48px}}@media (min-width:768px){.vee-section:not(.vee-section--boxed).small-padding-top{padding-top:48px}}@media (min-width:992px){.vee-section:not(.vee-section--boxed).small-padding-top{padding-top:64px}}@media (min-width:1200px){.vee-section:not(.vee-section--boxed).small-padding-top{padding-top:64px}}@media (min-width:1400px){.vee-section:not(.vee-section--boxed).small-padding-top{padding-top:64px}}.vee-section:not(.vee-section--boxed).small-padding-bottom{padding-bottom:16px}@media (min-width:576px){.vee-section:not(.vee-section--boxed).small-padding-bottom{padding-bottom:16px}}@media (min-width:768px){.vee-section:not(.vee-section--boxed).small-padding-bottom{padding-bottom:16px}}@media (min-width:992px){.vee-section:not(.vee-section--boxed).small-padding-bottom{padding-bottom:32px}}@media (min-width:1200px){.vee-section:not(.vee-section--boxed).small-padding-bottom{padding-bottom:32px}}@media (min-width:1400px){.vee-section:not(.vee-section--boxed).small-padding-bottom{padding-bottom:32px}}.vee-section:not(.vee-section--boxed).large-padding-top{padding-top:144px}@media (min-width:576px){.vee-section:not(.vee-section--boxed).large-padding-top{padding-top:144px}}@media (min-width:768px){.vee-section:not(.vee-section--boxed).large-padding-top{padding-top:144px}}@media (min-width:992px){.vee-section:not(.vee-section--boxed).large-padding-top{padding-top:144px}}@media (min-width:1200px){.vee-section:not(.vee-section--boxed).large-padding-top{padding-top:144px}}@media (min-width:1400px){.vee-section:not(.vee-section--boxed).large-padding-top{padding-top:144px}}.vee-section:not(.vee-section--boxed).large-padding-bottom{padding-bottom:112px}@media (min-width:576px){.vee-section:not(.vee-section--boxed).large-padding-bottom{padding-bottom:112px}}@media (min-width:768px){.vee-section:not(.vee-section--boxed).large-padding-bottom{padding-bottom:112px}}@media (min-width:992px){.vee-section:not(.vee-section--boxed).large-padding-bottom{padding-bottom:112px}}@media (min-width:1200px){.vee-section:not(.vee-section--boxed).large-padding-bottom{padding-bottom:112px}}@media (min-width:1400px){.vee-section:not(.vee-section--boxed).large-padding-bottom{padding-bottom:112px}}.vee-section:not(.vee-section--boxed).no-padding-top{padding-top:0}.vee-section:not(.vee-section--boxed).no-padding-bottom{padding-bottom:0}.vee-section--boxed>.vee-section__container{padding-top:96px;padding-bottom:64px}@media (min-width:576px){.vee-section--boxed>.vee-section__container{padding-top:96px;padding-bottom:64px}}@media (min-width:768px){.vee-section--boxed>.vee-section__container{padding-top:96px;padding-bottom:64px}}@media (min-width:992px){.vee-section--boxed>.vee-section__container{padding-top:120px;padding-bottom:88px}}@media (min-width:1200px){.vee-section--boxed>.vee-section__container{padding-top:120px;padding-bottom:88px}}@media (min-width:1400px){.vee-section--boxed>.vee-section__container{padding-top:120px;padding-bottom:88px}}.vee-section--boxed.small-padding-top>.vee-section__container{padding-top:48px}@media (min-width:576px){.vee-section--boxed.small-padding-top>.vee-section__container{padding-top:48px}}@media (min-width:768px){.vee-section--boxed.small-padding-top>.vee-section__container{padding-top:48px}}@media (min-width:992px){.vee-section--boxed.small-padding-top>.vee-section__container{padding-top:64px}}@media (min-width:1200px){.vee-section--boxed.small-padding-top>.vee-section__container{padding-top:64px}}@media (min-width:1400px){.vee-section--boxed.small-padding-top>.vee-section__container{padding-top:64px}}.vee-section--boxed.small-padding-bottom>.vee-section__container{padding-bottom:16px}@media (min-width:576px){.vee-section--boxed.small-padding-bottom>.vee-section__container{padding-bottom:16px}}@media (min-width:768px){.vee-section--boxed.small-padding-bottom>.vee-section__container{padding-bottom:16px}}@media (min-width:992px){.vee-section--boxed.small-padding-bottom>.vee-section__container{padding-bottom:32px}}@media (min-width:1200px){.vee-section--boxed.small-padding-bottom>.vee-section__container{padding-bottom:32px}}@media (min-width:1400px){.vee-section--boxed.small-padding-bottom>.vee-section__container{padding-bottom:32px}}.vee-section--boxed.large-padding-top>.vee-section__container{padding-top:144px}@media (min-width:576px){.vee-section--boxed.large-padding-top>.vee-section__container{padding-top:144px}}@media (min-width:768px){.vee-section--boxed.large-padding-top>.vee-section__container{padding-top:144px}}@media (min-width:992px){.vee-section--boxed.large-padding-top>.vee-section__container{padding-top:144px}}@media (min-width:1200px){.vee-section--boxed.large-padding-top>.vee-section__container{padding-top:144px}}@media (min-width:1400px){.vee-section--boxed.large-padding-top>.vee-section__container{padding-top:144px}}.vee-section--boxed.large-padding-bottom>.vee-section__container{padding-bottom:112px}@media (min-width:576px){.vee-section--boxed.large-padding-bottom>.vee-section__container{padding-bottom:112px}}@media (min-width:768px){.vee-section--boxed.large-padding-bottom>.vee-section__container{padding-bottom:112px}}@media (min-width:992px){.vee-section--boxed.large-padding-bottom>.vee-section__container{padding-bottom:112px}}@media (min-width:1200px){.vee-section--boxed.large-padding-bottom>.vee-section__container{padding-bottom:112px}}@media (min-width:1400px){.vee-section--boxed.large-padding-bottom>.vee-section__container{padding-bottom:112px}}.vee-section--boxed.no-padding-top>.vee-section__container{padding-top:0}.vee-section--boxed.no-padding-bottom>.vee-section__container{padding-bottom:0}.vee-section--limited-content-width .vee-section__content{max-width:1920px;margin-left:auto;margin-right:auto}.vee-section__underlay{position:absolute;top:0;left:0;z-index:-101;width:100%;height:100%}.vee-section__overlay{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%}.vee-section__content{position:relative;z-index:1}.vee-section__bg-image{position:absolute;inset:0}.vee-section__bg-image figure,.vee-section__bg-image picture{height:100%}.vee-section__bg-image img{width:100%;height:100%;object-position:var(--background-position);object-fit:var(--background-size)}.vee-section__toggler{display:none;cursor:pointer}@media (max-width:575.98px){.vee-section__toggler--xs{display:block}.vee-section__toggler--xs:not(.active)+.vee-section__content{max-height:0;overflow:hidden}}@media (min-width:576px) and (max-width:767.98px){.vee-section__toggler--sm{display:block}.vee-section__toggler--sm:not(.active)+.vee-section__content{max-height:0;overflow:hidden}}@media (min-width:768px) and (max-width:991.98px){.vee-section__toggler--md{display:block}.vee-section__toggler--md:not(.active)+.vee-section__content{max-height:0;overflow:hidden}}@media (min-width:992px) and (max-width:1199.98px){.vee-section__toggler--lg{display:block}.vee-section__toggler--lg:not(.active)+.vee-section__content{max-height:0;overflow:hidden}}@media (min-width:1200px) and (max-width:1399.98px){.vee-section__toggler--xl{display:block}.vee-section__toggler--xl:not(.active)+.vee-section__content{max-height:0;overflow:hidden}}@media (min-width:1400px){.vee-section__toggler--xxl{display:block}.vee-section__toggler--xxl:not(.active)+.vee-section__content{max-height:0;overflow:hidden}}.vee-section__divider{position:absolute;left:0;width:100%;background-size:100% 100%}.vee-section__divider--top{top:0}.vee-section__divider--bottom{bottom:0;transform:scaleY(-1.01)}.vee-section__divider--bottom.vee-section__divider--flip-x{transform:scale3d(-1, -1, 1)}.vee-section__divider--position-below{z-index:0}.vee-section__divider--position-above{z-index:2}.vee-section__divider--flip-x{transform:scaleX(-1)}.vee-section.vegas-container .vegas-wrapper{display:flex}.vee-section.vegas-container .vegas-content-scrollable{position:static;flex-grow:1}.vee-section.vegas-container.justify-content-start .vegas-wrapper{justify-content:flex-start}.vee-section.vegas-container.justify-content-center .vegas-wrapper{justify-content:center}.vee-section.vegas-container.justify-content-end .vegas-wrapper{justify-content:flex-end}.vee-section.vegas-container.align-items-start .vegas-wrapper{align-items:flex-start}.vee-section.vegas-container.align-items-center .vegas-wrapper{align-items:center}.vee-section.vegas-container.align-items-end .vegas-wrapper{align-items:flex-end}
.vee-slider{position:relative}.vee-slider__container{position:relative}.vee-slider--fixed-height .swiper,.vee-slider--fixed-height .swiper-wrapper,.vee-slider--fixed-height .swiper-wrapper>*:not(.swiper-slide),.vee-slider--fixed-height .swiper-slide{height:100%}.vee-slider .swiper-vertical{max-height:100%}.vee-slider .swiper:not(.swiper-autoheight) .swiper-wrapper>*:not(.swiper-slide),.vee-slider .swiper:not(.swiper-autoheight) .swiper-slide{height:auto}.vee-slider .swiper-navigation{margin:0}.vee-slider .swiper-navigation.container{position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%);z-index:2;pointer-events:none;border:solid transparent;border-width:0 16px}.vee-slider .swiper-navigation.container>*{pointer-events:auto}.vee-slider .swiper-button-prev,.vee-slider .swiper-button-next{position:absolute;display:flex;justify-content:center;align-items:center;width:1.5em;height:1.5em;margin:0;padding:0;color:#fff;font-size:1.5rem;text-align:center;background-color:#c1022c;border-radius:0;transition:all 0.4s;z-index:1}.vee-slider .swiper-button-prev.swiper-button-disabled,.vee-slider .swiper-button-next.swiper-button-disabled{opacity:0.4;cursor:auto;pointer-events:none}.vee-slider .swiper-button-lock{display:none}.vee-slider .swiper-pagination-container{position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%);z-index:1;pointer-events:none;border:solid transparent;border-width:0 16px}.vee-slider .swiper-pagination-container>*{pointer-events:auto}.vee-slider .swiper-pagination{transition:300ms opacity;position:relative;z-index:1}.vee-slider .swiper-pagination-lock{display:none}.vee-slider .swiper-pagination{text-align:center;max-width:100%;width:fit-content}.vee-slider .swiper-pagination.swiper-pagination-hidden{opacity:0}.vee-slider .swiper-pagination-bullet{display:inline-block;width:1rem;height:1rem;margin:0 0.25rem;padding:0;background:#d6d6d6;border:none;border-radius:50%;transition:all 0.4s}.vee-slider .swiper-pagination-bullet:focus{outline:none}.vee-slider .swiper-pagination-bullet-active{background:#c1022c}buttonself-bullet{border:0;box-shadow:none;appearance:none}.swiper-pagination-clickable .vee-slider .swiper-pagination-bullet{cursor:pointer}.vee-slider .swiper-pagination-bullet:only-child{display:none !important}.vee-slider .swiper-pagination-bullets-dynamic{overflow:hidden}.vee-slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(0.33);position:relative}.vee-slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.vee-slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.vee-slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(0.66)}.vee-slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(0.33)}.vee-slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(0.66)}.vee-slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(0.33)}.vee-slider .swiper-vertical~.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:block;margin:0.25rem 0}.vee-slider .swiper-horizontal~.swiper-pagination-bullets-dynamic{white-space:nowrap}.vee-slider .swiper-pagination-progressbar{background:rgba(0, 0, 0, 0.25);left:0;right:0;height:0.5rem;position:absolute;width:auto;max-width:none}.vee-slider .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#c1022c;position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .vee-slider .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.vee-slider .swiper-wrapper>*:not(.swiper-slide){flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.vee-slider .swiper-wrapper>*:not(.swiper-slide),.vee-slider .swiper-slide{display:flex;flex-wrap:wrap}.vee-slider .swiper-wrapper>*:not(.swiper-slide)>*,.vee-slider .swiper-slide>*{width:100%}.vee-slider .swiper-wrapper>*:not(.swiper-slide)>[class*="ce_"],.vee-slider .swiper-wrapper>*:not(.swiper-slide)>[class*="mod_"],.vee-slider .swiper-slide>[class*="ce_"],.vee-slider .swiper-slide>[class*="mod_"]{margin-bottom:calc(max(32px, 1rem))}.vee-slider .swiper-wrapper>*:not(.swiper-slide)>[class*="ce_"]>*:last-child,.vee-slider .swiper-wrapper>*:not(.swiper-slide)>[class*="mod_"]>*:last-child,.vee-slider .swiper-slide>[class*="ce_"]>*:last-child,.vee-slider .swiper-slide>[class*="mod_"]>*:last-child{margin-bottom:0}@media (min-width:576px){.vee-slider .swiper-wrapper>*:not(.swiper-slide)>[class*="ce_"],.vee-slider .swiper-wrapper>*:not(.swiper-slide)>[class*="mod_"],.vee-slider .swiper-slide>[class*="ce_"],.vee-slider .swiper-slide>[class*="mod_"]{margin-bottom:calc(max(32px, 1rem))}}@media (min-width:768px){.vee-slider .swiper-wrapper>*:not(.swiper-slide)>[class*="ce_"],.vee-slider .swiper-wrapper>*:not(.swiper-slide)>[class*="mod_"],.vee-slider .swiper-slide>[class*="ce_"],.vee-slider .swiper-slide>[class*="mod_"]{margin-bottom:calc(max(32px, 1rem))}}@media (min-width:992px){.vee-slider .swiper-wrapper>*:not(.swiper-slide)>[class*="ce_"],.vee-slider .swiper-wrapper>*:not(.swiper-slide)>[class*="mod_"],.vee-slider .swiper-slide>[class*="ce_"],.vee-slider .swiper-slide>[class*="mod_"]{margin-bottom:calc(max(32px, 1rem))}}@media (min-width:1200px){.vee-slider .swiper-wrapper>*:not(.swiper-slide)>[class*="ce_"],.vee-slider .swiper-wrapper>*:not(.swiper-slide)>[class*="mod_"],.vee-slider .swiper-slide>[class*="ce_"],.vee-slider .swiper-slide>[class*="mod_"]{margin-bottom:calc(max(32px, 1rem))}}@media (min-width:1400px){.vee-slider .swiper-wrapper>*:not(.swiper-slide)>[class*="ce_"],.vee-slider .swiper-wrapper>*:not(.swiper-slide)>[class*="mod_"],.vee-slider .swiper-slide>[class*="ce_"],.vee-slider .swiper-slide>[class*="mod_"]{margin-bottom:calc(max(32px, 1rem))}}.vee-slider .swiper-scrollbar{border-radius:0;position:relative;-ms-touch-action:none;background:rgba(0, 0, 0, 0.1);overflow:hidden}.vee-slider .swiper-horizontal~.swiper-scrollbar{position:absolute;left:0;right:0;z-index:50;height:0.5rem}.vee-slider .swiper-horizontal~.swiper-scrollbar--start{top:0}.vee-slider .swiper-horizontal~.swiper-scrollbar--end{bottom:0}.vee-slider .swiper-vertical~.swiper-scrollbar{position:absolute;top:0;bottom:0;z-index:50;width:0.5rem}.vee-slider .swiper-vertical~.swiper-scrollbar--start{left:0}.vee-slider .swiper-vertical~.swiper-scrollbar--end{right:0}.vee-slider .swiper-scrollbar-drag{height:100%;width:100%;position:relative;background-color:#c1022c;border-radius:0;left:0;top:0}.vee-slider .swiper-scrollbar-cursor-drag{cursor:move}.vee-slider .swiper-scrollbar-lock{display:none}.vee-slider--nav-1 .swiper-pagination:not(.swiper-pagination-progressbar){position:absolute;bottom:0;left:0}.vee-slider--nav-1 .swiper-pagination-progressbar{bottom:0}.vee-slider--nav-2 .swiper-pagination:not(.swiper-pagination-progressbar){position:absolute;bottom:0;left:50%;transform:translateX(-50%)}.vee-slider--nav-2 .swiper-pagination-progressbar{bottom:0}.vee-slider--nav-3 .swiper-pagination:not(.swiper-pagination-progressbar){position:absolute;right:0;bottom:0}.vee-slider--nav-3 .swiper-pagination-progressbar{bottom:0}.vee-slider--nav-4 .swiper-pagination:not(.swiper-pagination-progressbar){text-align:left;position:absolute;top:0;left:0}.vee-slider--nav-4 .swiper-pagination-progressbar{top:0}.vee-slider--nav-5 .swiper-pagination:not(.swiper-pagination-progressbar){position:absolute;top:0;left:50%;transform:translateX(-50%)}.vee-slider--nav-5 .swiper-pagination-progressbar{top:0}.vee-slider--nav-6 .swiper-pagination:not(.swiper-pagination-progressbar){position:absolute;top:0;right:0}.vee-slider--nav-6 .swiper-pagination-progressbar{top:0}.vee-slider--nav-7 .swiper-pagination:not(.swiper-pagination-progressbar){position:absolute;top:50%;left:0;display:block;transform:translateY(-50%)}.vee-slider--nav-7 .swiper-pagination-bullets:not(.swiper-pagination-bullets-dynamic) .swiper-pagination-bullet{display:block;margin:0.25rem 0}.vee-slider--nav-7 .swiper-pagination-progressbar{top:0;width:0.5rem;bottom:0;right:auto;height:auto}.vee-slider--nav-8 .swiper-pagination:not(.swiper-pagination-progressbar){position:absolute;top:50%;right:0;display:block;transform:translateY(-50%)}.vee-slider--nav-8 .swiper-pagination-bullets:not(.swiper-pagination-bullets-dynamic) .swiper-pagination-bullet{display:block;margin:0.25rem 0}.vee-slider--nav-8 .swiper-pagination-progressbar{left:auto;right:0;top:0;bottom:0;width:0.5rem;height:auto}.vee-slider--controls-1 .swiper-button-prev{top:50%;left:0;transform:translateY(-50%)}.vee-slider--controls-1 .swiper-button-next{top:50%;right:0;transform:translateY(-50%)}.vee-slider--controls-2 .swiper-button-prev{bottom:0;left:calc(50% - 1px);transform:translateX(-100%)}.vee-slider--controls-2 .swiper-button-next{bottom:0;left:calc(50% + 1px)}.vee-slider--controls-3 .swiper-button-prev{right:1px;bottom:0;transform:translateX(-100%)}.vee-slider--controls-3 .swiper-button-next{right:0;bottom:0}.vee-slider--controls-4 .swiper-button-prev{bottom:0;left:0}.vee-slider--controls-4 .swiper-button-next{bottom:0;left:1px;transform:translateX(100%)}.vee-slider--controls-5 .swiper-button-prev{bottom:0;left:0}.vee-slider--controls-5 .swiper-button-next{right:0;bottom:0}.vee-slider--controls-6 .swiper-button-prev{top:0;left:calc(50% - 1px);transform:translateX(-100%)}.vee-slider--controls-6 .swiper-button-next{top:0;left:calc(50% + 1px)}.vee-slider--controls-7 .swiper-button-prev{top:0;right:1px;transform:translateX(-100%)}.vee-slider--controls-7 .swiper-button-next{top:0;right:0}.vee-slider--controls-8 .swiper-button-prev{top:0;left:0}.vee-slider--controls-8 .swiper-button-next{top:0;left:1px;transform:translateX(100%)}.vee-slider--controls-9 .swiper-button-prev{top:0;left:0}.vee-slider--controls-9 .swiper-button-next{top:0;right:0}
.vee-icon-box-3{display:flex;flex-wrap:nowrap;align-items:center;position:relative}.vee-icon-box-3--stretched-link .vee-icon-box-3__headline a::after,.vee-icon-box-3--stretched-link .vee-link-wrapper a::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:""}.vee-icon-box-3--stretched-link .vee-button{position:relative;z-index:2}.vee-icon-box-3__headline{margin-top:0.25rem;margin-bottom:1rem;font-size:1.25rem}.vee-icon-box-3__headline a{color:inherit}.vee-icon-box-3__headline a:hover{text-decoration:none}.vee-icon-box-3__text{margin-bottom:1rem}.vee-icon-box-3__icon{flex:0 0 auto;align-self:flex-start;margin-right:2rem;font-size:2rem}.vee-icon-box-3__icon>div{display:flex;justify-content:center;align-items:center}.vee-icon-box-3__icon--font>div{width:1em;height:1em}.vee-icon-box-3__icon--right{order:1;margin-right:0;margin-left:2rem}.vee-icon-box-3__content>:last-child{margin-bottom:0}.vee-icon-box-3__content--right{text-align:right}
.vee-headline-10 h1,h1.vee-headline-10{position:relative;display:flex;flex-direction:column;align-items:flex-start;margin:0 0 0.5rem 0;text-align:left;padding-top:16px}.vee-headline-10 h1::before,h1.vee-headline-10::before{position:absolute;top:0;height:1px;background:var(--headline-border-color, #c1022c);content:""}.vee-headline-10 h1::before,h1.vee-headline-10::before{width:40px}.vee-headline-10 h2,h2.vee-headline-10{position:relative;display:flex;flex-direction:column;align-items:flex-start;margin:0 0 0.5rem 0;text-align:left;padding-top:16px}.vee-headline-10 h2::before,h2.vee-headline-10::before{position:absolute;top:0;height:1px;background:var(--headline-border-color, #c1022c);content:""}.vee-headline-10 h2::before,h2.vee-headline-10::before{width:38px}.vee-headline-10 h3,h3.vee-headline-10{position:relative;display:flex;flex-direction:column;align-items:flex-start;margin:0 0 0.5rem 0;text-align:left;padding-top:16px}.vee-headline-10 h3::before,h3.vee-headline-10::before{position:absolute;top:0;height:1px;background:var(--headline-border-color, #c1022c);content:""}.vee-headline-10 h3::before,h3.vee-headline-10::before{width:34px}.vee-headline-10 h4,h4.vee-headline-10{position:relative;display:flex;flex-direction:column;align-items:flex-start;margin:0 0 0.5rem 0;text-align:left;padding-top:12px}.vee-headline-10 h4::before,h4.vee-headline-10::before{position:absolute;top:0;height:1px;background:var(--headline-border-color, #c1022c);content:""}.vee-headline-10 h4::before,h4.vee-headline-10::before{width:30px}.vee-headline-10 h5,h5.vee-headline-10{position:relative;display:flex;flex-direction:column;align-items:flex-start;margin:0 0 0.5rem 0;text-align:left;padding-top:12px}.vee-headline-10 h5::before,h5.vee-headline-10::before{position:absolute;top:0;height:1px;background:var(--headline-border-color, #c1022c);content:""}.vee-headline-10 h5::before,h5.vee-headline-10::before{width:26px}.vee-headline-10 h6,h6.vee-headline-10{position:relative;display:flex;flex-direction:column;align-items:flex-start;margin:0 0 0.5rem 0;text-align:left;padding-top:12px}.vee-headline-10 h6::before,h6.vee-headline-10::before{position:absolute;top:0;height:1px;background:var(--headline-border-color, #c1022c);content:""}.vee-headline-10 h6::before,h6.vee-headline-10::before{width:20px}
.vee-accordion{overflow-anchor:none}.vee-accordion .ui-accordion-header-icon{display:none}.vee-accordion .ui-state-focus{outline:none}.vee-accordion__toggler{position:relative;display:flex;justify-content:space-between;align-items:center;font-weight:bold;font-family:"Gilda Display", sans-serif;color:inherit;margin:0 0 0.25rem;border:1px solid #c1022c;cursor:pointer;transition:all 0.4s ease-in-out}.vee-accordion__toggler:hover,.vee-accordion__toggler.active{color:#333}.vee-accordion__toggler-icon{position:relative;flex-shrink:0;overflow:hidden;transition:all 0.4s}.vee-accordion__toggler-icon i{display:block;transition:all 0.25s ease;top:0;left:0}.vee-accordion__toggler-icon i:last-child{position:absolute}.vee-accordion__toggler-icon i:first-child{position:relative}.vee-accordion__toggler-headline>*{all:inherit}.vee-accordion__content{border:1px solid #c1022c;margin:0 0 0.25rem}.vee-accordion__content p:last-child{margin:0}.vee-accordion--fade .vee-accordion__toggler i{transition:all 0.4s ease}.vee-accordion--fade .vee-accordion__toggler i:last-child{opacity:0}.vee-accordion--fade .vee-accordion__toggler.active i:first-child{opacity:0}.vee-accordion--fade .vee-accordion__toggler.active i:last-child{opacity:1}.vee-accordion--left-right .vee-accordion__toggler i:first-child{transform:translate(0, 0)}.vee-accordion--left-right .vee-accordion__toggler i:last-child{transform:translate(-100%, 0)}.vee-accordion--left-right .vee-accordion__toggler.active i:first-child{transform:translate(100%, 0)}.vee-accordion--left-right .vee-accordion__toggler.active i:last-child{transform:translate(0, 0)}.vee-accordion--right-left .vee-accordion__toggler i:first-child{transform:translate(0, 0)}.vee-accordion--right-left .vee-accordion__toggler i:last-child{transform:translate(100%, 0)}.vee-accordion--right-left .vee-accordion__toggler.active i:first-child{transform:translate(-100%, 0)}.vee-accordion--right-left .vee-accordion__toggler.active i:last-child{transform:translate(0, 0)}.vee-accordion--top-bottom .vee-accordion__toggler i:first-child{transform:translate(0, 0)}.vee-accordion--top-bottom .vee-accordion__toggler i:last-child{transform:translate(0, -100%)}.vee-accordion--top-bottom .vee-accordion__toggler.active i:first-child{transform:translate(0, 100%)}.vee-accordion--top-bottom .vee-accordion__toggler.active i:last-child{transform:translate(0, 0)}.vee-accordion--bottom-top .vee-accordion__toggler i:first-child{transform:translate(0, 0)}.vee-accordion--bottom-top .vee-accordion__toggler i:last-child{transform:translate(0, 100%)}.vee-accordion--bottom-top .vee-accordion__toggler.active i:first-child{transform:translate(0, -100%)}.vee-accordion--bottom-top .vee-accordion__toggler.active i:last-child{transform:translate(0, 0)}.mod_faqpage h2{font-size:1.5rem;margin-bottom:1rem}@media (min-width:576px){.mod_faqpage h2{margin-bottom:1rem}}@media (min-width:768px){.mod_faqpage h2{margin-bottom:1rem}}@media (min-width:992px){.mod_faqpage h2{margin-bottom:1rem}}@media (min-width:1200px){.mod_faqpage h2{margin-bottom:1rem}}@media (min-width:1400px){.mod_faqpage h2{margin-bottom:1rem}}.mod_faqpage h2+div{margin-bottom:32px}@media (min-width:576px){.mod_faqpage h2+div{margin-bottom:32px}}@media (min-width:768px){.mod_faqpage h2+div{margin-bottom:32px}}@media (min-width:992px){.mod_faqpage h2+div{margin-bottom:32px}}@media (min-width:1200px){.mod_faqpage h2+div{margin-bottom:32px}}@media (min-width:1400px){.mod_faqpage h2+div{margin-bottom:32px}}.mod_faqpage .ce_text{margin:0}.mod_faqpage .enclosure p{margin:0 0 0.25rem;padding:0.5rem 0.75rem;border:1px solid #c1022c}.mod_faqpage .enclosure img{margin-right:10px}.mod_faqpage .enclosure p:last-child{margin-bottom:1rem}@media (min-width:576px){.mod_faqpage .enclosure p:last-child{margin-bottom:1rem}}@media (min-width:768px){.mod_faqpage .enclosure p:last-child{margin-bottom:1rem}}@media (min-width:992px){.mod_faqpage .enclosure p:last-child{margin-bottom:1rem}}@media (min-width:1200px){.mod_faqpage .enclosure p:last-child{margin-bottom:1rem}}@media (min-width:1400px){.mod_faqpage .enclosure p:last-child{margin-bottom:1rem}}.mod_faqpage .enclosure a{color:inherit}.vee-accordion--type-1 .vee-accordion__toggler{padding:1em 1.5em;border-radius:0}.vee-accordion--type-1 .vee-accordion__toggler-icon{margin-left:1.5em}.vee-accordion--type-1 .vee-accordion__content{padding:1.5em;border-radius:0}
.vee-icon-box{position:relative}.vee-icon-box>:last-child{margin-bottom:0}.vee-icon-box--left{text-align:left}.vee-icon-box--right{text-align:right}.vee-icon-box--center{text-align:center}.vee-icon-box--stretched-link .vee-icon-box__headline a::after,.vee-icon-box--stretched-link .vee-link-wrapper a::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:""}.vee-icon-box--stretched-link .vee-button{position:relative;z-index:2}.vee-icon-box__icon{display:inline-flex;justify-content:center;align-items:center;margin:0 0 1.25rem;transition:all 0.4s}.vee-icon-box__icon i{transition:all 0.4s}.vee-icon-box__icon--font{font-size:3rem;width:1em;height:1em}.vee-icon-box__headline{margin:0 0 0.5rem;color:#0B0E13;font-weight:bold;font-size:1.25rem}.vee-icon-box__headline a{color:inherit;text-decoration:none}.vee-icon-box__headline a:hover{text-decoration:none}.vee-icon-box__text{margin:0 0 1rem}.vee-icon-box:hover .vee-icon-box__icon img{border-color:#c1022c}
@charset "UTF-8";
.vee-navigation.vee-navigation--type-vertical-default ul{margin:0;padding:0;list-style:none}.vee-navigation.vee-navigation--type-vertical-default ul li a,.vee-navigation.vee-navigation--type-vertical-default ul li span{display:block;padding:0.5rem 0;color:#c1022c;text-decoration:none;transition:all 0.4s ease-in-out;border-bottom:1px solid #c1022c}.vee-navigation.vee-navigation--type-vertical-default ul li a i,.vee-navigation.vee-navigation--type-vertical-default ul li span i{margin-right:10px}.vee-navigation.vee-navigation--type-vertical-default ul li a:hover,.vee-navigation.vee-navigation--type-vertical-default ul li a.active,.vee-navigation.vee-navigation--type-vertical-default ul li a.trail,.vee-navigation.vee-navigation--type-vertical-default ul li a span,.vee-navigation.vee-navigation--type-vertical-default ul li span:hover,.vee-navigation.vee-navigation--type-vertical-default ul li span.active,.vee-navigation.vee-navigation--type-vertical-default ul li span.trail,.vee-navigation.vee-navigation--type-vertical-default ul li span span{color:#c1022c;text-decoration:none}.vee-navigation.vee-navigation--type-vertical-default ul li.last a,.vee-navigation.vee-navigation--type-vertical-default ul li.last span{border-bottom:none}.vee-navigation.vee-navigation--type-vertical-default ul li:not(.last) ul a,.vee-navigation.vee-navigation--type-vertical-default ul li:not(.last) ul span{border-bottom:1px solid #c1022c}.vee-navigation.vee-navigation--type-vertical-default ul li a.submenu.last,.vee-navigation.vee-navigation--type-vertical-default ul li span.submenu.last{border-bottom:1px solid #c1022c}.vee-navigation.vee-navigation--type-vertical-default.vee-navigation--arrows a.submenu,.vee-navigation.vee-navigation--type-vertical-default.vee-navigation--arrows span.submenu{position:relative}.vee-navigation.vee-navigation--type-vertical-default.vee-navigation--arrows a.submenu::after,.vee-navigation.vee-navigation--type-vertical-default.vee-navigation--arrows span.submenu::after{position:absolute;top:50%;right:15px;font-family:"veeicons";transform:translateY(-50%);content:""}.vee-navigation.vee-navigation--type-vertical-default ul ul li a,.vee-navigation.vee-navigation--type-vertical-default ul ul li span{padding:0.5rem 1rem}.vee-navigation.vee-navigation--type-vertical-default ul ul ul li a,.vee-navigation.vee-navigation--type-vertical-default ul ul ul li span{padding:0.5rem 2rem}.vee-navigation.vee-navigation--type-vertical-default ul ul ul ul li a,.vee-navigation.vee-navigation--type-vertical-default ul ul ul ul li span{padding:0.5rem 3rem}
.vee-link-wrapper,.back,.toplink,.ce_toplink{margin-bottom:1rem}@media (min-width:576px){.vee-link-wrapper,.back,.toplink,.ce_toplink{margin-bottom:1rem}}@media (min-width:768px){.vee-link-wrapper,.back,.toplink,.ce_toplink{margin-bottom:1rem}}@media (min-width:992px){.vee-link-wrapper,.back,.toplink,.ce_toplink{margin-bottom:1rem}}@media (min-width:1200px){.vee-link-wrapper,.back,.toplink,.ce_toplink{margin-bottom:1rem}}@media (min-width:1400px){.vee-link-wrapper,.back,.toplink,.ce_toplink{margin-bottom:1rem}}.vee-link-wrapper a,.back a,.toplink a,.ce_toplink a{display:inline-block;color:#0B0E13;font-weight:700;text-transform:uppercase;text-decoration:none;transition:all 0.4s}.vee-link-wrapper a:hover,.back a:hover,.toplink a:hover,.ce_toplink a:hover{color:#c1022c;text-decoration:none}
@charset "UTF-8";
.image_container.vee-image-hover{display:flex;flex-wrap:wrap;justify-content:flex-start}.image_container.vee-image-hover picture{flex-grow:1}.image_container.vee-image-hover a{position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;transform:translate3d(0, 0, 0);transition:opacity 0.5s ease}.image_container.vee-image-hover a::before{position:absolute;top:0;left:0;z-index:9;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.6);opacity:0;transition:opacity 0.5s ease;content:""}.image_container.vee-image-hover a::after{position:absolute;z-index:10;display:block;width:46px;height:46px;color:#c1022c;font-size:22px;font-family:"veeicons";line-height:46px;text-align:center;background-color:#fff;border-radius:50%;opacity:0;transform:translateY(80%);transition:opacity, transform 0.5s ease;content:""}.image_container.vee-image-hover a:hover::before{opacity:1}.image_container.vee-image-hover a:hover::after{transform:translateY(0);opacity:1}.image_container.vee-image-hover a[data-lightbox]::after{content:""}.image_container.vee-image-hover a[target="_blank"]::after{content:""}.image_container.vee-image-hover .caption{width:100%}
caption{padding-top:0.5rem;padding-bottom:0.5rem;color:#999;text-align:left}.ce_table.caption-top table,.ce_text.caption-top table{caption-side:top}.ce_table{overflow-x:auto;-webkit-overflow-scrolling:touch}.ce_table table{margin-bottom:0}.ce_table table,.ce_text table{width:100%;border-collapse:collapse;border-spacing:0}.ce_table table td,.ce_table table th,.ce_text table td,.ce_text table th{padding:0.75rem 1rem;border-width:1px;border-style:solid;border-color:#c1022c;transition:all 0.4s ease-in-out}.ce_table table th,.ce_text table th{color:#505050;background-color:transparent}.ce_table table td,.ce_text table td{color:#505050}.ce_table table tbody tr:nth-child(even) td,.ce_text table tbody tr:nth-child(even) td{background-color:#f8f8f8}.ce_table table tbody tr:nth-child(odd) td,.ce_text table tbody tr:nth-child(odd) td{background-color:transparent}.ce_table table tfoot tr td,.ce_text table tfoot tr td{color:#505050;background-color:transparent}
.vee-scroll-up{position:fixed;bottom:20px;left:20px;z-index:10;width:2rem;height:2rem;background-color:#c1022c;border-width:0;border-style:solid;border-color:#c1022c;border-radius:0;cursor:pointer;opacity:0;transition:all 0.3s;pointer-events:none}.vee-scroll-up i{position:absolute;top:50%;left:50%;color:#fff;font-size:1rem;transform:translate(-50%, -50%)}.vee-scroll-up:hover{background-color:#75011b;border-color:#75011b}.vee-scroll-up:hover i{color:#fff}.vee-scroll-up--active{opacity:1;pointer-events:auto}.vee-scroll-up--right{right:20px;left:auto}.vee-scroll-up--side.vee-scroll-up--left{left:-2rem}.vee-scroll-up--side.vee-scroll-up--left.vee-scroll-up--active{left:20px}.vee-scroll-up--side.vee-scroll-up--right{right:-2rem}.vee-scroll-up--side.vee-scroll-up--right.vee-scroll-up--active{right:20px;left:auto}.vee-scroll-up--bottom{bottom:-2rem}.vee-scroll-up--bottom.vee-scroll-up--active{bottom:20px}
.vee-slider-height-4 .vee-slider__container{--vee-subtract-height: 0px}.vee-slider-height-4 .vee-slider__container{height:calc(450px - var(--vee-subtract-height));display:flex}.vee-slider-height-4 .vee-slider__container .swiper{width:100%;height:auto}.vee-slider-height-4 .vee-slider__container .vee-section--full-height{min-height:initial}@media (min-width:768px){.vee-slider-height-4 .vee-slider__container{height:calc(640px - var(--vee-subtract-height));display:flex}.vee-slider-height-4 .vee-slider__container .swiper{width:100%;height:auto}.vee-slider-height-4 .vee-slider__container .vee-section--full-height{min-height:initial}}@media (min-width:992px){.vee-slider-height-4 .vee-slider__container{height:calc(900px - var(--vee-subtract-height));display:flex}.vee-slider-height-4 .vee-slider__container .swiper{width:100%;height:auto}.vee-slider-height-4 .vee-slider__container .vee-section--full-height{min-height:initial}}
#vee-body .vee-91-29bfbe97{margin-top:-81px;}#vee-body .vee-217-37867db5 .vee-icon-box-3__icon{margin-bottom:1.5rem;align-self:flex-start;}#vee-body .vee-217-37867db5 .vee-icon-box-3__headline{margin-bottom:0.5rem;color:#fff;font-size:1.5rem;}#vee-body .vee-217-37867db5 .vee-icon-box-3__text{margin-bottom:0;color:#A3AAB8;font-size:0.875rem;}#vee-body .vee-217-37867db5{padding:2.5rem 2rem;background-image:linear-gradient(-45deg,rgba(49,49,49,1) 0%,rgba(34,34,34,1) 100%);;border-color:#c1022c;border-width:0px 0px 0px 1px;border-style:solid;}
#vee-body .vee-217-37867db5 {
align-items: flex-start;
}#vee-body .vee-75-6caa56c3{margin-bottom:1.5rem;color:#fff;font-size:1.25rem;}#vee-body .vee-74-75781fdd .vee-icon-box__icon{margin-bottom:0.625rem;color:#c1022c;width:1.5rem;height:1.5rem;font-size:1.5rem;}#vee-body .vee-74-75781fdd .vee-icon-box__headline{margin-bottom:0;color:#fff;font-family:"Montserrat", sans-serif;font-size:1rem;font-weight:700;line-height:1.5;text-transform:uppercase;}#vee-body .vee-74-75781fdd .vee-icon-box__text{color:#A3AAB8;}
#vee-body .vee-74-75781fdd a {
color: inherit;
}
#vee-body .vee-74-75781fdd a:hover {
color: #fff;
text-decoration: none;
}#vee-body .vee-71-5041efaa.vee-navigation ul li a,#vee-body .vee-71-5041efaa.vee-navigation ul li span{padding:0;margin-bottom:1rem;color:#A3AAB8;border-style:none;}#vee-body .vee-71-5041efaa.vee-navigation ul li a:hover,#vee-body .vee-71-5041efaa.vee-navigation ul li a.active,#vee-body .vee-71-5041efaa.vee-navigation ul li a.trail,#vee-body .vee-71-5041efaa.vee-navigation ul li span{color:#fff;}#vee-body .vee-76-94666f6e{color:#A3AAB8;}#vee-body .vee-76-94666f6e a{color:#A3AAB8;text-decoration:none;}#vee-body .vee-76-94666f6e a:hover{color:#fff;text-decoration:none;}.fancybox-is-open .fancybox-bg{background-color:#222;opacity:0.9;}html{font-size:16px;}.vee-header.vee-header--stuck{background-color:rgba(34,34,34,0.9);}h1,.h1{font-size:2rem;}h2,.h2{margin-bottom:2rem;font-size:2.5rem;}h2[class*="vee-headline"]{margin-bottom:2rem;}@media (max-width: 767.98px){h2,.h2{font-size:2rem;}}h3,.h3{margin-bottom:1.5rem;font-size:1.5rem;}h3[class*="vee-headline"]{margin-bottom:1.5rem;}.vee-link-wrapper a, .back a, .toplink a, .ce_toplink a{color:#c1022c;font-size:0.875rem;font-weight:700;letter-spacing:0.05em;text-transform:uppercase;}.vee-link-wrapper a:hover, .back a:hover, .toplink a:hover, .ce_toplink a:hover{color:#222;}link[href^="assets/css/veello-theme/bundle-2b9b0d69.css"]{z-index:0}
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/assets/css/veello-theme/google-fonts-2b1c1f6c/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Ew-.ttf) format('truetype');
}
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/assets/css/veello-theme/google-fonts-2b1c1f6c/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM70w-.ttf) format('truetype');
}
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Barlow';
font-style: normal;
font-weight: 400;
src: url('/files/hotelbella/fonts/barlow-v12-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@font-face {
font-display: swap;
font-family: 'Gilda Display';
font-style: normal;
font-weight: 400;
src: url('/files/hotelbella/fonts/gilda-display-v14-latin-regular.woff2') format('woff2');
}
/* custom css heRe */
:root {
--color-primary: #ec6241;
--color-secondary: #0d1b33; }
/* swipeR */
.swiper-pagination.swiper-pagination-bullets:not(.swiper-pagination-bullets-dynamic) .swiper-pagination-bullet {
height: 12px;
width: 12px;
border: 1px solid rgba(255, 255, 255, 0.7);
display: block;
margin: 0 0 10px 0;
border-radius: 50%;
background: transparent; }
.swiper-pagination.swiper-pagination-bullets:not(.swiper-pagination-bullets-dynamic) .swiper-pagination-bullet:hover, .swiper-pagination.swiper-pagination-bullets:not(.swiper-pagination-bullets-dynamic) .swiper-pagination-bullet-active {
background: var(--color-primary);
border-color: var(--color-primary); }
/* google maps routeplanneR */
.ce_form.form-wrapper.route .widget.widget-text input {
height: 52px;
border-style: solid;
border-color: #ededed;
border-width: 0 0 2px;
outline: none; }
.ce_form.form-wrapper.route .widget.widget-text input:focus {
background-color: #f8f8f8;
border-color: #aa8453; }
/* zimmeR + preise */
.room-content hr {
border-bottom: none;
border-color: var(--color-primary);
}
.room-content {
border: 1px solid var(--color-primary);
border-bottom: none;
padding: 1rem;
}
.room-images {
background: #FBF8E8;
}
.room-images .ce_image,
.room-images .ce_gallery {
margin-bottom: 0;
}
.room-images .ce_gallery {
padding: 1rem;
}
.room-images .ce_vee_grid_column_start:last-of-type {
display: flex;
align-items: center;
}
/* inteRaktiver pistenplan */
.wrapper-pistenplan {
height: 100vh;
max-width: 90vw;
margin: 0 auto;
margin-top: 20px;
margin-bottom: 20px;
padding: 2px;
border: 1px solid var(--color-primary);
}
/* blaetteRprospekt */
.wrapper-prospekt {
height: 100vh;
max-width: 90vw;
padding-top: 20px;
padding-bottom: 20px;
}
.wrapper-prospekt iframe {
margin-left: 5vw;
margin-right: 5vw;
}
/* google tRanslator */
html.translated-ltr .vee-header--stuck,
html.translated-ltr .mod_vee_navigation {
margin-top: 39px;
}
.vee-header__sticky .vee-header__menu-trigger {
margin-right: unset;
}
.vee-header__menu-trigger {
margin-right: 195px;
}
#goog-u {
position: relative;
}
#goog-u #google_translate_element {
position: absolute;
right: 15px;
top: -45px;
}
@media (min-width: 992px) {
.vee-header__navigation {
margin-right: 195px;
}
#goog-u #google_translate_element {
right: 15px;
top: -85px;
}
}
/* webcams */
.webcam .ce_image {
position: relative;
/* padding-bottom: 56.25%; /* 16:9 */
padding-bottom: 65%;
width: 100%;
height: auto;
overflow: hidden;
}
.webcam .ce_image .image_container {
position: absolute;
width: 100%;
height: 100%;
inset: 0;
}
.vee-icon-box-3__content.vee-icon-box-3__content--left {
margin-left: auto!important;
margin-right: auto!important;
margin-top: auto;
margin-bottom: auto;
}
.vee-header {
background-color: #fff;
}
.vee-menu:not(.mm-menu) .vee-menu__navigation > li > a {
font-size: 26px;
color: #000;
}
.vee-header.vee-header--stuck {
background-color: #fff;
border-bottom: 1px solid #c1022c;
z-index: 999999999999;
}
.vee-header--stuck .vee-menu:not(.mm-menu) .vee-menu__navigation > li > a {
font-size: 26px;
color: #000;
}
#vee-body .vee-223-45263fef {
background-color: #c1022c;
}
:root {
--color-primary: #c1022c;
}
#vee-body .vee-217-37867db5 {
border-color: #c1022c;
}
#vee-body .vee-45-6f424500 .swiper-navigation .swiper-button-prev, #vee-body .vee-45-6f424500 .swiper-navigation .swiper-button-next {
color: #c1022c;
border-color: #c1022c;
}
#vee-body .vee-22-ebeddb64 {
border-color: #c1022c;
}
#vee-body .vee-21-97a2eb9d {
border-color: #c1022c;
}
[class^="veeicons-"], [class*=" veeicons-"] {
color: #c1022c;
-moz-osx-font-smoothing: auto;
}
h2 .h2 {
font-family: 'Aurach'!important;
}
.vee-header:not(.vee-header--stuck) {
background-color: #fff;
}
.vee-section.vee-section--section.vee-section--full-background.d-lg-block.d-md-block.d-sm-block.d-xl-block.d-block.d-xxl-block.vee-56-c3c69af1 {
background-color: #fff!important;
}
#vee-body .vee-217-37867db5 {
background-image: linear-gradient(-45deg,#000 80%,#c1022c 100%);
}
.vee-section.vee-section--section.vee-section--full-background.no-padding-top.no-padding-bottom.d-lg-block.d-md-block.d-sm-block.d-xl-block.d-block.d-xxl-block {
background-color: #fff!important;
border-top: 1px solid #c1022c;
padding-top: 3%;
}
#vee-body .vee-75-6caa56c3 {
color: #000;
}
#vee-body .vee-74-75781fdd .vee-icon-box__headline {
color: #000;
}
#vee-body .vee-74-75781fdd .vee-icon-box__text .vee-icon-box__icon.vee-icon-box__icon--font{
color: #000;
}
.ce_vee_grid_row_start {
border-color: #c1022c!important;
}
#vee-body .vee-71-5041efaa.vee-navigation ul li a, #vee-body .vee-71-5041efaa.vee-navigation ul li span {
color: #000;
}
.ce_rsce_vee_icon_box {
width: 33.33%;
}
#vee-body .vee-74-75781fdd a:hover {
color: #c1022c;
}
#vee-body .vee-71-5041efaa.vee-navigation ul li a:hover, #vee-body .vee-71-5041efaa.vee-navigation ul li a.active, #vee-body .vee-71-5041efaa.vee-navigation ul li a.trail, #vee-body .vee-71-5041efaa.vee-navigation ul li span {
color: #c1022c;
}
#vee-body .vee-76-94666f6e a {
color: #c1022c;
}
#vee-body .vee-76-94666f6e a:hover {
color: #c1022c;
}
.footer {
color:#000;
}
.vee-icon-box__headline {
color: #000!important;
}
.ce_headline.vee-headline-10 {
color: #000!important;
}
#vee-body .vee-navigation ul li a {
color: #000!important;
}
.active {
color: #c1022c!important;
}
a:hover {
color: #c1022c!important;
}
.ce_vee_grid_column_start.impressum-datenschutz-footer.col-md-auto.col-12 a {
color: #c1022c!important;
}
#vee-body {
color: #000 !important;;
}
#jarallax-container-0 {
display: none;
}
.ce_vee_grid_column_start.quicklinks.col-md-4.col-12 {
width: 16%!important;
margin-left: 1%;
}
.vee-header__menu-trigger button .vee-burger__icon i {
color: #c1022c!important;
}
.vee-header__menu-trigger button {
background: #c1022c;
}
.vee-section__container.container {
background-image: none!important;
}
.vee-header__menu-trigger {
margin-right: 0;
}
#vee-body .vee-217-37867db5 {
background-image: linear-gradient(0deg,#7a0000 11%,#c1022c 100%)!important;
}
.vee-slider__container {
height: calc(600px);
}
h3 {
color: #c1022c;
margin-bottom: 12px;
}
h1, h2, h3, h4, h5 {
font-family: 'Oswald';
}
.hyperlink_txt {
border: 1px solid;
padding: 5%;
background: #c1022c;
color: #fff!important;
}
.hyperlink_txt:hover {
background: #fff;
color: #c1022c;
}
.center {
margin-left: auto;
margin-right: auto;
text-align: center;
}
.ma-top {
margin-top: 5%;
}
.ma-bottom {
margin-bottom: 5%;
}
.vee-link-wrapper a {
color: #fff;
background-color: #c1022c;
border: 1px solid #c1022c;
padding: 5%;
}
.vee-link-wrapper a:hover {
background: #fff;
color: #c1022c;
}
.box-teaser a {
color: #fff;
background-color: #c1022c;
border: 1px solid #c1022c;
padding: 1%;
}
.box-teaser a:hover {
background: #fff;
color: #c1022c;
text-decoration: none;
}
.box-teaser {
width: 100%;
border: 1px solid;
padding-bottom: 25px;
height: 94%;
}
.ce_vee_grid_column_start.col-12.col-md-6 {
width: 50%!important;
}
.ma-top-erreichbarkeiten {
margin-top: 15%;
}
.ce_accordion + .ce_accordion {
margin-top: 0;
}
.icons {
right: -29%;
position: relative;
}
.vee-layout-footer {
margin-top: 3%;
}
.ce_rsce_vee_icon_box .sportalm-katschberg .vee-74-75781fdd .vee-icon-box .vee-icon-box--left .block {
width: 90%!important;
}
.ce_rsce_vee_icon_box {
width: 58%!important;
}
.sportalm-katschberg {
margin-top: 15%!important;
}
@media (min-width: 1399px) {
.friedrich-stmichael {
flex: 0 0 auto;
width: 34%;
}
.sportalm-katschberg {
margin-top: 15% !important;
}
}
@media (max-width: 991px) {
.col-md-12 {
flex: 0 0 auto;
width: 40%;
}
.sportalm-katschberg {
margin-top: 28% !important;
}
}
@media (max-width: 767px) {
.sportalm-katschberg {
margin-top: 0 !important;
}
}
#balken-verleih-service-filialen {
padding-bottom: 5%;
}
#balken-verleih-service-filialen a:hover {
color: #000!important;
margin-top: -81px;
}
@media (min-width: 1200px) {
.vee-section--boxed > .vee-section__container {
padding-top: 0!important;
padding-bottom: 0!important;
z-index: 999999999;
}
}
#vee-body .vee-217-20cd7eb1 {
background-image: linear-gradient(0deg,#7a0000 11%,#c1022c 100%) !important;
}
.center a {
margin-left: auto;
margin-right: auto;
text-align: center;
}
.footer-bottom {
border-top: 1px solid;
border-top-color: currentcolor;
padding-top: 25px;
margin-bottom: 25px;
}
.rabatt-kreis {
padding: 5%;
background-color: #c1022c;
width: 270px;
height: 270px;
border: 1px solid ;
text-align: center;
border-radius: 230px;
transform: rotate(8deg);
margin-left: auto;
margin-top: -205px;
}
/*.rabatt-kreis:hover {
background-color: #fff;
}*/
#rabatt-kreis .hyperlink_txt {
font-size: 22px;
text-align: center;
margin-right: auto;
margin-left: -31px;
background-color: #fff0;
border: none;
width: 200px;
margin-top: 20px;
}
#rabatt-kreis .hyperlink_txt:hover {
color: #fff!important;
}
.wanderschuhfit-kreis {
margin-left: 82%;
}
#gutschein {
scroll-margin-top: 100px!important; /* Abstand zum oberen Rand */
}
@media (min-width: 992px) {
.vee-header__navigation {
margin-right: 0;
}
}
.kreis-abstand-top {
margin-top: 5px!important;
}
.button {
color: #fff;
background-color: #c1022c;
border: 1px solid #c1022c;
padding: 1%;
}
.button:hover {
color: #c1022c;
background-color: #fff;
border: 1px solid #c1022c;
text-decoration: none;
}
.vee-link-wrapper a {
padding: 1%;
}
#jugend-tabelle .row_3.even td {
background-color: #e79cad;
}
.oeff-kat {
position: absolute;
left: 51.35%;
}
@media (max-width: 1399px) {
.oeff-kat {
left: 51.55%;
}
}
@media (max-width: 1199px) {
.oeff-kat {
left: 51.86%;
}
}
@media (max-width: 991px) {
.oeff-kat {
left: 52.5%;
}
}
@media (max-width: 767px) {
.oeff-kat {
left: 53.3%;
}
}
@media (max-width: 525px) {
.oeff-kat {
left: 53.4%;
}
}
@media (max-width: 483px) {
.oeff-kat {
left: 53.8%;
}
}
@media (max-width: 460px) {
.ce_vee_grid_column_start.col-12.col-md-6 {
width: 100% !important;
position: relative;
left: 0;
margin-top: 5%;
}
}
@media (max-width: 600px) {
.col-md-12 {
width: 100% !important;
}
#nc-fame {
margin-top: 17px;
}
}
/*
/* ===========================
Mega-Dropdown für Untermenüs
(Sport Friedrich)
=========================== */
/* --- Responsive --- */
@media (max-width:980px){
/* Panel im Flow, ohne Shadow; zunächst weiterhin zu */
.mod_navigation ul.level_1 > li > ul.level_2{
position:static;
display:none;
box-shadow:none;
border-top:0;
padding:1rem 0;
}
/* falls dein Mobilmenü beim Öffnen eine Klasse setzt (z. B. .nav-open am ),
hier sichtbar schalten: */
.nav-open .mod_navigation ul.level_1 > li > ul.level_2{ display:grid; }
.mod_navigation ul.level_2 > li > a{
align-items:flex-start;
text-align:left;
}
}
/* ===========================
Mega-Dropdown (nur bei Hover sichtbar)
=========================== */
/* Wrapper der Contao-Navigation */
.mod_navigation{position:relative; z-index:50;}
.mod_navigation ul.level_1{display:flex; gap:2rem;}
/* Level-2: Grundzustand = VERSTECKT */
.mod_navigation ul.level_1 > li{position:static;}
.mod_navigation ul.level_1 > li > ul.level_2{
position:absolute;
top:100%; left:0; right:0;
/* wichtig: zu Beginn unsichtbar + nicht klickbar */
display:none !important;
opacity:0; visibility:hidden; pointer-events:none; transform:translateY(8px);
/* Optik des Panels (wie 2. Screenshot) */
background:#111;
color:#fff;
padding:1.75rem 1rem;
border-top:1px solid rgba(255,255,255,.08);
box-shadow:0 16px 40px rgba(0,0,0,.25);
transition:opacity .18s ease, transform .18s ease, visibility 0s linear .18s;
}
/* Bei Hover/Focus: anzeigen + als Grid layouten */
.mod_navigation ul.level_1 > li:hover > ul.level_2,
.mod_navigation ul.level_1 > li:focus-within > ul.level_2{
display:grid !important;
grid-template-columns:repeat(auto-fit, minmax(180px,1fr));
gap:1.25rem 2rem;
opacity:1; visibility:visible; pointer-events:auto; transform:translateY(0);
transition-delay:0s;
}
/* Kachel-Link */
.mod_navigation ul.level_2 > li > a{
display:flex; flex-direction:column; align-items:center; gap:.5rem;
text-align:center; text-decoration:none;
padding:1rem .75rem; border-radius:10px;
background:#1b1b1b; color:#fff; font-weight:600;
transition:transform .15s, box-shadow .15s, background-color .15s;
}
.mod_navigation ul.level_2 > li > a:hover{
transform:translateY(-2px);
background:#202020;
box-shadow:0 8px 20px rgba(0,0,0,.35);
}
/* „Mehr lesen“-Badge */
.mod_navigation ul.level_2 > li > a::after{
content:"Mehr lesen";
margin-top:.35rem; padding:.35rem .7rem; border-radius:999px;
background:#b30000; color:#fff; font-size:.85rem; font-weight:700;
}
/* Optional: Icons (Unterseiten bekommen Klassen wie icon-verleih-winter) */
.mod_navigation ul.level_2 > li > a::before{
content:""; width:44px; height:44px; display:block; margin-bottom:.25rem;
background:#b30000;
-webkit-mask:var(--menu-icon) no-repeat center/contain;
mask:var(--menu-icon) no-repeat center/contain; opacity:.95;
}
.mod_navigation ul.level_2 > li.icon-verleih-winter > a{ --menu-icon:url("/files/icons/verleih-winter.svg"); }
.mod_navigation ul.level_2 > li.icon-verleih-sommer > a{ --menu-icon:url("/files/icons/verleih-sommer.svg"); }
/* Mobile */
@media (max-width:980px){
.mod_navigation ul.level_1{flex-wrap:wrap;}
.mod_navigation ul.level_1 > li > ul.level_2{
position:static; box-shadow:none; border-top:0; padding:1rem 0;
display:none !important; opacity:1; visibility:visible; pointer-events:auto; transform:none;
}
/* Passe .nav-open ggf. an deine echte Toggle-Klasse an */
.nav-open .mod_navigation ul.level_1 > li > ul.level_2{ display:grid !important; }
.mod_navigation ul.level_2 > li > a{ align-items:flex-start; text-align:left; }
}
/* ===== Mega-Dropdown nur bei Hover (Sport Friedrich) ===== */
/* Sicherheits-Reset: nichts darf am Anfang offen sein */
header .mod_navigation ul.level_1 > li > ul.level_2,
.mod_navigation ul.level_1 > li > ul.level_2{
display: none !important;
opacity: 0; visibility: hidden; pointer-events: none;
}
/* Container für Positionierung & Überlappung */
header, .mod_navigation{ position: relative; z-index: 9999; overflow: visible !important; }
/* Level-1 Items dürfen das Panel nicht einschränken */
.mod_navigation ul.level_1{ display: flex; gap: 2rem; }
.mod_navigation ul.level_1 > li{ position: static !important; }
/* Panel (Level-2) – Grundlayout (geschlossen) */
.mod_navigation ul.level_1 > li > ul.level_2{
position: absolute; top: 100%; left: 0; right: 0;
background: #111; color: #fff;
padding: 1.75rem 1rem;
border-top: 1px solid rgba(255,255,255,.08);
box-shadow: 0 16px 40px rgba(0,0,0,.25);
transform: translateY(8px);
transition: opacity .18s ease, transform .18s ease, visibility 0s linear .18s;
}
/* Nur bei Hover/Focus öffnen + Grid aktivieren */
.mod_navigation ul.level_1 > li:hover > ul.level_2,
.mod_navigation ul.level_1 > li:focus-within > ul.level_2{
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: 1.25rem 2rem;
opacity: 1; visibility: visible; pointer-events: auto;
transform: translateY(0); transition-delay: 0s;
}
/* Kachel-Links */
.mod_navigation ul.level_2 > li > a{
display: flex; flex-direction: column; align-items: center; gap: .5rem;
text-align: center; text-decoration: none;
padding: 1rem .75rem; border-radius: 10px;
background: #1b1b1b; color: #fff; font-weight: 600;
transition: transform .15s, box-shadow .15s, background-color .15s;
}
.mod_navigation ul.level_2 > li > a:hover{
transform: translateY(-2px);
background: #202020;
box-shadow: 0 8px 20px rgba(0,0,0,.35);
}
/* Optional: Icons per Klassen (Unterseite bekommt z. B. icon-verleih-winter) */
.mod_navigation ul.level_2 > li > a::before{
content: ""; width: 44px; height: 44px; display: block; margin-bottom: .25rem;
background: #b30000;
-webkit-mask: var(--menu-icon) no-repeat center / contain;
mask: var(--menu-icon) no-repeat center / contain; opacity: .95;
}
.mod_navigation ul.level_2 > li.icon-verleih-winter > a{ --menu-icon: url("/files/icons/verleih-winter.svg"); }
.mod_navigation ul.level_2 > li.icon-verleih-sommer > a{ --menu-icon: url("/files/icons/verleih-sommer.svg"); }
/* Mobile: im Flow, erst sichtbar wenn dein Toggle offen ist (Klasse ggf. anpassen) */
@media (max-width: 980px){
.mod_navigation ul.level_1{ flex-wrap: wrap; }
.mod_navigation ul.level_1 > li > ul.level_2{
position: static; box-shadow: none; border-top: 0; padding: 1rem 0;
transform: none; opacity: 1; visibility: visible; pointer-events: auto;
display: none !important;
}
/* oder Wrapper bekommt beim Öffnen des Burgers eine Klasse – hier anpassen */
.nav-open .mod_navigation ul.level_1 > li > ul.level_2{ display: grid !important; }
.mod_navigation ul.level_2 > li > a{ align-items: flex-start; text-align: left; }
}
/* Notbremse: selbst „trail/active“ öffnet nichts automatisch */
.mod_navigation ul.level_1 > li.trail > ul.level_2,
.mod_navigation ul.level_1 > li.active > ul.level_2{
display: none !important; opacity: 0; visibility: hidden; pointer-events: none;
}
/* ===== Mega-Dropdown nur bei Hover – final ===== */
/* Sicherstellen, dass der Nav-Wrapper nicht beschneidet */
.mod_navigation{ position:relative; z-index:999; overflow:visible !important; }
.mod_navigation ul.level_1{ display:flex; gap:2rem; }
.mod_navigation ul.level_1 > li{ position:static !important; }
/* --- Level 2: zuerst VERSTECKT --- */
.mod_navigation ul.level_1 > li > ul.level_2,
nav ul.level_1 > li > ul.level_2{
display:none !important;
opacity:0; visibility:hidden; pointer-events:none;
}
/* --- Panel-Layout (geschlossen, aber vorbereitet) --- */
.mod_navigation ul.level_1 > li > ul.level_2,
nav ul.level_1 > li > ul.level_2{
position:absolute;
top:100%;
/* Vollbreit wie beim 2. Screenshot */
left:50%;
transform:translateX(-50%) translateY(8px);
width:100vw;
background:#111; color:#fff;
padding:1.75rem 1rem;
border-top:1px solid rgba(255,255,255,.08);
box-shadow:0 16px 40px rgba(0,0,0,.25);
transition:opacity .18s ease, transform .18s ease, visibility 0s linear .18s;
}
/* --- Öffnen bei Hover/Focus: sichtbar + als GRID --- */
.mod_navigation ul.level_1 > li:hover > ul.level_2,
.mod_navigation ul.level_1 > li:focus-within > ul.level_2,
nav ul.level_1 > li:hover > ul.level_2,
nav ul.level_1 > li:focus-within > ul.level_2{
display:grid !important;
grid-template-columns:repeat(auto-fit, minmax(180px,1fr));
gap:1.25rem 2rem;
opacity:1; visibility:visible; pointer-events:auto;
transform:translateX(-50%) translateY(0);
z-index:1000;
}
/* --- Kachel-Links --- */
.mod_navigation ul.level_2 > li > a,
nav ul.level_2 > li > a{
display:flex; flex-direction:column; align-items:center; gap:.5rem;
text-align:center; text-decoration:none;
padding:1rem .75rem;
border-radius:10px;
background:#1b1b1b; color:#fff; font-weight:600;
transition:transform .15s, box-shadow .15s, background-color .15s;
}
.mod_navigation ul.level_2 > li > a:hover,
nav ul.level_2 > li > a:hover{
transform:translateY(-2px);
background:#202020;
box-shadow:0 8px 20px rgba(0,0,0,.35);
}
/* „Mehr lesen“-Badge */
.mod_navigation ul.level_2 > li > a::after,
nav ul.level_2 > li > a::after{
content:"Mehr lesen";
margin-top:.35rem; padding:.35rem .7rem; border-radius:999px;
background:#b30000; color:#fff; font-size:.85rem; font-weight:700;
}
/* Optional: Icons via Klassen (Unterseiten im Backend klassieren) */
.mod_navigation ul.level_2 > li > a::before,
nav ul.level_2 > li > a::before{
content:""; width:44px; height:44px; display:block; margin-bottom:.25rem;
-webkit-mask:var(--menu-icon) no-repeat center/contain;
mask:var(--menu-icon) no-repeat center/contain; opacity:.95;
}
/* Beispiele */
.mod_navigation ul.level_2 > li.icon-verleih-winter > a{ --menu-icon:url("/files/icons/verleih-winter.svg"); }
.mod_navigation ul.level_2 > li.icon-verleih-sommer > a{ --menu-icon:url("/files/icons/verleih-sommer.svg"); }
/* --- Mobile: im Flow, erst wenn Burger offen (Klasse ggf. anpassen) --- */
@media (max-width:980px){
.mod_navigation ul.level_1{ flex-wrap:wrap; }
.mod_navigation ul.level_1 > li > ul.level_2,
nav ul.level_1 > li > ul.level_2{
position:static; width:auto; left:auto; transform:none;
box-shadow:none; border-top:0; padding:1rem 0;
display:none !important; opacity:1; visibility:visible; pointer-events:auto;
}
/* passe .nav-open auf deine echte Toggle-Klasse an */
.nav-open .mod_navigation ul.level_1 > li > ul.level_2,
.nav-open nav ul.level_1 > li > ul.level_2{ display:grid !important; }
.mod_navigation ul.level_2 > li > a,
nav ul.level_2 > li > a{ align-items:flex-start; text-align:left; }
}
/* Notbremse: trail/active öffnet nichts automatisch */
.mod_navigation ul.level_1 > li.trail > ul.level_2,
.mod_navigation ul.level_1 > li.active > ul.level_2,
nav ul.level_1 > li.trail > ul.level_2,
nav ul.level_1 > li.active > ul.level_2{
display:none !important; opacity:0; visibility:hidden; pointer-events:none;
}
/* === Mega-Dropdown: linksbündig unter der Navi, nicht viewport-zentriert === */
.mod_navigation{position:relative; width:100%;}
.mod_navigation ul.level_1 > li > ul.level_2,
nav ul.level_1 > li > ul.level_2{
/* statt 100vw + translateX(-50%) -> an Container koppeln */
left: 0 !important;
right: 0 !important; /* füllt die Breite des Nav-Containers */
width: 100% !important;
max-width: none !important;
transform: translateY(8px) !important; /* KEIN translateX mehr */
}
/* beim Öffnen nur vertikal einfahren */
.mod_navigation ul.level_1 > li:hover > ul.level_2,
nav ul.level_1 > li:hover > ul.level_2,
.mod_navigation ul.level_1 > li:focus-within > ul.level_2,
nav ul.level_1 > li:focus-within > ul.level_2{
transform: translateY(0) !important;
}
/* Optional: Innenabstand so, dass Inhalt wie beim Content-Container startet.
Passe 1200px auf deine max-Content-Breite an. */
.mod_navigation ul.level_1 > li > ul.level_2{
padding-left: calc((100% - 1200px)/2 + 1rem);
padding-right: calc((100% - 1200px)/2 + 1rem);
}
/* Falls dein Header-Inhalt eine andere Max-Breite hat, hier angleichen: */
/* .header .inside { max-width: 1200px; } */
/* === NAV-CONTAINER ALS BEZUG === */
.header .inside,
.mod_navigation{
position: relative !important;
width: 100% !important;
overflow: visible !important;
}
/* LI darf NICHT der Bezugspunkt sein */
nav ul.level_1 > li,
.mod_navigation ul.level_1 > li{
position: static !important;
}
/* --- Level-2: zuerst zu, öffnet als GRID, linksbündig unter der Navi --- */
nav ul.level_1 > li > ul.level_2,
.mod_navigation ul.level_1 > li > ul.level_2{
/* standardmäßig zu */
display: none !important;
opacity: 0; visibility: hidden; pointer-events: none;
/* an den Nav-Container koppeln (nicht an ) */
position: absolute !important;
top: 100%;
left: 0 !important;
right: 0 !important;
width: 100% !important; /* füllt Breite des Nav-Containers */
transform: translateY(8px);
background: #111;
color: #fff;
padding: 1.75rem 1rem;
border-top: 1px solid rgba(255,255,255,.08);
box-shadow: 0 16px 40px rgba(0,0,0,.25);
transition: opacity .18s ease, transform .18s ease, visibility 0s linear .18s;
}
/* öffnen bei Hover/Focus — jetzt als Kachel-Grid */
nav ul.level_1 > li:hover > ul.level_2,
nav ul.level_1 > li:focus-within > ul.level_2,
.mod_navigation ul.level_1 > li:hover > ul.level_2,
.mod_navigation ul.level_1 > li:focus-within > ul.level_2{
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: 1.25rem 2rem;
opacity: 1; visibility: visible; pointer-events: auto;
transform: translateY(0);
z-index: 1000;
}
/* KACHELN – erzwinge echtes Spaltenlayout */
nav ul.level_2 > li > a,
.mod_navigation ul.level_2 > li > a{
display: flex !important;
flex-direction: column !important;
align-items: center !important;
text-align: center;
text-decoration: none;
padding: 1rem .75rem;
border-radius: 10px;
background: #1b1b1b;
color: #fff;
font-weight: 600;
transition: transform .15s, box-shadow .15s, background-color .15s;
}
nav ul.level_2 > li > a:hover,
.mod_navigation ul.level_2 > li > a:hover{
transform: translateY(-2px);
background: #202020;
box-shadow: 0 8px 20px rgba(0,0,0,.35);
}
/* Icons nur anzeigen, wenn eine Icon-Klasse gesetzt ist – sonst keine roten Kästchen */
nav ul.level_2 > li > a::before,
.mod_navigation ul.level_2 > li > a::before{
content: none !important;
}
nav ul.level_2 > li[class*="icon-"] > a::before,
.mod_navigation ul.level_2 > li[class*="icon-"] > a::before{
content: "";
width: 44px; height: 44px; display: block; margin-bottom: .25rem;
background: #b30000;
-webkit-mask: var(--menu-icon) no-repeat center/contain;
mask: var(--menu-icon) no-repeat center/contain;
opacity: .95;
}
/* Beispiele für Icons (optional) */
.mod_navigation ul.level_2 > li.icon-verleih-winter > a{ --menu-icon:url("/files/icons/verleih-winter.svg"); }
.mod_navigation ul.level_2 > li.icon-verleih-sommer > a{ --menu-icon:url("/files/icons/verleih-sommer.svg"); }
/* Mobile: erst sichtbar, wenn Burger offen (mmenu setzt .mm-wrapper_opened am ) */
@media (max-width: 980px){
nav ul.level_1{ flex-wrap: wrap; }
nav ul.level_1 > li > ul.level_2,
.mod_navigation ul.level_1 > li > ul.level_2{
position: static !important;
width: auto !important;
box-shadow: none; border-top: 0;
transform: none;
opacity: 1; visibility: visible; pointer-events: auto;
display: none !important;
padding: 1rem 0;
}
.mm-wrapper_opened nav ul.level_1 > li > ul.level_2,
.mm-wrapper_opened .mod_navigation ul.level_1 > li > ul.level_2{
display: grid !important;
}
nav ul.level_2 > li > a,
.mod_navigation ul.level_2 > li > a{
align-items: flex-start !important;
text-align: left;
}
}
/* Sicherheit: trail/active öffnet nichts automatisch */
nav ul.level_1 > li.trail > ul.level_2,
nav ul.level_1 > li.active > ul.level_2,
.mod_navigation ul.level_1 > li.trail > ul.level_2,
.mod_navigation ul.level_1 > li.active > ul.level_2{
display: none !important;
opacity: 0; visibility: hidden; pointer-events: none;
}
/* 1) Panel ohne vertikalen Versatz öffnen (keine Lücke zwischen Trigger und Panel) */
.mod_navigation ul.level_1 > li > ul.level_2{
top: 100% !important;
transform: none !important; /* vorher evtl. translateY(8px) entfernen */
}
/* 2) Panel hält sich selbst offen, wenn man drin ist */
.mod_navigation ul.level_1 > li > ul.level_2:hover{
display: grid !important;
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
}
/* 3) Hover-Bridge: vergrößert die „Trefferzone“ direkt unter dem Hauptlink */
.mod_navigation ul.level_1 > li > a{
position: relative; /* Bezug für ::after */
display: inline-block; /* falls noch inline */
z-index: 1001;
}
.mod_navigation ul.level_1 > li > a::after{
content: "";
position: absolute;
left: -16px; /* seitlicher Puffer */
right: -16px;
bottom: -14px; /* ragt unter den Link */
height: 22px; /* Größe der Brücke – ggf. anpassen */
background: transparent;
pointer-events: auto; /* zählt als Hoverfläche */
}
/* Sicherheit: LI/Wrapper schneiden nichts ab */
.mod_navigation,
.header .inside{
position: relative;
overflow: visible !important;
z-index: 9999;
}
/* 0) Basis: Level-2 ist zu und hängt am Nav-Container */
.mod_navigation{ position: relative; z-index: 9999; overflow: visible !important; }
.mod_navigation ul.level_1{ display:flex; gap:2rem; }
.mod_navigation ul.level_1 > li{ position:relative; } /* wichtig fürs ::after */
.mod_navigation ul.level_1 > li > ul.level_2{
position:absolute; top:100%; left:0; right:0;
display:none !important; /* default zu */
opacity:0; visibility:hidden; pointer-events:none;
/* KEIN vertikaler Versatz -> keine Lücke */
margin-top:0 !important;
transform:none !important;
background:#111; color:#fff;
padding:1.75rem 1rem;
border-top:1px solid rgba(255,255,255,.08);
box-shadow:0 16px 40px rgba(0,0,0,.25);
}
/* 1) Öffnen bei Hover/Fokus: Grid aktivieren */
.mod_navigation ul.level_1 > li:hover > ul.level_2,
.mod_navigation ul.level_1 > li:focus-within > ul.level_2{
display:grid !important;
grid-template-columns:repeat(auto-fit, minmax(180px,1fr));
gap:1.25rem 2rem;
opacity:1; visibility:visible; pointer-events:auto;
z-index:1000;
}
/* 2) Hover-Bridge: vergrößert die Hover-Zone unter dem Hauptpunkt */
.mod_navigation ul.level_1 > li::after{
content:"";
position:absolute;
left:-16px; right:-16px; /* seitlicher Puffer */
top:100%;
height:24px; /* ggf. 20–28px anpassen */
background:transparent;
pointer-events:auto; /* zählt als Hoverfläche */
}
/* 3) Panel hält sich selbst offen (moderne Browser) */
.mod_navigation ul.level_1 > li:has(> ul.level_2:hover) > ul.level_2{
display:grid !important;
opacity:1 !important; visibility:visible !important; pointer-events:auto !important;
}
/* Kachel-Links */
.mod_navigation ul.level_2 > li > a{
display:flex; flex-direction:column; align-items:center; gap:.5rem;
text-align:center; text-decoration:none;
padding:1rem .75rem; border-radius:10px;
background:#1b1b1b; color:#fff; font-weight:600;
transition:transform .15s, box-shadow .15s, background-color .15s;
}
.mod_navigation ul.level_2 > li > a:hover{
transform:translateY(-2px);
background:#202020;
box-shadow:0 8px 20px rgba(0,0,0,.35);
}
/* „Mehr lesen“-Badge */
.mod_navigation ul.level_2 > li > a::after{
content:"Mehr lesen";
margin-top:.35rem; padding:.35rem .7rem; border-radius:999px;
background:#b30000; color:#fff; font-size:.85rem; font-weight:700;
}
/* Icons nur wenn Klasse gesetzt (sonst keine roten Blöcke) */
.mod_navigation ul.level_2 > li > a::before{ content:none !important; }
.mod_navigation ul.level_2 > li[class*="icon-"] > a::before{
content:""; width:44px; height:44px; display:block; margin-bottom:.25rem;
background:#b30000;
-webkit-mask:var(--menu-icon) no-repeat center/contain;
mask:var(--menu-icon) no-repeat center/contain; opacity:.95;
}
/* === Bezugspunkt: der Navi-Container, nicht das === */
.mod_navigation{ position: relative !important; z-index: 9999; overflow: visible !important; width:100%; }
.mod_navigation ul.level_1{ display:flex; gap:2rem; }
.mod_navigation ul.level_1 > li{ position: static !important; } /* wichtig: NICHT relative */
/* --- Level 2: standardmäßig zu, breit am Container, linksbündig --- */
.mod_navigation ul.level_1 > li > ul.level_2{
position: absolute !important;
top: 100%;
left: 0; right: 0; width: 100%;
/* geschlossen */
display: none !important;
opacity: 0; visibility: hidden; pointer-events: none;
/* Hover-Bridge: 16px überlappen, aber innen wieder auffüllen */
margin-top: -16px; /* zieht das Panel 16px nach oben = keine Lücke */
padding-top: 16px; /* gleiche Höhe als unsichtbare Brücke */
background: #111; color:#fff;
padding-left: max(16px, 1rem);
padding-right: max(16px, 1rem);
padding-bottom: 1.75rem;
border-top: 1px solid rgba(255,255,255,.08);
box-shadow: 0 16px 40px rgba(0,0,0,.25);
z-index: 1000;
}
/* --- Öffnen bei Hover/Fokus + Grid-Kacheln --- */
.mod_navigation ul.level_1 > li:hover > ul.level_2,
.mod_navigation ul.level_1 > li:focus-within > ul.level_2{
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: 1.25rem 2rem;
opacity: 1; visibility: visible; pointer-events: auto;
}
/* --- Kacheln --- */
.mod_navigation ul.level_2 > li > a{
display:flex; flex-direction:column; align-items:center; gap:.5rem;
text-align:center; text-decoration:none;
padding:1rem .75rem; border-radius:10px;
background:#1b1b1b; color:#fff; font-weight:600;
transition:transform .15s, box-shadow .15s, background-color .15s;
}
.mod_navigation ul.level_2 > li > a:hover{
transform:translateY(-2px);
background:#202020;
box-shadow:0 8px 20px rgba(0,0,0,.35);
}
.mod_navigation ul.level_2 > li > a::after{
content:"Mehr lesen";
margin-top:.35rem; padding:.35rem .7rem; border-radius:999px;
background:#b30000; color:#fff; font-size:.85rem; font-weight:700;
}
/* Icons nur wenn Klasse gesetzt (kein roter Block ohne Icon) */
.mod_navigation ul.level_2 > li > a::before{ content:none !important; }
.mod_navigation ul.level_2 > li[class*="icon-"] > a::before{
content:""; width:44px; height:44px; display:block; margin-bottom:.25rem;
background:#b30000;
-webkit-mask: var(--menu-icon) no-repeat center/contain;
mask: var(--menu-icon) no-repeat center/contain; opacity:.95;
}
/* Mobile (mmenu): erst sichtbar wenn Wrapper geöffnet ist */
@media (max-width:980px){
.mod_navigation ul.level_1{ flex-wrap:wrap; }
.mod_navigation ul.level_1 > li > ul.level_2{
position: static !important; width:auto !important; margin-top:0; padding-top:0;
box-shadow:none; border-top:0; display:none !important;
opacity:1; visibility:visible; pointer-events:auto;
padding:1rem 0;
}
/* mmenu: body bekommt .mm-wrapper_opened */
.mm-wrapper_opened .mod_navigation ul.level_1 > li > ul.level_2{ display:grid !important; }
.mod_navigation ul.level_2 > li > a{ align-items:flex-start; text-align:left; }
}
.vee-menu:not(.mm-menu) .vee-menu__navigation > li > a span {
padding: 2.2em 0;
}
/* === Mega-Dropdown: weißer Hintergrund + schwarze Schrift + Icon oben === */
/* Panel (Level-2) */
.mod_navigation ul.level_1 > li > ul.level_2{
background:#fff !important;
color:#000 !important;
border-top:1px solid #eee !important;
box-shadow:0 16px 40px rgba(0,0,0,.08) !important;
}
/* Kachel-Link */
.mod_navigation ul.level_2 > li > a{
background:#fff !important;
color:#000 !important;
border:1px solid #eee !important;
}
.mod_navigation ul.level_2 > li > a:hover{
background:#f7f7f7 !important;
box-shadow:0 6px 16px rgba(0,0,0,.08) !important;
}
/* „Mehr lesen“-Badge bleibt rot */
.mod_navigation ul.level_2 > li > a::after{
background:var(--color-primary, #c1022c) !important;
color:#fff !important;
}
/* Icon über dem Text */
.mod_navigation ul.level_2 > li > a::before{ content:none !important; } /* nur wenn Icon-Klasse gesetzt */
.mod_navigation ul.level_2 > li[class*="icon-"] > a::before{
content:"";
width:48px; height:48px; display:block; margin-bottom:.5rem;
background:#000; /* Icon-Farbe (schwarz) */
-webkit-mask: var(--menu-icon) no-repeat center / contain;
mask: var(--menu-icon) no-repeat center / contain;
opacity:1;
}
/* Beispiele: ordne deine SVGs per Klasse zu (bei den Unterseiten die Klasse setzen) */
.mod_navigation ul.level_2 > li.icon-skifit > a{ --menu-icon:url("/files/icons/skifit.svg"); }
.mod_navigation ul.level_2 > li.icon-skischuhfit > a{ --menu-icon:url("/files/icons/skischuhfit.svg"); }
.mod_navigation ul.level_2 > li.icon-wanderschuhfit > a{ --menu-icon:url("/files/icons/wanderschuhfit.svg"); }
.mod_navigation ul.level_2 > li.icon-radfit > a{ --menu-icon:url("/files/icons/radfit.svg"); }
.mod_navigation ul.level_2 > li.icon-outfit > a{ --menu-icon:url("/files/icons/outfit.svg"); }
.mod_navigation ul.level_2 > li.icon-lauffit > a{ --menu-icon:url("/files/icons/lauffit.svg"); }
.vee-menu:not(.mm-menu) .vee-menu__navigation > li:not(.has-mega-menu) ul {
background-color: #ffffff;
}
.vee-menu:not(.mm-menu) .vee-menu__navigation > li > ul:not(.mega-menu) li a {
color: #000;
}
/* === Icons über dem Text (Panel ist bereits weiß, Text schwarz) === */
/* Standard: kein Platzhalter-Icon anzeigen */
.mod_navigation ul.level_2 > li > a::before { content: none; }
/* Wenn eine Icon-Klasse gesetzt ist → Icon einblenden */
.mod_navigation ul.level_2 > li[class*="icon-"] > a::before{
content: "";
width: 48px; height: 48px;
display: block;
margin: -4px 0 .6rem; /* etwas näher an den Titel */
background: #000; /* Icon-Farbe (schwarz) */
-webkit-mask: var(--menu-icon) no-repeat center / contain;
mask: var(--menu-icon) no-repeat center / contain;
opacity: 1;
}
/* ===========================
VEE-Menü: Submenü nur mit Icons (PNG)
=========================== */
/* Submenü-Panel: weiß */
.vee-menu:not(.mm-menu) .vee-menu__navigation > li > ul {
background: #fff !important;
}
/* Link-Kacheln: Text/Kinder weg, Fläche für Icon */
.vee-menu:not(.mm-menu) .vee-menu__navigation > li > ul li > a > * {
display: none !important; /* etc. ausblenden */
}
.vee-menu:not(.mm-menu) .vee-menu__navigation > li > ul li > a {
font-size: 0 !important;
line-height: 0 !important;
color: transparent !important;
background: #fff !important;
border: 1px solid #eee !important;
padding: 18px 12px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
/* evtl. vorhandenes "Mehr lesen" (von früher) hart entfernen */
.vee-menu:not(.mm-menu) .vee-menu__navigation > li > ul li > a::after {
content: none !important;
display: none !important;
}
/* Icon oben (PNG) */
.vee-menu:not(.mm-menu) .vee-menu__navigation > li > ul li > a::before {
content: "" !important;
display: block !important;
width: 56px !important;
height: 56px !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: contain !important;
}
/* Icon anwenden */
.vee-menu:not(.mm-menu) .vee-menu__navigation > li > ul li > a::before{
background-image:var(--icon) !important;
}
/* ===== VEE-Submenu größer machen (höher + größere Icons) ===== */
/* mehr Innenabstand im Panel */
.vee-menu:not(.mm-menu) .vee-menu__navigation > li > ul{
padding-top: 0 !important;
padding-bottom: 0 !important;
}
/* höhere Kacheln */
.vee-menu:not(.mm-menu) .vee-menu__navigation > li > ul li > a{
height: 120px !important; /* <— Höhe der Kachel */
border-radius: 12px !important; /* optional hübscher */
}
/* größere Icons */
.vee-menu:not(.mm-menu) .vee-menu__navigation > li > ul li > a::before{
width: 84px !important; /* <— Icon-Größe */
height: 84px !important;
}
/* optional: etwas mehr Horizontalabstand zwischen den Kacheln */
.vee-menu:not(.mm-menu) .vee-menu__navigation > li > ul > li{
padding: 0 10px !important;
}
/* Erst alles neutralisieren, damit alte Fallbacks nicht greifen */
.vee-menu:not(.mm-menu) .vee-menu__navigation > li > ul li > a::before{
background-image: none !important;
}
/* SERVICE-Dropdown gezielt befüllen (Reihenfolge: Skifit, Skischuhfit, Wanderschuhfit, Radfit, Outfit, Lauffit) */
.vee-menu:not(.mm-menu) .vee-menu__navigation > li > a[href*="service" i] + ul > li:nth-child(1) > a::before{
background-image:url("/files/sport-friedrich/bilder/Service-Grafiken/icon_skifit.png") !important;
}
.vee-menu:not(.mm-menu) .vee-menu__navigation > li > a[href*="service" i] + ul > li:nth-child(2) > a::before{
background-image:url("/files/sport-friedrich/bilder/Service-Grafiken/icon_skischuhfit.png") !important;
}
.vee-menu:not(.mm-menu) .vee-menu__navigation > li > a[href*="service" i] + ul > li:nth-child(3) > a::before{
background-image:url("/files/sport-friedrich/bilder/Service-Grafiken/icon_wanderschuhfit.png") !important;
}
.vee-menu:not(.mm-menu) .vee-menu__navigation > li > a[href*="service" i] + ul > li:nth-child(4) > a::before{
background-image:url("/files/sport-friedrich/bilder/Service-Grafiken/icon_radfit.png") !important;
}
.vee-menu:not(.mm-menu) .vee-menu__navigation > li > a[href*="service" i] + ul > li:nth-child(5) > a::before{
background-image:url("/files/sport-friedrich/bilder/Service-Grafiken/icon_outfit.png") !important;
}
.vee-menu:not(.mm-menu) .vee-menu__navigation > li > a[href*="service" i] + ul > li:nth-child(6) > a::before{
background-image:url("/files/sport-friedrich/bilder/Service-Grafiken/icon_lauffit.png") !important;
}
/* ===== Nur FILIALEN & VERLEIH: normales Text-Submenü ===== */
/* UL vom jeweiligen Top-Level-Punkt */
.vee-menu:not(.mm-menu) .vee-menu__navigation > li > a[href*="filial" i] + ul,
.vee-menu:not(.mm-menu) .vee-menu__navigation > li > a[href*="verleih" i] + ul,
.vee-menu:not(.mm-menu) .vee-menu__navigation > li > a[title*="filial" i] + ul,
.vee-menu:not(.mm-menu) .vee-menu__navigation > li > a[title*="verleih" i] + ul{
display: block !important;
padding: .5rem 0 !important;
background: #fff !important;
border: 0 !important;
box-shadow: none !important;
}
/* LI / A: Text sichtbar, keine Icon-Kachel-Optik */
.vee-menu:not(.mm-menu) .vee-menu__navigation > li > a[href*="filial" i] + ul li > a,
.vee-menu:not(.mm-menu) .vee-menu__navigation > li > a[href*="verleih" i] + ul li > a,
.vee-menu:not(.mm-menu) .vee-menu__navigation > li > a[title*="filial" i] + ul li > a,
.vee-menu:not(.mm-menu) .vee-menu__navigation > li > a[title*="verleih" i] + ul li > a{
display: block !important;
font-size: 1rem !important;
line-height: 1.4 !important;
color: #000 !important; /* ggf. auf 'inherit' ändern */
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
height: auto !important;
padding: .45rem 1rem !important;
text-indent: 0 !important;
white-space: normal !important;
align-items: initial !important;
justify-content: initial !important;
}
/* versteckte Kinder (z. B. ) wieder anzeigen */
.vee-menu:not(.mm-menu) .vee-menu__navigation > li > a[href*="filial" i] + ul li > a > *,
.vee-menu:not(.mm-menu) .vee-menu__navigation > li > a[href*="verleih" i] + ul li > a > *,
.vee-menu:not(.mm-menu) .vee-menu__navigation > li > a[title*="filial" i] + ul li > a > *,
.vee-menu:not(.mm-menu) .vee-menu__navigation > li > a[title*="verleih" i] + ul li > a > *{
display: initial !important;
}
/* evtl. erzwungene Icons/Pseudoelemente komplett killen */
.vee-menu:not(.mm-menu) .vee-menu__navigation > li > a[href*="filial" i] + ul li > a::before,
.vee-menu:not(.mm-menu) .vee-menu__navigation > li > a[href*="filial" i] + ul li > a::after,
.vee-menu:not(.mm-menu) .vee-menu__navigation > li > a[href*="verleih" i] + ul li > a::before,
.vee-menu:not(.mm-menu) .vee-menu__navigation > li > a[href*="verleih" i] + ul li > a::after,
.vee-menu:not(.mm-menu) .vee-menu__navigation > li > a[title*="filial" i] + ul li > a::before,
.vee-menu:not(.mm-menu) .vee-menu__navigation > li > a[title*="filial" i] + ul li > a::after,
.vee-menu:not(.mm-menu) .vee-menu__navigation > li > a[title*="verleih" i] + ul li > a::before,
.vee-menu:not(.mm-menu) .vee-menu__navigation > li > a[title*="verleih" i] + ul li > a::after{
content: none !important;
background: none !important;
width: 0 !important; height: 0 !important;
}
/* =========================
FILIALEN + VERLEIH: Submenü nebeneinander (nur Desktop)
SERVICE bleibt unberührt
========================= */
@media (min-width: 981px){
/* UL des Submenüs als Reihe ausrichten (beide DOM-Varianten abgedeckt) */
.vee-menu:not(.mm-menu) .vee-menu__navigation > li > a[href*="filial" i] + ul,
.vee-menu:not(.mm-menu) .vee-menu__navigation > li > a[href*="filial" i] + .submenu_sibling > ul,
.vee-menu:not(.mm-menu) .vee-menu__navigation > li > a[href*="verleih" i] + ul,
.vee-menu:not(.mm-menu) .vee-menu__navigation > li > a[href*="verleih" i] + .submenu_sibling > ul{
display: flex !important;
gap: 18px !important;
justify-content: center !important;
align-items: center !important;
flex-wrap: nowrap !important; /* alles in einer Reihe */
background: #fff !important;
padding: 12px 18px !important;
}
/* Text-Links normal anzeigen (falls irgendwo ausgeblendet war) */
.vee-menu:not(.mm-menu) .vee-menu__navigation > li > a[href*="filial" i] + ul li > a,
.vee-menu:not(.mm-menu) .vee-menu__navigation > li > a[href*="filial" i] + .submenu_sibling > ul li > a,
.vee-menu:not(.mm-menu) .vee-menu__navigation > li > a[href*="verleih" i] + ul li > a,
.vee-menu:not(.mm-menu) .vee-menu__navigation > li > a[href*="verleih" i] + .submenu_sibling > ul li > a{
display: block !important;
padding: 8px 14px !important;
background: #fff !important;
border: 1px solid #eee !important;
border-radius: 8px !important;
color: #000 !important;
font-size: 1rem !important;
line-height: 1.35 !important;
white-space: nowrap !important;
box-shadow: none !important;
}
/* sicherstellen: Inhalte sichtbar, keine Icons davor */
.vee-menu:not(.mm-menu) .vee-menu__navigation > li > a[href*="filial" i] + ul li > a > *,
.vee-menu:not(.mm-menu) .vee-menu__navigation > li > a[href*="filial" i] + .submenu_sibling > ul li > a > *,
.vee-menu:not(.mm-menu) .vee-menu__navigation > li > a[href*="verleih" i] + ul li > a > *,
.vee-menu:not(.mm-menu) .vee-menu__navigation > li > a[href*="verleih" i] + .submenu_sibling > ul li > a > *{
display: inline !important;
}
.vee-menu:not(.mm-menu) .vee-menu__navigation > li > a[href*="filial" i] + ul li > a::before,
.vee-menu:not(.mm-menu) .vee-menu__navigation > li > a[href*="filial" i] + .submenu_sibling > ul li > a::before,
.vee-menu:not(.mm-menu) .vee-menu__navigation > li > a[href*="verleih" i] + ul li > a::before,
.vee-menu:not(.mm-menu) .vee-menu__navigation > li > a[href*="verleih" i] + .submenu_sibling > ul li > a::before{
content: none !important;
}
/* Hover */
.vee-menu:not(.mm-menu) .vee-menu__navigation > li > a[href*="filial" i] + ul li > a:hover,
.vee-menu:not(.mm-menu) .vee-menu__navigation > li > a[href*="verleih" i] + ul li > a:hover{
background: #f7f7f7 !important;
border-color: #c1022c !important;
color: #c1022c !important;
}
}
/* =========================
FILIALEN & VERLEIH: smooth hover (Desktop)
========================= */
@media (min-width: 981px){
/* Top-LI stabilisieren */
.vee-menu:not(.mm-menu) .vee-menu__navigation > li:is(:has(> a[href*="filial" i]), :has(> a[href*="verleih" i])){
position: static !important;
}
/* Panel (deckt beide DOM-Varianten ab: direktes oder .submenu_sibling > ul) */
.vee-menu:not(.mm-menu) .vee-menu__navigation > li:is(:has(> a[href*="filial" i]), :has(> a[href*="verleih" i])) > ul,
.vee-menu:not(.mm-menu) .vee-menu__navigation > li:is(:has(> a[href*="filial" i]), :has(> a[href*="verleih" i])) > .submenu_sibling > ul{
position: absolute !important;
left: 0; right: 0; top: 100%;
z-index: 1000;
/* geschlossen: unsichtbar + nicht klickbar, aber ohne display:none */
opacity: 0; visibility: hidden; pointer-events: none;
transform: translateY(8px);
transition: opacity .18s ease, transform .18s ease, visibility 0s linear .18s;
will-change: opacity, transform;
/* Hover-Bridge gegen die Lücke */
margin-top: -16px; /* Panel ragt 16px nach oben */
padding-top: 16px; /* gleiche Höhe wieder auffüllen */
background: #fff; /* dein Look */
}
/* öffnen bei Hover/Focus UND wenn das Panel selbst gehovert wird */
.vee-menu:not(.mm-menu) .vee-menu__navigation > li:is(:hover, :focus-within):is(:has(> a[href*="filial" i]), :has(> a[href*="verleih" i])) > ul,
.vee-menu:not(.mm-menu) .vee-menu__navigation > li:is(:hover, :focus-within):is(:has(> a[href*="filial" i]), :has(> a[href*="verleih" i])) > .submenu_sibling > ul,
.vee-menu:not(.mm-menu) .vee-menu__navigation > li:is(:has(> ul:hover), :has(> .submenu_sibling > ul:hover)):is(:has(> a[href*="filial" i]), :has(> a[href*="verleih" i])) > ul,
.vee-menu:not(.mm-menu) .vee-menu__navigation > li:is(:has(> ul:hover), :has(> .submenu_sibling > ul:hover)):is(:has(> a[href*="filial" i]), :has(> a[href*="verleih" i])) > .submenu_sibling > ul{
opacity: 1; visibility: visible; pointer-events: auto;
transform: translateY(0);
transition-delay: 0s;
}
/* zusätzliche Hover-Bridge direkt unter dem Top-Link */
.vee-menu:not(.mm-menu) .vee-menu__navigation > li > a[href*="filial" i]::after,
.vee-menu:not(.mm-menu) .vee-menu__navigation > li > a[href*="verleih" i]::after{
content:"";
position:absolute;
left:-14px; right:-14px; bottom:-14px; height:22px; /* bei Bedarf erhöhen */
background: transparent;
pointer-events: auto;
}
}
/* Barrierefreiheit: weniger Bewegung, wenn gewünscht */
@media (prefers-reduced-motion: reduce){
.vee-menu:not(.mm-menu) .vee-menu__navigation > li > ul{
transition: none !important;
}
}
/* Filialen | Service | Verleih – mobil nebeneinander */
#balken-verleih-service-filialen .ce_vee_grid_row_start{
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 10px !important;
align-items: stretch !important;
}
/* Alle Breiten/Spalten-Zwänge in diesem Block neutralisieren */
#balken-verleih-service-filialen .ce_vee_grid_column_start{
width: auto !important;
max-width: none !important;
flex: 0 0 auto !important;
margin: 0 !important;
}
/* Kachel innen schön strecken */
#balken-verleih-service-filialen .box-teaser{
height: 100% !important;
}
/* ganz kleine Screens: etwas enger */
@media (max-width: 480px){
#balken-verleih-service-filialen .ce_vee_grid_row_start{ gap: 6px !important; }
}
/* === Filialen | Service | Verleih – mobil nebeneinander (nur dieser Abschnitt) === */
@media (max-width: 991px){
/* Reihe als Flex-Zeile ohne Umbruch */
#balken-verleih-service-filialen .ce_vee_grid_row_start{
display: flex !important;
flex-wrap: nowrap !important;
gap: 10px !important; /* Abstand zwischen den Kacheln */
align-items: stretch !important;
}
/* Jede Kachel genau 1/3 Breite */
#balken-verleih-service-filialen .ce_vee_grid_column_start{
width: calc(33.333% - 7px) !important;
max-width: none !important;
flex: 0 0 calc(33.333% - 7px) !important;
margin: 0 !important;
}
/* Kachel-Inhalt volle Höhe */
#balken-verleih-service-filialen .box-teaser{
height: 100% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
}
/* Überschrift in den Kacheln etwas kleiner, damit’s sauber reinpasst */
#balken-verleih-service-filialen .box-teaser h3,
#balken-verleih-service-filialen .box-teaser .ce_headline{
font-size: clamp(14px, 3.4vw, 22px) !important;
line-height: 1.15 !important;
margin: 0 !important;
}
}
/* === Filialen | Service | Verleih – mobil nebeneinander (nur dieser Abschnitt) === */
@media (max-width: 991px){
/* Reihe als Flex-Zeile ohne Umbruch */
#balken-verleih-service-filialen .ce_vee_grid_row_start{
display: flex !important;
flex-wrap: nowrap !important;
gap: 10px !important; /* Abstand zwischen den Kacheln */
align-items: stretch !important;
}
/* Jede Kachel genau 1/3 Breite */
#balken-verleih-service-filialen .ce_vee_grid_column_start{
width: calc(33.333% - 7px) !important;
max-width: none !important;
flex: 0 0 calc(33.333% - 7px) !important;
margin: 0 !important;
}
/* Kachel-Inhalt volle Höhe */
#balken-verleih-service-filialen .box-teaser{
height: 100% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
}
/* Überschrift in den Kacheln etwas kleiner, damit’s sauber reinpasst */
#balken-verleih-service-filialen .box-teaser h3,
#balken-verleih-service-filialen .box-teaser .ce_headline{
font-size: clamp(14px, 3.4vw, 22px) !important;
line-height: 1.15 !important;
margin: 0 !important;
}
}
/* Mobile: Kacheln mittig + gleicher Rand links/rechts */
@media (max-width: 991px){
/* Row als Flex-Zeile */
#balken-verleih-service-filialen .ce_vee_grid_row_start{
display:flex !important;
flex-wrap:nowrap !important;
gap:10px !important;
align-items:stretch !important;
}
/* Column-Gutter killen + 1/3 Breite */
#balken-verleih-service-filialen .ce_vee_grid_column_start{
flex:0 0 calc(33.333% - 7px) !important;
width:calc(33.333% - 7px) !important;
margin:0 !important;
padding-left:0 !important; /* ⬅️ Gutter weg */
padding-right:0 !important; /* ➡️ Gutter weg */
}
/* Kachel-Inhalt zentrieren */
#balken-verleih-service-filialen .box-teaser{
height:100% !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
text-align:center !important;
padding:12px !important; /* symmetrisch */
}
/* Falls die komplette Kachel ein Link ist */
#balken-verleih-service-filialen .box-teaser > a{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
padding:12px !important;
}
/* Überschrift ohne extra Außenabstand */
#balken-verleih-service-filialen .box-teaser h3,
#balken-verleih-service-filialen .box-teaser .ce_headline{
margin:0 !important;
}
#vee-body .vee-217-37867db5 {
padding: 2.5rem 1.5rem;
}
}
/* Drei Kacheln mit exakt gleichen Außenrändern */
#balken-verleih-service-filialen { --tile-gap: 0%; } /* Gap nach Wunsch */
#balken-verleih-service-filialen .ce_vee_grid_row_start{
display:flex !important;
gap: 0% !important;
margin:0 !important;
}
#balken-verleih-service-filialen .ce_vee_grid_column_start{
/* keine Bootstrap-Gutter */
padding-left:0 !important;
padding-right:0 !important;
margin:0 !important;
box-sizing:border-box;
/* 3 Spalten + 2 Gaps = 100% → keine Restbreite rechts */
flex: 0 0 calc((100% - (2 * var(--tile-gap))) / 3) !important;
width: calc((100% - (2 * var(--tile-gap))) / 3) !important;
}
/* Container: Text + Button nebeneinander, schön ausgerichtet */
.title-with-button {
display: inline-flex; /* Text und Button in einer Zeile */
align-items: center; /* vertikal zentriert */
gap: 10px; /* Abstand zwischen Text und Button */
}
/* Aurach-Heavy.ttf */
@font-face {
font-family: 'Aurach-Heavy';
font-style: heavy;
font-weight: 400;
font-display: swap;
src: url('../../files/fonts/aurach/Aurach-Heavy.ttf') format('ttf');
src: local(''),
url('../../files/fonts/aurach/Aurach-Heavy.ttf') format('ttf'),
}
/* Oswald – woff2/woff + Fallback */
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 300;
font-display: swap;
src:
url('/files/fonts/oswald/Oswald-Light.woff2') format('woff2'),
url('/files/fonts/oswald/Oswald-Light.woff') format('woff'),
url('/files/fonts/oswald/Oswald-Light.ttf') format('truetype');
}
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 400;
font-display: swap;
src:
url('/files/fonts/oswald/Oswald-Regular.woff2') format('woff2'),
url('/files/fonts/oswald/Oswald-Regular.woff') format('woff'),
url('/files/fonts/oswald/Oswald-Regular.ttf') format('truetype');
}
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 500;
font-display: swap;
src:
url('/files/fonts/oswald/Oswald-Medium.woff2') format('woff2'),
url('/files/fonts/oswald/Oswald-Medium.woff') format('woff'),
url('/files/fonts/oswald/Oswald-Medium.ttf') format('truetype');
}
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 600;
font-display: swap;
src:
url('/files/fonts/oswald/Oswald-SemiBold.woff2') format('woff2'),
url('/files/fonts/oswald/Oswald-SemiBold.woff') format('woff'),
url('/files/fonts/oswald/Oswald-SemiBold.ttf') format('truetype');
}
@font-face {
font-family: 'Oswald';
font-style: normal;
font-weight: 700;
font-display: swap;
src:
url('/files/fonts/oswald/Oswald-Bold.woff2') format('woff2'),
url('/files/fonts/oswald/Oswald-Bold.woff') format('woff'),
url('/files/fonts/oswald/Oswald-Bold.ttf') format('truetype');
}