/* Effenberger — grosse Schirme ab 1200px. Rahmen waechst gestaffelt mit,
   Schrift und Abstaende ziehen nach, damit auf QHD und 4K keine Insel entsteht. */

@media (min-width:1200px){
  :root{--rahmen:1180px;--kopf-h:82px}
  .marke img{height:64px}
  .kopf-nav{gap:6px}
  .kopf-nav a{font-size:17px;padding:10px 14px}
  .tafel{padding:32px 34px 30px}
  .leistungsliste a{padding-block:24px}
  .ablauf li{padding-right:56px}
}

@media (min-width:1600px){
  :root{--rahmen:1400px;--kopf-h:88px}
  body{font-size:18px}
  .marke img{height:68px}
  h2{font-size:52px}
  .held-unter,.gw-raster p,.seitenkopf-text{font-size:21px}
  .knopf{font-size:17px;min-height:52px;padding:12px 22px}
  .knopf-gross{font-size:19px;min-height:62px;padding:16px 28px}
  .tafel-zeiten,.tafel-status{font-size:19px}
  .lt b{font-size:24px}
  .nr{font-size:19px}
  .preis .betrag{font-size:52px}
  .stimme blockquote p{font-size:18px}
  .stimme-gross blockquote p{font-size:27px}
  .wege b{font-size:19px}
  .leistung-kopf .nr{font-size:19px}
  .leistung-kopf h2{font-size:44px}
  .seitenkopf h1{font-size:72px}
  .fuss-logo img{height:96px}
}

@media (min-width:2200px){
  :root{--rahmen:1760px;--kopf-h:100px;--r:8px}
  body{font-size:21px}
  .marke img{height:78px}
  .kopf-nav a{font-size:20px;padding:12px 18px}
  .kicker{font-size:19px}
  .kicker::before{width:40px;height:5px}
  h2{font-size:62px}
  .held-unter,.gw-raster p,.seitenkopf-text{font-size:24px}
  .knopf{font-size:20px;min-height:60px;padding:14px 26px}
  .knopf-gross{font-size:22px;min-height:70px}
  .ic{width:24px;height:24px}
  .tafel{padding:42px 44px 38px}
  .tafel-zeiten,.tafel-status{font-size:22px}
  .lt b{font-size:28px}
  .lt span{font-size:19px}
  .leistungsliste{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:56px}
  .nr{font-size:22px}
  .leistungsliste a{grid-template-columns:100px minmax(0,1fr);padding-block:30px}
  .ablauf h3{font-size:27px}
  .ablauf p{font-size:20px}
  .ablauf-nr{width:60px;height:60px;font-size:27px}
  .ablauf::before{top:29px}
  .preis{padding:40px 38px}
  .preis h3{font-size:24px}
  .preis .betrag{font-size:64px}
  .stimme blockquote p{font-size:21px}
  .stimme-gross blockquote p{font-size:32px}
  .person-zeichen{width:80px;height:80px;font-size:30px}
  .person b{font-size:23px}
  .stelle h3{font-size:42px}
  .wege a{grid-template-columns:60px minmax(0,1fr);padding:24px}
  .weg-ic{width:60px;height:60px}
  .wege b{font-size:22px}
  .leistung-kopf .nr{font-size:22px}
  .leistung-kopf h2{font-size:54px}
  .haken li{font-size:21px;padding-block:18px}
  .haken-lang{column-gap:56px}
  .linienwagen{max-width:760px}
  .schema{max-width:520px}
  .seitenkopf h1{font-size:90px}
  .fuss h2{font-size:22px}
  .fuss-logo img{height:110px}
  .fenster-box{width:min(720px,100%)}
  .fenster-box.recht{width:min(960px,100%)}
}

@media (min-width:3000px){
  :root{--rahmen:2300px;--kopf-h:120px}
  body{font-size:25px}
  .marke img{height:92px}
  .kopf-nav a{font-size:23px}
  h2{font-size:76px}
  .held-unter,.gw-raster p,.seitenkopf-text{font-size:29px}
  .knopf{font-size:23px;min-height:70px}
  .knopf-gross{font-size:26px;min-height:82px}
  .tafel-zeiten,.tafel-status{font-size:26px}
  .lt b{font-size:34px}
  .lt span{font-size:23px}
  .nr{font-size:26px}
  .preis .betrag{font-size:80px}
  .stimme-gross blockquote p{font-size:40px}
  .stimme blockquote p{font-size:25px}
  .wege b{font-size:26px}
  .seitenkopf h1{font-size:112px}
  .leistung-kopf h2{font-size:66px}
  .haken li{font-size:25px}
}

/* Hohe Monitore (QHD, 4K 16:9, grosse iMacs): der erste Schirm waechst auch in der Hoehe mit,
   sonst steht der Held als schmales Band in viel Luft (gemessen 17.09.2026: 4K 29 % Luft ueber dem Inhalt) */
@media (min-width:1800px) and (min-height:1300px){
  .held-raster{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
  .held .kicker{font-size:21px}
  .held-unter{font-size:27px}
  .held .knopf-gross{font-size:23px;min-height:74px;padding-inline:32px}
  .held .knopf-gross .ic{width:28px;height:28px}
  .held-status{font-size:21px}
  .motiv-adresse{font-size:22px}
}

@media (min-width:3000px) and (min-height:1800px){
  :root{--rahmen:2800px}
  .held .kicker{font-size:28px}
  .held-unter{font-size:36px}
  .held .knopf-gross{font-size:30px;min-height:96px;padding-inline:42px}
  .held .knopf-gross .ic{width:36px;height:36px}
  .held-status{font-size:28px}
  .punkt{width:16px;height:16px}
  .motiv-adresse{font-size:30px}
}

/* Sehr breite Schirme: die grosse Stimme quer laesst links Luft stehen (gemessen 3440/5120, 22 %).
   Ab hier stehen alle drei Stimmen nebeneinander, die navyfarbene bleibt der Akzent. */
@media (min-width:2200px){
  .stimmen-reihe{grid-template-columns:repeat(3,minmax(0,1fr))}
  .stimme-gross{grid-column:auto;display:flex;flex-direction:column;grid-template-columns:none;grid-template-areas:none}
  .stimme-gross .sterne,.stimme-gross blockquote,.stimme-gross figcaption{grid-area:auto}
  .stimme-gross blockquote{flex:1}
}