/* 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:#00a3cc; --baseColorPrimary2:#ef7c3d; --baseColorWhite:#FFFFFF; --baseColorLighter:#F0F0F0; --baseColorLight:#DDDDDD; --baseColorSemi:#C0C0C0; --baseColorDark:#6D6D6D; --baseColorDarker:#444444; --baseColorBlack:#000000; --backgroundColorBody:#c0c0c0; --backgroundColorHeader:var(--baseColorLighter); --backgroundColorHeaderBefore:var(--baseColorDarker); --fontColorHeaderBefore:var(--baseColorWhite); --fontColorSearchSymbolHeaderBefore:var(--baseColorWhite); --fontColorHeaderAfter:var(--baseColorDark); --backgroundColorHeaderAfter:var(--baseColorLight); --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(--baseColorLighter); --fontColorNavigationMetaHeaderBeforeLevel1Hover:var(--baseColorLighter); --fontColorNavigationMetaHeaderBeforeLevel1Active:var(--baseColorLighter); --backgroundColorNavigationMeta:transparent; --backgroundColorNavigationMain:transparent; --backgroundColorNavigationMainLayer:var(--baseColorLighter); --backgroundColorMegaDropdown:var(--baseColorLighter); --backgroundColorNavigationMainBlockBefore:transparent; --fontColorNavigationMainLevel1:var(--baseColorBlack); --fontColorNavigationMainLevel1Selected:#000000; --fontColorNavigationMainLevel1Hover:var(--baseColorBlack); --fontColorNavigationMainLevel1Active:var(--baseColorBlack); --fontColorNavigationMainLevel2:var(--baseColorBlack); --fontColorNavigationMainLevel2Selected:var(--baseColorBlack); --fontColorNavigationMainLevel2Hover:var(--baseColorBlack); --fontColorNavigationMainLevel2Active:var(--baseColorBlack); --backgroundColorNavigationMainLevel1:transparent; --backgroundColorNavigationMainLevel1Selected:transparent; --backgroundColorNavigationMainLevel1Hover:transparent; --backgroundColorNavigationMainLevel1Active:transparent; --backgroundColorNavigationMainLevel2:transparent; --backgroundColorNavigationMainLevel2Selected:transparent; --backgroundColorNavigationMainLevel2Hover:rgba(0,0,0,0.02); --backgroundColorNavigationMainLevel2Active:rgba(0,0,0,0.05); --symbolColorNavigationMenu:var(--baseColorBlack); --symbolColorNavigationMenuOpen:var(--symbolColorNavigationMenu); --backgroundColorNavigationMenu:#f6f6f6; --borderColorNavigationMenuMenuLevel1:var(--baseColorSemi); --fontColorNavigationMenuLevel1:var(--baseColorBlack); --fontColorNavigationMenuLevel1Selected:var(--baseColorBlack); --fontColorNavigationMenuLevel1Hover:var(--baseColorBlack); --fontColorNavigationMenuLevel1Active:var(--baseColorBlack); --fontColorNavigationMenuLevel2:var(--baseColorBlack); --fontColorNavigationMenuLevel2Selected:var(--baseColorBlack); --fontColorNavigationMenuLevel2Hover:var(--baseColorBlack); --fontColorNavigationMenuLevel2Active:var(--baseColorBlack); --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); --backgroundColorNavigationSubLevel1:transparent; --backgroundColorNavigationSubLevel1Selected:transparent; --backgroundColorNavigationSubLevel1Hover:transparent; --backgroundColorNavigationSubLevel1Active:transparent; --backgroundColorNavigationSubLevel2:transparent; --backgroundColorNavigationSubLevel2Selected:transparent; --backgroundColorNavigationSubLevel2Hover:transparent; --backgroundColorNavigationSubLevel2Active: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:#DC0000; --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:rgba(255,255,255,0.7); --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); --backgroundColorButton:var(--baseColorPrimary1); --backgroundColorButtonHover:rgba(0,163,204,0.8); --backgroundColorButtonActive:rgba(0,163,204,0.6); --borderColorButton:var(--baseColorPrimary1); --borderColorButtonHover:rgba(0,163,204,0.8); --borderColorButtonActive:rgba(0,163,204,0.6); --fontColorButton:var(--baseColorWhite); --fontColorButtonHover:var(--baseColorWhite); --fontColorButtonActive:var(--baseColorWhite); --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); --fontColorInverseButton:var(--baseColorBlack); --fontColorInverseButtonHover:var(--baseColorBlack); --fontColorInverseButtonActive:var(--baseColorBlack); --backgroundColorInputs:var(--baseColorWhite); --borderColorInput:var(--baseColorSemi); --borderColorInputFocus:var(--baseColorDark); --backgroundColorTable:var(--baseColorWhite); --backgroundColorTableHeader:var(--baseColorDark); --backgroundColorTableCellHightlighted:var(--baseColorLighter); --borderColorTable:var(--baseColorDark); --colorLinkIcon:var(--fontColorLink); --colorLinkIconInverse:var(--fontColorInverseLink); --fontColorFunctions:var(--baseColorDark); --fontColorFunctionsActive:; --backgroundColorFunctions:transparent; --backgroundColorFunctionsActive:transparent; --backgroundColorFooter:#252525; --isDarkBackgroundFooter:yes; } @font-face { font-family:'OpenSans'; font-weight:300 400; font-display:swap; src:url('/kranenburg-wGlobal/wGlobal/layout/webfonts/OpenSans/OpenSans-Regular.woff2') format('woff2'); } @font-face { font-family:'OpenSans'; font-weight:100 200; font-display:swap; src:url('/kranenburg-wGlobal/wGlobal/layout/webfonts/OpenSans/OpenSans-Light.woff2') format('woff2'); } @font-face { font-family:'OpenSans'; font-weight:500 700; font-display:swap; src:url('/kranenburg-wGlobal/wGlobal/layout/webfonts/OpenSans/OpenSans-Bold.woff2') format('woff2'); } @font-face { font-family:'OpenSans'; font-weight:800 900; font-display:swap; src:url('/kranenburg-wGlobal/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 #000000; 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 #000000; 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 #000000; 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 #000000; 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("/kranenburg-wGlobal/wGlobal/layout/images/animations/optimized/appendList@fill(666666).svg"); background-size:100%; background-repeat:no-repeat; visibility:visible; margin:0 auto; } .wEmbededPage[data-embedpagetarget='body'] .wEmbededPageCloser { position:fixed; } .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("/kranenburg-wGlobal/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 rgba(68,68,68,0.5); } .wLightbox .wLightboxMoverBack > span:after, .wLightbox .wLightboxMoverForward > span:after { margin-top:16px; } .wLightbox .wLightboxMoverBack > span:nth-child(2):before, .wLightbox .wLightboxMoverForward > span:nth-child(2):before { box-shadow:none; outline:none; } .wLightbox .wLightboxMoverBack > span:nth-child(2):after, .wLightbox .wLightboxMoverForward > span:nth-child(2):after { display:none; } .wLightbox .wLightboxMoverBack { left:0; } .wLightbox .wLightboxMoverBack > span:before, .wLightbox .wLightboxMoverBack > span:after { left:16px; } .wLightbox .wLightboxMoverBack > span:before { transform:rotate(-50deg); } .wLightbox .wLightboxMoverBack > span:after { transform:rotate(50deg); } .wLightbox .wLightboxMoverForward { right:0; } .wLightbox .wLightboxMoverForward > span:before, .wLightbox .wLightboxMoverForward > span:after { right:16px; } .wLightbox .wLightboxMoverForward > span:before { transform:rotate(50deg); } .wLightbox .wLightboxMoverForward > span:after { transform:rotate(-50deg); } .wLightbox .wLightboxMoverBackAvailable, .wLightbox .wLightboxMoverForwardAvailable { display:block; } .wLightbox .wLightboxCloser { cursor:pointer; display:block; box-sizing:border-box; position:absolute; z-index:3; right:4px; top:4px; width:32px; height:32px; font-size:0; color:transparent; background-color: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 .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:48px; --visibleHeightShifted:8px; } @media only screen and (min-width: 992px) { :root { --heightBlockHeader:96px; --visibleHeightShifted:8px; } } #blockHeader { position:fixed; z-index:100; top:0; width:100%; border-bottom:1px solid transparent; transition:transform 0.3s ease-in-out, background 0.3s linear; } .scrolldirection-up #blockHeader { transform:translateY(0); transition:transform 0.2s ease-in-out; } .scrolldirection-down:not(.navmenu-open) #blockHeader { transform:translateY(calc(var(--visibleHeightShifted) - var(--heightBlockHeader))) !important; transition:transform 1.2s ease-in-out; } .headerElementContainer { display:flex; } .headerElementContainer p:last-child { margin-bottom:0; } .headerElementContainer_var0 { position:relative; } .wMaskConfigPageHeader .headerElementContainer_var0 { min-width:24px; min-height:24px; padding-left:16px; outline:dashed 1px #c0c0c0; } .headerElementContainer_var0 .containerInner { display:flex; } .headerElementContainer_var40 { position:relative; } .wMaskConfigPageHeader .headerElementContainer_var40 { min-width:24px; min-height:24px; padding-left:16px; outline:dashed 1px #c0c0c0; } .headerElementContainer_var40 .containerInner { display:flex; flex-direction:column; } .headerElementContainer_var40 .containerInner .wItemContainer { position:relative; } .wMaskConfigPageHeader .headerElementContainerVisibility_var30 { outline:dashed 1px #ff00ff; } @media (min-width: 992px) { .no-weditor .headerElementContainerVisibility_var30 { display:none; } } @media (min-width: 992px) { .weditor .headerElementContainerVisibility_var30 { opacity:0.5; } } .wMaskConfigPageHeader .headerElementContainerVisibility_var60 { outline:dashed 1px #ff00ff; } @media (max-width: 991px) { .headerElementContainerVisibility_var60 { display:none; } } .headerElementContainerScrollCondition_var40 { display:none; } .scrolldirection-down .headerElementContainerScrollCondition_var40 { display:block; } .weditor .headerElementContainerScrollCondition_var40 { display:block; } .headerElementContainerScrollCondition_var45 { display:block; } .scrolldirection-down .headerElementContainerScrollCondition_var45 { display:none; } .weditor .headerElementContainerScrollCondition_var45 { display:block; } .headerElementDivider { position:relative; } .headerElementDivider_var0 { display:flex; width:16px; } .headerElementDivider_var10 { --color:var(--baseColorDark); display:flex; align-items:center; justify-content:center; } .headerElementDivider_var10:after { display:block; content:''; width:1px; height:32px; background:var(--color); } .headerElementDivider_var12 { --color:var(--baseColorDark); display:flex; align-items:center; justify-content:center; } .headerElementDivider_var12:after { display:block; content:''; width:1px; height:16px; background:var(--color); } .headerElementDivider_var18 { --color:var(--baseColorDark); display:flex; align-items:center; justify-content:center; } .headerElementDivider_var18:after { display:block; content:''; width:1px; height:48px; background:var(--color); } .headerElementDivider_var20 { --color:var(--baseColorDark); display:flex; align-items:center; justify-content:center; } .headerElementDivider_var20:after { display:block; content:''; width:3px; height:32px; background:var(--color); } .headerElementDivider_var22 { --color:var(--baseColorDark); display:flex; align-items:center; justify-content:center; } .headerElementDivider_var22:after { display:block; content:''; width:3px; height:16px; background:var(--color); } .headerElementDivider_var28 { --color:var(--baseColorDark); display:flex; align-items:center; justify-content:center; } .headerElementDivider_var28:after { display:block; content:''; width:3px; height:48px; background:var(--color); } .headerElementDividerSpace_var0 { width:16px; } .headerElementDividerSpace_var20 { width:8px; } .weditor-header .headerElementDividerSpace_var20 { min-width:16px; } .headerElementDividerSpace_var80 { width:32px; } .headerElementDividerColor_var0 { --color:var(--baseColorDark); } .headerElementDividerColor_var10 { --color:var(--baseColorWhite); } .headerElementDividerColor_var20 { --color:var(--baseColorBlack); } .headerElementDividerColor_var91 { --color:var(--baseColorPrimary1); } .headerElementDividerColor_var92 { --color:var(--baseColorPrimary2); } .headerElementLanguageSelector { position:relative; display:flex; align-items:center; height:var(--heightElementEntry); } .headerElementLanguageSelector_var0 { --fontColorLanguageSelector:var(--fontColorDefault); --fontColorLanguageSelectorSelected:var(--fontColorDefault); --fontColorLanguageSelectorHover:var(--fontColorDefault); padding:10px 10px; } .headerElementLanguageSelector_var0 #languageSelected { display:none; } .headerElementLanguageSelector_var0 #languageSelectable a.lang { display:block; text-decoration:none; float:left; padding:0 4px; color:var(--fontColorLanguageSelector); } .headerElementLanguageSelector_var0 #languageSelectable a.lang.current { color:var(--fontColorLanguageSelectorSelected); } .headerElementLanguageSelector_var0 #languageSelectable a.lang:hover { color:var(--fontColorLanguageSelectorHover); } .headerElementLanguageSelector_var0 #languageSelectable a.lang:first-child { padding-left:0; } .headerElementLanguageSelector_var0 #languageSelectable a.lang:last-child { padding-right:0; } .headerElementLanguageSelector_var0 #languageSelectable a.lang img { display:none; } .headerElementLanguageSelector_var0 #languageSelectable a.lang .textShort { display:block; text-transform:uppercase; } .headerElementLanguageSelector_var0 #languageSelectable a.lang .text { display:none; } .headerElementLanguageSelector_var0 #languageSelectable.lang.current img { box-shadow:0 0 3px rgba(0,0,0,0.5); } .headerElementLanguageSelector_var10 { --fontColorLanguageSelectorSelected:var(--fontColorDefault); --backgroundColorLanguageSelectorSelected:transparent; --fontColorLanguageSelectorSelectable:var(--fontColorDefault); --fontColorLanguageSelectorSelectableHover:var(--fontColorDefault); --backgroundColorLanguageSelectorLayer:var(--baseColorWhite); --backgroundColorLanguageSelectorSelectable:transparent; --backgroundColorLanguageSelectorSelectableHover:rgba(0,0,0,0.05); z-index:1; padding:0 0 0 8px; } .headerElementLanguageSelector_var10 #languageSelected { position:relative; line-height:32px; padding:0 20px 0 4px; color:var(--fontColorLanguageSelectorSelected); background:var(--backgroundColorLanguageSelectorSelected); display:block; } .headerElementLanguageSelector_var10 #languageSelected img { height:16px; box-shadow:0 0 3px rgba(0,0,0,0.2); background:var(--backgroundColorWhite); background:var(--backgroundColorWhite); } .headerElementLanguageSelector_var10 #languageSelected .textShort { display:none; } .headerElementLanguageSelector_var10 #languageSelected .text { display:none; } .headerElementLanguageSelector_var10 #languageSelected .opener { position:absolute; display:block; right:0; top:2px; width:20px; height:24px; cursor:pointer; } .headerElementLanguageSelector_var10 #languageSelected .opener:before, .headerElementLanguageSelector_var10 #languageSelected .opener:after { content:''; position:absolute; display:block; width:8px; height:2px; margin:14px 0 0 4px; background:var(--fontColorLanguageSelectorSelected); transform:rotate(40deg); } .headerElementLanguageSelector_var10 #languageSelected .opener:after { margin:14px 0 0 9px; transform:rotate(-40deg); } .headerElementLanguageSelector_var10 #languageSelectable { display:none; position:absolute; right:0; z-index:20; padding:0; background:var(--backgroundColorLanguageSelectorLayer); } .headerElementLanguageSelector_var10 #languageSelectable a.lang { display:block; text-decoration:none; padding:4px 8px; white-space:nowrap; color:var(--fontColorLanguageSelectorSelectable); background:var(--backgroundColorLanguageSelectorSelectable); } .headerElementLanguageSelector_var10 #languageSelectable a.lang.current { display:none; } .headerElementLanguageSelector_var10 #languageSelectable a.lang:hover { color:var(--fontColorLanguageSelectorSelectableHover); background:var(--backgroundColorLanguageSelectorSelectableHover); } .headerElementLanguageSelector_var10 #languageSelectable a.lang img { height:16px; box-shadow:0 0 3px rgba(0,0,0,0.2); background:var(--backgroundColorWhite); display:inline-block; margin-right:8px; } .headerElementLanguageSelector_var10 #languageSelectable a.lang .textShort { display:none; } .headerElementLanguageSelector_var10 #languageSelectable a.lang .text { display:inline-block; } .headerElementLanguageSelector_var10:hover #languageSelectable, .headerElementLanguageSelector_var10.open #languageSelectable { display:block; } .headerElementLink { position:relative; display:flex; align-items:center; height:var(--heightElementEntry); } .headerElementLink .headerLink { display:inline-block; } .headerElementLink_var0 { --fontSizeLink:1rem; --color:var(--baseColorDark); } .headerElementLink_var0 .headerLink { font-size:var(--fontSizeLink); color:var(--color); text-decoration:none; } .headerElementLink_var5 { --fontSizeLink:1rem; --color:var(--baseColorDark); } .headerElementLink_var5 .headerLink { font-size:var(--fontSizeLink); color:var(--color); } .headerElementLink_var20 { --fontSizeButton:0.9rem; --lineHeight:30px; --padding:0 10px; --color:var(--baseColorPrimary1); --colorInverse:var(--baseColorWhite); --borderRadius:5px; padding:0; } .headerElementLink_var20 .headerLink { font-size:var(--fontSizeButton); background:var(--color); border:solid 1px var(--color); color:var(--colorInverse); border-radius:var(--borderRadius); text-decoration:none; line-height:var(--lineHeight); padding:var(--padding); } .headerElementLink_var30 { --fontSizeButton:0.9rem; --lineHeight:30px; --padding:0 10px; --color:var(--baseColorPrimary1); --colorInverse:var(--baseColorWhite); --borderRadius:5px; padding:0; } .headerElementLink_var30 .headerLink { font-size:var(--fontSizeButton); background:var(--colorInverse); border:solid 1px var(--color); color:var(--color); border-radius:var(--borderRadius); text-decoration:none; line-height:var(--lineHeight); padding:var(--padding); } .headerElementLink_var240 { --iconSize:40px; padding:0; } .headerElementLink_var240 .headerLink { text-decoration:none; } .headerElementLink_var240 .headerLink img { display:block; height:var(--iconSize); } .headerElementLink_var250 { --fontSizeButton:0.8rem; --lineHeight:30px; --padding:0 10px 0 0; --color:var(--baseColorBlack); --colorInverse:transparent; --border:none; --borderRadius:5px; --iconSize:40px; padding:0; } .headerElementLink_var250 .headerLink { text-decoration:none; display:flex; align-items:center; } .headerElementLink_var250 .headerLink img { display:block; height:var(--iconSize); } .headerElementLink_var250 .headerLink span { font-size:var(--fontSizeButton); background:var(--colorInverse); border:var(--border); color:var(--color) !important; border-radius:var(--borderRadius); line-height:var(--lineHeight); padding:var(--padding); } .headerElementLinkColor_var0 { --color:var(--baseColorBlack); --colorInverse:var(--baseColorWhite); } .headerElementLinkColor_var10 { --color:var(--baseColorWhite); --colorInverse:var(--baseColorBlack); } .headerElementLinkColor_var20 { --color:var(--baseColorDark); --colorInverse:var(--baseColorWhite); } .headerElementLinkColor_var91 { --color:var(--baseColorPrimary1); --colorInverse:var(--baseColorWhite); } @media (prefers-contrast:more) { .headerElementLinkColor_var91 { --color:var(--baseColorBlack); } } .headerElementLinkColor_var92 { --color:var(--baseColorPrimary2); --colorInverse:var(--baseColorWhite); } @media (prefers-contrast:more) { .headerElementLinkColor_var92 { --color:var(--baseColorBlack); } } .headerElementLinkSize_var20 { --fontSizeLink:0.8rem; --fontSizeButton:0.7rem; --lineHeight:22px; --padding:0 8px; --iconSize:32px; } .headerElementLinkSize_var80 { --fontSizeLink:1.2rem; --fontSizeButton:1rem; --lineHeight:34px; --padding:0 12px; --iconSize:48px; } .headerElementLinkBorderRadius_var10 { --borderRadius:0px; } .headerElementLinkBorderRadius_var20 { --borderRadius:20px; --padding:0 15px; } .headerElementLinkBorderRadius_var20.headerElementLinkSize_var20 { --padding:0 12px; } .headerElementLinkBorderRadius_var20.headerElementLinkSize_var80 { --padding:0 18px; } .headerElementLogo { position:relative; } .headerElementLogo .logoImg, .headerElementLogo .logoImgMobile { display:block; height:32px; } .headerElementLogo .logoImgFull { display:none; } .headerElementLogo .logoImgOnScroll { display:none; } .headerElementLogo .logoSVG svg { height:100%; } .scrolldirection-down:not(.navmenu-open) .headerElementLogo #logo { transition:all 1.2s ease-in-out; } .scrolldirection-down:not(.navmenu-open) .headerElementLogo #logo[data-haslogoonscroll = "1"] img { display:none; } .scrolldirection-down:not(.navmenu-open) .headerElementLogo #logo[data-haslogoonscroll = "1"] img.logoImgOnScroll { display:block; } @media (min-width: 992px) { .headerElementLogo .logoImgMobile { display:none; } .headerElementLogo .logoImg, .headerElementLogo .logoImgFull { display:block; } } .headerElementLogo_var10 .logoImg, .headerElementLogo_var10 .logoImgMobile { height:32px; } @media (min-width: 992px) { .headerElementLogo_var10 { height:32px; } .headerElementLogo_var10 .logoImgMobile { display:none; } .headerElementLogo_var10 .logoImg, .headerElementLogo_var10 .logoImgFull { display:block; height:32px; } } .headerElementLogo_var20 .logoImg, .headerElementLogo_var20 .logoImgMobile { height:32px; } @media (min-width: 992px) { .headerElementLogo_var20 { height:48px; } .headerElementLogo_var20 .logoImgMobile { display:none; } .headerElementLogo_var20 .logoImg, .headerElementLogo_var20 .logoImgFull { display:block; height:48px; } } .headerElementLogo_var25 .logoImg, .headerElementLogo_var25 .logoImgMobile { height:32px; } @media (min-width: 992px) { .headerElementLogo_var25 { height:48px; transition:height 0.3s linear; } .scrolldirection-down .headerElementLogo_var25 { height:24px; } .headerElementLogo_var25 .logoImgMobile { display:none; } .headerElementLogo_var25 .logoImg, .headerElementLogo_var25 .logoImgFull { display:block; height:48px; transition:height 0.3s linear; } .scrolldirection-down .headerElementLogo_var25 .logoImg, .scrolldirection-down .headerElementLogo_var25 .logoImgFull { height:24px; } } .headerElementLogo_var30 .logoImg, .headerElementLogo_var30 .logoImgMobile { height:32px; } @media (min-width: 992px) { .headerElementLogo_var30 { height:64px; } .headerElementLogo_var30 .logoImgMobile { display:none; } .headerElementLogo_var30 .logoImg, .headerElementLogo_var30 .logoImgFull { display:block; height:64px; } } .headerElementLogo_var40 .logoImg, .headerElementLogo_var40 .logoImgMobile { height:32px; } @media (min-width: 992px) { .headerElementLogo_var40 { height:80px; } .headerElementLogo_var40 .logoImgMobile { display:none; } .headerElementLogo_var40 .logoImg, .headerElementLogo_var40 .logoImgFull { display:block; height:80px; } } @media (max-width: 991px) { .headerElementLogoMobile_var10 { height:24px; } .headerElementLogoMobile_var10 .logoImg, .headerElementLogoMobile_var10 .logoImgMobile { height:24px; } .headerElementLogoMobile_var10 .logoImgFull { display:none; } } @media (max-width: 991px) { .headerElementLogoMobile_var30 { height:48px; } .headerElementLogoMobile_var30 .logoImg, .headerElementLogoMobile_var30 .logoImgMobile { height:48px; } .headerElementLogoMobile_var30 .logoImgFull { display:none; } } .weditor-header .headerElementNavigation { position:relative; } .headerElementNavigation_var0 { --heightBlockHeaderNavigation:var(--heightBlockHeader); } @media (max-width: 991px) { .headerElementNavigation_var0 html.navmenu-open { overflow:hidden; } .headerElementNavigation_var0 .headerNavigation { width:100%; position:relative; } .headerElementNavigation_var0 .headerNavigation .navlayerBackParentTitle, .headerElementNavigation_var0 .headerNavigation .navlayerBackTitle, .headerElementNavigation_var0 .headerNavigation .navlayerTitle, .headerElementNavigation_var0 .headerNavigation .navlayerCloser { display:none; } .headerElementNavigation_var0 .headerNavigation #navigationMenuPre, .headerElementNavigation_var0 .headerNavigation #navigationMenuBetween, .headerElementNavigation_var0 .headerNavigation #navigationMenuPost { display:none; } .headerElementNavigation_var0 .headerNavigation.open #navigationMenuPre { display:flex !important; padding:1rem 8px 1rem 2rem; background:var(--backgroundColorNavigationMenu); } .headerElementNavigation_var0 .headerNavigation.open #navigationMenuPre:empty { padding:0; } .headerElementNavigation_var0 .headerNavigation.open #navigationMenuPost { display:flex !important; padding:1rem 8px 1rem 2rem; background:var(--backgroundColorNavigationMenu); height:100%; } .headerElementNavigation_var0 .headerNavigation.open #navigationMenuPost:empty { padding:0; } .headerElementNavigation_var0 .headerNavigation > nav > div { display:flex; flex-direction:column; position:fixed; width:100vw; scrollbar-width:none; scrollbar-color:transparent transparent; top:var(--heightBlockHeaderNavigation); height:calc(100vh - var(--heightBlockHeaderNavigation)); right:-480px; transition:right 0.3s ease-in-out; height:calc(100vh - var(--heightBlockHeaderNavigation)); overflow:auto; background-color:var(--backgroundColorNavigationMenu); z-index:100000; } .headerElementNavigation_var0 .headerNavigation > nav > div::-webkit-scrollbar { display:none; } .navmenu-open .headerElementNavigation_var0 .headerNavigation > nav > div { box-shadow:0 16px 16px rgba(0,0,0,0.2); height:calc(100vh - var(--heightBlockHeaderNavigation)); right:0; } .headerElementNavigation_var0 .headerNavigation ul { list-style-type:none; margin:0; padding:0; } .headerElementNavigation_var0 .headerNavigation li { position:relative; display:grid; align-items:center; margin:0; padding:0; grid-template-columns:1fr 32px; } .headerElementNavigation_var0 .headerNavigation li > a { display:block; text-decoration:none; text-align:left; } .headerElementNavigation_var0 .headerNavigation li > ul { display:none; } .headerElementNavigation_var0 .headerNavigation li.selected > ul, .headerElementNavigation_var0 .headerNavigation li.descendantSelected > ul { display:block; } .headerElementNavigation_var0 .headerNavigation > nav > div { max-width:480px; } .headerElementNavigation_var0 .headerNavigation > nav > div > ul { width:100%; margin:0 auto; padding:1rem 8px 1rem 1rem; background:var(--backgroundColorNavigationMenuMain); } .headerElementNavigation_var0 .headerNavigation > nav > div > ul > li { border-bottom:none 1px #C0C0C0; font-size:1rem; font-weight:600; line-height:150%; background-color:var(--backgroundColorNavigationMenuLevel1); } .headerElementNavigation_var0 .headerNavigation > nav > div > ul > li > a { padding:0.5rem 0.5rem 0.5rem 1rem; color:var(--fontColorNavigationMenuLevel1); } .headerElementNavigation_var0 .headerNavigation > nav > div > ul > li > a[data-hasiconimg] { display:flex; } .headerElementNavigation_var0 .headerNavigation > nav > div > ul > li > a[data-hasiconimg] .iconImg { padding-right:0.3rem; } .headerElementNavigation_var0 .headerNavigation > nav > div > ul > li.selected, .headerElementNavigation_var0 .headerNavigation > nav > div > ul > li.descendantSelected { background-color:var(--backgroundColorNavigationMenuLevel1Selected); } .headerElementNavigation_var0 .headerNavigation > nav > div > ul > li.selected > a, .headerElementNavigation_var0 .headerNavigation > nav > div > ul > li.descendantSelected > a { color:var(--fontColorNavigationMenuLevel1Selected); } .headerElementNavigation_var0 .headerNavigation > nav > div > ul > li:hover { background-color:var(--backgroundColorNavigationMenuLevel1Hover); } .headerElementNavigation_var0 .headerNavigation > nav > div > ul > li:hover > a { color:var(--fontColorNavigationMenuLevel1Hover); } .headerElementNavigation_var0 .headerNavigation > nav > div > ul > li:active { background-color:var(--backgroundColorNavigationMenuLevel1Active); } .headerElementNavigation_var0 .headerNavigation > nav > div > ul > li:active > a { color:var(--fontColorNavigationMenuLevel1Active); } .headerElementNavigation_var0 .headerNavigation > nav > div > ul > li > ul { margin-bottom:1rem; grid-column:1 / span 2; } .headerElementNavigation_var0 .headerNavigation > nav > div > ul > li > ul > li { font-size:0.8rem; font-weight:400; line-height:150%; background-color:var(--backgroundColorNavigationMenuLevel2); } .headerElementNavigation_var0 .headerNavigation > nav > div > ul > li > ul > li > a { padding:0.2rem 0.5rem 0.2rem 2rem; color:var(--fontColorNavigationMenuLevel2); } .headerElementNavigation_var0 .headerNavigation > nav > div > ul > li > ul > li.selected, .headerElementNavigation_var0 .headerNavigation > nav > div > ul > li > ul > li.descendantSelected { background-color:var(--backgroundColorNavigationMenuLevel2Selected); } .headerElementNavigation_var0 .headerNavigation > nav > div > ul > li > ul > li.selected > a, .headerElementNavigation_var0 .headerNavigation > nav > div > ul > li > ul > li.descendantSelected > a { color:var(--fontColorNavigationMenuLevel2Selected); } .headerElementNavigation_var0 .headerNavigation > nav > div > ul > li > ul > li:hover { background-color:var(--backgroundColorNavigationMenuLevel2Hover); } .headerElementNavigation_var0 .headerNavigation > nav > div > ul > li > ul > li:hover > a { color:var(--fontColorNavigationMenuLevel2Hover); } .headerElementNavigation_var0 .headerNavigation > nav > div > ul > li > ul > li:active { background-color:var(--backgroundColorNavigationMenuLevel2Active); } .headerElementNavigation_var0 .headerNavigation > nav > div > ul > li > ul > li:active > a { color:var(--fontColorNavigationMenuLevel2Active); } .headerElementNavigation_var0 .headerNavigation > nav > div > ul > li > ul > li > ul { margin-bottom:0.6rem; grid-column:1 / span 2; } .headerElementNavigation_var0 .headerNavigation > nav > div > ul > li > ul > li > ul > li { font-size:0.8rem; font-weight:400; line-height:150%; background-color:var(--backgroundColorNavigationMenuLevel2); } .headerElementNavigation_var0 .headerNavigation > nav > div > ul > li > ul > li > ul > li > a { padding:0.1rem 0.5rem 0.1rem 3rem; color:var(--fontColorNavigationMenuLevel2); } .headerElementNavigation_var0 .headerNavigation > nav > div > ul > li > ul > li > ul > li.selected, .headerElementNavigation_var0 .headerNavigation > nav > div > ul > li > ul > li > ul > li.descendantSelected { background-color:var(--backgroundColorNavigationMenuLevel2Selected); } .headerElementNavigation_var0 .headerNavigation > nav > div > ul > li > ul > li > ul > li.selected > a, .headerElementNavigation_var0 .headerNavigation > nav > div > ul > li > ul > li > ul > li.descendantSelected > a { color:var(--fontColorNavigationMenuLevel2Selected); } .headerElementNavigation_var0 .headerNavigation > nav > div > ul > li > ul > li > ul > li:hover { background-color:var(--backgroundColorNavigationMenuLevel2Hover); } .headerElementNavigation_var0 .headerNavigation > nav > div > ul > li > ul > li > ul > li:hover > a { color:var(--fontColorNavigationMenuLevel2Hover); } .headerElementNavigation_var0 .headerNavigation > nav > div > ul > li > ul > li > ul > li:active { background-color:var(--backgroundColorNavigationMenuLevel2Active); } .headerElementNavigation_var0 .headerNavigation > nav > div > ul > li > ul > li > ul > li:active > a { color:var(--fontColorNavigationMenuLevel2Active); } .headerElementNavigation_var0 .headerNavigation > nav > div > ul > li > ul > li > ul > li span.navpointToggler { padding-right:0; } .headerElementNavigation_var0 .headerNavigation > nav > div > ul > li > ul > li > ul > li > ul { margin-bottom:0.6rem; grid-column:1 / span 2; } .headerElementNavigation_var0 .headerNavigation > nav > div > ul > li > ul > li > ul > li > ul > li { font-size:0.8rem; font-weight:400; line-height:150%; background-color:var(--backgroundColorNavigationMenuLevel2); } .headerElementNavigation_var0 .headerNavigation > nav > div > ul > li > ul > li > ul > li > ul > li > a { padding:0.1rem 0.5rem 0.1rem 4rem; color:var(--fontColorNavigationMenuLevel2); } .headerElementNavigation_var0 .headerNavigation > nav > div > ul > li > ul > li > ul > li > ul > li.selected, .headerElementNavigation_var0 .headerNavigation > nav > div > ul > li > ul > li > ul > li > ul > li.descendantSelected { background-color:var(--backgroundColorNavigationMenuLevel2Selected); } .headerElementNavigation_var0 .headerNavigation > nav > div > ul > li > ul > li > ul > li > ul > li.selected > a, .headerElementNavigation_var0 .headerNavigation > nav > div > ul > li > ul > li > ul > li > ul > li.descendantSelected > a { color:var(--fontColorNavigationMenuLevel2Selected); } .headerElementNavigation_var0 .headerNavigation > nav > div > ul > li > ul > li > ul > li > ul > li:hover { background-color:var(--backgroundColorNavigationMenuLevel2Hover); } .headerElementNavigation_var0 .headerNavigation > nav > div > ul > li > ul > li > ul > li > ul > li:hover > a { color:var(--fontColorNavigationMenuLevel2Hover); } .headerElementNavigation_var0 .headerNavigation > nav > div > ul > li > ul > li > ul > li > ul > li:active { background-color:var(--backgroundColorNavigationMenuLevel2Active); } .headerElementNavigation_var0 .headerNavigation > nav > div > ul > li > ul > li > ul > li > ul > li:active > a { color:var(--fontColorNavigationMenuLevel2Active); } .headerElementNavigation_var0 .headerNavigation > nav > div > ul > li > ul > li > ul > li > ul > li span.navpointToggler { padding-right:0; } .headerElementNavigation_var0 .headerNavigation > nav > div > ul[data-source='meta'] { flex:1; background:var(--backgroundColorNavigationMenuMeta); padding:0rem 8px 0rem 1rem; } .headerElementNavigation_var0 .headerNavigation > nav > div > ul[data-source='meta'] > li { transition:none; line-height:150%; font-size:0.9rem; font-weight:normal; border-bottom:none; } .headerElementNavigation_var0 .headerNavigation > nav > div > ul[data-source='meta'] > li > a { padding:0.3rem 0.5rem 0.3rem 1rem; } .headerElementNavigation_var0 .headerNavigation .navpointEmbedToggler { display:none; } .headerElementNavigation_var0 .headerNavigation span.navpointToggler { cursor:pointer; width:32px; height:32px; box-sizing:content-box; } .headerElementNavigation_var0 .headerNavigation span.navpointToggler:before, .headerElementNavigation_var0 .headerNavigation span.navpointToggler:after { transition:all 0.3s ease-in-out; content:''; position:absolute; margin:16px 0 0 4px; display:block; width:14px; height:2px; background-color:var(--fontColorNavigationMenuLevel1); transform:rotate(40deg); } .headerElementNavigation_var0 .headerNavigation span.navpointToggler:after { margin-left:14px; transform:rotate(-40deg); } .headerElementNavigation_var0 .headerNavigation span.navpointToggler.open:before { transform:rotate(-40deg); } .headerElementNavigation_var0 .headerNavigation span.navpointToggler.open:after { transform:rotate(40deg); } .headerElementNavigation_var0 .headerNavigation .hasMegaDropdown:not(.childs) > span.navpointToggler { display:none; } .headerElementNavigation_var0 .navLevelEmbed { display:none; } } @media (min-width: 576px) and (max-width: 991px) { .headerElementNavigation_var0 .headerNavigation.open #navigationMenuPre { padding-right:calc(2rem + 8px); } } @media (min-width: 576px) and (max-width: 991px) { .headerElementNavigation_var0 .headerNavigation.open #navigationMenuPost { padding-right:calc(2rem + 8px); } } @media (min-width: 576px) and (max-width: 991px) { .headerElementNavigation_var0 .headerNavigation > nav > div > ul { padding-right:calc(2rem + 8px); } } @media (min-width: 576px) and (max-width: 991px) { .headerElementNavigation_var0 .headerNavigation > nav > div > ul[data-source='meta'] { padding-right:calc(2rem + 8px); } } .headerElementNavigation_var10 { --heightBlockHeaderNavigation:var(--heightBlockHeader); } @media (max-width: 991px) { .headerElementNavigation_var10 html.navmenu-open { overflow:hidden; } .headerElementNavigation_var10 .headerNavigation { width:100%; position:relative; } .headerElementNavigation_var10 .headerNavigation #navigationMenuPre, .headerElementNavigation_var10 .headerNavigation #navigationMenuBetween, .headerElementNavigation_var10 .headerNavigation #navigationMenuPost { display:none; } .headerElementNavigation_var10 .headerNavigation.open #navigationMenuPre { display:flex !important; padding-left:2rem; background:var(--backgroundColorNavigationMenu); } .headerElementNavigation_var10 .headerNavigation.open #navigationMenuPost { display:flex !important; padding-left:2rem; background:var(--backgroundColorNavigationMenu); height:100%; } .headerElementNavigation_var10 .headerNavigation > nav { display:block; position:fixed; top:var(--heightBlockHeaderNavigation); width:100vw; height:calc(100vh - var(--heightBlockHeaderNavigation)); left:-100vw; overflow-y:auto; overflow-x:hidden; z-index:100000; pointer-events:none; padding:0 0; transition:all 0.3s ease-in-out; } .navmenu-open .headerElementNavigation_var10 .headerNavigation > nav { left:0; } .headerElementNavigation_var10 .headerNavigation > nav > div { left:-100vw; height:100%; margin:0; transition:all 0.3s ease-in-out; display:flex; flex-direction:column; background-color:var(--backgroundColorNavigationMenu); width:320px; pointer-events:auto; } .navmenu-open .headerElementNavigation_var10 .headerNavigation > nav > div { left:0; } .headerElementNavigation_var10 .headerNavigation ul { list-style-type:none; margin:0; padding:0; height:100%; } .headerElementNavigation_var10 .headerNavigation li { position:static; display:grid; grid-template-columns:1fr 48px; align-items:center; margin:0; padding:0; } .headerElementNavigation_var10 .headerNavigation li > a { display:block; text-decoration:none; } .headerElementNavigation_var10 .headerNavigation li > ul { display:none; } .headerElementNavigation_var10 .headerNavigation li.selected > ul, .headerElementNavigation_var10 .headerNavigation li.descendantSelected > ul { display:block; } .headerElementNavigation_var10 .headerNavigation > nav > div > ul, .headerElementNavigation_var10 .headerNavigation > nav > ul { position:relative; top:0; background:var(--backgroundColorNavigationMenu); padding:1rem 0; width:100%; flex:content; } .headerElementNavigation_var10 .headerNavigation > nav > div > ul > li, .headerElementNavigation_var10 .headerNavigation > nav > ul > li { border-bottom:none 1px #C0C0C0; font-size:1rem; line-height:150%; font-weight:600; background-color:var(--backgroundColorNavigationMenuLevel1); } .headerElementNavigation_var10 .headerNavigation > nav > div > ul > li > a, .headerElementNavigation_var10 .headerNavigation > nav > ul > li > a { padding:0.5rem 1rem 0.5rem 2rem; color:var(--fontColorNavigationMenuLevel1); } .headerElementNavigation_var10 .headerNavigation > nav > div > ul > li > a[data-hasiconimg], .headerElementNavigation_var10 .headerNavigation > nav > ul > li > a[data-hasiconimg] { display:flex; } .headerElementNavigation_var10 .headerNavigation > nav > div > ul > li > a[data-hasiconimg] .iconImg, .headerElementNavigation_var10 .headerNavigation > nav > ul > li > a[data-hasiconimg] .iconImg { padding-right:0.3rem; } .headerElementNavigation_var10 .headerNavigation > nav > div > ul > li.selected, .headerElementNavigation_var10 .headerNavigation > nav > div > ul > li.descendantSelected, .headerElementNavigation_var10 .headerNavigation > nav > ul > li.selected, .headerElementNavigation_var10 .headerNavigation > nav > ul > li.descendantSelected { background-color:var(--backgroundColorNavigationMenuLevel1Selected); } .headerElementNavigation_var10 .headerNavigation > nav > div > ul > li.selected > a, .headerElementNavigation_var10 .headerNavigation > nav > div > ul > li.descendantSelected > a, .headerElementNavigation_var10 .headerNavigation > nav > ul > li.selected > a, .headerElementNavigation_var10 .headerNavigation > nav > ul > li.descendantSelected > a { color:var(--fontColorNavigationMenuLevel1Selected); } .headerElementNavigation_var10 .headerNavigation > nav > div > ul > li:hover, .headerElementNavigation_var10 .headerNavigation > nav > ul > li:hover { background-color:var(--backgroundColorNavigationMenuLevel1Hover); } .headerElementNavigation_var10 .headerNavigation > nav > div > ul > li:hover > a, .headerElementNavigation_var10 .headerNavigation > nav > ul > li:hover > a { color:var(--fontColorNavigationMenuLevel1Hover); } .headerElementNavigation_var10 .headerNavigation > nav > div > ul > li:active, .headerElementNavigation_var10 .headerNavigation > nav > ul > li:active { background-color:var(--backgroundColorNavigationMenuLevel1Active); } .headerElementNavigation_var10 .headerNavigation > nav > div > ul > li:active > a, .headerElementNavigation_var10 .headerNavigation > nav > ul > li:active > a { color:var(--fontColorNavigationMenuLevel1Active); } .headerElementNavigation_var10 .headerNavigation > nav > div > ul > li span.navpointToggler, .headerElementNavigation_var10 .headerNavigation > nav > ul > li span.navpointToggler { cursor:pointer; width:32px; height:32px; box-sizing:content-box; } .headerElementNavigation_var10 .headerNavigation > nav > div > ul > li span.navpointToggler:before, .headerElementNavigation_var10 .headerNavigation > nav > div > ul > li span.navpointToggler:after, .headerElementNavigation_var10 .headerNavigation > nav > ul > li span.navpointToggler:before, .headerElementNavigation_var10 .headerNavigation > nav > ul > li span.navpointToggler:after { transition:all 0s ease-in-out; content:''; position:absolute; margin:11px 0 0 11px; display:block; width:12px; height:2px; background-color:var(--fontColorNavigationMenuLevel1); transform:rotate(50deg); } .headerElementNavigation_var10 .headerNavigation > nav > div > ul > li span.navpointToggler:after, .headerElementNavigation_var10 .headerNavigation > nav > ul > li span.navpointToggler:after { margin:19px 0 0 11px; transform:rotate(-50deg); } .headerElementNavigation_var10 .headerNavigation > nav > div > ul > li span.navpointToggler.open, .headerElementNavigation_var10 .headerNavigation > nav > ul > li span.navpointToggler.open { transform:rotate(180deg); } .headerElementNavigation_var10 .headerNavigation > nav > div > ul > li.displaySub > ul, .headerElementNavigation_var10 .headerNavigation > nav > div > ul > li .displaySub > ul, .headerElementNavigation_var10 .headerNavigation > nav > ul > li.displaySub > ul, .headerElementNavigation_var10 .headerNavigation > nav > ul > li .displaySub > ul { left:-1px; height:calc(100vh - var(--heightBlockHeaderNavigation)); opacity:1; z-index:1; transition:all 0.3s linear; } .headerElementNavigation_var10 .headerNavigation > nav > div > ul > li ul, .headerElementNavigation_var10 .headerNavigation > nav > ul > li ul { display:block; width:319px; left:340px; opacity:0; z-index:-1; top:0; position:absolute; background-color:var(--backgroundColorNavigationMenu); border-left:solid 1px #DDDDDD; padding:0.25rem 0 0.5rem 0; } .headerElementNavigation_var10 .headerNavigation > nav > div > ul > li ul li, .headerElementNavigation_var10 .headerNavigation > nav > ul > li ul li { border-bottom:none 1px #C0C0C0; font-size:0.8rem; line-height:150%; font-weight:400; background-color:var(--backgroundColorNavigationMenuLevel2); } .headerElementNavigation_var10 .headerNavigation > nav > div > ul > li ul li > a, .headerElementNavigation_var10 .headerNavigation > nav > ul > li ul li > a { padding:0.2rem 1rem 0.2rem 1rem; color:var(--fontColorNavigationMenuLevel2); } .headerElementNavigation_var10 .headerNavigation > nav > div > ul > li ul li.selected, .headerElementNavigation_var10 .headerNavigation > nav > div > ul > li ul li.descendantSelected, .headerElementNavigation_var10 .headerNavigation > nav > ul > li ul li.selected, .headerElementNavigation_var10 .headerNavigation > nav > ul > li ul li.descendantSelected { background-color:var(--backgroundColorNavigationMenuLevel2Selected); } .headerElementNavigation_var10 .headerNavigation > nav > div > ul > li ul li.selected > a, .headerElementNavigation_var10 .headerNavigation > nav > div > ul > li ul li.descendantSelected > a, .headerElementNavigation_var10 .headerNavigation > nav > ul > li ul li.selected > a, .headerElementNavigation_var10 .headerNavigation > nav > ul > li ul li.descendantSelected > a { color:var(--fontColorNavigationMenuLevel2Selected); } .headerElementNavigation_var10 .headerNavigation > nav > div > ul > li ul li:hover, .headerElementNavigation_var10 .headerNavigation > nav > ul > li ul li:hover { background-color:var(--backgroundColorNavigationMenuLevel2Hover); } .headerElementNavigation_var10 .headerNavigation > nav > div > ul > li ul li:hover > a, .headerElementNavigation_var10 .headerNavigation > nav > ul > li ul li:hover > a { color:var(--fontColorNavigationMenuLevel2Hover); } .headerElementNavigation_var10 .headerNavigation > nav > div > ul > li ul li:active, .headerElementNavigation_var10 .headerNavigation > nav > ul > li ul li:active { background-color:var(--backgroundColorNavigationMenuLevel2Active); } .headerElementNavigation_var10 .headerNavigation > nav > div > ul > li ul li:active > a, .headerElementNavigation_var10 .headerNavigation > nav > ul > li ul li:active > a { color:var(--fontColorNavigationMenuLevel2Active); } .headerElementNavigation_var10 .headerNavigation > nav > div > ul > li ul > li.navlayerBackParentTitle, .headerElementNavigation_var10 .headerNavigation > nav > div > ul > li ul > li.navlayerBackTitle, .headerElementNavigation_var10 .headerNavigation > nav > ul > li ul > li.navlayerBackParentTitle, .headerElementNavigation_var10 .headerNavigation > nav > ul > li ul > li.navlayerBackTitle { grid-template-columns:1fr 32px; position:relative; font-size:0.9rem; font-weight:bold; color:var(--fontColorNavigationMenuLevel2); line-height:150%; padding:0.2rem 1rem 0.2rem 1rem; padding-right:0; border-bottom:solid 1px #c0c0c0; margin-bottom:0.3rem; cursor:pointer; } .headerElementNavigation_var10 .headerNavigation > nav > div > ul > li ul > li.navlayerBackParentTitle .navlayerBackTitleCloser, .headerElementNavigation_var10 .headerNavigation > nav > div > ul > li ul > li.navlayerBackTitle .navlayerBackTitleCloser, .headerElementNavigation_var10 .headerNavigation > nav > ul > li ul > li.navlayerBackParentTitle .navlayerBackTitleCloser, .headerElementNavigation_var10 .headerNavigation > nav > ul > li ul > li.navlayerBackTitle .navlayerBackTitleCloser { position:relative; width:32px; height:32px; } .headerElementNavigation_var10 .headerNavigation > nav > div > ul > li ul > li.navlayerBackParentTitle .navlayerBackTitleCloser:before, .headerElementNavigation_var10 .headerNavigation > nav > div > ul > li ul > li.navlayerBackParentTitle .navlayerBackTitleCloser:after, .headerElementNavigation_var10 .headerNavigation > nav > div > ul > li ul > li.navlayerBackTitle .navlayerBackTitleCloser:before, .headerElementNavigation_var10 .headerNavigation > nav > div > ul > li ul > li.navlayerBackTitle .navlayerBackTitleCloser:after, .headerElementNavigation_var10 .headerNavigation > nav > ul > li ul > li.navlayerBackParentTitle .navlayerBackTitleCloser:before, .headerElementNavigation_var10 .headerNavigation > nav > ul > li ul > li.navlayerBackParentTitle .navlayerBackTitleCloser:after, .headerElementNavigation_var10 .headerNavigation > nav > ul > li ul > li.navlayerBackTitle .navlayerBackTitleCloser:before, .headerElementNavigation_var10 .headerNavigation > nav > ul > li ul > li.navlayerBackTitle .navlayerBackTitleCloser:after { transition:all 0.3s ease-in-out; content:''; position:absolute; left:0; top:0; margin:15px 0 0 8px; display:block; width:18px; height:2px; background-color:var(--fontColorNavigationMenuLevel2); transform:rotate(-45deg); } .headerElementNavigation_var10 .headerNavigation > nav > div > ul > li ul > li.navlayerBackParentTitle .navlayerBackTitleCloser:after, .headerElementNavigation_var10 .headerNavigation > nav > div > ul > li ul > li.navlayerBackTitle .navlayerBackTitleCloser:after, .headerElementNavigation_var10 .headerNavigation > nav > ul > li ul > li.navlayerBackParentTitle .navlayerBackTitleCloser:after, .headerElementNavigation_var10 .headerNavigation > nav > ul > li ul > li.navlayerBackTitle .navlayerBackTitleCloser:after { transform:rotate(45deg); } .headerElementNavigation_var10 .headerNavigation > nav > div > ul > li ul > li.navlayerCloser, .headerElementNavigation_var10 .headerNavigation > nav > ul > li ul > li.navlayerCloser { position:absolute; top:0; right:0; height:150%; width:150%; cursor:pointer; } .headerElementNavigation_var10 .headerNavigation > nav > div > ul > li ul > li.navlayerCloser span, .headerElementNavigation_var10 .headerNavigation > nav > ul > li ul > li.navlayerCloser span { padding-left:16px; } .headerElementNavigation_var10 .headerNavigation > nav > div > ul > li ul > li.navlayerCloser:before, .headerElementNavigation_var10 .headerNavigation > nav > div > ul > li ul > li.navlayerCloser:after, .headerElementNavigation_var10 .headerNavigation > nav > ul > li ul > li.navlayerCloser:before, .headerElementNavigation_var10 .headerNavigation > nav > ul > li ul > li.navlayerCloser:after { transition:all 0.3s ease-in-out; content:''; position:absolute; left:0; top:0; margin:18px 0 0 8px; display:block; width:20px; height:2px; background-color:var(--fontColorNavigationMenuLevel2); transform:rotate(-45deg); } .headerElementNavigation_var10 .headerNavigation > nav > div > ul > li ul > li.navlayerCloser:after, .headerElementNavigation_var10 .headerNavigation > nav > ul > li ul > li.navlayerCloser:after { transform:rotate(45deg); } .headerElementNavigation_var10 .headerNavigation > nav > div > ul > li ul > li.navlayerTitle, .headerElementNavigation_var10 .headerNavigation > nav > ul > li ul > li.navlayerTitle { font-size:0.8rem; line-height:150%; font-weight:400; color:var(--fontColorNavigationMenuLevel2); background-color:transparent; padding:0.2rem 1rem 0.2rem 1rem; font-weight:bold; } .headerElementNavigation_var10 .headerNavigation > nav > div > ul > li ul > li, .headerElementNavigation_var10 .headerNavigation > nav > ul > li ul > li { font-size:0.8rem; line-height:150%; background-color:var(--backgroundColorNavigationMenuLevel2); } .headerElementNavigation_var10 .headerNavigation > nav > div > ul > li ul > li > a, .headerElementNavigation_var10 .headerNavigation > nav > ul > li ul > li > a { padding:0.2rem 1rem 0.2rem 1rem; color:var(--fontColorNavigationMenuLevel2); } .headerElementNavigation_var10 .headerNavigation > nav > div > ul > li ul > li.selected, .headerElementNavigation_var10 .headerNavigation > nav > div > ul > li ul > li.descendantSelected, .headerElementNavigation_var10 .headerNavigation > nav > ul > li ul > li.selected, .headerElementNavigation_var10 .headerNavigation > nav > ul > li ul > li.descendantSelected { background-color:var(--backgroundColorNavigationMenuLevel2Selected); } .headerElementNavigation_var10 .headerNavigation > nav > div > ul > li ul > li.selected > a, .headerElementNavigation_var10 .headerNavigation > nav > div > ul > li ul > li.descendantSelected > a, .headerElementNavigation_var10 .headerNavigation > nav > ul > li ul > li.selected > a, .headerElementNavigation_var10 .headerNavigation > nav > ul > li ul > li.descendantSelected > a { color:var(--fontColorNavigationMenuLevel2Selected); } .headerElementNavigation_var10 .headerNavigation > nav > div > ul > li ul > li:hover, .headerElementNavigation_var10 .headerNavigation > nav > ul > li ul > li:hover { background-color:var(--backgroundColorNavigationMenuLevel2Hover); } .headerElementNavigation_var10 .headerNavigation > nav > div > ul > li ul > li:hover > a, .headerElementNavigation_var10 .headerNavigation > nav > ul > li ul > li:hover > a { color:var(--fontColorNavigationMenuLevel2Hover); } .headerElementNavigation_var10 .headerNavigation > nav > div > ul > li ul > li:active, .headerElementNavigation_var10 .headerNavigation > nav > ul > li ul > li:active { background-color:var(--backgroundColorNavigationMenuLevel2Active); } .headerElementNavigation_var10 .headerNavigation > nav > div > ul > li ul > li:active > a, .headerElementNavigation_var10 .headerNavigation > nav > ul > li ul > li:active > a { color:var(--fontColorNavigationMenuLevel2Active); } .headerElementNavigation_var10 .headerNavigation > nav > div > ul[data-source='meta'] { flex:content; background:var(--backgroundColorNavigationMenuMeta); padding:0rem 8px 0rem 1rem; } .headerElementNavigation_var10 .headerNavigation > nav > div > ul[data-source='meta'] > li { transition:none; line-height:150%; font-size:0.9rem; font-weight:normal; border-bottom:none; } .headerElementNavigation_var10 .headerNavigation > nav > div > ul[data-source='meta'] > li > a { padding:0.3rem 0.5rem 0.3rem 1rem; } .headerElementNavigation_var10 .headerNavigation .navLevelEmbed { display:none; } .headerElementNavigation_var10 .headerNavigation .hasMegaDropdown:not(.childs) > span.navpointToggler { display:none; } } @media (min-width: 415px) and (max-width: 992px) and (max-width: 991px) { .headerElementNavigation_var10 .headerNavigation > nav { height:calc(100vh - var(--heightBlockHeaderNavigation)); } } @media (min-width: 992px) and (max-width: 991px) { .headerElementNavigation_var10 .headerNavigation > nav > div { padding-left:2rem; width:calc(320px + 2rem); } } @media (max-width: 428px) and (max-width: 992px) and (max-width: 991px) { .headerElementNavigation_var10 .headerNavigation > nav > div { width:100vw !important; } } @media (max-width: 428px) and (max-width: 992px) and (max-width: 991px) { .headerElementNavigation_var10 .headerNavigation > nav > div > ul, .headerElementNavigation_var10 .headerNavigation > nav > ul { width:100vw; } } @media (min-width: 640px) and (max-width: 991px) { .headerElementNavigation_var10 .headerNavigation > nav > div > ul > li.displaySub > ul[data-navlevel = '2'], .headerElementNavigation_var10 .headerNavigation > nav > div > ul > li .displaySub > ul[data-navlevel = '2'], .headerElementNavigation_var10 .headerNavigation > nav > ul > li.displaySub > ul[data-navlevel = '2'], .headerElementNavigation_var10 .headerNavigation > nav > ul > li .displaySub > ul[data-navlevel = '2'] { width:320px; left:319px; } } @media (min-width: 960px) and (max-width: 991px) { .headerElementNavigation_var10 .headerNavigation > nav > div > ul > li.displaySub > ul[data-navlevel = '3'], .headerElementNavigation_var10 .headerNavigation > nav > div > ul > li .displaySub > ul[data-navlevel = '3'], .headerElementNavigation_var10 .headerNavigation > nav > ul > li.displaySub > ul[data-navlevel = '3'], .headerElementNavigation_var10 .headerNavigation > nav > ul > li .displaySub > ul[data-navlevel = '3'] { width:320px; left:319px; } } @media (min-width: 1280px) and (max-width: 991px) { .headerElementNavigation_var10 .headerNavigation > nav > div > ul > li.displaySub > ul[data-navlevel = '4'], .headerElementNavigation_var10 .headerNavigation > nav > div > ul > li .displaySub > ul[data-navlevel = '4'], .headerElementNavigation_var10 .headerNavigation > nav > ul > li.displaySub > ul[data-navlevel = '4'], .headerElementNavigation_var10 .headerNavigation > nav > ul > li .displaySub > ul[data-navlevel = '4'] { width:320px; left:319px; } } @media (max-width: 428px) and (max-width: 992px) and (max-width: 991px) { .headerElementNavigation_var10 .headerNavigation > nav > div > ul > li ul, .headerElementNavigation_var10 .headerNavigation > nav > ul > li ul { width:100vw; left:calc(100vw + 20px); } } @media (max-width: 991px) { .headerElementNavigation_var400 .headerNavigation { display:none; } } .headerElementNavigationFull_var0 .headerNavigation { --wMegadropdownInsertPos:append-navigationMain; } @media (min-width: 992px) { .headerElementNavigationFull_var0 #navigationMainToggler { display:none; } .headerElementNavigationFull_var0 .headerNavigation { background-color:var(--backgroundColorNavigationMain); user-select:none; -webkit-user-select:none; -ms-user-select:none; width:100%; } .headerElementNavigationFull_var0 .headerNavigation ul { list-style-type:none; margin:0; padding:0; } .headerElementNavigationFull_var0 .headerNavigation .navlayerBackParentTitle, .headerElementNavigationFull_var0 .headerNavigation .navlayerBackTitle, .headerElementNavigationFull_var0 .headerNavigation .navlayerTitle, .headerElementNavigationFull_var0 .headerNavigation .navlayerCloser { display:none; } .headerElementNavigationFull_var0 .headerNavigation > nav > div li { margin:0; padding:0; } .headerElementNavigationFull_var0 .headerNavigation > nav > div li > a { display:block; text-decoration:none; } .headerElementNavigationFull_var0 .headerNavigation > nav > div li > span.navpointToggler { display:none; } .headerElementNavigationFull_var0 .headerNavigation > nav > div li > ul { display:none; position:absolute; z-index:80; } .headerElementNavigationFull_var0 .headerNavigation > nav > div > ul { display:flex; } .headerElementNavigationFull_var0 .headerNavigation > nav > div > ul[data-source='meta'] { display:none; } .headerElementNavigationFull_var0 .headerNavigation > nav > div > ul > li { display:flex; position:relative; } .headerElementNavigationFull_var0 .headerNavigation > nav > div > ul > li:after { content:''; display:block; position:absolute; width:100%; height:0px; left:0; bottom:-0px; } .headerElementNavigationFull_var0 .headerNavigation > nav > div > ul > li > ul { margin-top:0; } .headerElementNavigationFull_var0 .headerNavigation > nav > div > ul > li > a { font-family:inherit; font-size:1rem; font-weight:400; color:var(--fontColorNavigationMainLevel1); background-color:var(--backgroundColorNavigationMainLevel1); padding:0rem 0.8rem; line-height:48px; white-space:nowrap; } .headerElementNavigationFull_var0 .headerNavigation > nav > div > ul > li > a[data-hasiconimg] { display:flex; } .headerElementNavigationFull_var0 .headerNavigation > nav > div > ul > li > a[data-hasiconimg] .iconImg { padding-right:0.3rem; } .headerElementNavigationFull_var0 .headerNavigation > nav > div > ul > li.selected > a, .headerElementNavigationFull_var0 .headerNavigation > nav > div > ul > li.descendantSelected > a { color:var(--fontColorNavigationMainLevel1Selected); background-color:var(--backgroundColorNavigationMainLevel1Selected); } .headerElementNavigationFull_var0 .headerNavigation > nav > div > ul > li:hover > a { color:var(--fontColorNavigationMainLevel1Hover); background-color:var(--backgroundColorNavigationMainLevel1Hover); } .headerElementNavigationFull_var0 .headerNavigation > nav > div > ul > li > a:active { color:var(--fontColorNavigationMainLevel1Active); background-color:var(--backgroundColorNavigationMainLevel1Active); } .headerElementNavigationFull_var0 .headerNavigation > nav > div > ul > li.childs.open > .navpointToggler, .headerElementNavigationFull_var0 .headerNavigation > nav > div > ul > li.hasMegaDropdown > .navpointToggler { position:absolute; display:block; left:-200vw; } html:not([data-navigationlayeropentype='click']) .headerElementNavigationFull_var0 .headerNavigation > nav > div > ul > li:not(.hasMegaDropdown):hover > ul { display:block; } html[data-navigationlayeropentype='click'] .headerElementNavigationFull_var0 .headerNavigation > nav > div > ul > li.clicked:not(.hasMegaDropdown) > ul { display:block; } .headerElementNavigationFull_var0 .headerNavigation > nav > div > ul > li ul { width:280px; background-color:var(--backgroundColorNavigationMainLayer); border-style:solid; border-width:0px; border-color:var(--borderColorNavigationMainLayer); } .headerElementNavigationFull_var0 .headerNavigation > nav > div > ul > li ul.subleftside > li > ul { right:100%; } .headerElementNavigationFull_var0 .headerNavigation > nav > div > ul > li ul.subleftside > li.childs > a { padding-left:32px; } .headerElementNavigationFull_var0 .headerNavigation > nav > div > ul > li > ul { top:100%; margin-top:0px; } .headerElementNavigationFull_var0 .headerNavigation > nav > div > ul > li > ul > li { display:flex; position:relative; font-family:inherit; font-size:0.8rem; font-weight:400; background-color:var(--backgroundColorNavigationMainLevel2); } .headerElementNavigationFull_var0 .headerNavigation > nav > div > ul > li > ul > li > a { flex-grow:1; padding:0.5rem 1rem; color:var(--fontColorNavigationMainLevel2); flex-grow:1; } .headerElementNavigationFull_var0 .headerNavigation > nav > div > ul > li > ul > li.selected, .headerElementNavigationFull_var0 .headerNavigation > nav > div > ul > li > ul > li.descendantSelected { background-color:var(--backgroundColorNavigationMainLevel2Selected); } .headerElementNavigationFull_var0 .headerNavigation > nav > div > ul > li > ul > li.selected > a, .headerElementNavigationFull_var0 .headerNavigation > nav > div > ul > li > ul > li.descendantSelected > a { color:var(--fontColorNavigationMainLevel2Selected); } .headerElementNavigationFull_var0 .headerNavigation > nav > div > ul > li > ul > li:hover { background-color:var(--backgroundColorNavigationMainLevel2Hover); } .headerElementNavigationFull_var0 .headerNavigation > nav > div > ul > li > ul > li:hover > a { color:var(--fontColorNavigationMainLevel2Hover); } .headerElementNavigationFull_var0 .headerNavigation > nav > div > ul > li > ul > li:active { background-color:var(--backgroundColorNavigationMainLevel2Active); } .headerElementNavigationFull_var0 .headerNavigation > nav > div > ul > li > ul > li:active > a { color:var(--fontColorNavigationMainLevel2Active); } .headerElementNavigationFull_var0 .headerNavigation > nav > div > ul > li > ul > li:hover > ul { display:block; } .headerElementNavigationFull_var0 .headerNavigation > nav > div > ul > li > ul > li.childs.open > .navpointToggler { display:block; } .headerElementNavigationFull_var0 .headerNavigation > nav > div > ul > li > ul > li > ul { top:-0px; right:calc(-100% - 2 * 0px); width:calc(100% + 1 * 0px); } .headerElementNavigationFull_var0 .headerNavigation > nav > div > ul > li > ul > li > ul > li { display:flex; position:relative; font-family:inherit; font-size:0.8rem; font-weight:400; background-color:var(--backgroundColorNavigationMainLevel2); } .headerElementNavigationFull_var0 .headerNavigation > nav > div > ul > li > ul > li > ul > li > a { flex-grow:1; color:var(--fontColorNavigationMainLevel2); padding:0.5rem 1rem; } .headerElementNavigationFull_var0 .headerNavigation > nav > div > ul > li > ul > li > ul > li.selected, .headerElementNavigationFull_var0 .headerNavigation > nav > div > ul > li > ul > li > ul > li.descendantSelected { background-color:var(--backgroundColorNavigationMainLevel2Selected); } .headerElementNavigationFull_var0 .headerNavigation > nav > div > ul > li > ul > li > ul > li.selected > a, .headerElementNavigationFull_var0 .headerNavigation > nav > div > ul > li > ul > li > ul > li.descendantSelected > a { color:var(--fontColorNavigationMainLevel2Selected); } .headerElementNavigationFull_var0 .headerNavigation > nav > div > ul > li > ul > li > ul > li:hover { background-color:var(--backgroundColorNavigationMainLevel2Hover); } .headerElementNavigationFull_var0 .headerNavigation > nav > div > ul > li > ul > li > ul > li:hover > a { color:var(--fontColorNavigationMainLevel2Hover); } .headerElementNavigationFull_var0 .headerNavigation > nav > div > ul > li > ul > li > ul > li:active { background-color:var(--backgroundColorNavigationMainLevel2Active); } .headerElementNavigationFull_var0 .headerNavigation > nav > div > ul > li > ul > li > ul > li:active > a { color:var(--fontColorNavigationMainLevel2Active); } .headerElementNavigationFull_var0 .headerNavigation > nav > div > ul > li > ul > li > ul > li:hover > ul { display:block; } .headerElementNavigationFull_var0 .headerNavigation > nav > div > ul > li > ul > li > ul > li.childs.open > .navpointToggler { display:block; } .headerElementNavigationFull_var0 .headerNavigation > nav > div > ul > li > ul > li > ul > li ul { top:-0px; right:calc(-100% - 2 * 0px); width:calc(100% + 1 * 0px); } .headerElementNavigationFull_var0 .headerNavigation > nav > div > ul > li > ul > li > ul > li ul > li { display:flex; position:relative; font-family:inherit; font-size:0.8rem; font-weight:400; background-color:var(--backgroundColorNavigationMainLevel2); } .headerElementNavigationFull_var0 .headerNavigation > nav > div > ul > li > ul > li > ul > li ul > li > a { flex-grow:1; color:var(--fontColorNavigationMainLevel2); padding:0.5rem 1rem; } .headerElementNavigationFull_var0 .headerNavigation > nav > div > ul > li > ul > li > ul > li ul > li.selected, .headerElementNavigationFull_var0 .headerNavigation > nav > div > ul > li > ul > li > ul > li ul > li.descendantSelected { background-color:var(--backgroundColorNavigationMainLevel2Selected); } .headerElementNavigationFull_var0 .headerNavigation > nav > div > ul > li > ul > li > ul > li ul > li.selected > a, .headerElementNavigationFull_var0 .headerNavigation > nav > div > ul > li > ul > li > ul > li ul > li.descendantSelected > a { color:var(--fontColorNavigationMainLevel2Selected); } .headerElementNavigationFull_var0 .headerNavigation > nav > div > ul > li > ul > li > ul > li ul > li:hover { background-color:var(--backgroundColorNavigationMainLevel2Hover); } .headerElementNavigationFull_var0 .headerNavigation > nav > div > ul > li > ul > li > ul > li ul > li:hover > a { color:var(--fontColorNavigationMainLevel2Hover); } .headerElementNavigationFull_var0 .headerNavigation > nav > div > ul > li > ul > li > ul > li ul > li:active { background-color:var(--backgroundColorNavigationMainLevel2Active); } .headerElementNavigationFull_var0 .headerNavigation > nav > div > ul > li > ul > li > ul > li ul > li:active > a { color:var(--fontColorNavigationMainLevel2Active); } .headerElementNavigationFull_var0 .headerNavigation > nav > div > ul > li > ul > li > ul > li ul > li:hover > ul { display:block; } .headerElementNavigationFull_var0 .headerNavigation > nav > div > ul > li > ul > li > ul > li ul > li.childs.open > .navpointToggler { display:block; } .headerElementNavigationFull_var0 .headerNavigation .navpointToggler { width:32px; height:24px; cursor:pointer; margin:auto 0; } .headerElementNavigationFull_var0 .headerNavigation .navpointToggler:before, .headerElementNavigationFull_var0 .headerNavigation .navpointToggler:after { content:''; position:absolute; display:block; width:9px; height:1px; margin:9px 0 0 12px; background-color:var(--fontColorNavigationMainLevel2); transform:rotate(50deg); } .headerElementNavigationFull_var0 .headerNavigation .navpointToggler:after { margin:15px 0 0 12px; transform:rotate(-50deg); } .headerElementNavigationFull_var0 .headerNavigation .subleftside > li { flex-direction:row-reverse; } .headerElementNavigationFull_var0 .headerNavigation .subleftside > li.childs.open > a { padding-left:0.1rem !important; } .headerElementNavigationFull_var0 .headerNavigation .subleftside > li > .navpointToggler:before { transform:rotate(-50deg); } .headerElementNavigationFull_var0 .headerNavigation .subleftside > li > .navpointToggler:after { transform:rotate(50deg); } .headerElementNavigationFull_var0 .navLevelEmbed { display:none; position:fixed; z-index:102; width:100vw; max-height:calc(100vh - 128px); left:0; margin-top:0px; padding:0 3rem 2rem 3rem !important; overflow:auto; } .headerElementNavigationFull_var0 .navLevelEmbed > div { position:relative; background-color:var(--backgroundColorMegaDropdown); border-style:solid; border-width:0px; border-color:var(--borderColorMegaDropdown); color:var(--fontColorDefault); max-width:1200px; padding:2rem !important; margin:0 auto; padding:1rem 2rem 2rem 2rem; } .headerElementNavigationFull_var0 .navLevelEmbed > div .elementSection, .headerElementNavigationFull_var0 .navLevelEmbed > div .elementSectionObjectContactPerson { padding:0 !important; } } @media (min-width: 992px) { .headerElementNavigationFull_var10 #navigationMainToggler { display:none; } .headerElementNavigationFull_var10 .headerNavigation { background-color:var(--backgroundColorNavigationMain); user-select:none; -webkit-user-select:none; -ms-user-select:none; width:100%; } .headerElementNavigationFull_var10 .headerNavigation ul { list-style-type:none; margin:0; padding:0; } .headerElementNavigationFull_var10 .headerNavigation > nav > div li { margin:0; padding:0; } .headerElementNavigationFull_var10 .headerNavigation > nav > div li > a { display:block; text-decoration:none; } .headerElementNavigationFull_var10 .headerNavigation > nav > div li > span.navpointToggler { display:none; } .headerElementNavigationFull_var10 .headerNavigation > nav > div li > ul { display:none; } .headerElementNavigationFull_var10 .headerNavigation > nav > div > ul { display:flex; } .headerElementNavigationFull_var10 .headerNavigation > nav > div > ul[data-source='meta'] { display:none; } .headerElementNavigationFull_var10 .headerNavigation > nav > div > ul > li { display:flex; position:relative; } .headerElementNavigationFull_var10 .headerNavigation > nav > div > ul > li:after { content:''; display:block; position:absolute; width:100%; left:0; } .headerElementNavigationFull_var10 .headerNavigation > nav > div > ul > li > ul { margin-top:0; } .headerElementNavigationFull_var10 .headerNavigation > nav > div > ul > li > a { font-family:inherit; font-size:1rem; font-weight:400; color:var(--fontColorNavigationMainLevel1); background-color:var(--backgroundColorNavigationMainLevel1); padding:0rem 0.8rem; line-height:48px; white-space:nowrap; } .headerElementNavigationFull_var10 .headerNavigation > nav > div > ul > li > a[data-hasiconimg] { display:flex; } .headerElementNavigationFull_var10 .headerNavigation > nav > div > ul > li > a[data-hasiconimg] .iconImg { padding-right:0.3rem; } .headerElementNavigationFull_var10 .headerNavigation > nav > div > ul > li.selected > a, .headerElementNavigationFull_var10 .headerNavigation > nav > div > ul > li.descendantSelected > a { color:var(--fontColorNavigationMainLevel1Selected); background-color:var(--backgroundColorNavigationMainLevel1Selected); } .headerElementNavigationFull_var10 .headerNavigation > nav > div > ul > li:hover > a { color:var(--fontColorNavigationMainLevel1Hover); background-color:var(--backgroundColorNavigationMainLevel1Hover); } .headerElementNavigationFull_var10 .headerNavigation > nav > div > ul > li > a:active { color:var(--fontColorNavigationMainLevel1Active); background-color:var(--backgroundColorNavigationMainLevel1Active); } .headerElementNavigationFull_var10 .headerNavigation > nav > div > ul > li ul { display:none; } .headerElementNavigationFull_var10 .navLevelEmbed { display:none !important; } } @media (min-width: 992px) { .headerElementNavigationFull_var50 #navigationMainToggler { display:none; } .headerElementNavigationFull_var50 #navigationMain { background-color:var(--backgroundColorNavigationMain); user-select:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; width:100%; } .headerElementNavigationFull_var50 #navigationMain ul { list-style-type:none; margin:0; padding:0; } .headerElementNavigationFull_var50 #navigationMain > nav > div li { display:block; margin:0; padding:0; } .headerElementNavigationFull_var50 #navigationMain > nav > div li > a { display:block; text-decoration:none; } .headerElementNavigationFull_var50 #navigationMain > nav > div li > ul { display:none; position:absolute; z-index:80; } .headerElementNavigationFull_var50 #navigationMain > nav > div > ul[data-source='meta'] { display:none; } .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li { float:left; } .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li[data-source='meta'] { display:none; } .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > a { font-family:inherit; font-size:1rem; font-weight:400; color:var(--fontColorNavigationMainLevel1); background-color:var(--backgroundColorNavigationMainLevel1); padding:0rem 1rem; line-height:48px; } .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li.selected > a, .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li.descendantSelected > a { color:var(--fontColorNavigationMainLevel1Selected); background-color:var(--backgroundColorNavigationMainLevel1Selected); } .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li:hover > a { color:var(--fontColorNavigationMainLevel1Hover); background-color:var(--backgroundColorNavigationMainLevel1Hover); } .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > a:active { color:var(--fontColorNavigationMainLevel1Active); background-color:var(--backgroundColorNavigationMainLevel1Active); } html:not([data-navigationlayeropentype='click']) .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li:not(.hasMegaDropdown):hover > ul { display:block; } html[data-navigationlayeropentype='click'] .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li.clicked:not(.hasMegaDropdown) > ul { display:block; } .headerElementNavigationFull_var50 #navigationMain .navLevelEmbed { display:none; position:absolute; z-index:101; width:100%; max-height:calc(100vh - 48px - 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); } .headerElementNavigationFull_var50 #navigationMain .navLevelEmbed .elementSection, .headerElementNavigationFull_var50 #navigationMain .navLevelEmbed .elementSectionObjectContactPerson { padding:0 !important; } .headerElementNavigationFull_var50 html.navmenu-open { overflow:hidden; } .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > div.submenu { display:block; position:fixed; left:-100vw; top:var(--heightBlockHeader); height:600px; height:calc(100vh - var(--heightBlockHeader)); z-index:100000; padding:0 0; background:var(--backgroundColorNavigationMenu); } .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > div.submenu.open { left:0; } .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > div ul { list-style-type:none; margin:0; padding:0; height:100%; } .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > div li { position:static; display:block; margin:0; padding:0; } .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > div li > a { display:block; text-decoration:none; } .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > div li > ul { display:none; } .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > div li.selected > ul, .headerElementNavigationFull_var50 #navigationMain li.descendantSelected > ul { display:block; } .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > div.submenu { max-width:1200px; height:calc(100% - 1rem); } .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > div > ul, .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > ul { position:relative; top:0; background:var(--backgroundColorNavigationMenu); padding-top:1rem; width:100vw; } .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > div > ul > li.navlayerBackTitle, .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > ul > li.navlayerBackTitle { display:none; } .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > div > ul > li > a, .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > ul > li > a { font-size:1rem; line-height:150%; font-weight:400; color:var(--fontColorNavigationMenuLevel1); background-color:var(--backgroundColorNavigationMenuLevel1); padding:0 3rem 0 1rem; } .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > div > ul > li.selected > a, .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > div > ul > li.descendantSelected > a, .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > ul > li.selected > a, .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > ul > li.descendantSelected > a { color:var(--fontColorNavigationMenuLevel1Selected); background-color:var(--backgroundColorNavigationMenuLevel1Selected); } .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > div > ul > li:hover > a, .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > ul > li:hover > a { color:var(--fontColorNavigationMenuLevel1Hover); background-color:var(--backgroundColorNavigationMenuLevel1Hover); } .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > div > ul > li > a:active, .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > ul > li > a:active { color:var(--fontColorNavigationMenuLevel1Active); background-color:var(--backgroundColorNavigationMenuLevel1Active); } .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > div > ul > li span.navpointToggler, .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > ul > li span.navpointToggler { position:absolute; cursor:pointer; right:6px; width:32px; height:150%; margin-top:-150%; background:transparent; } .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > div > ul > li span.navpointToggler:before, .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > div > ul > li span.navpointToggler:after, .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > ul > li span.navpointToggler:before, .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > ul > li span.navpointToggler:after { transition:all 0s ease-in-out; content:''; position:absolute; margin:17px 0 0 11px; display:block; width:14px; height:2px; background-color:var(--fontColorNavigationMenuLevel1); transform:rotate(50deg); } .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > div > ul > li span.navpointToggler:after, .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > ul > li span.navpointToggler:after { margin:27px 0 0 11px; transform:rotate(-50deg); } .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > div > ul > li span.navpointToggler.open:before, .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > ul > li span.navpointToggler.open:before { margin-left:10px; transform:rotate(-50deg); } .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > div > ul > li span.navpointToggler.open:after, .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > ul > li span.navpointToggler.open:after { margin-left:10px; transform:rotate(50deg); } .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > div > ul > li ul, .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > ul > li ul { z-index:1; width:calc(100% - 3%); left:3%; top:0; position:absolute; background-color:var(--backgroundColorNavigationMenu); border-left:solid 1px #DDDDDD; padding:1rem 0 0.5rem 0; } .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > div > ul > li ul > li.navlayerBackParentTitle, .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > div > ul > li ul > li.navlayerBackTitle, .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > ul > li ul > li.navlayerBackParentTitle, .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > ul > li ul > li.navlayerBackTitle { position:relative; min-height:150%; font-size:0.8rem; line-height:150%; color:#808080; padding:0 3rem 0 1rem; border-bottom:solid 1px #c0c0c0; margin-bottom:0.3rem; cursor:pointer; } .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > div > ul > li ul > li.navlayerBackParentTitle span, .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > div > ul > li ul > li.navlayerBackTitle span, .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > ul > li ul > li.navlayerBackParentTitle span, .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > ul > li ul > li.navlayerBackTitle span { padding-left:16px; } .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > div > ul > li ul > li.navlayerBackParentTitle:before, .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > div > ul > li ul > li.navlayerBackParentTitle:after, .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > div > ul > li ul > li.navlayerBackTitle:before, .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > div > ul > li ul > li.navlayerBackTitle:after, .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > ul > li ul > li.navlayerBackParentTitle:before, .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > ul > li ul > li.navlayerBackParentTitle:after, .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > ul > li ul > li.navlayerBackTitle:before, .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > ul > li ul > li.navlayerBackTitle:after { transition:all 0.3s ease-in-out; content:''; position:absolute; left:0; top:0; margin:13px 0 0 11px; display:block; width:12px; height:2px; background-color:#808080; transform:rotate(-50deg); } .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > div > ul > li ul > li.navlayerBackParentTitle:after, .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > div > ul > li ul > li.navlayerBackTitle:after, .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > ul > li ul > li.navlayerBackParentTitle:after, .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > ul > li ul > li.navlayerBackTitle:after { margin-top:21px; transform:rotate(50deg); } .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > div > ul > li ul > li.navlayerCloser, .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > ul > li ul > li.navlayerCloser { position:absolute; top:0; right:0; height:150%; width:150%; cursor:pointer; } .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > div > ul > li ul > li.navlayerCloser span, .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > ul > li ul > li.navlayerCloser span { padding-left:16px; } .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > div > ul > li ul > li.navlayerCloser:before, .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > div > ul > li ul > li.navlayerCloser:after, .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > ul > li ul > li.navlayerCloser:before, .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > ul > li ul > li.navlayerCloser:after { transition:all 0.3s ease-in-out; content:''; position:absolute; left:0; top:0; margin:18px 0 0 8px; display:block; width:20px; height:2px; background-color:var(--fontColorNavigationMenuLevel2); transform:rotate(-45deg); } .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > div > ul > li ul > li.navlayerCloser:after, .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > ul > li ul > li.navlayerCloser:after { transform:rotate(45deg); } .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > div > ul > li ul > li.navlayerTitle, .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > ul > li ul > li.navlayerTitle { font-size:0.8rem; line-height:150%; color:var(--fontColorNavigationMenuLevel2); background-color:transparent; padding:0 3rem 0 1rem; font-weight:bold; } .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > div > ul > li ul > li > a, .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > ul > li ul > li > a { font-size:0.8rem; line-height:150%; color:var(--fontColorNavigationMenuLevel2); background-color:var(--backgroundColorNavigationMenuLevel2); padding:0 3rem 0 1rem; } .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > div > ul > li ul > li.selected > a, .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > div > ul > li ul > li.descendantSelected > a, .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > ul > li ul > li.selected > a, .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > ul > li ul > li.descendantSelected > a { color:var(--fontColorNavigationMenuLevel2Selected); background-color:var(--backgroundColorNavigationMenuLevel2Selected); } .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > div > ul > li ul > li:hover > a, .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > ul > li ul > li:hover > a { color:var(--fontColorNavigationMenuLevel2Hover); background-color:var(--backgroundColorNavigationMenuLevel2Hover); } .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > div > ul > li ul > li > a:active, .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > ul > li ul > li > a:active { color:var(--fontColorNavigationMenuLevel2Active); background-color:var(--backgroundColorNavigationMenuLevel2Active); } .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > div > ul > li ul > li span.navpointToggler, .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > ul > li ul > li span.navpointToggler { height:150%; padding-right:0; margin-top:-150%; background:transparent; } .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > div > ul > li ul > li span.navpointToggler:before, .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > ul > li ul > li span.navpointToggler:before { margin-top:12px; } .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > div > ul > li ul > li span.navpointToggler:after, .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > ul > li ul > li span.navpointToggler:after { margin-top:22px; } .headerElementNavigationFull_var50 #navigationMain #navigationMainToggler { display:none; } } @media (min-width: 992px) and (min-width: 992px) { .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > div.submenu { padding:0 0 0 3rem; } } @media (min-width: calc(1200px + 8rem)) and (min-width: 992px) { .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > div.submenu { padding:0 0 0 calc((100vw - 1200px) / 2 - 1rem); } } @media (min-width: 768px) and (min-width: 992px) { .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > div > ul, .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > ul { width:50vw; } } @media (min-width: 992px) and (min-width: 992px) { .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > div > ul, .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > ul { width:360px; } } @media (min-width: 701px) and (min-width: 992px) { .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > div > ul > li ul[data-navlevel = '3'], .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > ul > li ul[data-navlevel = '3'] { width:320px; left:100%; } } @media (min-width: 1040px) and (min-width: 992px) { .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > div > ul > li ul[data-navlevel = '4'], .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > ul > li ul[data-navlevel = '4'] { width:320px; left:100%; } } @media (min-width: 1380px) and (min-width: 992px) { .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > div > ul > li ul[data-navlevel = '5'], .headerElementNavigationFull_var50 #navigationMain > nav > div > ul > li > ul > li ul[data-navlevel = '5'] { width:320px; left:100%; } } @media (min-width: 992px) { .headerElementNavigationFull_var200 .headerNavigation { background-color:var(--backgroundColorNavigationMeta); } .headerElementNavigationFull_var200 .headerNavigation #navigationMainToggler { display:none; } .headerElementNavigationFull_var200 .headerNavigation ul { display:flex; list-style-type:none; margin:0; padding:0; } .headerElementNavigationFull_var200 .headerNavigation ul li { display:flex; margin:0; padding:0; line-height:48px; } .headerElementNavigationFull_var200 .headerNavigation ul li > a { display:block; font-size:0.8rem; font-weight:400; color:var(--fontColorNavigationMetaLevel1); padding:0rem 0.4rem; text-decoration:none; } .headerElementNavigationFull_var200 .headerNavigation ul li.selected > a, .headerElementNavigationFull_var200 .headerNavigation ul li.descendantSelected > a { color:var(--fontColorNavigationMetaLevel1Selected); } .headerElementNavigationFull_var200 .headerNavigation ul li:hover > a { color:var(--fontColorNavigationMetaLevel1Hover); } .headerElementNavigationFull_var200 .headerNavigation ul li > a:active { color:var(--fontColorNavigationMetaLevel1Active); } .headerElementNavigationFull_var200 .headerNavigation ul li:last-child > a { padding:0rem 1rem 0rem 0.4rem; } } .headerElementNavigationFull_var600 { --heightBlockHeaderNavigation:var(--heightBlockHeader); } @media (min-width: 992px) { .headerElementNavigationFull_var600 html.navmenu-open { overflow:hidden; } .headerElementNavigationFull_var600 .headerNavigation { width:100%; position:relative; } .headerElementNavigationFull_var600 .headerNavigation .navlayerBackParentTitle, .headerElementNavigationFull_var600 .headerNavigation .navlayerBackTitle, .headerElementNavigationFull_var600 .headerNavigation .navlayerTitle, .headerElementNavigationFull_var600 .headerNavigation .navlayerCloser { display:none; } .headerElementNavigationFull_var600 .headerNavigation #navigationMenuPre, .headerElementNavigationFull_var600 .headerNavigation #navigationMenuBetween, .headerElementNavigationFull_var600 .headerNavigation #navigationMenuPost { display:none; } .headerElementNavigationFull_var600 .headerNavigation.open #navigationMenuPre { display:flex !important; padding:1rem 8px 1rem 2rem; background:var(--backgroundColorNavigationMenu); } .headerElementNavigationFull_var600 .headerNavigation.open #navigationMenuPre:empty { padding:0; } .headerElementNavigationFull_var600 .headerNavigation.open #navigationMenuPost { display:flex !important; padding:1rem 8px 1rem 2rem; background:var(--backgroundColorNavigationMenu); height:100%; } .headerElementNavigationFull_var600 .headerNavigation.open #navigationMenuPost:empty { padding:0; } .headerElementNavigationFull_var600 .headerNavigation > nav > div { display:flex; flex-direction:column; position:fixed; width:100vw; scrollbar-width:none; scrollbar-color:transparent transparent; top:var(--heightBlockHeaderNavigation); height:calc(100vh - var(--heightBlockHeaderNavigation)); right:-480px; transition:right 0.3s ease-in-out; height:calc(100vh - var(--heightBlockHeaderNavigation)); overflow:auto; background-color:var(--backgroundColorNavigationMenu); z-index:100000; } .headerElementNavigationFull_var600 .headerNavigation > nav > div::-webkit-scrollbar { display:none; } .navmenu-open .headerElementNavigationFull_var600 .headerNavigation > nav > div { box-shadow:0 16px 16px rgba(0,0,0,0.2); height:calc(100vh - var(--heightBlockHeaderNavigation)); right:0; } .headerElementNavigationFull_var600 .headerNavigation ul { list-style-type:none; margin:0; padding:0; } .headerElementNavigationFull_var600 .headerNavigation li { position:relative; display:grid; align-items:center; margin:0; padding:0; grid-template-columns:1fr 32px; } .headerElementNavigationFull_var600 .headerNavigation li > a { display:block; text-decoration:none; text-align:left; } .headerElementNavigationFull_var600 .headerNavigation li > ul { display:none; } .headerElementNavigationFull_var600 .headerNavigation li.selected > ul, .headerElementNavigationFull_var600 .headerNavigation li.descendantSelected > ul { display:block; } .headerElementNavigationFull_var600 .headerNavigation > nav > div { max-width:480px; } .headerElementNavigationFull_var600 .headerNavigation > nav > div > ul { width:100%; margin:0 auto; padding:1rem 8px 1rem 1rem; background:var(--backgroundColorNavigationMenuMain); } .headerElementNavigationFull_var600 .headerNavigation > nav > div > ul > li { border-bottom:none 1px #C0C0C0; font-size:1rem; font-weight:600; line-height:150%; background-color:var(--backgroundColorNavigationMenuLevel1); } .headerElementNavigationFull_var600 .headerNavigation > nav > div > ul > li > a { padding:0.5rem 0.5rem 0.5rem 1rem; color:var(--fontColorNavigationMenuLevel1); } .headerElementNavigationFull_var600 .headerNavigation > nav > div > ul > li > a[data-hasiconimg] { display:flex; } .headerElementNavigationFull_var600 .headerNavigation > nav > div > ul > li > a[data-hasiconimg] .iconImg { padding-right:0.3rem; } .headerElementNavigationFull_var600 .headerNavigation > nav > div > ul > li.selected, .headerElementNavigationFull_var600 .headerNavigation > nav > div > ul > li.descendantSelected { background-color:var(--backgroundColorNavigationMenuLevel1Selected); } .headerElementNavigationFull_var600 .headerNavigation > nav > div > ul > li.selected > a, .headerElementNavigationFull_var600 .headerNavigation > nav > div > ul > li.descendantSelected > a { color:var(--fontColorNavigationMenuLevel1Selected); } .headerElementNavigationFull_var600 .headerNavigation > nav > div > ul > li:hover { background-color:var(--backgroundColorNavigationMenuLevel1Hover); } .headerElementNavigationFull_var600 .headerNavigation > nav > div > ul > li:hover > a { color:var(--fontColorNavigationMenuLevel1Hover); } .headerElementNavigationFull_var600 .headerNavigation > nav > div > ul > li:active { background-color:var(--backgroundColorNavigationMenuLevel1Active); } .headerElementNavigationFull_var600 .headerNavigation > nav > div > ul > li:active > a { color:var(--fontColorNavigationMenuLevel1Active); } .headerElementNavigationFull_var600 .headerNavigation > nav > div > ul > li > ul { margin-bottom:1rem; grid-column:1 / span 2; } .headerElementNavigationFull_var600 .headerNavigation > nav > div > ul > li > ul > li { font-size:0.8rem; font-weight:400; line-height:150%; background-color:var(--backgroundColorNavigationMenuLevel2); } .headerElementNavigationFull_var600 .headerNavigation > nav > div > ul > li > ul > li > a { padding:0.2rem 0.5rem 0.2rem 2rem; color:var(--fontColorNavigationMenuLevel2); } .headerElementNavigationFull_var600 .headerNavigation > nav > div > ul > li > ul > li.selected, .headerElementNavigationFull_var600 .headerNavigation > nav > div > ul > li > ul > li.descendantSelected { background-color:var(--backgroundColorNavigationMenuLevel2Selected); } .headerElementNavigationFull_var600 .headerNavigation > nav > div > ul > li > ul > li.selected > a, .headerElementNavigationFull_var600 .headerNavigation > nav > div > ul > li > ul > li.descendantSelected > a { color:var(--fontColorNavigationMenuLevel2Selected); } .headerElementNavigationFull_var600 .headerNavigation > nav > div > ul > li > ul > li:hover { background-color:var(--backgroundColorNavigationMenuLevel2Hover); } .headerElementNavigationFull_var600 .headerNavigation > nav > div > ul > li > ul > li:hover > a { color:var(--fontColorNavigationMenuLevel2Hover); } .headerElementNavigationFull_var600 .headerNavigation > nav > div > ul > li > ul > li:active { background-color:var(--backgroundColorNavigationMenuLevel2Active); } .headerElementNavigationFull_var600 .headerNavigation > nav > div > ul > li > ul > li:active > a { color:var(--fontColorNavigationMenuLevel2Active); } .headerElementNavigationFull_var600 .headerNavigation > nav > div > ul > li > ul > li > ul { margin-bottom:0.6rem; grid-column:1 / span 2; } .headerElementNavigationFull_var600 .headerNavigation > nav > div > ul > li > ul > li > ul > li { font-size:0.8rem; font-weight:400; line-height:150%; background-color:var(--backgroundColorNavigationMenuLevel2); } .headerElementNavigationFull_var600 .headerNavigation > nav > div > ul > li > ul > li > ul > li > a { padding:0.1rem 0.5rem 0.1rem 3rem; color:var(--fontColorNavigationMenuLevel2); } .headerElementNavigationFull_var600 .headerNavigation > nav > div > ul > li > ul > li > ul > li.selected, .headerElementNavigationFull_var600 .headerNavigation > nav > div > ul > li > ul > li > ul > li.descendantSelected { background-color:var(--backgroundColorNavigationMenuLevel2Selected); } .headerElementNavigationFull_var600 .headerNavigation > nav > div > ul > li > ul > li > ul > li.selected > a, .headerElementNavigationFull_var600 .headerNavigation > nav > div > ul > li > ul > li > ul > li.descendantSelected > a { color:var(--fontColorNavigationMenuLevel2Selected); } .headerElementNavigationFull_var600 .headerNavigation > nav > div > ul > li > ul > li > ul > li:hover { background-color:var(--backgroundColorNavigationMenuLevel2Hover); } .headerElementNavigationFull_var600 .headerNavigation > nav > div > ul > li > ul > li > ul > li:hover > a { color:var(--fontColorNavigationMenuLevel2Hover); } .headerElementNavigationFull_var600 .headerNavigation > nav > div > ul > li > ul > li > ul > li:active { background-color:var(--backgroundColorNavigationMenuLevel2Active); } .headerElementNavigationFull_var600 .headerNavigation > nav > div > ul > li > ul > li > ul > li:active > a { color:var(--fontColorNavigationMenuLevel2Active); } .headerElementNavigationFull_var600 .headerNavigation > nav > div > ul > li > ul > li > ul > li span.navpointToggler { padding-right:0; } .headerElementNavigationFull_var600 .headerNavigation > nav > div > ul > li > ul > li > ul > li > ul { margin-bottom:0.6rem; grid-column:1 / span 2; } .headerElementNavigationFull_var600 .headerNavigation > nav > div > ul > li > ul > li > ul > li > ul > li { font-size:0.8rem; font-weight:400; line-height:150%; background-color:var(--backgroundColorNavigationMenuLevel2); } .headerElementNavigationFull_var600 .headerNavigation > nav > div > ul > li > ul > li > ul > li > ul > li > a { padding:0.1rem 0.5rem 0.1rem 4rem; color:var(--fontColorNavigationMenuLevel2); } .headerElementNavigationFull_var600 .headerNavigation > nav > div > ul > li > ul > li > ul > li > ul > li.selected, .headerElementNavigationFull_var600 .headerNavigation > nav > div > ul > li > ul > li > ul > li > ul > li.descendantSelected { background-color:var(--backgroundColorNavigationMenuLevel2Selected); } .headerElementNavigationFull_var600 .headerNavigation > nav > div > ul > li > ul > li > ul > li > ul > li.selected > a, .headerElementNavigationFull_var600 .headerNavigation > nav > div > ul > li > ul > li > ul > li > ul > li.descendantSelected > a { color:var(--fontColorNavigationMenuLevel2Selected); } .headerElementNavigationFull_var600 .headerNavigation > nav > div > ul > li > ul > li > ul > li > ul > li:hover { background-color:var(--backgroundColorNavigationMenuLevel2Hover); } .headerElementNavigationFull_var600 .headerNavigation > nav > div > ul > li > ul > li > ul > li > ul > li:hover > a { color:var(--fontColorNavigationMenuLevel2Hover); } .headerElementNavigationFull_var600 .headerNavigation > nav > div > ul > li > ul > li > ul > li > ul > li:active { background-color:var(--backgroundColorNavigationMenuLevel2Active); } .headerElementNavigationFull_var600 .headerNavigation > nav > div > ul > li > ul > li > ul > li > ul > li:active > a { color:var(--fontColorNavigationMenuLevel2Active); } .headerElementNavigationFull_var600 .headerNavigation > nav > div > ul > li > ul > li > ul > li > ul > li span.navpointToggler { padding-right:0; } .headerElementNavigationFull_var600 .headerNavigation > nav > div > ul[data-source='meta'] { flex:1; background:var(--backgroundColorNavigationMenuMeta); padding:0rem 8px 0rem 1rem; } .headerElementNavigationFull_var600 .headerNavigation > nav > div > ul[data-source='meta'] > li { transition:none; line-height:150%; font-size:0.9rem; font-weight:normal; border-bottom:none; } .headerElementNavigationFull_var600 .headerNavigation > nav > div > ul[data-source='meta'] > li > a { padding:0.3rem 0.5rem 0.3rem 1rem; } .headerElementNavigationFull_var600 .headerNavigation .navpointEmbedToggler { display:none; } .headerElementNavigationFull_var600 .headerNavigation span.navpointToggler { cursor:pointer; width:32px; height:32px; box-sizing:content-box; } .headerElementNavigationFull_var600 .headerNavigation span.navpointToggler:before, .headerElementNavigationFull_var600 .headerNavigation span.navpointToggler:after { transition:all 0.3s ease-in-out; content:''; position:absolute; margin:16px 0 0 4px; display:block; width:14px; height:2px; background-color:var(--fontColorNavigationMenuLevel1); transform:rotate(40deg); } .headerElementNavigationFull_var600 .headerNavigation span.navpointToggler:after { margin-left:14px; transform:rotate(-40deg); } .headerElementNavigationFull_var600 .headerNavigation span.navpointToggler.open:before { transform:rotate(-40deg); } .headerElementNavigationFull_var600 .headerNavigation span.navpointToggler.open:after { transform:rotate(40deg); } .headerElementNavigationFull_var600 .headerNavigation .hasMegaDropdown:not(.childs) > span.navpointToggler { display:none; } .headerElementNavigationFull_var600 .navLevelEmbed { display:none; } } @media (min-width: 576px) and (min-width: 992px) { .headerElementNavigationFull_var600 .headerNavigation.open #navigationMenuPre { padding-right:calc(2rem + 8px); } } @media (min-width: 576px) and (min-width: 992px) { .headerElementNavigationFull_var600 .headerNavigation.open #navigationMenuPost { padding-right:calc(2rem + 8px); } } @media (min-width: 576px) and (min-width: 992px) { .headerElementNavigationFull_var600 .headerNavigation > nav > div > ul { padding-right:calc(2rem + 8px); } } @media (min-width: 576px) and (min-width: 992px) { .headerElementNavigationFull_var600 .headerNavigation > nav > div > ul[data-source='meta'] { padding-right:calc(2rem + 8px); } } .headerElementNavigationFull_var610 { --heightBlockHeaderNavigation:var(--heightBlockHeader); } @media (min-width: 992px) { .headerElementNavigationFull_var610 html.navmenu-open { overflow:hidden; } .headerElementNavigationFull_var610 .headerNavigation { width:100%; position:relative; } .headerElementNavigationFull_var610 .headerNavigation #navigationMenuPre, .headerElementNavigationFull_var610 .headerNavigation #navigationMenuBetween, .headerElementNavigationFull_var610 .headerNavigation #navigationMenuPost { display:none; } .headerElementNavigationFull_var610 .headerNavigation.open #navigationMenuPre { display:flex !important; padding-left:2rem; background:var(--backgroundColorNavigationMenu); } .headerElementNavigationFull_var610 .headerNavigation.open #navigationMenuPost { display:flex !important; padding-left:2rem; background:var(--backgroundColorNavigationMenu); height:100%; } .headerElementNavigationFull_var610 .headerNavigation > nav { display:block; position:fixed; top:var(--heightBlockHeaderNavigation); width:100vw; height:calc(100vh - var(--heightBlockHeaderNavigation)); left:-100vw; overflow-y:auto; overflow-x:hidden; z-index:100000; pointer-events:none; padding:0 0; transition:all 0.3s ease-in-out; } .navmenu-open .headerElementNavigationFull_var610 .headerNavigation > nav { left:0; } .headerElementNavigationFull_var610 .headerNavigation > nav > div { left:-100vw; height:100%; margin:0; transition:all 0.3s ease-in-out; display:flex; flex-direction:column; background-color:var(--backgroundColorNavigationMenu); width:320px; pointer-events:auto; } .navmenu-open .headerElementNavigationFull_var610 .headerNavigation > nav > div { left:0; } .headerElementNavigationFull_var610 .headerNavigation ul { list-style-type:none; margin:0; padding:0; height:100%; } .headerElementNavigationFull_var610 .headerNavigation li { position:static; display:grid; grid-template-columns:1fr 48px; align-items:center; margin:0; padding:0; } .headerElementNavigationFull_var610 .headerNavigation li > a { display:block; text-decoration:none; } .headerElementNavigationFull_var610 .headerNavigation li > ul { display:none; } .headerElementNavigationFull_var610 .headerNavigation li.selected > ul, .headerElementNavigationFull_var610 .headerNavigation li.descendantSelected > ul { display:block; } .headerElementNavigationFull_var610 .headerNavigation > nav > div > ul, .headerElementNavigationFull_var610 .headerNavigation > nav > ul { position:relative; top:0; background:var(--backgroundColorNavigationMenu); padding:1rem 0; width:100%; flex:content; } .headerElementNavigationFull_var610 .headerNavigation > nav > div > ul > li, .headerElementNavigationFull_var610 .headerNavigation > nav > ul > li { border-bottom:none 1px #C0C0C0; font-size:1rem; line-height:150%; font-weight:600; background-color:var(--backgroundColorNavigationMenuLevel1); } .headerElementNavigationFull_var610 .headerNavigation > nav > div > ul > li > a, .headerElementNavigationFull_var610 .headerNavigation > nav > ul > li > a { padding:0.5rem 1rem 0.5rem 2rem; color:var(--fontColorNavigationMenuLevel1); } .headerElementNavigationFull_var610 .headerNavigation > nav > div > ul > li > a[data-hasiconimg], .headerElementNavigationFull_var610 .headerNavigation > nav > ul > li > a[data-hasiconimg] { display:flex; } .headerElementNavigationFull_var610 .headerNavigation > nav > div > ul > li > a[data-hasiconimg] .iconImg, .headerElementNavigationFull_var610 .headerNavigation > nav > ul > li > a[data-hasiconimg] .iconImg { padding-right:0.3rem; } .headerElementNavigationFull_var610 .headerNavigation > nav > div > ul > li.selected, .headerElementNavigationFull_var610 .headerNavigation > nav > div > ul > li.descendantSelected, .headerElementNavigationFull_var610 .headerNavigation > nav > ul > li.selected, .headerElementNavigationFull_var610 .headerNavigation > nav > ul > li.descendantSelected { background-color:var(--backgroundColorNavigationMenuLevel1Selected); } .headerElementNavigationFull_var610 .headerNavigation > nav > div > ul > li.selected > a, .headerElementNavigationFull_var610 .headerNavigation > nav > div > ul > li.descendantSelected > a, .headerElementNavigationFull_var610 .headerNavigation > nav > ul > li.selected > a, .headerElementNavigationFull_var610 .headerNavigation > nav > ul > li.descendantSelected > a { color:var(--fontColorNavigationMenuLevel1Selected); } .headerElementNavigationFull_var610 .headerNavigation > nav > div > ul > li:hover, .headerElementNavigationFull_var610 .headerNavigation > nav > ul > li:hover { background-color:var(--backgroundColorNavigationMenuLevel1Hover); } .headerElementNavigationFull_var610 .headerNavigation > nav > div > ul > li:hover > a, .headerElementNavigationFull_var610 .headerNavigation > nav > ul > li:hover > a { color:var(--fontColorNavigationMenuLevel1Hover); } .headerElementNavigationFull_var610 .headerNavigation > nav > div > ul > li:active, .headerElementNavigationFull_var610 .headerNavigation > nav > ul > li:active { background-color:var(--backgroundColorNavigationMenuLevel1Active); } .headerElementNavigationFull_var610 .headerNavigation > nav > div > ul > li:active > a, .headerElementNavigationFull_var610 .headerNavigation > nav > ul > li:active > a { color:var(--fontColorNavigationMenuLevel1Active); } .headerElementNavigationFull_var610 .headerNavigation > nav > div > ul > li span.navpointToggler, .headerElementNavigationFull_var610 .headerNavigation > nav > ul > li span.navpointToggler { cursor:pointer; width:32px; height:32px; box-sizing:content-box; } .headerElementNavigationFull_var610 .headerNavigation > nav > div > ul > li span.navpointToggler:before, .headerElementNavigationFull_var610 .headerNavigation > nav > div > ul > li span.navpointToggler:after, .headerElementNavigationFull_var610 .headerNavigation > nav > ul > li span.navpointToggler:before, .headerElementNavigationFull_var610 .headerNavigation > nav > ul > li span.navpointToggler:after { transition:all 0s ease-in-out; content:''; position:absolute; margin:11px 0 0 11px; display:block; width:12px; height:2px; background-color:var(--fontColorNavigationMenuLevel1); transform:rotate(50deg); } .headerElementNavigationFull_var610 .headerNavigation > nav > div > ul > li span.navpointToggler:after, .headerElementNavigationFull_var610 .headerNavigation > nav > ul > li span.navpointToggler:after { margin:19px 0 0 11px; transform:rotate(-50deg); } .headerElementNavigationFull_var610 .headerNavigation > nav > div > ul > li span.navpointToggler.open, .headerElementNavigationFull_var610 .headerNavigation > nav > ul > li span.navpointToggler.open { transform:rotate(180deg); } .headerElementNavigationFull_var610 .headerNavigation > nav > div > ul > li.displaySub > ul, .headerElementNavigationFull_var610 .headerNavigation > nav > div > ul > li .displaySub > ul, .headerElementNavigationFull_var610 .headerNavigation > nav > ul > li.displaySub > ul, .headerElementNavigationFull_var610 .headerNavigation > nav > ul > li .displaySub > ul { left:-1px; height:calc(100vh - var(--heightBlockHeaderNavigation)); opacity:1; z-index:1; transition:all 0.3s linear; } .headerElementNavigationFull_var610 .headerNavigation > nav > div > ul > li ul, .headerElementNavigationFull_var610 .headerNavigation > nav > ul > li ul { display:block; width:319px; left:340px; opacity:0; z-index:-1; top:0; position:absolute; background-color:var(--backgroundColorNavigationMenu); border-left:solid 1px #DDDDDD; padding:0.25rem 0 0.5rem 0; } .headerElementNavigationFull_var610 .headerNavigation > nav > div > ul > li ul li, .headerElementNavigationFull_var610 .headerNavigation > nav > ul > li ul li { border-bottom:none 1px #C0C0C0; font-size:0.8rem; line-height:150%; font-weight:400; background-color:var(--backgroundColorNavigationMenuLevel2); } .headerElementNavigationFull_var610 .headerNavigation > nav > div > ul > li ul li > a, .headerElementNavigationFull_var610 .headerNavigation > nav > ul > li ul li > a { padding:0.2rem 1rem 0.2rem 1rem; color:var(--fontColorNavigationMenuLevel2); } .headerElementNavigationFull_var610 .headerNavigation > nav > div > ul > li ul li.selected, .headerElementNavigationFull_var610 .headerNavigation > nav > div > ul > li ul li.descendantSelected, .headerElementNavigationFull_var610 .headerNavigation > nav > ul > li ul li.selected, .headerElementNavigationFull_var610 .headerNavigation > nav > ul > li ul li.descendantSelected { background-color:var(--backgroundColorNavigationMenuLevel2Selected); } .headerElementNavigationFull_var610 .headerNavigation > nav > div > ul > li ul li.selected > a, .headerElementNavigationFull_var610 .headerNavigation > nav > div > ul > li ul li.descendantSelected > a, .headerElementNavigationFull_var610 .headerNavigation > nav > ul > li ul li.selected > a, .headerElementNavigationFull_var610 .headerNavigation > nav > ul > li ul li.descendantSelected > a { color:var(--fontColorNavigationMenuLevel2Selected); } .headerElementNavigationFull_var610 .headerNavigation > nav > div > ul > li ul li:hover, .headerElementNavigationFull_var610 .headerNavigation > nav > ul > li ul li:hover { background-color:var(--backgroundColorNavigationMenuLevel2Hover); } .headerElementNavigationFull_var610 .headerNavigation > nav > div > ul > li ul li:hover > a, .headerElementNavigationFull_var610 .headerNavigation > nav > ul > li ul li:hover > a { color:var(--fontColorNavigationMenuLevel2Hover); } .headerElementNavigationFull_var610 .headerNavigation > nav > div > ul > li ul li:active, .headerElementNavigationFull_var610 .headerNavigation > nav > ul > li ul li:active { background-color:var(--backgroundColorNavigationMenuLevel2Active); } .headerElementNavigationFull_var610 .headerNavigation > nav > div > ul > li ul li:active > a, .headerElementNavigationFull_var610 .headerNavigation > nav > ul > li ul li:active > a { color:var(--fontColorNavigationMenuLevel2Active); } .headerElementNavigationFull_var610 .headerNavigation > nav > div > ul > li ul > li.navlayerBackParentTitle, .headerElementNavigationFull_var610 .headerNavigation > nav > div > ul > li ul > li.navlayerBackTitle, .headerElementNavigationFull_var610 .headerNavigation > nav > ul > li ul > li.navlayerBackParentTitle, .headerElementNavigationFull_var610 .headerNavigation > nav > ul > li ul > li.navlayerBackTitle { grid-template-columns:1fr 32px; position:relative; font-size:0.9rem; font-weight:bold; color:var(--fontColorNavigationMenuLevel2); line-height:150%; padding:0.2rem 1rem 0.2rem 1rem; padding-right:0; border-bottom:solid 1px #c0c0c0; margin-bottom:0.3rem; cursor:pointer; } .headerElementNavigationFull_var610 .headerNavigation > nav > div > ul > li ul > li.navlayerBackParentTitle .navlayerBackTitleCloser, .headerElementNavigationFull_var610 .headerNavigation > nav > div > ul > li ul > li.navlayerBackTitle .navlayerBackTitleCloser, .headerElementNavigationFull_var610 .headerNavigation > nav > ul > li ul > li.navlayerBackParentTitle .navlayerBackTitleCloser, .headerElementNavigationFull_var610 .headerNavigation > nav > ul > li ul > li.navlayerBackTitle .navlayerBackTitleCloser { position:relative; width:32px; height:32px; } .headerElementNavigationFull_var610 .headerNavigation > nav > div > ul > li ul > li.navlayerBackParentTitle .navlayerBackTitleCloser:before, .headerElementNavigationFull_var610 .headerNavigation > nav > div > ul > li ul > li.navlayerBackParentTitle .navlayerBackTitleCloser:after, .headerElementNavigationFull_var610 .headerNavigation > nav > div > ul > li ul > li.navlayerBackTitle .navlayerBackTitleCloser:before, .headerElementNavigationFull_var610 .headerNavigation > nav > div > ul > li ul > li.navlayerBackTitle .navlayerBackTitleCloser:after, .headerElementNavigationFull_var610 .headerNavigation > nav > ul > li ul > li.navlayerBackParentTitle .navlayerBackTitleCloser:before, .headerElementNavigationFull_var610 .headerNavigation > nav > ul > li ul > li.navlayerBackParentTitle .navlayerBackTitleCloser:after, .headerElementNavigationFull_var610 .headerNavigation > nav > ul > li ul > li.navlayerBackTitle .navlayerBackTitleCloser:before, .headerElementNavigationFull_var610 .headerNavigation > nav > ul > li ul > li.navlayerBackTitle .navlayerBackTitleCloser:after { transition:all 0.3s ease-in-out; content:''; position:absolute; left:0; top:0; margin:15px 0 0 8px; display:block; width:18px; height:2px; background-color:var(--fontColorNavigationMenuLevel2); transform:rotate(-45deg); } .headerElementNavigationFull_var610 .headerNavigation > nav > div > ul > li ul > li.navlayerBackParentTitle .navlayerBackTitleCloser:after, .headerElementNavigationFull_var610 .headerNavigation > nav > div > ul > li ul > li.navlayerBackTitle .navlayerBackTitleCloser:after, .headerElementNavigationFull_var610 .headerNavigation > nav > ul > li ul > li.navlayerBackParentTitle .navlayerBackTitleCloser:after, .headerElementNavigationFull_var610 .headerNavigation > nav > ul > li ul > li.navlayerBackTitle .navlayerBackTitleCloser:after { transform:rotate(45deg); } .headerElementNavigationFull_var610 .headerNavigation > nav > div > ul > li ul > li.navlayerCloser, .headerElementNavigationFull_var610 .headerNavigation > nav > ul > li ul > li.navlayerCloser { position:absolute; top:0; right:0; height:150%; width:150%; cursor:pointer; } .headerElementNavigationFull_var610 .headerNavigation > nav > div > ul > li ul > li.navlayerCloser span, .headerElementNavigationFull_var610 .headerNavigation > nav > ul > li ul > li.navlayerCloser span { padding-left:16px; } .headerElementNavigationFull_var610 .headerNavigation > nav > div > ul > li ul > li.navlayerCloser:before, .headerElementNavigationFull_var610 .headerNavigation > nav > div > ul > li ul > li.navlayerCloser:after, .headerElementNavigationFull_var610 .headerNavigation > nav > ul > li ul > li.navlayerCloser:before, .headerElementNavigationFull_var610 .headerNavigation > nav > ul > li ul > li.navlayerCloser:after { transition:all 0.3s ease-in-out; content:''; position:absolute; left:0; top:0; margin:18px 0 0 8px; display:block; width:20px; height:2px; background-color:var(--fontColorNavigationMenuLevel2); transform:rotate(-45deg); } .headerElementNavigationFull_var610 .headerNavigation > nav > div > ul > li ul > li.navlayerCloser:after, .headerElementNavigationFull_var610 .headerNavigation > nav > ul > li ul > li.navlayerCloser:after { transform:rotate(45deg); } .headerElementNavigationFull_var610 .headerNavigation > nav > div > ul > li ul > li.navlayerTitle, .headerElementNavigationFull_var610 .headerNavigation > nav > ul > li ul > li.navlayerTitle { font-size:0.8rem; line-height:150%; font-weight:400; color:var(--fontColorNavigationMenuLevel2); background-color:transparent; padding:0.2rem 1rem 0.2rem 1rem; font-weight:bold; } .headerElementNavigationFull_var610 .headerNavigation > nav > div > ul > li ul > li, .headerElementNavigationFull_var610 .headerNavigation > nav > ul > li ul > li { font-size:0.8rem; line-height:150%; background-color:var(--backgroundColorNavigationMenuLevel2); } .headerElementNavigationFull_var610 .headerNavigation > nav > div > ul > li ul > li > a, .headerElementNavigationFull_var610 .headerNavigation > nav > ul > li ul > li > a { padding:0.2rem 1rem 0.2rem 1rem; color:var(--fontColorNavigationMenuLevel2); } .headerElementNavigationFull_var610 .headerNavigation > nav > div > ul > li ul > li.selected, .headerElementNavigationFull_var610 .headerNavigation > nav > div > ul > li ul > li.descendantSelected, .headerElementNavigationFull_var610 .headerNavigation > nav > ul > li ul > li.selected, .headerElementNavigationFull_var610 .headerNavigation > nav > ul > li ul > li.descendantSelected { background-color:var(--backgroundColorNavigationMenuLevel2Selected); } .headerElementNavigationFull_var610 .headerNavigation > nav > div > ul > li ul > li.selected > a, .headerElementNavigationFull_var610 .headerNavigation > nav > div > ul > li ul > li.descendantSelected > a, .headerElementNavigationFull_var610 .headerNavigation > nav > ul > li ul > li.selected > a, .headerElementNavigationFull_var610 .headerNavigation > nav > ul > li ul > li.descendantSelected > a { color:var(--fontColorNavigationMenuLevel2Selected); } .headerElementNavigationFull_var610 .headerNavigation > nav > div > ul > li ul > li:hover, .headerElementNavigationFull_var610 .headerNavigation > nav > ul > li ul > li:hover { background-color:var(--backgroundColorNavigationMenuLevel2Hover); } .headerElementNavigationFull_var610 .headerNavigation > nav > div > ul > li ul > li:hover > a, .headerElementNavigationFull_var610 .headerNavigation > nav > ul > li ul > li:hover > a { color:var(--fontColorNavigationMenuLevel2Hover); } .headerElementNavigationFull_var610 .headerNavigation > nav > div > ul > li ul > li:active, .headerElementNavigationFull_var610 .headerNavigation > nav > ul > li ul > li:active { background-color:var(--backgroundColorNavigationMenuLevel2Active); } .headerElementNavigationFull_var610 .headerNavigation > nav > div > ul > li ul > li:active > a, .headerElementNavigationFull_var610 .headerNavigation > nav > ul > li ul > li:active > a { color:var(--fontColorNavigationMenuLevel2Active); } .headerElementNavigationFull_var610 .headerNavigation > nav > div > ul[data-source='meta'] { flex:content; background:var(--backgroundColorNavigationMenuMeta); padding:0rem 8px 0rem 1rem; } .headerElementNavigationFull_var610 .headerNavigation > nav > div > ul[data-source='meta'] > li { transition:none; line-height:150%; font-size:0.9rem; font-weight:normal; border-bottom:none; } .headerElementNavigationFull_var610 .headerNavigation > nav > div > ul[data-source='meta'] > li > a { padding:0.3rem 0.5rem 0.3rem 1rem; } .headerElementNavigationFull_var610 .headerNavigation .navLevelEmbed { display:none; } .headerElementNavigationFull_var610 .headerNavigation .hasMegaDropdown:not(.childs) > span.navpointToggler { display:none; } } @media (min-width: 415px) and (max-width: 992px) and (min-width: 992px) { .headerElementNavigationFull_var610 .headerNavigation > nav { height:calc(100vh - var(--heightBlockHeaderNavigation)); } } @media (min-width: 992px) and (min-width: 992px) { .headerElementNavigationFull_var610 .headerNavigation > nav > div { padding-left:2rem; width:calc(320px + 2rem); } } @media (max-width: 428px) and (max-width: 992px) and (min-width: 992px) { .headerElementNavigationFull_var610 .headerNavigation > nav > div { width:100vw !important; } } @media (max-width: 428px) and (max-width: 992px) and (min-width: 992px) { .headerElementNavigationFull_var610 .headerNavigation > nav > div > ul, .headerElementNavigationFull_var610 .headerNavigation > nav > ul { width:100vw; } } @media (min-width: 640px) and (min-width: 992px) { .headerElementNavigationFull_var610 .headerNavigation > nav > div > ul > li.displaySub > ul[data-navlevel = '2'], .headerElementNavigationFull_var610 .headerNavigation > nav > div > ul > li .displaySub > ul[data-navlevel = '2'], .headerElementNavigationFull_var610 .headerNavigation > nav > ul > li.displaySub > ul[data-navlevel = '2'], .headerElementNavigationFull_var610 .headerNavigation > nav > ul > li .displaySub > ul[data-navlevel = '2'] { width:320px; left:319px; } } @media (min-width: 960px) and (min-width: 992px) { .headerElementNavigationFull_var610 .headerNavigation > nav > div > ul > li.displaySub > ul[data-navlevel = '3'], .headerElementNavigationFull_var610 .headerNavigation > nav > div > ul > li .displaySub > ul[data-navlevel = '3'], .headerElementNavigationFull_var610 .headerNavigation > nav > ul > li.displaySub > ul[data-navlevel = '3'], .headerElementNavigationFull_var610 .headerNavigation > nav > ul > li .displaySub > ul[data-navlevel = '3'] { width:320px; left:319px; } } @media (min-width: 1280px) and (min-width: 992px) { .headerElementNavigationFull_var610 .headerNavigation > nav > div > ul > li.displaySub > ul[data-navlevel = '4'], .headerElementNavigationFull_var610 .headerNavigation > nav > div > ul > li .displaySub > ul[data-navlevel = '4'], .headerElementNavigationFull_var610 .headerNavigation > nav > ul > li.displaySub > ul[data-navlevel = '4'], .headerElementNavigationFull_var610 .headerNavigation > nav > ul > li .displaySub > ul[data-navlevel = '4'] { width:320px; left:319px; } } @media (max-width: 428px) and (max-width: 992px) and (min-width: 992px) { .headerElementNavigationFull_var610 .headerNavigation > nav > div > ul > li ul, .headerElementNavigationFull_var610 .headerNavigation > nav > ul > li ul { width:100vw; left:calc(100vw + 20px); } } .headerElementNavigationFull_var700 { --heightBlockHeaderNavigation:var(--heightBlockHeader); } @media (min-width: 992px) { .headerElementNavigationFull_var700 html.navmenu-open { overflow:hidden; } .headerElementNavigationFull_var700 #navigationMenuPre { width:100%; max-width:1200px; margin:0 auto; display:flex !important; padding:0 4rem 0 0; } .headerElementNavigationFull_var700 #navigationMenuPre:empty { display:none !important; } .headerElementNavigationFull_var700 #navigationMenuPost { width:100%; max-width:1200px; margin:0 auto; display:flex !important; padding:0 0 2rem 0; } .headerElementNavigationFull_var700 #navigationMenuPost:empty { display:none !important; } .headerElementNavigationFull_var700 .headerNavigation { width:100%; position:relative; } .headerElementNavigationFull_var700 .headerNavigation > nav > div { display:flex; flex-direction:column; justify-content:space-between; position:fixed; width:100vw; padding:0 4rem; scrollbar-width:none; scrollbar-color:transparent transparent; top:var(--heightBlockHeaderNavigation); height:calc(100vh - var(--heightBlockHeaderNavigation)); left:0; height:0; transition:all 0.3s ease-in-out; overflow:auto; background-color:var(--backgroundColorNavigationMenu); z-index:100000; } .headerElementNavigationFull_var700 .headerNavigation > nav > div::-webkit-scrollbar { display:none; } .headerElementNavigationFull_var700 .headerNavigation > nav > div[data-title]:not([data-title=""]):before { width:100%; max-width:1200px; margin:0 auto; display:block; padding:2rem 0 0 0; content:attr(data-title); font-size:3.5rem; line-height:120%; color:var(--baseColorSemi); } .navmenu-open .headerElementNavigationFull_var700 .headerNavigation > nav > div { height:calc(100vh - var(--heightBlockHeaderNavigation)); } .headerElementNavigationFull_var700 .headerNavigation ul { list-style-type:none; margin:0; padding:0; } .headerElementNavigationFull_var700 .headerNavigation li { position:relative; margin:0; padding:0; } .headerElementNavigationFull_var700 .headerNavigation li > a { display:inline-block; vertical-align:middle; text-decoration:none; text-align:left; } .headerElementNavigationFull_var700 .headerNavigation li > ul { display:none; } .headerElementNavigationFull_var700 .headerNavigation li.selected > ul, .headerElementNavigationFull_var700 .headerNavigation li.descendantSelected > ul { display:block; } .headerElementNavigationFull_var700 .headerNavigation > nav > div > ul { width:100%; max-width:1200px; margin:0 auto; padding:2rem 0 2px 0; flex:1; } .headerElementNavigationFull_var700 .headerNavigation > nav > div > ul > li { border-bottom:none 1px #C0C0C0; font-size:1rem; font-weight:600; line-height:150%; background-color:var(--backgroundColorNavigationMenuLevel1); } .headerElementNavigationFull_var700 .headerNavigation > nav > div > ul > li > a { padding:0.5rem 0.5rem 0.5rem 0; color:var(--fontColorNavigationMenuLevel1); } .headerElementNavigationFull_var700 .headerNavigation > nav > div > ul > li > a[data-hasiconimg] { display:flex; } .headerElementNavigationFull_var700 .headerNavigation > nav > div > ul > li > a[data-hasiconimg] .iconImg { padding-right:0.3rem; } .headerElementNavigationFull_var700 .headerNavigation > nav > div > ul > li.selected, .headerElementNavigationFull_var700 .headerNavigation > nav > div > ul > li.descendantSelected { background-color:var(--backgroundColorNavigationMenuLevel1Selected); } .headerElementNavigationFull_var700 .headerNavigation > nav > div > ul > li.selected > a, .headerElementNavigationFull_var700 .headerNavigation > nav > div > ul > li.descendantSelected > a { color:var(--fontColorNavigationMenuLevel1Selected); } .headerElementNavigationFull_var700 .headerNavigation > nav > div > ul > li:hover { background-color:var(--backgroundColorNavigationMenuLevel1Hover); } .headerElementNavigationFull_var700 .headerNavigation > nav > div > ul > li:hover > a { color:var(--fontColorNavigationMenuLevel1Hover); } .headerElementNavigationFull_var700 .headerNavigation > nav > div > ul > li:active { background-color:var(--backgroundColorNavigationMenuLevel1Active); } .headerElementNavigationFull_var700 .headerNavigation > nav > div > ul > li:active > a { color:var(--fontColorNavigationMenuLevel1Active); } .headerElementNavigationFull_var700 .headerNavigation > nav > div > ul > li > ul { margin-bottom:1rem; grid-column:1 / span 2; } .headerElementNavigationFull_var700 .headerNavigation > nav > div > ul > li > ul > li { font-size:0.8rem; font-weight:400; line-height:150%; background-color:var(--backgroundColorNavigationMenuLevel2); } .headerElementNavigationFull_var700 .headerNavigation > nav > div > ul > li > ul > li > a { padding:0.2rem 0.5rem 0.2rem 1rem; color:var(--fontColorNavigationMenuLevel2); } .headerElementNavigationFull_var700 .headerNavigation > nav > div > ul > li > ul > li.selected, .headerElementNavigationFull_var700 .headerNavigation > nav > div > ul > li > ul > li.descendantSelected { background-color:var(--backgroundColorNavigationMenuLevel2Selected); } .headerElementNavigationFull_var700 .headerNavigation > nav > div > ul > li > ul > li.selected > a, .headerElementNavigationFull_var700 .headerNavigation > nav > div > ul > li > ul > li.descendantSelected > a { color:var(--fontColorNavigationMenuLevel2Selected); } .headerElementNavigationFull_var700 .headerNavigation > nav > div > ul > li > ul > li:hover { background-color:var(--backgroundColorNavigationMenuLevel2Hover); } .headerElementNavigationFull_var700 .headerNavigation > nav > div > ul > li > ul > li:hover > a { color:var(--fontColorNavigationMenuLevel2Hover); } .headerElementNavigationFull_var700 .headerNavigation > nav > div > ul > li > ul > li:active { background-color:var(--backgroundColorNavigationMenuLevel2Active); } .headerElementNavigationFull_var700 .headerNavigation > nav > div > ul > li > ul > li:active > a { color:var(--fontColorNavigationMenuLevel2Active); } .headerElementNavigationFull_var700 .headerNavigation > nav > div > ul > li > ul > li > ul { margin-bottom:0.6rem; grid-column:1 / span 2; } .headerElementNavigationFull_var700 .headerNavigation > nav > div > ul > li > ul > li > ul > li { font-size:0.8rem; font-weight:400; line-height:150%; background-color:var(--backgroundColorNavigationMenuLevel2); } .headerElementNavigationFull_var700 .headerNavigation > nav > div > ul > li > ul > li > ul > li > a { padding:0.1rem 0.5rem 0.1rem 2rem; color:var(--fontColorNavigationMenuLevel2); } .headerElementNavigationFull_var700 .headerNavigation > nav > div > ul > li > ul > li > ul > li.selected, .headerElementNavigationFull_var700 .headerNavigation > nav > div > ul > li > ul > li > ul > li.descendantSelected { background-color:var(--backgroundColorNavigationMenuLevel2Selected); } .headerElementNavigationFull_var700 .headerNavigation > nav > div > ul > li > ul > li > ul > li.selected > a, .headerElementNavigationFull_var700 .headerNavigation > nav > div > ul > li > ul > li > ul > li.descendantSelected > a { color:var(--fontColorNavigationMenuLevel2Selected); } .headerElementNavigationFull_var700 .headerNavigation > nav > div > ul > li > ul > li > ul > li:hover { background-color:var(--backgroundColorNavigationMenuLevel2Hover); } .headerElementNavigationFull_var700 .headerNavigation > nav > div > ul > li > ul > li > ul > li:hover > a { color:var(--fontColorNavigationMenuLevel2Hover); } .headerElementNavigationFull_var700 .headerNavigation > nav > div > ul > li > ul > li > ul > li:active { background-color:var(--backgroundColorNavigationMenuLevel2Active); } .headerElementNavigationFull_var700 .headerNavigation > nav > div > ul > li > ul > li > ul > li:active > a { color:var(--fontColorNavigationMenuLevel2Active); } .headerElementNavigationFull_var700 .headerNavigation > nav > div > ul > li > ul > li > ul > li span.navpointToggler { padding-right:0; } .headerElementNavigationFull_var700 .headerNavigation > nav > div > ul > li > ul > li > ul > li > ul { margin-bottom:0.6rem; grid-column:1 / span 2; } .headerElementNavigationFull_var700 .headerNavigation > nav > div > ul > li > ul > li > ul > li > ul > li { font-size:0.8rem; font-weight:400; line-height:150%; background-color:var(--backgroundColorNavigationMenuLevel2); } .headerElementNavigationFull_var700 .headerNavigation > nav > div > ul > li > ul > li > ul > li > ul > li > a { padding:0.1rem 0.5rem 0.1rem 3rem; color:var(--fontColorNavigationMenuLevel2); } .headerElementNavigationFull_var700 .headerNavigation > nav > div > ul > li > ul > li > ul > li > ul > li.selected, .headerElementNavigationFull_var700 .headerNavigation > nav > div > ul > li > ul > li > ul > li > ul > li.descendantSelected { background-color:var(--backgroundColorNavigationMenuLevel2Selected); } .headerElementNavigationFull_var700 .headerNavigation > nav > div > ul > li > ul > li > ul > li > ul > li.selected > a, .headerElementNavigationFull_var700 .headerNavigation > nav > div > ul > li > ul > li > ul > li > ul > li.descendantSelected > a { color:var(--fontColorNavigationMenuLevel2Selected); } .headerElementNavigationFull_var700 .headerNavigation > nav > div > ul > li > ul > li > ul > li > ul > li:hover { background-color:var(--backgroundColorNavigationMenuLevel2Hover); } .headerElementNavigationFull_var700 .headerNavigation > nav > div > ul > li > ul > li > ul > li > ul > li:hover > a { color:var(--fontColorNavigationMenuLevel2Hover); } .headerElementNavigationFull_var700 .headerNavigation > nav > div > ul > li > ul > li > ul > li > ul > li:active { background-color:var(--backgroundColorNavigationMenuLevel2Active); } .headerElementNavigationFull_var700 .headerNavigation > nav > div > ul > li > ul > li > ul > li > ul > li:active > a { color:var(--fontColorNavigationMenuLevel2Active); } .headerElementNavigationFull_var700 .headerNavigation > nav > div > ul > li > ul > li > ul > li > ul > li span.navpointToggler { padding-right:0; } .headerElementNavigationFull_var700 .headerNavigation > nav > div > ul[data-source='meta'] { display:block; padding:2rem 0 2px 0; flex:0; } .headerElementNavigationFull_var700 .headerNavigation > nav > div > ul[data-source='meta'] > li { display:inline-block; font-weight:normal; font-size:0.9rem; line-height:120%; padding:0; } .headerElementNavigationFull_var700 .headerNavigation > nav > div > ul[data-source='meta'] > li:before { display:inline; content:'|'; } .headerElementNavigationFull_var700 .headerNavigation > nav > div > ul[data-source='meta'] > li:first-child:before { display:none; } .headerElementNavigationFull_var700 .headerNavigation > nav > div > ul[data-source='meta'] > li > a { display:inline; padding:0 0.4rem; } .headerElementNavigationFull_var700 .headerNavigation > nav > div > ul[data-source='meta'] > li:first-child > a { padding-left:0; } .headerElementNavigationFull_var700 .headerNavigation .navpointEmbedToggler { display:none; } .headerElementNavigationFull_var700 .headerNavigation span.navpointToggler { display:inline-block; vertical-align:middle; cursor:pointer; width:32px; height:32px; box-sizing:content-box; } .headerElementNavigationFull_var700 .headerNavigation span.navpointToggler:before, .headerElementNavigationFull_var700 .headerNavigation span.navpointToggler:after { transition:all 0.3s ease-in-out; content:''; position:absolute; margin:16px 0 0 8px; display:block; width:11px; height:2px; background-color:var(--fontColorNavigationMenuLevel1); transform:rotate(40deg); } .headerElementNavigationFull_var700 .headerNavigation span.navpointToggler:after { margin-left:15px; transform:rotate(-40deg); } .headerElementNavigationFull_var700 .headerNavigation span.navpointToggler.open:before { transform:rotate(-40deg); } .headerElementNavigationFull_var700 .headerNavigation span.navpointToggler.open:after { transform:rotate(40deg); } .headerElementNavigationFull_var700 .headerNavigation .hasMegaDropdown:not(.childs) > span.navpointToggler { display:none; } .headerElementNavigationFull_var700 .navLevelEmbed { display:none; } } @media (min-width: 992px) { .headerElementNavigationFull_var710 html.navmenu-open { overflow:hidden; } .headerElementNavigationFull_var710 #navigationMenuPre { width:100%; max-width:1200px; margin:0 auto; display:flex !important; padding:0 2rem 0 0; } .headerElementNavigationFull_var710 #navigationMenuPre:empty { display:none !important; } .headerElementNavigationFull_var710 #navigationMenuPost { width:50%; margin:0; display:flex !important; justify-content:right; padding:0 2rem 0 0; } .headerElementNavigationFull_var710 #navigationMenuPost:empty { display:none !important; } .headerElementNavigationFull_var710 .headerNavigation { width:100%; position:relative; } .headerElementNavigationFull_var710 .headerNavigation:not(.open) > nav { display:none; } .headerElementNavigationFull_var710 .headerNavigation > nav > div { position:fixed; overflow:auto; z-index:100000; display:flex; flex-direction:column; justify-content:space-between; width:100vw; margin-top:0 !important; padding:0; background:var(--backgroundColorNavigationMenu); opacity:1; transition:opacity 0.3s ease-in-out; scrollbar-width:none; scrollbar-color:transparent transparent; top:0; height:100vh; left:0; height:0; transition:all 0.3s ease-in-out; } .headerElementNavigationFull_var710 .headerNavigation > nav > div::-webkit-scrollbar { display:none; } .headerElementNavigationFull_var710 .headerNavigation > nav > div[data-title]:not([data-title=""]):before { width:50%; margin:0; display:block; padding:0 2rem 0 0; text-align:right; content:attr(data-title); font-size:3.5rem; line-height:120%; color:var(--baseColorSemi); } .navmenu-open .headerElementNavigationFull_var710 .headerNavigation > nav > div { display:block; height:100vh; } .headerElementNavigationFull_var710 .headerNavigation ul { list-style-type:none; margin:0; padding:0; } .headerElementNavigationFull_var710 .headerNavigation li { position:relative; display:grid; align-items:center; margin:0; padding:0; grid-template-columns:1fr 32px; } .headerElementNavigationFull_var710 .headerNavigation li > a { display:block; text-decoration:none; text-align:left; } .headerElementNavigationFull_var710 .headerNavigation li > ul { display:none; } .headerElementNavigationFull_var710 .headerNavigation li.selected > ul, .headerElementNavigationFull_var710 .headerNavigation li.descendantSelected > ul { display:block; } .headerElementNavigationFull_var710 .headerNavigation > nav > div > ul { max-width:1200px; } .headerElementNavigationFull_var710 .headerNavigation > nav > div > ul > li { font-size:1rem; line-height:150%; font-weight:600; background-color:var(--backgroundColorNavigationMenuLevel1); } .headerElementNavigationFull_var710 .headerNavigation > nav > div > ul > li > span.navpointToggler { transform:rotate(-90deg); } .headerElementNavigationFull_var710 .headerNavigation > nav > div > ul > li > a { color:var(--fontColorNavigationMenuLevel1); padding:0.5rem 0rem 0.5rem 0; } .headerElementNavigationFull_var710 .headerNavigation > nav > div > ul > li.selected > a, .headerElementNavigationFull_var710 .headerNavigation > nav > div > ul > li.descendantSelected > a { color:var(--fontColorNavigationMenuLevel1Selected); background-color:var(--backgroundColorNavigationMenuLevel1Selected); } .headerElementNavigationFull_var710 .headerNavigation > nav > div > ul > li:hover > a { color:var(--fontColorNavigationMenuLevel1Hover); background-color:var(--backgroundColorNavigationMenuLevel1Hover); } .headerElementNavigationFull_var710 .headerNavigation > nav > div > ul > li > a:active { color:var(--fontColorNavigationMenuLevel1Active); background-color:var(--backgroundColorNavigationMenuLevel1Active); } .headerElementNavigationFull_var710 .headerNavigation > nav > div > ul > li > ul > li { font-size:0.8rem; line-height:150%; font-weight:400; background-color:var(--backgroundColorNavigationMenuLevel2); } .headerElementNavigationFull_var710 .headerNavigation > nav > div > ul > li > ul > li > a { padding:0.2rem 0rem 0.2rem 1rem; color:var(--fontColorNavigationMenuLevel2); } .headerElementNavigationFull_var710 .headerNavigation > nav > div > ul > li > ul > li.selected, .headerElementNavigationFull_var710 .headerNavigation > nav > div > ul > li > ul > li.descendantSelected { background-color:var(--backgroundColorNavigationMenuLevel2Selected); } .headerElementNavigationFull_var710 .headerNavigation > nav > div > ul > li > ul > li.selected > a, .headerElementNavigationFull_var710 .headerNavigation > nav > div > ul > li > ul > li.descendantSelected > a { color:var(--fontColorNavigationMenuLevel2Selected); } .headerElementNavigationFull_var710 .headerNavigation > nav > div > ul > li > ul > li:hover { background-color:var(--backgroundColorNavigationMenuLevel2Hover); } .headerElementNavigationFull_var710 .headerNavigation > nav > div > ul > li > ul > li:hover > a { color:var(--fontColorNavigationMenuLevel2Hover); } .headerElementNavigationFull_var710 .headerNavigation > nav > div > ul > li > ul > li:active { background-color:var(--backgroundColorNavigationMenuLevel2Active); } .headerElementNavigationFull_var710 .headerNavigation > nav > div > ul > li > ul > li:active > a { color:var(--fontColorNavigationMenuLevel2Active); } .headerElementNavigationFull_var710 .headerNavigation > nav > div > ul > li > ul > li > ul > li { font-size:0.8rem; line-height:150%; font-weight:400; background-color:var(--backgroundColorNavigationMenuLevel3); } .headerElementNavigationFull_var710 .headerNavigation > nav > div > ul > li > ul > li > ul > li > a { padding:0.1rem 0rem 0.1rem 2rem; color:var(--fontColorNavigationMenuLevel2); } .headerElementNavigationFull_var710 .headerNavigation > nav > div > ul > li > ul > li > ul > li.selected, .headerElementNavigationFull_var710 .headerNavigation > nav > div > ul > li > ul > li > ul > li.descendantSelected { background-color:var(--backgroundColorNavigationMenuLevel3Selected); } .headerElementNavigationFull_var710 .headerNavigation > nav > div > ul > li > ul > li > ul > li.selected > a, .headerElementNavigationFull_var710 .headerNavigation > nav > div > ul > li > ul > li > ul > li.descendantSelected > a { color:var(--fontColorNavigationMenuLevel2Selected); } .headerElementNavigationFull_var710 .headerNavigation > nav > div > ul > li > ul > li > ul > li:hover { background-color:var(--backgroundColorNavigationMenuLevel3Hover); } .headerElementNavigationFull_var710 .headerNavigation > nav > div > ul > li > ul > li > ul > li:hover > a { color:var(--fontColorNavigationMenuLevel32Hover); } .headerElementNavigationFull_var710 .headerNavigation > nav > div > ul > li > ul > li > ul > li:active { background-color:var(--backgroundColorNavigationMenuLevel3Active); } .headerElementNavigationFull_var710 .headerNavigation > nav > div > ul > li > ul > li > ul > li:active > a { color:var(--fontColorNavigationMenuLevel2Active); } .headerElementNavigationFull_var710 .headerNavigation > nav > div > ul > li > ul > li > ul > li span.navpointToggler { height:150%; padding-right:0; } .headerElementNavigationFull_var710 .headerNavigation > nav > div > ul[data-source='meta'] { flex:1; background:var(--backgroundColorNavigationMenuMeta); padding:2rem 0 2px 0; } .headerElementNavigationFull_var710 .headerNavigation > nav > div > ul[data-source='meta'] > li { transition:none; line-height:150%; font-size:0.9rem; font-weight:normal; border-bottom:none; } .headerElementNavigationFull_var710 .headerNavigation > nav > div > ul[data-source='meta'] > li > a { padding:0.3rem 0rem 0.3rem 1rem; } .headerElementNavigationFull_var710 .headerNavigation .navpointEmbedToggler { display:none; } .headerElementNavigationFull_var710 .headerNavigation span.navpointToggler { display:inline-block; vertical-align:middle; cursor:pointer; width:32px; height:32px; box-sizing:content-box; } .headerElementNavigationFull_var710 .headerNavigation span.navpointToggler:before, .headerElementNavigationFull_var710 .headerNavigation span.navpointToggler:after { transition:all 0.3s ease-in-out; content:''; position:absolute; margin:16px 0 0 5px; display:block; width:11px; height:2px; background-color:var(--fontColorNavigationMenuLevel1); transform:rotate(40deg); } .headerElementNavigationFull_var710 .headerNavigation span.navpointToggler:after { margin-left:12px; transform:rotate(-40deg); } .headerElementNavigationFull_var710 .headerNavigation span.navpointToggler.open:before { transform:rotate(-40deg); } .headerElementNavigationFull_var710 .headerNavigation span.navpointToggler.open:after { transform:rotate(40deg); } .headerElementNavigationFull_var710 .headerNavigation .hasMegaDropdown:not(.childs) > span.navpointToggler { display:none; } .headerElementNavigationFull_var710 .navLevelEmbed { display:none; } } @media (min-width: 768px) and (min-width: 992px) { .headerElementNavigationFull_var710 .headerNavigation > nav > div > ul { padding:3rem 1rem 2rem 2rem; position:relative; top:0; left:0; width:50vw; } } @media (min-width: 768px) and (min-width: 992px) { .headerElementNavigationFull_var710 .headerNavigation > nav > div > ul > li > a { text-align:right; } } @media (min-width: 768px) and (min-width: 992px) { .headerElementNavigationFull_var710 .headerNavigation > nav > div > ul > li > ul { position:fixed; left:50vw; padding:0.3rem 1rem; top:3rem; } } @media (min-width: 992px) { .headerElementNavigationFull_var720 html.navmenu-open { overflow:hidden; } .headerElementNavigationFull_var720 #navigationMenuPre { width:100%; max-width:1200px; margin:0 auto; display:flex !important; padding:0 4rem 0 0; } .headerElementNavigationFull_var720 #navigationMenuPre:empty { display:none !important; } .headerElementNavigationFull_var720 #navigationMenuPost { width:100%; max-width:1200px; margin:0 auto; display:flex !important; padding:0 0 2rem 0; } .headerElementNavigationFull_var720 #navigationMenuPost:empty { display:none !important; } .headerElementNavigationFull_var720 .headerNavigation { width:100%; position:relative; } .headerElementNavigationFull_var720 .headerNavigation > nav > div { display:flex; flex-direction:column; justify-content:space-between; position:fixed; width:100vw; padding:0 4rem; scrollbar-width:none; scrollbar-color:transparent transparent; top:var(--heightBlockHeaderNavigation); height:calc(100vh - var(--heightBlockHeaderNavigation)); left:0; height:0; transition:all 0.3s ease-in-out; overflow:auto; background-color:var(--backgroundColorNavigationMenu); z-index:100000; } .headerElementNavigationFull_var720 .headerNavigation > nav > div::-webkit-scrollbar { display:none; } .headerElementNavigationFull_var720 .headerNavigation > nav > div[data-title]:not([data-title=""]):before { width:100%; max-width:1200px; margin:0 auto; display:block; padding:2rem 0 0 0; content:attr(data-title); font-size:3.5rem; line-height:120%; color:var(--baseColorSemi); } .navmenu-open .headerElementNavigationFull_var720 .headerNavigation > nav > div { height:calc(100vh - var(--heightBlockHeaderNavigation)); } .headerElementNavigationFull_var720 .headerNavigation ul { list-style-type:none; margin:0; padding:0; } .headerElementNavigationFull_var720 .headerNavigation li { position:relative; display:block; margin:0; padding:0; } .headerElementNavigationFull_var720 .headerNavigation li > a { display:block; text-decoration:none; text-align:left; } .headerElementNavigationFull_var720 .headerNavigation li > ul { display:none; } .headerElementNavigationFull_var720 .headerNavigation li > ul { display:flex !important; margin-bottom:1rem; } .headerElementNavigationFull_var720 .headerNavigation li.selected > ul, .headerElementNavigationFull_var720 .headerNavigation li.descendantSelected > ul { display:block; } .headerElementNavigationFull_var720 .headerNavigation > nav > div > ul { width:100%; max-width:1200px; margin:0 auto; padding:2rem 0 2px 0; flex:1; } .headerElementNavigationFull_var720 .headerNavigation > nav > div > ul > li { border-bottom:none 1px #C0C0C0; font-size:1rem; font-weight:600; line-height:150%; background-color:var(--backgroundColorNavigationMenuLevel1); } .headerElementNavigationFull_var720 .headerNavigation > nav > div > ul > li > a { padding:0.5rem 0.5rem 0.5rem 0; color:var(--fontColorNavigationMenuLevel1); } .headerElementNavigationFull_var720 .headerNavigation > nav > div > ul > li > a[data-hasiconimg] { display:flex; } .headerElementNavigationFull_var720 .headerNavigation > nav > div > ul > li > a[data-hasiconimg] .iconImg { padding-right:0.3rem; } .headerElementNavigationFull_var720 .headerNavigation > nav > div > ul > li.selected, .headerElementNavigationFull_var720 .headerNavigation > nav > div > ul > li.descendantSelected { background-color:var(--backgroundColorNavigationMenuLevel1Selected); } .headerElementNavigationFull_var720 .headerNavigation > nav > div > ul > li.selected > a, .headerElementNavigationFull_var720 .headerNavigation > nav > div > ul > li.descendantSelected > a { color:var(--fontColorNavigationMenuLevel1Selected); } .headerElementNavigationFull_var720 .headerNavigation > nav > div > ul > li:hover { background-color:var(--backgroundColorNavigationMenuLevel1Hover); } .headerElementNavigationFull_var720 .headerNavigation > nav > div > ul > li:hover > a { color:var(--fontColorNavigationMenuLevel1Hover); } .headerElementNavigationFull_var720 .headerNavigation > nav > div > ul > li:active { background-color:var(--backgroundColorNavigationMenuLevel1Active); } .headerElementNavigationFull_var720 .headerNavigation > nav > div > ul > li:active > a { color:var(--fontColorNavigationMenuLevel1Active); } .headerElementNavigationFull_var720 .headerNavigation > nav > div > ul > li > ul { text-align:left; max-width:640px; } .headerElementNavigationFull_var720 .headerNavigation > nav > div > ul > li > ul > li { display:inline-block; border-bottom:none 1px #C0C0C0; font-size:0.8rem; font-weight:400; line-height:150%; background-color:var(--backgroundColorNavigationMenuLevel2); } .headerElementNavigationFull_var720 .headerNavigation > nav > div > ul > li > ul > li > a { padding:0.2rem 0.5rem 0.2rem 0; color:var(--fontColorNavigationMenuLevel2); } .headerElementNavigationFull_var720 .headerNavigation > nav > div > ul > li > ul > li > a[data-hasiconimg] { display:flex; } .headerElementNavigationFull_var720 .headerNavigation > nav > div > ul > li > ul > li > a[data-hasiconimg] .iconImg { padding-right:0.3rem; } .headerElementNavigationFull_var720 .headerNavigation > nav > div > ul > li > ul > li.selected, .headerElementNavigationFull_var720 .headerNavigation > nav > div > ul > li > ul > li.descendantSelected { background-color:var(--backgroundColorNavigationMenuLevel2Selected); } .headerElementNavigationFull_var720 .headerNavigation > nav > div > ul > li > ul > li.selected > a, .headerElementNavigationFull_var720 .headerNavigation > nav > div > ul > li > ul > li.descendantSelected > a { color:var(--fontColorNavigationMenuLevel2Selected); } .headerElementNavigationFull_var720 .headerNavigation > nav > div > ul > li > ul > li:hover { background-color:var(--backgroundColorNavigationMenuLevel2Hover); } .headerElementNavigationFull_var720 .headerNavigation > nav > div > ul > li > ul > li:hover > a { color:var(--fontColorNavigationMenuLevel2Hover); } .headerElementNavigationFull_var720 .headerNavigation > nav > div > ul > li > ul > li:active { background-color:var(--backgroundColorNavigationMenuLevel2Active); } .headerElementNavigationFull_var720 .headerNavigation > nav > div > ul > li > ul > li:active > a { color:var(--fontColorNavigationMenuLevel2Active); } .headerElementNavigationFull_var720 .headerNavigation > nav > div > ul > li > ul > li span.navpointToggler { display:none; } .headerElementNavigationFull_var720 .headerNavigation > nav > div > ul > li > ul > li > ul { display:none !important; } .headerElementNavigationFull_var720 .headerNavigation > nav > div > ul[data-source='meta'] { display:block; flex:0; padding:2rem 0 2px 0; } .headerElementNavigationFull_var720 .headerNavigation > nav > div > ul[data-source='meta'] > li { display:inline-block; font-weight:normal; font-size:0.9rem; line-height:120%; padding:0; } .headerElementNavigationFull_var720 .headerNavigation > nav > div > ul[data-source='meta'] > li:before { display:inline; content:'|'; } .headerElementNavigationFull_var720 .headerNavigation > nav > div > ul[data-source='meta'] > li:first-child:before { display:none; } .headerElementNavigationFull_var720 .headerNavigation > nav > div > ul[data-source='meta'] > li > a { display:inline; padding:0 0.4rem; } .headerElementNavigationFull_var720 .headerNavigation > nav > div > ul[data-source='meta'] > li:first-child > a { padding-left:0; } .headerElementNavigationFull_var720 .headerNavigation .navLevelEmbed { display:none; position:absolute; z-index:101; width:100%; max-height:calc(100vh - var(--heightBlockHeader, $heightBlockHeader) - 36px); left:0; margin:calc(var(--heightBlockHeader, $heightBlockHeaderFull) / 2 + 24px) 0 0 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); } .headerElementNavigationFull_var720 .headerNavigation .navLevelEmbed .elementSection, .headerElementNavigationFull_var720 .headerNavigation .navLevelEmbed .elementSectionObjectContactPerson { padding:0 !important; } .headerElementNavigationFull_var720 .headerNavigation .navpointEmbedToggler { display:none; } } @media (min-width: 992px) { .headerElementNavigationFull_var730 html.navmenu-open { overflow:hidden; } .headerElementNavigationFull_var730 #navigationMenuPre { width:100%; max-width:1200px; margin:0 auto; display:flex !important; padding:0 4rem 0 0; } .headerElementNavigationFull_var730 #navigationMenuPre:empty { display:none !important; } .headerElementNavigationFull_var730 #navigationMenuPost { width:100%; max-width:1200px; margin:0 auto; display:flex !important; padding:0 0 2rem 0; } .headerElementNavigationFull_var730 #navigationMenuPost:empty { display:none !important; } .headerElementNavigationFull_var730 .headerNavigation { width:100%; position:relative; } .headerElementNavigationFull_var730 .headerNavigation > nav > div { display:flex; flex-direction:column; justify-content:space-between; position:fixed; width:100vw; padding:0 4rem; scrollbar-width:none; scrollbar-color:transparent transparent; top:var(--heightBlockHeaderNavigation); height:calc(100vh - var(--heightBlockHeaderNavigation)); left:0; height:0; transition:all 0.3s ease-in-out; overflow:auto; background-color:var(--backgroundColorNavigationMenu); z-index:100000; } .headerElementNavigationFull_var730 .headerNavigation > nav > div::-webkit-scrollbar { display:none; } .headerElementNavigationFull_var730 .headerNavigation > nav > div[data-title]:not([data-title=""]):before { width:100%; max-width:1200px; margin:0 auto; display:block; padding:2rem 0 0 0; content:attr(data-title); font-size:3.5rem; line-height:120%; color:var(--baseColorSemi); } .navmenu-open .headerElementNavigationFull_var730 .headerNavigation > nav > div { height:calc(100vh - var(--heightBlockHeaderNavigation)); } .headerElementNavigationFull_var730 .headerNavigation ul { list-style-type:none; margin:0; padding:0; } .headerElementNavigationFull_var730 .headerNavigation li { position:relative; display:block; margin:0; padding:0; } .headerElementNavigationFull_var730 .headerNavigation li > a { display:block; text-decoration:none; text-align:left; } .headerElementNavigationFull_var730 .headerNavigation li > ul { display:none; } .headerElementNavigationFull_var730 .headerNavigation li > ul { display:block !important; } .headerElementNavigationFull_var730 .headerNavigation li.selected > ul, .headerElementNavigationFull_var730 .headerNavigation li.descendantSelected > ul { display:block; } .headerElementNavigationFull_var730 .headerNavigation > nav > div > ul { width:100%; max-width:1200px; margin:0 auto; padding:2rem 0 2px 0; flex:1; display:flex; justify-content:left; } .headerElementNavigationFull_var730 .headerNavigation > nav > div > ul > li { border-bottom:none 1px #C0C0C0; font-size:1rem; font-weight:600; line-height:150%; background-color:var(--backgroundColorNavigationMenuLevel1); } .headerElementNavigationFull_var730 .headerNavigation > nav > div > ul > li > a { padding:0.5rem 2rem 0.5rem 0rem; color:var(--fontColorNavigationMenuLevel1); } .headerElementNavigationFull_var730 .headerNavigation > nav > div > ul > li > a[data-hasiconimg] { display:flex; } .headerElementNavigationFull_var730 .headerNavigation > nav > div > ul > li > a[data-hasiconimg] .iconImg { padding-right:0.3rem; } .headerElementNavigationFull_var730 .headerNavigation > nav > div > ul > li.selected, .headerElementNavigationFull_var730 .headerNavigation > nav > div > ul > li.descendantSelected { background-color:var(--backgroundColorNavigationMenuLevel1Selected); } .headerElementNavigationFull_var730 .headerNavigation > nav > div > ul > li.selected > a, .headerElementNavigationFull_var730 .headerNavigation > nav > div > ul > li.descendantSelected > a { color:var(--fontColorNavigationMenuLevel1Selected); } .headerElementNavigationFull_var730 .headerNavigation > nav > div > ul > li:hover { background-color:var(--backgroundColorNavigationMenuLevel1Hover); } .headerElementNavigationFull_var730 .headerNavigation > nav > div > ul > li:hover > a { color:var(--fontColorNavigationMenuLevel1Hover); } .headerElementNavigationFull_var730 .headerNavigation > nav > div > ul > li:active { background-color:var(--backgroundColorNavigationMenuLevel1Active); } .headerElementNavigationFull_var730 .headerNavigation > nav > div > ul > li:active > a { color:var(--fontColorNavigationMenuLevel1Active); } .headerElementNavigationFull_var730 .headerNavigation > nav > div > ul > li > ul { text-align:left; max-width:640px; } .headerElementNavigationFull_var730 .headerNavigation > nav > div > ul > li > ul > li { border-bottom:none 1px #C0C0C0; font-size:0.8rem; font-weight:400; line-height:150%; background-color:var(--backgroundColorNavigationMenuLevel2); } .headerElementNavigationFull_var730 .headerNavigation > nav > div > ul > li > ul > li > a { padding:0.2rem 0rem 0.2rem 0rem; color:var(--fontColorNavigationMenuLevel2); } .headerElementNavigationFull_var730 .headerNavigation > nav > div > ul > li > ul > li > a[data-hasiconimg] { display:flex; } .headerElementNavigationFull_var730 .headerNavigation > nav > div > ul > li > ul > li > a[data-hasiconimg] .iconImg { padding-right:0.3rem; } .headerElementNavigationFull_var730 .headerNavigation > nav > div > ul > li > ul > li.selected, .headerElementNavigationFull_var730 .headerNavigation > nav > div > ul > li > ul > li.descendantSelected { background-color:var(--backgroundColorNavigationMenuLevel2Selected); } .headerElementNavigationFull_var730 .headerNavigation > nav > div > ul > li > ul > li.selected > a, .headerElementNavigationFull_var730 .headerNavigation > nav > div > ul > li > ul > li.descendantSelected > a { color:var(--fontColorNavigationMenuLevel2Selected); } .headerElementNavigationFull_var730 .headerNavigation > nav > div > ul > li > ul > li:hover { background-color:var(--backgroundColorNavigationMenuLevel2Hover); } .headerElementNavigationFull_var730 .headerNavigation > nav > div > ul > li > ul > li:hover > a { color:var(--fontColorNavigationMenuLevel2Hover); } .headerElementNavigationFull_var730 .headerNavigation > nav > div > ul > li > ul > li:active { background-color:var(--backgroundColorNavigationMenuLevel2Active); } .headerElementNavigationFull_var730 .headerNavigation > nav > div > ul > li > ul > li:active > a { color:var(--fontColorNavigationMenuLevel2Active); } .headerElementNavigationFull_var730 .headerNavigation > nav > div > ul > li > ul > li span.navpointToggler { display:none; } .headerElementNavigationFull_var730 .headerNavigation > nav > div > ul > li > ul > li > ul > li { display:block; border-bottom:none 1px #C0C0C0; font-size:0.8rem; font-weight:400; line-height:150%; background-color:var(--backgroundColorNavigationMenuLevel3); } .headerElementNavigationFull_var730 .headerNavigation > nav > div > ul > li > ul > li > ul > li > a { padding:0.1rem 0rem 0.1rem 1rem; color:var(--fontColorNavigationMenuLevel2); } .headerElementNavigationFull_var730 .headerNavigation > nav > div > ul > li > ul > li > ul > li > a[data-hasiconimg] { display:flex; } .headerElementNavigationFull_var730 .headerNavigation > nav > div > ul > li > ul > li > ul > li > a[data-hasiconimg] .iconImg { padding-right:0.3rem; } .headerElementNavigationFull_var730 .headerNavigation > nav > div > ul > li > ul > li > ul > li.selected, .headerElementNavigationFull_var730 .headerNavigation > nav > div > ul > li > ul > li > ul > li.descendantSelected { background-color:var(--backgroundColorNavigationMenuLevel3Selected); } .headerElementNavigationFull_var730 .headerNavigation > nav > div > ul > li > ul > li > ul > li.selected > a, .headerElementNavigationFull_var730 .headerNavigation > nav > div > ul > li > ul > li > ul > li.descendantSelected > a { color:var(--fontColorNavigationMenuLevel2Selected); } .headerElementNavigationFull_var730 .headerNavigation > nav > div > ul > li > ul > li > ul > li:hover { background-color:var(--backgroundColorNavigationMenuLevel3Hover); } .headerElementNavigationFull_var730 .headerNavigation > nav > div > ul > li > ul > li > ul > li:hover > a { color:var(--fontColorNavigationMenuLevel2Hover); } .headerElementNavigationFull_var730 .headerNavigation > nav > div > ul > li > ul > li > ul > li:active { background-color:var(--backgroundColorNavigationMenuLevel3Active); } .headerElementNavigationFull_var730 .headerNavigation > nav > div > ul > li > ul > li > ul > li:active > a { color:var(--fontColorNavigationMenuLevel2Active); } .headerElementNavigationFull_var730 .headerNavigation > nav > div > ul > li > ul > li > ul > li span.navpointToggler { display:none; } .headerElementNavigationFull_var730 .headerNavigation > nav > div > ul > li > ul > li > ul > li > ul { display:none !important; } .headerElementNavigationFull_var730 .headerNavigation > nav > div > ul[data-source='meta'] { display:block; flex:0; padding:2rem 0 2px 0; } .headerElementNavigationFull_var730 .headerNavigation > nav > div > ul[data-source='meta'] > li { display:inline-block; font-weight:normal; font-size:0.9rem; line-height:120%; padding:0; } .headerElementNavigationFull_var730 .headerNavigation > nav > div > ul[data-source='meta'] > li:before { display:inline; content:'|'; } .headerElementNavigationFull_var730 .headerNavigation > nav > div > ul[data-source='meta'] > li:first-child:before { display:none; } .headerElementNavigationFull_var730 .headerNavigation > nav > div > ul[data-source='meta'] > li > a { display:inline; padding:0 0.4rem; } .headerElementNavigationFull_var730 .headerNavigation > nav > div > ul[data-source='meta'] > li:first-child > a { padding-left:0; } .headerElementNavigationFull_var730 .navLevelEmbed { display:none; } } @media (min-width: 992px) { .headerElementNavigationFull_var750 html.navmenu-open { overflow:hidden; } .headerElementNavigationFull_var750 #navigationMenuPre { width:100%; max-width:1200px; margin:0 auto; display:flex !important; padding:0 4rem 0 0; } .headerElementNavigationFull_var750 #navigationMenuPre:empty { display:none !important; } .headerElementNavigationFull_var750 #navigationMenuPost { width:100%; max-width:1200px; margin:0 auto; display:flex !important; padding:0 0 2rem 0; } .headerElementNavigationFull_var750 #navigationMenuPost:empty { display:none !important; } .headerElementNavigationFull_var750 .headerNavigation { width:100%; position:relative; } .headerElementNavigationFull_var750 .headerNavigation > nav > div { display:flex; flex-direction:column; justify-content:space-between; position:fixed; width:100vw; padding:0 4rem; scrollbar-width:none; scrollbar-color:transparent transparent; top:var(--heightBlockHeaderNavigation); height:calc(100vh - var(--heightBlockHeaderNavigation)); left:0; height:0; transition:all 0.3s ease-in-out; overflow:auto; background-color:var(--backgroundColorNavigationMenu); z-index:100000; } .headerElementNavigationFull_var750 .headerNavigation > nav > div::-webkit-scrollbar { display:none; } .headerElementNavigationFull_var750 .headerNavigation > nav > div[data-title]:not([data-title=""]):before { width:100%; max-width:1200px; margin:0 auto; display:block; padding:2rem 0 0 0; content:attr(data-title); font-size:3.5rem; line-height:120%; color:var(--baseColorSemi); } .navmenu-open .headerElementNavigationFull_var750 .headerNavigation > nav > div { height:calc(100vh - var(--heightBlockHeaderNavigation)); } .headerElementNavigationFull_var750 .headerNavigation ul { list-style-type:none; margin:0; padding:0; } .headerElementNavigationFull_var750 .headerNavigation li { position:relative; display:block; margin:0; padding:0; } .headerElementNavigationFull_var750 .headerNavigation li > a { display:block; text-decoration:none; text-align:left; } .headerElementNavigationFull_var750 .headerNavigation li > ul { display:none; } .headerElementNavigationFull_var750 .headerNavigation li.selected > ul, .headerElementNavigationFull_var750 .headerNavigation li.descendantSelected > ul { display:block; } .headerElementNavigationFull_var750 .headerNavigation > nav > div li { margin:0; padding:0; } .headerElementNavigationFull_var750 .headerNavigation > nav > div li > a { display:block; text-decoration:none; } .headerElementNavigationFull_var750 .headerNavigation > nav > div li > span.navpointToggler { display:none; } .headerElementNavigationFull_var750 .headerNavigation > nav > div li > ul { display:none; position:absolute; z-index:80; } .headerElementNavigationFull_var750 .headerNavigation > nav > div > ul { width:100%; max-width:1200px; margin:0 auto; padding:2rem 0 2px 0; flex:0; display:flex; position:relative; } .headerElementNavigationFull_var750 .headerNavigation > nav > div > ul[data-source='meta'] { display:none; } .headerElementNavigationFull_var750 .headerNavigation > nav > div > ul > li { display:flex; position:static; } .headerElementNavigationFull_var750 .headerNavigation > nav > div > ul > li:after { content:''; display:block; position:absolute; width:100%; height:0px; left:0; bottom:-0px; } .headerElementNavigationFull_var750 .headerNavigation > nav > div > ul > li > ul { margin-top:0; } .headerElementNavigationFull_var750 .headerNavigation > nav > div > ul > li > a { font-size:1rem; font-weight:400; color:var(--fontColorNavigationMainLevel1); background-color:var(--backgroundColorNavigationMainLevel1); padding:0.5rem 0.8rem; line-height:48px; white-space:nowrap; } .headerElementNavigationFull_var750 .headerNavigation > nav > div > ul > li > a[data-hasiconimg] { display:flex; } .headerElementNavigationFull_var750 .headerNavigation > nav > div > ul > li > a[data-hasiconimg] .iconImg { padding-right:0.3rem; } .headerElementNavigationFull_var750 .headerNavigation > nav > div > ul > li.selected > a, .headerElementNavigationFull_var750 .headerNavigation > nav > div > ul > li.descendantSelected > a, .headerElementNavigationFull_var750 .headerNavigation > nav > div > ul > li.hover > a { color:var(--fontColorNavigationMainLevel1Selected); background-color:var(--backgroundColorNavigationMainLevel1Selected); } .headerElementNavigationFull_var750 .headerNavigation > nav > div > ul > li:hover > a { color:var(--fontColorNavigationMainLevel1Hover); background-color:var(--backgroundColorNavigationMainLevel1Hover); } .headerElementNavigationFull_var750 .headerNavigation > nav > div > ul > li > a:active { color:var(--fontColorNavigationMainLevel1Active); background-color:var(--backgroundColorNavigationMainLevel1Active); } .headerElementNavigationFull_var750 .headerNavigation > nav > div > ul > li.childs.open > .navpointToggler, .headerElementNavigationFull_var750 .headerNavigation > nav > div > ul > li.hasMegaDropdown > .navpointToggler { position:relative; display:none; right:0; top:0; } html:not([data-navigationlayeropentype='click']) .headerElementNavigationFull_var750 .headerNavigation > nav > div > ul > li:not(.hasMegaDropdown):hover > ul { display:block; } html[data-navigationlayeropentype='click'] .headerElementNavigationFull_var750 .headerNavigation > nav > div > ul > li.clicked:not(.hasMegaDropdown) > ul { display:block; } .headerElementNavigationFull_var750 .headerNavigation > nav > div > ul > li ul { width:280px; border-style:solid; border-width:0px; border-color:var(--borderColorNavigationMainLayer); } .headerElementNavigationFull_var750 .headerNavigation > nav > div > ul > li ul.subleftside > li > ul { right:100%; } .headerElementNavigationFull_var750 .headerNavigation > nav > div > ul > li ul.subleftside > li.childs > a { padding-left:32px; } .headerElementNavigationFull_var750 .headerNavigation > nav > div > ul > li > ul { display:none !important; } .headerElementNavigationFull_var750 .headerNavigation > nav > div > ul > li.hover > ul { display:block !important; top:5rem; left:0; height:calc(100% - 10rem); background:var(--backgroundColorNavigationMenu); } .headerElementNavigationFull_var750 .headerNavigation > nav > div > ul > li.hover > ul > li { position:static; font-size:0.8rem; font-weight:400; background-color:var(--backgroundColorNavigationMainLevel2); } .headerElementNavigationFull_var750 .headerNavigation > nav > div > ul > li.hover > ul > li > a { display:inline-block; vertical-align:middle; padding:0.3rem 0.8rem; color:var(--fontColorNavigationMainLevel2); } .headerElementNavigationFull_var750 .headerNavigation > nav > div > ul > li.hover > ul > li.selected, .headerElementNavigationFull_var750 .headerNavigation > nav > div > ul > li.hover > ul > li.descendantSelected { background-color:var(--backgroundColorNavigationMainLevel2Selected); } .headerElementNavigationFull_var750 .headerNavigation > nav > div > ul > li.hover > ul > li.selected > a, .headerElementNavigationFull_var750 .headerNavigation > nav > div > ul > li.hover > ul > li.descendantSelected > a { color:var(--fontColorNavigationMainLevel2Selected); } .headerElementNavigationFull_var750 .headerNavigation > nav > div > ul > li.hover > ul > li:hover { background-color:var(--backgroundColorNavigationMainLevel2Hover); } .headerElementNavigationFull_var750 .headerNavigation > nav > div > ul > li.hover > ul > li:hover > a { color:var(--fontColorNavigationMainLevel2Hover); } .headerElementNavigationFull_var750 .headerNavigation > nav > div > ul > li.hover > ul > li:active { background-color:var(--backgroundColorNavigationMainLevel2Active); } .headerElementNavigationFull_var750 .headerNavigation > nav > div > ul > li.hover > ul > li:active > a { color:var(--fontColorNavigationMainLevel2Active); } .headerElementNavigationFull_var750 .headerNavigation > nav > div > ul > li.hover > ul > li:hover > ul { display:block; } .headerElementNavigationFull_var750 .headerNavigation > nav > div > ul > li.hover > ul > li.open > .navpointToggler { display:inline-block; } .headerElementNavigationFull_var750 .headerNavigation > nav > div > ul > li > ul > li > ul { display:none; top:-0px; right:calc(-100% - 2 * 0px); width:calc(100% + 1 * 0px); height:100%; } .headerElementNavigationFull_var750 .headerNavigation > nav > div > ul > li > ul > li > ul > li { display:flex; position:static; font-size:0.8rem; font-weight:400; background-color:var(--backgroundColorNavigationMainLevel2); } .headerElementNavigationFull_var750 .headerNavigation > nav > div > ul > li > ul > li > ul > li .navlayerBackTitleText { font-weight:bold; color:var(--fontColorNavigationMainLevel2); padding:0.3rem 0.8rem; } .headerElementNavigationFull_var750 .headerNavigation > nav > div > ul > li > ul > li > ul > li > a { flex-grow:1; color:var(--fontColorNavigationMainLevel2); padding:0.3rem 0.8rem; } .headerElementNavigationFull_var750 .headerNavigation > nav > div > ul > li > ul > li > ul > li.selected, .headerElementNavigationFull_var750 .headerNavigation > nav > div > ul > li > ul > li > ul > li.descendantSelected { background-color:var(--backgroundColorNavigationMainLevel2Selected); } .headerElementNavigationFull_var750 .headerNavigation > nav > div > ul > li > ul > li > ul > li.selected > a, .headerElementNavigationFull_var750 .headerNavigation > nav > div > ul > li > ul > li > ul > li.descendantSelected > a { color:var(--fontColorNavigationMainLevel2Selected); } .headerElementNavigationFull_var750 .headerNavigation > nav > div > ul > li > ul > li > ul > li:hover { background-color:var(--backgroundColorNavigationMainLevel2Hover); } .headerElementNavigationFull_var750 .headerNavigation > nav > div > ul > li > ul > li > ul > li:hover > a { color:var(--fontColorNavigationMainLevel2Hover); } .headerElementNavigationFull_var750 .headerNavigation > nav > div > ul > li > ul > li > ul > li:active { background-color:var(--backgroundColorNavigationMainLevel2Active); } .headerElementNavigationFull_var750 .headerNavigation > nav > div > ul > li > ul > li > ul > li:active > a { color:var(--fontColorNavigationMainLevel2Active); } .headerElementNavigationFull_var750 .headerNavigation > nav > div > ul > li > ul > li > ul > li:hover > ul { display:block; } .headerElementNavigationFull_var750 .headerNavigation > nav > div > ul > li > ul > li > ul > li.open > .navpointToggler { display:inline-block; } .headerElementNavigationFull_var750 .headerNavigation > nav > div > ul > li > ul > li > ul > li ul { top:-0px; right:calc(-100% - 2 * 0px); width:calc(100% + 1 * 0px); } .headerElementNavigationFull_var750 .headerNavigation > nav > div > ul > li > ul > li > ul > li ul > li { display:flex; position:relative; font-size:0.8rem; font-weight:400; background-color:var(--backgroundColorNavigationMainLevel2); } .headerElementNavigationFull_var750 .headerNavigation > nav > div > ul > li > ul > li > ul > li ul > li > a { flex-grow:1; color:var(--fontColorNavigationMainLevel2); padding:0.3rem 0.8rem; } .headerElementNavigationFull_var750 .headerNavigation > nav > div > ul > li > ul > li > ul > li ul > li.selected, .headerElementNavigationFull_var750 .headerNavigation > nav > div > ul > li > ul > li > ul > li ul > li.descendantSelected { background-color:var(--backgroundColorNavigationMainLevel2Selected); } .headerElementNavigationFull_var750 .headerNavigation > nav > div > ul > li > ul > li > ul > li ul > li.selected > a, .headerElementNavigationFull_var750 .headerNavigation > nav > div > ul > li > ul > li > ul > li ul > li.descendantSelected > a { color:var(--fontColorNavigationMainLevel2Selected); } .headerElementNavigationFull_var750 .headerNavigation > nav > div > ul > li > ul > li > ul > li ul > li:hover { background-color:var(--backgroundColorNavigationMainLevel2Hover); } .headerElementNavigationFull_var750 .headerNavigation > nav > div > ul > li > ul > li > ul > li ul > li:hover > a { color:var(--fontColorNavigationMainLevel2Hover); } .headerElementNavigationFull_var750 .headerNavigation > nav > div > ul > li > ul > li > ul > li ul > li:active { background-color:var(--backgroundColorNavigationMainLevel2Active); } .headerElementNavigationFull_var750 .headerNavigation > nav > div > ul > li > ul > li > ul > li ul > li:active > a { color:var(--fontColorNavigationMainLevel2Active); } .headerElementNavigationFull_var750 .headerNavigation > nav > div > ul > li > ul > li > ul > li ul > li:hover > ul { display:block; } .headerElementNavigationFull_var750 .headerNavigation > nav > div > ul > li > ul > li > ul > li ul > li.childs.open > .navpointToggler { display:inline-block; } .headerElementNavigationFull_var750 .headerNavigation > ul[data-source='meta'] { display:block; flex:0; padding:2rem 0 2px 0; } .headerElementNavigationFull_var750 .headerNavigation > ul[data-source='meta'] > li { display:inline-block; font-weight:normal; font-size:0.9rem; line-height:120%; padding:0; } .headerElementNavigationFull_var750 .headerNavigation > ul[data-source='meta'] > li:before { display:inline; content:'|'; } .headerElementNavigationFull_var750 .headerNavigation > ul[data-source='meta'] > li:first-child:before { display:none; } .headerElementNavigationFull_var750 .headerNavigation > ul[data-source='meta'] > li > a { display:inline; padding:0 0.4rem; } .headerElementNavigationFull_var750 .headerNavigation > ul[data-source='meta'] > li:first-child > a { padding-left:0; } .headerElementNavigationFull_var750 .headerNavigation span.navpointToggler { display:inline-block; vertical-align:middle; cursor:pointer; width:32px; height:32px; box-sizing:content-box; } .headerElementNavigationFull_var750 .headerNavigation span.navpointToggler:before, .headerElementNavigationFull_var750 .headerNavigation span.navpointToggler:after { transition:all 0.3s ease-in-out; content:''; position:absolute; margin:13px 0 0 12px; display:block; width:8px; height:2px; background-color:var(--fontColorNavigationMenuLevel1); transform:rotate(50deg); } .headerElementNavigationFull_var750 .headerNavigation span.navpointToggler:after { margin:18px 0 0 12px; transform:rotate(-50deg); } .headerElementNavigationFull_var750 .navLevelEmbed { display:none; position:absolute; z-index:0; width:100%; top:0; left:0; margin:4.5rem 0 0 0; padding:0 0 0 0 !important; overflow:auto; } .headerElementNavigationFull_var750 .navLevelEmbed > div { position:relative; background-color:var(--backgroundColorMegaDropdown); border-style:solid; border-width:0px; border-color:var(--borderColorMegaDropdown); color:var(--fontColorDefault); padding:0 0.8rem !important; } .headerElementNavigationFull_var750 .navLevelEmbed > div .elementSection, .headerElementNavigationFull_var750 .navLevelEmbed > div .elementSectionObjectContactPerson { padding:0 !important; } .headerElementNavigationFull_var750 ul[data-navlevel='2'] > li > .navLevelEmbed { margin-top:0; left:280px; width:400px; } .headerElementNavigationFull_var750 ul[data-navlevel='2'] > li > .navLevelEmbed > div { padding:0 !important; } .headerElementNavigationFull_var750 ul[data-navlevel='3'] > li > .navLevelEmbed { margin-top:0; left:280px; width:400px; } .headerElementNavigationFull_var750 ul[data-navlevel='3'] > li > .navLevelEmbed > div { padding:0 !important; } } .headerElementNavigationFull_var800 .headerNavigation { --wMegadropdownInsertPos:append-navigationMain; } .weditor .headerElementNavigationFull_var800 nav > div > ul > li:nth-child(n+4) { display:none !important; } @media (min-width: 992px) { .headerElementNavigationFull_var800 #navigationMainToggler { display:none; } .headerElementNavigationFull_var800 .headerNavigation { background-color:var(--backgroundColorNavigationMain); user-select:none; -webkit-user-select:none; -ms-user-select:none; width:100%; } .headerElementNavigationFull_var800 .headerNavigation ul { list-style-type:none; margin:0; padding:0; } .headerElementNavigationFull_var800 .headerNavigation .navlayerBackParentTitle, .headerElementNavigationFull_var800 .headerNavigation .navlayerBackTitle, .headerElementNavigationFull_var800 .headerNavigation .navlayerTitle, .headerElementNavigationFull_var800 .headerNavigation .navlayerCloser { display:none; } .headerElementNavigationFull_var800 .headerNavigation > nav > div li { margin:0; padding:0; } .headerElementNavigationFull_var800 .headerNavigation > nav > div li > a { display:block; text-decoration:none; } .headerElementNavigationFull_var800 .headerNavigation > nav > div li > span.navpointToggler { display:none; } .headerElementNavigationFull_var800 .headerNavigation > nav > div li > ul { display:none; position:absolute; z-index:80; } .headerElementNavigationFull_var800 .headerNavigation > nav > div > ul[data-source='meta'] { display:none; } .headerElementNavigationFull_var800 .headerNavigation > nav > div > ul > li { display:flex; position:relative; line-height:150%; } .headerElementNavigationFull_var800 .headerNavigation > nav > div > ul > li:after { content:''; display:block; position:absolute; width:100%; height:0px; left:0; bottom:-0px; } .headerElementNavigationFull_var800 .headerNavigation > nav > div > ul > li > ul { margin-top:0; } .headerElementNavigationFull_var800 .headerNavigation > nav > div > ul > li > a { font-family:inherit; font-size:1rem; font-weight:400; color:var(--fontColorNavigationMainLevel1); background-color:var(--backgroundColorNavigationMainLevel1); padding:0.5rem 0rem; } .headerElementNavigationFull_var800 .headerNavigation > nav > div > ul > li > a[data-hasiconimg] { display:flex; } .headerElementNavigationFull_var800 .headerNavigation > nav > div > ul > li > a[data-hasiconimg] .iconImg { padding-right:0.3rem; } .headerElementNavigationFull_var800 .headerNavigation > nav > div > ul > li.selected > a, .headerElementNavigationFull_var800 .headerNavigation > nav > div > ul > li.descendantSelected > a { color:var(--fontColorNavigationMainLevel1Selected); background-color:var(--backgroundColorNavigationMainLevel1Selected); } .headerElementNavigationFull_var800 .headerNavigation > nav > div > ul > li:hover > a { color:var(--fontColorNavigationMainLevel1Hover); background-color:var(--backgroundColorNavigationMainLevel1Hover); } .headerElementNavigationFull_var800 .headerNavigation > nav > div > ul > li > a:active { color:var(--fontColorNavigationMainLevel1Active); background-color:var(--backgroundColorNavigationMainLevel1Active); } .headerElementNavigationFull_var800 .headerNavigation > nav > div > ul > li.childs.open > .navpointToggler, .headerElementNavigationFull_var800 .headerNavigation > nav > div > ul > li.hasMegaDropdown > .navpointToggler { position:relative; display:block; right:0; top:0; } html:not([data-navigationlayeropentype='click']) .headerElementNavigationFull_var800 .headerNavigation > nav > div > ul > li:not(.hasMegaDropdown):hover > ul { display:block; } html[data-navigationlayeropentype='click'] .headerElementNavigationFull_var800 .headerNavigation > nav > div > ul > li.clicked:not(.hasMegaDropdown) > ul { display:block; } .headerElementNavigationFull_var800 .headerNavigation > nav > div > ul > li ul { width:280px; background-color:var(--backgroundColorNavigationMainLayer); border-style:solid; border-width:0px; border-color:var(--borderColorNavigationMainLayer); } .headerElementNavigationFull_var800 .headerNavigation > nav > div > ul > li ul.subleftside > li > ul { right:100%; } .headerElementNavigationFull_var800 .headerNavigation > nav > div > ul > li ul.subleftside > li.childs > a { padding-left:32px; } .headerElementNavigationFull_var800 .headerNavigation > nav > div > ul > li > ul { left:100%; margin-top:0px; } .headerElementNavigationFull_var800 .headerNavigation > nav > div > ul > li > ul > li { display:flex; position:relative; font-family:inherit; font-size:0.8rem; font-weight:400; background-color:var(--backgroundColorNavigationMainLevel2); } .headerElementNavigationFull_var800 .headerNavigation > nav > div > ul > li > ul > li > a { flex-grow:1; padding:0.5rem 1rem; color:var(--fontColorNavigationMainLevel2); flex-grow:1; } .headerElementNavigationFull_var800 .headerNavigation > nav > div > ul > li > ul > li.selected, .headerElementNavigationFull_var800 .headerNavigation > nav > div > ul > li > ul > li.descendantSelected { background-color:var(--backgroundColorNavigationMainLevel2Selected); } .headerElementNavigationFull_var800 .headerNavigation > nav > div > ul > li > ul > li.selected > a, .headerElementNavigationFull_var800 .headerNavigation > nav > div > ul > li > ul > li.descendantSelected > a { color:var(--fontColorNavigationMainLevel2Selected); } .headerElementNavigationFull_var800 .headerNavigation > nav > div > ul > li > ul > li:hover { background-color:var(--backgroundColorNavigationMainLevel2Hover); } .headerElementNavigationFull_var800 .headerNavigation > nav > div > ul > li > ul > li:hover > a { color:var(--fontColorNavigationMainLevel2Hover); } .headerElementNavigationFull_var800 .headerNavigation > nav > div > ul > li > ul > li:active { background-color:var(--backgroundColorNavigationMainLevel2Active); } .headerElementNavigationFull_var800 .headerNavigation > nav > div > ul > li > ul > li:active > a { color:var(--fontColorNavigationMainLevel2Active); } .headerElementNavigationFull_var800 .headerNavigation > nav > div > ul > li > ul > li:hover > ul { display:block; } .headerElementNavigationFull_var800 .headerNavigation > nav > div > ul > li > ul > li.childs.open > .navpointToggler { display:block; } .headerElementNavigationFull_var800 .headerNavigation > nav > div > ul > li > ul > li > ul { top:-0px; right:calc(-100% - 2 * 0px); width:calc(100% + 1 * 0px); } .headerElementNavigationFull_var800 .headerNavigation > nav > div > ul > li > ul > li > ul > li { display:flex; position:relative; font-family:inherit; font-size:0.8rem; font-weight:400; background-color:var(--backgroundColorNavigationMainLevel2); } .headerElementNavigationFull_var800 .headerNavigation > nav > div > ul > li > ul > li > ul > li > a { flex-grow:1; color:var(--fontColorNavigationMainLevel2); padding:0.5rem 1rem; } .headerElementNavigationFull_var800 .headerNavigation > nav > div > ul > li > ul > li > ul > li.selected, .headerElementNavigationFull_var800 .headerNavigation > nav > div > ul > li > ul > li > ul > li.descendantSelected { background-color:var(--backgroundColorNavigationMainLevel2Selected); } .headerElementNavigationFull_var800 .headerNavigation > nav > div > ul > li > ul > li > ul > li.selected > a, .headerElementNavigationFull_var800 .headerNavigation > nav > div > ul > li > ul > li > ul > li.descendantSelected > a { color:var(--fontColorNavigationMainLevel2Selected); } .headerElementNavigationFull_var800 .headerNavigation > nav > div > ul > li > ul > li > ul > li:hover { background-color:var(--backgroundColorNavigationMainLevel2Hover); } .headerElementNavigationFull_var800 .headerNavigation > nav > div > ul > li > ul > li > ul > li:hover > a { color:var(--fontColorNavigationMainLevel2Hover); } .headerElementNavigationFull_var800 .headerNavigation > nav > div > ul > li > ul > li > ul > li:active { background-color:var(--backgroundColorNavigationMainLevel2Active); } .headerElementNavigationFull_var800 .headerNavigation > nav > div > ul > li > ul > li > ul > li:active > a { color:var(--fontColorNavigationMainLevel2Active); } .headerElementNavigationFull_var800 .headerNavigation > nav > div > ul > li > ul > li > ul > li:hover > ul { display:block; } .headerElementNavigationFull_var800 .headerNavigation > nav > div > ul > li > ul > li > ul > li.childs.open > .navpointToggler { display:block; } .headerElementNavigationFull_var800 .headerNavigation > nav > div > ul > li > ul > li > ul > li ul { top:-0px; right:calc(-100% - 2 * 0px); width:calc(100% + 1 * 0px); } .headerElementNavigationFull_var800 .headerNavigation > nav > div > ul > li > ul > li > ul > li ul > li { display:flex; position:relative; font-family:inherit; font-size:0.8rem; font-weight:400; background-color:var(--backgroundColorNavigationMainLevel2); } .headerElementNavigationFull_var800 .headerNavigation > nav > div > ul > li > ul > li > ul > li ul > li > a { flex-grow:1; color:var(--fontColorNavigationMainLevel2); padding:0.5rem 1rem; } .headerElementNavigationFull_var800 .headerNavigation > nav > div > ul > li > ul > li > ul > li ul > li.selected, .headerElementNavigationFull_var800 .headerNavigation > nav > div > ul > li > ul > li > ul > li ul > li.descendantSelected { background-color:var(--backgroundColorNavigationMainLevel2Selected); } .headerElementNavigationFull_var800 .headerNavigation > nav > div > ul > li > ul > li > ul > li ul > li.selected > a, .headerElementNavigationFull_var800 .headerNavigation > nav > div > ul > li > ul > li > ul > li ul > li.descendantSelected > a { color:var(--fontColorNavigationMainLevel2Selected); } .headerElementNavigationFull_var800 .headerNavigation > nav > div > ul > li > ul > li > ul > li ul > li:hover { background-color:var(--backgroundColorNavigationMainLevel2Hover); } .headerElementNavigationFull_var800 .headerNavigation > nav > div > ul > li > ul > li > ul > li ul > li:hover > a { color:var(--fontColorNavigationMainLevel2Hover); } .headerElementNavigationFull_var800 .headerNavigation > nav > div > ul > li > ul > li > ul > li ul > li:active { background-color:var(--backgroundColorNavigationMainLevel2Active); } .headerElementNavigationFull_var800 .headerNavigation > nav > div > ul > li > ul > li > ul > li ul > li:active > a { color:var(--fontColorNavigationMainLevel2Active); } .headerElementNavigationFull_var800 .headerNavigation > nav > div > ul > li > ul > li > ul > li ul > li:hover > ul { display:block; } .headerElementNavigationFull_var800 .headerNavigation > nav > div > ul > li > ul > li > ul > li ul > li.childs.open > .navpointToggler { display:block; } .headerElementNavigationFull_var800 .headerNavigation .navpointToggler { width:32px; height:24px; cursor:pointer; margin:auto 0; } .headerElementNavigationFull_var800 .headerNavigation .navpointToggler:before, .headerElementNavigationFull_var800 .headerNavigation .navpointToggler:after { content:''; position:absolute; display:block; width:9px; height:1px; margin:9px 0 0 12px; background-color:var(--fontColorNavigationMainLevel2); transform:rotate(50deg); } .headerElementNavigationFull_var800 .headerNavigation .navpointToggler:after { margin:15px 0 0 12px; transform:rotate(-50deg); } .headerElementNavigationFull_var800 .headerNavigation .subleftside > li { flex-direction:row-reverse; } .headerElementNavigationFull_var800 .headerNavigation .subleftside > li.childs.open > a { padding-left:0.1rem !important; } .headerElementNavigationFull_var800 .headerNavigation .subleftside > li > .navpointToggler:before { transform:rotate(-50deg); } .headerElementNavigationFull_var800 .headerNavigation .subleftside > li > .navpointToggler:after { transform:rotate(50deg); } .headerElementNavigationFull_var800 .navLevelEmbed { display:none; position:fixed; z-index:102; width:calc(100vw - 280px); max-height:calc(100vh - 128px); left:280px; margin:-3rem 0 0 0 !important; padding:0 !important; overflow:auto; } .headerElementNavigationFull_var800 .navLevelEmbed > div { position:relative; background-color:var(--backgroundColorMegaDropdown); border-style:solid; border-width:0px; border-color:var(--borderColorMegaDropdown); color:var(--fontColorDefault); max-width:1200px; padding:2rem !important; margin:0 auto; padding:1rem 2rem 2rem 2rem; } .headerElementNavigationFull_var800 .navLevelEmbed > div .elementSection, .headerElementNavigationFull_var800 .navLevelEmbed > div .elementSectionObjectContactPerson { padding:0 !important; } } .headerElementNavigationFull_var810 .headerNavigation { --wMegadropdownInsertPos:append-navigationMain; } .weditor .headerElementNavigationFull_var810 nav > div > ul > li:nth-child(n+4) { display:none !important; } @media (min-width: 992px) { .headerElementNavigationFull_var810 #navigationMainToggler { display:none; } .headerElementNavigationFull_var810 .headerNavigation { width:100%; position:relative; } .headerElementNavigationFull_var810 .headerNavigation ul { list-style-type:none; margin:0; padding:0; } .headerElementNavigationFull_var810 .headerNavigation li { position:relative; display:grid; align-items:center; margin:0; padding:0; grid-template-columns:1fr 32px; } .headerElementNavigationFull_var810 .headerNavigation li > a { display:block; text-decoration:none; } .headerElementNavigationFull_var810 .headerNavigation li > ul { display:none; } .headerElementNavigationFull_var810 .headerNavigation li.selected > ul, .headerElementNavigationFull_var810 .headerNavigation li.descendantSelected > ul { display:block; } .headerElementNavigationFull_var810 .headerNavigation > nav > div { max-width:1200px; } .headerElementNavigationFull_var810 .headerNavigation > nav > div > ul { width:100%; margin:0 auto; padding:0; } .headerElementNavigationFull_var810 .headerNavigation > nav > div > ul > li { border-bottom:none 1px #DDDDDD; font-size:1rem; font-weight:400; line-height:48px; background-color:var(--backgroundColorNavigationMainLevel1); } .headerElementNavigationFull_var810 .headerNavigation > nav > div > ul > li > a { padding:0.5rem 0rem 0.5rem 0rem; color:var(--fontColorNavigationMainLevel1); } .headerElementNavigationFull_var810 .headerNavigation > nav > div > ul > li > a[data-hasiconimg] { display:flex; } .headerElementNavigationFull_var810 .headerNavigation > nav > div > ul > li > a[data-hasiconimg] .iconImg { padding-right:0.3rem; } .headerElementNavigationFull_var810 .headerNavigation > nav > div > ul > li.selected, .headerElementNavigationFull_var810 .headerNavigation > nav > div > ul > li.descendantSelected { background-color:var(--backgroundColorNavigationMainLevel1Selected); } .headerElementNavigationFull_var810 .headerNavigation > nav > div > ul > li.selected > a, .headerElementNavigationFull_var810 .headerNavigation > nav > div > ul > li.descendantSelected > a { color:var(--fontColorNavigationMainLevel1Selected); } .headerElementNavigationFull_var810 .headerNavigation > nav > div > ul > li:hover { background-color:var(--backgroundColorNavigationMainLevel1Hover); } .headerElementNavigationFull_var810 .headerNavigation > nav > div > ul > li:hover > a { color:var(--fontColorNavigationMainLevel1Hover); } .headerElementNavigationFull_var810 .headerNavigation > nav > div > ul > li:active { background-color:var(--backgroundColorNavigationMainLevel1Active); } .headerElementNavigationFull_var810 .headerNavigation > nav > div > ul > li:active > a { color:var(--fontColorNavigationMainLevel1Active); } .headerElementNavigationFull_var810 .headerNavigation > nav > div > ul > li > ul { margin-bottom:1rem; grid-column:1 / span 2; } .headerElementNavigationFull_var810 .headerNavigation > nav > div > ul > li > ul > li { font-size:0.8rem; font-weight:400; line-height:150%; background-color:var(--backgroundColorNavigationMainLevel2); } .headerElementNavigationFull_var810 .headerNavigation > nav > div > ul > li > ul > li > a { padding:0.2rem 0rem 0.2rem 1rem; color:var(--fontColorNavigationMainLevel2); } .headerElementNavigationFull_var810 .headerNavigation > nav > div > ul > li > ul > li.selected, .headerElementNavigationFull_var810 .headerNavigation > nav > div > ul > li > ul > li.descendantSelected { background-color:var(--backgroundColorNavigationMainLevel2Selected); } .headerElementNavigationFull_var810 .headerNavigation > nav > div > ul > li > ul > li.selected > a, .headerElementNavigationFull_var810 .headerNavigation > nav > div > ul > li > ul > li.descendantSelected > a { color:var(--fontColorNavigationMainLevel2Selected); } .headerElementNavigationFull_var810 .headerNavigation > nav > div > ul > li > ul > li:hover { background-color:var(--backgroundColorNavigationMainLevel2Hover); } .headerElementNavigationFull_var810 .headerNavigation > nav > div > ul > li > ul > li:hover > a { color:var(--fontColorNavigationMainLevel2Hover); } .headerElementNavigationFull_var810 .headerNavigation > nav > div > ul > li > ul > li:active { background-color:var(--backgroundColorNavigationMainLevel2Active); } .headerElementNavigationFull_var810 .headerNavigation > nav > div > ul > li > ul > li:active > a { color:var(--fontColorNavigationMainLevel2Active); } .headerElementNavigationFull_var810 .headerNavigation > nav > div > ul > li > ul > li > ul { margin-bottom:0.6rem; grid-column:1 / span 2; } .headerElementNavigationFull_var810 .headerNavigation > nav > div > ul > li > ul > li > ul > li { font-size:0.8rem; font-weight:400; line-height:150%; background-color:var(--backgroundColorNavigationMainLevel2); } .headerElementNavigationFull_var810 .headerNavigation > nav > div > ul > li > ul > li > ul > li > a { padding:0.1rem 0rem 0.1rem 2rem; color:var(--fontColorNavigationMainLevel2); } .headerElementNavigationFull_var810 .headerNavigation > nav > div > ul > li > ul > li > ul > li.selected, .headerElementNavigationFull_var810 .headerNavigation > nav > div > ul > li > ul > li > ul > li.descendantSelected { background-color:var(--backgroundColorNavigationMainLevel2Selected); } .headerElementNavigationFull_var810 .headerNavigation > nav > div > ul > li > ul > li > ul > li.selected > a, .headerElementNavigationFull_var810 .headerNavigation > nav > div > ul > li > ul > li > ul > li.descendantSelected > a { color:var(--fontColorNavigationMainLevel2Selected); } .headerElementNavigationFull_var810 .headerNavigation > nav > div > ul > li > ul > li > ul > li:hover { background-color:var(--backgroundColorNavigationMainLevel2Hover); } .headerElementNavigationFull_var810 .headerNavigation > nav > div > ul > li > ul > li > ul > li:hover > a { color:var(--fontColorNavigationMainLevel2Hover); } .headerElementNavigationFull_var810 .headerNavigation > nav > div > ul > li > ul > li > ul > li:active { background-color:var(--backgroundColorNavigationMainLevel2Active); } .headerElementNavigationFull_var810 .headerNavigation > nav > div > ul > li > ul > li > ul > li:active > a { color:var(--fontColorNavigationMainLevel2Active); } .headerElementNavigationFull_var810 .headerNavigation > nav > div > ul > li > ul > li > ul > li span.navpointToggler { padding-right:0; } .headerElementNavigationFull_var810 .headerNavigation > nav > div > ul > li > ul > li > ul > li > ul { margin-bottom:0.6rem; grid-column:1 / span 2; } .headerElementNavigationFull_var810 .headerNavigation > nav > div > ul > li > ul > li > ul > li > ul > li { font-size:0.8rem; font-weight:400; line-height:150%; background-color:var(--backgroundColorNavigationMainLevel2); } .headerElementNavigationFull_var810 .headerNavigation > nav > div > ul > li > ul > li > ul > li > ul > li > a { padding:0.1rem 0rem 0.1rem 3rem; color:var(--fontColorNavigationMainLevel2); } .headerElementNavigationFull_var810 .headerNavigation > nav > div > ul > li > ul > li > ul > li > ul > li.selected, .headerElementNavigationFull_var810 .headerNavigation > nav > div > ul > li > ul > li > ul > li > ul > li.descendantSelected { background-color:var(--backgroundColorNavigationMainLevel2Selected); } .headerElementNavigationFull_var810 .headerNavigation > nav > div > ul > li > ul > li > ul > li > ul > li.selected > a, .headerElementNavigationFull_var810 .headerNavigation > nav > div > ul > li > ul > li > ul > li > ul > li.descendantSelected > a { color:var(--fontColorNavigationMainLevel2Selected); } .headerElementNavigationFull_var810 .headerNavigation > nav > div > ul > li > ul > li > ul > li > ul > li:hover { background-color:var(--backgroundColorNavigationMainLevel2Hover); } .headerElementNavigationFull_var810 .headerNavigation > nav > div > ul > li > ul > li > ul > li > ul > li:hover > a { color:var(--fontColorNavigationMainLevel2Hover); } .headerElementNavigationFull_var810 .headerNavigation > nav > div > ul > li > ul > li > ul > li > ul > li:active { background-color:var(--backgroundColorNavigationMainLevel2Active); } .headerElementNavigationFull_var810 .headerNavigation > nav > div > ul > li > ul > li > ul > li > ul > li:active > a { color:var(--fontColorNavigationMainLevel2Active); } .headerElementNavigationFull_var810 .headerNavigation > nav > div > ul > li > ul > li > ul > li > ul > li span.navpointToggler { padding-right:0; } .headerElementNavigationFull_var810 .headerNavigation > nav > div > ul[data-source='meta'] { flex:1; background:var(--backgroundColorNavigationMenuMeta); } .headerElementNavigationFull_var810 .headerNavigation > nav > div > ul[data-source='meta'] > li { transition:none; line-height:36px; font-size:0.9rem; font-weight:normal; border-bottom:none; } .headerElementNavigationFull_var810 .headerNavigation .navpointEmbedToggler { display:none; } .headerElementNavigationFull_var810 .headerNavigation span.navpointToggler { cursor:pointer; width:32px; height:32px; box-sizing:content-box; } .headerElementNavigationFull_var810 .headerNavigation span.navpointToggler:before, .headerElementNavigationFull_var810 .headerNavigation span.navpointToggler:after { transition:all 0.3s ease-in-out; content:''; position:absolute; margin:16px 0 0 4px; display:block; width:14px; height:2px; background-color:var(--fontColorNavigationMainLevel1); transform:rotate(40deg); } .headerElementNavigationFull_var810 .headerNavigation span.navpointToggler:after { margin-left:14px; transform:rotate(-40deg); } .headerElementNavigationFull_var810 .headerNavigation span.navpointToggler.open:before { transform:rotate(-40deg); } .headerElementNavigationFull_var810 .headerNavigation span.navpointToggler.open:after { transform:rotate(40deg); } .headerElementNavigationFull_var810 .headerNavigation .hasMegaDropdown:not(.childs) > span.navpointToggler { display:none; } .headerElementNavigationFull_var810 .navLevelEmbed { display:none !important; } } @media (min-width: 576px) and (min-width: 992px) { .headerElementNavigationFull_var810 .headerNavigation > nav > div > ul[data-source='meta'] { padding-right:calc(2rem + 8px); } } @media (max-width: 991px) { .headerElementNavigationToggler_var0 #navigationMainToggler { display:flex; flex-direction:row-reverse; margin:8px; cursor:pointer; height:32px; position:relative; --lineWidth:2px; } .no-weditor .headerElementNavigationToggler_var0 #navigationMainToggler { z-index:100001; } .headerElementNavigationToggler_var0 #navigationMainToggler > div:first-child { display:none; } .headerElementNavigationToggler_var0 #navigationMainToggler > div:last-child { display:inline-block; position:relative; width:32px; height:32px; } .headerElementNavigationToggler_var0 #navigationMainToggler > div:last-child:before { content:''; position:absolute; width:26px; height:var(--lineWidth); margin:6px 0 0 3px; background:var(--symbolColorNavigationMenu, #000000); transition:all 0.2s linear, border-color 0.3s 0.2s linear; } .headerElementNavigationToggler_var0 #navigationMainToggler > div:last-child > div { position:absolute; width:26px; height:var(--lineWidth); margin:15px 0 0 3px; background:var(--symbolColorNavigationMenu, #000000); transition:all 0.1s linear; } .headerElementNavigationToggler_var0 #navigationMainToggler > div:last-child:after { content:''; position:absolute; width:26px; height:var(--lineWidth); margin:24px 0 0 3px; background:var(--symbolColorNavigationMenu, #000000); transition:all 0.2s linear; } .headerElementNavigationToggler_var0 #navigationMainToggler.open > div:last-child:before { width:26px; height:2px; transform:rotate(45deg); transform-origin:top left; margin-left:7.5px; background:var(--symbolColorNavigationMenuOpen, #000000); transition:all 0.2s linear, border-color 0.1s linear; } .headerElementNavigationToggler_var0 #navigationMainToggler.open > div > div { opacity:0; } .headerElementNavigationToggler_var0 #navigationMainToggler.open > div:last-child:after { width:26px; height:2px; transform:rotate(-45deg); transform-origin:bottom left; margin-left:7.5px; background:var(--symbolColorNavigationMenuOpen, #000000); } } @media (prefers-contrast:more) and (max-width: 991px) { .headerElementNavigationToggler_var0 #navigationMainToggler { --lineWidth:4px; } } @media (max-width: 991px) { .headerElementNavigationToggler_var40 #navigationMainToggler { display:flex; flex-direction:row-reverse; margin:8px; cursor:pointer; height:32px; position:relative; --lineWidth:2px; } .no-weditor .headerElementNavigationToggler_var40 #navigationMainToggler { z-index:100001; } .headerElementNavigationToggler_var40 #navigationMainToggler > div:first-child { display:inline-block; line-height:32px; color:var(--symbolColorNavigationMenu, #000000); text-decoration:none; font-size:0.7rem; padding:0 0 0 4px; text-transform:uppercase; } .headerElementNavigationToggler_var40 #navigationMainToggler > div:last-child { display:inline-block; position:relative; width:32px; height:32px; } .headerElementNavigationToggler_var40 #navigationMainToggler > div:last-child:before { content:''; position:absolute; width:26px; height:var(--lineWidth); margin:6px 0 0 3px; background:var(--symbolColorNavigationMenu, #000000); transition:all 0.2s linear, border-color 0.3s 0.2s linear; } .headerElementNavigationToggler_var40 #navigationMainToggler > div:last-child > div { position:absolute; width:26px; height:var(--lineWidth); margin:15px 0 0 3px; background:var(--symbolColorNavigationMenu, #000000); transition:all 0.1s linear; } .headerElementNavigationToggler_var40 #navigationMainToggler > div:last-child:after { content:''; position:absolute; width:26px; height:var(--lineWidth); margin:24px 0 0 3px; background:var(--symbolColorNavigationMenu, #000000); transition:all 0.2s linear; } .headerElementNavigationToggler_var40 #navigationMainToggler.open > div:last-child:before { width:26px; height:2px; transform:rotate(45deg); transform-origin:top left; margin-left:7.5px; background:var(--symbolColorNavigationMenuOpen, #000000); transition:all 0.2s linear, border-color 0.1s linear; } .headerElementNavigationToggler_var40 #navigationMainToggler.open > div > div { opacity:0; } .headerElementNavigationToggler_var40 #navigationMainToggler.open > div:last-child:after { width:26px; height:2px; transform:rotate(-45deg); transform-origin:bottom left; margin-left:7.5px; background:var(--symbolColorNavigationMenuOpen, #000000); } } @media (prefers-contrast:more) and (max-width: 991px) { .headerElementNavigationToggler_var40 #navigationMainToggler { --lineWidth:4px; } } @media (max-width: 991px) { .headerElementNavigationToggler_var42 #navigationMainToggler { display:flex; flex-direction:row-reverse; margin:8px; cursor:pointer; height:32px; position:relative; --lineWidth:2px; flex-direction:row; } .no-weditor .headerElementNavigationToggler_var42 #navigationMainToggler { z-index:100001; } .headerElementNavigationToggler_var42 #navigationMainToggler > div:first-child { display:inline-block; line-height:32px; color:var(--symbolColorNavigationMenu, #000000); text-decoration:none; font-size:0.7rem; padding:0 4px 0 0; text-transform:uppercase; } .headerElementNavigationToggler_var42 #navigationMainToggler > div:last-child { display:inline-block; position:relative; width:32px; height:32px; } .headerElementNavigationToggler_var42 #navigationMainToggler > div:last-child:before { content:''; position:absolute; width:26px; height:var(--lineWidth); margin:6px 0 0 3px; background:var(--symbolColorNavigationMenu, #000000); transition:all 0.2s linear, border-color 0.3s 0.2s linear; } .headerElementNavigationToggler_var42 #navigationMainToggler > div:last-child > div { position:absolute; width:26px; height:var(--lineWidth); margin:15px 0 0 3px; background:var(--symbolColorNavigationMenu, #000000); transition:all 0.1s linear; } .headerElementNavigationToggler_var42 #navigationMainToggler > div:last-child:after { content:''; position:absolute; width:26px; height:var(--lineWidth); margin:24px 0 0 3px; background:var(--symbolColorNavigationMenu, #000000); transition:all 0.2s linear; } .headerElementNavigationToggler_var42 #navigationMainToggler.open > div:last-child:before { width:26px; height:2px; transform:rotate(45deg); transform-origin:top left; margin-left:7.5px; background:var(--symbolColorNavigationMenuOpen, #000000); transition:all 0.2s linear, border-color 0.1s linear; } .headerElementNavigationToggler_var42 #navigationMainToggler.open > div > div { opacity:0; } .headerElementNavigationToggler_var42 #navigationMainToggler.open > div:last-child:after { width:26px; height:2px; transform:rotate(-45deg); transform-origin:bottom left; margin-left:7.5px; background:var(--symbolColorNavigationMenuOpen, #000000); } } @media (prefers-contrast:more) and (max-width: 991px) { .headerElementNavigationToggler_var42 #navigationMainToggler { --lineWidth:4px; } } @media (max-width: 991px) { .headerElementNavigationToggler_var100 #navigationMainToggler { display:flex; flex-direction:row-reverse; margin:8px; cursor:pointer; height:32px; background-color:var(--baseColorPrimary2); border:solid 1px var(--baseColorWhite); border-radius:5px; position:relative; } .no-weditor .headerElementNavigationToggler_var100 #navigationMainToggler { z-index:100001; } .headerElementNavigationToggler_var100 #navigationMainToggler > div:first-child { display:none; } .headerElementNavigationToggler_var100 #navigationMainToggler > div:last-child { display:inline-block; position:relative; width:32px; height:32px; } .headerElementNavigationToggler_var100 #navigationMainToggler > div:last-child:before { content:''; position:absolute; width:16px; height:2px; margin:8px 0 0 8px; background:var(--baseColorWhite); transition:all 0.3s linear, border-color 0.3s 0.3s linear; } .headerElementNavigationToggler_var100 #navigationMainToggler > div:last-child > div { position:absolute; width:16px; height:2px; margin:14px 0 0 8px; background:var(--baseColorWhite); transition:all 0.1s linear; } .headerElementNavigationToggler_var100 #navigationMainToggler > div:last-child:after { content:''; position:absolute; width:16px; height:2px; margin:20px 0 0 8px; background:var(--baseColorWhite); transition:all 0.3s linear; } .headerElementNavigationToggler_var100 #navigationMainToggler.open > div:last-child:before { transform:rotate(45deg); transform-origin:top left; margin:8.5px 0 0 11px; transition:all 0.3s linear, border-color 0.1s linear; } .headerElementNavigationToggler_var100 #navigationMainToggler.open > div > div { opacity:0; } .headerElementNavigationToggler_var100 #navigationMainToggler.open > div:last-child:after { transform:rotate(-45deg); transform-origin:bottom left; margin:19.5px 0 0 11px; width:16px; } } @media (max-width: 991px) { .headerElementNavigationToggler_var140 #navigationMainToggler { display:flex; flex-direction:row-reverse; margin:8px; cursor:pointer; height:32px; background-color:var(--baseColorPrimary2); border:solid 1px var(--baseColorWhite); border-radius:5px; position:relative; } .no-weditor .headerElementNavigationToggler_var140 #navigationMainToggler { z-index:100001; } .headerElementNavigationToggler_var140 #navigationMainToggler > div:first-child { display:inline-block; line-height:30px; color:var(--baseColorWhite); text-decoration:none; font-size:0.7rem; padding:0 8px 0 2px; text-transform:uppercase; } .headerElementNavigationToggler_var140 #navigationMainToggler > div:last-child { display:inline-block; position:relative; width:32px; height:32px; } .headerElementNavigationToggler_var140 #navigationMainToggler > div:last-child:before { content:''; position:absolute; width:16px; height:2px; margin:8px 0 0 8px; background:var(--baseColorWhite); transition:all 0.3s linear, border-color 0.3s 0.3s linear; } .headerElementNavigationToggler_var140 #navigationMainToggler > div:last-child > div { position:absolute; width:16px; height:2px; margin:14px 0 0 8px; background:var(--baseColorWhite); transition:all 0.1s linear; } .headerElementNavigationToggler_var140 #navigationMainToggler > div:last-child:after { content:''; position:absolute; width:16px; height:2px; margin:20px 0 0 8px; background:var(--baseColorWhite); transition:all 0.3s linear; } .headerElementNavigationToggler_var140 #navigationMainToggler.open > div:last-child:before { transform:rotate(45deg); transform-origin:top left; margin:8.5px 0 0 11px; transition:all 0.3s linear, border-color 0.1s linear; } .headerElementNavigationToggler_var140 #navigationMainToggler.open > div > div { opacity:0; } .headerElementNavigationToggler_var140 #navigationMainToggler.open > div:last-child:after { transform:rotate(-45deg); transform-origin:bottom left; margin:19.5px 0 0 11px; width:16px; } } .headerElementNavigationToggler_var400 #navigationMainToggler { display:none; } @media (min-width: 992px) { .headerElementNavigationFullToggler_var10 #navigationMainToggler { display:flex; flex-direction:row-reverse; margin:8px; cursor:pointer; height:32px; position:relative; --lineWidth:2px; } .no-weditor .headerElementNavigationFullToggler_var10 #navigationMainToggler { z-index:100001; } .headerElementNavigationFullToggler_var10 #navigationMainToggler > div:first-child { display:none; } .headerElementNavigationFullToggler_var10 #navigationMainToggler > div:last-child { display:inline-block; position:relative; width:32px; height:32px; } .headerElementNavigationFullToggler_var10 #navigationMainToggler > div:last-child:before { content:''; position:absolute; width:26px; height:var(--lineWidth); margin:6px 0 0 3px; background:var(--symbolColorNavigationMenu, #000000); transition:all 0.2s linear, border-color 0.3s 0.2s linear; } .headerElementNavigationFullToggler_var10 #navigationMainToggler > div:last-child > div { position:absolute; width:26px; height:var(--lineWidth); margin:15px 0 0 3px; background:var(--symbolColorNavigationMenu, #000000); transition:all 0.1s linear; } .headerElementNavigationFullToggler_var10 #navigationMainToggler > div:last-child:after { content:''; position:absolute; width:26px; height:var(--lineWidth); margin:24px 0 0 3px; background:var(--symbolColorNavigationMenu, #000000); transition:all 0.2s linear; } .headerElementNavigationFullToggler_var10 #navigationMainToggler.open > div:last-child:before { width:26px; height:2px; transform:rotate(45deg); transform-origin:top left; margin-left:7.5px; background:var(--symbolColorNavigationMenuOpen, #000000); transition:all 0.2s linear, border-color 0.1s linear; } .headerElementNavigationFullToggler_var10 #navigationMainToggler.open > div > div { opacity:0; } .headerElementNavigationFullToggler_var10 #navigationMainToggler.open > div:last-child:after { width:26px; height:2px; transform:rotate(-45deg); transform-origin:bottom left; margin-left:7.5px; background:var(--symbolColorNavigationMenuOpen, #000000); } } @media (prefers-contrast:more) and (min-width: 992px) { .headerElementNavigationFullToggler_var10 #navigationMainToggler { --lineWidth:4px; } } @media (min-width: 992px) { .headerElementNavigationFullToggler_var40 #navigationMainToggler { display:flex; flex-direction:row-reverse; margin:8px; cursor:pointer; height:32px; position:relative; --lineWidth:2px; } .no-weditor .headerElementNavigationFullToggler_var40 #navigationMainToggler { z-index:100001; } .headerElementNavigationFullToggler_var40 #navigationMainToggler > div:first-child { display:inline-block; line-height:32px; color:var(--symbolColorNavigationMenu, #000000); text-decoration:none; font-size:0.7rem; padding:0 0 0 4px; text-transform:uppercase; } .headerElementNavigationFullToggler_var40 #navigationMainToggler > div:last-child { display:inline-block; position:relative; width:32px; height:32px; } .headerElementNavigationFullToggler_var40 #navigationMainToggler > div:last-child:before { content:''; position:absolute; width:26px; height:var(--lineWidth); margin:6px 0 0 3px; background:var(--symbolColorNavigationMenu, #000000); transition:all 0.2s linear, border-color 0.3s 0.2s linear; } .headerElementNavigationFullToggler_var40 #navigationMainToggler > div:last-child > div { position:absolute; width:26px; height:var(--lineWidth); margin:15px 0 0 3px; background:var(--symbolColorNavigationMenu, #000000); transition:all 0.1s linear; } .headerElementNavigationFullToggler_var40 #navigationMainToggler > div:last-child:after { content:''; position:absolute; width:26px; height:var(--lineWidth); margin:24px 0 0 3px; background:var(--symbolColorNavigationMenu, #000000); transition:all 0.2s linear; } .headerElementNavigationFullToggler_var40 #navigationMainToggler.open > div:last-child:before { width:26px; height:2px; transform:rotate(45deg); transform-origin:top left; margin-left:7.5px; background:var(--symbolColorNavigationMenuOpen, #000000); transition:all 0.2s linear, border-color 0.1s linear; } .headerElementNavigationFullToggler_var40 #navigationMainToggler.open > div > div { opacity:0; } .headerElementNavigationFullToggler_var40 #navigationMainToggler.open > div:last-child:after { width:26px; height:2px; transform:rotate(-45deg); transform-origin:bottom left; margin-left:7.5px; background:var(--symbolColorNavigationMenuOpen, #000000); } } @media (prefers-contrast:more) and (min-width: 992px) { .headerElementNavigationFullToggler_var40 #navigationMainToggler { --lineWidth:4px; } } @media (min-width: 992px) { .headerElementNavigationFullToggler_var100 #navigationMainToggler { display:flex; flex-direction:row-reverse; margin:8px; cursor:pointer; height:32px; background-color:var(--baseColorPrimary2); border:solid 1px var(--baseColorWhite); border-radius:5px; position:relative; } .no-weditor .headerElementNavigationFullToggler_var100 #navigationMainToggler { z-index:100001; } .headerElementNavigationFullToggler_var100 #navigationMainToggler > div:first-child { display:none; } .headerElementNavigationFullToggler_var100 #navigationMainToggler > div:last-child { display:inline-block; position:relative; width:32px; height:32px; } .headerElementNavigationFullToggler_var100 #navigationMainToggler > div:last-child:before { content:''; position:absolute; width:16px; height:2px; margin:8px 0 0 8px; background:var(--baseColorWhite); transition:all 0.3s linear, border-color 0.3s 0.3s linear; } .headerElementNavigationFullToggler_var100 #navigationMainToggler > div:last-child > div { position:absolute; width:16px; height:2px; margin:14px 0 0 8px; background:var(--baseColorWhite); transition:all 0.1s linear; } .headerElementNavigationFullToggler_var100 #navigationMainToggler > div:last-child:after { content:''; position:absolute; width:16px; height:2px; margin:20px 0 0 8px; background:var(--baseColorWhite); transition:all 0.3s linear; } .headerElementNavigationFullToggler_var100 #navigationMainToggler.open > div:last-child:before { transform:rotate(45deg); transform-origin:top left; margin:8.5px 0 0 11px; transition:all 0.3s linear, border-color 0.1s linear; } .headerElementNavigationFullToggler_var100 #navigationMainToggler.open > div > div { opacity:0; } .headerElementNavigationFullToggler_var100 #navigationMainToggler.open > div:last-child:after { transform:rotate(-45deg); transform-origin:bottom left; margin:19.5px 0 0 11px; width:16px; } } @media (min-width: 992px) { .headerElementNavigationFullToggler_var140 #navigationMainToggler { display:flex; flex-direction:row-reverse; margin:8px; cursor:pointer; height:32px; background-color:var(--baseColorPrimary2); border:solid 1px var(--baseColorWhite); border-radius:5px; position:relative; } .no-weditor .headerElementNavigationFullToggler_var140 #navigationMainToggler { z-index:100001; } .headerElementNavigationFullToggler_var140 #navigationMainToggler > div:first-child { display:inline-block; line-height:30px; color:var(--baseColorWhite); text-decoration:none; font-size:0.7rem; padding:0 8px 0 2px; text-transform:uppercase; } .headerElementNavigationFullToggler_var140 #navigationMainToggler > div:last-child { display:inline-block; position:relative; width:32px; height:32px; } .headerElementNavigationFullToggler_var140 #navigationMainToggler > div:last-child:before { content:''; position:absolute; width:16px; height:2px; margin:8px 0 0 8px; background:var(--baseColorWhite); transition:all 0.3s linear, border-color 0.3s 0.3s linear; } .headerElementNavigationFullToggler_var140 #navigationMainToggler > div:last-child > div { position:absolute; width:16px; height:2px; margin:14px 0 0 8px; background:var(--baseColorWhite); transition:all 0.1s linear; } .headerElementNavigationFullToggler_var140 #navigationMainToggler > div:last-child:after { content:''; position:absolute; width:16px; height:2px; margin:20px 0 0 8px; background:var(--baseColorWhite); transition:all 0.3s linear; } .headerElementNavigationFullToggler_var140 #navigationMainToggler.open > div:last-child:before { transform:rotate(45deg); transform-origin:top left; margin:8.5px 0 0 11px; transition:all 0.3s linear, border-color 0.1s linear; } .headerElementNavigationFullToggler_var140 #navigationMainToggler.open > div > div { opacity:0; } .headerElementNavigationFullToggler_var140 #navigationMainToggler.open > div:last-child:after { transform:rotate(-45deg); transform-origin:bottom left; margin:19.5px 0 0 11px; width:16px; } } .headerElementSearch { position:relative; display:flex; align-items:center; height:var(--heightElementEntry); } .headerElementSearch_var0 { --heightSearchbox:32px; --widthSearchbox:120px; --color:var(--baseColorBlack); --colorIcon:var(--baseColorBlack); --backgroundColor:var(--baseColorWhite); --borderColor:var(--borderColorDefault); --colorIconMobile:var(--colorIcon); } .headerElementSearch_var0 #searchBox .searchBoxContainer { margin:0; padding:0; position:relative; width:auto; } .headerElementSearch_var0 #searchBox .searchBoxContainer .searchBoxLabel { position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:0; clip-path:rect(0 0 0 0); overflow:hidden; } .headerElementSearch_var0 #searchBox .searchBoxContainer .searchBoxElement .searchTerm { display:none; width:var(--widthSearchbox); height:var(--heightSearchbox); line-height:calc(var(--heightSearchbox) - 2px); font-size:0.9rem; padding:0 8px 0 12px; background:var(--backgroundColor); border:solid 1px var(--borderColor); border-radius:var(--borderRadius); } .headerElementSearch_var0 #searchBox .searchBoxContainer .searchBoxElement .searchTerm::placeholder { color:var(--color); } .headerElementSearch_var0 #searchBox .searchBoxContainer .searchBoxElement .searchTerm:focus { outline:solid 1px var(--baseColorBlack); } .headerElementSearch_var0 #searchBox .searchBoxContainer .searchBoxElement #searchSuggestOuter { position:absolute; margin-top:-1px; z-index:20; background-color:var(--backgroundColorWhite); color:var(--color); border:solid 1px #DDDDDD; } .headerElementSearch_var0 #searchBox .searchBoxContainer .searchBoxElement #searchSuggestOuter .searchSuggestEntry { padding:2px 6px; cursor:pointer; } .headerElementSearch_var0 #searchBox .searchBoxContainer .searchBoxElement #searchSuggestOuter .searchSuggestEntry:first-child { padding:4px 6px 2px 6px; } .headerElementSearch_var0 #searchBox .searchBoxContainer .searchBoxElement #searchSuggestOuter .searchSuggestEntry:last-child { padding:2px 6px 4px 6px; } .headerElementSearch_var0 #searchBox .searchBoxContainer .searchBoxElement #searchSuggestOuter .searchSuggestEntry:hover, .headerElementSearch_var0 #searchBox .searchBoxContainer .searchBoxElement #searchSuggestOuter .searchSuggestEntry.selected { background-color:var(--backgroundColorLight1); } .headerElementSearch_var0 #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; color:var(--colorIconMobile); border:none; border-radius:0; z-index:9; } .headerElementSearch_var0 #searchBox .searchBoxContainer .searchBoxElement #searchSubmit:before { content:''; pointer-events:none; position:absolute; top:7px; left:7px; width:12px; height:12px; border:solid 2px var(--colorIconMobile); border-radius:50%; } .headerElementSearch_var0 #searchBox .searchBoxContainer .searchBoxElement #searchSubmit:after { content:''; pointer-events:none; position:absolute; top:6px; left:5px; width:9px; height:2px; background-color:var(--colorIconMobile); transform:rotate(54deg); margin-top:14px; margin-left:9px; } @media (prefers-contrast:more) { .headerElementSearch_var0 #searchBox .searchBoxContainer .searchBoxElement .searchTerm { border-width:2px; } } @media (min-width: 768px) { .headerElementSearch_var0 #searchBox .searchBoxContainer .searchBoxElement .searchTerm { display:block; } .headerElementSearch_var0 #searchBox .searchBoxContainer .searchBoxElement #searchSubmit { position:absolute; color:var(--color); } .headerElementSearch_var0 #searchBox .searchBoxContainer .searchBoxElement #searchSubmit:before { top:7px; left:8px; width:11px; height:11px; border-color:var(--color); } .headerElementSearch_var0 #searchBox .searchBoxContainer .searchBoxElement #searchSubmit:after { top:5px; left:5px; width:9px; height:2px; background-color:var(--color); } } @media (min-width: 768px) { .headerElementSearch_var0.headerElementSearchSize_var80 #searchBox .searchBoxContainer .searchBoxElement #searchSubmit { margin-top:2px; } } .headerElementSearch_var50 { --heightSearchbox:32px; --widthSearchbox:128px; --color:var(--baseColorBlack); --colorIcon:var(--baseColorBlack); --backgroundColor:var(--baseColorWhite); --borderColor:var(--borderColorDefault); --colorIconMobile:var(--colorIcon); --backgroundColorIcon:transparent; } .headerElementSearch_var50 #searchBox .searchBoxContainer { display:block; position:relative; } .headerElementSearch_var50 #searchBox .searchBoxContainer .searchBoxLabel { display:block; position:relative; } .no-weditor .headerElementSearch_var50 #searchBox .searchBoxContainer .searchBoxLabel { z-index:100004; } .headerElementSearch_var50 #searchBox .searchBoxContainer .searchBoxLabel > label { font-size:0; display:block; cursor:pointer; width:var(--heightSearchbox); height:var(--heightSearchbox); background:var(--backgroundColorIcon); border-radius:var(--borderRadius); } .headerElementSearch_var50 #searchBox .searchBoxContainer .searchBoxLabel > label:before { content:''; pointer-events:none; position:absolute; top:7px; left:8px; width:12px; height:12px; border:solid 2px var(--colorIconMobile); border-radius:50%; } .headerElementSearch_var50 #searchBox .searchBoxContainer .searchBoxLabel > label:after { content:''; pointer-events:none; position:absolute; top:20px; left:15px; width:9px; height:2px; background-color:var(--colorIconMobile); transform:rotate(54deg); } .headerElementSearch_var50 #searchBox .searchBoxContainer:focus-within .searchBoxLabel > label:before { border-color:var(--color); } .headerElementSearch_var50 #searchBox .searchBoxContainer:focus-within .searchBoxLabel > label:after { background-color:var(--color); } .headerElementSearch_var50 #searchBox .searchBoxContainer .searchBoxElement .searchTerm { position:absolute; z-index:100003; cursor:pointer; top:0; right:0; width:0; height:var(--heightSearchbox); line-height:calc(var(--heightSearchbox) - 2px); margin:0; font-size:0.9rem; padding:0 8px 0 12px; opacity:0; border-radius:16px; transition:all 0.3s linear; background:var(--backgroundColor); border:solid 1px var(--borderColor); border-radius:var(--borderRadius); } .headerElementSearch_var50 #searchBox .searchBoxContainer .searchBoxElement .searchTerm::placeholder { color:var(--color); } .headerElementSearch_var50 #searchBox .searchBoxContainer .searchBoxElement .searchTerm:focus { width:var(--widthSearchbox); box-shadow:none; opacity:1; } .headerElementSearch_var50 #searchBox .searchBoxContainer .searchBoxElement #searchSuggestOuter { display:none; } .headerElementSearch_var50 #searchBox .searchBoxContainer .searchBoxElement #searchSuggestOuter { display:block; position:absolute; top:var(--heightSearchbox); right:0; background-color:var(--backgroundColorWhite); color:var(--fontColorDefault); border:solid 1px #DDDDDD; } .headerElementSearch_var50 #searchBox .searchBoxContainer .searchBoxElement #searchSuggestOuter .searchSuggestEntry { padding:2px 6px; cursor:pointer; } .headerElementSearch_var50 #searchBox .searchBoxContainer .searchBoxElement #searchSuggestOuter .searchSuggestEntry:first-child { padding:4px 6px 2px 6px; } .headerElementSearch_var50 #searchBox .searchBoxContainer .searchBoxElement #searchSuggestOuter .searchSuggestEntry:last-child { padding:2px 6px 4px 6px; } .headerElementSearch_var50 #searchBox .searchBoxContainer .searchBoxElement #searchSuggestOuter .searchSuggestEntry:hover { background-color:var(--backgroundColorLight1); } .headerElementSearch_var50 #searchBox .searchBoxContainer #searchSubmit { display:none; } .headerElementSearch_var50.headerElementSearchSize_var80 #searchBox .searchBoxContainer .searchBoxLabel > label:before, .headerElementSearch_var50.headerElementSearchSize_var80 #searchBox .searchBoxContainer .searchBoxLabel > label:after { margin-top:2px; margin-left:2px; } @media (min-width: 768px) { .headerElementSearch_var50 #searchBox .searchBoxContainer #searchBoxLabel > label:before { border-color:var(--colorIcon); } .headerElementSearch_var50 #searchBox .searchBoxContainer #searchBoxLabel > label:after { background-color:var(--colorIcon); } } .headerElementSearch_var70 { --heightSearchbox:32px; --widthSearchbox:128px; --color:var(--baseColorBlack); --colorIcon:var(--baseColorBlack); --backgroundColor:var(--baseColorWhite); --borderColor:var(--borderColorDefault); --colorIconMobile:var(--colorIcon); --backgroundColorIcon:transparent; --backgroundColorLayer:var(--baseColorWhite); } .headerElementSearch_var70 #searchBox .searchBoxContainer { display:block; position:relative; } .headerElementSearch_var70 #searchBox .searchBoxContainer .searchBoxLabel { display:block; position:relative; z-index:1; } .headerElementSearch_var70 #searchBox .searchBoxContainer .searchBoxLabel > label { font-size:0; display:block; cursor:pointer; width:var(--heightSearchbox); height:var(--heightSearchbox); background:var(--backgroundColorIcon); border-radius:var(--borderRadius); } .headerElementSearch_var70 #searchBox .searchBoxContainer .searchBoxLabel > label:before { content:''; pointer-events:none; position:absolute; top:7px; left:8px; width:12px; height:12px; border:solid 2px var(--colorIconMobile); border-radius:50%; } .headerElementSearch_var70 #searchBox .searchBoxContainer .searchBoxLabel > label:after { content:''; pointer-events:none; position:absolute; top:20px; left:15px; width:9px; height:2px; background-color:var(--colorIconMobile); transform:rotate(54deg); } .headerElementSearch_var70 #searchBox .searchBoxContainer .searchBoxElement { display:none; } .headerElementSearch_var70 #searchBox .searchBoxContainer.open .searchBoxElement { position:fixed; top:var(--heightBlockHeader); left:0; width:100vw; height:3rem; background:var(--backgroundColorLayer); display:flex; justify-content:center; align-items:center; } .headerElementSearch_var70 #searchBox .searchBoxContainer.open .searchBoxElement .searchTerm { cursor:pointer; height:var(--heightSearchbox); line-height:calc(var(--heightSearchbox) - 2px); font-size:1rem; padding:0 8px 0 12px; transition:all 0.3s linear; background:var(--backgroundColor); border:solid 1px var(--borderColor); border-radius:var(--borderRadius); width:calc(100% - 2rem); max-width:520px; } .headerElementSearch_var70 #searchBox .searchBoxContainer.open .searchBoxElement .searchTerm::placeholder { color:var(--color); } .headerElementSearch_var70 #searchBox .searchBoxContainer.open .searchBoxElement #searchSuggestOuter { display:none; } .headerElementSearch_var70 #searchBox .searchBoxContainer.open .searchBoxElement #searchSuggestOuter { display:block; position:absolute; top:var(--heightSearchbox); right:0; background-color:var(--backgroundColorWhite); color:var(--fontColorDefault); border:solid 1px #DDDDDD; } .headerElementSearch_var70 #searchBox .searchBoxContainer.open .searchBoxElement #searchSuggestOuter .searchSuggestEntry { padding:2px 6px; cursor:pointer; } .headerElementSearch_var70 #searchBox .searchBoxContainer.open .searchBoxElement #searchSuggestOuter .searchSuggestEntry:first-child { padding:4px 6px 2px 6px; } .headerElementSearch_var70 #searchBox .searchBoxContainer.open .searchBoxElement #searchSuggestOuter .searchSuggestEntry:last-child { padding:2px 6px 4px 6px; } .headerElementSearch_var70 #searchBox .searchBoxContainer.open .searchBoxElement #searchSuggestOuter .searchSuggestEntry:hover { background-color:var(--backgroundColorLight1); } .headerElementSearch_var70 #searchBox .searchBoxContainer.open #searchSubmit { display:none; } .headerElementSearch_var70.headerElementSearchSize_var80 #searchBox .searchBoxContainer .searchBoxLabel > label:before, .headerElementSearch_var70.headerElementSearchSize_var80 #searchBox .searchBoxContainer .searchBoxLabel > label:after { margin-top:2px; margin-left:2px; } @media (min-width: 768px) { .headerElementSearch_var70 #searchBox .searchBoxContainer #searchBoxLabel > label:before { border-color:var(--colorIcon); } .headerElementSearch_var70 #searchBox .searchBoxContainer #searchBoxLabel > label:after { background-color:var(--colorIcon); } } .headerElementSearchColor_var0 { --color:var(--baseColorBlack); --colorIcon:var(--baseColorBlack); --backgroundColor:var(--baseColorWhite); --borderColor:var(--borderColorDefault); } @media (prefers-contrast:more) { .headerElementSearchColor_var0 { --borderColor:var(--baseColorBlack); } } .headerElementSearchColor_var20 { --color:var(--baseColorDark); --colorIcon:var(--baseColorDark); --backgroundColor:var(--baseColorWhite); --borderColor:var(--borderColorDefault); } @media (prefers-contrast:more) { .headerElementSearchColor_var20 { --borderColor:var(--baseColorBlack); } } .headerElementSearchColor_var91 { --color:var(--baseColorPrimary1); --colorIcon:var(--baseColorPrimary1); --backgroundColor:var(--baseColorWhite); --borderColor:var(--baseColorPrimary1); } .headerElementSearchColor_var92 { --color:var(--baseColorPrimary2); --colorIcon:var(--baseColorPrimary2); --backgroundColor:var(--baseColorWhite); --borderColor:var(--baseColorPrimary2); } .headerElementSearchColor_var210 { --color:var(--baseColorBlack); --colorIcon:var(--baseColorBlack); --backgroundColor:var(--baseColorWhite); --backgroundColorIcon:var(--baseColorWhite); --borderColor:var(--baseColorWhite); } @media (prefers-contrast:more) { .headerElementSearchColor_var210 { --borderColor:var(--baseColorBlack); } } .headerElementSearchColor_var220 { --color:var(--baseColorBlack); --colorIcon:var(--baseColorBlack); --backgroundColor:var(--baseColorLighter); --backgroundColorIcon:var(--baseColorLighter); --borderColor:var(--baseColorLighter); } @media (prefers-contrast:more) { .headerElementSearchColor_var220 { --backgroundColor:var(--baseColorWhite); --backgroundColorIcon:var(--baseColorWhite); --borderColor:var(--baseColorBlack); } } .headerElementSearchColorIconMobile_var10 { --colorIconMobile:var(--baseColorWhite); } .headerElementSearchColorIconMobile_var30 { --colorIconMobile:var(--baseColorDark); } @media (prefers-contrast:more) { .headerElementSearchColorIconMobile_var30 { --colorIconMobile:var(--baseColorBlack); } } .headerElementSearchColorIconMobile_var40 { --colorIconMobile:var(--baseColorDarker); } @media (prefers-contrast:more) { .headerElementSearchColorIconMobile_var40 { --colorIconMobile:var(--baseColorBlack); } } .headerElementSearchColorIconMobile_var91 { --colorIconMobile:var(--baseColorPrimary1); } @media (prefers-contrast:more) { .headerElementSearchColorIconMobile_var91 { --colorIconMobile:var(--baseColorBlack); } } .headerElementSearchColorIconMobile_var92 { --colorIconMobile:var(--baseColorPrimary2); } @media (prefers-contrast:more) { .headerElementSearchColorIconMobile_var92 { --colorIconMobile:var(--baseColorBlack); } } .headerElementSearchSize_var20 { --heightSearchbox:24px; } .headerElementSearchSize_var80 { --heightSearchbox:36px; } .headerElementSearchBorderRadius_var10 { --borderRadius:0px; } .headerElementSearchBorderRadius_var20 { --borderRadius:5px; } .headerElementSearchBorderRadius_var50 { --borderRadius:20px; --padding:0 15px; } .headerElementSearchBorderRadius_var50.headerElementSearchSize_var20 { --padding:0 12px; } .headerElementSearchBorderRadius_var50.headerElementSearchSize_var80 { --padding:0 18px; } .headerElementSection { --heightElementEntry:48px; } .headerElementSection_var400 { --gridTemplateRows:auto; --alignAreaLogo:center; --justifyAreaLogo:no; --alignAreaNavigation:center; --justifyAreaNavigation:right; --alignAreaMeta:center; --justifyAreaMeta:no; position:relative; padding:0 0 0 1rem; background:var(--background); } .headerElementSection_var400.headerElementSectionHeight_var64 { --gridTemplateRows:64px; } .headerElementSection_var400.headerElementSectionHeight_var72 { --gridTemplateRows:72px; } .headerElementSection_var400.headerElementSectionHeight_var80 { --gridTemplateRows:80px; } .headerElementSection_var400.headerElementSectionHeight_var96 { --gridTemplateRows:96px; } .headerElementSection_var400.headerElementSectionHeight_var128 { --gridTemplateRows:128px; } .headerElementSection_var400.headerElementSectionHeight_var160 { --gridTemplateRows:160px; } .headerElementSection_var400.headerElementSectionLogoAlign_var20 { --alignAreaLogo:start; } .headerElementSection_var400.headerElementSectionLogoAlign_var50 { --alignAreaLogo:center; } .headerElementSection_var400.headerElementSectionLogoAlign_var80 { --alignAreaLogo:end; } .headerElementSection_var400.headerElementSectionLogoJustify_var20 { --justifyAreaLogo:left; } .headerElementSection_var400.headerElementSectionLogoJustify_var50 { --justifyAreaLogo:center; } .headerElementSection_var400.headerElementSectionLogoustify_var80 { --justifyAreaLogo:right; } .headerElementSection_var400.headerElementSectionNavigationAlign_var20 { --alignAreaNavigation:start; } .headerElementSection_var400.headerElementSectionNavigationAlign_var50 { --alignAreaNavigation:center; } .headerElementSection_var400.headerElementSectionNavigationAlign_var80 { --alignAreaNavigation:end; } .headerElementSection_var400.headerElementSectionNavigationJustify_var20 { --justifyAreaNavigation:left; } .headerElementSection_var400.headerElementSectionNavigationJustify_var50 { --justifyAreaNavigation:center; } .headerElementSection_var400.headerElementSectionNavigationJustify_var80 { --justifyAreaNavigation:right; } .headerElementSection_var400.headerElementSectionMetaAlign_var20 { --alignAreaMeta:start; } .headerElementSection_var400.headerElementSectionMetaAlign_var50 { --alignAreaMeta:center; } .headerElementSection_var400.headerElementSectionMetaAlign_var80 { --alignAreaMeta:end; } .headerElementSection_var400.headerElementSectionMetaJustify_var20 { --justifyAreaMeta:start; } .headerElementSection_var400.headerElementSectionMetaJustify_var50 { --justifyAreaMeta:center; } .headerElementSection_var400.headerElementSectionMetaJustify_var80 { --justifyAreaMeta:end; } .headerElementSection_var400 .headerArea { display:flex; } .headerElementSection_var400 .headerArea > div { display:flex; position:relative; } .headerElementSection_var400 .headerAreaMeta2, .headerElementSection_var400 .headerAreaMeta3, .headerElementSection_var400 .headerAreaMeta4, .headerElementSection_var400 .headerAreaMeta5 { display:none; } .headerElementSection_var400 .headerElementSectionInner { display:grid; position:relative; width:100%; max-width:1200px; min-height:48px; margin:0 auto; } @media (min-width: 576px) { .headerElementSection_var400 { padding:0 1rem 0 2rem; } } @media (min-width: 992px) { .headerElementSection_var400 { padding:0 4rem; } } @media (max-width: 991px) { .headerElementSection_var400 .headerElementSectionInner { grid-template-columns:max-content 1fr max-content; } .headerElementSection_var400 .headerElementSectionInner .headerAreaLogo { align-items:center; } .headerElementSection_var400 .headerElementSectionInner .headerAreaNavigation { align-items:center; justify-content:end; } .headerElementSection_var400 .headerElementSectionInner .headerAreaMeta { grid-column:2; grid-row:1; align-items:center; justify-content:end; } } @media (min-width: 992px) { .headerElementSection_var400 .headerElementSectionInner { grid-template-columns:max-content 1fr max-content; grid-template-rows:var(--gridTemplateRows); } .headerElementSection_var400 .headerElementSectionInner .headerAreaLogo { align-items:var(--alignAreaLogo); padding:16px 16px 16px 0; } .headerElementSection_var400 .headerElementSectionInner .headerAreaNavigation { grid-column:2; grid-row:1; align-items:var(--alignAreaNavigation); justify-content:var(--justifyAreaNavigation); } .headerElementSection_var400 .headerElementSectionInner .headerAreaMeta { grid-column:3; grid-row:1; align-items:var(--alignAreaMeta); justify-content:end; } } .headerElementSection_var420 { --gridTemplateRows:auto; --alignAreaLogo:center; --justifyAreaLogo:no; --alignAreaNavigation:center; --justifyAreaNavigation:right; --alignAreaMeta:center; --justifyAreaMeta:right; position:relative; padding:0 0 0 1rem; background:var(--background); } .headerElementSection_var420.headerElementSectionHeight_var64 { --gridTemplateRows:64px; } .headerElementSection_var420.headerElementSectionHeight_var72 { --gridTemplateRows:72px; } .headerElementSection_var420.headerElementSectionHeight_var80 { --gridTemplateRows:80px; } .headerElementSection_var420.headerElementSectionHeight_var96 { --gridTemplateRows:96px; } .headerElementSection_var420.headerElementSectionHeight_var128 { --gridTemplateRows:128px; } .headerElementSection_var420.headerElementSectionHeight_var160 { --gridTemplateRows:160px; } .headerElementSection_var420.headerElementSectionLogoAlign_var20 { --alignAreaLogo:start; } .headerElementSection_var420.headerElementSectionLogoAlign_var50 { --alignAreaLogo:center; } .headerElementSection_var420.headerElementSectionLogoAlign_var80 { --alignAreaLogo:end; } .headerElementSection_var420.headerElementSectionLogoJustify_var20 { --justifyAreaLogo:left; } .headerElementSection_var420.headerElementSectionLogoJustify_var50 { --justifyAreaLogo:center; } .headerElementSection_var420.headerElementSectionLogoustify_var80 { --justifyAreaLogo:right; } .headerElementSection_var420.headerElementSectionNavigationAlign_var20 { --alignAreaNavigation:start; } .headerElementSection_var420.headerElementSectionNavigationAlign_var50 { --alignAreaNavigation:center; } .headerElementSection_var420.headerElementSectionNavigationAlign_var80 { --alignAreaNavigation:end; } .headerElementSection_var420.headerElementSectionNavigationJustify_var20 { --justifyAreaNavigation:left; } .headerElementSection_var420.headerElementSectionNavigationJustify_var50 { --justifyAreaNavigation:center; } .headerElementSection_var420.headerElementSectionNavigationJustify_var80 { --justifyAreaNavigation:right; } .headerElementSection_var420.headerElementSectionMetaAlign_var20 { --alignAreaMeta:start; } .headerElementSection_var420.headerElementSectionMetaAlign_var50 { --alignAreaMeta:center; } .headerElementSection_var420.headerElementSectionMetaAlign_var80 { --alignAreaMeta:end; } .headerElementSection_var420.headerElementSectionMetaJustify_var20 { --justifyAreaMeta:start; } .headerElementSection_var420.headerElementSectionMetaJustify_var50 { --justifyAreaMeta:center; } .headerElementSection_var420.headerElementSectionMetaJustify_var80 { --justifyAreaMeta:end; } .headerElementSection_var420 .headerArea { display:flex; } .headerElementSection_var420 .headerArea > div { display:flex; position:relative; } .headerElementSection_var420 .headerAreaMeta2, .headerElementSection_var420 .headerAreaMeta3, .headerElementSection_var420 .headerAreaMeta4, .headerElementSection_var420 .headerAreaMeta5 { display:none; } .headerElementSection_var420 .headerElementSectionInner { display:grid; position:relative; width:100%; max-width:1200px; min-height:48px; margin:0 auto; } @media (min-width: 576px) { .headerElementSection_var420 { padding:0 1rem 0 2rem; } } @media (min-width: 992px) { .headerElementSection_var420 { padding:0 4rem; } } @media (max-width: 991px) { .headerElementSection_var420 .headerElementSectionInner { grid-template-columns:max-content 1fr max-content; } .headerElementSection_var420 .headerElementSectionInner .headerAreaLogo { align-items:center; } .headerElementSection_var420 .headerElementSectionInner .headerAreaNavigation { align-items:center; justify-content:end; } .headerElementSection_var420 .headerElementSectionInner .headerAreaMeta { grid-column:2; grid-row:1; align-items:center; justify-content:end; } } @media (min-width: 992px) { .headerElementSection_var420 .headerElementSectionInner { grid-template-columns:max-content 1fr max-content; grid-template-rows:var(--gridTemplateRows); } .headerElementSection_var420 .headerElementSectionInner .headerAreaLogo { align-items:var(--alignAreaLogo); padding:16px 16px 16px 0; } .headerElementSection_var420 .headerElementSectionInner .headerAreaNavigation { grid-column:3; grid-row:1; align-items:var(--alignAreaNavigation); justify-content:var(--justifyAreaNavigation); } .headerElementSection_var420 .headerElementSectionInner .headerAreaMeta { grid-column:2; grid-row:1; align-items:var(--alignAreaMeta); justify-content:var(--justifyAreaMeta); } } .headerElementSection_var450 { --gridTemplateRows:auto; --alignAreaLogo:center; --justifyAreaLogo:no; --alignAreaNavigation:center; --justifyAreaNavigation:left; --alignAreaMeta:center; --justifyAreaMeta:no; position:relative; padding:0 0 0 1rem; background:var(--background); } .headerElementSection_var450.headerElementSectionHeight_var64 { --gridTemplateRows:64px; } .headerElementSection_var450.headerElementSectionHeight_var72 { --gridTemplateRows:72px; } .headerElementSection_var450.headerElementSectionHeight_var80 { --gridTemplateRows:80px; } .headerElementSection_var450.headerElementSectionHeight_var96 { --gridTemplateRows:96px; } .headerElementSection_var450.headerElementSectionHeight_var128 { --gridTemplateRows:128px; } .headerElementSection_var450.headerElementSectionHeight_var160 { --gridTemplateRows:160px; } .headerElementSection_var450.headerElementSectionLogoAlign_var20 { --alignAreaLogo:start; } .headerElementSection_var450.headerElementSectionLogoAlign_var50 { --alignAreaLogo:center; } .headerElementSection_var450.headerElementSectionLogoAlign_var80 { --alignAreaLogo:end; } .headerElementSection_var450.headerElementSectionLogoJustify_var20 { --justifyAreaLogo:left; } .headerElementSection_var450.headerElementSectionLogoJustify_var50 { --justifyAreaLogo:center; } .headerElementSection_var450.headerElementSectionLogoustify_var80 { --justifyAreaLogo:right; } .headerElementSection_var450.headerElementSectionNavigationAlign_var20 { --alignAreaNavigation:start; } .headerElementSection_var450.headerElementSectionNavigationAlign_var50 { --alignAreaNavigation:center; } .headerElementSection_var450.headerElementSectionNavigationAlign_var80 { --alignAreaNavigation:end; } .headerElementSection_var450.headerElementSectionNavigationJustify_var20 { --justifyAreaNavigation:left; } .headerElementSection_var450.headerElementSectionNavigationJustify_var50 { --justifyAreaNavigation:center; } .headerElementSection_var450.headerElementSectionNavigationJustify_var80 { --justifyAreaNavigation:right; } .headerElementSection_var450.headerElementSectionMetaAlign_var20 { --alignAreaMeta:start; } .headerElementSection_var450.headerElementSectionMetaAlign_var50 { --alignAreaMeta:center; } .headerElementSection_var450.headerElementSectionMetaAlign_var80 { --alignAreaMeta:end; } .headerElementSection_var450.headerElementSectionMetaJustify_var20 { --justifyAreaMeta:start; } .headerElementSection_var450.headerElementSectionMetaJustify_var50 { --justifyAreaMeta:center; } .headerElementSection_var450.headerElementSectionMetaJustify_var80 { --justifyAreaMeta:end; } .headerElementSection_var450 .headerArea { display:flex; } .headerElementSection_var450 .headerArea > div { display:flex; position:relative; } .headerElementSection_var450 .headerAreaMeta2, .headerElementSection_var450 .headerAreaMeta3, .headerElementSection_var450 .headerAreaMeta4, .headerElementSection_var450 .headerAreaMeta5 { display:none; } .headerElementSection_var450 .headerElementSectionInner { display:grid; position:relative; width:100%; max-width:1200px; min-height:48px; margin:0 auto; } @media (min-width: 576px) { .headerElementSection_var450 { padding:0 1rem 0 2rem; } } @media (min-width: 992px) { .headerElementSection_var450 { padding:0 4rem; } } @media (max-width: 991px) { .headerElementSection_var450 .headerElementSectionInner { grid-template-columns:max-content 1fr max-content; } .headerElementSection_var450 .headerElementSectionInner .headerAreaLogo { align-items:center; } .headerElementSection_var450 .headerElementSectionInner .headerAreaNavigation { align-items:center; justify-content:end; } .headerElementSection_var450 .headerElementSectionInner .headerAreaMeta { display:none; } } @media (min-width: 992px) { .headerElementSection_var450 .headerElementSectionInner { grid-template-columns:1fr max-content max-content; grid-template-rows:var(--gridTemplateRows); } .headerElementSection_var450 .headerElementSectionInner .headerAreaLogo { grid-column:3; grid-row:1; align-items:var(--alignAreaLogo); padding:16px 0 16px 16px; } .headerElementSection_var450 .headerElementSectionInner .headerAreaNavigation { grid-column:1; grid-row:1; align-items:var(--alignAreaNavigation); justify-content:var(--justifyAreaNavigation); } .headerElementSection_var450 .headerElementSectionInner .headerAreaMeta { grid-column:2; grid-row:1; align-items:var(--alignAreaMeta); justify-content:end; } } .headerElementSection_var500 { --gridTemplateRowsTop:48px; --gridTemplateRowsRest:1fr; --alignAreaLogo:center; --justifyAreaLogo:no; --alignAreaNavigation:center; --justifyAreaNavigation:right; --alignAreaMeta:no; --justifyAreaMeta:no; position:relative; padding:0 0 0 1rem; background:var(--background); } .headerElementSection_var500.headerElementSectionHeightTop_var32 { --heightElementEntry:32px; --gridTemplateRowsTop:32px; } .headerElementSection_var500.headerElementSectionHeightTop_var40 { --heightElementEntry:40px; --gridTemplateRowsTop:40px; } .headerElementSection_var500.headerElementSectionHeightTop_var48 { --gridTemplateRowsTop:48px; } .headerElementSection_var500.headerElementSectionHeightRest_var96 { --gridTemplateRowsRest:96px; } .headerElementSection_var500.headerElementSectionHeightRest_var128 { --gridTemplateRowsRest:128px; } .headerElementSection_var500.headerElementSectionLogoAlign_var20 { --alignAreaLogo:start; } .headerElementSection_var500.headerElementSectionLogoAlign_var50 { --alignAreaLogo:center; } .headerElementSection_var500.headerElementSectionLogoAlign_var80 { --alignAreaLogo:end; } .headerElementSection_var500.headerElementSectionLogoJustify_var20 { --justifyAreaLogo:left; } .headerElementSection_var500.headerElementSectionLogoJustify_var50 { --justifyAreaLogo:center; } .headerElementSection_var500.headerElementSectionLogoustify_var80 { --justifyAreaLogo:right; } .headerElementSection_var500.headerElementSectionNavigationAlign_var20 { --alignAreaNavigation:start; } .headerElementSection_var500.headerElementSectionNavigationAlign_var50 { --alignAreaNavigation:center; } .headerElementSection_var500.headerElementSectionNavigationAlign_var80 { --alignAreaNavigation:end; } .headerElementSection_var500.headerElementSectionNavigationJustify_var20 { --justifyAreaNavigation:left; } .headerElementSection_var500.headerElementSectionNavigationJustify_var50 { --justifyAreaNavigation:center; } .headerElementSection_var500.headerElementSectionNavigationJustify_var80 { --justifyAreaNavigation:right; } .headerElementSection_var500.headerElementSectionMetaAlign_var20 { --alignAreaMeta:start; } .headerElementSection_var500.headerElementSectionMetaAlign_var50 { --alignAreaMeta:center; } .headerElementSection_var500.headerElementSectionMetaAlign_var80 { --alignAreaMeta:end; } .headerElementSection_var500.headerElementSectionMetaJustify_var20 { --justifyAreaMeta:start; } .headerElementSection_var500.headerElementSectionMetaJustify_var50 { --justifyAreaMeta:center; } .headerElementSection_var500.headerElementSectionMetaJustify_var80 { --justifyAreaMeta:end; } .headerElementSection_var500 .headerArea { display:flex; } .headerElementSection_var500 .headerArea > div { display:flex; position:relative; } .headerElementSection_var500 .headerAreaMeta2, .headerElementSection_var500 .headerAreaMeta3, .headerElementSection_var500 .headerAreaMeta4, .headerElementSection_var500 .headerAreaMeta5 { display:none; } .headerElementSection_var500 .headerElementSectionInner { display:grid; position:relative; width:100%; max-width:1200px; margin:0 auto; } @media (min-width: 576px) { .headerElementSection_var500 { padding:0 2rem; } } @media (min-width: 992px) { .headerElementSection_var500 { padding:0 4rem; } } @media (max-width: 991px) { .headerElementSection_var500 .headerElementSectionInner { grid-template-columns:max-content 1fr max-content; } .headerElementSection_var500 .headerElementSectionInner .headerAreaLogo { align-items:center; } .headerElementSection_var500 .headerElementSectionInner .headerAreaNavigation { grid-column:3; grid-row:1; align-items:center; justify-content:end; } .headerElementSection_var500 .headerElementSectionInner .headerAreaMeta { grid-column:2; grid-row:1; align-items:center; justify-content:end; } } @media (min-width: 992px) { .headerElementSection_var500 .headerElementSectionInner { grid-template-columns:max-content 1fr; grid-template-rows:var(--gridTemplateRowsTop) var(--gridTemplateRowsRest); } .headerElementSection_var500 .headerElementSectionInner .headerAreaLogo { grid-column:1; grid-row:1 / 3; align-items:var(--alignAreaLogo); padding:16px 16px 16px 0; } .headerElementSection_var500 .headerElementSectionInner .headerAreaNavigation { grid-column:2 / 3; grid-row:2; align-items:var(--alignAreaNavigation); justify-content:var(--justifyAreaNavigation); } .headerElementSection_var500 .headerElementSectionInner .headerAreaMeta { grid-column:2 / 3; grid-row:1; align-items:var(--alignAreaMeta); justify-content:end; } } .headerElementSection_var510 { --gridTemplateRowsTop:48px; --gridTemplateRowsRest:1fr; --alignAreaLogo:center; --justifyAreaLogo:no; --alignAreaNavigation:center; --justifyAreaNavigation:left; --alignAreaMeta:no; --justifyAreaMeta:no; position:relative; padding:0 0 0 1rem; background:var(--background); } .headerElementSection_var510.headerElementSectionHeightTop_var32 { --heightElementEntry:32px; --gridTemplateRowsTop:32px; } .headerElementSection_var510.headerElementSectionHeightTop_var40 { --heightElementEntry:40px; --gridTemplateRowsTop:40px; } .headerElementSection_var510.headerElementSectionHeightTop_var48 { --gridTemplateRowsTop:48px; } .headerElementSection_var510.headerElementSectionHeightRest_var96 { --gridTemplateRowsRest:96px; } .headerElementSection_var510.headerElementSectionHeightRest_var128 { --gridTemplateRowsRest:128px; } .headerElementSection_var510.headerElementSectionLogoAlign_var20 { --alignAreaLogo:start; } .headerElementSection_var510.headerElementSectionLogoAlign_var50 { --alignAreaLogo:center; } .headerElementSection_var510.headerElementSectionLogoAlign_var80 { --alignAreaLogo:end; } .headerElementSection_var510.headerElementSectionLogoJustify_var20 { --justifyAreaLogo:left; } .headerElementSection_var510.headerElementSectionLogoJustify_var50 { --justifyAreaLogo:center; } .headerElementSection_var510.headerElementSectionLogoustify_var80 { --justifyAreaLogo:right; } .headerElementSection_var510.headerElementSectionNavigationAlign_var20 { --alignAreaNavigation:start; } .headerElementSection_var510.headerElementSectionNavigationAlign_var50 { --alignAreaNavigation:center; } .headerElementSection_var510.headerElementSectionNavigationAlign_var80 { --alignAreaNavigation:end; } .headerElementSection_var510.headerElementSectionNavigationJustify_var20 { --justifyAreaNavigation:left; } .headerElementSection_var510.headerElementSectionNavigationJustify_var50 { --justifyAreaNavigation:center; } .headerElementSection_var510.headerElementSectionNavigationJustify_var80 { --justifyAreaNavigation:right; } .headerElementSection_var510.headerElementSectionMetaAlign_var20 { --alignAreaMeta:start; } .headerElementSection_var510.headerElementSectionMetaAlign_var50 { --alignAreaMeta:center; } .headerElementSection_var510.headerElementSectionMetaAlign_var80 { --alignAreaMeta:end; } .headerElementSection_var510.headerElementSectionMetaJustify_var20 { --justifyAreaMeta:start; } .headerElementSection_var510.headerElementSectionMetaJustify_var50 { --justifyAreaMeta:center; } .headerElementSection_var510.headerElementSectionMetaJustify_var80 { --justifyAreaMeta:end; } .headerElementSection_var510 .headerArea { display:flex; } .headerElementSection_var510 .headerArea > div { display:flex; position:relative; } .headerElementSection_var510 .headerAreaMeta2, .headerElementSection_var510 .headerAreaMeta3, .headerElementSection_var510 .headerAreaMeta4, .headerElementSection_var510 .headerAreaMeta5 { display:none; } .headerElementSection_var510 .headerElementSectionInner { display:grid; position:relative; width:100%; max-width:1200px; margin:0 auto; } @media (min-width: 576px) { .headerElementSection_var510 { padding:0 2rem; } } @media (min-width: 992px) { .headerElementSection_var510 { padding:0 4rem; } } @media (max-width: 991px) { .headerElementSection_var510 .headerElementSectionInner { grid-template-columns:max-content 1fr max-content; } .headerElementSection_var510 .headerElementSectionInner .headerAreaLogo { grid-column:3; grid-row:1; align-items:center; } .headerElementSection_var510 .headerElementSectionInner .headerAreaNavigation { grid-column:1; grid-row:1; align-items:center; justify-content:start; } .headerElementSection_var510 .headerElementSectionInner .headerAreaMeta { grid-column:2; grid-row:1; align-items:center; justify-content:start; } } @media (min-width: 992px) { .headerElementSection_var510 .headerElementSectionInner { grid-template-columns:max-content 1fr; grid-template-rows:var(--gridTemplateRowsTop) var(--gridTemplateRowsRest); } .headerElementSection_var510 .headerElementSectionInner .headerAreaLogo { grid-column:3; grid-row:1 / 3; align-items:var(--alignAreaLogo); padding:16px 16px 16px 0; } .headerElementSection_var510 .headerElementSectionInner .headerAreaNavigation { grid-column:1 / 2; grid-row:2; align-items:var(--alignAreaNavigation); justify-content:var(--justifyAreaNavigation); } .headerElementSection_var510 .headerElementSectionInner .headerAreaMeta { grid-column:1 / 2; grid-row:1; align-items:var(--alignAreaMeta); justify-content:start; } } .headerElementSection_var530 { --gridTemplateRowsTop:48px; --gridTemplateRowsRest:1fr; --alignAreaLogo:center; --justifyAreaLogo:no; --alignAreaNavigation:center; --justifyAreaNavigation:right; --alignAreaMeta:no; --justifyAreaMeta:no; position:relative; padding:0 0 0 1rem; background:var(--background); } .headerElementSection_var530.headerElementSectionHeightTop_var32 { --heightElementEntry:32px; --gridTemplateRowsTop:32px; } .headerElementSection_var530.headerElementSectionHeightTop_var40 { --heightElementEntry:40px; --gridTemplateRowsTop:40px; } .headerElementSection_var530.headerElementSectionHeightTop_var48 { --heightElementEntry:48px; --gridTemplateRowsTop:48px; } .headerElementSection_var530.headerElementSectionHeightRest_var96 { --gridTemplateRowsRest:96px; } .headerElementSection_var530.headerElementSectionHeightRest_var128 { --gridTemplateRowsRest:128px; } .headerElementSection_var530.headerElementSectionLogoAlign_var20 { --alignAreaLogo:start; } .headerElementSection_var530.headerElementSectionLogoAlign_var50 { --alignAreaLogo:center; } .headerElementSection_var530.headerElementSectionLogoAlign_var80 { --alignAreaLogo:end; } .headerElementSection_var530.headerElementSectionLogoJustify_var20 { --justifyAreaLogo:left; } .headerElementSection_var530.headerElementSectionLogoJustify_var50 { --justifyAreaLogo:center; } .headerElementSection_var530.headerElementSectionLogoustify_var80 { --justifyAreaLogo:right; } .headerElementSection_var530.headerElementSectionNavigationAlign_var20 { --alignAreaNavigation:start; } .headerElementSection_var530.headerElementSectionNavigationAlign_var50 { --alignAreaNavigation:center; } .headerElementSection_var530.headerElementSectionNavigationAlign_var80 { --alignAreaNavigation:end; } .headerElementSection_var530.headerElementSectionNavigationJustify_var20 { --justifyAreaNavigation:left; } .headerElementSection_var530.headerElementSectionNavigationJustify_var50 { --justifyAreaNavigation:center; } .headerElementSection_var530.headerElementSectionNavigationJustify_var80 { --justifyAreaNavigation:right; } .headerElementSection_var530.headerElementSectionMetaAlign_var20 { --alignAreaMeta:start; } .headerElementSection_var530.headerElementSectionMetaAlign_var50 { --alignAreaMeta:center; } .headerElementSection_var530.headerElementSectionMetaAlign_var80 { --alignAreaMeta:end; } .headerElementSection_var530.headerElementSectionMetaJustify_var20 { --justifyAreaMeta:start; } .headerElementSection_var530.headerElementSectionMetaJustify_var50 { --justifyAreaMeta:center; } .headerElementSection_var530.headerElementSectionMetaJustify_var80 { --justifyAreaMeta:end; } .headerElementSection_var530 .headerArea { display:flex; } .headerElementSection_var530 .headerArea > div { display:flex; position:relative; } .headerElementSection_var530 .headerAreaMeta2, .headerElementSection_var530 .headerAreaMeta3, .headerElementSection_var530 .headerAreaMeta4, .headerElementSection_var530 .headerAreaMeta5 { display:none; } .headerElementSection_var530 .headerElementSectionInner { display:grid; position:relative; width:100%; max-width:1200px; margin:0 auto; } @media (min-width: 576px) { .headerElementSection_var530 { padding:0 2rem; } } @media (min-width: 992px) { .headerElementSection_var530 { padding:0 4rem; } } @media (max-width: 991px) { .headerElementSection_var530 .headerElementSectionInner { grid-template-columns:max-content 1fr max-content; } .headerElementSection_var530 .headerElementSectionInner .headerAreaLogo { align-items:center; } .headerElementSection_var530 .headerElementSectionInner .headerAreaNavigation { grid-column:3; grid-row:1; align-items:center; justify-content:end; } .headerElementSection_var530 .headerElementSectionInner .headerAreaMeta { grid-column:2; grid-row:1; align-items:center; justify-content:end; } } @media (min-width: 992px) { .headerElementSection_var530 .headerElementSectionInner { grid-template-columns:max-content 1fr; grid-template-rows:var(--gridTemplateRowsTop) var(--gridTemplateRowsRest); } .headerElementSection_var530 .headerElementSectionInner .headerAreaLogo { grid-column:1; grid-row:2 / 3; align-items:var(--alignAreaLogo); padding:16px 16px 16px 0; } .headerElementSection_var530 .headerElementSectionInner .headerAreaNavigation { grid-column:2 / 3; grid-row:2; align-items:var(--alignAreaNavigation); justify-content:var(--justifyAreaNavigation); } .headerElementSection_var530 .headerElementSectionInner .headerAreaMeta { grid-column:1 / 3; grid-row:1; align-items:var(--alignAreaMeta); justify-content:end; } } .headerElementSection_var560 { --gridTemplateRows:48px 1fr; --alignAreaLogo:center; --justifyAreaLogo:no; --alignAreaNavigation:center; --justifyAreaNavigation:right; --alignAreaMeta:center; --justifyAreaMeta:no; position:relative; padding:0 0 0 1rem; background:var(--background); } .headerElementSection_var560.headerElementSectionHeight_var48_96 { --gridTemplateRows:48px 96px; } .headerElementSection_var560.headerElementSectionLogoAlign_var20 { --alignAreaLogo:start; } .headerElementSection_var560.headerElementSectionLogoAlign_var50 { --alignAreaLogo:center; } .headerElementSection_var560.headerElementSectionLogoAlign_var80 { --alignAreaLogo:end; } .headerElementSection_var560.headerElementSectionLogoJustify_var20 { --justifyAreaLogo:left; } .headerElementSection_var560.headerElementSectionLogoJustify_var50 { --justifyAreaLogo:center; } .headerElementSection_var560.headerElementSectionLogoustify_var80 { --justifyAreaLogo:right; } .headerElementSection_var560.headerElementSectionNavigationAlign_var20 { --alignAreaNavigation:start; } .headerElementSection_var560.headerElementSectionNavigationAlign_var50 { --alignAreaNavigation:center; } .headerElementSection_var560.headerElementSectionNavigationAlign_var80 { --alignAreaNavigation:end; } .headerElementSection_var560.headerElementSectionNavigationJustify_var20 { --justifyAreaNavigation:left; } .headerElementSection_var560.headerElementSectionNavigationJustify_var50 { --justifyAreaNavigation:center; } .headerElementSection_var560.headerElementSectionNavigationJustify_var80 { --justifyAreaNavigation:right; } .headerElementSection_var560.headerElementSectionMetaAlign_var20 { --alignAreaMeta:start; } .headerElementSection_var560.headerElementSectionMetaAlign_var50 { --alignAreaMeta:center; } .headerElementSection_var560.headerElementSectionMetaAlign_var80 { --alignAreaMeta:end; } .headerElementSection_var560.headerElementSectionMetaJustify_var20 { --justifyAreaMeta:start; } .headerElementSection_var560.headerElementSectionMetaJustify_var50 { --justifyAreaMeta:center; } .headerElementSection_var560.headerElementSectionMetaJustify_var80 { --justifyAreaMeta:end; } .headerElementSection_var560 .headerArea { display:flex; } .headerElementSection_var560 .headerArea > div { display:flex; position:relative; } .headerElementSection_var560 .headerAreaMeta3, .headerElementSection_var560 .headerAreaMeta4, .headerElementSection_var560 .headerAreaMeta5 { display:none; } .headerElementSection_var560 .headerElementSectionInner { display:grid; position:relative; width:100%; max-width:1200px; margin:0 auto; } @media (min-width: 576px) { .headerElementSection_var560 { padding:0 2rem; } } @media (min-width: 992px) { .headerElementSection_var560 { padding:0 4rem; } } @media (max-width: 991px) { .headerElementSection_var560 .headerElementSectionInner { grid-template-columns:max-content 1fr max-content; } .headerElementSection_var560 .headerElementSectionInner .headerAreaLogo { align-items:center; } .headerElementSection_var560 .headerElementSectionInner .headerAreaNavigation { grid-column:3; grid-row:1; align-items:center; justify-content:end; } .headerElementSection_var560 .headerElementSectionInner .headerAreaMeta { grid-column:2; grid-row:1; align-items:center; justify-content:end; } .headerElementSection_var560 .headerElementSectionInner .headerAreaMeta2 { display:none; } } @media (min-width: 992px) { .headerElementSection_var560 .headerElementSectionInner { grid-template-columns:max-content 1fr 1fr 1fr 1fr 1fr; grid-template-rows:var(--gridTemplateRows); } .headerElementSection_var560 .headerElementSectionInner .headerAreaLogo { grid-column:1; grid-row:2; align-items:var(--alignAreaLogo); padding:16px 16px 16px 0; } .headerElementSection_var560 .headerElementSectionInner .headerAreaNavigation { grid-column:2 / 6; grid-row:2; align-items:var(--alignAreaNavigation); justify-content:var(--justifyAreaNavigation); } .headerElementSection_var560 .headerElementSectionInner .headerAreaMeta { grid-column:6; grid-row:2; align-items:var(--alignAreaMeta); justify-content:end; } .headerElementSection_var560 .headerElementSectionInner .headerAreaMeta2 { grid-column:2 / 7; grid-row:1; align-items:center; justify-content:right; } } .headerElementSection_var600 { --gridTemplateRows:1fr 48px; --alignAreaLogo:center; --justifyAreaLogo:no; --alignAreaNavigation:center; --justifyAreaNavigation:left; --alignAreaMeta:no; --justifyAreaMeta:no; position:relative; padding:0 0 0 1rem; background:var(--background); } .headerElementSection_var600.headerElementSectionHeight_var96_48 { --gridTemplateRows:96px 48px; } .headerElementSection_var600.headerElementSectionLogoAlign_var20 { --alignAreaLogo:start; } .headerElementSection_var600.headerElementSectionLogoAlign_var50 { --alignAreaLogo:center; } .headerElementSection_var600.headerElementSectionLogoAlign_var80 { --alignAreaLogo:end; } .headerElementSection_var600.headerElementSectionLogoJustify_var20 { --justifyAreaLogo:left; } .headerElementSection_var600.headerElementSectionLogoJustify_var50 { --justifyAreaLogo:center; } .headerElementSection_var600.headerElementSectionLogoustify_var80 { --justifyAreaLogo:right; } .headerElementSection_var600.headerElementSectionNavigationAlign_var20 { --alignAreaNavigation:start; } .headerElementSection_var600.headerElementSectionNavigationAlign_var50 { --alignAreaNavigation:center; } .headerElementSection_var600.headerElementSectionNavigationAlign_var80 { --alignAreaNavigation:end; } .headerElementSection_var600.headerElementSectionNavigationJustify_var20 { --justifyAreaNavigation:left; } .headerElementSection_var600.headerElementSectionNavigationJustify_var50 { --justifyAreaNavigation:center; } .headerElementSection_var600.headerElementSectionNavigationJustify_var80 { --justifyAreaNavigation:right; } .headerElementSection_var600.headerElementSectionMetaAlign_var20 { --alignAreaMeta:start; } .headerElementSection_var600.headerElementSectionMetaAlign_var50 { --alignAreaMeta:center; } .headerElementSection_var600.headerElementSectionMetaAlign_var80 { --alignAreaMeta:end; } .headerElementSection_var600.headerElementSectionMetaJustify_var20 { --justifyAreaMeta:start; } .headerElementSection_var600.headerElementSectionMetaJustify_var50 { --justifyAreaMeta:center; } .headerElementSection_var600.headerElementSectionMetaJustify_var80 { --justifyAreaMeta:end; } .headerElementSection_var600 .headerArea { display:flex; } .headerElementSection_var600 .headerArea > div { display:flex; position:relative; } .headerElementSection_var600 .headerAreaMeta3, .headerElementSection_var600 .headerAreaMeta4, .headerElementSection_var600 .headerAreaMeta5 { display:none; } .headerElementSection_var600 .headerElementSectionInner { display:grid; position:relative; width:100%; max-width:1200px; margin:0 auto; } @media (min-width: 576px) { .headerElementSection_var600 { padding:0 2rem; } } @media (min-width: 992px) { .headerElementSection_var600 { padding:0 4rem; } } @media (max-width: 991px) { .headerElementSection_var600 .headerElementSectionInner { grid-template-columns:max-content 1fr max-content; } .headerElementSection_var600 .headerElementSectionInner .headerAreaLogo { align-items:center; } .headerElementSection_var600 .headerElementSectionInner .headerAreaNavigation { grid-column:3; grid-row:1; align-items:center; justify-content:end; } .headerElementSection_var600 .headerElementSectionInner .headerAreaMeta { grid-column:2; grid-row:1; align-items:center; justify-content:end; } .headerElementSection_var600 .headerElementSectionInner .headerAreaMeta2 { display:none; } } @media (min-width: 992px) { .headerElementSection_var600 .headerElementSectionInner { grid-template-columns:max-content 1fr 1fr 1fr 1fr 1fr; grid-template-rows:var(--gridTemplateRows); } .headerElementSection_var600 .headerElementSectionInner .headerAreaLogo { grid-column:1; grid-row:1; align-items:var(--alignAreaLogo); padding:16px 16px 16px 0; } .headerElementSection_var600 .headerElementSectionInner .headerAreaNavigation { grid-column:1 / 6; grid-row:2; align-items:var(--alignAreaNavigation); justify-content:var(--justifyAreaNavigation); } .headerElementSection_var600 .headerElementSectionInner .headerAreaMeta { grid-column:6; grid-row:2; align-items:center; } .headerElementSection_var600 .headerElementSectionInner .headerAreaMeta > div { width:100%; justify-content:right; } .headerElementSection_var600 .headerElementSectionInner .headerAreaMeta2 { grid-column:2 / 7; grid-row:1; align-items:start; } .headerElementSection_var600 .headerElementSectionInner .headerAreaMeta2 > div { width:100%; height:48px; align-items:center; justify-content:right; } } .headerElementSection_var610 { --gridTemplateRows:1fr 1fr 48px; --alignAreaLogo:center; --justifyAreaLogo:no; --alignAreaNavigation:center; --justifyAreaNavigation:left; --alignAreaMeta:no; --justifyAreaMeta:no; position:relative; padding:0 0 0 1rem; background:var(--background); } .headerElementSection_var610.headerElementSectionHeight_var96_48 { --gridTemplateRows:96px 48px; } .headerElementSection_var610.headerElementSectionLogoAlign_var20 { --alignAreaLogo:start; } .headerElementSection_var610.headerElementSectionLogoAlign_var50 { --alignAreaLogo:center; } .headerElementSection_var610.headerElementSectionLogoAlign_var80 { --alignAreaLogo:end; } .headerElementSection_var610.headerElementSectionLogoJustify_var20 { --justifyAreaLogo:left; } .headerElementSection_var610.headerElementSectionLogoJustify_var50 { --justifyAreaLogo:center; } .headerElementSection_var610.headerElementSectionLogoustify_var80 { --justifyAreaLogo:right; } .headerElementSection_var610.headerElementSectionNavigationAlign_var20 { --alignAreaNavigation:start; } .headerElementSection_var610.headerElementSectionNavigationAlign_var50 { --alignAreaNavigation:center; } .headerElementSection_var610.headerElementSectionNavigationAlign_var80 { --alignAreaNavigation:end; } .headerElementSection_var610.headerElementSectionNavigationJustify_var20 { --justifyAreaNavigation:left; } .headerElementSection_var610.headerElementSectionNavigationJustify_var50 { --justifyAreaNavigation:center; } .headerElementSection_var610.headerElementSectionNavigationJustify_var80 { --justifyAreaNavigation:right; } .headerElementSection_var610.headerElementSectionMetaAlign_var20 { --alignAreaMeta:start; } .headerElementSection_var610.headerElementSectionMetaAlign_var50 { --alignAreaMeta:center; } .headerElementSection_var610.headerElementSectionMetaAlign_var80 { --alignAreaMeta:end; } .headerElementSection_var610.headerElementSectionMetaJustify_var20 { --justifyAreaMeta:start; } .headerElementSection_var610.headerElementSectionMetaJustify_var50 { --justifyAreaMeta:center; } .headerElementSection_var610.headerElementSectionMetaJustify_var80 { --justifyAreaMeta:end; } .headerElementSection_var610 .headerArea { display:flex; } .headerElementSection_var610 .headerArea > div { display:flex; position:relative; } .headerElementSection_var610 .headerAreaMeta3, .headerElementSection_var610 .headerAreaMeta4, .headerElementSection_var610 .headerAreaMeta5 { display:none; } .headerElementSection_var610 .headerElementSectionInner { display:grid; position:relative; width:100%; max-width:1200px; margin:0 auto; } @media (min-width: 576px) { .headerElementSection_var610 { padding:0 2rem; } } @media (min-width: 992px) { .headerElementSection_var610 { padding:0 4rem; } } @media (max-width: 991px) { .headerElementSection_var610 .headerElementSectionInner { grid-template-columns:max-content 1fr max-content; } .headerElementSection_var610 .headerElementSectionInner .headerAreaLogo { align-items:center; } .headerElementSection_var610 .headerElementSectionInner .headerAreaNavigation { grid-column:3; grid-row:1; align-items:center; justify-content:end; } .headerElementSection_var610 .headerElementSectionInner .headerAreaMeta { grid-column:2; grid-row:1; align-items:center; justify-content:end; } .headerElementSection_var610 .headerElementSectionInner .headerAreaMeta2 { display:none; } } @media (min-width: 992px) { .headerElementSection_var610 .headerElementSectionInner { grid-template-columns:max-content 1fr 1fr 1fr 1fr 1fr; grid-template-rows:var(--gridTemplateRows); } .headerElementSection_var610 .headerElementSectionInner .headerAreaLogo { grid-column:1; grid-row:1 / 3; align-items:var(--alignAreaLogo); padding:16px 16px 16px 0; } .headerElementSection_var610 .headerElementSectionInner .headerAreaNavigation { grid-column:1 / 7; grid-row:3; align-items:var(--alignAreaNavigation); justify-content:var(--justifyAreaNavigation); } .headerElementSection_var610 .headerElementSectionInner .headerAreaMeta { grid-column:2 / 7; grid-row:1; align-items:center; } .headerElementSection_var610 .headerElementSectionInner .headerAreaMeta > div { width:100%; justify-content:right; } .headerElementSection_var610 .headerElementSectionInner .headerAreaMeta2 { grid-column:2 / 7; grid-row:2; align-items:start; } .headerElementSection_var610 .headerElementSectionInner .headerAreaMeta2 > div { width:100%; height:48px; align-items:center; justify-content:right; } } .headerElementSection_var650 { --gridTemplateRows:1fr 48px; --alignAreaLogo:center; --justifyAreaLogo:no; --alignAreaNavigation:no; --justifyAreaNavigation:center; --alignAreaMeta:center; --justifyAreaMeta:no; position:relative; padding:0 0 0 1rem; background:var(--background); } .headerElementSection_var650.headerElementSectionHeight_var96_48 { --gridTemplateRows:96px 48px; } .headerElementSection_var650.headerElementSectionLogoAlign_var20 { --alignAreaLogo:start; } .headerElementSection_var650.headerElementSectionLogoAlign_var50 { --alignAreaLogo:center; } .headerElementSection_var650.headerElementSectionLogoAlign_var80 { --alignAreaLogo:end; } .headerElementSection_var650.headerElementSectionLogoJustify_var20 { --justifyAreaLogo:left; } .headerElementSection_var650.headerElementSectionLogoJustify_var50 { --justifyAreaLogo:center; } .headerElementSection_var650.headerElementSectionLogoustify_var80 { --justifyAreaLogo:right; } .headerElementSection_var650.headerElementSectionNavigationAlign_var20 { --alignAreaNavigation:start; } .headerElementSection_var650.headerElementSectionNavigationAlign_var50 { --alignAreaNavigation:center; } .headerElementSection_var650.headerElementSectionNavigationAlign_var80 { --alignAreaNavigation:end; } .headerElementSection_var650.headerElementSectionNavigationJustify_var20 { --justifyAreaNavigation:left; } .headerElementSection_var650.headerElementSectionNavigationJustify_var50 { --justifyAreaNavigation:center; } .headerElementSection_var650.headerElementSectionNavigationJustify_var80 { --justifyAreaNavigation:right; } .headerElementSection_var650.headerElementSectionMetaAlign_var20 { --alignAreaMeta:start; } .headerElementSection_var650.headerElementSectionMetaAlign_var50 { --alignAreaMeta:center; } .headerElementSection_var650.headerElementSectionMetaAlign_var80 { --alignAreaMeta:end; } .headerElementSection_var650.headerElementSectionMetaJustify_var20 { --justifyAreaMeta:start; } .headerElementSection_var650.headerElementSectionMetaJustify_var50 { --justifyAreaMeta:center; } .headerElementSection_var650.headerElementSectionMetaJustify_var80 { --justifyAreaMeta:end; } .headerElementSection_var650 .headerArea { display:flex; } .headerElementSection_var650 .headerArea > div { display:flex; position:relative; } .headerElementSection_var650 .headerAreaMeta2, .headerElementSection_var650 .headerAreaMeta3, .headerElementSection_var650 .headerAreaMeta4, .headerElementSection_var650 .headerAreaMeta5 { display:none; } .headerElementSection_var650 .headerElementSectionInner { display:grid; position:relative; width:100%; max-width:1200px; margin:0 auto; } @media (min-width: 576px) { .headerElementSection_var650 { padding:0 2rem; } } @media (min-width: 992px) { .headerElementSection_var650 { padding:0 4rem; } } @media (max-width: 991px) { .headerElementSection_var650 .headerElementSectionInner { grid-template-columns:max-content 1fr max-content; } .headerElementSection_var650 .headerElementSectionInner .headerAreaLogo { align-items:center; } .headerElementSection_var650 .headerElementSectionInner .headerAreaNavigation { grid-column:3; grid-row:1; align-items:center; justify-content:end; } .headerElementSection_var650 .headerElementSectionInner .headerAreaMeta { grid-column:2; grid-row:1; align-items:center; justify-content:end; } } @media (min-width: 992px) { .headerElementSection_var650 .headerElementSectionInner { grid-template-columns:max-content 1fr max-content; grid-template-rows:var(--gridTemplateRows); } .headerElementSection_var650 .headerElementSectionInner .headerAreaLogo { grid-column:1 / 3; grid-row:1; align-items:var(--alignAreaLogo); justify-content:center; padding:16px 0; } .headerElementSection_var650 .headerElementSectionInner .headerAreaNavigation { grid-column:1 / 3; grid-row:2; align-items:end; justify-content:var(--justifyAreaNavigation); } .headerElementSection_var650 .headerElementSectionInner .headerAreaMeta { grid-column:2 / 3; grid-row:1; align-items:var(--alignAreaMeta); justify-content:end; } } .headerElementSection_var800 { --alignAreaLogo:center; --justifyAreaLogo:no; --alignAreaNavigation:center; --justifyAreaNavigation:right; --alignAreaMeta:center; --justifyAreaMeta:no; position:relative; background:var(--background); } .headerElementSection_var800.headerElementSectionLogoAlign_var20 { --alignAreaLogo:start; } .headerElementSection_var800.headerElementSectionLogoAlign_var50 { --alignAreaLogo:center; } .headerElementSection_var800.headerElementSectionLogoAlign_var80 { --alignAreaLogo:end; } .headerElementSection_var800.headerElementSectionLogoJustify_var20 { --justifyAreaLogo:left; } .headerElementSection_var800.headerElementSectionLogoJustify_var50 { --justifyAreaLogo:center; } .headerElementSection_var800.headerElementSectionLogoustify_var80 { --justifyAreaLogo:right; } .headerElementSection_var800.headerElementSectionNavigationAlign_var20 { --alignAreaNavigation:start; } .headerElementSection_var800.headerElementSectionNavigationAlign_var50 { --alignAreaNavigation:center; } .headerElementSection_var800.headerElementSectionNavigationAlign_var80 { --alignAreaNavigation:end; } .headerElementSection_var800.headerElementSectionNavigationJustify_var20 { --justifyAreaNavigation:left; } .headerElementSection_var800.headerElementSectionNavigationJustify_var50 { --justifyAreaNavigation:center; } .headerElementSection_var800.headerElementSectionNavigationJustify_var80 { --justifyAreaNavigation:right; } .headerElementSection_var800.headerElementSectionMetaAlign_var20 { --alignAreaMeta:start; } .headerElementSection_var800.headerElementSectionMetaAlign_var50 { --alignAreaMeta:center; } .headerElementSection_var800.headerElementSectionMetaAlign_var80 { --alignAreaMeta:end; } .headerElementSection_var800.headerElementSectionMetaJustify_var20 { --justifyAreaMeta:start; } .headerElementSection_var800.headerElementSectionMetaJustify_var50 { --justifyAreaMeta:center; } .headerElementSection_var800.headerElementSectionMetaJustify_var80 { --justifyAreaMeta:end; } @media (max-width: 991px) { .headerElementSection_var800 { padding:0 0 0 1rem; } .headerElementSection_var800 .headerArea { display:flex; } .headerElementSection_var800 .headerArea > div { display:flex; position:relative; } .headerElementSection_var800 .headerElementSectionInner { display:grid; position:relative; width:100%; max-width:1200px; min-height:48px; margin:0 auto; padding:0 1rem 0 2rem; grid-template-columns:max-content 1fr max-content; } .headerElementSection_var800 .headerElementSectionInner .headerAreaLogo { align-items:center; } .headerElementSection_var800 .headerElementSectionInner .headerAreaNavigation { align-items:center; justify-content:end; } .headerElementSection_var800 .headerElementSectionInner .headerAreaMeta { display:none; } .headerElementSection_var800 .headerElementSectionInner .headerAreaMeta2, .headerElementSection_var800 .headerElementSectionInner .headerAreaMeta3, .headerElementSection_var800 .headerElementSectionInner .headerAreaMeta4, .headerElementSection_var800 .headerElementSectionInner .headerAreaMeta5 { display:none; } } @media (min-width: 992px) { .headerElementSection_var800 { height:100vh; overflow-y:auto; -ms-overflow-style:none; scrollbar-width:none; } .headerElementSection_var800 .headerArea { display:flex; flex-direction:column; } .headerElementSection_var800 .headerArea > div { display:flex; flex-direction:column; position:relative; } .headerElementSection_var800 .headerElementSectionInner { display:flex; flex-direction:column; height:100%; padding:2rem 2rem; } .headerElementSection_var800 .headerElementSectionInner .headerAreaLogo { padding:0 0 2rem 0; } .headerElementSection_var800 .headerElementSectionInner .headerAreaNavigation { padding:0 0 1rem 0; flex:1; } .headerElementSection_var800 .headerElementSectionInner .headerAreaMeta { padding:0 0; } .headerElementSection_var800 .headerElementSectionInner .headerAreaMeta2, .headerElementSection_var800 .headerElementSectionInner .headerAreaMeta3, .headerElementSection_var800 .headerElementSectionInner .headerAreaMeta4, .headerElementSection_var800 .headerElementSectionInner .headerAreaMeta5 { display:none; } } .headerElementSectionBackground_var0 { --background:transparent; } .headerElementSectionBackground_var5 { --backgroundColor:var(--baseColorLight); --background:var(--backgroundColor); } @media (prefers-contrast:more) { .headerElementSectionBackground_var5 { --backgroundColor:var(--baseColorWhite); } } @media (min-width: 992px) { .headerElementSectionBackground_var5 { --background:transparent; } } .headerElementSectionBackground_var10 { --backgroundColor:var(--baseColorLight); --background:var(--backgroundColor); } @media (prefers-contrast:more) { .headerElementSectionBackground_var10 { --backgroundColor:var(--baseColorWhite); } } .headerElementSectionBackground_var50 { --background:var(--backgroundColor); } @media (min-width: 992px) { .headerElementSectionBackground_var50 { --background:var(--backgroundColor2); } } .headerElementSectionBackground_var500 { --heightBarTop:48px; --backgroundColor2:var(--baseColorLight); --backgroundColor:var(--baseColorWhite); } .headerElementSectionBackground_var500.headerElementSectionBackgroundHeightTop_var32 { --heightBarTop:32px; } .headerElementSectionBackground_var500.headerElementSectionBackgroundHeightTop_var40 { --heightBarTop:40px; } .headerElementSectionBackground_var500.headerElementSectionBackgroundHeightTop_var48 { --heightBarTop:48px; } @media (min-width: 992px) { .headerElementSectionBackground_var500 { --background:linear-gradient(180deg,var(--backgroundColor2) 0,var(--backgroundColor2) var(--heightBarTop),var(--backgroundColor) var(--heightBarTop)); } } .headerElementSectionBackground_var510 { --heightBarBottom:48px; --backgroundColor2:var(--baseColorLight); --backgroundColor:var(--baseColorWhite); } .headerElementSectionBackground_var510.headerElementSectionBackgroundHeightBottom_var32 { --heightBarBottom:32px; } .headerElementSectionBackground_var510.headerElementSectionBackgroundHeightBottom_var40 { --heightBarTop:40px; } .headerElementSectionBackground_var510.headerElementSectionBackgroundHeightBottom_var48 { --heightBarBottom:48px; } @media (min-width: 992px) { .headerElementSectionBackground_var510 { --background:linear-gradient(0deg,var(--backgroundColor2) 0,var(--backgroundColor2) var(--heightBarBottom),var(--backgroundColor) var(--heightBarBottom)); } } .headerElementSectionBorder_var10 { border-bottom:solid 1px var(--baseColorDark); } .headerElementSectionBorder_var20 { border-bottom:solid 1px var(--baseColorPrimary1); } .headerElementSectionBorder_var30 { border-bottom:solid 1px var(--baseColorPrimary2); } .headerElementSectionBorder_var300 { box-shadow:0 0 16px #0000001a; } .headerElementSectionBackgroundColor_var0 { --backgroundColor:var(--backgroundColorHeader); } .headerElementSectionBackgroundColor_var10 { --backgroundColor:var(--baseColorWhite); } .headerElementSectionBackgroundColor_var20 { --backgroundColor:var(--baseColorLighter); } @media (prefers-contrast:more) { .headerElementSectionBackgroundColor_var20 { --backgroundColor:var(--baseColorWhite); } } .headerElementSectionBackgroundColor_var30 { --backgroundColor:var(--baseColorLight); } @media (prefers-contrast:more) { .headerElementSectionBackgroundColor_var30 { --backgroundColor:var(--baseColorWhite); } } .headerElementSectionBackgroundColor_var40 { --backgroundColor:var(--baseColorDark); } @media (prefers-contrast:more) { .headerElementSectionBackgroundColor_var40 { --backgroundColor:var(--baseColorDarker); } } .headerElementSectionBackgroundColor_var50 { --backgroundColor:var(--baseColorDarker); } .headerElementSectionBackgroundColor_var91 { --backgroundColor:var(--baseColorPrimary1); } .headerElementSectionBackgroundColor_var92 { --backgroundColor:var(--baseColorPrimary2); } .headerElementSectionBackgroundColor2_var10 { --backgroundColor2:var(--baseColorWhite); } .headerElementSectionBackgroundColor2_var20 { --backgroundColor2:var(--baseColorLight); } @media (prefers-contrast:more) { .headerElementSectionBackgroundColor2_var20 { --backgroundColor:var(--baseColorWhite); } } .headerElementSectionBackgroundColor2_var30 { --backgroundColor2:var(--baseColorDark); } @media (prefers-contrast:more) { .headerElementSectionBackgroundColor2_var30 { --backgroundColor:var(--baseColorDarker); } } .headerElementSectionBackgroundColor2_var40 { --backgroundColor2:var(--baseColorDarker); } @media (prefers-contrast:more) { .headerElementSectionBackgroundColor2_var40 { --backgroundColor:var(--baseColorBlack); } } .headerElementSectionBackgroundColor2_var91 { --backgroundColor2:var(--baseColorPrimary1); } .headerElementSectionBackgroundColor2_var92 { --backgroundColor2:var(--baseColorPrimary2); } .headerElementSocialButton { position:relative; display:flex; align-items:center; height:var(--heightElementEntry); } .headerElementSocialButton .socialButton { display:inline-block; } .headerElementSocialButton .socialIcon { display:none; } .headerElementSocialButton_var0 { --buttonSize:40px; --borderRadius:inherit; } .headerElementSocialButton_var0:first-child:last-child { margin-right:0 !important; } .headerElementSocialButton_var0 .socialButton { background:none !important; } .headerElementSocialButton_var0 .socialButton .socialIcon { display:inline-block; width:var(--buttonSize); height:var(--buttonSize); background-image:url("/kranenburg-wGlobal/wGlobal/layout/images/social-icons/optimized/social-icons@fill(444444).svg"); background-size:1000%; background-repeat:no-repeat; background-color:transparent !important; border-radius:var(--borderRadius); } .headerElementSocialButton_var10 { --buttonSize:40px; --borderRadius:inherit; } .headerElementSocialButton_var10:first-child:last-child { margin-right:0 !important; } .headerElementSocialButton_var10 .socialButton .socialIcon { display:inline-block; width:var(--buttonSize); height:var(--buttonSize); background-image:url("/kranenburg-wGlobal/wGlobal/layout/images/social-icons/optimized/social-icons@fill(444444).svg"); background-size:1000%; background-repeat:no-repeat; border-radius:var(--borderRadius); } .headerElementSocialButtonType_varFacebook .socialButton .socialIcon { background-color:#147af6; background-position:0 0; } .headerElementSocialButtonType_varTwitter .socialButton .socialIcon { background-color:#1d9bf0; background-position:11.11% 0; } .headerElementSocialButtonType_varThreads .socialButton .socialIcon { background-color:#000000; background-position:22.22% 22.22%; } .headerElementSocialButtonType_varGoogle .socialButton .socialIcon { background-color:#DD4B39; background-position:22.22% 0; } .headerElementSocialButtonType_varPinterest .socialButton .socialIcon { background-color:#BD081C; background-position:33.33% 0; } .headerElementSocialButtonType_varRSS .socialButton .socialIcon { background-color:#FFA500; background-position:44.44% 0; } .headerElementSocialButtonType_varMail .socialButton .socialIcon { background-color:#A0A0A0; background-position:55.55% 0; } .headerElementSocialButtonType_varEncryptedInbox .socialButton .socialIcon { background-color:#A9D819; background-position:66.66% 11.11%; } .headerElementSocialButtonType_varVimeo .socialButton .socialIcon { background-color:#00ADEF; background-position:77.77% 0%; } .headerElementSocialButtonType_varTelegram .socialButton .socialIcon { background-color:#36abe0; background-position:88.88% 11.11%; } .headerElementSocialButtonType_varWhatsapp .socialButton .socialIcon { background-color:#25D366; background-position:66.66% 0%; } .headerElementSocialButtonType_varInstagram .socialButton { background:linear-gradient(45deg,#fdbf1c 0,#b800b2 100%) no-repeat; } .headerElementSocialButtonType_varInstagram .socialButton .socialIcon { background-position:0 11.11%; } .headerElementSocialButtonType_varTiktok .socialButton .socialIcon { background-color:#fe2c55; background-position:88.88% 0; } .headerElementSocialButtonType_varYoutube .socialButton .socialIcon { background-color:#CD201F; background-position:11.11% 11.11%; } .headerElementSocialButtonType_varSpotify .socialIcon { background-color:#1ed760; background-position:99.99% 11.11%; } .headerElementSocialButtonType_varMusic .socialIcon { background-color:#f74e65; background-position:0% 22.22%; } .headerElementSocialButtonType_varLinkedIn .socialButton .socialIcon { background-color:#007BB6; background-position:22.22% 11.11%; } .headerElementSocialButtonType_varTumblr .socialButton .socialIcon { background-color:#34465D; background-position:33.33% 11.11%; } .headerElementSocialButtonType_varXing .socialButton .socialIcon { background-color:#00605E; background-position:44.44% 11.11%; } .headerElementSocialButtonType_varFlickr .socialButton .socialIcon { background-color:#ff0084; background-position:99.99% 0%; } .headerElementSocialButtonType_varMastodon .socialButton .socialIcon { background-color:#563acc; background-position:33.33% 22.22%; } .headerElementSocialButtonType_varKununu .socialButton .socialIcon { background-color:#102b69; background-position:44.44% 22.22%; } .headerElementSocialButtonType_varTel .socialButton .socialIcon { background-color:#9B2424; background-position:55.55% 11.11%; } .headerElementSocialButtonType_varMobile .socialButton .socialIcon { background-color:#9B2424; background-position:77.77% 11.11%; } .headerElementSocialButtonType_varMap .socialButton .socialIcon { background-color:#3992F0; background-position:11.11% 22.22%; } .headerElementSocialButtonSize_var20 { --buttonSize:32px; } .headerElementSocialButtonSize_var80 { --buttonSize:48px; } .headerElementSocialButtonColor_var0 .socialButton .socialIcon { background-image:url("/kranenburg-wGlobal/wGlobal/layout/images/social-icons/optimized/social-icons@fill(000000).svg"); } .headerElementSocialButtonColor_var10 .socialButton .socialIcon { background-image:url("/kranenburg-wGlobal/wGlobal/layout/images/social-icons/optimized/social-icons@fill(FFFFFF).svg"); } .headerElementSocialButtonColor_var20 .socialButton .socialIcon { background-image:url("/kranenburg-wGlobal/wGlobal/layout/images/social-icons/optimized/social-icons@fill(6D6D6D).svg"); } @media (prefers-contrast:more) { .headerElementSocialButtonColor_var20 .socialButton .socialIcon { filter:grayscale(1) contrast(100); } } .headerElementSocialButtonColor_var91 .socialButton .socialIcon { background-image:url("/kranenburg-wGlobal/wGlobal/layout/images/social-icons/optimized/social-icons@fill(00a3cc).svg"); } @media (prefers-contrast:more) { .headerElementSocialButtonColor_var91 .socialButton .socialIcon { filter:grayscale(1) contrast(100); } } .headerElementSocialButtonColor_var92 .socialButton .socialIcon { background-image:url("/kranenburg-wGlobal/wGlobal/layout/images/social-icons/optimized/social-icons@fill(ef7c3d).svg"); } @media (prefers-contrast:more) { .headerElementSocialButtonColor_var92 .socialButton .socialIcon { filter:grayscale(1) contrast(100); } } .headerElementSocialButtonBorderRadius_var10 { --borderRadius:0px; } .headerElementSocialButtonBorderRadius_var20 { --borderRadius:20px; } .headerElementWaiButton { position:relative; display:flex; align-items:center; height:var(--heightElementEntry); } .headerElementWaiButton .wAiButton { height:32px; width:32px; margin-right:4px; background:#ffffff; background-image:url('/kranenburg-wGlobal/wGlobal/layout/images/icons/optimized/accessibility.svg'); background-repeat:no-repeat; background-position:center; border:solid 2px #000000; border-radius:32px; cursor:pointer; } .headerElementWaiButton .wAiButton.hasMadeSelection { filter:invert(1); } .headerElementWaiButton_var20 .wAiButton { border:none; border-radius:8px; box-shadow:0 0 10px rgba(0,0,0,0.1); } .headerElementWaiButtonType_varFontSize .wAiButton { background-image:url('/kranenburg-wGlobal/wGlobal/layout/images/icons/optimized/waiFontSize.svg'); } .waFontSize-l .headerElementWaiButtonType_varFontSize .wAiButton, .waFontSize-xl .headerElementWaiButtonType_varFontSize .wAiButton { filter:invert(1); } .headerElementWaiButtonType_varContrast .wAiButton { background-image:url('/kranenburg-wGlobal/wGlobal/layout/images/icons/optimized/waiContrast.svg'); } .waContrast-l .headerElementWaiButtonType_varContrast .wAiButton { filter:invert(1); } .headerElementWaiButtonType_varDarkMode .wAiButton { background-image:url('/kranenburg-wGlobal/wGlobal/layout/images/icons/optimized/waiDarkMode.svg'); } .waDarkMode-1 .headerElementWaiButtonType_varDarkMode .wAiButton { filter:invert(1); } .headerElementWaiButtonType_varHideImages .wAiButton { background-image:url('/kranenburg-wGlobal/wGlobal/layout/images/icons/optimized/waiHideImages.svg'); } .waHideImages .headerElementWaiButtonType_varHideImages .wAiButton { filter:invert(1); } .headerElementWaiButtonType_varAvoidAnimations .wAiButton { background-image:url('/kranenburg-wGlobal/wGlobal/layout/images/icons/optimized/waiAvoidAnimations.svg'); } .waAvoidAnimations .headerElementWaiButtonType_varAvoidAnimations .wAiButton { filter:invert(1); } .headerElementWaiButtonType_varEasyLanguage .wAiButton { background-image:url('/kranenburg-wGlobal/wGlobal/layout/images/icons/optimized/waiEasyLanguage.svg'); } .wEasyLanguageMode .headerElementWaiButtonType_varEasyLanguage .wAiButton { filter:invert(1); } .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('/kranenburg-wGlobal/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:solid 1px var(--baseColorBlack); } .headerElementWaiMenu .wAiIconLabel { cursor:pointer; font-size:0.9rem; padding:0 0.3rem; } .headerElementWaiMenu #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; } .headerElementWaiMenu #wAiMenu.open { right:16px; box-shadow:0 0 12px #0004; } .headerElementWaiMenu .wAiMenuTitle { padding:12px 16px; font-size:24px; font-weight:bold; background:#000000; color:#ffffff; } .headerElementWaiMenu .wAiMenuCloser { cursor:pointer; position:absolute; right:16px; top:12px; width:24px; height:24px; } .headerElementWaiMenu .wAiMenuCloser:before, .headerElementWaiMenu .wAiMenuCloser:after { content:''; position:absolute; margin-top:11px; display:block; width:24px; height:3px; background-color:#ffffff; transform:rotate(45deg); } .headerElementWaiMenu .wAiMenuCloser:after { transform:rotate(-45deg); } .headerElementWaiMenu .wAiSection { border-top:solid 1px #000000; } .headerElementWaiMenu .wAiSectionHeader { padding:12px 16px; font-weight:bold; } .headerElementWaiMenu .wAiSectionContent { padding:0 16px 12px 16px; } .headerElementWaiMenu .wAiRangeSelector .wAiRangeLabels { display:flex; justify-content:space-between; } .headerElementWaiMenu .wAiRangeSelection { display:flex; } .headerElementWaiMenu .wAiRangeSelection > span { cursor:pointer; border:solid 2px #000000; padding:4px 10px; border-radius:32px; margin-left:6px; } .headerElementWaiMenu .wAiRangeSelection > span:first-child { margin-left:0; } .headerElementWaiMenu .wAiRangeSelection > span.wAiRangeSelected, .headerElementWaiMenu .wAiRangeSelection > span:hover { color:#ffffff; background:#000000; } .headerElementWaiMenu .wAiRangeSelection > span:focus { outline:solid 4px #000000; } .headerElementWaiMenu .wAiReader .wAiReaderStartReading, .headerElementWaiMenu .wAiReader .wAiReaderPauseReading, .headerElementWaiMenu .wAiReader .wAiReaderStopReading { display:inline-block; cursor:pointer; border:solid 2px #000000; padding:6px 10px; border-radius:32px; } .headerElementWaiMenu .wAiReader .wAiReaderStartReading:focus, .headerElementWaiMenu .wAiReader .wAiReaderPauseReading:focus, .headerElementWaiMenu .wAiReader .wAiReaderStopReading:focus { outline:solid 4px #000000; } .headerElementWaiMenu .wAiReader .wAiReaderPauseReading, .headerElementWaiMenu .wAiReader .wAiReaderStopReading { display:none; } .headerElementWaiMenu .wAiReader.isReading .wAiReaderStartReading { display:none; } .headerElementWaiMenu .wAiReader.isReading .wAiReaderPauseReading, .headerElementWaiMenu .wAiReader.isReading .wAiReaderStopReading { display:inline-block; } .headerElementWaiMenu .wAiReader.isReading .wAiReaderStopReading { margin-left:6px; background:#cc0000; color:#ffffff; } .headerElementWaiMenu .wAiVendorInfo { cursor:pointer; font-size:12px; font-weight:bold; margin-bottom:-4px; } @media only screen and (max-width: 376px) { .headerElementWaiMenu #wAiMenu.open { right:0; } } .headerElementWaiMenu_var0 .wAiSection .wAiSectionHeader { position:relative; padding-left:48px; } .headerElementWaiMenu_var0 .wAiSection .wAiSectionHeader:before { position:absolute; content:''; display:inline-block; width:24px; height:24px; left:16px; border:solid 2px #000000; border-radius:24px; } .headerElementWaiMenu_var0 .wAiSectionFontSize .wAiSectionHeader:before { background-image:url('/kranenburg-wGlobal/wGlobal/layout/images/icons/optimized/waiFontSize.svg'); } .headerElementWaiMenu_var0 .wAiSectionContrast .wAiSectionHeader:before { background-image:url('/kranenburg-wGlobal/wGlobal/layout/images/icons/optimized/waiContrast.svg'); } .headerElementWaiMenu_var0 .wAiSectionDarkMode .wAiSectionHeader:before { background-image:url('/kranenburg-wGlobal/wGlobal/layout/images/icons/optimized/waiDarkMode.svg'); } .headerElementWaiMenu_var0 .wAiSectionHideImages .wAiSectionHeader:before { background-image:url('/kranenburg-wGlobal/wGlobal/layout/images/icons/optimized/waiHideImages.svg'); } .headerElementWaiMenu_var0 .wAiSectionAvoidAnimations .wAiSectionHeader:before { background-image:url('/kranenburg-wGlobal/wGlobal/layout/images/icons/optimized/waiAvoidAnimations.svg'); } .headerElementWaiMenu_var0 .wAiSectionEasyLanguage .wAiSectionHeader:before { background-image:url('/kranenburg-wGlobal/wGlobal/layout/images/icons/optimized/waiEasyLanguage.svg'); } .headerElementWaiMenu_var0 .wAiSectionPageReader .wAiSectionHeader:before { background-image:url('/kranenburg-wGlobal/wGlobal/layout/images/icons/optimized/waiPageReader.svg'); } 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:18px; } html.zoom-l { font-size:23.4px; } } @media only screen and (min-width: 1200px) { html { font-size:18px; } html.zoom-l { font-size:23.4px; } } body { margin:0; padding:0; font-family:OpenSans, Arial, Helvetica, Sans-serif; font-size:1rem; line-height:130%; color:var(--fontColorDefault); background:var(--backgroundColorBody); -webkit-tap-highlight-color:transparent; } body.bodyBlank { background:none; background-color:transparent; } .weditor.ios body { background:none; } #skiplinks .skiplink { display:block; position:fixed; left:-9999px; width:100vw; background-color:#f0f0f0; color:#000000; z-index:10000; text-align:center; } #skiplinks .skiplink:focus { left:0; } @media only screen and (min-width: 992px) { #blockPage { margin-top:0; margin-bottom:0; } } #blockBody { background: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 > .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 > .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 > .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 > .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:163%; 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.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:#F0F0F0; margin-top:0px; transition:margin 0.2s ease-in-out, background 0.2s ease-in-out; } .scrolldirection-down.page_var500 #blockHeader { background:#F0F0F0; margin-top:-48px !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.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:-96px !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; } .description { font-weight:bold; } p.small { --fontSize:0.7rem; --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_var40 div.form div.formElementInputUpload:not(.formElementHideLabel):after, .elementForm_var40 div.form div.formElementInputCheckbox:not(.formElementHideLabel):after, .elementForm_var40 div.form div.formElementInputRadio:not(.formElementHideLabel):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 { 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 #00a3cc; } 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, .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:calc(100% + 2rem) !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_var52 { box-shadow:0 2px 16px -2px rgba(0,0,0,0.2); } .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; } } .no-weditor .elementBoxMargin_var410 { --marginSize:1rem; --marginSizeFull:2rem; } .no-weditor .elementBoxMargin_var410.elementBoxZindex_var1 { z-index:1; } .no-weditor .elementBoxMargin_var410.elementBoxZindex_var10 { z-index:10; } .no-weditor .elementBoxMargin_var410.elementBoxMarginSize_vars { --marginSize:0.5rem; --marginSizeFull:1rem; } .no-weditor .elementBoxMargin_var410.elementBoxMarginSize_varl { --marginSize:2rem; --marginSizeFull:4rem; } .no-weditor .elementBoxMargin_var410.elementBoxMarginSize_varxl { --marginSize:3rem; --marginSizeFull:6rem; } @media (min-width: 768px) { .no-weditor .elementBoxMargin_var410 { transform:translateY(calc(-1 * var(--marginSize))); } } @media (min-width: 992px) { .no-weditor .elementBoxMargin_var410 { transform:translateY(calc(-1 * var(--marginSizeFull))); } } .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, 163, 204; background-color:var(--backgroundColor); --fontColor:var(--fontColorInverseDefault); --linkColor:var(--fontColorInverseLink); } .elementBoxBackgroundColor_var91 { --backgroundColorOrigin:var(--baseColorPrimary1); --backgroundColorRgb:0, 163, 204; --backgroundColor:var(--baseColorPrimary1); background-color:var(--backgroundColor); --fontColor:var(--fontColorInverseDefault); --linkColor:var(--fontColorInverseLink); } .elementBoxBackgroundColor_var91.elementBoxBackgroundOpacity_var50 { --backgroundColor:rgba(0,163,204,0.5); } .elementBoxBackgroundColor_var91.elementBoxBackgroundBlur_var8 { backdrop-filter:blur(8px); } .elementBoxBackgroundColor_var92 { --backgroundColorOrigin:var(--baseColorPrimary2); --backgroundColorRgb:239, 124, 61; --backgroundColor:var(--baseColorPrimary2); background-color:var(--backgroundColor); --fontColor:var(--fontColorInverseDefault); --linkColor:var(--fontColorInverseLink); } .elementBoxBackgroundColor_var92.elementBoxBackgroundOpacity_var50 { --backgroundColor:rgba(239,124,61,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); } .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); } .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); } .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); } .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); } .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); } .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; } .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("/kranenburg-wGlobal/wGlobal/layout/images/icons/optimized/select-opener@stroke(bbbbbb).svg"); background-repeat:no-repeat; background-position:right center; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; appearance:none; } .elementCategoryFilterList select:-moz-focusring { color:transparent; text-shadow:0 0 0 #000; } .elementCategoryFilterList select::-ms-expand { display:none; } .elementCategoryFilterList .quickfilterButtons { line-height:24px; margin:0 0 10px 0; } .elementCategoryFilterList .quickfilterButtons span { display:block; float:left; text-align:center; white-space:nowrap; cursor:pointer; margin:0 8px 8px 0; } .elementCategoryFilterList .quickfilterCheckboxes { float:left; padding:0.2rem 0; } .elementCategoryFilterList .quickfilterCheckboxes .quickfilterCheckbox { float:left; 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; } .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; } .elementContainerStandard_var1 { display:flex; flex-wrap:wrap; flex-direction:row; } .elementContainerStandard_var1 > .col > div { flex-grow:1; display:flex; flex-direction:column; } .elementContainerStandard_var1 > .col > div > .elementBox { position:relative; flex-grow:1; display:flex; flex-direction:column; } .elementContainerStandard_var1 > .col > div > .elementBox > * { -ms-flex:0 0 auto; } .elementContainerStandard_var1 > .col > div > .elementBox > *:last-child { flex-grow:1; } .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_var0 { margin-left:0; margin-right:0; } .elementContainerStandardPadding_var0 > .col { padding:0 0; } } @media (min-width: 992px) { .elementContainerStandardPadding_var0 { margin-left:0; margin-right:0; } .elementContainerStandardPadding_var0 > .col { padding:0 0; } } @media (min-width: 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.3rem; 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("/kranenburg-wGlobal/wGlobal/layout/images/loading/optimized/calendar@fill(bbbbbb).svg"); background-size:16px; background-repeat:no-repeat; background-position:right 5px center; } .pagestatus-loaded input.wglDatepicker { cursor:pointer; pointer-events:inherit; background-image:url("/kranenburg-wGlobal/wGlobal/layout/images/icons/optimized/calendar@stroke(bbbbbb).svg"); } .no-js input.wglDatepicker { background-image:none; background-size:unset; background-repeat:unset; background-position:unset; } input.wglTime { width: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); } 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); } 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 { padding:1rem 1rem 0.5rem 1rem; position:absolute; 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("/kranenburg-wGlobal/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 .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("/kranenburg-wGlobal/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 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:#00a3cc; cursor:not-allowed; pointer-events:auto; } form[data-hasinputsinvalid='1'] .buttonSubmit:hover { opacity:0.5; background-color:#00a3cc; } 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; } .elementForm_var40 div.form { margin:0; padding:0; } .elementForm_var40 div.form div.formElement { clear:both; } .elementForm_var40 div.form div.formElementInput > div:first-child { display:block; position:absolute; margin:1px 0 0 1px; padding:1.2rem 0 0 0; width:100%; transition:padding 0.3s ease-in-out; color:var(--baseColorDark); pointer-events:none; } .elementForm_var40 div.form div.formElementInput > div:first-child label { margin:0 !important; padding:0 0 0 calc(0.8rem + 1%) !important; } .elementForm_var40 div.form div.formElementInput > div:first-child label:first-child { padding:0 0 0 0.8rem !important; } .elementForm_var40 div.form div.formElementInputUpload:not(.formElementHideLabel), .elementForm_var40 div.form div.formElementInputCheckbox:not(.formElementHideLabel), .elementForm_var40 div.form div.formElementInputRadio:not(.formElementHideLabel) { margin-top:3rem; } .elementForm_var40 div.form div.formElementInputUpload:not(.formElementHideLabel) > div:first-child, .elementForm_var40 div.form div.formElementInputCheckbox:not(.formElementHideLabel) > div:first-child, .elementForm_var40 div.form div.formElementInputRadio:not(.formElementHideLabel) > div:first-child { margin:-2rem 0 0 0 !important; padding:0 !important; font-size:1rem !important; } .elementForm_var40 div.form div.formElementInputUpload:not(.formElementHideLabel) > div:first-child label:first-child, .elementForm_var40 div.form div.formElementInputCheckbox:not(.formElementHideLabel) > div:first-child label:first-child, .elementForm_var40 div.form div.formElementInputRadio:not(.formElementHideLabel) > div:first-child label:first-child { padding:0 !important; } .elementForm_var40 div.form div.formElementInputRadio { margin-bottom:1rem; } .elementForm_var40 div.form div.formElement > div:last-child { margin:0 0 1rem 0; } .elementForm_var40 div.form div.formElementInput:not(.empty) > div:first-child, .elementForm_var40 div.form div.formElementInput.hasPlaceholder > div:first-child, .elementForm_var40 div.form div.formElementInput.focus > div:first-child { padding-top:0.4rem; font-size:0.85rem; } .elementForm_var40 div.form div.formElementInputTextarea:not(.empty) > div:first-child, .elementForm_var40 div.form div.formElementInputTextarea.hasPlaceholder > div:first-child, .elementForm_var40 div.form div.formElementInputTextarea.focus > div:first-child { padding-top:0.4rem; font-size:0.85rem; } .elementForm_var40 div.form div.formElementInput { display:block; } .elementForm_var40 div.form div.formElementInput input { height:4rem; padding:1rem 0.5rem 0 0.8rem; line-height:2rem; border:1px solid var(--borderColorInput); } .elementForm_var40 div.form div.formElementInput input[type='checkbox'], .elementForm_var40 div.form div.formElementInput input[type='radio'] { height:1rem; padding:0 !important; } .elementForm_var40 div.form div.formElementInput input[type='file'] { border:none; } .elementForm_var40 div.form div.formElementInput input.wglDatepicker { background-position:right 10px top 38px; } .elementForm_var40 div.form div.formElementInput select { height:4rem; padding:1rem 2.5rem 0 calc(0.8rem + 1px); line-height:2rem; border:none; border:1px solid var(--borderColorInput); background-position:right 10px top 30px; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; appearance:none; } .elementForm_var40 div.form div.formElementInput select:-moz-focusring { color:transparent; text-shadow:0 0 0 #000; } .elementForm_var40 div.form div.formElementInput select::-ms-expand { display:none; } .elementForm_var40 div.form div.formElementInput select::-ms-value { background:none; color:var(--fontColorDefault); } .elementForm_var40 div.form div.formElementInput select[multiple='multiple'] { height:auto; padding:2rem 0.8rem; border:1px solid var(--borderColorInput); } .elementForm_var40 div.form div.formElementInput textarea { padding:0rem 0.5rem 0 calc(0.8rem + 1px); border:none; border-top:solid 1.8rem var(--backgroundColorInputs); outline:1px solid var(--borderColorInput); display:block; line-height:2rem; } .elementForm_var40 div.form div.formElementInput button { margin:0 0 0 1%; height:2rem; padding:0 1rem; user-select:none; } .elementForm_var40 div.form .wglErrorMessageInline { position:absolute; top:-0.7rem; right:0.3rem; } @media (prefers-contrast:more) { .elementForm_var40 div.form div.formElementInput > div:first-child { color:var(--baseColorBlack); } } @media (prefers-contrast:more) { .elementForm_var40 div.form div.formElementInput input { border:1px solid var(--baseColorBlack); } } @media (prefers-contrast:more) { .elementForm_var40 div.form div.formElementInput select { border:1px solid var(--baseColorBlack); } } @media (prefers-contrast:more) { .elementForm_var40 div.form div.formElementInput select[multiple='multiple'] { border:1px solid var(--baseColorBlack); } } @media (prefers-contrast:more) { .elementForm_var40 div.form div.formElementInput textarea { outline:1px solid var(--baseColorBlack); } } .elementForm_var1 dl.form, .elementForm_var1 div.form { width:100%; } .elementForm_var1 dl.form .errorMessages, .elementForm_var1 div.form .errorMessages { width:100%; } .elementForm_var1 dl.form .wglErrorMessageInline, .elementForm_var1 div.form .wglErrorMessageInline { position:absolute; bottom:0.2rem; right:0; } .elementFormInfos_var0 .wglElementInfo { font-size:0.9rem; color:var(--fontColorSub); } h1, .h1 { --fontSize:1.8rem; --fontColor:#000000; font-size:var(--fontSize); font-family:inherit; line-height:110%; font-weight:800; color:#000000; margin:0; padding:2.25rem 0 1.2rem 0; } h1 *, .h1 * { color:#000000; } h2, .h2 { --fontSize:1.5rem; --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.3rem; --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.5rem; font-size:var(--fontSize); font-family:inherit; line-height:110%; font-weight:800; color:#000000; margin:0; padding:2.25rem 0 1.2rem 0; } h2, .h2 { --fontSize:2.1rem; 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:1.8rem; } @media (min-width: 768px) { .elementHeadlineLevel_varh1 { --fontSize:2.5rem; } } .elementHeadlineLevel_varh2 { --paddingTop:1.6rem; --paddingBottom:1.0rem; --fontSize:1.5rem; } @media (min-width: 768px) { .elementHeadlineLevel_varh2 { --fontSize:2.1rem; } } .elementHeadlineLevel_varh3 { --paddingTop:1.0rem; --paddingBottom:0.8rem; --fontSize:1.3rem; } @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:1.8rem; } @media (min-width: 768px) { .elementHeadlineLevel_vardiv1 { --fontSize:2.5rem; } } .elementHeadlineLevel_vardiv3 { --paddingTop:1.0rem; --paddingBottom:0.8rem; --fontSize:1.3rem; } @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("/kranenburg-wGlobal/wGlobal/layout/images/icons/optimized/list-style-image@stroke(00a3cc).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("/kranenburg-wGlobal/wGlobal/layout/images/icons/optimized/list-style-image@stroke(ffffff)stroke-opacity(0.7).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("/kranenburg-wGlobal/wGlobal/layout/images/links/optimized/intern@stroke(00a3cc).svg"); } body a.extern:before, .isLightBackground a.extern:before, .isDarkBackground .isLightBackground a.extern:before, .isDarkBackground .isInverseBackground a.extern:before { background-image:url("/kranenburg-wGlobal/wGlobal/layout/images/links/optimized/extern@stroke(00a3cc).svg"); } body a.box:before, .isLightBackground a.box:before, .isDarkBackground .isLightBackground a.box:before, .isDarkBackground .isInverseBackground a.box:before { background-image:url("/kranenburg-wGlobal/wGlobal/layout/images/links/optimized/box@stroke(00a3cc).svg"); } body a.boxPicture:before, .isLightBackground a.boxPicture:before, .isDarkBackground .isLightBackground a.boxPicture:before, .isDarkBackground .isInverseBackground a.boxPicture:before { background-image:url("/kranenburg-wGlobal/wGlobal/layout/images/links/optimized/box@stroke(00a3cc).svg"); } body a.html:before, .isLightBackground a.html:before, .isDarkBackground .isLightBackground a.html:before, .isDarkBackground .isInverseBackground a.html:before { background-image:url("/kranenburg-wGlobal/wGlobal/layout/images/links/optimized/html@stroke(00a3cc).svg"); } body a.download:before, .isLightBackground a.download:before, .isDarkBackground .isLightBackground a.download:before, .isDarkBackground .isInverseBackground a.download:before { background-image:url("/kranenburg-wGlobal/wGlobal/layout/images/links/optimized/download@stroke(00a3cc).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("/kranenburg-wGlobal/wGlobal/layout/images/links/optimized/pdf@stroke(00a3cc).svg"); } body a.doc:before, .isLightBackground a.doc:before, .isDarkBackground .isLightBackground a.doc:before, .isDarkBackground .isInverseBackground a.doc:before { background-image:url("/kranenburg-wGlobal/wGlobal/layout/images/links/optimized/doc@stroke(00a3cc).svg"); } body a.xls:before, .isLightBackground a.xls:before, .isDarkBackground .isLightBackground a.xls:before, .isDarkBackground .isInverseBackground a.xls:before { background-image:url("/kranenburg-wGlobal/wGlobal/layout/images/links/optimized/xls@stroke(00a3cc).svg"); } body a.audio:before, .isLightBackground a.audio:before, .isDarkBackground .isLightBackground a.audio:before, .isDarkBackground .isInverseBackground a.audio:before { background-image:url("/kranenburg-wGlobal/wGlobal/layout/images/links/optimized/audio@stroke(00a3cc).svg"); } body a.video:before, .isLightBackground a.video:before, .isDarkBackground .isLightBackground a.video:before, .isDarkBackground .isInverseBackground a.video:before { background-image:url("/kranenburg-wGlobal/wGlobal/layout/images/links/optimized/video@stroke(00a3cc).svg"); } body a.next:before, .isLightBackground a.next:before, .isDarkBackground .isLightBackground a.next:before, .isDarkBackground .isInverseBackground a.next:before { background-image:url("/kranenburg-wGlobal/wGlobal/layout/images/links/optimized/next@stroke(00a3cc).svg"); } body a.back:before, .isLightBackground a.back:before, .isDarkBackground .isLightBackground a.back:before, .isDarkBackground .isInverseBackground a.back:before { background-image:url("/kranenburg-wGlobal/wGlobal/layout/images/links/optimized/back@stroke(00a3cc).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("/kranenburg-wGlobal/wGlobal/layout/images/links/optimized/mail@stroke(00a3cc).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("/kranenburg-wGlobal/wGlobal/layout/images/links/optimized/phone@stroke(00a3cc).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("/kranenburg-wGlobal/wGlobal/layout/images/links/optimized/fax@stroke(00a3cc).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("/kranenburg-wGlobal/wGlobal/layout/images/links/optimized/mobile@stroke(00a3cc).svg"); } body a.maps:before, .isLightBackground a.maps:before, .isDarkBackground .isLightBackground a.maps:before, .isDarkBackground .isInverseBackground a.maps:before { background-image:url("/kranenburg-wGlobal/wGlobal/layout/images/links/optimized/maps@stroke(00a3cc).svg"); } body a.rss:before, .isLightBackground a.rss:before, .isDarkBackground .isLightBackground a.rss:before, .isDarkBackground .isInverseBackground a.rss:before { background-image:url("/kranenburg-wGlobal/wGlobal/layout/images/links/optimized/rss@stroke(00a3cc).svg"); } body a.vcf:before, .isLightBackground a.vcf:before, .isDarkBackground .isLightBackground a.vcf:before, .isDarkBackground .isInverseBackground a.vcf:before { background-image:url("/kranenburg-wGlobal/wGlobal/layout/images/links/optimized/vcf@stroke(00a3cc).svg"); } body a.ical:before, .isLightBackground a.ical:before, .isDarkBackground .isLightBackground a.ical:before, .isDarkBackground .isInverseBackground a.ical:before { background-image:url("/kranenburg-wGlobal/wGlobal/layout/images/links/optimized/ical@stroke(00a3cc).svg"); } .isDarkBackground a.intern:before, .isLightBackground .isDarkBackground a.intern:before, .isInverseBackground a.intern:before, .isLightBackground .isInverseBackground a.intern:before { background-image:url("/kranenburg-wGlobal/wGlobal/layout/images/links/optimized/intern@stroke(ffffff)stroke-opacity(0.7).svg"); } .isDarkBackground a.extern:before, .isLightBackground .isDarkBackground a.extern:before, .isInverseBackground a.extern:before, .isLightBackground .isInverseBackground a.extern:before { background-image:url("/kranenburg-wGlobal/wGlobal/layout/images/links/optimized/extern@stroke(ffffff)stroke-opacity(0.7).svg"); } .isDarkBackground a.box:before, .isLightBackground .isDarkBackground a.box:before, .isInverseBackground a.box:before, .isLightBackground .isInverseBackground a.box:before { background-image:url("/kranenburg-wGlobal/wGlobal/layout/images/links/optimized/box@stroke(ffffff)stroke-opacity(0.7).svg"); } .isDarkBackground a.boxPicture:before, .isLightBackground .isDarkBackground a.boxPicture:before, .isInverseBackground a.boxPicture:before, .isLightBackground .isInverseBackground a.boxPicture:before { background-image:url("/kranenburg-wGlobal/wGlobal/layout/images/links/optimized/box@stroke(ffffff)stroke-opacity(0.7).svg"); } .isDarkBackground a.html:before, .isLightBackground .isDarkBackground a.html:before, .isInverseBackground a.html:before, .isLightBackground .isInverseBackground a.html:before { background-image:url("/kranenburg-wGlobal/wGlobal/layout/images/links/optimized/html@stroke(ffffff)stroke-opacity(0.7).svg"); } .isDarkBackground a.download:before, .isLightBackground .isDarkBackground a.download:before, .isInverseBackground a.download:before, .isLightBackground .isInverseBackground a.download:before { background-image:url("/kranenburg-wGlobal/wGlobal/layout/images/links/optimized/download@stroke(ffffff)stroke-opacity(0.7).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("/kranenburg-wGlobal/wGlobal/layout/images/links/optimized/pdf@stroke(ffffff)stroke-opacity(0.7).svg"); } .isDarkBackground a.doc:before, .isLightBackground .isDarkBackground a.doc:before, .isInverseBackground a.doc:before, .isLightBackground .isInverseBackground a.doc:before { background-image:url("/kranenburg-wGlobal/wGlobal/layout/images/links/optimized/doc@stroke(ffffff)stroke-opacity(0.7).svg"); } .isDarkBackground a.xls:before, .isLightBackground .isDarkBackground a.xls:before, .isInverseBackground a.xls:before, .isLightBackground .isInverseBackground a.xls:before { background-image:url("/kranenburg-wGlobal/wGlobal/layout/images/links/optimized/xls@stroke(ffffff)stroke-opacity(0.7).svg"); } .isDarkBackground a.audio:before, .isLightBackground .isDarkBackground a.audio:before, .isInverseBackground a.audio:before, .isLightBackground .isInverseBackground a.audio:before { background-image:url("/kranenburg-wGlobal/wGlobal/layout/images/links/optimized/audio@stroke(ffffff)stroke-opacity(0.7).svg"); } .isDarkBackground a.video:before, .isLightBackground .isDarkBackground a.video:before, .isInverseBackground a.video:before, .isLightBackground .isInverseBackground a.video:before { background-image:url("/kranenburg-wGlobal/wGlobal/layout/images/links/optimized/video@stroke(ffffff)stroke-opacity(0.7).svg"); } .isDarkBackground a.next:before, .isLightBackground .isDarkBackground a.next:before, .isInverseBackground a.next:before, .isLightBackground .isInverseBackground a.next:before { background-image:url("/kranenburg-wGlobal/wGlobal/layout/images/links/optimized/next@stroke(ffffff)stroke-opacity(0.7).svg"); } .isDarkBackground a.back:before, .isLightBackground .isDarkBackground a.back:before, .isInverseBackground a.back:before, .isLightBackground .isInverseBackground a.back:before { background-image:url("/kranenburg-wGlobal/wGlobal/layout/images/links/optimized/back@stroke(ffffff)stroke-opacity(0.7).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("/kranenburg-wGlobal/wGlobal/layout/images/links/optimized/mail@stroke(ffffff)stroke-opacity(0.7).svg"); } .isDarkBackground a.phone:before, .isLightBackground .isDarkBackground a.phone:before, .isInverseBackground a.phone:before, .isLightBackground .isInverseBackground a.phone:before { background-image:url("/kranenburg-wGlobal/wGlobal/layout/images/links/optimized/phone@stroke(ffffff)stroke-opacity(0.7).svg"); } .isDarkBackground a.fax:before, .isLightBackground .isDarkBackground a.fax:before, .isInverseBackground a.fax:before, .isLightBackground .isInverseBackground a.fax:before { background-image:url("/kranenburg-wGlobal/wGlobal/layout/images/links/optimized/fax@stroke(ffffff)stroke-opacity(0.7).svg"); } .isDarkBackground a.mobile:before, .isLightBackground .isDarkBackground a.mobile:before, .isInverseBackground a.mobile:before, .isLightBackground .isInverseBackground a.mobile:before { background-image:url("/kranenburg-wGlobal/wGlobal/layout/images/links/optimized/mobile@stroke(ffffff)stroke-opacity(0.7).svg"); } .isDarkBackground a.maps:before, .isLightBackground .isDarkBackground a.maps:before, .isInverseBackground a.maps:before, .isLightBackground .isInverseBackground a.maps:before { background-image:url("/kranenburg-wGlobal/wGlobal/layout/images/links/optimized/maps@stroke(ffffff)stroke-opacity(0.7).svg"); } .isDarkBackground a.rss:before, .isLightBackground .isDarkBackground a.rss:before, .isInverseBackground a.rss:before, .isLightBackground .isInverseBackground a.rss:before { background-image:url("/kranenburg-wGlobal/wGlobal/layout/images/links/optimized/rss@stroke(ffffff)stroke-opacity(0.7).svg"); } .isDarkBackground a.vcf:before, .isLightBackground .isDarkBackground a.vcf:before, .isInverseBackground a.vcf:before, .isLightBackground .isInverseBackground a.vcf:before { background-image:url("/kranenburg-wGlobal/wGlobal/layout/images/links/optimized/vcf@stroke(ffffff)stroke-opacity(0.7).svg"); } .isDarkBackground a.ical:before, .isLightBackground .isDarkBackground a.ical:before, .isInverseBackground a.ical:before, .isLightBackground .isInverseBackground a.ical:before { background-image:url("/kranenburg-wGlobal/wGlobal/layout/images/links/optimized/ical@stroke(ffffff)stroke-opacity(0.7).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 { 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, .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 { 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, .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 { 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 { 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 { 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, .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 { 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, .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 { 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 { 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, .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 { 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, .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 { 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:130%; } .elementPicture figcaption > div.pictureTitle { font-weight:bold; font-size:0.9rem; line-height:120%; } .elementPicture figcaption > div.pictureDescription { font-weight:normal; font-size:0.9rem; line-height:120%; 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; } .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; } .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; } } .elementPictureSize_var0 { max-width:100%; } .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_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_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); } .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:6rem 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; } } .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_var120 { background:linear-gradient(0deg,var(--backgroundColorLight1) 0%,var(--backgroundColorWhite) 25%); } .elementSectionBackgroundColor_var610 { background-color:var(--backgroundColorFooter); --fontColor:var(--fontColorInverseDefault); --linkColor:var(--fontColorInverseLink); } @media (prefers-contrast:more) { .elementSectionBackgroundColor_var610 { --backgroundColorFooter:var(--baseColorBlack); } } @media (min-width: 768px) { .elementSectionBackgroundColor_var310 { background:linear-gradient(90deg,var(--baseColorPrimary1) 0%,var(--baseColorPrimary1) 50%,transparent 50%,transparent 100%); } } @media (min-width: 768px) { .elementSectionBackgroundColor_var311 { background:linear-gradient(90deg,transparent 0%,transparent 50%,var(--baseColorPrimary1) 50%,var(--baseColorPrimary1) 100%); } } .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:130%; color:var(--fontColorNavigationSitemap); padding:0.1rem 0; } .elementSitemap_var0 ul[data-navlevel='1'] > li > a { display:block; font-size:1.3rem; 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("/kranenburg-wGlobal/wGlobal/layout/images/social-icons/optimized/social-icons@fill(ffffff).svg"); background-size:1000%; background-repeat:no-repeat; } .elementSocialButton .socialLink { cursor:pointer; text-decoration:none; display:block; position:absolute; top:0; left:0; width:100%; height:100%; } .elementSocialButton_var0 { position:relative; } .elementSocialButton_var0 .socialIcon { position:absolute; top:0; left:0; } .elementSocialButton_var0 .socialLink { cursor:pointer; display:block; position:absolute; top:0; left:0; width:100%; height:100%; } .elementSocialButton_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("/kranenburg-wGlobal/wGlobal/layout/images/social-icons/optimized/social-icons@fill(FFFFFF).svg"); position:absolute; top:0; left:0; } .elementSocialButton_var110 .socialLink { cursor:pointer; display:block; position:absolute; top:0; left:0; width:100%; height:100%; } .elementSocialButtonType_varFacebook { background-color:#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; } .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.3rem; 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:normal; --lineHeight:130%; 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; position:absolute; margin:4px 2px 0 -1rem; width:1rem; height:1rem; vertical-align:top; background-image:url("/kranenburg-wGlobal/wGlobal/layout/images/icons/optimized/list-style-image@stroke(000000).svg"); background-position:0 0; background-repeat:no-repeat; } .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("/kranenburg-wGlobal/wGlobal/layout/images/icons/optimized/list-style-image@stroke(FFFFFF).svg"); } .elementText ul ul, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonText ul ul, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks ul ul, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress ul ul, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments ul ul, .elementText ol ol, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonText ol ol, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks ol ol, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress ol ol, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments ol ol, .elementText ul ol, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonText ul ol, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks ul ol, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress ul ol, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments ul ol, .elementText ol ul, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonText ol ul, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks ol ul, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress ol ul, .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments ol ul { margin:0 0 0 1rem; display:block; } .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:117%; } .elementTextSize_var70 { --fontSize:1.5rem; --lineHeight:120%; } .elementTextColor_var15 { --fontColor:var(--baseColorDark); } .elementTextColor_var15 * { color:var(--baseColorDark) !important; } .elementTextFontWeight_varbold { --fontWeight:bold; } .elementTextFontWeight_varbold p, .elementTextFontWeight_varbold li { font-weight:var(--fontWeight); } .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.3rem; margin:0; } .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonTitle h1 { font-size:1.5rem; margin:0; } .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDegree { display:inline-block; } .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonPosition { display:inline-block; } .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDegree + .elementObjectContactPersonPosition:before { content:'- '; } .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonDepartments { margin-bottom:0.8rem; } .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress { margin-bottom:0.8rem; } .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonAddress > a { display:block; } .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonLinks > a { display:block; } .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard > a { white-space:nowrap; } .elementObjectContactPerson .elementObjectContactPersonData .elementObjectContactPersonVcard > a:before { display:none; } .elementObjectContactPerson .elementObjectContactPersonData > div:last-child { margin-bottom:0; } .elementObjectContactPerson .elementObjectContactPersonData:last-child { margin-bottom:0; } .elementObjectContactPerson .elementObjectContactPersonText { margin-bottom:0; clear:both; } .elementObjectContactPerson .elementObjectContactPersonText > p:last-child { margin-bottom:0; } .elementSectionObjectNews { padding-bottom:1rem; } .elementSectionObjectNews .elementLinkBack { display:none; } .elementSectionObjectNewsAfter { margin-top:0; padding-top:1rem; } /* Die Objektvarianten werden vor allem in der listBannerSlider.scss genutzt, indem Einträge um die Klasse ergänzt und so speziell formatiert werden können. In dieser Datei werden lediglich die auswählbaren Varianten definiert, um in der Objektmaske zur Auswahl zu erscheinen. Beispiel: wandamp.listEntryObject-slide_var1 { .listEntryInfoLayer { text-align:right; } } */ .listBannerSlider[data-numberentries='1'] .listMoverBack, .listBannerSlider[data-numberentries='1'] .listMoverForward { display:none !important; } .listBannerSlider .listEntryOfEntries { text-align:right; font-size:1rem; line-height:182%; 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:120%; 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:800; 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:800; } .listBannerSliderInfolayer_var111 .listEntry .listEntryInfoLayerInner .listEntryDescription { font-size:0.9rem; line-height:125%; 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; } .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:130%; 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:130%; 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:130%; 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.3rem; 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("/kranenburg-wGlobal/wGlobal/layout/images/animations/optimized/appendList@fill(666666).svg"); background-size:100%; background-repeat:no-repeat; visibility:visible; margin:0 auto; } .listDefault_var80 .listEntry.append > div { transition:all 0.5s ease-in-out; transform-origin:0 0; opacity:1; } .listDefault_var80 .listEntry.append.appendInitDelay > div { transform-style:preserve-3d; transform:rotateX(-90deg); opacity:0; } .listDefault_var111[data-hasquickfilter='1'] .listEntry.listEntryQuickfilterInvisible { overflow:hidden; height:0 !important; padding:0 !important; margin:0 !important; border:none !important; } .listDefault_var111.appendLoading:after { display:block; content:''; width:96px; height:48px; margin-top:1rem; background-image:url("/kranenburg-wGlobal/wGlobal/layout/images/animations/optimized/appendList@fill(666666).svg"); background-size:100%; background-repeat:no-repeat; visibility:visible; margin:0 auto; } .listDefault_var111 .listEntry.append > div { transition:all 0.5s ease-in-out; transform-origin:0 0; opacity:1; } .listDefault_var111 .listEntry.append.appendInitDelay > div { transform-style:preserve-3d; transform:rotateX(-90deg); opacity:0; } .listDefault_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%; } } @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.5rem; } } .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.5rem; 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("/kranenburg-wGlobal/wGlobal/layout/images/animations/optimized/appendList@fill(666666).svg"); background-size:100%; background-repeat:no-repeat; visibility:visible; margin:0 auto; } .listDefaultAppend_var1 .listEntry.append > div { transition:all 0.5s ease-in-out; transform-origin:0 0; opacity:1; } .listDefaultAppend_var1 .listEntry.append.appendInitDelay > div { transform-style:preserve-3d; transform:rotateX(-90deg); opacity:0; } .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:#00a3cc !important; } .listEntryElementColor_var2 { color:#ef7c3d !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:#00a3cc !important; color:#FFFFFF !important; padding:0.3rem 0.4rem; } .listEntryElementColor_var42 { background-color:#ef7c3d !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_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:130%; margin-top:10px; } .listPictureGallery_var0 .listEntries .listEntryTitle:empty { display:none; } .listPictureGallery_var0 .listEntries .listEntryDescription { font-size:0.8rem; line-height:124%; overflow:auto; } .listPictureGallery_var0 .listEntries .listEntryDescription:empty { display:none; } .listPictureGallery_var0 .listEntries .listEntryCopyright { float:right; font-weight:normal; font-size:0.9rem; line-height:120%; 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:182%; 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:130%; margin-top:10px; } .listPictureGallery_var2 .listEntries .listEntryTitle:empty { display:none; } .listPictureGallery_var2 .listEntries .listEntryDescription { font-size:0.8rem; line-height:124%; overflow:auto; } .listPictureGallery_var2 .listEntries .listEntryDescription:empty { display:none; } .listPictureGallery_var2 .listEntries .listEntryCopyright { float:right; font-weight:normal; font-size:0.9rem; line-height:120%; 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:182%; padding:0 6px 0 0; } .listPictureGallery_var20 .listEntryOfEntries .listEntryOfEntriesEntries:before { content:'/'; padding:0 4px; } .listPictureGallery_var20[data-prevnextpreview='1'] .listEntriesPreview .listEntriesPreviewInner { margin:0; } .listPictureGallery_var20[data-entryofentries='1'] .listEntriesPreview { margin-top:0; } .listPictureGalleryEntriesPreview_var10[data-numberentries='1'] .listEntriesPreview { display:none !important; } .listPictureGalleryEntryOfEntries_var10[data-numberentries='1'] .listEntryOfEntries { display:none !important; } .listPictureGalleryEntriesPerRow_var3 .listInner .listEntries .listEntriesInner .listEntry { width:100%; } .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:#6D6D6D !important; padding-left:1rem; display:inline-block; } .listPrevNext_var0 .pageNaviNextLink > span { color:#6D6D6D !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 #00a3cc; 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, 163, 204; 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, 163, 204; 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); } } .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} /* //////////////////////////////////////////////////////////////// // // Spezielle Styles fuer den Editor // //////////////////////////////////////////////////////////////// *//* //////////////////////////////////////////////////////////////// // // Spezielle Styles fuer den Editor // //////////////////////////////////////////////////////////////// */ #deferred-styles-dyn {display:none}