:root{color-scheme:light;--ink:#233329;--gold:#956e27;--paper:#f6f3ec;--line:#e3dfd3}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.6 system-ui,sans-serif}header,main,footer{max-width:1100px;margin:auto;padding:28px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:20px}.brand{font:700 22px Georgia,serif;text-decoration:none;color:var(--ink)}.brand span{color:var(--gold)}.tag,.hint,footer{font-size:14px;color:#666d64}h1,h2,h3{font-family:Georgia,serif;line-height:1.2}h1{font-size:clamp(30px,5vw,54px);margin:12px 0 22px}h2{font-size:26px}.intro{padding:38px 0}.intro p{max-width:620px}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:12px;font-weight:700;color:var(--gold)}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:28px;margin:22px 0}.narrow{max-width:540px;margin:36px auto}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.cards article{padding:18px;border:1px solid var(--line);border-radius:10px}.cards h3{font-size:19px}.cards strong{font:32px Georgia,serif}.cards p{font-size:14px}label{display:block;margin:18px 0 6px}input{width:100%;padding:13px;font:inherit;border:1px solid #929a90;border-radius:6px}button{font:inherit;border:0;background:var(--ink);color:white;padding:12px 22px;border-radius:6px;cursor:pointer;margin-top:22px}button.secondary{background:#e8e9e2;color:var(--ink)}a{color:#6d501c}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.alert{background:#ffefea;border-left:4px solid #9c3c2c;padding:14px}.notice{padding:14px;background:#e8eadf;border-radius:8px}.row{display:flex;justify-content:space-between;align-items:center;gap:20px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left}th,td{padding:13px;border-bottom:1px solid var(--line)}footer{border-top:1px solid var(--line)}@media(max-width:780px){.cards{grid-template-columns:repeat(2,1fr)}header{align-items:flex-start;flex-direction:column}.row{align-items:flex-start;flex-direction:column}}@media(max-width:450px){main,header,footer{padding:18px}.panel{padding:20px}.cards{grid-template-columns:1fr}}


select,textarea{width:100%;padding:12px;font:inherit;border:1px solid #929a90;border-radius:6px}textarea{min-height:90px}.seat-tables{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.seat-table{border:1px solid var(--line);border-radius:10px;padding:14px;min-width:0}.seat-table legend{font-weight:700}.seat-table button{font-size:13px;margin:0 0 12px;padding:8px}.seat-options{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.seat{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:8px;border-radius:6px;margin:0;font-size:14px}.seat input{width:auto}.seat.available{background:#e5f0e3}.seat.occupied{background:#e5e5e5;color:#696969}.seat:has(input:checked){outline:2px solid var(--gold)}.preserve-lines{white-space:pre-wrap}svg{max-width:24px}

/* Anklickbare Planansicht */
[hidden]{display:none!important}.area-switch,.selection-summary,.zoom-buttons{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.area-switch{margin:20px 0}.area-switch button,.zoom-buttons button,.selection-summary button{margin:0}.selection-summary{background:#f6f3ec;padding:12px;border-radius:8px;margin:16px 0;font-size:14px}.selection-summary output{flex:1;max-height:110px;overflow:auto;min-width:180px}.plan-legend{display:flex;gap:20px;flex-wrap:wrap;font-weight:600;font-size:14px}.legend-free{color:#28633d}.legend-selected{color:#79540b}.legend-occupied{color:#626977}.plan-viewport{max-height:760px;overflow:auto;border:1px solid var(--line);border-radius:12px;background:#fcfbf7;overscroll-behavior:contain}.seating-plan{display:block;width:100%;max-width:none;height:auto;min-width:650px}.room-outline{fill:#fcfbf7;stroke:#b5b8ad;stroke-width:4}.room-feature{fill:#ecece5;stroke:#b5b8ad;stroke-width:2}.dance-floor{fill:#f0eee6;stroke:#d4d1c3;stroke-width:2}.walkway{fill:none;stroke:#d8e5da;stroke-width:35}.gallery-rail{fill:none;stroke:#a6b6a8;stroke-width:4}.feature-label,.small-feature{fill:#73786c;text-anchor:middle;font:25px system-ui,sans-serif}.small-feature{font-size:20px}.plan-table{cursor:pointer}.plan-table rect{fill:#e9d8ae;stroke:#aa8b4b;stroke-width:2}.table-number{fill:#443b2b;font:bold 20px system-ui,sans-serif;text-anchor:middle;pointer-events:none}.plan-seat{cursor:pointer}.plan-seat rect{fill:#d0e9d6;stroke:#3e7c50;stroke-width:2}.plan-seat text{fill:#23472d;font:bold 13px system-ui,sans-serif;text-anchor:middle;pointer-events:none}.plan-seat.is-selected rect{fill:#e4b54f;stroke:#79540b;stroke-width:3}.plan-seat.is-selected text{fill:#3c2c10}.plan-seat.is-occupied{cursor:not-allowed}.plan-seat.is-occupied rect{fill:#dfe1e5;stroke:#89919c;stroke-dasharray:3 2}.plan-seat.is-occupied text{fill:#616772}.plan-seat:focus rect,.plan-table:focus rect{stroke:#173bc5;stroke-width:4}.plan-tools{margin:10px 0}.table-list{margin-top:16px}.table-list summary{cursor:pointer;font-weight:600;padding:12px 0}.table-list .seat-tables{margin-top:12px}.plan-viewport:focus-visible{outline:3px solid var(--gold)}

.payment-filters{display:flex;flex-wrap:wrap;gap:14px}.payment-filters [aria-current]{font-weight:700;text-decoration-thickness:3px}.payment-document h1{font-size:38px}.payment-document td,.payment-document th{padding:8px;font-size:14px}.payment-document{max-width:900px;margin:20px auto}.payment-document .notice{break-inside:avoid}@media print{@page{size:A4;margin:16mm}body{background:white;color:black;font-size:11pt;line-height:1.4}header,footer,.no-print{display:none!important}main{max-width:none;padding:0}.payment-document{border:0;padding:0;margin:0;max-width:none}.payment-document h1{font-size:24pt}.payment-document h1,.payment-document thead{break-after:avoid}tr{break-inside:avoid}thead{display:table-header-group}.payment-document .notice{background:white;border:1px solid black}a{color:black}}

.inline-checkbox{width:auto;margin-right:8px}

@media screen{.payment-document{overflow-wrap:anywhere;min-width:0}.payment-document h1{font-size:clamp(24px,4vw,38px)}}

.sales-filters{display:flex;flex-wrap:wrap;align-items:end;gap:16px}.sales-filters>div{flex:1;min-width:200px}.sales-filters label{margin-top:0}.sales-filters button{margin:0}

/* Durchgängige Verwaltungsnavigation */
.admin-area header{background:white;border-bottom:0}.admin-nav-surface{background:white;border-bottom:1px solid var(--line)}.admin-navigation{max-width:1100px;margin:auto;padding:0 28px 20px;display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px}.admin-nav-links{display:flex;flex-wrap:wrap;align-items:center;gap:6px 22px;flex:1}.admin-nav-links a{color:#245d4b;text-decoration:none;padding:9px 0;font-size:18px;white-space:nowrap;border-bottom:3px solid transparent}.admin-nav-links a:hover{color:#163d31;border-bottom-color:#b9ccbf}.admin-nav-links a[aria-current="page"]{font-weight:700;border-bottom-color:#245d4b}.admin-nav-account{display:flex;align-items:center;flex-wrap:wrap;gap:18px;font-size:14px;color:#616c63}.admin-nav-account>span{overflow-wrap:anywhere;max-width:240px}.admin-nav-account form{margin:0}.admin-nav-account button{margin:0;padding:9px 0;background:transparent;color:#245d4b;border-radius:0;font-size:18px}.admin-nav-account button:hover{text-decoration:underline}@media(max-width:780px){.admin-navigation{align-items:flex-start}.admin-nav-links{flex-basis:100%}.admin-nav-account{border-top:1px solid var(--line);padding-top:10px;width:100%;justify-content:space-between}}@media(max-width:450px){.admin-navigation{padding:0 18px 16px}.admin-nav-links{gap:3px 18px}.admin-nav-links a,.admin-nav-account button{font-size:17px}}@media print{.admin-nav-surface{display:none!important}}

/* Buchungsablauf und lange Gastangaben */
.admin-area main{overflow-wrap:anywhere}.security-secret{overflow-wrap:anywhere;word-break:break-all}
.two-factor-qr{width:300px;max-width:100%;background:#fff;margin:18px 0}.two-factor-qr svg{display:block;max-width:none;width:100%;height:auto;background:#fff}
input[type="checkbox"]{width:auto;margin-right:8px}.booking-area main{overflow-wrap:anywhere}.booking-area table{table-layout:fixed}.booking-area th,.booking-area td{padding:8px;font-size:14px;overflow-wrap:anywhere}.booking-area th:first-child{width:58%}.booking-area details summary{cursor:pointer;font-weight:600}.booking-area .preserve-lines{white-space:pre-wrap}
