.text-red {
color: #d33c2e
}
.bg-red {
background-color: #d33c2e
}
.text-hover-red:hover {
color: #d33c2e
}
.bg-hover-red:hover {
background-color: #d33c2e
}
.text-black {
color: #000
}
.bg-black {
background-color: #000
}
.text-hover-black:hover {
color: #000
}
.bg-hover-black:hover {
background-color: #000
}
.text-gold {
color: #998246
}
.bg-gold {
background-color: #998246
}
.text-hover-gold:hover {
color: #998246
}
.bg-hover-gold:hover {
background-color: #998246
}
.text-orange {
color: #e98f19
}
.bg-orange {
background-color: #e98f19
}
.text-hover-orange:hover {
color: #e98f19
}
.bg-hover-orange:hover {
background-color: #e98f19
}
.text-white {
color: #fff
}
.bg-white {
background-color: #fff
}
.text-hover-white:hover {
color: #fff
}
.bg-hover-white:hover {
background-color: #fff
}
.text-green-100 {
color: #d8fb55
}
.bg-green-100 {
background-color: #d8fb55
}
.text-hover-green-100:hover {
color: #d8fb55
}
.bg-hover-green-100:hover {
background-color: #d8fb55
}
.text-blue-100 {
color: #0305fc
}
.bg-blue-100 {
background-color: #0305fc
}
.text-hover-blue-100:hover {
color: #0305fc
}
.bg-hover-blue-100:hover {
background-color: #0305fc
}
.text-blue-200 {
color: #3030f8
}
.bg-blue-200 {
background-color: #3030f8
}
.text-hover-blue-200:hover {
color: #3030f8
}
.bg-hover-blue-200:hover {
background-color: #3030f8
}
.text-yellow {
color: #fffc00
}
.bg-yellow {
background-color: #fffc00
}
.text-hover-yellow:hover {
color: #fffc00
}
.bg-hover-yellow:hover {
background-color: #fffc00
}
.text-grey-100 {
color: #f5f5f5
}
.bg-grey-100 {
background-color: #f5f5f5
}
.text-hover-grey-100:hover {
color: #f5f5f5
}
.bg-hover-grey-100:hover {
background-color: #f5f5f5
}
.text-grey-200 {
color: #d3d3d3
}
.bg-grey-200 {
background-color: #d3d3d3
}
.text-hover-grey-200:hover {
color: #d3d3d3
}
.bg-hover-grey-200:hover {
background-color: #d3d3d3
}
.text-grey-300 {
color: #a8a7a4
}
.bg-grey-300 {
background-color: #a8a7a4
}
.text-hover-grey-300:hover {
color: #a8a7a4
}
.bg-hover-grey-300:hover {
background-color: #a8a7a4
}
.text-grey-400 {
color: #818181
}
.bg-grey-400 {
background-color: #818181
}
.text-hover-grey-400:hover {
color: #818181
}
.bg-hover-grey-400:hover {
background-color: #818181
}
.text-grey-500 {
color: #707070
}
.bg-grey-500 {
background-color: #707070
}
.text-hover-grey-500:hover {
color: #707070
}
.bg-hover-grey-500:hover {
background-color: #707070
}
.text-grey-550 {
color: #5d5c5c
}
.bg-grey-550 {
background-color: #5d5c5c
}
.text-hover-grey-550:hover {
color: #5d5c5c
}
.bg-hover-grey-550:hover {
background-color: #5d5c5c
}
.text-grey-600 {
color: #313131
}
.bg-grey-600 {
background-color: #313131
}
.text-hover-grey-600:hover {
color: #313131
}
.bg-hover-grey-600:hover {
background-color: #313131
}
.text-grey-700 {
color: #242424
}
.bg-grey-700 {
background-color: #242424
}
.text-hover-grey-700:hover {
color: #242424
}
.bg-hover-grey-700:hover {
background-color: #242424
}
:root {
--pageBrandColor: #5D5C5C;
--pageAccentColor: #E30613;
--pageSpaceUnit: 15px;
--pageMaxWidth: 1920px;
--pageModulesMaxWidth: 1920px;
--pageBodyBg: #fff;
--pageBodyColor: #5d5c5c;
--pageLinkColor: #5d5c5c;
--pageLinkHoverColor: #d33c2e;
--pageFooterSpacer: calc(15px * 4);
--pageHeaderBgColor: transparent;
--pageHeaderShadow: 0px 1px 11px 0px rgba(0, 0, 0, 0.08);
--pageHeaderLogoSizeS: 100px;
--pageHeaderLogoSizeL: 150px;
--pageHeaderMenuTopS: 34px;
--pageHeaderMenuTopL: 32px;
--pageHeaderMenuIconColor: #fff;
--pageHeaderNavigationColor: #fff;
--pageHeaderNavigationMobileColor: #000;
--pageFooterBgColor: #fff;
--pageFooterColor: #313131;
--pageFooterBorder: none;
--pageFooterLinkColor: #313131;
--pageFooterLinkHover: #707070;
--pageTypoFamily: Grotesk Light;
--pageTypoFontSize: 18px;
--pageTypoLineHeight: 1.5;
--pageTypoLetterSpacing: 0;
--pageTypoHeadlineLetterSpacing: 0;
--pageTypoParagraphPaddingBottom: calc(var(--pageSpaceUnit) * 1);
--pageTypoH1FontSize: 60px;
--pageTypoH1LineHeight: 1.1;
--pageTypoH1FontWeight: 400;
--pageTypoH1FontFamily: Grotesk Light;
--pageTypoH1PaddingBottom: calc(var(--pageSpaceUnit) * 1);
--pageTypoH1Color: #5d5c5c;
--pageTypoH2FontSize: 45px;
--pageTypoH2LineHeight: 1.1;
--pageTypoH2FontWeight: 400;
--pageTypoH2FontFamily: Grotesk Light;
--pageTypoH2PaddingBottom: calc(var(--pageSpaceUnit) * 1);
--pageTypoH2Color: #5d5c5c;
--pageTypoH3FontSize: 30px;
--pageTypoH3LineHeight: 1.1;
--pageTypoH3FontWeight: 400;
--pageTypoH3FontFamily: Grotesk Light;
--pageTypoH3PaddingBottom: calc(var(--pageSpaceUnit) * 1);
--pageTypoH3Color: #5d5c5c;
--pageTypoH4FontSize: 25px;
--pageTypoH4LineHeight: 1.1;
--pageTypoH4FontWeight: 400;
--pageTypoH4FontFamily: Grotesk Light;
--pageTypoH4PaddingBottom: calc(var(--pageSpaceUnit) * 1);
--pageTypoH4Color: #5d5c5c;
--pageTypoH5FontSize: var(--pageTypoFontSize);
--pageTypoH5LineHeight: 1.1;
--pageTypoH5FontWeight: 400;
--pageTypoH5FontFamily: Grotesk Light;
--pageTypoH5PaddingBottom: calc(var(--pageSpaceUnit) * 1);
--pageTypoH5Color: #5d5c5c;
--pageTypoHelperClassFontWeightS: 200;
--pageTypoHelperClassFontWeightM: 400;
--pageTypoHelperClassFontWeightL: 800;
--pageTypoHelperClassFontSizeX: 20px;
--pageTypoHelperClassFontSizeS: 25px;
--pageTypoHelperClassFontSizeM: 30px;
--pageTypoHelperClassFontSizeL: 45px;
--pageTypoHelperClassFontSizeXL: 60px;
--pageTypoHelperClassFontColorBright: #fff;
--pageTypoHelperClassFontColorDark: #313131;
--pageTypoHelperClassFontColorBrand: #0305FC;
--pageComponentButtonPadding: 17px 0 20px;
--pageComponentButtonAlign: center;
--pageComponentButtonFontSize: 16px;
--pageComponentButtonMaxWidth: 250px;
--pageComponentButtonRadius: 14px;
--pageComponentButtonSolidBlackBorder: 1px solid #000;
--pageComponentButtonSolidBlackBgColor: #000;
--pageComponentButtonSolidBlackColor: #fff;
--pageComponentButtonSolidWhiteBorder: 1px solid #fff;
--pageComponentButtonSolidWhiteBgColor: #fff;
--pageComponentButtonSolidWhiteColor: #000;
--pageComponentButtonSolidBrandBorder: 1px solid var(--pageBrandColor);
--pageComponentButtonSolidBrandBgColor: var(--pageBrandColor);
--pageComponentButtonSolidBrandColor: #fff;
--pageComponentButtonSolidAccentBorder: 1px solid var(--pageAccentColor);
--pageComponentButtonSolidAccentBgColor: var(--pageAccentColor);
--pageComponentButtonSolidAccentColor: #fff;
--pageComponentButtonSolidDisabledBorder: 1px solid #707070;
--pageComponentButtonSolidDisabledBgColor: #707070;
--pageComponentButtonSolidDisabledColor: #fff;
--pageComponentButtonOutlinedBlackBorder: 1px solid #000;
--pageComponentButtonOutlinedBlackBgColor: transparent;
--pageComponentButtonOutlinedBlackColor: #000;
--pageComponentButtonOutlinedWhiteBorder: 1px solid #fff;
--pageComponentButtonOutlinedWhiteBgColor: transparent;
--pageComponentButtonOutlinedWhiteColor: #fff;
--pageComponentButtonOutlinedBrandBorder: 1px solid var(--pageBrandColor);
--pageComponentButtonOutlinedBrandBgColor: transparent;
--pageComponentButtonOutlinedBrandColor: var(--pageBrandColor);
--pageComponentButtonOutlinedAccentBorder: 1px solid var(--pageAccentColor);
--pageComponentButtonOutlinedAccentBgColor: transparent;
--pageComponentButtonOutlinedAccentColor: var(--pageAccentColor);
--pageComponentButtonOutlinedDisabledBorder: 1px solid #707070;
--pageComponentButtonOutlinedDisabledBgColor: transparent;
--pageComponentButtonOutlinedDisabledColor: #707070;
--pageFormErrorColor: #d33c2e;
--pageFormFieldBorderTop: none;
--pageFormFieldBorderRight: none;
--pageFormFieldBorderBottom: 1px solid #313131;
--pageFormFieldBorderLeft: none;
--pageFormFieldBorderRadius: 0;
--pageFormFieldBgColor: #fff;
--pageFormFieldColor: #313131;
--pageFormFieldFont: inherit;
--pageFormFieldFontSize: inherit;
--pageFormFieldLetterSpacing: 1px;
--pageFormFieldPadding: 12px 15px 11px;
--pageFormFieldIconColor: #707070;
--pageFormFieldLabelFontSize: var(--pageTypoHelperClassFontSizeX);
--pageFormFieldLabelBgColor: #fff;
--pageFormFieldInvalidBorderTop: none;
--pageFormFieldInvalidBorderRight: none;
--pageFormFieldInvalidBorderBottom: 1px solid #313131;
--pageFormFieldInvalidBorderLeft: none;
--pageFormTextareaHeight: 250px;
--pageFormSelectArrowWidth: 8px;
--pageFormSelectArrowThickness: 1px;
--pageFormCheckboxBgColor: #fff;
--pageFormCheckboxBorderTop: 1px solid #313131;
--pageFormCheckboxBorderRight: 1px solid #313131;
--pageFormCheckboxBorderBottom: 1px solid #313131;
--pageFormCheckboxBorderLeft: 1px solid #313131;
--pageFormCheckboxArrowColor: #313131;
--pageFormCheckboxWidth: 26px;
--pageFormCheckboxArrowWidth: 15px;
--pageFormCheckboxArrowHeight: 7px;
--pageFormCheckboxArrowThickness: 2px;
--pageFormCheckboxEffectColor: #d3d3d3;
--pageFormRadioBgColor: #fff;
--pageFormRadioBorderTop: 1px solid #313131;
--pageFormRadioBorderRight: 1px solid #313131;
--pageFormRadioBorderBottom: 1px solid #313131;
--pageFormRadioBorderLeft: 1px solid #313131;
--pageFormRadioWidth: 20px;
--pageFormRadioEffectColor: #d3d3d3;
--pageFormRadioDotWidth: 10px;
--pageModalBgColor: rgba(0, 0, 0, .4);
--pageModalContentBgColor: #fff;
--pageModalContentPadding: calc(var(--pageSpaceUnit) * 3);
--pageModalWidthBase: 90vw;
--pageModalWidthS: 40vw;
--pageModalWidthM: 50vw;
--pageModalWidthL: 60vw;
--pageModalCloseBtnIconSize: 20px;
--pageModalCloseBtnIconColor: #313131;
--pageOffcanvasBgColor: rgba(0, 0, 0, .4);
--pageOffcanvasContentBgColor: #fff;
--pageOffcanvasContentPadding: calc(var(--pageSpaceUnit) * 1) calc(var(--pageSpaceUnit) * 3);
--pageOffcanvasWidthBase: 100vw;
--pageOffcanvasWidthS: 40vw;
--pageOffcanvasWidthM: 50vw;
--pageOffcanvasWidthL: 60vw;
--pageOffcanvasCloseBtnIconSize: 24px;
--pageOffcanvasCloseBtnIconColor: #313131;
--pageModuleBg: transparent;
--pageModuleSpaceMobileFactor: .65;
--pageModuleSpaceS: calc(var(--pageSpaceUnit) * 2);
--pageModuleSpaceM: calc(var(--pageSpaceUnit) * 8);
--pageModuleSpaceL: calc(var(--pageSpaceUnit) * 14);
--pageModuleIndentXS: calc(var(--pageSpaceUnit) * 2);
--pageModuleIndentS: calc(var(--pageSpaceUnit) * 4);
--pageModuleIndentM: 16.666666%;
--pageModuleIndentL: 25%;
--pageModuleIndentXL: 50%;
--pageModuleSlideXNavigationIcon: var(--pageIconUiArrowBold);
--pageModuleSlideXNavigationColor: #313131;
--pageModuleSlideXNavigationShadow: 0px 1px rgba(255, 255, 255, 0.3);
--pageModuleSlideXPaginationColor: #313131;
--pageModuleSlideXPaginationActiveColor: #d3d3d3;
--pageModuleAccordionContentBoxInvertBgColor: #444850;
--pageModuleAccordionContentBoxInvertColor: #f7f7f7;
--pageModuleQuoteLineHeight: 1.1;
--pageModuleQuotePaddingBottom: calc(var(--pageSpaceUnit) * 1);
--pageSwiperSpaceNone: 0;
--pageSwiperSpaceS: calc(var(--pageSpaceUnit) * 2);
--pageSwiperSpaceM: calc(var(--pageSpaceUnit) * 4);
--pageSwiperSpaceL: calc(var(--pageSpaceUnit) * 8);
--viewport-height: 0px;
--header-height: 0px;
--scroll-padding: 96px;
--pageIconFont: 'WW-Default-Icons-2022-Q2' !important;
--pageIconUiGlobeBold: '\e91d';
--pageIconUiGlobeLight: '\e91e';
--pageIconUiHeartOutlined: '\e927';
--pageIconUiHeartFilled: '\e921';
--pageIconUiAccountBold: '\e929';
--pageIconUiAccountLight: '\e92a';
--pageIconUiCartBold: '\e939';
--pageIconUiCartLight: '\e949';
--pageIconUiLocationBold: '\e944';
--pageIconUiLocationLight: '\e943';
--pageIconUiMenuBold: '\e908';
--pageIconUiMenuLight: '\e909';
--pageIconUiAccount2Bold: '\e90a';
--pageIconUiAccount2Light: '\e90b';
--pageIconUiAddBold: '\e90c';
--pageIconUiAddLight: '\e90e';
--pageIconUiArrowBold: '\e90f';
--pageIconUiArrowLight: '\e914';
--pageIconUiArrowCircleBold: '\e910';
--pageIconUiArrowCircleLight: '\e911';
--pageIconUiPlusCircleBold: '\e912';
--pageIconUiPlusCircleLight: '\e913';
--pageIconUiPlusBold: '\e90c';
--pageIconUiPlusLight: '\e90e';
--pageIconUiCart2Bold: '\e915';
--pageIconUiCart2Light: '\e916';
--pageIconUiTimesBold: '\e917';
--pageIconUiTimesLight: '\e918';
--pageIconUiPhoneBold: '\e919';
--pageIconUiPhoneLight: '\e91a';
--pageIconUiSearchBold: '\e91b';
--pageIconUiSearchLight: '\e91c';
--pageIconSocialFacebookSquare: '\e900';
--pageIconSocialFacebook: '\67';
--pageIconSocialLinkedinSquare: '\e901';
--pageIconSocialLinkedin: '\e902';
--pageIconSocialWhatsapp: '\e905';
--pageIconSocialTwitter: '\e904';
--pageIconSocialXing: '\e906';
--pageIconSocialYoutube: '\e907';
--pageIconSocialYoutube2: '\7a';
--pageIconSocialSpotify: '\e90d';
--pageIconSocialInstagram: '\71';
--pageIconShippingGls: '\e903';
--pageIconShippingDhlPackstation: '\e101';
--pageIconShippingDhl: '\e111';
--pageIconShippingDpd: '\e112';
--pageIconShippingUps: '\e11c';
--pageIconPaymentEc: '\f016';
--pageIconPaymentMastercard: '\f030';
--pageIconPaymentMastercard2: '\f02f';
--pageIconPaymentPaypal: '\f036';
--pageIconPaymentPaypal2: '\f035';
--pageIconPaymentRechnung: '\f039';
--pageIconPaymentKlarna: '\f03d';
--pageIconPaymentVisa: '\f046';
--pageIconPaymentSepa: '\f04b'
}
@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(0, 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);
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-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: 50%;
width: calc(var(--swiper-navigation-size)/ 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color, var(--swiper-theme-color))
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
opacity: .35;
cursor: auto;
pointer-events: none
}
.swiper-button-next:after,
.swiper-button-prev:after {
font-family: swiper-icons;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
text-transform: none;
font-variant: initial;
line-height: 1
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
left: 10px;
right: auto
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
content: 'prev'
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: 10px;
left: auto
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
content: 'next'
}
.swiper-button-lock {
display: none
}
.swiper-pagination {
position: absolute;
text-align: center;
transition: .3s opacity;
transform: translate3d(0, 0, 0);
z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0
}
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
bottom: 10px;
left: 0;
width: 100%
}
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(.33);
position: relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(.33)
}
.swiper-pagination-bullet {
width: 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: 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;
-moz-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: 10px;
top: 50%;
transform: translate3d(0, -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-progressbar {
background: rgba(0, 0, 0, .25);
position: absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top
}
.swiper-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: 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: 4px;
height: 100%;
left: 0;
top: 0
}
.swiper-pagination-lock {
display: none
}
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, .1)
}
.swiper-horizontal>.swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%
}
.swiper-vertical>.swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, .5);
border-radius: 10px;
left: 0;
top: 0
}
.swiper-scrollbar-cursor-drag {
cursor: move
}
.swiper-scrollbar-lock {
display: none
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center
}
.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain
}
.swiper-slide-zoomed {
cursor: move
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent
}
.swiper-slide-visible .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 {
100% {
transform: rotate(360deg)
}
}
.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,
.swiper-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-cube {
overflow: visible
}
.swiper-cube .swiper-slide {
pointer-events: none;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
transform-origin: 0 0;
width: 100%;
height: 100%
}
.swiper-cube .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-cube.swiper-rtl .swiper-slide {
transform-origin: 100% 0
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-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;
backface-visibility: hidden
}
.swiper-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0;
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-flip {
overflow: visible
}
.swiper-flip .swiper-slide {
pointer-events: none;
backface-visibility: hidden;
z-index: 1
}
.swiper-flip .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
z-index: 0;
backface-visibility: hidden
}
.swiper-creative .swiper-slide {
backface-visibility: hidden;
overflow: hidden;
transition-property: transform, opacity, height
}
.swiper-cards {
overflow: visible
}
.swiper-cards .swiper-slide {
transform-origin: center bottom;
backface-visibility: hidden;
overflow: hidden
}
.ww-mdct-player {
--mdctPlayerBrandColor: #8b8b8b;
--mdctPlayerAnimationDuration: .3s;
--mdctPlayerBottomControlsBarBg: transparent;
--mdctPlayerTopControlsBarBg: transparent;
--mdctPlayerVolumeOverlayBg: #000;
--mdctPlayerControlsColor: #f7f7f7;
--mdctPlayerControlsBg: transparent;
--mdctPlayerControlsFontSize: 32px;
--mdctPlayerControlsFontWeight: 100;
--mdctPlayerConsoleBg: #f7f7f7;
--mdctPlayerConsoleColor: #333;
--mdctPlayerContextBg: #f7f7f7;
--mdctPlayerContextColor: #333;
--mdctPlayerOverlayBigPlayColor: #f7f7f7;
--mdctPlayerOverlayBigPlaySizeS: 90px;
--mdctPlayerOverlayBigPlaySizeM: 120px;
--mdctPlayerOverlayBigPlaySizeL: 140px;
--mdctPlayerOverlayBigPlayBorderColor: #f7f7f7;
--mdctPlayerOverlayBigPlayBorderSize: 2px;
--mdctPlayerOverlayBigPlayBgColor: rgba(0, 0, 0, 0.6);
--mdctPlayerControlsProgressbarWrapperHeight: 15px;
--mdctPlayerControlsProgressbarWrapperBg: transparent;
--mdctPlayerControlsProgressbarProgressHeight: 5px;
--mdctPlayerControlsProgressbarProgressPassiveBg: rgba(255, 255, 255, .2);
--mdctPlayerControlsProgressbarProgressActiveBg: var(--mdctPlayerBrandColor);
--mdctPlayerControlsProgressbarProgressBufferBg: #333;
--mdctPlayerIconSizeS: 90px;
--mdctPlayerIconSizeM: 110px;
--mdctPlayerIconSizeL: 130px;
--mdctPlayerControlsIconPlay: "\e90e";
--mdctPlayerControlsIconPause: "\e90d";
--mdctPlayerControlsIconClose: "\e909";
--mdctPlayerControlsIconSettings: "\e90f";
--mdctPlayerControlsIconCaptions: "\e90a";
--mdctPlayerControlsIconFullscreen: "\e90c";
--mdctPlayerControlsIconFullscreenExit: "\e90b";
--mdctPlayerControlsIconVolume: "\e911";
--mdctPlayerControlsIconVolumeOff: "\e910";
--mdctPlayerControlsIconBigPlay: "\e913"
}
.ww-mdct-player.outlined {
--mdctPlayerIconSizeS: 40px;
--mdctPlayerIconSizeM: 50px;
--mdctPlayerIconSizeL: 60px;
--mdctPlayerControlsIconPlay: "\e905";
--mdctPlayerControlsIconPause: "\e904";
--mdctPlayerControlsIconClose: "\e901";
--mdctPlayerControlsIconSettings: "\e906";
--mdctPlayerControlsIconCaptions: "\e900";
--mdctPlayerControlsIconFullscreen: "\e903";
--mdctPlayerControlsIconFullscreenExit: "\e902";
--mdctPlayerControlsIconVolume: "\e908";
--mdctPlayerControlsIconVolumeOff: "\e907";
--mdctPlayerControlsIconBigPlay: "\e912"
}
.ww-mdct-player.dark {
--mdctPlayerVolumeOverlayBg: #f7f7f7;
--mdctPlayerControlsColor: #171717;
--mdctPlayerConsoleBg: #171717;
--mdctPlayerConsoleColor: #f7f7f7;
--mdctPlayerOverlayBigPlayColor: #171717;
--mdctPlayerOverlayBigPlayBorderColor: #171717;
--mdctPlayerOverlayBigPlayBgColor: rgba(255, 255, 255, 0.6);
--mdctPlayerControlsProgressbarProgressPassiveBg: rgba(0, 0, 0, .2);
--mdctPlayerControlsProgressbarProgressBufferBg: #666
}
@font-face {
font-family: wwmdctplayer;
src: url(data:application/octet-stream;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXAXVtKaAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5Zg3NJGAAAAF4AAALtGhlYWQYFCWlAAANLAAAADZoaGVhB04D2QAADWQAAAAkaG10eFYAEfIAAA2IAAAAYGxvY2EkziJIAAAN6AAAADJtYXhwAB0AogAADhwAAAAgbmFtZUr48C8AAA48AAABwnBvc3QAAwAAAAAQAAAAACAAAwPoAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpEwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6RP//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAAEAMAAgAM8AwAAHAAzAEIAUQAAASEiBhURFBYzIRceATMyNjc+AT0BMzI2NRE0JiMTFAYrASIGHQEnLgErARE0NjMhMhYVEQMhIgYVFBYzITI2NTQmIxUhIgYVFBYzITI2NTQmIwL1/hIdKg0IAQSsAwcDAwQCBgdNHikpHh0RDGMIDY4DBwT2EAwB7gwRgP7YCQ0NCQEoCQ0NCf7YCQ0NCQEoCQ0NCQMAKh3+dQkNkwIDAQEDCgaDKh0BWh0q/l8MEA0IanoCAwF2DBAQDP6mAQ0NCQkMDAkJDZUMCQkMDAkJDAABARwA1QLkAqQAIwAAATc2NCcmIg8BJyYiBwYUHwEHBhQXFjI/ARceATMyNjc2NC8BAh7GBwcGEgbGxgYSBgcHxsYHBwYSBsbGAwgEBAgDBwfGAcDGBhIGBwfGxgcHBhEHxsYGEgYHB8bGBAMDBAYRB8YAAAMAwACAA0ADAAAPAB8AQQAAASEiBhURFBYzITI2NRE0JgMUBiMhIiY1ETQ2MyEyFhUPATU0JiMiBh0BFBYXHgEXHgE7ATI2NTQmKwE3NjQnJiIHAw395hUeHhUCGhUeHg0FA/3mAwUFAwIaAwV+yg0JCA0BAQEGBAIEApYJDAwJYssGBgcRBwMAHhX95hUeHhUCGhUe/bMDBQUDAhoDBQUDWMpiCQwMCZYCBAIEBgEBAQ0ICQ3KBxEHBgcAAwDAAIADQAMAAA8AHwBDAAABISIGFREUFjMhMjY1ETQmAxQGIyEiJjURNDYzITIWFQcuASsBIgYVFBY7AQcGFBceATMyNj8BFRQWMzI2PQE0JicuAQMN/eYVHh4VAhoVHh4NBQP95gMFBQMCGgMFZgIFApUJDAwJYssGBgMIBAUHBMoNCAkNAQECBgMAHhX95hUeHhUCGhUe/bMDBQUDAhoDBQUDUwEBDQkIDcoHEQcDAwMDy2IJDAwJlQIFAgMGAAAAAAIBSwB8At8DBAAOAB0AACUiJjURNDYzMhYVERQGIyEiJjURNDYzMhYVERQGIwLKCQwMCQkMDAn+lwkNDQkJDAwJfAwJAl4JDAwJ/aIJDAwJAl4JDAwJ/aIJDAAAAgEoAKkDDALUABgAHAAAJSImJy4BNRE0Njc2MhcBHgEVFAYHAQ4BIxMRLQEBPQMFAgUGBgUFCwUBuQUGBgX+RwMFAxUBev6GqQIBAwoGAgIGCgMDA/7+AgoGBgoC/v4BAgHz/kjc3AAEAMEAgAM/AwAAVQCGAJIAnwAAAS4BLwE2NCc3PgE3MTYmLwEuAQ8BLgEnNTQmKwEiBh0BDgEHJyYGDwEOARceAR8BBhQXBw4BBwYWHwEeAT8BHgEXFRQWOwEyNj0BPgE3FxY2PwE+AScHJwcOAQ8BFwc1Jy4BLwEHJzcnJjQ/ASc3Fzc+AT8BJzcVFx4BHwE3FwcXFhQPARcHAyIGFRQWMzI2NTQmByImNTQ2MzIWFRQGIwM/AwoHNgEBNgcKAgMDBD0JIQ82CRQKGBJ6EhgKFAk2DyEJPQUCAgMKBzYBATYHCgMCAgU9CSEPNgkUChgSehIYChQJNg8hCT0FAgJmTwsMGw4OAXkODxoMC04+TwICAgJPPU8LDBsODgF5Dg4bDAtOPU4CAgICTz3ZKDg4KCg4OCgWICAWFiAgFgFzCA0EHwoWCx4EDQgIEAdoDwgIHwcLBD0RGBgRPQQLBx8ICQ5oBxAICA0EHwoWCx4EDQgIEAhnDwgIHwcLBD0RGBgRPQQLBx8ICA9oBxAIcS0JCg8FBVgCWgUFDwoJLWUtDg8eDw4rZy0JCg8FBVgCWgUFDwoJLWYsDg8eDw4rZwEeOCgoODgoKDiWIBYWICAWFiAAAAADAHYAfQLqAvcAGQA9AEcAAAEiBh0BJyYiBwYUHwEeATMyNjc+ATURNCYjEyYiDwE1NCYnJgYPASMiBh0BFBY7AQcGFBceATMyNjcBNjQnDwInMzI2PwEVAhMIDVkGEgYGBn0DCAQDBAIGBw0J1wcRB6IHBgYNBa1uERgYEUS3BgYDCAQECAMCVgYG7KdtAXcFBwOPAdIMCc9ZBgYGEgZ+AwMBAQILBgEDCQwBJQYGo2wGCwMCAgWtGBF4ERi2BxEHAwMDAwJWBhIGzqYCdgQDjmMAAAMAwAClA2sC1AAbACgASAAAASYGDwEjIgYdARQWOwEXHgEzMjY3PgE1ETQmJwMnLgEjByczMjY/ARElIzU0JiMiBh0BIyIGFRQWOwEVFBYzMjY9ATMyNjU0JgIcBg0ErW8RGBgRb60DCAQCBAIGBwcGHY8DCAR2AngECAOPAVZODAkJDU4JDAwJTg0JCQxOCQ0NAtQCAgWtGBF4ERitAwMBAQILBgIGBgsD/hqPAwMCdgQDjv5i5E8JDAwJTwwJCQxOCQ0NCU4MCQkMAAEA1QCVAysC6wALAAABJwcnBxcHFzcXNycDKzzv7zzv7zzv7zzvAq887+887+887+887wADAIAAawOAAxUADwAoAEEAAAEhIgYVERQWMyEyNjURNCYBIzUjFTM1MxUUBisBIiY9ATQ2OwEyFh0BISM1IxUzNTMVFAYrASImPQE0NjsBMhYdAQMr/aojMjIjAlYjMjL+h0BVVUAZEYASGRkSgBEZAStAVVVAGRKAERkZEYASGQMVMiP+ACMyMiMCACMy/tYVgBUqEhkZEqoSGRkSKhWAFSoSGRkSqhIZGRIqAAAAAAQA1QCVAysC6wAGAA0AEwAZAAATMxUzNSMVEyMVMzUjFQEzNTM1IxM1IxUzNdWAVtaAgNZWAQBWgNZWVtYBFYDWVgFWVtaA/iqAVgEAgNZWAAAAAAQA1QCVAysC6wAFAAsAEQAXAAABIxUzNSMDMzUzNSMBIxUzNSMDFTMVMzUBK1bWgFZWgNYCAIDWVoCAVgFr1lYBKoBW/gBW1gGAVoDWAAAAAgEAAJUDAALrAAMABwAAJTMRIyERMxEBAKurAVWrlQJW/aoCVgAAAAEBVQCVAysC6wACAAABEQEBVQHWAuv9qgErAAACAHQAJgOMA1oATQBZAAABPgE1NCYnNz4BLwEuAQ8BLgEvAS4BKwEiBg8BDgEHJyYGDwEGFh8BDgEVFBYXBw4BHwEeAT8BHgEfAR4BOwEyNj8BPgE3FxY2PwE2JicFIiY1NDYzMhYVFAYDMQEBAQJXBgIDUgQOB2YQIhMQAQsIpAgLAQ8TIw9mBw8EUQQDBlcCAgECVwYCA1IEDgdmECITEAELCKQICwEPEyMPZgcPBFIDAwb+ej9bWz8/W1sBmAkUCwoVCUQEDweNBwUCKQwUCGwICgoIbAgVCykCBQeNBw8ERAkVCgoVCUQEDweNBwUCKQwUCGwICgoIbAgUDCkCBQeNBw8ELls/P1tbPz9bAAQAgABAA4ADQAAIAB8AMgA2AAABNCYnFRc+ATUzFAYHFz4BNTQnLgEnJicVFhceARcWFQEHFyMRMxcRFw4BBxU+ATcXNwEFBxc1AsA7MGkBAWsMC0AVFxcWUDc3QC8nJzkQEP2LNsrKq9W1FTAbLFAiVzb9NgFKWVkBwDlbGF5pBw0HHjgbQChZMEQ+PmIjIw5YDRwbSy4uMwGANsr/ANUBH7YQGghYCigbVzYCyitZWbIAAAMAgABKA4ADNgAGAA0ALAAAExEzFxEHIwU0JicRPgEDFRYXHgEXFhUUBw4BBwYHFTY3PgE3NjU0Jy4BJyYngKvV1asCQDswMDtrLycnORAQEBA5JycvQDc3UBYXFxZQNzdAAkD/ANUCqtWAOVsY/qgYWwGvWA0cG0suLjMzLi5LGxwNWA4jI2I+PkREPj5iIyMOAAACAasBJgKjAnoAAwAGAAABERcHExU3Aav4+ByqASYBVKqqAR7odAAAAQG5AUECigJfAAIAAAE3JwG50dEBQY+PAAAAAAEAAAABAAALNyvFXw889QALBAAAAAAA2rTwpwAAAADatPCnAAAAAAOMA1oAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA4wAAQAAAAAAAAAAAAAAAAAAABgEAAAAAAAAAAAAAAACAAAABAAAwAQAARwEAADABAAAwAQAAUsEAAEoBAAAwQQAAHYEAADABAAA1QQAAIAEAADVBAAA1QQAAQAEAAFVBAAAdAQAAIAEAACABAABqwQAAbkAAAAAAAoAFAAeAJAAygEoAYoBuAHsAtYDQAOmA8AEGARCBGoEfgSMBRQFbgW4BcwF2gAAAAEAAAAYAKAABAAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAMAAAAAQAAAAAAAgAHAI0AAQAAAAAAAwAMAEUAAQAAAAAABAAMAKIAAQAAAAAABQALACQAAQAAAAAABgAMAGkAAQAAAAAACgAaAMYAAwABBAkAAQAYAAwAAwABBAkAAgAOAJQAAwABBAkAAwAYAFEAAwABBAkABAAYAK4AAwABBAkABQAWAC8AAwABBAkABgAYAHUAAwABBAkACgA0AOB3d21kY3RwbGF5ZXIAdwB3AG0AZABjAHQAcABsAGEAeQBlAHJWZXJzaW9uIDEuMABWAGUAcgBzAGkAbwBuACAAMQAuADB3d21kY3RwbGF5ZXIAdwB3AG0AZABjAHQAcABsAGEAeQBlAHJ3d21kY3RwbGF5ZXIAdwB3AG0AZABjAHQAcABsAGEAeQBlAHJSZWd1bGFyAFIAZQBnAHUAbABhAHJ3d21kY3RwbGF5ZXIAdwB3AG0AZABjAHQAcABsAGEAeQBlAHJGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA)
}
.ww-mdct-player [class*=" icon-"],
.ww-mdct-player [class^=icon-] {
font-family: wwmdctplayer !important;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.icon-clear-outlined-24px:before {
content: "\e909"
}
.icon-closed_caption-outlined-24px:before {
content: "\e90a"
}
.icon-fullscreen-outlined_exit-24px:before {
content: "\e90b"
}
.icon-fullscreen-outlined-24px:before {
content: "\e90c"
}
.icon-pause-outlined-24px:before {
content: "\e90d"
}
.icon-play_arrow-outlined-24px:before {
content: "\e90e"
}
.icon-settings-outlined-24px:before {
content: "\e90f"
}
.icon-volume_off-outlined-24px:before {
content: "\e910"
}
.icon-volume_up-outlined-24px:before {
content: "\e911"
}
.icon-clear-24px:before {
content: "\e900"
}
.icon-closed_caption-24px:before {
content: "\e901"
}
.icon-fullscreen_exit-24px:before {
content: "\e902"
}
.icon-fullscreen-24px:before {
content: "\e903"
}
.icon-pause-24px:before {
content: "\e904"
}
.icon-play_arrow-24px:before {
content: "\e905"
}
.icon-settings-24px:before {
content: "\e906"
}
.icon-volume_off-24px:before {
content: "\e907"
}
.icon-volume_up-24px:before {
content: "\e908"
}
.ww-mdct-player {
position: relative;
overflow: hidden;
width: 100%;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility !important;
-webkit-font-smoothing: antialiased !important;
box-sizing: border-box
}
.ww-mdct-player * {
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility !important;
-webkit-font-smoothing: antialiased !important;
box-sizing: border-box
}
.ww-mdct-player video {
width: 100%;
height: auto;
position: relative;
display: block
}
.wwplayer-overlay {
position: absolute;
width: 100%;
height: 100%;
z-index: 10;
left: 0;
display: none
}
.wwplayer-overlay.show {
display: block
}
.wwplayer-overlay.videoposter {
top: 0;
left: 0;
z-index: 100;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
width: 100%;
height: 100%;
transition: opacity .5s ease
}
.wwplayer-overlay.videoposter.show {
opacity: 1
}
.wwplayer-overlay.videoposter .video-poster {
width: 100%;
height: 100%;
display: block;
padding: 0;
-o-object-fit: cover;
object-fit: cover
}
.wwplayer-overlay.console {
top: 0;
background-color: var(--mdctPlayerConsoleBg);
color: var(--mdctPlayerConsoleColor)
}
.wwplayer-overlay.console h3 {
font-weight: 400;
color: var(--mdctPlayerConsoleColor)
}
.wwplayer-overlay.console.show {
display: flex !important;
flex-direction: column;
flex-wrap: wrap;
align-items: center;
justify-content: center
}
.wwplayer-overlay.controls-bg {
background-color: rgba(0, 0, 0, .2);
z-index: 700;
display: block;
top: -100%;
width: 100%;
transition: opacity .3s ease-out .3s, top .3s ease-out .6s;
opacity: 0
}
.wwplayer-overlay.controls-bg.open {
top: 0;
opacity: 1;
transition: opacity .5s ease-out
}
.wwplayer-overlay.controls-bottom {
background-color: var(--mdctPlayerBottomControlsBarBg);
color: var(--mdctPlayerControlsColor);
z-index: 990;
display: block;
height: auto;
bottom: -100px;
width: 100%;
transition: opacity .3s ease .3s, bottom .3s ease .6s;
opacity: 0;
display: flex;
padding: 9px
}
@media (min-width:640px) {
.wwplayer-overlay.controls-bottom {
padding: 24px
}
}
.wwplayer-overlay.controls-bottom.open {
opacity: 1;
transition: opacity .5s ease;
bottom: 0
}
.wwplayer-overlay.controls-bottom .left-col-wrapper {
display: flex
}
.wwplayer-overlay.controls-bottom .mid-col-wrapper {
flex-grow: 1;
text-align: right
}
.wwplayer-overlay.controls-bottom .mid-col-wrapper::after {
content: "";
display: table;
clear: both
}
.wwplayer-overlay.controls-bottom .right-col-wrapper {
display: flex
}
.wwplayer-overlay.controls-top {
background-color: -var(--mdctPlayerTopControlsBarBg);
color: var(--mdctPlayerControlsColor);
z-index: 990;
display: block;
height: auto;
top: 0;
width: 100%;
transition: opacity .3s ease .3s, top .3s ease .6s;
opacity: 0;
display: flex;
padding: 9px;
transform: translateY(-100px)
}
@media (min-width:640px) {
.wwplayer-overlay.controls-top {
padding: 24px
}
}
.wwplayer-overlay.controls-top.open {
opacity: 1;
transform: translateY(0);
transition: opacity .5s ease
}
.wwplayer-overlay.controls-top .top-left-col-wrapper {
text-align: left;
flex-basis: 1;
width: 50%
}
.wwplayer-overlay.controls-top .top-left-col-wrapper::after {
content: "";
display: table;
clear: both
}
.wwplayer-overlay.controls-top .top-right-col-wrapper {
text-align: right;
flex-basis: 1;
width: 50%
}
.wwplayer-overlay.controls-top .top-right-col-wrapper::after {
content: "";
display: table;
clear: both
}
.wwplayer-overlay.controls-top .wwplayer-controls-fullscreenbutton:after {
color: #fff
}
.wwplayer-overlay.interaction {
top: 0;
z-index: 900;
display: flex;
align-items: center;
justify-content: center
}
.wwplayer-overlay.display {
z-index: 800;
top: 0;
display: flex;
align-items: center;
justify-content: center;
transition: background-color .3s ease
}
.wwplayer-overlay.display::after {
content: "";
opacity: 0;
transition: var(--mdctPlayerAnimationDuration) ease;
font-weight: 100;
color: var(--mdctPlayerOverlayBigPlayColor);
font-size: var(--mdctPlayerOverlayBigPlaySizeS);
line-height: 1;
font-family: wwmdctplayer !important
}
@media (min-width:640px) {
.wwplayer-overlay.display::after {
font-size: var(--mdctPlayerOverlayBigPlaySizeM)
}
}
@media (min-width:1024px) {
.wwplayer-overlay.display::after {
font-size: var(--mdctPlayerOverlayBigPlaySizeL)
}
}
.wwplayer-overlay.display.play::before {
content: none;
border-radius: 50%
}
.wwplayer-overlay.display.play::after {
content: var(--mdctPlayerControlsIconBigPlay);
opacity: 1;
transform-origin: center;
font-weight: 100;
transition: none
}
.wwplayer-overlay.display.pause {
background-color: rgba(0, 0, 0, .6)
}
.wwplayer-overlay.display.pause::after {
content: var(--mdctPlayerControlsIconPause);
line-height: var(--mdctPlayerIconSizeS);
color: var(--mdctPlayerControlsColor);
opacity: 1;
transform-origin: center
}
.wwplayer-overlay.display.loader {
background-color: rgba(0, 0, 0, .6)
}
.wwplayer-overlay.display.loader::before {
content: "";
opacity: 1;
width: 50px;
height: 50px;
border: 4px solid #333;
opacity: 1;
border-radius: 50%;
animation: wwplayer-ripple 1s cubic-bezier(0, .2, .8, 1) infinite;
transform-origin: center;
transform-box: fill-box;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(0);
z-index: 5;
width: 60px;
height: 60px
}
@media (min-width:640px) {
.wwplayer-overlay.display.loader::before {
width: 80px;
height: 80px
}
}
.wwplayer-overlay.display.loader::after {
content: "loading...";
opacity: 1;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 10;
color: #fff;
font-size: 20px;
font-family: inherit !important
}
@media (min-width:640px) {
.wwplayer-overlay.display.loader::after {
background-size: 130px auto
}
}
@keyframes wwplayer-ripple {
0% {
top: 50%;
left: 50%;
width: 50px;
height: 50px;
transform: translate(-50%, -50%) scale(0);
opacity: 1;
border-color: #333;
transform-box: fill-box
}
100% {
transform: translate(-50%, -50%) scale(2);
opacity: 0;
border-color: #fff;
transform-box: fill-box
}
}
.v2 .wwplayer-overlay.display.play::before {
content: "";
width: 60px;
height: 60px;
border-radius: 50%;
border: var(--mdctPlayerOverlayBigPlayBorderSize) solid var(--mdctPlayerOverlayBigPlayBorderColor);
opacity: 1
}
@media (min-width:640px) {
.v2 .wwplayer-overlay.display.play::before {
width: 80px;
height: 80px
}
}
@media (min-width:1024px) {
.v2 .wwplayer-overlay.display.play::before {
width: 100px;
height: 100px
}
}
.v2 .wwplayer-overlay.display.play::after {
color: var(--mdctPlayerOverlayBigPlayColor);
position: absolute;
top: 50%;
left: 50%;
z-index: 2;
transform: translate(-50%, -50%)
}
.v3 .wwplayer-overlay.display.play::before {
content: "";
width: 60px;
height: 60px;
border-radius: 50%;
background-color: var(--mdctPlayerOverlayBigPlayBgColor);
opacity: 1
}
@media (min-width:640px) {
.v3 .wwplayer-overlay.display.play::before {
width: 80px;
height: 80px
}
}
@media (min-width:1024px) {
.v3 .wwplayer-overlay.display.play::before {
width: 100px;
height: 100px
}
}
.v3 .wwplayer-overlay.display.play::after {
color: var(--mdctPlayerOverlayBigPlayColor);
position: absolute;
top: 50.3%;
left: 50.2%;
z-index: 2;
transform: translate(-50%, -50%)
}
.v0 .wwplayer-overlay.display.play::before {
content: none
}
.v0 .wwplayer-overlay.display.play::after {
content: none
}
.wwplayer-overlay.settings {
background-color: var(--mdctPlayerVolumeOverlayBg);
color: var(--mdctPlayerControlsColor);
z-index: 980;
top: 0;
transition: opacity var(--mdctPlayerAnimationDuration) ease;
max-height: 0;
overflow: hidden;
padding: 0;
display: block;
height: auto;
opacity: 0;
font-weight: 900;
display: flex
}
.wwplayer-overlay.settings::after {
content: "";
display: table;
clear: both
}
.wwplayer-overlay.settings.open {
max-height: 500px;
height: 100%;
opacity: 1;
font-weight: 900;
padding: 9px 20px
}
@media (min-width:640px) {
.wwplayer-overlay.settings.open {
padding: 24px 39px
}
}
.wwplayer-overlay.settings .wwplayer-quality-icon {
background-color: transparent;
border: none;
position: relative;
padding: 12px 12px 0;
outline: 0
}
@media (min-width:640px) {
.wwplayer-overlay.settings .wwplayer-quality-icon {
padding: 10px 12px 0 48px
}
}
.wwplayer-overlay.settings .wwplayer-quality-icon .title {
display: none
}
@media (min-width:640px) {
.wwplayer-overlay.settings .wwplayer-quality-icon .title {
display: inline
}
}
.wwplayer-overlay.settings .wwplayer-quality-icon::before {
content: var(--mdctPlayerControlsIconSettings);
font-family: wwmdctplayer !important;
font-size: var(--mdctPlayerControlsFontSize);
line-height: var(--mdctPlayerControlsFontSize);
color: var(--mdctPlayerControlsColor);
transition: var(--mdctPlayerAnimationDuration) ease-in;
position: absolute;
top: 7px;
left: 0;
z-index: 1;
font-weight: var(--mdctPlayerControlsFontWeight)
}
.wwplayer-overlay.settings .wwplayer-qualities {
padding: 11px 0 0;
width: 100%
}
.wwplayer-overlay.settings .wwplayer-qualities::after {
content: "";
display: table;
clear: both
}
@media (min-width:640px) {
.wwplayer-overlay.settings .wwplayer-qualities {
padding: 11px 24px 0
}
}
.wwplayer-overlay.settings .wwplayer-qualities .quality-item {
display: inline-block;
float: left;
padding-right: 5px
}
@media (min-width:640px) {
.wwplayer-overlay.settings .wwplayer-qualities .quality-item {
margin-right: 12px
}
}
.wwplayer-overlay.settings .wwplayer-qualities .quality-item button {
border: none;
background-color: transparent;
text-decoration: none;
font-size: 14px;
font-weight: 400;
transition: color .3s ease;
color: var(--mdctPlayerControlsColor)
}
@media (hover:hover) {
.wwplayer-overlay.settings .wwplayer-qualities .quality-item button:hover {
color: var(--mdctPlayerBrandColor)
}
}
@media (min-width:640px) {
.wwplayer-overlay.settings .wwplayer-qualities .quality-item button {
font-size: 18px
}
}
.wwplayer-overlay.settings .wwplayer-qualities .quality-item button.active {
color: var(--mdctPlayerBrandColor)
}
.wwplayer-overlay.settings .wwplayer-quality-close {
background-color: transparent;
border: none;
font-size: 24px;
color: var(--mdctPlayerControlsColor);
padding: 0 0 0 9px;
font-weight: 100;
outline: 0;
transition: color .3s ease
}
@media (hover:hover) {
.wwplayer-overlay.settings .wwplayer-quality-close:hover {
color: var(--mdctPlayerBrandColor)
}
}
@media (min-width:640px) {
.wwplayer-overlay.settings .wwplayer-quality-close {
padding: 0 0 0 24px
}
}
.wwplayer-overlay.settings .wwplayer-quality-close::after {
font-family: wwmdctplayer !important;
content: var(--mdctPlayerControlsIconClose)
}
.wwplayer-overlay.captions-target-wrapper {
display: flex;
z-index: 700;
height: 100%;
padding: 30px 84px 30px;
bottom: 0;
align-items: flex-end;
justify-content: center;
transition: bottom .3s ease .2s
}
.wwplayer-overlay.captions-target-wrapper.open {
transition: bottom .3s ease .1s;
bottom: 60px
}
.wwplayer-overlay.captions-target-wrapper .captions-target {
display: inline-block;
opacity: 0;
background: 0 0;
color: #fff;
padding: 8px 8px 8px;
font-size: 16px;
line-height: 20.8px;
text-shadow: none;
transition: opacity .2s ease
}
.wwplayer-overlay.captions-target-wrapper .captions-target.show {
opacity: 1
}
.wwplayer-overlay.captions-target-wrapper .captions-target.font-s {
font-size: 16px;
line-height: 20.8px
}
.wwplayer-overlay.captions-target-wrapper .captions-target.font-m {
font-size: 20px;
line-height: 26px
}
.wwplayer-overlay.captions-target-wrapper .captions-target.font-l {
font-size: 34px;
line-height: 44.2px
}
.caption-alignX-left .wwplayer-overlay.captions-target-wrapper {
justify-content: flex-start
}
.caption-alignX-center .wwplayer-overlay.captions-target-wrapper {
justify-content: center
}
.caption-alignX-right .wwplayer-overlay.captions-target-wrapper {
justify-content: flex-end
}
.caption-alignY-top .wwplayer-overlay.captions-target-wrapper {
align-items: flex-start
}
.caption-alignY-center .wwplayer-overlay.captions-target-wrapper {
align-items: center
}
.caption-alignY-bottom .wwplayer-overlay.captions-target-wrapper {
align-items: flex-end
}
.caption-bg-shadow .wwplayer-overlay.captions-target-wrapper .captions-target {
background: 0 0;
text-shadow: 1px 1px #000
}
.caption-bg-color .wwplayer-overlay.captions-target-wrapper .captions-target {
background: rgba(0, 0, 0, .4);
text-shadow: none
}
.wwplayer-overlay.captions {
background-color: var(--mdctPlayerVolumeOverlayBg);
color: var(--mdctPlayerControlsColor);
z-index: 980;
top: 0;
transition: opacity var(--mdctPlayerAnimationDuration) ease;
max-height: 0;
overflow: hidden;
padding: 0;
display: block;
height: auto;
opacity: 0;
font-weight: 900;
display: flex
}
.wwplayer-overlay.captions::after {
content: "";
display: table;
clear: both
}
.wwplayer-overlay.captions.open {
max-height: 500px;
height: 100%;
opacity: 1;
font-weight: 900;
padding: 9px 20px
}
@media (min-width:640px) {
.wwplayer-overlay.captions.open {
padding: 24px 39px
}
}
.wwplayer-overlay.captions .wwplayer-captions-icon {
background-color: transparent;
border: none;
position: relative;
padding: 12px 12px 0;
outline: 0
}
@media (min-width:640px) {
.wwplayer-overlay.captions .wwplayer-captions-icon {
padding: 10px 12px 0 48px
}
}
.wwplayer-overlay.captions .wwplayer-captions-icon .title {
display: none
}
@media (min-width:640px) {
.wwplayer-overlay.captions .wwplayer-captions-icon .title {
display: inline
}
}
.wwplayer-overlay.captions .wwplayer-captions-icon::before {
content: var(--mdctPlayerControlsIconCaptions);
font-family: wwmdctplayer !important;
font-size: var(--mdctPlayerControlsFontSize);
line-height: var(--mdctPlayerControlsFontSize);
color: var(--mdctPlayerControlsColor);
transition: var(--mdctPlayerAnimationDuration) ease-in;
position: absolute;
top: 7px;
left: 0;
z-index: 1;
font-weight: var(--mdctPlayerControlsFontWeight)
}
.wwplayer-overlay.captions .wwplayer-captions {
padding: 11px 0 0;
width: 100%
}
.wwplayer-overlay.captions .wwplayer-captions::after {
content: "";
display: table;
clear: both
}
@media (min-width:640px) {
.wwplayer-overlay.captions .wwplayer-captions {
padding: 11px 12px 0
}
}
.wwplayer-overlay.captions .wwplayer-captions .captions-item {
display: inline-block;
float: left;
padding-right: 5px
}
@media (min-width:640px) {
.wwplayer-overlay.captions .wwplayer-captions .captions-item {
margin-right: 12px
}
}
.wwplayer-overlay.captions .wwplayer-captions .captions-item button {
border: none;
background-color: transparent;
text-decoration: none;
font-size: 14px;
font-weight: 400;
color: var(--mdctPlayerControlsColor);
transition: color .3s ease
}
@media (hover:hover) {
.wwplayer-overlay.captions .wwplayer-captions .captions-item button:hover {
color: var(--mdctPlayerBrandColor)
}
}
@media (min-width:640px) {
.wwplayer-overlay.captions .wwplayer-captions .captions-item button {
font-size: 18px
}
}
.wwplayer-overlay.captions .wwplayer-captions .captions-item button.active {
color: var(--mdctPlayerBrandColor)
}
.wwplayer-overlay.captions .wwplayer-captions-close {
background-color: transparent;
border: none;
font-size: 24px;
color: var(--mdctPlayerControlsColor);
padding: 0 0 0 9px;
font-weight: 100;
outline: 0;
transition: color .3s ease
}
@media (hover:hover) {
.wwplayer-overlay.captions .wwplayer-captions-close:hover {
color: var(--mdctPlayerBrandColor)
}
}
@media (min-width:640px) {
.wwplayer-overlay.captions .wwplayer-captions-close {
padding: 0 0 0 24px
}
}
.wwplayer-overlay.captions .wwplayer-captions-close::after {
font-family: wwmdctplayer !important;
content: var(--mdctPlayerControlsIconClose)
}
.wwplayer-overlay.placements-target-wrapper {
display: flex;
z-index: 901;
height: auto;
top: 0;
align-items: flex-start;
justify-content: flex-start
}
.wwplayer-overlay.placements-target-wrapper.top.w-s .placements-target {
width: 100%
}
.wwplayer-overlay.placements-target-wrapper.top.w-s .placements-target .product-wrapper {
margin: 24px;
padding: 24px;
opacity: 0;
transition: opacity .5s ease
}
.wwplayer-overlay.placements-target-wrapper.top.w-s .placements-target .product-wrapper.show {
opacity: 1
}
.wwplayer-overlay.placements-target-wrapper.top.w-s .placements-target .product-wrapper .placement-image {
width: 25%
}
.wwplayer-overlay.placements-target-wrapper.top.w-s .placements-target .product-wrapper .placement-detail {
width: 45%;
padding: 0 32px
}
.wwplayer-overlay.placements-target-wrapper.top.w-s .placements-target .product-wrapper .placement-button {
width: 30%;
padding: 16px
}
.wwplayer-overlay.placements-target-wrapper.top .placements-target {
width: 100%
}
.wwplayer-overlay.placements-target-wrapper.top .placements-target .product-wrapper {
padding: 42px;
background-color: #fff;
color: #000
}
.wwplayer-overlay.placements-target-wrapper.top .placements-target .product-wrapper::after {
content: "";
display: table;
clear: both
}
.wwplayer-overlay.placements-target-wrapper.top .placements-target .product-wrapper .placement-image {
width: 10%;
float: left;
padding-bottom: 0
}
.wwplayer-overlay.placements-target-wrapper.top .placements-target .product-wrapper .placement-detail {
width: 65%;
float: left;
padding-left: 4.11111%
}
.wwplayer-overlay.placements-target-wrapper.top .placements-target .product-wrapper .placement-button {
width: 20%;
float: left;
display: block;
background-color: #000;
color: #fff;
padding: 16px;
text-align: center
}
.wwplayer-overlay.volume {
background-color: var(--mdctPlayerVolumeOverlayBg);
color: var(--mdctPlayerControlsColor);
z-index: 980;
top: 0;
transition: opacity var(--mdctPlayerAnimationDuration) ease;
max-height: 0;
overflow: hidden;
padding: 0;
display: block;
height: auto;
opacity: 0;
font-weight: 900;
display: flex
}
.wwplayer-overlay.volume::after {
content: "";
display: table;
clear: both
}
.wwplayer-overlay.volume.open {
max-height: 500px;
height: 100%;
opacity: 1;
font-weight: 900;
padding: 9px 20px
}
@media (min-width:640px) {
.wwplayer-overlay.volume.open {
padding: 24px 39px
}
}
.wwplayer-overlay.volume .wwplayer-volume-mute {
background-color: transparent;
border: none;
position: relative;
padding: 12px 12px 0;
outline: 0;
color: var(--mdctPlayerControlsColor);
transition: color .3s ease
}
@media (hover:hover) {
.wwplayer-overlay.volume .wwplayer-volume-mute:hover {
color: var(--mdctPlayerBrandColor)
}
}
@media (min-width:640px) {
.wwplayer-overlay.volume .wwplayer-volume-mute {
padding: 0 12px 0 48px
}
}
.wwplayer-overlay.volume .wwplayer-volume-mute .title {
display: none
}
@media (min-width:640px) {
.wwplayer-overlay.volume .wwplayer-volume-mute .title {
display: inline
}
}
.wwplayer-overlay.volume .wwplayer-volume-mute::before {
content: var(--mdctPlayerControlsIconVolumeOff);
font-family: wwmdctplayer !important;
font-size: var(--mdctPlayerControlsFontSize);
line-height: var(--mdctPlayerControlsFontSize);
position: absolute;
top: 9px;
left: 0;
z-index: 1;
font-weight: var(--mdctPlayerControlsFontWeight)
}
.wwplayer-overlay.volume .wwplayer-volume-mute.loud::before {
content: var(--mdctPlayerControlsIconVolume)
}
.wwplayer-overlay.volume .wwplayer-volume-wrapper {
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
margin: 0 24px;
flex-grow: 1
}
.wwplayer-overlay.volume .wwplayer-volume-wrapper .wwplayer-volume-interactive {
position: absolute;
width: 100%;
height: 100%;
z-index: 5;
top: 0;
left: 0;
background-color: transparent;
cursor: pointer
}
.wwplayer-overlay.volume .wwplayer-volume-wrapper .wwplayer-volume-bar-position {
position: absolute;
width: 0;
height: 5px;
z-index: 4;
top: 50%;
left: 0;
background-color: var(--mdctPlayerBrandColor);
transform: translateY(-50%)
}
.wwplayer-overlay.volume .wwplayer-volume-wrapper .wwplayer-volume-bar-bg {
position: absolute;
width: 100%;
height: 5px;
z-index: 3;
top: 50%;
left: 0;
background-color: #222f3e;
transform: translateY(-50%)
}
.wwplayer-overlay.volume .wwplayer-volume-close {
background-color: transparent;
border: none;
font-size: 24px;
color: var(--mdctPlayerControlsColor);
padding: 0 0 0 13px;
font-weight: 100;
outline: 0;
transition: color .3s ease
}
@media (hover:hover) {
.wwplayer-overlay.volume .wwplayer-volume-close:hover {
color: var(--mdctPlayerBrandColor)
}
}
@media (min-width:640px) {
.wwplayer-overlay.volume .wwplayer-volume-close {
padding: 0 0 0 24px
}
}
.wwplayer-overlay.volume .wwplayer-volume-close::after {
font-family: wwmdctplayer !important;
content: var(--mdctPlayerControlsIconClose)
}
.wwplayer-overlay.context {
top: 0;
background-color: var(--mdctPlayerContextBg);
color: var(--mdctPlayerContextColor);
width: auto;
height: auto;
padding: 40px;
box-shadow: -1px 2px 4px 1px rgba(0, 0, 0, .49)
}
.wwplayer-overlay.context h3 {
font-weight: 400;
color: var(--mdctPlayerContextColor)
}
.wwplayer-overlay.context.show {
display: flex !important;
flex-direction: column;
flex-wrap: wrap;
align-items: center;
justify-content: center;
z-index: 910
}
.wwplayer-controls-component {
margin: 0;
display: inline-block;
background-color: var(--mdctPlayerControlsBg);
border: none;
color: var(--mdctPlayerControlsColor);
min-height: 48px;
font-size: var(--mdctPlayerControlsFontSize);
line-height: var(--mdctPlayerControlsFontSize);
font-weight: var(--mdctPlayerControlsFontWeight);
outline: 0;
padding: 0 12px;
transition: color .3s ease
}
@media (hover:hover) {
.wwplayer-controls-component:hover {
color: var(--mdctPlayerBrandColor)
}
}
@media (min-width:640px) {
.wwplayer-controls-component {
padding: 0 12px
}
}
.wwplayer-controls-component::after {
content: "";
font-family: wwmdctplayer !important;
display: inline
}
.wwplayer-controls-component.playbutton {
font-size: var(--mdctPlayerControlsFontSize);
line-height: var(--mdctPlayerControlsFontSize)
}
.wwplayer-controls-component.playbutton.play::after {
content: var(--mdctPlayerControlsIconPlay)
}
.wwplayer-controls-component.playbutton.pause::after {
content: var(--mdctPlayerControlsIconPause)
}
.wwplayer-controls-component.mutebutton {
font-size: var(--mdctPlayerControlsFontSize);
line-height: var(--mdctPlayerControlsFontSize)
}
.wwplayer-controls-component.mutebutton.loud::after {
content: var(--mdctPlayerControlsIconVolume)
}
.wwplayer-controls-component.mutebutton.muted::after {
content: var(--mdctPlayerControlsIconVolumeOff)
}
.wwplayer-controls-component.volumebutton::after {
content: var(--mdctPlayerControlsIconVolume)
}
.wwplayer-controls-component.volumebutton.muted::after {
content: var(--mdctPlayerControlsIconVolumeOff)
}
.wwplayer-controls-component.fullscreenbutton.enter::after {
content: var(--mdctPlayerControlsIconFullscreen)
}
.wwplayer-controls-component.fullscreenbutton.exit::after {
content: var(--mdctPlayerControlsIconFullscreenExit)
}
.wwplayer-controls-component.settingsbutton::after {
content: var(--mdctPlayerControlsIconSettings);
opacity: .5
}
.wwplayer-controls-component.settingsbutton.open::after {
transform: rotate(45deg)
}
.wwplayer-controls-component.settingsbutton.active::after {
opacity: 1
}
.wwplayer-controls-component.captionsbutton::after {
content: var(--mdctPlayerControlsIconCaptions)
}
.wwplayer-controls-component.timedisplay {
font-size: 20px;
line-height: 20px;
font-weight: 400;
padding-top: 11px;
min-width: 89px;
text-align: right
}
.wwplayer-controls-component.timedisplay:hover {
color: var(--mdctPlayerControlsColor)
}
.wwplayer-controls-component.timedisplay .wwplayer-time-minutes {
min-width: 30px;
display: inline-block
}
.wwplayer-controls-component.timedisplay .wwplayer-time-delemiter {
display: inline-block;
padding-left: 4px
}
.wwplayer-controls-component.timedisplay .wwplayer-time-seconds {
min-width: 30px;
display: inline-block
}
.mobile .wwplayer-controls-component.playbutton {
display: none
}
.mobile .wwplayer-controls-component.timedisplay {
display: none
}
.wwplayer-progressbar-wrapper {
position: relative;
height: var(--mdctPlayerControlsProgressbarWrapperHeight);
background-color: var(--mdctPlayerControlsProgressbarWrapperBg);
padding: 25px 0;
margin: 0 16px
}
.wwplayer-progressbar-wrapper.chapter .wwplayer-progressbar-queuepoints {
z-index: 15;
position: relative
}
.wwplayer-progressbar-wrapper.chapter .wwplayer-progressbar-queuepoints .wwplayer-queuepoint {
display: inline;
outline: 0
}
.wwplayer-progressbar-wrapper.chapter .wwplayer-progressbar-queuepoints .wwplayer-queuepoint:hover .quepoint-tooltip {
opacity: 1;
display: block
}
.wwplayer-progressbar-wrapper.chapter .wwplayer-progressbar-queuepoints .wwplayer-queuepoint .quepoint-tooltip {
position: absolute;
bottom: 18px;
left: 50%;
z-index: 1;
display: inline-block;
padding: 10px;
background-color: #000;
transform: translateX(-50%);
opacity: 0;
display: none;
transition: opacity .3s ease;
outline: 0
}
.wwplayer-progressbar-wrapper.chapter .wwplayer-progressbar-queuepoints .wwplayer-queuepoint .quepoint-tooltip .tooltip-canvas {
width: 100px;
height: 56px
}
.wwplayer-progressbar-wrapper.chapter .wwplayer-progressbar-queuepoints .wwplayer-queuepoint .quepoint-tooltip h4 {
color: #fff;
padding: 8px 0 0 0
}
.wwplayer-progressbar-wrapper .wwplayer-progressbar-bg {
cursor: pointer;
background-color: var(--mdctPlayerControlsProgressbarProgressPassiveBg);
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
height: var(--mdctPlayerControlsProgressbarProgressHeight);
z-index: 3;
width: 100%
}
.wwplayer-progressbar-wrapper .wwplayer-progressbar-progress {
cursor: pointer;
background-color: var(--mdctPlayerControlsProgressbarProgressActiveBg);
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
height: var(--mdctPlayerControlsProgressbarProgressHeight);
z-index: 3
}
.wwplayer-progressbar-wrapper .wwplayer-progressbar-buffer {
background-color: var(--mdctPlayerControlsProgressbarProgressBufferBg);
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
height: var(--mdctPlayerControlsProgressbarProgressHeight);
z-index: 2
}
.wwplayer-progressbar-wrapper .wwplayer-progressbar-queuepoints {
background-color: transparent;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
width: 100%;
height: var(--mdctPlayerControlsProgressbarProgressHeight);
z-index: 5
}
.wwplayer-progressbar-wrapper .wwplayer-progressbar-queuepoints .wwplayer-queuepoint {
background-color: transparent;
position: absolute;
top: 0;
left: 0;
width: 2px;
height: 100%;
z-index: 5;
transition: all .3s ease
}
.wwplayer-progressbar-wrapper .wwplayer-progressbar-queuepoints .wwplayer-queuepoint:hover {
padding: 10px 0;
transform: translateY(-2px)
}
.wwplayer-progressbar-wrapper .wwplayer-progressbar-queuepoints .wwplayer-queuepoint.section {
background-color: rgba(186, 220, 88, .5)
}
.wwplayer-progressbar-wrapper .wwplayer-progressbar-queuepoints .wwplayer-queuepoint.gate {
background-color: #ea2027
}
.wwplayer-progressbar-wrapper .wwplayer-progressbar-interaction {
background-color: transparent;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10
}
.mobile .wwplayer-progressbar-wrapper {
margin: 0
}
.wwplayer-progressbar-preview {
position: absolute;
top: -50px;
left: 0;
z-index: 10;
display: inline-block;
transform: translateX(-50px);
opacity: 0;
width: 0;
overflow: hidden;
transition: opaycity .3s ease, width 0s ease .3s
}
.wwplayer-progressbar-preview.show {
opacity: 1;
width: 100px;
transition: opaycity .3s ease, width 0s ease
}
.keen-slider:not([data-keen-slider-disabled]) {
align-content: flex-start;
display: flex;
overflow: hidden;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
width: 100%
}
.keen-slider:not([data-keen-slider-disabled]) .keen-slider__slide {
position: relative;
overflow: hidden;
width: 100%;
min-height: 100%
}
.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-reverse] {
flex-direction: row-reverse
}
.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-v] {
flex-wrap: wrap
}
[data-keen-slider-moves] * {
pointer-events: none
}
.module-slidex {
position: relative
}
.module-slidex {
--navigation-top: 50%
}
.module-slidex .slidex-next-button,
.module-slidex .slidex-prev-button {
position: absolute;
top: var(--navigation-top);
z-index: 2;
transform: translateY(-50%);
width: 60px;
height: 60px;
cursor: pointer;
background-size: 40px;
background-repeat: no-repeat;
background-position: center center
}
.module-slidex .slidex-next-button.disabled,
.module-slidex .slidex-prev-button.disabled {
opacity: .2
}
.module-slidex .slidex-prev-button {
left: 0;
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNi4wLjMsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAzMiAzMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzIgMzI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnIGlkPSJfNDQxLUFycm93X3VwIj4NCgk8Zz4NCgkJPHBhdGggZD0iTTIzLjksMS41TDEwLjUsMTUuOWwxMy40LDE0LjNsLTEuNSwxLjRsLTE0LTE1Yy0wLjQtMC40LTAuNC0xLDAtMS40bDE0LTE1TDIzLjksMS41eiIvPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K")
}
.module-slidex .slidex-next-button {
right: 0;
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNi4wLjMsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iRWJlbmVfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAzMiAzMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzIgMzI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnIGlkPSJfNDQxLUFycm93X3VwIj4NCgk8Zz4NCgkJPHBhdGggZD0iTTguMSwzMC4ybDEzLjQtMTQuM0w4LjEsMS41bDEuNS0xLjRsMTQsMTVjMC40LDAuNCwwLjQsMSwwLDEuNGwtMTQsMTVMOC4xLDMwLjJ6Ii8+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=")
}
.module-slidex .slidex-pagination {
position: absolute;
bottom: 20px;
left: 50%;
z-index: 2;
transform: translateX(-50%);
display: inline-flex
}
.module-slidex .slidex-pagination__item {
width: 16px;
height: 16px;
background-color: #6b6b6b;
border-radius: 50%;
margin: 0 8px;
cursor: pointer;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2);
transition: .2s ease-in
}
.module-slidex .slidex-pagination__item.active {
background-color: #ccc
}
div.wpforms-container-full,
div.wpforms-container-full .wpforms-form * {
background: 0 0;
border: 0 none;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
float: none;
font-size: 100%;
height: auto;
letter-spacing: normal;
list-style: none;
outline: 0;
position: static;
text-decoration: none;
text-indent: 0;
text-shadow: none;
text-transform: none;
width: auto;
visibility: visible;
overflow: visible;
margin: 0;
padding: 0;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none
}
div.wpforms-container-full {
margin-left: auto;
margin-right: auto
}
div.wpforms-container-full .wpforms-form amp-img>img {
position: absolute
}
div.wpforms-container-full .wpforms-form button,
div.wpforms-container-full .wpforms-form input,
div.wpforms-container-full .wpforms-form label,
div.wpforms-container-full .wpforms-form select,
div.wpforms-container-full .wpforms-form textarea {
margin: 0;
border: 0;
padding: 0;
display: inline-block;
vertical-align: middle;
background: 0 0;
height: auto;
box-sizing: border-box
}
div.wpforms-container-full .wpforms-form textarea {
width: 100%
}
div.wpforms-container-full .wpforms-form ul,
div.wpforms-container-full .wpforms-form ul li {
background: 0 0 !important;
border: 0 !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important
}
div.wpforms-container-full .wpforms-form ul li {
margin-bottom: 5px !important
}
div.wpforms-container-full .wpforms-form ul li:last-of-type {
margin-bottom: 0 !important
}
div.wpforms-container-full .wpforms-form hr {
border-top: 1px solid #ccc;
margin: .5em auto
}
div.wpforms-container-full .wpforms-form fieldset {
min-width: 0
}
.wpforms-container .wpforms-form .wpforms-error-alert {
border: 1px solid #ccc;
text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
padding: 10px 15px;
font-size: 14px;
margin: 0 0 10px 0
}
.wpforms-container .wpforms-form .wpforms-error-alert {
color: #b94a48;
background-color: #f2dede;
border-color: #eed3d7
}
div[style*="z-index: 2147483647"] div[style*="border-width: 11px"][style*="position: absolute"][style*="pointer-events: none"] {
border-style: none
}
.wpforms-is-turnstile iframe {
margin-left: -2px !important
}
.wpforms-clear:before {
content: " ";
display: table
}
.wpforms-clear:after {
clear: both;
content: " ";
display: table
}
div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium,
div.wpforms-container-full .wpforms-form input.wpforms-field-medium,
div.wpforms-container-full .wpforms-form select.wpforms-field-medium {
max-width: 60%
}
div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium {
height: 120px
}
div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-small,
div.wpforms-container-full .wpforms-form input.wpforms-field-small,
div.wpforms-container-full .wpforms-form select.wpforms-field-small {
max-width: 25%
}
div.wpforms-container-full .wpforms-form textarea.wpforms-field-small {
height: 70px
}
div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-large,
div.wpforms-container-full .wpforms-form input.wpforms-field-large,
div.wpforms-container-full .wpforms-form select.wpforms-field-large {
max-width: 100%
}
div.wpforms-container-full .wpforms-form textarea.wpforms-field-large {
height: 220px
}
div.wpforms-container-full .wpforms-form .wpforms-field {
padding: 10px 0;
clear: both
}
div.wpforms-container-full .wpforms-form .wpforms-field-description,
div.wpforms-container-full .wpforms-form .wpforms-field-limit-text {
font-size: 13px;
line-height: 1.3;
margin: 8px 0 0 0;
word-break: break-word;
word-wrap: break-word
}
div.wpforms-container-full .wpforms-form .wpforms-field-description.wpforms-disclaimer-description {
background-color: #fff;
border: 1px solid #ddd;
color: #444;
padding: 15px 15px 0;
margin-top: 15px;
height: 125px;
overflow-y: scroll;
overflow-x: hidden;
font-size: 12px
}
div.wpforms-container-full .wpforms-form .wpforms-field-description.wpforms-disclaimer-description p {
color: #444;
font-size: 12px;
line-height: 18px;
margin-bottom: 15px
}
div.wpforms-container-full .wpforms-form .wpforms-field-description-before,
div.wpforms-container-full .wpforms-form .wpforms-field-description.before {
margin: 0 0 8px 0
}
div.wpforms-container-full .wpforms-form .wpforms-field-label {
display: block;
font-weight: 700;
font-size: 16px;
float: none;
line-height: 1.3;
margin: 0 0 4px 0;
padding: 0;
word-break: break-word;
word-wrap: break-word
}
div.wpforms-container-full .wpforms-form .wpforms-field-sublabel {
display: block;
font-size: 13px;
float: none;
font-weight: 400;
line-height: 1.3;
margin: 4px 0 0;
padding: 0
}
div.wpforms-container-full .wpforms-form .wpforms-field-sublabel.before {
margin: 0 0 4px 0
}
div.wpforms-container-full .wpforms-form .wpforms-field-label-inline {
display: inline;
vertical-align: baseline;
font-size: 16px;
font-weight: 400;
line-height: 1.3;
word-break: break-word
}
div.wpforms-container-full .wpforms-form .wpforms-field-label.wpforms-label-hide,
div.wpforms-container-full .wpforms-form .wpforms-field-sublabel.wpforms-sublabel-hide {
position: absolute;
top: -99999px;
left: -99999px
}
div.wpforms-container-full .wpforms-form .wpforms-required-label {
color: red;
font-weight: 400
}
div.wpforms-container-full .wpforms-form .wpforms-field-row {
margin-bottom: 8px;
position: relative
}
div.wpforms-container-full .wpforms-form .wpforms-field .wpforms-field-row:last-of-type {
margin-bottom: 0
}
div.wpforms-container-full .wpforms-form .wpforms-field-row:before {
content: " ";
display: table
}
div.wpforms-container-full .wpforms-form .wpforms-field-row:after {
clear: both;
content: " ";
display: table
}
div.wpforms-container-full .wpforms-form .wpforms-field-address .wpforms-one-half:only-child {
margin-left: 0
}
div.wpforms-container-full .wpforms-form .wpforms-five-sixths,
div.wpforms-container-full .wpforms-form .wpforms-four-fifths,
div.wpforms-container-full .wpforms-form .wpforms-four-sixths,
div.wpforms-container-full .wpforms-form .wpforms-one-fifth,
div.wpforms-container-full .wpforms-form .wpforms-one-fourth,
div.wpforms-container-full .wpforms-form .wpforms-one-half,
div.wpforms-container-full .wpforms-form .wpforms-one-sixth,
div.wpforms-container-full .wpforms-form .wpforms-one-third,
div.wpforms-container-full .wpforms-form .wpforms-three-fifths,
div.wpforms-container-full .wpforms-form .wpforms-three-fourths,
div.wpforms-container-full .wpforms-form .wpforms-three-sixths,
div.wpforms-container-full .wpforms-form .wpforms-two-fifths,
div.wpforms-container-full .wpforms-form .wpforms-two-fourths,
div.wpforms-container-full .wpforms-form .wpforms-two-sixths,
div.wpforms-container-full .wpforms-form .wpforms-two-thirds {
float: left;
margin-left: 4%;
clear: none
}
div.wpforms-container-full .wpforms-form .wpforms-one-half,
div.wpforms-container-full .wpforms-form .wpforms-three-sixths,
div.wpforms-container-full .wpforms-form .wpforms-two-fourths {
width: 48%
}
div.wpforms-container-full .wpforms-form .wpforms-one-third,
div.wpforms-container-full .wpforms-form .wpforms-two-sixths {
width: 30.6666666667%
}
div.wpforms-container-full .wpforms-form .wpforms-four-sixths,
div.wpforms-container-full .wpforms-form .wpforms-two-thirds {
width: 65.3333333333%
}
div.wpforms-container-full .wpforms-form .wpforms-one-fourth {
width: 22%
}
div.wpforms-container-full .wpforms-form .wpforms-three-fourths {
width: 74%
}
div.wpforms-container-full .wpforms-form .wpforms-one-fifth {
width: 16.8%
}
div.wpforms-container-full .wpforms-form .wpforms-two-fifths {
width: 37.6%
}
div.wpforms-container-full .wpforms-form .wpforms-three-fifths {
width: 58.4%
}
div.wpforms-container-full .wpforms-form .wpforms-four-fifths {
width: 79.2%
}
div.wpforms-container-full .wpforms-form .wpforms-one-sixth {
width: 13.3333333333%
}
div.wpforms-container-full .wpforms-form .wpforms-five-sixths {
width: 82.6666666667%
}
div.wpforms-container-full .wpforms-form .wpforms-first {
clear: both !important;
margin-left: 0 !important
}
div.wpforms-container-full .wpforms-form .wpforms-checkbox-2-columns ul,
div.wpforms-container-full .wpforms-form .wpforms-checkbox-3-columns ul,
div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul,
div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul,
div.wpforms-container-full .wpforms-form .wpforms-multiplechoice-2-columns ul,
div.wpforms-container-full .wpforms-form .wpforms-multiplechoice-3-columns ul {
display: -ms-flex;
display: flex;
flex-wrap: wrap
}
div.wpforms-container-full .wpforms-form .wpforms-checkbox-2-columns ul li,
div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul li,
div.wpforms-container-full .wpforms-form .wpforms-multiplechoice-2-columns ul li {
width: 50%;
display: block;
padding-right: 26px !important
}
div.wpforms-container-full .wpforms-form .wpforms-checkbox-3-columns ul li,
div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul li,
div.wpforms-container-full .wpforms-form .wpforms-multiplechoice-3-columns ul li {
width: 33.3333%;
display: block;
padding-right: 26px !important
}
div.wpforms-container-full .wpforms-form .wpforms-list-inline ul li {
display: inline-block;
vertical-align: top;
margin-right: 20px !important
}
div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-first-half {
float: left;
width: 48%;
clear: both
}
div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-last-half {
float: right;
width: 48%;
clear: none
}
div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-first-third {
float: left;
width: 30.666666667%;
clear: both
}
div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-middle-third {
float: left;
width: 30.666666667%;
margin-left: 4%;
clear: none
}
div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-last-third {
float: right;
width: 30.666666667%;
clear: none
}
div.wpforms-container-full .wpforms-form div.wpforms-last {
float: right !important;
margin-right: 0 !important;
clear: none
}
div.wpforms-container-full.inline-fields {
overflow: hidden
}
div.wpforms-container-full.inline-fields .wpforms-form .wpforms-field-container {
display: table;
width: calc(100% - 160px);
float: left
}
div.wpforms-container-full.inline-fields .wpforms-form .wpforms-field {
display: table-cell;
padding-right: 2%;
vertical-align: top
}
div.wpforms-container-full.inline-fields .wpforms-form .wpforms-submit-container {
float: right;
width: 160px;
clear: none
}
div.wpforms-container-full.inline-fields .wpforms-form .wpforms-submit {
display: block;
width: 100%
}
div.wpforms-container-full.inline-fields .wpforms-form .wpforms-field-row.wpforms-field-medium,
div.wpforms-container-full.inline-fields .wpforms-form input.wpforms-field-medium,
div.wpforms-container-full.inline-fields .wpforms-form select.wpforms-field-medium {
max-width: 100%
}
div.wpforms-container-full .wpforms-form input[type=date],
div.wpforms-container-full .wpforms-form input[type=datetime-local],
div.wpforms-container-full .wpforms-form input[type=datetime],
div.wpforms-container-full .wpforms-form input[type=email],
div.wpforms-container-full .wpforms-form input[type=month],
div.wpforms-container-full .wpforms-form input[type=number],
div.wpforms-container-full .wpforms-form input[type=password],
div.wpforms-container-full .wpforms-form input[type=range],
div.wpforms-container-full .wpforms-form input[type=search],
div.wpforms-container-full .wpforms-form input[type=tel],
div.wpforms-container-full .wpforms-form input[type=text],
div.wpforms-container-full .wpforms-form input[type=time],
div.wpforms-container-full .wpforms-form input[type=url],
div.wpforms-container-full .wpforms-form input[type=week],
div.wpforms-container-full .wpforms-form select,
div.wpforms-container-full .wpforms-form textarea {
background-color: #fff;
box-sizing: border-box;
border-radius: 2px;
color: #333;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
display: block;
float: none;
font-size: 16px;
font-family: inherit;
border: 1px solid #ccc;
padding: 6px 10px;
height: 38px;
width: 100%;
line-height: 1.3
}
div.wpforms-container-full .wpforms-form input[type=checkbox],
div.wpforms-container-full .wpforms-form input[type=radio] {
border: 1px solid #ccc;
background-color: #fff;
width: 14px;
height: 14px;
margin: 0 10px 0 3px;
display: inline-block;
vertical-align: baseline
}
div.wpforms-container-full .wpforms-form input[type=radio] {
border-radius: 50%
}
div.wpforms-container-full .wpforms-form select {
max-width: 100%;
text-transform: none;
white-space: nowrap
}
div.wpforms-container-full .wpforms-form select[multiple] {
height: auto;
overflow-y: scroll;
background-image: none
}
div.wpforms-container-full .wpforms-form .wpforms-page-button,
div.wpforms-container-full .wpforms-form button[type=submit],
div.wpforms-container-full .wpforms-form input[type=submit] {
background-color: #eee;
border: 1px solid #ddd;
color: #333;
font-size: 1em;
padding: 10px 15px
}
div.wpforms-container-full .wpforms-form .wpforms-page-button {
font-size: .9em;
font-weight: 400;
margin: 0 5px;
min-width: 90px;
text-align: center
}
div.wpforms-container-full .wpforms-form .wpforms-page-button:active,
div.wpforms-container-full .wpforms-form .wpforms-page-button:focus,
div.wpforms-container-full .wpforms-form .wpforms-page-button:hover,
div.wpforms-container-full .wpforms-form button[type=submit]:active,
div.wpforms-container-full .wpforms-form button[type=submit]:focus,
div.wpforms-container-full .wpforms-form button[type=submit]:hover,
div.wpforms-container-full .wpforms-form input[type=submit]:active,
div.wpforms-container-full .wpforms-form input[type=submit]:focus,
div.wpforms-container-full .wpforms-form input[type=submit]:hover {
background-color: #ddd;
border: 1px solid #ccc;
cursor: pointer
}
div.wpforms-container-full .wpforms-form .wpforms-page-button:disabled,
div.wpforms-container-full .wpforms-form button[type=submit]:disabled,
div.wpforms-container-full .wpforms-form input[type=submit]:disabled {
background-color: #eee;
border: 1px solid #ddd;
cursor: default;
opacity: .5
}
div.wpforms-container-full .wpforms-form .is-focused .choices__inner,
div.wpforms-container-full .wpforms-form .is-open .choices__inner,
div.wpforms-container-full .wpforms-form .is-open .choices__list--dropdown,
div.wpforms-container-full .wpforms-form input:focus,
div.wpforms-container-full .wpforms-form select:focus,
div.wpforms-container-full .wpforms-form textarea:focus {
border: 1px solid #999;
box-shadow: none
}
div.wpforms-container-full .wpforms-form input:disabled,
div.wpforms-container-full .wpforms-form select:disabled,
div.wpforms-container-full .wpforms-form textarea:disabled {
background-color: #f9f9f9;
border-color: #ddd;
color: #999;
cursor: not-allowed
}
div.wpforms-container-full .wpforms-form .wpforms-error-container,
div.wpforms-container-full .wpforms-form noscript.wpforms-error-noscript {
color: #900
}
div.wpforms-container-full .wpforms-form label.wpforms-error {
display: block;
color: #900;
font-size: 12px;
float: none;
cursor: default
}
div.wpforms-container-full .wpforms-form .wpforms-field input.user-invalid,
div.wpforms-container-full .wpforms-form .wpforms-field input.wpforms-error,
div.wpforms-container-full .wpforms-form .wpforms-field select.user-invalid,
div.wpforms-container-full .wpforms-form .wpforms-field select.wpforms-error,
div.wpforms-container-full .wpforms-form .wpforms-field textarea.user-invalid,
div.wpforms-container-full .wpforms-form .wpforms-field textarea.wpforms-error,
div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-has-error .choices__inner {
border: 1px solid #c00
}
div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-code label.wpforms-error,
div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-expiration label.wpforms-error {
display: none !important
}
.wpforms-confirmation-container-full,
div[submit-success]>.wpforms-confirmation-container-full {
color: #333;
margin: 0 auto 24px;
padding: 15px 15px;
overflow-wrap: break-word
}
.wpforms-confirmation-container-full,
div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
background: #e0ffc7;
border: 1px solid #b4d39b;
box-sizing: border-box
}
.wpforms-confirmation-container-full p:last-of-type,
div[submit-success]>.wpforms-confirmation-container-full p:last-of-type {
margin: 0
}
.amp-form-submit-success .wpforms-field-container,
.amp-form-submit-success .wpforms-submit-container {
display: none
}
div.wpforms-container-full .wpforms-form .wpforms-recaptcha-container {
padding: 10px 0 20px 0;
clear: both
}
div.wpforms-container-full .wpforms-form .wpforms-recaptcha-container.wpforms-is-turnstile-invisible {
padding: 0
}
div.wpforms-container-full .wpforms-form .wpforms-recaptcha-container.wpforms-is-turnstile .g-recaptcha {
line-height: 0;
font-size: 0
}
div.wpforms-container-full .wpforms-form .wpforms-recaptcha-container.wpforms-is-turnstile .g-recaptcha iframe {
position: relative !important
}
div.wpforms-container-full .wpforms-form .wpforms-recaptcha-container iframe {
width: 100%;
max-width: 100%
}
div.wpforms-container-full .wpforms-form .wpforms-title {
font-size: 26px;
margin: 0 0 10px 0
}
div.wpforms-container-full .wpforms-form .wpforms-description {
margin: 0 0 10px 0
}
div.wpforms-container-full .wpforms-form .wpforms-submit-container {
padding: 10px 0 0 0;
clear: both;
position: relative
}
div.wpforms-container-full .wpforms-form .wpforms-submit-spinner {
margin-left: .5em;
display: inline-block;
vertical-align: middle;
max-width: 26px
}
div.wpforms-container-full .wpforms-form .wpforms-pagebreak-center {
text-align: center
}
div.wpforms-container-full .wpforms-form .wpforms-pagebreak-left {
text-align: left
}
div.wpforms-container-full .wpforms-form .wpforms-pagebreak-left .wpforms-page-button {
margin: 0 10px 0 0
}
div.wpforms-container-full .wpforms-form .wpforms-pagebreak-right {
text-align: right
}
div.wpforms-container-full .wpforms-form .wpforms-pagebreak-right .wpforms-page-button {
margin: 0 0 0 10px
}
div.wpforms-container-full .wpforms-form .wpforms-pagebreak-split .wpforms-page-prev {
float: left;
margin: 0
}
div.wpforms-container-full .wpforms-form .wpforms-pagebreak-split .wpforms-page-next {
float: right;
margin: 0
}
div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-number {
margin-right: 100px
}
div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-code {
position: absolute;
right: 0;
top: 0;
width: 90px
}
div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-name {
margin-right: 170px
}
div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-expiration {
position: absolute;
right: 0;
top: 0;
width: 160px
}
div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-expiration select {
width: 45%;
float: left;
display: block
}
div.wpforms-container-full .wpforms-form .wpforms-field-credit-card-expiration span {
float: left;
width: 10%;
text-align: center;
line-height: 38px
}
div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
height: 10px;
background: #fff;
border: 1px solid #ccc;
border-radius: 5px;
outline: 0;
padding: 0;
margin: 10px 0 5px
}
div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]::-ms-track {
color: transparent
}
div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 17px;
height: 17px;
background: #b5b5b5;
cursor: pointer;
border-radius: 100%
}
div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]::-moz-range-thumb {
width: 17px;
height: 17px;
background: #b5b5b5;
cursor: pointer;
border-radius: 100%
}
div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]::-ms-thumb {
width: 17px;
height: 17px;
background: #b5b5b5;
cursor: pointer;
border-radius: 100%
}
div.wpforms-container-full .wpforms-form .wpforms-field-number-slider .wpforms-field-number-slider-hint {
font-size: 13px
}
div.wpforms-container-full .wpforms-form .wpforms-field-stripe-credit-card-cardnumber,
div.wpforms-container-full .wpforms-form input.wpforms-stripe-credit-card-hidden-input {
background-color: #fff;
box-sizing: border-box;
border-radius: 2px;
color: #333;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
display: block;
float: none;
font-size: 16px;
border: 1px solid #ccc;
padding: 8px 10px;
height: 38px;
width: 100%;
line-height: 1.3
}
div.wpforms-container-full .wpforms-form .wpforms-stripe-element-invalid {
border: 1px solid #c00 !important
}
div.wpforms-container-full .wpforms-form .wpforms-field-html ol,
div.wpforms-container-full .wpforms-form .wpforms-field-html ul {
margin: 0 0 20px !important
}
div.wpforms-container-full .wpforms-form .wpforms-field-html ol li,
div.wpforms-container-full .wpforms-form .wpforms-field-html ul li {
margin: 0 0 5px 0 !important
}
div.wpforms-container-full .wpforms-form .wpforms-field-html ul li {
list-style: disc !important
}
div.wpforms-container-full .wpforms-form .wpforms-field-html ol li {
list-style: decimal !important
}
div.wpforms-container-full .wpforms-form .wpforms-field-html li>ol,
div.wpforms-container-full .wpforms-form .wpforms-field-html li>ul {
margin: 6px 0 0 20px !important
}
div.wpforms-container-full .wpforms-field-date-time-date-sep {
display: inline-block;
padding: 0 5px
}
div.wpforms-container-full .wpforms-form .wpforms-field-date-time-date-day,
div.wpforms-container-full .wpforms-form .wpforms-field-date-time-date-month,
div.wpforms-container-full .wpforms-form .wpforms-field-date-time-date-year {
display: inline-block;
width: auto
}
div.wpforms-container-full .wpforms-datepicker-wrap {
position: relative
}
div.wpforms-container-full .wpforms-datepicker-wrap .wpforms-datepicker-clear {
position: absolute;
background-image: url(//www.kraiss.de/wp-content/themes/images/times-solid-white.svg);
background-position: 50% 50%;
background-repeat: no-repeat;
background-color: #ccc;
background-size: 8px;
width: 16px;
height: 16px;
cursor: pointer;
display: block;
border-radius: 50%;
right: 10px;
top: 50%;
margin-top: -8px;
transition: all .3s
}
div.wpforms-container-full .wpforms-datepicker-wrap .wpforms-datepicker-clear:hover {
background-color: red
}
div.wpforms-container-full .wpforms-datepicker-wrap .wpforms-field-small+.wpforms-datepicker-clear {
right: calc(75% + 10px)
}
div.wpforms-container-full .wpforms-datepicker-wrap .wpforms-field-medium+.wpforms-datepicker-clear {
right: calc(40% + 10px)
}
div.wpforms-container-full .wpforms-form .wpforms-captcha-math input {
display: inline-block;
width: 70px;
vertical-align: inherit;
margin: 0 0 0 5px
}
div.wpforms-container-full .wpforms-form .wpforms-captcha-equation {
font-size: 16px
}
div.wpforms-container-full .wpforms-form .wpforms-captcha-question {
margin: 0 0 4px 0
}
div.wpforms-container-full .wpforms-form .wpforms-field-rating-item {
padding-right: 6px
}
div.wpforms-container-full .wpforms-form .wpforms-field-rating svg {
cursor: pointer;
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
opacity: .6
}
div.wpforms-container-full .wpforms-form .wpforms-field-rating-item input:focus+svg,
div.wpforms-container-full .wpforms-form .wpforms-field-rating-item.hover svg,
div.wpforms-container-full .wpforms-form .wpforms-field-rating-item.selected svg {
transform: scale(1.3);
opacity: 1
}
div.wpforms-field-file-upload .wpforms-hide {
display: none !important
}
div.wpforms-field-file-upload .wpforms-file-upload-builder-modern {
border: 2px dashed rgba(0, 0, 0, .1);
background: rgba(0, 0, 0, .02);
padding: 20px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
cursor: pointer
}
div.wpforms-field-file-upload .wpforms-file-upload-builder-modern.wpforms-with-files {
padding: 5px;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap
}
div.wpforms-field-file-upload .wpforms-file-upload-builder-modern svg {
height: 50px;
width: 50px;
color: #e27730
}
div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-modern-title {
font-weight: 700
}
div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-modern-hint {
color: rgba(0, 0, 0, .1)
}
div.wpforms-field-file-upload .wpforms-file-upload-builder-modern.wpforms-highlighted {
border-color: #e27730
}
div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-text {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column
}
div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block {
width: 100px;
height: 100px;
border: 1px solid rgba(0, 0, 0, .1);
background: #fff;
background-size: cover !important;
margin: 5px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
cursor: default
}
div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block:hover .wpforms-overlay {
opacity: 1
}
div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block .wpforms-overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, .5);
opacity: 0
}
div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block .wpforms-overlay .wpforms-close {
position: absolute;
right: 5px;
top: 5px;
cursor: pointer;
display: block;
width: 18px;
height: 18px
}
div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block .wpforms-overlay .wpforms-title {
position: absolute;
font-size: 12px;
color: #fff;
top: 25px;
bottom: 10px;
left: 5px;
right: 5px;
overflow-y: auto;
line-height: 16px
}
div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block .wpforms-overlay .wpforms-close .wpforms-close-left,
div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block .wpforms-overlay .wpforms-close .wpforms-close-right {
height: 18px;
width: 1px;
background: #fff;
position: absolute;
display: block;
z-index: 1;
right: 9px
}
div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block .wpforms-overlay .wpforms-close .wpforms-close-left {
transform: rotate(-45deg)
}
div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block .wpforms-overlay .wpforms-close .wpforms-close-right {
transform: rotate(45deg)
}
div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block svg {
height: 25px;
width: 25px;
color: rgba(0, 0, 0, .1)
}
div.wpforms-field-file-upload .wpforms-file-upload-builder-modern .wpforms-preview-block .wpforms-progress {
height: 5px;
width: 0;
position: absolute;
bottom: 0;
left: 0;
background: #e27730;
transition: all .5s
}
div.wpforms-field-file-upload .wpforms-file-upload-builder-modern input[type=file] {
display: none
}
div.wpforms-container-full .wpforms-form ul.wpforms-image-choices label:not(.wpforms-error) {
cursor: pointer;
position: relative
}
div.wpforms-container-full .wpforms-form ul.wpforms-image-choices label input {
top: 50%
}
div.wpforms-container-full .wpforms-form .wpforms-list-inline ul.wpforms-image-choices-modern li {
margin: 5px 5px 5px 5px !important
}
div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern img {
display: inline-block;
margin: 0 auto;
max-width: 100%
}
div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern label:not(.wpforms-error) {
background-color: #fff;
display: block;
margin: 0 auto;
border: 1px solid #fff;
border-radius: 3px;
padding: 20px 20px 18px 20px;
transition: all .5s;
text-align: center
}
div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern label:not(.wpforms-error):focus,
div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern label:not(.wpforms-error):hover {
border: 1px solid #ddd
}
div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-selected label {
box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1)
}
div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-image-choices-image:after {
content: "\2714";
font-size: 22px;
line-height: 32px;
color: #fff;
background: green;
opacity: 0;
position: absolute;
top: 50%;
left: 50%;
margin: -16px 0 0 -16px;
width: 32px;
height: 32px;
border-radius: 50%;
transition: all .5s
}
div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-selected .wpforms-image-choices-image:after {
opacity: 1
}
div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-image-choices-image {
display: block;
position: relative
}
div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-selected .wpforms-image-choices-label {
font-weight: 700
}
div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-modern .wpforms-image-choices-label {
display: block;
margin-top: 12px
}
div.wpforms-container-full .wpforms-form .wpforms-list-inline ul.wpforms-image-choices-classic li {
margin: 0 10px 10px 0 !important
}
div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic img {
display: inline-block;
margin: 0 auto;
max-width: 100%
}
div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic label:not(.wpforms-error) {
background-color: #fff;
display: block;
margin: 0 auto;
border: 2px solid #fff;
padding: 10px;
text-align: center
}
div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic label:not(.wpforms-error):focus,
div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic label:not(.wpforms-error):hover {
border-color: #ddd
}
div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic .wpforms-image-choices-image {
display: block
}
div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic .wpforms-selected label {
border-color: #666 !important
}
div.wpforms-container-full .wpforms-form ul.wpforms-image-choices-classic .wpforms-image-choices-label {
display: block;
margin-top: 8px
}
div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices,
div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices * {
box-sizing: border-box
}
div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices {
display: flex;
flex-direction: column;
width: 100%;
padding: 0 !important;
margin: 12px 0 -20px 0 !important
}
div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices+.wpforms-error,
div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices+.wpforms-field-description {
margin-top: 15px
}
div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices li {
min-width: 120px;
padding-right: 0 !important;
margin: 0 0 20px 0 !important
}
div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices label {
position: relative;
display: block;
margin: 0;
cursor: pointer
}
div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices .wpforms-icon-choices-icon {
display: block
}
div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices svg {
margin: 0 auto;
fill: var(--wpforms-icon-choices-color)
}
div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-none svg {
margin: 0
}
div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default li,
div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li {
margin: 0 0 22px 0 !important
}
div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default label {
text-align: center
}
div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default label:focus-within .wpforms-icon-choices-icon {
box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color)
}
div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon {
position: relative;
z-index: 1;
margin-bottom: 10px;
padding: 15px 20px 45px 20px;
background-color: #fff;
box-shadow: 0 0 0 1px #ccc;
border-radius: 6px
}
div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon:hover {
box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color)
}
div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon svg {
position: relative;
z-index: 2
}
div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-icon-choices-icon-bg {
display: block;
position: absolute;
z-index: 0;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: 6px;
background-color: #fff
}
div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon {
background-color: transparent;
box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color);
box-sizing: border-box
}
div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-default .wpforms-selected .wpforms-icon-choices-icon-bg {
background-color: var(--wpforms-icon-choices-color);
opacity: .1
}
div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li label {
background-color: #fff !important;
box-shadow: 0 0 0 1px #ccc;
border-radius: 6px;
height: 100%;
padding: 20px 20px 15px 20px;
text-align: center
}
div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li label:hover {
box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color)
}
div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li:focus-within label {
box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color)
}
div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li.wpforms-selected label {
box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color), 0 2px 10px rgba(0, 0, 0, .15)
}
div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-modern li .wpforms-icon-choices-icon {
margin-bottom: 10px
}
div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-classic li label {
background-color: #fff !important;
height: 100%;
padding: 20px 20px 15px 20px;
text-align: center
}
div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-classic li label:hover {
box-shadow: 0 0 0 1px #999
}
div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-classic li:focus-within label {
box-shadow: 0 0 0 1px #999
}
div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-classic li.wpforms-selected label {
box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color)
}
div.wpforms-container-full .wpforms-form ul.wpforms-icon-choices.wpforms-icon-choices-classic li .wpforms-icon-choices-icon {
margin-bottom: 10px
}
div.wpforms-container-full .wpforms-form .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before,
div.wpforms-container-full .wpforms-form .wpforms-field-radio ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before {
content: "";
position: absolute;
z-index: 2;
bottom: 15px;
left: calc(50% - 8px);
display: block;
width: 16px;
height: 16px;
background-color: #fff;
box-shadow: 0 0 0 1px #ccc;
border-radius: 50%;
margin: 15px auto 0
}
div.wpforms-container-full .wpforms-form .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before,
div.wpforms-container-full .wpforms-form .wpforms-field-radio ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before {
box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color)
}
div.wpforms-container-full .wpforms-form .wpforms-field-payment-multiple ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after,
div.wpforms-container-full .wpforms-form .wpforms-field-radio ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after {
content: "";
position: absolute;
z-index: 2;
bottom: calc(15px + 4px);
left: calc(50% - 4px);
display: block;
width: 8px;
height: 8px;
background-color: var(--wpforms-icon-choices-color);
border-radius: 50%
}
div.wpforms-container-full .wpforms-form .wpforms-field-checkbox ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before,
div.wpforms-container-full .wpforms-form .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li .wpforms-icon-choices-icon:before {
content: "";
position: absolute;
z-index: 2;
bottom: 15px;
left: calc(50% - 8px);
display: block;
width: 16px;
height: 16px;
background-color: #fff;
box-shadow: 0 0 0 1px #ccc;
border-radius: 3px;
margin: 15px auto 0
}
div.wpforms-container-full .wpforms-form .wpforms-field-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before,
div.wpforms-container-full .wpforms-form .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:before {
box-shadow: 0 0 0 1px var(--wpforms-icon-choices-color)
}
div.wpforms-container-full .wpforms-form .wpforms-field-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after,
div.wpforms-container-full .wpforms-form .wpforms-field-payment-checkbox ul.wpforms-icon-choices-default li.wpforms-selected .wpforms-icon-choices-icon:after {
content: "";
box-sizing: border-box;
display: block;
position: absolute;
z-index: 2;
bottom: 23px;
left: calc(50% - 6px);
width: 6px;
height: 10px;
border-style: solid;
border-color: var(--wpforms-icon-choices-color);
border-width: 0 2px 2px 0;
transform-origin: bottom left;
transform: rotate(45deg)
}
div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul.wpforms-icon-choices,
div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul.wpforms-icon-choices,
div.wpforms-container-full .wpforms-form .wpforms-list-inline ul.wpforms-icon-choices {
flex-direction: row;
flex-wrap: wrap
}
div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul.wpforms-icon-choices li,
div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul.wpforms-icon-choices li,
div.wpforms-container-full .wpforms-form .wpforms-list-inline ul.wpforms-icon-choices li {
margin-right: 20px !important
}
div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li,
div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li,
div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li,
div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li,
div.wpforms-container-full .wpforms-form .wpforms-list-inline ul.wpforms-icon-choices.wpforms-icon-choices-default li,
div.wpforms-container-full .wpforms-form .wpforms-list-inline ul.wpforms-icon-choices.wpforms-icon-choices-modern li {
margin-right: 22px !important;
margin-bottom: 22px !important
}
div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul.wpforms-icon-choices li {
width: calc(100% / 2 - 20px / 2)
}
div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul.wpforms-icon-choices li:nth-child(2n) {
margin-right: 0 !important
}
div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li,
div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li {
width: calc(100% / 2 - 22px / 2)
}
div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul.wpforms-icon-choices li {
width: calc(100% / 3 - 20px * 2 / 3)
}
div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul.wpforms-icon-choices li:nth-child(3n) {
margin-right: 0 !important
}
div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-default li,
div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul.wpforms-icon-choices.wpforms-icon-choices-modern li {
width: calc(100% / 3 - 22px * 2 / 3)
}
div.wpforms-container-full .wpforms-form .wpforms-list-inline ul.wpforms-icon-choices li {
width: auto;
max-width: calc(100% / 4 - 20px)
}
div.wpforms-container-full .wpforms-form .wpforms-page-indicator {
margin: 0 0 20px 0;
overflow: hidden
}
div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles {
border-top: 1px solid #dfdfdf;
border-bottom: 1px solid #dfdfdf;
padding: 15px 10px
}
div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles .wpforms-page-indicator-page {
float: left;
margin: 0 20px 0 0
}
div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles .wpforms-page-indicator-page:last-of-type {
margin: 0
}
div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles .wpforms-page-indicator-page-number {
height: 40px;
width: 40px;
border-radius: 50%;
display: inline-block;
margin: 0 10px 0 0;
line-height: 40px;
text-align: center;
background-color: #ddd;
color: #666
}
div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles .active .wpforms-page-indicator-page-number {
color: #fff
}
div.wpforms-container-full .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page {
float: left;
text-align: center;
font-size: 16px;
line-height: 1.2
}
div.wpforms-container-full .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page-number {
display: block;
text-indent: -9999px;
height: 6px;
background-color: #ddd;
margin: 0 0 16px 0;
position: relative
}
div.wpforms-container-full .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page-triangle {
position: absolute;
top: 100%;
left: 50%;
width: 0;
height: 0;
margin-left: -5px;
border-style: solid;
border-width: 6px 5px 0 5px;
border-color: transparent transparent transparent transparent
}
div.wpforms-container-full .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page-title {
display: inline-block;
padding: 0 15px;
font-size: 16px
}
div.wpforms-container-full .wpforms-form .wpforms-page-indicator.progress {
font-size: 18px
}
div.wpforms-container-full .wpforms-form .wpforms-page-indicator.progress .wpforms-page-indicator-page-progress-wrap {
display: block;
width: 100%;
background-color: #ddd;
height: 18px;
border-radius: 10px;
overflow: hidden;
position: relative;
margin: 5px 0 0
}
div.wpforms-container-full .wpforms-form .wpforms-page-indicator.progress .wpforms-page-indicator-page-progress {
height: 18px;
position: absolute;
left: 0;
top: 0
}
div.wpforms-container-full .wpforms-form .wpforms-field-select select>option {
color: inherit
}
div.wpforms-container-full .wpforms-form .wpforms-field-select select>option.placeholder,
div.wpforms-container-full .wpforms-form .wpforms-field-select select>option[disabled] {
color: inherit;
opacity: .5
}
div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select {
padding-left: 6px
}
div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select[multiple] {
padding: 0
}
div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select[multiple]>option {
padding: 10px;
box-shadow: 0 1px 0 0 rgba(0, 0, 0, .1)
}
div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select[multiple]>option.placeholder,
div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select[multiple]>option[disabled] {
box-shadow: 0 1px 0 0 rgba(0, 0, 0, .2)
}
div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select[multiple]>option:checked {
background-color: #d3d3d3
}
div.wpforms-container-full .wpforms-form .choices {
font-size: 16px;
color: #333
}
div.wpforms-container-full .wpforms-form .choices .choices__list--single {
font-size: 1em;
line-height: normal
}
div.wpforms-container-full .wpforms-form .choices.is-open .choices__list--dropdown,
div.wpforms-container-full .wpforms-form .choices.is-open.is-flipped .choices__inner {
border-radius: 0 0 2px 2px
}
div.wpforms-container-full .wpforms-form .choices.is-open .choices__inner,
div.wpforms-container-full .wpforms-form .choices.is-open.is-flipped .choices__list--dropdown {
border-radius: 2px 2px 0 0
}
div.wpforms-container-full .wpforms-form .choices .choices__inner {
min-height: 38px;
border-radius: 2px
}
div.wpforms-container-full .wpforms-form .choices input.choices__input {
display: inline-block;
height: auto;
line-height: 1.3
}
div.wpforms-container-full .wpforms-form .choices ::-webkit-input-placeholder {
color: inherit;
opacity: .5
}
div.wpforms-container-full .wpforms-form .choices ::-moz-placeholder {
color: inherit;
opacity: .5
}
div.wpforms-container-full .wpforms-form .choices :-ms-input-placeholder {
color: inherit;
opacity: .5
}
div.wpforms-container-full .wpforms-notice {
background-color: #fff;
border: 1px solid #ddd;
border-left-width: 12px;
color: #333;
font-size: 16px;
line-height: 1.5;
margin-bottom: 30px;
padding: 20px 36px 20px 26px;
position: relative
}
div.wpforms-container-full .wpforms-notice .wpforms-delete {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
-moz-appearance: none;
-webkit-appearance: none;
background-color: rgba(10, 10, 10, .2);
border: none;
border-radius: 290486px;
cursor: pointer;
display: inline-block;
height: 20px;
margin: 0;
padding: 0;
outline: 0;
vertical-align: top;
width: 20px;
position: absolute;
right: 10px;
top: 10px
}
div.wpforms-container-full .wpforms-notice .wpforms-delete:after,
div.wpforms-container-full .wpforms-notice .wpforms-delete:before {
background-color: #fff;
content: "";
display: block;
left: 50%;
position: absolute;
top: 50%;
transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform-origin: center center
}
div.wpforms-container-full .wpforms-notice .wpforms-delete:before {
height: 2px;
width: 50%
}
div.wpforms-container-full .wpforms-notice .wpforms-delete:after {
height: 50%;
width: 2px
}
div.wpforms-container-full .wpforms-notice .wpforms-delete:focus,
div.wpforms-container-full .wpforms-notice .wpforms-delete:hover {
background-color: rgba(10, 10, 10, .3)
}
div.wpforms-container-full .wpforms-notice a {
text-decoration: underline
}
div.wpforms-container-full .wpforms-notice p {
margin: 0 0 20px 0
}
div.wpforms-container-full .wpforms-notice p:last-of-type {
margin-bottom: 0
}
div.wpforms-container-full .wpforms-notice.wpforms-info,
div.wpforms-container-full .wpforms-notice.wpforms-info .wpforms-notice-action {
border-color: #3273dc
}
div.wpforms-container-full .wpforms-notice.wpforms-success,
div.wpforms-container-full .wpforms-notice.wpforms-success .wpforms-notice-action {
border-color: #23d160
}
div.wpforms-container-full .wpforms-notice.wpforms-warning,
div.wpforms-container-full .wpforms-notice.wpforms-warning .wpforms-notice-action {
border-color: #ffdd57
}
div.wpforms-container-full .wpforms-notice.wpforms-error,
div.wpforms-container-full .wpforms-notice.wpforms-error .wpforms-notice-action {
border-color: #ff3860
}
div.wpforms-container-full .wpforms-notice .wpforms-notice-actions {
margin-top: 20px
}
div.wpforms-container-full .wpforms-notice .wpforms-notice-action {
border: 2px solid;
margin-right: 20px;
padding: 5px;
text-decoration: none
}
div.wpforms-container-full .wpforms-notice .wpforms-notice-action:active,
div.wpforms-container-full .wpforms-notice .wpforms-notice-action:focus,
div.wpforms-container-full .wpforms-notice .wpforms-notice-action:hover {
color: #fff
}
div.wpforms-container-full .wpforms-notice.wpforms-info .wpforms-notice-action:active,
div.wpforms-container-full .wpforms-notice.wpforms-info .wpforms-notice-action:focus,
div.wpforms-container-full .wpforms-notice.wpforms-info .wpforms-notice-action:hover {
background-color: #3273dc
}
div.wpforms-container-full .wpforms-notice.wpforms-success .wpforms-notice-action:active,
div.wpforms-container-full .wpforms-notice.wpforms-success .wpforms-notice-action:focus,
div.wpforms-container-full .wpforms-notice.wpforms-success .wpforms-notice-action:hover {
background-color: #23d160
}
div.wpforms-container-full .wpforms-notice.wpforms-warning .wpforms-notice-action:active,
div.wpforms-container-full .wpforms-notice.wpforms-warning .wpforms-notice-action:focus,
div.wpforms-container-full .wpforms-notice.wpforms-warning .wpforms-notice-action:hover {
background-color: #ffdd57;
color: inherit
}
div.wpforms-container-full .wpforms-notice.wpforms-error .wpforms-notice-action:active,
div.wpforms-container-full .wpforms-notice.wpforms-error .wpforms-notice-action:focus,
div.wpforms-container-full .wpforms-notice.wpforms-error .wpforms-notice-action:hover {
background-color: #ff3860
}
div.wpforms-container-full .wpforms-form textarea.wpforms-field-small.wp-editor-area {
height: 100px
}
div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium.wp-editor-area {
height: 250px
}
div.wpforms-container-full .wpforms-form textarea.wpforms-field-large.wp-editor-area {
height: 400px
}
.wpforms-preview-notice-links {
line-height: 2.4
}
div.wpforms-container-full {
margin: 24px auto
}
div.wpforms-container-full .wpforms-form h3 {
font-size: 24px
}
div.wpforms-container-full .wpforms-form .wpforms-field-hp {
display: none !important;
position: absolute !important;
left: -9000px !important
}
div.wpforms-container-full .wpforms-form .wpforms-field-hidden {
display: none;
padding: 0
}
div.wpforms-container-full .wpforms-form .wpforms-screen-reader-element {
position: absolute !important;
clip: rect(0, 0, 0, 0) !important;
height: 1px !important;
width: 1px !important;
border: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
word-wrap: normal !important
}
div.wpforms-container-full .wpforms-form .wpforms-limit-text {
font-size: 13px;
display: block
}
body.rtl .wpforms-field-phone input[type=tel] {
direction: ltr;
unicode-bidi: embed;
text-align: right
}
body.rtl .wpforms-container-full .wpforms-form .wpforms-first {
float: right
}
body.rtl .wpforms-container-full .wpforms-form .wpforms-first+.wpforms-one-half {
margin-right: 4%;
margin-left: 0
}
div.wpforms-container-full .wpforms-form .wpforms-error-container ul li {
list-style: inside !important
}
div.wpforms-container-full .wpforms-form .wpforms-error-container ol li {
list-style: inside decimal !important
}
div.wpforms-container-full .wpforms-form .wpforms-error-container a {
text-decoration: underline !important
}
div.wpforms-container-full .wpforms-form .wpforms-error-container del {
text-decoration: line-through !important
}
div.wpforms-container-full .wpforms-form .wpforms-error-container blockquote {
padding-left: 20px;
border-left: 4px solid;
font-style: italic
}
@media only screen and (max-width:600px) {
div.wpforms-container-full.inline-fields .wpforms-form .wpforms-field,
div.wpforms-container-full.inline-fields .wpforms-form .wpforms-field-container {
display: block;
width: 100%
}
div.wpforms-container-full.inline-fields .wpforms-form .wpforms-submit-container {
width: 100%
}
div.wpforms-container-full .wpforms-form .wpforms-page-indicator.connector .wpforms-page-indicator-page-title {
display: none
}
div.wpforms-container-full .wpforms-form .wpforms-field:not(.wpforms-field-phone):not(.wpforms-field-select-style-modern) {
overflow-x: hidden
}
div.wpforms-container-full .wpforms-form .wpforms-field>* {
max-width: 100%
}
div.wpforms-container-full .wpforms-form .wpforms-mobile-full {
width: 100%;
margin-left: 0;
float: none
}
div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-large,
div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium,
div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-small,
div.wpforms-container-full .wpforms-form input.wpforms-field-large,
div.wpforms-container-full .wpforms-form input.wpforms-field-medium,
div.wpforms-container-full .wpforms-form input.wpforms-field-small,
div.wpforms-container-full .wpforms-form select.wpforms-field-large,
div.wpforms-container-full .wpforms-form select.wpforms-field-medium,
div.wpforms-container-full .wpforms-form select.wpforms-field-small {
max-width: 100%
}
div.wpforms-container-full .wpforms-form .wpforms-checkbox-2-columns ul li,
div.wpforms-container-full .wpforms-form .wpforms-checkbox-3-columns ul li,
div.wpforms-container-full .wpforms-form .wpforms-list-2-columns ul li,
div.wpforms-container-full .wpforms-form .wpforms-list-3-columns ul li,
div.wpforms-container-full .wpforms-form .wpforms-multiplechoice-2-columns ul li,
div.wpforms-container-full .wpforms-form .wpforms-multiplechoice-3-columns ul li {
float: none;
width: 100%
}
div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles .wpforms-page-indicator-page {
margin: 0 10px 0 0
}
div.wpforms-container-full .wpforms-form .wpforms-page-indicator.circles .wpforms-page-indicator-page-number {
width: 30px;
height: 30px;
line-height: 30px
}
div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range] {
margin: 20px 0 15px
}
div.wpforms-container-full .wpforms-form .wpforms-field-number-slider input[type=range]::-webkit-slider-thumb {
width: 30px;
height: 30px
}
} html {
line-height: 1.15;
-webkit-text-size-adjust: 100%
}
body {
margin: 0
}
main {
display: block
}
h1 {
font-size: 2em;
margin: .67em 0
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible
}
pre {
font-family: monospace, monospace;
font-size: 1em
}
a {
background-color: transparent
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted
}
b,
strong {
font-weight: bolder
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em
}
small {
font-size: 80%
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
img {
border-style: none
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0
}
button,
input {
overflow: visible
}
button,
select {
text-transform: none
}
[type=button],
[type=reset],
[type=submit],
button {
-webkit-appearance: button
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
border-style: none;
padding: 0
}
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
outline: 1px dotted ButtonText
}
fieldset {
padding: .35em .75em .625em
}
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal
}
progress {
vertical-align: baseline
}
textarea {
overflow: auto
}
[type=checkbox],
[type=radio] {
box-sizing: border-box;
padding: 0
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px
}
[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}
details {
display: block
}
summary {
display: list-item
}
template {
display: none
}
[hidden] {
display: none
}
* {
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility !important;
-webkit-font-smoothing: antialiased !important;
box-sizing: border-box
}
img,
picture {
width: 100%;
height: auto;
display: block
}
button {
cursor: pointer
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0
}
.vc_row {
margin: 0 !important
}
.vc_column_container>.vc_column-inner {
padding: 0 !important
}
.vc_column_container {
padding-left: 0 !important;
padding-right: 0 !important
}
.otgs-development-site-front-end {
display: none !important
}
.compose-mode .vc_container-block .vc_column_container .vc_controls>.vc_controls-out-tl {
left: inherit !important;
right: -1px !important
}
.vc_non_responsive .vc_row .vc_col-sm-12 {
min-height: 0 !important
}
@use 'sass:math';
.flex {
display: flex !important;
flex-wrap: nowrap !important
}
.flex-end {
display: flex;
justify-content: flex-end
}
.flex-w {
display: flex;
flex-wrap: wrap
}
.i-flex {
display: inline-flex
}
.i-flex-w {
display: inline-flex;
flex-wrap: wrap
}
.p-0 {
padding: 0
}
.p-1 {
padding: 5px
}
.p-2 {
padding: 10px
}
.p-3 {
padding: 20px
}
.p-4 {
padding: 30px
}
.p-5 {
padding: 40px
}
.p-6 {
padding: 50px
}
.pl-0 {
padding-left: 0
}
.pl-1 {
padding-left: 5px
}
.pl-2 {
padding-left: 10px
}
.pl-3 {
padding-left: 20px
}
.pl-4 {
padding-left: 30px
}
.pl-5 {
padding-left: 40px
}
.pl-6 {
padding-left: 50px
}
.pt-0 {
padding-top: 0
}
.pt-1 {
padding-top: 5px
}
.pt-2 {
padding-top: 10px
}
.pt-3 {
padding-top: 20px
}
.pt-4 {
padding-top: 30px
}
.pt-5 {
padding-top: 40px
}
.pt-6 {
padding-top: 50px
}
.pr-0 {
padding-right: 0
}
.pr-1 {
padding-right: 5px
}
.pr-2 {
padding-right: 10px
}
.pr-3 {
padding-right: 20px
}
.pr-4 {
padding-right: 30px
}
.pr-5 {
padding-right: 40px
}
.pr-6 {
padding-right: 50px
}
.pb-0 {
padding-bottom: 0
}
.pb-1 {
padding-bottom: 5px
}
.pb-2 {
padding-bottom: 10px
}
.pb-3 {
padding-bottom: 20px
}
.pb-4 {
padding-bottom: 30px
}
.pb-5 {
padding-bottom: 40px
}
.pb-6 {
padding-bottom: 50px
}
.m-0 {
margin: 0
}
.m-1 {
margin: 5px
}
.m-2 {
margin: 10px
}
.m-3 {
margin: 20px
}
.m-4 {
margin: 30px
}
.m-5 {
margin: 40px
}
.m-6 {
margin: 50px
}
.ml-0 {
margin-left: 0
}
.ml-1 {
margin-left: 5px
}
.ml-2 {
margin-left: 10px
}
.ml-3 {
margin-left: 20px
}
.ml-4 {
margin-left: 30px
}
.ml-5 {
margin-left: 40px
}
.ml-6 {
margin-left: 50px
}
.mt-0 {
margin-top: 0
}
.mt-1 {
margin-top: 5px
}
.mt-2 {
margin-top: 10px
}
.mt-3 {
margin-top: 20px
}
.mt-4 {
margin-top: 30px
}
.mt-5 {
margin-top: 40px
}
.mt-6 {
margin-top: 50px
}
.mr-0 {
margin-right: 0
}
.mr-1 {
margin-right: 5px
}
.mr-2 {
margin-right: 10px
}
.mr-3 {
margin-right: 20px
}
.mr-4 {
margin-right: 30px
}
.mr-5 {
margin-right: 40px
}
.mr-6 {
margin-right: 50px
}
.mb-0 {
margin-bottom: 0
}
.mb-1 {
margin-bottom: 5px
}
.mb-2 {
margin-bottom: 10px
}
.mb-3 {
margin-bottom: 20px
}
.mb-4 {
margin-bottom: 30px
}
.mb-5 {
margin-bottom: 40px
}
.mb-6 {
margin-bottom: 50px
}
.o-0 {
opacity: 0
}
.o-10 {
opacity: .1
}
.o-20 {
opacity: .2
}
.o-30 {
opacity: .3
}
.o-40 {
opacity: .4
}
.o-50 {
opacity: .5
}
.o-60 {
opacity: .6
}
.o-70 {
opacity: .7
}
.o-80 {
opacity: .8
}
.o-90 {
opacity: .9
}
.o-100 {
opacity: 1
}
.br-none {
border-radius: 0
}
.br-xs {
border-radius: 2px
}
.br-sm {
border-radius: 4px
}
.br-md {
border-radius: 8px
}
.br-lg {
border-radius: 16px
}
.br-full {
border-radius: 50%
}
.font-xs {
font-size: .5rem
}
.font-sm {
font-size: 1rem
}
.font-md {
font-size: 1.5rem
}
.font-lg {
font-size: 2rem
}
.font-xl {
font-size: 2.5rem
}
.lh-1 {
line-height: 1
}
.lh-11 {
line-height: 1.1
}
.lh-12 {
line-height: 1.2
}
.lh-13 {
line-height: 1.3
}
.lh-14 {
line-height: 1.4
}
.lh-15 {
line-height: 1.5
}
.maxw-1 {
max-width: 8.33333%
}
.maxw-2 {
max-width: 16.66666%
}
.maxw-3 {
max-width: 25%
}
.maxw-4 {
max-width: 33.3333%
}
.maxw-5 {
max-width: 41.66666%
}
.maxw-6 {
max-width: 50%
}
.maxw-7 {
max-width: 58.33333%
}
.maxw-8 {
max-width: 66.66666%
}
.maxw-9 {
max-width: 75%
}
.maxw-10 {
max-width: 83.33333%
}
.maxw-11 {
max-width: 91.66666%
}
.maxw-12 {
max-width: 100%
}
.minw-1 {
min-width: 5px
}
.minw-2 {
min-width: 10px
}
.minw-3 {
min-width: 15px
}
.minw-4 {
min-width: 20px
}
.minw-5 {
min-width: 25px
}
.minw-6 {
min-width: 30px
}
.minw-7 {
min-width: 35px
}
.minw-8 {
min-width: 40px
}
.minw-9 {
min-width: 45px
}
.minw-10 {
min-width: 50px
}
.minw-11 {
min-width: 55px
}
.minw-12 {
min-width: 60px
}
@media (min-width:480px) {
.p-xs-0 {
padding: 0
}
}
@media (min-width:480px) {
.p-xs-1 {
padding: 5px
}
}
@media (min-width:480px) {
.p-xs-2 {
padding: 10px
}
}
@media (min-width:480px) {
.p-xs-3 {
padding: 20px
}
}
@media (min-width:480px) {
.p-xs-4 {
padding: 30px
}
}
@media (min-width:480px) {
.p-xs-5 {
padding: 40px
}
}
@media (min-width:480px) {
.p-xs-6 {
padding: 50px
}
}
@media (min-width:480px) {
.pl-xs-0 {
padding-left: 0
}
}
@media (min-width:480px) {
.pl-xs-1 {
padding-left: 5px
}
}
@media (min-width:480px) {
.pl-xs-2 {
padding-left: 10px
}
}
@media (min-width:480px) {
.pl-xs-3 {
padding-left: 20px
}
}
@media (min-width:480px) {
.pl-xs-4 {
padding-left: 30px
}
}
@media (min-width:480px) {
.pl-xs-5 {
padding-left: 40px
}
}
@media (min-width:480px) {
.pl-xs-6 {
padding-left: 50px
}
}
@media (min-width:480px) {
.pt-xs-0 {
padding-top: 0
}
}
@media (min-width:480px) {
.pt-xs-1 {
padding-top: 5px
}
}
@media (min-width:480px) {
.pt-xs-2 {
padding-top: 10px
}
}
@media (min-width:480px) {
.pt-xs-3 {
padding-top: 20px
}
}
@media (min-width:480px) {
.pt-xs-4 {
padding-top: 30px
}
}
@media (min-width:480px) {
.pt-xs-5 {
padding-top: 40px
}
}
@media (min-width:480px) {
.pt-xs-6 {
padding-top: 50px
}
}
@media (min-width:480px) {
.pr-xs-0 {
padding-right: 0
}
}
@media (min-width:480px) {
.pr-xs-1 {
padding-right: 5px
}
}
@media (min-width:480px) {
.pr-xs-2 {
padding-right: 10px
}
}
@media (min-width:480px) {
.pr-xs-3 {
padding-right: 20px
}
}
@media (min-width:480px) {
.pr-xs-4 {
padding-right: 30px
}
}
@media (min-width:480px) {
.pr-xs-5 {
padding-right: 40px
}
}
@media (min-width:480px) {
.pr-xs-6 {
padding-right: 50px
}
}
@media (min-width:480px) {
.pb-xs-0 {
padding-bottom: 0
}
}
@media (min-width:480px) {
.pb-xs-1 {
padding-bottom: 5px
}
}
@media (min-width:480px) {
.pb-xs-2 {
padding-bottom: 10px
}
}
@media (min-width:480px) {
.pb-xs-3 {
padding-bottom: 20px
}
}
@media (min-width:480px) {
.pb-xs-4 {
padding-bottom: 30px
}
}
@media (min-width:480px) {
.pb-xs-5 {
padding-bottom: 40px
}
}
@media (min-width:480px) {
.pb-xs-6 {
padding-bottom: 50px
}
}
@media (min-width:480px) {
.m-xs-0 {
margin: 0
}
}
@media (min-width:480px) {
.m-xs-1 {
margin: 5px
}
}
@media (min-width:480px) {
.m-xs-2 {
margin: 10px
}
}
@media (min-width:480px) {
.m-xs-3 {
margin: 20px
}
}
@media (min-width:480px) {
.m-xs-4 {
margin: 30px
}
}
@media (min-width:480px) {
.m-xs-5 {
margin: 40px
}
}
@media (min-width:480px) {
.m-xs-6 {
margin: 50px
}
}
@media (min-width:480px) {
.ml-xs-0 {
margin-left: 0
}
}
@media (min-width:480px) {
.ml-xs-1 {
margin-left: 5px
}
}
@media (min-width:480px) {
.ml-xs-2 {
margin-left: 10px
}
}
@media (min-width:480px) {
.ml-xs-3 {
margin-left: 20px
}
}
@media (min-width:480px) {
.ml-xs-4 {
margin-left: 30px
}
}
@media (min-width:480px) {
.ml-xs-5 {
margin-left: 40px
}
}
@media (min-width:480px) {
.ml-xs-6 {
margin-left: 50px
}
}
@media (min-width:480px) {
.mt-xs-0 {
margin-top: 0
}
}
@media (min-width:480px) {
.mt-xs-1 {
margin-top: 5px
}
}
@media (min-width:480px) {
.mt-xs-2 {
margin-top: 10px
}
}
@media (min-width:480px) {
.mt-xs-3 {
margin-top: 20px
}
}
@media (min-width:480px) {
.mt-xs-4 {
margin-top: 30px
}
}
@media (min-width:480px) {
.mt-xs-5 {
margin-top: 40px
}
}
@media (min-width:480px) {
.mt-xs-6 {
margin-top: 50px
}
}
@media (min-width:480px) {
.mr-xs-0 {
margin-right: 0
}
}
@media (min-width:480px) {
.mr-xs-1 {
margin-right: 5px
}
}
@media (min-width:480px) {
.mr-xs-2 {
margin-right: 10px
}
}
@media (min-width:480px) {
.mr-xs-3 {
margin-right: 20px
}
}
@media (min-width:480px) {
.mr-xs-4 {
margin-right: 30px
}
}
@media (min-width:480px) {
.mr-xs-5 {
margin-right: 40px
}
}
@media (min-width:480px) {
.mr-xs-6 {
margin-right: 50px
}
}
@media (min-width:480px) {
.mb-xs-0 {
margin-bottom: 0
}
}
@media (min-width:480px) {
.mb-xs-1 {
margin-bottom: 5px
}
}
@media (min-width:480px) {
.mb-xs-2 {
margin-bottom: 10px
}
}
@media (min-width:480px) {
.mb-xs-3 {
margin-bottom: 20px
}
}
@media (min-width:480px) {
.mb-xs-4 {
margin-bottom: 30px
}
}
@media (min-width:480px) {
.mb-xs-5 {
margin-bottom: 40px
}
}
@media (min-width:480px) {
.mb-xs-6 {
margin-bottom: 50px
}
}
@media (min-width:480px) {
.o-xs-0 {
opacity: 0
}
}
@media (min-width:480px) {
.o-xs-10 {
opacity: .1
}
}
@media (min-width:480px) {
.o-xs-20 {
opacity: .2
}
}
@media (min-width:480px) {
.o-xs-30 {
opacity: .3
}
}
@media (min-width:480px) {
.o-xs-40 {
opacity: .4
}
}
@media (min-width:480px) {
.o-xs-50 {
opacity: .5
}
}
@media (min-width:480px) {
.o-xs-60 {
opacity: .6
}
}
@media (min-width:480px) {
.o-xs-70 {
opacity: .7
}
}
@media (min-width:480px) {
.o-xs-80 {
opacity: .8
}
}
@media (min-width:480px) {
.o-xs-90 {
opacity: .9
}
}
@media (min-width:480px) {
.o-xs-100 {
opacity: 1
}
}
@media (min-width:480px) {
.br-xs-none {
border-radius: 0
}
}
@media (min-width:480px) {
.br-xs-xs {
border-radius: 2px
}
}
@media (min-width:480px) {
.br-xs-sm {
border-radius: 4px
}
}
@media (min-width:480px) {
.br-xs-md {
border-radius: 8px
}
}
@media (min-width:480px) {
.br-xs-lg {
border-radius: 16px
}
}
@media (min-width:480px) {
.br-xs-full {
border-radius: 50%
}
}
@media (min-width:480px) {
.font-xs-xs {
font-size: .5rem
}
}
@media (min-width:480px) {
.font-xs-sm {
font-size: 1rem
}
}
@media (min-width:480px) {
.font-xs-md {
font-size: 1.5rem
}
}
@media (min-width:480px) {
.font-xs-lg {
font-size: 2rem
}
}
@media (min-width:480px) {
.font-xs-xl {
font-size: 2.5rem
}
}
@media (min-width:480px) {
.lh-xs-1 {
line-height: 1
}
}
@media (min-width:480px) {
.lh-xs-11 {
line-height: 1.1
}
}
@media (min-width:480px) {
.lh-xs-12 {
line-height: 1.2
}
}
@media (min-width:480px) {
.lh-xs-13 {
line-height: 1.3
}
}
@media (min-width:480px) {
.lh-xs-14 {
line-height: 1.4
}
}
@media (min-width:480px) {
.lh-xs-15 {
line-height: 1.5
}
}
@media (min-width:480px) {
.maxw-xs-1 {
max-width: 8.33333%
}
}
@media (min-width:480px) {
.maxw-xs-2 {
max-width: 16.66666%
}
}
@media (min-width:480px) {
.maxw-xs-3 {
max-width: 25%
}
}
@media (min-width:480px) {
.maxw-xs-4 {
max-width: 33.3333%
}
}
@media (min-width:480px) {
.maxw-xs-5 {
max-width: 41.66666%
}
}
@media (min-width:480px) {
.maxw-xs-6 {
max-width: 50%
}
}
@media (min-width:480px) {
.maxw-xs-7 {
max-width: 58.33333%
}
}
@media (min-width:480px) {
.maxw-xs-8 {
max-width: 66.66666%
}
}
@media (min-width:480px) {
.maxw-xs-9 {
max-width: 75%
}
}
@media (min-width:480px) {
.maxw-xs-10 {
max-width: 83.33333%
}
}
@media (min-width:480px) {
.maxw-xs-11 {
max-width: 91.66666%
}
}
@media (min-width:480px) {
.maxw-xs-12 {
max-width: 100%
}
}
@media (min-width:480px) {
.minw-xs-1 {
min-width: 5px
}
}
@media (min-width:480px) {
.minw-xs-2 {
min-width: 10px
}
}
@media (min-width:480px) {
.minw-xs-3 {
min-width: 15px
}
}
@media (min-width:480px) {
.minw-xs-4 {
min-width: 20px
}
}
@media (min-width:480px) {
.minw-xs-5 {
min-width: 25px
}
}
@media (min-width:480px) {
.minw-xs-6 {
min-width: 30px
}
}
@media (min-width:480px) {
.minw-xs-7 {
min-width: 35px
}
}
@media (min-width:480px) {
.minw-xs-8 {
min-width: 40px
}
}
@media (min-width:480px) {
.minw-xs-9 {
min-width: 45px
}
}
@media (min-width:480px) {
.minw-xs-10 {
min-width: 50px
}
}
@media (min-width:480px) {
.minw-xs-11 {
min-width: 55px
}
}
@media (min-width:480px) {
.minw-xs-12 {
min-width: 60px
}
}
@media (min-width:640px) {
.p-sm-0 {
padding: 0
}
}
@media (min-width:640px) {
.p-sm-1 {
padding: 5px
}
}
@media (min-width:640px) {
.p-sm-2 {
padding: 10px
}
}
@media (min-width:640px) {
.p-sm-3 {
padding: 20px
}
}
@media (min-width:640px) {
.p-sm-4 {
padding: 30px
}
}
@media (min-width:640px) {
.p-sm-5 {
padding: 40px
}
}
@media (min-width:640px) {
.p-sm-6 {
padding: 50px
}
}
@media (min-width:640px) {
.pl-sm-0 {
padding-left: 0
}
}
@media (min-width:640px) {
.pl-sm-1 {
padding-left: 5px
}
}
@media (min-width:640px) {
.pl-sm-2 {
padding-left: 10px
}
}
@media (min-width:640px) {
.pl-sm-3 {
padding-left: 20px
}
}
@media (min-width:640px) {
.pl-sm-4 {
padding-left: 30px
}
}
@media (min-width:640px) {
.pl-sm-5 {
padding-left: 40px
}
}
@media (min-width:640px) {
.pl-sm-6 {
padding-left: 50px
}
}
@media (min-width:640px) {
.pt-sm-0 {
padding-top: 0
}
}
@media (min-width:640px) {
.pt-sm-1 {
padding-top: 5px
}
}
@media (min-width:640px) {
.pt-sm-2 {
padding-top: 10px
}
}
@media (min-width:640px) {
.pt-sm-3 {
padding-top: 20px
}
}
@media (min-width:640px) {
.pt-sm-4 {
padding-top: 30px
}
}
@media (min-width:640px) {
.pt-sm-5 {
padding-top: 40px
}
}
@media (min-width:640px) {
.pt-sm-6 {
padding-top: 50px
}
}
@media (min-width:640px) {
.pr-sm-0 {
padding-right: 0
}
}
@media (min-width:640px) {
.pr-sm-1 {
padding-right: 5px
}
}
@media (min-width:640px) {
.pr-sm-2 {
padding-right: 10px
}
}
@media (min-width:640px) {
.pr-sm-3 {
padding-right: 20px
}
}
@media (min-width:640px) {
.pr-sm-4 {
padding-right: 30px
}
}
@media (min-width:640px) {
.pr-sm-5 {
padding-right: 40px
}
}
@media (min-width:640px) {
.pr-sm-6 {
padding-right: 50px
}
}
@media (min-width:640px) {
.pb-sm-0 {
padding-bottom: 0
}
}
@media (min-width:640px) {
.pb-sm-1 {
padding-bottom: 5px
}
}
@media (min-width:640px) {
.pb-sm-2 {
padding-bottom: 10px
}
}
@media (min-width:640px) {
.pb-sm-3 {
padding-bottom: 20px
}
}
@media (min-width:640px) {
.pb-sm-4 {
padding-bottom: 30px
}
}
@media (min-width:640px) {
.pb-sm-5 {
padding-bottom: 40px
}
}
@media (min-width:640px) {
.pb-sm-6 {
padding-bottom: 50px
}
}
@media (min-width:640px) {
.m-sm-0 {
margin: 0
}
}
@media (min-width:640px) {
.m-sm-1 {
margin: 5px
}
}
@media (min-width:640px) {
.m-sm-2 {
margin: 10px
}
}
@media (min-width:640px) {
.m-sm-3 {
margin: 20px
}
}
@media (min-width:640px) {
.m-sm-4 {
margin: 30px
}
}
@media (min-width:640px) {
.m-sm-5 {
margin: 40px
}
}
@media (min-width:640px) {
.m-sm-6 {
margin: 50px
}
}
@media (min-width:640px) {
.ml-sm-0 {
margin-left: 0
}
}
@media (min-width:640px) {
.ml-sm-1 {
margin-left: 5px
}
}
@media (min-width:640px) {
.ml-sm-2 {
margin-left: 10px
}
}
@media (min-width:640px) {
.ml-sm-3 {
margin-left: 20px
}
}
@media (min-width:640px) {
.ml-sm-4 {
margin-left: 30px
}
}
@media (min-width:640px) {
.ml-sm-5 {
margin-left: 40px
}
}
@media (min-width:640px) {
.ml-sm-6 {
margin-left: 50px
}
}
@media (min-width:640px) {
.mt-sm-0 {
margin-top: 0
}
}
@media (min-width:640px) {
.mt-sm-1 {
margin-top: 5px
}
}
@media (min-width:640px) {
.mt-sm-2 {
margin-top: 10px
}
}
@media (min-width:640px) {
.mt-sm-3 {
margin-top: 20px
}
}
@media (min-width:640px) {
.mt-sm-4 {
margin-top: 30px
}
}
@media (min-width:640px) {
.mt-sm-5 {
margin-top: 40px
}
}
@media (min-width:640px) {
.mt-sm-6 {
margin-top: 50px
}
}
@media (min-width:640px) {
.mr-sm-0 {
margin-right: 0
}
}
@media (min-width:640px) {
.mr-sm-1 {
margin-right: 5px
}
}
@media (min-width:640px) {
.mr-sm-2 {
margin-right: 10px
}
}
@media (min-width:640px) {
.mr-sm-3 {
margin-right: 20px
}
}
@media (min-width:640px) {
.mr-sm-4 {
margin-right: 30px
}
}
@media (min-width:640px) {
.mr-sm-5 {
margin-right: 40px
}
}
@media (min-width:640px) {
.mr-sm-6 {
margin-right: 50px
}
}
@media (min-width:640px) {
.mb-sm-0 {
margin-bottom: 0
}
}
@media (min-width:640px) {
.mb-sm-1 {
margin-bottom: 5px
}
}
@media (min-width:640px) {
.mb-sm-2 {
margin-bottom: 10px
}
}
@media (min-width:640px) {
.mb-sm-3 {
margin-bottom: 20px
}
}
@media (min-width:640px) {
.mb-sm-4 {
margin-bottom: 30px
}
}
@media (min-width:640px) {
.mb-sm-5 {
margin-bottom: 40px
}
}
@media (min-width:640px) {
.mb-sm-6 {
margin-bottom: 50px
}
}
@media (min-width:640px) {
.o-sm-0 {
opacity: 0
}
}
@media (min-width:640px) {
.o-sm-10 {
opacity: .1
}
}
@media (min-width:640px) {
.o-sm-20 {
opacity: .2
}
}
@media (min-width:640px) {
.o-sm-30 {
opacity: .3
}
}
@media (min-width:640px) {
.o-sm-40 {
opacity: .4
}
}
@media (min-width:640px) {
.o-sm-50 {
opacity: .5
}
}
@media (min-width:640px) {
.o-sm-60 {
opacity: .6
}
}
@media (min-width:640px) {
.o-sm-70 {
opacity: .7
}
}
@media (min-width:640px) {
.o-sm-80 {
opacity: .8
}
}
@media (min-width:640px) {
.o-sm-90 {
opacity: .9
}
}
@media (min-width:640px) {
.o-sm-100 {
opacity: 1
}
}
@media (min-width:640px) {
.br-sm-none {
border-radius: 0
}
}
@media (min-width:640px) {
.br-sm-xs {
border-radius: 2px
}
}
@media (min-width:640px) {
.br-sm-sm {
border-radius: 4px
}
}
@media (min-width:640px) {
.br-sm-md {
border-radius: 8px
}
}
@media (min-width:640px) {
.br-sm-lg {
border-radius: 16px
}
}
@media (min-width:640px) {
.br-sm-full {
border-radius: 50%
}
}
@media (min-width:640px) {
.font-sm-xs {
font-size: .5rem
}
}
@media (min-width:640px) {
.font-sm-sm {
font-size: 1rem
}
}
@media (min-width:640px) {
.font-sm-md {
font-size: 1.5rem
}
}
@media (min-width:640px) {
.font-sm-lg {
font-size: 2rem
}
}
@media (min-width:640px) {
.font-sm-xl {
font-size: 2.5rem
}
}
@media (min-width:640px) {
.lh-sm-1 {
line-height: 1
}
}
@media (min-width:640px) {
.lh-sm-11 {
line-height: 1.1
}
}
@media (min-width:640px) {
.lh-sm-12 {
line-height: 1.2
}
}
@media (min-width:640px) {
.lh-sm-13 {
line-height: 1.3
}
}
@media (min-width:640px) {
.lh-sm-14 {
line-height: 1.4
}
}
@media (min-width:640px) {
.lh-sm-15 {
line-height: 1.5
}
}
@media (min-width:640px) {
.maxw-sm-1 {
max-width: 8.33333%
}
}
@media (min-width:640px) {
.maxw-sm-2 {
max-width: 16.66666%
}
}
@media (min-width:640px) {
.maxw-sm-3 {
max-width: 25%
}
}
@media (min-width:640px) {
.maxw-sm-4 {
max-width: 33.3333%
}
}
@media (min-width:640px) {
.maxw-sm-5 {
max-width: 41.66666%
}
}
@media (min-width:640px) {
.maxw-sm-6 {
max-width: 50%
}
}
@media (min-width:640px) {
.maxw-sm-7 {
max-width: 58.33333%
}
}
@media (min-width:640px) {
.maxw-sm-8 {
max-width: 66.66666%
}
}
@media (min-width:640px) {
.maxw-sm-9 {
max-width: 75%
}
}
@media (min-width:640px) {
.maxw-sm-10 {
max-width: 83.33333%
}
}
@media (min-width:640px) {
.maxw-sm-11 {
max-width: 91.66666%
}
}
@media (min-width:640px) {
.maxw-sm-12 {
max-width: 100%
}
}
@media (min-width:640px) {
.minw-sm-1 {
min-width: 5px
}
}
@media (min-width:640px) {
.minw-sm-2 {
min-width: 10px
}
}
@media (min-width:640px) {
.minw-sm-3 {
min-width: 15px
}
}
@media (min-width:640px) {
.minw-sm-4 {
min-width: 20px
}
}
@media (min-width:640px) {
.minw-sm-5 {
min-width: 25px
}
}
@media (min-width:640px) {
.minw-sm-6 {
min-width: 30px
}
}
@media (min-width:640px) {
.minw-sm-7 {
min-width: 35px
}
}
@media (min-width:640px) {
.minw-sm-8 {
min-width: 40px
}
}
@media (min-width:640px) {
.minw-sm-9 {
min-width: 45px
}
}
@media (min-width:640px) {
.minw-sm-10 {
min-width: 50px
}
}
@media (min-width:640px) {
.minw-sm-11 {
min-width: 55px
}
}
@media (min-width:640px) {
.minw-sm-12 {
min-width: 60px
}
}
@media (min-width:768px) {
.p-md-0 {
padding: 0
}
}
@media (min-width:768px) {
.p-md-1 {
padding: 5px
}
}
@media (min-width:768px) {
.p-md-2 {
padding: 10px
}
}
@media (min-width:768px) {
.p-md-3 {
padding: 20px
}
}
@media (min-width:768px) {
.p-md-4 {
padding: 30px
}
}
@media (min-width:768px) {
.p-md-5 {
padding: 40px
}
}
@media (min-width:768px) {
.p-md-6 {
padding: 50px
}
}
@media (min-width:768px) {
.pl-md-0 {
padding-left: 0
}
}
@media (min-width:768px) {
.pl-md-1 {
padding-left: 5px
}
}
@media (min-width:768px) {
.pl-md-2 {
padding-left: 10px
}
}
@media (min-width:768px) {
.pl-md-3 {
padding-left: 20px
}
}
@media (min-width:768px) {
.pl-md-4 {
padding-left: 30px
}
}
@media (min-width:768px) {
.pl-md-5 {
padding-left: 40px
}
}
@media (min-width:768px) {
.pl-md-6 {
padding-left: 50px
}
}
@media (min-width:768px) {
.pt-md-0 {
padding-top: 0
}
}
@media (min-width:768px) {
.pt-md-1 {
padding-top: 5px
}
}
@media (min-width:768px) {
.pt-md-2 {
padding-top: 10px
}
}
@media (min-width:768px) {
.pt-md-3 {
padding-top: 20px
}
}
@media (min-width:768px) {
.pt-md-4 {
padding-top: 30px
}
}
@media (min-width:768px) {
.pt-md-5 {
padding-top: 40px
}
}
@media (min-width:768px) {
.pt-md-6 {
padding-top: 50px
}
}
@media (min-width:768px) {
.pr-md-0 {
padding-right: 0
}
}
@media (min-width:768px) {
.pr-md-1 {
padding-right: 5px
}
}
@media (min-width:768px) {
.pr-md-2 {
padding-right: 10px
}
}
@media (min-width:768px) {
.pr-md-3 {
padding-right: 20px
}
}
@media (min-width:768px) {
.pr-md-4 {
padding-right: 30px
}
}
@media (min-width:768px) {
.pr-md-5 {
padding-right: 40px
}
}
@media (min-width:768px) {
.pr-md-6 {
padding-right: 50px
}
}
@media (min-width:768px) {
.pb-md-0 {
padding-bottom: 0
}
}
@media (min-width:768px) {
.pb-md-1 {
padding-bottom: 5px
}
}
@media (min-width:768px) {
.pb-md-2 {
padding-bottom: 10px
}
}
@media (min-width:768px) {
.pb-md-3 {
padding-bottom: 20px
}
}
@media (min-width:768px) {
.pb-md-4 {
padding-bottom: 30px
}
}
@media (min-width:768px) {
.pb-md-5 {
padding-bottom: 40px
}
}
@media (min-width:768px) {
.pb-md-6 {
padding-bottom: 50px
}
}
@media (min-width:768px) {
.m-md-0 {
margin: 0
}
}
@media (min-width:768px) {
.m-md-1 {
margin: 5px
}
}
@media (min-width:768px) {
.m-md-2 {
margin: 10px
}
}
@media (min-width:768px) {
.m-md-3 {
margin: 20px
}
}
@media (min-width:768px) {
.m-md-4 {
margin: 30px
}
}
@media (min-width:768px) {
.m-md-5 {
margin: 40px
}
}
@media (min-width:768px) {
.m-md-6 {
margin: 50px
}
}
@media (min-width:768px) {
.ml-md-0 {
margin-left: 0
}
}
@media (min-width:768px) {
.ml-md-1 {
margin-left: 5px
}
}
@media (min-width:768px) {
.ml-md-2 {
margin-left: 10px
}
}
@media (min-width:768px) {
.ml-md-3 {
margin-left: 20px
}
}
@media (min-width:768px) {
.ml-md-4 {
margin-left: 30px
}
}
@media (min-width:768px) {
.ml-md-5 {
margin-left: 40px
}
}
@media (min-width:768px) {
.ml-md-6 {
margin-left: 50px
}
}
@media (min-width:768px) {
.mt-md-0 {
margin-top: 0
}
}
@media (min-width:768px) {
.mt-md-1 {
margin-top: 5px
}
}
@media (min-width:768px) {
.mt-md-2 {
margin-top: 10px
}
}
@media (min-width:768px) {
.mt-md-3 {
margin-top: 20px
}
}
@media (min-width:768px) {
.mt-md-4 {
margin-top: 30px
}
}
@media (min-width:768px) {
.mt-md-5 {
margin-top: 40px
}
}
@media (min-width:768px) {
.mt-md-6 {
margin-top: 50px
}
}
@media (min-width:768px) {
.mr-md-0 {
margin-right: 0
}
}
@media (min-width:768px) {
.mr-md-1 {
margin-right: 5px
}
}
@media (min-width:768px) {
.mr-md-2 {
margin-right: 10px
}
}
@media (min-width:768px) {
.mr-md-3 {
margin-right: 20px
}
}
@media (min-width:768px) {
.mr-md-4 {
margin-right: 30px
}
}
@media (min-width:768px) {
.mr-md-5 {
margin-right: 40px
}
}
@media (min-width:768px) {
.mr-md-6 {
margin-right: 50px
}
}
@media (min-width:768px) {
.mb-md-0 {
margin-bottom: 0
}
}
@media (min-width:768px) {
.mb-md-1 {
margin-bottom: 5px
}
}
@media (min-width:768px) {
.mb-md-2 {
margin-bottom: 10px
}
}
@media (min-width:768px) {
.mb-md-3 {
margin-bottom: 20px
}
}
@media (min-width:768px) {
.mb-md-4 {
margin-bottom: 30px
}
}
@media (min-width:768px) {
.mb-md-5 {
margin-bottom: 40px
}
}
@media (min-width:768px) {
.mb-md-6 {
margin-bottom: 50px
}
}
@media (min-width:768px) {
.o-md-0 {
opacity: 0
}
}
@media (min-width:768px) {
.o-md-10 {
opacity: .1
}
}
@media (min-width:768px) {
.o-md-20 {
opacity: .2
}
}
@media (min-width:768px) {
.o-md-30 {
opacity: .3
}
}
@media (min-width:768px) {
.o-md-40 {
opacity: .4
}
}
@media (min-width:768px) {
.o-md-50 {
opacity: .5
}
}
@media (min-width:768px) {
.o-md-60 {
opacity: .6
}
}
@media (min-width:768px) {
.o-md-70 {
opacity: .7
}
}
@media (min-width:768px) {
.o-md-80 {
opacity: .8
}
}
@media (min-width:768px) {
.o-md-90 {
opacity: .9
}
}
@media (min-width:768px) {
.o-md-100 {
opacity: 1
}
}
@media (min-width:768px) {
.br-md-none {
border-radius: 0
}
}
@media (min-width:768px) {
.br-md-xs {
border-radius: 2px
}
}
@media (min-width:768px) {
.br-md-sm {
border-radius: 4px
}
}
@media (min-width:768px) {
.br-md-md {
border-radius: 8px
}
}
@media (min-width:768px) {
.br-md-lg {
border-radius: 16px
}
}
@media (min-width:768px) {
.br-md-full {
border-radius: 50%
}
}
@media (min-width:768px) {
.font-md-xs {
font-size: .5rem
}
}
@media (min-width:768px) {
.font-md-sm {
font-size: 1rem
}
}
@media (min-width:768px) {
.font-md-md {
font-size: 1.5rem
}
}
@media (min-width:768px) {
.font-md-lg {
font-size: 2rem
}
}
@media (min-width:768px) {
.font-md-xl {
font-size: 2.5rem
}
}
@media (min-width:768px) {
.lh-md-1 {
line-height: 1
}
}
@media (min-width:768px) {
.lh-md-11 {
line-height: 1.1
}
}
@media (min-width:768px) {
.lh-md-12 {
line-height: 1.2
}
}
@media (min-width:768px) {
.lh-md-13 {
line-height: 1.3
}
}
@media (min-width:768px) {
.lh-md-14 {
line-height: 1.4
}
}
@media (min-width:768px) {
.lh-md-15 {
line-height: 1.5
}
}
@media (min-width:768px) {
.maxw-md-1 {
max-width: 8.33333%
}
}
@media (min-width:768px) {
.maxw-md-2 {
max-width: 16.66666%
}
}
@media (min-width:768px) {
.maxw-md-3 {
max-width: 25%
}
}
@media (min-width:768px) {
.maxw-md-4 {
max-width: 33.3333%
}
}
@media (min-width:768px) {
.maxw-md-5 {
max-width: 41.66666%
}
}
@media (min-width:768px) {
.maxw-md-6 {
max-width: 50%
}
}
@media (min-width:768px) {
.maxw-md-7 {
max-width: 58.33333%
}
}
@media (min-width:768px) {
.maxw-md-8 {
max-width: 66.66666%
}
}
@media (min-width:768px) {
.maxw-md-9 {
max-width: 75%
}
}
@media (min-width:768px) {
.maxw-md-10 {
max-width: 83.33333%
}
}
@media (min-width:768px) {
.maxw-md-11 {
max-width: 91.66666%
}
}
@media (min-width:768px) {
.maxw-md-12 {
max-width: 100%
}
}
@media (min-width:768px) {
.minw-md-1 {
min-width: 5px
}
}
@media (min-width:768px) {
.minw-md-2 {
min-width: 10px
}
}
@media (min-width:768px) {
.minw-md-3 {
min-width: 15px
}
}
@media (min-width:768px) {
.minw-md-4 {
min-width: 20px
}
}
@media (min-width:768px) {
.minw-md-5 {
min-width: 25px
}
}
@media (min-width:768px) {
.minw-md-6 {
min-width: 30px
}
}
@media (min-width:768px) {
.minw-md-7 {
min-width: 35px
}
}
@media (min-width:768px) {
.minw-md-8 {
min-width: 40px
}
}
@media (min-width:768px) {
.minw-md-9 {
min-width: 45px
}
}
@media (min-width:768px) {
.minw-md-10 {
min-width: 50px
}
}
@media (min-width:768px) {
.minw-md-11 {
min-width: 55px
}
}
@media (min-width:768px) {
.minw-md-12 {
min-width: 60px
}
}
@media (min-width:992px) {
.p-lg-0 {
padding: 0
}
}
@media (min-width:992px) {
.p-lg-1 {
padding: 5px
}
}
@media (min-width:992px) {
.p-lg-2 {
padding: 10px
}
}
@media (min-width:992px) {
.p-lg-3 {
padding: 20px
}
}
@media (min-width:992px) {
.p-lg-4 {
padding: 30px
}
}
@media (min-width:992px) {
.p-lg-5 {
padding: 40px
}
}
@media (min-width:992px) {
.p-lg-6 {
padding: 50px
}
}
@media (min-width:992px) {
.pl-lg-0 {
padding-left: 0
}
}
@media (min-width:992px) {
.pl-lg-1 {
padding-left: 5px
}
}
@media (min-width:992px) {
.pl-lg-2 {
padding-left: 10px
}
}
@media (min-width:992px) {
.pl-lg-3 {
padding-left: 20px
}
}
@media (min-width:992px) {
.pl-lg-4 {
padding-left: 30px
}
}
@media (min-width:992px) {
.pl-lg-5 {
padding-left: 40px
}
}
@media (min-width:992px) {
.pl-lg-6 {
padding-left: 50px
}
}
@media (min-width:992px) {
.pt-lg-0 {
padding-top: 0
}
}
@media (min-width:992px) {
.pt-lg-1 {
padding-top: 5px
}
}
@media (min-width:992px) {
.pt-lg-2 {
padding-top: 10px
}
}
@media (min-width:992px) {
.pt-lg-3 {
padding-top: 20px
}
}
@media (min-width:992px) {
.pt-lg-4 {
padding-top: 30px
}
}
@media (min-width:992px) {
.pt-lg-5 {
padding-top: 40px
}
}
@media (min-width:992px) {
.pt-lg-6 {
padding-top: 50px
}
}
@media (min-width:992px) {
.pr-lg-0 {
padding-right: 0
}
}
@media (min-width:992px) {
.pr-lg-1 {
padding-right: 5px
}
}
@media (min-width:992px) {
.pr-lg-2 {
padding-right: 10px
}
}
@media (min-width:992px) {
.pr-lg-3 {
padding-right: 20px
}
}
@media (min-width:992px) {
.pr-lg-4 {
padding-right: 30px
}
}
@media (min-width:992px) {
.pr-lg-5 {
padding-right: 40px
}
}
@media (min-width:992px) {
.pr-lg-6 {
padding-right: 50px
}
}
@media (min-width:992px) {
.pb-lg-0 {
padding-bottom: 0
}
}
@media (min-width:992px) {
.pb-lg-1 {
padding-bottom: 5px
}
}
@media (min-width:992px) {
.pb-lg-2 {
padding-bottom: 10px
}
}
@media (min-width:992px) {
.pb-lg-3 {
padding-bottom: 20px
}
}
@media (min-width:992px) {
.pb-lg-4 {
padding-bottom: 30px
}
}
@media (min-width:992px) {
.pb-lg-5 {
padding-bottom: 40px
}
}
@media (min-width:992px) {
.pb-lg-6 {
padding-bottom: 50px
}
}
@media (min-width:992px) {
.m-lg-0 {
margin: 0
}
}
@media (min-width:992px) {
.m-lg-1 {
margin: 5px
}
}
@media (min-width:992px) {
.m-lg-2 {
margin: 10px
}
}
@media (min-width:992px) {
.m-lg-3 {
margin: 20px
}
}
@media (min-width:992px) {
.m-lg-4 {
margin: 30px
}
}
@media (min-width:992px) {
.m-lg-5 {
margin: 40px
}
}
@media (min-width:992px) {
.m-lg-6 {
margin: 50px
}
}
@media (min-width:992px) {
.ml-lg-0 {
margin-left: 0
}
}
@media (min-width:992px) {
.ml-lg-1 {
margin-left: 5px
}
}
@media (min-width:992px) {
.ml-lg-2 {
margin-left: 10px
}
}
@media (min-width:992px) {
.ml-lg-3 {
margin-left: 20px
}
}
@media (min-width:992px) {
.ml-lg-4 {
margin-left: 30px
}
}
@media (min-width:992px) {
.ml-lg-5 {
margin-left: 40px
}
}
@media (min-width:992px) {
.ml-lg-6 {
margin-left: 50px
}
}
@media (min-width:992px) {
.mt-lg-0 {
margin-top: 0
}
}
@media (min-width:992px) {
.mt-lg-1 {
margin-top: 5px
}
}
@media (min-width:992px) {
.mt-lg-2 {
margin-top: 10px
}
}
@media (min-width:992px) {
.mt-lg-3 {
margin-top: 20px
}
}
@media (min-width:992px) {
.mt-lg-4 {
margin-top: 30px
}
}
@media (min-width:992px) {
.mt-lg-5 {
margin-top: 40px
}
}
@media (min-width:992px) {
.mt-lg-6 {
margin-top: 50px
}
}
@media (min-width:992px) {
.mr-lg-0 {
margin-right: 0
}
}
@media (min-width:992px) {
.mr-lg-1 {
margin-right: 5px
}
}
@media (min-width:992px) {
.mr-lg-2 {
margin-right: 10px
}
}
@media (min-width:992px) {
.mr-lg-3 {
margin-right: 20px
}
}
@media (min-width:992px) {
.mr-lg-4 {
margin-right: 30px
}
}
@media (min-width:992px) {
.mr-lg-5 {
margin-right: 40px
}
}
@media (min-width:992px) {
.mr-lg-6 {
margin-right: 50px
}
}
@media (min-width:992px) {
.mb-lg-0 {
margin-bottom: 0
}
}
@media (min-width:992px) {
.mb-lg-1 {
margin-bottom: 5px
}
}
@media (min-width:992px) {
.mb-lg-2 {
margin-bottom: 10px
}
}
@media (min-width:992px) {
.mb-lg-3 {
margin-bottom: 20px
}
}
@media (min-width:992px) {
.mb-lg-4 {
margin-bottom: 30px
}
}
@media (min-width:992px) {
.mb-lg-5 {
margin-bottom: 40px
}
}
@media (min-width:992px) {
.mb-lg-6 {
margin-bottom: 50px
}
}
@media (min-width:992px) {
.o-lg-0 {
opacity: 0
}
}
@media (min-width:992px) {
.o-lg-10 {
opacity: .1
}
}
@media (min-width:992px) {
.o-lg-20 {
opacity: .2
}
}
@media (min-width:992px) {
.o-lg-30 {
opacity: .3
}
}
@media (min-width:992px) {
.o-lg-40 {
opacity: .4
}
}
@media (min-width:992px) {
.o-lg-50 {
opacity: .5
}
}
@media (min-width:992px) {
.o-lg-60 {
opacity: .6
}
}
@media (min-width:992px) {
.o-lg-70 {
opacity: .7
}
}
@media (min-width:992px) {
.o-lg-80 {
opacity: .8
}
}
@media (min-width:992px) {
.o-lg-90 {
opacity: .9
}
}
@media (min-width:992px) {
.o-lg-100 {
opacity: 1
}
}
@media (min-width:992px) {
.br-lg-none {
border-radius: 0
}
}
@media (min-width:992px) {
.br-lg-xs {
border-radius: 2px
}
}
@media (min-width:992px) {
.br-lg-sm {
border-radius: 4px
}
}
@media (min-width:992px) {
.br-lg-md {
border-radius: 8px
}
}
@media (min-width:992px) {
.br-lg-lg {
border-radius: 16px
}
}
@media (min-width:992px) {
.br-lg-full {
border-radius: 50%
}
}
@media (min-width:992px) {
.font-lg-xs {
font-size: .5rem
}
}
@media (min-width:992px) {
.font-lg-sm {
font-size: 1rem
}
}
@media (min-width:992px) {
.font-lg-md {
font-size: 1.5rem
}
}
@media (min-width:992px) {
.font-lg-lg {
font-size: 2rem
}
}
@media (min-width:992px) {
.font-lg-xl {
font-size: 2.5rem
}
}
@media (min-width:992px) {
.lh-lg-1 {
line-height: 1
}
}
@media (min-width:992px) {
.lh-lg-11 {
line-height: 1.1
}
}
@media (min-width:992px) {
.lh-lg-12 {
line-height: 1.2
}
}
@media (min-width:992px) {
.lh-lg-13 {
line-height: 1.3
}
}
@media (min-width:992px) {
.lh-lg-14 {
line-height: 1.4
}
}
@media (min-width:992px) {
.lh-lg-15 {
line-height: 1.5
}
}
@media (min-width:992px) {
.maxw-lg-1 {
max-width: 8.33333%
}
}
@media (min-width:992px) {
.maxw-lg-2 {
max-width: 16.66666%
}
}
@media (min-width:992px) {
.maxw-lg-3 {
max-width: 25%
}
}
@media (min-width:992px) {
.maxw-lg-4 {
max-width: 33.3333%
}
}
@media (min-width:992px) {
.maxw-lg-5 {
max-width: 41.66666%
}
}
@media (min-width:992px) {
.maxw-lg-6 {
max-width: 50%
}
}
@media (min-width:992px) {
.maxw-lg-7 {
max-width: 58.33333%
}
}
@media (min-width:992px) {
.maxw-lg-8 {
max-width: 66.66666%
}
}
@media (min-width:992px) {
.maxw-lg-9 {
max-width: 75%
}
}
@media (min-width:992px) {
.maxw-lg-10 {
max-width: 83.33333%
}
}
@media (min-width:992px) {
.maxw-lg-11 {
max-width: 91.66666%
}
}
@media (min-width:992px) {
.maxw-lg-12 {
max-width: 100%
}
}
@media (min-width:992px) {
.minw-lg-1 {
min-width: 5px
}
}
@media (min-width:992px) {
.minw-lg-2 {
min-width: 10px
}
}
@media (min-width:992px) {
.minw-lg-3 {
min-width: 15px
}
}
@media (min-width:992px) {
.minw-lg-4 {
min-width: 20px
}
}
@media (min-width:992px) {
.minw-lg-5 {
min-width: 25px
}
}
@media (min-width:992px) {
.minw-lg-6 {
min-width: 30px
}
}
@media (min-width:992px) {
.minw-lg-7 {
min-width: 35px
}
}
@media (min-width:992px) {
.minw-lg-8 {
min-width: 40px
}
}
@media (min-width:992px) {
.minw-lg-9 {
min-width: 45px
}
}
@media (min-width:992px) {
.minw-lg-10 {
min-width: 50px
}
}
@media (min-width:992px) {
.minw-lg-11 {
min-width: 55px
}
}
@media (min-width:992px) {
.minw-lg-12 {
min-width: 60px
}
}
@media (min-width:1024px) {
.p-xl-0 {
padding: 0
}
}
@media (min-width:1024px) {
.p-xl-1 {
padding: 5px
}
}
@media (min-width:1024px) {
.p-xl-2 {
padding: 10px
}
}
@media (min-width:1024px) {
.p-xl-3 {
padding: 20px
}
}
@media (min-width:1024px) {
.p-xl-4 {
padding: 30px
}
}
@media (min-width:1024px) {
.p-xl-5 {
padding: 40px
}
}
@media (min-width:1024px) {
.p-xl-6 {
padding: 50px
}
}
@media (min-width:1024px) {
.pl-xl-0 {
padding-left: 0
}
}
@media (min-width:1024px) {
.pl-xl-1 {
padding-left: 5px
}
}
@media (min-width:1024px) {
.pl-xl-2 {
padding-left: 10px
}
}
@media (min-width:1024px) {
.pl-xl-3 {
padding-left: 20px
}
}
@media (min-width:1024px) {
.pl-xl-4 {
padding-left: 30px
}
}
@media (min-width:1024px) {
.pl-xl-5 {
padding-left: 40px
}
}
@media (min-width:1024px) {
.pl-xl-6 {
padding-left: 50px
}
}
@media (min-width:1024px) {
.pt-xl-0 {
padding-top: 0
}
}
@media (min-width:1024px) {
.pt-xl-1 {
padding-top: 5px
}
}
@media (min-width:1024px) {
.pt-xl-2 {
padding-top: 10px
}
}
@media (min-width:1024px) {
.pt-xl-3 {
padding-top: 20px
}
}
@media (min-width:1024px) {
.pt-xl-4 {
padding-top: 30px
}
}
@media (min-width:1024px) {
.pt-xl-5 {
padding-top: 40px
}
}
@media (min-width:1024px) {
.pt-xl-6 {
padding-top: 50px
}
}
@media (min-width:1024px) {
.pr-xl-0 {
padding-right: 0
}
}
@media (min-width:1024px) {
.pr-xl-1 {
padding-right: 5px
}
}
@media (min-width:1024px) {
.pr-xl-2 {
padding-right: 10px
}
}
@media (min-width:1024px) {
.pr-xl-3 {
padding-right: 20px
}
}
@media (min-width:1024px) {
.pr-xl-4 {
padding-right: 30px
}
}
@media (min-width:1024px) {
.pr-xl-5 {
padding-right: 40px
}
}
@media (min-width:1024px) {
.pr-xl-6 {
padding-right: 50px
}
}
@media (min-width:1024px) {
.pb-xl-0 {
padding-bottom: 0
}
}
@media (min-width:1024px) {
.pb-xl-1 {
padding-bottom: 5px
}
}
@media (min-width:1024px) {
.pb-xl-2 {
padding-bottom: 10px
}
}
@media (min-width:1024px) {
.pb-xl-3 {
padding-bottom: 20px
}
}
@media (min-width:1024px) {
.pb-xl-4 {
padding-bottom: 30px
}
}
@media (min-width:1024px) {
.pb-xl-5 {
padding-bottom: 40px
}
}
@media (min-width:1024px) {
.pb-xl-6 {
padding-bottom: 50px
}
}
@media (min-width:1024px) {
.m-xl-0 {
margin: 0
}
}
@media (min-width:1024px) {
.m-xl-1 {
margin: 5px
}
}
@media (min-width:1024px) {
.m-xl-2 {
margin: 10px
}
}
@media (min-width:1024px) {
.m-xl-3 {
margin: 20px
}
}
@media (min-width:1024px) {
.m-xl-4 {
margin: 30px
}
}
@media (min-width:1024px) {
.m-xl-5 {
margin: 40px
}
}
@media (min-width:1024px) {
.m-xl-6 {
margin: 50px
}
}
@media (min-width:1024px) {
.ml-xl-0 {
margin-left: 0
}
}
@media (min-width:1024px) {
.ml-xl-1 {
margin-left: 5px
}
}
@media (min-width:1024px) {
.ml-xl-2 {
margin-left: 10px
}
}
@media (min-width:1024px) {
.ml-xl-3 {
margin-left: 20px
}
}
@media (min-width:1024px) {
.ml-xl-4 {
margin-left: 30px
}
}
@media (min-width:1024px) {
.ml-xl-5 {
margin-left: 40px
}
}
@media (min-width:1024px) {
.ml-xl-6 {
margin-left: 50px
}
}
@media (min-width:1024px) {
.mt-xl-0 {
margin-top: 0
}
}
@media (min-width:1024px) {
.mt-xl-1 {
margin-top: 5px
}
}
@media (min-width:1024px) {
.mt-xl-2 {
margin-top: 10px
}
}
@media (min-width:1024px) {
.mt-xl-3 {
margin-top: 20px
}
}
@media (min-width:1024px) {
.mt-xl-4 {
margin-top: 30px
}
}
@media (min-width:1024px) {
.mt-xl-5 {
margin-top: 40px
}
}
@media (min-width:1024px) {
.mt-xl-6 {
margin-top: 50px
}
}
@media (min-width:1024px) {
.mr-xl-0 {
margin-right: 0
}
}
@media (min-width:1024px) {
.mr-xl-1 {
margin-right: 5px
}
}
@media (min-width:1024px) {
.mr-xl-2 {
margin-right: 10px
}
}
@media (min-width:1024px) {
.mr-xl-3 {
margin-right: 20px
}
}
@media (min-width:1024px) {
.mr-xl-4 {
margin-right: 30px
}
}
@media (min-width:1024px) {
.mr-xl-5 {
margin-right: 40px
}
}
@media (min-width:1024px) {
.mr-xl-6 {
margin-right: 50px
}
}
@media (min-width:1024px) {
.mb-xl-0 {
margin-bottom: 0
}
}
@media (min-width:1024px) {
.mb-xl-1 {
margin-bottom: 5px
}
}
@media (min-width:1024px) {
.mb-xl-2 {
margin-bottom: 10px
}
}
@media (min-width:1024px) {
.mb-xl-3 {
margin-bottom: 20px
}
}
@media (min-width:1024px) {
.mb-xl-4 {
margin-bottom: 30px
}
}
@media (min-width:1024px) {
.mb-xl-5 {
margin-bottom: 40px
}
}
@media (min-width:1024px) {
.mb-xl-6 {
margin-bottom: 50px
}
}
@media (min-width:1024px) {
.o-xl-0 {
opacity: 0
}
}
@media (min-width:1024px) {
.o-xl-10 {
opacity: .1
}
}
@media (min-width:1024px) {
.o-xl-20 {
opacity: .2
}
}
@media (min-width:1024px) {
.o-xl-30 {
opacity: .3
}
}
@media (min-width:1024px) {
.o-xl-40 {
opacity: .4
}
}
@media (min-width:1024px) {
.o-xl-50 {
opacity: .5
}
}
@media (min-width:1024px) {
.o-xl-60 {
opacity: .6
}
}
@media (min-width:1024px) {
.o-xl-70 {
opacity: .7
}
}
@media (min-width:1024px) {
.o-xl-80 {
opacity: .8
}
}
@media (min-width:1024px) {
.o-xl-90 {
opacity: .9
}
}
@media (min-width:1024px) {
.o-xl-100 {
opacity: 1
}
}
@media (min-width:1024px) {
.br-xl-none {
border-radius: 0
}
}
@media (min-width:1024px) {
.br-xl-xs {
border-radius: 2px
}
}
@media (min-width:1024px) {
.br-xl-sm {
border-radius: 4px
}
}
@media (min-width:1024px) {
.br-xl-md {
border-radius: 8px
}
}
@media (min-width:1024px) {
.br-xl-lg {
border-radius: 16px
}
}
@media (min-width:1024px) {
.br-xl-full {
border-radius: 50%
}
}
@media (min-width:1024px) {
.font-xl-xs {
font-size: .5rem
}
}
@media (min-width:1024px) {
.font-xl-sm {
font-size: 1rem
}
}
@media (min-width:1024px) {
.font-xl-md {
font-size: 1.5rem
}
}
@media (min-width:1024px) {
.font-xl-lg {
font-size: 2rem
}
}
@media (min-width:1024px) {
.font-xl-xl {
font-size: 2.5rem
}
}
@media (min-width:1024px) {
.lh-xl-1 {
line-height: 1
}
}
@media (min-width:1024px) {
.lh-xl-11 {
line-height: 1.1
}
}
@media (min-width:1024px) {
.lh-xl-12 {
line-height: 1.2
}
}
@media (min-width:1024px) {
.lh-xl-13 {
line-height: 1.3
}
}
@media (min-width:1024px) {
.lh-xl-14 {
line-height: 1.4
}
}
@media (min-width:1024px) {
.lh-xl-15 {
line-height: 1.5
}
}
@media (min-width:1024px) {
.maxw-xl-1 {
max-width: 8.33333%
}
}
@media (min-width:1024px) {
.maxw-xl-2 {
max-width: 16.66666%
}
}
@media (min-width:1024px) {
.maxw-xl-3 {
max-width: 25%
}
}
@media (min-width:1024px) {
.maxw-xl-4 {
max-width: 33.3333%
}
}
@media (min-width:1024px) {
.maxw-xl-5 {
max-width: 41.66666%
}
}
@media (min-width:1024px) {
.maxw-xl-6 {
max-width: 50%
}
}
@media (min-width:1024px) {
.maxw-xl-7 {
max-width: 58.33333%
}
}
@media (min-width:1024px) {
.maxw-xl-8 {
max-width: 66.66666%
}
}
@media (min-width:1024px) {
.maxw-xl-9 {
max-width: 75%
}
}
@media (min-width:1024px) {
.maxw-xl-10 {
max-width: 83.33333%
}
}
@media (min-width:1024px) {
.maxw-xl-11 {
max-width: 91.66666%
}
}
@media (min-width:1024px) {
.maxw-xl-12 {
max-width: 100%
}
}
@media (min-width:1024px) {
.minw-xl-1 {
min-width: 5px
}
}
@media (min-width:1024px) {
.minw-xl-2 {
min-width: 10px
}
}
@media (min-width:1024px) {
.minw-xl-3 {
min-width: 15px
}
}
@media (min-width:1024px) {
.minw-xl-4 {
min-width: 20px
}
}
@media (min-width:1024px) {
.minw-xl-5 {
min-width: 25px
}
}
@media (min-width:1024px) {
.minw-xl-6 {
min-width: 30px
}
}
@media (min-width:1024px) {
.minw-xl-7 {
min-width: 35px
}
}
@media (min-width:1024px) {
.minw-xl-8 {
min-width: 40px
}
}
@media (min-width:1024px) {
.minw-xl-9 {
min-width: 45px
}
}
@media (min-width:1024px) {
.minw-xl-10 {
min-width: 50px
}
}
@media (min-width:1024px) {
.minw-xl-11 {
min-width: 55px
}
}
@media (min-width:1024px) {
.minw-xl-12 {
min-width: 60px
}
}
@media (min-width:1280px) {
.p-xxl-0 {
padding: 0
}
}
@media (min-width:1280px) {
.p-xxl-1 {
padding: 5px
}
}
@media (min-width:1280px) {
.p-xxl-2 {
padding: 10px
}
}
@media (min-width:1280px) {
.p-xxl-3 {
padding: 20px
}
}
@media (min-width:1280px) {
.p-xxl-4 {
padding: 30px
}
}
@media (min-width:1280px) {
.p-xxl-5 {
padding: 40px
}
}
@media (min-width:1280px) {
.p-xxl-6 {
padding: 50px
}
}
@media (min-width:1280px) {
.pl-xxl-0 {
padding-left: 0
}
}
@media (min-width:1280px) {
.pl-xxl-1 {
padding-left: 5px
}
}
@media (min-width:1280px) {
.pl-xxl-2 {
padding-left: 10px
}
}
@media (min-width:1280px) {
.pl-xxl-3 {
padding-left: 20px
}
}
@media (min-width:1280px) {
.pl-xxl-4 {
padding-left: 30px
}
}
@media (min-width:1280px) {
.pl-xxl-5 {
padding-left: 40px
}
}
@media (min-width:1280px) {
.pl-xxl-6 {
padding-left: 50px
}
}
@media (min-width:1280px) {
.pt-xxl-0 {
padding-top: 0
}
}
@media (min-width:1280px) {
.pt-xxl-1 {
padding-top: 5px
}
}
@media (min-width:1280px) {
.pt-xxl-2 {
padding-top: 10px
}
}
@media (min-width:1280px) {
.pt-xxl-3 {
padding-top: 20px
}
}
@media (min-width:1280px) {
.pt-xxl-4 {
padding-top: 30px
}
}
@media (min-width:1280px) {
.pt-xxl-5 {
padding-top: 40px
}
}
@media (min-width:1280px) {
.pt-xxl-6 {
padding-top: 50px
}
}
@media (min-width:1280px) {
.pr-xxl-0 {
padding-right: 0
}
}
@media (min-width:1280px) {
.pr-xxl-1 {
padding-right: 5px
}
}
@media (min-width:1280px) {
.pr-xxl-2 {
padding-right: 10px
}
}
@media (min-width:1280px) {
.pr-xxl-3 {
padding-right: 20px
}
}
@media (min-width:1280px) {
.pr-xxl-4 {
padding-right: 30px
}
}
@media (min-width:1280px) {
.pr-xxl-5 {
padding-right: 40px
}
}
@media (min-width:1280px) {
.pr-xxl-6 {
padding-right: 50px
}
}
@media (min-width:1280px) {
.pb-xxl-0 {
padding-bottom: 0
}
}
@media (min-width:1280px) {
.pb-xxl-1 {
padding-bottom: 5px
}
}
@media (min-width:1280px) {
.pb-xxl-2 {
padding-bottom: 10px
}
}
@media (min-width:1280px) {
.pb-xxl-3 {
padding-bottom: 20px
}
}
@media (min-width:1280px) {
.pb-xxl-4 {
padding-bottom: 30px
}
}
@media (min-width:1280px) {
.pb-xxl-5 {
padding-bottom: 40px
}
}
@media (min-width:1280px) {
.pb-xxl-6 {
padding-bottom: 50px
}
}
@media (min-width:1280px) {
.m-xxl-0 {
margin: 0
}
}
@media (min-width:1280px) {
.m-xxl-1 {
margin: 5px
}
}
@media (min-width:1280px) {
.m-xxl-2 {
margin: 10px
}
}
@media (min-width:1280px) {
.m-xxl-3 {
margin: 20px
}
}
@media (min-width:1280px) {
.m-xxl-4 {
margin: 30px
}
}
@media (min-width:1280px) {
.m-xxl-5 {
margin: 40px
}
}
@media (min-width:1280px) {
.m-xxl-6 {
margin: 50px
}
}
@media (min-width:1280px) {
.ml-xxl-0 {
margin-left: 0
}
}
@media (min-width:1280px) {
.ml-xxl-1 {
margin-left: 5px
}
}
@media (min-width:1280px) {
.ml-xxl-2 {
margin-left: 10px
}
}
@media (min-width:1280px) {
.ml-xxl-3 {
margin-left: 20px
}
}
@media (min-width:1280px) {
.ml-xxl-4 {
margin-left: 30px
}
}
@media (min-width:1280px) {
.ml-xxl-5 {
margin-left: 40px
}
}
@media (min-width:1280px) {
.ml-xxl-6 {
margin-left: 50px
}
}
@media (min-width:1280px) {
.mt-xxl-0 {
margin-top: 0
}
}
@media (min-width:1280px) {
.mt-xxl-1 {
margin-top: 5px
}
}
@media (min-width:1280px) {
.mt-xxl-2 {
margin-top: 10px
}
}
@media (min-width:1280px) {
.mt-xxl-3 {
margin-top: 20px
}
}
@media (min-width:1280px) {
.mt-xxl-4 {
margin-top: 30px
}
}
@media (min-width:1280px) {
.mt-xxl-5 {
margin-top: 40px
}
}
@media (min-width:1280px) {
.mt-xxl-6 {
margin-top: 50px
}
}
@media (min-width:1280px) {
.mr-xxl-0 {
margin-right: 0
}
}
@media (min-width:1280px) {
.mr-xxl-1 {
margin-right: 5px
}
}
@media (min-width:1280px) {
.mr-xxl-2 {
margin-right: 10px
}
}
@media (min-width:1280px) {
.mr-xxl-3 {
margin-right: 20px
}
}
@media (min-width:1280px) {
.mr-xxl-4 {
margin-right: 30px
}
}
@media (min-width:1280px) {
.mr-xxl-5 {
margin-right: 40px
}
}
@media (min-width:1280px) {
.mr-xxl-6 {
margin-right: 50px
}
}
@media (min-width:1280px) {
.mb-xxl-0 {
margin-bottom: 0
}
}
@media (min-width:1280px) {
.mb-xxl-1 {
margin-bottom: 5px
}
}
@media (min-width:1280px) {
.mb-xxl-2 {
margin-bottom: 10px
}
}
@media (min-width:1280px) {
.mb-xxl-3 {
margin-bottom: 20px
}
}
@media (min-width:1280px) {
.mb-xxl-4 {
margin-bottom: 30px
}
}
@media (min-width:1280px) {
.mb-xxl-5 {
margin-bottom: 40px
}
}
@media (min-width:1280px) {
.mb-xxl-6 {
margin-bottom: 50px
}
}
@media (min-width:1280px) {
.o-xxl-0 {
opacity: 0
}
}
@media (min-width:1280px) {
.o-xxl-10 {
opacity: .1
}
}
@media (min-width:1280px) {
.o-xxl-20 {
opacity: .2
}
}
@media (min-width:1280px) {
.o-xxl-30 {
opacity: .3
}
}
@media (min-width:1280px) {
.o-xxl-40 {
opacity: .4
}
}
@media (min-width:1280px) {
.o-xxl-50 {
opacity: .5
}
}
@media (min-width:1280px) {
.o-xxl-60 {
opacity: .6
}
}
@media (min-width:1280px) {
.o-xxl-70 {
opacity: .7
}
}
@media (min-width:1280px) {
.o-xxl-80 {
opacity: .8
}
}
@media (min-width:1280px) {
.o-xxl-90 {
opacity: .9
}
}
@media (min-width:1280px) {
.o-xxl-100 {
opacity: 1
}
}
@media (min-width:1280px) {
.br-xxl-none {
border-radius: 0
}
}
@media (min-width:1280px) {
.br-xxl-xs {
border-radius: 2px
}
}
@media (min-width:1280px) {
.br-xxl-sm {
border-radius: 4px
}
}
@media (min-width:1280px) {
.br-xxl-md {
border-radius: 8px
}
}
@media (min-width:1280px) {
.br-xxl-lg {
border-radius: 16px
}
}
@media (min-width:1280px) {
.br-xxl-full {
border-radius: 50%
}
}
@media (min-width:1280px) {
.font-xxl-xs {
font-size: .5rem
}
}
@media (min-width:1280px) {
.font-xxl-sm {
font-size: 1rem
}
}
@media (min-width:1280px) {
.font-xxl-md {
font-size: 1.5rem
}
}
@media (min-width:1280px) {
.font-xxl-lg {
font-size: 2rem
}
}
@media (min-width:1280px) {
.font-xxl-xl {
font-size: 2.5rem
}
}
@media (min-width:1280px) {
.lh-xxl-1 {
line-height: 1
}
}
@media (min-width:1280px) {
.lh-xxl-11 {
line-height: 1.1
}
}
@media (min-width:1280px) {
.lh-xxl-12 {
line-height: 1.2
}
}
@media (min-width:1280px) {
.lh-xxl-13 {
line-height: 1.3
}
}
@media (min-width:1280px) {
.lh-xxl-14 {
line-height: 1.4
}
}
@media (min-width:1280px) {
.lh-xxl-15 {
line-height: 1.5
}
}
@media (min-width:1280px) {
.maxw-xxl-1 {
max-width: 8.33333%
}
}
@media (min-width:1280px) {
.maxw-xxl-2 {
max-width: 16.66666%
}
}
@media (min-width:1280px) {
.maxw-xxl-3 {
max-width: 25%
}
}
@media (min-width:1280px) {
.maxw-xxl-4 {
max-width: 33.3333%
}
}
@media (min-width:1280px) {
.maxw-xxl-5 {
max-width: 41.66666%
}
}
@media (min-width:1280px) {
.maxw-xxl-6 {
max-width: 50%
}
}
@media (min-width:1280px) {
.maxw-xxl-7 {
max-width: 58.33333%
}
}
@media (min-width:1280px) {
.maxw-xxl-8 {
max-width: 66.66666%
}
}
@media (min-width:1280px) {
.maxw-xxl-9 {
max-width: 75%
}
}
@media (min-width:1280px) {
.maxw-xxl-10 {
max-width: 83.33333%
}
}
@media (min-width:1280px) {
.maxw-xxl-11 {
max-width: 91.66666%
}
}
@media (min-width:1280px) {
.maxw-xxl-12 {
max-width: 100%
}
}
@media (min-width:1280px) {
.minw-xxl-1 {
min-width: 5px
}
}
@media (min-width:1280px) {
.minw-xxl-2 {
min-width: 10px
}
}
@media (min-width:1280px) {
.minw-xxl-3 {
min-width: 15px
}
}
@media (min-width:1280px) {
.minw-xxl-4 {
min-width: 20px
}
}
@media (min-width:1280px) {
.minw-xxl-5 {
min-width: 25px
}
}
@media (min-width:1280px) {
.minw-xxl-6 {
min-width: 30px
}
}
@media (min-width:1280px) {
.minw-xxl-7 {
min-width: 35px
}
}
@media (min-width:1280px) {
.minw-xxl-8 {
min-width: 40px
}
}
@media (min-width:1280px) {
.minw-xxl-9 {
min-width: 45px
}
}
@media (min-width:1280px) {
.minw-xxl-10 {
min-width: 50px
}
}
@media (min-width:1280px) {
.minw-xxl-11 {
min-width: 55px
}
}
@media (min-width:1280px) {
.minw-xxl-12 {
min-width: 60px
}
}
@media (min-width:1640px) {
.p-xxxl-0 {
padding: 0
}
}
@media (min-width:1640px) {
.p-xxxl-1 {
padding: 5px
}
}
@media (min-width:1640px) {
.p-xxxl-2 {
padding: 10px
}
}
@media (min-width:1640px) {
.p-xxxl-3 {
padding: 20px
}
}
@media (min-width:1640px) {
.p-xxxl-4 {
padding: 30px
}
}
@media (min-width:1640px) {
.p-xxxl-5 {
padding: 40px
}
}
@media (min-width:1640px) {
.p-xxxl-6 {
padding: 50px
}
}
@media (min-width:1640px) {
.pl-xxxl-0 {
padding-left: 0
}
}
@media (min-width:1640px) {
.pl-xxxl-1 {
padding-left: 5px
}
}
@media (min-width:1640px) {
.pl-xxxl-2 {
padding-left: 10px
}
}
@media (min-width:1640px) {
.pl-xxxl-3 {
padding-left: 20px
}
}
@media (min-width:1640px) {
.pl-xxxl-4 {
padding-left: 30px
}
}
@media (min-width:1640px) {
.pl-xxxl-5 {
padding-left: 40px
}
}
@media (min-width:1640px) {
.pl-xxxl-6 {
padding-left: 50px
}
}
@media (min-width:1640px) {
.pt-xxxl-0 {
padding-top: 0
}
}
@media (min-width:1640px) {
.pt-xxxl-1 {
padding-top: 5px
}
}
@media (min-width:1640px) {
.pt-xxxl-2 {
padding-top: 10px
}
}
@media (min-width:1640px) {
.pt-xxxl-3 {
padding-top: 20px
}
}
@media (min-width:1640px) {
.pt-xxxl-4 {
padding-top: 30px
}
}
@media (min-width:1640px) {
.pt-xxxl-5 {
padding-top: 40px
}
}
@media (min-width:1640px) {
.pt-xxxl-6 {
padding-top: 50px
}
}
@media (min-width:1640px) {
.pr-xxxl-0 {
padding-right: 0
}
}
@media (min-width:1640px) {
.pr-xxxl-1 {
padding-right: 5px
}
}
@media (min-width:1640px) {
.pr-xxxl-2 {
padding-right: 10px
}
}
@media (min-width:1640px) {
.pr-xxxl-3 {
padding-right: 20px
}
}
@media (min-width:1640px) {
.pr-xxxl-4 {
padding-right: 30px
}
}
@media (min-width:1640px) {
.pr-xxxl-5 {
padding-right: 40px
}
}
@media (min-width:1640px) {
.pr-xxxl-6 {
padding-right: 50px
}
}
@media (min-width:1640px) {
.pb-xxxl-0 {
padding-bottom: 0
}
}
@media (min-width:1640px) {
.pb-xxxl-1 {
padding-bottom: 5px
}
}
@media (min-width:1640px) {
.pb-xxxl-2 {
padding-bottom: 10px
}
}
@media (min-width:1640px) {
.pb-xxxl-3 {
padding-bottom: 20px
}
}
@media (min-width:1640px) {
.pb-xxxl-4 {
padding-bottom: 30px
}
}
@media (min-width:1640px) {
.pb-xxxl-5 {
padding-bottom: 40px
}
}
@media (min-width:1640px) {
.pb-xxxl-6 {
padding-bottom: 50px
}
}
@media (min-width:1640px) {
.m-xxxl-0 {
margin: 0
}
}
@media (min-width:1640px) {
.m-xxxl-1 {
margin: 5px
}
}
@media (min-width:1640px) {
.m-xxxl-2 {
margin: 10px
}
}
@media (min-width:1640px) {
.m-xxxl-3 {
margin: 20px
}
}
@media (min-width:1640px) {
.m-xxxl-4 {
margin: 30px
}
}
@media (min-width:1640px) {
.m-xxxl-5 {
margin: 40px
}
}
@media (min-width:1640px) {
.m-xxxl-6 {
margin: 50px
}
}
@media (min-width:1640px) {
.ml-xxxl-0 {
margin-left: 0
}
}
@media (min-width:1640px) {
.ml-xxxl-1 {
margin-left: 5px
}
}
@media (min-width:1640px) {
.ml-xxxl-2 {
margin-left: 10px
}
}
@media (min-width:1640px) {
.ml-xxxl-3 {
margin-left: 20px
}
}
@media (min-width:1640px) {
.ml-xxxl-4 {
margin-left: 30px
}
}
@media (min-width:1640px) {
.ml-xxxl-5 {
margin-left: 40px
}
}
@media (min-width:1640px) {
.ml-xxxl-6 {
margin-left: 50px
}
}
@media (min-width:1640px) {
.mt-xxxl-0 {
margin-top: 0
}
}
@media (min-width:1640px) {
.mt-xxxl-1 {
margin-top: 5px
}
}
@media (min-width:1640px) {
.mt-xxxl-2 {
margin-top: 10px
}
}
@media (min-width:1640px) {
.mt-xxxl-3 {
margin-top: 20px
}
}
@media (min-width:1640px) {
.mt-xxxl-4 {
margin-top: 30px
}
}
@media (min-width:1640px) {
.mt-xxxl-5 {
margin-top: 40px
}
}
@media (min-width:1640px) {
.mt-xxxl-6 {
margin-top: 50px
}
}
@media (min-width:1640px) {
.mr-xxxl-0 {
margin-right: 0
}
}
@media (min-width:1640px) {
.mr-xxxl-1 {
margin-right: 5px
}
}
@media (min-width:1640px) {
.mr-xxxl-2 {
margin-right: 10px
}
}
@media (min-width:1640px) {
.mr-xxxl-3 {
margin-right: 20px
}
}
@media (min-width:1640px) {
.mr-xxxl-4 {
margin-right: 30px
}
}
@media (min-width:1640px) {
.mr-xxxl-5 {
margin-right: 40px
}
}
@media (min-width:1640px) {
.mr-xxxl-6 {
margin-right: 50px
}
}
@media (min-width:1640px) {
.mb-xxxl-0 {
margin-bottom: 0
}
}
@media (min-width:1640px) {
.mb-xxxl-1 {
margin-bottom: 5px
}
}
@media (min-width:1640px) {
.mb-xxxl-2 {
margin-bottom: 10px
}
}
@media (min-width:1640px) {
.mb-xxxl-3 {
margin-bottom: 20px
}
}
@media (min-width:1640px) {
.mb-xxxl-4 {
margin-bottom: 30px
}
}
@media (min-width:1640px) {
.mb-xxxl-5 {
margin-bottom: 40px
}
}
@media (min-width:1640px) {
.mb-xxxl-6 {
margin-bottom: 50px
}
}
@media (min-width:1640px) {
.o-xxxl-0 {
opacity: 0
}
}
@media (min-width:1640px) {
.o-xxxl-10 {
opacity: .1
}
}
@media (min-width:1640px) {
.o-xxxl-20 {
opacity: .2
}
}
@media (min-width:1640px) {
.o-xxxl-30 {
opacity: .3
}
}
@media (min-width:1640px) {
.o-xxxl-40 {
opacity: .4
}
}
@media (min-width:1640px) {
.o-xxxl-50 {
opacity: .5
}
}
@media (min-width:1640px) {
.o-xxxl-60 {
opacity: .6
}
}
@media (min-width:1640px) {
.o-xxxl-70 {
opacity: .7
}
}
@media (min-width:1640px) {
.o-xxxl-80 {
opacity: .8
}
}
@media (min-width:1640px) {
.o-xxxl-90 {
opacity: .9
}
}
@media (min-width:1640px) {
.o-xxxl-100 {
opacity: 1
}
}
@media (min-width:1640px) {
.br-xxxl-none {
border-radius: 0
}
}
@media (min-width:1640px) {
.br-xxxl-xs {
border-radius: 2px
}
}
@media (min-width:1640px) {
.br-xxxl-sm {
border-radius: 4px
}
}
@media (min-width:1640px) {
.br-xxxl-md {
border-radius: 8px
}
}
@media (min-width:1640px) {
.br-xxxl-lg {
border-radius: 16px
}
}
@media (min-width:1640px) {
.br-xxxl-full {
border-radius: 50%
}
}
@media (min-width:1640px) {
.font-xxxl-xs {
font-size: .5rem
}
}
@media (min-width:1640px) {
.font-xxxl-sm {
font-size: 1rem
}
}
@media (min-width:1640px) {
.font-xxxl-md {
font-size: 1.5rem
}
}
@media (min-width:1640px) {
.font-xxxl-lg {
font-size: 2rem
}
}
@media (min-width:1640px) {
.font-xxxl-xl {
font-size: 2.5rem
}
}
@media (min-width:1640px) {
.lh-xxxl-1 {
line-height: 1
}
}
@media (min-width:1640px) {
.lh-xxxl-11 {
line-height: 1.1
}
}
@media (min-width:1640px) {
.lh-xxxl-12 {
line-height: 1.2
}
}
@media (min-width:1640px) {
.lh-xxxl-13 {
line-height: 1.3
}
}
@media (min-width:1640px) {
.lh-xxxl-14 {
line-height: 1.4
}
}
@media (min-width:1640px) {
.lh-xxxl-15 {
line-height: 1.5
}
}
@media (min-width:1640px) {
.maxw-xxxl-1 {
max-width: 8.33333%
}
}
@media (min-width:1640px) {
.maxw-xxxl-2 {
max-width: 16.66666%
}
}
@media (min-width:1640px) {
.maxw-xxxl-3 {
max-width: 25%
}
}
@media (min-width:1640px) {
.maxw-xxxl-4 {
max-width: 33.3333%
}
}
@media (min-width:1640px) {
.maxw-xxxl-5 {
max-width: 41.66666%
}
}
@media (min-width:1640px) {
.maxw-xxxl-6 {
max-width: 50%
}
}
@media (min-width:1640px) {
.maxw-xxxl-7 {
max-width: 58.33333%
}
}
@media (min-width:1640px) {
.maxw-xxxl-8 {
max-width: 66.66666%
}
}
@media (min-width:1640px) {
.maxw-xxxl-9 {
max-width: 75%
}
}
@media (min-width:1640px) {
.maxw-xxxl-10 {
max-width: 83.33333%
}
}
@media (min-width:1640px) {
.maxw-xxxl-11 {
max-width: 91.66666%
}
}
@media (min-width:1640px) {
.maxw-xxxl-12 {
max-width: 100%
}
}
@media (min-width:1640px) {
.minw-xxxl-1 {
min-width: 5px
}
}
@media (min-width:1640px) {
.minw-xxxl-2 {
min-width: 10px
}
}
@media (min-width:1640px) {
.minw-xxxl-3 {
min-width: 15px
}
}
@media (min-width:1640px) {
.minw-xxxl-4 {
min-width: 20px
}
}
@media (min-width:1640px) {
.minw-xxxl-5 {
min-width: 25px
}
}
@media (min-width:1640px) {
.minw-xxxl-6 {
min-width: 30px
}
}
@media (min-width:1640px) {
.minw-xxxl-7 {
min-width: 35px
}
}
@media (min-width:1640px) {
.minw-xxxl-8 {
min-width: 40px
}
}
@media (min-width:1640px) {
.minw-xxxl-9 {
min-width: 45px
}
}
@media (min-width:1640px) {
.minw-xxxl-10 {
min-width: 50px
}
}
@media (min-width:1640px) {
.minw-xxxl-11 {
min-width: 55px
}
}
@media (min-width:1640px) {
.minw-xxxl-12 {
min-width: 60px
}
}
.hidden {
display: none !important
}
.bg-color-white {
background-color: #fff !important
}
.bg-color-black {
background-color: #000 !important
}
.bg-color-gray {
background-color: #ccc !important
}
.bg-color-accent {
background-color: var(--pageAccentColor) !important
}
.bg-color-brand {
background-color: var(--pageBrandColor) !important
}
body,
html {
height: 100%;
scroll-behavior: smooth;
scroll-padding-top: var(--scroll-padding);
margin-top: 0 !important
}
body {
background-color: var(--pageBodyBg);
color: var(--pageBodyColor);
margin: 0;
padding: 0;
overflow-x: hidden;
scrollbar-color: #818181 #f5f5f5;
scrollbar-width: thin
}
body ::-webkit-scrollbar {
width: 12px;
height: 7px;
background-color: #f5f5f5
}
body ::-webkit-scrollbar-thumb {
background-color: #818181
}
body ::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
background-color: #f5f5f5
}
body.locked {
overflow: hidden
}
body#tinymce {
padding: 45px
}
body.blackpage {
background-color: #000;
color: #fff
}
body.blackpage .footer {
color: #000
}
a {
color: var(--pageLinkColor);
transition: color .3s ease
}
a i {
transition: color .3s ease
}
a.textlink {
margin: 0 !important
}
@media (hover:hover) {
a:hover {
color: var(--pageLinkHoverColor)
}
}
p:blank,
p:empty {
display: none
}
@use "sass:math";
.container {
width: 100%
}
.row {
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: 100%
}
.justify-flex-start {
justify-content: flex-start
}
.justify-flex-end {
justify-content: flex-end
}
.justify-center {
justify-content: center
}
.justify-space-between {
justify-content: space-between
}
.justify-space-around {
justify-content: space-around
}
.col-1 {
width: 8.33333%;
flex-grow: 0
}
.col-2 {
width: 16.66667%;
flex-grow: 0
}
.col-3 {
width: 25%;
flex-grow: 0
}
.col-4 {
width: 33.33333%;
flex-grow: 0
}
.col-5 {
width: 41.66667%;
flex-grow: 0
}
.col-6 {
width: 50%;
flex-grow: 0
}
.col-7 {
width: 58.33333%;
flex-grow: 0
}
.col-8 {
width: 66.66667%;
flex-grow: 0
}
.col-9 {
width: 75%;
flex-grow: 0
}
.col-10 {
width: 83.33333%;
flex-grow: 0
}
.col-11 {
width: 91.66667%;
flex-grow: 0
}
.col-12 {
width: 100%;
flex-grow: 0
}
.gap-none>* {
padding: 0 0
}
@media (min-width:640px) {
.gap-none>* {
padding: 0 0
}
}
.gap-none {
margin-left: calc((0 / 2) * -1);
margin-right: calc((0 / 2) * -1)
}
@media (min-width:640px) {
.gap-none {
margin-left: 0;
margin-right: 0
}
}
.gap-s>* {
padding: 0 7.5px
}
@media (min-width:640px) {
.gap-s>* {
padding: 0 15px
}
}
.gap-s {
margin-left: calc((15px / 2) * -1);
margin-right: calc((15px / 2) * -1)
}
@media (min-width:640px) {
.gap-s {
margin-left: -15px;
margin-right: -15px
}
}
.gap-m>* {
padding: 0 15px
}
@media (min-width:640px) {
.gap-m>* {
padding: 0 30px
}
}
.gap-m {
margin-left: calc((30px / 2) * -1);
margin-right: calc((30px / 2) * -1)
}
@media (min-width:640px) {
.gap-m {
margin-left: -30px;
margin-right: -30px
}
}
.gap-l>* {
padding: 0 22.5px
}
@media (min-width:640px) {
.gap-l>* {
padding: 0 45px
}
}
.gap-l {
margin-left: calc((45px / 2) * -1);
margin-right: calc((45px / 2) * -1)
}
@media (min-width:640px) {
.gap-l {
margin-left: -45px;
margin-right: -45px
}
}
@media (min-width:480px) {
.col-xs-1 {
width: 8.33333%;
flex-grow: 0
}
.col-xs-2 {
width: 16.66667%;
flex-grow: 0
}
.col-xs-3 {
width: 25%;
flex-grow: 0
}
.col-xs-4 {
width: 33.33333%;
flex-grow: 0
}
.col-xs-5 {
width: 41.66667%;
flex-grow: 0
}
.col-xs-6 {
width: 50%;
flex-grow: 0
}
.col-xs-7 {
width: 58.33333%;
flex-grow: 0
}
.col-xs-8 {
width: 66.66667%;
flex-grow: 0
}
.col-xs-9 {
width: 75%;
flex-grow: 0
}
.col-xs-10 {
width: 83.33333%;
flex-grow: 0
}
.col-xs-11 {
width: 91.66667%;
flex-grow: 0
}
.col-xs-12 {
width: 100%;
flex-grow: 0
}
.gap-xs-none>* {
padding: 0 0
}
.gap-xs-none {
margin-left: 0;
margin-right: 0
}
.gap-xs-s>* {
padding: 0 15px
}
.gap-xs-s {
margin-left: -15px;
margin-right: -15px
}
.gap-xs-m>* {
padding: 0 30px
}
.gap-xs-m {
margin-left: -30px;
margin-right: -30px
}
.gap-xs-l>* {
padding: 0 45px
}
.gap-xs-l {
margin-left: -45px;
margin-right: -45px
}
}
@media (min-width:640px) {
.col-sm-1 {
width: 8.33333%;
flex-grow: 0
}
.col-sm-2 {
width: 16.66667%;
flex-grow: 0
}
.col-sm-3 {
width: 25%;
flex-grow: 0
}
.col-sm-4 {
width: 33.33333%;
flex-grow: 0
}
.col-sm-5 {
width: 41.66667%;
flex-grow: 0
}
.col-sm-6 {
width: 50%;
flex-grow: 0
}
.col-sm-7 {
width: 58.33333%;
flex-grow: 0
}
.col-sm-8 {
width: 66.66667%;
flex-grow: 0
}
.col-sm-9 {
width: 75%;
flex-grow: 0
}
.col-sm-10 {
width: 83.33333%;
flex-grow: 0
}
.col-sm-11 {
width: 91.66667%;
flex-grow: 0
}
.col-sm-12 {
width: 100%;
flex-grow: 0
}
.gap-sm-none>* {
padding: 0 0
}
.gap-sm-none {
margin-left: 0;
margin-right: 0
}
.gap-sm-s>* {
padding: 0 15px
}
.gap-sm-s {
margin-left: -15px;
margin-right: -15px
}
.gap-sm-m>* {
padding: 0 30px
}
.gap-sm-m {
margin-left: -30px;
margin-right: -30px
}
.gap-sm-l>* {
padding: 0 45px
}
.gap-sm-l {
margin-left: -45px;
margin-right: -45px
}
}
@media (min-width:768px) {
.col-md-1 {
width: 8.33333%;
flex-grow: 0
}
.col-md-2 {
width: 16.66667%;
flex-grow: 0
}
.col-md-3 {
width: 25%;
flex-grow: 0
}
.col-md-4 {
width: 33.33333%;
flex-grow: 0
}
.col-md-5 {
width: 41.66667%;
flex-grow: 0
}
.col-md-6 {
width: 50%;
flex-grow: 0
}
.col-md-7 {
width: 58.33333%;
flex-grow: 0
}
.col-md-8 {
width: 66.66667%;
flex-grow: 0
}
.col-md-9 {
width: 75%;
flex-grow: 0
}
.col-md-10 {
width: 83.33333%;
flex-grow: 0
}
.col-md-11 {
width: 91.66667%;
flex-grow: 0
}
.col-md-12 {
width: 100%;
flex-grow: 0
}
.gap-md-none>* {
padding: 0 0
}
.gap-md-none {
margin-left: 0;
margin-right: 0
}
.gap-md-s>* {
padding: 0 15px
}
.gap-md-s {
margin-left: -15px;
margin-right: -15px
}
.gap-md-m>* {
padding: 0 30px
}
.gap-md-m {
margin-left: -30px;
margin-right: -30px
}
.gap-md-l>* {
padding: 0 45px
}
.gap-md-l {
margin-left: -45px;
margin-right: -45px
}
}
@media (min-width:992px) {
.col-lg-1 {
width: 8.33333%;
flex-grow: 0
}
.col-lg-2 {
width: 16.66667%;
flex-grow: 0
}
.col-lg-3 {
width: 25%;
flex-grow: 0
}
.col-lg-4 {
width: 33.33333%;
flex-grow: 0
}
.col-lg-5 {
width: 41.66667%;
flex-grow: 0
}
.col-lg-6 {
width: 50%;
flex-grow: 0
}
.col-lg-7 {
width: 58.33333%;
flex-grow: 0
}
.col-lg-8 {
width: 66.66667%;
flex-grow: 0
}
.col-lg-9 {
width: 75%;
flex-grow: 0
}
.col-lg-10 {
width: 83.33333%;
flex-grow: 0
}
.col-lg-11 {
width: 91.66667%;
flex-grow: 0
}
.col-lg-12 {
width: 100%;
flex-grow: 0
}
.gap-lg-none>* {
padding: 0 0
}
.gap-lg-none {
margin-left: 0;
margin-right: 0
}
.gap-lg-s>* {
padding: 0 15px
}
.gap-lg-s {
margin-left: -15px;
margin-right: -15px
}
.gap-lg-m>* {
padding: 0 30px
}
.gap-lg-m {
margin-left: -30px;
margin-right: -30px
}
.gap-lg-l>* {
padding: 0 45px
}
.gap-lg-l {
margin-left: -45px;
margin-right: -45px
}
}
@media (min-width:1024px) {
.col-xl-1 {
width: 8.33333%;
flex-grow: 0
}
.col-xl-2 {
width: 16.66667%;
flex-grow: 0
}
.col-xl-3 {
width: 25%;
flex-grow: 0
}
.col-xl-4 {
width: 33.33333%;
flex-grow: 0
}
.col-xl-5 {
width: 41.66667%;
flex-grow: 0
}
.col-xl-6 {
width: 50%;
flex-grow: 0
}
.col-xl-7 {
width: 58.33333%;
flex-grow: 0
}
.col-xl-8 {
width: 66.66667%;
flex-grow: 0
}
.col-xl-9 {
width: 75%;
flex-grow: 0
}
.col-xl-10 {
width: 83.33333%;
flex-grow: 0
}
.col-xl-11 {
width: 91.66667%;
flex-grow: 0
}
.col-xl-12 {
width: 100%;
flex-grow: 0
}
.gap-xl-none>* {
padding: 0 0
}
.gap-xl-none {
margin-left: 0;
margin-right: 0
}
.gap-xl-s>* {
padding: 0 15px
}
.gap-xl-s {
margin-left: -15px;
margin-right: -15px
}
.gap-xl-m>* {
padding: 0 30px
}
.gap-xl-m {
margin-left: -30px;
margin-right: -30px
}
.gap-xl-l>* {
padding: 0 45px
}
.gap-xl-l {
margin-left: -45px;
margin-right: -45px
}
}
@media (min-width:1280px) {
.col-xxl-1 {
width: 8.33333%;
flex-grow: 0
}
.col-xxl-2 {
width: 16.66667%;
flex-grow: 0
}
.col-xxl-3 {
width: 25%;
flex-grow: 0
}
.col-xxl-4 {
width: 33.33333%;
flex-grow: 0
}
.col-xxl-5 {
width: 41.66667%;
flex-grow: 0
}
.col-xxl-6 {
width: 50%;
flex-grow: 0
}
.col-xxl-7 {
width: 58.33333%;
flex-grow: 0
}
.col-xxl-8 {
width: 66.66667%;
flex-grow: 0
}
.col-xxl-9 {
width: 75%;
flex-grow: 0
}
.col-xxl-10 {
width: 83.33333%;
flex-grow: 0
}
.col-xxl-11 {
width: 91.66667%;
flex-grow: 0
}
.col-xxl-12 {
width: 100%;
flex-grow: 0
}
.gap-xxl-none>* {
padding: 0 0
}
.gap-xxl-none {
margin-left: 0;
margin-right: 0
}
.gap-xxl-s>* {
padding: 0 15px
}
.gap-xxl-s {
margin-left: -15px;
margin-right: -15px
}
.gap-xxl-m>* {
padding: 0 30px
}
.gap-xxl-m {
margin-left: -30px;
margin-right: -30px
}
.gap-xxl-l>* {
padding: 0 45px
}
.gap-xxl-l {
margin-left: -45px;
margin-right: -45px
}
}
@media (min-width:1640px) {
.col-xxxl-1 {
width: 8.33333%;
flex-grow: 0
}
.col-xxxl-2 {
width: 16.66667%;
flex-grow: 0
}
.col-xxxl-3 {
width: 25%;
flex-grow: 0
}
.col-xxxl-4 {
width: 33.33333%;
flex-grow: 0
}
.col-xxxl-5 {
width: 41.66667%;
flex-grow: 0
}
.col-xxxl-6 {
width: 50%;
flex-grow: 0
}
.col-xxxl-7 {
width: 58.33333%;
flex-grow: 0
}
.col-xxxl-8 {
width: 66.66667%;
flex-grow: 0
}
.col-xxxl-9 {
width: 75%;
flex-grow: 0
}
.col-xxxl-10 {
width: 83.33333%;
flex-grow: 0
}
.col-xxxl-11 {
width: 91.66667%;
flex-grow: 0
}
.col-xxxl-12 {
width: 100%;
flex-grow: 0
}
.gap-xxxl-none>* {
padding: 0 0
}
.gap-xxxl-none {
margin-left: 0;
margin-right: 0
}
.gap-xxxl-s>* {
padding: 0 15px
}
.gap-xxxl-s {
margin-left: -15px;
margin-right: -15px
}
.gap-xxxl-m>* {
padding: 0 30px
}
.gap-xxxl-m {
margin-left: -30px;
margin-right: -30px
}
.gap-xxxl-l>* {
padding: 0 45px
}
.gap-xxxl-l {
margin-left: -45px;
margin-right: -45px
}
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-1 {
width: calc((100% / 1) - (((1 - 1)/ 1) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-1 {
width: calc((100% / 1) - (((1 - 1)/ 1) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-1 {
width: calc((100% / 1) - (((1 - 1)/ 1) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-1 {
width: calc((100% / 1) - (((1 - 1)/ 1) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-2 {
width: calc((100% / 2) - (((2 - 1)/ 2) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-2 {
width: calc((100% / 2) - (((2 - 1)/ 2) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-2 {
width: calc((100% / 2) - (((2 - 1)/ 2) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-2 {
width: calc((100% / 2) - (((2 - 1)/ 2) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-3 {
width: calc((100% / 3) - (((3 - 1)/ 3) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-3 {
width: calc((100% / 3) - (((3 - 1)/ 3) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-3 {
width: calc((100% / 3) - (((3 - 1)/ 3) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-3 {
width: calc((100% / 3) - (((3 - 1)/ 3) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-4 {
width: calc((100% / 4) - (((4 - 1)/ 4) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-4 {
width: calc((100% / 4) - (((4 - 1)/ 4) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-4 {
width: calc((100% / 4) - (((4 - 1)/ 4) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-4 {
width: calc((100% / 4) - (((4 - 1)/ 4) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-5 {
width: calc((100% / 5) - (((5 - 1)/ 5) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-5 {
width: calc((100% / 5) - (((5 - 1)/ 5) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-5 {
width: calc((100% / 5) - (((5 - 1)/ 5) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-5 {
width: calc((100% / 5) - (((5 - 1)/ 5) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-6 {
width: calc((100% / 6) - (((6 - 1)/ 6) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-6 {
width: calc((100% / 6) - (((6 - 1)/ 6) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-6 {
width: calc((100% / 6) - (((6 - 1)/ 6) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-6 {
width: calc((100% / 6) - (((6 - 1)/ 6) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-7 {
width: calc((100% / 7) - (((7 - 1)/ 7) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-7 {
width: calc((100% / 7) - (((7 - 1)/ 7) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-7 {
width: calc((100% / 7) - (((7 - 1)/ 7) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-7 {
width: calc((100% / 7) - (((7 - 1)/ 7) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-8 {
width: calc((100% / 8) - (((8 - 1)/ 8) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-8 {
width: calc((100% / 8) - (((8 - 1)/ 8) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-8 {
width: calc((100% / 8) - (((8 - 1)/ 8) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-8 {
width: calc((100% / 8) - (((8 - 1)/ 8) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-9 {
width: calc((100% / 9) - (((9 - 1)/ 9) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-9 {
width: calc((100% / 9) - (((9 - 1)/ 9) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-9 {
width: calc((100% / 9) - (((9 - 1)/ 9) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-9 {
width: calc((100% / 9) - (((9 - 1)/ 9) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-10 {
width: calc((100% / 10) - (((10 - 1)/ 10) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-10 {
width: calc((100% / 10) - (((10 - 1)/ 10) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-10 {
width: calc((100% / 10) - (((10 - 1)/ 10) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-10 {
width: calc((100% / 10) - (((10 - 1)/ 10) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-11 {
width: calc((100% / 11) - (((11 - 1)/ 11) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-11 {
width: calc((100% / 11) - (((11 - 1)/ 11) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-11 {
width: calc((100% / 11) - (((11 - 1)/ 11) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-11 {
width: calc((100% / 11) - (((11 - 1)/ 11) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-12 {
width: calc((100% / 12) - (((12 - 1)/ 12) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-12 {
width: calc((100% / 12) - (((12 - 1)/ 12) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-12 {
width: calc((100% / 12) - (((12 - 1)/ 12) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-12 {
width: calc((100% / 12) - (((12 - 1)/ 12) * 45px));
flex-grow: 0
}
@media (min-width:480px) {
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-xs-1 {
width: calc((100% / 1) - (((1 - 1)/ 1) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-xs-1 {
width: calc((100% / 1) - (((1 - 1)/ 1) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-xs-1 {
width: calc((100% / 1) - (((1 - 1)/ 1) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-xs-1 {
width: calc((100% / 1) - (((1 - 1)/ 1) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-xs-2 {
width: calc((100% / 2) - (((2 - 1)/ 2) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-xs-2 {
width: calc((100% / 2) - (((2 - 1)/ 2) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-xs-2 {
width: calc((100% / 2) - (((2 - 1)/ 2) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-xs-2 {
width: calc((100% / 2) - (((2 - 1)/ 2) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-xs-3 {
width: calc((100% / 3) - (((3 - 1)/ 3) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-xs-3 {
width: calc((100% / 3) - (((3 - 1)/ 3) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-xs-3 {
width: calc((100% / 3) - (((3 - 1)/ 3) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-xs-3 {
width: calc((100% / 3) - (((3 - 1)/ 3) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-xs-4 {
width: calc((100% / 4) - (((4 - 1)/ 4) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-xs-4 {
width: calc((100% / 4) - (((4 - 1)/ 4) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-xs-4 {
width: calc((100% / 4) - (((4 - 1)/ 4) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-xs-4 {
width: calc((100% / 4) - (((4 - 1)/ 4) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-xs-5 {
width: calc((100% / 5) - (((5 - 1)/ 5) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-xs-5 {
width: calc((100% / 5) - (((5 - 1)/ 5) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-xs-5 {
width: calc((100% / 5) - (((5 - 1)/ 5) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-xs-5 {
width: calc((100% / 5) - (((5 - 1)/ 5) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-xs-6 {
width: calc((100% / 6) - (((6 - 1)/ 6) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-xs-6 {
width: calc((100% / 6) - (((6 - 1)/ 6) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-xs-6 {
width: calc((100% / 6) - (((6 - 1)/ 6) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-xs-6 {
width: calc((100% / 6) - (((6 - 1)/ 6) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-xs-7 {
width: calc((100% / 7) - (((7 - 1)/ 7) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-xs-7 {
width: calc((100% / 7) - (((7 - 1)/ 7) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-xs-7 {
width: calc((100% / 7) - (((7 - 1)/ 7) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-xs-7 {
width: calc((100% / 7) - (((7 - 1)/ 7) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-xs-8 {
width: calc((100% / 8) - (((8 - 1)/ 8) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-xs-8 {
width: calc((100% / 8) - (((8 - 1)/ 8) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-xs-8 {
width: calc((100% / 8) - (((8 - 1)/ 8) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-xs-8 {
width: calc((100% / 8) - (((8 - 1)/ 8) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-xs-9 {
width: calc((100% / 9) - (((9 - 1)/ 9) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-xs-9 {
width: calc((100% / 9) - (((9 - 1)/ 9) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-xs-9 {
width: calc((100% / 9) - (((9 - 1)/ 9) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-xs-9 {
width: calc((100% / 9) - (((9 - 1)/ 9) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-xs-10 {
width: calc((100% / 10) - (((10 - 1)/ 10) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-xs-10 {
width: calc((100% / 10) - (((10 - 1)/ 10) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-xs-10 {
width: calc((100% / 10) - (((10 - 1)/ 10) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-xs-10 {
width: calc((100% / 10) - (((10 - 1)/ 10) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-xs-11 {
width: calc((100% / 11) - (((11 - 1)/ 11) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-xs-11 {
width: calc((100% / 11) - (((11 - 1)/ 11) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-xs-11 {
width: calc((100% / 11) - (((11 - 1)/ 11) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-xs-11 {
width: calc((100% / 11) - (((11 - 1)/ 11) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-xs-12 {
width: calc((100% / 12) - (((12 - 1)/ 12) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-xs-12 {
width: calc((100% / 12) - (((12 - 1)/ 12) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-xs-12 {
width: calc((100% / 12) - (((12 - 1)/ 12) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-xs-12 {
width: calc((100% / 12) - (((12 - 1)/ 12) * 45px));
flex-grow: 0
}
}
@media (min-width:640px) {
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-sm-1 {
width: calc((100% / 1) - (((1 - 1)/ 1) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-sm-1 {
width: calc((100% / 1) - (((1 - 1)/ 1) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-sm-1 {
width: calc((100% / 1) - (((1 - 1)/ 1) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-sm-1 {
width: calc((100% / 1) - (((1 - 1)/ 1) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-sm-2 {
width: calc((100% / 2) - (((2 - 1)/ 2) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-sm-2 {
width: calc((100% / 2) - (((2 - 1)/ 2) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-sm-2 {
width: calc((100% / 2) - (((2 - 1)/ 2) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-sm-2 {
width: calc((100% / 2) - (((2 - 1)/ 2) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-sm-3 {
width: calc((100% / 3) - (((3 - 1)/ 3) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-sm-3 {
width: calc((100% / 3) - (((3 - 1)/ 3) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-sm-3 {
width: calc((100% / 3) - (((3 - 1)/ 3) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-sm-3 {
width: calc((100% / 3) - (((3 - 1)/ 3) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-sm-4 {
width: calc((100% / 4) - (((4 - 1)/ 4) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-sm-4 {
width: calc((100% / 4) - (((4 - 1)/ 4) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-sm-4 {
width: calc((100% / 4) - (((4 - 1)/ 4) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-sm-4 {
width: calc((100% / 4) - (((4 - 1)/ 4) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-sm-5 {
width: calc((100% / 5) - (((5 - 1)/ 5) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-sm-5 {
width: calc((100% / 5) - (((5 - 1)/ 5) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-sm-5 {
width: calc((100% / 5) - (((5 - 1)/ 5) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-sm-5 {
width: calc((100% / 5) - (((5 - 1)/ 5) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-sm-6 {
width: calc((100% / 6) - (((6 - 1)/ 6) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-sm-6 {
width: calc((100% / 6) - (((6 - 1)/ 6) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-sm-6 {
width: calc((100% / 6) - (((6 - 1)/ 6) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-sm-6 {
width: calc((100% / 6) - (((6 - 1)/ 6) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-sm-7 {
width: calc((100% / 7) - (((7 - 1)/ 7) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-sm-7 {
width: calc((100% / 7) - (((7 - 1)/ 7) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-sm-7 {
width: calc((100% / 7) - (((7 - 1)/ 7) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-sm-7 {
width: calc((100% / 7) - (((7 - 1)/ 7) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-sm-8 {
width: calc((100% / 8) - (((8 - 1)/ 8) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-sm-8 {
width: calc((100% / 8) - (((8 - 1)/ 8) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-sm-8 {
width: calc((100% / 8) - (((8 - 1)/ 8) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-sm-8 {
width: calc((100% / 8) - (((8 - 1)/ 8) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-sm-9 {
width: calc((100% / 9) - (((9 - 1)/ 9) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-sm-9 {
width: calc((100% / 9) - (((9 - 1)/ 9) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-sm-9 {
width: calc((100% / 9) - (((9 - 1)/ 9) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-sm-9 {
width: calc((100% / 9) - (((9 - 1)/ 9) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-sm-10 {
width: calc((100% / 10) - (((10 - 1)/ 10) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-sm-10 {
width: calc((100% / 10) - (((10 - 1)/ 10) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-sm-10 {
width: calc((100% / 10) - (((10 - 1)/ 10) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-sm-10 {
width: calc((100% / 10) - (((10 - 1)/ 10) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-sm-11 {
width: calc((100% / 11) - (((11 - 1)/ 11) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-sm-11 {
width: calc((100% / 11) - (((11 - 1)/ 11) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-sm-11 {
width: calc((100% / 11) - (((11 - 1)/ 11) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-sm-11 {
width: calc((100% / 11) - (((11 - 1)/ 11) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-sm-12 {
width: calc((100% / 12) - (((12 - 1)/ 12) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-sm-12 {
width: calc((100% / 12) - (((12 - 1)/ 12) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-sm-12 {
width: calc((100% / 12) - (((12 - 1)/ 12) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-sm-12 {
width: calc((100% / 12) - (((12 - 1)/ 12) * 45px));
flex-grow: 0
}
}
@media (min-width:768px) {
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-md-1 {
width: calc((100% / 1) - (((1 - 1)/ 1) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-md-1 {
width: calc((100% / 1) - (((1 - 1)/ 1) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-md-1 {
width: calc((100% / 1) - (((1 - 1)/ 1) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-md-1 {
width: calc((100% / 1) - (((1 - 1)/ 1) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-md-2 {
width: calc((100% / 2) - (((2 - 1)/ 2) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-md-2 {
width: calc((100% / 2) - (((2 - 1)/ 2) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-md-2 {
width: calc((100% / 2) - (((2 - 1)/ 2) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-md-2 {
width: calc((100% / 2) - (((2 - 1)/ 2) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-md-3 {
width: calc((100% / 3) - (((3 - 1)/ 3) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-md-3 {
width: calc((100% / 3) - (((3 - 1)/ 3) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-md-3 {
width: calc((100% / 3) - (((3 - 1)/ 3) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-md-3 {
width: calc((100% / 3) - (((3 - 1)/ 3) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-md-4 {
width: calc((100% / 4) - (((4 - 1)/ 4) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-md-4 {
width: calc((100% / 4) - (((4 - 1)/ 4) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-md-4 {
width: calc((100% / 4) - (((4 - 1)/ 4) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-md-4 {
width: calc((100% / 4) - (((4 - 1)/ 4) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-md-5 {
width: calc((100% / 5) - (((5 - 1)/ 5) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-md-5 {
width: calc((100% / 5) - (((5 - 1)/ 5) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-md-5 {
width: calc((100% / 5) - (((5 - 1)/ 5) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-md-5 {
width: calc((100% / 5) - (((5 - 1)/ 5) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-md-6 {
width: calc((100% / 6) - (((6 - 1)/ 6) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-md-6 {
width: calc((100% / 6) - (((6 - 1)/ 6) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-md-6 {
width: calc((100% / 6) - (((6 - 1)/ 6) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-md-6 {
width: calc((100% / 6) - (((6 - 1)/ 6) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-md-7 {
width: calc((100% / 7) - (((7 - 1)/ 7) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-md-7 {
width: calc((100% / 7) - (((7 - 1)/ 7) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-md-7 {
width: calc((100% / 7) - (((7 - 1)/ 7) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-md-7 {
width: calc((100% / 7) - (((7 - 1)/ 7) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-md-8 {
width: calc((100% / 8) - (((8 - 1)/ 8) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-md-8 {
width: calc((100% / 8) - (((8 - 1)/ 8) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-md-8 {
width: calc((100% / 8) - (((8 - 1)/ 8) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-md-8 {
width: calc((100% / 8) - (((8 - 1)/ 8) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-md-9 {
width: calc((100% / 9) - (((9 - 1)/ 9) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-md-9 {
width: calc((100% / 9) - (((9 - 1)/ 9) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-md-9 {
width: calc((100% / 9) - (((9 - 1)/ 9) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-md-9 {
width: calc((100% / 9) - (((9 - 1)/ 9) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-md-10 {
width: calc((100% / 10) - (((10 - 1)/ 10) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-md-10 {
width: calc((100% / 10) - (((10 - 1)/ 10) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-md-10 {
width: calc((100% / 10) - (((10 - 1)/ 10) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-md-10 {
width: calc((100% / 10) - (((10 - 1)/ 10) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-md-11 {
width: calc((100% / 11) - (((11 - 1)/ 11) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-md-11 {
width: calc((100% / 11) - (((11 - 1)/ 11) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-md-11 {
width: calc((100% / 11) - (((11 - 1)/ 11) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-md-11 {
width: calc((100% / 11) - (((11 - 1)/ 11) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-md-12 {
width: calc((100% / 12) - (((12 - 1)/ 12) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-md-12 {
width: calc((100% / 12) - (((12 - 1)/ 12) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-md-12 {
width: calc((100% / 12) - (((12 - 1)/ 12) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-md-12 {
width: calc((100% / 12) - (((12 - 1)/ 12) * 45px));
flex-grow: 0
}
}
@media (min-width:992px) {
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-lg-1 {
width: calc((100% / 1) - (((1 - 1)/ 1) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-lg-1 {
width: calc((100% / 1) - (((1 - 1)/ 1) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-lg-1 {
width: calc((100% / 1) - (((1 - 1)/ 1) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-lg-1 {
width: calc((100% / 1) - (((1 - 1)/ 1) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-lg-2 {
width: calc((100% / 2) - (((2 - 1)/ 2) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-lg-2 {
width: calc((100% / 2) - (((2 - 1)/ 2) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-lg-2 {
width: calc((100% / 2) - (((2 - 1)/ 2) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-lg-2 {
width: calc((100% / 2) - (((2 - 1)/ 2) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-lg-3 {
width: calc((100% / 3) - (((3 - 1)/ 3) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-lg-3 {
width: calc((100% / 3) - (((3 - 1)/ 3) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-lg-3 {
width: calc((100% / 3) - (((3 - 1)/ 3) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-lg-3 {
width: calc((100% / 3) - (((3 - 1)/ 3) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-lg-4 {
width: calc((100% / 4) - (((4 - 1)/ 4) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-lg-4 {
width: calc((100% / 4) - (((4 - 1)/ 4) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-lg-4 {
width: calc((100% / 4) - (((4 - 1)/ 4) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-lg-4 {
width: calc((100% / 4) - (((4 - 1)/ 4) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-lg-5 {
width: calc((100% / 5) - (((5 - 1)/ 5) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-lg-5 {
width: calc((100% / 5) - (((5 - 1)/ 5) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-lg-5 {
width: calc((100% / 5) - (((5 - 1)/ 5) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-lg-5 {
width: calc((100% / 5) - (((5 - 1)/ 5) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-lg-6 {
width: calc((100% / 6) - (((6 - 1)/ 6) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-lg-6 {
width: calc((100% / 6) - (((6 - 1)/ 6) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-lg-6 {
width: calc((100% / 6) - (((6 - 1)/ 6) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-lg-6 {
width: calc((100% / 6) - (((6 - 1)/ 6) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-lg-7 {
width: calc((100% / 7) - (((7 - 1)/ 7) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-lg-7 {
width: calc((100% / 7) - (((7 - 1)/ 7) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-lg-7 {
width: calc((100% / 7) - (((7 - 1)/ 7) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-lg-7 {
width: calc((100% / 7) - (((7 - 1)/ 7) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-lg-8 {
width: calc((100% / 8) - (((8 - 1)/ 8) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-lg-8 {
width: calc((100% / 8) - (((8 - 1)/ 8) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-lg-8 {
width: calc((100% / 8) - (((8 - 1)/ 8) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-lg-8 {
width: calc((100% / 8) - (((8 - 1)/ 8) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-lg-9 {
width: calc((100% / 9) - (((9 - 1)/ 9) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-lg-9 {
width: calc((100% / 9) - (((9 - 1)/ 9) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-lg-9 {
width: calc((100% / 9) - (((9 - 1)/ 9) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-lg-9 {
width: calc((100% / 9) - (((9 - 1)/ 9) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-lg-10 {
width: calc((100% / 10) - (((10 - 1)/ 10) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-lg-10 {
width: calc((100% / 10) - (((10 - 1)/ 10) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-lg-10 {
width: calc((100% / 10) - (((10 - 1)/ 10) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-lg-10 {
width: calc((100% / 10) - (((10 - 1)/ 10) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-lg-11 {
width: calc((100% / 11) - (((11 - 1)/ 11) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-lg-11 {
width: calc((100% / 11) - (((11 - 1)/ 11) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-lg-11 {
width: calc((100% / 11) - (((11 - 1)/ 11) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-lg-11 {
width: calc((100% / 11) - (((11 - 1)/ 11) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-lg-12 {
width: calc((100% / 12) - (((12 - 1)/ 12) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-lg-12 {
width: calc((100% / 12) - (((12 - 1)/ 12) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-lg-12 {
width: calc((100% / 12) - (((12 - 1)/ 12) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-lg-12 {
width: calc((100% / 12) - (((12 - 1)/ 12) * 45px));
flex-grow: 0
}
}
@media (min-width:1024px) {
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-xl-1 {
width: calc((100% / 1) - (((1 - 1)/ 1) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-xl-1 {
width: calc((100% / 1) - (((1 - 1)/ 1) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-xl-1 {
width: calc((100% / 1) - (((1 - 1)/ 1) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-xl-1 {
width: calc((100% / 1) - (((1 - 1)/ 1) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-xl-2 {
width: calc((100% / 2) - (((2 - 1)/ 2) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-xl-2 {
width: calc((100% / 2) - (((2 - 1)/ 2) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-xl-2 {
width: calc((100% / 2) - (((2 - 1)/ 2) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-xl-2 {
width: calc((100% / 2) - (((2 - 1)/ 2) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-xl-3 {
width: calc((100% / 3) - (((3 - 1)/ 3) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-xl-3 {
width: calc((100% / 3) - (((3 - 1)/ 3) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-xl-3 {
width: calc((100% / 3) - (((3 - 1)/ 3) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-xl-3 {
width: calc((100% / 3) - (((3 - 1)/ 3) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-xl-4 {
width: calc((100% / 4) - (((4 - 1)/ 4) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-xl-4 {
width: calc((100% / 4) - (((4 - 1)/ 4) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-xl-4 {
width: calc((100% / 4) - (((4 - 1)/ 4) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-xl-4 {
width: calc((100% / 4) - (((4 - 1)/ 4) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-xl-5 {
width: calc((100% / 5) - (((5 - 1)/ 5) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-xl-5 {
width: calc((100% / 5) - (((5 - 1)/ 5) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-xl-5 {
width: calc((100% / 5) - (((5 - 1)/ 5) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-xl-5 {
width: calc((100% / 5) - (((5 - 1)/ 5) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-xl-6 {
width: calc((100% / 6) - (((6 - 1)/ 6) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-xl-6 {
width: calc((100% / 6) - (((6 - 1)/ 6) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-xl-6 {
width: calc((100% / 6) - (((6 - 1)/ 6) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-xl-6 {
width: calc((100% / 6) - (((6 - 1)/ 6) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-xl-7 {
width: calc((100% / 7) - (((7 - 1)/ 7) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-xl-7 {
width: calc((100% / 7) - (((7 - 1)/ 7) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-xl-7 {
width: calc((100% / 7) - (((7 - 1)/ 7) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-xl-7 {
width: calc((100% / 7) - (((7 - 1)/ 7) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-xl-8 {
width: calc((100% / 8) - (((8 - 1)/ 8) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-xl-8 {
width: calc((100% / 8) - (((8 - 1)/ 8) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-xl-8 {
width: calc((100% / 8) - (((8 - 1)/ 8) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-xl-8 {
width: calc((100% / 8) - (((8 - 1)/ 8) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-xl-9 {
width: calc((100% / 9) - (((9 - 1)/ 9) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-xl-9 {
width: calc((100% / 9) - (((9 - 1)/ 9) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-xl-9 {
width: calc((100% / 9) - (((9 - 1)/ 9) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-xl-9 {
width: calc((100% / 9) - (((9 - 1)/ 9) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-xl-10 {
width: calc((100% / 10) - (((10 - 1)/ 10) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-xl-10 {
width: calc((100% / 10) - (((10 - 1)/ 10) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-xl-10 {
width: calc((100% / 10) - (((10 - 1)/ 10) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-xl-10 {
width: calc((100% / 10) - (((10 - 1)/ 10) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-xl-11 {
width: calc((100% / 11) - (((11 - 1)/ 11) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-xl-11 {
width: calc((100% / 11) - (((11 - 1)/ 11) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-xl-11 {
width: calc((100% / 11) - (((11 - 1)/ 11) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-xl-11 {
width: calc((100% / 11) - (((11 - 1)/ 11) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-xl-12 {
width: calc((100% / 12) - (((12 - 1)/ 12) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-xl-12 {
width: calc((100% / 12) - (((12 - 1)/ 12) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-xl-12 {
width: calc((100% / 12) - (((12 - 1)/ 12) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-xl-12 {
width: calc((100% / 12) - (((12 - 1)/ 12) * 45px));
flex-grow: 0
}
}
@media (min-width:1280px) {
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-xxl-1 {
width: calc((100% / 1) - (((1 - 1)/ 1) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-xxl-1 {
width: calc((100% / 1) - (((1 - 1)/ 1) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-xxl-1 {
width: calc((100% / 1) - (((1 - 1)/ 1) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-xxl-1 {
width: calc((100% / 1) - (((1 - 1)/ 1) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-xxl-2 {
width: calc((100% / 2) - (((2 - 1)/ 2) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-xxl-2 {
width: calc((100% / 2) - (((2 - 1)/ 2) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-xxl-2 {
width: calc((100% / 2) - (((2 - 1)/ 2) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-xxl-2 {
width: calc((100% / 2) - (((2 - 1)/ 2) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-xxl-3 {
width: calc((100% / 3) - (((3 - 1)/ 3) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-xxl-3 {
width: calc((100% / 3) - (((3 - 1)/ 3) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-xxl-3 {
width: calc((100% / 3) - (((3 - 1)/ 3) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-xxl-3 {
width: calc((100% / 3) - (((3 - 1)/ 3) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-xxl-4 {
width: calc((100% / 4) - (((4 - 1)/ 4) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-xxl-4 {
width: calc((100% / 4) - (((4 - 1)/ 4) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-xxl-4 {
width: calc((100% / 4) - (((4 - 1)/ 4) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-xxl-4 {
width: calc((100% / 4) - (((4 - 1)/ 4) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-xxl-5 {
width: calc((100% / 5) - (((5 - 1)/ 5) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-xxl-5 {
width: calc((100% / 5) - (((5 - 1)/ 5) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-xxl-5 {
width: calc((100% / 5) - (((5 - 1)/ 5) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-xxl-5 {
width: calc((100% / 5) - (((5 - 1)/ 5) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-xxl-6 {
width: calc((100% / 6) - (((6 - 1)/ 6) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-xxl-6 {
width: calc((100% / 6) - (((6 - 1)/ 6) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-xxl-6 {
width: calc((100% / 6) - (((6 - 1)/ 6) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-xxl-6 {
width: calc((100% / 6) - (((6 - 1)/ 6) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-xxl-7 {
width: calc((100% / 7) - (((7 - 1)/ 7) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-xxl-7 {
width: calc((100% / 7) - (((7 - 1)/ 7) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-xxl-7 {
width: calc((100% / 7) - (((7 - 1)/ 7) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-xxl-7 {
width: calc((100% / 7) - (((7 - 1)/ 7) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-xxl-8 {
width: calc((100% / 8) - (((8 - 1)/ 8) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-xxl-8 {
width: calc((100% / 8) - (((8 - 1)/ 8) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-xxl-8 {
width: calc((100% / 8) - (((8 - 1)/ 8) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-xxl-8 {
width: calc((100% / 8) - (((8 - 1)/ 8) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-xxl-9 {
width: calc((100% / 9) - (((9 - 1)/ 9) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-xxl-9 {
width: calc((100% / 9) - (((9 - 1)/ 9) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-xxl-9 {
width: calc((100% / 9) - (((9 - 1)/ 9) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-xxl-9 {
width: calc((100% / 9) - (((9 - 1)/ 9) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-xxl-10 {
width: calc((100% / 10) - (((10 - 1)/ 10) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-xxl-10 {
width: calc((100% / 10) - (((10 - 1)/ 10) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-xxl-10 {
width: calc((100% / 10) - (((10 - 1)/ 10) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-xxl-10 {
width: calc((100% / 10) - (((10 - 1)/ 10) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-xxl-11 {
width: calc((100% / 11) - (((11 - 1)/ 11) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-xxl-11 {
width: calc((100% / 11) - (((11 - 1)/ 11) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-xxl-11 {
width: calc((100% / 11) - (((11 - 1)/ 11) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-xxl-11 {
width: calc((100% / 11) - (((11 - 1)/ 11) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-xxl-12 {
width: calc((100% / 12) - (((12 - 1)/ 12) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-xxl-12 {
width: calc((100% / 12) - (((12 - 1)/ 12) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-xxl-12 {
width: calc((100% / 12) - (((12 - 1)/ 12) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-xxl-12 {
width: calc((100% / 12) - (((12 - 1)/ 12) * 45px));
flex-grow: 0
}
}
@media (min-width:1640px) {
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-xxxl-1 {
width: calc((100% / 1) - (((1 - 1)/ 1) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-xxxl-1 {
width: calc((100% / 1) - (((1 - 1)/ 1) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-xxxl-1 {
width: calc((100% / 1) - (((1 - 1)/ 1) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-xxxl-1 {
width: calc((100% / 1) - (((1 - 1)/ 1) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-xxxl-2 {
width: calc((100% / 2) - (((2 - 1)/ 2) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-xxxl-2 {
width: calc((100% / 2) - (((2 - 1)/ 2) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-xxxl-2 {
width: calc((100% / 2) - (((2 - 1)/ 2) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-xxxl-2 {
width: calc((100% / 2) - (((2 - 1)/ 2) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-xxxl-3 {
width: calc((100% / 3) - (((3 - 1)/ 3) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-xxxl-3 {
width: calc((100% / 3) - (((3 - 1)/ 3) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-xxxl-3 {
width: calc((100% / 3) - (((3 - 1)/ 3) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-xxxl-3 {
width: calc((100% / 3) - (((3 - 1)/ 3) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-xxxl-4 {
width: calc((100% / 4) - (((4 - 1)/ 4) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-xxxl-4 {
width: calc((100% / 4) - (((4 - 1)/ 4) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-xxxl-4 {
width: calc((100% / 4) - (((4 - 1)/ 4) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-xxxl-4 {
width: calc((100% / 4) - (((4 - 1)/ 4) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-xxxl-5 {
width: calc((100% / 5) - (((5 - 1)/ 5) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-xxxl-5 {
width: calc((100% / 5) - (((5 - 1)/ 5) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-xxxl-5 {
width: calc((100% / 5) - (((5 - 1)/ 5) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-xxxl-5 {
width: calc((100% / 5) - (((5 - 1)/ 5) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-xxxl-6 {
width: calc((100% / 6) - (((6 - 1)/ 6) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-xxxl-6 {
width: calc((100% / 6) - (((6 - 1)/ 6) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-xxxl-6 {
width: calc((100% / 6) - (((6 - 1)/ 6) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-xxxl-6 {
width: calc((100% / 6) - (((6 - 1)/ 6) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-xxxl-7 {
width: calc((100% / 7) - (((7 - 1)/ 7) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-xxxl-7 {
width: calc((100% / 7) - (((7 - 1)/ 7) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-xxxl-7 {
width: calc((100% / 7) - (((7 - 1)/ 7) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-xxxl-7 {
width: calc((100% / 7) - (((7 - 1)/ 7) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-xxxl-8 {
width: calc((100% / 8) - (((8 - 1)/ 8) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-xxxl-8 {
width: calc((100% / 8) - (((8 - 1)/ 8) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-xxxl-8 {
width: calc((100% / 8) - (((8 - 1)/ 8) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-xxxl-8 {
width: calc((100% / 8) - (((8 - 1)/ 8) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-xxxl-9 {
width: calc((100% / 9) - (((9 - 1)/ 9) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-xxxl-9 {
width: calc((100% / 9) - (((9 - 1)/ 9) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-xxxl-9 {
width: calc((100% / 9) - (((9 - 1)/ 9) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-xxxl-9 {
width: calc((100% / 9) - (((9 - 1)/ 9) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-xxxl-10 {
width: calc((100% / 10) - (((10 - 1)/ 10) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-xxxl-10 {
width: calc((100% / 10) - (((10 - 1)/ 10) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-xxxl-10 {
width: calc((100% / 10) - (((10 - 1)/ 10) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-xxxl-10 {
width: calc((100% / 10) - (((10 - 1)/ 10) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-xxxl-11 {
width: calc((100% / 11) - (((11 - 1)/ 11) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-xxxl-11 {
width: calc((100% / 11) - (((11 - 1)/ 11) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-xxxl-11 {
width: calc((100% / 11) - (((11 - 1)/ 11) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-xxxl-11 {
width: calc((100% / 11) - (((11 - 1)/ 11) * 45px));
flex-grow: 0
}
.form-gap-none {
gap: 0
}
.form-gap-none .form-col-xxxl-12 {
width: calc((100% / 12) - (((12 - 1)/ 12) * 0));
flex-grow: 0
}
.form-gap-s {
gap: 15px
}
.form-gap-s .form-col-xxxl-12 {
width: calc((100% / 12) - (((12 - 1)/ 12) * 15px));
flex-grow: 0
}
.form-gap-m {
gap: 30px
}
.form-gap-m .form-col-xxxl-12 {
width: calc((100% / 12) - (((12 - 1)/ 12) * 30px));
flex-grow: 0
}
.form-gap-l {
gap: 45px
}
.form-gap-l .form-col-xxxl-12 {
width: calc((100% / 12) - (((12 - 1)/ 12) * 45px));
flex-grow: 0
}
}
@font-face {
font-family: "Grotesk Light";
src: url(//www.kraiss.de/wp-content/themes/mdct-theme/fonts/grotesk/AktivGrotesk_W_Lt.woff2) format("woff2"), url(//www.kraiss.de/wp-content/themes/mdct-theme/fonts/grotesk/AktivGrotesk_W_Lt.woff) format("woff")
}
@font-face {
font-family: "Grotesk Medium";
src: url(//www.kraiss.de/wp-content/themes/mdct-theme/fonts/grotesk/AktivGrotesk_W_Md.woff2) format("woff2"), url(//www.kraiss.de/wp-content/themes/mdct-theme/fonts/grotesk/AktivGrotesk_W_Md.woff) format("woff")
}
.text-box {
max-width: 80%
}
body {
font-family: var(--pageTypoFamily);
font-size: var(--pageTypoFontSize);
line-height: var(--pageTypoLineHeight);
letter-spacing: var(--pageTypoLetterSpacing)
}
h1 {
font-family: var(--pageTypoH1FontFamily);
font-size: calc(var(--pageTypoH1FontSize) * .7);
line-height: var(--pageTypoH1LineHeight);
font-weight: var(--pageTypoH1FontWeight);
padding: 0 0 var(--pageTypoH1PaddingBottom);
margin: 0 0 0;
-webkit-hyphens: auto;
hyphens: auto;
letter-spacing: var(--pageTypoHeadlineLetterSpacing);
color: var(--pageTypoH1Color)
}
@media (min-width:768px) {
h1 {
font-size: var(--pageTypoH1FontSize)
}
}
h2 {
font-family: var(--pageTypoH2FontFamily);
font-size: calc(var(--pageTypoH2FontSize) * .7);
line-height: var(--pageTypoH2LineHeight);
font-weight: var(--pageTypoH2FontWeight);
padding: 0 0 var(--pageTypoH2PaddingBottom);
margin: 0 0 0;
letter-spacing: var(--pageTypoHeadlineLetterSpacing);
-webkit-hyphens: auto;
hyphens: auto;
color: var(--pageTypoH2Color)
}
@media (min-width:768px) {
h2 {
font-size: var(--pageTypoH2FontSize)
}
}
h3 {
font-family: var(--pageTypoH3FontFamily);
font-size: calc(var(--pageTypoH3FontSize) * .7);
line-height: var(--pageTypoH3LineHeight);
font-weight: var(--pageTypoH3FontWeight);
padding: 0 0 var(--pageTypoH3PaddingBottom);
margin: 0 0 0;
letter-spacing: var(--pageTypoHeadlineLetterSpacing);
-webkit-hyphens: auto;
hyphens: auto;
color: var(--pageTypoH3Color)
}
@media (min-width:768px) {
h3 {
font-size: var(--pageTypoH3FontSize)
}
}
h4 {
font-family: var(--pageTypoH4FontFamily);
font-size: var(--pageTypoH4FontSize);
line-height: var(--pageTypoH4LineHeight);
font-weight: var(--pageTypoH4FontWeight);
padding: 0 0 var(--pageTypoH4PaddingBottom);
margin: 0 0 0;
letter-spacing: var(--pageTypoHeadlineLetterSpacing);
-webkit-hyphens: auto;
hyphens: auto;
color: var(--pageTypoH4Color)
}
@media (min-width:768px) {
h4 {
font-size: var(--pageTypoH4FontSize)
}
}
h5 {
font-family: var(--pageTypoH5FontFamily);
font-size: var(--pageTypoH5FontSize);
line-height: var(--pageTypoH5LineHeight);
font-weight: var(--pageTypoH5FontWeight);
padding: 0 0 var(--pageTypoH5PaddingBottom);
margin: 0 0 0;
letter-spacing: var(--pageTypoHeadlineLetterSpacing);
-webkit-hyphens: auto;
hyphens: auto;
color: var(--pageTypoH5Color)
}
@media (min-width:768px) {
h5 {
font-size: var(--pageTypoH5FontSize)
}
}
p {
padding: 0 0 var(--pageTypoParagraphPaddingBottom);
margin: 0 0 0
}
ul {
padding: 0 0 30px 15px;
margin: 0 0 0
}
.font-weight-s {
font-family: "Grotesk Light"
}
.font-weight-m {
font-family: "Grotesk Light"
}
.font-weight-l {
font-family: "Grotesk Medium"
}
.font-size-x {
font-size: var(--pageTypoHelperClassFontSizeX) !important
}
@media (min-width:768px) {
.font-size-x {
font-size: var(--pageTypoHelperClassFontSizeX) !important
}
}
.font-size-s {
font-size: calc(var(--pageTypoHelperClassFontSizeS) * .7) !important
}
@media (min-width:768px) {
.font-size-s {
font-size: var(--pageTypoHelperClassFontSizeS) !important
}
}
.font-size-m {
font-size: calc(var(--pageTypoHelperClassFontSizeM) * .7) !important
}
@media (min-width:768px) {
.font-size-m {
font-size: var(--pageTypoHelperClassFontSizeM) !important
}
}
.font-size-l {
font-size: calc(var(--pageTypoHelperClassFontSizeL) * .7) !important
}
@media (min-width:768px) {
.font-size-l {
font-size: var(--pageTypoHelperClassFontSizeL) !important
}
}
.font-size-xl {
font-size: calc(var(--pageTypoHelperClassFontSizeXL) * .7) !important
}
@media (min-width:768px) {
.font-size-xl {
font-size: var(--pageTypoHelperClassFontSizeXL) !important
}
}
span.font-size-l,
span.font-size-m,
span.font-size-s,
span.font-size-x,
span.font-size-xl {
display: inherit
}
.font-color-dark {
color: var(--pageTypoHelperClassFontColorDark) !important
}
.font-color-bright {
color: var(--pageTypoHelperClassFontColorBright) !important
}
.font-color-brand {
color: var(--pageBrandColor) !important
}
.font-color-accent {
color: var(--pageAccentColor) !important
}
.font-caps {
text-transform: uppercase
}
.font-center {
text-align: center;
max-width: 100% !important
}
.text-center {
text-align: center
}
.text-center h1,
.text-center h2,
.text-center h3,
.text-center p {
max-width: 100% !important
}
.text-right {
text-align: right
}
.text-left {
text-align: left
}
.font-default {
font-family: "Grotesk Light"
}
.font-custom {
font-family: 'EB Garamond';
font-weight: 600
}
.lineheight-default {
line-height: var(--pageTypoLineHeight) !important
}
sup {
vertical-align: -6% !important;
display: inline-block;
font-size: 67% !important
}
.module__outer__inner.spacebefore-none {
padding-top: calc(0 * var(--pageModuleSpaceMobileFactor))
}
@media (min-width:768px) {
.module__outer__inner.spacebefore-none {
padding-top: 0
}
}
.module__outer__inner.spaceafter-none {
padding-bottom: calc(0 * var(--pageModuleSpaceMobileFactor))
}
@media (min-width:768px) {
.module__outer__inner.spaceafter-none {
padding-bottom: 0
}
}
.module__outer__inner.spacebefore-s {
padding-top: calc(var(--pageModuleSpaceS) * var(--pageModuleSpaceMobileFactor))
}
@media (min-width:768px) {
.module__outer__inner.spacebefore-s {
padding-top: var(--pageModuleSpaceS)
}
}
.module__outer__inner.spaceafter-s {
padding-bottom: calc(var(--pageModuleSpaceS) * var(--pageModuleSpaceMobileFactor))
}
@media (min-width:768px) {
.module__outer__inner.spaceafter-s {
padding-bottom: var(--pageModuleSpaceS)
}
}
.module__outer__inner.spacebefore-m {
padding-top: calc(var(--pageModuleSpaceM) * var(--pageModuleSpaceMobileFactor))
}
@media (min-width:768px) {
.module__outer__inner.spacebefore-m {
padding-top: var(--pageModuleSpaceM)
}
}
.module__outer__inner.spaceafter-m {
padding-bottom: calc(var(--pageModuleSpaceM) * var(--pageModuleSpaceMobileFactor))
}
@media (min-width:768px) {
.module__outer__inner.spaceafter-m {
padding-bottom: var(--pageModuleSpaceM)
}
}
.module__outer__inner.spacebefore-l {
padding-top: calc(var(--pageModuleSpaceL) * var(--pageModuleSpaceMobileFactor))
}
@media (min-width:768px) {
.module__outer__inner.spacebefore-l {
padding-top: var(--pageModuleSpaceL)
}
}
.module__outer__inner.spaceafter-l {
padding-bottom: calc(var(--pageModuleSpaceL) * var(--pageModuleSpaceMobileFactor))
}
@media (min-width:768px) {
.module__outer__inner.spaceafter-l {
padding-bottom: var(--pageModuleSpaceL)
}
}
.module {
background-color: var(--pageModuleBg)
}
.module__outer__inner.indentbefore-none {
padding-left: 0
}
@media (min-width:768px) {
.module__outer__inner.indentbefore-none {
padding-left: 0
}
}
.module__outer__inner.indentafter-none {
padding-right: 0
}
@media (min-width:768px) {
.module__outer__inner.indentafter-none {
padding-right: 0
}
}
.module {
background-color: var(--pageModuleBg)
}
.module__outer__inner.indentbefore-xs {
padding-left: 8.333%
}
@media (min-width:768px) {
.module__outer__inner.indentbefore-xs {
padding-left: var(--pageModuleIndentS)
}
}
.module__outer__inner.indentafter-xs {
padding-right: 8.333%
}
@media (min-width:768px) {
.module__outer__inner.indentafter-xs {
padding-right: var(--pageModuleIndentS)
}
}
.module {
background-color: var(--pageModuleBg)
}
.module__outer__inner.indentbefore-s {
padding-left: 8.333%
}
@media (min-width:768px) {
.module__outer__inner.indentbefore-s {
padding-left: var(--pageModuleIndentM)
}
}
.module__outer__inner.indentafter-s {
padding-right: 8.333%
}
@media (min-width:768px) {
.module__outer__inner.indentafter-s {
padding-right: var(--pageModuleIndentM)
}
}
.module {
background-color: var(--pageModuleBg)
}
.module__outer__inner.indentbefore-m {
padding-left: 8.333%
}
@media (min-width:768px) {
.module__outer__inner.indentbefore-m {
padding-left: var(--pageModuleIndentL)
}
}
.module__outer__inner.indentafter-m {
padding-right: 8.333%
}
@media (min-width:768px) {
.module__outer__inner.indentafter-m {
padding-right: var(--pageModuleIndentL)
}
}
.module {
background-color: var(--pageModuleBg)
}
.module__outer__inner.indentbefore-l {
padding-left: 8.333%
}
@media (min-width:768px) {
.module__outer__inner.indentbefore-l {
padding-left: var(--pageModuleIndentXL)
}
}
.module__outer__inner.indentafter-l {
padding-right: 8.333%
}
@media (min-width:768px) {
.module__outer__inner.indentafter-l {
padding-right: var(--pageModuleIndentXL)
}
}
svg.icon {
width: 25px;
height: 25px;
display: inline-block
}
svg.icon g,
svg.icon path {
stroke: brown
}
@font-face {
font-family: WW-Default-Icons-2022-Q2;
src: url(//www.kraiss.de/wp-content/themes/mdct-theme/fonts/icons/WW-Default-Icons-2022-Q2.ttf?gjvd6d) format("truetype"), url(//www.kraiss.de/wp-content/themes/mdct-theme/fonts/icons/WW-Default-Icons-2022-Q2.woff?gjvd6d) format("woff"), url(//www.kraiss.de/wp-content/themes/mdct-theme/fonts/icons/WW-Default-Icons-2022-Q2.svg?gjvd6d#WW-Default-Icons-2022-Q2) format("svg");
font-weight: 400;
font-style: normal;
font-display: block
}
i {
font-family: var(--pageIconFont);
speak: never;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.icon-globe_bold-ww::before {
content: var(--pageIconUiGlobeBold)
}
.icon-globe_light-ww::before {
content: var(--pageIconUiGlobeLight)
}
.icon-heart-outline-ww::before {
content: var(--pageIconUiHeartOutlined)
}
.icon-icon-heart-full-ww::before {
content: var(--pageIconUiHeartFilled)
}
.icon-account_bold-ww::before {
content: var(--pageIconUiAccountBold)
}
.icon-account_light-ww::before {
content: var(--pageIconUiAccountLight)
}
.icon-cart_bold-ww::before {
content: var(--pageIconUiCartBold)
}
.icon-cart_light-ww::before {
content: var(--pageIconUiCartLight)
}
.icon-location_bold-ww::before {
content: var(--pageIconUiLocationBold)
}
.icon-location_light-ww::before {
content: var(--pageIconUiLocationLight)
}
.icon-menu_bold-ww::before {
content: var(--pageIconUiMenuBold)
}
.icon-menu_light-ww::before {
content: var(--pageIconUiMenuLight)
}
.icon-account-2_bold-ww::before {
content: var(--pageIconUiAccount2Bold)
}
.icon-account-2_light-ww::before {
content: var(--pageIconUiAccount2Light)
}
.icon-add_bold-ww::before {
content: var(--pageIconUiAddBold)
}
.icon-add_light-ww::before {
content: var(--pageIconUiAddLight)
}
.icon-arrow_bold-ww::before {
content: var(--pageIconUiArrowBold)
}
.icon-arrow_light-ww::before {
content: var(--pageIconUiArrowLight)
}
.icon-arrow_circle_bold-ww::before {
content: var(--pageIconUiArrowCircleBold)
}
.icon-arrow_circle_light-ww::before {
content: var(--pageIconUiArrowCircleLight)
}
.icon-plus_circle_bold-ww::before {
content: var(--pageIconUiPlusCircleBold)
}
.icon-plus_circle_light-ww::before {
content: var(--pageIconUiPlusCircleLight)
}
.icon-plus_bold-ww::before {
content: var(--pageIconUiPlusBold)
}
.icon-plus_light-ww::before {
content: var(--pageIconUiPlusLight)
}
.icon-cart-2_bold-ww::before {
content: var(--pageIconUiCart2Bold)
}
.icon-cart-2_light-ww::before {
content: var(--pageIconUiCart2Light)
}
.icon-times_bold-ww::before {
content: var(--pageIconUiTimesBold)
}
.icon-times_light-ww::before {
content: var(--pageIconUiTimesLight)
}
.icon-phone_bold-ww::before {
content: var(--pageIconUiPhoneBold)
}
.icon-phone_light-ww::before {
content: var(--pageIconUiPhoneLight)
}
.icon-search_bold-ww::before {
content: var(--pageIconUiSearchBold)
}
.icon-search_light-ww::before {
content: var(--pageIconUiSearchLight)
}
.icon-facebook_square-ww::before {
content: var(--pageIconSocialFacebookSquare)
}
.icon-linkedin_square-ww::before {
content: var(--pageIconSocialLinkedinSquare)
}
.icon-linkedin-ww::before {
content: var(--pageIconSocialLinkedin)
}
.icon-whatsapp-ww::before {
content: var(--pageIconSocialWhatsapp)
}
.icon-twitter-ww::before {
content: var(--pageIconSocialTwitter)
}
.icon-xing-ww::before {
content: var(--pageIconSocialXing)
}
.icon-youtube-ww::before {
content: var(--pageIconSocialYoutube)
}
.icon-youtube-2-ww::before {
content: var(--pageIconSocialYoutube2)
}
.icon-spotify-ww::before {
content: var(--pageIconSocialSpotify)
}
.icon-instagram-ww::before {
content: var(--pageIconSocialInstagram)
}
.icon-facebook-ww::before {
content: var(--pageIconSocialFacebook)
}
.icon-gls-ww::before {
content: var(--pageIconShippingGls)
}
.icon-dhl-packstation-ww::before {
content: var(--pageIconShippingDhlPackstation)
}
.icon-dhl-ww::before {
content: var(--pageIconShippingDhl)
}
.icon-dpd-ww::before {
content: var(--pageIconShippingDpd)
}
.icon-ups-ww::before {
content: var(--pageIconShippingUps)
}
.icon-ec-ww::before {
content: var(--pageIconPaymentEc)
}
.icon-mastercard-ww::before {
content: var(--pageIconPaymentMastercard)
}
.icon-mastercard-2-ww::before {
content: var(--pageIconPaymentMastercard2)
}
.icon-paypal-1-ww::before {
content: var(--pageIconPaymentPaypal)
}
.icon-paypal-2-ww::before {
content: var(--pageIconPaymentPaypal2)
}
.icon-rechnung-ww::before {
content: var(--pageIconPaymentRechnung)
}
.icon-klarna-ww::before {
content: var(--pageIconPaymentKlarna)
}
.icon-visa-ww::before {
content: var(--pageIconPaymentVisa)
}
.icon-sepa-ww::before {
content: var(--pageIconPaymentSepa)
}
.footer {
border-top: var(--pageFooterBorder);
background-color: var(--pageFooterBgColor)
}
.footer__outer {
max-width: var(--pageMaxWidth);
margin: 0 auto
}
.footer__outer__inner {
padding: 75px var(--pageModuleIndentS) 60px var(--pageModuleIndentS);
display: flex;
flex-wrap: wrap;
row-gap: 45px;
padding-right: 8.33333%;
padding-left: 8.33333%
}
@media (min-width:640px) {
.footer__outer__inner {
padding-right: var(--pageModuleIndentS);
padding-left: var(--pageModuleIndentS)
}
}
.footer__outer__inner .col {
width: 100%
}
.footer__outer__inner .col.nav1 {
padding-right: 30px;
width: 100%
}
@media (min-width:640px) {
.footer__outer__inner .col.nav1 {
width: 50%
}
}
@media (min-width:768px) {
.footer__outer__inner .col.nav1 {
width: 50%
}
}
@media (min-width:992px) {
.footer__outer__inner .col.nav1 {
width: 25%
}
}
.footer__outer__inner .col.nav2 {
padding-right: 30px;
width: 100%
}
@media (min-width:640px) {
.footer__outer__inner .col.nav2 {
width: 100%
}
}
@media (min-width:768px) {
.footer__outer__inner .col.nav2 {
width: 100%
}
}
@media (min-width:992px) {
.footer__outer__inner .col.nav2 {
width: 50%
}
}
.footer__outer__inner .col.nav2 .col__wrapper .nav-list {
display: flex;
flex-wrap: wrap
}
.footer__outer__inner .col.nav2 .col__wrapper .nav-list li {
width: 100%
}
@media (min-width:768px) {
.footer__outer__inner .col.nav2 .col__wrapper .nav-list li {
width: 50%
}
}
.footer__outer__inner .col.nav4 {
width: 100%
}
@media (min-width:640px) {
.footer__outer__inner .col.nav4 {
width: 50%
}
}
@media (min-width:768px) {
.footer__outer__inner .col.nav4 {
width: 50%
}
}
@media (min-width:992px) {
.footer__outer__inner .col.nav4 {
width: 25%
}
}
.footer__outer__inner .col__wrapper__headline {
font-size: 30px;
line-height: 1.1
}
.footer__outer__inner .col__wrapper .nav-list {
list-style-type: none;
padding: 0;
margin: 0
}
.footer__outer__inner .col__wrapper .nav-list li {
padding-bottom: 15px
}
.footer__outer__inner .col__wrapper .nav-list li:last-of-type {
padding-bottom: 0
}
.footer__outer__inner .col__wrapper .nav-list li a {
color: var(--pageFooterLinkColor);
text-decoration: none;
font-size: 15px
}
.footer__outer__inner .col__wrapper .footer-newsletter__title {
font-size: 30px;
line-height: 1.1
}
.footer__outer__inner .col__wrapper .footer-newsletter__form .form-row .form-group {
display: flex;
flex-wrap: wrap
}
.footer__outer__inner .col__wrapper .footer-newsletter__form .form-row .form-group.error .form-group__error {
display: block
}
.footer__outer__inner .col__wrapper .footer-newsletter__form .form-row .form-group .form-textfield {
width: calc(100% - 30px);
font-size: 15px
}
.footer__outer__inner .col__wrapper .footer-newsletter__form .form-row .form-group .btn {
border: none;
border-bottom: 1px solid #000;
background-color: transparent;
width: 30px
}
.footer__outer__inner .col__wrapper .footer-newsletter__form .form-row .form-group .form-group__error {
width: 100%;
padding-top: 8px;
color: #d33c2e;
font-size: 14px;
display: none
}
.footer__outer__inner .col__wrapper .footer-social ul {
list-style-type: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
-moz-column-gap: 15px;
column-gap: 15px;
row-gap: 15px
}
.footer__outer__inner .col__wrapper .footer-social ul li a {
text-decoration: none
}
.footer__outer__inner .col__wrapper .footer-social ul li a i {
font-size: 20px
}
.footer__outer__inner .col__wrapper .footer-copyright {
font-size: 15px;
line-height: 1;
padding-top: 6px
}
.footer__outer__inner .col__wrapper .footer-deep-cols {
display: flex;
flex-wrap: wrap;
-moz-column-gap: 20px;
column-gap: 20px;
row-gap: 20px
}
.footer__outer__inner .col__wrapper .footer-deep-cols .footer-contact {
font-size: 15px
}
.footer__outer__inner .col__wrapper .footer-deep-cols .footer-contact a {
text-decoration: none;
font-size: 15px;
color: var(--pageBodyColor)
}
@media (hover:hover) {
.footer__inner .col__wrapper__list li a:hover {
color: var(--pageFooterLinkHover)
}
}
.header {
background-color: rgba(0, 0, 0, .8);
position: fixed;
top: 0;
left: 0;
z-index: 9999;
width: 100%;
padding: 30px 0;
transition: top .5s ease
}
.header.fullscreen {
height: 100dvh
}
.header.fullscreen nav .logo {
display: block
}
.header.fullscreen .header__inner {
height: 100%
}
.header.fullscreen .header__inner .row {
height: 100%;
align-items: flex-start
}
.header.fullscreen .header__inner .row__logo {
width: 100%;
display: flex;
height: 46px
}
.header.fullscreen .header__inner .row__logo .logo .svg-logo .svg-logo-font {
fill: var(--pageLinkColor) !important
}
.header.fullscreen .header__inner .row .mobile-navigation-footer {
width: 100%;
display: none;
height: 200px;
flex-direction: row
}
@media (min-width:640px) {
.header.fullscreen .header__inner .row .mobile-navigation-footer {
display: flex
}
}
.header.fullscreen .header__inner .row .mobile-navigation-footer__col.left {
width: 70%;
justify-content: flex-end;
display: flex;
flex-direction: column
}
.header.fullscreen .header__inner .row .mobile-navigation-footer__col.right {
width: 30%;
display: flex;
align-items: flex-end;
justify-content: flex-end
}
.header.fullscreen .header__inner .row .mobile-navigation-footer .language-switch {
list-style-type: none;
margin: 0;
padding: 0
}
.header.fullscreen .header__inner .row .mobile-navigation-footer .language-switch li {
padding-bottom: 5px
}
.header.fullscreen .header__inner .row .mobile-navigation-footer .language-switch li a {
font-size: 25px;
text-decoration: none;
text-transform: uppercase
}
.header.fullscreen .header__inner .row .mobile-navigation-footer .language-switch li a.active {
font-family: "Grotesk Medium"
}
.header.fullscreen .header__inner .row .mobile-navigation-footer__title {
font-size: 20px;
padding-bottom: 13px
}
.header.fullscreen .header__inner .row .mobile-navigation-footer__row {
font-size: 15px
}
.header.fullscreen .header__inner .row .mobile-navigation-footer__row.tel {
display: block;
text-decoration: none
}
.header.fullscreen .header__inner .row .mobile-navigation-footer__row.email {
display: block;
padding-bottom: 15px;
text-decoration: none
}
.header.fullscreen .header__inner .row .mobile-navigation-footer__row.company {
display: block
}
.header.fullscreen .header__inner .row .mobile-navigation-footer__row.address {
display: block
}
.header.fullscreen .header__inner .row .mobile-navigation-footer__row.city {
display: block
}
.header.fullscreen .header__inner #menu-primary-menu {
display: none
}
.header.fullscreen .header__inner .mobile-navigation {
display: flex
}
.header.fullscreen .header__inner .mobile-navigation-footer__col {
color: var(--pageLinkColor) !important
}
.header.fullscreen .header__inner .mobile-menu-button::before {
background-color: var(--pageLinkColor) !important;
transform: rotate(45deg) translate(7px, 6px)
}
@media (min-width:640px) {
.header.fullscreen .header__inner .mobile-menu-button::before {
transform: rotate(45deg) translate(7px, 6px)
}
}
.header.fullscreen .header__inner .mobile-menu-button::after {
background-color: var(--pageLinkColor) !important;
transform: rotate(-45deg) translate(4px, -4px)
}
@media (min-width:640px) {
.header.fullscreen .header__inner .mobile-menu-button::after {
transform: rotate(-45deg) translate(4px, -4px)
}
}
.header--backdrop {
height: var(--header-height);
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: var(--pageBrandColor);
mix-blend-mode: multiply;
z-index: 9998
}
.header--backdrop.fullscreen {
height: var(--viewport-height)
}
.header__inner {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto
}
.header__inner .row {
padding-right: 8.33333%;
padding-left: 8.33333%
}
@media (min-width:640px) {
.header__inner .row {
padding-right: var(--pageModuleIndentS);
padding-left: var(--pageModuleIndentS)
}
}
.header__inner .row.mobile-navigation-wrapper {
display: none
}
.header__inner .logo {
display: inline-flex;
height: 100%;
align-items: flex-start
}
.header__inner .logo .svg-logo {
width: 120px;
height: 28px
}
@media (min-width:640px) {
.header__inner .logo .svg-logo {
width: 164px
}
}
.header__inner .logo .svg-logo .svg-logo-font {
fill: #fff
}
.header__inner .logo .svg-logo .svg-logo-bar {
fill: var(--pageAccentColor)
}
.header__inner .mobile-menu-button {
position: absolute;
top: 51px;
right: 8.33333%;
z-index: 1;
display: inline-block;
width: 34px;
height: 20px;
border: none;
background-color: transparent;
outline: 0;
transition: all .3s ease
}
@media (min-width:640px) {
.header__inner .mobile-menu-button {
top: 51px;
width: 34px;
height: 20px;
right: var(--pageModuleIndentS)
}
}
@media (min-width:1280px) {
.header__inner .mobile-menu-button {
display: none
}
}
.header__inner .mobile-menu-button::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 4px;
background-color: var(--pageHeaderMenuIconColor);
transform-origin: center center;
transition: all .3s ease
}
@media (min-width:640px) {
.header__inner .mobile-menu-button::before {
height: 4px
}
}
.header__inner .mobile-menu-button::after {
content: "";
display: block;
position: absolute;
bottom: 2px;
left: 0;
z-index: 1;
width: 100%;
height: 4px;
background-color: var(--pageHeaderMenuIconColor);
transform-origin: center center;
transition: all .3s ease
}
@media (min-width:640px) {
.header__inner .mobile-menu-button::after {
height: 4px
}
}
.header__inner .mobile-navigation {
display: none
}
.header__inner .mobile-navigation-footer {
display: none
}
.header.black .header__inner .logo .svg-logo .svg-logo-font {
fill: var(--pageBrandColor) !important
}
.header.black nav .nav-list li a {
color: var(--pageBrandColor) !important
}
.header.black nav .language-switch.header-pos li a {
color: var(--pageBrandColor) !important
}
.header.black .header__inner .mobile-menu-button::before {
background-color: var(--pageBrandColor) !important
}
.header.black .header__inner .mobile-menu-button::after {
background-color: var(--pageBrandColor) !important
}
.header.white .header__inner .logo .svg-logo .svg-logo-font {
fill: #fff !important
}
.header.white nav .nav-list li a {
color: #fff !important
}
.header.white nav .language-switch.header-pos li a {
color: #fff !important
}
.header.white .header__inner .mobile-menu-button::before {
background-color: #fff !important
}
.header.white .header__inner .mobile-menu-button::after {
background-color: #fff !important
}
.header.white.fullscreen .header__inner .mobile-menu-button::before {
background-color: var(--pageBrandColor) !important
}
.header.white.fullscreen .header__inner .mobile-menu-button::after {
background-color: var(--pageBrandColor) !important
}
.page-wrapper {
width: 100%;
padding: 0;
min-height: 100%;
position: relative;
margin: 0 auto;
max-width: 100%
}
.page-wrapper .main-content {
padding: 0
}
@media (min-width:640px) {
.page-wrapper .main-content {
padding: 0
}
}
.page-wrapper .main-content video {
width: 100%;
height: auto
}
.tool-tip-wrapper {
display: inline-block;
position: fixed;
bottom: 15vh;
right: 0;
background-color: var(--pageAccentColor);
border-radius: 10px 0 0 10px;
z-index: 1
}
.tool-tip-wrapper__link {
display: inline-block;
font-size: 43px;
line-height: 1;
color: #000;
text-decoration: none;
outline: 0;
padding: 16px 15px 12px;
z-index: 1;
transition: all .3s ease
}
.tool-tip-wrapper__link svg {
width: 53px;
height: 35px
}
.tool-tip-wrapper__link svg path {
fill: #000;
transition: all .3s ease
}
.tool-tip-wrapper__link:hover {
color: #000;
text-decoration: none
}
.tool-tip-wrapper__link:hover svg path {
fill: #000
}
.tool-tip-wrapper.accent {
background-color: var(--pageAccentColor)
}
.tool-tip-wrapper.accent .tool-tip-wrapper__link {
color: #000
}
.tool-tip-wrapper.accent .tool-tip-wrapper__link svg path {
fill: #000
}
.tool-tip-wrapper.accent .tool-tip-wrapper__link:hover {
color: #000
}
.tool-tip-wrapper.accent .tool-tip-wrapper__link:hover svg path {
fill: #000
}
.tool-tip-wrapper.white {
background-color: #fff
}
.tool-tip-wrapper.white .tool-tip-wrapper__link {
color: #000
}
.tool-tip-wrapper.white .tool-tip-wrapper__link svg path {
fill: #000
}
.tool-tip-wrapper.white .tool-tip-wrapper__link:hover {
color: #000
}
.tool-tip-wrapper.white .tool-tip-wrapper__link:hover svg path {
fill: #000
}
.tool-tip-wrapper.black {
background-color: #000
}
.tool-tip-wrapper.black .tool-tip-wrapper__link {
color: #fff
}
.tool-tip-wrapper.black .tool-tip-wrapper__link svg path {
fill: #fff
}
.tool-tip-wrapper.black .tool-tip-wrapper__link:hover {
color: #fff
}
.tool-tip-wrapper.black .tool-tip-wrapper__link:hover svg path {
fill: #fff
}
.tool-tip-wrapper.brand {
background-color: var(--pageBrandColor)
}
.tool-tip-wrapper.brand .tool-tip-wrapper__link {
color: #fff
}
.tool-tip-wrapper.brand .tool-tip-wrapper__link svg path {
fill: #fff
}
.tool-tip-wrapper.brand .tool-tip-wrapper__link:hover {
color: #fff
}
.tool-tip-wrapper.brand .tool-tip-wrapper__link:hover svg path {
fill: #fff
}
.tool-tip-wrapper.grey {
background-color: #f5f5f5
}
.tool-tip-wrapper.grey .tool-tip-wrapper__link {
color: #000
}
.tool-tip-wrapper.grey .tool-tip-wrapper__link svg path {
fill: #000
}
.tool-tip-wrapper.grey .tool-tip-wrapper__link:hover {
color: #000
}
.tool-tip-wrapper.grey .tool-tip-wrapper__link:hover svg path {
fill: #000
}
.header nav {
display: flex
}
.header nav .logo {
display: flex;
width: 150px
}
.header nav .mobile-menu-button {
top: 37px
}
.header nav .nav-list {
display: none;
flex-wrap: wrap;
justify-content: flex-start;
flex-direction: column;
width: calc(100% - 150px);
padding-left: 30px;
list-style: none;
padding: 0;
margin: 0;
background-color: transparent;
justify-content: flex-end
}
@media (min-width:1280px) {
.header nav .nav-list {
display: flex;
flex-direction: row
}
}
.header nav .nav-list li {
width: 11%;
position: relative;
display: flex;
padding: 0 28px 0 0;
flex-wrap: wrap;
flex-direction: column
}
@media (min-width:992px) {
.header nav .nav-list li {
flex-wrap: nowrap
}
}
.header nav .nav-list li.current-menu-item>a,
.header nav .nav-list li.current-page-ancestor>a {
color: #fff;
text-decoration: underline
}
.header nav .nav-list li a {
display: inline-block;
text-decoration: none;
color: #ccc;
padding: 8px 0 0;
margin-bottom: 4px;
font-size: 18px;
line-height: 1.2;
border-bottom: 1px solid transparent;
transition: border-color .2s ease;
position: relative
}
.header nav .nav-list li a:focus,
.header nav .nav-list li a:hover {
color: var(--pageAccentColor) !important
}
.header nav .nav-list li a.nav-icon-link {
margin: 0 auto
}
.header nav .nav-list li a.nav-icon-link svg {
width: 33px
}
.header nav .nav-list li a.nav-icon-link svg path {
fill: var(--pageAccentColor)
}
.header nav .nav-list li .sub-menu {
display: flex;
flex-direction: column;
margin: 0;
padding: 0 0 0;
max-height: 0;
overflow-y: hidden;
transition: max-height .2s ease
}
.header nav .nav-list li .sub-menu.open {
max-height: 1000px;
padding: 0;
transition: max-height 1s ease-in-out
}
.header nav .nav-list li .sub-menu .menu-item {
width: 100%;
padding-right: 0
}
.header nav .nav-list li .sub-menu .menu-item:first-of-type {
padding-top: 30px
}
.header nav .nav-list li .sub-menu .menu-item:last-of-type {
padding-bottom: 20px
}
.header nav .nav-list li .sub-menu .menu-item a {
font-size: 14px
}
.header nav .language-switch.header-pos {
list-style-type: none;
margin: 0;
padding: 0;
position: absolute;
top: 36px;
right: var(--pageModuleIndentS);
z-index: 1;
display: none
}
@media (min-width:992px) {
.header nav .language-switch.header-pos {
display: block
}
}
.header nav .language-switch.header-pos li {
padding-bottom: 0
}
.header nav .language-switch.header-pos li a {
font-size: 18px;
text-decoration: none;
text-transform: uppercase;
color: #5d5c5c
}
.header nav .language-switch.header-pos li a.active {
font-family: "Grotesk Medium"
}
.header.fullscreen {
background-color: #fff
}
.header.fullscreen .header__inner {
min-height: 100%;
max-width: 100%;
margin: 0;
display: flex;
flex-direction: column
}
.header.fullscreen .header__inner .row {
flex-direction: row;
align-items: flex-start !important;
justify-content: flex-start;
flex: 1;
min-height: 0;
overflow: auto
}
.header.fullscreen .header__inner .row__logo {
width: 100%
}
.header.fullscreen .header__inner .row .nav-list {
display: flex;
width: 100%;
justify-content: flex-start;
padding-top: 30px;
padding-bottom: 30px;
flex: 1 1 auto;
min-height: 0;
height: 100%;
flex-wrap: nowrap
}
.header.fullscreen .header__inner .row .nav-list li {
border: none;
padding-right: 0;
padding-left: 0
}
.header.fullscreen .header__inner .row .nav-list li .dropdown-toggle {
border: 1px solid #818181;
padding: 4px 7px 0
}
.header.fullscreen .header__inner .row .nav-list li .sub-menu {
box-shadow: none
}
.header.fullscreen .header__inner .row .nav-list li .sub-menu li {
border: none;
padding-left: 15px;
border-left: 2px solid #a8a7a4
}
.header.fullscreen .header__inner .row .nav-list li .sub-menu li .sub-menu {
box-shadow: none
}
.header.fullscreen .header__inner .row .nav-list li .sub-menu li .sub-menu li {
border: none;
padding-left: 15px;
border-left: 2px solid #d3d3d3
}
@media (hover:hover) and (pointer:fine) {
.header nav {
display: flex
}
.header nav .logo {
display: flex;
width: 150px
}
.header nav .nav-list li {
transition: all .2s ease
}
.header nav .nav-list li a.bold {
font-weight: 700
}
.header nav .nav-list li .dropdown-toggle {
pointer-events: none
}
.header nav .nav-list li .dropdown-toggle .screen-reader-text:hover {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000
}
}
.mobile-navigation {
flex-direction: column;
flex-grow: 1;
height: calc(100% - 65px);
position: relative;
width: 100%;
overflow-x: hidden;
overflow-y: auto
}
@media (min-width:640px) {
.mobile-navigation {
height: calc(100% - 300px)
}
}
.mobile-navigation__list {
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
z-index: 1;
list-style-type: none;
margin: 0;
padding: 0;
transition: left .3s ease
}
.mobile-navigation__list.active {
left: 0
}
.mobile-navigation__list .mobile-navigation-item {
padding-bottom: 35px
}
.mobile-navigation__list .mobile-navigation-item:last-of-type {
padding-bottom: 0
}
.mobile-navigation__list .mobile-navigation-item a {
font-size: 25px;
display: block;
position: relative;
max-width: 50%;
text-decoration: none
}
.mobile-navigation__list .mobile-navigation-item a.isparent::after {
font-family: WW-Default-Icons-2022-Q2;
content: var(--pageIconUiArrowBold);
display: inline-block;
position: absolute;
right: 0;
top: 0;
z-index: 1;
pointer-events: none
}
.mobile-navigation__section {
position: absolute;
top: 0;
left: 100%;
width: 100%;
height: 100%;
z-index: 1;
transition: left .5s cubic-bezier(.19, 1, .22, 1)
}
.mobile-navigation__section.active {
left: 0
}
.mobile-navigation__section__header {
padding-bottom: 35px
}
.mobile-navigation__section__header__back {
font-size: 25px;
text-decoration: none
}
.mobile-navigation__section__header__back i {
transform-origin: center center;
transform: rotate(180deg);
display: inline-block
}
.mobile-navigation__section__content .mobile-navigation__navigation {
list-style-type: none;
margin: 0;
padding: 0
}
.mobile-navigation__section__content .mobile-navigation__navigation .mobile-navigation__navigation-item {
padding-bottom: 35px
}
.mobile-navigation__section__content .mobile-navigation__navigation .mobile-navigation__navigation-item:last-of-type {
padding-bottom: 0
}
.mobile-navigation__section__content .mobile-navigation__navigation .mobile-navigation__navigation-item a {
font-size: 20px;
text-decoration: none
}
.mobile-navigation__section__content .mobile-navigation__navigation .mobile-navigation__navigation-item a.master-cat {
font-size: 25px
}
.mce-color-tile.mce-brand .mce-ico {
display: block !important;
background-color: var(--pageBrandColor)
}
.mce-color-tile.mce-accent .mce-ico {
display: block !important;
background-color: var(--pageAccentColor)
}
.mce-color-tile.mce-white .mce-ico {
display: block !important;
background-color: #fff
}
.mce-color-tile.mce-black .mce-ico {
display: block !important;
background-color: #000
}
.button {
border: var(--pageComponentButtonBorder);
background-color: var(--pageComponentButtonBgColor);
color: var(--pageComponentButtonColor);
padding: var(--pageComponentButtonPadding) !important;
text-align: var(--pageComponentButtonAlign);
font-size: var(--pageComponentButtonFontSize);
max-width: var(--pageComponentButtonMaxWidth);
border-radius: var(--pageComponentButtonRadius);
width: 100%;
outline: 0;
margin: 0;
transition: all .3s ease;
line-height: 1;
display: inline-block;
text-decoration: none !important
}
.button--solid-black {
border: var(--pageComponentButtonSolidBlackBorder);
background-color: var(--pageComponentButtonSolidBlackBgColor);
color: var(--pageComponentButtonSolidBlackColor)
}
.button--solid-black.invalid {
border: var(--pageComponentButtonSolidDisabledBorder);
background-color: var(--pageComponentButtonSolidDisabledBgColor);
color: var(--pageComponentButtonSolidDisabledColor)
}
.button--solid-white {
border: var(--pageComponentButtonSolidWhiteBorder);
background-color: var(--pageComponentButtonSolidWhiteBgColor);
color: var(--pageComponentButtonSolidWhiteColor)
}
.button--solid-white.invalid {
border: var(--pageComponentButtonSolidDisabledBorder);
background-color: var(--pageComponentButtonSolidDisabledBgColor);
color: var(--pageComponentButtonSolidDisabledColor)
}
.button--solid-brand {
border: var(--pageComponentButtonSolidBrandBorder);
background-color: var(--pageComponentButtonSolidBrandBgColor);
color: var(--pageComponentButtonSolidBrandColor)
}
.button--solid-brand.invalid {
border: var(--pageComponentButtonSolidDisabledBorder);
background-color: var(--pageComponentButtonSolidDisabledBgColor);
color: var(--pageComponentButtonSolidDisabledColor)
}
.button--solid-accent {
border: var(--pageComponentButtonSolidAccentBorder);
background-color: var(--pageComponentButtonSolidAccentBgColor);
color: var(--pageComponentButtonSolidAccentColor)
}
.button--solid-accent.invalid {
border: var(--pageComponentButtonSolidDisabledBorder);
background-color: var(--pageComponentButtonSolidDisabledBgColor);
color: var(--pageComponentButtonSolidDisabledColor)
}
.button--outlined-black {
border: var(--pageComponentButtonOutlinedBlackBorder);
background-color: var(--pageComponentButtonOutlinedBlackBgColor);
color: var(--pageComponentButtonOutlinedBlackColor)
}
.button--outlined-black.invalid {
border: var(--pageComponentButtonOutlinedDisabledBorder);
background-color: var(--pageComponentButtonOutlinedDisabledBgColor);
color: var(--pageComponentButtonOutlinedDisabledColor)
}
.button--outlined-white {
border: var(--pageComponentButtonOutlinedWhiteBorder);
background-color: var(--pageComponentButtonOutlinedWhiteBgColor);
color: var(--pageComponentButtonOutlinedWhiteColor)
}
.button--outlined-white.invalid {
border: var(--pageComponentButtonOutlinedDisabledBorder);
background-color: var(--pageComponentButtonOutlinedDisabledBgColor);
color: var(--pageComponentButtonOutlinedDisabledColor)
}
.button--outlined-brand {
border: var(--pageComponentButtonOutlinedBrandBorder);
background-color: var(--pageComponentButtonOutlinedBrandBgColor);
color: var(--pageComponentButtonOutlinedBrandColor)
}
.button--outlined-brand.invalid {
border: var(--pageComponentButtonOutlinedDisabledBorder);
background-color: var(--pageComponentButtonOutlinedDisabledBgColor);
color: var(--pageComponentButtonOutlinedDisabledColor)
}
.button--outlined-accent {
border: var(--pageComponentButtonOutlinedAccentBorder);
background-color: var(--pageComponentButtonOutlinedAccentBgColor);
color: var(--pageComponentButtonOutlinedAccentColor)
}
.button--outlined-accent.invalid {
border: var(--pageComponentButtonOutlinedDisabledBorder);
background-color: var(--pageComponentButtonOutlinedDisabledBgColor);
color: var(--pageComponentButtonOutlinedDisabledColor)
}
.button--icon-arrow {
padding-left: 30px !important;
padding-right: 60px !important;
text-align: left;
position: relative
}
.button--icon-arrow::after {
content: var(--pageIconUiArrowBold);
font-family: var(--pageIconFont);
position: absolute;
top: 48%;
right: 20px;
transform: translateY(-50%)
}
.button--icon-plus {
padding-left: 40px !important;
padding-right: 60px !important;
text-align: left;
position: relative
}
.button--icon-plus::after {
content: var(--pageIconUiAddBold);
font-family: var(--pageIconFont);
position: absolute;
top: 48%;
right: 20px;
transform: translateY(-50%)
}
.button--cleared {
background-color: transparent;
border-color: transparent
}
li.search-button a {
padding: 7px 7px 4px !important;
border: 1px solid #000 !important;
border-radius: 26% !important;
transition: color .2s ease, background-color .2s ease
}
@media (hover:hover) {
.button--solid-black:hover {
border: var(--pageComponentButtonOutlinedBlackBorder);
background-color: var(--pageComponentButtonOutlinedBlackBgColor);
color: var(--pageComponentButtonOutlinedBlackColor)
}
.button--solid-black.invalid:hover {
border: var(--pageComponentButtonSolidDisabledBorder);
background-color: var(--pageComponentButtonSolidDisabledBgColor);
color: var(--pageComponentButtonSolidDisabledColor)
}
.button--solid-white:hover {
border: var(--pageComponentButtonOutlinedWhiteBorder);
background-color: var(--pageComponentButtonOutlinedWhiteBgColor);
color: var(--pageComponentButtonOutlinedWhiteColor)
}
.button--solid-white.invalid:hover {
border: var(--pageComponentButtonSolidDisabledBorder);
background-color: var(--pageComponentButtonSolidDisabledBgColor);
color: var(--pageComponentButtonSolidDisabledColor)
}
.button--solid-brand:hover {
border: var(--pageComponentButtonOutlinedBrandBorder);
background-color: var(--pageComponentButtonOutlinedBrandBgColor);
color: var(--pageComponentButtonOutlinedBrandColor)
}
.button--solid-brand.invalid:hover {
border: var(--pageComponentButtonSolidDisabledBorder);
background-color: var(--pageComponentButtonSolidDisabledBgColor);
color: var(--pageComponentButtonSolidDisabledColor)
}
.button--solid-accent:hover {
border: var(--pageComponentButtonOutlinedAccentBorder);
background-color: var(--pageComponentButtonOutlinedAccentBgColor);
color: var(--pageComponentButtonOutlinedAccentColor)
}
.button--solid-accent.invalid:hover {
border: var(--pageComponentButtonSolidDisabledBorder);
background-color: var(--pageComponentButtonSolidDisabledBgColor);
color: var(--pageComponentButtonSolidDisabledColor)
}
.button--outlined-black:hover {
border: var(--pageComponentButtonSolidBlackBorder);
background-color: var(--pageComponentButtonSolidBlackBgColor);
color: var(--pageComponentButtonSolidBlackColor)
}
.button--outlined-black.invalid:hover {
border: var(--pageComponentButtonOutlinedDisabledBorder);
background-color: var(--pageComponentButtonOutlinedDisabledBgColor);
color: var(--pageComponentButtonOutlinedDisabledColor)
}
.button--outlined-white:hover {
border: var(--pageComponentButtonSolidWhiteBorder);
background-color: var(--pageComponentButtonSolidWhiteBgColor);
color: var(--pageComponentButtonSolidWhiteColor)
}
.button--outlined-white.invalid:hover {
border: var(--pageComponentButtonOutlinedDisabledBorder);
background-color: var(--pageComponentButtonOutlinedDisabledBgColor);
color: var(--pageComponentButtonOutlinedDisabledColor)
}
.button--outlined-brand:hover {
border: var(--pageComponentButtonSolidBrandBorder);
background-color: var(--pageComponentButtonSolidBrandBgColor);
color: var(--pageComponentButtonSolidBrandColor)
}
.button--outlined-brand.invalid:hover {
border: var(--pageComponentButtonOutlinedDisabledBorder);
background-color: var(--pageComponentButtonOutlinedDisabledBgColor);
color: var(--pageComponentButtonOutlinedDisabledColor)
}
.button--outlined-accent:hover {
border: var(--pageComponentButtonSolidAccentBorder);
background-color: var(--pageComponentButtonSolidAccentBgColor);
color: var(--pageComponentButtonSolidAccentColor)
}
.button--outlined-accent.invalid:hover {
border: var(--pageComponentButtonOutlinedDisabledBorder);
background-color: var(--pageComponentButtonOutlinedDisabledBgColor);
color: var(--pageComponentButtonOutlinedDisabledColor)
}
li.search-button a:hover {
padding: 7px 7px 4px !important;
background-color: #000
}
li.search-button a:hover i {
color: #fff
}
}
.ww-form.bright {
--pageFormErrorColor: #d33c2e;
--pageFormFieldBorderTop: none;
--pageFormFieldBorderRight: none;
--pageFormFieldBorderBottom: 1px solid #f5f5f5;
--pageFormFieldBorderLeft: none;
--pageFormFieldBorderRadius: 0;
--pageFormFieldBgColor: #000;
--pageFormFieldColor: #f5f5f5;
--pageFormFieldFont: inherit;
--pageFormFieldFontSize: inherit;
--pageFormFieldLetterSpacing: 1px;
--pageFormFieldPadding: 15px 15px 14px;
--pageFormFieldIconColor: #707070;
--pageFormFieldLabelFontSize: 12px;
--pageFormFieldLabelBgColor: #000;
--pageFormFieldInvalidBorderTop: none;
--pageFormFieldInvalidBorderRight: none;
--pageFormFieldInvalidBorderBottom: 1px solid var(--pageFormErrorColor);
--pageFormFieldInvalidBorderLeft: none;
--pageFormFieldInvalidBgColor: #000;
--pageFormFieldInvalidColor: #f5f5f5;
--pageFormFieldDisdabledBorderTop: none;
--pageFormFieldDisdabledBorderRight: none;
--pageFormFieldDisdabledBorderBottom: 1px solid #a8a7a4;
--pageFormFieldDisdabledBorderLeft: none;
--pageFormFieldDisdabledBgColor: #000;
--pageFormFieldDisdabledColor: #a8a7a4;
--pageFormTextareaHeight: 250px;
--pageFormSelectArrowWidth: 8px;
--pageFormSelectArrowThickness: 1px;
--pageFormCheckboxBgColor: #000;
--pageFormCheckboxBorderTop: 1px solid #f5f5f5;
--pageFormCheckboxBorderRight: 1px solid #f5f5f5;
--pageFormCheckboxBorderBottom: 1px solid #f5f5f5;
--pageFormCheckboxBorderLeft: 1px solid #f5f5f5;
--pageFormCheckboxArrowColor: #f5f5f5;
--pageFormCheckboxWidth: 26px;
--pageFormCheckboxArrowWidth: 15px;
--pageFormCheckboxArrowHeight: 7px;
--pageFormCheckboxArrowThickness: 2px;
--pageFormCheckboxEffectColor: #d3d3d3;
--pageFormRadioBgColor: #000;
--pageFormRadioBorderTop: 1px solid #f5f5f5;
--pageFormRadioBorderRight: 1px solid #f5f5f5;
--pageFormRadioBorderBottom: 1px solid #f5f5f5;
--pageFormRadioBorderLeft: 1px solid #f5f5f5;
--pageFormRadioWidth: 20px;
--pageFormRadioEffectColor: #d3d3d3;
--pageFormRadioDotWidth: 10px
}
.ww-form.v2.bright {
--pageFormErrorColor: #d33c2e;
--pageFormFieldBorderTop: 1px solid #f5f5f5;
--pageFormFieldBorderRight: 1px solid #f5f5f5;
--pageFormFieldBorderBottom: 1px solid #f5f5f5;
--pageFormFieldBorderLeft: 1px solid #f5f5f5;
--pageFormFieldBorderRadius: 0;
--pageFormFieldBgColor: #000;
--pageFormFieldColor: #f5f5f5;
--pageFormFieldFont: inherit;
--pageFormFieldFontSize: inherit;
--pageFormFieldLetterSpacing: 1px;
--pageFormFieldPadding: 15px 15px 14px;
--pageFormFieldIconColor: #707070;
--pageFormFieldLabelFontSize: 12px;
--pageFormFieldLabelBgColor: #000;
--pageFormFieldInvalidBorderTop: 1px solid var(--pageFormErrorColor);
--pageFormFieldInvalidBorderRight: 1px solid var(--pageFormErrorColor);
--pageFormFieldInvalidBorderBottom: 1px solid var(--pageFormErrorColor);
--pageFormFieldInvalidBorderLeft: 1px solid var(--pageFormErrorColor);
--pageFormFieldInvalidBgColor: #000;
--pageFormFieldInvalidColor: #f5f5f5;
--pageFormFieldDisdabledBorderTop: 1px solid #a8a7a4;
--pageFormFieldDisdabledBorderRight: 1px solid #a8a7a4;
--pageFormFieldDisdabledBorderBottom: 1px solid #a8a7a4;
--pageFormFieldDisdabledBorderLeft: 1px solid #a8a7a4;
--pageFormFieldDisdabledBgColor: #000;
--pageFormFieldDisdabledColor: #a8a7a4;
--pageFormTextareaHeight: 250px;
--pageFormSelectArrowWidth: 8px;
--pageFormSelectArrowThickness: 1px;
--pageFormCheckboxBgColor: #000;
--pageFormCheckboxBorderTop: 1px solid #f5f5f5;
--pageFormCheckboxBorderRight: 1px solid #f5f5f5;
--pageFormCheckboxBorderBottom: 1px solid #f5f5f5;
--pageFormCheckboxBorderLeft: 1px solid #f5f5f5;
--pageFormCheckboxArrowColor: #f5f5f5;
--pageFormCheckboxWidth: 26px;
--pageFormCheckboxArrowWidth: 15px;
--pageFormCheckboxArrowHeight: 7px;
--pageFormCheckboxArrowThickness: 2px;
--pageFormCheckboxEffectColor: #d3d3d3;
--pageFormRadioBgColor: #000;
--pageFormRadioBorderTop: 1px solid #f5f5f5;
--pageFormRadioBorderRight: 1px solid #f5f5f5;
--pageFormRadioBorderBottom: 1px solid #f5f5f5;
--pageFormRadioBorderLeft: 1px solid #f5f5f5;
--pageFormRadioWidth: 20px;
--pageFormRadioEffectColor: #d3d3d3;
--pageFormRadioDotWidth: 10px
}
.ww-form .form-row.row-form-error {
display: none
}
.ww-form .form-row.row-form-error.display {
display: block;
color: var(--pageFormErrorColor)
}
.ww-form .form-row.additional-h {
position: absolute;
left: -999999px
}
.ww-form .form-row .form-col {
padding-bottom: 30px
}
@media (min-width:640px) {
.ww-form .form-row .form-col {
padding-bottom: 0
}
}
.ww-form .form-row .form-col .form-group {
width: 100%;
position: relative;
display: flex;
flex-wrap: wrap;
transition: background-color .3s ease
}
.ww-form .form-row .form-col .form-group label {
font-weight: 400
}
.ww-form .form-row .form-col .form-group label.hidden {
display: none;
visibility: hidden
}
.ww-form .form-row .form-col .form-group--inline {
display: flex;
align-items: center;
justify-content: space-between
}
.ww-form .form-row .form-col .form-group--inline label {
padding-right: 15px;
text-transform: uppercase;
font-size: var(--pageFormFieldLabelFontSize);
color: var(--pageFormFieldColor)
}
.ww-form .form-row .form-col .form-group__error {
width: 100%;
display: block;
padding: 0 15px;
color: var(--pageFormErrorColor);
height: 0;
opacity: 0;
transition: opacity .3s ease;
font-size: var(--pageFormFieldLabelFontSize);
padding-top: 8px
}
.ww-form .form-row .form-col .form-group__error.checkbox {
padding: 8px 0
}
.ww-form .form-row .form-col .form-group__error.radio {
padding: 8px 0
}
.ww-form .form-row .form-col .form-group.error .form-group__error {
height: auto;
opacity: 1
}
.ww-form .form-row .form-col .form-group.error.select .form-select {
border-color: var(--pageFormErrorColor)
}
.ww-form .form-row .form-col .form-group.compact {
display: flex;
flex-wrap: wrap
}
.ww-form .form-row .form-col .form-group.compact input {
width: calc(100% - 60px)
}
.ww-form .form-row .form-col .form-group.compact button {
width: 60px
}
.ww-form .form-row .form-col .form-group.icon-user::after {
font-family: var(--pageIconFont);
position: absolute;
top: 11px;
right: 15px;
z-index: 1;
font-size: 20px;
color: var(--pageFormFieldIconColor);
content: var(--pageIconUiAccount2Bold)
}
.ww-form .form-row .form-col .form-group.icon-user input,
.ww-form .form-row .form-col .form-group.icon-user textarea {
padding-right: 54px
}
.ww-form .form-row .form-col .form-group.icon-hearts::after {
font-family: var(--pageIconFont);
position: absolute;
top: 11px;
right: 15px;
z-index: 1;
font-size: 20px;
color: var(--pageFormFieldIconColor);
content: var(--pageIconUiHeartOutlined)
}
.ww-form .form-row .form-col .form-group.icon-hearts input,
.ww-form .form-row .form-col .form-group.icon-hearts textarea {
padding-right: 54px
}
.ww-form .form-row .form-col .form-group.icon-globe::after {
font-family: var(--pageIconFont);
position: absolute;
top: 11px;
right: 15px;
z-index: 1;
font-size: 20px;
color: var(--pageFormFieldIconColor);
content: var(--pageIconUiGlobeBold)
}
.ww-form .form-row .form-col .form-group.icon-globe input,
.ww-form .form-row .form-col .form-group.icon-globe textarea {
padding-right: 54px
}
.ww-form .form-row .form-col .form-group.icon-search::after {
font-family: var(--pageIconFont);
position: absolute;
top: 11px;
right: 15px;
z-index: 1;
font-size: 20px;
color: var(--pageFormFieldIconColor);
content: var(--pageIconUiSearchBold)
}
.ww-form .form-row .form-col .form-group.icon-search input,
.ww-form .form-row .form-col .form-group.icon-search textarea {
padding-right: 54px
}
.ww-form .form-row .form-col .form-group.icon-location::after {
font-family: var(--pageIconFont);
position: absolute;
top: 11px;
right: 15px;
z-index: 1;
font-size: 20px;
color: var(--pageFormFieldIconColor);
content: var(--pageIconUiLocationBold)
}
.ww-form .form-row .form-col .form-group.icon-location input,
.ww-form .form-row .form-col .form-group.icon-location textarea {
padding-right: 54px
}
.ww-form .form-row .form-col .form-group .field-description {
font-size: var(--pageFormFieldDescriptionFontSize);
line-height: 1.2;
padding-bottom: 15px;
padding-left: 15px
}
.ww-form.v2 .form-row .form-col {
padding-bottom: 30px
}
@media (min-width:640px) {
.ww-form.v2 .form-row .form-col {
padding-bottom: 0
}
}
.ww-form.v2 .form-row .form-col .form-group {
width: 100%;
position: relative;
display: flex;
flex-wrap: wrap;
transition: background-color .3s ease
}
.ww-form.v2 .form-row .form-col .form-group label {
order: 10;
font-weight: 400;
padding-bottom: 8px;
padding-left: 15px
}
.ww-form.v2 .form-row .form-col .form-group label.hidden {
display: none;
visibility: hidden
}
.ww-form.v2 .form-row .form-col .form-group label.label-text {
order: 25;
padding-bottom: 0
}
.ww-form.v2 .form-row .form-col .form-group--inline {
display: flex;
align-items: center;
justify-content: space-between
}
.ww-form.v2 .form-row .form-col .form-group--inline label {
padding-right: 15px;
text-transform: uppercase;
font-size: var(--pageFormFieldLabelFontSize);
color: var(--pageFormFieldColor)
}
.ww-form.v2 .form-row .form-col .form-group input,
.ww-form.v2 .form-row .form-col .form-group select,
.ww-form.v2 .form-row .form-col .form-group textarea {
order: 20
}
.ww-form.v2 .form-row .form-col .form-group button[type=submit],
.ww-form.v2 .form-row .form-col .form-group input[type=submit] {
order: 25
}
.ww-form.v2 .form-row .form-col .form-group__error {
order: 30;
width: 100%;
display: block;
padding: 0 15px;
color: var(--pageFormErrorColor);
height: 0;
opacity: 0;
transition: opacity .3s ease;
font-size: var(--pageFormFieldLabelFontSize);
padding-top: 8px
}
.ww-form.v2 .form-row .form-col .form-group__error.checkbox {
padding: 8px 0
}
.ww-form.v2 .form-row .form-col .form-group__error.radio {
padding: 8px 0
}
.ww-form.v2 .form-row .form-col .form-group.error .form-group__error {
height: auto;
opacity: 1
}
.ww-form.v2 .form-row .form-col .form-group.compact {
display: flex;
flex-wrap: wrap
}
.ww-form.v2 .form-row .form-col .form-group.compact input {
width: calc(100% - 60px);
border-right: none
}
.ww-form.v2 .form-row .form-col .form-group.compact button {
width: 60px;
padding: 14px 12px 10px;
font-size: 19px
}
.ww-form.v2 .form-row .form-col .form-group.icon-user::after {
top: 36px;
right: 15px
}
.ww-form.v2 .form-row .form-col .form-group.icon-hearts::after {
top: 36px;
right: 15px
}
.ww-form.v2 .form-row .form-col .form-group.icon-globe::after {
top: 36px;
right: 15px
}
.ww-form.v2 .form-row .form-col .form-group.icon-search::after {
top: 36px;
right: 15px
}
.ww-form.v2 .form-row .form-col .form-group.icon-location::after {
top: 36px;
right: 15px
}
.ww-form .form-textfield {
-webkit-font-smoothing: antialiased;
text-decoration: inherit;
text-transform: inherit;
width: 100%;
height: 100%;
background-color: var(--pageFormFieldBgColor);
padding: var(--pageFormFieldPadding);
transition: opacity 150ms cubic-bezier(.4, 0, .2, 1);
border-top: var(--pageFormFieldBorderTop);
border-right: var(--pageFormFieldBorderRight);
border-bottom: var(--pageFormFieldBorderBottom);
border-left: var(--pageFormFieldBorderLeft);
border-radius: var(--pageFormFieldBorderRadius);
-webkit-appearance: none;
outline: 0;
font-family: var(--pageFormFieldFont);
font-size: var(--pageFormFieldFontSize);
letter-spacing: var(--pageFormFieldLetterSpacing);
font-weight: 400;
color: var(--pageFormFieldColor);
line-height: 1
}
.ww-form .form-textfield:-internal-autofill-previewed,
.ww-form .form-textfield:-internal-autofill-selected,
.ww-form .form-textfield:-webkit-autofill,
.ww-form .form-textfield:-webkit-autofill:active,
.ww-form .form-textfield:-webkit-autofill:focus,
.ww-form .form-textfield:-webkit-autofill:hover {
-webkit-box-shadow: none;
-webkit-background-fill-color: var(--pageFormFieldBgColor) !important
}
.ww-form .form-textfield:focus {
border-top: var(--pageFormFieldBorderTop);
border-right: var(--pageFormFieldBorderRight);
border-bottom: var(--pageFormFieldBorderBottom);
border-left: var(--pageFormFieldBorderLeft);
--pageFormFieldBgColor: var(----pageFormFieldBgColor);
--pageFormFieldColor: var(--pageFormFieldColor)
}
.ww-form .form-textfield+label {
position: absolute;
top: 16px;
left: 15px;
font-family: var(--pageFormFieldFont);
letter-spacing: var(--pageFormFieldLetterSpacing);
font-size: var(--pageFormFieldLabelFontSize);
color: var(--pageFormFieldColor);
transition: all .3s ease;
background-color: var(--pageFormFieldLabelBgColor)
}
.ww-form .form-textfield:-webkit-autofill {
-webkit-box-shadow: 0 0 0 1000px var(--pageFormFieldBgColor) inset;
-webkit-transition: background-color 5000s ease-in-out 0s;
transition: background-color 5000s ease-in-out 0s
}
.ww-form .form-textfield:-webkit-autofill+label,
.ww-form .form-textfield:focus+label {
top: -6px;
padding: 0
}
.ww-form .form-textfield:required.valid+label {
top: -6px;
padding: 0;
--pageFormFieldBgColor: var(--pageFormFieldLabelBgColor)
}
.ww-form .form-textfield.valid {
border-top: var(--pageFormFieldBorderTop);
border-right: var(--pageFormFieldBorderRight);
border-bottom: var(--pageFormFieldBorderBottom);
border-left: var(--pageFormFieldBorderLeft);
background-color: var(--pageFormFieldBgColor);
color: var(--pageFormFieldColor)
}
.ww-form .form-textfield.invalid {
border-top: var(--pageFormFieldInvalidBorderTop);
border-right: var(--pageFormFieldInvalidBorderRight);
border-bottom: var(--pageFormFieldInvalidBorderBottom);
border-left: var(--pageFormFieldInvalidBorderLeft);
background-color: var(--pageFormFieldInvalidBgColor);
color: var(--pageFormFieldInvalidColor)
}
.ww-form .form-textfield.invalid.filled+label {
top: -6px;
padding: 0
}
.ww-form .form-textfield.filled+label {
top: -6px;
padding: 0
}
.ww-form .form-textfield:disabled {
border-top: var(--pageFormFieldDisabledBorderTop);
border-right: var(--pageFormFieldDisabledBorderRight);
border-bottom: var(--pageFormFieldDisabledBorderBottom);
border-left: var(--pageFormFieldDisabledBorderLeft);
background-color: var(--pageFormFieldDisabledBgColor);
color: var(--pageFormFieldDisabledColor);
cursor: default !important
}
.ww-form.v2 .form-textfield {
--pageFormFieldBgColor: #fff;
--pageFormFieldPadding: 13px 15px 13px;
--pageFormFieldBorderTop: 1px solid #313131;
--pageFormFieldBorderRight: 1px solid #313131;
--pageFormFieldBorderBottom: 1px solid #313131;
--pageFormFieldBorderLeft: 1px solid #313131;
--pageFormFieldBorderRadius: 0;
--pageFormFieldFont: inherit;
--pageFormFieldFontSize: inherit;
--pageFormFieldLetterSpacing: 1px;
--pageFormFieldColor: #313131
}
.ww-form.v2 .form-textfield:focus {
--pageFormFieldBorderTop: 1px solid #313131;
--pageFormFieldBorderRight: 1px solid #313131;
--pageFormFieldBorderBottom: 1px solid #313131;
--pageFormFieldBorderLeft: 1px solid #313131;
--pageFormFieldBgColor: #fff;
--pageFormFieldColor: #313131
}
.ww-form.v2 .form-textfield+label {
position: relative;
top: inherit;
left: inherit
}
.ww-form.v2 .form-textfield:required+label::after {
content: "*";
color: #313131;
font-size: 30px;
line-height: 1;
display: inline-block;
transform: translateY(2px);
position: absolute;
top: -1px;
right: -17px
}
.ww-form.v2 .form-textfield:required.valid+label {
top: auto
}
.ww-form.v2 .form-textfield:-webkit-autofill+label,
.ww-form.v2 .form-textfield:focus+label {
--pageFormFieldLabelBgColor: #fff;
--pageFormFieldLabelFontSize: var(--pageTypoHelperClassFontSizeX);
--pageFormFieldColor: #313131
}
.ww-form.v2 .form-textfield:required.valid+label {
--pageFormFieldLabelBgColor: #fff
}
.ww-form.v2 .form-textfield.valid {
--pageFormFieldColor: #313131;
--pageFormFieldBorderTop: 1px solid #313131;
--pageFormFieldBorderRight: 1px solid #313131;
--pageFormFieldBorderBottom: 1px solid #313131;
--pageFormFieldBorderLeft: 1px solid #313131
}
.ww-form.v2 .form-textfield.invalid {
--pageFormFieldColor: #313131;
--pageFormFieldInvalidBorderTop: 1px solid #313131;
--pageFormFieldInvalidBorderRight: 1px solid #313131;
--pageFormFieldInvalidBorderBottom: 1px solid #313131;
--pageFormFieldInvalidBorderLeft: 1px solid #313131
}
.ww-form.v2 .form-textfield.invalid.filled+label {
--pageFormFieldLabelBgColor: #fff;
--pageFormFieldLabelFontSize: var(--pageTypoHelperClassFontSizeX)
}
.ww-form.v2 .form-textfield.filled+label {
--pageFormFieldLabelBgColor: #fff;
--pageFormFieldLabelFontSize: var(--pageTypoHelperClassFontSizeX)
}
.ww-form .form-textarea {
-webkit-font-smoothing: antialiased;
text-decoration: inherit;
text-transform: inherit;
width: 100%;
height: 100%;
padding: var(--pageFormFieldPadding);
transition: opacity 150ms cubic-bezier(.4, 0, .2, 1);
border-top: var(--pageFormFieldBorderTop);
border-right: var(--pageFormFieldBorderRight);
border-bottom: var(--pageFormFieldBorderBottom);
border-left: var(--pageFormFieldBorderLeft);
border-radius: var(--pageFormFieldBorderRadius);
background: var(--pageFormFieldBgColor) !important;
-webkit-appearance: none;
outline: 0;
font-family: var(--pageFormFieldFont);
font-size: var(--pageFormFieldFontSize);
font-weight: 400;
color: var(--pageFormFieldColor);
line-height: 1.3;
height: var(--pageFormTextareaHeight);
resize: none
}
.ww-form .form-textarea:-internal-autofill-previewed,
.ww-form .form-textarea:-internal-autofill-selected,
.ww-form .form-textarea:-webkit-autofill,
.ww-form .form-textarea:-webkit-autofill:active,
.ww-form .form-textarea:-webkit-autofill:focus,
.ww-form .form-textarea:-webkit-autofill:hover {
box-shadow: none;
-webkit-box-shadow: none;
-webkit-background-fill-color: var(--pageFormFieldBgColor) !important
}
.ww-form .form-textarea:focus {
--pageFormFieldBorderTop: none;
--pageFormFieldBorderRight: none;
--pageFormFieldBorderBottom: 1px solid #313131;
--pageFormFieldBorderLeft: none;
--pageFormFieldBgColor: #fff;
--pageFormFieldColor: #313131
}
.ww-form .form-textarea+label {
position: absolute;
top: 15px;
left: 15px;
font-family: var(--pageFormFieldFont);
letter-spacing: var(--pageFormFieldLetterSpacing);
font-size: var(--pageFormFieldLabelFontSize);
color: var(--pageFormFieldColor);
transition: all .3s ease
}
.ww-form .form-textarea:required+label::after {
content: "*";
color: #313131;
font-size: 30px;
line-height: 1;
display: inline-block;
transform: translateY(-2px);
position: absolute;
top: -1px;
right: -17px
}
.ww-form .form-textarea:-webkit-autofill+label,
.ww-form .form-textarea:focus+label {
top: -6px;
padding: 0;
--pageFormFieldLabelBgColor: #fff;
--pageFormFieldColor: #313131
}
.ww-form .form-textarea:required:valid+label {
top: -6px;
padding: 0 4px;
--pageFormFieldBgColor: #fff
}
.ww-form .form-textarea.valid {
--pageFormFieldBorderTop: none;
--pageFormFieldBorderRight: none;
--pageFormFieldBorderBottom: 1px solid #313131;
--pageFormFieldBorderLeft: none;
--pageFormFieldBgColor: #fff;
--pageFormFieldColor: #313131
}
.ww-form .form-textarea.invalid {
--pageFormFieldBorderTop: none;
--pageFormFieldBorderRight: none;
--pageFormFieldBorderBottom: 1px solid var(--pageFormErrorColor);
--pageFormFieldBorderLeft: none;
--pageFormFieldBgColor: #fff;
--pageFormFieldColor: #313131
}
.ww-form .form-textarea.invalid.filled+label {
top: -6px;
padding: 0 4px
}
.ww-form .form-textarea.filled+label {
top: -6px;
padding: 0 7px 0 2px
}
.ww-form .form-textarea:disabled {
opacity: .3;
cursor: default !important
}
.ww-form.v2 .form-textarea {
--pageFormFieldBgColor: #fff;
--pageFormFieldPadding: 13px 15px 13px;
--pageFormFieldBorderTop: 1px solid #313131;
--pageFormFieldBorderRight: 1px solid #313131;
--pageFormFieldBorderBottom: 1px solid #313131;
--pageFormFieldBorderLeft: 1px solid #313131;
--pageFormFieldBorderRadius: 0;
--pageFormFieldFont: inherit;
--pageFormFieldFontSize: inherit;
--pageFormFieldLetterSpacing: 1px;
--pageFormFieldColor: #313131
}
.ww-form.v2 .form-textarea:focus {
--pageFormFieldBorderTop: 1px solid #313131;
--pageFormFieldBorderRight: 1px solid #313131;
--pageFormFieldBorderBottom: 1px solid #313131;
--pageFormFieldBorderLeft: 1px solid #313131;
--pageFormFieldBgColor: #fff;
--pageFormFieldColor: #313131
}
.ww-form.v2 .form-textarea+label {
position: relative;
top: inherit;
left: inherit
}
.ww-form.v2 .form-textarea:required+label::after {
content: "*";
color: #313131;
font-size: 30px;
line-height: 1;
display: inline-block;
transform: translateY(2px);
position: absolute;
top: -1px;
right: -17px
}
.ww-form.v2 .form-textarea:required.valid+label {
top: auto
}
.ww-form.v2 .form-textarea:-webkit-autofill+label,
.ww-form.v2 .form-textarea:focus+label {
--pageFormFieldLabelBgColor: #fff;
--pageFormFieldLabelFontSize: var(--pageTypoHelperClassFontSizeX);
--pageFormFieldColor: #313131
}
.ww-form.v2 .form-textarea:required.valid+label {
--pageFormFieldLabelBgColor: #fff
}
.ww-form.v2 .form-textarea.valid {
--pageFormFieldColor: #313131;
--pageFormFieldBorderTop: 1px solid #313131;
--pageFormFieldBorderRight: 1px solid #313131;
--pageFormFieldBorderBottom: 1px solid #313131;
--pageFormFieldBorderLeft: 1px solid #313131
}
.ww-form.v2 .form-textarea.invalid {
--pageFormFieldColor: #313131;
--pageFormFieldInvalidBorderTop: 1px solid #313131;
--pageFormFieldInvalidBorderRight: 1px solid #313131;
--pageFormFieldInvalidBorderBottom: 1px solid #313131;
--pageFormFieldInvalidBorderLeft: 1px solid #313131
}
.ww-form.v2 .form-textarea.invalid.filled+label {
--pageFormFieldLabelBgColor: #fff;
--pageFormFieldLabelFontSize: var(--pageTypoHelperClassFontSizeX)
}
.ww-form.v2 .form-textarea.filled+label {
--pageFormFieldLabelBgColor: #fff;
--pageFormFieldLabelFontSize: var(--pageTypoHelperClassFontSizeX)
}
.ww-form .form-group.select::before {
content: "";
border: var(--pageFormSelectArrowThickness) solid var(--pageFormFieldColor);
border-top: none;
border-right: none;
position: absolute;
width: var(--pageFormSelectArrowWidth);
height: var(--pageFormSelectArrowWidth);
top: 38%;
right: 15px;
font-size: 0;
transform: translate(-50%, -50%) rotate(-45deg);
transition: .2s ease;
pointer-events: none
}
.ww-form .form-group.select.disabled {
opacity: .2
}
.ww-form .form-select {
-webkit-font-smoothing: antialiased;
text-decoration: inherit;
text-transform: inherit;
width: 100%;
height: 100%;
padding: var(--pageFormFieldPadding);
transition: opacity 150ms cubic-bezier(.4, 0, .2, 1);
border-top: var(--pageFormFieldBorderTop);
border-right: var(--pageFormFieldBorderRight);
border-bottom: var(--pageFormFieldBorderBottom);
border-left: var(--pageFormFieldBorderLeft);
border-radius: var(--pageFormFieldBorderRadius);
background: var(--pageFormFieldBgColor);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: 0;
font-family: var(--pageFormFieldFont);
font-size: var(--pageFormFieldFontSize);
letter-spacing: var(--pageFormFieldLetterSpacing);
font-weight: 400;
color: var(--pageFormFieldColor);
line-height: 1.2
}
.ww-form .form-select.hidden {
display: none;
visibility: hidden
}
.ww-form .form-select::-ms-expand {
display: none
}
.ww-form .form-select:focus {
border-top: var(--pageFormFieldBorderTop);
border-right: var(--pageFormFieldBorderRight);
border-bottom: var(--pageFormFieldBorderBottom);
border-left: var(--pageFormFieldBorderLeft);
background: var(--pageFormFieldBgColor);
color: var(--pageFormFieldColor)
}
.ww-form .form-select+label {
position: absolute;
transition: .3s ease;
top: 13px;
left: 15px;
background-color: var(--pageFormFieldBgColor);
padding: 0 4px;
font-family: var(--pageFormFieldFont);
font-size: var(--pageFormFieldFontSize);
letter-spacing: var(--pageFormFieldLetterSpacing);
color: var(--pageFormFieldColor);
pointer-events: none
}
@media (min-width:640px) {
.ww-form .form-select+label {
top: 14px
}
}
.ww-form .form-select:-webkit-autofill {
-webkit-box-shadow: 0 0 0 1000px var(--pageFormFieldBgColor) inset;
-webkit-transition: background-color 5000s ease-in-out 0s;
transition: background-color 5000s ease-in-out 0s
}
.ww-form .form-select:-webkit-autofill+label,
.ww-form .form-select:focus+label {
top: -6px;
background-color: var(--pageFormFieldBgColor);
padding: 0;
font-size: var(--pageFormFieldLabelFontSize)
}
.ww-form .form-select.filled+label {
top: -6px;
background-color: var(--pageFormFieldLabelBgColor);
padding: 0;
font-size: var(--pageFormFieldLabelFontSize)
}
.ww-form .form-select.flatten::after {
content: none
}
.ww-form .form-select~div.validation-message {
top: 50px
}
.ww-form .form-select:disabled {
opacity: .3;
cursor: default !important
}
.ww-form.v2 .form-group.select::before {
top: 57%;
right: 15px
}
.ww-form.v2 .form-select {
--pageFormFieldPadding: 15px 15px 14px;
--pageFormFieldBorderTop: 1px solid #313131;
--pageFormFieldBorderRight: 1px solid #313131;
--pageFormFieldBorderBottom: 1px solid #313131;
--pageFormFieldBorderLeft: 1px solid #313131;
--pageFormFieldBorderRadius: 0;
--pageFormFieldBgColor: #fff;
--pageFormFieldFont: inherit;
--pageFormFieldFontSize: inherit;
--pageFormFieldLetterSpacing: 1px;
--pageFormFieldColor: #313131
}
.ww-form.v2 .form-select:required+label::after {
content: "*";
color: #313131;
font-size: 30px;
line-height: 1;
display: inline-block;
transform: translateY(2px);
position: absolute;
top: -1px;
right: -17px
}
.ww-form.v2 .form-select:required.valid+label {
top: auto
}
.ww-form.v2 .form-select:focus {
--pageFormFieldBorderTop: 1px solid #313131;
--pageFormFieldBorderRight: 1px solid #313131;
--pageFormFieldBorderBottom: 1px solid #313131;
--pageFormFieldBorderLeft: 1px solid #313131;
--pageFormFieldBgColor: #fff;
--pageFormFieldColor: #313131
}
.ww-form.v2 .form-select+label {
position: relative;
top: inherit;
left: inherit
}
.ww-form.v2 .form-select:-webkit-autofill+label,
.ww-form.v2 .form-select:focus+label {
--pageFormFieldLabelBgColor: #fff;
--pageFormFieldLabelFontSize: var(--pageTypoHelperClassFontSizeX);
--pageFormFieldColor: #313131
}
.ww-form.v2 .form-select.filled+label {
--pageFormFieldLabelBgColor: #fff;
--pageFormFieldLabelFontSize: var(--pageTypoHelperClassFontSizeX)
}
.ww-form .form-radiobutton {
display: none
}
.ww-form .form-radiobutton~label.label-text {
padding-left: 15px;
padding-top: 2px;
width: calc(100% - 30px);
color: var(--pageFormFieldColor)
}
.ww-form .form-radiobutton+label:not(.label-text) {
width: var(--pageFormRadioWidth);
height: var(--pageFormRadioWidth);
padding: 12px;
border-radius: 50%;
background-color: var(--pageFormRadioBgColor);
display: block;
border-top: var(--pageFormRadioBorderTop);
border-right: var(--pageFormRadioBorderRight);
border-bottom: var(--pageFormRadioBorderBottom);
border-left: var(--pageFormRadioBorderLeft);
position: relative;
cursor: pointer;
transition: .2s ease
}
.ww-form .form-radiobutton+label:not(.label-text)::before {
content: "";
width: 20px;
height: 20px
}
.ww-form .form-radiobutton+label:not(.label-text)::before {
content: "";
color: #000;
position: absolute;
top: 50%;
left: 50%;
z-index: 0;
width: 0;
height: 0;
opacity: 1;
background-color: var(--pageFormRadioEffectColor);
border-radius: 50%;
transform: translate(-50%, -50%);
transition: .2s ease;
border-radius: 50%
}
.ww-form .form-radiobutton+label:not(.label-text)::after {
content: "";
color: #000;
position: absolute;
top: 50%;
left: 50%;
width: 0;
height: 0;
background-color: var(--pageFormFieldColor);
border-radius: 50%;
transform: translate(-50%, -50%);
transition: .2s ease;
z-index: 2
}
.ww-form .form-radiobutton:checked+label:not(.label-text) {
border-top: var(--pageFormRadioBorderTop);
border-right: var(--pageFormRadioBorderRight);
border-bottom: var(--pageFormRadioBorderBottom);
border-left: var(--pageFormRadioBorderLeft)
}
.ww-form .form-radiobutton:checked+label:not(.label-text)::after {
width: var(--pageFormRadioDotWidth);
height: var(--pageFormRadioDotWidth)
}
.ww-form .form-radiobutton:checked+label:not(.label-text)::before {
width: 50px;
height: 50px;
opacity: 0
}
.ww-form .form-radiobutton:disabled,
.ww-form .form-radiobutton:disabled~* {
opacity: .3;
cursor: default !important
}
.ww-form.v2 .form-radiobutton {
display: none
}
.ww-form.v2 .form-radiobutton+label:not(.label-text) {
--pageFormRadioWidth: 20px;
--pageFormRadioBgColor: #fff;
--pageFormRadioBorderTop: 1px solid #313131;
--pageFormRadioBorderRight: 1px solid #313131;
--pageFormRadioBorderBottom: 1px solid #313131;
--pageFormRadioBorderLeft: 1px solid #313131
}
.ww-form.v2 .form-radiobutton+label:not(.label-text)::before {
--pageFormRadioEffectColor: #d3d3d3
}
.ww-form.v2 .form-radiobutton+label:not(.label-text)::after {
--pageFormFieldColor: #313131
}
.ww-form.v2 .form-radiobutton:checked+label:not(.label-text) {
--pageFormRadioBorderTop: 1px solid #313131;
--pageFormRadioBorderRight: 1px solid #313131;
--pageFormRadioBorderBottom: 1px solid #313131;
--pageFormRadioBorderLeft: 1px solid #313131
}
.ww-form.v2 .form-radiobutton:checked+label:not(.label-text)::after {
--pageFormRadioDotWidth: 10px
}
.ww-form .form-checkbox {
display: none
}
.ww-form .form-checkbox~label.label-text {
padding-left: 15px;
padding-top: 1px;
width: calc(100% - 30px);
display: inline-block;
color: var(--pageFormFieldColor);
position: relative
}
.ww-form .form-checkbox:required~label.label-text .label-text__copy {
display: inline-block;
transform: translateY(-6px)
}
.ww-form .form-checkbox:required~label.label-text .label-text__copy::after {
content: "*";
color: #313131;
font-size: 30px;
line-height: 1;
display: inline-block;
transform: translateY(9px);
padding-left: 5px
}
.ww-form .form-checkbox+label:not(.label-text) {
width: var(--pageFormCheckboxWidth);
height: var(--pageFormCheckboxWidth);
padding: 10px;
background-color: var(--pageFormCheckboxBgColor);
display: inline-block;
border-top: var(--pageFormCheckboxBorderTop);
border-right: var(--pageFormCheckboxBorderRight);
border-bottom: var(--pageFormCheckboxBorderBottom);
border-left: var(--pageFormCheckboxBorderLeft);
position: relative;
cursor: pointer;
transition: .2s ease
}
.ww-form .form-checkbox+label:not(.label-text)::before {
content: "";
color: #000;
position: absolute;
top: 50%;
left: 50%;
z-index: 0;
width: 0;
height: 0;
opacity: 1;
background-color: var(--pageFormCheckboxEffectColor);
transform: translate(-50%, -50%)
}
.ww-form .form-checkbox+label:not(.label-text)::after {
content: "";
border: var(--pageFormCheckboxArrowThickness) solid var(--pageFormCheckboxArrowColor);
border-top: none;
border-right: none;
position: absolute;
width: var(--pageFormCheckboxArrowWidth);
height: var(--pageFormCheckboxArrowHeight);
top: 38%;
left: 50%;
font-size: 0;
transform: translate(-50%, -50%) rotate(-49deg);
transition: .2s ease;
opacity: 0
}
.ww-form .form-checkbox:checked+label:not(.label-text) {
border-top: var(--pageFormCheckboxBorderTop);
border-right: var(--pageFormCheckboxBorderRight);
border-bottom: var(--pageFormCheckboxBorderBottom);
border-left: var(--pageFormCheckboxBorderLeft)
}
.ww-form .form-checkbox:checked+label:not(.label-text)::after {
opacity: 1
}
.ww-form .form-checkbox:checked+label:not(.label-text)::before {
width: 50px;
height: 50px;
opacity: 0;
transition: .2s ease
}
.ww-form .form-checkbox:disabled,
.ww-form .form-checkbox:disabled+*,
.ww-form .form-checkbox:disabled~* {
opacity: .3;
cursor: default !important
}
.ww-form.v2 .form-checkbox {
display: none
}
.ww-form.v2 .form-checkbox+label:not(.label-text) {
--pageFormCheckboxBgColor: #fff;
--pageFormCheckboxBorderTop: 1px solid #313131;
--pageFormCheckboxBorderRight: 1px solid #313131;
--pageFormCheckboxBorderBottom: 1px solid #313131;
--pageFormCheckboxBorderLeft: 1px solid #313131
}
.ww-form.v2 .form-checkbox+label:not(.label-text)::before {
--pageFormCheckboxEffectColor: #d3d3d3
}
.ww-form.v2 .form-checkbox+label:not(.label-text)::after {
--pageFormCheckboxArrowThickness: 2px;
--pageFormCheckboxArrowColor: #313131;
--pageFormCheckboxArrowWidth: 15px;
--pageFormCheckboxArrowHeight: 7px
}
.ww-form.v2 .form-checkbox:checked+label:not(.label-text) {
--pageFormCheckboxBorderTop: 1px solid #313131;
--pageFormCheckboxBorderRight: 1px solid #313131;
--pageFormCheckboxBorderBottom: 1px solid #313131;
--pageFormCheckboxBorderLeft: 1px solid #313131
}
.ww-tooltip {
position: relative;
z-index: 999;
text-decoration: underline
}
.ww-tooltip:hover {
color: #000
}
.ww-tooltip__window {
position: absolute;
display: none;
bottom: calc(100% + 12px);
left: calc(50%);
transform: translateX(-50%);
z-index: 100;
background-color: #fff;
box-shadow: rgba(99, 99, 99, .2) 0 2px 8px 0;
padding: 24px;
max-width: 320px;
width: 100vw;
font-style: normal
}
.ww-tooltip__window.show {
display: flex !important
}
.ww-tooltip__arrow {
position: absolute;
z-index: 100;
bottom: calc(100% + -9px);
left: 50%;
display: none;
transform: translateX(-50%)
}
.ww-tooltip__arrow::after {
content: "";
width: 0;
height: 0;
border: 8px solid transparent;
display: inline-block;
border-top-color: #fff;
filter: drop-shadow(0px 5px 3px rgba(0, 0, 0, .1))
}
.ww-tooltip__arrow.show {
display: inline-block
}
.module-slidex {
height: auto !important
}
.module-slidex .keen-slider {
height: auto !important
}
.module-slidex .slidex-prev-button {
background: 0 0;
font-size: 44px;
text-align: center;
color: var(--pageModuleSlideXNavigationColor);
top: 50% !important;
left: 0
}
@media (min-width:640px) {
.module-slidex .slidex-prev-button {
left: 0
}
}
.module-slidex .slidex-prev-button::after {
font-family: WW-Default-Icons-2022-Q2;
content: var(--pageModuleSlideXNavigationIcon);
transform-origin: center center;
transform: rotate(180deg);
display: inline-block;
text-shadow: var(--pageModuleSlideXNavigationShadow)
}
.module-slidex .slidex-next-button {
background: 0 0;
font-size: 44px;
text-align: center;
color: var(--pageModuleSlideXNavigationColor);
top: 50% !important;
right: 0
}
@media (min-width:640px) {
.module-slidex .slidex-next-button {
right: 0
}
}
.module-slidex .slidex-next-button::after {
font-family: WW-Default-Icons-2022-Q2;
content: var(--pageModuleSlideXNavigationIcon);
transform-origin: center center;
display: inline-block;
text-shadow: var(--pageModuleSlideXNavigationShadow)
}
.module-slidex .slidex-pagination {
bottom: 30px
}
.module-slidex .slidex-pagination .slidex-pagination__item {
background-color: var(--pageModuleSlideXPaginationActiveColor);
width: 10px;
height: 10px;
transform: translateY(2px)
}
.module-slidex .slidex-pagination .slidex-pagination__item.active {
width: 14px;
height: 14px;
transform: translateY(0);
background-color: var(--pageModuleSlideXPaginationActiveColor)
}
.module-slidex.sidenavigation .keen-slider {
max-width: calc(100% - 120px);
margin: 0 auto
}
.swiper-container-wrapper .swiper-container {
overflow: hidden;
position: relative
}
.swiper-container-wrapper .swiper-container .swiper-pagination {
position: relative;
transform: none;
left: auto;
margin-top: 16px
}
.swiper-container-wrapper .swiper-container .swiper-pagination .swiper-pagination-bullet {
margin: 0 4px;
width: 12px;
height: 12px;
background-color: #313131;
opacity: 1
}
.swiper-container-wrapper .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
background-color: #d3d3d3
}
.swiper-container-wrapper .swiper-container .swiper-pagination.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
width: 100% !important
}
.swiper-container-wrapper .swiper-container .swiper-pagination.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
margin: 0 4px;
width: 16px;
height: 16px;
background-color: #313131
}
.swiper-container-wrapper .swiper-container .swiper-pagination.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
background-color: #d3d3d3
}
.swiper-container-wrapper .swiper-container .swiper-pagination.swiper-pagination-progressbar {
background-color: #d3d3d3;
height: 6px;
margin-top: 32px
}
.swiper-container-wrapper .swiper-container .swiper-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background-color: #313131
}
.swiper-container-wrapper .swiper-container .swiper-pagination.swiper-pagination-fraction {
text-align: right;
font-size: 20px;
color: #313131
}
.swiper-container-wrapper .swiper-container .swiper-pagination.swiper-pagination-fraction .swiper-pagination-current {
color: #818181
}
.swiper-container-wrapper .swiper-container .swiper-pagination.swiper-pagination-fraction .swiper-pagination-total {
color: #313131
}
.swiper-container-wrapper .swiper-button-prev {
left: -11px;
width: 44px;
display: none
}
@media (min-width:992px) {
.swiper-container-wrapper .swiper-button-prev {
display: block
}
}
.swiper-container-wrapper .swiper-button-prev::after {
font-family: WW-Default-Icons-2022-Q2 !important;
content: '\e90f';
transform-origin: center center;
transform: rotate(180deg);
color: #313131;
text-shadow: 1px 1px #f5f5f5;
display: inline-block
}
.swiper-container-wrapper .swiper-button-next {
right: -11px;
width: 44px;
display: none
}
@media (min-width:992px) {
.swiper-container-wrapper .swiper-button-next {
display: block
}
}
.swiper-container-wrapper .swiper-button-next::after {
font-family: WW-Default-Icons-2022-Q2 !important;
content: '\e90f';
transform-origin: center center;
color: #313131;
text-shadow: -1px -1px #f5f5f5;
display: inline-block
}
.teaser-box {
position: relative
}
.teaser-box.above .teaser-box__link__image {
padding-bottom: 0
}
.teaser-box.above .teaser-box__link__details {
padding: 30px 0;
width: 100%
}
@media (min-width:640px) {
.teaser-box.above .teaser-box__link__details {
position: absolute;
bottom: 0;
left: 0;
padding: 30px;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .7) 108%);
width: 100%
}
}
.teaser-box.above .teaser-box__link__details .teaser-box__link__details__category,
.teaser-box.above .teaser-box__link__details .teaser-box__link__details__copy,
.teaser-box.above .teaser-box__link__details .teaser-box__link__details__headline {
color: #000 !important
}
@media (min-width:640px) {
.teaser-box.above .teaser-box__link__details .teaser-box__link__details__category.font-color-bright,
.teaser-box.above .teaser-box__link__details .teaser-box__link__details__copy.font-color-bright,
.teaser-box.above .teaser-box__link__details .teaser-box__link__details__headline.font-color-bright {
color: #fff !important
}
.teaser-box.above .teaser-box__link__details .teaser-box__link__details__category.font-color-dark,
.teaser-box.above .teaser-box__link__details .teaser-box__link__details__copy.font-color-dark,
.teaser-box.above .teaser-box__link__details .teaser-box__link__details__headline.font-color-dark {
color: #000 !important
}
.teaser-box.above .teaser-box__link__details .teaser-box__link__details__category.font-color-brand,
.teaser-box.above .teaser-box__link__details .teaser-box__link__details__copy.font-color-brand,
.teaser-box.above .teaser-box__link__details .teaser-box__link__details__headline.font-color-brand {
color: var(--pageBrandColor) !important
}
.teaser-box.above .teaser-box__link__details .teaser-box__link__details__category.font-color-accent,
.teaser-box.above .teaser-box__link__details .teaser-box__link__details__copy.font-color-accent,
.teaser-box.above .teaser-box__link__details .teaser-box__link__details__headline.font-color-accent {
color: var(--pageAccentColor) !important
}
}
.teaser-box__link {
text-decoration: none
}
.teaser-box__link__image {
padding-bottom: 24px
}
.teaser-box__link__media {
width: 100%;
padding-bottom: 100%;
position: relative;
margin-bottom: 30px
}
@media (min-width:640px) {
.teaser-box__link__media {
padding-bottom: 75%
}
}
.teaser-box__link__media__image {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
z-index: 1
}
.teaser-box__link__details {
max-width: 100%;
padding-right: 0 !important
}
@media (min-width:640px) {
.teaser-box__link__details {
padding-right: 10% !important
}
}
.teaser-box__link__details__category {
padding-bottom: calc(15px / 2)
}
.teaser-box__link__details__headline {
padding-bottom: 15px
}
.teaser-box__link__details__copy {
padding-bottom: 15px
}
.teaser-box__link__details__cta {
padding-top: 15px;
text-decoration: underline;
display: block
}
.wpforms-form .wpforms-submit-container .wpforms-submit {
border: var(--pageComponentButtonSolidBlackBorder) !important;
background-color: var(--pageComponentButtonSolidBlackBgColor) !important;
color: var(--pageComponentButtonSolidBlackColor) !important;
padding: var(--pageComponentButtonPadding) !important;
text-align: var(--pageComponentButtonAlign) !important;
font-size: var(--pageComponentButtonFontSize) !important;
max-width: var(--pageComponentButtonMaxWidth) !important;
border-radius: var(--pageComponentButtonRadius) !important;
width: 100% !important;
outline: 0 !important;
margin: 0 !important;
transition: all .3s ease !important;
line-height: 1 !important;
display: inline-block !important;
text-decoration: none !important;
height: auto !important;
box-shadow: none !important
}
.wpforms-form .wpforms-submit-container .wpforms-submit:hover {
background: 0 0;
border: var(--pageComponentButtonSolidBlackBorder) !important;
background-color: var(--pageComponentButtonSolidBlackBgColor) !important;
color: var(--pageComponentButtonSolidBlackColor) !important
}
div.wpforms-container-full {
margin: 0 !important
}
.wpforms-confirmation-container-full,
div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
background-color: transparent !important;
border-color: transparent !important;
padding: 0 !important
}
div.wpforms-container.poll .wpforms-form .wpforms-field-label {
margin-bottom: 15px
}
div.wpforms-container.poll .wpforms-form .wpforms-required-label {
display: none !important
}
.wpforms-poll-results .wpforms-poll-label,
div.wpforms-container.poll .wpforms-field-label {
font-size: var(--pageTypoHelperClassFontSizeS) !important;
line-height: 1.1
}
.wpforms-poll-results .wpforms-poll-label,
.wpforms-poll-results .wpforms-poll-total {
text-align: left !important
}
.wpforms-poll-results .wpforms-poll-answer-bar-wrap {
background-color: #fff !important;
border: 1px solid #000 !important
}
.wpforms-poll-results .wpforms-poll-answer-bar {
background: 0 0 !important;
background-color: var(--pageAccentColor) !important;
border-color: #000 !important;
transition: width 2s ease
}
.wpforms-poll-results .wpforms-poll-answer-count {
color: #000 !important;
display: none !important
}
.wpforms-poll-results .wpforms-poll-answer-label,
.wpforms-poll-results .wpforms-poll-answer-percent,
div.wpforms-container.poll .wpforms-form .wpforms-field-label-inline {
font-size: 18px !important
}
div.wpforms-container-full .wpforms-form input[type=date],
div.wpforms-container-full .wpforms-form input[type=datetime-local],
div.wpforms-container-full .wpforms-form input[type=datetime],
div.wpforms-container-full .wpforms-form input[type=email],
div.wpforms-container-full .wpforms-form input[type=month],
div.wpforms-container-full .wpforms-form input[type=number],
div.wpforms-container-full .wpforms-form input[type=password],
div.wpforms-container-full .wpforms-form input[type=range],
div.wpforms-container-full .wpforms-form input[type=search],
div.wpforms-container-full .wpforms-form input[type=tel],
div.wpforms-container-full .wpforms-form input[type=text],
div.wpforms-container-full .wpforms-form input[type=time],
div.wpforms-container-full .wpforms-form input[type=url],
div.wpforms-container-full .wpforms-form input[type=week],
div.wpforms-container-full .wpforms-form select,
div.wpforms-container-full .wpforms-form textarea {
border-color: #000
}
.wpforms-field-select {
position: relative !important
}
.wpforms-field-select::before {
content: "";
border: var(--pageFormSelectArrowThickness) solid var(--pageFormFieldColor);
border-top: none;
border-right: none;
position: absolute;
width: var(--pageFormSelectArrowWidth);
height: var(--pageFormSelectArrowWidth);
top: 62%;
right: 15px;
font-size: 0;
transform: translate(-50%, -50%) rotate(-45deg);
transition: .2s ease;
pointer-events: none
}
div.wpforms-container-full .wpforms-form .wpforms-required-label {
color: #000 !important
}
div.wpforms-container-full .wpforms-form .wpforms-field-label {
font-weight: 400 !important
}
body.blackpage div.wpforms-container-full .wpforms-form .wpforms-field-label,
body.blackpage div.wpforms-container-full .wpforms-form .wpforms-field-sublabel {
color: #fff !important
}
body.blackpage .wp-core-ui div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active),
body.blackpage .wp-core-ui div.wpforms-container-full button[type=submit]:not(:hover):not(:active),
body.blackpage .wp-core-ui div.wpforms-container-full input[type=submit]:not(:hover):not(:active),
body.blackpage div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active),
body.blackpage div.wpforms-container-full button[type=submit]:not(:hover):not(:active),
body.blackpage div.wpforms-container-full input[type=submit]:not(:hover):not(:active) {
background-color: #fff !important;
border-color: #fff !important;
color: #000 !important
}
body.blackpage .wp-core-ui div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active):hover,
body.blackpage .wp-core-ui div.wpforms-container-full button[type=submit]:not(:hover):not(:active):hover,
body.blackpage .wp-core-ui div.wpforms-container-full input[type=submit]:not(:hover):not(:active):hover,
body.blackpage div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active):hover,
body.blackpage div.wpforms-container-full button[type=submit]:not(:hover):not(:active):hover,
body.blackpage div.wpforms-container-full input[type=submit]:not(:hover):not(:active):hover {
border-color: #fff !important
}
body.blackpage .wpforms-form .wpforms-submit-container .wpforms-submit:hover {
border-color: #fff !important;
color: #fff !important
}
body.blackpage .wp-core-ui div.wpforms-container-full .wpforms-field-label-inline,
body.blackpage .wp-core-ui div.wpforms-container-full .wpforms-field-label-inline a,
body.blackpage div.wpforms-container-full .wpforms-field-label-inline,
body.blackpage div.wpforms-container-full .wpforms-field-label-inline a {
color: #fff !important
}
body.blackpage .wp-core-ui div.wpforms-container-full .wpforms-field-label-inline a,
body.blackpage div.wpforms-container-full .wpforms-field-label-inline a {
text-decoration: underline
}
body.blackpage div.wpforms-container-full .wpforms-confirmation-container-full p,
body.blackpage div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) p {
color: #fff !important
}
body.blackpage .wpforms-captcha-equation {
color: #fff !important
}
body.blackpage div.wpforms-container-full .wpforms-form em.wpforms-error:before,
body.blackpage div.wpforms-container-full .wpforms-form label.wpforms-error:before {
content: none !important
}
.content-select {
position: relative;
border: 1px solid #818181
}
.content-select::before {
content: "";
right: 0;
border: 2px solid #000;
border-top: none;
border-right: none;
width: 13px;
height: 13px;
outline: 0;
pointer-events: none;
position: absolute;
top: 41%;
right: 20px;
font-size: 0;
transform: translate(-50%, -50%) rotate(-45deg);
transition: .2s ease
}
@media (min-width:640px) {
.content-select::before {
width: 13px;
height: 13px;
top: 50%;
border: 4px solid #000;
border-top: none;
border-right: none
}
}
.content-select select {
background-color: transparent;
border: none;
padding: 0;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
padding: 0 63px 0 16px;
top: auto;
bottom: 100%;
height: 38px;
border-radius: 20px;
width: 100%
}
@media (min-width:992px) {
.content-select select {
padding: 0 78px 0 16px
}
}
.content-select select:focus {
border: none;
outline: 0
}
.content-select select option {
color: #000
}
.scroll-visualizer {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 2px;
background-color: transparent;
z-index: 10000
}
.scroll-visualizer__bgcolor-white {
background-color: #fff
}
.scroll-visualizer__bgcolor-black {
background-color: #000
}
.scroll-visualizer__bgcolor-grey {
background-color: #a8a7a4
}
.scroll-visualizer__bgcolor-brand {
background-color: var(--pageBrandColor)
}
.scroll-visualizer__bgcolor-accent {
background-color: var(--pageAccentColor)
}
.scroll-visualizer__frcolor-white .scroll-visualizer__scrollbar {
background-color: #fff
}
.scroll-visualizer__frcolor-black .scroll-visualizer__scrollbar {
background-color: #000
}
.scroll-visualizer__frcolor-grey .scroll-visualizer__scrollbar {
background-color: #a8a7a4
}
.scroll-visualizer__frcolor-brand .scroll-visualizer__scrollbar {
background-color: var(--pageBrandColor)
}
.scroll-visualizer__frcolor-accent .scroll-visualizer__scrollbar {
background-color: var(--pageAccentColor)
}
.scroll-visualizer__scrollbar {
position: absolute;
top: 0;
left: 0;
width: 50%;
height: 100%;
background-color: transparent
}
.search-form {
width: 100%
}
.search-form__row {
width: 100%;
display: flex
}
.search-form__row__input {
width: calc(100% - 45px);
border: 1px solid #000;
border-right: none;
padding: 12px 8px;
background-color: #fff
}
.search-form__row__input:focus {
outline: 0;
background-color: #f5f5f5;
border-width: 1px
}
.search-form__row__input:focus~.search-form__row__button {
background-color: #f5f5f5
}
.search-form__row__input::-webkit-search-cancel-button {
-webkit-appearance: none;
height: 10px;
width: 10px;
background: url('data:image/svg+xml;utf8,<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"\a  viewBox="0 0 128 128" style="enable-background:new 0 0 128 128;" xml:space="preserve" > <polygon points="72.5,63.8 124.6,11.6 126,10.3 124.6,8.9 118.7,2.9 117.3,1.6 115.9,2.9 63.8,55.1 11.6,2.9 10.3,1.6 8.9,2.9 \a  2.9, 8.9 1.6, 10.3 2.9, 11.6 55.1, 63.8 2.9, 115.9 1.6, 117.3 2.9, 118.7 8.9, 124.6 10.3, 126 11.6, 124.6 63.8, 72.5 115.9, 124.6 117.3, 126 118.7, 124.6 124.6, 118.7 126, 117.3 124.6, 115.9 "/>\a  </svg>') no-repeat center center;
background-size: contain
}
.search-form__row__button {
width: 45px;
border: 1px solid #000;
border-left: none;
background-color: #fff
}
.search-form__row__button i {
font-size: 20px
}
#ais-wrapper #ais-main .algolia-search-box-wrapper #algolia-search-box .ais-SearchBox .ais-SearchBox-form .ais-SearchBox-input {
border-bottom: 1px solid #000;
border-radius: 0;
width: 100%;
color: #000;
background-color: #fff;
transition: all .3s ease;
box-shadow: none;
outline: 0
}
#ais-wrapper #ais-main .algolia-search-box-wrapper #algolia-search-box .ais-SearchBox .ais-SearchBox-form .ais-SearchBox-input:focus {
border-color: #000
}
#ais-wrapper #ais-main .algolia-search-box-wrapper #algolia-search-box .ais-SearchBox .ais-SearchBox-form .ais-SearchBox-input::-webkit-search-cancel-button {
-webkit-appearance: none;
height: 10px;
width: 10px;
background: url('data:image/svg+xml;utf8,<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"\a                 viewBox="0 0 128 128" style="enable-background:new 0 0 128 128;" xml:space="preserve">\a                 <polygon points="72.5,63.8 124.6,11.6 126,10.3 124.6,8.9 118.7,2.9 117.3,1.6 115.9,2.9 63.8,55.1 11.6,2.9 10.3,1.6 8.9,2.9 \a                   2.9,8.9 1.6,10.3 2.9,11.6 55.1,63.8 2.9,115.9 1.6,117.3 2.9,118.7 8.9,124.6 10.3,126 11.6,124.6 63.8,72.5 115.9,124.6 \a                   117.3,126 118.7,124.6 124.6,118.7 126,117.3 124.6,115.9 "/>\a                 </svg>') no-repeat center center;
background-size: contain
}
#ais-wrapper #ais-main .algolia-search-box-wrapper .search-icon {
fill: black !important
}
.module-image .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto
}
.module-image .module__outer__inner {
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
text-decoration: none;
color: inherit
}
@media (min-width:768px) {
.module-image .module__outer__inner {
flex-direction: row
}
}
.module-image .module__outer__inner.image-align-left {
justify-content: flex-start
}
.module-image .module__outer__inner.image-align-center {
justify-content: center
}
.module-image .module__outer__inner.image-align-right {
justify-content: flex-end
}
.module-image .module__outer__inner:hover {
text-decoration: none
}
.module-image .module__outer__inner.indentbefore-none .module-image__media.image-width-25 {
max-width: 25%
}
.module-image .module__outer__inner.indentbefore-none .module-image__media.image-width-50 {
max-width: 50%
}
.module-image .module__outer__inner.indentbefore-none .module-image__media.image-width-75 {
max-width: 75%
}
.module-image .module__outer__inner.indentbefore-none .module-image__media__caption {
padding: 15px 8.33333% 0;
max-width: 85%
}
.module-image .module__outer__inner .module-image__media {
width: 100%
}
.module-image .module__outer__inner .module-image__media.zoom-on-hover {
overflow: hidden
}
.module-image .module__outer__inner .module-image__media.zoom-on-hover:hover img {
transform: scale(1.05)
}
.module-image .module__outer__inner .module-image__media.image-width-25 {
max-width: 25%
}
.module-image .module__outer__inner .module-image__media.image-width-50 {
max-width: 50%
}
.module-image .module__outer__inner .module-image__media.image-width-75 {
max-width: 75%
}
.module-image .module__outer__inner .module-image__media__image {
transition: all .3s ease
}
.module-image .module__outer__inner .module-image__media__caption {
padding-top: 15px;
max-width: 85%
}
.module-form .module__outer,
.module-form-contact .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto
}
.module-text-image .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto
}
.module-text-image .module__outer__inner {
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
text-decoration: none;
color: inherit
}
@media (min-width:992px) {
.module-text-image .module__outer__inner {
display: flex;
flex-direction: row;
align-items: stretch;
justify-content: space-between;
width: 100%
}
}
.module-text-image .module__outer__inner:hover {
text-decoration: none
}
.module-text-image .module__outer__inner.text-right {
flex-direction: column-reverse;
text-align: left !important
}
@media (min-width:992px) {
.module-text-image .module__outer__inner.text-right {
flex-direction: row-reverse
}
}
.module-text-image .module__outer__inner.text-right .module-text-image__text__wrapper {
padding-right: 8.33333%;
padding-left: 8.33333%
}
@media (min-width:640px) {
.module-text-image .module__outer__inner.text-right .module-text-image__text__wrapper {
padding-right: var(--pageModuleIndentS);
padding-left: var(--pageModuleIndentS)
}
}
@media (min-width:992px) {
.module-text-image .module__outer__inner.text-right .module-text-image__text__wrapper {
padding-right: var(--pageModuleIndentS);
padding-left: var(--pageModuleIndentS)
}
}
.module-text-image .module__outer__inner.text-left {
flex-direction: column-reverse
}
@media (min-width:992px) {
.module-text-image .module__outer__inner.text-left {
flex-direction: row
}
}
.module-text-image .module__outer__inner.text-left .module-text-image__text__wrapper {
padding-right: 8.33333%;
padding-left: 8.33333%
}
@media (min-width:640px) {
.module-text-image .module__outer__inner.text-left .module-text-image__text__wrapper {
padding-right: var(--pageModuleIndentS);
padding-left: var(--pageModuleIndentS)
}
}
@media (min-width:992px) {
.module-text-image .module__outer__inner.text-left .module-text-image__text__wrapper {
padding-right: var(--pageModuleIndentS);
padding-left: var(--pageModuleIndentS)
}
}
.module-text-image .module__outer__inner .module-text-image__text {
width: 100%;
flex: 1
}
@media (min-width:992px) {
.module-text-image .module__outer__inner .module-text-image__text {
width: 50%;
min-height: 100%
}
}
.module-text-image .module__outer__inner .module-text-image__text__wrapper {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
height: 100%;
padding: 60px 0 45px
}
.module-text-image .module__outer__inner .module-text-image__text__wrapper__top {
align-self: flex-start
}
.module-text-image .module__outer__inner .module-text-image__text__wrapper__top h2 {
max-width: 100%
}
.module-text-image .module__outer__inner .module-text-image__text__wrapper__top h3 {
max-width: 100%
}
.module-text-image .module__outer__inner .module-text-image__text__wrapper__bottom {
text-align: left
}
.module-text-image .module__outer__inner .module-text-image__text__wrapper__bottom p {
max-width: 100%
}
.module-text-image .module__outer__inner .module-text-image__text__wrapper__bottom p:last-of-type {
padding-bottom: 0
}
.module-text-image .module__outer__inner .module-text-image__text__wrapper__bottom a {
text-decoration: underline;
display: inline-block
}
.module-text-image .module__outer__inner .module-text-image__text__wrapper__bottom a.button {
margin-top: 30px
}
.module-text-image .module__outer__inner .module-text-image__text__wrapper__bottom button {
margin-top: 20px
}
.module-text-image .module__outer__inner .module-text-image__media {
width: 100%;
flex: 1
}
@media (min-width:992px) {
.module-text-image .module__outer__inner .module-text-image__media {
width: 50%;
min-height: 100%
}
}
.module-text-image .module__outer__inner .module-text-image__media .tint {
position: relative;
margin: 0
}
.module-text-image .module__outer__inner .module-text-image__media .tint::after {
content: "";
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
background-color: transparent;
mix-blend-mode: multiply
}
.module-text-image .module__outer__inner .module-text-image__media .tint.brand::after {
background-color: var(--pageBrandColor)
}
.module-text-image .module__outer__inner .module-text-image__media .tint.accent::after {
background-color: var(--pageAccentColor)
}
.module-text-image .module__outer__inner .module-text-image__media__caption {
padding-top: 15px;
max-width: 85%;
text-align: left
}
.module-text-image .module__outer__inner.image-width-xs .module-text-image__text {
width: 100%
}
@media (min-width:992px) {
.module-text-image .module__outer__inner.image-width-xs .module-text-image__text {
width: 70%
}
}
.module-text-image .module__outer__inner.image-width-xs .module-text-image__media {
width: 100%
}
@media (min-width:992px) {
.module-text-image .module__outer__inner.image-width-xs .module-text-image__media {
width: 30%
}
}
.module-text-image .module__outer__inner.image-width-s .module-text-image__text {
width: 100%
}
@media (min-width:992px) {
.module-text-image .module__outer__inner.image-width-s .module-text-image__text {
width: 60%
}
}
.module-text-image .module__outer__inner.image-width-s .module-text-image__media {
width: 100%
}
@media (min-width:992px) {
.module-text-image .module__outer__inner.image-width-s .module-text-image__media {
width: 40%
}
}
.module-text-image .module__outer__inner.image-width-m .module-text-image__text {
width: 100%
}
@media (min-width:992px) {
.module-text-image .module__outer__inner.image-width-m .module-text-image__text {
width: 50%
}
}
.module-text-image .module__outer__inner.image-width-m .module-text-image__media {
width: 100%
}
@media (min-width:992px) {
.module-text-image .module__outer__inner.image-width-m .module-text-image__media {
width: 50%
}
}
.module-text-image .module__outer__inner.image-width-l .module-text-image__text {
width: 100%
}
@media (min-width:992px) {
.module-text-image .module__outer__inner.image-width-l .module-text-image__text {
width: 40%
}
}
.module-text-image .module__outer__inner.image-width-l .module-text-image__media {
width: 100%
}
@media (min-width:992px) {
.module-text-image .module__outer__inner.image-width-l .module-text-image__media {
width: 60%
}
}
.module-text-image .module__outer__inner.image-width-xl .module-text-image__text {
width: 100%
}
@media (min-width:992px) {
.module-text-image .module__outer__inner.image-width-xl .module-text-image__text {
width: 30%
}
}
.module-text-image .module__outer__inner.image-width-xl .module-text-image__media {
width: 100%
}
@media (min-width:992px) {
.module-text-image .module__outer__inner.image-width-xl .module-text-image__media {
width: 70%
}
}
.module-text-image.bg-color-accent .module-text-image__text__wrapper h2,
.module-text-image.bg-color-accent .module-text-image__text__wrapper h3,
.module-text-image.bg-color-accent .module-text-image__text__wrapper p {
color: #fff !important
}
.module-text-image.bg-color-accent .module-text-image__text__wrapper .button {
border-color: #fff !important;
color: #fff !important
}
.blackpage .module-text-image .module__outer__inner .module-text-image__text__wrapper__top h2 {
color: #fff
}
.module-text-video .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto
}
.module-text-video .module__outer__inner {
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
text-decoration: none;
color: inherit
}
@media (min-width:768px) {
.module-text-video .module__outer__inner {
flex-direction: row
}
}
.module-text-video .module__outer__inner:hover {
text-decoration: none
}
.module-text-video .module__outer__inner.text-right {
flex-direction: column-reverse
}
@media (min-width:768px) {
.module-text-video .module__outer__inner.text-right {
flex-direction: row-reverse
}
}
.module-text-video .module__outer__inner.text-right .module-text-video__media {
padding-bottom: 32px
}
@media (min-width:768px) {
.module-text-video .module__outer__inner.text-right .module-text-video__media {
padding-bottom: 0
}
}
@media (min-width:768px) {
.module-text-video .module__outer__inner.text-right .module-text-video__media.none {
padding-right: calc(var(--pageSwiperSpaceNone)/ 2)
}
}
@media (min-width:768px) {
.module-text-video .module__outer__inner.text-right .module-text-video__media.s {
padding-right: calc(var(--pageSwiperSpaceS)/ 2)
}
}
@media (min-width:768px) {
.module-text-video .module__outer__inner.text-right .module-text-video__media.m {
padding-right: calc(var(--pageSwiperSpaceM)/ 2)
}
}
@media (min-width:768px) {
.module-text-video .module__outer__inner.text-right .module-text-video__media.l {
padding-right: calc(var(--pageSwiperSpaceL)/ 2)
}
}
@media (min-width:768px) {
.module-text-video .module__outer__inner.text-right .module-text-video__text {
padding-left: 0
}
}
@media (min-width:768px) {
.module-text-video .module__outer__inner.text-right .module-text-video__text.none {
padding-left: calc(var(--pageSwiperSpaceNone)/ 2)
}
}
@media (min-width:768px) {
.module-text-video .module__outer__inner.text-right .module-text-video__text.s {
padding-left: calc(var(--pageSwiperSpaceS)/ 2)
}
}
@media (min-width:768px) {
.module-text-video .module__outer__inner.text-right .module-text-video__text.m {
padding-left: calc(var(--pageSwiperSpaceM)/ 2)
}
}
@media (min-width:768px) {
.module-text-video .module__outer__inner.text-right .module-text-video__text.l {
padding-left: calc(var(--pageSwiperSpaceL)/ 2)
}
}
.module-text-video .module__outer__inner.text-left {
flex-direction: column-reverse
}
@media (min-width:768px) {
.module-text-video .module__outer__inner.text-left {
flex-direction: row
}
}
.module-text-video .module__outer__inner.text-left .module-text-video__media {
padding-bottom: 32px
}
@media (min-width:768px) {
.module-text-video .module__outer__inner.text-left .module-text-video__media {
padding-bottom: 0
}
}
@media (min-width:768px) {
.module-text-video .module__outer__inner.text-left .module-text-video__media.none {
padding-left: calc(var(--pageSwiperSpaceNone)/ 2)
}
}
@media (min-width:768px) {
.module-text-video .module__outer__inner.text-left .module-text-video__media.s {
padding-left: calc(var(--pageSwiperSpaceS)/ 2)
}
}
@media (min-width:768px) {
.module-text-video .module__outer__inner.text-left .module-text-video__media.m {
padding-left: calc(var(--pageSwiperSpaceM)/ 2)
}
}
@media (min-width:768px) {
.module-text-video .module__outer__inner.text-left .module-text-video__media.l {
padding-left: calc(var(--pageSwiperSpaceL)/ 2)
}
}
@media (min-width:768px) {
.module-text-video .module__outer__inner.text-left .module-text-video__text {
padding-right: 0
}
}
@media (min-width:768px) {
.module-text-video .module__outer__inner.text-left .module-text-video__text.none {
padding-right: calc(var(--pageSwiperSpaceNone)/ 2)
}
}
@media (min-width:768px) {
.module-text-video .module__outer__inner.text-left .module-text-video__text.s {
padding-right: calc(var(--pageSwiperSpaceS)/ 2)
}
}
@media (min-width:768px) {
.module-text-video .module__outer__inner.text-left .module-text-video__text.m {
padding-right: calc(var(--pageSwiperSpaceM)/ 2)
}
}
@media (min-width:768px) {
.module-text-video .module__outer__inner.text-left .module-text-video__text.l {
padding-right: calc(var(--pageSwiperSpaceL)/ 2)
}
}
.module-text-video .module__outer__inner .module-text-video__text {
width: 100%
}
@media (min-width:768px) {
.module-text-video .module__outer__inner .module-text-video__text {
width: 50%
}
}
.module-text-video .module__outer__inner .module-text-video__text__wrapper__headline1 {
max-width: 85%
}
.module-text-video .module__outer__inner .module-text-video__text__wrapper__headline2 {
max-width: 85%
}
.module-text-video .module__outer__inner .module-text-video__text__wrapper__headline3 {
max-width: 85%
}
.module-text-video .module__outer__inner .module-text-video__text__wrapper__copy {
max-width: 85%
}
.module-text-video .module__outer__inner .module-text-video__text__wrapper__copy:last-of-type {
padding-bottom: 0
}
.module-text-video .module__outer__inner .module-text-video__text__wrapper__cta {
text-decoration: underline;
margin-top: 20px;
display: inline-block
}
.module-text-video .module__outer__inner .module-text-video__text__wrapper__button {
margin-top: 20px
}
.module-text-video .module__outer__inner .module-text-video__media {
width: 100%
}
@media (min-width:768px) {
.module-text-video .module__outer__inner .module-text-video__media {
width: 50%
}
}
.module-text-swiper .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto
}
.module-text-swiper .module__outer__inner {
display: flex;
flex-wrap: wrap;
flex-direction: row;
align-items: center;
text-decoration: none;
color: inherit
}
@media (min-width:768px) {
.module-text-swiper .module__outer__inner {
flex-direction: row
}
}
.module-text-swiper .module__outer__inner:hover {
text-decoration: none
}
.module-text-swiper .module__outer__inner.text-right {
flex-direction: row-reverse
}
@media (min-width:768px) {
.module-text-swiper .module__outer__inner.text-right {
flex-direction: row-reverse
}
}
.module-text-swiper .module__outer__inner.text-right.indentafter-none .module-text-swiper__text {
padding-right: var(--pageModuleIndentS)
}
.module-text-swiper .module__outer__inner.text-right .module-text-swiper__text__wrapper {
align-items: flex-start
}
.module-text-swiper .module__outer__inner.text-right .module-text-swiper__media {
padding-bottom: 32px
}
@media (min-width:768px) {
.module-text-swiper .module__outer__inner.text-right .module-text-swiper__media {
padding-bottom: 0
}
}
@media (min-width:768px) {
.module-text-swiper .module__outer__inner.text-right .module-text-swiper__text {
padding-left: 8.333333%
}
}
.module-text-swiper .module__outer__inner.text-left {
flex-direction: column-reverse
}
@media (min-width:992px) {
.module-text-swiper .module__outer__inner.text-left {
flex-direction: row
}
}
.module-text-swiper .module__outer__inner.text-left.indentbefore-none .module-text-swiper__text {
padding-left: var(--pageModuleIndentS)
}
.module-text-swiper .module__outer__inner.text-left .module-text-swiper__media {
padding-bottom: 32px
}
@media (min-width:992px) {
.module-text-swiper .module__outer__inner.text-left .module-text-swiper__media {
padding-bottom: 0
}
}
.module-text-swiper .module__outer__inner.text-left .module-text-swiper__text {
padding-top: 60px;
padding-bottom: 90px
}
@media (min-width:992px) {
.module-text-swiper .module__outer__inner.text-left .module-text-swiper__text {
padding-right: 8.333333%;
padding-top: 0;
padding-bottom: 0
}
}
.module-text-swiper .module__outer__inner .module-text-swiper__text {
width: 100%;
padding-bottom: 45px
}
@media (min-width:992px) {
.module-text-swiper .module__outer__inner .module-text-swiper__text {
width: 50%;
padding-bottom: 0
}
}
.module-text-swiper .module__outer__inner .module-text-swiper__text__wrapper__headline1 {
max-width: 85%
}
.module-text-swiper .module__outer__inner .module-text-swiper__text__wrapper__headline2 {
max-width: 85%
}
.module-text-swiper .module__outer__inner .module-text-swiper__text__wrapper__headline3 {
max-width: 85%
}
.module-text-swiper .module__outer__inner .module-text-swiper__text__wrapper__copy {
max-width: 85%
}
.module-text-swiper .module__outer__inner .module-text-swiper__text__wrapper__copy:last-of-type {
padding-bottom: 0
}
.module-text-swiper .module__outer__inner .module-text-swiper__text__wrapper__cta {
text-decoration: underline;
margin-top: 20px;
display: inline-block
}
.module-text-swiper .module__outer__inner .module-text-swiper__text__wrapper__button {
margin-top: 20px
}
.module-text-swiper .module__outer__inner .module-text-swiper__media {
width: 100%;
position: relative
}
@media (min-width:992px) {
.module-text-swiper .module__outer__inner .module-text-swiper__media {
width: 50%
}
}
.module-text-swiper .module__outer__inner .module-text-swiper__media .module-slidex .slidex-prev-button {
display: none
}
.module-text-swiper .module__outer__inner .module-text-swiper__media .module-slidex .slidex-pagination {
position: relative;
bottom: inherit;
margin-top: 30px
}
.module-text-swiper .module__outer__inner .module-text-swiper__media .module-slidex.sidenavigation .keen-slider {
max-width: calc(100% - 120px)
}
.module-text-swiper .module__outer__inner .module-text-swiper__media__headline {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1
}
.module-text-swiper .module__outer__inner .module-text-swiper__media__caption {
padding-top: 16px;
max-width: 85%;
font-size: 14px;
max-width: var(--pageMaxWidth);
margin: 0 auto
}
.module-text .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto
}
.module-text .module__outer__inner {
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
text-decoration: none;
color: inherit
}
@media (min-width:768px) {
.module-text .module__outer__inner {
flex-direction: row
}
}
.module-text .module__outer__inner:hover {
text-decoration: none
}
.module-text .module__outer__inner .module-text__text {
width: 100%
}
@media (min-width:640px) {
.module-text .module__outer__inner .module-text__text__wrapper h1,
.module-text .module__outer__inner .module-text__text__wrapper h2,
.module-text .module__outer__inner .module-text__text__wrapper h3 {
max-width: 85%
}
}
@media (min-width:640px) {
.module-text .module__outer__inner .module-text__text__wrapper p {
max-width: 85%
}
}
.module-text .module__outer__inner .module-text__text__wrapper p:last-of-type {
padding-bottom: 0
}
.module-text .module__outer__inner .module-text__text__wrapper a {
text-decoration: underline;
margin-top: 15px;
display: inline-block
}
.module-text .module__outer__inner .module-text__text__wrapper ul {
margin-top: 15px
}
.module-text .module__outer__inner .module-text__text__wrapper button {
margin-top: 15px
}
.modal {
position: fixed;
top: 0;
left: 100%;
width: 100vw;
height: 100vh;
height: var(--viewport-height);
z-index: 999999;
opacity: 0;
transition: left .01s ease, opacity .2s ease
}
.modal.show {
left: 0;
opacity: 1;
transition: left .01s ease, opacity .4s ease
}
.modal__bg {
position: absolute;
top: 0;
right: 0;
width: 100vw;
height: 100vh;
z-index: 1;
background-color: var(--pageModalBgColor)
}
.modal__wrapper {
position: absolute;
top: 50%;
right: 50%;
transform: translate(50%, -50%);
z-index: 2;
background-color: var(--pageModalContentBgColor);
width: var(--pageModalWidthBase);
padding: var(--pageModalContentPadding);
max-height: 70vh;
overflow-y: auto;
scrollbar-color: #818181 #f5f5f5;
scrollbar-width: thin
}
.modal__wrapper ::-webkit-scrollbar {
width: 12px;
height: 7px;
background-color: #f5f5f5
}
.modal__wrapper ::-webkit-scrollbar-thumb {
background-color: #818181
}
.modal__wrapper ::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
background-color: #f5f5f5
}
@media (min-width:768px) {
.modal__wrapper.width-s {
width: var(--pageModalWidthS)
}
}
@media (min-width:768px) {
.modal__wrapper.width-m {
width: var(--pageModalWidthM)
}
}
@media (min-width:768px) {
.modal__wrapper.width-l {
width: var(--pageModalWidthL)
}
}
.modal__wrapper__closebtn {
display: inline-block;
border: none;
outline: 0;
background-color: transparent;
margin-right: -8px;
position: absolute;
top: 26px;
right: 30px;
z-index: 2;
font-size: var(--pageModalCloseBtnIconSize);
color: var(--pageModalCloseBtnIconColor)
}
.modal__wrapper__content {
display: none
}
.modal__wrapper__content.show {
display: block
}
.modal__wrapper__content__headline1 {
max-width: 85%
}
.modal__wrapper__content__headline2 {
max-width: 85%
}
.modal__wrapper__content__headline3 {
max-width: 85%
}
.modal__wrapper__content__copy {
max-width: 85%
}
.modal__wrapper__content__copy:last-of-type {
padding-bottom: 0
}
.modal__wrapper__content__link {
text-decoration: underline;
padding-top: 32px;
display: inline-block
}
.offcanvas {
position: fixed;
top: 0;
left: 100%;
width: 100vw;
height: 100vh;
height: var(--viewport-height);
z-index: 999999;
opacity: 0;
transition: opacity .2s ease
}
.offcanvas.show {
left: 0;
opacity: 1;
transition: opacity .4s ease
}
.offcanvas__bg {
position: absolute;
top: 0;
right: 0;
width: 100vw;
height: 100vh;
z-index: 1;
background-color: var(--pageOffcanvasBgColor)
}
.offcanvas__wrapper {
position: absolute;
top: 0;
right: 0;
width: var(--pageOffcanvasWidthBase);
height: 100vh;
z-index: 2;
background-color: var(--pageOffcanvasContentBgColor);
padding: var(--pageOffcanvasContentPadding);
display: flex;
flex-direction: column
}
@media (min-width:768px) {
.offcanvas__wrapper.width-s {
width: var(--pageOffcanvasWidthS)
}
}
@media (min-width:768px) {
.offcanvas__wrapper.width-m {
width: var(--pageOffcanvasWidthM)
}
}
@media (min-width:768px) {
.offcanvas__wrapper.width-l {
width: var(--pageOffcanvasWidthL)
}
}
.offcanvas__wrapper__header {
display: flex;
justify-content: flex-end;
padding: 0
}
.offcanvas__wrapper__header__closebtn {
display: inline-block;
border: none;
outline: 0;
background-color: transparent;
margin-right: -9px;
font-size: var(--pageOffcanvasCloseBtnIconSize);
line-height: 1;
margin-top: 4px;
color: var(--pageOffcanvasCloseBtnIconColor)
}
.offcanvas__wrapper__content {
display: none;
overflow-x: hidden;
overflow-y: auto;
scrollbar-color: #818181 #f5f5f5;
scrollbar-width: thin
}
.offcanvas__wrapper__content ::-webkit-scrollbar {
width: 12px;
height: 7px;
background-color: #f5f5f5
}
.offcanvas__wrapper__content ::-webkit-scrollbar-thumb {
background-color: #818181
}
.offcanvas__wrapper__content ::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
background-color: #f5f5f5
}
.offcanvas__wrapper__content.show {
display: block
}
.module-content-swiper .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto
}
.module-content-swiper .module__outer__inner {
position: relative
}
.module-content-swiper .module__outer__inner .module-slidex .keen-slider .module-content-swiper__slide__caption {
padding-top: 10px;
max-width: 80%
}
.module-content-swiper .module__outer__inner .module-slidex .slidex-pagination {
position: relative;
bottom: inherit;
margin-top: 30px
}
.module-hero-image .module__outer__inner {
display: block
}
.module-hero-image .module__outer__inner .module-hero-image__media {
position: relative;
overflow: hidden;
height: 70vh
}
@media (min-width:768px) {
.module-hero-image .module__outer__inner .module-hero-image__media {
height: 90vh
}
}
@media (min-width:1024px) {
.module-hero-image .module__outer__inner .module-hero-image__media {
height: auto
}
}
.module-hero-image .module__outer__inner .module-hero-image__media__image {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
.module-hero-image .module__outer__inner .module-hero-image__media__overlay-bg {
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
background-color: rgba(0, 0, 0, .3);
top: 0;
left: 0
}
.module-hero-image .module__outer__inner .module-hero-image__media__overlay-wrapper {
height: calc(100vh - var(--header-height));
max-height: 100%;
position: absolute;
z-index: 1;
top: 0;
left: 50%;
width: 100%;
max-width: var(--pageModulesMaxWidth);
display: flex;
justify-content: flex-start;
align-items: flex-end;
transform: translateX(-50%);
padding-top: var(--header-height)
}
.module-hero-image .module__outer__inner .module-hero-image__media__overlay-wrapper.top-left {
justify-content: flex-start;
align-items: flex-start
}
.module-hero-image .module__outer__inner .module-hero-image__media__overlay-wrapper.top-center {
justify-content: center;
align-items: flex-start;
text-align: center
}
.module-hero-image .module__outer__inner .module-hero-image__media__overlay-wrapper.top-right {
justify-content: flex-end;
align-items: flex-start;
text-align: right
}
.module-hero-image .module__outer__inner .module-hero-image__media__overlay-wrapper.mid-left {
justify-content: flex-start;
align-items: center
}
.module-hero-image .module__outer__inner .module-hero-image__media__overlay-wrapper.mid-center {
justify-content: center;
align-items: center;
text-align: center
}
.module-hero-image .module__outer__inner .module-hero-image__media__overlay-wrapper.mid-right {
justify-content: flex-end;
align-items: center;
text-align: right
}
.module-hero-image .module__outer__inner .module-hero-image__media__overlay-wrapper.bottom-left {
justify-content: flex-start;
align-items: flex-end
}
.module-hero-image .module__outer__inner .module-hero-image__media__overlay-wrapper.bottom-center {
justify-content: center;
align-items: flex-end;
text-align: center
}
.module-hero-image .module__outer__inner .module-hero-image__media__overlay-wrapper.bottom-right {
justify-content: flex-end;
align-items: flex-end;
text-align: right
}
.module-hero-image .module__outer__inner .module-hero-image__media__overlay {
display: inline-block;
padding: 0 var(--pageModuleIndentS) var(--pageModuleIndentS);
max-width: 100%;
width: 100%;
padding-right: 8.33333%;
padding-left: 8.33333%
}
@media (min-width:640px) {
.module-hero-image .module__outer__inner .module-hero-image__media__overlay {
padding-right: var(--pageModuleIndentS);
padding-left: var(--pageModuleIndentS)
}
}
.module-hero-image .module__outer__inner .module-hero-image__media__overlay.colored-bg {
background-color: rgba(0, 0, 0, .4);
padding-top: 60px;
min-width: 440px
}
@media (min-width:640px) {
.module-hero-image .module__outer__inner .module-hero-image__media__overlay {
max-width: 90%;
width: auto
}
}
@media (min-width:992px) {
.module-hero-image .module__outer__inner .module-hero-image__media__overlay {
max-width: 70%
}
}
.module-hero-image .module__outer__inner .module-hero-image__media__overlay__cta {
text-decoration: underline;
margin-top: 10px;
display: inline-block
}
.module-hero-image .module__outer__inner .module-hero-image__media__overlay__button {
margin-top: 10px
}
.module-hero-image .module__outer__inner .module-hero-image__media__overlay.white .module-hero-image__wrapper__media__overlay__headline {
color: #fff
}
.module-hero-image .module__outer__inner .module-hero-image__media__overlay.white .module-hero-image__wrapper__media__overlay__copy {
color: #fff
}
.module-hero-image .module__outer__inner .module-hero-image__media__overlay.white .module-hero-image__wrapper__media__overlay__cta {
color: #fff
}
.module-hero-video .module__outer__inner {
display: block
}
.module-hero-video .module__outer__inner .module-hero-video__media {
position: relative;
overflow: hidden;
height: auto
}
.module-hero-video .module__outer__inner .module-hero-video__media__video {
width: 100%;
height: 100%
}
@media (min-width:992px) {
.module-hero-video .module__outer__inner .module-hero-video__media__video {
height: auto
}
}
.module-hero-video .module__outer__inner .module-hero-video__media__video.no-controls .wwplayer-overlay.interaction {
display: none
}
.module-hero-video .module__outer__inner .module-hero-video__media__video video {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
.module-hero-video .module__outer__inner .module-hero-video__media__overlay-bg {
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
background-color: rgba(0, 0, 0, .3);
top: 0;
left: 0
}
.module-hero-video .module__outer__inner .module-hero-video__media__overlay-wrapper {
height: calc(100vh - var(--header-height));
max-height: 100%;
position: absolute;
z-index: 700;
top: 0;
left: 50%;
width: 100%;
max-width: var(--pageModulesMaxWidth);
display: flex;
justify-content: flex-start;
align-items: flex-end;
transform: translateX(-50%);
padding-top: var(--header-height)
}
.module-hero-video .module__outer__inner .module-hero-video__media__overlay-wrapper.top-left {
justify-content: flex-start;
align-items: flex-start
}
.module-hero-video .module__outer__inner .module-hero-video__media__overlay-wrapper.top-center {
justify-content: center;
align-items: flex-start;
text-align: center
}
.module-hero-video .module__outer__inner .module-hero-video__media__overlay-wrapper.top-right {
justify-content: flex-end;
align-items: flex-start;
text-align: right
}
.module-hero-video .module__outer__inner .module-hero-video__media__overlay-wrapper.mid-left {
justify-content: flex-start;
align-items: center
}
.module-hero-video .module__outer__inner .module-hero-video__media__overlay-wrapper.mid-center {
justify-content: center;
align-items: center;
text-align: center
}
.module-hero-video .module__outer__inner .module-hero-video__media__overlay-wrapper.mid-right {
justify-content: flex-end;
align-items: center;
text-align: right
}
.module-hero-video .module__outer__inner .module-hero-video__media__overlay-wrapper.bottom-left {
justify-content: flex-start;
align-items: flex-end
}
.module-hero-video .module__outer__inner .module-hero-video__media__overlay-wrapper.bottom-center {
justify-content: center;
align-items: flex-end;
text-align: center
}
.module-hero-video .module__outer__inner .module-hero-video__media__overlay-wrapper.bottom-right {
justify-content: flex-end;
align-items: flex-end;
text-align: right
}
.module-hero-video .module__outer__inner .module-hero-video__media__overlay {
display: inline-block;
padding: 0 var(--pageModuleIndentS) var(--pageModuleIndentS);
max-width: 100%;
width: 100%;
padding-right: 8.33333%;
padding-left: 8.33333%
}
@media (min-width:640px) {
.module-hero-video .module__outer__inner .module-hero-video__media__overlay {
padding-right: var(--pageModuleIndentS);
padding-left: var(--pageModuleIndentS)
}
}
.module-hero-video .module__outer__inner .module-hero-video__media__overlay.colored-bg {
background-color: rgba(0, 0, 0, .4);
padding-top: 60px;
min-width: 440px
}
@media (min-width:640px) {
.module-hero-video .module__outer__inner .module-hero-video__media__overlay {
max-width: 90%;
width: auto
}
}
@media (min-width:992px) {
.module-hero-video .module__outer__inner .module-hero-video__media__overlay {
max-width: 64%
}
}
.module-hero-video .module__outer__inner .module-hero-video__media__overlay__cta {
text-decoration: underline;
margin-top: 10px;
display: inline-block
}
.module-hero-video .module__outer__inner .module-hero-video__media__overlay__button {
margin-top: 10px
}
.module-hero-video .module__outer__inner .module-hero-video__media__overlay.white .module-hero-video__wrapper__media__overlay__headline {
color: #fff
}
.module-hero-video .module__outer__inner .module-hero-video__media__overlay.white .module-hero-video__wrapper__media__overlay__copy {
color: #fff
}
.module-hero-video .module__outer__inner .module-hero-video__media__overlay.white .module-hero-video__wrapper__media__overlay__cta {
color: #fff
}
body.vc_editor .module-hero-video .module__outer__inner .module-hero-video__media {
width: 100%;
padding-bottom: 50%;
background-image: var(--background);
background-size: cover
}
.module-hero-swiper .module__outer__inner .module-slidex .keen-slider .slidex__slide {
margin-bottom: -9px
}
.module-hero-swiper .module__outer__inner .module-hero-swiper__wrapper {
position: relative;
overflow: hidden;
height: 60vh;
max-height: 100%;
width: 100%;
display: inline-block
}
@media (min-width:768px) {
.module-hero-swiper .module__outer__inner .module-hero-swiper__wrapper {
height: auto;
max-height: 100%
}
}
@media (min-width:992px) {
.module-hero-swiper .module__outer__inner .module-hero-swiper__wrapper {
height: auto;
max-height: 100%
}
}
.module-hero-swiper .module__outer__inner .module-hero-swiper__wrapper__media {
position: relative;
width: 100%;
height: 100%
}
.module-hero-swiper .module__outer__inner .module-hero-swiper__wrapper__media__outer {
width: 100%;
height: 100%;
position: relative
}
@media (min-width:640px) {
.module-hero-swiper .module__outer__inner .module-hero-swiper__wrapper__media__outer {
padding-bottom: 0;
height: 100%
}
}
.module-hero-swiper .module__outer__inner .module-hero-swiper__wrapper__media__image {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
z-index: 1
}
@media (min-width:640px) {
.module-hero-swiper .module__outer__inner .module-hero-swiper__wrapper__media__image {
position: relative;
top: inherit;
left: inherit
}
}
.module-hero-swiper .module__outer__inner .module-hero-swiper__wrapper__media__overlay-bg {
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
background-color: rgba(0, 0, 0, .3);
top: 0;
left: 0
}
.module-hero-swiper .module__outer__inner .module-hero-swiper__wrapper__media__overlay-wrapper {
height: calc(100vh - var(--header-height));
max-height: 100%;
position: absolute;
z-index: 1;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 100%;
max-width: var(--pageModulesMaxWidth);
display: flex;
justify-content: flex-start;
align-items: flex-end;
padding-top: var(--header-height)
}
.module-hero-swiper .module__outer__inner .module-hero-swiper__wrapper__media__overlay-wrapper.top-left {
justify-content: flex-start;
align-items: flex-start
}
.module-hero-swiper .module__outer__inner .module-hero-swiper__wrapper__media__overlay-wrapper.top-center {
justify-content: center;
align-items: flex-start;
text-align: center
}
.module-hero-swiper .module__outer__inner .module-hero-swiper__wrapper__media__overlay-wrapper.top-right {
justify-content: flex-end;
align-items: flex-start;
text-align: right
}
.module-hero-swiper .module__outer__inner .module-hero-swiper__wrapper__media__overlay-wrapper.mid-left {
justify-content: flex-start;
align-items: center
}
.module-hero-swiper .module__outer__inner .module-hero-swiper__wrapper__media__overlay-wrapper.mid-center {
justify-content: center;
align-items: center;
text-align: center
}
.module-hero-swiper .module__outer__inner .module-hero-swiper__wrapper__media__overlay-wrapper.mid-right {
justify-content: flex-end;
align-items: center;
text-align: right
}
.module-hero-swiper .module__outer__inner .module-hero-swiper__wrapper__media__overlay-wrapper.bottom-left {
justify-content: flex-start;
align-items: flex-end
}
.module-hero-swiper .module__outer__inner .module-hero-swiper__wrapper__media__overlay-wrapper.bottom-center {
justify-content: center;
align-items: flex-end;
text-align: center
}
.module-hero-swiper .module__outer__inner .module-hero-swiper__wrapper__media__overlay-wrapper.bottom-right {
justify-content: flex-end;
align-items: flex-end;
text-align: right
}
.module-hero-swiper .module__outer__inner .module-hero-swiper__wrapper__media__overlay {
display: inline-block;
padding: 30px var(--pageModuleIndentS) var(--pageModuleIndentS);
max-width: 100%;
width: 100%;
padding-right: 8.33333%;
padding-left: 8.33333%
}
@media (min-width:640px) {
.module-hero-swiper .module__outer__inner .module-hero-swiper__wrapper__media__overlay {
padding-right: var(--pageModuleIndentS);
padding-left: var(--pageModuleIndentS)
}
}
.module-hero-swiper .module__outer__inner .module-hero-swiper__wrapper__media__overlay.colored-bg {
background-color: rgba(0, 0, 0, .4);
padding-top: 60px;
min-width: 440px
}
@media (min-width:640px) {
.module-hero-swiper .module__outer__inner .module-hero-swiper__wrapper__media__overlay {
max-width: 90%;
width: auto
}
}
@media (min-width:992px) {
.module-hero-swiper .module__outer__inner .module-hero-swiper__wrapper__media__overlay {
max-width: 70%
}
}
.module-hero-swiper .module__outer__inner .module-hero-swiper__wrapper__media__overlay__cta {
text-decoration: underline;
margin-top: 10px;
display: inline-block
}
.module-hero-swiper .module__outer__inner .module-hero-swiper__wrapper__media__overlay__button {
margin-top: 10px
}
.module-hero-swiper .module__outer__inner .module-hero-swiper__wrapper__media__overlay.white .module-hero-image__wrapper__media__overlay__headline {
color: #fff
}
.module-hero-swiper .module__outer__inner .module-hero-swiper__wrapper__media__overlay.white .module-hero-image__wrapper__media__overlay__copy {
color: #fff
}
.module-hero-swiper .module__outer__inner .module-hero-swiper__wrapper__media__overlay.white .module-hero-image__wrapper__media__overlay__cta {
color: #fff
}
.module-accordion.content .module__outer__inner .module-accordion__trigger__marker::after {
color: #5d5c5c
}
.module-accordion.content .module__outer__inner .module-accordion__content {
border-bottom: none
}
.module-accordion.content .module__outer__inner .module-accordion__trigger.right .module-accordion__trigger__titel {
padding-left: 30px
}
.module-accordion.content .module__outer__inner .module-accordion__content__inner {
padding: 0 8.3333333% 60px 30px
}
.module-accordion.content .module__outer__inner .module-accordion__trigger.right .module-accordion__trigger__marker {
padding-right: 8.33333%
}
.module-accordion.product .module__outer__inner .module-accordion__trigger__marker::after {
color: var(--pageAccentColor)
}
.module-accordion .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto
}
.module-accordion .module__outer__inner .module-accordion__trigger {
cursor: pointer;
padding: 30px 0;
display: flex;
flex-direction: row;
align-items: center;
border-top: 1px solid #ccc
}
.module-accordion .module__outer__inner .module-accordion__trigger.right {
flex-direction: row-reverse
}
.module-accordion .module__outer__inner .module-accordion__trigger.right .module-accordion__trigger__titel {
padding-right: 30%
}
.module-accordion .module__outer__inner .module-accordion__trigger.right .module-accordion__trigger__marker {
text-align: right
}
.module-accordion .module__outer__inner .module-accordion__trigger.right .module-accordion__trigger__marker.checkbox+.module-accordion__trigger__titel {
width: calc(100% - var(--pageFormCheckboxWidth))
}
.module-accordion .module__outer__inner .module-accordion__trigger.right .module-accordion__trigger__marker.radio+.module-accordion__trigger__titel {
width: calc(100% - var(--pageFormRadioWidth))
}
.module-accordion .module__outer__inner .module-accordion__trigger.right .module-accordion__trigger__marker.arrow+.module-accordion__trigger__titel {
width: calc(100% - 20px)
}
.module-accordion .module__outer__inner .module-accordion__trigger__marker {
position: relative;
width: 30px
}
.module-accordion .module__outer__inner .module-accordion__trigger__marker::after {
font-family: var(--pageIconFont);
content: var(--pageIconUiPlusBold);
color: var(--pageAccentColor);
display: inline-block;
transform: rotate(90deg);
transform-origin: center center;
transition: .1s ease;
z-index: 2;
font-size: 20px
}
.module-accordion .module__outer__inner .module-accordion__trigger__titel {
width: calc(100% - var(--pageFormCheckboxWidth))
}
.module-accordion .module__outer__inner .module-accordion__content {
overflow-y: hidden;
max-height: 0;
transition: max-height .4s ease;
border-bottom: 1px solid #000
}
.module-accordion .module__outer__inner .module-accordion__content__inner {
padding: 0 0 60px
}
.module-accordion .module__outer__inner .module-accordion__content__inner h1,
.module-accordion .module__outer__inner .module-accordion__content__inner h2,
.module-accordion .module__outer__inner .module-accordion__content__inner h3,
.module-accordion .module__outer__inner .module-accordion__content__inner h4,
.module-accordion .module__outer__inner .module-accordion__content__inner h5,
.module-accordion .module__outer__inner .module-accordion__content__inner p {
max-width: 100%
}
@media (min-width:768px) {
.module-accordion .module__outer__inner .module-accordion__content__inner h1,
.module-accordion .module__outer__inner .module-accordion__content__inner h2,
.module-accordion .module__outer__inner .module-accordion__content__inner h3,
.module-accordion .module__outer__inner .module-accordion__content__inner h4,
.module-accordion .module__outer__inner .module-accordion__content__inner h5,
.module-accordion .module__outer__inner .module-accordion__content__inner p {
max-width: 80%
}
}
@media (min-width:992px) {
.module-accordion .module__outer__inner .module-accordion__content__inner h1,
.module-accordion .module__outer__inner .module-accordion__content__inner h2,
.module-accordion .module__outer__inner .module-accordion__content__inner h3,
.module-accordion .module__outer__inner .module-accordion__content__inner h4,
.module-accordion .module__outer__inner .module-accordion__content__inner h5,
.module-accordion .module__outer__inner .module-accordion__content__inner p {
max-width: 65%
}
}
.module-accordion .module__outer__inner .module-accordion__content__inner.brochure .brochure__grid {
--brochuregap: 30px;
--brochurecolumns: 1;
display: flex;
flex-wrap: wrap;
gap: var(--brochuregap)
}
@media (min-width:640px) {
.module-accordion .module__outer__inner .module-accordion__content__inner.brochure .brochure__grid {
--brochuregap: 30px;
--brochurecolumns: 2
}
}
@media (min-width:992px) {
.module-accordion .module__outer__inner .module-accordion__content__inner.brochure .brochure__grid {
--brochuregap: 30px;
--brochurecolumns: 4
}
}
.module-accordion .module__outer__inner .module-accordion__content__inner.brochure .brochure__grid__item {
width: calc((100% / var(--brochurecolumns)) - var(--brochuregap) + (var(--brochuregap)/ var(--brochurecolumns)))
}
.module-accordion .module__outer__inner .module-accordion__content__inner.brochure .brochure__grid__item__action {
text-align: center;
padding-top: 30px
}
.module-accordion .module__outer__inner .module-accordion__content__inner.projects .projects__item {
width: 100%
}
@media (min-width:640px) {
.module-accordion .module__outer__inner .module-accordion__content__inner.projects .projects__item {
max-width: 85%
}
}
.module-accordion .module__outer__inner .module-accordion__content__inner.projects .projects__item__media {
padding-bottom: 20px
}
.module-accordion .module__outer__inner .module-accordion__content__inner.projects .projects__item__action {
display: flex;
flex-wrap: wrap
}
.module-accordion .module__outer__inner .module-accordion__content__inner.projects .projects__item__action__wrapper {
width: 50%
}
.module-accordion .module__outer__inner .module-accordion__content__inner.projects .projects__item__action__wrapper .button {
align-self: flex-start;
display: inline-block
}
.module-accordion .module__outer__inner .module-accordion__content__inner.projects .projects__item__action__place {
width: 50%;
text-align: right
}
.module-accordion.open .module-accordion__trigger__marker::after {
transform: rotate(45deg)
}
.module-accordion.open .module-accordion__content {
max-height: 9999px;
transition: max-height 4s ease
}
.module-accordion.content-dark .module-accordion__content__inner {
background-color: var(--pageModuleAccordionContentBoxInvertBgColor);
padding: 40px 30px 40px
}
.module-teaser-duo .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto
}
.module-teaser-duo .module__outer__inner {
display: flex;
flex-wrap: wrap;
flex-direction: column;
text-decoration: none;
color: inherit
}
@media (min-width:768px) {
.module-teaser-duo .module__outer__inner {
flex-direction: row
}
}
.module-teaser-duo .module__outer__inner .module-teaser-duo__col {
width: 100%;
padding-bottom: 80px
}
.module-teaser-duo .module__outer__inner .module-teaser-duo__col:last-of-type {
padding-bottom: 0
}
@media (min-width:768px) {
.module-teaser-duo .module__outer__inner .module-teaser-duo__col {
width: 50%;
padding-bottom: 0
}
}
.module-teaser-trio .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto
}
.module-teaser-trio .module__outer__inner {
display: flex;
flex-wrap: wrap;
flex-direction: column;
text-decoration: none;
color: inherit
}
@media (min-width:768px) {
.module-teaser-trio .module__outer__inner {
flex-direction: row
}
}
.module-teaser-trio .module__outer__inner .module-teaser-trio__col {
width: 100%;
padding-bottom: 80px
}
.module-teaser-trio .module__outer__inner .module-teaser-trio__col:last-of-type {
padding-bottom: 0
}
@media (min-width:768px) {
.module-teaser-trio .module__outer__inner .module-teaser-trio__col {
width: 33.33333%;
padding-bottom: 0
}
}
.module-teaser-quattro .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto
}
.module-teaser-quattro .module__outer__inner {
display: flex;
flex-wrap: wrap;
flex-direction: column;
text-decoration: none;
color: inherit
}
@media (min-width:768px) {
.module-teaser-quattro .module__outer__inner {
flex-direction: row
}
}
.module-teaser-quattro .module__outer__inner .module-teaser-quattro__col {
width: 100%;
padding-bottom: 80px
}
.module-teaser-quattro .module__outer__inner .module-teaser-quattro__col:last-of-type {
padding-bottom: 0
}
@media (min-width:768px) {
.module-teaser-quattro .module__outer__inner .module-teaser-quattro__col {
width: 50%;
padding-bottom: 0
}
}
@media (min-width:1280px) {
.module-teaser-quattro .module__outer__inner .module-teaser-quattro__col {
width: 25%;
padding-bottom: 0
}
}
.module-image-duo .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto
}
.module-image-duo .module__outer__inner {
display: flex;
flex-wrap: wrap;
flex-direction: column;
text-decoration: none;
color: inherit
}
@media (min-width:992px) {
.module-image-duo .module__outer__inner {
flex-direction: row
}
}
.module-image-duo .module__outer__inner.gap-s .module-image-duo__col .text_overlay_bg {
left: 15px;
width: calc(100% - 30px)
}
.module-image-duo .module__outer__inner.gap-s .module-image-duo__col .text_overlay {
position: absolute;
bottom: 45px;
left: 30px;
width: calc(100% - (15px * 4));
z-index: 2
}
@media (min-width:640px) {
.module-image-duo .module__outer__inner.gap-s .module-image-duo__col .text_overlay {
bottom: 30px;
left: 45px;
width: calc(100% - (15px * 6))
}
}
@media (min-width:1280px) {
.module-image-duo .module__outer__inner.gap-s .module-image-duo__col .text_overlay {
bottom: 75px;
left: 60px;
width: calc(100% - (15px * 9))
}
}
.module-image-duo .module__outer__inner.gap-m .module-image-duo__col .text_overlay_bg {
left: 30px;
width: calc(100% - 60px)
}
.module-image-duo .module__outer__inner.gap-m .module-image-duo__col .text_overlay {
position: absolute;
bottom: 45px;
left: 45px;
width: calc(100% - (15px * 8));
z-index: 2
}
@media (min-width:640px) {
.module-image-duo .module__outer__inner.gap-m .module-image-duo__col .text_overlay {
bottom: 30px;
left: 60px;
width: calc(100% - (15px * 9))
}
}
@media (min-width:1280px) {
.module-image-duo .module__outer__inner.gap-m .module-image-duo__col .text_overlay {
bottom: 60px;
left: 75px;
width: calc(100% - (15px * 10))
}
}
.module-image-duo .module__outer__inner.gap-l .module-image-duo__col .text_overlay_bg {
left: 45px;
width: calc(100% - 90px)
}
.module-image-duo .module__outer__inner.gap-l .module-image-duo__col .text_overlay {
position: absolute;
bottom: 45px;
left: 45px;
width: calc(100% - (15px * 12));
z-index: 2
}
@media (min-width:640px) {
.module-image-duo .module__outer__inner.gap-l .module-image-duo__col .text_overlay {
bottom: 15px;
left: 75px;
width: calc(100% - (15px * 11))
}
}
@media (min-width:1280px) {
.module-image-duo .module__outer__inner.gap-l .module-image-duo__col .text_overlay {
bottom: 45px;
left: 90px;
width: calc(100% - (15px * 12))
}
}
.module-image-duo .module__outer__inner .module-image-duo__col {
width: 100%;
position: relative
}
.module-image-duo .module__outer__inner .module-image-duo__col:last-of-type {
padding-bottom: 0
}
@media (min-width:992px) {
.module-image-duo .module__outer__inner .module-image-duo__col {
width: 50%;
padding-bottom: 0
}
}
.module-image-duo .module__outer__inner .module-image-duo__col figure {
margin: 0
}
.module-image-duo .module__outer__inner .module-image-duo__col figure.zoom-on-hover {
overflow: hidden
}
.module-image-duo .module__outer__inner .module-image-duo__col figure.zoom-on-hover:hover img {
transform: scale(1.05)
}
.module-image-duo .module__outer__inner .module-image-duo__col figure img {
transition: all .3s ease
}
.module-image-duo .module__outer__inner .module-image-duo__col .module-image__media__caption {
padding-top: 15px;
max-width: 85%;
padding-top: 15px
}
.module-image-duo .module__outer__inner .module-image-duo__col .text_overlay_bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
background-color: rgba(0, 0, 0, .3)
}
.module-image-duo .module__outer__inner .module-image-duo__col .text_overlay {
position: absolute;
bottom: 45px;
left: 30px;
width: calc(100% - (15px * 4));
z-index: 2
}
@media (min-width:640px) {
.module-image-duo .module__outer__inner .module-image-duo__col .text_overlay {
bottom: 30px;
left: 45px;
width: calc(100% - (15px * 6))
}
}
@media (min-width:1280px) {
.module-image-duo .module__outer__inner .module-image-duo__col .text_overlay {
bottom: 75px;
left: 60px;
width: calc(100% - (15px * 9))
}
}
.module-teaser-swiper .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto
}
.module-teaser-swiper .module__outer__inner .module-slidex .keen-slider .module-content-swiper__slide__caption {
padding-top: 10px;
max-width: 80%
}
.module-teaser-swiper .module__outer__inner .module-slidex .slidex-pagination {
position: relative;
bottom: inherit;
margin-top: 30px
}
.module-video .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto
}
.module-video .module__outer__inner {
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
text-decoration: none;
color: inherit
}
@media (min-width:768px) {
.module-video .module__outer__inner {
flex-direction: row
}
}
.module-video .module__outer__inner:hover {
text-decoration: none
}
.module-video .module__outer__inner .module-video__wrapper {
width: 100%
}
body.vc_editor .module-video .module__outer__inner .module-video__wrapper {
width: 100%;
padding-bottom: 56.25%;
background-image: var(--background);
background-size: cover;
position: relative
}
body.vc_editor .module-video .module__outer__inner .module-video__wrapper::after {
content: '';
width: 90px;
height: 90px;
background-image: url(//www.kraiss.de/wp-content/themes/mdct-theme/images/icons/playbutton.svg);
background-repeat: no-repeat;
top: 50%;
left: 50%;
position: absolute;
transform: translate(-50%, -50%);
z-index: 1
}
.module-wide-swiper .module__outer__inner {
position: relative
}
.module-wide-swiper .module__outer__inner .module-slidex .keen-slider .module-content-swiper__slide__caption {
padding-top: 10px;
max-width: 80%
}
.module-wide-swiper .module__outer__inner .module-slidex .slidex-prev-button {
left: 0;
top: 0;
transform: none;
width: 50%;
height: 100%;
cursor: url(//www.kraiss.de/wp-content/themes/images/SliderArrowPrev.svg), pointer
}
.module-wide-swiper .module__outer__inner .module-slidex .slidex-prev-button::after {
content: none
}
.module-wide-swiper .module__outer__inner .module-slidex .slidex-next-button {
right: 0;
top: 0;
transform: none;
width: 50%;
height: 100%;
cursor: url(//www.kraiss.de/wp-content/themes/images/SliderArrowNext.svg), pointer
}
@media (min-width:992px) {
.module-wide-swiper .module__outer__inner .module-slidex .slidex-next-button {
display: block
}
}
.module-wide-swiper .module__outer__inner .module-slidex .slidex-next-button::after {
content: none
}
.module-wide-swiper .module__outer__inner .module-slidex .slidex-pagination {
position: relative;
bottom: inherit;
margin-top: 30px
}
.module-quote .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto
}
.module-quote .module__outer__inner.indentbefore-none figure .quote-copy {
padding-left: 60px
}
.module-quote .module__outer__inner.indentbefore-none figure .quote-author {
padding-left: 60px
}
.module-quote .module__outer__inner.indentafter-none figure .quote-copy {
padding-right: 60px
}
.module-quote .module__outer__inner.indentafter-none figure .quote-author {
padding-right: 60px
}
.module-quote .module__outer__inner figure {
display: block;
margin: 0
}
.module-quote .module__outer__inner figure .quote-copy {
display: block;
line-height: var(--pageModuleQuoteLineHeight);
margin: 0;
padding-bottom: var(--pageModuleQuotePaddingBottom)
}
.module-quote .module__outer__inner figure .quote-copy::after {
font-size: var(--pageTypoHelperClassFontSizeXL);
position: absolute;
left: 5px;
top: -23px
}
.module-quote .module__outer__inner figure .quote-author {
display: block
}
.module-image-teaser .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto
}
.module-image-teaser .module__outer__inner {
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
text-decoration: none;
color: inherit
}
@media (min-width:768px) {
.module-image-teaser .module__outer__inner {
flex-direction: row
}
}
.module-image-teaser .module__outer__inner:hover {
text-decoration: none
}
.module-image-teaser .module__outer__inner .module-image-teaser__media {
width: 100%;
position: relative
}
.module-image-teaser .module__outer__inner .module-image-teaser__media__overlay {
padding-top: 15px
}
@media (min-width:992px) {
.module-image-teaser .module__outer__inner .module-image-teaser__media__overlay {
position: absolute;
top: 0;
left: 0;
padding: 45px;
display: flex;
width: 50%;
z-index: 1;
flex-direction: column;
justify-content: center;
height: 100%
}
.module-image-teaser .module__outer__inner .module-image-teaser__media__overlay.text-right {
width: 40%;
left: inherit;
right: 0;
padding: 45px 90px 45px 0
}
}
@media (min-width:1280px) {
.module-image-teaser .module__outer__inner .module-image-teaser__media__overlay {
width: 40%
}
.module-image-teaser .module__outer__inner .module-image-teaser__media__overlay.text-right {
width: 40%
}
}
.module-image-teaser .module__outer__inner .module-image-teaser__media__overlay__category {
padding-bottom: 7.5px
}
@media (max-width:992px) {
.module-image-teaser .module__outer__inner .module-image-teaser__media__overlay__category {
color: #0305fc !important
}
}
@media (max-width:992px) {
.module-image-teaser .module__outer__inner .module-image-teaser__media__overlay__headline {
color: #000 !important
}
}
@media (max-width:992px) {
.module-image-teaser .module__outer__inner .module-image-teaser__media__overlay__copy {
color: #000 !important
}
}
@media (max-width:992px) {
.module-image-teaser .module__outer__inner .module-image-teaser__media__overlay__cta {
color: #000 !important
}
}
@media (max-width:992px) {
.module-image-teaser .module__outer__inner.indentbefore-none .module-image-teaser__media__overlay {
padding: 15px 8.3333% 0
}
}
.module-text-text .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto
}
.module-text-text .module__outer__inner {
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: flex-start;
text-decoration: none;
color: inherit
}
@media (min-width:992px) {
.module-text-text .module__outer__inner {
flex-direction: row
}
}
.module-text-text .module__outer__inner:hover {
text-decoration: none
}
.module-text-text .module__outer__inner.text-left {
flex-direction: column
}
@media (min-width:992px) {
.module-text-text .module__outer__inner.text-left {
flex-direction: row
}
}
@media (min-width:992px) {
.module-text-text .module__outer__inner.text-left .module-text-text__text2.none {
padding-left: calc(var(--pageSwiperSpaceNone)/ 2)
}
}
@media (min-width:992px) {
.module-text-text .module__outer__inner.text-left .module-text-text__text2.s {
padding-left: calc(var(--pageSwiperSpaceS)/ 2)
}
}
@media (min-width:992px) {
.module-text-text .module__outer__inner.text-left .module-text-text__text2.m {
padding-left: calc(var(--pageSwiperSpaceM)/ 2)
}
}
@media (min-width:992px) {
.module-text-text .module__outer__inner.text-left .module-text-text__text2.l {
padding-left: calc(var(--pageSwiperSpaceL)/ 2)
}
}
.module-text-text .module__outer__inner.text-left .module-text-text__text1 {
padding-bottom: 0
}
@media (min-width:992px) {
.module-text-text .module__outer__inner.text-left .module-text-text__text1 {
padding-bottom: 0
}
}
@media (min-width:992px) {
.module-text-text .module__outer__inner.text-left .module-text-text__text1 {
padding-right: 0
}
}
@media (min-width:992px) {
.module-text-text .module__outer__inner.text-left .module-text-text__text1.none {
padding-right: calc(var(--pageSwiperSpaceNone)/ 2)
}
}
@media (min-width:992px) {
.module-text-text .module__outer__inner.text-left .module-text-text__text1.s {
padding-right: calc(var(--pageSwiperSpaceS)/ 2)
}
}
@media (min-width:992px) {
.module-text-text .module__outer__inner.text-left .module-text-text__text1.m {
padding-right: calc(var(--pageSwiperSpaceM)/ 2)
}
}
@media (min-width:992px) {
.module-text-text .module__outer__inner.text-left .module-text-text__text1.l {
padding-right: calc(var(--pageSwiperSpaceL)/ 2)
}
}
.module-text-text .module__outer__inner.seg_50_50 .module-text-text__text1 {
width: 100%
}
@media (min-width:992px) {
.module-text-text .module__outer__inner.seg_50_50 .module-text-text__text1 {
width: 50%
}
}
.module-text-text .module__outer__inner.seg_50_50 .module-text-text__text2 {
width: 100%
}
@media (min-width:992px) {
.module-text-text .module__outer__inner.seg_50_50 .module-text-text__text2 {
width: 50%
}
}
.module-text-text .module__outer__inner.seg_30_70 .module-text-text__text1 {
width: 100%
}
@media (min-width:992px) {
.module-text-text .module__outer__inner.seg_30_70 .module-text-text__text1 {
width: 30%
}
}
.module-text-text .module__outer__inner.seg_30_70 .module-text-text__text2 {
width: 100%
}
@media (min-width:992px) {
.module-text-text .module__outer__inner.seg_30_70 .module-text-text__text2 {
width: 70%
}
}
.module-text-text .module__outer__inner.seg_70_30 .module-text-text__text1 {
width: 100%
}
@media (min-width:992px) {
.module-text-text .module__outer__inner.seg_70_30 .module-text-text__text1 {
width: 70%
}
}
.module-text-text .module__outer__inner.seg_70_30 .module-text-text__text2 {
width: 100%
}
@media (min-width:992px) {
.module-text-text .module__outer__inner.seg_70_30 .module-text-text__text2 {
width: 30%
}
}
.module-text-text .module__outer__inner .module-text-text__text1 {
width: 100%;
padding-bottom: 45px !important
}
@media (min-width:992px) {
.module-text-text .module__outer__inner .module-text-text__text1 {
width: 50%;
padding-bottom: 0
}
}
@media (min-width:640px) {
.module-text-text .module__outer__inner .module-text-text__text1__wrapper h1,
.module-text-text .module__outer__inner .module-text-text__text1__wrapper__headline1 {
max-width: 85%
}
}
@media (min-width:640px) {
.module-text-text .module__outer__inner .module-text-text__text1__wrapper h2,
.module-text-text .module__outer__inner .module-text-text__text1__wrapper__headline2 {
max-width: 85%
}
}
@media (min-width:640px) {
.module-text-text .module__outer__inner .module-text-text__text1__wrapper h3,
.module-text-text .module__outer__inner .module-text-text__text1__wrapper__headline3 {
max-width: 85%
}
}
@media (min-width:640px) {
.module-text-text .module__outer__inner .module-text-text__text1__wrapper p,
.module-text-text .module__outer__inner .module-text-text__text1__wrapper__copy {
max-width: 85%
}
}
.module-text-text .module__outer__inner .module-text-text__text1__wrapper p:last-of-type,
.module-text-text .module__outer__inner .module-text-text__text1__wrapper__copy:last-of-type {
padding-bottom: 0
}
.module-text-text .module__outer__inner .module-text-text__text1__wrapper a,
.module-text-text .module__outer__inner .module-text-text__text1__wrapper__cta {
text-decoration: underline;
margin-top: 30px;
display: inline-block
}
.module-text-text .module__outer__inner .module-text-text__text1__wrapper ul {
margin-top: 30px
}
.module-text-text .module__outer__inner .module-text-text__text1__wrapper button,
.module-text-text .module__outer__inner .module-text-text__text1__wrapper__button {
margin-top: 15px
}
.module-text-text .module__outer__inner .module-text-text__text2 {
width: 100%
}
@media (min-width:992px) {
.module-text-text .module__outer__inner .module-text-text__text2 {
width: 50%
}
}
.module-text-text .module__outer__inner .module-text-text__text2__wrapper h1,
.module-text-text .module__outer__inner .module-text-text__text2__wrapper__headline1 {
max-width: 85%
}
.module-text-text .module__outer__inner .module-text-text__text2__wrapper h2,
.module-text-text .module__outer__inner .module-text-text__text2__wrapper__headline2 {
max-width: 85%
}
.module-text-text .module__outer__inner .module-text-text__text2__wrapper h3,
.module-text-text .module__outer__inner .module-text-text__text2__wrapper__headline3 {
max-width: 85%
}
@media (min-width:640px) {
.module-text-text .module__outer__inner .module-text-text__text2__wrapper p,
.module-text-text .module__outer__inner .module-text-text__text2__wrapper__copy {
max-width: 85%
}
}
.module-text-text .module__outer__inner .module-text-text__text2__wrapper p:last-of-type,
.module-text-text .module__outer__inner .module-text-text__text2__wrapper__copy:last-of-type {
padding-bottom: 0
}
.module-text-text .module__outer__inner .module-text-text__text2__wrapper a,
.module-text-text .module__outer__inner .module-text-text__text2__wrapper__cta {
text-decoration: underline;
margin-top: 30px;
display: inline-block
}
.module-text-text .module__outer__inner .module-text-text__text2__wrapper button,
.module-text-text .module__outer__inner .module-text-text__text2__wrapper__button {
margin-top: 20px
}
.module-quote-image .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto
}
.module-quote-image .module__outer__inner {
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
text-decoration: none;
color: inherit;
max-width: var(--pageMaxWidth);
margin: 0 auto
}
@media (min-width:992px) {
.module-quote-image .module__outer__inner {
flex-direction: row
}
}
.module-quote-image .module__outer__inner.spacebefore-none .module-quote-image__text {
padding-left: 8.3333333% !important;
padding-right: 8.3333333% !important
}
@media (min-width:640px) {
.module-quote-image .module__outer__inner.spacebefore-none .module-quote-image__text {
padding-left: var(--pageModuleIndentS) !important;
padding-right: var(--pageModuleIndentS) !important
}
}
.module-quote-image .module__outer__inner:hover {
text-decoration: none
}
.module-quote-image .module__outer__inner.text-right {
flex-direction: column-reverse
}
@media (min-width:992px) {
.module-quote-image .module__outer__inner.text-right {
flex-direction: row-reverse
}
}
.module-quote-image .module__outer__inner.text-right .module-quote-image__media {
padding-bottom: 32px
}
@media (min-width:992px) {
.module-quote-image .module__outer__inner.text-right .module-quote-image__media {
padding-bottom: 0
}
}
@media (min-width:992px) {
.module-quote-image .module__outer__inner.text-right .module-quote-image__text {
padding-left: 0
}
}
@media (min-width:992px) {
.module-quote-image .module__outer__inner.text-right .module-quote-image__text.none {
padding-left: var(--pageSwiperSpaceNone)
}
}
@media (min-width:992px) {
.module-quote-image .module__outer__inner.text-right .module-quote-image__text.s {
padding-left: var(--pageSwiperSpaceS)
}
}
@media (min-width:992px) {
.module-quote-image .module__outer__inner.text-right .module-quote-image__text.m {
padding-left: var(--pageSwiperSpaceM)
}
}
@media (min-width:992px) {
.module-quote-image .module__outer__inner.text-right .module-quote-image__text.l {
padding-left: var(--pageSwiperSpaceL)
}
}
.module-quote-image .module__outer__inner.text-left {
flex-direction: column-reverse
}
@media (min-width:992px) {
.module-quote-image .module__outer__inner.text-left {
flex-direction: row
}
}
.module-quote-image .module__outer__inner.text-left .module-quote-image__media {
padding-bottom: 40px
}
@media (min-width:992px) {
.module-quote-image .module__outer__inner.text-left .module-quote-image__media {
padding-bottom: 0
}
}
.module-quote-image .module__outer__inner.text-left .module-quote-image__text {
padding-top: 0;
padding-bottom: 90px
}
@media (min-width:992px) {
.module-quote-image .module__outer__inner.text-left .module-quote-image__text {
padding-top: 0;
padding-bottom: 0
}
}
@media (min-width:768px) {
.module-quote-image .module__outer__inner.text-left .module-quote-image__text {
padding-right: 0
}
}
@media (min-width:992px) {
.module-quote-image .module__outer__inner.text-left .module-quote-image__text {
padding-top: 0
}
}
@media (min-width:992px) {
.module-quote-image .module__outer__inner.text-left .module-quote-image__text.none {
padding-right: var(--pageSwiperSpaceNone)
}
}
@media (min-width:992px) {
.module-quote-image .module__outer__inner.text-left .module-quote-image__text.s {
padding-right: var(--pageSwiperSpaceS)
}
}
@media (min-width:992px) {
.module-quote-image .module__outer__inner.text-left .module-quote-image__text.m {
padding-right: var(--pageSwiperSpaceM)
}
}
@media (min-width:992px) {
.module-quote-image .module__outer__inner.text-left .module-quote-image__text.l {
padding-right: var(--pageSwiperSpaceL)
}
}
.module-quote-image .module__outer__inner .module-quote-image__text {
width: 100%
}
@media (min-width:992px) {
.module-quote-image .module__outer__inner .module-quote-image__text {
width: 50%
}
}
.module-quote-image .module__outer__inner .module-quote-image__text__wrapper figure {
display: block;
margin: 0
}
.module-quote-image .module__outer__inner .module-quote-image__text__wrapper figure .quote-copy {
display: block;
font-family: var(--pageModuleQuoteFontFamily);
font-size: calc((var(--pageModuleQuoteFontSize) / 1.5) * 1);
line-height: var(--pageModuleQuoteLineHeight);
margin: 0;
padding-bottom: var(--pageModuleQuotePaddingBottom);
position: relative
}
@media (min-width:768px) {
.module-quote-image .module__outer__inner .module-quote-image__text__wrapper figure .quote-copy {
font-size: var(--pageModuleQuoteFontSize)
}
}
.module-quote-image .module__outer__inner .module-quote-image__text__wrapper figure .quote-copy::before {
font-size: var(--pageTypoHelperClassFontSizeL)
}
.module-quote-image .module__outer__inner .module-quote-image__text__wrapper figure .quote-copy::after {
font-size: var(--pageTypoHelperClassFontSizeXL);
position: absolute;
left: 25px;
top: -13px
}
.module-quote-image .module__outer__inner .module-quote-image__text__wrapper figure .quote-author {
display: block
}
.module-quote-image .module__outer__inner .module-quote-image__media {
width: 100%
}
@media (min-width:992px) {
.module-quote-image .module__outer__inner .module-quote-image__media {
width: 50%
}
}
.module-quote-image .module__outer__inner .module-quote-image__media .tint {
position: relative;
margin: 0
}
.module-quote-image .module__outer__inner .module-quote-image__media .tint::after {
content: "";
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
background-color: transparent;
mix-blend-mode: multiply
}
.module-quote-image .module__outer__inner .module-quote-image__media .tint.brand::after {
background-color: var(--pageBrandColor)
}
.module-quote-image .module__outer__inner .module-quote-image__media .tint.accent::after {
background-color: var(--pageAccentColor)
}
.module-quote-image .module__outer__inner .module-quote-image__media .tint.zoom-on-hover {
overflow: hidden
}
.module-quote-image .module__outer__inner .module-quote-image__media .tint.zoom-on-hover:hover img {
transform: scale(1.05)
}
.module-quote-image .module__outer__inner .module-quote-image__media .tint img {
transition: all .3s ease
}
.module-image-overlay .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto
}
.module-image-overlay .module__outer__inner {
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
text-decoration: none;
color: inherit
}
@media (min-width:768px) {
.module-image-overlay .module__outer__inner {
flex-direction: row
}
}
.module-image-overlay .module__outer__inner:hover {
text-decoration: none
}
.module-image-overlay .module__outer__inner .module-image-overlay__media {
width: 100%;
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: flex-start
}
.module-image-overlay .module__outer__inner .module-image-overlay__media .overlay {
position: relative;
background-color: #7fffd4;
padding: 30px 0;
display: inline-block;
max-width: 70%;
z-index: 1;
margin-top: -30px
}
@media (min-width:768px) {
.module-image-overlay .module__outer__inner .module-image-overlay__media .overlay {
max-width: 65%;
position: absolute;
left: 0;
bottom: -30px;
z-index: 1;
padding: 45px 0
}
}
.module-image-overlay .module__outer__inner .module-image-overlay__media .overlay.bright {
background-color: #fff
}
.module-image-overlay .module__outer__inner .module-image-overlay__media .overlay.bright::after {
background-color: #fff
}
.module-image-overlay .module__outer__inner .module-image-overlay__media .overlay.dark {
background-color: #000
}
.module-image-overlay .module__outer__inner .module-image-overlay__media .overlay.dark::after {
background-color: #000
}
.module-image-overlay .module__outer__inner .module-image-overlay__media .overlay.brand {
background-color: var(--pageBrandColor)
}
.module-image-overlay .module__outer__inner .module-image-overlay__media .overlay.brand::after {
background-color: var(--pageBrandColor)
}
.module-image-overlay .module__outer__inner .module-image-overlay__media .overlay.accent {
background-color: var(--pageAccentColor)
}
.module-image-overlay .module__outer__inner .module-image-overlay__media .overlay.accent::after {
background-color: var(--pageAccentColor)
}
.module-image-overlay .module__outer__inner .module-image-overlay__media .overlay.grey {
background-color: #f5f5f5
}
.module-image-overlay .module__outer__inner .module-image-overlay__media .overlay.grey::after {
background-color: #f5f5f5
}
.module-image-overlay .module__outer__inner .module-image-overlay__media .overlay.indentbefore-none {
padding-left: 30px
}
@media (min-width:768px) {
.module-image-overlay .module__outer__inner .module-image-overlay__media .overlay.indentbefore-none {
padding-left: var(--pageModuleIndentS)
}
}
.module-image-overlay .module__outer__inner .module-image-overlay__media .overlay.indentafter-none {
padding-right: 30px
}
@media (min-width:768px) {
.module-image-overlay .module__outer__inner .module-image-overlay__media .overlay.indentafter-none {
padding-right: var(--pageModuleIndentS)
}
}
.module-image-overlay .module__outer__inner .module-image-overlay__media .overlay.indentbefore-xs {
padding-left: 8.333%
}
@media (min-width:768px) {
.module-image-overlay .module__outer__inner .module-image-overlay__media .overlay.indentbefore-xs {
padding-left: var(--pageModuleIndentS)
}
}
.module-image-overlay .module__outer__inner .module-image-overlay__media .overlay.indentafter-xs {
padding-right: 8.333%
}
@media (min-width:768px) {
.module-image-overlay .module__outer__inner .module-image-overlay__media .overlay.indentafter-xs {
padding-right: var(--pageModuleIndentS)
}
}
.module-image-overlay .module__outer__inner .module-image-overlay__media .overlay.indentbefore-s {
padding-left: 8.333%
}
@media (min-width:768px) {
.module-image-overlay .module__outer__inner .module-image-overlay__media .overlay.indentbefore-s {
padding-left: var(--pageModuleIndentM)
}
}
.module-image-overlay .module__outer__inner .module-image-overlay__media .overlay.indentafter-s {
padding-right: 8.333%
}
@media (min-width:768px) {
.module-image-overlay .module__outer__inner .module-image-overlay__media .overlay.indentafter-s {
padding-right: var(--pageModuleIndentM)
}
}
.module-image-overlay .module__outer__inner .module-image-overlay__media .overlay.indentbefore-m {
padding-left: 8.333%
}
@media (min-width:768px) {
.module-image-overlay .module__outer__inner .module-image-overlay__media .overlay.indentbefore-m {
padding-left: var(--pageModuleIndentL)
}
}
.module-image-overlay .module__outer__inner .module-image-overlay__media .overlay.indentafter-m {
padding-right: 8.333%
}
@media (min-width:768px) {
.module-image-overlay .module__outer__inner .module-image-overlay__media .overlay.indentafter-m {
padding-right: var(--pageModuleIndentL)
}
}
.module-image-overlay .module__outer__inner .module-image-overlay__media .overlay.indentbefore-l {
padding-left: 8.333%
}
@media (min-width:768px) {
.module-image-overlay .module__outer__inner .module-image-overlay__media .overlay.indentbefore-l {
padding-left: var(--pageModuleIndentXL)
}
}
.module-image-overlay .module__outer__inner .module-image-overlay__media .overlay.indentafter-l {
padding-right: 8.333%
}
@media (min-width:768px) {
.module-image-overlay .module__outer__inner .module-image-overlay__media .overlay.indentafter-l {
padding-right: var(--pageModuleIndentXL)
}
}
.module-image-overlay .module__outer__inner .module-image-overlay__media .overlay h1:last-child,
.module-image-overlay .module__outer__inner .module-image-overlay__media .overlay h2:last-child,
.module-image-overlay .module__outer__inner .module-image-overlay__media .overlay h3:last-child {
padding-bottom: 0
}
.module-image-overlay .module__outer__inner .module-image-overlay__media.overlay-right {
justify-content: flex-end
}
.module-image-overlay .module__outer__inner .module-image-overlay__media.overlay-right .overlay {
position: relative;
background-color: var(--pageAccentColor);
padding: 30px 0;
display: inline-block;
max-width: 70%;
left: inherit;
z-index: 1;
text-align: right
}
@media (min-width:768px) {
.module-image-overlay .module__outer__inner .module-image-overlay__media.overlay-right .overlay {
max-width: 65%;
position: absolute;
left: inherit;
right: 0;
bottom: -30px;
z-index: 1;
padding: 45px 0
}
}
.module-image-overlay .module__outer__inner .module-image-overlay__media.overlay-right .overlay.bright {
background-color: #fff
}
.module-image-overlay .module__outer__inner .module-image-overlay__media.overlay-right .overlay.bright::after {
background-color: #fff
}
.module-image-overlay .module__outer__inner .module-image-overlay__media.overlay-right .overlay.dark {
background-color: #000
}
.module-image-overlay .module__outer__inner .module-image-overlay__media.overlay-right .overlay.dark::after {
background-color: #000
}
.module-image-overlay .module__outer__inner .module-image-overlay__media.overlay-right .overlay.brand {
background-color: var(--pageBrandColor)
}
.module-image-overlay .module__outer__inner .module-image-overlay__media.overlay-right .overlay.brand::after {
background-color: var(--pageBrandColor)
}
.module-image-overlay .module__outer__inner .module-image-overlay__media.overlay-right .overlay.accent {
background-color: var(--pageAccentColor)
}
.module-image-overlay .module__outer__inner .module-image-overlay__media.overlay-right .overlay.accent::after {
background-color: var(--pageAccentColor)
}
.module-image-overlay .module__outer__inner .module-image-overlay__media.overlay-right .overlay.grey {
background-color: #f5f5f5
}
.module-image-overlay .module__outer__inner .module-image-overlay__media.overlay-right .overlay.grey::after {
background-color: #f5f5f5
}
.module-image-overlay .module__outer__inner .module-image-overlay__media.overlay-right .overlay.indentbefore-none {
padding-left: 30px
}
@media (min-width:768px) {
.module-image-overlay .module__outer__inner .module-image-overlay__media.overlay-right .overlay.indentbefore-none {
padding-left: var(--pageModuleIndentS)
}
}
.module-image-overlay .module__outer__inner .module-image-overlay__media.overlay-right .overlay.indentafter-none {
padding-right: 30px
}
@media (min-width:768px) {
.module-image-overlay .module__outer__inner .module-image-overlay__media.overlay-right .overlay.indentafter-none {
padding-right: var(--pageModuleIndentS)
}
}
.module-image-overlay .module__outer__inner .module-image-overlay__media.overlay-right .overlay.indentbefore-xs {
padding-left: 8.333%
}
@media (min-width:768px) {
.module-image-overlay .module__outer__inner .module-image-overlay__media.overlay-right .overlay.indentbefore-xs {
padding-left: var(--pageModuleIndentS)
}
}
.module-image-overlay .module__outer__inner .module-image-overlay__media.overlay-right .overlay.indentafter-xs {
padding-right: 8.333%
}
@media (min-width:768px) {
.module-image-overlay .module__outer__inner .module-image-overlay__media.overlay-right .overlay.indentafter-xs {
padding-right: var(--pageModuleIndentS)
}
}
.module-image-overlay .module__outer__inner .module-image-overlay__media.overlay-right .overlay.indentbefore-s {
padding-left: 8.333%
}
@media (min-width:768px) {
.module-image-overlay .module__outer__inner .module-image-overlay__media.overlay-right .overlay.indentbefore-s {
padding-left: var(--pageModuleIndentM)
}
}
.module-image-overlay .module__outer__inner .module-image-overlay__media.overlay-right .overlay.indentafter-s {
padding-right: 8.333%
}
@media (min-width:768px) {
.module-image-overlay .module__outer__inner .module-image-overlay__media.overlay-right .overlay.indentafter-s {
padding-right: var(--pageModuleIndentM)
}
}
.module-image-overlay .module__outer__inner .module-image-overlay__media.overlay-right .overlay.indentbefore-m {
padding-left: 8.333%
}
@media (min-width:768px) {
.module-image-overlay .module__outer__inner .module-image-overlay__media.overlay-right .overlay.indentbefore-m {
padding-left: var(--pageModuleIndentL)
}
}
.module-image-overlay .module__outer__inner .module-image-overlay__media.overlay-right .overlay.indentafter-m {
padding-right: 8.333%
}
@media (min-width:768px) {
.module-image-overlay .module__outer__inner .module-image-overlay__media.overlay-right .overlay.indentafter-m {
padding-right: var(--pageModuleIndentL)
}
}
.module-image-overlay .module__outer__inner .module-image-overlay__media.overlay-right .overlay.indentbefore-l {
padding-left: 8.333%
}
@media (min-width:768px) {
.module-image-overlay .module__outer__inner .module-image-overlay__media.overlay-right .overlay.indentbefore-l {
padding-left: var(--pageModuleIndentXL)
}
}
.module-image-overlay .module__outer__inner .module-image-overlay__media.overlay-right .overlay.indentafter-l {
padding-right: 8.333%
}
@media (min-width:768px) {
.module-image-overlay .module__outer__inner .module-image-overlay__media.overlay-right .overlay.indentafter-l {
padding-right: var(--pageModuleIndentXL)
}
}
.module-facts .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto
}
.module-facts .module__outer__inner {
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
text-decoration: none;
color: inherit
}
@media (min-width:768px) {
.module-facts .module__outer__inner {
flex-direction: row
}
}
.module-facts .module__outer__inner:hover {
text-decoration: none
}
.module-facts .module__outer__inner .module-facts__wrapper {
display: flex;
flex-wrap: wrap;
width: 100%;
justify-content: center
}
.module-facts .module__outer__inner .module-facts__wrapper.none {
--flex-gap: 0;
-moz-column-gap: var(--flex-gap);
column-gap: var(--flex-gap);
row-gap: calc(var(--flex-gap) * 3)
}
.module-facts .module__outer__inner .module-facts__wrapper.none .module-facts__wrapper__fact {
width: calc((100% / 1) - (((1 - 1)/ 1) * var(--flex-gap)))
}
@media (min-width:640px) {
.module-facts .module__outer__inner .module-facts__wrapper.none .module-facts__wrapper__fact {
width: calc((100% / 2) - (((2 - 1)/ 2) * var(--flex-gap)))
}
}
@media (min-width:768px) {
.module-facts .module__outer__inner .module-facts__wrapper.none .module-facts__wrapper__fact {
width: calc((100% / 3) - (((3 - 1)/ 3) * var(--flex-gap)))
}
}
@media (min-width:1024px) {
.module-facts .module__outer__inner .module-facts__wrapper.none .module-facts__wrapper__fact {
width: calc((100% / 4) - (((4 - 1)/ 4) * var(--flex-gap)))
}
}
.module-facts .module__outer__inner .module-facts__wrapper.s {
--flex-gap: 20px;
-moz-column-gap: var(--flex-gap);
column-gap: var(--flex-gap);
row-gap: calc(var(--flex-gap) * 3)
}
.module-facts .module__outer__inner .module-facts__wrapper.s .module-facts__wrapper__fact {
width: calc((100% / 1) - (((1 - 1)/ 1) * var(--flex-gap)))
}
@media (min-width:640px) {
.module-facts .module__outer__inner .module-facts__wrapper.s .module-facts__wrapper__fact {
width: calc((100% / 2) - (((2 - 1)/ 2) * var(--flex-gap)))
}
}
@media (min-width:768px) {
.module-facts .module__outer__inner .module-facts__wrapper.s .module-facts__wrapper__fact {
width: calc((100% / 3) - (((3 - 1)/ 3) * var(--flex-gap)))
}
}
@media (min-width:1024px) {
.module-facts .module__outer__inner .module-facts__wrapper.s .module-facts__wrapper__fact {
width: calc((100% / 4) - (((4 - 1)/ 4) * var(--flex-gap)))
}
}
.module-facts .module__outer__inner .module-facts__wrapper.m {
--flex-gap: 40px;
-moz-column-gap: var(--flex-gap);
column-gap: var(--flex-gap);
row-gap: calc(var(--flex-gap) * 3)
}
.module-facts .module__outer__inner .module-facts__wrapper.m .module-facts__wrapper__fact {
width: calc((100% / 1) - (((1 - 1)/ 1) * var(--flex-gap)))
}
@media (min-width:640px) {
.module-facts .module__outer__inner .module-facts__wrapper.m .module-facts__wrapper__fact {
width: calc((100% / 2) - (((2 - 1)/ 2) * var(--flex-gap)))
}
}
@media (min-width:768px) {
.module-facts .module__outer__inner .module-facts__wrapper.m .module-facts__wrapper__fact {
width: calc((100% / 3) - (((3 - 1)/ 3) * var(--flex-gap)))
}
}
@media (min-width:1024px) {
.module-facts .module__outer__inner .module-facts__wrapper.m .module-facts__wrapper__fact {
width: calc((100% / 4) - (((4 - 1)/ 4) * var(--flex-gap)))
}
}
.module-facts .module__outer__inner .module-facts__wrapper.l {
--flex-gap: 60px;
-moz-column-gap: var(--flex-gap);
column-gap: var(--flex-gap);
row-gap: calc(var(--flex-gap) * 3)
}
.module-facts .module__outer__inner .module-facts__wrapper.l .module-facts__wrapper__fact {
width: calc((100% / 1) - (((1 - 1)/ 1) * var(--flex-gap)))
}
@media (min-width:640px) {
.module-facts .module__outer__inner .module-facts__wrapper.l .module-facts__wrapper__fact {
width: calc((100% / 2) - (((2 - 1)/ 2) * var(--flex-gap)))
}
}
@media (min-width:768px) {
.module-facts .module__outer__inner .module-facts__wrapper.l .module-facts__wrapper__fact {
width: calc((100% / 3) - (((3 - 1)/ 3) * var(--flex-gap)))
}
}
@media (min-width:1024px) {
.module-facts .module__outer__inner .module-facts__wrapper.l .module-facts__wrapper__fact {
width: calc((100% / 4) - (((4 - 1)/ 4) * var(--flex-gap)))
}
}
.module-facts .module__outer__inner .module-facts__wrapper .module-facts__wrapper__fact {
padding-top: 30px;
padding-bottom: 30px;
text-align: center
}
.module-image-list .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto
}
.module-image-list .module__outer__inner {
display: flex;
flex-wrap: wrap;
flex-direction: row;
text-decoration: none;
color: inherit;
justify-content: center;
align-items: baseline
}
@media (min-width:768px) {
.module-image-list .module__outer__inner {
flex-direction: row;
flex-wrap: nowrap
}
}
.module-image-list .module__outer__inner.space-none {
--flex-gap: 0px;
-moz-column-gap: var(--flex-gap);
column-gap: var(--flex-gap);
row-gap: calc(var(--flex-gap) * 1)
}
.module-image-list .module__outer__inner.space-none .module-image-list__col {
width: calc((100% / 1) - (((1 - 1)/ 1) * var(--flex-gap)))
}
@media (min-width:640px) {
.module-image-list .module__outer__inner.space-none .module-image-list__col {
width: calc((100% / 2) - (((2 - 1)/ 2) * var(--flex-gap)))
}
}
@media (min-width:768px) {
.module-image-list .module__outer__inner.space-none .module-image-list__col {
width: calc((100% / 3) - (((3 - 1)/ 3) * var(--flex-gap)))
}
}
@media (min-width:1024px) {
.module-image-list .module__outer__inner.space-none .module-image-list__col {
width: calc((100% / 4) - (((4 - 1)/ 4) * var(--flex-gap)))
}
}
.module-image-list .module__outer__inner.space-s {
--flex-gap: 20px;
-moz-column-gap: var(--flex-gap);
column-gap: var(--flex-gap);
row-gap: calc(var(--flex-gap) * 1)
}
.module-image-list .module__outer__inner.space-s .module-image-list__col {
width: calc((100% / 1) - (((1 - 1)/ 1) * var(--flex-gap)))
}
@media (min-width:640px) {
.module-image-list .module__outer__inner.space-s .module-image-list__col {
width: calc((100% / 2) - (((2 - 1)/ 2) * var(--flex-gap)))
}
}
@media (min-width:768px) {
.module-image-list .module__outer__inner.space-s .module-image-list__col {
width: calc((100% / 3) - (((3 - 1)/ 3) * var(--flex-gap)))
}
}
@media (min-width:1024px) {
.module-image-list .module__outer__inner.space-s .module-image-list__col {
width: calc((100% / 4) - (((4 - 1)/ 4) * var(--flex-gap)))
}
}
.module-image-list .module__outer__inner.space-m {
--flex-gap: 40px;
-moz-column-gap: var(--flex-gap);
column-gap: var(--flex-gap);
row-gap: calc(var(--flex-gap) * 1)
}
.module-image-list .module__outer__inner.space-m .module-image-list__col {
width: calc((100% / 1) - (((1 - 1)/ 1) * var(--flex-gap)))
}
@media (min-width:640px) {
.module-image-list .module__outer__inner.space-m .module-image-list__col {
width: calc((100% / 2) - (((2 - 1)/ 2) * var(--flex-gap)))
}
}
@media (min-width:768px) {
.module-image-list .module__outer__inner.space-m .module-image-list__col {
width: calc((100% / 3) - (((3 - 1)/ 3) * var(--flex-gap)))
}
}
@media (min-width:1024px) {
.module-image-list .module__outer__inner.space-m .module-image-list__col {
width: calc((100% / 4) - (((4 - 1)/ 4) * var(--flex-gap)))
}
}
.module-image-list .module__outer__inner.space-l {
--flex-gap: 60px;
-moz-column-gap: var(--flex-gap);
column-gap: var(--flex-gap);
row-gap: calc(var(--flex-gap) * 1)
}
.module-image-list .module__outer__inner.space-l .module-image-list__col {
width: calc((100% / 1) - (((1 - 1)/ 1) * var(--flex-gap)))
}
@media (min-width:640px) {
.module-image-list .module__outer__inner.space-l .module-image-list__col {
width: calc((100% / 2) - (((2 - 1)/ 2) * var(--flex-gap)))
}
}
@media (min-width:768px) {
.module-image-list .module__outer__inner.space-l .module-image-list__col {
width: calc((100% / 3) - (((3 - 1)/ 3) * var(--flex-gap)))
}
}
@media (min-width:1024px) {
.module-image-list .module__outer__inner.space-l .module-image-list__col {
width: calc((100% / 4) - (((4 - 1)/ 4) * var(--flex-gap)))
}
}
.module-image-list .module__outer__inner .module-image-list__col {
display: flex;
align-items: center;
justify-content: center
}
.module-image-list .module__outer__inner .module-image-list__col figure {
margin: 0;
width: 100%
}
.module-image-list .module__outer__inner .module-image-list__col figure img {
max-height: 90px
}
.module-tabs-dropdown-swiper__trigger__start {
display: inline-block
}
.module-tabs-dropdown-swiper__trigger__select {
display: block;
position: relative;
padding: 10px 15px;
border-radius: 50px;
margin: 11px 0
}
@media (min-width:640px) {
.module-tabs-dropdown-swiper__trigger__select {
display: inline-block;
margin: 0 15px 0 7px
}
}
.module-tabs-dropdown-swiper__trigger__select::before {
content: "";
right: 0;
border: 2px solid #000;
border-top: none;
border-right: none;
width: 13px;
height: 13px;
outline: 0;
pointer-events: none;
position: absolute;
top: 44%;
right: 20px;
font-size: 0;
transform: translate(-50%, -50%) rotate(-45deg);
transition: .2s ease
}
@media (min-width:640px) {
.module-tabs-dropdown-swiper__trigger__select::before {
width: 13px;
height: 13px;
top: 50%;
border: 4px solid #000;
border-top: none;
border-right: none
}
}
.module-tabs-dropdown-swiper__trigger__select.color-bright {
border: 1px solid #fff
}
.module-tabs-dropdown-swiper__trigger__select.color-bright::before {
border: 2px solid #fff;
border-top: none;
border-right: none
}
.module-tabs-dropdown-swiper__trigger__select.color-dark {
border: 1px solid #000
}
.module-tabs-dropdown-swiper__trigger__select.color-dark::before {
border: 2px solid #000;
border-top: none;
border-right: none
}
.module-tabs-dropdown-swiper__trigger__select.color-brand {
border: 1px solid var(--pageBrandColor)
}
.module-tabs-dropdown-swiper__trigger__select.color-brand::before {
border: 2px solid var(--pageBrandColor);
border-top: none;
border-right: none
}
.module-tabs-dropdown-swiper__trigger__select.color-accent {
border: 1px solid var(--pageAccentColor)
}
.module-tabs-dropdown-swiper__trigger__select.color-accent::before {
border: 2px solid var(--pageAccentColor);
border-top: none;
border-right: none
}
.module-tabs-dropdown-swiper__trigger__select select {
background-color: transparent;
border: none;
padding: 0;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
padding: 0 63px 0 16px;
top: auto;
bottom: 100%;
height: 38px;
border-radius: 20px
}
@media (min-width:992px) {
.module-tabs-dropdown-swiper__trigger__select select {
padding: 0 78px 0 16px
}
}
.module-tabs-dropdown-swiper__trigger__select select:focus {
border: none;
outline: 0
}
.module-tabs-dropdown-swiper__trigger__select select option {
color: #000
}
.module-tabs-dropdown-swiper__content {
display: none;
flex-direction: row;
flex-wrap: wrap
}
.module-tabs-dropdown-swiper__content.active {
display: block
}
.module-tabs-dropdown-swiper__content__intro {
display: block;
padding-bottom: 32px;
padding-right: 30px
}
@media (min-width:640px) {
.module-tabs-dropdown-swiper__content__intro {
max-width: 70%
}
}
@media (min-width:992px) {
.module-tabs-dropdown-swiper__content__intro {
padding-bottom: 64px;
max-width: 70%
}
}
.module-tabs-dropdown-text__trigger__start {
display: inline-block;
color: #000 !important;
padding-bottom: 1px
}
@media (min-width:480px) {
.module-tabs-dropdown-text__trigger__start {
padding-bottom: 20px
}
}
.module-tabs-dropdown-text__trigger__start .service-svg {
display: inline-block;
width: 180px;
height: 25px
}
.module-tabs-dropdown-text__trigger__select {
display: block;
position: relative;
padding: 10px 15px;
border-radius: 50px;
margin: 11px 0 11px -16px
}
@media (min-width:480px) {
.module-tabs-dropdown-text__trigger__select {
margin: 11px 0
}
}
@media (min-width:640px) {
.module-tabs-dropdown-text__trigger__select {
display: inline-block;
margin: 0 15px 0 7px
}
}
.module-tabs-dropdown-text__trigger__select::before {
content: "";
right: 0;
border: 2px solid #000;
border-top: none;
border-right: none;
width: 10px;
height: 10px;
outline: 0;
pointer-events: none;
position: absolute;
top: 44%;
right: 10px;
font-size: 0;
transform: translate(-50%, -50%) rotate(-45deg);
transition: .2s ease
}
@media (min-width:480px) {
.module-tabs-dropdown-text__trigger__select::before {
right: 20px;
top: 44%;
width: 13px;
height: 13px
}
}
@media (min-width:640px) {
.module-tabs-dropdown-text__trigger__select::before {
width: 13px;
height: 13px;
top: 46%;
border: 4px solid #000;
border-top: none;
border-right: none
}
}
.module-tabs-dropdown-text__trigger__select.color-bright {
border: 1px solid #fff
}
.module-tabs-dropdown-text__trigger__select.color-bright::before {
border: 2px solid #fff;
border-top: none;
border-right: none
}
.module-tabs-dropdown-text__trigger__select.color-dark {
border: 1px solid #000
}
.module-tabs-dropdown-text__trigger__select.color-dark::before {
border: 2px solid #000;
border-top: none;
border-right: none
}
.module-tabs-dropdown-text__trigger__select.color-brand {
border: 1px solid var(--pageBrandColor)
}
.module-tabs-dropdown-text__trigger__select.color-brand::before {
border: 2px solid var(--pageBrandColor);
border-top: none;
border-right: none
}
.module-tabs-dropdown-text__trigger__select.color-accent {
border: none;
background-color: var(--pageAccentColor);
color: #000 !important
}
.module-tabs-dropdown-text__trigger__select.color-accent::before {
border: 2px solid #000;
border-top: none;
border-right: none
}
.module-tabs-dropdown-text__trigger__select select {
background-color: transparent;
border: none;
padding: 0;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
padding: 0 43px 0 0;
top: auto;
bottom: 100%;
border-radius: 20px;
color: #000 !important
}
@media (min-width:480px) {
.module-tabs-dropdown-text__trigger__select select {
padding: 0 63px 0 16px
}
}
@media (min-width:992px) {
.module-tabs-dropdown-text__trigger__select select {
padding: 0 78px 0 16px
}
}
.module-tabs-dropdown-text__trigger__select select:focus {
border: none;
outline: 0
}
.module-tabs-dropdown-text__trigger__select select option {
color: #000
}
.module-tabs-dropdown-text__content {
display: none;
flex-direction: row;
flex-wrap: wrap
}
.module-tabs-dropdown-text__content.active {
display: block
}
.module-tabs-dropdown-text__content__intro {
display: block;
padding-bottom: 32px;
padding-right: 30px;
color: #000 !important
}
@media (min-width:640px) {
.module-tabs-dropdown-text__content__intro {
max-width: 95%
}
}
@media (min-width:1280px) {
.module-tabs-dropdown-text__content__intro {
padding-bottom: 45px;
max-width: 70%
}
}
.module-profile-grid .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto
}
.module-profile-grid .module__outer .module-profile-grid__filter {
padding-bottom: 35px
}
.module-profile-grid .module__outer .module-profile-grid__filter__desktop {
display: none
}
@media (min-width:640px) {
.module-profile-grid .module__outer .module-profile-grid__filter__desktop {
display: block
}
}
.module-profile-grid .module__outer .module-profile-grid__filter__desktop ul {
list-style-type: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap
}
.module-profile-grid .module__outer .module-profile-grid__filter__desktop ul li {
padding-right: 20px;
padding-bottom: 10px
}
.module-profile-grid .module__outer .module-profile-grid__filter__desktop ul li a {
color: #818181;
text-decoration: none;
border-bottom: 1px solid transparent
}
.module-profile-grid .module__outer .module-profile-grid__filter__desktop ul li a :hover {
color: var(--pageAccentColor);
border-color: var(--pageAccentColor)
}
.module-profile-grid .module__outer .module-profile-grid__filter__desktop ul li a.active {
color: var(--pageAccentColor);
border-color: var(--pageAccentColor)
}
.module-profile-grid .module__outer .module-profile-grid__filter__mobile {
display: block
}
@media (min-width:640px) {
.module-profile-grid .module__outer .module-profile-grid__filter__mobile {
display: none
}
}
.module-profile-grid .module__outer .module-profile-grid__wrapper {
display: flex;
flex-wrap: wrap
}
.module-profile-grid .module__outer .module-profile-grid__wrapper.space-none {
--flex-gap: 0;
-moz-column-gap: var(--flex-gap);
column-gap: var(--flex-gap);
row-gap: calc(var(--flex-gap) * 3)
}
.module-profile-grid .module__outer .module-profile-grid__wrapper.space-none .module-profile-grid__wrapper__profile {
width: calc((100% / 1) - (((1 - 1)/ 1) * var(--flex-gap)))
}
@media (min-width:640px) {
.module-profile-grid .module__outer .module-profile-grid__wrapper.space-none .module-profile-grid__wrapper__profile {
width: calc((100% / 2) - (((2 - 1)/ 2) * var(--flex-gap)))
}
}
@media (min-width:768px) {
.module-profile-grid .module__outer .module-profile-grid__wrapper.space-none .module-profile-grid__wrapper__profile {
width: calc((100% / 3) - (((3 - 1)/ 3) * var(--flex-gap)))
}
}
@media (min-width:1024px) {
.module-profile-grid .module__outer .module-profile-grid__wrapper.space-none .module-profile-grid__wrapper__profile {
width: calc((100% / 4) - (((4 - 1)/ 4) * var(--flex-gap)))
}
}
.module-profile-grid .module__outer .module-profile-grid__wrapper.space-s {
--flex-gap: 15px;
-moz-column-gap: var(--flex-gap);
column-gap: var(--flex-gap);
row-gap: calc(var(--flex-gap) * 3)
}
.module-profile-grid .module__outer .module-profile-grid__wrapper.space-s .module-profile-grid__wrapper__profile {
width: calc((100% / 1) - (((1 - 1)/ 1) * var(--flex-gap)))
}
@media (min-width:640px) {
.module-profile-grid .module__outer .module-profile-grid__wrapper.space-s .module-profile-grid__wrapper__profile {
width: calc((100% / 2) - (((2 - 1)/ 2) * var(--flex-gap)))
}
}
@media (min-width:768px) {
.module-profile-grid .module__outer .module-profile-grid__wrapper.space-s .module-profile-grid__wrapper__profile {
width: calc((100% / 3) - (((3 - 1)/ 3) * var(--flex-gap)))
}
}
@media (min-width:1024px) {
.module-profile-grid .module__outer .module-profile-grid__wrapper.space-s .module-profile-grid__wrapper__profile {
width: calc((100% / 4) - (((4 - 1)/ 4) * var(--flex-gap)))
}
}
.module-profile-grid .module__outer .module-profile-grid__wrapper.space-m {
--flex-gap: 30px;
-moz-column-gap: var(--flex-gap);
column-gap: var(--flex-gap);
row-gap: calc(var(--flex-gap) * 3)
}
.module-profile-grid .module__outer .module-profile-grid__wrapper.space-m .module-profile-grid__wrapper__profile {
width: calc((100% / 1) - (((1 - 1)/ 1) * var(--flex-gap)))
}
@media (min-width:640px) {
.module-profile-grid .module__outer .module-profile-grid__wrapper.space-m .module-profile-grid__wrapper__profile {
width: calc((100% / 2) - (((2 - 1)/ 2) * var(--flex-gap)))
}
}
@media (min-width:768px) {
.module-profile-grid .module__outer .module-profile-grid__wrapper.space-m .module-profile-grid__wrapper__profile {
width: calc((100% / 3) - (((3 - 1)/ 3) * var(--flex-gap)))
}
}
@media (min-width:1024px) {
.module-profile-grid .module__outer .module-profile-grid__wrapper.space-m .module-profile-grid__wrapper__profile {
width: calc((100% / 4) - (((4 - 1)/ 4) * var(--flex-gap)))
}
}
.module-profile-grid .module__outer .module-profile-grid__wrapper.space-l {
--flex-gap: 45px;
-moz-column-gap: var(--flex-gap);
column-gap: var(--flex-gap);
row-gap: calc(var(--flex-gap) * 4)
}
.module-profile-grid .module__outer .module-profile-grid__wrapper.space-l .module-profile-grid__wrapper__profile {
width: calc((100% / 1) - (((1 - 1)/ 1) * var(--flex-gap)))
}
@media (min-width:640px) {
.module-profile-grid .module__outer .module-profile-grid__wrapper.space-l .module-profile-grid__wrapper__profile {
width: calc((100% / 2) - (((2 - 1)/ 2) * var(--flex-gap)))
}
}
@media (min-width:768px) {
.module-profile-grid .module__outer .module-profile-grid__wrapper.space-l .module-profile-grid__wrapper__profile {
width: calc((100% / 3) - (((3 - 1)/ 3) * var(--flex-gap)))
}
}
@media (min-width:1024px) {
.module-profile-grid .module__outer .module-profile-grid__wrapper.space-l .module-profile-grid__wrapper__profile {
width: calc((100% / 4) - (((4 - 1)/ 4) * var(--flex-gap)))
}
}
.module-profile-grid .module__outer .module-profile-grid__wrapper__profile.hide {
display: none
}
.module-profile-grid .module__outer .module-profile-grid__wrapper__profile__imagewrapper {
padding-bottom: 30px
}
.module-profile-grid .module__outer .module-profile-grid__wrapper__profile__headline {
padding-bottom: 15px
}
@media (min-width:640px) {
.module-profile-grid .module__outer .module-profile-grid__wrapper__profile__headline {
max-width: 90%
}
}
.module-profile-grid .module__outer .module-profile-grid__wrapper__profile__subheadline {
padding-bottom: 5px
}
@media (min-width:640px) {
.module-profile-grid .module__outer .module-profile-grid__wrapper__profile__subheadline {
max-width: 90%
}
}
.module-profile-grid .module__outer .module-profile-grid__wrapper__profile__list {
list-style-type: none;
margin: 0;
padding: 0
}
@media (min-width:640px) {
.module-profile-grid .module__outer .module-profile-grid__wrapper__profile__copy {
max-width: 90%
}
}
.module-profile-grid .module__outer .module-profile-grid__wrapper__profile__contact {
padding-top: 15px
}
.module-formsshortcode .module__outer,
.module-shortcode .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto
}
.module-formsshortcode .module__outer__inner,
.module-shortcode .module__outer__inner {
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
text-decoration: none;
color: inherit
}
@media (min-width:768px) {
.module-formsshortcode .module__outer__inner,
.module-shortcode .module__outer__inner {
flex-direction: row
}
}
.module-formsshortcode .module__outer__inner:hover,
.module-shortcode .module__outer__inner:hover {
text-decoration: none
}
.module-formsshortcode .module__outer__inner.width-50 .wpforms-container-full,
.module-shortcode .module__outer__inner.width-50 .wpforms-container-full {
width: 100%
}
@media (min-width:768px) {
.module-formsshortcode .module__outer__inner.width-50 .wpforms-container-full,
.module-shortcode .module__outer__inner.width-50 .wpforms-container-full {
width: 50%
}
}
.module-formsshortcode .module__outer__inner.width-75 .wpforms-container-full,
.module-shortcode .module__outer__inner.width-75 .wpforms-container-full {
width: 100%
}
@media (min-width:768px) {
.module-formsshortcode .module__outer__inner.width-75 .wpforms-container-full,
.module-shortcode .module__outer__inner.width-75 .wpforms-container-full {
width: 75%
}
}
.module-formsshortcode .module__outer__inner .wpforms-container-full,
.module-shortcode .module__outer__inner .wpforms-container-full {
width: 100%
}
@media (min-width:768px) {
.module-formsshortcode .module__outer__inner .wpforms-container-full,
.module-shortcode .module__outer__inner .wpforms-container-full {
width: 100%
}
}
.module-programms .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto
}
.module-programms .module__outer .filter_wrapper {
width: 100%;
display: flex;
flex-wrap: wrap
}
.module-programms .module__outer .filter_wrapper.desktop {
display: none
}
@media (min-width:640px) {
.module-programms .module__outer .filter_wrapper.desktop {
display: flex;
margin-bottom: 70px
}
}
.module-programms .module__outer .filter_wrapper.mobile {
display: block
}
@media (min-width:640px) {
.module-programms .module__outer .filter_wrapper.mobile {
display: none
}
}
.module-programms .module__outer .filter_wrapper .filter_bubble {
display: flex;
margin: 5px;
margin-left: 0;
padding-left: 30px;
padding-right: 30px;
flex-direction: row;
align-items: center;
justify-content: center;
margin-right: 10px;
flex: 0 1 content;
background-color: #fff;
border-color: #818181;
border-width: 1px;
border-style: solid;
border-radius: 26px;
padding-top: 10px;
padding-bottom: 10px
}
@media (min-width:768px) {
.module-programms .module__outer .filter_wrapper .filter_bubble {
font-size: var(--pageTypoHelperClassFontSizeS) !important
}
}
.module-programms .module__outer .filter_wrapper .filter_bubble:last-of-type {
margin-right: 0
}
.module-programms .module__outer .filter_wrapper .filter_bubble .programme_text {
font-size: var(--pageTypoHelperClassFontSizeS) !important;
color: var(--pageTypoHelperClassFontColorDark);
font-family: 'TT Commons Classic W01 Light'
}
.module-programms .module__outer .filter_wrapper .filter_bubble.active {
background-color: var(--pageAccentColor);
border-color: var(--pageAccentColor)
}
.module-programms .module__outer .filter_wrapper .filter_bubble.active .programme_text {
color: var(--pageTypoHelperClassFontColorBright) !important;
font-family: 'TT Commons Classic W01 DemiBold'
}
.module-programms .module__outer .programms_wrapper {
width: 100%;
display: flex;
flex-direction: column-reverse;
padding-top: 50px;
padding-bottom: 50px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #818181;
text-decoration: none
}
.module-programms .module__outer .programms_wrapper.hide {
display: none
}
@media (min-width:768px) {
.module-programms .module__outer .programms_wrapper {
flex-direction: row
}
}
.module-programms .module__outer .programms_wrapper .programm_module_left {
width: 100%
}
@media (min-width:768px) {
.module-programms .module__outer .programms_wrapper .programm_module_left {
width: 65%;
padding-right: 150px
}
}
.module-programms .module__outer .programms_wrapper .programm_module_left .programm_blabla {
color: var(--pageTypoHelperClassFontColorBrand)
}
.module-programms .module__outer .programms_wrapper .programm_module_right {
width: 100%;
height: 200px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover
}
@media (min-width:640px) {
.module-programms .module__outer .programms_wrapper .programm_module_right {
height: 300px
}
}
@media (min-width:768px) {
.module-programms .module__outer .programms_wrapper .programm_module_right {
width: 35%;
height: auto
}
}
.module-people-grid .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto
}
.module-people-grid .module__outer .module-people-grid__wrapper {
display: flex;
flex-wrap: wrap
}
.module-people-grid .module__outer .module-people-grid__wrapper.space-none {
--flex-gap: 0;
-moz-column-gap: var(--flex-gap);
column-gap: var(--flex-gap);
row-gap: calc(var(--flex-gap) * 3)
}
.module-people-grid .module__outer .module-people-grid__wrapper.space-none .module-people-grid__wrapper__profile {
width: calc((100% / 1) - (((1 - 1)/ 1) * var(--flex-gap)))
}
@media (min-width:640px) {
.module-people-grid .module__outer .module-people-grid__wrapper.space-none .module-people-grid__wrapper__profile {
width: calc((100% / 2) - (((2 - 1)/ 2) * var(--flex-gap)))
}
}
@media (min-width:768px) {
.module-people-grid .module__outer .module-people-grid__wrapper.space-none .module-people-grid__wrapper__profile {
width: calc((100% / 3) - (((3 - 1)/ 3) * var(--flex-gap)))
}
}
@media (min-width:1024px) {
.module-people-grid .module__outer .module-people-grid__wrapper.space-none .module-people-grid__wrapper__profile {
width: calc((100% / 4) - (((4 - 1)/ 4) * var(--flex-gap)))
}
}
.module-people-grid .module__outer .module-people-grid__wrapper.space-s {
--flex-gap: 15px;
-moz-column-gap: var(--flex-gap);
column-gap: var(--flex-gap);
row-gap: calc(var(--flex-gap) * 3)
}
.module-people-grid .module__outer .module-people-grid__wrapper.space-s .module-people-grid__wrapper__profile {
width: calc((100% / 1) - (((1 - 1)/ 1) * var(--flex-gap)))
}
@media (min-width:640px) {
.module-people-grid .module__outer .module-people-grid__wrapper.space-s .module-people-grid__wrapper__profile {
width: calc((100% / 2) - (((2 - 1)/ 2) * var(--flex-gap)))
}
}
@media (min-width:768px) {
.module-people-grid .module__outer .module-people-grid__wrapper.space-s .module-people-grid__wrapper__profile {
width: calc((100% / 3) - (((3 - 1)/ 3) * var(--flex-gap)))
}
}
@media (min-width:1024px) {
.module-people-grid .module__outer .module-people-grid__wrapper.space-s .module-people-grid__wrapper__profile {
width: calc((100% / 4) - (((4 - 1)/ 4) * var(--flex-gap)))
}
}
.module-people-grid .module__outer .module-people-grid__wrapper.space-m {
--flex-gap: 30px;
-moz-column-gap: var(--flex-gap);
column-gap: var(--flex-gap);
row-gap: calc(var(--flex-gap) * 3)
}
.module-people-grid .module__outer .module-people-grid__wrapper.space-m .module-people-grid__wrapper__profile {
width: calc((100% / 1) - (((1 - 1)/ 1) * var(--flex-gap)))
}
@media (min-width:640px) {
.module-people-grid .module__outer .module-people-grid__wrapper.space-m .module-people-grid__wrapper__profile {
width: calc((100% / 2) - (((2 - 1)/ 2) * var(--flex-gap)))
}
}
@media (min-width:768px) {
.module-people-grid .module__outer .module-people-grid__wrapper.space-m .module-people-grid__wrapper__profile {
width: calc((100% / 3) - (((3 - 1)/ 3) * var(--flex-gap)))
}
}
@media (min-width:1024px) {
.module-people-grid .module__outer .module-people-grid__wrapper.space-m .module-people-grid__wrapper__profile {
width: calc((100% / 4) - (((4 - 1)/ 4) * var(--flex-gap)))
}
}
.module-people-grid .module__outer .module-people-grid__wrapper.space-l {
--flex-gap: 45px;
-moz-column-gap: var(--flex-gap);
column-gap: var(--flex-gap);
row-gap: calc(var(--flex-gap) * 3)
}
.module-people-grid .module__outer .module-people-grid__wrapper.space-l .module-people-grid__wrapper__profile {
width: calc((100% / 1) - (((1 - 1)/ 1) * var(--flex-gap)))
}
@media (min-width:640px) {
.module-people-grid .module__outer .module-people-grid__wrapper.space-l .module-people-grid__wrapper__profile {
width: calc((100% / 2) - (((2 - 1)/ 2) * var(--flex-gap)))
}
}
@media (min-width:768px) {
.module-people-grid .module__outer .module-people-grid__wrapper.space-l .module-people-grid__wrapper__profile {
width: calc((100% / 3) - (((3 - 1)/ 3) * var(--flex-gap)))
}
}
@media (min-width:1024px) {
.module-people-grid .module__outer .module-people-grid__wrapper.space-l .module-people-grid__wrapper__profile {
width: calc((100% / 4) - (((4 - 1)/ 4) * var(--flex-gap)))
}
}
.module-people-grid .module__outer .module-people-grid__wrapper__profile.hide {
display: none
}
.module-people-grid .module__outer .module-people-grid__wrapper__profile__imagewrapper {
padding-bottom: 30px
}
.module-people-grid .module__outer .module-people-grid__wrapper__profile__headline {
padding-bottom: 15px
}
@media (min-width:640px) {
.module-people-grid .module__outer .module-people-grid__wrapper__profile__headline {
max-width: 90%
}
}
.module-people-grid .module__outer .module-people-grid__wrapper__profile__subheadline {
padding-bottom: 5px
}
@media (min-width:640px) {
.module-people-grid .module__outer .module-people-grid__wrapper__profile__subheadline {
max-width: 90%
}
}
.module-people-grid .module__outer .module-people-grid__wrapper__profile__list {
list-style-type: none;
margin: 0;
padding: 0
}
@media (min-width:640px) {
.module-people-grid .module__outer .module-people-grid__wrapper__profile__copy {
max-width: 90%
}
}
.module-people-grid .module__outer .module-people-grid__wrapper__profile__contact {
padding-top: 15px
}
.module-accordion.content .module__outer__inner .module-accordion__trigger__marker::after {
color: #5d5c5c
}
.module-accordion.content .module__outer__inner .module-accordion__content {
border-bottom: none
}
.module-accordion.content .module__outer__inner .module-accordion__trigger.right .module-accordion__trigger__titel {
padding-left: 30px
}
.module-accordion.content .module__outer__inner .module-accordion__content__inner {
padding: 0 8.3333333% 60px 30px
}
.module-accordion.content .module__outer__inner .module-accordion__trigger.right .module-accordion__trigger__marker {
padding-right: 8.33333%
}
.module-accordion.product .module__outer__inner .module-accordion__trigger__marker::after {
color: var(--pageAccentColor)
}
.module-accordion .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto
}
.module-accordion .module__outer__inner .module-accordion__trigger {
cursor: pointer;
padding: 30px 0;
display: flex;
flex-direction: row;
align-items: center;
border-top: 1px solid #ccc
}
.module-accordion .module__outer__inner .module-accordion__trigger.right {
flex-direction: row-reverse
}
.module-accordion .module__outer__inner .module-accordion__trigger.right .module-accordion__trigger__titel {
padding-right: 30%
}
.module-accordion .module__outer__inner .module-accordion__trigger.right .module-accordion__trigger__marker {
text-align: right
}
.module-accordion .module__outer__inner .module-accordion__trigger.right .module-accordion__trigger__marker.checkbox+.module-accordion__trigger__titel {
width: calc(100% - var(--pageFormCheckboxWidth))
}
.module-accordion .module__outer__inner .module-accordion__trigger.right .module-accordion__trigger__marker.radio+.module-accordion__trigger__titel {
width: calc(100% - var(--pageFormRadioWidth))
}
.module-accordion .module__outer__inner .module-accordion__trigger.right .module-accordion__trigger__marker.arrow+.module-accordion__trigger__titel {
width: calc(100% - 20px)
}
.module-accordion .module__outer__inner .module-accordion__trigger__marker {
position: relative;
width: 30px
}
.module-accordion .module__outer__inner .module-accordion__trigger__marker::after {
font-family: var(--pageIconFont);
content: var(--pageIconUiPlusBold);
color: var(--pageAccentColor);
display: inline-block;
transform: rotate(90deg);
transform-origin: center center;
transition: .1s ease;
z-index: 2;
font-size: 20px
}
.module-accordion .module__outer__inner .module-accordion__trigger__titel {
width: calc(100% - var(--pageFormCheckboxWidth))
}
.module-accordion .module__outer__inner .module-accordion__content {
overflow-y: hidden;
max-height: 0;
transition: max-height .4s ease;
border-bottom: 1px solid #000
}
.module-accordion .module__outer__inner .module-accordion__content__inner {
padding: 0 0 60px
}
.module-accordion .module__outer__inner .module-accordion__content__inner h1,
.module-accordion .module__outer__inner .module-accordion__content__inner h2,
.module-accordion .module__outer__inner .module-accordion__content__inner h3,
.module-accordion .module__outer__inner .module-accordion__content__inner h4,
.module-accordion .module__outer__inner .module-accordion__content__inner h5,
.module-accordion .module__outer__inner .module-accordion__content__inner p {
max-width: 100%
}
@media (min-width:768px) {
.module-accordion .module__outer__inner .module-accordion__content__inner h1,
.module-accordion .module__outer__inner .module-accordion__content__inner h2,
.module-accordion .module__outer__inner .module-accordion__content__inner h3,
.module-accordion .module__outer__inner .module-accordion__content__inner h4,
.module-accordion .module__outer__inner .module-accordion__content__inner h5,
.module-accordion .module__outer__inner .module-accordion__content__inner p {
max-width: 80%
}
}
@media (min-width:992px) {
.module-accordion .module__outer__inner .module-accordion__content__inner h1,
.module-accordion .module__outer__inner .module-accordion__content__inner h2,
.module-accordion .module__outer__inner .module-accordion__content__inner h3,
.module-accordion .module__outer__inner .module-accordion__content__inner h4,
.module-accordion .module__outer__inner .module-accordion__content__inner h5,
.module-accordion .module__outer__inner .module-accordion__content__inner p {
max-width: 65%
}
}
.module-accordion .module__outer__inner .module-accordion__content__inner.brochure .brochure__grid {
--brochuregap: 30px;
--brochurecolumns: 1;
display: flex;
flex-wrap: wrap;
gap: var(--brochuregap)
}
@media (min-width:640px) {
.module-accordion .module__outer__inner .module-accordion__content__inner.brochure .brochure__grid {
--brochuregap: 30px;
--brochurecolumns: 2
}
}
@media (min-width:992px) {
.module-accordion .module__outer__inner .module-accordion__content__inner.brochure .brochure__grid {
--brochuregap: 30px;
--brochurecolumns: 4
}
}
.module-accordion .module__outer__inner .module-accordion__content__inner.brochure .brochure__grid__item {
width: calc((100% / var(--brochurecolumns)) - var(--brochuregap) + (var(--brochuregap)/ var(--brochurecolumns)))
}
.module-accordion .module__outer__inner .module-accordion__content__inner.brochure .brochure__grid__item__action {
text-align: center;
padding-top: 30px
}
.module-accordion .module__outer__inner .module-accordion__content__inner.projects .projects__item {
width: 100%
}
@media (min-width:640px) {
.module-accordion .module__outer__inner .module-accordion__content__inner.projects .projects__item {
max-width: 85%
}
}
.module-accordion .module__outer__inner .module-accordion__content__inner.projects .projects__item__media {
padding-bottom: 20px
}
.module-accordion .module__outer__inner .module-accordion__content__inner.projects .projects__item__action {
display: flex;
flex-wrap: wrap
}
.module-accordion .module__outer__inner .module-accordion__content__inner.projects .projects__item__action__wrapper {
width: 50%
}
.module-accordion .module__outer__inner .module-accordion__content__inner.projects .projects__item__action__wrapper .button {
align-self: flex-start;
display: inline-block
}
.module-accordion .module__outer__inner .module-accordion__content__inner.projects .projects__item__action__place {
width: 50%;
text-align: right
}
.module-accordion.open .module-accordion__trigger__marker::after {
transform: rotate(45deg)
}
.module-accordion.open .module-accordion__content {
max-height: 9999px;
transition: max-height 4s ease
}
.module-accordion.content-dark .module-accordion__content__inner {
background-color: var(--pageModuleAccordionContentBoxInvertBgColor);
padding: 40px 30px 40px
}
.module-parallax-static .parallax-box {
position: relative;
padding-bottom: 100vw;
display: block;
overflow: hidden
}
.module-parallax-static .parallax-box.r-21-9 {
padding-bottom: 150vw
}
@media (min-width:640px) {
.module-parallax-static .parallax-box.r-21-9 {
padding-bottom: 100vw
}
}
@media (min-width:768px) {
.module-parallax-static .parallax-box.r-21-9 {
padding-bottom: 42.85vw
}
}
.module-parallax-static .parallax-box.r-16-9 {
padding-bottom: 150vw
}
@media (min-width:640px) {
.module-parallax-static .parallax-box.r-16-9 {
padding-bottom: 100vw
}
}
@media (min-width:768px) {
.module-parallax-static .parallax-box.r-16-9 {
padding-bottom: 56.25vw
}
}
.module-parallax-static .parallax-box.r-4-3 {
padding-bottom: 150vw
}
@media (min-width:640px) {
.module-parallax-static .parallax-box.r-4-3 {
padding-bottom: 100vw
}
}
@media (min-width:768px) {
.module-parallax-static .parallax-box.r-4-3 {
padding-bottom: 75vw
}
}
.module-parallax-static .parallax-box.r-3-4 {
padding-bottom: 150vw
}
@media (min-width:640px) {
.module-parallax-static .parallax-box.r-3-4 {
padding-bottom: 100vw
}
}
@media (min-width:768px) {
.module-parallax-static .parallax-box.r-3-4 {
padding-bottom: 133vw
}
}
.module-parallax-static .parallax-box.r-1-1 {
padding-bottom: 150vw
}
@media (min-width:640px) {
.module-parallax-static .parallax-box.r-1-1 {
padding-bottom: 100vw
}
}
@media (min-width:768px) {
.module-parallax-static .parallax-box.r-1-1 {
padding-bottom: 100vw
}
}
.module-parallax-static .parallax-box.vh-wo-header {
padding-bottom: calc(var(--viewport-height) - var(--header-height))
}
.module-parallax-static .parallax-box.vh-w-header {
padding-bottom: var(--viewport-height)
}
.module-parallax-static .parallax-box .parallax-box-inner {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 124%;
z-index: 1
}
.module-parallax-static .parallax-box .parallax-box-inner img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transform: translateY(0)
}
.module-parallax-static .parallax-box .object-text {
position: absolute;
top: 0;
left: 0;
display: flex;
z-index: 3;
width: 100%;
height: 100%;
color: #fff;
justify-content: flex-start;
align-items: flex-start;
padding: 110px 8.3333333%
}
.module-parallax-static .parallax-box .object-text__inner h1 {
font-size: 60px;
line-height: 1.2
}
.module-parallax-static .parallax-box .object-text.top-left {
justify-content: flex-start;
align-items: flex-start
}
.module-parallax-static .parallax-box .object-text.top-center {
justify-content: center;
align-items: flex-start;
text-align: center
}
.module-parallax-static .parallax-box .object-text.top-right {
justify-content: flex-end;
align-items: flex-start;
text-align: right
}
.module-parallax-static .parallax-box .object-text.mid-left {
justify-content: flex-start;
align-items: center
}
.module-parallax-static .parallax-box .object-text.mid-center {
justify-content: center;
align-items: center;
text-align: center
}
.module-parallax-static .parallax-box .object-text.mid-right {
justify-content: flex-end;
align-items: center;
text-align: right
}
.module-parallax-static .parallax-box .object-text.bottom-left {
justify-content: flex-start;
align-items: flex-end
}
.module-parallax-static .parallax-box .object-text.bottom-center {
justify-content: center;
align-items: flex-end;
text-align: center
}
.module-parallax-static .parallax-box .object-text.bottom-right {
justify-content: flex-end;
align-items: flex-end;
text-align: right
}
.module-parallax-text-image .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto
}
.module-parallax-text-image .module__outer__inner {
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
text-decoration: none;
color: inherit;
max-width: var(--pageMaxWidth);
margin: 0 auto
}
@media (min-width:992px) {
.module-parallax-text-image .module__outer__inner {
flex-direction: row
}
}
.module-parallax-text-image .module__outer__inner:hover {
text-decoration: none
}
.module-parallax-text-image .module__outer__inner.text-right {
flex-direction: column-reverse
}
@media (min-width:992px) {
.module-parallax-text-image .module__outer__inner.text-right {
flex-direction: row-reverse
}
}
.module-parallax-text-image .module__outer__inner.text-right .module-parallax-text-image__text__wrapper {
align-items: flex-end
}
.module-parallax-text-image .module__outer__inner.text-right .module-parallax-text-image__media {
margin-bottom: 32px
}
@media (min-width:992px) {
.module-parallax-text-image .module__outer__inner.text-right .module-parallax-text-image__media {
margin-bottom: 0
}
}
@media (min-width:992px) {
.module-parallax-text-image .module__outer__inner.text-right .module-parallax-text-image__media.none {
padding-right: calc(var(--pageSwiperSpaceNone)/ 2)
}
}
@media (min-width:992px) {
.module-parallax-text-image .module__outer__inner.text-right .module-parallax-text-image__media.s {
padding-right: calc(var(--pageSwiperSpaceS)/ 2)
}
}
@media (min-width:992px) {
.module-parallax-text-image .module__outer__inner.text-right .module-parallax-text-image__media.m {
padding-right: calc(var(--pageSwiperSpaceM)/ 2)
}
}
@media (min-width:992px) {
.module-parallax-text-image .module__outer__inner.text-right .module-parallax-text-image__media.l {
padding-right: calc(var(--pageSwiperSpaceL)/ 2)
}
}
@media (min-width:992px) {
.module-parallax-text-image .module__outer__inner.text-right .module-parallax-text-image__text {
padding-left: 0
}
}
@media (min-width:992px) {
.module-parallax-text-image .module__outer__inner.text-right .module-parallax-text-image__text.none {
padding-left: calc(var(--pageSwiperSpaceNone)/ 2)
}
}
@media (min-width:992px) {
.module-parallax-text-image .module__outer__inner.text-right .module-parallax-text-image__text.s {
padding-left: calc(var(--pageSwiperSpaceS)/ 2)
}
}
@media (min-width:992px) {
.module-parallax-text-image .module__outer__inner.text-right .module-parallax-text-image__text.m {
padding-left: calc(var(--pageSwiperSpaceM)/ 2)
}
}
@media (min-width:992px) {
.module-parallax-text-image .module__outer__inner.text-right .module-parallax-text-image__text.l {
padding-left: calc(var(--pageSwiperSpaceL)/ 2)
}
}
.module-parallax-text-image .module__outer__inner.text-left {
flex-direction: column-reverse
}
@media (min-width:992px) {
.module-parallax-text-image .module__outer__inner.text-left {
flex-direction: row
}
}
.module-parallax-text-image .module__outer__inner.text-left.indentbefore-none .module-parallax-text-image__text {
padding-left: 8.33333%
}
@media (min-width:992px) {
.module-parallax-text-image .module__outer__inner.text-left.indentbefore-none .module-parallax-text-image__text {
padding-left: var(--pageSwiperSpaceM)
}
}
.module-parallax-text-image .module__outer__inner.text-left.indentafter-none .module-parallax-text-image__text {
padding-right: 8.33333%
}
@media (min-width:992px) {
.module-parallax-text-image .module__outer__inner.text-left.indentafter-none .module-parallax-text-image__text {
padding-right: var(--pageSwiperSpaceM)
}
}
.module-parallax-text-image .module__outer__inner.text-left.spaceafter-none .module-parallax-text-image__text {
padding-bottom: calc(var(--pageModuleSpaceM) * var(--pageModuleSpaceMobileFactor))
}
@media (min-width:992px) {
.module-parallax-text-image .module__outer__inner.text-left.spaceafter-none .module-parallax-text-image__text {
padding-bottom: 0
}
}
.module-parallax-text-image .module__outer__inner.text-left .module-parallax-text-image__media {
margin-bottom: 32px
}
@media (min-width:992px) {
.module-parallax-text-image .module__outer__inner.text-left .module-parallax-text-image__media {
margin-bottom: 0
}
}
@media (min-width:992px) {
.module-parallax-text-image .module__outer__inner.text-left .module-parallax-text-image__media.none {
padding-left: calc(var(--pageSwiperSpaceNone)/ 2)
}
}
@media (min-width:992px) {
.module-parallax-text-image .module__outer__inner.text-left .module-parallax-text-image__media.s {
padding-left: calc(var(--pageSwiperSpaceS)/ 2)
}
}
@media (min-width:992px) {
.module-parallax-text-image .module__outer__inner.text-left .module-parallax-text-image__media.m {
padding-left: calc(var(--pageSwiperSpaceM)/ 2)
}
}
@media (min-width:992px) {
.module-parallax-text-image .module__outer__inner.text-left .module-parallax-text-image__media.l {
padding-left: calc(var(--pageSwiperSpaceL)/ 2)
}
}
@media (min-width:768px) {
.module-parallax-text-image .module__outer__inner.text-left .module-parallax-text-image__text {
padding-right: 0
}
}
@media (min-width:992px) {
.module-parallax-text-image .module__outer__inner.text-left .module-parallax-text-image__text.none {
padding-right: calc(var(--pageSwiperSpaceNone)/ 2)
}
}
@media (min-width:992px) {
.module-parallax-text-image .module__outer__inner.text-left .module-parallax-text-image__text.s {
padding-right: calc(var(--pageSwiperSpaceS)/ 2)
}
}
@media (min-width:992px) {
.module-parallax-text-image .module__outer__inner.text-left .module-parallax-text-image__text.m {
padding-right: calc(var(--pageSwiperSpaceM)/ 2)
}
}
@media (min-width:992px) {
.module-parallax-text-image .module__outer__inner.text-left .module-parallax-text-image__text.l {
padding-right: calc(var(--pageSwiperSpaceL)/ 2)
}
}
.module-parallax-text-image .module__outer__inner .module-parallax-text-image__text {
width: 100%
}
@media (min-width:992px) {
.module-parallax-text-image .module__outer__inner .module-parallax-text-image__text {
width: 50%
}
}
.module-parallax-text-image .module__outer__inner .module-parallax-text-image__text__wrapper {
display: flex;
flex-direction: column;
align-items: flex-start
}
.module-parallax-text-image .module__outer__inner .module-parallax-text-image__text__wrapper h1,
.module-parallax-text-image .module__outer__inner .module-parallax-text-image__text__wrapper__headline1 {
max-width: 85%
}
.module-parallax-text-image .module__outer__inner .module-parallax-text-image__text__wrapper h2,
.module-parallax-text-image .module__outer__inner .module-parallax-text-image__text__wrapper__headline2 {
max-width: 85%
}
.module-parallax-text-image .module__outer__inner .module-parallax-text-image__text__wrapper h3,
.module-parallax-text-image .module__outer__inner .module-parallax-text-image__text__wrapper__headline3 {
max-width: 85%
}
.module-parallax-text-image .module__outer__inner .module-parallax-text-image__text__wrapper p,
.module-parallax-text-image .module__outer__inner .module-parallax-text-image__text__wrapper__copy {
max-width: 85%
}
.module-parallax-text-image .module__outer__inner .module-parallax-text-image__text__wrapper p:last-of-type,
.module-parallax-text-image .module__outer__inner .module-parallax-text-image__text__wrapper__copy:last-of-type {
padding-bottom: 0
}
.module-parallax-text-image .module__outer__inner .module-parallax-text-image__text__wrapper a,
.module-parallax-text-image .module__outer__inner .module-parallax-text-image__text__wrapper__cta {
text-decoration: underline;
margin-top: 30px;
display: inline-block
}
.module-parallax-text-image .module__outer__inner .module-parallax-text-image__text__wrapper button,
.module-parallax-text-image .module__outer__inner .module-parallax-text-image__text__wrapper__button {
margin-top: 20px
}
.module-parallax-text-image .module__outer__inner .module-parallax-text-image__media {
width: 100%;
position: relative;
padding-bottom: 60% !important
}
@media (min-width:992px) {
.module-parallax-text-image .module__outer__inner .module-parallax-text-image__media {
width: 50%
}
}
.module-parallax-text-image .module__outer__inner .module-parallax-text-image__media .parallax-box {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
background-attachment: fixed;
background-size: cover;
background-repeat: no-repeat;
background-position: top center;
filter: grayscale(.2);
overflow: hidden
}
.module-parallax-text-image .module__outer__inner .module-parallax-text-image__media .parallax-box .parallax-box-inner {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 124%;
z-index: 1
}
.module-parallax-text-image .module__outer__inner .module-parallax-text-image__media .parallax-box .parallax-box-inner img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transform: translateY(0)
}
.module-parallax-text-image .module__outer__inner.image-width-xs .module-parallax-text-image__text {
width: 100%
}
@media (min-width:992px) {
.module-parallax-text-image .module__outer__inner.image-width-xs .module-parallax-text-image__text {
width: 70%
}
}
.module-parallax-text-image .module__outer__inner.image-width-xs .module-parallax-text-image__media {
width: 100%
}
@media (min-width:992px) {
.module-parallax-text-image .module__outer__inner.image-width-xs .module-parallax-text-image__media {
width: 30%
}
}
.module-parallax-text-image .module__outer__inner.image-width-s .module-parallax-text-image__text {
width: 100%
}
@media (min-width:992px) {
.module-parallax-text-image .module__outer__inner.image-width-s .module-parallax-text-image__text {
width: 60%
}
}
.module-parallax-text-image .module__outer__inner.image-width-s .module-parallax-text-image__media {
width: 100%
}
@media (min-width:992px) {
.module-parallax-text-image .module__outer__inner.image-width-s .module-parallax-text-image__media {
width: 40%
}
}
.module-parallax-text-image .module__outer__inner.image-width-m .module-parallax-text-image__text {
width: 100%
}
@media (min-width:992px) {
.module-parallax-text-image .module__outer__inner.image-width-m .module-parallax-text-image__text {
width: 50%
}
}
.module-parallax-text-image .module__outer__inner.image-width-m .module-parallax-text-image__media {
width: 100%
}
@media (min-width:992px) {
.module-parallax-text-image .module__outer__inner.image-width-m .module-parallax-text-image__media {
width: 50%
}
}
.module-parallax-text-image .module__outer__inner.image-width-l .module-parallax-text-image__text {
width: 100%
}
@media (min-width:992px) {
.module-parallax-text-image .module__outer__inner.image-width-l .module-parallax-text-image__text {
width: 40%
}
}
.module-parallax-text-image .module__outer__inner.image-width-l .module-parallax-text-image__media {
width: 100%
}
@media (min-width:992px) {
.module-parallax-text-image .module__outer__inner.image-width-l .module-parallax-text-image__media {
width: 60%
}
}
.module-parallax-text-image .module__outer__inner.image-width-xl .module-parallax-text-image__text {
width: 100%
}
@media (min-width:992px) {
.module-parallax-text-image .module__outer__inner.image-width-xl .module-parallax-text-image__text {
width: 30%
}
}
.module-parallax-text-image .module__outer__inner.image-width-xl .module-parallax-text-image__media {
width: 100%
}
@media (min-width:992px) {
.module-parallax-text-image .module__outer__inner.image-width-xl .module-parallax-text-image__media {
width: 70%
}
}
.module-news-grid .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto
}
.module-news-grid .module__outer .module-news-grid__inner {
display: flex;
flex-wrap: wrap
}
.module-news-grid .module__outer .module-news-grid__inner .teaser-box__link {
position: relative
}
.module-news-grid .module__outer .module-news-grid__inner .teaser-box__link.small {
width: 100%
}
@media (min-width:640px) {
.module-news-grid .module__outer .module-news-grid__inner .teaser-box__link.small {
width: 50%
}
}
@media (min-width:1024px) {
.module-news-grid .module__outer .module-news-grid__inner .teaser-box__link.small {
width: 25%
}
}
.module-news-grid .module__outer .module-news-grid__inner .teaser-box__link.mid {
width: 100%
}
@media (min-width:640px) {
.module-news-grid .module__outer .module-news-grid__inner .teaser-box__link.mid {
width: 50%
}
}
.module-news-grid .module__outer .module-news-grid__inner .teaser-box__link.big {
width: 100%
}
@media (min-width:640px) {
.module-news-grid .module__outer .module-news-grid__inner .teaser-box__link.big {
width: 100%
}
}
.module-news-grid .module__outer .module-news-grid__inner .teaser-box__link__image {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
padding-bottom: 0
}
.module-news-grid .module__outer .module-news-grid__inner .teaser-box__link__details {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .25);
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 49px 8.33333% 49px;
transition: background-color .3s ease
}
@media (min-width:640px) {
.module-news-grid .module__outer .module-news-grid__inner .teaser-box__link__details {
padding: 49px var(--pageModuleIndentS) 49px
}
}
.module-news-grid .module__outer .module-news-grid__inner .teaser-box__link__details:hover {
background-color: rgba(0, 0, 0, .2)
}
.module-news-grid .module__outer .module-news-grid__inner .teaser-box__link__details__top {
align-self: flex-start
}
.module-news-grid .module__outer .module-news-grid__inner .teaser-box__link__details__bottom {
text-align: left
}
.module-formular .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto
}
.module-formular .module__outer__inner .module-formular__inner {
overflow-x: auto;
scrollbar-color: #818181 #f5f5f5;
scrollbar-width: thin
}
.module-formular .module__outer__inner .module-formular__inner ::-webkit-scrollbar {
width: 12px;
height: 7px;
background-color: #f5f5f5
}
.module-formular .module__outer__inner .module-formular__inner ::-webkit-scrollbar-thumb {
background-color: #818181
}
.module-formular .module__outer__inner .module-formular__inner ::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
background-color: #f5f5f5
}
.module-formular .module__outer__inner .module-formular__inner__formular.align-left mjx-container[jax=CHTML][display=true] {
text-align: left
}
.module-formular .module__outer__inner .module-formular__inner__formular.align-center mjx-container[jax=CHTML][display=true] {
text-align: center
}
.module-formular .module__outer__inner .module-formular__inner__formular.align-right mjx-container[jax=CHTML][display=true] {
text-align: right
}
.module-free-text .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto
}
.module-poll .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto
}
.module-poll .module__outer__inner {
display: flex;
justify-content: flex-start
}
.module-poll .module__outer__inner.poll-align-center {
justify-content: center
}
.module-poll .module__outer__inner .poll-align-right {
justify-content: flex-end
}
.module-poll .module__outer__inner.color-white div.wpforms-container-full *,
.module-poll .module__outer__inner.color-white div.wpforms-container-full .wpforms-form .wpforms-field-label-inline,
.module-poll .module__outer__inner.color-white div.wpforms-container.poll .wpforms-form .wpforms-field-label {
color: #fff
}
.module-poll .module__outer__inner.color-accent div.wpforms-container-full *,
.module-poll .module__outer__inner.color-accent div.wpforms-container-full .wpforms-form .wpforms-field-label-inline,
.module-poll .module__outer__inner.color-accent div.wpforms-container.poll .wpforms-form .wpforms-field-label {
color: var(--pageAccentColor)
}
.module-poll .module__outer__inner.color-brand div.wpforms-container-full *,
.module-poll .module__outer__inner.color-brand div.wpforms-container-full .wpforms-form .wpforms-field-label-inline,
.module-poll .module__outer__inner.color-brand div.wpforms-container.poll .wpforms-form .wpforms-field-label {
color: var(--pageBrandColor)
}
.module-poll .module__outer__inner.solid-black div.wpforms-container-full .wpforms-form .wpforms-page-button,
.module-poll .module__outer__inner.solid-black div.wpforms-container-full .wpforms-form button[type=submit],
.module-poll .module__outer__inner.solid-black div.wpforms-container-full .wpforms-form input[type=submit] {
border: var(--pageComponentButtonSolidBlackBorder) !important;
background-color: var(--pageComponentButtonSolidBlackBgColor) !important;
color: var(--pageComponentButtonSolidBlackColor) !important
}
.module-poll .module__outer__inner.solid-black div.wpforms-container-full .wpforms-form .wpforms-page-button:hover,
.module-poll .module__outer__inner.solid-black div.wpforms-container-full .wpforms-form button[type=submit]:hover,
.module-poll .module__outer__inner.solid-black div.wpforms-container-full .wpforms-form input[type=submit]:hover {
border: var(--pageComponentButtonOutlinedBlackBorder) !important;
background-color: var(--pageComponentButtonOutlinedBlackBgColor) !important;
color: var(--pageComponentButtonOutlinedBlackColor) !important
}
.module-poll .module__outer__inner.solid-white div.wpforms-container-full .wpforms-form .wpforms-page-button,
.module-poll .module__outer__inner.solid-white div.wpforms-container-full .wpforms-form button[type=submit],
.module-poll .module__outer__inner.solid-white div.wpforms-container-full .wpforms-form input[type=submit] {
border: var(--pageComponentButtonSolidWhiteBorder) !important;
background-color: var(--pageComponentButtonSolidWhiteBgColor) !important;
color: var(--pageComponentButtonSolidWhiteColor) !important
}
.module-poll .module__outer__inner.solid-white div.wpforms-container-full .wpforms-form .wpforms-page-button:hover,
.module-poll .module__outer__inner.solid-white div.wpforms-container-full .wpforms-form button[type=submit]:hover,
.module-poll .module__outer__inner.solid-white div.wpforms-container-full .wpforms-form input[type=submit]:hover {
border: var(--pageComponentButtonOutlinedWhiteBorder) !important;
background-color: var(--pageComponentButtonOutlinedWhiteBgColor) !important;
color: var(--pageComponentButtonOutlinedWhiteColor) !important
}
.module-poll .module__outer__inner.solid-accent div.wpforms-container-full.wpforms-form button[type=submit],
.module-poll .module__outer__inner.solid-accent div.wpforms-container-full.wpforms-form input[type=submit],
.module-poll .module__outer__inner.solid-accent div.wpforms-container-full.wpforms-form.wpforms-page-button {
border: var(--pageComponentButtonSolidAccentBorder) !important;
background-color: var(--pageComponentButtonSolidAccentBgColor) !important;
color: var(--pageComponentButtonSolidAccentColor) !important
}
.module-poll .module__outer__inner.solid-accent div.wpforms-container-full.wpforms-form button[type=submit]:hover,
.module-poll .module__outer__inner.solid-accent div.wpforms-container-full.wpforms-form input[type=submit]:hover,
.module-poll .module__outer__inner.solid-accent div.wpforms-container-full.wpforms-form.wpforms-page-button:hover {
border: var(--pageComponentButtonOutlinedAccentBorder) !important;
background-color: var(--pageComponentButtonOutlinedAccentBgColor) !important;
color: var(--pageComponentButtonOutlinedAccentColor) !important
}
.module-poll .module__outer__inner.solid-brand div.wpforms-container-full.wpforms-form button[type=submit],
.module-poll .module__outer__inner.solid-brand div.wpforms-container-full.wpforms-form input[type=submit],
.module-poll .module__outer__inner.solid-brand div.wpforms-container-full.wpforms-form.wpforms-page-button {
border: var(--pageComponentButtonSolidBrandBorder) !important;
background-color: var(--pageComponentButtonSolidBrandBgColor) !important;
color: var(--pageComponentButtonSolidBrandColor) !important
}
.module-poll .module__outer__inner.solid-brand div.wpforms-container-full.wpforms-form button[type=submit]:hover,
.module-poll .module__outer__inner.solid-brand div.wpforms-container-full.wpforms-form input[type=submit]:hover,
.module-poll .module__outer__inner.solid-brand div.wpforms-container-full.wpforms-form.wpforms-page-button:hover {
border: var(--pageComponentButtonOutlinedBrandBorder) !important;
background-color: var(--pageComponentButtonOutlinedBrandBgColor) !important;
color: var(--pageComponentButtonOutlinedBrandColor) !important
}
.module-poll .module__outer__inner.outlined-black div.wpforms-container-full .wpforms-form .wpforms-page-button,
.module-poll .module__outer__inner.outlined-black div.wpforms-container-full .wpforms-form button[type=submit],
.module-poll .module__outer__inner.outlined-black div.wpforms-container-full .wpforms-form input[type=submit] {
border: var(--pageComponentButtonOutlinedBlackBorder) !important;
background-color: var(--pageComponentButtonOutlinedBlackBgColor) !important;
color: var(--pageComponentButtonOutlinedBlackColor) !important
}
.module-poll .module__outer__inner.outlined-black div.wpforms-container-full .wpforms-form .wpforms-page-button:hover,
.module-poll .module__outer__inner.outlined-black div.wpforms-container-full .wpforms-form button[type=submit]:hover,
.module-poll .module__outer__inner.outlined-black div.wpforms-container-full .wpforms-form input[type=submit]:hover {
border: var(--pageComponentButtonSolidBlackBorder) !important;
background-color: var(--pageComponentButtonSolidBlackBgColor) !important;
color: var(--pageComponentButtonSolidBlackColor) !important
}
.module-poll .module__outer__inner.outlined-white div.wpforms-container-full .wpforms-form .wpforms-page-button,
.module-poll .module__outer__inner.outlined-white div.wpforms-container-full .wpforms-form button[type=submit],
.module-poll .module__outer__inner.outlined-white div.wpforms-container-full .wpforms-form input[type=submit] {
border: var(--pageComponentButtonOutlinedWhiteBorder) !important;
background-color: var(--pageComponentButtonOutlinedWhiteBgColor) !important;
color: var(--pageComponentButtonOutlinedWhiteColor) !important
}
.module-poll .module__outer__inner.outlined-white div.wpforms-container-full .wpforms-form .wpforms-page-button:hover,
.module-poll .module__outer__inner.outlined-white div.wpforms-container-full .wpforms-form button[type=submit]:hover,
.module-poll .module__outer__inner.outlined-white div.wpforms-container-full .wpforms-form input[type=submit]:hover {
border: var(--pageComponentButtonSolidWhiteBorder) !important;
background-color: var(--pageComponentButtonSolidWhiteBgColor) !important;
color: var(--pageComponentButtonSolidWhiteColor) !important
}
.module-poll .module__outer__inner.outlined-brand div.wpforms-container-full .wpforms-form .wpforms-page-button,
.module-poll .module__outer__inner.outlined-brand div.wpforms-container-full .wpforms-form button[type=submit],
.module-poll .module__outer__inner.outlined-brand div.wpforms-container-full .wpforms-form input[type=submit] {
border: var(--pageComponentButtonOutlinedBrandBorder) !important;
background-color: var(--pageComponentButtonOutlinedBrandBgColor) !important;
color: var(--pageComponentButtonOutlinedBrandColor) !important
}
.module-poll .module__outer__inner.outlined-brand div.wpforms-container-full .wpforms-form .wpforms-page-button:hover,
.module-poll .module__outer__inner.outlined-brand div.wpforms-container-full .wpforms-form button[type=submit]:hover,
.module-poll .module__outer__inner.outlined-brand div.wpforms-container-full .wpforms-form input[type=submit]:hover {
border: var(--pageComponentButtonSolidBrandBorder) !important;
background-color: var(--pageComponentButtonSolidBrandBgColor) !important;
color: var(--pageComponentButtonSolidBrandColor) !important
}
.module-poll .module__outer__inner.outlined-accent div.wpforms-container-full .wpforms-form .wpforms-page-button,
.module-poll .module__outer__inner.outlined-accent div.wpforms-container-full .wpforms-form button[type=submit],
.module-poll .module__outer__inner.outlined-accent div.wpforms-container-full .wpforms-form input[type=submit] {
border: var(--pageComponentButtonOutlinedAccentBorder) !important;
background-color: var(--pageComponentButtonOutlinedAccentBgColor) !important;
color: var(--pageComponentButtonOutlinedAccentColor) !important
}
.module-poll .module__outer__inner.outlined-accent div.wpforms-container-full .wpforms-form .wpforms-page-button:hover,
.module-poll .module__outer__inner.outlined-accent div.wpforms-container-full .wpforms-form button[type=submit]:hover,
.module-poll .module__outer__inner.outlined-accent div.wpforms-container-full .wpforms-form input[type=submit]:hover {
border: var(--pageComponentButtonSolidAccentBorder) !important;
background-color: var(--pageComponentButtonSolidAccentBgColor) !important;
color: var(--pageComponentButtonSolidAccentColor) !important
}
.module-poll .module__outer__inner.size-s .wpforms-poll-results .wpforms-poll-label,
.module-poll .module__outer__inner.size-s div.wpforms-container.poll .wpforms-form .wpforms-field-label {
font-size: calc(var(--pageTypoHelperClassFontSizeS) * .8) !important
}
@media (min-width:768px) {
.module-poll .module__outer__inner.size-s .wpforms-poll-results .wpforms-poll-label,
.module-poll .module__outer__inner.size-s div.wpforms-container.poll .wpforms-form .wpforms-field-label {
font-size: var(--pageTypoHelperClassFontSizeS) !important
}
}
.module-poll .module__outer__inner.size-m .wpforms-poll-results .wpforms-poll-label,
.module-poll .module__outer__inner.size-m div.wpforms-container.poll .wpforms-form .wpforms-field-label {
font-size: calc(var(--pageTypoHelperClassFontSizeM) * .6) !important;
line-height: 1.2
}
@media (min-width:768px) {
.module-poll .module__outer__inner.size-m .wpforms-poll-results .wpforms-poll-label,
.module-poll .module__outer__inner.size-m div.wpforms-container.poll .wpforms-form .wpforms-field-label {
font-size: var(--pageTypoHelperClassFontSizeM) !important;
line-height: 1.2
}
}
.module-poll .module__outer__inner.size-l .wpforms-poll-results .wpforms-poll-label,
.module-poll .module__outer__inner.size-l div.wpforms-container.poll .wpforms-form .wpforms-field-label {
font-size: calc(var(--pageTypoHelperClassFontSizeL) * .35) !important
}
@media (min-width:768px) {
.module-poll .module__outer__inner.size-l .wpforms-poll-results .wpforms-poll-label,
.module-poll .module__outer__inner.size-l div.wpforms-container.poll .wpforms-form .wpforms-field-label {
font-size: calc(var(--pageTypoHelperClassFontSizeL) * .7) !important;
line-height: 1.1
}
}
.module-poll .module__outer__inner.size-xl .wpforms-poll-results .wpforms-poll-label,
.module-poll .module__outer__inner.size-xl div.wpforms-container.poll .wpforms-form .wpforms-field-label {
font-size: calc(var(--pageTypoHelperClassFontSizeXL) * .35) !important
}
@media (min-width:768px) {
.module-poll .module__outer__inner.size-xl .wpforms-poll-results .wpforms-poll-label,
.module-poll .module__outer__inner.size-xl div.wpforms-container.poll .wpforms-form .wpforms-field-label {
font-size: calc(var(--pageTypoHelperClassFontSizeXL) * .7) !important;
line-height: 1.1
}
}
@media (min-width:1640px) {
.module-poll .module__outer__inner.size-xl .wpforms-poll-results .wpforms-poll-label,
.module-poll .module__outer__inner.size-xl div.wpforms-container.poll .wpforms-form .wpforms-field-label {
font-size: var(--pageTypoHelperClassFontSizeXL) !important;
line-height: 1.1
}
}
.module-poll .module__outer__inner.bar-color-black .wpforms-poll-results .wpforms-poll-answer-bar-wrap {
background-color: transparent !important;
border-color: transparent !important
}
.module-poll .module__outer__inner.bar-color-black .wpforms-poll-results .wpforms-poll-answer-bar {
background-color: #000 !important;
border-color: transparent !important;
border-radius: 0 12px 12px 0
}
.module-poll .module__outer__inner.bar-color-white .wpforms-poll-results .wpforms-poll-answer-bar-wrap {
background-color: transparent !important;
border-color: transparent !important;
border-radius: 0 12px 12px 0
}
.module-poll .module__outer__inner.bar-color-white .wpforms-poll-results .wpforms-poll-answer-bar {
background-color: #fff !important;
border-color: transparent !important;
border-radius: 0 12px 12px 0
}
.module-poll .module__outer__inner.bar-color-brand .wpforms-poll-results .wpforms-poll-answer-bar-wrap {
background-color: transparent !important;
border-color: transparent !important
}
.module-poll .module__outer__inner.bar-color-brand .wpforms-poll-results .wpforms-poll-answer-bar {
background-color: var(--pageBrandColor) !important;
border-color: transparent !important;
border-radius: 0 12px 12px 0
}
.module-poll .module__outer__inner.bar-color-accent .wpforms-poll-results .wpforms-poll-answer-bar-wrap {
background-color: transparent !important;
border-color: transparent !important
}
.module-poll .module__outer__inner.bar-color-accent .wpforms-poll-results .wpforms-poll-answer-bar {
background-color: var(--pageAccentColor) !important;
border-color: transparent !important;
border-radius: 0 12px 12px 0
}
.module-poll .module__outer__inner.bar-color-grey .wpforms-poll-results .wpforms-poll-answer-bar-wrap {
background-color: transparent !important;
border-color: transparent !important
}
.module-poll .module__outer__inner.bar-color-grey .wpforms-poll-results .wpforms-poll-answer-bar {
background-color: #f5f5f5 !important;
border-color: transparent !important;
border-radius: 0 12px 12px 0
}
.module-spacer .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto
}
.module-spacer .module__outer__inner.spacer-height-s {
height: calc(var(--pageModuleSpaceS) * var(--pageModuleSpaceMobileFactor))
}
@media (min-width:768px) {
.module-spacer .module__outer__inner.spacer-height-s {
height: var(--pageModuleSpaceS)
}
}
.module-spacer .module__outer__inner.spacer-height-m {
height: calc(var(--pageModuleSpaceM) * var(--pageModuleSpaceMobileFactor))
}
@media (min-width:768px) {
.module-spacer .module__outer__inner.spacer-height-m {
height: var(--pageModuleSpaceM)
}
}
.module-spacer .module__outer__inner.spacer-height-l {
height: calc(var(--pageModuleSpaceL) * var(--pageModuleSpaceMobileFactor))
}
@media (min-width:768px) {
.module-spacer .module__outer__inner.spacer-height-l {
height: var(--pageModuleSpaceL)
}
}
.module-newsletter .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto
}
.module-newsletter .module__outer__inner .ww-form.hide {
display: none
}
.module-newsletter .module__outer__inner .module-newsletter_error {
padding-top: 30px;
font-size: 14px;
color: #d33c2e;
display: none
}
.module-newsletter .module__outer__inner .module-newsletter_error.show {
display: block
}
.module-newsletter .module__outer__inner .module-newsletter_success {
padding-top: 30px;
font-size: 20px;
display: none
}
.module-newsletter .module__outer__inner .module-newsletter_success.show {
display: block
}
.module-categories-grid .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto
}
.module-categories-grid .module__outer__inner .categories-grid {
display: flex;
flex-direction: row;
flex-wrap: wrap
}
.module-categories-grid .module__outer__inner .categories-grid__item {
position: relative;
width: 100%;
display: block;
padding-bottom: 100%
}
@media (min-width:768px) {
.module-categories-grid .module__outer__inner .categories-grid__item {
width: 50%;
padding-bottom: 50%
}
}
.module-categories-grid .module__outer__inner .categories-grid__item.big {
width: 100%
}
@media (min-width:768px) {
.module-categories-grid .module__outer__inner .categories-grid__item.big {
width: 100%;
padding-bottom: 42.85%
}
}
.module-categories-grid .module__outer__inner .categories-grid__item.big .categories-grid__item__overlay {
padding: 73px 60px
}
.module-categories-grid .module__outer__inner .categories-grid__item__media {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%
}
.module-categories-grid .module__outer__inner .categories-grid__item__media__image {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
.module-categories-grid .module__outer__inner .categories-grid__item__overlay {
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 100%;
height: 100%;
padding: 60px 60px
}
.module-products-grid .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto
}
.module-products-grid .module__outer__inner .module-products-grid__inner {
--gap: 30px;
--columns: 1;
display: flex;
width: 100%;
flex-wrap: wrap;
gap: var(--gap);
row-gap: 60px
}
@media (min-width:640px) {
.module-products-grid .module__outer__inner .module-products-grid__inner {
--columns: 2
}
}
@media (min-width:992px) {
.module-products-grid .module__outer__inner .module-products-grid__inner {
--columns: 4
}
}
.module-products-grid .module__outer__inner .module-products-grid__inner .module-products-grid__item {
width: calc((100% / var(--columns)) - var(--gap) + (var(--gap)/ var(--columns)));
text-decoration: none
}
.module-products-grid .module__outer__inner .module-products-grid__inner .module-products-grid__item:hover .module-products-grid__item__media img {
filter: brightness(1)
}
.module-products-grid .module__outer__inner .module-products-grid__inner .module-products-grid__item__media {
padding-bottom: 15px
}
.module-products-grid .module__outer__inner .module-products-grid__inner .module-products-grid__item__media img {
filter: brightness(.7);
transition: all .3s ease
}
.module-products-grid .module__outer__inner .module-products-grid__inner .module-products-grid__item__headline {
padding-bottom: 0
}
.module-category-breadcrumb .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto
}
.module-category-breadcrumb .module__outer .module-category-breadcrumb__list {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-direction: row;
flex-wrap: wrap
}
.module-category-breadcrumb .module__outer .module-category-breadcrumb__list__item a {
display: inline-block;
padding: 10px 20px;
border: 1px solid #5d5c5c;
border-radius: 9px;
margin-right: 10px;
color: #5d5c5c;
text-decoration: none;
transition: all .2s ease-in-out
}
.module-category-breadcrumb .module__outer .module-category-breadcrumb__list__item a.active,
.module-category-breadcrumb .module__outer .module-category-breadcrumb__list__item a:hover {
color: #fff;
background-color: #5d5c5c
}
.module-logo-wall .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto
}
.module-logo-wall .module__outer .module__outer__inner .module-logo-wall__list {
display: flex;
flex-wrap: wrap;
--flex-gap: 60px;
-moz-column-gap: var(--flex-gap);
column-gap: var(--flex-gap);
row-gap: calc(var(--flex-gap) * 1);
padding-bottom: 60px
}
.module-logo-wall .module__outer .module__outer__inner .module-logo-wall__list__item {
width: calc((100% / 3) - (((3 - 1)/ 3) * var(--flex-gap)))
}
@media (min-width:640px) {
.module-logo-wall .module__outer .module__outer__inner .module-logo-wall__list__item {
width: calc((100% / 5) - (((5 - 1)/ 5) * var(--flex-gap)))
}
}
@media (min-width:768px) {
.module-logo-wall .module__outer .module__outer__inner .module-logo-wall__list__item {
width: calc((100% / 6) - (((6 - 1)/ 6) * var(--flex-gap)))
}
}
.module-logo-wall .module__outer .module__outer__inner .module-logo-wall__list__item__media {
transition: all .4s ease;
position: relative
}
.module-logo-wall .module__outer .module__outer__inner .module-logo-wall__list__item__media::after {
content: "";
width: 100%;
height: 100%;
position: absolute;
background-color: transparent;
top: 0;
left: 0;
z-index: 1;
mix-blend-mode: lighten;
transition: all .4s ease;
display: block
}
.module-logo-wall .module__outer .module__outer__inner .module-logo-wall__list__item__media.zoom-on-hover::after {
background-color: #d33c2e
}
.module-projectdetails .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto
}
.module-projectdetails .module__outer__inner .module-projectdetails__grid {
display: flex;
flex-wrap: wrap;
--flex-gap: 20px;
-moz-column-gap: var(--flex-gap);
column-gap: var(--flex-gap);
row-gap: calc(var(--flex-gap) * 3);
padding-bottom: 60px
}
.module-projectdetails .module__outer__inner .module-projectdetails__grid__item {
width: calc((100% / 2) - (((2 - 1)/ 2) * var(--flex-gap)))
}
@media (min-width:640px) {
.module-projectdetails .module__outer__inner .module-projectdetails__grid__item {
width: calc((100% / 2) - (((2 - 1)/ 2) * var(--flex-gap)))
}
}
@media (min-width:768px) {
.module-projectdetails .module__outer__inner .module-projectdetails__grid__item {
width: calc((100% / 3) - (((3 - 1)/ 3) * var(--flex-gap)))
}
}
.module-jobs-grid .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto
}
.module-jobs-grid .module__outer__inner .module-jobs-grid__inner .job-item {
display: block;
width: 100%;
padding: 25px 60px 25px 20px;
border-top: none;
border-bottom: 1px solid #000;
text-decoration: none
}
@media (min-width:640px) {
.module-jobs-grid .module__outer__inner .module-jobs-grid__inner .job-item {
padding: 25px 60px
}
}
.module-jobs-grid .module__outer__inner .module-jobs-grid__inner .job-item:hover .job-item__headline::after {
right: 0;
transform: translateY(-50%) rotate(90deg)
}
.module-jobs-grid .module__outer__inner .module-jobs-grid__inner .job-item:first-of-type {
border-top: 1px solid #000;
border-bottom: 1px solid #000
}
.module-jobs-grid .module__outer__inner .module-jobs-grid__inner .job-item__headline {
position: relative;
width: 100%;
padding-bottom: 0
}
.module-jobs-grid .module__outer__inner .module-jobs-grid__inner .job-item__headline::after {
content: '\e90c';
font-family: WW-Default-Icons-2022-Q2;
position: absolute;
top: 50%;
right: -40px;
color: #000;
font-size: 24px;
transform: translateY(-50%);
display: inline-block;
transition: all .3s ease;
transform-origin: center center
}
@media (min-width:640px) {
.module-jobs-grid .module__outer__inner .module-jobs-grid__inner .job-item__headline::after {
right: 10px
}
}
.module-jobs-grid.bg-color-black .job-item {
border-color: #fff !important
}
.module-jobs-grid.bg-color-black .job-item__headline {
color: #fff !important
}
.module-jobs-grid.bg-color-black .job-item__headline::after {
color: #fff !important
}
.module-joblist2cols .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto
}
.module-joblist2cols .module__outer__inner {
display: flex;
flex-wrap: wrap;
gap: 45px
}
.module-joblist2cols .module__outer__inner .module-joblist2cols__col {
width: 100%
}
@media (min-width:640px) {
.module-joblist2cols .module__outer__inner .module-joblist2cols__col {
width: calc((100% / 2) - (((2 - 1)/ 2) * 45px))
}
}
.module-joblist2cols .module__outer__inner .module-joblist2cols__col ul li {
padding-bottom: 15px
}
.module-joblist2cols .module__outer__inner .module-joblist2cols__col ul li:last-of-type {
padding-bottom: 0
}
.module-job-contact .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto
}
.module-job-contact .module__outer__inner {
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
text-decoration: none;
color: inherit
}
@media (min-width:992px) {
.module-job-contact .module__outer__inner {
display: flex;
flex-direction: row;
align-items: stretch;
justify-content: space-between;
width: 100%
}
}
.module-job-contact .module__outer__inner.indentbefore-none .module-job-contact__text__wrapper {
padding-left: 8.33333%;
padding-right: 8.33333%
}
@media (min-width:992px) {
.module-job-contact .module__outer__inner.indentbefore-none .module-job-contact__text__wrapper {
padding-left: var(--pageModuleIndentS);
padding-right: var(--pageModuleIndentS)
}
}
.module-job-contact .module__outer__inner:hover {
text-decoration: none
}
.module-job-contact .module__outer__inner.text-right {
flex-direction: column-reverse;
text-align: left !important
}
@media (min-width:992px) {
.module-job-contact .module__outer__inner.text-right {
flex-direction: row-reverse
}
}
@media (min-width:992px) {
.module-job-contact .module__outer__inner.text-right .module-job-contact__text__wrapper {
padding-right: var(--pageModuleIndentS)
}
}
.module-job-contact .module__outer__inner.text-left {
flex-direction: column-reverse
}
@media (min-width:992px) {
.module-job-contact .module__outer__inner.text-left {
flex-direction: row
}
}
@media (min-width:992px) {
.module-job-contact .module__outer__inner.text-left .module-job-contact__text__wrapper {
padding-right: var(--pageModuleIndentS)
}
}
.module-job-contact .module__outer__inner .module-job-contact__text {
width: 100%;
flex: 1;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='149' height='108.473'%3E%3Cg data-name='Gruppe 1351'%3E%3Cg data-name='Gruppe 1345'%3E%3Cpath data-name='Pfad 571' d='M96.913 0 55.004 39.852V67.6l47 40.869h47L83.441 53.037 142.115 0Z' fill='%235d5c5c'/%3E%3C/g%3E%3Cg data-name='Gruppe 1346'%3E%3Cpath data-name='Pfad 572' d='M0 0v108.473h33.229V66.822H44.92V39.853H33.229V0Z' fill='%235d5c5c'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-position: bottom 98px right 8.33333%;
background-size: 60px;
background-repeat: no-repeat
}
@media (min-width:992px) {
.module-job-contact .module__outer__inner .module-job-contact__text {
background-position: bottom 52px right 8.33333%;
background-size: 90px;
width: 50%;
min-height: 100%
}
}
.module-job-contact .module__outer__inner .module-job-contact__text__wrapper {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
height: 100%;
padding: 60px 0 90px
}
@media (min-width:992px) {
.module-job-contact .module__outer__inner .module-job-contact__text__wrapper {
padding: 60px 0 45px
}
}
.module-job-contact .module__outer__inner .module-job-contact__text__wrapper__top {
align-self: flex-start
}
.module-job-contact .module__outer__inner .module-job-contact__text__wrapper__top h2 {
max-width: 100%
}
.module-job-contact .module__outer__inner .module-job-contact__text__wrapper__top h3 {
max-width: 100%
}
.module-job-contact .module__outer__inner .module-job-contact__text__wrapper__bottom {
text-align: left
}
.module-job-contact .module__outer__inner .module-job-contact__text__wrapper__bottom p {
max-width: 100%
}
.module-job-contact .module__outer__inner .module-job-contact__text__wrapper__bottom p:last-of-type {
padding-bottom: 0
}
.module-job-contact .module__outer__inner .module-job-contact__text__wrapper__bottom a {
text-decoration: underline;
margin-bottom: 7.5px;
display: inline-block
}
.module-job-contact .module__outer__inner .module-job-contact__text__wrapper__bottom button {
margin-top: 20px
}
.module-job-contact .module__outer__inner .module-job-contact__media {
width: 100%;
flex: 1
}
@media (min-width:992px) {
.module-job-contact .module__outer__inner .module-job-contact__media {
width: 50%;
min-height: 100%
}
}
.module-job-contact .module__outer__inner .module-job-contact__media .tint {
position: relative;
margin: 0
}
.module-job-contact .module__outer__inner .module-job-contact__media .tint::after {
content: "";
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
background-color: transparent;
mix-blend-mode: multiply
}
.module-job-contact .module__outer__inner .module-job-contact__media .tint.brand::after {
background-color: var(--pageBrandColor)
}
.module-job-contact .module__outer__inner .module-job-contact__media .tint.accent::after {
background-color: var(--pageAccentColor)
}
.module-job-contact .module__outer__inner .module-job-contact__media__caption {
padding-top: 15px;
max-width: 85%;
text-align: left
}
.module-job-contact .module__outer__inner.image-width-xs .module-job-contact__text {
width: 100%
}
@media (min-width:992px) {
.module-job-contact .module__outer__inner.image-width-xs .module-job-contact__text {
width: 70%
}
}
.module-job-contact .module__outer__inner.image-width-xs .module-job-contact__media {
width: 100%
}
@media (min-width:992px) {
.module-job-contact .module__outer__inner.image-width-xs .module-job-contact__media {
width: 30%
}
}
.module-job-contact .module__outer__inner.image-width-s .module-job-contact__text {
width: 100%
}
@media (min-width:992px) {
.module-job-contact .module__outer__inner.image-width-s .module-job-contact__text {
width: 60%
}
}
.module-job-contact .module__outer__inner.image-width-s .module-job-contact__media {
width: 100%
}
@media (min-width:992px) {
.module-job-contact .module__outer__inner.image-width-s .module-job-contact__media {
width: 40%
}
}
.module-job-contact .module__outer__inner.image-width-m .module-job-contact__text {
width: 100%
}
@media (min-width:992px) {
.module-job-contact .module__outer__inner.image-width-m .module-job-contact__text {
width: 50%
}
}
.module-job-contact .module__outer__inner.image-width-m .module-job-contact__media {
width: 100%
}
@media (min-width:992px) {
.module-job-contact .module__outer__inner.image-width-m .module-job-contact__media {
width: 50%
}
}
.module-job-contact .module__outer__inner.image-width-l .module-job-contact__text {
width: 100%
}
@media (min-width:992px) {
.module-job-contact .module__outer__inner.image-width-l .module-job-contact__text {
width: 40%
}
}
.module-job-contact .module__outer__inner.image-width-l .module-job-contact__media {
width: 100%
}
@media (min-width:992px) {
.module-job-contact .module__outer__inner.image-width-l .module-job-contact__media {
width: 60%
}
}
.module-job-contact .module__outer__inner.image-width-xl .module-job-contact__text {
width: 100%
}
@media (min-width:992px) {
.module-job-contact .module__outer__inner.image-width-xl .module-job-contact__text {
width: 30%
}
}
.module-job-contact .module__outer__inner.image-width-xl .module-job-contact__media {
width: 100%
}
@media (min-width:992px) {
.module-job-contact .module__outer__inner.image-width-xl .module-job-contact__media {
width: 70%
}
}
.module-job-contact.bg-color-accent .module-job-contact__text {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='149' height='108.473'%3E%3Cg data-name='Gruppe 1351'%3E%3Cg data-name='Gruppe 1345'%3E%3Cpath data-name='Pfad 571' d='M96.913 0 55.004 39.852V67.6l47 40.869h47L83.441 53.037 142.115 0Z' fill='%23fff'/%3E%3C/g%3E%3Cg data-name='Gruppe 1346'%3E%3Cpath data-name='Pfad 572' d='M0 0v108.473h33.229V66.822H44.92V39.853H33.229V0Z' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}
.module-job-contact.bg-color-accent .module-job-contact__text__wrapper a,
.module-job-contact.bg-color-accent .module-job-contact__text__wrapper h2,
.module-job-contact.bg-color-accent .module-job-contact__text__wrapper p {
color: #fff !important
}
.module-job-contact.bg-color-accent .module-job-contact__text__wrapper .button {
border-color: #fff !important;
color: #fff !important
}
.module-job-contact.bg-color-accent .module-job-contact__text__wrapper .module-job-contact__text__wrapper__bottom h3 {
color: #fff !important
}
.module-job-contact.bg-color-black .module-job-contact__text {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='149' height='108.473'%3E%3Cg data-name='Gruppe 1351'%3E%3Cg data-name='Gruppe 1345'%3E%3Cpath data-name='Pfad 571' d='M96.913 0 55.004 39.852V67.6l47 40.869h47L83.441 53.037 142.115 0Z' fill='%23fff'/%3E%3C/g%3E%3Cg data-name='Gruppe 1346'%3E%3Cpath data-name='Pfad 572' d='M0 0v108.473h33.229V66.822H44.92V39.853H33.229V0Z' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}
.module-job-contact.bg-color-black .module-job-contact__text__wrapper a,
.module-job-contact.bg-color-black .module-job-contact__text__wrapper h2,
.module-job-contact.bg-color-black .module-job-contact__text__wrapper p {
color: #fff !important
}
.module-job-contact.bg-color-black .module-job-contact__text__wrapper .button {
border-color: #fff !important;
color: #fff !important
}
.module-job-contact.bg-color-black .module-job-contact__text__wrapper .module-job-contact__text__wrapper__bottom h3 {
color: #fff !important
}
.module-job-contact.k-color-black .module-job-contact__text {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='149' height='108.473'%3E%3Cg data-name='Gruppe 1351'%3E%3Cg data-name='Gruppe 1345'%3E%3Cpath data-name='Pfad 571' d='M96.913 0 55.004 39.852V67.6l47 40.869h47L83.441 53.037 142.115 0Z' fill='%23000'/%3E%3C/g%3E%3Cg data-name='Gruppe 1346'%3E%3Cpath data-name='Pfad 572' d='M0 0v108.473h33.229V66.822H44.92V39.853H33.229V0Z' fill='%23000'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}
.module-job-contact.k-color-white .module-job-contact__text {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='149' height='108.473'%3E%3Cg data-name='Gruppe 1351'%3E%3Cg data-name='Gruppe 1345'%3E%3Cpath data-name='Pfad 571' d='M96.913 0 55.004 39.852V67.6l47 40.869h47L83.441 53.037 142.115 0Z' fill='%23fff'/%3E%3C/g%3E%3Cg data-name='Gruppe 1346'%3E%3Cpath data-name='Pfad 572' d='M0 0v108.473h33.229V66.822H44.92V39.853H33.229V0Z' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}
.module-job-contact.k-color-accent .module-job-contact__text {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='149' height='108.473'%3E%3Cg data-name='Gruppe 1351'%3E%3Cg data-name='Gruppe 1345'%3E%3Cpath data-name='Pfad 571' d='M96.913 0 55.004 39.852V67.6l47 40.869h47L83.441 53.037 142.115 0Z' fill='%23E30613'/%3E%3C/g%3E%3Cg data-name='Gruppe 1346'%3E%3Cpath data-name='Pfad 572' d='M0 0v108.473h33.229V66.822H44.92V39.853H33.229V0Z' fill='%23E30613'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}
.module-job-contact.k-color-brand .module-job-contact__text {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='149' height='108.473'%3E%3Cg data-name='Gruppe 1351'%3E%3Cg data-name='Gruppe 1345'%3E%3Cpath data-name='Pfad 571' d='M96.913 0 55.004 39.852V67.6l47 40.869h47L83.441 53.037 142.115 0Z' fill='%235D5C5C'/%3E%3C/g%3E%3Cg data-name='Gruppe 1346'%3E%3Cpath data-name='Pfad 572' d='M0 0v108.473h33.229V66.822H44.92V39.853H33.229V0Z' fill='%235D5C5C'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}
.module-joblist .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto
}
.module-jobsteps .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto
}
.module-jobsteps .module__outer__inner {
display: flex;
flex-wrap: wrap
}
.module-jobsteps .module__outer__inner .module-jobsteps__step {
position: relative;
width: 100%;
padding-bottom: 120%
}
@media (min-width:640px) {
.module-jobsteps .module__outer__inner .module-jobsteps__step {
width: 50%;
padding-bottom: 85%
}
}
@media (min-width:992px) {
.module-jobsteps .module__outer__inner .module-jobsteps__step {
width: 25%;
padding-bottom: 50%
}
}
.module-jobsteps .module__outer__inner .module-jobsteps__step__image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
z-index: 1;
filter: brightness(56%)
}
.module-jobsteps .module__outer__inner .module-jobsteps__step__overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
color: #fff;
z-index: 2;
padding: 45px 8.33333%;
display: flex;
flex-direction: column;
justify-content: space-between
}
.module-jobsteps .module__outer__inner .module-jobsteps__step__overlay .top {
justify-self: flex-start
}
.module-jobsteps .module__outer__inner .module-jobsteps__step__overlay .top h3 {
padding-bottom: 45px
}
.module-jobsteps .module__outer__inner .module-jobsteps__step__overlay .top h4 {
justify-self: flex-start
}
.module-jobsteps .module__outer__inner .module-jobsteps__step__overlay p {
justify-self: flex-end
}
.module-kraiss-quote .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto
}
.module-kraiss-quote .module__outer__inner {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='149' height='108.473'%3E%3Cg data-name='Gruppe 1351'%3E%3Cg data-name='Gruppe 1345'%3E%3Cpath data-name='Pfad 571' d='M96.913 0 55.004 39.852V67.6l47 40.869h47L83.441 53.037 142.115 0Z' fill='%235d5c5c'/%3E%3C/g%3E%3Cg data-name='Gruppe 1346'%3E%3Cpath data-name='Pfad 572' d='M0 0v108.473h33.229V66.822H44.92V39.853H33.229V0Z' fill='%235d5c5c'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-position: top 0 left 0;
background-size: 60px;
background-repeat: no-repeat
}
@media (min-width:640px) {
.module-kraiss-quote .module__outer__inner {
background-size: 80px
}
}
.module-kraiss-quote .module__outer__inner.spacebefore-m {
background-position: top calc(var(--pageModuleSpaceM) - 20px) left 7%
}
.module-kraiss-quote .module__outer__inner figure {
display: block;
margin: 0;
padding-left: 13%
}
.module-kraiss-quote .module__outer__inner figure .quote-author {
display: block;
padding-bottom: 45px;
line-height: 1.1
}
.module-kraiss-quote .module__outer__inner figure .quote-copy {
display: block;
line-height: var(--pageModuleQuoteLineHeight);
margin: 0;
padding: 0
}
.module-kraiss-quote .module__outer__inner figure .quote-copy::after {
font-size: var(--pageTypoHelperClassFontSizeXL);
position: absolute;
left: 5px;
top: -23px
}
.module-kraiss-quote.bg-color-accent .module__outer__inner {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='149' height='108.473'%3E%3Cg data-name='Gruppe 1351'%3E%3Cg data-name='Gruppe 1345'%3E%3Cpath data-name='Pfad 571' d='M96.913 0 55.004 39.852V67.6l47 40.869h47L83.441 53.037 142.115 0Z' fill='%23fff'/%3E%3C/g%3E%3Cg data-name='Gruppe 1346'%3E%3Cpath data-name='Pfad 572' d='M0 0v108.473h33.229V66.822H44.92V39.853H33.229V0Z' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}
.module-kraiss-quote.bg-color-black .module__outer__inner {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='149' height='108.473'%3E%3Cg data-name='Gruppe 1351'%3E%3Cg data-name='Gruppe 1345'%3E%3Cpath data-name='Pfad 571' d='M96.913 0 55.004 39.852V67.6l47 40.869h47L83.441 53.037 142.115 0Z' fill='%23fff'/%3E%3C/g%3E%3Cg data-name='Gruppe 1346'%3E%3Cpath data-name='Pfad 572' d='M0 0v108.473h33.229V66.822H44.92V39.853H33.229V0Z' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}
.module-teaser-6-6 .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto
}
.module-teaser-6-6 .module__outer__inner {
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
text-decoration: none;
color: inherit
}
@media (min-width:992px) {
.module-teaser-6-6 .module__outer__inner {
display: flex;
flex-direction: row;
align-items: stretch;
justify-content: space-between;
width: 100%
}
}
.module-teaser-6-6 .module__outer__inner:hover {
text-decoration: none
}
.module-teaser-6-6 .module__outer__inner .module-teaser-6-6__text {
width: 100%;
flex: 1;
position: relative
}
@media (min-width:992px) {
.module-teaser-6-6 .module__outer__inner .module-teaser-6-6__text {
width: 50%;
min-height: 100%
}
}
.module-teaser-6-6 .module__outer__inner .module-teaser-6-6__text__media img {
filter: brightness(.7)
}
.module-teaser-6-6 .module__outer__inner .module-teaser-6-6__text__wrapper {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
width: 100%;
height: 100%;
padding: 60px 8.3333% 45px;
position: absolute;
top: 0;
left: 0;
z-index: 2
}
@media (min-width:640px) {
.module-teaser-6-6 .module__outer__inner .module-teaser-6-6__text__wrapper {
padding: 60px var(--pageModuleIndentS) 45px
}
}
.module-teaser-6-6 .module__outer__inner .module-teaser-6-6__text__wrapper__top {
align-self: flex-start
}
.module-teaser-6-6 .module__outer__inner .module-teaser-6-6__text__wrapper__top h2 {
max-width: 100%
}
.module-teaser-6-6 .module__outer__inner .module-teaser-6-6__text__wrapper__top h3 {
max-width: 100%
}
.module-teaser-6-6 .module__outer__inner .module-teaser-6-6__text__wrapper__bottom {
text-align: left;
width: 100%
}
.module-teaser-6-6 .module__outer__inner .module-teaser-6-6__text__wrapper__bottom p {
max-width: 100%
}
.module-teaser-6-6 .module__outer__inner .module-teaser-6-6__text__wrapper__bottom a {
text-decoration: underline;
display: inline-block
}
.module-teaser-6-6 .module__outer__inner .module-teaser-6-6__text__wrapper__bottom a.button {
margin-top: 30px
}
.module-teaser-6-6 .module__outer__inner .module-teaser-6-6__text__wrapper__bottom .button {
margin-top: 10px
}
.module-teaser-6-6 .module__outer__inner .module-teaser-6-6__quote {
width: 100%;
flex: 1;
position: relative;
background-color: var(--pageAccentColor);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='149' height='108.473'%3E%3Cg data-name='Gruppe 1351'%3E%3Cg data-name='Gruppe 1345'%3E%3Cpath data-name='Pfad 571' d='M96.913 0 55.004 39.852V67.6l47 40.869h47L83.441 53.037 142.115 0Z' fill='%23fff'/%3E%3C/g%3E%3Cg data-name='Gruppe 1346'%3E%3Cpath data-name='Pfad 572' d='M0 0v108.473h33.229V66.822H44.92V39.853H33.229V0Z' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-position: bottom 60px right 8.33333%;
background-size: 60px;
background-repeat: no-repeat
}
@media (min-width:992px) {
.module-teaser-6-6 .module__outer__inner .module-teaser-6-6__quote {
width: 50%;
min-height: 100%
}
}
.module-teaser-6-6 .module__outer__inner .module-teaser-6-6__quote__wrapper {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
width: 100%;
padding: 160px 8.3333% 145px
}
@media (min-width:992px) {
.module-teaser-6-6 .module__outer__inner .module-teaser-6-6__quote__wrapper {
position: absolute;
top: 0;
left: 0;
z-index: 2;
height: 100%;
padding: 60px 8.3333% 45px
}
}
.module-teaser-6-6 .module__outer__inner .module-teaser-6-6__quote__wrapper__top {
align-self: flex-start
}
.module-teaser-6-6 .module__outer__inner .module-teaser-6-6__quote__wrapper__top figure {
margin: 0
}
.module-teaser-6-6 .module__outer__inner .module-teaser-6-6__quote__wrapper__top figure .quote-copy {
margin: 0;
line-height: 1.3
}
.module-teaser-6-6 .module__outer__inner .module-teaser-6-6__quote__wrapper__bottom {
text-align: left;
padding-top: 60px
}
@media (min-width:992px) {
.module-teaser-6-6 .module__outer__inner .module-teaser-6-6__quote__wrapper__bottom {
padding-top: 0
}
}
.module-teaser-6-6 .module__outer__inner .module-teaser-6-6__media {
width: 100%;
flex: 1
}
@media (min-width:992px) {
.module-teaser-6-6 .module__outer__inner .module-teaser-6-6__media {
width: 50%;
min-height: 100%
}
}
.module-teaser-6-6 .module__outer__inner .module-teaser-6-6__media .tint {
position: relative;
margin: 0
}
.module-teaser-6-6 .module__outer__inner .module-teaser-6-6__media .tint::after {
content: "";
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
background-color: transparent;
mix-blend-mode: multiply
}
.module-teaser-6-6 .module__outer__inner .module-teaser-6-6__media .tint.brand::after {
background-color: var(--pageBrandColor)
}
.module-teaser-6-6 .module__outer__inner .module-teaser-6-6__media .tint.accent::after {
background-color: var(--pageAccentColor)
}
.module-teaser-6-6 .module__outer__inner .module-teaser-6-6__media__caption {
padding-top: 15px;
max-width: 85%;
text-align: left
}
.module-teaser-6-6 .module__outer__inner.image-width-xs .module-teaser-6-6__text {
width: 100%
}
@media (min-width:992px) {
.module-teaser-6-6 .module__outer__inner.image-width-xs .module-teaser-6-6__text {
width: 70%
}
}
.module-teaser-6-6 .module__outer__inner.image-width-xs .module-teaser-6-6__media {
width: 100%
}
@media (min-width:992px) {
.module-teaser-6-6 .module__outer__inner.image-width-xs .module-teaser-6-6__media {
width: 30%
}
}
.module-teaser-6-6 .module__outer__inner.image-width-s .module-teaser-6-6__text {
width: 100%
}
@media (min-width:992px) {
.module-teaser-6-6 .module__outer__inner.image-width-s .module-teaser-6-6__text {
width: 60%
}
}
.module-teaser-6-6 .module__outer__inner.image-width-s .module-teaser-6-6__media {
width: 100%
}
@media (min-width:992px) {
.module-teaser-6-6 .module__outer__inner.image-width-s .module-teaser-6-6__media {
width: 40%
}
}
.module-teaser-6-6 .module__outer__inner.image-width-m .module-teaser-6-6__text {
width: 100%
}
@media (min-width:992px) {
.module-teaser-6-6 .module__outer__inner.image-width-m .module-teaser-6-6__text {
width: 50%
}
}
.module-teaser-6-6 .module__outer__inner.image-width-m .module-teaser-6-6__media {
width: 100%
}
@media (min-width:992px) {
.module-teaser-6-6 .module__outer__inner.image-width-m .module-teaser-6-6__media {
width: 50%
}
}
.module-teaser-6-6 .module__outer__inner.image-width-l .module-teaser-6-6__text {
width: 100%
}
@media (min-width:992px) {
.module-teaser-6-6 .module__outer__inner.image-width-l .module-teaser-6-6__text {
width: 40%
}
}
.module-teaser-6-6 .module__outer__inner.image-width-l .module-teaser-6-6__media {
width: 100%
}
@media (min-width:992px) {
.module-teaser-6-6 .module__outer__inner.image-width-l .module-teaser-6-6__media {
width: 60%
}
}
.module-teaser-6-6 .module__outer__inner.image-width-xl .module-teaser-6-6__text {
width: 100%
}
@media (min-width:992px) {
.module-teaser-6-6 .module__outer__inner.image-width-xl .module-teaser-6-6__text {
width: 30%
}
}
.module-teaser-6-6 .module__outer__inner.image-width-xl .module-teaser-6-6__media {
width: 100%
}
@media (min-width:992px) {
.module-teaser-6-6 .module__outer__inner.image-width-xl .module-teaser-6-6__media {
width: 70%
}
}
.module-teaser-6-6.bg-color-accent .module-teaser-6-6__text__wrapper h2,
.module-teaser-6-6.bg-color-accent .module-teaser-6-6__text__wrapper h3,
.module-teaser-6-6.bg-color-accent .module-teaser-6-6__text__wrapper p {
color: #fff !important
}
.module-teaser-6-6.bg-color-accent .module-teaser-6-6__text__wrapper .button {
border-color: #fff !important;
color: #fff !important
}
.module-teaser-6-3-3 .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto
}
.module-teaser-6-3-3 .module__outer__inner {
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
text-decoration: none;
color: inherit
}
@media (min-width:992px) {
.module-teaser-6-3-3 .module__outer__inner {
display: flex;
flex-direction: row;
align-items: stretch;
justify-content: space-between;
width: 100%
}
}
.module-teaser-6-3-3 .module__outer__inner:hover {
text-decoration: none
}
.module-teaser-6-3-3 .module__outer__inner .module-teaser-6-3-3__text {
width: 100%;
position: relative;
padding-bottom: 100%
}
@media (min-width:992px) {
.module-teaser-6-3-3 .module__outer__inner .module-teaser-6-3-3__text {
width: 100%;
padding-bottom: 50%
}
.module-teaser-6-3-3 .module__outer__inner .module-teaser-6-3-3__text.first,
.module-teaser-6-3-3 .module__outer__inner .module-teaser-6-3-3__text.second {
width: 50%
}
}
@media (min-width:1280px) {
.module-teaser-6-3-3 .module__outer__inner .module-teaser-6-3-3__text {
width: 50%;
padding-bottom: 50%
}
.module-teaser-6-3-3 .module__outer__inner .module-teaser-6-3-3__text.second,
.module-teaser-6-3-3 .module__outer__inner .module-teaser-6-3-3__text.third {
width: 25%
}
}
.module-teaser-6-3-3 .module__outer__inner .module-teaser-6-3-3__text__media {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1
}
.module-teaser-6-3-3 .module__outer__inner .module-teaser-6-3-3__text__media img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
filter: brightness(.7)
}
.module-teaser-6-3-3 .module__outer__inner .module-teaser-6-3-3__text__wrapper {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
width: 100%;
height: 100%;
padding: 60px 8.33333% 45px;
position: absolute;
top: 0;
left: 0;
z-index: 2
}
@media (min-width:640px) {
.module-teaser-6-3-3 .module__outer__inner .module-teaser-6-3-3__text__wrapper {
padding: 60px var(--pageModuleIndentS) 45px
}
}
.module-teaser-6-3-3 .module__outer__inner .module-teaser-6-3-3__text__wrapper__top {
align-self: flex-start
}
.module-teaser-6-3-3 .module__outer__inner .module-teaser-6-3-3__text__wrapper__top h2 {
max-width: 100%
}
.module-teaser-6-3-3 .module__outer__inner .module-teaser-6-3-3__text__wrapper__top h3 {
max-width: 100%
}
.module-teaser-6-3-3 .module__outer__inner .module-teaser-6-3-3__text__wrapper__bottom {
text-align: left;
width: 100%
}
.module-teaser-6-3-3 .module__outer__inner .module-teaser-6-3-3__text__wrapper__bottom p {
max-width: 100%
}
.module-teaser-6-3-3 .module__outer__inner .module-teaser-6-3-3__text__wrapper__bottom p:last-of-type {
padding-bottom: 0
}
.module-teaser-6-3-3 .module__outer__inner .module-teaser-6-3-3__text__wrapper__bottom a {
text-decoration: underline;
display: inline-block
}
.module-teaser-6-3-3 .module__outer__inner .module-teaser-6-3-3__text__wrapper__bottom a.button {
margin-top: 30px
}
.module-teaser-6-3-3 .module__outer__inner .module-teaser-6-3-3__text__wrapper__bottom button {
margin-top: 20px
}
.module-teaser-6-3-3.bg-color-accent .module-teaser-6-3-3__text__wrapper h2,
.module-teaser-6-3-3.bg-color-accent .module-teaser-6-3-3__text__wrapper h3,
.module-teaser-6-3-3.bg-color-accent .module-teaser-6-3-3__text__wrapper p {
color: #fff !important
}
.module-teaser-6-3-3.bg-color-accent .module-teaser-6-3-3__text__wrapper .button {
border-color: #fff !important;
color: #fff !important
}
.module-kraiss-quote-image .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto
}
.module-kraiss-quote-image .module__outer__inner {
display: flex;
flex-wrap: wrap;
flex-direction: column;
text-decoration: none;
color: inherit;
max-width: var(--pageMaxWidth);
margin: 0 auto
}
@media (min-width:992px) {
.module-kraiss-quote-image .module__outer__inner {
flex-direction: row
}
}
.module-kraiss-quote-image .module__outer__inner:hover {
text-decoration: none
}
@media (min-width:992px) {
.module-kraiss-quote-image .module__outer__inner.quote-right {
flex-direction: row-reverse
}
}
.module-kraiss-quote-image .module__outer__inner .module-kraiss-quote-image__text {
width: 100%;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='149' height='108.473'%3E%3Cg data-name='Gruppe 1351'%3E%3Cg data-name='Gruppe 1345'%3E%3Cpath data-name='Pfad 571' d='M96.913 0 55.004 39.852V67.6l47 40.869h47L83.441 53.037 142.115 0Z' fill='%235d5c5c'/%3E%3C/g%3E%3Cg data-name='Gruppe 1346'%3E%3Cpath data-name='Pfad 572' d='M0 0v108.473h33.229V66.822H44.92V39.853H33.229V0Z' fill='%235d5c5c'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-position: bottom 45px right 45px;
background-size: 60px;
background-repeat: no-repeat
}
@media (min-width:992px) {
.module-kraiss-quote-image .module__outer__inner .module-kraiss-quote-image__text {
width: 50%
}
}
.module-kraiss-quote-image .module__outer__inner .module-kraiss-quote-image__text__wrapper {
padding: 90px var(--pageModuleIndentS) 145px;
position: relative;
height: 100%;
padding-left: 8.3333333% !important;
padding-right: 8.3333333% !important
}
@media (min-width:640px) {
.module-kraiss-quote-image .module__outer__inner .module-kraiss-quote-image__text__wrapper {
padding-left: var(--pageModuleIndentS) !important;
padding-right: var(--pageModuleIndentS) !important
}
}
@media (min-width:992px) {
.module-kraiss-quote-image .module__outer__inner .module-kraiss-quote-image__text__wrapper {
padding: 60px var(--pageModuleIndentS) 115px
}
}
.module-kraiss-quote-image .module__outer__inner .module-kraiss-quote-image__text__wrapper figure {
display: block;
margin: 0
}
.module-kraiss-quote-image .module__outer__inner .module-kraiss-quote-image__text__wrapper figure .quote-copy {
display: block;
font-family: var(--pageModuleQuoteFontFamily);
font-size: calc((var(--pageModuleQuoteFontSize) / 1.5) * 1);
line-height: var(--pageModuleQuoteLineHeight);
margin: 0;
padding: 0;
position: relative
}
@media (min-width:768px) {
.module-kraiss-quote-image .module__outer__inner .module-kraiss-quote-image__text__wrapper figure .quote-copy {
font-size: var(--pageModuleQuoteFontSize)
}
}
.module-kraiss-quote-image .module__outer__inner .module-kraiss-quote-image__text__wrapper .quote-author-wrapper {
position: absolute;
bottom: 40px;
left: 8.333333%;
width: 80%;
z-index: 2;
text-align: left
}
@media (min-width:640px) {
.module-kraiss-quote-image .module__outer__inner .module-kraiss-quote-image__text__wrapper .quote-author-wrapper {
left: var(--pageModuleIndentS)
}
}
.module-kraiss-quote-image .module__outer__inner .module-kraiss-quote-image__text__wrapper .quote-author-wrapper .quote-author {
display: block
}
.module-kraiss-quote-image .module__outer__inner .module-kraiss-quote-image__text__wrapper .quote-author-wrapper .quote-author-position {
display: block
}
.module-kraiss-quote-image .module__outer__inner .module-kraiss-quote-image__media {
width: 100%;
position: relative
}
@media (min-width:992px) {
.module-kraiss-quote-image .module__outer__inner .module-kraiss-quote-image__media {
width: 50%
}
}
.module-kraiss-quote-image .module__outer__inner .module-kraiss-quote-image__media .tint {
position: relative;
margin: 0
}
.module-kraiss-quote-image .module__outer__inner .module-kraiss-quote-image__media .tint::after {
content: "";
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
background-color: transparent;
mix-blend-mode: multiply
}
.module-kraiss-quote-image .module__outer__inner .module-kraiss-quote-image__media .tint.brand::after {
background-color: var(--pageBrandColor)
}
.module-kraiss-quote-image .module__outer__inner .module-kraiss-quote-image__media .tint.accent::after {
background-color: var(--pageAccentColor)
}
.module-kraiss-quote-image .module__outer__inner .module-kraiss-quote-image__media .tint.zoom-on-hover {
overflow: hidden
}
.module-kraiss-quote-image .module__outer__inner .module-kraiss-quote-image__media .tint.zoom-on-hover:hover img {
transform: scale(1.05)
}
.module-kraiss-quote-image .module__outer__inner .module-kraiss-quote-image__media .tint img {
transition: all .3s ease
}
.module-kraiss-quote-image.bg-color-accent .module__outer .module-kraiss-quote-image__text {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='149' height='108.473'%3E%3Cg data-name='Gruppe 1351'%3E%3Cg data-name='Gruppe 1345'%3E%3Cpath data-name='Pfad 571' d='M96.913 0 55.004 39.852V67.6l47 40.869h47L83.441 53.037 142.115 0Z' fill='%23fff'/%3E%3C/g%3E%3Cg data-name='Gruppe 1346'%3E%3Cpath data-name='Pfad 572' d='M0 0v108.473h33.229V66.822H44.92V39.853H33.229V0Z' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}
.module-kraiss-quote-image.bg-color-black .module__outer .module-kraiss-quote-image__text {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='149' height='108.473'%3E%3Cg data-name='Gruppe 1351'%3E%3Cg data-name='Gruppe 1345'%3E%3Cpath data-name='Pfad 571' d='M96.913 0 55.004 39.852V67.6l47 40.869h47L83.441 53.037 142.115 0Z' fill='%23fff'/%3E%3C/g%3E%3Cg data-name='Gruppe 1346'%3E%3Cpath data-name='Pfad 572' d='M0 0v108.473h33.229V66.822H44.92V39.853H33.229V0Z' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}
.module-team-grid .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto
}
.module-team-grid .module__outer .module-team-grid__inner {
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-auto-rows: minmax(100px, auto);
grid-auto-flow: dense;
padding-bottom: 60px
}
@media (min-width:640px) {
.module-team-grid .module__outer .module-team-grid__inner {
grid-template-columns: repeat(2, 1fr)
}
}
@media (min-width:768px) {
.module-team-grid .module__outer .module-team-grid__inner {
grid-template-columns: repeat(4, 1fr)
}
}
.module-team-grid .module__outer .module-team-grid__inner .teaser-box {
position: relative;
padding: 50%
}
.module-team-grid .module__outer .module-team-grid__inner .teaser-box.small {
grid-column: span 1;
grid-row: span 1
}
@media (min-width:640px) {
.module-team-grid .module__outer .module-team-grid__inner .teaser-box.large-left {
grid-column: span 2
}
}
@media (min-width:768px) {
.module-team-grid .module__outer .module-team-grid__inner .teaser-box.large-left {
grid-column: span 2;
grid-row: span 2
}
}
@media (min-width:640px) {
.module-team-grid .module__outer .module-team-grid__inner .teaser-box.large-right {
grid-column: span 2
}
}
@media (min-width:768px) {
.module-team-grid .module__outer .module-team-grid__inner .teaser-box.large-right {
grid-column: 3/5;
grid-row: span 2
}
}
.module-team-grid .module__outer .module-team-grid__inner .teaser-box .teaser-box__image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
padding: 0
}
.module-teaser-3-6-3 .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto
}
.module-teaser-3-6-3 .module__outer__inner {
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
text-decoration: none;
color: inherit
}
@media (min-width:992px) {
.module-teaser-3-6-3 .module__outer__inner {
display: flex;
flex-direction: row;
align-items: stretch;
justify-content: space-between;
width: 100%
}
}
.module-teaser-3-6-3 .module__outer__inner:hover {
text-decoration: none
}
.module-teaser-3-6-3 .module__outer__inner .module-teaser-3-6-3__text {
width: 100%;
position: relative;
padding-bottom: 100%
}
@media (min-width:992px) {
.module-teaser-3-6-3 .module__outer__inner .module-teaser-3-6-3__text {
width: 100%;
padding-bottom: 50%
}
.module-teaser-3-6-3 .module__outer__inner .module-teaser-3-6-3__text:last-of-type,
.module-teaser-3-6-3 .module__outer__inner .module-teaser-3-6-3__text:nth-last-of-type(2) {
width: 50%
}
.module-teaser-3-6-3 .module__outer__inner .module-teaser-3-6-3__text:last-of-type__media img,
.module-teaser-3-6-3 .module__outer__inner .module-teaser-3-6-3__text:nth-last-of-type(2)__media img {
filter: brightness(.7)
}
}
@media (min-width:1280px) {
.module-teaser-3-6-3 .module__outer__inner .module-teaser-3-6-3__text {
width: 50%;
padding-bottom: 50%
}
.module-teaser-3-6-3 .module__outer__inner .module-teaser-3-6-3__text:first-of-type,
.module-teaser-3-6-3 .module__outer__inner .module-teaser-3-6-3__text:last-of-type {
width: 25%
}
}
.module-teaser-3-6-3 .module__outer__inner .module-teaser-3-6-3__text__media {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1
}
.module-teaser-3-6-3 .module__outer__inner .module-teaser-3-6-3__text__media img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
filter: brightness(.7)
}
.module-teaser-3-6-3 .module__outer__inner .module-teaser-3-6-3__text__wrapper {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
width: 100%;
height: 100%;
padding: 60px 8.33333% 45px;
position: absolute;
top: 0;
left: 0;
z-index: 2
}
@media (min-width:640px) {
.module-teaser-3-6-3 .module__outer__inner .module-teaser-3-6-3__text__wrapper {
padding: 60px var(--pageModuleIndentS) 45px
}
}
.module-teaser-3-6-3 .module__outer__inner .module-teaser-3-6-3__text__wrapper__top {
align-self: flex-start
}
.module-teaser-3-6-3 .module__outer__inner .module-teaser-3-6-3__text__wrapper__top h2 {
max-width: 100%
}
.module-teaser-3-6-3 .module__outer__inner .module-teaser-3-6-3__text__wrapper__top h3 {
max-width: 100%
}
.module-teaser-3-6-3 .module__outer__inner .module-teaser-3-6-3__text__wrapper__bottom {
text-align: left;
width: 100%
}
.module-teaser-3-6-3 .module__outer__inner .module-teaser-3-6-3__text__wrapper__bottom p {
max-width: 100%
}
.module-teaser-3-6-3 .module__outer__inner .module-teaser-3-6-3__text__wrapper__bottom p:last-of-type {
padding-bottom: 0
}
.module-teaser-3-6-3 .module__outer__inner .module-teaser-3-6-3__text__wrapper__bottom a {
text-decoration: underline;
display: inline-block
}
.module-teaser-3-6-3 .module__outer__inner .module-teaser-3-6-3__text__wrapper__bottom a.button {
margin-top: 30px
}
.module-teaser-3-6-3 .module__outer__inner .module-teaser-3-6-3__text__wrapper__bottom button {
margin-top: 20px
}
.module-teaser-3-6-3.bg-color-accent .module-teaser-3-6-3__text__wrapper h2,
.module-teaser-3-6-3.bg-color-accent .module-teaser-3-6-3__text__wrapper h3,
.module-teaser-3-6-3.bg-color-accent .module-teaser-3-6-3__text__wrapper p {
color: #fff !important
}
.module-teaser-3-6-3.bg-color-accent .module-teaser-3-6-3__text__wrapper .button {
border-color: #fff !important;
color: #fff !important
}
.module-jumpnavigation .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto
}
.module-jumpnavigation .module__outer__inner .module-jumpnavigation__list {
list-style-type: none;
display: flex;
flex-wrap: wrap;
gap: 15px
}
.module-jumpnavigation .module__outer__inner .module-jumpnavigation__list li .module-jumpnavigation__button {
border: 1px solid var(--pageBrandColor);
color: var(--pageBrandColor);
background-color: #fff;
font-size: 20px;
padding: 5px 15px;
display: inline-block;
border-radius: 4px;
text-decoration: none;
transition: all .3s ease
}
.module-jumpnavigation .module__outer__inner .module-jumpnavigation__list li .module-jumpnavigation__button:hover {
border-color: var(--pageBrandColor);
color: #fff;
background-color: var(--pageBrandColor)
}
.module-productfeature-2cols .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto
}
.module-productfeature-2cols .module__outer__inner {
display: flex;
flex-wrap: wrap;
flex-direction: column;
text-decoration: none;
color: inherit
}
@media (min-width:992px) {
.module-productfeature-2cols .module__outer__inner {
display: flex;
flex-direction: row;
width: 100%
}
}
.module-productfeature-2cols .module__outer__inner .module-productfeature-2cols__col {
width: 100%;
flex: 1
}
@media (min-width:992px) {
.module-productfeature-2cols .module__outer__inner .module-productfeature-2cols__col {
width: 50%;
min-height: 100%
}
}
.module-productfeature-2cols .module__outer__inner .module-productfeature-2cols__col:first-of-type {
padding-bottom: 30px
}
@media (min-width:992px) {
.module-productfeature-2cols .module__outer__inner .module-productfeature-2cols__col:first-of-type {
padding-bottom: 0;
padding-right: 30px
}
}
@media (min-width:992px) {
.module-productfeature-2cols .module__outer__inner .module-productfeature-2cols__col:last-of-type {
padding-left: 30px
}
}
.module-productfeature-2cols .module__outer__inner .module-productfeature-2cols__col__media {
padding-bottom: 30px
}
.module-productfeature-2cols .module__outer__inner .module-productfeature-2cols__col__media .module-slidex .slidex-pagination {
position: absolute;
bottom: 20px
}
@media (min-width:992px) {
.module-productfeature-2cols .module__outer__inner .module-productfeature-2cols__col__details__headline {
max-width: 90%
}
}
@media (min-width:992px) {
.module-productfeature-2cols .module__outer__inner .module-productfeature-2cols__col__details__paragraph {
max-width: 90%
}
}
.module-product-contact .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto
}
.module-product-contact .module__outer__inner {
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
text-decoration: none;
color: inherit
}
@media (min-width:992px) {
.module-product-contact .module__outer__inner {
display: flex;
flex-direction: row;
align-items: stretch;
justify-content: space-between;
width: 100%
}
}
.module-product-contact .module__outer__inner:hover {
text-decoration: none
}
.module-product-contact .module__outer__inner.text-right {
flex-direction: column-reverse;
text-align: left !important
}
@media (min-width:992px) {
.module-product-contact .module__outer__inner.text-right {
flex-direction: row-reverse
}
}
@media (min-width:992px) {
.module-product-contact .module__outer__inner.text-right .module-product-contact__text__wrapper {
padding-right: var(--pageModuleIndentS);
padding-left: var(--pageModuleIndentS)
}
}
.module-product-contact .module__outer__inner.text-left {
flex-direction: column-reverse
}
@media (min-width:992px) {
.module-product-contact .module__outer__inner.text-left {
flex-direction: row
}
}
@media (min-width:992px) {
.module-product-contact .module__outer__inner.text-left .module-product-contact__text__wrapper {
padding-right: var(--pageModuleIndentS);
padding-left: var(--pageModuleIndentS)
}
}
.module-product-contact .module__outer__inner .module-product-contact__text {
width: 100%;
flex: 1
}
@media (min-width:992px) {
.module-product-contact .module__outer__inner .module-product-contact__text {
background-size: 90px;
width: 50%;
min-height: 100%
}
}
.module-product-contact .module__outer__inner .module-product-contact__text__wrapper {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
height: 100%;
padding: 60px 8.33333% 90px
}
@media (min-width:992px) {
.module-product-contact .module__outer__inner .module-product-contact__text__wrapper {
padding: 60px 0 45px
}
}
.module-product-contact .module__outer__inner .module-product-contact__text__wrapper__top {
align-self: flex-start
}
.module-product-contact .module__outer__inner .module-product-contact__text__wrapper__top h2 {
max-width: 100%;
padding-bottom: 30px
}
.module-product-contact .module__outer__inner .module-product-contact__text__wrapper__top p {
max-width: 100%;
padding-bottom: 45px
}
.module-product-contact .module__outer__inner .module-product-contact__text__wrapper__bottom {
text-align: left
}
.module-product-contact .module__outer__inner .module-product-contact__text__wrapper__bottom p {
max-width: 100%
}
.module-product-contact .module__outer__inner .module-product-contact__text__wrapper__bottom p:last-of-type {
padding-bottom: 0
}
.module-product-contact .module__outer__inner .module-product-contact__text__wrapper__bottom a {
text-decoration: underline;
margin-bottom: 7.5px;
display: inline-block
}
.module-product-contact .module__outer__inner .module-product-contact__text__wrapper__bottom button {
margin-top: 20px
}
.module-product-contact .module__outer__inner .module-product-contact__media {
width: 100%;
flex: 1
}
@media (min-width:992px) {
.module-product-contact .module__outer__inner .module-product-contact__media {
width: 50%;
min-height: 100%
}
}
.module-product-contact .module__outer__inner .module-product-contact__media .tint {
position: relative;
margin: 0
}
.module-product-contact .module__outer__inner .module-product-contact__media .tint::after {
content: "";
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
background-color: transparent;
mix-blend-mode: multiply
}
.module-product-contact .module__outer__inner .module-product-contact__media .tint.brand::after {
background-color: var(--pageBrandColor)
}
.module-product-contact .module__outer__inner .module-product-contact__media .tint.accent::after {
background-color: var(--pageAccentColor)
}
.module-product-contact .module__outer__inner .module-product-contact__media__caption {
padding-top: 15px;
max-width: 85%;
text-align: left
}
.module-product-contact .module__outer__inner.image-width-xs .module-product-contact__text {
width: 100%
}
@media (min-width:992px) {
.module-product-contact .module__outer__inner.image-width-xs .module-product-contact__text {
width: 70%
}
}
.module-product-contact .module__outer__inner.image-width-xs .module-product-contact__media {
width: 100%
}
@media (min-width:992px) {
.module-product-contact .module__outer__inner.image-width-xs .module-product-contact__media {
width: 30%
}
}
.module-product-contact .module__outer__inner.image-width-s .module-product-contact__text {
width: 100%
}
@media (min-width:992px) {
.module-product-contact .module__outer__inner.image-width-s .module-product-contact__text {
width: 60%
}
}
.module-product-contact .module__outer__inner.image-width-s .module-product-contact__media {
width: 100%
}
@media (min-width:992px) {
.module-product-contact .module__outer__inner.image-width-s .module-product-contact__media {
width: 40%
}
}
.module-product-contact .module__outer__inner.image-width-m .module-product-contact__text {
width: 100%
}
@media (min-width:992px) {
.module-product-contact .module__outer__inner.image-width-m .module-product-contact__text {
width: 50%
}
}
.module-product-contact .module__outer__inner.image-width-m .module-product-contact__media {
width: 100%
}
@media (min-width:992px) {
.module-product-contact .module__outer__inner.image-width-m .module-product-contact__media {
width: 50%
}
}
.module-product-contact .module__outer__inner.image-width-l .module-product-contact__text {
width: 100%
}
@media (min-width:992px) {
.module-product-contact .module__outer__inner.image-width-l .module-product-contact__text {
width: 40%
}
}
.module-product-contact .module__outer__inner.image-width-l .module-product-contact__media {
width: 100%
}
@media (min-width:992px) {
.module-product-contact .module__outer__inner.image-width-l .module-product-contact__media {
width: 60%
}
}
.module-product-contact .module__outer__inner.image-width-xl .module-product-contact__text {
width: 100%
}
@media (min-width:992px) {
.module-product-contact .module__outer__inner.image-width-xl .module-product-contact__text {
width: 30%
}
}
.module-product-contact .module__outer__inner.image-width-xl .module-product-contact__media {
width: 100%
}
@media (min-width:992px) {
.module-product-contact .module__outer__inner.image-width-xl .module-product-contact__media {
width: 70%
}
}
.module-product-contact.bg-color-accent .module-product-contact__text {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='149' height='108.473'%3E%3Cg data-name='Gruppe 1351'%3E%3Cg data-name='Gruppe 1345'%3E%3Cpath data-name='Pfad 571' d='M96.913 0 55.004 39.852V67.6l47 40.869h47L83.441 53.037 142.115 0Z' fill='%23fff'/%3E%3C/g%3E%3Cg data-name='Gruppe 1346'%3E%3Cpath data-name='Pfad 572' d='M0 0v108.473h33.229V66.822H44.92V39.853H33.229V0Z' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}
.module-product-contact.bg-color-accent .module-product-contact__text__wrapper a,
.module-product-contact.bg-color-accent .module-product-contact__text__wrapper h2,
.module-product-contact.bg-color-accent .module-product-contact__text__wrapper h3,
.module-product-contact.bg-color-accent .module-product-contact__text__wrapper p {
color: #fff !important
}
.module-product-contact.bg-color-accent .module-product-contact__text__wrapper .button {
border-color: #fff !important;
color: #fff !important
}
.module-product-contact.bg-color-black .module-product-contact__text {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='149' height='108.473'%3E%3Cg data-name='Gruppe 1351'%3E%3Cg data-name='Gruppe 1345'%3E%3Cpath data-name='Pfad 571' d='M96.913 0 55.004 39.852V67.6l47 40.869h47L83.441 53.037 142.115 0Z' fill='%23fff'/%3E%3C/g%3E%3Cg data-name='Gruppe 1346'%3E%3Cpath data-name='Pfad 572' d='M0 0v108.473h33.229V66.822H44.92V39.853H33.229V0Z' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}
.module-product-contact.bg-color-black .module-product-contact__text__wrapper a,
.module-product-contact.bg-color-black .module-product-contact__text__wrapper h2,
.module-product-contact.bg-color-black .module-product-contact__text__wrapper h3,
.module-product-contact.bg-color-black .module-product-contact__text__wrapper p {
color: #fff !important
}
.module-product-contact.bg-color-black .module-product-contact__text__wrapper .button {
border-color: #fff !important;
color: #fff !important
}
.module-teaser-stories-career .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto
}
.module-teaser-stories-career .module__outer__inner {
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
text-decoration: none;
color: inherit
}
@media (min-width:992px) {
.module-teaser-stories-career .module__outer__inner {
display: flex;
flex-direction: row;
align-items: stretch;
justify-content: space-between;
width: 100%
}
}
.module-teaser-stories-career .module__outer__inner:hover {
text-decoration: none
}
.module-teaser-stories-career .module__outer__inner.text-right {
flex-direction: column-reverse;
text-align: left !important
}
@media (min-width:992px) {
.module-teaser-stories-career .module__outer__inner.text-right {
flex-direction: row-reverse
}
}
@media (min-width:992px) {
.module-teaser-stories-career .module__outer__inner.text-right .module-teaser-stories-career__stories__wrapper {
padding-right: var(--pageModuleIndentS);
padding-left: var(--pageModuleIndentS)
}
}
@media (min-width:992px) {
.module-teaser-stories-career .module__outer__inner.text-right .module-teaser-stories-career__career__wrapper {
padding-right: var(--pageModuleIndentS);
padding-left: var(--pageModuleIndentS)
}
}
.module-teaser-stories-career .module__outer__inner.text-left {
flex-direction: column-reverse
}
@media (min-width:992px) {
.module-teaser-stories-career .module__outer__inner.text-left {
flex-direction: row
}
}
.module-teaser-stories-career .module__outer__inner.text-left .module-teaser-stories-career__stories__wrapper {
padding-right: var(--pageModuleIndentS);
padding-left: var(--pageModuleIndentS)
}
@media (min-width:992px) {
.module-teaser-stories-career .module__outer__inner.text-left .module-teaser-stories-career__stories__wrapper {
padding-right: var(--pageModuleIndentS);
padding-left: var(--pageModuleIndentS)
}
}
.module-teaser-stories-career .module__outer__inner.text-left .module-teaser-stories-career__career__wrapper {
padding-right: var(--pageModuleIndentS);
padding-left: var(--pageModuleIndentS)
}
@media (min-width:992px) {
.module-teaser-stories-career .module__outer__inner.text-left .module-teaser-stories-career__career__wrapper {
padding-right: var(--pageModuleIndentS);
padding-left: var(--pageModuleIndentS)
}
}
.module-teaser-stories-career .module__outer__inner .module-teaser-stories-career__stories {
width: 100%;
flex: 1;
background-color: var(--pageAccentColor);
min-height: 340px
}
@media (min-width:992px) {
.module-teaser-stories-career .module__outer__inner .module-teaser-stories-career__stories {
width: 50%;
min-height: 640px
}
}
.module-teaser-stories-career .module__outer__inner .module-teaser-stories-career__stories__wrapper {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
height: 100%;
padding: 60px 0 60px
}
.module-teaser-stories-career .module__outer__inner .module-teaser-stories-career__stories__wrapper__top {
align-self: flex-start
}
.module-teaser-stories-career .module__outer__inner .module-teaser-stories-career__stories__wrapper__top h2 {
max-width: 100%
}
.module-teaser-stories-career .module__outer__inner .module-teaser-stories-career__stories__wrapper__top h3 {
max-width: 100%
}
.module-teaser-stories-career .module__outer__inner .module-teaser-stories-career__stories__wrapper__bottom {
text-align: left
}
.module-teaser-stories-career .module__outer__inner .module-teaser-stories-career__stories__wrapper__bottom p {
max-width: 100%
}
.module-teaser-stories-career .module__outer__inner .module-teaser-stories-career__stories__wrapper__bottom p:last-of-type {
padding-bottom: 0
}
.module-teaser-stories-career .module__outer__inner .module-teaser-stories-career__stories__wrapper__bottom a {
text-decoration: underline;
display: inline-block
}
.module-teaser-stories-career .module__outer__inner .module-teaser-stories-career__stories__wrapper__bottom a.button {
margin-top: 30px
}
.module-teaser-stories-career .module__outer__inner .module-teaser-stories-career__stories__wrapper__bottom button {
margin-top: 20px
}
.module-teaser-stories-career .module__outer__inner .module-teaser-stories-career__career {
width: 100%;
flex: 1;
min-height: 340px
}
@media (min-width:992px) {
.module-teaser-stories-career .module__outer__inner .module-teaser-stories-career__career {
width: 50%;
min-height: 640px
}
}
.module-teaser-stories-career .module__outer__inner .module-teaser-stories-career__career__wrapper {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
height: 100%;
padding: 60px 0 60px
}
.module-teaser-stories-career .module__outer__inner .module-teaser-stories-career__career__wrapper__top {
align-self: flex-start
}
.module-teaser-stories-career .module__outer__inner .module-teaser-stories-career__career__wrapper__top h2 {
max-width: 100%
}
.module-teaser-stories-career .module__outer__inner .module-teaser-stories-career__career__wrapper__top h3 {
max-width: 100%
}
.module-teaser-stories-career .module__outer__inner .module-teaser-stories-career__career__wrapper__bottom {
text-align: left
}
.module-teaser-stories-career .module__outer__inner .module-teaser-stories-career__career__wrapper__bottom p {
max-width: 100%
}
.module-teaser-stories-career .module__outer__inner .module-teaser-stories-career__career__wrapper__bottom p:last-of-type {
padding-bottom: 0
}
.module-teaser-stories-career .module__outer__inner .module-teaser-stories-career__career__wrapper__bottom a {
text-decoration: underline;
display: inline-block
}
.module-teaser-stories-career .module__outer__inner .module-teaser-stories-career__career__wrapper__bottom a.button {
margin-top: 30px
}
.module-teaser-stories-career .module__outer__inner .module-teaser-stories-career__career__wrapper__bottom button {
margin-top: 20px
}
.module-teaser-stories-career.bg-color-accent .module-teaser-stories-career__stories__wrapper h2,
.module-teaser-stories-career.bg-color-accent .module-teaser-stories-career__stories__wrapper h3,
.module-teaser-stories-career.bg-color-accent .module-teaser-stories-career__stories__wrapper p {
color: #fff !important
}
.module-teaser-stories-career.bg-color-accent .module-teaser-stories-career__stories__wrapper .button {
border-color: #fff !important;
color: #fff !important
}
.module-teaser-texttext-imagebg .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto
}
.module-teaser-texttext-imagebg .module__outer__inner {
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
text-decoration: none;
color: inherit
}
@media (min-width:992px) {
.module-teaser-texttext-imagebg .module__outer__inner {
display: flex;
flex-direction: row;
align-items: stretch;
justify-content: space-between;
width: 100%
}
}
.module-teaser-texttext-imagebg .module__outer__inner:hover {
text-decoration: none
}
.module-teaser-texttext-imagebg .module__outer__inner.text-left {
flex-direction: column-reverse
}
@media (min-width:992px) {
.module-teaser-texttext-imagebg .module__outer__inner.text-left {
flex-direction: row
}
}
.module-teaser-texttext-imagebg .module__outer__inner.text-left .module-teaser-texttext-imagebg__right__wrapper {
padding-right: var(--pageModuleIndentS);
padding-left: var(--pageModuleIndentS)
}
@media (min-width:992px) {
.module-teaser-texttext-imagebg .module__outer__inner.text-left .module-teaser-texttext-imagebg__right__wrapper {
padding-right: var(--pageModuleIndentS);
padding-left: var(--pageModuleIndentS)
}
}
.module-teaser-texttext-imagebg .module__outer__inner.text-left .module-teaser-texttext-imagebg__left__wrapper {
padding-right: var(--pageModuleIndentS);
padding-left: var(--pageModuleIndentS)
}
@media (min-width:992px) {
.module-teaser-texttext-imagebg .module__outer__inner.text-left .module-teaser-texttext-imagebg__left__wrapper {
padding-right: var(--pageModuleIndentS);
padding-left: var(--pageModuleIndentS)
}
}
.module-teaser-texttext-imagebg .module__outer__inner .module-teaser-texttext-imagebg__right {
width: 100%;
flex: 1;
padding-bottom: 100%;
position: relative
}
@media (min-width:992px) {
.module-teaser-texttext-imagebg .module__outer__inner .module-teaser-texttext-imagebg__right {
width: 50%;
padding-bottom: 50%
}
}
.module-teaser-texttext-imagebg .module__outer__inner .module-teaser-texttext-imagebg__right__image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
background-size: cover
}
.module-teaser-texttext-imagebg .module__outer__inner .module-teaser-texttext-imagebg__right__wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
background-color: rgba(0, 0, 0, .2);
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
height: 100%;
padding: 60px 0 60px
}
.module-teaser-texttext-imagebg .module__outer__inner .module-teaser-texttext-imagebg__right__wrapper__top {
align-self: flex-start
}
.module-teaser-texttext-imagebg .module__outer__inner .module-teaser-texttext-imagebg__right__wrapper__top h2 {
max-width: 100%
}
.module-teaser-texttext-imagebg .module__outer__inner .module-teaser-texttext-imagebg__right__wrapper__top h3 {
max-width: 100%
}
.module-teaser-texttext-imagebg .module__outer__inner .module-teaser-texttext-imagebg__right__wrapper__bottom {
text-align: left;
width: 100%
}
.module-teaser-texttext-imagebg .module__outer__inner .module-teaser-texttext-imagebg__right__wrapper__bottom p {
max-width: 100%
}
.module-teaser-texttext-imagebg .module__outer__inner .module-teaser-texttext-imagebg__right__wrapper__bottom p:last-of-type {
padding-bottom: 0
}
.module-teaser-texttext-imagebg .module__outer__inner .module-teaser-texttext-imagebg__right__wrapper__bottom a {
text-decoration: underline;
display: inline-block
}
.module-teaser-texttext-imagebg .module__outer__inner .module-teaser-texttext-imagebg__right__wrapper__bottom a.button {
margin-top: 30px
}
.module-teaser-texttext-imagebg .module__outer__inner .module-teaser-texttext-imagebg__right__wrapper__bottom button {
margin-top: 20px
}
.module-teaser-texttext-imagebg .module__outer__inner .module-teaser-texttext-imagebg__left {
width: 100%;
flex: 1;
padding-bottom: 100%;
position: relative
}
@media (min-width:992px) {
.module-teaser-texttext-imagebg .module__outer__inner .module-teaser-texttext-imagebg__left {
width: 50%;
padding-bottom: 50%
}
}
.module-teaser-texttext-imagebg .module__outer__inner .module-teaser-texttext-imagebg__left__image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
background-size: cover
}
.module-teaser-texttext-imagebg .module__outer__inner .module-teaser-texttext-imagebg__left__wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
background-color: rgba(0, 0, 0, .2);
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
height: 100%;
padding: 60px 0 60px
}
.module-teaser-texttext-imagebg .module__outer__inner .module-teaser-texttext-imagebg__left__wrapper__top {
align-self: flex-start
}
.module-teaser-texttext-imagebg .module__outer__inner .module-teaser-texttext-imagebg__left__wrapper__top h2 {
max-width: 100%
}
.module-teaser-texttext-imagebg .module__outer__inner .module-teaser-texttext-imagebg__left__wrapper__top h3 {
max-width: 100%
}
.module-teaser-texttext-imagebg .module__outer__inner .module-teaser-texttext-imagebg__left__wrapper__bottom {
text-align: left;
width: 100%
}
.module-teaser-texttext-imagebg .module__outer__inner .module-teaser-texttext-imagebg__left__wrapper__bottom p {
max-width: 100%
}
.module-teaser-texttext-imagebg .module__outer__inner .module-teaser-texttext-imagebg__left__wrapper__bottom p:last-of-type {
padding-bottom: 0
}
.module-teaser-texttext-imagebg .module__outer__inner .module-teaser-texttext-imagebg__left__wrapper__bottom a {
text-decoration: underline;
display: inline-block
}
.module-teaser-texttext-imagebg .module__outer__inner .module-teaser-texttext-imagebg__left__wrapper__bottom a.button {
margin-top: 30px
}
.module-teaser-texttext-imagebg .module__outer__inner .module-teaser-texttext-imagebg__left__wrapper__bottom button {
margin-top: 20px
}
.module-teaser-texttext-imagebg.bg-color-accent .module-teaser-texttext-imagebg__right__wrapper h2,
.module-teaser-texttext-imagebg.bg-color-accent .module-teaser-texttext-imagebg__right__wrapper h3,
.module-teaser-texttext-imagebg.bg-color-accent .module-teaser-texttext-imagebg__right__wrapper p {
color: #fff !important
}
.module-teaser-texttext-imagebg.bg-color-accent .module-teaser-texttext-imagebg__right__wrapper .button {
border-color: #fff !important;
color: #fff !important
}
.module-teaser-texttext-colorbg .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto
}
.module-teaser-texttext-colorbg .module__outer__inner {
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
text-decoration: none;
color: inherit
}
@media (min-width:992px) {
.module-teaser-texttext-colorbg .module__outer__inner {
display: flex;
flex-direction: row;
align-items: stretch;
justify-content: space-between;
width: 100%
}
}
.module-teaser-texttext-colorbg .module__outer__inner:hover {
text-decoration: none
}
.module-teaser-texttext-colorbg .module__outer__inner.text-left {
flex-direction: column-reverse
}
@media (min-width:992px) {
.module-teaser-texttext-colorbg .module__outer__inner.text-left {
flex-direction: row
}
}
.module-teaser-texttext-colorbg .module__outer__inner.text-left .module-teaser-texttext-colorbg__right__wrapper {
padding-right: 8.33333%;
padding-left: 8.33333%
}
@media (min-width:992px) {
.module-teaser-texttext-colorbg .module__outer__inner.text-left .module-teaser-texttext-colorbg__right__wrapper {
padding-right: var(--pageModuleIndentS);
padding-left: var(--pageModuleIndentS)
}
}
.module-teaser-texttext-colorbg .module__outer__inner.text-left .module-teaser-texttext-colorbg__left__wrapper {
padding-right: 8.33333%;
padding-left: 8.33333%
}
@media (min-width:992px) {
.module-teaser-texttext-colorbg .module__outer__inner.text-left .module-teaser-texttext-colorbg__left__wrapper {
padding-right: var(--pageModuleIndentS);
padding-left: var(--pageModuleIndentS)
}
}
.module-teaser-texttext-colorbg .module__outer__inner .module-teaser-texttext-colorbg__right {
width: 100%;
flex: 1;
padding-bottom: 100%;
position: relative
}
@media (min-width:992px) {
.module-teaser-texttext-colorbg .module__outer__inner .module-teaser-texttext-colorbg__right {
width: 50%;
padding-bottom: 50%
}
}
.module-teaser-texttext-colorbg .module__outer__inner .module-teaser-texttext-colorbg__right.bg-color-white {
background-color: #fff
}
.module-teaser-texttext-colorbg .module__outer__inner .module-teaser-texttext-colorbg__right.bg-color-white .module-teaser-texttext-colorbg__right__wrapper__top h2 {
color: var(--pageTypoH2Color) !important
}
.module-teaser-texttext-colorbg .module__outer__inner .module-teaser-texttext-colorbg__right.bg-color-white .module-teaser-texttext-colorbg__right__wrapper__top h3 {
color: var(--pageAccentColor) !important
}
.module-teaser-texttext-colorbg .module__outer__inner .module-teaser-texttext-colorbg__right.bg-color-white .module-teaser-texttext-colorbg__right__wrapper__bottom p {
color: var(--pageTypoH2Color) !important
}
.module-teaser-texttext-colorbg .module__outer__inner .module-teaser-texttext-colorbg__right.bg-color-black {
background-color: #000
}
.module-teaser-texttext-colorbg .module__outer__inner .module-teaser-texttext-colorbg__right.bg-color-black .module-teaser-texttext-colorbg__right__wrapper__top h2 {
color: #fff !important
}
.module-teaser-texttext-colorbg .module__outer__inner .module-teaser-texttext-colorbg__right.bg-color-black .module-teaser-texttext-colorbg__right__wrapper__top h3 {
color: var(--pageAccentColor) !important
}
.module-teaser-texttext-colorbg .module__outer__inner .module-teaser-texttext-colorbg__right.bg-color-black .module-teaser-texttext-colorbg__right__wrapper__bottom p {
color: #fff !important
}
.module-teaser-texttext-colorbg .module__outer__inner .module-teaser-texttext-colorbg__right.bg-color-brand {
background-color: var(--pageBrandColor)
}
.module-teaser-texttext-colorbg .module__outer__inner .module-teaser-texttext-colorbg__right.bg-color-brand .module-teaser-texttext-colorbg__right__wrapper__top h2 {
color: #fff !important
}
.module-teaser-texttext-colorbg .module__outer__inner .module-teaser-texttext-colorbg__right.bg-color-brand .module-teaser-texttext-colorbg__right__wrapper__top h3 {
color: var(--pageAccentColor) !important
}
.module-teaser-texttext-colorbg .module__outer__inner .module-teaser-texttext-colorbg__right.bg-color-brand .module-teaser-texttext-colorbg__right__wrapper__bottom p {
color: #fff !important
}
.module-teaser-texttext-colorbg .module__outer__inner .module-teaser-texttext-colorbg__right.bg-color-accent {
background-color: var(--pageAccentColor)
}
.module-teaser-texttext-colorbg .module__outer__inner .module-teaser-texttext-colorbg__right.bg-color-accent .module-teaser-texttext-colorbg__right__wrapper__top h2 {
color: #fff !important
}
.module-teaser-texttext-colorbg .module__outer__inner .module-teaser-texttext-colorbg__right.bg-color-accent .module-teaser-texttext-colorbg__right__wrapper__top h3 {
color: var(--pageAccentColor) !important
}
.module-teaser-texttext-colorbg .module__outer__inner .module-teaser-texttext-colorbg__right.bg-color-accent .module-teaser-texttext-colorbg__right__wrapper__bottom p {
color: #fff !important
}
.module-teaser-texttext-colorbg .module__outer__inner .module-teaser-texttext-colorbg__right__wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
height: 100%;
padding: 60px 0 60px
}
.module-teaser-texttext-colorbg .module__outer__inner .module-teaser-texttext-colorbg__right__wrapper__top {
align-self: flex-start
}
.module-teaser-texttext-colorbg .module__outer__inner .module-teaser-texttext-colorbg__right__wrapper__top h2 {
max-width: 100%;
color: var(--pageTypoH2Color)
}
.module-teaser-texttext-colorbg .module__outer__inner .module-teaser-texttext-colorbg__right__wrapper__top h3 {
max-width: 100%;
color: var(--pageAccentColor)
}
.module-teaser-texttext-colorbg .module__outer__inner .module-teaser-texttext-colorbg__right__wrapper__bottom {
text-align: left;
width: 100%
}
.module-teaser-texttext-colorbg .module__outer__inner .module-teaser-texttext-colorbg__right__wrapper__bottom p {
max-width: 100%;
color: var(--pageTypoH2Color)
}
.module-teaser-texttext-colorbg .module__outer__inner .module-teaser-texttext-colorbg__right__wrapper__bottom p:last-of-type {
padding-bottom: 0
}
.module-teaser-texttext-colorbg .module__outer__inner .module-teaser-texttext-colorbg__right__wrapper__bottom a {
text-decoration: underline;
display: inline-block
}
.module-teaser-texttext-colorbg .module__outer__inner .module-teaser-texttext-colorbg__right__wrapper__bottom a.button {
margin-top: 30px
}
.module-teaser-texttext-colorbg .module__outer__inner .module-teaser-texttext-colorbg__right__wrapper__bottom button {
margin-top: 20px
}
.module-teaser-texttext-colorbg .module__outer__inner .module-teaser-texttext-colorbg__left {
width: 100%;
flex: 1;
padding-bottom: 100%;
position: relative
}
@media (min-width:992px) {
.module-teaser-texttext-colorbg .module__outer__inner .module-teaser-texttext-colorbg__left {
width: 50%;
padding-bottom: 50%
}
}
.module-teaser-texttext-colorbg .module__outer__inner .module-teaser-texttext-colorbg__left.bg-color-white {
background-color: #fff
}
.module-teaser-texttext-colorbg .module__outer__inner .module-teaser-texttext-colorbg__left.bg-color-white .module-teaser-texttext-colorbg__left__wrapper__top h2 {
color: var(--pageTypoH2Color) !important
}
.module-teaser-texttext-colorbg .module__outer__inner .module-teaser-texttext-colorbg__left.bg-color-white .module-teaser-texttext-colorbg__left__wrapper__top h3 {
color: var(--pageAccentColor) !important
}
.module-teaser-texttext-colorbg .module__outer__inner .module-teaser-texttext-colorbg__left.bg-color-white .module-teaser-texttext-colorbg__left__wrapper__bottom p {
color: var(--pageTypoH2Color) !important
}
.module-teaser-texttext-colorbg .module__outer__inner .module-teaser-texttext-colorbg__left.bg-color-black {
background-color: #000
}
.module-teaser-texttext-colorbg .module__outer__inner .module-teaser-texttext-colorbg__left.bg-color-black .module-teaser-texttext-colorbg__left__wrapper__top h2 {
color: #fff !important
}
.module-teaser-texttext-colorbg .module__outer__inner .module-teaser-texttext-colorbg__left.bg-color-black .module-teaser-texttext-colorbg__left__wrapper__top h3 {
color: var(--pageAccentColor) !important
}
.module-teaser-texttext-colorbg .module__outer__inner .module-teaser-texttext-colorbg__left.bg-color-black .module-teaser-texttext-colorbg__left__wrapper__bottom p {
color: #fff !important
}
.module-teaser-texttext-colorbg .module__outer__inner .module-teaser-texttext-colorbg__left.bg-color-brand {
background-color: var(--pageBrandColor)
}
.module-teaser-texttext-colorbg .module__outer__inner .module-teaser-texttext-colorbg__left.bg-color-brand .module-teaser-texttext-colorbg__left__wrapper__top h2 {
color: #fff !important
}
.module-teaser-texttext-colorbg .module__outer__inner .module-teaser-texttext-colorbg__left.bg-color-brand .module-teaser-texttext-colorbg__left__wrapper__top h3 {
color: var(--pageAccentColor) !important
}
.module-teaser-texttext-colorbg .module__outer__inner .module-teaser-texttext-colorbg__left.bg-color-brand .module-teaser-texttext-colorbg__left__wrapper__bottom p {
color: #fff !important
}
.module-teaser-texttext-colorbg .module__outer__inner .module-teaser-texttext-colorbg__left.bg-color-accent {
background-color: var(--pageAccentColor)
}
.module-teaser-texttext-colorbg .module__outer__inner .module-teaser-texttext-colorbg__left.bg-color-accent .module-teaser-texttext-colorbg__left__wrapper__top h2 {
color: #fff !important
}
.module-teaser-texttext-colorbg .module__outer__inner .module-teaser-texttext-colorbg__left.bg-color-accent .module-teaser-texttext-colorbg__left__wrapper__top h3 {
color: var(--pageAccentColor) !important
}
.module-teaser-texttext-colorbg .module__outer__inner .module-teaser-texttext-colorbg__left.bg-color-accent .module-teaser-texttext-colorbg__left__wrapper__bottom p {
color: #fff !important
}
.module-teaser-texttext-colorbg .module__outer__inner .module-teaser-texttext-colorbg__left__wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
height: 100%;
padding: 60px 0 60px
}
.module-teaser-texttext-colorbg .module__outer__inner .module-teaser-texttext-colorbg__left__wrapper__top {
align-self: flex-start
}
.module-teaser-texttext-colorbg .module__outer__inner .module-teaser-texttext-colorbg__left__wrapper__top h2 {
max-width: 100%;
color: var(--pageTypoH2Color)
}
.module-teaser-texttext-colorbg .module__outer__inner .module-teaser-texttext-colorbg__left__wrapper__top h3 {
max-width: 100%;
color: var(--pageAccentColor)
}
.module-teaser-texttext-colorbg .module__outer__inner .module-teaser-texttext-colorbg__left__wrapper__bottom {
text-align: left;
width: 100%
}
.module-teaser-texttext-colorbg .module__outer__inner .module-teaser-texttext-colorbg__left__wrapper__bottom p {
max-width: 100%;
color: var(--pageTypoH2Color)
}
.module-teaser-texttext-colorbg .module__outer__inner .module-teaser-texttext-colorbg__left__wrapper__bottom p:last-of-type {
padding-bottom: 0
}
.module-teaser-texttext-colorbg .module__outer__inner .module-teaser-texttext-colorbg__left__wrapper__bottom a {
text-decoration: underline;
display: inline-block
}
.module-teaser-texttext-colorbg .module__outer__inner .module-teaser-texttext-colorbg__left__wrapper__bottom a.button {
margin-top: 30px
}
.module-teaser-texttext-colorbg .module__outer__inner .module-teaser-texttext-colorbg__left__wrapper__bottom button {
margin-top: 20px
}
.module-teaser-texttext-colorbg.bg-color-accent .module-teaser-texttext-colorbg__right__wrapper h2,
.module-teaser-texttext-colorbg.bg-color-accent .module-teaser-texttext-colorbg__right__wrapper h3,
.module-teaser-texttext-colorbg.bg-color-accent .module-teaser-texttext-colorbg__right__wrapper p {
color: #fff !important
}
.module-teaser-texttext-colorbg.bg-color-accent .module-teaser-texttext-colorbg__right__wrapper .button {
border-color: #fff !important;
color: #fff !important
}
.module-text-text-legals .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto
}
.module-text-text-legals .module__outer__inner {
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
text-decoration: none;
color: inherit
}
@media (min-width:992px) {
.module-text-text-legals .module__outer__inner {
display: flex;
flex-direction: row;
align-items: stretch;
justify-content: space-between;
width: 100%
}
}
.module-text-text-legals .module__outer__inner:hover {
text-decoration: none
}
.module-text-text-legals .module__outer__inner.text-left {
flex-direction: column
}
@media (min-width:992px) {
.module-text-text-legals .module__outer__inner.text-left {
flex-direction: row
}
}
.module-text-text-legals .module__outer__inner.text-left .module-text-text-legals__right__wrapper {
padding-right: var(--pageModuleIndentS);
padding-left: var(--pageModuleIndentS)
}
@media (min-width:992px) {
.module-text-text-legals .module__outer__inner.text-left .module-text-text-legals__right__wrapper {
padding-right: var(--pageModuleIndentS);
padding-left: var(--pageModuleIndentS)
}
}
.module-text-text-legals .module__outer__inner.text-left .module-text-text-legals__left__wrapper {
padding-right: var(--pageModuleIndentS);
padding-left: var(--pageModuleIndentS)
}
@media (min-width:992px) {
.module-text-text-legals .module__outer__inner.text-left .module-text-text-legals__left__wrapper {
padding-right: var(--pageModuleIndentS);
padding-left: var(--pageModuleIndentS)
}
}
.module-text-text-legals .module__outer__inner .module-text-text-legals__right {
width: 100%;
flex: 1;
position: relative
}
@media (min-width:992px) {
.module-text-text-legals .module__outer__inner .module-text-text-legals__right {
width: 50%
}
}
.module-text-text-legals .module__outer__inner .module-text-text-legals__right.bg-color-white {
background-color: #fff
}
.module-text-text-legals .module__outer__inner .module-text-text-legals__right.bg-color-white .module-text-text-legals__right__wrapper__top h2 {
color: var(--pageTypoH2Color) !important
}
.module-text-text-legals .module__outer__inner .module-text-text-legals__right.bg-color-white .module-text-text-legals__right__wrapper__top h3 {
color: var(--pageTypoH2Color) !important
}
.module-text-text-legals .module__outer__inner .module-text-text-legals__right.bg-color-white .module-text-text-legals__right__wrapper__bottom p {
color: var(--pageTypoH2Color) !important
}
.module-text-text-legals .module__outer__inner .module-text-text-legals__right.bg-color-black {
background-color: #000
}
.module-text-text-legals .module__outer__inner .module-text-text-legals__right.bg-color-black .module-text-text-legals__right__wrapper__top h2 {
color: #fff !important
}
.module-text-text-legals .module__outer__inner .module-text-text-legals__right.bg-color-black .module-text-text-legals__right__wrapper__top h3 {
color: #fff !important
}
.module-text-text-legals .module__outer__inner .module-text-text-legals__right.bg-color-black .module-text-text-legals__right__wrapper__bottom p {
color: #fff !important
}
.module-text-text-legals .module__outer__inner .module-text-text-legals__right.bg-color-brand {
background-color: var(--pageBrandColor)
}
.module-text-text-legals .module__outer__inner .module-text-text-legals__right.bg-color-brand .module-text-text-legals__right__wrapper__top h2 {
color: #fff !important
}
.module-text-text-legals .module__outer__inner .module-text-text-legals__right.bg-color-brand .module-text-text-legals__right__wrapper__top h3 {
color: #fff !important
}
.module-text-text-legals .module__outer__inner .module-text-text-legals__right.bg-color-brand .module-text-text-legals__right__wrapper__bottom p {
color: #fff !important
}
.module-text-text-legals .module__outer__inner .module-text-text-legals__right.bg-color-accent {
background-color: var(--pageAccentColor)
}
.module-text-text-legals .module__outer__inner .module-text-text-legals__right.bg-color-accent .module-text-text-legals__right__wrapper__top h2 {
color: #fff !important
}
.module-text-text-legals .module__outer__inner .module-text-text-legals__right.bg-color-accent .module-text-text-legals__right__wrapper__top h3 {
color: #fff !important
}
.module-text-text-legals .module__outer__inner .module-text-text-legals__right.bg-color-accent .module-text-text-legals__right__wrapper__bottom p {
color: #fff !important
}
.module-text-text-legals .module__outer__inner .module-text-text-legals__right__wrapper {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
height: 100%;
padding: 60px 0 60px
}
.module-text-text-legals .module__outer__inner .module-text-text-legals__right__wrapper__top {
align-self: flex-start
}
.module-text-text-legals .module__outer__inner .module-text-text-legals__right__wrapper__top h2 {
max-width: 100%;
color: var(--pageTypoH2Color)
}
.module-text-text-legals .module__outer__inner .module-text-text-legals__right__wrapper__top h3 {
max-width: 100%;
color: var(--pageTypoH2Color)
}
.module-text-text-legals .module__outer__inner .module-text-text-legals__right__wrapper__bottom {
text-align: left;
width: 100%
}
.module-text-text-legals .module__outer__inner .module-text-text-legals__right__wrapper__bottom p {
max-width: 100%;
color: var(--pageTypoH2Color)
}
.module-text-text-legals .module__outer__inner .module-text-text-legals__right__wrapper__bottom p:last-of-type {
padding-bottom: 0
}
.module-text-text-legals .module__outer__inner .module-text-text-legals__right__wrapper__bottom a {
text-decoration: underline;
display: inline-block
}
.module-text-text-legals .module__outer__inner .module-text-text-legals__right__wrapper__bottom a.button {
margin-top: 30px
}
.module-text-text-legals .module__outer__inner .module-text-text-legals__right__wrapper__bottom button {
margin-top: 20px
}
.module-text-text-legals .module__outer__inner .module-text-text-legals__left {
width: 100%;
flex: 1;
position: relative;
min-height: 640px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='149' height='108.473'%3E%3Cg data-name='Gruppe 1351'%3E%3Cg data-name='Gruppe 1345'%3E%3Cpath data-name='Pfad 571' d='M96.913 0 55.004 39.852V67.6l47 40.869h47L83.441 53.037 142.115 0Z' fill='%23fff'/%3E%3C/g%3E%3Cg data-name='Gruppe 1346'%3E%3Cpath data-name='Pfad 572' d='M0 0v108.473h33.229V66.822H44.92V39.853H33.229V0Z' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-position: bottom 35px right 35px;
background-size: 60px;
background-repeat: no-repeat
}
@media (min-width:992px) {
.module-text-text-legals .module__outer__inner .module-text-text-legals__left {
width: 50%;
background-position: bottom 35px right 35px;
background-size: 60px
}
}
@media (min-width:1024px) {
.module-text-text-legals .module__outer__inner .module-text-text-legals__left {
background-position: bottom 35px right 35px;
background-size: 70px
}
}
@media (min-width:1280px) {
.module-text-text-legals .module__outer__inner .module-text-text-legals__left {
background-position: bottom 35px right 35px;
background-size: 80px
}
}
.module-text-text-legals .module__outer__inner .module-text-text-legals__left.bg-color-white {
background-color: #fff
}
.module-text-text-legals .module__outer__inner .module-text-text-legals__left.bg-color-white .module-text-text-legals__left__wrapper__top h2 {
color: var(--pageTypoH2Color) !important
}
.module-text-text-legals .module__outer__inner .module-text-text-legals__left.bg-color-white .module-text-text-legals__left__wrapper__top h3 {
color: var(--pageTypoH2Color) !important
}
.module-text-text-legals .module__outer__inner .module-text-text-legals__left.bg-color-white .module-text-text-legals__left__wrapper__bottom p {
color: var(--pageTypoH2Color) !important
}
.module-text-text-legals .module__outer__inner .module-text-text-legals__left.bg-color-black {
background-color: #000
}
.module-text-text-legals .module__outer__inner .module-text-text-legals__left.bg-color-black .module-text-text-legals__left__wrapper__top h2 {
color: #fff !important
}
.module-text-text-legals .module__outer__inner .module-text-text-legals__left.bg-color-black .module-text-text-legals__left__wrapper__top h3 {
color: #fff !important
}
.module-text-text-legals .module__outer__inner .module-text-text-legals__left.bg-color-black .module-text-text-legals__left__wrapper__bottom p {
color: #fff !important
}
.module-text-text-legals .module__outer__inner .module-text-text-legals__left.bg-color-brand {
background-color: var(--pageBrandColor)
}
.module-text-text-legals .module__outer__inner .module-text-text-legals__left.bg-color-brand .module-text-text-legals__left__wrapper__top h2 {
color: #fff !important
}
.module-text-text-legals .module__outer__inner .module-text-text-legals__left.bg-color-brand .module-text-text-legals__left__wrapper__top h3 {
color: #fff !important
}
.module-text-text-legals .module__outer__inner .module-text-text-legals__left.bg-color-brand .module-text-text-legals__left__wrapper__bottom p {
color: #fff !important
}
.module-text-text-legals .module__outer__inner .module-text-text-legals__left.bg-color-accent {
background-color: var(--pageAccentColor)
}
.module-text-text-legals .module__outer__inner .module-text-text-legals__left.bg-color-accent .module-text-text-legals__left__wrapper__top h2 {
color: #fff !important
}
.module-text-text-legals .module__outer__inner .module-text-text-legals__left.bg-color-accent .module-text-text-legals__left__wrapper__top h3 {
color: #fff !important
}
.module-text-text-legals .module__outer__inner .module-text-text-legals__left.bg-color-accent .module-text-text-legals__left__wrapper__bottom p {
color: #fff !important
}
.module-text-text-legals .module__outer__inner .module-text-text-legals__left__wrapper {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
height: 100%;
padding: 60px 0 90px
}
.module-text-text-legals .module__outer__inner .module-text-text-legals__left__wrapper__top {
align-self: flex-start
}
.module-text-text-legals .module__outer__inner .module-text-text-legals__left__wrapper__top h2 {
max-width: 100%;
color: var(--pageTypoH2Color)
}
.module-text-text-legals .module__outer__inner .module-text-text-legals__left__wrapper__top h3 {
max-width: 100%;
color: var(--pageTypoH2Color)
}
.module-text-text-legals .module__outer__inner .module-text-text-legals__left__wrapper__bottom {
text-align: left;
width: 100%
}
.module-text-text-legals .module__outer__inner .module-text-text-legals__left__wrapper__bottom p {
max-width: 100%;
color: var(--pageTypoH2Color)
}
.module-text-text-legals .module__outer__inner .module-text-text-legals__left__wrapper__bottom p:last-of-type {
padding-bottom: 0
}
.module-text-text-legals .module__outer__inner .module-text-text-legals__left__wrapper__bottom a {
text-decoration: underline;
display: inline-block
}
.module-text-text-legals .module__outer__inner .module-text-text-legals__left__wrapper__bottom a.button {
margin-top: 30px
}
.module-text-text-legals .module__outer__inner .module-text-text-legals__left__wrapper__bottom button {
margin-top: 20px
}
.module-tabledata .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto
}
.module-tabledata .module__outer__inner table {
border-collapse: collapse;
margin: 0;
padding: 0;
width: 100%;
table-layout: fixed
}
.module-tabledata .module__outer__inner table caption {
font-size: var(--pageTypoFontSize);
margin: .5em 0 .75em
}
.module-tabledata .module__outer__inner table tr {
background-color: transparent;
border: 1px solid var(--pageBrandColor);
padding: .35em;
border-left: none;
border-right: none
}
.module-tabledata .module__outer__inner table td,
.module-tabledata .module__outer__inner table th {
padding: .625em;
font-weight: 400;
text-align: center
}
.module-tabledata .module__outer__inner table td:first-of-type,
.module-tabledata .module__outer__inner table th:first-of-type {
text-align: left
}
.module-tabledata .module__outer__inner table th {
font-size: var(--pageTypoFontSize)
}
@media (max-width:640px) {
.module-tabledata .module__outer__inner table {
border: 0
}
.module-tabledata .module__outer__inner table caption {
font-size: var(--pageTypoFontSize)
}
.module-tabledata .module__outer__inner table thead {
border: none;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px
}
.module-tabledata .module__outer__inner table tr {
border-bottom: 1px solid var(--pageBrandColor);
display: block;
margin-bottom: .625em
}
.module-tabledata .module__outer__inner table td {
border-bottom: 1px solid var(--pageBrandColor);
display: block;
font-size: var(--pageTypoFontSize);
text-align: right
}
.module-tabledata .module__outer__inner table td::before {
content: attr(data-label);
float: left;
font-weight: 400
}
.module-tabledata .module__outer__inner table td:last-child {
border-bottom: 0
}
}
.module-text-image-basic .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto
}
.module-text-image-basic .module__outer__inner {
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
text-decoration: none;
color: inherit
}
@media (min-width:992px) {
.module-text-image-basic .module__outer__inner {
flex-direction: row
}
}
.module-text-image-basic .module__outer__inner:hover {
text-decoration: none
}
.module-text-image-basic .module__outer__inner.text-order-right {
flex-direction: column-reverse
}
@media (min-width:992px) {
.module-text-image-basic .module__outer__inner.text-order-right {
flex-direction: row-reverse
}
}
.module-text-image-basic .module__outer__inner.text-order-right.indentafter-none .module-text-image-basic__text {
padding-right: 8.33333%;
padding-left: 8.33333%
}
@media (min-width:640px) {
.module-text-image-basic .module__outer__inner.text-order-right.indentafter-none .module-text-image-basic__text {
padding-right: var(--pageModuleIndentS);
padding-left: var(--pageModuleIndentS)
}
}
.module-text-image-basic .module__outer__inner.text-order-right .module-text-image-basic__text__wrapper {
align-items: flex-start
}
.module-text-image-basic .module__outer__inner.text-order-right .module-text-image-basic__media {
padding-bottom: 32px
}
@media (min-width:992px) {
.module-text-image-basic .module__outer__inner.text-order-right .module-text-image-basic__media {
padding-bottom: 0
}
}
@media (min-width:992px) {
.module-text-image-basic .module__outer__inner.text-order-right .module-text-image-basic__media.none {
padding-right: 0
}
}
@media (min-width:992px) {
.module-text-image-basic .module__outer__inner.text-order-right .module-text-image-basic__media.s {
padding-right: 0
}
}
@media (min-width:992px) {
.module-text-image-basic .module__outer__inner.text-order-right .module-text-image-basic__media.m {
padding-right: 0
}
}
@media (min-width:992px) {
.module-text-image-basic .module__outer__inner.text-order-right .module-text-image-basic__media.l {
padding-right: 0
}
}
@media (min-width:992px) {
.module-text-image-basic .module__outer__inner.text-order-right .module-text-image-basic__text {
padding-left: 0
}
}
.module-text-image-basic .module__outer__inner.text-order-right .module-text-image-basic__text.none {
padding-left: var(--pageModuleIndentS)
}
@media (min-width:992px) {
.module-text-image-basic .module__outer__inner.text-order-right .module-text-image-basic__text.none {
padding-left: var(--pageModuleIndentS)
}
}
@media (min-width:992px) {
.module-text-image-basic .module__outer__inner.text-order-right .module-text-image-basic__text.s {
padding-left: var(--pageSwiperSpaceS)
}
}
@media (min-width:992px) {
.module-text-image-basic .module__outer__inner.text-order-right .module-text-image-basic__text.m {
padding-left: var(--pageSwiperSpaceM)
}
}
@media (min-width:992px) {
.module-text-image-basic .module__outer__inner.text-order-right .module-text-image-basic__text.l {
padding-left: var(--pageSwiperSpaceL)
}
}
.module-text-image-basic .module__outer__inner.text-order-left {
flex-direction: column-reverse
}
@media (min-width:992px) {
.module-text-image-basic .module__outer__inner.text-order-left {
flex-direction: row
}
}
.module-text-image-basic .module__outer__inner.text-order-left.indentbefore-none .module-text-image-basic__text {
padding-right: 8.33333%;
padding-left: 8.33333%
}
@media (min-width:640px) {
.module-text-image-basic .module__outer__inner.text-order-left.indentbefore-none .module-text-image-basic__text {
padding-right: var(--pageModuleIndentS);
padding-left: var(--pageModuleIndentS)
}
}
.module-text-image-basic .module__outer__inner.text-order-left .module-text-image-basic__media {
padding-bottom: 32px
}
@media (min-width:992px) {
.module-text-image-basic .module__outer__inner.text-order-left .module-text-image-basic__media {
padding-bottom: 0
}
}
@media (min-width:992px) {
.module-text-image-basic .module__outer__inner.text-order-left .module-text-image-basic__media.none {
padding-left: 0
}
}
@media (min-width:992px) {
.module-text-image-basic .module__outer__inner.text-order-left .module-text-image-basic__media.s {
padding-left: 0
}
}
@media (min-width:992px) {
.module-text-image-basic .module__outer__inner.text-order-left .module-text-image-basic__media.m {
padding-left: 0
}
}
@media (min-width:992px) {
.module-text-image-basic .module__outer__inner.text-order-left .module-text-image-basic__media.l {
padding-left: 0
}
}
.module-text-image-basic .module__outer__inner.text-order-left .module-text-image-basic__media .module-image__media__caption {
padding-top: 15px;
max-width: 85%
}
@media (min-width:768px) {
.module-text-image-basic .module__outer__inner.text-order-left .module-text-image-basic__text {
padding-right: 0
}
}
.module-text-image-basic .module__outer__inner.text-order-left .module-text-image-basic__text.none {
padding-left: var(--pageModuleIndentS)
}
@media (min-width:992px) {
.module-text-image-basic .module__outer__inner.text-order-left .module-text-image-basic__text.none {
padding-right: var(--pageSwiperSpaceNone)
}
}
@media (min-width:992px) {
.module-text-image-basic .module__outer__inner.text-order-left .module-text-image-basic__text.s {
padding-right: var(--pageSwiperSpaceS)
}
}
@media (min-width:992px) {
.module-text-image-basic .module__outer__inner.text-order-left .module-text-image-basic__text.m {
padding-right: var(--pageSwiperSpaceM)
}
}
@media (min-width:992px) {
.module-text-image-basic .module__outer__inner.text-order-left .module-text-image-basic__text.l {
padding-right: var(--pageSwiperSpaceL)
}
}
.module-text-image-basic .module__outer__inner .module-text-image-basic__text {
width: 100%;
padding: 60px 0 90px
}
@media (min-width:992px) {
.module-text-image-basic .module__outer__inner .module-text-image-basic__text {
width: 50%;
padding: 0
}
}
.module-text-image-basic .module__outer__inner .module-text-image-basic__text__wrapper {
display: flex;
flex-direction: column;
align-items: flex-start
}
.module-text-image-basic .module__outer__inner .module-text-image-basic__text__wrapper h1,
.module-text-image-basic .module__outer__inner .module-text-image-basic__text__wrapper__headline1 {
max-width: 100%
}
@media (min-width:640px) {
.module-text-image-basic .module__outer__inner .module-text-image-basic__text__wrapper h1,
.module-text-image-basic .module__outer__inner .module-text-image-basic__text__wrapper__headline1 {
max-width: 85%
}
}
.module-text-image-basic .module__outer__inner .module-text-image-basic__text__wrapper h2,
.module-text-image-basic .module__outer__inner .module-text-image-basic__text__wrapper__headline2 {
max-width: 100%
}
@media (min-width:640px) {
.module-text-image-basic .module__outer__inner .module-text-image-basic__text__wrapper h2,
.module-text-image-basic .module__outer__inner .module-text-image-basic__text__wrapper__headline2 {
max-width: 85%
}
}
.module-text-image-basic .module__outer__inner .module-text-image-basic__text__wrapper h3,
.module-text-image-basic .module__outer__inner .module-text-image-basic__text__wrapper__headline3 {
max-width: 100%
}
@media (min-width:640px) {
.module-text-image-basic .module__outer__inner .module-text-image-basic__text__wrapper h3,
.module-text-image-basic .module__outer__inner .module-text-image-basic__text__wrapper__headline3 {
max-width: 85%
}
}
.module-text-image-basic .module__outer__inner .module-text-image-basic__text__wrapper p,
.module-text-image-basic .module__outer__inner .module-text-image-basic__text__wrapper__copy {
max-width: 100%;
width: 100%
}
@media (min-width:640px) {
.module-text-image-basic .module__outer__inner .module-text-image-basic__text__wrapper p,
.module-text-image-basic .module__outer__inner .module-text-image-basic__text__wrapper__copy {
max-width: 85%
}
}
.module-text-image-basic .module__outer__inner .module-text-image-basic__text__wrapper p:last-of-type,
.module-text-image-basic .module__outer__inner .module-text-image-basic__text__wrapper__copy:last-of-type {
padding-bottom: 0
}
.module-text-image-basic .module__outer__inner .module-text-image-basic__text__wrapper a,
.module-text-image-basic .module__outer__inner .module-text-image-basic__text__wrapper__cta {
text-decoration: underline
}
.module-text-image-basic .module__outer__inner .module-text-image-basic__text__wrapper a.button,
.module-text-image-basic .module__outer__inner .module-text-image-basic__text__wrapper__cta.button {
margin-top: 30px
}
.module-text-image-basic .module__outer__inner .module-text-image-basic__text__wrapper button,
.module-text-image-basic .module__outer__inner .module-text-image-basic__text__wrapper__button {
margin-top: 20px
}
.module-text-image-basic .module__outer__inner .module-text-image-basic__media {
width: 100%
}
@media (min-width:992px) {
.module-text-image-basic .module__outer__inner .module-text-image-basic__media {
width: 50%
}
}
.module-text-image-basic .module__outer__inner .module-text-image-basic__media .tint {
position: relative;
margin: 0
}
.module-text-image-basic .module__outer__inner .module-text-image-basic__media .tint::after {
content: "";
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
background-color: transparent;
mix-blend-mode: multiply
}
.module-text-image-basic .module__outer__inner .module-text-image-basic__media .tint.brand::after {
background-color: var(--pageBrandColorActive)
}
.module-text-image-basic .module__outer__inner .module-text-image-basic__media .tint.accent::after {
background-color: var(--pageAccentColor)
}
.module-text-image-basic .module__outer__inner .module-text-image-basic__media .tint .module-text-image-basic__media__caption {
position: absolute;
bottom: 0;
right: 0;
z-index: 1;
padding: 5px 10px;
background-color: rgba(255, 255, 255, .6)
}
.module-text-image-basic .module__outer__inner .module-text-image-basic__media .tint .module-text-image-basic__media__caption.font-color-bright {
background-color: rgba(0, 0, 0, .4)
}
.module-text-image-basic .module__outer__inner .module-text-image-basic__media .tint .module-text-image-basic__media__caption.white {
color: #fff;
background-color: rgba(0, 0, 0, .4)
}
.module-text-image-basic .module__outer__inner .module-text-image-basic__media__caption {
padding-top: 15px;
max-width: 85%;
text-align: left
}
.module-text-image-basic .module__outer__inner.image-width-xs .module-text-image-basic__text {
width: 100%
}
@media (min-width:992px) {
.module-text-image-basic .module__outer__inner.image-width-xs .module-text-image-basic__text {
width: 70%
}
}
.module-text-image-basic .module__outer__inner.image-width-xs .module-text-image-basic__media {
width: 100%
}
@media (min-width:992px) {
.module-text-image-basic .module__outer__inner.image-width-xs .module-text-image-basic__media {
width: 30%
}
}
.module-text-image-basic .module__outer__inner.image-width-s .module-text-image-basic__text {
width: 100%
}
@media (min-width:992px) {
.module-text-image-basic .module__outer__inner.image-width-s .module-text-image-basic__text {
width: 60%
}
}
.module-text-image-basic .module__outer__inner.image-width-s .module-text-image-basic__media {
width: 100%
}
@media (min-width:992px) {
.module-text-image-basic .module__outer__inner.image-width-s .module-text-image-basic__media {
width: 40%
}
}
.module-text-image-basic .module__outer__inner.image-width-m .module-text-image-basic__text {
width: 100%
}
@media (min-width:992px) {
.module-text-image-basic .module__outer__inner.image-width-m .module-text-image-basic__text {
width: 50%
}
}
.module-text-image-basic .module__outer__inner.image-width-m .module-text-image-basic__media {
width: 100%
}
@media (min-width:992px) {
.module-text-image-basic .module__outer__inner.image-width-m .module-text-image-basic__media {
width: 50%
}
}
.module-text-image-basic .module__outer__inner.image-width-l .module-text-image-basic__text {
width: 100%
}
@media (min-width:992px) {
.module-text-image-basic .module__outer__inner.image-width-l .module-text-image-basic__text {
width: 40%
}
}
.module-text-image-basic .module__outer__inner.image-width-l .module-text-image-basic__media {
width: 100%
}
@media (min-width:992px) {
.module-text-image-basic .module__outer__inner.image-width-l .module-text-image-basic__media {
width: 60%
}
}
.module-text-image-basic .module__outer__inner.image-width-xl .module-text-image-basic__text {
width: 100%
}
@media (min-width:992px) {
.module-text-image-basic .module__outer__inner.image-width-xl .module-text-image-basic__text {
width: 30%
}
}
.module-text-image-basic .module__outer__inner.image-width-xl .module-text-image-basic__media {
width: 100%
}
@media (min-width:992px) {
.module-text-image-basic .module__outer__inner.image-width-xl .module-text-image-basic__media {
width: 70%
}
}
.module-projects-grid .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto
}
.module-projects-grid .module__outer .module-projects-grid__inner {
display: flex;
flex-wrap: wrap
}
.module-projects-grid .module__outer .module-projects-grid__inner .teaser-box__link {
position: relative
}
.module-projects-grid .module__outer .module-projects-grid__inner .teaser-box__link.small {
width: 100%
}
@media (min-width:640px) {
.module-projects-grid .module__outer .module-projects-grid__inner .teaser-box__link.small {
width: 50%
}
}
@media (min-width:1024px) {
.module-projects-grid .module__outer .module-projects-grid__inner .teaser-box__link.small {
width: 25%
}
}
.module-projects-grid .module__outer .module-projects-grid__inner .teaser-box__link.mid {
width: 100%
}
@media (min-width:640px) {
.module-projects-grid .module__outer .module-projects-grid__inner .teaser-box__link.mid {
width: 50%
}
}
.module-projects-grid .module__outer .module-projects-grid__inner .teaser-box__link__image {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
padding-bottom: 0
}
.module-projects-grid .module__outer .module-projects-grid__inner .teaser-box__link__details {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .25);
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 49px 8.33333% 49px;
transition: background-color .3s ease
}
@media (min-width:640px) {
.module-projects-grid .module__outer .module-projects-grid__inner .teaser-box__link__details {
padding: 49px var(--pageModuleIndentS) 49px
}
}
.module-projects-grid .module__outer .module-projects-grid__inner .teaser-box__link__details:hover {
background-color: rgba(0, 0, 0, .2)
}
.module-projects-grid .module__outer .module-projects-grid__inner .teaser-box__link__details__top {
align-self: flex-start
}
.module-projects-grid .module__outer .module-projects-grid__inner .teaser-box__link__details__bottom {
text-align: left
}
.module-projects-swiper .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto
}
.module-projects-swiper .module__outer__inner .module-slidex .keen-slider .slidex__slide .teaser-box__link__image {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
padding-bottom: 0
}
.module-projects-swiper .module__outer__inner .module-slidex .keen-slider .slidex__slide .teaser-box__link__details {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, .25);
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 24px;
transition: background-color .3s ease
}
@media (min-width:640px) {
.module-projects-swiper .module__outer__inner .module-slidex .keen-slider .slidex__slide .teaser-box__link__details {
padding: 49px 55px 49px
}
}
.module-projects-swiper .module__outer__inner .module-slidex .keen-slider .slidex__slide .teaser-box__link__details:hover {
background-color: rgba(0, 0, 0, .2)
}
.module-projects-swiper .module__outer__inner .module-slidex .keen-slider .slidex__slide .teaser-box__link__details__top {
align-self: flex-start
}
.module-projects-swiper .module__outer__inner .module-slidex .keen-slider .slidex__slide .teaser-box__link__details__bottom {
text-align: left
}
.module-projects-swiper .module__outer__inner .module-slidex .slidex-pagination {
position: relative;
bottom: inherit;
margin-top: 30px
}
.module-products-swiper .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto
}
.module-products-swiper .module__outer__inner .module-slidex .keen-slider .slidex__slide .teaser-box__link__image {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
padding-bottom: 0
}
.module-products-swiper .module__outer__inner .module-slidex .keen-slider .slidex__slide .teaser-box__link__details {
width: 100%;
display: flex;
padding: 20px 0 0
}
.module-products-swiper .module__outer__inner .slidex-pagination {
position: relative;
bottom: inherit;
margin-top: 30px
}
.module-news-swiper .module__outer {
max-width: var(--pageModulesMaxWidth);
margin: 0 auto
}
.module-news-swiper .module__outer__inner .module-slidex .keen-slider .slidex__slide .teaser-box .teaser-box__link .teaser-box__link__media {
padding-bottom: 0
}
.module-news-swiper .module__outer__inner .module-slidex .keen-slider .slidex__slide .teaser-box .teaser-box__link .teaser-box__link__media .teaser-box__link__media__image {
height: auto;
-o-object-fit: cover;
object-fit: cover;
position: relative;
top: inherit;
left: inherit
}
.module-news-swiper .module__outer__inner .module-slidex .slidex-pagination {
position: relative;
bottom: inherit;
margin-top: 30px
}
.effect-fade {
opacity: 0
}
.effect-fade.fade-1 {
opacity: .08333
}
.effect-fade.fade-2 {
opacity: .16667
}
.effect-fade.fade-3 {
opacity: .25
}
.effect-fade.fade-4 {
opacity: .33333
}
.effect-fade.fade-5 {
opacity: .41667
}
.effect-fade.fade-6 {
opacity: .5
}
.effect-fade.fade-7 {
opacity: .58333
}
.effect-fade.fade-8 {
opacity: .66667
}
.effect-fade.fade-9 {
opacity: .75
}
.effect-fade.fade-10 {
opacity: .83333
}
.effect-fade.fade-11 {
opacity: .91667
}
.effect-fade.fade-12 {
opacity: 1
}
.effect-fadeOnce,
.effect-fadein {
opacity: 0
}
.effect-fadeOnce.above,
.effect-fadeOnce.effect-1,
.effect-fadein.above,
.effect-fadein.effect-1 {
opacity: 0
}
.effect-fadeOnce.effect-2,
.effect-fadein.effect-2 {
opacity: .1
}
.effect-fadeOnce.effect-3,
.effect-fadein.effect-3 {
opacity: .2
}
.effect-fadeOnce.effect-4,
.effect-fadein.effect-4 {
opacity: .3
}
.effect-fadeOnce.effect-5,
.effect-fadein.effect-5 {
opacity: .4
}
.effect-fadeOnce.effect-6,
.effect-fadein.effect-6 {
opacity: .5
}
.effect-fadeOnce.effect-7,
.effect-fadein.effect-7 {
opacity: .6
}
.effect-fadeOnce.effect-8,
.effect-fadein.effect-8 {
opacity: .7
}
.effect-fadeOnce.effect-9,
.effect-fadein.effect-9 {
opacity: .9
}
.effect-fadeOnce.below,
.effect-fadeOnce.effect-10,
.effect-fadein.below,
.effect-fadein.effect-10 {
opacity: 1
}
.effect-fadeOnce h1 .word,
.effect-fadeOnce h2 .word,
.effect-fadeOnce h3 .word,
.effect-fadein h1 .word,
.effect-fadein h2 .word,
.effect-fadein h3 .word {
display: inline-block;
margin-right: .33em;
overflow: hidden;
visibility: hidden
}
.effect-fadeOnce h1 .word:last-of-type,
.effect-fadeOnce h2 .word:last-of-type,
.effect-fadeOnce h3 .word:last-of-type,
.effect-fadein h1 .word:last-of-type,
.effect-fadein h2 .word:last-of-type,
.effect-fadein h3 .word:last-of-type {
margin-right: 0
}
.effect-fadeOnce h1 .word.show,
.effect-fadeOnce h2 .word.show,
.effect-fadeOnce h3 .word.show,
.effect-fadein h1 .word.show,
.effect-fadein h2 .word.show,
.effect-fadein h3 .word.show {
visibility: visible
}
.effect-fadeOnce h1 .word.show .inner,
.effect-fadeOnce h2 .word.show .inner,
.effect-fadeOnce h3 .word.show .inner,
.effect-fadein h1 .word.show .inner,
.effect-fadein h2 .word.show .inner,
.effect-fadein h3 .word.show .inner {
transform: translate(0, 0)
}
.effect-fadeOnce h1 .word .inner,
.effect-fadeOnce h2 .word .inner,
.effect-fadeOnce h3 .word .inner,
.effect-fadein h1 .word .inner,
.effect-fadein h2 .word .inner,
.effect-fadein h3 .word .inner {
display: inline-block;
transform: translate(0, 100%);
transition: all .4s ease
}
.effect-fadeOnce h1.done .word,
.effect-fadeOnce h2.done .word,
.effect-fadeOnce h3.done .word,
.effect-fadein h1.done .word,
.effect-fadein h2.done .word,
.effect-fadein h3.done .word {
overflow: inherit
}
.effect-media {
transition: all .3 ease;
transform: translateY(24%)
}
@media (min-width:768px) {
.effect-media {
opacity: 0
}
}
.effect-media.above,
.effect-media.effect-1 {
transform: translateY(24%)
}
@media (min-width:768px) {
.effect-media.above,
.effect-media.effect-1 {
opacity: 0
}
}
.effect-media.effect-2 {
transform: translateY(21.33333%)
}
@media (min-width:768px) {
.effect-media.effect-2 {
opacity: .1
}
}
.effect-media.effect-3 {
transform: translateY(18.66667%)
}
@media (min-width:768px) {
.effect-media.effect-3 {
opacity: .2
}
}
.effect-media.effect-4 {
transform: translateY(16%)
}
@media (min-width:768px) {
.effect-media.effect-4 {
opacity: .3
}
}
.effect-media.effect-5 {
transform: translateY(13.33333%)
}
@media (min-width:768px) {
.effect-media.effect-5 {
opacity: .4
}
}
.effect-media.effect-6 {
transform: translateY(10.66667%)
}
@media (min-width:768px) {
.effect-media.effect-6 {
opacity: .5
}
}
.effect-media.effect-7 {
transform: translateY(8%)
}
@media (min-width:768px) {
.effect-media.effect-7 {
opacity: .6
}
}
.effect-media.effect-8 {
transform: translateY(5.33333%)
}
@media (min-width:768px) {
.effect-media.effect-8 {
opacity: .7
}
}
.effect-media.effect-9 {
transform: translateY(2.66667%)
}
@media (min-width:768px) {
.effect-media.effect-9 {
opacity: .9
}
}
.effect-media.below,
.effect-media.effect-10 {
transform: translateY(0)
}
@media (min-width:768px) {
.effect-media.below,
.effect-media.effect-10 {
opacity: 1
}
}
.effect-media h1 .word,
.effect-media h2 .word,
.effect-media h3 .word {
display: inline-block;
margin-right: .33em;
overflow: hidden;
visibility: hidden
}
.effect-media h1 .word.show,
.effect-media h2 .word.show,
.effect-media h3 .word.show {
visibility: visible
}
.effect-media h1 .word.show .inner,
.effect-media h2 .word.show .inner,
.effect-media h3 .word.show .inner {
transform: translate(0, 0)
}
.effect-media h1 .word .inner,
.effect-media h2 .word .inner,
.effect-media h3 .word .inner {
display: inline-block;
transform: translate(0, 100%);
transition: all .4s ease
}
.effect-media h1.done .word,
.effect-media h2.done .word,
.effect-media h3.done .word {
overflow: inherit
}