/* NEXUS GreenSeal V3.7 – Ergänzung zu gs.css. Präfix: gsx-
   1) Unterlagen werden zum Profil  2) Hotelprofil-Vorschau für Gäste  3) Blätter-Systematik zum Anklicken  4) Prüfstempel */
.gsx-dark,.gsx-guest,.gsx-rating,#gs-levels{--gsx-g:#2BD6A0;--gsx-m:#9EF0C9;--gsx-l:#D6FBC4;--gsx-d:#16865D;--gsx-f:#0B2320;--gsx-amber:#E4A11C;--gsx-ease:cubic-bezier(.2,.7,.2,1)}
.gsx-dark svg,.gsx-guest svg,.gsx-rating svg,#gs-levels svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.gs-section h2,.gs-section h3,.gs-contact h3{hyphens:auto;overflow-wrap:break-word}

/* ================= 1) Kleinere Hotels (dunkel) ================= */
.gs-section.gsx-dark{background:radial-gradient(ellipse at 90% 0%,rgba(43,214,160,.16),rgba(11,35,32,0) 50%),linear-gradient(170deg,#0D2A26,#081A18);color:#fff}
.gsx-dark .gs-dark{color:var(--gsx-m)}
.gsx-dark h2 em{color:var(--gsx-m)}
.gsx-dark .gs-body{color:#B8D0C8}.gsx-dark .gs-body strong{color:#fff}
.gsx-sort{margin:0 0 22px;display:grid;grid-template-columns:minmax(0,.9fr) 60px minmax(0,1.1fr);align-items:stretch;padding:clamp(18px,2.6vw,28px);border-radius:26px;background:rgba(255,255,255,.035);border:1px solid rgba(158,240,201,.16)}
.gsx-col-k{margin:0 0 12px;font-size:.8rem;font-weight:700;color:#8FB5A9}
.gsx-profile .gsx-col-k{color:var(--gsx-m)}
.gsx-docs{list-style:none;margin:0;padding:6px 0 0;display:flex;flex-wrap:wrap;gap:10px;align-content:flex-start}
.gsx-doc{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:8px;background:#F7F4EC;color:#3A3A2E;font-size:.82rem;font-weight:650;box-shadow:0 8px 18px rgba(0,0,0,.35);transform:rotate(var(--r));transition:opacity .4s}
.gsx-doc span{display:grid;place-items:center;color:#8A7F63}.gsx-doc svg{width:16px;height:16px}
.gsx-doc.is-gone{opacity:.14;filter:grayscale(1)}
.gsx-arrow{display:grid;place-items:center}
.gsx-arrow i{position:relative;width:34px;height:2px;background:rgba(158,240,201,.3)}
.gsx-arrow i::after{content:"";position:absolute;right:-1px;top:-4px;width:8px;height:8px;border-top:2px solid rgba(158,240,201,.5);border-right:2px solid rgba(158,240,201,.5);transform:rotate(45deg)}
.gsx-profile{display:grid;gap:8px;align-content:start;padding:16px;border-radius:18px;background:#fff;color:var(--tinte)}
.gsx-profile .gsx-col-k{color:var(--gsx-d);margin-bottom:4px}
.gsx-row{padding:10px 12px;border-radius:12px;background:#F4F8F6;border:1px solid #E1ECE6;transition:border-color .4s,background .4s}
.gsx-row-h{display:flex;justify-content:space-between;align-items:center;gap:8px}
.gsx-row-h b{font-size:.9rem}
.gsx-st{display:none;padding:2px 9px;border-radius:999px;font-style:normal;font-size:.7rem;font-weight:700}
.gsx-st-ok{background:#DDF6EA;color:#136C49}.gsx-st-miss{background:#FFF1D2;color:#8A5A00}
.gsx-sort.is-proof .gsx-row[data-state="ok"] .gsx-st-ok,.gsx-sort.is-proof .gsx-row[data-state="miss"] .gsx-st-miss{display:inline-block;animation:gsxPop .4s cubic-bezier(.3,1.5,.5,1)}
.gsx-sort.is-proof .gsx-row[data-state="ok"]{border-color:#9FDDC2;background:#F0FAF5}
.gsx-sort.is-proof .gsx-row[data-state="miss"]{border-color:#F2D593;background:#FFFBF0}
.gsx-slots{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px;min-height:6px}
.gsx-slots li:empty{display:none}
.gsx-slots li{padding:4px 9px;border-radius:7px;background:#fff;border:1px solid #DDE8E2;font-size:.76rem;font-weight:600;color:#3E5068}
.gsx-result{display:flex;align-items:center;gap:12px;margin-top:6px;padding:12px 14px;border-radius:14px;background:linear-gradient(135deg,#0D2A26,#133B34);color:#fff;opacity:.25;transition:opacity .5s}
.gsx-sort.is-show .gsx-result{opacity:1}
.gsx-result b{display:block;font-size:.9rem}.gsx-result small{display:block;font-size:.72rem;color:#9CC4B7}
.gsx-leaves{display:flex;gap:3px}
.gsx-leaf{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.06);color:#3E6358;transition:background .4s calc(var(--i)*.15s),color .4s calc(var(--i)*.15s)}
.gsx-leaf svg{width:13px;height:13px}
.gsx-sort.is-show .gsx-leaf:nth-child(-n+2){background:var(--gsx-g);color:#08231C}
.gsx-sort-bar{grid-column:1 / -1;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:14px}
.gsx-live{margin:0;font-weight:600;font-size:.92rem;color:#D9EFE6;min-height:1.4em}
.gsx-replay{padding:8px 16px;border-radius:999px;border:1px solid rgba(158,240,201,.4);background:transparent;color:#D9EFE6;font-size:.86rem;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .4s}
.gsx-sort.is-done .gsx-replay{opacity:1;pointer-events:auto}
.gsx-dark .gs-benefits article{background:rgba(255,255,255,.04);border:1px solid rgba(158,240,201,.16);transition:border-color .4s,background .4s,transform .4s var(--gsx-ease)}
.gsx-dark .gs-benefits article::before,.gsx-dark .gs-benefits article::after{display:none}
.gsx-dark .gs-benefits h3{color:#fff}.gsx-dark .gs-benefits p{color:#B8D0C8}.gsx-dark .gs-benefits strong{color:#fff}
.gsx-dark .gs-k{color:var(--gsx-m)}
.gsx-phases article.is-now{border-color:var(--gsx-g);background:rgba(43,214,160,.1);transform:translateY(-4px)}

/* ================= 2) Gästeansicht ================= */
.gs-section.gsx-guest{background:radial-gradient(ellipse at 10% 0%,rgba(43,214,160,.12),rgba(255,255,255,0) 45%),linear-gradient(180deg,#F5FAF7,#EDF5F1)}
.gsx-show{max-width:880px;margin:10px auto 0}
.gsx-browser{border-radius:18px;overflow:hidden;background:#fff;border:1px solid #D8E6DF;box-shadow:0 40px 90px rgba(11,35,32,.16)}
.gsx-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#EEF3F0;border-bottom:1px solid #DDE8E2}
.gsx-bar i{width:10px;height:10px;border-radius:50%;background:#CDD8D2}
.gsx-bar span{margin-left:10px;padding:4px 12px;border-radius:8px;background:#fff;font-size:.74rem;color:#6B7B72}
.gsx-site{position:relative}
.gsx-hotel-hero{height:200px;display:flex;align-items:flex-end;padding:22px 26px 56px;color:#fff;background:linear-gradient(180deg,rgba(8,26,24,0) 30%,rgba(8,26,24,.75)),radial-gradient(ellipse at 70% 20%,#E9C98A 0%,rgba(233,201,138,0) 40%),linear-gradient(160deg,#6F8E5A 0%,#3F6B4E 45%,#23443A 100%)}
.gsx-hotel-hero small{display:block;font-size:.8rem;opacity:.85}.gsx-hotel-hero b{display:block;font-size:1.7rem;letter-spacing:-.02em}.gsx-hotel-hero span{font-size:.72rem;opacity:.75}
.gsx-widget{position:relative;margin:-38px 22px 22px;padding:0;border-radius:18px;background:#fff;border:1px solid #DDE8E2;box-shadow:0 20px 40px rgba(11,35,32,.14);overflow:hidden}
.gsx-badge{display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;border:0;background:#fff;text-align:left;cursor:pointer}
.gsx-badge-seal{position:relative;display:grid;place-items:center;flex:0 0 52px;height:52px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#3FE0AE,#12795A);color:#fff;box-shadow:0 0 0 4px #E3F7EE}
.gsx-badge-seal svg{width:24px;height:24px}
.gsx-widget.is-in .gsx-badge-seal{animation:gsxSeal 1s cubic-bezier(.3,1.4,.5,1)}
.gsx-badge-t{flex:1;min-width:0}
.gsx-badge-t>b{display:block;font-size:1rem;color:var(--tinte)}
.gsx-badge-t small{display:block;font-size:.76rem;color:#5B6B62}
.gsx-badge-leaves{display:flex;gap:2px;margin:2px 0}
.gsx-badge-leaves i{display:grid;place-items:center;width:18px;height:18px;color:#CBD9D1}
.gsx-badge-leaves i.on{color:var(--gsx-d)}
.gsx-badge-leaves svg{width:14px;height:14px}
.gsx-widget.is-in .gsx-badge-leaves i.on{animation:gsxPop .5s cubic-bezier(.3,1.6,.5,1) backwards}
.gsx-widget.is-in .gsx-badge-leaves i.on:nth-child(2){animation-delay:.15s}.gsx-widget.is-in .gsx-badge-leaves i.on:nth-child(3){animation-delay:.3s}
.gsx-badge-more{flex:0 0 auto;padding:7px 12px;border-radius:999px;background:#E3F7EE;color:var(--gsx-d);font-size:.8rem;font-weight:700}
.gsx-badge[aria-expanded="true"] .gsx-badge-more{background:var(--gsx-d);color:#fff}
.gsx-detail{display:grid;grid-template-rows:0fr;transition:grid-template-rows .6s var(--gsx-ease);border-top:1px solid transparent}
.gsx-detail>*{min-height:0}
.gsx-widget.is-open .gsx-detail{grid-template-rows:1fr;border-top-color:#E6EFEA}
.gsx-detail-in{overflow:hidden}
.gsx-filter{display:flex;flex-wrap:wrap;gap:6px;padding:14px 16px 6px;overflow:hidden}
.gsx-filter button{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;border:1px solid #DDE8E2;background:#fff;font-size:.76rem;font-weight:650;color:#4C5D54;cursor:pointer}
.gsx-filter button[aria-pressed="true"]{border-color:var(--gsx-d);background:#EAF7F1;color:#0F4F38}
.gsx-filter i{width:9px;height:9px;border-radius:50%}
.gsx-ms{list-style:none;margin:0;padding:6px 16px 16px;display:grid;gap:6px;overflow:hidden}
.gsx-m{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 12px;border-radius:12px;background:#F7FAF8;border:1px solid #E6EFEA;transition:opacity .35s,transform .35s,border-color .35s}
.gsx-m-dot{width:10px;height:10px;border-radius:50%}
.gsx-m[data-lv="self"] .gsx-m-dot,.gsx-lv-self{background:#9AA8A0}
.gsx-m[data-lv="doc"] .gsx-m-dot,.gsx-lv-doc{background:var(--gsx-g)}
.gsx-m[data-lv="ver"] .gsx-m-dot,.gsx-lv-ver{background:#12795A}
.gsx-m b{display:block;font-size:.88rem;color:var(--tinte)}.gsx-m small{display:block;font-size:.74rem;color:#6B7B72}
.gsx-lv{padding:3px 10px;border-radius:999px;font-style:normal;font-size:.7rem;font-weight:700;white-space:nowrap}
em.gsx-lv-self{background:#EEF1EF;color:#4C5D54}
em.gsx-lv-doc{background:#DDF6EA;color:#136C49}
em.gsx-lv-ver{background:#12795A;color:#fff}
.gsx-ms.is-filter .gsx-m:not(.is-match){opacity:.3}
.gsx-ms.is-filter .gsx-m.is-match{border-color:#9FDDC2;transform:translateX(4px)}
.gsx-show-cap{margin:12px 0 0;text-align:center;font-size:.78rem;color:#6B7B72}

/* ================= 3) Blätter-Systematik (dunkel) ================= */
.gs-section.gsx-rating{background:radial-gradient(ellipse at 20% 50%,rgba(43,214,160,.14),rgba(11,35,32,0) 50%),linear-gradient(170deg,#0B2320,#071715);color:#fff}
.gsx-rating .gs-dark{color:var(--gsx-m)}
.gsx-rating h2 em{color:var(--gsx-m)}
.gsx-rating .gs-body{color:#B8D0C8}.gsx-rating .gs-body strong{color:#fff}
.gsx-rating .gs-micro{color:#8FB5A9}
.gsx-rgrid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(24px,5vw,64px);align-items:center;margin-bottom:22px}
.gsx-rseal{margin:0;position:relative;max-width:400px;width:100%;justify-self:center}
.gsx-rseal svg{display:block;width:100%;height:auto;overflow:visible}
.gsx-rs-ring{stroke:rgba(158,240,201,.18);stroke-width:2;fill:none}
.gsx-rs-ring2{stroke:rgba(158,240,201,.1);stroke-width:1;stroke-dasharray:3 7;fill:none}
.gsx-stem{stroke:#3E6B5C;stroke-width:5;fill:none}
.gsx-bl-b{fill:rgba(255,255,255,.03);stroke:rgba(158,240,201,.25);stroke-width:1.6;stroke-dasharray:4 5;transition:fill .6s,stroke .6s}
.gsx-bl-v{stroke:rgba(158,240,201,.2);stroke-width:1.4}
.gsx-bl{transform-box:fill-box;transform-origin:50% 100%}
.gsx-bl.is-on .gsx-bl-b{fill:#2BD6A0;stroke:#D6FBC4;stroke-dasharray:none;filter:drop-shadow(0 0 14px rgba(43,214,160,.55))}
.gsx-bl.is-on .gsx-bl-v{stroke:#0B4A38}
.gsx-bl.is-grow{animation:gsxGrow .7s cubic-bezier(.3,1.5,.5,1)}
.gsx-rseal figcaption{position:absolute;left:0;right:0;bottom:6%;display:grid;justify-items:center;gap:0;text-align:center}
.gsx-rseal figcaption b{font-size:2.6rem;line-height:1;font-weight:800;color:#fff;font-variant-numeric:tabular-nums}
.gsx-rseal figcaption span{font-size:.95rem;font-weight:650;color:var(--gsx-m)}
.gsx-rseal figcaption small{margin-top:6px;font-size:.72rem;color:#8FB5A9}
.gsx-rtabs{display:grid;gap:10px}
.gsx-rtab{position:relative;overflow:hidden;padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid rgba(158,240,201,.14);cursor:pointer;transition:border-color .3s,background .3s}
.gsx-rtab:hover{border-color:rgba(158,240,201,.4)}
.gsx-rtab:focus-visible{outline:2px solid var(--gsx-m);outline-offset:2px}
.gsx-rtab[aria-selected="true"]{border-color:var(--gsx-g);background:rgba(43,214,160,.1)}
.gsx-rtab .gs-k{margin:0 0 2px;color:var(--gsx-m)}
.gsx-rtab h3{margin:0;font-size:1.06rem;color:#fff}
.gsx-rtab p:not(.gs-k){margin:0;color:#B8D0C8;font-size:.9rem;line-height:1.6;max-height:0;opacity:0;overflow:hidden;transition:max-height .5s var(--gsx-ease),opacity .4s,margin .4s}
.gsx-rtab[aria-selected="true"] p:not(.gs-k){max-height:140px;opacity:1;margin-top:6px}
.gsx-rbar{position:absolute;left:0;bottom:0;height:3px;width:100%;background:linear-gradient(90deg,var(--gsx-m),var(--gsx-g));transform:scaleX(0);transform-origin:left}
.gsx-rating.gsx-auto .gsx-rtab[aria-selected="true"] .gsx-rbar{animation:gsxBar 3200ms linear forwards}

/* ================= 4) Basis / Verified ================= */
.gs-benefits.gsx-levels{grid-template-columns:minmax(0,1fr) 150px minmax(0,1fr);align-items:stretch}
.gsx-lv-mid{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}
.gsx-lv-mid i{flex:1;width:2px;min-height:24px;background:linear-gradient(#CFE6DB,#16865D)}
.gsx-lv-mid i:last-child{background:linear-gradient(#16865D,#CFE6DB)}
.gsx-lv-mid span{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;font-size:.76rem;font-weight:700;color:#16865D}
.gsx-lv-mid svg{width:36px;height:36px;padding:8px;border-radius:50%;background:#E3F7EE}
.gsx-lv-ver{position:relative;border-color:#9FDDC2!important;box-shadow:0 22px 50px rgba(22,134,93,.14)}
.gsx-stamp{position:absolute;right:16px;top:16px;display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:10px;border:2px solid #16865D;color:#16865D;font-size:.76rem;font-weight:800;transform:rotate(-8deg) scale(1);opacity:1}
.gsx-stamp svg{width:14px;height:14px;stroke-width:2.6}
#gsxLevels.is-wait .gsx-stamp{opacity:0;transform:rotate(-8deg) scale(1.8)}
#gsxLevels.is-in .gsx-stamp{animation:gsxStamp .6s cubic-bezier(.3,1.4,.5,1) .5s backwards}

@keyframes gsxPop{from{transform:scale(.5);opacity:0}to{transform:none;opacity:1}}
@keyframes gsxSeal{0%{transform:scale(.4) rotate(-40deg)}100%{transform:none}}
@keyframes gsxGrow{0%{transform:scale(.2)}100%{transform:none}}
@keyframes gsxBar{to{transform:scaleX(1)}}
@keyframes gsxStamp{0%{opacity:0;transform:rotate(-8deg) scale(1.8)}100%{opacity:1;transform:rotate(-8deg) scale(1)}}

@media(max-width:960px){
  .gsx-sort{grid-template-columns:minmax(0,1fr)}
  .gsx-arrow i{transform:rotate(90deg);margin:10px 0}
  .gsx-rgrid{grid-template-columns:minmax(0,1fr)}
  .gsx-rseal{max-width:300px}
  .gs-benefits.gsx-levels{grid-template-columns:minmax(0,1fr)}
  .gsx-lv-mid{flex-direction:row}.gsx-lv-mid i{height:2px;width:auto;min-height:0;flex:1}
}
@media(max-width:600px){
  .gsx-doc{font-size:.74rem;padding:7px 9px}
  .gsx-hotel-hero{height:150px;padding:16px}.gsx-hotel-hero b{font-size:1.3rem}
  .gsx-widget{margin:-30px 10px 12px}
  .gsx-badge{flex-wrap:wrap;gap:10px}.gsx-badge-more{margin-left:66px}
  .gsx-m{grid-template-columns:10px minmax(0,1fr)}.gsx-m em{grid-column:2;justify-self:start}
  .gsx-bar span{font-size:.66rem}
}
@media(prefers-reduced-motion:reduce){
  .gsx-dark *,.gsx-guest *,.gsx-rating *,#gs-levels *{animation:none!important;transition:none!important}
}
.gsx-lv-mid{flex-direction:row;gap:6px}
.gsx-lv-mid i{flex:1;height:2px;width:auto;min-height:0;background:linear-gradient(90deg,#CFE6DB,#16865D)}
.gsx-lv-mid i:last-child{position:relative;background:linear-gradient(90deg,#16865D,#16865D)}
.gsx-lv-mid i:last-child::after{content:"";position:absolute;right:-1px;top:-4px;width:8px;height:8px;border-top:2px solid #16865D;border-right:2px solid #16865D;transform:rotate(45deg)}
@media(max-width:960px){.gsx-lv-mid{padding:4px 20%}.gsx-lv-mid i:last-child::after{top:auto;bottom:-6px;right:50%;transform:translateX(50%) rotate(135deg)}}
.gs-benefits.gsx-levels{grid-template-columns:minmax(0,1fr) 190px minmax(0,1fr)}
.gsx-lv-mid span{flex:0 0 auto;max-width:84px;line-height:1.25}
@media(max-width:960px){.gs-benefits.gsx-levels{grid-template-columns:minmax(0,1fr)}}
