/* frag-Galal.de – Blog im Seitendesign (Audit V13 B4, 01.11.2026). Ergänzt fg-site.v6 und fg-premium.v4.
   Nur bestehende Markenfarben über CSS-Variablen, Lesebreite rund 68 Zeichen. */
.blog13 .brot13 ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0;font-size:.9rem;color:var(--ink-3)}
.blog13 .brot13 li{display:flex;align-items:center}
.blog13 .brot13 li+li::before{content:"›";margin:0 8px;color:var(--ink-3)}
.blog13 .brot13 a{color:var(--ink-2);text-decoration:none;display:inline-flex;align-items:center;min-height:44px}
.blog13 .brot13 a:hover{color:var(--brand);text-decoration:underline}
.blog13 .brot13 [aria-current]{color:var(--ink);display:inline-block;line-height:44px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:min(46ch,60vw)}
.blog13 main section.rgkopf13{padding:20px 0 36px}
.blog13 .kopfzeile13{display:flex;align-items:center;gap:14px;margin-top:18px}
.blog13 .kopfzeile13 .kicker{margin:0}
.blog13 .kopfzeile13 .cover{width:52px;height:52px;border-radius:14px;background:var(--brand);color:var(--paper);display:grid;place-items:center;flex:none}
.blog13 .kopfzeile13 .cover.b{background:var(--ink)}
.blog13 .kopfzeile13 .cover.c{background:var(--brand-deep)}
.blog13 .kopfzeile13 .cover svg{width:30px;height:30px}
.blog13 .rgkopf13 h1{font-size:clamp(2rem,4.4vw,3.2rem);line-height:1.08;letter-spacing:-.015em;margin:14px 0 14px;max-width:22ch}
.blog13 .zeile13{color:var(--ink-3);font-size:.95rem;margin:0}
.blog13 .zeile13 a{color:var(--ink-2)}
.blog13 .zeile13.gross13{font-size:1.2rem;line-height:1.6;color:var(--ink-2);max-width:62ch}
.blog13 .kurz13{margin:26px 0 0;padding:20px 24px;border-radius:20px;background:var(--brand-soft);max-width:68ch}
.blog13 .kurz13 .kicker{margin:0 0 6px}
.blog13 .kurz13 p:last-child{margin:0;color:var(--ink);font-size:1.08rem;line-height:1.65}
.blog13 .inhalt13{margin:20px 0 0;padding:18px 22px;border:1px solid var(--line);border-radius:18px;background:var(--paper);max-width:68ch}
.blog13 .inhalt13 p{margin:0 0 6px;font-weight:600;color:var(--ink)}
.blog13 .inhalt13 ol{margin:0;padding-left:1.3em}
.blog13 .inhalt13 a{display:inline-flex;align-items:center;min-height:40px;color:var(--brand)}
.blog13 main section.rgtext13{padding:8px 0 64px}
.blog13 .artikel13{max-width:68ch}
.blog13 .artikel13 h2{font-size:clamp(1.5rem,2.8vw,2rem);line-height:1.15;margin:52px 0 14px;scroll-margin-top:90px}
.blog13 .artikel13>p:first-child{font-size:1.12rem;color:var(--ink)}
.blog13 .artikel13 h3{font-size:1.2rem;margin:26px 0 8px}
.blog13 .artikel13 p,.blog13 .artikel13 li{line-height:1.7;color:var(--ink-2)}
.blog13 .artikel13 strong{color:var(--ink)}
.blog13 .artikel13 li{margin:.4em 0}
.blog13 .artikel13 table{width:100%;border-collapse:collapse;font-size:.97rem;margin:16px 0}
.blog13 .artikel13 th{text-align:left;border-bottom:2px solid var(--line);padding:10px 8px}
.blog13 .artikel13 td{border-bottom:1px solid var(--line);padding:9px 8px;vertical-align:top}
.blog13 .quellen13{max-width:68ch;margin-top:56px;padding-top:24px;border-top:1px solid var(--line);font-size:.92rem}
.blog13 .quellen13 h2{font-size:1.25rem;margin:0 0 8px}
.blog13 .quellen13 ul{padding-left:1.1em;margin:0 0 14px}
.blog13 .quellen13 p,.blog13 .quellen13 li{color:var(--ink-3);line-height:1.6}
.blog13 .autor13{display:flex;gap:16px;align-items:center;max-width:68ch;margin-top:28px;padding:18px 20px;border:1px solid var(--line);border-radius:18px;background:var(--paper)}
.blog13 .autor13 img{width:72px;height:72px;border-radius:50%;object-fit:cover;object-position:50% 20%;flex:none}
.blog13 .autor13 p{margin:0;color:var(--ink-2);font-size:.95rem;line-height:1.55}
.blog13 .autor13 b{color:var(--ink)}
.blog13 main section.weiter13{padding:56px 0 64px}
.blog13 .weiter13 .lp-weiter{margin:16px 0 0}
.blog13 .weiter13 .rat9{margin-top:28px}
.blog13 main section.liste13{padding:0 0 64px}
.blog13 .liste13 .rat9{margin-top:0}
.blog13 .rat9 .teaser13{padding:0 20px 10px;color:var(--ink-2);font-size:.97rem;line-height:1.55}
.blog13 .themen13 .lp-weiter{margin-top:16px}
@media(max-width:899px){
  .blog13 .rat9{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:none;overflow:visible;margin-right:0;padding-right:0}
  .blog13 .rat9 .cover{aspect-ratio:21/9}
}
@media(min-width:700px) and (max-width:899px){.blog13 .rat9{grid-template-columns:1fr 1fr}}
@media(max-width:759px){
  .blog13 main section.rgkopf13{padding:8px 0 26px}
  .blog13 .rgkopf13 h1{font-size:1.95rem}
  .blog13 .kurz13{padding:18px 18px}
  .blog13 .autor13{align-items:flex-start}
}
.blog13 .artikel13 th,.blog13 .artikel13 td{hyphens:auto;-webkit-hyphens:auto;overflow-wrap:anywhere}
@media(max-width:699px){
  .blog13 .rat9 a{display:grid;grid-template-columns:76px 1fr;align-content:start}
  .blog13 .rat9 .cover{grid-row:1/span 3;aspect-ratio:auto;height:100%;min-height:96px}
  .blog13 .rat9 .cover svg{width:32px}
  .blog13 .rat9 b{padding:14px 16px 4px;font-size:1.08rem}
  .blog13 .rat9 .teaser13{padding:0 16px 6px;font-size:.93rem}
  .blog13 .rat9 span:not(.cover):not(.teaser13){padding:0 16px 14px}
}
@media(max-width:759px){.blog13 h1{hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}}
@media(max-width:759px){.blog13 .rgkopf13 .brot13 li[aria-current]:not(:nth-child(2)){display:none}}