body.js-start-design{--jsd-navy:#102a3b;--jsd-blue:#087fa4;--jsd-accent:#159bc4;--jsd-mist:#f1f8fb}
body.js-start-design #jsw-landingpage .jsr-site{font-family:Arial,Helvetica,sans-serif;overflow:visible}
body.js-start-design #jsw-landingpage .jsr-site .wrap{max-width:1240px;padding:54px 30px}
body.js-start-design #jsw-landingpage .jsr-site h2{font-size:clamp(27px,3vw,37px);letter-spacing:-.03em;line-height:1.2}
body.js-start-design #jsw-landingpage .jsr-site h3{line-height:1.3;letter-spacing:-.02em}
body.js-start-design #jsw-landingpage .jsr-site .pale{background:#f1f8fb}
body.js-start-design #jsw-landingpage .jsr-site .home-hero{min-height:0;padding:0;background:linear-gradient(130deg,#f1f8fb,#e8f5fa);isolation:auto}
body.js-start-design #jsw-landingpage .jsr-site .home-hero:after{display:none}
body.js-start-design #jsw-landingpage .jsr-site .home-hero>.wrap{display:grid;grid-template-columns:1.02fr 1fr;gap:62px;align-items:center;padding:56px 30px 42px}
body.js-start-design #jsw-landingpage .jsr-site .home-hero .cover-copy{width:100%;max-width:none}
body.js-start-design #jsw-landingpage .jsr-site .home-hero .eyebrow{font-size:12px;line-height:1.6;letter-spacing:.07em;color:#086d8d;margin:0 0 16px;text-transform:uppercase;font-weight:700}
body.js-start-design #jsw-landingpage .jsr-site .home-hero h1{font-size:clamp(42px,4.7vw,68px);line-height:1.04;letter-spacing:-.05em;margin:0 0 20px;color:#102a3b}
body.js-start-design #jsw-landingpage .jsr-site .home-hero h2{font-size:25px;line-height:1.25;margin:0 0 14px}
body.js-start-design #jsw-landingpage .jsr-site .home-hero .jsd-hero-lead{font-size:16px;line-height:1.65;margin:0 0 22px;max-width:490px}
body.js-start-design #jsw-landingpage .jsr-site .home-hero .actions{gap:10px;margin-top:0;display:flex;flex-wrap:wrap}
body.js-start-design #jsw-landingpage .jsr-site .home-hero .actions .btn{min-height:50px;font-size:14px;padding:12px 17px;flex:1 1 auto;border-radius:11px}
body.js-start-design #jsw-landingpage .jsr-site .home-hero .actions .btn.primary{font-size:0;background:#087fa4;color:white!important;border-color:#087fa4}
body.js-start-design #jsw-landingpage .jsr-site .home-hero .actions .btn.primary:after{content:'Jetzt anrufen';font-size:15px}
body.js-start-design #jsw-landingpage .jsr-site .home-hero .actions .btn.jsd-whatsapp{background:#087e4c;color:white!important;border-color:#087e4c}
body.js-start-design #jsw-landingpage .jsr-site .home-hero .actions .btn:last-child:not(.primary):not(.jsd-whatsapp){flex-basis:100%;background:transparent;border:0;min-height:40px;padding:6px 0;justify-content:flex-start;text-decoration:underline;font-size:13px;color:#355366}
body.js-start-design #jsw-landingpage .jsr-site .jsd-work-photo{position:relative;align-self:stretch;min-height:390px;margin:0;border-radius:23px;overflow:hidden;box-shadow:0 18px 45px #102a3b1a;background:#102a3b}
body.js-start-design #jsw-landingpage .jsr-site .jsd-work-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0}
body.js-start-design #jsw-landingpage .jsr-site .jsd-work-photo:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#102a3be6)}
body.js-start-design #jsw-landingpage .jsr-site .jsd-work-photo figcaption{position:absolute;bottom:22px;left:22px;right:22px;z-index:1;color:white;margin:0}
body.js-start-design #jsw-landingpage .jsr-site .jsd-work-photo strong{display:block;font-size:20px}
body.js-start-design #jsw-landingpage .jsr-site .jsd-work-photo span{display:block;font-size:13px}
body.js-start-design #jsw-landingpage .jsr-site .jsd-original-intro{border-bottom:1px solid #dceaf0}
body.js-start-design #jsw-landingpage .jsr-site .jsd-original-intro .wrap{padding-top:22px;padding-bottom:28px}
body.js-start-design #jsw-landingpage .jsr-site .jsd-original-intro .cover-trust{margin:0 0 18px;justify-content:space-between;flex-wrap:wrap;color:#375468;font-size:12px}
body.js-start-design #jsw-landingpage .jsr-site .jsd-original-intro .small{font-size:13px;margin-bottom:12px}
body.js-start-design #jsw-landingpage .jsr-site .jsd-original-intro p:last-child{margin-bottom:0;font-size:16px}
body.js-start-design #jsw-landingpage .jsr-site .jsd-film-section{background:#102a3b}
body.js-start-design #jsw-landingpage .jsr-site .jsd-film-section>.wrap{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
body.js-start-design #jsw-landingpage .jsr-site .jsd-film-section h2,body.js-start-design #jsw-landingpage .jsr-site .jsd-film-section p{color:white}
body.js-start-design #jsw-landingpage .jsr-site .jsd-film-section .eyebrow{color:#9bdfef;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}
body.js-start-design #jsw-landingpage .jsr-site .jsd-film-section .js-preview-film{position:relative;display:block;width:100%;max-width:430px;justify-self:center;margin:0;overflow:hidden;border-radius:20px;background:#071d2d;border:1px solid #486575;aspect-ratio:9/10}
body.js-start-design #jsw-landingpage .jsr-site .jsd-film-section video{display:block;width:100%;height:100%;object-fit:contain;aspect-ratio:9/10}
body.js-start-design #jsw-landingpage .jsr-site .jsd-film-section .btn{color:#102a3b;background:white}
body.js-start-design #jsw-landingpage .jsr-site .decision-card,body.js-start-design #jsw-landingpage .jsr-site .home-benefit{border:1px solid #d5e8ef;border-radius:18px;background:white;box-shadow:0 8px 25px #102a3b05}
body.js-start-design #jsw-landingpage .jsr-site .home-benefit img{background:#eef8fc;padding:0;width:70px;height:64px;object-fit:contain}
body.js-start-design #jsw-landingpage .jsr-site .home-service-image{width:66px;height:66px;object-fit:contain;margin-bottom:18px}
body.js-start-design #jsw-landingpage .jsr-site .decision-card a{display:inline-block;min-height:44px;align-content:center;font-weight:700;text-underline-offset:4px}
body.js-start-design #jsw-landingpage .jsr-site .btn.primary,body.js-start-design #jsw-landingpage .jsr-site .emergency-banner .btn{background:#087fa4;color:white!important;border-color:#087fa4}
body.js-start-design #jsw-landingpage .jsr-site details{border:1px solid #d5e8ef;border-radius:12px;background:white;padding:18px 20px}
body.js-start-design #jsw-landingpage .jsr-site summary{min-height:44px;align-content:center;font-weight:700}
body.js-start-design #jsw-landingpage .jsr-site a:focus-visible,body.js-start-design #jsw-landingpage .jsr-site summary:focus-visible{outline:3px solid #087fa4;outline-offset:4px}
@media(max-width:900px){body.js-start-design #jsw-landingpage .jsr-site .home-hero>.wrap{gap:28px}body.js-start-design #jsw-landingpage .jsr-site .home-hero h1{font-size:48px}body.js-start-design #jsw-landingpage .jsr-site .jsd-film-section>.wrap{gap:30px}body.js-start-design #jsw-landingpage .jsr-site .home-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){body.js-start-design{padding-bottom:calc(76px + env(safe-area-inset-bottom))}body.js-start-design #jsw-landingpage .jsr-site .wrap{padding:38px 18px}body.js-start-design #jsw-landingpage .jsr-site .home-hero>.wrap{display:flex;flex-direction:column;gap:22px;padding:26px 18px 24px}body.js-start-design #jsw-landingpage .jsr-site .home-hero h1{font-size:43px;margin-bottom:15px}body.js-start-design #jsw-landingpage .jsr-site .home-hero h2{font-size:21px;margin:0 0 12px}body.js-start-design #jsw-landingpage .jsr-site .home-hero .eyebrow{font-size:10px;letter-spacing:.045em;margin-bottom:12px}body.js-start-design #jsw-landingpage .jsr-site .home-hero .jsd-hero-lead{font-size:14px;line-height:1.55;margin-bottom:17px}body.js-start-design #jsw-landingpage .jsr-site .home-hero .actions{display:flex;flex-direction:row;width:100%;gap:8px}body.js-start-design #jsw-landingpage .jsr-site .home-hero .actions .btn{width:calc(50% - 4px);min-width:0;min-height:48px;flex:1;padding:10px 8px}body.js-start-design #jsw-landingpage .jsr-site .home-hero .actions .btn:last-child:not(.primary):not(.jsd-whatsapp){width:100%;flex:1 0 100%;padding:4px 0;min-height:32px}body.js-start-design #jsw-landingpage .jsr-site .jsd-work-photo{min-height:0;width:100%;height:228px;border-radius:17px;align-self:auto}body.js-start-design #jsw-landingpage .jsr-site .jsd-work-photo figcaption{bottom:16px;left:16px;right:16px}body.js-start-design #jsw-landingpage .jsr-site .jsd-work-photo strong{font-size:17px}body.js-start-design #jsw-landingpage .jsr-site .jsd-work-photo span{font-size:12px}body.js-start-design #jsw-landingpage .jsr-site .jsd-original-intro .wrap{padding-top:22px;padding-bottom:22px}body.js-start-design #jsw-landingpage .jsr-site .jsd-original-intro .cover-trust{gap:13px;font-size:11px}body.js-start-design #jsw-landingpage .jsr-site .jsd-original-intro p:last-child{font-size:14px}body.js-start-design #jsw-landingpage .jsr-site .jsd-film-section>.wrap{display:flex;flex-direction:column;gap:26px}body.js-start-design #jsw-landingpage .jsr-site .jsd-film-section .js-preview-film{max-width:390px}body.js-start-design #jsw-landingpage .jsr-site .home-benefit{padding:18px 15px}body.js-start-design #jsw-landingpage .jsr-site .home-benefit h3{font-size:18px}body.js-start-design #jsw-landingpage .jsr-site .home-benefit p{font-size:14px}body.js-start-design #jsw-landingpage .jsr-site .home-benefit img{width:60px;height:54px}body.js-start-design #jsw-landingpage .jsr-site .decision-grid{grid-template-columns:1fr;gap:16px}body.js-start-design #jsw-landingpage .jsr-site .home-service-image{float:right;width:60px;height:60px;margin:0 0 12px 18px}body.js-start-design #jsw-landingpage .jsr-site .home-gallery img{height:250px;object-fit:cover}body.js-start-design #jsw-landingpage .jsr-site .home-team img{height:auto}body.js-start-design #jsrd-contact{bottom:0;padding:8px 12px calc(8px + env(safe-area-inset-bottom));border-radius:0;width:100%;left:0;right:0;transform:none;gap:8px}body.js-start-design #jsrd-contact a{min-height:48px;padding:9px 12px;gap:8px}body.js-start-design #jsrd-contact .jsrd-copy small{display:none}body.js-start-design #jsrd-contact .jsrd-copy strong{font-size:13px}body.js-start-design #jsrd-contact .jsrd-symbol{width:25px;height:25px;background:transparent}body.js-start-design #jsrd-contact .jsrd-symbol svg{width:24px;height:24px}body.js-start-design #jsrd-contact .jsrd-call{background:#087fa4}body.js-start-design #jsrd-contact .jsrd-whatsapp{background:#087e4c}}
@media(prefers-reduced-motion:reduce){body.js-start-design *{scroll-behavior:auto!important;transition:none!important}}

body.js-start-design #jsw-landingpage .jsd-film-section .js-preview-control,body.js-start-design #jsw-landingpage .jsd-film-section .js-preview-control:hover,body.js-start-design #jsw-landingpage .jsd-film-section .js-preview-control:focus{background:#102a3be6!important;color:#fff!important;border:1px solid #ffffff80!important}
@media(max-width:700px){body.js-start-design #jsrd-contact{height:auto!important;min-height:0!important}body.js-start-design #jsrd-contact a{min-height:48px!important;height:48px!important}body.js-start-design #jsrd-contact .jsrd-symbol{background:transparent!important}body.js-start-design #js-review-toggle{bottom:calc(80px + env(safe-area-inset-bottom))!important}}

@media(max-width:900px){body.js-start-design #jsw-landingpage .jsr-site .home-hero>.wrap{display:flex!important;flex-direction:column;align-items:stretch}body.js-start-design #jsw-landingpage .jsr-site .jsd-work-photo{width:100%;height:350px;min-height:0}}
@media(max-width:700px){body.js-start-design #jsw-landingpage .jsr-site .jsd-work-photo{height:228px}}
body.js-start-design #js-review-toggle.jsd-inline-review{position:static!important;inset:auto!important;transform:none!important;margin:22px auto 0!important;display:flex;max-width:100%;width:max-content}