/* Eye of the Tantra – Seite „Zeit schenken“ (eott-gutschein 1.0.0) */
.eott-gs{--wr:#7A2E3B;--wr-d:#5C1E28;--gold:#B8863B;--gold-k:#8C6124;--gold-h:#D4AF78;--creme:#FBF6F0;--creme2:#F2E9DD;--ink:#2E2420;--grau:#6E584F;--sun:#FDB016;--sun-l:#FFF1D2;
  --n:#F5C09E;--n-l:#FCE7D8;--n-i:#8A4B2A;--b:#FDB016;--b-l:#FFF1D2;--b-i:#7A5200;--p:#7A2E3B;--p-l:#F6E7E3;--p-i:#7A2E3B;--s:#9DB98F;--s-l:#F3F7EE;--s-i:#2F4A2C;
  font-family:Poppins,system-ui,sans-serif;color:var(--ink);line-height:1.55;max-width:1120px;margin:0 auto;padding:0 16px 64px}
.eott-gs *{box-sizing:border-box}
.eott-gs .gs-hero{text-align:center;max-width:720px;margin:0 auto;padding:44px 0 18px}
.eott-gs .gs-q{display:block;font-size:.76rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-k);margin-bottom:6px}
.eott-gs h1{font-family:Lora,Georgia,serif;font-weight:600;color:var(--wr);font-size:clamp(2.1rem,5vw,3rem);line-height:1.1;margin:0 0 14px}
.eott-gs .gs-lead{font-family:Lora,Georgia,serif;font-style:italic;font-size:1.12rem;color:#5E4A42;margin:0 auto 22px;max-width:600px}
.eott-gs .gs-steps{list-style:none;margin:0 auto;padding:0;display:flex;justify-content:center;gap:10px 26px;flex-wrap:wrap;font-size:.92rem}
.eott-gs .gs-steps li{display:flex;align-items:center;gap:8px;margin:0}
.eott-gs .gs-steps b{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--sun);color:var(--wr-d);font-size:.82rem}
.eott-gs .gs-xmas{margin:18px auto 0;color:var(--wr-d);font-weight:500;font-size:.95rem}
.eott-gs .gs-xmas span{color:var(--gold)}
.eott-gs .gs-meldung{max-width:720px;margin:10px auto 0;padding:12px 16px;border-left:4px solid var(--sun);background:var(--sun-l);border-radius:8px;color:var(--wr-d)}
.eott-gs .gs-meldung a{color:var(--wr)}

.eott-gs .gs-bau{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;margin-top:28px;scroll-margin-top:110px}
@media (min-width:980px){.eott-gs .gs-bau{grid-template-columns:minmax(0,1fr) 470px;gap:44px;align-items:start}.eott-gs .gs-vorschau-spalte{position:sticky;top:110px}}
.eott-gs .gs-block{border:0;margin:0 0 30px;padding:0;min-width:0}
.eott-gs .gs-block>legend{font-family:Lora,Georgia,serif;font-weight:600;font-size:1.35rem;color:var(--wr);margin:0 0 12px;padding:0;display:flex;align-items:center;gap:10px}
.eott-gs .gs-block>legend b{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--sun);color:var(--wr-d);font-family:Poppins,sans-serif;font-size:.85rem}
.eott-gs .gs-hilfe{font-size:.9rem;color:var(--grau);margin:0 0 12px}
.eott-gs .gs-hilfe a{color:var(--wr)}
.eott-gs input[type=radio]{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}

/* Was verschenken */
.eott-gs .gs-art{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 18px}
.eott-gs .gs-art-opt{display:block;cursor:pointer;margin:0}
.eott-gs .gs-art-opt span{display:block;height:100%;padding:12px 14px;border-radius:14px;border:1.5px solid var(--gold-h);background:#FFFCF8;transition:border-color .15s,background .15s,box-shadow .15s}
.eott-gs .gs-art-opt b{display:block;color:var(--wr-d);font-size:1rem}
.eott-gs .gs-art-opt small{display:block;color:var(--grau);font-size:.8rem;line-height:1.35;margin-top:2px}
.eott-gs .gs-art-opt:hover span{box-shadow:0 4px 14px rgba(122,46,59,.10)}
.eott-gs .gs-art-opt input:checked+span{border-color:var(--wr);background:#FFF6F0;box-shadow:0 0 0 1px var(--wr) inset}
.eott-gs .gs-art-opt input:focus-visible+span{outline:2px solid var(--wr);outline-offset:2px}
.eott-gs[data-art=betrag] .gs-panel-platz,.eott-gs[data-art=platz] .gs-panel-betrag{display:none}
.eott-gs[data-art=betrag] .gs-nur-platz,.eott-gs[data-art=platz] .gs-nur-betrag{display:none}

/* Betrags-Kacheln in Türfarben */
.eott-gs .gs-kacheln{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.eott-gs .gs-kachel{position:relative;display:flex;flex-direction:column;gap:2px;padding:14px 14px 12px;border-radius:14px;background:#FFFCF8;border:1.5px solid var(--gold-h);border-top:4px solid var(--c,var(--gold-h));cursor:pointer;margin:0;transition:box-shadow .15s,background .15s,border-color .15s}
.eott-gs .gs-kachel:hover{box-shadow:0 6px 18px rgba(122,46,59,.12)}
.eott-gs .gs-kachel:has(input:checked){border-color:var(--c,var(--wr));background:var(--cl,#FFF6F0);box-shadow:0 0 0 1px var(--c,var(--wr)) inset}
.eott-gs .gs-kachel:has(input:focus-visible){outline:2px solid var(--wr);outline-offset:2px}
.eott-gs .gs-kachel.t-n{--c:var(--n);--cl:var(--n-l);--ci:var(--n-i)}
.eott-gs .gs-kachel.t-b{--c:var(--b);--cl:var(--b-l);--ci:var(--b-i)}
.eott-gs .gs-kachel.t-p{--c:var(--p);--cl:var(--p-l);--ci:var(--p-i)}
.eott-gs .gs-k-ico{width:26px;height:26px;color:var(--ci,var(--wr))}
.eott-gs .gs-k-ico svg{width:26px;height:26px}
.eott-gs .gs-k-betrag{font-family:Lora,Georgia,serif;font-weight:600;font-size:1.55rem;color:var(--wr-d);line-height:1.15;margin-top:4px}
.eott-gs .gs-k-titel{font-weight:600;font-size:.86rem;color:var(--ci,var(--wr-d))}
.eott-gs .gs-k-text{font-size:.78rem;color:var(--grau);line-height:1.35}
.eott-gs .gs-frei .gs-k-titel{margin-top:2px;color:var(--wr-d)}
.eott-gs .gs-frei-feld{display:flex;align-items:center;gap:6px;font-family:Lora,Georgia,serif;font-size:1.35rem;color:var(--wr-d);margin:6px 0 2px}
.eott-gs .gs-frei-feld input{width:100%;max-width:110px;font:inherit;font-size:1.25rem;padding:4px 8px;border:1px solid var(--gold-h);border-radius:8px;background:#fff;color:var(--wr-d)}

/* Termine */
.eott-gs .gs-termine{display:flex;flex-direction:column;gap:8px;max-height:420px;overflow:auto;padding:2px}
.eott-gs .gs-termin{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:12px;background:#FFFCF8;border:1.5px solid var(--gold-h);border-left:5px solid var(--c,var(--gold-h));cursor:pointer;margin:0;transition:box-shadow .15s,background .15s}
.eott-gs .gs-termin:hover{box-shadow:0 4px 14px rgba(122,46,59,.10)}
.eott-gs .gs-termin:has(input:checked){background:var(--cl,#FFF6F0);border-color:var(--c,var(--wr));box-shadow:0 0 0 1px var(--c,var(--wr)) inset}
.eott-gs .gs-termin:has(input:focus-visible){outline:2px solid var(--wr);outline-offset:2px}
.eott-gs .gs-termin.t-n{--c:var(--n);--cl:var(--n-l);--ci:var(--n-i)}
.eott-gs .gs-termin.t-b{--c:var(--b);--cl:var(--b-l);--ci:var(--b-i)}
.eott-gs .gs-termin.t-p{--c:var(--p);--cl:var(--p-l);--ci:var(--p-i)}
.eott-gs .gs-termin.t-x{--c:var(--gold-h);--cl:#FFF6EA;--ci:var(--gold-k)}
.eott-gs .gs-termin.t-s{--c:var(--s);--cl:var(--s-l);--ci:var(--s-i)}
.eott-gs .gs-t-ico{flex:0 0 26px;width:26px;height:26px;color:var(--ci,var(--wr))}
.eott-gs .gs-t-ico svg{width:26px;height:26px}
.eott-gs .gs-t-txt{flex:1;min-width:0}
.eott-gs .gs-t-txt b{display:block;color:var(--wr-d);font-size:.95rem;line-height:1.3}
.eott-gs .gs-t-txt small{display:block;color:var(--grau);font-size:.8rem}
.eott-gs .gs-t-preis{text-align:right;font-weight:600;color:var(--wr-d);font-size:.92rem;white-space:nowrap}
.eott-gs .gs-t-preis small{display:block;font-weight:400;color:var(--grau);font-size:.72rem}
.eott-gs .gs-platz-wahl{margin-top:14px;align-items:flex-start}
.eott-gs .gs-zeile>.gs-anzahl{flex:0 0 130px}
.eott-gs .gs-anzahl select{width:100%;font:inherit;padding:9px 10px;border:1px solid var(--gold-h);border-radius:10px;background:#fff}
.eott-gs .gs-stufen{flex:1 1 300px;border:0;margin:0;padding:0;min-width:0}
.eott-gs .gs-stufen legend{font-size:.82rem;font-weight:600;color:var(--wr-d);padding:0;margin:0 0 6px}
.eott-gs .gs-stufen label{display:inline-flex;vertical-align:top;flex-direction:column;align-items:center;min-width:92px;padding:6px 10px;margin:0 6px 6px 0;border:1.5px solid var(--gold-h);border-radius:999px;background:#FFFCF8;cursor:pointer;font-size:.78rem;line-height:1.2}
.eott-gs .gs-stufen label:has(input:checked){border-color:var(--wr);background:#FFF6F0;box-shadow:0 0 0 1px var(--wr) inset}
.eott-gs .gs-stufen .s-n{color:var(--grau)}
.eott-gs .gs-stufen .s-p{font-weight:600;color:var(--wr-d);font-size:.9rem}
.eott-gs .gs-platz-info{margin-top:6px}

/* Gestaltung */
.eott-gs .gs-motive{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
@media (min-width:640px){.eott-gs .gs-motive{grid-template-columns:repeat(4,1fr)}}
.eott-gs .gs-motiv{display:block;cursor:pointer;margin:0;text-align:center}
.eott-gs .gs-motiv-bild{display:block;aspect-ratio:210/148;border-radius:10px;background-size:cover;background-position:center;border:2px solid transparent;box-shadow:0 2px 8px rgba(46,36,32,.12);transition:box-shadow .15s,border-color .15s}
.eott-gs .gs-motiv:hover .gs-motiv-bild{box-shadow:0 6px 16px rgba(46,36,32,.18)}
.eott-gs .gs-motiv input:checked~.gs-motiv-bild{border-color:var(--wr);box-shadow:0 0 0 2px var(--wr)}
.eott-gs .gs-motiv input:focus-visible~.gs-motiv-bild{outline:2px solid var(--wr);outline-offset:3px}
.eott-gs .gs-motiv-name{display:block;font-size:.8rem;color:var(--wr-d);margin-top:6px;line-height:1.3}

/* Felder */
.eott-gs .gs-zeile{display:flex;gap:12px;flex-wrap:wrap}
.eott-gs .gs-zeile>.gs-feld{flex:1 1 180px}
.eott-gs .gs-feld{display:block;margin:0 0 12px;position:relative}
.eott-gs .gs-feld>span{display:block;font-size:.82rem;font-weight:600;color:var(--wr-d);margin-bottom:4px}
.eott-gs .gs-feld>span small{font-weight:400;color:var(--grau)}
.eott-gs .gs-feld input[type=text],.eott-gs .gs-feld textarea{width:100%;font:inherit;font-size:1rem;padding:10px 12px;border:1px solid var(--gold-h);border-radius:10px;background:#fff;color:var(--ink)}
.eott-gs .gs-feld textarea{resize:vertical;min-height:84px;font-family:Lora,Georgia,serif;font-style:italic}
.eott-gs .gs-feld input:focus,.eott-gs .gs-feld textarea:focus,.eott-gs select:focus,.eott-gs .gs-frei-feld input:focus{outline:2px solid var(--sun);outline-offset:1px;border-color:var(--sun)}
.eott-gs .gs-zaehler{position:absolute;right:10px;bottom:8px;font-size:.72rem;color:var(--grau)}

/* Vorschau */
.eott-gs .gs-v-titel{font-size:.76rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-k);margin:0 0 8px}
.eott-gs .gs-card{width:100%;aspect-ratio:210/148;border-radius:8px;overflow:hidden;box-shadow:0 14px 34px rgba(46,36,32,.20),0 2px 6px rgba(46,36,32,.10);background:#FBF6F0 center/cover no-repeat}
.eott-gs .gs-c-inner{position:relative;width:100%;height:100%}
/* Positionen und Größen setzt gutschein.js in Millimetern – genau wie im PDF */
.eott-gs .gs-c-inner .pv{position:absolute;display:block;line-height:1;white-space:nowrap;margin:0}
.eott-gs .pv.lo{font-family:Lora,Georgia,serif;font-weight:600}
.eott-gs .pv.li{font-family:Lora,Georgia,serif;font-style:italic}
.eott-gs .pv.po{font-family:Poppins,sans-serif}
.eott-gs .pv.pv-rule,.eott-gs .pv.pv-line{background:#FDB016;border-radius:2px}
.eott-gs .pv.pv-line{background:#D4AF78;border-radius:0}
.eott-gs .pv.pv-box{background:#FFF1D2;border-style:dashed;border-color:#FDB016;box-sizing:border-box}
.eott-gs .gs-v-hinweis{font-size:.82rem;color:var(--grau);margin:12px 0 14px;text-align:center}
.eott-gs .gs-btn{display:flex;width:100%;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;padding:15px 26px;background:var(--sun);color:var(--wr-d);font:600 1.05rem/1.2 Poppins,sans-serif;cursor:pointer;box-shadow:0 8px 20px rgba(253,176,22,.35);transition:background .15s,transform .15s}
.eott-gs .gs-btn:hover{background:#E89A00}
.eott-gs .gs-btn:focus-visible{outline:2px solid var(--wr);outline-offset:3px}
.eott-gs .gs-btn::before{content:"🛒";font-size:1.05em}
.eott-gs .gs-btn-t,.eott-gs .gs-btn-b{white-space:nowrap}
.eott-gs .gs-v-klein{font-size:.8rem;color:var(--grau);text-align:center;margin:10px 0 0}

/* Gut zu wissen */
.eott-gs .gs-faq{max-width:760px;margin:46px auto 0}
.eott-gs .gs-faq h2{font-family:Lora,Georgia,serif;font-weight:600;color:var(--wr);font-size:1.6rem;text-align:center;margin:0 0 14px}
.eott-gs .gs-faq details{border-bottom:1px solid #E8DCCB;padding:12px 2px}
.eott-gs .gs-faq summary{cursor:pointer;font-weight:600;color:var(--wr-d);list-style:none;display:flex;justify-content:space-between;gap:12px}
.eott-gs .gs-faq summary::-webkit-details-marker{display:none}
.eott-gs .gs-faq summary::after{content:"+";color:var(--gold);font-size:1.3em;line-height:1}
.eott-gs .gs-faq details[open] summary::after{content:"–"}
.eott-gs .gs-faq details p{margin:8px 0 2px;color:#4A3A33;font-size:.95rem}
.eott-gs .gs-faq a{color:var(--wr)}
.eott-gs .gs-rest-form{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.eott-gs .gs-rest-form input{flex:1 1 220px;font:inherit;padding:9px 12px;border:1px solid var(--gold-h);border-radius:10px;background:#fff}
.eott-gs .gs-rest-form button{border:0;border-radius:999px;padding:9px 20px;background:var(--sun);color:var(--wr-d);font:600 .95rem Poppins,sans-serif;cursor:pointer}
.eott-gs .gs-rest-form button:hover{background:#E89A00}
.eott-gs .gs-rest-out{font-weight:500;color:var(--wr-d)}
@media (max-width:520px){.eott-gs .gs-art{grid-template-columns:1fr}.eott-gs .gs-hero{padding-top:30px}.eott-gs .gs-steps{display:inline-flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left}.eott-gs .gs-kacheln{grid-template-columns:1fr 1fr;gap:8px}.eott-gs .gs-kachel{padding:12px 11px 10px}.eott-gs .gs-k-betrag{font-size:1.35rem}.eott-gs .gs-btn{font-size:.98rem;padding:14px 16px}.eott-gs .gs-lead{font-size:1.04rem}}
.eott-gs .gs-18{display:block;font-style:normal;font-family:Poppins,sans-serif;font-size:.86rem;color:#6E584F;margin-top:8px}