/* velodeals – Magazin, Artikel und Ratgeber (Tafel 2: magazin(), artikel(), ratgeber2027()).
   Die Bausteine (.aufm, .acard, .agrid, .ahead, .ahero, .art, .prose, .kurz, .toc, .nlbox, .abox, .hinweis) stehen in velodeals-2.css,
   hier nur Ergänzungen und der Inhalt alter Beiträge aus dem Block-Editor. */
.lab.l{color:var(--c-lime)}
.mtabs{margin-top:12px}
.mag-luft{height:56px}
.mag-luft2{height:48px}
.crumb a:hover{color:var(--fg)}
.aufm:hover h2{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
.acard:hover h3{text-decoration:underline;text-underline-offset:3px}
.pager .btn[aria-busy="true"]{opacity:.6;pointer-events:none}
.leer{padding-block:8px 32px}
.art.solo{grid-template-columns:minmax(0,1fr)}
.liesauch{padding-top:24px}
.kurz .lab{margin:0}
.rgrid{margin-bottom:24px}

/* Inhaltsverzeichnis */
.toc a:hover{color:var(--c-lime)}
.prose details.inh{margin:0 0 8px}
.prose details.inh summary{font-size:15px}
.prose details.inh .toc{margin:0 16px 12px;padding:0;border-top:1px solid var(--line)}
.prose details.inh .toc a{color:var(--fg);text-decoration:none;padding:9px 0}

/* Inhalt alter Beiträge */
.prose > :first-child{margin-top:0}
.prose :where(p,li,td,th,figcaption,cite,summary,.faq-content,.faq-answer) a{color:var(--c-lime);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.prose strong,.prose b{color:var(--fg)}
.prose h2{font-stretch:var(--d-wdth);font-weight:var(--d-wght);letter-spacing:var(--d-track);scroll-margin-top:96px;overflow-wrap:anywhere}
.prose > h3,.prose > h4,.prose h3.wp-block-heading,.prose h4.wp-block-heading{color:var(--fg);font-size:21px;line-height:1.2;font-weight:800;font-stretch:105%;margin:32px 0 10px;scroll-margin-top:96px}
.prose > h4,.prose h4.wp-block-heading{font-size:18px}
.prose :where(ul,ol){margin:0 0 18px;padding-left:1.3em}
.prose :where(li){margin:0 0 8px}
.prose :where(ul,ol) li::marker{color:var(--c-lime)}
.prose .kurz ul{margin:10px 0 0;padding:0}
.prose .toc li{margin:0}
.prose hr{border:0;border-top:1px solid var(--line);margin:32px 0}
.prose hr:has(+ .hinweis){display:none}
.prose .hinweis + .hinweis{border-top:0;padding-top:0;margin-top:-8px}
/* Bilder: nie breiter als der Text, Bildunterschrift wie .cap */
.prose .wp-block-image,.prose figure{margin:28px 0}
.prose :is(.alignfull,.alignwide,.alignleft,.alignright,.aligncenter){margin-left:0;margin-right:0;float:none;width:auto;max-width:100%}
.prose .wp-block-image img,.prose figure img{height:auto;border-radius:var(--r)}
.prose .wp-block-image figcaption,.prose figcaption{font-size:13px;line-height:1.45;color:var(--mute);margin:8px 0 0;text-align:left}
/* Galerien wie .gal3: Hochformat-Kacheln, 2 oder 4 Bilder in passenden Reihen */
.prose .wp-block-gallery.has-nested-images{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:28px 0}
.prose .wp-block-gallery.has-nested-images:has(> figure:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:600px){.prose .wp-block-gallery.has-nested-images:has(> figure:nth-child(4):last-child){grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:599px){.prose .wp-block-gallery.has-nested-images:has(> figure:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}}
.prose .wp-block-gallery.has-nested-images figure.wp-block-image{width:auto!important;max-width:none!important;margin:0!important;flex:none!important}
.prose .wp-block-gallery.has-nested-images figure.wp-block-image img{width:100%!important;height:100%!important;aspect-ratio:3/4;object-fit:cover;border-radius:12px}
/* Tabellen wie .specs */
.prose .wp-block-table{margin:24px 0;overflow-x:auto}
.prose table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.5;table-layout:auto!important}
.prose .wp-block-table thead{border:0}
.prose :is(th,td),.prose .wp-block-table :is(th,td){text-align:left;padding:11px 16px 11px 0;border:0;border-bottom:1px solid var(--line);vertical-align:top}
@media (max-width:599px){.prose table{font-size:14px}}
.prose :is(th,td){word-break:normal!important;overflow-wrap:normal;hyphens:auto;-webkit-hyphens:auto}
.prose thead th{font-size:13px;font-weight:700;color:var(--mute);padding-top:0}
.prose tbody td:first-child,.prose tbody th{color:var(--mute);font-weight:600}
/* Zitate */
.prose blockquote,.prose .wp-block-quote{margin:28px 0;padding:2px 0 2px 20px;border-left:3px solid var(--c-lime);font-size:19px!important;line-height:1.5;font-weight:500;font-stretch:100%;color:var(--fg);text-align:left!important}
.prose blockquote p{margin:0 0 10px;font-size:inherit!important;font-style:normal!important;line-height:inherit}
.prose blockquote cite{display:block;text-align:left;font-size:14px;color:var(--mute);font-style:normal}
/* Videos */
.prose .wp-block-embed{margin:28px 0}
.prose .wp-block-embed__wrapper{border-radius:var(--r);overflow:hidden}
.prose .wp-block-embed iframe{width:100%;border:0}
/* Häufige Fragen (aufklappbar, auch aus eigenem HTML alter Beiträge) */
.prose details{margin:0 0 8px;border-radius:12px;background:var(--surface);border:0}
.prose details summary{cursor:pointer;padding:12px 16px;font-weight:700;font-size:16px;line-height:1.4;list-style:none;display:flex;justify-content:space-between;gap:12px;color:var(--fg)}
.prose details summary:hover{color:var(--fg)}
.prose details summary::-webkit-details-marker{display:none}
.prose details summary::after{content:"+";position:static;transform:none;font-size:inherit;font-weight:900;color:inherit}
.prose details[open] summary::after{content:"−";transform:none}
.prose details > :not(summary){margin:0 16px 14px;padding:0}
.prose details :is(p,.faq-answer,.faq-content){font-size:15px;line-height:1.55;color:var(--c-mute-on-ink)}
.prose details .faq-content p,.prose details .faq-answer p{margin:0 0 10px}
.prose :is(.faq-section,.faq-accordion,.faq-container){max-width:none;margin:32px 0;font-family:inherit}
.prose .faq-section h2,.prose .faq-container h2{color:var(--fg);font-size:26px;margin:0 0 16px}
@media (min-width:900px){.prose .faq-section h2,.prose .faq-container h2{font-size:32px}}
.prose .faq-section .faq-item{border:0}
/* Produktraster in alten Beiträgen und im Ratgeber */
.mraeder{margin:28px 0}
.mrkopf{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px}
.mrkopf .lab{margin:0}
.prose .card{color:var(--fg);font-size:16px;line-height:1.55}
@media (min-width:900px){.prose .grid.g4{grid-template-columns:repeat(2,minmax(0,1fr))}}