/* Ergänzungen zu /style.css (unverändertes Original aus dem Projektordner).
   Nur für Elemente, die das Original nicht kennt, und für zwei Regelpflichten:
   7.13 (Claim nicht in der H1) und 7.11 (kein Umbruch im Wort). */

/* Startseite: H1 und Claim getrennt, Optik wie .hero h1 im Original */
.hero .hero-title{font-size:clamp(2.7rem,4.6vw,4.25rem);line-height:1.08;letter-spacing:-.048em;margin:0 0 26px;font-weight:700}
.hero .hero-title>*{font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;margin:0}
.hero-title em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em;white-space:nowrap;position:relative;isolation:isolate}
.hero-title em:after{content:'';position:absolute;background:var(--yellow);height:.22em;bottom:.04em;left:0;right:0;z-index:-1}

/* Tabellen */
.table-wrap{overflow-x:auto;margin:24px 0 8px;border:1px solid var(--line)}
.table-wrap table{width:100%;border-collapse:collapse;font-size:15px;min-width:560px}
.table-wrap th,.table-wrap td{padding:11px 10px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);line-height:1.5}
.table-wrap thead th{background:var(--ink);color:#fff;font-size:13px;font-weight:700;letter-spacing:.02em}
.table-wrap tbody tr:nth-child(even){background:var(--soft)}
.table-wrap tbody tr:last-child td{border-bottom:0}
.table-wrap .num{text-align:right;white-space:nowrap}
.table-wrap tr.ohne td{color:var(--muted)}
.article-body .table-source,.prose .table-source{font-size:13px;line-height:1.6;margin:0 0 20px}

/* Listen und Hinweisboxen in den Startseiten-Abschnitten */
.prose ul{padding-left:22px;margin:0 0 16px;color:var(--muted)}
.prose li{margin-bottom:8px}
.prose .number-example p{color:var(--ink)}
.article-body h3{margin-top:22px}
.article-body .comparison strong{display:block;font-size:17px}
.article-body .faq-list{margin-top:8px}

@media(max-width:1000px){
.hero .hero-title{font-size:clamp(2.35rem,5vw,3.7rem)}
}
@media(max-width:700px){
.hero .hero-title{font-size:clamp(2.4rem,9vw,3.9rem)}
.hero-title em{white-space:normal}
/* „Haftpflichtversicherung" passt bei 2.25rem nicht in 335px Breite (gemessen) */
.article-head h1{font-size:1.75rem;overflow-wrap:normal}
}
/* „Haushaltsversicherung“ in .austria-note h2 braucht bei 28px 289px Breite (gemessen) */
@media(max-width:400px){
.austria-note h2{font-size:25px}
}
@media(max-width:360px){
.hero .hero-title{font-size:2.3rem}
.austria-note h2{font-size:22px}
.article-head h1{font-size:1.5rem}
}