*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:108px;-webkit-text-size-adjust:100%}@media(max-width:540px){html{scroll-padding-top:62px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}html,body{margin:0;padding:0;background:#fff}[hidden]{display:none!important}img,video{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}a:hover{text-decoration-thickness:2px;color:inherit}button{font:inherit;color:inherit}.app{--bg:#FFFFFF;--bg2:#F7F7F7;--ink:#141412;--mut:#4A4945;--fnt:#D8D8D8;--line:#DCDCDA;--red:#D1232A;--red2:#7E141A;--phbg:#F7F7F7;--sheet:#FAFAFA;--annot:#63625E;--ovbg:rgba(13,13,13,.45);--fd:"Alegreya Sans",sans-serif;--fb:"Alegreya Sans",sans-serif;--wtd:300;--wtb:400;--ttd:none;--sp:clamp(64px,8vw,112px);--mw:1180px;--gg:44px;--m:1;--e:cubic-bezier(.3,.1,.2,1);position:relative;min-height:100vh;font-size:18px;line-height:1.65}.app[data-richtung=b]{--bg:#1B1712;--bg2:#221D17;--ink:#EBE5D8;--mut:#A69C8C;--fnt:#39322A;--line:#332C24;--red:#A8232B;--red2:#6E1218;--phbg:#221C16;--sheet:#251F18;--annot:#A69C8C;--ovbg:rgba(0,0,0,.62);--wtd:500;--sp:clamp(56px,7vw,96px);--gg:28px;--e:cubic-bezier(.16,1,.3,1)}.app[data-richtung=c]{--bg:#E8DCC4;--bg2:#EFE5CE;--ink:#14100E;--mut:#5C5142;--fnt:#D8C9A6;--line:#C6B183;--red:#C1272D;--red2:#7E141A;--phbg:#EFE5CE;--sheet:#F2E9D2;--annot:#5B4B8A;--ovbg:rgba(20,16,14,.5);--fd:"Big Shoulders","Arial Narrow",sans-serif;--fb:"Alegreya",Georgia,serif;--wtd:700;--ttd:uppercase;--sp:clamp(40px,5vw,64px);--gg:14px;--e:cubic-bezier(.3,1.25,.5,1)}.app[data-bewegung=aus]{--m:0}.app[data-bewegung=dezent]{--m:.55}.app{background:var(--bg);color:var(--ink);font-family:var(--fb);font-weight:var(--wtb);transition:background-color calc(var(--m)*.7s),color calc(var(--m)*.7s)}.app :focus-visible{outline:2px solid var(--ink);outline-offset:3px}.app path{transition:fill calc(var(--m)*.7s),stroke calc(var(--m)*.7s)}html[data-js=an] .rv:not(.on){opacity:0}html[data-js=an] .app[data-bewegung=aus] .rv:not(.on){opacity:1}.app[data-richtung=a] h2.hd:after{content:"";display:block;width:64px;height:3px;margin-top:14px;background:var(--red);transform:scaleX(var(--strich, 1));transform-origin:0 50%}.app[data-richtung=a][data-rot=satt] h2.hd:after{width:110px}.app[data-richtung=c] h2.hd{background-image:linear-gradient(#d4a01766,#d4a01766);background-repeat:no-repeat;background-size:100% 42%;background-position:0 88%}[data-depth]{will-change:transform}.app[data-richtung=b]:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:60;background:radial-gradient(clamp(380px,55vw,720px) at var(--mx,50%) var(--my,38%),rgba(0,0,0,0) 0%,rgba(0,0,0,0) 55%,rgba(0,0,0,.34) 100%);opacity:var(--m)}.app[data-richtung=b] .top{background:#1b1712d1;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.app[data-richtung=b] .top a{letter-spacing:.05em}.app[data-richtung=c] .top{border-bottom:2px dashed var(--line)}.app[data-richtung=c] .top a{text-transform:uppercase;letter-spacing:.06em;font-family:var(--fd);font-weight:500}#tropfspur{position:fixed;top:0;left:0;width:1px;height:100%;z-index:1;pointer-events:none;mix-blend-mode:multiply}.app[data-richtung=b] #tropfspur{mix-blend-mode:normal}.app[data-rot=aus] #tropfspur{display:none}.wrap{max-width:var(--mw);margin:0 auto;padding:0 clamp(16px,4vw,40px)}.pad{padding:var(--sp) 0}.alt{background:var(--bg2);transition:background-color calc(var(--m)*.7s)}.hd{font-family:var(--fd);font-weight:var(--wtd);text-transform:var(--ttd);line-height:1;margin:0}h2.hd{font-size:clamp(30px,4vw,52px);margin:0 0 12px}.mut{color:var(--mut)}.lead{margin:0 0 34px;max-width:52ch;color:var(--mut);font-size:19px;text-wrap:pretty}.two{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));gap:clamp(28px,5vw,80px)}.btn{background:none;cursor:pointer;font:inherit;font-size:16px;color:var(--ink);border:1px solid var(--line);padding:10px 20px}.btn.primary{background:var(--ink);color:var(--bg);border-color:var(--ink);padding:12px 28px;font-size:16px}.btn:disabled{opacity:.5;cursor:default}.sp{flex:1}.app[data-richtung=a] .ink-img,.app[data-richtung=c] .ink-img{mix-blend-mode:multiply}.top{position:sticky;top:0;z-index:100;background:var(--bg);border-bottom:1px solid var(--line);transition:background-color calc(var(--m)*.7s),border-color calc(var(--m)*.7s)}.top .wrap{padding-top:10px;padding-bottom:10px;display:flex;align-items:center;gap:clamp(14px,3vw,32px);overflow-x:auto;white-space:nowrap}.top a{text-decoration:none;font-size:16px;flex:0 0 auto}.top .brand{font-family:var(--fd);font-weight:var(--wtd);text-transform:var(--ttd);font-size:21px;display:block;margin-left:auto;flex:0 1 315px;min-width:104px}.nav-hand{position:relative;display:block;width:100%;aspect-ratio:1072 / 272}.nav-hand>img,.nav-hand>canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.nav-hand-folge{visibility:hidden}html[data-js=an] .nav-hand:not(.still) .nav-hand-still{visibility:hidden}.nav-hand.lebt .nav-hand-folge{visibility:visible}.nav-hand.lebt .nav-hand-still{visibility:hidden}.top .brand .handschrift,.app[data-richtung=b] .nav-hand{display:none}.app[data-richtung=b] .top .brand .handschrift{display:block;height:52px;width:auto}.app[data-richtung=b] .top .brand{flex:0 0 auto;min-width:0}#auftakt{overflow:hidden}.app[data-richtung=a] #auftakt .wrap{max-width:none;padding-right:0;padding-left:max(clamp(16px,4vw,40px),calc((100% - var(--mw)) / 2 + clamp(16px,4vw,40px)))}.hero-grid{display:grid;grid-template-columns:minmax(260px,5fr) minmax(300px,7fr);align-items:end;gap:4vw;min-height:76vh}.hero-text{padding:48px 0 clamp(40px,8vh,90px)}.hero-text h1{font-size:clamp(46px,7vw,96px);line-height:.95;margin:0 0 18px;letter-spacing:-.01em}.hero-name{line-height:0;margin-bottom:26px}.hero-name .handschrift{display:block;width:clamp(230px,29vw,430px);height:auto}.app[data-richtung=b] .handschrift{filter:invert(1)}.app[data-richtung=b] .hero-grid .hero-name .handschrift{margin:0 auto}.hero-text p{margin:0;max-width:34ch;color:var(--mut);font-size:20px;line-height:1.55;text-wrap:pretty}.hero-draw{display:flex;justify-content:flex-end}.hero-fig{position:relative;margin:0;height:min(78vh,150vw);aspect-ratio:1200 / 1948;max-width:100%;overflow:hidden}.hero-motiv{position:absolute;inset:0;will-change:transform}.hero-motiv>video,.hero-motiv>img{position:absolute;inset:0;width:100%;height:100%}.hero-video{object-fit:cover}.hero-still{object-fit:cover;opacity:0}.hero-fig.still .hero-still{opacity:1}.hero-fig.still .hero-video{display:none}.hero-draw{position:relative}.hero-neben{position:absolute;right:52%;bottom:0;height:100%;aspect-ratio:1200 / 1948;margin:0;opacity:.2;pointer-events:none}.hero-kniend{display:block;width:100%;height:100%;object-fit:cover;object-position:100% 50%}html[data-js=an] .hero-kniend{opacity:0}.hero-draw.neben-da .hero-kniend{opacity:1}@media(min-width:1100px){.app[data-richtung=a] .hero-grid{grid-template-columns:minmax(300px,1fr) auto}.app[data-richtung=a] .hero-draw{align-items:flex-end;gap:clamp(14px,1.8vw,26px)}.app[data-richtung=a] .hero-neben{position:relative;right:auto;flex:0 0 auto;height:min(66vh,118vw);opacity:1}}html[data-js=an] .hero-text h1,html[data-js=an] .hero-text p{opacity:0}.app[data-richtung=b] .hero-grid{grid-template-columns:1fr;justify-items:center;text-align:center;align-items:center;min-height:72vh}.app[data-richtung=b] .hero-draw{order:-1;justify-content:center;max-width:560px}.app[data-richtung=b] .hero-fig{height:min(64vh,150vw)}.app[data-richtung=c] .hero-grid{min-height:58vh;align-items:center}.app[data-richtung=c] .hero-draw{display:block;width:max-content;max-width:100%;margin-left:auto;background:var(--sheet);box-shadow:0 12px 32px #14100e38;padding:14px;transform:rotate(-1.2deg)}.app[data-sequenz=aus] #sequenz{display:none}.bf{position:relative}html[data-js=an] .bf:not([data-stand]){min-height:100svh}.bf-buehne{position:sticky;top:0;height:100svh;overflow:hidden}.bf-reihe,.bf-stueck{display:contents}.bf-kapitel{position:absolute;left:clamp(20px,6vw,80px);bottom:clamp(64px,14vh,140px);max-width:min(78vw,420px)}.bf-titel{font-family:var(--fd);font-weight:var(--wtd);text-transform:var(--ttd);font-size:clamp(38px,6vw,72px);line-height:.95;color:var(--ink);margin:0}.bf-unter{color:var(--mut);font-size:clamp(15px,2vw,17px);margin:10px 0 0;text-wrap:pretty}.bf-kapitel .btn{margin-top:14px}.bf-blatt{position:absolute;inset:0 8vw 0 auto;margin:auto 0;height:72svh;width:calc(72svh * var(--verh, .6));max-width:44vw;will-change:transform,opacity;opacity:0}.bf-blatt img{width:100%;height:100%;object-fit:contain;display:block}.bf-schrift{position:absolute;right:8vw;bottom:6vh;text-align:right;max-width:40ch;opacity:0}.bf-nr{display:block;font-family:var(--fd);font-weight:var(--wtd);text-transform:var(--ttd);font-size:22px;color:var(--annot)}.bf-t{display:block;font-weight:500}.bf-m{display:block;color:var(--mut);font-size:15.5px}.bf-hinweis{position:absolute;left:50%;bottom:18px;margin-left:-22px;display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--mut);font-size:13px}.bf-hinweis i{display:block;width:1px;height:26px;background:var(--mut)}.bf[data-stand=still] .bf-buehne{position:static;height:auto;overflow:visible;padding:var(--sp) 0}.bf[data-stand=still] .bf-kapitel{position:static;max-width:var(--mw);margin:0 auto 28px;padding:0 clamp(16px,4vw,40px)}.bf[data-stand=still] .bf-reihe{display:flex;gap:var(--gg);overflow-x:auto;max-width:var(--mw);margin:0 auto;padding:0 clamp(16px,4vw,40px) 12px}.bf[data-stand=still] .bf-stueck{display:block;flex:0 0 auto}.bf[data-stand=still] .bf-blatt{position:static;margin:0;height:min(52vh,480px);width:calc(min(52vh,480px) * var(--verh, .6));max-width:80vw;opacity:1;will-change:auto}.bf[data-stand=still] .bf-schrift{position:static;opacity:1;text-align:left;margin-top:8px;max-width:none}.bf[data-stand=still] .bf-hinweis{display:none}@media(max-width:700px){.bf-blatt{inset:0;margin:auto;height:46svh;width:calc(46svh * var(--verh, .6));max-width:88vw}.bf-kapitel{left:6vw;right:6vw;top:9svh;bottom:auto;max-width:none}.bf-schrift{left:6vw;right:6vw;bottom:4svh;text-align:left}}#aktuell{position:relative;z-index:2;background:var(--bg)}#aktuell:before,#aktuell:after{content:"";position:absolute;left:0;right:0;height:1px;background:var(--line);transform:scaleX(var(--strich, 1));transform-origin:0 50%}#aktuell:before{top:0}#aktuell:after{bottom:0}.aktuell-row{padding-top:22px;padding-bottom:22px;display:flex;flex-wrap:wrap;gap:12px 40px;align-items:baseline}.aktuell-row .a{font-size:16px;flex:0 0 auto}.aktuell-row .b{flex:1 1 380px;font-size:17.5px}.aktuell-row .c{flex:0 1 auto;font-size:16px}.werke-lead{margin:0 0 26px;max-width:52ch;color:var(--mut);font-size:19px;text-wrap:pretty}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.chip{background:none;cursor:pointer;font:inherit;font-size:16px;color:var(--ink);padding:5px 14px;border-radius:2px;border:1px solid var(--line);opacity:.78}.chip[aria-pressed=true]{border-color:var(--ink);opacity:1}.chip-gap{width:12px}.g-wall{position:relative;margin-top:30px}html[data-js=an] #g-list:empty{min-height:160vh}html[data-js=an] #grafik-list:empty{min-height:160vh}.g-list{--hoehe: min(66vh, 560px);--fuge: clamp(8px, 1.1vw, 14px);display:flex;flex-wrap:wrap;align-items:flex-start;gap:clamp(48px,6vw,84px) var(--gg)}.g-item{position:relative;margin:0;flex:0 1 auto;min-width:0;width:min(100%,calc(var(--hoehe) * var(--r) + (var(--n) - 1) * var(--fuge)))}.g-ph{display:flex;gap:var(--fuge);align-items:flex-start}.g-blatt{flex:1 1 0;min-width:0;display:block;position:relative;border:0;background:none;padding:0;margin:0;color:inherit;font:inherit;cursor:pointer}.g-blatt:nth-child(3n+1){--dreh: -1.1deg}.g-blatt:nth-child(3n+2){--dreh: .8deg}.g-blatt:nth-child(3n){--dreh: 1.4deg}.g-bild{display:block;aspect-ratio:var(--r);background:var(--phbg);overflow:hidden;will-change:transform;transition:box-shadow calc(var(--m)*.35s) var(--e),background-color calc(var(--m)*.7s)}.g-bild:has(>.ink-img){background:transparent}.g-bild:has(>.photo-img){position:relative;z-index:2}.g-bild>img{display:block;width:100%;height:100%;object-fit:cover}.kacheln{display:grid;grid-template-columns:repeat(var(--spalten),1fr);grid-template-rows:repeat(var(--zeilen),1fr);width:100%;height:100%}.kachel{position:relative;background-image:var(--bogen);background-repeat:no-repeat;background-size:calc(var(--spalten) * 100%) calc(var(--zeilen) * 100%);background-position:calc(var(--sx) * 100% / (var(--spalten) - 1)) calc(var(--sy) * 100% / (var(--zeilen) - 1))}.g-meta{display:block;padding:14px 2px 0;max-width:62ch}.g-t{display:block;font-weight:500}.g-m{display:block;color:var(--mut);font-size:15.5px;margin-top:3px}.app[data-richtung=b] .g-bild{opacity:.88;transition:opacity calc(var(--m)*.9s) var(--e)}.app[data-richtung=b] .g-blatt:hover .g-bild,.app[data-richtung=b] .g-blatt:focus-visible .g-bild{opacity:1}.app[data-richtung=b] .g-item{background:var(--bg2);border:1px solid var(--line);padding:9px 9px 12px}.app[data-richtung=c] .g-bild{background:var(--sheet);padding:8px;box-shadow:0 3px 10px #14100e47}.app[data-richtung=c] .g-blatt:before{content:"";position:absolute;top:-9px;left:50%;width:52px;height:18px;transform:translate(-50%) rotate(-2deg);background:#d4a01761;border:1px solid rgba(212,160,23,.25);z-index:2}.app[data-richtung=c] .g-blatt:nth-child(2n):before{transform:translate(-62%) rotate(3deg);width:42px}.app[data-richtung=c] .g-blatt:nth-child(3n+1) .g-bild{rotate:-.9deg}.app[data-richtung=c] .g-blatt:nth-child(3n+2) .g-bild{rotate:.7deg}.app[data-richtung=c] .g-blatt:nth-child(3n) .g-bild{rotate:1.2deg}.app[data-richtung=c] .g-blatt:hover .g-bild{box-shadow:0 14px 28px #14100e57}.cnr{display:none}.app[data-richtung=c] .cnr{display:block;position:absolute;top:-14px;left:-8px;z-index:3;font-family:var(--fd);font-weight:700;font-size:15px;letter-spacing:.06em;color:var(--annot);border:1.5px solid var(--annot);padding:2px 7px;transform:rotate(-4deg);opacity:.85;background:var(--sheet)}.app[data-richtung=c] .g-wall{background:#dfd1af;box-shadow:inset 0 2px 10px #14100e24;padding:clamp(24px,3vw,40px);border-top:3px solid #B99F6B}.app[data-richtung=c] .g-item .g-meta{padding:10px 4px 2px}#ov{position:fixed;inset:0;z-index:900;display:flex;align-items:center;justify-content:center;padding:clamp(10px,3vw,48px)}#ov-bg{position:absolute;inset:0;background:var(--ovbg)}.ov-card{position:relative;max-width:1020px;width:100%;max-height:100%;background:var(--bg);padding:clamp(16px,3vw,36px);box-shadow:0 30px 80px #00000059;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(230px,1fr);gap:clamp(16px,3vw,44px)}.ov-fig{margin:0 auto;width:100%;height:min(72vh,620px);background:transparent;overflow:hidden}.ov-fig>img{display:block;width:100%;height:100%;object-fit:contain}.ov-zaehler{font-size:15px;color:var(--mut);align-self:center;white-space:nowrap;word-spacing:.14em}.ov-info{display:flex;flex-direction:column;min-width:0}.ov-info h3{font-size:clamp(24px,2.6vw,34px);line-height:1.1;margin:0 0 18px}.ov-rows{border-top:1px solid var(--line)}.ov-row{display:grid;grid-template-columns:128px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:16px}.ov-actions{display:flex;gap:10px;margin-top:auto;padding-top:24px;flex-wrap:wrap}.ov-teile{display:flex;gap:10px;align-items:flex-end;margin-top:20px}.ov-teil{height:76px;aspect-ratio:var(--r);padding:0 0 7px;border:0;background:none;cursor:pointer;opacity:.42;box-sizing:content-box;border-bottom:2px solid transparent;transition:opacity calc(var(--m)*.25s),border-color calc(var(--m)*.25s)}.ov-teil:hover{opacity:.75}.ov-teil[aria-pressed=true]{opacity:1;border-bottom-color:var(--ink)}.ov-teil>img{display:block;width:100%;height:100%;object-fit:contain}.hand-grid{display:grid;grid-template-columns:minmax(200px,4fr) minmax(280px,8fr);gap:clamp(24px,4vw,64px)}.hand-grid p{margin:0 0 20px;max-width:58ch;text-wrap:pretty}.hand-grid p:last-child{margin-bottom:0}.band-fig{margin:clamp(36px,5vw,64px) 0 0}.band-rahmen{position:relative;aspect-ratio:1072 / 272}.band-rahmen>img{position:absolute;inset:0;width:100%;height:100%;display:block}.app[data-richtung=b] .band-rahmen{opacity:.9}.gr-grid{--zeile: clamp(220px, 24vw, 300px);display:flex;flex-wrap:wrap;align-items:flex-start;gap:clamp(30px,3.5vw,44px) clamp(14px,2vw,26px);margin-top:30px}.gr-grid:after{content:"";flex:1000 1 0}.gr-item{flex:var(--r) 1 calc(var(--r) * var(--zeile));min-width:0;display:block;border:0;background:none;padding:0;margin:0;text-align:left;color:inherit;font:inherit;cursor:pointer}.gr-ph{display:block;position:relative;z-index:2;aspect-ratio:var(--r);overflow:hidden;background:var(--bg2);outline:1px solid var(--line);outline-offset:-1px;will-change:transform}.gr-ph>img{display:block;width:100%;height:100%;object-fit:cover}.gr-meta{display:block;padding:11px 2px 0}.gr-t{display:block;font-weight:500}.gr-m{display:block;color:var(--mut);font-size:15px;margin-top:2px;text-wrap:pretty}.app[data-richtung=c] .gr-item:nth-child(2n) .gr-ph{rotate:-.8deg}.app[data-richtung=c] .gr-item:nth-child(3n) .gr-ph{rotate:.9deg}.atelier-text{margin:0 0 26px;max-width:46ch;font-size:19px;text-wrap:pretty}.selbst{margin:0 0 26px;max-width:46ch;padding-left:20px;border-left:2px solid var(--red)}.selbst p{margin:0 0 14px;font-size:19px;text-wrap:pretty}.selbst p:last-child{margin-bottom:0}.selbst p.selbst-name{font-family:var(--fd);font-weight:var(--wtd);text-transform:var(--ttd);font-size:22px;line-height:1.3;margin-bottom:18px}@media(max-width:540px){.selbst{padding-left:16px}}.atelier-fig{position:relative;z-index:2;margin:0 0 22px}.atelier-rahmen{overflow:hidden}.atelier-rahmen img{width:100%;height:auto;display:block;will-change:transform;transform-origin:50% 50%}.atelier-fig figcaption{color:var(--mut);font-size:15px;margin-top:10px}.app[data-richtung=b] .atelier-fig img{opacity:.9}.card{border:1px solid var(--line);padding:26px 28px;display:grid;gap:16px;font-size:17px}.card .k{color:var(--mut);font-size:15px}footer{border-top:1px solid var(--line);padding:40px 0 60px}.foot-row{display:flex;flex-wrap:wrap;gap:14px 34px;font-size:16px;align-items:baseline}.foot-row .brand{font-family:var(--fd);font-weight:var(--wtd);text-transform:var(--ttd);font-size:18px}.legal{max-width:72ch;padding-top:var(--sp);padding-bottom:var(--sp)}.legal h1{font-size:clamp(36px,5vw,64px);margin:0 0 24px}.legal h2{font-size:clamp(22px,2.4vw,30px);margin:36px 0 10px}.legal p,.legal li{text-wrap:pretty}.app[data-dichte=kompakt]{--sp: clamp(28px,4vw,52px);--gg: 12px;font-size:17px}.app[data-dichte=kompakt] .hero-grid{min-height:54vh}.app[data-rot=aus]{--red: transparent;--red2: transparent}.app[data-rot=satt] .cnr{color:var(--red);border-color:var(--red)}.app[data-rot=satt] a:hover{color:var(--red)}.app[data-korn=an]:before{content:"";position:fixed;inset:0;z-index:2;pointer-events:none;opacity:.38;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E")}.app[data-richtung=b][data-korn=an]:before{mix-blend-mode:overlay;opacity:.28}.panel{position:fixed;right:14px;bottom:14px;z-index:1300;width:236px;background:#101317;color:#c9cfd6;font-family:ui-sans-serif,system-ui,sans-serif;font-size:12px;line-height:1.4;border:1px solid #2A2F36;border-radius:10px;padding:12px;box-shadow:0 10px 30px #00000073}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;font-size:10px;color:#7c8590}.panel-head button{background:#1c2127;color:#9aa3ad;border:0;border-radius:6px;width:22px;height:22px;cursor:pointer;font-size:13px;line-height:1}.panel-lbl{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#7c8590;margin:10px 0 5px}.panel-grid{display:grid;gap:4px}.panel-grid.c2{grid-template-columns:repeat(2,1fr)}.panel-grid.c3{grid-template-columns:repeat(3,1fr)}.panel-grid button{border:0;border-radius:6px;padding:6px 2px;cursor:pointer;font-size:10.5px;font-family:inherit;background:#1c2127;color:#9aa3ad}.panel-grid button.on{background:#3557d6;color:#fff}.panel-note{margin-top:4px;color:#7c8590;font-size:10.5px}.panel-wide{margin-top:12px;width:100%;border:1px solid #2A2F36;border-radius:6px;padding:7px;cursor:pointer;font-size:11px;font-family:inherit;background:#1c2127;color:#c9cfd6}.panel-mini{position:fixed;right:14px;bottom:14px;z-index:1300;width:38px;height:38px;border-radius:50%;border:1px solid #2A2F36;background:#101317;color:#c9cfd6;font-family:ui-sans-serif,system-ui,sans-serif;font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 10px 30px #00000073}@media(max-width:900px){.hero-grid{grid-template-columns:1fr!important;min-height:auto!important;padding-top:24px}.hero-draw{order:-1;justify-content:center}.app[data-richtung=a] .hero-grid{padding-top:0}.app[data-richtung=a] .hero-draw{justify-content:flex-end}.app[data-richtung=c] .hero-draw{margin-left:auto;margin-right:auto}.hand-grid{grid-template-columns:1fr}.ov-card{grid-template-columns:1fr!important;overflow-y:auto}}@media(max-width:700px){#ov{padding:0}.ov-card{grid-template-columns:1fr!important;grid-template-rows:auto 1fr;height:100%;max-height:100%;padding:14px 16px calc(18px + env(safe-area-inset-bottom,0px));gap:14px;overflow-y:auto}.ov-fig{height:46vh}.ov-info h3{font-size:24px;margin-bottom:12px}.ov-row{grid-template-columns:110px 1fr;padding:8px 0;font-size:15.5px}.ov-actions{padding-top:16px;gap:8px}.ov-actions .btn{flex:1 1 auto;min-height:46px;text-align:center}.ov-zaehler{flex:1 0 100%;order:-1;text-align:center}.g-list{--hoehe: min(54vh, 460px)}.gr-grid{--zeile: 150px;gap:26px 12px}.ov-teil{height:60px}.chip{padding:9px 16px}}@media(max-width:359px){.top .wrap{padding-right:34px}.top:after{content:"";position:absolute;top:0;right:0;bottom:1px;width:34px;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,0),var(--bg) 78%)}}@media(max-width:540px){.top .wrap{gap:14px;padding-top:14px;padding-bottom:14px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.top .wrap::-webkit-scrollbar{display:none}.top .brand{font-size:19px;flex-basis:150px}.nav-hand{margin-block:-6px}.app[data-richtung=b] .top .brand .handschrift{height:19px}.top a{font-size:15px}.app{--sp: clamp(44px, 11vw, 64px) !important;font-size:17px}.hero-fig,.app[data-richtung=b] .hero-fig{height:min(52vh,150vw)}.app[data-richtung=a] .hero-text p{max-width:min(34ch,calc(100% - 90px))}.ov-card{padding:14px!important}.ov-row{grid-template-columns:96px 1fr}}