/* Gemeinsame Ergänzungen zur lokalen SEO/GEO-Fassung, 08.11.2026 */
.article-author{flex-basis:100%;color:#e1effb}
.blog-hero{margin:0 0 21px;max-width:100%}
.blog-hero img{display:block;width:100%;height:auto;object-fit:contain;border-radius:12px}
.blog-hero figcaption{margin:7px 0 0;font-size:clamp(10px,1.6vw,14px);line-height:1.4;white-space:nowrap;color:#b7d3e8}
.comparison-scroll{max-width:100%;overflow-x:auto;margin:14px 0;border:1px solid #668ba6;border-radius:8px}
.comparison-scroll table{width:100%;border-collapse:collapse;min-width:540px;font-size:16px;line-height:1.5}
.comparison-scroll th,.comparison-scroll td{padding:12px;text-align:left;vertical-align:top;border-bottom:1px solid #416985;white-space:normal}
.comparison-scroll th{background:#0b2237;color:#fff}
.comparison-scroll tr:last-child td{border-bottom:0}
.comparison-scroll:focus-visible{outline:3px solid #f2d69c;outline-offset:3px}
.affiliate-section{margin:28px 0;padding:16px 14px 7px;border:1px solid #668ba6;border-radius:12px;background:#193b58}
.affiliate-section h2{margin:7px 0;font-size:27px}
.affiliate-section>.fine{font-size:14px;line-height:1.5;margin:7px 0}
.affiliate-placements{margin:14px 0;padding:7px 12px;background:#193b58;color:#e1effb;border:1px solid #668ba6;border-radius:8px}
.affiliate-placements summary{padding:7px 0;cursor:pointer;font-weight:700;color:#fff}
.affiliate-placements p,.affiliate-placements li{margin:7px 0}
.affiliate-placements ol,.affiliate-placements ul{padding-left:22px}
.affiliate-placements a{color:#e1effb;overflow-wrap:anywhere}
.affiliate-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}
.affiliate-offer{display:flex;flex-direction:column;gap:7px;min-width:0;background:#214966;border:1px solid #668ba6;border-radius:8px;padding:12px 12px 7px}
.affiliate-offer h3{font-size:19px;line-height:1.3;letter-spacing:normal;margin:0;color:#fff}
.affiliate-offer p{font-size:15px;line-height:1.5;margin:0;color:#e1effb}
.affiliate-offer .affiliate-kind{color:#f2d69c;font-size:12px}
.affiliate-offer .affiliate-condition{font-size:13px;color:#b7d3e8}
.affiliate-offer .btn{font-size:14px;padding:10px;margin-top:auto;min-height:44px;text-align:center;background:#d4af62;color:#102d43;white-space:normal;line-height:1.3;align-self:stretch}
.affiliate-offer .product-source{font-size:12px;line-height:1.4;color:#e1effb}
.card-calculator{padding:16px;border:1px solid #668ba6;border-radius:12px;background:#193b58;margin:24px 0}
.card-calculator h2{margin-top:0}
.card-calculator form{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.card-calculator label{font-size:15px;display:grid;gap:7px}
.card-calculator input{width:100%;box-sizing:border-box;min-width:0;padding:12px;background:#0b2237;border:1px solid #668ba6;color:#fff;font:inherit;border-radius:6px}
.card-calculator output{grid-column:1/-1;display:block;padding:12px;background:#0b2237;border-left:4px solid #d4af62;font-weight:700}
.card-calculator button{align-self:end;min-height:44px}
.quick-starts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:21px}
.quick-starts a{display:block;border:1px solid #668ba6;border-radius:8px;padding:14px;color:#e1effb;text-decoration:none}
.quick-starts strong{display:block;color:#fff;margin-bottom:7px}
@media(max-width:1100px){.affiliate-grid{grid-template-columns:1fr}.affiliate-offer .btn{align-self:start}.affiliate-offer{gap:7px}}
@media(max-width:600px){.card-calculator form,.quick-starts{grid-template-columns:1fr}.affiliate-section{padding:12px 10px 7px}.affiliate-section h2{font-size:24px}.comparison-scroll table{font-size:14px}.article-meta{gap:7px}.blog-hero figcaption{font-size:11px}}
@media print{.affiliate-section,.card-calculator form{display:none}}

/* Affiliate-Themenbilder: Schutzfläche auch über vollständig weißen Motiven. */
.affiliate-grid{gap:7px;align-items:stretch}
.affiliate-offer.affiliate-illustrated{position:relative;isolation:isolate;overflow:hidden;gap:7px;padding:7px;min-height:380px;background:#0b2237;overflow-wrap:anywhere}
.affiliate-illustrated>.affiliate-backdrop{position:absolute;inset:0;z-index:0;pointer-events:none;display:block}
.affiliate-illustrated>.affiliate-backdrop img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.affiliate-illustrated::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(11,34,55,.82) 0%,rgba(11,34,55,.88) 50%,rgba(11,34,55,.94) 100%)}
.affiliate-illustrated>:not(.affiliate-backdrop){position:relative;z-index:2}
.affiliate-offer.affiliate-illustrated h3,.affiliate-offer.affiliate-illustrated p,.affiliate-offer.affiliate-illustrated li,.affiliate-offer.affiliate-illustrated a:not(.btn),.affiliate-offer.affiliate-illustrated summary{color:#fff;opacity:1}
.affiliate-offer.affiliate-illustrated h3,.affiliate-offer.affiliate-illustrated p{margin:0;padding:0}
.affiliate-offer.affiliate-illustrated .affiliate-kind,.affiliate-offer.affiliate-illustrated .affiliate-image-label{color:#f2d69c;font-size:12px;line-height:1.4;font-weight:700}
.affiliate-offer.affiliate-illustrated .affiliate-image-disclosure{font-size:12px;line-height:1.4}
.affiliate-offer.affiliate-illustrated .affiliate-condition{font-size:13px}
.affiliate-offer.affiliate-illustrated .btn{background:#d4af62;color:#102d43;border:1px solid #d4af62;opacity:1;min-height:44px;padding:7px;align-self:stretch;margin-top:auto}
.affiliate-offer.affiliate-illustrated .btn:hover{background:#e3c68a;color:#102d43;border-color:#e3c68a}
.affiliate-offer.affiliate-illustrated details{padding:7px 0 0;margin:0;border-top:1px solid #8aa6ba}
.affiliate-offer.affiliate-illustrated details[open]{background:#0b2237;border:1px solid #8aa6ba;border-radius:5px;padding:7px}
.affiliate-offer.affiliate-illustrated summary{padding:0;min-height:44px;display:list-item;font-size:14px;line-height:1.5;white-space:normal}
.affiliate-offer.affiliate-illustrated details[open] summary{margin-bottom:7px}
.affiliate-offer.affiliate-illustrated details ul{padding-left:21px;margin:7px 0}
.affiliate-offer.affiliate-illustrated details li{font-size:14px;line-height:1.5;margin:7px 0}
.affiliate-offer.affiliate-illustrated .affiliate-image-metadata{font-size:12px;line-height:1.4}
.affiliate-offer.affiliate-illustrated :focus-visible{outline:3px solid #fff;outline-offset:2px}
@media(max-width:600px){.affiliate-offer.affiliate-illustrated{min-height:0}}