/* 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:#006AB3; --baseColorPrimary2:#ff7f19; --baseColorWhite:#FFFFFF; --baseColorLighter:#F0F0F0; --baseColorLight:#DDDDDD; --baseColorSemi:#C0C0C0; --baseColorDark:#6D6D6D; --baseColorDarker:#444444; --baseColorBlack:#000000; --baseColorCodeGruen:#068430; --baseColorCodeBlau:#5974AC; --baseColorCodeBraun:#77372A; --baseColorCodeTuerkis:#287C8B; --baseColorCodeHellbraun:#8D6D29; --baseColorCodePink:#B53E8B; --baseColorCodePetrol:#005F57; --backgroundColorBody:var(--baseColorWhite); --backgroundColorHeader:var(--baseColorWhite); --backgroundColorHeaderBefore:var(--baseColorPrimary1); --fontColorHeaderBefore:var(--baseColorWhite); --fontColorSearchSymbolHeaderBefore:var(--baseColorWhite); --fontColorHeaderAfter:var(--baseColorWhite); --backgroundColorHeaderAfter:var(--baseColorPrimary1); --fontColorSearchSymbolHeader:var(--baseColorBlack); --fontColorSearchSymbolHeaderAfter:var(--baseColorBlack); --backgroundColorSearchLayer:var(--baseColorLight); --fontColorNavigationMetaHeaderMainLevel1:rgba(0,0,0,0.4); --fontColorNavigationMetaHeaderMainLevel1Selected:rgba(0,0,0,0.6); --fontColorNavigationMetaHeaderMainLevel1Hover:rgba(0,0,0,0.6); --fontColorNavigationMetaHeaderMainLevel1Active:rgba(0,0,0,0.6); --fontColorNavigationMetaHeaderBeforeLevel1:var(--baseColorWhite); --fontColorNavigationMetaHeaderBeforeLevel1Selected:var(--baseColorWhite); --fontColorNavigationMetaHeaderBeforeLevel1Hover:var(--baseColorWhite); --fontColorNavigationMetaHeaderBeforeLevel1Active:var(--baseColorWhite); --backgroundColorNavigationMeta:transparent; --backgroundColorNavigationMain:transparent; --backgroundColorNavigationMainLayer:var(--baseColorWhite); --backgroundColorMegaDropdown:var(--baseColorWhite); --backgroundColorNavigationMainBlockBefore:transparent; --fontColorNavigationMainLevel1:var(--baseColorWhite); --fontColorNavigationMainLevel1Selected:var(--baseColorWhite); --fontColorNavigationMainLevel1Hover:var(--baseColorWhite); --fontColorNavigationMainLevel1Active:var(--baseColorWhite); --fontColorNavigationMainLevel2:var(--baseColorBlack); --fontColorNavigationMainLevel2Selected:var(--baseColorPrimary1); --fontColorNavigationMainLevel2Hover:var(--baseColorPrimary1); --fontColorNavigationMainLevel2Active:var(--baseColorPrimary1); --backgroundColorNavigationMainLevel1:transparent; --backgroundColorNavigationMainLevel1Selected:transparent; --backgroundColorNavigationMainLevel1Hover:transparent; --backgroundColorNavigationMainLevel1Active:transparent; --backgroundColorNavigationMainLevel2:transparent; --backgroundColorNavigationMainLevel2Selected:rgba(0,0,0,0.05); --backgroundColorNavigationMainLevel2Hover:rgba(0,0,0,0.05); --backgroundColorNavigationMainLevel2Active:rgba(0,0,0,0.05); --symbolColorNavigationMenu:var(--baseColorPrimary1); --symbolColorNavigationMenuOpen:var(--baseColorPrimary1); --backgroundColorNavigationMenu:var(--baseColorPrimary1); --borderColorNavigationMenuMenuLevel1:var(--baseColorWhite); --fontColorNavigationMenuLevel1:var(--baseColorWhite); --fontColorNavigationMenuLevel1Selected:var(--baseColorWhite); --fontColorNavigationMenuLevel1Hover:var(--baseColorWhite); --fontColorNavigationMenuLevel1Active:var(--baseColorWhite); --fontColorNavigationMenuLevel2:var(--baseColorWhite); --fontColorNavigationMenuLevel2Selected:var(--baseColorWhite); --fontColorNavigationMenuLevel2Hover:var(--baseColorWhite); --fontColorNavigationMenuLevel2Active:var(--baseColorWhite); --backgroundColorNavigationMenuLevel1:transparent; --backgroundColorNavigationMenuLevel1Selected:transparent; --backgroundColorNavigationMenuLevel1Hover:transparent; --backgroundColorNavigationMenuLevel1Active:rgba(0,0,0,0); --backgroundColorNavigationMenuLevel2:transparent; --backgroundColorNavigationMenuLevel2Selected:transparent; --backgroundColorNavigationMenuLevel2Hover:transparent; --backgroundColorNavigationMenuLevel2Active:rgba(0,0,0,0); --backgroundColorNavigationSub:transparent; --fontColorNavigationSubLevel1:var(--baseColorBlack); --fontColorNavigationSubLevel1Selected:var(--baseColorBlack); --fontColorNavigationSubLevel1Hover:var(--baseColorBlack); --fontColorNavigationSubLevel1Active:var(--baseColorBlack); --fontColorNavigationSubLevel2:var(--baseColorBlack); --fontColorNavigationSubLevel2Selected:var(--baseColorBlack); --fontColorNavigationSubLevel2Hover:var(--baseColorBlack); --fontColorNavigationSubLevel2Active:var(--baseColorBlack); --fontColorNavigationSubLevel3:var(--baseColorBlack); --fontColorNavigationSubLevel3Selected:var(--baseColorBlack); --fontColorNavigationSubLevel3Hover:var(--baseColorBlack); --fontColorNavigationSubLevel3Active:var(--baseColorBlack); --fontColorNavigationSubLevel4:var(--baseColorBlack); --fontColorNavigationSubLevel4Selected:var(--baseColorBlack); --fontColorNavigationSubLevel4Hover:var(--baseColorBlack); --fontColorNavigationSubLevel4Active:var(--baseColorBlack); --backgroundColorNavigationSubLevel1:transparent; --backgroundColorNavigationSubLevel1Selected:transparent; --backgroundColorNavigationSubLevel1Hover:transparent; --backgroundColorNavigationSubLevel1Active:transparent; --backgroundColorNavigationSubLevel2:transparent; --backgroundColorNavigationSubLevel2Selected:transparent; --backgroundColorNavigationSubLevel2Hover:transparent; --backgroundColorNavigationSubLevel2Active:transparent; --backgroundColorNavigationSubLevel3:transparent; --backgroundColorNavigationSubLevel3Selected:transparent; --backgroundColorNavigationSubLevel3Hover:transparent; --backgroundColorNavigationSubLevel3Active:transparent; --backgroundColorNavigationSubLevel4:transparent; --backgroundColorNavigationSubLevel4Selected:transparent; --backgroundColorNavigationSubLevel4Hover:transparent; --backgroundColorNavigationSubLevel4Active:transparent; --fontColorNavigationBreadcrumb:rgba(0,0,0,0.7); --fontColorNavigationBreadcrumbHover:var(--baseColorBlack); --fontColorNavigationBreadcrumbActive:var(--baseColorBlack); --backgroundColorNavigationBreadcrumb:transparent; --backgroundColorContent:#ffffff; --fontColorDefault:var(--baseColorBlack); --fontColorSub:rgba(0,0,0,0.6); --fontColorWeak:rgba(0,0,0,0.6); --fontColorInverseDefault:var(--baseColorWhite); --fontColorInverseSub:rgba(255,255,255,0.6); --fontColorInverseWeak:rgba(255,255,255,0.6); --fontColorError:#C00000; --fontColorHeadline1:var(--baseColorBlack); --fontColorHeadline2:var(--baseColorBlack); --fontColorHeadline3:var(--baseColorBlack); --fontColorHeadline4:var(--baseColorBlack); --fontColorHeadline5:var(--baseColorBlack); --fontColorHeadline6:var(--baseColorBlack); --fontColorInverseHeadline1:var(--baseColorWhite); --fontColorInverseHeadline2:var(--baseColorWhite); --fontColorInverseHeadline3:var(--baseColorWhite); --fontColorInverseHeadline4:var(--baseColorWhite); --fontColorInverseHeadline5:var(--baseColorWhite); --fontColorInverseHeadline6:var(--baseColorWhite); --fontColorLink:var(--baseColorPrimary1); --fontColorLinkHover:rgba(0,0,0,0.8); --fontColorLinkActive:rgba(0,0,0,0.8); --fontColorInverseLink:#FFFFFF; --fontColorInverseLinkHover:var(--baseColorWhite); --fontColorInverseLinkActive:var(--baseColorWhite); --fontColorEntryTitle:var(--baseColorBlack); --fontColorEntryDate:rgba(0,0,0,0.4); --fontColorEntryDescription:rgba(0,0,0,0.6); --fontColorInverseEntryTitle:var(--baseColorWhite); --fontColorInverseEntryDate:rgba(255,255,255,0.4); --fontColorInverseEntryDescription:rgba(255,255,255,0.6); --backgroundColorWhite:var(--baseColorWhite); --backgroundColorBlack:var(--baseColorBlack); --backgroundColorLight1:var(--baseColorLighter); --backgroundColorLight2:var(--baseColorLight); --backgroundColorDark1:var(--baseColorDarker); --backgroundColorDark2:var(--baseColorPrimary1); --backgroundColorError:rgba(251,0,8,0.2); --borderColorDefault:var(--baseColorLight); --borderColorLight:var(--baseColorLighter); --borderColorDark:rgba(68,68,68,0.5); --borderColorLines:var(--baseColorLight); --fontColorButton:var(--baseColorWhite); --fontColorButtonHover:var(--baseColorWhite); --fontColorButtonActive:var(--baseColorWhite); --backgroundColorButton:var(--baseColorPrimary1); --backgroundColorButtonHover:rgba(0,106,179,0.8); --backgroundColorButtonActive:rgba(0,106,179,0.6); --borderColorButton:var(--baseColorPrimary1); --borderColorButtonHover:rgba(0,106,179,0.8); --borderColorButtonActive:rgba(0,106,179,0.6); --fontColorInverseButton:var(--baseColorBlack); --fontColorInverseButtonHover:var(--baseColorBlack); --fontColorInverseButtonActive:var(--baseColorBlack); --backgroundColorInverseButton:var(--baseColorWhite); --backgroundColorInverseButtonHover:rgba(255,255,255,0.8); --backgroundColorInverseButtonActive:rgba(255,255,255,0.6); --borderColorInverseButton:var(--baseColorLight); --borderColorInverseButtonHover:rgba(255,255,255,0.8); --borderColorInverseButtonActive:rgba(255,255,255,0.6); --backgroundColorInputs:var(--baseColorWhite); --borderColorInput:#888888; --borderColorInputFocus:#000000; --backgroundColorTable:var(--baseColorWhite); --backgroundColorTableHeader:var(--baseColorDark); --backgroundColorTableCellHightlighted:var(--baseColorLighter); --borderColorTable:var(--baseColorDark); --colorLinkIcon:var(--fontColorLink); --colorLinkIconInverse:var(--fontColorInverseLink); --fontColorFunctions:#606060; --fontColorFunctionsActive:#000000; --backgroundColorFunctions:transparent; --backgroundColorFunctionsActive:transparent; --backgroundColorFooter:var(--baseColorPrimary1); --isDarkBackgroundFooter:yes; } @font-face { font-family:'OpenSans'; font-weight:300 400; font-display:swap; src:url('/wLayout25/wGlobal/layout/webfonts/OpenSans/OpenSans-Regular.woff2') format('woff2'); } @font-face { font-family:'OpenSans'; font-weight:100 200; font-display:swap; src:url('/wLayout25/wGlobal/layout/webfonts/OpenSans/OpenSans-Light.woff2') format('woff2'); } @font-face { font-family:'OpenSans'; font-weight:600; font-display:swap; src:url('/wLayout25/wGlobal/layout/webfonts/OpenSans/OpenSans-SemiBold.woff2') format('woff2'); } @font-face { font-family:'OpenSans'; font-weight:700; font-display:swap; src:url('/wLayout25/wGlobal/layout/webfonts/OpenSans/OpenSans-Bold.woff2') format('woff2'); } @font-face { font-family:'OpenSans'; font-weight:800 900; font-display:swap; src:url('/wLayout25/wGlobal/layout/webfonts/OpenSans/OpenSans-ExtraBold.woff2') format('woff2'); } .isDarkBackground div:not(.keepColor), .isDarkBackground table:not(.keepColor), .isDarkBackground span:not(.keepColor), .isDarkBackground p:not(.keepColor), .isDarkBackground sup:not(.keepColor), .isDarkBackground strong:not(.keepColor), .isDarkBackground em:not(.keepColor), .isDarkBackground ul:not(.keepColor), .isDarkBackground li:not(.keepColor), .isLightBackground .isDarkBackground div:not(.keepColor), .isLightBackground .isDarkBackground table:not(.keepColor), .isLightBackground .isDarkBackground span:not(.keepColor), .isLightBackground .isDarkBackground p:not(.keepColor), .isLightBackground .isDarkBackground sup:not(.keepColor), .isLightBackground .isDarkBackground strong:not(.keepColor), .isLightBackground .isDarkBackground em:not(.keepColor), .isLightBackground .isDarkBackground ul:not(.keepColor), .isLightBackground .isDarkBackground li:not(.keepColor) { color:var(--fontColorInverseDefault); } .isDarkBackground a:not(.keepColor), .isDarkBackground a *:not(.keepColor), .isLightBackground .isDarkBackground a:not(.keepColor), .isLightBackground .isDarkBackground a *:not(.keepColor) { color:var(--fontColorInverseLink); } .isDarkBackground a:not(.keepColor):hover, .isDarkBackground a *:not(.keepColor):hover, .isLightBackground .isDarkBackground a:not(.keepColor):hover, .isLightBackground .isDarkBackground a *:not(.keepColor):hover { color:var(--fontColorInverseLinkActive); } .isDarkBackground .accordionHeaderOpener:not(.keepColor):before, .isDarkBackground .accordionHeaderOpener:not(.keepColor):after, .isLightBackground .isDarkBackground .accordionHeaderOpener:not(.keepColor):before, .isLightBackground .isDarkBackground .accordionHeaderOpener:not(.keepColor):after { background-color:var(--fontColorInverseDefault) !important; } .isDarkBackground .text-sub:not(.keepColor), .isLightBackground .isDarkBackground .text-sub:not(.keepColor) { color:var(--fontColorInverseSub); } .isDarkBackground .text-weak:not(.keepColor), .isLightBackground .isDarkBackground .text-weak:not(.keepColor) { color:var(--fontColorInverseWeak); } .isDarkBackground h1:not(.keepColor), .isDarkBackground h1 *:not(.keepColor), .isLightBackground .isDarkBackground h1:not(.keepColor), .isLightBackground .isDarkBackground h1 *:not(.keepColor) { color:var(--fontColorInverseHeadline1); } .isDarkBackground h2:not(.keepColor), .isDarkBackground h2 *:not(.keepColor), .isLightBackground .isDarkBackground h2:not(.keepColor), .isLightBackground .isDarkBackground h2 *:not(.keepColor) { color:var(--fontColorInverseHeadline2); } .isDarkBackground h3:not(.keepColor), .isDarkBackground h3 *:not(.keepColor), .isLightBackground .isDarkBackground h3:not(.keepColor), .isLightBackground .isDarkBackground h3 *:not(.keepColor) { color:var(--fontColorInverseHeadline3); } .isDarkBackground h4:not(.keepColor), .isDarkBackground h4 *:not(.keepColor), .isDarkBackground h5:not(.keepColor), .isDarkBackground h5 *:not(.keepColor), .isDarkBackground h6:not(.keepColor), .isDarkBackground h6 *:not(.keepColor), .isLightBackground .isDarkBackground h4:not(.keepColor), .isLightBackground .isDarkBackground h4 *:not(.keepColor), .isLightBackground .isDarkBackground h5:not(.keepColor), .isLightBackground .isDarkBackground h5 *:not(.keepColor), .isLightBackground .isDarkBackground h6:not(.keepColor), .isLightBackground .isDarkBackground h6 *:not(.keepColor) { color:var(--fontColorInverseHeadline4); } .isDarkBackground .listEntryTitle:not(.keepColor), .isLightBackground .isDarkBackground .listEntryTitle:not(.keepColor) { color:var(--fontColorInverseEntryTitle); } .isDarkBackground .listEntryDate:not(.keepColor), .isLightBackground .isDarkBackground .listEntryDate:not(.keepColor) { color:var(--fontColorInverseEntryDate); } .isDarkBackground .listEntryDescription:not(.keepColor), .isDarkBackground .listEntryDescription *:not(.keepColor), .isLightBackground .isDarkBackground .listEntryDescription:not(.keepColor), .isLightBackground .isDarkBackground .listEntryDescription *:not(.keepColor) { color:var(--fontColorInverseEntryDescription); } .isDarkBackground .listEntryUrl > a:not(.keepColor), .isLightBackground .isDarkBackground .listEntryUrl > a:not(.keepColor) { color:var(--fontColorInverseLink); } .isDarkBackground .listEntryUrl > a:not(.keepColor):hover, .isLightBackground .isDarkBackground .listEntryUrl > a:not(.keepColor):hover { color:var(--fontColorInverseLinkActive); } @media (prefers-contrast:more) { .isDarkBackground a:not(.keepColor), .isDarkBackground a *:not(.keepColor), .isLightBackground .isDarkBackground a:not(.keepColor), .isLightBackground .isDarkBackground a *:not(.keepColor) { color:var(--fontColorInverse); } } .isLightBackground div:not(.keepColor), .isLightBackground span:not(.keepColor), .isLightBackground p:not(.keepColor), .isLightBackground sup:not(.keepColor), .isLightBackground strong:not(.keepColor), .isLightBackground em:not(.keepColor), .isLightBackground ul:not(.keepColor), .isLightBackground li:not(.keepColor), .isDarkBackground .isLightBackground div:not(.keepColor), .isDarkBackground .isLightBackground span:not(.keepColor), .isDarkBackground .isLightBackground p:not(.keepColor), .isDarkBackground .isLightBackground sup:not(.keepColor), .isDarkBackground .isLightBackground strong:not(.keepColor), .isDarkBackground .isLightBackground em:not(.keepColor), .isDarkBackground .isLightBackground ul:not(.keepColor), .isDarkBackground .isLightBackground li:not(.keepColor) { color:var(--fontColorDefault); } .isLightBackground a:not(.keepColor), .isLightBackground a *:not(.keepColor), .isDarkBackground .isLightBackground a:not(.keepColor), .isDarkBackground .isLightBackground a *:not(.keepColor) { color:var(--fontColorLink); } .isLightBackground a:not(.keepColor):hover, .isLightBackground a *:not(.keepColor):hover, .isDarkBackground .isLightBackground a:not(.keepColor):hover, .isDarkBackground .isLightBackground a *:not(.keepColor):hover { color:var(--fontColorLinkHover); } .isLightBackground .text-sub:not(.keepColor), .isDarkBackground .isLightBackground .text-sub:not(.keepColor) { color:var(--fontColorSub); } .isLightBackground .text-weak:not(.keepColor), .isDarkBackground .isLightBackground .text-weak:not(.keepColor) { color:var(--fontColorWeak); } .isLightBackground h1:not(.keepColor), .isLightBackground h1 *:not(.keepColor), .isDarkBackground .isLightBackground h1:not(.keepColor), .isDarkBackground .isLightBackground h1 *:not(.keepColor) { color:var(--fontColorHeadline1); } .isLightBackground h2:not(.keepColor), .isLightBackground h2 *:not(.keepColor), .isDarkBackground .isLightBackground h2:not(.keepColor), .isDarkBackground .isLightBackground h2 *:not(.keepColor) { color:var(--fontColorHeadline2); } .isLightBackground h3:not(.keepColor), .isLightBackground h3 *:not(.keepColor), .isDarkBackground .isLightBackground h3:not(.keepColor), .isDarkBackground .isLightBackground h3 *:not(.keepColor) { color:var(--fontColorHeadline3); } .isLightBackground h4:not(.keepColor), .isLightBackground h4 *:not(.keepColor), .isLightBackground h5:not(.keepColor), .isLightBackground h5 *:not(.keepColor), .isLightBackground h6:not(.keepColor), .isLightBackground h6 *:not(.keepColor), .isDarkBackground .isLightBackground h4:not(.keepColor), .isDarkBackground .isLightBackground h4 *:not(.keepColor), .isDarkBackground .isLightBackground h5:not(.keepColor), .isDarkBackground .isLightBackground h5 *:not(.keepColor), .isDarkBackground .isLightBackground h6:not(.keepColor), .isDarkBackground .isLightBackground h6 *:not(.keepColor) { color:var(--fontColorHeadline4); } .isLightBackground .listEntryTitle:not(.keepColor), .isDarkBackground .isLightBackground .listEntryTitle:not(.keepColor) { color:var(--fontColorEntryTitle); } .isLightBackground .listEntryDate:not(.keepColor), .isDarkBackground .isLightBackground .listEntryDate:not(.keepColor) { color:var(--fontColorEntryDate); } .isLightBackground .listEntryDescription:not(.keepColor), .isLightBackground .listEntryDescription *:not(.keepColor), .isDarkBackground .isLightBackground .listEntryDescription:not(.keepColor), .isDarkBackground .isLightBackground .listEntryDescription *:not(.keepColor) { color:var(--fontColorEntryDescription); } .isLightBackground .listEntryUrl > a:not(.keepColor), .isDarkBackground .isLightBackground .listEntryUrl > a:not(.keepColor) { color:var(--fontColorLink); } .isLightBackground .listEntryUrl > a:not(.keepColor):hover, .isDarkBackground .isLightBackground .listEntryUrl > a:not(.keepColor):hover { color:var(--fontColorLinkActive); } .bodyBlank #cookieNotice, .bodyBlank #dntNotice { display:none !important; } #cookieNotice { display:none; position:fixed; z-index:120; top:0; left:0; width:100vw; height:100vh; pointer-events:none; background:none; } .pagestatus-loaded #cookieNotice { display:block; } #cookieNotice #cookieNoticeInner { pointer-events:none; display:flex; align-items:center; justify-content:center; width:100vw; height:100vh; } #cookieNotice #cookieNoticeInner > div { pointer-events:auto; position:relative; left:0; top:0; width:100vw; height:100vh; -webkit-overflow-scrolling:touch; overflow-y:auto; background-color:var(--baseColorWhite); box-shadow:0 0 16px rgba(0,0,0,0.3); text-align:center; } #cookieNotice #cookieNoticeInner .elementInfo { padding:1rem; } #cookieNotice #cookieNoticeInner .elementInfo * { font-size:0.9rem; line-height:120%; } #cookieNotice #cookieNoticeInner a { white-space:nowrap; } #cookieNotice #cookieNoticeInner button { margin-bottom:0.3rem; } #cookieNotice #buttonEditCookieNotice { position:absolute; top:32px; right:4px; } #cookieNotice #cookieNoticeSelection .cookieNoticeSelectionEntry { display:block; padding-right:0.5rem; font-size:0.9rem; } #cookieNotice #cookieNoticeSelection .cookieNoticeSelectionEntry.cookieNoticeSelectionEntryEssential { font-weight:bold; } #cookieNotice #cookieNoticeSelection .cookieNoticeSelectionEntry input, #cookieNotice #cookieNoticeSelection .cookieNoticeSelectionEntry label { vertical-align:middle; line-height:20px; } #cookieNotice #cookieNoticeSelection .cookieNoticeSelectionEntry label { font-size:0.9rem; color:var(--fontColorDefault); padding-left:4px; } #cookieNotice #cookieNoticePrivacyDetails { padding:0 0 0.8rem 0; } #cookieNotice #containerRememberDataSecurityPreferences input, #cookieNotice #containerRememberDataSecurityPreferences label { vertical-align:middle; line-height:20px; } #cookieNotice #containerRememberDataSecurityPreferences label { font-size:0.9rem; color:var(--fontColorSub); 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%; } } #waiSectionCookieNotice { padding:0.6rem 1.6rem 0 1.6rem; background:#f6f6f6; border-bottom:solid 1px var(--baseColorLight); } #waiSectionCookieNotice .wAiSectionHeader { padding:4px 16px 4px 0; font-weight:bold; float:left; min-width:112px; text-align:right; } #waiSectionCookieNotice .wAiSectionContent { padding:0 16px 12px 16px; } #waiSectionCookieNotice .wAiRangeSelector .wAiRangeLabels { display:flex; justify-content:space-between; } #waiSectionCookieNotice .wAiRangeSelection { display:flex; } #waiSectionCookieNotice .wAiRangeSelection > span { cursor:pointer; border:solid 2px #000000; padding:2px 10px; border-radius:20px; margin-left:6px; background:#ffffff; } #waiSectionCookieNotice .wAiRangeSelection > span:first-child { margin-left:0; } #waiSectionCookieNotice .wAiRangeSelection > span.wAiRangeSelected, #waiSectionCookieNotice .wAiRangeSelection > span:hover { color:#ffffff; background:#000000; } #waiSectionCookieNotice .wAiRangeSelection > span:focus { outline:solid 4px #000000; } #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:var(--baseColorWhite); box-shadow:0 0 20px rgba(0,0,0,0.6); text-align:center; } #cookieNotice.bottom #cookieNoticeCloser { display:block; } #cookieNotice.blockPage { pointer-events:auto; background:rgba(0,0,0,0.4); } #cookieNotice.blockPage #cookieNoticeInner { pointer-events:auto; } #embed_cookieNotice { display:none; } #dntNotice { display:none; position:fixed; z-index:120; bottom:8px; left:8px; width:320px; max-width:calc(100vw - 16px); transform:translateY(300px); transition:all 0.6s linear; background:none; font-size:0.9rem; line-height:140%; } #dntNotice.isVisible { transform:translateY(0); } #dntNotice #dntNoticeInner { background-color:var(--baseColorWhite); box-shadow:0 0 20px rgba(0,0,0,0.6); text-align:center; padding:0.5rem; } #dntNotice #dntNoticeCloser { display:block; } @media (min-width: 768px) { #dntNotice #dntNoticeInner { padding:1rem; } } 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("/wLayout25/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; } .wEmbededPage.wEmbededPage-slideFromRight[data-embedpagetarget='body'] { position:fixed; z-index:100; overflow:auto; -webkit-overflow-scrolling:touch; width:100vw; max-width:768px; height:100vh; bottom:0; right:0; left:auto; margin:0; padding:0; background:#ffffff; box-shadow:0 0 20px 0 rgba(0,0,0,0.3); transition:right 0.3s linear; } .wEmbededPage.wEmbededPage-slideFromRight[data-embedpagetarget='body'].loading { left:auto; right:-100vw; } .wEmbededPage.wEmbededPage-slideFromRight[data-embedpagetarget='body'].loading:after { display:block; content:''; width:96px; height:48px; margin-top:8px; background-image:url("/wLayout25/wGlobal/layout/images/animations/optimized/appendList@fill(666666).svg"); background-size:100%; background-repeat:no-repeat; visibility:visible; margin:0 auto; } .wEmbededPage.wEmbededPage-slideFromRight[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-path: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:var(--backgroundColorWhite); border:solid 1px #DDDDDD; color:var(--baseColorBlack); } @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:#000000; } .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; } .wglLightbox { cursor:pointer; } .wglLightbox[data-isinactivelightbox='1'] { cursor:inherit; } .wLightbox { box-sizing:border-box; position:fixed; z-index:130; 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 16px rgba(0,0,0,0.3); background-color:var(--backgroundColorWhite); opacity:0; transition:all 0.1s ease-in-out; transform:scale(0.9); } html.ios .wLightbox .wLightboxOuter .wLightboxInner { -webkit-overflow-scrolling:touch; } .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:0.9rem; color:var(--fontColorWeak); } .wLightbox .wLightboxOuter .wLightboxTitle { display:none; padding:12px 8px 4px 8px; text-align:center; color:var(--fontColorWeak); } .wLightbox .wLightboxOuter .wLightboxDescription { display:none; padding:0 8px 4px 8px; text-align:center; font-size:0.9rem; color:var(--fontColorWeak); } .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:var(--backgroundColorWhite); box-shadow:0 0 2px 0 #6D6D6D; } .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:var(--backgroundColorWhite); 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 #000000; 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 #000000; 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:var(--backgroundColorWhite); } .wLightbox .wLightboxFullscreen:before { content:''; position:absolute; width:20px; height:20px; margin:6px 6px; background-color:var(--backgroundColorWhite); border:solid 2px #000000; transform-origin:2px 5px; } .wLightbox .wLightboxFullscreen span:first-child { display:block; position:absolute; margin:13px 4px; width:22px; height:6px; background-color:var(--backgroundColorWhite); } .wLightbox .wLightboxFullscreen span:last-child { display:block; position:absolute; margin:4px 13px; width:6px; height:22px; background-color:var(--backgroundColorWhite); } .wLightbox[data-fullscreenstatus='full'] .wLightboxFullscreen:before { content:''; position:absolute; width:10px; height:20px; margin:6px 0 0 11px; background-color:var(--backgroundColorBlack); } .wLightbox[data-fullscreenstatus='full'] .wLightboxFullscreen:after { content:''; position:absolute; width:20px; height:10px; margin:11px 0 0 6px; background-color:var(--backgroundColorBlack); } .wLightbox[data-fullscreenstatus='full'] .wLightboxFullscreen span:first-child { display:block; position:absolute; z-index:1; width:6px; height:20px; margin:6px 0 0 13px; background-color:var(--backgroundColorWhite); } .wLightbox[data-fullscreenstatus='full'] .wLightboxFullscreen span:last-child { display:block; position:absolute; z-index:1; width:20px; height:6px; margin:13px 0 0 6px; background-color:var(--backgroundColorWhite); } .wLightbox .wLightboxPlayer { 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:var(--backgroundColorWhite); } .wLightbox .wLightboxPlayer:before { content:''; position:absolute; width:20px; height:20px; margin:6px 6px 6px 10px; border:solid 10px transparent; border-width:10px 5px 10px 15px; border-left-color:var(--backgroundColorBlack); } .wLightbox[data-allowfullscreen='1'] .wLightboxPlayer { right:76px; } .wLightbox[data-playerstatus='play'] .wLightboxPlayer:before { margin-left:6px; border-color:var(--backgroundColorBlack); } .wLightbox[data-playerstatus='play'] .wLightboxPlayer span { position:absolute; width:0; height:20px; margin:6px 0 0 13px; border:solid 3px #FFFFFF; } .wLightbox .wLightboxPlayerProgress { width:100%; height:1px; background:transparent; position:fixed; bottom:0; left:0; } .wLightbox .wLightboxPlayerProgress:before { content:''; display:block; height:100%; width:0; background:transparent; } .wLightbox[data-playerprogress='play'] .wLightboxPlayerProgress { --wLightboxPlayerDuration:5s; } .wLightbox[data-playerprogress='play'] .wLightboxPlayerProgress:before { width:100%; background:#ffffff99; transition:width var(--wLightboxPlayerDuration) linear; } .wLightbox .wLightboxZoom { 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; } .wLightbox .wLightboxZoom:before { content:''; position:absolute; width:3px; height:9px; margin:18px 0 0 21px; background-color:var(--backgroundColorWhite); transform:rotate(-45deg); } .wLightbox .wLightboxZoom:after { content:''; position:absolute; width:18px; height:18px; margin:5px 0 0 6px; border:solid 2px #FFFFFF; border-radius:100%; } .wLightbox .wLightboxZoom span:first-child { content:''; position:absolute; width:2px; height:8px; margin:10px 0 0 14px; background-color:var(--backgroundColorWhite); } .wLightbox .wLightboxZoom span:last-child { content:''; position:absolute; width:8px; height:2px; margin:13px 0 0 11px; background-color:var(--backgroundColorWhite); } .wLightbox .wLightboxDownload { cursor:pointer; display:block; box-sizing:border-box; position:absolute; z-index:3; right:72px; top:4px; width:32px; height:32px; font-size:0; color:transparent; } .wLightbox .wLightboxDownload:before { content:''; position:absolute; width:8px; height:8px; margin:6px 0 0 12px; background-color:var(--backgroundColorWhite); } .wLightbox .wLightboxDownload:after { content:''; position:absolute; width:20px; height:20px; margin:14px 0 0 6px; border:solid 10px transparent; border-top-color:var(--backgroundColorWhite); } .wLightbox .wLightboxDownload span:first-child { content:''; position:absolute; width:22px; height:4px; margin:24px 0 0 5px; background-color:var(--backgroundColorWhite); } .wLightbox[data-zoom='1'] .wLightboxZoom span:first-child { display:none; } .wLightbox .wLightboxStatusLoaded .wLightboxNext { transition:all 0.3s linear; transition-delay:0.4s; opacity:1; } .wLightbox .wLightboxEntryPosition { display:inline-block; position:absolute; height:32px; line-height:32px; padding:0 4px; left:0; top:0; z-index:3; } .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; background-color:transparent; } .wLightbox-imageFull .wLightboxCloser, .wLightbox-imageFull .wLightboxFullscreen, .wLightbox-imageFull .wLightboxPlayer { position:fixed; } .wLightbox-imageFull .wLightboxCloser { background-color:var(--backgroundColorBlack); } .wLightbox-imageFull .wLightboxCloser:before { border-color:var(--backgroundColorWhite); } .wLightbox-imageFull .wLightboxCloser:after { border-color:var(--backgroundColorWhite); } .wLightbox-imageFull .wLightboxFullscreen { background-color:var(--backgroundColorBlack); } .wLightbox-imageFull .wLightboxFullscreen:before { background-color:var(--backgroundColorBlack); border-color:var(--backgroundColorWhite); } .wLightbox-imageFull .wLightboxFullscreen span:first-child, .wLightbox-imageFull .wLightboxFullscreen span:last-child { background-color:var(--backgroundColorBlack); } .wLightbox-imageFull[data-fullscreenstatus='full'] .wLightboxFullscreen:before { background-color:var(--backgroundColorWhite); } .wLightbox-imageFull[data-fullscreenstatus='full'] .wLightboxFullscreen:after { background-color:var(--backgroundColorWhite); } .wLightbox-imageFull[data-fullscreenstatus='full'] .wLightboxFullscreen span:first-child { background-color:var(--backgroundColorBlack); } .wLightbox-imageFull[data-fullscreenstatus='full'] .wLightboxFullscreen span:last-child { background-color:var(--backgroundColorBlack); } .wLightbox-imageFull .wLightboxPlayer { background-color:var(--backgroundColorBlack); } .wLightbox-imageFull .wLightboxPlayer:before { background-color:var(--backgroundColorBlack); border-color:transparent; border-left-color:var(--backgroundColorWhite); } .wLightbox-imageFull .wLightboxPlayer span:first-child, .wLightbox-imageFull .wLightboxPlayer span:last-child { background-color:var(--backgroundColorBlack); } .wLightbox-imageFull[data-playerstatus='play'] .wLightboxPlayer:before { border-color:var(--backgroundColorWhite); } .wLightbox-imageFull[data-playerstatus='play'] .wLightboxPlayer span:first-child, .wLightbox-imageFull[data-playerstatus='play'] .wLightboxPlayer span:last-child { border-color:var(--backgroundColorBlack); } .wLightbox-imageFull .wLightboxEntryPosition { position:fixed; color:var(--backgroundColorWhite); } .wLightbox-imageFull .wLightboxTitle { color:var(--baseColorWhite) !important; } .wLightbox-imageFull .wLightboxDescription { color:var(--baseColorWhite) !important; } @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; } } .wLightbox-video .wLightboxOuter .wLightboxInner { height:auto !important; } .wLightbox-video .wLightboxOuter .wLightboxInner video { display:block; } .wLightbox-pdfViewer .wLightboxBackground { background-color:rgba(0,0,0,0.9); } .wLightbox-pdfViewer .wLightboxOuter { padding:5%; } .wLightbox-pdfViewer .wLightboxOuter .wLightboxInner { box-sizing:content-box; width:100vw; height:100vh; border:none; transform:none !important; background-color:transparent; overflow:visible; } .wLightbox-pdfViewer .wLightboxOuter .wLightboxInner .wLightboxImageOuter { overflow:hidden; } .wLightbox-pdfViewer .wLightboxOuter .wLightboxInner .wLightboxMoverBack { left:-60px; } .wLightbox-pdfViewer .wLightboxOuter .wLightboxInner .wLightboxMoverForward { right:-60px; } .wLightbox-pdfViewer .wLightboxOuter .wLightboxInner .wLightboxFooter { display:none !important; } .wLightbox-pdfViewer[data-zoom='1'] .wLightboxOuter .wLightboxInner { width:calc(100vw - 120px) !important; max-width:1280px; } .wLightbox-pdfViewer[data-zoom='1'] .wLightboxOuter .wLightboxInner .wLightboxImageOuter { overflow-y:auto; width:100%; height:100%; } .wLightbox-pdfViewer[data-zoom='1'] .wLightboxOuter .wLightboxInner .wLightboxImageOuter .wLightboxImage { width:100%; max-width:100%; max-height:none; } .wLightbox-pdfViewer .wLightboxCloser, .wLightbox-pdfViewer .wLightboxZoom, .wLightbox-pdfViewer .wLightboxDownload, .wLightbox-pdfViewer .wLightboxFullscreen, .wLightbox-pdfViewer .wLightboxPlayer { margin-top:-36px; top:auto; } .wLightbox-pdfViewer .wLightboxCloser { background-color:transparent; } .wLightbox-pdfViewer .wLightboxCloser:before { border-color:var(--backgroundColorWhite); } .wLightbox-pdfViewer .wLightboxCloser:after { border-color:var(--backgroundColorWhite); } .wLightbox-pdfViewer #wLightboxImageNew { box-shadow:0 0 16px rgba(0,0,0,0.3); } .wLightbox-pdfViewer .wLightboxEntries { position:absolute; display:flex; cursor:default; margin-top:-36px; } .wLightbox-pdfViewer .wLightboxEntries .wLightboxEntryPosition { position:static; display:inline-block; color:var(--backgroundColorWhite); } .wLightbox-pdfViewer .wLightboxEntries .wLightboxEntriesSelectableOpener:before { margin:14px 0 0 2px; box-sizing:border-box; display:inline-block; content:''; width:10px; height:10px; border:solid 5px transparent; border-top-color:var(--baseColorWhite); } .wLightbox-pdfViewer .wLightboxEntries .wLightboxEntriesSelectable { display:none; position:absolute; margin-top:36px; z-index:3; color:var(--baseColorBlack); background:var(--baseColorLighter); grid-template-columns:repeat(6,1fr); grid-gap:6px; padding:8px; box-shadow:0 0 10px rgba(0,0,0,0.2); max-height:75vh; overflow-y:auto; } .wLightbox-pdfViewer .wLightboxEntries .wLightboxEntriesSelectable .wLightboxEntriesSelectablePage { display:inline-block; cursor:pointer; padding:0; border-radius:3px; } .wLightbox-pdfViewer .wLightboxEntries .wLightboxEntriesSelectable .wLightboxEntriesSelectablePage.selected, .wLightbox-pdfViewer .wLightboxEntries .wLightboxEntriesSelectable .wLightboxEntriesSelectablePage:hover { outline:solid 3px #DDDDDD; background:var(--baseColorWhite); } .wLightbox-pdfViewer .wLightboxEntries .wLightboxEntriesSelectable .wLightboxEntriesSelectablePage .wLightboxEntrySelectableThumbnail { width:80px; display:block; } .wLightbox-pdfViewer .wLightboxEntries .wLightboxEntriesSelectable .wLightboxEntriesSelectablePage .wLightboxEntrySelectablePageId { display:block; font-size:0.9rem; text-align:center; } .wLightbox-pdfViewer .wLightboxEntries .wLightboxEntriesSelectable.open { display:grid; } @media (max-width: 575px) { .wLightbox-pdfViewer .wLightboxOuter .wLightboxInner { width:100vw !important; height:100vh !important; } .wLightbox-pdfViewer .wLightboxOuter .wLightboxInner .wLightboxDownload { right:40px; } .wLightbox-pdfViewer .wLightboxOuter .wLightboxInner .wLightboxZoom { display:none; } .wLightbox-pdfViewer .wLightboxOuter .wLightboxInner .wLightboxMoverBack, .wLightbox-pdfViewer .wLightboxOuter .wLightboxInner .wLightboxMoverForward { display:none; } } .pageNaviList { --fontColorPageNaviListEntry:var(--fontColorFunctions); --fontColorPageNaviListEntryActive:var(--fontColorFunctionsActive); --fontWeightPageNaviListEntry:normal; --fontWeightPageNaviListEntryActive:bold; --backgroundColorPageNaviListEntry:transparent; --backgroundColorPageNaviListEntryActive:transparent; --borderColorPageNaviListEntry:transparent; --borderColorPageNaviListEntryActive:transparent; margin:10px 0 10px 0; line-height:100%; display:flex; width:100%; justify-content:center; align-items:center; flex-wrap:wrap; } .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:var(--backgroundColorPageNaviListEntry); color:var(--fontColorPageNaviListEntryActive); border:solid 1px var(--backgroundColorPageNaviListEntryActive); } .pageNaviList > a:hover > span:before, .pageNaviList > a:hover > span:after { background-color:var(--fontColorPageNaviListEntryActive); } .pageNaviList .pageNaviLink { background-color:var(--backgroundColorPageNaviListEntry); color:var(--fontColorPageNaviListEntry); border:solid 1px var(--borderColorPageNaviListEntry); border-radius:3px; font-weight:var(--fontWeightPageNaviListEntry); } .pageNaviList .pageNaviCurrent { background-color:var(--backgroundColorPageNaviListEntryActive); color:var(--fontColorPageNaviListEntryActive); border:solid 1px var(--borderColorPageNaviListEntryActive); border-radius:3px; font-weight:var(--fontWeightPageNaviListEntryActive); } .pageNaviList .pageNaviOverviewLink { background-color:var(--backgroundColorPageNaviListEntryActive); color:var(--fontColorPageNaviListEntry); border:solid 1px var(--borderColorPageNaviListEntry); border-radius:3px; font-weight:var(--fontWeightPageNaviListEntry); } .pageNaviList .pageNaviFirstLinkAfter, .pageNaviList .pageNaviLastLinkBefore { color:var(--fontColorPageNaviListEntryActive); } .pageNaviList .pageNaviBackLink, .pageNaviList .pageNaviNextLink { background-color:var(--backgroundColorPageNaviListEntry); color:var(--fontColorPageNaviListEntry); border:solid 1px var(--borderColorPageNaviListEntry); border-radius:3px; } .pageNaviList .pageNaviBackLink > span, .pageNaviList .pageNaviNextLink > span { display:inline-block; 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:7px; left:0; display:block; width:9px; height:2px; background-color:var(--fontColorPageNaviListEntry); } .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 !important; } .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; } .wglElementCanBeRead:hover { outline:dotted 4px #a0a0a0; } .wglElementIsBeingRead { outline:dotted 4px #000000; } .wglElementIsBeingRead:hover { outline:dotted 4px #000000; } #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:10px; right:10px; width:60px; height:60px; display:none; z-index:120; } #scrollTopOuter #scrollTop:focus { outline-width:3px !important; outline-style:dotted !important; outline-color:#ff7f19 !important; } #scrollTopOuter #scrollTop .scrollTopInner { position:relative; cursor:pointer; margin:10px; width:40px; height:40px; border-radius:20px; background-color:var(--baseColorWhite); box-shadow:0 2px 10px #00000066; } #scrollTopOuter #scrollTop .scrollTopInner:before { content:''; position:absolute; top:19px; left:10px; width:12px; height:2px; transform:rotate(-40deg); background-color:var(--baseColorBlack); } #scrollTopOuter #scrollTop .scrollTopInner:after { content:''; position:absolute; top:19px; left:18px; width:12px; height:2px; transform:rotate(40deg); background-color:var(--baseColorBlack); } #scrollTopOuter #scrollTop .scrollTopInner:hover { background-color:var(--backgroundColorDark2); } #scrollTopOuter #scrollTop .scrollTopInner:hover:before, #scrollTopOuter #scrollTop .scrollTopInner:hover:after { background-color:var(--baseColorWhite); } .weditor #scrollTopOuter { display:none; } :root { --heightBlockHeader:108px; } @media only screen and (min-width: 992px) { :root { --heightBlockHeader:240px; } } #blockHeader { width:100%; padding:0; background:var(--backgroundColorHeader); position:relative; z-index:1; box-shadow:0px 0px 15px 2px rgba(0,0,0,0.15); position:fixed; z-index:100; top:0; transition:transform 0.3s ease-in-out, background 0.3s linear; } #blockHeader #blockHeaderBefore { height:44px; width:100%; line-height:44px; color:var(--fontColorHeaderBefore); background:var(--backgroundColorHeaderBefore); padding:0 16px; } #blockHeader #blockHeaderBefore #blockHeaderBeforeInner { position:relative; } #blockHeader #blockHeaderBefore #blockHeaderBeforeInner .wConfigMaskOpener { opacity:0.2; transition:opacity 0.2s linear; } #blockHeader #blockHeaderBefore #blockHeaderBeforeInner .wConfigMaskOpener:hover { opacity:1; } #blockHeader #blockHeaderBefore #blockHeaderBeforeInner #blockHeaderBeforeContent { float:left; height:44px; display:flex; align-items:center; } #blockHeader #blockHeaderBefore #blockHeaderBeforeInner .waiMenu { float:right; height:44px; display:flex; align-items:center; margin-right:1.5rem; } #blockHeader #blockHeaderBefore #navigationMeta { background-color:var(--backgroundColorNavigationMeta); } #blockHeader #blockHeaderBefore #navigationMeta ul { list-style-type:none; margin:0; padding:0; } #blockHeader #blockHeaderBefore #navigationMeta ul li { display:block; float:left; margin:0; padding:0; } #blockHeader #blockHeaderBefore #navigationMeta ul li > a { display:block; font-size:0.9rem; font-weight:600; color:#FFFFFF; padding:0rem 0.4rem; text-decoration:none; } #blockHeader #blockHeaderBefore #navigationMeta ul li.selected > a, #blockHeader #blockHeaderBefore #navigationMeta ul li.descendantSelected > a { color:#FFFFFF; } #blockHeader #blockHeaderBefore #navigationMeta ul li:hover > a { color:#FFFFFF; } #blockHeader #blockHeaderBefore #navigationMeta ul li > a:active { color:#FFFFFF; } #blockHeader #blockHeaderBefore #navigationMeta ul li:last-child > a { padding:0rem 1rem 0rem 0.4rem; } #blockHeader #blockHeaderBefore #navigationMeta .navLevelEmbed { display:none; position:absolute; z-index:101; width:100%; max-height:calc(100vh - 64px - 36px); left:0; margin:0; padding:40px 40px 40px 40px; overflow:auto; background-color:var(--backgroundColorMegaDropdown); border-style:solid; border-width:1px; border-color:var(--borderColorMegaDropdown); color:var(--fontColorDefault); } #blockHeader #blockHeaderBefore #navigationMeta .navLevelEmbed .elementSection, #blockHeader #blockHeaderBefore #navigationMeta .navLevelEmbed .elementSectionObjectContactPerson { padding:0 !important; } #blockHeader #blockHeaderBefore #navigationMeta { display:none; } #blockHeader #blockHeaderBefore #searchBox { position:absolute; } #blockHeader #blockHeaderBefore #searchBox .searchBoxContainer { margin:0; padding:0; position:relative; overflow:visible; height:32px; width:auto; } #blockHeader #blockHeaderBefore #searchBox .searchBoxContainer .searchBoxLabel { display:none; } #blockHeader #blockHeaderBefore #searchBox .searchBoxContainer .searchBoxElement .searchTerm { display:none; margin:0px 36px 0 0; width:160px; height:32px; line-height:30px; padding:0 12px; border:solid 1px transparent; } #blockHeader #blockHeaderBefore #searchBox .searchBoxContainer .searchBoxElement #searchSuggestOuter { position:absolute; margin-top:-1px; z-index:20; background-color:var(--backgroundColorWhite); color:var(--fontColorDefault); border:solid 1px #DDDDDD; } #blockHeader #blockHeaderBefore #searchBox .searchBoxContainer .searchBoxElement #searchSuggestOuter .searchSuggestEntry { padding:2px 6px; cursor:pointer; } #blockHeader #blockHeaderBefore #searchBox .searchBoxContainer .searchBoxElement #searchSuggestOuter .searchSuggestEntry:first-child { padding:4px 6px 2px 6px; } #blockHeader #blockHeaderBefore #searchBox .searchBoxContainer .searchBoxElement #searchSuggestOuter .searchSuggestEntry:last-child { padding:2px 6px 4px 6px; } #blockHeader #blockHeaderBefore #searchBox .searchBoxContainer .searchBoxElement #searchSuggestOuter .searchSuggestEntry:hover, #blockHeader #blockHeaderBefore #searchBox .searchBoxContainer .searchBoxElement #searchSuggestOuter .searchSuggestEntry.selected { background-color:var(--backgroundColorLight1); } #blockHeader #blockHeaderBefore #searchBox .searchBoxContainer .searchBoxElement #searchSubmit { display:block; position:relative; top:0; right:0; width:32px; height:32px; margin:0; padding:0; font-size:0; background:transparent; border:none; border-radius:0; z-index:11; } #blockHeader #blockHeaderBefore #searchBox .searchBoxContainer .searchBoxElement #searchSubmit:before { content:''; pointer-events:none; position:absolute; top:4px; left:7px; width:18px; height:18px; border:solid 2px var(--fontColorSearchSymbolHeaderBefore); border-radius:50%; } #blockHeader #blockHeaderBefore #searchBox .searchBoxContainer .searchBoxElement #searchSubmit:after { content:''; pointer-events:none; position:absolute; top:8px; left:9px; width:9px; height:2px; background-color:var(--fontColorSearchSymbolHeaderBefore); transform:rotate(54deg); margin-top:14px; margin-left:9px; } #blockHeader #blockHeaderBefore #searchBox .searchBoxContainer .searchBoxElement #searchSubmit:focus { outline:none; } #blockHeader #blockHeaderBefore #searchBox { position:relative; float:right; height:44px; display:flex; align-items:center; } #blockHeader #blockHeaderMain { height:64px; } #blockHeader #blockHeaderMain #blockHeaderMainInner { max-width:1200px; position:relative; margin:0 auto; } #blockHeader #blockHeaderMain #logo { position:absolute; z-index:2; margin:10px 0 0 16px; } #blockHeader #blockHeaderMain #logo > img, #blockHeader #blockHeaderMain #logo > svg { height:44px; width:auto; display:block; } #blockHeader #blockHeaderMain #logo .logoImgFull { display:none; } #blockHeader #blockHeaderMain #logo .logoImgOnScroll { display:none; } #blockHeader #blockHeaderMain #blockHeaderMainContent { display:none; } .scrolldirection-up #blockHeader { transform:translateY(0); transition:transform 0.2s ease-in-out; } .scrolldirection-down:not(.navmenu-open) #blockHeader { transform:translateY(-48px) !important; transition:transform 1.2s ease-in-out; } #blockHeader .headerElementWaiMenu { float:right; } @media only screen and (min-width: 992px) { #blockHeader #blockHeaderBefore #blockHeaderBeforeInner #blockHeaderBeforeContent { margin-left:1rem; height:60px; } } @media only screen and (min-width: 992px) { #blockHeader #blockHeaderBefore #blockHeaderBeforeInner .waiMenu { height:60px; } } @media only screen and (min-width: 992px) { #blockHeader #blockHeaderBefore #navigationMeta { display:block; float:left; position:relative; } #blockHeader #blockHeaderBefore #navigationMeta:after { content:""; display:none; color:#FFFFFF; position:absolute; width:1px; height:30px; top:15px; right:0; } #blockHeader #blockHeaderBefore #navigationMeta > ul { margin:0 auto; float:right; } } @media (min-width: 576px) { #blockHeader #blockHeaderBefore #searchBox .searchBoxContainer .searchBoxElement .searchTerm { display:block; } #blockHeader #blockHeaderBefore #searchBox .searchBoxContainer .searchBoxElement #searchSubmit { position:absolute; } } @media only screen and (min-width: 992px) { #blockHeader #blockHeaderBefore #searchBox { height:60px; } } @media only screen and (max-width: 991.9px) { #blockHeader #blockHeaderAfter #blockHeaderAfterInner { position:absolute; width:32px; height:32px; right:16px; top:40px; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMainToggler { display:block; margin:8px; cursor:pointer; width:32px; height:32px; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMainToggler > div:first-child { display:none; padding:12px 38px 12px 16px; color:var(--fontColorNavigationMenuLevel1); text-decoration:none; font-size:1.2rem; text-transform:uppercase; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMainToggler > div:last-child { position:relative; width:32px; height:32px; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMainToggler > div:last-child:before { content:''; position:absolute; width:26px; height:11px; margin:6px 0 0 3px; border-top:solid 2px #006AB3; border-bottom:solid 2px #006AB3; transition:all 0.3s linear, border-color 0.3s 0.3s linear; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMainToggler > div:last-child:after { content:''; position:absolute; width:26px; height:20px; margin:6px 0 0 3px; border-bottom:solid 2px #006AB3; transition:all 0.3s linear; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMainToggler.open > div:last-child:before { transform:rotate(45deg); transform-origin:top left; margin-left:7.5px; border-bottom-color:transparent; transition:all 0.3s linear, border-color 0.1s linear; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMainToggler.open > div:last-child:after { transform:rotate(-45deg); transform-origin:bottom left; margin-left:7.5px; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner html.navmenu-open { overflow:hidden; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain { width:100%; position:relative; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div { display:block; position:fixed; top:0; width:100vw; height:calc(100vh - var(--heightBlockHeader)); right:-120%; max-width:535px; overflow:auto; background-color:var(--backgroundColorNavigationMenu); z-index:100000; transition:all 0.3s ease-in-out; } .navmenu-open #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div { right:0; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain ul { list-style-type:none; margin:0; padding:0; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain li { position:relative; display:grid; align-items:center; margin:0; padding:0; grid-template-columns:1fr 48px; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain li > a { display:block; text-decoration:none; text-align:left; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain li > ul { display:none; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain li.selected > ul, #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain li.descendantSelected > ul { display:block; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul { max-width:1200px; margin:0 auto; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li { border-bottom:solid 1px #FFFFFF; font-size:1.2rem; font-weight:600; line-height:2.8rem; background-color:var(--backgroundColorNavigationMenuLevel1); } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li > a { padding:0.5rem 0.5rem 0.5rem 1rem; color:var(--fontColorNavigationMenuLevel1); } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li > a[data-hasiconimg] { display:flex; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li > a[data-hasiconimg] .iconImg { padding-right:0.3rem; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li > a:before { content:''; font-weight:normal; display:inline-block; margin-right:0.7rem; height:6px; width:6px; background-color:transparent; vertical-align:middle; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li.selected, #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li.descendantSelected { background-color:var(--backgroundColorNavigationMenuLevel1Selected); } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li.selected > a, #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li.descendantSelected > a { color:var(--fontColorNavigationMenuLevel1Selected); } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li.selected > a:before, #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li.descendantSelected > a:before { background-color:var(--fontColorNavigationMenuLevel1Selected); } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li:hover { background-color:var(--backgroundColorNavigationMenuLevel1Hover); } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li:hover > a { color:var(--fontColorNavigationMenuLevel1Hover); } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li:hover > a:before { background-color:var(--fontColorNavigationMenuLevel1Selected); } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li:active { background-color:var(--backgroundColorNavigationMenuLevel1Active); } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li:active > a { color:var(--fontColorNavigationMenuLevel1Active); } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li:active > a:before { background-color:var(--fontColorNavigationMenuLevel1Selected); } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li > ul { margin-bottom:1rem; grid-column:1 / span 2; border-top:solid 1px #FFFFFF; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li > ul > li { font-size:0.9rem; font-weight:600; line-height:2.1em; background-color:var(--backgroundColorNavigationMenuLevel2); } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li > ul > li > a { padding:0.3rem 0.5rem 0.3rem 2rem; color:var(--fontColorNavigationMenuLevel2); } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li > ul > li.selected, #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li > ul > li.descendantSelected { background-color:var(--backgroundColorNavigationMenuLevel2Selected); } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li > ul > li.selected > a, #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li > ul > li.descendantSelected > a { color:var(--fontColorNavigationMenuLevel2Selected); } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li > ul > li:hover { background-color:var(--backgroundColorNavigationMenuLevel2Hover); } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li > ul > li:hover > a { color:var(--fontColorNavigationMenuLevel2Hover); } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li > ul > li:active { background-color:var(--backgroundColorNavigationMenuLevel2Active); } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li > ul > li:active > a { color:var(--fontColorNavigationMenuLevel2Active); } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li > ul > li > ul { margin-bottom:0.6rem; grid-column:1 / span 2; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li > ul > li > ul > li { font-size:0.9rem; font-weight:600; line-height:1.9rem; background-color:var(--backgroundColorNavigationMenuLevel3); } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li > ul > li > ul > li > a { padding:0.2rem 0.5rem 0.2rem 3rem; color:var(--fontColorNavigationMenuLevel3); } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li > ul > li > ul > li.selected, #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li > ul > li > ul > li.descendantSelected { background-color:var(--backgroundColorNavigationMenuLevel3Selected); } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li > ul > li > ul > li.selected > a, #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li > ul > li > ul > li.descendantSelected > a { color:var(--fontColorNavigationMenuLevel3Selected); } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li > ul > li > ul > li:hover { background-color:var(--backgroundColorNavigationMenuLevel3Hover); } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li > ul > li > ul > li:hover > a { color:var(--fontColorNavigationMenuLevel3Hover); } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li > ul > li > ul > li:active { background-color:var(--backgroundColorNavigationMenuLevel3Active); } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li > ul > li > ul > li:active > a { color:var(--fontColorNavigationMenuLevel3Active); } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li > ul > li > ul > li span.navpointToggler { padding-right:0; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li > ul > li > ul > li > ul { margin-bottom:0.6rem; grid-column:1 / span 2; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li > ul > li > ul > li > ul > li { font-size:0.9rem; font-weight:600; line-height:1.9rem; background-color:var(--backgroundColorNavigationMenuLevel4); } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li > ul > li > ul > li > ul > li > a { padding:0.1rem 0.5rem 0.1rem 4rem; color:var(--fontColorNavigationMenuLevel4); } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li > ul > li > ul > li > ul > li.selected, #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li > ul > li > ul > li > ul > li.descendantSelected { background-color:var(--backgroundColorNavigationMenuLevel4Selected); } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li > ul > li > ul > li > ul > li.selected > a, #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li > ul > li > ul > li > ul > li.descendantSelected > a { color:var(--fontColorNavigationMenuLevel4Selected); } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li > ul > li > ul > li > ul > li:hover { background-color:var(--backgroundColorNavigationMenuLevel4Hover); } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li > ul > li > ul > li > ul > li:hover > a { color:var(--fontColorNavigationMenuLevel4Hover); } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li > ul > li > ul > li > ul > li:active { background-color:var(--backgroundColorNavigationMenuLevel4Active); } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li > ul > li > ul > li > ul > li:active > a { color:var(--fontColorNavigationMenuLevel4Active); } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li > ul > li > ul > li > ul > li span.navpointToggler { padding-right:0; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul#navigationMainList2 { margin:1rem 0; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul#navigationMainList2 > li { font-size:0.9rem; font-weight:600; line-height:2.1em; border:none; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul#navigationMainList2 > li > a { padding:0.3rem 0.5rem 0.3rem 2rem; padding-left:1rem; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain .navpointEmbedToggler { display:none; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain span.navpointToggler { cursor:pointer; width:32px; height:32px; box-sizing:content-box; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain span.navpointToggler:before, #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain span.navpointToggler:after { transition:all 0.3s ease-in-out; content:''; position:absolute; margin:16px 0 0 5px; display:block; width:14px; height:2px; background-color:var(--fontColorNavigationMenuLevel1); transform:rotate(40deg); } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain span.navpointToggler:after { margin-left:15px; transform:rotate(-40deg); } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain span.navpointToggler.open:before { transform:rotate(-40deg); } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain span.navpointToggler.open:after { transform:rotate(40deg); } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain .hasMegaDropdown:not(.childs) > span.navpointToggler { display:none; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain span.navpointToggler { cursor:pointer; width:32px; height:32px; box-sizing:content-box; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain span.navpointToggler:before, #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain span.navpointToggler:after { transition:all 0.3s ease-in-out; content:''; position:absolute; margin:16px 0 0 5px; display:block; width:14px; height:2px; background-color:var(--fontColorNavigationMenuLevel1); transform:rotate(40deg); } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain span.navpointToggler:after { margin-left:15px; transform:rotate(-40deg); } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain span.navpointToggler.open:before { transform:rotate(-40deg); } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain span.navpointToggler.open:after { transform:rotate(40deg); } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain .hasMegaDropdown:not(.childs) > span.navpointToggler { display:none; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain .navLevelEmbed { display:none; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain #navigationMainToggler { position:absolute; z-index:11; top:0; right:0; margin:19px 0 0 0; cursor:pointer; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #beButtonEditNavigation { right:32px; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #beButtonEditNavigation .wglButtonCaption { display:none; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner nav > div { margin-top:108px; } } @media (min-width: 992px) and (max-width: 991.9px) { #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div { height:auto; } } @media only screen and (min-width: 992px) { #blockHeader #blockHeaderBefore { display:block; height:60px; line-height:60px; background:var(--backgroundColorHeaderBefore); padding:0 4rem; float:none; } #blockHeader #blockHeaderBefore:after { display:table; overflow:hidden; visibility:hidden; clear:both; content:""; height:0; font-size:0; line-height:0; } #blockHeader #blockHeaderBefore #blockHeaderBeforeInner { position:relative; margin:0 auto; max-width:1200px; } #blockHeader #blockHeaderAfter { display:block; height:60px; background:var(--backgroundColorHeaderAfter); padding:0 4rem; } #blockHeader #blockHeaderAfter:after { display:table; overflow:hidden; visibility:hidden; clear:both; content:""; height:0; font-size:0; line-height:0; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner { position:relative; margin:0 auto; max-width:1200px; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMainToggler { display:none; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain { background-color:var(--backgroundColorNavigationMain); user-select:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; width:100%; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain ul { list-style-type:none; margin:0; padding:0; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain span.navpointToggler { pointer-events:none; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain .navlayerBackParentTitle, #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain .navlayerBackTitle, #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain .navlayerTitle, #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain .navlayerCloser { display:none; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div li { display:flex; margin:0; padding:0; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div li > a { display:block; text-decoration:none; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div li > span.navpointToggler { display:none; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div li > ul { display:none; position:absolute; z-index:80; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul { display:flex; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul[data-source='meta'] { display:none; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li { display:block; position:relative; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li[data-source='meta'] { display:none; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li > a { font-family:inherit; font-size:1.2rem; font-weight:600; color:var(--fontColorNavigationMainLevel1); background-color:var(--backgroundColorNavigationMainLevel1); padding:0rem 1.5rem 0rem 0.5rem; line-height:60px; white-space:nowrap; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li > a[data-hasiconimg] { display:flex; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li > a[data-hasiconimg] .iconImg { padding-right:0.3rem; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li > a:before { content:''; font-weight:normal; display:inline-block; margin-right:0.7rem; height:6px; width:6px; background-color:transparent; vertical-align:middle; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li .navpointToggler { top:23px; transform:rotate(-90deg); } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li.selected > a, #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li.descendantSelected > a { color:var(--fontColorNavigationMainLevel1Selected); font-weight:; background-color:var(--backgroundColorNavigationMainLevel1Selected); } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li.selected > a:before, #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li.descendantSelected > a:before { background-color:var(--fontColorNavigationMainLevel1Selected); } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li:hover > a { color:var(--fontColorNavigationMainLevel1Hover); background-color:var(--backgroundColorNavigationMainLevel1Hover); } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li:hover > a:before { background-color:var(--fontColorNavigationMainLevel1Hover); } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li > a:active { color:var(--fontColorNavigationMainLevel1Active); background-color:var(--backgroundColorNavigationMainLevel1Active); } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li > a:active:before { background-color:var(--fontColorNavigationMainLevel1Active); } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li.childs.open > .navpointToggler, #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li.hasMegaDropdown > .navpointToggler { display:block; opacity:0; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li.childs.open > .navpointToggler:focus, #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li.hasMegaDropdown > .navpointToggler:focus { opacity:1; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li > ul { width:280px; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li ul { background-color:var(--backgroundColorNavigationMainLayer); border-style:solid; border-width:0px; border-color:var(--borderColorNavigationMainLayer); box-shadow:0px 0px 15px 2px rgba(0,0,0,0.15); } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li ul > li { position:relative; font-family:inherit; font-size:0.9rem; font-weight:600; background-color:var(--backgroundColorNavigationMainLevel2); border-bottom:1px solid #DDDDDD; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li ul > li > a { padding:0.5rem 1rem 0.5rem 0.5rem; color:var(--fontColorNavigationMainLevel2); flex-grow:1; display:flex; line-height:140%; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li ul > li > a:before { content:''; display:inline-block; font-weight:normal; margin-right:0.7rem; font-size:calc(0.6 * 0.9rem); margin-bottom:0.1rem; vertical-align:top; height:100%; width:6px; background-color:#DDDDDD; flex:0 0 auto; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li ul > li .navpointToggler { transform:rotate(180deg); top:15px; right:5px; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li ul > li .navpointToggler:after, #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li ul > li .navpointToggler:before { background-color:var(--fontColorNavigationMainLevel2); } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li ul > li.gruen > a:before { background-color:#068430; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li ul > li.blau > a:before { background-color:#5974AC; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li ul > li.braun > a:before { background-color:#77372A; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li ul > li.tuerkis > a:before { background-color:#287C8B; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li ul > li.hellbraun > a:before { background-color:#8D6D29; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li ul > li.pink > a:before { background-color:#B53E8B; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li ul > li.petrol > a:before { background-color:#005F57; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li ul > li.selected, #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li ul > li.descendantSelected { background-color:var(--backgroundColorNavigationMainLevel2Selected); } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li ul > li.selected > a, #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li ul > li.descendantSelected > a { color:var(--fontColorNavigationMainLevel2Selected); font-weight:; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li ul > li.selected > a:before, #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li ul > li.descendantSelected > a:before { background-color:var(--fontColorNavigationMainLevel2Selected); } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li ul > li:hover { background-color:var(--backgroundColorNavigationMainLevel2Hover); } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li ul > li:hover > a { color:var(--fontColorNavigationMainLevel2Hover); } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li ul > li:hover > a:before { background-color:var(--fontColorNavigationMainLevel2Selected); } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li ul > li:active { background-color:var(--backgroundColorNavigationMainLevel2Active); } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li ul > li:active > a { color:var(--fontColorNavigationMainLevel2Active); } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li ul > li:active > a:before { background-color:var(--fontColorNavigationMainLevel2Selected); } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li ul > li > a { flex-grow:1; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li ul > li ul { top:-0px; right:calc(-100% - 2 * 0px); width:calc(100% + 1 * 0px); } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li ul > li ul > li { position:relative; font-family:inherit; font-size:0.9rem; font-weight:600; background-color:var(--backgroundColorNavigationMainLevel2); } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li ul > li ul > li > a { color:var(--fontColorNavigationMainLevel2); padding:0.5rem 1rem 0.5rem 0.5rem; flex-grow:1; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li ul > li ul > li.selected, #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li ul > li ul > li.descendantSelected { background-color:var(--backgroundColorNavigationMainLevel2Selected); } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li ul > li ul > li.selected > a, #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li ul > li ul > li.descendantSelected > a { color:var(--fontColorNavigationMainLevel2Selected); font-weight:; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li ul > li ul > li:hover { background-color:var(--backgroundColorNavigationMainLevel2Hover); } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li ul > li ul > li:hover > a { color:var(--fontColorNavigationMainLevel2Hover); } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li ul > li ul > li:active { background-color:var(--backgroundColorNavigationMainLevel2Active); } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li ul > li ul > li:active > a { color:var(--fontColorNavigationMainLevel2Active); } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li ul > li ul > li ul { top:-0px; right:calc(-100% - 2 * 0px); width:calc(100% + 1 * 0px); } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li ul > li ul > li ul > li { position:relative; font-family:inherit; font-size:0.9rem; font-weight:600; background-color:var(--backgroundColorNavigationMainLevel2); } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li ul > li ul > li ul > li > a { color:var(--fontColorNavigationMainLevel2); padding:0.5rem 1rem 0.5rem 0.5rem; flex-grow:1; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li ul > li ul > li ul > li.selected, #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li ul > li ul > li ul > li.descendantSelected { background-color:var(--backgroundColorNavigationMainLevel2Selected); } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li ul > li ul > li ul > li.selected > a, #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li ul > li ul > li ul > li.descendantSelected > a { color:var(--fontColorNavigationMainLevel2Selected); font-weight:; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li ul > li ul > li ul > li:hover { background-color:var(--backgroundColorNavigationMainLevel2Hover); } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li ul > li ul > li ul > li:hover > a { color:var(--fontColorNavigationMainLevel2Hover); } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li ul > li ul > li ul > li:active { background-color:var(--backgroundColorNavigationMainLevel2Active); } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li ul > li ul > li ul > li:active > a { color:var(--fontColorNavigationMainLevel2Active); } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li ul > li ul > li ul > li:hover > ul { display:block; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li ul > li ul > li ul > li.childs.open > .navpointToggler { display:block; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li ul > li ul > li:hover > ul { display:block; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li ul > li ul > li.childs.open > .navpointToggler { display:block; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li ul > li:hover > ul { display:block; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li ul > li.childs.open > .navpointToggler { display:block; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li ul.subleftside > li > ul { right:100%; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li ul.subleftside > li.childs > a { padding-left:32px; } html:not([data-navigationlayeropentype='click']) #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li:not(.hasMegaDropdown):hover > ul { display:block; } html[data-navigationlayeropentype='click'] #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li.clicked:not(.hasMegaDropdown) > ul { display:block; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain .navpointToggler { width:18px; height:18px; cursor:pointer; margin:auto 0; position:absolute; right:0; top:16px; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain .navpointToggler:before, #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain .navpointToggler:after { content:''; position:absolute; display:block; width:9px; height:1px; margin:6px 0 0 5px; background-color:var(--fontColorNavigationMainLevel1); transform:rotate(-50deg); } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain .navpointToggler:after { margin:12px 0 0 5px; transform:rotate(50deg); } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain .navpointToggler.open:before { transform:rotate(50deg); } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain .navpointToggler.open:after { transform:rotate(-50deg); } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain .subleftside > li { flex-direction:row-reverse; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain .subleftside > li.childs.open > a { padding-left:0.1rem !important; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain .subleftside > li > .navpointToggler:before { transform:rotate(-50deg); } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain .subleftside > li > .navpointToggler:after { transform:rotate(50deg); } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain .navLevelEmbed { display:none; position:absolute; z-index:101; width:100%; max-height:calc(100vh - 64px - 36px); left:0; margin:0; padding:40px 40px 40px 40px; overflow:auto; background-color:var(--backgroundColorMegaDropdown); border-style:solid; border-width:0px; border-color:var(--borderColorMegaDropdown); color:var(--fontColorDefault); } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain .navLevelEmbed .elementSection, #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain .navLevelEmbed .elementSectionObjectContactPerson { padding:0 !important; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul { display:block; float:none; text-align:center; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li { float:none; display:inline-block; } #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li > ul, #blockHeader #blockHeaderAfter #blockHeaderAfterInner #navigationMain > nav > div > ul > li > div { text-align:initial; } #blockHeader #blockHeaderMain { height:120px; padding:0 4rem; } #blockHeader #blockHeaderMain #logo { margin:22.5px 0 0 0; margin-top:22.5px; } #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:75px; } #blockHeader #blockHeaderMain #blockHeaderMainContent { display:block; position:absolute; top:30px; right:0; right:0; } } @media only screen and (min-width: 992px) { .scrolldirection-down:not(.navmenu-open) #blockHeader { transform:translateY(-180px) !important; } } #wAiMenu { position:fixed; top:48px; right:-400px; font-size:17px; line-height:23px; width:360px; box-sizing:border-box; background:#ffffff; color:#000000; transition:all 0.3s linear; z-index:1000000; } #wAiMenu.open { right:16px; box-shadow:0 0 12px #0004; } #wAiMenu .wAiMenuTitle { padding:12px 16px; font-size:24px; font-weight:bold; background:#000000; color:#ffffff; } #wAiMenu .wAiMenuCloser { cursor:pointer; position:absolute; right:16px; top:12px; width:24px; height:24px; } #wAiMenu .wAiMenuCloser:before, #wAiMenu .wAiMenuCloser:after { content:''; position:absolute; margin-top:11px; display:block; width:24px; height:3px; background-color:#ffffff; transform:rotate(45deg); } #wAiMenu .wAiMenuCloser:after { transform:rotate(-45deg); } #wAiMenu .wAiSection { border-top:solid 1px #000000; } #wAiMenu .wAiSectionHeader { padding:12px 16px; font-weight:bold; } #wAiMenu .wAiSectionContent { padding:0 16px 12px 16px; } #wAiMenu .wAiRangeSelector .wAiRangeLabels { display:flex; justify-content:space-between; } #wAiMenu .wAiRangeSelection { display:flex; } #wAiMenu .wAiRangeSelection > span { cursor:pointer; border:solid 2px #000000; padding:4px 10px; border-radius:32px; margin-left:6px; } #wAiMenu .wAiRangeSelection > span:first-child { margin-left:0; } #wAiMenu .wAiRangeSelection > span.wAiRangeSelected, #wAiMenu .wAiRangeSelection > span:hover { color:#ffffff; background:#000000; } #wAiMenu .wAiRangeSelection > span:focus { outline:dotted 3px #ff7f19 !important; } #wAiMenu .wAiReader .wAiReaderStartReading, #wAiMenu .wAiReader .wAiReaderPauseReading, #wAiMenu .wAiReader .wAiReaderStopReading { display:inline-block; cursor:pointer; border:solid 2px #000000; padding:6px 10px; border-radius:32px; } #wAiMenu .wAiReader .wAiReaderStartReading:focus, #wAiMenu .wAiReader .wAiReaderPauseReading:focus, #wAiMenu .wAiReader .wAiReaderStopReading:focus { outline:dotted 3px #ff7f19 !important; } #wAiMenu .wAiReader .wAiReaderPauseReading, #wAiMenu .wAiReader .wAiReaderStopReading { display:none; } #wAiMenu .wAiReader.isReading .wAiReaderStartReading { display:none; } #wAiMenu .wAiReader.isReading .wAiReaderPauseReading, #wAiMenu .wAiReader.isReading .wAiReaderStopReading { display:inline-block; } #wAiMenu .wAiReader.isReading .wAiReaderStopReading { margin-left:6px; background:#cc0000; color:#ffffff; } #wAiMenu .wAiVendorInfo { cursor:pointer; font-size:12px; font-weight:bold; margin-bottom:-4px; } @media only screen and (max-height: 720px) { #wAiMenu { top:0; } } @media only screen and (max-width: 376px) { #wAiMenu.open { right:0; } } @media only screen and (max-height: 720px) { #wAiMenu .wAiSection { line-height:19px; } } @media only screen and (max-height: 720px) { #wAiMenu .wAiSectionContent { padding-bottom:8px; } } #wAiMenu.withIcons .wAiSection .wAiSectionHeader { position:relative; padding-left:48px; } #wAiMenu.withIcons .wAiSection .wAiSectionHeader:before { position:absolute; content:''; display:inline-block; width:24px; height:24px; left:16px; border:solid 2px #000000; border-radius:24px; } #wAiMenu.withIcons .wAiSectionFontSize .wAiSectionHeader:before { background-image:url('/wLayout25/wGlobal/layout/images/icons/optimized/waiFontSize.svg'); } #wAiMenu.withIcons .wAiSectionContrast .wAiSectionHeader:before { background-image:url('/wLayout25/wGlobal/layout/images/icons/optimized/waiContrast.svg'); } #wAiMenu.withIcons .wAiSectionDarkMode .wAiSectionHeader:before { background-image:url('/wLayout25/wGlobal/layout/images/icons/optimized/waiDarkMode.svg'); } #wAiMenu.withIcons .wAiSectionHideImages .wAiSectionHeader:before { background-image:url('/wLayout25/wGlobal/layout/images/icons/optimized/waiHideImages.svg'); } #wAiMenu.withIcons .wAiSectionAvoidAnimations .wAiSectionHeader:before { background-image:url('/wLayout25/wGlobal/layout/images/icons/optimized/waiAvoidAnimations.svg'); } #wAiMenu.withIcons .wAiSectionEasyLanguage .wAiSectionHeader:before { background-image:url('/wLayout25/wGlobal/layout/images/icons/optimized/waiEasyLanguage.svg'); } #wAiMenu.withIcons .wAiSectionPageReader .wAiSectionHeader:before { background-image:url('/wLayout25/wGlobal/layout/images/icons/optimized/waiPageReader.svg'); } .headerElementWaiMenu { position:relative; display:flex; align-items:center; height:var(--heightElementEntry); } .headerElementWaiMenu .wAiIcon { height:32px; width:32px; margin-right:4px; background:#ffffff; background-image:url('/wLayout25/wGlobal/layout/images/icons/optimized/accessibility.svg'); background-repeat:no-repeat; background-position:center; border:solid 2px #000000; border-radius:32px; cursor:pointer; } .headerElementWaiMenu .wAiIcon.hasMadeSelection { filter:invert(1); } .headerElementWaiMenu .wAiIcon:focus { outline:dotted 3px #ff7f19 !important; } .headerElementWaiMenu .wAiIconLabel { cursor:pointer; font-size:0.9rem; padding:0 0.3rem; } html { overflow-y:scroll; -webkit-text-size-adjust:100%; font-size:18px; } html.zoom-l { font-size:23.4px; } @media only screen and (min-width: 768px) { html { font-size:18px; } html.zoom-l { font-size:23.4px; } } @media only screen and (min-width: 992px) { html { font-size:19px; } html.zoom-l { font-size:24.7px; } } @media only screen and (min-width: 1200px) { html { font-size:19px; } html.zoom-l { font-size:24.7px; } } body { margin:0; padding:0; font-family:OpenSans, Arial, Helvetica, Sans-serif; font-size:1rem; font-weight:200; line-height:150%; color:var(--fontColorDefault); background:var(--backgroundColorBody); -webkit-tap-highlight-color:transparent; } body.bodyBlank { background:none; background-color:transparent; } .weditor.ios body { background:none; } #skiplinks ol, #skiplinks li { position:absolute; } #skiplinks .skiplink { display:block; position:fixed; left:-9999px; width:100vw; background-color:#f0f0f0; color:#000000; z-index:10000; text-align:center; font-weight:600; } #skiplinks .skiplink:focus { left:0; } @media only screen and (min-width: 992px) { #blockPage { margin-top:0; margin-bottom:0; } } #blockBody { background:var(--backgroundColorContent); margin:0 auto; padding-top:var(--heightBlockHeader); } #blockBodyBefore { position:relative; } #blockMain { position:relative; margin:0 auto; max-width:100%; } #blockLeft { display:none; position:relative; padding:1rem 0; } #blockLeft #navigationSub { background-color:var(--backgroundColorNavigationSub); 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:var(--fontColorNavigationSubLevel1); background-color:var(--backgroundColorNavigationSubLevel1); padding:0.5rem 0rem; font-weight:normal; } #blockLeft #navigationSub > nav > div > ul > li { display:block; margin:0; padding:0; border-bottom:solid 1px #DDDDDD; } #blockLeft #navigationSub > nav > div > ul > li[data-source='meta'] { display:none; } #blockLeft #navigationSub > nav > div > ul > li:first-child { border-top:solid 1px #DDDDDD; } #blockLeft #navigationSub > nav > div > ul > li > a { font-family:inherit; font-size:0.9rem; line-height:140%; color:var(--fontColorNavigationSubLevel2); background-color:var(--backgroundColorNavigationSubLevel2); padding:0.4rem 0rem; } #blockLeft #navigationSub > nav > div > ul > li > a:hover { color:var(--fontColorNavigationSubLevel2Hover); background-color:var(--backgroundColorNavigationSubLevel2Hover); } #blockLeft #navigationSub > nav > div > ul > li > a:active { color:var(--fontColorNavigationSubLevel2Active); background-color:var(--backgroundColorNavigationSubLevel2Active); } #blockLeft #navigationSub > nav > div > ul > li.selected > a, #blockLeft #navigationSub > nav > div > ul > li.descendantSelected > a { color:var(--fontColorNavigationSubLevel2Selected); background-color:var(--backgroundColorNavigationSubLevel2Selected); 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:var(--fontColorNavigationSubLevel3); background-color:var(--backgroundColorNavigationSubLevel3); padding:0.3rem 1rem; } #blockLeft #navigationSub > nav > div > ul > li > ul > li > a:hover { color:var(--fontColorNavigationSubLevel3Hover); background-color:var(--backgroundColorNavigationSubLevel3Hover); } #blockLeft #navigationSub > nav > div > ul > li > ul > li > a:active { color:var(--fontColorNavigationSubLevel3Active); background-color:var(--backgroundColorNavigationSubLevel3Active); } #blockLeft #navigationSub > nav > div > ul > li > ul > li.selected > a, #blockLeft #navigationSub > nav > div > ul > li > ul > li.descendantSelected > a { color:var(--fontColorNavigationSubLevel3Selected); background-color:var(--backgroundColorNavigationSubLevel3Selected); 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:var(--fontColorNavigationSubLevel4); background-color:var(--backgroundColorNavigationSubLevel4); padding:0.3rem 2rem; } #blockLeft #navigationSub > nav > div > ul > li > ul > li > ul > li > a:hover { color:var(--fontColorNavigationSubLevel4Hover); background-color:var(--backgroundColorNavigationSubLevel4Hover); } #blockLeft #navigationSub > nav > div > ul > li > ul > li > ul > li > a:active { color:var(--fontColorNavigationSubLevel4Active); background-color:var(--backgroundColorNavigationSubLevel4Active); } #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:var(--fontColorNavigationSubLevel4Selected); background-color:var(--backgroundColorNavigationSubLevel4Selected); 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 > .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 > .elementDataFragment_var350, #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 > .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 > .elementDataFragment_var350, #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 > .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 > .elementDataFragment_var350, #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 > .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 > .elementDataFragment_var350, #blockContent > div > div.wWebtagGroup > div > div > div > .elementBox, #blockContent > div > div.wWebtagGroup > div > div > div > .elementAccordion { max-width:1200px; margin-left:auto; margin-right:auto; } } #blockAfter { position:relative; } #blockRight { display:none; position:relative; padding:1rem 0; display:block; } @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:188%; vertical-align:bottom; } #blockFooter a:before { height:2rem; } #beButtonsPage { max-width:calc(100% - 50px); 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:var(--backgroundColorLight1); } .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:1200px; 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:1200px; 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:1200px; 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:1200px; 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; } .scrolled-top.page_var400 #blockHeader { background:transparent !important; } .scrolled-top.page_var400 #blockHeader .headerElementSection { background-color:transparent !important; border-bottom:none !important; box-shadow:none !important; } .page_var400 #beButtonsPage > div { margin-top:calc(120px + 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; } .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:#FFFFFF; margin-top:0px; transition:margin 0.2s ease-in-out, background 0.2s ease-in-out; } .scrolldirection-down.page_var500 #blockHeader { background:#FFFFFF; margin-top:-108px !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(120px + 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:var(--backgroundColorHeader); } .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:-240px !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; } :root { --heightApp:100vh; } html { box-sizing:border-box; } *, *:before, *:after { box-sizing:inherit; } .visuallyhidden { border:0; clip-path: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:var(--fontColorSub); } .subline a, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments a, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonPosition a, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDegree a { background:none; color:inherit; } #blockContent a { font-weight:600; } .description { font-weight:bold; } strong { font-weight:600; } p.small { --fontSize:0.8rem; --lineHeight:150%; } .unimportant { color:var(--fontColorWeak); } .info, .additional, .elementObjectContactPerson .elementObjectContactPersonText { color:var(--fontColorSub); } .noDecoration { text-decoration:none; } .positionRelative { position:relative; } .clearAfter:after, .listPrevNext_var0:after, .listPictureGallery_var2:after, .listDefaultBorder_var50 .listEntry .listEntryInner:after, .listDefaultBorder_var30 .listEntry .listEntryInner:after, .listDefaultBorder_var20 .listEntry .listEntryInner:after, .listDefaultBorder_var10 .listEntry .listEntryInner:after, .listDefaultBorder_var0 .listEntry .listEntryInner:after, .listDefault_var80 .accordionContent:after, .listDefault:after, .elementObjectContactPerson .elementObjectContactPersonSocialButtons:after, .elementObjectContactPerson:after, .weditor .elementPicture: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; } .noscrollbars { overflow-y:scroll; scrollbar-width:none; -ms-overflow-style:none; } .noscrollbars::-webkit-scrollbar { display:none; } .hideIfEmpty:empty, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks:empty, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress:empty { display:none; } .hideSpaceAfterLastParagraph p:last-child { margin-bottom:0; } .highlighted { background-color:#FFF69D; } .soft { color:var(--fontColorWeak); } .preWrap { white-space:pre-wrap; } picture { line-height:0; } picture img { max-width:100%; } picture[data-lazyloading='1'] img.wglLazyLoadInit { background:transparent; } 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:var(--borderColorLines); border-style:solid none none none; height:0px; } acronym, abbr { border-bottom:dotted 2px #006AB3; } blockquote { border-left:solid 4px #DDDDDD; padding-left:1rem; } sup { font-size:70% !important; line-height:0 !important; vertical-align:super; } .jsPrivacyNotice { background:var(--baseColorLighter); padding:0.3rem 1rem; bottom:0; position:relative; overflow:hidden; text-align:center; } .wglContainerInsideTopOnScroll { position:fixed; z-index:1; top:0; width:100%; } .textInfo { color:var(--fontColorSub); display:inline-block; } .wglHighlightWord { background:#ffff00; } .isDarkBackground .wglHighlightWord, .isLightBackground .isDarkBackground .wglHighlightWord { color:#000000; } .wglWaHiddenImageAlt { position:absolute; color:#000000 !important; background:#F0F0F0 !important; line-height:130% !important; margin:0.3rem; padding:0.3rem 0.5rem; display:inline-block; border-radius:5px; } .wglWaHiddenImageAlt:before { content:'Bild: '; } .elementContent, .elementObjectContactPerson, .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, .elementDataFragment_var350, .elementBox, .elementAccordion { margin-bottom:2rem; } .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 button.accordionHeaderCaption { font-weight:inherit !important; font-size:inherit !important; line-height:inherit !important; font-family:inherit !important; color:inherit !important; background:unset !important; background-color:unset !important; border:none !important; padding:0 !important; margin:0 !important; width:100% !important; text-align:left !important; } .isReading .elementAccordion .accordionContent.accordionContentHidden { display:block !important; } .elementAccordion_var0 { --backgroundColorHeader:transparent; --backgroundHeader:transparent; --fontColorHeader:var(--fontColor); } .elementAccordion_var0 .accordionHeader { user-select:none; cursor:pointer; padding:10px 42px 10px 0; margin:0; position:relative; font-size:1.1rem; line-height:130%; background:var(--backgroundHeader); } .elementAccordion_var0 .accordionHeader:not([data-islast="1"]) { border-bottom:solid 1px var(--borderColorLines); } .elementAccordion_var0 .accordionHeader > a { font-weight:normal; text-decoration:none; } .elementAccordion_var0 .accordionHeader .accordionHeaderOpener { position:absolute; right:4px; top:8px; } .elementAccordion_var0 .accordionContent { overflow:visible; padding:1rem 0; border-bottom:solid 1px var(--borderColorLines); } .elementAccordion_var0 .accordionContent.accordionContentHidden { display:none; } .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; } .isReading .elementAccordion_var0 .accordionContent.accordionContentHidden { display:block !important; } .elementAccordion_var0 .accordionOpenerCloser { text-align:right; padding:8px 0 0 0; } .elementAccordion_var0 .accordionOpenerCloser a { text-decoration:none; } .elementAccordion_var0 .accordionOpenerCloser .accordionCloser { display:none; } @media (prefers-contrast:more) { .elementAccordion_var0 .accordionHeader { border-color:var(--baseColorBlack); } } @media (prefers-contrast:more) { .elementAccordion_var0 .accordionContent { border-color:var(--baseColorBlack); } } .elementAccordionIcon_var0 .accordionHeader .accordionHeaderOpener { display:block; width:32px; height:32px; } .elementAccordionIcon_var0 .accordionHeader .accordionHeaderOpener:before, .elementAccordionIcon_var0 .accordionHeader .accordionHeaderOpener:after { transition:transform 0.3s ease-in-out; content:''; position:absolute; margin:16px 0 0 6px; display:block; width:12px; height:2px; background-color:var(--fontColorHeader) !important; transform:rotate(40deg); } .elementAccordionIcon_var0 .accordionHeader .accordionHeaderOpener:after { margin:16px 0 0 14px; transform:rotate(-40deg); } .elementAccordionIcon_var0 .accordionHeaderVisible .accordionHeaderOpener:before { transform:rotate(-40deg); } .elementAccordionIcon_var0 .accordionHeaderVisible .accordionHeaderOpener:after { transform:rotate(40deg); } .elementAccordionIcon_var0 .accordionHeaderVisible.accordionHeaderNoneCollapsible { cursor:default; } .elementAccordionIcon_var0 .accordionHeaderVisible.accordionHeaderNoneCollapsible a { cursor:default; } .elementAccordionIcon_var0 .accordionHeaderVisible.accordionHeaderNoneCollapsible .accordionHeaderOpener { display:none; } .boxQuickfilterInvisible { display:none !important; } .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 .boxBackgroundVideoAnimationControls { position:absolute; right:16px; bottom:16px; display:block; z-index:2; } .elementBox .boxBackgroundVideoAnimationControls .boxBackgroundVideoAnimationStart { display:none; width:24px; height:24px; cursor:pointer; } .elementBox .boxBackgroundVideoAnimationControls .boxBackgroundVideoAnimationStart:before { content:''; display:block; position:absolute; width:24px; height:24px; border:solid 12px transparent; border-left:solid 20px var(--baseColorWhite); } .elementBox .boxBackgroundVideoAnimationControls .boxBackgroundVideoAnimationPause { display:none; width:24px; height:24px; cursor:pointer; } .elementBox .boxBackgroundVideoAnimationControls .boxBackgroundVideoAnimationPause:before { content:''; display:block; position:absolute; width:10px; height:24px; background-color:var(--baseColorWhite); } .elementBox .boxBackgroundVideoAnimationControls .boxBackgroundVideoAnimationPause:after { content:''; display:block; position:absolute; left:14px; width:10px; height:24px; background-color:var(--baseColorWhite); } .elementBox .boxBackgroundVideoAnimationControls.play-0 .boxBackgroundVideoAnimationStart { display:block; } .elementBox .boxBackgroundVideoAnimationControls.play-1 .boxBackgroundVideoAnimationPause { display:block; } .elementBox > .boxInner { position:relative; } .elementBox > .boxInner > a { text-decoration:none; color:inherit; } .elementBox > .boxInner > *:last-child { margin-bottom:0; } .elementBox > .boxInner.hideMarginBottomLastChilds { margin-bottom:-2rem; } .elementBox_var570 { position:fixed; z-index:200; top:25vh; right:20px; transition:all 0.5s ease-out; transform:translate(100%,0); } .elementBox_var570.isAfterTime { right:0; transform:translate(0,0); } .elementBox_var570.isClosed { right:20px; transform:translate(100%,0); } .elementBox_var570.isOpen { right:0; transform:translate(0,0); } .weditor .elementBox_var570 { position:relative; top:auto !important; right:auto !important; transform:translate(0,0) !important; } .elementBox_var570 .boxInnerToggler { cursor:pointer; display:block; box-sizing:border-box; position:absolute; z-index:3; left:0px; top:calc(50% - 32px); width:20px; height:64px; font-size:0; color:transparent; transition:transform 0.3s ease-in-out; } .elementBox_var570 .boxInnerToggler:before { transition:all 0.5s ease-out; content:''; position:absolute; width:1px; height:24px; margin:9px 0 0 10px; background:var(--baseColorSemi); transform:rotate(20deg); } .elementBox_var570 .boxInnerToggler:after { transition:all 0.5s ease-out; content:''; position:absolute; width:1px; height:24px; margin:31px 0 0 10px; background:var(--baseColorSemi); transform:rotate(-20deg); } .elementBox_var570.isOpen .boxInnerToggler:before { transform:rotate(-20deg); } .elementBox_var570.isOpen .boxInnerToggler:after { transform:rotate(20deg); } .elementBox_var540 { --fontColor:var(--fontColorDefault); --linkColor:var(--fontColorLink); position:fixed; z-index:115; top:0; left:0; width:100vw; opacity:0; margin-bottom:0 !important; transition:all 0.5s ease-out; } .elementBox_var540.elementBoxSize_vars { top:calc(50vh - 220px); left:calc(50vw - 150px); width:300px; height:440px; } .elementBox_var540.elementBoxSize_varpa { transition:none; --boxRatio:1.414213562; top:calc(50vh - (45vw * var(--boxRatio))); left:5vw; width:90vw; height:calc(90vw * var(--boxRatio)); } .no-weditor .elementBox_var540.elementBoxSize_varpa > .boxInner { padding:5%; height:102.5%; overflow-y:hidden; } .elementBox_var540.wglAnimateAfterTime.isAfterTime { opacity:1; } .elementBox_var540.wglAnimateAfterTime.isClosed { display:none; } .elementBox_var540.wglAnimateAfterTime.isOpen { opacity:1; } .elementBox_var540 > .boxInner { padding:2rem; height:calc(100% - 4rem); z-index:100; box-shadow:0 0 20px rgba(0,0,0,0.3); background:var(--backgroundColorWhite); } .no-weditor .elementBox_var540 > .boxInner { overflow-y:auto; } .weditorembed-open .elementBox_var540 > .boxInner { overflow:visible; } .elementBox_var540[data-showonlyonce='1'][data-hasshownonce='1'] { display:none; } .no-weditor .elementBox_var540:before { position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.3); display:block; content:""; left:0; top:0; z-index:1; } .weditor .elementBox_var540 { opacity:1 !important; position:relative !important; width:100% !important; height:auto !important; left:auto !important; top:auto !important; display:inline-block !important; } .elementBox_var540 .boxInnerToggler { cursor:pointer; display:block; box-sizing:border-box; position:absolute; z-index:200; right:16px; top:16px; width:32px; height:32px; font-size:0; color:transparent; background-color:transparent; transition:transform 0.3s ease-in-out; background:var(--backgroundColorWhite); } .elementBox_var540 .boxInnerToggler:hover { transition:all 0.3s linear; } .elementBox_var540 .boxInnerToggler:before { content:''; position:absolute; width:26px; height:11px; margin:6px 0 0 3px; border-top:solid 2px var(--baseColorBlack); transform:rotate(45deg); transform-origin:2px 5px; } .elementBox_var540 .boxInnerToggler:after { content:''; position:absolute; width:26px; height:20px; margin:6px 0 0 4px; border-bottom:solid 2px var(--baseColorBlack); transform:rotate(-45deg); transform-origin:2px 16px; } @media (min-width: 576px) { .elementBox_var540 { top:5vh; left:5vw; width:90vw; } } @media (min-width: 768px) { .elementBox_var540 { top:15vh; left:15vw; width:70vw; } } @media (min-width: 992px) { .elementBox_var540 { top:25vh; left:25vw; width:50vw; } } @media (min-width: 476px) { .elementBox_var540.elementBoxSize_vars { top:calc(50vh - 160px); left:calc(50vw - 200px); width:400px; height:320px; } } @media screen and (min-width:576px) { .elementBox_var540.elementBoxSize_varpa { top:5vh; left:calc(50vw - (45vh / var(--boxRatio))); width:calc(90vh / var(--boxRatio)); height:90vh; } } @media screen and (min-width:768px) { .elementBox_var540.elementBoxSize_varpa { top:10vh; left:calc(50vw - (40vh / var(--boxRatio))); width:calc(80vh / var(--boxRatio)); height:80vh; } } .no-weditor .elementBoxPosition_var210 { position:fixed; z-index:200; top:25vh; left:0; } .no-weditor .elementBoxPosition_var211 { position:fixed; z-index:200; top:25vh; right:0; } .elementBoxWidth_var62 > .boxInner { display:table; margin:0 auto; max-width:560px; } .elementBoxWidth_var64 > .boxInner { display:table; margin:0 auto; max-width:1200px; padding:0; } @media (min-width: 768px) { .elementBoxWidth_var330 { width:480px !important; } } .elementBoxHeight_var0 { height:auto; } .elementBoxHeight_var100 { height:100%; } .elementBoxBorder_var0 { border:none; outline:none; box-shadow:none; } .elementBoxBorder_var52 { box-shadow:0 2px 16px -2px rgba(0,0,0,0.2); } .elementBoxBorder_var10 { border:solid 1px #DDDDDD; outline:none; box-shadow:none; } @media (prefers-contrast:more) { .elementBoxBorder_var10 { border-color:var(--baseColorBlack); } } .elementBoxPadding_var0 { padding:0; } .selectuid .elementBoxPadding_var0 { padding:1rem; } .elementBoxPadding_var10 { padding:0.5rem; } @media (min-width: 576px) { .elementBoxPadding_var10 { padding:1rem; } } .elementBoxPadding_var20 { padding:1rem; } @media (min-width: 576px) { .elementBoxPadding_var20 { padding:1.6rem; } } .elementBoxPadding_var40 { padding:1.6rem; } @media (min-width: 576px) { .elementBoxPadding_var40 { padding:3.2rem; } } .elementBoxBackgroundColor_var0 { --backgroundColor:transparent; } .elementBoxBackgroundColor_var10 { --backgroundColor:var(--backgroundColorWhite); --backgroundColorRgb:255, 255, 255; background-color:var(--backgroundColor); --fontColor:var(--fontColorDefault); --linkColor:var(--fontColorLink); } .elementBoxBackgroundColor_var30 { --backgroundColorOrigin:var(--backgroundColorLight1); --backgroundColorRgb:240, 240, 240; --backgroundColor:var(--backgroundColorLight1); background-color:var(--backgroundColor); --fontColor:var(--fontColorDefault); --linkColor:var(--fontColorLink); } .elementBoxBackgroundColor_var30.elementBoxBackgroundOpacity_var50 { --backgroundColor:rgba(240,240,240,0.5); } .elementBoxBackgroundColor_var30.elementBoxBackgroundBlur_var8 { backdrop-filter:blur(8px); } @media (prefers-contrast:more) { .elementBoxBackgroundColor_var30 { --backgroundColor:var(--baseColorWhite); border:solid 1px var(--baseColorBlack); } } .elementBoxBackgroundColor_var60 { --backgroundColorOrigin:var(--backgroundColorDark1); --backgroundColorRgb:68, 68, 68; --backgroundColor:var(--backgroundColorDark1); background-color:var(--backgroundColor); --fontColor:var(--fontColorInverseDefault); --linkColor:var(--fontColorInverseLink); } .elementBoxBackgroundColor_var60.elementBoxBackgroundOpacity_var50 { --backgroundColor:rgba(68,68,68,0.5); } .elementBoxBackgroundColor_var60.elementBoxBackgroundBlur_var8 { backdrop-filter:blur(8px); } .elementBoxBackgroundColor_var80 { --backgroundColor:var(--backgroundColorDark2); --backgroundColorRgb:0, 106, 179; background-color:var(--backgroundColor); --fontColor:var(--fontColorInverseDefault); --linkColor:var(--fontColorInverseLink); } .elementBoxBackgroundColor_var91 { --backgroundColorOrigin:var(--baseColorPrimary1); --backgroundColorRgb:0, 106, 179; --backgroundColor:var(--baseColorPrimary1); background-color:var(--backgroundColor); --fontColor:var(--fontColorInverseDefault); --linkColor:var(--fontColorInverseLink); } .elementBoxBackgroundColor_var91.elementBoxBackgroundOpacity_var50 { --backgroundColor:rgba(0,106,179,0.5); } .elementBoxBackgroundColor_var91.elementBoxBackgroundBlur_var8 { backdrop-filter:blur(8px); } .elementBoxBackgroundColor_var92 { --backgroundColorOrigin:var(--baseColorPrimary2); --backgroundColorRgb:255, 127, 25; --backgroundColor:var(--baseColorPrimary2); background-color:var(--backgroundColor); --fontColor:var(--fontColorInverseDefault); --linkColor:var(--fontColorInverseLink); } .elementBoxBackgroundColor_var92.elementBoxBackgroundOpacity_var50 { --backgroundColor:rgba(255,127,25,0.5); } .elementBoxBackgroundColor_var92.elementBoxBackgroundBlur_var8 { backdrop-filter:blur(8px); } .elementBoxBackgroundColor_var155 { --fontColor:var(--fontColorInverseDefault); --linkColor:var(--fontColorInverseLink); } .elementBoxBackgroundColor_var165 { --fontColor:var(--fontColorDefault); --linkColor:var(--fontColorLink); } .elementBoxBackgroundColor_var81 { --backgroundColorOrigin:color-mix(in srgb,var(--baseColorPrimary1),transparent 80%); --backgroundColorRgb:0, 106, 179; --backgroundColor:color-mix(in srgb,var(--baseColorPrimary1),transparent 80%); background-color:var(--backgroundColor); --fontColor:var(--fontColorDefault); --linkColor:var(--fontColorLink); } .elementBoxBackgroundColor_var81.elementBoxBackgroundOpacity_var50 { --backgroundColor:color-mix(in srgb,var(--baseColorPrimary1),transparent 50%); } .elementBoxBackgroundColor_var81.elementBoxBackgroundBlur_var8 { backdrop-filter:blur(8px); } .elementBoxParallaxBackground_var10 { position:relative; background-color:transparent !important; } .elementBoxParallaxContent_var16 { position:relative; will-change:transform; } .elementBoxParallaxContent_var27 { position:relative; will-change:transform; } .elementBoxParallaxContent_var37 { position:relative; will-change:transform; } .elementBoxParallaxContent_var42 { position:relative; will-change:transform; } .elementBoxParallaxContent_var50 { position:relative; will-change:transform; } .elementBoxParallaxContent_var52 { position:relative; will-change:transform; } .elementBoxParallaxContent_var70 { position:relative; will-change:transform; } .elementBoxHover_var10 { transition:all 0.3s ease-in-out; } .no-weditor .elementBoxHover_var10:hover { transform:scale(1.05); } .js.no-weditor:not(.waAvoidAnimations) .elementBoxIfVisible_var20 { transition:all 1.0s ease-in-out; opacity:0; transform:scale(0.9); } .js.no-weditor:not(.waAvoidAnimations) .elementBoxIfVisible_var20.wglAnimateIfVisible.isInvisible { opacity:0; transform:scale(0.9); } .js.no-weditor:not(.waAvoidAnimations) .elementBoxIfVisible_var20.wglAnimateIfVisible.isVisible { opacity:1; transform:scale(1); } @media (prefers-reduced-motion: reduce) { .elementBoxIfVisible_var20 { opacity:1 !important; transform:scale(1) !important; } } .js.no-weditor:not(.waAvoidAnimations) .elementBoxIfVisible_var21 { transition:all 1.0s ease-in-out; opacity:0; transform:scale(0.9); } .js.no-weditor:not(.waAvoidAnimations) .elementBoxIfVisible_var21.wglAnimateIfVisible.isInvisible { opacity:0; transform:scale(0.9); } .js.no-weditor:not(.waAvoidAnimations) .elementBoxIfVisible_var21.wglAnimateIfVisible.isVisibleOnce { opacity:1; transform:scale(1); } .js.no-weditor:not(.waAvoidAnimations) .elementBoxIfVisible_var21.wglAnimateIfVisible.isVisible { opacity:1; transform:scale(1); } @media (prefers-reduced-motion: reduce) { .elementBoxIfVisible_var21 { opacity:1 !important; transform:scale(1) !important; } } .js.no-weditor:not(.waAvoidAnimations) .elementBoxIfVisible_var31 { transition:all 1.0s ease-out; opacity:0; transform:translate(-4rem,0); } .js.no-weditor:not(.waAvoidAnimations) .elementBoxIfVisible_var31.wglAnimateIfVisible.isInvisible { opacity:0; transform:translate(-4rem,0); } .js.no-weditor:not(.waAvoidAnimations) .elementBoxIfVisible_var31.wglAnimateIfVisible.isVisibleOnce { opacity:1; transform:translate(0,0); } .js.no-weditor:not(.waAvoidAnimations) .elementBoxIfVisible_var31.wglAnimateIfVisible.isVisible { opacity:1; transform:translate(0,0); } @media (prefers-reduced-motion: reduce) { .elementBoxIfVisible_var31 { opacity:1 !important; transform:translate(0,0) !important; } } .js.no-weditor:not(.waAvoidAnimations) .elementBoxIfVisible_var35 > .boxInner { transition:all 1.0s ease-in-out; opacity:0; transform:translate(-2rem,0); } .js.no-weditor:not(.waAvoidAnimations) .elementBoxIfVisible_var35.wglAnimateIfVisible.isInvisible > .boxInner { opacity:0; transform:translate(-2rem,0); } .js.no-weditor:not(.waAvoidAnimations) .elementBoxIfVisible_var35.wglAnimateIfVisible.isVisible > .boxInner { opacity:1; transform:translate(0,0); } @media (prefers-reduced-motion: reduce) { .elementBoxIfVisible_var35 > .boxInner { opacity:1 !important; transform:translate(0,0) !important; } } .js.no-weditor:not(.waAvoidAnimations) .elementBoxIfVisible_var45 > .boxInner { transition:all 1.0s ease-in-out; opacity:0; transform:translate(2rem,0); } .js.no-weditor:not(.waAvoidAnimations) .elementBoxIfVisible_var45.wglAnimateIfVisible.isInvisible > .boxInner { opacity:0; transform:translate(2rem,0); } .js.no-weditor:not(.waAvoidAnimations) .elementBoxIfVisible_var45.wglAnimateIfVisible.isVisible > .boxInner { opacity:1; transform:translate(0,0); } @media (prefers-reduced-motion: reduce) { .elementBoxIfVisible_var45 > .boxInner { opacity:1 !important; transform:translate(0,0) !important; } } .js.no-weditor:not(.waAvoidAnimations) .elementBoxIfVisible_var50 { opacity:0; transform:translate(0,4rem); } .js.no-weditor:not(.waAvoidAnimations) .elementBoxIfVisible_var50.wglAnimateIfVisible.isInvisible { opacity:0; transform:translate(0,4rem); } .js.no-weditor:not(.waAvoidAnimations) .elementBoxIfVisible_var50.wglAnimateIfVisible.isVisible { transition:all 1.0s ease-out; opacity:1; transform:translate(0,0); } .js.no-weditor:not(.waAvoidAnimations) .elementBoxIfVisible_var50.wglAnimateIfVisible.isVisible[data-delay='200'] { transition-delay:0.2s; } .js.no-weditor:not(.waAvoidAnimations) .elementBoxIfVisible_var50.wglAnimateIfVisible.isVisible[data-delay='400'] { transition-delay:0.4s; } .js.no-weditor:not(.waAvoidAnimations) .elementBoxIfVisible_var50.wglAnimateIfVisible.isVisible[data-delay='600'] { transition-delay:0.6s; } .js.no-weditor:not(.waAvoidAnimations) .elementBoxIfVisible_var50.wglAnimateIfVisible.isVisible[data-delay='800'] { transition-delay:0.8s; } @media (prefers-reduced-motion: reduce) { .elementBoxIfVisible_var50 { opacity:1 !important; transform:translate(0,0) !important; } } .elementButton { margin:0 0 0.3rem 0; } .elementCategoryFilterList { margin-bottom:0.6rem; } .weditor .elementCategoryFilterList { overflow:hidden; } .elementCategoryFilterList select { float:left; margin:0 0.3rem 0 0; line-height:2rem; padding:0 1.1rem 0 0.3rem; border-radius:0; background-image:url("/wLayout25/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; display:flex; } .elementCategoryFilterList .quickfilterCheckboxes .quickfilterCheckbox input { height:auto; line-height:1rem; margin-right:0.4rem; } .elementCategoryFilterList .quickfilterCheckboxes .quickfilterCheckbox label { padding-right:1rem; margin:0; } .elementCategoryFilterList .quickfilterRadiobuttons { float:left; padding:0.2rem 0; } .elementCategoryFilterList .quickfilterRadiobuttons .quickfilterRadiobutton { float:left; display:flex; } .elementCategoryFilterList .quickfilterRadiobuttons .quickfilterRadiobutton input { height:auto; line-height:1rem; margin-right:0.4rem; } .elementCategoryFilterList .quickfilterRadiobuttons .quickfilterRadiobutton label { padding-right:1rem; margin:0; } .elementCategoryFilterList_var4 { float:left; } .weditor .elementCategoryFilterList_var4 { float:none; } .elementCategoryFilterList_var4 select { float:left; margin:0 0.3rem 0 0; } .elementCategoryFilterList_var4 .quickfilterButtons span { float:left; } .elementCategoryFilterList_var4 .quickfilterCheckboxes { float:left; } .elementCategoryFilterList_var4 .quickfilterCheckboxes .quickfilterCheckbox { float:left; } .elementCategoryFilterList_var4 .quickfilterRadiobuttons { float:left; } .elementCategoryFilterList_var4 .quickfilterRadiobuttons .quickfilterRadiobutton { float:left; } .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; } .elementCategoryFilterList_var10 { margin-bottom:0.6rem; } .elementCategoryFilterList_var10 select { float:none; margin:0; } .elementCategoryFilterList_var10 .quickfilterButtons span { float:none; } .elementCategoryFilterList_var10 .quickfilterCheckboxes { float:none; } .elementCategoryFilterList_var10 .quickfilterCheckboxes .quickfilterCheckbox { float:none; } .elementCategoryFilterList_var10 .quickfilterCheckboxes .quickfilterCheckbox input { height:auto; line-height:0.8rem; margin-right:0.4rem; } .elementCategoryFilterList_var10 .quickfilterCheckboxes .quickfilterCheckbox label { line-height:1.6rem; padding-right:0; } .elementCategoryFilterList_var10 .quickfilterRadiobuttons { float:none; } .elementCategoryFilterList_var10 .quickfilterRadiobuttons .quickfilterRadiobutton { float:none; } .elementCategoryFilterList_var10 .quickfilterRadiobuttons .quickfilterRadiobutton input { height:auto; line-height:0.8rem; margin-right:0.4rem; } .elementCategoryFilterList_var10 .quickfilterRadiobuttons .quickfilterRadiobutton label { line-height:1.6rem; padding-right:0; } .elementCategoryFilterList_var20 { margin-bottom:0.6rem; } .elementCategoryFilterList_var20 select { float:none; margin:0; } .elementCategoryFilterList_var20 .quickfilterButtons span { float:none; } .elementCategoryFilterList_var20 .quickfilterCheckboxes .quickfilterCheckbox { float:left; border:1px solid #006AB3; margin-right:6px; border-radius:6px; padding:2px 8px; color:var(--borderColorButton); } .elementCategoryFilterList_var20 .quickfilterCheckboxes .quickfilterCheckbox.selected { border-color:var(--backgroundColorButton); color:var(--baseColorWhite); background:var(--backgroundColorButton); } .elementCategoryFilterList_var20 .quickfilterCheckboxes .quickfilterCheckbox input { display:none; } .elementCategoryFilterList_var20 .quickfilterCheckboxes .quickfilterCheckbox label { line-height:1.6rem; padding-right:0; } .elementClearerSpacer_var0 { margin:0; clear:both; } .elementClearerSpacerSpace_var0 { height:0; } .elementClearerSpacerSpace_var11 { height:1rem; } .elementContainerStandard { margin-bottom:2rem; display:flex; flex-wrap:wrap; flex-direction:row; clear:both; } .elementContainerStandard > .col { display:flex; flex-direction:column; width:100%; margin-bottom:2rem; } .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; } .wEasyLanguageMode .elementContainerStandard > .col { width:100% !important; margin-bottom:2rem !important; } .weditor .elementContainerStandard_varflexWrap > div { width:100%; } .no-weditor .elementContainerStandard_varflexWrap[data-showloadmore='1'] > .containerOpener { padding-right:0.5rem; cursor:pointer; display:block; text-align:right; } .no-weditor .elementContainerStandard_varflexWrap[data-numbershowbeforeloadmore='1'] > div > div:nth-child(n+2) { display:none; } .no-weditor .elementContainerStandard_varflexWrap[data-numbershowbeforeloadmore='2'] > div > div:nth-child(n+3) { display:none; } .no-weditor .elementContainerStandard_varflexWrap[data-numbershowbeforeloadmore='3'] > div > div:nth-child(n+4) { display:none; } .no-weditor .elementContainerStandard_varflexWrap[data-numbershowbeforeloadmore='4'] > div > div:nth-child(n+5) { display:none; } .no-weditor .elementContainerStandard_varflexWrap[data-numbershowbeforeloadmore='5'] > div > div:nth-child(n+6) { display:none; } .no-weditor .elementContainerStandard_varflexWrap[data-numbershowbeforeloadmore='6'] > div > div:nth-child(n+7) { display:none; } .no-weditor .elementContainerStandard_varflexWrap[data-numbershowbeforeloadmore='7'] > div > div:nth-child(n+8) { display:none; } .no-weditor .elementContainerStandard_varflexWrap[data-numbershowbeforeloadmore='8'] > div > div:nth-child(n+9) { display:none; } .no-weditor .elementContainerStandard_varflexWrap[data-numbershowbeforeloadmore='9'] > div > div:nth-child(n+10) { display:none; } .no-weditor .elementContainerStandard_varflexWrap > div, .elementContainerStandard_varflexWrap > div > .wWebtagGroup > .wWebtagGroupInner { display:flex; flex-wrap:wrap; width:calc(100% + 1rem); } @media (min-width: 768px) { .no-weditor .elementContainerStandard_varflexWrap[data-showloadmore='1'] > .containerOpener { padding-right:1rem; } } @media (min-width: 768px) { .no-weditor .elementContainerStandard_varflexWrap > div, .elementContainerStandard_varflexWrap > div > .wWebtagGroup > .wWebtagGroupInner { margin-left:-0.5rem; margin-right:-0.5rem; } .no-weditor .elementContainerStandard_varflexWrap > div > div, .elementContainerStandard_varflexWrap > div > .wWebtagGroup > .wWebtagGroupInner > div { margin:0 0.5rem 1rem 0.5rem; width:calc(50% - 1rem); } } @media (min-width: 992px) { .no-weditor .elementContainerStandard_varflexWrap.elementContainerStandardColumns3 > div, .elementContainerStandard_varflexWrap.elementContainerStandardColumns3 > div > .wWebtagGroup > .wWebtagGroupInner { width:calc(100% + 2rem); margin-left:-1rem; margin-right:-1rem; } .no-weditor .elementContainerStandard_varflexWrap.elementContainerStandardColumns3 > div > div, .elementContainerStandard_varflexWrap.elementContainerStandardColumns3 > div > .wWebtagGroup > .wWebtagGroupInner > div { margin:0 1rem 2rem 1rem; width:calc(33.3333% - 2rem); } } @media (min-width: 992px) { .no-weditor .elementContainerStandard_varflexWrap.elementContainerStandardColumns4 > div, .elementContainerStandard_varflexWrap.elementContainerStandardColumns4 > div > .wWebtagGroup > .wWebtagGroupInner { width:calc(100% + 2rem); margin-left:-1rem; margin-right:-1rem; } .no-weditor .elementContainerStandard_varflexWrap.elementContainerStandardColumns4 > div > div, .elementContainerStandard_varflexWrap.elementContainerStandardColumns4 > div > .wWebtagGroup > .wWebtagGroupInner > div { margin:0 1rem 2rem 1rem; width:calc(25% - 2rem); } } @media (min-width: 992px) { .no-weditor .elementContainerStandard_varflexWrap.elementContainerStandardColumns5 > div, .elementContainerStandard_varflexWrap.elementContainerStandardColumns5 > div > .wWebtagGroup > .wWebtagGroupInner { width:calc(100% + 2rem); margin-left:-1rem; margin-right:-1rem; } .no-weditor .elementContainerStandard_varflexWrap.elementContainerStandardColumns5 > div > div, .elementContainerStandard_varflexWrap.elementContainerStandardColumns5 > div > .wWebtagGroup > .wWebtagGroupInner > div { margin:0 1rem 2rem 1rem; width:calc(20% - 2rem); } } @media (min-width: 768px) { .no-weditor .elementContainerStandard_varflexWrap.elementContainerStandardColumns6 > div, .elementContainerStandard_varflexWrap.elementContainerStandardColumns6 > div > .wWebtagGroup > .wWebtagGroupInner { width:calc(100% + 2rem); margin-left:-1rem; margin-right:-1rem; } .no-weditor .elementContainerStandard_varflexWrap.elementContainerStandardColumns6 > div > div, .elementContainerStandard_varflexWrap.elementContainerStandardColumns6 > div > .wWebtagGroup > .wWebtagGroupInner > div { margin:0 1rem 2rem 1rem; width:calc(33.3333% - 2rem); } } @media (min-width: 992px) { .no-weditor .elementContainerStandard_varflexWrap.elementContainerStandardColumns6 > div, .elementContainerStandard_varflexWrap.elementContainerStandardColumns6 > div > .wWebtagGroup > .wWebtagGroupInner { margin-left:-1rem; margin-right:-1rem; } .no-weditor .elementContainerStandard_varflexWrap.elementContainerStandardColumns6 > div > div, .elementContainerStandard_varflexWrap.elementContainerStandardColumns6 > div > .wWebtagGroup > .wWebtagGroupInner > div { margin:0 1rem 2rem 1rem; width:calc(16.666% - 2rem); } } @media (min-width: 768px) { .elementContainerStandardColumns_var3070 { margin-left:-0.5rem; margin-right:-0.5rem; } .elementContainerStandardColumns_var3070 > .col { padding:0 0.5rem; } .elementContainerStandardColumns_var3070 > .col1, .elementContainerStandardColumns_var3070 > .col2 { width:50%; margin-bottom:0; } } @media (min-width: 992px) { .elementContainerStandardColumns_var3070 { margin-left:-1rem; margin-right:-1rem; } .elementContainerStandardColumns_var3070 > .col { padding:0 1rem; } .elementContainerStandardColumns_var3070 > .col1 { width:33.33%; margin-bottom:0; } .elementContainerStandardColumns_var3070 > .col2 { width:66.66%; margin-bottom:0; } } @media (min-width: 768px) { .elementContainerStandardColumns_var5050 { margin-left:-0.5rem; margin-right:-0.5rem; } .elementContainerStandardColumns_var5050 > .col { padding:0 0.5rem; } .elementContainerStandardColumns_var5050 > .col1, .elementContainerStandardColumns_var5050 > .col2 { width:50%; margin-bottom:0; } } @media (min-width: 992px) { .elementContainerStandardColumns_var5050 { margin-left:-1rem; margin-right:-1rem; } .elementContainerStandardColumns_var5050 > .col { padding:0 1rem; } .elementContainerStandardColumns_var5050 > .col1, .elementContainerStandardColumns_var5050 > .col2 { width:50%; margin-bottom:0; } } @media (min-width: 768px) { .elementContainerStandardColumns_var7030 { margin-left:-0.5rem; margin-right:-0.5rem; } .elementContainerStandardColumns_var7030 > .col { padding:0 0.5rem; } .elementContainerStandardColumns_var7030 > .col1, .elementContainerStandardColumns_var7030 > .col2 { width:50%; margin-bottom:0; } } @media (min-width: 992px) { .elementContainerStandardColumns_var7030 { margin-left:-1rem; margin-right:-1rem; } .elementContainerStandardColumns_var7030 > .col { padding:0 1rem; } .elementContainerStandardColumns_var7030 > .col1 { width:66.66%; margin-bottom:0; } .elementContainerStandardColumns_var7030 > .col2 { width:33.33%; margin-bottom:0; } } @media (min-width: 768px) { .elementContainerStandardColumns_var333333 { margin-left:-0.5rem; margin-right:-0.5rem; } .elementContainerStandardColumns_var333333 > .col { padding:0 0.5rem; } .elementContainerStandardColumns_var333333 > .col1, .elementContainerStandardColumns_var333333 > .col2 { width:50%; } .elementContainerStandardColumns_var333333 > .col3 { width:50%; margin-bottom:0; } } @media (min-width: 992px) { .elementContainerStandardColumns_var333333 { margin-left:-1rem; margin-right:-1rem; } .elementContainerStandardColumns_var333333 > .col { padding:0 1rem; width:33.33%; margin-bottom:0; } } @media (min-width: 768px) { .elementContainerStandardColumns_var502525 { margin-left:-0.5rem; margin-right:-0.5rem; } .elementContainerStandardColumns_var502525 > .col { padding:0 0.5rem; } .elementContainerStandardColumns_var502525 > .col1 { width:100%; } .elementContainerStandardColumns_var502525 > .col2, .elementContainerStandardColumns_var502525 > .col3 { width:50%; margin-bottom:0; } } @media (min-width: 992px) { .elementContainerStandardColumns_var502525 { margin-left:-1rem; margin-right:-1rem; } .elementContainerStandardColumns_var502525 > .col { padding:0 1rem; margin-bottom:0; } .elementContainerStandardColumns_var502525 > .col1 { width:50%; } .elementContainerStandardColumns_var502525 > .col2, .elementContainerStandardColumns_var502525 > .col3 { width:25%; } } @media (min-width: 768px) and (max-width: 991px) { .elementContainerStandardColumns_var255025 { display:grid; grid-template-columns:repeat(2,50%); margin-left:-0.5rem; margin-right:-0.5rem; } .elementContainerStandardColumns_var255025 > .col { padding:0 0.5rem; width:100%; } .elementContainerStandardColumns_var255025 > .col2 { grid-column:1 / 3; grid-row:1 / 2; } .elementContainerStandardColumns_var255025 > .col1 { grid-column:1 / 2; grid-row:2 / 2; } .elementContainerStandardColumns_var255025 > .col3 { grid-column:2 / 3; grid-row:2 / 3; } } @media (min-width: 992px) { .elementContainerStandardColumns_var255025 { margin-left:-1rem; margin-right:-1rem; } .elementContainerStandardColumns_var255025 > .col { padding:0 1rem; margin-bottom:0; } .elementContainerStandardColumns_var255025 > .col1, .elementContainerStandardColumns_var255025 > .col3 { width:25%; } .elementContainerStandardColumns_var255025 > .col2 { width:50%; } } @media (min-width: 768px) { .elementContainerStandardColumns_var252550 { margin-left:-0.5rem; margin-right:-0.5rem; } .elementContainerStandardColumns_var252550 > .col { padding:0 0.5rem; } .elementContainerStandardColumns_var252550 > .col1, .elementContainerStandardColumns_var252550 > .col2 { width:50%; } .elementContainerStandardColumns_var252550 > .col3 { width:100%; margin-bottom:0; } } @media (min-width: 992px) { .elementContainerStandardColumns_var252550 { margin-left:-1rem; margin-right:-1rem; } .elementContainerStandardColumns_var252550 > .col { padding:0 1rem; margin-bottom:0; } .elementContainerStandardColumns_var252550 > .col1, .elementContainerStandardColumns_var252550 > .col2 { width:25%; } .elementContainerStandardColumns_var252550 > .col3 { width:50%; } } @media (min-width: 768px) { .elementContainerStandardColumns_var25252525 { margin-left:-0.5rem; margin-right:-0.5rem; } .elementContainerStandardColumns_var25252525 > .col { padding:0 0.5rem; } .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:-1rem; margin-right:-1rem; } .elementContainerStandardColumns_var25252525 > .col { padding:0 1rem; width:25%; margin-bottom:0; } } @media (min-width: 576px) { .elementContainerStandardColumns_var2020202020 { margin-left:-0.5rem; margin-right:-0.5rem; } .elementContainerStandardColumns_var2020202020 > .col { padding:0 0.5rem; } .elementContainerStandardColumns_var2020202020 > .col1, .elementContainerStandardColumns_var2020202020 > .col2, .elementContainerStandardColumns_var2020202020 .col3, .elementContainerStandardColumns_var2020202020 > .col4 { width:50%; } .elementContainerStandardColumns_var2020202020 > .col5 { width:50%; margin-bottom:0; } } @media (min-width: 992px) { .elementContainerStandardColumns_var2020202020 { margin-left:-1rem; margin-right:-1rem; } .elementContainerStandardColumns_var2020202020 > .col { padding:0 1rem; width:20%; margin-bottom:0; } } @media (min-width: 576px) { .elementContainerStandardColumns_var161616161616 { margin-left:-0.5rem; margin-right:-0.5rem; } .elementContainerStandardColumns_var161616161616 > .col { padding:0 0.5rem; width:50%; } } @media (min-width: 992px) { .elementContainerStandardColumns_var161616161616 { margin-left:-1rem; margin-right:-1rem; } .elementContainerStandardColumns_var161616161616 > .col { padding:0 1rem; width:16.6666%; margin-bottom:0; } } @media (min-width: 768px) { .elementContainerStandardPadding_var80 { margin-left:-2rem; margin-right:-2rem; } .elementContainerStandardPadding_var80 > .col { padding:0 2rem; } } @media (min-width: 992px) { .elementContainerStandardPadding_var80 { margin-left:-2rem; margin-right:-2rem; } .elementContainerStandardPadding_var80 > .col { padding:0 2rem; } } .elementCookietable { margin-bottom:0; } .elementCookietable .cookieClass { margin-bottom:1rem; } .elementCookietable .cookieClass .cookieClassHeader .cookieClassTitle { font-size:1.4rem; font-weight:600; margin-bottom:0.5rem; } .elementCookietable .cookieClass .cookieClassHeader .cookieClassDescription { color:var(--fontColorSub); margin-bottom:1rem; } .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:0.9rem; background:var(--backgroundColorDark2); color:var(--fontColorInverseDefault); } .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_var350 { position:relative; float:right; padding:0 0.5rem; margin-bottom:0; } .elementDataFragment_var350 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 #DDDDDD; 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:0.9rem; color:var(--fontColorSub); } .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:1rem; color:var(--fontColorDefault); } .isDarkBackground .elementDataFragment_var540 .productPrice .productPricePrefix, .isLightBackground .isDarkBackground .elementDataFragment_var540 .productPrice .productPricePrefix { color:var(--fontColorInverseSub); } .elementDataFragment_var540 .productPrice .productPriceAditional { display:inline; white-space:nowrap; font-size:0.9rem; color:var(--fontColorSub); } .isDarkBackground .elementDataFragment_var540 .productPrice .productPriceAditional, .isLightBackground .isDarkBackground .elementDataFragment_var540 .productPrice .productPriceAditional { color:var(--fontColorInverseSub); } @media (min-width: 992px) { .elementDataFragment_var540 .productPrice .productPriceValue { font-size:6rem; line-height:8rem; } .elementDataFragment_var540 .productPrice .productPriceValue .productPriceDecimals { font-size:2rem; } } form .hidden { display:none; } input { font:inherit; line-height:2rem; height:2rem; padding:0 0.5rem; margin:0; border:1px solid var(--borderColorInput); background-color:var(--backgroundColorInputs); } @media (prefers-contrast:more) { input { border:1px solid var(--baseColorBlack); } } select { font:inherit; margin:0; border:1px solid var(--borderColorInput); background-color:var(--backgroundColorInputs); } @media (prefers-contrast:more) { select { border:1px solid var(--baseColorBlack); } } textarea { font:inherit; margin:0; border:1px solid var(--borderColorInput); background-color:var(--backgroundColorInputs); } @media (prefers-contrast:more) { textarea { border:1px solid var(--baseColorBlack); } } input[type="radio"] { border:none; background-color:transparent; height:auto; } input[type="checkbox"] { border:none; background-color:transparent; height:auto; } input[type="file"] { padding:0 !important; border:none; } input[type="time"]::-webkit-calendar-picker-indicator { display:none; } input[type="time"]::-webkit-datetime-edit-second-field { background:white; color:transparent; margin-left:-3px; position:absolute; width:1px; } ::-webkit-datetime-edit-ampm-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-second-field { color:transparent; display:none; } input[type="number"] { appearance:textfield; } input[type=range] { margin:18px 0; width:100%; } input[type=range]:focus { outline:none; box-shadow:none; } .wglRangeValue { margin-top:-0.5rem; color:var(--fontColorWeak); } .wglRangeLegends { margin-top:-0.5rem; display:flex; color:var(--fontColorWeak); } .wglRangeLegendsLeftRight > span:first-child { flex:1; } .wglRangeLegendsFlex { justify-content:space-between; } input.wglDatepicker { width:10rem; padding:0 0.5rem; background-image:url("/wLayout25/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("/wLayout25/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:4.5rem; } select.wglDateDay, select.wglDateMonth, select.wglDateYear { margin-right:0.2rem; } input:focus, select:focus, textarea:focus { outline:none; box-shadow:0 0 4px 0 rgba(0,0,0,0.5); } input:focus-within, select:focus-within, textarea:focus-within { outline-width:3px !important; outline-style:dotted !important; outline-color:#ff7f19 !important; transition:none !important; z-index:10000000; } button { cursor:pointer; font:inherit; font-weight:normal; border:solid 1px var(--backgroundColorButton); margin:0 0.3rem 0 0; padding:0 1rem; line-height:calc(2rem - 2px); color:var(--fontColorButton); background-color:var(--backgroundColorButton); border-color:var(--borderColorButton); } .isDarkBackground button, .isLightBackground .isDarkBackground button { color:var(--fontColorInverseButton); background-color:var(--backgroundColorInverseButton); border-color:var(--borderColorInverseButton); } .isLightBackground button, .isDarkBackground .isLightBackground button { color:var(--fontColorButton); background-color:var(--backgroundColorButton); border-color:var(--borderColorButton); } button:hover { color:var(--fontColorButtonHover); background-color:var(--backgroundColorButtonHover); border-color:var(--borderColorButtonHover); } button:active { color:var(--fontColorButtonActive); background-color:var(--backgroundColorButtonActive); border-color:var(--borderColorButtonActive); } button.buttonReset { color:var(--fontColorLink); background-color:transparent; border-color:var(--fontColorLink); } .isDarkBackground button.buttonReset, .isLightBackground .isDarkBackground button.buttonReset { color:var(--fontColorInverseLink); background-color:transparent; border-color:var(--fontColorInverseLink); } .isLightBackground button.buttonReset, .isDarkBackground .isLightBackground button.buttonReset { color:var(--fontColorLink); background-color:transparent; border-color:var(--fontColorLink); } button.buttonReset:hover { color:var(--fontColorButtonHover); background-color:var(--backgroundColorButtonHover); border-color:var(--borderColorButtonHover); } button.buttonReset:active { color:var(--fontColorButtonActive); background-color:var(--backgroundColorButtonActive); border-color:var(--borderColorButtonActive); } button:focus { outline-width:3px !important; outline-style:dotted !important; outline-color:#ff7f19 !important; transition:none !important; z-index:10000000; } input[type="text"] + button { margin-left:0.5rem; } fieldset { position:relative; border:solid 1px var(--borderColorDefault); margin-bottom:1rem; padding:3rem 1rem 1rem 1rem; } fieldset legend { position:absolute; padding:1rem 1rem 0.5rem 1rem; top:0; left:0; font-weight:bold; } *::placeholder { color:var(--baseColorDark); } *[data-isInvalid="1"]::placeholder { color:var(--baseColorDark); } .errorMessages { margin:0 0 1rem 0; padding:2rem; border:solid 2px var(--fontColorError); border-radius:5px; } .errorMessages h4 { padding-top:0; } .wglErrorMessage { color:var(--fontColorError); display:block; } .wglFormElement { margin-bottom:0.6rem; } .wglFormRow:last-child > .wglFormElement { margin-bottom:0; } .wglIsInvalid { background-color:var(--backgroundColorError); } .wglInfoAlreadyUploaded { padding:4px 0 4px 0; } .wglInfoAlreadyUploadedText { display:block; color:var(--fontColorDefault); font-weight:bold; } .wglInfoAlreadyUploadedFilename { display:block; color:var(--fontColorDefault); } .wglCaptcha { padding-bottom:3px; background-color:var(--baseColorWhite); } .wglCaptcha .textInfo { clear:both; padding:10px 0; font-size:0.9rem; line-height:135%; display:block; } .wglCaptchaSpeechButton { float:left; width:24px; height:32px; background-color:var(--baseColorLighter); background-image:url("/wLayout25/wGlobal/layout/images/links/optimized/audio.svg"); background-position:center; background-repeat:no-repeat; } .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:var(--fontColorWeak); } .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; position:relative; } .wglCheckbox label { margin:0; float:left; padding:0.3rem 0.3rem !important; line-height:1.4rem; flex:1; } .wglCheckbox .expandCheckbox { cursor:pointer; display:block; position:absolute; right:8px; top:5px; width:32px; height:32px; } .wglCheckbox .expandCheckbox:before, .wglCheckbox .expandCheckbox:after { transition:all 0.3s ease-in-out; content:''; position:absolute; margin:14px 0 0 6px; display:block; width:20px; height:2px; background-color:var(--fontColorDefault); transform:rotate(0deg); } .wglCheckbox .expandCheckbox:after { transform:rotate(90deg); } .wglCheckbox.open .expandCheckbox:before { transform:rotate(45deg); } .wglCheckbox.open .expandCheckbox:after { transform:rotate(135deg); } .wglCheckbox.visible { display:block; } .wglCheckbox.subcategoriesExpandable:not([data-level='1']):not(.visible) { display:none; } .wglCheckbox.wglCheckboxDisabled label { color:var(--fontColorWeak); } .wglCheckbox input { margin:0; float:left; margin-right:4px; background-color:transparent; flex:none; } .wglCheckbox[data-level='2'] input { margin-left:28px; } .wglCheckbox[data-level='2'] label { text-indent:-10px; } .wglCheckbox[data-level='3'] input { margin-left:56px; } .wglCheckbox[data-level='3'] label { text-indent:-20px; } .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:4.3rem; } .wglUploaderForm { border:0; width:100%; height:184px; border:1px solid var(--borderColorInput); } .wglCanvasFormOuter { position:relative; } .wglCanvasFormOuter .wglCanvasForm { position:absolute; height:100%; } #wUploaderBlocker { position:fixed; z-index:4; top:0; left:0; width:100vw; height:100vh; background:rgba(255,255,255,0.7); } .infoFormTime { margin-left:0.4rem; } .infoFormDateTime { margin-left:0.4rem; } 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; } @keyframes formSubmit { 0%, 100% { width:0; } 99% { width:100%; } } .elementForm .requiredFormfield { display:none !important; } .elementForm .formLabelStar { padding-left:2px; } .elementForm dl.form, .elementForm div.form { margin:0; padding:0; width:100%; } .elementForm dl.form label, .elementForm div.form label { display:inline-block; line-height:1.4rem; padding-top:0.3rem !important; padding-bottom:0.3rem !important; margin-top:0.3rem; margin-bottom:-0.1rem; } .elementForm dl.form .formElementInput fieldset, .elementForm div.form .formElementInput fieldset { border:none; margin:0; padding:0; } .elementForm dl.form .formElementInput fieldset legend, .elementForm div.form .formElementInput fieldset legend { position:static; margin:0; padding:0; font-weight:normal; display:inline-block; line-height:1.4rem; padding-top:0.3rem !important; padding-bottom:0.3rem !important; margin-top:0.3rem; margin-bottom:-0.1rem; } .elementForm dl.form .formElement.hasPlaceholder:not(:has(div input[data-showlabelifhasplaceholder="1"])) label, .elementForm div.form .formElement.hasPlaceholder:not(:has(div input[data-showlabelifhasplaceholder="1"])) label { display:none; } .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 dl.form select:not([multiple^="multiple"]), .elementForm div.form input, .elementForm div.form select:not([multiple^="multiple"]) { height:2rem; max-width:100%; } .elementForm dl.form input, .elementForm div.form input { padding:0 0.2rem; line-height:2rem; } .elementForm dl.form input[type='text'], .elementForm dl.form input[type='checkbox'], .elementForm dl.form input[type='radio'], .elementForm div.form input[type='text'], .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:2rem; padding:0 1.1rem 0 0.5rem; border-radius:0; background-image:url("/wLayout25/wGlobal/layout/images/icons/optimized/select-opener@stroke(bbbbbb).svg"); background-repeat:no-repeat; background-position:right 3px center; -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'] { padding:0.3rem; background-image:none; } .elementForm dl.form input[type='radio'], .elementForm div.form input[type='radio'] { position:relative; border-radius:50%; height:1rem; width:1rem; margin-top:0.45rem; padding:0; border:solid 1px var(--borderColorInput); background:var(--backgroundColorWhite); transition:border 0.1s linear; } .elementForm dl.form input[type='radio']:checked, .elementForm div.form input[type='radio']:checked { border-color:#404040; border-width:6px; } .elementForm dl.form input[type='checkbox'], .elementForm div.form input[type='checkbox'] { position:relative; border-radius:20%; height:1rem; width:1rem; margin-top:0.55rem; padding:0; border:solid 1px var(--borderColorInput); background:var(--backgroundColorWhite); transition:background 0.1s linear; } .elementForm dl.form input[type='checkbox']:checked, .elementForm div.form input[type='checkbox']:checked { border-color:#a0a0a0; background:#404040; } .elementForm dl.form input[type='checkbox']:checked:before, .elementForm div.form input[type='checkbox']:checked:before { display:block; position:absolute; content:''; background-color:#ffffff; margin:9px 0 0 3px; width:6px; height:2px; transform:rotate(45deg); } .elementForm dl.form input[type='checkbox']:checked:after, .elementForm div.form input[type='checkbox']:checked:after { display:block; position:absolute; content:''; background-color:#ffffff; margin:7px 0 0 5px; width:10px; height:2px; transform:rotate(-55deg); } .elementForm dl.form input[type=file]::-ms-value, .elementForm div.form input[type=file]::-ms-value { background:var(--backgroundColorWhite); border:solid 1px var(--borderColorInput); } .elementForm dl.form input[type=file]::-ms-browse, .elementForm div.form input[type=file]::-ms-browse { font-size:1rem; line-height:2rem; padding:0 1rem; margin-right:0.4rem; background:var(--backgroundColorLight1); border:solid 1px var(--borderColorInput); } .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]::file-selector-button, .elementForm div.form input[type=file]::file-selector-button { cursor:pointer; font-size:1rem; line-height:calc(1rem * 2 - 4px); padding:0 1rem; margin-right:0.4rem; background:var(--backgroundColorLight1); border:solid 1px var(--borderColorInput); } .elementForm dl.form input[type=file]::file-selector-button:active, .elementForm div.form input[type=file]::file-selector-button:active { color:inherit; } .elementForm dl.form input[type=file]::file-selector-button:hover, .elementForm div.form input[type=file]::file-selector-button:hover { background:#E3E3E3; } .elementForm dl.form textarea, .elementForm div.form textarea { padding:0.3rem 0.5rem; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; appearance:none; border-radius:0; } .elementForm dl.form button, .elementForm div.form button { margin:0 0 0 1%; height:2rem; 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 dt.formElementHideLegend legend, .elementForm dl.form div.formElement.formElementHideLegend legend, .elementForm div.form dt.formElementHideLegend legend, .elementForm div.form div.formElement.formElementHideLegend legend { display:none; } .elementForm dl.form dt.formElementShowLegend legend, .elementForm dl.form div.formElement.formElementShowLegend legend, .elementForm div.form dt.formElementShowLegend legend, .elementForm div.form div.formElement.formElementShowLegend legend { 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:var(--baseColorWhite); 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:0.85rem; background-color:var(--baseColorWhite); color:var(--fontColorError); display:inline-block; padding:2px 6px; line-height:130%; border:solid 1px var(--fontColorError); 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 .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 .wglPasswordQualityBar { position:relative; overflow:hidden; width:100%; height:16px; margin:4px 0 10px 0; box-sizing:border-box; background-image:linear-gradient(90deg,#ff0000 0%,#00cc00 80%,#00ee00 100%); } .elementForm .wglPasswordQualityBarLegends { margin-bottom:1rem; } .elementForm .wglPasswordQualityBarLegends[data-qualitylevel='0'] { color:#ff0000; } .elementForm .wglPasswordQualityBarLegends[data-qualitylevel='1'] { color:#660000; } .elementForm .wglPasswordQualityBarLegends[data-qualitylevel='2'] { color:#006600; } .elementForm .wglPasswordQualityBarLegends[data-qualitylevel='3'] { color:#008800; } .elementForm .wglPasswordQualityBarLegends[data-qualitylevel='4'] { color:#008800; } .elementForm .wglPasswordQualityPointer { position:absolute; width:12px; height:16px; transition:all 0.5s ease-out; } .elementForm .wglPasswordQualityPointer:before { position:absolute; content:''; top:0; display:block; width:0; height:0; border:solid 6px #f0f0f0; border-color:#ffffff transparent transparent transparent; transition:all 0.5s ease-out; transform-origin:center top; } .elementForm .wglPasswordQualityPointer:after { position:absolute; content:''; bottom:0; display:block; width:0; height:0; border:solid 6px #f0f0f0; border-color:transparent transparent #ffffff transparent; transition:all 0.5s ease-out; transform-origin:center bottom; } .elementForm .wglStatusPasswordPolicyValidation { padding:0.5rem 0 1rem 0; font-size:0.9rem; line-height:135%; } .elementForm .wglStatusPasswordPolicyCondition { color:var(--fontColorSub); } .elementForm .wglStatusPasswordPolicyCondition.ok { color:green; } .elementForm .wglStatusPasswordPolicyCondition.failed { color:var(--fontColorError); } .elementForm .wglMakePasswordVisible { display:inline-block; width:28px; height:2rem; margin:4px 0 0 -28px; opacity:0.7; 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; } .weditor .elementForm .elementContainerStandardColumns:not(.elementContainerStandardPadding_var50):not(.elementContainerStandardPadding_var80) > .col:not(:last-child) { padding-right:22px !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 .buttonFormElementsMultipleAdd { display:block; } @media (min-width: 415px) { .elementForm dl.form input, .elementForm div.form input { padding:0 0.5rem; } } @media (min-width: 768px) { .elementForm .elementContainerStandardColumns:not(.elementContainerStandardPadding_var50):not(.elementContainerStandardPadding_var80) { margin-left:-2px !important; margin-right:-2px !important; } .elementForm .elementContainerStandardColumns:not(.elementContainerStandardPadding_var50):not(.elementContainerStandardPadding_var80) > .col { padding:0 2px !important; } } .containerFormElementsMultiple[data-allowdelete='1'] .buttonFormElementsMultipleDelete { display:block; } .containerFormElementsMultiple[data-allowadd='1'] .buttonFormElementsMultipleAdd { display:block; } .containerFormElementsMultiple[data-allowdelete='0'] .buttonFormElementsMultipleDelete, .containerFormElementsMultiple[data-entrypos='1'] .buttonFormElementsMultipleDelete { display:none !important; } .containerFormElementsMultiple[data-allowadd='0'] .buttonFormElementsMultipleAdd { display:none !important; } @media (min-width: 992px) { dl.form.formFirstBlock, div.form.formFirstBlock { float:left; padding-right:3%; width:50%; position:relative; } dl.form.formFirstBlock dd, div.form.formFirstBlock dd { margin-left:0; } dl.form.formLastBlock, div.form.formLastBlock { float:left; width:50%; position:relative; } dl.form.formLastBlock dd, div.form.formLastBlock dd { margin-left:0; } } .formClearBlock { clear:both; } .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; } .wFormWysiwygMenu .wFormWysiwygButton:first-child { border-left-style:solid; } .wFormWysiwygMenu .wFormWysiwygButton:hover { background:#d0d0d0; } .wFormWysiwygInput { padding:4px; border:solid 1px #c0c0c0; overflow:auto; } .wFormWysiwygInput:focus { outline:none; } .wFormWysiwygInput ul, .wFormWysiwygInput ol { margin:0 0 1rem 0; padding:0 0 0 1.8rem; } form[data-hasinputsinvalid='1'] .buttonSubmit { background-color:#006AB3; cursor:not-allowed; pointer-events:auto; } form[data-hasinputsinvalid='1'] .buttonSubmit:hover { opacity:0.5; background-color:#006AB3; } form.wglFormStatusSubmited .buttonReset { opacity:0.7; pointer-events:none; } form.wglFormStatusSubmited .buttonSubmit { position:relative; opacity:0.7; pointer-events:none; } form.wglFormStatusSubmited .buttonSubmit:before { content:''; position:absolute; display:block; width:50%; height:100%; left:0; background:rgba(255,255,255,0.4); animation:formSubmit 3s infinite; } .elementForm_var0 dl.form, .elementForm_var0 div.form { max-width:440px; } .elementForm_var0 dl.form .errorMessages, .elementForm_var0 div.form .errorMessages { max-width:440px; } .elementForm_var0 dl.form .wglErrorMessageInline, .elementForm_var0 div.form .wglErrorMessageInline { position:absolute; bottom:0.2rem; right:0; } .elementFormInfos_var0 .wglElementInfo { font-size:0.9rem; color:var(--fontColorSub); } h1, .h1 { --fontSize:2.1rem; --fontColor:#000000; font-size:var(--fontSize); font-family:inherit; line-height:110%; font-weight:700; color:#000000; margin:0; padding:2.25rem 0 1.2rem 0; } h1 *, .h1 * { color:#000000; } h2, .h2 { --fontSize:1.6rem; --fontColor:#000000; font-size:var(--fontSize); font-family:inherit; line-height:120%; font-weight:600; color:#000000; margin:0; padding:1.6rem 0 1rem 0; } h2 *, .h2 * { color:#000000; } h3, .h3 { --fontSize:1.4rem; --fontColor:#000000; font-size:var(--fontSize); font-family:inherit; line-height:130%; font-weight:600; color:#000000; margin:0; padding:1rem 0 0.8rem 0; } h3 *, .h3 * { color:#000000; } h4, .h4 { --fontSize:1.2rem; --fontColor:#000000; font-size:var(--fontSize); font-family:inherit; line-height:130%; font-weight:600; color:#000000; margin:0; padding:0.8rem 0 0.6rem 0; } h4 *, .h4 * { color:#000000; } h5, .h5 { --fontSize:1.1rem; --fontColor:#000000; font-size:var(--fontSize); font-family:inherit; line-height:130%; font-weight:600; color:#000000; margin:0; padding:0.7rem 0 0.6rem 0; } h5 *, .h5 * { color:#000000; } h6, .h6 { --fontSize:1rem; --fontColor:#000000; font-size:var(--fontSize); font-family:inherit; line-height:130%; font-weight:600; color:#000000; margin:0; padding:0.6rem 0 0.6rem 0; } h6 *, .h6 * { color:#000000; } @media (min-width: 768px) { h1, .h1 { --fontSize:2.4rem; font-size:var(--fontSize); font-family:inherit; line-height:110%; font-weight:700; color:#000000; margin:0; padding:2.25rem 0 1.2rem 0; } h2, .h2 { --fontSize:2.0rem; font-size:var(--fontSize); font-family:inherit; line-height:120%; font-weight:600; color:#000000; margin:0; padding:1.6rem 0 1rem 0; } h3, .h3 { --fontSize:1.6rem; font-size:var(--fontSize); font-family:inherit; line-height:130%; font-weight:600; color:#000000; margin:0; padding:1.0rem 0 0.8rem 0; } h4, .h4 { --fontSize:1.3rem; font-size:var(--fontSize); font-family:inherit; line-height:130%; font-weight:600; color:#000000; margin:0; padding:0.8rem 0 0.6rem 0; } h5, .h5 { --fontSize:1.1rem; font-size:var(--fontSize); font-family:inherit; line-height:130%; font-weight:600; color:#000000; margin:0; padding:0.7rem 0 0.6rem 0; } h6, .h6 { --fontSize:1rem; font-size:var(--fontSize); font-family:inherit; line-height:130%; font-weight:600; color:#000000; margin:0; padding:0.6rem 0 0.6rem 0; } } .elementHeadline + .elementContainerStandard, .elementHeadline + .elementPicture, .elementHeadline + .elementBox, .elementHeadline + .elementTabContainer, .elementHeadline + .elementAccordion, .elementHeadline + .elementTable, .elementHeadline + .elementImageMap { margin-top:1rem; } .elementHeadline { position:static; margin-top:0; margin-bottom:0; font-weight:normal; } .weditor .elementHeadline { position:relative; } .no-weditor .elementHeadline.last-child > .he, .no-weditor .elementHeadline.last-child > .elementHeadlineIcon { 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:-1rem; } .elementHeadline .he, .elementHeadline .wEditorWysiwyg { color:var(--fontColor); hyphens:auto; } .elementHeadline + .elementHeadline .he { padding-top:0; } .elementHeadline + .elementHeadline > .elementHeadlineIcon { margin-top:0 !important; } .elementHeadline strong, .elementHeadline b { color:var(--baseColorPrimary1); } .elementHeadline p { margin:0; } .weditor .elementHeadline .wEditorWysiwyg { word-wrap:normal !important; } .elementHeadline .wglInfoAiGeneratedText:after { content:'KI'; position:absolute; right:0; margin-top:-1.2rem; padding:0 0.3rem; color:#ffffff; background-color:#000000; border:solid 1px #ffffff; border-radius:2rem; font-size:0.7rem; line-height:150%; } .elementHeadline .wglInfoAiGeneratedText:hover:after { content:'Leichte Sprache durch KI generiert'; } .elementHeadlineLevel_varh1 { --paddingTop:2.25rem; --paddingBottom:1.2rem; --fontSize:2.1rem; } @media (min-width: 768px) { .elementHeadlineLevel_varh1 { --fontSize:2.4rem; } } .elementHeadlineLevel_varh2 { --paddingTop:1.6rem; --paddingBottom:1.0rem; --fontSize:1.6rem; } @media (min-width: 768px) { .elementHeadlineLevel_varh2 { --fontSize:2.0rem; } } .elementHeadlineLevel_varh3 { --paddingTop:1.0rem; --paddingBottom:0.8rem; --fontSize:1.4rem; } @media (min-width: 768px) { .elementHeadlineLevel_varh3 { --fontSize:1.6rem; } } .elementHeadlineLevel_varh4 { --paddingTop:0.8rem; --paddingBottom:0.6rem; --fontSize:1.2rem; } @media (min-width: 768px) { .elementHeadlineLevel_varh4 { --fontSize:1.3rem; } } .elementHeadlineLevel_varh5 { --paddingTop:0.7rem; --paddingBottom:0.6rem; --fontSize:1.1rem; } @media (min-width: 768px) { .elementHeadlineLevel_varh5 { --fontSize:1.1rem; } } .elementHeadlineLevel_varh6 { --paddingTop:0.6rem; --paddingBottom:0.6rem; --fontSize:1rem; } @media (min-width: 768px) { .elementHeadlineLevel_varh6 { --fontSize:1rem; } } .elementHeadlineLevel_vardiv1 { --paddingTop:2.25rem; --paddingBottom:1.2rem; --fontSize:2.1rem; } @media (min-width: 768px) { .elementHeadlineLevel_vardiv1 { --fontSize:2.4rem; } } .elementHeadlineLevel_vardiv3 { --paddingTop:1.0rem; --paddingBottom:0.8rem; --fontSize:1.4rem; } @media (min-width: 768px) { .elementHeadlineLevel_vardiv3 { --fontSize:1.6rem; } } .elementHeadlineLevel_vardiv5 { --paddingTop:0.7rem; --paddingBottom:0.6rem; --fontSize:1.1rem; } @media (min-width: 768px) { .elementHeadlineLevel_vardiv5 { --fontSize:1.1rem; } } .elementHeadlineAlign_var0 { text-align:left; } .elementHeadlineAlign_var30 { text-align:center; } .elementHeadlineAlign_var30.hasIcon { display:flex; justify-content:center; } .elementHeadlineAlign_var30.hasIcon .he { padding-left:0.5rem !important; } .elementHeadlineAlign_var30.hasIcon .elementHeadlineIcon { position:relative; } .elementHeadlineColor_var30 .he, .elementHeadlineColor_var30 .wEditorWysiwyg, .elementHeadlineColor_var30 * strong, .elementHeadlineColor_var30 * b, .elementHeadlineColor_var30 * u { opacity:0.5 !important; } @media (prefers-contrast:more) { .elementHeadlineColor_var30 .he, .elementHeadlineColor_var30 .wEditorWysiwyg, .elementHeadlineColor_var30 * strong, .elementHeadlineColor_var30 * b, .elementHeadlineColor_var30 * u { opacity:1 !important; } } .elementHr { position:relative; margin-bottom:2rem; } .elementHr_var0 hr { height:1px; border:none; background-color:var(--borderColorDefault); } .elementInfo { padding:2rem; } .elementInfo p:last-child { margin-bottom:0; } .elementInfo.elementInfoDefault { background-color:rgba(255,246,157,0.5); } .elementInfo.elementInfoError { background-color:#FFC2C3; color:var(--baseColorBlack); } .elementInfo.elementInfoWarning { background-color:rgba(255,207,108,0.5); } .elementInfo.elementInfoTip { background-color:rgba(32,124,181,0.5); color:var(--baseColorWhite); } .elementInfo ol { margin:0 0 1rem 0; padding:0 0 0 1.8rem; } .elementInfo ul { margin:0 0 1rem 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 -1rem; width:1rem; height:1rem; vertical-align:top; background-image:url("/wLayout25/wGlobal/layout/images/icons/optimized/list-style-image@stroke(006AB3).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("/wLayout25/wGlobal/layout/images/icons/optimized/list-style-image@stroke(FFFFFF).svg"); } a { text-decoration:underline; color:var(--fontColorLink); } a > span, a sup { color:inherit !important; } #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:24px; 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("/wLayout25/wGlobal/layout/images/links/optimized/intern@stroke(006AB3).svg"); } body a.extern:before, .isLightBackground a.extern:before, .isDarkBackground .isLightBackground a.extern:before, .isDarkBackground .isInverseBackground a.extern:before { background-image:url("/wLayout25/wGlobal/layout/images/links/optimized/extern@stroke(006AB3).svg"); } body a.box:before, .isLightBackground a.box:before, .isDarkBackground .isLightBackground a.box:before, .isDarkBackground .isInverseBackground a.box:before { background-image:url("/wLayout25/wGlobal/layout/images/links/optimized/box@stroke(006AB3).svg"); } body a.boxPicture:before, .isLightBackground a.boxPicture:before, .isDarkBackground .isLightBackground a.boxPicture:before, .isDarkBackground .isInverseBackground a.boxPicture:before { background-image:url("/wLayout25/wGlobal/layout/images/links/optimized/box@stroke(006AB3).svg"); } body a.html:before, .isLightBackground a.html:before, .isDarkBackground .isLightBackground a.html:before, .isDarkBackground .isInverseBackground a.html:before { background-image:url("/wLayout25/wGlobal/layout/images/links/optimized/html@stroke(006AB3).svg"); } body a.download:before, .isLightBackground a.download:before, .isDarkBackground .isLightBackground a.download:before, .isDarkBackground .isInverseBackground a.download:before { background-image:url("/wLayout25/wGlobal/layout/images/links/optimized/download@stroke(006AB3).svg"); } body a.link-pdf:before, body a.pdf:before, .isLightBackground a.link-pdf:before, .isLightBackground a.pdf:before, .isDarkBackground .isLightBackground a.link-pdf:before, .isDarkBackground .isLightBackground a.pdf:before, .isDarkBackground .isInverseBackground a.link-pdf:before, .isDarkBackground .isInverseBackground a.pdf:before { background-image:url("/wLayout25/wGlobal/layout/images/links/optimized/pdf@stroke(006AB3).svg"); } body a.doc:before, .isLightBackground a.doc:before, .isDarkBackground .isLightBackground a.doc:before, .isDarkBackground .isInverseBackground a.doc:before { background-image:url("/wLayout25/wGlobal/layout/images/links/optimized/doc@stroke(006AB3).svg"); } body a.xls:before, .isLightBackground a.xls:before, .isDarkBackground .isLightBackground a.xls:before, .isDarkBackground .isInverseBackground a.xls:before { background-image:url("/wLayout25/wGlobal/layout/images/links/optimized/xls@stroke(006AB3).svg"); } body a.audio:before, .isLightBackground a.audio:before, .isDarkBackground .isLightBackground a.audio:before, .isDarkBackground .isInverseBackground a.audio:before { background-image:url("/wLayout25/wGlobal/layout/images/links/optimized/audio@stroke(006AB3).svg"); } body a.video:before, .isLightBackground a.video:before, .isDarkBackground .isLightBackground a.video:before, .isDarkBackground .isInverseBackground a.video:before { background-image:url("/wLayout25/wGlobal/layout/images/links/optimized/video@stroke(006AB3).svg"); } body a.next:before, .isLightBackground a.next:before, .isDarkBackground .isLightBackground a.next:before, .isDarkBackground .isInverseBackground a.next:before { background-image:url("/wLayout25/wGlobal/layout/images/links/optimized/next@stroke(006AB3).svg"); } body a.back:before, .isLightBackground a.back:before, .isDarkBackground .isLightBackground a.back:before, .isDarkBackground .isInverseBackground a.back:before { background-image:url("/wLayout25/wGlobal/layout/images/links/optimized/back@stroke(006AB3).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("/wLayout25/wGlobal/layout/images/links/optimized/mail@stroke(006AB3).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("/wLayout25/wGlobal/layout/images/links/optimized/phone@stroke(006AB3).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("/wLayout25/wGlobal/layout/images/links/optimized/fax@stroke(006AB3).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("/wLayout25/wGlobal/layout/images/links/optimized/mobile@stroke(006AB3).svg"); } body a.maps:before, .isLightBackground a.maps:before, .isDarkBackground .isLightBackground a.maps:before, .isDarkBackground .isInverseBackground a.maps:before { background-image:url("/wLayout25/wGlobal/layout/images/links/optimized/maps@stroke(006AB3).svg"); } body a.rss:before, .isLightBackground a.rss:before, .isDarkBackground .isLightBackground a.rss:before, .isDarkBackground .isInverseBackground a.rss:before { background-image:url("/wLayout25/wGlobal/layout/images/links/optimized/rss@stroke(006AB3).svg"); } body a.vcf:before, .isLightBackground a.vcf:before, .isDarkBackground .isLightBackground a.vcf:before, .isDarkBackground .isInverseBackground a.vcf:before { background-image:url("/wLayout25/wGlobal/layout/images/links/optimized/vcf@stroke(006AB3).svg"); } body a.ical:before, .isLightBackground a.ical:before, .isDarkBackground .isLightBackground a.ical:before, .isDarkBackground .isInverseBackground a.ical:before { background-image:url("/wLayout25/wGlobal/layout/images/links/optimized/ical@stroke(006AB3).svg"); } .isDarkBackground a.intern:before, .isLightBackground .isDarkBackground a.intern:before, .isInverseBackground a.intern:before, .isLightBackground .isInverseBackground a.intern:before { background-image:url("/wLayout25/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("/wLayout25/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("/wLayout25/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("/wLayout25/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("/wLayout25/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("/wLayout25/wGlobal/layout/images/links/optimized/download@stroke(FFFFFF).svg"); } .isDarkBackground a.link-pdf:before, .isDarkBackground a.pdf:before, .isLightBackground .isDarkBackground a.link-pdf:before, .isLightBackground .isDarkBackground a.pdf:before, .isInverseBackground a.link-pdf:before, .isInverseBackground a.pdf:before, .isLightBackground .isInverseBackground a.link-pdf:before, .isLightBackground .isInverseBackground a.pdf:before { background-image:url("/wLayout25/wGlobal/layout/images/links/optimized/pdf@stroke(FFFFFF).svg"); } .isDarkBackground a.doc:before, .isLightBackground .isDarkBackground a.doc:before, .isInverseBackground a.doc:before, .isLightBackground .isInverseBackground a.doc:before { background-image:url("/wLayout25/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("/wLayout25/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("/wLayout25/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("/wLayout25/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("/wLayout25/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("/wLayout25/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("/wLayout25/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("/wLayout25/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("/wLayout25/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("/wLayout25/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("/wLayout25/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("/wLayout25/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("/wLayout25/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("/wLayout25/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:var(--fontColorDefault); } a:hover { text-decoration:none; color:var(--fontColorLinkHover); } .linkButton, .listEntryElementLink_var20 a, .listLoaderMore > a, .elementSectionObjectNews .linkDetails, .elementLink_var10 > a, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard > a, .elementCategoryFilterListButton_var10 div.quickfilterButtons span { display:inline-block; text-decoration:none; padding:0.25rem 0.6rem; border:solid 1px var(--borderColorButton); color:var(--fontColorButton); background-color:var(--backgroundColorButton); border-color:var(--borderColorButton); } .isDarkBackground .linkButton, .isDarkBackground .listEntryElementLink_var20 a, .isDarkBackground .listLoaderMore > a, .isDarkBackground .elementSectionObjectNews .linkDetails, .isDarkBackground .elementLink_var10 > a, .isDarkBackground .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard > a, .isDarkBackground .elementCategoryFilterListButton_var10 div.quickfilterButtons span, .isLightBackground .isDarkBackground .linkButton, .isLightBackground .isDarkBackground .listEntryElementLink_var20 a, .isLightBackground .isDarkBackground .listLoaderMore > a, .isLightBackground .isDarkBackground .elementSectionObjectNews .linkDetails, .isLightBackground .isDarkBackground .elementLink_var10 > a, .isLightBackground .isDarkBackground .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard > a, .isLightBackground .isDarkBackground .elementCategoryFilterListButton_var10 div.quickfilterButtons span { color:var(--fontColorInverseButton); background-color:var(--backgroundColorInverseButton); border-color:var(--borderColorInverseButton); } .isLightBackground .linkButton, .isLightBackground .listEntryElementLink_var20 a, .isLightBackground .listLoaderMore > a, .isLightBackground .elementSectionObjectNews .linkDetails, .isLightBackground .elementLink_var10 > a, .isLightBackground .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard > a, .isLightBackground .elementCategoryFilterListButton_var10 div.quickfilterButtons span, .isDarkBackground .isLightBackground .linkButton, .isDarkBackground .isLightBackground .listEntryElementLink_var20 a, .isDarkBackground .isLightBackground .listLoaderMore > a, .isDarkBackground .isLightBackground .elementSectionObjectNews .linkDetails, .isDarkBackground .isLightBackground .elementLink_var10 > a, .isDarkBackground .isLightBackground .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard > a, .isDarkBackground .isLightBackground .elementCategoryFilterListButton_var10 div.quickfilterButtons span { color:var(--fontColorButton); background-color:var(--backgroundColorButton); border-color:var(--borderColorButton); } .linkButton:before, .listEntryElementLink_var20 a:before, .listLoaderMore > a:before, .elementSectionObjectNews .linkDetails:before, .elementLink_var10 > a:before, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard > a:before, .elementCategoryFilterListButton_var10 div.quickfilterButtons span:before { transform:scale(1.2); margin-right:8px; } .linkButton:hover, .listEntryElementLink_var20 a:hover, .listLoaderMore > a:hover, .elementSectionObjectNews .linkDetails:hover, .elementLink_var10 > a:hover, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard > a:hover, .elementCategoryFilterListButton_var10 div.quickfilterButtons span:hover { color:var(--fontColorButtonHover); background-color:var(--backgroundColorButtonHover); border-color:var(--borderColorButtonHover); } .isDarkBackground .linkButton:hover, .isDarkBackground .listEntryElementLink_var20 a:hover, .isDarkBackground .listLoaderMore > a:hover, .isDarkBackground .elementSectionObjectNews .linkDetails:hover, .isDarkBackground .elementLink_var10 > a:hover, .isDarkBackground .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard > a:hover, .isDarkBackground .elementCategoryFilterListButton_var10 div.quickfilterButtons span:hover, .isLightBackground .isDarkBackground .linkButton:hover, .isLightBackground .isDarkBackground .listEntryElementLink_var20 a:hover, .isLightBackground .isDarkBackground .listLoaderMore > a:hover, .isLightBackground .isDarkBackground .elementSectionObjectNews .linkDetails:hover, .isLightBackground .isDarkBackground .elementLink_var10 > a:hover, .isLightBackground .isDarkBackground .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard > a:hover, .isLightBackground .isDarkBackground .elementCategoryFilterListButton_var10 div.quickfilterButtons span:hover { color:var(--fontColorInverseButtonHover); background-color:var(--backgroundColorInverseButtonHover); border-color:var(--borderColorInverseButtonHover); } .isLightBackground .linkButton:hover, .isLightBackground .listEntryElementLink_var20 a:hover, .isLightBackground .listLoaderMore > a:hover, .isLightBackground .elementSectionObjectNews .linkDetails:hover, .isLightBackground .elementLink_var10 > a:hover, .isLightBackground .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard > a:hover, .isLightBackground .elementCategoryFilterListButton_var10 div.quickfilterButtons span:hover, .isDarkBackground .isLightBackground .linkButton:hover, .isDarkBackground .isLightBackground .listEntryElementLink_var20 a:hover, .isDarkBackground .isLightBackground .listLoaderMore > a:hover, .isDarkBackground .isLightBackground .elementSectionObjectNews .linkDetails:hover, .isDarkBackground .isLightBackground .elementLink_var10 > a:hover, .isDarkBackground .isLightBackground .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard > a:hover, .isDarkBackground .isLightBackground .elementCategoryFilterListButton_var10 div.quickfilterButtons span:hover { color:var(--fontColorButtonHover); background-color:var(--backgroundColorButtonHover); border-color:var(--borderColorButtonHover); } .linkButton:active, .listEntryElementLink_var20 a:active, .listLoaderMore > a:active, .elementSectionObjectNews .linkDetails:active, .elementLink_var10 > a:active, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard > a:active, .elementCategoryFilterListButton_var10 div.quickfilterButtons span:active { color:var(--fontColorButtonActive); background-color:var(--backgroundColorButtonActive); border-color:var(--borderColorButtonActive); } .isDarkBackground .linkButton:active, .isDarkBackground .listEntryElementLink_var20 a:active, .isDarkBackground .listLoaderMore > a:active, .isDarkBackground .elementSectionObjectNews .linkDetails:active, .isDarkBackground .elementLink_var10 > a:active, .isDarkBackground .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard > a:active, .isDarkBackground .elementCategoryFilterListButton_var10 div.quickfilterButtons span:active, .isLightBackground .isDarkBackground .linkButton:active, .isLightBackground .isDarkBackground .listEntryElementLink_var20 a:active, .isLightBackground .isDarkBackground .listLoaderMore > a:active, .isLightBackground .isDarkBackground .elementSectionObjectNews .linkDetails:active, .isLightBackground .isDarkBackground .elementLink_var10 > a:active, .isLightBackground .isDarkBackground .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard > a:active, .isLightBackground .isDarkBackground .elementCategoryFilterListButton_var10 div.quickfilterButtons span:active { color:var(--fontColorInverseButtonActive); background-color:var(--backgroundColorInverseButtonActive); border-color:var(--borderColorInverseButtonActive); } .isLightBackground .linkButton:active, .isLightBackground .listEntryElementLink_var20 a:active, .isLightBackground .listLoaderMore > a:active, .isLightBackground .elementSectionObjectNews .linkDetails:active, .isLightBackground .elementLink_var10 > a:active, .isLightBackground .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard > a:active, .isLightBackground .elementCategoryFilterListButton_var10 div.quickfilterButtons span:active, .isDarkBackground .isLightBackground .linkButton:active, .isDarkBackground .isLightBackground .listEntryElementLink_var20 a:active, .isDarkBackground .isLightBackground .listLoaderMore > a:active, .isDarkBackground .isLightBackground .elementSectionObjectNews .linkDetails:active, .isDarkBackground .isLightBackground .elementLink_var10 > a:active, .isDarkBackground .isLightBackground .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard > a:active, .isDarkBackground .isLightBackground .elementCategoryFilterListButton_var10 div.quickfilterButtons span:active { color:var(--fontColorButtonActive); background-color:var(--backgroundColorButtonActive); border-color:var(--borderColorButtonActive); } .linkButtonWhite, .elementLink_var11 > a { display:inline-block; text-decoration:none; padding:0.25rem 0.6rem; color:var(--fontColorDefault) !important; background-color:var(--baseColorWhite); border:solid 1px var(--baseColorWhite); } .linkButtonWhite:before, .elementLink_var11 > a:before { transform:scale(1.2); margin-right:8px; } .linkButtonWhite:hover, .elementLink_var11 > a:hover { color:var(--fontColorButtonHover) !important; background-color:var(--backgroundColorButtonHover); border-color:var(--borderColorButtonHover); } .isDarkBackground .linkButtonWhite:hover, .isDarkBackground .elementLink_var11 > a:hover, .isLightBackground .isDarkBackground .linkButtonWhite:hover, .isLightBackground .isDarkBackground .elementLink_var11 > a:hover { color:var(--fontColorInverseButtonHover) !important; background-color:var(--backgroundColorInverseButtonHover); border-color:var(--borderColorInverseButtonHover); } .isLightBackground .linkButtonWhite:hover, .isLightBackground .elementLink_var11 > a:hover, .isDarkBackground .isLightBackground .linkButtonWhite:hover, .isDarkBackground .isLightBackground .elementLink_var11 > a:hover { color:var(--fontColorButtonHover) !important; background-color:var(--backgroundColorButtonHover); border-color:var(--borderColorButtonHover); } .linkButtonWhite:active, .elementLink_var11 > a:active { color:var(--fontColorButtonActive) !important; background-color:var(--backgroundColorButtonActive); border-color:var(--borderColorButtonActive); } .isDarkBackground .linkButtonWhite:active, .isDarkBackground .elementLink_var11 > a:active, .isLightBackground .isDarkBackground .linkButtonWhite:active, .isLightBackground .isDarkBackground .elementLink_var11 > a:active { color:var(--fontColorInverseButtonActive) !important; background-color:var(--backgroundColorInverseButtonActive); border-color:var(--borderColorInverseButtonActive); } .isLightBackground .linkButtonWhite:active, .isLightBackground .elementLink_var11 > a:active, .isDarkBackground .isLightBackground .linkButtonWhite:active, .isDarkBackground .isLightBackground .elementLink_var11 > a:active { color:var(--fontColorButtonActive) !important; background-color:var(--backgroundColorButtonActive); border-color:var(--borderColorButtonActive); } .linkButtonNeutral { display:inline-block; text-decoration:none; padding:0.25rem 0.6rem; border:solid 1px transparent; color:var(--fontColorLink); background-color:transparent; border-color:transparent; } .isDarkBackground .linkButtonNeutral, .isLightBackground .isDarkBackground .linkButtonNeutral { color:var(--fontColorInverseLink); background-color:transparent; border-color:transparent; } .isLightBackground .linkButtonNeutral, .isDarkBackground .isLightBackground .linkButtonNeutral { color:var(--fontColorLink); background-color:transparent; border-color:transparent; } .linkButtonNeutral:before { transform:scale(1.2); margin-right:8px; } .linkButtonNeutral:hover { color:var(--fontColorLinkHover); background-color:transparent; border-color:transparent; } .isDarkBackground .linkButtonNeutral:hover, .isLightBackground .isDarkBackground .linkButtonNeutral:hover { color:var(--fontColorInverseLinkHover); background-color:transparent; border-color:transparent; } .isLightBackground .linkButtonNeutral:hover, .isDarkBackground .isLightBackground .linkButtonNeutral:hover { color:var(--fontColorLinkHover); background-color:transparent; border-color:transparent; } .linkButtonNeutral:active, .linkButtonNeutral.selected { color:var(--fontColorLinkActive); background-color:transparent; border-color:var(--fontColorLinkActive); } .isDarkBackground .linkButtonNeutral:active, .isLightBackground .isDarkBackground .linkButtonNeutral:active, .isDarkBackground .linkButtonNeutral.selected, .isLightBackground .isDarkBackground .linkButtonNeutral.selected { color:var(--fontColorInverseLinkActive); background-color:transparent; border-color:var(--fontColorInverseLinkActive); } .isLightBackground .linkButtonNeutral:active, .isDarkBackground .isLightBackground .linkButtonNeutral:active, .isLightBackground .linkButtonNeutral.selected, .isDarkBackground .isLightBackground .linkButtonNeutral.selected { color:var(--fontColorLinkActive); background-color:transparent; border-color:var(--fontColorLinkActive); } .linkButtonGhost, .listEntryElementLink_var30 a, .listDefaultLink_var32 .listEntryLink a, .listDefaultLink_var31 .listEntryLink a, .listDefaultLink_var30 .listEntryLink a, .listBannerSlider_var400 .listEntries .listEntry .listEntryInfoLayer .listEntryLink > *, .elementLink_var50 > a, .elementCategoryFilterList .quickfilterButtons span { display:inline-block; text-decoration:none; padding:0.25rem 0.6rem; border:solid 1px var(--fontColorLink); color:var(--fontColorLink); background-color:transparent; border-color:var(--fontColorLink); } .isDarkBackground .linkButtonGhost, .isDarkBackground .listEntryElementLink_var30 a, .isDarkBackground .listDefaultLink_var32 .listEntryLink a, .isDarkBackground .listDefaultLink_var31 .listEntryLink a, .isDarkBackground .listDefaultLink_var30 .listEntryLink a, .isDarkBackground .listBannerSlider_var400 .listEntries .listEntry .listEntryInfoLayer .listEntryLink > *, .isDarkBackground .elementLink_var50 > a, .isDarkBackground .elementCategoryFilterList .quickfilterButtons span, .isLightBackground .isDarkBackground .linkButtonGhost, .isLightBackground .isDarkBackground .listEntryElementLink_var30 a, .isLightBackground .isDarkBackground .listDefaultLink_var32 .listEntryLink a, .isLightBackground .isDarkBackground .listDefaultLink_var31 .listEntryLink a, .isLightBackground .isDarkBackground .listDefaultLink_var30 .listEntryLink a, .isLightBackground .isDarkBackground .listBannerSlider_var400 .listEntries .listEntry .listEntryInfoLayer .listEntryLink > *, .isLightBackground .isDarkBackground .elementLink_var50 > a, .isLightBackground .isDarkBackground .elementCategoryFilterList .quickfilterButtons span { color:var(--fontColorInverseLink); background-color:transparent; border-color:var(--fontColorInverseLink); } .isLightBackground .linkButtonGhost, .isLightBackground .listEntryElementLink_var30 a, .isLightBackground .listDefaultLink_var32 .listEntryLink a, .isLightBackground .listDefaultLink_var31 .listEntryLink a, .isLightBackground .listDefaultLink_var30 .listEntryLink a, .isLightBackground .listBannerSlider_var400 .listEntries .listEntry .listEntryInfoLayer .listEntryLink > *, .isLightBackground .elementLink_var50 > a, .isLightBackground .elementCategoryFilterList .quickfilterButtons span, .isDarkBackground .isLightBackground .linkButtonGhost, .isDarkBackground .isLightBackground .listEntryElementLink_var30 a, .isDarkBackground .isLightBackground .listDefaultLink_var32 .listEntryLink a, .isDarkBackground .isLightBackground .listDefaultLink_var31 .listEntryLink a, .isDarkBackground .isLightBackground .listDefaultLink_var30 .listEntryLink a, .isDarkBackground .isLightBackground .listBannerSlider_var400 .listEntries .listEntry .listEntryInfoLayer .listEntryLink > *, .isDarkBackground .isLightBackground .elementLink_var50 > a, .isDarkBackground .isLightBackground .elementCategoryFilterList .quickfilterButtons span { color:var(--fontColorLink); background-color:transparent; border-color:var(--fontColorLink); } .linkButtonGhost:before, .listEntryElementLink_var30 a:before, .listDefaultLink_var32 .listEntryLink a:before, .listDefaultLink_var31 .listEntryLink a:before, .listDefaultLink_var30 .listEntryLink a:before, .listBannerSlider_var400 .listEntries .listEntry .listEntryInfoLayer .listEntryLink > *:before, .elementLink_var50 > a:before, .elementCategoryFilterList .quickfilterButtons span:before { transform:scale(1.2); margin-right:8px; } .linkButtonGhost:hover, .listEntryElementLink_var30 a:hover, .listDefaultLink_var32 .listEntryLink a:hover, .listDefaultLink_var31 .listEntryLink a:hover, .listDefaultLink_var30 .listEntryLink a:hover, .listBannerSlider_var400 .listEntries .listEntry .listEntryInfoLayer .listEntryLink > *:hover, .elementLink_var50 > a:hover, .elementCategoryFilterList .quickfilterButtons span:hover { color:var(--fontColorLinkHover); background-color:transparent; border-color:var(--fontColorLinkHover); } .isDarkBackground .linkButtonGhost:hover, .isDarkBackground .listEntryElementLink_var30 a:hover, .isDarkBackground .listDefaultLink_var32 .listEntryLink a:hover, .isDarkBackground .listDefaultLink_var31 .listEntryLink a:hover, .isDarkBackground .listDefaultLink_var30 .listEntryLink a:hover, .isDarkBackground .listBannerSlider_var400 .listEntries .listEntry .listEntryInfoLayer .listEntryLink > *:hover, .isDarkBackground .elementLink_var50 > a:hover, .isDarkBackground .elementCategoryFilterList .quickfilterButtons span:hover, .isLightBackground .isDarkBackground .linkButtonGhost:hover, .isLightBackground .isDarkBackground .listEntryElementLink_var30 a:hover, .isLightBackground .isDarkBackground .listDefaultLink_var32 .listEntryLink a:hover, .isLightBackground .isDarkBackground .listDefaultLink_var31 .listEntryLink a:hover, .isLightBackground .isDarkBackground .listDefaultLink_var30 .listEntryLink a:hover, .isLightBackground .isDarkBackground .listBannerSlider_var400 .listEntries .listEntry .listEntryInfoLayer .listEntryLink > *:hover, .isLightBackground .isDarkBackground .elementLink_var50 > a:hover, .isLightBackground .isDarkBackground .elementCategoryFilterList .quickfilterButtons span:hover { color:var(--fontColorInverseLinkHover); background-color:transparent; border-color:var(--fontColorInverseLinkHover); } .isLightBackground .linkButtonGhost:hover, .isLightBackground .listEntryElementLink_var30 a:hover, .isLightBackground .listDefaultLink_var32 .listEntryLink a:hover, .isLightBackground .listDefaultLink_var31 .listEntryLink a:hover, .isLightBackground .listDefaultLink_var30 .listEntryLink a:hover, .isLightBackground .listBannerSlider_var400 .listEntries .listEntry .listEntryInfoLayer .listEntryLink > *:hover, .isLightBackground .elementLink_var50 > a:hover, .isLightBackground .elementCategoryFilterList .quickfilterButtons span:hover, .isDarkBackground .isLightBackground .linkButtonGhost:hover, .isDarkBackground .isLightBackground .listEntryElementLink_var30 a:hover, .isDarkBackground .isLightBackground .listDefaultLink_var32 .listEntryLink a:hover, .isDarkBackground .isLightBackground .listDefaultLink_var31 .listEntryLink a:hover, .isDarkBackground .isLightBackground .listDefaultLink_var30 .listEntryLink a:hover, .isDarkBackground .isLightBackground .listBannerSlider_var400 .listEntries .listEntry .listEntryInfoLayer .listEntryLink > *:hover, .isDarkBackground .isLightBackground .elementLink_var50 > a:hover, .isDarkBackground .isLightBackground .elementCategoryFilterList .quickfilterButtons span:hover { color:var(--fontColorLinkHover); background-color:transparent; border-color:var(--fontColorLinkHover); } .linkButtonGhost:active, .listEntryElementLink_var30 a:active, .listDefaultLink_var32 .listEntryLink a:active, .listDefaultLink_var31 .listEntryLink a:active, .listDefaultLink_var30 .listEntryLink a:active, .listBannerSlider_var400 .listEntries .listEntry .listEntryInfoLayer .listEntryLink > *:active, .elementLink_var50 > a:active, .elementCategoryFilterList .quickfilterButtons span:active, .linkButtonGhost.selected, .listEntryElementLink_var30 a.selected, .listDefaultLink_var32 .listEntryLink a.selected, .listDefaultLink_var31 .listEntryLink a.selected, .listDefaultLink_var30 .listEntryLink a.selected, .listBannerSlider_var400 .listEntries .listEntry .listEntryInfoLayer .listEntryLink > *.selected, .elementLink_var50 > a.selected, .elementCategoryFilterList .quickfilterButtons span.selected { color:var(--fontColorLinkActive); background-color:transparent; border-color:var(--fontColorLinkActive); } .isDarkBackground .linkButtonGhost:active, .isDarkBackground .listEntryElementLink_var30 a:active, .isDarkBackground .listDefaultLink_var32 .listEntryLink a:active, .isDarkBackground .listDefaultLink_var31 .listEntryLink a:active, .isDarkBackground .listDefaultLink_var30 .listEntryLink a:active, .isDarkBackground .listBannerSlider_var400 .listEntries .listEntry .listEntryInfoLayer .listEntryLink > *:active, .isDarkBackground .elementLink_var50 > a:active, .isDarkBackground .elementCategoryFilterList .quickfilterButtons span:active, .isLightBackground .isDarkBackground .linkButtonGhost:active, .isLightBackground .isDarkBackground .listEntryElementLink_var30 a:active, .isLightBackground .isDarkBackground .listDefaultLink_var32 .listEntryLink a:active, .isLightBackground .isDarkBackground .listDefaultLink_var31 .listEntryLink a:active, .isLightBackground .isDarkBackground .listDefaultLink_var30 .listEntryLink a:active, .isLightBackground .isDarkBackground .listBannerSlider_var400 .listEntries .listEntry .listEntryInfoLayer .listEntryLink > *:active, .isLightBackground .isDarkBackground .elementLink_var50 > a:active, .isLightBackground .isDarkBackground .elementCategoryFilterList .quickfilterButtons span:active, .isDarkBackground .linkButtonGhost.selected, .isDarkBackground .listEntryElementLink_var30 a.selected, .isDarkBackground .listDefaultLink_var32 .listEntryLink a.selected, .isDarkBackground .listDefaultLink_var31 .listEntryLink a.selected, .isDarkBackground .listDefaultLink_var30 .listEntryLink a.selected, .isDarkBackground .listBannerSlider_var400 .listEntries .listEntry .listEntryInfoLayer .listEntryLink > *.selected, .isDarkBackground .elementLink_var50 > a.selected, .isDarkBackground .elementCategoryFilterList .quickfilterButtons span.selected, .isLightBackground .isDarkBackground .linkButtonGhost.selected, .isLightBackground .isDarkBackground .listEntryElementLink_var30 a.selected, .isLightBackground .isDarkBackground .listDefaultLink_var32 .listEntryLink a.selected, .isLightBackground .isDarkBackground .listDefaultLink_var31 .listEntryLink a.selected, .isLightBackground .isDarkBackground .listDefaultLink_var30 .listEntryLink a.selected, .isLightBackground .isDarkBackground .listBannerSlider_var400 .listEntries .listEntry .listEntryInfoLayer .listEntryLink > *.selected, .isLightBackground .isDarkBackground .elementLink_var50 > a.selected, .isLightBackground .isDarkBackground .elementCategoryFilterList .quickfilterButtons span.selected { color:var(--fontColorInverseLinkActive); background-color:transparent; border-color:var(--fontColorInverseLinkActive); } .isLightBackground .linkButtonGhost:active, .isLightBackground .listEntryElementLink_var30 a:active, .isLightBackground .listDefaultLink_var32 .listEntryLink a:active, .isLightBackground .listDefaultLink_var31 .listEntryLink a:active, .isLightBackground .listDefaultLink_var30 .listEntryLink a:active, .isLightBackground .listBannerSlider_var400 .listEntries .listEntry .listEntryInfoLayer .listEntryLink > *:active, .isLightBackground .elementLink_var50 > a:active, .isLightBackground .elementCategoryFilterList .quickfilterButtons span:active, .isDarkBackground .isLightBackground .linkButtonGhost:active, .isDarkBackground .isLightBackground .listEntryElementLink_var30 a:active, .isDarkBackground .isLightBackground .listDefaultLink_var32 .listEntryLink a:active, .isDarkBackground .isLightBackground .listDefaultLink_var31 .listEntryLink a:active, .isDarkBackground .isLightBackground .listDefaultLink_var30 .listEntryLink a:active, .isDarkBackground .isLightBackground .listBannerSlider_var400 .listEntries .listEntry .listEntryInfoLayer .listEntryLink > *:active, .isDarkBackground .isLightBackground .elementLink_var50 > a:active, .isDarkBackground .isLightBackground .elementCategoryFilterList .quickfilterButtons span:active, .isLightBackground .linkButtonGhost.selected, .isLightBackground .listEntryElementLink_var30 a.selected, .isLightBackground .listDefaultLink_var32 .listEntryLink a.selected, .isLightBackground .listDefaultLink_var31 .listEntryLink a.selected, .isLightBackground .listDefaultLink_var30 .listEntryLink a.selected, .isLightBackground .listBannerSlider_var400 .listEntries .listEntry .listEntryInfoLayer .listEntryLink > *.selected, .isLightBackground .elementLink_var50 > a.selected, .isLightBackground .elementCategoryFilterList .quickfilterButtons span.selected, .isDarkBackground .isLightBackground .linkButtonGhost.selected, .isDarkBackground .isLightBackground .listEntryElementLink_var30 a.selected, .isDarkBackground .isLightBackground .listDefaultLink_var32 .listEntryLink a.selected, .isDarkBackground .isLightBackground .listDefaultLink_var31 .listEntryLink a.selected, .isDarkBackground .isLightBackground .listDefaultLink_var30 .listEntryLink a.selected, .isDarkBackground .isLightBackground .listBannerSlider_var400 .listEntries .listEntry .listEntryInfoLayer .listEntryLink > *.selected, .isDarkBackground .isLightBackground .elementLink_var50 > a.selected, .isDarkBackground .isLightBackground .elementCategoryFilterList .quickfilterButtons span.selected { color:var(--fontColorLinkActive); background-color:transparent; border-color:var(--fontColorLinkActive); } .linkButtonGhostWhite, .listBannerSliderInfolayer_var10 .listEntry .listEntryInfoLayerInner .listEntryLink > *,.listBannerSliderInfolayer_var402.listBannerSlider_var400 .listEntries .listEntry .listEntryInfoLayer .listEntryLink > *, .elementLink_var51 > a { display:inline-block; text-decoration:none; padding:0.25rem 0.6rem; color:var(--baseColorWhite); background-color:transparent; border:solid 1px var(--baseColorWhite); } .linkButtonGhostWhite:before, .listBannerSliderInfolayer_var10 .listEntry .listEntryInfoLayerInner .listEntryLink > *:before,.listBannerSliderInfolayer_var402.listBannerSlider_var400 .listEntries .listEntry .listEntryInfoLayer .listEntryLink > *:before, .elementLink_var51 > a:before { transform:scale(1.2); margin-right:8px; } .linkButtonGhostWhite:hover, .listBannerSliderInfolayer_var10 .listEntry .listEntryInfoLayerInner .listEntryLink > *:hover,.listBannerSliderInfolayer_var402.listBannerSlider_var400 .listEntries .listEntry .listEntryInfoLayer .listEntryLink > *:hover, .elementLink_var51 > a:hover { color:var(--baseColorWhite); background-color:transparent; border:solid 1px var(--baseColorWhite); } .linkButtonGhostWhite:active, .listBannerSliderInfolayer_var10 .listEntry .listEntryInfoLayerInner .listEntryLink > *:active,.listBannerSliderInfolayer_var402.listBannerSlider_var400 .listEntries .listEntry .listEntryInfoLayer .listEntryLink > *:active, .elementLink_var51 > a:active { color:var(--baseColorWhite); background-color:transparent; border:solid 1px var(--baseColorWhite); } .linkButtonImportant, .elementLink_var12 > a { display:inline-block; text-decoration:none; padding:0.25rem 0.6rem; border:solid 1px var(--borderColorButton); color:var(--fontColorInverseDefault); background-color:var(--baseColorDarker); border-color:var(--baseColorDarker); } .isDarkBackground .linkButtonImportant, .isDarkBackground .elementLink_var12 > a, .isLightBackground .isDarkBackground .linkButtonImportant, .isLightBackground .isDarkBackground .elementLink_var12 > a { color:var(--fontColorDefault); background-color:var(--backgroundColorWhite); border-color:var(--backgroundColorWhite); } .isLightBackground .linkButtonImportant, .isLightBackground .elementLink_var12 > a, .isDarkBackground .isLightBackground .linkButtonImportant, .isDarkBackground .isLightBackground .elementLink_var12 > a { color:var(--fontColorInverseDefault); background-color:var(--baseColorDarker); border-color:var(--baseColorDarker); } .linkButtonImportant:before, .elementLink_var12 > a:before { transform:scale(1.2); margin-right:8px; } .linkButtonImportant:hover, .elementLink_var12 > a:hover { color:var(--fontColorButtonHover); background-color:var(--backgroundColorButtonHover); border-color:var(--borderColorButtonHover); } .isDarkBackground .linkButtonImportant:hover, .isDarkBackground .elementLink_var12 > a:hover, .isLightBackground .isDarkBackground .linkButtonImportant:hover, .isLightBackground .isDarkBackground .elementLink_var12 > a:hover { color:var(--fontColorInverseButtonHover); background-color:var(--backgroundColorInverseButtonHover); border-color:var(--borderColorInverseButtonHover); } .isLightBackground .linkButtonImportant:hover, .isLightBackground .elementLink_var12 > a:hover, .isDarkBackground .isLightBackground .linkButtonImportant:hover, .isDarkBackground .isLightBackground .elementLink_var12 > a:hover { color:var(--fontColorButtonHover); background-color:var(--backgroundColorButtonHover); border-color:var(--borderColorButtonHover); } .linkButtonImportant:active, .elementLink_var12 > a:active { color:var(--fontColorButtonActive); background-color:var(--backgroundColorButtonActive); border-color:var(--borderColorButtonActive); } .isDarkBackground .linkButtonImportant:active, .isDarkBackground .elementLink_var12 > a:active, .isLightBackground .isDarkBackground .linkButtonImportant:active, .isLightBackground .isDarkBackground .elementLink_var12 > a:active { color:var(--fontColorInverseButtonActive); background-color:var(--backgroundColorInverseButtonActive); border-color:var(--borderColorInverseButtonActive); } .isLightBackground .linkButtonImportant:active, .isLightBackground .elementLink_var12 > a:active, .isDarkBackground .isLightBackground .linkButtonImportant:active, .isDarkBackground .isLightBackground .elementLink_var12 > a:active { color:var(--fontColorButtonActive); background-color:var(--backgroundColorButtonActive); border-color:var(--borderColorButtonActive); } .elementLink, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard { margin-bottom:1rem; 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.iconUrl .linkIconEmbed, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard > a.iconUrl .linkIconEmbed { display:flex; } .elementLink > a.iconUrl .linkIconEmbed svg .line, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard > a.iconUrl .linkIconEmbed svg .line { stroke:var(--fontColorLink) !important; } .elementLink > a.iconUrl:hover .linkIconEmbed svg .line, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard > a.iconUrl:hover .linkIconEmbed svg .line { stroke:var(--fontColorLinkHover) !important; } .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 { opacity:0.85; 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 { opacity:0.85; padding-left:0; display:inline-block; text-decoration:none; } .elementLink span.formatPart, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard span.formatPart { font-weight:bold; opacity:0.6; } .elementLink + .elementLink, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard + .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard { margin-top:-1rem; } @media (prefers-contrast:more) { .elementLink .infoDownloadSize, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard .infoDownloadSize { opacity:1; } } @media (prefers-contrast:more) { .elementLink .downloadIconSizeLinkSize .infoDownloadSize, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard .downloadIconSizeLinkSize .infoDownloadSize { opacity:1; } } .elementLink_var0 + .elementLink_var0 { margin-top:-0.75rem; } .elementLink_var1 > a { text-decoration:none; } .elementLink_var1 + .elementLink_var1 { margin-top:-0.75rem; } .elementLink_var10, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard { margin-top:0 !important; } .elementLink_var11 { margin-top:0 !important; } .elementLink_var12 { margin-top:0 !important; } .elementLink_var50 { margin-top:0 !important; } .elementLink_var51 { margin-top:0 !important; } .elementLinkPosition_var10 { display:block; } .elementLinkPosition_var10 > a { float:left !important; } @media (min-width: 768px) { .elementLinkPosition_var20 { display:block; } .elementLinkPosition_var20 > a { float:right !important; } } .elementLinkPosition_var21 { display:block; } .elementLinkPosition_var21 > a { float:right !important; } .elementLinkPosition_var30 { display:block; } @media (min-width: 768px) { .elementLinkPosition_var30 > a { display:table; margin-left:auto !important; margin-right:auto !important; } } .elementLinkPosition_var31 { display:block; } .elementLinkPosition_var31 > a { display:table; margin-left:auto !important; margin-right:auto !important; } .elementLinkPosition_var60 { display:block; } .elementLinkPosition_var60 > a { display:block; text-align:center; } .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:var(--backgroundColorDark1); width:100%; position:relative; } .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 var(--baseColorWhite); } .elementNavigationSections_var0 a { display:block; border-bottom:solid 4px transparent; text-decoration:none; background:none; color:var(--fontColorInverseDefault); font-size:1rem; padding:10px 10px 6px 10px; text-transform:uppercase; } .elementNavigationSections_var0 a:hover { color:var(--fontColorInverseDefault); } @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:var(--baseColorWhite); 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 var(--baseColorWhite); border-bottom:solid 2px var(--baseColorWhite); } .elementNavigationSections_var0 .navigationSectionToggler:after { content:''; position:absolute; right:12px; width:18px; height:18px; border-bottom:solid 2px var(--baseColorWhite); } .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; } } .elementNavigationSections_var40 { display:none; } .weditor .elementNavigationSections_var40 { position:relative !important; top:0; width:100%; } @media (min-width: 768px) { .elementNavigationSections_var40 { display:block; position:fixed; right:0; top:25vh; z-index:10; background-color:transparent; border-radius:14px; width:28px; margin:0 16px 0 0; padding:0; } .elementNavigationSections_var40 ul { display:block; position:relative; list-style-type:none; padding:4px 0; } .elementNavigationSections_var40 ul li { width:28px; height:32px; display:block; position:relative; } .elementNavigationSections_var40 ul li:after { display:block; position:absolute; content:""; margin:10px 8px; width:12px; height:12px; font-size:0; border-radius:100%; background-color:var(--backgroundColorDark1); box-shadow:0 0 4px 0 rgba(255,255,255,0.6); } .elementNavigationSections_var40 ul li.selected:after { background-color:var(--backgroundColorWhite); box-shadow:0 0 4px 0 rgba(0,0,0,0.3); } .elementNavigationSections_var40 ul li:hover:after { background-color:var(--backgroundColorWhite); box-shadow:0 0 4px 0 rgba(0,0,0,0.3); } .elementNavigationSections_var40 ul li a { opacity:0; z-index:1; position:absolute; overflow:hidden; text-decoration:none; white-space:nowrap; right:0; width:4px; box-sizing:border-box; color:var(--backgroundColorWhite); margin:0 0 0 0; padding:4px 42px 4px 10px; transition:right 0.2s ease-in-out; } .elementNavigationSections_var40 ul li:hover a { opacity:1; right:4px; width:auto; } .elementNavigationSections_var40 ul li:hover a:before { display:block; content:""; position:absolute; z-index:-1; width:calc(100% - 32px); top:0; left:0; height:100%; border-radius:4px; background-color:var(--backgroundColorDark1); margin:0 !important; line-height:150% !important; } .elementNavigationSections_var40 ul li:hover a:after { display:block; content:""; position:absolute; z-index:-1; width:4px; top:12px; left:calc(100% - 32px); height:4px; border:solid 4px transparent; border-left-color:var(--backgroundColorDark1); } } .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:var(--baseColorDarker); } .pictureZoomer:after { content:''; position:absolute; left:11px; top:6px; display:block; width:2px; height:12px; background-color:var(--baseColorDarker); } .wglMaximized .pictureZoomer { transform:rotate(45deg); } .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; } .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 { position:relative; padding:8px 4px; font-size:1rem; line-height:150%; } .elementPicture figcaption > div.pictureTitle { font-weight:bold; font-size:0.9rem; line-height:140%; } .elementPicture figcaption > div.pictureDescription { font-weight:normal; font-size:0.9rem; line-height:140%; color:var(--fontColorDefault); padding:3px 0 5px 0; } .elementPicture figcaption > div.pictureCopyright { clear:both; font-weight:normal; font-size:0.9rem; line-height:1rem; color:var(--fontColorWeak); padding:3px 0 4px 0; } .elementPicture img { display:block; } .elementPicture img.thumbnailPDF { max-width:100%; } .elementPicture svg { display:block; max-width:100%; width:100%; height:auto; } .elementPicture svg[width] { width:auto; } .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%; height:100%; object-fit:cover; } .elementPicture_var10000 { margin-bottom:0; text-align:center; } .elementPicture_var10000 figure { width:100%; margin:0 auto; } .elementPicture_var10000 figure img { width:100%; } .elementPictureBorder_var10 figure { padding:1rem; background-color:var(--backgroundColorWhite); border:solid 1px var(--borderColorDefault); } .elementPictureBorder_var10 figure > .pictureZoomer { margin:1rem 1rem 0 0; } .elementPictureBorder_var10 figure > figcaption { padding:0; margin:8px 0 -8px 0; } .elementPictureBorder_var10 figure > figcaption > div.pictureTitle { color:#000000 !important; } .elementPictureBorder_var52 figure { padding:1rem; background-color:var(--backgroundColorWhite); box-shadow:0 2px 16px -2px rgba(0,0,0,0.2); } .elementPictureBorder_var52 figure > .pictureZoomer { margin:1rem 1rem 0 0; } .elementPictureBorder_var52 figure > figcaption { padding:0; margin:8px 0 -8px 0; } .elementPictureBorder_var52 figure > figcaption > div.pictureTitle { color:#000000 !important; } .elementPictureAspectRatio_var10 figure { display:block; } .elementPictureAspectRatio_var10 figure picture { height:0 !important; display:block; padding-bottom:100%; } .elementPictureAspectRatio_var20 figure { display:block; } .elementPictureAspectRatio_var20 figure picture { height:0 !important; display:block; padding-bottom:50%; } .elementPictureAspectRatio_var30 figure { display:block; } .elementPictureAspectRatio_var30 figure picture { height:0 !important; display:block; padding-bottom:33.33333%; } .elementPictureTitle_var0 figcaption { display:none; } .elementPictureTitle_var72 .pictureTitle { display:none; } .elementPictureTitle_var72 .pictureDescription { display:none; } .elementPictureTitle_var72 figcaption > div.pictureCopyright { float:none; font-weight:normal; font-size:0.9rem; line-height:1.3rem; color:var(--fontColorDefault); padding:0 6px; position:absolute; right:4px; margin-top:-31px; background:color-mix(in srgb,var(--baseColorWhite),transparent 20%); border-radius:0; } .elementPicturePosition_var10:last-child figure { margin-right:0; } @media (min-width: 576px) { .elementPicturePosition_var10 { margin-bottom:0; } .elementPicturePosition_var10 figure { float:left; margin-right:2rem; margin-bottom:2rem; } } .elementPicturePosition_var20:last-child figure { margin-left:0; } @media (min-width: 576px) { .elementPicturePosition_var20 { margin-bottom:0; } .elementPicturePosition_var20 figure { float:right; margin-left:2rem; margin-bottom:2rem; } .elementPicturePosition_var20 figure figcaption { text-align:right; } } .elementPictureSize_var0 { max-width:100%; } .elementPictureSize_var50 figure { max-width:100%; } @media (max-width: 767px) { .elementPictureSize_var50 figure { margin-left:0; margin-right:0; } } @media (min-width: 768px) { .elementPictureSize_var50 figure { max-width:50%; } } .elementPictureSize_var20 figure { max-width:100%; } @media (max-width: 767px) { .elementPictureSize_var20 figure { margin-left:0; margin-right:0; } } @media (min-width: 576px) { .elementPictureSize_var20 figure { max-width:320px; } } .elementPictureSize_var10 figure { max-width:100%; } @media (max-width: 767px) { .elementPictureSize_var10 figure { margin-left:0; margin-right:0; } } @media (min-width: 576px) { .elementPictureSize_var10 figure { max-width:240px; } } .scriptPlaceholderBeforeLoad { background:var(--baseColorLighter); cursor:pointer; } .scriptPlaceholderBeforeLoad .scriptPrivacyNotice { padding:0.3rem 1rem; text-align:center; pointer-events:none; } .scriptPlaceholderBeforeLoad .scriptPrivacyNotice a { pointer-events:auto; } .scriptPlaceholderBeforeLoad[data-loaded='1'] { cursor:default; } .scriptPlaceholderBeforeLoad[data-loaded='1'] .scriptPrivacyNotice { display:none; } .elementSection, .elementSectionObjectContactPerson { clear:both; margin:0 0 0 0; padding:2rem 1rem; position:relative; --fontColor:var(--fontColorDefault); --linkColor:var(--fontColorLink); } .isInLightbox .elementSection[data-pos='1'] { padding-top:1rem; } .elementSection > .sectionInner, .elementSectionObjectContactPerson > .sectionInner { position:relative; max-width:1200px; 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 > .sectionInner.hideMarginBottomLastChilds, .elementSectionObjectContactPerson > .sectionInner.hideMarginBottomLastChilds { margin-bottom:-2rem; } .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:cover; } .elementSection .copyrightLayer, .elementSectionObjectContactPerson .copyrightLayer { position:absolute; right:0; bottom:0; padding:0.3rem 0.7rem; font-size:0.9rem; } .elementSection .sectionBackgroundVideoAnimationControls, .elementSectionObjectContactPerson .sectionBackgroundVideoAnimationControls { position:absolute; right:16px; bottom:16px; display:block; z-index:2; } .elementSection .sectionBackgroundVideoAnimationControls .sectionBackgroundVideoAnimationStart, .elementSectionObjectContactPerson .sectionBackgroundVideoAnimationControls .sectionBackgroundVideoAnimationStart { display:none; width:24px; height:24px; cursor:pointer; } .elementSection .sectionBackgroundVideoAnimationControls .sectionBackgroundVideoAnimationStart:before, .elementSectionObjectContactPerson .sectionBackgroundVideoAnimationControls .sectionBackgroundVideoAnimationStart:before { content:''; display:block; position:absolute; width:24px; height:24px; border:solid 12px transparent; border-left:solid 20px var(--baseColorWhite); } .elementSection .sectionBackgroundVideoAnimationControls .sectionBackgroundVideoAnimationPause, .elementSectionObjectContactPerson .sectionBackgroundVideoAnimationControls .sectionBackgroundVideoAnimationPause { display:none; width:24px; height:24px; cursor:pointer; } .elementSection .sectionBackgroundVideoAnimationControls .sectionBackgroundVideoAnimationPause:before, .elementSectionObjectContactPerson .sectionBackgroundVideoAnimationControls .sectionBackgroundVideoAnimationPause:before { content:''; display:block; position:absolute; width:10px; height:24px; background-color:var(--baseColorWhite); } .elementSection .sectionBackgroundVideoAnimationControls .sectionBackgroundVideoAnimationPause:after, .elementSectionObjectContactPerson .sectionBackgroundVideoAnimationControls .sectionBackgroundVideoAnimationPause:after { content:''; display:block; position:absolute; left:14px; width:10px; height:24px; background-color:var(--baseColorWhite); } .elementSection .sectionBackgroundVideoAnimationControls.play-0 .sectionBackgroundVideoAnimationStart, .elementSectionObjectContactPerson .sectionBackgroundVideoAnimationControls.play-0 .sectionBackgroundVideoAnimationStart { display:block; } .elementSection .sectionBackgroundVideoAnimationControls.play-1 .sectionBackgroundVideoAnimationPause, .elementSectionObjectContactPerson .sectionBackgroundVideoAnimationControls.play-1 .sectionBackgroundVideoAnimationPause { display:block; } .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) { .elementSection, .elementSectionObjectContactPerson { padding:2rem 2rem; } .hasBlockLeft #blockContent .elementSection,.hasBlockLeft #blockContent .elementSectionObjectContactPerson,.hasBlockRight #blockContent .elementSection,.hasBlockRight #blockContent .elementSectionObjectContactPerson { padding-left:0 !important; padding-right:0 !important; } } @media (min-width: 992px) { .elementSection, .elementSectionObjectContactPerson { padding:4rem 4rem; } } .elementSection_var550 { padding:0 2rem; } .elementSection_var550[data-hideifclosed='1'][data-hasclosed='1'] { display:none; } .weditor .elementSection_var550 { opacity:1 !important; display:block !important; max-height:none !important; } .weditor .elementSection_var550[data-allowexpand='1'] { overflow:unset; } .elementSection_var550[data-allowexpand='1'] { max-height:32px; overflow:hidden; } .elementSection_var550[data-allowexpand='1'] .sectionInnerOpener { cursor:pointer; display:block; box-sizing:border-box; position:absolute; z-index:200; right:0; top:0; width:32px; height:32px; font-size:0; color:transparent; background-color:transparent; transition:transform 0.3s ease-in-out; } .elementSection_var550[data-allowexpand='1'] .sectionInnerOpener:hover { transition:all 0.3s linear; } .elementSection_var550[data-allowexpand='1'] .sectionInnerOpener:before, .elementSection_var550[data-allowexpand='1'] .sectionInnerOpener:after { content:''; position:absolute; width:12px; height:2px; margin:14px 0 0 5px; background:var(--baseColorBlack); transform:rotate(45deg); } .elementSection_var550[data-allowexpand='1'] .sectionInnerOpener:after { transform:rotate(-45deg); margin-left:13px; } .elementSection_var550[data-allowexpand='1'].isExpanded .sectionInnerOpener:before { transform:rotate(-45deg); } .elementSection_var550[data-allowexpand='1'].isExpanded .sectionInnerOpener:after { transform:rotate(45deg); } .elementSection_var550[data-allowexpand='1'].isDarkBackground .sectionInnerOpener:before, .elementSection_var550[data-allowexpand='1'].isDarkBackground .sectionInnerOpener:after { background:var(--baseColorWhite); } .elementSection_var550[data-allowclose="1"] .sectionInnerToggler { cursor:pointer; display:block; box-sizing:border-box; position:absolute; z-index:200; right:0; top:0; width:32px; height:32px; font-size:0; color:transparent; background-color:transparent; transition:transform 0.3s ease-in-out; } .elementSection_var550[data-allowclose="1"] .sectionInnerToggler:hover { transition:all 0.3s linear; } .elementSection_var550[data-allowclose="1"] .sectionInnerToggler:before, .elementSection_var550[data-allowclose="1"] .sectionInnerToggler:after { content:''; position:absolute; width:16px; height:2px; margin:14px 0 0 7px; background:var(--baseColorBlack); transform:rotate(45deg); } .elementSection_var550[data-allowclose="1"] .sectionInnerToggler:after { transform:rotate(-45deg); } .elementSection_var550.isDarkBackground .sectionInnerToggler:before, .elementSection_var550.isDarkBackground .sectionInnerToggler:after { background:var(--baseColorWhite); } @media (min-width: 992px) { .elementSection_var550 { padding:0 4rem; } } @media (max-width:767px) { .elementSection_var550 { padding-left:1rem; padding-right:1rem; } } .elementSection_var552 { padding:0 2rem; visibility:hidden; } #blockHeader .elementSection_var552 { visibility:visible; } .elementSection_var552.isClosed { height:0; overflow:hidden; } .weditor .elementSection_var552 { height:auto !important; overflow:visible; visibility:visible; } .elementSection_var552 .sectionInnerToggler { cursor:pointer; display:block; box-sizing:border-box; position:fixed; z-index:200; top:2px; right:8px; width:24px; height:24px; border-radius:16px; background-color:var(--baseColorPrimary2); font-size:0; transition:all 0.3s linear; } .elementSection_var552 .sectionInnerToggler:hover { transition:all 0.3s linear; } .elementSection_var552 .sectionInnerToggler:before, .elementSection_var552 .sectionInnerToggler:after { content:''; position:absolute; width:16px; height:2px; margin:11px 0 0 4px; background:var(--baseColorWhite); transform:rotate(45deg); } .elementSection_var552 .sectionInnerToggler:after { transform:rotate(-45deg); } .elementSection_var552.isClosed .sectionInnerToggler { top:12px; } .elementSection_var552.isClosed .sectionInnerToggler:before { width:2px; height:2px; margin:6px 0 0 11px; transform:rotate(0deg); } .elementSection_var552.isClosed .sectionInnerToggler:after { width:2px; height:8px; margin:10px 0 0 11px; transform:rotate(0deg); } .elementSection_var552.isDarkBackground .sectionInnerToggler:before, .elementSection_var552.isDarkBackground .sectionInnerToggler:after { background:var(--baseColorWhite); } @media (min-width: 992px) { .elementSection_var552 { padding:0 4rem; } } @media (max-width:767px) { .elementSection_var552 { padding-left:1rem; padding-right:1rem; } } @media (max-width:575px) { .elementSection_var552.isClosed .sectionInnerToggler { top:56px; right:12px; } } .elementSectionInnerWidth_var0 > .sectionInner, .elementSectionObjectNews > .sectionInner, .elementSectionInnerWidth_var0 .elementSectionOpenerInner, .elementSectionObjectNews .elementSectionOpenerInner { max-width:1200px; } .elementSectionInnerWidth_var20 > .sectionInner, .elementSectionObjectContactPerson > .sectionInner { max-width:560px; } .elementSectionInnerWidth_var20 .elementSectionOpenerInner, .elementSectionObjectContactPerson .elementSectionOpenerInner { max-width:1200px; } .elementSectionInnerWidth_var80 > .sectionInner, .elementSectionInnerWidth_var80 .elementSectionOpenerInner { max-width:1200px; } .elementSectionInnerWidth_var100 { padding-left:0; padding-right:0; } .no-weditor .elementSectionInnerWidth_var100 { overflow:hidden; } .elementSectionInnerWidth_var100 > .sectionInner, .elementSectionInnerWidth_var100 .elementSectionOpenerInner { max-width:2560px; } .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; } @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_var10 { padding:0; } .elementSectionPadding_var60 { padding:4rem 1rem; } @media (min-width: 576px) { .elementSectionPadding_var60 { padding:8rem 2rem; } .hasBlockLeft #blockContent .elementSectionPadding_var60,.hasBlockRight #blockContent .elementSectionPadding_var60 { padding-left:0 !important; padding-right:0 !important; } } @media (min-width: 768px) { .elementSectionPadding_var60 { padding:16rem 4rem; } } .elementSectionPadding_var65 { display:flex; padding:4rem 1rem; } @media (min-width: 576px) { .elementSectionPadding_var65 { padding:8rem 2rem; } .hasBlockLeft #blockContent .elementSectionPadding_var65,.hasBlockRight #blockContent .elementSectionPadding_var65 { padding-left:0 !important; padding-right:0 !important; } } @media (min-width: 768px) { .elementSectionPadding_var65 { padding:16rem 4rem; } } .elementSectionPadding_var20 { padding:1rem 1rem; } @media (min-width: 576px) { .elementSectionPadding_var20 { padding:2rem 2rem; } .hasBlockLeft #blockContent .elementSectionPadding_var20,.hasBlockRight #blockContent .elementSectionPadding_var20 { padding-left:0 !important; padding-right:0 !important; } } @media (min-width: 992px) { .elementSectionPadding_var20 { padding:2rem 4rem; } } .elementSectionMargin_var10 { margin:0; } .elementSectionBackgroundColor_var0 { background-color:transparent; } @media (prefers-contrast:more) { .elementSectionBackgroundColor_var0 { background-color:var(--baseColorWhite); } } .elementSectionBackgroundColor_var30 { background-color:var(--backgroundColorLight1); --fontColor:var(--fontColorDefault); --linkColor:var(--fontColorLink); } @media (prefers-contrast:more) { .elementSectionBackgroundColor_var30 { background-color:var(--baseColorWhite); } } .elementSectionBackgroundColor_var60 { background-color:var(--backgroundColorDark1); --fontColor:var(--fontColorInverseDefault); --linkColor:var(--fontColorInverseLink); } @media (prefers-contrast:more) { .elementSectionBackgroundColor_var60 { background-color:var(--baseColorBlack); } } .elementSectionBackgroundColor_var80 { background-color:var(--backgroundColorDark2); --fontColor:var(--fontColorInverseDefault); --linkColor:var(--fontColorInverseLink); } @media (prefers-contrast:more) { .elementSectionBackgroundColor_var80 { background-color:var(--baseColorBlack); } } .elementSectionBackgroundColor_var91 { background-color:var(--baseColorPrimary1); --fontColor:var(--fontColorInverseDefault); --linkColor:var(--fontColorInverseLink); } @media (prefers-contrast:more) { .elementSectionBackgroundColor_var91 { background-color:var(--baseColorBlack); } } .elementSectionBackgroundColor_var92 { background-color:var(--baseColorPrimary2); --fontColor:var(--fontColorInverseDefault); --linkColor:var(--fontColorInverseLink); } @media (prefers-contrast:more) { .elementSectionBackgroundColor_var92 { background-color:var(--baseColorBlack); } } .elementSectionBackgroundColor_var610 { background-color:var(--backgroundColorFooter); --fontColor:var(--fontColorInverseDefault); --linkColor:var(--fontColorInverseLink); } @media (prefers-contrast:more) { .elementSectionBackgroundColor_var610 { --backgroundColorFooter:var(--baseColorBlack); } } .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; } .elementSitemap_var0 ul[data-navlevel='1'] a { text-decoration:none; display:block; font-size:1rem; line-height:150%; color:var(--fontColorNavigationSitemap); padding:0.1rem 0; } .elementSitemap_var0 ul[data-navlevel='1'] > li > a { display:block; font-size:1.4rem; line-height:130%; color:var(--fontColorNavigationSitemapLevel1); 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 0.5rem 0.5rem 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("/wLayout25/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_var72 { --iconSize:36px; position:relative !important; display:flex !important; width:var(--iconSize) !important; height:var(--iconSize) !important; overflow:hidden !important; align-items:center; transition:width 0.3s ease-in; } .weditor .elementSocialButton_var72 { width:calc(var(--iconSize) + 200px) !important; overflow:visible !important; } .elementSocialButton_var72:hover { width:calc(var(--iconSize) + 200px) !important; } .elementSocialButton_var72 .socialIcon { position:relative; width:var(--iconSize); height:var(--iconSize); min-width:var(--iconSize); } .elementSocialButton_var72 .socialLink { cursor:pointer; position:relative; padding:0 0.5rem; color:var(--baseColorWhite) !important; height:auto; white-space:nowrap; } .elementSocialButton_var110 { position:relative; margin-bottom:0 !important; } .elementSocialButton_var110 .socialIcon { background-image:url("/wLayout25/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:#147af6; } .elementSocialButtonType_varFacebook .socialIcon { background-position:0 0; } .elementSocialButtonType_varTwitter { background-color:#000000; } .elementSocialButtonType_varTwitter .socialIcon { background-position:11.11% 0; } .elementSocialButtonType_varThreads { background-color:#000000; } .elementSocialButtonType_varThreads .socialIcon { background-position:22.22% 22.22%; } .elementSocialButtonType_varGoogle { background-color:#DD4B39; } .elementSocialButtonType_varGoogle .socialIcon { background-position:22.22% 0; } .elementSocialButtonType_varPinterest { background-color:#BD081C; } .elementSocialButtonType_varPinterest .socialIcon { background-position:33.33% 0; } .elementSocialButtonType_varRSS { background-color:#FFA500; } .elementSocialButtonType_varRSS .socialIcon { background-position:44.44% 0; } .elementSocialButtonType_varMail { background-color:#A0A0A0; } .elementSocialButtonType_varMail .socialIcon { background-position:55.55% 0; } .elementSocialButtonType_varEncryptedInbox { background-color:#A9D819; } .elementSocialButtonType_varEncryptedInbox .socialIcon { background-position:66.66% 11.11%; } .elementSocialButtonType_varTelegram { background-color:#36abe0; } .elementSocialButtonType_varTelegram .socialIcon { background-position:88.88% 11.11%; } .elementSocialButtonType_varWhatsapp { background-color:#25D366; } .elementSocialButtonType_varWhatsapp .socialIcon { background-position:66.66% 0%; } .elementSocialButtonType_varInstagram { background:linear-gradient(145deg,#3051F1 10%,#C92BB7 70%); } .no-weditor .elementSocialButtonType_varInstagram { overflow:hidden; } .elementSocialButtonType_varInstagram:before { content:''; position:absolute; top:0; left:0; right:0; bottom:0; display:block; background:linear-gradient(45deg,#fdbf1c 0,#b800b2 100%) no-repeat; } .elementSocialButtonType_varInstagram .socialIcon { background-position:0 11.11%; } .elementSocialButtonType_varTiktok { background-color:#fe2c55; } .elementSocialButtonType_varTiktok .socialIcon { background-position:88.88% 0; } .elementSocialButtonType_varYoutube { background-color:#CD201F; } .elementSocialButtonType_varYoutube .socialIcon { background-position:11.11% 11.11%; } .elementSocialButtonType_varSpotify { background-color:#1ed760; } .elementSocialButtonType_varSpotify .socialIcon { background-position:99.99% 11.11%; } .elementSocialButtonType_varMusic { background-color:#f74e65; } .elementSocialButtonType_varMusic .socialIcon { background-position:0% 22.22%; } .elementSocialButtonType_varLinkedIn { background-color:#007BB6; } .elementSocialButtonType_varLinkedIn .socialIcon { background-position:22.22% 11.11%; } .elementSocialButtonType_varTumblr { background-color:#34465D; } .elementSocialButtonType_varTumblr .socialIcon { background-position:33.33% 11.11%; } .elementSocialButtonType_varXing { background-color:#00605E; } .elementSocialButtonType_varXing .socialIcon { background-position:44.44% 11.11%; } .elementSocialButtonType_varMastodon { background-color:#563acc; } .elementSocialButtonType_varMastodon .socialIcon { background-position:33.33% 22.22%; } .elementSocialButtonType_varKununu { background-color:#102b69; } .elementSocialButtonType_varKununu .socialIcon { background-position:44.44% 22.22%; } .elementSocialButtonType_varTel { background-color:#9B2424; } .elementSocialButtonType_varTel .socialIcon { background-position:55.55% 11.11%; } .elementSocialButtonType_varMap { background-color:#3992F0; } .elementSocialButtonType_varMap .socialIcon { background-position:11.11% 22.22%; } .elementSocialButtonBorderRadius_var0 { border-radius:0; } .elementSocialButtonFloat_var10 { float:none; clear:both; display:block; margin:0 0 0.5rem 0 !important; } .elementSocialButtonFloat_var25, .elementObjectContactPerson .elementObjectContactPersonSocialButtons .elementSocialButton { float:left; } .elementSocialButtonFloat_var75 { float:right; } .elementSocialButtonSize_var32 { width:32px; height:32px; --iconSize:32px; } .elementSocialButtonSize_var36, .elementObjectContactPerson .elementObjectContactPersonSocialButtons .elementSocialButton { width:36px; height:36px; --iconSize:36px; } .elementSocialButtonSize_var48 { width:48px; height:48px; --iconSize:48px; } .elementSocialButtonBackgroundColor_var99 { background:transparent; } .no-weditor .elementSocialButtonBackgroundColor_var99 { overflow:visible !important; } .elementSocialButtonBackgroundColor_var99:before { background:transparent; } .elementSocialButtonMargin_var10 { margin:0 !important; } .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:1rem; line-height:240%; margin:0; padding:0 1rem; border:solid 1px var(--borderColorLines); border-left:none; background-color:color-mix(in srgb,var(--baseColorBlack),transparent 90%); } .isDarkBackground .elementTabContainer_var0 .tabs > .tab, .isLightBackground .isDarkBackground .elementTabContainer_var0 .tabs > .tab { background-color:color-mix(in srgb,var(--baseColorWhite),transparent 90%); } .isLightBackground .elementTabContainer_var0 .tabs > .tab, .isDarkBackground .isLightBackground .elementTabContainer_var0 .tabs > .tab { background-color:color-mix(in srgb,var(--baseColorBlack),transparent 90%); } .elementTabContainer_var0 .tabs > .tab > div { white-space:nowrap; opacity:1; } .elementTabContainer_var0 .tabs > .tab:first-child { border-left:solid 1px var(--borderColorLines); } .elementTabContainer_var0 .tabs > .tab:hover { background-color:transparent; } .elementTabContainer_var0 .tabs > .tab.tabSelected { cursor:default; background-color:transparent; border-bottom:none; } .elementTabContainer_var0 .tabs:before { content:''; display:block; flex-grow:0; border-bottom:solid 1px var(--borderColorLines); } .elementTabContainer_var0 .tabs:after { content:''; display:block; flex-grow:1; border-bottom:solid 1px var(--borderColorLines); } .elementTabContainer_var0 .containers { clear:left; padding:1rem; background-color:transparent; border:solid 1px var(--borderColorLines); 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:1.4rem; line-height:130%; margin:0 0 1px 0; padding:10px 42px 10px 1rem; border:none; background-color:color-mix(in srgb,var(--baseColorBlack),transparent 90%); } .isDarkBackground .elementTabContainer_var0.breakChildren .containers > .containerTab, .isLightBackground .isDarkBackground .elementTabContainer_var0.breakChildren .containers > .containerTab { background-color:color-mix(in srgb,var(--baseColorWhite),transparent 90%); } .isLightBackground .elementTabContainer_var0.breakChildren .containers > .containerTab, .isDarkBackground .isLightBackground .elementTabContainer_var0.breakChildren .containers > .containerTab { background-color:color-mix(in srgb,var(--baseColorBlack),transparent 90%); } .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:var(--fontColorDefault); 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; } @media (prefers-contrast:more) { .elementTabContainer_var0 .tabs > .tab { border-color:var(--baseColorBlack); } } @media (prefers-contrast:more) { .elementTabContainer_var0 .tabs > .tab:first-child { border-color:var(--baseColorBlack); } } @media (prefers-contrast:more) { .elementTabContainer_var0 .tabs:before { border-color:var(--baseColorBlack); } } @media (prefers-contrast:more) { .elementTabContainer_var0 .tabs:after { border-color:var(--baseColorBlack); } } @media (prefers-contrast:more) { .elementTabContainer_var0 .containers { border-color:var(--baseColorBlack); } } .elementTabContainer_var10 .tabs { width:100%; position:relative; margin:0 0 2rem 0; padding:0; display:flex; justify-content:center; max-width:100%; flex-wrap:wrap; } .elementTabContainer_var10 .tabs > .tab { cursor:pointer; list-style:none; font-size:1rem; line-height:200%; margin:0; padding:0 1rem; border:solid 1px var(--borderColorLines); background-color:color-mix(in srgb,var(--baseColorBlack),transparent 90%); border-left-style:none; } .isDarkBackground .elementTabContainer_var10 .tabs > .tab, .isLightBackground .isDarkBackground .elementTabContainer_var10 .tabs > .tab { background-color:color-mix(in srgb,var(--baseColorWhite),transparent 90%); } .isLightBackground .elementTabContainer_var10 .tabs > .tab, .isDarkBackground .isLightBackground .elementTabContainer_var10 .tabs > .tab { background-color:color-mix(in srgb,var(--baseColorBlack),transparent 90%); } .elementTabContainer_var10 .tabs > .tab > div { white-space:nowrap; opacity:1; color:inherit; } .elementTabContainer_var10 .tabs > .tab:first-child { border-left-style:solid; border-radius:5px 0 0 5px; } .elementTabContainer_var10 .tabs > .tab:last-child { border-radius:0 5px 5px 0; } .elementTabContainer_var10 .tabs > .tab:hover { background-color:transparent; } .elementTabContainer_var10 .tabs > .tab.tabSelected { cursor:default; background-color:transparent; } .elementTabContainer_var10 .tabsOuter.breakChildren > .tabs > .tab { width:100%; text-align:center; border-radius:0; border-style:solid; margin-bottom:0; margin-left:0; margin-right:0; } .elementTabContainer_var10 .tabsOuter.breakChildren > .tabs > .tab:first-child { border-radius:5px 5px 0 0; } .elementTabContainer_var10 .tabsOuter.breakChildren > .tabs > .tab:last-child { border-radius:0 0 5px 5px; margin-bottom:4px; } .elementTabContainer_var10 .containers { clear:left; } .elementTabContainer_var10 .containers > .container { transition:opacity 0.3s ease; } .elementTabContainer_var10 .containers > .container.containerSelected { display:block; opacity:0; } .elementTabContainer_var10 .containers > .container.containerSelected.containerSelectedAfterInit { opacity:1; } .elementTabContainer_var10 .containers > .container.containerSelected > div:last-child { margin-bottom:0; } .elementTabContainer_var10 .containers > .container.containerInvisible { display:none; } .elementTabContainer_var10 .containers > .container.containerInvisible.containerInvisibleAfterInit { opacity:1; } @media (prefers-contrast:more) { .elementTabContainer_var10 .tabs > .tab { border-color:var(--baseColorBlack); } } @media (prefers-contrast:more) { .isDarkBackground .elementTabContainer_var10 .tabs > .tab, .isLightBackground .isDarkBackground .elementTabContainer_var10 .tabs > .tab { border-color:var(--baseColorWhite); } } .elementTabContainer_var50 .tabs { width:100%; position:relative; margin:0 0 2rem 0; padding:0 0 0 0; display:flex; justify-content:flex-start; max-width:100%; flex-wrap:wrap; border-bottom:solid 1px var(--borderColorLines); } .elementTabContainer_var50 .tabs > .tab { position:relative; cursor:pointer; list-style:none; font-size:1rem; line-height:200%; margin:0 1rem; border-bottom:solid 4px transparent; transition:border 0.3s ease; } .elementTabContainer_var50 .tabs > .tab:before { display:none; position:absolute; content:attr(data-label); white-space:nowrap; font-weight:bold; left:50%; transform:translateX(-50%); border-bottom:solid 4px var(--fontColorLink); } .elementTabContainer_var50 .tabs > .tab > div { white-space:nowrap; color:inherit; } .elementTabContainer_var50 .tabs > .tab:first-child { margin-left:0.1rem; } .elementTabContainer_var50 .tabs > .tab:last-child { margin-right:0; } .no-weditor .elementTabContainer_var50 .tabs > .tab.tabSelected, .no-weditor .elementTabContainer_var50 .tabs > .tab:hover { cursor:default; visibility:hidden; } .no-weditor .elementTabContainer_var50 .tabs > .tab.tabSelected:before, .no-weditor .elementTabContainer_var50 .tabs > .tab:hover:before { display:block; visibility:visible; } .isDarkBackground .no-weditor .elementTabContainer_var50 .tabs > .tab.tabSelected, .isLightBackground .isDarkBackground .no-weditor .elementTabContainer_var50 .tabs > .tab.tabSelected, .isDarkBackground .no-weditor .elementTabContainer_var50 .tabs > .tab:hover, .isLightBackground .isDarkBackground .no-weditor .elementTabContainer_var50 .tabs > .tab:hover { border-bottom:solid 4px var(--fontColorInverseLink); } .isLightBackground .no-weditor .elementTabContainer_var50 .tabs > .tab.tabSelected, .isDarkBackground .isLightBackground .no-weditor .elementTabContainer_var50 .tabs > .tab.tabSelected, .isLightBackground .no-weditor .elementTabContainer_var50 .tabs > .tab:hover, .isDarkBackground .isLightBackground .no-weditor .elementTabContainer_var50 .tabs > .tab:hover { border-bottom:solid 4px var(--fontColorLink); } .elementTabContainer_var50 .tabsOuter.breakChildren > .tabs > .tab { width:100%; text-align:center; margin:0 !important; } .elementTabContainer_var50 .containers { clear:left; } .elementTabContainer_var50 .containers > .container { transition:opacity 0.3s ease; } .elementTabContainer_var50 .containers > .container.containerSelected { display:block; opacity:0; } .elementTabContainer_var50 .containers > .container.containerSelected.containerSelectedAfterInit { opacity:1; } .elementTabContainer_var50 .containers > .container.containerSelected > div:last-child { margin-bottom:0; } .elementTabContainer_var50 .containers > .container.containerInvisible { display:none; } .elementTabContainer_var50 .containers > .container.containerInvisible.containerInvisibleAfterInit { opacity:1; } @media (prefers-contrast:more) { .no-weditor .elementTabContainer_var50 .tabs > .tab.tabSelected, .no-weditor .elementTabContainer_var50 .tabs > .tab:hover { border-color:var(--baseColorBlack); } } @media (prefers-contrast:more) { .isLightBackground .no-weditor .elementTabContainer_var50 .tabs > .tab.tabSelected, .isDarkBackground .isLightBackground .no-weditor .elementTabContainer_var50 .tabs > .tab.tabSelected, .isLightBackground .no-weditor .elementTabContainer_var50 .tabs > .tab:hover, .isDarkBackground .isLightBackground .no-weditor .elementTabContainer_var50 .tabs > .tab:hover { border-color:var(--baseColorBlack); } } table { font:inherit; color:inherit; border:none; } @media (prefers-contrast:more) { table { --borderColorTable:var(--baseColorBlack); --backgroundColorTableCellHightlighted:var(--baseColorWhite); --backgroundColorTableHeader:var(--baseColorBlack); } } th, td { vertical-align:top; } th.cellAlignCenter, td.cellAlignCenter { text-align:center !important; } th.cellAlignRight, td.cellAlignRight { text-align:right !important; } .elementTable_var0 { overflow-x:auto; } .elementTable_var0 table { width:100%; background-color:var(--backgroundColorTable); border-style:solid none none solid; border-width:1px; border-color:color-mix(in srgb,var(--borderColorTable),transparent 50%); margin-bottom:12px; border-spacing:0; } .elementTable_var0 table th { color:var(--fontColorDefault) !important; position:relative; border-style:none solid solid none; border-width:1px; border-color:var(--borderColorTable); padding:4px 8px; text-align:left; user-select:none; } .elementTable_var0 table th * { color:var(--fontColorDefault) !important; } .no-weditor .elementTable_var0 table th { background-color:var(--backgroundColorTableHeader) !important; color:var(--fontColorInverseDefault) !important; } .no-weditor .elementTable_var0 table th * { color:var(--fontColorInverseDefault) !important; } .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:var(--fontColorInverseDefault); } .elementTable_var0 table th .tableSortIcon span:last-child { top:12px; border-top-color:var(--fontColorInverseDefault); } .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:var(--borderColorTable); padding:4px 8px; color:var(--fontColorDefault) !important; } .elementTable_var0 table td * { color:var(--fontColorDefault) !important; } .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:var(--backgroundColorTableCellHightlighted); } .elementTable_var0 td.bgColor1, .elementTable_var0 th.bgColor1 { background-color:var(--backgroundColorTableCellHightlighted); } .elementTable_var0 table[data-responsivetype='labelValue'][data-head='nohead'] tbody td:before { display:none; } @media (max-width: 575px) { .elementTable_var0 table[data-responsivetype='labelValue'] { border-style:none; border-top:solid 2px var(--baseColorBlack); } .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:color-mix(in srgb,var(--borderColorTable),transparent 50%); line-height:180%; } .elementTable_var0 table[data-responsivetype='labelValue'] tbody td:last-child { border-color:var(--baseColorBlack); border-width:2px; } .elementTable_var0 table[data-responsivetype='labelValue'] tbody td:before { content:attr(data-label); display:inline-block; min-width:40%; margin-right:1rem; padding-right:1rem; text-align:right; background-color:var(--backgroundColorTableHeader) !important; color:var(--fontColorInverseDefault); } .elementTable_var0 table[data-responsivetype='labelValue'] tbody td:first-child[data-label=''] { padding-left:0.5rem; font-weight:bold; background:var(--backgroundColorTableHeader); color:var(--fontColorInverseDefault); } .elementTable_var0 table[data-responsivetype='labelValue'] tbody td:first-child[data-label='']:before { display:none; } } .elementTable_var10 { overflow-x:auto; } .elementTable_var10 table { width:100%; background-color:var(--backgroundColorTable); border:none; margin-bottom:12px; border-collapse:separate; border-spacing:0; } .elementTable_var10 table th { position:relative; border-style:none none solid none; border-width:1px; border-color:var(--borderColorTable); padding:4px 8px; text-align:left; user-select:none; } .elementTable_var10 table th .tableSortIcon { display:none; position:absolute; right:4px; top:6px; } .elementTable_var10 table th .tableSortIcon span { position:absolute; display:block; right:0; width:5px; height:5px; border:solid 5px transparent; opacity:0.2; } .elementTable_var10 table th .tableSortIcon span:first-child { border-bottom-color:var(--borderColorTable); } .elementTable_var10 table th .tableSortIcon span:last-child { top:12px; border-top-color:var(--borderColorTable); } .elementTable_var10 table th[data-sort-status='init'] { cursor:pointer; } .elementTable_var10 table th[data-sort-status='init'] .tableSortIcon { display:block; } .elementTable_var10 table th[data-sort-status='asc'] { cursor:pointer; } .elementTable_var10 table th[data-sort-status='asc'] .tableSortIcon { display:block; } .elementTable_var10 table th[data-sort-status='asc'] .tableSortIcon span:first-child { opacity:1; } .elementTable_var10 table th[data-sort-status='desc'] { cursor:pointer; } .elementTable_var10 table th[data-sort-status='desc'] .tableSortIcon { display:block; } .elementTable_var10 table th[data-sort-status='desc'] .tableSortIcon span:last-child { opacity:1; } .elementTable_var10 table td { border-style:none none solid none; border-width:1px; border-color:var(--borderColorTable); padding:4px 8px; color:var(--fontColorDefault) !important; } .elementTable_var10 table td * { color:var(--fontColorDefault) !important; } .elementTable_var10 table td[data-wrap-output='yes'] { white-space:pre; } .elementTable_var10 tr.highlighted, .elementTable_var10 th.highlighted, .elementTable_var10 td.highlighted { background-color:var(--backgroundColorTableCellHightlighted); } .elementTable_var10 td.bgColor1, .elementTable_var10 th.bgColor1 { background-color:var(--backgroundColorTableCellHightlighted); } .elementTable_var10 table[data-responsivetype='labelValue'][data-head='nohead'] tbody td:before { display:none; } @media (max-width: 414px) { .elementTable_var10 table[data-responsivetype='labelValue'] { border-style:none; border-top:solid 2px var(--borderColorTable); } .elementTable_var10 table[data-responsivetype='labelValue'] colgroup, .elementTable_var10 table[data-responsivetype='labelValue'] thead { display:none; } .elementTable_var10 table[data-responsivetype='labelValue'] tbody tr { display:block; } .elementTable_var10 table[data-responsivetype='labelValue'] tbody td { display:flex; padding:0; border-style:none none solid none; border-color:color-mix(in srgb,var(--borderColorTable),transparent 50%); line-height:180%; } .elementTable_var10 table[data-responsivetype='labelValue'] tbody td:last-child { border-color:var(--borderColorTable); border-width:2px; } .elementTable_var10 table[data-responsivetype='labelValue'] tbody td:before { content:attr(data-label); display:inline-block; min-width:40%; margin-right:1rem; padding-right:1rem; text-align:right; font-weight:bold; } .elementTable_var10 table[data-responsivetype='labelValue'] tbody td:first-child[data-label=''] { padding-left:0.5rem; font-weight:bold; background:var(--backgroundColorTableHeader); color:var(--fontColorInverseDefault) !important; } .elementTable_var10 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 { --fontSize:1rem; --fontWeight:200; --lineHeight:150%; position:static; margin-left:auto; margin-right:auto; } .elementText p, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonText p, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks p, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress p, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments p, .elementText li, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonText li, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks li, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress li, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments li { color:var(--fontColor) !important; font-size:var(--fontSize); font-weight:var(--fontWeight); line-height:var(--lineHeight); } .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 { margin:3px 2px 0 -0.8rem; width:0.8rem; height:0.8rem; } .elementText p, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonText p, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks p, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress p, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments p { margin-bottom:1rem; } .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:-0.75rem; } .elementText ol, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonText ol, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks ol, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress ol, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments ol { margin:0 0 1rem 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 1rem 0; padding:0 0 0 0; list-style:none; 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 { padding-left:1rem; 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 { content:'▪'; display:inline-block; margin:0 0 0 -1rem; width:1rem; height:1rem; vertical-align:top; } .elementText ul > li.hasList:before, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonText ul > li.hasList:before, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks ul > li.hasList:before, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress ul > li.hasList:before, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments ul > li.hasList:before { display:none; } .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("/wLayout25/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; } .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; list-style-position:inside; } .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:-1rem; } .elementText .wglInfoAiGeneratedText:after, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonText .wglInfoAiGeneratedText:after, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks .wglInfoAiGeneratedText:after, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress .wglInfoAiGeneratedText:after, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments .wglInfoAiGeneratedText:after { content:'KI'; position:absolute; right:0; margin-top:-1.2rem; padding:0 0.3rem; color:#ffffff; background-color:#000000; border:solid 1px #ffffff; border-radius:2rem; font-size:0.7rem; line-height:150%; } .elementText .wglInfoAiGeneratedText:hover:after, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonText .wglInfoAiGeneratedText:hover:after, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks .wglInfoAiGeneratedText:hover:after, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress .wglInfoAiGeneratedText:hover:after, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments .wglInfoAiGeneratedText:hover:after { content:'Leichte Sprache durch KI generiert'; } .elementText[data-wais='1'] p { max-width:640px; } .elementText .additionalPicturesWai, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonText .additionalPicturesWai, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks .additionalPicturesWai, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress .additionalPicturesWai, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments .additionalPicturesWai { float:right; width:320px; margin-left:1rem; } .elementText .additionalPicturesWai .additionalPictureWai, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonText .additionalPicturesWai .additionalPictureWai, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks .additionalPicturesWai .additionalPictureWai, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress .additionalPicturesWai .additionalPictureWai, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments .additionalPicturesWai .additionalPictureWai { margin:0 0 1rem 0; } .elementText .additionalPicturesWai .additionalPictureWai img, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonText .additionalPicturesWai .additionalPictureWai img, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks .additionalPicturesWai .additionalPictureWai img, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress .additionalPicturesWai .additionalPictureWai img, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments .additionalPicturesWai .additionalPictureWai img { display:block; max-width:100%; } .elementTextSize_var30 { --fontSize:0.9rem; --lineHeight:135%; } .elementTextSize_var70 { --fontSize:1.5rem; --lineHeight:130%; } .elementVideo { display:block; position:relative; } .elementVideo > div { background-color:#000000; position:relative; } .elementVideo > div[data-notyetstarted="1"]:not([data-hidebuttons]):before, .elementVideo > div[data-finished="1"]:not([data-hidebuttons]):before, .elementVideo > div[data-paused="1"]:not(:has(div.videoControls)):not([data-hidebuttons]):before { content:''; pointer-events:none; display:block; z-index:1; 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"]:not([data-hidebuttons]):after, .elementVideo > div[data-finished="1"]:not([data-hidebuttons]):after, .elementVideo > div[data-paused="1"]:not(:has(div.videoControls)):not([data-hidebuttons]):after { content:''; pointer-events:none; display:block; z-index:1; 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 > video::cue { color:#ffffff; background:rgba(0,0,0,0.8); font-size:0.9rem; text-shadow:2px 2px 4px rgba(0,0,0,0.5); } .elementVideo > div > a.videoLightboxLink { display:block; } .elementVideo > div > a.videoLightboxLink img { display:block; width:100%; } .elementVideo > div .videoPoster { position:absolute; pointer-events:none; } .elementVideo > div .videoPreview { max-width:100%; } .elementVideo > div .videoControls { opacity:0; position:absolute; bottom:0; width:100%; height:32px; background:#00000033; transition:opacity 0.3s linear; } .elementVideo > div .videoControls:focus-within { opacity:1; } .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("/wLayout25/wGlobal/layout/images/icons/optimized/video-controls@fill(ffffff).svg"); } .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, .elementVideo > div .videoControls input:focus-visible { outline:2px solid black; outline-offset:2px; } .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 .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[data-allowchangespeed='1'] .seekBar { width:calc(100% - 200px); } .elementVideo > div .videoControls[data-hassubtitle='1'][data-allowchangespeed='1'] .seekBar { width:calc(100% - 232px); } .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:16px; } .elementVideo > div .videoControls[data-hassubtitle='1'] .timeDisplay { right:96px; } .elementVideo > div .videoControls[data-allowchangespeed='1'] .timeDisplay { right:96px; } .elementVideo > div .videoControls[data-hassubtitle='1'][data-allowchangespeed='1'] .timeDisplay { right:128px; } .elementVideo > div .videoControls .groupSpeed { position:absolute; right:64px; width:32px; height:32px; } .elementVideo > div .videoControls .groupSpeed .buttonSpeed { display:block; right:0; background:none; width:30px; height:20px; border:solid 2px #ffffff; margin:6px 0 0 0; font-size:12px; line-height:15px; } .elementVideo > div .videoControls .groupSpeed .speedBar { display:none; } .elementVideo > div .videoControls .groupSpeed:hover .speedBar, .elementVideo > div .videoControls .groupSpeed:focus .speedBar { display:block; transform:rotate(-90deg); width:72px; position:absolute; right:0px; bottom:104px; background:#00000033; padding:0 6px; transform-origin:100% 100%; } .elementVideo > div .videoControls[data-hassubtitle='1'] .groupSpeed { right:100px; } .elementVideo > div .videoControls .groupVolume { position:absolute; right:32px; width:32px; height:32px; } .elementVideo > div .videoControls .groupVolume .buttonMute { display:block; right:0; background-position:-96px; } .elementVideo > div .videoControls .groupVolume .volumeBar { display:none; } .elementVideo > div .videoControls .groupVolume:hover .volumeBar, .elementVideo > div .videoControls .groupVolume:focus .volumeBar { display:block; transform:rotate(-90deg); width:72px; position:absolute; right:0px; bottom:104px; background:#00000033; 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 #DDDDDD; } .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:0.9rem; 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 #DDDDDD; } .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:var(--backgroundColorLight1); } .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:140%; 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 #000000; } .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"]:not([data-hidebuttons]):before, .elementVideo_var0 > div[data-finished="1"]:not([data-hidebuttons]):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"]:not([data-hidebuttons]):after, .elementVideo_var0 > div[data-finished="1"]:not([data-hidebuttons]):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_var1 > div > video { object-fit:contain; } .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:var(--backgroundColorWhite); padding:1.4rem; border:solid 1px #DDDDDD; } .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:1.4rem; margin:0; } .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonTitle h1 { font-size:1.6rem; 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 .listEntry:focus-visible { border:inset; } .listBannerSlider .listEntryOfEntries { text-align:right; font-size:1rem; line-height:210%; 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:0.9rem; line-height:140%; color:var(--fontColorWeak); background:var(--baseColorWhite); } .listBannerSlider .listEntryCalendar { display:block; margin:0 20px 0 0; width:64px; text-align:center; border:solid 1px var(--baseColorPrimary1); } .listBannerSlider .listEntryCalendar .day { display:block; font-size:2.0rem; line-height:48px; } .listBannerSlider .listEntryCalendar .month { display:block; color:var(--baseColorWhite); background:var(--baseColorPrimary1); } .listBannerSlider .listEntryVideoAnimationControls { position:absolute; right:16px; bottom:16px; display:block; z-index:4; } .listBannerSlider .listEntryVideoAnimationControls .listEntryVideoAnimationStart { display:none; width:24px; height:24px; cursor:pointer; } .listBannerSlider .listEntryVideoAnimationControls .listEntryVideoAnimationStart:before { content:''; display:block; position:absolute; width:24px; height:24px; border:solid 12px transparent; border-left:solid 20px #FFFFFF; } .listBannerSlider .listEntryVideoAnimationControls .listEntryVideoAnimationPause { display:none; width:24px; height:24px; cursor:pointer; } .listBannerSlider .listEntryVideoAnimationControls .listEntryVideoAnimationPause:before { content:''; display:block; position:absolute; width:10px; height:24px; background-color:var(--baseColorWhite); } .listBannerSlider .listEntryVideoAnimationControls .listEntryVideoAnimationPause:after { content:''; display:block; position:absolute; left:14px; width:10px; height:24px; background-color:var(--baseColorWhite); } .listBannerSlider .listEntryVideoAnimationControls.play-0 .listEntryVideoAnimationStart { display:block; } .listBannerSlider .listEntryVideoAnimationControls.play-1 .listEntryVideoAnimationPause { display:block; } @media (min-width:768px) { .listBannerSlider .listEntryLottieFileMin { display:none; } } @media (max-width:767px) { .listBannerSlider .listEntryLottieFileDefault { display:none; } } .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; } .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:30px; 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 .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:var(--baseColorWhite); } .listBannerSlider_var0 .listEntries .listAnimationControls .listAnimationPause:after { content:''; display:block; position:absolute; left:14px; width:10px; height:24px; background-color:var(--baseColorWhite); } .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(768px - 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_var120 { position:relative; overflow:visible; } .listBannerSlider_var120 .listEntries { width:100%; height:100%; position:relative; overflow:hidden; margin:0 auto; } .listBannerSlider_var120 .listEntries .listEntriesInner { height:100%; } .listBannerSlider_var120 .listEntries .listEntry { display:none; overflow:hidden; height:var(--heightApp, 100vh); width:100%; } .listBannerSlider_var120 .listEntries .listEntry .listEntryInner { position:relative; height:100%; } .listBannerSlider_var120 .listEntries .listEntry .listEntryBackgroundContainer { height:100%; } .listBannerSlider_var120 .listEntries .listEntry .listEntryBackgroundContainer > div { height:100%; background-size:cover; background-position:center; } .listBannerSlider_var120 .listEntries .listEntry .listEntryBackgroundContainer > picture { height:100% !important; } .listBannerSlider_var120 .listEntries .listEntry .listEntryBackgroundContainer > picture > img { height:100%; width:100%; object-fit:cover; } .listBannerSlider_var120 .listEntries .listEntry a { text-decoration:none; color:inherit; } .listBannerSlider_var120 .listEntries .listEntry .listEntryButtons { position:absolute; top:26px; right:0; } .listBannerSlider_var120 .listEntries .listEntry .listEntryImage { display:block; } .listBannerSlider_var120 .listEntries .listEntry .listEntryVideo { display:block; width:100%; height:auto; } .listBannerSlider_var120 .listEntries .listEntry .listEntryData-scrollDown { height:32px; width:64px; margin:1rem auto 0 auto; display:block; cursor:pointer; transition:all 0.1s linear; clear:both; } .listBannerSlider_var120 .listEntries .listEntry .listEntryData-scrollDown:hover { transform:scale(1.1); } .listBannerSlider_var120 .listEntries .listEntry .listEntryData-scrollDown:before, .listBannerSlider_var120 .listEntries .listEntry .listEntryData-scrollDown:after { transition:all 0.3s ease-in-out; content:''; position:absolute; margin:0 0 0 0; display:block; width:24px; height:4px; background-color:var(--backgroundColorWhite); box-shadow:0 0 2px 0px #DDDDDD; } .listBannerSlider_var120 .listEntries .listEntry .listEntryData-scrollDown:before { margin:16px 0 0 12px; transform:rotate(40deg); } .listBannerSlider_var120 .listEntries .listEntry .listEntryData-scrollDown:after { margin:16px 0 0 28px; transform:rotate(-40deg); } .listBannerSlider_var120 .listEntries .listEntry.listEntrySelected { display:block; } @media (min-width: 992px) { .listBannerSlider_var120 .listEntries .listEntry { height:var(--heightApp, 100vh); } } .listBannerSlider_var400 { position:relative; overflow:hidden; } .listBannerSlider_var400 .listEntries { background-color:transparent; padding:0 64px; } .listBannerSliderPrevNext_var0.listBannerSlider_var400 .listEntries { padding:0 0; } .listBannerSlider_var400 .listEntries .listEntriesInner { position:relative; overflow:hidden; margin:0 -8px; } .listBannerSlider_var400 .listEntries .listEntriesInner > div { position:relative; width:calc(10000% + (2 * 8px)); overflow:hidden; } .listBannerSlider_var400 .listEntries .listEntry { display:block; float:left; width:calc((10000%) / 10000 - ((2 * 8px))); overflow:hidden; position:relative; margin:0 8px; } .listBannerSlider_var400 .listEntries .listEntry .listEntryButtons { position:absolute; right:0; } .listBannerSlider_var400 .listEntries .listEntry .listEntryImage { width:100%; height:auto; display:block; } .listBannerSlider_var400 .listEntries .listEntry .listEntryImage img { display:block; } .listBannerSlider_var400 .listEntries .listEntry .listEntryInfoLayer { padding:1rem; text-align:center; } .listBannerSlider_var400 .listEntries .listEntry .listEntryInfoLayer .listEntryTitle { font-size:1.5rem; line-height:125%; font-weight:bold; padding:0.5rem 0; } .listBannerSlider_var400 .listEntries .listEntry .listEntryInfoLayer .listEntryLink > * { margin-top:1.25rem; display:block; } .listBannerSliderInfolayer_var401.listBannerSlider_var400 .listEntries .listEntry .listEntryInfoLayer { display:none; } .listBannerSliderInfolayer_var402.listBannerSlider_var400 .listEntries .listEntry .listEntryInfoLayer { position:absolute; top:0; height:100%; display:flex; align-items:center; justify-content:center; padding:1rem; } .listBannerSliderInfolayer_var402.listBannerSlider_var400 .listEntries .listEntry .listEntryInfoLayer .listEntryTitle { font-size:1.5rem; line-height:125%; font-weight:bold; color:var(--fontColorInverseEntryTitle); background-color:transparent; text-shadow:0 0 0.5rem rgba(0,0,0,0.3); margin-bottom:0.4rem; } .listBannerSliderInfolayer_var402.listBannerSlider_var400 .listEntries .listEntry .listEntryInfoLayer .listEntryDescription { font-size:1rem; color:var(--fontColorInverseEntryTitle); background-color:transparent; line-height:125%; text-shadow:0 0 0.5rem rgba(0,0,0,0.3); } .listBannerSliderInfolayer_var402.listBannerSlider_var400 .listEntries .listEntry .listEntryInfoLayer .listEntryDescription * { color:inherit; } .listBannerSliderInfolayer_var402.listBannerSlider_var400 .listEntries .listEntry .listEntryInfoLayer .listEntryDescription p:last-child { margin-bottom:0; } .listBannerSliderInfolayer_var402.listBannerSlider_var400 .listEntries .listEntry .listEntryInfoLayer .listEntryLink > * { margin-top:1.25rem; } .listBannerSliderInfolayer_var403.listBannerSlider_var400 .listEntries .listEntry .listEntryInfoLayer { position:absolute; padding:1rem; bottom:0; width:100%; background-color:rgba(255,255,255,0.75); } .listBannerSlider_var400.firstEntryVisible .listMoverBack { opacity:0; pointer-events:none; } .listBannerSlider_var400.lastEntryVisible .listMoverForward { opacity:0; pointer-events:none; } .listBannerSlider_var400 .listEntriesPreview { width:100%; } .listBannerSlider_var400 .listEntriesPreview > div { text-align:center; padding:0; } .listBannerSlider_var400 .listEntriesPreview .listEntry { position:relative; display:inline-block; cursor:pointer; margin:0 3px; } .listBannerSlider_var400 .listEntriesPreview .listEntry .listEntryInner { display:inline-block; padding:0; margin:9px 3px; width:16px; height:16px; background-color:var(--backgroundColorDark1); border-radius:50%; box-shadow:0 0 4px 0 rgba(255,255,255,0.3); } .listBannerSlider_var400 .listEntriesPreview .listEntry:hover .listEntryInner, .listBannerSlider_var400 .listEntriesPreview .listEntry.listEntrySelected .listEntryInner, .listBannerSlider_var400 .listEntriesPreview .listEntry.listEntryProgress .listEntryInner { border-color:var(--borderColorLines); background-color:#F0F0F0; box-shadow:0 0 4px 0 rgba(0,0,0,0.3); } .listBannerSlider_var400 .listEntriesPreview .listEntry:first-child:last-child { display:none; } @media (min-width: 576px) { .listBannerSlider_var400 .listEntries .listEntry { width:calc((5000%) / 10000 - ((2 * 8px))); } .listBannerSliderCols_var101.listBannerSlider_var400 .listEntries .listEntry { width:calc((10000%) / 10000 - ((2 * 8px))); } } @media (min-width: 768px) { .listBannerSlider_var400 .listEntries .listEntry { width:calc((3333.3333333333%) / 10000 - ((2 * 8px))); } .listBannerSliderCols_var101.listBannerSlider_var400 .listEntries .listEntry { width:calc((10000%) / 10000 - ((2 * 8px))); } .listBannerSliderCols_var102.listBannerSlider_var400 .listEntries .listEntry { width:calc((5000%) / 10000 - ((2 * 8px))); } .listBannerSliderCols_var103.listBannerSlider_var400 .listEntries .listEntry { width:calc((3333.3333333333%) / 10000 - ((2 * 8px))); } .listBannerSliderCols_var104.listBannerSlider_var400 .listEntries .listEntry { width:calc((2500%) / 10000 - ((2 * 8px))); } .listBannerSliderCols_var105.listBannerSlider_var400 .listEntries .listEntry { width:calc((2000%) / 10000 - ((2 * 8px))); } .listBannerSliderCols_var106.listBannerSlider_var400 .listEntries .listEntry { width:calc((1666.6666666667%) / 10000 - ((2 * 8px))); } } @media (min-width: 576px) and (max-width: 767px) { .listBannerSliderCols_var102.listBannerSlider_var400 .listEntriesPreview .listEntry.listEntrySelected:nth-child(2n+2),.listBannerSliderCols_var103.listBannerSlider_var400 .listEntriesPreview .listEntry.listEntrySelected:nth-child(2n+2),.listBannerSliderCols_var104.listBannerSlider_var400 .listEntriesPreview .listEntry.listEntrySelected:nth-child(2n+2),.listBannerSliderCols_var105.listBannerSlider_var400 .listEntriesPreview .listEntry.listEntrySelected:nth-child(2n+2),.listBannerSliderCols_var106.listBannerSlider_var400 .listEntriesPreview .listEntry.listEntrySelected:nth-child(2n+2) { display:inline-block; } .listBannerSliderCols_var102.listBannerSlider_var400 .listEntriesPreview .listEntry.listEntrySelected:nth-child(2n+2) + .listEntry,.listBannerSliderCols_var103.listBannerSlider_var400 .listEntriesPreview .listEntry.listEntrySelected:nth-child(2n+2) + .listEntry,.listBannerSliderCols_var104.listBannerSlider_var400 .listEntriesPreview .listEntry.listEntrySelected:nth-child(2n+2) + .listEntry,.listBannerSliderCols_var105.listBannerSlider_var400 .listEntriesPreview .listEntry.listEntrySelected:nth-child(2n+2) + .listEntry,.listBannerSliderCols_var106.listBannerSlider_var400 .listEntriesPreview .listEntry.listEntrySelected:nth-child(2n+2) + .listEntry { display:none; } .listBannerSliderCols_var102.listBannerSlider_var400 .listEntriesPreview .listEntry:nth-child(2n + 2),.listBannerSliderCols_var102.listBannerSlider_var400 .listEntriesPreview .listEntry:nth-last-child(1),.listBannerSliderCols_var103.listBannerSlider_var400 .listEntriesPreview .listEntry:nth-child(2n + 2),.listBannerSliderCols_var103.listBannerSlider_var400 .listEntriesPreview .listEntry:nth-last-child(1),.listBannerSliderCols_var104.listBannerSlider_var400 .listEntriesPreview .listEntry:nth-child(2n + 2),.listBannerSliderCols_var104.listBannerSlider_var400 .listEntriesPreview .listEntry:nth-last-child(1),.listBannerSliderCols_var105.listBannerSlider_var400 .listEntriesPreview .listEntry:nth-child(2n + 2),.listBannerSliderCols_var105.listBannerSlider_var400 .listEntriesPreview .listEntry:nth-last-child(1),.listBannerSliderCols_var106.listBannerSlider_var400 .listEntriesPreview .listEntry:nth-child(2n + 2),.listBannerSliderCols_var106.listBannerSlider_var400 .listEntriesPreview .listEntry:nth-last-child(1) { display:none; } .listBannerSliderCols_var102.listBannerSlider_var400 .listEntriesPreview .listEntry:nth-last-child(2),.listBannerSliderCols_var103.listBannerSlider_var400 .listEntriesPreview .listEntry:nth-last-child(2),.listBannerSliderCols_var104.listBannerSlider_var400 .listEntriesPreview .listEntry:nth-last-child(2),.listBannerSliderCols_var105.listBannerSlider_var400 .listEntriesPreview .listEntry:nth-last-child(2),.listBannerSliderCols_var106.listBannerSlider_var400 .listEntriesPreview .listEntry:nth-last-child(2) { display:inline-block; } .listBannerSliderCols_var102.listBannerSlider_var400 .listEntriesPreview .listEntry:first-child:nth-last-child(2),.listBannerSliderCols_var103.listBannerSlider_var400 .listEntriesPreview .listEntry:first-child:nth-last-child(2),.listBannerSliderCols_var104.listBannerSlider_var400 .listEntriesPreview .listEntry:first-child:nth-last-child(2),.listBannerSliderCols_var105.listBannerSlider_var400 .listEntriesPreview .listEntry:first-child:nth-last-child(2),.listBannerSliderCols_var106.listBannerSlider_var400 .listEntriesPreview .listEntry:first-child:nth-last-child(2) { display:none; } } @media (min-width: 768px) { .listBannerSliderCols_var102.listBannerSlider_var400 .listEntriesPreview .listEntry.listEntrySelected:nth-child(2n+2) { display:inline-block; } .listBannerSliderCols_var102.listBannerSlider_var400 .listEntriesPreview .listEntry.listEntrySelected:nth-child(2n+2) + .listEntry { display:none; } .listBannerSliderCols_var102.listBannerSlider_var400 .listEntriesPreview .listEntry:nth-child(2n + 2),.listBannerSliderCols_var102.listBannerSlider_var400 .listEntriesPreview .listEntry:nth-last-child(1) { display:none; } .listBannerSliderCols_var102.listBannerSlider_var400 .listEntriesPreview .listEntry:nth-last-child(2) { display:inline-block; } .listBannerSliderCols_var102.listBannerSlider_var400 .listEntriesPreview .listEntry:first-child:nth-last-child(2) { display:none; } .listBannerSliderCols_var103.listBannerSlider_var400 .listEntriesPreview .listEntry.listEntrySelected:nth-child(3n+2),.listBannerSliderCols_var103.listBannerSlider_var400 .listEntriesPreview .listEntry.listEntrySelected:nth-child(3n+3) { display:inline-block; } .listBannerSliderCols_var103.listBannerSlider_var400 .listEntriesPreview .listEntry.listEntrySelected:nth-child(3n+2) + .listEntry,.listBannerSliderCols_var103.listBannerSlider_var400 .listEntriesPreview .listEntry.listEntrySelected:nth-child(3n+2) + .listEntry + .listEntry,.listBannerSliderCols_var103.listBannerSlider_var400 .listEntriesPreview .listEntry.listEntrySelected:nth-child(3n+3) + .listEntry,.listBannerSliderCols_var103.listBannerSlider_var400 .listEntriesPreview .listEntry.listEntrySelected:nth-child(3n+3) + .listEntry + .listEntry { display:none; } .listBannerSliderCols_var103.listBannerSlider_var400 .listEntriesPreview .listEntry:nth-child(3n + 2),.listBannerSliderCols_var103.listBannerSlider_var400 .listEntriesPreview .listEntry:nth-child(3n + 3),.listBannerSliderCols_var103.listBannerSlider_var400 .listEntriesPreview .listEntry:nth-last-child(1),.listBannerSliderCols_var103.listBannerSlider_var400 .listEntriesPreview .listEntry:nth-last-child(2) { display:none; } .listBannerSliderCols_var103.listBannerSlider_var400 .listEntriesPreview .listEntry:nth-last-child(3) { display:inline-block; } .listBannerSliderCols_var103.listBannerSlider_var400 .listEntriesPreview .listEntry:first-child:nth-last-child(3) { display:none; } .listBannerSliderCols_var104.listBannerSlider_var400 .listEntriesPreview .listEntry.listEntrySelected:nth-child(4n+2),.listBannerSliderCols_var104.listBannerSlider_var400 .listEntriesPreview .listEntry.listEntrySelected:nth-child(4n+3),.listBannerSliderCols_var104.listBannerSlider_var400 .listEntriesPreview .listEntry.listEntrySelected:nth-child(4n+4) { display:inline-block; } .listBannerSliderCols_var104.listBannerSlider_var400 .listEntriesPreview .listEntry.listEntrySelected:nth-child(4n+2) + .listEntry,.listBannerSliderCols_var104.listBannerSlider_var400 .listEntriesPreview .listEntry.listEntrySelected:nth-child(4n+2) + .listEntry + .listEntry,.listBannerSliderCols_var104.listBannerSlider_var400 .listEntriesPreview .listEntry.listEntrySelected:nth-child(4n+2) + .listEntry + .listEntry + .listEntry,.listBannerSliderCols_var104.listBannerSlider_var400 .listEntriesPreview .listEntry.listEntrySelected:nth-child(4n+3) + .listEntry,.listBannerSliderCols_var104.listBannerSlider_var400 .listEntriesPreview .listEntry.listEntrySelected:nth-child(4n+3) + .listEntry + .listEntry,.listBannerSliderCols_var104.listBannerSlider_var400 .listEntriesPreview .listEntry.listEntrySelected:nth-child(4n+3) + .listEntry + .listEntry + .listEntry,.listBannerSliderCols_var104.listBannerSlider_var400 .listEntriesPreview .listEntry.listEntrySelected:nth-child(4n+4) + .listEntry,.listBannerSliderCols_var104.listBannerSlider_var400 .listEntriesPreview .listEntry.listEntrySelected:nth-child(4n+4) + .listEntry + .listEntry,.listBannerSliderCols_var104.listBannerSlider_var400 .listEntriesPreview .listEntry.listEntrySelected:nth-child(4n+4) + .listEntry + .listEntry + .listEntry { display:none; } .listBannerSliderCols_var104.listBannerSlider_var400 .listEntriesPreview .listEntry:nth-child(4n + 2),.listBannerSliderCols_var104.listBannerSlider_var400 .listEntriesPreview .listEntry:nth-child(4n + 3),.listBannerSliderCols_var104.listBannerSlider_var400 .listEntriesPreview .listEntry:nth-child(4n + 4),.listBannerSliderCols_var104.listBannerSlider_var400 .listEntriesPreview .listEntry:nth-last-child(1),.listBannerSliderCols_var104.listBannerSlider_var400 .listEntriesPreview .listEntry:nth-last-child(2),.listBannerSliderCols_var104.listBannerSlider_var400 .listEntriesPreview .listEntry:nth-last-child(3) { display:none; } .listBannerSliderCols_var104.listBannerSlider_var400 .listEntriesPreview .listEntry:nth-last-child(4) { display:inline-block; } .listBannerSliderCols_var104.listBannerSlider_var400 .listEntriesPreview .listEntry:first-child:nth-last-child(4) { display:none; } .listBannerSliderCols_var105.listBannerSlider_var400 .listEntriesPreview .listEntry.listEntrySelected:nth-child(5n+2),.listBannerSliderCols_var105.listBannerSlider_var400 .listEntriesPreview .listEntry.listEntrySelected:nth-child(5n+3),.listBannerSliderCols_var105.listBannerSlider_var400 .listEntriesPreview .listEntry.listEntrySelected:nth-child(5n+4),.listBannerSliderCols_var105.listBannerSlider_var400 .listEntriesPreview .listEntry.listEntrySelected:nth-child(5n+5) { display:inline-block; } .listBannerSliderCols_var105.listBannerSlider_var400 .listEntriesPreview .listEntry.listEntrySelected:nth-child(5n+2) + .listEntry,.listBannerSliderCols_var105.listBannerSlider_var400 .listEntriesPreview .listEntry.listEntrySelected:nth-child(5n+2) + .listEntry + .listEntry,.listBannerSliderCols_var105.listBannerSlider_var400 .listEntriesPreview .listEntry.listEntrySelected:nth-child(5n+2) + .listEntry + .listEntry + .listEntry,.listBannerSliderCols_var105.listBannerSlider_var400 .listEntriesPreview .listEntry.listEntrySelected:nth-child(5n+2) + .listEntry + .listEntry + .listEntry + .listEntry,.listBannerSliderCols_var105.listBannerSlider_var400 .listEntriesPreview .listEntry.listEntrySelected:nth-child(5n+3) + .listEntry,.listBannerSliderCols_var105.listBannerSlider_var400 .listEntriesPreview .listEntry.listEntrySelected:nth-child(5n+3) + .listEntry + .listEntry,.listBannerSliderCols_var105.listBannerSlider_var400 .listEntriesPreview .listEntry.listEntrySelected:nth-child(5n+3) + .listEntry + .listEntry + .listEntry,.listBannerSliderCols_var105.listBannerSlider_var400 .listEntriesPreview .listEntry.listEntrySelected:nth-child(5n+3) + .listEntry + .listEntry + .listEntry + .listEntry,.listBannerSliderCols_var105.listBannerSlider_var400 .listEntriesPreview .listEntry.listEntrySelected:nth-child(5n+4) + .listEntry,.listBannerSliderCols_var105.listBannerSlider_var400 .listEntriesPreview .listEntry.listEntrySelected:nth-child(5n+4) + .listEntry + .listEntry,.listBannerSliderCols_var105.listBannerSlider_var400 .listEntriesPreview .listEntry.listEntrySelected:nth-child(5n+4) + .listEntry + .listEntry + .listEntry,.listBannerSliderCols_var105.listBannerSlider_var400 .listEntriesPreview .listEntry.listEntrySelected:nth-child(5n+4) + .listEntry + .listEntry + .listEntry + .listEntry,.listBannerSliderCols_var105.listBannerSlider_var400 .listEntriesPreview .listEntry.listEntrySelected:nth-child(5n+5) + .listEntry,.listBannerSliderCols_var105.listBannerSlider_var400 .listEntriesPreview .listEntry.listEntrySelected:nth-child(5n+5) + .listEntry + .listEntry,.listBannerSliderCols_var105.listBannerSlider_var400 .listEntriesPreview .listEntry.listEntrySelected:nth-child(5n+5) + .listEntry + .listEntry + .listEntry,.listBannerSliderCols_var105.listBannerSlider_var400 .listEntriesPreview .listEntry.listEntrySelected:nth-child(5n+5) + .listEntry + .listEntry + .listEntry + .listEntry { display:none; } .listBannerSliderCols_var105.listBannerSlider_var400 .listEntriesPreview .listEntry:nth-child(5n + 2),.listBannerSliderCols_var105.listBannerSlider_var400 .listEntriesPreview .listEntry:nth-child(5n + 3),.listBannerSliderCols_var105.listBannerSlider_var400 .listEntriesPreview .listEntry:nth-child(5n + 4),.listBannerSliderCols_var105.listBannerSlider_var400 .listEntriesPreview .listEntry:nth-child(5n + 5),.listBannerSliderCols_var105.listBannerSlider_var400 .listEntriesPreview .listEntry:nth-last-child(1),.listBannerSliderCols_var105.listBannerSlider_var400 .listEntriesPreview .listEntry:nth-last-child(2),.listBannerSliderCols_var105.listBannerSlider_var400 .listEntriesPreview .listEntry:nth-last-child(3),.listBannerSliderCols_var105.listBannerSlider_var400 .listEntriesPreview .listEntry:nth-last-child(4) { display:none; } .listBannerSliderCols_var105.listBannerSlider_var400 .listEntriesPreview .listEntry:nth-last-child(5) { display:inline-block; } .listBannerSliderCols_var105.listBannerSlider_var400 .listEntriesPreview .listEntry:first-child:nth-last-child(5) { display:none; } .listBannerSliderCols_var106.listBannerSlider_var400 .listEntriesPreview .listEntry.listEntrySelected:nth-child(6n+2),.listBannerSliderCols_var106.listBannerSlider_var400 .listEntriesPreview .listEntry.listEntrySelected:nth-child(6n+3),.listBannerSliderCols_var106.listBannerSlider_var400 .listEntriesPreview .listEntry.listEntrySelected:nth-child(6n+4),.listBannerSliderCols_var106.listBannerSlider_var400 .listEntriesPreview .listEntry.listEntrySelected:nth-child(6n+5),.listBannerSliderCols_var106.listBannerSlider_var400 .listEntriesPreview .listEntry.listEntrySelected:nth-child(6n+6) { display:inline-block; } .listBannerSliderCols_var106.listBannerSlider_var400 .listEntriesPreview .listEntry.listEntrySelected:nth-child(6n+2) + .listEntry,.listBannerSliderCols_var106.listBannerSlider_var400 .listEntriesPreview .listEntry.listEntrySelected:nth-child(6n+2) + .listEntry + .listEntry,.listBannerSliderCols_var106.listBannerSlider_var400 .listEntriesPreview .listEntry.listEntrySelected:nth-child(6n+2) + .listEntry + .listEntry + .listEntry,.listBannerSliderCols_var106.listBannerSlider_var400 .listEntriesPreview .listEntry.listEntrySelected:nth-child(6n+2) + .listEntry + .listEntry + .listEntry + .listEntry,.listBannerSliderCols_var106.listBannerSlider_var400 .listEntriesPreview .listEntry.listEntrySelected:nth-child(6n+2) + .listEntry + .listEntry + .listEntry + .listEntry + .listEntry,.listBannerSliderCols_var106.listBannerSlider_var400 .listEntriesPreview .listEntry.listEntrySelected:nth-child(6n+3) + .listEntry,.listBannerSliderCols_var106.listBannerSlider_var400 .listEntriesPreview .listEntry.listEntrySelected:nth-child(6n+3) + .listEntry + .listEntry,.listBannerSliderCols_var106.listBannerSlider_var400 .listEntriesPreview .listEntry.listEntrySelected:nth-child(6n+3) + .listEntry + .listEntry + .listEntry,.listBannerSliderCols_var106.listBannerSlider_var400 .listEntriesPreview .listEntry.listEntrySelected:nth-child(6n+3) + .listEntry + .listEntry + .listEntry + .listEntry,.listBannerSliderCols_var106.listBannerSlider_var400 .listEntriesPreview .listEntry.listEntrySelected:nth-child(6n+3) + .listEntry + .listEntry + .listEntry + .listEntry + .listEntry,.listBannerSliderCols_var106.listBannerSlider_var400 .listEntriesPreview .listEntry.listEntrySelected:nth-child(6n+4) + .listEntry,.listBannerSliderCols_var106.listBannerSlider_var400 .listEntriesPreview .listEntry.listEntrySelected:nth-child(6n+4) + .listEntry + .listEntry,.listBannerSliderCols_var106.listBannerSlider_var400 .listEntriesPreview .listEntry.listEntrySelected:nth-child(6n+4) + .listEntry + .listEntry + .listEntry,.listBannerSliderCols_var106.listBannerSlider_var400 .listEntriesPreview .listEntry.listEntrySelected:nth-child(6n+4) + .listEntry + .listEntry + .listEntry + .listEntry,.listBannerSliderCols_var106.listBannerSlider_var400 .listEntriesPreview .listEntry.listEntrySelected:nth-child(6n+4) + .listEntry + .listEntry + .listEntry + .listEntry + .listEntry,.listBannerSliderCols_var106.listBannerSlider_var400 .listEntriesPreview .listEntry.listEntrySelected:nth-child(6n+5) + .listEntry,.listBannerSliderCols_var106.listBannerSlider_var400 .listEntriesPreview .listEntry.listEntrySelected:nth-child(6n+5) + .listEntry + .listEntry,.listBannerSliderCols_var106.listBannerSlider_var400 .listEntriesPreview .listEntry.listEntrySelected:nth-child(6n+5) + .listEntry + .listEntry + .listEntry,.listBannerSliderCols_var106.listBannerSlider_var400 .listEntriesPreview .listEntry.listEntrySelected:nth-child(6n+5) + .listEntry + .listEntry + .listEntry + .listEntry,.listBannerSliderCols_var106.listBannerSlider_var400 .listEntriesPreview .listEntry.listEntrySelected:nth-child(6n+5) + .listEntry + .listEntry + .listEntry + .listEntry + .listEntry,.listBannerSliderCols_var106.listBannerSlider_var400 .listEntriesPreview .listEntry.listEntrySelected:nth-child(6n+6) + .listEntry,.listBannerSliderCols_var106.listBannerSlider_var400 .listEntriesPreview .listEntry.listEntrySelected:nth-child(6n+6) + .listEntry + .listEntry,.listBannerSliderCols_var106.listBannerSlider_var400 .listEntriesPreview .listEntry.listEntrySelected:nth-child(6n+6) + .listEntry + .listEntry + .listEntry,.listBannerSliderCols_var106.listBannerSlider_var400 .listEntriesPreview .listEntry.listEntrySelected:nth-child(6n+6) + .listEntry + .listEntry + .listEntry + .listEntry,.listBannerSliderCols_var106.listBannerSlider_var400 .listEntriesPreview .listEntry.listEntrySelected:nth-child(6n+6) + .listEntry + .listEntry + .listEntry + .listEntry + .listEntry { display:none; } .listBannerSliderCols_var106.listBannerSlider_var400 .listEntriesPreview .listEntry:nth-child(6n + 2),.listBannerSliderCols_var106.listBannerSlider_var400 .listEntriesPreview .listEntry:nth-child(6n + 3),.listBannerSliderCols_var106.listBannerSlider_var400 .listEntriesPreview .listEntry:nth-child(6n + 4),.listBannerSliderCols_var106.listBannerSlider_var400 .listEntriesPreview .listEntry:nth-child(6n + 5),.listBannerSliderCols_var106.listBannerSlider_var400 .listEntriesPreview .listEntry:nth-child(6n + 6),.listBannerSliderCols_var106.listBannerSlider_var400 .listEntriesPreview .listEntry:nth-last-child(1),.listBannerSliderCols_var106.listBannerSlider_var400 .listEntriesPreview .listEntry:nth-last-child(2),.listBannerSliderCols_var106.listBannerSlider_var400 .listEntriesPreview .listEntry:nth-last-child(3),.listBannerSliderCols_var106.listBannerSlider_var400 .listEntriesPreview .listEntry:nth-last-child(4),.listBannerSliderCols_var106.listBannerSlider_var400 .listEntriesPreview .listEntry:nth-last-child(5) { display:none; } .listBannerSliderCols_var106.listBannerSlider_var400 .listEntriesPreview .listEntry:nth-last-child(6) { display:inline-block; } .listBannerSliderCols_var106.listBannerSlider_var400 .listEntriesPreview .listEntry:first-child:nth-last-child(6) { display:none; } } .listBannerSliderEntriesPreview_var10 .listEntriesPreview { width:100%; position:absolute; z-index:1; bottom:0; } .listBannerSliderEntriesPreview_var10 .listEntriesPreview > div { text-align:center; padding:0; } .listBannerSliderEntriesPreview_var10 .listEntriesPreview .listEntry { position:relative; display:inline-block; cursor:pointer; margin:0 3px; } .listBannerSliderEntriesPreview_var10 .listEntriesPreview .listEntry .listEntryInner { display:inline-block; padding:0; margin:9px 3px; width:16px; height:16px; background-color:var(--backgroundColorDark1); border-radius:50%; box-shadow:0 0 4px 0 rgba(255,255,255,0.3); } .listBannerSliderEntriesPreview_var10 .listEntriesPreview .listEntry:hover .listEntryInner, .listBannerSliderEntriesPreview_var10 .listEntriesPreview .listEntry.listEntrySelected .listEntryInner, .listBannerSliderEntriesPreview_var10 .listEntriesPreview .listEntry.listEntryProgress .listEntryInner { border-color:var(--borderColorLines); background-color:#F0F0F0; box-shadow:0 0 4px 0 rgba(0,0,0,0.3); } .listBannerSliderEntriesPreview_var10 .listEntriesPreview .listEntry:first-child:last-child { display:none; } .listBannerSliderInfolayer_var10 .listEntry .listEntryInfoLayerOuter { width:100%; margin:0 auto; text-align:center; } .listBannerSliderInfolayer_var10 .listEntry .listEntryInfoLayer { position:absolute; width:100%; top:50%; opacity:0; transform:translateY(-50%) scale(0.9); transition:all 0.8s 0.3s 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:1.5rem; line-height:125%; font-weight:600; color:var(--fontColorInverseEntryTitle); background-color:transparent; text-shadow:0 0 0.5rem rgba(0,0,0,0.3); margin-bottom:0.4rem; } .listBannerSliderInfolayer_var10 .listEntry .listEntryInfoLayerInner .listEntryDescription { font-size:1rem; color:var(--fontColorInverseEntryTitle); background-color:transparent; line-height:125%; text-shadow:0 0 0.5rem rgba(0,0,0,0.3); } .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.9); } .listBannerSliderInfolayer_var10 .listEntry.listEntrySelectedReady .listEntryInfoLayer { opacity:1; transform:translateY(-50%) scale(1); } @media (min-width: 768px) { .listBannerSliderInfolayer_var10 .listEntry.listEntryObject-slide_var1 .listEntryInfoLayer { text-align:right; } } @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; } .listBannerSliderInfolayer_var10 .listEntry .listEntryInfoLayer .listEntryInfoLayerInner .listEntryTitle { font-size:3.2rem; } .listBannerSliderInfolayer_var10 .listEntry .listEntryInfoLayer .listEntryInfoLayerInner .listEntryDescription { font-size:1rem; } } @media (min-width: 768px) { .listBannerSliderInfolayer_var10 .listEntry .listEntryInfoLayer .listEntryInfoLayerInner { padding:1rem 2.5rem; } .listBannerSliderInfolayer_var10 .listEntry .listEntryInfoLayer .listEntryInfoLayerInner .listEntryTitle { font-size:2rem; } .listBannerSliderInfolayer_var10 .listEntry .listEntryInfoLayer .listEntryInfoLayerInner .listEntryDescription { font-size:1.2rem; } } @media (min-width: 992px) { .listBannerSliderInfolayer_var10 .listEntry .listEntryInfoLayer .listEntryInfoLayerInner { padding:1.25rem 2.5rem; } .listBannerSliderInfolayer_var10 .listEntry .listEntryInfoLayer .listEntryInfoLayerInner .listEntryTitle { font-size:2.5rem; } .listBannerSliderInfolayer_var10 .listEntry .listEntryInfoLayer .listEntryInfoLayerInner .listEntryDescription { font-size:1.4rem; } } @media (min-width: 1200px) { .listBannerSliderInfolayer_var10 .listEntry .listEntryInfoLayer .listEntryInfoLayerInner { padding:1.25rem 3.75rem; } .listBannerSliderInfolayer_var10 .listEntry .listEntryInfoLayer .listEntryInfoLayerInner .listEntryTitle { font-size:3rem; } .listBannerSliderInfolayer_var10 .listEntry .listEntryInfoLayer .listEntryInfoLayerInner .listEntryDescription { font-size:1.8rem; } } .listBannerSliderInfolayer_var111 .listEntry .listEntryInfoLayerOuter { position:relative; top:0; height:100%; width:calc(100% - 2.5rem); max-width:1200px; margin:0 auto; } .listBannerSliderInfolayer_var111 .listEntry .listEntryInfoLayer { position:absolute; bottom:0; left:0; } .listBannerSliderInfolayer_var111 .listEntry .listEntryInfoLayerInner .listEntryTitle { font-size:1rem; line-height:125%; font-weight:600; } .listBannerSliderInfolayer_var111 .listEntry .listEntryInfoLayerInner .listEntryDescription { font-size:0.9rem; line-height:140%; margin-top:0.6rem; } .listBannerSliderInfolayer_var111 .listEntry .listEntryInfoLayerInner .listEntryDescription * { color:inherit; } .listBannerSliderInfolayer_var111 .listEntry .listEntryInfoLayerInner .listEntryDescription p:last-child { margin-bottom:0; } .listBannerSliderInfolayer_var111 .listEntry .listEntryInfoLayerInner .listEntryLink > * { font-size:0.9rem; line-height:125%; margin-top:0.75rem; display:inline-block; } @media (min-width: 576px) { .listBannerSliderInfolayer_var111 .listEntry .listEntryInfoLayer .listEntryInfoLayerInner { padding:1rem; } .listBannerSliderInfolayer_var111 .listEntry .listEntryInfoLayer .listEntryInfoLayerInner .listEntryTitle { font-size:1.4rem; } .listBannerSliderInfolayer_var111 .listEntry .listEntryInfoLayer .listEntryInfoLayerInner .listEntryDescription { font-size:0.9rem; } } @media (min-width: 768px) { .listBannerSliderInfolayer_var111 .listEntry .listEntryInfoLayer .listEntryInfoLayerInner { padding:1rem; } .listBannerSliderInfolayer_var111 .listEntry .listEntryInfoLayer .listEntryInfoLayerInner .listEntryTitle { font-size:1.6rem; } .listBannerSliderInfolayer_var111 .listEntry .listEntryInfoLayer .listEntryInfoLayerInner .listEntryDescription { font-size:1rem; margin-top:0.8rem; } .listBannerSliderInfolayer_var111 .listEntry .listEntryInfoLayer .listEntryInfoLayerInner .listEntryLink > * { font-size:1rem; line-height:inherit; margin-top:1rem; } } @media (min-width: 992px) { .listBannerSliderInfolayer_var111 .listEntry .listEntryInfoLayer .listEntryInfoLayerInner { padding:2rem; } .listBannerSliderInfolayer_var111 .listEntry .listEntryInfoLayer .listEntryInfoLayerInner .listEntryTitle { font-size:2rem; } .listBannerSliderInfolayer_var111 .listEntry .listEntryInfoLayer .listEntryInfoLayerInner .listEntryDescription { font-size:1rem; } } .listBannerSliderInfolayerPosition_var20 .listEntry .listEntryInfoLayer { position:absolute; bottom:0; left:0; margin:0 0 2rem 0; } .listBannerSliderInfolayerPosition_var20 .listEntry .listEntryInfoLayerInner { position:relative; overflow:visible; max-width:980px; margin:0 auto; padding:1rem; } .listBannerSliderInfolayerPosition_var20 .listEntry .listEntryInfoLayerInner:empty { display:none; } .listBannerSliderInfolayerPosition_var20 .listEntry.listEntryObject-slide_var1 .listEntryInfoLayer { left:auto; right:0; } @media (min-width: 768px) { .listBannerSliderInfolayerPosition_var20 .listEntry .listEntryInfoLayer { margin-bottom:2rem; } } @media (min-width: 992px) { .listBannerSliderInfolayerPosition_var20 .listEntry .listEntryInfoLayer { margin-bottom:4rem; } } .listBannerSliderInfolayerIfVisible_var20 .listEntry .listEntryInfoLayer { opacity:0; transform:translateX(4rem); transition:all 0.8s ease; } .listBannerSliderInfolayerIfVisible_var20 .listEntry.listEntrySelected .listEntryInfoLayer { transform:translateX(0); opacity:1; } .listBannerSliderInfolayerIfVisible_var20 .listEntry.listEntrySelectedInit .listEntryInfoLayer { transform:translateX(4rem); opacity:0; } .listBannerSliderInfolayerIfVisible_var20 .listEntry.listEntrySelectedReady .listEntryInfoLayer { transform:translateX(0); opacity:1; } @media (prefers-reduced-motion: reduce) { .listBannerSliderInfolayerIfVisible_var20 .listEntryInfoLayer { transform:translateX(0) !important; opacity:1 !important; } } .listBannerSliderInfolayerBackgroundColor_var10 { --backgroundOpacity:1; --backgroundColorRgb:255, 255, 255; } .listBannerSliderInfolayerBackgroundColor_var10.listBannerSliderInfolayerBackgroundOpacity_var10 { --backgroundOpacity:0.25; } .listBannerSliderInfolayerBackgroundColor_var10.listBannerSliderInfolayerBackgroundOpacity_var25 { --backgroundOpacity:0.45; } .listBannerSliderInfolayerBackgroundColor_var10.listBannerSliderInfolayerBackgroundOpacity_var50 { --backgroundOpacity:0.60; } .listBannerSliderInfolayerBackgroundColor_var10.listBannerSliderInfolayerBackgroundOpacity_var75 { --backgroundOpacity:0.75; } .listBannerSliderInfolayerBackgroundColor_var10.listBannerSliderInfolayerBackgroundOpacity_var90 { --backgroundOpacity:0.9; } .listBannerSliderInfolayerBackgroundColor_var10.listBannerSliderInfolayerBackgroundBlur_var8 .listEntry .listEntryInfoLayer { backdrop-filter:blur(8px); } .listBannerSliderInfolayerBackgroundColor_var10 .listEntry .listEntryInfoLayer { background-color:rgba(var(--backgroundColorRgb), var(--backgroundOpacity)); } @media (prefers-contrast:more) { .listBannerSliderInfolayerBackgroundColor_var10 { --backgroundOpacity:1 !important; } } .listBannerSliderInfolayerFontColor_var100 .listEntry .listEntryInfoLayerInner .listEntryTitle { color:var(--baseColorBlack); } .listBannerSliderInfolayerFontColor_var100 .listEntry .listEntryInfoLayerInner .listEntryDescription { color:var(--baseColorBlack); } .listBannerSliderInfolayerLink_var13 .listEntry .listEntryInfoLayerInner .listEntryLink > * { display:inline-block; text-decoration:none; padding:0.25rem 0.6rem; color:var(--baseColorWhite); background-color:var(--baseColorPrimary2); border:solid 1px var(--baseColorPrimary2); } @media (prefers-contrast:more) { .listBannerSliderInfolayerLink_var13 .listEntry .listEntryInfoLayerInner .listEntryLink > * { background-color:var(--baseColorBlack); border:solid 1px var(--baseColorBlack); } } .listBannerSliderPrevNext_var10 { --colorArrows:var(--baseColorWhite); --shadowArrows:0 0 0 2px #DDDDDD; } .listBannerSliderPrevNext_var10.listBannerSliderPrevNextColor_var0 { --colorArrows:var(--baseColorWhite); --shadowArrows:none; } .listBannerSliderPrevNext_var10.listBannerSliderPrevNextColor_var50 { --colorArrows:var(--baseColorDark); --shadowArrows:none; } .listBannerSliderPrevNext_var10.listBannerSliderPrevNextColor_var100 { --colorArrows:var(--baseColorBlack); --shadowArrows:none; } .listBannerSliderPrevNext_var10.listBannerSliderPrevNextColor_var91 { --colorArrows:var(--baseColorPrimary1); --shadowArrows:none; } .listBannerSliderPrevNext_var10.listBannerSliderPrevNextColor_var92 { --colorArrows:var(--baseColorPrimary2); --shadowArrows:none; } .listBannerSliderPrevNext_var10 .listEntries .listMoverBack, .listBannerSliderPrevNext_var10 .listEntries .listMoverForward { cursor:pointer; position:absolute; right:0; top:0; width:60px; height:100%; z-index:2; transition:all 0.1s linear; background-color:transparent; } .listBannerSliderPrevNext_var10 .listEntries .listMoverBack:hover, .listBannerSliderPrevNext_var10 .listEntries .listMoverForward:hover { transform:scale(1.1); } .listBannerSliderPrevNext_var10 .listEntries .listMoverBack > span, .listBannerSliderPrevNext_var10 .listEntries .listMoverForward > span { height:100%; display:block; } .listBannerSliderPrevNext_var10 .listEntries .listMoverBack > span:before, .listBannerSliderPrevNext_var10 .listEntries .listMoverBack > span:after, .listBannerSliderPrevNext_var10 .listEntries .listMoverForward > span:before, .listBannerSliderPrevNext_var10 .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:var(--colorArrows); box-shadow:var(--shadowArrows); } .listBannerSliderPrevNext_var10 .listEntries .listMoverBack > span:after, .listBannerSliderPrevNext_var10 .listEntries .listMoverForward > span:after { margin-top:16px; } .listBannerSliderPrevNext_var10 .listEntries .listMoverBack > span:nth-child(2):before, .listBannerSliderPrevNext_var10 .listEntries .listMoverForward > span:nth-child(2):before { box-shadow:none; outline:none; } .listBannerSliderPrevNext_var10 .listEntries .listMoverBack > span:nth-child(2):after, .listBannerSliderPrevNext_var10 .listEntries .listMoverForward > span:nth-child(2):after { display:none; } .listBannerSliderPrevNext_var10 .listEntries .listMoverBack { left:0; } .listBannerSliderPrevNext_var10 .listEntries .listMoverBack > span:before, .listBannerSliderPrevNext_var10 .listEntries .listMoverBack > span:after { left:16px; } .listBannerSliderPrevNext_var10 .listEntries .listMoverBack > span:before { transform:rotate(-50deg); } .listBannerSliderPrevNext_var10 .listEntries .listMoverBack > span:after { transform:rotate(50deg); } .listBannerSliderPrevNext_var10 .listEntries .listMoverForward { right:0; } .listBannerSliderPrevNext_var10 .listEntries .listMoverForward > span:before, .listBannerSliderPrevNext_var10 .listEntries .listMoverForward > span:after { right:16px; } .listBannerSliderPrevNext_var10 .listEntries .listMoverForward > span:before { transform:rotate(50deg); } .listBannerSliderPrevNext_var10 .listEntries .listMoverForward > span:after { transform:rotate(-50deg); } .listBannerSliderPictureAspectRatio_var10 .listEntryImage img { aspect-ratio:1.3333333333333; } .listBannerSliderPictureAspectRatio_var10 .listEntryVideo { aspect-ratio:1.3333333333333; object-fit:cover; } .listBannerSliderPictureAspectRatio_var30_15 .listEntryImage img { aspect-ratio:1.5; } .listBannerSliderPictureAspectRatio_var30_15 .listEntryVideo { aspect-ratio:1.5; object-fit:cover; } @media (min-width: 768px) { .listBannerSliderPictureAspectRatio_var30_15 .listEntryImage img { aspect-ratio:3; } } @media (min-width: 768px) { .listBannerSliderPictureAspectRatio_var30_15 .listEntryVideo { aspect-ratio:3; } } .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:var(--borderColorDefault); } .listLoaderMore .listLoaderMoreProgress .listLoaderMoreProgressBar { height:100%; background:var(--baseColorPrimary1); } .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(0,0,0,0.2); } .azNaviList .charSelected { border:solid 1px #DDDDDD; border-radius:3px; } .azNaviList .initFilter { text-align:right; } .listCalendar .calendar { width:100%; max-width:480px; background-color:#f0f0f0; padding:4px; } .listCalendar .calendar .navYear, .listCalendar .calendar .navMonth { text-align:center; } .listCalendar .calendar .navYear div, .listCalendar .calendar .navMonth div { position:relative; } .listCalendar .calendar .navYear .prev, .listCalendar .calendar .navYear .next, .listCalendar .calendar .navMonth .prev, .listCalendar .calendar .navMonth .next { font-size:0; } .listCalendar .calendar .navYear .prev:before, .listCalendar .calendar .navYear .prev:after, .listCalendar .calendar .navYear .next:before, .listCalendar .calendar .navYear .next:after, .listCalendar .calendar .navMonth .prev:before, .listCalendar .calendar .navMonth .prev:after, .listCalendar .calendar .navMonth .next:before, .listCalendar .calendar .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:#000000; } .listCalendar .calendar .navYear .prev:before, .listCalendar .calendar .navYear .next:before, .listCalendar .calendar .navMonth .prev:before, .listCalendar .calendar .navMonth .next:before { transform:rotate(-55deg); left:15px; top:13px; } .listCalendar .calendar .navYear .prev:after, .listCalendar .calendar .navYear .next:after, .listCalendar .calendar .navMonth .prev:after, .listCalendar .calendar .navMonth .next:after { transform:rotate(55deg); left:15px; top:19px; } .listCalendar .calendar .navYear .prev, .listCalendar .calendar .navMonth .prev { position:absolute; top:0; left:2px; background:none; padding:4px; width:30%; text-align:left; } .listCalendar .calendar .navYear .month, .listCalendar .calendar .navMonth .month { display:inline-block; padding:4px; text-decoration:none; color:var(--fontColorDefault); } .listCalendar .calendar .navYear .year, .listCalendar .calendar .navMonth .year { display:inline-block; padding:4px; text-decoration:none; color:var(--fontColorDefault); } .listCalendar .calendar .navYear .next, .listCalendar .calendar .navMonth .next { position:absolute; top:0; right:2px; background:none; padding:4px; width:30%; text-align:right; } .listCalendar .calendar .navYear .next:before, .listCalendar .calendar .navMonth .next:before { transform:rotate(55deg); left:auto; right:15px; top:13px; } .listCalendar .calendar .navYear .next:after, .listCalendar .calendar .navMonth .next:after { transform:rotate(-55deg); left:auto; right:15px; top:19px; } .listCalendar .calendar td.navMonth { padding-bottom:0.5rem; } .listCalendar .calendar .dayHeader { width:24px; padding:4px; text-align:center; font-weight:bold; } .listCalendar .calendar .day { width:24px; padding:4px; text-align:center; } .listCalendar .calendar .dayOther { width:24px; padding:4px; text-align:center; } .listCalendar .calendar .dayToday { outline:solid 1px red; } .listCalendar .calendar .hasEntries { background-color:#ffffff; } .listCalendar .calendar .hasEntries a { display:block; text-decoration:none; } .listCalendar .calendar .daySelected { width:24px; padding:2px; border:solid 2px red; text-align:center; } .listCalendar .calendar .daySelected a { display:block; text-decoration:none; } .listCalendar .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:#000000 !important; } .listMonth .listEntryYear { color:#000000 !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:')'; } .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; } .elementList:empty { display:none; } .listDefault { list-style:none; margin:0; padding:0; } .listDefault .listEntry { position:relative; } .listDefault .listEntryInner { display:block; text-decoration:none; } .listDefault .listEntryButtons { position:absolute; width:100%; height:0px; } .listDefault .listEntryTitle { position:relative; font-family:inherit; font-size:1.2rem; line-height:130%; font-weight:600; color:var(--fontColorEntryTitle); padding:0 0 0.5rem 0; } .listDefault .listEntryTitle a { text-decoration:none; } .listDefault .listEntryName { position:relative; color:var(--fontColorEntryTitle); } .isDarkBackground .listDefault .listEntryName { color:var(--fontColorInverseEntryTitle); } .listDefault .listEntrySubline { position:relative; color:var(--fontColorSub); } .isDarkBackground .listDefault .listEntrySubline { color:var(--fontColorInverseSub); } .listDefault .listEntryIcon { color:#000000 !important; } .isDarkBackground .listDefault .listEntryIcon { color:#FFFFFF !important; } .listDefault .listEntryCalendar { display:block; margin:0 20px 0 0; width:64px; text-align:center; border:solid 1px var(--baseColorPrimary1); } .listDefault .listEntryCalendar .day { display:block; font-size:2.0rem; line-height:48px; } .listDefault .listEntryCalendar .month { display:block; color:var(--baseColorWhite); background:var(--baseColorPrimary1); } .listDefault .listEntryDate { position:relative; font-size:1rem; font-weight:400; color:var(--fontColorEntryDate); } .isDarkBackground .listDefault .listEntryDate { color:var(--fontColorInverseEntryDate); } .listDefault .listEntryDescription { position:relative; font-size:1rem; line-height:150%; color:var(--fontColorEntryDescription); margin:0 0 0.5rem 0; text-decoration:none; } .isDarkBackground .listDefault .listEntryDescription { color:var(--fontColorInverseEntryDescription); } .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 #DDDDDD; display:inline-block; float:right; } .listDefault .listEntryInfoComments a { text-decoration:none; color:var(--fontColorSub); } .listDefault .listEntryInfoComments.hasComments .listEntryInfoCommentsPostfix:before { content:' '; } .listDefault .listEntryInfoComments.noComments .listEntryInfoCommentsNumberComments { display:none; } @media (prefers-contrast:more) { .listDefault .listEntryDate { color:var(--fontColorDefault); } } .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_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:1rem; line-height:150%; font-weight:400; color:var(--fontColorEntryDate); font-weight:bold; text-shadow:0 0 10px rgba(0,0,0,0.3); } .listDefault_var20 .listEntryTitle { font-size:1.2rem; line-height:130%; color:var(--baseColorWhite); font-weight:bold; text-shadow:0 0 10px rgba(0,0,0,0.3); } .listDefault_var20 .listEntryTitle a { color:var(--baseColorWhite); } .listDefault_var20 .listEntryDescription { font-size:1rem; line-height:150%; color:var(--baseColorWhite); 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:1rem; } .listDefault_var50 .listEntryDescription { display:block; font-size:0.9rem; margin:0; } .listDefault_var50 .listEntryTitle + .listEntryName { display:none; } .listDefault_var50 .listEntrySize { display:inline-block; color:rgba(0,0,0,0.6) !important; white-space:nowrap; } .isDarkBackground .listDefault_var50 .listEntrySize { color:rgba(255,255,255,0.6) !important; } @media (prefers-contrast:more) { .listDefault_var50 .listEntrySize { color:var(--fontColorDefault) !important; } } @media (prefers-contrast:more) { .isDarkBackground .listDefault_var50 .listEntrySize { color:var(--fontColorInverseDefault) !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 #DDDDDD; padding:10px 42px 10px 0; margin:0; position:relative; font-size:1.4rem; line-height:130%; 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:var(--fontColorDefault); 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 #DDDDDD; } .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("/wLayout25/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("/wLayout25/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_var20100 .listEntry .listEntryCalendar { display:block; margin:0 20px 0 0; width:64px; text-align:center; border:solid 1px var(--baseColorPrimary1); } .listDefault_var20100 .listEntry .listEntryCalendar .day { display:block; font-size:2.0rem; line-height:48px; } .listDefault_var20100 .listEntry .listEntryCalendar .month { display:block; color:var(--baseColorWhite); background:var(--baseColorPrimary1); } .listDefault_var20200 .listEntry .listEntryCalendar { display:block; margin:0 20px 0 0; width:64px; text-align:center; border:solid 1px var(--baseColorPrimary1); } .listDefault_var20200 .listEntry .listEntryCalendar .day { display:block; font-size:2.0rem; line-height:48px; } .listDefault_var20200 .listEntry .listEntryCalendar .month { display:block; color:var(--baseColorWhite); background:var(--baseColorPrimary1); } .listDefault_var20450 { display:grid; } html:not(.weditor) .toggleVisibleLast { position:absolute; margin-top:-3.5rem; } html:not(.weditor) .hideVisibleLast { right:32px; z-index:-1; opacity:0; } html:not(.weditor) .showVisibleLast { transition:all 0.3s ease-out; right:0; z-index:0; opacity:1; } .elementList-default_var20450 { margin-left:-0.5rem; margin-right:-0.5rem; padding:0 0; } .elementList-default_var20450:not([data-overflow='visible']) { overflow-x:hidden !important; padding-top:6px; } .listDefault_var20450.listDefaultBorder_var30, .listDefault_var20450.listDefaultBorder_var40, .listDefault_var20450.listDefaultBorder_var50 { margin-left:0; margin-right:0; } .listDefault_var20450 .listEntry { float:none !important; width:auto !important; } .listDefault_var20450[data-numberentries='1'] { width:300%; grid-template-columns:repeat(3,33.333%); } .listDefault_var20450[data-numberentries='2'] { width:300%; grid-template-columns:repeat(3,33.333%); } .listDefault_var20450[data-numberentries='3'] { width:300%; grid-template-columns:repeat(3,33.333%); } .listDefault_var20450[data-numberentries='4'] { width:400%; grid-template-columns:repeat(4,25%); } .listDefault_var20450[data-numberentries='5'] { width:500%; grid-template-columns:repeat(5,20%); } .listDefault_var20450[data-numberentries='6'] { width:600%; grid-template-columns:repeat(6,16.666%); } .listDefault_var20450[data-numberentries='7'] { width:700%; grid-template-columns:repeat(7,14.286%); } .listDefault_var20450[data-numberentries='8'] { width:800%; grid-template-columns:repeat(8,12.5%); } .listDefault_var20450[data-numberentries='9'] { width:900%; grid-template-columns:repeat(9,11.111%); } .wEasyLanguageMode .listDefault_var20450 { display:block !important; width:100% !important; } .elementList-default_var20450[data-smartpagenavi="buttons"] .sliderMover .pageNavi { display:block; } .elementList-default_var20450[data-smartpagenavi="buttonsOnly"] .sliderMover .pageNavi { display:block; } .elementList-default_var20450[data-smartpagenavi="buttonsOnly"] .sliderMover .sliderMoverBack,.elementList-default_var20450[data-smartpagenavi="buttonsOnly"] .sliderMover .sliderMoverForward { display:none; } .elementList-default_var20450 .sliderMover { width:100%; height:24px; position:relative; overflow:hidden; margin-left:0px; } .elementList-default_var20450 .sliderMover .pageNavi { display:none; text-align:center; } .elementList-default_var20450 .sliderMover .pageNavi .page { display:inline-block; padding:0; margin:7px 3px; width:16px; height:16px; background-color:var(--backgroundColorDark1); border-radius:50%; box-shadow:0 0 4px 0 rgba(255,255,255,0.3); } .elementList-default_var20450 .sliderMover .pageNavi .page.selected { border-color:var(--borderColorLines); background-color:#F0F0F0; box-shadow:0 0 4px 0 rgba(0,0,0,0.3); } .elementList-default_var20450 .sliderMoverBack,.elementList-default_var20450 .sliderMoverForward { cursor:pointer; position:absolute; width:64px; height:24px; opacity:1; transition:all 0.3s ease-in; top:0; } .elementList-default_var20450 .sliderMoverBack > span,.elementList-default_var20450 .sliderMoverForward > span { position:absolute; display:block; width:64px; height:24px; } .elementList-default_var20450 .sliderMoverBack > span:before,.elementList-default_var20450 .sliderMoverBack > span:after,.elementList-default_var20450 .sliderMoverForward > span:before,.elementList-default_var20450 .sliderMoverForward > span:after { position:absolute; content:''; } .elementList-default_var20450 .sliderMoverBack { left:1rem; } .elementList-default_var20450 .sliderMoverBack > span:before { position:absolute; width:24px; height:2px; top:11px; left:4px; background-color:var(--baseColorDark); } .elementList-default_var20450 .sliderMoverBack > span:after { position:absolute; width:16px; height:16px; top:4px; left:4px; transform:rotate(-135deg); border:solid 2px #6D6D6D; border-style:solid solid none none; } .elementList-default_var20450 .sliderMoverForward { right:1rem; } .elementList-default_var20450 .sliderMoverForward > span:before { position:absolute; width:24px; height:2px; top:11px; right:4px; background-color:var(--baseColorDark); } .elementList-default_var20450 .sliderMoverForward > span:after { position:absolute; width:16px; height:16px; top:4px; right:4px; transform:rotate(45deg); border:solid 2px #6D6D6D; border-style:solid solid none none; } .elementList-default_var20450[data-isvisiblefirstentry='1'] .sliderMoverBack { pointer-events:none; opacity:0; } .elementList-default_var20450[data-islastentry='1'] .sliderMoverForward,.elementList-default_var20450[data-isvisiblelastentry='1'] .sliderMoverForward { pointer-events:none; opacity:0; } .elementList-default_var20450[data-smartpagenavi="buttons"][data-isvisiblefirstentry='1'][data-isvisiblelastentry='1'] .sliderMover .pageNavi,.elementList-default_var20450[data-smartpagenavi="buttonsOnly"][data-isvisiblefirstentry='1'][data-isvisiblelastentry='1'] .sliderMover .pageNavi { display:none; } @media (min-width: 992px) { .elementList-default_var20450 { margin-left:-1rem; margin-right:-1rem; } } @media (max-width: 767px) { .listDefault_var20450.listDefaultCols_var3[data-numberentries='2'] { width:200%; } .listDefault_var20450.listDefaultCols_var3[data-numberentries='3'] { width:300%; } .listDefault_var20450.listDefaultCols_var3[data-numberentries='4'] { width:400%; } .listDefault_var20450.listDefaultCols_var3[data-numberentries='5'] { width:500%; } .listDefault_var20450.listDefaultCols_var3[data-numberentries='6'] { width:600%; } .listDefault_var20450.listDefaultCols_var3[data-numberentries='7'] { width:700%; } .listDefault_var20450.listDefaultCols_var3[data-numberentries='8'] { width:800%; } .listDefault_var20450.listDefaultCols_var3[data-numberentries='9'] { width:900%; } } @media (min-width: 768px) { .listDefault_var20450.listDefaultCols_var3[data-numberentries='1'], .listDefault_var20450.listDefaultCols_var3[data-numberentries='2'] { width:100%; } .listDefault_var20450.listDefaultCols_var3[data-numberentries='3'] { width:150%; } .listDefault_var20450.listDefaultCols_var3[data-numberentries='4'] { width:200%; } .listDefault_var20450.listDefaultCols_var3[data-numberentries='5'] { width:250%; } .listDefault_var20450.listDefaultCols_var3[data-numberentries='6'] { width:300%; } .listDefault_var20450.listDefaultCols_var3[data-numberentries='7'] { width:350%; } .listDefault_var20450.listDefaultCols_var3[data-numberentries='8'] { width:400%; } .listDefault_var20450.listDefaultCols_var3[data-numberentries='9'] { width:450%; } } @media (min-width: 1200px) { .listDefault_var20450.listDefaultCols_var3[data-numberentries='1'], .listDefault_var20450.listDefaultCols_var3[data-numberentries='2'], .listDefault_var20450.listDefaultCols_var3[data-numberentries='3'] { width:100%; } .listDefault_var20450.listDefaultCols_var3[data-numberentries='4'] { width:133.333%; } .listDefault_var20450.listDefaultCols_var3[data-numberentries='5'] { width:166.666%; } .listDefault_var20450.listDefaultCols_var3[data-numberentries='6'] { width:200%; } .listDefault_var20450.listDefaultCols_var3[data-numberentries='7'] { width:233.333%; } .listDefault_var20450.listDefaultCols_var3[data-numberentries='8'] { width:266.666%; } .listDefault_var20450.listDefaultCols_var3[data-numberentries='9'] { width:300%; } } .listDefault_var20460 { --width:100%; display:grid; --widthComputed:calc(var(--width)*var(--cols)); width:var(--widthComputed); grid-template-columns:repeat(var(--cols), calc(100%/var(--cols))) !important; } html:not(.weditor) .toggleVisibleLast { position:absolute; margin-top:-3.5rem; } html:not(.weditor) .hideVisibleLast { right:32px; z-index:-1; opacity:0; } html:not(.weditor) .showVisibleLast { transition:all 0.3s ease-out; right:0; z-index:0; opacity:1; } .elementList-default_var20460 { margin-left:-0.5rem; margin-right:-0.5rem; padding:0 0; } .elementList-default_var20460:not([data-overflow^='visible']) { overflow-x:hidden !important; padding-top:6px; } .listDefault_var20460.listDefaultBorder_var30, .listDefault_var20460.listDefaultBorder_var40, .listDefault_var20460.listDefaultBorder_var50 { margin-left:0; margin-right:0; } .listDefault_var20460 .listEntry { float:none !important; width:auto !important; } .wEasyLanguageMode .listDefault_var20460 { display:block !important; width:100% !important; } .elementList-default_var20460[data-smartpagenavi="buttons"] .sliderMover .pageNavi { display:block; } .elementList-default_var20460[data-isvisiblefirstentry='1'][data-isvisiblelastentry='1'] .sliderMover .pageNavi { display:none; } .elementList-default_var20460[data-smartpagenavi="buttonsOnly"] .sliderMover .pageNavi { display:block; } .elementList-default_var20460[data-smartpagenavi="buttonsOnly"] .sliderMover .sliderMoverBack,.elementList-default_var20460[data-smartpagenavi="buttonsOnly"] .sliderMover .sliderMoverForward { display:none; } .elementList-default_var20460 .sliderMover { width:100%; height:24px; position:relative; overflow:hidden; margin-left:0px; } .elementList-default_var20460 .sliderMover .pageNavi { display:none; text-align:center; } .elementList-default_var20460 .sliderMover .pageNavi .page { display:inline-block; padding:0; margin:7px 3px; width:clamp(8px,12px,12px); height:clamp(8px,12px,12px); aspect-ratio:1/1; background-color:var(--backgroundColorDark1); border-radius:50%; box-shadow:0 0 4px 0 rgba(255,255,255,0.3); } .elementList-default_var20460 .sliderMover .pageNavi .page.selected { display:inline-block; border-color:var(--borderColorLines); background-color:#F0F0F0; box-shadow:0 0 4px 0 rgba(0,0,0,0.3); width:clamp(8px,12px,12px); height:clamp(8px,12px,12px); aspect-ratio:1/1; } .elementList-default_var20460 .sliderMoverBack,.elementList-default_var20460 .sliderMoverForward { cursor:pointer; position:absolute; width:64px; height:24px; opacity:1; transition:all 0.3s ease-in; top:0; } .elementList-default_var20460 .sliderMoverBack > span,.elementList-default_var20460 .sliderMoverForward > span { position:absolute; display:block; width:64px; height:24px; } .elementList-default_var20460 .sliderMoverBack > span:before,.elementList-default_var20460 .sliderMoverBack > span:after,.elementList-default_var20460 .sliderMoverForward > span:before,.elementList-default_var20460 .sliderMoverForward > span:after { position:absolute; content:''; } .elementList-default_var20460 .sliderMoverBack { left:1rem; } .elementList-default_var20460 .sliderMoverBack > span:before { position:absolute; width:24px; height:2px; top:11px; left:4px; background-color:var(--baseColorDark); } .elementList-default_var20460 .sliderMoverBack > span:after { position:absolute; width:16px; height:16px; top:4px; left:4px; transform:rotate(-135deg); border:solid 2px #6D6D6D; border-style:solid solid none none; } .elementList-default_var20460 .sliderMoverForward { right:1rem; } .elementList-default_var20460 .sliderMoverForward > span:before { position:absolute; width:24px; height:2px; top:11px; right:4px; background-color:var(--baseColorDark); } .elementList-default_var20460 .sliderMoverForward > span:after { position:absolute; width:16px; height:16px; top:4px; right:4px; transform:rotate(45deg); border:solid 2px #6D6D6D; border-style:solid solid none none; } .elementList-default_var20460[data-isvisiblefirstentry='1'] .sliderMoverBack { pointer-events:none; opacity:0; } .elementList-default_var20460[data-islastentry='1'] .sliderMoverForward,.elementList-default_var20460[data-isvisiblelastentry='1'] .sliderMoverForward { pointer-events:none; opacity:0; } @media (min-width: 992px) { .elementList-default_var20460 { margin-left:-1rem; margin-right:-1rem; } } @media (max-width: 992px) { .elementList-default_var20460[data-overflow^='visibleAll'] { margin-left:2rem; margin-right:2rem; } } @media (max-width: 767px) { } @media (min-width: 768px) { .listDefault_var20460.listDefaultCols_var2 { --width:50%; } .listDefault_var20460.listDefaultCols_var2[data-numberentries='1'] { --width:100%; } } @media (min-width: 1200px) { .listDefault_var20460.listDefaultCols_var2 { --width:50%; } .listDefault_var20460.listDefaultCols_var2[data-numberentries='1'] { --width:100%; } } @media (max-width: 767px) { } @media (min-width: 768px) { .listDefault_var20460.listDefaultCols_var3 { --width:50%; } .listDefault_var20460.listDefaultCols_var3[data-numberentries='1'] { --width:100%; } } @media (min-width: 1200px) { .listDefault_var20460.listDefaultCols_var3 { --width:33.333%; } .listDefault_var20460.listDefaultCols_var3[data-numberentries='1'] { --width:100%; } .listDefault_var20460.listDefaultCols_var3[data-numberentries='2'] { --width:50%; } } @media (max-width: 767px) { } @media (min-width: 768px) { .listDefault_var20460.listDefaultCols_var4 { --width:50%; } .listDefault_var20460.listDefaultCols_var4[data-numberentries='1'] { --width:100%; } } @media (min-width: 1200px) { .listDefault_var20460.listDefaultCols_var4 { --width:25%; } .listDefault_var20460.listDefaultCols_var4[data-numberentries='1'] { --width:100%; } .listDefault_var20460.listDefaultCols_var4[data-numberentries='2'] { --width:50%; } .listDefault_var20460.listDefaultCols_var4[data-numberentries='3'] { --width:33.33%; } } .listDefault_var56 .listEntry { padding:0.2rem 0; } .listDefault_var56 .listEntryInner { display:flex; text-decoration:none; } .listDefault_var56 .listEntryThumbnail { vertical-align:top; display:inline-block; width:240px; margin-right:0.5rem; flex:none; } .listDefault_var56 .listEntryThumbnail img { width:100%; box-shadow:0 0 8px 0 rgba(0,0,0,0.3); } .listDefault_var56 .listEntryTitle, .listDefault_var56 .listEntryName { display:inline-block; margin-right:0.4rem; padding:0; font-size:1rem; } .listDefault_var56 .listEntryDescription { display:block; font-size:0.9rem; margin:0; } .listDefault_var56 .listEntryTitle + .listEntryName { display:none; } .listDefault_var56 .listEntrySize { display:inline-block; color:rgba(0,0,0,0.6) !important; white-space:nowrap; } .isDarkBackground .listDefault_var56 .listEntrySize { color:rgba(255,255,255,0.6) !important; } @media (min-width: 768px) { .listDefaultCols_var2 { display:grid; grid-template-columns:repeat(2,50%); } } @media (min-width: 768px) { .listDefaultCols_var3 { display:grid; grid-template-columns:repeat(2,50%); } } @media (min-width: 992px) { .listDefaultCols_var3 { grid-template-columns:repeat(3,33.333%); } } @media (min-width: 768px) { .listDefaultCols_var4 { display:grid; grid-template-columns:repeat(2,50%); } } @media (min-width: 992px) { .listDefaultCols_var4 { grid-template-columns:repeat(4,25%); } } .listDefaultTitle_var13 .listEntryTitle { font-size:1.1rem; } .listDefaultTitle_var20 .listEntryTitle { text-align:center; } .listDefaultTitle_var27 .listEntryTitle { text-align:center; } @media (min-width: 768px) { .listDefaultTitle_var27 .listEntryTitle { font-size:1.6rem; } } .listDefaultDate_var0 .listEntryDate { display:none; } .listDefaultDate_var10 .listEntryDate { display:block; } .listDefaultDate_var20 .listEntryDate { display:block; text-align:center; } .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_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; } .listDefaultBorder_var0 .listEntry .listEntryInner { padding:1rem 0; } .listDefaultBorder_var0 .listEntry .listEntryInner .listEntryTitle:last-child { margin:0; } .listDefaultBorder_var10 .listEntry { border-bottom:solid 1px #DDDDDD; } .listDefaultBorder_var10 .listEntry:first-child { border-top:solid 1px #DDDDDD; } .listDefaultBorder_var10 .listEntry .listEntryInner { padding:1rem 0; } .listDefaultBorder_var10 .listEntry .listEntryInner .listEntryTitle:last-child, .listDefaultBorder_var10 .listEntry .listEntryInner .listEntryDescription:last-child { margin:0; } @media (prefers-contrast:more) { .listDefaultBorder_var10 .listEntry { border-color:#000000 !important; } } .listDefaultBorder_var20 { margin-left:-0.5rem; margin-right:-0.5rem; } .listDefaultBorder_var20 .listEntry { border:none; margin-bottom:2rem; } .listDefaultBorder_var20 .listEntry:hover { background:none; } .listDefaultBorder_var20 .listEntry .listEntryButtons { right:1rem; } .listDefaultBorder_var20 .listEntry .listEntryInner { position:relative; display:flex; flex-direction:column; height:100%; margin:0 0.5rem; border:none; } @media (min-width: 992px) { .listDefaultBorder_var20 { margin-left:-1rem; margin-right:-1rem; } } @media (min-width: 992px) { .listDefaultBorder_var20 .listEntry .listEntryInner { margin:0 1rem; } } .listDefaultBorder_var30 { --backgroundColor:var(--baseColorWhite); margin-left:-0.5rem; margin-right:-0.5rem; } .listDefaultBorder_var30 .listEntry { border:none; margin-bottom:2rem; padding:0; } .listDefaultBorder_var30 .listEntry:hover { background:none; } .listDefaultBorder_var30 .listEntry .listEntryButtons { right:1rem; } .listDefaultBorder_var30 .listEntry .listEntryInner { background:var(--backgroundColor); position:relative; display:flex; flex-direction:column; height:100%; margin:0 0.5rem; padding:1.5rem; } .listDefaultBorder_var30 .listEntry .listEntryInner .listEntryDescription { display:block; } @media (min-width: 992px) { .listDefaultBorder_var30 { margin-left:-1rem; margin-right:-1rem; } } @media (min-width: 992px) { .listDefaultBorder_var30 .listEntry .listEntryInner { margin:0 1rem; } } .listDefaultBorder_var50 { margin-left:-0.5rem; margin-right:-0.5rem; } .listDefaultBorder_var50 .listEntry { border:none; margin-bottom:2rem; padding:0; } .listDefaultBorder_var50 .listEntry:hover { background:none; } .listDefaultBorder_var50 .listEntry .listEntryButtons { right:1rem; } .listDefaultBorder_var50 .listEntry .listEntryInner { background:var(--backgroundColorWhite); position:relative; display:flex; flex-direction:column; height:100%; margin:0 0.5rem; padding:1.0rem; box-shadow:0 2px 8px -1px rgba(0,0,0,0.2); } .listDefaultBorder_var50 .listEntry .listEntryInner .listEntryDescription { display:block; } @media (min-width: 992px) { .listDefaultBorder_var50 { margin-left:-1rem; margin-right:-1rem; } } @media (min-width: 992px) { .listDefaultBorder_var50 .listEntry .listEntryInner { margin:0 1rem; } } @media (min-width: 992px) { .listDefaultBorder_var50 .listEntry .listEntryInner { box-shadow:0 2px 16px -2px rgba(0,0,0,0.2); } } @media (prefers-contrast:more) { .listDefaultBorder_var50 .listEntry .listEntryInner { box-shadow:none; outline:solid 1px var(--baseColorBlack); } } .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; } .listDefaultQuickfilter_var1[data-hasquickfilter='1'] .listEntry.listEntryQuickfilterInvisible { display:none; overflow:hidden; height:0 !important; padding:0 !important; margin:0 !important; border:none !important; } .listDefaultAppend_var1.appendLoading:after { display:block; content:''; width:96px; height:48px; margin-top:1rem; background-image:url("/wLayout25/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; } .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:5px; width:3px; height:12px; background-color:var(--baseColorDark); transform:rotate(-40deg); } .listEntryElementContainer_var60:after { content:''; display:block; position:absolute; right:6px; top:13px; width:3px; height:12px; background-color:var(--baseColorDark); transform:rotate(40deg); } .listEntryElementContainer_var170 { display:flex; } .listEntry:nth-child(even) .listEntryElementContainer_var170 { flex-direction:row-reverse; } .listEntry:nth-child(even) .listEntryElementContainer_var170 > div:first-child { padding-left:0.8rem; } .listEntry:nth-child(odd) .listEntryElementContainer_var170 > div:first-child { padding-right:0.8rem; } .listEntryElementThumbnail_var60 img { border-radius:50%; } .listEntryElementThumbnail_var64 img { border-radius:1rem; } .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; } } .listEntryElementPosition_var620 { display:flex !important; } .listEntryElementPadding_var100020 { padding:0; margin:0 0 0.4rem 0; } .listEntryElementPadding_var100050 { padding:0; margin:0 0 0.8rem 0; } .listEntryElementPadding_var100080 { padding:0; margin:0 0 1.2rem 0; } .listEntryElementPadding_var100200 { padding:0; margin:0 0.4rem 0 0; } .listEntryElementPadding_var100500 { padding:0; margin:0 0.8rem 0 0; } .listEntryElementPadding_var100800 { padding:0; margin:0 1rem 0 0; } .listEntryElementPadding_var100002 { padding:0; margin:0 0 0 0.4rem; } .listEntryElementPadding_var100005 { padding:0; margin:0 0 0 0.8rem; } .listEntryElementPadding_var100008 { padding:0; margin:0 0 0 1.2rem; } .listEntryElementPadding_var100220 { padding:0; margin:0 0.4rem 0.4rem 0; } .listEntryElementPadding_var100550 { padding:0; margin:0 0.8rem 0.8rem 0; } .listEntryElementPadding_var100880 { padding:0; margin:0 1.2rem 1.2rem 0; } .listEntryElementThumbnailSize_var0 { width:100%; } .listEntryElementThumbnailSize_var0 .thumbnailPDF { max-width:100%; } @media (min-width: 576px) { .listEntryElementThumbnailSize_var0 { width:240px; } } .listEntryElementThumbnailSize_var120 { width:100%; } .listEntryElementThumbnailSize_var120 .thumbnailPDF { max-width:100%; } @media (min-width: 576px) { .listEntryElementThumbnailSize_var120 { width:160px; } } .listEntryElementThumbnailSize_var100 { width:100%; } .listEntryElementThumbnailSize_var100 .thumbnailPDF { max-width:100%; } .listEntryElementThumbnailSize_var180 { width:100%; } .listEntryElementThumbnailSize_var180 .thumbnailPDF { max-width:100%; } @media (min-width: 576px) { .listEntryElementThumbnailSize_var180 { width:320px; } } .listEntryElementColor_var10 { color:#FFFFFF !important; } .listEntryElementColor_var32 { color:rgba(0,0,0,0.8) !important; } .listEntryElementColor_var1 { color:#006AB3 !important; } .listEntryElementColor_var2 { color:#ff7f19 !important; } .listEntryElementColor_var34 { color:rgba(0,0,0,0.7) !important; } @media (prefers-contrast:more) { .listEntryElementColor_var34 { color:#000000 !important; } } .listEntryElementColor_var38 { color:rgba(0,0,0,0.6) !important; } @media (prefers-contrast:more) { .listEntryElementColor_var38 { color:#000000 !important; } } .listEntryElementColor_var40 { background-color:rgba(0,0,0,0.8) !important; padding:0.3rem 0.4rem; } @media (prefers-contrast:more) { .listEntryElementColor_var40 { --backgroundColor:#000000 !important; } } .listEntryElementColor_var41 { background-color:#006AB3 !important; color:#FFFFFF !important; padding:0.3rem 0.4rem; } .listEntryElementColor_var42 { background-color:#ff7f19 !important; color:#FFFFFF !important; padding:0.3rem 0.4rem; } .listEntryElementFontSize_var0 { font-size:1rem; line-height:130%; } .listEntryElementFontSize_var330 { font-size:0.8rem; line-height:130%; } .listEntryElementFontSize_var338 { font-size:0.8rem; line-height:130%; font-weight:bold; } .listEntryElementFontSize_var358 { font-size:1rem; line-height:130%; font-weight:bold; } .listEntryElementFontSize_var370 { font-size:1.3rem; line-height:130%; } .listEntryElementFontSize_var378 { font-size:1.3rem; line-height:130%; font-weight:bold; } .listEntryElementFontSize_var380 { font-size:1.6rem; line-height:130%; } .listEntryElementFontSize_var388 { font-size:1.6rem; line-height:130%; font-weight:bold; } .listEntryElementLink_var1 .linkIconFa { margin:0 6px 0 0; } .listEntryElementLink_var1 > a { text-decoration:none; } .listEntryElementLink_var20 .linkIconFa { margin:0 6px 0 0; } .listEntryElementLink_var30 .linkIconFa { margin:0 6px 0 0; } .listEntryElementOptions_varDisplayFlex { flex:1; } .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 html:not(.browseedit)[data-numberentries='0'] { 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:1rem; line-height:150%; margin-top:10px; } .listPictureGallery_var0 .listEntries .listEntryTitle:empty { display:none; } .listPictureGallery_var0 .listEntries .listEntryDescription { font-size:0.8rem; line-height:143%; overflow:auto; } .listPictureGallery_var0 .listEntries .listEntryDescription:empty { display:none; } .listPictureGallery_var0 .listEntries .listEntryCopyright { float:right; font-weight:normal; font-size:0.9rem; line-height:140%; color:var(--fontColorWeak); 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:var(--backgroundColorWhite); box-shadow:0 0 0 1px #444444; } .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 #DDDDDD; } .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 var(--baseColorPrimary1); } .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 #DDDDDD; } .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:1rem; line-height:210%; 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:1rem; line-height:150%; margin-top:10px; } .listPictureGallery_var2 .listEntries .listEntryTitle:empty { display:none; } .listPictureGallery_var2 .listEntries .listEntryDescription { font-size:0.8rem; line-height:143%; overflow:auto; } .listPictureGallery_var2 .listEntries .listEntryDescription:empty { display:none; } .listPictureGallery_var2 .listEntries .listEntryCopyright { float:right; font-weight:normal; font-size:0.9rem; line-height:140%; color:var(--fontColorWeak); 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:var(--backgroundColorWhite); box-shadow:0 0 0 1px #444444; } .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 #DDDDDD; } .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 var(--baseColorPrimary1); } .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 #DDDDDD; } .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 { touch-action:none; } .listPictureGallery_var2 .listEntries { overflow:hidden; margin:-4px; } .listPictureGalleryEntriesPerRow_var0.listPictureGallery_var2 .listEntries .listEntriesInner > div { display:grid; } .listPictureGallery_var2 .listEntries .listEntry { display:block; } .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 .listEntryImage picture img { max-width:100%; width:100%; } .listPictureGallery_var2 .listEntries .listEntryTitle { position:absolute; bottom:0; padding:2px 10px; color:var(--fontColorInverseDefault); 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:11px; line-height:19px; color:var(--fontColorDefault); padding:0 6px; position:absolute; right:4px; margin-top:-23px; background:rgba(255,255,255,0.8); border-radius:0; } .listPictureGallery_var2 .listEntriesPreview { display:none; } .listPictureGallery_var2 .listEntriesPreview .listEntryImage { width:48px; height:48px; display:block; } .listPictureGallery_var2.listPictureGalleryPictureBorder_var10 .listEntry .listEntryInner { margin:0.8rem; padding:0.8rem; background-color:var(--backgroundColorWhite); border:solid 1px #DDDDDD; } .listPictureGallery_var2.listPictureGalleryPictureBorder_var10 .listEntry .listEntryInner .pictureZoomer { top:calc(8px + 0.8rem); right:calc(8px + 0.8rem); } .listPictureGallery_var2.listPictureGalleryPictureBorder_var52 .listEntry .listEntryInner { margin:0.8rem; padding:0.8rem; background-color:var(--backgroundColorWhite); box-shadow:0 2px 8px -1px rgba(0,0,0,0.2); } .listPictureGallery_var2.listPictureGalleryPictureBorder_var52 .listEntry .listEntryInner .pictureZoomer { top:calc(8px + 0.8rem); right:calc(8px + 0.8rem); } .listPictureGallery_var2.listPictureGalleryPictureBorder_var70 .listEntry .listEntryInner { margin:0; } } @media (min-width: 576px) and (min-width: 576px) { .listPictureGalleryEntriesPerRow_var0.listPictureGallery_var2 .listEntries .listEntriesInner > div { grid-template-columns:repeat(2,50%); } } @media (min-width: 768px) and (min-width: 576px) { .listPictureGalleryEntriesPerRow_var0.listPictureGallery_var2 .listEntries .listEntriesInner > div { grid-template-columns:repeat(3,33.33333%); } } .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:not([data-infinityMode="1"]).lastEntrySelected .listMoverForward { display:none; } .listPictureGallery_var20 .listEntryOfEntries { text-align:right; font-size:1rem; line-height:210%; 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; } .listPictureGallery_var608 .listInner { position:relative; overflow:hidden; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; box-shadow:0 2px 16px -2px rgba(0,0,0,0.2); } .listPictureGallery_var608 .listEntries { width:100%; position:relative; overflow:hidden; cursor:pointer; } .listPictureGallery_var608 .listEntries .listEntry { display:none; position:relative; overflow:hidden; } .listPictureGallery_var608 .listEntries .listEntrySelected { display:block; } .listPictureGallery_var608 .listEntries .listEntryButtons { position:absolute; top:2px; right:0; } .listPictureGallery_var608 .listEntries .listEntry a { text-decoration:none; } .listPictureGallery_var608 .listEntries .listEntryImage { display:block; width:100%; max-width:100%; height:auto; } .listPictureGallery_var608 .listEntries .listEntryImage picture { display:block; } .listPictureGallery_var608 .listEntries .listEntryTitle { font-size:1rem; line-height:150%; margin-top:10px; } .listPictureGallery_var608 .listEntries .listEntryTitle:empty { display:none; } .listPictureGallery_var608 .listEntries .listEntryDescription { font-size:0.8rem; line-height:143%; overflow:auto; } .listPictureGallery_var608 .listEntries .listEntryDescription:empty { display:none; } .listPictureGallery_var608 .listEntries .listEntryCopyright { float:right; font-weight:normal; font-size:0.9rem; line-height:140%; color:var(--fontColorWeak); padding-left:4px; } .listPictureGallery_var608 .listEntries .listMoverBack, .listPictureGallery_var608 .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_var608 .listEntries .listMoverBack,.listPictureGalleryPictureAspectRatio_var20.listPictureGallery_var608 .listEntries .listMoverForward { padding-top:50%; } .listPictureGalleryPictureLightbox_var11.listPictureGallery_var608 .listEntries .listMoverBack,.listPictureGalleryPictureLightbox_var12.listPictureGallery_var608 .listEntries .listMoverBack,.listPictureGalleryPictureLightbox_var11.listPictureGallery_var608 .listEntries .listMoverForward,.listPictureGalleryPictureLightbox_var12.listPictureGallery_var608 .listEntries .listMoverForward { margin-top:36px; padding-top:calc(75% - 36px); } .listPictureGallery_var608 .listEntries .listMoverBack > span, .listPictureGallery_var608 .listEntries .listMoverForward > span { height:100%; display:block; } .listPictureGallery_var608 .listEntries .listMoverBack > span:before, .listPictureGallery_var608 .listEntries .listMoverBack > span:after, .listPictureGallery_var608 .listEntries .listMoverForward > span:before, .listPictureGallery_var608 .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:var(--backgroundColorWhite); box-shadow:0 0 0 1px #444444; } .listPictureGallery_var608 .listEntries .listMoverBack > span:after, .listPictureGallery_var608 .listEntries .listMoverForward > span:after { margin-top:16px; } .listPictureGallery_var608 .listEntries .listMoverBack > span:nth-child(2):before, .listPictureGallery_var608 .listEntries .listMoverForward > span:nth-child(2):before { box-shadow:none; outline:none; } .listPictureGallery_var608 .listEntries .listMoverBack > span:nth-child(2):after, .listPictureGallery_var608 .listEntries .listMoverForward > span:nth-child(2):after { display:none; } .listPictureGallery_var608 .listEntries .listMoverBack { left:0; } .listPictureGallery_var608 .listEntries .listMoverBack:hover { opacity:1; } .listPictureGallery_var608 .listEntries .listMoverBack > span:before, .listPictureGallery_var608 .listEntries .listMoverBack > span:after { left:3%; } .listPictureGallery_var608 .listEntries .listMoverBack > span:before { transform:rotate(-50deg); } .listPictureGallery_var608 .listEntries .listMoverBack > span:after { transform:rotate(50deg); } .listPictureGallery_var608 .listEntries .listMoverForward { right:0; } .listPictureGallery_var608 .listEntries .listMoverForward:hover { opacity:1; } .listPictureGallery_var608 .listEntries .listMoverForward > span:before, .listPictureGallery_var608 .listEntries .listMoverForward > span:after { right:3%; } .listPictureGallery_var608 .listEntries .listMoverForward > span:before { transform:rotate(50deg); } .listPictureGallery_var608 .listEntries .listMoverForward > span:after { transform:rotate(-50deg); } .listPictureGallery_var608 .pictureZoomer { box-sizing:border-box; z-index:1; cursor:pointer; pointer-events:none; display:none; position:absolute; left:calc(50% - 64px); top:calc(50% - 64px); width:128px; height:128px; font-size:0; color:transparent; border:none; border-radius:50%; background-color:rgba(255,255,255,0.8); transition:all 0.2s ease-in-out; } .listPictureGallery_var608 .pictureZoomer:before { content:''; position:absolute; display:block; left:40px; top:62px; width:48px; height:4px; background-color:var(--baseColorDarker); } .listPictureGallery_var608 .pictureZoomer:after { content:''; position:absolute; left:62px; top:40px; display:block; width:4px; height:48px; background-color:var(--baseColorDarker); } .wglMaximized .listPictureGallery_var608 .pictureZoomer { transform:rotate(45deg); } .listPictureGallery_var608:hover .pictureZoomer { transform:scale(1.2); } .listPictureGallery_var608 .listEntriesPreview { display:none; } .listPictureGallery_var608 .listEntryOfEntries { text-align:right; font-size:1rem; line-height:210%; padding:0 6px 0 0; } .listPictureGallery_var608 .listEntryOfEntries .listEntryOfEntriesEntries:before { content:'/'; padding:0 4px; } .listPictureGallery_var608[data-prevnextpreview='1'] .listEntriesPreview .listEntriesPreviewInner { margin:12px 32px; } .listPictureGallery_var608[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%; } .listPictureGalleryEntriesPerRow_var3 .listEntriesInner > div { display:grid; } .listPictureGalleryEntriesPerRow_var3 .listEntriesInner > div .listEntry { width:100%; } @media (min-width: 576px) { .listPictureGalleryEntriesPerRow_var3 .listEntriesInner > div { grid-template-columns:repeat(2,50%); } } @media (min-width: 768px) { .listPictureGalleryEntriesPerRow_var3 .listEntriesInner > div { grid-template-columns:repeat(3,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-left:0; padding-right:0; } .listPrevNext .pageNaviPagePositionOfPages { background-color:var(--backgroundColorPageNaviListEntryActive); color:var(--fontColorPageNaviListEntry); 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:#606060 !important; padding-left:1rem; display:inline-block; } .listPrevNext_var0 .pageNaviNextLink > span { color:#606060 !important; padding-right:1rem; display:inline-block; } } .elementSearchList, .elementSearchForm { margin-bottom:0.5rem; } .elementSearchList input.searchTerm, .elementSearchForm input.searchTerm { width:320px; max-width:calc(100% - 120px); margin:0 0.5rem 0.5rem 0; } div.searchQuicklinks { display:inline-block; position:relative; } div.searchQuicklinks .searchQuicklinksCaption { position:relative; z-index:2; line-height:calc(2rem - 2px); padding:0 36px 0 0.6rem; margin:0; border:solid 1px #006AB3; color:var(--fontColorLink); background:var(--baseColorWhite); } div.searchQuicklinks .searchQuicklinksCaption:before, div.searchQuicklinks .searchQuicklinksCaption:after { transition:all 0.3s ease-in-out; content:''; position:absolute; top:0; right:8px; margin:20px 8px 0 0; display:block; width:12px; height:2px; background-color:var(--fontColorLink); transform:rotate(40deg); } div.searchQuicklinks .searchQuicklinksCaption:after { margin:20px 0 0 0; transform:rotate(-40deg); } div.searchQuicklinks .searchQuicklinksLinks { position:absolute; z-index:1; min-width:100%; display:none; padding:0.4rem 0; background:var(--baseColorWhite); border:solid 1px #DDDDDD; margin-top:-4px; } div.searchQuicklinks .searchQuicklinksLinks .searchQuicklinksEntry a { display:block; text-align:left; padding:0.2rem 0.6rem; text-decoration:none; line-height:130%; } div.searchQuicklinks:hover .searchQuicklinksLinks { display:block; } div.searchQuicklinks select.searchFilter { height:2rem; padding:0 0.3rem; margin:0 0.5rem 0.5rem 0; } .elementSearchForm dl { margin: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 #DDDDDD; color:var(--fontColorFunctionsActive); border-radius:3px; } .searchFilterCount .searchFilterCountEntry[data-selected='1'] { color:var(--fontColorDefault); } .searchFilterCount .searchFilterCountEntry .searchFilterCountEntryCount:before { content:'('; } .searchFilterCount .searchFilterCountEntry .searchFilterCountEntryCount:after { content:')'; } .searchFilterCount select.searchFilter { height:2rem; padding:0 0.3rem; margin:0 0.5rem 0.5rem 0; } @media (prefers-contrast:more) { .searchFilterCount .searchFilterCountEntry { color:var(--fontColorDefault); border-color:var(--baseColorBlack); } } .elementSearchList #searchSuggestOuter, .elementSearchForm #searchSuggestOuter { position:absolute; z-index:20; background-color:var(--backgroundColorWhite); border:solid 1px #DDDDDD; border-top-style:none; margin-top:-0.5rem; } .elementSearchList #searchSuggestOuter .searchSuggestEntry, .elementSearchForm #searchSuggestOuter .searchSuggestEntry { padding:2px 6px; cursor:pointer; color:var(--fontColorDefault); } .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:var(--backgroundColorLight1); } .elementSearchList button, .elementSearchForm button { margin:0 0.5rem 0 0 !important; } .searchAnswerAi { --backgroundColorRgb:0, 106, 179; border:solid 1px var(--baseColorPrimary1); background:rgba(var(--backgroundColorRgb), 0.05); padding:1rem; margin-bottom:2rem; } .searchAnswerAi .searchAnswerAiCaption { color:var(--baseColorPrimary1); font-weight:bold; } .listSearchResult .listEntry { position:relative; overflow:hidden; padding:15px 0; margin:0; border-bottom:solid 1px #DDDDDD; cursor:pointer; } .listSearchResult .listEntry[data-isai='1']:before { --backgroundColorRgb:0, 106, 179; content:'Nur durch KI gefunden'; position:absolute; right:0; top:3px; font-size:11px; line-height:15px; padding:0 4px; color:var(--baseColorPrimary1); background:rgba(var(--backgroundColorRgb), 0.05); border:solid 1px var(--baseColorPrimary1); border-radius:3px; } .listSearchResult .listEntry[data-isai='1'][data-isaiadditional='1']:before { content:'Höher gewichtet durch KI'; } .listSearchResult .listEntryTitle { font-size:1.2rem; line-height:130%; font-weight:600; color:var(--fontColorEntryTitle); padding:0 0 0.5rem 0; } .listSearchResult .listEntryTitle a { text-decoration:none; } .listSearchResult .listEntryDescription { margin:0; color:var(--fontColorEntryDescription); } .listSearchResult .listEntryUrl { margin:0; } .listSearchResult .listEntryUrl a { color:var(--fontColorLink); } @media (prefers-contrast:more) { .listSearchResult .listEntryDescription { color:var(--fontColorDefault); } } .elementIncludeGroup > *:last-child { margin-bottom:0; } .no-weditor wandamp a:focus { outline-width:3px !important; outline-style:dotted !important; outline-color:#ff7f19 !important; } .no-weditor wandamp a:focus:hover { outline-width:0 !important; } .no-weditor wandamp div:focus, .no-weditor wandamp div:focus-visible, .no-weditor wandamp span:focus-visible { outline-width:3px !important; outline-style:dotted !important; outline-color:#ff7f19 !important; transition:none !important; z-index:10000000; } .no-weditor wandamp div:focus:hover, .no-weditor wandamp span:focus:hover { outline-width:0 !important; } .no-weditor wandamp .accordionContent:focus:focus-visible { outline-width:0px !important; outline-color:transparent !important; } .no-weditor wandamp html:not(.object-start) #blockContentInner #beButtonsPage + .elementSectionPadding_var0, .no-weditor wandamp html:not(.object-start) #blockContentInner #beButtonsPage + .elementSectionObjectContactPerson { padding-top:0.5rem !important; } .no-weditor wandamp html:not(.object-start) #blockContentInner .wglButtonsObject + .elementSectionPadding_var0, .no-weditor wandamp html:not(.object-start) #blockContentInner .wglButtonsObject + .elementSectionObjectContactPerson { padding-top:0.5rem !important; } .no-weditor wandamp html:not(.object-start) #blockContentInner .elementSectionPadding_var0:first-child, .no-weditor wandamp html:not(.object-start) #blockContentInner .elementSectionObjectContactPerson:first-child { padding-top:0.5rem !important; } .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} /* Barrierefrei-Menü */ #wAiMenu { position:fixed; top:48px; @media only screen and (max-height: 720px){ top:0; } @if $pageType == boxed { right:-1200px; } @else { right:-400px; } font-size:17px; line-height:23px; width:360px; box-sizing:border-box; background:#ffffff; color:#000000; transition:all 0.3s linear; z-index:1000000; &.open { right:16px; @media only screen and (max-width: 376px){ right:0; } box-shadow:0 0 12px #0004; } .wAiMenuTitle { padding:12px 16px; font-size:24px; font-weight:bold; background:#000000; color:#ffffff; } .wAiMenuCloser { cursor:pointer; position:absolute; right:16px; top:12px; width:24px; height:24px; &:before, &:after { content:''; position:absolute; margin-top:11px; display:block; width:24px; height:3px; background-color:#ffffff; transform:rotate(45deg); } &:after { transform:rotate(-45deg); } } .wAiSection{ border-top:solid 1px #000000; @media only screen and (max-height: 720px){ line-height:19px; } } .wAiSectionHeader { padding:12px 16px; font-weight:bold; } .wAiSectionContent { padding:0 16px 12px 16px; @media only screen and (max-height: 720px){ padding-bottom:8px; } } .wAiRangeSelector { .wAiRangeLabels{ display:flex; justify-content:space-between; } } .wAiRangeSelection { display:flex; > span { cursor:pointer; border:solid 2px #000000; padding:4px 10px; border-radius:32px; margin-left:6px; &:first-child { margin-left:0; } } > span.wAiRangeSelected, > span:hover { color:#ffffff; background:#000000; } > span:focus { outline:dotted 3px $baseColorPrimary2 !important; } } .wAiReader { .wAiReaderStartReading, .wAiReaderPauseReading, .wAiReaderStopReading { display:inline-block; cursor:pointer; border:solid 2px #000000; padding:6px 10px; border-radius:32px; &:focus { outline:dotted 3px $baseColorPrimary2 !important; } } .wAiReaderPauseReading, .wAiReaderStopReading { display:none; } &.isReading { .wAiReaderStartReading{ display:none; } .wAiReaderPauseReading, .wAiReaderStopReading { display:inline-block; } .wAiReaderStopReading { margin-left:6px; background:#cc0000; color:#ffffff; } } } .wAiVendorInfo { cursor:pointer; font-size:12px; font-weight:bold; margin-bottom:-4px; } } #wAiMenu.withIcons { .wAiSection .wAiSectionHeader { position:relative; padding-left:48px; } .wAiSection .wAiSectionHeader:before { position:absolute; content:''; display:inline-block; width:24px; height:24px; left:16px; border:solid 2px #000000; border-radius:24px; } .wAiSectionFontSize .wAiSectionHeader:before { background-image:url('/wLayout25/wGlobal/layout/images/icons/optimized/waiFontSize.svg'); } .wAiSectionContrast .wAiSectionHeader:before { background-image:url('/wLayout25/wGlobal/layout/images/icons/optimized/waiContrast.svg'); } .wAiSectionDarkMode .wAiSectionHeader:before { background-image:url('/wLayout25/wGlobal/layout/images/icons/optimized/waiDarkMode.svg'); } .wAiSectionHideImages .wAiSectionHeader:before { background-image:url('/wLayout25/wGlobal/layout/images/icons/optimized/waiHideImages.svg'); } .wAiSectionAvoidAnimations .wAiSectionHeader:before { background-image:url('/wLayout25/wGlobal/layout/images/icons/optimized/waiAvoidAnimations.svg'); } .wAiSectionEasyLanguage .wAiSectionHeader:before { background-image:url('/wLayout25/wGlobal/layout/images/icons/optimized/waiEasyLanguage.svg'); } .wAiSectionPageReader .wAiSectionHeader:before { background-image:url('/wLayout25/wGlobal/layout/images/icons/optimized/waiPageReader.svg'); } } .headerElementWaiMenu { -w-editmaskExtended-label:yes; position:relative; display:flex; align-items:center; height:var(--heightElementEntry); .wAiIcon { height:32px; width:32px; margin-right:4px; background:#ffffff; background-image:url('/wLayout25/wGlobal/layout/images/icons/optimized/accessibility.svg'); background-repeat:no-repeat; background-position:center; border:solid 2px #000000; border-radius:32px; cursor:pointer; &.hasMadeSelection { filter:invert(1); } &:focus { outline:dotted 3px $baseColorPrimary2 !important; } } .wAiIconLabel { cursor:pointer; font-size:0.9rem; padding:0 0.3rem; } } .headerElementWaiMenu_var0 { -w-jquery:jQuery('#wAiMenu').addClass('withIcons'); } .headerElementWaiMenu_var60 { -w-jquery:jQuery('#wAiMenu').closest('.headerArea > div').prepend(jQuery('#wAiMenu')); } .headerElementWaiMenuLabel_var10 { -w-option-showLabel:yes; } #deferred-styles-dyn {display:none}