/* velodeals – Rahmen: Handy-Menü und Handy-Suche im Theme, Fuß, Suche, 404, Textseiten.
   Die Bausteine selbst stehen in velodeals-2.css (aus Tafel 2), hier nur, was die echte Seite zusätzlich braucht. */

/* Offenes Fenster: Seite dahinter steht still */
html.vd-offen{overflow:hidden}

/* Handy-Menü und Handy-Suche: auf der Tafel im Bildschirm verankert, im Theme über dem ganzen Fenster */
.mmenu,.msuche{position:fixed;z-index:80;overflow-y:auto;overscroll-behavior:contain}
.mmenu[hidden],.msuche[hidden]{display:none}
@media (min-width:900px){.mmenu,.msuche{display:none!important}}
.mmenu .mtop a{display:block}
.mmenu .mtop img{height:40px;width:auto}
.mmenu nav a:hover,.msub a:hover,.msoc a:hover{color:var(--c-lime)}
.mmenu .msoc a:hover{color:var(--c-paper)}
.msuche > .suche{flex:0 0 auto}
.msuche .row1 label{flex:1;min-width:0}
.msuche .treffer:empty{display:none}

/* Fuß: „Cookie-Einstellungen“ sieht aus wie die Links daneben */
.ck-link{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer}
.ck-link:hover{color:var(--c-paper)}
.fuss ul a:hover{color:var(--c-paper)}

/* Brotkrumen mit Link */
.crumb a:hover{color:var(--fg)}

/* Suche */
.such-tabs a.pill:hover{border-color:var(--c-mute-on-ink)}
.hsec .more{display:inline-block;margin-top:18px}
.hsec > h2{scroll-margin-top:96px}
.alist a:hover b,.shop:hover b{color:var(--c-lime)}
.leer .suche.gross{max-width:none}
.leer .quick{margin-top:14px}

/* 404 */
.e404 .ldtxt{color:var(--c-paper)}

/* Textseiten */
.legal .prose h2{scroll-margin-top:88px}
@media (min-width:900px){.legal .prose h2{scroll-margin-top:104px}}
/* Inhaltsverzeichnis bleibt unter dem klebenden Kopf stehen */
.legal .toc{position:static}
.legal nav > .only-d{position:sticky;top:104px}
.legal .prose h3{font-size:18px;margin:24px 0 8px;font-weight:800;line-height:1.25;color:var(--fg)}
.legal .prose h1{font-size:24px;margin:0 0 16px;font-weight:850;line-height:1.15;color:var(--fg)}
.legal .prose a{color:var(--c-lime);text-decoration:underline;text-underline-offset:3px}
.legal .prose ul,.legal .prose ol{margin:0 0 18px;padding-left:22px}
.legal .prose li{margin:0 0 6px}
.legal .prose hr{border:0;border-top:1px solid var(--line);margin:28px 0}
.legal .prose img{height:auto;border-radius:12px}
.legal .prose > :last-child{margin-bottom:0}
.legal .toc a:hover{color:var(--fg)}
details.inh .toc{margin:0 16px 8px;border-top:1px solid var(--line)}
details.inh .toc li:last-child{border-bottom:0}
details.inh[open] summary::after{content:"−"}
.legal.ohne-toc{grid-template-columns:minmax(0,1fr)}
.mmenu .msoc{margin-top:0}