@media only screen and (max-width: 1080px) {

    h3 {
        font-size: 1.5em
    }
    
    #topmenu {
        display: none
    }

    #moduleLogging {
        display: none!important
    }

    #hamburger {
        display: block!important
    }


    #boxFrontendTeaserButtons {
        position: fixed;
        right: 10px;
        top: 10px;
        padding: 15px;
        font-size: 1em;
        background: #0088cc;
        color: white;
    }
    
    #boxFrontendTeaserButtons a{
        display: block;
        margin: 0   
    }

    h2.tease {
        font-size: 1.5em
    }

    .boxTease1 {
        margin-left: 5%;
        background: rgba(0,0,0, .4);
        backdrop-filter: blur(6px);
        padding: 20px;
    }

    .boxTease1 h3 {
        font-size: 40px
    }
    
    .feBox1 {
        min-height: 500px;
        background-image: url(../images/bg/teaser3.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: left top;
        background-attachment: fixed;
        padding-top: 250px;
    }
    
    

    .mobileOnly {
        display: block!important;
    }
    
    .flex {
        flex-wrap: wrap;
    }
    
    .flex div {
        flex: 1 0 360px
    }

}