/* Unterseiten im Design der Startseite. Baut auf /css/start.css auf und
   nutzt nur eigene Klassen (sub-…), damit die Startseite unverändert bleibt. */

/* Kopfbereich: kein Vollbild-Hero, längere Texte linksbündig */
.sub-hero{min-height:0!important}
.sub-hero>.wrap:first-child{z-index:2} /* geöffnetes Mobilmenü über dem Kopftext */
.sub-hero-content{padding:64px 0 72px}
@media(min-width:1151px){.sub-hero>.wrap.sub-hero-content{width:min(1256px,calc(100% - 96px))}}
.sub-hero h1{font-size:clamp(32px,3.6vw,46px);line-height:1.12;white-space:normal;max-width:820px}
.sub-hero .eyebrow{color:#2ec4b6;margin-bottom:20px}
.sub-lead{font-size:16.5px;line-height:1.7;color:#bdcfdc;max-width:720px;margin-top:22px}
.sub-lead+.sub-lead{margin-top:14px}
.sub-hero-actions{margin-top:34px}

/* Inhalt: eine gut lesbare Spalte */
.sub-content>*{max-width:760px}
.sub-content h2{font-size:clamp(26px,2.6vw,34px);line-height:1.18;margin:64px 0 20px}
.sub-content>h2:first-child{margin-top:0}
.sub-content p{font-size:15px;line-height:1.75;color:#33475e}
.sub-content p+p{margin-top:14px}
.sub-link{color:#1d968b;font-weight:650;text-decoration:underline;text-underline-offset:3px}
.sub-link:hover{color:#0b1f3b}
.sub-note{background:#eaf5f2;border:1px solid #cde7e0;border-radius:14px;padding:22px 26px;margin:22px 0}
.sub-note p{color:#0b1f3b}

/* Ablauf in drei Karten */
.sub-content .sub-steps{max-width:none;list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.sub-steps li{background:white;border:1px solid #e2e9ee;border-radius:14px;padding:28px}
.sub-steps h3{font-size:19px;line-height:1.3;letter-spacing:-.02em;margin-top:20px}
.sub-content .sub-steps p{font-size:14px;line-height:1.65;margin-top:12px}

/* FAQ: Gestaltung der Startseite, schmale Spalte */
.sub-content .faq-list{margin:8px 0 0}
.sub-content .faq-item>p{font-size:14.5px}

/* Abschluss */
.sub-closing>.wrap>div:first-child{max-width:720px}
.sub-closing p{margin-top:14px;font-size:15px;line-height:1.65}
.sub-closing-buttons{display:flex;flex-direction:column;gap:12px;flex-shrink:0}

@media(max-width:900px){
  .sub-content .sub-steps{grid-template-columns:1fr;gap:14px}
}
@media(max-width:680px){
  .sub-hero-content{padding:40px 0 48px}
  .sub-hero h1{font-size:clamp(27px,7.6vw,34px);line-height:1.18;margin:0}
  .sub-lead{font-size:15px;line-height:1.65;margin-top:18px}
  .sub-hero-actions .button{width:100%}
  .sub-content h2{font-size:clamp(23px,6.4vw,27px);line-height:1.22;margin:48px 0 16px}
  .sub-content p{font-size:14.5px;line-height:1.7}
  .sub-note{padding:18px 20px}
  .sub-steps li{padding:22px}
  .sub-steps h3{font-size:18px;margin-top:16px}
  .sub-closing h2{font-size:clamp(22px,6.2vw,26px)}
  .sub-closing-buttons{margin-top:26px}
  .sub-closing-buttons .button{width:100%;margin-top:0}
}

/* Über uns */
.about-content .lead{font-size:18px;font-weight:650;line-height:1.5;color:#0b1f3b;margin-top:28px}
.about-content>.lead:first-child{margin-top:0}
.about-content ul{list-style:none;margin:0;padding:0}
.about-content ul li{display:flex;gap:12px;align-items:flex-start;font-size:15px;line-height:1.6;color:#33475e;padding:7px 0}
.about-content ul li svg{flex:0 0 17px;margin-top:4px;color:#22a99d}
.about-card{background:#eaf5f2;border:1px solid #cde7e0;border-radius:14px;padding:22px 26px}
.about-card p{color:#0b1f3b}
.about-content .about-claim{font-size:24px;font-weight:750;letter-spacing:-.02em;color:#0b1f3b!important;margin-top:28px!important}

/* Rechtstexte: schlichter Kopf (nur Navigation), angenehme Lesegröße 16 px */
.sub-hero-bar>.wrap{min-height:0!important}
.legal-section{padding-top:56px}
.legal-content h1{font-size:clamp(30px,3.4vw,42px);line-height:1.12;font-weight:750;margin-bottom:16px}
.legal-content .legal-intro{font-size:16px;color:#527083}
.legal-content h2{font-size:21px;line-height:1.3;letter-spacing:-.02em;margin:44px 0 14px}
.legal-content h3{font-size:18px;line-height:1.35;margin:28px 0 10px}
.legal-content p,.legal-content li,.legal-content td,.legal-content th{font-size:16px;line-height:1.7;color:#33475e}
.legal-content strong{color:#0b1f3b}
.legal-content a{color:#1d968b;text-decoration:underline;text-underline-offset:3px}
.legal-content a:hover{color:#0b1f3b}
.legal-content ul{list-style:disc;margin:12px 0;padding-left:22px}
.legal-content a strong{color:inherit}
.legal-content li+li{margin-top:6px}
.legal-content li::marker{color:#22a99d}
.legal-content .part-title{font-size:clamp(26px,2.6vw,32px);margin-top:64px;padding-top:36px;border-top:1px solid #cde7e0}
.legal-content .part-sub{color:#527083}
.legal-content .legal-note{background:#eaf5f2;border:1px solid #cde7e0;border-radius:14px;padding:18px 22px;margin:22px 0}
.legal-content .legal-stand{font-size:14px;color:#527083;margin-top:40px}
.legal-content .table-wrap{overflow-x:auto;margin:18px 0;border:1px solid #dfe8ef;border-radius:10px;background:white}
.legal-content table{border-collapse:collapse;width:100%;min-width:520px}
.legal-content th,.legal-content td{text-align:left;vertical-align:top;padding:10px 14px;border-bottom:1px solid #e8eef2}
.legal-content th{font-weight:700;color:#0b1f3b;background:#f5f7fa}
.legal-content tr:last-child td{border-bottom:0}
.legal-content .table-wrap{max-width:900px}

@media(max-width:680px){
  .about-content .lead{font-size:16.5px}
  .about-content .about-claim{font-size:21px}
  .legal-section{padding-top:36px}
  .legal-content h1{font-size:clamp(26px,7.6vw,32px)}
  .legal-content h2{font-size:18.5px;margin-top:36px}
  .legal-content .part-title{font-size:24px;margin-top:48px;padding-top:28px}
  .legal-content p,.legal-content li,.legal-content td,.legal-content th{font-size:16px}
  .legal-content th,.legal-content td{padding:9px 11px}
}