*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;background:#f6f3ef;color:#2a2024}.karte{max-width:380px;margin:8vh auto;padding:24px;background:#fff;border-radius:10px;box-shadow:0 1px 6px #0000001f;display:flex;flex-direction:column;gap:12px}h1{margin:0;color:#6b1e3a}label{display:flex;flex-direction:column;gap:4px;font-size:14px}input{padding:10px;font-size:16px;border:1px solid #c9c0b8;border-radius:6px}button{padding:10px;font-size:16px;border:0;border-radius:6px;background:#6b1e3a;color:#fff;cursor:pointer}button:disabled{opacity:.6}button.link{background:none;color:#6b1e3a;text-decoration:underline}.klein{font-size:14px;color:#6a5f66;margin:0}.fehler{color:#b00020;margin:0}.info{color:#1b6e3a;margin:0}.karte.breit{max-width:640px;margin:3vh auto}.formular{display:flex;flex-direction:column;gap:12px}.formular select,.formular textarea{padding:10px;font-size:16px;border:1px solid #c9c0b8;border-radius:6px;font-family:inherit}.zeile{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.zeile>label{flex:1;min-width:140px}.zeile.haken label{flex-direction:row;align-items:center;gap:6px;flex:0 0 auto}.zeile.haken input{padding:0}.kopf{justify-content:space-between}h2{margin:0;font-size:20px}.notizen{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.notizen li{border:1px solid #e3dcd4;border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:6px}.notizen .titel{font-weight:600}.notizen .auszug{color:#4a4046;font-size:14px;white-space:pre-wrap}fieldset.aromen{border:1px solid #e3dcd4;border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:12px;margin:0}fieldset.aromen legend{font-weight:600;padding:0 6px}.aromazeile{display:flex;flex-direction:column;gap:8px;border-bottom:1px dashed #e3dcd4;padding-bottom:10px}label.regler{flex:2}label.regler input{padding:0}.baum{border-top:1px dashed #e3dcd4;padding-top:10px;display:flex;flex-direction:column;gap:6px}.baum details>summary{cursor:pointer;padding:6px 0;font-weight:600}.baum details.unter{margin-left:14px}.baum details.unter>summary{font-weight:400}.chips{display:flex;flex-wrap:wrap;gap:6px;padding:4px 0 8px 14px}button.chip{padding:4px 10px;font-size:14px;background:#f0e8e0;color:#2a2024;border:1px solid #d8cdc2;border-radius:14px}fieldset.struktur{gap:0}details.strukturkat{border-bottom:1px solid #efe8e1}details.strukturkat:last-of-type{border-bottom:0}details.strukturkat>summary{cursor:pointer;padding:10px 0;display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;list-style:none}details.strukturkat>summary::-webkit-details-marker{display:none}details.strukturkat>summary:before{content:"▸";color:#6b1e3a;width:10px}details.strukturkat[open]>summary:before{content:"▾"}.katname{font-weight:600;min-width:110px;flex:0 0 auto}.kurz{color:#6a5f66;font-size:14px}.katinhalt{display:flex;flex-direction:column;gap:10px;padding:0 0 14px 22px}.strukturzeile{display:flex;flex-direction:column;gap:6px}.strukturregler{display:flex;flex-direction:column;gap:4px;font-size:14px}.strukturregler input{padding:0;width:100%}.pole{display:flex;justify-content:space-between;font-size:12px;color:#6a5f66}input[type=range].leer{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;margin:8px 0;border-radius:2px;background:#d9d1ca}input[type=range].leer::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;opacity:0}input[type=range].leer::-moz-range-thumb{width:20px;height:20px;opacity:0;border:0}.hinweis{font-size:12px;color:#6a5f66;font-weight:400}fieldset.hu{gap:14px}.einzug{display:flex;flex-direction:column;gap:14px;padding-left:22px}.zeile.platz>label{flex:0 1 120px;min-width:90px}p.fehler.klein{font-size:14px}fieldset.wein{gap:10px}.umschalter{display:inline-flex;border:1px solid #6b1e3a;border-radius:8px;overflow:hidden;align-self:flex-start}.umschalter button{background:#fff;color:#6b1e3a;border-radius:0;padding:8px 18px}.umschalter button.an{background:#6b1e3a;color:#fff}.umschalter button:disabled{opacity:1;cursor:default}.umschalter button:disabled:not(.an){color:#b9a9b0}.suche,.vorschau,.weinformular,.rueckfrage,.gewaehlt{display:flex;flex-direction:column;gap:10px}.suche input[type=search]{width:100%}ul.treffer{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}button.treffer-knopf{width:100%;text-align:left;background:#fbf8f5;color:#2a2024;border:1px solid #e3dcd4;border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}button.treffer-knopf:hover{border-color:#6b1e3a}.weinkurz{display:flex;flex-direction:column;gap:3px;font-size:15px;min-width:0}.weinkurz .jahr{font-weight:600;color:#6b1e3a}.chips.eng{padding:2px 0}.marke{font-size:12px;padding:1px 8px;border-radius:10px;background:#efe4ea;color:#4a2333}.marke.blass{background:#f0ece8;color:#6a5f66}.quellmarke{font-size:11px;color:#6a5f66;border:1px solid #d8cdc2;border-radius:4px;padding:0 5px;margin-left:4px;font-weight:400}button.chip.an{background:#6b1e3a;color:#fff;border-color:#6b1e3a}.jahrgang,.zert,.mehrfach{display:flex;flex-direction:column;gap:4px}label.jahrfeld{max-width:140px}.warnung{background:#fff6e0;border:1px solid #e8c770;border-radius:8px;padding:8px 10px;font-size:14px}.rueckfrage{background:#fbf8f5;border:1px solid #e3dcd4;border-radius:8px;padding:10px}.rueckfrage p{margin:0}dl.angaben{display:grid;grid-template-columns:max-content 1fr;gap:2px 12px;margin:0;font-size:14px}dl.angaben dt{color:#6a5f66}dl.angaben dd{margin:0;overflow-wrap:anywhere}.quelle{font-style:italic}.mehrfach .zeile input{flex:1;min-width:120px}.gewaehlt>.kopf{flex-wrap:nowrap;align-items:flex-start}.gewaehlt>.kopf .weinkurz{flex:1}.gewaehlt>.kopf button.link{padding:0 0 0 8px}button.notiz-oeffnen{width:100%;text-align:left;background:none;color:inherit;padding:0;display:flex;flex-direction:column;gap:6px;border-radius:4px}button.notiz-oeffnen:hover .titel{color:#6b1e3a}.lesefassung{display:flex;flex-direction:column;gap:14px}.lf-kopf{display:flex;gap:12px;align-items:flex-start}.lf-wein{flex:1;min-width:0}.lf-punkte{flex:0 0 auto;text-align:center;border:2px solid #6b1e3a;border-radius:10px;padding:6px 10px;color:#6b1e3a}.lf-punkte-zahl{font-size:26px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.lf-punkte-von{font-size:11px}.lf-situation{border-top:1px solid #efe8e1;padding-top:10px}.lf-abschnitt{display:flex;flex-direction:column;gap:6px}.lf-abschnitt h3{margin:0;font-size:17px}.lf-text{margin:0;font-size:15px;line-height:1.55}.lf-frei{white-space:pre-wrap}.lf-stufe{color:#6a5f66}.lf-liste{display:flex;flex-direction:column}.lf-zeile{display:flex;justify-content:space-between;gap:12px;font-size:15px;border-bottom:1px dashed #efe8e1;padding:3px 0}.lf-zahl{font-variant-numeric:tabular-nums;color:#6b1e3a;font-weight:600}.lf-zahl.klein{color:#6a5f66;font-weight:400}.lf-struktur{display:flex;gap:10px;font-size:15px;line-height:1.45}.lf-kat{flex:0 0 104px;font-weight:600;overflow-wrap:anywhere}.lf-kat.breit{flex-basis:140px;font-weight:400}.lf-linie{display:flex;flex-direction:column;gap:3px;font-size:15px;padding-top:4px}.lf-linie-kopf{display:flex;justify-content:space-between}.lf-spur{position:relative;height:6px;border-radius:3px;background:#ece5de;margin:4px 7px}.zeile>.vorschlagsfeld{flex:1;min-width:140px}.vorschlagsfeld{position:relative}.vorschlagsfeld input{width:100%}ul.vorschlaege{position:absolute;z-index:5;left:0;right:0;top:100%;margin:2px 0 0;padding:4px 0;list-style:none;background:#fff;border:1px solid #c9c0b8;border-radius:6px;box-shadow:0 2px 8px #0000001f;max-height:260px;overflow-y:auto}ul.vorschlaege li{padding:8px 10px;font-size:15px;cursor:pointer}ul.vorschlaege li:hover,ul.vorschlaege li.an{background:#f0e8e0}.listenwahl{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.umschalter.klein button{padding:5px 14px;font-size:14px}.listenwahl .schliessen{margin-left:auto;border-left:1px solid #d8cdc2;border-radius:0;padding-left:12px}.baum .cluster h4{margin:6px 0 0 14px;font-size:13px;font-weight:600;color:#6a5f66;text-transform:none}.reglerwort{font-weight:600;color:#6b1e3a}.melden{display:flex;flex-direction:column;gap:6px}.melden textarea{padding:8px;font-size:15px;border:1px solid #c9c0b8;border-radius:6px;font-family:inherit}footer.fuss{text-align:center;padding:8px 0 24px}.impressum{display:flex;flex-direction:column;gap:10px}.impressum h2{font-size:18px}.impressum h3{margin:6px 0 0;font-size:15px}.lf-punkt{position:absolute;top:-4px;width:14px;height:14px;border-radius:7px;background:#6b1e3a;margin-left:-7px}.aromazeile{transition:background-color .4s;border-radius:6px}.aromazeile.markiert{background:#f3e2e8}.richtung-info{font-weight:400;font-size:13px;color:#6a5f66}