body {
    width: auto;
    background-image: url(/_global/contact_pages/aventurapost/img/woman.jpg);
    background-repeat: no-repeat;
    background-position: 100%;
    background-size: contain;
    background-attachment:fixed;
    height: 100%;
}
.unsubscribe {
    display: none;
}
h1 {
    color:#3c3937;
    font-family: 'Roboto';
    line-height:1;
    font-weight:bold;
    word-break: break-word;
}
.header img {
    width:30%;
}
.inline{
    display: inline-block;
}
#successMessage{
    display: none;
}
.top-bar{
    background: none;
}
.tabs-content{
    border:none;
}
.tabs{
    margin-top: 1rem;
    background:none;
    border:none;
}
.tabs-title > a {
    display: block;
    padding: 0.8rem 1.5rem;
}
h5{
    text-transform: uppercase;
    text-decoration: underline;
}
.header{
    margin: 1rem auto;
}
#context:invalid {
    color: #d2d2d2;
}
#context [disabled] {
    color: graytext;
}
#context option {
    color: black;
}

.button {
    background-color: #ff6601;
    font-weight: normal;
    font-family: 'Roboto';
}

button#goToUnsubscribe,
button#goToThankYou {
    font-size: 1.3rem;
}

.content-right {
    padding:0; 
}
.content #unsubscribe{
    margin-top:12%;
}
.footer {
    position: fixed;
    bottom:0;
    width:auto;
}
.footer ul#site-tabs {
    background-color:#fff;
}
.footer a {
    color:#000;
}


@media(max-width: 320px){
  .g-recaptcha iframe {
    max-width: 100%;
    transform:scale(0.84);
    -webkit-transform:scale(0.84);
    transform-origin: left center;
    -webkit-transform-origin: left center;
  }
}

@media(max-width:1023px) {
    body {
        background-image: none;
    }
    .content-left {
        background-image:url("/_global/contact_pages/aventurapost/img/woman-mobile.jpg");
        height:400px;
        background-position:top;
        background-repeat: no-repeat;  
    }
    .footer {
        position: relative;
    }
    .content #unsubscribe,
    .content #contact,
    .content #data_protection,
    .content #imprint{
        margin-top:30%;
    }
}
@media(max-width:639px) {
    .header img {
        width:70%;
    }
}
@media(max-width:400px) {
    .content-left {
        background-size: contain;
    }
    .content .large-12 .columns {
        padding:0;
    }
}

@media(max-width:400px) {
    input#dataprotection{
        width:1.5em;
        height:1.5em;
    }

    .column,
    .columns {
        padding:0;
    }
    .header,
    .content,
    .footer {
        padding-right: .9375rem;
        padding-left: .9375rem;
    }
}