:root{--bg:#f9f6f0;--paper:#fffdf9;--burgundy:#7c303e;--wine:#7d3f4a;--rose:#b77b7e;--muted:#8a7770;--border:#e8ddd2;--green:#008b50;font-family:Arial,Helvetica,sans-serif;color:#633943;background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-width:300px}button,a{font:inherit}button{cursor:pointer}a{color:inherit}.flag-top{display:flex;height:5px;width:100%}.flag-top i{width:33.333%;display:block;background:#00894b}.flag-top i:nth-child(2){background:#fff}.flag-top i:nth-child(3){background:#d21b2c}.topbar{background:#fffdf9;border-bottom:1px solid #eae0d7}.topbar-inner{height:114px;max-width:1110px;margin:auto;padding:12px 26px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:18px;text-decoration:none}.brand-logo{width:86px;height:86px;object-fit:contain;flex:none}.brand-copy{display:flex;flex-direction:column;gap:6px}.brand-eyebrow{color:#ad646b;letter-spacing:.17em;font-size:9px;font-weight:750}.brand-title{font-family:Georgia,'Times New Roman',serif;font-size:25px;font-weight:600;color:var(--burgundy)}.brand-subtitle{font-size:12px;color:#9a8a7c;letter-spacing:.06em}.header-mark{color:#9b7369;letter-spacing:.2em;font-size:10px;white-space:nowrap}.header-mark span{color:#ca7e85;margin-left:12px;font-size:13px}.page{max-width:1050px;margin:auto;padding:53px 26px 30px}.hero{text-align:center;max-width:740px;margin:auto}.hero-kicker{display:flex;align-items:center;justify-content:center;gap:10px;font-size:10px;font-weight:750;letter-spacing:.2em;color:#a1666e}.tiny-flag{display:inline-flex;border-radius:3px;overflow:hidden;box-shadow:0 0 0 1px #e9dfd5;height:11px;width:20px;vertical-align:middle}.tiny-flag i{flex:1;background:var(--green)}.tiny-flag i:nth-child(2){background:#fff}.tiny-flag i:nth-child(3){background:#d91e2f}.hero h1{font-family:Georgia,'Times New Roman',serif;font-weight:500;font-size:clamp(37px,5.2vw,60px);line-height:1.13;letter-spacing:-.035em;margin:23px 0 17px;color:#77313e}.hero h1 em{font-style:italic;font-weight:400;color:#aa6673}.hero p{font-size:16px;line-height:1.65;max-width:595px;margin:0 auto;color:#846d69}.choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:41px}.choice{text-decoration:none;display:flex;flex-direction:column;min-height:356px;position:relative;overflow:hidden;border:1px solid #e8d8ca;background:var(--paper);border-radius:19px;padding:28px 31px 25px;box-shadow:0 7px 34px rgba(66,35,30,.035);transition:box-shadow .18s,transform .18s,border-color .18s}.choice:before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:#00894b}.choice-order:before{background:#bf4e5b}.choice-order{background:#fffaf8}.choice:hover,.choice:focus-visible{transform:translateY(-3px);border-color:#c79592;box-shadow:0 18px 42px rgba(97,55,43,.12);outline:none}.choice:focus-visible{outline:3px solid #00894b;outline-offset:3px}.choice-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.choice-icon{width:68px;height:68px;border-radius:17px;background:#f5eee7;display:grid;place-items:center;color:#894958}.choice-order .choice-icon{background:#f6e5e2}.choice-icon svg{width:37px;height:37px;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.choice-number{font-size:10px;color:#a28c81;font-weight:700;letter-spacing:.15em;margin-top:9px}.choice-main{margin-top:25px;max-width:370px}.choice-kicker{font-size:10px;letter-spacing:.17em;color:#ab6a70;font-weight:700}.choice h2{font-family:Georgia,serif;font-size:38px;font-weight:500;letter-spacing:-.02em;line-height:1.12;margin:10px 0 10px;color:#7c303e}.choice p{color:#856f68;line-height:1.55;font-size:14px;margin:0;max-width:350px}.choice-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:20px;font-size:14px;font-weight:750;color:#763944}.round-arrow{background:#f0e2db;height:37px;width:37px;display:grid;place-items:center;border-radius:50%;font-size:20px;font-weight:500;transition:background .15s,color .15s}.choice:hover .round-arrow{background:#7c303e;color:#fff}.information{margin-top:18px}.allergens{width:100%;border:1px solid #e8d8ca;border-radius:15px;background:#fffdf9;min-height:89px;padding:16px 24px;display:flex;align-items:center;gap:17px;text-align:left;color:#763944}.allergens:hover,.allergens:focus-visible{border-color:#b78384;box-shadow:0 6px 20px rgba(97,55,43,.07)}.allergens:focus-visible{outline:3px solid #00894b;outline-offset:3px}.info-icon{width:47px;height:47px;display:grid;place-items:center;background:#f7ede8;border-radius:13px;color:#883f4a;flex:none}.info-icon svg{width:26px;height:26px;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.info-text{display:flex;flex-direction:column;gap:5px;min-width:0}.info-text strong{font-size:16px}.info-text small{font-size:12px;color:#9b8178;line-height:1.4}.info-link{margin-left:auto;white-space:nowrap;font-size:13px;font-weight:750;color:#8e5360}.info-link span{margin-left:8px;font-size:18px}.footer-note{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:29px;color:#a58b7d;font-size:11px;letter-spacing:.04em}.sep{color:#d5bebb}.preview-note{text-align:center;color:#a0867e;font-size:11px;margin-top:18px;line-height:1.5}dialog{border:1px solid var(--border);border-radius:20px;padding:0;width:min(595px,calc(100% - 32px));background:#fffdf9;color:#673943;box-shadow:0 24px 80px rgba(43,20,24,.24)}dialog::backdrop{background:rgba(37,21,24,.57)}.dialog-inner{padding:40px;position:relative}.dialog-close{position:absolute;top:16px;right:18px;border:0;background:#f6ebe9;color:#743a47;width:36px;height:36px;border-radius:50%;font-size:26px;line-height:1}.dialog-close:hover,.dialog-close:focus-visible{background:#eac9ca;outline:2px solid #00894b}.dialog-eyebrow{color:#b36e75;font-size:10px;font-weight:700;letter-spacing:.16em}.dialog-inner h2{font:500 33px Georgia,serif;color:#7c303e;margin:13px 0 20px}.dialog-inner p{font-size:14px;line-height:1.7;color:#765e59}.dialog-inner strong{color:#693942}.dialog-inner .dialog-hint{background:#faf0e8;padding:14px;border-radius:9px}.dialog-link{display:inline-block;background:#7c303e;color:#fff;text-decoration:none;border-radius:10px;padding:14px 18px;font-size:13px;font-weight:700;margin-top:8px}.dialog-link:hover{background:#5c2632}.backlink{display:inline-block;text-decoration:none;font-size:13px;color:#7c303e;font-weight:700;margin-bottom:36px}.backlink:hover{text-decoration:underline}.ordering-page{max-width:1120px}.order-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:55px;align-items:center}.order-copy .hero-kicker{justify-content:flex-start}.order-copy h1{font:500 clamp(38px,5vw,57px)/1.15 Georgia,serif;letter-spacing:-.025em;color:#7c303e;margin:24px 0}.order-copy h1 em{color:#a96575;font-weight:400}.order-copy>p{line-height:1.7;font-size:15px;color:#856e67}.order-points{margin-top:34px;display:flex;flex-direction:column;gap:22px}.order-points>div{display:flex;gap:15px;align-items:flex-start}.step{height:36px;width:36px;display:grid;place-items:center;background:#fffdf9;border:1px solid #e8d8ca;border-radius:50%;font-weight:700;color:#884e59;flex:none}.order-points p{margin:0;display:flex;flex-direction:column;gap:6px}.order-points strong{font-size:15px}.order-points small{font-size:13px;line-height:1.5;color:#8b7770}.order-info{margin-top:30px;border-left:3px solid #a95f6b;padding:12px 17px;background:#fff9f5;border-radius:4px 8px 8px 4px}.order-info strong{font-size:14px}.order-info p{font-size:13px;color:#826c63;line-height:1.5;margin:8px 0 0}.order-panel{background:#fffdf9;border:1px solid var(--border);border-radius:22px;min-height:440px;padding:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 12px 35px rgba(87,48,37,.06)}.qr-art{height:160px;width:160px;border-radius:26px;background:#f4e5e0;color:#783e4b;display:grid;place-items:center;margin-bottom:37px}.qr-art svg{height:125px;width:125px;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.order-panel-kicker{color:#ad6e79;font-size:10px;letter-spacing:.18em;margin-bottom:12px}.order-panel strong{font:500 28px/1.25 Georgia,serif;color:#793644;max-width:290px}.panel-sub{color:#90766e;font-size:12px;margin-top:15px}
@media(max-width:750px){.topbar-inner{height:95px;padding:10px 16px}.brand-logo{height:68px;width:68px}.brand{gap:11px}.brand-title{font-size:20px}.brand-eyebrow{font-size:8px}.brand-subtitle{font-size:10px}.header-mark{display:none}.page{padding:40px 18px 30px}.hero h1{margin:18px 0 14px;font-size:clamp(34px,9vw,44px)}.hero p{font-size:14px}.choices{grid-template-columns:1fr;gap:15px;margin-top:30px}.choice{min-height:310px;padding:25px}.choice-main{margin-top:17px}.choice h2{font-size:33px}.choice-icon{height:57px;width:57px}.choice-icon svg{width:34px;height:34px}.choice-bottom{padding-top:16px}.allergens{padding:17px;min-height:83px}.info-icon{height:42px;width:42px}.info-text strong{font-size:15px}.info-link{font-size:0}.info-link span{font-size:21px}.dialog-inner{padding:29px 23px}.footer-note{flex-wrap:wrap;font-size:10px}.order-layout{grid-template-columns:1fr;gap:25px}.order-panel{min-height:260px;padding:30px}.qr-art{height:108px;width:108px;margin-bottom:21px}.qr-art svg{width:90px;height:90px}.order-panel strong{font-size:23px}.backlink{margin-bottom:30px}}
@media(max-width:385px){.brand-logo{height:60px;width:60px}.brand-title{font-size:17px}.brand-eyebrow{font-size:7px}.brand-subtitle{font-size:9px}.choice h2{font-size:30px}.choice-number{font-size:8px}.info-text small{font-size:11px}}
@media(prefers-reduced-motion:reduce){.choice,.round-arrow{transition:none}}

/* V4: Eigenständiges, responsives Allergen-Verzeichnis */
a.allergens{text-decoration:none}a.allergens:focus-visible{outline:3px solid #00894b;outline-offset:3px}
.allergies-page{max-width:1040px;padding-top:32px}
.allergies-page .backlink{margin-bottom:30px}
.allergies-hero{max-width:790px;margin:0 auto 25px;text-align:center}
.allergies-hero h1{font:500 clamp(36px,5.4vw,56px)/1.15 Georgia,serif;color:#77313e;letter-spacing:-.025em;margin:14px 0}
.allergies-hero h1 em{color:#ab6776;font-weight:400}
.allergies-hero p{color:#846d69;font-size:15px;line-height:1.65;margin:0 auto;max-width:630px}
.alert-note{background:#fff5e8;border:1px solid #e7cba3;border-left:4px solid #b57a48;border-radius:12px;padding:17px 21px;margin:29px 0}
.alert-note strong{color:#80472e;font-size:15px}
.alert-note p{margin:7px 0 0;line-height:1.6;font-size:13px;color:#805d4c}
.allergen-finder{background:#fffdf9;border:1px solid #e8d8ca;border-radius:18px;padding:25px}
.allergen-controls label{font-weight:700;font-size:14px;display:block;margin-bottom:9px}
.allergen-controls input{background:#fff;border:1px solid #d8bbb0;border-radius:10px;width:100%;padding:14px 16px;font-size:16px;color:#673943}
.allergen-controls input:focus-visible{outline:3px solid #00894b;outline-offset:2px}
.allergen-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.allergen-filters button{background:#f7f0eb;border:1px solid #e6d6ca;padding:10px 16px;border-radius:999px;color:#7c3b46;font-size:13px;font-weight:700;cursor:pointer}
.allergen-filters button.filter-active{background:#7c303e;color:white;border-color:#7c303e}
.allergen-filters button:focus-visible{outline:3px solid #00894b;outline-offset:2px}
.allergen-sections{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:28px}
.allergen-group h2,.additional-note h2{font:500 26px Georgia,serif;color:#7c303e;margin:0 0 5px}
.allergen-group-info{font-size:12px;color:#806c67;line-height:1.5;min-height:36px}
.allergen-list{list-style:none;padding:0;margin:16px 0 0;display:flex;flex-direction:column;gap:8px}
.allergen-item{display:flex;align-items:center;gap:12px;border:1px solid #ece1d7;border-radius:11px;background:#fff;padding:12px 14px;min-height:61px}
.allergen-item[hidden],.allergen-group[hidden],.empty-message[hidden]{display:none!important}
.allergen-code{display:grid;place-items:center;background:#f5e7e4;color:#803947;border-radius:9px;min-width:44px;height:39px;font-weight:700;font-size:17px}
.allergen-copy{display:flex;flex-direction:column;gap:3px;color:#633943}
.allergen-copy strong{font-size:14px;line-height:1.3}
.allergen-copy small{font-size:12px;color:#88736b;line-height:1.4}
.empty-message{color:#8e4c56;font-size:14px;text-align:center;padding:20px}
.additional-note{background:#fcf5ef;border-radius:17px;padding:24px 26px;margin-top:22px;border:1px solid #e8d8ca}
.additional-note p{line-height:1.65;font-size:14px;color:#806760}
.additional-note .dialog-link{margin-top:10px}
@media(max-width:750px){.allergen-sections{grid-template-columns:1fr;gap:28px}.allergen-finder{padding:18px}.allergies-hero h1{font-size:40px}.allergies-page{padding-top:23px}.additional-note{padding:21px}}


/* ENOBAR V0.9 · V5 · MY ENOTECA ROSA
   Der Seitenhintergrund ist überall #E7B6B8. Anklickbare Kacheln und
   Filter sind #BC8586. Original-Logo, Routing und Funktion unverändert.
   Dunkles Bordeaux für kleine Schrift sorgt für ausreichenden Kontrast. */
:root {
  --bg: #E7B6B8;
  --paper: #F8F5ED;
  --rose: #BC8586;
  --rose-dark: #BC8586;
  --wine: #642D3A;
  --burgundy: #642D3A;
  --muted: #63333E;
  --border: #C89799;
  color: #4A2934;
  background: #E7B6B8;
  color-scheme: light;
}
html, body {background-color:#E7B6B8;}
/* Header bündig im gleichen Hellrosa, Logo bleibt unverändert */
.topbar {background:#E7B6B8;border-bottom:1px solid rgba(91,39,53,.22);}
.brand-eyebrow, .header-mark {color:#613340;}
.brand-title {color:#642D3A;}
.brand-subtitle {color:#673A44;}
.header-mark span {color:#642D3A;}
.page {background:transparent;}
.hero-kicker, .hero h1, .hero h1 em, .allergies-hero h1,
.allergies-hero h1 em, .order-copy h1, .order-copy h1 em {color:#642D3A;}
.hero p, .allergies-hero p, .order-copy>p {color:#613640;}
.footer-note, .preview-note {color:#683E48;}
/* Die GESAMTEN anklickbaren großen Kacheln sind dunkelrosa */
.choice, .choice-order, a.allergens {
  background:#BC8586;
  border:1px solid rgba(78,34,46,.27);
  color:#3E222A;
  box-shadow:0 9px 27px rgba(91,39,53,.08);
}
.choice::before, .choice-order::before {background:#7B414F;height:4px;}
.choice h2 {color:#FFFFFF; text-shadow:0 1px 1px rgba(70,33,43,.18);}
.choice-kicker, .choice-number, .choice p, .choice-bottom,
.info-text strong, .info-text small, .info-link {color:#3E222A;}
.choice-kicker, .choice-number {font-weight:800;}
.choice p {font-weight:500;}
.choice-icon, .choice-order .choice-icon, .info-icon {
  background:#F8F5ED;color:#642D3A;
}
.round-arrow {background:#F8F5ED;color:#642D3A;}
.choice:hover, .choice:focus-visible, a.allergens:hover, a.allergens:focus-visible {
  background:#BC8586;
  border-color:#6D3B46;
  box-shadow:0 18px 37px rgba(91,39,53,.19);
}
.choice:hover .round-arrow, .choice:focus-visible .round-arrow {
  background:#642D3A;color:white;
}
a.allergens {text-decoration:none;}
a.allergens .info-text strong {font-weight:800;}
/* Zusätzliche anklickbare Elemente – gleiche Markenfarbe */
.dialog-link, .allergen-filters button, .step {
  background:#BC8586;
  color:#3E222A;
  border-color:rgba(78,34,46,.26);
}
.dialog-link {font-weight:800;text-decoration:none;}
.dialog-link:hover, .allergen-filters button:hover {background:#C79294;color:#3E222A;}
.allergen-filters button.filter-active {
  background:#BC8586;color:#3E222A;
  box-shadow:inset 0 0 0 2px #653844;
  border-color:#653844;
}
/* Die Informationsflächen im Hintergrund sind hell / creme für klare Lesbarkeit. */
.allergen-finder, .order-panel, .additional-note, .alert-note, dialog {
  background:#F8F5ED;
  border-color:#B9878C;
}
.allergen-item {background:#FFFDFC;border-color:#D4A6A8;}
.allergen-code, .qr-art {background:#E7B6B8;color:#542D38;}
.allergen-copy, .allergen-copy small,
.allergen-group-info, .additional-note p,
.order-points small, .order-panel-kicker, .panel-sub {
  color:#5D3540;
}
.allergen-controls input {background:#fffdf9;border-color:#A76D78;color:#3E222A;}
.order-info {background:#F8F5ED;border-left-color:#BC8586;}
.order-info p {color:#5D3540;}
.order-panel strong {color:#642D3A;}
.backlink {color:#642D3A;}
/* Gleiche gut sichtbare Tastaturfokusfarbe auf allen Links / Buttons */
a:focus-visible,button:focus-visible,input:focus-visible,
.choice:focus-visible,a.allergens:focus-visible {
  outline:3px solid #592839;
  outline-offset:3px;
}
@media (max-width:750px) {
  .choice {min-height:290px;}
  .topbar {background:#E7B6B8;}
}