:root{
  --blau:#264796; --blau-tief:#1a3270; --stahl:#f1f4f9; --linie:#d3dae6;
  --text:#1b2130; --leise:#58627a; --weiss:#fff;
  --kopf:"Bahnschrift","DIN Alternate","DIN 2014","Roboto Condensed","Arial Narrow",system-ui,sans-serif;
  --lauf:"Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0}
body{font-family:var(--lauf);color:var(--text);background:var(--weiss);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column}
a{color:var(--blau)}
a:focus-visible{outline:3px solid #f2b705;outline-offset:3px;border-radius:2px}

/* Startseite */
.start{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:clamp(16px,3vh,44px) 24px clamp(12px,2vh,28px);gap:clamp(12px,2.2vh,30px)}
.marke img{display:block;width:auto;height:clamp(100px,15vh,170px);margin:0 auto}
.marke h1{font-family:var(--kopf);font-weight:600;color:var(--blau-tief);font-size:clamp(1.3rem,1.8vw,1.75rem);line-height:1.2;margin:clamp(10px,1.6vh,18px) 0 .15rem;letter-spacing:.02em}
.marke address{font-style:normal;color:var(--leise)}

.hinweis h2{font-family:var(--kopf);font-weight:600;color:var(--text);font-size:clamp(1.5rem,2.4vw,2.3rem);line-height:1.12;margin:0 auto .5rem;max-width:40ch;text-wrap:balance}
.hinweis p{margin:0;font-size:1.08rem}
.hinweis p[lang=en]{color:var(--leise);margin-top:.2rem}

/* Kontakt im Doppelrahmen – Motiv aus dem umrandeten H des Logos */
.kontakt{border:4px solid var(--blau);outline:4px solid var(--blau);outline-offset:6px;margin:10px 0;padding:clamp(12px,1.8vh,24px) clamp(20px,2.6vw,40px);display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem clamp(28px,3.5vw,56px)}
.kontakt div{display:flex;flex-direction:column}
.kontakt dt{font-size:.88rem;color:var(--leise)}
.kontakt dd{margin:0;font-family:var(--kopf);font-size:clamp(1.2rem,1.6vw,1.5rem);font-weight:600;white-space:nowrap}
.kontakt dd a{text-decoration:none;border-bottom:2px solid transparent}
.kontakt dd a:hover{border-bottom-color:currentColor}
.kontakt .fax dd{color:var(--leise);font-weight:400}
.danke{margin:0;color:var(--leise)}
.danke span:first-child{color:var(--text)}

.verbund{border-top:1px solid var(--linie);padding-top:clamp(12px,2vh,22px);width:min(100%,820px)}
.verbund h3{font-family:var(--kopf);font-weight:600;font-size:1.05rem;margin:0 0 .4rem;color:var(--blau-tief)}
.verbund ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(16px,3vw,44px)}
.verbund a{display:flex;gap:14px;align-items:flex-start;text-align:left;text-decoration:none;color:var(--text);padding:8px;border-radius:3px}
.verbund a:hover{background:var(--stahl)}
.verbund img{width:92px;height:69px;object-fit:cover;display:block;flex:none}
.verbund strong{display:block;font-family:var(--kopf);font-weight:600;line-height:1.25}
.verbund .ort{display:block;color:var(--leise);font-size:.9rem}
.verbund .url{display:block;color:var(--blau);font-size:.9rem;margin-top:.1rem}

/* Unterseiten */
.kopf{border-bottom:1px solid var(--linie);padding:18px 24px;text-align:center}
.kopf a{display:inline-flex;align-items:center;gap:14px;text-decoration:none;color:var(--blau-tief);font-family:var(--kopf);font-weight:600;font-size:1.15rem}
.kopf img{height:56px;width:auto}
.text{flex:1;width:min(100%,760px);margin:0 auto;padding:40px 24px 56px}
.text h1{font-family:var(--kopf);font-weight:600;color:var(--blau-tief);font-size:2rem;margin:0 0 1.2rem}
.text h2{font-size:1.05rem;margin:1.6rem 0 .3rem}
.text p{margin:0 0 .6rem}
.text dl{display:grid;grid-template-columns:auto 1fr;gap:.15rem 1.2rem;margin:0}
.text dd{margin:0}
.zurueck{display:inline-block;margin-top:2rem}

footer{border-top:1px solid var(--linie);padding:14px 24px;font-size:.9rem;color:var(--leise);display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}
footer a{color:var(--leise)}
footer a[aria-current]{color:var(--blau);text-decoration:none;font-weight:600}

@media (max-width:640px){
  .kontakt{flex-direction:column;align-items:center}
  .verbund ul{flex-direction:column;align-items:center}
}