/*measurements portrait*/
@media all and (orientation: portrait){

    .landscape {
        display: none;
    }
    
    body {
            background-color: black;
            color: #FFFFFF;
        }
    
    h1 {
        font-size: calc(17.942rem + 0.7vw);
        margin: 0;
    }
    
    h2 {        
        font-size: calc(6.854rem + 0.5vw);
        line-height: calc(6.854rem + 0.5vw);;
        margin: 0;
    }
    
    h3 {
        font-size: calc(6.854rem + 0.7vw);
        margin: 0; 
    }
    
    h4 {
        font-size: calc(4.236rem + 0.7vw);
        margin: 0;
    }
    
    p, .convenient {
        font-size: calc(1.25rem + 0.7vw);
        margin: 0;
        
    }
    
    p, .average {
        font-size: calc(1.1rem + 0.7vw);
        margin: 0;
    }
    
    .divider-one {
        height: calc(17.942rem + 0.7vw);
        margin: 0;
    }
    
    .divider-two {
        height: calc(11.089rem + 0.7vw);
        margin: 0;
    }
    
    .divider-three {
       
        height: calc(6.854rem + 0.7vw);
        margin: 0;
    }
    
    .divider-four {
        height: calc(4.236rem + 0.7vw);
        margin: 0;
    }
    
    .divider-five {
        height: calc(2.618rem + 0.7vw);
        margin: 0;
    }
    
    .divider-six {
        height: calc(1.25rem + 0.7vw);
        margin: 0;
    }
    .divider-seven {
        height: calc(1rem + 0.7vw);
        margin: 0;
    }
    }
    
    /*measurements landscape*/
    
    @media all and (orientation: landscape){
    
        .portrait {
            display: none;
        }
    
        body {
            background-color: #FCDFDB;
            color: #FF2627;
        }

        #contact {
            color: #FF2627;
        }

        #address {
            color: #FF2627;
        }

        #impressum {
            color: #FF2627;
        }
    
        h1 {
            font-size: calc(17.942rem + 0.5vw);
            margin: 0;
           
        }
        
        h2 {        
            font-size: calc(6.854rem + 0.5vw);
            line-height: calc(6.854rem + 0.5vw);
            margin: 0;
        }
        
        h3 {
            font-size: calc(6.854rem + 0.5vw);
            margin: 0;
        }
        
        h4 {
            font-size: calc(4.236rem + 0.5vw);
            margin: 0;
        }
        
       .convenient {
            font-size: calc(1.25rem + 0.5vw);
            margin: 0;
            
        }
        
       .average {
            font-size: calc(1.1rem + 0.5vw);
            margin: 0;
        }

        hr {
            border-color: #FF2627;
            border-width: 0;
            border-bottom-width: 1px;
        }
       
        
        .divider-one {
            height: calc(17.942rem + 0.5vw);
            margin: 0;
        }
        
        .divider-two {
            height: calc(11.089rem + 0.5vw);
            margin: 0;
        }
        
        .divider-three {
            height: calc(6.854rem + 0.5vw);
            margin: 0;
        }
        
        .divider-four {
            height: calc(4.236rem + 0.5vw);
            margin: 0;
        }
        
        .divider-five {
            height: calc(2.618rem + 0.5vw);
            margin: 0;
        }
        
        .divider-six {
            height: calc(1.25rem + 0.5vw);
            margin: 0;
        }

        .devider-seven {
                height: calc(1.1rem + 0.5vw);
                margin: 0;
        }
       
    }