/*
Theme Name: B2 Agentur
Description: Individuelles B2-Theme mit Droid Sans und direkt bearbeitbaren Inhalten.
Version: 1.4.7
Author: B|ZWEI
Text Domain: b2-agentur
Requires at least: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
*/
@font-face{font-family:'Droid Sans';font-style:normal;font-weight:400;font-display:swap;src:url('assets/droid-sans-regular.ttf') format('truetype')}
@font-face{font-family:'Droid Sans';font-style:normal;font-weight:700;font-display:swap;src:url('assets/droid-sans-bold.ttf') format('truetype')}
:root{--paper:#f4f3ee;--ink:#20211e;--orange:#ce0020;--muted:#6e7069;--line:#d2d3ca}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 'Droid Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--orange);outline-offset:5px}::selection{background:var(--orange);color:white}.draft{padding:8px 4.5%;background:var(--ink);color:#dddeda;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.2px}.draft span{letter-spacing:0;color:#b8b9b3}header{margin:0 4.5%;height:110px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{font:800 30px 'Droid Sans',Arial,sans-serif;letter-spacing:-2px}.logo>span{color:var(--orange);padding:0 2px}.logo .logo-dot{font-size:12px;vertical-align:top;letter-spacing:0}nav{display:flex;gap:32px;align-items:center;font-size:13px;font-weight:600}.nav-contact{border:1px solid var(--ink);padding:10px 18px;border-radius:30px}.nav-contact span{margin-left:30px}.menu{display:none}.hero{padding:65px 4.5% 0}.eyebrow,.section-label{font-size:10px;font-weight:700;letter-spacing:1.3px}.eyebrow{display:flex;align-items:center;gap:9px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--orange)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Droid Sans',Arial,sans-serif}h1{font-size:clamp(65px,8.1vw,132px);letter-spacing:-.075em;line-height:1.06;font-weight:600;margin:30px 0 30px;position:relative}.outline{color:var(--orange)}.asterisk{display:inline-block;color:var(--orange);font-style:normal;font-size:.8em;line-height:0;margin-left:18px;vertical-align:middle;animation:turn 35s linear infinite}@keyframes turn{to{transform:rotate(360deg)}}.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:0 0 65px}.hero-bottom p{font-size:15px;color:var(--muted);line-height:1.7;margin:0}.pill{border-radius:30px;background:var(--ink);color:white;display:inline-flex;align-items:center;gap:30px;padding:15px 22px;font-size:12px}.pill span{font-size:21px}.hero-index{font-size:9px;line-height:1.7;letter-spacing:1px}.workbench{background:#dedfd6;padding:24px 30px 16px;overflow:hidden}.wb-top,.wb-bottom{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1px}.live{display:flex;align-items:center;gap:7px}.bench-grid{display:grid;grid-template-columns:1fr .25fr 1.45fr;align-items:center;padding:30px 0 40px}.idea{padding:30px 0 25px 28px}.idea>span,.idea small{display:block;font-size:10px}.idea>span{letter-spacing:1px}.idea strong{font:600 clamp(45px,5vw,80px)/1.1 'Droid Sans',Arial,sans-serif;letter-spacing:-5px;display:block;margin:24px 0}.idea strong span{color:var(--orange)}.flow{display:flex;flex-direction:column;gap:6px;font-size:36px;color:#898c7f}.flow span:first-child{transform:rotate(-10deg)}.flow span:last-child{transform:rotate(10deg)}.outputs{position:relative;min-height:310px;padding:0 20px}.output{padding:20px 25px;min-height:100px;position:relative;display:flex;flex-direction:column;box-shadow:0 4px 8px #20211e0d;transition:transform .3s}.output span{font-size:9px;letter-spacing:1px}.output strong{font:600 30px 'Droid Sans',Arial,sans-serif;letter-spacing:-1.4px;margin-top:10px}.output i{font-style:normal;position:absolute;right:22px;top:22px;font-size:40px;line-height:1}.out1{background:var(--paper);transform:rotate(-4deg);z-index:1;margin-right:40px}.out2{background:var(--orange);transform:rotate(2deg);z-index:2;margin-left:28px;margin-top:-4px}.out3{background:var(--ink);color:white;transform:rotate(-2deg);z-index:3;margin-top:-5px;margin-right:14px}.output:hover{transform:rotate(0) translateY(-4px)}.wb-bottom{border-top:1px solid #b9bbae;padding-top:15px;color:#5c5f55}.section{padding:110px 4.5%}.statement{display:grid;grid-template-columns:1fr 2.5fr;gap:50px;border-bottom:1px solid var(--line)}.section-label{margin-bottom:30px}h2{font-size:clamp(40px,4.5vw,68px);line-height:1.13;letter-spacing:-.055em;font-weight:500;margin-bottom:30px}h2 span{color:#92948b}h2 em{color:var(--orange);font-style:normal}.statement-copy{display:grid;grid-template-columns:1fr 1fr;gap:35px;color:var(--muted);font-size:15px;max-width:800px}.underlined{display:inline-block;margin-top:18px;border-bottom:2px solid var(--orange);font-size:14px;padding-bottom:4px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:50px}.section-heading h2{margin:0}.section-heading>p{font-size:14px;color:var(--muted);margin:0 0 5px}.service-list{border-top:1px solid var(--ink)}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;display:flex;gap:32px;align-items:center;padding:28px 0}summary::-webkit-details-marker{display:none}.number{font-size:12px;color:var(--muted)}summary h3{font-size:clamp(24px,3vw,43px);font-weight:500;letter-spacing:-1.5px;margin:0;flex:1}.tag{font-size:9px;letter-spacing:1px}.toggle{font-size:32px;font-weight:400;width:32px}details[open] .toggle{transform:rotate(45deg);color:var(--orange)}.service-body{padding:0 60px 35px;display:grid;grid-template-columns:1.2fr 1fr;column-gap:65px;font-size:14px;color:var(--muted)}.service-body p{max-width:550px}.service-body ul{list-style:none;padding:0;margin:0}.service-body li{padding:4px 0}.service-body li:before{content:'↗';color:var(--orange);margin-right:10px}.service-body a{grid-column:1/-1;justify-self:start;color:var(--ink);border-bottom:1px solid var(--ink);font-size:12px;margin-top:12px}.practice{background:#e8e9e1}.tabs{display:flex;border-bottom:1px solid #bfc1b5;gap:30px;margin-bottom:35px}.tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:12px 0;cursor:pointer;color:var(--muted);font-size:13px}.tabs button[aria-selected=true]{border-color:var(--ink);color:var(--ink);font-weight:700}.case{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center}.case-visual{background:#d7d9cc;height:450px;position:relative;overflow:hidden}.paper{position:absolute;box-shadow:0 10px 20px #20211e16;padding:25px;width:235px;height:315px}.p-back{background:var(--orange);right:25px;top:65px;transform:rotate(11deg);font-size:10px}.p-back b{font:700 30px/1.1 'Droid Sans',Arial,sans-serif;letter-spacing:-1px;display:block;margin-top:35px}.p-back span{display:block;margin-top:65px}.p-front{background:var(--paper);left:45px;top:50px;transform:rotate(-9deg);z-index:1}.p-front>span,.p-front small{font-size:7px;letter-spacing:.5px}.p-front b{font:600 44px/.98 'Droid Sans',Arial,sans-serif;letter-spacing:-2.5px;display:block;margin-top:32px}.p-front em{color:var(--orange);font-style:normal}.paper-rule{height:1px;background:var(--ink);margin:30px 0 10px}.case-stamp{position:absolute;bottom:24px;right:25px;width:105px;height:105px;border-radius:50%;background:var(--ink);color:white;font-size:9px;line-height:1.5;display:flex;align-items:center;justify-content:center;text-align:center;transform:rotate(9deg);z-index:3}.small-label{font-size:8px;letter-spacing:1px;color:var(--muted)}.case-copy h3{font-size:36px;line-height:1.2;letter-spacing:-1.5px;font-weight:500;margin:20px 0}.case-copy p{font-size:14px;color:var(--muted)}.case-result{border-top:1px solid #bfc1b5;margin-top:25px;padding-top:20px}.case-result span{display:block;font-size:9px;letter-spacing:1px;margin-bottom:8px}.case-result strong{font-size:16px;font-weight:500}.case-copy>a{display:inline-block;margin-top:28px;font-size:12px;border-bottom:1px solid var(--ink)}.method>h2{margin-bottom:55px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.steps article{border-top:1px solid var(--ink);padding-top:16px}.steps article>span{font-size:12px;color:var(--orange)}.steps h3{font-size:24px;letter-spacing:-1px;margin:25px 0 14px}.steps p{font-size:13px;color:var(--muted)}.manifesto{position:relative;background:var(--orange);padding:65px 4.5%;overflow:hidden}.manifesto>p{font:500 clamp(48px,6.4vw,96px)/1.08 'Droid Sans',Arial,sans-serif;letter-spacing:-.065em;margin:35px 0}.manifesto>p span{color:var(--paper)}.manifesto>div{font-size:14px}.big-star{font-size:360px;position:absolute;right:5%;top:45px;line-height:1;color:#20211e;transform:rotate(15deg)}.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center}.contact h2{font-size:clamp(65px,8vw,120px);line-height:1.02;margin:0}.contact-grid p{color:var(--muted);font-size:15px}.contact-mail{display:flex;justify-content:space-between;border-bottom:1px solid var(--ink);padding:12px 0;font-size:20px;letter-spacing:-.5px}.contact-mail span{color:var(--orange)}.phone{display:block;font-size:15px;margin-top:20px}.contact-note{display:block;font-size:10px;color:var(--muted);margin-top:22px}footer{border-top:1px solid var(--line);padding:30px 4.5%;display:flex;align-items:center;justify-content:space-between;gap:25px}footer>span{font-size:11px;color:var(--muted)}footer>div{display:flex;gap:20px;font-size:10px}footer button{background:none;border:0;padding:0;cursor:pointer;font-size:10px}dialog{border:0;background:var(--paper);padding:40px;max-width:560px;width:calc(100% - 30px)}dialog::backdrop{background:#20211eaa}dialog h2{font-size:36px;margin-top:20px}dialog p{font-size:14px;color:var(--muted)}.close{position:absolute;right:15px;top:7px;font-size:30px;border:0;background:none;cursor:pointer}a:hover{color:var(--orange)}.pill:hover{background:var(--orange);color:var(--ink)}
@media(min-width:1600px){body{max-width:1800px;margin:auto}}@media(max-width:1000px){nav{gap:20px}.hero-index{display:none}.statement{grid-template-columns:1fr 3fr;gap:30px}.case{gap:30px}.paper{width:205px}.p-front{left:25px}.p-back{right:-20px}.tag{display:none}.big-star{font-size:270px;right:3%;top:100px}.contact-mail{font-size:17px}}
@media(max-width:680px){.draft{font-size:8px}.draft span{font-size:8px}header{height:85px}.logo{font-size:25px}.menu{display:block;border:1px solid var(--line);background:none;padding:5px 10px;font-size:20px}nav{display:none;position:absolute;top:110px;left:0;right:0;background:var(--paper);padding:20px 5%;z-index:10;border-bottom:1px solid var(--line)}nav.open{display:flex;flex-direction:column;align-items:stretch}.hero{padding-top:40px}.eyebrow{font-size:8px;letter-spacing:.6px}h1{font-size:clamp(47px,10vw,68px);letter-spacing:-.07em;line-height:1.1;margin:25px 0}.asterisk{font-size:.7em;margin-left:5px}.hero-bottom{display:block;margin-bottom:35px}.hero-bottom p{font-size:13px}.pill{margin-top:25px}.workbench{padding:18px 15px 12px}.wb-top{font-size:7px;letter-spacing:.5px}.bench-grid{grid-template-columns:1fr;padding:20px 0}.idea{padding:10px 8px}.idea strong{font-size:48px;letter-spacing:-3px;margin:18px 0}.idea small{font-size:9px}.flow{display:none}.outputs{min-height:270px;padding:25px 0 5px}.output{min-height:80px;padding:15px 20px}.output strong{font-size:24px}.output span{font-size:8px}.output i{font-size:30px}.wb-bottom{font-size:7px;letter-spacing:0}.wb-bottom span:last-child{display:none}.section{padding:65px 5%}.statement{display:block}.section-label{font-size:9px;margin-bottom:22px}h2{font-size:40px;letter-spacing:-2px}.statement-copy{grid-template-columns:1fr;gap:0;font-size:14px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:22px;font-size:13px}.service-body{padding:0 0 25px 30px;display:block;font-size:13px}.service-body a{display:inline-block}.service-body ul{margin:15px 0}summary{gap:16px;padding:23px 0}summary h3{font-size:25px;letter-spacing:-1px}.toggle{font-size:25px;width:20px}.tabs{gap:20px;overflow-x:auto}.tabs button{white-space:nowrap;font-size:11px}.case{grid-template-columns:1fr;gap:30px}.case-visual{height:370px}.paper{width:205px;height:280px}.p-front{top:35px;left:25px}.p-back{top:55px;right:10px}.p-front b{font-size:40px}.p-back b{font-size:25px}.case-stamp{width:85px;height:85px;right:12px;bottom:12px;font-size:8px}.case-copy h3{font-size:30px}.steps{grid-template-columns:1fr 1fr;gap:25px}.steps h3{font-size:21px;margin-top:18px}.steps p{font-size:12px}.manifesto{padding:45px 5%}.manifesto>p{font-size:49px;position:relative;z-index:1}.big-star{font-size:180px;right:-65px;top:140px;opacity:.2}.manifesto>div{font-size:13px}.contact-grid{grid-template-columns:1fr;gap:30px}.contact h2{font-size:80px}.contact-mail{font-size:18px}footer{flex-wrap:wrap;padding-bottom:30px}footer>span{font-size:10px}footer>div{width:100%;justify-content:space-between;margin-top:10px}dialog{padding:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.asterisk{animation:none}*{transition:none!important}}

/* B2 second concept */
.logo img{display:block;width:205px;max-width:100%;height:auto}.hero h1{font-size:clamp(55px,6.7vw,108px);max-width:1300px;line-height:1.08}.hero-bottom p{max-width:510px}.out2{color:#fff}.p-back{color:#fff}.manifesto{color:#fff}.manifesto>p span{color:#20211e}.manifesto .big-star{opacity:.15;right:-45px;top:60px}.manifesto>p{position:relative;z-index:1;font-size:clamp(48px,6vw,90px)}.ai-note{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 2.5fr;gap:50px;background:#eae9e4}.ai-note h2{font-size:clamp(35px,3.6vw,55px)}.ai-more{margin-top:20px}.ai-more summary{font-size:14px;justify-content:space-between;gap:15px;padding:18px 0}.ai-more p{font-size:14px;color:var(--muted);max-width:650px}.ai-more>a{display:inline-block;font-size:12px;border-bottom:1px solid var(--ink);margin-bottom:22px}.case-copy h3{font-size:32px}.section-heading h2{max-width:840px}.practice .section-heading h2{font-size:clamp(35px,4vw,58px)}.contact-note{line-height:1.8}footer .logo img{width:150px}.pill:hover{color:#fff}.nav-contact:hover{border-color:var(--orange)}
@media(max-width:1000px){.logo img{width:175px}.hero-index{display:none}.hero-bottom p{font-size:14px}.hero-bottom{gap:22px}.pill{gap:18px;padding:14px 18px;white-space:nowrap}.ai-note{gap:30px;grid-template-columns:1fr 3fr}}
@media(max-width:680px){.logo img{width:160px}.hero h1{font-size:clamp(43px,10.3vw,68px);letter-spacing:-.065em}.hero h1 .outline{display:block;max-width:100%}.hero .eyebrow{line-height:1.6;align-items:flex-start;max-width:300px}.hero .eyebrow .dot{margin-top:3px;flex-shrink:0}.hero-bottom p{font-size:13px}.ai-note{display:block}.ai-note h2{font-size:37px}.ai-more summary{font-size:13px}.case-copy h3{font-size:27px}.manifesto>p{font-size:clamp(37px,9.3vw,58px);letter-spacing:-.055em}.practice .section-heading h2{font-size:37px}.contact h2{font-size:75px}.output strong{font-size:22px}footer .logo img{width:130px}}

.people{display:grid;grid-template-columns:1.1fr 1fr;gap:75px;align-items:center;padding-top:90px;padding-bottom:90px;background:#e8e7e1}.people-image{position:relative}.people-image>img{width:100%;height:auto;display:block;aspect-ratio:8/7;object-fit:cover}.photo-caption{display:block;font-size:9px;letter-spacing:1px;margin-top:12px}.people h2{font-size:clamp(38px,4vw,59px)}.people-copy>p{font-size:14px;color:var(--muted)}.person{border-top:1px solid #c6c6bc;margin-top:20px;padding-top:17px}.person h3{font-size:20px;letter-spacing:-.7px;margin:0 0 3px}.person>span{font-size:8px;letter-spacing:1px}.person p{font-size:13px;color:var(--muted);margin-top:9px;margin-bottom:0}.text-cta{display:inline-block;font-size:12px;border-bottom:1px solid var(--ink);padding-bottom:3px}.people .text-cta{margin-top:25px}.references{border-top:1px solid var(--line);padding-top:80px}.project-picture{background:#dfded8;overflow:hidden}.project-picture img{display:block;width:100%;height:auto;max-height:580px;object-fit:cover;object-position:center}.project-caption{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:22px}.project-caption h3{font-size:25px;font-weight:500;letter-spacing:-1px;margin:5px 0 0}.client-intro{display:flex;justify-content:space-between;align-items:baseline;margin-top:65px;padding-top:25px;border-top:1px solid var(--line)}.client-intro .section-label{margin:0}.client-intro p{font-size:12px;color:var(--muted);margin:0}.client-logos{display:grid;grid-template-columns:repeat(6,1fr);gap:30px;align-items:center;margin-top:30px}.client-logos>div{display:flex;justify-content:center;align-items:center;height:90px}.client-logos img{max-width:100%;max-height:65px;object-fit:contain;filter:grayscale(1);mix-blend-mode:multiply}.contact-person{display:flex;gap:18px;align-items:center;margin-top:30px}.contact-person img{width:90px;height:90px;object-fit:cover;border-radius:50%}.contact-person span{font-size:11px;color:var(--muted)}.contact-person strong{font-weight:500;color:var(--ink)}
@media(max-width:1000px){.people{gap:35px}.client-logos{grid-template-columns:repeat(3,1fr);gap:20px}}
@media(max-width:680px){.people{grid-template-columns:1fr;gap:35px;padding-top:55px;padding-bottom:55px}.people h2{font-size:39px}.people .section-label{line-height:1.8}.project-picture img{min-height:250px;object-fit:cover;object-position:65% center}.project-caption{display:block}.project-caption .text-cta{margin-top:20px}.client-intro{display:block;margin-top:45px}.client-intro p{margin-top:8px}.client-logos{grid-template-columns:repeat(2,1fr);gap:15px}.client-logos>div{height:70px}.client-logos img{max-width:85%;max-height:55px}.contact-person{margin-top:25px}.contact-person img{width:75px;height:75px}}

.project-picture{position:relative}.project-overlay{position:absolute;left:5%;top:20%;z-index:1;max-width:37%}.project-overlay>span{font-size:10px;letter-spacing:1px}.project-overlay strong{font:500 clamp(32px,4.5vw,65px)/1.08 'Droid Sans',Arial,sans-serif;letter-spacing:-.05em;display:block;margin-top:24px}@media(max-width:680px){.project-overlay{display:none}.project-picture img{height:300px;min-height:0;object-fit:cover;object-position:100% center}}

/* Ruhige Hausschrift und klare Leistungsaussage */
body{font-family:'Droid Sans',Arial,sans-serif;font-weight:400}h1,h2,h3,.idea strong,.output strong,.paper b,.manifesto>p,.project-overlay strong{font-family:'Droid Sans',Arial,sans-serif;letter-spacing:-.02em;font-weight:400}h1,h2,h3{font-synthesis:none}.hero h1{font-size:clamp(45px,6.1vw,86px);line-height:1.17;letter-spacing:-.025em;margin-bottom:22px}.hero-promise{font-size:25px;line-height:1.4;margin:0 0 28px;letter-spacing:0}.hero-bottom p{line-height:1.8;font-size:14px}.hero-bottom{margin-bottom:55px}.section h2{font-size:clamp(34px,4vw,55px);line-height:1.25;letter-spacing:-.025em}.section-heading h2,.practice .section-heading h2{font-size:clamp(34px,4vw,55px);line-height:1.25}.people h2{font-size:clamp(34px,3.8vw,51px)}.idea strong{font-size:clamp(38px,4vw,58px);line-height:1.2;letter-spacing:-.025em}.output strong{font-size:27px;letter-spacing:-.02em}.output{transform:none}.out1{transform:rotate(-1.5deg)}.out2{transform:rotate(.7deg)}.out3{transform:rotate(-.5deg)}summary h3{font-size:clamp(23px,2.8vw,36px);letter-spacing:-.02em}.case-copy h3{font-size:29px;line-height:1.35;letter-spacing:-.02em}.person h3,.steps h3{letter-spacing:0;font-weight:700}.section-label,.eyebrow{letter-spacing:.8px}.ai-note{grid-template-columns:1fr 2.5fr}.ai-solutions{margin-top:32px;display:grid;grid-template-columns:1fr;gap:0}.ai-solutions article{border-top:1px solid #c6c6bc;padding:22px 0;display:grid;grid-template-columns:180px 1fr;column-gap:25px}.ai-solutions article>span{font-size:9px;letter-spacing:.7px;grid-row:1/3;padding-top:7px}.ai-solutions h3{font-size:23px;line-height:1.35;margin:0 0 10px;letter-spacing:-.02em}.ai-solutions p{font-size:14px;color:var(--muted);margin:0}.manifesto>p{font-size:clamp(44px,5.6vw,78px);line-height:1.2;letter-spacing:-.025em}.contact h2{font-size:clamp(48px,6.3vw,85px);line-height:1.2;letter-spacing:-.025em}.asterisk{animation:none}.paper b{letter-spacing:-.025em}.project-overlay strong{font-size:clamp(30px,4vw,58px);letter-spacing:-.025em}.text-cta,.contact-mail{letter-spacing:0}
@media(max-width:1000px){.hero-bottom{flex-wrap:wrap}.hero-index{display:none}.hero-promise{font-size:23px}.ai-note{grid-template-columns:1fr 3fr;gap:30px}}
@media(max-width:680px){.hero h1{font-size:clamp(34px,8.7vw,53px);letter-spacing:-.025em;line-height:1.2}.hero-promise{font-size:20px;margin-bottom:22px}.hero-bottom p{font-size:13px}.section h2,.people h2,.practice .section-heading h2{font-size:34px;letter-spacing:-.025em;line-height:1.25}.idea strong{font-size:40px;letter-spacing:-.025em}.output strong{font-size:21px;letter-spacing:-.02em}summary h3{font-size:24px;letter-spacing:-.02em}.case-copy h3{font-size:25px}.ai-note{display:block}.ai-solutions article{display:block}.ai-solutions article>span{display:block;margin-bottom:10px}.ai-solutions h3{font-size:23px}.manifesto>p{font-size:37px;letter-spacing:-.025em}.contact h2{font-size:49px;line-height:1.2}.contact-mail{font-size:17px}.hero .eyebrow{font-size:9px}.statement-copy p{line-height:1.75}}

body.admin-bar header{scroll-margin-top:32px}.b2-page{max-width:1000px;margin:auto;min-height:60vh}.b2-page .entry-title{font:400 48px/1.2 'Droid Sans',sans-serif}.b2-page .entry-content{font-size:16px;line-height:1.8}.b2-page .entry-content img{max-width:100%;height:auto}.skip-link{position:absolute;top:-100px;left:20px;z-index:999;background:#fff;padding:12px}.skip-link:focus{top:40px}

/* Vollständige Referenzgalerie · 118 Logos */
.client-intro{margin-top:65px}.client-intro .section-label{font-size:18px;font-weight:700;letter-spacing:0}.reference-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:18px 0 26px}.reference-controls p{font-size:13px;color:var(--muted);margin:0}.reference-pause{background:transparent;border:1px solid #b8b8b0;border-radius:25px;padding:9px 16px;cursor:pointer;font-size:12px;white-space:nowrap}.reference-pause span{margin-left:12px}.reference-pause:hover{border-color:var(--orange);color:var(--orange)}.reference-carousel{display:grid;gap:16px;overflow:hidden;position:relative}.logo-window{overflow:hidden}.logo-track{display:flex;width:max-content;animation:b2-logos var(--logo-duration,266s) linear infinite;will-change:transform}.logo-window:nth-child(2) .logo-track{animation-direction:reverse}.logo-group{display:flex;gap:20px;padding-right:20px;flex-shrink:0}.logo-card{flex:0 0 220px;width:220px;height:160px;background:#fff;display:flex;align-items:center;justify-content:center;border:1px solid #e3e3dd;border-radius:3px;overflow:hidden}.logo-card img{display:block;width:200px;height:150px;max-width:100%;object-fit:contain;filter:grayscale(1);opacity:1;mix-blend-mode:normal}.reference-carousel:hover .logo-track,.reference-carousel:focus-within .logo-track,.reference-carousel.is-paused .logo-track{animation-play-state:paused}@keyframes b2-logos{from{transform:translateX(0)}to{transform:translateX(-50%)}}.reference-all{margin-top:25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.reference-all>summary{font-size:14px;padding:18px 0;justify-content:space-between;gap:16px}.reference-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;padding-bottom:24px}.reference-grid .logo-card{width:100%}.reference-grid .logo-card img{max-width:100%}
@media(max-width:680px){.client-intro .section-label{font-size:17px;line-height:1.5}.reference-controls{align-items:flex-start;flex-direction:column;gap:14px}.reference-carousel{gap:12px}.logo-card{width:210px;flex-basis:210px;height:158px}.logo-group{gap:12px;padding-right:12px}.logo-card img{width:200px;height:150px}.reference-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.reference-grid .logo-card{height:130px}.reference-grid .logo-card img{width:100%;height:auto;max-height:125px}}
@media(prefers-reduced-motion:reduce){.logo-track{animation:none;transform:none!important;will-change:auto}.logo-copy{display:none}.logo-window{overflow-x:auto}.reference-pause{display:none}}

.logo-card.logo-feature{padding:15px}.logo-card.logo-feature img{width:100%;height:110px;object-fit:contain}.logo-card.logo-dark{background:#20211e;border-color:#20211e}.logo-card.logo-dark img{mix-blend-mode:normal;filter:grayscale(1)}

/* Sanfter, einmaliger Aufbau beim Erreichen der Lösungswerkbank. */
@media(prefers-reduced-motion:no-preference){
.workbench.reveal-ready .idea,.workbench.reveal-ready .flow,.workbench.reveal-ready .output{opacity:0;translate:0 24px;transition:opacity 900ms ease,translate 1100ms cubic-bezier(.2,.65,.3,1)}
.workbench.reveal-ready .flow{transition-delay:150ms}.workbench.reveal-ready .out1{transition-delay:200ms}.workbench.reveal-ready .out2{transition-delay:450ms}.workbench.reveal-ready .out3{transition-delay:700ms}
.workbench.reveal-ready.is-visible .idea,.workbench.reveal-ready.is-visible .flow,.workbench.reveal-ready.is-visible .output{opacity:1;translate:0 0}
}

.projects-page h1{font-size:clamp(46px,7vw,96px);line-height:1.12;margin:28px 0}.project-intro{padding-top:75px;padding-bottom:80px}.project-intro h1 span{color:var(--orange)}.project-intro>p{max-width:600px;font-size:19px;color:var(--muted)}.project-case{border-top:1px solid var(--line)}.project-title{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;padding-top:65px;padding-bottom:45px}.project-title h2{font-size:clamp(55px,7vw,90px);margin:15px 0}.project-title h2 span{color:var(--orange)}.project-title>div>p{font-size:25px;line-height:1.4}.project-meta{padding-top:35px}.project-meta>span,.project-features article>span{font-size:10px;letter-spacing:1px}.project-title .project-meta p{font-size:16px;line-height:1.8;color:var(--muted)}.project-stage{background:#dfe1da;padding-top:55px;padding-bottom:25px}.project-browser{border-radius:8px;overflow:hidden;box-shadow:0 20px 50px #20211e20;background:white}.browser-bar{display:flex;justify-content:space-between;padding:14px 20px;background:#f4f3ef;color:#777;font-size:12px}.browser-bar>span:first-child{letter-spacing:4px;color:#aaa}.project-browser img{width:100%;height:auto;display:block}.project-shot-caption{font-size:9px;letter-spacing:1px;margin-top:24px}.project-story{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-top:80px;padding-bottom:55px}.project-story h2{margin:20px 0}.project-story p{font-size:16px;line-height:1.9;color:var(--muted)}.project-features{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding-bottom:85px}.project-features>div{border-top:1px solid var(--line);padding-top:22px}.project-features span{font-size:10px;letter-spacing:1px}.project-features h3{font-size:25px;margin:18px 0 12px}.project-features p{font-size:14px;line-height:1.8;color:var(--muted)}.project-contact{background:#e8e7e1;padding-top:70px;padding-bottom:80px}.project-contact h2{margin:25px 0 35px}
@media(max-width:680px){.project-intro{padding-top:45px;padding-bottom:45px}.project-title,.project-story{grid-template-columns:1fr;gap:20px}.project-title{padding-top:40px}.project-meta{padding-top:0}.project-stage{padding-top:25px}.project-story{padding-top:45px}.project-features{grid-template-columns:1fr;gap:24px}.project-features h3{margin-top:12px}.browser-bar{padding:10px;font-size:10px}}

/* Kompakte Projektmodule mit ergänzenden Originalmotiven. */
.project-intro{padding-top:40px;padding-bottom:40px}.projects-page h1{font-size:clamp(40px,5vw,66px);margin:18px 0}.project-intro>p{font-size:16px;max-width:650px}.project-overview{display:grid;grid-template-columns:.85fr 1.3fr;gap:40px;padding:40px 4.5% 20px;align-items:center}.project-overview .section{padding:0}.project-title{display:block}.project-title h2{font-size:52px;margin:10px 0}.project-title>div>p{font-size:22px;margin:12px 0}.project-meta{padding-top:10px}.project-title .project-meta p{font-size:14px;line-height:1.7}.project-meta>span{display:none}.project-stage{background:transparent}.project-shot-caption{margin:12px 0;font-size:8px}.browser-bar{padding:10px 15px;font-size:10px}.project-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-top:8px;padding-bottom:25px}.project-gallery figure{margin:0}.project-gallery img{display:block;width:100%;aspect-ratio:2.2;object-fit:cover;border-radius:3px}.project-gallery figcaption{font-size:11px;margin-top:9px;color:var(--muted)}.project-details{margin:0 4.5% 35px;padding:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.project-details>summary{font-size:13px;display:flex;justify-content:space-between;padding:16px 0;cursor:pointer}.project-details[open]>summary span{rotate:45deg}.project-details .project-story{padding:25px 0;gap:40px}.project-story h2{font-size:32px}.project-story p{font-size:14px}.project-features{padding-bottom:25px}.project-features h3{font-size:22px}.project-contact{padding-top:40px;padding-bottom:45px}.project-contact h2{font-size:38px;margin:18px 0 25px}
@media(max-width:680px){.project-overview{grid-template-columns:1fr;gap:25px;padding-top:28px}.project-title h2{font-size:44px}.project-gallery{gap:10px}.project-gallery img{aspect-ratio:1.2}.project-gallery figcaption{font-size:10px}.project-details .project-story{grid-template-columns:1fr;gap:10px}.project-intro{padding-top:30px;padding-bottom:25px}}

.project-title h2{font-size:clamp(32px,3.7vw,52px);overflow-wrap:break-word}.project-contact>p{max-width:620px;font-size:16px;line-height:1.8;color:var(--muted)}.project-contact-actions{display:flex;align-items:center;gap:30px;flex-wrap:wrap;margin-top:25px}.project-case:nth-of-type(even){background:#eeede7}

.project-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.project-gallery img{aspect-ratio:auto;height:auto;object-fit:contain;background:white;border:1px solid #ddd}.project-case img[data-enlarge]{cursor:zoom-in}.project-gallery figure{transition:transform .4s ease,box-shadow .4s ease}.project-gallery figure:hover{transform:translateY(-6px)}.project-browser{transition:transform .6s ease,box-shadow .6s ease}.project-browser:hover{transform:translateY(-6px) rotate(.4deg);box-shadow:0 24px 55px #20211e30}.project-lightbox{width:min(1200px,94vw);max-width:94vw;max-height:92vh;padding:40px 16px 12px;background:#f5f4ef;border:0;border-radius:7px;overflow:auto}.project-lightbox::backdrop{background:#141512dc}.project-lightbox img{display:block;width:100%;height:auto}.project-lightbox p{font-size:12px;margin:10px 0}.image-close{position:absolute;right:12px;top:5px;background:none;border:0;font-size:28px;cursor:pointer}.project-case img[data-enlarge]:focus-visible{outline:3px solid #ce0020;outline-offset:4px}
@media(prefers-reduced-motion:no-preference){.project-case.motion-ready .project-title,.project-case.motion-ready .project-stage,.project-case.motion-ready .project-gallery figure{opacity:0;translate:0 35px;transition:opacity .9s ease,translate 1.1s cubic-bezier(.2,.65,.3,1)}.project-case.motion-ready .project-stage{transition-delay:.18s}.project-case.motion-ready .project-gallery figure:nth-child(2){transition-delay:.2s}.project-case.motion-ready .revealed{opacity:1;translate:0 0}.project-browser img{transition:scale 1.1s ease}.project-browser:hover img{scale:1.025}}
@media(max-width:680px){.project-gallery{grid-template-columns:1fr}.project-gallery img{aspect-ratio:auto}.project-lightbox{padding-top:38px}}
@media(prefers-reduced-motion:reduce){.project-gallery figure,.project-browser{transition:none}.project-gallery figure:hover,.project-browser:hover{transform:none}}

.project-case.motion-ready .project-gallery figure.revealed{opacity:1;translate:0 0}

.project-title .project-meta .project-services{font-size:11px;line-height:1.9;color:var(--ink);padding-top:12px;border-top:1px solid var(--line);margin-top:18px}.confirmed-services{display:flex;gap:12px;flex-wrap:wrap;padding:8px 0 22px}.confirmed-services span{font-size:12px;border:1px solid var(--line);padding:8px 12px;border-radius:25px}.project-overview{padding-bottom:30px}

.shop-services{background:#e8e7e1;padding-top:55px;padding-bottom:55px;display:grid;grid-template-columns:1fr 1.5fr;gap:65px}.shop-services h2,.shop-systems h2,.shop-example-heading h2,.shop-home h2{margin:20px 0}.shop-services p,.shop-systems p,.shop-home p{font-size:15px;line-height:1.8;color:var(--muted);max-width:700px}.shop-service-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.shop-service-grid article{border-top:1px solid var(--line);padding-top:20px}.shop-service-grid article>span{font-size:10px;letter-spacing:.6px}.shop-service-grid h3{font-size:23px;line-height:1.4;margin:16px 0 12px}.shop-service-grid p{font-size:14px}.shop-systems{padding-top:60px;padding-bottom:60px}.shop-example-heading{padding-top:30px;padding-bottom:25px}.shop-home{padding-top:55px;padding-bottom:55px;background:#e8e7e1}.shop-home .text-cta{margin-top:18px}header nav{gap:22px}.shop-page .project-case:nth-of-type(even){background:#eeede7}
@media(max-width:1000px){header nav{gap:12px}.shop-services{gap:30px}}@media(max-width:680px){.shop-services{grid-template-columns:1fr}.shop-service-grid{grid-template-columns:1fr}.shop-systems{padding-top:40px;padding-bottom:40px}}

.seo-path{padding-top:35px;padding-bottom:45px;border-top:1px solid var(--line)}.seo-path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:30px}.seo-path-grid>div{border-top:2px solid var(--orange);padding-top:20px}.seo-path-grid span,.seo-example-grid article>span{font-size:10px;letter-spacing:.6px}.seo-path-grid h3{font-size:24px;line-height:1.4}.seo-page p,.seo-home p{line-height:1.8;color:var(--muted)}.seo-process{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding-top:60px;padding-bottom:60px}.seo-process h2{margin-top:20px}.seo-process ol{list-style:none;counter-reset:seo;padding:0;margin:0}.seo-process li{counter-increment:seo;border-top:1px solid var(--line);padding:20px 0 5px}.seo-process li:before{content:'0' counter(seo);color:var(--orange);margin-right:15px;font-size:12px}.seo-process strong{font-size:20px}.seo-process p{font-size:14px}.seo-examples{padding-top:40px;padding-bottom:55px;background:#eeede7}.seo-examples h2{margin:20px 0 35px}.seo-example-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.seo-example-grid article{border-top:1px solid var(--line);padding-top:25px}.seo-example-grid h3{font-size:29px;margin:20px 0 15px}.seo-faq{padding-top:45px;padding-bottom:55px}.seo-faq details{border-bottom:1px solid var(--line);padding:18px 0}.seo-faq details:first-of-type{margin-top:20px}.seo-faq summary{font-size:20px;cursor:pointer}.seo-faq details p{max-width:800px;font-size:15px}.seo-home{padding-top:50px;padding-bottom:50px}.seo-home h2{margin:20px 0}.seo-home p{max-width:650px;font-size:16px}.seo-crosslink{margin-top:25px}.seo-crosslink .text-cta{margin-top:0}.seo-page .project-intro h1{font-size:clamp(40px,5vw,66px)}
@media(prefers-reduced-motion:no-preference){.seo-page .seo-animate{opacity:0;translate:0 24px;transition:opacity .8s ease,translate 1s ease}.seo-page .seo-animate.revealed{opacity:1;translate:0 0}.seo-path-grid>div:nth-child(2){transition-delay:.15s}.seo-path-grid>div:nth-child(3){transition-delay:.3s}}
@media(max-width:680px){.seo-path-grid,.seo-process,.seo-example-grid{grid-template-columns:1fr;gap:25px}.seo-process{padding-top:40px;padding-bottom:40px}.seo-faq summary{font-size:18px}}

.b2-page{padding-top:55px;padding-bottom:70px}.b2-page .entry-content{max-width:820px}.b2-page .entry-content h2{font-size:24px;margin:35px 0 15px;overflow-wrap:anywhere}.b2-page .entry-content p{font-size:15px;line-height:1.9;overflow-wrap:anywhere}.b2-page .entry-title{margin-bottom:35px}@media(max-width:680px){.b2-page .entry-title{font-size:36px}.b2-page .entry-content h2{font-size:21px}}

.legal-hero{padding-top:55px;padding-bottom:40px;border-bottom:1px solid var(--line)}.legal-hero h1{font-size:clamp(40px,6.3vw,82px);line-height:1.15;margin:25px 0;overflow-wrap:anywhere}.legal-hero h1>span{color:var(--orange)}.legal-hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:30px}.legal-hero-bottom p{font-size:16px;line-height:1.8;color:var(--muted);margin:0}.legal-hero-bottom a{white-space:nowrap}.legal-cards{display:grid;grid-template-columns:1fr 1.2fr;gap:25px;padding-top:40px;padding-bottom:40px}.legal-address{background:#20211e;color:white;padding:35px}.legal-address h2{font-size:44px;margin:25px 0 15px}.legal-address p{font-size:16px;line-height:1.8}.legal-address>a{display:inline-block;margin-top:25px;border-bottom:1px solid #777;font-size:16px}.legal-contact-card{background:#e7e6df;padding:35px}.legal-phone{display:block;font-size:clamp(23px,2.5vw,34px);margin-top:20px}.legal-contact-card>p{font-size:13px;color:var(--muted);margin-bottom:30px}.legal-contact-card dl{display:grid;grid-template-columns:140px 1fr;font-size:13px;line-height:1.7;gap:15px;margin:20px 0 0}.legal-contact-card dt{color:var(--muted)}.legal-contact-card dd{margin:0}.legal-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:70px;padding-top:45px;padding-bottom:60px;align-items:start}.legal-index{position:sticky;top:35px}.legal-index nav{display:flex;flex-direction:column;gap:0;margin-top:20px}.legal-index nav a{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:12px 0;font-size:11px;line-height:1.6;text-transform:none}.legal-index nav a:hover{color:var(--orange)}.legal-copy{max-width:800px}.legal-copy h2{font-size:23px!important;line-height:1.45!important;margin:50px 0 20px;text-transform:none;letter-spacing:0;scroll-margin-top:45px;border-top:1px solid var(--line);padding-top:25px;overflow-wrap:anywhere}.legal-copy h2:first-child{margin-top:0}.legal-copy h3{font-size:17px;line-height:1.5;margin:28px 0 12px}.legal-copy p{font-size:14px;line-height:1.95;margin:0 0 18px;color:#55564f;overflow-wrap:anywhere}.legal-end{background:#e7e6df;padding-top:35px;padding-bottom:40px}.legal-end p{font-size:26px;margin:15px 0}.legal-copy a{border-bottom:1px solid var(--line)}
@media(max-width:900px){.legal-layout{grid-template-columns:220px minmax(0,1fr);gap:35px}.legal-hero-bottom{align-items:start;flex-direction:column}.legal-contact-card dl{grid-template-columns:1fr;gap:5px}.legal-contact-card dd{margin-bottom:10px}}
@media(max-width:680px){.legal-hero{padding-top:35px}.legal-cards,.legal-layout{grid-template-columns:1fr;gap:25px}.legal-address,.legal-contact-card{padding:25px}.legal-index{position:static}.legal-index nav{max-height:250px;overflow:auto;padding-right:10px}.legal-copy h2{font-size:21px!important}.legal-hero-bottom p{font-size:14px}}

.home-visual-service{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:center}.home-service-image{display:block}.home-service-image img{width:100%;height:auto;display:block;border:8px solid #fff;box-shadow:0 15px 40px #20211e15}.home-service-image>span{display:block;font-size:11px;margin-top:14px}.customer-voices{margin-top:55px;padding-top:40px;border-top:1px solid var(--line)}.voice-heading{display:flex;justify-content:space-between;gap:25px;align-items:end}.voice-heading h2{margin:18px 0 25px}.voice-controls{display:flex;gap:10px;padding-bottom:25px}.voice-controls button{width:44px;height:44px;border:1px solid var(--line);background:transparent;border-radius:50%;font-size:22px;cursor:pointer}.voice-controls button:hover{background:#ce0020;color:white}.voice-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 0 18px;scrollbar-width:thin}.voice-card{flex:0 0 calc((100% - 40px)/3);scroll-snap-align:start;margin:0;background:#e8e7e1;padding:25px;display:flex;flex-direction:column;justify-content:space-between;gap:25px}.voice-card blockquote{margin:0;font-size:16px;line-height:1.8}.voice-card figcaption{display:flex;gap:14px;align-items:center}.voice-card img{width:60px;height:60px;border-radius:50%;object-fit:cover;filter:grayscale(1)}.voice-card strong{display:block;font-size:13px}.voice-card figcaption span{display:block;font-size:11px;line-height:1.6;color:var(--muted);margin-top:4px}.funding-note{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;background:#e8e7e1;padding-top:55px;padding-bottom:55px}.funding-note h2{margin:20px 0}.funding-note p{font-size:16px;line-height:1.8}.funding-note .funding-small{font-size:12px;color:var(--muted)}.funding-source{display:block;font-size:11px;margin-top:20px;text-decoration:underline}.ai-page-link{margin-top:20px}.ki-page .seo-process p{font-size:16px;line-height:1.8}.voice-card:focus-within{outline:1px solid var(--ink)}
@media(max-width:1000px){.home-visual-service,.funding-note{gap:30px}.voice-card{flex-basis:calc((100% - 20px)/2)}}@media(max-width:680px){.home-visual-service,.funding-note{grid-template-columns:1fr}.voice-card{flex-basis:90%;padding:22px}.voice-card blockquote{font-size:15px}.voice-heading h2{font-size:30px}.voice-heading{align-items:start}.voice-controls{padding-top:25px}.voice-controls button{width:36px;height:36px}}

.service-links{display:flex;flex-direction:column;align-items:flex-start;gap:14px}.service-body .service-links a{margin:0}

/* Einmalige rote Akzente am Seitenrand – rein dekorativ. */
.b2-playful-section{position:relative;isolation:isolate}.b2-ball-stage{position:absolute;inset:0;overflow:clip;pointer-events:none;z-index:-1}.b2-red-ball{position:absolute;right:-38px;top:30px;width:92px;height:92px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#ef334b 0,#ce0020 52%,#a9001a 100%);opacity:0;box-shadow:0 12px 22px #85001615;transform:translate(150px,-90px) rotate(-80deg)}.b2-playful-section:nth-of-type(even) .b2-red-ball{width:112px;height:112px;right:-60px;top:75px}.b2-ball-arrived .b2-red-ball{animation:b2-ball-arrival 1.65s cubic-bezier(.2,.65,.3,1) both}@keyframes b2-ball-arrival{0%{opacity:0;transform:translate(150px,-90px) rotate(-80deg)}15%{opacity:1}62%{opacity:1;transform:translate(-12px,12px) rotate(12deg)}82%{opacity:1;transform:translate(4px,-5px) rotate(-4deg)}100%{opacity:1;transform:translate(0,0) rotate(0)}}
@media(max-width:680px){.b2-red-ball{width:58px;height:58px;right:-32px;top:14px}.b2-playful-section:nth-of-type(even) .b2-red-ball{width:66px;height:66px;right:-40px;top:20px}}
@media(prefers-reduced-motion:reduce){.b2-ball-stage{display:none}.b2-ball-arrived .b2-red-ball{animation:none}}

.b2-screen-ball-stage{position:fixed;inset:0;pointer-events:none;z-index:8;overflow:hidden}.b2-screen-ball{position:absolute;right:0;top:29vh;width:clamp(190px,19vw,340px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 25%,#ef334b 0,#ce0020 52%,#a9001a 100%);box-shadow:0 20px 35px #85001620;opacity:0;transform:translateX(125%)}.b2-screen-ball-stage.is-arriving .b2-screen-ball{animation:b2-screen-arrival 4.8s cubic-bezier(.22,.65,.3,1) both}@keyframes b2-screen-arrival{0%{opacity:0;transform:translate(125%,-80px) rotate(-40deg)}12%{opacity:1}32%{opacity:1;transform:translate(-13vw,18px) rotate(16deg)}44%{opacity:1;transform:translate(-11vw,-8px) rotate(-5deg)}58%,72%{opacity:1;transform:translate(-11vw,0) rotate(0)}100%{opacity:0;transform:translate(130%,70px) rotate(45deg)}}@media(max-width:680px){.b2-screen-ball{width:170px;top:24vh}}@media(prefers-reduced-motion:reduce){.b2-screen-ball-stage{display:none}}

.b2-bubble-target{position:relative}.b2-hover-bubble{position:absolute;top:calc(100% + 14px);left:50%;translate:-50% -5px;z-index:100;display:block;width:max-content;max-width:235px;padding:12px 16px;border-radius:16px 16px 16px 3px;background:#ce0020;color:#fff;font:400 13px/1.5 'Droid Sans',Arial,sans-serif;letter-spacing:0;text-transform:none;text-align:left;white-space:normal;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .2s ease,translate .25s ease,visibility .2s;box-shadow:0 8px 20px #20211e15}.b2-hover-bubble:before{content:'';position:absolute;top:-6px;left:calc(50% - 6px);width:12px;height:12px;background:inherit;rotate:45deg}.b2-bubble-target:focus-visible>.b2-hover-bubble{opacity:1;visibility:visible;translate:-50% 0}header .logo>.b2-hover-bubble{left:0;translate:0 -5px}header .logo:focus-visible>.b2-hover-bubble{translate:0 0}header .logo>.b2-hover-bubble:before{left:24px}header .nav-contact>.b2-hover-bubble{left:auto;right:0;translate:0 -5px}header .nav-contact:focus-visible>.b2-hover-bubble{translate:0 0}#leistungen h3>.b2-hover-bubble{left:0;translate:0 -5px;top:calc(100% + 8px)}
@media(hover:hover) and (pointer:fine){.b2-bubble-target:hover>.b2-hover-bubble{opacity:1;visibility:visible;translate:-50% 0}header .logo:hover>.b2-hover-bubble,header .nav-contact:hover>.b2-hover-bubble,#leistungen h3:hover>.b2-hover-bubble{translate:0 0}}
@media(hover:none){.b2-hover-bubble{display:none}}@media(prefers-reduced-motion:reduce){.b2-hover-bubble{transition:none}}

.b2-cursor-note{position:fixed;left:0;top:0;z-index:99999;width:112px;height:112px;padding:14px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#20211e;color:#fff;font:400 12px/1.45 'Droid Sans',Arial,sans-serif;text-align:center;pointer-events:none;opacity:0;visibility:hidden;transform:translate(calc(var(--cursor-x, -200px) - 50%),calc(var(--cursor-y, -200px) - 50%)) scale(.7);transition:opacity .16s ease,scale .2s ease,visibility .16s;box-sizing:border-box}.b2-cursor-note.is-visible{opacity:1;visibility:visible;transform:translate(calc(var(--cursor-x) - 50%),calc(var(--cursor-y) - 50%)) scale(1)}
@media(hover:hover) and (pointer:fine){.b2-cursor-target{cursor:none}}@media(prefers-reduced-motion:reduce){.b2-cursor-note{transition:none}}@media(hover:none){.b2-cursor-note{display:none}}

.b2-cursor-note{width:122px;height:122px;padding:16px;font-size:12px}.project-browser.b2-cursor-target img{cursor:inherit}

.person-hotspot{position:absolute;display:block;z-index:2;top:8%;width:25%;height:36%;border-radius:45%;}.person-hotspot-bianca{left:18%}.person-hotspot-kai{left:59%}.b2-cursor-note.is-long{width:168px;height:168px;padding:20px;font-size:13px}@media(hover:none){.person-hotspot{display:none}}

/* Der Systemcursor bleibt auch während Scroll- und Einblendübergängen sichtbar. */
@media(hover:hover) and (pointer:fine){.b2-cursor-target{cursor:auto}.person-hotspot.b2-cursor-target{cursor:default}}

.b2-cursor-note{transform:translate(var(--cursor-x,-200px),var(--cursor-y,-200px)) scale(.92);transform-origin:top left;transition:opacity .16s ease,visibility .16s}.b2-cursor-note.is-visible{transform:translate(var(--cursor-x,-200px),var(--cursor-y,-200px)) scale(1)}@media(prefers-reduced-motion:reduce){.b2-cursor-note{transition:none}}

/* Kompaktes Hauptmenü auch auf Tablets; Inhaltsnavigation bleibt unabhängig. */
@media(max-width:1100px){header{position:relative;height:85px}header .logo{flex-shrink:0}header .menu{display:block;border:1px solid var(--line);background:none;padding:6px 12px;font-size:20px}header nav{display:none;position:absolute;top:100%;left:-5%;right:-5%;background:var(--paper);padding:20px 5%;z-index:100;border-bottom:1px solid var(--line);gap:12px}header nav.open{display:flex;flex-direction:column;align-items:stretch}header nav a{padding:6px 0}header nav .nav-contact{padding:10px 18px}.legal-index nav{display:flex;position:static;inset:auto;background:transparent;padding:0;border:0;flex-direction:column;align-items:stretch;gap:0;z-index:auto;font-weight:400}.legal-index nav a{text-align:left}}

@media(max-width:680px){.legal-hero h1{font-size:clamp(27px,7.2vw,38px);overflow-wrap:normal;hyphens:auto;letter-spacing:-.025em}}

footer{flex-wrap:wrap}.footer-cookie-note{flex:0 0 100%;width:100%;margin:24px 0 0;padding-top:18px;border-top:1px solid var(--line);font-size:13px;line-height:1.7;text-align:center;letter-spacing:0}.footer-cookie-note>span{display:inline-block;color:#ce0020;font-size:23px;vertical-align:middle;margin-right:9px}.footer-cookie-note.has-arrived{animation:b2-cookie-note-in .85s cubic-bezier(.2,.7,.25,1) both}@keyframes b2-cookie-note-in{0%{opacity:.25;transform:translateY(16px)}65%{opacity:1;transform:translateY(-3px)}100%{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.footer-cookie-note.has-arrived{animation:none}}

footer{overflow:hidden}.footer-cookie-note{padding:35px 22px;margin-top:28px;background:#ce0020;color:#fff;border:0;text-align:left;border-radius:3px}.footer-cookie-note .cookie-kicker{display:block;font-size:10px;font-weight:700;letter-spacing:1px;margin:0 0 15px}.footer-cookie-note strong{display:block;font-size:clamp(30px,4.6vw,65px);line-height:1.15;font-weight:400;letter-spacing:-.025em;margin-bottom:12px}.footer-cookie-note .cookie-message{display:block;font-size:clamp(18px,2.2vw,29px);line-height:1.4;margin:0;color:#fff}.footer-cookie-note .cookie-subline{display:block;font-size:13px;line-height:1.7;margin:12px 0 0;color:#fff}.footer-cookie-note.has-arrived{animation:b2-cookie-note-flight 1.2s cubic-bezier(.18,.75,.25,1) both}@keyframes b2-cookie-note-flight{0%{opacity:0;transform:translateX(-110%)}72%{opacity:1;transform:translateX(14px)}88%{opacity:1;transform:translateX(-5px)}100%{opacity:1;transform:translateX(0)}}@media(max-width:680px){.footer-cookie-note{padding:28px 20px}.footer-cookie-note .cookie-kicker{font-size:9px}}@media(prefers-reduced-motion:reduce){.footer-cookie-note.has-arrived{animation:none}}

footer>.footer-cookie-note{display:block}

footer>.footer-cookie-note{display:block;flex:0 0 100%;width:100%;margin:18px 0 0;padding:14px 0 0;border-top:1px solid var(--line);border-radius:0;background:transparent;color:var(--ink);font-size:15px;line-height:1.7;text-align:left;letter-spacing:0}.footer-cookie-note.has-arrived{animation:b2-cookie-note-quiet .85s ease-out both}@keyframes b2-cookie-note-quiet{from{opacity:0;transform:translateX(-45px)}to{opacity:1;transform:translateX(0)}}@media(prefers-reduced-motion:reduce){.footer-cookie-note.has-arrived{animation:none}}