/* 4.10.41 – Ratgeber-Portal: eigenes Editorial-Layout, unabhängig von Legacy-Bootstrap-Clearfix. */
#main-content.guide-page{--guide-navy:#062a50;--guide-blue:#0877b9;--guide-blue-dark:#075a92;--guide-text:#334f69;--guide-muted:#647a8f;--guide-line:#dce6ef;--guide-soft:#f3f8fb;--guide-white:#fff;background:#fff;padding-bottom:72px;color:var(--guide-text)}
#main-content.guide-page .container{width:100%!important;max-width:1180px!important;margin-left:auto!important;margin-right:auto!important;padding-left:24px!important;padding-right:24px!important;box-sizing:border-box}
/* Bootstrap setzt auf .container ::before/::after als Clearfix. In CSS-Grids werden diese Pseudo-Elemente sonst echte Grid-Items und verschieben das Layout. */
#main-content.guide-page .guide-portal-hero__grid::before,#main-content.guide-page .guide-portal-hero__grid::after,#main-content.guide-page .guide-detail-hero__grid::before,#main-content.guide-page .guide-detail-hero__grid::after,#main-content.guide-page .guide-body__grid::before,#main-content.guide-page .guide-body__grid::after,#main-content.guide-page .guide-help-strip__inner::before,#main-content.guide-page .guide-help-strip__inner::after{display:none!important;content:none!important}
#main-content.guide-page img{max-width:100%;height:auto}
#main-content.guide-page a{text-decoration:none}
#main-content.guide-page .guide-kicker,#main-content.guide-page .guide-card-category,#main-content.guide-page .guide-aside-label{display:inline-flex;align-items:center;color:var(--guide-blue-dark);font-size:11px;font-weight:800;letter-spacing:.095em;text-transform:uppercase}
#main-content.guide-page .guide-kicker{padding:6px 10px;border-radius:999px;background:#eaf4fa}

/* Übersicht: Hero */
#main-content.guide-page .guide-portal-hero{padding:34px 0 48px;background:linear-gradient(135deg,#f7fbfd 0%,#ffffff 58%)}
#main-content.guide-page .guide-portal-hero__grid{display:grid!important;grid-template-columns:minmax(0,1.03fr) minmax(400px,.97fr)!important;grid-template-areas:"copy media"!important;gap:54px!important;align-items:center!important}
#main-content.guide-page .guide-portal-hero__copy{grid-area:copy!important;min-width:0!important;float:none!important;width:auto!important;margin:0!important}
#main-content.guide-page .guide-portal-hero__media{grid-area:media!important;min-width:0!important;float:none!important;width:auto!important;margin:0!important;position:relative}
#main-content.guide-page .guide-portal-hero__copy h1{margin:14px 0 18px!important;color:var(--guide-navy)!important;font-size:clamp(38px,4.1vw,58px)!important;font-weight:650!important;line-height:1.02!important;letter-spacing:-.035em!important;max-width:720px!important}
#main-content.guide-page .guide-portal-hero__copy>p{margin:0!important;max-width:720px!important;color:var(--guide-text)!important;font-size:17px!important;line-height:1.78!important}
#main-content.guide-page .guide-portal-hero__topics{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}
#main-content.guide-page .guide-portal-hero__topics span,#main-content.guide-page .guide-meta-inline span{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border:1px solid var(--guide-line);border-radius:999px;background:#fff;color:#35536d;font-size:13px;line-height:1.3;box-shadow:0 6px 18px rgba(8,42,75,.04)}
#main-content.guide-page .guide-portal-hero__actions,#main-content.guide-page .guide-detail-hero__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
#main-content.guide-page .guide-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:9px;background:var(--guide-blue-dark);color:#fff!important;font-size:14px;font-weight:750;line-height:1.2;box-shadow:0 9px 20px rgba(7,90,146,.16);transition:transform .16s ease,box-shadow .16s ease,background .16s ease}
#main-content.guide-page .guide-button:hover,#main-content.guide-page .guide-button:focus-visible{background:#064e7f;transform:translateY(-1px);box-shadow:0 12px 24px rgba(7,90,146,.2)}
#main-content.guide-page .guide-button--secondary{background:#fff;color:var(--guide-blue-dark)!important;border:1px solid #cfddea;box-shadow:0 6px 16px rgba(8,42,75,.05)}
#main-content.guide-page .guide-portal-hero__media img,#main-content.guide-page .guide-detail-hero__media img{display:block;width:100%;border-radius:16px;box-shadow:0 22px 48px rgba(6,42,80,.14);background:#edf4f8}
#main-content.guide-page .guide-portal-hero__media figcaption{margin-top:10px;color:#6a8196;font-size:12px;line-height:1.5;text-align:right}

/* Dunkler Service-Streifen */
#main-content.guide-page .guide-help-strip{background:var(--guide-navy);color:#fff}
#main-content.guide-page .guide-help-strip__inner{display:grid!important;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr)!important;grid-template-areas:"message links"!important;gap:34px!important;align-items:center!important;padding-top:22px!important;padding-bottom:22px!important}
#main-content.guide-page .guide-help-strip__inner>div{grid-area:message!important}
#main-content.guide-page .guide-help-strip__inner>nav{grid-area:links!important}
#main-content.guide-page .guide-help-strip span{display:block;margin-bottom:4px;color:#87cee9;font-size:10px;font-weight:850;letter-spacing:.1em}
#main-content.guide-page .guide-help-strip strong{display:block;color:#fff;font-size:20px;font-weight:600;line-height:1.3}
#main-content.guide-page .guide-help-strip nav{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px}
#main-content.guide-page .guide-help-strip nav a{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 13px;border:1px solid rgba(255,255,255,.18);border-radius:8px;color:#fff!important;background:rgba(255,255,255,.055);font-size:13px;font-weight:700}

/* Übersichtsbereich */
#main-content.guide-page .guide-overview{padding:62px 0 30px}
#main-content.guide-page .guide-section-heading{max-width:820px;margin:0 0 26px}
#main-content.guide-page .guide-section-heading--compact{margin-bottom:18px}
#main-content.guide-page .guide-section-heading h2{margin:10px 0 10px!important;color:var(--guide-navy)!important;font-size:clamp(31px,3.5vw,45px)!important;font-weight:520!important;line-height:1.08!important;letter-spacing:-.025em!important}
#main-content.guide-page .guide-section-heading p{margin:0!important;color:var(--guide-muted)!important;font-size:16px!important;line-height:1.72!important}
#main-content.guide-page .guide-featured-card{display:grid!important;grid-template-columns:minmax(380px,.94fr) minmax(0,1.06fr)!important;overflow:hidden;border:1px solid var(--guide-line);border-radius:16px;background:#fff;box-shadow:0 18px 42px rgba(6,42,80,.08)}
#main-content.guide-page .guide-featured-card__image{min-height:390px;background:#eaf1f5}
#main-content.guide-page .guide-featured-card__image img{display:block;width:100%;height:100%;object-fit:cover}
#main-content.guide-page .guide-featured-card__copy{padding:38px 40px;align-self:center}
#main-content.guide-page .guide-featured-card__copy h2{margin:11px 0 13px!important;color:var(--guide-navy)!important;font-size:clamp(28px,3vw,40px)!important;font-weight:520!important;line-height:1.1!important;letter-spacing:-.025em!important}
#main-content.guide-page .guide-featured-card__copy h2 a{color:inherit!important}
#main-content.guide-page .guide-featured-card__copy>p{margin:0!important;color:#536b80!important;font-size:16px!important;line-height:1.74!important}
#main-content.guide-page .guide-meta-inline{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
#main-content.guide-page .guide-text-link{display:inline-flex;align-items:center;gap:8px;margin-top:20px;color:var(--guide-blue-dark)!important;font-size:14px;font-weight:800}
#main-content.guide-page .guide-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}
#main-content.guide-page .guide-card{overflow:hidden;border:1px solid var(--guide-line);border-radius:14px;background:#fff;box-shadow:0 10px 26px rgba(6,42,80,.06)}
#main-content.guide-page .guide-card__image{display:block;aspect-ratio:16/9;background:#edf4f7}
#main-content.guide-page .guide-card__image img{display:block;width:100%;height:100%;object-fit:cover}
#main-content.guide-page .guide-card__body{padding:22px}
#main-content.guide-page .guide-card__body h3{margin:9px 0 9px!important;color:var(--guide-navy)!important;font-size:23px!important;font-weight:550!important;line-height:1.2!important}
#main-content.guide-page .guide-card__body h3 a{color:inherit!important}
#main-content.guide-page .guide-card__body>p{margin:0!important;color:#597085!important;font-size:15px!important;line-height:1.7!important}
#main-content.guide-page .guide-empty-state{padding:24px;border:1px solid var(--guide-line);border-radius:12px;background:var(--guide-soft)}
#main-content.guide-page .guide-service-section{padding:44px 0 10px}
#main-content.guide-page .guide-service-band__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
#main-content.guide-page .guide-service-card{padding:22px;border-top:3px solid var(--guide-blue);background:var(--guide-soft)}
#main-content.guide-page .guide-service-card h3{margin:7px 0 8px!important;color:var(--guide-navy)!important;font-size:20px!important;font-weight:570!important;line-height:1.25!important}
#main-content.guide-page .guide-service-card p{margin:0!important;color:#60778c!important;font-size:14px!important;line-height:1.65!important}
#main-content.guide-page .guide-service-card a{display:inline-flex;gap:7px;margin-top:13px;color:var(--guide-blue-dark)!important;font-size:13px;font-weight:800}

/* Detailseite */
#main-content.guide-page--detail{background:linear-gradient(180deg,#f7fafc 0,#fff 360px,#fff 100%)}
#main-content.guide-page .guide-detail-hero{padding:34px 0 42px}
#main-content.guide-page .guide-detail-hero__grid{display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr)!important;grid-template-areas:"copy media"!important;gap:50px!important;align-items:center!important}
#main-content.guide-page .guide-detail-hero__copy{grid-area:copy!important;min-width:0!important;float:none!important;width:auto!important;margin:0!important}
#main-content.guide-page .guide-detail-hero__media{grid-area:media!important;min-width:0!important;float:none!important;width:auto!important;margin:0!important}
#main-content.guide-page .guide-detail-hero__copy h1{margin:13px 0 16px!important;color:var(--guide-navy)!important;font-size:clamp(38px,4vw,55px)!important;font-weight:630!important;line-height:1.03!important;letter-spacing:-.035em!important}
#main-content.guide-page .guide-detail-hero__copy>p{margin:0!important;color:#45617a!important;font-size:17px!important;line-height:1.76!important}
#main-content.guide-page .guide-detail-hero__media img{aspect-ratio:16/10;object-fit:cover}
#main-content.guide-page .guide-body{padding:36px 0 20px}
#main-content.guide-page .guide-body__grid{display:grid!important;grid-template-columns:minmax(0,790px) minmax(280px,1fr)!important;grid-template-areas:"main aside"!important;gap:34px!important;align-items:start!important}
#main-content.guide-page .guide-body__main{grid-area:main!important;min-width:0!important;float:none!important;width:auto!important;margin:0!important}
#main-content.guide-page .guide-body__aside{grid-area:aside!important;min-width:0!important;float:none!important;width:auto!important;margin:0!important;display:grid;gap:16px;position:sticky;top:18px}
#main-content.guide-page .guide-aside-card{padding:20px;border:1px solid var(--guide-line);border-radius:12px;background:#fff;box-shadow:0 10px 25px rgba(6,42,80,.055)}
#main-content.guide-page .guide-toc ul{margin:12px 0 0!important;padding:0!important;list-style:none!important;display:grid;gap:1px}
#main-content.guide-page .guide-toc li{margin:0!important}
#main-content.guide-page .guide-toc a{display:block;padding:9px 0;border-bottom:1px solid #edf2f6;color:#36536d!important;font-size:13px!important;line-height:1.45!important;font-weight:600!important}
#main-content.guide-page .guide-toc li:last-child a{border-bottom:0}
#main-content.guide-page .guide-help-card h2{margin:8px 0 8px!important;color:var(--guide-navy)!important;font-size:23px!important;font-weight:570!important;line-height:1.2!important}
#main-content.guide-page .guide-help-card p{margin:0!important;color:#60778b!important;font-size:14px!important;line-height:1.65!important}
#main-content.guide-page .guide-help-card__actions{display:grid;gap:8px;margin-top:16px}
#main-content.guide-page .guide-help-card__actions .guide-button{width:100%;min-height:43px;font-size:13px}
#main-content.guide-page .guide-topic-list{display:grid;gap:8px;margin-top:12px}
#main-content.guide-page .guide-topic-list__item{display:block;padding:12px 13px;border-radius:9px;background:var(--guide-soft);color:#3d5b74!important}
#main-content.guide-page .guide-topic-list__item strong{display:block;color:var(--guide-blue-dark);font-size:14px;line-height:1.3}
#main-content.guide-page .guide-topic-list__item span{display:block;margin-top:4px;color:#647b90;font-size:12px;line-height:1.55}
#main-content.guide-page .guide-toc--mobile{display:none}

/* Ratgebertext: bewusst hohe Spezifität gegen alte CMS-/Legacy-Regeln */
#main-content.guide-page .guide-article-content.sit-cms-content{display:block!important;width:100%!important;max-width:none!important;float:none!important;margin:0!important;padding:0!important;color:#344f69!important;font-size:17px!important;line-height:1.82!important;background:transparent!important;border:0!important;box-shadow:none!important;columns:auto!important;column-count:auto!important}
#main-content.guide-page .guide-article-content.sit-cms-content::before,#main-content.guide-page .guide-article-content.sit-cms-content::after{display:none!important;content:none!important}
#main-content.guide-page .guide-article-content.sit-cms-content>*{float:none!important;clear:both!important;width:auto!important;max-width:100%!important;position:static!important;transform:none!important;box-sizing:border-box!important}
#main-content.guide-page .guide-article-content.sit-cms-content>p{margin:0 0 1.25em!important;color:#344f69!important;font-size:17px!important;line-height:1.82!important}
#main-content.guide-page .guide-article-content.sit-cms-content>p:first-child{font-size:19px!important;line-height:1.75!important;color:#244660!important}
#main-content.guide-page .guide-article-content.sit-cms-content h2{margin:2.15em 0 .68em!important;padding-top:4px!important;color:var(--guide-navy)!important;font-size:clamp(29px,3vw,38px)!important;font-weight:520!important;line-height:1.14!important;letter-spacing:-.02em!important;scroll-margin-top:22px}
#main-content.guide-page .guide-article-content.sit-cms-content h3{margin:1.7em 0 .58em!important;color:#0b456f!important;font-size:23px!important;font-weight:620!important;line-height:1.28!important;scroll-margin-top:22px}
#main-content.guide-page .guide-article-content.sit-cms-content h4{margin:1.5em 0 .5em!important;color:#0b456f!important;font-size:19px!important;font-weight:650!important}
#main-content.guide-page .guide-article-content.sit-cms-content ul,#main-content.guide-page .guide-article-content.sit-cms-content ol{margin:0 0 1.35em 1.25em!important;padding:0!important;color:#344f69!important}
#main-content.guide-page .guide-article-content.sit-cms-content li{margin:0 0 .5em!important;color:#344f69!important;font-size:17px!important;line-height:1.75!important}
#main-content.guide-page .guide-article-content.sit-cms-content a{color:#0868a5!important;font-weight:700!important;text-decoration:underline!important;text-decoration-thickness:1px!important;text-underline-offset:3px!important}
#main-content.guide-page .guide-article-content.sit-cms-content blockquote{margin:24px 0!important;padding:18px 21px!important;border:0!important;border-left:4px solid #f08a24!important;border-radius:0 10px 10px 0!important;background:#fff8ef!important;color:#3c5268!important;font-size:16px!important;line-height:1.72!important}
#main-content.guide-page .guide-article-content.sit-cms-content figure{display:block!important;margin:28px 0 30px!important;padding:0!important;overflow:hidden!important;border:1px solid var(--guide-line)!important;border-radius:13px!important;background:#f4f8fb!important}
#main-content.guide-page .guide-article-content.sit-cms-content figure img{display:block!important;width:100%!important;height:auto!important;margin:0!important;object-fit:cover!important;border-radius:0!important}
#main-content.guide-page .guide-article-content.sit-cms-content figcaption{padding:11px 15px!important;color:#667e92!important;font-size:12px!important;line-height:1.55!important;text-align:left!important}
#main-content.guide-page .guide-article-content.sit-cms-content .guide-illustration{max-width:640px!important;margin-left:auto!important;margin-right:auto!important}
#main-content.guide-page .guide-article-content.sit-cms-content .guide-illustration img{object-fit:contain!important}
#main-content.guide-page .guide-faq-section{margin-top:54px;padding-top:44px;border-top:1px solid var(--guide-line)}
#main-content.guide-page .guide-article-content--faq h3:first-child{margin-top:0!important}
#main-content.guide-page .guide-related-guides{margin-top:52px}
#main-content.guide-page .guide-card-grid--related{grid-template-columns:repeat(2,minmax(0,1fr))}

@media (max-width:1050px){
 #main-content.guide-page .guide-portal-hero__grid,#main-content.guide-page .guide-detail-hero__grid{grid-template-columns:1fr!important;grid-template-areas:"copy" "media"!important;gap:28px!important}
 #main-content.guide-page .guide-portal-hero__media,#main-content.guide-page .guide-detail-hero__media{max-width:760px}
 #main-content.guide-page .guide-help-strip__inner{grid-template-columns:1fr!important;grid-template-areas:"message" "links"!important;gap:14px!important}
 #main-content.guide-page .guide-help-strip nav{justify-content:flex-start}
 #main-content.guide-page .guide-featured-card{grid-template-columns:1fr!important}
 #main-content.guide-page .guide-featured-card__image{min-height:0;aspect-ratio:16/8}
 #main-content.guide-page .guide-service-band__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 #main-content.guide-page .guide-body__grid{grid-template-columns:1fr!important;grid-template-areas:"main" "aside"!important;gap:22px!important}
 #main-content.guide-page .guide-body__aside{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}
 #main-content.guide-page .guide-body__aside .guide-toc{display:none}
 #main-content.guide-page .guide-toc--mobile{display:block!important;margin:0 0 24px;padding:15px 17px;border:1px solid var(--guide-line);border-radius:10px;background:var(--guide-soft)}
 #main-content.guide-page .guide-toc--mobile summary{cursor:pointer;color:var(--guide-navy);font-size:15px;font-weight:750}
}
@media (max-width:720px){
 #main-content.guide-page{padding-bottom:50px}
 #main-content.guide-page .container{padding-left:18px!important;padding-right:18px!important}
 #main-content.guide-page .guide-portal-hero{padding:20px 0 30px}
 #main-content.guide-page .guide-detail-hero{padding:20px 0 28px}
 #main-content.guide-page .guide-portal-hero__copy h1,#main-content.guide-page .guide-detail-hero__copy h1{font-size:35px!important}
 #main-content.guide-page .guide-portal-hero__copy>p,#main-content.guide-page .guide-detail-hero__copy>p{font-size:15px!important;line-height:1.72!important}
 #main-content.guide-page .guide-portal-hero__topics span,#main-content.guide-page .guide-meta-inline span{font-size:12px}
 #main-content.guide-page .guide-help-strip strong{font-size:18px}
 #main-content.guide-page .guide-help-strip nav{display:grid;grid-template-columns:1fr;width:100%}
 #main-content.guide-page .guide-help-strip nav a{width:100%;box-sizing:border-box}
 #main-content.guide-page .guide-overview{padding-top:42px}
 #main-content.guide-page .guide-section-heading h2{font-size:31px!important}
 #main-content.guide-page .guide-featured-card__copy{padding:22px}
 #main-content.guide-page .guide-featured-card__copy h2{font-size:28px!important}
 #main-content.guide-page .guide-card-grid,#main-content.guide-page .guide-card-grid--related,#main-content.guide-page .guide-service-band__grid{grid-template-columns:1fr}
 #main-content.guide-page .guide-body{padding-top:24px}
 #main-content.guide-page .guide-body__aside{grid-template-columns:1fr}
 #main-content.guide-page .guide-article-content.sit-cms-content>p,#main-content.guide-page .guide-article-content.sit-cms-content li{font-size:16px!important}
 #main-content.guide-page .guide-article-content.sit-cms-content>p:first-child{font-size:18px!important}
 #main-content.guide-page .guide-article-content.sit-cms-content h2{font-size:29px!important}
 #main-content.guide-page .guide-article-content.sit-cms-content h3{font-size:21px!important}
}