/* fasannet.at Ratgeber (ratgeber.html, ratgeber-*.html): what these pages need on top of at.css and
   ../../../fasannet-com/planning/design/assets/blog.css (overview cards, post layout, TOC, read bar, author box).
   Header language switch copied from entwicklung.css; keep in step when it changes there. */

/* header language switch (motion.js copies .wrap > .lang into the mobile menu) */
.nav .wrap > .lang{font-size:13px;font-weight:600;text-decoration:none}
@media (max-width:1040px){.nav .wrap > .lang{display:none}}
.nav-panel .lang{font-size:15px;font-weight:600}

/* overview */
.blog-hero .crumb{margin:0 0 20px}
.rg-en{margin:32px 0 0;text-align:center}

/* German words are long: let headings break (no auto hyphens: "Web-site") instead of widening the page */
.prose h2,.prose h3,.post-head .display,.post .sub{overflow-wrap:break-word}
.prose table{width:100%;border-collapse:collapse;margin:0 0 24px;font-size:16px;line-height:1.5}
.prose th,.prose td{text-align:left;vertical-align:top;padding:10px 12px 10px 0;border-bottom:1px solid var(--silver)}
.prose th{font-weight:650}
@media (max-width:600px){.prose{font-size:17px}.prose table{display:block;overflow-x:auto}}

/* at.css styles .prose for the legal pages (rules above h2, dash bullets); posts use the fasannet.com blog prose */
.post-page .prose h2{padding-top:0;border-top:0}
.post-page .prose ul{list-style:disc;padding-left:1.3em}
.post-page .prose ul li{padding-left:0}
.post-page .prose ul li::before{content:none}

/* blog card, same as the fasannet.com .tile card (site.css) + blog.css; .rg-card because at.css uses .tile for image tiles */
.rg-card{display:flex;flex-direction:column;padding:24px;border:1px solid var(--silver);border-radius:var(--r-card);background:#fff;color:var(--ink);text-decoration:none;transition:border-color .2s,transform .25s}
.rg-card:hover{border-color:var(--ink);transform:translateY(-2px)}
.rg-card .st-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}
.rg-card .sub{font-size:20px;line-height:1.15;margin:0 0 8px;text-decoration:none}
.rg-card p{margin:0;font-size:15px;line-height:1.55;color:var(--muted)}
.rg-card .more{margin-top:auto;padding-top:16px;font-weight:600;font-size:14px;color:var(--navy);font-variant-numeric:tabular-nums}
.rg-card .t-eb{font:600 12px/1.4 var(--sans);letter-spacing:.083em;text-transform:uppercase;color:var(--accent,#a83e00);text-align:right}
.rg-card.big .st-top{justify-content:flex-start;gap:16px}
.rg-card.big .t-eb{text-align:left}
.post-head .head-top{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.post-head .head-top .post-t{margin:0}
.post-head .head-top .post-t{color:var(--accent,#a83e00)}