#news {
    width:100%;
    height:85%;
}

@media only screen and (orientation: portrait) {
    img#newsBackcover {
        height:85%;
        width:auto;
        margin-left:-45%;
        bottom:0;
        position: absolute;
    } 
    #newsBox {
        width:100%;
        height:300px;
        left: 0; 
        right: 0; 
        margin-left: auto; 
        margin-right: auto; 
        margin-top:20%;
        z-index:2;
        position: absolute;
        color:#ffffff;
        text-align: center;
    }
    #newsBoxText {        
        width:100%;
        max-width:100%;
        height:auto;
        margin-left:auto;
        margin-right:auto;
        overflow-wrap: break-word;        
        position: absolute;
    }
    #newsBox h1 { /* Datum */
        font-family: '3x5';
        font-size: 20pt;
        margin:0px;
    }
    #newsBox h2 { /* Title */
        font-family: 'divlit';
        font-size: 20pt;
        margin:0px;
        margin-top: 20px;
        margin-bottom: 20px;
        width:70%;
        max-width:70%;
        margin-left: auto;
        margin-right:auto;
        overflow-wrap:break-word;
    }
    #newsBox h3 { /* Subtitle */
        font-family: 'cocogoose-pro';
        font-size: 10pt;    
        color: #c52f23;
        letter-spacing: 7px;
        margin:0px;
    }
    #newsBoxSwipeLeft {
        width:50px;
        max-width: 50px;
        height:100px;
        max-height: 57px;
        float:left;
        display: block;        
        margin-top:70px;
        transform: scaleX(-1);
        z-index:100;
        position: relative;
    }
    #newsBoxSwipeLeft:hover {
        cursor:pointer;
    }
    #newsBoxSwipeLeft img {
        width:50px;
        max-width: 50px;
        height:57px;
        max-height: 57px;
    }
    #newsBoxSwipeRight {
        width:50px;
        max-width: 50px;
        height:57px;
        max-height: 57px;
        float:right;
        display: block;        
        margin-top:70px;
        z-index:100;
        position: relative;        
    }
    #newsBoxSwipeRight:hover {
        cursor:pointer;
    }
    #newsBoxSwipeRight img {
        width:50px;
        max-width: 50px;
        height:57px;
        max-height: 57px;
    }            
}
@media only screen and (orientation: landscape) {
    img#newsBackcover {
        height:85%;
        width:auto;
        margin-left:-10%;
        bottom:0;
        position: absolute;
    } 
    #newsBox {
        width:100%;
        height:300px;
        left: 0; 
        right: 0; 
        margin-left: auto; 
        margin-right: auto; 
        margin-top:5%;
        z-index:2;
        position: absolute;
        color:#ffffff;
        text-align: center;
    }
    #newsBoxText {        
        width:100%;
        max-width:100%;
        height:auto;
        margin-left:auto;
        margin-right:auto;
        overflow-wrap: break-word;        
        position: absolute;
    }
    #newsBox h1 { /* Datum */
        font-family: '3x5';
        font-size: 20pt;
        margin:0px;
    }
    #newsBox h2 { /* Title */
        font-family: 'divlit';
        font-size: 20pt;
        margin:0px;
        margin-top: 20px;
        margin-bottom: 20px;
        width:70%;
        max-width:70%;
        margin-left: auto;
        margin-right:auto;
        overflow-wrap:break-word;
    }
    #newsBox h3 { /* Subtitle */
        font-family: 'cocogoose-pro';
        font-size: 10pt;    
        color: #95281f;
        letter-spacing: 7px;
        margin:0px;
    }
    #newsBoxSwipeLeft {
        width:50px;
        max-width: 50px;
        height:100px;
        max-height: 57px;
        float:left;
        display: block;        
        margin-top:70px;
        transform: scaleX(-1);
    }
    #newsBoxSwipeLeft:hover {
        cursor:pointer;
    }
    #newsBoxSwipeLeft img {
        width:50px;
        max-width: 50px;
        height:57px;
        max-height: 57px;
    }
    #newsBoxSwipeRight {
        width:50px;
        max-width: 50px;
        height:57px;
        max-height: 57px;
        float:right;
        display: block;        
        margin-top:70px;
    }
    #newsBoxSwipeRight:hover {
        cursor:pointer;
    }
    #newsBoxSwipeRight img {
        width:50px;
        max-width: 50px;
        height:57px;
        max-height: 57px;
    }  
}