:root{--accent:#3768bc;--ink:#151a21;--muted:#666d77;--pale:#f3f5f7;--line:#e0e4e9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px/1.6 'DM Sans',Arial,sans-serif;background:#fff}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.wrap{width:min(1240px,calc(100% - 64px));margin:auto}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{line-height:1.07}h1,h2,h3{font-family:'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;letter-spacing:-.018em}h1{font-size:clamp(60px,9vw,130px);font-weight:900}h2{font-size:clamp(44px,6vw,75px);font-weight:800;margin:15px 0 24px}h2 em{font-style:normal;color:var(--accent)}h3{font-size:29px;margin:15px 0}p{color:var(--muted)}.topbar{position:sticky;top:0;z-index:50;background:rgba(17,20,27,.96);backdrop-filter:blur(15px);border-bottom:1px solid #ffffff20}.nav{display:flex;align-items:center;gap:30px;min-height:88px}.logo{display:flex;align-items:center;color:white;gap:13px;white-space:nowrap;font:800 25px 'Barlow Condensed',sans-serif;letter-spacing:.03em}.logo img{width:95px;height:51px;object-fit:contain;background:#fff;border-radius:3px;padding:3px}.logo small{display:block;font:500 9px 'DM Sans',sans-serif;color:#9ba5b6;letter-spacing:.09em}.nav nav{display:flex;align-items:center;gap:22px;margin-left:auto}.nav nav a{font-size:12px;font-weight:800;color:#d0d3d9;transition:.2s}.nav nav a:hover,.nav nav a.active{color:white}.btn{display:inline-flex;justify-content:center;align-items:center;gap:20px;padding:17px 27px;background:var(--accent);color:white;border:1px solid var(--accent);font-size:12px;font-weight:800;letter-spacing:.065em;border-radius:3px;min-height:52px;transition:transform .22s,background .2s;white-space:nowrap}.btn:hover{transform:translateY(-3px);background:#244f97}.btn-small{min-height:42px;padding:10px 16px;font-size:11px}.btn-outline{background:transparent;border-color:#ffffff78;color:white}.btn-outline:hover{background:#fff;color:var(--ink)}.btn-white{background:#fff;color:var(--ink);border-color:#fff}.textlink{font-size:12px;color:var(--accent);font-weight:800;letter-spacing:.06em}.menutoggle{display:none;background:transparent;color:white;border:0;font-size:27px}.hero{height:min(740px,85vh);min-height:560px;background-image:var(--hero);background-size:cover;background-position:center 43%;position:relative;color:#fff}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,12,23,.92),rgba(7,17,32,.69) 47%,rgba(7,13,23,.2)),linear-gradient(0deg,rgba(0,0,0,.4),transparent 40%)}.hero-content{position:relative;height:100%;display:flex;flex-direction:column;justify-content:center;padding-bottom:54px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.19em;color:var(--accent);text-transform:uppercase}.eyebrow.light{color:#c4d7ff}.eyebrow i{display:inline-block;width:24px;height:2px;background:var(--accent);vertical-align:middle;margin-right:13px}.hero h1{max-width:800px;margin:24px 0 20px;text-shadow:0 6px 25px #0006}.hero p{color:#e6e8ee;font-size:18px;max-width:610px;line-height:1.7}.actions{display:flex;gap:13px;margin-top:18px}.hero-count{position:absolute;bottom:0;width:100%;border-top:1px solid #ffffff38;color:#e0e8f2;font-size:10px;letter-spacing:.18em}.hero-count .wrap{display:flex;justify-content:space-between;padding:20px 0}.trust{background:#141922;color:white}.trustinner{min-height:93px;display:flex;justify-content:space-between;align-items:center;gap:14px}.trust span{font-size:19px;color:var(--accent)}.trust strong{color:#dbe0eb;font:700 11px 'DM Sans',sans-serif;letter-spacing:.07em;margin-left:8px}.section{padding:110px 0}.sectiontop{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:44px}.sectiontop>*{flex:1}.sectiontop p{max-width:395px}.grid{display:grid;gap:16px}.services{grid-template-columns:repeat(3,minmax(0,1fr))}.service-card{display:block;position:relative;background:#f5f6f8;border:1px solid #edf0f2;min-height:245px;padding:32px;transition:transform .25s,box-shadow .25s}.service-card:hover{transform:translateY(-6px);box-shadow:0 15px 32px #1b34411a}.card-icon{display:grid;place-items:center;background:#e6edf9;color:var(--accent);width:47px;height:47px;font-size:24px}.service-card .number{position:absolute;right:30px;top:34px;font:700 12px 'DM Sans';color:#b5beca}.service-card h3{margin:23px 0 13px}.service-card p{margin:0;font-size:14px}.service-card .arr{position:absolute;right:30px;bottom:28px;color:var(--accent);font-size:20px}.center-gap{text-align:center;margin-top:45px}.split{display:grid;grid-template-columns:1fr 1fr;min-height:560px}.dark{background:#161b25;color:#fff}.split-image{background-size:cover;background-position:center}.split-text{padding:85px max(50px,calc((100vw - 1240px)/2)) 75px 75px}.split-text h2{font-size:clamp(50px,5.4vw,76px)}.split-text p{color:#aeb9c8;max-width:500px}.tick{padding:14px 0;border-bottom:1px solid #9098a333;color:inherit}.split-text .btn{margin-top:30px}.gallery-section{background:#fafbfc}.preview-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.preview-img,.preview-gallery>img{position:relative;overflow:hidden;height:290px;width:100%;object-fit:cover}.preview-img img{height:100%;width:100%;object-fit:cover;transition:.35s}.preview-img:hover img{transform:scale(1.06)}.preview-img span{position:absolute;bottom:0;left:0;right:0;color:white;background:linear-gradient(transparent,#000b);padding:30px 20px 20px;font-weight:800;font-size:12px}.blue-cta{background:var(--accent);color:white;padding:65px 0}.blue-cta h2{margin:12px 0}.cta-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.inner-header{background:linear-gradient(110deg,#101722dd,#111a2ad9),url('../images/werkstatt-7.webp') center/cover;padding:110px 0 95px;color:white}.inner-header h1{font-size:clamp(65px,9vw,120px);margin:13px 0}.inner-header p{color:#d4d9e4}.inner-services{margin-top:40px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.aboutpic{width:100%;max-height:580px;object-fit:cover}.lead{font-size:18px;line-height:1.8}.filter{display:flex;gap:10px;margin-bottom:28px;flex-wrap:wrap}.filter button{background:#f1f3f6;border:0;padding:12px 21px;font-weight:800;color:#5b6572}.filter .selected{background:var(--accent);color:white}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.photo{position:relative;border:0;background:transparent;padding:0;overflow:hidden;aspect-ratio:1.2}.photo img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.photo:hover img{transform:scale(1.07)}.photo span{position:absolute;bottom:0;left:0;right:0;text-align:left;color:white;font-weight:700;padding:35px 18px 17px;background:linear-gradient(transparent,#000b)}.lightbox{position:fixed;z-index:120;inset:0;background:#000e;display:flex;align-items:center;justify-content:center;padding:50px}.lightbox[hidden]{display:none}.lightbox img{max-height:90vh;max-width:90vw;object-fit:contain}.closebox{position:absolute;right:25px;top:25px;border:0;background:white;padding:10px 15px}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px}.info-block{padding:20px 0;border-bottom:1px solid var(--line)}.info-block small{display:block;letter-spacing:.12em;font-weight:800;color:var(--accent);font-size:11px}.info-block a,.info-block strong{font-weight:700;font-size:18px}.contact-grid .textlink{display:block;margin-top:23px}.formpanel{padding:46px;background:#f1f3f7}.formpanel h3{font-size:40px}.formrow{display:grid;grid-template-columns:1fr 1fr;gap:15px}label{display:block;font-size:12px;font-weight:700;margin-bottom:18px}input:not([type=checkbox]):not([type=file]),select,textarea{width:100%;border:1px solid #d5dbe3;outline:none;padding:13px 14px;background:#fff;border-radius:2px;margin-top:7px;color:var(--ink)}input:focus,select:focus,textarea:focus{border-color:var(--accent)}textarea{resize:vertical}label.check{display:flex;align-items:flex-start;gap:10px;font-weight:500;line-height:1.5}.check input{margin-top:4px}.check a{text-decoration:underline;color:var(--accent)}.full{width:100%}.hiddenhp{position:absolute;left:-10000px;top:-10000px}.success,.error,.notice{padding:15px;background:#dbf5e8;border-left:4px solid #269c6e;color:#175d45;margin:15px 0}.error{background:#fee2e2;border-color:#d32942;color:#842033}.notice{background:#fff3dd;border-color:#eba52c;color:#6a4d1e}.map-consent{margin-top:40px;background:#f3f5f7;padding:20px}.map-consent small{display:block;margin-top:15px;color:var(--muted)}.map-consent iframe{width:100%;height:240px;border:0;margin-top:15px}.legal{padding:70px 0 110px;max-width:960px}.legal h2{font-size:35px;margin-top:38px}.legal p{max-width:800px}.stars{color:#eaa52d}.mobile-call{display:none}footer{background:#11151c;color:#c5cbd5}.footergrid{display:grid;grid-template-columns:2fr 1fr 1.4fr 1fr;gap:55px;padding:65px 0 55px}.footergrid h4{font:800 12px 'DM Sans';letter-spacing:.1em;color:white;margin-bottom:20px}.footergrid a,.footergrid button{display:block;color:#aeb6c2;font-size:13px;margin:10px 0}.footergrid a:hover{color:#fff}.footergrid p{color:#adb5bf;font-size:13px}.footerlogo{width:170px;background:white;padding:8px;border-radius:4px;margin-bottom:20px}.footbottom{border-top:1px solid #323840;display:flex;justify-content:space-between;padding:25px 0;font-size:10px;letter-spacing:.14em}.footerbutton{border:0;background:transparent;padding:0;cursor:pointer}.reveal{opacity:0;transform:translateY(17px);transition:opacity .6s,transform .6s}.reveal.visible{opacity:1;transform:translateY(0)}
/* Backend */.admin-body{background:#101723;min-height:100vh;display:grid;place-items:center;padding:30px}.login-card{width:min(450px,100%);background:#fff;padding:43px}.login-card img{width:190px;margin-bottom:25px}.login-card h1{font-size:47px}.login-card p{font-size:14px}.login-card a{font-size:12px}.admin-layout{background:#f2f4f7;min-height:100vh;display:grid;grid-template-columns:260px 1fr}.admin-side{background:#141d2b;padding:35px 22px;color:#fff;min-height:100vh}.admin-brand{font:800 30px 'Barlow Condensed';padding:0 10px 27px}.admin-brand span{color:#6998ec}.admin-brand small{display:block;font:600 9px 'DM Sans';letter-spacing:.2em;color:#94a2b6}.admin-side nav a,.admin-exit{display:block;padding:12px 14px;color:#c2ccd8;font-size:13px;font-weight:700;border-radius:4px;margin-bottom:4px}.admin-side nav a.current,.admin-side nav a:hover{background:#2d4771;color:white}.admin-exit{margin-top:12px;color:#91bafa}.admin-main{padding:38px clamp(20px,4vw,70px);max-width:1350px;width:100%}.admin-top{display:flex;justify-content:space-between;border-bottom:1px solid #d9dee7;padding-bottom:22px;margin-bottom:32px;color:#647083;font-size:11px;font-weight:800;letter-spacing:.09em}.admin-top strong{color:#294e86}.admin-main h1{font-size:57px}.admin-card{background:#fff;padding:30px;margin:21px 0;border:1px solid #e2e6ed}.admin-card h2{font-size:30px}.admin-card p{font-size:14px}.admin-form{max-width:800px}.admin-form label{margin-bottom:20px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.stats>div{background:#fff;padding:26px;border:1px solid #e2e6ed}.stats small{display:block;font-size:11px;color:#637086;font-weight:800}.stats b{display:block;font:800 59px 'Barlow Condensed';color:var(--accent)}.inquiry-head{display:flex;justify-content:space-between}.inquiry-head small{font:600 12px 'DM Sans';color:var(--muted)}.admin-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.admin-gallery .admin-card{margin:0}.admin-gallery img{height:165px;width:100%;object-fit:cover}.danger{background:none;border:0;color:#c83344;padding:10px 0;font-weight:700}.bulk{width:100%;height:360px;font:14px/1.6 monospace}.admin-main code{background:#dde6f5;padding:3px 7px}
@media(max-width:1100px){.nav{gap:12px}.logo{font-size:19px}.logo img{width:70px}.nav nav{gap:11px}.nav nav a{font-size:11px}.contact-grid{gap:36px}.split-text{padding:70px 40px}}
@media(max-width:790px){.wrap{width:min(100% - 36px,1240px)}.topbar .nav{min-height:74px}.logo img{width:68px;height:45px}.nav>.btn{display:none}.menutoggle{display:block;margin-left:auto}.nav nav{display:none;position:absolute;left:0;right:0;top:74px;background:#151c28;padding:20px;flex-direction:column;align-items:stretch;box-shadow:0 15px 30px #0004}.nav nav.open{display:flex}.nav nav a{padding:9px;font-size:13px}.hero{min-height:640px;height:80vh;background-position:65% center}.hero h1{font-size:clamp(56px,13vw,93px)}.hero p{font-size:15px}.actions{flex-wrap:wrap}.trustinner{display:grid;grid-template-columns:1fr 1fr;padding:23px 0}.trust strong{font-size:9px}.section{padding:72px 0}.sectiontop{display:block}.services{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.split-image{min-height:330px}.preview-gallery,.photo-grid{grid-template-columns:repeat(2,1fr)}.preview-img,.preview-gallery>img{height:240px}.two-col,.contact-grid{grid-template-columns:1fr}.footergrid{grid-template-columns:repeat(2,1fr);gap:27px}.admin-layout{grid-template-columns:1fr}.admin-side{min-height:auto;padding:16px}.admin-side nav{display:flex;gap:5px;overflow-x:auto}.admin-side nav a{white-space:nowrap}.admin-side .admin-exit{display:inline-block}.admin-main{padding:24px}.mobile-call{display:grid;grid-template-columns:1fr 1fr;position:fixed;bottom:0;left:0;right:0;z-index:55;background:var(--accent);box-shadow:0 -8px 30px #0002}.mobile-call a{text-align:center;color:#fff;padding:16px 10px;font-size:12px;font-weight:800;border-right:1px solid #ffffff45}body{padding-bottom:50px}}
@media(max-width:540px){h2{font-size:47px}h3{font-size:26px}.hero h1{font-size:61px}.hero-count .wrap span:last-child{display:none}.sectiontop{margin-bottom:28px}.services,.preview-gallery,.photo-grid{grid-template-columns:1fr}.service-card{min-height:220px}.split-image{min-height:270px}.split-text{padding:55px 23px}.cta-row{display:block}.cta-row .btn{margin-top:18px}.formpanel{padding:26px 19px}.formrow{grid-template-columns:1fr;gap:0}.footergrid{grid-template-columns:1fr 1fr;gap:35px 15px}.footbottom span{display:none}.inner-header{padding:65px 0}.inner-header h1{font-size:64px}.stats,.admin-gallery{grid-template-columns:1fr}.admin-card{padding:20px}.admin-main h1{font-size:44px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}


/* KFZ Ardelean — BLUE MOTION / Designupdate 2 */
:root{--accent:#116bee;--ink:#101a2f;--muted:#647187;--line:#dde7f7;--pale:#f0f5ff}
body{background:#f8fbff}
.wrap{width:min(1340px,calc(100% - 76px))}
.topbar{background:rgba(4,17,43,.94);border-bottom:1px solid #4496ff55;box-shadow:0 7px 35px #04163235}
.nav{min-height:108px;gap:24px}
.logo{min-width:230px;flex:0 0 auto}
.logo img{width:212px;height:84px;object-fit:contain;background:#fff;border-radius:10px;padding:5px 10px;box-shadow:0 0 30px #4c96ff22}
.nav nav{gap:22px}.nav nav a{font-size:12px;color:#dceaff;position:relative}.nav nav a:hover,.nav nav a.active{color:#73b6ff}.nav nav a.active:after{content:'';position:absolute;left:0;right:0;bottom:-11px;height:3px;background:var(--accent);border-radius:9px}
.btn{border-radius:8px;background:#096bff;border-color:#096bff;font-size:12px;box-shadow:0 13px 30px #0868fa33;letter-spacing:.09em;transition:transform .25s,box-shadow .25s,background .25s}
.btn:hover{background:#338aff;box-shadow:0 17px 42px #0868fa66;transform:translateY(-4px)}.btn-outline{background:#071a3480;border-color:#7db7ff;color:#fff;box-shadow:none}.btn-outline:hover{background:#fff;color:#092654}
.hero{height:min(850px,90vh);min-height:650px;background-position:center 48%;overflow:hidden;isolation:isolate}
.hero:before{content:'';position:absolute;z-index:1;right:-70px;top:-200px;width:47%;height:160%;transform:skewX(-19deg);background:linear-gradient(180deg,#087dff33,#0250c618);border-left:1px solid #72adff42;pointer-events:none}
.hero:after{content:'';position:absolute;right:6%;bottom:90px;border:1px solid #91c4ff66;border-radius:50%;height:230px;width:230px;box-shadow:0 0 0 35px #1178ff16,0 0 0 80px #1178ff0b;pointer-events:none}
.hero-shade{background:linear-gradient(90deg,#031027f5 0%,#061e48de 38%,#07295e96 75%,#01152b80 100%),linear-gradient(0deg,#021127eb,transparent 35%)}
.hero-content{z-index:3;padding-bottom:72px}.hero-kicker{width:max-content;border:1px solid #4199ff88;background:#0a52ae55;color:#cfeaff;padding:10px 17px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.2em;margin-bottom:33px;backdrop-filter:blur(5px)}
.pulse-dot{display:inline-block;width:8px;height:8px;background:#5cceff;border-radius:50%;margin-right:10px;box-shadow:0 0 0 6px #5cceff2b;animation:glow 2s infinite}
@keyframes glow{50%{box-shadow:0 0 0 11px #5cceff06}}
.hero .eyebrow{color:#80beff}.eyebrow{color:#086bea;letter-spacing:.2em}.hero h1{font-size:clamp(72px,9.7vw,152px);max-width:1020px;margin:14px 0 20px;line-height:.87;letter-spacing:-.034em;font-weight:900;text-shadow:0 10px 45px #0008}
.hero h1::first-line{color:#fff}.hero p{font-size:19px;max-width:640px;color:#e3eeff;line-height:1.68}.hero .actions{margin-top:30px}.hero .actions .btn{min-height:62px;padding:19px 33px}
.hero-side-label{position:absolute;right:0;bottom:125px;writing-mode:vertical-rl;letter-spacing:.4em;color:#dceaff9a;font-size:10px;font-weight:900}.hero-side-label span{color:#61b7ff}
.hero-count{background:#071b3b8c;border-top:1px solid #5eafff44}.hero-count .wrap{padding:21px 0;color:#a9d4ff}
.trust{background:linear-gradient(90deg,#0657d2,#087cf5,#054fc3);box-shadow:0 12px 38px #096bee33}.trustinner{min-height:100px}.trust span{color:white}.trust strong{color:#f1f8ff;font-size:11px}
h2{letter-spacing:-.032em}h2 em{color:#0875ff}.section{padding:125px 0}.sectiontop p{font-size:17px}.service-card{border:1px solid #dbe8ff;background:linear-gradient(145deg,#fff 40%,#ecf4ff);border-radius:16px;min-height:285px;padding:38px;box-shadow:0 8px 30px #052f6610;overflow:hidden}.service-card:before{content:'';position:absolute;top:0;left:0;height:5px;width:100%;background:linear-gradient(90deg,#0966ec,#50c0ff);transform:scaleX(0);transform-origin:left;transition:transform .3s}.service-card:hover{transform:translateY(-9px);box-shadow:0 30px 60px #0759bd29;border-color:#72b0ff}.service-card:hover:before{transform:scaleX(1)}.card-icon{height:59px;width:59px;border-radius:13px;background:linear-gradient(135deg,#075adc,#4caaff);color:white;box-shadow:0 12px 20px #086bf533}.service-card .number{color:#8eabd4}.service-card h3{color:#0a2552}.service-card p{color:#60728c}.service-card .arr{font-weight:900;font-size:25px}
.dark{background:linear-gradient(125deg,#04132d,#092e67 68%,#0644a2);color:#fff}.split-text p{color:#c8daf4}.tick{border-color:#7db5ff36}
.gallery-section{background:#eaf3ff}.preview-img{border-radius:13px}.preview-img img{transition:transform .5s}.preview-img:hover img{transform:scale(1.09)}
.blue-cta{background:linear-gradient(120deg,#0350c6,#087cff 65%,#22a9ff);position:relative;overflow:hidden}.blue-cta:before{content:'';position:absolute;right:-100px;top:-110px;width:550px;height:400px;border:2px solid #ffffff24;transform:rotate(-28deg);pointer-events:none}.blue-cta h2{position:relative}
.inner-header{background:linear-gradient(110deg,#03112af2,#063e8fc9 65%,#06204b99),url('../images/werkstatt-7.webp') center/cover;border-bottom:8px solid #087dff}.inner-header h1{letter-spacing:-.035em}
.filter button{border-radius:7px;background:#e2ecfd;color:#0f3879}.filter .selected{background:#096bff;color:white}.photo{border-radius:13px}.photo-grid{gap:19px}.formpanel{background:linear-gradient(155deg,#eaf3ff,#fff);border-radius:20px;border:1px solid #d5e5ff;box-shadow:0 20px 50px #064b9f14}.info-block{border-color:#d5e5fa}.map-consent{background:#eaf3ff;border-radius:12px}
footer{background:#03142d;border-top:5px solid #087bff}.footerlogo{width:235px;border-radius:9px}.footbottom{border-color:#32557b}
@media(max-width:1170px){.nav{gap:14px}.logo{min-width:165px}.logo img{width:168px;height:70px}.nav nav{gap:12px}.nav nav a{font-size:11px}}
@media(max-width:790px){.wrap{width:min(100% - 38px,1340px)}.topbar .nav{min-height:86px}.logo{min-width:0}.logo img{width:171px;height:68px}.nav nav{top:86px;background:#041b3b;border-top:1px solid #2f78d3;padding:26px}.nav nav a{font-size:15px;padding:12px}.nav nav a.active:after{display:none}.hero{height:auto;min-height:690px;background-position:59% center}.hero:after{width:150px;height:150px;right:-40px}.hero:before{right:-200px}.hero-content{padding-top:100px;padding-bottom:112px}.hero-kicker{font-size:9px;margin-bottom:26px}.hero h1{font-size:clamp(69px,12vw,110px);line-height:.94}.hero p{font-size:16px}.hero-side-label{display:none}.hero-count .wrap{padding:15px 0}.section{padding:83px 0}.service-card{min-height:265px;padding:27px}.trustinner{gap:23px}.trust strong{font-size:9px}.mobile-call{background:linear-gradient(90deg,#0454cb,#0d88ff)}}
@media(max-width:540px){.logo img{width:160px;height:63px}.hero{min-height:710px}.hero-content{padding-top:70px}.hero h1{font-size:clamp(64px,14.4vw,86px)}.hero .actions{flex-direction:column;max-width:320px}.hero .actions .btn{min-height:55px}.hero-kicker{letter-spacing:.1em}.hero .eyebrow{font-size:9px}.trustinner{grid-template-columns:1fr 1fr}.service-card{min-height:240px}.footerlogo{max-width:100%}.inner-header h1{font-size:clamp(53px,12vw,82px)}}


/* PREMIUM V3 – eigenständiges hochwertiges Redesign; Basis-Admin-Stile bleiben erhalten */
:root{--accent:#225fd7;--ink:#101d32;--muted:#5e6d80;--line:#dbe3ef;--pale:#f4f7fb}
body{background:#fff;color:var(--ink);font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.wrap{width:min(1320px,calc(100% - 88px))}
h1,h2,h3,h4{font-family:Inter,'Arial Narrow',Arial,sans-serif;font-stretch:condensed;letter-spacing:-.055em}
h2{font-size:clamp(40px,5.4vw,74px);font-weight:900;line-height:1.03;max-width:850px}
h2 em{color:var(--accent)}h3{font-size:clamp(23px,2.5vw,29px);font-weight:850;letter-spacing:-.035em}
p{line-height:1.8}
.topbar{background:rgba(255,255,255,.97);border-bottom:1px solid #e1e8f3;box-shadow:0 6px 20px #1028460b;backdrop-filter:blur(22px)}
.nav{min-height:112px;gap:34px}.logo{min-width:255px}.logo img{height:94px;width:255px;background:#fff;padding:3px 0;box-shadow:none;border-radius:0;object-fit:contain}
.nav nav{gap:24px}.nav nav a{color:#223149;font-size:12px;font-weight:750;letter-spacing:.01em}.nav nav a:hover,.nav nav a.active{color:var(--accent)}.nav nav a.active:after{background:var(--accent);height:2px;bottom:-16px}
.btn{border-radius:5px;background:var(--accent);border-color:var(--accent);box-shadow:none;font-size:12px;letter-spacing:.045em;min-height:56px;padding:18px 26px;font-weight:800}
.btn:hover{background:#174aab;box-shadow:0 12px 22px #104db92b;transform:translateY(-2px)}
.nav .nav-call{min-height:47px;border-radius:4px;background:#205ace}
.hero{height:clamp(660px,76vh,815px);min-height:660px;background-image:none!important;background:#0e203a;overflow:hidden;isolation:isolate}
.hero::before{content:'';position:absolute;right:0;top:0;bottom:0;width:58%;background-image:var(--hero);background-position:center;background-size:cover;transform:scale(1.005);z-index:-2}
.hero::after{content:'';position:absolute;z-index:-1;right:0;bottom:0;top:0;width:58%;background:linear-gradient(90deg,#0d213b66,transparent 28%),linear-gradient(0deg,#091b3170,transparent 48%);border:0;border-radius:0;box-shadow:none;height:auto}
.hero-shade{background:linear-gradient(105deg,#0e203b 0%,#0e203b 42%,#0e203beb 50%,#10243f0a 75%);z-index:-1}
.hero-content{z-index:2;padding-top:35px;padding-bottom:75px;justify-content:center}
.hero-kicker{border:1px solid #7ba0d74f;background:#3566ac25;border-radius:3px;color:#d8e5fb;padding:10px 13px;font-size:10px;letter-spacing:.18em;margin-bottom:33px}
.pulse-dot{display:none}.kicker-divider{color:#79aafa;padding:0 8px}
.hero .eyebrow{color:#83adfc;letter-spacing:.15em}.hero h1{font:900 clamp(56px,6.3vw,99px)/1.02 Inter,Arial,sans-serif;letter-spacing:-.065em;max-width:690px;margin:24px 0 22px;text-shadow:none;text-transform:uppercase}
.hero h1::first-line{color:#fff}.hero p{font-size:17px;line-height:1.8;max-width:530px;color:#e1e9f8}.hero .actions{margin-top:23px;gap:13px}.hero .actions .btn{min-height:57px;padding:16px 25px}
.btn-outline{background:transparent;border-color:#8cabc9;color:#fff}.btn-outline:hover{background:#fff;color:#102a50}
.hero-side-label{right:1%;bottom:130px;font-size:10px;letter-spacing:.22em;color:#fff9}.hero-count{background:transparent;border-top:1px solid #ffffff35}.hero-count .wrap{padding:18px 0;color:#c9daed}
.trust{background:#215ed4;box-shadow:none}.trustinner{min-height:81px}.trust span{color:#bcd5ff;font-size:16px}.trust strong{color:white;font-size:10px;font-weight:800;letter-spacing:.075em}
.section{padding:112px 0}.services-section{background:#f4f7fb}.sectiontop{margin-bottom:45px;gap:90px}.sectiontop>div{flex:1.35}.sectiontop p{font-size:16px;color:#58697f;max-width:430px}
.eyebrow{font-size:11px;color:#255cc3;letter-spacing:.14em}.sectiontop h2{margin-top:17px}
.services{gap:18px}.service-card{background:#fff;border:1px solid #e0e7f1;min-height:272px;border-radius:6px;padding:32px;box-shadow:0 4px 16px #16345808}.service-card:before{height:3px;background:#225fd7;transform:scaleX(1)}
.service-card:hover{border-color:#adc5ef;transform:translateY(-4px);box-shadow:0 18px 35px #10284a19}.card-icon{height:55px;width:55px;border-radius:5px;color:#1e58c5;background:#eaf1fc;box-shadow:none;font-size:26px}
.service-card .number{color:#98a9c2;font-size:12px}.service-card h3{color:#132941;margin:24px 0 12px}.service-card p{color:#647286}.service-card .arr{color:#215ed4}
.textlink{letter-spacing:.045em;color:#205bc8;font-size:12px}
.dark{background:#0e2039}.split{min-height:600px;grid-template-columns:51% 49%}.split-image{background-position:center 38%}.split-text{padding:92px max(40px,calc((100vw - 1320px)/2)) 92px 80px}.split-text h2{font-size:clamp(46px,4.9vw,75px);line-height:1.07}.split-text h2 em{color:#8bb2ff}.split-text p{color:#c1cee3;font-size:16px}
.tick{border-color:#ffffff26;padding:12px 0}.split-text .btn{margin-top:31px}
.gallery-section{background:#fff}.preview-gallery{gap:17px}.preview-img,.preview-gallery>img{height:320px;border-radius:5px}.preview-img span{letter-spacing:.01em}
.blue-cta{background:#215ed4;padding:76px 0}.blue-cta:before{display:none}.blue-cta h2{font-size:clamp(40px,4.5vw,65px);letter-spacing:-.052em}.blue-cta .eyebrow{color:#d8e5ff}
.btn-white{background:#fff;color:#164aad;border-color:#fff}.btn-white:hover{background:#eef4ff;color:#164aad}
.inner-header{padding:100px 0 88px;background:linear-gradient(105deg,#0c203aea,#0d274ab5),url('../images/werkstatt-1.webp') center/cover;border-bottom:5px solid #225fd7}
.inner-header h1{font-size:clamp(54px,7.8vw,100px);letter-spacing:-.065em}.inner-header p{color:#d5e1f2}
.photo,.photo-grid .photo,.aboutpic{border-radius:5px}.filter button{border-radius:4px}.filter .selected{background:var(--accent)}
.formpanel{background:#f4f7fb;border-radius:7px;border-color:#e0e8f3;box-shadow:none}.formpanel h3{font-size:37px}.map-consent{border-radius:5px}
footer{background:#0e1e34;border-top:0}.footerlogo{width:260px;border-radius:3px}.footbottom{border-color:#34435a}
.reveal{transition:opacity .7s ease,transform .7s ease}
@media(max-width:1200px){.nav{gap:17px}.logo{min-width:200px}.logo img{width:205px;height:80px}.nav nav{gap:13px}.nav nav a{font-size:11px}.hero:before,.hero:after{width:60%}.hero-shade{background:linear-gradient(90deg,#0e203b 0%,#0e203b 37%,#0e203bdc 61%,#0e203b19 100%)}}
@media(max-width:790px){.wrap{width:min(100% - 38px,1320px)}.topbar .nav{min-height:86px}.logo{min-width:0}.logo img{width:187px;height:76px}.menutoggle{color:#102544}.nav nav{top:86px;background:#fff;border-top:1px solid #dbe4f1;box-shadow:0 18px 20px #0e234726}.nav nav a{color:#142640;font-size:14px;padding:12px}.nav nav a.active{color:#225fd7}.hero{height:auto;min-height:720px}.hero:before,.hero:after{width:100%;height:100%;background-position:60% center}.hero-shade{background:linear-gradient(90deg,#0c203beb 0%,#10233cd9 50%,#10233c86 100%),linear-gradient(0deg,#0c203be0,transparent 55%)}.hero-content{padding-top:93px;padding-bottom:125px}.hero h1{font-size:clamp(56px,10vw,83px);max-width:620px}.hero p{max-width:470px}.hero-side-label{display:none}.trustinner{padding:19px 0}.section{padding:78px 0}.sectiontop{gap:15px}.split{grid-template-columns:1fr}.split-image{min-height:380px}.split-text{padding:70px 38px}.preview-img,.preview-gallery>img{height:255px}}
@media(max-width:540px){.logo img{width:166px;height:69px}.hero{min-height:700px}.hero-content{padding-top:70px}.hero h1{font-size:clamp(52px,12.7vw,73px);line-height:1.06;letter-spacing:-.06em}.hero p{font-size:15px}.hero-kicker{font-size:9px;letter-spacing:.06em;max-width:100%}.hero .eyebrow{font-size:9px}.hero .actions{max-width:360px}.hero .actions .btn{width:100%}.trustinner{grid-template-columns:1fr 1fr}.trust strong{font-size:9px}.service-card{min-height:230px}.sectiontop h2{font-size:clamp(40px,10.4vw,56px)}.split-text{padding:59px 23px}.preview-gallery{grid-template-columns:1fr}.preview-img{height:250px}.inner-header h1{font-size:clamp(48px,11vw,70px)}.footerlogo{width:200px}}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}

/* V5 Datenschutz-Einstellungen und soziale Kontakte */
.footer-social{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.footer-social h4{margin:0 0 8px}.social-link{display:inline-flex!important;gap:10px;align-items:center;text-decoration:none!important}.social-link svg{width:20px;height:20px;fill:currentColor;flex-shrink:0}.social-link:hover{color:#68a8ff!important}.footerbutton{text-align:left;cursor:pointer}.wa-float{position:fixed;right:22px;bottom:25px;z-index:80;display:flex;align-items:center;gap:9px;background:#1dba62;color:#fff;padding:13px 17px;border-radius:999px;text-decoration:none;box-shadow:0 12px 35px #0004;font-weight:800;transition:transform .2s}.wa-float:hover{transform:translateY(-3px)}.wa-float svg{width:25px;height:25px;fill:currentColor}.cookie-backdrop:not([hidden]){position:fixed;inset:0;background:rgba(8,15,28,.65);z-index:110;backdrop-filter:blur(5px)}.cookie-panel:not([hidden]){display:block;position:fixed;z-index:111;left:50%;bottom:24px;transform:translateX(-50%);width:min(690px,calc(100% - 24px));max-height:calc(100vh - 48px);overflow:auto;background:#fff;color:#17243d;border-radius:18px;box-shadow:0 30px 100px #0006;padding:29px;font-family:inherit}.cookie-panel h2{font-size:clamp(22px,3vw,30px);margin:10px 0}.cookie-panel p{line-height:1.55;color:#4a5568;font-size:14px}.cookie-heading{display:flex;justify-content:space-between;align-items:center}.cookie-tag{font-size:11px;letter-spacing:1.5px;color:#245caa;font-weight:900}.cookie-x{background:#f0f3f7;border:0;border-radius:8px;padding:9px 12px;cursor:pointer}.cookie-option{display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid #dce4f0;border-radius:12px;padding:15px;margin:12px 0}.cookie-option strong{display:block;font-size:15px}.cookie-option small{display:block;color:#526078;line-height:1.5;margin-top:5px}.cookie-always{color:#1d6d3d;white-space:nowrap;font-size:12px;font-weight:800}.cookie-option input{width:23px;height:23px;accent-color:#2365c1;flex-shrink:0}.cookie-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.cookie-btn{border-radius:8px;border:1px solid #b7c7df;padding:13px 17px;font-weight:800;cursor:pointer;flex:1;min-width:160px}.cookie-primary{background:#245caa;color:#fff;border-color:#245caa}.cookie-secondary{background:#edf1f7;color:#18334e}.cookie-outline{background:white;color:#245caa}.cookie-footnote{font-size:12px!important;margin-bottom:0}body.cookie-open{overflow:hidden}.privacy-consent{border:1px solid #dce4f0;border-radius:12px;padding:20px;margin:30px 0}.privacy-consent h2{font-size:22px}@media(max-width:650px){.cookie-panel:not([hidden]){bottom:8px;padding:19px;max-height:calc(100dvh - 16px)}.cookie-btn{min-width:100%;flex:auto}.wa-float{right:14px;bottom:78px;padding:11px}.wa-float span{display:none}}
