@charset "utf-8"; /* CSS Document */ html,body { margin:0px; height:100vh; /*background-color:#101010;*/ background-color:white; background:white; padding:0; animation:fadein 1s; -moz-animation:fadein 1.0s; -webkit-animation:fadein 1s; height:100vh; width:100vw; /*-webkit-transition: all 1.5s ease; -moz-transition: all 1.5s ease; transition: all 1.5s ease;*/ } body *{font-family:forma-djr-micro,sans-serif;} *{ margin:0;padding:0; } ul {list-style-type:none;margin:0;padding:0;} #zentriert { margin:0px; top:0px; width:100vw; min-height:100%; min-height: 100vh; /*border:8px solid blue;*/ } #fixedContainer { display: flex; position:fixed; /*position: absolute;*/ top: 0; left: 0; right: 0; z-index:5; } #headContainer,#inhaltContainer,#footContainer,#fixedContainer { margin-left: auto; margin-right: auto; padding-left:50px; padding-right:50px; background-color:white; width:1400px; /*margin-top:0px;*/ } #headContainer { min-height:235px; /*border-bottom:1px solid #707070;*/ z-index:6; } #headContainer div {z-index:6;} #Header_sp{ width:100%; height:522px; margin-top:38px; /*background-image:url(../img/common/headerImg.png);*/ background-size: 1400px 444px; background-position: bottom; background-repeat:no-repeat; z-index:1; /*border:4px solid black;*/ } #Header{ padding-top:38px; width:100%; height:calc(235px - 38px); z-index:1; border-bottom:1px solid #707070; } #inhaltContainer { min-height:400px; margin-top:5px; z-index:3; } #footContainer { min-height:100px; z-index:10; width:100%; padding:0px !important; /*padding-left:calc(50% - 700px);*/ } #Footer{ height:380px; } /******* CMS-MODULE *******/ /* - Header/headerTop - Footer - Navi links */ /* Header/headerTop */ #Header,#Footer {width:100%;} #headerEnde{height:1px;} #inhaltEnde{height:1px;} #footerEnde{height:1px;} .cms-2sp { /*display: flex; flex-direction:row; justify-content:space-between;*/ } .cms-2sp {padding:80 90 90 90;} /* ev. seitenspezifisch */ /* Seite Wartungsarbeiten */ #wartungsarbeiten { width: 100%; max-width: 380px; margin-left: auto; margin-right: auto; padding:10px; font-size:18px; } #wartungsarbeiten .wTitel { font-size:30px; } /******* HEADER / INHALT / FOOTER *******/ @keyframes fadein{ from{opacity:0;} to{opacity:1;} } @-moz-keyframes fadein{ from{opacity:0;} to{opacity:1;} } @-webkit-keyframes fadein{ from{opacity:0;} to{opacity:1;} } @-o-keyframes fadein{ from{opacity:0;} to{opacity:1;} }