@charset "UTF-8";
/* sim-typ-ratgeber.css – seitentyp-spezifische Ergänzungen zu css/sim-system.css (Stand 2026-09-25, Runde 6b); vorher sim-ratgeber.css */
@media (max-width: 767px) {
body, #main, .sim-intro-section {
overflow-x: hidden;
max-width: 100vw;
}
}
#main {
clear: both; display: block; position: relative;
z-index: 1; width: 100%; overflow: visible;
}
.sim-answer-box {background:#fff; border:1px solid var(--sim-border); border-left:5px solid var(--sim-accent); border-radius:var(--sim-radius); padding:1.5rem 1.75rem; box-shadow:var(--sim-shadow-md); margin:1.5rem 0;}
.sim-answer-box h2 {margin:0 0 .8rem; font-family:var(--sim-font-display); font-size:26px!important; color:var(--sim-brand);}
.sim-answer-box p {margin:0; font-family:var(--sim-font-body); font-size:17px!important; line-height:1.78!important; color:var(--sim-text-soft);}
.sim-card-grid {display:grid; grid-template-columns:1fr; gap:1.25rem; margin-top:1.5rem;}
@media (min-width:760px) {
.sim-card-grid--2 {grid-template-columns:repeat(2,1fr);}
.sim-card-grid--3 {grid-template-columns:repeat(3,1fr);}
}
.sim-info-card {background:#fff; border:1px solid var(--sim-border); border-radius:var(--sim-radius); padding:1.35rem 1.45rem; box-shadow:0 5px 18px rgba(53,20,95,.08);}
.sim-info-card h3 {font-family:var(--sim-font-display); color:var(--sim-brand); font-size:22px!important; margin:0 0 .65rem;}
.sim-info-card p, .sim-info-card li {font-family:var(--sim-font-body); color:var(--sim-text-soft); font-size:16px!important; line-height:1.72!important;}
.sim-info-card ul {margin:0; padding-left:1.15rem;}
.sim-authorline {font-family:var(--sim-font-body); font-size:14px!important; line-height:1.6; color:var(--sim-text-soft); margin:0 0 1rem;}
.sim-experience {background:linear-gradient(135deg,#230D3F 0%,#35145F 100%); border-radius:var(--sim-radius-lg); padding:clamp(1.6rem,4vw,2.4rem); color:#fff;}
.sim-experience h2, .sim-experience h3 {color:var(--sim-accent-2)!important; -webkit-text-fill-color:var(--sim-accent-2)!important;}
.sim-experience p, .sim-experience li {color:rgba(255,255,255,.88)!important;}
.sim-note {font-family:var(--sim-font-body); font-size:14px!important; color:var(--sim-text-soft); border-top:1px solid var(--sim-border); padding-top:1rem; margin-top:1.25rem;}
.sim-related a {text-decoration:none;}
.sim-related .sim-info-card:hover {transform:translateY(-2px); box-shadow:var(--sim-shadow-md); transition:.2s ease;}
#fh5co-header {position: relative;}
.sim-authorline {font-family:var(--sim-font-body);font-size:14px;color:var(--sim-text-soft);margin:.8rem 0 1.15rem}
.sim-answer {background:#F8F7FB;border:1px solid #EDE9F5;border-left:4px solid #C9A227;border-radius:14px;padding:1.25rem 1.4rem;margin:1.4rem 0}
.sim-answer h2 {font-family:var(--sim-font-display);font-size:24px!important;color:#35145F;margin:0 0 .55rem}
.sim-answer p {font-family:var(--sim-font-body);font-size:17px!important;line-height:1.75!important;color:#354052;margin:0}
.sim-rule {background:#fff;border:1px solid #EDE9F5;border-radius:14px;padding:1.1rem 1.25rem;margin:1rem 0;box-shadow:0 5px 18px rgba(53,20,95,.07)}
.sim-rule strong {color:#35145F}
.sim-example {background:linear-gradient(135deg,#230D3F 0%,#35145F 100%);border-radius:18px;padding:1.5rem;color:#fff}
.sim-example h2, .sim-example h3 {color:#E0C469!important}
.sim-example p, .sim-example li {color:rgba(255,255,255,.87)!important}
.sim-related-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin-top:1.4rem}
.sim-related-card {display:block;background:#fff;border:1px solid #EDE9F5;border-radius:14px;padding:1.1rem 1.15rem;text-decoration:none;box-shadow:0 5px 18px rgba(53,20,95,.07)}
.sim-related-card strong {display:block;color:#35145F;font-family:var(--sim-font-display);font-size:20px;line-height:1.2;margin-bottom:.35rem}
.sim-related-card span {font-family:var(--sim-font-body);font-size:14px;line-height:1.5;color:#4B5563}
.sim-related-card:hover {transform:translateY(-2px);box-shadow:0 9px 24px rgba(53,20,95,.12);text-decoration:none}
.sim-card-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}
.sim-card {background:#fff;border:1px solid #EDE9F5;border-radius:16px;padding:1.25rem;box-shadow:0 6px 20px rgba(53,20,95,.08)}
.sim-card h2, .sim-card h3 {font-family:var(--sim-font-display);color:#35145F;margin-top:0}
.sim-card a {color:#35145F;font-weight:600}
.sim-note {font-family:var(--sim-font-body);font-size:14px;color:#6B7280;border-top:1px solid #EDE9F5;padding-top:1rem;margin-top:1.2rem}
.sim-list-check {list-style:none;padding-left:0}
.sim-list-check li {position:relative;padding-left:24px;margin:.45rem 0}
.sim-list-check li:before {content:'✦';position:absolute;left:0;color:#C9A227;font-size:11px;top:5px}
@media (max-width:767px) {
.sim-answer {padding:1rem}
.sim-example {padding:1.15rem}
.sim-related-grid, .sim-card-grid {grid-template-columns:1fr}
}
/* ------------------------------------------------------------
   Hero: Ratgeber- und Case-Study-Seiten nutzen seit Runde 6b das Hero-System (css/sim-hero.css,
   body.sim-refined, <header class="sim-hero sim-hero--article">). Die Artikel-Variante (kleinere H1,
   breitere Textspalte, Byline) ist seit Runde 7 als gemeinsame Komponente in css/sim-hero.css definiert.
   ------------------------------------------------------------ */