/* Feuerwerkstatt - Ergaenzungen zum Archi-Theme */

/* Formulare (ersetzen die Inline-Styles der alten Formulare) */
.fw-pl0 { padding-left: 0 !important; }
.fw-pr0 { padding-right: 0 !important; }
#contact_form label { color: #eee; font-weight: normal; }
#contact_form .fw-dsgvo { margin-bottom: 15px; }
#contact_form .fw-dsgvo input[type=checkbox] { width: 20px; height: 20px; vertical-align: middle; margin: 0 6px 0 0; }
#contact_form .fw-dsgvo a { color: #fff; }
#contact_form .fw-form-error { display: block; margin: -14px 0 14px; color: #F2920A; font-size: 13px; }
#contact_form input[type=date] { line-height: normal; }
#contact_form .has-error input, #contact_form .has-error textarea { border-color: #F2920A !important; }

/* Zwei-Klick-Platzhalter (YouTube, Google Maps) */
.fw-consent {
    position: relative;
    width: 100%;
    background: #1b1d21;
    border: 1px solid rgba(255,255,255,.15);
    color: #ccc;
    text-align: center;
}
.fw-consent-youtube { padding-bottom: 56.25%; height: 0; margin-bottom: 30px; }
.fw-consent-youtube.fw-consent-loaded { background: #000; }
.fw-consent-youtube iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }
.fw-consent-inner {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    padding: 0 20px;
}
.fw-consent-inner .fa { font-size: 48px; color: #F2920A; }
.fw-consent-inner p { font-size: 13px; margin: 10px 0 15px; }
.fw-consent-inner a { color: #F2920A; }
#map.fw-consent { height: 500px; }

/* Absende-Knopf ohne Pfeil (alt war es ein input-Element ohne :after) */
#contact_form #senditem.btn-line:after { display: none; }

/* Videotitel im Zwei-Klick-Platzhalter */
.fw-consent-inner .fw-consent-title { color: #fff; font-size: 15px; margin: 8px 0 0; }