:root{--red:#c0392b;--red2:#e74c3c;--ink:#0c0c0c;--ink2:#161616;--ink3:#202020;--line:rgba(255,255,255,.1);--muted:rgba(255,255,255,.68);--max:1160px}
*{box-sizing:border-box}
html{color-scheme:dark;scroll-behavior:smooth;overflow-x:hidden}
body{margin:0;overflow-x:hidden;background:var(--ink);color:#fff;font:16px/1.65 Arial,"Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ff8070;outline-offset:3px}
.skip-link{position:fixed;z-index:100;top:8px;left:8px;padding:10px 14px;transform:translateY(-150%);background:#fff;color:#111}.skip-link:focus{transform:none}
.header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;min-height:var(--pv-header-height,72px);padding:10px var(--pv-header-inline,clamp(14px,3vw,48px));border-bottom:1px solid var(--line);background:rgba(18,18,18,.97);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.desktop-nav{display:flex;align-items:center;gap:20px}.desktop-nav a{text-decoration:none;color:var(--muted);font-size:.78rem;font-weight:700}.desktop-nav a:hover{color:#fff}
.header-actions{display:flex;align-items:center;gap:10px}.header-call{display:inline-flex;min-height:46px;align-items:center;padding:10px 16px;border-radius:4px;background:var(--red);text-decoration:none;font-weight:800;white-space:nowrap}
.language-link{display:inline-flex;min-width:44px;min-height:44px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:4px;color:#fff;font-size:.75rem;font-weight:900;letter-spacing:.08em;text-decoration:none}
.language-link:hover,.language-link[aria-current="page"]{border-color:rgba(255,255,255,.35);background:var(--ink3)}
.menu-toggle{display:none;position:relative;width:46px;height:46px;border:1px solid var(--line);border-radius:4px;background:transparent;color:#fff;cursor:pointer}
.menu-toggle span{position:absolute;left:12px;width:20px;height:2px;border-radius:2px;background:currentColor;transform-origin:center;transition:transform .24s ease,opacity .18s ease,top .24s ease}
.menu-toggle span:nth-child(1){top:15px}.menu-toggle span:nth-child(2){top:21px}.menu-toggle span:nth-child(3){top:27px}
.menu-toggle[aria-expanded="true"] span:nth-child(1){top:21px;transform:rotate(45deg)}
.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.menu-toggle[aria-expanded="true"] span:nth-child(3){top:21px;transform:rotate(-45deg)}
.mobile-nav{display:none}
.hero{position:relative;display:grid;min-height:min(700px,78svh);place-items:center;overflow:hidden;padding:88px clamp(20px,7vw,120px);isolation:isolate}
.hero-media{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--hero-position,center 52%)}
.hero::after{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(5,5,5,.95),rgba(5,5,5,.62) 62%,rgba(5,5,5,.34));content:""}
.hero-inner{width:min(880px,100%);min-width:0;max-width:100%;margin-right:auto}
.eyebrow{color:var(--red2);font-size:.78rem;font-weight:800;letter-spacing:3px;text-transform:uppercase}
h1{max-width:900px;margin:18px 0;font-size:clamp(2.4rem,7vw,5.6rem);line-height:.98;letter-spacing:-2px;text-transform:uppercase}
.lead{max-width:720px;color:var(--muted);font-size:clamp(1rem,2vw,1.2rem)}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:12px 20px;border:1px solid var(--line);border-radius:4px;background:transparent;color:#fff;text-align:center;text-decoration:none;font-weight:800;cursor:pointer}
.button.primary{border-color:var(--red);background:var(--red)}.button:hover{border-color:rgba(255,255,255,.35)}.button.primary:hover{background:var(--red2)}
.intent-nav{border-block:1px solid var(--line);background:var(--ink2)}
.intent-nav-inner{display:grid;width:min(var(--max),100%);margin:auto;grid-template-columns:repeat(4,1fr)}
.intent-nav a{padding:18px;border-right:1px solid var(--line);text-align:center;text-decoration:none;font-size:.8rem;font-weight:800}.intent-nav a:last-child{border:0}.intent-nav a:hover,.intent-nav a[aria-current="page"]{background:var(--ink3);color:var(--red2)}
.section{padding:72px clamp(20px,7vw,120px)}.section.alt{background:var(--ink2)}
.section-inner{width:min(var(--max),100%);margin:auto}.section-heading{max-width:760px;margin-bottom:30px}.section h2{margin:0 0 14px;font-size:clamp(1.8rem,4vw,3rem);line-height:1.1}.section-intro{margin:0;color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.card{min-width:0;padding:26px;border:1px solid var(--line);border-radius:8px;background:var(--ink2)}.alt .card{background:var(--ink)}.card h3{margin:0 0 8px;font-size:1.05rem}.card p{margin:0;color:var(--muted)}
.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.case-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.case-card{min-width:0;margin:0;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--ink2)}.case-card img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:var(--case-position,center)}.case-card figcaption{padding:16px 18px;color:var(--muted);font-size:.86rem}.case-card strong{display:block;margin-bottom:3px;color:#fff;font-size:.95rem}.case-link{display:inline-flex;min-height:44px;align-items:center;margin-top:10px;color:#fff;font-weight:800;text-decoration:none}.case-link::after{margin-left:7px;color:var(--red);content:"→"}.case-link:hover,.case-link:focus-visible{color:var(--red2)}
.steps{counter-reset:step}.step{position:relative;padding-left:70px}.step::before{position:absolute;top:24px;left:24px;color:var(--red2);font-size:.75rem;font-weight:900;content:"0" counter(step);counter-increment:step}
.media-split{display:grid;align-items:center;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:42px}.media-split img{width:100%;height:auto;aspect-ratio:4/3;border-radius:8px;object-fit:cover;object-position:var(--media-position,center)}
.check-list{display:grid;gap:10px;margin:22px 0;padding:0;list-style:none}.check-list li{position:relative;padding-left:22px;color:var(--muted)}.check-list li::before{position:absolute;left:0;color:var(--red2);content:"✓"}
.form-wrap{display:grid;grid-template-columns:minmax(250px,.75fr) minmax(0,1.25fr);gap:54px}.form{display:grid;gap:16px}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field{display:grid;gap:6px}.field label{font-size:.75rem;font-weight:800;letter-spacing:.7px}.field input,.field select,.field textarea{width:100%;min-height:48px;padding:12px 14px;border:1px solid var(--line);border-radius:4px;background:var(--ink3);color:#fff;font:inherit}.field textarea{min-height:120px;resize:vertical}.field-note{margin:0;color:var(--muted);font-size:.78rem}.honeypot{display:none}
.contact-card{align-self:start;padding:30px;border:1px solid var(--line);border-radius:8px;background:var(--ink2)}.contact-card h2{font-size:1.7rem}.contact-list{display:grid;gap:12px;margin:22px 0}.contact-list a{display:inline-flex;min-height:44px;align-items:center;color:#fff;font-weight:800}.contact-list small{display:block;color:var(--muted)}
.trust{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.trust span{padding:8px 11px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.77rem}
.footer{display:grid;grid-template-columns:1fr auto;gap:24px;padding:34px clamp(20px,7vw,120px);border-top:1px solid var(--line);color:var(--muted);font-size:.86rem}.footer nav{display:flex;flex-wrap:wrap;gap:18px}.footer a{min-height:44px;display:inline-flex;align-items:center}.footer .footer-phone{display:none}
.motion-ready .motion-reveal{opacity:0;transform:translateY(20px);transition:opacity .52s cubic-bezier(.22,1,.36,1),transform .52s cubic-bezier(.22,1,.36,1)}.motion-ready .motion-reveal.is-visible{opacity:1;transform:none}
.card,.case-card,.contact-card,.button{transition:background-color .24s ease,border-color .24s ease,transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s ease}.case-card img,.media-split img{transition:filter .36s ease,transform .42s cubic-bezier(.22,1,.36,1)}
@media(hover:hover) and (pointer:fine){.card:hover,.case-card:hover,.contact-card:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.14);box-shadow:0 14px 30px rgba(0,0,0,.22)}.case-card:hover img,.media-split picture:hover img{filter:brightness(1.03);transform:scale(1.03)}.button:hover,.button:focus-visible{transform:translateY(-1px) scale(1.01)}}
@media(max-width:900px){.desktop-nav{display:none}.menu-toggle{display:inline-grid;place-items:center}.mobile-nav.open{position:fixed;z-index:19;inset:72px 0 auto;display:grid;padding:12px 18px 24px;border-bottom:1px solid var(--line);background:rgba(12,12,12,.99)}.mobile-nav a{min-height:48px;padding:12px;border-bottom:1px solid var(--line);text-decoration:none;font-weight:800}.intent-nav-inner{grid-template-columns:repeat(2,1fr)}.intent-nav a:nth-child(2){border-right:0}.intent-nav a:nth-child(-n+2){border-bottom:1px solid var(--line)}.media-split,.form-wrap{grid-template-columns:1fr}.media-split picture{order:-1}.grid,.case-grid,.case-grid.two{grid-template-columns:1fr 1fr}.form-wrap{gap:28px}}
@media(max-width:600px){.header{padding-inline:var(--pv-header-inline,14px)}.header-actions{gap:6px}.header-call{font-size:.78rem;padding-inline:10px}.hero{min-height:min(680px,calc(100svh - 72px));padding:64px 20px}.hero-media{object-position:var(--hero-mobile-position,var(--hero-position,center))}.hero::after{background:linear-gradient(90deg,rgba(5,5,5,.94),rgba(5,5,5,.56))}h1{max-width:100%;font-size:clamp(2.25rem,14vw,4rem);overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.actions{display:grid;min-width:0;grid-template-columns:minmax(0,1fr)}.button{width:100%;min-width:0}.section{padding:50px 20px}.grid,.grid.two,.case-grid,.case-grid.two,.form-row{grid-template-columns:1fr}.media-split{gap:26px}.media-split img{aspect-ratio:4/3;object-fit:contain;background:#111}.footer{grid-template-columns:1fr;justify-items:center;gap:2px;padding:24px 20px calc(24px + env(safe-area-inset-bottom));text-align:center}.footer .footer-phone{display:inline-flex;width:max-content;color:rgba(255,255,255,.72);font-weight:800}.footer nav{justify-content:center;gap:0 16px}.footer>span{display:flex;min-height:44px;align-items:center}.contact-card{padding:24px}.intent-nav a{font-size:.72rem;padding:15px 8px}.field-note a{display:inline-flex;min-height:44px;align-items:center}}
@media(max-width:360px){.intent-nav-inner{grid-template-columns:1fr}.intent-nav a{border-right:0;border-bottom:1px solid var(--line)!important}.intent-nav a:last-child{border-bottom:0!important}.header-call{font-size:0;padding-inline:9px}.header-call::after{font-size:.88rem;content:"Anrufen"}}
@media(max-width:900px) and (orientation:landscape) and (max-height:520px){.hero{min-height:480px;padding-block:44px}h1{font-size:3rem}.lead{font-size:1rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}.motion-ready .motion-reveal{opacity:1!important;transform:none!important}}