.footer-main{
    padding: 0 1%;
    width: 100%;
}

.footer-main .container, .footer-main, .footer--column   {
    background-color: #ea5060;
}


.footer-main .container  {
    padding-top: 3.813rem;
    width: 100%;
    height: 26rem;
}

.column--headline {
    color: white !important;
}


p.column--desc {
    color: white;
    margin-bottom: 0.438rem;
}


.footer-main .footer--phone-link {
    font-size: 1.375rem;
    font-weight: normal;
    line-height: 10px;
    color: white;
}

.footer-main .navigation--link{
    color: white
}

button.newsletter--button.btn:hover {
    border-color: transparent;
    background: white;
}

.footer-main form.newsletter--form {
    margin-top: 1.2rem;
}

input.newsletter--field:focus{
    border-color: #dadae5;
}

input.newsletter--field{
    height: 40px;
}


/* Adresse*/
.footer--adress {
    text-align: center;
    color: white;
    background-color: #ea5060;
    padding-top: 2rem;

}

.footer-main .footer--columns {
        border: none;
}

.footer-main .navigation--link:hover {
    color: #f69d9d;
}


.footer--adress a.tel{
    color: #FFFFFF;
}


@media screen and (max-width: 51.75em){
    .footer-main .footer--phone-link {
        font-size: 1.2em;
    }

    input.newsletter--field{
        font-size: 0.9em;
    }
}




@media screen and (max-width: 47.95em){
    .footer-main .container {
        width: 100%;
        padding-top:0px;
    }

    .footer-main .column--headline{
        font-size: 1.688rem;
        line-height: 3.625rem;
        font-weight: normal;
        padding-left: 2.036rem;
    }

    .footer--adress{
        font-size: 1.2rem;
        font-weight: normal;
        padding-top: 1rem;
    }

    .footer-main .newsletter--form {
        margin-bottom: 15px;
        width: 70%;
        padding-left: 33px;
    }

    .footer--columns p, .footer--columns ul.navigation--list {
        padding-left: 2.188rem;
    }

    .footer--column.column--newsletter.is--last.block p.column--desc {
        width: 89%;
    }

    .footer-main .column--headline::after {
        content: "";
        background-image: url("../img/button mobil.png") ;
        background-repeat: no-repeat;
        background-position: 0 0;
        float: right;
        padding-top: 6px;
        display: block;
        width: 53px;
        height: 45px;
        margin-top: 5px;
    }

    .footer-main .column--headline.is--active::after {
        content: "";
        background-image: url("../img/button mobil.png");
        background-repeat: no-repeat;
        background-position: -57px 0;
        float: right;
        display: block;
        width: 53px;
        height: 45px;
        margin-top: 5px;
    }

    .footer-main .newsletter--button{
        width: 18.5%;
    }

    .footer-main .newsletter--field{
        width: 78.5%;
    }

}

@media screen and (max-width: 20em) {
    .footer-main .column--headline {
        font-size: 1.2rem;
    }
    .footer-main .column--headline::after{
        margin-right: 40px;
    }

    .footer--adress{
        font-size: 1rem;
    }

    .footer-main .newsletter--button{
        width: 29.5%;
        height: 40px;
    }

    .footer-main .newsletter--field{
        width: 70.5%;
    }
}