:root{--navy:#0C1D44;--neon:#D9FF00;--blue:#087BFA;--paper:#f0f1f2;--line:#c7cbd1}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:#f7f7f7;color:var(--navy);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}button{font:inherit}.wrap{max-width:1440px;margin:auto;padding-inline:clamp(22px,5.2vw,88px)}.concrete{background-color:#e8eaed;background-image:linear-gradient(90deg,rgba(248,249,250,.60),rgba(248,249,250,.32)),url('assets/concrete.webp');background-size:cover;background-position:center}.site-header{position:sticky;top:0;z-index:10;background:rgba(246,247,248,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(12,29,68,.14)}.nav-row{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:22px;text-decoration:none;white-space:nowrap}.endorser{font-size:clamp(13px,1.4vw,19px);font-weight:800;letter-spacing:-.055em}.dot{color:var(--blue)}.brand-divider{width:1px;height:35px;background:var(--line)}.lab-logo{display:inline-flex;align-items:baseline;gap:.27em;white-space:nowrap;font-size:clamp(17px,2vw,28px);letter-spacing:-.055em}.lab-logo strong{font-weight:800}.lab-logo>span{font-weight:300;letter-spacing:-.065em}.main-nav{display:flex;align-items:center;gap:clamp(13px,1.6vw,28px)}.main-nav a{text-decoration:none;font-size:11px;text-transform:uppercase;font-weight:700;letter-spacing:.065em}.main-nav a:hover,.text-link:hover{text-decoration:underline}.main-nav .nav-contact{background:var(--neon);padding:14px 18px;border-radius:2px}.menu-toggle{display:none;border:0;background:none;font-size:25px;color:var(--navy)}.skip{position:absolute;left:-9999px;top:10px;background:white;padding:10px;z-index:30}.skip:focus{left:10px}.hero{overflow:hidden}.hero-grid{min-height:600px;display:grid;grid-template-columns:52% 48%;align-items:center}.hero-copy{padding:90px 0 110px;position:relative;z-index:1}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:.18em;font-weight:800;line-height:1.6}.hero .eyebrow{margin-bottom:25px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(52px,5.6vw,88px);letter-spacing:-.065em;line-height:.99;margin-bottom:30px;max-width:780px;font-weight:800}h1 span,h2 em{font-style:normal;font-weight:300}h2{font-size:clamp(35px,3.5vw,60px);line-height:1.08;letter-spacing:-.055em;margin-bottom:22px}h3{font-size:19px;letter-spacing:-.035em;margin-bottom:12px}.lead{font-size:clamp(20px,1.85vw,27px);line-height:1.3;letter-spacing:-.03em}.actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;gap:26px;align-items:center;justify-content:space-between;padding:17px 20px;text-decoration:none;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s;border-radius:2px}.button:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(12,29,68,.12)}.button-primary{background:var(--neon);color:var(--navy)}.button-outline{border:1.5px solid var(--navy);background:rgba(255,255,255,.65)}.text-link{font-size:14px;text-underline-offset:4px}.text-link span{margin-left:8px}.hero-visual{height:100%;position:relative;min-height:600px}.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:53% center;display:block;mix-blend-mode:multiply}.dots{width:98px;height:90px;background-image:radial-gradient(var(--navy) 2px,transparent 2.5px);background-size:19px 19px}.hero-dots{position:absolute;top:60px;left:0}.section{padding-block:clamp(85px,9vw,150px)}.section-top{display:flex;align-items:center;gap:17px;margin-bottom:28px}.num{display:inline-flex;align-items:center;justify-content:center;min-width:41px;height:41px;background:var(--neon);border-radius:50%;font-size:15px;font-weight:800}.why-layout{display:grid;grid-template-columns:36% 64%;gap:36px}.why-layout h2{max-width:440px}.three-questions{display:grid;grid-template-columns:repeat(3,1fr)}.three-questions article{padding:10px 24px 0;border-left:1px solid var(--line)}.three-questions p,.results-items p{font-size:16px;line-height:1.45}.small-index{font-size:12px;font-weight:800;color:var(--navy);display:block;margin-bottom:24px}.lab-section{padding-block:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:center;min-height:570px}.photo-wrap{height:570px;overflow:hidden;margin-left:calc(-1 * clamp(22px,5.2vw,88px))}.photo-wrap img{width:100%;height:100%;object-fit:cover;object-position:55% center}.section-copy{padding-block:100px;position:relative}.section-copy p,.paper-copy>p,.contact-copy>p{font-size:20px;line-height:1.5;max-width:560px}.plus{position:absolute;right:15px;bottom:20px;font-size:75px;font-weight:100;line-height:1}.results-layout{display:grid;grid-template-columns:39% 61%;gap:30px}.results-items{display:grid;grid-template-columns:repeat(3,1fr)}.results-items article{border-left:1px solid var(--line);padding:8px 24px}.result-icon{display:block;font-size:39px;line-height:1;margin-bottom:26px}.paper-layout{display:grid;grid-template-columns:42% 35% 23%;gap:12px;align-items:center}.paper-copy{padding-block:40px}.paper-art{max-width:320px;margin-inline:auto;box-shadow:0 18px 40px rgba(12,29,68,.16);transform:rotate(-1deg)}.paper-art img{display:block;width:100%;height:auto}.paper-notes{border-left:1px solid var(--line);padding-left:28px}.paper-notes p{font-size:16px;padding:14px 0;border-bottom:1px solid var(--line)}.micro{font-size:12px!important;line-height:1.5!important;margin-top:18px;color:#445372}.contact{background:var(--navy);color:#fff;padding-block:0;overflow:hidden}.contact-layout{display:grid;grid-template-columns:60% 40%;min-height:510px}.contact-copy{padding-block:100px;position:relative;z-index:1}.contact-copy h2{max-width:690px}.contact-copy p{margin-bottom:30px}.door-image{height:510px;overflow:hidden;align-self:stretch}.door-image img{width:100%;height:100%;object-fit:cover;object-position:72% center}footer{background:#eef0f2}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:34px;font-size:13px}.footer-row .lab-logo{font-size:19px}@media(max-width:1100px){.main-nav{gap:12px}.main-nav a{font-size:10px}.brand{gap:12px}.lab-logo{font-size:20px}.hero-grid{grid-template-columns:55% 45%}.hero-copy{padding-block:70px}h1{font-size:clamp(48px,5.8vw,70px)}.why-layout,.results-layout{grid-template-columns:1fr}.paper-layout{grid-template-columns:1fr 1fr}.paper-notes{display:none}}@media(max-width:760px){.nav-row{min-height:70px}.brand-divider{height:27px}.lab-logo{font-size:18px}.endorser{font-size:15px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:69px;left:0;right:0;background:#f5f6f7;padding:24px;flex-direction:column;align-items:stretch;gap:20px;box-shadow:0 12px 22px rgba(0,0,0,.1)}.main-nav.open{display:flex}.main-nav a{font-size:13px}.main-nav .nav-contact{align-self:start}.hero-grid{grid-template-columns:1fr;min-height:unset}.hero-copy{padding-block:72px 28px}.hero-visual{height:380px;min-height:unset;margin-inline:-22px}.hero-visual img{object-position:center 45%}.hero-dots{top:25px;left:20px}h1{font-size:clamp(45px,10vw,70px)}.lead{font-size:20px}.section{padding-block:75px}.why-layout,.results-layout,.split,.paper-layout,.contact-layout{grid-template-columns:1fr;gap:20px}.three-questions,.results-items{grid-template-columns:1fr;gap:0}.three-questions article,.results-items article{padding:20px 0 18px 20px;border-left:2px solid var(--line);border-bottom:1px solid var(--line)}.small-index{margin-bottom:8px}.photo-wrap{height:350px;margin-inline:-22px;order:2}.section-copy{padding-block:65px 30px}.plus{display:none}.results-items{margin-top:10px}.result-icon{margin-bottom:8px}.paper-art{width:60%;max-width:300px;margin:20px auto}.contact-copy{padding-block:75px 35px}.door-image{height:280px;margin-inline:-22px}.footer-row{flex-wrap:wrap}.actions{gap:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* V3 – Original-Poster als Bildmotive, ohne wiederholte Poster-Wortmarken */
.endorser{display:inline-flex;flex-direction:column;align-items:flex-start;line-height:.9;letter-spacing:-.065em;min-width:98px;font-size:23px;font-weight:800}
.endorser-ai{font-weight:300;letter-spacing:-.085em}
.endorser-community{margin-top:4px;padding:3px 5px 2px;background:var(--navy);color:#fff;font-size:9px;font-weight:700;letter-spacing:.13em;line-height:1}
.clean-art{position:relative;isolation:isolate}
.clean-art img{display:block}
/* Original poster's title sits in the upper quarter. Crop that zone from the visual frame. */
.hero-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 90%;transform:scale(1.47);transform-origin:center 85%}
.photo-wrap img{object-fit:cover;object-position:center 88%;transform:scale(1.36);transform-origin:center 85%}
.door-image img{object-fit:cover;object-position:center 85%;transform:scale(1.35);transform-origin:center 85%}
/* Keep the hero and section transitions editorial rather than poster-over-poster. */
.hero-visual{overflow:hidden}
.section-why,.results{background:#f7f8f9}
.lab-section{background-color:#eef0f1;background-image:none}
.paper-section{background-image:linear-gradient(90deg,rgba(248,249,250,.86),rgba(248,249,250,.65)),url('assets/concrete.webp')}
.contact{background:var(--navy)}
@media(max-width:760px){.endorser{min-width:70px;font-size:17px}.endorser-community{font-size:7px}.brand{gap:9px}.hero-visual img{transform:scale(1.37);transform-origin:center 82%}.photo-wrap img{transform:scale(1.22)}.door-image img{transform:scale(1.25)}}

/* V4: offizielles useai.community Logo und ruhigere Bildübergänge */
.official-logo{display:block;width:108px;height:58px;object-fit:contain;flex-shrink:0}
.brand{gap:19px}
.brand-divider{height:40px}
/* Mehr Luft zwischen der im Motiv sichtbaren Wortmarke und dem Hero-Text */
.hero-copy{padding-top:135px}
.hero .eyebrow{margin-top:35px;margin-bottom:30px}
/* Zusammenarbeit: Betonfläche als durchgehende Bühne; das Motiv läuft weich in sie aus. */
.lab-section{background-color:#e8eaed;background-image:linear-gradient(90deg,rgba(245,246,247,.12),rgba(245,246,247,.72)),url('assets/concrete.webp');background-size:cover;background-position:center}
.photo-wrap{position:relative;isolation:isolate;overflow:hidden}
.photo-wrap::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 55%,rgba(232,234,237,.18) 73%,#e8eaed 100%)}
.photo-wrap img{-webkit-mask-image:linear-gradient(to right,#000 0%,#000 73%,transparent 100%);mask-image:linear-gradient(to right,#000 0%,#000 73%,transparent 100%)}
/* Kontakt: Motiv nicht mehr als weißes Rechteck an die dunkelblaue Fläche stoßen lassen. */
.contact-layout{position:relative}
.door-image{position:relative;background:var(--navy);isolation:isolate}
.door-image img{-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 38%),linear-gradient(to bottom,transparent 0%,#000 19%,#000 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent 0%,#000 38%),linear-gradient(to bottom,transparent 0%,#000 19%,#000 100%);mask-composite:intersect}
.door-image::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,var(--navy) 0%,rgba(12,29,68,.6) 18%,transparent 58%),linear-gradient(180deg,var(--navy) 0%,transparent 22%)}
@media(max-width:1100px){.official-logo{width:90px;height:auto}.hero-copy{padding-top:110px}}
@media(max-width:760px){.official-logo{width:72px;height:auto}.brand{gap:9px}.brand-divider{height:29px}.hero-copy{padding-top:78px}.hero .eyebrow{margin-top:18px}.photo-wrap::after{background:linear-gradient(0deg,#e8eaed 0%,transparent 22%)}.photo-wrap img{-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 80%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 80%,transparent 100%)}.door-image img{-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 20%,#000 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 20%,#000 100%)}.door-image::after{background:linear-gradient(180deg,var(--navy),transparent 26%)}}

/* V5 – gezielte Korrekturen auf Basis des Kundenfeedbacks */
/* Originales vektorbasiertes useai.community Logo, unverzerrt. */
.official-logo{width:117px;height:62px;object-fit:contain}
/* Hero: komplette Textgruppe tiefer, mehr Trennung zur visuellen Wortmarke. */
.hero-copy{padding-top:205px;padding-bottom:95px}
.hero .eyebrow{margin-top:45px}
/* Abschnitt 02: ausschließlich die neue vom Kunden gelieferte Betonwand als Hintergrund. */
.lab-section{background:#e9e9e8 url('assets/lab-concrete-wall.webp') center center/cover no-repeat}
.photo-wrap{height:570px;overflow:hidden;isolation:isolate}
.photo-wrap img{position:absolute;left:0;bottom:0;width:100%;height:auto;max-height:95%;object-fit:contain;object-position:left bottom;transform:none;mix-blend-mode:multiply;filter:contrast(1.03)}
.photo-wrap::after{display:none}
/* Abschnitt 05: Türbild bis zum unteren Rand; nur links/oben sanft ausblenden. */
.contact-layout{min-height:560px}
.door-image{height:auto;min-height:560px;align-self:stretch}
.door-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% center;transform:scale(1.25);transform-origin:center 72%;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 42%);mask-image:linear-gradient(to right,transparent 0%,#000 42%)}
.door-image::after{background:linear-gradient(90deg,var(--navy) 0%,rgba(12,29,68,.62) 19%,transparent 60%),linear-gradient(180deg,var(--navy) 0%,transparent 22%)}
@media(max-width:1100px){.official-logo{width:99px;height:auto}.hero-copy{padding-top:155px}}
@media(max-width:760px){.official-logo{width:75px;height:auto}.hero-copy{padding-top:120px;padding-bottom:36px}.hero .eyebrow{margin-top:25px}.photo-wrap{height:350px}.photo-wrap img{width:100%;height:auto;max-height:100%;transform:none;object-fit:contain}.door-image{height:330px;min-height:330px}.door-image img{transform:scale(1.1);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 20%);mask-image:linear-gradient(to bottom,transparent 0%,#000 20%)}.door-image::after{background:linear-gradient(180deg,var(--navy),transparent 24%)}}

/* V6: Nur der Hintergrund in Abschnitt 02 wurde ersetzt. */
.lab-section{background:#e8eaed url('assets/lab-concrete-wall-v6.webp') center center/cover no-repeat}

/* V8: getrennte klickbare Logos und Footer-Link */
.brand > a{text-decoration:none;color:inherit}
.footer-row a:hover,.brand > a:hover{opacity:.8}

/* Rechtliche Unterseiten */
.legal-main{background:#f5f5f3;min-height:75vh;padding:135px 0 90px;color:#0c1d44}.legal-content{max-width:850px}.legal-content h1{font-size:clamp(2.3rem,5vw,4rem);margin:0 0 35px}.legal-content h2{font-size:1.4rem;margin:38px 0 12px}.legal-content p{line-height:1.75;margin:0 0 12px}.legal-content a{color:#0c1d44;text-decoration:underline}.legal-content .legal-note{font-size:.9rem;color:#444}.legal-footer-links{display:flex;gap:18px;flex-wrap:wrap}.legal-footer-links a{color:inherit}@media(max-width:760px){.legal-main{padding:110px 0 55px}}

/* v13: bilingual language navigation */
.lang-switch{display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:12px;font-weight:700;letter-spacing:.06em}.lang-switch a{text-decoration:none;opacity:.55}.lang-switch a[aria-current="page"]{opacity:1;text-decoration:underline;text-underline-offset:4px}.lang-switch a:hover{opacity:1}@media(max-width:1100px){.nav-row{gap:12px}.main-nav{gap:10px}}@media(max-width:760px){.lang-switch{margin-left:auto;margin-right:10px}.nav-row{gap:8px}}

/* V17: GEO positioning copy within existing Lab section */
.lab-geo-copy p{margin:0 0 .85em;}
.lab-geo-copy p:last-child{margin-bottom:0;}

/* Version 19 – Perspectives / Perspektiven */
.perspectives-page{color:#0c1d44}.perspectives-hero,.perspectives-ending{padding:100px 0 82px;background-color:#e9e9e7;background-image:url('assets/concrete.webp');background-size:cover;background-position:center}.perspectives-intro{max-width:930px}.perspectives-intro .eyebrow{font-size:13px;letter-spacing:.22em;font-weight:700;margin-bottom:24px}.perspectives-intro h1{font-size:clamp(42px,6.3vw,88px);line-height:1.06;letter-spacing:-.045em;margin:0 0 25px;max-width:1000px}.perspectives-subtitle{font-size:clamp(24px,3vw,36px)!important;line-height:1.2!important;font-weight:600;margin-bottom:30px!important}.perspectives-intro p{font-size:clamp(17px,1.5vw,20px);line-height:1.65;max-width:780px;margin:0 0 16px}.perspectives-list{padding:68px 0 90px;background:#fff}.perspective-item{display:grid;grid-template-columns:110px minmax(0,1fr);gap:32px;padding:42px 0;border-bottom:1px solid #b7bdc8;max-width:1020px}.perspective-number{font-size:52px;font-weight:700;letter-spacing:-.05em}.perspective-content h2{font-size:clamp(26px,3.1vw,42px);line-height:1.16;letter-spacing:-.025em;margin:0 0 24px}.perspective-content p{font-size:18px;line-height:1.65;max-width:770px;margin:0 0 16px}.perspective-question{font-weight:700;border-left:5px solid #dfff00;padding:12px 0 12px 22px;margin-top:24px!important}.perspectives-ending h2{font-size:clamp(32px,4vw,54px);line-height:1.12;margin-bottom:28px}.perspective-cta{display:inline-block;background:#dfff00;color:#0c1d44;font-weight:700;text-decoration:none;padding:17px 22px;margin-top:20px}.main-nav a[aria-current=page]{text-decoration:underline;text-underline-offset:5px}@media(max-width:700px){.perspectives-hero,.perspectives-ending{padding:64px 0}.perspective-item{grid-template-columns:1fr;gap:12px;padding:32px 0}.perspective-number{font-size:34px}.perspectives-list{padding:30px 0 65px}}

/* V19 korrigiert: textfreier Hintergrund für beide Perspektiven-Abschnitte */
.perspectives-page .perspectives-hero,.perspectives-page .perspectives-ending{background-image:linear-gradient(90deg,rgba(248,249,250,.48),rgba(248,249,250,.24)),url('assets/lab-concrete-wall.webp');background-position:center;background-size:cover;}

/* Version 20: accessible Netlify contact forms */
.contact-copy{position:relative;z-index:2}
.contact-form{display:grid;gap:15px;margin-top:28px;max-width:520px;text-align:left}
.form-field{display:grid;gap:7px}
.form-field label{font-size:14px;font-weight:700;letter-spacing:.015em}
.form-field input,.form-field textarea{display:block;width:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.55);background:#fff;color:#0c1d44;border-radius:4px;padding:13px 15px;font:inherit;line-height:1.4}
.form-field textarea{resize:vertical;min-height:130px}
.form-field input:focus-visible,.form-field textarea:focus-visible{outline:3px solid #dfff00;outline-offset:2px}
.form-privacy{font-size:13px!important;line-height:1.5!important;margin:0!important;max-width:510px}
.form-privacy a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.contact-submit{cursor:pointer;border:0;justify-self:start;font:inherit;font-weight:700}
.form-honeypot{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.contact-layout{align-items:stretch}
.thank-you-content{padding-top:45px;padding-bottom:45px}
.thank-you-content .button{display:inline-flex;margin-top:25px}
@media(max-width:760px){.contact-form{max-width:100%}.contact-submit{width:100%;justify-content:center}}