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

    /* TAGS */
    body {
        font-size: 16px;
    }
    footer {
        line-height: 2.5;
       
    }
    footer span {
        margin: 0 10px;
         display: block;
    } 
    footer span.social {
    display: inline-block;
    margin: 0 5px;
    }
    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: inherit;}
    #teilnahme{font-size:18px}
    #praemien img, #produkte img {max-width: 337px;}
    #produkte img{padding-bottom: 50px !important;}
    #praemien img{padding-top: 50px !important;}
    #produkte .help1 {margin-top: 0px;}
    #produkte .help2 {margin-top: 0px;}
    #sammelheft img {max-width: 320px;}
    #praemien, #sogehts {
    background-size: 600vw;
    }
    /* 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;min-width: 320px;}
    .counter {position: relative;}
    .dankright img{max-width: 300px;}
    .footlogo {position: relative;}
    .help1 {
    margin-top: 0px;} 
    .help2 {
    margin-top: 0px;} 
     .help3 {
    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, .palme4 {display: none;}
    .di36 {
    font-size: 20px;
    line-height: 25px;
}
    .heftbild {margin-top: 0px;}
    .footsocial {max-width: 30px;}
}


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

    /* TAGS */
    body {
        font-size: 18px;
    }
    footer {
        line-height: 60px;
    }
    footer span {
        margin: 0 10px;
        display: block;
        line-height: 2;
    } 
    header {font-size: 35px;}
    h2 {font-size: 70px;}
    /* 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%;}
    #praemien img, #produkte img {max-width: 540px;}
    #produkte .help1 {margin-top: 0px;}
    #produkte .help2 {margin-top: 0px;}
      #produkte img{padding-bottom: 50px !important;}
    #praemien img{padding-top: 50px !important;}
    #praemien, #sogehts {
    background-size: 500vw;
    }
    /* 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, .palme4 {display: none;}
    .help1 {
    margin-top: 0px;} 
    .help2 {
    margin-top: 0px;} 
     .help3 {
    margin-top: 0px;} 
    .di36 {
    font-size: 36px;
    line-height: 40px;}
    .winright img {margin-top: -170px;}
    .winleft img{margin-bottom: -285px;}
    .heftbild {margin-top: 0px;}
    footer span.social {
    display: inline-block;
    margin: 0 5px;
    }

}

/* 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%;}
    #produkte .help1 {margin-top: 0px;}
    #produkte .help2 {margin-top: 0px;}
    #praemien, #sogehts {
    background-size: 400vw;
    }
    /* Classes */
    .dankright img{max-width: 400px;}
    .winright img{margin-top: -200px;}
    .palme1, .palme2, .palme3, .palme4 {display: none;}
    .help1 {
    margin-top: 0px;} 
    .help2 {
    margin-top: 0px;}
    .help3 {
    margin-top: 0px;} 
    .my30 {line-height: 50px;}

    .heftbild {margin-top: 0px;}

}

/* 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 */
    #sogehts img{max-width: 450px;}
    #intro{font-size: 33px;}
    #gewinne img {max-width: 350px;}
    #praemien img, #produkte img {max-width: 450px;}
    #praemien, #sogehts {
    background-size: 300vw;
    }
    /* Classes */
    .accordion-button {
        font-size: 22px;
    }
    .help2 {margin-top: -200px;}
    .help1 {margin-top: -400px;} 
    .winright img{margin-top: -175px;}
    .palme1 {max-width: 250px !important; margin-top: -750px;}
    .palme2 {max-width: 250px !important;margin-top: -880px;}
    .palme3 { max-width: 250px !important; margin-top: -150px;}
    .palme4 { max-width: 250px !important;margin-top: -1081px;}
    .linie1 img{max-width: 150px !important;margin-left: 80px;}
    .linie2 img{max-width: 220px !important;}
}

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

    /* TAGS */
    

    /* IDs */
    #intro{font-size: 36px;}
    #gewinne img {max-width: 450px;}
    #praemien, #sogehts {
    background-size: 200vw;
    }
    /* Classes */
    .palme1 {max-width: 350px !important; margin-top: -750px;}
    .palme2 {max-width: 350px !important;margin-top: -900px;}
    .palme3 { max-width: 350px !important;margin-top: -150px;}
    .palme4 { max-width: 350px !important;margin-top: -1081px;}
    .linie1 img{max-width: 180px !important;margin-left: 120px;}

}

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

    /* TAGS */


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

    /* Classes */
    .palme1 {max-width: 380px !important;margin-top: -750px;}
    .palme2 {max-width: 380px !important;margin-top: -850px;margin-right: 0px;}
    .palme3 { max-width: 400px !important;margin-top: -90px;}
    .palme4 { max-width: 400px !important;}
     .linie1 img{max-width: 200px !important;margin-left: 120px;}
}