/* Buchholz: dezente raeumliche Effekte ohne externe Abhaengigkeiten */
.hero{isolation:isolate;perspective:1200px}
.hero::after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at var(--hx,72%) var(--hy,58%),#30adff20 0,transparent 48%),linear-gradient(117deg,transparent 20%,#5dc9ff0d 40%,transparent 60%);mix-blend-mode:screen}
.hero-content{z-index:1;transform:translateZ(0);text-shadow:0 4px 24px #0009}
.hero .eyebrow{display:inline-block;border-left:2px solid #53caff;padding-left:13px}
.hero h1 em{background:linear-gradient(110deg,#98e5ff,#249fff 65%,#baeaff);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 3px 12px #047bc433)}
.btn{position:relative;overflow:hidden;box-shadow:0 7px 0 #00366e55,0 12px 30px #007fff25;transition:transform .25s,box-shadow .25s,background .25s}
.btn::after{content:'';position:absolute;top:-50%;bottom:-50%;width:24%;left:-45%;background:linear-gradient(90deg,transparent,#ffffff3b,transparent);transform:skewX(-24deg);transition:left .65s;pointer-events:none}
.btn:hover::after,.btn:focus-visible::after{left:125%}
.btn:hover{transform:translateY(-4px);box-shadow:0 10px 0 #00366e44,0 18px 38px #007fff40}
.btn:active{transform:translateY(1px);box-shadow:0 2px 0 #00366e44}
.car{position:relative;box-shadow:0 14px 35px #0008,inset 0 1px #c7ecff20;transition:transform .22s ease-out,box-shadow .3s,border-color .3s}
.car::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:2;border-radius:inherit;background:radial-gradient(ellipse at var(--mx,50%) var(--my,0%),#9bdeff22,transparent 60%);opacity:0;transition:opacity .3s}
.car:hover{border-color:#59c7ff99;box-shadow:0 25px 48px #0009,0 0 26px #168fff24,inset 0 1px #d6f2ff55}
.car:hover::after,.car:focus-within::after{opacity:1}
.car:focus-within{border-color:#59c7ff99}
.car .photo{box-shadow:inset 0 -20px 30px #0004}
.tag{box-shadow:0 5px 16px #0006}
.special{position:relative;overflow:hidden;box-shadow:inset 0 1px #85d5ff17,inset 0 -1px #85d5ff17}
.special::before{content:'';position:absolute;width:360px;height:360px;border:1px solid #399ad522;border-radius:50%;right:-140px;top:-130px;box-shadow:0 0 0 48px #2685b908,0 0 0 96px #2685b906;pointer-events:none}
.type{position:relative;transition:transform .3s,background .3s,padding .3s}
.type:hover{transform:translateX(7px);padding-left:16px;background:linear-gradient(90deg,#008fff17,transparent)}
.type b{text-shadow:0 5px 18px #068fe43d}
.contact-card{box-shadow:14px 18px 35px #0006,inset 0 1px #b6e7ff24;transition:box-shadow .3s,border-color .3s}
.contact-card:hover{border-color:#51baff70;box-shadow:14px 22px 48px #0009,0 0 30px #008fff10}
.motion-pending{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.motion-visible{opacity:1;transform:none}
@media(hover:none){.car::after{display:none}.btn:hover{transform:none}.type:hover{transform:none;padding-left:0}}
@media(prefers-reduced-motion:reduce){.motion-pending{opacity:1;transform:none;transition:none}.hero::after,.car::after,.btn::after{display:none}.btn,.car,.type,.contact-card{transition:none!important;transform:none!important}}

/* Auffaelligere Variante */
.hero{border-bottom:1px solid #4ac6ff77;box-shadow:0 20px 70px #008dff16}
.showcase-atmosphere{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;perspective:900px}
.showcase-ring{position:absolute;width:min(52vw,790px);aspect-ratio:1;right:-5%;top:-22%;border-radius:50%;border:1px solid #5aceff66;box-shadow:0 0 25px #008fff3b,inset 0 0 25px #008fff20;transform:rotateX(62deg) rotateZ(-28deg);animation:ring-orbit 18s linear infinite}
.showcase-ring:nth-child(2){width:min(44vw,670px);right:-1%;top:-12%;border-style:dashed;border-color:#6bdcff55;animation-duration:28s;animation-direction:reverse}
.showcase-ring:nth-child(3){width:min(36vw,550px);right:3%;top:-1%;border-color:#8de5ff44;animation-duration:38s}
.showcase-beam{position:absolute;width:50%;height:2px;right:-20%;top:18%;background:linear-gradient(90deg,transparent,#75ddffbb,transparent);box-shadow:0 0 16px #24b7ff;transform:rotate(-24deg);animation:beam-pass 8s ease-in-out infinite;opacity:0}
.hero h1 em{filter:drop-shadow(0 0 20px #058fff66)}
.car{border-color:#4da4d04a;box-shadow:0 15px 35px #0009,0 0 0 1px #183e5670}
.car:hover{border-color:#86e2ff;box-shadow:0 32px 60px #000b,0 0 35px #009fff55,inset 0 1px #e4f8ff99}
.car::after{background:radial-gradient(ellipse at var(--mx,50%) var(--my,0%),#b6eeff40,transparent 64%)}
.btn{box-shadow:0 6px 0 #00427b77,0 0 22px #008fff38}
.btn:hover{box-shadow:0 9px 0 #00427b77,0 0 38px #008fff77}
@keyframes ring-orbit{from{transform:rotateX(62deg) rotateZ(-28deg)}to{transform:rotateX(62deg) rotateZ(332deg)}}
@keyframes beam-pass{0%,35%,100%{opacity:0;transform:translateX(15%) translateY(-30px) rotate(-24deg)}45%{opacity:.8}70%{opacity:0;transform:translateX(-120%) translateY(320px) rotate(-24deg)}}
@media(max-width:700px){.showcase-ring{width:460px;right:-290px;top:-40px;opacity:.55}.showcase-ring:nth-child(2){width:390px;right:-255px;top:0}.showcase-ring:nth-child(3){width:320px;right:-220px;top:40px}.showcase-beam{display:none}}
@media(prefers-reduced-motion:reduce){.showcase-atmosphere{display:none}}