/* Erweiterung 13.10.2026: E-Mail + Newsletter, Werbebanner Handyversicherung, Footer neu */

/* Formular */
.ask input[type=email]{font:inherit;color:inherit;background:#1B1C1A;border:2px solid #4A4E44;border-radius:12px;padding:13px 14px;width:100%;min-height:50px}
.ask input[type=email]:focus{border-color:var(--lime);outline:none}
.ask .consent.nl{margin-top:-6px}
.ask .consent .opt{display:block;margin-top:2px;color:#A9ADA3;font-size:.85rem}

/* Danke-Seite: Hinweis Newsletter-Bestätigung */
.dank-nl{margin-top:16px;padding:14px 16px;border-radius:12px;background:var(--paper);border:1px solid var(--line);max-width:60ch}

/* Werbebanner Handyversicherung (nur Startseite) */
.hero .ad-vers{--v-blue:#2E4E9E;--v-blue-hi:#4D74C8;--v-blue-deep:#22397A;--v-green:#7DB32E;--v-green-deep:#5E8C1C}
.ad-vers{color:#fff;background:linear-gradient(170deg,var(--v-blue-hi) 0%,var(--v-blue) 55%,var(--v-blue-deep) 100%);border-radius:18px;padding:18px 18px 16px;box-shadow:0 18px 40px -18px rgba(20,30,70,.55);display:flex;flex-direction:column;gap:12px}
.ad-tag{align-self:flex-start;font-size:.75rem;font-weight:800;letter-spacing:.02em;background:rgba(255,255,255,.18);border-radius:999px;padding:3px 10px}
.ad-seal{display:block;width:88px;height:88px;border-radius:50%;box-shadow:0 0 0 3px rgba(255,255,255,.85)}
.ad-vers h2{font-size:1.45rem;line-height:1.1}
.ad-vers p{font-size:.95rem;line-height:1.45;color:#EAF0FF}
.ad-vers .btn{background:var(--v-green);border-color:var(--v-green);color:#fff;font-size:.95rem;padding:12px 14px;min-height:48px;text-align:center}
.ad-vers .btn:hover{background:var(--v-green-deep);border-color:var(--v-green-deep)}
.ad-vers .v-prov{font-size:.78rem;opacity:.85;margin:0}
@media(min-width:861px){
  .hero:not(.sub) .hero-in{grid-template-columns:1.15fr 232px}
  .hero:not(.sub) .hero-art{display:none}
  .ad-vers{align-self:stretch;justify-content:center}
}
@media(min-width:1180px){
  .hero:not(.sub) .hero-in{max-width:1300px;grid-template-columns:1.05fr 1fr 232px;gap:24px}
  .hero:not(.sub) .hero-art{display:flex}
}
@media(max-width:860px){
  .ad-vers{margin-top:28px}
  .ad-vers .ad-head{display:flex;gap:14px;align-items:center}
  .ad-seal{display:block;width:88px;height:88px;border-radius:50%;box-shadow:0 0 0 3px rgba(255,255,255,.85)}
}

/* Footer neu */
.foot{padding:56px 0 0}
.foot-grid{display:grid;grid-template-columns:1.3fr 1fr 1.2fr 1fr;gap:32px 40px;align-items:start}
.foot h2{font-family:var(--f-head);font-size:1.02rem;color:#fff;margin:0 0 14px;letter-spacing:0}
.foot-brand img{height:84px;width:auto}
.foot-brand p{margin-top:14px;max-width:28ch;line-height:1.5}
.foot .foot-nav{columns:auto;display:grid;gap:8px}
.foot address{font-style:normal;line-height:1.7}
.foot-kontakt a{color:#fff;text-decoration:none}.foot-kontakt a:hover{text-decoration:underline}
.foot-links{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.foot-links a{color:#C9CBC2;text-decoration:none}.foot-links a:hover{color:#fff;text-decoration:underline}
.foot-bottom{margin-top:44px;border-top:1px solid #33362F;padding:18px 0 22px;font-size:.88rem;color:#9EA197}
@media(max-width:900px){.foot-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.foot-grid{grid-template-columns:1fr}.foot{padding-bottom:72px}}

/* Siegel auf /versicherung */
.v-seals{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:22px}
.v-partner{display:block;width:260px;height:auto;max-width:100%;background:#fff;border-radius:12px;padding:8px}
.v-seal{display:block;width:96px;height:96px;border-radius:50%;box-shadow:0 0 0 3px rgba(255,255,255,.9)}

/* Partner-Leiste im Footer */
.foot-partner{margin-top:40px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.fp-partner{display:block;width:240px;height:auto;max-width:100%;background:#fff;border-radius:12px;padding:8px}
.fp-seal{display:block;width:84px;height:84px;border-radius:50%}
.foot-bottom{margin-top:28px}

/* Cookie-Banner */
.consent-box{position:fixed;left:16px;right:16px;bottom:16px;z-index:60;max-width:460px;margin-left:auto;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:16px;padding:18px 18px 16px;box-shadow:0 20px 50px -20px rgba(0,0,0,.45);font-size:.95rem;line-height:1.5}
.consent-box[hidden]{display:none}
.consent-box p+p{margin-top:6px}
.consent-box a{color:var(--ink);font-weight:700}
.consent-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.consent-btns .btn{min-height:46px;padding:10px 12px;font-size:.95rem;background:var(--ink);color:#fff;border-color:var(--ink)}
.consent-btns .btn:hover{background:#000}
@media(max-width:860px){.consent-box{bottom:84px}}