body {
    height:100%;
    margin: 0;
    padding: 0;
    text-decoration: none;
}


header { 
    position:fixed;
    z-index: 5;
    width: 100%;
    height: 60px;
    background-color: #ffffff;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4);
    border-top:solid 4px #f2961a;
}


header div{
    height: 100%;
    display: flex; 
    align-items: center;
    float: left;
}



header div:first-child{
padding-left: 30px;
font-family: 'Crimson Pro', serif;
font-weight: 300;
}

header div:first-child span:first-child{font-weight: 500; padding-right: 3px;}

@media only screen and (max-width: 768px) {header div:first-child span{display: none;}}

header div:nth-child(1){font-size: 1.05em;}


header div:nth-child(2){
    width:auto;
    color: rgb(10,10,10);
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    font-size: 0.85em;
}

@media only screen and (orientation: portrait) and (max-width:332px){
header{font-size: 0.85em;}}

@media only screen and (min-width:768px){
header div:nth-child(2) {position: absolute; right:75px;}}

header div:nth-child(2) span:first-child{font-weight: 400; margin-right: 5px; letter-spacing:0.05em; color:#f2961a;}

.wrapper{
    position: relative;
    padding-top: 60px;
}


@media only screen and (min-width:2250px){header { height: 80px;} .wrapper{padding-top: 80px;}}
@media only screen and (min-height:2250px){header { height: 80px;} .wrapper{padding-top: 80px;}}




.container-out{
    position: relative; 
     height: 100%;
    z-index: 2; 
    margin: 0 auto;}






@media only screen and (max-width:666px){  .container-out{width:90vw;}}
@media only screen and (min-width:667px){  .container-out{width:80vw;}}
@media only screen and (min-width:1024px){ .container-out{width:70vw;}}
@media only screen and (min-width:1281px){ .container-out{width:60vw;}}
@media only screen and (min-width:1980px){ .container-out{width:50vw;}}
@media only screen and (min-width:2250px){ .container-out{width:40vw;}}


/*--------------------------------------------Abstände in Txt-Containern */
.container-in{padding:5vh 5vw;}
.container-out:first-child .container-in{padding-top:0.1vh;}


/*--------------------------------------------first-container Abstand Standard*/
@media only screen and (orientation: portrait) and (max-width:568px){.container-out:first-child{padding-top:10vh; padding-bottom:25vh;}}
@media only screen and (orientation: portrait) and (min-width:569px){.container-out:first-child{padding-top:12.5vh; padding-bottom:12.5vh;}}


@media only screen and (orientation: landscape) and (max-height:568px){.container-out:first-child{padding-top:10vh; padding-bottom:15vh;}}
@media only screen and (orientation: landscape) and (min-height:569px){.container-out:first-child{padding-top:15vh; padding-bottom:20vh;}} 



/*--------------------------------------------blackline */
.blackline{margin: 0 auto; border-top: solid 1px rgb(10,10,10); padding-top: 15px;}
@media only screen and (orientation: portrait){.blackline{width: 250px;}}
@media only screen and (orientation: landscape){.blackline{width: 250px;}}

@media only screen and (min-height:1280px){.blackline {width: 350px;}}
@media only screen and (min-width:1280px){.blackline {width: 350px;}}


/*--------------------------------------------Unterseitennavigation */
#subnavi span{
display: inline-block; width: 100%;
font-family: 'Roboto', sans-serif; 
font-weight: 300; 
line-height: 1.8;
padding: 0.35vh;}





.flex{ 
    display: flex; 
    justify-content: center; 
    align-items: center;
}
  
.row:after 
{
  content: "";
  display:table;
  clear: both;
}



/*--------------------------------------------footer */
footer{
    position: absolute; 
    z-index: 2; 
    width: 100%; 
    text-align: center; 
    background-image: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0.9), rgba(255,255,255,1));
}

footer{padding-top: 5vh;}

footer span{display: inline-block; width:auto; padding:0 10%;}

@media only screen and (max-width:356px){footer spa{width:100vw;}}

@media only screen and (max-width:356px){footer h1{font-size: 8vw;} footer h2{font-size: 6vw;}}