/* v24 (12.11.2026): Film-Block, Film-Knopf im Kopf, Kontaktformular. Farben nur aus den Variablen der Seite. */
.hero-weiter{display:inline-block;margin-top:18px;font-size:14px;font-weight:650;color:var(--mut)}
.hero-weiter:hover{color:var(--acc)}
.film-sec{padding-bottom:40px}
.film-sec .h-lg{margin:14px auto 14px;max-width:820px}
.film-box{margin:38px auto 0;width:min(1040px,100%);border-radius:22px;overflow:hidden;box-shadow:0 30px 70px rgba(42,33,29,.18),0 0 0 1px rgba(255,255,255,.6)}
.film-box .kino-frame{border-radius:22px}
.kf-form{position:relative;margin:34px auto 0;max-width:760px;text-align:left;padding:30px 30px 24px;border-radius:26px}
.kf-form h3{font-size:20px;font-weight:750;margin:0 0 18px}
.kf-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px}
.kf-grid label{display:flex;flex-direction:column;gap:6px;font-size:13.5px;font-weight:650;color:var(--tx)}
.kf-grid label i{font-style:normal;font-weight:500;color:var(--mut)}
.kf-voll{grid-column:1/-1}
.kf-grid input:not([type=checkbox]),.kf-grid textarea{font:inherit;font-size:15px;font-weight:500;color:var(--tx);background:var(--panelSolid);border:1px solid rgba(110,107,120,.25);border-radius:14px;padding:12px 14px;outline:none;transition:border-color .2s,box-shadow .2s}
.kf-grid textarea{resize:vertical;min-height:96px}
.kf-grid input:focus,.kf-grid textarea:focus{border-color:var(--acc);box-shadow:0 0 0 4px var(--accsoft)}
.kf-grid .bad{border-color:var(--acc)!important;box-shadow:0 0 0 4px var(--accsoft)}
.kf-ok{flex-direction:row!important;align-items:flex-start;gap:10px!important;font-weight:500!important;color:var(--mut)!important;line-height:1.45}
.kf-ok input{margin-top:3px;accent-color:var(--acc);width:16px;height:16px;flex:none}
.kf-ok a{color:var(--acc);text-decoration:underline}
.kf-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.kf-form .btn-xl{margin-top:22px;width:100%}
.kf-msg{min-height:1.4em;margin-top:12px;font-size:14.5px;font-weight:650;color:var(--acc);text-align:center}
.kf-form .small{text-align:center;margin-top:6px}
@media (max-width:700px){.kf-grid{grid-template-columns:1fr}.kf-form{padding:22px 18px 18px}.film-box,.film-box .kino-frame{border-radius:16px}.kf-form .btn-xl{white-space:normal;height:auto;min-height:58px;padding:12px 20px}}
/* Film-Knopf auch auf dem Handy zeigen (die alte Regel blendete den zweiten Knopf «So läuft ein Auftrag» aus) */
.hv9 .cta-row .btn-ghost[data-film-oeffnen],.cta-row .btn-ghost[data-film-oeffnen]{display:inline-flex}
@media (max-width:700px){.hv9 .cta-row{flex-direction:column;align-items:stretch;gap:10px}.hv9 .cta-row .btn{width:100%}}
