.v6-occasion-grid{gap:24px;border:0}.v6-occasion-grid>a{padding:0 0 26px!important;overflow:hidden;border:0!important;border-bottom:1px solid var(--linie)!important}.v12-photo{aspect-ratio:4/3;overflow:hidden;margin-bottom:28px;background:var(--dunst)}.v12-photo img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.v6-occasion-grid>a:hover .v12-photo img{transform:scale(1.045)}.v6-occasion-grid>a:hover{background:transparent}.v6-occasion-grid .v6-number{margin-bottom:16px}.v12-brief{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-block:20px 100px}.v12-brief h2{margin-bottom:24px}.v12-brief>div>p:last-child{max-width:34em;color:var(--leise)}.v12-brief form{padding:32px;background:var(--nacht);color:white;border-top:5px solid var(--gelb)}.v12-brief label{display:block;font-size:.8rem;font-weight:600;margin-bottom:8px}.v12-brief input,.v12-brief select{width:100%;min-width:0;min-height:48px;padding:10px;border:1px solid #b9c2e0;background:#fff;color:var(--nacht);border-radius:0;font-size:1rem}.v12-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0 26px}.v12-fields>div{min-width:0}.v12-note{font-size:.75rem;color:#dce2f2;margin-top:20px!important}.v12-dock{display:none}
@media(max-width:820px){.v12-brief{grid-template-columns:1fr;gap:24px;padding-bottom:64px}.v6-occasion-grid{gap:28px}.v12-photo{aspect-ratio:16/10}.v12-brief form{padding:24px}.v12-dock{position:fixed;bottom:0;left:0;right:0;z-index:50;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#080e32;box-shadow:0 -4px 20px #080e3220}.v12-dock a{display:flex;align-items:center;justify-content:center;min-height:46px;text-align:center;text-decoration:none;font-size:.8rem;font-weight:800;border:1px solid #ffffff80;color:#fff}.v12-dock a:last-child{background:#fae013;border-color:#fae013;color:#080e32}body:has(.v12-dock){padding-bottom:calc(80px + env(safe-area-inset-bottom))}body.menue-offen .v12-dock,body:has(dialog[open]) .v12-dock,body:has(input:focus,select:focus,textarea:focus) .v12-dock{display:none}}
@media(max-width:400px){.v12-fields{grid-template-columns:1fr}.v12-brief form{padding:20px}}
@media(prefers-reduced-motion:reduce){.v12-photo img{transition:none}.v6-occasion-grid>a:hover .v12-photo img{transform:none}}
@media(max-width:820px){.v12-dock{grid-template-columns:1fr}.nur-gross{display:none!important}.hero__knoepfe:not(:has(>:not(.nur-gross))){display:none}}
@media print{.v12-dock,.v12-brief{display:none}}

/* v13: Anfrage-Leiste gleitet weg, sobald ein anderer Anfrage-Knopf oder ein Formular auf dem Display ist */
@media(max-width:820px){.v12-dock{transition:transform .32s cubic-bezier(.2,.7,.2,1);will-change:transform}body.dock-weg .v12-dock{transform:translateY(110%)}}
/* Auf der Rechnerseite zeigt der Kopf keinen Knopf zu sich selbst */
.nav__rechner[aria-current]{display:none}
/* v13: E-Mail-Adressen der Ansprechpartner nicht mitten im Wort umbrechen */
.person__text a[href^="mailto"]{white-space:nowrap;overflow-wrap:normal}
@media(max-width:480px){.person__text a[href^="mailto"]{font-size:.8125rem}}
/* v13: Weiter-Links in den Planern nehmen die Textfarbe ihres Kastens an (auf Dunkelblau sonst kaum lesbar) */
#t-weiter,#b-weiter{color:inherit;font-weight:700}
.burger-text h2+.lead{margin-top:14px}
/* v14: echte Teamfotos */
.person__foto{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 22%}
/* v14: Abschnitte ohne Bild laufen einspaltig und lesbar breit */
.duo:not(:has(> figure)){grid-template-columns:minmax(0,1fr)}
.duo:not(:has(> figure)) > .duo__text{max-width:52em}
.auch-kurz{max-width:58em;margin:28px 0 0;padding:18px 22px;border-left:4px solid var(--gelb);background:var(--dunst);font-size:1rem;line-height:1.6}
.kachel__weiter{margin-top:16px}
.raum:not(:has(figure)){align-self:start;padding:clamp(20px,2.4vw,30px);border:2px solid var(--linie);background:#fff}
/* v14: Füllbalken der Regler direkt auf dem Regler gezeichnet (nicht in der Spur).
   Manche Handy-Browser geben die Variable nicht an die Spur weiter, dann stand der Balken fest in der Mitte. */
.fader{background:linear-gradient(90deg,var(--voll) 0 var(--fuell,var(--wert)),var(--spur) var(--fuell,var(--wert)) 100%) center/100% 6px no-repeat;border-radius:3px}
.fader::-webkit-slider-runnable-track{background:transparent!important}
.fader::-moz-range-track{background:transparent}
.fader::-moz-range-progress{background:transparent}

/* v17: Kurzanfrage steht jetzt am Seitenende zwischen Team und Fragen */
.v12-brief{padding-block:100px 0}
@media(max-width:820px){.v12-brief{padding-block:64px 0}}