@media (min-width: 1650px) {
    .social a {
        width: auto;
    }

    nav {
        width: 1110px;
        height: 60px;
    }

    nav ul {
        padding: 0 5rem;
    }

    nav ul li a {
        line-height: 60px;
        padding: 0 20px;
    }

    nav ul li:nth-child(2) {
        margin-right: 10rem;
    }

    .video {
        height: 820px;
        background-position: -8rem -15.1rem;
    }

    .video iframe,
    .video video {
        height: 33rem;
        width: 56%;
        margin-top: 3rem;
    }

    .video:before {
        height: 45rem;
        left: -20rem;
        top: 3.5rem;
    }

    .infobox {
        height: 900px;
    }

    .infopanel {
        padding: 17rem 20rem 17rem 17rem;
    }

    .infopanel-row .col {
        padding: 30px;
    }

    .infopanel-row .col.dashed {
        padding: 30px;
    }

    .content {
        margin: 15rem auto;
    }
}

@media (min-width: 1520px) {
    .video {
        background-size: 115%;
    }
}

@media (min-width: 1023px) and (max-width: 1285px) {}

@media (max-width: 980px) {
    nav {
        background: #E91D26;
        width: 95%;
        border-radius: 5px;
        height: auto;
        display: table;
        margin: 0 auto;
        margin-top: 10%;
    }

    nav .logo {
        position: absolute;
        top: -55%;
        width: 120px;
        left: 0;
        display: block;
        right: auto;
        margin: 15px 5px;
    }

    .social {
        margin: 15px !important;
    }

    nav ul {
        padding: 0;
    }

    nav ul li {
        width: 100%;
    }

    nav ul li a {
        float: left;
        width: 100%;
        text-align: center;
        padding: 15px;
        line-height: normal;
        border-bottom: 1px solid #ff434b;
    }

    nav ul li:last-child a {
        border-bottom: 0;
    }

    .video {
        background: #e91d26;
        height: auto;
        margin-top: 30px;
        border-radius: 5px;
        width: 95%;
    }

    .video:before {
        display: none;
    }

    .video iframe,
    .video video {
        width: 95%;
        height: 400px;
        margin: 10px auto;
    }

    .copyright {
        width: 100%;
        float: left;
        text-align: center;
        position: relative !important;
        left: auto !important;
        margin-top: 5rem;
    }

    .infobox {
        background: #fff;
        height: auto;
        width: 100%;
        float: left;
    }

    .infopanel {
        padding: 10px !important;
    }

    .infopanel-row .col {
        font-size: 12px;
        padding: 10px;
    }

    .sect3 {
        background-image: none !important;
    }

    .content {
        width: 100%;
        margin: 20px auto;
        font-size: 15px;
    }

    .slogan {
        width: auto;
        text-align: center;
        margin: 30px auto;
    }

    .calendar {
        display: none;
    }

    .calendar-mobil {
        display: block;
        margin: 0 auto;
        padding: 40px 20px;
    }

    .copyright img {
        float: none;
        display: block;
        margin: 0 auto;
    }

    .accordion {
        max-width: 90%;
    }

    .accordion a {
        line-height: normal;
        padding: 20px;
        padding-right: 50px;
        text-indent: 0;
    }

    .accordion a.redrlink {
        width: 100%;
    }

    .innercomp {
        margin: 10px 0;
    }

    .innercomp-title {
        padding: 15px 30px;
    }

    .innercomp-body {
        padding: 15px;
    }

    .accordion p strong.hrf {
        font-size: 17px;  
        padding: 25px 0px 0px;
        text-align: center;
    }
 
    .accordion a.redrlink {
        width: 90%;
        font-size: 14px;
    }

    .page-content {
        font-size: 15px;
        background: #f65359;
        width: 100%;
        border-radius: 5px;
        padding: 20px;
        position: relative;
        top: auto;
        transform: none;
    }
}

@media (max-width: 480px) {}

@media (max-width: 415px) {}

@media (max-width: 380px) {}

@media (max-width: 360px) {}

@media (max-width: 320px) {}