/* Version 2.9.2 Beta: perspektivisches Glasregal mit beleuchteten Ebenen. */
:root{--cabinet-line:rgba(62,133,135,.52);--cabinet-white:rgba(255,255,255,.9)}
html{background:#f3f1ed}
body{overflow-x:hidden;background:radial-gradient(circle at var(--light-x) var(--light-y),#fff 0,rgba(255,255,255,.84) 22%,transparent 53%),linear-gradient(180deg,#faf9f7,#efeeeb 72%,#e8e7e3);color:#13213a}
.site-header,.intro{display:none}
.showcase-header{max-width:1580px;min-height:150px;margin:auto;padding:20px clamp(24px,4.5vw,72px) 13px;display:grid;grid-template-columns:auto minmax(440px,1fr) minmax(245px,330px);align-items:center;gap:clamp(20px,3vw,48px);position:relative}
.showcase-brand{align-self:center;display:flex;align-items:baseline;color:#123477;text-decoration:none;letter-spacing:-.06em;white-space:nowrap}
.showcase-brand b{color:#0873db;font:800 clamp(42px,5.3vw,78px)/1 "Segoe UI",Arial,sans-serif}.showcase-brand sub{display:inline-block;margin-left:-.13em;position:relative;bottom:0;font-size:.45em;line-height:1;vertical-align:baseline}.showcase-brand span{font:750 clamp(28px,3.2vw,49px)/1 "Segoe UI",Arial,sans-serif}
.showcase-claim{grid-column:2;text-align:center;color:#101f39}.showcase-claim strong{display:block;color:#123d8f;font:400 clamp(44px,5.05vw,78px)/.9 "Segoe Script","Brush Script MT",cursive;letter-spacing:-.055em;white-space:nowrap}.showcase-claim span{display:block;margin-top:7px;font-size:clamp(18px,1.7vw,27px);font-weight:550}.showcase-note{grid-column:3;margin:0;color:#17233a;font-size:clamp(13px,1.1vw,17px);line-height:1.35;text-align:left}.showcase-note small{display:block;margin-top:5px;color:#56615d;font-size:10px;line-height:1.45}
.showcase-main{max-width:1640px;margin:auto;padding:0 13px 28px}
.glass-room{max-width:1580px;margin:0 auto 28px;padding:36px 5px 0;perspective:1800px}
.light-field{inset:36px 1.5% 0;border-radius:0;background:linear-gradient(90deg,#788480 0,#aeb7b3 13%,#8f9a96 50%,#aeb7b3 87%,#737f7b 100%);border:1px solid rgba(255,255,255,.76);box-shadow:0 27px 70px rgba(32,44,40,.24),inset 28px 0 48px rgba(55,67,63,.29),inset -28px 0 48px rgba(55,67,63,.29),inset 0 1px 0 rgba(255,255,255,.72)}
.cabinet-roof{position:absolute;z-index:5;top:0;left:0;right:0;height:43px;border:1px solid rgba(48,117,120,.38);border-radius:3px;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(210,226,225,.36) 52%,rgba(255,255,255,.64));box-shadow:0 8px 10px rgba(30,47,44,.13),inset 0 2px 0 #fff;transform:perspective(1800px) rotateX(var(--scene-rx)) rotateY(var(--scene-ry)) rotateX(-3deg);transform-origin:center bottom;transform-style:preserve-3d;transition:transform .18s ease;display:grid;grid-template-columns:repeat(6,1fr);align-items:center;padding:0 5.5%}
.cabinet-roof:after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:3px;background:linear-gradient(90deg,#3f999b,rgba(255,255,255,.7),#3f999b);opacity:.7}
.cabinet-roof i{display:none}.glass-cabinet{padding:24px 22px 6px;border-radius:0;background:linear-gradient(90deg,rgba(80,94,89,.45),rgba(166,175,171,.64) 14%,rgba(137,148,143,.62) 50%,rgba(166,175,171,.64) 86%,rgba(76,90,85,.47));border:0;border-left:1px solid rgba(220,234,229,.42);border-right:1px solid rgba(220,234,229,.42);box-shadow:inset 25px 0 38px rgba(55,67,63,.22),inset -25px 0 38px rgba(55,67,63,.22),inset 0 1px 0 rgba(255,255,255,.4);transform-origin:center top}
.glass-cabinet:before,.glass-cabinet:after{top:0;bottom:0;width:9px;border-radius:0;background:linear-gradient(90deg,rgba(255,255,255,.84),rgba(142,177,171,.14),rgba(255,255,255,.55));border-color:rgba(132,166,160,.18);box-shadow:none}.glass-cabinet:before{left:1px}.glass-cabinet:after{right:1px}
.shelf-level{min-height:355px;padding:14px 20px 23px;gap:clamp(7px,1.25vw,19px);background:none}
.shelf-level+.shelf-level{margin-top:0}
.shelf-lamps,.shelf-lighting{position:absolute;left:15px;right:15px;display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));pointer-events:none}.shelf-lamps{z-index:4;top:2px;height:13px}.shelf-lamps i{justify-self:center;width:24px;height:10px;border-radius:50%;background:radial-gradient(ellipse,#fff 0,#fff4cf 27%,#e3bd76 49%,rgba(107,84,49,.44) 65%,transparent 74%);box-shadow:0 4px 15px rgba(255,224,157,.76),0 9px 23px rgba(255,244,207,.38)}
.shelf-lighting{z-index:0;top:18px;bottom:43px}.shelf-lighting i{background:radial-gradient(ellipse at 50% 0,rgba(255,252,231,.98),rgba(255,243,194,.54) 18%,rgba(255,247,216,.24) 43%,transparent 73%);filter:blur(.35px);mix-blend-mode:screen}
.glass-slab{z-index:1;left:0;right:0;top:312px;height:19px;border-radius:2px;background:linear-gradient(180deg,rgba(255,255,255,.68),rgba(160,211,208,.28) 48%,rgba(45,122,125,.3));border-top:1px solid rgba(255,255,255,.96);border-bottom:2px solid var(--cabinet-line);box-shadow:0 13px 18px -13px rgba(13,39,37,.88),inset 0 5px 10px rgba(255,255,255,.42);backdrop-filter:blur(3px);clip-path:polygon(.5% 0,99.5% 0,100% 100%,0 100%);transform:translateZ(1px);transform-style:preserve-3d}
.glass-slab:before{height:45px;transform:perspective(580px) rotateX(72deg);background:linear-gradient(180deg,rgba(255,255,255,.62),rgba(116,184,179,.12));border-color:rgba(255,255,255,.76)}
.glass-slab:after{bottom:-20px;height:20px;opacity:.55}.glass-sheen{z-index:2;left:1px;right:1px;top:312px;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9) 15%,rgba(183,235,232,.78) 50%,rgba(255,255,255,.86) 85%,transparent);transform:translateZ(2px)}
.publication{z-index:5;height:347px;transform:translateY(-14px)}.magazine{height:385px;transform-origin:center 309px}.magazine:hover,.magazine:focus-visible{--rise:-3px;--forward:28px;--scale:1.018}
.cover-wrap{height:312px}.cover{max-height:278px;max-width:98%;background:transparent;border-radius:1px;box-shadow:-4px 14px 24px rgba(16,27,24,.35),2px 0 0 rgba(55,72,67,.34)}.cover.compact{max-height:257px}.cover.landscape{max-height:190px;max-width:99%}
.cover-wrap:after{bottom:5px;height:242px;opacity:.45}.reflection{z-index:6;top:313px;width:auto;height:36px;max-width:none;max-height:none;object-fit:cover;object-position:center bottom;opacity:.22;filter:blur(.2px);transform:translateY(100%) scaleY(-1);transform-origin:center top;mask-image:linear-gradient(to bottom,rgba(0,0,0,.76),transparent 92%)}
.share-publication{z-index:15;top:26px;right:8%;bottom:auto;width:30px;height:30px;opacity:0;background:rgba(255,255,255,.76);border-color:rgba(75,123,113,.2);color:#356d62;backdrop-filter:blur(8px);transition:opacity .16s ease,transform .16s ease}.publication:hover .share-publication,.share-publication:focus-visible{opacity:1}
footer{max-width:1580px;margin:auto;justify-content:center;gap:46px;border-top:0;min-height:72px;padding:20px 125px;color:#36423e}footer nav{word-spacing:20px}footer>span{position:absolute;left:clamp(20px,5vw,80px);right:auto;font-size:9px;color:#69736f}
.sound-button,.motion-button{opacity:.62}
@media(max-width:1040px){.showcase-header{min-height:158px;grid-template-columns:auto 1fr;gap:18px;padding-top:18px}.showcase-brand{grid-column:1;grid-row:1/3}.showcase-claim{grid-column:2}.showcase-claim strong{white-space:normal;font-size:clamp(39px,6.5vw,64px)}.showcase-claim span{font-size:17px}.showcase-note{grid-column:2;margin-top:-8px;text-align:center;font-size:13px}.showcase-note small{display:inline;margin-left:4px;font-size:10px}}
@media(max-width:600px){.showcase-header{min-height:205px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 14px 12px}.showcase-brand b{font-size:46px}.showcase-brand span{font-size:30px}.showcase-claim strong{font-size:46px}.showcase-claim span{margin-top:3px;font-size:16px}.showcase-note{max-width:390px;margin:2px 0 0;font-size:12px;text-align:center}.showcase-note small{display:block;margin:2px 0 0;font-size:10px}.showcase-main{padding-left:4px;padding-right:4px}.glass-room{padding-top:29px}.cabinet-roof{height:35px}.glass-cabinet{padding-left:10px;padding-right:10px}.shelf-level{padding-left:8px;padding-right:8px;gap:9px}.shelf-lamps,.shelf-lighting{left:8px;right:8px}.cover{max-height:268px}.cover.compact{max-height:247px}.cover.landscape{max-height:182px}.share-publication{opacity:.72}footer{min-height:118px;align-items:center;gap:10px;padding:20px 16px 72px;text-align:center}footer>span{position:static}}