/* Ratgeber 3.6.81 – ausschließlich Übersicht und Fachartikel. */
.ms-guide-hero .ms-guide-hero__glass{max-width:1120px}
.ms-guide-hero .lead{max-width:760px}
.ms-guide-search{display:grid;gap:8px;font-weight:700;margin:24px 0 16px;color:#fff}
.ms-guide-search input{width:100%;max-width:680px;min-height:50px;padding:13px 16px;border:1px solid #738996;border-radius:10px;background:#0a2332;color:#fff;font:inherit;font-weight:400}
.ms-guide-search input::placeholder{color:#b7c6ce}
.ms-guide-search input:focus-visible{outline:3px solid #ff8b43;outline-offset:3px}
.ms-guide-start{padding:48px 0 20px}
.ms-guide-start-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}
.ms-guide-start-card{display:flex;flex-direction:column;gap:12px;text-decoration:none;padding:25px;border:1px solid #48616e;border-radius:16px;background:#0c2634;color:#fff}
.ms-guide-start-card>span:first-child{color:#ff9b58;font-size:.85rem;font-weight:700}
.ms-guide-start-card h3{font-size:1.25rem;line-height:1.4;color:#fff;margin:0}
.ms-guide-start-link{margin-top:auto;padding-top:12px;font-weight:700;color:#fff}
.ms-guide-start-card:hover,.ms-guide-start-card:focus-visible{border-color:#ff8b43;outline-offset:4px}
.ms-guide-results .guide-card{display:flex;flex-direction:column;gap:12px}
.ms-guide-results .guide-card h3{margin:0;line-height:1.35}
.ms-guide-results .guide-card p{margin:0}
.ms-guide-results .guide-card>a{margin-top:auto;padding-top:12px}
.ms-guide-reading{font-size:.85rem;color:#bbccd5}
.ms-guide-results [hidden]{display:none!important}
.ms-guide-article .article-hero{padding:65px 0 48px}
.ms-guide-article .article-hero h1{max-width:930px;text-wrap:balance;overflow-wrap:break-word;hyphens:auto}
.ms-guide-article .article-hero .lead{max-width:850px;line-height:1.7}
.ms-guide-article .article-meta{line-height:1.8;color:#bed0da}
.ms-guide-article .article-layout{grid-template-columns:minmax(0,2.3fr) minmax(220px,1fr);gap:48px}
.ms-guide-article .article-content{max-width:800px}
.ms-guide-article .article-content section{scroll-margin-top:120px}
.ms-guide-article .article-content p,.ms-guide-article .article-content li{line-height:1.85}
.ms-guide-article .ms-guide-toc{padding:24px 28px;margin:0 0 42px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.ms-guide-article .ms-guide-toc h2{font-size:1.2rem;margin:0 0 16px}
.ms-guide-article .ms-guide-toc ol{padding-left:22px;margin:0}
.ms-guide-article .ms-guide-toc a{color:var(--heading);text-underline-offset:3px}
.ms-guide-article .article-content .ms-guide-expert,.ms-guide-article .article-content .ms-guide-check{padding:28px;margin:28px 0;border:1px solid #49616f;border-left:4px solid #f17b2d;border-radius:12px;background:#0c2634;color:#fff}
.ms-guide-article .ms-guide-expert h2,.ms-guide-article .ms-guide-check h2{color:#fff;font-size:1.45rem}
.ms-guide-article .ms-guide-expert p,.ms-guide-article .ms-guide-check li{color:#d9e4ea}
.ms-guide-article .ms-guide-expert .eyebrow,.ms-guide-article .ms-guide-check .eyebrow{color:#ff9b58}
.ms-guide-article .ms-guide-check ul{padding-left:22px;margin-bottom:0}
.ms-guide-article .guide-sources{padding-left:0;font-size:.92rem;overflow-wrap:anywhere}
.ms-guide-article .guide-sources h2{font-size:1.3rem}
.ms-guide-article .guide-sources p{font-size:.85rem}
.ms-guide-article .guide-sources a{color:var(--heading);text-underline-offset:3px}
.ms-guide-article .article-aside{top:110px}
@media(max-width:900px){.ms-guide-start-grid{grid-template-columns:1fr}.ms-guide-article .article-layout{grid-template-columns:1fr;gap:28px}.ms-guide-article .article-aside{position:static;grid-template-columns:1fr}.ms-guide-article .article-hero{padding:38px 0}.ms-guide-article .article-content{max-width:none}}
@media(max-width:600px){.ms-guide-article .article-content section{padding-left:0;padding-top:26px}.ms-guide-article .section-count{position:static;display:block;margin-bottom:10px}.ms-guide-article .ms-guide-toc{padding:20px}.ms-guide-article .article-content .ms-guide-expert,.ms-guide-article .article-content .ms-guide-check{padding:22px}.ms-guide-search input{font-size:16px}.ms-guide-article .article-hero h1{font-size:2rem;line-height:1.2}.ms-guide-article .breadcrumbs{flex-wrap:wrap}}

/* 3.6.82: Gemeinsame Mittelachse und gleichmäßiges Themenraster. */
.ms-guide-article .article-hero .breadcrumbs{justify-content:center;width:100%;text-align:center;margin-inline:auto}
.ms-guide-hero .ms-guide-search{justify-items:center;text-align:center}
.ms-guide-hero .ms-guide-search input{margin-inline:auto;text-align:center}
#main-content.site-main .ms-guide-hero .references-topic-filter .guide-filter{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;margin-inline:auto}
#main-content.site-main .ms-guide-hero .references-topic-filter .guide-filter .guide-filter__button{grid-column:auto;grid-row:auto;justify-self:stretch;justify-content:center;width:100%;max-width:none;min-width:0;margin:0;text-align:center;min-height:64px}
#main-content.site-main .ms-guide-hero .references-topic-filter .guide-filter .guide-filter__button span{flex-shrink:0}
@media(max-width:760px){#main-content.site-main .ms-guide-hero .references-topic-filter .guide-filter{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#main-content.site-main .ms-guide-hero .references-topic-filter .guide-filter .guide-filter__button{padding:10px 8px;font-size:.82rem}}

/* 3.6.83: Kontaktkasten mit durchgängiger Mittelachse. */
#main-content.ms-guide-article .guide-inquiry{display:flex;flex-direction:column;align-items:center;box-sizing:border-box;width:100%;min-width:0;padding:clamp(22px,4vw,40px);text-align:center}
#main-content.ms-guide-article .guide-inquiry>*{box-sizing:border-box;min-width:0;max-width:100%;margin-inline:auto;white-space:normal;overflow-wrap:break-word}
#main-content.ms-guide-article .guide-inquiry>.eyebrow{width:100%;line-height:1.6}
#main-content.ms-guide-article .guide-inquiry>h2{width:100%;max-width:24ch;text-wrap:balance}
#main-content.ms-guide-article .guide-inquiry>p{width:100%;max-width:58ch;text-align:center;text-wrap:pretty}
#main-content.ms-guide-article .guide-inquiry>.button{align-self:center;width:auto;justify-content:center}
#main-content.ms-guide-article .guide-inquiry>p:last-child{margin-top:16px;margin-bottom:0}
#main-content.ms-guide-article .guide-inquiry>p>a{overflow-wrap:anywhere}

/* 3.6.84: Glas-Schaltflächen für Übersicht und Leistungen. */
.ms-guide-article .article-aside .ms-guide-back{margin:0}
.ms-guide-article .article-aside .ms-guide-glass-button{display:flex;align-items:center;justify-content:center;gap:14px;box-sizing:border-box;width:100%;min-height:58px;padding:17px 20px;border:1px solid rgba(171,204,220,.38);border-radius:14px;background:linear-gradient(135deg,rgba(57,91,109,.5),rgba(12,37,52,.65));box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 8px 24px rgba(0,0,0,.14);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#edf5f8;font-weight:650;line-height:1.5;text-align:center;text-decoration:none;transition:background .2s,border-color .2s,box-shadow .2s}
.ms-guide-article .ms-guide-glass-button>span:first-child{min-width:0;overflow-wrap:break-word}
.ms-guide-article .ms-guide-glass-button>span:last-child{flex-shrink:0;color:#ffad76}
.ms-guide-article .article-aside .ms-guide-glass-button:hover{border-color:#ffad76;background:linear-gradient(135deg,rgba(65,103,122,.65),rgba(17,47,64,.8));box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 8px 24px rgba(0,0,0,.2)}
.ms-guide-article .article-aside .ms-guide-glass-button:focus-visible{outline:2px solid #ffad76;outline-offset:4px}
.ms-guide-article .article-aside .ms-guide-services{padding:24px 20px;gap:16px;background:rgba(16,44,59,.35);text-align:center}
.ms-guide-article .ms-guide-services h2{margin:0}

/* 3.6.85: Inhaltsverzeichnis als gut bedienbare Glas-Navigation. */
.ms-guide-article .article-content .ms-guide-toc{padding:clamp(18px,3vw,30px);border:1px solid rgba(171,204,220,.32);background:linear-gradient(145deg,rgba(34,65,83,.65),rgba(9,31,44,.85));box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 12px 32px rgba(0,0,0,.12);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.ms-guide-article .article-content .ms-guide-toc h2{margin:0 0 22px;text-align:center;font-size:clamp(1.3rem,2vw,1.6rem)}
.ms-guide-article .article-content .ms-guide-toc ol{display:grid;gap:10px;list-style:none;padding:0;margin:0;counter-reset:guide-toc}
.ms-guide-article .article-content .ms-guide-toc li{counter-increment:guide-toc;padding:0;margin:0;min-width:0}
.ms-guide-article .article-content .ms-guide-toc a{display:grid;grid-template-columns:34px minmax(0,1fr) 16px;align-items:center;gap:13px;min-height:58px;padding:13px 16px;border:1px solid rgba(171,204,220,.23);border-radius:11px;background:linear-gradient(120deg,rgba(71,108,128,.24),rgba(19,48,65,.35));box-shadow:inset 0 1px 0 rgba(255,255,255,.05);color:#edf5f8;font-size:.95rem;font-weight:500;line-height:1.55;text-decoration:none;overflow-wrap:break-word;transition:background .2s,border-color .2s}
.ms-guide-article .article-content .ms-guide-toc a::before{content:counter(guide-toc,decimal-leading-zero);display:grid;place-items:center;width:34px;height:34px;border-radius:9px;border:1px solid rgba(255,173,118,.3);background:rgba(255,173,118,.07);color:#ffad76;font-size:.78rem;font-weight:700;font-variant-numeric:tabular-nums}
.ms-guide-article .article-content .ms-guide-toc a::after{content:'↓';color:#ffad76;text-align:center}
.ms-guide-article .article-content .ms-guide-toc a:hover{border-color:rgba(255,173,118,.7);background:rgba(56,91,112,.45)}
.ms-guide-article .article-content .ms-guide-toc a:focus-visible{outline:2px solid #ffad76;outline-offset:3px}
@media(max-width:600px){.ms-guide-article .article-content .ms-guide-toc a{grid-template-columns:30px minmax(0,1fr) 14px;gap:10px;padding:12px 10px;font-size:.9rem}.ms-guide-article .article-content .ms-guide-toc a::before{width:30px;height:30px}}

/* 3.6.142: center the introduction without changing article alignment. */
body #main-content.site-main .ms-guide-start-heading {
  width:100%; text-align:center;
}
body #main-content.site-main .ms-guide-start-heading > :is(.eyebrow,h2) {
  display:block; width:100%; max-width:none; margin-inline:auto; text-align:center;
}