:root{--blau: #1f4e79;--grau: #f2f4f7;--rand: #d0d5dd;--text: #1d2939;--leise: #667085;--gruen: #067647;--gelb: #b54708;--rot: #b42318;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text)}*{box-sizing:border-box}body{margin:0;background:#fff}h1{font-size:1.4rem;margin:0 0 12px}h2{font-size:1.1rem;margin:16px 0 8px}.kopf{position:sticky;top:0;z-index:10;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:10px 16px;background:var(--blau);color:#fff}.kopf nav{display:flex;flex-wrap:wrap;gap:14px}.kopf a,.kopf .link{color:#fff;text-decoration:none;background:none;border:0;font:inherit;cursor:pointer;padding:0;width:auto}.kopf a.active{text-decoration:underline}.logo{font-weight:700}.inhalt{max-width:960px;margin:0 auto;padding:16px}input,select,textarea,button{font:inherit;min-height:44px;padding:10px;border:1px solid var(--rand);border-radius:8px;width:100%;background:#fff;color:var(--text)}button{background:var(--blau);color:#fff;border:0;cursor:pointer;width:auto}button.zweit{background:var(--grau);color:var(--text)}button:disabled{opacity:.6}.inhalt p>a,.zeile>a{display:inline-block;padding:12px 0}.filter{display:flex;gap:8px;margin-bottom:12px}.filter select{width:auto}.raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.kachel{display:block;border:1px solid var(--rand);border-radius:12px;overflow:hidden;color:inherit;text-decoration:none;background:#fff}.kachel img,.kein-bild{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block;background:var(--grau)}.kein-bild{display:flex;align-items:center;justify-content:center;color:var(--leise);border-radius:12px}.kachel .kein-bild{border-radius:0}.kachel-text{display:flex;flex-direction:column;gap:4px;padding:10px 12px}.preis{font-weight:700}.status{font-size:.85rem}.status-verfuegbar{color:var(--gruen)}.status-reserviert{color:var(--gelb)}.status-verkauft{color:var(--leise)}.galerie{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -16px 12px;padding:0 16px}.galerie img{flex:0 0 90%;max-width:600px;aspect-ratio:4 / 3;object-fit:cover;border-radius:12px;scroll-snap-align:center}.reiter{display:flex;gap:8px;margin:12px 0}.reiter button{flex:1}.daten{width:100%;border-collapse:collapse}.daten th,.daten td{text-align:left;padding:8px 4px;border-bottom:1px solid var(--grau);vertical-align:top}.daten th{color:var(--leise);font-weight:400;width:40%}.formular{display:grid;gap:12px}.formular label,label.feld{display:grid;gap:4px;font-size:.9rem}.feldfehler,.fehler{color:var(--rot)}.feldfehler{font-size:.85rem}.erfolg{color:var(--gruen)}.hinweis{color:var(--leise)}.karte{border:1px solid var(--rand);border-radius:12px;padding:16px}.schmal{max-width:400px;margin:40px auto}.zahlen{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.zahl{font-size:1.6rem;font-weight:700}.zeile{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.fotoliste{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}.fotoliste img{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:8px}.liste{list-style:none;padding:0;margin:0}.liste li{padding:8px 0;border-bottom:1px solid var(--grau)}@media (min-width: 640px){.formular.zweispaltig{grid-template-columns:1fr 1fr}.formular .breit{grid-column:1 / -1}}