/* Haupt-CSS */ @media (min-width: 1200px) { #wMediaqueryTmp, #wMediaqueryTmp_xl_min {font-family:"mediaquery_viewport_xl_min"} .hideIfViewport_xl_min { display:none !important; } } @media (max-width: 1199px) { #wMediaqueryTmp, #wMediaqueryTmp_xl_max {font-family:"mediaquery_viewport_xl_max"} .hideIfViewport_xl_max { display:none !important; } } @media (min-width: 992px) { #wMediaqueryTmp, #wMediaqueryTmp_l_min {font-family:"mediaquery_viewport_l_min"} .hideIfViewport_l_min { display:none !important; } } @media (max-width: 991px) { #wMediaqueryTmp, #wMediaqueryTmp_l_max {font-family:"mediaquery_viewport_l_max"} .hideIfViewport_l_max { display:none !important; } } @media (min-width: 768px) { #wMediaqueryTmp, #wMediaqueryTmp_m_min {font-family:"mediaquery_viewport_m_min"} .hideIfViewport_m_min { display:none !important; } } @media (max-width: 767px) { #wMediaqueryTmp, #wMediaqueryTmp_m_max {font-family:"mediaquery_viewport_m_max"} .hideIfViewport_m_max { display:none !important; } } @media (min-width: 576px) { #wMediaqueryTmp, #wMediaqueryTmp_s_min {font-family:"mediaquery_viewport_s_min"} .hideIfViewport_s_min { display:none !important; } } @media (max-width: 575px) { #wMediaqueryTmp, #wMediaqueryTmp_s_max {font-family:"mediaquery_viewport_s_max"} .hideIfViewport_s_max { display:none !important; } } @media (min-width: 415px) { #wMediaqueryTmp, #wMediaqueryTmp_xs_min {font-family:"mediaquery_viewport_xs_min"} .hideIfViewport_xs_min { display:none !important; } } @media (max-width: 414px) { #wMediaqueryTmp, #wMediaqueryTmp_xs_max {font-family:"mediaquery_viewport_xs_max"} .hideIfViewport_xs_max { display:none !important; } } :root { --baseColorPrimary1:#E6E100; --baseColorPrimary2:#5A6B79; --baseColorWhite:#FFFFFF; --baseColorLighter:#F0F0F0; --baseColorLight:#EDEEF0; --baseColorSemi:#C4C8CE; --baseColorDark:#89929e; --baseColorBlack:#3c3c3c; --baseColorBlack50:#9e9e9e; --baseColorBlack75:#707070; --baseColorPureBlack:#000000; --baseColorYellow:var(--baseColorPrimary1); --baseColorBlueGray:var(--baseColorPrimary2); --textColorDefault:var(--baseColorBlack); --textColorDefaultInverse:var(--baseColorWhite); --backgroundColorBody:#FFFFFF; --backgroundColorHeader:transparent; --backgroundColorHeaderBefore:var(--baseColorWhite); --fontColorHeaderBefore:var(--baseColorWhite); --fontColorSearchSymbolHeaderBefore:var(--baseColorWhite); --fontColorHeaderAfter:var(--baseColorDark); --backgroundColorHeaderAfter:var(--baseColorLight); --fontColorSearchSymbolHeader:var(--textColorDefault); --fontColorSearchSymbolHeaderAfter:var(--textColorDefault); --backgroundColorSearchLayer:var(--baseColorLight); --fontColorNavigationMetaHeaderMainLevel1:var(--textColorDefault); --fontColorNavigationMetaHeaderMainLevel1Selected:var(--textColorDefault); --fontColorNavigationMetaHeaderMainLevel1Hover:var(--textColorDefault); --fontColorNavigationMetaHeaderMainLevel1Active:var(--textColorDefault); --fontColorNavigationMetaHeaderBeforeLevel1:var(--baseColorWhite); --fontColorNavigationMetaHeaderBeforeLevel1Selected:var(--baseColorLighter); --fontColorNavigationMetaHeaderBeforeLevel1Hover:var(--baseColorLighter); --fontColorNavigationMetaHeaderBeforeLevel1Active:var(--baseColorLighter); --backgroundColorNavigationMeta:transparent; --backgroundColorNavigationMain:transparent; --backgroundColorNavigationMainLayer:var(--baseColorLighter); --backgroundColorMegaDropdown:var(--baseColorLighter); --backgroundColorNavigationMainBlockBefore:transparent; --fontColorNavigationMainLevel1:var(--textColorDefault); --fontColorNavigationMainLevel1Selected:var(--textColorDefault); --fontColorNavigationMainLevel1Hover:var(--textColorDefault); --fontColorNavigationMainLevel1Active:var(--textColorDefault); --fontColorNavigationMainLevel2:var(--textColorDefault); --fontColorNavigationMainLevel2Selected:var(--textColorDefault); --fontColorNavigationMainLevel2Hover:var(--textColorDefault); --fontColorNavigationMainLevel2Active:var(--textColorDefault); --backgroundColorNavigationMainLevel1:transparent; --backgroundColorNavigationMainLevel1Selected:transparent; --backgroundColorNavigationMainLevel1Hover:transparent; --backgroundColorNavigationMainLevel1Active:transparent; --backgroundColorNavigationMainLevel2:transparent; --backgroundColorNavigationMainLevel2Selected:transparent; --backgroundColorNavigationMainLevel2Hover:rgba(60,60,60,0.02); --backgroundColorNavigationMainLevel2Active:rgba(60,60,60,0.05); --symbolColorNavigationMenu:var(--textColorDefault); --backgroundColorNavigationMenu:var(--baseColorLighter); --fontColorNavigationMenuLevel1:var(--baseColorWhite); --fontColorNavigationMenuLevel1Selected:var(--baseColorYellow); --fontColorNavigationMenuLevel1Hover:var(--baseColorYellow); --fontColorNavigationMenuLevel1Active:var(--baseColorYellow); --fontColorNavigationMenuLevel2:var(--baseColorWhite); --fontColorNavigationMenuLevel2Selected:var(--baseColorYellow); --fontColorNavigationMenuLevel2Hover:var(--baseColorYellow); --fontColorNavigationMenuLevel2Active:var(--baseColorYellow); --backgroundColorNavigationMenuLevel1:transparent; --backgroundColorNavigationMenuLevel1Selected:transparent; --backgroundColorNavigationMenuLevel1Hover:transparent; --backgroundColorNavigationMenuLevel1Active:rgba(60,60,60,0.05); --backgroundColorNavigationMenuLevel2:transparent; --backgroundColorNavigationMenuLevel2Selected:transparent; --backgroundColorNavigationMenuLevel2Hover:transparent; --backgroundColorNavigationMenuLevel2Active:rgba(60,60,60,0.05); --backgroundColorNavigationSub:transparent; --fontColorNavigationSubLevel1:var(--textColorDefault); --fontColorNavigationSubLevel1Selected:var(--textColorDefault); --fontColorNavigationSubLevel1Hover:var(--textColorDefault); --fontColorNavigationSubLevel1Active:var(--textColorDefault); --fontColorNavigationSubLevel2:var(--textColorDefault); --fontColorNavigationSubLevel2Selected:var(--textColorDefault); --fontColorNavigationSubLevel2Hover:var(--textColorDefault); --fontColorNavigationSubLevel2Active:var(--textColorDefault); --backgroundColorNavigationSubLevel1:transparent; --backgroundColorNavigationSubLevel1Selected:transparent; --backgroundColorNavigationSubLevel1Hover:transparent; --backgroundColorNavigationSubLevel1Active:transparent; --backgroundColorNavigationSubLevel2:transparent; --backgroundColorNavigationSubLevel2Selected:transparent; --backgroundColorNavigationSubLevel2Hover:transparent; --backgroundColorNavigationSubLevel2Active:transparent; --fontColorNavigationBreadcrumb:var(--textColorDefault); --fontColorNavigationBreadcrumbHover:var(--textColorDefault); --fontColorNavigationBreadcrumbActive:var(--textColorDefault); --backgroundColorNavigationBreadcrumb:transparent; --backgroundColorContent:var(--baseColorWhite); --fontColorDefault:var(--textColorDefault); --fontColorSub:var(--textColorDefault); --fontColorWeak:var(--textColorDefault); --fontColorInverseDefault:var(--baseColorWhite); --fontColorInverseSub:var(--baseColorWhite); --fontColorInverseWeak:var(--baseColorWhite); --fontColorError:#FB0008; --fontColorHeadline1:var(--textColorDefault); --fontColorHeadline2:var(--textColorDefault); --fontColorHeadline3:var(--textColorDefault); --fontColorHeadline4:var(--textColorDefault); --fontColorHeadline5:var(--textColorDefault); --fontColorHeadline6:var(--textColorDefault); --fontColorInverseHeadline1:var(--baseColorWhite); --fontColorInverseHeadline2:var(--baseColorWhite); --fontColorInverseHeadline3:var(--baseColorWhite); --fontColorInverseHeadline4:var(--baseColorWhite); --fontColorInverseHeadline5:var(--baseColorWhite); --fontColorInverseHeadline6:var(--baseColorWhite); --fontColorLink:var(--textColorDefault); --fontColorLinkHover:var(--textColorDefault); --fontColorLinkActive:var(--textColorDefault); --fontColorInverseLink:var(--baseColorWhite); --fontColorInverseLinkHover:var(--baseColorWhite); --fontColorInverseLinkActive:var(--baseColorWhite); --fontColorEntryTitle:var(--textColorDefault); --fontColorEntryDate:var(--textColorDefault); --fontColorEntryDescription:var(--textColorDefault); --fontColorInverseEntryTitle:var(--baseColorWhite); --fontColorInverseEntryDate:var(--baseColorWhite); --fontColorInverseEntryDescription:var(--baseColorWhite); --backgroundColorWhite:var(--baseColorWhite); --backgroundColorBlack:var(--baseColorBlack); --backgroundColorLight1:var(--baseColorLighter); --backgroundColorLight2:var(--baseColorLight); --backgroundColorDark1:var(--baseColorBlack); --backgroundColorDark2:var(--baseColorSemi); --backgroundColorError:rgba(251,0,8,0.3); --borderColorDefault:var(--baseColorBlack); --borderColorLight:var(--baseColorLighter); --borderColorDark:rgba(60,60,60,0.5); --borderColorLines:var(--baseColorSemi); --backgroundColorButton:var(--baseColorPrimary1); --backgroundColorButtonHover:var(--backgroundColorButton); --backgroundColorButtonActive:var(--backgroundColorButton); --borderColorButton:var(--baseColorPrimary1); --borderColorButtonHover:var(--borderColorButton); --borderColorButtonActive:var(--borderColorButton); --fontColorButton:var(--baseColorWhite); --fontColorButtonHover:var(--baseColorWhite); --fontColorButtonActive:var(--baseColorWhite); --backgroundColorInverseButton:var(--baseColorWhite); --backgroundColorInverseButtonHover:var(--baseColorWhite); --backgroundColorInverseButtonActive:var(--baseColorWhite); --borderColorInverseButton:var(--baseColorWhite); --borderColorInverseButtonHover:var(--baseColorWhite); --borderColorInverseButtonActive:var(--baseColorWhite); --fontColorInverseButton:var(--textColorDefault); --fontColorInverseButtonHover:var(--textColorDefault); --fontColorInverseButtonActive:var(--textColorDefault); --backgroundColorInputs:var(--baseColorLight); --borderColorInput:var(--baseColorSemi); --borderColorInputFocus:var(--baseColorDark); --backgroundColorTable:transparent; --backgroundColorTableHeader:var(--baseColorDark); --backgroundColorTableCellHightlighted:var(--baseColorLighter); --borderColorTable:var(--baseColorDark); --colorLinkIcon:var(--fontColorLink); --colorLinkIconInverse:var(--fontColorInverseLink); --fontColorFunctions:var(--baseColorSemi); --fontColorFunctionsActive:var(--baseColorDark); --backgroundColorFunctions:transparent; --backgroundColorFunctionsActive:transparent; --backgroundColorFooter:var(--baseColorWhite); --isDarkBackgroundFooter:no; --scrollbarColor:var(--baseColorSemi); --scrollbarColorLight:var(--baseColorLighter); } @font-face { font-display:swap; font-family:"Nunito 600"; src:url("/weblication-wGlobal/wGlobal/layout/webfonts/nunito/nunito-v25-latin-600.woff2") format("woff2"), url("/weblication-wGlobal/wGlobal/layout/webfonts/nunito/nunito-v25-latin-600.woff") format("woff"); } @font-face { font-display:swap; font-family:"Nunito 700"; src:url("/weblication-wGlobal/wGlobal/layout/webfonts/nunito/nunito-v25-latin-700.woff2") format("woff2"), url("/weblication-wGlobal/wGlobal/layout/webfonts/nunito/nunito-v25-latin-700.woff") format("woff"); } @font-face { font-display:swap; font-family:"Nunito Regular"; src:url("/weblication-wGlobal/wGlobal/layout/webfonts/nunito/nunito-v25-latin-regular.woff2") format("woff2"), url("/weblication-wGlobal/wGlobal/layout/webfonts/nunito/nunito-v25-latin-regular.woff") format("woff"); } :root { --fontFamilyDefault:"Nunito Regular", Arial, Helvetica, Sans-serif; --fontFamilyRegular:"Nunito Regular", Arial, Helvetica, Sans-serif; --fontFamilyLight:"Nunito Regular", Arial, Helvetica, Sans-serif; --fontFamilyBold:"Nunito 700", Arial, Helvetica, Sans-serif; --fontFamilyNavigationMain:inherit; --fontFamilyNavigationSub:inherit; --fontFamilyHeadline1:inherit; --fontFamilyHeadline2:inherit; --fontFamilyHeadline3:inherit; --fontFamilyHeadline4:inherit; --fontFamilyHeadline5:inherit; --fontFamilyHeadline6:inherit; --fontFamilyEntryTitle:inherit; --fontSizeRoot:16px; --fontSizeRoot_m:16px; --fontSizeRoot_l:16px; --fontSizeRoot_xl:16px; --fontSizeDefault:calc(0vw + 18px); --fontSizeSmall:calc(0vw + 12px); --fontSizeLarge:calc(0vw + 20px); --fontSizeXLarge:calc(0vw + 30px); --fontSizeConclusion:calc(0vw + 18px); --fontSizeAdditional:calc(0vw + 18px); --fontSizeLabel:15px; --fontSizeNavigationMainLevel1:min(24px,calc(0.30651341vw + 18.8505747126px)); --fontSizeNavigationMainLevel2:min(24px,calc(0.30651341vw + 18.8505747126px)); --fontSizeNavigationMainLevel3:min(24px,calc(0.30651341vw + 18.8505747126px)); --fontSizeNavigationMainLevel4:min(24px,calc(0.30651341vw + 18.8505747126px)); --fontSizeNavigationMetaLevel1:min(18px,calc(0vw + 18px)); --fontSizeHeadline1:min(50px,calc(1.2260536398vw + 29.4022988506px)); --fontSizeHeadline2:min(50px,calc(1.2260536398vw + 29.4022988506px)); --fontSizeHeadline3:min(30px,calc(0.6130268199vw + 19.7011494253px)); --fontSizeHeadline4:min(18px,calc(0vw + 18px)); --fontSizeHeadline5:min(18px,calc(0vw + 18px)); --fontSizeHeadline6:min(18px,calc(0vw + 18px)); --fontSizeHeadline1Full:min(50px,calc(1.2260536398vw + 29.4022988506px)); --fontSizeHeadline2Full:min(50px,calc(1.2260536398vw + 29.4022988506px)); --fontSizeHeadline3Full:min(30px,calc(0.6130268199vw + 19.7011494253px)); --fontSizeHeadline4Full:min(18px,calc(0vw + 18px)); --fontSizeHeadline5Full:min(18px,calc(0vw + 18px)); --fontSizeHeadline6Full:min(18px,calc(0vw + 18px)); --fontSizeEntryTitle:var(--fontSizeHeadline4); --fontSizeEntryDate:var(--fontSizeDefault); --fontSizeEntryDescription:var(--fontSizeDefault); --fontWeightHeadline1:bold; --fontWeightHeadline2:bold; --fontWeightHeadline3:normal; --fontWeightHeadline4:normal; --fontWeightHeadline5:normal; --fontWeightHeadline6:normal; --fontWeightHeadline1Full:bold; --fontWeightHeadline2Full:bold; --fontWeightHeadline3Full:normal; --fontWeightHeadline4Full:normal; --fontWeightHeadline5Full:normal; --fontWeightHeadline6Full:normal; --fontWeightEntryTitle:normal; --fontWeightEntryDate:normal; --lineHeightDefault:1.66; --lineHeightSmall:1.66; --lineHeightLarge:1.66; --lineHeightConclusion:1.66; --lineHeightAdditional:1.66; --lineHeightNavigationMainLevel1:48px; --lineHeightNavigationMainLevel2:150%; --lineHeightNavigationMainLevel3:150%; --lineHeightNavigationMainLevel4:150%; --lineHeightHeadline1:min(58px,calc(0.9195402299vw + 42.5517241379px)); --lineHeightHeadline2:min(58px,calc(0.9195402299vw + 42.5517241379px)); --lineHeightHeadline3:min(35px,calc(0.6896551724vw + 23.4137931034px)); --lineHeightHeadline4:min(22px,calc(0vw + 22px)); --lineHeightHeadline5:min(22px,calc(0vw + 22px)); --lineHeightHeadline6:min(22px,calc(0vw + 22px)); --lineHeightHeadline1Full:min(58px,calc(0.9195402299vw + 42.5517241379px)); --lineHeightHeadline2Full:min(58px,calc(0.9195402299vw + 42.5517241379px)); --lineHeightHeadline3Full:min(35px,calc(0.6896551724vw + 23.4137931034px)); --lineHeightHeadline4Full:min(22px,calc(0vw + 22px)); --lineHeightHeadline5Full:min(22px,calc(0vw + 22px)); --lineHeightHeadline6Full:min(22px,calc(0vw + 22px)); --lineHeightEntryTitle:var(--lineHeightHeadline4); --lineHeightEntryDate:var(--lineHeightDefault); --lineHeightEntryDescription:var(--lineHeightDefault); } .isDarkBackground div, .isDarkBackground span, .isDarkBackground p, .isDarkBackground strong, .isDarkBackground em, .isDarkBackground ul, .isDarkBackground li, .isLightBackground .isDarkBackground div, .isLightBackground .isDarkBackground span, .isLightBackground .isDarkBackground p, .isLightBackground .isDarkBackground strong, .isLightBackground .isDarkBackground em, .isLightBackground .isDarkBackground ul, .isLightBackground .isDarkBackground li { color:#FFFFFF; } .isDarkBackground a, .isDarkBackground a *, .isDarkBackground a span, .isLightBackground .isDarkBackground a, .isLightBackground .isDarkBackground a *, .isLightBackground .isDarkBackground a span { color:#E6E100; } .isDarkBackground a:hover, .isDarkBackground a *:hover, .isDarkBackground a span:hover, .isLightBackground .isDarkBackground a:hover, .isLightBackground .isDarkBackground a *:hover, .isLightBackground .isDarkBackground a span:hover { color:#E6E100; } .isDarkBackground .accordionHeaderOpener:before, .isDarkBackground .accordionHeaderOpener:after, .isLightBackground .isDarkBackground .accordionHeaderOpener:before, .isLightBackground .isDarkBackground .accordionHeaderOpener:after { background-color:#FFFFFF !important; } .isDarkBackground .text-sub, .isLightBackground .isDarkBackground .text-sub { color:#FFFFFF; } .isDarkBackground .text-weak, .isLightBackground .isDarkBackground .text-weak { color:#FFFFFF; } .isDarkBackground h1, .isDarkBackground h1 *, .isLightBackground .isDarkBackground h1, .isLightBackground .isDarkBackground h1 * { color:#FFFFFF; } .isDarkBackground h2, .isDarkBackground h2 *, .isLightBackground .isDarkBackground h2, .isLightBackground .isDarkBackground h2 * { color:#FFFFFF; } .isDarkBackground h3, .isDarkBackground h3 *, .isLightBackground .isDarkBackground h3, .isLightBackground .isDarkBackground h3 * { color:#FFFFFF; } .isDarkBackground h4, .isDarkBackground h4 *, .isDarkBackground h5, .isDarkBackground h5 *, .isDarkBackground h6, .isDarkBackground h6 *, .isLightBackground .isDarkBackground h4, .isLightBackground .isDarkBackground h4 *, .isLightBackground .isDarkBackground h5, .isLightBackground .isDarkBackground h5 *, .isLightBackground .isDarkBackground h6, .isLightBackground .isDarkBackground h6 * { color:#FFFFFF; } .isDarkBackground .listDefault .listEntryTitle, .isDarkBackground .listSearch .listEntryTitle, .isLightBackground .isDarkBackground .listDefault .listEntryTitle, .isLightBackground .isDarkBackground .listSearch .listEntryTitle { color:#FFFFFF; } .isDarkBackground .listDefault .listEntryDate, .isDarkBackground .listSearch .listEntryDate, .isLightBackground .isDarkBackground .listDefault .listEntryDate, .isLightBackground .isDarkBackground .listSearch .listEntryDate { color:#FFFFFF; } .isDarkBackground .listDefault .listEntryDescription, .isDarkBackground .listDefault .listEntryDescription *, .isDarkBackground .listSearch .listEntryDescription, .isDarkBackground .listSearch .listEntryDescription *, .isLightBackground .isDarkBackground .listDefault .listEntryDescription, .isLightBackground .isDarkBackground .listDefault .listEntryDescription *, .isLightBackground .isDarkBackground .listSearch .listEntryDescription, .isLightBackground .isDarkBackground .listSearch .listEntryDescription * { color:#FFFFFF; } .isDarkBackground .listDefault .listEntryUrl > a, .isDarkBackground .listSearch .listEntryUrl > a, .isLightBackground .isDarkBackground .listDefault .listEntryUrl > a, .isLightBackground .isDarkBackground .listSearch .listEntryUrl > a { color:#FFFFFF; } .isDarkBackground .listDefault .listEntryUrl > a:hover, .isDarkBackground .listSearch .listEntryUrl > a:hover, .isLightBackground .isDarkBackground .listDefault .listEntryUrl > a:hover, .isLightBackground .isDarkBackground .listSearch .listEntryUrl > a:hover { color:#FFFFFF; } .isLightBackground div, .isLightBackground span, .isLightBackground p, .isLightBackground strong, .isLightBackground em, .isLightBackground ul, .isLightBackground li, .isDarkBackground .isLightBackground div, .isDarkBackground .isLightBackground span, .isDarkBackground .isLightBackground p, .isDarkBackground .isLightBackground strong, .isDarkBackground .isLightBackground em, .isDarkBackground .isLightBackground ul, .isDarkBackground .isLightBackground li { color:#3c3c3c; } .isLightBackground a, .isLightBackground a *, .isDarkBackground .isLightBackground a, .isDarkBackground .isLightBackground a * { color:#3c3c3c; } .isLightBackground a:hover, .isLightBackground a *:hover, .isDarkBackground .isLightBackground a:hover, .isDarkBackground .isLightBackground a *:hover { color:#3c3c3c; } .isLightBackground .text-sub, .isDarkBackground .isLightBackground .text-sub { color:#3c3c3c; } .isLightBackground .text-weak, .isDarkBackground .isLightBackground .text-weak { color:#3c3c3c; } .isLightBackground h1, .isLightBackground h1 *, .isDarkBackground .isLightBackground h1, .isDarkBackground .isLightBackground h1 * { color:#3c3c3c; } .isLightBackground h2, .isLightBackground h2 *, .isDarkBackground .isLightBackground h2, .isDarkBackground .isLightBackground h2 * { color:#3c3c3c; } .isLightBackground h3, .isLightBackground h3 *, .isDarkBackground .isLightBackground h3, .isDarkBackground .isLightBackground h3 * { color:#3c3c3c; } .isLightBackground h4, .isLightBackground h4 *, .isLightBackground h5, .isLightBackground h5 *, .isLightBackground h6, .isLightBackground h6 *, .isDarkBackground .isLightBackground h4, .isDarkBackground .isLightBackground h4 *, .isDarkBackground .isLightBackground h5, .isDarkBackground .isLightBackground h5 *, .isDarkBackground .isLightBackground h6, .isDarkBackground .isLightBackground h6 * { color:#3c3c3c; } .isLightBackground .listDefault .listEntryTitle, .isLightBackground .listSearch .listEntryTitle, .isDarkBackground .isLightBackground .listDefault .listEntryTitle, .isDarkBackground .isLightBackground .listSearch .listEntryTitle { color:#3c3c3c; } .isLightBackground .listDefault .listEntryDate, .isLightBackground .listSearch .listEntryDate, .isDarkBackground .isLightBackground .listDefault .listEntryDate, .isDarkBackground .isLightBackground .listSearch .listEntryDate { color:#3c3c3c; } .isLightBackground .listDefault .listEntryDescription, .isLightBackground .listDefault .listEntryDescription *, .isLightBackground .listSearch .listEntryDescription, .isLightBackground .listSearch .listEntryDescription *, .isDarkBackground .isLightBackground .listDefault .listEntryDescription, .isDarkBackground .isLightBackground .listDefault .listEntryDescription *, .isDarkBackground .isLightBackground .listSearch .listEntryDescription, .isDarkBackground .isLightBackground .listSearch .listEntryDescription * { color:#3c3c3c; } .isLightBackground .listDefault .listEntryUrl > a, .isLightBackground .listSearch .listEntryUrl > a, .isDarkBackground .isLightBackground .listDefault .listEntryUrl > a, .isDarkBackground .isLightBackground .listSearch .listEntryUrl > a { color:#3c3c3c; } .isLightBackground .listDefault .listEntryUrl > a:hover, .isLightBackground .listSearch .listEntryUrl > a:hover, .isDarkBackground .isLightBackground .listDefault .listEntryUrl > a:hover, .isDarkBackground .isLightBackground .listSearch .listEntryUrl > a:hover { color:#3c3c3c; } .bodyBlank #cookieNotice { display:none !important; } #cookieNotice { display:none; position:fixed; z-index:99999; top:0; left:0; width:100vw; height:100vh; pointer-events:none; background:none; } .pagestatus-loaded #cookieNotice { display:block; } #cookieNotice #cookieNoticeInner { pointer-events:auto; display:flex; align-items:center; justify-content:center; width:100vw; height:100vh; } #cookieNotice #cookieNoticeInner > div { position:relative; left:0; top:0; width:100vw; height:100vh; -webkit-overflow-scrolling:touch; overflow-y:auto; background-color:#F0F0F0; border-top:solid 1px #3c3c3c; box-shadow:0 0 20px rgba(0,0,0,0.6); padding:2rem; text-align:center; } #cookieNotice #cookieNoticeInner .elementInfo { padding:1rem; } #cookieNotice #cookieNoticeInner .elementInfo * { font-size:0.8rem; line-height:120%; } #cookieNotice #cookieNoticeInner a { white-space:nowrap; } #cookieNotice #cookieNoticeInner button { margin-bottom:20px; } #cookieNotice #buttonEditCookieNotice { position:absolute; top:32px; right:4px; } #cookieNotice #cookieNoticeSelection .cookieNoticeSelectionEntry { display:block; padding-right:0.5rem; } #cookieNotice #cookieNoticeSelection .cookieNoticeSelectionEntry input, #cookieNotice #cookieNoticeSelection .cookieNoticeSelectionEntry label { vertical-align:middle; line-height:20px; } #cookieNotice #cookieNoticeSelection .cookieNoticeSelectionEntry label { font-size:calc(0vw + 18px); color:#3c3c3c; padding-left:4px; } #cookieNotice #cookieNoticePrivacyDetails { padding:0 0 0.8rem 0; } #cookieNotice #cookieNoticePrivacyDetails a { color:#a0a0a0; text-decoration:none; } #cookieNotice #containerRememberDataSecurityPreferences input, #cookieNotice #containerRememberDataSecurityPreferences label { vertical-align:middle; line-height:20px; } #cookieNotice #containerRememberDataSecurityPreferences label { font-size:calc(0vw + 18px); color:#3c3c3c; padding-left:4px; } #cookieNotice div#cookieNoticeCloser { cursor:pointer; box-sizing:border-box; display:none; position:absolute; z-index:3; right:0; top:0; width:32px; height:32px; font-size:0; color:transparent; border:none; background-color:transparent; transition:transform 0.3s ease-in-out; } #cookieNotice div#cookieNoticeCloser:hover { transition:all 0.3s linear; } #cookieNotice div#cookieNoticeCloser:before { content:''; position:absolute; left:0; width:26px; height:11px; margin:6px 0 0 3px; border-top:solid 2px #FFFFFF; transform:rotate(45deg); transform-origin:2px 5px; } #cookieNotice div#cookieNoticeCloser:after { content:''; position:absolute; left:0; width:26px; height:20px; margin:6px 0 0 4px; border-bottom:solid 2px #FFFFFF; transform:rotate(-45deg); transform-origin:2px 16px; } #cookieNotice.hasOpenedByClick #cookieNoticeCloser { display:block; } #cookieNotice.infoOnly #cookieNoticeCloser { display:block; } #cookieNotice.infoOnly button#cookieNoticeCloser { margin-left:5px; display:inline-block; } @media (min-width: 768px) { #cookieNotice #cookieNoticeInner > div { width:50vw; height:auto; max-height:96%; } } #cookieNotice.bottom #cookieNoticeInner { position:fixed; display:block; bottom:0; width:100%; height:auto; } #cookieNotice.bottom #cookieNoticeInner > div { position:relative; left:0; bottom:0; width:100%; height:auto; -webkit-overflow-scrolling:touch; overflow-y:auto; background-color:#F0F0F0; border-top:solid 1px #3c3c3c; box-shadow:0 0 20px rgba(0,0,0,0.6); padding:1rem; text-align:center; } #cookieNotice.bottom #cookieNoticeCloser { display:block; } #cookieNotice.blockPage { pointer-events:auto; background:rgba(0,0,0,0.2); } #embed_cookieNotice { display:none; } html.embedpage-body-open { overflow:hidden; } .wEmbededPage { position:relative; margin:0; padding:0; } .wEmbededPage .wEmbededPageCloser { cursor:pointer; display:block; box-sizing:border-box; position:absolute; z-index:20; right:16px; top:16px; width:32px; height:32px; font-size:0; color:transparent; background-color:transparent; transition:transform 0.3s ease-in-out; } .wEmbededPage .wEmbededPageCloser:hover { transition:all 0.3s linear; } .wEmbededPage .wEmbededPageCloser:before { content:''; position:absolute; width:26px; height:11px; margin:6px 0 0 3px; border-top:solid 2px #FFFFFF; transform:rotate(45deg); transform-origin:2px 5px; } .wEmbededPage .wEmbededPageCloser:after { content:''; position:absolute; width:26px; height:20px; margin:6px 0 0 4px; border-bottom:solid 2px #FFFFFF; transform:rotate(-45deg); transform-origin:2px 16px; } .wEmbededPage[data-embedpagetarget='body'] { position:fixed; z-index:100; overflow:auto; -webkit-overflow-scrolling:touch; width:100vw; height:100vh; bottom:0; left:0; margin:0; padding:0; background:#ffffff; transition:height 0.3s linear; } .wEmbededPage[data-embedpagetarget='body'].loading { height:48px; } .wEmbededPage[data-embedpagetarget='body'].loading:after { display:block; content:''; width:96px; height:48px; margin-top:8px; background-image:url("/weblication-wGlobal/wGlobal/layout/images/animations/optimized/appendList@fill(666666).svg"); background-size:100%; background-repeat:no-repeat; visibility:visible; margin:0 auto; } .wEmbededPage[data-embedpagetarget='body'] .wEmbededPageCloser { position:fixed; } /*! jQuery UI - v1.12.1 - 2017-01-12 * http://jqueryui.com * Includes: core.css, datepicker.css * Copyright jQuery Foundation and other contributors; Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display:none; } .ui-helper-hidden-accessible { border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; } .ui-helper-reset { margin:0; padding:0; border:0; outline:0; line-height:1.3; text-decoration:none; font-size:100%; list-style:none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content:""; display:table; border-collapse:collapse; } .ui-helper-clearfix:after { clear:both; } .ui-helper-zfix { width:100%; height:100%; top:0; left:0; position:absolute; opacity:0; } .ui-front { z-index:100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor:default !important; pointer-events:none; } /* Icons ----------------------------------*/ .ui-icon { display:inline-block; vertical-align:middle; margin-top:-.25em; position:relative; text-indent:-99999px; overflow:hidden; background-repeat:no-repeat; } .ui-widget-icon-block { left:50%; margin-left:-8px; display:block; } /* Misc visuals ----------------------------------*/ .ui-widget-overlay { position:fixed; top:0; left:0; width:100%; height:100%; } .ui-datepicker { box-sizing:border-box; line-height:120%; font-size:16px; width:260px; padding:6px; display:none; background:#FFFFFF; border:solid 1px #3c3c3c; color:#3c3c3c; } @media (min-width:360px) { .ui-datepicker { width:300px; padding:8px; } } .ui-datepicker .ui-datepicker-header { position:relative; padding:0 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top:5px; width:24px; height:24px; } .ui-datepicker .ui-datepicker-prev.ui-state-disabled, .ui-datepicker .ui-datepicker-next.ui-state-disabled { opacity:0; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { transform:scale(1.2); } .ui-datepicker .ui-datepicker-prev { left:2px; } .ui-datepicker .ui-datepicker-next { right:2px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display:block; position:relative; font-size:1px; cursor:pointer; } .ui-datepicker .ui-datepicker-prev span:before, .ui-datepicker .ui-datepicker-prev span:after, .ui-datepicker .ui-datepicker-next span:before, .ui-datepicker .ui-datepicker-next span:after { transition:all 0.3s ease-in-out; content:''; position:absolute; margin:0 0 0 0; display:block; width:10px; height:2px; background:#3c3c3c; } .ui-datepicker .ui-datepicker-prev span:before, .ui-datepicker .ui-datepicker-next span:before { transform:rotate(55deg); left:5px; top:5px; } .ui-datepicker .ui-datepicker-prev span:after, .ui-datepicker .ui-datepicker-next span:after { transform:rotate(-55deg); left:5px; bottom:5px; } .ui-datepicker .ui-datepicker-prev span:before { transform:rotate(-55deg); } .ui-datepicker .ui-datepicker-prev span:after { transform:rotate(55deg); } .ui-datepicker .ui-datepicker-title { margin:0 2.3em; line-height:1.8em; text-align:center; } .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width:45%; height:1.8rem !important; line-height:1.5rem !important; } .ui-datepicker select.ui-datepicker-month:focus, .ui-datepicker select.ui-datepicker-year:focus { outline:none; box-shadow:none; } .ui-datepicker table { width:100%; font-size:.9em; border-collapse:collapse; margin:0 0 .4em; } .ui-datepicker th { padding:.7em .3em; text-align:center; font-weight:bold; border:0; } .ui-datepicker td { border:0; padding:1px; } .ui-datepicker td span, .ui-datepicker td a { display:block; padding:.2em; text-align:center; text-decoration:none; } .ui-datepicker .ui-datepicker-buttonpane { background-image:none; margin:.7em 0 0 0; padding:0 .2em; border-left:0; border-right:0; border-bottom:0; } .ui-datepicker .ui-datepicker-buttonpane button { float:right; margin:.5em .2em .4em; cursor:pointer; padding:.2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } .ui-datepicker.ui-datepicker-multi { width:auto; } .ui-datepicker-multi .ui-datepicker-group { float:left; } .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } .ui-datepicker-row-break { clear:both; width:100%; font-size:0; } .ui-datepicker-rtl { direction:rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right:2px; left:auto; } .ui-datepicker-rtl .ui-datepicker-next { left:2px; right:auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right:1px; left:auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left:1px; right:auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float:left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-today { font-weight:bold; } .ui-datepicker-current-day { outline:solid 1px #000000; } .ui-datepicker .ui-icon { display:block; text-indent:-99999px; overflow:hidden; background-repeat:no-repeat; left:.5em; top:.3em; } .wLightbox { box-sizing:border-box; position:fixed; z-index:100009; top:0; left:0; width:100vw; height:100vh; } .wLightbox .wLightboxBackground { position:fixed; top:0; left:0; width:100vw; height:100vh; background-color:rgba(0,0,0,0.4); } .wLightbox .wLightboxOuter { pointer-events:none; position:absolute; display:flex; align-items:center; justify-content:center; top:0; left:0; width:100vw; height:100vh; padding:0; } .wLightbox .wLightboxOuter .wLightboxInner { pointer-events:auto; position:relative; overflow:hidden; box-sizing:content-box; margin:0; padding:0; border:solid 10px transparent; z-index:10000; border-radius:0; box-shadow:0 0 20px rgba(0,0,0,0.6); background-color:#FFFFFF; opacity:0; transition:all 0.1s ease-in-out; transform:scale(0.9); } html.ios .wLightbox .wLightboxOuter .wLightboxInner { -webkit-overflow-scrolling:touch; overflow-y:scroll; } .wLightbox .wLightboxOuter .wLightboxIframe { border:none; width:100%; height:100%; } .wLightbox .wLightboxOuter .wLightboxImageOuter { position:relative; } .wLightbox .wLightboxOuter .wLightboxImageOuter .wLightboxImage { display:block; margin:0 auto; max-width:100.1%; max-height:100.1%; opacity:1; } .wLightbox .wLightboxOuter .wLightboxImageOuter .wLightboxCopyright { position:absolute; padding:0 0.2rem; right:0; bottom:0; background-color:rgba(255,255,255,0.7); font-size:calc(0vw + 18px); color:#3c3c3c; } .wLightbox .wLightboxOuter .wLightboxTitle { display:none; padding:12px 8px 4px 8px; text-align:center; } .wLightbox .wLightboxOuter .wLightboxDescription { display:none; padding:0 8px 4px 8px; text-align:center; font-size:calc(0vw + 18px); color:#3c3c3c; } .wLightbox .wLightboxOuter .wLightboxDescription:empty { display:none !important; } .wLightbox .wLightboxOuter .wLightbox-ajax .wLightboxOuter { height:auto; text-align:center; overflow:auto; } .wLightbox .wLightboxOuter .wLightbox-ajax .wLightboxInner { display:inline-block; width:auto; text-align:initial; } .wLightbox .wLightboxOuter .wLightbox-ajax .wLightboxContent { overflow:auto; max-height:100%; } .wLightbox.wLightboxStatusChanging .wLightboxOuter .wLightboxInner { opacity:1; transform:scale(1); } .wLightbox.wLightboxStatusLoaded .wLightboxOuter .wLightboxInner { opacity:1; transition:opacity 0.3s linear; transform:scale(1); } .wLightbox .wLightboxMoverBack, .wLightbox .wLightboxMoverForward { cursor:pointer; position:absolute; display:none; right:0; top:0; width:60px; height:100%; margin-left:0; z-index:2; transition:all 0.1s linear; background-color:transparent; } .wLightbox .wLightboxMoverBack:hover, .wLightbox .wLightboxMoverForward:hover { transform:scale(1.1); } .wLightbox .wLightboxMoverBack > span, .wLightbox .wLightboxMoverForward > span { height:100%; display:block; } .wLightbox .wLightboxMoverBack > span:before, .wLightbox .wLightboxMoverBack > span:after, .wLightbox .wLightboxMoverForward > span:before, .wLightbox .wLightboxMoverForward > span:after { transition:all 0.3s ease-in-out; content:''; position:absolute; top:calc(50% - 12px); margin:0 0 0 0; display:block; width:24px; height:4px; background-color:#FFFFFF; box-shadow:0 0 2px 0 rgba(60,60,60,0.5); } .wLightbox .wLightboxMoverBack > span:after, .wLightbox .wLightboxMoverForward > span:after { margin-top:16px; } .wLightbox .wLightboxMoverBack > span:nth-child(2):before, .wLightbox .wLightboxMoverForward > span:nth-child(2):before { box-shadow:none; outline:none; } .wLightbox .wLightboxMoverBack > span:nth-child(2):after, .wLightbox .wLightboxMoverForward > span:nth-child(2):after { display:none; } .wLightbox .wLightboxMoverBack { left:0; } .wLightbox .wLightboxMoverBack > span:before, .wLightbox .wLightboxMoverBack > span:after { left:16px; } .wLightbox .wLightboxMoverBack > span:before { transform:rotate(-50deg); } .wLightbox .wLightboxMoverBack > span:after { transform:rotate(50deg); } .wLightbox .wLightboxMoverForward { right:0; } .wLightbox .wLightboxMoverForward > span:before, .wLightbox .wLightboxMoverForward > span:after { right:16px; } .wLightbox .wLightboxMoverForward > span:before { transform:rotate(50deg); } .wLightbox .wLightboxMoverForward > span:after { transform:rotate(-50deg); } .wLightbox .wLightboxMoverBackAvailable, .wLightbox .wLightboxMoverForwardAvailable { display:block; } .wLightbox .wLightboxCloser { cursor:pointer; display:block; box-sizing:border-box; position:absolute; z-index:3; right:4px; top:4px; width:32px; height:32px; font-size:0; color:transparent; background-color:#FFFFFF; transition:transform 0.3s ease-in-out; } .wLightbox .wLightboxCloser:hover { transition:all 0.3s linear; } .wLightbox .wLightboxCloser:before { content:''; position:absolute; width:26px; height:11px; margin:6px 0 0 3px; border-top:solid 2px #3c3c3c; transform:rotate(45deg); transform-origin:2px 5px; } .wLightbox .wLightboxCloser:after { content:''; position:absolute; width:26px; height:20px; margin:6px 0 0 4px; border-bottom:solid 2px #3c3c3c; transform:rotate(-45deg); transform-origin:2px 16px; } .wLightbox .wLightboxFullscreen { cursor:pointer; display:block; box-sizing:border-box; position:absolute; z-index:3; right:40px; top:4px; width:32px; height:32px; font-size:0; color:transparent; background-color:#FFFFFF; } .wLightbox .wLightboxFullscreen:before { content:''; position:absolute; width:20px; height:20px; margin:6px 6px; background-color:#FFFFFF; border:solid 2px #3c3c3c; transform-origin:2px 5px; } .wLightbox .wLightboxFullscreen span:first-child { display:block; position:absolute; margin:13px 4px; width:22px; height:6px; background-color:#FFFFFF; } .wLightbox .wLightboxFullscreen span:last-child { display:block; position:absolute; margin:4px 13px; width:6px; height:22px; background-color:#FFFFFF; } .wLightbox .wLightboxStatusLoaded .wLightboxNext { transition:all 0.3s linear; transition-delay:0.4s; opacity:1; } .wLightbox-default .wLightboxOuter .wLightboxInner, .wLightbox-content .wLightboxOuter .wLightboxInner { box-sizing:border-box; width:100vw; height:100vh; } @media (min-width: 768px) { .wLightbox-default .wLightboxOuter .wLightboxInner, .wLightbox-content .wLightboxOuter .wLightboxInner { width:calc(100vw - 10rem); max-width:1024px; height:calc(100vh - 10rem); max-height:800px; } } .wLightbox-form .wLightboxOuter .wLightboxInner { box-sizing:border-box; width:100vw; height:100vh; } @media (min-width: 768px) { .wLightbox-form .wLightboxOuter .wLightboxInner { width:calc(100vw - 10rem); max-width:768px; height:calc(100vw - 10rem); max-height:800px; } } .wLightbox-card .wLightboxOuter .wLightboxInner { box-sizing:border-box; width:100vw; height:100vh; } @media (min-width: 768px) { .wLightbox-card .wLightboxOuter .wLightboxInner { width:640px; height:560px; } } .wLightbox-youtube .wLightboxOuter .wLightboxInner { box-sizing:border-box; width:100vw; height:100vh; } @media (min-width: 768px) { .wLightbox-youtube .wLightboxOuter .wLightboxInner { width:874px; height:520px; } } .wLightbox-image .wLightboxOuter { padding:5%; } .wLightbox-image .wLightboxOuter .wLightboxInner { box-sizing:content-box; width:100vw; height:100vh; } @media (min-width: 768px) { .wLightbox-image .wLightboxOuter .wLightboxInner { width:auto; height:auto; } } .wLightbox-imageFull .wLightboxBackground { background-color:rgba(0,0,0,0.9); } .wLightbox-imageFull .wLightboxOuter { padding:5%; } .wLightbox-imageFull .wLightboxOuter .wLightboxInner { box-sizing:content-box; width:100vw; height:100vh; border:none; transform:none !important; } .wLightbox-imageFull .wLightboxCloser, .wLightbox-imageFull .wLightboxFullscreen { position:fixed; } .wLightbox-imageFull .wLightboxCloser { background-color:#3c3c3c; } .wLightbox-imageFull .wLightboxCloser:before { border-color:#FFFFFF; } .wLightbox-imageFull .wLightboxCloser:after { border-color:#FFFFFF; } .wLightbox-imageFull .wLightboxFullscreen { background-color:#3c3c3c; } .wLightbox-imageFull .wLightboxFullscreen:before { background-color:#3c3c3c; border-color:#FFFFFF; } .wLightbox-imageFull .wLightboxFullscreen span:first-child, .wLightbox-imageFull .wLightboxFullscreen span:last-child { background-color:#3c3c3c; } @media (min-width: 768px) { .wLightbox-imageFull .wLightboxOuter .wLightboxInner { width:auto; height:auto; } } @media (min-width: 1200px) { .wLightbox-imageFull .wLightboxMoverBack, .wLightbox-imageFull .wLightboxMoverForward { position:fixed; } } .wLightbox-cart .wLightboxOuter .wLightboxInner { box-sizing:border-box; width:100vw; height:100vh; } @media (min-width: 768px) { .wLightbox-cart .wLightboxOuter .wLightboxInner { width:640px; height:400px; } } .ol-box { box-sizing:border-box; border-radius:2px; border:2px solid #00f; } .ol-mouse-position { top:8px; right:8px; position:absolute; } .ol-scale-line { background:rgba(0,60,136,.3); border-radius:4px; bottom:8px; left:8px; padding:2px; position:absolute; } .ol-scale-line-inner { border:1px solid #eee; border-top:none; color:#eee; font-size:10px; text-align:center; margin:1px; will-change:contents, width; } .ol-overlay-container { will-change:left, right, top, bottom; } .ol-unsupported { display:none; } .ol-unselectable, .ol-viewport { -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-tap-highlight-color:transparent; } .ol-selectable { -webkit-touch-callout:default; -webkit-user-select:auto; -moz-user-select:auto; -ms-user-select:auto; user-select:auto; } .ol-grabbing { cursor:-webkit-grabbing; cursor:-moz-grabbing; cursor:grabbing; } .ol-grab { cursor:move; cursor:-webkit-grab; cursor:-moz-grab; cursor:grab; } .ol-control { position:absolute; background-color:rgba(255,255,255,.4); border-radius:4px; padding:2px; } .ol-control:hover { background-color:rgba(255,255,255,.6); } .ol-zoom { top:.5em; left:.5em; } .ol-rotate { top:.5em; right:.5em; transition:opacity .25s linear, visibility 0s linear; } .ol-rotate.ol-hidden { opacity:0; visibility:hidden; transition:opacity .25s linear, visibility 0s linear .25s; } .ol-zoom-extent { top:4.643em; left:.5em; } .ol-full-screen { right:.5em; top:.5em; } @media print { .ol-control { display:none; } } .ol-control button { display:block; margin:1px; padding:0; color:#fff; font-size:1.14em; font-weight:700; text-decoration:none; text-align:center; height:1.375em; width:1.375em; line-height:.4em; background-color:rgba(0,60,136,.5); border:none; border-radius:2px; } .ol-control button::-moz-focus-inner { border:none; padding:0; } .ol-zoom-extent button { line-height:1.4em; } .ol-compass { display:block; font-weight:400; font-size:1.2em; will-change:transform; } .ol-touch .ol-control button { font-size:1.5em; } .ol-touch .ol-zoom-extent { top:5.5em; } .ol-control button:focus, .ol-control button:hover { text-decoration:none; background-color:rgba(0,60,136,.7); } .ol-zoom .ol-zoom-in { border-radius:2px 2px 0 0; } .ol-zoom .ol-zoom-out { border-radius:0 0 2px 2px; } .ol-attribution { text-align:right; bottom:.5em; right:.5em; max-width:calc(100% - 1.3em); } .ol-attribution ul { margin:0; padding:0 .5em; font-size:.7rem; line-height:1.375em; color:#000; text-shadow:0 0 2px #fff; } .ol-attribution li { display:inline; list-style:none; line-height:inherit; } .ol-attribution li:not(:last-child):after { content:" "; } .ol-attribution img { max-height:2em; max-width:inherit; vertical-align:middle; } .ol-attribution button, .ol-attribution ul { display:inline-block; } .ol-attribution.ol-collapsed ul { display:none; } .ol-attribution.ol-logo-only ul { display:block; } .ol-attribution:not(.ol-collapsed) { background:rgba(255,255,255,.8); } .ol-attribution.ol-uncollapsible { bottom:0; right:0; border-radius:4px 0 0; height:1.1em; line-height:1em; } .ol-attribution.ol-logo-only { background:0 0; bottom:.4em; height:1.1em; line-height:1em; } .ol-attribution.ol-uncollapsible img { margin-top:-.2em; max-height:1.6em; } .ol-attribution.ol-logo-only button, .ol-attribution.ol-uncollapsible button { display:none; } .ol-zoomslider { top:4.5em; left:.5em; height:200px; } .ol-zoomslider button { position:relative; height:10px; } .ol-touch .ol-zoomslider { top:5.5em; } .ol-overviewmap { left:.5em; bottom:.5em; } .ol-overviewmap.ol-uncollapsible { bottom:0; left:0; border-radius:0 4px 0 0; } .ol-overviewmap .ol-overviewmap-map, .ol-overviewmap button { display:inline-block; } .ol-overviewmap .ol-overviewmap-map { border:1px solid #7b98bc; height:150px; margin:2px; width:150px; } .ol-overviewmap:not(.ol-collapsed) button { bottom:1px; left:2px; position:absolute; } .ol-overviewmap.ol-collapsed .ol-overviewmap-map, .ol-overviewmap.ol-uncollapsible button { display:none; } .ol-overviewmap:not(.ol-collapsed) { background:rgba(255,255,255,.8); } .ol-overviewmap-box { border:2px dotted rgba(0,60,136,.7); } .ol-overviewmap .ol-overviewmap-box:hover { cursor:move; } .pageNaviList { text-align:center; margin:10px 0 10px 0; line-height:100%; } .pageNaviList > a, .pageNaviList > span { display:inline-block; text-decoration:none; margin:0 2px 0 2px; padding:2px 6px 2px 6px; } .pageNaviList > a:hover { background-color:transparent; color:#89929e; border:solid 1px transparent; } .pageNaviList > a:hover > span:before, .pageNaviList > a:hover > span:after { background-color:#89929e; } .pageNaviList .pageNaviLink { background-color:transparent; color:#C4C8CE; border:solid 1px transparent; border-radius:3px; } .pageNaviList .pageNaviCurrent { background-color:transparent; color:#89929e; border:solid 1px #C4C8CE; border-radius:3px; } .pageNaviList .pageNaviOverviewLink { background-color:transparent; color:#C4C8CE; border:solid 1px transparent; border-radius:3px; } .pageNaviList .pageNaviFirstLinkAfter, .pageNaviList .pageNaviLastLinkBefore { color:#89929e; } .pageNaviList .pageNaviBackLink, .pageNaviList .pageNaviNextLink { background-color:transparent; color:#C4C8CE; border:solid 1px transparent; border-radius:3px; text-decoration:none; } .pageNaviList .pageNaviBackLink > span, .pageNaviList .pageNaviNextLink > span { height:100%; position:relative; color:transparent !important; } .pageNaviList .pageNaviBackLink > span:before, .pageNaviList .pageNaviBackLink > span:after, .pageNaviList .pageNaviNextLink > span:before, .pageNaviList .pageNaviNextLink > span:after { content:''; position:absolute; top:6px; left:0; display:block; width:9px; height:2px; background-color:#C4C8CE; } .pageNaviList .pageNaviBackLink > span:before, .pageNaviList .pageNaviNextLink > span:before { transform:rotate(-50deg); } .pageNaviList .pageNaviBackLink > span:after, .pageNaviList .pageNaviNextLink > span:after { margin-top:6px; transform:rotate(50deg); } .pageNaviList .pageNaviNextLink > span:before { transform:rotate(50deg); } .pageNaviList .pageNaviNextLink > span:after { transform:rotate(-50deg); } .wReaderPanelEmbed { position:absolute; z-index:10; overflow:hidden; right:0; margin:8px 8px; height:24px; padding:0; background:#f0f0f0; background-image:linear-gradient(180deg,#909090 0%,#808080 100%); border:solid 1px #a0a0a0; border-radius:4px; box-shadow:0 2px 10px -1px rgba(0,0,0,0.3); font-size:12px; line-height:15px; font-weight:normal; color:#ffffff; letter-spacing:0; } .wReaderPanelEmbed .wButtonStartReading, .wReaderPanelEmbed .wButtonPauseReading, .wReaderPanelEmbed .wButtonStopReading { display:inline-block; padding:4px 8px; cursor:pointer; color:#ffffff; } .wReaderPanelEmbed .wButtonStartReading:hover, .wReaderPanelEmbed .wButtonPauseReading:hover, .wReaderPanelEmbed .wButtonStopReading:hover { background-image:linear-gradient(180deg,#b0b0b0 0%,#a0a0a0 100%); } .wReaderPanelEmbed .wButtonStartReading:before { content:'Vorlesen lassen'; } html:lang(en) .wReaderPanelEmbed .wButtonStartReading:before { content:'Read aloud'; } .wReaderPanelEmbed.pauseReading .wButtonStartReading:before { content:'Weiter vorlesen'; } html:lang(en) .wReaderPanelEmbed.pauseReading .wButtonStartReading:before { content:'Continue read aloud'; } .wReaderPanelEmbed .wButtonPauseReading { display:none; } .wReaderPanelEmbed .wButtonPauseReading:before { content:'Pause'; } .wReaderPanelEmbed .wButtonStopReading { display:none; border-left:solid 1px #a0a0a0; } .wReaderPanelEmbed .wButtonStopReading:before { content:'Beenden'; } html:lang(en) .wReaderPanelEmbed .wButtonStopReading:before { content:'Stop'; } .wReaderPanelEmbed.isReading .wButtonStartReading { display:none; } .wReaderPanelEmbed.isReading .wButtonPauseReading { display:inline-block; } .wReaderPanelEmbed.isReading .wButtonStopReading { display:inline-block; } #scrollProgress { position:fixed; bottom:0; left:0; width:100%; height:8px; z-index:3000; -webkit-appearance:none; -moz-appearance:none; appearance:none; color:#a0a0a0; background:#f0f0f0; border:none; } #scrollProgress::-webkit-progress-bar { background:#f0f0f0; } #scrollProgress::-moz-progress-bar { background-color:#a0a0a0; } #scrollProgress::-webkit-progress-value { background-color:#a0a0a0; } #blockHeader #scrollProgress { position:absolute; } #scrollTopOuter #scrollTop { position:fixed; bottom:16px; right:0; width:40px; height:80px; display:none; z-index:120; } #scrollTopOuter #scrollTop .scrollTopInner { position:relative; cursor:pointer; width:40px; height:64px; background-color:#3c3c3c; border-radius:6px 0 0 6px; } #scrollTopOuter #scrollTop .scrollTopInner:hover { background-color:#C4C8CE; } #scrollTopOuter #scrollTop .scrollTopInner:before { content:''; position:absolute; top:22px; left:10px; width:0; height:0; border-right:10px solid transparent; border-left:10px solid transparent; border-bottom:10px solid #FFFFFF; } #scrollTopOuter #scrollTop .scrollTopInner:after { content:''; position:absolute; top:32px; left:15px; width:10px; height:10px; background-color:#FFFFFF; } .weditor #scrollTopOuter { display:none; } #blockHeader { width:100%; padding:0; background:transparent; position:relative; z-index:1; position:fixed; z-index:100; top:0; transition:transform 0.3s ease-in-out, background 0.3s linear; } #blockHeader #blockHeaderMain { height:calc(9.5019157088vw + 64.367816092px); } #blockHeader #blockHeaderMain #blockHeaderMainInner { max-width:unset; position:relative; margin:0 auto; } #blockHeader #blockHeaderMain #logo { position:absolute; z-index:2; } #blockHeader #blockHeaderMain #logo > img, #blockHeader #blockHeaderMain #logo > svg { height:calc(2.3754789272vw + 47.091954023px); width:auto; display:block; } #blockHeader #blockHeaderMain #logo .logoImgFull { display:none; } #blockHeader #blockHeaderMain #logo .logoImgOnScroll { display:none; } #blockHeader #blockHeaderMain html.navmenu-open { overflow:hidden; } #blockHeader #blockHeaderMain #navigationMain { width:100%; position:relative; } #blockHeader #blockHeaderMain #navigationMain > nav > div { display:block; position:fixed; right:0; top:0; height:600px; height:calc(100vh - calc(9.5019157088vw + 64.367816092px)); width:100vw; overflow:auto; background-color:#F0F0F0; z-index:100000; padding:1rem 1rem; } .navmenu-open #blockHeader #blockHeaderMain #navigationMain > nav > div { right:0; } #blockHeader #blockHeaderMain #navigationMain ul { list-style-type:none; margin:0; padding:0; } #blockHeader #blockHeaderMain #navigationMain li { position:relative; display:block; margin:0; padding:0; } #blockHeader #blockHeaderMain #navigationMain li > a { display:block; text-decoration:none; text-align:left; } #blockHeader #blockHeaderMain #navigationMain li > ul { display:none; } #blockHeader #blockHeaderMain #navigationMain li.selected > ul, #blockHeader #blockHeaderMain #navigationMain li.descendantSelected > ul { display:block; } #blockHeader #blockHeaderMain #navigationMain > nav > div > ul { max-width:1200px; margin:0 auto; } #blockHeader #blockHeaderMain #navigationMain > nav > div > ul > li > a { font-size:min(24px,calc(0.30651341vw + 18.8505747126px)); line-height:min(calc(-0.6130268199vw + 50.2988505747px)); letter-spacing:.4px; color:#FFFFFF; background-color:transparent; padding:0; } #blockHeader #blockHeaderMain #navigationMain > nav > div > ul > li.selected > a, #blockHeader #blockHeaderMain #navigationMain > nav > div > ul > li.descendantSelected > a { color:#E6E100; background-color:transparent; } #blockHeader #blockHeaderMain #navigationMain > nav > div > ul > li:hover > a { color:#E6E100; background-color:transparent; } #blockHeader #blockHeaderMain #navigationMain > nav > div > ul > li > a:active { color:#E6E100; background-color:rgba(60,60,60,0.05); } #blockHeader #blockHeaderMain #navigationMain > nav > div > ul > li span.navpointToggler { position:absolute; cursor:pointer; right:0; top:0; width:32px; height:min(calc(-0.6130268199vw + 50.2988505747px)); padding:; padding-right:0; box-sizing:content-box; } #blockHeader #blockHeaderMain #navigationMain > nav > div > ul > li span.navpointToggler:before, #blockHeader #blockHeaderMain #navigationMain > nav > div > ul > li span.navpointToggler:after { transition:all 0.3s ease-in-out; content:''; position:absolute; margin:21px 0 0 5px; display:block; width:14px; height:2px; background-color:#FFFFFF; transform:rotate(40deg); } #blockHeader #blockHeaderMain #navigationMain > nav > div > ul > li span.navpointToggler:after { margin:21px 0 0 15px; transform:rotate(-40deg); } #blockHeader #blockHeaderMain #navigationMain > nav > div > ul > li span.navpointToggler.open:before { transform:rotate(-40deg); } #blockHeader #blockHeaderMain #navigationMain > nav > div > ul > li span.navpointToggler.open:after { transform:rotate(40deg); } #blockHeader #blockHeaderMain #navigationMain > nav > div > ul > li > ul > li > a { font-size:min(24px,calc(0.30651341vw + 18.8505747126px)); line-height:min(calc(-0.6130268199vw + 50.2988505747px)); color:#FFFFFF; background-color:transparent; padding:0; } #blockHeader #blockHeaderMain #navigationMain > nav > div > ul > li > ul > li.selected > a, #blockHeader #blockHeaderMain #navigationMain > nav > div > ul > li > ul > li.descendantSelected > a { color:#E6E100; background-color:transparent; } #blockHeader #blockHeaderMain #navigationMain > nav > div > ul > li > ul > li:hover > a { color:#E6E100; background-color:transparent; } #blockHeader #blockHeaderMain #navigationMain > nav > div > ul > li > ul > li > a:active { color:#E6E100; background-color:rgba(60,60,60,0.05); } #blockHeader #blockHeaderMain #navigationMain > nav > div > ul > li > ul > li span.navpointToggler { display:none; height:min(calc(-0.6130268199vw + 50.2988505747px)); padding-right:0; } #blockHeader #blockHeaderMain #navigationMain > nav > div > ul > li > ul > li > ul > li > a { font-size:min(24px,calc(0.30651341vw + 18.8505747126px)); line-height:min(calc(-0.6130268199vw + 50.2988505747px)); color:#FFFFFF; background-color:transparent; padding:0; } #blockHeader #blockHeaderMain #navigationMain > nav > div > ul > li > ul > li > ul > li.selected > a, #blockHeader #blockHeaderMain #navigationMain > nav > div > ul > li > ul > li > ul > li.descendantSelected > a { color:#E6E100; background-color:transparent; } #blockHeader #blockHeaderMain #navigationMain > nav > div > ul > li > ul > li > ul > li:hover > a { color:#E6E100; background-color:transparent; } #blockHeader #blockHeaderMain #navigationMain > nav > div > ul > li > ul > li > ul > li > a:active { color:#E6E100; background-color:rgba(60,60,60,0.05); } #blockHeader #blockHeaderMain #navigationMain > nav > div > ul > li > ul > li > ul > li span.navpointToggler { height:min(calc(-0.6130268199vw + 50.2988505747px)); padding:; padding-right:0; } #blockHeader #blockHeaderMain #navigationMain > nav > div > ul > li > ul > li > ul > li > ul > li > a { font-size:min(24px,calc(0.30651341vw + 18.8505747126px)); line-height:min(calc(-0.6130268199vw + 50.2988505747px)); color:#FFFFFF; background-color:transparent; padding:0; } #blockHeader #blockHeaderMain #navigationMain > nav > div > ul > li > ul > li > ul > li > ul > li.selected > a, #blockHeader #blockHeaderMain #navigationMain > nav > div > ul > li > ul > li > ul > li > ul > li.descendantSelected > a { color:#E6E100; background-color:transparent; } #blockHeader #blockHeaderMain #navigationMain > nav > div > ul > li > ul > li > ul > li > ul > li:hover > a { color:#E6E100; background-color:transparent; } #blockHeader #blockHeaderMain #navigationMain > nav > div > ul > li > ul > li > ul > li > ul > li > a:active { color:#E6E100; background-color:rgba(60,60,60,0.05); } #blockHeader #blockHeaderMain #navigationMain > nav > div > ul > li > ul > li > ul > li > ul > li span.navpointToggler { height:min(calc(-0.6130268199vw + 50.2988505747px)); padding:; padding-right:0; } #blockHeader #blockHeaderMain #navigationMain #navigationMainToggler { display:block; position:absolute; top:0; right:0; margin:0 0 0 0; cursor:pointer; width:32px; height:32px; } #blockHeader #blockHeaderMain #navigationMain #navigationMainToggler > div:first-child { display:none; padding:12px 38px 12px 16px; color:#FFFFFF; text-decoration:none; font-size:min(24px,calc(0.30651341vw + 18.8505747126px)); text-transform:uppercase; } #blockHeader #blockHeaderMain #navigationMain #navigationMainToggler > div:last-child { position:relative; width:32px; height:32px; } #blockHeader #blockHeaderMain #navigationMain #navigationMainToggler > div:last-child:before { content:''; position:absolute; width:26px; height:11px; margin:6px 0 0 3px; border-top:solid 2px #3c3c3c; border-bottom:solid 2px #3c3c3c; transition:all 0.3s linear, border-color 0.3s 0.3s linear; } #blockHeader #blockHeaderMain #navigationMain #navigationMainToggler > div:last-child:after { content:''; position:absolute; width:26px; height:20px; margin:6px 0 0 3px; border-bottom:solid 2px #3c3c3c; transition:all 0.3s linear; } #blockHeader #blockHeaderMain #navigationMain #navigationMainToggler.open > div:last-child:before { transform:rotate(45deg); transform-origin:top left; margin-left:8px; border-bottom-color:transparent; transition:all 0.3s linear, border-color 0.1s linear; } #blockHeader #blockHeaderMain #navigationMain #navigationMainToggler.open > div:last-child:after { transform:rotate(-45deg); transform-origin:bottom left; margin-left:8px; } #blockHeader #blockHeaderMain #navigationMain .navLevelEmbed { display:none; position:absolute; z-index:101; width:100%; max-height:calc(100vh - calc(9.5019157088vw + 64.367816092px) - 36px); left:0; margin:calc(calc(9.5019157088vw + 64.367816092px) / 2 + 24px) 0 0 0; padding:40px 40px 40px 40px; overflow:auto; background-color:#F0F0F0; border-style:solid; border-width:1px; border-color:#F0F0F0; color:#3c3c3c; } #blockHeader #blockHeaderMain #navigationMain .navLevelEmbed .elementSection, #blockHeader #blockHeaderMain #navigationMain .navLevelEmbed .elementSectionObjectContactPerson { padding:0 !important; } #blockHeader #blockHeaderMain #blockHeaderMainContent { display:none; } .scrolldirection-up #blockHeader { transform:translateY(0); transition:transform .5s ease-in-out; } .scrolldirection-down:not(.navmenu-open) #blockHeader, .isLockedModule:not(.navmenu-open) #blockHeader { transform:translateY(-300px) !important; transition:transform .75s ease-in-out; } @media only screen and (max-width: 991px) { #blockHeader #blockHeaderMain #navigationMain #navigationMainToggler { top:8px; right:16px; } } @media print and (max-width: 991px) { #blockHeader #blockHeaderMain #navigationMain { display:none; } } @media only screen and (min-width: 992px) { #blockHeader #blockHeaderMain { height:calc(calc(9.5019157088vw + 64.367816092px) / 2); padding:0 4rem; } .scrolled-top #blockHeader #blockHeaderMain { height:calc(9.5019157088vw + 64.367816092px); } .navmenu-open #blockHeader #blockHeaderMain { height:calc(9.5019157088vw + 64.367816092px); } #blockHeader #blockHeaderMain #logo .logoImg { display:none; } #blockHeader #blockHeaderMain #logo .logoImgFull { display:block; } #blockHeader #blockHeaderMain #logo .logoImgOnScroll { display:none; } #blockHeader #blockHeaderMain #logo > img, #blockHeader #blockHeaderMain #logo > svg { display:block; height:calc(2.3754789272vw + 47.091954023px); transform:scale(.7); transition:transform 500ms ease-in-out; } .scrolled-top #blockHeader #blockHeaderMain #logo > img, .scrolled-top #blockHeader #blockHeaderMain #logo > svg { transform:scale(1); } #blockHeader #blockHeaderMain #blockHeaderMainContent { display:block; position:absolute; top:0; right:40px; right:0; } #blockHeader #blockHeaderMain #navigationMain { position:absolute; width:100%; } #blockHeader #blockHeaderMain #navigationMain #navigationMainToggler { top:8px; } } @media only screen and (min-width: 992px) { .scrolldirection-down:not(.navmenu-open) #blockHeader, .isLockedModule:not(.navmenu-open) #blockHeader { transform:translateY(-300px) !important; } } html { overflow-y:scroll; -webkit-text-size-adjust:100%; font-size:16px; } html.zoom-l { font-size:20.8px; } @media only screen and (min-width: 768px) { html { font-size:16px; } html.zoom-l { font-size:20.8px; } } @media only screen and (min-width: 992px) { html { font-size:16px; } html.zoom-l { font-size:20.8px; } } @media only screen and (min-width: 1200px) { html { font-size:16px; } html.zoom-l { font-size:20.8px; } } body { margin:0; padding:0; font-family:"Nunito Regular", Arial, Helvetica, Sans-serif; font-size:calc(0vw + 18px); line-height:1.66; color:#3c3c3c; background:#FFFFFF; -webkit-tap-highlight-color:transparent; } body.bodyBlank { background:none; background-color:transparent; } .weditor.ios body { background:none; } #skiplinks .skiplink { display:block; position:fixed; left:-9999px; width:100vw; background-color:#f0f0f0; color:#000000; z-index:10000; text-align:center; } #skiplinks .skiplink:focus { left:0; } @media only screen and (min-width: 992px) { #blockPage { margin-top:0; margin-bottom:0; } } #blockBody { background:#FFFFFF; margin:0 auto; padding-top:calc(9.5019157088vw + 64.367816092px); } @media only screen and (min-width: 992px) { #blockBody { padding-top:calc(9.5019157088vw + 64.367816092px); } } #blockBodyBefore { position:relative; } #navigationBreadcrumb { background-color:transparent; } #navigationBreadcrumb:empty { display:none; } #navigationBreadcrumb > div > div { display:inline-block; position:relative; } #navigationBreadcrumb > div > div > a { text-decoration:none; padding:0 0.3rem 0 0; color:#3c3c3c; } #navigationBreadcrumb > div > div > a:before { content:'//'; padding:0 0.3rem 0 0; color:#3c3c3c; } #navigationBreadcrumb > div > div > a:hover { color:#3c3c3c; } #navigationBreadcrumb > div > div > a:active { color:#3c3c3c; } #navigationBreadcrumb > div > div:first-child > a:before { content:''; padding:0; } #navigationBreadcrumb > div > div.hasChildsOfSelected { padding-right:0.5rem; } #navigationBreadcrumb > div > div.hasChildsOfSelected:after { content:''; display:inline-block; box-sizing:border-box; vertical-align:middle; width:10px; height:5px; border:solid 5px transparent; border-bottom:none; border-top-color:#3c3c3c; } #navigationBreadcrumb > div > div .childsOfSelected { display:none; position:absolute; z-index:2; right:0; background:#F0F0F0; } #navigationBreadcrumb > div > div .childsOfSelected li a { white-space:nowrap; display:block; text-decoration:none; padding:0.2rem 1rem; color:#3c3c3c; } #navigationBreadcrumb > div > div:hover .childsOfSelected { display:block; } #navigationBreadcrumb { display:none; } @media only screen and (min-width: 992px) { #navigationBreadcrumb { display:block; padding:0 4rem; } #navigationBreadcrumb > div { max-width:unset; margin:0 auto; padding:0.5rem 0; } } #blockMain { position:relative; margin:0 auto; max-width:100%; } #blockLeft { display:none; position:relative; padding:1rem; } #blockLeft #navigationSub { background-color:transparent; width:100%; margin:0 0 20px 0; } #blockLeft #navigationSub:empty { margin-bottom:0; } #blockLeft #navigationSub > .wglButton { right:0; } #blockLeft #navigationSub ul { list-style-type:none; margin:0; padding:0; } #blockLeft #navigationSub a { display:block; text-decoration:none; } #blockLeft #navigationSub > nav > div .selectedNavpointMain > a { font-family:inherit; font-size:1.2rem; line-height:140%; color:#3c3c3c; background-color:transparent; padding:0.5rem 0rem; font-weight:normal; } #blockLeft #navigationSub > nav > div > ul > li { display:block; margin:0; padding:0; border-bottom:solid 1px #3c3c3c; } #blockLeft #navigationSub > nav > div > ul > li[data-source='meta'] { display:none; } #blockLeft #navigationSub > nav > div > ul > li:first-child { border-top:solid 1px #3c3c3c; } #blockLeft #navigationSub > nav > div > ul > li > a { font-family:inherit; font-size:0.9rem; line-height:140%; color:#3c3c3c; background-color:transparent; padding:0.4rem 0rem; } #blockLeft #navigationSub > nav > div > ul > li > a:hover { color:#3c3c3c; background-color:transparent; } #blockLeft #navigationSub > nav > div > ul > li > a:active { color:#3c3c3c; background-color:transparent; } #blockLeft #navigationSub > nav > div > ul > li.selected > a, #blockLeft #navigationSub > nav > div > ul > li.descendantSelected > a { color:#3c3c3c; background-color:transparent; font-weight:bold; } #blockLeft #navigationSub > nav > div > ul > li > span.navpointToggler { display:none; } #blockLeft #navigationSub > nav > div > ul > li > ul { margin-bottom:0.3rem; } #blockLeft #navigationSub > nav > div > ul > li > ul > li { display:block; margin:0; padding:0; } #blockLeft #navigationSub > nav > div > ul > li > ul > li > a { font-family:inherit; font-size:0.8rem; line-height:140%; color:#3c3c3c; background-color:transparent; padding:0.3rem 1rem; } #blockLeft #navigationSub > nav > div > ul > li > ul > li > a:hover { color:#3c3c3c; background-color:transparent; } #blockLeft #navigationSub > nav > div > ul > li > ul > li > a:active { color:#3c3c3c; background-color:transparent; } #blockLeft #navigationSub > nav > div > ul > li > ul > li.selected > a, #blockLeft #navigationSub > nav > div > ul > li > ul > li.descendantSelected > a { color:#3c3c3c; background-color:transparent; font-weight:bold; } #blockLeft #navigationSub > nav > div > ul > li > ul > li > span.navpointToggler { display:none; } #blockLeft #navigationSub > nav > div > ul > li > ul > li > ul > li { display:block; margin:0; padding:0; } #blockLeft #navigationSub > nav > div > ul > li > ul > li > ul > li > a { font-family:inherit; font-size:0.8rem; line-height:140%; color:#3c3c3c; background-color:transparent; padding:0.3rem 2rem; } #blockLeft #navigationSub > nav > div > ul > li > ul > li > ul > li > a:hover { color:#3c3c3c; background-color:transparent; } #blockLeft #navigationSub > nav > div > ul > li > ul > li > ul > li > a:active { color:#3c3c3c; background-color:transparent; } #blockLeft #navigationSub > nav > div > ul > li > ul > li > ul > li.selected > a, #blockLeft #navigationSub > nav > div > ul > li > ul > li > ul > li.descendantSelected > a { color:#3c3c3c; background-color:transparent; font-weight:bold; } #blockLeft #navigationSub > nav > div > ul > li > ul > li > ul > li > span.navpointToggler { display:none; } @media only screen and (min-width: 992px) { #blockLeft { float:left; width:240px; padding:6rem 2rem 0 0; display:block; } } #blockContent { display:block; position:relative; } #blockContent > div > .elementContent, #blockContent > div > .elementObjectContactPerson, #blockContent > div > .elementVideoExternal, #blockContent > div > .elementVideo, #blockContent > div > .elementText, #blockContent > div > .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonText, #blockContent > div > .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks, #blockContent > div > .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress, #blockContent > div > .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments, #blockContent > div > .elementTabContainer, #blockContent > div > .elementSitemap, #blockContent > div > .elementPicture, #blockContent > div > .elementNavigation, #blockContent > div > .elementLink, #blockContent > div > .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard, #blockContent > div > .elementInfo, #blockContent > div > .elementHeadline, #blockContent > div > .elementDataFragment_var540, #blockContent > div > .elementBox, #blockContent > div > .elementAccordion, #blockContent > div > div.wWebtagGroup > div > div > div > .elementContent, #blockContent > div > div.wWebtagGroup > div > div > div > .elementObjectContactPerson, #blockContent > div > div.wWebtagGroup > div > div > div > .elementVideoExternal, #blockContent > div > div.wWebtagGroup > div > div > div > .elementVideo, #blockContent > div > div.wWebtagGroup > div > div > div > .elementText, #blockContent > div > div.wWebtagGroup > div > div > div > .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonText, #blockContent > div > div.wWebtagGroup > div > div > div > .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks, #blockContent > div > div.wWebtagGroup > div > div > div > .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress, #blockContent > div > div.wWebtagGroup > div > div > div > .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments, #blockContent > div > div.wWebtagGroup > div > div > div > .elementTabContainer, #blockContent > div > div.wWebtagGroup > div > div > div > .elementSitemap, #blockContent > div > div.wWebtagGroup > div > div > div > .elementPicture, #blockContent > div > div.wWebtagGroup > div > div > div > .elementNavigation, #blockContent > div > div.wWebtagGroup > div > div > div > .elementLink, #blockContent > div > div.wWebtagGroup > div > div > div > .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard, #blockContent > div > div.wWebtagGroup > div > div > div > .elementInfo, #blockContent > div > div.wWebtagGroup > div > div > div > .elementHeadline, #blockContent > div > div.wWebtagGroup > div > div > div > .elementDataFragment_var540, #blockContent > div > div.wWebtagGroup > div > div > div > .elementBox, #blockContent > div > div.wWebtagGroup > div > div > div > .elementAccordion { margin-left:20px; margin-right:20px; } @media only screen and (min-width: 992px) { #blockContent > div > .elementContent, #blockContent > div > .elementObjectContactPerson, #blockContent > div > .elementVideoExternal, #blockContent > div > .elementVideo, #blockContent > div > .elementText, #blockContent > div > .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonText, #blockContent > div > .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks, #blockContent > div > .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress, #blockContent > div > .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments, #blockContent > div > .elementTabContainer, #blockContent > div > .elementSitemap, #blockContent > div > .elementPicture, #blockContent > div > .elementNavigation, #blockContent > div > .elementLink, #blockContent > div > .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard, #blockContent > div > .elementInfo, #blockContent > div > .elementHeadline, #blockContent > div > .elementDataFragment_var540, #blockContent > div > .elementBox, #blockContent > div > .elementAccordion, #blockContent > div > div.wWebtagGroup > div > div > div > .elementContent, #blockContent > div > div.wWebtagGroup > div > div > div > .elementObjectContactPerson, #blockContent > div > div.wWebtagGroup > div > div > div > .elementVideoExternal, #blockContent > div > div.wWebtagGroup > div > div > div > .elementVideo, #blockContent > div > div.wWebtagGroup > div > div > div > .elementText, #blockContent > div > div.wWebtagGroup > div > div > div > .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonText, #blockContent > div > div.wWebtagGroup > div > div > div > .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks, #blockContent > div > div.wWebtagGroup > div > div > div > .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress, #blockContent > div > div.wWebtagGroup > div > div > div > .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments, #blockContent > div > div.wWebtagGroup > div > div > div > .elementTabContainer, #blockContent > div > div.wWebtagGroup > div > div > div > .elementSitemap, #blockContent > div > div.wWebtagGroup > div > div > div > .elementPicture, #blockContent > div > div.wWebtagGroup > div > div > div > .elementNavigation, #blockContent > div > div.wWebtagGroup > div > div > div > .elementLink, #blockContent > div > div.wWebtagGroup > div > div > div > .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard, #blockContent > div > div.wWebtagGroup > div > div > div > .elementInfo, #blockContent > div > div.wWebtagGroup > div > div > div > .elementHeadline, #blockContent > div > div.wWebtagGroup > div > div > div > .elementDataFragment_var540, #blockContent > div > div.wWebtagGroup > div > div > div > .elementBox, #blockContent > div > div.wWebtagGroup > div > div > div > .elementAccordion { max-width:unset; margin-left:auto; margin-right:auto; } } #blockAfter { position:relative; } #blockRight { display:none; position:relative; padding:1rem; } @media only screen and (min-width: 992px) { #blockRight { display:block; float:right; width:280px; padding:6rem 0 0 2rem; } } #blockFooter { display:block; clear:both; position:relative; margin:0 auto; } #blockFooter h1, #blockFooter h2, #blockFooter h3, #blockFooter h4, #blockFooter h5, #blockFooter h6 { font-weight:normal; } #blockFooter a { text-decoration:none; line-height:2; vertical-align:bottom; } #blockFooter a:before { height:2rem; } #beButtonsPage { max-width:unset; margin:0 auto; position:relative; width:100%; } #beButtonsPage > div { margin:2px 0 0 2px; position:absolute; z-index:15; } #beButtonsPage > div .wglButton { margin-bottom:2px; } #beButtonsPage #beButtonsPageContentContainer { position:absolute; right:0; } #beButtonEditContent5Include { right:25px; } .object-singlepage #blockHeader { background-color:#F0F0F0; } .object-singlepage.no-weditor #blockBody { padding-top:0; } .object-singlepage #navigationBreadcrumb { display:none; } .page_var1 #navigationBreadcrumb { display:none; } .page_var10 #blockMain, .page_var740 #blockMain, .page_var730 #blockMain, .page_var710 #blockMain, .page_var1 #blockMain, .page_var0 #blockMain { max-width:100%; margin:0 auto; } .page_var20 #blockMain { max-width:unset; box-sizing:content-box; margin:0 auto; padding:0; } .page_var20 #blockMain > div { box-sizing:border-box; } @media only screen and (min-width: 576px) { .page_var20 #blockMain { padding:0 2rem; } } @media only screen and (min-width: 992px) { .page_var20 #blockMain { padding:0 4rem; } } @media only screen and (min-width: 992px) { .page_var20 #blockContent { float:left; width:calc(100% - 240px); } } .page_var30 #blockMain { max-width:unset; box-sizing:content-box; margin:0 auto; padding:0; } .page_var30 #blockMain > div { box-sizing:border-box; } @media only screen and (min-width: 576px) { .page_var30 #blockMain { padding:0 2rem; } } @media only screen and (min-width: 992px) { .page_var30 #blockMain { padding:0 4rem; } } @media only screen and (min-width: 992px) { .page_var30 #blockContent { float:left; width:calc(100% - 240px - 280px); } } .page_var40 #blockMain { max-width:unset; box-sizing:content-box; margin:0 auto; padding:0; } .page_var40 #blockMain > div { box-sizing:border-box; } @media only screen and (min-width: 576px) { .page_var40 #blockMain { padding:0 2rem; } } @media only screen and (min-width: 992px) { .page_var40 #blockMain { padding:0 4rem; } } @media only screen and (min-width: 992px) { .page_var40 #blockContent { float:left; width:calc(100% - 280px); } } .page_var41 #blockMain { max-width:unset; margin:0 auto; padding:0; } .page_var41 #blockMain > div { box-sizing:border-box; } .page_var41 #blockRight { display:none; position:relative; } @media only screen and (min-width: 576px) { .page_var41 #blockMain { padding:0 2rem; } } @media only screen and (min-width: 992px) { .page_var41 #blockMain { width:992px; padding:0 0; } } @media only screen and (min-width: 1200px) { .page_var41 #blockMain { width:1200px; padding:0 0; } } @media only screen and (min-width: 992px) { .page_var41 #blockContent { float:left; width:70%; } } @media only screen and (min-width: 1200px) { .page_var41 #blockContent { width:70%; } } @media only screen and (min-width: 992px) { .page_var41 #blockRight { display:block; float:right; padding:6rem 0 0 2rem; width:30%; } } @media only screen and (min-width: 1200px) { .page_var41 #blockRight { width:30%; } } .page_var100 #blockPage { max-width:none; margin:0 auto; } .page_var100 #blockMain { max-width:100%; margin:0 auto; } .page_var400 #blockPage { max-width:none; } .page_var400 #blockMain { max-width:100%; margin:0 auto; } .page_var400 #blockHeader { max-width:none; z-index:3; } .scrolled-top.page_var400 #blockHeader { background-color:transparent; } .page_var400 #blockHeader #blockHeaderBefore { display:none; } .scrolldirection-up.page_var400 #blockHeader { background:rgba(0,0,0,0); margin-top:0px; transition:margin 0.2s ease-in-out, background 0.2s ease-in-out; } .scrolldirection-down.page_var400 #blockHeader { background:rgba(0,0,0,0); margin-top:!important; transition:margin 1.2s ease-in-out, background 0.4s ease-in-out; } .scrolldirection-up .page_var400 { margin-top:0px; transition:margin 0.2s ease-in-out; } .page_var400 #beButtonsPage > div { margin-top:calc(9.5019157088vw + 64.367816092px) + 2px; } .page_var400.weditor #blockHeader { position:relative; } .page_var400 #navigationBreadcrumb { display:none; } .page_var400 #blockBody { padding-top:0; } .page_var400.navmenu-open #navlayer-background { position:fixed; z-index:2; top:0; left:0; width:100vw; height:100vh; background:transparent; } @media only screen and (min-width: 992px) { .scrolldirection-down.page_var400 #blockHeader { margin-top:!important; } } .page_var500 #blockPage { max-width:none; } .page_var500 #blockMain { max-width:100%; margin:0 auto; } .page_var500 #blockHeader { max-width:none; z-index:3; } .scrolled-top.page_var500 #blockHeader { background-color:transparent; } .page_var500 #blockHeader #blockHeaderBefore { display:none; } .page_var500 #blockHeader #navigationMain { display:none; } .scrolldirection-up.page_var500 #blockHeader { background:rgba(0,0,0,0); margin-top:0px; transition:margin 0.2s ease-in-out, background 0.2s ease-in-out; } .scrolldirection-down.page_var500 #blockHeader { background:rgba(0,0,0,0); margin-top:!important; transition:margin 1.2s ease-in-out, background 0.4s ease-in-out; } .scrolldirection-up .page_var500 { margin-top:0px; transition:margin 0.2s ease-in-out; } .page_var500 #beButtonsPage > div { margin-top:calc(9.5019157088vw + 64.367816092px) + 2px; } .page_var500.weditor #blockHeader { position:relative; } .page_var500 #navigationBreadcrumb { display:none; } .page_var500 #blockBody { padding-top:0; } .page_var500.navmenu-open #navlayer-background { position:fixed; z-index:2; top:0; left:0; width:100vw; height:100vh; background:transparent; } .page_var500 #markerAreaEditable0 { display:none !important; } .page_var500 .fp-responsive .elementSection.fp-section, .page_var500 .fp-responsive .elementSectionObjectContactPerson.fp-section { height:auto !important; } @media only screen and (min-width: 992px) { .scrolldirection-down.page_var500 #blockHeader { margin-top:!important; } } .page_var710 #navigationMain { display:none; } .page_var730 #blockHeader { display:none; } .page_var730 #blockBody { padding-top:0; } .page_var740 #blockHeader, .page_var740 #blockFooter { display:none; } .page_var740 #blockBody { padding-top:0; } .visuallyhidden { border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; } .subline, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonPosition, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDegree { color:#3c3c3c; } .subline a, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments a, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonPosition a, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDegree a { background:none; color:inherit; } .description { font-weight:bold; } p.small { font-size:0.5rem; line-height:100%; } .unimportant { color:#3c3c3c; } .info, .additional, .elementObjectContactPerson .elementObjectContactPersonText { color:#3c3c3c; } .noDecoration { text-decoration:none; } .positionRelative { position:relative; } .clearAfter:after, .listPrevNext_var30:after, .listPrevNext_var2:after, .listPrevNext_var0:after, .listPictureGallery_var2:after, .listDefaultBorder_var50 .listEntry .listEntryInner:after, .listDefaultBorder_var40 .listEntry .listEntryInner:after, .listDefaultBorder_var20 .listEntry .listEntryInner:after, .listDefaultBorder_var10 .listEntry .listEntryInner:after, .listDefaultBorder_var0 .listEntry .listEntryInner:after, .listDefault_var730 .listEntry .listEntryInner:after, .listDefault_var80 .accordionContent:after, .listDefault:after, .elementObjectContactPerson .elementObjectContactPersonSocialButtons:after, .elementObjectContactPerson:after, .weditor:not(.wpreview) .elementPicture:after, .elementForm_var40 div.form div.formElementInputUpload:after, .elementForm_var40 div.form div.formElementInputCheckbox:after, .elementForm_var40 div.form div.formElementInputRadio:after, .elementForm .containerFormElementsMultiple:after, .elementCookietable:after, .elementContainerStandard:after, .elementButton:after, .elementBox > .boxInner:after, .page_var41 #blockRight:after, #blockFooter:after, #blockRight:after, #blockMain:after, #blockBody:after, #blockHeader:after { display:table; overflow:hidden; visibility:hidden; clear:both; content:"."; height:0; font-size:0; line-height:0; } .clearBoth { height:0px; line-height:0; font-size:0px; clear:both; padding:0; margin:0; overflow:hidden; } .clearBothSpace { height:10px; line-height:0; font-size:0px; clear:both; padding:0; margin:0; overflow:hidden; } .clickable { cursor:pointer; } .invisible { display:none; } .hideIfEmpty:empty, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks:empty, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress:empty { display:none; } .hideSpaceAfterLastParagraph p:last-child { margin-bottom:0; } .highlighted { color:#E6E100!important; } .soft { color:#3c3c3c; } .preWrap { white-space:pre-wrap; } picture { line-height:0; } picture img { max-width:100%; } picture[data-lazyloading='1'] img.wglLazyLoadInit { background:transparent; } html { box-sizing:border-box; } *, *:before, *:after { box-sizing:inherit; } img .picture { margin:0; height:auto; max-width:100%; vertical-align:bottom; } img .pictureLeft { float:left; margin:0 24px 10px 0; height:auto; max-width:100%; vertical-align:bottom; } img .pictureCenter { margin:0 24px 4px 0; height:auto; max-width:100%; vertical-align:bottom; } img .pictureRight { float:right; margin:0 0 4px 24px; height:auto; max-width:100%; vertical-align:bottom; } p { margin:0 0 1rem 0; } .alignLeft { text-align:left; } .alignRight { text-align:right; } .alignCenter { text-align:center; } .alignJustify { text-align:justify; } ul { margin:0; padding:0; list-style:none; } ol, ul { margin:0; padding:0; } li { margin:0; padding:0; } dt, dd { margin:0; padding:0; } hr { margin:0 0 10px 0; border-color:#C4C8CE; border-style:solid none none none; height:0px; } acronym, abbr { border-bottom:dotted 2px #3c3c3c; } blockquote { border-left:solid 4px #C4C8CE; padding-left:1rem; } sup { font-size:70% !important; line-height:0 !important; vertical-align:super; } a { text-decoration:none; color:#3c3c3c; } .isDarkBackground a { color:#E6E100; } a > span { color:inherit; } .jsPrivacyNotice { background:#F0F0F0; padding:0.3rem 1rem; bottom:0; } #blockLeft a, #blockRight a, #blockFooter a { text-decoration:none; } a.downloadIcon > span:first-child, a.iconUrl > span:first-child, a.iconUrlBefore:before, a.intern:before, a.extern:before, a.box:before, a.boxPicture:before, a.download:before, a.html:before, a.link-pdf:before, a.pdf:before, a.doc:before, a.xls:before, a.audio:before, a.video:before, a.next:before, a.back:before, a.wpst:before , a.mail:before, a.wpst:before, span.phone:before, a.phone:before, span.fax:before, a.fax:before, span.mobile:before, a.mobile:before, a.maps:before, a.rss:before, a.vcf:before, a.ical:before { content:''; display:inline-block; outline:none; margin:0 4px 0 0; width:22px; height:1.5rem; vertical-align:bottom; background-size:24px; background-position:center; background-repeat:no-repeat; flex:none; } a.next > span, a.intern > span, a.extern > span, a.box > span, a.boxPicture > span, a.download > span, a.html > span, a.pdf > span, a.doc > span, a.xls > span, a.audio > span, a.video > span, a.next > span, a.back > span, a.wpst > span , a.mail > span, a.wpst > span, span.phone > span, a.phone > span, span.fax > span, a.fax > span, span.mobile > span, a.mobile > span, a.maps > span, a.rss > span, a.vcf > span, a.ical > span { display:inline-block; text-decoration:inherit; color:inherit; font:inherit; max-width:calc(100% - 20px); } body a.intern:before, .isLightBackground a.intern:before, .isDarkBackground .isLightBackground a.intern:before, .isDarkBackground .isInverseBackground a.intern:before { background-image:url("/weblication-wGlobal/wGlobal/layout/images/links/optimized/intern@stroke(3c3c3c).svg"); } body a.extern:before, .isLightBackground a.extern:before, .isDarkBackground .isLightBackground a.extern:before, .isDarkBackground .isInverseBackground a.extern:before { background-image:url("/weblication-wGlobal/wGlobal/layout/images/links/optimized/extern@stroke(3c3c3c).svg"); } body a.box:before, .isLightBackground a.box:before, .isDarkBackground .isLightBackground a.box:before, .isDarkBackground .isInverseBackground a.box:before { background-image:url("/weblication-wGlobal/wGlobal/layout/images/links/optimized/box@stroke(3c3c3c).svg"); } body a.boxPicture:before, .isLightBackground a.boxPicture:before, .isDarkBackground .isLightBackground a.boxPicture:before, .isDarkBackground .isInverseBackground a.boxPicture:before { background-image:url("/weblication-wGlobal/wGlobal/layout/images/links/optimized/box@stroke(3c3c3c).svg"); } body a.html:before, .isLightBackground a.html:before, .isDarkBackground .isLightBackground a.html:before, .isDarkBackground .isInverseBackground a.html:before { background-image:url("/weblication-wGlobal/wGlobal/layout/images/links/optimized/html@stroke(3c3c3c).svg"); } body a.download:before, .isLightBackground a.download:before, .isDarkBackground .isLightBackground a.download:before, .isDarkBackground .isInverseBackground a.download:before { background-image:url("/weblication-wGlobal/wGlobal/layout/images/links/optimized/download@stroke(3c3c3c).svg"); } body a.doc:before, .isLightBackground a.doc:before, .isDarkBackground .isLightBackground a.doc:before, .isDarkBackground .isInverseBackground a.doc:before { background-image:url("/weblication-wGlobal/wGlobal/layout/images/links/optimized/doc@stroke(3c3c3c).svg"); } body a.xls:before, .isLightBackground a.xls:before, .isDarkBackground .isLightBackground a.xls:before, .isDarkBackground .isInverseBackground a.xls:before { background-image:url("/weblication-wGlobal/wGlobal/layout/images/links/optimized/xls@stroke(3c3c3c).svg"); } body a.audio:before, .isLightBackground a.audio:before, .isDarkBackground .isLightBackground a.audio:before, .isDarkBackground .isInverseBackground a.audio:before { background-image:url("/weblication-wGlobal/wGlobal/layout/images/links/optimized/audio@stroke(3c3c3c).svg"); } body a.video:before, .isLightBackground a.video:before, .isDarkBackground .isLightBackground a.video:before, .isDarkBackground .isInverseBackground a.video:before { background-image:url("/weblication-wGlobal/wGlobal/layout/images/links/optimized/video@stroke(3c3c3c).svg"); } body a.next:before, .isLightBackground a.next:before, .isDarkBackground .isLightBackground a.next:before, .isDarkBackground .isInverseBackground a.next:before { background-image:url("/weblication-wGlobal/wGlobal/layout/images/links/optimized/next@stroke(3c3c3c).svg"); } body a.back:before, .isLightBackground a.back:before, .isDarkBackground .isLightBackground a.back:before, .isDarkBackground .isInverseBackground a.back:before { background-image:url("/weblication-wGlobal/wGlobal/layout/images/links/optimized/back@stroke(3c3c3c).svg"); } body a.wpst:before ,body a.mail:before, body a.wpst:before, .isLightBackground a.wpst:before , .isLightBackground a.mail:before, .isLightBackground a.wpst:before, .isDarkBackground .isLightBackground a.wpst:before , .isDarkBackground .isLightBackground a.mail:before, .isDarkBackground .isLightBackground a.wpst:before, .isDarkBackground .isInverseBackground a.wpst:before , .isDarkBackground .isInverseBackground a.mail:before, .isDarkBackground .isInverseBackground a.wpst:before { background-image:url("/weblication-wGlobal/wGlobal/layout/images/links/optimized/mail@stroke(3c3c3c).svg"); } body span.phone:before, body a.phone:before, .isLightBackground span.phone:before, .isLightBackground a.phone:before, .isDarkBackground .isLightBackground span.phone:before, .isDarkBackground .isLightBackground a.phone:before, .isDarkBackground .isInverseBackground span.phone:before, .isDarkBackground .isInverseBackground a.phone:before { background-image:url("/weblication-wGlobal/wGlobal/layout/images/links/optimized/phone@stroke(3c3c3c).svg"); } body span.fax:before, body a.fax:before, .isLightBackground span.fax:before, .isLightBackground a.fax:before, .isDarkBackground .isLightBackground span.fax:before, .isDarkBackground .isLightBackground a.fax:before, .isDarkBackground .isInverseBackground span.fax:before, .isDarkBackground .isInverseBackground a.fax:before { background-image:url("/weblication-wGlobal/wGlobal/layout/images/links/optimized/fax@stroke(3c3c3c).svg"); } body span.mobile:before, body a.mobile:before, .isLightBackground span.mobile:before, .isLightBackground a.mobile:before, .isDarkBackground .isLightBackground span.mobile:before, .isDarkBackground .isLightBackground a.mobile:before, .isDarkBackground .isInverseBackground span.mobile:before, .isDarkBackground .isInverseBackground a.mobile:before { background-image:url("/weblication-wGlobal/wGlobal/layout/images/links/optimized/mobile@stroke(3c3c3c).svg"); } body a.maps:before, .isLightBackground a.maps:before, .isDarkBackground .isLightBackground a.maps:before, .isDarkBackground .isInverseBackground a.maps:before { background-image:url("/weblication-wGlobal/wGlobal/layout/images/links/optimized/maps@stroke(3c3c3c).svg"); } body a.rss:before, .isLightBackground a.rss:before, .isDarkBackground .isLightBackground a.rss:before, .isDarkBackground .isInverseBackground a.rss:before { background-image:url("/weblication-wGlobal/wGlobal/layout/images/links/optimized/rss@stroke(3c3c3c).svg"); } body a.vcf:before, .isLightBackground a.vcf:before, .isDarkBackground .isLightBackground a.vcf:before, .isDarkBackground .isInverseBackground a.vcf:before { background-image:url("/weblication-wGlobal/wGlobal/layout/images/links/optimized/vcf@stroke(3c3c3c).svg"); } body a.ical:before, .isLightBackground a.ical:before, .isDarkBackground .isLightBackground a.ical:before, .isDarkBackground .isInverseBackground a.ical:before { background-image:url("/weblication-wGlobal/wGlobal/layout/images/links/optimized/ical@stroke(3c3c3c).svg"); } .isDarkBackground a.intern:before, .isLightBackground .isDarkBackground a.intern:before, .isInverseBackground a.intern:before, .isLightBackground .isInverseBackground a.intern:before { background-image:url("/weblication-wGlobal/wGlobal/layout/images/links/optimized/intern@stroke(FFFFFF).svg"); } .isDarkBackground a.extern:before, .isLightBackground .isDarkBackground a.extern:before, .isInverseBackground a.extern:before, .isLightBackground .isInverseBackground a.extern:before { background-image:url("/weblication-wGlobal/wGlobal/layout/images/links/optimized/extern@stroke(FFFFFF).svg"); } .isDarkBackground a.box:before, .isLightBackground .isDarkBackground a.box:before, .isInverseBackground a.box:before, .isLightBackground .isInverseBackground a.box:before { background-image:url("/weblication-wGlobal/wGlobal/layout/images/links/optimized/box@stroke(FFFFFF).svg"); } .isDarkBackground a.boxPicture:before, .isLightBackground .isDarkBackground a.boxPicture:before, .isInverseBackground a.boxPicture:before, .isLightBackground .isInverseBackground a.boxPicture:before { background-image:url("/weblication-wGlobal/wGlobal/layout/images/links/optimized/box@stroke(FFFFFF).svg"); } .isDarkBackground a.html:before, .isLightBackground .isDarkBackground a.html:before, .isInverseBackground a.html:before, .isLightBackground .isInverseBackground a.html:before { background-image:url("/weblication-wGlobal/wGlobal/layout/images/links/optimized/html@stroke(FFFFFF).svg"); } .isDarkBackground a.download:before, .isLightBackground .isDarkBackground a.download:before, .isInverseBackground a.download:before, .isLightBackground .isInverseBackground a.download:before { background-image:url("/weblication-wGlobal/wGlobal/layout/images/links/optimized/download@stroke(FFFFFF).svg"); } .isDarkBackground a.doc:before, .isLightBackground .isDarkBackground a.doc:before, .isInverseBackground a.doc:before, .isLightBackground .isInverseBackground a.doc:before { background-image:url("/weblication-wGlobal/wGlobal/layout/images/links/optimized/doc@stroke(FFFFFF).svg"); } .isDarkBackground a.xls:before, .isLightBackground .isDarkBackground a.xls:before, .isInverseBackground a.xls:before, .isLightBackground .isInverseBackground a.xls:before { background-image:url("/weblication-wGlobal/wGlobal/layout/images/links/optimized/xls@stroke(FFFFFF).svg"); } .isDarkBackground a.audio:before, .isLightBackground .isDarkBackground a.audio:before, .isInverseBackground a.audio:before, .isLightBackground .isInverseBackground a.audio:before { background-image:url("/weblication-wGlobal/wGlobal/layout/images/links/optimized/audio@stroke(FFFFFF).svg"); } .isDarkBackground a.video:before, .isLightBackground .isDarkBackground a.video:before, .isInverseBackground a.video:before, .isLightBackground .isInverseBackground a.video:before { background-image:url("/weblication-wGlobal/wGlobal/layout/images/links/optimized/video@stroke(FFFFFF).svg"); } .isDarkBackground a.next:before, .isLightBackground .isDarkBackground a.next:before, .isInverseBackground a.next:before, .isLightBackground .isInverseBackground a.next:before { background-image:url("/weblication-wGlobal/wGlobal/layout/images/links/optimized/next@stroke(FFFFFF).svg"); } .isDarkBackground a.back:before, .isLightBackground .isDarkBackground a.back:before, .isInverseBackground a.back:before, .isLightBackground .isInverseBackground a.back:before { background-image:url("/weblication-wGlobal/wGlobal/layout/images/links/optimized/back@stroke(FFFFFF).svg"); } .isDarkBackground a.wpst:before ,.isDarkBackground a.mail:before, .isDarkBackground a.wpst:before, .isLightBackground .isDarkBackground a.wpst:before , .isLightBackground .isDarkBackground a.mail:before, .isLightBackground .isDarkBackground a.wpst:before, .isInverseBackground a.wpst:before , .isInverseBackground a.mail:before, .isInverseBackground a.wpst:before, .isLightBackground .isInverseBackground a.wpst:before , .isLightBackground .isInverseBackground a.mail:before, .isLightBackground .isInverseBackground a.wpst:before { background-image:url("/weblication-wGlobal/wGlobal/layout/images/links/optimized/mail@stroke(FFFFFF).svg"); } .isDarkBackground a.phone:before, .isLightBackground .isDarkBackground a.phone:before, .isInverseBackground a.phone:before, .isLightBackground .isInverseBackground a.phone:before { background-image:url("/weblication-wGlobal/wGlobal/layout/images/links/optimized/phone@stroke(FFFFFF).svg"); } .isDarkBackground a.fax:before, .isLightBackground .isDarkBackground a.fax:before, .isInverseBackground a.fax:before, .isLightBackground .isInverseBackground a.fax:before { background-image:url("/weblication-wGlobal/wGlobal/layout/images/links/optimized/fax@stroke(FFFFFF).svg"); } .isDarkBackground a.mobile:before, .isLightBackground .isDarkBackground a.mobile:before, .isInverseBackground a.mobile:before, .isLightBackground .isInverseBackground a.mobile:before { background-image:url("/weblication-wGlobal/wGlobal/layout/images/links/optimized/mobile@stroke(FFFFFF).svg"); } .isDarkBackground a.maps:before, .isLightBackground .isDarkBackground a.maps:before, .isInverseBackground a.maps:before, .isLightBackground .isInverseBackground a.maps:before { background-image:url("/weblication-wGlobal/wGlobal/layout/images/links/optimized/maps@stroke(FFFFFF).svg"); } .isDarkBackground a.rss:before, .isLightBackground .isDarkBackground a.rss:before, .isInverseBackground a.rss:before, .isLightBackground .isInverseBackground a.rss:before { background-image:url("/weblication-wGlobal/wGlobal/layout/images/links/optimized/rss@stroke(FFFFFF).svg"); } .isDarkBackground a.vcf:before, .isLightBackground .isDarkBackground a.vcf:before, .isInverseBackground a.vcf:before, .isLightBackground .isInverseBackground a.vcf:before { background-image:url("/weblication-wGlobal/wGlobal/layout/images/links/optimized/vcf@stroke(FFFFFF).svg"); } .isDarkBackground a.ical:before, .isLightBackground .isDarkBackground a.ical:before, .isInverseBackground a.ical:before, .isLightBackground .isInverseBackground a.ical:before { background-image:url("/weblication-wGlobal/wGlobal/layout/images/links/optimized/ical@stroke(FFFFFF).svg"); } a.iconUrlBefore { background-repeat:no-repeat; } a.downloadIcon { background-image:none !important; } a.downloadIcon.downloadIcon:before { display:none; } a.downloadIcon.link-pdf > span:first-child { display:none; } a.downloadIcon.link-pdf:before { display:inline-block; } a.phone[href=''], a.phone[href='#'], a.phone:not([href]), a.fax[href=''], a.fax[href='#'], a.fax:not([href]), a.mobile[href=''], a.mobile[href='#'], a.mobile:not([href]) { pointer-events:none; cursor:text; text-decoration:none; color:#3c3c3c; } a:hover { text-decoration:underline; color:#3c3c3c; } .isDarkBackground a:hover { color:#E6E100; } a.wpst:before { content:none; } a.pdf span { padding-left:calc(30px + 20px); } a.pdf span:before { position:absolute; display:inline-block; content:""; top:50%; left:0; width:30px; height:34px; transform:translateY(-50%); background:url(/weblication-wGlobal/wGlobal/layout/images/mzv/optimized/icon-pdf-black.svg) no-repeat 0 0; background-size:contain!important; } .linkMore, a.loadMore, a.listLoaderLink, .listLoaderMore > a, .elementLink_var65 > a { position:relative; display:inline-flex!important; text-decoration:none!important; color:#3c3c3c; line-height:1; height:76.5px; align-items:flex-end; } .linkMore >span, a.loadMore >span, a.listLoaderLink >span, .listLoaderMore > a >span, .elementLink_var65 > a >span { top:0!important; } .linkMore:before, a.loadMore:before, a.listLoaderLink:before, .listLoaderMore > a:before, .elementLink_var65 > a:before, .linkMore:after, a.loadMore:after, a.listLoaderLink:after, .listLoaderMore > a:after, .elementLink_var65 > a:after { position:absolute; display:inline-block; content:''; outline:none; align-self:center; margin:0; border:none!important; border-width:0!important; } .linkMore:before, a.loadMore:before, a.listLoaderLink:before, .listLoaderMore > a:before, .elementLink_var65 > a:before { top:0; left:50%; width:51px; height:51px; border-radius:51px; background-color:#E6E100; transform:translateX(-50%)!important; transition:all 250ms ease-in-out; } .linkMore:after, a.loadMore:after, a.listLoaderLink:after, .listLoaderMore > a:after, .elementLink_var65 > a:after { top:8px; left:50%; width:32px; height:35px; background:url(/weblication-wGlobal/wGlobal/layout/images/mzv/optimized/icon-refresh.svg) no-repeat 0 0; background-size:contain; transform:translateX(-50%) rotate(0); margin-left:0; transition:all 250ms ease-in-out; } .linkMore span, a.loadMore span, a.listLoaderLink span, .listLoaderMore > a span, .elementLink_var65 > a span { position:relative; top:0; transition:top 250ms ease-in-out; } .linkMore.loading:after, a.loadMore.loading:after, a.listLoaderLink.loading:after, .listLoaderMore > a.loading:after, .elementLink_var65 > a.loading:after { animation-name:buttonArrowsRotate360; animation-delay:0s; animation-fill-mode:forwards; animation-iteration-count:infinite; animation-timing-function:linear; animation-duration:500ms; } @media (hover: hover) { .linkMore:hover, a.loadMore:hover, a.listLoaderLink:hover, .listLoaderMore > a:hover, .elementLink_var65 > a:hover { color:#3c3c3c; } .linkMore:hover:before, a.loadMore:hover:before, a.listLoaderLink:hover:before, .listLoaderMore > a:hover:before, .elementLink_var65 > a:hover:before { top:-4px; width:61.2px; height:61.2px; } .linkMore:hover:after, a.loadMore:hover:after, a.listLoaderLink:hover:after, .listLoaderMore > a:hover:after, .elementLink_var65 > a:hover:after { top:6px; width:38.4px; height:42px; transform:translateX(-50%) rotate(-180deg); margin-left:1px; } .linkMore:hover span, a.loadMore:hover span, a.listLoaderLink:hover span, .listLoaderMore > a:hover span, .elementLink_var65 > a:hover span { position:relative; top:6px; } } .linkButton, .listEntryElementLink_var20 a, .listBannerSliderInfolayer_var10 .listEntry .listEntryInfoLayerInner .listEntryLink > *, .elementSectionObjectNews .linkDetails, .elementLink_var10 > a, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard > a, .linkButtonGhostYellow, .elementLink_var50 > a, .linkButtonWhite, .listDefaultLink_var41 .listEntryLink a, .elementLink_var11 > a, .linkButtonGhostWhite, .listBannerSliderInfolayer_var40 .listEntry .listEntryInfoLayerInner .listEntryLink > *, .listBannerSliderInfolayer_var20 .listEntry .listEntryInfoLayerInner .listEntryLink > *, .elementLink_var60 > a, .linkButtonBlack, .elementLink_var20 > a, .elementLink_var12 > a, button, .linkButtonGhostBlack, .elementLink_var55 > a, .elementLink_var13 > a, .elementLink_var20 > a:hover { position:relative; display:inline-block; height:calc(0vw + 61px); line-height:calc(0vw + 61px); text-decoration:none!important; color:#3c3c3c; } .linkButton span, .listEntryElementLink_var20 a span, .listBannerSliderInfolayer_var10 .listEntry .listEntryInfoLayerInner .listEntryLink > * span, .elementSectionObjectNews .linkDetails span, .elementLink_var10 > a span, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard > a span, .linkButtonGhostYellow span, .elementLink_var50 > a span, .linkButtonWhite span, .listDefaultLink_var41 .listEntryLink a span, .elementLink_var11 > a span, .linkButtonGhostWhite span, .listBannerSliderInfolayer_var40 .listEntry .listEntryInfoLayerInner .listEntryLink > * span, .listBannerSliderInfolayer_var20 .listEntry .listEntryInfoLayerInner .listEntryLink > * span, .elementLink_var60 > a span, .linkButtonBlack span, .elementLink_var20 > a span, .elementLink_var12 > a span, button span, .linkButtonGhostBlack span, .elementLink_var55 > a span, .elementLink_var13 > a span, .elementLink_var20 > a:hover span { position:relative; font-size:min(18px,calc(0vw + 18px)); letter-spacing:.3px; font-weight:bold; font-family:"Nunito 700", Arial, Helvetica, Sans-serif; color:#3c3c3c; z-index:2; } .linkButton span:hover, .listEntryElementLink_var20 a span:hover, .listBannerSliderInfolayer_var10 .listEntry .listEntryInfoLayerInner .listEntryLink > * span:hover, .elementSectionObjectNews .linkDetails span:hover, .elementLink_var10 > a span:hover, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard > a span:hover, .linkButtonGhostYellow span:hover, .elementLink_var50 > a span:hover, .linkButtonWhite span:hover, .listDefaultLink_var41 .listEntryLink a span:hover, .elementLink_var11 > a span:hover, .linkButtonGhostWhite span:hover, .listBannerSliderInfolayer_var40 .listEntry .listEntryInfoLayerInner .listEntryLink > * span:hover, .listBannerSliderInfolayer_var20 .listEntry .listEntryInfoLayerInner .listEntryLink > * span:hover, .elementLink_var60 > a span:hover, .linkButtonBlack span:hover, .elementLink_var20 > a span:hover, .elementLink_var12 > a span:hover, button span:hover, .linkButtonGhostBlack span:hover, .elementLink_var55 > a span:hover, .elementLink_var13 > a span:hover, .elementLink_var20 > a:hover span:hover, .linkButton span:active, .listEntryElementLink_var20 a span:active, .listBannerSliderInfolayer_var10 .listEntry .listEntryInfoLayerInner .listEntryLink > * span:active, .elementSectionObjectNews .linkDetails span:active, .elementLink_var10 > a span:active, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard > a span:active, .linkButtonGhostYellow span:active, .elementLink_var50 > a span:active, .linkButtonWhite span:active, .listDefaultLink_var41 .listEntryLink a span:active, .elementLink_var11 > a span:active, .linkButtonGhostWhite span:active, .listBannerSliderInfolayer_var40 .listEntry .listEntryInfoLayerInner .listEntryLink > * span:active, .listBannerSliderInfolayer_var20 .listEntry .listEntryInfoLayerInner .listEntryLink > * span:active, .elementLink_var60 > a span:active, .linkButtonBlack span:active, .elementLink_var20 > a span:active, .elementLink_var12 > a span:active, button span:active, .linkButtonGhostBlack span:active, .elementLink_var55 > a span:active, .elementLink_var13 > a span:active, .elementLink_var20 > a:hover span:active { color:#3c3c3c; } .linkButton:before, .listEntryElementLink_var20 a:before, .listBannerSliderInfolayer_var10 .listEntry .listEntryInfoLayerInner .listEntryLink > *:before, .elementSectionObjectNews .linkDetails:before, .elementLink_var10 > a:before, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard > a:before, .linkButtonGhostYellow:before, .elementLink_var50 > a:before, .linkButtonWhite:before, .listDefaultLink_var41 .listEntryLink a:before, .elementLink_var11 > a:before, .linkButtonGhostWhite:before, .listBannerSliderInfolayer_var40 .listEntry .listEntryInfoLayerInner .listEntryLink > *:before, .listBannerSliderInfolayer_var20 .listEntry .listEntryInfoLayerInner .listEntryLink > *:before, .elementLink_var60 > a:before, .linkButtonBlack:before, .elementLink_var20 > a:before, .elementLink_var12 > a:before, button:before, .linkButtonGhostBlack:before, .elementLink_var55 > a:before, .elementLink_var13 > a:before, .elementLink_var20 > a:hover:before, .linkButton:after, .listEntryElementLink_var20 a:after, .listBannerSliderInfolayer_var10 .listEntry .listEntryInfoLayerInner .listEntryLink > *:after, .elementSectionObjectNews .linkDetails:after, .elementLink_var10 > a:after, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard > a:after, .linkButtonGhostYellow:after, .elementLink_var50 > a:after, .linkButtonWhite:after, .listDefaultLink_var41 .listEntryLink a:after, .elementLink_var11 > a:after, .linkButtonGhostWhite:after, .listBannerSliderInfolayer_var40 .listEntry .listEntryInfoLayerInner .listEntryLink > *:after, .listBannerSliderInfolayer_var20 .listEntry .listEntryInfoLayerInner .listEntryLink > *:after, .elementLink_var60 > a:after, .linkButtonBlack:after, .elementLink_var20 > a:after, .elementLink_var12 > a:after, button:after, .linkButtonGhostBlack:after, .elementLink_var55 > a:after, .elementLink_var13 > a:after, .elementLink_var20 > a:hover:after { position:absolute; display:inline-block; content:""; top:0; width:calc(100% + calc(0.2225871191vw + 39.8319649699px)); height:calc(0vw + 61px); border:solid 2px #E6E100; background-color:#E6E100; transition:transform 500ms ease; } .linkButton:before, .listEntryElementLink_var20 a:before, .listBannerSliderInfolayer_var10 .listEntry .listEntryInfoLayerInner .listEntryLink > *:before, .elementSectionObjectNews .linkDetails:before, .elementLink_var10 > a:before, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard > a:before, .linkButtonGhostYellow:before, .elementLink_var50 > a:before, .linkButtonWhite:before, .listDefaultLink_var41 .listEntryLink a:before, .elementLink_var11 > a:before, .linkButtonGhostWhite:before, .listBannerSliderInfolayer_var40 .listEntry .listEntryInfoLayerInner .listEntryLink > *:before, .listBannerSliderInfolayer_var20 .listEntry .listEntryInfoLayerInner .listEntryLink > *:before, .elementLink_var60 > a:before, .linkButtonBlack:before, .elementLink_var20 > a:before, .elementLink_var12 > a:before, button:before, .linkButtonGhostBlack:before, .elementLink_var55 > a:before, .elementLink_var13 > a:before, .elementLink_var20 > a:hover:before { left:calc(-0.4597701149vw - 36.275862069px); border-top-left-radius:calc(0vw + 30.5px); border-bottom-left-radius:calc(0vw + 30.5px); border-right-width:0!important; } .linkButton:after, .listEntryElementLink_var20 a:after, .listBannerSliderInfolayer_var10 .listEntry .listEntryInfoLayerInner .listEntryLink > *:after, .elementSectionObjectNews .linkDetails:after, .elementLink_var10 > a:after, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard > a:after, .linkButtonGhostYellow:after, .elementLink_var50 > a:after, .linkButtonWhite:after, .listDefaultLink_var41 .listEntryLink a:after, .elementLink_var11 > a:after, .linkButtonGhostWhite:after, .listBannerSliderInfolayer_var40 .listEntry .listEntryInfoLayerInner .listEntryLink > *:after, .listBannerSliderInfolayer_var20 .listEntry .listEntryInfoLayerInner .listEntryLink > *:after, .elementLink_var60 > a:after, .linkButtonBlack:after, .elementLink_var20 > a:after, .elementLink_var12 > a:after, button:after, .linkButtonGhostBlack:after, .elementLink_var55 > a:after, .elementLink_var13 > a:after, .elementLink_var20 > a:hover:after { right:calc(-0.4597701149vw - 36.275862069px); border-top-right-radius:calc(0vw + 30.5px); border-bottom-right-radius:calc(0vw + 30.5px); border-left-width:0!important; } .linkButton:hover, .listEntryElementLink_var20 a:hover, .listBannerSliderInfolayer_var10 .listEntry .listEntryInfoLayerInner .listEntryLink > *:hover, .elementSectionObjectNews .linkDetails:hover, .elementLink_var10 > a:hover, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard > a:hover, .linkButtonGhostYellow:hover, .elementLink_var50 > a:hover, .linkButtonWhite:hover, .listDefaultLink_var41 .listEntryLink a:hover, .elementLink_var11 > a:hover, .linkButtonGhostWhite:hover, .listBannerSliderInfolayer_var40 .listEntry .listEntryInfoLayerInner .listEntryLink > *:hover, .listBannerSliderInfolayer_var20 .listEntry .listEntryInfoLayerInner .listEntryLink > *:hover, .elementLink_var60 > a:hover, .linkButtonBlack:hover, .elementLink_var20 > a:hover, .elementLink_var12 > a:hover, button:hover, .linkButtonGhostBlack:hover, .elementLink_var55 > a:hover, .elementLink_var13 > a:hover, .elementLink_var20 > a:hover:hover { color:#3c3c3c; } .linkButton:hover:before, .listEntryElementLink_var20 a:hover:before, .listBannerSliderInfolayer_var10 .listEntry .listEntryInfoLayerInner .listEntryLink > *:hover:before, .elementSectionObjectNews .linkDetails:hover:before, .elementLink_var10 > a:hover:before, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard > a:hover:before, .linkButtonGhostYellow:hover:before, .elementLink_var50 > a:hover:before, .linkButtonWhite:hover:before, .listDefaultLink_var41 .listEntryLink a:hover:before, .elementLink_var11 > a:hover:before, .linkButtonGhostWhite:hover:before, .listBannerSliderInfolayer_var40 .listEntry .listEntryInfoLayerInner .listEntryLink > *:hover:before, .listBannerSliderInfolayer_var20 .listEntry .listEntryInfoLayerInner .listEntryLink > *:hover:before, .elementLink_var60 > a:hover:before, .linkButtonBlack:hover:before, .elementLink_var20 > a:hover:before, .elementLink_var12 > a:hover:before, button:hover:before, .linkButtonGhostBlack:hover:before, .elementLink_var55 > a:hover:before, .elementLink_var13 > a:hover:before, .elementLink_var20 > a:hover:hover:before { transform:translateX(-15px); } .linkButton:hover:after, .listEntryElementLink_var20 a:hover:after, .listBannerSliderInfolayer_var10 .listEntry .listEntryInfoLayerInner .listEntryLink > *:hover:after, .elementSectionObjectNews .linkDetails:hover:after, .elementLink_var10 > a:hover:after, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard > a:hover:after, .linkButtonGhostYellow:hover:after, .elementLink_var50 > a:hover:after, .linkButtonWhite:hover:after, .listDefaultLink_var41 .listEntryLink a:hover:after, .elementLink_var11 > a:hover:after, .linkButtonGhostWhite:hover:after, .listBannerSliderInfolayer_var40 .listEntry .listEntryInfoLayerInner .listEntryLink > *:hover:after, .listBannerSliderInfolayer_var20 .listEntry .listEntryInfoLayerInner .listEntryLink > *:hover:after, .elementLink_var60 > a:hover:after, .linkButtonBlack:hover:after, .elementLink_var20 > a:hover:after, .elementLink_var12 > a:hover:after, button:hover:after, .linkButtonGhostBlack:hover:after, .elementLink_var55 > a:hover:after, .elementLink_var13 > a:hover:after, .elementLink_var20 > a:hover:hover:after { transform:translateX(15px); } .linkButton:active, .listEntryElementLink_var20 a:active, .listBannerSliderInfolayer_var10 .listEntry .listEntryInfoLayerInner .listEntryLink > *:active, .elementSectionObjectNews .linkDetails:active, .elementLink_var10 > a:active, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard > a:active, .linkButtonGhostYellow:active, .elementLink_var50 > a:active, .linkButtonWhite:active, .listDefaultLink_var41 .listEntryLink a:active, .elementLink_var11 > a:active, .linkButtonGhostWhite:active, .listBannerSliderInfolayer_var40 .listEntry .listEntryInfoLayerInner .listEntryLink > *:active, .listBannerSliderInfolayer_var20 .listEntry .listEntryInfoLayerInner .listEntryLink > *:active, .elementLink_var60 > a:active, .linkButtonBlack:active, .elementLink_var20 > a:active, .elementLink_var12 > a:active, button:active, .linkButtonGhostBlack:active, .elementLink_var55 > a:active, .elementLink_var13 > a:active, .elementLink_var20 > a:hover:active { color:#3c3c3c; } .linkButton:active:before, .listEntryElementLink_var20 a:active:before, .listBannerSliderInfolayer_var10 .listEntry .listEntryInfoLayerInner .listEntryLink > *:active:before, .elementSectionObjectNews .linkDetails:active:before, .elementLink_var10 > a:active:before, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard > a:active:before, .linkButtonGhostYellow:active:before, .elementLink_var50 > a:active:before, .linkButtonWhite:active:before, .listDefaultLink_var41 .listEntryLink a:active:before, .elementLink_var11 > a:active:before, .linkButtonGhostWhite:active:before, .listBannerSliderInfolayer_var40 .listEntry .listEntryInfoLayerInner .listEntryLink > *:active:before, .listBannerSliderInfolayer_var20 .listEntry .listEntryInfoLayerInner .listEntryLink > *:active:before, .elementLink_var60 > a:active:before, .linkButtonBlack:active:before, .elementLink_var20 > a:active:before, .elementLink_var12 > a:active:before, button:active:before, .linkButtonGhostBlack:active:before, .elementLink_var55 > a:active:before, .elementLink_var13 > a:active:before, .elementLink_var20 > a:hover:active:before { transform:translateX(-15px); } .linkButton:active:after, .listEntryElementLink_var20 a:active:after, .listBannerSliderInfolayer_var10 .listEntry .listEntryInfoLayerInner .listEntryLink > *:active:after, .elementSectionObjectNews .linkDetails:active:after, .elementLink_var10 > a:active:after, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard > a:active:after, .linkButtonGhostYellow:active:after, .elementLink_var50 > a:active:after, .linkButtonWhite:active:after, .listDefaultLink_var41 .listEntryLink a:active:after, .elementLink_var11 > a:active:after, .linkButtonGhostWhite:active:after, .listBannerSliderInfolayer_var40 .listEntry .listEntryInfoLayerInner .listEntryLink > *:active:after, .listBannerSliderInfolayer_var20 .listEntry .listEntryInfoLayerInner .listEntryLink > *:active:after, .elementLink_var60 > a:active:after, .linkButtonBlack:active:after, .elementLink_var20 > a:active:after, .elementLink_var12 > a:active:after, button:active:after, .linkButtonGhostBlack:active:after, .elementLink_var55 > a:active:after, .elementLink_var13 > a:active:after, .elementLink_var20 > a:hover:active:after { transform:translateX(15px); } .linkButtonBlack, .elementLink_var20 > a, .elementLink_var12 > a, button, .linkButtonGhostBlack, .elementLink_var55 > a, .elementLink_var13 > a, .elementLink_var20 > a:hover { color:#FFFFFF; } .linkButtonBlack >span, .elementLink_var20 > a >span, .elementLink_var12 > a >span, button >span, .linkButtonGhostBlack >span, .elementLink_var55 > a >span, .elementLink_var13 > a >span, .elementLink_var20 > a:hover >span { color:#FFFFFF; } .linkButtonBlack:before, .elementLink_var20 > a:before, .elementLink_var12 > a:before, button:before, .linkButtonGhostBlack:before, .elementLink_var55 > a:before, .elementLink_var13 > a:before, .elementLink_var20 > a:hover:before, .linkButtonBlack:after, .elementLink_var20 > a:after, .elementLink_var12 > a:after, button:after, .linkButtonGhostBlack:after, .elementLink_var55 > a:after, .elementLink_var13 > a:after, .elementLink_var20 > a:hover:after { background-color:#3c3c3c; border:solid 2px #3c3c3c; } .linkButtonBlack:hover, .elementLink_var20 > a:hover, .elementLink_var12 > a:hover, button:hover, .linkButtonGhostBlack:hover, .elementLink_var55 > a:hover, .elementLink_var13 > a:hover, .elementLink_var20 > a:hover:hover { color:#3c3c3c; } .linkButtonBlack:hover >span, .elementLink_var20 > a:hover >span, .elementLink_var12 > a:hover >span, button:hover >span, .linkButtonGhostBlack:hover >span, .elementLink_var55 > a:hover >span, .elementLink_var13 > a:hover >span, .elementLink_var20 > a:hover:hover >span { color:#3c3c3c; } .linkButtonBlack:active, .elementLink_var20 > a:active, .elementLink_var12 > a:active, button:active, .linkButtonGhostBlack:active, .elementLink_var55 > a:active, .elementLink_var13 > a:active, .elementLink_var20 > a:hover:active { color:#3c3c3c; } .linkButtonBlack:active >span, .elementLink_var20 > a:active >span, .elementLink_var12 > a:active >span, button:active >span, .linkButtonGhostBlack:active >span, .elementLink_var55 > a:active >span, .elementLink_var13 > a:active >span, .elementLink_var20 > a:hover:active >span { color:#3c3c3c; } .linkButtonWhite, .listDefaultLink_var41 .listEntryLink a, .elementLink_var11 > a, .linkButtonGhostWhite, .listBannerSliderInfolayer_var40 .listEntry .listEntryInfoLayerInner .listEntryLink > *, .listBannerSliderInfolayer_var20 .listEntry .listEntryInfoLayerInner .listEntryLink > *, .elementLink_var60 > a { color:#3c3c3c; } .linkButtonWhite >span, .listDefaultLink_var41 .listEntryLink a >span, .elementLink_var11 > a >span, .linkButtonGhostWhite >span, .listBannerSliderInfolayer_var40 .listEntry .listEntryInfoLayerInner .listEntryLink > * >span, .listBannerSliderInfolayer_var20 .listEntry .listEntryInfoLayerInner .listEntryLink > * >span, .elementLink_var60 > a >span { color:#3c3c3c; } .linkButtonWhite:before, .listDefaultLink_var41 .listEntryLink a:before, .elementLink_var11 > a:before, .linkButtonGhostWhite:before, .listBannerSliderInfolayer_var40 .listEntry .listEntryInfoLayerInner .listEntryLink > *:before, .listBannerSliderInfolayer_var20 .listEntry .listEntryInfoLayerInner .listEntryLink > *:before, .elementLink_var60 > a:before, .linkButtonWhite:after, .listDefaultLink_var41 .listEntryLink a:after, .elementLink_var11 > a:after, .linkButtonGhostWhite:after, .listBannerSliderInfolayer_var40 .listEntry .listEntryInfoLayerInner .listEntryLink > *:after, .listBannerSliderInfolayer_var20 .listEntry .listEntryInfoLayerInner .listEntryLink > *:after, .elementLink_var60 > a:after { border:solid 2px #3c3c3c; background-color:#FFFFFF; } .linkButtonWhite:hover, .listDefaultLink_var41 .listEntryLink a:hover, .elementLink_var11 > a:hover, .linkButtonGhostWhite:hover, .listBannerSliderInfolayer_var40 .listEntry .listEntryInfoLayerInner .listEntryLink > *:hover, .listBannerSliderInfolayer_var20 .listEntry .listEntryInfoLayerInner .listEntryLink > *:hover, .elementLink_var60 > a:hover { color:#3c3c3c; } .linkButtonWhite:active, .listDefaultLink_var41 .listEntryLink a:active, .elementLink_var11 > a:active, .linkButtonGhostWhite:active, .listBannerSliderInfolayer_var40 .listEntry .listEntryInfoLayerInner .listEntryLink > *:active, .listBannerSliderInfolayer_var20 .listEntry .listEntryInfoLayerInner .listEntryLink > *:active, .elementLink_var60 > a:active { color:#3c3c3c; } .linkButtonGhostYellow, .elementLink_var50 > a { color:#E6E100; } .linkButtonGhostYellow >span, .elementLink_var50 > a >span { color:#E6E100; } .linkButtonGhostYellow:before, .elementLink_var50 > a:before, .linkButtonGhostYellow:after, .elementLink_var50 > a:after { background-color:transparent; } .linkButtonGhostBlack, .elementLink_var55 > a, .elementLink_var13 > a, .elementLink_var20 > a:hover { color:#3c3c3c; } .linkButtonGhostBlack >span, .elementLink_var55 > a >span, .elementLink_var13 > a >span, .elementLink_var20 > a:hover >span { color:#3c3c3c; } .linkButtonGhostBlack:before, .elementLink_var55 > a:before, .elementLink_var13 > a:before, .elementLink_var20 > a:hover:before, .linkButtonGhostBlack:after, .elementLink_var55 > a:after, .elementLink_var13 > a:after, .elementLink_var20 > a:hover:after { background-color:transparent; } .linkButtonGhostBlack:hover, .elementLink_var55 > a:hover, .elementLink_var13 > a:hover, .elementLink_var20 > a:hover:hover { color:#3c3c3c; } .linkButtonGhostBlack:active, .elementLink_var55 > a:active, .elementLink_var13 > a:active, .elementLink_var20 > a:hover:active { color:#3c3c3c; } .linkButtonGhostWhite, .listBannerSliderInfolayer_var40 .listEntry .listEntryInfoLayerInner .listEntryLink > *, .listBannerSliderInfolayer_var20 .listEntry .listEntryInfoLayerInner .listEntryLink > *, .elementLink_var60 > a { color:#FFFFFF; } .linkButtonGhostWhite >span, .listBannerSliderInfolayer_var40 .listEntry .listEntryInfoLayerInner .listEntryLink > * >span, .listBannerSliderInfolayer_var20 .listEntry .listEntryInfoLayerInner .listEntryLink > * >span, .elementLink_var60 > a >span { color:#FFFFFF; } .linkButtonGhostWhite:before, .listBannerSliderInfolayer_var40 .listEntry .listEntryInfoLayerInner .listEntryLink > *:before, .listBannerSliderInfolayer_var20 .listEntry .listEntryInfoLayerInner .listEntryLink > *:before, .elementLink_var60 > a:before, .linkButtonGhostWhite:after, .listBannerSliderInfolayer_var40 .listEntry .listEntryInfoLayerInner .listEntryLink > *:after, .listBannerSliderInfolayer_var20 .listEntry .listEntryInfoLayerInner .listEntryLink > *:after, .elementLink_var60 > a:after { border:solid 2px #FFFFFF; background-color:transparent; } .linkButtonGhostWhite:hover, .listBannerSliderInfolayer_var40 .listEntry .listEntryInfoLayerInner .listEntryLink > *:hover, .listBannerSliderInfolayer_var20 .listEntry .listEntryInfoLayerInner .listEntryLink > *:hover, .elementLink_var60 > a:hover { color:#FFFFFF; } .linkButtonGhostWhite:hover >span, .listBannerSliderInfolayer_var40 .listEntry .listEntryInfoLayerInner .listEntryLink > *:hover >span, .listBannerSliderInfolayer_var20 .listEntry .listEntryInfoLayerInner .listEntryLink > *:hover >span, .elementLink_var60 > a:hover >span { color:#FFFFFF; } .linkButtonGhostWhite:active, .listBannerSliderInfolayer_var40 .listEntry .listEntryInfoLayerInner .listEntryLink > *:active, .listBannerSliderInfolayer_var20 .listEntry .listEntryInfoLayerInner .listEntryLink > *:active, .elementLink_var60 > a:active { color:#FFFFFF; } .linkButtonGhostWhite:active >span, .listBannerSliderInfolayer_var40 .listEntry .listEntryInfoLayerInner .listEntryLink > *:active >span, .listBannerSliderInfolayer_var20 .listEntry .listEntryInfoLayerInner .listEntryLink > *:active >span, .elementLink_var60 > a:active >span { color:#FFFFFF; } form .hidden { display:none; } input { font:inherit; line-height:2rem; height:2rem; padding:0 0.5rem; margin:0; border:1px solid #C4C8CE; background-color:#EDEEF0; } select { font:inherit; padding:0; margin:0; border:1px solid #C4C8CE; background-color:#EDEEF0; } textarea { font:inherit; padding:0; margin:0; border:1px solid #C4C8CE; } input[type="radio"] { border:none; background-color:transparent; width:20px; height:20px; } /* input[type="checkbox"] { position:relative; width:20px; height:20px; padding:0; border:solid 1px #FFFFFF; border-radius:3px; background:transparent; transition:background 0.1s linear; wandamp:checked { border-color:#E6E100; wandamp:before { position:absolute; display:block; content:''; background-color:#E6E100; border-radius:3px; width:20px; height:20px; } wandamp:after { position:absolute; display:block; content:''; top:3px; left:3px; background-color:#5A6B79; width:14px; height:14px; } } } */ input[type="checkbox"] { opacity:0; } input[type="checkbox"] +label { position:relative; display:inline-block; padding-left:27px!important; cursor:pointer; } input[type="checkbox"] +label::before, input[type="checkbox"] +label::after { position:absolute; content:""; display:inline-block; } input[type="checkbox"] +label:before { top:0; left:0; height:18px; width:18px; border:1px solid #FFFFFF; background-color:#FFFFFF; } .isWhiteBackground input[type="checkbox"] +label:before { border:1px solid #3c3c3c; } input[type="checkbox"] +label:after { content:none; width:10px; height:7px; border-left:2px solid; border-bottom:2px solid; transform:rotate(-45deg); left:4px; top:4px; } input[type="checkbox"]:checked +label:before { border-color:#E6E100; background-color:#E6E100; } input[type="checkbox"]:checked +label:after { content:""; border-color:#3c3c3c; } input[type="file"] { padding:0 !important; border:none; } input.wglDatepicker { width:10rem; padding:0 0.5rem; background-image:url("/weblication-wGlobal/wGlobal/layout/images/loading/optimized/calendar@fill(bbbbbb).svg"); background-size:16px; background-repeat:no-repeat; background-position:right 5px center; } .pagestatus-loaded input.wglDatepicker { cursor:pointer; pointer-events:inherit; background-image:url("/weblication-wGlobal/wGlobal/layout/images/icons/optimized/calendar@stroke(bbbbbb).svg"); } .no-js input.wglDatepicker { background-image:none; background-size:unset; background-repeat:unset; background-position:unset; } input.wglTime { width:4rem; } input:focus, select:focus, textarea:focus { outline:none; box-shadow:0 0 4px 0 rgba(0,0,0,0.5); } button { opacity:1!important; cursor:pointer; border:none; background-color:transparent; } button span { position:relative; color:#FFFFFF!important; font-size:calc(0vw + 18px); z-index:2; } input[type="text"] + button { margin-left:0.5rem; } .wglFormElement { margin-bottom:0.6rem; } .wglFormRow:last-child > .wglFormElement { margin-bottom:0; } .wglIsInvalid { background-color:rgba(251,0,8,0.3); } .wglInfoAlreadyUploaded { padding:4px 0 4px 0; } .wglInfoAlreadyUploadedText { display:block; color:#3c3c3c; font-weight:bold; } .wglInfoAlreadyUploadedFilename { display:block; color:#3c3c3c; } .wglCaptcha { padding-bottom:3px; background-color:#FFFFFF; } .wglCaptcha .textInfo { clear:both; padding:10px 0; } .wglCaptchaArithmeticQuestion { padding:2px 4px 2px 2px; } .wglRadioFloat { padding:0 0 0 0.5%; float:left; } .wglRadioFloat label { margin:0; float:left; padding:0.3rem 0.3rem !important; line-height:1.4rem; } .wglRadioFloat input { margin:0; float:left; margin-right:4px; background-color:transparent; } .wglRadio { display:flex; clear:left; padding:2px 0 2px 0.5%; overflow:hidden; } .wglRadio label { margin:0; float:left; padding:0.3rem 0.3rem !important; line-height:1.4rem; flex:1; } .wglRadio.wglRadioDisabled label { color:#3c3c3c; } .wglRadio input { margin:0; float:left; margin-right:4px; background-color:transparent; flex:none; } .wglRadio input[type="text"] { margin:0 0 0 4px; } .wglCheckbox { display:block; clear:left; padding:2px 0 2px 0.5%; overflow:hidden; display:flex; } .wglCheckbox label { margin:0; float:left; padding:0.3rem 0.3rem !important; line-height:1.4rem; flex:1; } .wglCheckbox.wglCheckboxDisabled label { color:#3c3c3c; } .wglCheckbox input { margin:0; float:left; margin-right:4px; background-color:transparent; flex:none; } .wglCheckbox input[type="text"] { margin:0 0 0 4px; } .wglCheckboxFloat { margin:0 2px 0 0; } .wglCheckboxFloat label { float:left; padding:0 4px 0 4px; } .wglCheckboxFloat input { margin:0; float:left; margin-right:4px; background-color:transparent; } .wglInputTimeAfterDate { margin-left:4px; width:4rem; } .wglUploaderForm { border:0; width:100%; height:184px; border:1px solid #C4C8CE; } #wUploaderBlocker { position:fixed; z-index:4; top:0; left:0; width:100vw; height:100vh; background:rgba(255,255,255,0.7); } .infoFormDateTime { margin-left:4px; } label.XS, input.XS, textarea.XS, select.XS { width:24%; margin:0 0 0 1%; } label.XS:first-child, input.XS:first-child, textarea.XS:first-child, select.XS:first-child { width:25%; margin-left:0; } @media (min-width: 415px) { label.XS, input.XS, textarea.XS, select.XS { width:14%; margin:0 0 0 1%; } label.XS:first-child, input.XS:first-child, textarea.XS:first-child, select.XS:first-child { width:15%; margin-left:0; } } label.S, input.S, textarea.S, select.S { width:29%; margin:0 0 0 1%; } label.S:first-child, input.S:first-child, textarea.S:first-child, select.S:first-child { width:30%; margin-left:0; } label.M, input.M, textarea.M, select.M { width:49%; margin:0 0 0 1%; } label.M:first-child, input.M:first-child, textarea.M:first-child, select.M:first-child { width:50%; margin-left:0; } label.L, input.L, textarea.L, select.L { width:69%; margin:0 0 0 1%; } label.L:first-child, input.L:first-child, textarea.L:first-child, select.L:first-child { width:70%; margin-left:0; } label.XL, input.XL, textarea.XL, select.XL { width:74%; margin:0 0 0 1%; } label.XL:first-child, input.XL:first-child, textarea.XL:first-child, select.XL:first-child { width:75%; margin-left:0; } @media (min-width: 415px) { label.XL, input.XL, textarea.XL, select.XL { width:84%; margin:0 0 0 1%; } label.XL:first-child, input.XL:first-child, textarea.XL:first-child, select.XL:first-child { width:85%; margin-left:0; } } label.XXL, input.XXL, textarea.XXL, select.XXL { width:99%; margin:0 0 0 1%; } label.XXL:first-child, input.XXL:first-child, textarea.XXL:first-child, select.XXL:first-child { width:100%; margin-left:0; } .wglFormStatusSubmitedx button { pointer-events:none; cursor:default; opacity:0.2; transition:all 0.3s linear; } .requiredFormfield { display:none !important; } .wglLightbox { cursor:pointer; } .wglLightbox[data-isinactivelightbox='1'] { cursor:inherit; } .pictureZoomer { box-sizing:border-box; z-index:1; cursor:pointer; pointer-events:none; display:none; position:absolute; right:8px; top:8px; width:24px; height:24px; font-size:0; color:transparent; border:none; border-radius:50%; background-color:rgba(255,255,255,0.5); transition:all 0.2s ease-in-out; } .pictureZoomer:before { content:''; position:absolute; left:6px; top:11px; display:block; width:12px; height:2px; background-color:#3c3c3c; } .pictureZoomer:after { content:''; position:absolute; left:11px; top:6px; display:block; width:2px; height:12px; background-color:#3c3c3c; } .wglMaximized .pictureZoomer { transform:rotate(45deg); } .wglContainerInsideTopOnScroll { position:fixed; z-index:10; top:0; width:100%; } .wglMaximizer { cursor:pointer; } .errorMessages { margin:0 0 1rem 0; padding:2rem; background-color:rgba(251,0,8,0.3); } .errorMessages h4 { padding-top:0; } .wglErrorMessage { color:#FB0008; display:block; } .textInfo { color:#3c3c3c; display:inline-block; } .tagCloud { font-size:9px; } .tagCloud a { display:inline-block; font-weight:bold; text-decoration:none; text-transform:uppercase; padding:2px 4px 0 4px; } .tagCloud a.highlighted { font-weight:bold; } .tagCloud.tagCloudCaseSensitive a { text-transform:none; } #contrastSwitcher { cursor:pointer; position:relative; padding:0.1rem 0.5rem; } #contrastSwitcher:before { content:''; display:inline-block; width:calc(calc(0vw + 18px) * 0.7 + 4px); height:calc(calc(0vw + 18px) * 0.7 + 4px); border:solid 2px #ffffff; border-radius:50%; background:linear-gradient(90deg,#000000 0%,#000000 50%,#ffffff 51%,#ffffff 100%); } .contrast-height #contrastSwitcher:before { border-color:#000000; background:linear-gradient(-90deg,#000000 0%,#000000 50%,#ffffff 51%,#ffffff 100%); } #contrastSwitcher span { display:none; } #fontResizer { padding:0 0.5rem; } .fontResizerShrink { cursor:default; font-size:calc(0vw + 18px) * 0.7; padding:0 0.3rem; } .fontResizerEnlarge { cursor:pointer; font-size:calc(0vw + 18px) * 1.0; padding:0 0.3rem; } .zoom-l .fontResizerEnlarge { cursor:default; } .zoom-l .fontResizerShrink { cursor:pointer; } .wglHighlightWord { background:#ffff00; } .isDarkBackground .wglHighlightWord, .isLightBackground .isDarkBackground .wglHighlightWord { color:#000000; } .iconSVG { width:24px; height:24px; } .wMagnifier { cursor:none; z-index:999; background-color:#ffffff; border:solid 5px rgba(255,255,255,0.8); box-shadow:0 0 8px 1px rgba(0,0,0,0.6), inset 0 0 1px 0 rgba(0,0,0,0.2); border-radius:100%; position:absolute; top:-60px; left:-60px; width:160px; height:160px; } .elementContent, .elementObjectContactPerson, .elementVideoExternal, .elementVideo, .elementText, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonText, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments, .elementTabContainer, .elementSitemap, .elementPicture, .elementNavigation, .elementLink, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard, .elementInfo, .elementHeadline, .elementDataFragment_var540, .elementBox, .elementAccordion { margin-bottom:30px; } .elementOnly, .elementObjectContactPerson .elementObjectContactPersonText, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonPosition, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDegree, .elementObjectContactPerson .elementObjectContactPersonPicture { margin:0; } @media print { .elementAccordion .accordionOpenerCloser { display:none; } } .viewmode-print .elementAccordion .accordionOpenerCloser { display:none; } .elementAccordion_var0 { border-bottom:solid 1px #C4C8CE; } .elementAccordion_var0 > div > .accordionHeader, .elementAccordion_var0 > div > div > .accordionHeader { user-select:none; cursor:pointer; border-top:solid 1px #C4C8CE; padding:30px 48px 30px 0; margin:0; position:relative; font-size:min(30px,calc(0.6130268199vw + 19.7011494253px)); line-height:min(35px,calc(0.6896551724vw + 23.4137931034px)); } .elementAccordion_var0 > div > .accordionHeader > a, .elementAccordion_var0 > div > div > .accordionHeader > a { font-weight:normal; text-decoration:none; } .elementAccordion_var0 > div > .accordionHeader > .accordionHeaderOpener, .elementAccordion_var0 > div > div > .accordionHeader > .accordionHeaderOpener { display:block; position:absolute; right:8px; top:8px; width:32px; height:32px; } .elementAccordion_var0 > div > .accordionHeader > .accordionHeaderOpener:before, .elementAccordion_var0 > div > .accordionHeader > .accordionHeaderOpener:after, .elementAccordion_var0 > div > div > .accordionHeader > .accordionHeaderOpener:before, .elementAccordion_var0 > div > div > .accordionHeader > .accordionHeaderOpener:after { transition:all 0.3s ease-in-out; content:''; position:absolute; margin:16px 0 0 6px; display:block; width:12px; height:2px; background-color:#3c3c3c; transform:rotate(40deg); } .elementAccordion_var0 > div > .accordionHeader > .accordionHeaderOpener:after, .elementAccordion_var0 > div > div > .accordionHeader > .accordionHeaderOpener:after { margin:16px 0 0 14px; transform:rotate(-40deg); } .elementAccordion_var0 > div > .accordionHeader.accordionHeaderVisible > .accordionHeaderOpener:before, .elementAccordion_var0 > div > div > .accordionHeader.accordionHeaderVisible > .accordionHeaderOpener:before { transform:rotate(-40deg); } .elementAccordion_var0 > div > .accordionHeader.accordionHeaderVisible > .accordionHeaderOpener:after, .elementAccordion_var0 > div > div > .accordionHeader.accordionHeaderVisible > .accordionHeaderOpener:after { transform:rotate(40deg); } .elementAccordion_var0 > div > .accordionHeader.accordionHeaderVisible.accordionHeaderNoneCollapsible, .elementAccordion_var0 > div > div > .accordionHeader.accordionHeaderVisible.accordionHeaderNoneCollapsible { cursor:default; } .elementAccordion_var0 > div > .accordionHeader.accordionHeaderVisible.accordionHeaderNoneCollapsible > a, .elementAccordion_var0 > div > div > .accordionHeader.accordionHeaderVisible.accordionHeaderNoneCollapsible > a { cursor:default; } .elementAccordion_var0 > div > .accordionHeader.accordionHeaderVisible.accordionHeaderNoneCollapsible > .accordionHeaderOpener, .elementAccordion_var0 > div > div > .accordionHeader.accordionHeaderVisible.accordionHeaderNoneCollapsible > .accordionHeaderOpener { display:none; } .elementAccordion_var0 > div > .accordionHeader:hover > .accordionHeaderOpener:before, .elementAccordion_var0 > div > .accordionHeader:hover > .accordionHeaderOpener:after, .elementAccordion_var0 > div > div > .accordionHeader:hover > .accordionHeaderOpener:before, .elementAccordion_var0 > div > div > .accordionHeader:hover > .accordionHeaderOpener:after { transition:all 0.2s ease-in-out; } .elementAccordion_var0 .accordionContent { overflow:visible; padding:1rem 0; border-bottom:solid 1px #C4C8CE; } .elementAccordion_var0 .accordionContent.accordionContentHidden { display:none; } .weditor:not(.wpreview) .elementAccordion_var0 .accordionContent.accordionContentHidden { display:block; } .elementAccordion_var0 .accordionContent:last-of-type { border-bottom:none; } .elementAccordion_var0 .accordionContent > *:first-child { margin-top:0px; } .elementAccordion_var0 .accordionContent > *:last-child { margin-bottom:0px; } .elementAccordion_var0 .accordionOpenerCloser { text-align:right; padding:8px 0 0 0; } .elementAccordion_var0 .accordionOpenerCloser a { text-decoration:none; } .elementAccordion_var0 .accordionOpenerCloser .accordionCloser { display:none; } .elementAccordion_var5 > div > .accordionHeader, .elementAccordion_var5 > div > div > .accordionHeader { user-select:none; cursor:pointer; border-bottom:solid 1px #C4C8CE; padding:10px 42px 10px 0; margin:0; position:relative; font-size:min(30px,calc(0.6130268199vw + 19.7011494253px)); line-height:min(35px,calc(0.6896551724vw + 23.4137931034px)); hyphens:none; } .elementAccordion_var5 > div > .accordionHeader > a, .elementAccordion_var5 > div > div > .accordionHeader > a { font-weight:normal; text-decoration:none; } .elementAccordion_var5 > div > .accordionHeader > .accordionHeaderOpener, .elementAccordion_var5 > div > div > .accordionHeader > .accordionHeaderOpener { display:block; position:absolute; right:8px; top:8px; width:32px; height:32px; } .elementAccordion_var5 > div > .accordionHeader > .accordionHeaderOpener:before, .elementAccordion_var5 > div > .accordionHeader > .accordionHeaderOpener:after, .elementAccordion_var5 > div > div > .accordionHeader > .accordionHeaderOpener:before, .elementAccordion_var5 > div > div > .accordionHeader > .accordionHeaderOpener:after { transition:all 0.3s ease-in-out; content:''; position:absolute; margin:16px 0 0 6px; display:block; width:12px; height:2px; background-color:#3c3c3c; transform:rotate(40deg); } .elementAccordion_var5 > div > .accordionHeader > .accordionHeaderOpener:after, .elementAccordion_var5 > div > div > .accordionHeader > .accordionHeaderOpener:after { margin:16px 0 0 14px; transform:rotate(-40deg); } .elementAccordion_var5 > div > .accordionHeader.accordionHeaderVisible > .accordionHeaderOpener:before, .elementAccordion_var5 > div > div > .accordionHeader.accordionHeaderVisible > .accordionHeaderOpener:before { transform:rotate(-40deg); } .elementAccordion_var5 > div > .accordionHeader.accordionHeaderVisible > .accordionHeaderOpener:after, .elementAccordion_var5 > div > div > .accordionHeader.accordionHeaderVisible > .accordionHeaderOpener:after { transform:rotate(40deg); } .elementAccordion_var5 > div > .accordionHeader.accordionHeaderVisible.accordionHeaderNoneCollapsible, .elementAccordion_var5 > div > div > .accordionHeader.accordionHeaderVisible.accordionHeaderNoneCollapsible { cursor:default; } .elementAccordion_var5 > div > .accordionHeader.accordionHeaderVisible.accordionHeaderNoneCollapsible > a, .elementAccordion_var5 > div > div > .accordionHeader.accordionHeaderVisible.accordionHeaderNoneCollapsible > a { cursor:default; } .elementAccordion_var5 > div > .accordionHeader.accordionHeaderVisible.accordionHeaderNoneCollapsible > .accordionHeaderOpener, .elementAccordion_var5 > div > div > .accordionHeader.accordionHeaderVisible.accordionHeaderNoneCollapsible > .accordionHeaderOpener { display:none; } .elementAccordion_var5 > div > .accordionHeader:hover > .accordionHeaderOpener:before, .elementAccordion_var5 > div > .accordionHeader:hover > .accordionHeaderOpener:after, .elementAccordion_var5 > div > div > .accordionHeader:hover > .accordionHeaderOpener:before, .elementAccordion_var5 > div > div > .accordionHeader:hover > .accordionHeaderOpener:after { transition:all 0.2s ease-in-out; } .elementAccordion_var5 .accordionContent { overflow:visible; padding:1rem 0; border-bottom:solid 1px #C4C8CE; } .elementAccordion_var5 .accordionContent.accordionContentHidden { display:none; } .weditor:not(.wpreview) .elementAccordion_var5 .accordionContent.accordionContentHidden { display:block; } .elementAccordion_var5 .accordionContent:last-of-type { border-bottom:none; } .elementAccordion_var5 .accordionContent > *:first-child { margin-top:0px; } .elementAccordion_var5 .accordionContent > *:last-child { margin-bottom:0px; } .elementAccordion_var5 .accordionOpenerCloser { text-align:right; padding:8px 0 0 0; } .elementAccordion_var5 .accordionOpenerCloser a { text-decoration:none; } .elementAccordion_var5 .accordionOpenerCloser .accordionCloser { display:none; } .elementBox { position:relative; display:block; } .elementBox > .backgroundContainer { position:absolute; overflow:hidden; z-index:0; top:0; left:0; width:100%; height:100%; } .elementBox > .backgroundContainer > div { position:absolute; background-size:cover; background-position:center; top:0; left:0; width:100%; height:100%; } .elementBox > .backgroundContainer > picture { display:block; } .elementBox > .backgroundContainer > video, .elementBox > .backgroundContainer > picture > img { position:absolute; top:0; left:0; width:100%; height:auto; min-width:100%; min-height:100%; object-fit:cover; } .elementBox > .backgroundContainer picture > img { width:100%; height:100%; object-fit:cover; } .elementBox > .boxInner { position:relative; } .elementBox > .boxInner > a { text-decoration:none; color:inherit; } .elementBox > .boxInner > *:last-child { margin-bottom:0; } .elementBox_var60 > .boxInner { max-height:200px; overflow:hidden; } .elementBox_var60 > .boxInnerOpener, .elementBox_var60 .boxInnerCloser { cursor:pointer; text-align:center; display:table; margin-top:0.6rem; padding:0.3rem 1rem; border-top:none; background-color:#E6E100; color:#FFFFFF; } .elementBox_var60 > .boxInnerOpener:hover, .elementBox_var60 .boxInnerCloser:hover { background-color:#E6E100; color:#FFFFFF; } .elementBox_var60 > .boxInnerCloser { display:none; } .weditor:not(.wpreview) .elementBox_var60 > .boxInner { overflow:visible; max-height:none; } .elementBoxPosition_var30 { margin-left:auto !important; margin-right:auto !important; } .elementBoxPosition_var33 > .boxInner { display:flex; justify-content:center; flex-wrap:wrap; } .elementBoxPosition_var33 > .boxInner >div { margin-left:30px; margin-right:30px; } .elementBoxPosition_var33 > .boxInner >div.elementButton { margin-left:calc(calc(0.4597701149vw + 36.275862069px) * 2); margin-right:calc(calc(0.4597701149vw + 36.275862069px) * 2); } .elementBoxWidth_var62 > .boxInner { display:table; margin:0 auto; max-width:640px; } .elementBoxHeight_var0 { height:auto; } .elementBoxBorder_var10 { border:solid 1px #C4C8CE; outline:none; box-shadow:none; } .elementBoxBorder_var30 { border-radius:20px; } .elementBoxBackgroundColor_var10 { background-color:#FFFFFF; } .elementBoxBackgroundColor_var30 { background-color:#EDEEF0; } .elementBoxBackgroundColor_var60 { background-color:#C4C8CE; } .elementBoxBackgroundColor_var70 { background-color:#E6E100; } .elementBoxBackgroundColor_var80 { background-color:#5A6B79; } .elementBoxPadding_var0 { padding:0!important; } .selectuid .elementBoxPadding_var0 { padding:1rem; } .elementBoxPadding_var20 { padding:calc(5.7471264368vw + 53.4482758621px) calc(5.3639846743vw + 9.8850574713px); } .elementBoxPadding_var25 { padding:0 calc(5.3639846743vw + 9.8850574713px)!important; } .elementBoxPadding_var5 { padding:calc(1.5325670498vw + 24.2528735632px) calc(1.5325670498vw + 24.2528735632px)!important; } .elementBoxPadding_var7 { padding:0 calc(1.5325670498vw + 24.2528735632px)!important; } .elementBoxPadding_var10 { padding:calc(1.9157088123vw + 67.816091954px) calc(3.0651340996vw + 18.5057471264px)!important; } .elementBoxPadding_var15 { padding:0 calc(3.0651340996vw + 18.5057471264px)!important; } .elementBoxPadding_var30 { padding:calc(5.7471264368vw + 53.4482758621px) calc(16.8582375479vw - 33.2183908046px)!important; } .elementBoxPadding_var35 { padding:0 calc(16.8582375479vw - 33.2183908046px)!important; } .elementBoxPadding_var40 { padding:calc(5.7471264368vw + 53.4482758621px) calc(31.4176245211vw - 87.816091954px)!important; } .elementBoxParallaxBackground_var10 { position:relative; background-color:transparent !important; } .elementBoxParallaxContent_var16 { position:relative; background-color:transparent !important; will-change:transform; } .elementBoxParallaxContent_var26 { position:relative; background-color:transparent !important; will-change:transform; } .elementBoxParallaxContent_var27 { position:relative; background-color:transparent !important; will-change:transform; } .elementBoxHover_var10 { transition:all 0.3s ease-in-out; } .no-weditor .elementBoxHover_var10:hover { transform:scale(1.1); } .no-weditor .elementBoxIfVisible_var20 { transition:all 1.0s ease-in-out; opacity:0; transform:scale(0.9); } .no-weditor .elementBoxIfVisible_var20.wglAnimateIfVisible.isInvisible { opacity:0; transform:scale(0.9); } .no-weditor .elementBoxIfVisible_var20.wglAnimateIfVisible.isVisible { opacity:1; transform:scale(1); } .no-weditor .elementBoxIfVisible_var21 { transition:all 1.0s ease-in-out; opacity:0; transform:scale(0.9); } .no-weditor .elementBoxIfVisible_var21.wglAnimateIfVisible.isInvisible { opacity:0; transform:scale(0.9); } .no-weditor .elementBoxIfVisible_var21.wglAnimateIfVisible.isVisibleOnce { opacity:1; transform:scale(1); } .no-weditor .elementBoxIfVisible_var21.wglAnimateIfVisible.isVisible { opacity:1; transform:scale(1); } .no-weditor .elementBoxIfVisible_var31 { transition:all 1.0s ease-out; opacity:0; transform:translate(-4rem,0); } .no-weditor .elementBoxIfVisible_var31.wglAnimateIfVisible.isInvisible { opacity:0; transform:translate(-4rem,0); } .no-weditor .elementBoxIfVisible_var31.wglAnimateIfVisible.isVisibleOnce { opacity:1; transform:translate(0,0); } .no-weditor .elementBoxIfVisible_var31.wglAnimateIfVisible.isVisible { opacity:1; transform:translate(0,0); } .no-weditor .elementBoxIfVisible_var35 > .boxInner { transition:all 1.0s ease-in-out; opacity:0; transform:translate(-2rem,0); } .no-weditor .elementBoxIfVisible_var35.wglAnimateIfVisible.isInvisible > .boxInner { opacity:0; transform:translate(-2rem,0); } .no-weditor .elementBoxIfVisible_var35.wglAnimateIfVisible.isVisible > .boxInner { opacity:1; transform:translate(0,0); } .no-weditor .elementBoxIfVisible_var45 > .boxInner { transition:all 1.0s ease-in-out; opacity:0; transform:translate(2rem,0); } .no-weditor .elementBoxIfVisible_var45.wglAnimateIfVisible.isInvisible > .boxInner { opacity:0; transform:translate(2rem,0); } .no-weditor .elementBoxIfVisible_var45.wglAnimateIfVisible.isVisible > .boxInner { opacity:1; transform:translate(0,0); } .no-weditor .elementBoxIfVisible_var50 { opacity:0; transform:translate(0,4rem); } .no-weditor .elementBoxIfVisible_var50.wglAnimateIfVisible.isInvisible { opacity:0; transform:translate(0,4rem); } .no-weditor .elementBoxIfVisible_var50.wglAnimateIfVisible.isVisible { transition:all 1.0s ease-out; opacity:1; transform:translate(0,0); } .no-weditor .elementBoxIfVisible_var50.wglAnimateIfVisible.isVisible[data-delay='200'] { transition-delay:0.2s; } .no-weditor .elementBoxIfVisible_var50.wglAnimateIfVisible.isVisible[data-delay='400'] { transition-delay:0.4s; } .no-weditor .elementBoxIfVisible_var50.wglAnimateIfVisible.isVisible[data-delay='600'] { transition-delay:0.6s; } .no-weditor .elementBoxIfVisible_var50.wglAnimateIfVisible.isVisible[data-delay='800'] { transition-delay:0.8s; } .elementBoxMargin_var0 { margin:0 !important; } .elementBoxMargin_var20 { margin-bottom:30px !important; } .elementButton { margin:0 0 0.3rem 0; } .elementCategoryFilterList { margin-bottom:1rem; overflow:hidden; } .elementCategoryFilterList select { float:left; margin:0 0.3rem 0 0; line-height:calc(0vw + 18px); padding:0 1.1rem 0 0.3rem; border-radius:0; background-image:url("/weblication-wGlobal/wGlobal/layout/images/icons/optimized/select-opener@stroke(bbbbbb).svg"); background-repeat:no-repeat; background-position:right center; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; appearance:none; } .elementCategoryFilterList select:-moz-focusring { color:transparent; text-shadow:0 0 0 #000; } .elementCategoryFilterList select::-ms-expand { display:none; } .elementCategoryFilterList .quickfilterButtons { line-height:24px; margin:0 0 10px 0; } .elementCategoryFilterList .quickfilterButtons span { display:block; float:left; text-align:center; white-space:nowrap; cursor:pointer; margin:0 8px 8px 0; } .elementCategoryFilterList .quickfilterCheckboxes { float:left; padding:0.2rem 0; } .elementCategoryFilterList .quickfilterCheckboxes .quickfilterCheckbox { float:left; } .elementCategoryFilterList .quickfilterCheckboxes .quickfilterCheckbox input { height:auto; line-height:1rem; margin-right:0.4rem; } .elementCategoryFilterList .quickfilterCheckboxes .quickfilterCheckbox label { padding-right:1rem; } .elementCategoryFilterList_var5 { float:right; } .weditor .elementCategoryFilterList_var5 { float:none; } .elementCategoryFilterList_var5 select { float:right; margin:0 0 0 0.3rem; } .elementCategoryFilterList_var5 .quickfilterButtons span { float:right; } .elementCategoryFilterList_var5 .quickfilterCheckboxes { float:right; } .elementCategoryFilterList_var5 .quickfilterCheckboxes .quickfilterCheckbox { float:right; } .elementCategoryFilterList_var5 .quickfilterRadiobuttons { float:right; } .elementCategoryFilterList_var5 .quickfilterRadiobuttons .quickfilterRadiobutton { float:right; } .elementClearerSpacer_var0 { margin:0; clear:both; } .elementClearerSpacerSpace_var0 { height:0; } .elementClearerSpacerSpace_var11 { height:30px; } .elementClearerSpacerSpace_var12 { height:60px; } .elementClearerSpacerSpace_var13 { height:90px; } .elementClearerSpacerSpace_var14 { height:120px; } .elementClearerSpacerSpace_var15 { height:150px; } .elementContainerStandard { margin-bottom:calc(1.9157088123vw + 67.816091954px); clear:both; } .elementContainerStandard > .col { float:left; width:100%; margin-bottom:calc(5.7471264368vw + 53.4482758621px); } .elementContainerStandard > .col:last-child { margin-bottom:0; } .elementContainerStandard > .col > * { margin:0; } .elementContainerStandard > .col > * > div:last-child, .elementContainerStandard > .col > * > div.conditionalContainer > div:last-Child { margin-bottom:0; } .elementContainerStandard_var0 { display:flex; flex-wrap:wrap; flex-direction:row; } .elementContainerStandard_var0 > .col > div { flex-grow:1; display:flex; height:100%; flex-direction:column; } .elementContainerStandard_var0 > .col > div > .elementPicture { height:100%; } .elementContainerStandard_var0 > .col > div > .elementBox { position:relative; flex-grow:1; display:flex; flex-direction:column; } .elementContainerStandard_var0 > .col > div > .elementBox > * { -ms-flex:0 0 auto; } .elementContainerStandard_var0 > .col > div > .elementBox > *:last-child { flex-grow:1; } @media (max-width: 991px) { .elementContainerStandard_var0 > .col > div > .elementPicture { text-align:center; } } .elementContainerStandard_var20 { display:flex; flex-wrap:wrap; flex-direction:row; } .elementContainerStandard_var20 > .col { display:flex; flex-direction:column; } .elementContainerStandard_var20 > .col > * { position:relative; display:flex; height:100%; flex-direction:column; align-items:center; justify-content:center; } .elementContainerStandard_var20 > .col > * > * { margin-left:0 !important; margin-right:0 !important; max-width:100%; } @media (max-width: 991px) { .elementContainerStandard_var20 > .col > div > .elementPicture { text-align:center; } } .elementContainerStandard_var25 { display:flex; flex-wrap:wrap; flex-direction:row; } .elementContainerStandard_var25 > .col { display:flex; flex-direction:column; } .elementContainerStandard_var25 > .col > * { position:relative; display:flex; height:100%; flex-direction:column; align-items:center; justify-content:center; } .elementContainerStandard_var25 > .col > * > * { max-width:100%; width:100%; } .elementContainerStandardColumns_var100 > .col1 { width:100%; } @media (min-width: 992px) { .elementContainerStandardColumns_var5050 { margin-left:calc(-5.3639846743vw - 9.8850574713px); margin-right:calc(-5.3639846743vw - 9.8850574713px); } .elementContainerStandardColumns_var5050 > .col { padding:0 calc(5.3639846743vw + 9.8850574713px) 0 calc(5.3639846743vw + 9.8850574713px); } .elementContainerStandardColumns_var5050 > .col1, .elementContainerStandardColumns_var5050 > .col2 { width:50%; margin-bottom:0; } } @media (max-width: 991px) { .elementContainerStandardColumns_var5050reverseSingle { display:flex !important; flex-wrap:wrap !important; flex-direction:column-reverse !important; } .elementContainerStandardColumns_var5050reverseSingle > .col1 { margin-top:30px; margin-bottom:0; } } @media (min-width: 992px) { .elementContainerStandardColumns_var5050reverseSingle { margin-left:calc(-5.3639846743vw - 9.8850574713px); margin-right:calc(-5.3639846743vw - 9.8850574713px); margin-bottom:inherit; } .elementContainerStandardColumns_var5050reverseSingle > .col { padding:0 calc(5.3639846743vw + 9.8850574713px) 0 calc(5.3639846743vw + 9.8850574713px); } .elementContainerStandardColumns_var5050reverseSingle > .col1, .elementContainerStandardColumns_var5050reverseSingle > .col2 { width:50%; margin-top:0; margin-bottom:0; } } @media (min-width: 992px) { .elementContainerStandardColumns_var7525 { margin-left:calc(-5.3639846743vw - 9.8850574713px); margin-right:calc(-5.3639846743vw - 9.8850574713px); } .elementContainerStandardColumns_var7525 > .col { padding:0 calc(5.3639846743vw + 9.8850574713px) 0 calc(5.3639846743vw + 9.8850574713px); } .elementContainerStandardColumns_var7525 > .col1 { width:75%; margin-bottom:0; } .elementContainerStandardColumns_var7525 > .col2 { width:25%; margin-bottom:0; } } @media (max-width: 991px) { .elementContainerStandardColumns_var7525reverseSingle { display:flex !important; flex-wrap:wrap !important; flex-direction:column-reverse !important; } .elementContainerStandardColumns_var7525reverseSingle > .col1 { margin-top:30px; margin-bottom:0; } } @media (min-width: 992px) { .elementContainerStandardColumns_var7525reverseSingle { margin-left:calc(-5.3639846743vw - 9.8850574713px); margin-right:calc(-5.3639846743vw - 9.8850574713px); } .elementContainerStandardColumns_var7525reverseSingle > .col { padding:0 calc(5.3639846743vw + 9.8850574713px) 0 calc(5.3639846743vw + 9.8850574713px); } .elementContainerStandardColumns_var7525reverseSingle > .col1 { width:75%; margin-bottom:0; } .elementContainerStandardColumns_var7525reverseSingle > .col2 { width:25%; margin-bottom:0; } } @media (min-width: 992px) { .elementContainerStandardColumns_var2575 { margin-left:calc(-5.3639846743vw - 9.8850574713px); margin-right:calc(-5.3639846743vw - 9.8850574713px); } .elementContainerStandardColumns_var2575 > .col { padding:0 calc(5.3639846743vw + 9.8850574713px) 0 calc(5.3639846743vw + 9.8850574713px); } .elementContainerStandardColumns_var2575 > .col1 { width:25%; margin-bottom:0; } .elementContainerStandardColumns_var2575 > .col2 { width:75%; margin-bottom:0; } } @media (max-width: 991px) { .elementContainerStandardColumns_var7030reverseSingle { display:flex !important; flex-wrap:wrap !important; flex-direction:column-reverse !important; } .elementContainerStandardColumns_var7030reverseSingle > .col1 { margin-top:30px; margin-bottom:0; } } @media (min-width: 992px) { .elementContainerStandardColumns_var7030reverseSingle { margin-left:calc(-5.3639846743vw - 9.8850574713px); margin-right:calc(-5.3639846743vw - 9.8850574713px); } .elementContainerStandardColumns_var7030reverseSingle > .col { padding:0 calc(5.3639846743vw + 9.8850574713px) 0 calc(5.3639846743vw + 9.8850574713px); } .elementContainerStandardColumns_var7030reverseSingle > .col1 { width:70%; margin-bottom:0; } .elementContainerStandardColumns_var7030reverseSingle > .col2 { width:30%; margin-bottom:0; } } @media (min-width: 992px) { .elementContainerStandardColumns_var3070 { margin-left:calc(-5.3639846743vw - 9.8850574713px); margin-right:calc(-5.3639846743vw - 9.8850574713px); } .elementContainerStandardColumns_var3070 > .col { padding:0 calc(5.3639846743vw + 9.8850574713px) 0 calc(5.3639846743vw + 9.8850574713px); } .elementContainerStandardColumns_var3070 > .col1 { width:30%; margin-bottom:0; } .elementContainerStandardColumns_var3070 > .col2 { width:70%; margin-bottom:0; } } @media (min-width: 992px) { .elementContainerStandardColumns_var7030 { margin-left:calc(-5.3639846743vw - 9.8850574713px); margin-right:calc(-5.3639846743vw - 9.8850574713px); } .elementContainerStandardColumns_var7030 > .col { padding:0 calc(5.3639846743vw + 9.8850574713px) 0 calc(5.3639846743vw + 9.8850574713px); } .elementContainerStandardColumns_var7030 > .col1 { width:70%; margin-bottom:0; } .elementContainerStandardColumns_var7030 > .col2 { width:30%; margin-bottom:0; } } @media (min-width: 992px) { .elementContainerStandardColumns_var6733 { margin-left:calc(-5.3639846743vw - 9.8850574713px); margin-right:calc(-5.3639846743vw - 9.8850574713px); } .elementContainerStandardColumns_var6733 > .col { padding:0 calc(5.3639846743vw + 9.8850574713px) 0 calc(5.3639846743vw + 9.8850574713px); } .elementContainerStandardColumns_var6733 > .col1 { width:67%; margin-bottom:0; } .elementContainerStandardColumns_var6733 > .col2 { width:33%; margin-bottom:0; } } @media (min-width: 768px) { .elementContainerStandardColumns_var333333 { justify-content:center; margin-left:calc(calc(-5.3639846743vw - 9.8850574713px) / 2); margin-right:calc(calc(-5.3639846743vw - 9.8850574713px) / 2); } .elementContainerStandardColumns_var333333 > .col { padding:0 calc(calc(5.3639846743vw + 9.8850574713px) / 2) 0 calc(calc(5.3639846743vw + 9.8850574713px) / 2); } .elementContainerStandardColumns_var333333 > .col1, .elementContainerStandardColumns_var333333 > .col2 { width:50%; } .elementContainerStandardColumns_var333333 > .col3 { width:50%; margin-bottom:0; } } @media (min-width: 992px) { .elementContainerStandardColumns_var333333 { margin-left:calc(-5.3639846743vw - 9.8850574713px); margin-right:calc(-5.3639846743vw - 9.8850574713px); } .elementContainerStandardColumns_var333333 > .col { padding:0 calc(5.3639846743vw + 9.8850574713px) 0 calc(5.3639846743vw + 9.8850574713px); width:33.33%; margin-bottom:0; } } @media (min-width: 768px) { .elementContainerStandardColumns_var25252525 { margin-left:-15px; margin-right:-15px; } .elementContainerStandardColumns_var25252525 > .col { padding:0 15px; } .elementContainerStandardColumns_var25252525 > .col1, .elementContainerStandardColumns_var25252525 > .col2 { width:50%; } .elementContainerStandardColumns_var25252525 > .col3, .elementContainerStandardColumns_var25252525 > .col4 { width:50%; margin-bottom:0; } } @media (min-width: 992px) { .elementContainerStandardColumns_var25252525 { margin-left:-30px; margin-right:-30px; } .elementContainerStandardColumns_var25252525 > .col { padding:0 30px; width:25%; margin-bottom:0; } } @media (min-width: 768px) { .elementContainerStandardPadding_var0 { margin-left:0; margin-right:0; } .elementContainerStandardPadding_var0 > .col { padding:0 0; } } @media (min-width: 992px) { .elementContainerStandardPadding_var0 { margin-left:0; margin-right:0; } .elementContainerStandardPadding_var0 > .col { padding:0 0; } } @media (min-width: 992px) { .elementContainerStandardPadding_var20 { margin-left:calc(calc(-5.3639846743vw - 9.8850574713px) / 2); margin-right:calc(calc(-5.3639846743vw - 9.8850574713px) / 2); } .elementContainerStandardPadding_var20 > .col { padding-top:0; padding-right:calc(calc(5.3639846743vw + 9.8850574713px) / 4); padding-bottom:0; padding-left:calc(calc(5.3639846743vw + 9.8850574713px) / 4); } .elementContainerStandardPadding_var20 > .col:first-child { padding-left:calc(calc(5.3639846743vw + 9.8850574713px) / 2.1); } .elementContainerStandardPadding_var20 > .col:last-child { padding-right:calc(calc(5.3639846743vw + 9.8850574713px) / 2.1); } } .elementCookietable { margin-bottom:0; } .elementCookietable .cookieClass { margin-bottom:1rem; } .elementCookietable .cookieClass .cookieClassHeader .cookieClassTitle { font-size:min(18px,calc(0vw + 18px)); line-height:min(22px,calc(0vw + 22px)); font-weight:bold; } .elementCookietable .cookieClass .cookieClassHeader .cookieClassDescription { color:#3c3c3c; margin-bottom:0.5rem; } .elementCookietable .cookieClass .cookieClassCookies .cookieEntry { padding:0 0 0.5rem 0; } .elementCookietable .cookieClass .cookieClassCookies .cookieEntry .cookieEntryLabel:not(.empty):after { content:': '; } .elementCookietable .cookieClass .cookieClassCookies .cookieEntry .cookieEntryName { font-weight:bold; } .elementCookietable .cookieClass .cookieClassCookies .cookieEntry .cookieEntryExpires { display:block; } .elementCookietable .cookieClass .cookieClassCookies .cookieEntry .cookieEntryDomain { display:block; } .elementCookietable .cookieClass .cookieClassCookies .cookieEntry .cookieEntryUrlPrivacy { display:block; } .elementCookietable .cookieClass .cookieClassCookies .cookieEntry .cookieEntryDescription { display:block; } .elementDataFragment { position:relative; } .elementDataFragment_var320 { position:relative; float:right; padding:2px 8px; margin-bottom:0; font-size:calc(0vw + 18px); background:#C4C8CE; color:#FFFFFF; } .elementDataFragment_var320 a { color:inherit; text-decoration:underline; } @media (min-width: 992px) { .elementDataFragment_var320 { display:inline-block; } } .elementDataFragment_var330 { position:relative; float:right; padding:0 0.5rem; margin-bottom:0; } .elementDataFragment_var330 a { color:inherit; text-decoration:none; } .elementDataFragment_var380 { position:relative; float:right; } .elementDataFragment_var380 a { color:inherit; text-decoration:none; } .elementDataFragment_var540 { position:relative; margin:0 0 1rem 0; padding:0.3rem 0; } .elementDataFragment_var540 + .elementDataFragment_var540 { border-top:solid 1px #3c3c3c; margin-top:-1rem; } .elementDataFragment_var540 .productTitle { font-size:1.7rem; line-height:130%; } .elementDataFragment_var540 .productTitle.productTitle-offer:after { position:absolute; top:-0.5rem; right:-1rem; content:' Top Angebot'; font-size:1rem; background:#ffffff; color:#ff0000; padding:0 0.8rem; border:solid 2px #ff0000; border-radius:3px; box-shadow:0 0 6px rgba(0,0,0,0.3); transform:rotate(8deg); } .elementDataFragment_var540 .productAditional { font-size:calc(0vw + 18px); color:#3c3c3c; } .elementDataFragment_var540 .productPrice { display:block; overflow:hidden; } .elementDataFragment_var540 .productPrice .productPriceValue { display:inline; font-size:3rem; line-height:4rem; } .elementDataFragment_var540 .productPrice .productPriceValue .productPriceDecimals { font-size:1rem; padding:0 0 0 0.4rem; vertical-align:super; } .elementDataFragment_var540 .productPrice .productPricePrefix { display:inline; font-size:calc(0vw + 18px); color:#3c3c3c; } .isDarkBackground .elementDataFragment_var540 .productPrice .productPricePrefix, .isLightBackground .isDarkBackground .elementDataFragment_var540 .productPrice .productPricePrefix { color:#FFFFFF; } .elementDataFragment_var540 .productPrice .productPriceAditional { display:inline; font-size:calc(0vw + 18px); color:#3c3c3c; } .isDarkBackground .elementDataFragment_var540 .productPrice .productPriceAditional, .isLightBackground .isDarkBackground .elementDataFragment_var540 .productPrice .productPriceAditional { color:#FFFFFF; } @media (min-width: 992px) { .elementDataFragment_var540 .productPrice .productPriceValue { font-size:6rem; line-height:8rem; } .elementDataFragment_var540 .productPrice .productPriceValue .productPriceDecimals { font-size:2rem; } } @keyframes formSubmit { 0%, 100% { width:0; } 99% { width:100%; } } .elementForm .requiredFormfield { display:none !important; } .elementForm .formLabelStar { opacity:0.5; padding-left:2px; } .elementForm dl.form, .elementForm div.form { margin:0; padding:0; width:100%; } .elementForm dl.form label, .elementForm div.form label { display:none; line-height:1.4; padding-top:calc(calc(0vw + 18px) * 0.3) !important; padding-bottom:calc(calc(0vw + 18px) * 0.3) !important; margin-top:0.3rem; margin-bottom:-0.1rem; } .elementForm dl.form .wglCheckboxFloat label, .elementForm dl.form .wglCheckbox label, .elementForm dl.form .wglRadioFloat label, .elementForm dl.form .wglRadio label, .elementForm div.form .wglCheckboxFloat label, .elementForm div.form .wglCheckbox label, .elementForm div.form .wglRadioFloat label, .elementForm div.form .wglRadio label { margin:0; } .elementForm dl.form .wglDatepickerInline, .elementForm div.form .wglDatepickerInline { display:none; } .elementForm dl.form input, .elementForm div.form input { padding:0 0.2rem; line-height:1.4; } .elementForm dl.form input[type='text'], .elementForm dl.form input[type='email'], .elementForm dl.form input[type='tel'], .elementForm dl.form input[type='checkbox'], .elementForm dl.form input[type='radio'], .elementForm div.form input[type='text'], .elementForm div.form input[type='email'], .elementForm div.form input[type='tel'], .elementForm div.form input[type='checkbox'], .elementForm div.form input[type='radio'] { -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; appearance:none; border-radius:0; } .elementForm dl.form select, .elementForm div.form select { line-height:1.4; padding:0 1.1rem 0 0.3rem; border-radius:0; background-image:url("/weblication-wGlobal/wGlobal/layout/images/mzv/optimized/icon-chevron-down@stroke(bbbbbb).svg"); background-repeat:no-repeat; background-position:95% center; width:100%; height:calc(0vw + 61px); border:none; padding:0 calc(calc(0vw + 30.5px) / 1.2); border-radius:calc(0vw + 30.5px); background-color:#EDEEF0; font-size:15px; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; appearance:none; } .elementForm dl.form select:-moz-focusring, .elementForm div.form select:-moz-focusring { color:transparent; text-shadow:0 0 0 #000; } .elementForm dl.form select::-ms-expand, .elementForm div.form select::-ms-expand { display:none; } .elementForm dl.form select[multiple='multiple'], .elementForm div.form select[multiple='multiple'] { background-image:none; } .elementForm dl.form input[type='text'], .elementForm dl.form input[type='email'], .elementForm dl.form input[type='tel'], .elementForm div.form input[type='text'], .elementForm div.form input[type='email'], .elementForm div.form input[type='tel'] { height:calc(0vw + 61px); border:none; padding:0 calc(calc(0vw + 30.5px) / 1.2); border-radius:calc(0vw + 30.5px); background-color:#EDEEF0; font-size:15px; } .elementForm dl.form input[type='radio'], .elementForm div.form input[type='radio'] { position:relative; border-radius:50%; height:1rem; width:1rem; margin-top:calc(calc(0vw + 18px) * 0.9) / 2; padding:0; border:solid 1px #5A6B79; background:#FFFFFF; transition:border 0.1s linear; } .elementForm dl.form input[type='radio']:checked, .elementForm div.form input[type='radio']:checked { border-color:#E6E100; border-width:5px; } .elementForm dl.form input[type='checkbox'], .elementForm div.form input[type='checkbox'] { position:relative; width:20px; height:20px; padding:0; border:solid 1px #5A6B79; border-radius:3px; background:#FFFFFF; transition:background 0.1s linear; } .elementForm dl.form input[type='checkbox']:checked, .elementForm div.form input[type='checkbox']:checked { border-color:#E6E100; } .elementForm dl.form input[type='checkbox']:checked:before, .elementForm div.form input[type='checkbox']:checked:before { position:absolute; display:block; content:''; background-color:#E6E100; border-radius:3px; width:20px; height:20px; } .elementForm dl.form input[type='checkbox']:checked:after, .elementForm div.form input[type='checkbox']:checked:after { position:absolute; display:block; content:''; top:5px; left:5px; background-color:#5A6B79; width:10px; height:10px; } .elementForm dl.form input[type=file]::-ms-value, .elementForm div.form input[type=file]::-ms-value { background:#FFFFFF; border:solid 1px #C4C8CE; } .elementForm dl.form input[type=file]::-ms-browse, .elementForm div.form input[type=file]::-ms-browse { font-size:15px; line-height:1.4; padding:0 1rem; margin-right:0.4rem; background:#F0F0F0; border:solid 1px #C4C8CE; } .elementForm dl.form input[type=file]::-ms-browse:active, .elementForm div.form input[type=file]::-ms-browse:active { color:inherit; } .elementForm dl.form input[type=file]::-ms-browse:hover, .elementForm div.form input[type=file]::-ms-browse:hover { background:#E3E3E3; } .elementForm dl.form input[type=file]::-webkit-file-upload-button, .elementForm div.form input[type=file]::-webkit-file-upload-button { font-size:15px; line-height:1.4; padding:0 1rem; margin-right:0.4rem; background:#F0F0F0; border:solid 1px #C4C8CE; } .elementForm dl.form input[type=file]::-webkit-file-upload-button:active, .elementForm div.form input[type=file]::-webkit-file-upload-button:active { color:inherit; } .elementForm dl.form input[type=file]::-webkit-file-upload-button:hover, .elementForm div.form input[type=file]::-webkit-file-upload-button:hover { background:#E3E3E3; } .elementForm dl.form textarea, .elementForm div.form textarea { -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; appearance:none; border-radius:0; height:calc(0vw + 61px); min-height:calc(0vw + 61px); line-height:1.4; border:none; padding:calc(0vw + 20px) calc(calc(0vw + 30.5px) / 1.2); border-radius:calc(0vw + 30.5px); background-color:#EDEEF0; resize:none; font-size:15px; } .elementForm dl.form button, .elementForm div.form button { margin:0 0 0 1%; padding:0 1rem; user-select:none; } .elementForm dl.form button:last-child, .elementForm div.form button:last-child { margin-left:0.5rem; } .elementForm dl.form dt, .elementForm dl.form div.formElement, .elementForm div.form dt, .elementForm div.form div.formElement { position:relative; clear:left; } .elementForm dl.form dt > div:first-child, .elementForm dl.form div.formElement > div:first-child, .elementForm div.form dt > div:first-child, .elementForm div.form div.formElement > div:first-child { display:block; clear:left; margin:0 0 0 0; line-height:120%; } .elementForm dl.form dt.blank > div:first-child, .elementForm dl.form dt.full > div:first-child, .elementForm dl.form div.formElement.blank > div:first-child, .elementForm dl.form div.formElement.full > div:first-child, .elementForm div.form dt.blank > div:first-child, .elementForm div.form dt.full > div:first-child, .elementForm div.form div.formElement.blank > div:first-child, .elementForm div.form div.formElement.full > div:first-child { display:none; } .elementForm dl.form dt.formElementHideLabel, .elementForm dl.form div.formElement.formElementHideLabel > div:first-child, .elementForm div.form dt.formElementHideLabel, .elementForm div.form div.formElement.formElementHideLabel > div:first-child { display:none; } .elementForm dl.form dt.formElementHideLabel, .elementForm dl.form div.formElement.full.formElementShowLabel > div:first-child, .elementForm div.form dt.formElementHideLabel, .elementForm div.form div.formElement.full.formElementShowLabel > div:first-child { display:block; } .elementForm dl.form dd, .elementForm dl.form div.formElement > div:last-child, .elementForm div.form dd, .elementForm div.form div.formElement > div:last-child { display:block; width:100%; margin-bottom:0.6rem; } .elementForm dl.form dd.formElementButton, .elementForm dl.form div.formElement.formElementButton, .elementForm div.form dd.formElementButton, .elementForm div.form div.formElement.formElementButton { text-align:right; } .elementForm dl.form dd.formElementSpacer, .elementForm dl.form div.formElement.formElementSpacer, .elementForm div.form dd.formElementSpacer, .elementForm div.form div.formElement.formElementSpacer { margin-bottom:3rem; } .elementForm dl.form dd.formElementCaptcha:after, .elementForm dl.form div.formElementCaptcha:after, .elementForm div.form dd.formElementCaptcha:after, .elementForm div.form div.formElementCaptcha:after { display:table; overflow:hidden; visibility:hidden; clear:both; content:""; height:0; font-size:0; line-height:0; } .js .elementForm dl.form .formElementCaptchaiframe,.js .elementForm div.form .formElementCaptchaiframe { background-color:#FFFFFF; display:none; } .elementForm dl.form .wglContainsErrorMessageInline, .elementForm div.form .wglContainsErrorMessageInline { position:relative; } .elementForm dl.form .wglErrorMessageInline, .elementForm div.form .wglErrorMessageInline { position:absolute; bottom:0; right:0; } .elementForm dl.form .wglErrorMessageInline > div, .elementForm div.form .wglErrorMessageInline > div { font-size:calc(15px * 0.8); background-color:rgba(251,0,8,0.3); color:#FB0008; display:inline-block; padding:1px 8px; border:solid 1px #FB0008; border-radius:4px; } .elementForm dl.form .wglContainsValidationStatusInline, .elementForm div.form .wglContainsValidationStatusInline { position:relative; } .elementForm dl.form .wglValidationStatusOK, .elementForm div.form .wglValidationStatusOK { display:inline-block; } .elementForm dl.form .wglValidationStatusOK div, .elementForm div.form .wglValidationStatusOK div { opacity:0; transform:scale(0.5); margin:0 -18px 0 4px; width:18px; height:16px; background-image:url('/weblication/grid5/gui/images/icons.svg'); background-size:800px; background-repeat:no-repeat; background-position:-390px -6px; } .elementForm dl.form .wglValidationStatusOK.loaded div, .elementForm div.form .wglValidationStatusOK.loaded div { transition:all 0.3s ease-in-out; opacity:1; transform:scale(1); margin:0 -18px 0 4px; width:18px; height:16px; background-image:url('/weblication/grid5/gui/images/icons.svg'); background-size:800px; background-repeat:no-repeat; background-position:-390px -6px; } .elementForm dl.form .formElement.empty .wglValidationStatusOK div, .elementForm div.form .formElement.empty .wglValidationStatusOK div { opacity:0; } .elementForm dl.form .wglConditionalFormdata, .elementForm div.form .wglConditionalFormdata { transition:all 0.3s ease-in; overflow:visible; height:auto; opacity:1; } .elementForm dl.form .wglHideConditionalFormdata, .elementForm div.form .wglHideConditionalFormdata { pointer-events:none; height:0; margin-bottom:0 !important; opacity:0; position:absolute !important; } .no-js .elementForm dl.form .wglHideConditionalFormdata, .no-js .elementForm div.form .wglHideConditionalFormdata { pointer-events:auto; height:auto; opacity:1; position:static !important; } .elementForm .wglStatusPasswordPolicyValidation { padding:0.5rem 0 1rem 0; color:#3c3c3c; font-size:0.8rem; line-height:135%; } .elementForm .wglStatusPasswordPolicyCondition { color:#3c3c3c; } .elementForm .wglStatusPasswordPolicyCondition.ok { color:green; } .elementForm .wglStatusPasswordPolicyCondition.failed { color:#FB0008; } .elementForm .wglMakePasswordVisible { display:inline-block; width:28px; height:2rem; margin:4px 0 0 -28px; opacity:0.5; background-image:url('/weblication/grid5/gui/images/icons.svg'); background-size:800px; background-repeat:no-repeat; background-position:-292px -63px; vertical-align:bottom; } .elementForm div[data-isvisiblepassword='1'] .wglMakePasswordVisible { opacity:1; } .elementForm .elementContainerStandardColumns { margin-bottom:0; } .elementForm .elementContainerStandardColumns > .col { margin-bottom:0 !important; } .elementForm .containerFormElementsMultiple { background:#f6f6f6; padding:1rem !important; margin-bottom:1rem !important; } .elementForm .buttonFormElementsMultipleDelete { display:none; float:left; cursor:pointer; } .elementForm .buttonFormElementsMultipleAdd { display:none; float:right; cursor:pointer; } .elementForm .containerFormElementsMultiple[data-islast='1'] .buttonFormElementsMultipleDelete, .elementForm .containerFormElementsMultiple[data-islast='1'] .buttonFormElementsMultipleAdd { display:block; } .elementForm .containerFormElementsMultiple[data-entrypos='1'] .buttonFormElementsMultipleDelete { display:none; } .elementForm .containerFormElementsMultiple[data-allowadd='0'] .buttonFormElementsMultipleAdd { display:none !important; } .elementForm .formClearBlock { clear:both; } .elementForm .wFormWysiwygMenu .wFormWysiwygButton { padding:0 5px; font-size:13px; line-height:23px; display:inline-block; background:#f0f0f0; border:solid 1px #d0d0d0; border-bottom-style:none; border-left-style:none; cursor:pointer; } .elementForm .wFormWysiwygMenu .wFormWysiwygButton:first-child { border-left-style:solid; } .elementForm .wFormWysiwygMenu .wFormWysiwygButton:hover { background:#d0d0d0; } .elementForm .wFormWysiwygInput { padding:4px; border:solid 1px #c0c0c0; overflow:auto; } .elementForm .wFormWysiwygInput:focus { outline:none; } .elementForm .wFormWysiwygInput ul, .elementForm .wFormWysiwygInput ol { margin:0 0 30px 0; padding:0 0 0 1.8rem; } .elementForm form[data-hasinputsinvalid='1'] .buttonSubmit { opacity:0.5; pointer-events:auto; } .elementForm form.wglFormStatusSubmited .buttonReset { opacity:0.5; pointer-events:none; } .elementForm form.wglFormStatusSubmited .buttonSubmit { position:relative; opacity:0.5; pointer-events:none; } @media (min-width: 415px) { .elementForm dl.form input, .elementForm div.form input { padding:0 0.5rem; } } @media (min-width: 768px) { .elementForm .elementContainerStandardColumns { margin-left:-2px !important; margin-right:-2px !important; } .elementForm .elementContainerStandardColumns > .col { padding:0 2px !important; } } @media (min-width: 992px) { .elementForm dl.form.formFirstBlock, .elementForm div.form.formFirstBlock { float:left; padding-right:3%; width:50%; position:relative; } .elementForm dl.form.formFirstBlock dd, .elementForm div.form.formFirstBlock dd { margin-left:0; } .elementForm dl.form.formLastBlock, .elementForm div.form.formLastBlock { float:left; width:50%; position:relative; } .elementForm dl.form.formLastBlock dd, .elementForm div.form.formLastBlock dd { margin-left:0; } } .elementForm_var0 dl.form, .elementForm_var0 div.form { max-width:400px; } .elementForm_var0 dl.form .errorMessages, .elementForm_var0 div.form .errorMessages { max-width:400px; } .elementForm_var0 dl.form .wglErrorMessageInline, .elementForm_var0 div.form .wglErrorMessageInline { position:absolute; bottom:0.5rem; right:0; } .elementForm_var1 dl.form, .elementForm_var1 div.form { width:100%; } .elementForm_var1 dl.form .errorMessages, .elementForm_var1 div.form .errorMessages { width:100%; } .elementForm_var1 dl.form .wglErrorMessageInline, .elementForm_var1 div.form .wglErrorMessageInline { position:absolute; bottom:0.5rem; right:0; } .elementForm_var40 div.form { margin:0; padding:0; } .elementForm_var40 div.form div.formElement { clear:both; } .elementForm_var40 div.form div.formElementInput > div:first-child { display:block; position:absolute; margin:1px 0 0 1px; padding:1.4rem 0 0 0; width:100%; transition:all 0.3s ease-in-out; color:#3c3c3c; pointer-events:none; } .elementForm_var40 div.form div.formElementInput > div:first-child label { margin:0 !important; padding:0 0 0 calc(0.8rem + 1%) !important; } .elementForm_var40 div.form div.formElementInput > div:first-child label:first-child { padding:0 0 0 0.8rem !important; } .elementForm_var40 div.form div.formElementInputUpload, .elementForm_var40 div.form div.formElementInputCheckbox, .elementForm_var40 div.form div.formElementInputRadio { margin-top:3rem; } .elementForm_var40 div.form div.formElementInputUpload > div:first-child, .elementForm_var40 div.form div.formElementInputCheckbox > div:first-child, .elementForm_var40 div.form div.formElementInputRadio > div:first-child { margin:-2rem 0 0 0 !important; padding:0 !important; font-size:calc(0vw + 18px) !important; } .elementForm_var40 div.form div.formElementInputUpload > div:first-child label:first-child, .elementForm_var40 div.form div.formElementInputCheckbox > div:first-child label:first-child, .elementForm_var40 div.form div.formElementInputRadio > div:first-child label:first-child { padding:0 !important; } .elementForm_var40 div.form div.formElementInputRadio { margin-bottom:1rem; } .elementForm_var40 div.form div.formElement > div:last-child { margin:0 0 1rem 0; } .elementForm_var40 div.form div.formElementInput:not(.empty) > div:first-child, .elementForm_var40 div.form div.formElementInput.hasPlaceholder > div:first-child, .elementForm_var40 div.form div.formElementInput.focus > div:first-child { padding-top:0.4rem; font-size:0.8rem; } .elementForm_var40 div.form div.formElementInputTextarea:not(.empty) > div:first-child, .elementForm_var40 div.form div.formElementInputTextarea.hasPlaceholder > div:first-child, .elementForm_var40 div.form div.formElementInputTextarea.focus > div:first-child { padding-top:0.4rem; font-size:0.8rem; } .elementForm_var40 div.form div.formElementInput { display:block; } .elementForm_var40 div.form div.formElementInput input { height:calc(0vw + 18px) * 4; padding:1rem 0.5rem 0 0.8rem; line-height:1.4; border:1px solid #C4C8CE; } .elementForm_var40 div.form div.formElementInput input[type='checkbox'], .elementForm_var40 div.form div.formElementInput input[type='radio'] { height:calc(0vw + 18px); padding:0 !important; } .elementForm_var40 div.form div.formElementInput input[type='file'] { border:none; } .elementForm_var40 div.form div.formElementInput input.wglDatepicker { background-position:right 10px top 38px; } .elementForm_var40 div.form div.formElementInput select { padding:1rem 2.5rem 0 calc(0.8rem + 1px); line-height:1.4; border:none; border:1px solid #C4C8CE; background-position:right 10px top 30px; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; appearance:none; } .elementForm_var40 div.form div.formElementInput select:-moz-focusring { color:transparent; text-shadow:0 0 0 #000; } .elementForm_var40 div.form div.formElementInput select::-ms-expand { display:none; } .elementForm_var40 div.form div.formElementInput select::-ms-value { background:none; color:#3c3c3c; } .elementForm_var40 div.form div.formElementInput select[multiple='multiple'] { height:auto; padding:2rem 0.8rem; border:1px solid #C4C8CE; } .elementForm_var40 div.form div.formElementInput textarea { padding:1.6rem 0.5rem 0 calc(0.8rem + 1px); display:block; line-height:1.4; } .elementForm_var40 div.form div.formElementInput button { margin:0 0 0 1%; height:calc(0vw + 18px) * 2; padding:0 1rem; user-select:none; } .elementForm_var40 div.form .wglErrorMessageInline { position:absolute; top:-0.7rem; right:0.3rem; } h1, .h1 { font-size:min(50px,calc(1.2260536398vw + 29.4022988506px)); font-family:inherit; font-weight:bold; line-height:min(58px,calc(0.9195402299vw + 42.5517241379px)); font-weight:bold; color:#3c3c3c; margin:0; padding:0; } h1 *, .h1 * { color:#3c3c3c; } @media (max-width: 575px) { h1, .h1 { hyphens:auto; } } h2, .h2 { font-size:min(50px,calc(1.2260536398vw + 29.4022988506px)); font-family:inherit; line-height:min(58px,calc(0.9195402299vw + 42.5517241379px)); font-weight:bold; color:#3c3c3c; margin:0; padding:0; } h2 *, .h2 * { color:#3c3c3c; } @media (max-width: 575px) { h2, .h2 { hyphens:auto; } } h3, .h3 { font-size:min(30px,calc(0.6130268199vw + 19.7011494253px)); font-family:inherit; line-height:min(35px,calc(0.6896551724vw + 23.4137931034px)); font-weight:normal; color:#3c3c3c; margin:0; padding:0; } h3 *, .h3 * { color:#3c3c3c; } @media (max-width: 414px) { h3, .h3 { hyphens:auto; } } h4, .h4 { font-size:min(18px,calc(0vw + 18px)); font-family:inherit; line-height:min(22px,calc(0vw + 22px)); font-weight:normal; color:#3c3c3c; margin:0; padding:0; } h4 *, .h4 * { color:#3c3c3c; } h5, .h5 { font-size:min(18px,calc(0vw + 18px)); font-family:inherit; line-height:min(22px,calc(0vw + 22px)); font-weight:normal; color:#3c3c3c; margin:0; padding:0; } h5 *, .h5 * { color:#3c3c3c; } h6, .h5 { font-size:min(18px,calc(0vw + 18px)); font-family:inherit; line-height:min(22px,calc(0vw + 22px)); font-weight:normal; color:#3c3c3c; margin:0; padding:0; } h6 *, .h5 * { color:#3c3c3c; } /*@media (min-width: 768px){ h1, .h1 { font-size:min(50px,calc(1.2260536398vw + 29.4022988506px)); font-family:inherit; line-height:min(58px,calc(0.9195402299vw + 42.5517241379px)); font-weight:bold; color:#3c3c3c; margin:0; padding:0 0 30px 0; } h2, .h2 { font-size:min(50px,calc(1.2260536398vw + 29.4022988506px)); font-family:inherit; line-height:min(58px,calc(0.9195402299vw + 42.5517241379px)); font-weight:bold; color:#3c3c3c; margin:0; padding:0 0 30px 0; } h3, .h3 { font-size:min(30px,calc(0.6130268199vw + 19.7011494253px)); font-family:inherit; line-height:min(35px,calc(0.6896551724vw + 23.4137931034px)); font-weight:normal; color:#3c3c3c; margin:0; padding:0 0 30px 0; } h4, .h4 { font-size:min(18px,calc(0vw + 18px)); font-family:inherit; line-height:min(22px,calc(0vw + 22px)); font-weight:normal; color:#3c3c3c; margin:0; padding:0 0 30px 0; } h5, .h5 { font-size:min(18px,calc(0vw + 18px)); font-family:inherit; line-height:min(22px,calc(0vw + 22px)); font-weight:normal; color:#3c3c3c; margin:0; padding:0 0 30px 0; } h6, .h6 { font-size:min(18px,calc(0vw + 18px)); font-family:inherit; line-height:min(22px,calc(0vw + 22px)); font-weight:normal; color:#3c3c3c; margin:0; padding:0 0 30px 0; } } */ /*.elementHeadline + .elementContainerStandard, .elementHeadline + .elementPicture, .elementHeadline + .elementList, .elementHeadline + .elementBox, .elementHeadline + .elementTabContainer, .elementHeadline + .elementAccordion, .elementHeadline + .elementTable { margin-top:1rem; }*/ .elementHeadline { position:static; margin:0 0 30px 0; font-weight:normal; } .weditor:not(.wpreview) .elementHeadline { position:relative; } .no-weditor .elementHeadline:last-child > h1, .no-weditor .elementHeadline:last-child > h2, .no-weditor .elementHeadline:last-child > h3, .no-weditor .elementHeadline:last-child > h4, .no-weditor .elementHeadline:last-child > h5, .no-weditor .elementHeadline:last-child > h6 { padding-bottom:0; } .elementHeadline:first-child > * { padding-top:0; } .elementText + .elementHeadline, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonText + .elementHeadline, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks + .elementHeadline, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress + .elementHeadline, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments + .elementHeadline { margin-top:0px; } .elementHeadline + .elementHeadline > h1, .elementHeadline + .elementHeadline > h2, .elementHeadline + .elementHeadline > h3, .elementHeadline + .elementHeadline > h4, .elementHeadline + .elementHeadline > h5, .elementHeadline + .elementHeadline > h6, .elementHeadline + .elementHeadline > .h1, .elementHeadline + .elementHeadline > .h2, .elementHeadline + .elementHeadline > .h3, .elementHeadline + .elementHeadline > .h4, .elementHeadline + .elementHeadline > .h5, .elementHeadline + .elementHeadline > .h6 { padding-top:0; } .elementHeadline + .elementHeadline > .elementHeadlineIcon { margin-top:0 !important; } .elementHeadline strong, .elementHeadline b { color:#89929e; } .elementHeadline p { margin:0; } .weditor .elementHeadline .wEditorWysiwyg { word-wrap:normal !important; } .elementHeadline_var0 h1, .elementHeadline_var0 h2, .elementHeadline_var0 .h1, .elementHeadline_var0 .h2 { hyphens:auto; } .isDarkBackground .elementHeadline_var0 h1, .isDarkBackground .elementHeadline_var0 h2, .isDarkBackground .elementHeadline_var0 .h1, .isDarkBackground .elementHeadline_var0 .h2 { color:#FFFFFF; } .isDarkBackground .elementHeadline_var0 h3, .isDarkBackground .elementHeadline_var0 h4, .isDarkBackground .elementHeadline_var0 h5, .isDarkBackground .elementHeadline_var0 h6, .isDarkBackground .elementHeadline_var0 .h3, .isDarkBackground .elementHeadline_var0 .h4, .isDarkBackground .elementHeadline_var0 .h5, .isDarkBackground .elementHeadline_var0 .h6 { color:#FFFFFF; } .elementHeadline_var10 h1, .elementHeadline_var10 h2, .elementHeadline_var10 .h1, .elementHeadline_var10 .h2 { hyphens:none!important; } .isDarkBackground .elementHeadline_var10 h1, .isDarkBackground .elementHeadline_var10 h2, .isDarkBackground .elementHeadline_var10 .h1, .isDarkBackground .elementHeadline_var10 .h2 { color:#FFFFFF; } .elementHeadline_var10 h3, .elementHeadline_var10 h4, .elementHeadline_var10 h5, .elementHeadline_var10 h6, .elementHeadline_var10 .h3, .elementHeadline_var10 .h4, .elementHeadline_var10 .h5, .elementHeadline_var10 .h6 { hyphens:none!important; } .isDarkBackground .elementHeadline_var10 h3, .isDarkBackground .elementHeadline_var10 h4, .isDarkBackground .elementHeadline_var10 h5, .isDarkBackground .elementHeadline_var10 h6, .isDarkBackground .elementHeadline_var10 .h3, .isDarkBackground .elementHeadline_var10 .h4, .isDarkBackground .elementHeadline_var10 .h5, .isDarkBackground .elementHeadline_var10 .h6 { color:#FFFFFF; } .elementHeadline_var50 h1, .elementHeadline_var50 h2, .elementHeadline_var50 .h1, .elementHeadline_var50 .h2 { hyphens:none; } .elementHeadline_var50 h1, .elementHeadline_var50 h2, .elementHeadline_var50 h3, .elementHeadline_var50 h4, .elementHeadline_var50 h5, .elementHeadline_var50 h6, .elementHeadline_var50 .h1, .elementHeadline_var50 .h2, .elementHeadline_var50 .h3, .elementHeadline_var50 .h4, .elementHeadline_var50 .h5, .elementHeadline_var50 .h6 { font-size:min(50px,calc(1.2260536398vw + 29.4022988506px)); font-family:inherit; line-height:min(58px,calc(0.9195402299vw + 42.5517241379px)); font-weight:bold; margin:0; padding:2.25rem 0 1.2rem 0; } .isDarkBackground .elementHeadline_var50 h1, .isDarkBackground .elementHeadline_var50 h2, .isDarkBackground .elementHeadline_var50 h3, .isDarkBackground .elementHeadline_var50 h4, .isDarkBackground .elementHeadline_var50 h5, .isDarkBackground .elementHeadline_var50 h6, .isDarkBackground .elementHeadline_var50 .h1, .isDarkBackground .elementHeadline_var50 .h2, .isDarkBackground .elementHeadline_var50 .h3, .isDarkBackground .elementHeadline_var50 .h4, .isDarkBackground .elementHeadline_var50 .h5, .isDarkBackground .elementHeadline_var50 .h6 { color:#E6E100; } @media (min-width: 768px) { .elementHeadline_var50 h1, .elementHeadline_var50 h2, .elementHeadline_var50 h3, .elementHeadline_var50 h4, .elementHeadline_var50 h5, .elementHeadline_var50 h6, .elementHeadline_var50 .h1, .elementHeadline_var50 .h2, .elementHeadline_var50 .h3, .elementHeadline_var50 .h4, .elementHeadline_var50 .h5, .elementHeadline_var50 .h6 { font-size:min(50px,calc(1.2260536398vw + 29.4022988506px)); font-family:inherit; line-height:min(58px,calc(0.9195402299vw + 42.5517241379px)); font-weight:bold; margin:0; padding:2.25rem 0 1.2rem 0; } } .elementHeadline_var53 h1, .elementHeadline_var53 h2, .elementHeadline_var53 h3, .elementHeadline_var53 h4, .elementHeadline_var53 h5, .elementHeadline_var53 h6, .elementHeadline_var53 .h1, .elementHeadline_var53 .h2, .elementHeadline_var53 .h3, .elementHeadline_var53 .h4, .elementHeadline_var53 .h5, .elementHeadline_var53 .h6 { font-size:min(50px,calc(1.2260536398vw + 29.4022988506px)); font-family:inherit; line-height:min(58px,calc(0.9195402299vw + 42.5517241379px)); font-weight:bold; margin:0; padding:2.25rem 0 1.2rem 0; hyphens:none!important; } .isDarkBackground .elementHeadline_var53 h1, .isDarkBackground .elementHeadline_var53 h2, .isDarkBackground .elementHeadline_var53 h3, .isDarkBackground .elementHeadline_var53 h4, .isDarkBackground .elementHeadline_var53 h5, .isDarkBackground .elementHeadline_var53 h6, .isDarkBackground .elementHeadline_var53 .h1, .isDarkBackground .elementHeadline_var53 .h2, .isDarkBackground .elementHeadline_var53 .h3, .isDarkBackground .elementHeadline_var53 .h4, .isDarkBackground .elementHeadline_var53 .h5, .isDarkBackground .elementHeadline_var53 .h6 { color:#E6E100; } @media (min-width: 768px) { .elementHeadline_var53 h1, .elementHeadline_var53 h2, .elementHeadline_var53 h3, .elementHeadline_var53 h4, .elementHeadline_var53 h5, .elementHeadline_var53 h6, .elementHeadline_var53 .h1, .elementHeadline_var53 .h2, .elementHeadline_var53 .h3, .elementHeadline_var53 .h4, .elementHeadline_var53 .h5, .elementHeadline_var53 .h6 { font-size:min(50px,calc(1.2260536398vw + 29.4022988506px)); font-family:inherit; line-height:min(58px,calc(0.9195402299vw + 42.5517241379px)); font-weight:bold; margin:0; padding:2.25rem 0 1.2rem 0; } } .elementHeadline_var55 h1, .elementHeadline_var55 h2, .elementHeadline_var55 h3, .elementHeadline_var55 h4, .elementHeadline_var55 h5, .elementHeadline_var55 h6, .elementHeadline_var55 .h1, .elementHeadline_var55 .h2, .elementHeadline_var55 .h3, .elementHeadline_var55 .h4, .elementHeadline_var55 .h5, .elementHeadline_var55 .h6 { text-transform:uppercase; font-size:min(18px,calc(0vw + 18px)); line-height:min(22px,calc(0vw + 22px)); } .elementHeadlineAlign_var0 { text-align:left; } .elementHeadlineAlign_var30 { text-align:center; } .elementHeadlineColor_var100 * { color:#FFFFFF; } .elementHeadlineColor_var100 * strong { font-weight:normal; color:#FFFFFF; } .elementHeadlineColor_var110 * { color:#3c3c3c; } .elementHeadlineColor_var110 * strong { font-weight:normal; color:#3c3c3c; } .elementHeadlineColor_var120 * { color:#E6E100; } .elementHeadlineColor_var120 * strong { font-weight:normal; color:#E6E100; } .elementHr { position:relative; margin-bottom:30px; } .elementHr_var0 hr { height:1px; border:none; background-color:#3c3c3c; } .isDarkBackground .elementHr_var0 hr { background-color:#FFFFFF; } .elementHr_varVertical { width:1px; margin:0 auto 40px auto; } .elementHr_varVertical hr { width:1px; height:130px; border:none; background-color:#3c3c3c; } .isDarkBackground .elementHr_varVertical hr { background-color:#FFFFFF; } .elementInfo { padding:2rem; } .elementInfo p:last-child { margin-bottom:0; } .elementInfo.elementInfoDefault { background-color:rgba(255,246,157,0.5); } .elementInfo.elementInfoError { background-color:rgba(251,0,8,0.5); color:#FFFFFF; } .elementInfo.elementInfoWarning { background-color:rgba(255,207,108,0.5); } .elementInfo.elementInfoTip { background-color:rgba(32,124,181,0.5); color:#FFFFFF; } .elementInfo ol { margin:0 0 30px 0; padding:0 0 0 1.8rem; } .elementInfo ul { margin:0 0 30px 0; padding:0 0 0 0; list-style:none; display:inline-block; } .elementInfo ul > li { padding-left:1rem; position:relative; } .elementInfo ul > li:before { content:''; display:inline-block; position:absolute; margin:4px 2px 0; width:calc(0vw + 18px); height:calc(0vw + 18px); vertical-align:top; background-image:url("/weblication-wGlobal/wGlobal/layout/images/icons/optimized/list-style-image@stroke(3c3c3c).svg"); background-position:0 0; background-repeat:no-repeat; } .isDarkBackground .elementInfo ul li:before, .isLightBackground .isDarkBackground .elementInfo ul li:before, .isInverseBackground .elementInfo ul li:before, .isLightBackground .isInverseBackground .elementInfo ul li:before { background-image:url("/weblication-wGlobal/wGlobal/layout/images/icons/optimized/list-style-image@stroke(FFFFFF).svg"); } .weditor.ie11 .elementInfo ul { padding-left:1.5rem; display:block; list-style:disc; } .weditor.ie11 .elementInfo ul > li { margin:0; padding:0; } .weditor.ie11 .elementInfo ul > li:before { display:none; } .elementLink, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard { margin-bottom:30px; display:table; } .elementLink > a, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard > a { background-position:left 3px; display:inline-flex; } .elementLink > a.iconUrl:before, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard > a.iconUrl:before { display:none; } .elementLink > a.iconUrl span, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard > a.iconUrl span { background-size:100%; } .elementLink > a.iconUrl span + span, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard > a.iconUrl span + span { width:auto; } .elementLink > a.iconFa, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard > a.iconFa { text-decoration:none; } .elementLink > a.iconFa .linkIconFa, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard > a.iconFa .linkIconFa { margin:0 6px 0 -3px; height:1.5rem; padding-top:5px; } .elementLink > a.iconFa a, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard > a.iconFa a { text-decoration:underline; } .elementLink .infoDownloadSize, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard .infoDownloadSize { color:#3c3c3c; padding-left:4px; text-decoration:none; } .elementLink .downloadIconSizeLinkSize, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard .downloadIconSizeLinkSize { display:inline-block; text-decoration:inherit; max-width:calc(100% - 25px); } .elementLink .downloadIconSizeLinkSize span:first-child, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard .downloadIconSizeLinkSize span:first-child { padding-right:4px; } .elementLink .downloadIconSizeLinkSize .infoDownloadSize, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard .downloadIconSizeLinkSize .infoDownloadSize { color:#3c3c3c; padding-left:0; display:inline-block; text-decoration:none; } .elementLink span.formatPart, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard span.formatPart { font-weight:bold; opacity:0.6; } .elementText + .elementLink, .elementText + .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonText + .elementLink, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonText + .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks + .elementLink, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks + .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress + .elementLink, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress + .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments + .elementLink, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments + .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard { margin-top:0px; } .elementLink_var0 > a { font-size:min(20px,calc(0vw + 20px)); line-height:1.66; text-decoration:none; } .elementLink_var0 + .elementLink_var0 { margin-top:-22.5px; } .elementLink_var1 + .elementLink_var1 { margin-top:-22.5px; } .elementLink_var1 a { font-size:min(20px,calc(0vw + 20px)); } .elementLink_var10 > a, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard > a { white-space:nowrap; } .elementLink_var10 > a >span, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard > a >span { color:#3c3c3c!important; } .elementLink_var11 > a { white-space:nowrap; } .elementLink_var12 > a { white-space:nowrap; } .elementLink_var20 > a { white-space:nowrap; } .elementLink_var13 > a { white-space:nowrap; } .elementLink_var13 > a:hover:before, .elementLink_var13 > a:hover:after { border-color:#E6E100; background-color:#E6E100; } .elementLink_var50 > a { white-space:nowrap; } .elementLink_var60 > a { white-space:nowrap; } .elementLink_var55 > a { white-space:nowrap; } .elementLink_var65 > a { white-space:nowrap; } .elementLinkPosition_var10 { display:block; } .elementLinkPosition_var10 > a { float:left !important; margin-left:calc(0.2225871191vw + 39.8319649699px); } .elementLinkPosition_var10.elementLink_var0 > a, .elementLinkPosition_var10.elementLink_var1 > a { margin-left:0; } .elementLinkPosition_var10:after { display:table; overflow:hidden; visibility:hidden; clear:both; content:""; height:0; font-size:0; line-height:0; } @media (min-width: 992px) { .elementLinkPosition_var10 > a { margin-right:calc(0.2225871191vw + 39.8319649699px); } } .elementLinkPosition_var20 { display:block; } .elementLinkPosition_var20 > a { float:left !important; margin-left:calc(0.2225871191vw + 39.8319649699px); } .elementLinkPosition_var20.elementLink_var0 > a, .elementLinkPosition_var20.elementLink_var1 > a { margin-right:0; } .elementLinkPosition_var20:after { display:table; overflow:hidden; visibility:hidden; clear:both; content:""; height:0; font-size:0; line-height:0; } @media (min-width: 992px) { .elementLinkPosition_var20 > a { margin-right:calc(0.2225871191vw + 39.8319649699px); } } .elementLinkPosition_var30 { display:block; } @media (min-width: 992px) { .elementLinkPosition_var30 > a { display:table; margin-left:auto !important; margin-right:auto !important; } } .elementLinkPosition_var60 { display:block; } .elementLinkPosition_var60 > a { display:block; text-align:center; } .elementLinkPosition_var31 { display:block; text-align:center; } .elementLinkPosition_var31 > a { display:table!important; margin-left:auto !important; margin-right:auto !important; } .elementLinkPosition_var70 { display:block; float:left; margin-top:0 !important; } .elementLinkPosition_var70 + .elementLinkPosition_var70 { margin-left:1rem; } .elementNavigation { position:relative; } .elementNavigation #navigationMainToggler { display:none; } .elementNavigation li > ul { padding:0 0 0 1rem; } .elementNavigation a { text-decoration:none; } .elementNavigationSections { margin-bottom:0; } .elementNavigationSections .listOfSections:empty { display:none; } .elementNavigationSections_var0 { background-color:#3c3c3c; width:100%; } .elementNavigationSections_var0 ul { display:block; list-style-type:none; margin:0 auto; padding:0; text-align:center; } .elementNavigationSections_var0 li { display:inline-block; } .elementNavigationSections_var0 li:hover a, .elementNavigationSections_var0 li.selected a { border-bottom:solid 4px #FFFFFF; } .elementNavigationSections_var0 a { display:block; border-bottom:solid 4px transparent; text-decoration:none; background:none; color:#FFFFFF; font-size:calc(0vw + 18px); padding:10px 10px 6px 10px; text-transform:uppercase; } .elementNavigationSections_var0 a:hover { color:#FFFFFF; } @media (max-width: 768px) { .elementNavigationSections_var0 ul { display:none; } .elementNavigationSections_var0 ul.open { display:block; } .elementNavigationSections_var0 li { display:block; text-align:left; } .elementNavigationSections_var0 .navigationSectionToggler { display:block; position:relative; min-height:40px; margin-right:2px; padding:12px 38px 12px 16px; cursor:pointer; color:#FFFFFF; text-decoration:none; font-size:16px; text-transform:uppercase; } .elementNavigationSections_var0 .navigationSectionToggler:before { content:''; position:absolute; right:12px; width:18px; height:10px; border-top:solid 2px #FFFFFF; border-bottom:solid 2px #FFFFFF; } .elementNavigationSections_var0 .navigationSectionToggler:after { content:''; position:absolute; right:12px; width:18px; height:18px; border-bottom:solid 2px #FFFFFF; } .elementNavigationSections_var0 .navigationSectionToggler.closed:before { transition:all 0.3s linear,border-color 0.3s 0.3s linear; } .elementNavigationSections_var0 .navigationSectionToggler.closed:after { transition:all 0.3s linear; } .elementNavigationSections_var0 .navigationSectionToggler.open:before { transition:all 0.3s linear,border-color 0.1s linear; margin-top:6px; transform:rotate(45deg); right:14px; width:19px; border-bottom-color:transparent; } .elementNavigationSections_var0 .navigationSectionToggler.open:after { transition:all 0.3s linear; margin-top:-5px; transform:rotate(-45deg); right:17px; width:19px; } } .elementOpenStreetMap { position:relative; padding-bottom:75%; height:0; width:100% !important; max-width:100% !important; overflow:hidden; } .elementOpenStreetMap .mapContainer { position:absolute; visibility:hidden; top:0; left:0; width:100%; height:100%; } .elementOpenStreetMap .mapMarkerPopup { position:relative; border:solid 1px #c0c0c0; border-radius:5px; padding:0.5rem 1.5rem 0.5rem 1rem; background:#FFFFFF; } .elementOpenStreetMap .mapMarkerPopup:after, .elementOpenStreetMap .mapMarkerPopup:before { top:100%; left:50%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; } .elementOpenStreetMap .mapMarkerPopup:before { border-top-color:#c0c0c0; border-width:11px; margin-left:-11px; } .elementOpenStreetMap .mapMarkerPopup:after { border-top-color:#ffffff; border-width:10px; margin-left:-10px; } .elementOpenStreetMap .mapMarkerPopupContent { font-size:0.8rem; line-height:140%; } .elementOpenStreetMap .mapMarkerPopupContent p, .elementOpenStreetMap .mapMarkerPopupContent a { color:#3c3c3c; } .elementOpenStreetMap .mapMarkerPopupContent p:last-child { margin-bottom:0; } .elementOpenStreetMap .mapMarkerPopupContent .mapMarkerPopupTitle { padding-top:0; font-size:1rem; color:#3c3c3c; } .elementOpenStreetMap .mapMarkerPopupContent .mapMarkerPopupTitle a, .elementOpenStreetMap .mapMarkerPopupContent .mapMarkerPopupTitle a:hover { color:#3c3c3c; } .elementOpenStreetMap .mapMarkerPopupContent .mapMarkerPopupDescription { color:#3c3c3c; } .elementOpenStreetMap .mapMarkerPopupContent .mapMarkerPopupLinkDetails { display:block; margin-top:0.36rem; } .elementOpenStreetMap .mapMarkerPopupContent .mapMarkerPopupLinkRoute { display:block; margin-top:0.36rem; } .elementOpenStreetMap .mapMarkerPopupCloser { cursor:pointer; display:block; box-sizing:border-box; position:absolute; z-index:3; right:6px; top:10px; width:16px; height:16px; font-size:0; color:transparent; background-color:transparent; transition:transform 0.3s ease-in-out; } .elementOpenStreetMap .mapMarkerPopupCloser:hover { transition:all 0.3s linear; } .elementOpenStreetMap .mapMarkerPopupCloser:before { content:''; position:absolute; width:13px; height:5px; margin:3px 0 0 2px; border-top:solid 1px #FFFFFF; transform:rotate(45deg); transform-origin:1px 3px; } .elementOpenStreetMap .mapMarkerPopupCloser:after { content:''; position:absolute; width:13px; height:10px; margin:3px 0 0 2px; border-bottom:solid 1px #FFFFFF; transform:rotate(-45deg); transform-origin:1px 8px; } .elementOpenStreetMap .ol-attribution *, .elementOpenStreetMap .ol-attribution *:hover { color:#666666 !important; } .elementOpenStreetMap .containerConfirmBeforeLoad { position:absolute; width:100%; height:100%; background:#F0F0F0; cursor:pointer; } .elementOpenStreetMap .containerConfirmBeforeLoad:before { content:''; position:absolute; width:160px; height:160px; left:50%; top:50%; margin:-80px 0 0 -80px; background-image:url('/weblication-wGlobal/wGlobal/layout/images/map-icons/optimized/mapConfirm.svg'); background-size:100%; } .elementOpenStreetMap .startNotice { position:absolute; bottom:0; width:100%; padding:1rem 0; font-size:0.7rem; line-height:130%; color:#3c3c3c; text-align:center; } .elementOpenStreetMap .startNotice #buttonEditStartNotice { position:absolute; top:4px; right:4px; } .elementOpenStreetMapStatic { position:relative; } .elementOpenStreetMapStatic .elementPicture figure { display:block; } .elementOpenStreetMapStatic .elementPicture figure img { display:block; width:100%; } .elementOpenStreetMapStatic .openStreetMapCopyright { position:absolute; right:0; bottom:0; padding:0 0.4rem; font-size:0.7rem; line-height:130%; background:rgba(255,255,255,0.7); } .elementOpenStreetMapHeight_var50 { padding-bottom:50% !important; } .elementOpenStreetMapHeight_var25 { padding-bottom:55% !important; } @media (min-width: 768px) { .elementOpenStreetMapHeight_var25 { padding-bottom:25% !important; } } .elementOpenStreetMapStyler_var0 canvas, .elementOpenStreetMapStyler_var0 .elementPicture { filter:brightness(1.1) saturate(1.0); } .elementOpenStreetMapStyler_var69 canvas, .elementOpenStreetMapStyler_var69 .elementPicture { filter:brightness(1.1); } .elementOpenStreetMapStyler_var75 canvas, .elementOpenStreetMapStyler_var75 .elementPicture { filter:invert(100%) brightness(150%); } .elementPicture { display:block; position:relative; line-height:0; } .elementPicture.hasPictureHover .pictureHover { position:absolute; top:0; left:0; width:100%; opacity:0; } .elementPicture.hasPictureHover:hover .picture { opacity:0; } .elementPicture.hasPictureHover:hover .pictureHover { opacity:1; } .elementPicture figure { position:relative; display:inline-block; max-width:100%; margin:0; padding:0; } .elementPicture figcaption { padding:8px 4px; font-weight:bold; font-size:calc(0vw + 18px); line-height:1.66; } .elementPicture figcaption > div.pictureTitle { font-weight:bold; font-size:calc(0vw + 18px); line-height:1.66; } .elementPicture figcaption > div.pictureDescription { font-weight:normal; font-size:calc(0vw + 18px); line-height:1.66; color:#3c3c3c; } .elementPicture figcaption > div.pictureCopyright { float:right; font-weight:normal; font-size:calc(0vw + 18px); line-height:1.66; color:#3c3c3c; padding-left:4px; } .elementPicture img { display:block; } .elementPicture svg { display:block; max-width:100%; width:100%; height:auto; } .elementPicture svg[width] { width:auto; } .elementPicture_var15 { opacity:1!important; transform:translate3d(0,0,0)!important; transition:none; } .elementPicture_var15 picture img { transform:scale(.9); transition:transform 1500ms ease; } .elementPicture_var15.onScreen picture img { transform:scale(1); } .elementPicture_var210 { flex-grow:1; display:flex; height:100%; } .elementPicture_var210 a > figure { height:100%; } .elementPicture_var210 figure { width:100%; height:auto; } .elementPicture_var210 figure picture { width:100%; height:100%; } .elementPicture_var210 figure picture img { width:100%!important; object-fit:contain!important; } .elementPicture_var215 { flex-grow:1; display:flex; height:100%; } .elementPicture_var215 a > figure { height:100%; } .elementPicture_var215 figure { width:100%; height:auto; } .elementPicture_var215 figure picture { width:100%; height:100%; } .elementPicture_var215 figure picture img { width:100%!important; height:100%!important; object-fit:cover!important; } .elementPictureAspectRatio_var10 figure { display:block; } .elementPictureAspectRatio_var10 figure picture { height:0 !important; display:block; padding-bottom:100%; } .elementPictureTitle_var0 figcaption { display:none; } .elementPictureTitle_var10 picture:after { position:absolute; display:block; content:""; top:0; left:0; width:100%; height:100%; pointer-events:none; touch-action:none; background-color:rgba(60,60,60,.7); } .elementPictureTitle_var10 figcaption { position:absolute; top:50%; left:50%; width:60%; transform:translate(-50%,-40%); } .elementPictureTitle_var10 figcaption .pictureTitle { position:relative; font-size:min(65px,calc(2.6819923372vw + 19.9425287356px))!important; line-height:1.23!important; color:#E6E100; text-align:left; } .elementPictureTitle_var10 figcaption .pictureTitle:before { position:absolute; display:block; content:""; left:0; top:calc(-1.5 * min(85px,calc(2.9885057471vw + 34.7931034483px))); width:min(85px,calc(2.9885057471vw + 34.7931034483px)); height:min(85px,calc(2.9885057471vw + 34.7931034483px)); background:url(/weblication-wGlobal/wGlobal/layout/images/mzv/optimized/icon-plus.svg) no-repeat 0 0; background-size:contain; } .elementPictureTitle_var51 figcaption { padding-left:0; } .elementPictureTitle_var51 figcaption .pictureTitle { float:left; font-size:calc(0vw + 18px)!important; line-height:1.66!important; } .elementPictureTitle_var51 .pictureDescription { clear:both; } .elementPicturePosition_var10 { margin-bottom:0; } .elementPicturePosition_var10 figure img { object-position:left; } .elementPicturePosition_var10:last-child figure { margin-right:0; } .elementPicturePosition_var15:last-child figure { margin-right:0; } @media (max-width: 991px) { .elementPicturePosition_var15 { margin-bottom:0; } .elementPicturePosition_var15 figure img { object-position:left; } } .elementPicturePosition_var20 { margin-bottom:0; } .elementPicturePosition_var20 figure img { object-position:right; } .elementPicturePosition_var20:last-child figure { margin-left:0; } .elementPicturePosition_var25:last-child figure { margin-right:0; } @media (max-width: 991px) { .elementPicturePosition_var25 { margin-bottom:0; } .elementPicturePosition_var25 figure img { object-position:right; } } .elementPicturePosition_var30 { text-align:center; } .elementPicturePosition_var30 figure { margin:0 auto; display:inline-block; } .elementPicturePosition_var30 figure img { object-position:center; } @media (max-width: 991px) { .elementPicturePosition_var35 { text-align:center; } .elementPicturePosition_var35 figure img { object-position:center; } } .elementPicturePosition_var40 { margin-bottom:0; } .elementPicturePosition_var40 figure img { object-position:top; } .elementPicturePosition_var40:last-child figure { margin-left:0; } .elementPictureSize_var0 { max-width:100%; } .elementPictureSize_var1 figure { max-width:100%; } @media (min-width: 992px) { .elementPictureSize_var1 figure img { position:relative; min-width:110%; left:-5%; } } .elementPictureSize_var2 figure { max-width:100%; } @media (min-width: 992px) { .elementPictureSize_var2 figure img { position:relative; min-width:120%; left:-10%; } } .elementPictureSize_var3 figure { max-width:100%; } @media (min-width: 992px) { .elementPictureSize_var3 figure img { position:relative; min-width:130%; left:-15%; } } .elementPictureSize_var4 figure { max-width:100%; } @media (min-width: 992px) { .elementPictureSize_var4 figure img { position:relative; min-width:140%; left:-20%; } } .elementPictureSize_var5 figure { max-width:100%; } @media (min-width: 992px) { .elementPictureSize_var5 figure img { position:relative; min-width:150%; left:-50%; } } .elementPictureSize_var81 figure { max-width:100%; } @media (min-width: 992px) { } .elementPictureSize_var10 figure { max-width:100%; } @media (min-width: 992px) { .elementPictureSize_var10 figure img { position:relative; max-width:90%; left:5%; } } .elementPictureSize_var11 figure { max-width:100%; } @media (min-width: 992px) { .elementPictureSize_var11 figure img { position:relative; max-width:80%; left:10%; } } .elementPictureSize_var12 figure { max-width:100%; } @media (min-width: 992px) { .elementPictureSize_var12 figure img { position:relative; max-width:70%; left:15%; } } .elementPictureSize_var20 figure { max-width:100%; } @media (min-width: 992px) { .elementPictureSize_var20 figure img { position:relative; max-width:90%; left:5%; } } @media (max-width: 991px) { .elementPictureSize_var20 figure img { position:relative; max-width:90%; left:5%; } } .elementPictureSize_var21 figure { max-width:100%; } @media (min-width: 992px) { .elementPictureSize_var21 figure img { position:relative; max-width:80%; left:10%; } } @media (max-width: 991px) { .elementPictureSize_var21 figure img { position:relative; max-width:80%; left:10%; } } .elementPictureSize_var22 figure { max-width:100%; } @media (min-width: 992px) { .elementPictureSize_var22 figure img { position:relative; max-width:70%; left:15%; } } @media (max-width: 991px) { .elementPictureSize_var22 figure img { position:relative; max-width:70%; left:15%; } } .elementPictureSize_var90 figure { height:auto; } .elementPictureSize_var90 figure picture { padding-bottom:0!important; } .elementPictureSize_var90 figure picture img { position:relative!important; max-height:min(530px,calc(26.0536398467vw + 92.2988505747px)); object-fit:contain; } @media (min-width: 992px) { .elementPictureSize_var90 figure picture img { max-width:min(530px,calc(4.5977011494vw + 172.7586206897px)); } } @media only screen and (min-width: 992px) { .elementPictureSize_var95 figure { max-width:100%; } } @media (min-width: 992px) and (min-width: 992px) { .elementPictureSize_var95 figure img { position:relative; min-width:150%; left:-25%; } } @media only screen and (max-width: 991px) { .elementPictureSize_var95 figure { height:auto; } .elementPictureSize_var95 figure picture { padding-bottom:0!important; } .elementPictureSize_var95 figure picture img { position:relative!important; max-height:min(530px,calc(26.0536398467vw + 92.2988505747px)); object-fit:contain; } } @media (min-width: 992px) and (max-width: 991px) { .elementPictureSize_var95 figure picture img { max-width:min(530px,calc(4.5977011494vw + 172.7586206897px)); } } .elementPictureSize_var100 figure { height:auto; } .elementPictureSize_var100 figure picture { padding-bottom:0!important; } .elementPictureSize_var100 figure picture img { position:relative!important; object-fit:contain; } @media only screen and (max-width: 991px) { .elementPictureSize_var100 figure picture img { max-height:min(220px,calc(25.2873563218vw + 95.1724137931px)); } } @media (min-width: 992px) { .elementPictureSize_var100 figure picture img { left:-10%; } } @media only screen and (min-width: 992px) { .elementPictureSize_var105 figure { max-width:100%; } } @media (min-width: 992px) and (min-width: 992px) { .elementPictureSize_var105 figure img { position:relative; min-width:170%; left:-50%; } } @media only screen and (max-width: 991px) { .elementPictureSize_var105 figure { height:auto; } .elementPictureSize_var105 figure picture { padding-bottom:0!important; } .elementPictureSize_var105 figure picture img { position:relative!important; max-height:min(220px,calc(25.2873563218vw + 95.1724137931px)); object-fit:contain; } } @media (min-width: 992px) and (max-width: 991px) { .elementPictureSize_var105 figure picture img { max-width:min(220px,calc(2.2988505747vw + 181.3793103448px)); } } .elementSection, .elementSectionObjectContactPerson { clear:both; margin:0 0 0 0; padding:0; position:relative; } .elementSection > .sectionInner, .elementSectionObjectContactPerson > .sectionInner { position:relative; max-width:unset; margin:0 auto; padding:0; } .elementSection > .sectionInner > *:last-child, .elementSectionObjectContactPerson > .sectionInner > *:last-child { margin-bottom:0; } .elementSection > .sectionInner .elementIncludeContentPage > *:last-child, .elementSectionObjectContactPerson > .sectionInner .elementIncludeContentPage > *:last-child { margin-bottom:0; } .elementSection > .backgroundContainer, .elementSectionObjectContactPerson > .backgroundContainer { position:absolute; overflow:hidden; z-index:0; top:0; left:0; width:100%; height:100%; } .elementSection > .backgroundContainer > div, .elementSectionObjectContactPerson > .backgroundContainer > div { position:absolute; background-size:cover; background-position:center; top:0; left:0; width:100%; height:100%; } .elementSection > .backgroundContainer > picture, .elementSectionObjectContactPerson > .backgroundContainer > picture { display:block; } .elementSection > .backgroundContainer > video, .elementSectionObjectContactPerson > .backgroundContainer > video, .elementSection > .backgroundContainer > picture > img, .elementSectionObjectContactPerson > .backgroundContainer > picture > img { position:absolute; top:0; left:0; width:100%; height:auto; min-width:100%; min-height:100%; object-fit:cover; } .elementSection > .backgroundContainer picture > img, .elementSectionObjectContactPerson > .backgroundContainer picture > img { width:100%; height:100%; object-fit:contain; opacity:.1; } .elementSection:after, .elementSectionObjectContactPerson:after { display:table; overflow:hidden; visibility:hidden; clear:both; content:""; height:0; font-size:0; line-height:0; } @media (min-width: 576px) { .hasBlockLeft #blockContent .elementSection,.hasBlockLeft #blockContent .elementSectionObjectContactPerson,.hasBlockRight #blockContent .elementSection,.hasBlockRight #blockContent .elementSectionObjectContactPerson { padding-left:0 !important; padding-right:0 !important; } } .elementSectionInnerHeight_var85 { background-size:cover; min-height:100vh; display:flex; align-items:center; justify-content:center; } .no-weditor .elementSectionInnerHeight_var85 { overflow:hidden; } .weditor .elementSectionInnerHeight_var85, .wComponentsToInsertList .elementSectionInnerHeight_var85 { min-height:0; } .elementSectionInnerHeight_var85 > .sectionInner { margin:0; } .elementSectionPadding_var10 { padding:0; } .browseedit:not(.wpreview) .elementSectionPadding_var10, .weditor:not(.wpreview) .elementSectionPadding_var10 { padding:4rem 4rem; } .elementSectionPadding_var5 { padding:calc(5.7471264368vw + 53.4482758621px) 0; } .browseedit:not(.wpreview) .elementSectionPadding_var5, .weditor:not(.wpreview) .elementSectionPadding_var5 { padding:4rem 4rem; } .elementSectionPadding_var12 { padding:calc(5.7471264368vw + 53.4482758621px) 0 calc(5.7471264368vw + 53.4482758621px) calc(5.3639846743vw + 9.8850574713px); } .browseedit:not(.wpreview) .elementSectionPadding_var12, .weditor:not(.wpreview) .elementSectionPadding_var12 { padding:4rem 4rem; } .elementSectionPadding_var15 { padding:calc(5.7471264368vw + 53.4482758621px) calc(5.3639846743vw + 9.8850574713px) calc(5.7471264368vw + 53.4482758621px) 0; } .browseedit:not(.wpreview) .elementSectionPadding_var15, .weditor:not(.wpreview) .elementSectionPadding_var15 { padding:4rem 4rem; } .elementSectionPadding_var0, .elementSectionObjectContactPerson { padding:calc(5.7471264368vw + 53.4482758621px) calc(5.3639846743vw + 9.8850574713px); } @media (min-width: 576px) { .hasBlockLeft #blockContent .elementSectionPadding_var0,.hasBlockLeft #blockContent .elementSectionObjectContactPerson,.hasBlockRight #blockContent .elementSectionPadding_var0,.hasBlockRight #blockContent .elementSectionObjectContactPerson { padding-left:0 !important; padding-right:0 !important; } } .elementSectionPadding_var60 { padding:calc(5.7471264368vw + 53.4482758621px) calc(16.8582375479vw - 33.2183908046px); } @media (min-width: 576px) { .hasBlockLeft #blockContent .elementSectionPadding_var60,.hasBlockRight #blockContent .elementSectionPadding_var60 { padding-left:0 !important; padding-right:0 !important; } } .elementSectionPadding_var65 { padding:calc(5.7471264368vw + 53.4482758621px) 0 calc(5.7471264368vw + 53.4482758621px) calc(16.8582375479vw - 33.2183908046px); } @media (min-width: 576px) { .hasBlockLeft #blockContent .elementSectionPadding_var65,.hasBlockRight #blockContent .elementSectionPadding_var65 { padding-left:0 !important; padding-right:0 !important; } } .elementSectionPadding_var80 { padding:calc(5.7471264368vw + 53.4482758621px) calc(31.4176245211vw - 87.816091954px); } @media (min-width: 576px) { .hasBlockLeft #blockContent .elementSectionPadding_var80,.hasBlockRight #blockContent .elementSectionPadding_var80 { padding-left:0 !important; padding-right:0 !important; } } .elementSectionMargin_var0, .elementSectionObjectContactPerson { margin:0; } .elementSectionMargin_var20 { margin:0 0 calc(5.7471264368vw + 53.4482758621px) 0; } .elementSectionMargin_var10 { margin:0; padding-bottom:0; } .elementSectionBackgroundColor_var0 { background-color:#FFFFFF; } .elementSectionBackgroundColor_var10 { background-color:#EDEEF0; } .elementSectionBackgroundColor_var15 { background-color:rgba(237,238,240,.5); } .elementSectionBackgroundColor_var30 { background-color:#E6E100; } .elementSectionBackgroundColor_var60 { background-color:#5A6B79; } .elementSectionBackgroundColor_var610 { background-color:#FFFFFF; } .elementSectionParallaxBackground_var10 { position:relative; background-color:transparent !important; } .elementSectionParallaxBackground_var100 > .backgroundContainer > div, .elementSectionParallaxBackground_var100 > .backgroundContainer > picture { background-attachment:fixed; } .ios .elementSectionParallaxBackground_var100 > .backgroundContainer > div,.ios .elementSectionParallaxBackground_var100 > .backgroundContainer > picture { background-attachment:inherit; } .ioslt14 .elementSectionParallaxBackground_var100 > .backgroundContainer > div,.ioslt14 .elementSectionParallaxBackground_var100 > .backgroundContainer > picture { background-attachment:inherit; position:fixed; pointer-events:none; } .ios.crios .elementSectionParallaxBackground_var100 > .backgroundContainer > div,.ios.crios .elementSectionParallaxBackground_var100 > .backgroundContainer > picture { background-attachment:inherit; position:relative; } .elementSectionBackgroundPosition_var0 > .backgroundContainer { padding-left:12vw; padding-right:12vw; } .elementSectionBackgroundPosition_var10 > .backgroundContainer { padding-left:5vw; padding-right:25vw; } .elementSectionBackgroundPosition_var10 > .backgroundContainer > div { background-position:left; } .elementSectionBackgroundPosition_var10 > .backgroundContainer picture > img { object-position:left; } .elementSectionBackgroundPosition_var20 > .backgroundContainer { padding-left:25vw; padding-right:5vw; } .elementSectionBackgroundPosition_var20 > .backgroundContainer > div { background-position:right; } .elementSectionBackgroundPosition_var20 > .backgroundContainer picture > img { object-position:right; } .elementSectionBackgroundSize_var0 > .backgroundContainer { padding-left:12vw; padding-right:12vw; } .elementSectionBackgroundSize_var0 > .backgroundContainer > div { background-size:70%; background-position:center; } .elementSectionBackgroundSize_var10 > .backgroundContainer { padding-left:0; padding-right:0; } .elementSectionBackgroundSize_var10 > .backgroundContainer > div { background-size:100%; background-position:top; } .elementSitemap_var0 ul[data-navlevel='1'] a { text-decoration:none; display:block; font-size:calc(0vw + 18px); line-height:1.66; color:#3c3c3c; padding:0.1rem 0; } .elementSitemap_var0 ul[data-navlevel='1'] > li > a { display:block; font-size:min(30px,calc(0.6130268199vw + 19.7011494253px)); line-height:min(35px,calc(0.6896551724vw + 23.4137931034px)); color:#3c3c3c; padding:0.6rem 0; } .elementSitemap_var0 ul[data-navlevel='1'] > li > ul { padding:0 0 1.6rem 0; } .elementSitemap_var0 ul[data-navlevel='1'] > li > ul > li ul { padding:0.4rem 0 1.2rem 1.6rem; } .elementSocialButton { display:inline-block; position:relative; margin:0 1rem 0 0 !important; width:72px; height:72px; } .elementSocialButton:first-child:last-child { margin-right:0 !important; } .elementSocialButton .socialIcon { position:absolute; width:100%; height:100%; background-image:url("/weblication-wGlobal/wGlobal/layout/images/social-icons/optimized/social-icons@fill(ffffff).svg"); background-size:1000%; background-repeat:no-repeat; } .elementSocialButton .socialLink { cursor:pointer; text-decoration:none; display:block; position:absolute; top:0; left:0; width:100%; height:100%; } .elementSocialButton_var0 { position:relative; } .elementSocialButton_var0 .socialIcon { position:absolute; top:0; left:0; } .elementSocialButton_var0 .socialLink { cursor:pointer; display:block; position:absolute; top:0; left:0; width:100%; height:100%; } .elementSocialButton_var110 { position:relative; margin-bottom:0 !important; } .elementSocialButton_var110 .socialIcon { background-image:url("/weblication-wGlobal/wGlobal/layout/images/social-icons/optimized/social-icons@fill(FFFFFF).svg"); position:absolute; top:0; left:0; } .elementSocialButton_var110 .socialLink { cursor:pointer; display:block; position:absolute; top:0; left:0; width:100%; height:100%; } .elementSocialButtonType_varFacebook { background-color:transparent; } .elementSocialButtonType_varTwitter { background-color:transparent; } .elementSocialButtonType_varTwitter .socialIcon { background-image:url(/weblication-wGlobal/wGlobal/layout/images/mzv/optimized/icon-twitter.svg); background-size:100%; width:28px; height:28px; } .elementSocialButtonType_varMail { background-color:transparent; } .elementSocialButtonType_varInstagram { background-color:transparent; } .elementSocialButtonType_varInstagram .socialIcon { background-image:url(/weblication-wGlobal/wGlobal/layout/images/mzv/optimized/icon-instagram.svg); background-size:100%; width:28px; height:28px; } .elementSocialButtonType_varLinkedIn { background-color:transparent; } .elementSocialButtonType_varLinkedIn .socialIcon { background-image:url(/weblication-wGlobal/wGlobal/layout/images/mzv/optimized/icon-linkedin.svg); background-size:100%; width:25px; height:25px; } .elementSocialButtonType_varXing { background-color:transparent; } .elementSocialButtonType_varXing .socialIcon { background-image:url(/weblication-wGlobal/wGlobal/layout/images/mzv/optimized/icon-xing.svg); background-size:100%; width:22px; height:25px; } .elementSocialButtonType_varTel { background-color:transparent; } .elementSocialButtonType_varKununu { background-color:transparent; } .elementSocialButtonType_varKununu .socialIcon { background-image:url(/weblication-wGlobal/wGlobal/layout/images/mzv/optimized/icon-kununu.svg); background-size:100%; width:17px; height:25px; } .elementSocialButtonBorderRadius_var0 { border-radius:0; } .elementSocialButtonFloat_var25, .elementObjectContactPerson .elementObjectContactPersonSocialButtons .elementSocialButton { float:left; } .elementSocialButtonFloat_var75 { float:right; } .elementSocialButtonSize_var32 { width:32px; height:32px; } .elementSocialButtonSize_var36, .elementObjectContactPerson .elementObjectContactPersonSocialButtons .elementSocialButton { width:36px; height:36px; } .elementSocialButtonBackgroundColor_var99 { background:transparent; } .elementSocialButtonBackgroundColor_var99:before { background:transparent; } .elementTabContainer_var0 .tabs { width:100%; position:relative; margin:0; padding:0; display:flex; max-width:100%; flex-wrap:wrap; } .elementTabContainer_var0 .tabs > .tab { cursor:pointer; list-style:none; font-size:calc(0vw + 18px); line-height:240%; margin:0; padding:0 1rem; border:solid 1px #C4C8CE; border-left:none; background-color:rgba(60,60,60,0.08); } .isDarkBackground .elementTabContainer_var0 .tabs > .tab, .isLightBackground .isDarkBackground .elementTabContainer_var0 .tabs > .tab { background-color:rgba(255,255,255,0.1); } .isLightBackground .elementTabContainer_var0 .tabs > .tab, .isDarkBackground .isLightBackground .elementTabContainer_var0 .tabs > .tab { background-color:rgba(60,60,60,0.1); } .elementTabContainer_var0 .tabs > .tab > div { white-space:nowrap; opacity:1; } .elementTabContainer_var0 .tabs > .tab:first-child { border-left:solid 1px #C4C8CE; } .elementTabContainer_var0 .tabs > .tab:hover { background-color:transparent; } .elementTabContainer_var0 .tabs > .tab.tabSelected { cursor:default; background-color:transparent; border-bottom:none; } .isDarkBackground .elementTabContainer_var0 .tabs > .tab.tabSelected > div { color:#E6E100!important; } .elementTabContainer_var0 .tabs:before { content:''; display:block; flex-grow:0; border-bottom:solid 1px #C4C8CE; } .elementTabContainer_var0 .tabs:after { content:''; display:block; flex-grow:1; border-bottom:solid 1px #C4C8CE; } .elementTabContainer_var0 .containers { clear:left; padding:1rem; background-color:transparent; border:solid 1px #C4C8CE; border-top:none; } .elementTabContainer_var0 .containers > .containerTab { display:none; } .elementTabContainer_var0 .containers > .container { transition:opacity 0.3s ease; } .elementTabContainer_var0 .containers > .container.containerSelected { display:block; opacity:0; } .elementTabContainer_var0 .containers > .container.containerSelected.containerSelectedAfterInit { opacity:1; } .elementTabContainer_var0 .containers > .container.containerSelected > div:last-child { margin-bottom:0; } .elementTabContainer_var0 .containers > .container.containerInvisible { display:none; } .elementTabContainer_var0 .containers > .container.containerInvisible.containerInvisibleAfterInit { opacity:1; } .elementTabContainer_var0.breakChildren .tabsOuter { height:0; visibility:hidden; overflow:hidden; } .elementTabContainer_var0.breakChildren .tabsOuter > .tabs > .tab { width:100%; text-align:center; border-radius:0 !important; border-style:solid !important; border-width:1px !important; border-color:transparent !important; margin-bottom:4px !important; margin-left:0 !important; } .elementTabContainer_var0.breakChildren .containers { padding:0; border:none; } .elementTabContainer_var0.breakChildren .containers > .containerTab { display:block; position:relative; cursor:pointer; list-style:none; font-size:min(30px,calc(0.6130268199vw + 19.7011494253px)); line-height:130%; margin:0 0 1px 0; padding:10px 42px 10px 1rem; border:none; background-color:rgba(60,60,60,0.08); } .isDarkBackground .elementTabContainer_var0.breakChildren .containers > .containerTab, .isLightBackground .isDarkBackground .elementTabContainer_var0.breakChildren .containers > .containerTab { background-color:rgba(255,255,255,0.1); } .isLightBackground .elementTabContainer_var0.breakChildren .containers > .containerTab, .isDarkBackground .isLightBackground .elementTabContainer_var0.breakChildren .containers > .containerTab { background-color:rgba(60,60,60,0.1); } .elementTabContainer_var0.breakChildren .containers > .containerTab > .containerTabOpener { display:block; position:absolute; right:8px; top:8px; width:32px; height:32px; } .elementTabContainer_var0.breakChildren .containers > .containerTab > .containerTabOpener:before, .elementTabContainer_var0.breakChildren .containers > .containerTab > .containerTabOpener:after { transition:all 0.3s ease-in-out; content:''; position:absolute; margin:16px 0 0 6px; display:block; width:12px; height:2px; background-color:#3c3c3c; transform:rotate(40deg); } .elementTabContainer_var0.breakChildren .containers > .containerTab > .containerTabOpener:after { margin:16px 0 0 14px; transform:rotate(-40deg); } .elementTabContainer_var0.breakChildren .containers > .containerTab.containerTabSelected > .containerTabOpener { opacity:1; } .elementTabContainer_var0.breakChildren .containers > .containerTab.containerTabSelected > .containerTabOpener:before { transform:rotate(-40deg); } .elementTabContainer_var0.breakChildren .containers > .containerTab.containerTabSelected > .containerTabOpener:after { transform:rotate(40deg); } .elementTabContainer_var0.breakChildren .containers > .container { padding:1rem 0; background-color:transparent; border:none; } .elementTabContainer_var0.breakChildren .containers > .container.containerInvisibleAccordeon { display:none; } .elementTabContainer_var0.breakChildren[data-numberclicks='0'] .containers > .containerTab.containerTabSelected > .containerTabOpener { opacity:1; } .elementTabContainer_var0.breakChildren[data-numberclicks='0'] .containers > .containerTab.containerTabSelected > .containerTabOpener:before { transform:rotate(40deg); } .elementTabContainer_var0.breakChildren[data-numberclicks='0'] .containers > .containerTab.containerTabSelected > .containerTabOpener:after { transform:rotate(-40deg); } .elementTabContainer_var0.breakChildren[data-numberclicks='0'] .containers .container { display:none; } table { font:inherit; color:inherit; border:none; } th, td { vertical-align:top; } .elementTable_var0 { overflow-x:auto; } .elementTable_var0 table { width:100%; background-color:transparent; border-style:solid none none solid; border-width:1px; border-color:#89929e; margin-bottom:12px; border-collapse:collapse; } .elementTable_var0 table thead tr { background-color:#89929e !important; } .elementTable_var0 table th { position:relative; border-style:none solid solid none; border-width:1px; border-color:#89929e; padding:4px 8px; text-align:left; color:#FFFFFF; user-select:none; } .elementTable_var0 table th .tableSortIcon { display:none; position:absolute; right:4px; top:6px; } .elementTable_var0 table th .tableSortIcon span { position:absolute; display:block; right:0; width:5px; height:5px; border:solid 5px transparent; opacity:0.2; } .elementTable_var0 table th .tableSortIcon span:first-child { border-bottom-color:#FFFFFF; } .elementTable_var0 table th .tableSortIcon span:last-child { top:12px; border-top-color:#FFFFFF; } .elementTable_var0 table th[data-sort-status='init'] { cursor:pointer; } .elementTable_var0 table th[data-sort-status='init'] .tableSortIcon { display:block; } .elementTable_var0 table th[data-sort-status='asc'] { cursor:pointer; } .elementTable_var0 table th[data-sort-status='asc'] .tableSortIcon { display:block; } .elementTable_var0 table th[data-sort-status='asc'] .tableSortIcon span:first-child { opacity:1; } .elementTable_var0 table th[data-sort-status='desc'] { cursor:pointer; } .elementTable_var0 table th[data-sort-status='desc'] .tableSortIcon { display:block; } .elementTable_var0 table th[data-sort-status='desc'] .tableSortIcon span:last-child { opacity:1; } .elementTable_var0 table td { border-style:none solid solid none; border-width:1px; border-color:#89929e; padding:4px 8px; } .elementTable_var0 table td[data-wrap-output='yes'] { white-space:pre; } .elementTable_var0 tr.highlighted, .elementTable_var0 th.highlighted, .elementTable_var0 td.highlighted { background-color:#F0F0F0; } .elementTable_var0 td.bgColor1, .elementTable_var0 th.bgColor1 { background-color:#F0F0F0; } @media (max-width: 575px) { .elementTable_var0 table[data-responsivetype='labelValue'] { border-style:none; border-top:solid 2px #3c3c3c; } .elementTable_var0 table[data-responsivetype='labelValue'] colgroup, .elementTable_var0 table[data-responsivetype='labelValue'] thead { display:none; } .elementTable_var0 table[data-responsivetype='labelValue'] tbody tr { display:block; } .elementTable_var0 table[data-responsivetype='labelValue'] tbody td { display:flex; padding:0; border-style:none none solid none; border-color:rgba(137,146,158,0.5); line-height:180%; } .elementTable_var0 table[data-responsivetype='labelValue'] tbody td:last-child { border-color:#3c3c3c; border-width:2px; } .elementTable_var0 table[data-responsivetype='labelValue'] tbody td:before { content:attr(data-label); display:inline-block; width:40%; margin-right:1rem; padding-right:1rem; text-align:right; background-color:#89929e !important; color:#FFFFFF; } .elementTable_var0 table[data-responsivetype='labelValue'] tbody td:first-child[data-label=''] { padding-left:0.5rem; font-weight:bold; background:#89929e; color:#FFFFFF; } .elementTable_var0 table[data-responsivetype='labelValue'] tbody td:first-child[data-label='']:before { display:none; } } .elementText, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonText, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments { position:static; } .elementText p, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonText p, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks p, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress p, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments p { margin-bottom:30px; } .elementText p.hasOnlyATag + .hasOnlyATag, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonText p.hasOnlyATag + .hasOnlyATag, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks p.hasOnlyATag + .hasOnlyATag, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress p.hasOnlyATag + .hasOnlyATag, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments p.hasOnlyATag + .hasOnlyATag { margin-top:-22.5px; } .elementText ol, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonText ol, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks ol, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress ol, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments ol { margin:0 0 30px 0; padding:0 0 0 1.8rem; } .elementText ul, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonText ul, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks ul, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress ul, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments ul { margin:0 0 30px 21px; padding:0 0 0 0; list-style:disc; display:inline-block; } .elementText ul > li, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonText ul > li, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks ul > li, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress ul > li, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments ul > li { position:relative; } .elementText ul > li:before, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonText ul > li:before, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks ul > li:before, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress ul > li:before, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments ul > li:before { position:static; } .isWhiteBackground .elementText ul > li::marker, .isWhiteBackground .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonText ul > li::marker, .isWhiteBackground .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks ul > li::marker, .isWhiteBackground .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress ul > li::marker, .isWhiteBackground .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments ul > li::marker { color:#E6E100; } .isDarkBackground .elementText ul li:before,.isDarkBackground .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonText ul li:before,.isDarkBackground .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks ul li:before,.isDarkBackground .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress ul li:before,.isDarkBackground .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments ul li:before, .isLightBackground .isDarkBackground .elementText ul li:before, .isLightBackground .isDarkBackground .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonText ul li:before, .isLightBackground .isDarkBackground .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks ul li:before, .isLightBackground .isDarkBackground .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress ul li:before, .isLightBackground .isDarkBackground .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments ul li:before, .isInverseBackground .elementText ul li:before, .isInverseBackground .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonText ul li:before, .isInverseBackground .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks ul li:before, .isInverseBackground .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress ul li:before, .isInverseBackground .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments ul li:before, .isLightBackground .isInverseBackground .elementText ul li:before, .isLightBackground .isInverseBackground .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonText ul li:before, .isLightBackground .isInverseBackground .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks ul li:before, .isLightBackground .isInverseBackground .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress ul li:before, .isLightBackground .isInverseBackground .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments ul li:before { background-image:url("/weblication-wGlobal/wGlobal/layout/images/icons/optimized/list-style-image@stroke(FFFFFF).svg"); } .elementText ul ul, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonText ul ul, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks ul ul, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress ul ul, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments ul ul, .elementText ol ol, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonText ol ol, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks ol ol, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress ol ol, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments ol ol, .elementText ul ol, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonText ul ol, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks ul ol, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress ul ol, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments ul ol, .elementText ol ul, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonText ol ul, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks ol ul, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress ol ul, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments ol ul { margin:0 0 0 1rem; display:block; } .weditor.ie11 .elementText ul,.weditor.ie11 .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonText ul,.weditor.ie11 .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks ul,.weditor.ie11 .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress ul,.weditor.ie11 .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments ul { padding-left:1.5rem; display:block; list-style:disc; } .weditor.ie11 .elementText ul > li,.weditor.ie11 .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonText ul > li,.weditor.ie11 .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks ul > li,.weditor.ie11 .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress ul > li,.weditor.ie11 .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments ul > li { margin:0; padding:0; } .weditor.ie11 .elementText ul > li:before,.weditor.ie11 .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonText ul > li:before,.weditor.ie11 .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks ul > li:before,.weditor.ie11 .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress ul > li:before,.weditor.ie11 .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments ul > li:before { display:none; } .elementText ol.alignCenter, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonText ol.alignCenter, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks ol.alignCenter, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress ol.alignCenter, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments ol.alignCenter, .elementText ul.alignCenter, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonText ul.alignCenter, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks ul.alignCenter, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress ul.alignCenter, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments ul.alignCenter { display:block; } .elementText ol.alignCenter > li:before, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonText ol.alignCenter > li:before, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks ol.alignCenter > li:before, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress ol.alignCenter > li:before, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments ol.alignCenter > li:before, .elementText ul.alignCenter > li:before, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonText ul.alignCenter > li:before, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks ul.alignCenter > li:before, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress ul.alignCenter > li:before, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments ul.alignCenter > li:before { position:static; } .elementText > *:first-child, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonText > *:first-child, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks > *:first-child, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress > *:first-child, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments > *:first-child { padding-top:0; } .elementText > *:last-child, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonText > *:last-child, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks > *:last-child, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress > *:last-child, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments > *:last-child { margin-bottom:0; } .elementText + .elementText, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonText + .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonText, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks + .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress + .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments + .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments { margin-top:0px; } .elementText_var10 p, .elementText_var10 li, .elementText_var10 a { color:#3c3c3c; font-size:calc(0vw + 18px); line-height:1.66; } .elementText_var10 p a:before, .elementText_var10 li a:before, .elementText_var10 a a:before { margin-top:1px; } .isDarkBackground .elementText_var10 p, .isDarkBackground .elementText_var10 li, .isDarkBackground .elementText_var10 a { color:#FFFFFF !important; } .elementText_var10 ul > li:before { margin:3px 2px 0; width:calc(0vw + 18px); height:calc(0vw + 18px); } .elementText_var50 { margin-bottom:30px; } .elementText_var50 p, .elementText_var50 p *, .elementText_var50 li, .elementText_var50 li * { font-weight:normal; font-size:min(30px,calc(0.6130268199vw + 19.7011494253px)); line-height:min(35px,calc(0.6896551724vw + 23.4137931034px)); } .elementVideo { display:block; position:relative; } .elementVideo > div { position:relative; } .elementVideo > div[data-notyetstarted="1"]:before, .elementVideo > div[data-finished="1"]:before { content:''; pointer-events:none; display:block; position:absolute; top:50%; left:50%; margin:-32px 0 0 -32px; width:64px; height:64px; background:rgba(0,0,0,0.1); border-radius:50%; border:solid 2px rgba(255,255,255,1); box-shadow:0 0 10px -1px rgba(0,0,0,0.2); } .elementVideo > div[data-notyetstarted="1"]:after, .elementVideo > div[data-finished="1"]:after { content:''; pointer-events:none; display:block; position:absolute; top:50%; left:50%; margin:-16px 0 0 -10px; width:auto; height:auto; border:solid 16px transparent; border-left:solid 28px rgba(255,255,255,1); } .elementVideo > div > video { display:block; max-width:100%; width:100%; margin:0; padding:0; object-fit:cover; } .elementVideo > div > a.videoLightboxLink { display:block; } .elementVideo > div > a.videoLightboxLink img { display:block; width:100%; } .elementVideo > div .videoControls { opacity:0; position:absolute; bottom:0; width:100%; height:32px; background:#666666; transition:opacity 0.3s linear; } .elementVideo > div .videoControls button { display:none; position:absolute; background:none; border:none; font-size:0; width:32px; height:32px; margin:0; padding:0; background-image:url("/weblication-wGlobal/wGlobal/layout/images/icons/video-controls.svg"); } .elementVideo > div .videoControls button:focus { outline:none; } .elementVideo > div .videoControls input { display:none; position:absolute; background:none; border:none; font-size:11px; height:32px; margin:0; padding:0; width:100%; background:transparent; -webkit-appearance:none; } .elementVideo > div .videoControls input:focus { outline:none; } .elementVideo > div .videoControls input::-webkit-slider-runnable-track { width:100%; height:4px; border-radius:2px; padding:0; margin:0; border:none; background:rgba(255,255,255,0.7); color:transparent; } .elementVideo > div .videoControls input::-moz-range-track { width:100%; height:4px; border-radius:2px; padding:0; margin:0; border:none; background:rgba(255,255,255,0.7); color:transparent; } .elementVideo > div .videoControls input::-ms-track { width:100%; height:4px; border-radius:2px; padding:0; margin:0; border:none; background:rgba(255,255,255,0.7); border-color:transparent; color:transparent; } .elementVideo > div .videoControls input::-webkit-slider-thumb { -webkit-appearance:none; margin:-4px 0 0 0; padding:0; width:12px; height:12px; border:none; border-radius:6px; background:#ffffff; } .elementVideo > div .videoControls input::-moz-range-thumb { width:12px; height:12px; border:none; border-radius:6px; background:#ffffff; } .elementVideo > div .videoControls input::-ms-thumb { width:12px; height:12px; border:none; border-radius:6px; background:#ffffff; } .elementVideo > div .videoControls .buttonPlay { display:block; left:0; } .elementVideo > div .videoControls .buttonMute { display:block; right:0; background-position:-96px; } .elementVideo > div .videoControls .buttonFullscreen { display:block; right:0; background-position:-64px; } .elementVideo > div .videoControls .buttonSubtitle { opacity:0.5; display:block; right:64px; background-position:-160px; } .elementVideo > div .videoControls .seekBar { display:block; left:36px; width:calc(100% - 168px); } .elementVideo > div .videoControls[data-hassubtitle='1'] .seekBar { width:calc(100% - 200px); } .elementVideo > div .videoControls .timeDisplay { position:absolute; color:#ffffff; display:block; right:64px; width:64px; line-height:32px; text-align:center; font-weight:normal; font-size:14px; } .elementVideo > div .videoControls[data-hassubtitle='1'] .timeDisplay { right:96px; } .elementVideo > div .videoControls .volumeBar { display:none; } .elementVideo > div .videoControls .groupVolume { position:absolute; right:32px; } .elementVideo > div .videoControls .groupVolume:hover .volumeBar { display:block; transform:rotate(-90deg); width:72px; position:absolute; right:0px; bottom:74px; background:#666666; padding:0 6px; transform-origin:100% 100%; } .elementVideo > div[data-paused='0'] .videoControls { opacity:0; } .elementVideo > div[data-paused='0'] .buttonPlay { background-position:-32px; } .elementVideo > div[data-muted='0'] .buttonMute { background-position:-128px; } .elementVideo > div[data-subtitleactive='0'] .buttonSubtitle { opacity:1; } .elementVideo > div:hover .videoControls, .elementVideo > div:focus .videoControls { opacity:1; } @media (max-width: 575px) { .elementVideo .listEntry { cursor:pointer; border-bottom:solid 1px #C4C8CE; } .elementVideo .listEntryInner:after { display:table; overflow:hidden; visibility:hidden; clear:both; content:"."; height:0; font-size:0; line-height:0; } .elementVideo .listEntryImage { display:block; float:left; position:relative; width:2.4rem; height:2.4rem; vertical-align:middle; transition:all 0.3s linear; } .elementVideo .listEntryImage:before { content:''; pointer-events:none; display:block; position:absolute; top:50%; left:50%; margin:-12px 0 0 -12px; width:24px; height:24px; background:rgba(255,255,255,0.8); border:solid 2px rgba(0,0,0,0.8); border-radius:50%; } .elementVideo .listEntryImage:after { content:''; pointer-events:none; display:block; position:absolute; top:50%; left:50%; margin:-6px 0 0 -3px; width:auto; height:auto; border:solid 6px transparent; border-left:solid 10px rgba(0,0,0,0.8); } .elementVideo .listEntryImage picture { display:none; } .elementVideo .listEntryTitle { display:block; font-size:calc(0vw + 18px); padding:0.4rem 0.3rem 0 0.5rem; vertical-align:middle; white-space:normal; } .elementVideo .listEntrySelected .listEntryImage { opacity:0.5; } } @media (min-width: 576px) { .elementVideo .listEntriesPreview { position:relative; overflow:hidden; margin:12px auto 0 auto; width:100%; background-color:transparent; border-top:solid 1px #C4C8CE; } .elementVideo .listEntriesPreview .listEntriesPreviewInner { margin:12px 0px; position:relative; overflow:hidden; text-align:center; display:flex; max-width:calc(100% - 64px); margin-left:32px; } .elementVideo .listEntriesPreview .listEntriesPreviewInner > div { white-space:nowrap; display:inline-block; } .elementVideo .listEntriesPreview .listEntry { display:inline-block; vertical-align:top; cursor:pointer; padding:0; margin:0 12px 0 0; } .elementVideo .listEntriesPreview .listEntry:last-child { margin:0; } .elementVideo .listEntriesPreview .listEntryInner { width:120px; overflow:hidden; } .elementVideo .listEntriesPreview .listEntry a { text-decoration:none; } .elementVideo .listEntriesPreview .pictureZoomer { display:none; } .elementVideo .listEntriesPreview .listEntryImage { width:120px; display:block; position:relative; transition:all 0.3s linear; } .elementVideo .listEntriesPreview .listEntryImage:empty { height:90px; background:#F0F0F0; } .elementVideo .listEntriesPreview .listEntryImage:before { content:''; pointer-events:none; display:block; position:absolute; top:50%; left:50%; margin:-16px 0 0 -16px; width:32px; height:32px; background:rgba(0,0,0,0.1); border-radius:50%; border:solid 2px rgba(255,255,255,1); box-shadow:0 0 10px -1px rgba(0,0,0,0.2); } .elementVideo .listEntriesPreview .listEntryImage:after { content:''; pointer-events:none; display:block; position:absolute; top:50%; left:50%; margin:-8px 0 0 -5px; width:auto; height:auto; border:solid 8px transparent; border-left:solid 14px rgba(255,255,255,1); } .elementVideo .listEntriesPreview .listEntryImage img { max-width:100%; display:block; } .elementVideo .listEntriesPreview .listEntryTitle { font-size:0.7rem; padding:0.3rem 0; line-height:1.66; white-space:normal; } .elementVideo .listEntriesPreview .listEntrySelected .listEntryImage:before, .elementVideo .listEntriesPreview .listEntrySelected .listEntryImage:after { opacity:0; } .elementVideo .listEntriesPreview .listMoverBack, .elementVideo .listEntriesPreview .listMoverForward { cursor:pointer; position:absolute; right:0; top:0; height:calc(100% - 4px); width:24px; margin-left:0; z-index:2; transition:all 0.1s linear; background-color:transparent; } .elementVideo .listEntriesPreview .listMoverBack:hover, .elementVideo .listEntriesPreview .listMoverForward:hover { transform:scale(1.1); } .elementVideo .listEntriesPreview .listMoverBack > span, .elementVideo .listEntriesPreview .listMoverForward > span { height:100%; display:block; } .elementVideo .listEntriesPreview .listMoverBack > span:before, .elementVideo .listEntriesPreview .listMoverBack > span:after, .elementVideo .listEntriesPreview .listMoverForward > span:before, .elementVideo .listEntriesPreview .listMoverForward > span:after { transition:all 0.3s ease-in-out; content:''; position:absolute; top:calc(50% - 8px); margin:0 0 0 0; display:block; width:15px; height:0; border-bottom:solid 1px #3c3c3c; } .elementVideo .listEntriesPreview .listMoverBack > span:after, .elementVideo .listEntriesPreview .listMoverForward > span:after { margin-top:11px; } .elementVideo .listEntriesPreview .listMoverBack > span:nth-child(2), .elementVideo .listEntriesPreview .listMoverForward > span:nth-child(2) { display:none; } .elementVideo .listEntriesPreview .listMoverBack.inactive, .elementVideo .listEntriesPreview .listMoverForward.inactive { cursor:default; } .elementVideo .listEntriesPreview .listMoverBack.inactive > span:before, .elementVideo .listEntriesPreview .listMoverBack.inactive > span:after, .elementVideo .listEntriesPreview .listMoverForward.inactive > span:before, .elementVideo .listEntriesPreview .listMoverForward.inactive > span:after { opacity:0.3; } .elementVideo .listEntriesPreview .listMoverBack { left:0; } .elementVideo .listEntriesPreview .listMoverBack > span:before, .elementVideo .listEntriesPreview .listMoverBack > span:after { left:4px; } .elementVideo .listEntriesPreview .listMoverBack > span:before { transform:rotate(-50deg); } .elementVideo .listEntriesPreview .listMoverBack > span:after { transform:rotate(50deg); } .elementVideo .listEntriesPreview .listMoverForward { right:0; } .elementVideo .listEntriesPreview .listMoverForward > span:before, .elementVideo .listEntriesPreview .listMoverForward > span:after { right:4px; } .elementVideo .listEntriesPreview .listMoverForward > span:before { transform:rotate(50deg); } .elementVideo .listEntriesPreview .listMoverForward > span:after { transform:rotate(-50deg); } } .elementVideo_var0 > div[data-notyetstarted="1"]:before, .elementVideo_var0 > div[data-finished="1"]:before { content:''; pointer-events:none; display:block; position:absolute; top:50%; left:50%; margin:-32px 0 0 -32px; width:64px; height:64px; background:rgba(0,0,0,0.1); border-radius:50%; border:solid 2px rgba(255,255,255,1); box-shadow:0 0 10px -1px rgba(0,0,0,0.2); } .elementVideo_var0 > div[data-notyetstarted="1"]:after, .elementVideo_var0 > div[data-finished="1"]:after { content:''; pointer-events:none; display:block; position:absolute; top:50%; left:50%; margin:-16px 0 0 -10px; width:auto; height:auto; border:solid 16px transparent; border-left:solid 28px rgba(255,255,255,1); } .elementVideoExternal { display:table; width:100%; padding-bottom:56.25%; height:0; overflow:hidden; position:relative; } .elementVideoExternal > div { position:static; } .elementVideoExternal iframe, .elementVideoExternal object, .elementVideoExternal embed { position:absolute; top:0; left:0; width:100%; height:100%; border:none; } .elementVideoExternal .splashscreen { position:absolute; cursor:pointer; width:100%; height:100%; background-size:cover; background-color:#F0F0F0; } .elementVideoExternal .splashscreen .buttonStart { position:absolute; width:75px; height:75px; background:#E6E100; border-radius:37.5px; left:calc(50% - (75px / 2)); top:calc(50% - (75px / 2)); transform:scale(.9); transition:transform 500ms ease; } .elementVideoExternal .splashscreen .buttonStart:before { content:''; position:absolute; width:21px; height:24px; left:50%; top:50%; transform:translate(-50%,-50%); background:url(/weblication-wGlobal/wGlobal/layout/images/mzv/optimized/icon-play.svg) no-repeat 0 0; background-size:contain; background-position:center; } .elementVideoExternal .splashscreen.splashscreenVimeo .buttonStart { background:#E6E100; } .elementVideoExternal .splashscreen:hover .buttonStart { transform:scale(1); } .weditor:not(.wpreview) .elementVideoExternal { padding-bottom:0; height:auto; } .elementVideoExternal .startNotice { position:absolute; bottom:0; background:rgba(255,255,255,0.5); width:100%; padding:0.5rem; font-size:0.9rem; line-height:130%; color:#3c3c3c; } .elementVideoExternal .startNotice #buttonEditStartNotice { position:absolute; top:4px; right:4px; } .wEditorObjectConfiguration { background:#f0f0f0; padding:2rem; } .wEditorObjectConfiguration .webtagTextEditorWysiwyg { background:#ffffff; } .wEditorObjectConfiguration .maskHeadline_h1 { font-size:36px; } .wEditorObjectConfiguration .maskHeadline_h2 { font-size:29px; } .wEditorObjectConfiguration .maskHeadline_h3 { font-size:23px; } .wEditorObjectConfiguration .maskHeadline_h4 { font-size:17px; } .wEditorObjectConfiguration .maskHeadline_h5 { font-size:13px; } .isInLightbox .elementSectionObjectContactPerson { padding:2rem 2rem; } .elementObjectContactPerson.elementObjectContactPersonElement { background:#FFFFFF; padding:1.4rem; border:solid 1px #3c3c3c; } .elementObjectContactPerson .elementObjectContactPersonPicture { float:left; width:240px; max-width:33%; margin-right:2rem; } .col .elementObjectContactPerson .elementObjectContactPersonPicture { width:100%; max-width:none; margin-right:0; } #blockRight .elementObjectContactPerson .elementObjectContactPersonPicture { width:100%; max-width:none; margin-right:0; } .elementObjectContactPerson .elementObjectContactPersonSocialButtons { margin:-0.4rem 0 0.4rem 0; } .elementObjectContactPerson .elementObjectContactPersonSocialButtons .elementSocialButton { margin:0.4rem; } .elementObjectContactPerson .elementObjectContactPersonData { float:left; } .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonTitle { font-size:min(30px,calc(0.6130268199vw + 19.7011494253px)); margin:0; } .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonTitle h1 { font-size:min(50px,calc(1.2260536398vw + 29.4022988506px)); margin:0; } .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDegree { display:inline-block; } .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonPosition { display:inline-block; } .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDegree + .elementObjectContactPersonPosition:before { content:'- '; } .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments { margin-bottom:0.8rem; } .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress { margin-bottom:0.8rem; } .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress > a { display:block; } .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks > a { display:block; } .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard > a { white-space:nowrap; } .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard > a:before { display:none; } .elementObjectContactPerson .elementObjectContactPersonData > div:last-child { margin-bottom:0; } .elementObjectContactPerson .elementObjectContactPersonData:last-child { margin-bottom:0; } .elementObjectContactPerson .elementObjectContactPersonText { margin-bottom:0; clear:both; } .elementObjectContactPerson .elementObjectContactPersonText > p:last-child { margin-bottom:0; } .elementSectionObjectNews { padding-bottom:1rem; } .elementSectionObjectNews .elementLinkBack { display:none; } .elementSectionObjectNewsAfter { margin-top:0; padding-top:1rem; } /* Die Objektvarianten werden vor allem in der listBannerSlider.scss genutzt, indem Einträge um die Klasse ergänzt und so speziell formatiert werden können. In dieser Datei werden lediglich die auswählbaren Varianten definiert, um in der Objektmaske zur Auswahl zu erscheinen. Beispiel: wandamp.listEntryObject-slide_var1 { .listEntryInfoLayer { text-align:right; } } */ .listBannerSlider[data-numberentries='1'] .listMoverBack, .listBannerSlider[data-numberentries='1'] .listMoverForward { display:none !important; } .listBannerSlider .listEntryOfEntries { text-align:right; font-size:0px; line-height:2; padding:0 6px 0 0; } .listBannerSlider .listEntryOfEntries .listEntryOfEntriesEntries:before { content:'/'; padding:0 4px; } .listBannerSlider .listEntryCopyright { position:absolute; right:0; bottom:0; padding:0 0.3rem; font-size:calc(0vw + 18px); line-height:1.66; color:#3c3c3c; background:#FFFFFF; } .listBannerSlider .listEntryInfoLayer .listEntryDescription { font-size:min(34px,calc(1.2260536398vw + 13.4022988506px)); line-height:min(48px,calc(1.3793103448vw + 24.8275862069px)); } .listBannerSlider_var0 { position:relative; overflow:visible; } .listBannerSlider_var0 .listEntries { width:100%; height:100%; position:relative; overflow:hidden; margin:0 auto; } .listBannerSlider_var0 .listEntries .listEntriesInner { height:100%; } .listBannerSlider_var0 .listEntries .listEntry { display:none; overflow:hidden; width:100%!important; } .listBannerSlider_var0 .listEntries .listEntry .listEntryInner { position:relative; } .listBannerSlider_var0 .listEntries .listEntry a { text-decoration:none; color:inherit; } .listBannerSlider_var0 .listEntries .listEntry .listEntryButtons { position:absolute; top:26px; right:0; } .listBannerSlider_var0 .listEntries .listEntry .listEntryImage { display:block; } .listBannerSliderPictureAspectRatio_var20.listBannerSlider_var0 .listEntries .listEntry .listEntryImage,.listBannerSliderPictureAspectRatio_var20_15.listBannerSlider_var0 .listEntries .listEntry .listEntryImage { height:0; padding-bottom:50%; } .listBannerSliderPictureAspectRatio_var30.listBannerSlider_var0 .listEntries .listEntry .listEntryImage,.listBannerSliderPictureAspectRatio_var30_15.listBannerSlider_var0 .listEntries .listEntry .listEntryImage { height:0; padding-bottom:33.333%; } .listBannerSliderPictureAspectRatio_var40.listBannerSlider_var0 .listEntries .listEntry .listEntryImage,.listBannerSliderPictureAspectRatio_var40_15.listBannerSlider_var0 .listEntries .listEntry .listEntryImage { height:0; padding-bottom:25%; } .listBannerSliderPictureAspectRatio_var50.listBannerSlider_var0 .listEntries .listEntry .listEntryImage,.listBannerSliderPictureAspectRatio_var50_15.listBannerSlider_var0 .listEntries .listEntry .listEntryImage { height:0; padding-bottom:20%; } .listBannerSlider_var0 .listEntries .listEntry .listEntryImage img { width:100%; } .listBannerSlider_var0 .listEntries .listEntry .listEntryVideo { display:block; width:100%; height:auto; } .listBannerSlider_var0 .listEntries .listEntry.listEntrySelected { display:block; } .listBannerSlider_var0 .listEntries .listMoverBack, .listBannerSlider_var0 .listEntries .listMoverForward { cursor:pointer; position:absolute; right:0; top:0; width:60px; margin-left:0; height:100%; z-index:2; transition:all 0.1s linear; background-color:transparent; outline:0; } .listBannerSlider_var0 .listEntries .listMoverBack:hover, .listBannerSlider_var0 .listEntries .listMoverForward:hover { transform:scale(1.1); } .listBannerSlider_var0 .listEntries .listMoverBack > span, .listBannerSlider_var0 .listEntries .listMoverForward > span { height:100%; display:block; } .listBannerSlider_var0 .listEntries .listMoverBack > span:before, .listBannerSlider_var0 .listEntries .listMoverBack > span:after, .listBannerSlider_var0 .listEntries .listMoverForward > span:before, .listBannerSlider_var0 .listEntries .listMoverForward > span:after { transition:all 0.3s ease-in-out; content:''; position:absolute; top:calc(50% - 12px); margin:0 0 0 0; display:block; width:24px; height:4px; background-color:#FFFFFF; box-shadow:0 0 2px 0 #C4C8CE; } .listBannerSlider_var0 .listEntries .listMoverBack > span:after, .listBannerSlider_var0 .listEntries .listMoverForward > span:after { margin-top:16px; } .listBannerSlider_var0 .listEntries .listMoverBack > span:nth-child(2):before, .listBannerSlider_var0 .listEntries .listMoverForward > span:nth-child(2):before { box-shadow:none; outline:none; } .listBannerSlider_var0 .listEntries .listMoverBack > span:nth-child(2):after, .listBannerSlider_var0 .listEntries .listMoverForward > span:nth-child(2):after { display:none; } .listBannerSlider_var0 .listEntries .listMoverBack { left:0; } .listBannerSlider_var0 .listEntries .listMoverBack > span:before, .listBannerSlider_var0 .listEntries .listMoverBack > span:after { left:16px; } .listBannerSlider_var0 .listEntries .listMoverBack > span:before { transform:rotate(-50deg); } .listBannerSlider_var0 .listEntries .listMoverBack > span:after { transform:rotate(50deg); } .listBannerSlider_var0 .listEntries .listMoverForward { right:0; } .listBannerSlider_var0 .listEntries .listMoverForward > span:before, .listBannerSlider_var0 .listEntries .listMoverForward > span:after { right:16px; } .listBannerSlider_var0 .listEntries .listMoverForward > span:before { transform:rotate(50deg); } .listBannerSlider_var0 .listEntries .listMoverForward > span:after { transform:rotate(-50deg); } .listBannerSlider_var0 .listEntries .listAnimationControls { position:absolute; right:16px; bottom:16px; display:none; z-index:2; } .listBannerSlider_var0 .listEntries .listAnimationControls .listAnimationStart { display:none; width:24px; height:24px; } .listBannerSlider_var0 .listEntries .listAnimationControls .listAnimationStart:before { content:''; display:block; position:absolute; width:24px; height:24px; border:solid 12px transparent; border-left:solid 20px #FFFFFF; } .listBannerSlider_var0 .listEntries .listAnimationControls .listAnimationPause { display:none; width:24px; height:24px; } .listBannerSlider_var0 .listEntries .listAnimationControls .listAnimationPause:before { content:''; display:block; position:absolute; width:10px; height:24px; background-color:#FFFFFF; } .listBannerSlider_var0 .listEntries .listAnimationControls .listAnimationPause:after { content:''; display:block; position:absolute; left:14px; width:10px; height:24px; background-color:#FFFFFF; } .listBannerSlider_var0[data-hasanimation='1'] .listAnimationControls { display:block !important; } .listBannerSlider_var0[data-animation-active='1'] .listAnimationPause { display:block !important; } .listBannerSlider_var0[data-animation-active='0'] .listAnimationStart { display:block !important; } @media (max-width: calc(993px - 1px)) { .listBannerSliderPictureAspectRatio_var20_15.listBannerSlider_var0 .listEntries .listEntry .listEntryImage,.listBannerSliderPictureAspectRatio_var30_15.listBannerSlider_var0 .listEntries .listEntry .listEntryImage,.listBannerSliderPictureAspectRatio_var40_15.listBannerSlider_var0 .listEntries .listEntry .listEntryImage,.listBannerSliderPictureAspectRatio_var50_15.listBannerSlider_var0 .listEntries .listEntry .listEntryImage { height:0; padding-bottom:66.666%; } } .listBannerSlider_var100 { position:relative; overflow:visible; } .listBannerSlider_var100 .listEntries { width:100%; height:100%; position:relative; overflow:hidden; margin:0 auto; } .listBannerSlider_var100 .listEntries .listEntriesInner { height:100%; } .listBannerSlider_var100 .listEntries .listEntry { display:none; overflow:hidden; height:100vh; width:100%; } .listBannerSlider_var100 .listEntries .listEntry .listEntryInner { position:relative; height:100%; } .listBannerSlider_var100 .listEntries .listEntry .listEntryBackgroundContainer { height:100%; } .listBannerSlider_var100 .listEntries .listEntry .listEntryBackgroundContainer video { height:100%; width:100%; object-fit:cover; } .listBannerSlider_var100 .listEntries .listEntry .listEntryBackgroundContainer > div { height:100%; background-size:cover; background-position:center; } .listBannerSlider_var100 .listEntries .listEntry .listEntryBackgroundContainer > picture { height:100% !important; } .listBannerSlider_var100 .listEntries .listEntry .listEntryBackgroundContainer > picture > img { height:100%; width:100%; object-fit:cover; min-height:calc(45.0574712644vw + 143.0344827586px); } .listBannerSlider_var100 .listEntries .listEntry a { text-decoration:none; color:inherit; } .listBannerSlider_var100 .listEntries .listEntry .listEntryButtons { position:absolute; top:26px; right:0; } .listBannerSlider_var100 .listEntries .listEntry .listEntryImage { display:block; } .listBannerSlider_var100 .listEntries .listEntry .listEntryVideo { display:block; width:100%; height:auto; } .listBannerSlider_var100 .listEntries .listEntry.listEntrySelected { display:block; } .listBannerSlider_var100 .listEntries .listMoverBack, .listBannerSlider_var100 .listEntries .listMoverForward { cursor:pointer; position:absolute; right:0; top:0; width:60px; margin-left:0; height:100%; z-index:2; transition:all 0.1s linear; background-color:transparent; outline:0; } .listBannerSlider_var100 .listEntries .listMoverBack:hover, .listBannerSlider_var100 .listEntries .listMoverForward:hover { transform:scale(1.1); } .listBannerSlider_var100 .listEntries .listMoverBack > span, .listBannerSlider_var100 .listEntries .listMoverForward > span { height:100%; display:block; } .listBannerSlider_var100 .listEntries .listMoverBack > span:before, .listBannerSlider_var100 .listEntries .listMoverBack > span:after, .listBannerSlider_var100 .listEntries .listMoverForward > span:before, .listBannerSlider_var100 .listEntries .listMoverForward > span:after { transition:all 0.3s ease-in-out; content:''; position:absolute; top:calc(50% - 12px); margin:0 0 0 0; display:block; width:24px; height:4px; background-color:#FFFFFF; box-shadow:0 0 2px 0 #C4C8CE; } .listBannerSlider_var100 .listEntries .listMoverBack > span:after, .listBannerSlider_var100 .listEntries .listMoverForward > span:after { margin-top:16px; } .listBannerSlider_var100 .listEntries .listMoverBack > span:nth-child(2):before, .listBannerSlider_var100 .listEntries .listMoverForward > span:nth-child(2):before { box-shadow:none; outline:none; } .listBannerSlider_var100 .listEntries .listMoverBack > span:nth-child(2):after, .listBannerSlider_var100 .listEntries .listMoverForward > span:nth-child(2):after { display:none; } .listBannerSlider_var100 .listEntries .listMoverBack { left:0; } .listBannerSlider_var100 .listEntries .listMoverBack > span:before, .listBannerSlider_var100 .listEntries .listMoverBack > span:after { left:16px; } .listBannerSlider_var100 .listEntries .listMoverBack > span:before { transform:rotate(-50deg); } .listBannerSlider_var100 .listEntries .listMoverBack > span:after { transform:rotate(50deg); } .listBannerSlider_var100 .listEntries .listMoverForward { right:0; } .listBannerSlider_var100 .listEntries .listMoverForward > span:before, .listBannerSlider_var100 .listEntries .listMoverForward > span:after { right:16px; } .listBannerSlider_var100 .listEntries .listMoverForward > span:before { transform:rotate(50deg); } .listBannerSlider_var100 .listEntries .listMoverForward > span:after { transform:rotate(-50deg); } @media (max-width: 991px) { .listBannerSlider_var100 .listEntries .listEntry { height:calc(100vh - var(--vh-offset, 0px)); } } @media (min-width: 992px) { .listBannerSlider_var100 .listEntries .listEntry { height:100vh; } } .listBannerSlider_var1 { position:relative; overflow:visible; } .listBannerSlider_var1 .listEntries { width:100%; height:100%; position:relative; overflow:hidden; margin:0 auto; z-index:3; } .listBannerSlider_var1 .listEntries .listEntriesInner { height:100%; } .listBannerSlider_var1 .listEntries .listEntry { display:none; overflow:hidden; } .listBannerSlider_var1 .listEntries .listEntry .listEntryInner { position:relative; } .listBannerSlider_var1 .listEntries .listEntry a { text-decoration:none; color:inherit; } .listBannerSlider_var1 .listEntries .listEntry .listEntryButtons { position:absolute; top:26px; right:0; } .listBannerSlider_var1 .listEntries .listEntry .listEntryImage { display:block; } .listBannerSliderPictureAspectRatio_var20.listBannerSlider_var1 .listEntries .listEntry .listEntryImage,.listBannerSliderPictureAspectRatio_var20_15.listBannerSlider_var1 .listEntries .listEntry .listEntryImage { height:0; padding-bottom:50%; } .listBannerSliderPictureAspectRatio_var30.listBannerSlider_var1 .listEntries .listEntry .listEntryImage,.listBannerSliderPictureAspectRatio_var30_15.listBannerSlider_var1 .listEntries .listEntry .listEntryImage { height:0; padding-bottom:33.333%; } .listBannerSliderPictureAspectRatio_var40.listBannerSlider_var1 .listEntries .listEntry .listEntryImage,.listBannerSliderPictureAspectRatio_var40_15.listBannerSlider_var1 .listEntries .listEntry .listEntryImage { height:0; padding-bottom:25%; } .listBannerSliderPictureAspectRatio_var50.listBannerSlider_var1 .listEntries .listEntry .listEntryImage,.listBannerSliderPictureAspectRatio_var50_15.listBannerSlider_var1 .listEntries .listEntry .listEntryImage { height:0; padding-bottom:20%; } .listBannerSlider_var1 .listEntries .listEntry .listEntryImage img { width:100%; } .listBannerSlider_var1 .listEntries .listEntry .listEntryVideo { display:block; width:100%; height:auto; } .listBannerSlider_var1 .listEntries .listEntry.listEntrySelected { display:block; } @media (max-width: 993px) { .listBannerSliderPictureAspectRatio_var20_15.listBannerSlider_var1 .listEntries .listEntry .listEntryImage,.listBannerSliderPictureAspectRatio_var30_15.listBannerSlider_var1 .listEntries .listEntry .listEntryImage,.listBannerSliderPictureAspectRatio_var40_15.listBannerSlider_var1 .listEntries .listEntry .listEntryImage,.listBannerSliderPictureAspectRatio_var50_15.listBannerSlider_var1 .listEntries .listEntry .listEntryImage { height:0; padding-bottom:66.666%; } } .listBannerSliderEntriesPreview_var10 .listEntriesPreview { position:absolute; left:50%; bottom:-19px; transform:translateX(-50%); width:calc(52.4904214559vw + 98.1609195402px); padding:0; } .listBannerSliderEntriesPreview_var10 .listEntriesPreview .listEntriesPreviewInner { display:none; } .listBannerSliderEntriesPreview_var10 .listEntriesPreview .noUi-base .noUi-connects >div { display:none; } .listBannerSliderEntriesPreview_var10 .listEntriesPreview .noUi-base .pagination-dot { display:none; } .listBannerSliderEntriesPreview_var15 .listEntriesPreview { position:absolute; left:50%; bottom:-19px; transform:translateX(-50%); width:calc(52.4904214559vw + 98.1609195402px); padding:0; } .listBannerSliderEntriesPreview_var15 .listEntriesPreview .listEntriesPreviewInner { display:none; } .listBannerSliderEntriesPreview_var15 .listEntriesPreview .noUi-connects { display:none; } .listBannerSliderEntriesPreview_var5 .listEntriesPreview { position:absolute; bottom:calc(3.8314176245vw + 35.632183908px); left:50%; transform:translateX(-50%); width:calc(52.4904214559vw + 98.1609195402px); padding:0; } .listBannerSliderEntriesPreview_var5 .listEntriesPreview.listEntriesPreview2 .listEntriesPreviewInner .listEntriesProgress { width:calc(calc(52.4904214559vw + 98.1609195402px)/2); } .listBannerSliderEntriesPreview_var5 .listEntriesPreview.listEntriesPreview3 .listEntriesPreviewInner .listEntriesProgress { width:calc(calc(52.4904214559vw + 98.1609195402px)/3); } .listBannerSliderEntriesPreview_var5 .listEntriesPreview.listEntriesPreview4 .listEntriesPreviewInner .listEntriesProgress { width:calc(calc(52.4904214559vw + 98.1609195402px)/4); } .listBannerSliderEntriesPreview_var5 .listEntriesPreview.listEntriesPreview5 .listEntriesPreviewInner .listEntriesProgress { width:calc(calc(52.4904214559vw + 98.1609195402px)/5); } .listBannerSliderEntriesPreview_var5 .listEntriesPreview.listEntriesPreview6 .listEntriesPreviewInner .listEntriesProgress { width:calc(calc(52.4904214559vw + 98.1609195402px)/6); } .listBannerSliderEntriesPreview_var5 .listEntriesPreview.listEntriesPreview7 .listEntriesPreviewInner .listEntriesProgress { width:calc(calc(52.4904214559vw + 98.1609195402px)/7); } .listBannerSliderEntriesPreview_var5 .listEntriesPreview.listEntriesPreview8 .listEntriesPreviewInner .listEntriesProgress { width:calc(calc(52.4904214559vw + 98.1609195402px)/8); } .listBannerSliderEntriesPreview_var5 .listEntriesPreview.listEntriesPreview9 .listEntriesPreviewInner .listEntriesProgress { width:calc(calc(52.4904214559vw + 98.1609195402px)/9); } .listBannerSliderEntriesPreview_var5 .listEntriesPreview.listEntriesPreview10 .listEntriesPreviewInner .listEntriesProgress { width:calc(calc(52.4904214559vw + 98.1609195402px)/10); } .listBannerSliderEntriesPreview_var5 .listEntriesPreview .listEntriesPreviewInner { position:relative; } .listBannerSliderEntriesPreview_var5 .listEntriesPreview .listEntriesPreviewInner:after { position:absolute; display:block; left:0; bottom:0; content:''; width:100%; height:1px; background-color:#FFFFFF; z-index:1; } .listBannerSliderEntriesPreview_var5 .listEntriesPreview .listEntriesPreviewInner .listEntriesProgress { position:absolute; display:block; left:0; bottom:0; content:''; height:1px; background-color:#E6E100; z-index:2; transition:all 500ms ease; } .listBannerSliderEntriesPreview_var5 .listEntriesPreview .listEntriesPreviewInner .listEntriesPaginationLength { position:absolute; margin:0 3px; width:16px; height:16px; color:#E6E100; } .listBannerSliderEntriesPreview_var5 .listEntriesPreview .listEntriesPreviewInner >div { position:relative; display:flex; justify-content:space-between; } .listBannerSliderEntriesPreview_var5 .listEntriesPreview > div { text-align:center; padding:0; } .listBannerSliderEntriesPreview_var5 .listEntriesPreview .listEntry { position:relative; display:inline-block; cursor:pointer; margin:0; width:100%; text-align:left; } .listBannerSliderEntriesPreview_var5 .listEntriesPreview .listEntry .listEntryInner { display:inline-block; padding:0; margin:9px 3px; width:16px; height:16px; color:#FFFFFF; } .listBannerSliderEntriesPreview_var5 .listEntriesPreview .listEntry:hover .listEntryInner, .listBannerSliderEntriesPreview_var5 .listEntriesPreview .listEntry.listEntrySelected .listEntryInner, .listBannerSliderEntriesPreview_var5 .listEntriesPreview .listEntry.listEntryProgress .listEntryInner { color:#E6E100; } @media (min-width: ) { .listBannerSliderEntriesPreview_var5 .listEntriesPreview .listEntriesPreviewInner .listEntriesPaginationLength { display:none; } } @media (max-width: 991px) { .listBannerSliderEntriesPreview_var5 .listEntriesPreview .listEntry { pointer-events:none; touch-action:none; } .listBannerSliderEntriesPreview_var5 .listEntriesPreview .listEntry:first-child .listEntryInner { color:#E6E100!important; } .listBannerSliderEntriesPreview_var5 .listEntriesPreview .listEntry:first-child ~.listEntry { visibility:hidden; } } .listBannerSliderInfolayer_var10 .listEntry .listEntryInfoLayerOuter { position:absolute; top:0; width:100%; height:100%; margin:0 auto; text-align:center; } .listBannerSliderInfolayer_var10 .listEntry .listEntryInfoLayer { position:absolute; width:100%; top:50%; opacity:0; transform:translateY(-50%) scale(0.8); transition:all 1000ms 375ms ease-in-out; } .listBannerSliderInfolayer_var10 .listEntry .listEntryInfoLayerInner { position:relative; overflow:hidden; width:100%; margin:0 auto; padding:0.6rem; background-color:transparent; } .listBannerSliderInfolayer_var10 .listEntry .listEntryInfoLayerInner:empty { display:none; } .listBannerSliderInfolayer_var10 .listEntry .listEntryInfoLayerInner .listEntryTitle { font-size:min(65px,calc(1.4559386973vw + 40.5402298851px)); line-height:1.23; font-weight:bold; color:#FFFFFF; background-color:transparent; margin-bottom:0.4rem; } .listBannerSliderInfolayer_var10 .listEntry .listEntryInfoLayerInner .listEntryDescription { font-size:min(34px,calc(1.2260536398vw + 13.4022988506px)); line-height:min(48px,calc(1.3793103448vw + 24.8275862069px)); color:#FFFFFF; background-color:transparent; } .listBannerSliderInfolayer_var10 .listEntry .listEntryInfoLayerInner .listEntryDescription * { color:inherit; } .listBannerSliderInfolayer_var10 .listEntry .listEntryInfoLayerInner .listEntryDescription p:last-child { margin-bottom:0; } .listBannerSliderInfolayer_var10 .listEntry .listEntryInfoLayerInner .listEntryLink > * { margin-top:1.25rem; } .listBannerSliderInfolayer_var10 .listEntry.listEntrySelected .listEntryInfoLayer { opacity:1; transform:translateY(-50%) scale(1); } .listBannerSliderInfolayer_var10 .listEntry.listEntrySelectedInit .listEntryInfoLayer { opacity:0; transform:translateY(-50%) scale(0.8); } .listBannerSliderInfolayer_var10 .listEntry.listEntrySelectedReady .listEntryInfoLayer { opacity:1; transform:translateY(-50%) scale(1); } .listBannerSliderInfolayer_var10 .listEntry.listEntryObject-slide_var1 .listEntryInfoLayerInner .listEntryTitle { color:#FFFFFF!important; } @media (max-width: 991px) { .listBannerSliderInfolayer_var10 .listEntry .listEntryInfoLayer { top:50%; transform:translateY(-50%) scale(0.8); } } @media (max-width: 991px) { .listBannerSliderInfolayer_var10 .listEntry.listEntrySelected .listEntryInfoLayer { transform:translateY(-50%) scale(1); } } @media (max-width: 991px) { .listBannerSliderInfolayer_var10 .listEntry.listEntrySelectedInit .listEntryInfoLayer { transform:translateY(-50%) scale(0.8); } } @media (max-width: 991px) { .listBannerSliderInfolayer_var10 .listEntry.listEntrySelectedReady .listEntryInfoLayer { transform:translateY(-50%) scale(1); } } @media (min-width: 768px) { .listBannerSliderInfolayer_var10 .listEntry.listEntryObject-slide_var2 .listEntryInfoLayer { text-align:left; } } @media (min-width: 576px) { .listBannerSliderInfolayer_var10 .listEntry .listEntryInfoLayer .listEntryInfoLayerInner { padding:1rem 2.5rem; } } @media (min-width: 768px) { .listBannerSliderInfolayer_var10 .listEntry .listEntryInfoLayer .listEntryInfoLayerInner { padding:1rem 2.5rem; } } @media (min-width: 992px) { .listBannerSliderInfolayer_var10 .listEntry .listEntryInfoLayer .listEntryInfoLayerInner { padding:1.25rem 2.5rem; } } @media (min-width: 1200px) { .listBannerSliderInfolayer_var10 .listEntry .listEntryInfoLayer .listEntryInfoLayerInner { padding:1.25rem 3.75rem; } } .listBannerSliderInfolayer_var20 .listEntry .listEntryInfoLayerOuter { width:calc(100% - 2.5rem); position:relative; top:0; max-width:unset; margin:0 auto; } .listBannerSliderInfolayer_var20 .listEntry .listEntryInfoLayer { position:absolute; bottom:0; margin-bottom:0.5rem; opacity:0; margin-left:3%; transition:all 0.8s ease; } .listBannerSliderInfolayer_var20 .listEntry .listEntryInfoLayerInner { position:relative; overflow:hidden; max-width:980px; margin:0 auto; padding:0.5rem; } .listBannerSliderInfolayer_var20 .listEntry .listEntryInfoLayerInner:empty { display:none; } .listBannerSliderInfolayer_var20 .listEntry .listEntryInfoLayerInner .listEntryTitle { font-size:1rem; line-height:125%; font-weight:bold; color:#FFFFFF; background-color:transparent; margin-bottom:1rem; } .listBannerSliderInfolayer_var20 .listEntry .listEntryInfoLayerInner .listEntryDescription { font-size:min(34px,calc(1.2260536398vw + 13.4022988506px)); line-height:min(48px,calc(1.3793103448vw + 24.8275862069px)); color:#FFFFFF; background-color:transparent; } .listBannerSliderInfolayer_var20 .listEntry .listEntryInfoLayerInner .listEntryDescription * { color:inherit; } .listBannerSliderInfolayer_var20 .listEntry .listEntryInfoLayerInner .listEntryDescription p:last-child { margin-bottom:0; } .listBannerSliderInfolayer_var20 .listEntry .listEntryInfoLayerInner .listEntryLink > * { margin-top:1.25rem; } .listBannerSliderInfolayer_var20 .listEntry.listEntrySelected .listEntryInfoLayer { margin-left:0; opacity:1; } .listBannerSliderInfolayer_var20 .listEntry.listEntrySelectedInit .listEntryInfoLayer { margin-left:2%; opacity:0; } .listBannerSliderInfolayer_var20 .listEntry.listEntrySelectedReady .listEntryInfoLayer { margin-left:2%; opacity:1; } .listBannerSliderInfolayer_var20 .listEntry.listEntryObject-slide_var1 .listEntryInfoLayer { left:auto; right:4rem; border:none; } .listBannerSliderInfolayer_var20 .listEntry.listEntryObject-slide_var1.listEntrySelected .listEntryInfoLayer { right:2.5rem; opacity:1; } @media (min-width: 576px) { .listBannerSliderInfolayer_var20 .listEntry .listEntryInfoLayer { margin-bottom:1rem; } .listBannerSliderInfolayer_var20 .listEntry .listEntryInfoLayer .listEntryInfoLayerInner { padding:1rem; } .listBannerSliderInfolayer_var20 .listEntry .listEntryInfoLayer .listEntryInfoLayerInner .listEntryTitle { font-size:1.4rem; } } @media (min-width: 768px) { .listBannerSliderInfolayer_var20 .listEntry .listEntryInfoLayer { margin-bottom:2rem; } .listBannerSliderInfolayer_var20 .listEntry .listEntryInfoLayer .listEntryInfoLayerInner { padding:1rem; } .listBannerSliderInfolayer_var20 .listEntry .listEntryInfoLayer .listEntryInfoLayerInner .listEntryTitle { font-size:1.8rem; } } @media (min-width: 992px) { .listBannerSliderInfolayer_var20 .listEntry .listEntryInfoLayer { margin-bottom:4rem; } .listBannerSliderInfolayer_var20 .listEntry .listEntryInfoLayer .listEntryInfoLayerInner { padding:2rem; } .listBannerSliderInfolayer_var20 .listEntry .listEntryInfoLayer .listEntryInfoLayerInner .listEntryTitle { font-size:2rem; } } .listBannerSliderInfolayer_var40 .listEntry .listEntryInfoLayerOuter { position:relative; } .listBannerSliderInfolayer_var40 .listEntry .listEntryInfoLayer { position:relative; } .listBannerSliderInfolayer_var40 .listEntry .listEntryInfoLayerInner { position:relative; overflow:hidden; margin:0 auto; padding:0.5rem; } .listBannerSliderInfolayer_var40 .listEntry .listEntryInfoLayerInner:empty { display:none; } .listBannerSliderInfolayer_var40 .listEntry .listEntryInfoLayerInner .listEntryTitle { display:block; float:left; font-size:1rem; padding:0.2rem 1rem; line-height:125%; font-weight:bold; color:#3c3c3c; margin-bottom:1rem; } .listBannerSliderInfolayer_var40 .listEntry .listEntryInfoLayerInner .listEntryDescription { display:block; float:left; clear:left; font-size:min(34px,calc(1.2260536398vw + 13.4022988506px)); line-height:min(48px,calc(1.3793103448vw + 24.8275862069px)); padding:0.2rem 1rem; color:#3c3c3c; } .listBannerSliderInfolayer_var40 .listEntry .listEntryInfoLayerInner .listEntryDescription * { color:inherit; } .listBannerSliderInfolayer_var40 .listEntry .listEntryInfoLayerInner .listEntryDescription p:last-child { margin-bottom:0; } .listBannerSliderInfolayer_var40 .listEntry .listEntryInfoLayerInner .listEntryLink { display:block; float:left; clear:left; margin-top:1.25rem; } .listBannerSliderInfolayer_var40 .listEntry.listEntrySelected .listEntryInfoLayer { margin-left:0; opacity:1; } @media (min-width: 768px) { .listBannerSliderInfolayer_var40 .listEntry .listEntryInfoLayerOuter { position:absolute; width:50%; height:100%; top:0; right:0; } .listBannerSliderInfolayer_var40 .listEntry .listEntryInfoLayer { position:relative; height:100%; display:flex; align-items:center; justify-content:center; } } @media (min-width: 576px) { .listBannerSliderInfolayer_var40 .listEntry .listEntryInfoLayer { margin-bottom:1rem; } .listBannerSliderInfolayer_var40 .listEntry .listEntryInfoLayer .listEntryInfoLayerInner { padding:1rem; } .listBannerSliderInfolayer_var40 .listEntry .listEntryInfoLayer .listEntryInfoLayerInner .listEntryTitle { font-size:1.4rem; } } @media (min-width: 768px) { .listBannerSliderInfolayer_var40 .listEntry .listEntryInfoLayer { margin-bottom:2rem; } .listBannerSliderInfolayer_var40 .listEntry .listEntryInfoLayer .listEntryInfoLayerInner { padding:1rem; } .listBannerSliderInfolayer_var40 .listEntry .listEntryInfoLayer .listEntryInfoLayerInner .listEntryTitle { font-size:1.8rem; } } @media (min-width: 992px) { .listBannerSliderInfolayer_var40 .listEntry .listEntryInfoLayer { margin-bottom:4rem; } .listBannerSliderInfolayer_var40 .listEntry .listEntryInfoLayer .listEntryInfoLayerInner { padding:2rem; } .listBannerSliderInfolayer_var40 .listEntry .listEntryInfoLayer .listEntryInfoLayerInner .listEntryTitle { font-size:2.8rem; } } .listBannerSliderInfolayer_var50 .listEntry .listEntryInfoLayerOuter { position:absolute; width:100%; bottom:0; background-color:rgba(255,255,255,0.75); } .listBannerSliderInfolayer_var50 .listEntry .listEntryInfoLayer { position:relative; bottom:0; max-width:unset; opacity:0; margin:0 auto; transition:all 0.8s ease; } .listBannerSliderInfolayer_var50 .listEntry .listEntryInfoLayerInner { position:relative; overflow:hidden; padding:0.5rem; } .listBannerSliderInfolayer_var50 .listEntry .listEntryInfoLayerInner:empty { display:none; } .listBannerSliderInfolayer_var50 .listEntry .listEntryInfoLayerInner .listEntryTitle { font-size:1rem; line-height:125%; font-weight:bold; color:#3c3c3c; background-color:transparent; margin-bottom:1rem; } .listBannerSliderInfolayer_var50 .listEntry .listEntryInfoLayerInner .listEntryDescription { font-size:min(34px,calc(1.2260536398vw + 13.4022988506px)); line-height:min(48px,calc(1.3793103448vw + 24.8275862069px)); color:#3c3c3c; background-color:transparent; } .listBannerSliderInfolayer_var50 .listEntry .listEntryInfoLayerInner .listEntryDescription * { color:inherit; } .listBannerSliderInfolayer_var50 .listEntry .listEntryInfoLayerInner .listEntryDescription p:last-child { margin-bottom:0; } .listBannerSliderInfolayer_var50 .listEntry .listEntryInfoLayerInner .listEntryLink > * { margin-top:1.25rem; } .listBannerSliderInfolayer_var50 .listEntry.listEntrySelected .listEntryInfoLayer { opacity:1; } .listBannerSliderInfolayer_var50 .listEntry.listEntrySelectedInit .listEntryInfoLayer { opacity:0; } .listBannerSliderInfolayer_var50 .listEntry.listEntrySelectedReady .listEntryInfoLayer { opacity:1; } .listBannerSliderInfolayer_var50 .listEntry.listEntryObject-slide_var1 .listEntryInfoLayer { text-align:right; } @media (min-width: 576px) { .listBannerSliderInfolayer_var50 .listEntry .listEntryInfoLayer { margin-bottom:1rem; } .listBannerSliderInfolayer_var50 .listEntry .listEntryInfoLayer .listEntryInfoLayerInner { padding:1rem; } .listBannerSliderInfolayer_var50 .listEntry .listEntryInfoLayer .listEntryInfoLayerInner .listEntryTitle { font-size:1.4rem; } } @media (min-width: 768px) { .listBannerSliderInfolayer_var50 .listEntry .listEntryInfoLayer { margin-bottom:2rem; } .listBannerSliderInfolayer_var50 .listEntry .listEntryInfoLayer .listEntryInfoLayerInner { padding:1rem; } .listBannerSliderInfolayer_var50 .listEntry .listEntryInfoLayer .listEntryInfoLayerInner .listEntryTitle { font-size:1.8rem; } } @media (min-width: 992px) { .listBannerSliderInfolayer_var50 .listEntry .listEntryInfoLayer { margin-bottom:1rem; } .listBannerSliderInfolayer_var50 .listEntry .listEntryInfoLayer .listEntryInfoLayerInner { padding:2rem; } .listBannerSliderInfolayer_var50 .listEntry .listEntryInfoLayer .listEntryInfoLayerInner .listEntryTitle { font-size:2rem; } } .listBannerSliderPrevNext_var10 { --colorPrevNext:#89929e; --colorPreNextBackgroundRgb:255, 255, 255; --prevNextBackgroundOpacity:1; } .listBannerSliderPrevNext_var10.listBannerSliderPrevNextColor_var0 { --colorPrevNext:#FFFFFF; } .listBannerSliderPrevNext_var10.listBannerSliderPrevNextColor_var50 { --colorPrevNext:#89929e; } .listBannerSliderPrevNext_var10.listBannerSliderPrevNextColor_var100 { --colorPrevNext:#3c3c3c; } .listBannerSliderPrevNext_var10.listBannerSliderPrevNextColor_var91 { --colorPrevNext:#E6E100; } .listBannerSliderPrevNext_var10.listBannerSliderPrevNextColor_var92 { --colorPrevNext:#5A6B79; } .listBannerSliderPrevNext_var10.listBannerSliderPrevNextBackgroundColor_var0 { --colorPreNextBackgroundRgb:255, 255, 255; } .listBannerSliderPrevNext_var10.listBannerSliderPrevNextBackgroundColor_var50 { --colorPreNextBackgroundRgb:137, 146, 158; } .listBannerSliderPrevNext_var10.listBannerSliderPrevNextBackgroundColor_var100 { --colorPreNextBackgroundRgb:60, 60, 60; } .listBannerSliderPrevNext_var10.listBannerSliderPrevNextBackgroundColor_var91 { --colorPreNextBackgroundRgb:230, 225, 0; } .listBannerSliderPrevNext_var10.listBannerSliderPrevNextBackgroundColor_var92 { --colorPreNextBackgroundRgb:90, 107, 121; } .listBannerSliderPrevNext_var10.listBannerSliderPrevNextBackgroundOpacity_var10 { --prevNextBackgroundOpacity:0.25; } .listBannerSliderPrevNext_var10.listBannerSliderPrevNextBackgroundOpacity_var25 { --prevNextBackgroundOpacity:0.45; } .listBannerSliderPrevNext_var10.listBannerSliderPrevNextBackgroundOpacity_var50 { --prevNextBackgroundOpacity:0.60; } .listBannerSliderPrevNext_var10.listBannerSliderPrevNextBackgroundOpacity_var75 { --prevNextBackgroundOpacity:0.75; } .listBannerSliderPrevNext_var10.listBannerSliderPrevNextBackgroundOpacity_var90 { --prevNextBackgroundOpacity:0.9; } .listBannerSliderPrevNext_var10 .listEntryPrevNext { position:absolute; top:50%; left:0; width:100%; height:1px; z-index:2; } .listBannerSliderPrevNext_var10 .listEntryPrevNext >div { outline:0; } .listBannerSliderPrevNext_var10.listBannerSliderPrevNextPosition_var160 .listEntryPrevNext { top:4px; bottom:auto; left:4px; right:auto; } .listBannerSliderPrevNext_var10.listBannerSliderPrevNextPosition_var162 .listEntryPrevNext { top:4px; bottom:auto; right:4px; left:auto; } .listBannerSliderPrevNext_var10.listBannerSliderPrevNextPosition_var164 .listEntryPrevNext { top:auto; bottom:4px; right:4px; left:auto; } .listBannerSliderPrevNext_var10.listBannerSliderPrevNextPosition_var166 .listEntryPrevNext { top:auto; bottom:4px; right:auto; left:4px; } .listBannerSliderPrevNext_var10 .listEntryPrevNext .listMoverBack, .listBannerSliderPrevNext_var10 .listEntryPrevNext .listMoverForward { cursor:pointer; position:absolute; top:0; width:32px; height:32px; background-color:rgba(var(--colorPreNextBackgroundRgb), var(--prevNextBackgroundOpacity)); } .listBannerSliderPrevNext_var10 .listEntryPrevNext .listMoverBack > span, .listBannerSliderPrevNext_var10 .listEntryPrevNext .listMoverForward > span { height:100%; display:block; } .listBannerSliderPrevNext_var10 .listEntryPrevNext .listMoverBack > span:before, .listBannerSliderPrevNext_var10 .listEntryPrevNext .listMoverBack > span:after, .listBannerSliderPrevNext_var10 .listEntryPrevNext .listMoverForward > span:before, .listBannerSliderPrevNext_var10 .listEntryPrevNext .listMoverForward > span:after { content:''; display:block; position:absolute; top:calc(50% - 6px); width:16px; height:3px; background-color:var(--colorPrevNext); } .listBannerSliderPrevNext_var10 .listEntryPrevNext .listMoverBack > span:after, .listBannerSliderPrevNext_var10 .listEntryPrevNext .listMoverForward > span:after { top:calc(50% + 4px); } .listBannerSliderPrevNext_var10 .listEntryPrevNext .listMoverBack { left:0; } .listBannerSliderPrevNext_var10 .listEntryPrevNext .listMoverBack > span:before, .listBannerSliderPrevNext_var10 .listEntryPrevNext .listMoverBack > span:after { left:8px; } .listBannerSliderPrevNext_var10 .listEntryPrevNext .listMoverBack > span:before { transform:rotate(-50deg); } .listBannerSliderPrevNext_var10 .listEntryPrevNext .listMoverBack > span:after { transform:rotate(50deg); } .listBannerSliderPrevNext_var10 .listEntryPrevNext .listMoverForward { right:0; } .listBannerSliderPrevNext_var10 .listEntryPrevNext .listMoverForward > span:before, .listBannerSliderPrevNext_var10 .listEntryPrevNext .listMoverForward > span:after { right:8px; } .listBannerSliderPrevNext_var10 .listEntryPrevNext .listMoverForward > span:before { transform:rotate(50deg); } .listBannerSliderPrevNext_var10 .listEntryPrevNext .listMoverForward > span:after { transform:rotate(-50deg); } .listBannerSliderPictureMode_var20 img { min-height:calc(17.0881226054vw + 247.9195402299px); object-fit:cover; } .no-weditor .elementList-toolEntriesPerCategory { display:none; } .listLoaderMore { margin-top:1rem; } .listLoaderMore .listLoaderMoreInfo { margin:0 0 0.5rem 0; } .listLoaderMore .listLoaderMoreProgress { margin:0 0 1rem 0; width:100%; height:6px; background:#3c3c3c; } .listLoaderMore .listLoaderMoreProgress .listLoaderMoreProgressBar { height:100%; background:#E6E100; } .listLoaderMore > a[data-loadmoremode='loadIfBecomeVisible'] { visibility:hidden; } .azNaviList { line-height:24px; margin:0 0 10px 0; } .azNaviList a { display:inline-block; padding:0 4px; text-decoration:none; border:solid 1px transparent; border-radius:3px } .azNaviList span { display:inline-block; padding:0 4px; color:rgba(60,60,60,0.2); } .azNaviList .charSelected { border:solid 1px #3c3c3c; border-radius:3px; } .azNaviList .initFilter { text-align:right; } .listCalendar table.calendar { width:100%; max-width:480px; background-color:#f0f0f0; padding:4px; } .listCalendar table.calendar td.navYear, .listCalendar table.calendar td.navMonth { text-align:center; } .listCalendar table.calendar td.navYear div, .listCalendar table.calendar td.navMonth div { position:relative; } .listCalendar table.calendar td.navYear .prev, .listCalendar table.calendar td.navYear .next, .listCalendar table.calendar td.navMonth .prev, .listCalendar table.calendar td.navMonth .next { font-size:0; } .listCalendar table.calendar td.navYear .prev:before, .listCalendar table.calendar td.navYear .prev:after, .listCalendar table.calendar td.navYear .next:before, .listCalendar table.calendar td.navYear .next:after, .listCalendar table.calendar td.navMonth .prev:before, .listCalendar table.calendar td.navMonth .prev:after, .listCalendar table.calendar td.navMonth .next:before, .listCalendar table.calendar td.navMonth .next:after { transition:all 0.3s ease-in-out; content:''; position:absolute; margin:0 0 0 0; display:block; width:10px; height:2px; background:#3c3c3c; } .listCalendar table.calendar td.navYear .prev:before, .listCalendar table.calendar td.navYear .next:before, .listCalendar table.calendar td.navMonth .prev:before, .listCalendar table.calendar td.navMonth .next:before { transform:rotate(-55deg); left:15px; top:13px; } .listCalendar table.calendar td.navYear .prev:after, .listCalendar table.calendar td.navYear .next:after, .listCalendar table.calendar td.navMonth .prev:after, .listCalendar table.calendar td.navMonth .next:after { transform:rotate(55deg); left:15px; top:19px; } .listCalendar table.calendar td.navYear .prev, .listCalendar table.calendar td.navMonth .prev { position:absolute; top:0; left:2px; background:none; padding:4px; width:30%; text-align:left; } .listCalendar table.calendar td.navYear .month, .listCalendar table.calendar td.navMonth .month { display:inline-block; padding:4px; text-decoration:none; color:#3c3c3c; } .listCalendar table.calendar td.navYear .year, .listCalendar table.calendar td.navMonth .year { display:inline-block; padding:4px; text-decoration:none; color:#3c3c3c; } .listCalendar table.calendar td.navYear .next, .listCalendar table.calendar td.navMonth .next { position:absolute; top:0; right:2px; background:none; padding:4px; width:30%; text-align:right; } .listCalendar table.calendar td.navYear .next:before, .listCalendar table.calendar td.navMonth .next:before { transform:rotate(55deg); left:auto; right:15px; top:13px; } .listCalendar table.calendar td.navYear .next:after, .listCalendar table.calendar td.navMonth .next:after { transform:rotate(-55deg); left:auto; right:15px; top:19px; } .listCalendar table.calendar td.navMonth { padding-bottom:0.5rem; } .listCalendar table.calendar td.dayHeader { width:24px; padding:4px; text-align:center; font-weight:bold; } .listCalendar table.calendar td.day { width:24px; padding:4px; text-align:center; } .listCalendar table.calendar td.dayOther { width:24px; padding:4px; text-align:center; } .listCalendar table.calendar td.dayToday { outline:solid 1px red; } .listCalendar table.calendar td.hasEntries { background-color:#ffffff; } .listCalendar table.calendar td.hasEntries a { display:block; text-decoration:none; } .listCalendar table.calendar td.daySelected { width:24px; padding:2px; border:solid 2px red; text-align:center; } .listCalendar table.calendar td.daySelected a { display:block; text-decoration:none; } .listCalendar table.calendar .calendarInner > table { width:100%; } .listCalendar .clearCalendar { display:block; text-align:right; } .listMonth .listEntry.selected { font-weight:bold; } .listMonth .listEntry[data-numberEntries='0'] { display:none; } .listMonth .listEntryInner { text-decoration:none; } .listMonth .listEntryMonthNameShort { color:#3c3c3c !important; } .listMonth .listEntryYear { color:#3c3c3c !important; padding:0 0 0 4px; } .listMonth .listEntryMonth { display:none; } .listMonth .listEntryNumberEntries { padding:0 0 0 4px; } .listMonth .listEntryNumberEntries:before { content:'('; } .listMonth .listEntryNumberEntries:after { content:')'; } .listDefault { list-style:none; margin:0; padding:0; } .listDefault .listEntry { position:relative; } .listDefault .listEntryInner { display:block; } .listDefault .listEntryButtons { position:absolute; width:100%; height:0px; } .listDefault .listEntryTitle { position:relative; font-family:inherit; font-size:min(18px,calc(0vw + 18px)); line-height:min(22px,calc(0vw + 22px)); font-weight:normal; color:#3c3c3c; padding:0 0 0.5rem 0; } .listDefault .listEntryTitle a { text-decoration:none; } .listDefault .listEntryName { position:relative; color:#3c3c3c; } .isDarkBackground .listDefault .listEntryName { color:#FFFFFF; } .listDefault .listEntrySubline { position:relative; color:#3c3c3c; } .isDarkBackground .listDefault .listEntrySubline { color:#FFFFFF; } .listDefault .listEntryIcon { color:#3c3c3c !important; } .isDarkBackground .listDefault .listEntryIcon { color:#FFFFFF !important; } .listDefault .listEntryDate { position:relative; font-size:calc(0vw + 18px); font-weight:normal; color:#3c3c3c; } .isDarkBackground .listDefault .listEntryDate { color:#FFFFFF; } .listDefault .listEntryDescription { position:relative; font-size:calc(0vw + 18px); line-height:1.66; color:#3c3c3c; margin:0 0 0.5rem 0; } .isDarkBackground .listDefault .listEntryDescription { color:#FFFFFF; } .listDefault .listEntryThumbnail { float:left; width:160px; position:relative; } .listDefault .listEntryThumbnail picture { display:block; } .listDefault .listEntryInfoComments { border-radius:5px; padding:0.1rem 0.5rem; border:solid 1px #3c3c3c; display:inline-block; float:right; } .listDefault .listEntryInfoComments a { text-decoration:none; color:#3c3c3c; } .listDefault .listEntryInfoComments.hasComments .listEntryInfoCommentsPostfix:before { content:' '; } .listDefault .listEntryInfoComments.noComments .listEntryInfoCommentsNumberComments { display:none; } .listDefault_var7 .listEntryInner { display:flex; padding:0.6rem 0 !important; } .listDefault_var7 .listEntryInner .listEntryDate { font-size:1rem; line-height:130%; padding:0 0.6rem 0 0; } .listDefault_var7 .listEntryInner .listEntryTitle { font-size:1rem; line-height:130%; padding:0 0 0 0; } .listDefault_var10[data-hasquickfilter='1'] .listEntry { transition:width 0.5s linear, height 0.5s linear; } .listDefault_var10[data-hasquickfilter='1'] .listEntry.listEntryQuickfilterInvisible { width:0 !important; height:0 !important; padding:0 !important; overflow:hidden; } .listDefault_var12[data-hasquickfilter='1'] .listEntry { transition:width 0.5s linear, height 0.5s linear; } .listDefault_var12[data-hasquickfilter='1'] .listEntry.listEntryQuickfilterInvisible { width:0 !important; height:0 !important; padding:0 !important; overflow:hidden; } .listDefault_var20 .listEntryButtons { right:0; } .listDefault_var20 .listEntryButtons .wglListEntryMover { margin-left:-10px; } .listDefault_var20 .listEntry .listEntryInner { position:relative; width:100%; height:0 !important; margin:0 !important; padding:10% 10% 90% 10% !important; } .listDefault_var20 .listEntryDate, .listDefault_var20 .listEntryTitle, .listDefault_var20 .listEntryDescription, .listDefault_var20 .listEntryLink { position:relative; } .listDefault_var20 .listEntryDate { font-size:calc(0vw + 18px); line-height:1.66; font-weight:normal; color:#3c3c3c; font-weight:bold; text-shadow:0 0 10px rgba(0,0,0,0.3); } .listDefault_var20 .listEntryTitle { font-size:min(18px,calc(0vw + 18px)); line-height:min(22px,calc(0vw + 22px)); color:#FFFFFF; font-weight:bold; text-shadow:0 0 10px rgba(0,0,0,0.3); } .listDefault_var20 .listEntryTitle a { color:#FFFFFF; } .listDefault_var20 .listEntryDescription { font-size:calc(0vw + 18px); line-height:1.66; color:#FFFFFF; text-shadow:0 0 10px rgba(0,0,0,0.3); } .listDefault_var20 .listEntry.append > div { transition:all 0.5s ease-in-out; transform-origin:0 0; opacity:1; } .listDefault_var20 .listEntry.append.appendInitDelay > div { transform-style:preserve-3d; transform:rotateX(-90deg); opacity:0; } .listDefault_var20[data-hasquickfilter='1'] .listEntry { transition:width 0.5s linear, height 0.5s linear; } .listDefault_var20[data-hasquickfilter='1'] .listEntry.listEntryQuickfilterInvisible { width:0 !important; height:0 !important; padding:0 !important; overflow:hidden; } .listDefault_var30 { display:block; clear:both; margin:-0.5rem; column-gap:0; -moz-column-gap:0; column-count:1; -moz-column-count:1; } .listDefault_var30 .listEntryButtons { right:0; } .listDefault_var30 .listEntryButtons .wglListEntryMover { margin-left:-10px; } .listDefault_var30 .listEntry { display:block; position:relative; overflow:hidden; break-inside:avoid-column; } .listDefault_var30 .listEntry .listEntryInner { padding:0.5rem; } .listDefault_var30 .listEntry .listEntryInner .listEntryLayer { width:100%; background:rgba(255,255,255,0.1); padding:1rem; } .listDefault_var30 .listEntry .listEntryThumbnail { float:none; margin:0; width:100%; } .listDefault_var30[data-hasquickfilter='1'] .listEntry { transition:width 0.5s linear, height 0.5s linear; } .listDefault_var30[data-hasquickfilter='1'] .listEntry.listEntryQuickfilterInvisible { width:0 !important; height:0 !important; padding:0 !important; } @media (min-width: 768px) { .listDefault_var30 { column-count:2; -moz-column-count:2; } } @media (min-width: 992px) { .listDefault_var30.listDefaultCols_var103 { column-count:3; -moz-column-count:3; } .listDefault_var30.listDefaultCols_var104 { column-count:4; -moz-column-count:4; } } .listDefault_var50 .listEntry { padding:0.2rem 0; } .listDefault_var50 .listEntryInner { display:flex; text-decoration:none; } .listDefault_var50 .listEntryIcon { vertical-align:top; display:inline-block; width:24px; height:24px; margin-right:4px; flex:none; } .listDefault_var50 .listEntryTitle, .listDefault_var50 .listEntryName { display:inline-block; margin-right:0.4rem; padding:0; font-size:calc(0vw + 18px); } .listDefault_var50 .listEntryDescription { display:block; font-size:calc(0vw + 18px); margin:0; } .listDefault_var50 .listEntryTitle + .listEntryName { display:none; } .listDefault_var50 .listEntrySize { display:inline-block; color:#3c3c3c !important; white-space:nowrap; } .isDarkBackground .listDefault_var50 .listEntrySize { color:#FFFFFF !important; } .listDefault_var80 .listEntry .listEntryInner { padding:0 !important; } .listDefault_var80 .listEntryTitle { font:inherit; margin:0; padding:0; } .listDefault_var80 .accordionHeader { user-select:none; cursor:pointer; border-bottom:solid 1px #C4C8CE; padding:10px 42px 10px 0; margin:0; position:relative; font-size:min(30px,calc(0.6130268199vw + 19.7011494253px)); line-height:min(35px,calc(0.6896551724vw + 23.4137931034px)); transition:border 0.3s linear; } .listDefault_var80 .accordionHeader > .accordionHeaderOpener { display:block; position:absolute; right:8px; bottom:8px; width:32px; height:32px; } .listDefault_var80 .accordionHeader > .accordionHeaderOpener:before, .listDefault_var80 .accordionHeader > .accordionHeaderOpener:after { transition:all 0.3s ease-in-out; content:''; position:absolute; margin:16px 0 0 6px; display:block; width:12px; height:2px; background-color:#3c3c3c; transform:rotate(40deg); } .listDefault_var80 .accordionHeader > .accordionHeaderOpener:after { margin:16px 0 0 14px; transform:rotate(-40deg); } .listDefault_var80 .accordionHeaderVisible { border-bottom-color:transparent; } .listDefault_var80 .accordionHeaderVisible > .accordionHeaderOpener:before { transform:rotate(-40deg); } .listDefault_var80 .accordionHeaderVisible > .accordionHeaderOpener:after { transform:rotate(40deg); } .listDefault_var80 .accordionContent { display:none; padding:1rem 0; border-bottom:solid 1px #C4C8CE; } .listDefault_var80[data-hasquickfilter='1'] .listEntry.listEntryQuickfilterInvisible { overflow:hidden; height:0 !important; padding:0 !important; margin:0 !important; border:none !important; } .listDefault_var80.appendLoading:after { display:block; content:''; width:96px; height:48px; margin-top:1rem; background-image:url("/weblication-wGlobal/wGlobal/layout/images/animations/optimized/appendList@fill(666666).svg"); background-size:100%; background-repeat:no-repeat; visibility:visible; margin:0 auto; } .listDefault_var80 .listEntry.append > div { transition:all 0.5s ease-in-out; transform-origin:0 0; opacity:1; } .listDefault_var80 .listEntry.append.appendInitDelay > div { transform-style:preserve-3d; transform:rotateX(-90deg); opacity:0; } .listDefault_var111[data-hasquickfilter='1'] .listEntry.listEntryQuickfilterInvisible { overflow:hidden; height:0 !important; padding:0 !important; margin:0 !important; border:none !important; } .listDefault_var111.appendLoading:after { display:block; content:''; width:96px; height:48px; margin-top:1rem; background-image:url("/weblication-wGlobal/wGlobal/layout/images/animations/optimized/appendList@fill(666666).svg"); background-size:100%; background-repeat:no-repeat; visibility:visible; margin:0 auto; } .listDefault_var111 .listEntry.append > div { transition:all 0.5s ease-in-out; transform-origin:0 0; opacity:1; } .listDefault_var111 .listEntry.append.appendInitDelay > div { transform-style:preserve-3d; transform:rotateX(-90deg); opacity:0; } .listDefault_var615 .listEntryButtons { right:0; } .listDefault_var615 .listEntry .listEntryInner { position:relative; width:100%; height:0 !important; margin:0 !important; padding:10% 10% 90% 10% !important; } .listDefault_var615 .listEntryDate, .listDefault_var615 .listEntryTitle, .listDefault_var615 .listEntryDescription, .listDefault_var615 .listEntryLink { position:relative; } .listDefault_var615 .listEntryDate { font-size:calc(0vw + 18px); line-height:1.66; font-weight:normal; color:#3c3c3c; font-weight:bold; text-shadow:0 0 10px rgba(0,0,0,0.3); } .listDefault_var615 .listEntryTitle { font-size:min(18px,calc(0vw + 18px)); line-height:min(22px,calc(0vw + 22px)); color:#FFFFFF !important; font-weight:bold; text-shadow:0 0 10px rgba(0,0,0,0.3); } .listDefault_var615 .listEntryTitle a { color:#FFFFFF; } .listDefault_var615 .listEntryDescription { font-size:calc(0vw + 18px); line-height:1.66; color:#FFFFFF !important; text-shadow:0 0 10px rgba(0,0,0,0.3); } .listDefault_var615 .wEmbededPage { float:none; clear:both; margin:0; padding:0 0 2rem 0; background:#F0F0F0; transition:all 0.3s linear; } .embedpage-loading .listDefault_var615 .wEmbededPage { opacity:0; } .embedpage-loaded .listDefault_var615 .wEmbededPage { opacity:1; } .listDefault_var615 .listEntry.append > div { transition:all 0.5s ease-in-out; transform-origin:0 0; opacity:1; } .listDefault_var615 .listEntry.append.appendInitDelay > div { transform-style:preserve-3d; transform:rotateX(-90deg); opacity:0; } .listDefault_var615[data-hasquickfilter='1'] .listEntry { transition:width 0.5s linear, height 0.5s linear; } .listDefault_var615[data-hasquickfilter='1'] .listEntry.listEntryQuickfilterInvisible { width:0 !important; height:0 !important; padding:0 !important; } .listDefault_var20100 .listEntry .listEntryCalendar { display:block; margin:0 20px 0 0; width:64px; text-align:center; border:solid 1px #E6E100; } .listDefault_var20100 .listEntry .listEntryCalendar .day { display:block; font-size:2.0rem; line-height:48px; } .listDefault_var20100 .listEntry .listEntryCalendar .month { display:block; color:#FFFFFF; background:#E6E100; } .listDefault_var25600 .listEntry .listEntryInner { position:relative; clear:both; } .listDefault_var25600 .listEntry .listEntryButtons { right:0; } .listDefault_var25600 .listEntry .listEntryContent { position:relative; box-sizing:border-box; } .listDefault_var25600 .listEntry .listEntryContent .listEntryTitle { font-weight:lighter; color:#3c3c3c; font-size:calc(0vw + 20px); } .listDefault_var25600 .listEntry .listEntryContent .listEntryDescription { color:#3c3c3c; } .listDefault_var25600 .listEntry .listEntryImage .listEntryThumbnail { float:none; width:100%; max-width:320px; padding:0 0 1rem 0; } @media (min-width: 768px) { .listDefault_var25600 .listEntry .listEntryContent { width:calc(50% + 2px); padding:2rem; min-height:320px; } .listDefault_var25600 .listEntry .listEntryContent .listEntryTitle { font-size:calc(0vw + 30px); } .listDefault_var25600 .listEntry .listEntryContent .listEntryDescription { clear:both; padding:2rem 0 0 0; } .listDefault_var25600 .listEntry .listEntryImage { width:calc(50% - 2px); } .listDefault_var25600 .listEntry .listEntryImage .listEntryThumbnail { float:left; width:100%; max-width:320px; padding:2rem 0 0 0; } .listDefault_var25600 .listEntry:nth-child(odd) .listEntryContent { float:left; text-align:right; border-right:solid 4px #3c3c3c; } .listDefault_var25600 .listEntry:nth-child(odd) .listEntryContent .listEntryMarker { position:absolute; right:0; width:10rem; border-bottom:solid 4px #3c3c3c; } .listDefault_var25600 .listEntry:nth-child(odd) .listEntryImage { float:right; } .listDefault_var25600 .listEntry:nth-child(odd) .listEntryImage .listEntryThumbnail { float:left; padding-left:2rem; } .listDefault_var25600 .listEntry:nth-child(even) .listEntryContent { float:right; text-align:left; border-left:solid 4px #3c3c3c; } .listDefault_var25600 .listEntry:nth-child(even) .listEntryContent .listEntryMarker { position:absolute; left:0; width:10rem; border-bottom:solid 4px #3c3c3c; } .listDefault_var25600 .listEntry:nth-child(even) .listEntryImage { float:left; } .listDefault_var25600 .listEntry:nth-child(even) .listEntryImage .listEntryThumbnail { float:right; padding-right:2rem; } } .listDefault_var20200 .listEntry .listEntryCalendar { display:block; margin:0 20px 0 0; width:64px; text-align:center; border:solid 1px #E6E100; } .listDefault_var20200 .listEntry .listEntryCalendar .day { display:block; font-size:2.0rem; line-height:48px; } .listDefault_var20200 .listEntry .listEntryCalendar .month { display:block; color:#FFFFFF; background:#E6E100; } .listDefault_var60 { clear:both; } .listDefault_var60 .listEntryInner .beButtonEditRow, .listDefault_var60 .listEntryInner .beButtonDeleteRow { top:4px !important; } .listDefault_var60 .listEntryThumbnail { width:100%; float:none; margin-bottom:0.6rem; } .listDefault_var60 .listEntryTitleOuter .listEntryTitle, .listDefault_var60 .listEntryTitleOuter .listEntryName { font-size:1.1rem; line-height:1.5rem; margin:0 0 0.2rem 0; padding:0 0 0.5rem 0; } .listDefault_var60 .listEntryTitleOuter .listEntryTitle + .listEntryName { display:none; } .listDefault_var60 .listEntryIconOuter { position:relative; width:100%; padding-bottom:75%; margin-bottom:0.4rem; background:#F0F0F0; } .listDefault_var60 .listEntryIconOuter .listEntryIcon { position:absolute; margin:calc(37.5% - 24px) 0 0 calc(50% - 24px); display:block; width:48px; height:48px; } .listDefault_var60 .listEntryThumbnail + .listEntryIconOuter { display:none; } .listDefault_var60 .listEntrySize { float:right; line-height:1.4rem; display:inline-block; color:#3c3c3c; } .listDefault_var60[data-hasquickfilter='1'] .listEntry.listEntryQuickfilterInvisible { overflow:hidden; width:0 !important; height:0 !important; padding:0 !important; } .listDefault_var730 .gridSizer { width:100%; } .listDefault_var730 .listEntry { width:100%; } .listDefault_var730 .listEntry { border:none; padding:0 0 10px 0; } .listDefault_var730 .listEntry:hover { background:none; } .listDefault_var730 .listEntry .beButtonEditRow { position:absolute; top:10px; right:26px; } .listDefault_var730 .listEntry .beButtonDeleteRow { position:absolute; top:10px; right:2px; } .listDefault_var730 .listEntry .beButtonObjectwizardRow { position:absolute; top:10px; right:50px; } .listDefault_var730 .listEntry .listEntryInner { position:relative; height:100%; margin:0 4px; border:none; } .listDefault_var730 .listEntryDate { display:none; } .listDefault_var730 .listEntryTitle { display:block; font-size:0.9rem; } .listDefault_var730 .listEntryDescription { display:block; font-size:0.7rem; } .listDefault_var730 .listEntryThumbnail { display:block; width:100%; margin:0 0 15px 0; float:none; } .listDefault_var730 .listEntryThumbnail img { width:100%; border-radius:8px; } .listDefault_var730 .listEntryLink { display:none; } @media (min-width: 768px) { .listDefault_var730 .gridSizer { width:40%; } } @media (min-width: 992px) { .listDefault_var730 .gridSizer { width:33.333%; } } @media (min-width: 768px) { .listDefault_var730 .listEntry { width:40%; } } @media (min-width: 992px) { .listDefault_var730 .listEntry { width:33.3333%; } } @media (min-width: 992px) { .listDefault_var730 .listEntry .listEntryInner { margin:0 8px; } } .listDefault_var25900 { margin:-0.5rem; } .elementList[data-numbervisible='0'] .listDefault_var25900:before { content:'Keine Einträge vorhanden'; display:block; padding:1rem; } .listDefault_var25900 .listEntry { width:100%; float:left; } .listDefault_var25900 .listEntry .listEntryInner { margin:0.5rem; position:relative; overflow:hidden; padding:0 !important; transition:all 0.3s ease-in-out; } .listDefault_var25900 .listEntry .listEntryInner .listEntryThumbnail { width:100%; margin:0; } .listDefault_var25900 .listEntry .listEntryInner .listEntryLayer { position:absolute; width:100%; bottom:0; left:0; z-index:1; background:rgba(255,255,255,0.8); padding:1rem; margin:0; opacity:0; transition:opacity 0.3s ease-in-out; } .listDefault_var25900 .listEntry .listEntryInner:hover .listEntryLayer { opacity:1; } .listDefault_var25900[data-hasquickfilter='1'] .listEntry.listEntryQuickfilterInvisible { transition:opacity 0.5s 0s linear,width 0s 0.5s linear; width:0 !important; opacity:0 !important; } .listDefault_var25900[data-hasquickfilter='1'] .listEntry.listEntryQuickfilterVisible { transition:opacity 0.5s 0.5s linear,width 0s 0.5s linear; opacity:1 !important; } @media (min-width: 768px) { .listDefault_var25900 .listEntry { width:50%; } } @media (min-width: 992px) { .listDefault_var25900 .listEntry { width:33.3333%; } } .listDefaultCols_var2 .listEntry { width:100%; float:left; } @media (min-width: 768px) { .listDefaultCols_var2 .listEntry { width:50%; } } .listDefaultCols_var3 .listEntry { width:100%; float:left; } @media (min-width: 768px) { .listDefaultCols_var3 .listEntry { width:50%; } } @media (min-width: 992px) { .listDefaultCols_var3 .listEntry { width:33.3333%; } } .listDefaultCols_var4 .listEntry { width:100%; float:left; } @media (min-width: 768px) { .listDefaultCols_var4 .listEntry { width:50%; } } @media (min-width: 992px) { .listDefaultCols_var4 .listEntry { width:25%; } } .listDefaultTitle_var0 .listEntryTitle { display:none; } .listDefaultTitle_var13 .listEntryTitle { font-size:min(18px,calc(0vw + 18px)); } @media (min-width: 768px) { .listDefaultTitle_var17 .listEntryTitle { font-size:min(50px,calc(1.2260536398vw + 29.4022988506px)); } } .listDefaultTitle_var20 .listEntryTitle { text-align:center; } .listDefaultTitle_var27 .listEntryTitle { text-align:center; } @media (min-width: 768px) { .listDefaultTitle_var27 .listEntryTitle { font-size:min(50px,calc(1.2260536398vw + 29.4022988506px)); } } .listDefaultDate_var0 .listEntryDate { display:none; } .listDefaultDate_var10 .listEntryDate { display:block; } .listDefaultDate_var20 .listEntryDate { display:block; text-align:center; } .listDefaultDescription_var0 .listEntryDescription { display:none; } .listDefaultDescription_var10 .listEntryDescription { display:block; } .listDefaultDescription_var20 .listEntryDescription { text-align:center; } .listDefaultThumbnail_var10 .listEntryThumbnail { display:block; width:100%; margin-bottom:1rem; } @media (min-width: 576px) { .listDefaultThumbnail_var10 .listEntryThumbnail { width:33%; min-width:80px; max-width:160px; margin:0 1.25rem 0.25rem 0; } } .listDefaultThumbnail_var60 .listEntryThumbnail { display:block; width:100%; margin:0 0 15px 0; float:none; } .listDefaultThumbnail_var60 .listEntryThumbnail img { width:100%; } .listDefaultThumbnail_var70 .listEntryThumbnail { width:50%; margin:0 25% 15px 25%; clear:both; height:0; overflow:hidden; padding-bottom:50%; border-radius:50%; position:relative; } .listDefaultThumbnail_var70 .listEntryThumbnail > picture { height:100%; top:0; left:0; } .listDefaultThumbnail_var80 .listEntryThumbnail { display:block; position:absolute; top:0; left:0; width:100% !important; max-width:none; margin:0 !important; } .listDefaultThumbnail_var80 .listEntryThumbnail > picture { height:100%; top:0; left:0; } .listDefaultBorder_var0 .listEntry .listEntryInner { padding:1rem 0; } .listDefaultBorder_var0 .listEntry .listEntryInner .listEntryTitle:last-child { margin:0; } .listDefaultBorder_var10 .listEntry { border-bottom:solid 1px #C4C8CE; } .listDefaultBorder_var10 .listEntry:first-child { border-top:solid 1px #C4C8CE; } .listDefaultBorder_var10 .listEntry .listEntryInner { padding:1rem 0; } .listDefaultBorder_var10 .listEntry .listEntryInner .listEntryTitle:last-child, .listDefaultBorder_var10 .listEntry .listEntryInner .listEntryDescription:last-child { margin:0; } .listDefaultBorder_var20 { margin-left:-15px; margin-right:-15px; } .listDefaultBorder_var20 .listEntry { border:none; margin-bottom:2rem; } .listDefaultBorder_var20 .listEntry:hover { background:none; } .listDefaultBorder_var20 .listEntry .beButtonEditRow { position:absolute; top:10px; right:46px; } .listDefaultBorder_var20 .listEntry .beButtonDeleteRow { position:absolute; top:10px; right:22px; } .listDefaultBorder_var20 .listEntry .beButtonObjectwizardRow { position:absolute; top:10px; right:70px; } .listDefaultBorder_var20 .listEntry .listEntryInner { position:relative; height:100%; margin:0 15px; border:none; } @media (min-width: 992px) { .listDefaultBorder_var20 { margin-left:-30px; margin-right:-30px; } } @media (min-width: 992px) { .listDefaultBorder_var20 .listEntry .listEntryInner { margin:0 30px; } } .listDefaultBorder_var40 { margin-left:-15px; margin-right:-15px; } .listDefaultBorder_var40 .listEntry { border:none; margin-bottom:2rem; padding:0; } .listDefaultBorder_var40 .listEntry:hover { background:none; } .listDefaultBorder_var40 .listEntry .beButtonEditRow { position:absolute; top:14px; right:46px; } .listDefaultBorder_var40 .listEntry .beButtonDeleteRow { position:absolute; top:14px; right:22px; } .listDefaultBorder_var40 .listEntry .beButtonObjectwizardRow { position:absolute; top:14px; right:70px; } .listDefaultBorder_var40 .listEntry .listEntryInner { background:#FFFFFF; position:relative; height:100%; margin:0 15px; padding:1rem; border:solid 1px #C4C8CE; } .listDefaultBorder_var40 .listEntry .listEntryInner .listEntryDescription { display:block; } @media (min-width: 992px) { .listDefaultBorder_var40 { margin-left:-30px; margin-right:-30px; } } @media (min-width: 992px) { .listDefaultBorder_var40 .listEntry .listEntryInner { margin:0 30px; } } .listDefaultBorder_var50 { margin-left:-15px; margin-right:-15px; } .listDefaultBorder_var50 .listEntry { border:none; margin-bottom:2rem; padding:0; } .listDefaultBorder_var50 .listEntry:hover { background:none; } .listDefaultBorder_var50 .listEntry .beButtonEditRow { position:absolute; top:14px; right:46px; } .listDefaultBorder_var50 .listEntry .beButtonDeleteRow { position:absolute; top:14px; right:22px; } .listDefaultBorder_var50 .listEntry .beButtonObjectwizardRow { position:absolute; top:14px; right:70px; } .listDefaultBorder_var50 .listEntry .listEntryInner { background:#FFFFFF; position:relative; height:100%; margin:0 15px; padding:1rem; box-shadow:0 2px 20px -2px rgba(0,0,0,0.2); } .listDefaultBorder_var50 .listEntry .listEntryInner .listEntryDescription { display:block; } @media (min-width: 992px) { .listDefaultBorder_var50 { margin-left:-30px; margin-right:-30px; } } @media (min-width: 992px) { .listDefaultBorder_var50 .listEntry .listEntryInner { margin:0 30px; } } .listDefaultLink_var0 .listEntryLink { display:none; } .listDefaultLink_var10 .listEntryLink a { display:inline-block; text-decoration:underline; } .listDefaultLink_var31 .listEntryLink { text-align:center; } .listDefaultLink_var32 .listEntryLink { text-align:right; } .listDefaultLink_var41 .listEntryLink { text-align:center; } .listDefaultAppend_var1.appendLoading:after { display:block; content:''; width:96px; height:48px; margin-top:1rem; background-image:url("/weblication-wGlobal/wGlobal/layout/images/animations/optimized/appendList@fill(666666).svg"); background-size:100%; background-repeat:no-repeat; visibility:visible; margin:0 auto; } .listDefaultAppend_var1 .listEntry.append > div { transition:all 0.5s ease-in-out; transform-origin:0 0; opacity:1; } .listDefaultAppend_var1 .listEntry.append.appendInitDelay > div { transform-style:preserve-3d; transform:rotateX(-90deg); opacity:0; } .listDefaultQuickfilter_var1[data-hasquickfilter='1'] .listEntry.listEntryQuickfilterInvisible { display:none; overflow:hidden; height:0 !important; padding:0 !important; margin:0 !important; border:none !important; } .listEntryElement p:last-child { margin-bottom:0; } .listEntryElementContainer_var60 { position:relative; padding-right:24px; } .listEntryElementContainer_var60:before { content:''; display:block; position:absolute; right:6px; top:3px; width:3px; height:12px; background-color:#89929e; transform:rotate(-40deg); } .listEntryElementContainer_var60:after { content:''; display:block; position:absolute; right:6px; top:11px; width:3px; height:12px; background-color:#89929e; transform:rotate(40deg); } .listEntryElementThumbnail_var60 img { border-radius:50%; } .listEntryElementPosition_var22 { display:inline; } .listEntryElementPosition_var24 { display:inline-block; } .listEntryElementPosition_var32 { float:left; } .listEntryElementPosition_var38 { float:right; } .listEntryElementPosition_var42 { text-align:left; } .listEntryElementPosition_var45 { text-align:center; } .listEntryElementPosition_var48 { text-align:right; } .listEntryElementPosition_var425 { display:block !important; } @media (min-width: 768px) { .listEntryElementPosition_var425 { float:left !important; width:50% !important; margin:0 !important; padding:0 0.5rem; } } @media (min-width: 992px) { .listEntryElementPosition_var425 { float:left !important; width:25% !important; margin:0 !important; padding:0 0.5rem; } } .listEntryElementPosition_var433 { display:block !important; } @media (min-width: 768px) { .listEntryElementPosition_var433 { float:left !important; width:33.33% !important; margin:0 !important; padding:0 0.5rem; } } .listEntryElementPosition_var450 { display:block !important; } @media (min-width: 768px) { .listEntryElementPosition_var450 { float:left !important; width:50% !important; margin:0 !important; padding:0 0.5rem; } } .listEntryElementPosition_var466 { display:block !important; } @media (min-width: 768px) { .listEntryElementPosition_var466 { float:left !important; width:66% !important; margin:0 !important; padding:0 0.5rem; } } .listEntryElementPadding_var100020 { padding:0 0 0.4rem 0; } .listEntryElementPadding_var100050 { padding:0 0 0.8rem 0; } .listEntryElementPadding_var100080 { padding:0 0 1.2rem 0; } .listEntryElementPadding_var100200 { padding:0 0.4rem 0 0; } .listEntryElementPadding_var100500 { padding:0 0.8rem 0 0; } .listEntryElementPadding_var100800 { padding:0 1rem 0 0; } .listEntryElementPadding_var100002 { padding:0 0 0 0.4rem; } .listEntryElementPadding_var100005 { padding:0 0 0 0.8rem; } .listEntryElementPadding_var100008 { padding:0 0 0 1.2rem; } .listEntryElementPadding_var100220 { padding:0 0.4rem 0.4rem 0; } .listEntryElementPadding_var100550 { padding:0 0.8rem 0.8rem 0; } .listEntryElementPadding_var100880 { padding:0 1.2rem 1.2rem 0; } .listEntryElementThumbnailSize_var0 { width:100%; } @media (min-width: 576px) { .listEntryElementThumbnailSize_var0 { width:240px; } } .listEntryElementThumbnailSize_var120 { width:100%; } @media (min-width: 576px) { .listEntryElementThumbnailSize_var120 { width:160px; } } .listEntryElementThumbnailSize_var100 { width:100%; } .listEntryElementThumbnailSize_var180 { width:100%; } @media (min-width: 576px) { .listEntryElementThumbnailSize_var180 { width:320px; } } .listEntryElementColor_var32 { color:rgba(60,60,60,0.8); } .listEntryElementColor_var34 { color:rgba(60,60,60,0.6); } .listEntryElementColor_var38 { color:rgba(60,60,60,0.4); } .listEntryElementFontSize_var0 { font-size:calc(0vw + 18px); line-height:130%; } .listEntryElementFontSize_var330 { font-size:calc(0vw + 18px) * 0.8; line-height:130%; } .listEntryElementFontSize_var338 { font-size:calc(0vw + 18px) * 0.8; line-height:130%; font-weight:bold; } .listEntryElementFontSize_var358 { font-size:calc(0vw + 18px); line-height:130%; font-weight:bold; } .listEntryElementFontSize_var370 { font-size:calc(0vw + 18px) * 1.2; line-height:130%; } .listEntryElementFontSize_var378 { font-size:calc(0vw + 18px) * 1.2; line-height:130%; font-weight:bold; } .listPictureAlbumTeaser_var0:hover { background-image:none; } .listPictureAlbumTeaser_var0 .listInner { position:relative; overflow:hidden; } .listPictureAlbumTeaser_var0 .listMoverForward, .listPictureAlbumTeaser_var0 .listMoverBack { display:none; } .listPictureAlbumTeaser_var0 .listEntries { position:relative; margin-bottom:10px; } .listPictureAlbumTeaser_var0 .listEntries .listEntriesInner .listEntry { display:block; position:relative; margin:0 0 20px 0; } .listPictureAlbumTeaser_var0 .listEntries .listEntriesInner .listEntry a { text-decoration:none; } .listPictureAlbumTeaser_var0 .listEntries .listEntriesInner .listEntry .listEntryThumbnails { margin:-4px; overflow:hidden; } .listPictureAlbumTeaser_var0 .listEntries .listEntriesInner .listEntry .listEntryThumbnails:after { display:table; overflow:hidden; visibility:hidden; clear:both; content:""; height:0; font-size:0; line-height:0; } .listPictureAlbumTeaser_var0 .listEntries .listEntriesInner .listEntry .listEntryThumbnails .listEntryThumbnail { float:left; width:120px; margin:4px; } .listPictureAlbumTeaser_var0 .listEntries .listEntriesInner .listEntry .listEntryThumbnails .listEntryThumbnail img, .listPictureAlbumTeaser_var0 .listEntries .listEntriesInner .listEntry .listEntryThumbnails .listEntryThumbnail picture { display:block; } .listPictureAlbumTeaser_var0 .listEntries .listEntriesInner .listEntry .listEntryTitle { display:none; } .listPictureAlbumTeaser_var0 .listEntries .listEntriesInner .listEntry .listEntryDescription { display:none; } .listPictureAlbumTeaser_var0 .listEntries .listEntriesInner .listEntry .listEntryPosition { display:none; } .listPictureGallery[data-numberentries='1'] .listMoverBack, .listPictureGallery[data-numberentries='1'] .listMoverForward { display:none !important; } .listPictureGallery_var0 .listInner { position:relative; overflow:hidden; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; } .listPictureGallery_var0 .listEntries { width:100%; position:relative; overflow:hidden; } .listPictureGallery_var0 .listEntries .listEntry { display:none; position:relative; overflow:hidden; } .listPictureGallery_var0 .listEntries .listEntrySelected { display:block; } .listPictureGallery_var0 .listEntries .listEntryButtons { position:absolute; top:2px; right:0; } .listPictureGallery_var0 .listEntries .listEntry a { text-decoration:none; } .listPictureGallery_var0 .listEntries .listEntryImage { display:block; width:100%; max-width:100%; height:auto; } .listPictureGallery_var0 .listEntries .listEntryImage picture { display:block; } .listPictureGallery_var0 .listEntries .listEntryTitle { font-size:calc(0vw + 18px); line-height:1.66; margin-top:10px; } .listPictureGallery_var0 .listEntries .listEntryTitle:empty { display:none; } .listPictureGallery_var0 .listEntries .listEntryDescription { font-size:calc(0vw + 18px) * 0.8; line-height:2; overflow:auto; } .listPictureGallery_var0 .listEntries .listEntryDescription:empty { display:none; } .listPictureGallery_var0 .listEntries .listEntryCopyright { float:right; font-weight:normal; font-size:calc(0vw + 18px); line-height:1.66; color:#3c3c3c; padding-left:4px; } .listPictureGallery_var0 .listEntries .listMoverBack, .listPictureGallery_var0 .listEntries .listMoverForward { cursor:pointer; position:absolute; right:0; top:0; width:80%; margin-left:0; padding-top:75%; z-index:2; transition:all 0.1s linear; background:transparent; opacity:0.6; } .listPictureGalleryPictureAspectRatio_var20.listPictureGallery_var0 .listEntries .listMoverBack,.listPictureGalleryPictureAspectRatio_var20.listPictureGallery_var0 .listEntries .listMoverForward { padding-top:50%; } .listPictureGalleryPictureLightbox_var11.listPictureGallery_var0 .listEntries .listMoverBack,.listPictureGalleryPictureLightbox_var12.listPictureGallery_var0 .listEntries .listMoverBack,.listPictureGalleryPictureLightbox_var11.listPictureGallery_var0 .listEntries .listMoverForward,.listPictureGalleryPictureLightbox_var12.listPictureGallery_var0 .listEntries .listMoverForward { margin-top:36px; padding-top:calc(75% - 36px); } .listPictureGallery_var0 .listEntries .listMoverBack > span, .listPictureGallery_var0 .listEntries .listMoverForward > span { height:100%; display:block; } .listPictureGallery_var0 .listEntries .listMoverBack > span:before, .listPictureGallery_var0 .listEntries .listMoverBack > span:after, .listPictureGallery_var0 .listEntries .listMoverForward > span:before, .listPictureGallery_var0 .listEntries .listMoverForward > span:after { transition:all 0.3s ease-in-out; content:''; position:absolute; top:calc(50% - 12px); margin:0 0 0 0; display:block; width:24px; height:4px; background-color:#FFFFFF; box-shadow:0 0 0 1px #3c3c3c; } .listPictureGallery_var0 .listEntries .listMoverBack > span:after, .listPictureGallery_var0 .listEntries .listMoverForward > span:after { margin-top:16px; } .listPictureGallery_var0 .listEntries .listMoverBack > span:nth-child(2):before, .listPictureGallery_var0 .listEntries .listMoverForward > span:nth-child(2):before { box-shadow:none; outline:none; } .listPictureGallery_var0 .listEntries .listMoverBack > span:nth-child(2):after, .listPictureGallery_var0 .listEntries .listMoverForward > span:nth-child(2):after { display:none; } .listPictureGallery_var0 .listEntries .listMoverBack { left:0; } .listPictureGallery_var0 .listEntries .listMoverBack:hover { opacity:1; } .listPictureGallery_var0 .listEntries .listMoverBack > span:before, .listPictureGallery_var0 .listEntries .listMoverBack > span:after { left:3%; } .listPictureGallery_var0 .listEntries .listMoverBack > span:before { transform:rotate(-50deg); } .listPictureGallery_var0 .listEntries .listMoverBack > span:after { transform:rotate(50deg); } .listPictureGallery_var0 .listEntries .listMoverForward { right:0; } .listPictureGallery_var0 .listEntries .listMoverForward:hover { opacity:1; } .listPictureGallery_var0 .listEntries .listMoverForward > span:before, .listPictureGallery_var0 .listEntries .listMoverForward > span:after { right:3%; } .listPictureGallery_var0 .listEntries .listMoverForward > span:before { transform:rotate(50deg); } .listPictureGallery_var0 .listEntries .listMoverForward > span:after { transform:rotate(-50deg); } .listPictureGallery_var0 .listEntriesPreview { position:relative; overflow:hidden; margin:12px auto 0 auto; width:100%; background-color:transparent; border-top:solid 1px #C4C8CE; } .listPictureGallery_var0 .listEntriesPreview .listEntriesPreviewInner { margin:12px 0px; position:relative; overflow:hidden; text-align:center; } .listPictureGallery_var0 .listEntriesPreview .listEntriesPreviewInner > div { white-space:nowrap; display:inline-block; } .listPictureGallery_var0 .listEntriesPreview .listEntry { display:inline-block; cursor:pointer; padding:0; margin:0 12px 0 0; } .listPictureGallery_var0 .listEntriesPreview .listEntry:last-child { margin:0; } .listPictureGallery_var0 .listEntriesPreview .listEntrySelected { padding-bottom:0; border-bottom:solid 4px #E6E100; } .listPictureGallery_var0 .listEntriesPreview .listEntry a { text-decoration:none; } .listPictureGallery_var0 .listEntriesPreview .pictureZoomer { display:none; } .listPictureGallery_var0 .listEntriesPreview .listEntryImage { width:48px; height:48px; display:block; } .listPictureGallery_var0 .listEntriesPreview .listMoverBack, .listPictureGallery_var0 .listEntriesPreview .listMoverForward { cursor:pointer; position:absolute; right:0; top:0; height:calc(100% - 4px); width:24px; margin-left:0; z-index:2; transition:all 0.1s linear; background-color:transparent; } .listPictureGallery_var0 .listEntriesPreview .listMoverBack:hover, .listPictureGallery_var0 .listEntriesPreview .listMoverForward:hover { transform:scale(1.1); } .listPictureGallery_var0 .listEntriesPreview .listMoverBack > span, .listPictureGallery_var0 .listEntriesPreview .listMoverForward > span { height:100%; display:block; } .listPictureGallery_var0 .listEntriesPreview .listMoverBack > span:before, .listPictureGallery_var0 .listEntriesPreview .listMoverBack > span:after, .listPictureGallery_var0 .listEntriesPreview .listMoverForward > span:before, .listPictureGallery_var0 .listEntriesPreview .listMoverForward > span:after { transition:all 0.3s ease-in-out; content:''; position:absolute; top:calc(50% - 8px); margin:0 0 0 0; display:block; width:15px; height:0; border-bottom:solid 1px #C4C8CE; } .listPictureGallery_var0 .listEntriesPreview .listMoverBack > span:after, .listPictureGallery_var0 .listEntriesPreview .listMoverForward > span:after { margin-top:11px; } .listPictureGallery_var0 .listEntriesPreview .listMoverBack > span:nth-child(2), .listPictureGallery_var0 .listEntriesPreview .listMoverForward > span:nth-child(2) { display:none; } .listPictureGallery_var0 .listEntriesPreview .listMoverBack { left:0; } .listPictureGallery_var0 .listEntriesPreview .listMoverBack > span:before, .listPictureGallery_var0 .listEntriesPreview .listMoverBack > span:after { left:4px; } .listPictureGallery_var0 .listEntriesPreview .listMoverBack > span:before { transform:rotate(-50deg); } .listPictureGallery_var0 .listEntriesPreview .listMoverBack > span:after { transform:rotate(50deg); } .listPictureGallery_var0 .listEntriesPreview .listMoverForward { right:0; } .listPictureGallery_var0 .listEntriesPreview .listMoverForward > span:before, .listPictureGallery_var0 .listEntriesPreview .listMoverForward > span:after { right:4px; } .listPictureGallery_var0 .listEntriesPreview .listMoverForward > span:before { transform:rotate(50deg); } .listPictureGallery_var0 .listEntriesPreview .listMoverForward > span:after { transform:rotate(-50deg); } .listPictureGallery_var0 .listEntryOfEntries { text-align:right; font-size:0px; line-height:2; padding:0 6px 0 0; } .listPictureGallery_var0 .listEntryOfEntries .listEntryOfEntriesEntries:before { content:'/'; padding:0 4px; } .listPictureGallery_var0[data-prevnextpreview='1'] .listEntriesPreview .listEntriesPreviewInner { margin:12px 32px; } .listPictureGallery_var0[data-entryofentries='1'] .listEntriesPreview { margin-top:0; } .listPictureGallery_var2 .listInner { position:relative; user-select:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; } @media (max-width: 575px) { .listPictureGallery_var2 .listEntries { width:100%; position:relative; overflow:hidden; } .listPictureGallery_var2 .listEntries .listEntry { display:none; position:relative; overflow:hidden; } .listPictureGallery_var2 .listEntries .listEntrySelected { display:block; } .listPictureGallery_var2 .listEntries .listEntryButtons { position:absolute; top:2px; right:0; } .listPictureGallery_var2 .listEntries .listEntry a { text-decoration:none; } .listPictureGallery_var2 .listEntries .listEntryImage { display:block; width:100%; max-width:100%; height:auto; } .listPictureGallery_var2 .listEntries .listEntryImage picture { display:block; } .listPictureGallery_var2 .listEntries .listEntryTitle { font-size:calc(0vw + 18px); line-height:2; margin-top:10px; } .listPictureGallery_var2 .listEntries .listEntryTitle:empty { display:none; } .listPictureGallery_var2 .listEntries .listEntryDescription { font-size:calc(0vw + 18px) * 0.8; line-height:2; overflow:auto; } .listPictureGallery_var2 .listEntries .listEntryDescription:empty { display:none; } .listPictureGallery_var2 .listEntries .listEntryCopyright { float:right; font-weight:normal; font-size:calc(0vw + 18px); line-height:1.66; color:#3c3c3c; padding-left:4px; } .listPictureGallery_var2 .listEntries .listMoverBack, .listPictureGallery_var2 .listEntries .listMoverForward { cursor:pointer; position:absolute; right:0; top:0; width:80%; margin-left:0; padding-top:75%; z-index:2; transition:all 0.1s linear; background:transparent; opacity:0.6; } .listPictureGalleryPictureAspectRatio_var20.listPictureGallery_var2 .listEntries .listMoverBack,.listPictureGalleryPictureAspectRatio_var20.listPictureGallery_var2 .listEntries .listMoverForward { padding-top:50%; } .listPictureGalleryPictureLightbox_var10.listPictureGallery_var2 .listEntries .listMoverBack,.listPictureGalleryPictureLightbox_var10.listPictureGallery_var2 .listEntries .listMoverForward { margin-top:36px; padding-top:calc(75% - 36px); } .listPictureGallery_var2 .listEntries .listMoverBack > span, .listPictureGallery_var2 .listEntries .listMoverForward > span { height:100%; display:block; } .listPictureGallery_var2 .listEntries .listMoverBack > span:before, .listPictureGallery_var2 .listEntries .listMoverBack > span:after, .listPictureGallery_var2 .listEntries .listMoverForward > span:before, .listPictureGallery_var2 .listEntries .listMoverForward > span:after { transition:all 0.3s ease-in-out; content:''; position:absolute; top:calc(50% - 12px); margin:0 0 0 0; display:block; width:24px; height:4px; background-color:#FFFFFF; box-shadow:0 0 0 1px #3c3c3c; } .listPictureGallery_var2 .listEntries .listMoverBack > span:after, .listPictureGallery_var2 .listEntries .listMoverForward > span:after { margin-top:16px; } .listPictureGallery_var2 .listEntries .listMoverBack > span:nth-child(2):before, .listPictureGallery_var2 .listEntries .listMoverForward > span:nth-child(2):before { box-shadow:none; outline:none; } .listPictureGallery_var2 .listEntries .listMoverBack > span:nth-child(2):after, .listPictureGallery_var2 .listEntries .listMoverForward > span:nth-child(2):after { display:none; } .listPictureGallery_var2 .listEntries .listMoverBack { left:0; } .listPictureGallery_var2 .listEntries .listMoverBack:hover { opacity:1; } .listPictureGallery_var2 .listEntries .listMoverBack > span:before, .listPictureGallery_var2 .listEntries .listMoverBack > span:after { left:3%; } .listPictureGallery_var2 .listEntries .listMoverBack > span:before { transform:rotate(-50deg); } .listPictureGallery_var2 .listEntries .listMoverBack > span:after { transform:rotate(50deg); } .listPictureGallery_var2 .listEntries .listMoverForward { right:0; } .listPictureGallery_var2 .listEntries .listMoverForward:hover { opacity:1; } .listPictureGallery_var2 .listEntries .listMoverForward > span:before, .listPictureGallery_var2 .listEntries .listMoverForward > span:after { right:3%; } .listPictureGallery_var2 .listEntries .listMoverForward > span:before { transform:rotate(50deg); } .listPictureGallery_var2 .listEntries .listMoverForward > span:after { transform:rotate(-50deg); } .listPictureGallery_var2 .listEntriesPreview { position:relative; overflow:hidden; margin:12px auto 0 auto; width:100%; background-color:transparent; border-top:solid 1px #C4C8CE; } .listPictureGallery_var2 .listEntriesPreview .listEntriesPreviewInner { margin:12px 0px; position:relative; overflow:hidden; text-align:center; } .listPictureGallery_var2 .listEntriesPreview .listEntriesPreviewInner > div { white-space:nowrap; display:inline-block; } .listPictureGallery_var2 .listEntriesPreview .listEntry { display:inline-block; cursor:pointer; padding:0; margin:0 12px 0 0; } .listPictureGallery_var2 .listEntriesPreview .listEntry:last-child { margin:0; } .listPictureGallery_var2 .listEntriesPreview .listEntrySelected { padding-bottom:0; border-bottom:solid 4px #E6E100; } .listPictureGallery_var2 .listEntriesPreview .listEntry a { text-decoration:none; } .listPictureGallery_var2 .listEntriesPreview .pictureZoomer { display:none; } .listPictureGallery_var2 .listEntriesPreview .listEntryImage { width:48px; height:48px; display:block; } .listPictureGallery_var2 .listEntriesPreview .listMoverBack, .listPictureGallery_var2 .listEntriesPreview .listMoverForward { display:none; cursor:pointer; position:absolute; right:0; top:0; height:calc(100% - 4px); width:24px; margin-left:0; z-index:2; transition:all 0.1s linear; background-color:transparent; } .listPictureGallery_var2 .listEntriesPreview .listMoverBack:hover, .listPictureGallery_var2 .listEntriesPreview .listMoverForward:hover { transform:scale(1.1); } .listPictureGallery_var2 .listEntriesPreview .listMoverBack > span, .listPictureGallery_var2 .listEntriesPreview .listMoverForward > span { height:100%; display:block; } .listPictureGallery_var2 .listEntriesPreview .listMoverBack > span:before, .listPictureGallery_var2 .listEntriesPreview .listMoverBack > span:after, .listPictureGallery_var2 .listEntriesPreview .listMoverForward > span:before, .listPictureGallery_var2 .listEntriesPreview .listMoverForward > span:after { transition:all 0.3s ease-in-out; content:''; position:absolute; top:calc(50% - 8px); margin:0 0 0 0; display:block; width:15px; height:0; border-bottom:solid 1px #C4C8CE; } .listPictureGallery_var2 .listEntriesPreview .listMoverBack > span:after, .listPictureGallery_var2 .listEntriesPreview .listMoverForward > span:after { margin-top:11px; } .listPictureGallery_var2 .listEntriesPreview .listMoverBack > span:nth-child(2), .listPictureGallery_var2 .listEntriesPreview .listMoverForward > span:nth-child(2) { display:none; } .listPictureGallery_var2 .listEntriesPreview .listMoverBack { left:0; } .listPictureGallery_var2 .listEntriesPreview .listMoverBack > span:before, .listPictureGallery_var2 .listEntriesPreview .listMoverBack > span:after { left:4px; } .listPictureGallery_var2 .listEntriesPreview .listMoverBack > span:before { transform:rotate(-50deg); } .listPictureGallery_var2 .listEntriesPreview .listMoverBack > span:after { transform:rotate(50deg); } .listPictureGallery_var2 .listEntriesPreview .listMoverForward { right:0; } .listPictureGallery_var2 .listEntriesPreview .listMoverForward > span:before, .listPictureGallery_var2 .listEntriesPreview .listMoverForward > span:after { right:4px; } .listPictureGallery_var2 .listEntriesPreview .listMoverForward > span:before { transform:rotate(50deg); } .listPictureGallery_var2 .listEntriesPreview .listMoverForward > span:after { transform:rotate(-50deg); } .listPictureGallery_var2 .pictureZoomer { display:none; } } @media (min-width: 576px) { .listPictureGallery_var2 .listEntries { margin:-4px; } .listPictureGallery_var2 .listEntries .listEntry { display:block; float:left; width:33.33333%; } .listPictureGallery_var2 .listEntries .listEntry .listEntryInner { margin:4px; position:relative; } .listPictureGallery_var2 .listEntries .listEntry:hover .pictureZoomer { opacity:1; } .listPictureGallery_var2 .listEntries .listEntryButtons { position:absolute; top:2px; right:0; } .listPictureGallery_var2 .listEntries .listEntry a { text-decoration:none; } .listPictureGallery_var2 .listEntries .listEntryImage { display:block; width:100%; max-width:100%; height:auto; } .listPictureGallery_var2 .listEntries .listEntryImage picture { display:block; } .listPictureGallery_var2 .listEntries .listEntryTitle { position:absolute; bottom:0; padding:2px 10px; color:#FFFFFF; text-shadow:0 0 4px rgba(0,0,0,0.5); } .listPictureGallery_var2 .listEntries .listEntryDescription { display:none; } .listPictureGallery_var2 .listEntries .listEntryCopyright { float:none; font-weight:normal; font-size:calc(0vw + 18px); line-height:1.66; color:#3c3c3c; padding:4px 6px; position:absolute; right:4px; bottom:4px; background:#ffffff; } .listPictureGallery_var2 .listEntriesPreview { display:none; } .listPictureGallery_var2 .listEntriesPreview .listEntryImage { width:48px; height:48px; display:block; } } .listPictureGallery_var20 .listInner { position:relative; overflow:hidden; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; } .listPictureGallery_var20 .listEntries { position:relative; overflow:hidden; margin:0; width:100%; } .listPictureGallery_var20 .listEntries .listEntriesInner { margin:0; position:relative; overflow:hidden; } .listPictureGallery_var20 .listEntries .listEntriesInner > div { white-space:nowrap; width:101%; display:block; line-height:0; } .listPictureGallery_var20 .listEntries .listEntry { display:inline-block; position:relative; cursor:pointer; padding:0; margin:0 8px 0 0; height:160px; overflow:hidden; } .listPictureGallery_var20 .listEntries .listEntry:last-child { margin:0; } .listPictureGallery_var20 .listEntries .listEntry .pictureZoomer { opacity:0; transition:opacity 0.3s linear; } .listPictureGallery_var20 .listEntries .listEntry:hover .pictureZoomer { opacity:1; } .listPictureGallery_var20 .listEntries .listEntry .listEntryImage > picture > img { max-width:none; } .listPictureGallery_var20 .listEntries .listEntry a { text-decoration:none; } .listPictureGallery_var20 .listEntries .listEntryImage { height:160px; display:block; } .listPictureGallery_var20 .listEntries .listEntryImage picture, .listPictureGallery_var20 .listEntries .listEntryImage img { height:160px; width:auto; } .listPictureGallery_var20 .listEntries .listMoverBack, .listPictureGallery_var20 .listEntries .listMoverForward { cursor:pointer; position:absolute; right:0; top:0; height:100%; width:24px; margin-left:0; margin-top:0 !important; z-index:2; transition:all 0.1s linear; background-color:transparent; } .listPictureGallery_var20 .listEntries .listMoverBack:hover, .listPictureGallery_var20 .listEntries .listMoverForward:hover { transform:scale(1.1); } .listPictureGallery_var20 .listEntries .listMoverBack > span, .listPictureGallery_var20 .listEntries .listMoverForward > span { height:100%; display:block; } .listPictureGallery_var20 .listEntries .listMoverBack > span:before, .listPictureGallery_var20 .listEntries .listMoverBack > span:after, .listPictureGallery_var20 .listEntries .listMoverForward > span:before, .listPictureGallery_var20 .listEntries .listMoverForward > span:after { transition:all 0.3s ease-in-out; content:''; position:absolute; top:calc(50% - 8px); margin:0 0 0 0; display:block; width:15px; height:0; border-bottom:solid 2px #FFFFFF; } .listPictureGallery_var20 .listEntries .listMoverBack > span:after, .listPictureGallery_var20 .listEntries .listMoverForward > span:after { margin-top:11px; } .listPictureGallery_var20 .listEntries .listMoverBack > span:nth-child(2), .listPictureGallery_var20 .listEntries .listMoverForward > span:nth-child(2) { display:none; } .listPictureGallery_var20 .listEntries .listMoverBack { left:0; } .listPictureGallery_var20 .listEntries .listMoverBack > span:before, .listPictureGallery_var20 .listEntries .listMoverBack > span:after { left:4px; } .listPictureGallery_var20 .listEntries .listMoverBack > span:before { transform:rotate(-50deg); } .listPictureGallery_var20 .listEntries .listMoverBack > span:after { transform:rotate(50deg); } .listPictureGallery_var20 .listEntries .listMoverForward { right:0; } .listPictureGallery_var20 .listEntries .listMoverForward > span:before, .listPictureGallery_var20 .listEntries .listMoverForward > span:after { right:4px; } .listPictureGallery_var20 .listEntries .listMoverForward > span:before { transform:rotate(50deg); } .listPictureGallery_var20 .listEntries .listMoverForward > span:after { transform:rotate(-50deg); } .listPictureGallery_var20.firstEntrySelected .listMoverBack { display:none; } .listPictureGallery_var20.lastEntrySelected .listMoverForward { display:none; } .listPictureGallery_var20 .listEntryOfEntries { text-align:right; font-size:0px; line-height:2; padding:0 6px 0 0; } .listPictureGallery_var20 .listEntryOfEntries .listEntryOfEntriesEntries:before { content:'/'; padding:0 4px; } .listPictureGallery_var20[data-prevnextpreview='1'] .listEntriesPreview .listEntriesPreviewInner { margin:0; } .listPictureGallery_var20[data-entryofentries='1'] .listEntriesPreview { margin-top:0; } .listPictureGalleryEntriesPreview_var10[data-numberentries='1'] .listEntriesPreview { display:none !important; } .listPictureGalleryEntryOfEntries_var10[data-numberentries='1'] .listEntryOfEntries { display:none !important; } .listPictureGalleryEntriesPerRow_var3 .listInner .listEntries .listEntriesInner .listEntry { width:100%; } @media (min-width: 576px) { .listPictureGalleryEntriesPerRow_var3 .listInner .listEntries .listEntriesInner .listEntry { width:50%; } } @media (min-width: 768px) { .listPictureGalleryEntriesPerRow_var3 .listInner .listEntries .listEntriesInner .listEntry { width:33.33333%; } } .listPictureGalleryPictureLightbox_var10 .listEntries .listMoverBack, .listPictureGalleryPictureLightbox_var10 .listEntries .listMoverForward { margin-top:32px; } .listPictureGalleryPictureLightbox_var12 .listEntries .listMoverBack, .listPictureGalleryPictureLightbox_var12 .listEntries .listMoverForward { margin-top:32px; } .listPrevNext { position:relative; margin-bottom:2rem; } .listPrevNext .pageNaviListPrevNext { text-align:initial; line-height:125%; } .listPrevNext .pageNaviBackLink, .listPrevNext .pageNaviNextLink { padding:0; } .listPrevNext .pageNaviPagePositionOfPages { background-color:; color:; border:solid 1px; border-radius:3px; padding:0 0 0 15%; } .listPrevNext .pageNaviPagePositionOfPages .pageNaviPagePosition:before { content:"Artikel "; } .listPrevNext .pageNaviPagePositionOfPages .pageNaviPagePosition:after { content:" \002F "; } .listPrevNext .pageNaviPagePositionOfPages .pageNaviNumberPages:before { content:" "; } .listPrevNext_var0 .pageNaviListPrevNext { text-align:center; } .listPrevNext_var0 .pageNaviBackLink { display:block; position:absolute; top:0; left:0; } .listPrevNext_var0 .pageNaviNextLink { display:block; position:absolute; top:0; right:0; } .listPrevNext_var0 .pageNaviNextLink > span:before, .listPrevNext_var0 .pageNaviNextLink > span:after { left:auto; right:0; } @media (min-width: 768px) { .listPrevNext_var0 .pageNaviBackLink > span { color:#C4C8CE !important; padding-left:1rem; display:inline-block; } .listPrevNext_var0 .pageNaviNextLink > span { color:#C4C8CE !important; padding-right:1rem; display:inline-block; } } .listPrevNext_var2 .pageNaviListPrevNext { text-align:center; } .listPrevNext_var2 .pageNaviBackLink { display:block; position:absolute; top:0; left:0; } .listPrevNext_var2 .pageNaviNextLink { display:block; position:absolute; top:0; right:0; } .listPrevNext_var2 .pageNaviNextLink > span:before, .listPrevNext_var2 .pageNaviNextLink > span:after { left:auto; right:0; } @media (min-width: 768px) { .listPrevNext_var2 .pageNaviBackLink > span { color:#C4C8CE !important; padding-left:1rem; display:inline-block; } .listPrevNext_var2 .pageNaviNextLink > span { color:#C4C8CE !important; padding-right:1rem; display:inline-block; } } .listPrevNext_var30 .pageNaviListPrevNext { text-align:center; } .listPrevNext_var30 .pageNaviBackLink { display:flex; float:left; max-width:calc(50% - 1rem); text-align:left; } .listPrevNext_var30 .pageNaviBackLink:after { padding-left:0.6rem; content:attr(data-title); display:table; } .listPrevNext_var30 .pageNaviNextLink { display:flex; float:right; max-width:calc(50% - 1rem); text-align:right; } .listPrevNext_var30 .pageNaviNextLink:before { padding-right:0.6rem; content:attr(data-title); } .listRssDefault .listEntryInner { padding:15px 0; } .elementSearchList { margin-bottom:0.5rem; } .elementSearchList input.searchTerm { width:320px; max-width:calc(100% - 120px); margin:0 0.5rem 0.5rem 0; } .elementSearchList select.searchFilter { height:2rem; padding:0 0.3rem; margin:0 0.5rem 0.5rem 0; } .searchFilterCount { margin:1rem 0 1.5rem 0; } .searchFilterCount .searchFilterCountEntry { display:inline-block; margin:0 0.5rem 0.5rem 0; padding:0.2rem 0.5rem; cursor:pointer; border:solid 1px #C4C8CE; color:#89929e; border-radius:3px; } .searchFilterCount .searchFilterCountEntry[data-selected='1'] { color:#3c3c3c; } .searchFilterCount .searchFilterCountEntry .searchFilterCountEntryCount:before { content:'('; } .searchFilterCount .searchFilterCountEntry .searchFilterCountEntryCount:after { content:')'; } .elementSearchList #searchSuggestOuter, .elementSearchForm #searchSuggestOuter { position:absolute; z-index:20; background-color:#FFFFFF; border:solid 1px #C4C8CE; border-top-style:none; } .elementSearchList #searchSuggestOuter .searchSuggestEntry, .elementSearchForm #searchSuggestOuter .searchSuggestEntry { padding:2px 6px; cursor:pointer; color:#3c3c3c; } .elementSearchList #searchSuggestOuter .searchSuggestEntry:first-child, .elementSearchForm #searchSuggestOuter .searchSuggestEntry:first-child { padding:4px 8px 2px 8px; } .elementSearchList #searchSuggestOuter .searchSuggestEntry:last-child, .elementSearchForm #searchSuggestOuter .searchSuggestEntry:last-child { padding:2px 8px 4px 8px; } .elementSearchList #searchSuggestOuter .searchSuggestEntry:hover, .elementSearchList #searchSuggestOuter .searchSuggestEntry.selected, .elementSearchForm #searchSuggestOuter .searchSuggestEntry:hover, .elementSearchForm #searchSuggestOuter .searchSuggestEntry.selected { background-color:#F0F0F0; } .elementSearchList button, .elementSearchForm button { margin-right:0.5rem; } .listSearchResult .listEntry { overflow:hidden; padding:15px 0; margin:0; border-bottom:solid 1px #C4C8CE; cursor:pointer; } .listSearchResult .listEntryTitle { font-size:min(18px,calc(0vw + 18px)); line-height:min(22px,calc(0vw + 22px)); font-weight:normal; color:#3c3c3c; padding:0 0 0.5rem 0; } .listSearchResult .listEntryTitle a { text-decoration:none; } .listSearchResult .listEntryDescription { margin:0; color:#3c3c3c; } .listSearchResult .listEntryUrl { margin:0; } .listSearchResult .listEntryUrl a { color:#3c3c3c; } @keyframes buttonArrowsRotate360 { from { transform:translateX(-50%) rotate(0); } to { transform:translateX(-50%) rotate(-360deg); } } @keyframes pageLeave { 0% { opacity:0; transform:translate3d(0,100vh,0); } 100% { opacity:1; transform:translate3d(0,0,0); } } @keyframes pageLeaveIcon { 0% { opacity:0; transform:rotate(120deg); } 100% { opacity:1; transform:rotate(0); } } @keyframes pageEnter { from { opacity:1; transform:translate3d(0,0,0); } to { opacity:.3; transform:translate3d(0,-100vh,0); } } @keyframes pageEnterIcon { from { opacity:1; transform:rotate(0); } to { opacity:.3; transform:rotate(300deg); } } @keyframes jumpingArrow { 0% { margin-top:0; } 25% { margin-top:5px; } 50% { margin-top:0; } 75% { margin-top:5px; } 100% { margin-top:0; } } @keyframes jumpingHorizontalArrow { 0% { margin-left:0; } 25% { margin-left:5px; } 50% { margin-left:0; } 75% { margin-left:5px; } 100% { margin-left:0; } } @keyframes scrollToBottom { 0% { display:block; transform:matrix(1.1399999856948853,0,0,1.1399999856948853,250,250); opacity:0; } 5% { opacity:.5; transform:matrix(1.1399999856948853,0,0,1.1399999856948853,250,245); } 10% { opacity:1; } 55% { transform:matrix(1.1399999856948853,0,0,1.1399999856948853,250,415); opacity:1; } 60% { transform:matrix(1.1399999856948853,0,0,1.1399999856948853,250,410); opacity:1; } 65% { transform:matrix(1.1399999856948853,0,0,1.1399999856948853,250,410); opacity:.95; } 100% { transform:matrix(1.1399999856948853,0,0,1.1399999856948853,250,410); opacity:0; display:none; } } @keyframes scrollToTop { 0% { display:block; transform:matrix(1.1399999856948853,0,0,1.1399999856948853,250,410); opacity:0; } 5% { opacity:.5; transform:matrix(1.1399999856948853,0,0,1.1399999856948853,250,415); } 10% { opacity:1; } 55% { transform:matrix(1.1399999856948853,0,0,1.1399999856948853,250,245); opacity:1; } 60% { transform:matrix(1.1399999856948853,0,0,1.1399999856948853,250,250); opacity:1; } 65% { transform:matrix(1.1399999856948853,0,0,1.1399999856948853,250,250); opacity:.95; } 100% { transform:matrix(1.1399999856948853,0,0,1.1399999856948853,250,250); opacity:0; display:none; } } @keyframes spinner-dual-ring { 0% { transform:rotate(0deg); } 100% { transform:rotate(360deg); } } .sib-form { padding:0; font-size:calc(0vw + 18px); color:#3c3c3c; } .sib-form #sib-container { background:transparent; margin:0; padding:0; } .sib-form #sib-container input:-ms-input-placeholder, .sib-form #sib-container input::placeholder, .sib-form #sib-container textarea::placeholder { text-align:left; color:#3c3c3c; } .sib-form #sib-container .sib-form-block { padding:0; } .sib-form #sib-container .sib-form-block .entry__label:after { color:#3c3c3c; } .sib-form #sib-container .sib-form-block .entry__choice input { position:absolute; opacity:0; outline:0; } .sib-form #sib-container .sib-form-block .entry__choice input:before, .sib-form #sib-container .sib-form-block .entry__choice input:after { display:none; } .sib-form #sib-container .sib-form-block .entry__choice input:focus { outline:0; border:0; } .sib-form #sib-container .sib-form-block .entry__choice input:checked +span:before { border-color:#E6E100; background-color:#E6E100; } .sib-form #sib-container .sib-form-block .entry__choice input:checked +span:after { content:""; border-color:#3c3c3c; } .sib-form #sib-container .sib-form-block .entry__choice span.checkbox { border:none; border-color:transparent; box-shadow:none!important; } .sib-form #sib-container .sib-form-block .entry__choice span.checkbox::before, .sib-form #sib-container .sib-form-block .entry__choice span.checkbox::after { position:absolute; content:""; display:inline-block; transform:none; margin:0; bottom:unset; } .sib-form #sib-container .sib-form-block .entry__choice span.checkbox:before { top:0; left:0; height:18px; width:18px; border:1px solid #FFFFFF; background-color:#FFFFFF; } .sib-form #sib-container .sib-form-block .entry__choice span.checkbox:after { content:none; width:10px; height:7px; border-left:2px solid; border-bottom:2px solid; transform:rotate(-45deg); left:4px; top:4px; } .sib-form #sib-container .sib-form-block .entry__field { background:transparent; border:none; border-radius:0; margin:0; } .sib-form #sib-container .sib-form-block .checkbox, .sib-form #sib-container .sib-form-block .radio-button { background:transparent; } .wLightbox .wLightboxCloser { right:12px; } #cookieNoticeCloser { display:none!important; cursor:pointer; } #cookieNotice #cookieNoticeInner >div { width:60vw; padding-top:calc(1.9157088123vw + 67.816091954px); padding-bottom:calc(1.9157088123vw + 67.816091954px); background-color:#5A6B79; } .weditor #cookieNotice #cookieNoticeInner >div >.elementSection, .weditor #cookieNotice #cookieNoticeInner >div >.elementSectionObjectContactPerson, .browseedit #cookieNotice #cookieNoticeInner >div >.elementSection, .browseedit #cookieNotice #cookieNoticeInner >div >.elementSectionObjectContactPerson { padding:0!important; } #cookieNotice #cookieNoticeInner >div >.elementSection >.sectionInner, #cookieNotice #cookieNoticeInner >div >.elementSectionObjectContactPerson >.sectionInner { display:flex; flex-direction:column; align-items:center; width:70%; color:#FFFFFF; } #cookieNotice #cookieNoticeInner >div >.elementSection >.sectionInner h1, #cookieNotice #cookieNoticeInner >div >.elementSectionObjectContactPerson >.sectionInner h1, #cookieNotice #cookieNoticeInner >div >.elementSection >.sectionInner h2, #cookieNotice #cookieNoticeInner >div >.elementSectionObjectContactPerson >.sectionInner h2, #cookieNotice #cookieNoticeInner >div >.elementSection >.sectionInner h3, #cookieNotice #cookieNoticeInner >div >.elementSectionObjectContactPerson >.sectionInner h3, #cookieNotice #cookieNoticeInner >div >.elementSection >.sectionInner h4, #cookieNotice #cookieNoticeInner >div >.elementSectionObjectContactPerson >.sectionInner h4, #cookieNotice #cookieNoticeInner >div >.elementSection >.sectionInner h5, #cookieNotice #cookieNoticeInner >div >.elementSectionObjectContactPerson >.sectionInner h5, #cookieNotice #cookieNoticeInner >div >.elementSection >.sectionInner h6, #cookieNotice #cookieNoticeInner >div >.elementSectionObjectContactPerson >.sectionInner h6, #cookieNotice #cookieNoticeInner >div >.elementSection >.sectionInner p, #cookieNotice #cookieNoticeInner >div >.elementSectionObjectContactPerson >.sectionInner p, #cookieNotice #cookieNoticeInner >div >.elementSection >.sectionInner span, #cookieNotice #cookieNoticeInner >div >.elementSectionObjectContactPerson >.sectionInner span, #cookieNotice #cookieNoticeInner >div >.elementSection >.sectionInner b, #cookieNotice #cookieNoticeInner >div >.elementSectionObjectContactPerson >.sectionInner b, #cookieNotice #cookieNoticeInner >div >.elementSection >.sectionInner strong, #cookieNotice #cookieNoticeInner >div >.elementSectionObjectContactPerson >.sectionInner strong, #cookieNotice #cookieNoticeInner >div >.elementSection >.sectionInner li, #cookieNotice #cookieNoticeInner >div >.elementSectionObjectContactPerson >.sectionInner li, #cookieNotice #cookieNoticeInner >div >.elementSection >.sectionInner label, #cookieNotice #cookieNoticeInner >div >.elementSectionObjectContactPerson >.sectionInner label { color:#FFFFFF; } #cookieNotice #cookieNoticeInner >div >.elementSection >.sectionInner h1, #cookieNotice #cookieNoticeInner >div >.elementSectionObjectContactPerson >.sectionInner h1, #cookieNotice #cookieNoticeInner >div >.elementSection >.sectionInner h2, #cookieNotice #cookieNoticeInner >div >.elementSectionObjectContactPerson >.sectionInner h2, #cookieNotice #cookieNoticeInner >div >.elementSection >.sectionInner h3, #cookieNotice #cookieNoticeInner >div >.elementSectionObjectContactPerson >.sectionInner h3, #cookieNotice #cookieNoticeInner >div >.elementSection >.sectionInner h4, #cookieNotice #cookieNoticeInner >div >.elementSectionObjectContactPerson >.sectionInner h4, #cookieNotice #cookieNoticeInner >div >.elementSection >.sectionInner h5, #cookieNotice #cookieNoticeInner >div >.elementSectionObjectContactPerson >.sectionInner h5, #cookieNotice #cookieNoticeInner >div >.elementSection >.sectionInner h6, #cookieNotice #cookieNoticeInner >div >.elementSectionObjectContactPerson >.sectionInner h6 { font-family:"Nunito 700", Arial, Helvetica, Sans-serif; } #cookieNotice #cookieNoticeInner >div >.elementSection >.sectionInner a, #cookieNotice #cookieNoticeInner >div >.elementSectionObjectContactPerson >.sectionInner a { color:#E6E100; } #cookieNotice #cookieNoticeInner >div >.elementSection >.sectionInner a span, #cookieNotice #cookieNoticeInner >div >.elementSectionObjectContactPerson >.sectionInner a span { color:#E6E100; } @media (max-width: 767px) { #cookieNotice #cookieNoticeInner >div { width:100vw; } } @media (max-width: 991px) { #cookieNotice #cookieNoticeInner >div >.elementSection >.sectionInner, #cookieNotice #cookieNoticeInner >div >.elementSectionObjectContactPerson >.sectionInner { width:100%; } } .useCaseVisual figure picture img { max-height:450px; object-fit:contain!important; } .elementBox.withoutGap >.boxInner >.elementContainerStandard >.col { margin-bottom:0; } input, textarea { background-color:transparent; } .elementForm form ::placeholder { color:#3c3c3c; font-family:"Nunito Regular", Arial, Helvetica, Sans-serif; } .elementForm form .formElement .wglContainsErrorMessageInline { display:none!important; } .elementForm #wFormErrorMessages +form .formElement .wglContainsErrorMessageInline +div ::placeholder { color:#FB0008!important; } .elementForm #wFormErrorMessages +form .formElement .wglContainsErrorMessageInline +div input, .elementForm #wFormErrorMessages +form .formElement .wglContainsErrorMessageInline +div textarea { color:#FB0008!important; } .elementForm #wFormErrorMessages +form .formElement .wglContainsErrorMessageInline +div select { color:#FB0008!important; } .elementForm #wFormErrorMessages +form .formElement .wglContainsErrorMessageInline +div select:focus { color:#3c3c3c!important; } .elementForm #wFormErrorMessages +form .formElement .wglContainsErrorMessageInline +div .wglCheckbox.wglIsInvalid { background-color:transparent; } .elementForm #wFormErrorMessages +form .formElement .wglContainsErrorMessageInline +div .wglCheckbox.wglIsInvalid label { color:#FB0008!important; } .elementForm #wFormErrorMessages +form .formElement .wglContainsErrorMessageInline +div .wglCheckbox.wglIsInvalid label p, .elementForm #wFormErrorMessages +form .formElement .wglContainsErrorMessageInline +div .wglCheckbox.wglIsInvalid label span, .elementForm #wFormErrorMessages +form .formElement .wglContainsErrorMessageInline +div .wglCheckbox.wglIsInvalid label a { color:#FB0008!important; } .accordionSeparator { position:relative; width:15%; height:calc(0.7662835249vw + 37.1264367816px); } .accordionSeparator:after { position:absolute; display:block; content:""; top:50%; left:0; width:100%; height:1px; background-color:#3c3c3c; } .isDarkBackground .accordionSeparator:after { background-color:#E6E100; } .elementList .listEntryObject-contactPerson .elementSocialButton { display:none; } .elementList .listEntryObject-contactPerson .listEntryElementThumbnail_var60 { width:280px; height:280px; border-radius:50%; border:1px solid #E6E100; padding:20px; } .elementList .listEntryObject-contactPerson .listEntryElementThumbnail_var60 picture { position:relative; display:inline-block; width:100%; height:100%; } .elementList .listEntryObject-contactPerson .listEntryElementThumbnail_var60 picture img { position:relative; top:50%; width:100%; height:100%; transform:translateY(-50%); } .elementList .listEntryObject-contactPerson .listEntryDetails { width:280px; margin-left:auto; margin-right:auto; margin-top:calc(calc(0.6130268199vw + 19.7011494253px) / 2); line-height:1.11; } .elementList .listEntryObject-contactPerson .listEntryDetails .listEntryElement.title { width:280px; margin-left:auto; margin-right:auto; } .elementList .listEntryObject-contactPerson .listEntryDetails .listEntryElement.title >.listEntryElement { display:inline-block; font-size:calc(0.6130268199vw + 19.7011494253px); white-space:nowrap; padding:0; } .elementList .listEntryObject-contactPerson .listEntryDetails .listEntryElement.title >.listEntryElement:last-child { padding:0 0 20px 0; } .elementList .listEntryObject-contactPerson .listEntryDetails .listEntryElement.position { text-transform:uppercase; } .elementList .listEntryObject-contactPerson .listEntryDetails .listEntryElement.phone { text-transform:none; } .elementList .listEntryObject-contactPerson .listEntryDetails .listEntryElement.email a { color:#3c3c3c; font-weight:bold; text-transform:none; } .contentCloud .boxInner { position:relative; display:flex; height:100%; flex-flow:row wrap; justify-content:center; } .contentCloud .boxInner >div { display:flex; margin-left:calc(calc(0.2225871191vw + 39.8319649699px) * 1.3); margin-right:calc(calc(0.2225871191vw + 39.8319649699px) * 1.3); align-items:center; margin-bottom:40px!important; } .boxInnerOpenerStandard, .boxInnerCloserStandard { position:relative; width:30px; max-width:30px; height:30px; } .boxInnerOpenerStandard:after, .boxInnerCloserStandard:after { position:absolute; display:block; content:''; top:50%; left:50%; width:20px; height:10px; transform:translate(-50%,-50%); background:url(/weblication-wGlobal/wGlobal/layout/images/mzv/optimized/icon-chevron-down.svg) no-repeat 0 0; background-size:contain; } .boxInnerCloserStandard:after { transform:translate(-50%,-50%) rotate(-180deg); } .buttonIconCircle, .moduleOverlayControls .overlayPrevNext .elementList-prevNext a.pageNaviBackLink span, .moduleOverlayControls .overlayPrevNext .elementList-prevNext a.pageNaviNextLink span, a.back, .boxArrowLeftYellow, .boxArrowRightYellow, .moduleUseCases .listDefault li.listEntry .listEntryInner >.listEntryElement >.listEntryElement.linkOnlyArrowRight, .listBannerSliderPrevNext_var10 .listEntryPrevNext .listMoverBack, .listBannerSliderPrevNext_var10 .listEntryPrevNext .listMoverForward, .boxInnerYellow, .moduleSearchResult .listSearchResult .listEntry .listEntryUrl a, .boxInnerOpenerYellow, .moduleMulticol50Container .boxInnerOpener, .boxInnerCloserYellow, .moduleMulticol50Container .boxInnerCloser, .elementAccordion>div>.accordionHeader>.accordionHeaderOpener { position:relative; width:61px; max-width:61px; height:61px; padding:0; text-indent:-9999px; font-size:1px; margin-top:30.5px; border-radius:30.5px; background-color:#E6E100; } .buttonIconCircleSmall, .moduleOverlayControls .overlayPrevNext .elementList-prevNext a.pageNaviBackLink span, .moduleOverlayControls .overlayPrevNext .elementList-prevNext a.pageNaviNextLink span, a.back, .boxArrowLeftYellow, .boxArrowRightYellow, .moduleUseCases .listDefault li.listEntry .listEntryInner >.listEntryElement >.listEntryElement.linkOnlyArrowRight, .listBannerSliderPrevNext_var10 .listEntryPrevNext .listMoverBack, .listBannerSliderPrevNext_var10 .listEntryPrevNext .listMoverForward { width:41px; max-width:41px; height:41px; } .buttonIconCircleIconDefault, .moduleOverlayControls .overlayPrevNext .elementList-prevNext a.pageNaviBackLink span:after, .moduleOverlayControls .overlayPrevNext .elementList-prevNext a.pageNaviNextLink span:after, a.back:after, .boxArrowLeftYellow:after, .boxArrowRightYellow:after, .moduleUseCases .listDefault li.listEntry .listEntryInner >.listEntryElement >.listEntryElement.linkOnlyArrowRight:after, .listBannerSliderPrevNext_var10 .listEntryPrevNext .listMoverBack:after, .listBannerSliderPrevNext_var10 .listEntryPrevNext .listMoverForward:after, .boxInnerYellow:after, .moduleSearchResult .listSearchResult .listEntry .listEntryUrl a:after, .boxInnerOpenerYellow:after, .moduleMulticol50Container .boxInnerOpener:after, .boxInnerCloserYellow:after, .moduleMulticol50Container .boxInnerCloser:after, .elementAccordion>div>.accordionHeader>.accordionHeaderOpener:after { position:absolute; display:block; content:''; top:50%; left:50%; margin-left:1px; width:16px; height:19px; transform:translate(-50%,-50%); background:url(/weblication-wGlobal/wGlobal/layout/images/mzv/optimized/icon-arrow-down.svg) no-repeat 0 0; background-size:contain!important; } @media only screen and (max-width: 575px) { .buttonIconCircleIconDefault, .moduleOverlayControls .overlayPrevNext .elementList-prevNext a.pageNaviBackLink span:after, .moduleOverlayControls .overlayPrevNext .elementList-prevNext a.pageNaviNextLink span:after, a.back:after, .boxArrowLeftYellow:after, .boxArrowRightYellow:after, .moduleUseCases .listDefault li.listEntry .listEntryInner >.listEntryElement >.listEntryElement.linkOnlyArrowRight:after, .listBannerSliderPrevNext_var10 .listEntryPrevNext .listMoverBack:after, .listBannerSliderPrevNext_var10 .listEntryPrevNext .listMoverForward:after, .boxInnerYellow:after, .moduleSearchResult .listSearchResult .listEntry .listEntryUrl a:after, .boxInnerOpenerYellow:after, .moduleMulticol50Container .boxInnerOpener:after, .boxInnerCloserYellow:after, .moduleMulticol50Container .boxInnerCloser:after, .elementAccordion>div>.accordionHeader>.accordionHeaderOpener:after { margin-left:0; } } .boxInnerYellow:hover:after, .moduleSearchResult .listSearchResult .listEntry .listEntryUrl a:hover:after, .boxInnerOpenerYellow:hover:after, .moduleMulticol50Container .boxInnerOpener:hover:after, .boxInnerCloserYellow:hover:after, .moduleMulticol50Container .boxInnerCloser:hover:after, .elementAccordion>div>.accordionHeader>.accordionHeaderOpener:hover:after { animation:jumpingHorizontalArrow 1s; } a.back, .boxArrowLeftYellow, .boxArrowRightYellow, .moduleUseCases .listDefault li.listEntry .listEntryInner >.listEntryElement >.listEntryElement.linkOnlyArrowRight, .listBannerSliderPrevNext_var10 .listEntryPrevNext .listMoverBack, .listBannerSliderPrevNext_var10 .listEntryPrevNext .listMoverForward { display:inline-block; width:61px; height:61px; max-width:unset; } a.back.small, .boxArrowLeftYellow.small, .boxArrowRightYellow.small, .moduleUseCases .listDefault li.listEntry .listEntryInner >.listEntryElement >.listEntryElement.linkOnlyArrowRight.small, .listBannerSliderPrevNext_var10 .listEntryPrevNext .listMoverBack.small, .listBannerSliderPrevNext_var10 .listEntryPrevNext .listMoverForward.small { width:calc(61px / 1.5); height:calc(61px / 1.5); } a.back:hover:after, .boxArrowLeftYellow:hover:after, .boxArrowRightYellow:hover:after, .moduleUseCases .listDefault li.listEntry .listEntryInner >.listEntryElement >.listEntryElement.linkOnlyArrowRight:hover:after, .listBannerSliderPrevNext_var10 .listEntryPrevNext .listMoverBack:hover:after, .listBannerSliderPrevNext_var10 .listEntryPrevNext .listMoverForward:hover:after { animation:jumpingHorizontalArrow 1s; } a.back:after, .boxArrowLeftYellow:after, .boxArrowRightYellow:after, .moduleUseCases .listDefault li.listEntry .listEntryInner >.listEntryElement >.listEntryElement.linkOnlyArrowRight:after, .listBannerSliderPrevNext_var10 .listEntryPrevNext .listMoverBack:after, .listBannerSliderPrevNext_var10 .listEntryPrevNext .listMoverForward:after { width:19px; height:16px; margin-left:0; background:url(/weblication-wGlobal/wGlobal/layout/images/mzv/optimized/icon-arrow-right.svg) no-repeat 0 0; background-size:contain; background-position:center; } .boxArrowLeftYellow:after { width:19px; height:16px; background:url(/weblication-wGlobal/wGlobal/layout/images/mzv/optimized/icon-arrow-left.svg) no-repeat 0 0; } a.back { width:calc(61px / 1.5); height:calc(61px / 1.5); } a.back:after { width:19px; height:16px; background:url(/weblication-wGlobal/wGlobal/layout/images/mzv/optimized/icon-arrow-left.svg) no-repeat 0 0; } .listBannerSliderPrevNext_var10 .listEntryPrevNext .listMoverBack, .listBannerSliderPrevNext_var10 .listEntryPrevNext .listMoverForward { position:absolute; top:50%; left:calc(61px * -1); width:calc(61px / 1.5); height:calc(61px / 1.5); transform:translateY(-50%); margin-top:0; } .listBannerSliderPrevNext_var10 .listEntryPrevNext .listMoverBack:after, .listBannerSliderPrevNext_var10 .listEntryPrevNext .listMoverForward:after { width:19px; height:16px; } .listBannerSliderPrevNext_var10 .listEntryPrevNext .listMoverBack span, .listBannerSliderPrevNext_var10 .listEntryPrevNext .listMoverForward span { display:none!important; } @media (max-width: 991px) { .listBannerSliderPrevNext_var10 .listEntryPrevNext .listMoverBack, .listBannerSliderPrevNext_var10 .listEntryPrevNext .listMoverForward { display:none; } } .listBannerSliderPrevNext_var10 .listEntryPrevNext .listMoverBack:after { background:url(/weblication-wGlobal/wGlobal/layout/images/mzv/optimized/icon-arrow-left.svg) no-repeat 0 0; } .listBannerSliderPrevNext_var10 .listEntryPrevNext .listMoverForward { left:unset; right:calc(61px * -1); } @media (max-width: 991px) { .listBannerSliderPrevNext_var10 .listEntriesPreview { z-index:999; } } .boxInnerYellow:after, .moduleSearchResult .listSearchResult .listEntry .listEntryUrl a:after { width:19px; height:16px; margin-left:0; background:url(/weblication-wGlobal/wGlobal/layout/images/mzv/optimized/icon-arrow-right.svg) no-repeat 0 0; } .elementAccordion.withShortSeperator >div >.accordionHeader { border:none; } .elementAccordion >div >.accordionHeader.accordionHeaderVisible >.accordionHeaderOpener:after { transform:translate(-50%,-50%) rotate(180deg); } .elementAccordion >div >.accordionHeader >.accordionHeaderOpener { position:absolute; top:50%; right:0; width:calc(61px / 1.5); height:calc(61px / 1.5); transform:translateY(-50%); margin-top:0; } .elementAccordion >div >.accordionHeader >.accordionHeaderOpener:before { content:none; } .elementAccordion >div >.accordionHeader >.accordionHeaderOpener:after { width:16px; height:19px; margin:0; background:url(/weblication-wGlobal/wGlobal/layout/images/mzv/optimized/icon-arrow-down.svg) no-repeat 0 0; background-size:contain; background-position:center; background-color:#E6E100!important; transform:translate(-50%,-50%) rotate(0); } .elementAccordion >div >.accordionHeader >.accordionHeaderOpener:hover:after { animation:jumpingArrow 1s; } .elementAccordion >div >.accordionContent { border-bottom:none; } .boxInnerOpenerYellow:hover:after, .moduleMulticol50Container .boxInnerOpener:hover:after { animation:jumpingArrow 1s; } .boxInnerCloserYellow:hover:after, .moduleMulticol50Container .boxInnerCloser:hover:after { animation:jumpingArrow 1s; } .boxInnerCloserYellow:after, .moduleMulticol50Container .boxInnerCloser:after { margin-left:0; transform:translate(-50%,-50%) rotate(-180deg); } @media only screen and (max-width: 575px) { .boxInnerCloserYellow:after, .moduleMulticol50Container .boxInnerCloser:after { margin-left:-1px; } } .boxInnerOpener { display:table; } .boxInnerOpener:after { margin-left:0!important; } .boxInnerCloser { display:table; } .boxInnerCloser:after { margin-left:1px!important; } .listLoaderMore { text-align:center; } #loadMore .linkText { top:59px!important; } a.intern, a.internLeft { position:relative; display:inline-flex!important; text-decoration:none!important; line-height:2; padding-right:57px; } .isLightBackground a.intern, .isLightBackground a.internLeft { color:#000000; } .isDarkBackground .isLightBackground a.intern, .isDarkBackground .isLightBackground a.internLeft { color:#E6E100; } a.intern >span, a.internLeft >span { max-width:unset; color:#000000; font-family:"Nunito 700", Arial, Helvetica, Sans-serif; } .isDarkBackground a.intern >span, .isDarkBackground a.internLeft >span { color:#E6E100; } a.intern:before, a.intern:after, a.internLeft:before, a.internLeft:after { position:absolute; display:inline-block; content:''; outline:none; align-self:center; margin:0; } a.intern:before, a.internLeft:before { width:38px; height:38px; right:0; border-radius:38px; background-color:#E6E100; } a.intern:after, a.internLeft:after { width:18px; height:18px; right:10px; border-radius:18px; background-color:#3c3c3c; transform:scale(1); transition:transform 500ms ease-in-out; } a.intern:hover:after, a.internLeft:hover:after { transform:scale(1.5079365079365); } a.intern { line-height:1.1; } a.intern:before, a.intern:after { background-image:none!important; } a.intern >span { line-height:1.1; } a.internLeft { padding-left:57px; padding-right:0; } a.internLeft:before { left:0; right:unset; background-image:none!important; } a.internLeft:after { position:absolute; display:block; content:''; top:13px; left:10px; right:unset; width:18px; height:12px; background:url(/weblication-wGlobal/wGlobal/layout/images/mzv/optimized/icon-arrow-right.svg) no-repeat 0 0; background-size:contain; opacity:1; } a.internLeft:hover:after { transform:none; animation:jumpingHorizontalArrow 1s; } a.extern { position:relative; display:inline-flex; height:38px; text-decoration:none!important; padding-left:57px; align-items:center; } a.extern >span { max-width:unset; color:#000000; transition:transform 250ms ease; white-space:nowrap; font-family:"Nunito 700", Arial, Helvetica, Sans-serif; } a.extern >span .isDarkBackground { color:#E6E100; } a.extern:before, a.extern:after { position:absolute; display:inline-block; content:''; outline:none; align-self:center; margin:0; transition:all 250ms ease; } a.extern:before { width:38px; height:38px; left:0; border-top:9px solid #E6E100; border-left:9px solid #E6E100; border-bottom:9px solid #E6E100; border-right:9px solid #E6E100; border-radius:38px; background-color:transparent; background-image:none!important; } a.extern:after { left:13.5px; width:32px; height:22px; background:url("/weblication-wGlobal/wGlobal/layout/images/mzv/optimized/icon-arrow-right-yellow.svg") no-repeat 0 0; opacity:0; } a.extern:hover span, a.extern.isActive span, .portalBoxLayer.isActive a.extern span { transform:translateX(18px); } a.extern:hover:before, a.extern.isActive:before, .portalBoxLayer.isActive a.extern:before { border-top:6px solid #E6E100; border-left:6px solid #E6E100; border-bottom:6px solid #E6E100; border-right:6px solid transparent; } a.extern:hover:after, a.extern.isActive:after, .portalBoxLayer.isActive a.extern:after { left:27px; width:32px; height:22px; opacity:1; } #scroll-to-top, #scroll-to-next-section { display:none; width:64px; height:64px; cursor:pointer; } #scroll-to-top svg g.droplet, #scroll-to-next-section svg g.droplet { display:block; } #scroll-to-top { position:fixed; display:block; right:calc(calc(5.3639846743vw + 9.8850574713px) / 2 - 32px); opacity:0; pointer-events:none; touch-action:none; transition:opacity 10ms ease; } #scroll-to-top.isActive { opacity:1; pointer-events:all; touch-action:auto; } #scroll-to-top svg { height:64px; } #scroll-to-top svg g.droplet { transform:matrix(1.1399999856948853,0,0,1.1399999856948853,250,250); animation:scrollToTop 3s cubic-bezier(.89,-0.29,.17,1.42) infinite; } @media only screen and (max-width: 991px) { #scroll-to-top { position:relative; left:50%; right:unset; bottom:50px; transform:translateX(-50%); margin-top:50px; } } @media only screen and (min-width: 992px) { .object-useCase #scroll-to-top { position:relative; left:50%; width:64px; height:64px; right:unset; bottom:calc(5.3639846743vw + 9.8850574713px); margin-top:0; transform:translateX(-50%); } } #scroll-to-next-section { position:absolute; display:none; right:calc(calc(5.3639846743vw + 9.8850574713px) / 2 - 32px); bottom:calc(64px / -2 + calc(3.8314176245vw + 35.632183908px)); opacity:0; transition:opacity 250ms ease; } .scrolled-top #scroll-to-next-section { opacity:1; } #scroll-to-next-section svg { height:64px; } #scroll-to-next-section svg g.droplet { transform:matrix(1.1399999856948853,0,0,1.1399999856948853,250,410); animation:scrollToBottom 3s cubic-bezier(.89,-0.29,.17,1.42) infinite; } @media (max-width: 991px) { #scroll-to-next-section { display:none; } } .range-slider-horizontal { width:100%; } .range-slider-vertical { height:85%; } .weditor .range-slider-vertical, .browseedit .range-slider-vertical { height:350px; } .range-slider-vertical.noUi-target .noUi-base { height:100%; } .noUi-target, .noUi-target * { -webkit-touch-callout:none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-user-select:none; -ms-touch-action:none; touch-action:none; -ms-user-select:none; -moz-user-select:none; user-select:none; -moz-box-sizing:border-box; box-sizing:border-box; } .noUi-target { position:relative; display:flex; justify-content:center; } .noUi-target.range-slider-horizontal .noUi-base .pagination-dot { width:10%; } .noUi-target.range-slider-horizontal .noUi-base .pagination-dot:after { left:0; } .noUi-target .noUi-base { position:relative; width:100%; height:100%; z-index:1; cursor:pointer; } .noUi-target .noUi-base .pagination-dot { position:absolute; top:0; width:100%; height:10%; } .noUi-target .noUi-base .pagination-dot:after { position:absolute; display:block; content:""; top:calc(12px / -2); left:50%; width:12px; height:12px; border-radius:12px; background-color:#3c3c3c; transform:translateX(-50%); } .noUi-target .noUi-base .noUi-connects { position:absolute; top:-38px; left:0; width:100%; height:63.333333333333px; z-index:0; } .noUi-target .noUi-base .noUi-connects .pagination-gap { position:absolute; bottom:0; left:-5px; width:10px; height:10%; } .noUi-target .noUi-base .noUi-connects .pagination-start, .noUi-target .noUi-base .noUi-connects .pagination-end { position:absolute; bottom:0; width:20px; line-height:1.66; text-align:center; } .noUi-target .noUi-base .noUi-connects .pagination-start { left:-20px; } .noUi-target .noUi-base .noUi-connects .pagination-start:after { position:absolute; display:block; content:""; top:0; right:-1px; width:1px; height:calc(calc(0vw + 18px) * 1.66); background-color:#3c3c3c; } .noUi-target .noUi-base .noUi-connects .pagination-end { right:-20px; } /* Wrapper for all connect elements. */ .noUi-connect, .noUi-origin { position:absolute; will-change:transform; z-index:1; top:0; left:0; -ms-transform-origin:0 0; -webkit-transform-origin:0 0; -webkit-transform-style:preserve-3d; transform-origin:0 0; transform-style:flat; } .noUi-connect { height:100%; width:100%; } .noUi-origin { height:10%; width:10%; } /* Offset direction */ .noUi-txt-dir-rtl.noUi-horizontal .noUi-origin { left:0; right:auto; } /* Give origins 0 height/width so they don't interfere with clicking the * connect elements. */ .noUi-vertical { background:transparent!important; } .noUi-vertical .noUi-origin { width:0; } .noUi-vertical .noUi-base .noUi-connects { top:0; left:18.5px; width:1px; height:100%; background-color:#3c3c3c; } .noUi-horizontal { background:transparent!important; } .noUi-horizontal .noUi-origin { height:0; } .noUi-horizontal .noUi-base .noUi-connects { top:18.5px; width:100%; height:1px; background-color:#3c3c3c; } .noUi-handle { -webkit-backface-visibility:hidden; backface-visibility:hidden; position:absolute; } .noUi-handle:before, .noUi-handle:after { content:none !important; } .noUi-touch-area { height:100%; width:100%; background-color:#E6E100; border-radius:50%; } .noUi-touch-area:after { position:absolute; display:inline-block; content:''; outline:none; align-self:center; top:50%; left:50%; width:18px; height:18px; border-radius:18px; background-color:#3c3c3c; transform:translate(-50%,-50%); transition:transform 400ms ease-in-out; } .noUi-touch-area:hover:after { transform:translate(-50%,-50%)!important; } .noUi-touch-area.look-down:after { transform:translate(-50%,0); } .noUi-touch-area.look-up:after { transform:translate(-50%,-100%); } .noUi-touch-area.look-right:after { transform:translate(0,-50%); } .noUi-touch-area.look-left:after { transform:translate(-100%,-50%); } .noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin { -webkit-transition:transform 0.3s; transition:transform 0.3s; } .noUi-state-drag * { cursor:inherit !important; } /* Slider size and handle placement; */ .noUi-horizontal { height:38px; } .noUi-horizontal .noUi-handle { cursor:pointer; width:38px; height:38px; left:-19px; top:-1px; } @media (max-width: 767px) { .noUi-horizontal .noUi-handle { width:38px; height:38px; right:-19px; top:-1px; } } .noUi-vertical { width:38px; } .noUi-vertical .noUi-handle { width:38px; height:38px; left:0; top:-19px; } @media (max-width: 767px) { .noUi-vertical .noUi-handle { width:38px; height:38px; right:-18.5px; top:-19px; } } .noUi-txt-dir-rtl.noUi-horizontal .noUi-handle { left:-19px; right:auto; } /* Styling; * Giving the connect element a border radius causes issues with using transform: scale */ .noUi-target { background:#3c3c3c; border-radius:38px; } .noUi-connects { border-radius:0; cursor:pointer; } .noUi-connect { background:#3FB8AF; } /* Handles and cursors; */ .noUi-draggable { cursor:ew-resize; } .noUi-vertical .noUi-draggable { cursor:ns-resize; } .noUi-handle { background:transparent; } /* Disabled state; */ [disabled] .noUi-connect { background:#B8B8B8; } [disabled].noUi-target, [disabled].noUi-handle, [disabled] .noUi-handle { cursor:not-allowed; } /* Base; * */ .noUi-pips, .noUi-pips * { -moz-box-sizing:border-box; box-sizing:border-box; } .noUi-pips { position:absolute; color:#999; } /* Values; * */ .noUi-value { position:absolute; white-space:nowrap; text-align:center; } .noUi-value-sub { color:#ccc; font-size:10px; } /* Markings; * */ .noUi-marker { position:absolute; background:#CCC; } .noUi-marker-sub { background:#AAA; } .noUi-marker-large { background:#AAA; } /* Horizontal layout; * */ .noUi-pips-horizontal { padding:10px 0; height:80px; top:100%; left:0; width:100%; } .noUi-value-horizontal { -webkit-transform:translate(-50%,50%); transform:translate(-50%,50%); } .noUi-rtl .noUi-value-horizontal { -webkit-transform:translate(50%,50%); transform:translate(50%,50%); } .noUi-marker-horizontal.noUi-marker { margin-left:-1px; width:2px; height:5px; } .noUi-marker-horizontal.noUi-marker-sub { height:10px; } .noUi-marker-horizontal.noUi-marker-large { height:15px; } /* Vertical layout; * */ .noUi-pips-vertical { padding:0 10px; height:100%; top:0; left:100%; } .noUi-value-vertical { -webkit-transform:translate(0,-50%); transform:translate(0,-50%); padding-left:25px; } .noUi-rtl .noUi-value-vertical { -webkit-transform:translate(0,50%); transform:translate(0,50%); } .noUi-marker-vertical.noUi-marker { width:5px; height:2px; margin-top:-1px; } .noUi-marker-vertical.noUi-marker-sub { width:10px; } .noUi-marker-vertical.noUi-marker-large { width:15px; } .noUi-tooltip { display:block; position:absolute; border:1px solid #D9D9D9; border-radius:3px; background:#fff; color:#000; padding:5px; text-align:center; white-space:nowrap; } .noUi-horizontal .noUi-tooltip { -webkit-transform:translate(-50%,0); transform:translate(-50%,0); left:50%; bottom:120%; } .noUi-vertical .noUi-tooltip { -webkit-transform:translate(0,-50%); transform:translate(0,-50%); top:50%; right:120%; } .noUi-horizontal .noUi-origin > .noUi-tooltip { -webkit-transform:translate(50%,0); transform:translate(50%,0); left:auto; bottom:10px; } .noUi-vertical .noUi-origin > .noUi-tooltip { -webkit-transform:translate(0,-18px); transform:translate(0,-18px); top:auto; right:28px; } .elementCookietable .cookieClassTitle { font-size:min(18px,calc(0vw + 18px)); line-height:min(22px,calc(0vw + 22px)); font-weight:bold; } .elementCookietable .cookieEntryName .cookieEntryValue { font-size:calc(0vw + 18px); line-height:1.66; font-weight:bold; } .isDarkBackground .pin span { color:#E6E100; font-size:min(20px,calc(0vw + 20px)); } .isLightBackground .pin span { color:#3c3c3c; font-size:min(20px,calc(0vw + 20px)); } .elementOpenStreetMap .ol-zoom-in, .elementOpenStreetMap .ol-zoom-out { background-color:#E6E100; } .elementOpenStreetMap .ol-zoom-in:hover, .elementOpenStreetMap .ol-zoom-in:active, .elementOpenStreetMap .ol-zoom-out:hover, .elementOpenStreetMap .ol-zoom-out:active { background-color:#E6E100; } .elementOpenStreetMap .ol-zoom-in:before, .elementOpenStreetMap .ol-zoom-in:after, .elementOpenStreetMap .ol-zoom-out:before, .elementOpenStreetMap .ol-zoom-out:after { content:none; } .elementOpenStreetMap .ol-zoom-in span, .elementOpenStreetMap .ol-zoom-out span { color:#3c3c3c!important; } .slick-slider { position:relative; display:block; box-sizing:border-box; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent; } .slick-list { position:relative; overflow:hidden; display:block; margin:0; padding:0; } .slick-list:focus { outline:none; } .slick-list.dragging { cursor:pointer; cursor:hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } .slick-track { position:relative; left:0; top:0; display:block; margin-left:auto; margin-right:auto; } .slick-track:before, .slick-track:after { content:""; display:table; } .slick-track:after { clear:both; } .slick-loading .slick-track { visibility:hidden; } .slick-slide { float:left; height:100%; min-height:1px; display:none; } [dir="rtl"] .slick-slide { float:right; } .slick-slide img { display:block; } .slick-slide.slick-loading img { display:none; } .slick-slide.dragging img { pointer-events:none; } .slick-initialized .slick-slide { display:block; } .slick-loading .slick-slide { visibility:hidden; } .slick-vertical .slick-slide { display:block; height:auto; border:1px solid transparent; } .slick-arrow.slick-hidden { display:none; } .selectric-wrapper { position:relative; height:calc(0vw + 61px); min-height:calc(0vw + 61px); } .selectric-wrapper.selectric-wglIsInvalid .selectric .label { color:#FB0008; } .selectric-responsive { width:100%; } .selectric { position:relative; border-radius:calc(0vw + 30.5px); background:#EDEEF0; cursor:pointer; overflow:hidden; } .selectric .label { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:15px; line-height:calc(0vw + 61px); height:calc(0vw + 61px); user-select:none; padding:0 calc(calc(0vw + 30.5px) / 1.2); } .selectric .button { position:absolute; display:block; right:calc(calc(0vw + 30.5px) / 1.2); top:50%; width:20px; height:10px; line-height:calc(0vw + 61px); background-color:#EDEEF0; text-indent:-9999px; transform:translateY(-50%); } .selectric .button:after { position:absolute; display:block; content:''; top:0; left:0; width:20px; height:10px; background:url(/weblication-wGlobal/wGlobal/layout/images/mzv/optimized/icon-chevron-down.svg) no-repeat 0 0; background-size:contain; } .selectric-open { z-index:9999; } .selectric-open .selectric-items { display:block; } .selectric-disabled { filter:; opacity:0.5; cursor:default; user-select:none; } .selectric-hide-select { position:relative; overflow:hidden; width:0; height:0; } .selectric-hide-select select { position:absolute; left:-100%; float:none!important; } .selectric-hide-select.selectric-is-native { position:absolute; width:100%; height:100%; z-index:10; } .selectric-hide-select.selectric-is-native select { position:absolute; top:0; left:0; right:0; height:100%; width:100%; border:none; z-index:1; box-sizing:border-box; opacity:0; } .selectric-input { position:absolute !important; top:0 !important; left:0 !important; overflow:hidden !important; clip:rect(0,0,0,0) !important; margin:0 !important; padding:0 !important; width:1px !important; height:1px !important; outline:none !important; border:none !important; font:0/0 a !important; background:none !important; } .selectric-temp-show { position:absolute !important; visibility:hidden !important; display:block !important; } .selectric-items { position:absolute; display:none; width:100%!important; top:100%; left:0; margin-top:5px; background:#FFFFFF; z-index:-1; box-shadow:-10px 10px 30px #3c3c3c; z-index:999; } .selectric-items:before { position:absolute; content:''; top:-13px; left:50%; width:0; height:0; transform:translateX(-50%); border-bottom:14px solid #FFFFFF; border-left:11px solid transparent; border-right:11px solid transparent; } .selectric-items .selectric-scroll { height:100%; overflow:auto; padding:5px 10px; } .selectric-items .selectric-scroll ul li:first-child { display:none; } .selectric-above .selectric-items { top:auto; bottom:100%; } .selectric-items ul, .selectric-items li { list-style:none; padding:0; margin:0; font-size:15px; line-height:1.2; } .selectric-items li { display:block; padding-top:15px; padding-bottom:15px; padding-right:10px; padding-left:calc(calc(calc(0vw + 30.5px) / 1.2) - 10px); color:#3c3c3c; cursor:pointer; } .selectric-items li.selected { background:#E6E100; color:#3c3c3c!important; } .selectric-items li.highlighted { background:#E6E100; color:#3c3c3c!important; } .selectric-items li:hover { background:#E6E100; color:#3c3c3c!important; } .selectric-items .disabled { filter:; opacity:0.5; cursor:default !important; background:none !important; user-select:none; } .selectric-items .selectric-group .selectric-group-label { font-weight:bold; padding-left:10px; cursor:default; user-select:none; background:none; color:#3c3c3c; } .selectric-items .selectric-group.disabled li { filter:; opacity:1; } .selectric-items .selectric-group li { padding-left:25px; } .buttonGroup >.boxInner { display:flex; gap:30px; flex-wrap:wrap; } .buttonGroup >.boxInner .elementLink, .buttonGroup >.boxInner .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard { margin-bottom:0!important; } .moduleHeaderSlider, .moduleTabNavigation, .moduleJobList, .moduleUseCases, .moduleContactTeaser100, .moduleContactTeaser5050, .moduleImageText5050, .moduleTextImage5050, .moduleTextIcon25252525, .moduleMulticol50Container, .moduleImageCenteredText, .moduleSearchResult { overflow:hidden; } #blockContentInner >.elementSection.elementSectionMargin_var10.moduleImageText5050 >.sectionInner >.elementContainerStandardColumns, #blockContentInner >.elementSectionObjectContactPerson.elementSectionObjectContactPersonMargin_var10.moduleImageText5050 >.sectionInner >.elementContainerStandardColumns, #blockContentInner >.elementSection.elementSectionMargin_var10.moduleTextImage5050 >.sectionInner >.elementContainerStandardColumns, #blockContentInner >.elementSectionObjectContactPerson.elementSectionObjectContactPersonMargin_var10.moduleTextImage5050 >.sectionInner >.elementContainerStandardColumns { align-items:flex-end; } #blockContentInner >.elementSection >.sectionInner >.elementContainerStandardColumns +.elementContainerStandardColumns, #blockContentInner >.elementSectionObjectContactPerson >.sectionInner >.elementContainerStandardColumns +.elementContainerStandardColumns { margin-top:calc(5.7471264368vw + 53.4482758621px); } .moduleTabNavigation { padding:calc(calc(1.9157088123vw + 27.816091954px) - 15px) calc(3.0651340996vw + 18.5057471264px)!important; background-color:#EDEEF0; overflow-x:auto!important; overflow-y:hidden; } .moduleTabNavigation .elementNavigation .navLevelContainer { display:flex; justify-content:space-around; } .moduleTabNavigation .elementNavigation .navLevelContainer >li { padding:15px 20px; } .moduleTabNavigation .elementNavigation .navLevelContainer >li.navLevelSelected { font-weight:bold; } .moduleTabNavigation .elementNavigation .navLevelContainer >li.navLevelSelected a { border-bottom:min(4px,calc(0.153256705vw + 1.4252873563px)) solid #E6E100; } .moduleTabNavigation .elementNavigation .navLevelContainer >li >a { color:#3c3c3c; text-decoration:none; font-size:min(30px,calc(0.6130268199vw + 19.7011494253px)); line-height:min(35px,calc(0.6896551724vw + 23.4137931034px)); padding-bottom:0; white-space:nowrap; } @media (hover: hover) { .moduleTabNavigation:not(.browseedit)::-webkit-scrollbar-track { background-color:#F0F0F0; } .moduleTabNavigation:not(.browseedit)::-webkit-scrollbar { height:8px; } .moduleTabNavigation:not(.browseedit)::-webkit-scrollbar-thumb { border-radius:4px; border:8px solid #C4C8CE; } } @media (min-width: 992px) { .moduleTabNavigation .elementNavigation .navLevelContainer { justify-content:space-around; } } @media (min-width: 992px) { .moduleTabNavigation .elementNavigation .navLevelContainer >li { min-width:250px; text-align:center; } } @media (max-width: 991px) { .elementSectionPadding_var60.moduleAccordion .elementAccordion, elementSectionPadding_var65.moduleAccordion .elementAccordion { margin-left:calc(-16.8582375479vw + 33.2183908046px); margin-right:calc(-16.8582375479vw + 33.2183908046px); } } @media (max-width: 991px) { .elementSectionPadding_var80.moduleAccordion .elementAccordion { margin-left:calc(-31.4176245211vw + 87.816091954px); margin-right:calc(-31.4176245211vw + 87.816091954px); } } .moduleAccordion .elementAccordion .accordionContent { padding-top:calc(1.9157088123vw + 67.816091954px); padding-bottom:calc(1.9157088123vw + 67.816091954px); } .moduleAccordion .elementAccordion .accordionContent ul { list-style:none; } .moduleAccordion .elementAccordion .accordionContent ul li:before { content:"\2022"; color:#E6E100; font-weight:bold; display:inline-block; width:1em; margin-left:-1em; } .moduleAccordion .elementAccordion .accordionSeparator { width:100%; } .moduleAccordion .elementAccordion .accordionSeparator:after { background-color:#C4C8CE; } @media (max-width: 991px) { .moduleAccordion .elementAccordion { margin-left:calc(-5.3639846743vw - 9.8850574713px); margin-right:calc(-5.3639846743vw - 9.8850574713px); } } @media (max-width: 991px) { .moduleAccordion .elementAccordion .accordionHeader { padding-left:calc(1.5325670498vw + 24.2528735632px); padding-right:calc(calc(1.5325670498vw + 24.2528735632px) * 2.5); } .moduleAccordion .elementAccordion .accordionHeader .accordionHeaderOpener { right:calc(calc(1.5325670498vw + 24.2528735632px) * .9); } } @media (max-width: 991px) { .moduleAccordion .elementAccordion .accordionContent .elementBox:not(.moduleImageText5050):not(.moduleTextImage5050):not(.boxFullWidthMobile) { padding-left:calc(1.5325670498vw + 24.2528735632px)!important; padding-right:calc(1.5325670498vw + 24.2528735632px)!important; } } .moduleJobList >.sectionInner .boxCategoryFilter >.boxInner >.elementContainerStandardColumns .elementCategoryFilterList { overflow:unset!important; } .moduleJobList >.sectionInner .boxCategoryFilter >.boxInner .selectric-items .selectric-scroll ul li:first-child { display:block!important; } .moduleJobList >.sectionInner .listDefault .listEntryObject-jobOffer { width:100%; border:1px solid #C4C8CE; margin-bottom:25px; } .moduleJobList >.sectionInner .listDefault .listEntryObject-jobOffer:last-child { margin-bottom:0; } .moduleJobList >.sectionInner .listDefault .listEntryObject-jobOffer >.listEntryInner { display:flex; align-items:center; padding:calc(calc(1.5325670498vw + 24.2528735632px) / 1.5) calc(1.5325670498vw + 24.2528735632px); background-color:#FFFFFF; transition:background 500ms ease; } .moduleJobList >.sectionInner .listDefault .listEntryObject-jobOffer >.listEntryInner:hover { background-color:#EDEEF0; } .moduleJobList >.sectionInner .listDefault .listEntryObject-jobOffer >.listEntryInner .listEntryWrapper { width:85%; } .moduleJobList >.sectionInner .listDefault .listEntryObject-jobOffer >.listEntryInner .listEntryWrapper .listEntryElement { color:#3c3c3c; } .moduleJobList >.sectionInner .listDefault .listEntryObject-jobOffer >.listEntryInner .listEntryWrapper .listEntryElement.listEntryTitle { font-size:min(30px,calc(0.6130268199vw + 19.7011494253px)); line-height:min(35px,calc(0.6896551724vw + 23.4137931034px)); } .moduleJobList >.sectionInner .listDefault .listEntryObject-jobOffer >.listEntryInner .listEntryWrapper .listEntryElement.listEntryDescription { display:none; } .moduleJobList >.sectionInner .listDefault .listEntryObject-jobOffer >.listEntryInner .listEntryWrapper .listEntryJobData { display:none!important; } .moduleJobList >.sectionInner .listDefault .listEntryObject-jobOffer >.listEntryInner .listEntryWrapper .jobFunctionLevel { display:inline-block; line-height:1.36; } .moduleJobList >.sectionInner .listDefault .listEntryObject-jobOffer >.listEntryInner .listEntryButtonGroupWrapper { display:flex; width:15%; justify-content:flex-end; } .moduleJobList >.sectionInner .listDefault .listEntryObject-jobOffer >.listEntryInner .listEntryButtonGroupWrapper .boxArrowRightYellow, .moduleJobList >.sectionInner .listDefault .listEntryObject-jobOffer >.listEntryInner .listEntryButtonGroupWrapper .moduleUseCases .listDefault li.listEntry .listEntryInner >.listEntryElement >.listEntryElement.linkOnlyArrowRight { margin-top:0; } @media (min-width: 992px) { .moduleJobList >.sectionInner .boxCategoryFilter >.boxInner >.elementContainerStandardColumns >.col1 { padding-right:25px; } } @media (max-width: 991px) { .moduleJobList >.sectionInner .boxCategoryFilter >.boxInner >.elementContainerStandardColumns >.col1 { margin-bottom:20px; } } @media (min-width: 992px) { .moduleJobList >.sectionInner .boxCategoryFilter >.boxInner >.elementContainerStandardColumns >.col2 { padding-left:25px; } } .moduleJobHeader .elementLinkBack { position:absolute; left:calc(calc(calc(31.4176245211vw - 87.816091954px) - calc(16.8582375479vw - 33.2183908046px)) * -1); } .moduleJobHeader .elementLinkBack a { margin-top:0; } @media (min-width: 992px) { .moduleJobHeader .elementLinkBack { margin-top:8px; } } @media (max-width: 991px) { .moduleJobHeader .elementLinkBack { top:0; } } .moduleJob .boxJobContactPerson .listDefault { justify-content:left; } @media only screen and (max-width: 575px) { .moduleJob .boxJobContactPerson .listDefault { justify-content:center; } } @media only screen and (min-width: 992px) { .moduleJob .boxJobContactPerson .listEntryObject-contactPerson .personContainer { display:flex; align-items:center; column-gap:30px; } .moduleJob .boxJobContactPerson .listEntryObject-contactPerson .personContainer .listEntryDetails { text-align:left; } } .moduleTextOnly100 { overflow:hidden; } .moduleTextOnly100 .elementHeadline, .moduleTextOnly100 .elementText, .moduleTextOnly100 .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonText, .moduleTextOnly100 .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks, .moduleTextOnly100 .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress, .moduleTextOnly100 .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments, .moduleTextOnly100 .elementLink, .moduleTextOnly100 .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard { text-align:center; } .moduleTextOnly100 .elementHeadline, .moduleTextOnly100 .elementText, .moduleTextOnly100 .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonText, .moduleTextOnly100 .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks, .moduleTextOnly100 .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress, .moduleTextOnly100 .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments, .moduleTextOnly100 .elementLink, .moduleTextOnly100 .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard, .moduleTextOnly100 .elementPicture { opacity:0; transform:translate3d(0,8vh,0); transition:all 750ms ease-in-out; } .wComponentExplorerPreview .moduleTextOnly100 .elementHeadline, .wComponentExplorerPreview .moduleTextOnly100 .elementText, .wComponentExplorerPreview .moduleTextOnly100 .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonText, .wComponentExplorerPreview .moduleTextOnly100 .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks, .wComponentExplorerPreview .moduleTextOnly100 .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress, .wComponentExplorerPreview .moduleTextOnly100 .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments, .wComponentExplorerPreview .moduleTextOnly100 .elementLink, .wComponentExplorerPreview .moduleTextOnly100 .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard, .wComponentExplorerPreview .moduleTextOnly100 .elementPicture { opacity:1; transform:translate3d(0,0,0); transition:none; } .weditor:not(.wpreview) .moduleTextOnly100 .elementHeadline, .weditor:not(.wpreview) .moduleTextOnly100 .elementText, .weditor:not(.wpreview) .moduleTextOnly100 .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonText, .weditor:not(.wpreview) .moduleTextOnly100 .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks, .weditor:not(.wpreview) .moduleTextOnly100 .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress, .weditor:not(.wpreview) .moduleTextOnly100 .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments, .weditor:not(.wpreview) .moduleTextOnly100 .elementLink, .weditor:not(.wpreview) .moduleTextOnly100 .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard, .weditor:not(.wpreview) .moduleTextOnly100 .elementPicture { opacity:1; transform:translate3d(0,0,0); transition:none; } .object-useCase .moduleTextOnly100 .elementHeadline, .object-useCase .moduleTextOnly100 .elementText, .object-useCase .moduleTextOnly100 .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonText, .object-useCase .moduleTextOnly100 .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks, .object-useCase .moduleTextOnly100 .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress, .object-useCase .moduleTextOnly100 .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments, .object-useCase .moduleTextOnly100 .elementLink, .object-useCase .moduleTextOnly100 .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard, .object-useCase .moduleTextOnly100 .elementPicture { opacity:1; transform:translate3d(0,0,0); transition:none; } .moduleTextOnly100 .elementHeadline.onScreen, .wComponentExplorerPreview .moduleTextOnly100 .elementHeadline, .moduleTextOnly100 .elementText.onScreen, .moduleTextOnly100 .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonText.onScreen, .moduleTextOnly100 .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks.onScreen, .moduleTextOnly100 .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress.onScreen, .moduleTextOnly100 .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments.onScreen, .wComponentExplorerPreview .moduleTextOnly100 .elementText, .wComponentExplorerPreview .moduleTextOnly100 .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonText, .wComponentExplorerPreview .moduleTextOnly100 .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks, .wComponentExplorerPreview .moduleTextOnly100 .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress, .wComponentExplorerPreview .moduleTextOnly100 .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments, .moduleTextOnly100 .elementLink.onScreen, .moduleTextOnly100 .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard.onScreen, .wComponentExplorerPreview .moduleTextOnly100 .elementLink, .wComponentExplorerPreview .moduleTextOnly100 .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard, .moduleTextOnly100 .elementPicture.onScreen, .wComponentExplorerPreview .moduleTextOnly100 .elementPicture { opacity:1; transform:translate3d(0,0,0); } .moduleTextOnly100 .elementHeadline_var55 .h3, .moduleTextOnly100 .elementHeadline_var55 h3 { padding-bottom:0; } .moduleTextOnly100 .elementHeadline_var55 +.elementHeadline { margin-top:10px; } .weditor:not(.wpreview) .elementSection, .weditor:not(.wpreview) .elementSectionObjectContactPerson { overflow:unset!important; } @media (max-width: 991px) { .elementSection >.sectionInner >.elementContainerStandardColumns .col .elementPicture, .elementSectionObjectContactPerson >.sectionInner >.elementContainerStandardColumns .col .elementPicture { text-align:center; } } .moduleHeaderVisual:not(.elementSectionMargin_var10) +.elementSection, .moduleHeaderVisual:not(.elementSectionObjectContactPersonMargin_var10) +.elementSectionObjectContactPerson, .moduleHeaderSlider:not(.elementSectionMargin_var10) +.elementSection, .moduleHeaderSlider:not(.elementSectionObjectContactPersonMargin_var10) +.elementSectionObjectContactPerson { padding-top:calc(1.9157088123vw + 67.816091954px); } .moduleHeaderVisual:before { position:absolute; display:block; content:""; top:0; left:0; width:100%; height:100%; visibility:visible; pointer-events:none; touch-action:none; opacity:.4; background:rgba(0,0,0,.3) url(/weblication-wGlobal/wGlobal/layout/images/mzv/optimized/mzv-arrows-page-transition.svg) no-repeat 0 0; background-size:contain; background-position-x:-100vw; background-position-y:bottom; transition:all 1500ms ease 375ms; } .moduleHeaderVisual.onScreen:after { background-position-x:0; } .moduleHeaderVisual #scroll-to-next-section { display:block; } @media (max-width: 991px) { .moduleHeaderVisual #scroll-to-next-section { display:none; } } .page_var1 .moduleHeaderSlider .listEntries .listEntryObject-slide:first-child .listEntryInner:before { background:rgba(0,0,0,0) url(/weblication-wGlobal/wGlobal/layout/images/mzv/optimized/mzv-arrows-page-transition.svg) no-repeat 0 0; background-size:contain; background-position-y:bottom; } .moduleHeaderSlider .listEntries .listEntryInner:before { position:absolute; display:block; content:""; top:0; left:0; width:100%; height:100%; visibility:visible; pointer-events:none; touch-action:none; background:rgba(0,0,0,.3) url(/weblication-wGlobal/wGlobal/layout/images/mzv/optimized/mzv-arrows-page-transition.svg) no-repeat 0 0; background-size:contain; background-position-x:-100vw; background-position-y:bottom; transition:all 1500ms ease 375ms; } .moduleHeaderSlider.onScreen .listEntries .listEntryInner:before { background-position-x:0; } .moduleHeaderSlider .listBannerSlider .listEntries #scroll-to-next-section { display:block; } .moduleHeaderSlider .listBannerSlider .listEntries.listEntries1 #scroll-to-next-section { right:50%; transform:translateX(50%); } .moduleHeaderSlider .listBannerSlider .listEntriesPreview.listEntriesPreview1 { display:none; } .moduleHeaderSlider .listBannerSlider .listEntryTitle { color:#E6E100!important; hyphens:auto; } .moduleHeaderSlider .listBannerSlider .listEntryVideo +div:after { position:absolute; display:block; content:" "; left:32px; bottom:calc(32px / -2 + calc(3.8314176245vw + 35.632183908px)); width:32px; height:32px; border-radius:50%; border:2px solid #E6E100; border-color:#E6E100 transparent #E6E100 transparent; animation:spinner-dual-ring 1.2s linear infinite; } .moduleHeaderSlider .listBannerSlider .listEntryVideo.video-playing +div:after, .moduleHeaderSlider .listBannerSlider .listEntryVideo.video-force-remove-spinner +div:after { content:none; } @media (max-width: 991px) { .moduleHeaderSlider .listBannerSlider .listEntries:not(.listEntries1) #scroll-to-next-section { display:none; } } .moduleMulticol50Container >.sectionInner >.elementContainerStandardColumns.onScreen >.col, .wComponentExplorerPreview .moduleMulticol50Container >.sectionInner >.elementContainerStandardColumns >.col { opacity:1; transform:translateX(0); } .moduleMulticol50Container >.sectionInner >.elementContainerStandardColumns >.col { opacity:0; transition:all 1000ms ease 250ms; } .wComponentExplorerPreview .moduleMulticol50Container >.sectionInner >.elementContainerStandardColumns >.col { opacity:1; } .moduleMulticol50Container >.sectionInner >.elementContainerStandardColumns >.col h1, .moduleMulticol50Container >.sectionInner >.elementContainerStandardColumns >.col h2, .moduleMulticol50Container >.sectionInner >.elementContainerStandardColumns >.col h3, .moduleMulticol50Container >.sectionInner >.elementContainerStandardColumns >.col h4, .moduleMulticol50Container >.sectionInner >.elementContainerStandardColumns >.col h5, .moduleMulticol50Container >.sectionInner >.elementContainerStandardColumns >.col h6 { padding-bottom:0; } .moduleMulticol50Container >.sectionInner >.elementContainerStandardColumns >.col1 { transform:translateX(50%); } .wComponentExplorerPreview .moduleMulticol50Container >.sectionInner >.elementContainerStandardColumns >.col1 { transform:translateX(0); } .moduleMulticol50Container >.sectionInner >.elementContainerStandardColumns >.col2 { transform:translateX(-50%); } .wComponentExplorerPreview .moduleMulticol50Container >.sectionInner >.elementContainerStandardColumns >.col2 { transform:translateX(0); } .moduleMulticol50Container >.sectionInner >.elementContainerStandardColumns .textContainer { z-index:1; } .moduleMulticol50Container >.sectionInner >.elementContainerStandardColumns .pictureContainer { opacity:1; z-index:2; } @media only screen and (max-width: 991px) { .moduleMulticol50Container >.sectionInner >.elementContainerStandardColumns >.col1 { transform:translateX(150%); } } @media only screen and (max-width: 991px) { .moduleMulticol50Container >.sectionInner >.elementContainerStandardColumns >.col2 { transform:translateX(-150%); } } .moduleSliderImage { padding-bottom:calc(calc(5.7471264368vw + 53.4482758621px) * 1.5); } .moduleSliderImage .listBannerSlider .listInner .listEntriesPreview { bottom:calc(calc(5.7471264368vw + 53.4482758621px) / -1.2); } .moduleSliderContentBox { padding-left:0; padding-right:0; } .moduleSliderContentBox .elementContainerStandardColumns { display:flex; flex-direction:row; flex-wrap:nowrap; } .moduleSliderContentBox .elementContainerStandardColumns .col.withSeparatorLeft { border:none!important; } .moduleSliderContentBox .elementContainerStandardColumns .col.col1 { width:calc(20.30651341vw + 298.8505747126px); height:calc(20.30651341vw + 298.8505747126px); } .moduleSliderContentBox .elementContainerStandardColumns .col.col3 { width:unset; } .weditor .moduleSliderContentBox .elementContainerStandardColumns .col.col3, .browseedit .moduleSliderContentBox .elementContainerStandardColumns .col.col3 { height:unset; } .moduleSliderContentBox .elementContainerStandardColumns .col.col3 .elementBox { padding-top:0; padding-left:0; padding-right:0; padding-bottom:0; margin:0; } .moduleSliderContentBox .elementContainerStandardColumns .col.col3 .elementBox .boxInner * { -ms-user-select:none; -moz-user-select:none; -webkit-user-select:none; user-select:none; } .moduleSliderContentBox .elementContainerStandardColumns .col.col2 { width:unset; height:calc(20.30651341vw + 298.8505747126px); padding-right:0; } .moduleSliderContentBox .elementContainerStandardColumns .col.col2 >div { padding-left:30px; padding-right:30px; align-items:center; justify-content:center; } .moduleSliderContentBox .elementContainerStandardColumns .col >div .elementBox { position:absolute; opacity:0; transition:opacity 500ms ease; } .moduleSliderContentBox .elementContainerStandardColumns .col >div .elementBox.listEntrySelected { opacity:1; z-index:10; } .wComponentExplorerPreview .moduleSliderContentBox .elementContainerStandardColumns .col >div .elementBox { opacity:1; } .weditor:not(.wpreview) .moduleSliderContentBox .elementContainerStandardColumns .col >div .elementBox { position:relative; opacity:1; } .moduleSliderContentBox .elementContainerStandardColumns .col .listBannerSlider { width:calc(20.30651341vw + 298.8505747126px); height:calc(20.30651341vw + 298.8505747126px); } .moduleSliderContentBox .elementContainerStandardColumns .col .listBannerSlider .listEntriesPreview { display:none; pointer-events:none; touch-action:none; } @media only screen and (max-width: 991px) { .moduleSliderContentBox { padding-top:0; } } @media only screen and (min-width: 992px) { .moduleSliderContentBox { padding-right:calc(5.3639846743vw + 9.8850574713px); padding-left:calc(5.3639846743vw + 9.8850574713px); } } @media only screen and (max-width: 991px) { .moduleSliderContentBox .elementContainerStandardColumns { flex-direction:column; } .moduleSliderContentBox .elementContainerStandardColumns .col.col1 { width:100%; height:100%; margin-bottom:0; } .moduleSliderContentBox .elementContainerStandardColumns .col.col1 .elementList-bannerSlider .listBannerSlider { width:100%; overflow:hidden; } .moduleSliderContentBox .elementContainerStandardColumns .col.col1 .elementList-bannerSlider .listBannerSlider .listEntriesPreview { display:block; pointer-events:all; touch-action:auto; } .moduleSliderContentBox .elementContainerStandardColumns .col.col2 { display:none; } .moduleSliderContentBox .elementContainerStandardColumns .col.col3 >div .elementBox { padding:calc(5.3639846743vw + 9.8850574713px) calc(5.3639846743vw + 9.8850574713px) 0 calc(5.3639846743vw + 9.8850574713px); } } @media only screen and (min-width: 992px) { .moduleSliderContentBox .elementContainerStandardColumns .col.col1 { width:45%; } } @media only screen and (min-width: 992px) { .moduleSliderContentBox .elementContainerStandardColumns .col.col3 { width:45%; } } @media (min-width: 992px) { .moduleSliderContentBox .elementContainerStandardColumns .col.col3 { padding-left:0; } } @media only screen and (min-width: 992px) { .moduleSliderContentBox .elementContainerStandardColumns .col .listBannerSlider { width:100%; } } @media (max-width: 991px) { .moduleSliderContentBox .elementContainerStandardColumns .col .listBannerSlider .listEntries .listEntry .listEntryImage:after { position:absolute; display:block; content:""; top:0; left:0; width:100%; height:100%; visibility:visible; pointer-events:none; touch-action:none; background-color:rgba(0,0,0,.4); transition:all 1500ms ease; } } .moduleImageOnly100 >.sectionInner >.elementPicture img { min-height:calc(45.0574712644vw + 143.0344827586px); } .moduleTextImageElevator >.sectionInner >.elementContainerStandardColumns { display:flex; padding-left:0; padding-right:0; margin-left:0; margin-right:0; } .moduleTextImageElevator >.sectionInner >.elementContainerStandardColumns .col { padding:0; } .moduleTextImageElevator >.sectionInner >.elementContainerStandardColumns .col.col2 .elementPicture picture img { height:calc(29.7318007663vw + 200.5057471264px); object-fit:contain; transition:transform 1000ms ease 250ms; } .scrolldirection-down .moduleTextImageElevator.onScreen >.sectionInner >.elementContainerStandardColumns .col .elementPicture picture img { transform:translateY(0); } @media (min-width: 992px) { .moduleTextImageElevator >.sectionInner >.elementContainerStandardColumns .col.col1 .elementBox { min-height:calc(29.7318007663vw + 200.5057471264px); padding:calc(3.4482758621vw + 37.0689655172px) calc(5.3639846743vw + 9.8850574713px); } } .moduleImageTextStandard5050 { overflow:hidden; } .moduleImageTextStandard5050 >.sectionInner >.elementContainerStandardColumns .col.col1 figure { width:100%; height:100%; } .moduleImageTextStandard5050 >.sectionInner >.elementContainerStandardColumns .col.col1 figure img { width:100%; height:100%; object-fit:cover; } .moduleImageTextStandard5050 >.sectionInner >.elementContainerStandardColumns .col.col2 { padding:calc(5.7471264368vw + 53.4482758621px) calc(3.0651340996vw + 18.5057471264px); margin-bottom:0; } @media (max-width: 991px) { .moduleImageTextStandard5050 >.sectionInner >.elementContainerStandardColumns .col.col1 { margin-bottom:0; } } @media (max-width: 991px) { .moduleImageTextStandard5050 >.sectionInner >.elementContainerStandardColumns .col.col1 figure img { max-height:calc(45.0574712644vw + 143.0344827586px); } } .moduleTextImageStandard5050 >.sectionInner >.elementContainerStandardColumns .col.col1 { padding:calc(5.7471264368vw + 53.4482758621px) calc(3.0651340996vw + 18.5057471264px); margin-bottom:0; } .moduleTextImageStandard5050 >.sectionInner >.elementContainerStandardColumns .col.col2 figure { width:100%; height:100%; } .moduleTextImageStandard5050 >.sectionInner >.elementContainerStandardColumns .col.col2 figure img { width:100%; height:100%; object-fit:cover; } @media (max-width: 991px) { .moduleTextImageStandard5050 >.sectionInner >.elementContainerStandardColumns.elementContainerStandardColumns_var5050reverseSingle .col.col1 { margin-top:0; } } @media (max-width: 991px) { .moduleTextImageStandard5050 >.sectionInner >.elementContainerStandardColumns .col.col2 figure img { max-height:calc(45.0574712644vw + 143.0344827586px); } } .moduleTextImage5050 >.sectionInner >.elementContainerStandardColumns { display:flex; align-items:flex-start; padding-left:0; padding-right:0; margin-left:0; margin-right:0; } .moduleTextImage5050 >.sectionInner >.elementContainerStandardColumns .col { position:relative; padding:0; margin-bottom:0; } .moduleTextImage5050 >.sectionInner >.elementContainerStandardColumns .col.col1 { z-index:9; } .moduleTextImage5050 >.sectionInner >.elementContainerStandardColumns .col.col2 { z-index:5; } .moduleTextImage5050 >.sectionInner >.elementContainerStandardColumns .col.col2 .elementPicture { margin-bottom:0; } .moduleTextImage5050 >.sectionInner >.elementContainerStandardColumns .col.col2 .elementPicture picture img { width:100%; height:calc(29.7318007663vw + 200.5057471264px)!important; object-fit:cover; transform:scale(1); transition:transform 1500ms ease; } .moduleTextImage5050 >.sectionInner >.elementContainerStandardColumns .col.col2 .elementPicture.elementPictureSize_var81 picture img { height:auto!important; } .moduleTextImage5050 >.sectionInner >.elementContainerStandardColumns .col.col2 .elementPicture +.elementPicture { position:absolute; top:0; left:0; width:100%; height:100%; pointer-events:none; } .moduleTextImage5050 >.sectionInner >.elementContainerStandardColumns .col.col2 .elementPicture +.elementPicture picture img { opacity:0; } .moduleTextImage5050 >.sectionInner >.elementContainerStandardColumns .col.col2 .elementPicture:hover +.elementPicture picture img { opacity:1; } .moduleTextImage5050.onScreen >.sectionInner >.elementContainerStandardColumns .col .elementPicture picture img { transform:translate(2vw,2vh) scale(1.1); } @media (max-width: 991px) { .moduleTextImage5050 >.sectionInner >.elementContainerStandardColumns.elementContainerStandardColumns_var5050reverseSingle .col.col1 { margin-top:0; } } @media (min-width: 992px) { .moduleTextImage5050 >.sectionInner >.elementContainerStandardColumns .col.col1 .elementBox { min-height:calc(calc(29.7318007663vw + 200.5057471264px) * .75); margin-right:-100px; padding:calc(3.4482758621vw + 37.0689655172px) calc(5.3639846743vw + 9.8850574713px); } } @media (min-width: 992px) { .moduleTextImage5050.withoutAnimation >.sectionInner >.elementContainerStandardColumns .col.col2 .elementBox, .moduleTextImage5050.withoutAnimation >.boxInner >.elementContainerStandardColumns .col.col2 .elementBox { margin-right:-50px; } } .moduleImageText5050 >.sectionInner >.elementContainerStandardColumns, .moduleImageText5050 >.boxInner >.elementContainerStandardColumns { display:flex; align-items:flex-start; padding-left:0; padding-right:0; margin-left:0; margin-right:0; } .moduleImageText5050 >.sectionInner >.elementContainerStandardColumns .col, .moduleImageText5050 >.boxInner >.elementContainerStandardColumns .col { position:relative; padding:0; margin-bottom:0; } .moduleImageText5050 >.sectionInner >.elementContainerStandardColumns .col.col1, .moduleImageText5050 >.boxInner >.elementContainerStandardColumns .col.col1 { margin-bottom:0; } .moduleImageText5050 >.sectionInner >.elementContainerStandardColumns .col.col1 .elementPicture picture img, .moduleImageText5050 >.boxInner >.elementContainerStandardColumns .col.col1 .elementPicture picture img { width:100%; height:calc(29.7318007663vw + 200.5057471264px)!important; object-fit:cover; transform:scale(1); transition:transform 1500ms ease; } .moduleImageText5050 >.sectionInner >.elementContainerStandardColumns .col.col1 .elementPicture.elementPictureSize_var81 picture img, .moduleImageText5050 >.boxInner >.elementContainerStandardColumns .col.col1 .elementPicture.elementPictureSize_var81 picture img { height:auto!important; } .moduleImageText5050 >.sectionInner >.elementContainerStandardColumns .col.col1 .elementPicture ~.elementPicture picture img, .moduleImageText5050 >.boxInner >.elementContainerStandardColumns .col.col1 .elementPicture ~.elementPicture picture img { position:absolute; opacity:0; } .moduleImageText5050.onScreen >.sectionInner >.elementContainerStandardColumns .col .elementPicture picture img { transform:translate(2vw,2vh) scale(1.1); } @media (max-width: 991px) { } @media (min-width: 992px) { .moduleImageText5050 >.sectionInner >.elementContainerStandardColumns .col.col2 .elementBox, .moduleImageText5050 >.boxInner >.elementContainerStandardColumns .col.col2 .elementBox { margin-left:-100px; padding:calc(3.4482758621vw + 37.0689655172px) calc(5.3639846743vw + 9.8850574713px); } } @media (min-width: 992px) { .moduleImageText5050.withoutAnimation >.sectionInner >.elementContainerStandardColumns .col.col2 .elementBox, .moduleImageText5050.withoutAnimation >.boxInner >.elementContainerStandardColumns .col.col2 .elementBox { margin-left:-50px; } } .moduleTextIcon25252525 .col .elementPicture { max-height:106px; } .moduleTextIcon25252525 .col .elementPicture figure picture img { max-height:106px; } .moduleTextImageScrollbox .accordionContent { display:block; } .moduleTextImageScrollbox .accordionContent.accordionContentHidden { display:block; } .moduleTextImageScrollbox >.sectionInner >.elementBox >.boxInner { height:auto!important; } .moduleTextImageScrollbox >.sectionInner >.elementBox >.boxInner >.elementContainerStandardColumns { position:relative; top:0; } .weditor:not(.wpreview) .moduleTextImageScrollbox >.sectionInner >.elementBox .elementContainerStandardColumns >.col.col1 { width:100%; } .weditor:not(.wpreview) .moduleTextImageScrollbox >.sectionInner >.elementBox .elementContainerStandardColumns >.col.col2 { width:0; display:none; } .weditor:not(.wpreview) .moduleTextImageScrollbox >.sectionInner >.elementBox .elementContainerStandardColumns >.col.col2 >div { position:relative; height:height:100%; } .moduleTextImageScrollbox >.sectionInner >.elementBox .elementContainerStandardColumns >.col.col2 >div { position:sticky; top:calc(5.7471264368vw + 53.4482758621px); height:unset; } .moduleTextImageScrollbox >.sectionInner >.elementBox .elementContainerStandardColumns >.col >div .elementAccordion { transition:transform 500ms ease; } .moduleTextImageScrollbox >.sectionInner >.elementBox .elementContainerStandardColumns >.col >div .elementAccordion::-webkit-scrollbar-track { background-color:transparent; } .moduleTextImageScrollbox >.sectionInner >.elementBox .elementContainerStandardColumns >.col >div .elementAccordion::-webkit-scrollbar { width:0; } .moduleTextImageScrollbox >.sectionInner >.elementBox .elementContainerStandardColumns >.col >div .elementAccordion::-webkit-scrollbar-thumb { border-radius:0; border:0 solid transparent; } .moduleTextImageScrollbox >.sectionInner >.elementBox .elementContainerStandardColumns >.col >div .elementAccordion .accordionHeader { padding-top:0; font-size:min(50px,calc(1.2260536398vw + 29.4022988506px)); line-height:min(58px,calc(0.9195402299vw + 42.5517241379px)); border-bottom:none; padding-left:calc(61px * 1.2); } .moduleTextImageScrollbox >.sectionInner >.elementBox .elementContainerStandardColumns >.col >div .elementAccordion .accordionHeader:hover { color:#E6E100; } .moduleTextImageScrollbox >.sectionInner >.elementBox .elementContainerStandardColumns >.col >div .elementAccordion .accordionHeader.accordionHeaderVisible { color:#E6E100; } .moduleTextImageScrollbox >.sectionInner >.elementBox .elementContainerStandardColumns >.col >div .elementAccordion .accordionHeader.accordionHeaderVisible .accordionHeaderOpener { border:1px solid #FFFFFF; background-color:transparent!important; } .moduleTextImageScrollbox >.sectionInner >.elementBox .elementContainerStandardColumns >.col >div .elementAccordion .accordionHeader.accordionHeaderVisible .accordionHeaderOpener:after { transform:translate(-50%,-50%) rotate(0); background-color:transparent!important; background:url(/weblication-wGlobal/wGlobal/layout/images/mzv/optimized/icon-arrow-down-yellow.svg) no-repeat 0 0; } .moduleTextImageScrollbox >.sectionInner >.elementBox .elementContainerStandardColumns >.col >div .elementAccordion .accordionHeader.accordionHeaderVisible .accordionHeaderOpener:hover:after { animation:jumpingHorizontal 1s; } .moduleTextImageScrollbox >.sectionInner >.elementBox .elementContainerStandardColumns >.col >div .elementAccordion .accordionHeader .accordionHeaderOpener { display:block!important; top:10px; right:unset; left:0; transform:none; } .moduleTextImageScrollbox >.sectionInner >.elementBox .elementContainerStandardColumns >.col >div .elementAccordion .accordionHeader .accordionHeaderOpener:after { background-color:transparent!important; transform:translate(-50%,-50%) rotate(-90deg); } .moduleTextImageScrollbox >.sectionInner >.elementBox .elementContainerStandardColumns >.col >div .elementAccordion .accordionHeader .accordionHeaderOpener:hover:after { animation:jumpingHorizontalArrow 1s; } .moduleTextImageScrollbox >.sectionInner >.elementBox .elementContainerStandardColumns >.col >div .elementAccordion .accordionContent { border-bottom:none; padding-left:calc(61px * 1.2); } .moduleTextImageScrollbox >.sectionInner >.elementBox .elementContainerStandardColumns >.col >div .elementAccordion .accordionContent .elementPicture { display:none; } .moduleTextImageScrollbox >.sectionInner >.elementBox .elementContainerStandardColumns >.col >div .elementAccordion .accordionSeparator { position:relative; width:90px; height:calc(0.7662835249vw + 37.1264367816px); margin-left:calc(61px * 1.2); } .moduleTextImageScrollbox >.sectionInner >.elementBox .elementContainerStandardColumns >.col >div .elementAccordion .accordionSeparator:after { position:absolute; display:block; content:""; top:50%; left:0; width:100%; height:1px; background-color:#E6E100; } .moduleTextImageScrollbox >.sectionInner >.elementBox .elementContainerStandardColumns >.col >div >.elementPicture { position:absolute; top:0; right:0; opacity:0; text-align:right; transform:translateY(0); transition:all 500ms ease; } .moduleTextImageScrollbox >.sectionInner >.elementBox .elementContainerStandardColumns >.col >div >.elementPicture.isActive { opacity:1; } .weditor:not(.wpreview) .moduleTextImageScrollbox >.sectionInner >.elementBox .elementContainerStandardColumns >.col >div >.elementPicture, .wComponentExplorerPreview .moduleTextImageScrollbox >.sectionInner >.elementBox .elementContainerStandardColumns >.col >div >.elementPicture { opacity:1; } .moduleTextImageScrollbox >.sectionInner >.elementBox .elementContainerStandardColumns >.col >div >.elementPicture figure img { width:100%; height:unset; object-fit:contain; } @media (max-width: 991px) { .moduleTextImageScrollbox >.sectionInner >.elementBox .elementContainerStandardColumns >.col { margin:0; } } @media (min-width: 992px) { .moduleTextImageScrollbox >.sectionInner >.elementBox .elementContainerStandardColumns >.col.col2 { position:relative; } } @media (max-width: 991px) { .moduleTextImageScrollbox >.sectionInner >.elementBox .elementContainerStandardColumns >.col.col2 { display:none; } } @media (max-width: 991px) { .moduleTextImageScrollbox >.sectionInner >.elementBox .elementContainerStandardColumns >.col >div .elementAccordion .accordionHeader { padding-left:0; } } @media (max-width: 991px) { .moduleTextImageScrollbox >.sectionInner >.elementBox .elementContainerStandardColumns >.col >div .elementAccordion .accordionHeader .accordionHeaderOpener { display:none!important; transform:scale(.5); top:0; left:calc(61px / -1.75); } } @media (max-width: 991px) { .moduleTextImageScrollbox >.sectionInner >.elementBox .elementContainerStandardColumns >.col >div .elementAccordion .accordionContent { display:flex; flex-direction:column-reverse; padding-left:0; } } @media (max-width: 991px) { .moduleTextImageScrollbox >.sectionInner >.elementBox .elementContainerStandardColumns >.col >div .elementAccordion .accordionContent .elementPicture { display:block; top:0; width:25vw; min-width:250px; margin-top:0; align-self:center; } } @media (max-width: 991px) { .moduleTextImageScrollbox >.sectionInner >.elementBox .elementContainerStandardColumns >.col >div .elementAccordion .accordionSeparator { margin-left:0; } } @media (max-width: 991px) { .moduleTextImageScrollbox >.sectionInner >.elementBox .elementContainerStandardColumns >.col >div >.elementPicture { transform:translateY(0)!important; } .moduleTextImageScrollbox >.sectionInner >.elementBox .elementContainerStandardColumns >.col >div >.elementPicture:nth-child(1) { position:relative; } } @media (min-width: 992px) { .moduleTabs5050 .elementTabContainer .containersOuter .container >.elementContainerStandardColumns >.col1 { width:55%; } .moduleTabs5050 .elementTabContainer .containersOuter .container >.elementContainerStandardColumns >.col2 { width:45%; } } .moduleTabs { overflow:hidden; padding:calc(5.7471264368vw + 53.4482758621px) 0 calc(5.7471264368vw + 53.4482758621px) calc(5.3639846743vw + 9.8850574713px)!important; } .moduleTabs .wglButtonEditEmbedElement { position:relative; } .moduleTabs.isDarkBackground .elementTabContainer.containerEntries1 .tabsOuter:after { border-left:1px solid #FFFFFF; } .moduleTabs .elementTabContainer { display:flex; } .weditor .moduleTabs .elementTabContainer, .browseedit .moduleTabs .elementTabContainer { height:auto!important; } .moduleTabs .elementTabContainer:not(.containerEntries1) { height:1px; } .moduleTabs .elementTabContainer.containerEntries1 .tabsOuter { height:auto; overflow:hidden!important; } .moduleTabs .elementTabContainer.containerEntries1 .tabsOuter:after { position:relative; display:block; content:""; top:0; left:50%; right:0; height:100%; border-left:1px solid #3c3c3c; z-index:1; } .moduleTabs .elementTabContainer:not(.containerEntries1) .tabsOuter { height:auto; } .moduleTabs .elementTabContainer:not(.containerEntries1) .tabsOuter >.tabs >.tab.tabSelected { pointer-events:none; touch-action:none; } .weditor .moduleTabs .elementTabContainer:not(.containerEntries1) .tabsOuter >.tabs >.tab.tabSelected, .browseedit .moduleTabs .elementTabContainer:not(.containerEntries1) .tabsOuter >.tabs >.tab.tabSelected { pointer-events:all; touch-action:auto; } .moduleTabs .elementTabContainer:not(.containerEntries1) .tabsOuter >.tabs >.tab.tabSelected >div { color:#E6E100; } .weditor:not(.wpreview) .moduleTabs .elementTabContainer { display:block; } .weditor:not(.wpreview) .moduleTabs .elementTabContainer >.tabs { flex-wrap:nowrap; } .weditor:not(.wpreview) .moduleTabs .elementTabContainer >.tabs >.tab { write-mode:unset; transform:unset; margin-right:40px!important; } .moduleTabs .elementTabContainer .tabsOuter { position:absolute; left:calc(calc(5.3639846743vw + 9.8850574713px) / -2); width:calc(0vw + 18px); visibility:visible!important; } .weditor:not(.wpreview) .moduleTabs .elementTabContainer .tabsOuter { position:relative; width:100%; } .moduleTabs .elementTabContainer .tabsOuter >.tabs { z-index:2; } .weditor:not(.wpreview) .moduleTabs .elementTabContainer .tabsOuter >.tabs { justify-content:space-evenly; } .moduleTabs .elementTabContainer .tabsOuter >.tabs:before, .moduleTabs .elementTabContainer .tabsOuter >.tabs:after { content:none; } .moduleTabs .elementTabContainer .tabsOuter >.tabs >.tab { width:auto!important; margin:0!important; padding:0; border:none; background-color:transparent; writing-mode:tb-lr; writing-mode:vertical-lr; transform:rotate(180deg) translateX(25%); outline:0; } .weditor:not(.wpreview) .moduleTabs .elementTabContainer .tabsOuter >.tabs >.tab { writing-mode:unset!important; transform:none!important; } .moduleTabs .elementTabContainer .tabsOuter >.tabs >.tab >div { font-size:calc(0vw + 18px); text-transform:uppercase; padding-top:25px; padding-bottom:0; } .moduleTabs .elementTabContainer .containersOuter { overflow-x:hidden; overflow-y:scroll; -ms-overflow-style:none; scrollbar-width:none; } .moduleTabs .elementTabContainer .containersOuter::-webkit-scrollbar-track { background-color:transparent; } .moduleTabs .elementTabContainer .containersOuter::-webkit-scrollbar { width:0; } .moduleTabs .elementTabContainer .containersOuter::-webkit-scrollbar-thumb { border-radius:0; border:none; } .moduleTabs .elementTabContainer .containersOuter .containers { padding:0 0 10px 10px; border:none; } .moduleTabs .elementTabContainer .containersOuter .containers >.containerTab { display:none!important; } .moduleTabs .elementTabContainer .containersOuter .containers >.container { display:block; opacity:1; } .weditor .moduleTabs .elementTabContainer .containersOuter .containers >.container, .browseedit .moduleTabs .elementTabContainer .containersOuter .containers >.container { opacity:1!important; } .moduleTabs .elementTabContainer .containersOuter .containers >.container:first-child { padding-top:0; } .moduleTabs .elementTabContainer .containersOuter .containers >.container >.elementStandard, .moduleTabs .elementTabContainer .containersOuter .containers >.container >.elementObjectContactPerson, .moduleTabs .elementTabContainer .containersOuter .containers >.container >.elementSitemap, .moduleTabs .elementTabContainer .containersOuter .containers >.container >.elementContent, .moduleTabs .elementTabContainer .containersOuter .containers >.container >.elementObjectContactPerson, .moduleTabs .elementTabContainer .containersOuter .containers >.container >.elementVideoExternal, .moduleTabs .elementTabContainer .containersOuter .containers >.container >.elementVideo, .moduleTabs .elementTabContainer .containersOuter .containers >.container >.elementText, .moduleTabs .elementTabContainer .containersOuter .containers >.container >.elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonText, .moduleTabs .elementTabContainer .containersOuter .containers >.container >.elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks, .moduleTabs .elementTabContainer .containersOuter .containers >.container >.elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress, .moduleTabs .elementTabContainer .containersOuter .containers >.container >.elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments, .moduleTabs .elementTabContainer .containersOuter .containers >.container >.elementTabContainer, .moduleTabs .elementTabContainer .containersOuter .containers >.container >.elementSitemap, .moduleTabs .elementTabContainer .containersOuter .containers >.container >.elementPicture, .moduleTabs .elementTabContainer .containersOuter .containers >.container >.elementNavigation, .moduleTabs .elementTabContainer .containersOuter .containers >.container >.elementLink, .moduleTabs .elementTabContainer .containersOuter .containers >.container >.elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard, .moduleTabs .elementTabContainer .containersOuter .containers >.container >.elementInfo, .moduleTabs .elementTabContainer .containersOuter .containers >.container >.elementHeadline, .moduleTabs .elementTabContainer .containersOuter .containers >.container >.elementDataFragment_var540, .moduleTabs .elementTabContainer .containersOuter .containers >.container >.elementBox, .moduleTabs .elementTabContainer .containersOuter .containers >.container >.elementAccordion { margin-bottom:0!important; } .moduleTabs .elementTabContainer .containersOuter .containers >.container >.elementStandard >.col1, .moduleTabs .elementTabContainer .containersOuter .containers >.container >.elementObjectContactPerson >.col1, .moduleTabs .elementTabContainer .containersOuter .containers >.container >.elementSitemap >.col1, .moduleTabs .elementTabContainer .containersOuter .containers >.container >.elementContent >.col1, .moduleTabs .elementTabContainer .containersOuter .containers >.container >.elementObjectContactPerson >.col1, .moduleTabs .elementTabContainer .containersOuter .containers >.container >.elementVideoExternal >.col1, .moduleTabs .elementTabContainer .containersOuter .containers >.container >.elementVideo >.col1, .moduleTabs .elementTabContainer .containersOuter .containers >.container >.elementText >.col1, .moduleTabs .elementTabContainer .containersOuter .containers >.container >.elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonText >.col1, .moduleTabs .elementTabContainer .containersOuter .containers >.container >.elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks >.col1, .moduleTabs .elementTabContainer .containersOuter .containers >.container >.elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress >.col1, .moduleTabs .elementTabContainer .containersOuter .containers >.container >.elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments >.col1, .moduleTabs .elementTabContainer .containersOuter .containers >.container >.elementTabContainer >.col1, .moduleTabs .elementTabContainer .containersOuter .containers >.container >.elementSitemap >.col1, .moduleTabs .elementTabContainer .containersOuter .containers >.container >.elementPicture >.col1, .moduleTabs .elementTabContainer .containersOuter .containers >.container >.elementNavigation >.col1, .moduleTabs .elementTabContainer .containersOuter .containers >.container >.elementLink >.col1, .moduleTabs .elementTabContainer .containersOuter .containers >.container >.elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard >.col1, .moduleTabs .elementTabContainer .containersOuter .containers >.container >.elementInfo >.col1, .moduleTabs .elementTabContainer .containersOuter .containers >.container >.elementHeadline >.col1, .moduleTabs .elementTabContainer .containersOuter .containers >.container >.elementDataFragment_var540 >.col1, .moduleTabs .elementTabContainer .containersOuter .containers >.container >.elementBox >.col1, .moduleTabs .elementTabContainer .containersOuter .containers >.container >.elementAccordion >.col1 { cursor:ns-resize; } .moduleTabs .elementTabContainer .containersOuter .containers >.container .elementPicture { display:flex; flex-grow:1; } .moduleTabs .elementTabContainer .containersOuter .containers >.container .elementPicture a { pointer-events:none; touch-action:none; } .weditor .moduleTabs .elementTabContainer .containersOuter .containers >.container .elementPicture, .browseedit .moduleTabs .elementTabContainer .containersOuter .containers >.container .elementPicture { position:relative; top:0; height:auto!important; } .weditor .moduleTabs .elementTabContainer .containersOuter .containers >.container .elementPicture figure picture, .browseedit .moduleTabs .elementTabContainer .containersOuter .containers >.container .elementPicture figure picture { opacity:1!important; } .moduleTabs .elementTabContainer .containersOuter .containers >.container .elementPicture figure { height:auto; } .moduleTabs .elementTabContainer.containerEntries1 .containersOuter .containers >.container .elementPicture { position:unset; top:unset; } .weditor:not(.wpreview) .moduleTabs .elementTabContainer.containerEntries1 .containersOuter .containers >.container .elementPicture { position:relative; } .moduleTabs .elementTabContainer.containerEntries1 .containersOuter .containers >.container .elementPicture figure picture { opacity:1; } @media (min-width: 992px) { .moduleTabs .elementTabContainer:not(.containerEntries1) .tabsOuter >.tabs >.tab:hover >div { color:#E6E100; } } @media (max-width: 991px) { .moduleTabs .elementTabContainer .tabsOuter { margin-left:-1 * calc(0vw + 18px); } } @media (max-width: 991px) { .moduleTabs .elementTabContainer .containersOuter { margin-left:calc(0vw + 18px); } } @media (max-width: 991px) { .moduleTabs .elementTabContainer .containersOuter .containers >.container >.elementStandard >.col1, .moduleTabs .elementTabContainer .containersOuter .containers >.container >.elementObjectContactPerson >.col1, .moduleTabs .elementTabContainer .containersOuter .containers >.container >.elementSitemap >.col1, .moduleTabs .elementTabContainer .containersOuter .containers >.container >.elementContent >.col1, .moduleTabs .elementTabContainer .containersOuter .containers >.container >.elementObjectContactPerson >.col1, .moduleTabs .elementTabContainer .containersOuter .containers >.container >.elementVideoExternal >.col1, .moduleTabs .elementTabContainer .containersOuter .containers >.container >.elementVideo >.col1, .moduleTabs .elementTabContainer .containersOuter .containers >.container >.elementText >.col1, .moduleTabs .elementTabContainer .containersOuter .containers >.container >.elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonText >.col1, .moduleTabs .elementTabContainer .containersOuter .containers >.container >.elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks >.col1, .moduleTabs .elementTabContainer .containersOuter .containers >.container >.elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress >.col1, .moduleTabs .elementTabContainer .containersOuter .containers >.container >.elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments >.col1, .moduleTabs .elementTabContainer .containersOuter .containers >.container >.elementTabContainer >.col1, .moduleTabs .elementTabContainer .containersOuter .containers >.container >.elementSitemap >.col1, .moduleTabs .elementTabContainer .containersOuter .containers >.container >.elementPicture >.col1, .moduleTabs .elementTabContainer .containersOuter .containers >.container >.elementNavigation >.col1, .moduleTabs .elementTabContainer .containersOuter .containers >.container >.elementLink >.col1, .moduleTabs .elementTabContainer .containersOuter .containers >.container >.elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard >.col1, .moduleTabs .elementTabContainer .containersOuter .containers >.container >.elementInfo >.col1, .moduleTabs .elementTabContainer .containersOuter .containers >.container >.elementHeadline >.col1, .moduleTabs .elementTabContainer .containersOuter .containers >.container >.elementDataFragment_var540 >.col1, .moduleTabs .elementTabContainer .containersOuter .containers >.container >.elementBox >.col1, .moduleTabs .elementTabContainer .containersOuter .containers >.container >.elementAccordion >.col1 { margin-top:0; padding-right:calc(calc(5.3639846743vw + 9.8850574713px)); } } @media (min-width: 992px) { .moduleTabs .elementTabContainer .containersOuter .containers >.container .elementPicture { position:absolute; top:calc(calc(5.7471264368vw + 53.4482758621px) * -1); } } @media (max-width: 991px) { .moduleTabs .elementTabContainer .containersOuter .containers >.container .elementPicture { position:relative; height:auto!important; margin-bottom:30px; padding-right:0; } } @media (max-width: 991px) { .moduleTabs .elementTabContainer .containersOuter .containers >.container .elementPicture figure picture { position:relative; display:block; padding-bottom:75%; height:100%; } .moduleTabs .elementTabContainer .containersOuter .containers >.container .elementPicture figure picture img { position:absolute; width:100%; height:100%; object-fit:cover; } } @media (min-width: 992px) { .moduleTabs .elementTabContainer .containersOuter .containers >.container .elementPicture figure picture { display:inline-block; opacity:0; transition:opacity 500ms ease-in-out; } .moduleTabs .elementTabContainer .containersOuter .containers >.container .elementPicture figure picture img { width:100%; height:100%; object-fit:cover; } } @media (min-width: 992px) { .moduleTabs .elementTabContainer .containersOuter .containers >.container.containerSelected .elementPicture figure picture { opacity:1; } } .moduleImageAccordionScrollbox >.sectionInner { position:sticky; top:0; } .weditor .moduleImageAccordionScrollbox >.sectionInner, .browseedit .moduleImageAccordionScrollbox >.sectionInner { position:relative; } .moduleImageAccordionScrollbox .col.col1 { margin-bottom:0; } .moduleImageAccordionScrollbox .col .elementPicture figure picture img { min-height:calc(29.7318007663vw + 200.5057471264px); } .moduleImageAccordionScrollbox .col >div { overflow-x:hidden; overflow-y:hidden; } .moduleImageAccordionScrollbox .col >div::-webkit-scrollbar-track { background-color:transparent; } .moduleImageAccordionScrollbox .col >div::-webkit-scrollbar { width:0; } .moduleImageAccordionScrollbox .col >div::-webkit-scrollbar-thumb { border-radius:0; border:none; } .moduleImageAccordionScrollbox .col >div >.elementBox { padding:calc(calc(5.7471264368vw + 53.4482758621px) / 2) calc(5.3639846743vw + 9.8850574713px) calc(5.7471264368vw + 53.4482758621px) calc(5.3639846743vw + 9.8850574713px); transition:transform 500ms ease; } .moduleImageAccordionScrollbox .elementAccordion::-webkit-scrollbar-track { background-color:transparent; } .moduleImageAccordionScrollbox .elementAccordion::-webkit-scrollbar { width:0; } .moduleImageAccordionScrollbox .elementAccordion::-webkit-scrollbar-thumb { border-radius:0; border:none; } .moduleImageAccordionScrollbox .elementAccordion >div >.accordionHeader { font-size:min(50px,calc(1.2260536398vw + 29.4022988506px)); line-height:min(58px,calc(0.9195402299vw + 42.5517241379px)); color:#3c3c3c; border:none; } .moduleImageAccordionScrollbox .elementAccordion >div >.accordionHeader.accordionHeaderVisible { color:#3c3c3c; } .moduleImageAccordionScrollbox .elementAccordion >div >.accordionHeader.accordionHeaderVisible:after { content:none; } .moduleImageAccordionScrollbox .elementAccordion >div >.accordionHeader >.accordionHeaderOpener { display:none; } .moduleImageAccordionScrollbox .elementAccordion >div >.accordionContent { position:relative; border:none; padding:0; } @media only screen and (max-width: 991px) { .moduleImageAccordionScrollbox { height:100%!important; } } @media only screen and (max-width: 991px) { .moduleImageAccordionScrollbox >.sectionInner { position:relative; } } @media only screen and (max-width: 991px) { .moduleImageAccordionScrollbox >.sectionInner >.elementContainerStandardColumns { height:100%!important; } .moduleImageAccordionScrollbox >.sectionInner >.elementContainerStandardColumns >.col1 { min-height:100%!important; height:100%!important; } } @media only screen and (max-width: 991px) { .moduleImageAccordionScrollbox .col >div >.elementBox { height:100%!important; transform:translateY(0)!important; } } @media (min-width: 992px) { .moduleImageAccordionScrollbox .col >div >.elementBox { padding-bottom:0; } } @media (min-width: 992px) { .moduleImageAccordionScrollbox .elementAccordion { margin-bottom:30px!important; } } .moduleSearchResult { padding-left:calc(17.4712643678vw - 35.5172413793px); padding-right:calc(17.4712643678vw - 35.5172413793px); } .moduleSearchResult >.sectionInner >.elementContainerStandardColumns { display:flex; flex-wrap:wrap; flex-direction:row; } .moduleSearchResult >.sectionInner >.elementContainerStandardColumns .elementSearch { padding-right:calc(8.4291187739vw - 31.6091954023px); } .moduleSearchResult >.sectionInner >.elementContainerStandardColumns .elementSearch >div { position:relative; } .moduleSearchResult >.sectionInner >.elementContainerStandardColumns .elementSearch >div .elementResultText { position:absolute; top:0; left:-10%; height:100%; overflow:hidden; } .moduleSearchResult >.sectionInner >.elementContainerStandardColumns .elementSearch >div .elementResultText:after { position:relative; display:block; content:""; top:0; left:50%; right:0; height:100%; border-left:1px solid #3c3c3c; z-index:1; } .moduleSearchResult >.sectionInner >.elementContainerStandardColumns .elementSearch >div .elementResultText p { padding:0; writing-mode:vertical-lr; transform:rotate(180deg) translateY(-8px); } .moduleSearchResult >.sectionInner >.elementContainerStandardColumns >.col >div { display:flex; height:100%; flex-direction:column; justify-content:center; flex-grow:1; } .moduleSearchResult >.sectionInner >.elementContainerStandardColumns >.col >div form { position:relative; display:flex; align-items:center; } .moduleSearchResult >.sectionInner >.elementContainerStandardColumns >.col >div form:before { position:absolute; display:block; content:''; top:50%; left:0; width:32px; height:32px; margin-top:-4px; transform:translateY(-50%); background:url(/weblication-wGlobal/wGlobal/layout/images/mzv/optimized/icon-search.svg) no-repeat 0 0; background-size:contain; } .moduleSearchResult >.sectionInner >.elementContainerStandardColumns >.col >div form input { width:100%; max-width:unset; height:42px; margin:0; padding:0 32px 8px 48px; border:none; font-size:calc(0.4597701149vw + 16.275862069px); border-bottom:1px solid #3c3c3c; } .moduleSearchResult >.sectionInner >.elementContainerStandardColumns >.col >div form #searchSubmitList { position:relative; margin-left:calc(0vw + 61px); } .moduleSearchResult >.sectionInner >.elementContainerStandardColumns >.col >div form #searchSubmitList span { color:#3c3c3c!important; } .moduleSearchResult >.sectionInner >.elementContainerStandardColumns >.col >div form #searchSubmitList:before, .moduleSearchResult >.sectionInner >.elementContainerStandardColumns >.col >div form #searchSubmitList:after { background-color:#E6E100; border:solid 2px #E6E100; } .moduleSearchResult .listSearchResult .listEntry { padding:0; margin-top:100px; border:none!important; max-height:1000px; transition:all 500ms ease-in-out; } .moduleSearchResult .listSearchResult .listEntry:first-child { margin-top:0!important; } .moduleSearchResult .listSearchResult .listEntry.hidden { max-height:0; margin-top:0; } .moduleSearchResult .listSearchResult .listEntry .listEntryTitle { font-size:calc(0.30651341vw + 24.8505747126px); line-height:40px; padding:0; margin-bottom:calc(-0.3831417625vw + 21.4367816092px); } .moduleSearchResult .listSearchResult .listEntry .listEntryUrl a { display:block; margin-top:20px; } .moduleSearchResult #loadMore { margin-top:100px; } @media (max-width: 991px) { .moduleSearchResult >.sectionInner >.elementContainerStandardColumns .elementSearch >div .elementResultText { display:none; } } @media (max-width: 575px) { .moduleSearchResult >.sectionInner >.elementContainerStandardColumns >.col >div form #searchSubmitList { display:none; } } @media (max-width: 991px) { .moduleSearchResult #loadMore { margin-top:75px; } } @media (max-width: 991px) { .moduleContactTeaser5050 >.sectionInner .elementContainerStandardColumns .col .elementContainerStandardColumns >.col1 { margin-bottom:30px; } } @media (min-width: 992px) { .moduleContactTeaser100 >.sectionInner >.elementContainerStandardColumns2 >.col1 { width:40%; padding-right:0; } .moduleContactTeaser100 >.sectionInner >.elementContainerStandardColumns2 >.col1 .elementPicture figure picture img { max-width:200px; float:right; } .moduleContactTeaser100 >.sectionInner >.elementContainerStandardColumns2 >.col1 .elementPicture figure picture img[src$="icon-newsletter-man.svg"] { left:0; height:220px; } .moduleContactTeaser100 >.sectionInner >.elementContainerStandardColumns2 >.col2 { width:60%; padding-left:60px; } } @media (max-width: 991px) { .moduleContactTeaser100 >.sectionInner >.elementContainerStandardColumns2 >.col1 { margin-bottom:30px; } } .moduleContact { padding-right:0!important; padding-bottom:0!important; overflow:unset!important; } .moduleContact >* { overflow-x:unset!important; } .moduleContact .elementTabContainer { overflow:unset; height:auto!important; } .moduleContact .elementTabContainer .tabsOuter { position:sticky!important; top:calc(5.7471264368vw + 53.4482758621px)!important; height:0!important; overflow:unset!important; transition:top 500ms ease; } .scrolldirection-up .moduleContact .elementTabContainer .tabsOuter { top:calc(5.7471264368vw + 53.4482758621px)!important; } .scrolldirection-down .moduleContact .elementTabContainer .tabsOuter { top:30px!important; } .moduleContact .elementTabContainer .containersOuter { margin-left:0; } .moduleContact .elementTabContainer .containersOuter .containers { padding:0; } .moduleContact .elementTabContainer .containersOuter .containers >.container { padding:0; display:block!important; opacity:1!important; margin-bottom:calc(5.7471264368vw + 53.4482758621px); padding:0 calc(2 * calc(5.3639846743vw + 9.8850574713px)) 0 calc(5.3639846743vw + 9.8850574713px); height:auto!important; min-height:unset!important; } .moduleContact .elementTabContainer .containersOuter .containers >.container:last-child { margin-bottom:0; } .moduleContact .elementTabContainer .containersOuter .containers >.container:last-child .col .formElement:last-child, .moduleContact .elementTabContainer .containersOuter .containers >.container:last-child .col .elementHeadline:last-child, .moduleContact .elementTabContainer .containersOuter .containers >.container:last-child .col .elementText:last-child, .moduleContact .elementTabContainer .containersOuter .containers >.container:last-child .col .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonText:last-child, .moduleContact .elementTabContainer .containersOuter .containers >.container:last-child .col .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks:last-child, .moduleContact .elementTabContainer .containersOuter .containers >.container:last-child .col .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress:last-child, .moduleContact .elementTabContainer .containersOuter .containers >.container:last-child .col .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments:last-child, .moduleContact .elementTabContainer .containersOuter .containers >.container:last-child .col .elementStandard:last-child, .moduleContact .elementTabContainer .containersOuter .containers >.container:last-child .col .elementObjectContactPerson:last-child, .moduleContact .elementTabContainer .containersOuter .containers >.container:last-child .col .elementSitemap:last-child, .moduleContact .elementTabContainer .containersOuter .containers >.container:last-child .col .elementContent:last-child, .moduleContact .elementTabContainer .containersOuter .containers >.container:last-child .col .elementObjectContactPerson:last-child, .moduleContact .elementTabContainer .containersOuter .containers >.container:last-child .col .elementVideoExternal:last-child, .moduleContact .elementTabContainer .containersOuter .containers >.container:last-child .col .elementVideo:last-child, .moduleContact .elementTabContainer .containersOuter .containers >.container:last-child .col .elementText:last-child, .moduleContact .elementTabContainer .containersOuter .containers >.container:last-child .col .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonText:last-child, .moduleContact .elementTabContainer .containersOuter .containers >.container:last-child .col .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks:last-child, .moduleContact .elementTabContainer .containersOuter .containers >.container:last-child .col .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress:last-child, .moduleContact .elementTabContainer .containersOuter .containers >.container:last-child .col .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments:last-child, .moduleContact .elementTabContainer .containersOuter .containers >.container:last-child .col .elementTabContainer:last-child, .moduleContact .elementTabContainer .containersOuter .containers >.container:last-child .col .elementSitemap:last-child, .moduleContact .elementTabContainer .containersOuter .containers >.container:last-child .col .elementPicture:last-child, .moduleContact .elementTabContainer .containersOuter .containers >.container:last-child .col .elementNavigation:last-child, .moduleContact .elementTabContainer .containersOuter .containers >.container:last-child .col .elementLink:last-child, .moduleContact .elementTabContainer .containersOuter .containers >.container:last-child .col .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard:last-child, .moduleContact .elementTabContainer .containersOuter .containers >.container:last-child .col .elementInfo:last-child, .moduleContact .elementTabContainer .containersOuter .containers >.container:last-child .col .elementHeadline:last-child, .moduleContact .elementTabContainer .containersOuter .containers >.container:last-child .col .elementDataFragment_var540:last-child, .moduleContact .elementTabContainer .containersOuter .containers >.container:last-child .col .elementBox:last-child, .moduleContact .elementTabContainer .containersOuter .containers >.container:last-child .col .elementAccordion:last-child { margin-bottom:0; } .moduleContact .elementTabContainer .containersOuter .containers >.container .boxMap, .moduleContact .elementTabContainer .containersOuter .containers >.container .boxContacts, .moduleContact .elementTabContainer .containersOuter .containers >.container .boxFormular { padding:0; } .moduleContact .elementTabContainer .containersOuter .containers >.container .boxMap .elementOpenStreetMap { height:calc(34.6360153257vw + 245.1149425287px); padding-bottom:unset!important; } .moduleContact .elementTabContainer .containersOuter .containers >.container .boxMap .elementOpenStreetMap .mapContainer { height:calc(34.6360153257vw + 245.1149425287px); } .moduleContact .elementTabContainer .containersOuter .containers >.container .boxMap .elementOpenStreetMap .mapMarkerPopup { display:none; } .moduleContact .elementTabContainer .containersOuter .containers >.container .boxMap .elementOpenStreetMap .ol-rotate { display:none; } .moduleContact .elementTabContainer .containersOuter .containers >.container .boxMap .contactLayer { display:block; padding:calc(1.5325670498vw + 24.2528735632px) calc(1.5325670498vw + 24.2528735632px); } .moduleContact .elementTabContainer .containersOuter .containers >.container .boxMap .contactLayer .pin { position:relative; padding-left:38px; text-decoration:none; } .moduleContact .elementTabContainer .containersOuter .containers >.container .boxMap .contactLayer .pin:before { position:absolute; content:''; top:0; left:0; width:171px; height:38px; background:url(/weblication-wGlobal/wGlobal/layout/images/mzv/optimized/icon-pin.svg) no-repeat 0 0; background-size:contain; background-position:center; transition:all 500ms ease; transform:translate(0,0) scale(1); } .moduleContact .elementTabContainer .containersOuter .containers >.container .boxMap .contactLayer .pin:hover:before { transform:translate(8.55px,-1.9px) scale(1.1); } .moduleContact .elementTabContainer .containersOuter .containers >.container .boxContacts .listDefault { display:flex; flex-wrap:wrap; justify-content:center; } .moduleContact .elementForm #wFormErrorMessages { margin-bottom:min(50px,calc(1.9157088123vw + 17.816091954px)); } .moduleContact .elementForm #wFormErrorMessages .wglErrorMessage { display:none; color:#3c3c3c; } .moduleContact .elementForm form .form { max-width:unset; } .moduleContact .elementForm form .form .formElement { margin-bottom:min(50px,calc(1.9157088123vw + 17.816091954px)); } .moduleContact .elementForm form .form .formElement.width50 { width:100%; } .moduleContact .elementForm form .form .formElement.formElementAccept label { text-align:left!important; padding-top:0!important; } .moduleContact .elementForm form .form .formElement.formElementAccept label:before { top:2px; } .moduleContact .elementForm form .form .formElementInput input[type='text'], .moduleContact .elementForm form .form .formElementInput input[type='email'], .moduleContact .elementForm form .form .formElementInput input[type='tel'], .moduleContact .elementForm form .form .formElementInput textarea, .moduleContact .elementForm form .form .formElementInput select { background-color:#EDEEF0; } .moduleContact .elementForm form .form .wglCheckbox { padding:0; } .moduleContact .elementForm form .form .wglCheckbox label { display:block; } .moduleContact .elementForm form .form .wglCheckbox #datenschutz-akzeptiert_1 { display:none; } .moduleContact .elementForm form .form .wglCheckbox #datenschutz-akzeptiert_1 +label { padding-left:calc(0vw + 30.5px)!important; } .moduleContact .elementForm form .form .formElementButton { text-align:center!important; } .moduleContact .elementForm form .form .formElementButton button { margin-left:0; } .moduleContact .elementForm form .form .formElementButton .buttonReset { display:none!important; } .moduleContact .elementForm form .form .formElementButton button { border-color:#E6E100!important; background-color:#E6E100!important; } .moduleContact .elementForm form .form .formElementButton button span { color:#3c3c3c!important; } .moduleContact .elementForm form .form .formElementButton button:before, .moduleContact .elementForm form .form .formElementButton button:after { border-color:#E6E100!important; background-color:#E6E100!important; } @media (max-width: 991px) { .moduleContact { padding-left:0!important; } } @media (max-width: 991px) { .moduleContact .elementTabContainer .tabsOuter { display:none; } } @media (max-width: 991px) { .moduleContact .elementTabContainer .containersOuter .containers >.container { padding:0 calc(5.3639846743vw + 9.8850574713px) 0 calc(5.3639846743vw + 9.8850574713px); } } @media (max-width: 991px) { .moduleContact .elementTabContainer .containersOuter .containers >.container .boxMap >.boxInner >.elementStandard >.col1, .moduleContact .elementTabContainer .containersOuter .containers >.container .boxMap >.boxInner >.elementObjectContactPerson >.col1, .moduleContact .elementTabContainer .containersOuter .containers >.container .boxMap >.boxInner >.elementSitemap >.col1, .moduleContact .elementTabContainer .containersOuter .containers >.container .boxMap >.boxInner >.elementContent >.col1, .moduleContact .elementTabContainer .containersOuter .containers >.container .boxMap >.boxInner >.elementObjectContactPerson >.col1, .moduleContact .elementTabContainer .containersOuter .containers >.container .boxMap >.boxInner >.elementVideoExternal >.col1, .moduleContact .elementTabContainer .containersOuter .containers >.container .boxMap >.boxInner >.elementVideo >.col1, .moduleContact .elementTabContainer .containersOuter .containers >.container .boxMap >.boxInner >.elementText >.col1, .moduleContact .elementTabContainer .containersOuter .containers >.container .boxMap >.boxInner >.elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonText >.col1, .moduleContact .elementTabContainer .containersOuter .containers >.container .boxMap >.boxInner >.elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks >.col1, .moduleContact .elementTabContainer .containersOuter .containers >.container .boxMap >.boxInner >.elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress >.col1, .moduleContact .elementTabContainer .containersOuter .containers >.container .boxMap >.boxInner >.elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments >.col1, .moduleContact .elementTabContainer .containersOuter .containers >.container .boxMap >.boxInner >.elementTabContainer >.col1, .moduleContact .elementTabContainer .containersOuter .containers >.container .boxMap >.boxInner >.elementSitemap >.col1, .moduleContact .elementTabContainer .containersOuter .containers >.container .boxMap >.boxInner >.elementPicture >.col1, .moduleContact .elementTabContainer .containersOuter .containers >.container .boxMap >.boxInner >.elementNavigation >.col1, .moduleContact .elementTabContainer .containersOuter .containers >.container .boxMap >.boxInner >.elementLink >.col1, .moduleContact .elementTabContainer .containersOuter .containers >.container .boxMap >.boxInner >.elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard >.col1, .moduleContact .elementTabContainer .containersOuter .containers >.container .boxMap >.boxInner >.elementInfo >.col1, .moduleContact .elementTabContainer .containersOuter .containers >.container .boxMap >.boxInner >.elementHeadline >.col1, .moduleContact .elementTabContainer .containersOuter .containers >.container .boxMap >.boxInner >.elementDataFragment_var540 >.col1, .moduleContact .elementTabContainer .containersOuter .containers >.container .boxMap >.boxInner >.elementBox >.col1, .moduleContact .elementTabContainer .containersOuter .containers >.container .boxMap >.boxInner >.elementAccordion >.col1, .moduleContact .elementTabContainer .containersOuter .containers >.container .boxContacts >.boxInner >.elementStandard >.col1, .moduleContact .elementTabContainer .containersOuter .containers >.container .boxContacts >.boxInner >.elementObjectContactPerson >.col1, .moduleContact .elementTabContainer .containersOuter .containers >.container .boxContacts >.boxInner >.elementSitemap >.col1, .moduleContact .elementTabContainer .containersOuter .containers >.container .boxContacts >.boxInner >.elementContent >.col1, .moduleContact .elementTabContainer .containersOuter .containers >.container .boxContacts >.boxInner >.elementObjectContactPerson >.col1, .moduleContact .elementTabContainer .containersOuter .containers >.container .boxContacts >.boxInner >.elementVideoExternal >.col1, .moduleContact .elementTabContainer .containersOuter .containers >.container .boxContacts >.boxInner >.elementVideo >.col1, .moduleContact .elementTabContainer .containersOuter .containers >.container .boxContacts >.boxInner >.elementText >.col1, .moduleContact .elementTabContainer .containersOuter .containers >.container .boxContacts >.boxInner >.elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonText >.col1, .moduleContact .elementTabContainer .containersOuter .containers >.container .boxContacts >.boxInner >.elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks >.col1, .moduleContact .elementTabContainer .containersOuter .containers >.container .boxContacts >.boxInner >.elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress >.col1, .moduleContact .elementTabContainer .containersOuter .containers >.container .boxContacts >.boxInner >.elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments >.col1, .moduleContact .elementTabContainer .containersOuter .containers >.container .boxContacts >.boxInner >.elementTabContainer >.col1, .moduleContact .elementTabContainer .containersOuter .containers >.container .boxContacts >.boxInner >.elementSitemap >.col1, .moduleContact .elementTabContainer .containersOuter .containers >.container .boxContacts >.boxInner >.elementPicture >.col1, .moduleContact .elementTabContainer .containersOuter .containers >.container .boxContacts >.boxInner >.elementNavigation >.col1, .moduleContact .elementTabContainer .containersOuter .containers >.container .boxContacts >.boxInner >.elementLink >.col1, .moduleContact .elementTabContainer .containersOuter .containers >.container .boxContacts >.boxInner >.elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard >.col1, .moduleContact .elementTabContainer .containersOuter .containers >.container .boxContacts >.boxInner >.elementInfo >.col1, .moduleContact .elementTabContainer .containersOuter .containers >.container .boxContacts >.boxInner >.elementHeadline >.col1, .moduleContact .elementTabContainer .containersOuter .containers >.container .boxContacts >.boxInner >.elementDataFragment_var540 >.col1, .moduleContact .elementTabContainer .containersOuter .containers >.container .boxContacts >.boxInner >.elementBox >.col1, .moduleContact .elementTabContainer .containersOuter .containers >.container .boxContacts >.boxInner >.elementAccordion >.col1, .moduleContact .elementTabContainer .containersOuter .containers >.container .boxFormular >.boxInner >.elementStandard >.col1, .moduleContact .elementTabContainer .containersOuter .containers >.container .boxFormular >.boxInner >.elementObjectContactPerson >.col1, .moduleContact .elementTabContainer .containersOuter .containers >.container .boxFormular >.boxInner >.elementSitemap >.col1, .moduleContact .elementTabContainer .containersOuter .containers >.container .boxFormular >.boxInner >.elementContent >.col1, .moduleContact .elementTabContainer .containersOuter .containers >.container .boxFormular >.boxInner >.elementObjectContactPerson >.col1, .moduleContact .elementTabContainer .containersOuter .containers >.container .boxFormular >.boxInner >.elementVideoExternal >.col1, .moduleContact .elementTabContainer .containersOuter .containers >.container .boxFormular >.boxInner >.elementVideo >.col1, .moduleContact .elementTabContainer .containersOuter .containers >.container .boxFormular >.boxInner >.elementText >.col1, .moduleContact .elementTabContainer .containersOuter .containers >.container .boxFormular >.boxInner >.elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonText >.col1, .moduleContact .elementTabContainer .containersOuter .containers >.container .boxFormular >.boxInner >.elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks >.col1, .moduleContact .elementTabContainer .containersOuter .containers >.container .boxFormular >.boxInner >.elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress >.col1, .moduleContact .elementTabContainer .containersOuter .containers >.container .boxFormular >.boxInner >.elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments >.col1, .moduleContact .elementTabContainer .containersOuter .containers >.container .boxFormular >.boxInner >.elementTabContainer >.col1, .moduleContact .elementTabContainer .containersOuter .containers >.container .boxFormular >.boxInner >.elementSitemap >.col1, .moduleContact .elementTabContainer .containersOuter .containers >.container .boxFormular >.boxInner >.elementPicture >.col1, .moduleContact .elementTabContainer .containersOuter .containers >.container .boxFormular >.boxInner >.elementNavigation >.col1, .moduleContact .elementTabContainer .containersOuter .containers >.container .boxFormular >.boxInner >.elementLink >.col1, .moduleContact .elementTabContainer .containersOuter .containers >.container .boxFormular >.boxInner >.elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard >.col1, .moduleContact .elementTabContainer .containersOuter .containers >.container .boxFormular >.boxInner >.elementInfo >.col1, .moduleContact .elementTabContainer .containersOuter .containers >.container .boxFormular >.boxInner >.elementHeadline >.col1, .moduleContact .elementTabContainer .containersOuter .containers >.container .boxFormular >.boxInner >.elementDataFragment_var540 >.col1, .moduleContact .elementTabContainer .containersOuter .containers >.container .boxFormular >.boxInner >.elementBox >.col1, .moduleContact .elementTabContainer .containersOuter .containers >.container .boxFormular >.boxInner >.elementAccordion >.col1 { padding-right:0; } } @media (max-width: 991px) { .moduleContact .elementTabContainer .containersOuter .containers >.container .boxMap .col { width:100%; } .moduleContact .elementTabContainer .containersOuter .containers >.container .boxMap .col.col1 { margin-bottom:0; } } @media (max-width: 991px) and (max-width: 991px) { .moduleContact .elementTabContainer .containersOuter .containers >.container .boxMap .col.col1 >div { margin-left:calc(-5.3639846743vw - 9.8850574713px); margin-right:calc(-5.3639846743vw - 9.8850574713px); } } @media (max-width: 991px) { .moduleContact .elementTabContainer .containersOuter .containers >.container .boxMap .contactLayer { margin-left:calc(-5.3639846743vw - 9.8850574713px); margin-right:calc(calc(-5.3639846743vw - 9.8850574713px)); } } @media (min-width: 992px) { .moduleContact .elementTabContainer .containersOuter .containers >.container .boxMap .contactLayer { margin-right:calc(calc(-5.3639846743vw - 9.8850574713px) * 2); } } @media only screen and (min-width: 992px) { .moduleContact .elementForm form .form .formElement.width50 { width:48%; } .moduleContact .elementForm form .form .formElement.with-gap { margin-left:2%; } .moduleContact .elementForm form .form .formElement.float-left { float:left; clear:unset; } .moduleContact .elementForm form .form .formElement.float-right { float:right; clear:unset; } } @media (max-width: 991px) { .moduleContact .elementForm form .form .formElementButton button { width:calc(100% + 2 * calc(-0.4597701149vw - 36.275862069px)); } } .moduleImageCenteredText >.sectionInner >.elementContainerStandardColumns_var5050 .col1 { width:37%; } @media (max-width: 991px) { .moduleImageCenteredText >.sectionInner >.elementContainerStandardColumns_var5050 .col1 { display:none; } } @media (max-width: 991px) { .moduleImageCenteredText >.sectionInner >.elementContainerStandardColumns_var5050 .col2 h1 { text-align:center; } } .moduleImageMasonry { padding-top:50px; padding-left:calc(13.0268199234vw - 18.8505747126px); padding-right:calc(13.0268199234vw - 18.8505747126px); } .moduleImageMasonry >.sectionInner >.elementBox.onlyImageList >.boxInner .listDefault { display:flex; flex-wrap:wrap; justify-content:center; } .moduleImageMasonry >.sectionInner >.elementBox.onlyImageList >.boxInner .listDefault .listEntry { width:auto; cursor:default!important; } .moduleImageMasonry >.sectionInner >.elementBox.onlyImageList >.boxInner .listDefault .listEntry .listEntryInner { display:flex; width:200px; height:180px; border:1px solid #C4C8CE; margin:-1px 0 0 -1px; cursor:default!important; transition:none!important; } .moduleImageMasonry >.sectionInner >.elementBox.onlyImageList >.boxInner .listDefault .listEntry .listEntryButtons { display:none!important; } .moduleImageMasonry >.sectionInner >.elementBox.onlyImageList >.boxInner .listDefault .listEntry .listEntryLayer { display:none; } .moduleImageMasonry >.sectionInner >.elementBox.onlyImageList >.boxInner .listDefault .listEntry .listEntryThumbnail { align-self:center; } .moduleImageMasonry >.sectionInner >.elementBox.onlyImageList >.boxInner .listDefault .listEntry .listEntryThumbnail picture { width:200px; height:100px; } .moduleImageMasonry >.sectionInner >.elementBox.onlyImageList >.boxInner .listDefault .listEntry .listEntryThumbnail picture img { width:100%; height:100%; max-width:unset; object-fit:contain; } .moduleImageMasonry >.sectionInner >.elementBox.onlyImageList >.boxInner .listLoaderLink { margin-top:65px; } @media only screen and (max-width: 470px) { .moduleImageMasonry >.sectionInner >.elementBox.onlyImageList >.boxInner .listDefault .listEntry .listEntryInner { width:82vw; height:74vw; border-right:none; border-left:none; } } @media only screen and (max-width: 470px) { .moduleImageMasonry >.sectionInner >.elementBox.onlyImageList >.boxInner .listDefault .listEntry .listEntryThumbnail picture { width:82vw; height:41vw; } } .moduleHistory { margin-top:50px; } .moduleHistory.elementSectionBackgroundColor_var10 .listEntryMarker { background-color:#EDEEF0!important; } .moduleHistory.elementSectionBackgroundColor_var30 .listEntryMarker { border:5px solid #E6E100!important; } .moduleHistory.elementSectionBackgroundColor_var60 .listEntryMarker { background-color:#5A6B79!important; } .moduleHistory .elementList-default_var25600 .listEntryObjectImage { position:absolute; left:-3vw; width:25vw; } .moduleHistory .elementList-default_var25600 .listEntryObjectImage.even { right:-3vw; left:unset; } .moduleHistory .listDefault_var25600 .listEntry { display:block; height:100%; z-index:1; } .weditor .moduleHistory .listDefault_var25600 .listEntry, .browseedit .moduleHistory .listDefault_var25600 .listEntry { z-index:unset; } .moduleHistory .listDefault_var25600 .listEntry.isVisible .listEntryContent .listEntryMarker { transform:scale(1.5); } .moduleHistory .listDefault_var25600 .listEntry.isVisible .listEntryContent .listEntryDescription { opacity:1; transform:translateX(0)!important; } .moduleHistory .listDefault_var25600 .listEntry .listEntryContent { padding:0 60px; min-height:200px; } .moduleHistory .listDefault_var25600 .listEntry .listEntryContent p { hyphens:auto; } .moduleHistory .listDefault_var25600 .listEntry .listEntryContent .listEntryTitle { color:#3c3c3c; font-size:calc(1.4559386973vw + 40.5402298851px); line-height:1; } .moduleHistory .listDefault_var25600 .listEntry .listEntryContent .listEntryMarker { position:absolute!important; top:calc(calc(1.4559386973vw + 40.5402298851px) / 3); width:20px; border:5px solid #FFFFFF; transform:scale(1); transition:transform 500ms ease-in-out; } .moduleHistory .listDefault_var25600 .listEntry .listEntryContent .listEntryMarker:after { position:relative; display:block; content:''; top:0; left:0; width:11px; height:11px; background-color:#3c3c3c; border-radius:50%; cursor:pointer; z-index:99; } .moduleHistory .listDefault_var25600 .listEntry .listEntryContent .listEntryDescription { font-size:calc(0vw + 18px); line-height:1.66; padding:0 4px 0 6px; opacity:0; transition:all 500ms ease-in-out; } .moduleHistory .listDefault_var25600 .listEntry:nth-child(odd) .listEntryContent { width:calc(50% + 1px); border-right:solid 1px #3c3c3c; } .moduleHistory .listDefault_var25600 .listEntry:nth-child(odd) .listEntryContent .listEntryMarker { right:-10px; } .moduleHistory .listDefault_var25600 .listEntry:nth-child(odd) .listEntryContent .listEntryDescription { transform:translateX(-10%); } .moduleHistory .listDefault_var25600 .listEntry:nth-child(odd) .listEntryImage { position:absolute; display:none; right:0; float:unset; } .moduleHistory .listDefault_var25600 .listEntry:nth-child(odd) .listEntryImage .listEntryThumbnail { float:right; max-width:unset; } .moduleHistory .listDefault_var25600 .listEntry:nth-child(odd) .listEntryImage .listEntryThumbnail picture { float:right; } .moduleHistory .listDefault_var25600 .listEntry:nth-child(even) .listEntryContent { width:50%; float:right!important; border-left:solid 1px #3c3c3c; } .moduleHistory .listDefault_var25600 .listEntry:nth-child(even) .listEntryContent .listEntryMarker { left:-10.5px; } .moduleHistory .listDefault_var25600 .listEntry:nth-child(even) .listEntryContent .listEntryDescription { transform:translateX(10%); } .moduleHistory .listDefault_var25600 .listEntry:nth-child(even) .listEntryImage { position:absolute; display:none; left:0; float:unset; } .moduleHistory .listDefault_var25600 .listEntry:nth-child(even) .listEntryImage .listEntryThumbnail { float:left; max-width:unset; } .moduleHistory .listDefault_var25600 .listEntry:nth-child(even) .listEntryImage .listEntryThumbnail picture { float:left; } @media (max-width: 767px) { .moduleHistory .elementList-default_var25600 .listEntryObjectImage { width:30vw; right:0; left:unset; } } @media (max-width: 767px) { .moduleHistory .listDefault_var25600 .listEntry.isVisible .listEntryContent .listEntryMarker { transform:scale(1.5); } .moduleHistory .listDefault_var25600 .listEntry.isVisible .listEntryContent .listEntryDescription { opacity:1; transform:translateX(0); } } @media (max-width: 767px) { .moduleHistory .listDefault_var25600 .listEntry .listEntryContent { padding-right:calc(3.0651340996vw + 18.5057471264px); } } @media (max-width: 767px) { .moduleHistory .listDefault_var25600 .listEntry:nth-child(odd) .listEntryContent { width:100%; float:right!important; border-left:solid 1px #3c3c3c; border-right:unset!important; } } @media (max-width: 767px) { .moduleHistory .listDefault_var25600 .listEntry:nth-child(odd) .listEntryContent .listEntryMarker { right:unset!important; left:-10.5px; } } @media (max-width: 767px) { .moduleHistory .listDefault_var25600 .listEntry:nth-child(even) .listEntryContent { width:100%; } } .moduleStaffmember { margin-bottom:calc(calc(5.7471264368vw + 53.4482758621px) * -1); } .moduleStaffmember .elementList .listDefault { display:flex; flex-wrap:wrap; justify-content:center; } .moduleStaffmember .elementList .listDefault .listEntryObject-contactPerson { margin-bottom:calc(5.7471264368vw + 53.4482758621px); } .moduleStaffmember .elementList .listDefault .listEntryObject-contactPerson .elementSocialButton { display:none; } .moduleStaffmember .elementList .listDefault .listEntryObject-contactPerson .listEntryElement.phone { display:none; } .moduleStaffmember .elementList .listDefault .listEntryObject-contactPerson .listEntryElement.email { display:none; } .moduleStaffmemberWithPhone .elementList .listDefault .listEntryObject-contactPerson .elementSocialButton { display:none; } .moduleStaffmemberWithPhone .elementList .listDefault .listEntryObject-contactPerson .listEntryElement.phone { display:block; } .moduleStaffmemberWithPhone .elementList .listDefault .listEntryObject-contactPerson .listEntryElement.email { display:block; } .moduleOverlayControls { padding:0!important; overflow:unset!important; } .moduleOverlayControls +.elementSection, .moduleOverlayControls +.elementSectionObjectContactPerson { padding-top:calc(1.5325670498vw + 24.2528735632px); } .moduleOverlayControls .overlayCloser .elementLink, .moduleOverlayControls .overlayCloser .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard { position:absolute; top:calc(1.5325670498vw + 24.2528735632px); right:calc(1.5325670498vw + 24.2528735632px); width:calc(0.4597701149vw + 62.275862069px); height:calc(0.4597701149vw + 62.275862069px); z-index:100; cursor:pointer; } .moduleOverlayControls .overlayCloser .elementLink a, .moduleOverlayControls .overlayCloser .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard a { position:absolute; top:0; left:0; width:calc(0.4597701149vw + 62.275862069px); height:calc(0.4597701149vw + 62.275862069px); margin-top:0; border-radius:0; background-color:#E6E100; outline:0; text-indent:-9999px; } .moduleOverlayControls .overlayCloser .elementLink a:before, .moduleOverlayControls .overlayCloser .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard a:before { content:none!important; } .moduleOverlayControls .overlayCloser .elementLink a:after, .moduleOverlayControls .overlayCloser .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard a:after { position:absolute; content:''; top:50%; left:50%; transform:rotate(0) translate(-50%,-50%); width:calc(0.4597701149vw + 62.275862069px); height:calc(0.4597701149vw + 62.275862069px); background:url(/weblication-wGlobal/wGlobal/layout/images/mzv/optimized/icon-closer.svg) no-repeat 0 0; background-size:contain; transform-origin:left top; transition:transform 250ms ease-in-out; } .moduleOverlayControls .overlayCloser .elementLink a:hover:after, .moduleOverlayControls .overlayCloser .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard a:hover:after, .moduleOverlayControls .overlayCloser .elementLink a:active:after, .moduleOverlayControls .overlayCloser .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard a:active:after, .moduleOverlayControls .overlayCloser .elementLink a:focus:after, .moduleOverlayControls .overlayCloser .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard a:focus:after { transform:rotate(-90deg) translate(-50%,-50%); animation:none; } .moduleOverlayControls .overlayPrevNext { padding:calc(5.3639846743vw + 9.8850574713px) calc(5.3639846743vw + 9.8850574713px) 0 calc(5.3639846743vw + 9.8850574713px); } .moduleOverlayControls .overlayPrevNext .elementList-prevNext a.pageNaviBackLink, .moduleOverlayControls .overlayPrevNext .elementList-prevNext a.pageNaviNextLink { font-size:min(20px,calc(0vw + 20px)); line-height:1; color:#3c3c3c; } .moduleOverlayControls .overlayPrevNext .elementList-prevNext a.pageNaviBackLink:before, .moduleOverlayControls .overlayPrevNext .elementList-prevNext a.pageNaviBackLink:after, .moduleOverlayControls .overlayPrevNext .elementList-prevNext a.pageNaviNextLink:before, .moduleOverlayControls .overlayPrevNext .elementList-prevNext a.pageNaviNextLink:after { margin-top:calc(min(20px,calc(0vw + 20px)) / 2); } .moduleOverlayControls .overlayPrevNext .elementList-prevNext a.pageNaviBackLink span, .moduleOverlayControls .overlayPrevNext .elementList-prevNext a.pageNaviNextLink span { margin-top:0; } .moduleOverlayControls .overlayPrevNext .elementList-prevNext a.pageNaviBackLink span:hover:after, .moduleOverlayControls .overlayPrevNext .elementList-prevNext a.pageNaviNextLink span:hover:after { animation:jumpingHorizontalArrow 1s; } .moduleOverlayControls .overlayPrevNext .elementList-prevNext a.pageNaviBackLink span:before, .moduleOverlayControls .overlayPrevNext .elementList-prevNext a.pageNaviNextLink span:before { content:none!important; } .moduleOverlayControls .overlayPrevNext .elementList-prevNext a.pageNaviBackLink span:after, .moduleOverlayControls .overlayPrevNext .elementList-prevNext a.pageNaviNextLink span:after { margin-top:0; margin-left:0; background:url(/weblication-wGlobal/wGlobal/layout/images/mzv/optimized/icon-arrow-right.svg) no-repeat 0 0; background-size:contain; background-position:center; } .moduleOverlayControls .overlayPrevNext .elementList-prevNext a.pageNaviBackLink span:after { background:url(/weblication-wGlobal/wGlobal/layout/images/mzv/optimized/icon-arrow-left.svg) no-repeat 0 0; background-position:center; } @media (max-width: 991px) { .moduleOverlayControls .overlayPrevNext .elementList-prevNext a.pageNaviBackLink:after { content:'Vorige'; } } @media (max-width: 991px) { .moduleOverlayControls .overlayPrevNext .elementList-prevNext a.pageNaviNextLink:before { content:'Nächste'; } } .moduleUseCases .listDefault { margin-left:-15px; margin-right:-15px; } .moduleUseCases .listDefault li.listEntry { min-height:calc(22.3036649215vw + 231.3612565445px); background-color:transparent!important; } .moduleUseCases .listDefault li.listEntry:before { position:absolute; content:''; top:0; left:15px; width:calc(100% - 30px); height:100%; background-color:#EDEEF0; transition:all 500ms ease-in-out; } .moduleUseCases .listDefault li.listEntry:hover:before { top:-15px; left:0; width:calc(100%); height:calc(100% + 30px); } .moduleUseCases .listDefault li.listEntry .listEntryInner { display:flex; padding:40px 50px; margin-left:15px; margin-right:15px; align-items:center; background-color:#EDEEF0; } .moduleUseCases .listDefault li.listEntry .listEntryInner >.listEntryElement:first-child { width:45%; } .moduleUseCases .listDefault li.listEntry .listEntryInner >.listEntryElement:last-child { width:55%; } .moduleUseCases .listDefault li.listEntry .listEntryInner >.listEntryElement >.listEntryElement.thumbnail { width:calc(18.8953488372vw - 17.4418604651px); max-height:calc(31.3953488372vw - 27.4418604651px); } .moduleUseCases .listDefault li.listEntry .listEntryInner >.listEntryElement >.listEntryElement.thumbnail picture img { width:100%; height:100%; object-fit:contain; } .moduleUseCases .listDefault li.listEntry .listEntryInner >.listEntryElement >.listEntryElement.headline { font-weight:normal; text-transform:uppercase; margin-bottom:calc(calc(0vw + 30px) / 4); } .moduleUseCases .listDefault li.listEntry .listEntryInner >.listEntryElement >.listEntryElement.title { font-family:"Nunito 700", Arial, Helvetica, Sans-serif; font-size:calc(0vw + 30px); line-height:1.66; margin-bottom:calc(calc(0vw + 30px) / 4); } .moduleUseCases .listDefault li.listEntry .listEntryInner >.listEntryElement >.listEntryElement.description { font-weight:normal; } @media only screen and (max-width: 991px) { .moduleUseCases .listDefault li.listEntry { width:100%; } } @media only screen and (max-width: 1199px) { .moduleUseCases .listDefault li.listEntry .listEntryInner { padding:20px 25px; } } @media only screen and (max-width: 767px) { .moduleUseCases .listDefault li.listEntry .listEntryInner { padding:50px 50px; flex-direction:column; } .moduleUseCases .listDefault li.listEntry .listEntryInner >.listEntryElement >.listEntryElement.thumbnail { width:unset; height:unset; text-align:center; margin-bottom:30px; } } @media only screen and (max-width: 767px) { .moduleUseCases .listDefault li.listEntry .listEntryInner >.listEntryElement { width:100%!important; } } @media only screen and (max-width: 991px) { .moduleUseCases .listDefault li.listEntry .listEntryInner >.listEntryElement >.listEntryElement.thumbnail { width:100%; height:55vw; max-height:unset; padding-left:50px; padding-right:50px; } } .moduleNewsTeaser .slickSliderBoxNewsTeaser >.boxInner .listEntryObject-news .listEntryHeadline { font-size:calc(0vw + 26px); line-height:calc(0vw + 38px); } .moduleNewsTeaser >.sectionInner .listEntryObject-news .newsHeader .newsHeaderThumbnail { width:calc(18.8953488372vw + 62.5581395349px); height:calc(18.8953488372vw + 62.5581395349px); margin-bottom:20px; } .moduleNewsTeaser >.sectionInner .listEntryObject-news .newsHeader .newsHeaderThumbnail .listEntryElement { width:100%; } .moduleNewsTeaser >.sectionInner .listEntryObject-news .newsHeader .newsHeaderThumbnail .listEntryElement picture { display:block; width:calc(18.8953488372vw + 62.5581395349px); height:calc(18.8953488372vw + 62.5581395349px); } .moduleNewsTeaser >.sectionInner .listEntryObject-news .newsHeader .newsHeaderThumbnail .listEntryElement picture img { width:calc(18.8953488372vw + 62.5581395349px); height:calc(18.8953488372vw + 62.5581395349px); object-fit:cover; } .moduleNewsTeaser >.sectionInner .listEntryObject-news .newsHeader .newsHeaderDate { position:absolute; display:flex; top:25px; left:25px; width:85px; height:85px; background-color:#5A6B79; flex-direction:column; justify-content:center; align-items:center; } .moduleNewsTeaser >.sectionInner .listEntryObject-news .newsHeader .newsHeaderDate .listEntryDate { display:block; } .moduleNewsTeaser >.sectionInner .listEntryObject-news .newsHeader .newsHeaderDate .listEntryDate.day { color:#E6E100; font-family:"Nunito 700", Arial, Helvetica, Sans-serif; font-size:calc(0.6130268199vw + 19.7011494253px); line-height:1.2; letter-spacing:.45px; } .moduleNewsTeaser >.sectionInner .listEntryObject-news .newsHeader .newsHeaderDate .listEntryDate.month { color:#FFFFFF; font-family:"Nunito Regular", Arial, Helvetica, Sans-serif; font-size:calc(0vw + 14px); line-height:1.2; letter-spacing:.27px; } .moduleNewsTeaser >.sectionInner .listEntryObject-news .newsHeader .newsHeaderDate .listEntryDate.year { display:none; font-family:"Nunito Regular", Arial, Helvetica, Sans-serif; color:#FFFFFF; font-size:calc(1.2260536398vw + 41.4022988506px); line-height:1.2; } @media (max-width: 991px) { .moduleNewsTeaser .slickSliderBoxNewsTeaser >.boxInner { margin-left:calc(calc(-5.3639846743vw - 9.8850574713px) + 15px); margin-right:calc(calc(-5.3639846743vw - 9.8850574713px) + 15px); } } @media only screen and (max-width: 991px) { .moduleNewsTeaser >.sectionInner .listEntryObject-news { width:90vw!important; padding-right:calc(5.3639846743vw + 9.8850574713px); } .moduleNewsTeaser >.sectionInner .listEntryObject-news >.listEntryInner { position:relative; display:flex; height:100%; flex-direction:column; margin:0; border:none; } } @media (max-width: 991px) { .moduleNewsTeaser >.sectionInner .listEntryObject-news .newsHeader { margin-bottom:30px; overflow:hidden; } } @media (max-width: 991px) { .moduleNewsTeaser >.sectionInner .listEntryObject-news .newsHeader .newsHeaderThumbnail { width:100%; height:100%; } } @media only screen and (max-width: 991px) { .moduleNewsTeaser >.sectionInner .listEntryObject-news .newsHeader .newsHeaderThumbnail .listEntryElement picture { width:calc(100vw + 0px)!important; height:calc(55.612244898vw + 191.4540816327px)!important; } } @media only screen and (max-width: 991px) { .moduleNewsTeaser >.sectionInner .listEntryObject-news .newsHeader .newsHeaderThumbnail .listEntryElement picture img { width:calc(100vw + 0px)!important; height:calc(55.612244898vw + 191.4540816327px)!important; } } @media (max-width: 991px) { .moduleNewsTeaser >.sectionInner .listEntryObject-news .newsBody { padding-left:calc(5.3639846743vw + 9.8850574713px); } } .moduleNewsList >.sectionInner .elementContainerStandardColumns_var100 { margin-top:0!important; } .moduleNewsList >.sectionInner .elementContainerStandardColumns_var100 .col1 >div { align-items:flex-end; } .moduleNewsList >.sectionInner .elementContainerStandardColumns_var7030 { margin-bottom:0; } .moduleNewsList >.sectionInner .elementContainerStandardColumns_var7030 .col1 { width:100%; } .moduleNewsList >.sectionInner .elementContainerStandardColumns_var7030 .col1 >div { align-items:flex-end; } .moduleNewsList >.sectionInner .elementContainerStandardColumns_var7030 .col2 { display:none; } .moduleNewsList >.sectionInner .elementContainerStandardColumns_var7030 .col2 .categoryBox { padding-left:calc(1.9157088123vw + 42.816091954px)!important; } .moduleNewsList >.sectionInner .elementContainerStandardColumns_var7030 .col2 .categoryBox .elementHeadline h1, .moduleNewsList >.sectionInner .elementContainerStandardColumns_var7030 .col2 .categoryBox .elementHeadline h2, .moduleNewsList >.sectionInner .elementContainerStandardColumns_var7030 .col2 .categoryBox .elementHeadline h3, .moduleNewsList >.sectionInner .elementContainerStandardColumns_var7030 .col2 .categoryBox .elementHeadline h4, .moduleNewsList >.sectionInner .elementContainerStandardColumns_var7030 .col2 .categoryBox .elementHeadline h5, .moduleNewsList >.sectionInner .elementContainerStandardColumns_var7030 .col2 .categoryBox .elementHeadline h6 { font-size:calc(0.6130268199vw + 19.7011494253px); font-family:"Nunito 700", Arial, Helvetica, Sans-serif; } .moduleNewsList >.sectionInner .elementContainerStandardColumns_var7030 .col2 .categoryBox .elementCategoryFilterList .quickfilterButtons span { text-align:left; } .moduleNewsList >.sectionInner .elementContainerStandardColumns_var7030 .col2 .categoryBox .elementCategoryFilterList .quickfilterButtons span.selected { font-weight:bold; } .moduleNewsList >.sectionInner .listLoaderMoreInfo { display:none; } .moduleNewsList >.sectionInner .elementList { margin-bottom:0; } .moduleNewsList >.sectionInner .elementList:first-child { width:100%; } .moduleNewsList >.sectionInner .elementList .teaserTop .listEntryObject-news { border:none!important; margin-bottom:calc(1.9157088123vw + 42.816091954px); } .moduleNewsList >.sectionInner .elementList .teaserTop .listEntryObject-news >.listEntryInner { display:flex; flex-direction:row-reverse; padding:0; } .moduleNewsList >.sectionInner .elementList .teaserTop .listEntryObject-news >.listEntryInner >.listEntryElement.newsHeader { position:static; } .moduleNewsList >.sectionInner .elementList .teaserTop .listEntryObject-news >.listEntryInner >.listEntryElement.newsHeader .newsHeaderThumbnail .listEntryElement { width:calc(23.9846743295vw + 285.0574712644px); height:calc(9.5785440613vw + 339.0804597701px); padding:0; width:100%; } .moduleNewsList >.sectionInner .elementList .teaserTop .listEntryObject-news >.listEntryInner >.listEntryElement.newsHeader .newsHeaderThumbnail .listEntryElement picture { display:block; width:calc(23.9846743295vw + 285.0574712644px); height:calc(9.5785440613vw + 339.0804597701px); width:100%; } .moduleNewsList >.sectionInner .elementList .teaserTop .listEntryObject-news >.listEntryInner >.listEntryElement.newsHeader .newsHeaderThumbnail .listEntryElement picture img { width:calc(23.9846743295vw + 285.0574712644px); height:calc(9.5785440613vw + 339.0804597701px); object-fit:cover; width:100%; } .moduleNewsList >.sectionInner .elementList .teaserTop .listEntryObject-news >.listEntryInner >.listEntryElement.newsHeader .newsHeaderDate { position:absolute; display:flex; top:25px; left:25px; width:85px; height:85px; background-color:#5A6B79; flex-direction:column; justify-content:center; align-items:center; z-index:9; } .moduleNewsList >.sectionInner .elementList .teaserTop .listEntryObject-news >.listEntryInner >.listEntryElement.newsHeader .newsHeaderDate .listEntryDate { display:block; } .moduleNewsList >.sectionInner .elementList .teaserTop .listEntryObject-news >.listEntryInner >.listEntryElement.newsHeader .newsHeaderDate .listEntryDate.month { color:#E6E100; font-family:"Nunito 700", Arial, Helvetica, Sans-serif; font-size:calc(0.6130268199vw + 19.7011494253px); line-height:1.2; letter-spacing:.45px; } .moduleNewsList >.sectionInner .elementList .teaserTop .listEntryObject-news >.listEntryInner >.listEntryElement.newsHeader .newsHeaderDate .listEntryDate.year { font-family:"Nunito Regular", Arial, Helvetica, Sans-serif; color:#FFFFFF; font-size:calc(0vw + 14px); line-height:1.2; letter-spacing:.27px; } .moduleNewsList >.sectionInner .elementList .teaserTop .listEntryObject-news >.listEntryInner >.listEntryElement.newsBody { position:absolute; top:0; left:0; width:49%; background-color:#EDEEF0; padding-top:135px; padding-left:50px; padding-bottom:50px; padding-right:35px; } .moduleNewsList >.sectionInner .elementList .teaserTop .listEntryObject-news >.listEntryInner >.listEntryElement.newsBody .listEntryHeadline { font-size:calc(0vw + 26px); line-height:calc(0vw + 38px); } .moduleNewsList >.sectionInner .elementList .teaserList { display:grid; width:calc(4.5977011494vw + 832.7586206897px); grid-gap:0; grid-template-columns:1fr 1fr; margin-left:auto; margin-right:20%; } .moduleNewsList >.sectionInner .elementList .teaserList .listEntryObject-news { width:calc(0.3831417625vw + 373.5632183908px); border:none!important; margin-left:auto; margin-bottom:calc(1.9157088123vw + 42.816091954px); } .moduleNewsList >.sectionInner .elementList .teaserList .listEntryObject-news >.listEntryInner { padding:0; } .moduleNewsList >.sectionInner .elementList .teaserList .listEntryObject-news >.listEntryInner >.listEntryElement.newsHeader { position:relative; } .moduleNewsList >.sectionInner .elementList .teaserList .listEntryObject-news >.listEntryInner >.listEntryElement.newsHeader .newsHeaderThumbnail { width:calc(0.3831417625vw + 373.5632183908px); height:calc(0.3831417625vw + 373.5632183908px); margin-bottom:20px; } .moduleNewsList >.sectionInner .elementList .teaserList .listEntryObject-news >.listEntryInner >.listEntryElement.newsHeader .newsHeaderThumbnail >div { padding:0; } .moduleNewsList >.sectionInner .elementList .teaserList .listEntryObject-news >.listEntryInner >.listEntryElement.newsHeader .newsHeaderThumbnail .listEntryElement picture { display:block; width:calc(0.3831417625vw + 373.5632183908px); height:calc(0.3831417625vw + 373.5632183908px); } .moduleNewsList >.sectionInner .elementList .teaserList .listEntryObject-news >.listEntryInner >.listEntryElement.newsHeader .newsHeaderThumbnail .listEntryElement picture img { width:calc(0.3831417625vw + 373.5632183908px); height:calc(0.3831417625vw + 373.5632183908px); object-fit:cover; } .moduleNewsList >.sectionInner .elementList .teaserList .listEntryObject-news >.listEntryInner >.listEntryElement.newsHeader .newsHeaderDate { position:absolute; display:flex; top:25px; left:25px; width:85px; height:85px; background-color:#5A6B79; flex-direction:column; justify-content:center; align-items:center; } .moduleNewsList >.sectionInner .elementList .teaserList .listEntryObject-news >.listEntryInner >.listEntryElement.newsHeader .newsHeaderDate .listEntryDate { display:block; } .moduleNewsList >.sectionInner .elementList .teaserList .listEntryObject-news >.listEntryInner >.listEntryElement.newsHeader .newsHeaderDate .listEntryDate.month { color:#E6E100; font-family:"Nunito 700", Arial, Helvetica, Sans-serif; font-size:calc(0.6130268199vw + 19.7011494253px); line-height:1.2; letter-spacing:.45px; } .moduleNewsList >.sectionInner .elementList .teaserList .listEntryObject-news >.listEntryInner >.listEntryElement.newsHeader .newsHeaderDate .listEntryDate.year { font-family:"Nunito Regular", Arial, Helvetica, Sans-serif; color:#FFFFFF; font-size:calc(0vw + 14px); line-height:1.2; letter-spacing:.27px; } .moduleNewsList >.sectionInner .elementList .teaserList .listEntryObject-news >.listEntryInner >.listEntryElement.newsBody .listEntryHeadline { font-size:calc(0vw + 26px); line-height:calc(0vw + 38px); } .moduleNewsList >.sectionInner .elementList .teaserList .listEntryObject-news >.listEntryInner >.listEntryElement.newsBody .listEntryElementLink { display:none; } @media (max-width: 1199px) { .moduleNewsList >.sectionInner .elementContainerStandardColumns_var7030 .col1 { width:100%; } } @media (max-width: 1199px) { .moduleNewsList >.sectionInner .elementContainerStandardColumns_var7030 .col2 { display:none; } } @media (max-width:767px) { .moduleNewsList >.sectionInner .elementList .teaserTop .listEntryObject-news { margin-bottom:0; } } @media (max-width:767px) { .moduleNewsList >.sectionInner .elementList .teaserTop .listEntryObject-news >.listEntryInner { flex-direction:column; } } @media (min-width:1500px) { .moduleNewsList >.sectionInner .elementList .teaserTop .listEntryObject-news >.listEntryInner >.listEntryElement.newsHeader { width:50%; } } @media (max-width:767px) { .moduleNewsList >.sectionInner .elementList .teaserTop .listEntryObject-news >.listEntryInner >.listEntryElement.newsHeader .newsHeaderThumbnail .listEntryElement { width:100%; } } @media (max-width:767px) { .moduleNewsList >.sectionInner .elementList .teaserTop .listEntryObject-news >.listEntryInner >.listEntryElement.newsHeader .newsHeaderThumbnail .listEntryElement picture { width:100%; } } @media (max-width:767px) { .moduleNewsList >.sectionInner .elementList .teaserTop .listEntryObject-news >.listEntryInner >.listEntryElement.newsHeader .newsHeaderThumbnail .listEntryElement picture img { width:100%; } } @media (min-width:1500px) { .moduleNewsList >.sectionInner .elementList .teaserTop .listEntryObject-news >.listEntryInner >.listEntryElement.newsBody { width:55%; } } @media (max-width:767px) { .moduleNewsList >.sectionInner .elementList .teaserTop .listEntryObject-news >.listEntryInner >.listEntryElement.newsBody { position:relative; width:100%; padding-top:30px; padding-left:0; padding-right:0; padding-bottom:0; background-color:#FFFFFF; margin-bottom:0; } } @media (max-width: 1199px) { .moduleNewsList >.sectionInner .elementList .teaserList { margin-right:auto; } } @media (max-width: 991px) { .moduleNewsList >.sectionInner .elementList .teaserList { width:100%; grid-template-columns:1fr; margin-right:0; margin-left:0; } } @media (max-width: 480px) { .moduleNewsList >.sectionInner .elementList .teaserList { display:block; } } @media (min-width: 1880px) { .moduleNewsList >.sectionInner .elementList .teaserList .listEntryObject-news { margin-left:unset; } } @media (max-width: 1199px) { .moduleNewsList >.sectionInner .elementList .teaserList .listEntryObject-news { margin-right:auto; } } @media (max-width: 991px) { .moduleNewsList >.sectionInner .elementList .teaserList .listEntryObject-news { margin-right:auto; } } @media (max-width: 480px) { .moduleNewsList >.sectionInner .elementList .teaserList .listEntryObject-news { width:100%; } } @media (max-width: 480px) { .moduleNewsList >.sectionInner .elementList .teaserList .listEntryObject-news >.listEntryInner >.listEntryElement.newsHeader .newsHeaderThumbnail { width:100%; height:calc(calc(0.3831417625vw + 373.5632183908px) - 50px); } } @media (max-width: 480px) { .moduleNewsList >.sectionInner .elementList .teaserList .listEntryObject-news >.listEntryInner >.listEntryElement.newsHeader .newsHeaderThumbnail .listEntryElement picture { width:100%; height:calc(calc(0.3831417625vw + 373.5632183908px) - 50px); } } @media (max-width: 480px) { .moduleNewsList >.sectionInner .elementList .teaserList .listEntryObject-news >.listEntryInner >.listEntryElement.newsHeader .newsHeaderThumbnail .listEntryElement picture img { width:100%; height:calc(calc(0.3831417625vw + 373.5632183908px) - 50px); } } @media (max-width: 991px) { .moduleNewsList >.sectionInner .elementList .teaserList .listEntryObject-news >.listEntryInner >.listEntryElement.newsBody { width:100%; padding-right:10px; } } @media (max-width: 480px) { .moduleNewsList >.sectionInner .elementList .teaserList .listEntryObject-news >.listEntryInner >.listEntryElement.newsBody { width:100%; } } .moduleNewsPage { padding-left:calc(calc(16.8582375479vw - 33.2183908046px) / 1.5); padding-right:calc(calc(16.8582375479vw - 33.2183908046px) / 1.5); } .moduleNewsPage .elementLinkBack { margin-left:auto; margin-right:auto; } .moduleNewsPage .newsHeader { padding:0!important; margin-bottom:0; } .moduleNewsPage .newsHeader .newsHeaderThumbnail { margin-bottom:0; } .moduleNewsPage .newsHeader .newsHeaderThumbnail picture { display:block; padding-bottom:56.33%; } .moduleNewsPage .newsHeader .newsHeaderThumbnail picture img { position:absolute; object-fit:cover; max-width:100%; } .moduleNewsPage .newsHeader .newsBody { position:relative; margin-left:70px; margin-top:-60px; min-height:70px; background-color:#FFFFFF; padding:25px 10px 0 30px!important; } .weditor .moduleNewsPage .newsHeader .newsBody { margin-left:0; margin-top:0; } .moduleNewsPage .newsHeader .newsBody .elementHeadline.elementHeadlineLevel_varh4 { display:none; margin-bottom:0; } .moduleNewsPage .newsHeader .newsBody .elementHeadline.elementHeadlineLevel_varh4 h4 { font-size:calc(0vw + 18px); } .moduleNewsPage .newsHeader .newsBody .elementHeadline.elementHeadlineLevel_varh1 { margin-top:8px; } .moduleNewsPage .newsHeader .newsBody .elementHeadline.elementHeadlineLevel_varh1 h1 { font-size:calc(0.6130268199vw + 19.7011494253px); line-height:min(35px,calc(0.6896551724vw + 23.4137931034px)); } .moduleNewsPage .newsHeader .newsHeaderDate { position:absolute; top:25px; left:25px; padding:0; } .weditor .moduleNewsPage .newsHeader .newsHeaderDate { position:relative; } .moduleNewsPage .newsHeader .newsHeaderDate .boxInner { display:grid; width:170px; height:85px; background-color:#5A6B79; flex-direction:column; justify-content:center; align-items:center; z-index:9; grid-template-columns:repeat(2,1fr); grid-template-rows:repeat(2,1fr); grid-column-gap:0; grid-row-gap:0; padding:18px 15px 15px 20px; } .weditor .moduleNewsPage .newsHeader .newsHeaderDate .boxInner { position:relative; display:block; width:100%; height:auto; } .moduleNewsPage .newsHeader .newsHeaderDate .boxInner .elementText, .moduleNewsPage .newsHeader .newsHeaderDate .boxInner .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonText, .moduleNewsPage .newsHeader .newsHeaderDate .boxInner .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks, .moduleNewsPage .newsHeader .newsHeaderDate .boxInner .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress, .moduleNewsPage .newsHeader .newsHeaderDate .boxInner .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments { display:block; margin-bottom:0; } .moduleNewsPage .newsHeader .newsHeaderDate .boxInner .elementText:nth-child(1), .moduleNewsPage .newsHeader .newsHeaderDate .boxInner .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonText:nth-child(1), .moduleNewsPage .newsHeader .newsHeaderDate .boxInner .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks:nth-child(1), .moduleNewsPage .newsHeader .newsHeaderDate .boxInner .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress:nth-child(1), .moduleNewsPage .newsHeader .newsHeaderDate .boxInner .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments:nth-child(1) { grid-area: 1 / 1 / 2 / 2; text-align:left; } .moduleNewsPage .newsHeader .newsHeaderDate .boxInner .elementText:nth-child(1) p, .moduleNewsPage .newsHeader .newsHeaderDate .boxInner .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonText:nth-child(1) p, .moduleNewsPage .newsHeader .newsHeaderDate .boxInner .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks:nth-child(1) p, .moduleNewsPage .newsHeader .newsHeaderDate .boxInner .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress:nth-child(1) p, .moduleNewsPage .newsHeader .newsHeaderDate .boxInner .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments:nth-child(1) p { color:#E6E100; font-family:"Nunito 700", Arial, Helvetica, Sans-serif; font-size:calc(0.6130268199vw + 19.7011494253px); line-height:1; letter-spacing:.45px; } .moduleNewsPage .newsHeader .newsHeaderDate .boxInner .elementText:nth-child(2), .moduleNewsPage .newsHeader .newsHeaderDate .boxInner .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonText:nth-child(2), .moduleNewsPage .newsHeader .newsHeaderDate .boxInner .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks:nth-child(2), .moduleNewsPage .newsHeader .newsHeaderDate .boxInner .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress:nth-child(2), .moduleNewsPage .newsHeader .newsHeaderDate .boxInner .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments:nth-child(2) { grid-area: 2 / 1 / 3 / 2; text-align:left; } .moduleNewsPage .newsHeader .newsHeaderDate .boxInner .elementText:nth-child(2) p, .moduleNewsPage .newsHeader .newsHeaderDate .boxInner .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonText:nth-child(2) p, .moduleNewsPage .newsHeader .newsHeaderDate .boxInner .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks:nth-child(2) p, .moduleNewsPage .newsHeader .newsHeaderDate .boxInner .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress:nth-child(2) p, .moduleNewsPage .newsHeader .newsHeaderDate .boxInner .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments:nth-child(2) p { color:#FFFFFF; font-family:"Nunito Regular", Arial, Helvetica, Sans-serif; font-size:calc(0vw + 14px); line-height:1; letter-spacing:.27px; } .moduleNewsPage .newsHeader .newsHeaderDate .boxInner .elementText:nth-child(3), .moduleNewsPage .newsHeader .newsHeaderDate .boxInner .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonText:nth-child(3), .moduleNewsPage .newsHeader .newsHeaderDate .boxInner .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks:nth-child(3), .moduleNewsPage .newsHeader .newsHeaderDate .boxInner .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress:nth-child(3), .moduleNewsPage .newsHeader .newsHeaderDate .boxInner .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments:nth-child(3) { grid-area: 1 / 2 / 3 / 3; text-align:right; } .moduleNewsPage .newsHeader .newsHeaderDate .boxInner .elementText:nth-child(3) p, .moduleNewsPage .newsHeader .newsHeaderDate .boxInner .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonText:nth-child(3) p, .moduleNewsPage .newsHeader .newsHeaderDate .boxInner .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks:nth-child(3) p, .moduleNewsPage .newsHeader .newsHeaderDate .boxInner .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress:nth-child(3) p, .moduleNewsPage .newsHeader .newsHeaderDate .boxInner .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments:nth-child(3) p { font-family:"Nunito Regular", Arial, Helvetica, Sans-serif; color:#FFFFFF; font-size:calc(1.2260536398vw + 41.4022988506px); line-height:1; } .moduleNewsPage .elementIncludeContentPage { margin-bottom:10px!important; margin-left:70px; padding:5px 0 0 30px!important; } .moduleNewsPage .elementIncludeContentPage .elementSection, .moduleNewsPage .elementIncludeContentPage .elementSectionObjectContactPerson { padding-left:0; padding-right:0; position:relative; } .moduleNewsPage .elementIncludeContentPage .elementSection:first-child, .moduleNewsPage .elementIncludeContentPage .elementSectionObjectContactPerson:first-child { padding-top:0; } .moduleNewsPage .elementIncludeContentPage .elementSection.moduleTextImageStandard5050 .elementContainerStandardColumns .col1, .moduleNewsPage .elementIncludeContentPage .elementSectionObjectContactPerson.moduleTextImageStandard5050 .elementContainerStandardColumns .col1 { padding:0; } .moduleNewsPage .elementIncludeContentPage .elementSection.moduleImageTextStandard5050 .elementContainerStandardColumns .col2, .moduleNewsPage .elementIncludeContentPage .elementSectionObjectContactPerson.moduleImageTextStandard5050 .elementContainerStandardColumns .col2 { padding:0; } .moduleNewsPage .elementIncludeContentPage .elementSection .elementContainerStandardColumns_var5050reverseSingle, .moduleNewsPage .elementIncludeContentPage .elementSectionObjectContactPerson .elementContainerStandardColumns_var5050reverseSingle { margin-bottom:calc(1.9157088123vw + 67.816091954px); } .moduleNewsPage .elementIncludeContentPage .elementSection .elementPicture.elementPicturePosition_var10 img, .moduleNewsPage .elementIncludeContentPage .elementSectionObjectContactPerson .elementPicture.elementPicturePosition_var10 img { left:0; } .moduleNewsPage .elementIncludeContentPage .elementSection .elementPicture.elementPicturePosition_var20 img, .moduleNewsPage .elementIncludeContentPage .elementSectionObjectContactPerson .elementPicture.elementPicturePosition_var20 img { left:unset; margin-left:auto; } .moduleNewsPage .elementIncludeContentPage .elementSection .elementPicture.elementPicturePosition_var30 img, .moduleNewsPage .elementIncludeContentPage .elementSectionObjectContactPerson .elementPicture.elementPicturePosition_var30 img { left:50%; transform:translateX(-50%); } .moduleNewsPage .elementIncludeContentPage h1, .moduleNewsPage .elementIncludeContentPage h2, .moduleNewsPage .elementIncludeContentPage h3, .moduleNewsPage .elementIncludeContentPage h4, .moduleNewsPage .elementIncludeContentPage h5, .moduleNewsPage .elementIncludeContentPage h6, .moduleNewsPage .elementIncludeContentPage .h1, .moduleNewsPage .elementIncludeContentPage .h2, .moduleNewsPage .elementIncludeContentPage .h3, .moduleNewsPage .elementIncludeContentPage .h4, .moduleNewsPage .elementIncludeContentPage .h5, .moduleNewsPage .elementIncludeContentPage .h6 { font-size:calc(0.6130268199vw + 19.7011494253px); margin-bottom:30px; } @media (max-width: 991px) { .moduleNewsPage .elementIncludeContentPage .elementSection .elementPicture.elementPicturePosition_var15 img, .moduleNewsPage .elementIncludeContentPage .elementSectionObjectContactPerson .elementPicture.elementPicturePosition_var15 img { left:0; } } @media (max-width: 991px) { .moduleNewsPage .elementIncludeContentPage .elementSection .elementPicture.elementPicturePosition_var25 img, .moduleNewsPage .elementIncludeContentPage .elementSectionObjectContactPerson .elementPicture.elementPicturePosition_var25 img { left:unset; margin-left:auto; } } @media (max-width: 991px) { .moduleNewsPage .elementIncludeContentPage .elementSection .elementPicture.elementPicturePosition_var35 img, .moduleNewsPage .elementIncludeContentPage .elementSectionObjectContactPerson .elementPicture.elementPicturePosition_var35 img { left:50%; transform:translateX(-50%); } } .moduleNewsPageTeaser { margin-bottom:10px!important; padding-left:calc(calc(16.8582375479vw - 33.2183908046px) / 1.5); padding-right:calc(calc(16.8582375479vw - 33.2183908046px) / 1.5); } @media only screen and (min-width: 992px) { .moduleNewsPageTeaser >.sectionInner { margin-left:70px; padding-left:30px!important; } .moduleNewsPageTeaser >.sectionInner .listDefault { margin-right:0; } } @media (max-width: 575px) { .moduleNewsPage { padding-left:0; padding-right:0; } .moduleNewsPage .newsHeader .newsHeaderDate { left:calc(5.3639846743vw + 9.8850574713px)!important; } .moduleNewsPage .newsHeader .newsBody { margin-left:calc(5.3639846743vw + 9.8850574713px)!important; padding-top:5px!important; padding-left:15px!important; padding-right:calc(5.3639846743vw + 9.8850574713px)!important; } .moduleNewsPage .elementIncludeContentPage { margin-left:calc(5.3639846743vw + 9.8850574713px); padding-left:15px!important; padding-right:calc(5.3639846743vw + 9.8850574713px)!important; } } .object-news #blockAfter { display:none; } .modulePodcast >.sectionInner >.elementBox >.boxInner .elementText span.large, .modulePodcast >.sectionInner >.elementBox >.boxInner .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonText span.large, .modulePodcast >.sectionInner >.elementBox >.boxInner .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks span.large, .modulePodcast >.sectionInner >.elementBox >.boxInner .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress span.large, .modulePodcast >.sectionInner >.elementBox >.boxInner .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments span.large { margin-bottom:30px; } .modulePodcast >.sectionInner >.elementBox >.boxInner >.elementLink.elementLinkPosition_var31, .modulePodcast >.sectionInner >.elementBox >.boxInner >.elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard.elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcardPosition_var31 { margin-bottom:10px; } .modulePodcast >.sectionInner >.elementBox >.boxInner >.elementLink.elementLinkPosition_var31 a, .modulePodcast >.sectionInner >.elementBox >.boxInner >.elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard.elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcardPosition_var31 a { display:inline-flex!important; } .modulePodcast .elementPodcast { margin-bottom:75px; } .modulePodcast .elementPodcast:last-child { margin-bottom:0; } .sib-form { padding:0; font-size:calc(0vw + 18px); color:#3c3c3c; } .sib-form * { outline:0!important; box-shadow:none!important; } .sib-form #sib-container { background:transparent; margin:0; padding:0; } .sib-form #sib-container .sib-form-block { padding:0; } .sib-form #sib-container .sib-form-block .form__entry ::placeholder { text-align:left; color:#3c3c3c; } .sib-form #sib-container .sib-form-block .form__entry.entry_errored p, .sib-form #sib-container .sib-form-block .form__entry.entry_errored a { color:#FB0008; } .sib-form #sib-container .sib-form-block .form__entry.entry_errored ::placeholder { color:#FB0008!important; } .sib-form #sib-container .sib-form-block .entry__label_optin:after { display:none; color:#3c3c3c; } .sib-form #sib-container .sib-form-block .entry__error { display:none!important; } .sib-form #sib-container .sib-form-block .entry__choice { padding-left:0; text-indent:0; } .sib-form #sib-container .sib-form-block .entry__choice .label { display:block; padding-left:27px; } .sib-form #sib-container .sib-form-block .entry__choice .label p { display:block; font-size:15px; line-height:1.4; } .sib-form #sib-container .sib-form-block .entry__choice .label p .entry__label:after { display:none!important; } .sib-form #sib-container .sib-form-block .entry__choice input { position:absolute; opacity:0; } .sib-form #sib-container .sib-form-block .entry__choice input:before, .sib-form #sib-container .sib-form-block .entry__choice input:after { display:none; } .sib-form #sib-container .sib-form-block .entry__choice input:focus { outline:0; border:0; box-shadow:none!important; } .sib-form #sib-container .sib-form-block .entry__choice input:checked +span:before { border-color:#E6E100; background-color:#E6E100; } .sib-form #sib-container .sib-form-block .entry__choice input:checked +span:after { content:""; border-color:#3c3c3c; } .sib-form #sib-container .sib-form-block .entry__choice span.checkbox { position:absolute; border:none; border-color:transparent; box-shadow:none!important; } .sib-form #sib-container .sib-form-block .entry__choice span.checkbox::before, .sib-form #sib-container .sib-form-block .entry__choice span.checkbox::after { position:absolute; content:""; display:inline-block; transform:none; margin:0; bottom:unset; } .sib-form #sib-container .sib-form-block .entry__choice span.checkbox:before { top:0; left:0; height:18px; width:18px; border:1px solid #FFFFFF; background-color:#FFFFFF; } .sib-form #sib-container .sib-form-block .entry__choice span.checkbox:after { content:none; width:10px; height:7px; border-left:2px solid; border-bottom:2px solid; transform:rotate(-45deg); left:4px; top:4px; } .sib-form #sib-container .sib-form-block .entry__field { background:transparent; border:none; border-radius:0; margin:0; } .sib-form #sib-container .sib-form-block .checkbox, .sib-form #sib-container .sib-form-block .radio-button { background:transparent; } .formNewsletterWrapper #wFormErrorMessages { height:1px; margin:0; padding:0; overflow:hidden; visibility:hidden; } .formNewsletterSubscribe .form { display:flex; flex-direction:row; gap:calc(0vw + 30.5px); max-width:unset!important; } .formNewsletterSubscribe .form .responseNewsletterInterest { margin-top:30px; } .formNewsletterSubscribe .form .responseNewsletterInterest.error { color:#FB0008; } .formNewsletterSubscribe .form .wglErrorMessageInline { display:none; } .formNewsletterSubscribe .form .formElementInput { flex-grow:1; } .formNewsletterSubscribe .form .formElementInputCheckbox .wglCheckbox label { display:inline-block; padding-top:0!important; padding-bottom:0!important; line-height:1!important; } .formNewsletterSubscribe .form .formElementInputCheckbox .wglCheckbox input[type="checkbox"] { position:absolute; } .formNewsletterSubscribe .form .formElementInputCheckbox .wglCheckbox input[type="checkbox"]:checked +label:before { border-color:#FFFFFF!important; background-color:#FFFFFF!important; } .formNewsletterSubscribe .form.loading .formElementButton .buttonSubmit span:after { display:block; } .formNewsletterSubscribe .form.success .formElementButton .buttonSubmit span:after, .formNewsletterSubscribe .form.error .formElementButton .buttonSubmit span:after { display:none; } .formNewsletterSubscribe .form .formElementButton { margin-right:calc(0vw + 30.5px); margin-bottom:30px; } .formNewsletterSubscribe .form .formElementButton .buttonReset { display:none!important; } .formNewsletterSubscribe .form .formElementButton .buttonSubmit span:after { position:absolute; display:none; content:''; outline:none; align-self:center; margin:0; border:none!important; border-width:0!important; top:2px; right:-48px; width:21.333333333333px; height:23.333333333333px; background:url(/weblication-wGlobal/wGlobal/layout/images/mzv/optimized/icon-refresh-white.svg) no-repeat 0 0; background-size:contain; margin-left:0; transition:all 250ms ease-in-out; animation-name:buttonArrowsRotate360; animation-delay:0s; animation-fill-mode:forwards; animation-iteration-count:infinite; animation-timing-function:linear; animation-duration:750ms; } @media (max-width: 11679px) { .formNewsletterSubscribe .form { flex-direction:column; gap:calc(calc(0vw + 30.5px) / 2); } .formNewsletterSubscribe .form .formElementButton { text-align:left!important; margin-left:calc(0.4597701149vw + 36.275862069px); margin-right:calc(0.4597701149vw + 36.275862069px); } .formNewsletterSubscribe .form .formElementButton button { margin-left:0!important; } } @media (max-width: 991px) { .formNewsletterSubscribe .form .formElementButton { text-align:center!important; } .formNewsletterSubscribe .form .formElementButton button { width:100%; } } .moduleTextOnly100 .formNewsletterSubscribe .form { flex-direction:row; gap:calc(0vw + 30.5px); max-width:unset!important; } .moduleTextOnly100 .formNewsletterSubscribe .form .formElementEmail { width:70%; } .moduleTextOnly100 .formNewsletterSubscribe .form .formElementButton { width:30%; margin-right:0; } @media (max-width: 991px) { .moduleTextOnly100 .formNewsletterSubscribe .form { flex-direction:column; gap:calc(calc(0vw + 30.5px) / 2); } .moduleTextOnly100 .formNewsletterSubscribe .form .formElementEmail { width:100%; } .moduleTextOnly100 .formNewsletterSubscribe .form .formElementButton { width:unset; text-align:left!important; margin-left:calc(0.4597701149vw + 36.275862069px); margin-right:calc(0.4597701149vw + 36.275862069px); } .moduleTextOnly100 .formNewsletterSubscribe .form .formElementButton button { margin-left:0!important; } } .modulePosTools .elementCategoryFilterList { max-width:350px; overflow:visible; margin-left:auto; margin-right:auto; } .modulePosTools .elementCategoryFilterList select option { white-space:nowrap; } .modulePosTools .elementCategoryFilterList .selectric-scroll ul li { white-space:nowrap; } .modulePosTools .elementCategoryFilterList .selectric-items .selectric-scroll ul li:first-child { display:block!important; } .modulePosTools .posToolsHeadline { display:none; } .modulePosTools .posToolsSelectBox { padding-top:0; padding-bottom:60px; } .modulePosTools .elementList >ul { display:grid; grid-template-columns:repeat(auto-fill,minmax(331px,1fr)); gap:45px; justify-content:start; padding:0; margin:0 auto; list-style:none; max-width:calc(4 * 331px + 3 * 45px); } .modulePosTools .elementList >ul .listEntryObject-posTools { width:331px; height:479px; box-sizing:border-box; border:1px solid grey; justify-self:center; justify-content:space-between; padding:0; } .modulePosTools .elementList >ul .listEntryObject-posTools.listEntryQuickfilterInvisible { display:none; } .modulePosTools .elementList >ul .listEntryObject-posTools.listEntryQuickfilterInvisibleX { display:block!important; } .modulePosTools .elementList >ul .listEntryObject-posTools:after { position:absolute; display:block; content:""; top:18px; right:18px; width:56px; height:56px; border:1px solid #707070; border-radius:50%; cursor:pointer; pointer-events:none; touch-action:none; z-index:28; } .modulePosTools .elementList >ul .listEntryObject-posTools .listEntryInner { display:flex; height:100%; flex-direction:column; align-items:center; justify-content:space-between; padding:0; margin:0; } .modulePosTools .elementList >ul .listEntryObject-posTools .listEntryInner:before, .modulePosTools .elementList >ul .listEntryObject-posTools .listEntryInner:after { position:absolute; display:block; content:""; top:45px; right:35px; width:22px; height:4px; background-color:#3c3c3c; cursor:pointer; visibility:visible!important; pointer-events:none; touch-action:none; z-index:28; } .modulePosTools .elementList >ul .listEntryObject-posTools .listEntryInner:after { transform:rotate(90deg); } .modulePosTools .elementList >ul .listEntryObject-posTools .listEntryInner .listLocations { display:none; } .modulePosTools .elementList >ul .listEntryObject-posTools .listEntryInner .thumbnailBox { flex:0 0 85%; display:flex; align-items:center; justify-content:center; } .modulePosTools .elementList >ul .listEntryObject-posTools .listEntryInner .thumbnailBox picture img { transform:scale(1.1); object-fit:contain; transition:transform 333.33333333333ms ease-in-out; } .modulePosTools .elementList >ul .listEntryObject-posTools .listEntryInner .headlineBox { height:15%; margin-bottom:30px; text-align:center; } .modulePosTools .elementList >ul .listEntryObject-posTools .listEntryInner .headlineBox .headline { font-family:"Nunito 700", Arial, Helvetica, Sans-serif; } .modulePosTools .elementList >ul .listEntryObject-posTools:hover .listEntryInner .thumbnailBox picture img { transform:scale(1.2); } @media (min-width: 768px) and (max-width: 830px) { .modulePosTools { padding-left:15px; padding-right:15px; } } @media (max-width: 767px) { .modulePosTools .posToolsSelectBox { padding-bottom:30px; } } @media (min-width: 768px) and (max-width: 830px) { .modulePosTools .elementList >ul { max-width:calc(2 * 331px + 1 * 45px); } } @media (max-width: 1679px) { .modulePosTools .elementList >ul { max-width:calc(3 * 331px + 2 * 45px); } } @media (max-width: 1279px) { .modulePosTools .elementList >ul { max-width:calc(2 * 331px + 1 * 45px); } } @media (max-width: 767px) { .modulePosTools .elementList >ul { max-width:331px; } } .wglButton span.wglButtonIcon-mzv-preview:before, .wglButton span.wglButtonIcon-mzv-manual:before { background-image:url('/weblication-wGlobal/wGlobal/layout/images/site-icons/favicon-32x32.png')!important; background-position:0 0!important; background-size:20px!important; background-repeat:no-repeat!important; } .wglButton span.wglButtonIcon-mzv-preview:after, .wglButton span.wglButtonIcon-mzv-manual:after { content:none; } .wglButton span.wglButtonIcon-mzv-preview:before { background-image:url('/weblication-wGlobal/wGlobal/layout/images/mzv/optimized/wgl-icon-preview.svg')!important; } .wglButtonTransferToPMS { position:relative; z-index:99999; } .wglButtonTransferToPMS .wglButtonIcon-dir-elements:after { top:0!important; left:0!important; transform:none; background-image:url('/weblication-wGlobal/wGlobal/layout/images/mzv/optimized/dir-elements.svg')!important; background-size:20px!important; background-position:0 0!important; } .browseeditPaused #wButtonClosePreview { display:block!important; } #wButtonClosePreview { z-index:100999; } #blockPage { opacity:0; } .browseeditPaused #blockPage .wglButton { display:none!important; } .pagestatus-ready #blockPage { opacity:1; } /*div.wItemPanel .wItemPanelItems .wItemPanelItem { wandamp:hover { .wItemPanelItemIcon { width:96px!important; height:96px!important; background-size:96px!important; } } wandamp:first-child { wandamp:hover { .wItemPanelItemIcon { width:18px!important; height:18px!important; background-size:18px!important; } } } }*/ #blockContentFullInner > .wglAddComponent3 { height:700px; } .weditor .elementBox, .browseedit .elementBox { transform:none!important; } html.wpreview .wglButton { display:none; } .wui-popup-editorEmbed { position:relative!important; } .weditor #blockBody { position:relative; z-index:2; } .weditor #blockFooter { z-index:1; } .weditor .wItemContainer[data-type="script.html"] { padding-bottom:40px; } .wui-button:before, .wui-button:after { content:none!important; } .wui-buttons-configmask .wui-button:before, .wui-buttons-configmask .wui-button:after { content:''!important; } .weditor.browseedit .d-none-user { display:none; } .weditor .tabsOuter { z-index:99999; } :root { --viewport-is-mobile:991px; --standard-padding-tb-max:150px; --standard-padding-tb-max-mobile:75px; --speed-transition-navigation:500; --speed-page-leave-transition:600; --pause-page-enter:250; --scroll-to-top-height:64px; } .transition-none { transition:none!important; } .overflow-hidden { overflow:hidden!important; } .d-none { display:none!important; } .text-align-center { text-align:center!important; } .d-opacity-0 { opacity:0!important; visibility:hidden!important; } .width50 { width:50%; } .width100 { width:100%; } @media only screen and (max-width: 991px) { .onlyDesktop { display:none; } } @media only screen and (max-width: 768px) { .onlyTabletAndDesktop { display:none; } } .elementSectionPadding_var60 .listDefault, .elementSectionPadding_var80 .listDefault { display:flex; justify-content:center; flex-wrap:wrap; } .elementSectionPadding_var60 .listDefault .listEntryObject-contactPerson, .elementSectionPadding_var80 .listDefault .listEntryObject-contactPerson { display:flex; justify-content:center; width:auto; } .col // TODO ? div { display:flex; flex-direction:column; } .col // TODO ? div .elementButton { display:inline-block; } @media only screen and (max-width: 991px) { .withSeparatorLeft.col1 { border-bottom:1px solid #FFFFFF; padding-bottom:calc(1.9157088123vw + 67.816091954px); } .withSeparatorLeft.col2 { border-top:1px solid #FFFFFF; padding-top:calc(1.9157088123vw + 67.816091954px); } } @media only screen and (min-width: 992px) { .withSeparatorLeft { border-left:1px solid #FFFFFF; } } .elementHeadline +div:not(.elementText):not(.elementHeadline) { margin-top:30px; } .elementPicture figure { width:100%; height:100%; } .elementPicture figure img { width:100%; height:100%; } .elementButton a:hover, .elementButton a:active, .elementButton a:focus { text-decoration:none!important; } #pageTransition { position:fixed; top:0; left:0; width:100%; height:100vh; z-index:9999; cursor:wait; } .weditor:not(.wpreview) #pageTransition, .browseedit #pageTransition, .page_var740 #pageTransition { display:none!important; } .pageAccessedByReload #pageTransition { opacity:0!important; visibility:hidden!important; } .pageEnter #pageTransition { pointer-events:none!important; touch-action:none!important; } #pageTransition #pageTransitionInner { position:absolute; top:0; left:0; width:100%; height:100vh; background-color:#5A6B79; opacity:1; } .pageLeave #pageTransition #pageTransitionInner, .pageEnter #pageTransition #pageTransitionInner { animation-delay:0s; animation-fill-mode:forwards; animation-iteration-count:1; animation-timing-function:cubic-bezier(.645,.045,.355,1); } .pageLeave #pageTransition #pageTransitionInner { animation-duration:600ms; animation-name:pageLeave; } .pageEnter #pageTransition #pageTransitionInner { animation-duration:700ms; animation-name:pageEnter; } #pageTransition #pageTransitionInner:after { position:absolute; display:block; content:""; top:0; left:0; width:100%; height:100%; visibility:visible; pointer-events:none; touch-action:none; background:transparent url(/weblication-wGlobal/wGlobal/layout/images/mzv/optimized/icon-page-transition-1.svg) no-repeat 0 0; background-size:50% 50%; background-position:center; animation-delay:0s; animation-fill-mode:forwards; animation-iteration-count:1; animation-timing-function:cubic-bezier(.645,.045,.355,1); } .pageLeave #pageTransition #pageTransitionInner:after { animation-duration:600ms; animation-name:pageLeaveIcon; } .pageEnter #pageTransition #pageTransitionInner:after { animation-duration:700ms; animation-name:pageEnterIcon; } .debugMarker { position:fixed; display:block; top:50%; right:0; width:150px; border-color:green; font-size:16px; color:green; pointer-events:none; white-space:nowrap; z-index:1000; padding:4px 8px; border-width:1px 0px 0px; border-style:solid; box-sizing:border-box; text-align:left; transform:translate(0px,0px); } blockquote { font-size:min(50px,calc(1.2260536398vw + 29.4022988506px)); line-height:min(58px,calc(0.9195402299vw + 42.5517241379px)); font-weight:bold; padding-left:0; margin-top:0; margin-left:0; margin-right:0; border-left:none; hyphens:auto; } blockquote:before { position:absolute; content:''; top:-1.2vw; left:-5vw; width:4vw; height:3.3vw; max-height:60px; background:url(/weblication-wGlobal/wGlobal/layout/images/mzv/optimized/icon-statement.svg) no-repeat 0 0; background-size:contain; } @media (max-width: 991px) { blockquote:before { top:-1vw; left:-5.5vw; width:4.5vw; height:3.5vw; } } @media (max-width: 767px) { blockquote:before { top:-1vw; left:-6.5vw; width:5vw; height:4vw; } } @media (max-width: 575px) { blockquote { text-indent:8.5vw; } blockquote:before { top:0; left:0; width:7.5vw; height:6.5vw; } } p.small, span.small { font-size:calc(0vw + 12px); line-height:1.2; } p.small a, p.small li, span.small a, span.small li { font-size:calc(0vw + 12px); line-height:1.66; } p.strong, span.strong { font-family:"Nunito 700", Arial, Helvetica, Sans-serif; } p.large, span.large { font-size:min(30px,calc(0.6130268199vw + 19.7011494253px)); line-height:1.4; } p.large a, p.large li, span.large a, span.large li { font-size:; line-height:1.66; } p.uppercase, span.uppercase { text-transform:uppercase; } p span:not(.highlighted) { display:block; } a span { display:inline!important; } strong, b { font-family:"Nunito 700", Arial, Helvetica, Sans-serif; } a, .listEntry { outline:0!important; user-select:none; } a { outline:0!important; user-select:none; text-decoration:underline; } a.box:before, a.wpst:before , a.mail:before, a.wpst:before, a.phone:before { content:none; } a:hover { text-decoration:underline; } .elementText ul, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonText ul, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks ul, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress ul, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments ul { margin-left:0; padding-left:1em; } input:focus, select:focus, textarea:focus { box-shadow:none; } .d-block { display:block!important; } .d-none { display:none!important; } .elementVideoExternal .youtubeStartNotice { background-color:#FFFFFF; } .elementVideoExternal .youtubeStartNotice a { color:#3c3c3c; } .elementText +.elementLink, .elementText +.elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonText +.elementLink, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonText +.elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks +.elementLink, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks +.elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress +.elementLink, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress +.elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments +.elementLink, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments +.elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard { margin-top:10px; } .elementText +.elementPicture, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonText +.elementPicture, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks +.elementPicture, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress +.elementPicture, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments +.elementPicture { margin-top:60px; } .elementPicture +.elementLink, .elementPicture +.elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard, .elementPicture +.elementText, .elementPicture +.elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonText, .elementPicture +.elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks, .elementPicture +.elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress, .elementPicture +.elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments { margin-bottom:60px; } html:not(.browseedit)::-webkit-scrollbar-track { background-color:#F0F0F0; } html:not(.browseedit)::-webkit-scrollbar { width:8px; } html:not(.browseedit)::-webkit-scrollbar-thumb { border-radius:4px; border:8px solid #C4C8CE; } html.overlay-open { overflow:hidden!important; } .portalBoxLayer { position:relative; display:flex; align-items:center; justify-content:flex-end; } .weditor:not(.wpreview) .portalBoxLayer { display:none; pointer-events:none; touch-action:none; } .portalBoxLayer.isActive .portalBoxLayerGroup { opacity:1; pointer-events:auto; touch-action:auto; } .portalBoxLayer.isActive .portalBoxLayerGroup a.button { pointer-events:auto; touch-action:auto; } .portalBoxLayer .portalBoxLayerOpener { position:relative; z-index:5; } .portalBoxLayer .portalBoxLayerOpener a span { color:#FFFFFF!important; } .portalBoxLayer .portalBoxLayerGroup { position:absolute; display:flex; top:0; left:0; width:250px; height:275px; padding:25px 25px 30px 25px; flex-direction:column; justify-content:flex-end; background-color:#5A6B79; opacity:0; transition:opacity 500ms ease; pointer-events:none; touch-action:none; } .portalBoxLayer .portalBoxLayerGroup a.button { position:relative; display:block; height:39px; border-radius:19.5px; margin-top:20px; color:#FFFFFF; text-decoration:none; text-align:center!important; pointer-events:none; touch-action:none; } .portalBoxLayer .portalBoxLayerGroup a.button:before, .portalBoxLayer .portalBoxLayerGroup a.button:after { position:absolute; display:inline-block; content:""; top:0; width:calc(100% - 39px); height:39px; border:solid 2px #E6E100; transition:transform 500ms ease; } .portalBoxLayer .portalBoxLayerGroup a.button:before { left:5px; border-top-left-radius:calc(0vw + 30.5px); border-bottom-left-radius:calc(0vw + 30.5px); border-right-width:0!important; } .portalBoxLayer .portalBoxLayerGroup a.button:after { right:5px; border-top-right-radius:calc(0vw + 30.5px); border-bottom-right-radius:calc(0vw + 30.5px); border-left-width:0!important; } .portalBoxLayer .portalBoxLayerGroup a.button span { display:inline-block; line-height:39px; transform:translateX(8px); transition:transform 500ms ease; } .portalBoxLayer .portalBoxLayerGroup a.button span:after { position:relative; display:inline-block; content:''; top:5.3333333333333px; right:0; width:16px; height:23px; transform:translateX(8px); background:url(/weblication-wGlobal/wGlobal/layout/images/mzv/optimized/icon-lock.svg) no-repeat 0 0; background-size:contain; opacity:0; transition:all 500ms ease; } .portalBoxLayer .portalBoxLayerGroup a.button:hover:before { transform:translateX(-15px); } .portalBoxLayer .portalBoxLayerGroup a.button:hover:after { transform:translateX(15px); } .portalBoxLayer .portalBoxLayerGroup a.button:hover span { transform:translateX(-8px); } .portalBoxLayer .portalBoxLayerGroup a.button:hover span:after { width:16px; opacity:1; transform:translateX(16px); } .portalBoxLayer a { color:#FFFFFF; } .portalBoxLayer a span { white-space:nowrap; } @media (max-width: 991px) { .portalBoxLayer { display:none; } } .portalBoxLayerClone { position:absolute; display:flex; top:0; left:0; width:100%; height:100vh; justify-content:center; align-items:center; flex-direction:column; background-color:#5A6B79; z-index:101; transform:translateX(-100vw); transition:transform 500ms ease-in-out; } .portalBoxLayerClone.isActive { transform:translateX(0); } .portalBoxLayerClone.isActive .portalBoxLayerGroup { pointer-events:all!important; touch-action:auto!important; } .portalBoxLayerClone.isActive .portalBoxLayerGroup a.button { pointer-events:all!important; touch-action:auto!important; } .portalBoxLayerClone .portalBoxLayerClose { position:absolute; top:30px; left:30px; width:32px; height:22px; cursor:pointer; } .portalBoxLayerClone .portalBoxLayerClose:after { position:absolute; content:""; top:0; left:0; width:32px; height:22px; background:url("/weblication-wGlobal/wGlobal/layout/images/mzv/optimized/icon-arrow-right-yellow.svg") no-repeat 0 0; transform:rotate(180deg); } .portalBoxLayerClone .portalBoxLayer { flex-direction:column; } .portalBoxLayerClone .portalBoxLayer .portalBoxLayerOpener a span { margin-left:10px; transform:none; } .portalBoxLayerClone .portalBoxLayer .portalBoxLayerGroup { position:relative; left:0; opacity:1; justify-content:flex-start; } @media (max-width: 991px) { .portalBoxLayerClone .portalBoxLayer { display:flex!important; } } .searchBoxElement.isActive .searchBoxElementInner { width:25vw; } .searchBoxElement.isActive .searchBoxElementInner .searchTerm { width:100%; padding:0 32px 10px 48px; height:42px; } .searchBoxElement.isActive .searchBoxElementInner .searchTerm::placeholder { color:transparent; } .searchBoxElement.isActive .searchBoxElementInner .searchCloser { opacity:1; } .searchBoxElementInner { width:32px; transition:width 500ms ease; } .searchBoxElementInner .searchTerm { position:absolute; top:0; right:0; width:0; padding:0; border:0; color:#FFFFFF; border-bottom:2px solid #89929e; background-color:#5A6B79; } .searchBoxElementInner .searchTerm::placeholder { color:transparent; } .searchBoxElementInner .searchTerm:focus::placeholder, .searchBoxElementInner .searchTerm:active::placeholder { color:#FFFFFF!important; } .searchBoxElementInner .searchIcon { position:relative; top:-2px; width:32px; height:32px; cursor:pointer; z-index:999; transition:width 500ms ease 250ms; } .searchBoxElementInner .searchIcon:after { position:absolute; display:block; content:''; width:100%; height:100%; background:url(/weblication-wGlobal/wGlobal/layout/images/mzv/optimized/icon-search.svg) no-repeat 0 0; background-size:contain; } .searchBoxElementInner .searchCloser { position:absolute; top:0; right:0; width:32px; height:32px; cursor:pointer; z-index:999; opacity:0; transition:opacity 500ms ease; } .searchBoxElementInner .searchCloser:after { position:absolute; display:block; content:''; top:50%; left:50%; width:15px; height:15px; transform:translate(-50%,-50%); background:url(/weblication-wGlobal/wGlobal/layout/images/mzv/optimized/icon-search-closer.svg) no-repeat 0 0; background-size:contain; } .weditor:not(.wpreview) #blockHeader { display:none; } #blockHeader #blockHeaderMain { display:flex; padding-left:calc(8.4291187739vw - 1.6091954023px); padding-right:calc(8.4291187739vw - 1.6091954023px); transition:all 500ms ease; background-color:rgba(90,107,121,.9); } .scrolled-top #blockHeader #blockHeaderMain { background-color:rgba(60,60,60,0); } .pageWithoutHeaderVisual #blockHeader #blockHeaderMain { background-color:rgba(90,107,121,.9); } .browseedit #blockHeader #blockHeaderMain { background-color:rgba(90,107,121,.9); } #blockHeader #blockHeaderMain #blockHeaderMainInner { display:flex; width:100%; align-self:center; } #blockHeader #blockHeaderMain #blockHeaderMainInner #logo, #blockHeader #blockHeaderMain #blockHeaderMainInner #navigationMain { position:relative; } #blockHeader #blockHeaderMain #blockHeaderMainInner #logo, #blockHeader #blockHeaderMain #blockHeaderMainInner .portalBoxLayer { width:170px; min-width:170px; } #blockHeader #blockHeaderMain #navigationMain nav >div { display:flex; top:0; width:56vw; min-width:700px; height:100%; min-height:100vh; background-color:#5A6B79; max-width:unset; opacity:0; align-items:center; touch-action:none; pointer-events:none; overflow:hidden; transform:translateX(0); transition:all 500ms ease-in-out; padding:0; z-index:100; } #blockHeader #blockHeaderMain #navigationMain nav >div #navigationMainList { display:flex; width:100%; height:100%; height:calc(100vh - var(--vh-offset, 0px)); max-width:unset; min-height:100vh; min-height:calc(100vh - var(--vh-offset, 0px)); transform:translateX(0); padding:25px calc(5vw + 50px) 25px 75px; overflow:hidden; flex-direction:column; align-content:space-between; justify-content:flex-start; } #blockHeader #blockHeaderMain #navigationMain nav >div #navigationMainList .top-navigation { position:relative; top:0; right:0; transform:translateX(calc(2 * 5vw)); transition:transform 550ms ease-in-out; } #blockHeader #blockHeaderMain #navigationMain nav >div #navigationMainList .top-navigation >a { display:none; } #blockHeader #blockHeaderMain #navigationMain nav >div #navigationMainList .top-navigation >.navpointToggler { display:none; } #blockHeader #blockHeaderMain #navigationMain nav >div #navigationMainList .top-navigation >ul { display:flex!important; justify-content:flex-end; } #blockHeader #blockHeaderMain #navigationMain nav >div #navigationMainList .top-navigation >ul ul[data-navlevel] { display:none!important; } #blockHeader #blockHeaderMain #navigationMain nav >div #navigationMainList .top-navigation >ul li a { font-size:min(18px,calc(0vw + 18px)); margin-left:50px; line-height:1; } #blockHeader #blockHeaderMain #navigationMain nav >div #navigationMainList .main-navigation { display:flex; height:100%; margin-right:0; margin-top:calc(calc(0.4597701149vw + 62.275862069px) * 1.8); margin-bottom:10px; margin-left:0; overflow:auto; align-items:center; } #blockHeader #blockHeaderMain #navigationMain nav >div #navigationMainList .main-navigation::-webkit-scrollbar-track { background-color:transparent; } #blockHeader #blockHeaderMain #navigationMain nav >div #navigationMainList .main-navigation::-webkit-scrollbar { width:0; } #blockHeader #blockHeaderMain #navigationMain nav >div #navigationMainList .main-navigation::-webkit-scrollbar-thumb { border-radius:0; border:none; } #blockHeader #blockHeaderMain #navigationMain nav >div #navigationMainList .main-navigation >a { display:none; } #blockHeader #blockHeaderMain #navigationMain nav >div #navigationMainList .main-navigation >.navpointToggler { display:none; } #blockHeader #blockHeaderMain #navigationMain nav >div #navigationMainList .main-navigation >ul { display:block!important; } #blockHeader #blockHeaderMain #navigationMain nav >div #navigationMainList .main-navigation >ul li { margin-bottom:calc(-0.6130268199vw + 40.2988505747px); } #blockHeader #blockHeaderMain #navigationMain nav >div #navigationMainList .main-navigation >ul li a { font-size:min(24px,calc(0.30651341vw + 18.8505747126px)); line-height:min(calc(-0.6130268199vw + 50.2988505747px)); margin-bottom:min(24px,calc(0vw + 18px)); } #blockHeader #blockHeaderMain #navigationMain nav >div #navigationMainList .main-navigation >ul li ul { padding-left:39px; border-left:1px solid #E6E100; margin-left:2px; } #blockHeader #blockHeaderMain #navigationMain nav >div #navigationMainList .main-navigation >ul li ul li { margin-bottom:min(24px,calc(0.4597701149vw + 22.275862069px)); } #blockHeader #blockHeaderMain #navigationMain nav >div #navigationMainList .main-navigation >ul li ul li:last-child { margin-bottom:0; } #blockHeader #blockHeaderMain #navigationMain nav >div #navigationMainList .main-navigation >ul li ul li a { font-size:min(24px,calc(0vw + 18px)); line-height:1; } #blockHeader #blockHeaderMain #navigationMain nav >div #navigationMainList .bottom-navigation { position:relative; left:0; bottom:0; transform:translateX(calc(2 * 5vw)); transition:transform 550ms ease-in-out; } #blockHeader #blockHeaderMain #navigationMain nav >div #navigationMainList .bottom-navigation >a { display:none; } #blockHeader #blockHeaderMain #navigationMain nav >div #navigationMainList .bottom-navigation >.navpointToggler { display:none; } #blockHeader #blockHeaderMain #navigationMain nav >div #navigationMainList .bottom-navigation >ul { display:flex!important; justify-content:space-between; } #blockHeader #blockHeaderMain #navigationMain nav >div #navigationMainList .bottom-navigation >ul ul[data-navlevel] { display:none!important; } #blockHeader #blockHeaderMain #navigationMain nav >div #navigationMainList .bottom-navigation >ul li a { font-size:min(18px,calc(0vw + 18px)); line-height:1; } #blockHeader #blockHeaderMain #navigationMain nav >div .searchBoxLayerMobile { position:absolute; display:flex; top:0; left:0; width:100vw; height:100vh; background-color:#5A6B79; z-index:101; transform:translateX(-100vw); transition:transform 550ms ease-in-out; } #blockHeader #blockHeaderMain #navigationMain nav >div .searchBoxLayerMobile #frmSearchMobile { width:100%; } #blockHeader #blockHeaderMain #navigationMain nav >div .searchBoxLayerMobile .searchBoxLayerClose { position:absolute; top:46px; left:30px; width:32px; height:22px; cursor:pointer; } #blockHeader #blockHeaderMain #navigationMain nav >div .searchBoxLayerMobile .searchBoxLayerClose:after { position:absolute; content:""; top:0; left:0; width:32px; height:22px; background:url("/weblication-wGlobal/wGlobal/layout/images/mzv/optimized/icon-arrow-right-yellow.svg") no-repeat 0 0; transform:rotate(180deg); } #blockHeader #blockHeaderMain #navigationMain nav >div .searchBoxLayerMobile .searchBoxElement { width:100%; padding:30px; margin-top:calc(3.9846743295vw + 113.0574712644px); } #blockHeader #blockHeaderMain #navigationMain nav >div .searchBoxLayerMobile .searchBoxElement .searchBoxElementInner { position:relative; display:flex; width:100%; } #blockHeader #blockHeaderMain #navigationMain nav >div .searchBoxLayerMobile .searchBoxElement .searchBoxElementInner .searchIcon { display:inline-block; } #blockHeader #blockHeaderMain #navigationMain nav >div .searchBoxLayerMobile .searchBoxElement .searchBoxElementInner .searchTerm { position:absolute; width:100%; margin-left:5px; } #blockHeader #blockHeaderMain #navigationMain nav >div #searchBox { position:absolute; top:calc(calc(9.5019157088vw + 64.367816092px) / 2 + (10px - 1px)); right:calc(5vw + 50px); width:32px; height:32px; transform:translate(calc(5vw * 2)); transition:all 550ms ease-in-out; z-index:99; } #blockHeader #blockHeaderMain #navigationMain nav >div #searchBox.isActive ~.searchBoxLayerMobile { transform:translateX(0); } #blockHeader #blockHeaderMain #navigationMain nav >div #searchBox .searchBoxLayerMobile { display:none; } #blockHeader #blockHeaderMain #navigationMain nav >div #searchBox #frmSearch { position:absolute; top:0; right:0; z-index:99; } #blockHeader #blockHeaderMain #navigationMain #navigationMainTogglerCloser { position:absolute; top:calc(calc(9.5019157088vw + 64.367816092px) / 2 - calc(calc(0.4597701149vw + 62.275862069px) / 2)); left:83px; width:calc(0.4597701149vw + 62.275862069px); height:calc(0.4597701149vw + 62.275862069px); z-index:100; cursor:pointer; transition:transform 500ms ease; } #blockHeader #blockHeaderMain #navigationMain #navigationMainTogglerCloser .navigationMainTogglerInner .closer { position:absolute; top:0; right:0; width:calc(0.4597701149vw + 62.275862069px); height:calc(0.4597701149vw + 62.275862069px); background-color:#E6E100; opacity:0; outline:0; transition:opacity 400ms ease-in-out; } #blockHeader #blockHeaderMain #navigationMain #navigationMainTogglerCloser .navigationMainTogglerInner .closer:after { position:absolute; content:''; top:50%; left:50%; transform:rotate(45deg) translate(-50%,-50%); width:calc(0.4597701149vw + 62.275862069px); height:calc(0.4597701149vw + 62.275862069px); background:url(/weblication-wGlobal/wGlobal/layout/images/mzv/optimized/icon-closer.svg) no-repeat 0 0; background-size:contain; transform-origin:left top; transition:transform 550ms ease-in-out; } #blockHeader #blockHeaderMain #navigationMain #navigationMainToggler { position:absolute; display:block; top:calc(50% + 32px / 2); left:50%; width:56px; height:56px; margin:0 0 0 0; margin-top:-12px; transform:translate(-50%,-50%); z-index:99; transition:transform 500ms ease; } #blockHeader #blockHeaderMain #navigationMain #navigationMainToggler >div:first-child { display:none; } #blockHeader #blockHeaderMain #navigationMain #navigationMainToggler.open .navigationMainTogglerInner .closer { opacity:1; } #blockHeader #blockHeaderMain #navigationMain #navigationMainToggler.open .navigationMainTogglerInner .closer:after { transform:rotate(0) translate(-50%,-50%); } #blockHeader #blockHeaderMain #navigationMain #navigationMainToggler.open .navigationMainTogglerInner .opener { opacity:0; } #blockHeader #blockHeaderMain #navigationMain #navigationMainToggler.open +nav >div { opacity:1; touch-action:auto; pointer-events:auto; } #blockHeader #blockHeaderMain #navigationMain #navigationMainToggler.open +nav >div #navigationMainTogglerCloser .navigationMainTogglerInner .closer { opacity:1; } #blockHeader #blockHeaderMain #navigationMain #navigationMainToggler.open +nav >div #navigationMainTogglerCloser .navigationMainTogglerInner .closer:after { transform:rotate(0) translate(-50%,-50%); } #blockHeader #blockHeaderMain #navigationMain #navigationMainToggler .navigationMainTogglerInner { position:relative; top:20px; width:56px; height:32px; } #blockHeader #blockHeaderMain #navigationMain #navigationMainToggler .navigationMainTogglerInner:before, #blockHeader #blockHeaderMain #navigationMain #navigationMainToggler .navigationMainTogglerInner:after { content:none!important; } #blockHeader #blockHeaderMain #navigationMain #navigationMainToggler .navigationMainTogglerInner .closer { position:absolute; top:calc(calc(0.4597701149vw + 62.275862069px) / -2); left:calc((calc(0.4597701149vw + 62.275862069px) - 56px) / -2); width:calc(0.4597701149vw + 62.275862069px); height:calc(0.4597701149vw + 62.275862069px); background-color:#E6E100; opacity:0; outline:0; transition:opacity 400ms ease-in-out; } #blockHeader #blockHeaderMain #navigationMain #navigationMainToggler .navigationMainTogglerInner .closer:after { position:absolute; content:''; top:50%; left:50%; transform:rotate(45deg) translate(-50%,-50%); width:calc(0.4597701149vw + 62.275862069px); height:calc(0.4597701149vw + 62.275862069px); background:url(/weblication-wGlobal/wGlobal/layout/images/mzv/optimized/icon-closer.svg) no-repeat 0 0; background-size:contain; transform-origin:left top; transition:transform 550ms ease-in-out; } #blockHeader #blockHeaderMain #navigationMain #navigationMainToggler .navigationMainTogglerInner .opener { position:absolute; width:56px; height:4px; border-radius:2px; background-color:#E6E100; opacity:1; outline:0; transition:all 400ms ease-in-out; } #blockHeader #blockHeaderMain #navigationMain #navigationMainToggler .navigationMainTogglerInner .opener:before, #blockHeader #blockHeaderMain #navigationMain #navigationMainToggler .navigationMainTogglerInner .opener:after { position:absolute; content:''; width:56px; height:4px; border-radius:2px; background-color:#FFFFFF; transition:all 400ms ease-in-out; } #blockHeader #blockHeaderMain #navigationMain #navigationMainToggler .navigationMainTogglerInner .opener:before { top:-16px; } #blockHeader #blockHeaderMain #navigationMain #navigationMainToggler .navigationMainTogglerInner .opener:after { top:16px; } #blockHeader #blockHeaderMain #navigationMain #navigationMainToggler .navigationMainTogglerInner .opener >div { position:absolute; top:-2px; left:50%; width:80px; height:8px; line-height:8px; transform:translateX(-50%); font-size:0; text-transform:uppercase; text-align:center; transition:font-size 400ms ease-out; color:#E6E100; } @media (max-width: 991px) { #blockHeader #blockHeaderMain { padding-left:30px; padding-right:30px; } } @media (max-width: 1199px) { #blockHeader #blockHeaderMain #navigationMain nav >div { width:58vw; } } @media (max-width: 991px) { #blockHeader #blockHeaderMain #navigationMain nav >div { width:60vw; } } @media (max-width: 991px) { #blockHeader #blockHeaderMain #navigationMain nav >div { left:0; width:100vw; min-width:unset; } } @media (max-width: 991px) { #blockHeader #blockHeaderMain #navigationMain nav >div #navigationMainList { padding:30px calc(0vw + 25px); flex-direction:column-reverse; } } @media (max-width: 991px) { #blockHeader #blockHeaderMain #navigationMain nav >div #navigationMainList .top-navigation { top:unset; bottom:0; } } @media (max-width: 991px) { #blockHeader #blockHeaderMain #navigationMain nav >div #navigationMainList .top-navigation >ul { justify-content:flex-start; margin-bottom:20px; } } @media (max-width: 576px) { #blockHeader #blockHeaderMain #navigationMain nav >div #navigationMainList .top-navigation >ul { justify-content:space-between; margin-bottom:20px; } } @media (max-width: 991px) { #blockHeader #blockHeaderMain #navigationMain nav >div #navigationMainList .top-navigation >ul li a { margin-left:0; margin-right:50px; } } @media (max-width: 576px) { #blockHeader #blockHeaderMain #navigationMain nav >div #navigationMainList .top-navigation >ul li a { margin-left:0; margin-right:0; } } @media (max-width: 767px) { #blockHeader #blockHeaderMain #navigationMain nav >div #navigationMainList .main-navigation { margin-top:calc(calc(0.4597701149vw + 62.275862069px) * 1.2); } } @media (max-width: 991px) { #blockHeader #blockHeaderMain #navigationMain nav >div #navigationMainList .main-navigation { transform:translateX(calc(2 * 5vw)); transition:transform 550ms ease-in-out; } } @media (max-width: 991px) { #blockHeader #blockHeaderMain #navigationMain nav >div #navigationMainList .bottom-navigation { display:none; } } @media (min-width: 992px) { #blockHeader #blockHeaderMain #navigationMain nav >div .searchBoxLayerMobile { display:none; } } @media (max-width: 991px) { #blockHeader #blockHeaderMain #navigationMain nav >div #searchBox { top:calc(calc(9.5019157088vw + 64.367816092px) / 2 - calc(32px / 2.5)); } } @media (max-width: 991px) { #blockHeader #blockHeaderMain #navigationMain nav >div #searchBox { left:30px; right:unset; } #blockHeader #blockHeaderMain #navigationMain nav >div #searchBox .searchBoxElementInner { width:32px!important; } #blockHeader #blockHeaderMain #navigationMain nav >div #searchBox .searchBoxElementInner >*:not(.searchIcon) { display:none; } } @media (max-width: 991px) { #blockHeader #blockHeaderMain #navigationMain #navigationMainTogglerCloser { left:unset; right:calc(0vw + 25px); transform:scale(.75); } } @media (max-width: 991px) { #blockHeader #blockHeaderMain #navigationMain #navigationMainToggler { right:0; left:unset; transform:scale(.75) translate(0,-67%); } } @media (min-width: 992px) { #blockHeader #blockHeaderMain #navigationMain #navigationMainToggler.open { transform:translate(calc(-50% + 50px),-50%); } } @media (max-width: 991px) { #blockHeader #blockHeaderMain #navigationMain #navigationMainToggler.open +nav >div #searchBox { transform:translateX(0); } #blockHeader #blockHeaderMain #navigationMain #navigationMainToggler.open +nav >div #navigationMainList .top-navigation, #blockHeader #blockHeaderMain #navigationMain #navigationMainToggler.open +nav >div #navigationMainList .main-navigation { transform:translateX(0); } } @media (min-width: 992px) { #blockHeader #blockHeaderMain #navigationMain #navigationMainToggler.open +nav >div { transform:translateX(5vw); } #blockHeader #blockHeaderMain #navigationMain #navigationMainToggler.open +nav >div .top-navigation, #blockHeader #blockHeaderMain #navigationMain #navigationMainToggler.open +nav >div .bottom-navigation, #blockHeader #blockHeaderMain #navigationMain #navigationMainToggler.open +nav >div #searchBox { transform:translate(0,-50%); } } @media (hover: hover) { #blockHeader #blockHeaderMain #navigationMain #navigationMainToggler:hover .navigationMainTogglerInner { cursor:pointer; } #blockHeader #blockHeaderMain #navigationMain #navigationMainToggler:hover .navigationMainTogglerInner .opener { background-color:transparent; } #blockHeader #blockHeaderMain #navigationMain #navigationMainToggler:hover .navigationMainTogglerInner .opener:before { top:-26px; } #blockHeader #blockHeaderMain #navigationMain #navigationMainToggler:hover .navigationMainTogglerInner .opener:after { top:26px; } #blockHeader #blockHeaderMain #navigationMain #navigationMainToggler:hover .navigationMainTogglerInner .opener >div { font-size:24px; } } #blockFooter #blockFooterInner >.elementSection, #blockFooter #blockFooterInner >.elementSectionObjectContactPerson { padding-bottom:85px; } #blockFooter #blockFooterInner .footerMenuBox .elementContainerStandardColumns2 .col1 { width:80%; } #blockFooter #blockFooterInner .footerMenuBox .elementContainerStandardColumns2 .col1 #navigationFootermap nav ul li { line-height:2.25; text-align:center; } #blockFooter #blockFooterInner .footerMenuBox .elementContainerStandardColumns2 .col1 #navigationFootermap nav ul li a { color:#3c3c3c; } #blockFooter #blockFooterInner .footerMenuBox .elementContainerStandardColumns2 .col2 { width:20%; text-align:right; } #blockFooter #blockFooterInner .footerMenuBox .elementContainerStandardColumns2 .col2 p { white-space:nowrap; } #blockFooter #blockFooterInner .footerSocialMediaBox { display:flex; justify-content:center; } #blockFooter #blockFooterInner .footerSocialMediaBox >div { margin-top:30px; } #blockFooter #blockFooterInner .footerSocialMediaBox .elementSocialButton:last-child { margin-right:0!important; } #blockFooter #blockFooterInner .elementHr.elementHr_varVertical { margin:0 auto; } #blockFooter #blockFooterInner .elementHr.elementHr_varVertical hr { height:130px; } #blockFooter #blockFooterInner .elementHr.elementHr_var0 { margin-bottom:70px; } #blockFooter a { line-height:1; vertical-align:unset; font-size:min(18px,calc(0vw + 18px)); } @media only screen and (max-width: 991px) { #blockFooter #blockFooterInner >.elementSection, #blockFooter #blockFooterInner >.elementSectionObjectContactPerson { padding-bottom:50px; } } @media only screen and (min-width: 1300px) { #blockFooter #blockFooterInner .footerMenuBox .elementContainerStandardColumns2 .col1 #navigationFootermap nav ul li { display:inline-block; margin-right:2.5vw; } #blockFooter #blockFooterInner .footerMenuBox .elementContainerStandardColumns2 .col1 #navigationFootermap nav ul li.only-mobile { display:none; } } @media only screen and (max-width: 1680px) { #blockFooter #blockFooterInner .footerMenuBox .elementContainerStandardColumns2 .col1 { width:100%; margin-bottom:0; padding:0; } #blockFooter #blockFooterInner .footerMenuBox .elementContainerStandardColumns2 .col1 >div { align-items:center; } #blockFooter #blockFooterInner .footerMenuBox .elementContainerStandardColumns2 .col1 >div nav ul li:last-child { margin-right:0; } #blockFooter #blockFooterInner .footerMenuBox .elementContainerStandardColumns2 .col2 { width:100%; margin-top:50px; text-align:center; padding:0; } #blockFooter #blockFooterInner .footerMenuBox .elementContainerStandardColumns2 .col2 p { margin-bottom:0; } } @media only screen and (max-width: 1199px) { #blockFooter #blockFooterInner .footerMenuBox .elementContainerStandardColumns2 .col1 { width:100%; margin-bottom:0; } #blockFooter #blockFooterInner .footerMenuBox .elementContainerStandardColumns2 .col2 { width:100%; margin-top:50px; text-align:center; } #blockFooter #blockFooterInner .footerMenuBox .elementContainerStandardColumns2 .col2 p { margin-bottom:0; } } @media only screen and (min-width: 1200px) { #blockFooter #blockFooterInner .footerMenuBox .elementContainerStandardColumns2 .col1 { padding-right:5px; margin-bottom:0; } #blockFooter #blockFooterInner .footerMenuBox .elementContainerStandardColumns2 .col2 { padding-left:5px; } } @media only screen and (max-width: 991px) { #blockFooter #blockFooterInner .elementHr.elementHr_var0 { margin-bottom:42.5px; } } #blockBody { padding-top:0; } #blockBody h1, #blockBody h2 { font-family:"Nunito 700", Arial, Helvetica, Sans-serif; } .browseedit #blockBody { padding-top:calc(9.5019157088vw + 64.367816092px); } .pageWithoutHeaderVisual #blockBody #blockContentInner >div:not(.elementSection) +.elementSection, .pageWithoutHeaderVisual #blockBody #blockContentInner >div:not(.elementSectionObjectContactPerson) +.elementSectionObjectContactPerson { margin-top:calc(9.5019157088vw + 64.367816092px)!important; padding-top:calc(1.9157088123vw + 67.816091954px); } .page_var730 #blockBody #blockContentInner >div:not(.elementSection) +.elementSection, .page_var730 #blockBody #blockContentInner >div:not(.elementSectionObjectContactPerson) +.elementSectionObjectContactPerson, .page_var740 #blockBody #blockContentInner >div:not(.elementSection) +.elementSection, .page_var740 #blockBody #blockContentInner >div:not(.elementSectionObjectContactPerson) +.elementSectionObjectContactPerson { margin-top:0!important; } .pageWithoutHeaderVisual #blockBody #blockContentInner >.elementSection:first-child, .pageWithoutHeaderVisual #blockBody #blockContentInner >.elementSectionObjectContactPerson:first-child { margin-top:calc(9.5019157088vw + 64.367816092px)!important; padding-top:calc(1.9157088123vw + 67.816091954px); } .page_var730 #blockBody #blockContentInner >.elementSection:first-child, .page_var730 #blockBody #blockContentInner >.elementSectionObjectContactPerson:first-child, .page_var740 #blockBody #blockContentInner >.elementSection:first-child, .page_var740 #blockBody #blockContentInner >.elementSectionObjectContactPerson:first-child { margin-top:0!important; } @media only screen and (min-width: 992px) { #blockBody { filter:blur(0); transition:filter 250ms ease; } } @media only screen and (min-width: 992px) { .navmenu-open #blockBody { filter:blur(12px); } } .boxWithQuote >.boxInner >.elementText >.quote >blockquote p, .boxWithQuote >.boxInner >.elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonText >.quote >blockquote p, .boxWithQuote >.boxInner >.elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks >.quote >blockquote p, .boxWithQuote >.boxInner >.elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress >.quote >blockquote p, .boxWithQuote >.boxInner >.elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments >.quote >blockquote p { font-size:min(50px,calc(1.2260536398vw + 29.4022988506px)); line-height:min(58px,calc(0.9195402299vw + 42.5517241379px)); } .boxWithQuote >.boxInner >.elementText >.quote >blockquote .textAuthor, .boxWithQuote >.boxInner >.elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonText >.quote >blockquote .textAuthor, .boxWithQuote >.boxInner >.elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks >.quote >blockquote .textAuthor, .boxWithQuote >.boxInner >.elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress >.quote >blockquote .textAuthor, .boxWithQuote >.boxInner >.elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments >.quote >blockquote .textAuthor { font-size:; line-height:; } .withoutAnimation img { transform:none!important; } .elementPictureSize_var81 figure picture img { height:auto!important; } .mfb-component--tl, .mfb-component--tr, .mfb-component--bl, .mfb-component--br { position:fixed; white-space:nowrap; padding-left:0; list-style:none; z-index:30; } .mfb-component--tl *, .mfb-component--tr *, .mfb-component--bl *, .mfb-component--br *, .mfb-component--tl *:before, .mfb-component--tr *:before, .mfb-component--bl *:before, .mfb-component--br *:before, .mfb-component--tl *:after, .mfb-component--tr *:after, .mfb-component--bl *:after, .mfb-component--br *:after { box-sizing:inherit; } .mfb-component--tl { left:0; top:0; } .mfb-component--tr { right:0; top:0; } .mfb-component--bl { left:0; bottom:0; } .mfb-component--br { right:0; bottom:0; } /*------------------------------------*\ #BUTTONS | Base \*------------------------------------*/ .mfb-component__button--main, .mfb-component__button--child { display:inline-block; position:relative; border:none; border-radius:50%; cursor:pointer; outline:none; padding:0; position:relative; -webkit-user-drag:none; background-color:#E6E100; box-shadow:0 0 4px rgba(0,0,0,0.14), 0 4px 8px rgba(0,0,0,0.28); } /** * This is the unordered list for the list items that contain * the child buttons. * */ .mfb-component__list { list-style:none; margin:0; padding:0; } .mfb-component__list>li { display:block; position:absolute; top:0; left:calc(0.6130268199vw + 5.7011494253px); padding:10px 0; margin:-10px 0; } /** * These are the basic styles for all the icons inside the main button */ .mfb-component__icon, .mfb-component__main-icon--active, .mfb-component__main-icon--resting, .mfb-component__child-icon { position:absolute; font-size:18px; text-align:center; line-height:56px; width:100%; } [data-mfb-toggle="hover"]:hover .mfb-component__icon, [data-mfb-toggle="hover"]:hover .mfb-component__main-icon--active, [data-mfb-toggle="hover"]:hover .mfb-component__main-icon--resting, [data-mfb-toggle="hover"]:hover .mfb-component__child-icon, [data-mfb-state="open"] .mfb-component__icon, [data-mfb-state="open"] .mfb-component__main-icon--active, [data-mfb-state="open"] .mfb-component__main-icon--resting, [data-mfb-state="open"] .mfb-component__child-icon { -webkit-transform:scale(1) rotate(0deg); transform:scale(1) rotate(0deg); } .mfb-component--tl, .mfb-component--tr, .mfb-component--bl, .mfb-component--br { position:fixed; white-space:nowrap; padding-left:0; list-style:none; z-index:30; } .mfb-component--tl *, .mfb-component--tr *, .mfb-component--bl *, .mfb-component--br *, .mfb-component--tl *:before, .mfb-component--tr *:before, .mfb-component--bl *:before, .mfb-component--br *:before, .mfb-component--tl *:after, .mfb-component--tr *:after, .mfb-component--bl *:after, .mfb-component--br *:after { box-sizing:inherit; } .mfb-component--tl { left:0; top:0; } .mfb-component--tr { right:0; top:0; } .mfb-component--bl { left:0; bottom:0; } .mfb-component--br { right:0; bottom:0; } /*------------------------------------*\ #BUTTONS | Base \*------------------------------------*/ .mfb-component__button--main, .mfb-component__button--child { display:inline-block; position:relative; border:none; border-radius:50%; cursor:pointer; outline:none; padding:0; position:relative; -webkit-user-drag:none; background-color:#E6E100; box-shadow:0 0 4px rgba(0,0,0,0.14), 0 4px 8px rgba(0,0,0,0.28); } /** * This is the unordered list for the list items that contain * the child buttons. * */ .mfb-component__list { list-style:none; margin:0; padding:0; } .mfb-component__list>li { display:block; position:absolute; top:0; left:calc(0.6130268199vw + 5.7011494253px); padding:10px 0; margin:-10px 0; } /** * These are the basic styles for all the icons inside the main button */ .mfb-component__icon, .mfb-component__main-icon--active, .mfb-component__main-icon--resting, .mfb-component__child-icon { position:absolute; font-size:18px; text-align:center; line-height:56px; width:100%; } [data-mfb-toggle="hover"]:hover .mfb-component__icon, [data-mfb-toggle="hover"]:hover .mfb-component__main-icon--active, [data-mfb-toggle="hover"]:hover .mfb-component__main-icon--resting, [data-mfb-toggle="hover"]:hover .mfb-component__child-icon, [data-mfb-state="open"] .mfb-component__icon, [data-mfb-state="open"] .mfb-component__main-icon--active, [data-mfb-state="open"] .mfb-component__main-icon--resting, [data-mfb-state="open"] .mfb-component__child-icon { -webkit-transform:scale(1) rotate(0deg); transform:scale(1) rotate(0deg); } /*------------------------------------*\ #BUTTONS | Modifiers \*------------------------------------*/ .mfb-component__button--main { width:calc(3.9846743295vw + 73.0574712644px); height:calc(4.1379310345vw + 75.4827586207px); border:none; box-shadow:none; z-index:20; background:transparent; } .mfb-component__button--main:before { position:absolute; display:block; content:""; top:0; left:0; width:100%; height:100%; background-size:contain !important; background:url(/weblication-wGlobal/wGlobal/layout/images/mzv/optimized/bubble.svg) no-repeat 0 0; z-index:98; } .mfb-component__button--main span { position:relative; display:inline-block!important; top:calc(-0.2298850575vw - 8.1379310345px); left:calc(0.0766283525vw - 1.2873563218px); width:100%; height:100%; } .mfb-component__button--main span:before, .mfb-component__button--main span:after { position:absolute; display:block; content:""; top:50%; left:50%; width:calc(0.0766283525vw + 1.7126436782px); height:calc(0.7662835249vw + 13.1264367816px); transform:translate(-50%,-50%); background-color:#E6E100; transition:transform 250ms ease-in-out; z-index:98; } .mfb-component__button--main span:after { transform:translate(-50%,-50%) rotate(-90deg); } .mfb-component__button--child { display:flex; justify-content:center; width:calc(2.4521072797vw + 66.8045977011px); height:calc(2.4521072797vw + 66.8045977011px); text-decoration:none!important; } .mfb-component__button--child span { position:relative; top:55%; color:#3c3c3c; font-size:calc(0vw + 12px); line-height:1.1; text-decoration:none!important; text-align:center; max-width:70%; white-space:normal; } @media (max-width: 575px) { .mfb-component__button--child span { top:50%; font-size:calc(calc(0vw + 12px) - 2px); line-height:1; } } #bookingportal:before, #salescontact:before { position:absolute; display:block; content:""; bottom:50%; left:50%; transform:translateX(-50%); width:calc(1.3793103448vw + 12.8275862069px); height:calc(1.3793103448vw + 12.8275862069px); background-size:contain !important; } @media (max-width: 575px) { #bookingportal:before, #salescontact:before { bottom:55%; } } #bookingportal:before { background:url(/weblication-wGlobal/wGlobal/layout/images/mzv/optimized/booking.svg) no-repeat 0 0; } #salescontact:before { background:url(/weblication-wGlobal/wGlobal/layout/images/mzv/optimized/kontakt.svg) no-repeat 0 0; } .mfb-component__main-icon--active, .mfb-component__main-icon--resting { -webkit-transform:scale(1) rotate(360deg); transform:scale(1) rotate(360deg); -webkit-transition:-webkit-transform 150ms cubic-bezier(0.4,0,1,1); transition:transform 150ms cubic-bezier(0.4,0,1,1); } .mfb-component__child-icon, .mfb-component__child-icon { line-height:calc(2.4521072797vw + 66.8045977011px); font-size:18px; } .mfb-component__main-icon--active { opacity:0; } [data-mfb-toggle="hover"]:hover .mfb-component__main-icon, [data-mfb-state="open"] .mfb-component__main-icon { -webkit-transform:scale(1) rotate(0deg); transform:scale(1) rotate(0deg); } [data-mfb-toggle="hover"]:hover .mfb-component__main-icon--resting, [data-mfb-state="open"] .mfb-component__main-icon--resting { opacity:0; position:absolute !important; } [data-mfb-toggle="hover"]:hover .mfb-component__main-icon--active, [data-mfb-state="open"] .mfb-component__main-icon--active { opacity:1; } /*------------------------------------*\ #BUTTONS | Animations \*------------------------------------*/ /** * SLIDE IN + FADE * When hovering the main button, the child buttons slide out from beneath * the main button while transitioning from transparent to opaque. * */ .mfb-component--br.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__button--main span:before { transform:translate(-50%,-50%) rotate(-180deg); } .mfb-component--br.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__button--main span:after { transform:translate(-50%,-50%) rotate(-270deg); } .mfb-component--br.mfb-slidein .mfb-component__list li { opacity:0; transition:all 0.5s; } #floatingButtons.clicked .mfb-component__list li, #floatingButtons.hover .mfb-component__list li, #floatingButtons.tempOpen .mfb-component__list li { opacity:1; } #floatingButtons.clicked .mfb-component__list li:nth-child(1), #floatingButtons.hover .mfb-component__list li:nth-child(1), #floatingButtons.tempOpen .mfb-component__list li:nth-child(1) { transform:translateY(calc(calc(2.4521072797vw + 66.8045977011px) * -1.1)); } #floatingButtons.clicked .mfb-component__list li:nth-child(2), #floatingButtons.hover .mfb-component__list li:nth-child(2), #floatingButtons.tempOpen .mfb-component__list li:nth-child(2) { transform:translateY(calc(calc(2.4521072797vw + 66.8045977011px) * -2.3)); } /*.mfb-component--br.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li, .mfb-component--br.mfb-slidein[data-mfb-state="open"] .mfb-component__list li { opacity: 1; } .mfb-component--br.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(1), .mfb-component--br.mfb-slidein[data-mfb-state="open"] .mfb-component__list li:nth-child(1) { -webkit-transform: translateY(calc(calc(2.4521072797vw + 66.8045977011px) * -1.1)); transform: translateY(calc(calc(2.4521072797vw + 66.8045977011px) * -1.1)); } .mfb-component--br.mfb-slidein[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(2), .mfb-component--br.mfb-slidein[data-mfb-state="open"] .mfb-component__list li:nth-child(2) { -webkit-transform: translateY(calc(calc(2.4521072797vw + 66.8045977011px) * -2.3)); transform: translateY(calc(calc(2.4521072797vw + 66.8045977011px) * -2.3)); }*/ /*------------------------------------*\ #LABELS | base \*------------------------------------*/ /** * These are the labels associated to each button, * exposed only when hovering the related button. * They are called labels but are in fact data-attributes of * each button (an anchor tag). */ [data-mfb-label]:after { display:none; content:attr(data-mfb-label); opacity:0; transition:all 0.5s; background:rgba(0,0,0,0.4); padding:4px 10px; border-radius:3px; color:rgba(255,255,255,0.8); font-size:14px; font-weight:normal; pointer-events:none; line-height:normal; position:absolute; top:50%; margin-top:-11px; transition:all 0.5s; } [data-mfb-toggle="hover"] [data-mfb-label]:hover:after, [data-mfb-state="open"] [data-mfb-label]:after { content:attr(data-mfb-label); opacity:1; transition:all 0.3s; } /*------------------------------------*\ #LABELS | Modifiers \*------------------------------------*/ .mfb-component--br [data-mfb-label]:after, .mfb-component--tr [data-mfb-label]:after { content:attr(data-mfb-label); right:70px; } .mfb-component--br .mfb-component__list [data-mfb-label]:after, .mfb-component--tr .mfb-component__list [data-mfb-label]:after { content:attr(data-mfb-label); right:70px; } .mfb-component--tl [data-mfb-label]:after, .mfb-component--bl [data-mfb-label]:after { content:attr(data-mfb-label); left:70px; } .mfb-component--tl .mfb-component__list [data-mfb-label]:after, .mfb-component--bl .mfb-component__list [data-mfb-label]:after { content:attr(data-mfb-label); left:70px; } .wmd1, .wmd2, .wmd3, .wmd4, .wmd5, .wmd6, .wmd7, .wmd1:before, .wmd2:before, .wmd3:before, .wmd4:before, .wmd5:before, .wmd6:before, .wmd7:before {font:inherit !important;color:inherit !important;text-decoration:inherit !important} .wmd1:before {content:'a';display:inline} .wmd2:before {content:'e';display:inline} .wmd3:before {content:'o';display:inline} .wmd4:before {content:'u';display:inline} .wmd5:before {content:'i';display:inline} .wmd6:before {content:'.';display:inline} .wmd7:before {content:'@';display:inline} #deferred-styles-dyn {display:none}