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: #37e0ff; cursor: pointer; text-decoration: none; display: inline-block; } a.noLinkDecoration { color: inherit; } /**************** Wait Animation *********************/ #waitbox { display: none; } body.wait #waitbox { display: block; } #waitbox>.overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000000; opacity: 0.7; z-index: 99999; } #waitbox>.wait { background-color: #ffffff; border: 1px solid #000000; border-radius: 12px; box-shadow: 0 0 15px #000000; color: #000000; font-size: 13px; height: 100px; left: 50%; margin-left: -90px; margin-top: -50px; padding-top: 20px; position: fixed; text-align: center; top: 50%; width: 180px; z-index: 99999; } #waitbox>.wait .img { background-image: url('File/skeleton_html/loading.gif'); width: 32px; height: 32px; margin: 0 auto; } #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:hover { 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:#37e0ff; top: 0.75em; width: 2px; height: 2px; } .BasicText a { color: #37e0ff; } .BasicText a:focus, .BasicText a:active { color:#000000; } .BasicText ol { } .Widget > .loading { text-align: center; padding: 2rem 0; } [data-dynamic-loader="loader"].loading { width:50px; height:50px; background-image:url("/Ressource/Graphic/loading.gif"); background-position: center; background-repeat: no-repeat; } .versionHint { padding: 1rem 2rem; background-color: #333439; overflow: hidden; color: #FFFFFF; } .versionHint .hint { margin-right: 1rem; } .versionHint .defaultButton.reloadPage { display: inline-block; } .versionHint .closeVersionHint { float: right; cursor: pointer; } .VersionProperty .description.multipage { min-height:8rem; } .VersionProperty .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; } .Page { width: 100%; } .header .headerWrapper, #spacerHeader, .content[data-role="content"], .footerWrapper, .poweredByCellms .wrapper { max-width:90rem; margin:0 auto; } .Page { color:#000000; 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:#7f7f7f; z-index: -99999; } .headerWrapper { color:#ffffff; box-sizing:border-box; padding:0 3rem; position:relative; overflow:hidden; } .header .actionWrapper { overflow:hidden; text-align:right; } .header .actionWrapper a:not(.editButton) { color: #ffffff; display: inline-block; font-family:EuclidFlex-Bold; font-size:0.625rem; text-transform: uppercase; letter-spacing:1px; line-height:1rem; padding:0.5rem 0.75rem; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .header .BasicLanguageBox, .header .actionLinkList, .header .CustomUserLogin { display:inline-block; } .header .CustomUserLogin .userName { margin-right:0.5rem; } .header .actionLinkList .BasicText { display:none; } .header .BasicLanguageBox a.selected { display:none; } .header .logoWrapper { clear:both; float:left; margin-top:-1.5rem; margin-bottom:1.5rem; } .header .logoGraphic { float:left; margin-right:1.25rem; margin-bottom:2rem; } .header .logoGraphic img { height:5.25rem; } .header .logoText { float:left; margin-top:3.5rem; } .header .desktopMenuIcon { float:right; padding:0.5rem; cursor:pointer; } .header .breadcrumb { clear:both; overflow:hidden; margin-bottom:1rem; } .header .breadcrumb a { color: #ffffff; } .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:#000000; } .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: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; } } .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 .mainMenu.ListLinkList .BasicText { display:none; } .mainMenu a { color: #000000; } .desktopMenu .mainMenu ul.link { float:right; text-align:right; clear:both; } .mainMenu li[data-depth="0"] { background-color:#ffffff; 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:#000000; color:#ffffff; } .mainMenu li[data-depth="1"] { padding: 0 1rem; overflow:hidden; } .mainMenu li[data-depth="1"] > .SetLink { border-bottom:1px solid #000000; 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; } @media screen and (max-width:544px) { .header .desktopMenu, .header .desktopMenuButton { display:none; } .overlayMenu { display:none !important; } } .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:#ffffff; } .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: #ffffff; 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:#ffffff; } .mobileMenu .nextLevelCaption{ position: absolute; top: 0; left: 100%; width: 100%; margin-top: -3rem; 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:#ffffff; 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: 3rem; -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: #7f7f7f; display:block; padding-right:0.3125rem; } .mobileMenu .mobileNav .noLink, .mobileMenu .mobileNav a { box-sizing: border-box; color:#ffffff; 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 #ffffff; margin-left: 0; } .mobileMenu .mobileNav .noLink:active, .mobileMenu .mobileNav .noLink:focus .mobileMenu .mobileNav a:active, .mobileMenu .mobileNav a:focus { background-color: #ffffff; color: #000000; } .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 .actionLinkList, .mobileMenu .CustomUserLogin { display:block; margin-bottom:2.5rem; text-align:center; } .mobileMenu .actionLinkList a, .mobileMenu .CustomUserLogin a { color:#ffffff; padding:0 1.5rem; } .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 .menuContent .BasicLanguageBox{ float: none; } .mobileMenu .menuContent .BasicLanguageBox a.selected{ display: block; text-decoration: underline; } .mobileMenu .BasicLanguageBox{ width: 100%; margin: 0 0 2.5rem; overflow:hidden; } .mobileMenu .BasicLanguageBox a{ float:left; width: 50%; text-align: center; box-sizing: border-box; font-size: 0.625rem; color: #ffffff; /*Gotham Bold*/ font-family: 'Gotham A', 'Gotham B', 'Helvetica'; font-style: normal; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; } .mobileMenu .searchWidget.BasicForm{ width: 100%; box-sizing: border-box; padding: 0 0.5rem; margin-bottom:2rem; } .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: #7f7f7f; } .mobileMenu .searchWidget .inputSearchIcon{ position: absolute; top: 14px; right: 14px; font-size: 1.25rem; color: #7f7f7f; } .mobileMenu .searchWidget input[type="submit"]{ display: none; } @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:#ffffff; } .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: #000000; color: #ffffff; } .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 label, .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; padding: 0 0 0 1rem; border: 0; background-color: #ffffff; font-family: EuclidFlex-Regular; color: #000000; } .footer .column.newsletter .validationMessage{ margin:0; } .footer .column.newsletter .BasicForm .formSubmitMessage{ padding: 0; color: #ffffff; } .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: #000000; line-height: 2.5rem; border: 0; position: absolute; top: 0; right: 0; background-color: #ffffff; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; padding:0; font-size: 1.25rem; } .footer .column.newsletter button:focus, .footer .column.newsletter button:active { color: #ffffff; background-color: #007daa; } .footer .column.newsletter .BasicForm button.hover{ background-color: #37e0ff; color: #ffffff; } .footer .column .BasicText{ line-height: 1.5em; padding-bottom: 3rem; } .footer .column .BasicText a, .footer .column .BasicText a:visited { color: #ffffff; } .footer .column .BasicText a:active, .footer .column .BasicText a:focus{ color: #007daa; } .footer .column.linklist{ margin-bottom: 2rem; } .footer .column .ListLinkList li a{ color: #ffffff; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; padding: 0.2rem; } .footer .column .ListLinkList li a:active, .footer .column .ListLinkList li a:focus { background-color: #007daa; } .poweredByCellms{ display:none; width: 100%; border-top: 1px solid #ffffff; 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: #000000; 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: #37e0ff; } } .subscription_step1_footerForm .chegroup{ display: none; } .subscription_step1_footerForm form.open .chegroup{ display: block; } .BasicForm.multiStep { } .BasicForm .multiStepNav { } .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; } .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 { overflow: hidden; 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 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 #b2b2b2; } .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: #e0152b; } .BasicForm .wrapper button { float:right; } #submitMessage { display: none; } .BasicFormTextProperty .first { clear: both; } #formOverlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #ffffff; opacity: 0.7; z-index: 99999; } #formContainer { background-color: #FFFFFF; border: 1px solid #000000; box-shadow: 0 0 15px #000000; 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; } .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:#37e0ff; -webkit-box-shadow: none; box-shadow: none; } .select2-drop-multi.select2-drop-active.select2-drop { background-color:#37e0ff; 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:#000000; } .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:#37e0ff; } .wrapperForm .wrapper .select2-container-multi .select2-choices .select2-search-choice{ border-color:#37e0ff; 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; } .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: #ffffff; padding: 1.25rem 0.625rem; } .BasicForm form, .BasicForm formwysiwyg { overflow:hidden; } .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 h1 { font-size: 1.25rem; } } .BasicForm .wrapper { box-sizing: border-box; padding: 0 0.625rem; } .BasicForm button { font-size: 0.8125rem; } .BasicForm .wrapper.submit { border-left:none; width:100%; } .BasicForm .text label, .BasicForm .textarea label, .BasicForm .password label { display:none; } .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 0.75rem; border-color:#b2b2b2; -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; font-family: EuclidFlex-Regular; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .BasicForm textarea { padding:0.75rem; } .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:#37e0ff; } .BasicForm input:invalid, .BasicForm textarea:invalid { box-shadow:none; } *::-webkit-input-placeholder { opacity: 1; color:#b2b2b2; font-size: 0.8125rem; font-family: EuclidFlex-Regular; } *:-ms-input-placeholder { opacity: 1; color:#b2b2b2; font-size: 0.8125rem; font-family: EuclidFlex-Regular; } *:-moz-placeholder { opacity: 1; color:#b2b2b2; font-size: 0.8125rem; font-family: EuclidFlex-Regular; } *::-moz-placeholder { opacity: 1; color:#b2b2b2; font-size: 0.8125rem; font-family: EuclidFlex-Regular; } .input-placeholder { opacity: 1; color:#b2b2b2; 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: #000000; } .BasicForm .title, .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:#000000; } .BasicForm .validationMessage { color: #e0152b; 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:#ffffff; } .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:#ffffff; } .BasicForm .dropDown .caption { padding: 0 0.75rem; border: solid #b2b2b2 1px; font-size:0.8125rem; line-height:2.375rem; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; position:relative; } .BasicForm .dropDown .caption:after { position:absolute; right:0.5rem; content:""; font-family:SSGizmo; font-size:1.25rem; color:#b2b2b2; 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:#000000; font-size:0.75rem; padding:0 0.75rem; min-height:2.5rem; line-height:2.5rem; border:solid #b2b2b2 1px; border-top-width: 0; background-color:#ffffff; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .BasicForm .dropDown .item:focus, .BasicForm .dropDown .item:active, .BasicForm .dropDown a:focus, .BasicForm .dropDown a:active, .BasicForm .dropDown .item.selected { color:#ffffff; background-color:#37e0ff; } .BasicForm .wrapper.checkbox { position:relative } .BasicForm .wrapper.checkbox input { display: none; } .BasicForm .wrapper.checkbox .text { padding-top:0.5rem; } .BasicForm .wrapper.checkbox label::before { display: block; border:1px solid #b2b2b2; content: "✓"; font-family:SSGizmo; font-size:1.25rem; color:#ffffff; 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:#000000; } .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: #e0152b; } .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: rgba(80,80,80,0.5); color:#ffffff; border-radius: 5px; margin-bottom:6px; display:none; cursor:pointer; } .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:#ffffff; } [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 h1 { color:#ffffff; 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:#e0292b; } @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; width:100%; } .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:#FFFFFF; border:2px solid #000000; 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:#000000; background-color:#ebebe8; } .overlayWrapper .BasicSpacerContentLoader .closeButton { color:#000000; } .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: #FFFFFF; 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: #000000; text-align: center; font-size: 25px; margin: 25px 40px; padding-bottom: 25px; border-bottom: 1px solid #ffffff; letter-spacing: 0; float: none; } .Tracking .newsletterTracking .newsletterText { padding: 0 40px; font-size: 16px; color: #000000; } .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: #000000; } .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 .duration { position: absolute; top: 0; right: 0; color: #ffffff; background-color: #000000; 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: rgba(0,0,0,0.5); 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 .qualities { overflow: hidden; display: inline-block; } .BasicVideo .quality { float: left; margin: 0.5rem; } .BasicVideo .quality label { padding: 0.5rem; background-color: rgba(0,0,0,0.5); display: block; } input:checked+label.stateButton { background-color: #37e0ff; } .BasicVideo .quality input { display: none; } .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;*/ } .BasicGraphic, .centerFix { text-align:center; } .BasicGraphic img, .centerFix img { max-height:100%; max-width:100%; height:auto; vertical-align:middle; display:inline-block; } .BasicGraphic:before, .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 { 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; } } .cookieWarning { background-color:#000000; color:#ffffff; z-index: 9022; } .cookieWarning .wrapper { padding: 1.25rem 12rem 1.25rem 2.5rem; } .cookieWarning button { padding:0.75rem; } .cookieWarning a{ color:#37e0ff; } @media screen and (max-width:544px) { .cookieWarning .wrapper { padding: 0.75rem 1rem 1.25rem 1rem; } } .Page button, 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 #37e0ff; background-color:#37e0ff; color:#000000; 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: #dddddd; border-color: #7f7f7f; color: #7f7f7f; } .menuButton { transition: .3s; cursor: pointer; user-select: none; width:1.5rem; height:1.5rem; padding:0.75rem; } .menuButton:hover { opacity: 1; } .menuButton:active { transition: 0; } .menuButton .lines { display: inline-block; width: 1.5rem; height: 2px; background-color: #ffffff; 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: #ffffff; 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 { top: 0.625rem; } .menuButton:hover .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: #ffffff; border-bottom-width: 0.0625rem; } .dropDown .itemList { height: 0; width: 100%; overflow: hidden; position: absolute; z-index: 900; background-color: #ffffff ; } .dropDown .item { display: block; padding: 0.5rem 1rem; border-bottom-width: 0.0625rem; border-bottom-color: #ffffff; background-color: #ebebe8; cursor: pointer; } .dropDown .item.selected { color: #ffffff; background-color: #37e0ff; } .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:rgba(0,0,0,0.5); 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: #ffffff; } .overview.List .pager div { background-color: #ffffff; 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:focus, .overview.List .letterPagination .letter.selected, .overview.List .letterPagination .clear:focus { background-color: #37e0ff; color: #ffffff; } .overview.List .letterPagination .letter.empty { display: none; } .overview.List .groupedViewTitle { clear: both; color: #ffffff; 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: #ffffff; content: ""; display: inline-block; height: 1px; vertical-align: middle; width: 100%; } .overview.List .groupName { line-height: 2rem; text-transform: uppercase; color: #ffffff; font-family: EuclidFlex-Bold; width: 10rem; text-align: center; clear:both; } @media screen and (max-width: 414px) { .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%; } } .teaserCard { display: inline-block; box-sizing: border-box; color: #000000; 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: #ffffff; } .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; } @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; } } .roundIcon, a .roundIcon { display:block; background-color: #ffffff; color:#000000; 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; } .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: #ffffff; 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: #ffffff; 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: rgba(0,0,0,0.5); color: #ffffff; 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: #ffffff; box-sizing: border-box; padding: 1.25rem 3.5rem 1.25rem 1.25rem; font-family: EuclidFlex-Bold; text-align: left; color: #000000; 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: #000000; 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; } .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:#ebebe8; 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; } #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:#ffffff; 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:#ebebe8; font-size:14px; overflow:hidden; padding:8px 36px 8px 16px; line-height:24px; } .CustomFlyout.panelContent .contentWrapper { margin:32px 24px 8px 24px; background-color:#ffffff; 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:#ffffff; 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:#000000; } .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*="ss-"]{ font-size: 22px; line-height: 33px; } @media screen and (max-width: 1096px) { .Page .pageActionBar { right:0; } .Page.scrollDown .pageActionBar { right:-2.5rem; } } @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; } } .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:#ffffff; 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:#ebebe8; font-size:14px; overflow:hidden; padding:8px 36px 8px 16px; line-height:24px; } .CustomFlyout.panelContent .contentWrapper { margin:32px 24px 8px 24px; background-color:#ffffff; 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:#ffffff; 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:#000000; } .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*="ss-"]{ font-size: 22px; line-height: 33px; } @media screen and (max-width: 1096px) { .Page .pageActionBar { right:0; } .Page.scrollDown .pageActionBar { right:-2.5rem; } } @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; } } .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 .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: #FFFFFF; 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 .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:#ffffff; 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.text label, .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 h1 { padding:0 0.5rem; } .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:#ffffff; } .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:#37e0ff; background-color:#37e0ff; } .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:#ffffff; } @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 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: #000000; 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: #e0152b; 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: #000000; } .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; } .semantic.AdminRelation #refreshSemantic { width: auto; margin-left: 16px; padding: 0 10px; } .CustomStyla { } .CustomUserLogin a { width: auto; position: relative; background-position: right; background-repeat: no-repeat; } .CustomUserLogin #userLoginMessage { color: #e0152b ; text-align: center; } .CustomUserLogin .userLoginForm .mandatory_field_desciption { display: none; } .pageActionBar .CustomUserLogin.userLoginState a span, .pageActionBar .CustomUserLogin.userLoginState .myPageLink { display:none; } .pageActionBar .CustomUserLogin.userLoginState .pageAction.logIn span, .pageActionBar .CustomUserLogin.userLoginState .pageAction.logOut span{ display:inline-block; } .pageActionBar .CustomUserLogin.userLoginState a{ padding:0px; } .CustomUserLogin .loginWrapper { position: relative; } .CustomUserLogin .userLoginAdvice { padding: 1.5rem 0.625rem; color: #ffffff; } .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: #ffffff; } .BasicSpacerContentLoader .CustomUserLogin.alreadyLoggedIn { color: #ffffff; } @media screen and (max-width:544px) { .CustomUserLogin .userLoginAdvice { padding-top: 0; } } .headerWrapper .CustomUserLogin.userLoginState .pageAction.logOut, .headerWrapper .CustomUserLogin.userLoginState .pageAction.logIn{ display: none; } #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 .submit_message { padding: 0 0.5rem 2rem; } .CustomUserResetPassword h1 { color:#ffffff; 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: #ffffff; } .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: #ffffff; 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: #ffffff; content: ""; display: inline-block; height: 1px; vertical-align: middle; width: 100% } .CustomArticle.overview.person .personOverviewTeaser { width: auto; position:relative; border-top:1px solid #000000; } .CustomArticle.overview.person .personOverviewTeaser.opened { border-top-color:transparent; } .personOverviewTeaser:last-child { border-bottom:1px solid #000000; } .personOverviewTeaser > a { display:block; } .personOverviewTeaser .navIcon { color:#ffffff; position: absolute; top: 1.5rem; right: 0.5rem; font-size: 1.25rem; } .personOverviewTeaser .teaserWrapper { background-color:rgba(0,0,0,0.2); padding:1rem; color:#ffffff; 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:#ffffff; } .personOverviewTeaser .phoneFaxWrapper, .personOverviewTeaser .mailWrapper { float:left; } .personOverviewTeaser .phoneFaxWrapper { width: 10rem; min-height: 1px; } .personOverviewTeaser .detailWrapper { display:none; } .personOverviewTeaser .supLink .icon { display:none; background-color: #000000; 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:#000000; } .personOverviewTeaser > a:focus .navIcon, .personOverviewTeaser > a:active .navIcon { color:#37e0ff; } .personOverviewTeaser .supLink:focus .icon, .personOverviewTeaser .supLink:active .icon { background-color:#37e0ff; color:#ffffff; } .personOverviewTeaser .phone:focus, .personOverviewTeaser .phone:active, .personOverviewTeaser .fax:focus, .personOverviewTeaser .fax:active { color:#37e0ff; } @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: #ffffff; 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:#000000; } .personOverviewTeaser.opened .teaserWrapper.mobile { background-color:#000000; } .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: #000000; background-color: #ffffff; 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: #ffffff; display: block; } .CustomArticle.student.overview .studentTeaser .textWrapper { overflow: hidden; text-align: left; font-family: EuclidFlex-Regular; background-color: rgba(0,0,0,0.5); padding: 0.75rem 0.5rem; border-top: 1px solid #ffffff; } .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 #ffffff; } @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.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: #ffffff; 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: rgba(0,0,0,0.5); color: #ffffff; 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: #ffffff; font-family: EuclidFlex-Bold; text-align: left; color: #000000; } @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: #37e0ff; } .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:50%; } .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:1rem; } .CustomArticle.detail.person .contact .link { color:#37e0ff; margin-bottom:0.5rem; } .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:#ffffff; background-color: #000000; float:left; } .CustomArticle.detail.person .contact .link .caption { color:#000000; display:block; margin-left: 3rem; margin-top: 0.75rem; width: 100%; } @media screen and (max-width:544px) { .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; } } .personTeaser { box-sizing:border-box; padding:0 0.5rem 1rem; } .personTeaser.clearBoth { clear: both; } .personTeaser .teaserWrapper { background-color:#ffffff; 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:#000000; } .personTeaser .linksWrapper a:focus, .personTeaser .linksWrapper a:active { color:#37e0ff; } .personTeaser .teaserWrapper > a { display:block; color:#000000; 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:#37e0ff; color:#ffffff; } .CustomArticle.Teaser.personLink { display:block; } .CustomArticle.Teaser.personLink .teaserWrapper { margin:0; padding:1rem 0; background-color:#000000; } .CustomArticle.Teaser.personLink a { display:block; color:#ffffff; -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:#000000; color:#ffffff; } .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: #ffffff; } .CustomArticle.projekt .articleContent .personLink a { color: #000000; } } @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; } @media screen and (max-width: 544px){ .CustomArticle.projektTeaserList { padding: 0 0.25rem; } } .CustomArticle.teaserListMultipicture { overflow: hidden; color: #ffffff; 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: #ffffff; display:block; } .CustomArticle.teaserListMultipicture + *:not(.teaserListMultipicture) { clear: both; } .CustomArticle.teaserListMultipicture .imgWrapper { overflow: hidden; } .CustomArticle.teaserListMultipicture .imgWrapper .preview { float: left; width: 25%; } .CustomArticle.teaserListMultipicture .imgWrapper .placeholder { padding-bottom:25%; background-color:rgba(0,0,0,0.5); } .CustomArticle.teaserListMultipicture .textWrapper { background-color: rgba(0,0,0,0.5); 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.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:rgba(0,0,0,0.5); 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: #ffffff; margin-bottom: 1rem; color:inherit; position:relative; } .CustomArticle.blogTeaser .categories { position:absolute; top:0; right:0; } .CustomArticle.blogTeaser .tag { background-color:#000000; color: #ffffff; 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:#ffffff; background-color: #000000; 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:#000000; background-color: #37e0ff; } .CustomArticle.blog .infoBlock .SetText .withoutRight { -webkit-columns: 1; -moz-columns: 1; columns: 1; } .CustomArticle.veranstaltungTeaserList { margin-bottom:2.5rem; } .CustomLibrary.overview { margin: 0 0.5rem 2.5rem; padding:0; } .CustomLibrary.overview .overviewContent { padding: 2.5rem; background-color: #ffffff; } .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; } @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: #ffffff; } } .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: #ebebe8; 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: #000000; } .CustomLibrary.imageTeaser .links .roundIcon { float: left; } .CustomLibrary.imageTeaser .links .linkCaption { display: inline-block; padding: 0.625rem 1rem; } @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 { } .CustomLibrary.textList a { display:block; color:#000000; border-bottom: 1px solid #b2b2b2; line-height: 1.75rem; padding: 0 4px; } .CustomLibrary.textList a.hidden { display:none; } .CustomLibrary.textListSemesterapparate .entry { margin-bottom:1rem; overflow:hidden; } .CustomLibrary.textListSemesterapparate .entry a { float:left; clear:both; } .CustomLibrary.textTree { } .CustomLibrary.textTree > .BasicText { margin-bottom: 1.5rem; } .CustomLibrary.textTree .catalogUrl { overflow: hidden; color: #000000; line-height: 1.75rem; padding: 0 4px; display: block; } .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 #b2b2b2; margin-top:1rem; } .CustomLibrary.textTree .catalogUrl.l3 { border-bottom: 1px solid #b2b2b2; margin-left: 1rem; } .CustomLibrary.textTree .catalogUrl.l4 { border-bottom: 1px solid #b2b2b2; margin-left: 2rem; } .CustomLibrary.catalogSearch { background-color: rgba(0,0,0,0.5); padding: 1rem; margin-bottom: 2rem; width: auto; margin-left: 0.5rem; margin-right: 0.5rem; } .CustomLibrary.catalogSearch .text { color: #ffffff; margin-bottom: 1rem; } .CustomLibrary.catalogSearch form { position: relative; } .CustomLibrary.catalogSearch .searchInputWrapper { padding-left: 3.5rem; } .CustomLibrary.catalogSearch input[type="text"] { padding-right: 2rem; } .CustomLibrary.catalogSearch a { display: block; } .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:#000000; 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: #000000; } .CustomLibrary .linkTeaser .absoluteWrapper { -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; } .CustomLocation.detail { margin: 0 0.5rem 2rem; } @media screen and (max-width: 544px) { .CustomLocation.detail { margin: 0 0 2rem; } } .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 #b2b2b2; 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: #37e0ff; 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: #b2b2b2; position: absolute; top: 50%; left: 0; right: 0; } .CustomMap .column { width: 1px; background-color: #b2b2b2; 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: #ffffff; 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: #ffffff; 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:#37e0ff; } .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:#ffffff; background-color: #000000; 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:#000000; background-color: #37e0ff; } .CustomNews.Detail .infoBlock.date >.wrapper { background-color:#000000; color:#ffffff; text-align:center; line-height:1.5em; } .CustomNews.Detail .infoBlock.date .title { margin-bottom: 0; font-size: 1rem; line-height: 1.5em; text-transform: none; letter-spacing: normal; text-align: left; } .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 .icon { position: absolute; font-size: 22px; padding-top: 8px; } .CustomNews.Detail .infoBlock.date .title .prosa { font-family: EuclidFlex-Regular; padding-left: 2.5rem; } .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; } @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 .relation .Teaser { width: 20%; } @media screen and (max-width: 1024px){ .CustomNews .relation .Teaser { width: 33.333%; } } @media screen and (max-width: 832px){ .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; } @media screen and (max-width:544px) { .CustomNews.teaserList { padding-left:0.25rem; padding-right:0.25rem; } } .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 .groupName { width:13rem; } .CustomNews.overview.List .groupedViewTitle { padding-bottom:1rem; } @media screen and (max-width: 414px) { .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; } } .CustomPermission { margin:0 0.5rem 2.5rem; } .CustomPermission .description { overflow: hidden; background-color: #ffffff; padding: 1.25rem 1rem; margin-bottom: 1.25rem; } .CustomPermission .group { overflow: hidden; background-color: rgba(0,0,0,0.5); 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: #ffffff; 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 h1 { color: #000000; } @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:0; 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: #ffffff; } .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: #b2b2b2; 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 #b2b2b2 solid; margin-bottom:2rem; } .searchResults .searchData li { border-bottom: 0.0625rem #b2b2b2 solid; padding: 0.75rem 0; } .content .searchData a { color: #000000; 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: #ebebe8; 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"); } .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: #ffffff; 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:#007daa; } @media screen and (max-width:544px) { .CustomSocialMedia.channels a { margin:0; padding: 0 0.75rem; } .CustomSocialMedia.channels .wrapper{ padding-bottom: 1rem; } } .CustomSocialMedia.social { text-align:center; margin-bottom:1rem; } .CustomSocialMedia.social .caption { color:#ffffff; margin-bottom:1rem; } .CustomSocialMedia.social li { display:inline-block; } .CustomSocialMedia.social a { font-size:1.5rem; padding:0.75rem; color:#ffffff; } .CustomTag.tagcloudFilter .CustomTag.Cloud .Tag { padding-left:1rem; } .CustomTag.tagcloudFilter { background-color: #37e0ff; 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 #000000; color: #000000; display: block; line-height: 1.5rem; padding: 0 0.375rem; } .CustomTag.tagcloudFilter .Tag.selected { color:#ffffff; background-color:#000000; } .CustomTag.tagcloudFilter .Tag:active, .CustomTag.tagcloudFilter .Tag:focus, .CustomTag.tagcloudFilter .Tag.selected { color:#ffffff; background-color:#000000; } .CustomTag.tagcloudFilter .CustomTag.Cloud { height:0; overflow:hidden; } .CustomTag.tagcloudFilter .open .CustomTag.Cloud, .CustomTag.tagcloudFilter.open .CustomTag.Cloud { height:auto; } .CustomUserNavigation { bottom: -4px; } .CustomUserNavigation li { float: left; margin-right: 24px; color: #ffffff; } .CustomUserNavigation a { color: #37e0ff; padding-right:0; } .CustomUserProfile .error { color: #e0152b; } .CustomUserProfile .valid { color: #31b847; } .CustomUserProfile .userProfileRegisterForm .mandatory_field_desciption { display: none; } .BasicSpacerContentLoader .CustomUserProfile.register h1 { margin: 0 0 1.5rem; } .BasicSpacerContentLoader .CustomUserProfile .BasicForm .formSubmitMessage { padding: 0; } .BasicSpacerContentLoader .CustomUserProfile .BasicForm .formSubmitMessage .submit_message { 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%; } .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 { overflow: hidden; } .CustomUserProfileAddressJs .addressList { overflow: hidden; } .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; } .CustomUserProfileAddressJs .addressEntry { float: left; width: 33.33%; overflow: hidden; } .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 { overflow: hidden; display: none; } .CustomUserProfileJs.open .editContent { display: block; } .CustomUserProfileJs form { overflow: hidden; } #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; } } .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; } .mailManagement .fileWrapper input[type="checkbox"]{ float:right; margin-bottom: 0; } .mailManagement .attachmentWrapper .attach{ float:right; position: relative; top: 1rem; } .mailManagement .buttonWrapper{ padding-left: 120px; } .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; } .CustomUserProfile.projectRequests{ background-color: #ffffff; 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 #000000; margin-top: 2rem; display: none; } .CustomUserProfile.projectRequests .bufferFormHtml.open{ display: block; } .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: #ffffff; 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: #ffffff; } .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: #000000; background-color: #ffffff; 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: #000000; display: block; overflow:hidden; } .csfullnright .ListDownloadList.pageElt .SetDownload .icon, .csfullnright .DownloadListOverview .SetDownload .icon { display: block; border-radius: 100%; background-color: #000000; color: #ffffff; 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:#b2b2b2; } .csfullnright .ListDownloadList.pageElt .SetDownload .textWrapper .BasicText, .csfullnright .DownloadListOverview .SetDownload .textWrapper .BasicText { display: inline; } .csfullnright .ListDownloadList.pageElt .SetDownload a:focus, .csfullnright .DownloadListOverview .SetDownload a:focus, .csfullnright .ListDownloadList.pageElt .SetDownload a:active, .csfullnright .DownloadListOverview .SetDownload a:active { color: #ffffff; background-color: #000000; } .csfullnright .ListDownloadList.pageElt .SetDownload a:focus .icon, .csfullnright .DownloadListOverview .SetDownload a:focus .icon, .csfullnright .ListDownloadList.pageElt .SetDownload a:active .icon, .csfullnright .DownloadListOverview .SetDownload a:active .icon { color: #000000; background-color: #ffffff; } @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:#37e0ff; 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; } .SetSeparator { font-family: EuclidFlex-Bold; color: #ffffff; margin: 0 0.5rem 2.5rem; overflow: hidden; font-size: 1.25rem; } .SetSeparator.center { text-align: center; } .SetSeparator.center:before, .SetSeparator:after { background-color: #ffffff; 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; } } .SetVideo { color: #ffffff; } .SetVideo .wrapper { margin: 0 0.5rem; background-color: #000000; 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; } #wysiwyg .SetVideo .wrapper { position: relative; } .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: #000000; 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; } .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%; } .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 video, .lightbox .BasicVideo.hoster { max-width: 1280px; } } @media screen and (max-height: 720px) { .lightbox .BasicVideo video, .lightbox .BasicVideo.hoster { max-width: 1024px; } } @media screen and (max-height: 575px) { .lightbox .BasicVideo video, .lightbox .BasicVideo.hoster { max-width: 853px; } } @media screen and (max-height: 479px) { .lightbox .BasicVideo video, .lightbox .BasicVideo.hoster { max-width: 568px; } } @media screen and (max-height: 319px) { .lightbox .BasicVideo video, .lightbox .BasicVideo.hoster { max-width: 480px; } } @media screen and (max-height: 269px) { .lightbox .BasicVideo video, .lightbox .BasicVideo.hoster { max-width: 320px; } } .SetVideo.lightbox { background-color: #000000; } .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: #ffffff; text-shadow: 1px 1px 0 #000000; } .SetVideo.lightbox .videoWrapper .BasicVideo, .SetVideo.lightbox .VideoBox, .SetVideo.lightbox .VideoBox video { max-height: inherit; } .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:#ffffff; 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:#ffffff; 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:#000000; color:#ffffff; 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: rgba(0,0,0,0.5); bottom: 0; color: #ffffff; font-size: 0.75rem; padding: 0.5rem; position: absolute; right: 0; z-index: 10; } .SetArticle.detail .articleContent { font-size:1rem; line-height:1.5em; } .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:#ffffff; padding:1.25rem 0.75rem 2.5rem; margin-bottom: 1.25rem; } .SetArticle.detail .formularWrapper .BasicForm h1 { margin:0 0.5rem 1rem; } .SetArticle.detail .formularWrapper .BasicForm .formSubmitMessage { padding-top:0; color:#000000; } .SetArticle.detail .formularWrapper .BasicForm #submitMessage { padding-bottom:0.5rem; } .SetArticle.detail .detailNav { margin: 0 0.25rem; } .SetArticle.detail .detailNav a { width:50%; } .SetArticle.detail .detailNav .previous { float:left; } .SetArticle.detail .detailNav .next { float:right; } .SetArticle.detail .detailNav .navElt { background-color:#ffffff; margin: 0 0.5rem; padding:0.5rem; color:#000000; overflow:hidden; border-radius:3px; display:none; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .SetArticle.detail .detailNav a .navElt { display:block; } .SetArticle.detail .detailNav a:focus .navElt, .SetArticle.detail .detailNav a:active .navElt { background-color:#000000; color:#ffffff; } .SetArticle.detail .detailNav .navElt > :first-child { float:left; } .SetArticle.detail .detailNav .navElt > :last-child { float:right; } .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 .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, .SetArticle.detail .ListAudioList.Widget .SetAudio { width:25%; } .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, .SetArticle.detail .ListAudioList.Widget .SetAudio { width:33.3333333%; } .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, .SetArticle.detail .ListAudioList.Widget .SetAudio { width:50%; } .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; } } @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 .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; } } .SetAudio { color: #ffffff; } .SetAudio.teaser > .wrapper { cursor: pointer; } .SetAudio .audioIcon { position: absolute; left: 1.25rem; bottom: 1rem; height: 2.5rem; background-color: rgba(0,0,0,0.5); 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 .wrapper { margin: 0 0.625rem; background-color: #000000; } .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; } .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: #000000; } .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: #ffffff; text-shadow: 1px 1px 0 #000000; } .SetAudio.lightbox .abswrapper { overflow: visible; } .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: #000000; 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: #ffffff; } .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: #ffffff; color: #000000; } .ListImageGallery.extendedSlideshow.Flipping .SetImage .description { font-size: 1.3125rem; max-height: 100%; max-width: 100%; } .ListImageGallery.extendedSlideshow .imageFlipping .flipper .back .BasicText { color: #000000!important; } .ListImageGallery.extendedSlideshow .SetImage.imageFlipping .linkWrapper { position: relative; bottom: 4rem; } .ListImageGallery.extendedSlideshow .imageFlipping .flipper .back a { color: #37e0ff; font-size: 1rem; border: solid 1px #37e0ff; -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; } .personTeaser > .SetImage .BasicGraphic::before { content:none; } .personTeaser > .SetImage .BasicText { position:static; } .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; } .SetImage.linkTeaser .BasicText{ position:static; } .SetImage.linkTeaser .absoluteWrapper{ opacity: 0.5; background-color: #000000; } .SetImage.linkTeaser.withGraphic .absoluteWrapper{ opacity: 0.2; } .SetImage.linkTeaser .title{ font-size: 1.25rem; font-family: EuclidFlex-Bold; color: #ffffff; 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:#ffffff; padding:1rem; color:#000000; } .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%; } } .SetMenu.contentMenu { background-color: #37e0ff; 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 #000000; } .SetMenu.contentMenu li.selected a, .SetMenu.contentMenu li a.selected { border-bottom-color:#37e0ff; } .SetMenu.contentMenu a { color: #000000; display: block; line-height: 1.5rem; padding: 0 0.375rem; } .SetMenu.contentMenu li:last-child a { border-bottom: 1px solid #000000; } .SetMenu.contentMenu a:active, .SetMenu.contentMenu a:focus, .SetMenu.contentMenu a.selected { color: #ffffff; background-color: #000000; } .SetMenu.contentMenu .child { margin-left: 1rem; } .SetText { background-color:#ffffff; 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 .SetImage { position:static; float:left; width:auto; } .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 .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 .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 .SetImage, .csleft .SetText .BasicText.description2 { display:none; } .SetArticle.detail .SetText .column { float: none; width: auto; } .SetArticle.detail .csfullnright .SetText .column { padding-right:0; } @media screen and (min-width:1441px) { .csfullnright > .SetText, .csfullnright .pageContentElement >.SetText { 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; } } .ListAudioList { overflow: hidden; color: #ffffff; background-color: rgba(0,0,0,0.5); margin: 0 0.5rem 2rem; } .ListAudioList > .wrapper { padding: 1.25rem 0.625rem; overflow:hidden; } .ListAudioList .title { margin: 1.25rem 1.25rem 0; font-size: 1rem; font-family: EuclidFlex-Bold; letter-spacing:1px; text-transform:uppercase; } .ListAudioList .SetAudio { margin-bottom: 1.25rem; float: left; width: 20%; } @media screen and (min-width:1441px){ .ListAudioList .SetAudio:nth-child(5n+1) { clear: both; } } @media screen and (min-width:1025px) and (max-width:1440px) { .ListAudioList .SetAudio { width: 25%; } .ListAudioList .SetAudio:nth-child(4n+1) { clear: both; } } @media screen and (min-width:769px) and (max-width:1024px) { .ListAudioList .SetAudio { width: 33.333%; } .ListAudioList .SetAudio:nth-child(3n+1) { clear: both; } } @media screen and (max-width:544px) { .ListAudioList { margin-left:0; margin-right:0; } } @media screen and (min-width:417px) and (max-width:768px) { .ListAudioList .SetAudio { width: 50%; } .ListAudioList .SetAudio:nth-child(2n+1) { clear: both; } } @media screen and (max-width:416px) { .ListAudioList .SetAudio { width: 100%; } } @media screen and (max-width:368px) { .ListAudioList { margin-bottom:2rem; } .ListAudioList>.wrapper{ padding-right: 1rem; padding-left: 1rem; } .ListAudioList .SetAudio >.wrapper { margin: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"; } .infoBlock .ListDownloadList a:active, .infoBlock .ListDownloadList a:focus { color:#37e0ff; } .csfullnright .ListDownloadList.simple { margin: 0 0.5rem 2.5rem; } .csfullnright .ListDownloadList.simple .title { font-family:EuclidFlex-Bold; font-size:1rem; margin-bottom:1rem; color:#ffffff; } @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 { padding: 1rem 0 0.25rem 0.5rem; width:auto; text-align:left; } .DownloadListOverview.overview .SetSeparator { margin:2rem 0.5rem 1rem; } .DownloadListOverview.overview .SetSeparator + .categoryContainer { padding-top:0.5rem; } @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%; 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: #ebebe8; } .ListImageGallery.extendedSlideshow .progressBar .progress { width: 0%; height: 100%; background-color: #37e0ff; } /** 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:#000000; } .ListImageGallery.extendedSlideshow [data-change-slide] { bottom: 0; position: absolute; top: 0; width: 8rem; color: #ffffff; 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: #ffffff; } .ListImageGallery.extendedSlideshow .slideshowNavItem .BasicText { color: #ffffff; 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: #ffffff; 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: #ffffff; 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 #ffffff; border-radius: 3px; padding: 0.75rem; font-family: EuclidFlex-Medium; color: #ffffff; 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 #ffffff; bottom: 0; } .ListImageGallery.extendedSlideshow .SetImage .copyrightWrapper { bottom: 0; position: absolute; right: -4rem; } .ListImageGallery.extendedSlideshow .SetImage .copyright { color: #ffffff; font-size: 1rem; line-height: 1.5em; max-height: 4.5rem; overflow: hidden; max-width: 38rem; display: inline-block; } /***************************************/ .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.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; } .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 #37e0ff; } .ListImageGallery.TextTeaser .imageTextTeaser{ background-color: #ffffff; overflow:hidden; } .ListImageGallery.TextTeaser .link .icon { display:none; } .ListImageGallery.TextTeaser .gallery li .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; } .ListImageGallery.TextTeaser .gallery li a{ display:block; box-sizing: border-box; padding: 0.25rem 1.25rem 1.25rem; position: absolute; bottom:0; width: 100%; margin: 0; font-size:0.9375rem; line-height: 1.5rem; color:#37e0ff; background-color: #ffffff; border:none; } @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; 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.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: #000000; 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: #ffffff; } @media screen and (max-width:1024px) { .ListImageGallery.Flipping.extendedSlideshow [data-change-slide="nextSlide"] { text-shadow:-2px 0 #000000; } .ListImageGallery.Flipping.extendedSlideshow [data-change-slide="previousSlide"] { text-shadow:2px 0 #000000; } } @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.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:rgba(0,0,0,0.5); padding:1rem 0.5rem 0; overflow:hidden; clear:both; } .ListImageGallery.square a.imageGalleryProperty.panel { float:right; padding-right:0; } .ListImageGallery.square .galleryCaption { display: block; padding: 0 0.75rem 3rem; color:#ffffff; } .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:rgba(0,0,0,0.5); color:#ffffff; -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:#000000; font-size:1.5rem; font-family: SSGizmo; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } @media screen and (min-width:1441px) { .ListImageGallery.square .SetImage { width: 25%; } .ListImageGallery.square .SetImage:nth-of-type(4n+1) { clear: both; } .ListImageGallery.square:not(.showAll) .SetImage:nth-of-type(n+9) { display: none; } .csleft .ListImageGallery.square .SetImage { width: 100%; } .csleft .ListImageGallery.square:not(.showAll) .SetImage:nth-of-type(n+4) { display: none; } } @media screen and (min-width:1025px) and (max-width:1440px) { .ListImageGallery.square .SetImage { width: 25%; } .ListImageGallery.square .SetImage:nth-of-type(4n+1) { clear: both; } .ListImageGallery.square:not(.showAll) .SetImage:nth-of-type(n+9) { display: none; } .csright .ListImageGallery.square .SetImage:nth-of-type(4n+1) { clear: none; } .csright .ListImageGallery.square:not(.showAll) .SetImage:nth-of-type(n+9) { display: block; } .csright .ListImageGallery.square .SetImage { width: 33.333%; } .csright .ListImageGallery.square .SetImage:nth-of-type(3n+1) { clear: both; } .csright .ListImageGallery.square:not(.showAll) .SetImage:nth-of-type(n+7) { display: none; } .csleft .ListImageGallery.square .SetImage { width: 100%; } .csleft .ListImageGallery.square:not(.showAll) .SetImage:nth-of-type(n+4) { display: none; } } @media screen and (min-width:833px) and (max-width:1024px) { .ListImageGallery.square .SetImage { width: 33.333%; } .ListImageGallery.square .SetImage:nth-of-type(3n+1) { clear: both; } .ListImageGallery.square:not(.showAll) .SetImage:nth-of-type(n+7) { display: none; } .csright .ListImageGallery.square .SetImage:nth-of-type(3n+1) { clear: none; } .csright .ListImageGallery.square:not(.showAll) .SetImage:nth-of-type(n+7) { display: block; } .csright .ListImageGallery.square .SetImage { width: 50%; } .csright .ListImageGallery.square .SetImage:nth-of-type(2n+1) { clear: both; } .csright .ListImageGallery.square:not(.showAll) .SetImage:nth-of-type(n+5) { display: none; } .csleft .ListImageGallery.square .SetImage { width: 100%; } .csleft .ListImageGallery.square:not(.showAll) .SetImage: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 .SetImage { width: 50%; } .ListImageGallery.square .SetImage:nth-of-type(2n+1) { clear: both; } .ListImageGallery.square:not(.showAll) .SetImage: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 .SetImage { width: 100%; padding: 0 0rem 0.75rem; } .ListImageGallery.square:not(.showAll) .SetImage:nth-of-type(n+4) { display: none; } .ListImageGallery.square .SetImage .textWrapper, .ListImageGallery.square .SetImage .count { right:0; left:0; bottom:0.5rem; } } .ListImageGallery.person { overflow:hidden; margin-bottom:2.5rem; } .LinkTeaser{ width:100%; box-sizing: border-box; margin-bottom:2rem; overflow:hidden; padding:0 0.375rem; } .LinkTeaser .gallery > *{ float:left; } .ListImageGallery.democratic { background-color:rgba(0,0,0,0.5); padding-bottom:3rem; } .ListImageGallery.democratic .imageWrapper { overflow:hidden; } .ListImageGallery.democratic .SetImage { float:left; width:auto; } .ListImageGallery.democratic .SetImage a { display:block; } .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; } } /* lightbox */ .lightbox { display: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 9000; background-color: #000000; 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; } .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: #ffffff; 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: #000000; } .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: #ffffff; font-size: 16px; line-height: 28px; width: auto; margin: 0; text-shadow: 1px 1px 0 #000000; 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: #ffffff; text-shadow: 1px 1px 0 #000000; 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: 8px; color: #b4b4b4; width:16px; height:16px; margin: 16px 0px; } .lightboxNavigation .navigationItems:hover, .lightboxNavigation .navigationItems.active { cursor:pointer; color:#e0292b; } .lightbox { background-color:#ffffff; } .lightbox, .lightbox * { -webkit-text-size-adjust:100%; /*{ avoids ios font scaling* *}*/ } .lightbox .close span, .lightbox [data-change-slide] span, .lightbox .pagination { color: #000000; text-shadow: 1px 1px 0 #ffffff; } .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: #dddddd; border-radius: 100%; height: 0.75rem; margin: 0.25rem; width: 0.75rem; } .lightboxNavigation li.active { background-color:#37e0ff; } .lightbox .SetImage .BasicText.title, .lightbox .SetImage .BasicText.description, .lightbox .SetImage .BasicText.copyright { color:#000000; 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:#ffffff; } .lightbox.descriptionExpanded .BasicText .textWrapper { text-overflow:inherit; white-space: normal; } .lightbox .BasicText.copyright .textWrapper { margin: 0.125rem 2.5rem 0.5rem; } .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:#ffffff; 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:rgba(0,0,0,0.5); } .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:#37e0ff; 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:#37e0ff; } .ListLinkList.actionLinkList li { display: inline-block; } .mobileMenu .ListLinkList.actionLinkList li a { padding-bottom: 1rem; } .ListLinkList.simple { margin: 0 0.5rem 2.5rem; } .csfullnright .ListLinkList.simple .title { font-family:EuclidFlex-Bold; font-size:1rem; margin-bottom:1rem; color:#ffffff; } .csfullnright .ListLinkList.simple .SetLink { color: #000000; background-color: #ffffff; 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: #000000; color: #ffffff; 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; } .csfullnright .ListLinkList.simple a.SetLink:focus, .csfullnright .ListLinkList.simple a.SetLink:active { color: #ffffff; background-color: #000000; } .csfullnright .ListLinkList.simple a.SetLink:focus .icon, .csfullnright .ListLinkList.simple a.SetLink:active .icon { color: #000000; background-color: #ffffff; } @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: #37e0ff; 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 { overflow: hidden; color: #ffffff; margin: 0 0.5rem 2rem; } .ListVideoList.Widget .textWrapper { background-color: rgba(0,0,0,0.5); padding:1.25rem 1.25rem 0; overflow:hidden; } .ListVideoList.Widget>.wrapper { background-color: rgba(0,0,0,0.5); padding: 1.25rem 0.625rem 0; overflow: hidden; } .ListVideoList.Widget .textWrapper .BasicText { margin-bottom: 1.25rem; } .ListVideoList.Widget .textWrapper .title { font-size: 1rem; font-family: EuclidFlex-Bold; letter-spacing:1px; text-transform:uppercase; } .ListVideoList.Widget .SetVideo { margin-bottom: 1.25rem; float: left; width: 20%; } @media screen and (min-width:1441px){ .ListVideoList.Widget .SetVideo:nth-child(5n+1) { clear: both; } } @media screen and (min-width:1025px) and (max-width:1440px) { .ListVideoList.Widget .SetVideo { width: 25%; } .ListVideoList.Widget .SetVideo:nth-child(4n+1) { clear: both; } } @media screen and (min-width:769px) and (max-width:1024px) { .ListVideoList.Widget .SetVideo { width: 33.333%; } .ListVideoList.Widget .SetVideo:nth-child(3n+1) { clear: both; } } @media screen and (max-width:544px) { .ListVideoList.Widget { margin-left:0; margin-right:0; } } @media screen and (min-width:417px) and (max-width:768px) { .ListVideoList.Widget .SetVideo { width: 50%; } .ListVideoList.Widget .SetVideo:nth-child(2n+1) { clear: both; } } @media screen and (max-width:416px) { .ListVideoList.Widget .SetVideo { width: 100%; } } @media screen and (max-width:368px) { .ListVideoList.Widget { margin-bottom:2rem; } .ListVideoList.Widget>.wrapper , .ListVideoList.Widget .textWrapper{ padding-right: 1rem; padding-left: 1rem; } .ListVideoList.Widget .SetVideo >.wrapper { margin:0; } }