@font-face { font-family: 'TheSansB W5 Plain'; src: url('TheSansB-W5Plain.eot'); src: url('TheSansB-W5Plain.eot?#iefix') format('embedded-opentype'), url('TheSansB-W5Plain.woff2') format('woff2'), url('TheSansB-W5Plain.woff') format('woff'), url('TheSansB-W5Plain.ttf') format('truetype'), url('TheSansB-W5Plain.svg#TheSansB-W5Plain') format('svg'); font-weight: 500; font-style: normal; } html,body { margin:0; font-family: 'TheSansB W5 Plain'; color: #d1cbb8; background-color: #000; padding:0; height:100%; position:relative; line-height: 20px; font-size: 12px; min-width:920px } body { overflow-x: hidden; /* * Keep the black only on as the base canvas. The #bg image is a * child of painted at z-index:-1, so an opaque body background * would paint over it (black screen). Transparent lets #bg show through. */ background-color: transparent; } html.lt-ie9 { background: transparent; } body > span { position: absolute; height: 100%; width: 100%; overflow:hidden; top: 0; left: 0; } #page-title { font-size: 24px; font-weight: normal; line-height: 20px; } .header ul.menu { bottom: 0; float: left; margin: 40px 25px 0; padding-left:0; } .footer ul.menu { padding-left:0; } li { display:inline; margin-left: 7px; } li.first { margin-left: 0; } a, ul.menu a.active, ul.menu a:hover, .footer a.active, .footer a:hover { color: #D6003F; } ul.menu a , .footer a { color: #d1cbb8; text-decoration: none; } #main-wrapper { display: inline; height: 100%; width: 100%; background: transparent; } #main { /*position:absolute;*/ top: 0; width: 100%; height: 100%; max-width: 1920px; max-height: 1280px; background: transparent; } #main > div { position: relative; margin: 0 auto; width: 920px; height: 100%; z-index: 2; } #logo { position: relative; top: 100px; } #logo img { border: none; } .page { height: 100%; float: right; /*position: absolute; right: 0;*/ /*overflow-x: hidden; overflow-y: auto;*/ } .content-wrapper { height: 100%; border-spacing: 0px; width: 635px; } .greyed { background:rgb(29,20,23); background: transparent\9; background:rgba(29,20,23,0.7); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b21D1417,endColorstr=#b21D1417); zoom: 1; } .greyed:nth-child(n) { filter: none; } .header-wrapper { height:100%; width:100%; } .header { font-size: 14px; letter-spacing:2px; height: 75px; padding: 0; width: 635px; } #header>div { bottom: 5px; position: absolute; } #block-system-main-menu { } .main-content-wrapper { vertical-align: top; } .main-content { margin: 75px 25px 0; } article.node { min-height: 150px; } .footer { height: 75px; letter-spacing:2px; font-size: 14px; padding:0; } .footer-content { height: 100%; width: 100%; } #footer { padding-top: 15px; padding-left: 25px; } #block-menu-menu-footer { float: left; margin-right: 50px; } #block-system-navigation { margin-left: 140px; } #footer p { margin:0; } .block { margin-bottom: 0; } .field-type-image { float: left; margin-right: 25px; } table.content-wrapper { /*margin-top: -1px;*/ } tr.odd, tr.even { background: transparent; } tr.blank { height: 1px; } /* web-kit scrollbar customization */ .page::-webkit-scrollbar-track { } .page::-webkit-scrollbar { width: 10px; } .page::-webkit-scrollbar-thumb { background-color: rgba(29,20,23,0.9); } .col2 { float: left; margin: 0; width: 30%; } .menus-image { margin: 20px 40px 20px 0; border: 0; } .node-type-impresionen .field-item.even, .node-type-impresionen .field-item.odd { float: left; margin: 20px 7px; } /* LIGHTBOX */ #imageData #imageDetails { display: none; } #imageData #bottomNav, #bottomNavZoom{ height: 0; } #prevLink:hover, #prevLink:visited:hover, #prevLink.force_show_nav, #framePrevLink, #prevLink.force_show_nav:hover, #prevLink.force_show_nav:visited:hover, #framePrevLink:hover, #framePrevLink:visited:hover { background: url("../img/arrow-left.png") no-repeat scroll right bottom 25px rgba(0, 0, 0, 0); } #nextLink:hover, #nextLink:visited:hover, #nextLink.force_show_nav, #frameNextLink , #nextLink.force_show_nav:hover, #nextLink.force_show_nav:visited:hover, #frameNextLink:hover, #frameNextLink:visited:hover { background: url("../img/arrow-right.png") no-repeat scroll left bottom 25px rgba(0, 0, 0, 0); } #bottomNavClose { display: inline; top: -18px; height: 17px; width: 18px; margin-top: 0; padding-top: 0; background: url("../img/close.png"); } .filter-guidelines, .node-form-revision-information, .node-form-author { display: none; } /* * Full-viewport background image. * Replaces the Drupal 7 BackgroundStretcher JavaScript (jQuery) with native * CSS. The #bg is pinned behind everything and cover-fitted, reproducing * the old centered, viewport-filling stretch on any window size. */ #bg { position: fixed; inset: 0; width: 100vw; height: 100vh; min-width: 920px; object-fit: cover; object-position: center center; z-index: -1; }