*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#101318;color:#f5f6f8;font:17px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}header,main,footer{width:min(1280px,90%);margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:26px 0;border-bottom:1px solid #333a45}.brand{text-decoration:none;font-size:25px;font-weight:750;letter-spacing:-1px}.brand span{color:#62a7ff}nav{display:flex;gap:28px;align-items:center}nav a{text-decoration:none;font-size:15px}h1{font-size:clamp(3.2rem,7.5vw,7rem);line-height:1.03;letter-spacing:-.055em;margin:24px 0}h2{font-size:clamp(2rem,4vw,3.8rem);line-height:1.12;letter-spacing:-.035em}h3{font-size:1.4rem;line-height:1.3}.eyebrow{color:#8dbdff;font-size:14px;letter-spacing:.15em;text-transform:uppercase}.hero{padding:85px 0;display:grid;grid-template-columns:1.25fr 1fr;gap:60px;align-items:center}.hero p{max-width:570px;color:#b4bdc9}.button{display:inline-flex;align-items:center;justify-content:center;background:#65aaff;color:#071425;padding:14px 23px;border-radius:5px;text-decoration:none;font-size:16px;font-weight:650;border:1px solid transparent;cursor:pointer}.secondary{background:transparent;color:#fff;border-color:#5a6574}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.placeholder{background:#1c2531;border:1px solid #3b4a5e;min-height:380px;display:flex;flex-direction:column;justify-content:end;padding:28px;color:#cad5e4}.placeholder small{font-size:13px;letter-spacing:.12em;color:#a6b7ce}.placeholder strong{font-size:25px;margin-top:10px}.section{padding:75px 0;border-top:1px solid #333a45}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:#181e26;border:1px solid #303b48;padding:28px;border-radius:6px}.card p{color:#b4bdc9}.price{color:#8dbdff}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px}.muted{color:#b4bdc9}.intro{max-width:800px}.notice{background:#23334a;border-left:3px solid #78b1ff;padding:18px 24px;margin:25px 0;color:#d3e5ff}.menu{display:none}footer{padding:50px 0;border-top:1px solid #333a45;display:flex;justify-content:space-between;gap:35px;color:#b4bdc9}footer a{margin-right:16px;font-size:15px}.skip{position:absolute;top:-100px}.skip:focus{top:10px;background:#fff;color:#000;padding:12px;z-index:100}:focus-visible{outline:3px solid #a9d1ff;outline-offset:5px}@media(max-width:760px){.hero,.split{grid-template-columns:1fr;gap:28px}.hero{padding:45px 0}.grid{grid-template-columns:1fr}.placeholder{min-height:260px}.section{padding:45px 0}header{position:relative;flex-wrap:wrap}.menu{display:block;background:none;color:#fff;border:1px solid #637084;padding:10px 15px;font:inherit}nav{display:none;width:100%;flex-direction:column;align-items:stretch;padding:24px 0;gap:20px}nav.open{display:flex}footer{flex-direction:column}h1{font-size:clamp(3rem,12vw,5rem)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.draft{text-align:center;background:#1c2a3b;color:#bad6fb;font-size:13px;padding:7px 15px}.hero{grid-template-columns:1.2fr 1fr;gap:44px}.hero h1{font-size:clamp(3rem,6.7vw,6rem)}.long-word{font-size:.57em;letter-spacing:-.04em}.hero-meta{color:#99a9bd;font-size:14px;margin-top:35px}.hero-image{min-height:470px}.page-intro{padding:70px 0 45px}.page-intro h1{font-size:clamp(2.6rem,6vw,5.5rem);overflow-wrap:break-word}.lead{font-size:clamp(1.1rem,2vw,1.4rem);max-width:850px;color:#c4cdd9}.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.service-card{border:1px solid #35404e;border-radius:6px;overflow:hidden;background:#181e26}.service-card:last-child:nth-child(odd){grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.small-placeholder{min-height:220px}.card-inner{padding:28px}.card-inner p{color:#b4bdc9}.card-inner .price{color:#8dbdff}.card-inner h3 a{text-decoration:none}.text-link{color:#a4caff;text-decoration:none;font-weight:600}.steps{list-style:none;counter-reset:steps;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:25px}.steps li{counter-increment:steps;border-top:1px solid #465365;padding-top:20px}.steps li:before{content:'0' counter(steps);color:#8dbdff}.steps p{color:#b4bdc9;font-size:16px}.steps h3{font-size:1.2rem}.offer-list{list-style:none;padding:0}.offer-list li{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #35404e;padding:14px 0}.offer-list .price{font-size:14px;white-space:nowrap}.footer-links{display:flex;flex-wrap:wrap;gap:12px;max-width:500px}.fine{font-size:14px;color:#bac6d5}.filters{display:flex;flex-wrap:wrap;gap:9px;margin:28px 0}.filter{font:inherit;color:#d6e0ed;background:#1b2532;border:1px solid #526075;border-radius:30px;padding:9px 17px;cursor:pointer}.filter[aria-pressed=true]{background:#65aaff;color:#071425;border-color:#65aaff}.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-bottom:60px}.portfolio-item{padding:0;text-align:left;font:inherit;color:inherit;border:0;background:none;cursor:pointer}.portfolio-item .placeholder{min-height:310px}.portfolio-item:nth-child(3n) .placeholder{min-height:380px}.portfolio-item[hidden]{display:none}dialog{background:#151e2a;color:#fff;border:1px solid #566a83;border-radius:8px;width:min(900px,92vw);max-height:90vh;padding:28px}dialog::backdrop{background:#000c}.close{float:right;background:#2c3d52;border:1px solid #71859f;border-radius:4px;color:#fff;padding:12px;font:inherit;cursor:pointer}dialog h2{font-size:2rem;clear:both;padding-top:20px}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px}.contact-layout h2{font-size:2.5rem}.contact-layout a{overflow-wrap:anywhere}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.full{grid-column:1/-1}.field label{display:block;margin-bottom:7px}.field input,.field select,.field textarea{font:inherit;width:100%;color:#f2f5fa;background:#1c2531;border:1px solid #5e6b7e;border-radius:4px;padding:12px;min-width:0;color-scheme:dark}.field small{font-size:14px;color:#b4bdc9}.field textarea{resize:vertical}.trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}button:disabled{opacity:.6;cursor:not-allowed}.legal{max-width:850px;padding-bottom:70px}.legal h2{font-size:1.8rem;margin-top:45px}.legal p{color:#c3cedd}nav [aria-current=page]{color:#a4caff}a,button{transition:background-color .15s,color .15s}a:hover{color:#b9d9ff}.button:hover{background:#8abfff;color:#081422}.secondary:hover{background:#26374d;color:white}@media(max-width:1050px){nav{gap:17px}.nav-cta{display:none}.steps{grid-template-columns:repeat(3,1fr)}.hero h1{font-size:clamp(3rem,6vw,5rem)}.hero-image{min-height:400px}}@media(max-width:760px){.hero,.service-grid,.service-card:last-child:nth-child(odd),.contact-layout{grid-template-columns:1fr}.hero h1{font-size:clamp(3.3rem,13vw,5rem)}.hero-image{min-height:300px}.long-word{font-size:.55em}.page-intro{padding:45px 0 25px}.steps{grid-template-columns:1fr}.portfolio-grid{grid-template-columns:1fr}.portfolio-item .placeholder,.portfolio-item:nth-child(3n) .placeholder{min-height:260px}.form-grid{grid-template-columns:1fr}.contact-layout{gap:25px}.offer-list li{flex-wrap:wrap;gap:3px}.offer-list li span:first-child{width:100%}.nav-cta{display:inline-flex}.draft{font-size:12px}.service-card:last-child:nth-child(odd){display:block}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Original-Logo bleibt unveraendert; Darstellung erfolgt als heller Markentraeger. */
.logo-window{display:block;width:215px;height:116px;overflow:hidden;border-radius:6px;background:#f8f9fd}.logo-window img{display:block;width:260px;height:260px;max-width:none;transform:translate(-22px,-73px)}header{padding:17px 0}.brand{display:inline-block}.hero-brand{aspect-ratio:1.08;background:#f8f9fd;border-radius:6px;overflow:hidden;display:flex;align-items:center;justify-content:center}.hero-brand img{display:block;width:120%;height:auto;max-width:none}footer .logo-window{width:190px;height:104px}footer .logo-window img{width:232px;height:232px;transform:translate(-21px,-64px)}.legal ol{padding-left:1.7em}.legal li{margin:0 0 14px;color:#c3cedd}.legal .agb-note{border-left:2px solid #65aaff;padding-left:20px}.legal .agb-note h3{font-size:1.15rem}.hero-brand+*{min-width:0}@media(max-width:760px){.logo-window{width:176px;height:98px}.logo-window img{width:216px;height:216px;transform:translate(-20px,-59px)}.hero-brand{aspect-ratio:1.35}}