/* ----------------------- Laptop Devices ----------------------- */

@media (max-width: 1610px) {
    .headertext {
        padding-top: 200px;
    }
    .logo {
        padding: 30px 0 0 50px;
        width: 400px;
        height: auto;
    }
    .footerpink {
        padding: 20px 50px 20px 50px;
    }
    section {
        padding: 115px 0 70px 0;
    }
}

@media (max-width: 1450px) {
    .headertext {
        padding-top: 160px;
    }
    .boxen-vorteile {
        padding-top: 40px;
        padding-bottom: 100px;
    }
    section {
        padding: 90px 0 65px 0;
    }
}

@media (max-width: 1399px) {
    body {
        margin-top: 35px;
    }
    header {
        height: 80vh;
    }
    .logo {
        padding: 0 0 0 30px;
        width: 330px;
        height: auto;
    }
}

@media (max-width: 1280px) {
    header {
        background-size: 112%;
    }
    .arrow_pink {
        padding: 40px 0 40px 0;
    }
    .produkt {
        width: 470px;
        height: auto;
    }
    .produkt-remosan {
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .headertext {
        padding-top: 180px;
    }
    .boxen-vorteile {
        padding-top: 20px;
        padding-bottom: 100px;
    }
    .footerpink {
        padding: 30px 50px 0 50px;
    }
}

@media (max-width: 1160px) {
    .headertext {
        padding-top: 230px;
    }
    header {
        height: 80vh;
        background-size: 100%;
        background-image: url(/img/headerpictures/headerpicture-laptop-1160.png);
    }
    .produkt {
        width: 440px;
        height: auto;
    }
}

@media (max-width: 990px) {
    .produkt {
        width: 380px;
        height: auto;
    }
    .headertext {
        padding-top: 200px;
    }
    header {
        height: 80vh;
        background-image: url(/img/headerpictures/headerpicture-laptop-990.png);
        background-size: 100%;
    }
    footer p {
        text-align: left;
    }
    .footerpink {
        padding: 50px 50px 0 50px;
    }
    li {
        font-size: 1.4em;
    }
}


/* ----------------------- Tablet Devices ----------------------- */

@media (max-width: 890px) {
    header {
        height: 83vh;
    }
    .headertext {
        padding-top: 150px;
    }
    .text_hintergrund_weiss {
        padding-top: 60px;
        padding-bottom: 40px;
    }
    section {
        padding: 60px 0 60px 0;
    }
    .logo {
        padding: 20px 0 0 20px;
        width: 350px;
        height: auto;
    }
    .footerpink {
        padding: 20px 30px 0 30px;
    }
}

@media (max-width: 830px) {
    header {
        height: 86vh;
        background-size: 100%;
        background-image: url(/img/headerpictures/headerpicture-tablet-830.png);
    }
    .headertext {
        padding-top: 50px;
    }
    .produkt {
        width: 350px;
        height: auto;
    }
    h1 {
        font-size: 2.75em;
        color: #e50051;
    }
    h2 {
        font-size: 2em;
        margin-bottom: 15px;
    }
    h3 {
        font-size: 2em;
        color: #000000;
    }
    h4 {
        font-size: 2em;
    }
    h5 {
        font-size: 1.3em;
    }
    li {
        font-size: 1.3em;
    }
    .button {
        background-color: #e2007a;
        color: #ffffff;
        padding: 10px 30px 10px 30px;
    }
    button {
        background-color: #ffffff;
        color: #e2007a;
        padding: 10px 30px 10px 30px;
    }
    .cr_ipe_item input {
        padding: 10px 30px 10px 30px;
    }
    button,
    .button {
        font-size: 1.5em;
    }
    .arrow_pink {
        width: 80px;
        height: auto;
        padding: 20px 0 20px 0;
    }
    .produkt-remosan {
        margin-top: 40px;
    }
}

@media (max-width: 800px) {
    header {
        height: 77vh;
    }
}

@media (max-width: 768px) {
    .headertext {
        padding-top: 50px;
    }
    header {
        height: 90vh;
    }
}

@media (max-width: 720px) {
    .headertext {
        padding-top: 50px;
    }
    header {
        height: 90vh;
        background-image: url(/img/headerpictures/headerpicture-tablet-720.png);
    }
}

@media (max-width: 640px) {
    .headertext {
        padding-top: 50px;
    }
    header {
        height: 250vh;
        background-image: url(/img/headerpictures/headerpicture-tablet-640.png);
    }
}


/* ----------------------- Mobile Devices ----------------------- */

@media (max-width: 600px) {
    header {
        height: 88vh;
        background-image: url(/img/headerpictures/headerpicture-mobile-600.png);
    }
    .headertext {
        padding-top: 50px;
    }
}

@media (max-width: 540px) {
    header {
        height: 88vh;
        background-image: url(/img/headerpictures/headerpicture-mobile-540.png);
    }
    .headertext {
        padding-top: 50px;
    }
    .logo {
        padding: 0 0 0 5px;
        width: 230px;
        height: auto;
    }
    .arrow_pink {
        width: 60px;
        height: auto;
        padding: 0 0 30px 0;
    }
    .boxen-vorteile {
        padding-top: 20px;
        padding-bottom: 60px;
    }
    .card {
        padding: 20px 20px;
    }
    .boxen-vorteile h2 {
        padding-bottom: 10px;
    }
    .produkt {
        width: 280px;
        height: auto;
    }
    .button {
        font-size: 1.25em;
        padding: 10px 30px 10px 30px;
    }
    .newsletterformular button {
        font-size: 1.25em;
        padding: 10px 30px 10px 30px;
    }
    .cr_ipe_item input {
        padding: 10px 20px 10px 20px;
        font-family: 'FrutigerNeueLTPro-Light';
        font-size: 1em;
    }
    section {
        padding: 50px 0 50px 0;
    }
    .arrow_pink {
        width: 60px;
        height: auto;
        padding: 30px 0 30px 0;
    }
    .text_hintergrund_weiss {
        padding-top: 40px;
        padding-bottom: 20px;
    }
    p {
        margin-bottom: 20px;
        font-size: 1em;
        line-height: 1.4em;
    }
    strong {
        font-size: 1em;
        line-height: 1.4em;
    }
    .inhaltsstoffe p {
        font-size: 1.2em;
    }
    li {
        font-size: 1.3em;
    }
    h1 {
        padding-bottom: 10px;
        font-size: 2em;
        text-align: left;
    }
    h3 {
        padding-bottom: 20px;
        font-size: 1.3em;
        text-align: left;
    }
    h2 {
        margin-bottom: 15px;
        font-size: 1.6em;
        line-height: normal;
    }
    h4 {
        margin-bottom: 15px;
        font-size: 1.6em;
        line-height: normal;
    }
    h5 {
        font-size: 1.2em;
        line-height: 1.3em;
    }
    .footerpink {
        padding: 10px 10px 0 10px;
    }
    .inhaltsstoffe img {
        height: 100px;
        width: auto;
    }
}

@media (max-width: 475px) {
    .headertext {
        padding-top: 50px;
        text-align: center;
    }
    header {
        height: 86vh;
        background-image: url(/img/headerpictures/headerpicture-mobile-475.png);
    }
}

@media (max-width: 420px) {
    .headertext {
        padding-top: 30px;
        text-align: center;
    }
    header {
        height: 88vh;
        background-image: url(/img/headerpictures/headerpicture-mobile-420.png);
    }
}

@media (max-width: 395px) {
    .headertext {
        padding-top: 30px;
        text-align: center;
    }
    header {
        height: 88vh;
        background-image: url(/img/headerpictures/headerpicture-mobile-395.png);
    }
}

@media (max-width: 375px) {
    .headertext {
        padding-top: 30px;
        text-align: center;
    }
    header {
        height: 88vh;
        background-image: url(/img/headerpictures/headerpicture-mobile-375.png);
    }
}

@media (max-width: 360px) {
    header {
        height: 88vh;
        background-image: url(/img/headerpictures/headerpicture-mobile-360.png);
    }
}

@media (max-width: 320px) {
    header {
        height: 88vh;
        background-image: url(/img/headerpictures/headerpicture-mobile-320.png);
    }
}