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

    /* TAGS */
    body {
        font-size: 16px;
    }
    footer {
        line-height: 60px;
    }
    footer span {
        margin: 0 10px;
    } 
    header {font-size: 30px; height: 80px;}
    header .container {padding: 0px 0px 0px 20px;}
    h2 {font-size: 45px; margin-bottom: 0px; font-weight: 600;}
    h3 {font-size: 25px;}
    /* IDs */
    #danke img {margin-bottom: -160px;}
    #gewinne{font-size: 18px;}
    #gewinne img {max-width: 337px;}
    #gewinne {background-size: 800%;}
    #intro{font-size: 20px;}
    #logo {max-height: 70px;}
    #nope .rowhelp, #danke .rowhelp, #win .rowhelp {padding-top: 10px;}
    #popCOO .btn {
        font-size: 22px;
    }
    #popCOO {font-size: 10px;}
    #sogehts {font-size: 18px;}
    #sogehts img {margin-top: 30px;max-width: 55%;}
    #teilnahme{font-size:18px}
    /* Classes */
    .accordion-button {
        font-size: 20px;
    }
    .btn-primary,.btn-primary:hover, .btn-primary:active, .btn-primary:focus{font-size: 25px;}
    .btn-secondary,.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus{font-size: 25px;}
    .counter {position: relative;}
    .dankright img{max-width: 300px;}
    .footlogo {position: relative;}
    .help1 {
    margin-top: 0px;} 
    .help2 {
    margin-top: 0px;} 
    .my30{font-size: 25px;line-height: 35px;}
    .p-5 {padding: 1rem !important;}
    .winleft img{margin-bottom: -150px;}
    .winright img {margin-top: 100px;}
    .palme1, .palme2, .palme3 {display: none;}
    .di36 {
    font-size: 20px;
    line-height: 25px;
}
}


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

    /* TAGS */
    body {
        font-size: 18px;
    }
    footer {
        line-height: 60px;
    }
    footer span {
        margin: 0 10px;
    } 
    header {font-size: 35px;}
    h2 {font-size: 60px; font-weight: 600;}
    /* IDs */
    #gewinne img{ max-width: 70%;}
    #danke img {margin-bottom: -200px;}
    #gewinne{font-size: 20px;}
    #intro{font-size: 25px;}
    #logo {max-height: 80px;}
    #popCOO .btn {
        font-size: 25px;
    }
    #sogehts {font-size: 20px;}
    #sogehts img {max-width: 65%;}
    /* Classes */
    .accordion-button {
        font-size: 20px;
    }
    .btn-primary,.btn-primary:hover, .btn-primary:active, .btn-primary:focus{font-size: 29px;}
    .btn-secondary,.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus{font-size: 29px;}
    .counter {position: relative;right: inherit;top: inherit;}
    .dankright img{max-width: 350px;}
    .my30 {font-size: 40px;line-height: 55px;}
    .palme1, .palme2, .palme3 {display: none;}
    .help1 {
    margin-top: 0px;} 
    .help2 {
    margin-top: 0px;} 
    .di36 {
    font-size: 36px;
    line-height: 40px;}
    .winright img {margin-top: -170px;}
    .winleft img{margin-bottom: -285px;}

}

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

    /* TAGS */
    footer {
        line-height: 60px;
    }
    footer span {
        margin: 0 10px;
    } 
    h2 {font-size: 70px;}
    /* IDs */
    #danke img { max-width: 100%;}
    #gewinne img {max-width: 70%;}
    #intro{font-size: 28px;}
    #sogehts img {max-width: 85%;}
    /* Classes */
    .dankright img{max-width: 400px;}
    .winright img{margin-top: -200px;}
    .palme1, .palme2, .palme3 {display: none;}
    .help1 {
    margin-top: 0px;} 
    .help2 {
    margin-top: 0px;} 
    .my30 {line-height: 50px;}

}

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

    /* TAGS */

    footer {
        line-height: 60px;
    }
    h2{font-size: 75px;}
    footer span {
        margin: 0 10px;
    }
    /* IDs */
    #intro{font-size: 33px;}
    #gewinne img {max-width: 350px;}
    /* Classes */
    .accordion-button {
        font-size: 22px;
    }
    .help2 {margin-top: -200px;}
    .help1 {margin-top: -400px;} 
    .winright img{margin-top: -175px;}
    .palme1 {max-width: 250px; margin-top: -75px;}
    .palme2 {max-width: 250px;margin-top: -75px;}
    .palme3 { max-width: 250px !important; margin-top: -150px;}

}

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

    /* TAGS */
    

    /* IDs */
    #intro{font-size: 36px;}
    #gewinne img {max-width: 450px;}
    /* Classes */
    .palme1 {max-width: 350px; margin-top: -100px;}
    .palme2 {max-width: 350px;margin-top: -100px;}
    .palme3 { max-width: 350px !important;}

}

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

    /* TAGS */


    /* IDs */
    #gewinne img {max-width: 500px;}

    /* Classes */
    .palme1 {max-width: 400px;margin-top: -100px;}
    .palme2 {max-width: 400px;margin-top: -100px;}
    .palme3 { max-width: 400px !important;}
}