/* ==========================================================================
   Gadebusch × GADORO: Der Wendekatalog. Ergänzungen zum YOOtheme-Template
   --------------------------------------------------------------------------
   Schriften, Überschriften, Buttons und Formularfelder kommen vom Template
   (uk-*). Hier steht nur, was das Template nicht kennt: der Titel als Buch
   im Raum, die geteilte Bildfläche zur Wende, die schwebende Seitenfläche,
   der Blätterkatalog mit Kapiteln, das Zitatband und das Formular.
   Alle Klassen beginnen mit gkw-; keine Regeln für html, body, uk-*, tm-*.
   --gkw-top ist die Höhe des fixierten Website-Headers (misst gkw.js).
   ========================================================================== */

.gkw{--gkw-top:0px;--gkw-vh:calc(100vh - var(--gkw-top));--gkw-orange:#e96724;--gkw-sage:#82aa96;--gkw-sage-dark:#5f8a74;--gkw-gold:#a89058;--gkw-brown:#2e2117;--gkw-ink:#1b140e;--gkw-paper:#f7f3ee;--gkw-greige:#e3dcd1;--gkw-ease:cubic-bezier(.22,.61,.36,1);--gkw-ease-io:cubic-bezier(.65,0,.35,1);--gkw-section:clamp(88px,12vh,160px);position:relative;color:var(--gkw-brown);background:#fff}
@supports (height:100svh){.gkw{--gkw-vh:calc(100svh - var(--gkw-top))}}
.gkw [id^="gkw-"]{scroll-margin-top:var(--gkw-top)}
.gkw img{max-width:100%;height:auto}
.gkw .uk-container{position:relative}
.gkw-section{padding:var(--gkw-section) 0}

.gkw-label{font-family:Interstate,"Helvetica Neue",Arial,sans-serif;font-size:11px;font-weight:400;line-height:1.6;letter-spacing:2px;text-transform:uppercase}
.gkw-label--orange{color:var(--gkw-orange)}
.gkw-label--sage{color:var(--gkw-sage-dark)}
.uk-light .gkw-label--sage{color:var(--gkw-sage)}
.gkw-label--soft{opacity:.6}
.gkw-italic,.gkw .gkw-italic{font-family:"JZRCGO+Chapman-RegularItalic","NFFAKG+Chapman",Georgia,serif;font-style:italic;font-weight:400}
.gkw-em-break em{display:block}
.gkw-hint{font-size:13px;line-height:1.6;opacity:.68}
.gkw-head{max-width:720px}
.gkw-head--center{margin-left:auto;margin-right:auto;text-align:center}
.gkw-head h2{margin:0}
.gkw-head .uk-text-lead{margin-top:24px}
.gkw-head .gkw-label{margin-bottom:14px}
.gkw-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.gkw-actions .uk-button{white-space:nowrap}
@media (max-width:479px){.gkw-actions{flex-direction:column;align-items:stretch}.gkw-actions .uk-button{width:100%}}
.gkw .uk-button-primary{background:var(--gkw-brown);color:#fff;border-color:transparent}
@media (hover:hover){.gkw .uk-button-primary:hover{background:var(--gkw-orange);color:#fff}}
.gkw .uk-button-default{background:transparent;color:var(--gkw-brown);border:1px solid rgba(46,33,23,.4)}
@media (hover:hover){.gkw .uk-button-default:hover{background:var(--gkw-brown);color:#fff;border-color:var(--gkw-brown)}}
.gkw .uk-button-text{color:var(--gkw-brown)}
.gkw-btn-wende{display:inline-flex;align-items:center;justify-content:center;gap:10px}
.gkw-btn-wende svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;flex:none}
@keyframes gkw-rise{from{opacity:0;transform:translateY(.35em)}to{opacity:1;transform:none}}

/* ---------- 01 Kopfbereich ----------
   Links die Typografie, rechts der Katalog als Buch im Raum: er wiegt sich leicht,
   folgt am Desktop um wenige Grad der Maus und wendet sich auf Klick um die Querachse,
   so wie man einen Wendekatalog in der Hand dreht. Darunter beide Häuser als Schalter. */
.gkw-hero{position:relative;min-height:var(--gkw-vh);display:flex;align-items:center;overflow:hidden;overflow:clip;background:#e4ddd2 linear-gradient(160deg,#eee9e1 0%,#e2dbcf 45%,#d0c5b5 100%)}
.gkw-hero::before,.gkw-hero::after{content:"";position:absolute;left:-20%;top:-20%;width:140%;height:140%;pointer-events:none;will-change:transform}
.gkw-hero::before{background:radial-gradient(36% 40% at 62% 46%,#fbf8f3 0%,rgba(251,248,243,.6) 35%,rgba(251,248,243,0) 100%);animation:gkw-light-a 16s ease-in-out infinite alternate}
.gkw-hero::after{background:radial-gradient(34% 38% at 20% 80%,rgba(186,170,150,.75) 0%,rgba(186,170,150,0) 100%),radial-gradient(28% 32% at 86% 12%,rgba(255,251,245,.85) 0%,rgba(255,251,245,0) 100%);animation:gkw-light-b 21s ease-in-out infinite alternate}
@keyframes gkw-light-a{from{transform:translate3d(-6%,-4%,0) scale(1)}to{transform:translate3d(6%,5%,0) scale(1.12)}}
@keyframes gkw-light-b{from{transform:translate3d(4%,3%,0)}to{transform:translate3d(-6%,-5%,0) scale(1.1)}}
.gkw-hero__inner{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr);gap:40px;align-items:center;width:100%;box-sizing:border-box;padding-top:clamp(32px,5vh,80px);padding-bottom:clamp(32px,5vh,80px)}
.gkw-hero__text{max-width:560px}
.gkw .gkw-hero__label{margin-bottom:22px;font-size:13px;letter-spacing:2.6px;line-height:1.5;white-space:nowrap}
.gkw .gkw-hero__text h1{margin:0;font-size:clamp(42px,4.7vw,78px);line-height:1.06;animation:gkw-rise 1.4s var(--gkw-ease) both}
.gkw-hero__text h1 span,.gkw-hero__text h1 em,.gkw-hero__label-line{white-space:nowrap}
.gkw-hero__text h1 em{animation:gkw-rise 1.4s var(--gkw-ease) .12s both}
.gkw-hero__lead{margin:26px 0 0;max-width:460px}
.gkw-hero__text .gkw-actions{margin-top:32px}
.gkw-hero__order{margin:18px 0 0;font-size:14px}
.gkw-hero__order a{color:var(--gkw-brown);text-decoration:underline;text-underline-offset:4px;text-decoration-color:rgba(46,33,23,.35)}
@media (hover:hover){.gkw-hero__order a:hover{color:var(--gkw-orange);text-decoration-color:currentColor}}
.gkw-hero__stage{display:grid;justify-items:center;gap:clamp(22px,3.5vh,40px);padding:10px 0}
@media (min-width:960px){.gkw-hero__inner{grid-template-columns:minmax(0,11fr) minmax(0,13fr);gap:clamp(30px,5vw,90px)}}
@media (max-width:959px){
  .gkw-hero{min-height:0}
  .gkw-hero__inner{gap:0}
  .gkw-hero__text{display:contents}
  .gkw-hero__label{order:1}
  .gkw-hero__text h1{order:2}
  .gkw-hero__lead{order:3}
  .gkw-hero__stage{order:4;margin-top:34px;padding:0}
  .gkw-hero__text .gkw-actions{order:5;margin-top:30px}
  .gkw-hero__order{order:6}
  .gkw-titel{--bw:min(68vw,340px)}
  .gkw-hero__label,.gkw-hero__text h1,.gkw-hero__lead,.gkw-hero__order{text-align:center}
  .gkw-hero__lead{margin-left:auto;margin-right:auto}
  .gkw-hero__text .gkw-actions{justify-content:center}
  /* Dachzeile in zwei Zeilen: "Der neue Katalog" / "von Gadebusch und GADORO" */
  .gkw .gkw-hero__label{white-space:normal}
  .gkw-hero__label-line{display:block}
}
/* Das Buch: sechs Flächen eines Quaders. Vorn Gadebusch, hinten GADORO (kopfüber zum Vorderdeckel,
   wie beim gedruckten Wendekatalog), links der Rücken, rechts und oben und unten der Schnitt. */
.gkw-titel{--bw:min(clamp(240px,30vw,460px),calc((var(--gkw-vh) - 250px) * 3 / 4));--bh:calc(var(--bw) * 4 / 3);--bd:calc(var(--bw) * .05);position:relative;width:var(--bw);height:var(--bh);perspective:1900px;perspective-origin:50% 42%;cursor:pointer;-webkit-tap-highlight-color:transparent}
/* Der Schatten ist ein Farbverlauf, kein blur()-Filter: Safari auf dem iPhone zeichnet einen animierten Filter nach dem Wenden nicht neu */
.gkw-titel__shadow{position:absolute;left:-4%;right:-30%;top:6%;bottom:-28%;background:radial-gradient(closest-side,rgba(44,31,20,.42) 0,rgba(44,31,20,.42) 48%,rgba(44,31,20,.23) 68%,rgba(44,31,20,.08) 86%,rgba(44,31,20,0) 100%);transform:translate3d(calc(var(--rx,0) * -8px),calc(var(--ry,0) * -6px),0) scale(.9,.88);transition:transform .6s var(--gkw-ease);pointer-events:none}
.gkw-titel.gkw-is-flipping .gkw-titel__shadow{animation:gkw-titel-shadow 1.4s var(--gkw-ease-io) both}
@keyframes gkw-titel-shadow{0%{transform:scale(.9,.88)}50%{transform:scale(.86,.4);opacity:.55}100%{transform:scale(.9,.88)}}
.gkw-titel__sway,.gkw-titel__tilt,.gkw-titel__box{position:absolute;inset:0;transform-style:preserve-3d}
.gkw-titel__sway{animation:gkw-sway 11s ease-in-out infinite alternate}
@keyframes gkw-sway{from{transform:rotateY(-9deg) rotateX(2.4deg)}to{transform:rotateY(-3deg) rotateX(-.4deg)}}
.gkw-titel__tilt{transform:rotateX(calc(var(--ry,0) * -4deg)) rotateY(calc(var(--rx,0) * 6deg));transition:transform .5s var(--gkw-ease);will-change:transform}
.gkw-titel__box{transition:transform 1.4s var(--gkw-ease-io)}
.gkw-titel.gkw-is-gd .gkw-titel__box{transform:rotateX(180deg)}
.gkw-titel__face{position:absolute;overflow:hidden;background:#fff;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.gkw-titel__face--front,.gkw-titel__face--back{inset:0}
.gkw-titel__face--front{transform:translateZ(calc(var(--bd) / 2))}
.gkw-titel__face--back{transform:rotateX(180deg) translateZ(calc(var(--bd) / 2))}
.gkw-titel__face img{display:block;width:100%;height:100%;object-fit:cover}
.gkw-titel__face--front::after,.gkw-titel__face--back::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(0,0,0,.05);background:linear-gradient(100deg,rgba(0,0,0,.07) 0%,rgba(0,0,0,0) 32%,rgba(0,0,0,0) 62%,rgba(0,0,0,.1) 100%) no-repeat;background-size:200% 100%;background-position:calc(50% + var(--rx,0) * -50%) 0;pointer-events:none}
.gkw-titel__face--spine,.gkw-titel__face--edge{top:0;bottom:0;left:calc(50% - var(--bd) / 2);width:var(--bd)}
.gkw-titel__face--spine{transform:rotateY(-90deg) translateZ(calc(var(--bw) / 2));display:flex;flex-direction:column;justify-content:space-between;align-items:center;box-sizing:border-box;padding:7% 0;background:linear-gradient(90deg,#e8e2da,#fdfcfa 35%,#fdfcfa 65%,#e6e0d7)}
.gkw-titel__face--spine span{writing-mode:vertical-rl;font-family:Interstate,"Helvetica Neue",Arial,sans-serif;font-size:calc(var(--bd) * .5);letter-spacing:.3em;text-transform:uppercase;color:#cfc6b8;white-space:nowrap}
.gkw-titel__face--spine span:first-child{transform:rotate(180deg)}
.gkw-titel__face--edge{transform:rotateY(90deg) translateZ(calc(var(--bw) / 2));background:repeating-linear-gradient(90deg,#f7f3ed 0 1px,#dad3c8 1px 2px)}
.gkw-titel__face--top,.gkw-titel__face--bottom{left:0;right:0;top:calc(50% - var(--bd) / 2);height:var(--bd)}
.gkw-titel__face--top{transform:rotateX(90deg) translateZ(calc(var(--bh) / 2));background:repeating-linear-gradient(180deg,#f7f3ed 0 1px,#dad3c8 1px 2px)}
.gkw-titel__face--bottom{transform:rotateX(-90deg) translateZ(calc(var(--bh) / 2));background:repeating-linear-gradient(180deg,#efeae2 0 1px,#cfc7bb 1px 2px)}
/* Beide Häuser als Schalter unter dem Buch: Wortmarken einfarbig, aktiv voll, inaktiv abgeschwächt */
.gkw-brands{display:flex;align-items:center;justify-content:center;gap:clamp(18px,3.4vw,40px)}
.gkw-brands__btn{display:block;margin:0;padding:10px 6px 12px;border:0;border-bottom:1px solid transparent;background:none;color:var(--gkw-brown);cursor:pointer;opacity:.3;transition:opacity .4s,border-color .4s;-webkit-appearance:none;appearance:none}
/* Beide Wortmarken sind normale Bilder in der Hausfarbe (keine CSS-Maske: Chrome lädt Masken nicht,
   wenn die Seite direkt aus dem Finder geöffnet wird) */
.gkw-brands__logo{display:block;width:clamp(118px,12vw,160px)}
.gkw-brands__logo img{display:block;width:100%;height:auto}
.gkw-brands__btn--gd .gkw-brands__logo{width:clamp(104px,10.5vw,140px)}
@media (hover:hover){.gkw-brands__btn:hover{opacity:.6}}
.gkw-brands__btn.gkw-is-active{opacity:1;border-bottom-color:rgba(46,33,23,.5)}
.gkw-brands__btn:focus,.gkw-brands__wende:focus{outline:none}
.gkw-brands__btn:focus-visible,.gkw-brands__wende:focus-visible{outline:2px solid var(--gkw-orange);outline-offset:4px}
.gkw-brands__wende{display:grid;place-items:center;width:46px;height:46px;margin:0;padding:0;border:1px solid rgba(46,33,23,.3);border-radius:50%;background:transparent;color:var(--gkw-brown);cursor:pointer;transition:background-color .3s,color .3s,border-color .3s,transform 1.4s var(--gkw-ease-io);-webkit-appearance:none;appearance:none}
.gkw-brands__wende svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
@media (hover:hover){.gkw-brands__wende:hover{background:var(--gkw-brown);color:#fff;border-color:var(--gkw-brown)}}
.gkw-titel.gkw-is-gd ~ .gkw-brands .gkw-brands__wende{transform:rotate(180deg)}

/* ---------- 02 Von vorn Gadebusch, gewendet GADORO: zwei Bildflächen bis an den Rand, je mit Wortmarke ---------- */
.gkw-wende{padding-bottom:0;background:#fff}
.gkw-split{position:relative;display:grid;grid-template-columns:1fr;margin-top:clamp(36px,6vh,64px)}
.gkw-split__panel{position:relative;display:block;height:min(78vh,760px);min-height:460px;overflow:hidden;color:#fff;text-decoration:none;background:var(--gkw-ink)}
.gkw-split__panel:hover,.gkw-split__panel:focus-visible{color:#fff;text-decoration:none;outline:none}
.gkw-split__panel > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.03);transition:transform 2s var(--gkw-ease)}
.gkw-split__panel:hover > img{transform:scale(1.08)}
.gkw-split__panel::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,11,7,.78) 0%,rgba(16,11,7,.42) 34%,rgba(16,11,7,0) 58%);pointer-events:none}
.gkw-split__panel--gd::after{background:linear-gradient(0deg,rgba(16,11,7,.8) 0%,rgba(16,11,7,.44) 34%,rgba(16,11,7,0) 58%)}
.gkw-split__cap{position:absolute;left:clamp(24px,5vw,80px);right:clamp(24px,5vw,80px);top:clamp(28px,5vh,60px);z-index:1;display:grid;justify-items:start;gap:12px;max-width:540px;text-shadow:0 1px 3px rgba(0,0,0,.45)}
.gkw-split__cap--bottom{top:auto;bottom:clamp(28px,5vh,60px)}
.gkw-split__cap .gkw-label{color:rgba(255,255,255,.9)}
.gkw-split__logo{display:block;width:clamp(210px,22vw,300px);height:auto;margin-bottom:4px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35))}
.gkw-split__logo--gd{width:clamp(190px,19vw,260px)}
.gkw-split__text{display:block;max-width:30em;color:#fff;font-size:17px;line-height:1.6}
.gkw-split__more{margin-top:10px;text-shadow:none}
.gkw .gkw-split__more{color:#fff;border-color:rgba(255,255,255,.65);background:rgba(0,0,0,.12)}
.gkw-split__panel:hover .gkw-split__more{background:#fff;color:var(--gkw-brown);border-color:#fff}
.gkw-split__mark{position:absolute;left:50%;top:50%;z-index:2;display:grid;place-items:center;width:112px;height:112px;border-radius:50%;background:var(--gkw-paper);color:var(--gkw-brown);transform:translate(-50%,-50%);box-shadow:0 20px 50px rgba(0,0,0,.3)}
.gkw-split__amp{display:block;font-family:"JZRCGO+Chapman-RegularItalic","NFFAKG+Chapman",Georgia,serif;font-style:italic;font-size:64px;line-height:1;transform:translateY(-3px)}
@media (min-width:960px){.gkw-split{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:959px){
  .gkw-split__mark{width:88px;height:88px}
  .gkw-split__amp{font-size:50px}
  .gkw-split__panel{height:76vw}
  .gkw-split__text{font-size:15px}
}

/* ---------- 03 Einblick: die Seiten als geneigte Fläche im Raum ----------
   Echte Doppelseiten, langsam gleitend, jede Seite treibt leicht in ihrer Ebene.
   Alle Karten liegen in einer Ebene; nur die Ebene und die Fläche bewegen sich.
   Dadurch schneiden sich keine Schatten, nichts springt. Der Übergang nach links
   ist eine flache Verlaufsfläche, keine Maske im 3D-Kontext. */
.gkw-pages{position:relative;min-height:min(var(--gkw-vh),880px);display:flex;align-items:center;overflow:hidden;background:var(--gkw-greige)}
.gkw-pages::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 80% at 85% 20%,rgba(255,250,243,.55) 0%,rgba(255,250,243,0) 70%);pointer-events:none}
.gkw-pages__fade{position:absolute;top:0;bottom:0;left:0;width:64%;z-index:1;background:linear-gradient(90deg,#e3dcd1 0%,#e3dcd1 58%,rgba(227,220,209,0) 100%);pointer-events:none}
.gkw-pages__inner{position:relative;z-index:2;width:100%;box-sizing:border-box;padding-top:clamp(60px,10vh,120px);padding-bottom:clamp(60px,10vh,120px)}
.gkw-pages__text{max-width:520px}
.gkw-pages__text .gkw-label{margin-bottom:14px}
.gkw-pages__text h2{margin:0}
.gkw-pages__text .uk-text-lead{margin:26px 0 0;max-width:460px}
.gkw-pages__text .gkw-actions{margin-top:32px}
.gkw-cloud{position:absolute;top:-16%;bottom:-16%;left:40%;right:-28%;z-index:0;perspective:1700px;perspective-origin:50% 45%}
.gkw-cloud__par,.gkw-cloud__tilt,.gkw-cloud__plane{position:absolute;transform-style:preserve-3d}
.gkw-cloud__par{inset:0;transform:translate3d(calc(var(--mx,0) * 24px),calc(var(--my,0) * 16px),0);transition:transform .9s var(--gkw-ease)}
.gkw-cloud__tilt{left:50%;top:50%;width:0;height:0;transform:rotateX(55deg) rotateZ(-30deg)}
.gkw-cloud__plane{left:-760px;top:-1000px;width:1520px;height:2000px;animation:gkw-glide 46s ease-in-out infinite alternate;will-change:transform}
@keyframes gkw-glide{from{transform:translate3d(70px,50px,0)}to{transform:translate3d(-70px,-50px,0)}}
.gkw-cloud__card{position:absolute;left:calc(var(--c) * 540px);top:calc(var(--r) * 340px);width:480px;height:320px;margin:0;background:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.7),0 46px 70px -24px rgba(50,36,24,.5),0 14px 24px -12px rgba(50,36,24,.25);animation:gkw-bob 8s ease-in-out infinite alternate;animation-delay:var(--d,0s);backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:transform}
.gkw-cloud__card img{display:block;width:100%;height:100%;object-fit:cover}
@keyframes gkw-bob{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,-16px,0)}}
@media (max-width:959px){
  .gkw-pages{flex-direction:column;align-items:stretch;min-height:0}
  .gkw-pages__inner{order:1;padding-bottom:0}
  .gkw-cloud{order:2;position:relative;left:0;right:0;top:0;bottom:0;height:min(78vw,520px);margin-top:28px;perspective:1200px;overflow:hidden}
  .gkw-cloud__tilt{transform:rotateX(55deg) rotateZ(-30deg) scale(.55)}
  .gkw-cloud__par{transform:none}
  .gkw-pages__fade{top:auto;right:0;bottom:0;width:auto;height:150px;background:linear-gradient(180deg,rgba(227,220,209,0),#e3dcd1)}
}
@media (min-width:1600px){.gkw-cloud{left:42%;right:-20%}}

/* ---------- 04 Blättern ----------
   Großes Buch; die Kapitel des aufgeschlagenen Katalogs liegen auf Knopfdruck als Overlay
   über dem Buch, so bleibt sichtbar, was geblättert wird. */
.gkw-reader{background:var(--gkw-paper)}
.gkw-reader__main{position:relative;width:min(100%,1120px);margin:clamp(36px,6vh,64px) auto 0;scroll-margin-top:calc(var(--gkw-top) + 16px)}
.gkw-reader__bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 16px}
.gkw-reader__status{margin:0}
.gkw-reader__status b{font-weight:400;color:var(--gkw-orange)}
.gkw-reader__status b.gkw-is-gd{color:var(--gkw-sage-dark)}
.gkw-reader__tools{display:flex;align-items:center;gap:22px}
.gkw-reader__tool{display:inline-flex;align-items:center;gap:8px;margin:0;padding:6px 0;border:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;opacity:.75;transition:opacity .3s,color .3s;-webkit-appearance:none;appearance:none;white-space:nowrap}
.gkw-reader__tool[aria-expanded="true"]{opacity:1;color:var(--gkw-orange)}
@media (hover:hover){.gkw-reader__tool:hover{opacity:1;color:var(--gkw-orange)}}
.gkw-reader__tool svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.gkw-stage{position:relative;width:100%;perspective:3000px;outline:none}
.gkw-stage:focus-visible .gkw-book{box-shadow:0 0 0 3px rgba(233,103,36,.5)}
.gkw-book{position:relative;aspect-ratio:1190/794;transform-style:preserve-3d;transition:transform 1.5s var(--gkw-ease-io)}
.gkw-book.gkw-is-flipping{transform:rotateX(180deg)}
.gkw-book.gkw-no-transition{transition:none}
.gkw-book__side{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.gkw-book__side--back{transform:rotateX(180deg)}
.gkw-book__shadow{position:absolute;left:2%;right:2%;bottom:-6%;height:12%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(46,33,23,.28),rgba(46,33,23,0) 70%);filter:blur(14px);pointer-events:none}
.gkw-page{position:absolute;top:0;bottom:0;width:50%;background:#fff center/200% 100% no-repeat;transition:opacity .35s}
.gkw-page--l{left:0;background-position:left center;box-shadow:-1px 0 0 rgba(46,33,23,.06),0 24px 50px rgba(46,33,23,.16)}
.gkw-page--r{right:0;background-position:right center;box-shadow:1px 0 0 rgba(46,33,23,.06),0 24px 50px rgba(46,33,23,.16)}
.gkw-page--single{background-size:100% 100%;background-position:center}
.gkw-page--rot{rotate:180deg}
.gkw-page--empty{visibility:hidden}
.gkw-page--l::after,.gkw-page--r::after{content:"";position:absolute;inset:0;pointer-events:none}
.gkw-page--l::after{background:linear-gradient(90deg,rgba(0,0,0,0) 82%,rgba(0,0,0,.05) 95%,rgba(0,0,0,.16))}
.gkw-page--r::after{background:linear-gradient(270deg,rgba(0,0,0,0) 82%,rgba(0,0,0,.05) 95%,rgba(0,0,0,.16))}
.gkw-page--rot.gkw-page--r::after{background:linear-gradient(90deg,rgba(0,0,0,0) 82%,rgba(0,0,0,.05) 95%,rgba(0,0,0,.16))}
.gkw-page--rot.gkw-page--l::after{background:linear-gradient(270deg,rgba(0,0,0,0) 82%,rgba(0,0,0,.05) 95%,rgba(0,0,0,.16))}
.gkw-page--single::after{background:none}
.gkw-page--l::before,.gkw-page--r::before{content:"";position:absolute;top:2px;bottom:-3px;width:6px;background:repeating-linear-gradient(90deg,#e6e1da 0 1px,#fff 1px 2px);z-index:-1}
.gkw-page--l::before{left:-5px}
.gkw-page--r::before{right:-5px}
.gkw-page--empty::before{display:none}
.gkw-book.gkw-is-jumping .gkw-page{opacity:0}
.gkw-sheet{position:absolute;top:0;height:100%;width:50%;z-index:3;transform-style:preserve-3d;transition:transform 1.15s cubic-bezier(.45,.05,.3,1);pointer-events:none}
.gkw-sheet--fwd{left:50%;transform-origin:left center}
.gkw-sheet--fwd.gkw-is-on{transform:rotateY(-180deg)}
.gkw-sheet--bwd{left:0;transform-origin:right center}
.gkw-sheet--bwd.gkw-is-on{transform:rotateY(180deg)}
.gkw-sheet__face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#fff center/200% 100% no-repeat;box-shadow:0 12px 34px rgba(46,33,23,.28)}
.gkw-sheet__face--single{background-size:100% 100%;background-position:center}
.gkw-sheet__face--rot{rotate:180deg}
.gkw-sheet__face--back{transform:rotateY(180deg)}
.gkw-sheet__face::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.28),rgba(0,0,0,0) 60%);opacity:0;pointer-events:none}
.gkw-sheet.gkw-is-on .gkw-sheet__face::after{animation:gkw-shade 1.15s ease-in-out both}
@keyframes gkw-shade{0%{opacity:0}45%{opacity:1}100%{opacity:0}}
.gkw-reader__nav{position:absolute;top:50%;z-index:4;width:54px;height:54px;margin:0;padding:0;border:1px solid rgba(46,33,23,.3);border-radius:50%;background:rgba(255,255,255,.92);color:var(--gkw-brown);cursor:pointer;transform:translateY(-50%);transition:background-color .3s,color .3s,opacity .3s;-webkit-appearance:none;appearance:none;display:grid;place-items:center}
.gkw-reader__nav svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
@media (hover:hover){.gkw-reader__nav:hover{background:var(--gkw-brown);color:#fff;border-color:var(--gkw-brown)}}
.gkw-reader__nav[disabled]{opacity:.2;pointer-events:none}
.gkw-reader__nav--prev{left:-27px}
.gkw-reader__nav--next{right:-27px}
.gkw-reader__wende{position:absolute;left:50%;bottom:-30px;z-index:5;display:flex;align-items:center;gap:14px;padding:12px 22px 12px 14px;border:0;background:var(--gkw-brown);color:#fff;cursor:pointer;transform:translate(-50%,0) translateY(14px);opacity:0;pointer-events:none;transition:opacity .5s,transform .6s var(--gkw-ease),background-color .3s;-webkit-appearance:none;appearance:none;box-shadow:0 18px 40px rgba(46,33,23,.3)}
.gkw-reader__wende.gkw-is-on{opacity:1;pointer-events:auto;transform:translate(-50%,0)}
@media (hover:hover){.gkw-reader__wende:hover{background:var(--gkw-orange)}}
.gkw-reader__wende svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.gkw-reader__wende b{display:block;font-weight:400;text-align:left}
.gkw-reader__wende small{display:block;font-size:12px;opacity:.75;text-align:left;font-family:"Solitas Serif Norm",Georgia,serif;letter-spacing:0;text-transform:none}
.gkw-register{margin-top:52px}
.gkw-register__line{position:relative;height:1px;background:rgba(46,33,23,.16)}
.gkw-register__line i{position:absolute;left:0;top:-1px;height:3px;width:0;background:var(--gkw-orange);transition:width .6s var(--gkw-ease),background-color .6s}
.gkw-register__line i.gkw-is-gd{background:var(--gkw-sage-dark)}
.gkw-register__hint{display:block;margin-top:12px}
.gkw-register__hint .gkw-hint--touch{display:none}
@media (hover:none) and (pointer:coarse){.gkw-register__hint .gkw-hint--pointer{display:none}.gkw-register__hint .gkw-hint--touch{display:inline}}
/* Großansicht (Fullscreen API) */
.gkw-reader__main.gkw-is-full{display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;width:100%;height:100%;margin:0;padding:24px clamp(24px,5vw,80px);background:#17110c;color:#fff;overflow:auto}
.gkw-reader__main.gkw-is-full .gkw-reader__bar,.gkw-reader__main.gkw-is-full .gkw-stage,.gkw-reader__main.gkw-is-full .gkw-register{width:min(100%,calc((100vh - 190px) * 1190 / 794));margin-left:auto;margin-right:auto}
.gkw-reader__main.gkw-is-full .gkw-register__line{background:rgba(255,255,255,.2)}
.gkw-reader__main.gkw-is-full .gkw-reader__nav{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.3)}
@media (hover:hover){.gkw-reader__main.gkw-is-full .gkw-reader__nav:hover{background:#fff;color:var(--gkw-brown)}}
.gkw-reader__main.gkw-is-full .gkw-book__shadow{display:none}
/* Kapitel als Overlay über dem Buch */
.gkw-chapters{position:absolute;inset:0;z-index:8;display:flex;flex-direction:column;box-sizing:border-box;background:rgba(247,243,238,.97);box-shadow:0 30px 80px rgba(46,33,23,.25);opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .4s var(--gkw-ease),visibility .4s,transform .4s var(--gkw-ease)}
.gkw-chapters.gkw-is-open{opacity:1;visibility:visible;transform:none}
.gkw-reader__main.gkw-is-full .gkw-chapters{color:var(--gkw-brown)}
.gkw-chapters__top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:6px clamp(16px,3vw,36px) 0;border-bottom:1px solid rgba(46,33,23,.14)}
.gkw-chapters__tabs{display:flex;gap:6px}
.gkw-chapters__tab{display:grid;place-items:center;margin:0 0 -1px;padding:14px 18px 16px;border:0;border-bottom:2px solid transparent;background:none;cursor:pointer;opacity:.38;transition:opacity .3s,border-color .3s;-webkit-appearance:none;appearance:none}
.gkw-chapters__tab img{display:block;width:124px;height:auto}
.gkw-chapters__tab--gd img{width:106px}
@media (hover:hover){.gkw-chapters__tab:hover{opacity:.75}}
.gkw-chapters__tab.gkw-is-active{opacity:1;border-bottom-color:var(--gkw-orange)}
.gkw-chapters__tab--gd.gkw-is-active{border-bottom-color:var(--gkw-gold)}
.gkw-chapters__close{display:grid;place-items:center;width:44px;height:44px;margin:0;padding:0;border:1px solid rgba(46,33,23,.25);border-radius:50%;background:transparent;color:var(--gkw-brown);cursor:pointer;transition:background-color .3s,color .3s;-webkit-appearance:none;appearance:none;flex:none}
.gkw-chapters__close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round}
@media (hover:hover){.gkw-chapters__close:hover{background:var(--gkw-brown);color:#fff}}
.gkw-chapters__scroll{flex:1 1 auto;min-height:0;overflow:auto;padding:clamp(18px,3vw,30px) clamp(16px,3vw,36px) clamp(20px,3vw,36px);-webkit-overflow-scrolling:touch}
.gkw-chapters__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 18px;margin-bottom:18px}
.gkw-chapters__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(136px,1fr));gap:20px 16px}
.gkw-chapter{position:relative;display:block;width:100%;margin:0;padding:0;border:0;background:none;color:var(--gkw-brown);text-align:left;cursor:pointer;-webkit-appearance:none;appearance:none;font:inherit}
.gkw-chapter__img{position:relative;display:block;aspect-ratio:3/2;overflow:hidden;background:#fff;box-shadow:0 10px 24px rgba(46,33,23,.12);transition:transform .6s var(--gkw-ease),box-shadow .6s var(--gkw-ease)}
.gkw-chapter__img img{width:100%;height:100%;object-fit:cover;display:block}
.gkw-chapter__img::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--gkw-orange);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--gkw-ease)}
@media (hover:hover){.gkw-chapter:hover .gkw-chapter__img{transform:translateY(-4px);box-shadow:0 18px 34px rgba(46,33,23,.18)}}
.gkw-chapter.gkw-is-active .gkw-chapter__img::after{transform:scaleX(1)}
.gkw-chapter__name{display:block;margin-top:10px;font-family:"NFFAKG+Chapman",Georgia,serif;font-size:15px;line-height:1.25}
.gkw-chapter.gkw-is-active .gkw-chapter__name{color:var(--gkw-orange)}
.gkw-chapter__page{display:block;margin-top:3px;font-size:10px;opacity:.6}
.gkw-chapters__group--gd .gkw-chapter__img::after{background:var(--gkw-sage-dark)}
.gkw-chapters__group--gd .gkw-chapter.gkw-is-active .gkw-chapter__name{color:var(--gkw-sage-dark)}
@media (min-width:1240px){.gkw-reader__nav--prev{left:-76px}.gkw-reader__nav--next{right:-76px}}
@media (max-width:959px){
  .gkw-chapters{position:fixed;z-index:1000;box-shadow:none;transform:translateY(16px)}
  .gkw-chapters.gkw-is-open{transform:none}
  .gkw-chapters__top{padding-top:calc(6px + env(safe-area-inset-top,0px))}
}
@media (max-width:639px){
  .gkw-reader__nav{width:40px;height:40px}
  .gkw-reader__nav--prev{left:-8px}
  .gkw-reader__nav--next{right:-8px}
  .gkw-reader__wende{bottom:-26px;padding:10px 16px 10px 12px}
  .gkw-reader__wende svg{width:24px;height:24px}
  .gkw-reader__bar{flex-wrap:wrap;gap:6px 16px}
  .gkw-reader__tools{gap:16px}
  .gkw-register{margin-top:44px}
  .gkw-chapters__tab img{width:104px}
  .gkw-chapters__tab--gd img{width:90px}
  .gkw-chapters__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px}
}

/* ---------- 05 Das Editorial: Bild und Zitat auf Braun ---------- */
.gkw-quoteband{background:var(--gkw-ink);color:#fff}
.gkw-quote{display:grid;grid-template-columns:1fr}
.gkw-quote__img{position:relative;min-height:62vw;overflow:hidden}
.gkw-quote__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.06) translateY(var(--py,0px))}
.gkw-quote__text{display:flex;flex-direction:column;justify-content:center;padding:var(--gkw-section) clamp(24px,6vw,110px)}
.gkw-quote__text > *{max-width:520px}
.gkw-quote__text h2{color:#fff}
.gkw-quote__text .uk-text-lead{color:rgba(255,255,255,.86)}
.gkw-quote__mark{position:relative;margin:30px 0 0;padding:0 0 0 26px;border-left:1px solid var(--gkw-orange);font-family:"JZRCGO+Chapman-RegularItalic","NFFAKG+Chapman",Georgia,serif;font-style:italic;font-size:clamp(20px,1.7vw,24px);line-height:1.45;color:#fff}
.gkw-quote__mark footer{margin-top:14px;font-style:normal;color:rgba(255,255,255,.7)}
@media (min-width:960px){
  .gkw-quote{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .gkw-quote__img{min-height:min(var(--gkw-vh),760px);height:100%}
}

/* ---------- 06 Bestellen oder Termin: Text und Mockup links, das Formular als weiße Tafel ---------- */
.gkw-order{background:#e9e3da}
.gkw-order__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(36px,5vw,72px);align-items:start}
.gkw-order__aside h2{margin:0}
.gkw-order__aside .gkw-label{margin-bottom:14px}
.gkw-order__aside .uk-text-lead{margin:24px 0 0;max-width:30em}
/* Der Katalog gleitet in einen Umschlag mit der Wortmarke, die Lasche klappt zu.
   Grundzustand ist das Ende (Katalog drin, Lasche zu); die Animation beginnt beim Erscheinen
   im Bild und lässt sich per Klick wiederholen. Ohne Bewegung bleibt das Ende stehen. */
.gkw-envelope{position:relative;width:min(100%,460px);height:470px;margin:36px auto 0;perspective:1500px;perspective-origin:50% 30%;cursor:pointer}
.gkw-envelope__scene{position:absolute;left:50%;top:50%;width:330px;height:460px;margin:-220px 0 0 -165px;transform-style:preserve-3d;transform:rotateX(54deg) rotateZ(-12deg)}
.gkw-envelope__back,.gkw-envelope__front,.gkw-envelope__flap,.gkw-envelope__book{position:absolute;backface-visibility:visible}
.gkw-envelope__back{inset:0;background:linear-gradient(180deg,#f3ede4,#e9e2d7);box-shadow:0 40px 60px -20px rgba(46,33,23,.5),0 10px 18px -8px rgba(46,33,23,.3)}
.gkw-envelope__book{left:5%;top:4%;width:90%;height:90%;transform:translate3d(0,0,2px);background:#fff;box-shadow:0 1px 0 #ddd6cc,0 18px 34px -10px rgba(46,33,23,.45)}
.gkw-envelope__book img{display:block;width:100%;height:100%;object-fit:cover}
.gkw-envelope__front{inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding-top:26%;box-sizing:border-box;transform:translateZ(4px);background:linear-gradient(180deg,#faf7f2,#efe9e0);box-shadow:inset 0 0 0 1px rgba(46,33,23,.06),inset 0 14px 24px -18px rgba(46,33,23,.35)}
.gkw-envelope__front img{display:block;width:52%;height:auto}
.gkw-envelope__front .gkw-label{font-size:8px;letter-spacing:1.6px;color:rgba(46,33,23,.55)}
.gkw-envelope__flap{left:0;right:0;top:0;height:30%;transform-origin:50% 0;transform:translateZ(4.4px) rotateX(0deg);background:linear-gradient(180deg,#f7f3ec,#ebe4d9);clip-path:polygon(0 0,100% 0,100% 28%,50% 100%,0 28%);filter:drop-shadow(0 3px 3px rgba(46,33,23,.18))}
.gkw-envelope.gkw-is-play .gkw-envelope__book{animation:gkw-env-book 5.2s cubic-bezier(.65,0,.35,1) both}
.gkw-envelope.gkw-is-play .gkw-envelope__flap{animation:gkw-env-flap 5.2s cubic-bezier(.65,0,.35,1) both}
@keyframes gkw-env-book{0%,14%{transform:translate3d(0,-70%,2px)}54%,100%{transform:translate3d(0,0,2px)}}
/* Offen liegt die Lasche hinter dem Rückteil (z unter dem Katalog): der Katalog gleitet vor ihr in die
   Tasche hinter das Vorderteil, erst dann klappt sie über das Vorderteil zu. */
@keyframes gkw-env-flap{0%,60%{transform:translateZ(-1px) rotateX(180deg)}84%,100%{transform:translateZ(4.4px) rotateX(0deg)}}
@media (max-width:959px){.gkw-envelope{height:380px}.gkw-envelope__scene{transform:rotateX(54deg) rotateZ(-12deg) scale(.86)}}
.gkw-order__panel{box-sizing:border-box;padding:clamp(24px,4vw,56px);background:#fff;box-shadow:0 40px 80px -40px rgba(46,33,23,.4)}
@media (min-width:960px){
  .gkw-order__grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
  .gkw-order__aside{position:sticky;top:calc(var(--gkw-top) + 30px)}
}
.gkw-icon{flex:none;width:26px;height:26px;fill:none;stroke:var(--gkw-orange);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.gkw-form{position:relative}
.gkw-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 34px}
.gkw-choice__item{position:relative;display:block;margin:0;cursor:pointer}
.gkw-choice__item input{position:absolute;opacity:0;width:0;height:0}
.gkw-choice__box{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:16px;row-gap:3px;align-items:center;height:100%;box-sizing:border-box;padding:18px 20px;border:1px solid rgba(46,33,23,.2);transition:border-color .3s,box-shadow .3s}
.gkw-choice__box .gkw-icon{grid-row:1/3;width:30px;height:30px;stroke:var(--gkw-brown);opacity:.55;transition:opacity .3s,stroke .3s}
.gkw-choice__box b{display:block;font-family:"NFFAKG+Chapman",Georgia,serif;font-weight:400;font-size:19px;line-height:1.2}
.gkw-choice__box small{display:block;font-size:13px;line-height:1.45;opacity:.7}
@media (hover:hover){.gkw-choice__item:hover .gkw-choice__box{border-color:rgba(46,33,23,.5)}}
.gkw-choice__item input:checked + .gkw-choice__box{border-color:var(--gkw-brown);box-shadow:inset 0 0 0 1px var(--gkw-brown)}
.gkw-choice__item input:checked + .gkw-choice__box .gkw-icon{stroke:var(--gkw-orange);opacity:1}
.gkw-choice__item input:focus-visible + .gkw-choice__box{outline:2px solid var(--gkw-orange);outline-offset:3px}
@media (max-width:479px){.gkw-choice{grid-template-columns:1fr}}
.gkw-form [data-gkw-only]{display:none}
.gkw-form[data-mode="katalog"] [data-gkw-only="katalog"],.gkw-form[data-mode="termin"] [data-gkw-only="termin"]{display:block}
.gkw .gkw-form .uk-input,.gkw .gkw-form .uk-select,.gkw .gkw-form .uk-textarea{height:48px;padding:0 14px;border:1px solid rgba(46,33,23,.24);border-radius:0;background:#fff;color:var(--gkw-brown);font-size:15px;box-shadow:none}
.gkw .gkw-form .uk-select{padding-right:34px}
.gkw .gkw-form .uk-textarea{height:auto;min-height:96px;padding:12px 14px;resize:vertical}
.gkw .gkw-form .uk-input:focus,.gkw .gkw-form .uk-select:focus,.gkw .gkw-form .uk-textarea:focus{border-color:var(--gkw-orange);background:#fff;color:var(--gkw-brown);outline:none}
.gkw .gkw-form .uk-form-label{display:block;margin-bottom:6px;color:var(--gkw-brown)}
.gkw-form .uk-form-label span,.gkw-req{color:var(--gkw-orange)}
.gkw-form__row{display:grid;gap:0 20px}
@media (min-width:640px){
  .gkw-form__row--2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gkw-form__row--name{grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr) minmax(0,1.3fr)}
  .gkw-form__row--plz{grid-template-columns:minmax(0,.8fr) minmax(0,2fr)}
}
/* Schmale Tafel (zweispaltig, unter 1240 px): Anrede steht allein in der ersten Zeile, damit nichts abgeschnitten wird */
@media (min-width:960px) and (max-width:1239px){
  .gkw-form__row--name{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gkw-form__row--name .gkw-form__field:first-child{grid-column:1/-1}
}
.gkw-form__hours{margin:8px 0 0;font-size:13px;line-height:1.5}
.gkw-form__hours:empty{display:none}
/* Kalender für den Wunschtermin: nur offene Tage sind wählbar */
.gkw-date{position:relative}
.gkw-date__btn{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;height:48px;box-sizing:border-box;margin:0;padding:0 14px;border:1px solid rgba(46,33,23,.24);border-radius:0;background:#fff;color:var(--gkw-brown);font:inherit;font-size:15px;text-align:left;cursor:pointer;-webkit-appearance:none;appearance:none}
.gkw-date__btn.gkw-is-empty span{opacity:.6}
.gkw-date__btn svg{flex:none;width:20px;height:20px;fill:none;stroke:var(--gkw-orange);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.gkw-date__btn[aria-expanded="true"],.gkw-date__btn:focus-visible{border-color:var(--gkw-orange);outline:none}
@media (hover:hover){.gkw-date__btn:hover{border-color:var(--gkw-orange)}}
.gkw-cal{position:absolute;left:0;top:calc(100% + 6px);z-index:30;box-sizing:border-box;width:330px;max-width:calc(100vw - 32px);padding:16px 16px 14px;background:#fff;border:1px solid rgba(46,33,23,.2);box-shadow:0 28px 60px -18px rgba(46,33,23,.45)}
.gkw-cal[hidden]{display:none}
.gkw-cal__head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}
.gkw-cal__title{font-family:"NFFAKG+Chapman",Georgia,serif;font-size:19px;line-height:1.2}
.gkw-cal__nav{display:grid;place-items:center;width:40px;height:40px;margin:0;padding:0;border:1px solid rgba(46,33,23,.25);border-radius:50%;background:transparent;color:var(--gkw-brown);cursor:pointer;-webkit-appearance:none;appearance:none}
.gkw-cal__nav svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
@media (hover:hover){.gkw-cal__nav:hover:not([disabled]){background:var(--gkw-brown);color:#fff;border-color:var(--gkw-brown)}}
.gkw-cal__nav[disabled]{opacity:.25;cursor:default}
.gkw-cal__grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px}
.gkw-cal__dow{padding:6px 0;font-family:Interstate,"Helvetica Neue",Arial,sans-serif;font-size:10px;letter-spacing:1px;text-align:center;text-transform:uppercase;opacity:.55}
.gkw-cal__day{position:relative;height:40px;margin:0;padding:0;border:1px solid transparent;border-radius:0;background:none;color:var(--gkw-brown);font:inherit;font-size:15px;cursor:pointer;-webkit-appearance:none;appearance:none}
@media (hover:hover){.gkw-cal__day:hover:not([disabled]){border-color:var(--gkw-brown)}}
.gkw-cal__day:focus-visible{outline:2px solid var(--gkw-orange);outline-offset:1px}
.gkw-cal__day[disabled]{opacity:.28;text-decoration:line-through;text-decoration-color:rgba(46,33,23,.5);cursor:default}
.gkw-cal__day.gkw-is-today::after{content:"";position:absolute;left:50%;bottom:5px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--gkw-orange)}
.gkw-cal__day.gkw-is-sel{background:var(--gkw-brown);border-color:var(--gkw-brown);color:#fff}
.gkw-cal__foot{margin:12px 0 0;font-size:12px;line-height:1.5;opacity:.65}
@media (max-width:639px){.gkw-cal{right:0;width:auto;max-width:none}}
.gkw-form__field{margin:0 0 20px}
.gkw-form__consent{display:flex;gap:12px;align-items:flex-start;margin:6px 0 0;font-size:13px;line-height:1.55;cursor:pointer}
.gkw-form__consent input{flex:none;margin-top:3px}
.gkw-form__consent a{color:inherit;text-decoration:underline}
.gkw-form__actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin-top:28px}
.gkw-form__msg{display:none;margin-top:18px;padding:14px 0;border-top:1px solid var(--gkw-orange);font-size:14px;line-height:1.55}
.gkw-form__msg.gkw-is-on{display:block}
.gkw-form__msg--error{border-top-color:#b23a2b}
.gkw-form__trap{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.gkw-form.gkw-is-sent fieldset,.gkw-form.gkw-is-sent .gkw-choice,.gkw-form.gkw-is-sent .gkw-form__actions{display:none}
.gkw-form__done{display:none;padding:clamp(30px,5vw,60px) 0;text-align:center}
.gkw-form.gkw-is-sent .gkw-form__done{display:block}
.gkw-form__done svg{width:44px;height:44px;margin-bottom:18px;fill:none;stroke:var(--gkw-orange);stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:479px){.gkw-form__actions .uk-button{width:100%}}

/* ---------- Einblenden (nur mit JavaScript) ---------- */
.gkw--js .gkw-reveal{opacity:0;transform:translateY(28px);transition:opacity 1.1s var(--gkw-ease) var(--d,0s),transform 1.1s var(--gkw-ease) var(--d,0s)}
.gkw--js .gkw-reveal.gkw-is-in{opacity:1;transform:none}

@media (prefers-reduced-motion:reduce){
  .gkw *,.gkw *::before,.gkw *::after{animation:none !important;transition-duration:.01ms !important}
  .gkw--js .gkw-reveal{opacity:1;transform:none}
  .gkw-cloud__par,.gkw-titel__tilt{transform:none !important}
}