/* D14 Werrewerk · breit.css v0.18 · Stand 2026-10-17 (Musterplatten statt runder Knöpfe) */
/* ---- Breiter Schirm (ab 1900 px): Station 3 und 4 wachsen mit. Die Proben sind auf 1440 abgestimmt; auf einem 2560er Schirm
   standen Leiste (380 px) und Schrift (11 bis 13 px) zu klein. Kleinste Schrift hier 15 px (geprüft in pruef.mjs).
   1440 und 390 bleiben unberührt. Eigene Datei, NACH editor.css und raum.css eingebunden (gleiche Spezifitaet, die spaetere Regel gilt), damit beide Kopien der Proben bleiben. ---- */
@media (min-width: 1900px) {
  #umgestalten { font-size: 18px; }
  #umgestalten .editor { grid-template-columns: minmax(0, 1fr) 500px; }
  #umgestalten .leiste { padding: 44px 40px; gap: 30px; }
  #umgestalten .ed-titel { font-size: 36px; }
  #umgestalten .einleitung { font-size: 18px; }
  #umgestalten legend { font-size: 15px; margin-bottom: 18px; }
  #umgestalten .koffer { --pb: 116px; --ph: 142px; --ueber: -15px; padding-top: 20px; }
  #umgestalten .feld { font-size: 16px; }
  #umgestalten .feld span { left: 6px; bottom: 7px; padding: 5px 6px; }
  #umgestalten .feld:last-child span { right: 6px; }
  #umgestalten .lack p, #umgestalten .eigene { font-size: 16px; }
  #umgestalten .ton, #umgestalten .eigene input { width: 44px; height: 44px; }
  #umgestalten .auswahl strong { font-size: 24px; }
  #umgestalten .auswahl > span, #umgestalten .preis > span { font-size: 16px; }
  #umgestalten .preis .rahmen { font-size: 32px; }
  #umgestalten .preis ul { font-size: 17px; }
  #umgestalten .preis li { padding: 7px 0; }
  #umgestalten .preis small { font-size: 16px; }
  #umgestalten .zurueck, #umgestalten .ed-weiter { font-size: 17px; }

  #raum { font-size: 18px; }
  #raum .arbeit { grid-template-columns: 580px minmax(0, 1fr); }
  #raum .intro { padding: 48px 48px 0; }
  #raum .felder { padding: 28px 48px 48px; gap: 24px; }
  #raum .r-h1 { font-size: 40px; }
  #raum .r-h2 { font-size: 32px; }
  #raum .r-h3 { font-size: 24px; }
  #raum .mehr a { font-size: 18px; }
  #raum .feld label small, #raum .eingabe span, #raum .kennzahlen dt, #raum .preis > span, #raum .marker { font-size: 16px; }
  #raum .pruefgang li small, #raum .randnotiz .r-h4 { font-size: 17px; }
  #raum .hinweis, #raum .fehler, #raum .live, #raum .legende, #raum .vermerk, #raum .stufen-zeile > span, #raum .kennzahlen dd small, #raum .randnotiz, #raum .nicht { font-size: 17px; }
  #raum .eingabe input { font-size: 23px; padding: 15px 14px; }
  #raum .hoehe, #raum .grund, #raum .preis ul, #raum .preis li span:last-child { font-size: 17px; }
  #raum .kennzahlen { grid-template-columns: 1fr 1fr; }
  #raum .kennzahlen dd { font-size: 20px; }
  #raum .preis .rahmen { font-size: 28px; }
  #raum .preis li { padding: 6px 0; }
  #raum .haupt { font-size: 18px; min-height: 58px; }
  #raum .zweit, #raum .stufe, #raum .gewaehlt-status { font-size: 17px; }
  #raum .legende svg { width: 32px; height: 18px; }
  #raum .plan-legende svg { width: 36px; height: 22px; }
  #raum .wahl-leiste strong { font-size: 22px; }
  #raum .karte { padding: 28px; gap: 20px; }
}
