img { display: block; } ul,ol { margin-left: 0; } b,strong,th { font-weight: normal; } h1,h2,h3,h4,h5,h6 { font-weight: normal; } hr { border: none; } html { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } input[type="text"], input[type="password"], input[type="email"], textarea { -webkit-appearance: none; } i { font-style: italic; } .dnone { display: none !important; } .clearfix:before,.clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .clearfix:after { clear: both; } *:before, *:after { box-sizing: inherit; } .ssFix:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .ssFix [class*=ss-] { display: inline-block; vertical-align: middle; height:1.25em; } a, a:active, a:visited, .linkDecoration { color: var(--color_cLink); cursor: pointer; text-decoration: none; } a.noLinkDecoration { color: inherit; } a, a:active, a:visited, .linkDecoration { color: var(--color_cBlueDark); display: inline-block; } /**************** Wait Animation *********************/ #waitbox { display: none; } body.wait:not(.ignoreWait) #waitbox { display: block; } #waitbox>.overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--color_cBlack); opacity: 0.7; z-index: 99999; } #waitbox>.wait { background-color: var(--color_cWhite); border: 1px solid var(--color_cBlack); border-radius: 12px; box-shadow: 0 0 15px var(--color_cBlack); color: var(--color_cText); font-size: 18px; height: 160px; left: 50%; margin-left: -130px; margin-top: -80px; padding-top: 20px; position: fixed; text-align: center; top: 50%; width: 260px; z-index: 99999; } #waitbox>.wait .img { background-image: url('File/skeleton_html/loading.gif'); width: 32px; height: 32px; margin: 0 auto; } /************************* Wait for a block *****************************/ .waitBlock { position: relative; } /* Transparent Overlay */ .waitBlock::before { z-index:1; content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.75); } .waitBlock::after { z-index:2; position: absolute; top: calc(50% - 23px); left: calc(50% - 23px); content: " "; display: block; width: 46px; height: 46px; margin: 1px; border-radius: 50%; border: 5px solid red; border-color: var(--color_cCellmsBlue) transparent var(--color_cCellmsBlue) transparent; animation: lds-dual-ring 1.2s linear infinite; } @keyframes lds-dual-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } #waitbox { font-family:EuclidFlex-Regular; } @font-face { font-family: EuclidFlex-Bold; src: url('/Ressource/Css/Font/EuclidFlex/S/EuclidFlex-Bold-WebS.eot') format("eot"), url('/Ressource/Css/Font/EuclidFlex/S/EuclidFlex-Bold-WebS.eot?#iefix') format("embedded-opentype"), url('/Ressource/Css/Font/EuclidFlex/S/EuclidFlex-Bold-WebS.woff2') format("woff2"), url('/Ressource/Css/Font/EuclidFlex/S/EuclidFlex-Bold-WebS.woff') format("woff"), url('/Ressource/Css/Font/EuclidFlex/S/EuclidFlex-Bold-WebS.ttf') format("truetype"), url('/Ressource/Css/Font/EuclidFlex/S/EuclidFlex-Bold-WebS.svg#EuclidFlex-Bold') format("svg"); } @font-face { font-family: EuclidFlex-BoldItalic; src: url('/Ressource/Css/Font/EuclidFlex/S/EuclidFlex-BoldItalic-WebS.eot') format("eot"), url('/Ressource/Css/Font/EuclidFlex/S/EuclidFlex-BoldItalic-WebS.eot?#iefix') format("embedded-opentype"), url('/Ressource/Css/Font/EuclidFlex/S/EuclidFlex-BoldItalic-WebS.woff2') format("woff2"), url('/Ressource/Css/Font/EuclidFlex/S/EuclidFlex-BoldItalic-WebS.woff') format("woff"), url('/Ressource/Css/Font/EuclidFlex/S/EuclidFlex-BoldItalic-WebS.ttf') format("truetype"), url('/Ressource/Css/Font/EuclidFlex/S/EuclidFlex-BoldItalic-WebS.svg#EuclidFlex-BoldItalic') format("svg"); } @font-face { font-family: EuclidFlex-Light; src: url('/Ressource/Css/Font/EuclidFlex/S/EuclidFlex-Light-WebS.eot') format("eot"), url('/Ressource/Css/Font/EuclidFlex/S/EuclidFlex-Light-WebS.eot?#iefix') format("embedded-opentype"), url('/Ressource/Css/Font/EuclidFlex/S/EuclidFlex-Light-WebS.woff2') format("woff2"), url('/Ressource/Css/Font/EuclidFlex/S/EuclidFlex-Light-WebS.woff') format("woff"), url('/Ressource/Css/Font/EuclidFlex/S/EuclidFlex-Light-WebS.ttf') format("truetype"), url('/Ressource/Css/Font/EuclidFlex/S/EuclidFlex-Light-WebS.svg#EuclidFlex-Light') format("svg"); } @font-face { font-family: EuclidFlex-LightItalic; src: url('/Ressource/Css/Font/EuclidFlex/S/EuclidFlex-LightItalic-WebS.eot') format("eot"), url('/Ressource/Css/Font/EuclidFlex/S/EuclidFlex-LightItalic-WebS.eot?#iefix') format("embedded-opentype"), url('/Ressource/Css/Font/EuclidFlex/S/EuclidFlex-LightItalic-WebS.woff2') format("woff2"), url('/Ressource/Css/Font/EuclidFlex/S/EuclidFlex-LightItalic-WebS.woff') format("woff"), url('/Ressource/Css/Font/EuclidFlex/S/EuclidFlex-LightItalic-WebS.ttf') format("truetype"), url('/Ressource/Css/Font/EuclidFlex/S/EuclidFlex-LightItalic-WebS.svg#EuclidFlex-LightItalic') format("svg"); } @font-face { font-family: EuclidFlex-Medium; src: url('/Ressource/Css/Font/EuclidFlex/S/EuclidFlex-Medium-WebS.eot') format("eot"), url('/Ressource/Css/Font/EuclidFlex/S/EuclidFlex-Medium-WebS.eot?#iefix') format("embedded-opentype"), url('/Ressource/Css/Font/EuclidFlex/S/EuclidFlex-Medium-WebS.woff2') format("woff2"), url('/Ressource/Css/Font/EuclidFlex/S/EuclidFlex-Medium-WebS.woff') format("woff"), url('/Ressource/Css/Font/EuclidFlex/S/EuclidFlex-Medium-WebS.ttf') format("truetype"), url('/Ressource/Css/Font/EuclidFlex/S/EuclidFlex-Medium-WebS.svg#EuclidFlex-Medium') format("svg"); } @font-face { font-family: EuclidFlex-MediumItalic; src: url('/Ressource/Css/Font/EuclidFlex/S/EuclidFlex-MediumItalic-WebS.eot') format("eot"), url('/Ressource/Css/Font/EuclidFlex/S/EuclidFlex-MediumItalic-WebS.eot?#iefix') format("embedded-opentype"), url('/Ressource/Css/Font/EuclidFlex/S/EuclidFlex-MediumItalic-WebS.woff2') format("woff2"), url('/Ressource/Css/Font/EuclidFlex/S/EuclidFlex-MediumItalic-WebS.woff') format("woff"), url('/Ressource/Css/Font/EuclidFlex/S/EuclidFlex-MediumItalic-WebS.ttf') format("truetype"), url('/Ressource/Css/Font/EuclidFlex/S/EuclidFlex-MediumItalic-WebS.svg#EuclidFlex-MediumItalic') format("svg"); } @font-face { font-family: EuclidFlex-Regular; src: url('/Ressource/Css/Font/EuclidFlex/S/EuclidFlex-Regular-WebS.eot') format("eot"), url('/Ressource/Css/Font/EuclidFlex/S/EuclidFlex-Regular-WebS.eot?#iefix') format("embedded-opentype"), url('/Ressource/Css/Font/EuclidFlex/S/EuclidFlex-Regular-WebS.woff2') format("woff2"), url('/Ressource/Css/Font/EuclidFlex/S/EuclidFlex-Regular-WebS.woff') format("woff"), url('/Ressource/Css/Font/EuclidFlex/S/EuclidFlex-Regular-WebS.ttf') format("truetype"), url('/Ressource/Css/Font/EuclidFlex/S/EuclidFlex-Regular-WebS.svg#EuclidFlex-Regular') format("svg"); } @font-face { font-family: EuclidFlex-RegularItalic; src: url('/Ressource/Css/Font/EuclidFlex/S/EuclidFlex-RegularItalic-WebS.eot') format("eot"), url('/Ressource/Css/Font/EuclidFlex/S/EuclidFlex-RegularItalic-WebS.eot?#iefix') format("embedded-opentype"), url('/Ressource/Css/Font/EuclidFlex/S/EuclidFlex-RegularItalic-WebS.woff') format("woff"), url('/Ressource/Css/Font/EuclidFlex/S/EuclidFlex-RegularItalic-WebS.woff2') format("woff2"), url('/Ressource/Css/Font/EuclidFlex/S/EuclidFlex-RegularItalic-WebS.ttf') format("truetype"), url('/Ressource/Css/Font/EuclidFlex/S/EuclidFlex-RegularItalic-WebS.svg#EuclidFlex-RegularItalic') format("svg"); } @font-face { font-family: EuclidFlex-Ultralight; src: url('/Ressource/Css/Font/EuclidFlex/S/EuclidFlex-Ultralight-WebS.eot') format("eot"), url('/Ressource/Css/Font/EuclidFlex/S/EuclidFlex-Ultralight-WebS.eot?#iefix') format("embedded-opentype"), url('/Ressource/Css/Font/EuclidFlex/S/EuclidFlex-Ultralight-WebS.woff2') format("woff2"), url('/Ressource/Css/Font/EuclidFlex/S/EuclidFlex-Ultralight-WebS.woff') format("woff"), url('/Ressource/Css/Font/EuclidFlex/S/EuclidFlex-Ultralight-WebS.ttf') format("truetype"), url('/Ressource/Css/Font/EuclidFlex/S/EuclidFlex-Ultralight-WebS.svg#EuclidFlex-Ultralight') format("svg"); } @font-face { font-family: EuclidFlex-UltralightItalic; src: url('/Ressource/Css/Font/EuclidFlex/S/EuclidFlex-UltralightItalic-WebS.eot') format("eot"), url('/Ressource/Css/Font/EuclidFlex/S/EuclidFlex-UltralightItalic-WebS.eot?#iefix') format("embedded-opentype"), url('/Ressource/Css/Font/EuclidFlex/S/EuclidFlex-UltralightItalic-WebS.woff2') format("woff2"), url('/Ressource/Css/Font/EuclidFlex/S/EuclidFlex-UltralightItalic-WebS.woff') format("woff"), url('/Ressource/Css/Font/EuclidFlex/S/EuclidFlex-UltralightItalic-WebS.ttf') format("truetype"), url('/Ressource/Css/Font/EuclidFlex/S/EuclidFlex-UltralightItalic-WebS.svg#EuclidFlex-UltralightItalic') format("svg"); } @font-face { font-family: EuclidFlexXL-UltralightItalic; src: url('/Ressource/Css/Font/EuclidFlex/XL/EuclidFlex-UltralightItalic-WebXL.eot') format("eot"), url('/Ressource/Css/Font/EuclidFlex/XL/EuclidFlex-UltralightItalic-WebXL.eot?#iefix') format("embedded-opentype"), url('/Ressource/Css/Font/EuclidFlex/XL/EuclidFlex-UltralightItalic-WebXL.woff2') format("woff2"), url('/Ressource/Css/Font/EuclidFlex/XL/EuclidFlex-UltralightItalic-WebXL.woff') format("woff"), url('/Ressource/Css/Font/EuclidFlex/XL/EuclidFlex-UltralightItalic-WebXL.ttf') format("truetype"), url('/Ressource/Css/Font/EuclidFlex/XL/EuclidFlex-UltralightItalic-WebXL.svg#EuclidFlexXL-UltralightItalic') format("svg"); } @font-face { font-family: EuclidFlexXL-Bold; src: url('/Ressource/Css/Font/EuclidFlex/XL/EuclidFlex-Bold-WebXL.eot') format("eot"), url('/Ressource/Css/Font/EuclidFlex/XL/EuclidFlex-Bold-WebXL.eot?#iefix') format("embedded-opentype"), url('/Ressource/Css/Font/EuclidFlex/XL/EuclidFlex-Bold-WebXL.woff2') format("woff2"), url('/Ressource/Css/Font/EuclidFlex/XL/EuclidFlex-Bold-WebXL.woff') format("woff"), url('/Ressource/Css/Font/EuclidFlex/XL/EuclidFlex-Bold-WebXL.ttf') format("truetype"), url('/Ressource/Css/Font/EuclidFlex/XL/EuclidFlex-Bold-WebXL.svg#EuclidFlexXL-Bold') format("svg"); } html { font-size: 16px; } body { } h1, h1 .BasicText { font-family:EuclidFlex-Bold; font-size:1.75rem; line-height:1em; } h2, h2 .BasicText { font-family:EuclidFlex-Bold; font-size:1.25rem; line-height:1.5em; } h3, h3 .BasicText { font-family:EuclidFlex-Bold; font-size:1rem; line-height:1.5em; } a { -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; } a:active, a:focus { text-decoration:none; } b { font-family:EuclidFlex-Bold; font-weight:normal; } i { font-family:EuclidFlex-RegularItalic; font-style:normal; } b i, i b { font-family:EuclidFlex-BoldItalic; font-weight:normal; font-style:normal; } ul { list-style:none; } .BasicText { line-height:1.5em; } .BasicText ul, .BasicText ol { margin:0.25rem; } .BasicText ol { list-style:outside; list-style-type:decimal; margin-left:1rem; } .BasicText ul { margin: 0; list-style: none; } .BasicText ul li { padding-left:1rem; position:relative; } .BasicText ul li:before { content: ""; left:0; position:absolute; background-color:var(--color_cBlue); top: 0.75em; width: 4px; height: 4px; } .BasicText a { padding-left: 1.25rem; position: relative; color: var(--color_cBlueDark); } .BasicText a::before { content: '🔗'; position: absolute; left: 0.125rem; bottom: 0; line-height: 1.3em; font-family: "SSGizmo"; font-style: normal; font-weight: normal; text-decoration: none; text-rendering: optimizeLegibility; white-space: nowrap; -webkit-font-feature-settings: "liga"; -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } .BasicText a[target="_blank"]::before{ content: '⬈'; } .BasicText a:focus, .BasicText a:active, .linkDecoration:active, .linkDecoration:focus { color:var(--color_cText); text-decoration: underline; } .linkDecoration:active, .linkDecoration:focus { color:var(--color_cText); } .BasicText ol { } .Widget > .loading { text-align: center; padding: 2rem 0; } .cookieBanner { position:fixed; left:0; right:0; bottom:0; z-index: 9999; /* position over action bar and flyouts */ max-height: 100vh; overflow: auto; display:block; margin:0 auto; background-color: var(--color_bcArea); } .cookieBanner.js-cookie-hide, body.pos .cookieBanner { display:none; } .cookieBanner .wrapper { max-width:95rem; box-sizing:border-box; padding: 1.25rem 8rem 1.25rem 2.5rem; margin:0 auto; position:relative; } .cookieBanner .textWrapper{ display: inline-block; width: 60%; margin-bottom: 1rem; } .cookieBanner .buttonWrapper{ display: inline-block; text-align:right; vertical-align: top; width: 40%; } .cookieBanner .text { min-height:3rem; line-height: 1.5em; } .cookieBanner .closeButton { position: absolute; right: 2.5rem; top: 0.75rem; font-size:20px; line-height:40px; width: 40px; text-align: center; cursor: pointer; } .cookieBanner button { margin-left: 1rem; margin-bottom: 1rem; } .cookieBanner button.noStyle { padding: 0; margin: 0; border: none; background: none; color: inherit; font-family: initial; } .cookieBanner button.fas { font-family: 'Font Awesome 6 Free'; font-weight: 900; } @media screen and (max-width:1024px){ .cookieBanner .wrapper { padding-right: 5rem; padding-bottom: 0; } .cookieBanner .buttonWrapper, .cookieBanner .textWrapper{ width: 100%; } } @media screen and (max-width:544px) { .cookieBanner .wrapper { padding-top: 0.75rem; padding-left: 1rem; padding-right: 3rem; overflow: hidden; } .cookieBanner button { position: relative; display: inline-block; float: right; margin-bottom: 1rem; } .cookieBanner .closeButton { right: 0.5rem; top: 0.5rem; } } .cookieAgreementCategory { position: relative; margin-bottom: 1.5rem; width: 80rem; max-width: 100%; margin: 0 auto 3.5rem; box-sizing: border-box; } .cookieAgreementCategory .title { font-size: 1rem; line-height: 1.2em; display: block; cursor: pointer; } .cookieAgreementCategory.necessary .title{ cursor: inherit; } .cookieAgreementCategory .title .triStateCheckbox__icon, .cookieAgreementCategory input[type="checkbox"] { position: absolute; right: 2rem; top: 1.5rem; display: inline-block; vertical-align: middle; } .cookieAgreementOverview .expandInfoCategory { margin-bottom: 1rem; color: var(--color_cLink); cursor: pointer; } .cookieAgreementOverview .infoCategory { padding-bottom: 1rem; } .cookieAgreementCategory .showCookie { color: var(--color_cLink); cursor: pointer; } .cookieAgreementCategory label{ float: right; left: 7rem; position: relative; } .cookieAgreementCategory .wrapperCategorySecondPart { display: block; overflow: hidden; } .cookieAgreementCategory:not(.necessary) .wrapperCategoryFirstPart .title{ padding-right: 11rem; } .cookieAgreementCategory .wrapperCategoryFirstPart.open .infoCategory { display: block; } .cookieAgreementCategory.necessary .triStateCheckbox__icon, .cookieAgreementCategory.necessary label, .cookieAgreementCategory .wrapperCategoryFirstPart:not(.open) .infoCategory { display: none; } .cookieAgreementCategory .wrapperServiceFirstPart.open .title{ margin-bottom: 1rem; } .cookieAgreementCategory .widgetList .service { margin-top: 0.7rem; } .cookieAgreementCategory .wrapperCategorySecondPart.open .serviceList, .cookieAgreementCategory .wrapperCategorySecondPart.open .less.icon, .cookieAgreementCategory .cookieAgreementService .wrapperServiceFirstPart.open .icon.less, .cookieAgreementCategory .wrapperCategorySecondPart.open .cookieAgreementService .icon.more { display: block; } .cookieAgreementCategory .wrapperCategorySecondPart.open .more.icon, .cookieAgreementCategory .wrapperCategorySecondPart .less.icon, .cookieAgreementCategory .cookieAgreementService .wrapperServiceFirstPart.open .icon.more, .cookieAgreementCategory .cookieAgreementService .wrapperServiceFirstPart .icon.less, .cookieAgreementCategory .wrapperCategorySecondPart:not(.open) .serviceList { display: none; } @media all and (max-width: 1152px) { .cookieAgreementCategory { margin-bottom: 3rem; } } @media all and (max-width: 768px) { .cookieAgreementCategory { margin-bottom: 2.5rem; } } @media screen and (max-width: 544px) { .cookieAgreementCategory:not(.necessary) .wrapperCategoryFirstPart .title{ padding-right: 5rem; } .cookieAgreementCategory label{ display: none; } } .cookieAgreementCategory .showCookie:hover { color: var(--color_cBlack); } .cookieAgreementCategory .title .triStateCheckbox__icon { right: 0; top: 0; } .cookieAgreementCategory input[type="checkbox"]{ display: none; } .cookieAgreementCategory { margin-bottom: 0.5rem; } .cookieAgreementCategory label { font-family: EuclidFlex-Regular; left: 8rem; } .cookieAgreementCategory.necessary .title { cursor:pointer; } .cookieAgreementCategory .showCookie{ transition: all 0.3s; } .cookieAgreementCategory .showCookie:focus, .cookieAgreementCategory .showCookie:active{ color: var(--color_cBlack); } #overlay .cookieAgreementCategory { padding-top: 1.5rem; border-top: solid 1px var(--color_cLine); } #overlay .cookieAgreementCategory .title .triStateCheckbox__icon { top: 1.2rem; } #overlay .cookieAgreementCategory .wrapperCategoryFirstPart .title .BasicText { font-size: 1rem; line-height: 1.25rem; margin-bottom: 0.75rem; } .cookieAgreementOverview { display:block; margin:0 auto 1rem; padding-top: 2rem; padding-bottom: 1rem; box-sizing:border-box; background-color: var(--color_bcArea) ; } .cookieAgreementOverview .wrapper{ box-sizing:border-box; } .cookieAgreementOverview .icon{ position: absolute; line-height: 1.7em; } .cookieAgreementOverview .icon:before { padding-right: 0.5rem; } .cookieAgreementOverview .moreText, .cookieAgreementOverview .wrapper.firstPart.open .lessText, .cookieAgreementOverview .wrapperServiceFirstPart .title span:not(.icon), .cookieAgreementOverview .showCookie span:not(.icon){ padding-left: 1.5rem; padding-right: 8rem; box-sizing: border-box; display: block; } .cookieAgreementOverview .title { font-size: 1.25rem; line-height: 1.5em; margin-bottom: 1rem; } .cookieAgreementOverview .expand { padding: 0.5rem 0; color: var(--color_cLink); cursor: pointer; display: inline-block; } .cookieAgreementOverview .close, .cookieAgreementOverview .ok { display: block; float:right; } .cookieAgreementOverview .close { margin-right: 1rem; display: none; } #overlay .cookieAgreementOverview .close, #spacerHeader .cookieAgreementOverview .close { display: block; } .cookieAgreementOverview .info p, .cookieAgreementOverview .text{ margin-bottom: 1rem; } .cookieAgreementOverview .wrapper.firstPart{ overflow: hidden; } .cookieAgreementOverview .wrapper.firstPart.open .info, .cookieAgreementOverview .wrapper.firstPart.open .less, .cookieAgreementOverview .wrapper.firstPart .more { display: block; } .cookieAgreementOverview .wrapper.firstPart:not(.open) .info, .cookieAgreementOverview .wrapper.firstPart .less, .cookieAgreementOverview .wrapper.firstPart.open .more { display: none; } .cookieAgreementOverview .wrapper.secondPart{ margin-bottom: 0; } #overlay .cookieAgreementOverview{ max-width: 42rem; } @media screen and (max-width: 1000px) { #overlay .cookieAgreementOverview{ max-width: 35rem; } #overlay .cookieAgreementOverview .close { margin-right: 0; margin-top: 0.5rem; clear: both; } } @media screen and (max-width: 720px) { #overlay .cookieAgreementOverview{ max-width: inherit; } } @media screen and (max-width: 544px) { .cookieAgreementOverview .moreText, .cookieAgreementOverview .wrapper.firstPart.open .lessText, .cookieAgreementOverview .wrapperServiceFirstPart .title span:not(.icon), .cookieAgreementOverview .showCookie span:not(.icon){ padding-right: 2rem; } #overlay .cookieAgreementOverview .ok, #overlay .cookieAgreementOverview .close { width: 100%; } } .cookieAgreementOverview .expand:hover { color: var(--color_cBlack); } #overlay .cookieAgreementOverview { padding-top: 2rem; margin-top: 0; } .cookieAgreementOverview { background-color: var(--color_cWhite); margin: 0 0.5rem 2.5rem; padding: 1.25rem; } .cookieAgreementOverview .icon { line-height: 1.5rem; } .cookieAgreementOverview .intro { margin-top: 0; } .cookieAgreementOverview .title { font-family:EuclidFlex-Bold; font-size:1rem; line-height:1.5em; } .cookieAgreementOverview .text { margin-bottom: 0.5rem; line-height: 1.5em; font-size: 1rem; } .cookieAgreementOverview .expand { line-height: 1.5rem; font-size: 1rem; transition: all 0.3s; } .cookieAgreementOverview .expand:focus, .cookieAgreementOverview .expand:active{ color: var(--color_cBlack); } .cookieAgreementOverview .close { margin: 0.5rem 0 0 0; clear: both; } .cookieAgreementOverview .firstPart .title{ font-family: EuclidFlex-Bold; font-size: 1.75rem; line-height: 1.5em; } #overlay .cookieAgreementOverview .title{ color: var(--color_cBlack); padding-left: 0; padding-bottom: 0; } #overlay .cookieAgreementOverview .firstPart { margin-bottom: 2rem; } #overlay .cookieAgreementOverview .firstPart > .title{ font-size: 1.75rem; line-height: 2rem; margin-left: 0; } #overlay .cookieAgreementOverview .showCookie span{ padding-right: 0; } @media screen and (min-width:1441px) { .csfullnright > .cookieAgreementOverview, .csfullnright .pageContentElement >.cookieAgreementOverview { padding:3.75rem; } } @media screen and (max-width: 960px) and (min-width: 831px){ .cookieAgreementOverview .moreText, .cookieAgreementOverview .wrapper.firstPart.open .lessText, .cookieAgreementOverview .wrapperServiceFirstPart .title span:not(.icon), .cookieAgreementOverview .showCookie span:not(.icon) { padding-right: 1rem; } } @media screen and (max-width: 928px) { .cookieAgreementOverview .wrapper { padding-left: 0; padding-right: 0; } } @media screen and (max-width: 578px) { .cookieAgreementOverview .moreText, .cookieAgreementOverview .wrapper.firstPart.open .lessText, .cookieAgreementOverview .wrapperServiceFirstPart .title span:not(.icon), .cookieAgreementOverview .showCookie span:not(.icon) { padding-right: 2rem; } } .wrapperCategorySecondPart .serviceList.noSelectableServices input { display: none; } .cookieAgreementService { padding-right: 4rem; padding-left: 1rem; background-color: var(--color_bcFond); cursor: pointer; position: relative; } .cookieAgreementService label{ left: 0; display: block; } .cookieAgreementService .title { display: block; margin-bottom: 0; cursor: pointer; padding-top: 1rem; padding-bottom: 1rem; } .cookieAgreementService .wrapperServiceFirstPart.open .cookieList { display: block; } .cookieAgreementService .wrapperServiceFirstPart:not(.open) .cookieList { display: none; } .cookieAgreementService .cookieInformation { border-collapse: collapse; margin-bottom: 1rem; border-bottom: solid 1px #ccc; font-size: 0.75rem; width: 100%; } .cookieAgreementService .cookieInformation:last-child { border-bottom: none; } .cookieAgreementService .cookieInformation td { padding: 0 0.6rem 0.25rem; line-height: 1.5em; } .cookieAgreementService .cookieInformation__value { word-wrap: anywhere; padding-right: 0.5rem; } .cookieAgreementService .cookieInformation tr:last-child td { padding-bottom: 0.5rem; } .cookieAgreementService .cookieInformation__label { width: 18%; text-align: right; padding-right: 0.5rem; font-weight: bold; } @media screen and (max-width: 544px) { .cookieAgreementService label span{ display: none; } } .cookieAgreementService { padding-right: 1.5rem; overflow: auto; border-radius: 3px; } .cookieAgreementService .cookieInformation{ border:solid 1px var(--color_cLine); } .cookieAgreementService .cookieInformation:last-child{ border-bottom:solid 1px var(--color_cLine); } .cookieAgreementService .title { font-family: EuclidFlex-Regular; } .cookieAgreementService .cookieInformation td { padding: 0.8rem 0 0 1rem; } .cookieAgreementService .cookieInformation tr:last-child td { padding-bottom: 0.8rem; } .cookieAgreementService label{ padding-right: 2.5rem; line-height: 1.5rem; font-size: 1rem; } .cookieAgreementService label .icon{ position: absolute; right: 0; height: 1.5rem; width: 1.5rem; box-sizing:border-box; border: 1px solid var(--color_cLine); background-color: var(--color_cWhite); } .cookieAgreementService input[type="checkbox"] + span::before{ font-family: "SSGizmo"; content: "\2713"; font-size: 1.31rem; line-height: 1.8rem; color:transparent; text-align:center; } .cookieAgreementService .cookieInformation__label{ text-align: left; } .cookieAgreementService input[type="checkbox"]:checked + span::before { color: var(--color_cBlack); } @media screen and (max-width: 544px) { .cookieAgreementService label .icon{ display: block; } } [data-dynamic-loader="loader"].loading { width:50px; height:50px; background-image:url("/Ressource/Graphic/loading.gif"); background-position: center; background-repeat: no-repeat; } .SetImage.smartLightbox .zoom, .SetImage.smartLightbox .count{ position: absolute; right: 0; top: 0; padding: 1rem; font-size: 1.5rem; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; } .SetImage.smartLightbox:hover .zoom, .SetImage.smartLightbox:hover .count{ color: var(--color_cWhite); } .SetImage.smartLightbox .zoom{ font-size: 2.5rem; } .versionHint { padding: 1rem 2rem; background-color: var(--admin_color_bcVersionHint); overflow: hidden; color: var(--admin_color_cVersionHint); } .versionHint .hint { margin-right: 1rem; } .versionHint .defaultButton.reloadPage { display: inline-block; cursor: pointer; color: var(--color_cGreyBorder); } .versionHint .defaultButton.reloadPage:hover { text-decoration: underline; } .versionHint .closeVersionHint { float: right; cursor: pointer; } .VersionProperty .description.multipage { min-height:8rem; } .VersionProperty .descriptionWrapper .description .title { margin:0 0 0.75rem; font-size:1rem; width:auto; float:none; } .VersionProperty .description .content, .VersionProperty .generalInfos { font-size:0.75rem; margin-bottom:0.75rem; } .versionHint { font-family: EuclidFlex-Regular; } :root { --color_cLine:#d8d8d7; --color_cLink:#f07800; --color_cIconAction:#8c8c8a; --color_cIconPassive:#b4b4b4; --color_cText:#505050; --color_cTextAmount:#505050; --color_cTextPassive:#999999; --color_cOnClick:#e55220; --color_cError:#e0152b; --color_cValid:#31b847; --color_cYellow:#e3cd41; --color_cOrange:#ff7700; --color_cGreen:#7ca545; --color_cRed:#e0292b; --color_cWhite:#ffffff; --color_cBlack:#000000; --color_cGrey:#e1e1de; --color_cGreyBorder:#d5d7d2; --color_cCellmsBlue:#00BEFF; --color_cTransparent:rgba(0, 0, 0, 0); --color_bcInfoBox:rgba(80,80,80,0.5); --color_bcInfoBox70:rgba(80,80,80,0.7); --color_bcWhiteTrans:rgba(255, 255, 255, 0.9); --color_bcBlueTrans:rgba(0, 56, 113, 0.9); --color_bcFond:#f5f5f2; --color_bcArea:#ebebe8; --color_bcFooter:#3c3c3c; --color_bcCellmsBlue40:rgba(125,222,255,0.4); --color_bcPosMenu:#1EE0CA; --admin_color_cAdminButton:#AAAAAA; --admin_color_cAdminButtonBorder:#b2b2b2; --admin_color_cCaption:#777777; --admin_color_cInput:#444444; --admin_color_cLine:#CCCCCC; --admin_color_cRed:#e0292b; --admin_color_cVersionHint:#FFFFFF; --admin_color_cInactiveCell: #808080; --admin_color_bcAdminButton:#1B1B1C; --admin_color_bcCellmsBlue10:#E5F8FF; --admin_color_bcDropZone:#C8EBFB; --admin_color_bcDropZoneLight:#deebfb; --admin_color_bcToolbar:#333439; --admin_color_bcRte:#D4F1F6; --admin_color_bcRteActive:#DDDDDD; --admin_color_bcVersionHint:#333439; --admin_color_bcPropertyTooltip:#f5f5f2; --admin_color_bcInputGradient:#ececec; --admin_color_bcRedOverlay:rgba(255, 0, 0, 0.33); --admin_color_bcGreenOverlay:rgba(0, 255, 0, 0.33); --admin_color_bcInactiveCell: #bfbfbf; --crm_color_ccGrey:#8c8c8a; --crm_color_cGreyLight:#cdcdca; --crm_color_cMain:#1EE0CA; --crm_color_cMainHover:#18b09e; --crm_color_cText:#1EE0CA; --crm_color_cbcAreaGreyLight:#DCEBEA; --crm_color_cbcAreaMainLight:#c2e0dd; --crm_color_cbcDropDown:#e1e1de; --addressType_b2b_retailshop:rgb(247, 100, 20); --addressType_b2b_warehouse:rgb(35, 183, 68); --addressType_b2b_administration:rgb(239, 199, 94); --addressType_company:rgb(163, 97, 255); --addressType_private:rgb(255, 97, 163); --addressType_unknown:rgb(111, 61, 211); --filemanager_bcHover:#e7f4f9; --filemanager_bcSelected:#C8EBFB; --filemanager_bcDialog: #f5f5f2; --filemanager_bcDialogHeader: linear-gradient(180deg, rgba(60, 60, 60, 1) 0%, rgba(100, 100, 100, 1) 100%); --filemanager_bcDialogBtn: #ececec; --filemanager_cDialogBorder: #CCCCCC; --filemanager_bcOverlay: rgba(170, 170, 170, 0.3); --filemanager_bcTr: #CCC2; --filemanager_bcTr2n: #CCC5; } :root { --color_cText: #000000; --color_cTextPassive: #b2b2b2; --color_cLine: #b2b2b2; --color_cBlue: #007daa; --color_cLink: #37e0ff; --color_cBlueLight: #37e0ff; --color_cBlueDark: #015999; --color_cGray: #7f7f7f; --color_cGrayLight: #dddddd; --color_cOrange: #e68a00; --color_cTurquoise: #37e0ff; --color_cTurquoiseDark: #00adcc; --color_cWhite: #ffffff; --color_bcArea: #f2f2f0; --color_bcMenu: rgba(0,0,0,0.2); --color_bcBlack20: rgba(0,0,0,0.2); --color_bcBlack50: rgba(0,0,0,0.5); --color_bcBlack70: rgba(0,0,0,0.7); --color_bcBlackDark: #000000; --color_bcWhite50: rgba(255,255,255,0.5); } .Page { width: 100%; } .header .headerWrapper, #spacerHeader, .content[data-role="content"], .footerWrapper, .poweredByCellms .wrapper { max-width:90rem; margin:0 auto; } .Page { color:var(--color_cText); font-family:EuclidFlex-Regular; } .content[data-role="content"] { min-height:30rem; padding:0 2.5rem; box-sizing:border-box; } .content .pinWrapper { position: relative; } .content .contentSeparator.csright { padding-left: 20rem; width: 100%; box-sizing: border-box; } .content .contentSeparator.csleft{ width: 19.75rem; float: left; position: absolute; top: 0; } @media print{ @page { size: auto; margin: 10mm 10mm 10mm 10mm; } .content[data-role="content"] { margin:0; padding:0; max-width:none; } } @media screen and (max-width:832px) { .content[data-role="content"] { padding-left:1rem; padding-right:1rem; } .content .contentSeparator.csright { padding-left: 0; width: 100%; } .content .contentSeparator.csleft{ width: 100%; position: static !important; clear:both; } } @media screen and (max-width:544px) { .content[data-role="content"] { padding:0; } } .pageBcImage { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-position: center center; background-color:var(--color_cGray); z-index: -99999; } .headerWrapper { color:var(--color_cWhite); box-sizing:border-box; padding:0 3rem; position:relative; } .header .title { opacity: 0; position: absolute; z-index: -100; } .header .actionWrapper { text-align:right; } .header .actionWrapper a:not(.editButton):not(.defaultButton) { color: var(--color_cWhite); background-color: var(--color_cBlack); display: inline-block; font-size:1.125rem; line-height:1em; padding: 0.5rem; margin: 0 0 0 0.375rem; height: 1.125rem; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .header .actionWrapper a:not(.editButton):not(.defaultButton):active, .header .actionWrapper a:not(.editButton):not(.defaultButton):focus { background-color:var(--color_cBlueLight); } .header .BasicLanguageBox, .header .actionLinkList, .header .CustomUserLogin { display:inline-block; } .header .CustomUserLogin .userName { margin-right:0.5rem; } .header .actionLinkList .BasicText { display:none; } .header .navWrapper{ position: relative; display: inline-block; } .header .actionWrapper .loginBox.dropdownBox a:not(.editButton):not(.defaultButton):last-child, .header .actionWrapper .languageMenu .ListLinkList li:last-child a { border-bottom-width: 0; } .header .BasicLanguageBox { width: 100%; } .header .languageMenu.open { display: block; } .header .BasicLanguageBox a.selected { } .pageActionBar .pageAction.language .languageMenu { right: 3.5rem; bottom: 10rem; left: auto; top: auto; } .pageActionBar .pageAction.language.open .languageMenu { display: block; } .pageActionBar .pageAction.language .languageMenu::before { top: auto; left: auto; right: -0.42rem; bottom: 2rem; border-width: 1.5rem 0 0 0.75rem; border-color: transparent transparent transparent var(--color_cWhite); } .pageActionBar .pageAction.language .languageMenu span { display: inline-block; } .pageActionBar .pageAction.language .languageMenu .ListLinkList li:last-child a { border-bottom-width: 0; } .header .logoWrapper { clear:both; float:left; margin-top:-1.5rem; margin-bottom:1.5rem; position: relative; } .header .logoGraphic { float:left; margin-right:1.75rem; /* margin-bottom:3.5rem; standard logo text*/ margin-bottom: 4.5rem; /* Logo Text 35 Jahre */ margin-top: 1.25rem; } .header .logoGraphic img { /* height:5.25rem; standard logo */ height: 3.5rem; /* Logo Text 35 Jahre */ } .header .logoText { position: absolute; /* top: 7.125rem; standard logo text*/ /* left: 3.25rem; standard logo text */ top: 5.25rem; left: 2.75rem; } .header .logoText img { /* height: 2.325rem; standard logo text */ height: 4rem; /* Logo Text 35 Jahre */ } .header .logoGraphic img, .header .logoText img { color: var(--color_cText); } .header .desktopMenuIcon { float:right; padding:0.5rem; cursor:pointer; } .header .breadcrumb { clear:both; overflow:hidden; margin-bottom:1rem; } .header .breadcrumb a { color: var(--color_cWhite); } .header .breadcrumb .navPath { float:left; max-width: 75%; } .header .breadcrumb .customNav { float:right; } .header .breadcrumb .customNav a, .header .breadcrumb .customNav > div { margin-left:0.75rem; display:inline-block; } .header .breadcrumb .customNav > div { color:var(--color_cBlack); } .header .breadcrumb .customNav .separator { font-size: 0.75rem; vertical-align: middle; display:inline-block; padding-top:2px; width:0.375rem; } .header .breadcrumb .customNav .navIcon { margin-right:0.25rem; } .header .breadcrumb .customNav .previous .navIcon { margin-right:0.5rem; } .contentLoaderWrapper { background-color:rgba(0,0,0,0.2); } @media print { .header { display:none; } } @media screen and (max-width:960px) { .header .logoText{ display: none; } } @media screen and (max-width:832px) { .headerWrapper { padding:0 1.5rem; } } @media screen and (max-width:544px) { .headerWrapper { padding:0 1rem; overflow:hidden; } .header .actionWrapper, .header .breadcrumb { display:none; } .header .logoWrapper { margin:1rem 0 0; } .header .logoText{ display: block; } } @media screen and (max-width:400px) { .header .logoGraphic { margin-bottom: 2rem; } .header .logoText{ display: none; } } .overlayOpen .Page { position:fixed !important; z-index:-1; } .pageOverlay { background-color: rgba(0,0,0,0.5); width: 100%; text-align: center; z-index: 10; position: absolute; top: 0; transition: opacity 0.5s; opacity: 0; overflow: hidden; } .pageOverlay:not(.open) { height: 0 !important; } .pageOverlay.open { opacity: 1; overflow: visible; } .pageOverlay .overlayContent { display:inline-block; vertical-align:middle; text-align:left; max-width:100%; } .overlaySearch.pageOverlay { z-index:30; } .overlaySearch.pageOverlay .inputSearchIcon { display:none; } .header .actionWrapper a:not(.editButton):not(.defaultButton):active, .header .actionWrapper a:not(.editButton):not(.defaultButton):focus { background-color:var(--color_cBlueLight); } .header .mainMenu.ListLinkList .BasicText { display:none; } .mainMenu a { color: var(--color_cBlack); } .desktopMenu .mainMenu ul.link { float:right; text-align:right; clear:both; } .mainMenu li[data-depth="0"] { background-color:var(--color_cWhite); box-sizing:border-box; display:inline-block; margin:0 0 0.5rem 0.5rem; vertical-align:top; overflow:hidden; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .mainMenu li[data-depth="0"] > .SetLink { display:block; font-family:EuclidFlex-Medium; font-size:0.875rem; padding:0.5rem 1rem; text-transform:uppercase; letter-spacing:1px; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .mainMenu li[data-depth="0"] > .SetLink.selected { background-color:var(--color_cBlack); color:var(--color_cWhite); } .mainMenu li[data-depth="1"] { padding: 0 1rem; overflow:hidden; } .mainMenu li[data-depth="1"] > .SetLink { border-bottom:1px solid var(--color_cBlack); padding:0.5rem 0; font-family:EuclidFlex-Bold; font-size:0.8125rem; display:block; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .mainMenu .children[data-depth="1"] { overflow:hidden; display:none; width:12.875rem; } .mainMenu .SetLink.wide + .children[data-depth="1"] { width:27.875rem; } .mainMenu li.open .children[data-depth="1"], .overlayMenu .mainMenu .children[data-depth="1"] { padding:1rem 0; overflow:hidden; display:block; } .header .desktopMenu { margin-top:1.5rem; } .header .desktopMenu .mainMenu { overflow:hidden; opacity:1; margin-bottom:1.5rem; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .header .desktopMenu .mainMenu.close { opacity:0; } .header .mainMenu .children[data-depth="1"] { display:none; } .overlayMenu { } .overlayMenu .mainMenu { padding:3rem 2rem; } .overlayMenu .mainMenu li[data-depth="0"] > .SetLink { min-width:11rem; padding:0.5rem 1.5rem; } .overlayMenu .mainMenu ul.link { text-align:center; } .overlayMenu .mainMenu li[data-depth="0"] { display:inline-block; } .overlayMenu .mainMenu li[data-depth="0"] > .SetLink.wide { width:25.625rem; } .overlayMenu .mainMenu li[data-depth="1"] { padding:0 1.5rem; } .overlayMenu .mainMenu .SetLink.wide + .children[data-depth="1"], .overlayMenu .mainMenu .children[data-depth="1"] { width:100%; } .desktopMenuButton { position:fixed; top:3rem; left:0; right:0; height:0; z-index:20; } .desktopMenuButton .wrapper { max-width:90rem; margin:0 auto; height:0; } .header .desktopMenuButton .menuButton { float:right; } .mainMenu li[data-depth] > .SetLink:active, .mainMenu li[data-depth] > .SetLink:focus { background-color:var(--color_cBlack); color:var(--color_cWhite); } .mainMenu li[data-depth] > .SetLink:active a, .mainMenu li[data-depth] > .SetLink:focus a { color:var(--color_cWhite); } @media screen and (max-height: 544px) { .header .desktopMenuButton { top:1.5rem; } } @media screen and (max-width:544px) { .header .desktopMenu, .header .desktopMenuButton { display:none; } .overlayMenu { display:none !important; } } .mainMenu li[data-depth] > .SetLink:active, .mainMenu li[data-depth] > .SetLink:focus { background-color:var(--color_cBlack); color:var(--color_cWhite); } .mainMenu li[data-depth] > .SetLink:active a, .mainMenu li[data-depth] > .SetLink:focus a { color:var(--color_cWhite); } .header .closeIcon, .header .mobileMenuButton { position:absolute; top:0.5rem; right:0.5rem; padding:1rem 0.875rem; cursor:pointer; z-index:10; } .header .mobileMenuButton { display:none; position:fixed; } .header .mobileMenu { display:none; position:fixed; z-index:1000; right:0; left:0; top:-100%; height:100%; background-color:rgba(0,0,0,0.9); overflow:hidden; -o-transition:background-color 0.5s; -ms-transition:background-color 0.5s; -moz-transition:background-color 0.5s; -webkit-transition:background-color 0.5s; transition:background-color 0.5s; color:var(--color_cWhite); } .header .mobileMenuContent { position:absolute; top:-100%; right:0; left:0; height:100%; -o-transition:top 0.5s; -ms-transition:top 0.5s; -moz-transition:top 0.5s; -webkit-transition:top 0.5s; transition:top 0.5s; } .closeIcon .icon { color: var(--color_cWhite); font-size: 1.5rem; } .adminMobile { display:none; margin:0 auto; overflow:hidden; float:right; } .adminMobile ul.link { display:none; } .adminMobile .caption, .adminMobile .mobileNav { float:left; } .adminMobile .caption { margin-right:1rem; line-height:1.5rem; } .header .menuContent { height:100%; overflow-y:scroll; -webkit-overflow-scrolling: touch; box-sizing: border-box; } .header .menuContent .firstLine { height:3rem; line-height:3rem; text-align:center; font-size:1rem; text-transform:uppercase; letter-spacing:1px; /*Gotham Bold*/ font-family: 'Gotham A', 'Gotham B', 'Helvetica'; font-style: normal; font-weight: 700; } .header .menuContent .firstLine a { color:var(--color_cWhite); } .mobileMenu .nextLevelCaption{ position: absolute; top: 0; left: 100%; width: 100%; margin-top: -6.5rem; display:none; } .mobileMenu .nextLevelCaption.move{ left: 0; display:block; } .mobileMenu .nextLevelCaption .back{ position: absolute; cursor: pointer; font-size: 2em; padding-left: 0.6rem; padding-top: 0.6rem; } .mobileMenu .nextLevelCaption .caption{ width: 100%; text-align:center; color:var(--color_cWhite); font-size:0.8125rem; line-height: 3rem; text-transform:uppercase; letter-spacing:1px; /*Gotham Bold*/ font-family: 'Gotham A', 'Gotham B', 'Helvetica'; font-style: normal; font-weight: 700; } .mobileMenu .mobileNav { margin-bottom: 1rem; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; position: relative; } .mobileMenu .mobileNav > ul{ position: relative; left: -0%; top: 0; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .mobileMenu .mobileNav ul.move{ left: -100%; } .mobileMenu .mobileNav li ul, .mobileMenu .mobileNav ul ul ul{ position: absolute; top: 0; left: 100%; width: 100%; display: none; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .mobileMenu .mobileNav ul ul ul{ left: 200%; } .mobileMenu .mobileNav li ul.show{ display:block; } .mobileMenu .mobileNav li ul a{ text-transform: none; } .mobileMenu .mobileNav li:first-child{ border-top: 1px solid rgba(255,255,255,0.1); } .mobileMenu .mobileNav li{ padding-right: 0.5rem; border-bottom: 1px solid rgba(255,255,255,0.1); } .mobileMenu .mobileNav li.hasChildren > .noLink::after, .mobileMenu .mobileNav li.hasChildren > a::after{ font-family:SSGizmo; content:'▻'; float: right; font-size: 1.25rem; font-weight:100; line-height:1.27rem; color: var(--color_cGray); display:block; padding-right:0.3125rem; } .mobileMenu .mobileNav .noLink, .mobileMenu .mobileNav a { box-sizing: border-box; color:var(--color_cWhite); font-size:0.8125rem; text-transform:uppercase; letter-spacing:1px; display:block; padding: 1rem 0 1rem 1rem; /*Gotham Bold*/ font-family: 'Gotham A', 'Gotham B', 'Helvetica'; font-style: normal; font-weight: 700; margin-left: 0.5rem; } .mobileMenu .mobileNav a.selected { border-left :0.5rem solid var(--color_cWhite); margin-left: 0; } .mobileMenu .mobileNav .noLink:active, .mobileMenu .mobileNav .noLink:focus .mobileMenu .mobileNav a:active, .mobileMenu .mobileNav a:focus { background-color: var(--color_cWhite); color: var(--color_cBlack); } .mobileMenu .mobileNav li:first-child a, .mobileMenu .mobileNav li:first-child .noLink { text-transform:uppercase; letter-spacing:1px; } .mobileMenu .closeIcon{ top: 0; right: 0; padding: 0.475rem 0.475rem 0rem 0.3rem } .mobileMenu .closeIcon .icon { font-size: 2rem; } .mobileMenu .channels{ text-align:center; } .mobileMenu .CustomUserLogin { display:block; margin-bottom:2.5rem; text-align:center; } .header .mobileMenu .actionLinkList{ margin-bottom:1rem; text-transform: inherit; } .mobileMenu .ListLinkList.actionLinkList li { display: block; } .mobileMenu .actionLinkList a, .mobileMenu .CustomUserLogin a { color:var(--color_cWhite); padding: 1rem; } .header .actionLinkList, .mobileMenu .CustomUserLogin a.logout, .mobileMenu .CustomUserLogin a.login { /*Gotham Bold*/ font-family: 'Gotham A', 'Gotham B', 'Helvetica'; font-style: normal; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; font-size: 0.625rem; } .mobileMenu .actionLinkList a.selected, .mobileMenu .menuContent .BasicLanguageBox a.selected{ text-decoration: underline; } .mobileMenu .actionLinkList, .mobileMenu .BasicLanguageBox{ width: 50%; margin: 0 auto; overflow:hidden; display: block; text-align:center; } .mobileMenu .actionLinkList a, .mobileMenu .BasicLanguageBox a{ text-align: center; box-sizing: border-box; font-size: 0.875rem; color: var(--color_cWhite); font-family: EuclidFlex-Medium; font-weight: normal; display: block; padding: 1rem; border-bottom: 1px solid rgba(255,255,255,0.1); } .mobileMenu .searchWidget.BasicForm{ width: 100%; box-sizing: border-box; padding: 0 0.5rem; margin-bottom:0.625rem; } .mobileMenu .searchWidget form{ border: none; border-radius: 0; } .mobileMenu .searchWidget form .searchInputWrapper{ padding: 0; position: relative; } .mobileMenu .searchWidget form #inputSearch{ border-radius: 0; height: 3rem; color: var(--color_cGray); } .mobileMenu .searchWidget .inputSearchIcon{ position: absolute; top: 2rem; right: 14px; font-size: 1.25rem; color: var(--color_cGray); } .mobileMenu .searchWidget input[type="submit"]{ display: none; } .mobileMenu .logoutSelection{ display: none; } .mobileMenu .dropdownBox{ right: auto; } .mobileMenu .dropdownBox a:not(.editButton):not(.defaultButton){ background-color: var(--color_cBlueLight); display: inline-block; padding-left: 1rem !important; padding-right: 1rem !important; } .mobileMenu .dropdownBox a:not(.editButton):not(.defaultButton):focus, .mobileMenu .dropdownBox a:not(.editButton):not(.defaultButton):active{ background-color:var(--color_cBlue); } @media all and (min-width: 545px) { .Page { position:static !important; } } @media all and (max-width: 544px) { .header .mobileMenuButton { display:block; } .header .mobileMenu { display:block; } .Page.menuOpened { position:fixed; right:0; left:0; background-color:var(--color_cWhite); } .menuOpened .header .menuIcon { display:none; } .menuOpened .header .mobileMenu, .menuTransition .header .mobileMenu { top:0; } .menuOpened .header .mobileMenu { background-color:rgba(0,0,0,0.9); } .menuOpened .header .mobileMenuContent { top:0; } } .footer{ width: 100%; background-color: var(--color_cBlack); color: var(--color_cWhite); } .footerWrapper{ box-sizing: border-box; padding: 3rem; overflow: hidden; } .footer .column{ width: 33%; float: left; } .footer .column.social, .footer .column.newsletter { float: right; } .footer .column.newsletter .caption { font-family: EuclidFlex-Bold; margin-bottom: 0.5rem; } .footer .column.newsletter .BasicForm{ width: 100%; position: relative; padding: 0 0 1.35rem; box-sizing: initial; } .footer .column.newsletter .BasicForm .wrapperForm { background-color: transparent; padding: 0; } .footer .column.newsletter .wrapper{ padding: 0; } .footer .column.newsletter .mandatory_field_desciption{ display: none; } .footer .column.newsletter input[type="email"]{ box-sizing: border-box; border-radius: 3px; width: 100%; height: 40px; border: 0; background-color: var(--color_cWhite); font-family: EuclidFlex-Regular; color: var(--color_cBlack); } .footer .column.newsletter .validationMessage{ margin:0; } .footer .column.newsletter .BasicForm .formSubmitMessage{ padding: 0; color: var(--color_cWhite); } .footer .column.newsletter .confirm{ height: 0; padding: 0; } .footer .column.newsletter button{ width: 2.5rem; border-radius: 0; border-top-right-radius: 3px; border-bottom-right-radius: 3px; color: var(--color_cBlack); line-height: 2.5rem; border: 0; position: absolute; top: 1.125rem; right: 0; background-color: var(--color_cWhite); -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; padding:0; font-size: 1.25rem; } .footer .BasicForm .text label { color: var(--color_cWhite); } .footer .column .BasicText{ line-height: 1.5em; padding-bottom: 3rem; } .footer .column .BasicText a, .footer .column .BasicText a:visited, .footer .column.newsletter button:focus, .footer .column.newsletter .BasicForm button:focus, .footer .column.newsletter button:active, .footer .column.newsletter .BasicForm button:active { color: var(--color_cWhite); } .poweredByCellms:active .poweredByCellmsCaption, .poweredByCellms:focus .poweredByCellmsCaption{ color: var(--color_cWhite); } .footer .column.newsletter .BasicForm button.hover{ background-color: var(--color_cBlueLight); color: var(--color_cWhite); } .footer .column .ListLinkList li a:active, .footer .column .ListLinkList li a:focus { color: var(--color_cBlueDark); } .footer .column.newsletter .BasicForm button:focus, .footer .column.newsletter .BasicForm button:active { color: var(--color_cWhite); background-color: var(--color_cBlueLight); } .footer .column .BasicText a:active, .footer .column .BasicText a:focus { color: var(--color_cBlueDark); } .footer .column.linklist{ margin-bottom: 2rem; } .footer .column .ListLinkList li a{ color: var(--color_cWhite); -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; padding: 0.2rem; } .poweredByCellms{ display:none; width: 100%; border-top: 1px solid var(--color_cWhite); overflow: hidden; } .poweredByCellms .wrapper{ box-sizing: border-box; padding: 0 3rem; } .poweredByCellms .logoLink { width: 100%; } .poweredByCellms img { float:left; height: 2rem; width: 4.5rem; padding: 1rem 0; } .poweredByCellms .poweredByCellmsCaption{ color: var(--color_cBlack); text-transform: uppercase; text-align:center; width: 100%; line-height: 4rem; letter-spacing: 1px; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; font-family: 'Gotham A', 'Gotham B', 'Helvetica'; font-style: normal; font-weight: 700; } @media print { .footer .newsletter, .footer .linklist, .footer .social { display:none; } .footer .footerWrapper { margin:0; padding:0 0.5rem; } } @media screen and (max-width: 832px){ .footer .column.linklist{ display: none; } .footer .column{ width: 50%; } .footerWrapper{ padding: 2rem 1.5rem; } .poweredByCellms .poweredByCellmsCaption{ display: none; } .poweredByCellms .wrapper{ padding: 0 2rem 1.5rem; } } @media screen and (max-width: 544px){ .footer .column{ width: 100%; } .footerWrapper{ padding: 1rem; } .footer .column.social, .footer .column .BasicText, .footer .column.newsletter .submit_message{ text-align: center; } .footer .column .BasicText{ padding-bottom: 2.75rem; } .footer .column.newsletter .BasicForm{ padding-bottom: 1rem; margin-top: 0.5rem; } .poweredByCellms img{ margin: 0 auto; float: none; } .footer .column .BasicText a, .footer .column .BasicText a:visited { color: var(--color_cBlueDark); } } .BasicHtmlContent { margin: 32px 32px 0 32px; } #infoBox { overflow:hidden; width:222px; /*246 -2*12 padding*/ position:fixed; right:20px; top:104px; z-index : 1000; } @media screen and (max-width: 544px) { #infoBox { width: auto; left: 20px; } } #infoBox .message { padding: 12px 12px; background-color: var(--color_bcInfoBox); color:var(--color_cWhite); border-radius: 5px; margin-bottom:6px; display:none; cursor:pointer; } .BasicLanguageBox.interferer { display: none; z-index: 9000; height: 0; background-color: var(--color_cRed); position: fixed; top: 0; left: 0; right: 0; } .BasicLanguageBox.interfererInner { } .BasicLanguageBox.interferer .captionTitle, .BasicLanguageBox.interferer .captionTitle > * { display: inline-block; vertical-align: top; height: 100%; } .BasicLanguageBox.interferer .captionTitle img { margin-right: 1rem; height: 1.125rem; } .BasicLanguageBox.interferer .item > * { display: inline-block; vertical-align: middle; } .BasicLanguageBox.interferer .item img { height: 1.25rem; margin-right: 1rem; } .BasicSpacerContentLoader{ width:100%; overflow:hidden; position:relative; } .BasicSpacerContentLoader .closeButton { position:absolute; top:10px; right:10px; font-size:16px; cursor:pointer; display:none; } .BasicSpacerContentLoader.opened .closeButton { display:block; } .wrapperContentLoader { overflow:hidden; } .BasicSpacerContentLoader .waitBox { background-image: url("/Ressource/Graphic/loading.gif"); background-repeat:no-repeat; background-position:center; display:none; } .BasicSpacerContentLoader.wait .waitBox { background-image: url("/Ressource/Graphic/loading.gif"); background-repeat:no-repeat; background-position:center; display:block; margin:64px 0; height: 32px; } .wrapperContentLoader { max-width: 85rem; margin: 0 auto; } .BasicSpacerContentLoader .closeButton { z-index:1000; width: 2rem; height: 2rem; line-height:2rem; text-align:center; top:0; right:0; font-size: 2rem; padding: 0.5rem; color:var(--color_cWhite); } [data-spacer-content-loader] { cursor: pointer; } .BasicSpacerContentLoader .registerSuccessful, .BasicSpacerContentLoader .CustomUserLogin, .BasicSpacerContentLoader .CustomUserProfile.register, .CustomUserResetPassword { margin: 1.5rem auto; padding: 0 0.5rem; max-width: 40rem; width:100%; position: relative; overflow:hidden; box-sizing:border-box; } .BasicSpacerContentLoader .registerSuccessful .formSubmitMessage, .BasicSpacerContentLoader .CustomUserLogin .formSubmitMessage, .BasicSpacerContentLoader .CustomUserProfile.register .formSubmitMessage, .CustomUserResetPassword .formSubmitMessage { padding:0; } .BasicSpacerContentLoader .title, .BasicSpacerContentLoader .formTitle, .BasicSpacerContentLoader h1 { color:var(--color_cWhite); padding: 0 0.5rem 1rem; } .BasicSpacerContentLoader .CustomUserNavigation { position: absolute; bottom: 0; left:0.625rem; font-size:0.75rem; } .BasicSpacerContentLoader .ui-widget-boxshadow { box-shadow: none; } .BasicSpacerContentLoader .CustomUserLogin .wrapper { float: left; clear: none; width: 50%; } .BasicSpacerContentLoader .wrapper.button, .BasicSpacerContentLoader .wrapper.submit { width:inherit; float: right; margin-bottom:1rem; } .BasicSpacerContentLoader #userLoginMessage, .BasicSpacerContentLoader #userResetPasswordMessage { margin:0 0.5rem 1rem; font-size:0.75rem; color:var(--color_cRed); } @media screen and (max-width: 824px) { .BasicSpacerContentLoader .closeButton { padding:0.5rem 0.25rem 0.25rem; } } @media screen and (max-width: 544px) { .BasicSpacerContentLoader .CustomUserLogin .wrapper, .BasicSpacerContentLoader .CustomUserProfile.register .wrapper, .BasicSpacerContentLoader .CustomUserResetPassword .wrapper { clear:both; float:none; } .BasicSpacerContentLoader .CustomUserLogin .wrapper { width:100%; } .BasicSpacerContentLoader .CustomUserNavigation { position: static; margin:1rem 0.5rem; overflow:hidden; } .BasicSpacerContentLoader .CustomUserNavigation li { float:none; margin: 0 0 0.25rem; } } html.noScroll { position:fixed; overflow-y:scroll; overflow-x: hidden; width:100vw; } .overlayWrapper { background-color:rgba(0,0,0,0); -o-transition: background-color 0.5s; -ms-transition:background-color 0.5s; -moz-transition:background-color 0.5s; -webkit-transition:background-color 0.5s; transition:background-color 0.5s; position:fixed; top:100%; left:0; right:0; height:100%; z-index:9999; cursor:pointer; } html.overlayWaiting .overlayWrapper, html.overlayOpened .overlayWrapper { top:0; background-color:rgba(0,0,0,0.7); } html.overlayClosing .overlayWrapper { top:0; } .overlayWrapper .wrapperContentLoader { cursor:auto; padding:0.5rem; opacity:0; } .overlayWrapper .BasicSpacerContentLoader .closeButton { top:0.5rem; right:0.5rem; font-size: 2rem; height: 2rem; line-height: 2rem; padding: 0.5rem; text-align: center; width: 2rem; z-index: 1000; } .overlayWrapper #overlay, .overlayWrapper #overlay .scrollWrapper { height:100%; } .overlayWrapper #overlay .scrollWrapper { margin: 0 auto; max-width:576px; overflow-y:auto; -webkit-overflow-scrolling: touch; } .overlayWrapper #overlay .scrollWrapper:before { content:""; height:100%; display:inline-block; vertical-align:middle; } .overlayWrapper .scrollWrapper > .wrapper { display:inline-block; vertical-align:middle; position:relative; width:100%; } .overlayWrapper .BasicSpacerContentLoader.wait .waitBox { height:100%; margin:0; text-align:center; background-image:none; } #loadingAnim { width:64px; display:inline-block; vertical-align:middle; } .loadingAnim_blockG { background-color:var(--color_cWhite); border:2px solid var(--color_cBlack); float:left; height:46px; margin-left:3px; width:12px; opacity:0.1; -moz-animation-name:bounceG; -moz-animation-duration:1.5s; -moz-animation-iteration-count:infinite; -moz-animation-direction:normal; -moz-transform:scale(0.7); -webkit-animation-name:bounceG; -webkit-animation-duration:1.5s; -webkit-animation-iteration-count:infinite; -webkit-animation-direction:normal; -webkit-transform:scale(0.7); -ms-animation-name:bounceG; -ms-animation-duration:1.5s; -ms-animation-iteration-count:infinite; -ms-animation-direction:normal; -ms-transform:scale(0.7); -o-animation-name:bounceG; -o-animation-duration:1.5s; -o-animation-iteration-count:infinite; -o-animation-direction:normal; -o-transform:scale(0.7); animation-name:bounceG; animation-duration:1.5s; animation-iteration-count:infinite; animation-direction:normal; transform:scale(0.7); } #blockG_1{ -moz-animation-delay:0.45s; -webkit-animation-delay:0.45s; -ms-animation-delay:0.45s; -o-animation-delay:0.45s; animation-delay:0.45s; } #blockG_2 { -moz-animation-delay:0.6s; -webkit-animation-delay:0.6s; -ms-animation-delay:0.6s; -o-animation-delay:0.6s; animation-delay:0.6s; } #blockG_3 { -moz-animation-delay:0.75s; -webkit-animation-delay:0.75s; -ms-animation-delay:0.75s; -o-animation-delay:0.75s; animation-delay:0.75s; } @-moz-keyframes bounceG { 0%{ -moz-transform:scale(1.2); opacity:1} 100%{ -moz-transform:scale(0.7); opacity:0.1} } @-webkit-keyframes bounceG { 0%{ -webkit-transform:scale(1.2); opacity:1} 100%{ -webkit-transform:scale(0.7); opacity:0.1} } @-ms-keyframes bounceG { 0%{ -ms-transform:scale(1.2); opacity:1} 100%{ -ms-transform:scale(0.7); opacity:0.1} } @-o-keyframes bounceG { 0%{ -o-transform:scale(1.2); opacity:1} 100%{ -o-transform:scale(0.7); opacity:0.1} } @keyframes bounceG { 0%{ transform:scale(1.2); opacity:1} 100%{ transform:scale(0.7); opacity:0.1} } .overlayWrapper .scrollWrapper > .wrapper { color:var(--color_cText); background-color:var(--color_bcArea); } .overlayWrapper .BasicSpacerContentLoader .closeButton { color:var(--color_cBlack); } .Tracking .newsletterTrackingWrapper { z-index: 101; position: fixed; bottom: -400px; left: 0; right: 0; height: 400px; transition: bottom 1s; opacity: 0; } .Tracking .newsletterTrackingWrapper.hover { opacity: 1; bottom: 0; } .Tracking .newsletterTracking { background-color: var(--color_cWhite); width: 688px; margin: 0 auto; padding-bottom: 40px; overflow: hidden; position: relative; transition: bottom 1s, opacity 500ms; -webkit-transition: bottom 1s, opacity 500ms; -moz-transition: bottom 1s, opacity 500ms; -o-transition: bottom 1s, opacity 500ms; -ms-transition: bottom 1s, opacity 500ms; } .Tracking .newsletterTracking .icon { position: absolute; top: 30px; right: 20px; width: 50px; height: 50px; cursor: pointer; } .Tracking .newsletterTracking .caption { color: var(--color_cBlack); text-align: center; font-size: 25px; margin: 25px 40px; padding-bottom: 25px; border-bottom: 1px solid var(--color_cWhite); letter-spacing: 0; float: none; } .Tracking .newsletterTracking .newsletterText { padding: 0 40px; font-size: 16px; color: var(--color_cBlack); } .Tracking .newsletterTracking .BasicForm { margin: 16px 0 0; width: 100%; } .Tracking .newsletterTracking form { overflow: hidden; } .Tracking .newsletterTracking .wrapper.text { width: 100%; text-align: center; } .Tracking .newsletterTracking .wrapper.submit { margin: 0; width: 100%; } .Tracking .newsletterTracking .wrapper.submit button { margin-right: 40px; } .Tracking .newsletterTracking h1, .Tracking .newsletterTracking label, .Tracking .newsletterTracking .wrapper:last-child { display: none; } .Tracking .newsletterTracking input, .Tracking .newsletterTracking .BasicForm.ProjectForm .wrapper.text input, .Tracking .newsletterTracking .BasicForm.ProjectForm .wrapper.text.large input { width: 598px; margin-left: 40px; margin-right: 40px; margin-bottom: 8px; padding-left: 4px; padding-right: 4px; } .Tracking .newsletterTracking .validationMessage { margin: 4px 0 0; width: 100%; } .Tracking .newsletterTracking .formSubmitMessage { font-size: 16px; padding: 0 40px; color: var(--color_cBlack); } .BasicFileUpload.frontend .notAuthorized{ display: block; width: 100%; text-align: center; } .BasicFileUpload.frontend .fileInputField { display:none; } .BasicFileUpload.frontend .dropZone.ui-dropzone-highlight { background-color: var(--color_cWhite); color: var(--color_cBlack); } .BasicFileUpload.frontend .dropZone { font-style:italic; color: var(--color_cText); width: 100%; height: 100%; padding: 10px 0px 10px 0px; border:2px dotted var(--color_cBlack); background-color: var(--color_cWhite); cursor:pointer; text-align: center; font-size: 16px; } .BasicFileUpload.frontend .fileUploadSize_info{ font-size: 12px; color: var(--color_cText); margin-bottom: 0.25rem; } .BasicFileUpload.frontend .fileUploadState{ clear:both; padding:0px; } .BasicFileUpload.frontend .fileUploadState ul{ margin-left:0px; } .BasicFileUpload.frontend .fileUploadState li{ list-style: none; border-bottom:1px solid var(--color_cBlack); margin-bottom:0px; clear: both; display: block; height: 32px; background-color:var(--color_cWhite); } .BasicFileUpload.frontend .fileUploadState .loadingIcon { display: none; } .BasicFileUpload.frontend .fileUploadState .loadingIcon .icon { background-image: url("File/skeleton_html/loading.gif"); width: 2rem; height: 2rem; margin: 0 auto; float: none; } .BasicFileUpload.frontend .hiddenTemplate { display: none !important; } .BasicFileUpload.frontend .fileUploadState li > div{ width:20%; /*display:inline;*/ float: left; font-size:12px; color:var(--color_cText); line-height: 1.75em; margin-right: 16px; } .BasicFileUpload.frontend .fileUploadState .filename{ width: 50%; } .BasicFileUpload.frontend .fileUploadState .filesize{ width: 10%; } .BasicFileUpload.frontend .fileUploadState .loadingIndicator{ width: 10%; } .BasicFileUpload.frontend .fileUploadState .progressWrapper{ height:16px; border:1px solid var(--color_cBlack); background-color:var(--color_cWhite); margin-left: 16px; margin-top:8px; text-align:left !important; } .BasicFileUpload.frontend .fileUploadState .progressBar { width: 0%; height: 16px; margin-left:0px; } .BasicFileUpload.frontend .progressBarComplete { background-color:var(--color_cText); } .BasicFileUpload.frontend .fileUploadSingleGraphic{ max-width: 100%; max-height: 50%; } .BasicFileUpload.frontend .fileUploadSingleGraphic .graphic{ max-width: 100%; max-height: 50%; } .BasicFileUpload.frontend .rules { float: left; clear: both; } .BasicFileUpload.frontend .rules ul { display: block; float: left; margin: 0; } .BasicFileUpload.frontend .rules li { display: block; float: left; clear: both; } .BasicFileUpload.frontend .rules input { width: 400px; } .BasicFileUpload.frontend .fileUploadErrorState { clear:both; padding:0px; } .BasicFileUpload.frontend .fileUploadErrorState ul { margin-left:0px; } .BasicFileUpload.frontend .fileUploadErrorState li { list-style: none; border-bottom:1px solid var(--color_cBlack); margin-bottom:0px; clear: both; display: block; height: auto; background-color:var(--color_cWhite); overflow: hidden; } .BasicFileUpload.frontend .fileUploadErrorState li > div { float: left; font-size:12px; color:var(--admin_color_cCaption); line-height: 1.75em; margin-right: 16px; } .BasicFileUpload.frontend .fileUploadErrorState .filename { width: 50%; } .BasicFileUpload.frontend .fileUploadErrorState .filesize { width: 10%; } .BasicFileUpload.frontend .fileUploadErrorState .message { width: 100%; margin: 0; color: var(--color_cError); } .BasicAudio audio { width: 100%; } .BasicDownload.inactive a { text-decoration:line-through; } .BasicDownload.extendedInformation .BasicGraphic, .BasicDownload.extendedInformation a.graphicLink, .BasicDownload.extendedInformation .textCaptionWrapper { float:left; } .BasicDownload.extendedInformation { clear:both; position:relative; overflow:hidden; } .BasicDownload.extendedInformation .BasicGraphic, .BasicDownload.extendedInformation a.graphicLink { display:block; border:none; width:128px; max-height:128px; /*in order to have the width of 128px so that the caption has it's 'margin' even if no picture is here */ min-height:1px; } .BasicDownload.extendedInformation .BasicGraphic img { max-width:100%; max-height:100%; width:auto; margin: 0 auto; } .BasicDownload.extendedInformation .textCaptionWrapper { overflow:hidden; margin-left:96px; /*position:absolute; bottom:0;*/ } .subscription_step1_footerForm .chegroup{ display: none; } .subscription_step1_footerForm form.open .chegroup{ display: block; } .BasicForm.multiStep { margin: 0 auto 2rem; width: 60rem; box-sizing: border-box; max-width: 100%; overflow: hidden; padding: 1.5rem 1rem 0.5rem; } .BasicForm.multiStep .multiStepNav { text-align:center; margin-bottom: 2.5rem; } .BasicForm.multiStep .multiStepNav .navElt { display:inline-block; color: #c5c5c8; } .BasicForm.multiStep .multiStepNav .navElt::after{ content: "-"; padding: 0 0.5rem; } .BasicForm.multiStep .multiStepNav .navElt:last-child::after{ content: ""; } .BasicForm.multiStep .multiStepNav .navElt.valid + .navElt:not(.valid), .BasicForm.multiStep .multiStepNav .navElt.valid { cursor:pointer; } .BasicForm.multiStep .multiStepNav .navElt.active { color: #c5c5c8; cursor:auto; } .BasicForm.multiStep .multiStepNav .idx{ background-color: var(--color_bcArea); padding: 0.25rem 0.75em; border-radius: 100%; line-height: 2.25em; } .BasicForm.multiStep .multiStepNav .navElt.valid .idx{ background-color: var(--color_cLink); color: var(--color_cWhite); } .BasicForm.multiStep .multiStepNav .navElt.active .idx{ background-color: #8c8c8a; color: var(--color_cWhite); } .BasicForm.multiStep form > .container { display:none; } .BasicForm.multiStep form > .container.active { display:block; } .BasicForm.multiStep .wrapperForm:not(.lastStep) .multiStepControls button.submit, .BasicForm.multiStep .firstStep .multiStepControls button.previous, .BasicForm.multiStep .lastStep .multiStepControls button.next, .BasicForm.multiStep form button[type="submit"] { display:none; } .BasicForm .multiStepControls { margin-bottom: 2rem; overflow: hidden; } .BasicForm.multiStep form[name=crm_user_registerForm]{ margin-bottom: 2.5rem; } .BasicForm.multiStep .container h2{ margin-bottom: 1.25rem; padding: 0 0.5rem; color: #505050; } .BasicForm.multiStep .container span[data-type=radgroup].required, .BasicForm.multiStep .container span[data-type=chegroup].required, .BasicForm.multiStep .container h2 + .simple_text{ margin-bottom: 1.25rem; display: block; width: 100%; font-size: 0.75rem; } .BasicForm.multiStep .container .wrapper{ padding: 0 1rem; } .BasicForm.multiStep .container .container{ width:50%; float:left; padding: 0; } .BasicForm.multiStep .container .leftColumn, .BasicForm.multiStep .container .rightColumn{ display: inline-block; width: 50%; vertical-align: top; box-sizing: border-box; } .BasicForm.multiStep .container .leftColumn{ padding-right: 2rem; } .BasicForm.multiStep .container .container .radio, .BasicForm.multiStep .container .container .checkbox{ padding-left: 1.75rem; } .BasicForm.multiStep .container .container input[type="radio"] + label::before, .BasicForm.multiStep .container .container input[type="checkbox"] + label::before{ left: 0.75rem; } .crm_user_registerForm button { float: right; margin-bottom: 2rem; margin-left: 1.25rem; margin-right: 1.25rem; min-width: 6rem; } @media screen and (max-width:544px){ .BasicForm.multiStep .container .container{ width:100%; clear:both; } .BasicForm.multiStep .container .leftColumn, .BasicForm.multiStep .container .rightColumn{ display: block; width: 100%; } .BasicForm.multiStep .container .leftColumn{ padding-right: 0rem; } } .triStateCheckbox[role="checkbox"] .triStateCheckbox__icon { border: 1px solid var(--color_cLine); background-color: var(--color_cWhite); box-sizing:border-box; height: 1.5rem; width: 1.5rem; color:transparent; text-align:center; } .triStateCheckbox[role="checkbox"] .triStateCheckbox__icon::before { color: var(--color_cBlack); text-align: center; line-height: 1.5rem; font-size:1.31rem; } .triStateCheckbox[role="checkbox"] .triStateCheckbox__icon--checked::before { font-family: "SSGizmo"; content: "\2713"; } .triStateCheckbox[role="checkbox"] .triStateCheckbox__icon--unchecked::before {} .triStateCheckbox[role="checkbox"] .triStateCheckbox__icon--mixed::before { box-sizing:border-box; height: 0.9rem; width: 0.9rem; position: absolute; top:0.25rem; right:0.25rem; background-color: var(--color_cBlack); } .panelContentForm label[for="duplicableContent"] { margin-right: 5px; } .panelContentForm label[for="duplicableContent"] + i { font-size: 14px; text-align: center; margin-top: 12px; margin-bottom: 16px; margin-left: 5px; margin-right: 12px; float: left; } .panelContentForm .BasicFormFormProperty .oneColumn .info { font-size: 12px; border: 1px solid var(--color_cCellmsBlue); padding: 0.5rem; } .panelContentForm .BasicFormFormProperty .oneColumn .infoIcon { margin-right: 2px; } .BasicFormLink { text-decoration: none; cursor: pointer; } [data-form-inplace-id] { cursor: pointer; } .BasicForm { clear: both; margin: 0 auto; overflow: hidden; } .BasicForm select, .BasicForm input, .BasicForm textarea, .BasicForm button{ font-family: inherit; } .BasicForm formwysiwyg { display: block; } .BasicForm form { overflow: hidden; } .BasicForm.ui-dialog-content { width: 100%; } .BasicForm .wrapper { display: block; float:left; } .BasicForm .wrapper.hidden { display: none; } .BasicForm .wrapper.newLine { clear: both; } .BasicForm .wrapper.small { width: 25%; } .BasicForm .wrapper.medium { width: 50%; } .BasicForm .wrapper.large { width: 100%; } .BasicForm label a{ display:inline; } .BasicForm label .captionMandatory { display: none; } .BasicForm .required + label .captionMandatory, .BasicForm .select_with_label.required .captionMandatory { display: inline; } .BasicForm input { display: block; } .BasicForm input[type=text], .BasicForm input[type=email], .BasicForm input[type=password], .BasicForm textarea { box-sizing:border-box; clear: both; border:1px solid var(--color_cLine); } .BasicForm textarea { line-height: 1.5em; } .BasicForm textarea[rows] { height: auto; } .BasicForm textarea, .BasicFormFormProperty textarea { resize: vertical; } .BasicForm input[type="radio"], .BasicForm input[type="checkbox"] { float:left; } .BasicForm input[type="radio"] { width: auto; height: auto; } .BasicForm .validationMessage { clear: both; display: block; color: var(--color_cError); } .BasicForm .wrapper button { float:right; } .BasicForm .hideIfNotRequired { display: none; } .BasicForm .hideIfNotRequired.required { display: block; } .BasicForm .submitMessage { display: none; } .BasicFormTextProperty .first { clear: both; } .BasicForm select { width: 100%; border: 0.5px solid var(--color_cBorderGray); background-color: var(--color_cWhite); } #formOverlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--color_cWhite); opacity: 0.7; z-index: 99999; } #formContainer { background-color: var(--color_cWhite); border: 1px solid var(--color_cBlack); box-shadow: 0 0 15px var(--color_cBlack); color: #666666; font-size: 13px; font-weight: bold; min-height: 200px; left: 50%; margin-left: -300px; margin-top: -50px; padding-top: 20px; position: fixed; text-align: center; top: 50%; width: 600px; z-index: 99999; } input + label + input[name$="_checkboxInput"], input + label + input[name$="_radioInput"] { display:none; } input:checked + label + input[name$="_checkboxInput"], input:checked + label + input[name$="_radioInput"] { display:block; } .BasicForm .wrapper.checkbox_image label { height: 128px; width: 90%; } .BasicForm .wrapper.checkbox_image label>div { width: 50%; float: left; } .BasicForm .wrapper.checkbox_image label .SetImage input { display: none; } .BasicForm .wrapper.checkbox_image label .SetImage .BasicGraphic { height: 128px; width: 128px; } .BasicForm .wrapper.checkbox_image label .SetImage .BasicText { position: relative; bottom: 0; min-width: 100px; bottom: 0; float: left; text-align: left; } .BasicForm .wrapper.simple_text .BasicText { overflow: hidden; } .BasicForm .wrapper.withInput input[type="text"]{ margin-left: 1.5rem; margin-bottom: 0rem; min-height: 1.875rem; width: calc(100% - 1.5rem); } .BasicForm .wrapper.withInput input[type=text] ~ .validationMessage{ margin-bottom: 0; } .BasicForm .wrapper.withInput.invalid .validationMessage{ margin-left: 1.5rem; margin-bottom: 0rem; min-height: 1.875rem; width: calc(100% - 1.5rem); padding: 0.5rem 0; } .BasicForm .container .wrapper.withInput input[type="radio"]:checked + label, .BasicForm .container .wrapper.withInput input[type="checkbox"]:checked + label{ margin-bottom: 0.5rem; display: inline-block; } .BasicForm .wrapper:has(> .fihp), .BasicForm .fihp { display: none; } .wrapperForm .wrapper .select2-container-multi .select2-choices{ border-radius: 3px; background-image: none; } .wrapperForm .wrapper .select2-container-multi .select2-choices:active, .wrapperForm .wrapper .select2-container-multi .select2-choices:focus, .wrapper .select2-container-multi.select2-drop-active, .wrapper .select2-container-multi.select2-container-active .select2-choices, .wrapper .select2-container-multi.select2-dropdown-open.select2-drop-above .select2-choices, .select2-drop-multi.select2-drop-active.select2-drop { border-color:var(--color_cBlueLight); -webkit-box-shadow: none; box-shadow: none; } .select2-drop-multi.select2-drop-active.select2-drop { background-color:var(--color_cBlueLight); border-top-color: #fff; border-radius: 0 0 3px 3px; } .select2-drop-multi .select2-results .select2-no-results{ background:none; line-height: 1.25rem; } .select2-drop-multi .select2-results .select2-highlighted{ background-color:var(--color_cBlack); } .wrapperForm .wrapper .select2-container-multi.select2-dropdown-open .select2-choices{ border-bottom: 0; border-radius: 3px 3px 0 0; } .select2-drop-multi .select2-results .select2-no-results, .select2-drop-multi .select2-results .select2-searching, .select2-drop-multi .select2-results .select2-ajax-error{ background-color:var(--color_cBlueLight); } .wrapperForm .wrapper .select2-container-multi .select2-choices .select2-search-choice{ border-color:var(--color_cBlueLight); line-height: 1.5rem; margin-top: 5px; background-color:rgba(55,224,255,0.2); background-image: none; } .wrapperForm .wrapper .select2-container-multi .select2-search-choice-close{ top: 0.5rem; } .BasicForm .select2-choice { height: 2.35rem !important; line-height: 2.35rem !important; } .triStateCheckbox[role="checkbox"] .triStateCheckbox__icon { border: 1px solid var(--color_cLine); background-color: var(--color_cWhite); box-sizing:border-box; height: 1.5rem; width: 1.5rem; color:transparent; text-align:center; } .triStateCheckbox[role="checkbox"] .triStateCheckbox__icon::before { color: var(--color_cBlack); text-align: center; line-height: 1.5rem; font-size:1.31rem; } .triStateCheckbox[role="checkbox"] .triStateCheckbox__icon--checked::before { font-family: "SSGizmo"; content: "\2713"; } .triStateCheckbox[role="checkbox"] .triStateCheckbox__icon--unchecked::before {} .triStateCheckbox[role="checkbox"] .triStateCheckbox__icon--mixed::before { box-sizing:border-box; height: 0.9rem; width: 0.9rem; position: absolute; top:0.25rem; right:0.25rem; background-color: var(--color_cBlack); } .BasicForm { border: none; width:100%; margin:0; padding:0; } .BasicForm.ProjectForm { padding: 0 0.5rem 1.25rem; box-sizing: border-box; } .BasicForm.ProjectForm .wrapperForm { background-color: var(--color_cWhite); padding: 1.25rem 0.625rem; } .BasicForm form, .BasicForm formwysiwyg { overflow:hidden; } .BasicForm.ProjectForm .formTitle, .BasicForm.ProjectForm h1 { padding: 0 0.625rem 1.5rem; font-size: 1.75rem; letter-spacing: 0.05em; overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } @media screen and (max-width:544px) { .BasicForm.ProjectForm .formTitle, .BasicForm.ProjectForm h1 { font-size: 1.25rem; } } .BasicForm .wrapper { box-sizing: border-box; padding: 0 0.625rem; } .BasicForm .wrapper.text, .BasicForm .wrapper.password { position: relative; } .BasicForm button { font-size: 0.8125rem; } .BasicForm .wrapper.submit { border-left:none; width:100%; } .BasicForm .text label, .BasicForm .textarea label, .BasicForm .password label { } .BasicForm input::-ms-clear { height:0; width:0; } .BasicForm input[type="text"], .BasicForm input[type="email"], .BasicForm input[type="password"], .BasicForm textarea { clear:both; height:2.5rem; line-height:1.25rem; margin-bottom:0; padding: 0.75rem 0.875rem 0.75rem 0.875rem; border-color:var(--color_cGrayLight); -webkit-appearance:none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-appearance: none; box-sizing:border-box; width:100%; font-size: 0.8125rem; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .BasicForm textarea { padding:0.75rem; } .BasicForm .dropDown .caption:active *, .BasicForm .dropDown .caption:focus * { color:inherit; } .BasicForm .dropDown .item:focus, .BasicForm .dropDown .item:active, .BasicForm .dropDown .item.selected { color:var(--color_cWhite); background-color:var(--color_cBlueLight); } .BasicForm .dropDown a:focus, .BasicForm .dropDown a:active { color:var(--color_cWhite); background-color:var(--color_cBlueDark); } .BasicForm .dropDown .caption:active .dropIcon, .BasicForm .dropDown .caption:focus .dropIcon { color:var(--color_cBlueLight); } .BasicForm input[type="text"]:active, .BasicForm input[type="email"]:active, .BasicForm input[type="password"]:active, .BasicForm textarea:active, .BasicForm input[type="text"]:focus, .BasicForm input[type="email"]:focus, .BasicForm input[type="password"]:focus, .BasicForm textarea:focus { border-color:var(--color_cBlueLight); } .BasicForm input:invalid, .BasicForm textarea:invalid { box-shadow:none; } *::-webkit-input-placeholder { opacity: 1; color:var(--color_cTextPassive); font-size: 0.8125rem; font-family: EuclidFlex-Regular; } *:-ms-input-placeholder { opacity: 1; color:var(--color_cTextPassive); font-size: 0.8125rem; font-family: EuclidFlex-Regular; } *:-moz-placeholder { opacity: 1; color:var(--color_cTextPassive); font-size: 0.8125rem; font-family: EuclidFlex-Regular; } *::-moz-placeholder { opacity: 1; color:var(--color_cTextPassive); font-size: 0.8125rem; font-family: EuclidFlex-Regular; } .input-placeholder { opacity: 1; color:var(--color_cTextPassive); font-size: 0.8125rem; font-family: EuclidFlex-Regular; } input::-ms-clear { width:0px; height:0px; } .BasicForm .validationMessage { font-size:0.625rem; height:1.25rem; } .BasicForm .formSubmitMessage { color: var(--color_cText); } .BasicForm .text label, .BasicForm .password label, .searchWidget form[name="formSearch"] label[for="inputSearch"] { color: var(--color_cText); left: 1.5rem; max-width: calc(100% - 3rem); top: 0.875rem; z-index: 100; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; font-size: 0.75rem; } #wysiwyg .BasicForm label .BasicText { display: inline-block; } .BasicForm .dropDown .caption:not(.elementSelected) > * { transform: translate(-12px, -29px); display: inline-block; font-size: 0.75rem; color: var(--color_cText); } .BasicForm .dropDown .caption::before { content: attr(title); color: var(--color_cText); position: absolute; top: -29px; left: 0px; font-size: 0.75rem; } .BasicForm .dropDown .caption:not(.elementSelected)::before { color: var(--color_cText); } .BasicForm .dropDown .caption:not(.elementSelected) .captionTitle { opacity: 0; } .BasicForm .dropDown .caption .captionMandatory { opacity: 0; } .BasicForm .dropDown .caption::before { content: attr(title); color: var(--color_cText); display: inline-block; } .BasicForm .dropDown .caption .BasicForm.catalogSearch form[name="formSearch"] label[for="inputSearch"], .BasicForm.catalogSearch form[name="formSearch"] .searchInputWrapper > label { left: 4.5rem; bottom: 0.775rem; color: var(--color_cGray); position: absolute; z-index: 100; transition: transform 150ms ease-out, font-size 150ms ease-out; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; } .BasicForm.catalogSearch form[name="formSearch"] .searchInputWrapper.filled label { display: none; } .BasicForm .text.invalid label, .BasicForm .password.invalid label{ color:var(--color_cError); } .searchWidget form[name="formSearch"] .filled label[for="inputSearch"], .searchWidget form[name="formSearch"] .focus label[for="inputSearch"], .BasicForm.catalogSearch form[name="formSearch"] .filled label[for="catalogSearch"], .BasicForm.catalogSearch form[name="formSearch"] .focus label[for="catalogSearch"] { transform: translateY(-0.625rem); font-size: 0.625rem; } .BasicForm.catalogSearch form[name="formSearch"] .inputWrapper.searchInputWrapper { float: left; width: calc(100% - 3rem); } .BasicForm .title, .BasicForm .formTitle, .BasicForm h1 { line-height: 1.5em; font-family: EuclidFlex-Bold; font-size: 1.25rem; letter-spacing: 0.1em; text-transform: uppercase; } .BasicForm label, .BasicForm .description { color:var(--color_cText); } .BasicForm .validationMessage { color: var(--color_cError); height: 1.25rem; } .BasicForm label { font-size:0.75rem; line-height:1.5em; height:auto; margin:0; width:auto; display:block; } .BasicForm input, .BasicForm textarea { background-image:none; background-color:var(--color_cWhite); } .BasicForm .wrapper.chegroup > .validationMessage { min-height: 0; height: auto; } .BasicForm .wrapper.checkselectbox.radgroup { overflow:visible; } .BasicForm .dropDown { width: 100%; box-sizing:border-box; background-color:var(--color_cWhite); margin-top: 1rem; } .BasicForm .dropDown .caption { color: var(--color_cTextPassive); padding: 0 0.75rem; border: solid var(--color_cGrayLight) 1px; font-size:0.8125rem; line-height:2.25rem; margin-top: 0.125rem; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; position:relative; } .BasicForm .dropDown .caption.elementSelected{ color: var(--color_cText); } .BasicForm .dropDown .caption:after { position:absolute; right:0.5rem; content:""; font-family:SSGizmo; font-size:1.25rem; color:var(--color_cTextPassive); line-height:2.5rem; } .ie9 .BasicForm .dropDown .caption:after { line-height:inherit; } .BasicForm .dropDown .itemList{ } .BasicForm .dropDown ul { border-width: 0; max-height: 15rem; overflow-y: auto; } .BasicForm .dropDown .item, .BasicForm .dropDown a { box-sizing:border-box; color:var(--color_cText); font-size:0.75rem; padding:0 0.75rem; min-height:2.5rem; line-height:2.5rem; border:solid var(--color_cLine) 1px; border-top-width: 0; background-color:var(--color_cWhite); -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .BasicForm .wrapper.radio { position:relative } .BasicForm .wrapper.radgroup > span{ margin-bottom: 0.5rem; display: block; font-family: EuclidFlex-Bold; font-size: 0.8125rem; line-height:1.5em; } .BasicForm .wrapper.radio input[type="radio"] { display: none; } .BasicForm .wrapper.radio .text { padding-top:0.5rem; } .BasicForm .wrapper.radio label::before { display: block; border:1px solid var(--color_cLine); border-radius: 100%; content: "\f111"; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 0.5rem; color:var(--color_cWhite); box-sizing:border-box; height: 1.5rem; width: 1.5rem; line-height:1.4rem; text-align:center; position: absolute; left: 0; top:0; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .BasicForm .wrapper.radio input:checked + label::before { color:var(--color_cText); } .BasicForm .wrapper.radio label { padding: 0.25rem 0 0.25rem 2rem; min-height:1rem; line-height:1.5em; text-transform: uppercase; } .BasicForm .wrapper.radio .validationMessage { padding-left:2rem; } .BasicForm .wrapper.checkbox { position:relative } .BasicForm .wrapper.chegroup > span{ margin-bottom: 0.5rem; display: block; font-family: EuclidFlex-Bold; font-size: 0.8125rem; line-height:1.5em; } .BasicForm .wrapper.checkbox input { display: none; } .BasicForm .wrapper.checkbox .text { padding-top:0.5rem; } .BasicForm .wrapper.checkbox label::before { display: block; border:1px solid var(--color_cLine); content: "✓"; font-family:SSGizmo; font-size:1.25rem; color:var(--color_cWhite); box-sizing:border-box; height: 2.5rem; width: 2.5rem; line-height:2.5rem; text-align:center; position: absolute; left: 0; top:0; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .BasicForm .wrapper.checkbox input:checked + label::before { color:var(--color_cText); } .BasicForm .wrapper.checkbox label { padding: 0.625rem 0 0.75rem 3rem; min-height:2rem; line-height:1.5em; text-transform: uppercase; } .BasicForm .wrapper.checkbox .validationMessage { padding-left:3rem; } .BasicForm .wrapper.small { padding-bottom: 0; } .BasicForm .wrapper.container { overflow: visible; } .BasicForm .wrapper.large.container { padding: 0; } .BasicForm .wrapper.container h2 { font-size: 1rem; letter-spacing: 0.1em; padding: 1.25rem 0; } .BasicForm .wrapper.large.container h2 { padding-left: 0.625rem; padding-right: 0.625rem; } @media screen and (max-width: 544px) { .BasicForm .wrapper.small, .BasicForm .wrapper.medium { width:100%; padding-bottom: 0; } } /*************************** form definitions *********************************/ .BasicForm input[type="checkbox"] { height: 1.5em; line-height: 1.5em; } .BasicForm input[type="radio"] { vertical-align:middle; margin-bottom:2px; } .BasicForm textarea { height: 3.25rem; } .BasicForm .validationMessage { margin:0 !important; width:100% !important; font-size:0.8em; line-height: 1.5em; box-sizing:border-box; } .BasicForm button { height:inherit; } .BasicForm div.wrapper.invalid input { border-color: var(--color_cError); } /*************************** focus *********************************/ .BasicForm .dropDown:active .caption, .BasicForm .dropDown:focus .caption { border: solid 1px var(--color_cBlueLight); } .BasicForm .dropDown .caption:active *, .BasicForm .dropDown .caption:focus * { color:inherit; } .BasicForm .dropDown .item:focus, .BasicForm .dropDown .item:active, .BasicForm .dropDown a:focus, .BasicForm .dropDown a:active { color:var(--color_cWhite); background-color:var(--color_cBlueLight); } .BasicForm .wrapper.checkbox label:focus::before, .BasicForm .wrapper.checkbox label:active::before, .BasicForm .wrapper.radio label:focus::before, .BasicForm .wrapper.radio label:active::before, .BasicForm .dropDown .caption:focus .dropIcon, .BasicForm .dropDown .caption:active .dropIcon { color:var(--color_cBlueLight); } .BasicGraphic, .centerFix { text-align:center; } .BasicGraphic img, .centerFix img { max-height:100%; max-width:100%; height:auto; } .centerFix img { vertical-align:middle; display:inline-block; } .centerFix:before { content:""; height:100%; vertical-align:middle; display:inline-block; } .BasicGraphic.Widget.bcImage img.graphic { display: none; } .pagination{ overflow:hidden; clear:both; } .pagination .wrapper{ float:right; } .cookieWarning { background-color:var(--color_bcFond); position:fixed; left:0; right:0; bottom:0; display:none; margin:0 auto; } .cookieWarning.opened { display:block; } .cookieWarning .wrapper { width:95rem; max-width:100%; box-sizing:border-box; padding: 1.25rem 8rem 1.25rem 2.5rem; margin:0 auto; position:relative; } .cookieWarning .text { min-height:3rem; } .cookieWarning button { position: absolute; right: 2.5rem; top: 1.25rem; } @media screen and (max-width:544px) { .cookieWarning .wrapper { padding: 0.75rem 1rem 1.25rem 1rem; overflow: hidden; } .cookieWarning button { position: relative; display: inline-block; float: right; right: 1rem; margin-bottom: 1rem; } } .cookieBanner, .cookieWarning { background-color:var(--color_cBlack); color:var(--color_cWhite); z-index: 9022; } .cookieWarning .wrapper { padding: 1.25rem 12rem 1.25rem 2.5rem; } .cookieBanner button, .cookieWarning button { padding:0.75rem; } .cookieBanner button{ background-color: transparent; } .cookieBanner a, .cookieWarning a{ color:var(--color_cLink); } .cookieBanner a:focus, .cookieBanner a:active, .cookieWarning a:focus, .cookieWarning a:active { text-decoration: underline; } @media screen and (max-width:544px) { .cookieWarning .wrapper { padding: 0.75rem 1rem 1.25rem 1rem; } } .cookieBanner a:focus, .cookieBanner a:active, .cookieWarning a:focus, .cookieWarning a:active{ text-decoration: underline; } .waitAnimationBullets { width: 2rem; text-align: center; display:inline-block; vertical-align:middle; } .waitAnimationBullets > div { width: 0.5rem; height: 0.5rem; background-color: #333; border-radius: 100%; display: inline-block; margin: 0 1px; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both; } .waitAnimationBullets .bullet1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .waitAnimationBullets .bullet2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0) } 40% { -webkit-transform: scale(1.0) } } @keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1.0); transform: scale(1.0); } } .ajaxPagination { } .ajaxPagination .page { display:inline-block; border-radius:100%; width:2rem; height:2rem; line-height:2rem; color:var(--color_cBlack); background-color:var(--crm_color_bcAreaMainLight); text-align:center; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .ajaxPagination .page[data-page]:not(.active) { cursor:pointer; } .ajaxPagination .page.active { color:var(--color_cWhite); background-color:var(--color_cIconAction); font-family:"Open Sans Bold"; } .ajaxPagination .page:not(:last-child) { position:relative; margin-right:1.75rem; } .ajaxPagination .page:not(:last-child)::after { position:absolute; right:-1.5rem; top:50%; content:""; width:1.25rem; border-top:1px solid var(--color_bcFond); } .cookieServiceForbidden { width: 100%; height: 100%; background-color: var(--color_bcInfoBox70); position: absolute; z-index: 200; text-align: center; box-sizing: border-box; padding: 0 1rem; } .js-cookieServiceForbidden-hidden { display: none !important; } .cookieServiceForbidden .wrapper{ position: relative; top: calc(50% - 3rem); } .cookieServiceForbidden .info{ display: block; margin-bottom: 1.5rem; color: var(--color_cWhite); } .cookieServiceForbidden a:active, .cookieServiceForbidden a:focus { color: var(--color_cOnClick); text-decoration: underline; } @media screen and (max-width: 544px) { .cookieServiceForbidden .wrapper{ top: calc(50% - 5.5rem); } } @media screen and (max-width: 440px) { .cookieServiceForbidden .info{ margin-bottom: 0.5rem; } } .SetVideo.lightbox .cookieServiceForbidden .wrapper{ background-color: transparent; } .cookieServiceForbidden a:active, .cookieServiceForbidden a:focus { color: var(--color_cWhite); } .cookieServiceForbidden .info a { color: var(--color_cBlueLight); } .parentButtonHover:active .defaultButton:not(.inactive), .parentButtonHover:focus .defaultButton:not(.inactive), .Page button:not(.inactive):active, .Page button:not(.inactive):focus, input[type="submit"]:active, input[type="submit"]:focus, .defaultButton:not(.inactive):active, .defaultButton:not(.inactive):focus, a.defaultButton:not(.inactive):active, a.defaultButton:not(.inactive):focus { border-color:var(--color_cBlue); background-color:var(--color_cBlue); color:var(--color_cWhite); } .parentButtonHover:active .defaultButton, .parentButtonHover:focus .defaultButton, .Page button:focus, .Page button:active, input[type="submit"]:active, input[type="submit"]:focus, .defaultButton:active, .defaultButton:focus, a.defaultButton:active, a.defaultButton:focus { text-decoration:none; } .Page button:not(.accordionTrigger):not(.closeButton), input[type="submit"], .defaultButton, a.defaultButton { box-sizing:border-box; min-height:2.5rem; font-size:0.875rem; line-height:1.375rem; text-align:center; text-decoration: none; font-family:EuclidFlex-Medium; padding:0.5rem 0.5rem; -webkit-border-radius: 0.1875rem; -moz-border-radius: 0.1875rem; border-radius:0.1875rem; border: solid 1px var(--color_cBlueLight); background-color:var(--color_cBlueLight); color:var(--color_cText); cursor:pointer; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; text-transform: uppercase; letter-spacing: 1px; } .Page button.inactive, input[type="submit"].inactive, .defaultButton.inactive, a.defaultButton.inactive { background-color: var(--color_cGrayLight); border-color: var(--color_cGray); color: var(--color_cGray); } .parentButtonHover:active .defaultButton:not(.inactive), .parentButtonHover:focus .defaultButton:not(.inactive), .Page button:not(.inactive):active, .Page button:not(.inactive):focus, input[type="submit"]:active, input[type="submit"]:focus, .defaultButton:not(.inactive):active, .defaultButton:not(.inactive):focus, a.defaultButton:not(.inactive):active, a.defaultButton:not(.inactive):focus { border-color:var(--color_cBlue); background-color:var(--color_cBlue); color:var(--color_cWhite); } .parentButtonHover:active .defaultButton, .parentButtonHover:focus .defaultButton, .Page button:active, .Page button:focus, vinput[type="submit"]:active, input[type="submit"]:focus, .defaultButton:active, .defaultButton:focus, a.defaultButton:active, a.defaultButton:focus { text-decoration:none; } .menuButton:hover { opacity: 1; } .menuButton:hover .lines:before { top: 0.625rem; } .menuButton:hover .lines:after { top: -0.625rem; } .menuButton { transition: .3s; cursor: pointer; user-select: none; width:1.5rem; height:1.5rem; padding:0.75rem; } .menuButton:hover, .menuButton:active, .menuButton:focus { transition: 0; } .menuButton:active .lines:before, .menuButton:focus .lines:before { top: 0.625rem; } .menuButton:active .lines:after, .menuButton:focus .lines:after { top: -0.625rem; } .menuButton .lines { display: inline-block; width: 1.5rem; height: 2px; background-color: var(--color_cWhite); border-radius: 0.25rem; transition: 0.3s; position: relative; } .menuButton .lines:before, .menuButton .lines:after { display: inline-block; width: 1.5rem; height: 2px; background-color: var(--color_cWhite); border-radius: 0.25rem; transition: 0.3s; position: absolute; left: 0; content: ''; -webkit-transform-origin: 0.25rem center; transform-origin: 0.25rem center; } .menuButton .lines:before { top: 0.5rem; } .menuButton .lines:after { top: -0.5rem; } .menuButton:hover .lines:before, .menuButton:active .lines:before, .menuButton:focus .lines:before { top: 0.625rem; } .menuButton:hover .lines:after, .menuButton:active .lines:after, .menuButton:focus .lines:after { top: -0.625rem; } .menuButton.open { -webkit-transform: scale3d(0.8, 0.8, 0.8); transform: scale3d(0.8, 0.8, 0.8); } .menuButton.open .lines { background: transparent; height:3px; } .menuButton.open .lines:before, .menuButton.open .lines:after { -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; top: 0; width: 2rem; height:3px; } .menuButton.open .lines:before { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); } .menuButton.open .lines:after { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); } .dropDown { width: 14rem; position: relative; display: inline-block; } .dropDown .icon { float: right; } .dropDown .caption { padding: 0.5rem 1rem; line-height: 1rem; cursor:pointer; border-bottom-color: var(--color_cWhite); border-bottom-width: 0.0625rem; color: var(--color_cTextPassive); } .dropDown .caption.elementSelected{ color: var(--color_cText); } .dropDown .itemList { height: 0; width: 100%; overflow: hidden; position: absolute; z-index: 900; background-color: var(--color_cWhite) ; } .dropDown .item { display: block; padding: 0.5rem 1rem; border-bottom-width: 0.0625rem; border-bottom-color: var(--color_cWhite); background-color: var(--color_bcArea); cursor: pointer; } .dropDown .item.selected { color: var(--color_cWhite); background-color: var(--color_cBlueLight); } .dropDown .item:active, .dropDown .item:focus { color: var(--color_cWhite); background-color: var(--color_cBlueLight); } .dropDown .caption:active *, .dropDown .caption:focus * { color:var(--color_cBlueLight); } .dropdownBox { display: none; position: absolute; right: -1rem; top: 2.75rem; z-index: 999; text-align: center; background-color:var(--color_cWhite); padding: 1.25rem; box-sizing: border-box; width: 15rem; border: solid 1px var(--color_cLine); -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; -webkit-box-shadow: 0px 12px 16px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 12px 16px 2px rgba(0, 0, 0, 0.3); box-shadow: 0px 12px 16px 2px rgba(0, 0, 0, 0.3); } .dropdownBox::before, .dropdownBox::before { content: ""; width: 0px; height: 0px; border-style: solid; -webkit-transform:rotate(360deg); border-width: 0 0 0.75rem 1.5rem; border-color: transparent transparent var(--color_cWhite) transparent; position: absolute; top: -0.65rem; right: 2rem; } .header .actionWrapper .dropdownBox a:not(.editButton):not(.defaultButton), .dropdownBox a:not(.editButton):not(.defaultButton){ color: var(--color_cBlack); display: block; background-color: var(--color_cWhite); font-size: 0.875rem; font-family: EuclidFlex-Medium; border-bottom: solid 1px var(--color_cBlack); margin: 0; padding: 0.75rem 0 !important; box-sizing: border-box; height: auto; transition: all 0.5s; } .header .actionWrapper .dropdownBox a:not(.editButton):not(.defaultButton):hover, .dropdownBox a:not(.editButton):not(.defaultButton):hover, .header .actionWrapper .dropdownBox a:not(.editButton):not(.defaultButton):active, .dropdownBox a:not(.editButton):not(.defaultButton):active, .header .actionWrapper .dropdownBox a:not(.editButton):not(.defaultButton):focus, .dropdownBox a:not(.editButton):not(.defaultButton):focus{ background-color:var(--color_cBlack); color:var(--color_cWhite); } .overview.List { max-width: 100rem; box-sizing: border-box; padding: 0 0 0 0.5rem; overflow: hidden; margin: 0 auto; position: relative; } .overview.List .mobileColumn { display: none; } .overview.List .leftColumn { float: left; width: 18.75rem; position: absolute; } .overview.List .overviewContent { padding-left: 19.5rem; width: 100%; box-sizing: border-box; margin-bottom: 1.25rem; overflow: hidden; } .overview.List .SetMenu { margin: 0 0 1.25rem; } .overview.List .tagsWrapper { margin-bottom: 1.25rem; } .overview.List .Teaser { width: 20%; } .overview.List .filterBar { padding: 0; box-sizing: border-box; margin: 0 0.5rem 2.5rem; overflow: hidden; } .overview.List .search { width: 100%; position: relative; margin-bottom: 1.25rem; box-sizing:border-box; background-color:var(--color_bcBlack50); padding:1rem; } .overview.List .search .caption { margin-left: 0.2rem; margin-bottom: 1rem; display: none; } .overview.List .deleteIcon { right: 21px; position: absolute; top: 26px; font-size: 1.5rem; } .overview.List .filterBar .current_amount { float: right; color: var(--color_cWhite); } .overview.List .pager div { background-color: var(--color_cWhite); border: 0; display: inline-block; text-align: center; text-transform: uppercase; font-size: 1rem; cursor: pointer; padding: 1rem; box-sizing: border-box; overflow: hidden; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; } .overview.List .pager .right { float: right; } .overview.List .pager .left { float: left; } .overview.List .filterBar .amountCurrent { margin-right: 0.5rem; } .overview.List .filterBar .amountNumber { margin: 0 0.5rem; } .overview.List .filterControl.loadMore { margin: 2rem 0.5rem; overflow: hidden; } .overview.List .filterControl.loadMore .inactive { display: none; } .overview.List .letterPagination { overflow: hidden; } .overview.List .letterPagination .letter, .overview.List .letterPagination .clear { float: left; box-sizing: border-box; height: 2rem; width: 2rem; text-align: center; line-height: 2rem; cursor: pointer; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; } .overview.List .letterPagination .clear { width: auto; padding: 0 0.5rem; } .overview.List .letterPagination .letter:active, .overview.List .letterPagination .letter:focus, .overview.List .letterPagination .letter.selected, .overview.List .letterPagination .clear:focus, .overview.List .letterPagination .clear:active { background-color: var(--color_cBlueLight); color: var(--color_cWhite); } .overview.List .SetMenu a:active, .overview.List .SetMenu a:focus { color: var(--color_cWhite); background-color: var(--color_cBlack); padding: 0 0.375rem; margin: 0; } .overview.List .SetMenu li:active + li a, .overview.List .SetMenu li:focus + li a { padding: 0 0.375rem; margin: 0; } .overview.List .pager div:active, .overview.List .pager div:focus { background-color:var(--color_cBlack); color:var(--color_cWhite); } .overview.List .letterPagination .letter.empty { display: none; } .overview.List .groupedViewTitle { clear: both; color: var(--color_cWhite); width: 100%; padding: 0 0.5rem 2.5rem; box-sizing: border-box; } .overview.List .overviewList .groupedViewTitle { padding-top: 2.5rem; } .overview.List .groupedViewTitle .title { overflow: hidden; display: inline-block; padding-right: 0.5rem; vertical-align: middle; } .overview.List .groupedViewTitle:after { margin-right: -100%; background-color: var(--color_cWhite); content: ""; display: inline-block; height: 1px; vertical-align: middle; width: 100%; } .overview.List .noElement, .overview.List .groupName { line-height: 2rem; text-transform: uppercase; color: var(--color_cWhite); font-family: EuclidFlex-Bold; width: 10rem; text-align: center; clear:both; } @media screen and (max-width: 414px) { .overview.List .noElement, .overview.List .groupName { width: 100%; } } @media screen and (max-width: 1360px) { .overview.List .Teaser{ width: 25%; } } @media screen and (max-width: 1096px) { .overview.List .Teaser{ width: 33.333%; } } @media screen and (max-width: 992px) { .overview.List { padding: 0; } .overview.List .mobileColumn { display: block; } .overview.List .leftColumn { display: none; } .overview.List .overviewContent { padding-left: 0; } .overview.List .Teaser { width: 25%; } .overview.List .Teaser .title { text-align: center; } .overview.List .search { width: 100%; } .overview.List .pager div { width: 50%; } } @media screen and (max-width: 736px) { .overview.List .Teaser { width: 33.333%; } } @media screen and (max-width: 496px) { .overview.List .overviewList { margin: 0 0.5rem; } .overview.List .filterControl.loadMore { margin:2rem 1rem; } .overview.List .filterBar { margin: 0 0 2.5rem; } .overview.List .filterBar .current_amount { margin-right:1rem; } .overview.List .Teaser { width: 50%; } .overview.List .pager div { width: 100%; } } .overview.List .SetMenu a:active, .overview.List .SetMenu a:focus { color: var(--color_cWhite); background-color: var(--color_cBlack); padding: 0 0.375rem; margin: 0; } .overview.List .letterPagination .letter:active, .overview.List .letterPagination .letter:focus { background-color: var(--color_cBlueLight); color: var(--color_cWhite); } .overview.List .SetMenu li:active + li a, .overview.List .SetMenu li:focus + li a { padding: 0 0.375rem; margin: 0; } .overview.List .pager div:active, .overview.List .pager div:focus { background-color:var(--color_cBlack); color:var(--color_cWhite); } .teaserCard { display: inline-block; box-sizing: border-box; color: var(--color_cBlack); vertical-align: top; width: 20%; -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .teaserCard.hidden { display: none; } .teaserCard a { color: inherit; display: block; } .teaserCard .teaserWrapper { margin: 0 0.5rem 1rem 0.5rem; padding: 0; box-sizing: border-box; background-color: var(--color_cWhite); } .teaserCard .teaserWrapper > *:first-child:not(.graphic) { padding-top:1.25rem; } .teaserCard .graphic { width: 100%; margin-bottom:1.25rem; overflow: hidden; } .teaserCard .graphic img { width: 100%; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .teaserCard .date { padding: 0 1.25rem 1rem; font-size: 0.75rem; } .teaserCard .title { padding: 0 1.25rem 1.25rem; font-size: 1rem; font-family: EuclidFlex-Bold; } .teaserCard .subtitle { padding: 0 1.25rem 1.25rem; font-size: 1rem; } .teaserCard a:active .graphic img, .teaserCard a:focus .graphic img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); } @media screen and (max-width: 1360px) { .teaserCard { width: 25%; } } @media screen and (max-width: 992px) { .teaserCard { width: 33.3333333%; } .teaserCard .title { text-align: center; } } @media screen and (max-width: 736px) { .teaserCard { width: 50%; } } @media screen and (max-width: 544px) { .teaserCard .teaserWrapper { margin: 0 0.25rem 0.5rem; } .teaserCard .graphic { margin-bottom:0.75rem; } .teaserCard .title { padding: 0 0.5rem 0.75rem; font-size:0.8125rem; } .teaserCard .date, .teaserCard .subtitle { font-size:0.75rem; padding: 0 0.5rem 0.75rem; } } .teaserCard a:active .graphic img, .teaserCard a:focus .graphic img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .roundIcon, a .roundIcon { display:block; background-color: var(--color_cWhite); color:var(--color_cText); width: 2.5rem; height: 2.5rem; font-size: 1.25rem; border-radius: 100%; line-height: 2.875rem; text-align: center; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } a:active .roundIcon, a:focus .roundIcon { background-color: var(--color_cText); color: var(--color_cWhite); } .Snippet.overview.pressreview.List .filterBar { margin-bottom: 0.5rem; } @media screen and (max-width: 496px) { .Snippet.overview.pressreview.List .filterBar .current_amount { padding: 0 0.5rem; } } .Snippet.overview.pressreview .groupedViewTitle { clear: both; color: var(--color_cWhite); width: 100%; padding: 0 0.5rem 2.5rem; box-sizing: border-box; } .Snippet.overview.pressreview .groupedViewTitle .title { overflow: hidden; display: inline-block; padding-right: 0.5rem; vertical-align: middle; } .Snippet.overview.pressreview .groupedViewTitle:after { margin-right: -100%; background-color: var(--color_cWhite); content: ""; display: inline-block; height: 1px; vertical-align: middle; width: 100%; } .Snippet.overview.pressreview .overviewList { margin: 0 0.5rem; } @media screen and (max-width: 496px) { .Snippet.overview.pressreview .overviewList { margin: 0; } } .Snippet.overview.pressreview.List .Teaser { width: 100%; margin-bottom: 1.25rem; } @media screen and (max-width: 496px) { .Snippet.overview.pressreview.List .Teaser { margin-bottom: 0.625rem; } } @media screen and (max-width: 414px) { .Snippet.overview.pressreview.List .Teaser { padding: 0 0.5rem; box-sizing:border-box; } } .Snippet.overview.pressreview .Teaser a { display: block; } .Snippet.overview.pressreview .teaserWrapper.mobile { display: none; } @media screen and (max-width: 414px) { .Snippet.overview.pressreview .teaserWrapper.desktop { display: none; } .Snippet.overview.pressreview .teaserWrapper.mobile { display: block; } } .Snippet.overview.pressreview .teaserWrapper table { width: 100%; } .Snippet.overview.pressreview .Teaser .date { width: 10rem; box-sizing: border-box; padding: 1.25rem; text-align: center; vertical-align: middle; background-color: var(--color_bcBlack50); color: var(--color_cWhite); font-family: EuclidFlex-Bold; font-size: 1rem; line-height: 1.5rem; letter-spacing: 0.05em; } .Snippet.overview.pressreview .Teaser .date:after { content: ""; display: inline-block; vertical-align: middle; height: 100%; } @media screen and (max-width: 414px) { .Snippet.overview.pressreview .Teaser .date { width: 100%; padding: 0.625rem; } .Snippet.overview.pressreview .Teaser .date:after { display: none; } } .Snippet.overview.pressreview .Teaser .date div { display: inline-block; vertical-align: middle; } .Snippet.overview.pressreview .Teaser .date p:first-child + p { font-family: EuclidFlex-Regular; font-size: 0.8125rem; line-height: 1.25rem; letter-spacing: normal; } .Snippet.overview.pressreview .Teaser .title { background-color: var(--color_cWhite); box-sizing: border-box; padding: 1.25rem 3.5rem 1.25rem 1.25rem; font-family: EuclidFlex-Bold; text-align: left; color: var(--color_cText); font-size: 1rem; line-height:1.5em; position: relative; } @media screen and (max-width: 414px) { .Snippet.overview.pressreview .Teaser .title { padding: 0.625rem 2.625rem 0.625rem 0.625rem; } } .Snippet.overview.pressreview .Teaser .title .second { font-family: EuclidFlex-Regular; font-size: 0.8125rem; line-height: 1.25rem; letter-spacing: normal; margin-top: 0.5rem; } .Snippet.overview.pressreview .Teaser .arrow { position: absolute; top: 0; right: 0; bottom: 0; width: 2.5rem; color: var(--color_cText); text-align: center; font-size: 1.25rem; margin-top: 8px; } .Snippet.overview.pressreview .Teaser .arrow:after { content: ""; display: inline-block; vertical-align: middle; height: 100%; } .Snippet.overview.pressreview.List .filterControl.loadMore { margin: 0 0.5rem; } .mediaList { overflow: hidden; color: var(--color_cWhite); background-color: var(--color_bcBlack50); margin: 0 0.5rem 2rem; } .mediaList > .wrapper { padding: 1.25rem 0.625rem; overflow:hidden; } .mediaList .title { margin: 1.25rem 1.25rem 0; font-size: 1rem; font-family: EuclidFlex-Bold; letter-spacing:1px; text-transform:uppercase; } .mediaList .mediaElt { margin-bottom: 1.25rem; float: left; width: 20%; } .mediaList .title a:active, .mediaList .title a:focus, .mediaList .rssWrapper a:active, .mediaList .rssWrapper a:focus { color: var(--color_cWhite); } @media screen and (min-width:1441px){ .mediaList .mediaElt:nth-child(5n+1) { clear: both; } } @media screen and (min-width:1025px) and (max-width:1440px) { .mediaList .mediaElt { width: 25%; } .mediaList .mediaElt:nth-child(4n+1) { clear: both; } } @media screen and (min-width:769px) and (max-width:1024px) { .mediaList .mediaElt { width: 33.333%; } .mediaList .mediaElt:nth-child(3n+1) { clear: both; } } @media screen and (max-width:544px) { .mediaList { margin-left:0; margin-right:0; } } @media screen and (min-width:417px) and (max-width:768px) { .mediaList .mediaElt { width: 50%; } .mediaList .mediaElt:nth-child(2n+1) { clear: both; } } @media screen and (max-width:416px) { .mediaList .mediaElt { width: 100%; } } @media screen and (max-width:368px) { .mediaList { margin-bottom:2rem; } .mediaList>.wrapper{ padding-right: 1rem; padding-left: 1rem; } .mediaList .mediaElt >.wrapper { margin:0; } } .mediaList .title a:active, .mediaList .title a:focus, .mediaList .rssWrapper a:active, .mediaList .rssWrapper a:focus { color: var(--color_cWhite); } .mediaElt { color: var(--color_cWhite); } .mediaElt.teaser > .wrapper { cursor: pointer; } .mediaElt .audioIcon { position: absolute; left: 1.25rem; bottom: 1rem; height: 2.5rem; background-color: var(--color_bcBlack50); background-image: url('/Ressource/Graphic/play.svg'); background-repeat: no-repeat; background-position: center; width: 3.75rem; border-radius: 3px; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; } .mediaElt .wrapper { margin: 0 0.625rem; background-color: var(--color_cBlack); } .mediaElt .wrapper > .graphicWrapper { position: relative; cursor: pointer; height: 0; padding: 0 0 56.25%; background-repeat: no-repeat; background-position: center; background-size: cover; } .mediaElt .BasicGraphic { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .mediaElt .teaserTextWrapper { font-size: 0.75rem; padding: 0.625rem; white-space: nowrap; text-overflow: ellipsis; height: 1.25rem; line-height: 1.25rem; overflow: hidden; } .mediaElt .title { font-family: EuclidFlex-Bold; font-size: 1rem; padding: 0.625rem; white-space: nowrap; text-overflow: ellipsis; height: 1.25rem; line-height: 1.25rem; overflow: hidden; } .mediaElt .description { margin-bottom: 1rem; font-size: 0.75rem; } .cookieServiceForbidden { width: 100%; height: 100%; background-color: var(--color_bcInfoBox70); position: absolute; z-index: 200; text-align: center; box-sizing: border-box; padding: 0 1rem; } .js-cookieServiceForbidden-hidden { display: none !important; } .cookieServiceForbidden .wrapper{ position: relative; top: calc(50% - 3rem); } .cookieServiceForbidden .info{ display: block; margin-bottom: 1.5rem; color: var(--color_cWhite); } .cookieServiceForbidden a:active, .cookieServiceForbidden a:focus { color: var(--color_cOnClick); text-decoration: underline; } @media screen and (max-width: 544px) { .cookieServiceForbidden .wrapper{ top: calc(50% - 5.5rem); } } @media screen and (max-width: 440px) { .cookieServiceForbidden .info{ margin-bottom: 0.5rem; } } .SetVideo.lightbox .cookieServiceForbidden .wrapper{ background-color: transparent; } .cookieServiceForbidden a:active, .cookieServiceForbidden a:focus { color: var(--color_cWhite); } .cookieServiceForbidden .info a { color: var(--color_cBlueLight); } {* .BasicSnippet.bite.overview.List .overviewContent{ min-height: 45rem; padding-left: 20rem; } *} .BasicSnippet.bite.overview.List .overviewContent .wrapper{ padding-left: 0.5rem; margin-right: 0.5rem; padding-top: 1rem; padding-bottom: 1rem; } .BasicSnippet.bite.overview.List .leftColumn .ListTextList .infoBlock .SetText { margin-left: 0; margin-right: 0; } .BasicSnippet.bite.overview.List .overviewContent .title { font-family: EuclidFlex-Bold; font-size: 1rem; margin: 0 0 1rem; letter-spacing: 1px; color: var(--color_cWhite); } .BasicSnippet.bite.overview.List .jobWrapper-block{ margin-bottom: 2rem; } .BasicSnippet.bite.overview.List .jobWrapper-block .bite_flex{ display: block; } .BasicSnippet.bite.overview.List .jobWrapper-block .bite_entry::before{ content: "\e901"; position: absolute; right: 1rem; font-family: 'icomoon'; font-size: 1.125rem; } .BasicSnippet.bite.overview.List .jobWrapper-block .bite_entry{ width: 100%; padding: 1.5rem 2.5rem 1.5rem 1.5rem; position: relative; } .BasicSnippet.bite.overview.List .jobWrapper-block img{ display: none; } .BasicSnippet.bite.overview.List .jobWrapper-block .bite_entry--content{ display: flex; justify-content: space-between; width: 100%; } .BasicSnippet.bite.overview.List .jobWrapper-block .bite_entry--content small{ order: 2; display: flex; align-items: center; width: 30%; } .BasicSnippet.bite.overview.List .bite-container > div:not(.bite_flex) { background-color: var(--color_cWhite); padding: 1.5rem; } @media screen and (max-width: 544px) { .BasicSnippet.bite.overview.List .jobWrapper-block .bite_entry--content{ flex-direction: column; } .BasicSnippet.bite.overview.List .jobWrapper-block .bite_entry--content small { width: 100%; } } .campusKarte { display: flex; flex-wrap: wrap; margin: 0 0.5rem 2.5rem; padding: 1rem; background-color: var(--color_cWhite); --color_cHighlight: #007daa; } .campusKarte > .BasicText { width: 100%; } .campusKarte > .title { margin-bottom: 1.5rem; font-size: 1.75rem; line-height: 1em; font-family: "EuclidFlex-Bold"; } .campusKarte .ListLinkList .noLink, .campusKarte .ListLinkList a.SetLink, .campusKarte .subTitle { font-family: "EuclidFlex-Bold"; font-size: 1.25rem; line-height: 1.5em; color: var(--color_cBlack); } .campusKarte .ListLinkList .noLink, .campusKarte .ListLinkList a.SetLink { width: 85%; } .campusKarte .subTitle { margin-bottom: 1.5rem; } .campusKarte .ListLinkList a.SetLink.highlight, .campusKarte .ListLinkList a.SetLink:hover { text-decoration: underline; } .campusKarte .campusMap { width: 50%; } .campusKarte > .ListLinkList { width: 45%; padding-left: 5%; } .campusKarte > .ListLinkList .BasicText { font-size: 1rem; } .campusKarte div.SetLink { position: relative; margin-bottom: 1rem; } .campusKarte svg a:hover polygon, .campusKarte svg .highlight polygon, .campusKarte svg .highlight rect, .campusKarte svg .highlight path, .campusKarte svg a:hover path, .campusKarte svg a:hover rect { stroke: var(--color_cHighlight); fill: var(--color_cHighlight); } .campusKarte svg .highlight text, .campusKarte svg a:hover text { stroke: white; fill: white; } .campusKarte div.SetLink::before { content: "\e901"; position: absolute; right: 1rem; font-family: 'icomoon'; font-size: 1.125rem; } @media screen and (max-width: 844px) { .campusKarte { padding-left: 0.5rem; padding-right: 0.5rem; } .campusKarte .campusMap { width: 100%; margin-bottom: 1rem; } .campusKarte > .ListLinkList { width: 100%; padding-left: 0; } } .BasicVideo.error { background-color: var(--color_bcInfoBox70); } .BasicVideo.error .wrapper { background-color: transparent; margin: 1.5rem; } .BasicVideo.error .info { color: var(--color_cWhite); } .BasicVideo video, .BasicVideo img, .BasicVideo object { max-width: 100%; display: block; } .BasicVideo img { width: 100%; } .BasicVideo { position: relative; } .BasicVideo.teaser { position: relative; cursor: pointer; height: 0; padding: 0 0 56.25%; background-repeat: no-repeat; background-position: center; background-size: cover; } .BasicVideo.teaser.tokenRequest { cursor: default; } .BasicVideo .duration { position: absolute; top: 0; right: 0; color: var(--color_cWhite); background-color: var(--color_cBlack); padding: 0.375rem; font-size: 0.75rem; font-family: EuclidFlex-Medium; } .BasicVideo .videoIcon { position: absolute; left: 1.25rem; bottom: 1rem; height: 2.5rem; background-color: var(--color_bcBlack50); background-image: url('/Ressource/Graphic/play.svg'); background-repeat: no-repeat; background-position: center; width: 3.75rem; border-radius: 3px; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; } .BasicVideo .previewImageWrapper .videoIcon { margin: 0; } .BasicVideo.teaser:active .videoIcon, .BasicVideo.teaser:focus .videoIcon { background-color: var(--color_cBlueLight); } .BasicVideo .qualities { overflow: hidden; display: inline-block; } .BasicVideo .quality { float: left; margin: 0.5rem; } .BasicVideo .quality label { padding: 0.5rem; background-color: var(--color_bcBlack50); display: block; } input:checked+label.stateButton { background-color: var(--color_cBlueLight); } .BasicVideo .quality input { display: none; } .BasicVideo.teaser:active .videoIcon, .BasicVideo.teaser:focus .videoIcon { background-color: var(--color_cBlueLight); } .CustomAgreement { margin: 0 auto; overflow:hidden; } .CustomAgreement h1 { margin-bottom:1.5rem; } .CustomAgreement input[type="checkbox"] { vertical-align:middle; float:left; margin: 0.25rem 0; cursor:pointer; } .CustomAgreement label { margin-left:2rem; display:block; } .CustomAgreement input[disabled] + label { cursor:auto; } .CustomAgreement .defaultButton { float: right; margin-left:1rem; } .CustomAgreement.agreementList { } .CustomAgreement.agreementList .agreementContent, .CustomAgreement.agreementList .historyContent { display:none; } .CustomAgreement.agreementList .open .agreementContent, .CustomAgreement.agreementList .history.open .historyContent { display:block; } .CustomAgreement .click { cursor: pointer; } .CustomAgreement .agreementWrapper { border-top-width: 1px; } .CustomAgreement .agreementWrapper:last-child { border-bottom-width: 1px; } .CustomAgreement.agreementList .open .agreementLine .openIcon .opened, .CustomAgreement.agreementList .agreementLine .openIcon .closed, .CustomAgreement.agreementList .history.open .openIcon .opened, .CustomAgreement.agreementList .history .openIcon .closed { display:block; } .CustomAgreement.agreementList .open .agreementLine .openIcon .closed, .CustomAgreement.agreementList .agreementLine .openIcon .opened, .CustomAgreement.agreementList .history.open .openIcon .closed, .CustomAgreement.agreementList .history .openIcon .opened { display:none; } .CustomAgreement.agreementList .agreementLine, .CustomAgreement.agreementList .historyCaption { overflow: hidden; padding: 0.5rem; } .CustomAgreement.agreementList .caption { float: left; } .CustomAgreement.agreementList .openIcon { float: right; padding-top:0.25rem; } .CustomAgreement.agreementList .agreementLine .state { text-align: right; padding-right: 1.5rem; } .CustomAgreement.agreementList .agreementContent { padding:0.5rem; } .CustomAgreement.agreementList .newest { margin-bottom:1.5rem; } .CustomAgreement.agreementList .lastEdited { margin-bottom:1.5rem; } .CustomAgreement.agreementList .lastEdited .info { margin-bottom:0.5rem; } .CustomAgreement.agreementList .history { background-color:var(--color_bcArea); margin-bottom:0.5rem; } .CustomAgreement.agreementList .historyContent { padding:0.5rem; } .CustomAgreement.agreementList .history .infos { float:left; width:8rem; } .CustomAgreement.agreementList .history .text { padding-left: 9rem; } .CustomAgreement.agreementList .history .entry:not(:last-child) .text { margin-bottom:1rem; } .CustomAgreement.agreementList form { margin-bottom:1rem; } .CustomAgreement.doiStep1 { max-width:45rem; margin:0 auto 2rem; padding:0 1rem; } .CustomAgreement.doiStep1 .intro { margin:0 0.5rem 1.5rem; } .CustomAgreement.doiStep1 .submitMessage { text-align:center; } .CustomAgreement.agreementListRequired .requiredWrapper { margin-bottom:1.5rem; } .CustomAgreement.agreementListRequired .caption { margin-bottom:0.75rem; } .CustomAgreement.agreementListRequired .message { margin-bottom:1.5rem; } .announcementContent.banner { z-index: 9997; position: relative; width: 100%; overflow: hidden; box-sizing: border-box; } .announcementContent.banner .contentWrapper { overflow: hidden; box-sizing: border-box; margin: auto; padding: 1rem; } .announcementContent.banner .messageWrapper { float: left; box-sizing: border-box; max-width: calc(100% - 2.5rem); } .announcementContent.banner a{ text-decoration: none; } .announcementContent.banner .linkArrow{ font-size: 1rem; } .announcementContent.banner span{ padding-right: 0.25rem; display: inline; } .announcementContent.banner .close{ float: right; text-align: center; cursor: pointer; } .announcementContent.banner .close img{ height: 1rem; padding: 0.25rem 0.75rem; } #wysiwyg .announcementContent.banner .BasicText.editMode { display: inline-block; min-width: 1.25rem; } .announcementContent.modal .overlay { top: 0; background-color: rgba(0, 0, 0, 0.7); transition: background-color 0.5s; position: fixed; left: 0; right: 0; height: 100%; z-index: 9998; } .announcementContent.modal .contentWrapper{ margin: auto; display: flex; flex-direction: column; justify-content: center; position: relative; top: calc(50% - 15rem); overflow-y: auto; -webkit-overflow-scrolling: touch; text-align: center; height: 100%; max-height: 30rem; width: 100%; max-width: 30rem; } .announcementContent.modal .close { z-index: 9999; position: absolute; right: calc(50% - 15rem); top: calc(50% - 15rem); font-size: 2rem; line-height: 1em; padding: 0.5rem; } .announcementContent.modal .linkText, .announcementContent.modal .linkArrow{ display: inline; padding-right: 0.25rem; } .announcementContent.modal .linkArrow{ font-family: 'Font Awesome 6 Free'; } @media all and (max-width: 520px) { .announcementContent.modal .contentWrapper { left: 0; max-width: calc(100% - 2.4rem); max-height: calc(100vw - 2.4rem); top: calc(50% - 50vw); } .announcementContent.modal .close{ right: 0; top: calc(50% - 50vw); } } #wysiwyg .announcementContent.modal{ position: relative; height: 30rem; background-color: var(--color_cWhite) !important; } #wysiwyg .announcementContent.modal .overlay{ position: relative; background-color: var(--color_cWhite); } .CustomAnnouncement.Widget { position: relative; width: 100%; overflow: hidden; } .announcementContent button.close{ background-color: transparent; border: none; padding: 0; margin: 0; min-width: auto; font-family: 'Font Awesome 6 Free'; } .jconfirm.jconfirm-dialog .jconfirm-bg { background-color: var(--filemanager_bcOverlay); } .jconfirm.jconfirm-dialog .jconfirm-box { border: solid 1px var(--filemanager_cDialogBorder); background-color: var(--filemanager_bcDialog); padding: 0; } .jconfirm.jconfirm-dialog .jconfirm-box .jconfirm-closeIcon { color: var(--admin_color_cAdminButton); } .jconfirm.jconfirm-dialog .jconfirm-box .jconfirm-title-c { color: var(--color_cWhite); background: var(--filemanager_bcDialogHeader); padding: 8px 4px 8px 8px; font-size: 0.875rem; line-height: 1em; } .jconfirm.jconfirm-dialog .jconfirm-box .jconfirm-content-pane { padding: 8px 8px 0 8px; box-sizing: border-box; margin-bottom: 8px; font-size: 0.75rem; } .jconfirm.jconfirm-dialog .jconfirm-box .jconfirm-buttons { padding: 0; } .jconfirm.jconfirm-dialog .jconfirm-box .jconfirm-buttons button { padding: 0.5rem 1rem; background-color: var(--filemanager_bcDialogBtn); border: solid 1px var(--filemanager_cDialogBorder); border-radius: 4px; transition: all 0.3s; margin-left: 0.5rem; margin-top: 0; color: var(--color_cBlack); } .jconfirm.jconfirm-dialog .jconfirm-box .jconfirm-buttons button:last-child { margin-left: 0; } .CustomFileManager.explorer .filemanagerDialogWrapper .infoContent{ padding: 1rem; min-height: 2rem; } .CustomFileManager.explorer .filemanagerDialogWrapper .actionWrapper{ margin: 0 1rem 1rem; overflow: hidden; } #select2-drop.filemanagerSelect2{ z-index: 99999999; } .CustomFileManager.filetree #fileManagerWrapper { border: solid 1px var(--filemanager_cDialogBorder); background-color: var(--color_cWhite); margin-bottom: 1rem; padding: 1rem 0 1rem 1rem; } .CustomFileManager.filetree .intro { margin-bottom: 1rem; } .CustomFileManager.filetree li { list-style-position: inside; } .CustomFileManager.filetree .jstreeWrapper { max-height: 30vh; min-height: 10rem; overflow-y: auto; box-sizing: border-box; } .CustomFileManager.filetree .adressBarWrapper{ padding-bottom: 0; align-items: center; } .CustomFileManager.filetree .adressBarWrapper .introPath{ padding-right: 1rem; } .CustomFileManager.filetree .adressBarWrapper .adressPath { background-color: var(--color_cWhite); border: solid 1px var(--filemanager_cDialogBorder); } .CustomFileManager.detail { min-width: 74rem; min-height: 22rem; font-size: 0.75rem; border: solid 1px var(--filemanager_cDialogBorder); background-color: var(--color_cWhite); box-sizing: border-box; } .CustomFileManager.detail #nodeTab{ display: grid; grid-template-columns: 50% 50%; } .CustomFileManager.detail #nodeTab > div{ box-sizing: border-box; padding: 1rem; } .CustomFileManager.detail #nodeTab .leftDialogContent{ padding-right: 0.5rem; } .CustomFileManager.detail #nodeTab .rightDialogContent{ padding-left: 0.75rem; } .CustomFileManager.detail .SetSeparator .title{ font-size: 0.875rem; line-height: 1.1em; } .CustomFileManager.detail .ui-tabs{ border: none; } .CustomFileManager.detail .ui-tabs-nav{ background-color: var(--color_cWhite); padding: 0; } .CustomFileManager.detail li[role="tab"]{ margin: 0; padding: 0; border: none; box-sizing: border-box; } .CustomFileManager.detail li[role="tab"] a{ width: 100%; box-sizing: border-box; font-size: 1rem; line-height: 1.1em; } .CustomFileManager.detail li.ui-state-default{ background-color: var(--filemanager_bcDialog) !important; border:solid 1px var(--admin_color_cAdminButtonBorder); border-top-width: 0; border-right-width: 0; } .CustomFileManager.detail li.ui-state-default a{ color: var(--admin_color_cAdminButton); } .CustomFileManager.detail li.ui-state-active{ background-color: var(--color_cWhite) !important; border-right-width:0; border-bottom-width:0; } .CustomFileManager.detail li.ui-state-active a{ color: var(--admin_color_cCaption); } .CustomFileManager.detail .generalInfos, .CustomFileManager.detail .fileMetadatas, .CustomFileManager.detail .nodeMetadatas{ margin-bottom: 1.5rem; } .CustomFileManager.detail label { font-size: 0.75rem; line-height: 1.3em; } .CustomFileManager.detail input { border: solid 1px var(--admin_color_bcInputGradient); border-radius: 2px; padding: 0.25rem 0.5rem; width: 100%; box-sizing: border-box; } .CustomFileManager.detail .info { text-align: left; margin-bottom: 1rem; overflow: hidden; font-size: 0.875rem; line-height: 1.3em; } .CustomFileManager.detail .info > div{ margin-bottom: 0.5rem; } .CustomFileManager.detail button { padding: 0.25rem; font-size: 0.75rem; line-height: 1em; } .CustomFileManager.detail #contentWrapper > ul > li[role="tab"]:first-child { border-left-width: 0; } .CustomFileManager.detail #contentWrapper > ul > li[role="tab"] { width: 50%; } .CustomFileManager.detail #contentWrapper > ul > li[role="tab"] a { padding: 0.75rem 1rem; font-size: 0.875rem; } .CustomFileManager.detail #languageTabs{ border: solid 1px var(--filemanager_cDialogBorder); } .CustomFileManager.detail #languageTabs > ul{ border-bottom: solid 1px var(--filemanager_cDialogBorder); } .CustomFileManager.detail #languageTabs li[role="tab"] a{ font-size: 0.75rem; } .CustomFileManager.detail #languageTabs .tab{ padding: 0 0.5rem 0.5rem; } .CustomFileManager.detail #languageTabs .ui-state-default{ border-bottom: 0; border-left: 0; border-right: solid 1px var(--admin_color_bcInputGradient); } .CustomFileManager.detail .add-metadata select{ width: 30%; margin-right: 0.5rem; height: 1.5rem; background-color: var(--color_cWhite); border: solid 1px var(--filemanager_cDialogBorder); border-radius: 2px; } .filemanagerDialogWrapper .CustomFileManager.detail .add-metadata button{ border: none; padding: 0.25rem 0.5rem; border-radius: 2px; height: 1.5rem; width: calc(70% - 0.5rem); } .CustomFileManager.detail table{ width: 100%; } .CustomFileManager.detail .leftDialogContent th{ text-align: left; border-bottom: solid 1px var(--filemanager_cDialogBorder); } .CustomFileManager.detail .leftDialogContent tr{ display: grid; grid-template-columns: 30% auto; column-gap: 0.5rem; font-size: 0.75rem; line-height: 1.3em; margin-bottom: 0.5rem; align-items: center; } .CustomFileManager.detail .rightDialogContent .upload { margin-bottom: 1rem; } .CustomFileManager.detail .rightDialogContent a{ color: var(--color_cLink); text-decoration: underline; font-size: 0.875rem; line-height: 1.3em; transition: all 0.3s; } .CustomFileManager.detail .permissions { padding: 1rem; box-sizing: border-box; } .CustomFileManager.detail .permissions .info::before{ content: "\f05a"; font-size: 1.25rem; line-height: 1em; position: absolute; left: 0; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: var(--filemanager_cDialogBorder); } .CustomFileManager.detail .permissions .info{ position: relative; margin-bottom: 2rem; padding-left: 2rem; padding-bottom: 0.5rem; border-bottom: solid 1px var(--filemanager_cDialogBorder); } .CustomFileManager.detail .permissions .info button:last-child{ margin-right: 0; } .CustomFileManager.detail .permissions .info button{ margin-right: 0.5rem; margin-top: 0.5rem; padding: 0.5rem; } .CustomFileManager.detail .permissions .tableWrapper { overflow-y: auto; max-height: 22rem; font-size: 0.875rem; } .CustomFileManager.detail .permissions th { padding: 0 0.5rem; max-width: 4.5rem; } .CustomFileManager.detail .permissions tr:not(.add-permissions) hr { border-bottom: solid 1px var(--filemanager_cDialogBorder); border-width: 2px; } .CustomFileManager.detail .permissions tr:not(.permission) td { font-weight: bold; padding-top: 0.5rem; } .CustomFileManager.detail .permissions tr.permission { background-color: var(--filemanager_bcTr); } .CustomFileManager.detail .permissions tr.permission:nth-child(2n) { background-color: var(--filemanager_bcTr2n); } .CustomFileManager.detail tr.permission td{ padding: 0.25rem; } .CustomFileManager.detail tr.permission td:first-child{ float:left; width: 1.5rem; } .CustomFileManager.detail .permissions .inactive button, .CustomFileManager.detail .permissions .inactive { color: var(--color_cIconPassive); } .CustomFileManager.detail .permissions .tableWrapper button { line-height: 1.3em; } .CustomFileManager.detail .permissions .tableWrapper button.far { font-family: 'Font Awesome 5 Free'; border: none; background-color: transparent; } .CustomFileManager.detail .permissions input[type="checkbox"] { vertical-align: middle; } .CustomFileManager.detail .permissions .select2-container, .CustomFileManager.detail .permissions input[type="text"] { width: calc(100% - 5.5rem); max-width: 11rem; } .CustomFileManager.explorer{ box-sizing: border-box; padding: 1.5rem; font-family: DIN-Regular, sans-serif !important; } .CustomFileManager.explorer .fileManagerWrapper{ display: grid; grid-template-columns: auto 20%; column-gap: 1rem; } .CustomFileManager.explorer .leftContent{ display: grid; grid-template-columns: 20% 80%; grid-template-rows: auto; grid-template-areas: "adressbar adressbar" "tree explorer"; } .CustomFileManager.explorer .jstreeWrapper, .CustomFileManager.explorer .searchResultWrapper, .CustomFileManager.explorer .fileexplorerWrapper { max-height: 50vh; min-height: 30rem; overflow-y: auto; } .CustomFileManager.explorer .adressBarWrapper{ grid-area: adressbar; border-bottom: solid 1px var(--admin_color_cLine); } .CustomFileManager.explorer .adressBarWrapper .adress-up{ background-position: -1px -25px; } .CustomFileManager.explorer .adressBarWrapper .adress-forward{ background-position: 59px -1px; } .CustomFileManager.explorer .adressBarWrapper .adress-back{ background-position: -5px -1px; } .CustomFileManager.explorer .adressBarWrapper .reload{ padding: 0 0.5rem; color: var(--color_cIconAction); } .CustomFileManager.explorer .jstreeWrapper{ grid-area: tree; } .CustomFileManager.explorer .fileexplorerWrapper{ grid-area: explorer; border-left: solid 1px var(--admin_color_cLine); } .CustomFileManager.explorer .fe_fileexplorer_wrap .fe_fileexplorer_inner_wrap{ border: none; } .CustomFileManager.explorer .fe_fileexplorer_wrap .fe_fileexplorer_item_wrap{ width: 6.7em; } .CustomFileManager.explorer .fileexplorerWrapper .fe_fileexplorer_folder_tool_new_folder:not(.create_node), .CustomFileManager.explorer .fileexplorerWrapper .fe_fileexplorer_folder_tool_paste, .CustomFileManager.explorer .fileexplorerWrapper .fe_fileexplorer_folder_tool_cut, .CustomFileManager.explorer .fileexplorerWrapper .fe_fileexplorer_folder_tools button:last-child, .CustomFileManager.explorer .fileexplorerWrapper .fe_fileexplorer_toolbar{ display: none; } .CustomFileManager.explorer .fe_fileexplorer_folder_tools button { font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 1rem; line-height: 1.5rem; color: var(--color_cIconAction); } .CustomFileManager.explorer button.fe_fileexplorer_folder_tool_new_folder::before { background-image: none; font-size: 1.125rem; line-height: 1em; content: "\f65e"; } .CustomFileManager.explorer button.rename_node::before { content: "\f044"; } .CustomFileManager.explorer button.move_node::before { content: "\f31e"; } .CustomFileManager.explorer button.fe_fileexplorer_folder_tool_delete::before { background-image: none; font-size: 1.125rem; line-height: 1em; content: "\f2ed"; } .CustomFileManager.explorer button.details::before { content: "\f05a"; } .CustomFileManager.explorer .fe_fileexplorer_disabled{ opacity: 0.4; } .CustomFileManager.explorer .fe_fileexplorer_inner_wrap:not(.fe_fileexplorer_inner_wrap_focused) .fe_fileexplorer_item_selected .fe_fileexplorer_item_wrap_inner{ background-color: var(--filemanager_bcSelected); } .CustomFileManager.explorer .searchInputWrapper { margin-bottom: 1.25rem; border: 1px solid var(--admin_color_cLine); border-radius: 4px; } .CustomFileManager.explorer .clearButton, .CustomFileManager.explorer .searchButton{ border: 0; border-radius: 4px; padding: 0; background-color: var(--color_cWhite); width: 2rem; height: 2rem; font-family: 'Font Awesome 5 Free'; color: var(--color_cIconAction); } .CustomFileManager.explorer .searchInput{ border: 0; padding: 0.5rem; width: calc(100% - 5rem); } .CustomFileManager.explorer .searchResultWrapper { padding: 0 1rem; box-sizing: border-box; } .CustomFileManager.explorer .searchResultWrapper .title { font-size: 1rem; line-height: 1.3em; font-weight: bold; margin-bottom: 0.5rem; } .CustomFileManager.explorer .searchInfo { padding-top: 1rem; margin-bottom: 2.5rem; } .CustomFileManager.explorer .searchResult{ list-style: none; border-bottom: solid 1px var(--filemanager_cDialogBorder); padding: 0.5rem 0; cursor: pointer; } .CustomFileManager.explorer .fileuploadWrapper .SetSeparator .title{ font-size: 1rem; line-height: 1.3em; } .CustomFileManager.explorer .fileuploadWrapper .fileManagerPathNames, .CustomFileManager.explorer .fileuploadWrapper .fileUploadHeader{ display: none; } .CustomFileManager { width: 100%; } .CustomFileManager .fileManagerUploadPath { font-size: 0.8rem; padding: 0 1rem 0 1rem; color: var(--admin_color_cInput); width: 70%; } .CustomFileManager .BasicFileUpload { width: 100% !important; } .CustomFileManager.disabled .BasicFileUpload{ display: none; } .CustomFileManager .fileManagerIdWrapper { display: flex; background-color: var(--color_bcBeigeDark); align-items: center; border: 1px solid var(--admin_color_cAdminButton); } .CustomFileManager .uploadButtons { margin: 0.5rem 1rem 0.5rem 0; } .CustomFileManager .fileUploadHeader { display: flex; background: var(--admin_color_bcToolbar); color: var(--admin_color_cLine); margin-top: 0.5rem; } .CustomFileManager .SetSeparator { margin-bottom: 1rem; border-width: 2px; border-bottom-style: solid; border-color: var(--admin_color_cAdminButtonBorder); display: flex; justify-content: space-between; overflow: unset; } .CustomFileManager .SetSeparator .title { font-weight: bold; font-size: 1.25rem; line-height: 1.1em; margin-bottom: -5px; background-color: var(--color_cWhite); border-color: var(--color_cWhite); border-width: 0; padding-right: 0.5rem; padding-bottom: 0rem; } .CustomFileManager .adressBarWrapper { width: 100%; box-sizing: border-box; padding: 0 0 0.75rem 0; display: flex; justify-content: space-between; align-items: flex-end; } .CustomFileManager .adressBarWrapper button { height: 1.5rem; background-color: var(--color_cWhite); transition: color 0.3s; border: none; } .CustomFileManager .adressBarWrapper .adressPath { background-color: var(--admin_color_bcPropertyTooltip); flex-grow: 1; min-height: 1.625rem; padding: 0 0.5rem; box-sizing: border-box; } .CustomFileManager .adressBarWrapper li:before { content: "\f105"; font-family: 'Font Awesome 5 Free'; font-weight: 900; padding-right: 4px; vertical-align: middle; } .CustomFileManager .adressBarWrapper li { display: inline-block; padding: 4px; list-style: none; cursor: pointer; } .CustomFileManager .adressBtns button.inactive { opacity: 0.3; } .CustomFileManager .adressBtns button { width: 1.5rem; border: 0; image-rendering: pixelated; background-image: url(/Ressource/ThirdParty/js-fileexplorer/2023_02_14/fileexplorer_sprites.png); } #wysiwyg .CustomFlyout.panelContent { width: 506px; margin:0 auto 60px; } #wysiwyg .CustomFlyout.panelContent .BasicGraphic:before { display:none; } .CustomFlyout.panel { z-index:9010; width: 506px; background-color:white; max-width:100%; box-sizing:border-box; } .CustomFlyout.panel .BasicSpacerContentLoader .closeButton { top:0; font-size:22px; right:8px; height: 40px; line-height:40px; } .CustomFlyout.panel .wrapperContentLoader { width: auto; } .CustomFlyout.panel .BasicForm { width: 100%; } .CustomFlyout.panelContent { background-color:var(--color_cWhite); overflow:hidden; border-width:1px; } .CustomFlyout.panelContent .closeWrapper { cursor:pointer; } .CustomFlyout.panelContent .closeTargeting { padding:0 24px 24px; font-size: 12px; } .CustomFlyout.panelContent .articleWrapper { margin:0 8px; } .CustomFlyout.panelContent .title { background-color:var(--color_bcArea); font-size:14px; overflow:hidden; padding:8px 36px 8px 16px; line-height:24px; } .CustomFlyout.panelContent .contentWrapper { margin:32px 24px 8px 24px; background-color:var(--color_cWhite); overflow:hidden; } .CustomFlyout.panelContent .flyoutHead { margin-bottom:24px; } .CustomFlyout.panelContent .flyoutGraphic { float:left; width:144px; height:144px; margin-bottom:24px; margin-right:32px; } .CustomFlyout.panelContent .content { margin-bottom:24px; } .CustomFlyout.panelContent form h1 { display:none; } .CustomFlyout.panelContent .BasicForm { margin-bottom:24px; } .CustomFlyout.panelContent .BasicForm .formSubmitMessage { font-weight:normal; padding:0; margin:0 8px; } .CustomFlyout.wishlistHint .defaultButton, .CustomFlyout.addProductToWishlist .defaultButton { display:block; float:right; margin-bottom:24px; } .CustomFlyout .subtitle { clear:both; margin-bottom:24px; } .CustomFlyout.newsletter .submit + .wrapper, .CustomFlyout.afterCheckoutNLSubscription .submit + .wrapper { display:none; } #wysiwyg[data-lock-state="true"] .BasicForm.ProjectForm.dialogForm .wrapper.medium { float:left !important; } .edit .BasicForm.dialogForm .wrapper.medium { width:50%; } #wysiwyg .Page .pageContentElement .CustomFlyout.panelContent { box-shadow:none; margin:0; } #wysiwyg .CustomFlyout.panel { display:block; } #wysiwyg .Page .pageContentElement .CustomFlyout.panel { margin:0 auto 24px; } .Page .pageActionBar { position:fixed; bottom:40px; right:0; text-align:center; z-index:1; } .Page .pageActionBar [class*="ss-"] { color:var(--color_cWhite); font-size: 14px; line-height: 21px; } .Page .pageActionBar .pageAction.hidden { display:none; } .Page .pageActionBar .pageAction { display:block; height:40px; width:40px; margin-bottom:4px; text-align:center; font-size:12px; background-color: rgba(80,80,80,0.5); cursor:pointer; } .Page .pageActionBar .pageAction.hover, .Page .pageActionBar .pageAction.selected { background-color:var(--color_cBlack); } .Page .CustomFlyout.panel { position: fixed; right: 44px; bottom: 44px; } #wysiwyg .Page .pageContentElement .CustomFlyout.panel { position:static; } .Page .pageActionBar { -o-transition:right .3s; -ms-transition:right .3s; -moz-transition:right .3s; -webkit-transition:right .3s; -webkit-apperance:none; transition:right .3s; z-index:9011; } .Page .pageActionBar [class*="icon-"], .Page .pageActionBar [class*="ss-"]{ font-size: 22px; line-height: 33px; color:var(--color_cWhite); vertical-align: middle; } .Page .pageActionBar .pageAction:active, .Page .pageActionBar .pageAction:focus { background-color:var(--color_cBlueLight); } @media screen and (max-width: 1096px) { .Page .pageActionBar { right:0; } .Page.scrollDown .pageActionBar { right:-2.5rem; } } @media screen and (max-height: 544px) { .Page .pageActionBar { bottom:1rem; } } @media screen and (max-width: 544px) { .Page .pageActionBar { bottom:1rem; } } .Page .CustomFlyout.panel { max-width : 100%; max-height: 100%; background-color : transparent; right : 0; box-sizing : border-box; padding:0 44px 0 0; bottom:0; } .Page .CustomFlyout.panel .BasicSpacerContentLoader { margin-bottom:0.5rem; } .BasicSpacerContentLoader .CustomFlyout.panel form .closeButton { display:none; } @media screen and (max-width:544px) { .Page .CustomFlyout.panel { padding:0.5rem 0.5rem 0; bottom:0; } } .Page .pageActionBar .pageAction:active, .Page .pageActionBar .pageAction:focus { background-color:var(--color_cBlueLight); } .CustomFlyout.panelContent .contentWrapper { margin: 1rem 0.5rem 0.5rem; } .CustomFlyout.panelContent .articleWrapper { overflow:hidden; margin: 0 0.5rem; } .CustomFlyout.panelContent .articleWrapper.noGraphic .content, .CustomFlyout.panelContent .content { width:100%; } .CustomFlyout.panelContent .articleWrapper { position:relative; } .CustomFlyout.panelContent .articleWrapper:not(.noGraphic) { min-height:10.5rem; } .CustomFlyout.panelContent .flyoutHead { height:auto; width:auto; float:none; } .CustomFlyout.panelContent .flyoutGraphic { height:9rem; width:9rem; margin-bottom:1.5rem; } .CustomFlyout.panel .BasicSpacerContentLoader .closeButton { padding: 0; } @media screen and (max-width: 544px) { .Page .CustomFlyout.panel { display:none; } }#wysiwyg .CustomFlyout.panelContent { width: 506px; margin:0 auto 60px; } #wysiwyg .CustomFlyout.panelContent .BasicGraphic:before { display:none; } .CustomFlyout.panel { z-index:9010; width: 506px; background-color:white; max-width:100%; box-sizing:border-box; } .CustomFlyout.panel .BasicSpacerContentLoader .closeButton { top:0; font-size:22px; right:8px; height: 40px; line-height:40px; } .CustomFlyout.panel .wrapperContentLoader { width: auto; } .CustomFlyout.panel .BasicForm { width: 100%; } .CustomFlyout.panelContent { background-color:var(--color_cWhite); overflow:hidden; border-width:1px; } .CustomFlyout.panelContent .closeWrapper { cursor:pointer; } .CustomFlyout.panelContent .closeTargeting { padding:0 24px 24px; font-size: 12px; } .CustomFlyout.panelContent .articleWrapper { margin:0 8px; } .CustomFlyout.panelContent .title { background-color:var(--color_bcArea); font-size:14px; overflow:hidden; padding:8px 36px 8px 16px; line-height:24px; } .CustomFlyout.panelContent .contentWrapper { margin:32px 24px 8px 24px; background-color:var(--color_cWhite); overflow:hidden; } .CustomFlyout.panelContent .flyoutHead { margin-bottom:24px; } .CustomFlyout.panelContent .flyoutGraphic { float:left; width:144px; height:144px; margin-bottom:24px; margin-right:32px; } .CustomFlyout.panelContent .content { margin-bottom:24px; } .CustomFlyout.panelContent form h1 { display:none; } .CustomFlyout.panelContent .BasicForm { margin-bottom:24px; } .CustomFlyout.panelContent .BasicForm .formSubmitMessage { font-weight:normal; padding:0; margin:0 8px; } .CustomFlyout.wishlistHint .defaultButton, .CustomFlyout.addProductToWishlist .defaultButton { display:block; float:right; margin-bottom:24px; } .CustomFlyout .subtitle { clear:both; margin-bottom:24px; } .CustomFlyout.newsletter .submit + .wrapper, .CustomFlyout.afterCheckoutNLSubscription .submit + .wrapper { display:none; } #wysiwyg[data-lock-state="true"] .BasicForm.ProjectForm.dialogForm .wrapper.medium { float:left !important; } .edit .BasicForm.dialogForm .wrapper.medium { width:50%; } #wysiwyg .Page .pageContentElement .CustomFlyout.panelContent { box-shadow:none; margin:0; } #wysiwyg .CustomFlyout.panel { display:block; } #wysiwyg .Page .pageContentElement .CustomFlyout.panel { margin:0 auto 24px; } .Page .pageActionBar { position:fixed; bottom:40px; right:0; text-align:center; z-index:1; } .Page .pageActionBar [class*="ss-"] { color:var(--color_cWhite); font-size: 14px; line-height: 21px; } .Page .pageActionBar .pageAction.hidden { display:none; } .Page .pageActionBar .pageAction { display:block; height:40px; width:40px; margin-bottom:4px; text-align:center; font-size:12px; background-color: rgba(80,80,80,0.5); cursor:pointer; } .Page .pageActionBar .pageAction.hover, .Page .pageActionBar .pageAction.selected { background-color:var(--color_cBlack); } .Page .CustomFlyout.panel { position: fixed; right: 44px; bottom: 44px; } #wysiwyg .Page .pageContentElement .CustomFlyout.panel { position:static; } .Page .pageActionBar { -o-transition:right .3s; -ms-transition:right .3s; -moz-transition:right .3s; -webkit-transition:right .3s; -webkit-apperance:none; transition:right .3s; z-index:9011; } .Page .pageActionBar [class*="icon-"], .Page .pageActionBar [class*="ss-"]{ font-size: 22px; line-height: 33px; color:var(--color_cWhite); vertical-align: middle; } .Page .pageActionBar .pageAction:active, .Page .pageActionBar .pageAction:focus { background-color:var(--color_cBlueLight); } @media screen and (max-width: 1096px) { .Page .pageActionBar { right:0; } .Page.scrollDown .pageActionBar { right:-2.5rem; } } @media screen and (max-height: 544px) { .Page .pageActionBar { bottom:1rem; } } @media screen and (max-width: 544px) { .Page .pageActionBar { bottom:1rem; } } .Page .CustomFlyout.panel { max-width : 100%; max-height: 100%; background-color : transparent; right : 0; box-sizing : border-box; padding:0 44px 0 0; bottom:0; } .Page .CustomFlyout.panel .BasicSpacerContentLoader { margin-bottom:0.5rem; } .BasicSpacerContentLoader .CustomFlyout.panel form .closeButton { display:none; } @media screen and (max-width:544px) { .Page .CustomFlyout.panel { padding:0.5rem 0.5rem 0; bottom:0; } } .Page .pageActionBar .pageAction:active, .Page .pageActionBar .pageAction:focus { background-color:var(--color_cBlueLight); } .CustomFlyout.panelContent .contentWrapper { margin: 1rem 0.5rem 0.5rem; } .CustomFlyout.panelContent .articleWrapper { overflow:hidden; margin: 0 0.5rem; } .CustomFlyout.panelContent .articleWrapper.noGraphic .content, .CustomFlyout.panelContent .content { width:100%; } .CustomFlyout.panelContent .articleWrapper { position:relative; } .CustomFlyout.panelContent .articleWrapper:not(.noGraphic) { min-height:10.5rem; } .CustomFlyout.panelContent .flyoutHead { height:auto; width:auto; float:none; } .CustomFlyout.panelContent .flyoutGraphic { height:9rem; width:9rem; margin-bottom:1.5rem; } .CustomFlyout.panel .BasicSpacerContentLoader .closeButton { padding: 0; } @media screen and (max-width: 544px) { .Page .CustomFlyout.panel { display:none; } } .CustomNavigationPath { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .CustomNavigationPath li { display: inline-block; } .CustomNavigationPath .separator { font-size: 0.75rem; vertical-align: top; margin:0 0.25rem; } /* the following rules are necessary in order to have the background stripes at the bottom if the height of the CustomNewsletterRecipient is smaller than 100%*/ html,body { height: auto; } .Page.NewsletterSubscription { min-height: 100%; } /************************ CustomNewsletterRecipient ***************************/ .Page.NewsletterSubscription, .CustomNewsletterRecipient .stripe { background-color: #F0F0F0; } .content.NewsletterSubscription { background-color: var(--color_cWhite); margin: 0 auto; max-width: 992px; } .CustomNewsletterRecipient { min-width: 696px; /*768 - 36*2 */ padding: 36px; } .CustomNewsletterRecipient>div { clear: both; width: 100%; overflow: hidden; /*so that the divs take the side of the children*/ margin-bottom: 2%; } .CustomNewsletterRecipient .stripe { height: 12px; } /***************************** header *****************************************/ .CustomNewsletterRecipient>.subscriptionHeader { } .CustomNewsletterRecipient>.subscriptionHeader>div { float: left; width: 50%; } .CustomNewsletterRecipient>.subscriptionHeader .logo { min-width: 384px; margin-top: 6px; /*because the other logos have height = 48px, so we center this one vertically*/ height: 37px; background-image: url('File/custom_newsletterRecipient/logo.png'); background-repeat: no-repeat; } .CustomNewsletterRecipient>.subscriptionHeader .BasicGraphic { text-align: center; } .CustomNewsletterRecipient>.subscriptionHeader .companyNameWrapper { text-align: center; font-size: 37px; } /***************************** body *****************************************/ .CustomNewsletterRecipient>.subscriptionBody { } .CustomNewsletterRecipient>.subscriptionBody>.title { font-weight: bold; } .CustomNewsletterRecipient .subscriptionBody .error { color: #FF0000; font-weight: bold; } .CustomNewsletterRecipient .subscriptionBody .BasicForm { width: 100%; } .CustomNewsletterRecipient .subscriptionBody .BasicForm h1 { margin-bottom: 32px; } .CustomNewsletterRecipient .subscriptionBody .BasicForm h2 { margin-bottom: 16px; } .CustomNewsletterRecipient .subscriptionBody .BasicForm .wrapper.text.title { color: inherit; font-size: inherit; margin-bottom: 0; margin-right: 0; text-align: left; } .CustomNewsletterRecipient>.subscriptionBody>.legals, .CustomNewsletterRecipient>.subscriptionBody>.privacy { width:100%; margin:0 auto; font-size:11px; } .subscriptionBody>.legals,.subscriptionBody>.privacy { display: none; } /***************************** footer *****************************************/ .CustomNewsletterRecipient > .subscriptionFooter { } .CustomNewsletterRecipient > .subscriptionFooter > div { width: 50%; } .CustomNewsletterRecipient > .subscriptionFooter > .BasicGraphic { float: left; } .CustomNewsletterRecipient > .subscriptionFooter > .BasicGraphic > img { max-width: 80%; } .CustomNewsletterRecipient > .subscriptionFooter > .BasicText { float: right; font-family: Verdana, Arial, sans-serif; color: grey; } .CustomNewsletterRecipient > .subscriptionFooter .powered { opacity: 0.6; } .CustomNewsletterRecipient > .subscriptionFooter .powered:hover { opacity: 1; } .CustomNewsletterRecipient { padding: 0 3rem 3rem; min-width:0; } .csright .CustomNewsletterRecipient { padding-left: 0.5rem; padding-right: 0.5rem; } .CustomNewsletterRecipient .subscriptionBody { margin: 0 auto; position: relative; padding-left:19.75rem; box-sizing: border-box; } .CustomNewsletterRecipient .subscriptionBody > .wrapper { float: left; overflow: hidden; background-color:var(--color_cWhite); padding:1rem 0.75rem; } .csright .CustomNewsletterRecipient .subscriptionBody > .wrapper { min-height: 0 !important; } .CustomNewsletterRecipient .subscriptionBody .right .intro { margin: 0 0 2rem 0; padding:0; } .CustomNewsletterRecipient .subscriptionBody .BasicForm { box-sizing: initial; padding: 0; } .CustomNewsletterRecipient .subscriptionBody .BasicForm .wrapperForm { background-color: transparent; padding: 0; } .CustomNewsletterRecipient .wrapper.textarea label { display: none; } .CustomNewsletterRecipient .BasicForm .wrapper.checkbox { padding:0; } @media screen and (max-width: 832px) { .CustomNewsletterRecipient { padding:0 1.5rem 2rem; } } @media screen and (max-width: 544px) { .CustomNewsletterRecipient { padding:0 1rem 2rem; } } .CustomNewsletterRecipient.step1 .left h1 { padding:0 0.5rem; } .CustomNewsletterRecipient.step1 .right h1 { font-size:1rem; line-height:1.5em; } .CustomNewsletterRecipient.step1 .right h1, .CustomNewsletterRecipient.step1 .right .topWrapper { padding:0 0.5rem; box-sizing:border-box; overflow:hidden; } .CustomNewsletterRecipient.step1 .BasicForm input[type="email"] { height:2.375rem; } .CustomNewsletterRecipient.step1 .subscriptionBody > .wrapper { float:none; } .CustomNewsletterRecipient.step1 .BasicForm .wrapper.submit, .CustomNewsletterRecipient.step1 .BasicForm .wrapper.medium { width:100%; max-width:31.5rem; float:none; clear:both; } @media screen and (max-width: 832x) { .CustomNewsletterRecipient.step1 .subscriptionBody { padding-left:0; } } @media screen and (max-width: 544px) { .CustomNewsletterRecipient.step1 .BasicForm .wrapper.submit, .CustomNewsletterRecipient.step1 .BasicForm .wrapper.submit button { width:100%; } .CustomNewsletterRecipient.step1 .left h1, .CustomNewsletterRecipient.step1 .right h1, .CustomNewsletterRecipient.step1 .right .topWrapper, .CustomNewsletterRecipient.step1 .BasicForm .wrapper { padding:0; } } .CustomNewsletterRecipient.step2 .subscriptionBody { } .CustomNewsletterRecipient.step2 .title { margin: 0 0 1.5rem 0; font-family:EuclidFlex-Bold; font-size:1.75rem; } .CustomNewsletterRecipient.step2 .intro { margin: 0 0 2rem 0; font-size:1rem; font-family:EuclidFlex-Regular; } .CustomNewsletterRecipient.step2 .title, .CustomNewsletterRecipient.step2 .intro, .CustomNewsletterRecipient.step2 form .formTitle, .CustomNewsletterRecipient.step2 form h1 { padding:0 0.5rem; } .CustomNewsletterRecipient.step2 .wrapperForm .formTitle, .CustomNewsletterRecipient.step2 .wrapperForm h1 { font-size: 1.25rem; text-transform: uppercase; letter-spacing: 0.1em; } .CustomNewsletterRecipient.step2 .chegroup.categories { left: 0; margin: 0; position: absolute; top: 0; width: 18.5rem; padding:1.25rem; background-color:var(--color_cWhite); } .CustomNewsletterRecipient.step2 .chegroup.categories label::before { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .CustomNewsletterRecipient.step2 .chegroup.categories label::before { -webkit-border-radius: 2.5rem; -moz-border-radius: 2.5rem; border-radius: 2.5rem; } .CustomNewsletterRecipient.step2 .chegroup.categories input:checked + label::before { border-color:var(--color_cBlueLight); background-color:var(--color_cBlueLight); } .CustomNewsletterRecipient.step2 .chegroup.categories > span { font-size:1rem; font-family:EuclidFlex-Bold; letter-spacing:1px; text-transform:uppercase; margin-bottom:1.5rem; display:block; } .CustomNewsletterRecipient.step2 .chegroup.agb { margin-bottom: 1.5rem; } .CustomNewsletterRecipient.step2 .BasicForm .wrapper.submit { width: 50%; } .CustomNewsletterRecipient.step2 .wrapper.submit button { width: 100%; } .CustomNewsletterRecipient.step2 .wrapper.submit button[name="unsubscribe"] { background-color:var(--color_cWhite); } /******{****Active/Focus****}******/ .BasicForm .functionIconWrapper .ss-gizmo:active:before, .BasicForm .functionIconWrapper .ss-gizmo:focus:before { color:var(--color_cTextPassive); } .CustomNewsletterRecipient.step2 .chegroup.categories label:active::before, .CustomNewsletterRecipient.step2 .chegroup.categories label:focus::before { border-color:var(--color_cBlueLight); } .CustomNewsletterRecipient.step2 .wrapper.submit:active button[name="unsubscribe"], .CustomNewsletterRecipient.step2 .wrapper.submit:focus button[name="unsubscribe"], .CustomNewsletterRecipient.step2 .wrapper.submit button[name="unsubscribe"]:active, .CustomNewsletterRecipient.step2 .wrapper.submit button[name="unsubscribe"]:focus { background-color:var(--color_cBlue); } @media screen and (max-width: 832px) { .CustomNewsletterRecipient.step2 .chegroup.categories { position: relative; top: auto; left: auto; margin: 0; width: 100%; padding-left:0.5rem; padding-right:0.5rem; } .CustomNewsletterRecipient.step1 .subscriptionBody, .CustomNewsletterRecipient.step2 .subscriptionBody { padding-left:0; } } @media screen and (max-width: 544px) { .CustomNewsletterRecipient.step2 .BasicForm .wrapper.submit { width:100%; margin-bottom:1rem; } .CustomNewsletterRecipient.step2 .chegroup.categories { padding-left:0; padding-right:0; } .CustomNewsletterRecipient.step2 .title, .CustomNewsletterRecipient.step2 .intro, .CustomNewsletterRecipient.step2 form .formTitle, .CustomNewsletterRecipient.step2 form h1, .CustomNewsletterRecipient.step2 form .wrapper { padding:0; } } .CustomNewsletterRecipient .BasicForm .wrapper.checkselectbox.radgroup { padding-bottom: 0; } .CustomNewsletterRecipient .subscriptionBody > .wrapper > .error { font-weight: normal; padding: 0 48px 24px 32px; } .CustomNewsletterRecipient.step1 .subscriptionBody .intro { color: var(--color_cText); font-size: 18px; line-height:1.5em; } .CustomNewsletterRecipient .BasicForm .large textarea { height: 8rem; } .CustomNewsletterRecipient .subscriptionBody .BasicForm label { width:auto; } .CustomNewsletterRecipient .BasicForm .chegroup input:not(.required) + label + .validationMessage { display: none; } .CustomNewsletterRecipient .BasicForm .validationMessage { margin: 0; width: 100%; color: var(--color_cError); line-height: 1.5rem; height: auto; min-height: 1.5rem; font-size: 12px; } .CustomNewsletterRecipient .wrapperForm .formSubmitMessage { padding: 0 0.5rem 3rem; } @media screen and (max-width: 544px) { .CustomNewsletterRecipient { padding:0 0 2rem; } .CustomNewsletterRecipient .wrapperForm .formSubmitMessage { padding: 0 0 3rem; } .CustomNewsletterRecipient .subscriptionBody > .wrapper { padding:1rem 1.25rem; } } .CustomNewsletterRecipient .wrapperForm .formSubmitMessage, .CustomNewsletterRecipient .wrapperForm .formSubmitMessage * { font-size: 1.125rem; font-weight: normal; line-height: 1.5em; color: var(--color_cBlack); } .CustomNewsletterRecipient .subscriptionBody #legals, .CustomNewsletterRecipient .subscriptionBody #privacy { padding: 1.5rem 0.5rem 0; display: none; clear:both; } .CustomNewsletterRecipient .BasicForm .wrapper.submit { border: none; width: auto; margin-bottom: 1.5rem; } .wrapper.agb a { text-decoration: underline; } .BasicForm .wrapperForm .wrapper span.description { margin: 0; font-size: 12px; } .BasicForm .functionIconWrapper .ss-gizmo:active:before, .BasicForm .functionIconWrapper .ss-gizmo:focus:before { color:var(--color_cTextPassive); } .CustomNewsletterRecipient.step2 .chegroup.categories label:active::before, .CustomNewsletterRecipient.step2 .chegroup.categories label:focus::before { border-color:var(--color_cBlueLight); } .CustomNewsletterRecipient.step2 .wrapper.submit:active button[name="unsubscribe"], .CustomNewsletterRecipient.step2 .wrapper.submit:focus button[name="unsubscribe"] { background-color:var(--color_cBlue); } .CustomNewsletterSender.Widget.properties.nlV2 .fileUploadSingleGraphic{ width: 78%; } .CustomNewsletterSender.Widget.properties.nlV2 .twoColumnsInLang{ width: 36.75rem; float: left; } .CustomNewsletterSender.Widget.properties.nlV2 .twoColumnsInLang textarea{ width: 28rem; } .CustomNewsletterSender.Widget.properties.nlV2 #languageTabsLogo textarea{ height: 2rem; resize: none; padding: 0.5rem 0 0 0.5rem; box-sizing: border-box; } .CustomNewsletterSender.Widget.properties.nlV2 #mainColor { width: 24.5rem !important; } .CustomNewsletterSender.Widget.properties.nlV2 .mainColorBox { width: 2.2rem; height: 2.2rem; border: 1px solid lightgrey; margin-right: 0.15rem; float: right; box-sizing: border-box; } .CustomNewsletterSender.Widget.properties.nlV2 .enterInfo { margin-left: 7.5rem; float: left; } .CustomRss .description, .CustomRss .lastBuildDate.copyright { margin: 0.75rem 1.25rem 0; font-size: 0.75rem; } .CustomRss .mediaElt .wrapper > .graphicWrapper { padding: 0 0 56.25%; } .mediaElt:active .audioIcon, .mediaElt:focus .audioIcon { background-color: var(--color_cBlueLight); } .CustomRss .title a{ -o-transition:color .3s; -ms-transition:color .3s; -moz-transition:color .3s; -webkit-transition:color .3s; transition: color: .3s; } .CustomRss.lightbox { background-color: var(--color_cBlack); } .CustomRss.lightbox .title { height: auto; font-family: EuclidFlex-Bold; font-size: 1rem !important; margin: 0 !important; line-height: 1.25rem !important; } .CustomRss.lightbox .description{ margin-top: 0; margin-left: 0; margin-right: 0; margin-bottom: 1rem; font-size: 0.8125rem; line-height: 1.5em; } .CustomRss.lightbox .description .textWrapper{ padding: 0; } .CustomRss.lightbox .close span { color: var(--color_cWhite); text-shadow: 1px 1px 0 var(--color_cBlack); } @media screen and (max-width:544px) { .CustomRss.lightbox.descriptionExpanded .BasicText.description .textWrapper { height: calc(75vh - 10rem); } } .mediaElt:active .audioIcon, .mediaElt:focus .audioIcon { background-color: var(--color_cBlueLight); } .semantic.AdminRelation #refreshSemantic { width: auto; margin-left: 16px; padding: 0 10px; } .CustomStyla { } #userResetPasswordMessage { color: #ff0000; font-size: 1em; text-align: center; } .CustomUserResetPassword .userRequestPasswordForm .mandatory_field_desciption, .CustomUserResetPassword .userEnterPasswordForm .mandatory_field_desciption { display: none; } .BasicSpacerContentLoader .CustomUserResetPassword .BasicForm .formSubmitMessage .submitMessage { padding: 0 0.5rem 2rem; } .CustomUserResetPassword .formTitle, .CustomUserResetPassword h1 { color:var(--color_cWhite); padding: 0 0.5rem 1rem; } .content .CustomUserResetPassword .CustomUserNavigation { overflow: hidden; margin: 0 0.5rem; } .BasicForm.ProjectForm.userRequestPasswordForm, .BasicForm.ProjectForm.userEnterPasswordForm { box-sizing: initial; padding: 0; } .BasicForm.ProjectForm.userRequestPasswordForm .wrapperForm, .BasicForm.ProjectForm.userEnterPasswordForm .wrapperForm { background-color: transparent; padding: 0; } .BasicSpacerContentLoader .CustomUserResetPassword .BasicForm .formSubmitMessage .submit_message { color: var(--color_cWhite); } .CustomArticle.overview.person .filterBar { margin-bottom:0; } .CustomArticle.overview.person .overviewContent { margin-bottom:4rem; } .CustomArticle.overview.person .overviewList { overflow: hidden; width: auto; box-sizing: border-box; margin:0 0.5rem; } .CustomArticle.overview.person .CustomTag.tagcloudFilter .Tag.empty { display: none; } .CustomArticle.overview.person .groupedViewTitle { clear: both; color: var(--color_cWhite); overflow:hidden; margin: 2rem 0.5rem 2.5rem; } .CustomArticle.overview.person .groupedViewTitle .title { overflow: hidden; display: inline-block; padding-right: 0.5rem; vertical-align: middle; } .CustomArticle.overview.person .groupedViewTitle:after { margin-right: -100%; background-color: var(--color_cWhite); content: ""; display: inline-block; height: 1px; vertical-align: middle; width: 100% } .CustomArticle.overview.person .personOverviewTeaser { width: auto; position:relative; border-top:1px solid var(--color_cBlack); } .CustomArticle.overview.person .personOverviewTeaser.opened { border-top-color:transparent; } .personOverviewTeaser:last-child { border-bottom:1px solid var(--color_cBlack); } .personOverviewTeaser > a { display:block; } .personOverviewTeaser .navIcon { color:var(--color_cWhite); position: absolute; top: 1.5rem; right: 0.5rem; font-size: 1.25rem; } .personOverviewTeaser .teaserWrapper { background-color:var(--color_bcBlack20); padding:1rem; color:var(--color_cWhite); min-height:2rem; } .personOverviewTeaser .textWrapper { overflow:hidden; } .CustomArticle.overview.person .personOverviewTeaser .title { text-align:left; float:left; font-family:EuclidFlex-Bold; width:9rem; } .personOverviewTeaser .subTitle { padding-left: 10rem; padding-right: 14rem; word-wrap: break-word; } .personOverviewTeaser .supplementWrapper { position:absolute; right:2.5rem; top:1rem; width:12rem; } .personOverviewTeaser .supplementWrapper a { color:var(--color_cWhite); } .personOverviewTeaser .phoneFaxWrapper, .personOverviewTeaser .mailWrapper { float:left; } .personOverviewTeaser .phoneFaxWrapper { width: 10rem; min-height: 1px; } .personOverviewTeaser .detailWrapper { display:none; } .personOverviewTeaser .supLink .icon { display:none; background-color: var(--color_cBlack); border-radius: 2rem; box-sizing: border-box; font-size: 1.125rem; height: 2rem; padding-top: 7px; text-align: center; width: 2rem; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .personOverviewTeaser .supLink.mail .icon { display:inline-block; } .personOverviewTeaser .supLink.mail .caption { display:none; } .personOverviewTeaser .teaserWrapper.mobile { display:none; } .personOverviewTeaser > a:focus, .personOverviewTeaser > a:active { background-color:var(--color_cBlack); } .personOverviewTeaser > a:focus .navIcon, .personOverviewTeaser > a:active .navIcon { color:var(--color_cBlueDark); } .personOverviewTeaser .supLink:focus .icon, .personOverviewTeaser .supLink:active .icon { background-color:var(--color_cBlueDark); color:var(--color_cWhite); } .personOverviewTeaser .phone:focus, .personOverviewTeaser .phone:active, .personOverviewTeaser .fax:focus, .personOverviewTeaser .fax:active { color:var(--color_cBlueLight); } @media screen and (max-width:992px) { .CustomArticle.overview.person.List .leftColumn { display:block; width:100%; position:static !important; } .CustomArticle.overview.person.List .leftColumn .menuWrapper { display:none; } .CustomArticle.overview.person.List.overview.List .filterBar { margin-left:0; margin-right:0; } } @media screen and (max-width:688px) { .CustomArticle.overview.person .overviewList { margin:0; padding:0; } .personOverviewTeaser .teaserWrapper.mobile { display:block; position:relative; cursor:pointer; } .personOverviewTeaser .prefix { display:none; } .personOverviewTeaser .teaserWrapper.mobile .icon { color: var(--color_cWhite); font-size: 1.25rem; position: absolute; right: 0.5rem; top: 1.5rem; } .personOverviewTeaser .teaserWrapper.mobile .openIcon, .personOverviewTeaser.opened .teaserWrapper.mobile .closeIcon { display:block; } .personOverviewTeaser .teaserWrapper.mobile .closeIcon, .personOverviewTeaser.opened .teaserWrapper.mobile .openIcon { display:none; } .personOverviewTeaser .desktop { display:none; } .personOverviewTeaser .supplementWrapper { display:none; position:static; width:auto; padding:0 1rem 0; background-color:var(--color_cBlack); } .personOverviewTeaser.opened .teaserWrapper.mobile { background-color:var(--color_cBlack); } .personOverviewTeaser.opened .supplementWrapper { display:block; } .personOverviewTeaser.opened .supplementWrapper a { display:block; float:left; clear:both; } .CustomArticle.overview.person .personOverviewTeaser .title, .personOverviewTeaser .subTitle, .personOverviewTeaser .phoneFaxWrapper, .personOverviewTeaser .mailWrapper { width:auto; padding:0; float:none; overflow:hidden; } .personOverviewTeaser .supLink { margin-bottom:1rem; } .personOverviewTeaser .supLink .icon { display:inline-block; color: var(--color_cBlack); background-color: var(--color_cWhite); margin-right:1rem; } .personOverviewTeaser .supLink.mail .caption { display:inline-block; } .personOverviewTeaser .detailWrapper { display:block; overflow:hidden; } } @media screen and (max-width:544px) { .CustomArticle.overview.person .groupedViewTitle { margin-top: 1.5rem; margin-bottom: 2rem; } .CustomArticle.overview.person .search { margin-bottom:0; } } .CustomArticle.student.overview .Teaser { width: 100%; } .CustomArticle.student.overview .studentTeaser .teaserWrapper { padding: 0 0.5rem; position: relative; background:transparent; } .CustomArticle.student.overview .studentTeaser a { color: var(--color_cWhite); display: block; } .CustomArticle.student.overview .studentTeaser a:active, .CustomArticle.student.overview .studentTeaser a:focus, .CustomArticle.student.overview .studentTeaser .mailLink:active, .CustomArticle.student.overview .studentTeaser .mailLink:focus { color:var(--color_cBlueDark); } .CustomArticle.student.overview .studentTeaser .textWrapper { overflow: hidden; text-align: left; font-family: EuclidFlex-Regular; background-color: var(--color_bcBlack50); padding: 0.75rem 0.5rem; border-top: 1px solid var(--color_cWhite); } .CustomArticle.student.overview .studentTeaser .title { font-family: inherit; text-transform: none; font-size: 0.8125rem; letter-spacing: 0; float: left; width:14rem; text-align:left; } .CustomArticle.student.overview .studentTeaser .projects { padding:0 3.5rem 0 15rem; } .CustomArticle.student.overview .studentTeaser .icon { font-size: 1.25rem; } .CustomArticle.student.overview .studentTeaser .goto { position: absolute; top: 0.5rem; right: 1rem; } .CustomArticle.student.overview .studentTeaser .mailLink { position: absolute; right: 2.5rem; top: 0; padding: 0.5rem; } .CustomArticle.student.overview .studentTeaser .studentLink .textWrapper, .CustomArticle.student.overview .studentTeaser .mailLink { -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; } .CustomArticle.student.overview.List .filterControl.loadMore { margin-top:0; padding-top:2rem; border-top:1px solid var(--color_cWhite); } @media screen and (max-width:544px) { .CustomArticle.student.overview .studentTeaser .title { width:10rem; } .CustomArticle.student.overview .studentTeaser .projects { padding-left:11rem; } } @media screen and (max-width:496px) { .CustomArticle.student.overview .overviewList { padding:0; margin:0; } .CustomArticle.student.overview .filterBar .current_amount { padding:0 0.5rem; } .CustomArticle.student.overview .filterControl.loadMore { margin:0.5rem; } } @media screen and (max-width:448px) { .CustomArticle.student.overview .studentTeaser .title { float:none; width:auto; } .CustomArticle.student.overview .studentTeaser .projects { display:none; } } .CustomArticle.student.overview .studentTeaser a:active, .CustomArticle.student.overview .studentTeaser a:focus, .CustomArticle.student.overview .studentTeaser .mailLink:active, .CustomArticle.student.overview .studentTeaser .mailLink:focus { color:var(--color_cBlueLight); } .CustomArticle.student.detail .mail { font-size:13px; } .CustomArticle.overview.event.List .filterBar { margin-bottom: 0.5rem; } @media screen and (max-width: 496px) { .CustomArticle.overview.event.List .filterBar .current_amount { padding: 0 0.5rem; } } .CustomArticle.overview.event .overviewList { margin: 0 0.5rem; } @media screen and (max-width: 496px) { .CustomArticle.overview.event .overviewList { margin: 0; } } .CustomArticle.overview.event.List .groupName { line-height: 2rem; text-transform: uppercase; color: var(--color_cWhite); font-family: EuclidFlex-Bold; width: 10rem; text-align: center; font-size:0.875rem; padding-bottom:0.5rem; } @media screen and (max-width: 414px) { .CustomArticle.overview.event.List .groupName { width: 100%; font-size:1rem; } } .CustomArticle.overview.event.List .Teaser, .CustomArticle.detail .CustomArticle.auszeichnungTeaserList .Teaser, .CustomArticle.detail .CustomArticle.eventTeaserList .Teaser { width: 100%; position: relative; margin-bottom: 1.25rem; } @media screen and (max-width: 496px) { .CustomArticle.overview.event.List .Teaser, .CustomArticle.detail .CustomArticle.auszeichnungTeaserList .Teaser, .CustomArticle.detail .CustomArticle.eventTeaserList .Teaser { margin-bottom: 0.625rem; } } @media screen and (max-width: 414px) { .CustomArticle.overview.event.List .Teaser, .CustomArticle.detail .CustomArticle.auszeichnungTeaserList .Teaser, .CustomArticle.detail .CustomArticle.eventTeaserList .Teaser { padding: 0 0.5rem; box-sizing:border-box; } } .CustomArticle.overview.event .Teaser a, .CustomArticle.detail .CustomArticle.auszeichnungTeaserList .Teaser a, .CustomArticle.detail .CustomArticle.eventTeaserList .Teaser a { display: block; } .CustomArticle.overview.event .Teaser .date, .CustomArticle.detail .CustomArticle.auszeichnungTeaserList .Teaser .date, .CustomArticle.detail .CustomArticle.eventTeaserList .Teaser .date { position: absolute; left: 0; top: 0; bottom: 0; width: 10rem; box-sizing: border-box; padding: 1.25rem; text-align: center; vertical-align: middle; background-color: var(--color_bcBlack50); color: var(--color_cWhite); font-family: EuclidFlex-Bold; font-size: 1rem; line-height: 1.25rem; } .CustomArticle.overview.event .Teaser .dateContent, .CustomArticle.detail .CustomArticle.auszeichnungTeaserList .Teaser .dateContent, .CustomArticle.detail .CustomArticle.eventTeaserList .Teaser .dateContent { display:inline-block; vertical-align:middle; } .CustomArticle.overview.event .Teaser .date:after, .CustomArticle.detail .CustomArticle.auszeichnungTeaserList .Teaser .date:after, .CustomArticle.detail .CustomArticle.eventTeaserList .Teaser .date:after { content: ""; display: inline-block; vertical-align: middle; height: 100%; } @media screen and (max-width: 414px) { .CustomArticle.overview.event .Teaser .date, .CustomArticle.detail .CustomArticle.auszeichnungTeaserList .Teaser .date, .CustomArticle.detail .CustomArticle.eventTeaserList .Teaser .date { position: relative; width: 100%; padding: 0.625rem; } .CustomArticle.overview.event .Teaser .date:after, .CustomArticle.detail .CustomArticle.auszeichnungTeaserList .Teaser .date:after, .CustomArticle.detail .CustomArticle.eventTeaserList .Teaser .date:after { display: none; } } .CustomArticle.overview.event .Teaser .title, .CustomArticle.detail .CustomArticle.auszeichnungTeaserList .Teaser .title, .CustomArticle.detail .CustomArticle.eventTeaserList .Teaser .title { font-size:1rem; line-height:1.5em; min-height: 3.75rem; box-sizing: border-box; padding: 1.25rem; margin-left:10rem; background-color: var(--color_cWhite); font-family: EuclidFlex-Bold; text-align: left; color: var(--color_cText); } @media screen and (max-width: 414px) { .CustomArticle.overview.event .Teaser .title, .CustomArticle.detail .CustomArticle.auszeichnungTeaserList .Teaser .title, .CustomArticle.detail .CustomArticle.eventTeaserList .Teaser .title { padding: 0.625rem; margin-left:0; font-size:0.875rem; } } .CustomArticle.overview.event .Teaser .title a, .CustomArticle.detail .CustomArticle.auszeichnungTeaserList .Teaser .title a, .CustomArticle.detail .CustomArticle.eventTeaserList .Teaser .title a { display: inline-block; } .CustomArticle.overview.event .Teaser .title .blue, .CustomArticle.detail .CustomArticle.auszeichnungTeaserList .Teaser .title .blue, .CustomArticle.detail .CustomArticle.eventTeaserList .Teaser .title .blue { color: var(--color_cBlueDark); } .CustomArticle.overview.event.List .filterControl.loadMore { margin: 0 0.5rem; } .CustomArticle .relation{ padding: 0 0 3rem 0; overflow:hidden; } .CustomArticle .relation .Teaser{ width: 20%; } .CustomArticle .rightColumn .relation .SetSeparator { margin-left:0; margin-right:0; } .CustomArticle .rightColumn .relation.projekt .SetSeparator { margin-left:0.5rem; margin-right:0.5rem; } .CustomArticle .rightColumn .relation.projekt { margin:0 -0.5rem; padding-bottom:0; } @media screen and (max-width: 1024px){ .CustomArticle .relation .Teaser{ width: 33.333%; } } @media screen and (max-width: 832px){ .CustomArticle .relation{ padding: 0 0.5rem 1.5rem; } .CustomArticle .relation .Teaser{ width: 50%; } .CustomArticle .rightColumn .relation.projekt { margin:0; padding:0; } } @media screen and (max-width: 544px){ .CustomArticle .relation{ padding-right:0; padding-left:0; } .CustomArticle .relation .Teaser{ width: 100%; } .CustomArticle .rightColumn .relation.projekt .SetSeparator { margin-left:0; margin-right:0; } .CustomArticle .rightColumn .relation .SetSeparator { margin-bottom:1rem; } } .SetArticle.person.detail .articleContent .subtitle { margin-bottom: 0.75rem; } .CustomArticle.detail.person .articleContent .imageWrapper { float: left; max-width: 100%; width: 17rem; } .CustomArticle.detail.person .contact { font-size: 0.875rem; line-height: 1.5em; float: left; width: 50%; box-sizing: border-box; margin-bottom: 1rem; } .CustomArticle.detail.person .imageWrapper+.contact { padding-left: 2.5rem; } .CustomArticle.detail.person .contact .link { color: var(--color_cBlueDark); margin-bottom: 0.5rem; display: inline-block; } .CustomArticle.detail.person .contact .caption { -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; } .CustomArticle.detail.person .contact .link .roundIcon { display: block; color: var(--color_cWhite); background-color: var(--color_cBlack); float: left; line-height: 2.8rem; } .CustomArticle.detail.person .contact .link .caption { color: var(--color_cBlack); display: block; margin-left: 3rem; margin-top: 0.65rem; } /*****{******Active Focus******}******/ .CustomArticle.detail.person .contact a.link:active .roundIcon, .CustomArticle.detail.person .contact a.link:focus .roundIcon { color:var(--color_cWhite); background-color: var(--color_cBlueDark); } .CustomArticle.detail.person .contact a.link:active .caption, .CustomArticle.detail.person .contact a.link:focus .caption { color:var(--color_cBlueDark); } /*****{******Active Focus******}******/ @media screen and (min-width:1441px) { .CustomArticle.detail.person .articleContent .imageWrapper, .CustomArticle.detail.person .contact { clear: both; float: none; overflow: hidden; } .CustomArticle.detail.person .contact { width: auto; } .CustomArticle.detail.person .imageWrapper+.contact { padding-left: 0rem; } .CustomArticle.detail.person .contact .subtitle, .CustomArticle.detail.person .contact .link { margin-bottom: 0.75rem; } } @media screen and (max-width:1024px) and (min-width:833px) { .CustomArticle.detail.person .articleContent .imageWrapper, .CustomArticle.detail.person .contact { clear: both; float: none; overflow: hidden; } .CustomArticle.detail.person .contact { width: auto; } .CustomArticle.detail.person .imageWrapper+.contact { padding-left: 0rem; } .CustomArticle.detail.person .contact .subtitle, .CustomArticle.detail.person .contact .link { margin-bottom: 0.75rem; } } @media screen and (max-width:648px) { .CustomArticle.detail.person .contact { clear: both; float: none; width: auto; } .CustomArticle.detail.person .imageWrapper+.contact { padding-left: 0; } .CustomArticle.detail.person .contact .subtitle, .CustomArticle.detail.person .contact .link { margin-bottom: 1rem; } .SetArticle.detail.person .mobileWrapper .menuWrapper { display: block; } } .CustomArticle.detail.person .contact a.link:active .roundIcon, .CustomArticle.detail.person .contact a.link:focus .roundIcon { color:var(--color_cWhite); background-color: var(--color_cBlueLight); } .CustomArticle.detail.person .contact a.link:active .caption, .CustomArticle.detail.person .contact a.link:focus .caption { color:var(--color_cBlueLight); } .personTeaser { box-sizing:border-box; padding:0 0.5rem 1rem; } .personTeaser.clearBoth { clear: both; } .personTeaser .teaserWrapper { background-color:var(--color_cWhite); padding:0 0 1.25rem; } .personTeaser .imageWrapper > img { width:100%; } .personTeaser .imageWrapper { overflow:hidden; width:6rem; max-width:100%; margin:0; } .SetImage.person .BasicGraphic::before { content:none; } .personTeaser .textWrapper { padding:1.25rem 1.25rem 0; line-height:1.5em; } .personTeaser .title { font-size:1rem; font-family:EuclidFlex-Bold; line-height:1.3em; margin-bottom:0.25rem; } .personTeaser .linksWrapper { padding:0 1.25rem; overflow:hidden; } .personTeaser .linksWrapper a { display:block; clear:both; float:left; color:var(--color_cBlack); } .personTeaser .teaserWrapper > a { display:block; color:var(--color_cBlack); position:relative; } .personTeaser .teaserWrapper > a:after { position:absolute; top:0.5rem; right:0.5rem; font-family: "SSGizmo" !important; font-feature-settings: "liga"; font-style: normal; font-weight: normal; text-decoration: none; text-rendering: optimizelegibility; white-space: nowrap; content:"➡"; background-color: #ffffff; border-radius: 100%; color: #000000; display: block; font-size: 1.25rem; height: 2.5rem; line-height: 2.875rem; text-align: center; width: 2.5rem; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .personTeaser a:focus:after, .personTeaser a:active:after { background-color:var(--color_cBlueDark); color:var(--color_cWhite); } .personTeaser .linksWrapper a:focus, .personTeaser .linksWrapper a:active { color:var(--color_cBlueDark); } .CustomArticle.Teaser.personLink { display:block; } .CustomArticle.Teaser.personLink .teaserWrapper { margin:0; padding:1rem 0; background-color:var(--color_cBlack); } .CustomArticle.Teaser.personLink a { display:block; color:var(--color_cWhite); -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .CustomArticle.Teaser.personLink .icon { padding:0 0.5rem; font-size:1.25rem; text-align:center; } .CustomArticle.Teaser.personLink .icon.person { float:left; width:3.75rem; } .CustomArticle.Teaser.personLink .icon.arrow { float:right; width:2.5rem; } .CustomArticle.Teaser.personLink .title { padding: 0.25rem 3.75rem; margin:0; font-size:0.8125rem; width:auto; } .CustomArticle.Teaser.personBio .title { font-size:inherit; padding:0; font-family:EuclidFlex-Bold; } .personTeaserList { overflow:hidden; } @media screen and (min-width:1121px) { .csfull .personTeaserList .personTeaser { width:25%; } .csright .personTeaserList .personTeaser { width: 33.333%; } .csfull .personTeaserList .personTeaser:nth-child(4n+1), .csright .personTeaserList .personTeaser:nth-child(3n+1) { clear: both; } } @media screen and (max-width:1120px) and (min-width:881px) { .csfull .personTeaserList .personTeaser { width: 33.333%; } .csright .personTeaserList .personTeaser { width: 50%; } .csfull .personTeaserList .personTeaser:nth-child(3n+1), .csright .personTeaserList .personTeaser:nth-child(2n+1) { clear: both; } } @media screen and (max-width:880px) and (min-width:833px) { .csfull .personTeaserList .personTeaser { width: 50%; } .csright .personTeaserList .personTeaser { width: 100%; } .csfull .personTeaserList .personTeaser:nth-child(2n+1), .csright .personTeaserList .personTeaser { clear: both; } } @media screen and (max-width:832px) and (min-width:769px) { .csfullnright .personTeaserList .personTeaser { width: 33.333%; } .csfullnright .personTeaserList .personTeaser:nth-child(3n+1) { clear: both; } } @media screen and (max-width:768px) and (min-width:457px) { .csfullnright .personTeaserList .personTeaser { width: 50%; } .csfullnright .personTeaserList .personTeaser:nth-child(2n+1) { clear: both; } } @media screen and (max-width:456px) { .csfullnright .personTeaserList .personTeaser { width: 100%; } .csfullnright .personTeaserList .personTeaser:nth-child(2n+1) { clear: both; } } .CustomArticle.projekt .SetArticle { position: relative; } .CustomArticle.projekt .section { margin-bottom:1.5rem; } .CustomArticle.projekt .fullWidthWrapper .section { width: 50%; } /*.lightbox.project .SetImage .absbottom { display:none; */ /* }*/ .CustomArticle.projekt .lehrendeTeaserBioList .CustomArticle.Teaser.personBio .title { font-family: EuclidFlex-Regular; } @media screen and (max-width:1247px) { .CustomArticle.projekt .fullWidthWrapper .section { width: auto; } } .CustomArticle.projekt .articleContent .caption { font-family:EuclidFlex-Bold; } .CustomArticle.projekt .subtitle { padding-top: 1rem; } .CustomArticle.projekt .infoBlock .subtitle { padding-top: 0; } .CustomArticle.projekt.detail .personList { padding-bottom:1rem; } .CustomArticle.projekt .wrapper.fullWidthWrapper { width: 100%!important; clear: both; } .CustomArticle.detail .mobileWrapper { display:none; overflow:hidden; } .CustomArticle.detail .mobileWrapper .detailNav { padding-top:2rem; overflow:hidden; margin-bottom:2rem; } .CustomArticle.projekt.detail .personList > .wrapper { background-color:var(--color_cBlack); color:var(--color_cWhite); } .CustomArticle.projekt.detail .personList .wrapper > .caption { display:block; padding:0.75rem 1.25rem; font-size:1rem; line-height:1.5em; text-transform:uppercase; letter-spacing:1px; font-family:EuclidFlex-Bold; } .CustomArticle.projekt.detail .mobileWrapper .tagcloudFilter { margin: 0 0.5rem 1.5rem; } @media screen and (min-width:1441px) { .CustomArticle.projekt.detail .SetArticle.detail .articleContent { padding:3.75rem 3.125rem 2.5rem; -webkit-column-count: 1; /* Chrome, Safari, Opera */ -moz-column-count: 1; /* Firefox */ column-count: 1; } } @media screen and (min-width:1248px) { .SetArticle.detail .articleContent { padding:1.25rem 0.625rem 2.5rem; } .CustomArticle.projekt.detail .articleContent > .wrapper { float:left; box-sizing:border-box; width:50%; padding:0 0.625rem; } } @media screen and (min-width:833px) { .CustomArticle.projekt .articleContent .personLink .teaserWrapper { background-color: var(--color_cWhite); } .CustomArticle.projekt .articleContent .personLink a { color: var(--color_cText); } } @media screen and (max-width:832px) { .CustomArticle.detail .mobileWrapper { display:block; } .CustomArticle.Teaser.personKontakt .icon { padding:0; } } @media screen and (min-width:545px) and (max-width:832px) { .CustomArticle.projekt.detail .personList { float:left; box-sizing: border-box; padding: 0 0.75rem 1rem; width: 50%; } } @media screen and (max-width:544px) { .CustomArticle.projekt.detail .personList { padding:0 0.75rem 1rem; } } .projektTeaser .author { padding: 0 1.25rem 1.25rem; } .CustomArticle.projektTeaserList { width: 100%; box-sizing:border-box; padding: 0; margin-bottom:2.5rem; } .CustomArticle.projektTeaserList .filterControl.loadMore { margin: 2rem 0.5rem; overflow: hidden; } .CustomArticle.projektTeaserList .pager { margin: 0 0.5rem; } .CustomArticle.projektTeaserList .pager a { color: var(--color_cBlack); background-color: var(--color_cWhite); border: 0; display: inline-block; text-align: center; text-transform: uppercase; font-size: 1rem; cursor: pointer; padding: 1rem; box-sizing: border-box; overflow: hidden; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; } .CustomArticle.projektTeaserList .pager .right { float: right; } @media screen and (max-width: 992px) { .CustomArticle.projektTeaserList .pager div { width: 50%; } } @media screen and (max-width: 544px){ .CustomArticle.projektTeaserList { padding: 0 0.25rem; } .CustomArticle.projektTeaserList .filterControl.loadMore { margin-right:0.25rem; margin-left:0.25rem; } } @media screen and (max-width: 496px) { .CustomArticle.projektTeaserList .pager div { width: 100%; } } .CustomArticle.teaserListMultipicture { overflow: hidden; color: var(--color_cWhite); font-family: EuclidFlex-Bold; font-size: 1rem; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 1rem; float: left; padding: 0 0.5rem 1.5rem; box-sizing: border-box; } .CustomArticle.teaserListMultipicture a { color: var(--color_cWhite); display:block; } .CustomArticle.teaserListMultipicture + *:not(.teaserListMultipicture) { clear: both; } .CustomArticle.teaserListMultipicture .imgWrapper { overflow: hidden; display: inline-flex; flex-wrap: wrap; } .CustomArticle.teaserListMultipicture .imgWrapper .preview { float: left; width: 25%; } .CustomArticle.teaserListMultipicture .imgWrapper .placeholder { padding-bottom:25%; background-color:var(--color_bcBlack50); } .CustomArticle.teaserListMultipicture .textWrapper { background-color: var(--color_bcBlack50); height: 8rem; text-align: center; box-sizing:border-box; padding:0 0.5rem; } .CustomArticle.teaserListMultipicture .textWrapper .BasicText { display: inline-block; vertical-align: middle; } @media screen and (min-width:1441px) { .csright .CustomArticle.teaserListMultipicture { width: 25%; } .csfull .CustomArticle.teaserListMultipicture { width: 20%; } } @media screen and (max-width:1440px) and (min-width:1281px){ .csright .CustomArticle.teaserListMultipicture { width: 33.33%; } .csfull .CustomArticle.teaserListMultipicture { width: 25%; } } @media screen and (max-width:1280px) and (min-width:833px){ .csright .CustomArticle.teaserListMultipicture { width: 50%; } .csfull .CustomArticle.teaserListMultipicture { width: 33%; } } @media screen and (max-width:832px) and (min-width:545px){ .csright .CustomArticle.teaserListMultipicture { float:none; width:100%; height:9.25rem; } .csright .CustomArticle.teaserListMultipicture .imgWrapper { width:18.5rem; height:9.25rem; float:left; } .csright .CustomArticle.teaserListMultipicture .textWrapper { padding-left:18.5rem; height:9.25rem; } } @media screen and (max-width:544px){ .csfullnright .CustomArticle.teaserListMultipicture { width: 50%; } .csright .CustomArticle.teaserListMultipicture { margin-bottom:0; } } @media screen and (max-width:416px){ .csfullnright .CustomArticle.teaserListMultipicture { width: 100%; } } .CustomArticle.blog.List { position: relative; margin-bottom:1.5rem; } .CustomArticle.blog.List .leftColumn { position: absolute; width: 19.75rem; top: 0; } .CustomArticle.blog.List .SetMenu.contentMenu { margin-bottom:1.5rem; } @media screen and (max-width: 667px) { .CustomArticle.blog.List .leftColumn { position: relative; width: 100%; } } .CustomArticle.blog.List .overviewContent { width: 100%; box-sizing: border-box; padding-left: 20rem; padding-right: 0; overflow:hidden; } .CustomArticle.blog.List .overviewContent .filterControl{ padding:0 0 0 0.5rem; } @media screen and (max-width: 667px) { .CustomArticle.blog.List .overviewContent { padding-left:0; } } .CustomArticle.blog.List .searchInputWrapper { margin-bottom: 1rem; position: relative; background-color:var(--color_bcBlack50); padding:1rem; box-sizing:border-box; } .CustomArticle.blog.List .inputSearchIcon { font-size: 1.25rem; position: absolute; right: 1rem; top: 1rem; height: 2.5rem; line-height: 2.75rem; text-align: center; width: 2.5rem; cursor: pointer; } .CustomArticle.blog.List .loadMore .inactive { display: none; } .CustomArticle.blog.List .tagsWrapper { padding: 0 0.5rem; margin-bottom:1.5rem; } .CustomArticle.blog.List .blogTeaser { padding:0 0.5rem; } .CustomArticle.blogTeaser { box-sizing:border-box; } .CustomArticle.blogTeaser a { display: block; overflow: hidden; background-color: var(--color_cWhite); margin-bottom: 1rem; color:inherit; position:relative; } .CustomArticle.blogTeaser .categories { position:absolute; top:0; right:0; } .CustomArticle.blogTeaser .tag { background-color:var(--color_cBlack); color: var(--color_cWhite); display: inline-block; font-family: EuclidFlex-Medium; margin-left: 1px; padding: 0 0.25rem; } .CustomArticle.blogTeaser .imageWrapper { width: 12.75rem; position:absolute; top:0; right:0; } .CustomArticle.blogTeaser .imageWrapper img { width: 100%; } .CustomArticle.blogTeaser .contentWrapper { padding:1rem 1rem 0; margin:0 12.75rem 1rem 0; position:relative; box-sizing: border-box; height: 11.75rem; line-height:1.25rem; overflow:hidden; } .CustomArticle.blogTeaser.noImage .contentWrapper { margin-right:0; } .CustomArticle.blogTeaser .title { font-family: EuclidFlex-Bold; font-size: 1rem; margin-bottom:1rem; } .CustomArticle.blog .blogTeaser { float:left; width:50%; } .CustomArticle.blog .blogTeaser:nth-child(2n+1) { clear:both; } @media screen and (max-width:1248px) { .CustomArticle.blog .blogTeaser { float:none; width:auto; } } @media screen and (max-width:667px) { .CustomArticle.blog .blogTeaser { float:none; width:auto; } } @media screen and (max-width:544px) { .CustomArticle.blog .blogTeaser .imageWrapper { width:6rem; } .CustomArticle.blog .blogTeaser .contentWrapper { padding:0.5rem 0.5rem 0; } .CustomArticle.blog .blogTeaser .title { font-size:0.75rem; } .CustomArticle.blog .blogTeaser .contentWrapper { margin-right:6rem; height:5.5rem; margin-bottom:0.5rem; line-height:1rem; font-size:0.625rem; } } .CustomArticle.blog .SetArticle.detail .subtitle{ display:none; } .CustomArticle.blog .categoryCloud .Cloud { margin-left: 1rem; } .CustomArticle.blog .categoryCloud .noEntries { display: none; } .CustomArticle.blog .categoryCloud .hidden { visibility: visible; display: block; } .CustomArticle.blog .categoryCloud ul { overflow:hidden; } .CustomArticle.blog .categoryCloud li { display: block; float: left; } .CustomArticle.blog .categoryCloud > ul > li { clear: both; } .CustomArticle.blog .categoryCloud .Tag { color:var(--color_cWhite); background-color: var(--color_cBlack); line-height:1.5rem; padding:0 0.5rem; margin: 0 1px 1px 0; font-family:EuclidFlex-Medium; } .CustomArticle.blog .categoryCloud .Tag.selected, .CustomArticle.blog .categoryCloud .Tag:active, .CustomArticle.blog .categoryCloud .Tag:focus { color:var(--color_cBlack); background-color: var(--color_cBlueLight); } .CustomArticle.blog .infoBlock .SetText .withoutRight { -webkit-columns: 1; -moz-columns: 1; columns: 1; } .CustomArticle.veranstaltungTeaserList { margin-bottom:2.5rem; } .CustomArticle.professorTeaserList .professorHeader { font-size: 1rem; line-height: 1.3em; font-family: EuclidFlex-Bold; margin-bottom: 1.5rem; } .CustomArticle.professorTeaserList .link { color: var(--color_bcBlackDark); width: 100%; } .CustomArticle.professorTeaserList .link .icon-Arrow-Right{ border-radius: 50%; transition: all 0.3s; } .CustomArticle.professorTeaserList .professorWrapper { position: relative; margin-bottom: 1rem; padding-right: 3rem; max-width: 30rem; } .CustomArticle.professorTeaserList .professorWrapper .left { width: 80%; margin-right: 1.5rem; } .CustomArticle.professorTeaserList .professorWrapper .right { padding-top: 0.5rem; display: inline-block; } .CustomArticle.professorTeaserList .professorWrapper .icon-Arrow-Right { position: absolute; right: 2.5rem; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); font-size: 1.5rem; padding: 0.5rem; } .CustomArticle.professorTeaserList .professorWrapper .professorName { font-size: 1rem; line-height: 1.3em; font-family: EuclidFlex-Bold; } .CustomArticle.professorTeaserList .professorWrapper .professorJobtitle { font-size: 0.875rem; line-height: 1.3em; } .CustomArticle.professorTeaserList .link:active .icon-Arrow-Right, .CustomArticle.professorTeaserList .link:focus .icon-Arrow-Right { color: var(--color_cWhite); background-color: var(--color_cTurquoise); } .CustomEvent.UniModuleOverview.uniModuleDetail { margin: 0 0.5rem; } .CustomEvent.UniModuleOverview.uniModuleDetail .headerTwo { margin-bottom: 1.2rem; line-height: 1.3em; } .CustomEvent.UniModuleOverview.uniModuleDetail .headerThree { font-size: 1rem; font-family: EuclidFlex-Bold; } .CustomEvent.UniModuleOverview.uniModuleDetail .headerThree.red{ color: var(--color_cRed); } .CustomEvent.UniModuleOverview.uniModuleDetail .headerFour { font-size: 1rem; font-family: EuclidFlex-Bold; } .CustomEvent.UniModuleOverview.uniModuleDetail .infoWrapper { background-color: var(--color_cWhite); display: inline-block; width: 100%; padding: 1rem; box-sizing: border-box; margin-bottom: 2rem; } .CustomEvent.UniModuleOverview.uniModuleDetail .infoWrapper h1{ line-height: 1.3em; margin-bottom: 0.25rem; } .CustomEvent.UniModuleOverview.uniModuleDetail .infoWrapper .infoWrapperLeft { float: left; width: 50%; box-sizing: border-box; padding-right: 1.5rem; } .CustomEvent.UniModuleOverview.uniModuleDetail .infoWrapper .commentWrapper{ margin-bottom: 2.5rem; } .CustomEvent.UniModuleOverview.uniModuleDetail .infoWrapperLeft .tagWrapper { width: 100%; display: inline-block; margin-bottom: 0.3rem; } .CustomEvent.UniModuleOverview.uniModuleDetail .infoWrapperLeft .requirements, .CustomEvent.UniModuleOverview.uniModuleDetail .infoWrapperLeft div.tagWrapper:nth-last-child(1){ margin-bottom: 1.5rem; } .CustomEvent.UniModuleOverview.uniModuleDetail .infoWrapperLeft .tagName { display: inline-block; font-size: 0.875rem; line-height: 1.3em; margin-right: 0.5rem; } .CustomEvent.UniModuleOverview.uniModuleDetail .infoWrapperLeft .tagValue { display: inline-block; font-size: 0.875rem; line-height: 1.3em; } .CustomEvent.UniModuleOverview.uniModuleDetail .infoWrapperLeft .compactSeminarTag { font-family: EuclidFlex-Bold; color: var(--color_cTurquoiseDark); } .CustomEvent.UniModuleOverview.uniModuleDetail .linksAndDownloads{ margin-left: -0.5rem; margin-bottom: 1.2rem; } .CustomEvent.UniModuleOverview.uniModuleDetail .ListDownloadList, .CustomEvent.UniModuleOverview.uniModuleDetail .ListLinkList.simple{ margin-left: 0; margin-bottom: 0; } .CustomEvent.UniModuleOverview.uniModuleDetail .ListLinkList.simple ul{ column-count: 1; } .CustomEvent.UniModuleOverview.uniModuleDetail .infoWrapper .infoWrapperRight { float: right; width: 50%; } .CustomEvent.UniModuleOverview.uniModuleDetail .wrapper { background-color: var(--color_cWhite); padding: 1rem; margin-bottom: 2rem; display: inline-block; box-sizing: border-box; } .CustomEvent.UniModuleOverview.uniModuleDetail .eventAgendasWrapperCss { overflow-x: auto; } .CustomEvent.UniModuleOverview.uniModuleDetail .eventAgendasWrapper { overflow-x: auto; min-width: 100%; } .CustomEvent.UniModuleOverview.uniModuleDetail .eventAgendasWrapper .tableVertical { display: none; } .CustomEvent.UniModuleOverview.uniModuleDetail .eventAgendasWrapper .tableHorizontal { width: 100%; overflow-x: auto; } .CustomEvent.UniModuleOverview.uniModuleDetail .eventAgendasWrapper .border { border: 1px solid var(--color_bcBlackDark); } .CustomEvent.UniModuleOverview.uniModuleDetail .eventAgendasWrapper .headerRow { text-align: left; font-family: EuclidFlex-Bold; color: var(--color_cWhite); background-color: var(--color_bcBlackDark); } .CustomEvent.UniModuleOverview.uniModuleDetail .eventAgendasWrapper .tableElements { padding: 0.5rem; } .CustomEvent.UniModuleOverview.uniModuleDetail .descriptionWrapper { margin-bottom: 2rem; width: 100%; } .CustomEvent.UniModuleOverview.uniModuleDetail .descriptionWrapper .wrapper { width: 45%; padding: 0; margin: 0; } .CustomEvent.UniModuleOverview.uniModuleDetail .descriptionWrapper .wrapper.left { float: left; } .CustomEvent.UniModuleOverview.uniModuleDetail .descriptionWrapper .wrapper.right { float: right; margin-left: 2rem; } .CustomEvent.UniModuleOverview.uniModuleDetail .descriptionWrapper .withoutRight{ -webkit-columns: 1; -moz-columns: 1; columns: 1; } .CustomEvent.UniModuleOverview.uniModuleDetail .detailNav { margin: 0 -0.25rem 1rem -0.25rem; display: none; } .CustomEvent.UniModuleOverview.uniModuleDetail .detailNav .previous, .CustomEvent.UniModuleOverview.uniModuleDetail .detailNav .next, .CustomEvent.UniModuleOverview.uniModuleDetail .detailNav .goToOverview{ width: 33.33%; display: inline-block; vertical-align: top; } .CustomEvent.UniModuleOverview.uniModuleDetail .detailNav a { padding: 0 0.25rem; box-sizing: border-box; } .CustomEvent.UniModuleOverview.uniModuleDetail .detailNav .navElt { background-color:var(--color_cWhite); margin: 0; padding:0.5rem; color:var(--color_cBlack); overflow:hidden; border-radius:3px; visibility: hidden; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .CustomEvent.UniModuleOverview.uniModuleDetail .detailNav .goToOverview .navElt { text-align: center; } .CustomEvent.UniModuleOverview.uniModuleDetail .detailNav a .navElt { visibility: visible; } .CustomEvent.UniModuleOverview.uniModuleDetail .detailNav a:focus .navElt, .CustomEvent.UniModuleOverview.uniModuleDetail .detailNav a:active .navElt { background-color:var(--color_cBlack); color:var(--color_cWhite); } .CustomEvent.UniModuleOverview.uniModuleDetail .detailNav .navElt > :first-child { float:left; } .CustomEvent.UniModuleOverview.uniModuleDetail .detailNav .navElt > :last-child { float:right; } .CustomEvent.UniModuleOverview.uniModuleDetail .detailNav .goToOverview .navElt span { float: none; clear: both; } .CustomEvent.UniModuleOverview.uniModuleDetail .detailNav span { line-height:1.5rem; } .CustomEvent.UniModuleOverview.uniModuleDetail .detailNav .navIcon { font-size:1.25rem; height:1.25rem; margin-top:0.125rem; } .CustomEvent.UniModuleOverview.uniModuleDetail .detailNav .navText { font-size:0.875rem; } .CustomEvent.UniModuleOverview.uniModuleDetail .infoWrapper.verification{ position: relative; background-color: rgba(255,255,255,0.5); } .CustomEvent.UniModuleOverview.uniModuleDetail .infoWrapper.verification .title{ color: var(--color_cRed); margin-bottom: 1rem; text-align: center; text-transform: uppercase; } .CustomEvent.UniModuleOverview.uniModuleDetail.verification icon.released{ color: var(--color_cGreen); } .CustomEvent.UniModuleOverview.uniModuleDetail.verification icon.notReleased{ color: var(--color_cRed); } .CustomEvent.UniModuleOverview.uniModuleDetail.verification .infoWrapper icon{ font-size: 1.75rem; line-height: 1.875rem; right: 0.75rem; position: absolute; left: 1rem; } .CustomEvent.UniModuleOverview.uniModuleDetail .infoWrapper.verification .info{ padding-left: 2.5rem; } .CustomEvent.UniModuleOverview.uniModuleDetail .infoWrapper.verification li::before{ content: ""; left: 0; position: absolute; background-color: #007daa; top: 0.75em; width: 4px; height: 4px; } .CustomEvent.UniModuleOverview.uniModuleDetail .infoWrapper.verification li{ padding-left: 1rem; position: relative; } @media screen and (min-width:1441px) { .CustomEvent.UniModuleOverview.uniModuleDetail .descriptionWrapper .withoutRight{ -webkit-columns: 2; -moz-columns: 2; columns: 2; -webkit-column-gap: 3.75rem; -moz-column-gap: 3.75rem; column-gap: 3.75rem; } } @media screen and (min-width:833px)and (max-width:1024px) { .CustomEvent.UniModuleOverview.uniModuleDetail .infoWrapper .infoWrapperRight, .CustomEvent.UniModuleOverview.uniModuleDetail .infoWrapper .infoWrapperLeft{ width: 100%; float: none; } } @media screen and (max-width:667px) { .CustomEvent.UniModuleOverview.uniModuleDetail .infoWrapper .infoWrapperLeft { float: none; width: 100%; } .CustomEvent.UniModuleOverview.uniModuleDetail .infoWrapper .infoWrapperRight { float: none; width: 100%; } .CustomEvent.UniModuleOverview.uniModuleDetail .eventAgendasWrapperCss { margin-left: -0.5rem; margin-right: -0.5rem; } .CustomEvent.UniModuleOverview.uniModuleDetail .eventAgendasWrapper { margin-left: 0.5rem; margin-right: 0.5rem; min-width: calc(100% - 1rem); } .CustomEvent.UniModuleOverview.uniModuleDetail .eventAgendasWrapper.wrapper { width: auto; } .CustomEvent.UniModuleOverview.uniModuleDetail .eventAgendasWrapper .tableHorizontal { display: none; } .CustomEvent.UniModuleOverview.uniModuleDetail .eventAgendasWrapper .tableVertical { display: inline-block; border: none; } .CustomEvent.UniModuleOverview.uniModuleDetail .descriptionWrapper .wrapper { width: 100%; margin-bottom: 1rem; } } @media screen and (max-width:544px){ .CustomEvent.UniModuleOverview.uniModuleDetail .descriptionWrapper { margin-bottom: 1rem; } .CustomEvent.UniModuleOverview.uniModuleDetail .detailNav{ display: block; } } .CustomEvent.overview{ margin-bottom: 2.5rem; } .CustomEvent.overview h2.title{ color: var(--color_cWhite); margin-bottom: 2.5rem; margin-left: 0.5rem; } .CustomEvent.overview .filterBar{ padding: 0; box-sizing: border-box; margin: 0 0.5rem 2.5rem; background-color: var(--color_cWhite); } .CustomEvent.overview .filterBar > div{ margin-bottom: 1rem; } .CustomEvent.overview .wrapper.verification{ width: 100%; position: relative; margin-bottom: 1.25rem; } .CustomEvent.overview .textsearch { width: 100%; position: relative; margin-bottom: 1.25rem; box-sizing: border-box; padding: 1rem 1rem 0; } .CustomEvent.overview .wrapper.verification + .textsearch{ padding-top: 0; } .CustomEvent.overview .searchInputWrapper { padding-left: 0; } .CustomEvent.overview .searchInputWrapper label{ color: var(--color_cTextPassive); left: 1rem; } .CustomEvent.overview .searchInputWrapper.filled label, .CustomEvent.overview .searchInputWrapper.focused label{ color: var(--color_cText); } .CustomEvent.overview #inputSearch { border-color: var(--color_cLine); } .CustomEvent.overview .deleteIcon { right: 0; top: 1.125rem; position: absolute; font-size: 1.5rem; line-height: 1em; padding: 0.75rem 0.5rem 0.25rem; cursor: pointer; color: var(--color_cLine); } .CustomEvent.overview .filterBar .twoOfThree{ width: 66.66%; padding-right: 0.25rem; box-sizing: border-box; } .CustomEvent.overview .filterBar .left, .CustomEvent.overview .filterBar .middle, .CustomEvent.overview .filterBar .right{ display: inline-block; vertical-align: top; width: 33.33%; padding: 0 0.5rem 0.5rem; box-sizing: border-box; } .CustomEvent.overview .filterBar .right{ padding-bottom: 0; } .CustomEvent.overview .wrapper.verification.left{ padding-top: 1rem; padding-left: 1rem; padding-bottom: 0; } .CustomEvent.overview .filterBar .mobileWrapper{ display: none; padding: 0 0.5rem; box-sizing: border-box; } .CustomEvent.overview .filterBar .filterWrapper{ padding: 0 0.5rem 0; transition: height 1s; } .CustomEvent.overview .dropDown{ margin-bottom: 1rem; width: 100%; border:solid 1px var(--color_cWhite); box-sizing: border-box; } .CustomEvent.overview .dropDown .caption { padding: 0.25rem 2rem 0.25rem 0.75rem; border: solid var(--color_cLine) 1px; font-size: 0.8125rem; min-height: 2.375rem; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; box-sizing: border-box; position: relative; } .CustomEvent.overview .dropDown .caption .captionTitle{ display: inline-block; vertical-align: middle; display: flex; align-items: center; min-height: 1.75rem; } .CustomEvent.overview .inputSearchWrapper:focus #inputSearch, .CustomEvent.overview .inputSearchWrapper:active #inputSearch, .CustomEvent.overview .dropDown:focus .caption, .CustomEvent.overview .dropDown:active .caption{ border:solid 1px var(--color_cBlueLight); } .CustomEvent.overview .dropDown .caption:active *, .CustomEvent.overview .dropDown .caption:focus{ color: var(--color_cText); } .CustomEvent.overview .dropDown .caption div{ line-height: 1.5em; } .CustomEvent.overview .dropDown .caption::after { position: absolute; right: 0.5rem; top:0; content: ""; font-family: SSGizmo; font-size: 1.25rem; color:var(--color_cTextPassive); line-height: 2.5rem; } .CustomEvent.overview .dropDown .itemList{ max-height: 10rem; overflow: auto; } .CustomEvent.overview .dropDown .item, .CustomEvent.overview .dropDown a { box-sizing: border-box; color: var(--color_cBlack); font-size: 0.75rem; padding: 0.5rem 0.75rem; line-height: 1.5em; border: solid var(--color_cLine) 1px; border-top-width: 1px; border-top-width: 0; background-color: var(--color_cWhite); -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; } .CustomEvent.overview .dropDown .item.hidden{ height: 0; min-height: 0; line-height: 0; padding-top: 0; padding-bottom: 0; } .CustomEvent.overview .dropDown .dropdownSearch { color: var(--color_cBlack); font-size: 0.75rem; padding: 0.5rem 0.75rem; line-height: 1.5em; border: solid var(--color_cLine) 1px; border-top-width: 0; background-color: var(--color_cWhite); width: inherit; box-sizing: border-box; transition: .3s; } .ie9 .CustomEvent.overview .dropDown .caption:after { line-height:inherit; } .CustomEvent.overview .dropDown .item:focus, .CustomEvent.overview .dropDown .item:active, .CustomEvent.overview .dropDown .item.selected { color:var(--color_cWhite); background-color:var(--color_cBlueLight); } .CustomEvent.overview .dropDown .caption:active .dropIcon, .CustomEvent.overview .dropDown .caption:focus .dropIcon { color:var(--color_cBlueLight); } .CustomEvent.overview .CustomTag.Cloud .caption{ display: none; } .CustomEvent.overview .CustomTag.Cloud li{ margin-bottom: 1rem; padding-left: 1.5rem; position: relative; } .CustomEvent.overview .CustomTag.Cloud .Tag::before{ content: "\f111"; font-family: 'Font Awesome 5 Free'; font-weight: 400; position: absolute; left: 0; } .CustomEvent.overview .CustomTag.Cloud .Tag.selected::before{ content: "\f192"; } .CustomEvent.overview .CustomTag.Cloud li .textWrapper{ transition: all 0.3s; cursor: pointer; } .CustomEvent.overview .toggleSeminar, .CustomEvent.overview .toggleView { margin-bottom: 2.5rem; } .CustomEvent.overview .SetSeparator { display: inline-block; vertical-align: middle; margin-bottom: 0; } .CustomEvent.overview .toggleSeminar .SetSeparator { width: calc(100% - 31.5rem); } .CustomEvent.overview .toggleView .SetSeparator { width: calc(100% - 19rem); } .CustomEvent.overview.week .toggleView .SetSeparator { width: calc(100% - 25rem); } .CustomEvent.overview.compactseminar .toggleView .SetSeparator { width: calc(100% - 9rem); } .CustomEvent.overview .toggleSeminar a.changeView{ vertical-align: middle; } .CustomEvent.overview .toggleSeminar button{ min-height: 4rem; max-width: 16rem; } .CustomEvent.overview .SetSeparator h2.title{ margin-bottom: 0; margin-left:0; } .CustomEvent.overview .buttonWrapper { display: inline-block; vertical-align: middle; } .CustomEvent.overview button { color: var(--color_cWhite); margin-left: 0.5rem; transition: all 0.3s; } .CustomEvent.overview button:not(.important) { border-color: var(--color_cWhite); background-color: transparent; } .CustomEvent.overview .next { display: inline-block; } .CustomEvent.overview:not(.week):not(.compactseminar) button[data-label="pdf"], .CustomEvent.overview .next.inactive { display: none; } .CustomEvent.overview button.clearAll{ margin-bottom: 1rem; } .CustomEvent.overview button.mobile, .CustomEvent.overview button.clearAll:not(.important){ color: var(--color_cBlack); border-color: var(--color_cLine); position: relative; padding-right: 2.5rem; box-sizing: border-box; margin-left:0; transition: all 0.3s; } .CustomEvent.overview .filterBar.close button.filter .icon::before{ content: "\e901"; } .CustomEvent.overview button.filter .icon::before{ content: "\e903"; } .CustomEvent.overview button.filter .icon{ font-size: 1.25rem; line-height: 1.25rem; position: absolute; right: 0.75rem; } .CustomEvent.overview button.clearAll .icon{ font-size: 1rem; position: absolute; right: 0.5rem; top: 50%; -webkit-transform: translate(0,-50%); transform: translate(0,-50%); } .CustomEvent.overview .overviewList.overview { flex-wrap: wrap; display: flex; } .CustomEvent.overview .overviewList.overview .teaser { flex-basis: calc(33.33% - 1.25rem); } .CustomEvent.overview .week.wrapper { flex-wrap: wrap; display: flex; padding: 0 0.5rem; } .CustomEvent.overview .weekdayWrapper { flex-basis: 20%; background-color: var(--color_cWhite); border-right: solid 1px var(--color_cLine); box-sizing: border-box; } .CustomEvent.overview .weekday { padding: 1rem; box-sizing: border-box; } .CustomEvent.overview .pager, .CustomEvent.overview .current_amount { color: var(--color_cWhite); text-align: center; margin-bottom: 1rem; } .CustomEvent.overview .current_amount span{ margin-right: 0.125rem; font-family: EuclidFlex-Bold; font-size: 0.875rem; } .CustomEvent.overview.verification .infoWrapper{ background-color: rgba(255, 255, 255, 0.6); } .CustomEvent.overview.verification .title.infoWrapper{ margin-right: 0.5rem; color: var(--color_cRed); padding:0.5rem; text-align: center; text-transform: uppercase; } .CustomEvent.overview.verification icon.released{ color: var(--color_cGreen); } .CustomEvent.overview.verification icon.notReleased{ color: var(--color_cRed); } .CustomEvent.overview.verification .CustomEvent.teaser icon{ font-size: 1.75rem; line-height: 1.875rem; right: 0.75rem; transition: inherit; } .CustomEvent.overview.verification.week .CustomEvent.teaser icon{ font-size: 0.75rem; line-height: 1.25rem; height: 1.25rem; width: 1.25rem; top: 0.6rem; right: 0rem; } .CustomEvent.overview.verification .CustomEvent.teaser icon:active, .CustomEvent.overview.verification .CustomEvent.teaser icon:focus{ right: 0.75rem; } .CustomEvent.overview.verification.week .CustomEvent.teaser icon:active, .CustomEvent.overview.verification.week .CustomEvent.teaser icon:focus{ top: 0.6rem; right: 0rem; } @media screen and (max-width: 1280px) { .CustomEvent.overview .weekdayWrapper{ flex-basis: 100%; padding: 1rem; box-sizing: border-box; } .CustomEvent.overview .weekday{ border-bottom: solid 2px var(--color_cLine); padding-top: 0; padding-left: 0; padding-right: 0; padding-bottom: 0.5rem; } .CustomEvent.overview .overviewList.week{ display: flex; flex-wrap:wrap; } .CustomEvent.overview .overviewList.week .teaser { flex-basis: 33.33%; } } @media screen and (max-width: 1179px) { .CustomEvent.overview .overviewList.overview .teaser { flex-basis: calc(50% - 1.25rem); } } @media screen and (max-width: 1180px) and (min-width: 833px) { .CustomEvent.overview .filterBar .left, .CustomEvent.overview .filterBar .middle{ width: 50%; } .CustomEvent.overview .filterBar .twoOfThree{ width: 100%; padding-right: 0; } .CustomEvent.overview .filterBar .right{ width: 100%; } .CustomEvent.overview .overviewList.week .teaser { flex-basis: 50%; } .CustomEvent.overview button.clearAll:not(.important){ width: calc(49% - 0.25rem); display: inline-block; vertical-align: top; } .CustomEvent.overview .CustomTag.Cloud{ width: 50%; display: inline-block; } } @media screen and (max-width: 1023px) and (min-width: 833px) { .CustomEvent.overview .toggleSeminar .SetSeparator{ width: calc(100% - 2rem); margin-bottom: 1rem; } .CustomEvent.overview .toggleSeminar .buttonWrapper{ display: flex; justify-content: flex-end; } } @media screen and (max-width: 640px) { .CustomEvent.overview h2.title{ margin-bottom: 1.5rem; } .CustomEvent.overview .SetSeparator { margin-bottom: 1.5rem; } .CustomEvent.overview .filterBar .left, .CustomEvent.overview .filterBar .middle{ width: 50%; } .CustomEvent.overview .filterBar .twoOfThree{ width: 100%; padding-right: 0; } .CustomEvent.overview .filterBar .right{ width: 100%; } .CustomEvent.overview button.clearAll:not(.important){ width: calc(49% - 0.25rem); display: inline-block; vertical-align: top; } .CustomEvent.overview .CustomTag.Cloud{ width: 50%; display: inline-block; } .CustomEvent.overview .toggleSeminar .SetSeparator { width: calc(100% - 2rem); margin-bottom: 1rem; } .CustomEvent.overview .toggleSeminar .buttonWrapper { display: flex; justify-content: flex-end; } } @media screen and (max-width: 496px) { .CustomEvent.overview .week.wrapper, .CustomEvent.overview .overviewList{ flex-direction: column; } .CustomEvent.overview .overviewList.overview .teaser{ flex-basis: 100%; } .CustomEvent.overview .SetSeparator , .CustomEvent.overview .toggleSeminar .SetSeparator, .CustomEvent.overview.compactseminar .toggleView .SetSeparator, .CustomEvent.overview.week .toggleView .SetSeparator, .CustomEvent.overview .toggleView .SetSeparator { width: calc(100% - 0.5rem); } .CustomEvent.overview button.clearAll:not(.mobile), .CustomEvent.overview button:not(.mobile){ margin: 0; width: 100% } .CustomEvent.overview button[name="showPdf"], .CustomEvent.overview .changeView, .CustomEvent.overview button.mobile, .CustomEvent.overview button.clearAll:not(.important){ margin-left: 0.5rem; margin-right: 0.5rem; width: calc(50% - 1rem); margin-bottom: 1rem; vertical-align: top; } .CustomEvent.overview button.clearAll:not(.important){ margin-left: 0; margin-right: 0; } .CustomEvent.overview .filterWrapper .right, .CustomEvent.overview button.clearAll:not(.mobile){ display: none; } .CustomEvent.overview .filterBar.close .filterWrapper{ overflow: hidden; height: 0rem; margin-bottom: 0; } .CustomEvent.overview .buttonWrapper, .CustomEvent.overview .filterBar .mobileWrapper{ display: block; width: 100%; } .CustomEvent.overview .CustomTag.Cloud, .CustomEvent.overview .filterBar .left, .CustomEvent.overview .filterBar .middle, .CustomEvent.overview .filterBar .right{ width: 100%; } .CustomEvent.overview .wrapper.verification.left{ padding-right: 1rem; } } @media screen and (max-width: 400px) { .CustomEvent.overview button.mobile, .CustomEvent.overview button.clearAll:not(.important){ padding-left: 0.125rem; padding-right: 1rem; font-size: 0.7rem; } .CustomEvent.overview button.mobile .icon{ font-size: 0.7rem; right: 0.25rem; } } .CustomEvent.teaser { margin: 0 0.625rem 1.25rem; padding: 0.75rem 1rem 1rem; box-sizing: border-box; background-color: var(--color_cWhite); font-size: 0.875rem; line-height: 1.5em; position: relative; } .CustomEvent.teaser.week { margin: 0; font-size: 0.75rem; } .CustomEvent.teaser.week.separator { border: 1px solid var(--color_cLine); border-width: 0 0 1px 0; border-image: linear-gradient(to right, var(--color_cWhite) 15%,var(--color_cLine) 15%,var(--color_cLine) 85%,var(--color_cWhite) 85%); border-image-slice: 1; } .CustomEvent.teaser.week .title{ padding-right: 0; font-size: 0.875rem; margin-bottom: 0.25rem; overflow-wrap: break-word; -ms-word-break: break-word; word-break: break-word; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; } .CustomEvent.teaser.withLink { padding: 0; } .CustomEvent.teaser a { padding: 0.75rem 1rem 1rem; color: var(--color_cText); display: block; box-sizing: border-box; height: 100%; } .CustomEvent.teaser.week a:active, .CustomEvent.teaser.week a:focus { color: var(--color_cBlueDark); } .CustomEvent.teaser icon { position: absolute; right: 0.75rem; top: 0.75rem; width: 1.875rem; height: 1.875rem; font-size: 1.25rem; text-align: center; line-height: 1.875rem; transition: all 0.3s; } .CustomEvent.teaser .title { margin-bottom: 0.5rem; font-size: 1rem; line-height: 1.5em; font-family: EuclidFlex-Bold; font-weight: normal; padding-right: 2.5rem; } .CustomEvent.teaser .venue, .CustomEvent.teaser .type, .CustomEvent.teaser .instructor { margin-bottom: 0.5rem; } .CustomEvent.teaser .agendaType{ padding-right: 0.5rem; } .CustomEvent.teaser .description { padding-top: 1rem; display: -webkit-box !important; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; } .CustomEvent.teaser .teaserWrapper div:last-child { margin-bottom: 0; } .CustomEvent.teaser.week span.cycle{ white-space: nowrap; word-break: unset; } @media screen and (max-width: 1280px) { .CustomEvent.teaser.week.separator{ border-width: 0; } .CustomEvent.teaser.week a { padding: 0.75rem 1rem 0.25rem 0; } .CustomEvent.teaser.week .title{ margin-bottom: 0; } } @media screen and (max-width: 496px) { .CustomEvent.teaser .description { -webkit-line-clamp: 2; padding-top: 0rem; display: none; } } .CustomEvent.uniModuleTeaserList > .title { margin: 0 0.6rem 1rem; } .CustomEvent.uniModuleTeaserList .listWrapper { display: flex; flex-wrap: wrap; } .CustomEvent.uniModuleTeaserList .teaser { flex-basis: calc(33.333333% - 1.25rem); } @media screen and (max-width: 1179px) { .CustomEvent.uniModuleTeaserList .teaser { flex-basis: calc(50% - 1.25rem); } } @media screen and (max-width: 496px) { .CustomEvent.uniModuleTeaserList .listWrapper { flex-direction: column; } .CustomEvent.uniModuleTeaserList .teaser { flex-basis: 100%; } } .CustomLibrary.overview { margin: 0 0.5rem 2.5rem; padding:0; } .CustomLibrary.overview .overviewContent { padding: 2.5rem; background-color: var(--color_cWhite); } .CustomLibrary.overview .mobileWrapper { display: none; } .CustomLibrary.overview .mobileWrapper .catalogSearch { margin-left: 0rem; margin-right: 0rem; } .CustomLibrary.overview .overviewContent>h2.title { margin-bottom: 1rem; } .CustomLibrary.overview .overviewContent>.description { margin-bottom: 1.5rem; } .CustomLibrary.overview .CustomTag.tagcloudFilter { background-color:inherit; padding:0; overflow:hidden; } .CustomLibrary.overview .CustomTag.tagcloudFilter .caption { display:none; } .CustomLibrary.overview .CustomTag.tagcloudFilter .Tag { float:left; border:none; } .CustomLibrary.overview .tabButton:active, .CustomLibrary.overview .tabButton:focus { color: var(--color_cWhite); background-color: var(--color_cBlack); } @media screen and (max-width: 832px) { .CustomLibrary.overview .mobileWrapper { display: block; } } @media screen and (max-width: 544px) { .CustomLibrary.overview .mobileWrapper { display: block; } .CustomLibrary.overview { margin-bottom: 1.5rem; } .CustomLibrary.overview .overviewContent { padding-left: 1rem; padding-right: 1rem; background-color: var(--color_cWhite); } } .CustomLibrary.overview .tabButton:active, .CustomLibrary.overview .tabButton:focus { color: var(--color_cWhite); background-color: var(--color_cBlack); } .CustomLibrary.imageList { overflow: hidden; } .CustomLibrary.imageList .overviewList { margin-bottom: 1rem; } .CustomLibrary.imageList>.BasicText { margin-bottom: 1.5rem; } .CustomLibrary.imageList .pagination { float: left; margin-top: 1rem; } .CustomLibrary.imageList .current_amount span { display: inline-block; padding: 0 0.5rem; } .CustomLibrary.imageList .current_amount .amountCurrent { padding-left: 0; } .CustomLibrary.imageList .filterControl.loadMore { margin: 0; float: right; } .CustomLibrary.imageList .pager div { width: auto; } .CustomLibrary.imageTeaser { background-color: var(--color_bcArea); margin-bottom: 0.25rem; overflow: hidden; position: relative; } .CustomLibrary.imageTeaser.category { background-color:transparent; margin-top:1.5rem; margin-bottom:1rem; } .CustomLibrary.imageTeaser .graphic { width: 7.5rem; float: left; } .CustomLibrary.imageTeaser .graphic img { width: 100%; } .CustomLibrary.imageTeaser .textWrapper { margin-left: 7.5rem; padding: 0.75rem 0.75rem 1.5rem; } .CustomLibrary.imageTeaser .title { margin-bottom: 0.5em; } .CustomLibrary.imageTeaser .links { padding: 0 0.75rem 0.75rem 8rem; } .CustomLibrary.imageTeaser .links a { margin-right: 1.5rem; margin-bottom: 0.75rem; color: var(--color_cText); } .CustomLibrary.imageTeaser .links .roundIcon { float: left; } .CustomLibrary.imageTeaser .links .linkCaption { display: inline-block; padding: 0.625rem 1rem; } /**{****Active/Focus**}**/ .CustomLibrary li a:active .roundIcon, .CustomLibrary li a:focus .roundIcon { background-color: var(--color_cText); color: var(--color_cWhite); } @media screen and (max-width:672px) { .CustomLibrary.imageTeaser .textWrapper { padding-bottom: 0.75rem; } .CustomLibrary.imageTeaser .links { text-align: left; } } @media screen and (max-width:544px) { .CustomLibrary.imageTeaser .graphic { float: left; width: 6rem; } .CustomLibrary.imageTeaser .textWrapper { margin-left: 6rem; font-size: 0.75rem; padding:0.5rem 0.5rem 1rem; } .CustomLibrary.imageTeaser .links { padding: 0 0.5rem 0.5rem 6.5rem; } .CustomLibrary.imageTeaser .links a { margin-right: 0; } .CustomLibrary.imageTeaser .links .linkCaption { font-size: 0.75rem; padding-left: 0.5rem; padding-right: 0.5rem; } } @media screen and (max-width:496px) { .CustomLibrary.imageList .overviewList { margin-left:0; margin-right:0; } } .CustomLibrary.textList a:active, .CustomLibrary.textList a:focus { color:var(--color_cBlueDark); } .CustomLibrary.textList a { display:block; color:var(--color_cText); border-bottom: 1px solid var(--color_cLine); line-height: 1.75rem; padding: 0 4px; } .CustomLibrary.textList a.hidden { display:none; } .CustomLibrary.textList a:focus, .CustomLibrary.textList a:active { color:var(--color_cBlueLight); } .CustomLibrary.textListSemesterapparate .entry { background-color: #ebebe8; padding: 0.75rem; box-sizing: border-box; margin-bottom: 0.25rem; margin-right: 0.25rem; overflow: hidden; position: relative; } .CustomLibrary.textListSemesterapparate .title{ margin-bottom: 1rem; } .CustomLibrary.textListSemesterapparate .entry a { float:left; background-color: transparent; color: var(--color_cBlack); margin-right: 1.5rem; margin-left: 0rem; margin-bottom: 0.75rem; } .CustomLibrary.textListSemesterapparate a span{ display: inline-block; vertical-align: middle; } .CustomLibrary.textListSemesterapparate a .linkCaption{ padding: 0.625rem 1rem; } @media screen and (max-width: 496px) { .CustomLibrary.textListSemesterapparate .overviewList { margin: 0; } } .CustomLibrary.textTree { } .CustomLibrary.textTree > .BasicText { margin-bottom: 1.5rem; } .CustomLibrary.textTree .catalogUrl { overflow: hidden; color: var(--color_cText); line-height: 1.75rem; padding: 0 4px; display: block; } .CustomLibrary.textTree .catalogUrl .title { color: var(--color_cText); } .CustomLibrary.textTree .catalogUrl.hidden { display: none; visibility:visible; } .CustomLibrary.textTree .l1 .title{ font-size:1rem; font-family:EuclidFlex-Bold; letter-spacing:1px; margin-bottom:0.5rem; } .CustomLibrary.textTree .catalogUrl.l1 { margin-top: 1.75rem; } .CustomLibrary.textTree .catalogUrl.l2 { border-bottom: 1px solid var(--color_cLine); margin-top:1rem; } .CustomLibrary.textTree .catalogUrl.l3 { border-bottom: 1px solid var(--color_cLine); margin-left: 1rem; } .CustomLibrary.textTree .catalogUrl.l4 { border-bottom: 1px solid var(--color_cLine); margin-left: 2rem; } .CustomLibrary.textTree .catalogUrl a:active .title, .CustomLibrary.textTree .catalogUrl a:focus .title { color:var(--color_cBlueDark); } .CustomLibrary.catalogSearch { background-color: var(--color_bcBlack50); padding: 1rem; margin-bottom: 2rem; width: auto; margin-left: 0.5rem; margin-right: 0.5rem; } .CustomLibrary.catalogSearch .text { color: var(--color_cWhite); margin-bottom: 1rem; } .CustomLibrary.catalogSearch form { position: relative; } .CustomLibrary.catalogSearch .searchInputWrapper { } .CustomLibrary.catalogSearch form[name="formSearch"] .searchInputWrapper > label { left: 3.75rem; } .CustomLibrary.catalogSearch input[type="text"] { padding-left: 0.75rem; padding-top: 0; padding-bottom: 0; padding-right: 2rem; } .CustomLibrary.catalogSearch a { float: left; width: 3rem; height: 2rem; } .CustomLibrary.catalogSearch .catalogIcon { position: absolute; } .CustomLibrary.catalogSearch .inputSearchIcon { font-size: 1.25rem; position: absolute; right: 0; top: 0; height: 2.5rem; line-height: 2.75rem; text-align: center; width: 2.5rem; cursor: pointer; } .CustomLibrary.catalogSearch input[type="submit"] { display: none; } .libraryTeaserLinks { padding: 1rem; } .libraryTeaserLinks .title { color:var(--color_cBlack); font-family:EuclidFlex-Medium; } .libraryTeaserLinks .roundIcon { float:left; } .libraryTeaserLinks .linkCaption { display: block; padding: 0.625rem 1rem 0.625rem 3rem; } .libraryTeaserLinks a { margin-right: 1.5rem; margin-bottom: 0.75rem; color: var(--color_cBlack); } .CustomLibrary .linkTeaser .absoluteWrapper { -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; } .CustomLibrary .linkTeaser:active .absoluteWrapper, .CustomLibrary .linkTeaser:focus .absoluteWrapper { background-color: #ffffff !important; } .CustomLocation.detail { margin: 0 0.5rem 2rem; } @media screen and (max-width: 544px) { .CustomLocation.detail { margin: 0 0 2rem; } } .CustomLogoGenerator { background-color:var(--color_cWhite); padding:1.25rem; margin:0 0.5rem 2.5rem; overflow:hidden; font-size: 1rem; line-height: 1.5em; } .CustomLogoGenerator .title{ margin-bottom: 0.75rem; text-transform: uppercase; } .CustomLogoGenerator .description{ margin-bottom: 1.5rem; } .CustomLogoGenerator .logoStage .stage, .CustomLogoGenerator .logoStage .step{ overflow: hidden; } .CustomLogoGenerator .logoStage .stage-title { padding: 1.25rem 0; font-family: EuclidFlex-Bold; text-transform: uppercase; } .CustomLogoGenerator .logoStage .info-icon { color: var(--color_cGray); cursor: pointer; margin: 0 0.25rem 0 0.5rem; transition: all 0.3s; } .CustomLogoGenerator .logoStage .stage{ margin-bottom: 2rem; } .CustomLogoGenerator .logoStage .logo .value, .CustomLogoGenerator .logoStage .step{ display: none; } .CustomLogoGenerator .logoStage .logo .value.active, .CustomLogoGenerator .logoStage .step.active{ display: block; } .CustomLogoGenerator .actionsSection .download, .CustomLogoGenerator .actionsSection .generate, .CustomLogoGenerator .btn.back, .CustomLogoGenerator .logoAttributes .btn.back.active{ display: none; } .CustomLogoGenerator .actionsSection .label{ margin-bottom: 1rem; } .CustomLogoGenerator .btn.back{ background-color: var(--color_cWhite); border: 2px solid var(--color_cBlack); border-radius: 0.1875rem; margin: 0.25rem 0.5rem 0.25rem 0; } .CustomLogoGenerator .logoAttributes .btn.generate, .CustomLogoGenerator .logoAttributes .btn.back.active, .CustomLogoGenerator .btn.download.active{ display: inline-block; } .CustomLogoGenerator .logoAttributes{ margin-bottom: 2rem; } .CustomLogoGenerator .logoAttributes, .CustomLogoGenerator .textSection{ border-bottom: 2px solid var(--color_cBlack); } .CustomLogoGenerator .logoStage .value{ display: inline-block; box-sizing: border-box; border: 2px solid var(--color_cBlack); border-radius: 0.5rem; background-color: var(--color_bcBlack20); padding: 1rem; position: relative; margin: 0 0.625rem; height: 21.25rem; vertical-align: middle; text-align: center; cursor: pointer; transition: all 0.3s; } .CustomLogoGenerator .logoStage .label{ position: absolute; top: 1rem; left: 1rem; text-align: left; } .CustomLogoGenerator .logoStage .value img{ max-width: 15rem; width: 100%; display: inline-block; vertical-align: middle; } .CustomLogoGenerator .logoStage .logo .value img{ max-width: 22rem; } .CustomLogoGenerator .logoStage .contrast .value{ width: calc(50% - 0.625rem); } .CustomLogoGenerator .logoStage.white .value, .CustomLogoGenerator .logoStage .value.contrast-white{ background-color: var(--color_bcBlack50); color: var(--color_cWhite); } .CustomLogoGenerator .logoStage .size .value, .CustomLogoGenerator .logoStage .medium .value{ width: calc(33.333% - 0.85rem); } .CustomLogoGenerator .logoStage .logo .value{ width: 100%; cursor: inherit; } .CustomLogoGenerator .logoStage .logo .value, .CustomLogoGenerator .logoStage .value:first-child{ margin-left:0; }.CustomLogoGenerator .logoStage .logo .value, .CustomLogoGenerator .logoStage .value:last-child{ margin-right: 0; } .CustomLogoGenerator .attribute-title{ margin-bottom: 0.5rem; text-transform: uppercase; } .CustomLogoGenerator .logoAttributes .step:not(.active){ color: var(--color_bcInfoBox); } .CustomLogoGenerator .wrapper-attributes, .CustomLogoGenerator .logoAttributes .step{ width: 25%; box-sizing: border-box; display: inline-block; vertical-align: top; margin-bottom: 2.5rem; } .CustomLogoGenerator .wrapper-attributes .step{ width: 100%; margin-bottom: 0.5rem; } .CustomLogoGenerator .logoAttributes input{ display: none; } .CustomLogoGenerator .logoAttributes label{ padding-left: 2rem; position: relative; line-height: 22px; margin-bottom: 0.5rem; display: block; cursor: inherit; } .CustomLogoGenerator .logoAttributes .radio-icon{ border-style:solid; border-width: 1px; border-color: var(--color_bcInfoBox); border-radius: 100%; position: absolute; height: 20px; width: 20px; left:0; top: 0; } .CustomLogoGenerator .logoAttributes input:checked + label{ color: var(--color_cText); } .CustomLogoGenerator .logoAttributes label::before{ content: ""; height: 14px; width: 14px; position: absolute; left:4px; top: 4px; transition: all 0.3s; background-color:var(--color_cWhite); border-radius: 100%; } .CustomLogoGenerator .logoAttributes .active label .radio-icon{ border-color: var(--color_cBlack); } .CustomLogoGenerator .logoAttributes input:checked + label .radio-icon{ border-color: var(--color_cLink); } .CustomLogoGenerator .logoAttributes input:checked + label::before{ background-color:var(--color_cLink); } .CustomLogoGenerator .logoAttributes .btn.inactive:active, .CustomLogoGenerator .logoAttributes .btn.inactive:focus { cursor: inherit; } .CustomLogoGenerator .logoStage .value:active, .CustomLogoGenerator .logoStage .value:focus { border-color: var(--color_cLink); } .CustomLogoGenerator .logoStage .logo .value:active, .CustomLogoGenerator .logoStage .logo .value:focus { border-color: var(--color_cBlack); } .CustomLogoGenerator .logoStage .info-icon:active, .CustomLogoGenerator .logoStage .info-icon:focus { color: var(--color_cLink); } .CustomLogoGenerator .logoAttributes .step.active label:active::before, .CustomLogoGenerator .logoAttributes .step.active label:focus::before { border-color: var(--color_cLink); cursor: pointer; } .CustomLogoGenerator .btn.back:active, .CustomLogoGenerator .btn.back:focus { background-color: transparent; color: var(--color_cLink); border-color: var(--color_cLink); } @media screen and (min-width:1441px) { .csfullnright > .CustomLogoGenerator, .csfullnright .pageContentElement >.CustomLogoGenerator { padding:3.75rem; } } @media screen and (max-width:1124px) { .CustomLogoGenerator .logoStage .value{ height: 15.25rem; } .CustomLogoGenerator .btn.back.active{ display: inline-block; } .CustomLogoGenerator .logoAttributes, .CustomLogoGenerator .logoAttributes .btn.back.active{ display: none; } .CustomLogoGenerator .actionsSection .generate.active{ display: inline-block; margin-right: 0.5rem; } .CustomLogoGenerator .btn.download.active{ float:right; margin-top: 0.25rem; } .CustomLogoGenerator .logoStage .contrast .value, .CustomLogoGenerator .logoStage .size .value, .CustomLogoGenerator .logoStage .medium .value, .CustomLogoGenerator .logoStage .value{ width: calc(50% - 0.625rem); margin: 0 1.25rem 1.25rem 0; } .CustomLogoGenerator .logoStage .contrast .value:nth-child(2n), .CustomLogoGenerator .logoStage .size .value:nth-child(2n), .CustomLogoGenerator .logoStage .medium .value:nth-child(2n), .CustomLogoGenerator .logoStage .value:nth-child(2n){ margin-right: 0; } } @media screen and (max-width:877px){ .CustomLogoGenerator .logoStage .contrast .value, .CustomLogoGenerator .logoStage .size .value, .CustomLogoGenerator .logoStage .medium .value, .CustomLogoGenerator .logoStage .value{ width: 100%; margin: 0 0 1.25rem 0; } } @media screen and (max-width:832px){ .CustomLogoGenerator .logoStage .contrast .value, .CustomLogoGenerator .logoStage .size .value, .CustomLogoGenerator .logoStage .medium .value, .CustomLogoGenerator .logoStage .value, .CustomLogoGenerator .logoStage .contrast .value:nth-child(2n), .CustomLogoGenerator .logoStage .size .value:nth-child(2n), .CustomLogoGenerator .logoStage .medium .value:nth-child(2n), .CustomLogoGenerator .logoStage .value:nth-child(2n){ margin: 0 0.625rem; height: 21.25rem; } .CustomLogoGenerator .logoStage .contrast .value{ width: calc(50% - 0.625rem); } .CustomLogoGenerator .logoStage .size .value, .CustomLogoGenerator .logoStage .medium .value{ width: calc(33.333% - 0.85rem); } .CustomLogoGenerator .logoStage .logo .value, .CustomLogoGenerator .logoStage .value:first-child{ margin-left:0; } .CustomLogoGenerator .logoStage .logo .value, .CustomLogoGenerator .logoStage .contrast .value:last-child, .CustomLogoGenerator .logoStage .value:last-child{ margin-right: 0; } .CustomLogoGenerator .btn.back.active, .CustomLogoGenerator .actionsSection .generate.active{ display: none; } .CustomLogoGenerator .logoAttributes, .CustomLogoGenerator .logoAttributes .btn.back.active{ display: block; } .CustomLogoGenerator .btn.download.active{ float: none; } } @media all and (max-width: 768px) { .CustomLogoGenerator .logoStage .label{ top: 0.5rem; } .CustomLogoGenerator .logoStage .contrast .value, .CustomLogoGenerator .logoStage .size .value, .CustomLogoGenerator .logoStage .medium .value, .CustomLogoGenerator .logoStage .value, .CustomLogoGenerator .logoStage .contrast .value:nth-child(2n), .CustomLogoGenerator .logoStage .size .value:nth-child(2n), .CustomLogoGenerator .logoStage .medium .value:nth-child(2n), .CustomLogoGenerator .logoStage .value:nth-child(2n){ height: 16rem; } .CustomLogoGenerator .btn.back.active{ display: inline-block; } .CustomLogoGenerator .logoAttributes, .CustomLogoGenerator .logoAttributes .btn.back.active{ display: none; } .CustomLogoGenerator .logoStage .contrast .value, .CustomLogoGenerator .logoStage .size .value, .CustomLogoGenerator .logoStage .medium .value, .CustomLogoGenerator .logoStage .value{ width: calc(50% - 0.625rem); margin: 0 0.625rem 1.25rem 0; } .CustomLogoGenerator .logoStage .contrast .value:nth-child(2n), .CustomLogoGenerator .logoStage .size .value:nth-child(2n), .CustomLogoGenerator .logoStage .medium .value:nth-child(2n), .CustomLogoGenerator .logoStage .value:nth-child(2n){ margin-right: 0; margin-bottom: 1.25rem; } .CustomLogoGenerator .btn.download.active{ float:right; margin-top: 0.25rem; } .CustomLogoGenerator .actionsSection .generate.active{ display: inline-block; margin-right: 0.5rem; } } @media all and (max-width: 544px) { .CustomLogoGenerator .logoStage .contrast .value, .CustomLogoGenerator .logoStage .size .value, .CustomLogoGenerator .logoStage .medium .value, .CustomLogoGenerator .logoStage .contrast .value:nth-child(2n), .CustomLogoGenerator .logoStage .size .value:nth-child(2n), .CustomLogoGenerator .logoStage .medium .value:nth-child(2n), .CustomLogoGenerator .logoStage .value:nth-child(2n), .CustomLogoGenerator .logoStage .value{ width: 100%; margin: 0 0 1.25rem 0; } .CustomLogoGenerator .actionsSection .btn{ width: 100%; margin-left: 0; margin-right: 0; } } .CustomLogoGenerator .logoAttributes .btn.inactive:active, .CustomLogoGenerator .logoAttributes .btn.inactive:focus{ cursor: inherit; } .CustomLogoGenerator .logoStage .value:active, .CustomLogoGenerator .logoStage .value:focus{ border-color: var(--color_cLink); } .CustomLogoGenerator .logoStage .logo .value:active, .CustomLogoGenerator .logoStage .logo .value:focus{ border-color: var(--color_cBlack); } .CustomLogoGenerator .logoStage .info-icon:active, .CustomLogoGenerator .logoStage .info-icon:focus{ color: var(--color_cLink); } .CustomLogoGenerator .logoAttributes .step.active label:active, .CustomLogoGenerator .logoAttributes .step.active label:focus{ cursor: pointer; } .CustomLogoGenerator .logoAttributes .step.active label:active::before, .CustomLogoGenerator .logoAttributes .step.active label:focus::before{ border-color: var(--color_cLink); cursor: pointer; } .CustomLogoGenerator .btn.back:hover{ background-color: transparent; color: var(--color_cLink); border-color: var(--color_cLink); } .CustomMail.properties .formVariables { clear:both; float: left; margin-left:120px; font-size:14px; margin-top:32px; margin-bottom:32px; overflow: hidden; } .CustomMail.properties .formVariables .caption { font-weight:bold; margin-bottom:8px; } .CustomMap.Widget { height: auto; box-sizing: border-box; width: 100%; position: relative; } .CustomMap.Widget>.wrapper { height: 0; padding-bottom: 43rem; position: relative; width: 100%; } .csright .CustomMap.Widget>.wrapper { padding-bottom: 36rem; } .CustomMap.Widget>.wrapper>.google_map { border: 1px solid var(--color_cLine); bottom: 0; left: 0; position: absolute !important; right: 0; top: 0; height:auto; } .CustomMap .zoomIn, .CustomMap .zoomOut { height: 5rem; width: 5rem; line-height: 5rem; text-align: center; cursor: pointer; } .CustomMap .zoom .icon { width: 1.5rem; height: 1.5rem; display: inline-block; } .CustomMap .zoom .icon:before { color: var(--color_cBlueLight); font-size: 1.5rem; } .CustomMap .zoomIn .icon:before { font-family: SSGizmo; content: "+"; } .CustomMap .zoomOut .icon:before { font-family: SSGizmo; content: "-"; } .CustomMap .line { height: 1px; background-color: var(--color_cLine); position: absolute; top: 50%; left: 0; right: 0; } .CustomMap .column { width: 1px; background-color: var(--color_cLine); position: absolute; top: 0; bottom: 0; } .CustomMap .column.first { left: 25%; } .CustomMap .column.second { left: 50%; } .CustomMap .column.third { right: 25%; } .CustomMap .infos .BasicText { vertical-align: middle; display: inline-block; } #wysiwyg .CustomMap .infos .BasicText { display: inline-block; } .CustomMap .infos { box-sizing: border-box; z-index: 1; position: absolute; top: 0; left: 0; width: 25%; height: 50%; background-color: var(--color_cWhite); border-left-width: 1px; border-top-width: 1px; text-align: center; vertical-align: middle; padding: 0 1rem; } @media screen and (max-width: 1280px) { .CustomMap.Widget>.wrapper, .csright .CustomMap.Widget>.wrapper { padding-bottom: 58%; } .CustomMap .column.third { display: none; } .CustomMap .column.first { left: 33.333%; } .CustomMap .column.second { left: 66.666%; } .CustomMap .infos { width: 33.333%; } } @media screen and (max-width: 672px) { .CustomMap .infos { margin-bottom: 1.5rem; position: static; border: none; background: none; color: var(--color_cWhite); text-align: left; padding: 0; width: 100%; } } @media screen and (max-width: 544px) { .CustomMap .infos { padding: 0 1rem; } .CustomMap>.wrapper { padding-bottom: 100%; } .CustomMap .column.first { left: 50%; } .CustomMap .column.second { display: none; } .CustomMap .zoomIn, .CustomMap .zoomOut { height: 2.5rem; width: 2.5rem; line-height: 2.5rem; } } } .CustomNews.Detail .paginationWrapper { padding:0 2.5rem 0 3rem; text-align:right; } .CustomNews.Detail .paginationWrapper span, .CustomNews.Detail .paginationWrapper a { padding:0.5rem; } .CustomNews.Detail .paginationWrapper a { color:var(--color_cBlueDark); } .CustomNews.Detail .categoryCloud > .caption { display:none; } .CustomNews.Detail .categoryCloud ul { overflow:hidden; } .CustomNews.Detail .categoryCloud li:not(.hidden) { display:block; float:left; } .CustomNews.Detail .categoryCloud .Tag { color:var(--color_cWhite); background-color: var(--color_cBlack); line-height:1.5rem; padding:0 0.5rem; margin: 0 1px 1px 0; font-family:EuclidFlex-Medium; } .CustomNews.Detail .categoryCloud .Tag.selected, .CustomNews.Detail .categoryCloud .Tag:active, .CustomNews.Detail .categoryCloud .Tag:focus { color:var(--color_cBlack); background-color: var(--color_cBlueLight); } .CustomNews .CustomSocialMedia.social a:active .roundIcon, .CustomNews .CustomSocialMedia.social a:focus .roundIcon, .CustomNews .infoBlock.date .CustomSocialMedia.social a:active .roundIcon, .CustomNews .infoBlock.date .CustomSocialMedia.social a:focus .roundIcon { background-color:var(--color_cBlueLight); } .CustomNews .infoBlock.date .CustomSocialMedia.social a:active, .CustomNews .infoBlock.date .CustomSocialMedia.social a:focus { color:var(--color_cBlueLight); } .CustomNews.Detail .infoBlock.date >.wrapper { background-color:var(--color_cBlack); color:var(--color_cWhite); text-align:center; line-height:1.5em; } .CustomNews.Detail .articleContent .infoBlock.date{ display: block; width: 100%; padding: 0; } .CustomNews.Detail .infoBlock.date .title { margin-bottom: 0; font-size: 1rem; line-height: 1.5em; text-transform: none; letter-spacing: normal; text-align: left; position: relative; } .CustomNews.Detail .infoBlock.date .title .termine { font-family: EuclidFlex-Bold; width: 100%; text-transform: uppercase; letter-spacing: 0.1em; padding-bottom: 16px; } .CustomNews.Detail .infoBlock.date .title .clock { position: absolute; font-size: 40px; top: 1rem; } .CustomNews.Detail .infoBlock.date .title .prosa { font-family: EuclidFlex-Regular; padding-left: 0.5rem; } .CustomNews.Detail .infoBlock.date .CustomSocialMedia.social { font-family: EuclidFlex-Regular; padding-left: 3rem; display: inline-block; } .CustomNews.Detail .infoBlock.date .CustomSocialMedia.social a { color:var(--color_cWhite); } .CustomNews.Detail .infoBlock.date .CustomSocialMedia.social a .roundIcon { color:var(--color_cBlack); background-color:var(--color_cWhite); } @media screen and (max-width:430px) { .CustomNews.Detail .infoBlock.date .CustomSocialMedia.social a { padding: 0.5rem; } .CustomNews.Detail .infoBlock.date .title .clock { top: 0.75rem; font-size: 35px; } } .CustomNews.Detail .SetArticle.detail .articleContent { -webkit-column-count: 1; /* Chrome, Safari, Opera */ -moz-column-count: 1; /* Firefox */ column-count: 1; -webkit-column-gap: normal; /* Chrome, Safari, Opera */ -moz-column-gap: normal; /* Firefox */ column-gap: normal; margin-left: 0; margin-right: 0; } .CustomNews.Detail .SetArticle.detail .SetImage { display: block; cursor: pointer; } .CustomNews.Detail .SetArticle.detail .BasicGraphic { position: relative; } .CustomNews.Detail .SetArticle.detail .SetImage::after { content: "⤢"; position: absolute; right: 0; top: 0; padding: 1rem; color: var(--color_cBlack); font-size: 1.5rem; font-family: SSGizmo; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; } .CustomNews.Detail .SetArticle.detail .SetImage.smartLightbox::after{ content:""; } @media screen and (min-width:1441px) { .CustomNews.Detail .SetArticle.detail .SetText .column { float: left; width: 50%; } .CustomNews.Detail .SetArticle.detail .SetText .column.left { padding-right: 1.5rem; } } .CustomNews .CustomSocialMedia.social .caption { color:var(--color_cText); font-size: 1rem; } .CustomNews .CustomSocialMedia.social a { color:var(--color_cText); } .CustomNews .CustomSocialMedia.social a .roundIcon { color:var(--color_cWhite); background-color:var(--color_cBlack); width: 1.5rem; height: 1.5rem; } /******{*******Active Focus*******}*******/ .CustomNews.Detail .categoryCloud .Tag.selected, .CustomNews.Detail .categoryCloud .Tag:active, .CustomNews.Detail .categoryCloud .Tag:focus { color:var(--color_cBlack); background-color: var(--color_cBlueLight); } .CustomNews .CustomSocialMedia.social a:active .roundIcon, .CustomNews .CustomSocialMedia.social a:focus .roundIcon, .CustomNews .infoBlock.date .CustomSocialMedia.social a:active .roundIcon, .CustomNews .infoBlock.date .CustomSocialMedia.social a:focus .roundIcon { background-color:var(--color_cBlueDark); } .CustomNews .infoBlock.date .CustomSocialMedia.social a:active, .CustomNews .infoBlock.date .CustomSocialMedia.social a:focus { color:var(--color_cBlueDark); } .CustomNews.Detail .SetArticle.detail .SetImage:not(.displayCount):active::after, .CustomNews.Detail .SetArticle.detail .SetImage:not(.displayCount):focus::after { color: var(--color_cWhite); } .CustomNews .CustomSocialMedia.social .mailLink .ss-mail::before { font-size: 1.3rem; } .CustomNews .CustomSocialMedia.social .mailLink .roundIcon { line-height: 1.9rem; } .CustomNews .relation .Teaser { width: 20%; } @media screen and (max-width: 1024px){ .CustomNews .relation .Teaser { width: 33.333%; } } @media screen and (max-width: 832px){ .CustomNews.Detail .articleContent .infoBlock.date{ display: block; } .CustomNews .relation .Teaser { width: 50%; } .CustomNews .rightColumn .relation.projekt { padding:0; } } @media screen and (max-width: 544px){ .CustomNews .rightColumn .relation .SetSeparator { margin-bottom:1rem; } } @media print { .CustomNews.Detail .SetArticle.detail { padding-bottom:0; } .CustomNews.Detail .SetArticle.detail .articleContent, .CustomNews.Detail .SetArticle.detail .infoBlock:not(.date) .wrapper { font-size:3.75mm; line-height:1.5em; } .CustomNews.Detail .SetText .title { line-height:1.5em; } .CustomNews.Detail .infoBlock.date .title { font-size:8mm; } .CustomNews.Detail .infoBlock.date .icon { display:none; } .CustomNews.Detail .infoBlock.date .title .prosa { font-size:4mm; padding-left:0; line-height:1.5em; } .CustomNews.Detail .SetArticle.detail .articleContent { margin-bottom:0; } .CustomNews.Detail .SetText .BasicText.graphicText, .CustomNews.Detail .SetText .BasicText.subtitle, .CustomNews.Detail .SetText .BasicText.content { font-size:14px; line-height:1.5em; } .CustomNews.Detail .SetArticle.detail .khmFlag, .CustomNews.Detail .SetArticle.detail .leftColumn, .CustomNews.Detail .SetArticle.detail .SetMenu, .CustomNews.Detail .SetArticle.detail .themes, .CustomNews.Detail .SetArticle.detail .detailNav, .CustomNews.Detail .SetArticle.detail .videoListWrapper, .CustomNews.Detail .ListImageGallery.square .SetImage a::after, .CustomNews.Detail .SetArticle.detail .ListImageGallery.square .count, .CustomNews.Detail .SetArticle.detail .ListImageGallery.square .SetImage:nth-child(n+9) { display:none; } .CustomNews.Detail .SetArticle.detail .articleContent .imageWrapper > .graphicWrapper { max-width:100mm; } .CustomNews.Detail .SetArticle.detail .mobileWrapper { display:block !important; } .CustomNews.Detail .SetArticle.detail .rightColumn { margin-left:0; } .CustomNews.Detail .SetArticle.detail .articleContent, .CustomNews.Detail .SetArticle.detail .infoBlock .wrapper { padding:0; } .CustomNews.Detail .SetArticle.detail .ListImageGallery.square .SetImage { width:25%; } } .CustomNews.teaserList { margin-bottom:2.5rem; } .CustomNews.teaserList .listWrapper { overflow:hidden; } .CustomNews.teaserList .filterControl.loadMore { margin: 2rem 0.5rem; overflow: hidden; } .CustomNews.teaserList .pager { margin: 0 0.5rem; } .CustomNews.teaserList .pager a { color: var(--color_cBlack); background-color: var(--color_cWhite); border: 0; display: inline-block; text-align: center; text-transform: uppercase; font-size: 1rem; cursor: pointer; padding: 1rem; box-sizing: border-box; overflow: hidden; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; } .CustomNews.teaserList .pager .right { float: right; } @media screen and (max-width: 992px) { .CustomNews.teaserList .pager div { width: 50%; } } @media screen and (max-width:544px) { .CustomNews.teaserList { padding-left:0.25rem; padding-right:0.25rem; } } @media screen and (max-width: 496px) { .CustomNews.teaserList .filterControl.loadMore { margin:2rem 1rem; } .CustomNews.teaserList .pager div { width: 100%; } } .CustomNews.overview .infoBlock .SetText { margin-left: 0; margin-right: 0; } .CustomNews.overview .infoBlock .SetText .withoutRight { -webkit-columns: 1; -moz-columns: 1; columns: 1; } .CustomNews.overview .overviewList { overflow: hidden; } .CustomNews.overview.List .noElement{ width:25rem; } .CustomNews.overview.List .groupName { width:13rem; } .CustomNews.overview.List .groupedViewTitle { padding-bottom:1rem; } .CustomNews.overview.List label{ position: absolute; left: 2rem; top: 1.875rem; z-index: 100; transition: transform 150ms ease-out, font-size 150ms ease-out; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .CustomNews.overview.List .focused label, .CustomNews.overview.List .filled label { transform: translateY(-0.625rem); font-size: 0.625rem; } @media screen and (max-width: 414px) { .CustomNews.overview.List .noElement, .CustomNews.overview.List .groupName { width: 100%; } } .CustomNews .teaserCard{ width: 50%; display: block; float: left; } .CustomNews.teaserCard .graphic { width: 12rem; height: 8rem; float: left; margin-bottom: 0; } .CustomNews.teaserCard img { min-height: 100%; } .CustomNews .teaserCard .date { padding-bottom: 0; } .CustomNews .teaserCard .title { padding-bottom: 0; overflow: hidden; } .CustomNews .teaserCard .graphicText { padding: 0 1.25rem; } .CustomNews .teaserCard .teaserWrapper { overflow: hidden; } .CustomNews .teaserCard .textWrapper { margin: 1rem 0 1rem 12rem; max-height: 6rem; line-height: 19.2px; overflow: hidden; } .CustomNews .teaserCard .title{ text-align: left; } @media screen and (max-width:1232px) { .CustomNews:not(.Detail) .teaserCard { width: 100%; } } @media screen and (max-width:992px) { .CustomNews.overview .teaserCard { width: 50%; } } @media screen and (max-width:832px) { .CustomNews:not(.Detail) .teaserCard { width: 50%; } .CustomNews:not(.Detail) .teaserCard .title{ text-align: left; } } @media screen and (max-width:768px) { .CustomNews:not(.Detail) .teaserCard, .CustomNews.overview .teaserCard { width: 100%; } } @media screen and (max-width:544px) { .CustomNews:not(.Detail) .teaserCard .graphic { width: 9rem; height: 6rem; } .CustomNews:not(.Detail) .teaserCard .textWrapper { margin-left: 9rem; max-height: 57.6px; } .CustomNews:not(.Detail) .teaserCard .title { text-align: left; } .CustomNews:not(.Detail) .teaserCard .graphicText { padding: 0 0.5rem; } } .CustomNewsletter.properties.statisticsV2 #statistic_print{ float: right; } .CustomNewsletter.properties.statisticsV2 #cancelJob{ float: right; width: 10rem; } .CustomNewsletter.properties.SendV2Property .sendingInfo { color: red; font-size: 12px; clear: both; text-align: center; margin-bottom: 1rem; } .CustomPermission { margin:0 0.5rem 2.5rem; } .CustomPermission .description { overflow: hidden; background-color: var(--color_cWhite); padding: 1.25rem 1rem; margin-bottom: 1.25rem; } .CustomPermission .group { overflow: hidden; background-color: var(--color_bcBlack50); padding: 1rem 0.5rem 0; margin-bottom: 1.25rem; } .CustomPermission .videos, .CustomPermission .audios { width: 80%; float: right; } .CustomPermission .permission { width: 33.33%; margin-bottom: 0.5rem; float: left; } .CustomPermission .permission .info { margin: 0 0.5rem 0.5rem; padding: 1.25rem 0 0; background-color: var(--color_cWhite); overflow: hidden; } .CustomPermission .expires, .CustomPermission .permissionButton { margin: 0 1.25rem 1.25rem; } @media screen and (max-width: 1360px) { .CustomPermission .videos { width: 75%; } } @media screen and (max-width: 992px) { .CustomPermission .videos, .CustomPermission .audios { width: 66.6666%; } } @media screen and (min-width:1025px) { .CustomPermission .permission:nth-child(3n+1) { clear: both; } } @media screen and (min-width:737px) and (max-width:1024px) { .CustomPermission .permission { width: 50%; } .CustomPermission .permission:nth-child(2n+1) { clear: both; } } @media screen and (max-width: 736px) { .CustomPermission .videos, .CustomPermission .audios { width: 50%; } .CustomPermission .permission { width: 100%; } } @media screen and (max-width: 544px) { .CustomPermission .permission { margin-bottom: 0.5rem; } .CustomPermission .permission .wrapper, .CustomPermission .permission .info { margin: 0 0.25rem 0; } .CustomPermission .group { padding: 1rem 0.5rem 0.5rem; } } @media screen and (max-width:369px) { .CustomPermission .teaserCard, .CustomPermission .videos, .CustomPermission .audios { width: 100%; clear: both; } } .CustomPermission.grantPermission { margin: 2rem 0 0.75rem; overflow: hidden; } .CustomPermission.grantPermission .SetVideo, .CustomPermission.grantPermission .SetAudio { width: 18.5rem; float: left; } .CustomPermission.grantPermission .medienFreigabeForm { margin-left: 19.75rem; width: auto; clear: none; } .CustomPermission .medienFreigabeForm .title, .CustomPermission .medienFreigabeForm .formTitle, .CustomPermission .medienFreigabeForm h1 { color: var(--color_cText); } @media screen and (max-width:832px) { .CustomPermission.grantPermission .SetVideo, .CustomPermission.grantPermission .SetAudio { display:none; } .CustomPermission.grantPermission .medienFreigabeForm { margin-left:0; } } .searchResults { width: 100%; } .searchResults .noData { text-align: center; } .searchResults > ul { clear: both; } .searchResults > ul > li { display: block; } .searchResults > ul > li > div { float: left; clear: both; } .searchResults .gif { background-image: url("/Ressource/Graphic/loading.gif"); width: 32px; height: 32px; margin: 16px auto; display: none; } .BasicForm.searchWidget { width:41rem; max-width:100%; padding:0 3rem; box-sizing:border-box; } .searchWidget label { display:none; } .searchWidget form { position:relative; border: 0.5rem solid rgba(0, 0, 0, 0.2); border-radius: 0.5rem; } .searchWidget form .searchInputWrapper { padding-right:5rem; } .searchWidget form #inputSearch { border-radius: 0.25rem 0 0 0.25rem; } .searchWidget form input[type="submit"] { position:absolute; top:1.125rem; right:0; padding: 0; width: 5rem; border-radius: 0 0.25rem 0.25rem 0; -webkit-appearance: none; } .searchResults { margin: 0 0.5rem 3rem; padding: 1.25rem; overflow: hidden; width: auto; background-color: var(--color_cWhite); } .searchResults h1 { margin-bottom:2rem; } .searchResults .searchWidget { margin-bottom: 2rem; padding: 0; } .searchResults .searchWidget form { border: 0; border-radius: 0; } .searchResults .searchWidget .inputSearchIcon { display: none; } .searchResults .searchHeader { overflow: hidden; margin-bottom:1.5rem; } .searchResults .searchHeader li { margin-right: 0.5rem; float: left; } .searchResults .searchHeader a { color: inherit; text-decoration: underline; } .searchResults .searchHeader span { margin-right: 0.25rem; color: var(--color_cTextPassive); line-height: 1.5em; } .searchResults .noData { text-align: center; clear: both; } .searchResults li { display: block; overflow:hidden; } .searchFooter .gif { width: 2rem; height: 2rem; margin: 1rem auto; display: none; } .searchResults .searchData { border-top: 0.0625rem var(--color_cTextPassive) solid; margin-bottom:2rem; } .searchResults .searchData li { border-bottom: 0.0625rem var(--color_cTextPassive) solid; padding: 0.75rem 0; } .content .searchData a { color: var(--color_cText); display: block; overflow: hidden; } .searchData a > * { float: left; } .searchData .img { width: 25.80645%; min-height: 3rem; } @media screen and (max-width: 567px) { .searchData .img { display: none; } } .searchData .BasicGraphic, .searchData .video { padding:0.5rem 1.5rem 0.5rem 0.5rem; } .searchData .textWrapper { width: 74.19355%; } @media screen and (max-width: 567px) { .searchData .textWrapper { width: 100%; } } .searchResults .score { font-size: 0.75rem; margin-left: 0.5rem; } .searchResults .score span { margin-right:0.25rem; } .searchData h2 { margin-bottom:0.75rem; } .searchData .context { } .searchData h2 span, .searchData .context span { background-color: var(--color_bcArea); font-family: inherit; font-size: inherit; line-height: inherit; } .searchData .price { float: left; clear: both; margin-top: 0.5em; } .searchData .price > * { float: left; } .searchData .context .categories span, .searchData .context .price span { margin-right: 5px; background-color: transparent; } .searchResults .counter { float:left; } .searchResults .loadMore { float: right; padding-left: 2rem; padding-right: 2rem; } .searchResults .preload { height:0; width:0; } .searchResults .gif { background-image: url("/Ressource/Graphic/loading.gif"); } .searchWidget label { display: initial; } .searchWidget.BasicForm input { height: 2.7rem; } .CustomSocialMedia.channels > .caption { margin-bottom:1.5rem; /* {*Gotham Book*} */ font-family: EuclidFlex-Bold; } .CustomSocialMedia.channels a { margin-right:1.5rem; } .CustomSocialMedia.channels a .caption { display:none; } .CustomSocialMedia.channels .icon { color: var(--color_cWhite); font-size:1.5rem; height:1.5rem; line-height:2rem; vertical-align:middle; display:inline-block; -o-transition:color .3s; -ms-transition:color .3s; -moz-transition:color .3s; -webkit-transition:color .3s; transition:color .3s; } .CustomSocialMedia.channels a:focus .icon, .CustomSocialMedia.channels a:active .icon { color:var(--color_cBlue); } .CustomSocialMedia.channels li.social { display: inline-block; } @media screen and (max-width:544px) { .CustomSocialMedia.channels a { margin:0; padding: 0 0.75rem; } .CustomSocialMedia.channels .wrapper{ padding-bottom: 1rem; } } .CustomSocialMedia.channels a:hover .icon { color:var(--color_cBlue); } .CustomSocialMedia.social { text-align:center; margin-bottom:1rem; } .CustomSocialMedia.social .caption { color:var(--color_cWhite); margin-bottom:1rem; } .CustomSocialMedia.social li { display:inline-block; } .CustomSocialMedia.social a { font-size:1.5rem; padding:0.75rem; color:var(--color_cWhite); } /********{*****Active Focus****}*********/ .CustomSocialMedia.channels a:active .icon, .CustomSocialMedia.channels a:focus .icon, .CustomSocialMedia.social a:active, .CustomSocialMedia.social a:focus { color:var(--color_cBlueDark); } .CustomTag.tagcloudFilter .CustomTag.Cloud .Tag { padding-left:1rem; } .CustomTag.tagcloudFilter { background-color: var(--color_cBlueLight); box-sizing: border-box; padding: 1.25rem; } .CustomTag.tagcloudFilter > .caption { font-family:EuclidFlex-Bold; font-size:1rem; margin: 0 0 1rem; letter-spacing:1px; text-transform:uppercase; } .CustomTag.tagcloudFilter .Tag { cursor:pointer; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; border-top: 1px solid var(--color_cBlack); color: var(--color_cBlack); display: block; line-height: 1.5rem; padding: 0 0.375rem; } .CustomTag.tagcloudFilter .Tag.selected { color:var(--color_cWhite); background-color:var(--color_cBlack); } .CustomTag.tagcloudFilter .Tag:active, .CustomTag.tagcloudFilter .Tag:focus, .CustomTag.tagcloudFilter .Tag.selected { color:var(--color_cWhite); background-color:var(--color_cBlack); } .CustomTag.tagcloudFilter .CustomTag.Cloud { height:0; overflow:hidden; } .CustomTag.tagcloudFilter .open .CustomTag.Cloud, .CustomTag.tagcloudFilter.open .CustomTag.Cloud { height:auto; } .CustomUserLogin a { width: auto; position: relative; background-position: right; background-repeat: no-repeat; } .CustomUserLogin #userLoginMessage { color: var(--color_cError) ; text-align: center; } .CustomUserLogin .userLoginForm .mandatory_field_desciption { display: none; } .CustomUserLogin .fihp { display: none !important; } .CustomUserLogin.stateLogout, .CustomUserLogin.stateLogin { position: relative; } .CustomUserLogin.open .loginBox { display: block; } .CustomUserLogin .ssoLogin { padding: 0.5rem!important; margin-bottom: 1.25rem; } .pageActionBar .CustomUserLogin .loginBox { right: 3.5rem; bottom: -1rem; left: auto; top: auto; } .pageActionBar .CustomUserLogin .loginBox::before { top: auto; left: auto; right: -0.42rem; bottom: 2rem; border-width: 1.5rem 0 0 0.75rem; border-color: transparent transparent transparent var(--color_cWhite); } .pageActionBar .CustomUserLogin.userLoginState .loginBox span { display: inline-block; } .mobileMenu .CustomUserLogin .loginSelection { display: none; } .mobileMenu .CustomUserLogin .loginBox { display: flex; position: relative; top: auto; left: auto; width: 100%; padding: 0; background: inherit; border: none; justify-content: space-around; } .mobileMenu .CustomUserLogin .loginBox .login { display: block; } .mobileMenu .CustomUserLogin .loginBox::before { display: none; } .CustomUserLogin .ssoLogin { padding: 0.375rem !important; margin-bottom: 1rem; } .CustomUserLogin a.defaultButton { padding: 0.375rem 0.5rem; min-height: 2rem; line-height:1.125rem; } .mobileMenu .CustomUserLogin .loginBox .login { display: inline-block; font-size: 0.875rem; margin: 0 1rem; font-family:EuclidFlex-Medium; font-weight:400; } .mobileMenu .CustomUserLogin .loginBox .ssoLogin { margin-left: 1rem; margin-right: 1rem; } .headerWrapper .CustomUserLogin.userLoginState a.loginSelection span, .headerWrapper .CustomUserLogin.userLoginState a.logout .logOut, .pageActionBar .CustomUserLogin.userLoginState a.logout .logOut, .pageActionBar .CustomUserLogin.userLoginState a span{ display:none; } .headerWrapper .CustomUserLogin.userLoginState .pageAction.logIn span, .headerWrapper .CustomUserLogin.userLoginState .pageAction.logOut span, .pageActionBar .CustomUserLogin.userLoginState .pageAction.logIn span, .pageActionBar .CustomUserLogin.userLoginState .pageAction.logOut span{ display:inline-block; } .pageActionBar .CustomUserLogin.userLoginState a{ padding:0px; } .pageActionBar .CustomUserLogin.userLoginState .loginBox.dropdownBox a:not(.editButton):not(.defaultButton):last-child{ border-bottom-width: 0; } .CustomUserLogin .loginWrapper { position: relative; } .CustomUserLogin .userLoginAdvice { padding: 1.5rem 0.625rem; color: var(--color_cWhite); } .CustomUserLogin a.myPageLink .userName { text-transform: none; } .BasicForm.ProjectForm.userLoginForm { box-sizing: initial; padding: 0; } .BasicForm.ProjectForm.userLoginForm .wrapperForm { background-color: transparent; padding: 0; } .BasicSpacerContentLoader .CustomUserLogin.login .BasicForm .formSubmitMessage .submit_message { padding: 0 0.5rem 2rem; color: var(--color_cWhite); } .BasicSpacerContentLoader .CustomUserLogin.alreadyLoggedIn { color: var(--color_cWhite); } @media screen and (max-width:544px) { .CustomUserLogin .userLoginAdvice { padding-top: 0; } } .CustomUserNavigation { bottom: -4px; } .CustomUserNavigation li { float: left; margin-right: 24px; color: var(--color_cWhite); } .CustomUserNavigation a { color: var(--color_cBlueDark); padding-right:0; } .CustomUserProfile .error { color: var(--color_cError); } .CustomUserProfile .valid { color: var(--color_cValid); } .CustomUserProfile .userProfileRegisterForm .mandatory_field_desciption { display: none; } .BasicSpacerContentLoader .CustomUserProfile.register h1, .BasicSpacerContentLoader .CustomUserProfile.register h2 { margin: 0 0 1.5rem; } .BasicSpacerContentLoader .CustomUserProfile .BasicForm .formSubmitMessage { padding: 0; } .BasicSpacerContentLoader .CustomUserProfile .BasicForm .formSubmitMessage .submitMessage { padding: 0 0.5rem 2rem; } .CustomUserProfileFooter { max-width:928px; height:auto; margin: 0 auto; overflow: hidden; padding:16px 32px 16px 32px; } .CustomUserProfileFooter .project { float: left; margin-right: 32px; } .CustomUserProfileFooter .company { width: 50%; height: auto; float: right; } .CustomUserProfileFooter .company img { margin-bottom: 8px; max-height: 48px; max-width: 100%; } .CustomUserProfileFooter .company .abstand { height: 8px; width: 10px; } .CustomUserProfile.Widget.update { margin: 0 auto; max-width:928px; overflow: hidden; } .user_updateForm.ProjectForm.BasicForm { width:100%; } .CustomUserProfileProperty .historyWrapper { max-height: 20rem; overflow: scroll; margin-bottom: 2rem; font-size: 0.75rem; } .CustomUserProfileProperty .historyWrapper .entry { border-bottom: 1px solid gray; padding: 0.5rem; } .CustomUserProfileProperty .historyWrapper .headline { font-family: OpenSans-Bold; } .CustomUserProfileJs { margin: 0 1rem 2.75rem; } .CustomUserProfileJs .title { margin: 0 0 2rem; padding: 1rem 1rem 2rem; overflow: hidden; border-bottom-width: 0.25rem; overflow: hidden; box-sizing: border-box; } .CustomUserProfileJs .title h3 { display: inline-block; margin-top: 0.25rem; } .CustomUserProfileAddressJs { } .CustomUserProfileAddressJs .addressList { } .CustomUserProfileAddressJs .addressList .tax{ margin-top: 0.5rem; } .CustomUserProfileAddressJs .wrapperAddress { padding: 1.9325rem; margin: 1rem; border-width: 0.0625rem; min-height: 18.5rem; box-sizing: border-box; max-width: 18rem; } .CustomUserProfileAddressJs .addressOverview .wrapperAddress { min-height: 14.5rem; } .CustomUserProfileAddressInDialog .addressEntry.onRequest .wrapperAddress, .CustomUserProfileAddressJs .addressEntry.onRequest .wrapperAddress { background-color:var(--color_bcArea); } .CustomUserProfileAddressJs .addressEntry .hint_on_request, .CustomUserProfileAddressJs .hint_new_address { color: var(--color_cLink); margin-top: 1rem; } .CustomUserProfileAddressJs .hint_new_address { margin-bottom: 1rem; } .CustomUserProfileAddressJs .addressEntry { width: 33.33%; display:inline-block; vertical-align:top; } .CustomUserProfileAddressJs .wrapperData { min-height: 10.5em; overflow: hidden; } .CustomUserProfileAddressJs .wrapperData .data { margin-bottom: 1.5em; } .CustomShopCheckoutJs.overview .CustomUserProfileAddressJs .title { float: right; border: none; margin: 1rem 0; padding: 0 1rem 0 0; } .CustomShopCheckoutJs.overview .CustomUserProfileAddressJs h3 { display: none; } @media screen and (min-width: 849px) { .CustomShopCheckoutJs.overview .CustomUserProfileAddressJs .title { height: 14.5rem; } .CustomShopCheckoutJs.overview .addressOverview .wrapperButton { height: 100%; } .CustomShopCheckoutJs.overview .addressOverview .wrapperButton:before { content:""; height:100%; vertical-align:bottom; display:inline-block; } .CustomShopCheckoutJs.overview #address_list_open { vertical-align: bottom; display:inline-block; } } @media screen and (max-width: 848px) { .CustomShopCheckoutJs.overview .CustomUserProfileAddressJs .title, .CustomUserProfileAddressJs .addressList { width: 100%; box-sizing: border-box; } .CustomUserProfileAddressJs .addressEntry { width: 50%; } } @media screen and (max-width: 544px) { .CustomUserProfileAddressJs .addressEntry { width: 100%; min-width: initial; } .CustomUserProfileAddressJs .wrapperAddress { margin: 1rem auto; min-height: initial; } .CustomUserProfileAddressJs .wrapperData { min-height: initial; } } .CustomUserProfileJs .wrapperButton { float: right; overflow: hidden; } .CustomUserProfileJs .wrapperAddress .roundIcon { margin: 0 0 0.5rem; } .addressButtons input[type="radio"] { display: none; } .CustomUserProfileJs .addressButtons .roundIcon { margin: 0; } .CustomUserProfileJs .wrapperAddress .stateButton { margin: 0.5rem 0 0; } .addressOverview { overflow: hidden; } .CustomUserProfileJs.open .addressOverview { display: none; } .wrapperAddress h4 { margin: 0 0 1rem; } .CustomUserProfileJs .editContent { display: none; } .CustomUserProfileJs.open .editContent { display: block; } .CustomUserProfileJs form { } .CustomUserProfileJs form::after { content: ""; width: 100%; display: block; clear: both; height: 1px; } #addressEdit .cancel { float: left; } #addressEdit .submit { float: right; } .CustomUserProfileJs .noShipping { margin: 1rem; clear: both; float: left; margin: 1rem; width: 100%; } .CustomUserProfileJs .addAddress { cursor: pointer; } .CustomUserProfileJs .addAddress .icon { display: block; font-size: 5rem; line-height: 15rem; height: 14rem; text-align: center; } @media screen and (max-width: 544px) { .CustomUserProfileJs .addAddress .icon { line-height: 3rem; height: 2rem; } } .CustomUserProfileJs .BasicForm { background-color: inherit; width: auto; } .CustomUserProfileJs .BasicForm .closeButton { display: none; } .CustomUserProfileAddressJs.suggestion { border-width: 0.0625rem; padding: 2rem; margin: 1rem; font-weight: normal; } .CustomUserProfileAddressJs.suggestion .address { overflow: hidden; margin-top: 1rem; } .CustomUserProfileAddressJs.suggestion .forceAddress, .CustomUserProfileAddressJs.suggestion .actionButton.right { float: right; } .CustomUserProfileAddressJs.suggestion .info { display: inline; } @media screen and (max-width: 544px) { .CustomUserProfileAddressJs.suggestion { margin: 1rem 0; } } @media screen and (max-width: 768px) { .CustomUserProfileAddressJs.suggestion .message { display: inline-block; margin-top: 0.5rem; } } .addressTypeDropDown { position: relative; margin-right: 0.5rem; display: inline-block; width: 100%; } .addressTypeDropDown .icon.addressType_b2b_retailshop { color: var(--addressType_b2b_retailshop); } .addressTypeDropDown .icon.addressType_b2b_warehouse { color: var(--addressType_b2b_warehouse); } .addressTypeDropDown .icon.addressType_b2b_administration { color: var(--addressType_b2b_administration); } .addressTypeDropDown .icon.addressType_company { color: var(--addressType_company); } .addressTypeDropDown .icon.addressType_private { color: var(--addressType_private); } .addressTypeDropDown .icon.addressType_unknown { color: var(--addressType_unknown); } .addressTypeDropDown .caption { position: relative; background-color: var(--color_bcFond); font-size: 12px; padding: 0.25rem 2rem 0.25rem; border: none; border-radius: 3px; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; } .addressTypeDropDown:not(.readonly) .caption { cursor: pointer; } .addressTypeDropDown.open .caption { background-color: var(--color_cGrey); } .addressTypeDropDown .iconWrapper.iconType, .addressTypeDropDown .item .iconWrapper { position: absolute; top: 0; left: 0; bottom: 0; width: 2rem; text-align: center; } .addressTypeDropDown .caption .surtitle { font-size: 0.625rem; color: var(--color_cIconAction); line-height: 0.875rem; } .addressTypeDropDown .caption .captionTitle { white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis; } .addressTypeDropDown .caption .iconWrapper.chevron { color: var(--color_cIconAction); position: absolute; right: 0; top: 0; text-align: center; height: 100%; width: 2rem; font-size: 1rem; } .addressTypeDropDown .iconWrapper .icon { font-size: 0.5rem; } .addressTypeDropDown .caption .icon { display: inline-block; vertical-align: middle; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; } .addressTypeDropDown.open .caption .iconWrapper.chevron .icon { color: var(--color_cText); } .addressTypeDropDown .itemList { width: 100%; height: 0; overflow: hidden; position: absolute; z-index: 900; background-color: var(--color_cGrey); margin-top: 0.5rem; border-radius: 3px; -webkit-box-shadow: 0 0.375 0.5rem 0px rgba(0, 0, 0, 2.5); -moz-box-shadow: 0 0.375rem 0.5rem 0px rgba(0, 0, 0, 2.5); box-shadow: 0 0.375rem 0.5rem 0px rgba(0, 0, 0, .25); } .addressTypeDropDown .itemList .item { display: block; padding: 0.375rem 0.625rem 0.375rem 2rem; position: relative; cursor: pointer; font-size: 0.75rem; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; } .addressTypeDropDown .itemList .item.hidden { display: none; visibility: hidden; } .addressTypeDropDown .itemList li.selected { background-color: var(--color_cWhite); } .CustomUserProfilePaymentJs .paymentOverview { float: left; } .CustomUserProfilePaymentJs .title h3 { line-height: 2.5rem; margin-top: 0; float: left; } .CustomUserProfilePaymentJs .wrapperPayment .data { overflow: hidden; line-height: 2.5rem; } .CustomUserProfilePaymentJs .wrapperPayment .BasicGraphic { float: right; margin-left: 1rem; height: 2.5rem; } @media screen and (max-width: 544px) { .CustomUserProfilePaymentJs .title h3 { line-height: 1.5em; } .CustomUserProfilePaymentJs .paymentOverview { clear: both; } } .CustomUserProfilePaymentJs .closeButton, .CustomUserProfilePaymentJs.open .openButton { display: none; } .CustomUserProfilePaymentJs.open .closeButton, .CustomUserProfilePaymentJs .openButton { display: block; } @media screen and (max-width: 414px) { .CustomUserProfilePaymentJs .openButton .info { display: none; } } .CustomUserProfilePaymentJs .descriptionBox { padding: 2.5rem; margin-top: 1.5rem; overflow: hidden; } @media screen and (max-width: 544px) { .CustomUserProfilePaymentJs .descriptionBox { padding: 1rem; } } .CustomUserProfilePaymentJs .wrapperPaymentMethod { box-sizing: border-box; padding: 0.5rem 0; width: 100%; max-width: 27.5rem; } @media screen and (min-width: 544px) { .CustomUserProfilePaymentJs .wrapperPaymentMethod { padding: 1rem 3rem; } } @media screen and (min-width: 698px) { .CustomUserProfilePaymentJs .wrapperPaymentMethod { padding: 1.5rem; width: 50%; float: left; } } @media screen and (min-width: 864px) { .CustomUserProfilePaymentJs .wrapperPaymentMethod { padding: 1.5rem 3rem; } } .CustomUserProfilePaymentJs .wrapperPaymentMethod input { display: none; } .CustomUserProfilePaymentJs .wrapperPaymentMethod .stateButton { width: 100%; margin: 0; padding: 0; } .CustomUserProfilePaymentJs .wrapperPaymentMethod .BasicGraphic { float: right; width: 5rem; } .CustomUserProfilePaymentJs .paymentMethod label { margin-left: 0.25rem; } .mailManagement .actionWrapper .action .displayMailManagement, .mailManagement input[type="button"]{ width: auto; } .mailManagement #template{ width: 100%; } .mailManagement .mailDataWrapper input[type="text"], .mailManagement .mailDataWrapper textarea{ padding: 2px 8px; } .mailManagement .fileWrapper{ display:block; overflow:hidden; padding-left: 100px } .mailManagement .fileWrapper .linkWrapper{ padding-top:10px; padding-right: 2rem; word-break: break-all; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .mailManagement .fileWrapper input[type="checkbox"]{ float:right; margin-bottom: 0; } .mailManagement .buttonWrapper{ padding-left: 120px; } .CustomUserProfileProperty.property .mailManagement .buttonWrapper input[type="button"]{ width: 220px; } .CustomUserProfileProperty.property .userDocument label{ margin-left: 0.5rem; text-align: left; } .CustomUserProfileProperty.property .userDocument label + div{ margin-left: 0.5rem; } .CustomUserProfileProperty.property .fileUploadWrapper { padding-bottom: 0.8rem; display: inline-block; } .CustomUserProfileProperty.property .wrapperLeft { display: inline-block; } .CustomUserProfileProperty.property .customerGroupWrapper { margin-left: 5rem; } .CustomUserProfileProperty.property .customerGroupTitle{ font-size: 0.9rem !important; } .CustomUserProfileProperty.property .clientSinceWrapper { float: right; } .CustomUserProfileProperty.property .borderLeftWrapper { border-left: 1px solid var(--color_cGreyBorder); box-sizing: border-box; margin-bottom: 1rem; padding-left: 0.5rem; } .CustomUserProfileProperty.property .borderLeftWrapper input[type="text"]{ width: 13.5rem !important; } .CustomUserProfileProperty.property .borderLeftWrapper select{ width: 14.6rem !important; } .CustomUserProfileProperty.property .borderLeftWrapper textarea{ width: 14rem !important; } .CustomUserProfileProperty.property .channelTitle { width: 100% !important; } .CustomUserProfileProperty.property .roleSsc { width: 50%; } .CustomUserProfileProperty.property .aboutPerson { width: 100%; } .CustomUserProfileProperty.property .restrictionInfoIcon::before { content: "\f05a"; font-family: "Font Awesome 5 Free"; font-weight: 900; padding-right: 0.25rem; color: var(--color_bcBlueTrans); } .CustomUserProfileProperty.property .selectAccountType { width: 6rem; display: flex; } .CustomUserProfileProperty.property[data-account-type=business] .b2cWrapper { display: none; } .CustomUserProfileProperty.property[data-account-type=user] .b2bWrapper { display: none; } .CustomUserProfileProperty.property .debtorNumberWrapper input[data-debtor-input-hidden="true"] { display: none; } .CustomUserProfileProperty.property .debtorNumberWrapper input[data-debtor-button-hidden] { width: 238px; } .CustomUserProfileProperty.property .debtorNumberWrapper input[data-debtor-button-hidden="true"] { display: none; } .CustomUserProfileProperty.property .discountBlendInButtonIcon, .CustomUserProfileProperty.property .discountBlendOutButtonIcon, .CustomUserProfileProperty.property .paymentTermsBlendInButtonIcon, .CustomUserProfileProperty.property .paymentTermsBlendOutButtonIcon { float: right; font-size: 1.25rem; } .CustomUserProfileProperty.property .discountBlendInButton:hover, .CustomUserProfileProperty.property .discountBlendOutButton:hover, .CustomUserProfileProperty.property .paymentTermsBlendInButton:hover, .CustomUserProfileProperty.property .paymentTermsBlendOutButton:hover { cursor: pointer; } .CustomUserProfileProperty.property .discountUserWrapper, .CustomUserProfileProperty.property .paymentTermsWrapper { overflow: hidden; } .CustomUserProfileProperty.property .userDiscountInfoWrapper, .CustomUserProfileProperty.property .paymentTermsInfoWrapper { margin-bottom: 0.5rem; font-size: 0.75rem; } .CustomUserProfile.projectRequests{ background-color: var(--color_cWhite); padding: 3.75rem; box-sizing: border-box; overflow:hidden; margin: 0rem 0.5rem 2.5rem; } .CustomUserProfile.projectRequests .bufferList{ width: 100%; font-size: 1rem; line-height: 1.5rem; } .CustomUserProfile.projectRequests .bufferList .bufferForm{ margin-top: 0.5rem; overflow: hidden; } .CustomUserProfile.projectRequests .bufferList .bufferName{ display: inline-block; } .CustomUserProfile.projectRequests .bufferList .bufferBtns{ float:right; } .CustomUserProfile.projectRequests .bufferList .bufferBtns .btn { margin: 0.25rem; display: inline-block; } .CustomUserProfile.projectRequests .bufferList .bufferBtns .bufferClose, .CustomUserProfile.projectRequests .bufferList .bufferBtns.open .bufferEdit{ display: none; } .CustomUserProfile.projectRequests .bufferList .bufferBtns.open .bufferClose{ display: inline-block; } .CustomUserProfile.projectRequests .bufferFormHtml{ border-top: 1px solid var(--color_cBlack); margin-top: 2rem; display: none; } .CustomUserProfile.projectRequests .bufferFormHtml.open{ display: block; } .BasicSpacerContentLoader .CustomUserProfile.register .formTitle, .BasicSpacerContentLoader .CustomUserProfile.register h1 { margin: 0; } .BasicForm.ProjectForm.userProfileRegisterForm { box-sizing: initial; padding: 0; } .BasicForm.ProjectForm.userProfileRegisterForm .wrapperForm { background-color: transparent; padding: 0; } .CustomUserProfile.CustomerGroup form { background-color: var(--color_cWhite); margin: 0 0.5rem 2.5rem; padding: 2.5rem 2.5rem 1.875rem; overflow: hidden; } @media screen and (max-width: 1440px) { .CustomUserProfile.CustomerGroup form { padding: 1.25rem 0.625rem 0.625rem; } } .CustomUserProfile.CustomerGroup .info { padding: 0 0.625rem 1rem; } .CustomUserProfile.CustomerGroup .buttonWrapper { padding: 0 0.625rem 1.25rem; float: left; box-sizing: border-box; min-width: 16rem; } @media screen and (min-width: 833px) and (max-width: 948px) { .CustomUserProfile.CustomerGroup .buttonWrapper { width: 100% !important; } } @media screen and (max-width: 832px) { .CustomUserProfile.CustomerGroup .buttonWrapper { width: 50% !important; } } @media screen and (max-width: 580px) { .CustomUserProfile.CustomerGroup .buttonWrapper { width: 100% !important; } } .CustomUserProfile.CustomerGroup button { width: 100%; text-transform: none; } .CustomUserProfile.CustomerGroup button:not(.important) { background-color: var(--color_cWhite); } .CustomUserProfile.CustomerGroup button:not(.important):active, .CustomUserProfile.CustomerGroup button:not(.important):focus { background-color:var(--color_cBlue); } .SetDownload[data-restricted] .caption { padding-left:1.375rem; position:relative; } .SetDownload[data-restricted] .caption::before { content:"🔒"; font-family:"SSGizmo"; position:absolute; left:0; top:-1px; } .csfullnright .ListDownloadList.pageElt .SetDownload, .csfullnright .DownloadListOverview .SetDownload { color: var(--color_cBlack); background-color: var(--color_cWhite); display: block; overflow: hidden; margin-bottom: 1px; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; line-height:1.5em; } .csfullnright .ListDownloadList.pageElt .SetDownload a, .csfullnright .DownloadListOverview .SetDownload a { padding: 0.5rem; color: var(--color_cBlack); display: block; overflow:hidden; } .csfullnright .ListDownloadList.pageElt .SetDownload .icon, .csfullnright .DownloadListOverview .SetDownload .icon { display: block; border-radius: 100%; background-color: var(--color_cBlack); color: var(--color_cWhite); font-size: 0.8125rem; text-align: center; line-height: 1.8125rem; height: 1.625rem; width: 1.625rem; text-align: center; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; } .csfullnright .ListDownloadList.pageElt .SetDownload .iconWrapper, .csfullnright .DownloadListOverview .SetDownload .iconWrapper { float: left; } .csfullnright .ListDownloadList.pageElt .SetDownload .textWrapper, .csfullnright .DownloadListOverview .SetDownload .textWrapper { margin: 0.125rem 2.625rem; } .csfullnright .ListDownloadList.pageElt .SetDownload .textWrapper .caption, .csfullnright .DownloadListOverview .SetDownload .textWrapper .caption { font-size: 0.9375rem; font-family: EuclidFlex-Bold; padding-right: 0.75rem; line-height: 1.5em; } .csfullnright .ListDownloadList.pageElt .SetDownload .textWrapper .description, .csfullnright .DownloadListOverview .SetDownload .textWrapper .description { line-height: 1.5em; padding-right:0.75rem; } .csfullnright .ListDownloadList.pageElt .SetDownload .textWrapper .metadatas, .csfullnright .DownloadListOverview .SetDownload .textWrapper .metadatas { display:inline; color:var(--color_cTextPassive); } .csfullnright .ListDownloadList.pageElt .SetDownload .textWrapper .BasicText, .csfullnright .DownloadListOverview .SetDownload .textWrapper .BasicText { display: inline; } /***{* ********* Focus/Active ********** *}***/ .csfullnright .ListDownloadList.pageElt .SetDownload .BasicDownload a:focus, .csfullnright .ListDownloadList.pageElt .SetDownload .BasicDownload a:active, .csfullnright .DownloadListOverview .SetDownload .BasicDownload a:focus, .csfullnright .DownloadListOverview .SetDownload .BasicDownload a:active { color: var(--color_cWhite); background-color: var(--color_cBlack); } .csfullnright .ListDownloadList.pageElt .SetDownload .BasicDownload a:focus .icon, .csfullnright .ListDownloadList.pageElt .SetDownload .BasicDownload a:active .icon, .csfullnright .DownloadListOverview .SetDownload .BasicDownload a:focus .icon, .csfullnright .DownloadListOverview .SetDownload .BasicDownload a:active .icon { color: var(--color_cBlack); background-color: var(--color_cWhite); } .infoBlock .SetDownload a:not(.editButton):active, .infoBlock .SetDownload a:not(.editButton):focus, .csleft .SetDownload a:not(.editButton):active, .csleft .SetDownload a:not(.editButton):focus { color:var(--color_cBlack); text-decoration: underline; } /***{* ********* Responsive ********** *}***/ @media screen and (max-width:544px) { .csfullnright .ListDownloadList.pageElt .SetDownload .textWrapper, .csfullnright .DownloadListOverview .SetDownload .textWrapper { margin-right: 0; margin-left: 2.5rem; } .csfullnright .ListDownloadList.pageElt .SetDownload .textWrapper, .csfullnright .DownloadListOverview .SetDownload .textWrapper { margin: 0.25rem 0 0.25rem 2.5rem; font-size: 0.75rem; } .csfullnright .ListDownloadList.pageElt .SetDownload .textWrapper .caption, .csfullnright .DownloadListOverview .SetDownload .textWrapper .caption { font-size: 0.75rem; } .csfullnright .ListDownloadList.pageElt .SetDownload[data-restricted] .textWrapper .caption, .csfullnright .DownloadListOverview .SetDownload[data-restricted] .textWrapper .caption { padding-left:1.125rem; } } .infoBlock .SetDownload a, .csleft .SetDownload a { color:var(--color_cBlueDark); position:relative; line-height:1.5em; } .infoBlock .SetDownload .description, .csleft .SetDownload .description { display:none; } .infoBlock .SetDownload .iconWrapper, .csleft .SetDownload .iconWrapper { float:left; } .infoBlock .SetDownload .textWrapper, .csleft .SetDownload .textWrapper { margin: 0 0 0 1.5rem; } .infoBlock .SetDownload[data-restricted] .textWrapper .caption, .csleft .SetDownload[data-restricted] .textWrapper .caption { display:inline-block; padding-left:1.25rem; } .infoBlock .SetDownload[data-restricted] .caption::before, .csleft .SetDownload[data-restricted] .caption::before { top:-2px; } .infoBlock .SetDownload .textWrapper .BasicText, .csleft .SetDownload .textWrapper .BasicText { line-height:1rem; } .infoBlock .SetDownload .textWrapper .metadatas, .csleft .SetDownload .textWrapper .metadatas { display:none; } .csfullnright .ListDownloadList.pageElt a:active, .csfullnright .DownloadListOverview .BasicDownload a:active, .csfullnright .SetDownload .BasicDownload a:focus, .csfullnright .DownloadListOverview .SetDownload .BasicDownload a:focus { color: var(--color_cWhite); background-color: var(--color_cBlack); } .csfullnright .ListDownloadList.pageElt .SetDownload .BasicDownload a:active .icon, .csfullnright .DownloadListOverview .SetDownload .BasicDownload a:active .icon, .csfullnright .ListDownloadList.pageElt .SetDownload .BasicDownload a:focus .icon, .csfullnright .DownloadListOverview .SetDownload .BasicDownload a:focus .icon { color: var(--color_cBlack); background-color: var(--color_cWhite); } .infoBlock .SetDownload a:not(.editButton):active, .csleft .SetDownload a:not(.editButton):active, .infoBlock .SetDownload a:not(.editButton):focus, .csleft .SetDownload a:not(.editButton):focus { color:var(--color_cBlack); } .SetSeparator { font-family: EuclidFlex-Bold; color: var(--color_cWhite); margin: 0 0.5rem 2.5rem; overflow: hidden; font-size: 1.25rem; } .SetSeparator.center { text-align: center; } .SetSeparator.center:before, .SetSeparator:after { background-color: var(--color_cWhite); content: ""; display: inline-block; height: 1px; vertical-align: middle; width: 50%; } .SetSeparator.left:after { width: 100%; } .SetSeparator.center:before { margin-left: -50%; } .SetSeparator.center:after { margin-right: -50%; } .SetSeparator.left:after { margin-right: -100%; } .SetSeparator .title { display: inline-block; vertical-align: middle; padding: 0 0.5rem; box-sizing: border-box; } .SetSeparator.left .title { padding-left: 0; } @media screen and (max-width:544px) { .SetSeparator { margin-left: 0; margin-right: 0; } .SetSeparator.left .title { max-width: 80%; } .SetSeparator.left .title { padding-left: 0.5rem; } } .SetTeaserProperty.property #linkLanguageTabs { width: 100%; } .SetTeaserProperty.property textarea { height: 3rem; resize: vertical; } .SetArticle.detail { padding:0 0.5rem 3rem; overflow:hidden; } .SetArticle.detail .leftColumn { float:left; width:18.5rem; } .SetArticle.detail .mobileWrapper { display:none; overflow:hidden; } .SetArticle.detail .desktopWrapper { display: block; } .SetArticle.detail .SetMenu { margin: 0 0 1.25rem; } .SetArticle.detail .menuWrapper { box-sizing:border-box; } .SetArticle.detail .infoBlock { box-sizing:border-box; } .SetArticle.detail .infoBlock > .wrapper { background-color:var(--color_cWhite); padding:1.25rem; margin-bottom:1.25rem; box-sizing:border-box; margin-left:0; margin-right:0; } .SetArticle.detail .infoBlock .title, .SetArticle.detail .infoBlock .CustomTag.Cloud .caption { font-family:EuclidFlex-Bold; font-size:1rem; margin-bottom:1rem; text-transform:uppercase; letter-spacing:1px; } .SetArticle.detail .infoBlock .SetText .title { display:block; } .SetArticle.detail .ListDownloadList .BasicText.title { display:none; } .SetArticle.detail .ListLinkList, .SetArticle.detail .ListDownloadList { margin-bottom:1rem; } .SetArticle.detail .rightColumn { margin-left:19.75rem; overflow:hidden; } .SetArticle.detail .articleContent { background-color:var(--color_cWhite); margin-bottom:1.25rem; padding:1.25rem 1.25rem 2.5rem; overflow: hidden; } .SetArticle.detail .articleContent .nbBlock { display:inline-block; width:100%; } .SetArticle.detail .articleContent .khmFlag { display:inline-block; background-color:var(--color_cBlack); color:var(--color_cWhite); padding:0.25rem 0.5rem; margin-bottom:0.5rem; } .SetArticle.detail .articleContent h1 { margin-bottom:1.5rem; } .SetArticle.detail .articleContent .imageWrapper { overflow:hidden; margin-bottom:1rem; position:relative; } .SetArticle.detail .articleContent .imageWrapper .BasicGraphic::before { content:none; } .SetArticle.detail .articleContent .graphicRepeat { display:none; } .SetArticle.detail .articleContent .imageWrapper > .graphicWrapper { position:relative; float:left; max-width:100%; z-index:100; } .SetArticle.detail .articleContent .imageWrapper img { max-height:28rem; } .SetArticle.detail .articleContent .videoWrapper .SetVideo .wrapper { margin: 0; } .SetArticle.detail .articleContent .author { font-size: 13px; margin-bottom: 2rem; } .SetArticle.detail .articleContent .graphicText { font-family: EuclidFlex-Bold; font-size: 1rem; line-height: 1.5em; margin: 0 0 1rem 0; } .SetArticle.detail .articleContent .graphicCopyright { background-color: var(--color_bcBlack50); bottom: 0; color: var(--color_cWhite); font-size: 0.75rem; padding: 0.5rem; position: absolute; right: 0; z-index: 10; } .SetArticle.detail.person .CustomEvent.teaserList, .SetArticle.detail .articleContent { font-size:1rem; line-height:1.5em; } .SetArticle.detail.person .wrapper.eventTeaserList{ margin-bottom: 2rem; } .SetArticle.detail.person .CustomEvent.teaserList{ margin-left: -0.5rem; margin-right: -0.5rem; } .SetArticle.detail.person .wrapper.eventTeaserList .linkWrapper{ display: block; text-align: center; } .SetArticle.detail.person .wrapper.eventTeaserList .linkWrapper a{ margin-right: 0.5rem; } .SetArticle.detail.person .wrapper.eventTeaserList .linkWrapper i{ font-size: 0.6rem; line-height: 1.3em; vertical-align: middle; } .SetArticle.detail.person .wrapper.eventTeaserList .linkWrapper i, .SetArticle.detail.person .wrapper.eventTeaserList .linkWrapper a{ color: var(--color_cWhite); display: inline-block; } .SetArticle.detail.person .SetSeparator{ margin-left: 0; margin-right: 0; } .SetArticle.detail .articleContent .subtitle, .SetArticle.detail .articleContent .additionalContent, .SetArticle.detail .articleContent .content { margin-bottom:1.5rem; } .SetArticle.detail .ListVideoList, .SetArticle.detail .ListAudioList { margin: 0 0 1.5rem; } .SetArticle.detail .galleryWrapper { margin-bottom:1.25rem; } .SetArticle.detail .ListImageGallery.square { padding:0; } .SetArticle.detail .formularWrapper { background-color:var(--color_cWhite); padding:1.25rem 0.75rem 2.5rem; margin-bottom: 1.25rem; } .SetArticle.detail .formularWrapper .BasicForm .formTitle, .SetArticle.detail .formularWrapper .BasicForm h1 { margin:0 0.5rem 1rem; } .SetArticle.detail .formularWrapper .BasicForm .formSubmitMessage { padding-top:0; color:var(--color_cText); } .SetArticle.detail .formularWrapper .BasicForm #submitMessage { padding-bottom:0.5rem; } .SetArticle.detail .detailNav { margin: 0 0.25rem; } .SetArticle.detail .detailNav .previous, .SetArticle.detail .detailNav .next, .SetArticle.detail .detailNav .goToOverview{ width: 33.33%; display: inline-block; vertical-align: top; } .SetArticle.detail .detailNav a { } .SetArticle.detail .detailNav .navElt { background-color:var(--color_cWhite); margin: 0 0.5rem; padding:0.5rem; color:var(--color_cBlack); overflow:hidden; border-radius:3px; visibility: hidden; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .SetArticle.detail .detailNav .goToOverview .navElt { text-align: center; } .SetArticle.detail .detailNav a .navElt { visibility: visible; } .SetArticle.detail .detailNav a:focus .navElt, .SetArticle.detail .detailNav a:active .navElt { background-color:var(--color_cBlack); color:var(--color_cWhite); } .SetArticle.detail .detailNav .navElt > :first-child { float:left; } .SetArticle.detail .detailNav .navElt > :last-child { float:right; } .SetArticle.detail .detailNav .goToOverview .navElt span { float: none; clear: both; } .SetArticle.detail .detailNav span { line-height:1.5rem; } .SetArticle.detail .detailNav .navIcon { font-size:1.25rem; height:1.25rem; margin-top:0.125rem; } .SetArticle.detail .detailNav .navText { font-size:0.875rem; } @media screen and (min-width:1441px) { .SetArticle.detail.person .CustomEvent.teaserList{ font-size:1.0625rem; line-height:1.5em; } .SetArticle.detail .articleContent { padding:3.75rem 3.75rem 2.5rem; font-size:1.0625rem; line-height:1.5em; -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; -webkit-column-gap: 3rem; /* Chrome, Safari, Opera */ -moz-column-gap: 3rem; /* Firefox */ column-gap: 3rem; } .SetArticle.detail .formularWrapper { padding: 3.75rem 3.25rem 2.5rem; } .SetArticle.detail .articleContent .imageWrapper .graphicText { padding:2rem; } .SetArticle.detail .ListVideoList.Widget .SetVideo:nth-child(5n+1), .SetArticle.detail .ListAudioList.Widget .SetAudio:nth-child(5n+1) { clear: none; } .SetArticle.detail .ListVideoList.Widget .SetVideo:nth-child(4n+1), .SetArticle.detail .ListAudioList.Widget .SetAudio:nth-child(4n+1) { clear: both; } } @media screen and (min-width:1025px) and (max-width:1440px) { .SetArticle.detail .ListVideoList.Widget .SetVideo:nth-child(4n+1), .SetArticle.detail .ListAudioList.Widget .SetAudio:nth-child(4n+1) { clear: none; } .SetArticle.detail .ListVideoList.Widget .SetVideo:nth-child(3n+1), .SetArticle.detail .ListAudioList.Widget .SetAudio:nth-child(3n+1) { clear: both; } } @media screen and (min-width:833px) and (max-width:1024px) { .SetArticle.detail .ListVideoList.Widget .SetVideo:nth-child(3n+1), .SetArticle.detail .ListAudioList.Widget .SetAudio:nth-child(3n+1) { clear: none; } .SetArticle.detail .ListVideoList.Widget .SetVideo:nth-child(2n+1), .SetArticle.detail .ListAudioList.Widget .SetAudio:nth-child(2n+1) { clear: both; } } @media screen and (max-width:832px) { .SetArticle.detail .leftColumn { display:none; } .SetArticle.detail .desktopWrapper { display: none; } .SetArticle.detail .mobileWrapper { display:block; } .SetArticle.detail .rightColumn { margin-left:0; } .SetArticle.detail.person .SetSeparator{ margin-left: 0.5rem; margin-right: 0.5rem; } } @media screen and (min-width:545px) and (max-width:832px) { .SetArticle.detail { padding-left:0; padding-right:0; } .SetArticle.detail .infoBlock, .SetArticle.detail .menuWrapper { padding-left:0.5rem; padding-right:0.5rem; } .SetArticle.detail.person .CustomEvent.teaserList{ margin-left: 0; margin-right: 0; } .SetArticle.detail .articleContent, .SetArticle.detail .galleryWrapper, .SetArticle.detail .ListVideoList, .SetArticle.detail .ListAudioList, .SetArticle.detail .formularWrapper { margin-left:0.5rem; margin-right:0.5rem; } .SetArticle.detail .infoBlock, .SetArticle.detail .menuWrapper { float:left; width:50%; } .SetArticle.detail .mobileWrapper > *:nth-child(2n+1), .SetArticle.detail .mobileWrapper .ListTextList:nth-child(2n) .infoBlock:nth-child(2n), .SetArticle.detail .mobileWrapper .ListTextList:nth-child(2n+1) .infoBlock:nth-child(2n+1) { clear:both; } } @media screen and (max-width:544px) { .SetArticle.detail { padding-left:0; padding-right:0; } .SetArticle.detail .articleContent .imageWrapper { height:auto } .SetArticle.detail .articleContent .imageWrapper > .graphicWrapper { margin:0; } .SetArticle.detail .articleContent .imageWrapper .BasicGraphic img { height:auto; max-width:100%; } .SetArticle.detail .articleContent .imageWrapper .graphicText { padding:1rem; } .SetArticle.detail .mobileWrapper .menuWrapper { display:none; } .SetArticle.detail .infoBlock { padding: 0 0.75rem; } .SetArticle.detail.person .CustomEvent.teaserList .teaser{ margin-left: 0; margin-right: 0; flex-basis: 100%; } .SetArticle.detail.person .CustomEvent.teaserList .teaser:not(.withLink){ padding-left: 1.25rem; padding-right: 1.25rem; } .SetArticle.detail.person .CustomEvent.teaserList .teaser a{ padding-left: 1.25rem; padding-right: 1.25rem; } } .SetAudio { color: var(--color_cWhite); } .SetAudio.teaser > .wrapper { cursor: pointer; } .SetAudio .audioIcon { position: absolute; left: 1.25rem; bottom: 1rem; height: 2.5rem; background-color: var(--color_bcBlack50); background-image: url('/Ressource/Graphic/play.svg'); background-repeat: no-repeat; background-position: center; width: 3.75rem; border-radius: 3px; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; } .SetAudio:active .audioIcon, .SetAudio:focus .audioIcon { background-color: var(--color_cBlueLight); } .SetAudio .wrapper { margin: 0 0.625rem; background-color: var(--color_cBlack); } .SetAudio .wrapper > .graphicWrapper { position: relative; cursor: pointer; height: 0; padding: 0 0 56.25%; background-repeat: no-repeat; background-position: center; background-size: cover; } .SetAudio .BasicGraphic { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .SetAudio .teaserTextWrapper { font-size: 0.75rem; padding: 0.625rem; white-space: nowrap; text-overflow: ellipsis; height: 1.25rem; line-height: 1.25rem; overflow: hidden; } .SetAudio .title { font-family: EuclidFlex-Bold; font-size: 1rem; padding: 0.625rem; white-space: nowrap; text-overflow: ellipsis; height: 1.25rem; line-height: 1.25rem; overflow: hidden; } .SetAudio .description { margin-bottom: 1rem; font-size: 0.75rem; } .SetAudio.teaser.player.edge-browser audio { background-color: #f5f5f2; } .SetAudio:active .audioIcon, .SetAudio:focus .audioIcon { background-color: var(--color_cBlueLight); } .lightbox.SetAudio td { text-align: center; vertical-align: middle; } .lightbox .BasicAudio { display: block; margin: 0 auto; } .lightbox .BasicAudio audio { width: 100%; } .SetAudio.lightbox .absbottom { overflow: visible; } @media screen and (max-height: 1080px) { .lightbox .BasicAudio { max-width: 1280px; } } @media screen and (max-height: 720px) { .lightbox .BasicAudio { max-width: 1024px; } } @media screen and (max-height: 575px) { .lightbox .BasicAudio { max-width: 853px; } } @media screen and (max-height: 479px) { .lightbox .BasicAudio { max-width: 568px; } } @media screen and (max-height: 319px) { .lightbox .BasicAudio { max-width: 480px; } } @media screen and (max-height: 269px) { .lightbox .BasicAudio { max-width: 320px; } } .SetAudio.lightbox { background-color: var(--color_cBlack); } .SetAudio.lightbox .title { height: auto; font-family:EuclidFlex-Bold; font-size: 1rem !important; margin: 0 !important; line-height: 1.25rem !important; } .SetAudio.lightbox .BasicText { position: relative; overflow:hidden; padding:0; margin:0; font-size:0.8125rem; line-height:1.5em; } .SetAudio.lightbox .close span { color: var(--color_cWhite); text-shadow: 1px 1px 0 var(--color_cBlack); } .SetAudio.lightbox .abswrapper { overflow: visible; } .SetAudio.player .wrapper > .graphicWrapper { padding-bottom: 3rem; } .SetAudio.liveStream { margin-bottom: 2.5rem; } .SetAudio.liveStream { margin-bottom: 1.5rem; } .SetAudio.liveStream .wrapper > .graphicWrapper { padding-bottom: 3rem; } .SetAudio.liveStream .teaserTextWrapper { height: auto; } .SetImage { position: relative; } .SetImage a { display: inline; } .ListImageGallery.extendedSlideshow .imageFlipping .flipper { width: 100%; padding-bottom: 100%; cursor: pointer; } .ListImageGallery.extendedSlideshow .imageFlipping, .ListImageGallery.extendedSlideshow .imageFlipping * { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); height: initial; } .ListImageGallery.extendedSlideshow .imageFlipping .flipper .side { border-radius: 100%; box-sizing: border-box; background-color: var(--color_cBlack); overflow: hidden; text-align: center; padding: 8%; } .ListImageGallery.extendedSlideshow .imageFlipping .flipper .BasicText { position: relative; bottom: 0; display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; } .ListImageGallery.extendedSlideshow .imageFlipping .flipper .front { font-family: EuclidFlexXL-Bold; color: var(--color_cWhite); } .ListImageGallery.extendedSlideshow.Flipping .SetImage .title { font-size: 2.5rem; } @media screen and (max-width:1024px) { .ListImageGallery.extendedSlideshow.Flipping .SetImage .title { font-size: 2rem; overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } } .ListImageGallery.extendedSlideshow .imageFlipping .flipper .back { font-size: 1.3125rem; font-family: EuclidFlexXL-Bold; background-color: var(--color_cWhite); color: var(--color_cBlack); } .ListImageGallery.extendedSlideshow.Flipping .SetImage .description { font-size: 1.3125rem; max-height: 100%; max-width: 100%; } .ListImageGallery.extendedSlideshow .imageFlipping .flipper .back .BasicText { color: var(--color_cBlack)!important; } .ListImageGallery.extendedSlideshow .SetImage.imageFlipping .linkWrapper { position: relative; bottom: 4rem; } .ListImageGallery.extendedSlideshow .imageFlipping .flipper .back a { color: var(--color_cBlueDark); font-size: 1rem; border: solid 1px var(--color_cBlueDark); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 0.75rem; } .ListImageGallery.extendedSlideshow .imageFlipping .flipper .graphicWrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ListImageGallery.extendedSlideshow .imageFlipping .flipper .graphic { display: inline-block; overflow: hidden; border-radius: 100%; height: 100%; width: 100%; } .ListImageGallery.extendedSlideshow .imageFlipping .flipper img { max-height: inherit; } .ListImageGallery.extendedSlideshow .imageFlipping .flipper .back a:active, .ListImageGallery.extendedSlideshow .imageFlipping .flipper .back a:focus { border-color:var(--color_cBlueDark); background-color:var(--color_cBlueDark); color: var(--color_cWhite); } .personTeaser > .SetImage .BasicGraphic::before { content:none; } .personTeaser > .SetImage .BasicText { position:static; } .SetImage.person a:active .imageWrapper, .SetImage.person a:focus .imageWrapper { border-color:var(--color_cBlueDark); } .SetImage.linkTeaser{ width:50%; box-sizing:border-box; padding:0.125rem; } .SetImage.linkTeaser a{ cursor:pointer; } .columns_3 .SetImage.linkTeaser{ width: 33.3333333%; } .columns_4 .SetImage.linkTeaser{ width: 25%; } .columns_5 .SetImage.linkTeaser{ width: 20%; } .SetImage.linkTeaser .backgroundWrapper{ position:relative; padding-bottom:56%; } .SetImage.linkTeaser .BasicGraphic, .SetImage.linkTeaser .absoluteWrapper, .SetImage.linkTeaser .title { position:absolute; top:0; left:0; right:0; bottom:0; } .linkTeaser a:active .absoluteWrapper, .linkTeaser a:focus .absoluteWrapper { background-color: var(--color_cWhite)!important; } .SetImage.linkTeaser .BasicText{ position:static; } .SetImage.linkTeaser .absoluteWrapper{ opacity: 0.5; background-color: var(--color_cBlack); } .SetImage.linkTeaser.withGraphic .absoluteWrapper{ opacity: 0.2; } .SetImage.linkTeaser .title{ font-size: 1.25rem; font-family: EuclidFlex-Bold; color: var(--color_cWhite); letter-spacing:1px; } .SetImage.linkTeaser .titleWrapper{ width:100%; height:100%; } .SetImage.linkTeaser .title .title{ text-align:center; width:100%; display:inline-block!important; vertical-align:middle; -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .SetImage.linkTeaser .descriptionWrapper{ width:100%; box-sizing:border-box; height:6.9375rem; background-color:var(--color_cWhite); padding:1rem; color:var(--color_cBlack); } .SetImage.linkTeaser .descriptionWrapper .BasicText{ font-size: 0.8125rem; font-family: EuclidFlex-Regular; height:5rem; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; } @media screen and (max-width: 1334px) and (min-width:1235px){ .csright .columns_5 .SetImage.linkTeaser{ width: 25%; } } @media screen and (max-width: 1234px) and (min-width:1025px){ .csright .columns_4 .SetImage.linkTeaser, .csright .columns_5 .SetImage.linkTeaser{ width: 33.33333333%; } } @media screen and (max-width: 1024px) and (min-width:833px){ .csright .columns_4 .SetImage.linkTeaser, .csright .columns_5 .SetImage.linkTeaser, .csright .columns_3 .SetImage.linkTeaser{ width: 50%; } .columns_5 .SetImage.linkTeaser{ width:33%; } } @media screen and (max-width: 832px){ .columns_3 .SetImage.linkTeaser, .columns_4 .SetImage.linkTeaser, .columns_5 .SetImage.linkTeaser { width: 50%; } } @media screen and (max-width: 544px){ .columns_3 .SetImage.linkTeaser, .columns_5 .SetImage.linkTeaser, .columns_4 .SetImage.linkTeaser { width: 100%; } } .csleft .LinkTeaser .SetImage.linkTeaser { width: 100%; } @media screen and (max-width: 832px){ .csleft .LinkTeaser .SetImage.linkTeaser { width: 50%; } } .linkTeaser a:active .absoluteWrapper, .linkTeaser a:focus .absoluteWrapper{ background-color: var(--color_cWhite)!important; } .SetImage.simple, .SetImage.simple * { width: 100%; } .SetImage.simple .description { font-size: 0.625rem; line-height: 1.5em; font-family: EuclidFlex-MediumItalic; text-align: right; } .SetLink.popup .popupWrapper { padding: 0 0.5rem; max-width: 100%; box-sizing: border-box; left: 0; position: fixed; right: 0; z-index: 299; text-align: center; } #wysiwyg .SetLink.popup .popupWrapper { bottom: 100px; } #wysiwyg.edit .SetLink.popup .popupWrapper { position: relative; bottom: auto; } .SetLink.popup a { display: inline-block; position: relative; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -ms-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease; background-color: var(--color_cBlueLight); border-radius: 2rem; box-shadow: 10px 20px 20px -10px black; color: var(--color_cText); font-size: 1.5rem; font-weight: bold; } .SetLink.popup a:active .icon, .SetLink.popup a:focus .icon { right: 7px; } .SetLink.popup .text { padding: 20px 60px 20px 2rem; } .SetLink.popup .icon { font-size: 2.5rem; right: 10px; position: absolute; top: 50%; margin-top: -21px; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -ms-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .SetLink.popup a:active .icon, .SetLink.popup a:focus .icon { right: 7px; } @media screen and (max-width:768px) { .SetLink.popup a{ font-size: 1.25rem; line-height: 1.3em; } .SetLink.popup .icon { margin-top: -12px; } } @media screen and (max-width:544px) { .SetLink.popup a{ font-size: 1rem; line-height: 1.3em; } .SetLink.popup .text { padding: 10px 30px 10px 1rem; } .SetLink.popup .icon { font-size: 1.5rem; margin-top: -8px; } } .SetLink.copyrightLink a, a.copyrightLink{ position: relative; padding-left: 1.25rem; } .SetLink.copyrightLink a::before, a.copyrightLink::before{ content: '🔗'; position: absolute; left: 0.25rem; bottom: 0; line-height: 1.3em; font-family: "SSGizmo"; font-style: normal; font-weight: normal; text-decoration: none; text-rendering: optimizeLegibility; white-space: nowrap; -webkit-font-feature-settings: "liga"; -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; } .SetLink.copyrightLink a[target="_blank"]::before, a.copyrightLink[target="_blank"]::before { content: '⬈'; } a.copyrightLink:active, a.copyrightLink:focus { color: var(--color_cText); text-decoration: underline; } .SetMenu.contentMenu { background-color: var(--color_cBlueLight); padding: 1.25rem 1.25rem 3rem; box-sizing: border-box; margin: 0 0.5rem 2.5rem; } .csleft .SetMenu.contentMenu { margin-bottom:1.5rem; } .SetMenu.contentMenu .title { font-family: EuclidFlex-Bold; font-size: 1rem; margin: 0 0 1rem; letter-spacing: 1px; text-transform: uppercase; } .SetMenu.contentMenu li a{ border-bottom: 1px solid var(--color_cBlack); } .SetMenu.contentMenu li.selected a, .SetMenu.contentMenu li a.selected { border-bottom-color:var(--color_cBlueDark); } .SetMenu.contentMenu a { color: var(--color_cText); display: block; line-height: 1.5rem; padding: 0 0.375rem; } .SetMenu.contentMenu li:last-child a { border-bottom: 1px solid var(--color_cBlack); } .SetMenu.contentMenu a:active, .SetMenu.contentMenu a:focus, .SetMenu.contentMenu a.selected { color: var(--color_cWhite); background-color: var(--color_cBlack); } .SetMenu.contentMenu .child { margin-left: 1rem; } .SetText.accordion { width: auto; text-align: left; background: unset; padding: 0; } .SetText.accordion .accordionTrigger .title { font-family: EuclidFlex-Bold; margin: 0; } .SetText.accordion .accordionTrigger { padding: 1.25rem 2.5rem 1.25rem 1.25rem; position: relative; background-color: var(--color_cWhite); border-top: 1px solid var(--color_cBlack); color: var(--color_cBlack); transition: .3s; cursor: pointer; width: 100%; text-align: left; border-right: none; border-bottom: none; border-left: none; } .SetText.accordion button.accordionTrigger:hover, .SetText.accordion button.accordionTrigger:active, .SetText.accordion button.accordionTrigger:focus, .SetText.accordion button.accordionTrigger:focus-visible { border-top: 1px solid var(--color_cBlack); border-right: none; border-bottom: none; border-left: none; outline: none; } .SetText.accordion .accordionTrigger .navIcon { position: absolute; top: 1.25rem; right: 1.25rem; font-size: 1.75rem; transform: rotate(90deg); transition: all 0.3s; } .SetText.accordion .accordionContent { background-color: var(--color_cWhite); max-height: 0; visibility: hidden; /* Hide after height-transition is complete */ transition: max-height 0.8s cubic-bezier(0, 1, 0, 1) -.1s, visibility 0s 0.8s; box-sizing: border-box; overflow: hidden; box-sizing: border-box; } #wysiwyg.edit .SetText.accordion .accordionContent, .SetText.accordion.open .accordionContent { max-height: 9999px; visibility: visible; transition-timing-function: cubic-bezier(0.5, 0, 1, 0); transition-delay: 0s; } .SetText.accordion:has(+ .SetText.accordion) { margin-bottom: 0; } .SetText.accordion.open .accordionTrigger .navIcon { transform: rotate(270deg); } .SetText.accordion .accordionContent .withoutRight { padding: 1.25rem; } .SetText.accordion .accordionContent .column.left { padding-top: 1.25rem; padding-right: 1.25rem; padding-bottom: 0; padding-left: 1.25rem; } .SetText.accordion .accordionContent .column.right { padding: 0 1.25rem 1.25rem 1.25rem; } .SetText.accordion .column.right > .ListImageGallery:last-child, .SetText.accordion .column.right > .SetVideo:last-child, .SetText.accordion .column.right > .ListAudioList:last-child { margin-bottom: 0; } .SetText.accordion .column.left .description { margin-bottom: 1.5rem; } .SetText.accordion .gallery li, .SetText.accordion .gallery img { width: 100%; } .SetText.accordion .gallery li:not(:last-of-type) { padding-bottom: 1rem; } .SetText.accordion .ListImageGallery { margin-bottom: 1.5rem; } .SetText.accordion .gallery li a { margin: 0; } .SetText.accordion .ListImageGallery .copyright { font-size: 0.625rem; line-height: 1.5em; font-family: EuclidFlex-MediumItalic; text-align: right; } .csfullnright > .SetText .column, .csfullnright .pageContentElement > .SetText .column { box-sizing: border-box; } .SetText.accordion .SetImage .title, .SetText.accordion .SetImage .copyright { margin-bottom: 0; } .SetText.accordion .accordionTrigger:active, .SetText.accordion .accordionTrigger:focus { background-color: var(--color_cBlack); color: var(--color_cWhite); border-color: none; } .SetText.accordion .accordionTrigger:active .navIcon, .SetText.accordion .accordionTrigger:focus .navIcon { color: var(--color_cWhite); } .SetText.accordion .ListImageGallery a.imageGalleryProperty.panel { padding-right: 0; } @media screen and (min-width: 1441px) { .SetText.accordion .accordionTrigger { padding: 2rem 7.5rem 2rem 3.75rem; } .SetText.accordion .accordionContent .withoutRight { padding: 2rem 3.75rem; } .SetText.accordion .accordionContent .column.left { padding-top: 3.75rem; padding-bottom: 3.75rem; padding-left: 3.75rem; } .SetText.accordion .accordionContent .column.right { padding-top: 3.75rem; padding-bottom: 3.75rem; padding-right: 3.75rem; } .SetText.accordion .accordionTrigger .navIcon { top: 2rem; right: 3.75rem; } } .SetText { background-color:var(--color_cWhite); padding:1.25rem; margin:0 0.5rem 2.5rem; overflow:hidden; } .csleft .SetText { margin-bottom:1.5rem; } .SetText .BasicText { font-size: 1rem; line-height: 1.5em; } .SetText .title { margin-bottom:1.5rem; font-size: 1.75rem; line-height: 1em; } .SetText .BasicGraphic::before { content:none; } .SetText .BasicGraphic { position: relative; } .SetText .SetImage:not(.smartLightbox) .BasicGraphic::after { content: "⤢"; position: absolute; right: 0; top: 0; padding: 1rem; color: var(--color_cBlack); font-size: 1.5rem; font-family: SSGizmo; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; } .SetText .SetImage:active::after, .SetText .SetImage:focus::after { color: var(--color_cWhite); } .SetText .SetImage { position:relative; float:left; width:auto; } .SetText .SetImage['smartlightbox-type']{ cursor: pointer; } .SetText .SetImage + * { clear: both; } .SetText.pageElt .SetVideo { margin-bottom: 1.5rem; display:inline-block; width:100%; } .SetText.pageElt .SetVideo .wrapper { margin: 0; } #wysiwyg .SetText.pageElt.videoEmpty .SetVideo { display: none; } #wysiwyg.edit .SetText.pageElt.videoEmpty .SetVideo { display: block; } .SetText.pageElt .ListAudioList.player { margin: 0 0 1.5rem; } .SetText .SetImage .BasicGraphic { text-align:left; } .SetText .SetImage .BasicGraphic img { width:auto; max-height:28rem; } .SetText .SetImage { margin-bottom:1.5rem; } .SetText .SetImage .BasicText { position:static; } .SetText:not(.accordion) .SetImage .description { font-size: 1rem; line-height: 1.5em; font-family: EuclidFlex-Bold; } .SetText .SetImage .title, .SetText .SetImage .copyright { font-size:0.625rem; line-height:1.5em; font-family:EuclidFlex-MediumItalic; text-align:right; margin-bottom: 1rem; } .csfullnright > .SetText .column, .csfullnright .pageContentElement > .SetText .column { box-sizing:border-box; } .SetArticle.detail .SetText .SetImage, .SetArticle.detail .BasicText.description2, .csleft .SetText:not(.accordion) .SetImage, .csleft .SetText .BasicText.description2 { display:none; } .SetArticle.detail .SetText .column { float: none; width: auto; } .SetArticle.detail .csfullnright .SetText .column { padding-right:0; } /*******{********BlockQuote********}********/ blockquote p, blockquote h2, blockquote h3,blockquote h4,blockquote h5,blockquote h6, blockquote pre, blockquote address, blockquote div { padding-left: 3rem; } blockquote p::before, blockquote h2::before, blockquote h3::before,blockquote h4::before, blockquote h5::before,blockquote h6::before, blockquote pre::before, blockquote address::before, blockquote div::before, blockquote p::after, blockquote h2::after, blockquote h3::after,blockquote h4::after, blockquote h5::after,blockquote h6::after, blockquote pre::after, blockquote address::after, blockquote div::after { content: '"'; display: inline-block;; } /*******{********BlockQuote********}********/ @media screen and (min-width:1441px) { .csfullnright > .SetText:not(.accordion), .csfullnright .pageContentElement > .SetText:not(.accordion) { padding:3.75rem; } .csfullnright > .SetText .column, .csfullnright .pageContentElement > .SetText .column { float:left; width:50%; } .csfullnright > .SetText .column.left, .csfullnright .pageContentElement > .SetText .column.left { padding-right:1.5rem; } .csfullnright > .SetText .column.right, .csfullnright .pageContentElement > .SetText .column.right { padding-left:1.5rem; } .SetText .withoutRight { -webkit-columns: 2; -moz-columns: 2; columns: 2; -webkit-column-gap: 3.75rem; -moz-column-gap: 3.75rem; column-gap: 3.75rem; } .csleft .SetText .withoutRight { -webkit-columns: 1; -moz-columns: 1; columns: 1; } } @media screen and (max-width:1440px) { .csfullnright > .SetText .column.left, .csfullnright .pageContentElement > .SetText .column.left { margin-bottom:1.5rem; } .csfullnright > .SetText .column, .csfullnright .pageContentElement > .SetText .column { clear:both; } } .SetVideo { color: var(--color_cWhite); } .SetVideo.pageElt { margin-bottom: 2.5rem; } .SetVideo .wrapper { margin: 0 0.5rem; background-color: var(--color_cBlack); overflow:hidden; } .SetVideo .title { font-size: 0.75rem !important; margin: 0.5rem !important; white-space: nowrap; text-overflow: ellipsis; line-height: 1.25rem !important; overflow:hidden; min-height:1.25rem; } .SetVideo .description { margin-bottom: 1rem; font-size: 0.75rem; } .SetVideo .wrapper .hintInactive { position: absolute; background-color: rgba(255, 255, 255, 0.75); top: 0; left: 0; right: 0; bottom: 0; text-align: center; color: var(--color_cBlack); font-size: 1.5rem; } .SetVideo .wrapper .hintInactive:before { content: ""; display: inline-block; vertical-align: middle; height: 100%; } .SetVideo .wrapper .hintInactive .text { vertical-align: middle; display: inline-block; } #wysiwyg .SetVideo .wrapper { position: relative; } .select2-drop.videoSelect2 { max-width: 64rem; } .lightbox.SetVideo td { text-align: center; vertical-align: middle; } .lightbox .BasicVideo { display: inline-block; margin: 0 auto; } .lightbox .BasicVideo img { width: auto; max-width: 100%; max-height: 100%; } .lightbox .BasicVideo video { width: 100%; max-height: inherit; } .lightbox .BasicVideo.hoster { width: 100%; max-width: 1080px; height: auto; margin: 0 auto; } .lightbox .BasicVideo.hoster .videoWrapper { width: 100%; height: 0; padding: 0 0 56.25%; position: relative; } .lightbox .BasicVideo iframe { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } @media screen and (max-height: 1080px) { .lightbox .BasicVideo .VideoBox, .lightbox .BasicVideo.hoster { max-width: 1280px; } } @media screen and (max-height: 720px) { .lightbox .BasicVideo .VideoBox, .lightbox .BasicVideo.hoster { max-width: 1024px; } } @media screen and (max-height: 575px) { .lightbox .BasicVideo .VideoBox, .lightbox .BasicVideo.hoster { max-width: 853px; } } @media screen and (max-height: 479px) { .lightbox .BasicVideo .VideoBox, .lightbox .BasicVideo.hoster { max-width: 568px; } } @media screen and (max-height: 319px) { .lightbox .BasicVideo .VideoBox, .lightbox .BasicVideo.hoster { max-width: 480px; } } @media screen and (max-height: 269px) { .lightbox .BasicVideo .VideoBox, .lightbox .BasicVideo.hoster { max-width: 320px; } } .SetVideo.lightbox { background-color: var(--color_cBlack); } .SetVideo.lightbox .title { height: auto; font-family:EuclidFlex-Bold; font-size: 1rem !important; margin: 0 !important; } .SetVideo.lightbox .BasicText { position: relative; overflow:hidden; padding:0; margin:0; font-size:0.8125rem; line-height:1.5em; } .SetVideo.lightbox .close span { color: var(--color_cWhite); text-shadow: 1px 1px 0 var(--color_cBlack); } .SetVideo.lightbox .videoWrapper .BasicVideo, .SetVideo.lightbox .VideoBox{ max-height: inherit; } .SetVideo.lightbox .BasicVideo img{ height: auto !important; } .SetVideo.lightbox .BasicVideo.hoster .videoWrapper { overflow: hidden; } .SetVideo.lightbox .previewImageWrapper{ position: absolute; bottom:0; } /*****For the TeaserList Property-Dialogue*****/ .ListTeaserListProperty button.removeAction.editButton i { font-family: FontAwesome !important; } .ListAudioList.player .SetAudio { width: 100%; } .ListAudioList.Widget .BasicText.title { margin-bottom: 1.25rem; } .ListAudioList.Widget .BasicText.description { margin-left: 1.25rem; margin-right: 1.25rem; } .ListAudioList.Widget .BasicText a { color: var(--color_cWhite); transition: color 0.3s; } .ListAudioList.Widget .BasicText a:focus, .ListAudioList.Widget .BasicText a:active, .ListAudioList.Widget .BasicText a:hover { color: var(--color_cLink); } .ListAudioList.Widget.rss .rssWrapper { position: relative; padding: 0; margin: 1.25rem 1.25rem 0; min-height: 1rem; } .ListAudioList.Widget.rss .rssWrapper .title { margin: 0 1.5rem 0 0; } .ListAudioList.Widget.rss .rssWrapper a { position: absolute; top: 0.25rem; right: 0; } .ListDownloadList li { list-style-type: none; } .infoBlock .ListDownloadList a .iconWrapper, .infoBlock .ListDownloadList a .icon { display:none; } .infoBlock .ListDownloadList a:not(.editButton):before { position:absolute; left:0; content:"📥"; font-family:"SSGizmo"; } .ListDownloadList a:focus, .ListDownloadList a:active { color:var(--color_cText); } .infoBlock .ListDownloadList a:active, .infoBlock .ListDownloadList a:focus { color:var(--color_cBlueDark); } .csfullnright .ListDownloadList.simple { margin: 0 0.5rem 2.5rem; } .csfullnright .ListDownloadList.simple .title { font-family:EuclidFlex-Bold; font-size:1rem; margin-bottom:1rem; color:var(--color_cWhite); } @media screen and (min-width:1281px) { .csfullnright .ListDownloadList.simple ul ul { -webkit-column-break-inside:avoid; -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; line-height:0; } .csfullnright .ListDownloadList.simple li { display:inline-block; width:100%; line-height: 1.5em; } } .csleft .ListDownloadList.simple { background: white none repeat scroll 0 0; margin: 0 0.5rem 1.5rem; padding: 1.25rem; } .csleft .ListDownloadList.simple .title { font-family: EuclidFlex-Bold; font-size: 1rem; letter-spacing: 1px; margin-bottom: 1rem; text-transform: uppercase; } .csleft .ListDownloadList.simple li { clear:both; } .DownloadListOverview.overview .CustomTag.tagcloudFilter .Tag.empty { display: none; } .DownloadListOverview.overview .filterBar { margin-bottom:1.5rem; } .DownloadListOverview .overviewList { padding: 0 0.5rem; } .DownloadListOverview.overview .groupName { border-top: 1px solid var(--color_cBlack); background-color: var(--color_bcBlack20); padding: 1rem; width:auto; text-align:left; position: relative; } .DownloadListOverview.overview .groupName .navIcon{ position: absolute; top: 1rem; right: 1rem; font-size: 1.25rem; transform: rotate(90deg); transition: all 0.3s; } .DownloadListOverview.overview .groupName.open .navIcon { transform: rotate(270deg); } .DownloadListOverview.overview .groupName:active, .DownloadListOverview.overview .groupName:focus { cursor: pointer; background-color: var(--color_cBlack); } .DownloadListOverview.overview .groupName:active .navIcon, .DownloadListOverview.overview .groupName:focus .navIcon { color: var(--color_cBlueDark); } .DownloadListOverview.overview .SetSeparator { margin:2rem 0.5rem 1rem; } .DownloadListOverview.overview .SetSeparator + .categoryContainer { padding-top:0.5rem; } .DownloadListOverview.overview .categoryContainer .columnSpacer { column-span: all; } .DownloadListOverview.overview .categoryContainer .columnSpacer.top { padding-top: 0.75rem; } .DownloadListOverview.overview .categoryContainer .columnSpacer.bottom { padding-top: 2rem; } .DownloadListOverview.overview .SetSeparator+.categoryContainer .columnSpacer.bottom, .DownloadListOverview.overview .SetSeparator+.categoryContainer .columnSpacer.top{ padding-top: 0; } .DownloadListOverview.overview .groupName + .categoryContainer{ max-height: 0; overflow: hidden; transition: max-height 0.8s cubic-bezier(0, 1, 0, 1) -.1s; box-sizing: border-box; } #wysiwyg .DownloadListOverview.overview .info{ color: var(--color_cBlack); font-size: 1rem; background-color: var(--color_cYellow); padding: 1rem; margin: 0 0.5rem; } #wysiwyg.edit .DownloadListOverview.overview .categoryContainer, .DownloadListOverview.overview .groupName.open + .categoryContainer{ max-height: 9999px; transition-timing-function: cubic-bezier(0.5, 0, 1, 0); transition-delay: 0s; } @media screen and (min-width:1281px) { .DownloadListOverview .overviewList .categoryContainer { -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; line-height: 0; } .DownloadListOverview .overviewList .categoryContainer [data-item-id] { display:inline-block; width:100%; height: 100%; /*for safari*/ line-height: 1.5em; } } @media screen and (max-width:544px) { .DownloadListOverview.overview .SetSeparator { margin-right: 0; margin-left: 0; } } @media screen and (max-width:496px) { .DownloadListOverview.overview .overviewList { margin-left:0; margin-right:0; } } .ListImageGallery.extendedSlideshow .stage { overflow: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .ListImageGallery.extendedSlideshow .backstage { display: none; } .ListImageGallery.extendedSlideshow .SetImage { height: 100%; width: 100%; z-index: 5; display: none; } .ListImageGallery.extendedSlideshow .SetImage.active { z-index: 15; display: block; opacity: 1; } .ListImageGallery.extendedSlideshow .stage [data-change-slide] { cursor:pointer; } .ListImageGallery.extendedSlideshow .cssAnimation .SetImage, .ListImageGallery.extendedSlideshow .translateCss .SetImage { height: 100%; z-index: 1; overflow: hidden; display: inline-block; position: relative; margin-right: -100%; vertical-align: top; -moz-user-select: none; -webkit-user-select: none; -webkit-transition-duration: 333ms; -moz-transition-duration: 333ms; -ms-transition-duration: 333ms; -o-transition-duration: 333ms; transition-duration: 333ms; -webkit-transition-timing-function: cubic-bezier(0.1, 0.7, 0.7, 1); -moz-transition-timing-function: cubic-bezier(0.1, 0.7, 0.7, 1); -ms-transition-timing-function: cubic-bezier(0.1, 0.7, 0.7, 1); -o-transition-timing-function: cubic-bezier(0.1, 0.7, 0.7, 1); transition-timing-function: cubic-bezier(0.1, 0.7, 0.7, 1); } .ListImageGallery.extendedSlideshow .cssAnimation .SetImage.active { z-index: 15; } .ListImageGallery.extendedSlideshow .notransition, .ListImageGallery.extendedSlideshow .notransition .SetImage { -webkit-transition-duration: 0 !important; -moz-transition-duration: 0 !important; -ms-transition-duration: 0 !important; -o-transition-duration: 0 !important; transition-duration: 0 !important; -webkit-transition-delay: 0 !important; -moz-transition-delay: 0 !important; -ms-transition-delay: 0 !important; -o-transition-duration: 0 !important; transition-delay: 0 !important; } .ListImageGallery.extendedSlideshow .translateCss .SetImage { left: -100%; -webkit-transition-property: left; -moz-transition-property: left; -ms-transition-property: left; -o-transition-property: left; transition-property: left; } .ListImageGallery.extendedSlideshow .translateCss .SetImage.active { left: 0; } .ListImageGallery.extendedSlideshow .translateCss .SetImage.active ~ .SetImage { left: 100%; } .ListImageGallery.extendedSlideshow .fadeCss .SetImage { opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -ms-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; } .ListImageGallery.extendedSlideshow .fadeCss .SetImage.active { opacity: 1; } /** animation progressbar **/ .ListImageGallery.extendedSlideshow .progressBar { width: 100%; height: 1px; background-color: var(--color_bcArea); } .ListImageGallery.extendedSlideshow .progressBar .progress { width: 0%; height: 100%; background-color: var(--color_cLink); } /** navigation **/ .ListImageGallery.extendedSlideshow .navigation { z-index: 100; right: 0; top: 0; position: absolute; } .ListImageGallery.extendedSlideshow .navigation ul { float: right; list-style-type: none; margin: 0; overflow: hidden; } .ListImageGallery.extendedSlideshow .navigationItems { width: 2em; height: 2em; } .ListImageGallery.extendedSlideshow { max-width: 80rem; margin: 0 auto 2.5rem; position: relative; overflow: hidden; } .ListImageGallery.extendedSlideshow .stageWrapper { position: relative; margin: 0 0.5rem; overflow:hidden; background-color:var(--color_cBlack); } .ListImageGallery.extendedSlideshow [data-change-slide] { bottom: 0; position: absolute; top: 0; width: 8rem; color: var(--color_cWhite); font-size: 2.5rem; cursor: pointer; padding: 0 1rem; box-sizing: border-box; text-align: center; display:none; z-index:1; } .ListImageGallery.extendedSlideshow [data-change-slide].visible { display:block; } .ListImageGallery.extendedSlideshow [data-change-slide] span { height: 2.5rem; } .ListImageGallery.extendedSlideshow .previousImage { left: 0; } .ListImageGallery.extendedSlideshow .nextImage { right: 0; } .ListImageGallery.extendedSlideshow .navigation { position: relative; margin: 0 0.5rem; } .ListImageGallery.extendedSlideshow .navigation .navigationTranslateWrapper { height: 4.75rem; position:relative; } .ListImageGallery.extendedSlideshow .navigation ul { float: none; overflow: visible; position:absolute; } .ListImageGallery.extendedSlideshow .navigationItems { min-height: 3.5rem; height: auto; width: 10rem; float: left; cursor: pointer; border-top: transparent 3px solid; margin-top: -3px; } .ListImageGallery.extendedSlideshow .navigationItems.active { border-top-color: var(--color_cWhite); } .ListImageGallery.extendedSlideshow .slideshowNavItem .BasicText { color: var(--color_cWhite); font-family: EuclidFlex-Medium; font-size: 0.625rem; height: 4.5em; letter-spacing: 1px; line-height: 1.5em; margin: 1rem; overflow: hidden; position: static; text-transform: uppercase; } .ListImageGallery.extendedSlideshow .SetImage .BasicText { position: static; } .ListImageGallery.extendedSlideshow .SetImage .absoluteWrapper { position: absolute; bottom: 0; left: 0; right:0; top: 0; text-align: center; background-color: rgba(0, 0, 0, 0.2); } .ListImageGallery.extendedSlideshow .SetImage .contentWrapper { position:relative; height:100%; margin: 0 4.5rem; } .ListImageGallery.extendedSlideshow .SetImage .descriptionWrapper { position: absolute; top: 4.5rem; width: 100%; text-align: center; } .ListImageGallery.extendedSlideshow .SetImage .description { color: var(--color_cWhite); font-size: 1rem; line-height: 1.5em; max-height: 4.5rem; overflow: hidden; max-width: 38rem; display: inline-block; } .ListImageGallery.extendedSlideshow .SetImage .titleWrapper { max-height: 9rem; overflow: hidden; display: inline-block; vertical-align: middle; } .ListImageGallery.extendedSlideshow .SetImage .title { color: var(--color_cWhite); font-family: EuclidFlex-Medium; font-size: 2rem; line-height: 1.5em; text-transform: uppercase; letter-spacing: 2px; } .ListImageGallery.extendedSlideshow .SetImage .linkWrapper { position: absolute; bottom: 4.5rem; width: 100%; text-align: center; } .ListImageGallery.extendedSlideshow .SetImage .link { display: inline-block; border: solid 1px var(--color_cWhite); border-radius: 3px; padding: 0.75rem; font-family: EuclidFlex-Medium; color: var(--color_cWhite); text-transform: uppercase; letter-spacing: 1px; font-size: 0.875rem; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; border: solid 1px var(--color_cWhite); bottom: 0; } .ListImageGallery.extendedSlideshow .SetImage .link:active, .ListImageGallery.extendedSlideshow .SetImage .link:focus { background-color:var(--color_cWhite); color: var(--color_cBlack); } .ListImageGallery.extendedSlideshow .SetImage .copyrightWrapper { bottom: 0; position: absolute; right: -4rem; } .ListImageGallery.extendedSlideshow .SetImage .copyright { color: var(--color_cWhite); font-size: 1rem; line-height: 1.5em; max-height: 4.5rem; overflow: hidden; max-width: 38rem; display: inline-block; vertical-align: middle; } .ListImageGallery.extendedSlideshow .SetImage .copyrightLink { display: inline-block; vertical-align: middle; padding-right: 0.5rem; } /***************************************/ .ListImageGallery.extendedSlideshow .translateCss .SetImage { left: -200%; padding:0; box-sizing:border-box; } .ListImageGallery.extendedSlideshow .translateCss .SetImage.before { left: -100%; } .ListImageGallery.extendedSlideshow .translateCss .SetImage.active ~ .SetImage { left: 200%; } .ListImageGallery.extendedSlideshow .translateCss .SetImage.active ~ .SetImage.after { left: 100%; } .ListImageGallery.extendedSlideshow .translateCss .SetImage.active { left: 0; } .ListImageGallery.extendedSlideshow .stage { width: 48rem; max-width:100%; overflow:visible; margin:0 auto; } .ListImageGallery.extendedSlideshow .SetImage .absoluteWrapper { left: 0; right:0; background-color: rgba(0, 0, 0, 0.7); -o-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; } .ListImageGallery.extendedSlideshow .SetImage.active .absoluteWrapper { background-color: rgba(0, 0, 0, 0.2); } .ListImageGallery.extendedSlideshow .SetImage.active.noText .absoluteWrapper { background-color: rgba(0, 0, 0, 0); } .ListImageGallery.extendedSlideshow .SetImage .contentWrapper { opacity:0.5; } .ListImageGallery.extendedSlideshow .SetImage.active .contentWrapper { opacity:1; } .ListImageGallery.extendedSlideshow .navigation { width: 48rem; max-width:100%; padding:0 0.5rem; margin:0 auto; box-sizing:border-box; } /***************************************/ @media screen and (max-width:832px) { .ListImageGallery.extendedSlideshow .SetImage .title { font-size:1.5rem; } .ListImageGallery.extendedSlideshow .SetImage .descriptionWrapper { top:1.5rem; } .ListImageGallery.extendedSlideshow .SetImage .linkWrapper { bottom:1.5rem; } } @media screen and (max-width:672px) { .ListImageGallery.extendedSlideshow [data-change-slide] { width:5rem; font-size:1.5rem; } .ListImageGallery.extendedSlideshow [data-change-slide] span { height:1.5rem; } } @media screen and (max-width:544px) { .ListImageGallery.extendedSlideshow .stageWrapper { margin: 0; } .ListImageGallery.extendedSlideshow .navigation { margin: 0; } .ListImageGallery.extendedSlideshow [data-change-slide] { width:3.5rem; } .ListImageGallery.extendedSlideshow .SetImage .contentWrapper { margin:0 3rem; } .ListImageGallery.extendedSlideshow .SetImage .title { font-size:1rem; } .ListImageGallery.extendedSlideshow .SetImage .link { font-size:0.625rem; } } @media screen and (max-width:440px) { .ListImageGallery.extendedSlideshow .SetImage .descriptionWrapper, .ListImageGallery.extendedSlideshow .SetImage .linkWrapper { display: none; } .ListImageGallery.extendedSlideshow.ar3to2 .SetImage .descriptionWrapper, .ListImageGallery.extendedSlideshow.ar3to2 .SetImage .linkWrapper, .ListImageGallery.extendedSlideshow.ar2to1 .SetImage .descriptionWrapper, .ListImageGallery.extendedSlideshow.ar2to1 .SetImage .linkWrapper { display: block; } } .ListImageGallery.extendedSlideshow .SetImage .link:active, .ListImageGallery.extendedSlideshow .SetImage .link:focus { background-color:var(--color_cWhite); color: var(--color_cBlack); } .ListImageGallery.TextTeaser{ overflow:hidden; width:100%; padding: 0 0 2.5rem; box-sizing:border-box; } .ListImageGallery.TextTeaser .graphicWrapper { padding-bottom:1rem; } .ListImageGallery.TextTeaser .BasicGraphic{ height: auto; } .ListImageGallery.TextTeaser .gallery li img{ display:inline-block; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; } .ListImageGallery.TextTeaser ul{ list-style: none; } .ListImageGallery.TextTeaser li:nth-child(n+4){ display:none; } .ListImageGallery.TextTeaser .gallery li{ box-sizing: border-box; width: 33.3333%; float:left; padding:0 0.5rem; } .ListImageGallery.TextTeaser .graphicWrapper { border-top: 0.25rem solid var(--color_cBlueLight); } .ListImageGallery.TextTeaser .imageTextTeaser{ background-color: var(--color_cWhite); overflow:hidden; } .ListImageGallery.TextTeaser .link .icon { display:none; } .ListImageGallery.TextTeaser .BasicText{ position: static; padding: 0 1.25rem 1rem; font-size: 1rem; line-height:1.5rem; } .ListImageGallery.TextTeaser .title { font-family: EuclidFlex-Bold; text-transform: uppercase; letter-spacing:1px; } .ListImageGallery.TextTeaser .description { font-family:EuclidFlex-Regular; font-size: 0.8125rem; padding-bottom: 0rem; } .ListImageGallery.TextTeaser .gallery a.link.outside{ padding: 0; color: var(--color_cText); font-size: 0; line-height: 0; } .ListImageGallery.TextTeaser .gallery li a{ display:block; box-sizing: border-box; padding: 0.25rem 1.25rem 1.25rem; width: 100%; margin: 0; font-size:0.9375rem; line-height: 1.5rem; color:var(--color_cBlueDark); background-color: var(--color_cWhite); border:none; } .ListImageGallery.TextTeaser a.link.outside:active .graphic img, .ListImageGallery.TextTeaser a.link.outside:focus .graphic img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } @media screen and (max-width: 544px) { .ListImageGallery.TextTeaser a.link.outside:active .graphic img, .ListImageGallery.TextTeaser a.link.outside:focus .graphic img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @media screen and (min-width: 769px) { .ListImageGallery.TextTeaser .textWrapper { overflow:hidden; margin-bottom:1.5rem; } .ListImageGallery.TextTeaser .noGraphic .textWrapper { } .ListImageGallery.TextTeaser .BasicGraphic { overflow:hidden; height:12rem; max-width: 18rem; position:relative; } .ListImageGallery.TextTeaser .noGraphic .BasicGraphic { height:auto; } .ListImageGallery.TextTeaser .BasicGraphic img { position:absolute; top:0; left:0; bottom:0; width:auto; height:100%; max-height:none; max-width:none; } } @media screen and (max-width: 1152px) { .ListImageGallery.TextTeaser .gallery li .BasicText { font-size:0.875rem; line-height:1.25rem; } .ListImageGallery.TextTeaser .gallery li{ width: 100%; margin-bottom:1rem; } .ListImageGallery.TextTeaser{ padding: 2rem; } .ListImageGallery.TextTeaser .imageTextTeaser { height:12.25rem; } } @media screen and (min-width:545px) and (max-width: 1152px) { .ListImageGallery.TextTeaser { padding: 0 0.5rem 1rem; } .ListImageGallery.TextTeaser .textWrapper { padding-left:15.5rem; padding-right:3rem; max-height: 10.75rem; overflow:hidden; } .ListImageGallery.TextTeaser .noGraphic .textWrapper { padding-left:1.5rem; } .ListImageGallery.TextTeaser .gallery li .BasicText { padding-left:0; padding-right:0; } .ListImageGallery.TextTeaser li .BasicText.description { padding-top: 0; } .ListImageGallery.TextTeaser li .BasicText.title { padding-top:1rem; } .ListImageGallery.TextTeaser .graphicWrapper { position:absolute; overflow:hidden; height:12rem; width:14rem; padding-bottom:0; } .ListImageGallery.TextTeaser .noGraphic .graphicWrapper { height:auto; } .ListImageGallery.TextTeaser .BasicGraphic img { position:absolute; top:0; left:0; bottom:0; width:auto; height:100%; max-height:none; max-width:none; } .ListImageGallery.TextTeaser .gallery li a { width:auto; font-size:2rem; padding:0 0.5rem; } .ListImageGallery.TextTeaser .gallery li a:before { content:""; vertical-align:middle; display:inline-block; height:100%; } .ListImageGallery.TextTeaser .link { top:0; bottom:0; right:0; width:auto; } .ListImageGallery.TextTeaser .link .icon { vertical-align:middle; display:inline-block; height:1rem; } .ListImageGallery.TextTeaser .link .caption { display:none; } } @media screen and (max-width: 544px) { .ListImageGallery.TextTeaser { padding: 0 0 1.5rem; } .ListImageGallery.TextTeaser .imageTextTeaser { height:auto; } .ListImageGallery.TextTeaser .gallery li { padding:0; } .ListImageGallery.TextTeaser .gallery li a { position:static; padding-top:0; } .ListImageGallery.TextTeaser .textWrapper { margin-bottom:1.5rem; } } .ListImageGallery.TextTeaser a.link.outside:active .graphic img, .ListImageGallery.TextTeaser a.link.outside:focus .graphic img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } @media screen and (max-width: 544px) { .ListImageGallery.TextTeaser a.link.outside:active .graphic img, .ListImageGallery.TextTeaser a.link.outside:focus .graphic img{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } .ListImageGallery.extendedSlideshow.Flipping { width: 100%; position: relative; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); margin-bottom:2.5rem; } .ListImageGallery.extendedSlideshow.Flipping .stageWrapper { background-color:transparent; } .ListImageGallery.Flipping.extendedSlideshow .translateCss .SetImage { left: -200%; } .ListImageGallery.Flipping.extendedSlideshow .translateCss .SetImage.before { left: -100%; } .ListImageGallery.Flipping.extendedSlideshow .translateCss .SetImage.active ~ .SetImage { left: 200%; } .ListImageGallery.Flipping.extendedSlideshow .translateCss .SetImage.active ~ .SetImage.after { left: 100%; } .ListImageGallery.Flipping.extendedSlideshow .translateCss .SetImage.active { left: 0; } .ListImageGallery.Flipping.extendedSlideshow .SetImage { width: 100%; box-sizing: border-box; padding: 0 2rem; } .ListImageGallery.Flipping.extendedSlideshow .BasicText { position: relative; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-perspective: 1000; } .ListImageGallery.Flipping.extendedSlideshow .stageWrapper { overflow: visible; } .ListImageGallery.Flipping.extendedSlideshow .stage { height: 100%; margin: 0 auto 1.5rem; width: 24rem; overflow: visible; } .ListImageGallery.Flipping.extendedSlideshow .navigation { position: relative; text-align: center; } .ListImageGallery.Flipping.extendedSlideshow .navigation ul { display: inline-block; float: none; position: relative; margin: 0 auto; } .ListImageGallery.Flipping.extendedSlideshow .navigationItems { background-color: var(--color_cBlack); border: none !important; height: 0.6rem; min-height: initial; width: 0.6rem; border-radius: 100%; padding: 0; cursor: pointer; margin: 0 0.5rem; } .ListImageGallery.Flipping.extendedSlideshow .navigationItems.active { background-color: var(--color_cWhite); } @media screen and (max-width:1024px) { .ListImageGallery.Flipping.extendedSlideshow [data-change-slide="nextSlide"] { text-shadow:-2px 0 var(--color_cBlack); } .ListImageGallery.Flipping.extendedSlideshow [data-change-slide="previousSlide"] { text-shadow:2px 0 var(--color_cBlack); } } @media screen and (max-width: 500px) { .ListImageGallery.Flipping.extendedSlideshow .SetImage { padding: 0 1rem; } .ListImageGallery.Flipping.extendedSlideshow .stage { width: 100%; } .ListImageGallery.Flipping.extendedSlideshow .SetImage .flipper { width: 20rem; padding-bottom: 20rem; margin: 0 auto; } .ListImageGallery.Flipping.extendedSlideshow .SetImage .front { font-size: 2.75rem; } } @media screen and (max-width:440px) { .ListImageGallery.Flipping.extendedSlideshow .SetImage .linkWrapper { display:block; } } @media screen and (max-width: 368px) { .ListImageGallery.Flipping.extendedSlideshow .SetImage .flipper { width: 100%; padding-bottom: 100%; } .ListImageGallery.Flipping.extendedSlideshow .SetImage .front { font-size: 2.5rem; } } @media screen and (min-width: 1024px) { .ListImageGallery.Flipping .imageFlipping:not(.b):active, .ListImageGallery.Flipping .imageFlipping:not(.b):focus { transform: scale(0.7); -o-transform: scale(0.7); -moz-transform: scale(0.7); -webkit-transform: scale(0.7); z-index: 999; } .ListImageGallery.extendedSlideshow.Flipping { margin: 0 auto; overflow: visible; z-index: 999; } .ListImageGallery.Flipping.extendedSlideshow .navigation, .ListImageGallery.Flipping.extendedSlideshow [data-change-slide] { display: none !important; } .ListImageGallery.Flipping.extendedSlideshow { height: 28.125rem; } .ListImageGallery.Flipping.extendedSlideshow .stageWrapper, .ListImageGallery.Flipping.extendedSlideshow .stage { width: 100%; height: 100%; margin: 0; } .ListImageGallery.Flipping.extendedSlideshow .imageFlipping { position: absolute; transition: .5s; -moz-transition: .5s; -o-transition: .5s; -webkit-transition: .5s; width: 20rem; padding: 0; margin-right: 0; } .ListImageGallery.Flipping .imageFlipping:not (.b ):active, .ListImageGallery.Flipping .imageFlipping:not (.b ):focus { transform: scale(0.7); -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -o-transform: scale(0.7); z-index: 10; } .ListImageGallery.Flipping .b { left: 50% !important; margin-left: -10rem; top: 10%; } .ListImageGallery.Flipping .m1_set_0 { left: 15% !important; top: 25%; transform: scale(0.56); -webkit-transform: scale(0.56); -moz-transform: scale(0.56); -o-transform: scale(0.56); } .ListImageGallery.Flipping .m2_set_0 { left: 65% !important; top: -10%; transform: scale(0.65); -webkit-transform: scale(0.65); -moz-transform: scale(0.65); -o-transform: scale(0.65); } .ListImageGallery.Flipping .s1_set_0 { left: 8% !important; top: -15%; transform: scale(0.4); -webkit-transform: scale(0.4); -moz-transform: scale(0.4); -o-transform: scale(0.4); } .ListImageGallery.Flipping .s2_set_0 { left: 60% !important; top: 25%; transform: scale(0.4); -webkit-transform: scale(0.4); -moz-transform: scale(0.4); -o-transform: scale(0.4); } .ListImageGallery.Flipping .s3_set_0 { left: 5% !important; top: -30%; transform: scale(0.2); -webkit-transform: scale(0.2); -moz-transform: scale(0.2); -o-transform: scale(0.2); } .ListImageGallery.Flipping .m1_set_1 { left: -2% !important; top: -15%; transform: scale(0.6); -webkit-transform: scale(0.6); -moz-transform: scale(0.6); -o-transform: scale(0.6); } .ListImageGallery.Flipping .m2_set_1 { left: 65% !important; top: 5%; transform: scale(0.5); -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -o-transform: scale(0.5); } .ListImageGallery.Flipping .s1_set_1 { left: 55% !important; top: -25%; transform: scale(0.2); -webkit-transform: scale(0.2); -moz-transform: scale(0.2); -o-transform: scale(0.2); } .ListImageGallery.Flipping .s2_set_1 { left: 55% !important; top: 35%; transform: scale(0.3); -webkit-transform: scale(0.3); -moz-transform: scale(0.3); -o-transform: scale(0.3); } .ListImageGallery.Flipping .s3_set_1 { left: 5% !important; top: 35%; transform: scale(0.3); -webkit-transform: scale(0.3); -moz-transform: scale(0.3); -o-transform: scale(0.3); } .ListImageGallery.Flipping .m1_set_2 { left: 0% !important; top: -15%; transform: scale(0.5); -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -o-transform: scale(0.5); } .ListImageGallery.Flipping .m2_set_2 { left: 62% !important; top: -12%; transform: scale(0.6); -webkit-transform: scale(0.6); -moz-transform: scale(0.6); -o-transform: scale(0.6); } .ListImageGallery.Flipping .s1_set_2 { left: 48% !important; top: -50%; transform: scale(0.3); -webkit-transform: scale(0.3); -moz-transform: scale(0.3); -o-transform: scale(0.3); } .ListImageGallery.Flipping .s2_set_2 { left: 55% !important; top: 22%; transform: scale(0.3); -webkit-transform: scale(0.3); -moz-transform: scale(0.3); -o-transform: scale(0.3); } .ListImageGallery.Flipping .s3_set_2 { left: 5% !important; top: 27%; transform: scale(0.4); -webkit-transform: scale(0.4); -moz-transform: scale(0.4); -o-transform: scale(0.4); } } .ListImageGallery.square { padding: 0 0.5rem 3rem; } .ListImageGallery.square > .wrapper { background-color:var(--color_bcBlack50); padding:1rem 0.5rem 0; overflow:hidden; clear:both; } .ListImageGallery.square .galleryCaption .BasicText a { color: var(--color_cBlueLight); } .ListImageGallery.square a.imageGalleryProperty.panel { float:right; padding-right:0; } .ListImageGallery.square .galleryCaption { display: block; padding: 0 0.75rem 3rem; color:var(--color_cWhite); } .ListImageGallery.square .galleryCaption .title { font-size:1rem; line-height:1.5em; letter-spacing:1px; text-transform:uppercase; margin-bottom:1rem; font-family:EuclidFlex-Bold; } .ListImageGallery.square .galleryCaption .description { font-size:0.8125rem; line-height:1.5em; margin-bottom:1rem; } .ListImageGallery.square .SetImage { float:left; padding:0 0.5rem 1rem; box-sizing:border-box; position:relative; cursor:pointer; } .ListImageGallery.square .SetImage .description { overflow:hidden; position:static; height:2.25rem; font-size:0.75rem; line-height:1.5em; font-family:EuclidFlex-RegularItalic; } .ListImageGallery.square .SetImage .textWrapper { position:absolute; bottom:1rem; left:0.5rem; right:0.5rem; box-sizing:border-box; padding:0.5rem 0.625rem; background-color:var(--color_bcBlack50); color:var(--color_cWhite); -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .ListImageGallery.square .SetImage a:after { content:"⤢"; position:absolute; right:0; top:0; padding:1rem; color:var(--color_cText); font-size:1.5rem; font-family: SSGizmo; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } /******{****List Wrapper and li ****}******/ .ListImageGallery.square .SetImage { width: 100%; } .ListImageGallery.square .setImageWrapper li { display: inline-block; width: 25%; } /******{****List Wrapper and li ****}******/ /******{****Active Focus***}*******/ .ListImageGallery.square .SetImage .count:active, .ListImageGallery.square .SetImage .count:focus { background-color:rgba(0,0,0,0.7); } .ListImageGallery.square .SetImage:not(.displayCount) a:active:after, .ListImageGallery.square .SetImage:not(.displayCount) a:focus:after { color:var(--color_cWhite); } .ListImageGallery.square .SetImage:not(.displayCount):active .textWrapper, .ListImageGallery.square .SetImage:not(.displayCount):focus .textWrapper { opacity:0; } @media screen and (min-width:1441px) { .ListImageGallery.square .setImageWrapper li:nth-of-type(4n+1) { clear: both; } .ListImageGallery.square:not(.showAll) .setImageWrapper li:nth-of-type(n+9) { display: none; } .csleft .ListImageGallery.square .setImageWrapper li { width: 100%; } .csleft .ListImageGallery.square:not(.showAll) .setImageWrapper li:nth-of-type(n+4) { display: none; } } @media screen and (min-width:1025px) and (max-width:1440px) { .ListImageGallery.square .setImageWrapper li { width: 25%; } .ListImageGallery.square .setImageWrapper li:nth-of-type(4n+1) { clear: both; } .ListImageGallery.square:not(.showAll) .setImageWrapper li:nth-of-type(n+9) { display: none; } .csright .ListImageGallery.square .setImageWrapper li:nth-of-type(4n+1) { clear: none; } .csright .ListImageGallery.square:not(.showAll) .setImageWrapper li:nth-of-type(n+9) { display: block; } .csright .ListImageGallery.square .setImageWrapper li { width: 33.333%; } .csright .ListImageGallery.square .setImageWrapper li:nth-of-type(3n+1) { clear: both; } .csright .ListImageGallery.square:not(.showAll) .setImageWrapper li:nth-of-type(n+7) { display: none; } .csleft .ListImageGallery.square .setImageWrapper li { width: 100%; } .csleft .ListImageGallery.square:not(.showAll) .setImageWrapper li:nth-of-type(n+4) { display: none; } } @media screen and (min-width:833px) and (max-width:1024px) { .ListImageGallery.square .setImageWrapper li { width: 33.333%; } .ListImageGallery.square .setImageWrapper li:nth-of-type(3n+1) { clear: both; } .ListImageGallery.square:not(.showAll) .setImageWrapper li:nth-of-type(n+7) { display: none; } .csright .ListImageGallery.square .setImageWrapper li:nth-of-type(3n+1) { clear: none; } .csright .ListImageGallery.square:not(.showAll) .setImageWrapper li:nth-of-type(n+7) { display: block; } .csright .ListImageGallery.square .setImageWrapper li { width: 50%; } .csright .ListImageGallery.square .setImageWrapper li:nth-of-type(2n+1) { clear: both; } .csright .ListImageGallery.square:not(.showAll) .setImageWrapper li:nth-of-type(n+5) { display: none; } .csleft .ListImageGallery.square .setImageWrapper li { width: 100%; } .csleft .ListImageGallery.square:not(.showAll) .setImageWrapper li:nth-of-type(n+4) { display: none; } } @media screen and (max-width:832px) { .ListImageGallery.square { padding-bottom: 2rem; } } @media screen and (max-width:544px) { .ListImageGallery.square { padding-left:0; padding-right:0; } } @media screen and (min-width:369px) and (max-width:832px) { .ListImageGallery.square .setImageWrapper li { width: 50%; } .ListImageGallery.square .setImageWrapper li:nth-of-type(2n+1) { clear: both; } .ListImageGallery.square:not(.showAll) .setImageWrapper li:nth-of-type(n+5) { display: none; } } @media screen and (max-width:368px) { .ListImageGallery.square > .wrapper { padding:1rem 1rem 0; } .ListImageGallery.square .galleryCaption { padding-left:0; padding-right:0; } .ListImageGallery.square .setImageWrapper li { width: 100%; padding: 0 0rem 0.75rem; } .ListImageGallery.square:not(.showAll) .setImageWrapper li:nth-of-type(n+4) { display: none; } .ListImageGallery.square .setImageWrapper li .textWrapper, .ListImageGallery.square .setImageWrapper li .count { right:0; left:0; bottom:0.5rem; } } .ListImageGallery.square .SetImage .count:active, .ListImageGallery.square .SetImage .count:focus { background-color:rgba(0,0,0,0.7); } .ListImageGallery.square .SetImage:not(.displayCount):active a:after, .ListImageGallery.square .SetImage:not(.displayCount):focus a:after { color:var(--color_cWhite); } .ListImageGallery.square .SetImage:not(.displayCount):active .textWrapper, .ListImageGallery.square .SetImage:not(.displayCount):focus .textWrapper { opacity:0; } .ListImageGallery.person { overflow:hidden; margin-bottom:2.5rem; } .ListImageGallery.LinkTeaser { width:100%; box-sizing: border-box; margin-bottom:2rem; overflow:hidden; padding:0 0.375rem; } .ListImageGallery.LinkTeaser .gallery .SetImage.linkTeaser { width: 100%; } .ListImageGallery.LinkTeaser .SetImage.linkTeaser .title .title { box-sizing: border-box; padding: 0 0.5rem; } .ListImageGallery.LinkTeaser .gallery li a { margin: 0; } .ListImageGallery.LinkTeaser ul.gallery > li { display: inline-block } .ListImageGallery.LinkTeaser.columns_3 ul.gallery li { width: 33.3333333%; } .ListImageGallery.LinkTeaser.columns_4 ul.gallery li { width: 25%; } .ListImageGallery.LinkTeaser.columns_5 ul.gallery li { width: 20%; } /*****{**Active/Focus**}*****/ .ListImageGallery.LinkTeaser .linkTeaser a:active .absoluteWrapper, .ListImageGallery.LinkTeaser .linkTeaser a:focus .absoluteWrapper { background-color: var(--color_cWhite)!important; } /*****{**Responsive**}*****/ @media screen and (max-width: 1334px) and (min-width:1235px){ .csright .ListImageGallery.LinkTeaser.columns_5 ul.gallery li { width: 25%; } } @media screen and (max-width: 1234px) and (min-width:1025px){ .csright .ListImageGallery.LinkTeaser.columns_4 ul.gallery li, .csright .ListImageGallery.LinkTeaser.columns_5 ul.gallery li { width: 33.33333333%; } } @media screen and (max-width: 1024px) and (min-width:833px){ .csright .ListImageGallery.LinkTeaser.columns_4 ul.gallery li, .csright .ListImageGallery.LinkTeaser.columns_5 ul.gallery li, .csright .ListImageGallery.LinkTeaser.columns_3 ul.gallery li { width: 50%; } .ListImageGallery.LinkTeaser.columns_5 ul.gallery li{ width:33%; } } @media screen and (max-width: 832px){ .ListImageGallery.LinkTeaser.columns_3 ul.gallery li, .ListImageGallery.LinkTeaser.columns_4 ul.gallery li, .ListImageGallery.LinkTeaser.columns_5 ul.gallery li { width: 50%; } } @media screen and (max-width: 544px) { .ListImageGallery.LinkTeaser.columns_3 ul.gallery li, .ListImageGallery.LinkTeaser.columns_5 ul.gallery li, .ListImageGallery.LinkTeaser.columns_4 ul.gallery li { width: 100%; } } .csleft .ListImageGallery.LinkTeaser.csleft .LinkTeaser ul.gallery li { width: 100%; } @media screen and (max-width: 832px){ .csleft .ListImageGallery.LinkTeaser ul.gallery li { width: 50%; } } .ListImageGallery.democratic { background-color:var(--color_bcBlack50); padding-bottom:3rem; } .ListImageGallery.democratic .imageWrapper { overflow:hidden; } .ListImageGallery.democratic .SetImage { float:left; width:auto; } .ListImageGallery.democratic .SetImage a { display:block; } .ListImageGallery.democratic .SetImage a:active:before, .ListImageGallery.democratic .SetImage a:focus:before { color: white; content: "+"; display: block; font-family: SSGizmo; font-size: 1.25rem; height: 2.5rem; position: absolute; right: 0; text-align: center; top: 0.5rem; width: 2.5rem; } .ListImageGallery.democratic .SetImage img { display:block; } .ListImageGallery.democratic .BasicGraphic:before { content:none; display:none; } .ListImageGallery.democratic .SetImage .count { right:0; left:0; bottom:0; } @media screen and (min-width:1025px) { .ListImageGallery.democratic:not(.showAll) .SetImage:nth-of-type(n+6) { display: none; } } @media screen and (min-width:369px) and (max-width:1024px) { .ListImageGallery.democratic:not(.showAll) .SetImage:nth-of-type(n+4) { display: none; } } @media screen and (max-width:368px) { .ListImageGallery.democratic:not(.showAll) .SetImage:nth-of-type(n+3) { display: none; } } .ListImageGallery.democratic .SetImage a:active:before, .ListImageGallery.democratic .SetImage a:focus:before { color: white; content: "+"; display: block; font-family: SSGizmo; font-size: 1.25rem; height: 2.5rem; position: absolute; right: 0; text-align: center; top: 0.5rem; width: 2.5rem; } .ListImageGallery.simple { width: 100%; } .ListImageGallery.simple .SetImage.simple { margin-bottom: 1rem; } /* lightbox */ .lightbox { display: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 9000; background-color: var(--color_cBlack); overflow: hidden; } .lightbox.wysiwyg { top: 110px; } .lightbox .stage { width: 100%; height: 100%; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .lightbox table { width: 100%; height: 100%; } .lightbox .SetImage { height: 100%; width: 100%; display: inline-block; margin-right: -100%; left: -100%; z-index: 5; position: relative; -moz-user-select: none; -webkit-user-select: none; -webkit-transition-property: left; -moz-transition-property: left; -ms-transition-property: left; -o-transition-property: left; transition-property: left; -webkit-transition-duration: 333ms; -moz-transition-duration: 333ms; -ms-transition-duration: 333ms; -o-transition-duration: 333ms; transition-duration: 333ms; -webkit-transition-timing-function: cubic-bezier(0.1, 0.7, 0.7, 1); -moz-transition-timing-function: cubic-bezier(0.1, 0.7, 0.7, 1); -ms-transition-timing-function: cubic-bezier(0.1, 0.7, 0.7, 1); -o-transition-timing-function: cubic-bezier(0.1, 0.7, 0.7, 1); transition-timing-function: cubic-bezier(0.1, 0.7, 0.7, 1); } .lightbox .notransition, .lightbox .notransition .SetImage { -webkit-transition-duration: 0 !important; -moz-transition-duration: 0 !important; -ms-transition-duration: 0 !important; -o-transition-duration: 0 !important; transition-duration: 0 !important; -webkit-transition-delay: 0 !important; -moz-transition-delay: 0 !important; -ms-transition-delay: 0 !important; -o-transition-duration: 0 !important; transition-delay: 0 !important; } .lightbox .SetImage.active { left: 0; z-index: 15; cursor: pointer; } .lightbox .SetImage.active ~ .SetImage { left: 100%; } .lightbox .SetImage td { text-align: center; vertical-align: middle; } .lightbox .SetImage .BasicGraphic { display: inline-block; float: none; width: auto; height: auto; max-width: 100%; } .lightbox .SetImage .BasicGraphic img { width: auto; } .lightbox .absbottom { overflow: hidden; width: 100%; bottom: 0; position: absolute; background-color: rgba(0, 0, 0, 0.8); cursor: pointer; left:0; right:0; } .lightbox.descriptionExpanded .absbottom { top:0; } .lightbox .abswrapper { overflow: hidden; width: 100%; } .lightbox.descriptionExpanded .abswrapper { bottom: 0; position: absolute; } .lightbox .SetImage .BasicText.description, .lightbox .SetImage .BasicText.copyright, .lightbox .SetImage .BasicText.title { text-align: center; font-size: 16px; line-height: 20px; color: var(--color_cWhite); padding: 8px 0; overflow: hidden; position: relative; bottom: auto; } .lightbox .SetImage .BasicText.copyright .textWrapper { font-size: 12px; } .lightbox .expandButton { position:absolute; right:0.5rem; bottom: 0.75rem; font-size:1.375rem; cursor:pointer; color: var(--color_cBlack); } .lightbox .top { display: block; position: absolute; top: 0; left: 0; width: 100%; z-index: 9050; } .lightbox .pagination { display: block; float: left; padding: 20px 16px; color: var(--color_cWhite); font-size: 16px; line-height: 28px; width: auto; margin: 0; text-shadow: 1px 1px 0 var(--color_cBlack); z-index: 9050; } .lightbox .close { display: block; float: right; padding: 20px 16px 24px 24px; z-index: 9050; } .lightbox .top span { cursor: pointer; } .lightbox .close span, .lightbox [data-change-slide] span { color: var(--color_cWhite); text-shadow: 1px 1px 0 var(--color_cBlack); font-size: 28px; line-height: 28px; } .lightbox [data-change-slide] span { top: 50%; height: 28px; margin-top: -24px; position: absolute; padding: 20px 16px; } .lightbox [data-change-slide] { position: absolute; top: 0; bottom: 0; width: 25%; z-index: 9050; } .lightbox .previousImage { left: 0; } .lightbox .nextImage, .lightbox .nextImage span { right: 0; } .lightbox .previousImage.visible, .lightbox .nextImage.visible { display: block; cursor: pointer; visibility: inherit; } .lightbox .previousImage span, .lightbox .nextImage span { visibility: hidden; } .lightboxNavigation { display: block; position: absolute; bottom: 40px; left: 0; width: 100%; z-index: 9999; overflow: hidden; } .lightboxNavigation .navigationTranslateWrapper { /* width: 100px; */ overflow: hidden; margin: 0 auto; } .lightboxNavigation ul { /* width: 2000px; */ text-align: center; } .lightboxNavigation li { display:inline-block; font-size: 1rem; color: var(--color_cIconPassive); width:16px; height:16px; margin: 16px 5px; } .lightboxNavigation .navigationItems:hover, .lightboxNavigation .navigationItems.active { cursor:pointer; color:var(--color_cRed); } .lightbox { background-color:var(--color_cWhite); } .lightbox, .lightbox * { -webkit-text-size-adjust:100%; /*{ avoids ios font scaling* *}*/ } .lightbox .close span, .lightbox [data-change-slide] span, .lightbox .pagination { color: var(--color_cText); text-shadow: 1px 1px 0 var(--color_cWhite); } .lightbox .lightboxNavigation { bottom: 7.25rem; } .lightbox [data-change-slide] { top:3.25rem; bottom:3.25rem; width:15%; } .lightbox [data-change-slide]:not(.visible) { display: none; } .lightbox .previousImage span, .lightbox .nextImage span { visibility: visible; } .lightboxNavigation li:before { content: ""; } .lightboxNavigation li { background-color: var(--color_cGrayLight); border-radius: 100%; height: 0.75rem; margin: 0.25rem; width: 0.75rem; } .lightboxNavigation li.active { background-color:var(--color_cBlueLight); } .lightbox .SetImage .BasicText.title, .lightbox .SetImage .BasicText.description, .lightbox .SetImage .BasicText.copyright { color:var(--color_cBlack); font-family:EuclidFlex-Regular; padding:0; font-size:0.8125rem; line-height:1.5em; cursor:pointer; } .lightbox.descriptionExpanded .lightboxNavigation, .lightbox.descriptionExpanded [data-change-slide], .lightbox.descriptionExpanded .expandButton { display:none; } .lightbox .BasicText .textWrapper { margin: 0.5rem 2.5rem 0.125rem; text-overflow: ellipsis; overflow:hidden; white-space: nowrap; height: 20px; color:var(--color_cWhite); } .lightbox.descriptionExpanded .BasicText .textWrapper { text-overflow:inherit; white-space: normal; overflow: auto; } .lightbox .BasicText.copyright .textWrapper { margin: 0.125rem 2.5rem 0.5rem; } .lightbox a { color: var(--color_cBlueLight); text-decoration: underline; } .lightbox .BasicText .textWrapper.fullHeight { margin: 1.25rem 2.5rem; } .lightbox.descriptionExpanded .BasicText .textWrapper { height: auto; } @media screen and (max-width:768px) { .lightbox .lightboxNavigation, .lightbox [data-change-slide], .lightbox .previousImage.visible, .lightbox .nextImage.visible { display:none; } } .ListImageGallery .count { color:var(--color_cWhite); font-size:3.75rem; text-align:center; cursor:pointer; display:block; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .ListImageGallery .SetImage .count { position:absolute; top:0; left:0.5rem; right:0.5rem; bottom:1rem; background-color:var(--color_bcBlack50); } .ListImageGallery .imageWrapper > .count { float:left; height:10rem; width:7.5rem; } .ListImageGallery .SetImage.displayCount .textWrapper { display:none; } .ListImageGallery.showAll .count { display:none; } .ListLinkList li { list-style-type: none; } .infoBlock .ListLinkList a { color:var(--color_cBlueDark); padding-left:1.5rem; position:relative; line-height:1.5em; box-sizing: border-box; max-width: 100%; } .infoBlock .ListLinkList a.linkIsEqualUri { overflow: hidden; white-space: nowrap; } .infoBlock .ListLinkList a:not(.editButton):before { position:absolute; left:0; content:"🔗"; font-family:"SSGizmo"; } .infoBlock .ListLinkList a:active, .infoBlock .ListLinkList a:focus { color:var(--color_cText); text-decoration: underline; } .ListLinkList.actionLinkList li { display: inline-block; } .ListLinkList.simple { margin: 0 0.5rem 2.5rem; } .csfullnright .ListLinkList.simple .title { font-family:EuclidFlex-Bold; font-size:1rem; margin-bottom:1rem; color:var(--color_cWhite); } .csfullnright .ListLinkList.simple .SetLink { color: var(--color_cBlack); background-color: var(--color_cWhite); display: inline-block; overflow: hidden; margin-bottom: 1px; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; width: 100%; box-sizing: border-box; } .csfullnright .ListLinkList.simple a.SetLink, .csfullnright .ListLinkList.simple .SetLink a { padding: 0.5rem; display:block; } .csfullnright .ListLinkList.simple .icon { display: block; border-radius: 100%; background-color: var(--color_cBlack); color: var(--color_cWhite); font-size: 0.8125rem; text-align: center; line-height: 1.8125rem; height: 1.625rem; width: 1.625rem; text-align: center; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; } .ListLinkList.simple .iconWrapper { float: left; } .ListLinkList.simple .textWrapper { margin: 0.125rem 2.625rem; } .csfullnright .ListLinkList.simple .textWrapper .caption { font-size: 0.9375rem; font-family: EuclidFlex-Bold; padding-right: 0.75rem; line-height: 1.5em; } .ListLinkList.simple .textWrapper .description { line-height: 1.5em; } .csfullnright .ListLinkList.simple .textWrapper .BasicText { display: inline; } .csleft .ListLinkList.simple a:active, .csleft .ListLinkList.simple a:focus, .csleft .ListLinkList.simple a:not(.editButton):active, .csleft .ListLinkList.simple a:not(.editButton):focus { color:var(--color_cText); text-decoration: underline; } .csfullnright .ListLinkList.simple a.SetLink:focus, .csfullnright .ListLinkList.simple a.SetLink:active, .csright .ListLinkList.simple a.SetLink:active, .csright .ListLinkList.simple a.SetLink:focus, .csfull .ListLinkList.simple a.SetLink:active, .csfull .ListLinkList.simple a.SetLink:focus, .csright .ListLinkList.simple .SetLink a:active, .csright .ListLinkList.simple .SetLink a:focus, .csfull .ListLinkList.simple .SetLink a:active, .csfull .ListLinkList.simple .SetLink a:focus { color: var(--color_cWhite); background-color: var(--color_cBlack); } .csfullnright .ListLinkList.simple a.SetLink:focus .icon, .csfullnright .ListLinkList.simple a.SetLink:active .icon .csright .ListLinkList.simple a.SetLink:active .icon, .csright .ListLinkList.simple a.SetLink:focus .icon, .csfull .ListLinkList.simple a.SetLink:active .icon, .csfull .ListLinkList.simple a.SetLink:focus .icon, .csright .ListLinkList.simple .SetLink a:active .icon, .csright .ListLinkList.simple .SetLink a:focus .icon, .csfull .ListLinkList.simple .SetLink a:active .icon, .csfull .ListLinkList.simple .SetLink a:focus .icon { color: var(--color_cBlack); background-color: var(--color_cWhite); } @media screen and (min-width:1281px) { .csfullnright .ListLinkList.simple ul { -webkit-column-break-inside:avoid; -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; line-height:0; } .csfullnright .ListLinkList.simple li { display:inline-block; width:100%; line-height: 1.5em; } } @media screen and (max-width:544px) { .csfullnright .ListLinkList.simple .textWrapper { margin-right: 0; margin-left: 2.5rem; } .csfullnright .ListLinkList.simple .textWrapper { margin: 0.25rem 0 0.25rem 2.5rem; font-size: 0.75rem; } .csfullnright .ListLinkList.simple .textWrapper .caption { font-size: 0.75rem; } } .csleft .ListLinkList.simple { background: white none repeat scroll 0 0; margin: 0 0.5rem 1.5rem; padding: 1.25rem; } .csleft .ListLinkList.simple .title { font-family: EuclidFlex-Bold; font-size: 1rem; letter-spacing: 1px; margin-bottom: 1rem; text-transform: uppercase; } .csleft .ListLinkList.simple a:not(.editButton) { color: var(--color_cBlueDark); position: relative; line-height: 1.5em; } .csleft .ListLinkList.simple li { clear: both; } .csleft .ListLinkList.simple .description { display: none; } .csleft .ListLinkList.simple .iconWrapper { float: left; } .csleft .ListLinkList.simple .textWrapper { margin: 0 0 0 1.5rem; } .csleft .ListLinkList.simple .textWrapper .BasicText { line-height: 1rem; } .leftColumn .ListTextList .infoBlock .SetText { margin-left: 0; margin-right: 0; } .leftColumn .ListTextList .infoBlock .SetText .withoutRight { -webkit-columns: 1; -moz-columns: 1; columns: 1; } .ListVideoList.Widget .textWrapper { background-color: var(--color_bcBlack50); padding:1.25rem 1.25rem 0; overflow:hidden; } .ListVideoList.Widget > .wrapper { background-color: var(--color_bcBlack50); padding-bottom: 0; } .ListVideoList.Widget .title{ padding: 0; } .ListVideoList.Widget .textWrapper .BasicText { margin-bottom: 1.25rem; } .ListVideoList.Widget .BasicText a{ color: var(--color_cWhite); transition: color 0.3s; } .ListVideoList.Widget .BasicText a:focus, .ListVideoList.Widget .BasicText a:active, .ListVideoList.Widget .BasicText a:hover{ color: var(--color_cLink); } @media screen and (max-width:368px) { .ListVideoList.Widget .textWrapper { padding-right: 1rem; padding-left: 1rem; } }