*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#110c1c;color:#f7f4fb;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{width:min(1140px,calc(100% - 40px));margin:auto}.skip{position:absolute;top:-100px;left:10px;background:white;color:black;padding:10px;z-index:10}.skip:focus{top:10px}.nav{display:flex;justify-content:space-between;align-items:center;min-height:94px;gap:20px}.brand img{width:165px;max-height:76px;object-fit:contain}.nav nav{display:flex;gap:30px}.nav nav a:hover,.footer a:hover{color:#00c8c8}.menu{display:none}.hero{background:linear-gradient(110deg,rgba(17,12,28,.96),rgba(45,15,78,.82)),url('assets/banner.webp') center/cover;border-top:1px solid #352347;border-bottom:1px solid #352347}.hero-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:35px;align-items:center;min-height:570px;padding:70px 0}.eyebrow{font-size:.8rem;letter-spacing:.19em;font-weight:800;color:#00c8c8}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.7rem,6.1vw,5.4rem);line-height:1.1;letter-spacing:-.055em;margin-bottom:24px}h1 span{background:linear-gradient(90deg,#b967ef,#ff7a00);background-clip:text;color:transparent}.lead{font-size:1.15rem;max-width:550px;color:#e3d9eb}.hero-art{position:relative;padding:35px;background:radial-gradient(circle,#a64ac94d,transparent 72%)}.hero-art img{width:100%;filter:drop-shadow(0 12px 26px #0008)}.pixel{text-align:right;color:#00c8c8;letter-spacing:10px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.btn{display:inline-block;border-radius:12px;padding:13px 22px;font-weight:800}.primary{background:linear-gradient(110deg,#a64ac9,#ff7a00);color:white}.secondary{border:1px solid #78618c}.section{padding-top:90px;padding-bottom:90px}.section h2{font-size:clamp(2rem,4.5vw,3.4rem);line-height:1.13;letter-spacing:-.035em;max-width:750px}.intro{color:#c9bbd5;max-width:700px}.cards,.gallery,.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:35px}.card,.steps>div{background:#21172e;border:1px solid #433052;border-radius:20px;padding:28px}.card h3,.steps h3{font-size:1.3rem}.card p,.steps p{color:#cfc1db}.symbol{font-size:2.5rem;color:#ff7a00}.work{background:#1b1327}.gallery figure{margin:0;background:#2a1e36;border:1px solid #433052;border-radius:16px;overflow:hidden}.gallery img{width:100%;aspect-ratio:4/3;object-fit:cover}.gallery figcaption{padding:15px 18px;font-weight:700}.small{font-size:.86rem;color:#ad9dbb;margin-top:20px}.steps b{font-size:2rem;color:#00c8c8}.contact{text-align:center;background:linear-gradient(125deg,#3b1756,#281329 55%,#633111)}.contact h2{margin-inline:auto}.contact p{color:#e5d8e8}.footer{padding-top:40px;padding-bottom:45px;display:flex;align-items:center;justify-content:space-between;gap:25px}.footer img{width:120px}.footer p,.footer small{font-size:.8rem;color:#b6a8c1}.footer>div:nth-child(2){display:flex;gap:18px;flex-wrap:wrap}.legal{max-width:800px;padding-top:60px;padding-bottom:100px}.legal h1{font-size:2.7rem}.legal p{color:#ded1e8}@media(max-width:760px){.nav{min-height:75px}.brand img{width:120px}.menu{display:block;background:transparent;color:white;border:1px solid #745c83;border-radius:8px;padding:8px 12px;font-size:1.3rem}.nav nav{display:none;position:absolute;z-index:3;top:75px;left:0;right:0;background:#21172e;padding:20px;flex-direction:column}.nav nav.open{display:flex}.hero-inner{grid-template-columns:1fr;min-height:auto;padding:60px 0}.hero-art{max-width:390px;margin:auto}.cards,.gallery,.steps{grid-template-columns:1fr}.section{padding-top:65px;padding-bottom:65px}.footer{flex-direction:column;align-items:flex-start}}/* Projektanfrage */
.inquiry{max-width:760px;margin:28px 0 0;display:grid;gap:16px;padding:26px;border:1px solid #ffffff35;border-radius:20px;background:#ffffff0c}.inquiry label{display:grid;gap:7px;font-weight:650}.inquiry input,.inquiry select,.inquiry textarea{width:100%;padding:12px 14px;border:1px solid #ffffff55;border-radius:10px;background:#21182e;color:#fff;font:inherit}.inquiry textarea{min-height:135px;resize:vertical}.inquiry input::placeholder,.inquiry textarea::placeholder{color:#c6b9d0}.inquiry .two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.inquiry .consent{display:flex;gap:10px;align-items:flex-start;font-weight:400;font-size:.9rem}.inquiry .consent input{width:auto;margin-top:5px}.inquiry a{color:#00c8c8}.inquiry .hint{font-size:.85rem;opacity:.8}@media(max-width:600px){.inquiry .two{grid-template-columns:1fr}.inquiry{padding:18px}}

/* Produktgalerie: einheitliche Motivkarten und Großansicht */
.gallery-open{display:block;width:100%;padding:0;border:0;background:#241932;cursor:zoom-in;overflow:hidden}.gallery-open img{width:100%;aspect-ratio:4/3;object-fit:contain;padding:12px}.gallery-open:focus-visible{outline:3px solid #00c8c8;outline-offset:-3px}.sticker-dialog{position:fixed;inset:0;max-width:min(96vw,1000px);max-height:94dvh;overflow:auto;padding:16px;background:#20152e;color:white;border:1px solid #a64ac9;border-radius:16px;box-shadow:0 20px 90px #000c}.sticker-dialog::backdrop{background:#000c}.sticker-dialog img{max-width:100%;max-height:75dvh;object-fit:contain;margin:auto;border-radius:8px}.sticker-close{display:block;margin:0 0 12px auto;border:1px solid #ad9bbd;border-radius:9px;background:#332243;color:white;padding:9px 15px;cursor:pointer}.sticker-dialog p{text-align:center;color:#d4c7dd;font-size:.85rem;margin:12px 0 0}

/* Referenzen mit Geräte-Mockups */
.reference-card{padding:0;overflow:hidden;display:flex;flex-direction:column}.reference-visual{display:flex;position:relative;align-items:center;justify-content:center;min-height:330px;padding:24px 22px 50px;background:radial-gradient(ellipse at 50% 20%,#385262,#101a2b 75%);overflow:hidden}.device-frame{display:block;background:#10131c;padding:7px;border:1px solid #72818b;border-radius:20px;width:190px;box-shadow:12px 16px 28px #0007;transform:rotate(-5deg)}.web-screen{position:relative;display:block;overflow:hidden;width:100%;aspect-ratio:635/926;border-radius:14px;background:#09274a}.web-screen img{position:absolute;width:250%;max-width:none;top:-3.4%;height:auto}.tournament-screen img{left:-20.8%}.ticker-screen img{left:-129%}.reference-card:nth-child(2) .device-frame{transform:rotate(5deg)}.reference-badge{position:absolute;left:20px;bottom:15px;color:#c6f4e8;font-size:.68rem;font-weight:800;letter-spacing:.1em}.reference-copy{padding:25px;display:flex;flex-direction:column;flex:1}.reference-copy h3{line-height:1.35;margin-bottom:12px}.reference-copy p{font-size:.95rem}.reference-link{color:#00d5cd;font-weight:700;margin-top:auto;padding-top:8px}.reference-link:hover{text-decoration:underline}.app-visual{background:radial-gradient(ellipse at 60% 20%,#693278,#211129 75%)}.app-device{display:block;width:250px;border:6px solid #101018;border-radius:23px;box-shadow:12px 16px 28px #0007;overflow:hidden;transform:rotate(-5deg)}.app-device img{width:100%}.reference-visual:hover .device-frame,.reference-visual:hover .app-device{transform:rotate(0)}.reference-visual:focus-visible,.reference-link:focus-visible{outline:3px solid #00c8c8;outline-offset:-4px}.project-header{padding:30px 0;border-bottom:1px solid #433052}.project-header .wrap{display:flex;justify-content:space-between;gap:20px;align-items:center}.project-header img{width:120px}.project-main{max-width:1000px}.project-main h1{font-size:clamp(2.5rem,6vw,4rem)}.project-video{display:block;width:100%;border-radius:18px;border:1px solid #574264;background:#09060e;margin:25px 0}.project-gallery{margin-top:35px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.project-gallery a{display:block;border-radius:15px;overflow:hidden;border:1px solid #574264}.project-gallery img{width:100%;aspect-ratio:1;object-fit:contain}.project-gallery a:focus-visible{outline:3px solid #00c8c8;outline-offset:4px}.media-dialog{padding:16px;background:#20152e;color:#fff;border:1px solid #a64ac9;border-radius:18px;max-width:min(94vw,900px);max-height:94dvh}.media-dialog::backdrop{background:#000d}.media-dialog img{max-height:75dvh;margin:auto;object-fit:contain}.media-controls{display:flex;gap:15px;align-items:center;justify-content:space-between;margin-bottom:12px}.media-controls button{font:inherit;padding:9px 14px;border:1px solid #78618c;background:#332243;border-radius:9px;color:white;cursor:pointer}@media(max-width:900px) and (min-width:761px){.reference-cards{grid-template-columns:1fr}.reference-card{display:grid;grid-template-columns:1fr 1fr}}@media(max-width:760px){.reference-visual{min-height:310px}.project-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.project-header .wrap{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Schwarz-weißes Markenlogo und zentrierte Projektanfrage */
.inquiry{margin:28px auto 0;text-align:left;width:100%}.contact .intro,.contact>.wrap>p:not(.eyebrow):not(.small){max-width:760px;margin-inline:auto}.inquiry button[type="submit"]{justify-self:center;text-align:center;max-width:100%;cursor:pointer;border:0;font:inherit;font-weight:800}.inquiry input:focus-visible,.inquiry select:focus-visible,.inquiry textarea:focus-visible{outline:3px solid #00c8c8;outline-offset:2px}.brand img{width:165px;max-height:none;aspect-ratio:2440/1180;object-fit:contain}.hero-art img{aspect-ratio:2440/1180;object-fit:contain}.project-header img{aspect-ratio:2440/1180;object-fit:contain}.inquiry .consent a{text-decoration:underline}@media(max-width:760px){.brand img{width:120px}}

.legal h2{font-size:1.35rem;line-height:1.35;margin-top:32px}.legal a{text-decoration:underline;color:#00c8c8}.legal-status{padding:18px;border:1px solid #a77a40;border-radius:12px;background:#443017}.legal{overflow-wrap:anywhere}

.inquiry-status{margin:0;font-size:.9rem}.inquiry-status:empty{display:none}.inquiry-fallback[hidden]{display:none}.inquiry-fallback{display:grid;gap:14px}.inquiry .email-draft{min-height:260px;font-weight:400}.inquiry .copy-inquiry{justify-self:start;color:white;cursor:pointer;font:inherit}.inquiry button:disabled{opacity:.6;cursor:not-allowed}

.denk-feature{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(1.5rem,4vw,3rem);align-items:center;margin-top:1.75rem;padding:clamp(1.3rem,4vw,2.75rem);background:linear-gradient(135deg,#272035,#1e242f);border-color:#524366}
.denk-status{display:inline-flex;align-items:center;gap:.55rem;margin:0 0 1rem;padding:.35rem .75rem;border:1px solid #bda4e364;border-radius:999px;color:#f0dcff!important;font-size:.82rem;font-weight:700}
.denk-status::before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:#d5adff}
.denk-copy h3{font-size:clamp(2rem,5vw,3.3rem);line-height:1.05;margin:0 0 .6rem;letter-spacing:-.045em}
.denk-copy .denk-lead{color:#fff;font-size:1.15rem;font-weight:700;margin-bottom:.6rem}
.denk-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem 1.15rem;margin-top:1.25rem}
.denk-actions .reference-link{margin:0;padding:0}
.denk-visual{display:grid;place-items:center;min-width:0;padding:clamp(.8rem,3vw,1.8rem);border-radius:1rem;background:radial-gradient(ellipse at 14% 0%,#7e59a0 0%,transparent 65%),linear-gradient(150deg,#3e2f56,#213c47)}
.denk-panel{width:100%;max-width:23rem;padding:1rem;border:1px solid #ffffff30;border-radius:.85rem;background:#211a30;box-shadow:0 14px 30px #15102280}
.denk-panel p{display:flex;align-items:center;gap:.65rem;margin:.5rem 0 0;padding:.55rem .65rem;border-radius:.55rem;background:#ffffff0e;color:#f6eeff;font-weight:650;font-size:.9rem}
.denk-panel p.denk-panel-label{padding:0 0 .35rem;margin:0;background:transparent;color:#e0c1ff;font-size:.72rem;letter-spacing:.11em}
.denk-panel span{color:#9de7e0;font-size:.75rem;letter-spacing:.07em}
@media(max-width:760px){.denk-feature{grid-template-columns:1fr}}