html, body {

}

body {
    font-family: garamond-premier-pro-display, serif;
    font-family: interstate, sans-serif;

    font-weight: 400;
    font-style: normal;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}

a {
    color:#212121;
    text-decoration:none;
}
a.disabled {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    pointer-events: none;
}
a:hover {
    text-decoration: none;
    color:#212121;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    line-height: 1.35
}

a.termin-planen {
    background: rgb(255, 236, 0) !important;
    color:#212529 !important;
    padding: 8px;
    border-radius:3px;
}

.rounded {
    border-radius: 50% !important;
}
.fwd h1 {
    font-size: 12vw;
    letter-spacing: -0.05rem;
    text-transform: uppercase;
    line-height: 1;
}

.fwd h4 {
    font-size: 5vw;
    letter-spacing: -0.05rem;
    line-height: 0.9;
}

.vonundzu {
    font-weight: 900;
}
.vonundzu i {
    font-family: ccclobberintimecrunchy, sans-serif;
    font-size: 2.125rem;
}

.word-reel {
    background: #FFEC00;
    color:#212121;
}

.cd-words-wrapper b, .cd-words-wrapper b i {
    font-style: normal;
    font-weight: normal;
    font-weight: 500;
}

.cd-words-wrapper b:after {
    content: '.';
}

.contact-form {

}

.contact-form input {
    border:none;
    border-bottom: solid 3px #FFEC00;
    width: 100%;
    transition: .15s;
    border-radius: 0px;
    color: rgb(33, 37, 41);
}



.contact-form input:focus {
    border-bottom: solid 3px #212529;
}
.contact-form input.submit {
    background:#fff;
}

.referenceLogo {
    display: flex;
    align-content: center;
}

.referenceLogo img {
    width: 160px;
    height: 160px;
    margin: 0 auto
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
    /* Styles */

}

/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
    /* Styles */

}

/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
    /* Styles */

}

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
    /* Styles */
}

/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
    /* Styles */
}

/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
    /* Styles */
}

/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
    /* Styles */
    .fwd h1 {
        font-size: 160px;
        letter-spacing: -0.05rem;
        text-transform: uppercase;
        line-height: 0.875;
    }
    .fwd h4 {
        font-size: 55px;
        letter-spacing: -0.05rem;
        line-height: 0.8;
    }
}

/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
    /* Styles */
    .fwd h1 {
        font-size: 160px;
        letter-spacing: -0.05rem;
        text-transform: uppercase;
        line-height: 0.875;
    }
    .fwd h4 {
        font-size: 55px;
        letter-spacing: -0.05rem;
        line-height: 0.8;
    }
}