:root{--sc-bg:#060b12;--sc-panel:#0b1520;--sc-panel-2:#0e1b27;--sc-line:rgba(255,255,255,.1);--sc-text:#f7fafc;--sc-muted:#9aadb9;--sc-accent:#00cea8;--sc-accent-rgb:0,206,168}
.studio-category--mechanik{--sc-accent:#36d9ff;--sc-accent-rgb:54,217,255}.studio-category--werkstatt{--sc-accent:#fde100;--sc-accent-rgb:253,225,0}.studio-category--dekoration{--sc-accent:#ff5caf;--sc-accent-rgb:255,92,175}
.studio-category-landing{background:var(--sc-bg);color:var(--sc-text);font-family:Inter,Arial,sans-serif;overflow:hidden}.studio-category-landing *{box-sizing:border-box}.studio-category-landing h1,.studio-category-landing h2,.studio-category-landing h3{color:#fff;font-family:Rubik,Arial,sans-serif}.studio-category-shell{width:var(--site-content-inline-size,min(100%,1440px));max-width:100%;margin-inline:auto;padding-inline:4vw}
.studio-category-hero{position:relative;width:var(--site-content-inline-size,min(100%,1440px));max-width:100%;min-height:clamp(620px,72vw,820px);margin-inline:auto;overflow:hidden;background:var(--sc-bg);isolation:isolate}.studio-category-hero>img{position:absolute;inset-block:0;inset-inline:4vw;width:calc(100% - 8vw);height:100%;object-fit:cover}.studio-category-hero-shade{position:absolute;inset-block:0;inset-inline:4vw;background:linear-gradient(90deg,rgba(4,10,17,.98) 0%,rgba(4,10,17,.91) 33%,rgba(4,10,17,.28) 69%,rgba(4,10,17,.08)),linear-gradient(0deg,rgba(4,10,17,.74),transparent 48%)}.studio-category-hero-content{position:relative;z-index:1;width:min(710px,calc(100% - 40px));padding:56px 0 72px;margin-left:4vw}.studio-category-breadcrumb{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px;color:#748c98;font:600 .74rem/1.4 Rubik,Arial,sans-serif}.studio-category-breadcrumb a{color:#9fb4be;text-decoration:none}.studio-category-breadcrumb a:hover{color:var(--sc-accent)}.studio-category-kicker{margin:0 0 12px;color:var(--sc-accent);font:800 .73rem/1.25 Rubik,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase}.studio-category-hero h1{max-width:700px;margin:.2em 0 .3em;color:#fff;font:750 clamp(2.65rem,5.1vw,4.65rem)/.98 Rubik,Arial,sans-serif;letter-spacing:-.055em;text-wrap:balance}.studio-category-hero-content>p:not(.studio-category-kicker){max-width:615px;margin:0;color:#c6d7df;font-size:clamp(1.04rem,1.7vw,1.25rem);line-height:1.65}.studio-category-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:27px}.studio-category-hero-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 23px;border-radius:9px;background:var(--sc-accent);box-shadow:0 12px 36px rgba(var(--sc-accent-rgb),.2);color:#03110e!important;font-weight:800;text-decoration:none}.studio-category-hero-actions a.is-secondary{border:1px solid rgba(255,255,255,.22);background:rgba(8,20,31,.76);box-shadow:none;color:#fff!important}.studio-category-hero-trust{display:flex;flex-wrap:wrap;gap:10px 20px;margin:25px 0 0;padding:0;list-style:none;color:#9db2bc;font-size:.84rem}.studio-category-hero-trust li::before{margin-right:7px;color:var(--sc-accent);content:'✓';font-weight:900}
.studio-category-section{padding:92px 0}.studio-category-section--alt{border-block:1px solid rgba(255,255,255,.06);background:#08121c}.studio-category-section--topics{background:radial-gradient(circle at 75% 20%,rgba(var(--sc-accent-rgb),.1),transparent 31%),#08131d}.studio-category-section-heading{max-width:790px}.studio-category-section-heading h2{margin:0;font-size:clamp(2rem,4.3vw,3.55rem);line-height:1.05;letter-spacing:-.04em;text-wrap:balance}.studio-category-section-heading>p:not(.studio-category-kicker){margin:20px 0 0;color:var(--sc-muted);font-size:1rem;line-height:1.75}
.studio-area-switcher{margin-top:34px}.studio-area-switcher-head{display:flex;align-items:baseline}.studio-area-switcher-label{color:#fff;font:700 .86rem/1.3 Rubik,Arial,sans-serif}.studio-area-switcher-track{display:flex;min-width:0;gap:8px;margin-top:12px;align-items:center;flex-wrap:wrap}.studio-area-chip{display:inline-flex;min-width:max-content;min-height:38px;padding:8px 14px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:transparent;color:rgba(255,255,255,.68)!important;align-items:center;gap:8px;font:600 .8rem/1 Inter,Arial,sans-serif;text-decoration:none;white-space:nowrap;scroll-snap-align:start;transition:border-color .2s ease,background-color .2s ease,color .2s ease}.studio-area-chip-count{display:grid;min-width:20px;height:20px;padding-inline:5px;border-radius:999px;background:rgba(255,255,255,.07);color:rgba(255,255,255,.62);place-items:center;font-size:.65rem}.studio-area-chip:hover,.studio-area-chip:focus-visible,.studio-area-chip.is-current{border-color:#fde100;background:#fde100;color:#060a10!important}.studio-area-chip:focus-visible{outline:2px solid #fde100;outline-offset:3px}.studio-area-chip:hover .studio-area-chip-count,.studio-area-chip:focus-visible .studio-area-chip-count,.studio-area-chip.is-current .studio-area-chip-count{background:rgba(6,10,16,.12);color:#060a10}.studio-area-switcher+.studio-category-card-grid,.studio-area-switcher+.electronics-card-grid{margin-top:25px}
.studio-category-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:42px}.studio-category-card{display:flex;min-width:0;overflow:hidden;flex-direction:column;border:1px solid var(--sc-line);border-radius:16px;background:linear-gradient(145deg,var(--sc-panel-2),var(--sc-panel));color:inherit;text-decoration:none}.studio-category-card.is-live,.studio-category-card.is-preview{border-color:rgba(var(--sc-accent-rgb),.4);box-shadow:0 18px 55px rgba(0,0,0,.2)}.studio-category-card-image{position:relative;height:230px;overflow:hidden;background:#07111b}.studio-category-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.studio-category-card.is-live:hover .studio-category-card-image img,.studio-category-card.is-preview:hover .studio-category-card-image img{transform:scale(1.035)}.studio-category-card-image span{position:absolute;top:14px;right:14px;padding:7px 10px;border:1px solid rgba(255,255,255,.18);border-radius:99px;background:rgba(4,12,20,.8);color:#dfeaf0;font:800 .66rem Rubik,Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase}.studio-category-card.is-live .studio-category-card-image span,.studio-category-card.is-preview .studio-category-card-image span{border-color:rgba(var(--sc-accent-rgb),.45);background:var(--sc-accent);color:#03110e}.studio-category-card-body{display:flex;min-height:260px;padding:25px;flex:1;flex-direction:column}.studio-category-card-body small{color:var(--sc-accent);font-weight:800;letter-spacing:.1em;text-transform:uppercase}.studio-category-card-body h3{margin:10px 0 11px;font-size:1.38rem}.studio-category-card-body p{margin:0;color:var(--sc-muted);line-height:1.65}.studio-category-card-body strong{margin-top:auto;padding-top:24px;color:var(--sc-accent);font-size:.88rem}.studio-category-card.is-planned{opacity:.76}.studio-category-card.is-planned strong{color:#758a96}
.studio-category-intro-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:75px;align-items:start}.studio-category-text-link{display:inline-flex;margin-top:26px;color:var(--sc-accent)!important;font-weight:800;text-decoration:none}.studio-category-benefit-grid{display:grid;gap:13px}.studio-category-benefit-grid article{padding:24px;border:1px solid var(--sc-line);border-radius:14px;background:rgba(255,255,255,.025)}.studio-category-benefit-grid span{color:var(--sc-accent);font:800 .75rem Rubik,Arial,sans-serif}.studio-category-benefit-grid h3{margin:9px 0 7px;font-size:1.13rem}.studio-category-benefit-grid p{margin:0;color:var(--sc-muted);font-size:.9rem;line-height:1.65}
.studio-category-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:42px 0 0;padding:0;list-style:none}.studio-category-steps li{padding:25px;border:1px solid var(--sc-line);border-radius:14px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.015))}.studio-category-steps>li>span{display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(var(--sc-accent-rgb),.42);border-radius:50%;color:var(--sc-accent);font-weight:900}.studio-category-steps h3{margin:28px 0 8px;font-size:1.1rem}.studio-category-steps p{margin:0;color:var(--sc-muted);font-size:.88rem;line-height:1.6}
.studio-category-topic-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:70px;align-items:center}.studio-category-topic-list{display:grid;grid-template-columns:1fr 1fr;gap:11px}.studio-category-topic-list span{padding:16px 18px;border:1px solid var(--sc-line);border-radius:10px;background:rgba(255,255,255,.025);color:#dce8ed;font-weight:700}.studio-category-topic-list span::before{margin-right:9px;color:var(--sc-accent);content:'◆';font-size:.58rem}
.studio-category-related{border-top:1px solid rgba(255,255,255,.06)}.studio-category-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:36px}.studio-category-related-grid a{display:flex;min-height:150px;padding:24px;border:1px solid var(--sc-line);border-radius:14px;background:rgba(255,255,255,.025);flex-direction:column;text-decoration:none}.studio-category-related-grid strong{color:#fff;font:700 1.05rem Rubik,Arial,sans-serif}.studio-category-related-grid span{margin-top:10px;color:var(--sc-muted);line-height:1.6}.studio-category-related-grid a::after{margin-top:auto;padding-top:15px;color:var(--sc-accent);content:'Mehr erfahren →';font-size:.82rem;font-weight:800}
.studio-category-faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:75px}.studio-category-faq details{border-bottom:1px solid var(--sc-line)}.studio-category-faq summary{padding:20px 36px 20px 0;color:#fff;font:700 1rem Rubik,Arial,sans-serif;cursor:pointer}.studio-category-faq details p{margin:0;padding:0 0 20px;color:var(--sc-muted);line-height:1.7}
@media(max-width:1120px){.studio-area-switcher-track{justify-content:flex-start}}
@media(max-width:1024px){.studio-category-shell{padding-inline:32px}.studio-category-hero>img,.studio-category-hero-shade{inset-inline:32px}.studio-category-hero>img{width:calc(100% - 64px)}.studio-category-hero-content{margin-left:32px}.studio-category-topic-grid{gap:45px}}
@media(max-width:900px){.studio-category-card-grid{grid-template-columns:1fr 1fr}.studio-category-intro-grid,.studio-category-topic-grid,.studio-category-faq-grid{grid-template-columns:1fr;gap:42px}.studio-category-steps{grid-template-columns:1fr 1fr}.studio-category-related-grid{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.studio-category-faq-grid{gap:24px}}
@media(max-width:767px){.studio-category-shell{width:var(--site-content-inline-size,min(100%,1440px));padding-inline:16px}.studio-category-hero{min-height:760px}.studio-category-hero>img,.studio-category-hero-shade{inset-inline:16px}.studio-category-hero>img{width:calc(100% - 32px);object-position:64% center}.studio-category-hero-shade{background:linear-gradient(180deg,rgba(4,10,17,.3),rgba(4,10,17,.98) 55%)}.studio-category-hero-content{width:100%;margin:0;padding:330px 16px 48px}.studio-category-hero h1{font-size:clamp(2.2rem,11vw,3rem)}.studio-category-hero-actions a{width:100%;text-align:center}.studio-category-section{padding:68px 0}.studio-area-switcher-track{margin-inline:-12px;padding:2px 12px 8px;overflow-x:auto;flex-wrap:nowrap;scroll-padding-inline:12px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.studio-area-chip{flex:0 0 auto}.studio-area-switcher-track::-webkit-scrollbar{height:4px}.studio-area-switcher-track::-webkit-scrollbar-thumb{border-radius:99px;background:rgba(255,255,255,.16)}.studio-category-card-grid,.studio-category-steps,.studio-category-topic-list,.studio-category-related-grid{grid-template-columns:1fr}.studio-category-card-image{height:220px}.studio-category-card-body{min-height:235px}.studio-category-hero-trust{gap:8px 14px}}
@media(prefers-reduced-motion:reduce){.studio-category-card-image img,.studio-area-chip{transition:none}}
.studio-category-card:is(.is-live,.is-preview) .studio-category-card-body strong{display:inline-flex;min-height:42px;margin-top:auto;padding:0 16px;border-radius:9px;background:var(--sc-accent);box-shadow:0 9px 24px rgba(var(--sc-accent-rgb),.18);color:#03110e;align-self:flex-start;align-items:center;justify-content:center;gap:6px;transition:box-shadow .2s ease,transform .2s ease}.studio-category-card:is(.is-live,.is-preview):hover .studio-category-card-body strong{box-shadow:0 12px 30px rgba(var(--sc-accent-rgb),.28);transform:translateY(-1px)}