/**
 * Swiper 11.2.10
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 28, 2025
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-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-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.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-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}

body {
	background: #ebebeb;
}

/* source-sans-3-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/source-sans-3-v19-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* source-sans-3-200italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: italic;
  font-weight: 200;
  src: url('../fonts/source-sans-3-v19-latin-200italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* source-sans-3-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/source-sans-3-v19-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* source-sans-3-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/source-sans-3-v19-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* source-sans-3-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/source-sans-3-v19-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* source-sans-3-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/source-sans-3-v19-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



/* source-sans-3-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/source-sans-3-v19-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* source-sans-3-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/source-sans-3-v19-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

html {
	font-size: 10px;
	font-family: 'Source Sans 3';
	font-style: normal;
	font-weight: 400;
}

:root {
	--febena-font-size: 1.75rem;
	--febena-line-height: 1.3em;
	--febena-color-orange: #e2510d;
	--febena-color-siozwo: #7f9fd5;
	--febena-color-rhinoclir: #97cd00;
	--febena-color-gelafeban: #f18d00;
	
	--burger-size: 44px;   
	--line-width: 34px;     
	--line-height: 2.5px;   
	--gap: 6px;             
	--color: #111;      
	--transition: 260ms cubic-bezier(.2,.9,.3,1);
}

main {
	padding: 100px 0 0 0
}
.home main {
	padding: 0
}

@media screen and (max-width: 700px) {
	:root {
	--febena-font-size: 1.45rem;
	--febena-line-height: 1.3em;
	}
}

#phone {
	position: fixed;
	top: 310px;
	left: 0;
	z-index: 300;
	width: 60px;
	-webkit-transition: all 350ms ease-in-out;
	-moz-transition: all 350ms ease-in-out;
	-ms-transition: all 350ms ease-in-out;
	-o-transition: all 350ms ease-in-out;
	transition: all 350ms ease-in-out;
}

.home #phone {
	display: none
}

.wpforms-submit-container {
	text-align: right;
	--wpforms-button-background-color: var(--febena-color-orange);
}

#phone img {
	width: 100%;
	height: auto
}
#phone:hover {
	top: 300px;
	width: 80px;
}

* {
	margin: 0;
	padding: 0;
	font-size: var(--febena-font-size);
}


.febena-download-group {
	padding: 20px 0
}

.download-list-container {
	--download-color: #000;
	color: var(--download-color);
}
.download-list-container a {
	color: #fff;
	background: var(--download-color);
}
.download-list-container.downloads-group--siozwo {
	--download-color: var(--febena-color-siozwo);
}
.download-list-container.downloads-group--rhinoclir {
	--download-color: var(--febena-color-rhinoclir);
}
.download-list-container.downloads-group--gela-feban {
	--download-color: var(--febena-color-gelafeban);
}


.febena-download-group  ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.febena-download-group  li {
	display: flex;
	justify-content: space-between; 
	align-items: center; 
	padding: 8px 0; 
	border-bottom: 1px solid #ccc; 
}

.febena-download-group  li a {
	padding: 6px 12px;       
	text-decoration: none;  
	border-radius: 4px;     
	transition: background 0.3s;
}

.febena-download-group li a:hover {
  background-color: #222;
}


.download-list-container ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.download-list-container li {
	background: #fff;
	margin: 0 0 10px 0;
	padding: 10px 20px;
	position: relative;
	border-left: 3px solid var(--download-color);
}


@media screen and (max-width: 600px){
	.download-list-container   li {
		flex-direction: column;
		text-align: center;
		padding: 20px 30px;
		border-left: none;
		border-bottom: 5px solid var(--download-color);
	}
	.febena-download-group  li a  {
		margin: 15px 0 0 0
	}
}



.febena-row {
	max-width: 1080px;
	margin: 0 auto
}

@media screen and (max-width: 1300px){
	.febena-row {
		max-width: calc(100% - 100px);
	}
}
@media screen and (max-width: 800px){
	.febena-row {
		max-width: calc(100% - 50px);
	}
}


#produkt--detail-content {
	display: flex;
	gap: 30px;
}


#produkt--detail-content-left {
flex: 0 0 calc(40% - 0.4 * 30px); 
}

#produkt--detail-content-right a {
	color: var(--febena-color-orange);
}


#produkt--detail-content-right {
flex: 0 0 calc(60% - 0.6 * 30px); 
}
#produkt--detail-content-left img {
	width: 100%;
	height: auto;
	vertical-align: middle
}

@media screen and (max-width: 750px) {
	#produkt--detail-content {
		flex-direction: column;
		flex-direction: column-reverse
	}
}

.febena--content-box,
#produkt--detail {
	background-color: #fff;
	padding: 40px;
	-webkit-box-shadow: 0 0 50px 4px rgba(0,0,0,.1);
	box-shadow: 0 0 50px 4px rgba(0,0,0,.1);
}
.febena--content-box {
	border-top: 4px solid var(--febena-color-orange);
}

.febena--content-box h2 {
	font-size: 2.4rem;
	line-height: 1.3em;
	font-weight: 600;
	margin: 0 0 20px 0;
}
.febena--content-box p {
	margin: 0 0 10px 0
}

.febena--content-box a {
	color: #222
}

a {
	-webkit-transition: all 350ms ease-in-out;
	-moz-transition: all 350ms ease-in-out;
	-ms-transition: all 350ms ease-in-out;
	-o-transition: all 350ms ease-in-out;
	transition: all 350ms ease-in-out;
	text-decoration: none;
	cursor: pointer
}

.febena-spacer {
	position: relative	
}
.spacer-height-25 { height: 25px }
.spacer-height-50 { height: 50px }
.spacer-height-75 { height: 75px }
.spacer-height-100 { height: 100px }
.spacer-height-125 { height: 125px }
.spacer-height-150 { height: 150px }


#main--content-default {
	padding: 0 0 200px 0
}

#main--content-default  p a {
	color: #222;
}
#main--content-default  p a:hover {
	color: var(--febena-color-orange)
}

#goup {
	position: absolute;
	left: 50%;
	width: 60px;
	margin-left: -30px;
	top: -30px;
	z-index: 400;
	cursor: pointer
}

#goup img {
	max-width: 100%;
	height: auto;
}

.product-group-gela-feban #produkt--detail-headline h1 {
	color: var(--febena-color-orange);
}
#produkt--detail {
	border-top: 4px solid blue;
}
.product-group-gela-feban #produkt--detail {
	border-color: var(--febena-color-orange);
}
.product-group-rhinoclir #produkt--detail {
	border-color: var(--febena-color-rhinoclir);
}
.product-group-rhinoclir #produkt--detail-headline h1 {
	color: var(--febena-color-rhinoclir);
}

.product-group-siozwo #produkt--detail {
	border-color: var(--febena-color-siozwo);
}
.product-group-siozwo #produkt--detail-headline h1 {
	color: var(--febena-color-siozwo);
}


#produkt--detail p {
	margin:  0 0 15px 0;
}
#produkt--detail ul {
	margin:  0 0 15px 0;
	list-style-type: none
}
#produkt--detail ul li  {
	margin:  0 0 15px 0;
	padding: 0 0 0 30px;
	position: relative;
}

#produkt--detail-content-right h2 {
	font-size: 2.4rem;
	line-height: 1.2em;
	font-weight: 600;
	margin: 0 0 10px 0
}

#produkt--detail ul li::before {
  position: absolute;
  width: 20px;
  height: 20px;
  content: '';
  left: 0;
  top: 0;
  background-image: url("../img/listitem.png");
  background-size: 15px 17px;
  background-position: center center;
  background-repeat: no-repeat;
}

.file-download-field {
	padding: 20px 0 0 0
}
.file-download-field a {
	background: var(--febena-color-orange);
	padding: 20px 20px 20px 55px;
	color: #fff;
	display: inline-block;
	position: relative;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
}

.product-group-siozwo
.file-download-field a {
	background:  var(--febena-color-siozwo);
}


#header-menu {
	background: none;
}
#header-menu li ul { padding: 10px 30px 20px}

.product-group-rhinoclir .file-download-field a {
	background-color: var(--febena-color-rhinoclir);
	color: #fff
}

#produkt--detail-content-right .file-download-field a {
	color: #fff
}

ul#header-menu > li > a {
	font-size: 1.8rem;
	font-weight: 400

}
#header-menu a {
	color: #333
}
#header-menu  li.current_page_item > a,
#header-menu li.current-menu-ancestor > a,
#header-menu li.active-product > a,
#header-menu li.sub-menu-item.current-product-item > a,
#header-menu > li.parent-active > a,
#header-menu .sub-menu .parent-active a,
#header-menu li.current-page-ancestor  > a {
	color: var(--febena-color-orange);
}

#header-menu  li a {
	position: relative
}
#header-menu  > li.current_page_item a:before,
#header-menu >  li.current-menu-ancestor > a:before,
#header-menu > li.current-page-ancestor  > a:before
{
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background: var(--febena-color-orange);
	content: '';
	bottom: -10px;
}

nav.header-nav ul {
	list-style-type: none
}

.file-download-field a:hover {
	background: #222;
}
.file-download-field.download-type-applicationpdf a:before {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%;
	margin-top: -20px;
	background: url("../img/pdf-icon.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	content: '';
	left: 10px;
	
}

sup, sub {
    font-size: 0.75em;     
    line-height: 1;         
    position: relative;     
    vertical-align: baseline;
}

sup {
    vertical-align: 0.3em; 
}

sub {
    vertical-align: -0.25em; 
}


sup, sub {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#febenafooter {
	position: relative;
	background: #fff;
	padding: 100px 0 50px;
	text-align: center;
	color: #999;
	font-size: 1.2em;
	-webkit-box-shadow: 0 0 90px 5px rgba(0,0,0,.2);
	box-shadow: 0 0 90px 5px rgba(0,0,0,.2);
	z-index: 100;
}

h1.wp-block-heading,
#produkt--detail-headline h1,
.menumdoul-box-headline h1 {
	font-size: 3.2rem;
	text-transform: uppercase;
	color: #333;
	line-height: 1.2em;
	font-weight: 600;
	padding: 0 0 30px 0
}

#produkt--detail-headline,
.menumdoul-box-headline {
	text-align: center
}

#febena-footer-address {
	padding: 0 0 30px 0
}

#febenafooter ul li {
	display: inline-block;
	margin: 0 5px;
}
#febenafooter li a {
	color: #999;
}
#febenafooter li a:hover {
	color: #222;
}

#febena-footer-nase {
	pointer-events: none;
	position: absolute;
	right: auto;
	left: 100px;
	top: -200px;
	width: 200px;
	height: auto;
	display: block;
}
#febena-footer-nase img {
	width: 100%;
	height: auto
}

.febena-product-teaser--group {
	padding: 40px;
	background: #fff;
	border-bottom: 4px solid;
	--product-group-color: #f90;
	border-color: var(--product-group-color);
}

.febena-product-teaser--group h2 {
	color: var(--product-group-color);
}

.febena-product-teaser--group-headline h2 {
	font-size: 2.6rem;
	line-height: 1.2em;
	font-weight: 600;
	text-align: center;
	margin: 0 0 20px 0;
}

.febena-product-teaser--group.group-style-siozwo {
	--product-group-color: var(--febena-color-siozwo);
}
.febena-product-teaser--group.group-style-rhinoclir {
	--product-group-color: var(--febena-color-rhinoclir);
}
.febena-product-teaser--group.group-style-gela-feban {
	--product-group-color: var(--febena-color-gelafeban);
}

.febena-product-teaser--group-main {
	display: flex;
	align-items: stretch;
	justify-content: center; 
}

.febena-product-teaser--group-intro {
	padding: 0 0 30px 0
}

.product-item-producttitle {
	text-align: center;
	padding: 0 50px
}

.product-item-producttitle h4 {
	font-size: 2rem;
	line-height: 1.2em;
	font-weight: 600
}
.product-item-producttitle h4 span {
	font-size: 2rem;
	display: block
}

.product-item {
	/* flex: 0 0 calc(25% - 0.4 * 50px); */
	position: relative
}

.febena-product-count--3 .product-item {
	flex: 0 0 30%; 
}
.febena-product-count--2 .product-item {
	flex: 0 0 40%; 
}
.febena-product-count--1 .product-item {
	flex: 0 0 50%; 
}


.visually-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap; /* verhindert Zeilenumbrüche */
	border: 0;
}

.product-item-container {
	padding: 0 0 60px 0
}

.product-item-button {
	display: flex;
	position: absolute;
	bottom: 0;
	width: 100%;
	pointer-events: none;
	justify-content: center; 
}
.product-item-button > div {
	width: 50px;
	height: 50px;
	background: var(--febena-color-orange);
	display: block;
	-webkit-border-radius: 50px 50px 50px 50px;
	border-radius: 50px 50px 50px 50px;
}

.product-item-button > div {
	display: flex;
}
.product-item-button svg {
	width: 30px;
	height: 30px;
	margin: auto;
	-moz-transform: translateX(1px) translateY(-1px);
	-webkit-transform: translateX(1px) translateY(-1px);
	-o-transform: translateX(1px) translateY(-1px);
	-ms-transform: translateX(1px) translateY(-1px);
	transform: translateX(1px) translateY(-1px);
}

.product-item:hover .product-item-button > div {
	background: #222
}

.product-item a {
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0
}


.product-item-image {
  width: 100%;
  aspect-ratio: 4 / 3; 
  object-fit: contain; 
}

.product-item-image img {
  width: 100%;
  height: 100%;
  object-fit: contain; 

}


/* --- Container --- */
.footer-contact-container {
    display: grid;
    gap: 30px;
    grid-template-columns: 1fr 2fr 1fr;
    align-items: start;
    min-height: 100%;
}

.febena-footer-contact {
	padding: 30px 0 0 0;
	background: #fff
}

.febena-footer-contact h3,
.febena-footer-contact p,
.febena-footer-contact p a {
	font-size: calc(var(--febena-font-size) * 1.2);
	color: #333;
}
.febena-footer-contact a {
	color: #333;
}
.febena-footer-contact a:hover {
	color: var(--febena-color-orange)
}

.febena-footer-contact h3 {
	font-weight: 600;
	margin: 10px 0 0 0
}

.febena-footer-contact h2 {
	color: var(--febena-color-orange);
	font-size: 3rem;
	line-height: 1.2em;
	font-weight: 400
}

.footer-contact-container__col {
	min-height: 100%;
}

.footer-contact-container__col--text {
	display: flex;
	flex-direction: column;
	justify-content: center;   
}

.footer-contact-container__col--image {
    display: flex;
    align-items: flex-end; 
    overflow: hidden
}

.footer-contact-container__col--image-inner {
	width: 100%;
	-moz-transform: translateY(30px);
	-webkit-transform: translateY(30px);
	-o-transform: translateY(30px);
	-ms-transform: translateY(30px);
	transform: translateY(30px);
}

.footer-contact-container__col--image img {
    width: 100%;
    height: auto;
    object-fit: contain;      
    display: block;
}


@media (max-width: 768px) {

	.footer-contact-container {
		grid-template-columns: 1fr;   
	}
	
	.footer-contact-container__col--empty {
		display: none;        
	}
	
	.footer-contact-container__col--image {
		align-items: flex-start;     
	}
	
	.footer-contact-container__col--image img {
		object-fit: contain;  
	}
	
	.footer-contact-container {
		gap: 0
	}
	
	.febena-footer-contact {
		padding: 80px 0 0 0
	}
	
	.footer-contact-container__col--image img {
		width: 60%;
		height: auto;
		margin: auto
	}
	.footer-contact-container__col--image-inner {
		text-align: center;
		display: flex;
	}
	

}


.febena-introcontainer {
	background: #fff;
	text-align: center
}
.febena-introcontainer p {
	color: #222;
}
.febena-introcontainer p a {
	color: var(--febena-color-orange);
}
.febena-introcontainer-button {
	padding: 30px 0 0 0
}
.febena-introcontainer-button a.button {
	background: var(--febena-color-orange);
	color: #fff;
	padding: 20px 70px 20px 30px;
	text-transform: uppercase;
	position: relative;
	display: inline-block;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	-webkit-box-shadow: 10px 10px 50px 0 rgba(0,0,0,0);
	box-shadow: 10px 10px 50px 0 rgba(0,0,0,0);
	-webkit-transition: all 350ms ease-in-out;
	-moz-transition: all 350ms ease-in-out;
	-ms-transition: all 350ms ease-in-out;
	-o-transition: all 350ms ease-in-out;
	transition: all 350ms ease-in-out;
}

.febena-introcontainer-button a.button .labelbutton {
	width: 30px;
	height: 30px;
	background: #fff;
	position: absolute;
	right: 20px;
	top: 50%;
	margin: -15px 0 0 0;
	content: '';
	-webkit-border-radius: 50px 50px 50px 50px;
	border-radius: 50px 50px 50px 50px;
	display: flex;
	-webkit-transition: all 350ms ease-in-out;
	-moz-transition: all 350ms ease-in-out;
	-ms-transition: all 350ms ease-in-out;
	-o-transition: all 350ms ease-in-out;
	transition: all 350ms ease-in-out;
}

.febena-introcontainer-button a.button:hover {
	-webkit-box-shadow: 10px 10px 50px 0 rgba(0,0,0,0.2);
	box-shadow: 10px 10px 50px 0 rgba(0,0,0,0.2);
	background: #fff;
	color: var(--febena-color-orange);
	padding: 20px 80px 20px 40px;
}
.febena-introcontainer-button a.button:hover .labelbutton {
	background: var(--febena-color-orange)
}

.febena-introcontainer-button a.button:hover .labelbutton  svg path {
	fill: #fff !important
}


.febena-introcontainer-button a.button .labelbutton svg  {
	width: 20px;
	height: 20px;
	margin: auto
}
.febena-introcontainer-button a.button .labelbutton svg path {
	fill: var(--febena-color-orange) !important
}


.teaserGroupFebena {
	background: #e2510d;
	background: -moz-linear-gradient(121deg,rgba(226,81,13,1) 0,rgba(245,157,115,1) 100%);
	background: -webkit-linear-gradient(121deg,rgba(226,81,13,1) 0,rgba(245,157,115,1) 100%);
	background: linear-gradient(121deg,rgba(226,81,13,1) 0,rgba(245,157,115,1) 100%);
	position: relative
}

.febena-introteaser {
	padding: 100px 0 0 0;
	background: #fff
}

.top-image-group {
	position: absolute;
	bottom: calc(100% - 80px);
	right: 50px;
}

.febena-introcontainer h1 {
	font-size: 3rem;
	line-height: 1.25em;
	color: var(--febena-color-orange);
	font-weight: 400;
	text-transform: uppercase;
	position: relative;
	margin: 0 0 40px 0
}

.febena-introcontainer h1::after {
  position: absolute;
  bottom: -20px;
  left: 50%;
  width: 100px;
  margin-left: -50px;
  height: 4px;
  content: '';
  background-color: var(--febena-color-orange);
}
.febena-introcontainer-inner {
	padding: 0 100px
}

.febena-introteaser-text {
	text-align: center;
	color: #fff;
	padding: 100px 100px 120px 100px
}

.febena-introteaser-text h2 {
	font-weight: 600;
	font-size: 2.8rem;
	line-height: 1.3em;
	margin: 0 0 20px 0 
}
.febena-introteaser-text p {
	font-size: 2.2rem;
	font-weight: 400;
	line-height: 1.3em
}

@media screen and (max-width: 1200px) {
	.febena-introteaser {
		padding: 200px 0 0 0
	}
}

@media screen and (max-width: 800px) {
	
	.febena-introcontainer-inner {
		padding: 0 50px
	}
	
	.febena-introteaser {
		padding: 250px 0 0 0
	}
	.top-image-group {
		width: 400px;
		right: 50%;
		-moz-transform: translateX(230px);
		-webkit-transform: translateX(230px);
		-o-transform: translateX(230px);
		-ms-transform: translateX(230px);
		transform: translateX(230px);
	}
	
	.top-image-group img {
		width: 100%;
		height: auto
	}
}

@media screen and (max-width: 600px) {
	.febena-introteaser-text {
		padding: 100px 20px 80px 20px;
	}
}

@media screen and (max-width: 500px) {

	.febena-introcontainer-inner {
		padding: 0 10px
	}
	
	#febena-footer-nase {
		width: 100px;
		left: 20px;
		top: -100px;
	}
	
	.top-image-group {
		width: 250px;
		right: 50%;
		-moz-transform: translateX(125px);
		-webkit-transform: translateX(125px);
		-o-transform: translateX(125px);
		-ms-transform: translateX(125px);
		transform: translateX(125px);
	}
	
	.febena-introteaser {
	    padding: 150px 0 0 0;
	  }

}


.fab-teaser-columns-wrapper {
    display: flex;
    gap: 40px;
    align-items: stretch;
}

.layer-button-teaser {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	text-indent: -9999px;
	overflow: hidden
}

.fab-teaser-columns-headline {
	text-align: center;
	padding: 30px 30px 0
}

.fab-teaser-columns-headline h2 {
	font-weight: 400;
	font-size: 2.2rem;
	color: #333;
	line-height: 1.25em
	
}

.fab-teaser-columns-col {
	flex: 1;
	display: flex;
	flex-direction: column;
	padding: 0;
	box-sizing: border-box;
	background: #fff;
	position: relative;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;
	-webkit-box-shadow: 5px 10px 50px 0 rgba(0,0,0,0.1);
	box-shadow: 5px 10px 50px 0 rgba(0,0,0,0.1);
	-webkit-transition: all 350ms ease-in-out;
	-moz-transition: all 350ms ease-in-out;
	-ms-transition: all 350ms ease-in-out;
	-o-transition: all 350ms ease-in-out;
	transition: all 350ms ease-in-out;
}

.fab-teaser-columns-col:hover {
	-webkit-box-shadow: 5px 10px 50px 0 rgba(0,0,0,0.3);
	box-shadow: 5px 10px 50px 0 rgba(0,0,0,0.3);
}

.intro-teaser-group {
	margin: -40px 0 0 0
}

.fab-teaser-columns-col.style-cover-image {
	    flex-direction: column-reverse;
	justify-content: flex-end; 
	align-items: flex-start;   
}

/* Headline */
.fab-teaser-columns-headline {
    font-size: 1.4rem;
    font-weight: bold;
    margin-bottom: 20px;
}

.fab-teaser-columns-btn {
	display: block;
	width: 100%;
	height: auto;
	display: flex;
}

.fab-teaser-columns-btn span {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--febena-color-orange);
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px auto;
    cursor: pointer;
}

.fab-teaser-columns-btn span svg {
	width: 20px;
	height: 20px;
	margin: auto
}

.fab-teaser-columns-col:nth-child(3n) {
	> .fab-teaser-columns-img {
		padding: 0 20px;
		-moz-transform: translateX(10px);
		-webkit-transform: translateX(10px);
		-o-transform: translateX(10px);
		-ms-transform: translateX(10px);
		transform: translateX(10px);
	}
	
	
}

.fab-teaser-columns-col:hover span {
	background: #fff;
	-webkit-box-shadow: 5px 10px 50px 0 rgba(0,0,0,0.3);
	box-shadow: 5px 10px 50px 0 rgba(0,0,0,0.3);
}

.fab-teaser-columns-col:hover svg path {
	fill: var(--febena-color-orange) !important
}

.fab-teaser-columns-col.style-cover-image .fab-teaser-columns-img {
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	overflow: hidden
}

/* Bild */
.fab-teaser-columns-img img {
    width: 100%;
    height: auto;
    display: block;
}

@media screen and (max-width: 750px) {
	.fab-teaser-columns-wrapper {
		flex-direction: column;
		width: 60%;
		margin: 0 auto
	}
}

@media screen and (max-width: 550px) {
	.fab-teaser-columns-wrapper {
		width: 90%;
	}
}




.sticky-header {
	position: sticky;
	top: 0;
	width: 100%;
	background-color: rgba(255, 255, 255, 0.942);
	backdrop-filter: blur(3px);
	padding: 40px 0;
	box-shadow: 0 2px 25px rgba(0,0,0,0.1);
	z-index: 1000;
	-webkit-transition: all 350ms ease-in-out;
	-moz-transition: all 350ms ease-in-out;
	-ms-transition: all 350ms ease-in-out;
	-o-transition: all 350ms ease-in-out;
	transition: all 350ms ease-in-out;
}

.sticky-header .header-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: calc(100% - 100px);
	margin: 0 50px
}

#header-menu li > a:hover {
	color: var(--febena-color-orange)
}

#febena-logo img {
	width: 350px;
	height: auto;
}

.header-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	gap: 30px;
}

.header-nav ul li a {
	text-decoration: none;
	color: #333;
	font-weight: 500;
	transition: color 0.3s;
}

.header-nav ul li a {
	color: #007BFF;
}

.sticky-header .sub-menu {
	display: none;
	position: absolute
}



.fab-menucolumns-wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.fab-menucolumns-item {
	width: calc(33.333% - 20px);
	display: flex;
	flex-direction: column;
}

.fab-menucolumns-link {
    text-decoration: none;
    color: inherit;
}

.fab-menucolumns-image {
    width: 100%;
    height: auto;
    display: block;
}

.fab-menucolumns-title {
    font-weight: 700;
    margin-top: 10px;
}

.fab-menucolumns-category {
    font-size: 0.85em;
    opacity: 0.7;
}

.fab-menucolumns-title {
	background: #444;
	text-align: center;
	padding: 15px 20px;
	color: #fff;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}
.produkt-cat-siozwo .fab-menucolumns-title 	{	background: var(--febena-color-siozwo) }
.produkt-cat-rhinoclir .fab-menucolumns-title 	{	background: var(--febena-color-rhinoclir) }
.produkt-cat-gela-feban .fab-menucolumns-title 	{	background: var(--febena-color-orange) }

.fab-menucolumns-item:hover .fab-menucolumns-title {
	background: #444
}

/* Mobil */
@media (max-width: 768px) {
    .fab-menucolumns-item {
	width: 100%;
    }
}

.menumdoul-box {
	--febena-menubox-color: #f90;
	width: calc(100% - 250px);
	margin: 0 auto;
}

.menumdoul-box h1 {
	color: var(--febena-menubox-color);
}

.menumodul-box-inner-group {
	background: #fff;
	padding: 30px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	-webkit-box-shadow: 10px 10px 50px 0 rgba(0,0,0,0.1);
	box-shadow: 10px 10px 50px 0 rgba(0,0,0,0.1);
	border-top: 4px solid var(--febena-menubox-color);
}

.menumodul-box-inner-group ul {
	list-style-type: none;
}
.menumodul-box-inner-group ul li {
	margin: 0 0 2px 0
}
.menumodul-box-inner-group li a {
	background: #eee;
	padding: 21px 20px 21px 70px;
	display: block;
	color: #444;
	position: relative
}

.menumodul-box-inner-group li a span {
	position: absolute;
	left: 20px;
	top: 50%;
	width: 30px;
	-webkit-transition: all 350ms ease-in-out;
	-moz-transition: all 350ms ease-in-out;
	-ms-transition: all 350ms ease-in-out;
	-o-transition: all 350ms ease-in-out;
	transition: all 350ms ease-in-out;
	margin: -15px 0 0 0;
	height: 30px;
	-webkit-border-radius: 50px 50px 50px 50px;
	border-radius: 50px 50px 50px 50px;
	display: flex;
	background: var(--febena-menubox-color);
}
.menumodul-box-inner-group li a span svg {
	width: 60%;
	height: 60%;
	margin: auto
}

.menumdoul-box.menumodul-color-siozwo { --febena-menubox-color: var(--febena-color-siozwo); }
.menumdoul-box.menumodul-color-rhinoclir { --febena-menubox-color: var(--febena-color-rhinoclir); }

.menumodul-box-inner-group li:hover a span {
	background: var(--febena-color-orange);
}
.menumodul-box-inner-group li:hover a{
	color: var(--febena-color-orange);
}

.prev-button-container {
	text-align: center;
}

.parent-pageid-69 {
	--febena-faq-color: var(--febena-color-siozwo);
}
.parent-pageid-155 {
	--febena-faq-color: var(--febena-color-rhinoclir);
}
.page-id-157 {
	--febena-faq-color: var(--febena-color-gelafeban);
}

.parent-pageid-69 h1,
.parent-pageid-155 h1,
.page-id-157 h1 {
	color: var(--febena-faq-color);
	width: 70%;
	margin: 0 auto;
}

.fab-faq-item {
	background: #fff;
	padding: 30px;
	margin: 0 0 30px 0;
	-webkit-box-shadow: 10px 10px 50px 0 rgba(0,0,0,0.1);
	box-shadow: 10px 10px 50px 0 rgba(0,0,0,0.1);
}
.fab-faq-container .fab-faq-item:first-child {
	border-top: 3px solid var(--febena-faq-color);
}

.fab-faq-item h3 {
	font-size: 2rem;
	font-weight: 600;
	color: var(--febena-faq-color);
}

.fab-faq-item p {
	margin: 0 0 10px 0
}

.fab-faq-container {
	padding: 0 0 200px 0
}

.prev-button-container {
	padding: 10px 0 30px
}
.prev-button-container a {
	color: #555
}

@media screen and (max-width: 900px) {
	.febena-product-teaser--group-main {
	flex-direction: column
	}
	.product-item-producttitle {
	text-align: center;
	padding: 0;
	}
	h1.wp-block-heading {
		padding: 0 50px 30px
	}
	
	.menumdoul-box {
		width: calc(100% - 40px);
	}
	
}
@media screen and (max-width: 600px) {
	.febena-product-teaser--group {
		padding: 20px
	}
	
	h1.wp-block-heading, #produkt--detail-headline h1, .menumdoul-box-headline h1 {
		font-size: 2rem
	}
	
	.menumdoul-box {
		width: calc(100% - 1px);
	}
	
}


.febena-stage-slider {
	background: #fff
}
.swiper {
	width: 100%;
	height: 100% !important;
}

.swiper-wrapper {
	height: 100%;
	width: 100%;
	padding: 0 0 50px 0;
	background: #fff;
}

.swiper-slide {
	font-size: 18px;
	height: 100% !important;
	background: #fff;
}

.swiper-slide img {
	
}

.febena-slider-item {
	display: block;
	width: 100%;
	height: 100%
}

.febena-slider-item-background-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.febena-slider-item-background-image img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	object-position: right center
}

.febena-slider-item-product-image {
	  text-align: center;
	  position: absolute;
	  right: 50%;
	  width: 800px;
	  margin-right: -400px;
	  height: auto;
	  bottom: -130px;
}
.febena-slider-item-product-image img {
	width: 100%;
	height: auto
}


.febena-slider-item-text {
	width: calc(100% - 100px);
	margin: 0 0 0 50px;
	position: relative;
	z-index: 100;
	padding: 50px 0 0 0
}

.febena-slider-item-text-inner {
	max-width: 400px
}

html {
	scroll-padding-top: 180px;
}

.febena-slider-item-text h2 {
	font-size: 4rem;
	color: var(--febena-color-orange);
	font-weight: 400;
	line-height: 1.3em
}
.febena-slider-item-text p {
	font-size: 2.2rem;
	color: var(--febena-color-orange);
	font-weight: 400;
	line-height: 1.2em
}


.febena-slider-item {
	position: relative;
	height: 500px;
	margin: 0 0 100px 0
}

.febena-stage-slider {
	--swiper-pagination-bullet-opacity: 1 !important;
	--swiper-navigation-color: #fff;
	--swiper-navigation-top-offset: 250px !important;
	--swiper-pagination-bullet-width: 12px;
	--swiper-pagination-bullet-height: 12px
}

.febena-stage-slider-swiper-pagination {
	left: 50px !important;
	top: auto;
	bottom: 170px !important;
	right: auto;
	width: auto;
	text-align: left
}

.febena-slider-item-text .button {
	background: #fff;
	color: var(--febena-color-orange);
	display: inline-block;
	margin: 10px 0 0 0;
	padding: 10px 20px;
	text-transform: uppercase
}
.febena-slider-item-text .button:hover {
	background: var(--febena-color-orange);
	color: #fff;
}

.swiper-pagination-bullet {
	background: #fff;
	opacity: 1 !important;
	
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--febena-color-orange);
}

.scrolled .sticky-header {
	padding: 20px 0
}

@media screen and (max-width: 1050px) {
	#febena-logo img {
		width: 250px
	}
	.header-nav ul {
		gap: 20px
	}
}


@media screen and (max-width: 900px) {
	.febena-slider-item-product-image {
		width: 500px;
		margin-right: -250px
	}
	.febena-slider-item {
		height: 300px
	}
	.febena-stage-slider {
		--swiper-navigation-top-offset: 150px !important;
	}
	.febena-slider-item-text-inner {
		max-width: 500px;
	}
	
	.sticky-header {
		padding: 20px 0
	}
	
	.scrolled .sticky-header {
		padding: 10px 0
	}
	
	
}


@media screen and (max-width: 900px) {
	.febena-slider-item-text-inner {
		max-width: 400px;
	}
}

@media screen and (max-width: 600px) {
	.febena-slider-item-product-image {
		width: 300px;
		margin-right: -150px
	}
	

	.febena-slider-item-product-image {
		bottom: -80px
	}
	
	.febena-slider-item-text h2 {
		font-size: 3rem
	}
	.febena-slider-item-text p {
		font-size: 1.7rem
	}
	
	.febena-slider-item-text-inner p {
		max-width: 200px;
		font-size: 1.4rem;
	}
	
	.febena-slider-item {
		height: 200px
	}
	
	.febena-slider-item-text {
		padding: 20px 0 0 0
	}
	
	.febena-slider-item-text {
		width: calc(100% - 40px);
		margin: 0 0 0 20px;
	}
	.sticky-header .header-container {
		width: calc(100% - 40px);
		margin: 0 20px;
	}
}

@media screen and (max-width: 450px) {
	.febena-slider-item-text h2 {
		font-size: 2rem
	}
	.febena-slider-item-product-image {
	    bottom: -140px;
	  }
	  
	    .febena-slider-item-text .button
	    {
		    padding: 8px 12px
	    }
}

#header-menu > li {
	position: relative
}

.sticky-header 
#header-menu 
.sub-menu {
	position: absolute;
	top: calc(100%);
	left: -30px;
	width: 300px;
	opacity: 1;
	padding: 20px 30px;
	display: block;
	opacity: 0;
	-webkit-transition: all 350ms ease-in-out;
	-moz-transition: all 350ms ease-in-out;
	-ms-transition: all 350ms ease-in-out;
	-o-transition: all 350ms ease-in-out;
	transition: all 350ms ease-in-out;
	pointer-events: none;
	-moz-transform: translateY(30px);
	-webkit-transform: translateY(30px);
	-o-transform: translateY(30px);
	-ms-transform: translateY(30px);
	transform: translateY(30px);
}

.sticky-header 
#header-menu 
.sub-menu:before {
	position: absolute;
	top: 0;
	content: '';
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.95);
	backdrop-filter: blur(4px);
	-webkit-border-radius: 6px 6px 6px 6px;
	border-radius: 6px 6px 6px 6px;
	-webkit-box-shadow: 10px 10px 50px 0 rgba(0,0,0,0.1);
	box-shadow: 10px 10px 50px 0 rgba(0,0,0,0.1);
}

.sticky-header #header-menu .menu-item-has-children:hover > .sub-menu,
.sticky-header #header-menu  .menu-item-has-children.hovered-sub-menu .sub-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    -moz-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}

.sticky-header #header-menu
.menu-item-has-children.hovered-sub-menu > a {
    color: var(--febena-color-orange); 
}



#header-menu 
.sub-menu li {
	margin: 0 0 10px 0
}
#header-menu 
.sub-menu li:last-child {
	margin: 0
}

@media screen and (max-width: 450px) {
	.febena-introcontainer h1 {
		font-size: 2rem;
	}
	
	.febena-introteaser-text h2 {
		font-size: 2rem;
	}
	.febena-introteaser-text p {
		font-size: 1.7rem
	}
	.fab-teaser-columns-headline {
	  font-size: 1.3rem;
 	}
	.fab-teaser-columns-headline h2 {
		font-weight: 400;
		font-size: 1.5rem;
	}
}


@media screen and (max-width: 1000px) {
	.sticky-header-body {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100px;
		background: rgba(255, 255, 255, 0.948);
		backdrop-filter: blur(3px);
		-webkit-box-shadow: 0 0 40px 0 rgba(0,0,0,0.1);
		box-shadow: 0 0 40px 0 rgba(0,0,0,0.1);
	}
	
	.scrolled .sticky-header-body {
		height: 60px
	}
	
	main, .home main {
		padding: 100px 0 0 0;
	}
	
	#febena-logo {
		position: relative;
		z-index: 100
	}
	
	.sticky-header {
		height: 100%;
		position: fixed;
		background: none;
		backdrop-filter: none !important;
		pointer-events: none !important
	}
	.sticky-header nav {
		position: fixed !important;
		top: 0 !important;
		height: 100% !important;
		width: 100% !important;
		background: rgba(255, 255, 255, 0.637);
		backdrop-filter: blur(3px);
		z-index: 10000;
		opacity: 0;
		left: 0 !important;
		pointer-events: none;
		-webkit-transition: all 350ms ease-in-out;
		-moz-transition: all 350ms ease-in-out;
		-ms-transition: all 350ms ease-in-out;
		-o-transition: all 350ms ease-in-out;
		transition: all 350ms ease-in-out;
	}
	
	.menuopen .sticky-header nav {
		opacity: 1;
	}
	
	.header-nav ul {
		display: block;
		padding: 40px 80px 40px 40px
	}
	
	.header-nav ul li {
		display: block;
		margin: 0 0 20px 0
	}
	.header-nav ul li a {
		display: block
	}
	#header-menu a::before {
		display: none;
		opacity: 0
	}
	
	.sticky-header #header-menu .sub-menu {
		position: relative;
		top: auto;
		left: auto;
		opacity: 1 !important;
		display: block;
		margin: 13px 0;
		pointer-events: all;
		-moz-transform: translateY(0px);
		    -webkit-transform: translateY(0px);
		    -o-transform: translateY(0px);
		    -ms-transform: translateY(0px);
		    transform: translateY(0px);
		    width: 100%;
		    border-left: 2px solid var(--febena-color-orange);
	}
	
	#header-menu .sub-menu li {
		margin: 0 0 30px 0
	}
	
	.header-container #febena-logo{
		pointer-events: all
	}
	
	.sticky-header nav,
	.sticky-header nav * {
		pointer-events: none !important;
	}
	.menuopen .sticky-header nav,
	.menuopen .sticky-header nav * {
		pointer-events: all !important;
	}

}

@media screen and (max-width: 900px) {
	.sticky-header-body {
		height: 60px;
		top: env(safe-area-inset-top);
	}
	
	
	
	main {
		padding: 120px 0 0 0;
	}
	.home main {
		padding: 60px 0 0 0;
	}
	
	.scrolled .sticky-header {
		padding: 20px 0
	}
	
	.burger--container {
		top: 8px !important
	}
}

@media screen and (max-width: 600px) {
	#febena-logo img {
	width: 190px;
	}
	
	.burger--container {
		right: 20px !important
	}
	
	
	.febena-stage-slider-swiper-pagination {
		left: 20px !important
	}
	
	.febena-stage-slider-swiper-button-next,
	.febena-stage-slider-swiper-button-prev {
		display: none
	}
}




	.burger--container {
		position: absolute;
		right: 50px;
		top: 28px;
		z-index: 100000;
		opacity: 0;
		pointer-events: none
	}

	.burger {
	--s: var(--burger-size);
	width: var(--s);
	height: var(--s);
	display: inline-grid;
	place-items: center;
	background: transparent;
	border: none;
	padding: 0;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	pointer-events: all !important
	}

  .burger:focus{
    outline: none;
    border-radius: 8px;
  }

  .burger__box{
    width: var(--line-width);
    height: calc(var(--line-height) * 3 + var(--gap) * 2);
    display: inline-block;
    position: relative;
  }
	
	.burger__line{
	position: absolute;
	left: 0;
	right: 0;
	height: var(--line-height);
	background: var(--color);
	border-radius: 999px;
	transition: transform var(--transition), opacity var(--transition), top var(--transition), left var(--transition), right var(--transition);
	transform-origin: center;
	will-change: transform, opacity, top;
	}
	
	.burger__line:nth-child(1){ top: 0; }
	.burger__line:nth-child(2){ top: calc(50% - var(--line-height) / 2); }
	.burger__line:nth-child(3){ top: calc(100% - var(--line-height)); }

  body.menuopen .burger__line:nth-child(1){
    top: calc(50% - var(--line-height) / 2);
    transform: rotate(45deg) translateY(0);
  }
  body.menuopen .burger__line:nth-child(2){
    opacity: 0;
    transform: translateX(-6px);
  }
  body.menuopen .burger__line:nth-child(3){
    top: calc(50% - var(--line-height) / 2);
    transform: rotate(-45deg) translateY(0);
  }

  @media (prefers-reduced-motion: reduce){
    .burger__line{ transition-duration: 0ms; }
  }

	body.menuopen {
		position: relative;
		overflow: hidden
	}

	body .burger__line {
		background: var(--febena-color-orange) !important;
	}

  /* Kleine Hilfen für Touch */
  @media (hover: none){
    .burger{ touch-action: manipulation; }
  }
  
  .burger--container {
	  pointer-events: none !important;
	  display: none;
  }
  
  @media screen and (max-width: 1000px) {
	  .burger--container {
		  opacity: 1;
		  pointer-events: all !important;
		  display: block
	  }
	  
	  .menuopen .sticky-header nav {
		  pointer-events: all !important;
		  overflow: scroll
	  }
  }