/* Kontaktformular (CI3: Home::contactus, Styles vorher inline im View) */

.carousel-indicators {
    display: none !important;
}

.landing-wrapper {
    height: 0px !important;
    min-height: 0px !important;
    margin-bottom: 25px !important;
}

.home-wrapper {
    display: none;
}

/* Abstand Logo -> Überschrift wie auf den anderen Seiten */
.header-abstand-kontakt {
    margin-top: 165px;
}

@media (max-width: 767px) {
    .header-abstand-kontakt {
        margin-top: 125px;
    }
}

.container-kontakt input[type="text"],
.container-kontakt input[type="email"],
.container-kontakt textarea {
    background-color: #1f1f1f;
    border: 0;
    border-radius: 0;
    color: #fff;
    display: inline-block;
    font-size: 13px !important;
    margin: 10px 0;
    padding: 8px 15px;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.container-kontakt input[type="text"]:hover,
.container-kontakt input[type="email"]:hover,
.container-kontakt textarea:hover {
    color: #fff;
}

.container-kontakt textarea {
    height: 190px;
    overflow: auto;
    resize: none;
    padding: 16px 15px;
}

.container-kontakt p {
    margin-bottom: 0;
}

.kontakt-form {
    margin-top: 17px;
}

.kontakt-submit {
    margin-bottom: 0;
}

.button-send {
    border: none;
    border-radius: 2px;
    color: #000;
    background-color: #faffa9;
    cursor: pointer;
    float: right;
    font-size: 13px;
    margin-bottom: 27px;
    padding: 7px 16px;
    text-transform: uppercase;
    -webkit-appearance: none;
    appearance: none;
}

.button-send:hover {
    color: #000 !important;
    background-color: #BC2317 !important;
    border-color: #BC2317 !important;
}

.container-kontakt .g-recaptcha {
    width: 305px;
    margin: 11px auto 20px auto;
}

.g-recaptcha div {
    height: 78px !important; /* volle Hoehe des reCAPTCHA-Widgets, sonst ragt es 2px heraus */
    margin: 0px 0 !important;
}

/* Meldungen im gleichen Stil wie Login/Registrierung */
.kontakt-alerts {
    margin-top: 28px;
}

.kontakt-alert {
    border: none;
    border-radius: 0 !important;
    margin: 0 0 10px 0;
    padding: 10px 14px;
}

.kontakt-alert.alert-success,
.kontakt-alert > div {
    display: flex;
    align-items: baseline;
}

.kontakt-alert i {
    flex: 0 0 auto;
    margin: 0 10px 0 4px;
}

/* Handy/kleines Tablet: Captcha unter den rechtsbuendigen Button setzen.
   Sonst wird es neben dem Button nach unten verdraengt, ragt aus seinem
   Block heraus und frisst den Abstand zum Footer. */
@media (max-width: 767px) {
    .g-recaptcha {
        clear: both;
    }
}