@charset "UTF-8";

.dd-ve-container .container {
    padding: 0px;
}

h1.page-header {
    color: var(--bw-hex-70);
}

button[type="submit"] {
    margin-top: 1em;
}

.form-group {
    margin-bottom: 0.25em;
}

#newsletterAnmelden,
#newsletterAbmelden {
    display: grid;
    grid-template-columns: 1fr 1fr;
    counter-reset: row;
    color: var(--bw-hex-70);
}

#newsletterAnmelden>h2,
#newsletterAbmelden>h2 {
    counter-increment: row;
    grid-row: counter(row);
    grid-column: 1/3;
}

#newsletterAnmelden>div,
#newsletterAbmelden>div {
    background-color: white;
}

#newsletterAbmelden>div:nth-of-type(1) {
    counter-increment: row;
    grid-row: counter(row);
    grid-column: 1/3;
    padding: 20px;
    padding-bottom: 0px;
}

#newsletterAnmelden>div:nth-of-type(1),
#newsletterAbmelden>div:nth-of-type(2) {
    counter-increment: row;
    grid-row: counter(row);
    grid-column: 1;
}

#newsletterAnmelden>div:nth-of-type(1)>img,
#newsletterAbmelden>div:nth-of-type(2)>img {
    width: 100%;
    padding: 20px;
}

#newsletterAnmelden>div:nth-of-type(2) {
    grid-row: counter(row);
    grid-column: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 10%;
}

@media (max-width: 474px) {
    #newsletterAnmelden>div:nth-of-type(1) {
        grid-column: 1/3;
    }

    #newsletterAnmelden>div:nth-of-type(2) {
        grid-column: 1/3;
        counter-increment: row;
        grid-row: counter(row);
        padding-left: 20px;
    }
}

#newsletterAnmelden>div:nth-of-type(2)>p>i {
    margin-top: 0.5em;
}

#newsletterAbmelden>div:nth-of-type(3) {
    grid-row: counter(row);
    grid-column: 2;
    padding: 20px;
    padding-left: 0px;
}

#newsletterAnmelden>div:nth-of-type(1n+3) {
    counter-increment: row;
    grid-row: counter(row);
    grid-column: 1/3;
    padding: 20px;
}

#newsletterAnmelden>div:nth-of-type(1n+4) {
    margin-top: 20px;
}

#newsletterAnmelden>div:nth-of-type(3) {
    padding-top: 0px;
}

#newsletterAnmelden>div:nth-of-type(4) {
    font-size: 0.7em;
}

#newsletterAnmelden>div:nth-of-type(5)>p {
    font-size: 0.8em;
    margin-bottom: 0px;
}