@charset "UTF-8";
/* sim-typ-uebersicht.css – seitentyp-spezifische Ergänzungen zu css/sim-system.css (Stand 2026-09-25); vorher sim-uebersicht.css */
#main p, #main li {font-size: 17px; line-height: 1.7;}
#page #main h1, #page #main h2, #page #main h3 {font-family: 'Cormorant Garamond', Georgia, serif !important; color: #35145F !important; font-weight: 700;}
#page #main h1 {font-size: clamp(34px, 4.8vw, 56px); line-height: 1.1; margin: 0 0 1rem;}
#page #main h2 {font-size: clamp(26px, 3.8vw, 42px); line-height: 1.2;}
#page #main h3 {font-size: 22px; line-height: 1.3;}
#page #main .sim-section--dark h2, #page #main .sim-cta-section h2 {color: #C9A227 !important; font-family: 'Cormorant Garamond', Georgia, serif !important;}
.sim-badge {font-size: 13px !important;} /* bewusste !important-Vorgabe dieser Seiten, Rest aus dem System */
.sim-btn {font-size: 15px !important;} /* bewusste !important-Vorgabe dieser Seiten, Rest aus dem System */
.sim-anlass-card__text {font-size: 15px !important; line-height: 1.75 !important;}
.sim-eyebrow--light {color: #ffffff !important; -webkit-text-fill-color: #ffffff !important;} /* bewusste !important-Vorgabe dieser Seiten, Rest aus dem System */
.sim-heading--light {color: var(--sim-white) !important; -webkit-text-fill-color: var(--sim-white) !important;} /* bewusste !important-Vorgabe dieser Seiten, Rest aus dem System */
#fh5co-started h2, #fh5co-started .fh5co-heading2 h2 {color: #C9A227 !important; -webkit-text-fill-color: #C9A227 !important; font-family: 'Cormorant Garamond', Georgia, serif !important; font-weight: 700 !important;}
#fh5co-started span {color: #ffffff !important;}
.sim-snippet table td:first-child {width: 38%;} /* Layout wie bisher, Optik aus dem System */
@media (max-width: 480px) {
.sim-snippet table td:first-child {font-size: 11px;}
}
@media (max-width: 767px) {
.sim-snippet table td:first-child {white-space: normal !important; width: 80px !important; font-size: 13px !important;}
}
.sim-anlass-grid {display: grid; grid-template-columns: 1fr; gap: 1.75rem;}
@media (min-width: 600px) {
.sim-anlass-grid {grid-template-columns: repeat(2, 1fr);}
}
@media (min-width: 960px) {
.sim-anlass-grid {grid-template-columns: repeat(3, 1fr);}
}
.sim-anlass-card {background: var(--sim-white); border: 1px solid var(--sim-border); border-radius: var(--sim-radius-lg); overflow: hidden; box-shadow: var(--sim-shadow-md); display: flex; flex-direction: column; transition: transform 0.22s ease, box-shadow 0.22s ease;}
.sim-anlass-card:hover {transform: translateY(-5px); box-shadow: var(--sim-shadow-lg);}
.sim-anlass-card__img {position: relative; overflow: hidden;}
.sim-anlass-card__img img {width: 100%; height: 210px; object-fit: cover; display: block; transition: transform 0.4s ease;}
.sim-anlass-card:hover .sim-anlass-card__img img {transform: scale(1.04);}
.sim-anlass-card__badge {position: absolute; top: 12px; right: 12px; background: var(--sim-accent); color: #35145F; font-family: var(--sim-font-body); font-size: 13px; font-weight: 700; padding: 4px 10px; border-radius: 20px; white-space: nowrap;}
.sim-anlass-card__body {padding: 1.4rem 1.5rem 1.5rem; flex: 1; display: flex; flex-direction: column;}
.sim-anlass-card__eyebrow {font-family: var(--sim-font-body); font-size: 12px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--sim-accent); margin-bottom: 0.35rem;}
.sim-anlass-card__title {font-family: var(--sim-font-display); font-size: 26px; font-weight: 700; color: var(--sim-brand); margin-bottom: 0.7rem; line-height: 1.2;}
.sim-anlass-card__text {font-family: var(--sim-font-body); font-size: 15px; color: var(--sim-text-soft); line-height: 1.72; flex: 1; margin-bottom: 1.1rem;}
.sim-anlass-card__tags {display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 1.1rem;}
.sim-anlass-card__tag {background: var(--sim-bg-soft); border: 1px solid var(--sim-border); border-radius: 6px; padding: 3px 9px; font-family: var(--sim-font-body); font-size: 12px; color: var(--sim-brand);}
.sim-mapping-table {width: 100%; border-collapse: collapse; font-family: var(--sim-font-body); background: var(--sim-white); border-radius: var(--sim-radius); overflow: hidden; box-shadow: var(--sim-shadow-md);}
.sim-mapping-table thead {background: var(--sim-grad-brand); color: #fff;}
.sim-mapping-table thead th {padding: 14px 18px; text-align: left; font-weight: 600; font-size: 15px;}
.sim-mapping-table tbody tr {border-bottom: 1px solid var(--sim-border);}
.sim-mapping-table tbody tr:last-child {border-bottom: none;}
.sim-mapping-table tbody tr:nth-child(even) {background: var(--sim-bg-soft);}
.sim-mapping-table tbody td {padding: 13px 18px; color: var(--sim-text); vertical-align: middle; font-size: 15px;}
.sim-mapping-table tbody td:first-child {font-weight: 600; color: var(--sim-brand);}
@media (max-width: 600px) {
.sim-mapping-table thead th, .sim-mapping-table tbody td {padding: 10px 12px; font-size: 13px !important;}
}
.sim-steps {display: grid; grid-template-columns: 1fr; gap: 1.5rem;}
@media (min-width: 700px) {
.sim-steps {grid-template-columns: repeat(2, 1fr);}
}
@media (min-width: 960px) {
.sim-steps {grid-template-columns: repeat(4, 1fr);}
}
.sim-step {background: var(--sim-white); border: 1px solid var(--sim-border); border-radius: var(--sim-radius); padding: 1.5rem; position: relative;}
.sim-step__num {display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 50%; background: var(--sim-grad-brand); color: #fff; font-family: var(--sim-font-display); font-size: 22px; font-weight: 700; margin-bottom: 1rem;}
.sim-step__title {font-family: var(--sim-font-body); font-size: 16px; font-weight: 600; color: var(--sim-brand); margin-bottom: 0.5rem;}
.sim-step__text {font-family: var(--sim-font-body); font-size: 15px; color: var(--sim-text-soft); line-height: 1.7; margin: 0;}
.sim-region-grid {display: flex; flex-wrap: wrap; gap: 8px; margin-top: 1.25rem;}
.sim-region-tag {display: inline-block; background: var(--sim-bg-soft); border: 1px solid var(--sim-border); border-radius: 8px; padding: 6px 14px; font-family: var(--sim-font-body); font-size: 14px; color: var(--sim-brand); text-decoration: none; transition: background 0.15s, border-color 0.15s;}
.sim-cta-section h2 {color: var(--sim-accent) !important; -webkit-text-fill-color: var(--sim-accent) !important; font-family: var(--sim-font-display) !important;} /* bewusste !important-Vorgabe dieser Seiten, Rest aus dem System */
.sim-cta-section p {max-width: 600px;} /* Layout wie bisher, Optik aus dem System */
.sim-credential {display: inline-flex; align-items: center; gap: 8px; background: var(--sim-bg-soft); border: 1px solid var(--sim-border); border-radius: var(--sim-radius); padding: 6px 14px; font-family: var(--sim-font-body); font-size: 14px; color: var(--sim-brand);}
#main {clear: both; display: block; position: relative; z-index: 1; width: 100%; overflow: visible;}
.sim-intro-section, .sim-section {clear: both; display: block; width: 100%; position: relative; z-index: 1;}
@media (max-width: 767px) {
.sim-btn-row .sim-btn {width: 100%; max-width: 360px; justify-content: center;}
}