/* X-Small */
@media (max-width: 575.98px) {

    /* TAGS */
    body {font-size: 14px;}
    .margin-top-100 {margin-top: 0;}
    footer {margin-top: -1px;}
    footer a {font-size: 14px; padding: 0 5px; display: block;}
    footer a.mail {
    font-size: 14px;
    }
    form {padding: 10px; width: 100%;}
    form h2 {font-size: 30px !important;}
    h2 {font-size: 30px;}
    header .bi {
        z-index: 1000;
        right: 20px;
    }
    /* IDs */
    #malteser .container {padding: 10px;}
    #malteser .container p, #teilnahme .container p {padding: 0 30px;}
    #sogehts {padding: 0 10px;font-size: 22px;}
    #sogehts img{padding-top: 50px}
    
    #teilnahme .container {padding: 0; height: inherit;}
    #teilnahme .container {
        background-image: url(../images/sm-bg.png);
        background-position: center top;
        background-repeat: no-repeat;
        background-size: cover;
        padding-top: 25px;
        text-align: center;
        margin-top: -50px;
        color: white;
    }
    #teilnahme h3{font-size: 25px;}
    #kontakt h2 {padding: 0px 10px;}
    #gewinn img{margin: -30px 0px;}
    #gewinn h2 {margin-top: -40px;}
    #gewinn .container {font-size: 14px !important; text-align: center;}
    #gewinn p {text-align: center;}
    #intro .container { padding: 0 0 0px 0;}
    #cookiesBanner .btn-secondary {line-height: 25px !important;}
    #popNAV span {font-size: 20px !important;}
    #danke .container{
        margin-top: 0px;
    }
    #popCOO .modal-content {
        padding: 5px;
        font-size: 18px;
    }
    #popCOO .btn-secondary, .btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus  {
        line-height: 25px;
        padding: 5px 5px;
    }
    #danke h2 {font-size: 30px; margin-bottom: 0px;}
    #danke h3 {font-size: 14px; padding: 0px;}
    #danke {font-size: 14px;}
    /* Classes */
     .dankehead img {max-width: 65%;
    }
    .ms-5 {margin-left: 0px!important;}
    .btn-primary, .btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-secondary {font-size: 16px; padding: 0px 20px;}
    .endelogo {
        max-width: 140px;
    }
    .brocha18 {
        font-size: 14px;
    }
    .broch22 {
    font-size: 14px;
    }
    .footgroup {max-width: 270px;}
    .footlink {display: block; margin-bottom: 8px;}
    .form-check-label {font-size: 14px;}
    .formular {background-image: none; height: inherit; background: #FFDD00; margin-left: 0; margin-top: -1px; padding: 0px 10px; width: 100%;}
    .estmedi40 {text-align: center !important; font-size: 20px; line-height: 25px;}
    .herzzz {max-width: 65px;}
    .help1 {padding: 0px !important;}
    .help22 img {
        padding-top: 40px !important;
    }
    .social img {max-width: 30px;}

}


/* Small */
@media (min-width: 576px) AND (max-width: 767.98px) {

    /* TAGS */
    body {font-size: 14px;}
    .margin-top-100 {margin-top: 0;}
    footer a {padding: 0 10px;}
     footer a.mail {
    font-size: 14px;
    }
    form {padding: 20px; width: 100%;}
    form h2 {font-size: 35px !important;}
    h2 {font-size: 35px;}
    header .bi {
        z-index: 1000;
    }
    /* IDs */
    #intro .container { padding: 0 0 0px 0;margin-top: -60px;}
    #malteser .container {padding: 0 30px;}
    #gewinn h2 {margin-top: -40px;}
    #gewinn .container {font-size: 30px !important;}
    #teilnahme .container {padding: 0; height: inherit;}
    #teilnahme h3{font-size: 28px;}
    #danke .container{
        margin-top: 0px;
    }
    #sogehts img{padding-top: 70px}
    #danke h2 {font-size: 30px;}
    #danke h3 {font-size: 14px; padding: 0px;}
    #danke {font-size: 14px;}
    /* Classes */
    .dankehead img {max-width: 50%;
    }
    .endelogo {
        max-width: 200px;
    }
    .estmedi40 {font-size: 30px; line-height: 35px;}
    .stoerer {
        max-width: 140px;
        left: 35px;
        margin-top: -150px;
    }
    .footgroup {max-width: 400px;}
    .form-check-label {font-size: 16px;}
    .formular {background-image: none; height: inherit; background: #FFDD00; margin-left: 0; padding: 0px 30px; width: 100%;}
    .herzzz {max-width: 75px;}
    .social img {max-width: 38px;}
}

/* Medium */
@media (min-width: 768px) AND (max-width: 991.98px) {

    /* TAGS */
    body {font-size: 20px;}
    .margin-top-100 {margin-top: 0;}
    form {padding: 20px; width: 100%;}
    form h2 {font-size: 45px !important;}
    h2 {font-size: 45px;}

    /* IDs */
    #intro .container { padding: 0 0 0px 0;}
    #malteser .container {padding: 0 30px;}
    #sogehts .py-5 {padding: 50px 0 0 0 !important;}
    #danke .container{
        margin-top: 0px;
    }
    #danke h2 {font-size: 40px;}
    #danke h3 {font-size: 25px;}
    #danke {font-size: 20px;}


    /* Classes */
    .stoerer {
        max-width: 180px;
        left: 75px;
        margin-top: -220px;
    }
    .form-check-label {font-size: 16px;}
    .formular {background-image: url(../images/sm-spende-bg.png);height: 1000px; margin-left: 50px; padding: 200px 50px 50px 0; width: 600px;}

}

/* Large */
@media (min-width: 992px) AND (max-width: 1199.98px) {

    /* TAGS */
    .margin-top-100 {margin-top: 0;}
    form {padding: 20px; width: 100%;}
    form h2 {font-size: 45px !important;}
    h2 {font-size: 45px;}

    /* IDs */
    #danke .container{

        margin-top: 0px;
    }
    #danke h2 {font-size: 50px;}
    #danke h3 {font-size: 28px;}
    #intro .container { padding: 0 0 0px 0;}

    /* Classes */
  
    .stoerer {
        max-width: 200px;
        left: 130px;
        margin-top: -220px;
    }
    .form-check-label {font-size: 16px;}
    .formular {background-image: url(../images/sm-spende-bg.png);height: 1000px; margin-left: 50px; padding: 200px 80px 80px 0; width: 600px;}

}

/* X-Large */
@media (min-width: 1200px) AND (max-width: 1399.98px) {

    /* TAGS */
    form {padding: 80px; width: 100%;}
    form h2 {font-size: 50px !important;}
    header span {font-size: 30px;}
    h2 {font-size: 50px;}

    /* IDs */
    #danke h2 {font-size: 60px;}


    /* Classes */
    .stoerer {
        max-width: 200px;
        left: 130px;
        margin-top: -300px;
    }
    .form-check-label {font-size: 16px;}
    .formular {height: 780px; margin-left: 80px; padding: 125px 80px 80px 0; width: 675px;}
}

/* XX-Large */
@media (min-width: 1400px) AND (max-width: 1649.98px) {

    /* TAGS */


    /* IDs */


    /* Classes */
    .stoerer {
        max-width: 200px;
        left: 120px;
        margin-top: -300px;
    }
}