/* Guides und News: Übersichten und Artikelseiten. */
.article-page{background:#11110f}
.article-header{position:relative;background:#141412}
.article-header nav a[aria-current="page"]{color:#f2c88e}
.article-main{padding:54px 0 90px}
.article-wrap{max-width:1180px}

.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;color:#8d8a81;font-size:12px}
.breadcrumbs a{color:#bdb8ad}
.breadcrumbs a:hover,.breadcrumbs a:focus-visible{color:#f2c88e}
.breadcrumbs [aria-current]{color:#8d8a81;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:46ch}

.article-head{max-width:860px;margin:42px 0 46px}
.article-kicker{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:18px}
.article-head h1{margin:0;font-family:'Barlow Condensed',sans-serif;font-size:clamp(40px,5.4vw,72px);line-height:.98;font-weight:800;text-transform:uppercase;color:#f6efe3}
.article-head h1 em{font-style:normal;color:#dba666}
.article-lead{max-width:720px;margin:22px 0 0;color:#c9c3b7;font-size:18px;line-height:1.6}
.article-meta{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:22px;color:#8d8a81;font-size:13px}
.article-meta span+span:before{content:'·';margin-right:22px;color:#5b5850}

.world-tag{display:inline-block;padding:4px 8px;border:1px solid #dba66655;color:#dba666;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.world-rdr{border-color:#c8875a66;color:#e3a476}
.world-gta{border-color:#d685b066;color:#eaa2c8}

.article-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:64px;align-items:start}
.article-aside{position:sticky;top:28px}
.article-aside-label{margin-bottom:14px;color:#8d8a81;font-size:11px;font-weight:700;letter-spacing:.16em}
.article-toc ol{margin:0;padding:0;list-style:none;counter-reset:toc;border-left:1px solid #34332e}
.article-toc li{counter-increment:toc}
.article-toc a{display:block;padding:7px 0 7px 16px;margin-left:-1px;border-left:1px solid transparent;color:#a9a69d;font-size:14px;line-height:1.4}
.article-toc a:before{content:counter(toc,decimal-leading-zero) ' ';color:#5f5b52;font-size:11px;font-weight:700;letter-spacing:.06em}
.article-toc a:hover,.article-toc a:focus-visible{border-left-color:#dba666;color:#f3efe5}

.article-body{max-width:740px;color:#d9d4c9;font-size:17px;line-height:1.75}
.article-body h2{margin:56px 0 16px;scroll-margin-top:24px;font-family:'Barlow Condensed',sans-serif;font-size:clamp(28px,3vw,38px);line-height:1.05;font-weight:700;text-transform:uppercase;color:#f6efe3}
.article-body h3{margin:34px 0 10px;scroll-margin-top:24px;font-size:20px;line-height:1.3;color:#f3efe5}
.article-body p{margin:0 0 18px}
.article-body ul,.article-body ol{margin:0 0 22px;padding-left:22px}
.article-body li{margin-bottom:8px}
.article-body li::marker{color:#dba666}
.article-body strong{color:#f6efe3}
.article-body a{color:#f2c88e;text-decoration:underline;text-decoration-color:#dba66688;text-underline-offset:3px}
.article-body a:hover,.article-body a:focus-visible{text-decoration-color:#f2c88e}
.article-body blockquote{margin:26px 0;padding:4px 0 4px 22px;border-left:3px solid #dba666;color:#e9e3d7;font-size:19px}
.article-body blockquote p:last-child{margin-bottom:0}
.article-body table{width:100%;margin:26px 0;border-collapse:collapse;font-size:15px;line-height:1.5}
.article-body th,.article-body td{padding:12px 14px;border-bottom:1px solid #34332e;text-align:left;vertical-align:top}
.article-body th{color:#f3efe5;background:#1b1b18;font-weight:700}
.article-body .note,.article-summary{margin:26px 0;padding:18px 22px;background:#1b1b18;border:1px solid #34332e;border-left:3px solid #dba666;font-size:16px}
.article-body .note p:last-child,.article-summary p{margin-bottom:0}
.article-summary{margin-top:0}
.article-summary strong{display:block;margin-bottom:6px;color:#dba666;font-size:12px;letter-spacing:.14em;text-transform:uppercase}

.article-faq details{border-bottom:1px solid #34332e}
.article-faq summary{display:flex;justify-content:space-between;gap:20px;padding:18px 0;color:#f3efe5;font-weight:700;cursor:pointer;list-style:none}
.article-faq summary::-webkit-details-marker{display:none}
.article-faq summary:after{content:'+';color:#dba666;font-size:22px;line-height:1}
.article-faq details[open] summary:after{content:'−'}
.article-faq details p{margin:0 0 18px;color:#c9c3b7}
.article-dates{margin-top:40px;color:#8d8a81;font-size:13px}

.article-related{margin-top:90px}
.article-related h2,.listing-group-head h2{margin:0 0 22px;font-family:'Barlow Condensed',sans-serif;font-size:32px;font-weight:700;text-transform:uppercase;color:#f6efe3}
.article-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.article-card{display:flex;flex-direction:column;gap:12px;min-height:230px;padding:24px;background:#1a1a17;border:1px solid #2e2d28;transition:border-color .18s,background .18s,transform .18s}
.article-card:hover,.article-card:focus-visible{border-color:#dba66688;background:#1f1f1b;transform:translateY(-2px);outline:0}
.article-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;color:#8d8a81;font-size:12px}
.article-card strong{font-family:'Barlow Condensed',sans-serif;font-size:26px;line-height:1.05;font-weight:700;text-transform:uppercase;color:#f6efe3}
.article-card-text{color:#b5b0a5;font-size:15px;line-height:1.55}
.article-card-more{margin-top:auto;color:#dba666;font-size:12px;font-weight:700;letter-spacing:.14em}

.article-cta{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:90px;padding:44px;background:linear-gradient(135deg,#24251f,#181914);border:1px solid #c5955d55}
.article-cta h2{margin:12px 0;font-family:'Barlow Condensed',sans-serif;font-size:clamp(32px,4vw,48px);font-weight:800;text-transform:uppercase;color:#f6efe3}
.article-cta h2 em{font-style:normal;color:#dba666}
.article-cta p{max-width:560px;margin:0;color:#c9c3b7;line-height:1.6}
.article-cta .button{flex-shrink:0;margin:0}

.listing-head{margin-bottom:30px}
.listing-switch{display:inline-flex;margin-top:30px;border:1px solid #3b3a34}
.listing-switch a{padding:11px 22px;color:#bdb8ad;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.listing-switch a[aria-current="page"]{background:#dba666;color:#17130f}
.listing-group{margin-top:56px}
.listing-group-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;border-bottom:1px solid #34332e;margin-bottom:22px}
.listing-group-head h2{margin-bottom:12px}
.listing-group-head span{color:#8d8a81;font-size:13px}
.listing-empty{color:#a9a69d}


@media(max-width:900px){
 .article-layout{grid-template-columns:minmax(0,1fr);gap:0}
 .article-aside{position:static;margin-bottom:30px;padding:20px;background:#1a1a17;border:1px solid #2e2d28}
 .article-cta{flex-direction:column;align-items:flex-start;padding:30px}
}
@media(max-width:600px){
 .article-main{padding:34px 0 70px}
 .article-head{margin:30px 0 34px}
 .article-lead{font-size:16px}
 .article-body{font-size:16px}
 .article-body table{display:block;overflow-x:auto}
 .article-cards{grid-template-columns:1fr}
 .breadcrumbs [aria-current]{max-width:24ch}
 .article-meta{gap:6px 16px}
 .article-meta span+span:before{display:none}
}