/* felixUnity Stylesheet
   Zusammengefuehrt aus den fruehereren Anhang-Ebenen. Die Reihenfolge der
   Regeln ist unveraendert, weil sie die Kaskade bestimmt. Entfernt wurden
   ausschliesslich Deklarationen, die derselbe Selektor spaeter erneut setzt.
   Beim Aendern: die bestehende Regel bearbeiten, nichts mehr anhaengen. */
:root{--muted:#5b6676;--white:#fff;--green:#0b8a63;--radius:22px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.skip{position:absolute;left:-999px}
.skip:focus{left:18px;top:18px;z-index:1000;background:#fff;padding:.8rem 1rem;border-radius:10px}
.wrap{margin:auto}
h1,h2,h3{margin:0;line-height:1.05;letter-spacing:-.04em}
.small{font-size:.86rem;color:var(--muted)}
.nav{position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(217,224,234,.8)}
.nav-inner{display:flex;align-items:center;gap:30px}
.brand{display:flex;align-items:center}
/* Wortmarke: transparent, ohne Radius, komplett sichtbar. */
.brand-mark{display:block;background:transparent;border-radius:0;object-fit:contain;overflow:visible}
.nav-links{display:flex;margin-left:auto}
.nav-actions{display:flex;gap:10px;align-items:center}
.btn{border:0;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:.2s transform,.2s background}
.btn:hover{transform:translateY(-2px)}
.lang{font-weight:800;padding:.7rem}
.menu{display:none;background:#fff;padding:.65rem}
.hero{overflow:hidden}
.hero-top{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:end}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.proofline{color:#3d4859;font-size:.9rem}
.proofline span:before{content:"✓";color:var(--green);font-weight:900;margin-right:7px}
.hero-aside{border-left:1px solid var(--line);padding-left:34px}
.hero-aside strong{font-size:2.6rem;display:block;letter-spacing:-.06em}
.hero-aside p{color:var(--muted)}
.product-frame{position:relative;overflow:hidden}
.product-frame:before{content:"LIVE PRODUKTANSICHT";position:absolute;z-index:2;color:#fff;border:1px solid rgba(255,255,255,.25);padding:.48rem .7rem;font-size:.7rem;letter-spacing:.12em;font-weight:800}
.product-frame img{width:100%;aspect-ratio:16/8.2;object-fit:cover;object-position:top}
.trustbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap}
.logos{display:flex;gap:32px;align-items:center;flex-wrap:wrap;color:#6b7280;font-weight:850;letter-spacing:.06em}
.section-head .lead{margin:0}
.dark .lead,.dark .small{color:#b8c4d4}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.card{border:1px solid var(--line);border-radius:var(--radius);padding:28px;background:#fff}
.card .num{font-size:.72rem;font-weight:900;letter-spacing:.1em}
.card p{color:var(--muted)}
.workflow{overflow:hidden}
.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.metric-stack{display:grid;gap:14px}
.metric{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;display:flex;justify-content:space-between;gap:18px;align-items:center}
.metric strong{font-size:1.5rem}
.metric em{font-style:normal;color:var(--muted);font-size:.88rem;text-align:right}
.quote{margin-top:30px;padding-top:26px;border-top:1px solid rgba(255,255,255,.35);display:flex;justify-content:space-between;gap:20px}
.media-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:22px}
.video{border-radius:24px}
.audio-card{border-radius:24px;padding:32px;background:var(--cream);display:flex;flex-direction:column;justify-content:space-between}
.play{width:62px;height:62px;border-radius:50%;border:0;background:var(--ink);color:#fff;font-size:1.2rem}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.field{display:grid;gap:7px}
.field.full{grid-column:1/-1}
.field input,.field select,.field textarea{padding:.9rem 1rem;min-height:50px}
.field textarea{min-height:120px}
.form-note{grid-column:1/-1;font-size:.78rem;color:var(--muted)}
.success{display:none;padding:18px;border-radius:14px;background:#e7f8f1;color:#075a42;font-weight:700}
.success.show{display:block}
.footer{color:#fff}
.footer-grid{display:grid;grid-template-columns:1.3fr repeat(4,1fr);gap:32px}
.footer a{margin:8px 0}
.footer-bottom{display:flex;justify-content:space-between}
.cookie{position:fixed;z-index:100;left:20px;bottom:20px;background:#fff;border:1px solid var(--line);border-radius:20px}
.cookie[hidden]{display:none}
.cookie-actions{margin-top:15px}
.chat-fab{position:fixed;right:22px;z-index:80;border:0;color:#fff;padding:.95rem 1.2rem;font-weight:850;box-shadow:0 15px 40px rgba(21,87,255,.35)}
.chat{position:fixed;right:22px;bottom:84px;z-index:90;width:min(390px,calc(100% - 44px));background:#fff;border-radius:22px;box-shadow:var(--shadow);border:1px solid var(--line);overflow:hidden;display:none}
.chat-body{padding:18px}
.chat-msg{background:#eef3fb;border-radius:16px 16px 16px 4px;padding:12px 14px;margin-bottom:12px}
.chat-options{display:flex;gap:8px;flex-wrap:wrap}
.chat-options button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:.65rem .8rem}
.crumbs{font-size:.84rem;color:var(--muted);margin-bottom:30px}
.sticky-cta{position:sticky;bottom:16px;z-index:20;margin:0 auto 18px;width:min(720px,calc(100% - 30px));background:rgba(8,21,38,.96);color:#fff;border-radius:999px;padding:10px 12px 10px 22px;align-items:center;justify-content:space-between;gap:12px;box-shadow:var(--shadow)}
.faq summary{cursor:pointer}
.compare{width:100%;border-collapse:collapse}
.compare th,.compare td{text-align:left;padding:15px;border-bottom:1px solid var(--line);vertical-align:top}
.compare th{font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}
.pill{display:inline-flex}
.placeholder{border:2px dashed #b8c2d0;border-radius:22px;min-height:280px;display:grid;place-items:center;text-align:center;padding:30px;color:var(--muted);background:#f8fafc}
.checklist{list-style:none;padding:0;margin:0}
.checklist li:before{content:"✓";color:var(--green);font-weight:900;margin-right:10px}
@media(max-width:900px){
  .nav-links{display:none}
  .menu{display:block;margin-left:auto}
  .nav-actions .btn-ghost{display:none}
  .hero-top,.section-head,.split,.media-grid{grid-template-columns:1fr}
  .hero-aside{border-left:0;border-top:1px solid var(--line);padding:24px 0 0}
  .grid3{grid-template-columns:1fr 1fr}
  .workflow{grid-template-columns:1fr 1fr}
  .footer-grid{grid-template-columns:repeat(2,1fr)}
  .footer-brand{grid-column:1 / -1;max-width:none}
  .nav.open .nav-links{display:flex;position:absolute;top:78px;left:0;right:0;background:#fff;padding:24px;flex-direction:column;border-bottom:1px solid var(--line)}
}
@media(max-width:620px){
  .wrap{width:min(100% - 28px,1180px)}
  .hero{padding-top:54px}
  .grid3,.grid2,.workflow,.form-grid,.footer-grid{grid-template-columns:1fr}
  .footer-brand{grid-column:auto}
  .field.full{grid-column:auto}
  .nav-actions .btn-primary{display:none}
  .product-frame{padding:7px;border-radius:20px}
  .product-frame img{aspect-ratio:4/3}
  .sticky-cta{border-radius:20px;align-items:flex-start}
  .footer-bottom{flex-direction:column;gap:8px}
  .statement{padding:30px}
  .quote{flex-direction:column}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .btn{transition:none}
}
.sticky-cta{opacity:0;pointer-events:none;transform:translateY(20px);transition:.2s}
.sticky-cta.show{opacity:1;pointer-events:auto;transform:none}
.cookie{width:min(410px,calc(100% - 40px));padding:18px}
:root{--ink2:#0d1c2e;--blue2:#073eba;--sky:#edf3ff;--cream:#f9f9f9;--line:#e5e5e5}
.nav{border-bottom-color:var(--line)}
.hero{background:radial-gradient(circle at 92% 4%,#dce8ff 0,transparent 35%),var(--cream);padding:70px 0 52px}
.hero .eyebrow{color:var(--beige);border-left:3px solid var(--gold);padding-left:.65rem}
.hero h1{max-width:700px}
.hero .lead{max-width:700px}
.video-preview{position:relative;margin-top:42px;overflow:hidden;border:12px solid var(--ink);border-radius:28px;aspect-ratio:16/7.7;background:var(--ink);box-shadow:var(--shadow)}
.video-preview iframe{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none}
.video-preview-action{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:rgba(7,17,31,.5);color:#fff;font-weight:800;opacity:0;transition:opacity .25s}
.video-preview:hover .video-preview-action,.video-preview:focus-within .video-preview-action{opacity:1}
.play-white{display:grid;place-items:center;width:68px;height:68px;border:2px solid #fff;border-radius:50%;padding-left:4px;font-size:1.35rem}
.partner-logos img{max-width:132px;object-fit:contain}
.chat-fab{isolation:isolate;overflow:visible;display:flex;align-items:center}
.chat-fab span{position:relative;z-index:2}
.chat-fab img{position:absolute;right:16px;bottom:0;max-width:none;z-index:-1;opacity:0;transform:translateY(48px);transition:transform .35s ease,opacity .25s ease;pointer-events:none}
.chat-fab:hover img,.chat-fab:focus-visible img{opacity:1;transform:translateY(-28px)}
@media(max-width:620px){
  .hero{padding:52px 0 38px}
  .video-preview{margin-top:32px;border-width:7px;border-radius:20px;aspect-ratio:16/10}
  .partner-logos{gap:20px}
  .partner-logos img{height:21px;max-width:86px}
  .chat-fab img{height:104px;right:8px}
}
.video-preview{background-image:linear-gradient(rgba(7,17,31,.08),rgba(7,17,31,.08)),url('https://i.ytimg.com/vi/oQ5Rosf5erE/maxresdefault.jpg');background-position:center;background-size:cover}
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:opsz,wght@6..12,300;6..12,400;6..12,600;6..12,700;6..12,800&family=Poppins:ital,wght@0,700;1,700&display=swap');
:root{--ink:#07111f;--blue:#0951ea;--gold:#ccb074;--surface:rgba(249,249,249,.68);--glass:rgba(255,255,255,.56);--glass-line:rgba(255,255,255,.72)}
body,button,input,select,textarea{font-family:'Nunito Sans',sans-serif}
h1,h2,h3,.brand{font-family:Poppins,sans-serif;font-weight:700;letter-spacing:-.055em}
.brand-gms{object-fit:contain;border-radius:9px}
.brand{gap:9px}
.btn,.chat-fab{border-radius:9px}
.btn-ghost{backdrop-filter:blur(16px)}
.nav{backdrop-filter:blur(20px)}
.hero-layout{display:grid}
.hero-simple{display:block}
.hero h1{line-height:.98}
.hero-tagline{font-family:Poppins,sans-serif;color:var(--gold)}
.hero-carousel{border-radius:27px}
.carousel-window{position:relative}
.carousel-slide{position:absolute;inset:0;opacity:0;transform:translateX(7%);pointer-events:none;transition:opacity .45s ease,transform .45s ease}
.carousel-slide.is-active{opacity:1;transform:none;pointer-events:auto}
.carousel-slide img,.carousel-video{width:100%;height:100%;display:block}
.carousel-slide img{object-position:center}
.carousel-video{position:relative;background:#07111f}
.carousel-video img{width:100%;height:100%;object-fit:cover;opacity:.92}
.carousel-video:after{content:'';position:absolute;inset:0;background:linear-gradient(120deg,rgba(7,17,31,.12),rgba(7,17,31,.54))}
.carousel-video .play-white{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(255,255,255,.14);backdrop-filter:blur(8px)}
.carousel-caption{z-index:2;left:20px;bottom:18px}
.carousel-controls{display:flex}
.carousel-controls>button,.quote-controls button{width:36px;height:36px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.8);font-weight:800}
.glass-card,.card{backdrop-filter:blur(18px);box-shadow:0 18px 48px rgba(18,35,58,.07)}
.glass-card{padding:30px;border:1px solid var(--glass-line);border-radius:20px}
.glass-card>span{color:var(--beige);font-size:.78rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.glass-card h3{margin:16px 0 .6rem}
.system-glass .section-head{margin-bottom:38px}
.system-glass h2 span,.integrations-glass h2 span,.quotes-section h2 span{color:var(--blue)}
.dark{background:transparent;color:var(--ink)}
.dark .lead{color:#334155}
.integrations-glass{display:grid;gap:55px;align-items:center;background:linear-gradient(120deg,rgba(255,255,255,.72),rgba(255,250,241,.64))}
.integration-list{display:grid;grid-template-columns:1fr 1fr}
.integration-list>div{display:grid;grid-template-columns:40px 1fr;gap:0 12px;align-items:center}
.integration-icon{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;color:var(--beige);font-weight:900}
.integration-list strong{font-family:Poppins,sans-serif}
.quote-carousel{position:relative;min-height:320px}
.quote-card{position:absolute;inset:0;display:none;flex-direction:column;justify-content:space-between}
.quote-card.is-active{display:flex}
.quote-mark{font-family:Georgia,serif;color:var(--gold);font-size:4.5rem;line-height:.5}
.quote-card blockquote{font-family:Poppins,sans-serif;line-height:1.25;letter-spacing:-.035em;margin:18px 0}
.quote-card footer{display:flex;gap:10px;align-items:center}
.quote-card footer span{color:#607085}
.quote-controls{display:flex;gap:10px;justify-content:flex-end}
.faq details{border-color:rgba(7,17,31,.12)}
.statement{backdrop-filter:blur(18px)}
.footer .brand-gms{filter:none}
.footer .brand{color:#fff}
@media(max-width:900px){
  .hero-layout,.integrations-glass{grid-template-columns:1fr;gap:34px}
  .carousel-window{min-height:0}
  .audience-grid{grid-template-columns:1fr}
  .hero-carousel{max-width:700px}
  .system-glass,.integrations-glass{padding:34px}
}
@media(max-width:620px){
  .hero h1{font-size:3.25rem}
  .carousel-window{min-height:0}
  .system-glass,.integrations-glass{padding:24px;border-radius:21px}
  .integration-list{grid-template-columns:1fr}
  .quote-card{padding:28px}
  .quote-carousel{min-height:370px}
  .faq{padding:8px 20px}
  .brand-gms{width:34px;height:34px}
  .hero-tagline{font-size:1rem}
}
.dark .card{border-color:var(--glass-line)}
.dark .eyebrow{color:var(--beige)}
.subhero h1{line-height:1.08}
.subhero h1 span[style]{color:var(--ink)!important}
.product-frame{margin-top:0;padding:0;background:transparent;border-radius:10px;box-shadow:0 24px 58px rgba(17,24,39,.12)}
.product-frame:before{top:14px;left:14px;border-radius:5px;background:rgba(17,24,39,.82)}
.product-frame img{border-radius:10px}
.dark .product-frame{background:transparent}
.dark .card{background:transparent}
.dark .card p{color:var(--muted)}
/* A restrained two-panel hero, inspired by the reference composition, not its visual identity. */
.trustbar{background:transparent;border-top:0;border-bottom:1px solid var(--hair);padding:22px 0}
.hero-copy{display:flex;flex-direction:column;justify-content:center;max-width:none;color:#fff}
.hero-copy .eyebrow{display:flex;align-items:center;gap:8px;font-size:.74rem}
.hero-copy .eyebrow:before{content:'✦';display:inline-grid;place-items:center;width:24px;height:24px;border-radius:6px;background:var(--gold);color:#07111f;font-size:.9rem}
.hero-copy h1,.hero-copy h1 span{color:#fff!important;font-size:clamp(3rem,4.25vw,5rem);line-height:1.03}
.hero-tagline{display:none}
.hero-copy .proofline{margin-top:22px;color:rgba(255,255,255,.68);font-size:.82rem}
.hero-copy .proofline span:before{color:var(--gold)}
.hero-copy .hero-link span{color:var(--gold)!important}
.hero-carousel{height:auto}
.carousel-slide img{filter:saturate(.92) contrast(1.02)}
.carousel-caption{border-radius:5px}
.carousel-controls{z-index:4;left:20px;right:20px;bottom:12px}
.carousel-controls>button{border:0;border-radius:50%}
.carousel-dots{padding:8px 11px;border-radius:99px;background:rgba(255,255,255,.75);backdrop-filter:blur(12px)}
.section .eyebrow{display:none}
.section-head h2{max-width:600px}
.section h1 span[style],.section h2 span[style],.section h3 span[style]{color:var(--ink)!important}.image-proof{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center;border-top:1px solid var(--hair)}
.image-proof img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:6px}
.image-proof h2{margin:0 0 16px}
.image-proof p{max-width:420px;color:var(--muted)}
.image-proof .image-note{display:block;margin-top:18px;font-size:.78rem;color:var(--beige)}
.color-stage{position:relative;overflow:hidden;background:linear-gradient(120deg,#e6ecff,#f6efe4);border-radius:12px}
.glass-panel{border:1px solid rgba(255,255,255,.8);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .glass-panel{background:rgba(255,255,255,.92)}
}
@media(max-width:900px){
  .hero-layout,.image-proof{grid-template-columns:1fr}
  .hero-copy{min-height:490px;padding:48px}
  .hero-carousel{height:auto}
}
@media(max-width:620px){
  .hero-copy{min-height:0;padding:42px 28px}
  .hero-carousel{height:auto}
  .hero-copy h1,.hero-copy h1 span{font-size:2.85rem}.image-proof{gap:28px}
}
body{background-attachment:fixed}
.glass-panel{background:linear-gradient(135deg,rgba(255,255,255,.68),rgba(241,246,255,.36));border-color:rgba(255,255,255,.9);box-shadow:0 20px 52px rgba(7,17,31,.14)}
.decision-rail{border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);background:rgba(255,255,255,.18)}
.decision-rail .wrap{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.decision-rail span{font-size:.82rem;font-weight:800;color:var(--muted)}
.decision-rail div{display:flex;gap:22px;flex-wrap:wrap}
.decision-rail a{font-size:.84rem;font-weight:800;color:var(--ink)}
.decision-rail a:hover,.decision-rail a:focus-visible{color:var(--blue)}
.form-note{line-height:1.45}
.form-note a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){
  .decision-rail .wrap{padding:18px 0;align-items:flex-start;flex-direction:column;gap:12px}
  .decision-rail div{gap:12px 18px}
}.hero-carousel-section{display:flex;align-items:center;background:radial-gradient(circle at 80% 28%,rgba(9,81,234,.1),transparent 27%),radial-gradient(circle at 24% 75%,rgba(204,176,116,.15),transparent 22%),#f9f9f9}
.hero-layout{grid-template-columns:minmax(360px,.78fr) minmax(560px,1.22fr)}
.hero h1{font-size:clamp(3.3rem,5vw,5.6rem);letter-spacing:-.07em}
.hero h1 span{color:var(--ink)}
.hero-copy .lead{font-size:1.2rem;line-height:1.48;margin:26px 0}
.hero-tagline{font-size:1rem;margin:17px 0 0}
.hero-actions{align-items:center;margin:29px 0 23px}
.hero-link{font-weight:800;padding:.75rem .1rem;color:var(--ink)}
.hero-link span{padding-left:.35rem}
.hero-carousel{position:relative;padding:0;border:0;background:transparent;backdrop-filter:none;box-shadow:none}
.hero-carousel:before{content:'';position:absolute;z-index:-1;inset:12% -4% -9% 18%;border-radius:45px;background:linear-gradient(135deg,rgba(9,81,234,.16),rgba(204,176,116,.12));filter:blur(26px)}
.carousel-controls>button{background:rgba(255,255,255,.58);backdrop-filter:blur(12px)}
.glass-card,.card{background:rgba(255,255,255,.5);border-color:rgba(255,255,255,.78)}
.system-glass,.integrations-glass{border-color:rgba(255,255,255,.8)}
@media(max-width:900px){
  .hero-layout{grid-template-columns:1fr;gap:42px}
  .hero-carousel{width:100%}
  .carousel-window{min-height:0}
}
@media(max-width:620px){
  .carousel-window{min-height:0}
  .hero h1{font-size:3.1rem}
  .hero-copy .lead{font-size:1.08rem}
}
/* Calm editorial system: content leads, interfaces prove. */
:root{--page:#fbfbfa;--ink:#111827;--muted:#5e6878;--hair:rgba(17,24,39,.12);--blue:#0951ea}
.wrap{width:min(1120px,calc(100% - 64px))}
.nav{height:76px;border:0;background:rgba(251,251,250,.9)}
.btn{min-height:46px;border-radius:7px;padding:.7rem 1rem;box-shadow:none}
.btn-ghost{border-color:var(--hair)}
.subhero{background:transparent}
.subhero h1{font-size:clamp(3rem,4.5vw,4.8rem);max-width:800px}
.grid3,.grid2{gap:34px}
.card,.glass-card{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}
.card .num{margin-bottom:18px;color:var(--beige)}
.card p,.glass-card p{font-size:.98rem;line-height:1.6;color:var(--muted)}
.role-card{padding-top:20px;border-top:1px solid var(--hair)}
.audience-grid{border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.audience-grid .glass-card{padding:28px 32px 28px 0;border:0;border-radius:0;background:transparent}
.audience-grid .glass-card+ .glass-card{padding-left:32px;border-left:1px solid var(--hair)}
.audience-grid .glass-card h3{font-size:1.45rem;line-height:1.15}.system-section{background:transparent}
.system-glass,.integrations-glass{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}
.workflow{margin:0 0 32px;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.step+ .step{padding-left:24px;border-left:1px solid var(--hair)}
.integrations-glass{grid-template-columns:.85fr 1.15fr}
.integration-list{gap:0;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.integration-list>div{padding:18px 0;border:0;border-radius:0;background:transparent}
.integration-list>div:nth-child(even){padding-left:24px;border-left:1px solid var(--hair)}
.integration-icon{background:rgba(204,176,116,.18);border-radius:5px}
.quotes-section{background:transparent;padding-top:86px}
.quote-card{padding:44px 0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}
.quote-card blockquote{max-width:900px;font-size:clamp(1.55rem,2.7vw,2.8rem);font-weight:700}
.quote-carousel{border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.quote-controls{margin-top:18px}.cta{background:transparent}
.cta .card,form.card{padding:30px;border:1px solid var(--hair);border-radius:10px;background:rgba(255,255,255,.65);box-shadow:0 18px 50px rgba(17,24,39,.05)}
.faq summary{font-family:'Nunito Sans',sans-serif}
.statement{border:1px solid var(--hair);border-radius:12px;background:rgba(255,255,255,.55);color:var(--ink);box-shadow:none}
.statement .eyebrow{color:var(--beige)!important}
.quote{border-color:var(--hair)}
.sticky-cta{display:none}
.footer{padding:60px 0 26px;background:#111827}
.chat-fab{border-radius:7px}
@media(max-width:900px){
  .section-head{grid-template-columns:1fr;gap:18px}
  .audience-grid{grid-template-columns:1fr}
  .audience-grid .glass-card+ .glass-card{padding-left:0;border-left:0;border-top:1px solid var(--hair)}
  .workflow{grid-template-columns:1fr 1fr}
  .step+ .step{border-left:0}
  .step:nth-child(even){padding-left:24px;border-left:1px solid var(--hair)}
  .integrations-glass{grid-template-columns:1fr;gap:36px}
}
@media(max-width:620px){
  body{font-size:16px}
  .wrap{width:min(100% - 36px,1120px)}
  .nav-links{gap:0}
  .workflow{grid-template-columns:1fr}
  .step,.step+ .step,.step:nth-child(even){padding:23px 0;border-left:0;border-top:1px solid var(--hair)}
  .step:first-child{border-top:0}
  .integration-list{grid-template-columns:1fr}
  .integration-list>div:nth-child(even){padding-left:0;border-left:0}
  .integration-list>div+div{border-top:1px solid var(--hair)}
  .quote-card{padding:30px 0}
  .statement{padding:30px}
  .form-grid{padding:22px!important}
}
:root{--gold:#8a6d21;--soft:#f2f3f5;--soft2:#e9eaee;--r-card:18px;--r-big:28px}
/* Topbar wie bei Mews: schmaler Hinweisbalken über der Navigation */
.topbar{background:var(--ink);color:#fff}
.topbar .wrap{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.topbar-tag{text-transform:uppercase}
.topbar p{margin:0}
.topbar a{margin-left:auto;text-underline-offset:3px}
/* Karten-Mosaik */
.start-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.start-card{background:var(--soft);border-radius:var(--r-big);display:flex;flex-direction:column}
.start-card p{margin:0}
.chip{display:inline-flex;align-items:center;border-radius:999px;background:rgba(8,21,38,.08);padding:.25rem .7rem;font-size:.74rem;font-weight:900;letter-spacing:.1em;width:max-content}
.start-note{display:flex;gap:26px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.start-note p{margin:0;max-width:760px}
.audience-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.role-card{border-radius:var(--r-big);border:1px solid var(--hair);box-shadow:none;background:#fff;display:flex;flex-direction:column}
.role-card .link{margin-top:auto;font-weight:800}
.pill{border-radius:999px;text-transform:uppercase;width:max-content}
/* Beweis-Sektion */
.proof-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:16px}
.proof-quote{margin:0;background:var(--ink);color:#fff;border-radius:var(--r-big);padding:40px 38px;display:flex;flex-direction:column;justify-content:space-between;gap:26px}
.proof-quote blockquote{margin:0}
.proof-quote blockquote::before{content:"„"}
.proof-quote blockquote::after{content:"“"}
.proof-quote figcaption{display:flex;flex-direction:column;gap:2px}
.proof-quote figcaption .link{margin-top:10px;text-underline-offset:4px;font-weight:800}
.team-quote{margin-top:16px;border:1px solid var(--hair);display:grid;gap:10px}
.team-quote-label{margin:0;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.team-quote blockquote{margin:0}
.team-quote footer{display:flex;gap:10px;align-items:baseline}
.team-quote footer span{color:#55606f}
/* Preis- und Kostenlogik */
.pricing-glass{background:transparent;border-radius:var(--r-big);padding:52px 0}
.pricing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.pricing-grid article{background:transparent;border:1px solid var(--hair);border-radius:var(--r-card);padding:24px 26px}
.pricing-grid article h3{margin:0 0 10px;font-size:1.05rem;letter-spacing:-.01em}
.pricing-grid p{margin:0;color:var(--text)}
.pricing-note{max-width:820px;margin-top:26px}
/* FAQ als echtes Akkordeon statt Browser-Standard */
.faq{border-top:1px solid var(--hair)}
.faq details{border-bottom:1px solid var(--hair);border-top:0;padding:0}
.faq summary{list-style:none;display:flex;align-items:center;gap:16px;padding:24px 4px;font-size:1.12rem;font-weight:800}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";margin-left:auto;border-right:2.5px solid var(--ink);border-bottom:2.5px solid var(--ink);transform:rotate(45deg) translateY(-3px);transition:transform .2s}
.faq details[open] summary::after{transform:rotate(225deg) translateY(-3px)}
.faq details>div{padding:0 4px 26px;max-width:860px}
.faq details>div p{margin:0}
.faq summary:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:8px}
.field .opt{font-weight:400;color:#55606f}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.consent{display:flex;gap:12px;align-items:flex-start;line-height:1.45}
.consent input{margin-top:.25rem;width:19px;height:19px;flex:0 0 auto;accent-color:var(--blue)}
.consent label{font-weight:400}
.consent a{text-decoration:underline;text-underline-offset:3px}
.form-error{background:#fdecec;border:1px solid #f2b8b8;color:#8a1c1c;border-radius:12px;padding:12px 14px;margin:0;font-size:.92rem}
.form-grid .success{display:block;background:#e8f6f0;border:1px solid #9fd7c3;color:#0b5c44;border-radius:14px;padding:18px 20px;opacity:1;transform:none}
.form-grid .success[hidden]{display:none}
/* Consent-Leiste unten, volle Breite, verdeckt keine Inhalte */
.cookie{position:fixed;left:0;right:0;bottom:0;top:auto;width:100%;z-index:120;background:#fff;border:0;border-top:1px solid var(--hair);border-radius:0;box-shadow:0 -16px 40px rgba(8,21,38,.14);padding:18px 0}
.cookie-inner{display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.cookie p{margin:.25rem 0 0;color:#3b4a5c;max-width:720px}
.cookie p a{text-decoration:underline;text-underline-offset:3px}
.cookie-actions{display:flex;gap:10px;flex-wrap:wrap}
.cookie-settings{width:min(1180px,calc(100% - 40px));margin:16px auto 0;display:grid;gap:12px;border-top:1px solid var(--hair);padding-top:16px}
.cookie-settings label{display:flex;gap:10px;align-items:baseline;font-size:.92rem}
.cookie-settings small{color:#55606f}
.cookie-settings .btn{width:max-content}
body.has-cookie{padding-bottom:140px}
.chat-fab[hidden]{display:none}
.chat-fab{bottom:26px}
.linklike{background:0;border:0;padding:0;text-decoration:underline;text-underline-offset:3px;font-size:inherit}
/* Karussell-Status */
.carousel-status{font-size:.82rem;font-weight:800;color:#55606f;min-width:48px;text-align:center}
.proofline{list-style:none;display:flex;flex-wrap:wrap;padding:0;margin:26px 0 0}
.proofline li{color:#3b4a5c;display:flex;align-items:center;gap:8px}
.proofline li::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--blue)}
@media(max-width:1000px){
  .start-grid,.role-grid,.pricing-grid{grid-template-columns:repeat(2,1fr)}
  .proof-grid,.audience-grid{grid-template-columns:1fr}
  .pricing-glass{padding:34px 24px}
}
@media(max-width:700px){
  .start-grid,.role-grid,.pricing-grid{grid-template-columns:1fr}
  .start-card{min-height:0;padding:24px 22px}
  .proof-quote{padding:28px 24px}
  .topbar a{margin-left:0}
  .cookie-actions .btn{flex:1 1 100%}
  body.has-cookie{padding-bottom:230px}
  .chat-fab{padding:.8rem 1rem;font-size:.9rem}
}
.cookie[hidden],.cookie-settings[hidden],.form-error[hidden]{display:none}
/* v15 · Mobile: Haupt-CTA bleibt erreichbar, Overlays kollidieren nicht */
@media(max-width:620px){.nav-actions .btn-primary{display:inline-flex;padding:.6rem .85rem;font-size:.85rem}
  .nav-inner{gap:10px}
  .menu{margin-left:auto;padding:.5rem .6rem}
  .lang{max-width:64px}
  .hero-actions{gap:12px;flex-wrap:wrap}
  .chat-fab{bottom:14px;right:14px;padding:.7rem .9rem;font-size:.84rem;max-width:calc(100% - 28px)}
  .chat-fab img{width:26px;height:26px}
  .topbar p{font-size:.8rem}
  .faq summary{font-size:1.02rem;padding:20px 2px}
  .form-grid .btn{width:100%}}
@media(max-width:900px){
  .nav.open .nav-links{gap:14px;font-size:1.05rem}
}
@media(max-width:620px){
  .nav-inner{gap:8px;height:68px}
  .brand{font-size:1.02rem;flex:0 1 auto;min-width:0;gap:7px}
  .brand-gms{width:28px;height:auto}
  .nav-actions{gap:6px;flex:0 0 auto}
  .nav-actions .btn-primary{white-space:nowrap;padding:.55rem .8rem;font-size:.82rem}
  .menu{flex:0 0 auto}
  .nav.open .nav-links{top:68px}
}
@media(max-width:400px){
  .brand span{display:none}
  .lang{max-width:58px}
}
@media(max-width:620px){
  .lang{max-width:none;width:auto;padding-right:1.6rem}
}
/* Abschnittsrhythmus: keine doppelten Leerstrecken zwischen Karten-Sektionen */
.integrations-section+.section,.system-section+.section,.pricing-

:root{--ink:#0b0f14;--ink-soft:#1b232d;--text:#4d5865;--text-dim:#6b7683;--hair:rgba(11,15,20,.09);--hair-strong:rgba(11,15,20,.16);--surface:#fff;--surface-2:#fafaf9;--blue-soft:#eef2fd;--r-sm:6px;--r:10px;--r-lg:14px;--shadow:0 1px 2px rgba(11,15,20,.04)}
body{font-family:Inter,ui-sans-serif,-apple-system,"Segoe UI",sans-serif;background:var(--surface);color:var(--ink);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;font-feature-settings:"cv05","ss01"}
/* Typografie: Grade runter, Gewichte runter, Laufweite eng aber nicht gequetscht */
h1,h2,h3,h4{font-family:inherit;font-weight:600;letter-spacing:-.025em;color:var(--ink)}
h1{font-size:clamp(2.5rem,4.4vw,3.9rem);line-height:1.06;letter-spacing:-.032em;max-width:15ch}
h2{line-height:1.12}
h3{font-size:1.06rem;line-height:1.35;letter-spacing:-.012em}
p{margin:.65rem 0}
.lead{font-size:1.02rem;line-height:1.62;color:var(--text);max-width:58ch;font-weight:400}
.hero .lead{font-size:1.08rem}
.small,.image-note{font-size:.85rem;color:var(--text-dim)}
.eyebrow{font-size:.72rem;letter-spacing:.02em;text-transform:none;font-weight:600;color:var(--text-dim)}
/* Buttons: kein Leuchten, kleine Radien, Primärfarbe zurückhaltend */
.btn{border-radius:8px;padding:.62rem 1.05rem;font-weight:500;font-size:.92rem;min-height:42px;box-shadow:none;letter-spacing:-.005em;transition:background .15s,border-color .15s,color .15s}
.btn-primary{background:var(--ink);color:#fff;box-shadow:none;border:1px solid var(--ink)}
.btn-primary:hover{background:#1e2733;border-color:#1e2733}
.btn-ghost{background:transparent;border:1px solid var(--hair-strong);color:var(--ink)}
.btn-ghost:hover{border-color:var(--ink);background:transparent}
.link,.hero-link{color:var(--ink);font-weight:500;font-size:.92rem}
.link:hover,.hero-link:hover{color:var(--blue)}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
/* Navigation: leiser */
.nav{background:rgba(255,255,255,.86);backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--hair)}
.nav-inner{height:64px}
.nav-links{font-size:.9rem;font-weight:450;gap:28px}
.nav-links a{color:var(--text)}
.nav-links a:hover{color:var(--ink)}
.brand{font-size:1.08rem;font-weight:600;letter-spacing:-.02em}
.brand-gms{width:30px;height:auto}
.lang{border:0;background:transparent;font-size:.85rem;color:var(--text)}
.menu{border:1px solid var(--hair-strong);border-radius:8px}
/* Hinweisbalken: dezent statt Signalfarbe */
.topbar{background:var(--surface-2);color:var(--ink);border-bottom:1px solid var(--hair)}
.topbar .wrap{padding:7px 0}
.topbar-tag{background:transparent;color:var(--text-dim);border:1px solid var(--hair-strong);border-radius:4px;padding:.1rem .42rem;font-size:.64rem;letter-spacing:.07em;font-weight:600}
.topbar p{font-size:.82rem;color:var(--text);opacity:1}
.topbar a{font-size:.82rem;font-weight:500;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--hair-strong);padding-bottom:1px}
/* Hero: eine ruhige dunkle Fläche, feiner Rahmen um das Produktbild */
.hero{padding-top:64px}
.hero-actions{margin-top:26px}
.proofline{margin-top:30px;gap:8px 20px}
.proofline li{font-size:.82rem;font-weight:400}
.hero-copy .proofline li{color:rgba(255,255,255,.66)}
.hero-copy .proofline li::before{width:3px;height:3px;background:rgba(255,255,255,.5)}
.carousel-caption{letter-spacing:0}
.carousel-status{font-size:.78rem;font-weight:450;color:var(--text-dim)}
.carousel-controls button{border-radius:var(--r-sm)}
/* Sektionsrhythmus */
.section{padding:96px 0}
.section-head{margin-bottom:44px}.trustbar{border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);background:transparent}
.trustbar strong{font-size:.78rem;font-weight:500;color:var(--text-dim);letter-spacing:.01em}
/* Karten: weiß mit Haarlinie statt gefüllter Graublöcke */
.start-card,.role-card,.pricing-grid article,.proof-facts article,.card,.team-quote{background:var(--surface);border:1px solid var(--hair);border-radius:var(--r);box-shadow:none}
.start-card{padding:26px 24px 28px;min-height:0;gap:8px}
.start-card.is-dark{background:var(--ink);border-color:var(--ink);color:#fff}
.start-card.is-dark p{color:rgba(255,255,255,.66)}
.start-card h3{margin-top:14px;font-size:1.06rem}
.start-card p{font-size:.94rem;line-height:1.6;color:var(--text)}
.start-grid,.role-grid,.pricing-grid,.audience-grid,.proof-grid{gap:14px}
/* Zählmarken als kleine Ziffern, keine gefüllten Blasen */
.chip{background:transparent;border:0;padding:0;font-size:.72rem;font-weight:500;letter-spacing:.06em;color:var(--text-dim);font-variant-numeric:tabular-nums}
.start-card.is-dark .chip{background:transparent;color:rgba(255,255,255,.5)}
.pill{background:transparent;border:0;padding:0;font-size:.68rem;letter-spacing:.09em;font-weight:600;color:var(--text-dim)}
.start-note{background:transparent;border:1px solid var(--hair);border-radius:var(--r);padding:22px 24px;margin-top:14px}
.start-note p{font-size:.94rem;color:var(--text)}
.start-note strong{color:var(--ink);font-weight:600}
.role-card{padding:24px}
.role-card p{font-size:.94rem;color:var(--text);line-height:1.6}
.role-card:hover{border-color:var(--hair-strong)}
.role-card .link{padding-top:16px;color:var(--ink)}
.glass-card h3{letter-spacing:-.025em}
.glass-card p{font-size:.96rem;color:var(--text)}
.glass-card span{font-size:.68rem;letter-spacing:.09em;text-transform:uppercase;font-weight:600;color:var(--text-dim)}
.step b{text-transform:uppercase}
/* Beweis: Zitat gesetzt wie in einer Publikation, nicht als Werbekachel */
.proof-quote{background:var(--ink);border-radius:var(--r-lg);padding:44px 42px}
.proof-quote blockquote{font-size:clamp(1.25rem,1.9vw,1.65rem);line-height:1.35;letter-spacing:-.02em}
.proof-quote figcaption{font-size:.88rem}
.proof-quote figcaption strong{font-weight:500}
.proof-quote figcaption span{color:rgba(255,255,255,.55)}
.proof-quote figcaption .link{color:rgba(255,255,255,.9);font-size:.86rem;border-bottom:1px solid rgba(255,255,255,.3);text-decoration:none;width:max-content;padding-bottom:1px}
.team-quote{padding:26px 28px;border-radius:var(--r)}
.team-quote blockquote{font-size:1.02rem;color:var(--text);font-weight:400;line-height:1.6}
.team-quote-label{font-size:.68rem;color:var(--text-dim)}
.team-quote footer{font-size:.88rem}
.team-quote footer strong{font-weight:500}
/* Preislogik: flächenlos */
.pricing-glass{background:transparent;border:0;border-radius:0;padding:0}
.pricing-grid article{padding:22px 24px}
.pricing-grid h3{font-size:.98rem;margin-bottom:5px}
.pricing-grid p{font-size:.92rem;color:var(--text);line-height:1.6}
.pricing-note{font-size:.92rem;color:var(--text-dim);border-top:1px solid var(--hair);padding-top:18px;margin-top:22px}
/* FAQ */
.faq summary{font-size:1rem;font-weight:500;padding:20px 2px}
.faq summary::after{width:9px;height:9px;border-width:1.5px;border-color:var(--text-dim)}
.faq details>div p{font-size:.96rem;color:var(--text)}
/* Formular */
.form-grid{border:1px solid var(--hair);border-radius:var(--r-lg);box-shadow:none;background:var(--surface);padding:30px}
.field label{font-size:.82rem;font-weight:500;color:var(--text)}
.field input,.field select,.field textarea{border:1px solid var(--hair-strong);border-radius:8px;font-size:.94rem;background:var(--surface)}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--ink)}
.consent{font-size:.86rem}
.consent label{color:var(--text-dim)}
.checklist li{font-size:.94rem;color:var(--text)}
/* Abschlusszitat */
.statement{border:1px solid var(--hair);border-radius:var(--r-lg);padding:56px 48px;background:transparent}
.statement h2{font-size:clamp(1.5rem,2.3vw,2.1rem);letter-spacing:-.022em;line-height:1.28}
.quote span{font-size:.85rem;color:var(--text-dim)}
/* Overlays leiser */
.chat-fab{background:var(--ink);border-radius:8px;padding:.62rem .95rem;font-weight:500;font-size:.88rem;box-shadow:0 4px 16px rgba(11,15,20,.14);bottom:20px;right:20px}
.cookie{box-shadow:0 -1px 0 var(--hair),0 -20px 40px rgba(11,15,20,.06)}
.cookie strong{font-size:.95rem;font-weight:600}
.cookie p{font-size:.86rem}
.cookie .btn{min-height:38px;padding:.5rem .9rem;font-size:.86rem}
/* Footer */
.footer{background:var(--surface-2);color:var(--ink);border-top:1px solid var(--hair);padding:64px 0 28px}
.footer h3{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);font-weight:600;margin-bottom:12px}
.footer a{color:var(--text);font-size:.9rem;display:block;padding:4px 0}
.footer a:hover{color:var(--ink)}
.footer p{font-size:.9rem;color:var(--text-dim)}
.footer-bottom{border-top:1px solid var(--hair);margin-top:40px;padding-top:20px;font-size:.84rem;color:var(--text-dim)}
.footer-brand{grid-column:span 1;max-width:280px}
.footer-brand .btn-sm{margin-top:14px;padding:.55rem .95rem;font-size:.85rem;color:var(--ink);border-color:var(--ink)}
.footer-legal{display:flex;gap:14px;flex-wrap:wrap;color:var(--text-dim)}
.footer-legal a{display:inline-block;padding:0;color:var(--text-dim);font-size:.84rem}
.footer-legal a:hover{color:var(--ink)}
.linklike{color:var(--text-dim)}
@media(max-width:700px){
  h1{font-size:clamp(2.1rem,8vw,2.8rem)}
  .form-grid{padding:22px}
  .proof-quote{padding:28px 24px}
  .statement{padding:32px 24px}
}
/* v16 · Korrekturen gegen ältere, spezifischere Regeln */
.hero{background:var(--surface);padding:56px 0 64px}
.hero-copy{background:var(--ink);border-radius:var(--r-lg)}
.hero-copy .btn-primary{background:#fff;color:var(--ink);border-color:#fff}
.hero-copy .hero-link{color:rgba(255,255,255,.82)}
.hero-copy .hero-link:hover{color:#fff}
.hero-copy .eyebrow{color:rgba(255,255,255,.55)}
.hero-copy .lead{color:rgba(255,255,255,.74)}
.hero-copy h1{color:#fff}
.carousel-window{border:1px solid var(--hair);border-radius:var(--r-lg);box-shadow:none;background:var(--surface-2)}
.hero-layout{align-items:stretch;gap:20px}
.section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start}
.trustbar .wrap{padding:26px 0}
.statement h2{max-width:28ch}
@media(max-width:900px){
  .section-head{grid-template-columns:1fr;gap:18px}
  .hero-copy{padding:36px 28px}
}
/* v16 · Feinschliff Typografie und Details */
h1{font-weight:520;font-size:clamp(2.25rem,3.5vw,3.2rem);letter-spacing:-.028em;line-height:1.08}
h2{font-weight:540;letter-spacing:-.024em;font-size:clamp(1.65rem,2.5vw,2.25rem)}
h3{font-weight:560}
.glass-card h3{font-weight:540;font-size:1.35rem}
.statement h2{font-weight:400}
.proof-quote blockquote{font-weight:380}
strong,b{font-weight:600}
.btn{font-weight:520}
/* Produktbild: ruhiger Rahmen, Bildunterschrift als eigene Zeile statt Overlay */
.carousel-slide img{border-radius:var(--r-lg) var(--r-lg) 0 0}
.carousel-caption{position:static;background:transparent;color:var(--text-dim);padding:12px 16px 0;font-size:.8rem;font-weight:450;box-shadow:none;border:0;backdrop-filter:none}
.carousel-controls{padding-top:10px}
.carousel-controls button{width:32px;height:32px;min-width:0}
/* Partnerlogos: kleiner, entsättigt, ruhige Reihe */
.trustbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap}
.partner-logos img{width:auto;filter:grayscale(1);transition:opacity .15s}
.partner-logos{display:flex;flex-wrap:wrap;gap:40px;align-items:center}
.partner-logos img{height:26px;opacity:.72}
/* Partnerlogos sind weiße Artworks: invertieren, sonst unsichtbar auf Weiß */
.partner-logos img{filter:invert(1) brightness(.3);opacity:.78;max-width:120px;object-fit:contain}
.partner-logos img:hover{opacity:1}
/* Integrationsliste an das neutrale System angleichen */
.integration-icon{background:var(--surface-2);border:1px solid var(--hair);color:var(--text-dim);border-radius:var(--r-sm)}
.integration-list strong{font-weight:560;font-size:.95rem}
.integration-list small{color:var(--text-dim)}
.start-card.is-dark h3,.start-card.is-dark strong{color:#fff}
.proof-quote h3,.proof-quote strong{color:#fff}
.checklist li{border-bottom:1px solid var(--hair);padding:12px 0}
.checklist li::marker{content:""}
/* Platzhalter: sichtbar als Platzhalter, nicht als Designfläche */
.ph{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;background:repeating-linear-gradient(135deg,var(--surface-2) 0 10px,#f3f4f6 10px 20px);border:1px dashed var(--hair-strong);border-radius:var(--r);color:var(--text-dim);font-size:.8rem;line-height:1.5;padding:22px;margin:0}
.ph span{max-width:38ch}
.ph-video{aspect-ratio:16/9}
.ph-shot{aspect-ratio:16/10}
.ph-photo{aspect-ratio:3/4}
.ph-wide{aspect-ratio:16/10}
/* Bildband */

.photo-band figure{background:var(--surface-2)}
.photo-band .photo-wide{aspect-ratio:16/10}
.photo-band .photo-portrait{aspect-ratio:3/4}
.photo-note{margin-top:14px;font-size:.85rem;color:var(--text-dim)}
.interview-still{background:var(--surface-2)}
.interview-still img{width:100%;height:100%;object-fit:cover;object-position:center 22%}
/* Produktbeweis im Ablauf */
.product-proof{display:grid;grid-template-columns:1.25fr 1fr;gap:16px;margin:36px 0 28px}
.product-proof figure{margin:0}
.product-proof figcaption{color:var(--text-dim)}
/* Partnerstimme und Kennzahlen */
.proof-extra{display:grid;grid-template-columns:1fr 1.2fr;gap:14px;margin-top:14px}
.partner-quote{margin:0;border:1px solid var(--hair);border-radius:var(--r);padding:26px 28px;display:flex;flex-direction:column;justify-content:space-between;gap:18px}
.partner-quote blockquote{margin:0;font-size:1.05rem;line-height:1.5;color:var(--ink);font-weight:400}
.partner-quote blockquote::before{content:"„"}
.partner-quote blockquote::after{content:"“"}
.partner-quote figcaption{display:flex;flex-direction:column;font-size:.88rem}
.partner-quote figcaption span{color:var(--text-dim)}
.metrics{border:1px solid var(--hair);border-radius:var(--r);padding:26px 28px}
.metrics-head h3{font-size:1rem;margin-bottom:6px}
.metrics-head p{margin:0 0 16px;font-size:.9rem;color:var(--text-dim);max-width:52ch}
.metric-list{margin:0;display:grid;gap:0}
.metric-list>div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-top:1px solid var(--hair);align-items:baseline}
.metric-list dt{font-size:.9rem;color:var(--ink)}
.metric-list dd{margin:0;font-size:.8rem;color:var(--text-dim);text-align:right;max-width:22ch}
/* Medien */
.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.media-card{border:1px solid var(--hair);border-radius:var(--r);overflow:hidden;background:var(--surface);display:flex;flex-direction:column}
.media-card.is-wide{grid-column:span 2}
.media-meta{padding:20px 22px 24px;display:flex;flex-direction:column;gap:6px}
.media-tag{font-size:.68rem;letter-spacing:.09em;text-transform:uppercase;font-weight:600;color:var(--text-dim)}
.media-meta h3{font-size:1.05rem}
.media-meta p{margin:0;font-size:.92rem;color:var(--text);line-height:1.58}
.media-meta .small{margin-top:4px}
.video{position:relative;aspect-ratio:16/9;background:var(--ink);overflow:hidden}
.video img{width:100%;height:100%;object-fit:cover;opacity:.82}
.video iframe{width:100%;height:100%;border:0;display:block}
.video.is-placeholder{background:transparent;aspect-ratio:auto}
.video-play{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent;display:grid;place-items:center;cursor:pointer}
.video-play-icon{width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.94);color:var(--ink);display:grid;place-items:center;font-size:1rem;padding-left:3px;box-shadow:0 4px 16px rgba(11,15,20,.28);transition:transform .15s}
.video-play:hover .video-play-icon{transform:scale(1.06)}
.video-consent{position:absolute;left:0;right:0;bottom:0;margin:0;padding:8px 12px;font-size:.72rem;color:rgba(255,255,255,.8);background:linear-gradient(180deg,transparent,rgba(11,15,20,.8))}
.video.consent-ok .video-consent,.video.is-playing .video-consent,.video.is-playing .video-play{display:none}
/* Podcast */
.podcast{margin-top:14px;border:1px solid var(--hair);border-radius:var(--r);display:grid;grid-template-columns:1fr 1fr;gap:0}
.podcast-copy{padding:28px 30px;border-right:1px solid var(--hair)}
.podcast-copy h3{font-size:1.15rem;margin:8px 0 6px}
.podcast-copy p{font-size:.92rem;color:var(--text);max-width:48ch}
.podcast-notify{margin-top:18px;display:grid;gap:10px}
.podcast-notify>label{font-size:.82rem;font-weight:500;color:var(--text)}
.podcast-row{display:flex;gap:8px}
.podcast-row input{flex:1;border:1px solid var(--hair-strong);border-radius:8px;padding:.6rem .8rem;font-size:.92rem}
.podcast-notify .btn{white-space:nowrap}
.podcast-notify .consent{font-size:.8rem}
.hp-field{position:absolute;left:-9999px;width:1px;height:1px}
.podcast-list{margin:0;padding:28px 30px;list-style:none;display:grid;gap:0;align-content:start}
.podcast-list li{display:flex;gap:14px;padding:11px 0;border-bottom:1px solid var(--hair);font-size:.92rem;color:var(--text)}
.podcast-list li:last-child{border-bottom:0}
.podcast-list span{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:.8rem;padding-top:2px}
/* Trust-Center-Dokumentenregister */
.doc-table{border:1px solid var(--hair);border-radius:var(--r);overflow:auto}
.doc-table table{width:100%;border-collapse:collapse;font-size:.9rem;min-width:720px}
.doc-table th{text-align:left;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);font-weight:600;padding:14px 18px;border-bottom:1px solid var(--hair);background:var(--surface-2)}
.doc-table td{padding:16px 18px;border-bottom:1px solid var(--hair);vertical-align:top;color:var(--text);line-height:1.5}
.doc-table tr:last-child td{border-bottom:0}
.doc-table td strong{color:var(--ink)}
.doc-state{display:inline-block;font-size:.72rem;font-weight:600;padding:.2rem .5rem;border-radius:5px;white-space:nowrap}
.doc-state.is-request{background:#eef2fd;color:#1b3f9e}
.doc-state.is-open{background:var(--surface-2);color:var(--text-dim);border:1px solid var(--hair-strong)}
.doc-state.is-none{background:#fdf1ec;color:#8a3d1c}
.doc-note{margin-top:16px;font-size:.88rem;color:var(--text-dim);max-width:70ch}
/* Rechtstexte */
.legal-hero{padding:56px 0 8px;border-bottom:1px solid var(--hair)}
.legal-wrap{max-width:760px}
.legal-wrap h2{font-size:1.15rem;font-weight:600;margin:38px 0 10px;letter-spacing:-.012em}
.legal-wrap h2:first-of-type{margin-top:0}
.legal-wrap p{font-size:.95rem;color:var(--text);line-height:1.68}
.legal-wrap a{text-decoration:underline;text-underline-offset:3px}
.legal-dl{display:grid;grid-template-columns:minmax(160px,220px) 1fr;gap:0;margin:0;font-size:.95rem}
.legal-dl dt{font-weight:500;color:var(--ink);padding:11px 0;border-top:1px solid var(--hair)}
.legal-dl dd{margin:0;padding:11px 0;color:var(--text);border-top:1px solid var(--hair)}
.legal-note{border:1px solid var(--hair-strong);border-radius:var(--r);padding:18px 20px;font-size:.9rem;color:var(--text);margin-bottom:34px;background:var(--surface-2)}
.legal-note code{font-size:.85em;background:#fff;border:1px solid var(--hair);border-radius:4px;padding:.05rem .3rem}
.legal-table{width:100%;border-collapse:collapse;font-size:.88rem;margin:14px 0}
.legal-table th{text-align:left;font-size:.7rem;letter-spacing:.07em;text-transform:uppercase;color:var(--text-dim);padding:10px 12px;border-bottom:1px solid var(--hair)}
.legal-table td{padding:12px;border-bottom:1px solid var(--hair);color:var(--text);vertical-align:top}
@media(max-width:1000px){
  .media-grid{grid-template-columns:1fr 1fr}
  .media-card.is-wide{grid-column:span 2}
  .proof-extra,.product-proof,.podcast{grid-template-columns:1fr}
  .podcast-copy{border-right:0;border-bottom:1px solid var(--hair)}
  .photo-band{grid-template-columns:1fr 1fr}
  .photo-band figure:first-child{grid-column:span 2}
}
@media(max-width:700px){
  .media-grid{grid-template-columns:1fr}
  .media-card.is-wide{grid-column:auto}
  .photo-band{grid-template-columns:1fr}
  
  .legal-dl{grid-template-columns:1fr}
  .legal-dl dd{padding-top:0;border-top:0}
  .metric-list>div{flex-direction:column;gap:2px}
  .metric-list dd{text-align:left}
}
/* Reveal: nur aktiv, wenn JS die Klasse setzt. Ohne JS ist alles sichtbar. */
.reveal-on [data-reveal]{opacity:0;transform:translateY(14px);transition:opacity .5s cubic-bezier(.22,.61,.36,1),transform .5s cubic-bezier(.22,.61,.36,1)}
.reveal-on [data-reveal].is-in{opacity:1;transform:none}
/* Lesefortschritt */
.progress{position:fixed;top:0;left:0;right:0;height:2px;background:var(--blue);transform:scaleX(0);transform-origin:0 50%;z-index:200;pointer-events:none}
/* Sanftes Mitlaufen des Produktbilds im Hero, rein per CSS */
@supports (animation-timeline: view()){@media (prefers-reduced-motion:no-preference) and (min-width:1000px){
    .hero-carousel{animation:heroLift linear both;animation-timeline:view();animation-range:entry 0% cover 40%}
    @keyframes heroLift{from{transform:translateY(18px)}to{transform:translateY(0)}}
  }}
/* Sticky-Kapitelmarke im Ablauf-Abschnitt */
@media(min-width:1000px){.system-section .section-head{position:sticky;top:78px;z-index:2;background:var(--surface);padding-bottom:22px;margin-bottom:26px}}
/* Portrait in der Referenz */
.proof-quote.has-portrait{display:grid;grid-template-columns:132px 1fr;gap:26px;align-items:center}
.proof-quote .portrait{width:132px;height:132px;border-radius:50%;object-fit:cover;object-position:50% 22%;border:1px solid rgba(255,255,255,.18)}
.proof-quote.has-portrait blockquote{grid-column:2}
.proof-quote.has-portrait figcaption{grid-column:2}
/* Kennzahlen mit echtem Wert */
.metric-list dd strong{display:block;font-size:1.5rem;font-weight:560;color:var(--ink);letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.1}
.metric-list dd span{display:block;font-size:.76rem;color:var(--text-dim);margin-top:2px}
/* Produktbeweis */
.product-proof img{display:block}
@media(max-width:700px){
  .proof-quote.has-portrait{grid-template-columns:1fr;gap:16px}
  .proof-quote.has-portrait blockquote,.proof-quote.has-portrait figcaption{grid-column:auto}
  .proof-quote .portrait{width:74px;height:74px}
}
.software-proof{display:grid;gap:14px;margin-top:14px}
.software-proof figure{margin:0;border:1px solid var(--hair);border-radius:var(--r);overflow:hidden;background:var(--surface)}
.software-proof img{width:100%;display:block;border-bottom:1px solid var(--hair)}
.software-proof figcaption{padding:16px 18px 18px;font-size:.9rem;color:var(--text);line-height:1.55}
.software-proof figcaption strong{color:var(--ink);font-weight:600}
.product-proof img{background:var(--surface)}
.carousel-slide img{object-fit:cover;width:100%;height:100%}
@media(max-width:800px){
  .software-proof{grid-template-columns:1fr}
}
.hero-video{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}
.video-local{aspect-ratio:16/9;background:var(--ink);display:grid;place-items:center}
.video-local video{width:100%;height:100%;background:var(--ink);display:block}
@media(prefers-reduced-motion:reduce){
  .hero-video{animation:none}
}
:root{--blue:#1557ff;--blue-dark:#0d3fd1;--beige:#a8853a;--beige-light:#d6ba72}
/* Haupt-CTA wieder in Markenblau */
.btn-primary,.hero-copy .btn-primary{background:var(--blue);border-color:var(--blue);color:#fff}
.btn-primary:hover,.hero-copy .btn-primary:hover{background:var(--blue-dark);border-color:var(--blue-dark)}
.nav-actions .btn-primary{background:var(--blue);border-color:var(--blue)}
.chat-fab{background:var(--blue)}
.progress{background:var(--blue)}
/* Akzentwort in Überschriften: Beige statt Blau */
h1 span,h2 span{color:var(--beige)}
.hero-copy h1 span,.statement h2 span,.proof-quote h2 span,.start-card.is-dark h3 span{color:var(--beige-light)}
.section-head h2 span{color:var(--beige)}
h2 span[style],h1 span[style]{color:var(--beige)!important}
/* Hero: mehr Raum für den Text */
.hero-layout{grid-template-columns:minmax(440px,.92fr) minmax(520px,1.08fr);gap:24px}
.hero-copy{padding:56px 52px}
.hero-copy h1{max-width:none}
.hero-copy .lead{max-width:38ch}
@media(max-width:1100px){
  .hero-layout{grid-template-columns:1fr;gap:16px}
  .hero-copy{padding:40px 30px}
}
/* Produktaufnahmen vollständig zeigen statt beschneiden */
.carousel-window{background:var(--ink);display:block;aspect-ratio:16/10;height:auto!important;min-height:0!important;overflow:hidden}
.carousel-slide{position:absolute;inset:0;display:grid;place-items:center}
.carousel-slide img,.carousel-slide video{object-fit:contain;object-position:center;width:100%;height:100%;max-height:100%;border-radius:0}
.product-proof img,.software-proof img{width:100%;height:auto;object-fit:contain}
/* Zoombare Aufnahmen */
.zoomable{cursor:zoom-in}
.lightbox{position:fixed;inset:0;z-index:300;background:rgba(11,15,20,.92);display:grid;place-items:center;padding:28px}
.lightbox[hidden]{display:none}
.lightbox img{max-width:min(1600px,96vw);max-height:92vh;width:auto;height:auto;border-radius:8px;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.lightbox-close{position:absolute;top:18px;right:20px;width:42px;height:42px;border-radius:8px;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.08);color:#fff;font-size:1.3rem;line-height:1;display:grid;place-items:center}
.lightbox-close:hover{background:rgba(255,255,255,.18)}
.lightbox-hint{position:absolute;bottom:18px;left:0;right:0;text-align:center;color:rgba(255,255,255,.6);font-size:.8rem}
/* Karussell: Zähler weg, Pfeile passen sich dem Hintergrund an */
.carousel-status{display:none}
.carousel-controls{gap:10px}
.carousel-controls button{border:1px solid var(--hair-strong);background:transparent;color:var(--ink)}
.carousel-controls button:hover{border-color:var(--ink);background:rgba(11,15,20,.04)}
.carousel-controls.on-dark button{border-color:rgba(255,255,255,.4);color:#fff}
.carousel-controls.on-dark button:hover{border-color:#fff;background:rgba(255,255,255,.12)}
/* Schnittstellenraster */
.integration-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 26px}
.integration-grid strong{font-size:.92rem}
.integration-grid span{font-size:.86rem;color:var(--text-dim);line-height:1.5}
@media(max-width:800px){
  .integration-grid{grid-template-columns:1fr}
}
/* Partnerzitat mit Logo */
.partner-quote .partner-logo{height:22px;width:auto;filter:invert(1) brightness(.3);opacity:.75;margin-bottom:4px}
/* Interviewkachel im Hochformat */
.video-local{aspect-ratio:3/4}
.video-local video{object-fit:cover}
/* Felix */
.felix-card{margin:0;border:1px solid var(--hair);border-radius:var(--r);background:linear-gradient(180deg,#fff, #faf7ef);display:flex;flex-direction:column;align-items:flex-start;padding:24px 26px;gap:12px}
.felix-card img{height:auto;align-self:center}
.felix-card figcaption{font-size:.92rem;color:var(--text);line-height:1.55}
.felix-card figcaption strong{color:var(--ink)}
.software-proof{grid-template-columns:.8fr 1.1fr 1.1fr}
@media(max-width:1000px){
  .software-proof{grid-template-columns:1fr}
  .felix-card img{width:88px}
}
.felix-panel{border:1px solid var(--hair);border-radius:var(--r-lg);padding:28px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;background:linear-gradient(180deg,#fff,#faf7ef)}
.felix-panel img{width:150px;height:auto}
.felix-panel p{margin:0;font-size:.95rem;color:var(--text);max-width:34ch}
.chat-fab img{display:block;width:30px;height:30px;object-fit:contain;margin-left:6px}
/* Akzentwort konsequent beige, auch gegen ältere, spezifischere Regeln */
.hero h1 span,.hero-copy h1 span{color:var(--beige-light)}
.system-glass h2 span,.integrations-glass h2 span,.quotes-section h2 span,
.pricing-glass h2 span,.statement h2 span,.legal-hero h1 span{color:var(--beige)}
.start-card.is-dark h3 span,.proof-quote span{color:var(--beige-light)}
.hero-link span{color:inherit}
/* Hinweis: eine frühere Ebene setzt .hero-copy h1 span auf #fff !important.
   Das Akzentwort soll beige sein, deshalb hier ebenfalls !important. */
.hero-copy h1 span{color:var(--beige-light)!important}
.hero-copy h1{font-size:clamp(2.6rem,3.6vw,4.05rem)!important;line-height:1.06}
@media(max-width:1100px){
  .hero-copy h1{font-size:clamp(2.2rem,6vw,3rem)!important}
}
/* Hero: CTA weiß, Eyebrow ohne Icon, keine Bildunterschriften */
.hero-copy .btn-primary{background:#fff;color:var(--ink);border-color:#fff}
.hero-copy .btn-primary:hover{background:rgba(255,255,255,.88);border-color:rgba(255,255,255,.88)}
.hero-copy .eyebrow::before,.hero-copy .eyebrow img,.hero-copy .eyebrow svg{display:none!important;content:none!important}
.hero-copy .eyebrow{padding-left:0;border-left:0;background:none}
.carousel-caption{display:none}
/* Partnerlaufband: Text links fest, Logos laufen rechts */
.trust-inner{display:grid;grid-template-columns:minmax(210px,260px) 1fr;align-items:center;gap:30px;padding:22px 0}
.trust-label strong{display:block;font-size:.9rem}
.trust-label span{font-size:.8rem}
.marquee{overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.marquee-track{display:flex;align-items:center;gap:44px;width:max-content;animation:marquee 60s linear infinite}
.marquee:hover .marquee-track{animation-play-state:paused}
.marquee img{height:26px;width:auto;max-width:120px;object-fit:contain;filter:grayscale(1);opacity:.55;flex:0 0 auto}
.marquee img.inv{filter:invert(1) brightness(.3) grayscale(1)}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){
  .marquee-track{animation:none;flex-wrap:wrap}
}
@media(max-width:800px){
  .trust-inner{grid-template-columns:1fr;gap:14px}
}
/* Vertrauensband */
.trustpoints{border-bottom:1px solid var(--hair);background:var(--surface-2)}
.trustpoints ul{list-style:none;margin:0;padding:30px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.trustpoints li{display:flex;flex-direction:column;gap:4px}
.trustpoints strong{font-size:.98rem;font-weight:600}
.trustpoints span{font-size:.9rem;color:var(--text);line-height:1.55}
.trustpoints .link{margin-top:4px;font-size:.86rem;color:var(--blue)}
@media(max-width:900px){
  .trustpoints ul{grid-template-columns:1fr;gap:20px;padding:24px 0}
}
/* Bildband: gleiche Höhe, ruhiger Rhythmus */
.photo-band{grid-template-columns:repeat(3,1fr);gap:14px}
.photo-band figure{margin:0;border-radius:var(--r);overflow:hidden;aspect-ratio:4/3}
.photo-band img{width:100%;height:100%;object-fit:cover;display:block}

.photo-note{display:none}
@media(max-width:800px){
  .photo-band{grid-template-columns:1fr 1fr}
  
}
/* Felix-Sektion */
.speak-section .software-proof{grid-template-columns:.85fr 1.05fr 1.05fr;align-items:stretch}
.felix-card{background:linear-gradient(180deg,#fff,#f7f2e6);justify-content:center}
.felix-card img{width:124px}
/* Podcast */
.podcast-section{border:1px solid var(--hair);border-radius:var(--r);padding:28px 30px;margin-top:14px}
.podcast-head h3{font-size:1.2rem;margin:8px 0 6px}
.podcast-head p{margin:0 0 20px;font-size:.94rem;color:var(--text);max-width:60ch}
.episodes{list-style:none;margin:0;padding:0;display:grid;gap:0}
.episodes li{border-top:1px solid var(--hair);padding:18px 0;display:grid;grid-template-columns:1.3fr 1fr;gap:20px;align-items:center}
.ep-head{display:flex;gap:16px;align-items:flex-start}
.ep-no{font-size:.8rem;color:var(--text-dim);font-variant-numeric:tabular-nums;padding-top:3px}
.ep-head strong{display:block;font-size:.98rem;font-weight:600}
.ep-head span{font-size:.88rem;color:var(--text-dim);line-height:1.5}
.episodes audio{width:100%;height:38px}
.ep-hint{margin:0;font-size:.8rem;color:var(--text-dim)}
@media(max-width:800px){
  .episodes li{grid-template-columns:1fr;gap:12px}
}
/* hobex-Logo im Zitat: Seitenverhältnis erhalten */
.partner-quote .partner-logo{height:auto;width:112px;max-width:112px;object-fit:contain}
.int-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.int-card{border:1px solid var(--hair);border-radius:var(--r);padding:24px 26px 26px;display:flex;flex-direction:column;gap:10px;background:var(--surface)}
.int-logos{display:flex;flex-wrap:wrap;align-items:center;gap:18px;min-height:46px;padding-bottom:14px;border-bottom:1px solid var(--hair)}
.int-logos img{height:24px;width:auto;max-width:104px;object-fit:contain;filter:grayscale(1);opacity:.72}
.int-logos img.inv{filter:invert(1) brightness(.3) grayscale(1)}
.logo-text{font-size:.82rem;font-weight:600;color:var(--text-dim)}
.int-card h3{font-size:1.02rem;margin-top:4px}
.int-card p{margin:0;font-size:.92rem;color:var(--text);line-height:1.58}
.int-more{font-size:.82rem!important;color:var(--text-dim)!important;margin-top:auto!important;padding-top:10px;border-top:1px solid var(--hair)}
.int-note{margin-top:22px;font-size:.92rem;color:var(--text-dim);max-width:70ch}
@media(max-width:1000px){
  .int-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  .int-grid{grid-template-columns:1fr}
}
.video-local{position:relative}
.video-local .video-play{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(11,15,20,.12);display:grid;place-items:center;cursor:pointer}
.video-local .video-play:hover{background:rgba(11,15,20,.22)}
.visual-section{padding-top:44px;padding-bottom:44px}
.visual-section .eyebrow{margin-bottom:16px}
.visual-duo{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:stretch}
.visual-duo figure{margin:0;border-radius:var(--r);overflow:hidden;border:1px solid var(--hair);display:flex;flex-direction:column}
.visual-duo figure .ph-crop{position:relative;width:100%;aspect-ratio:3/2;overflow:hidden}
.visual-duo figure .ph-crop img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.visual-duo img{width:100%;height:auto;display:block}
.visual-duo figcaption{margin:0;padding:6px 12px 8px;font-size:.72rem;color:var(--text-dim);text-align:right;letter-spacing:.02em}
.visual-duo figcaption .ai-mark{display:inline-flex;align-items:center;gap:5px}
.visual-duo figcaption .ai-mark::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--beige);display:inline-block}
.visual-duo .ph{border-radius:var(--r)}
.contact-strip{grid-template-columns:120px 1fr;max-width:640px}
.contact-strip span{font-size:.88rem;color:var(--text-dim)}
@media(max-width:800px){
  .visual-duo{grid-template-columns:1fr}
  .contact-strip{grid-template-columns:1fr;text-align:center;justify-items:center}
}
.pain-section{border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.pain-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.pain-grid article{background:var(--surface);border:1px solid var(--hair);border-radius:var(--r);padding:24px 24px 26px}
.pain-no{font-size:.78rem;color:var(--text-dim);font-variant-numeric:tabular-nums}
.pain-grid h3{font-size:1.02rem;margin:10px 0 6px}
.pain-grid p{margin:0;font-size:.92rem;color:var(--text);line-height:1.58}
@media(max-width:1000px){
  .pain-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .pain-grid{grid-template-columns:1fr}
}
.felix-section{background:transparent}
.ki-diagram{margin:22px auto 30px;padding:26px 26px 20px;background:var(--surface);border:1px solid var(--hair);border-radius:var(--r-lg);max-width:1100px}
.ki-diagram svg{display:block;width:100%;height:auto;max-width:100%}
.ki-diagram-cap{margin:0 0 14px;font-size:.9rem;line-height:1.45;color:var(--text-dim);font-style:italic}
@media(max-width:640px){.ki-diagram{padding:18px 16px 14px}}
.felix-intro{display:grid;grid-template-columns:minmax(200px,280px) 1fr;gap:48px;align-items:center;margin-bottom:40px}
.felix-portrait{margin:0;display:grid;place-items:center}
.felix-portrait img{width:100%;max-width:280px;height:auto;filter:drop-shadow(0 24px 40px rgba(11,15,20,.14))}
.felix-dialog{margin:22px 0 26px;display:grid;gap:10px;max-width:56ch}
.felix-dialog p{margin:0;padding:13px 17px;font-size:.94rem;line-height:1.5;border-radius:14px}
.fd-user{background:var(--surface-2);border:1px solid var(--hair);color:var(--text);border-bottom-right-radius:4px;justify-self:end;text-align:right}
.fd-felix{background:var(--ink);color:rgba(255,255,255,.92);border-bottom-left-radius:4px;justify-self:start}
.control-split{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.control-col{border:1px solid var(--hair);border-radius:var(--r);padding:26px 28px;background:var(--surface)}
.control-col.is-accent{background:var(--ink);border-color:var(--ink)}
.control-col h3{font-size:1.02rem;margin-bottom:14px}
.control-col.is-accent h3{color:#fff}
.control-col ul{list-style:none;margin:0;padding:0;display:grid;gap:0}
.control-col li{padding:11px 0;border-top:1px solid var(--hair);font-size:.93rem;color:var(--text);line-height:1.5}
.control-col.is-accent li{border-top-color:rgba(255,255,255,.14);color:rgba(255,255,255,.8)}
@media(max-width:900px){
  .felix-intro{grid-template-columns:1fr;gap:24px;text-align:left}
  .felix-portrait img{max-width:180px}
  .control-split{grid-template-columns:1fr}
}
.reassure{border-top:1px solid var(--hair);background:var(--surface-2)}
.reassure ul{list-style:none;margin:0;padding:26px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
.reassure li{display:flex;flex-direction:column;gap:3px}
.reassure strong{font-size:.95rem;font-weight:600}
.reassure span{font-size:.86rem;color:var(--text-dim);line-height:1.5}
@media(max-width:900px){
  .reassure ul{grid-template-columns:1fr 1fr;gap:18px}
}
@media(max-width:560px){
  .reassure ul{grid-template-columns:1fr}
}
.poll-progress{margin:0;font-size:.8rem;color:var(--text-dim);font-variant-numeric:tabular-nums}
.poll-step{display:none;border:0;margin:0;padding:0}
.poll-step.is-active{display:block}
.poll-step legend{font-size:1.15rem;font-weight:600;letter-spacing:-.02em;margin-bottom:16px;padding:0}
.poll-step label{display:flex;align-items:center;gap:12px;padding:13px 16px;border:1px solid var(--hair);border-radius:10px;margin-bottom:8px;cursor:pointer;transition:border-color .15s,background .15s}
.poll-step label:hover{border-color:var(--hair-strong);background:var(--surface-2)}
.poll-step input{accent-color:var(--blue);width:18px;height:18px}
.poll-step span{font-size:.95rem;color:var(--text)}
.poll-result strong{display:block;font-size:1rem;margin-bottom:14px}
.poll-bars{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:10px}
.poll-bars li{display:grid;grid-template-columns:1fr 140px 46px;gap:12px;align-items:center;font-size:.9rem;color:var(--text)}
.poll-bars li.is-mine{color:var(--ink);font-weight:600}
.pb-track{height:7px;border-radius:99px;background:var(--surface-2);border:1px solid var(--hair);overflow:hidden}
.pb-track i{display:block;height:100%;background:var(--hair-strong)}
.poll-bars li.is-mine .pb-track i{background:var(--blue)}
.pb-val{text-align:right;font-variant-numeric:tabular-nums;color:var(--text-dim)}
.felix-note{font-size:.92rem;color:var(--text-dim);max-width:54ch;margin-top:10px}
@media(max-width:620px){
  .poll{padding:22px}
  .poll-bars li{grid-template-columns:1fr 80px 42px}
}
.poll-disclaimer{margin:0 0 14px;font-size:.82rem;color:var(--text-dim);line-height:1.5}
.compare-table{border:1px solid var(--hair);border-radius:var(--r);overflow:hidden}
.compare-table table{width:100%;border-collapse:collapse}
.compare-table th{text-align:left;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);font-weight:600;padding:14px 22px;background:var(--surface-2);border-bottom:1px solid var(--hair)}
.compare-table td{padding:20px 22px;border-bottom:1px solid var(--hair);vertical-align:top;font-size:.93rem;color:var(--text);line-height:1.58;width:50%}
.compare-table tr:last-child td{border-bottom:0}
.compare-table td strong{display:block;color:var(--ink);font-weight:600;font-size:.98rem;margin-bottom:4px}
.compare-table td span{display:block;font-size:.86rem;color:var(--text-dim)}
.compare-honest{margin-top:34px;border:1px solid var(--hair-strong);border-radius:var(--r);padding:28px 30px;background:var(--surface-2)}
.compare-honest h2{font-size:1.25rem;margin-bottom:14px}
.compare-honest ul{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:12px}
.compare-honest li{font-size:.93rem;color:var(--text);line-height:1.58}
.compare-honest strong{color:var(--ink)}
@media(max-width:700px){
  .compare-table td{display:block;width:auto;padding:14px 18px}
  .compare-table thead{display:none}
  .compare-table tr{display:block;border-bottom:1px solid var(--hair)}
}
.calc{display:grid;grid-template-columns:1fr 1.15fr;gap:14px;align-items:start}
.calc-inputs{border:1px solid var(--hair);border-radius:var(--r);padding:26px 28px;display:grid;gap:22px}
.calc-inputs label{display:grid;grid-template-columns:1fr auto;gap:6px 12px;align-items:center}
.ci-label{font-size:.92rem;color:var(--text);grid-column:1}
.calc-inputs output{font-size:1.05rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--ink);grid-column:2}
.calc-inputs input[type=range],.cr-auto input[type=range]{grid-column:1/-1;width:100%;accent-color:var(--blue);height:22px}
.calc-result{border:1px solid var(--hair);border-radius:var(--r);padding:28px 30px;background:var(--surface-2)}
.cr-kicker{margin:0;font-size:.72rem;letter-spacing:.09em;text-transform:uppercase;font-weight:600;color:var(--text-dim)}
.cr-big{margin:6px 0 10px;font-size:clamp(2.2rem,4vw,3.2rem);font-weight:560;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}
.cr-big small{font-size:1rem;font-weight:400;color:var(--text-dim);letter-spacing:0}
.cr-sub{margin:0 0 18px;font-size:.94rem;color:var(--text)}
.cr-split{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:16px 0;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.cr-split div{display:flex;flex-direction:column}
.cr-split span{font-size:1.3rem;font-weight:560;font-variant-numeric:tabular-nums}
.cr-split small{font-size:.82rem;color:var(--text-dim)}
.cr-auto{padding:18px 0 4px}
.cr-auto label{display:flex;flex-direction:column;font-size:.92rem;color:var(--text);margin-bottom:8px}
.cr-annahme{font-size:.78rem;color:var(--text-dim)}
.cr-auto-out{margin:8px 0 0;font-size:.94rem;color:var(--ink)}
.cr-note{font-size:.84rem;color:var(--text-dim);line-height:1.55;margin:14px 0 18px}
@media(max-width:900px){
  .calc{grid-template-columns:1fr}
}
.rel-layout{display:grid;grid-template-columns:1.6fr .9fr;gap:34px;align-items:start}
.rel-facts{display:flex;gap:44px;flex-wrap:wrap;margin-top:26px}
.rel-facts strong{display:block;font-size:1.9rem;font-weight:560;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.rel-facts span{font-size:.85rem;color:var(--text-dim)}
.rel-stream{display:grid;gap:14px}
.release{border:1px solid var(--hair);border-radius:var(--r);padding:26px 28px}
.rel-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-bottom:14px;border-bottom:1px solid var(--hair);margin-bottom:18px}
.rel-ver{font-size:.82rem;font-weight:600;background:var(--ink);color:#fff;border-radius:5px;padding:.16rem .5rem;font-variant-numeric:tabular-nums}
.rel-meta time{font-size:.86rem;color:var(--text-dim)}
.rel-area{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--text-dim);margin-left:auto}
.rel-body h3{font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);font-weight:600;margin:0 0 8px}
.rel-list{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:7px}
.rel-list li{font-size:.93rem;color:var(--text);line-height:1.55;padding-left:18px;position:relative}
.rel-list li::before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--hair-strong)}
.rel-list.is-new li::before{background:var(--blue)}
.rel-shot{margin:0 0 18px;border:1px solid var(--hair);border-radius:var(--r-sm);overflow:hidden}
.rel-shot img{width:100%;height:auto;display:block}
.rel-shot figcaption{padding:10px 14px;font-size:.82rem;color:var(--text-dim);border-top:1px solid var(--hair)}
.rel-note{border-left:2px solid var(--hair-strong);padding:2px 0 2px 14px;margin-top:4px}
.rel-note strong{display:block;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim)}
.rel-note p{margin:4px 0 0;font-size:.9rem;color:var(--text)}
.rel-older{font-size:.86rem;color:var(--text-dim)}
.rel-side{display:grid;gap:14px;position:sticky;top:90px}
.rel-card{border:1px solid var(--hair);border-radius:var(--r);padding:24px 26px}
.rel-card.is-quiet{background:var(--surface-2)}
.rel-card h3{font-size:1.05rem;margin-bottom:8px}
.rel-card p{font-size:.92rem;color:var(--text);line-height:1.58}
.rel-form{margin-top:16px;display:grid;gap:10px}
.rel-form>label{font-size:.82rem;font-weight:500;color:var(--text)}
.rel-team{display:flex;gap:16px;flex-wrap:wrap;margin:14px 0}
.rel-team figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:6px;width:84px;text-align:center}
.rel-team strong{line-height:1.2}
@media(max-width:1000px){
  .rel-layout{grid-template-columns:1fr}
  .rel-side{position:static}
}.facts-band{color:#fff}
@media(max-width:1000px){
  .facts-band ul{grid-template-columns:repeat(2,1fr);gap:22px}
}
@media(max-width:560px){
  .facts-band ul{grid-template-columns:1fr}
}
.team-quote.has-face{display:grid;grid-template-columns:64px 1fr;gap:18px;align-items:start}
.tq-face{width:64px;height:64px;border-radius:50%;object-fit:cover;background:var(--surface-2)}
.demo-faces{display:flex;align-items:center;gap:10px;margin:18px 0 22px;flex-wrap:wrap}
.demo-faces img{border-radius:50%;object-fit:cover;background:var(--surface-2)}
.demo-faces img:last-of-type{margin-right:0}
.demo-faces p{margin:0 0 0 20px;font-size:.88rem;color:var(--text-dim);max-width:34ch}
@media(max-width:700px){
  .demo-faces p{margin-left:20px}
}
.shot-fig{margin:0;border:1px solid rgba(11,15,20,.1);border-radius:14px;overflow:hidden;background:#fff}
.shot-fig img{display:block;width:100%;height:auto}
.shot-fig figcaption{padding:14px 18px;font-size:14px;line-height:1.5;color:rgba(11,15,20,.62);border-top:1px solid rgba(11,15,20,.08)}
.visual-duo .shot-fig{align-self:start}
.ph-todo span{display:flex;flex-direction:column;align-items:center;gap:9px;max-width:46ch}
.ph-todo b{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;font-weight:600;color:var(--beige)}
.ph-todo code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;color:var(--ink);background:rgba(11,15,20,.06);border:1px solid rgba(11,15,20,.08);padding:4px 10px;border-radius:6px}
.ph-todo i{font-style:normal;font-size:.85rem;line-height:1.5;color:var(--text-dim)}
.ph-todo em{font-style:normal;font-size:.7rem;letter-spacing:.02em;opacity:.6}
/* Ablaufbeweise: vier Kacheln, eine je Schritt */
.product-proof{grid-template-columns:1fr 1fr}
.int-visual{margin:46px 0 34px}
.int-visual .eyebrow{margin-bottom:16px}
:root{--float-sm:0 2px 6px rgba(11,15,20,.04), 0 10px 24px rgba(11,15,20,.06);--float-md:0 3px 10px rgba(11,15,20,.05), 0 18px 44px rgba(11,15,20,.09);--float-lg:0 6px 18px rgba(11,15,20,.06), 0 34px 80px rgba(11,15,20,.12)}
/* 1 · Lange Trennlinien zwischen Sektionen entfernen, dafuer mehr Luft */
.section{padding:104px 0}
.trustbar,.pain-section,.trustpoints,.reassure,.legal-hero,.image-proof{border-top:0;border-bottom:0}
@media(max-width:900px){
}
/* 2 · Alles mit eigener Hintergrundfarbe bekommt weichen Schatten und schwebt */
.pain-section>.wrap,.facts-band>.wrap{border-radius:var(--r-lg)}
.pain-section{background:transparent}
.pain-section>.wrap{background:var(--surface-2);padding:64px 56px;box-shadow:var(--float-md)}
.card,.glass-card,.step,.start-card,.int-card,.media-card,.dl-card,
.quote-card,.proof-quote,.partner-quote,.team-quote,.shot-fig,.metrics,
.system-glass,.integrations-glass,.pricing-glass,.calc,.poll,.faq,.statement,
.software-proof figure,.rel-card{box-shadow:var(--float-sm)}
.system-glass,.integrations-glass,.pricing-glass,.statement,.hero-copy,.hero-carousel{box-shadow:var(--float-lg)}
.proof-quote,.partner-quote,.team-quote,.metrics,.poll,.calc{box-shadow:var(--float-md)}
.card:hover,.dl-card:hover,.int-card:hover{box-shadow:var(--float-md)}
/* 3 · Hero: beide Spalten gleich hoch, Karussell gefuellt */
.hero-layout{align-items:stretch}
.hero-copy{min-height:clamp(520px,44vw,640px)}
.hero-carousel{min-height:0}
.hero-carousel{display:flex;flex-direction:column}
.carousel-window{min-height:0}
.carousel-controls{position:static;justify-content:space-between;align-items:center;padding:14px 2px 0}
.carousel-dots{display:flex;gap:7px;margin-right:auto}
.carousel-dots button{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:rgba(11,15,20,.2);cursor:pointer;transition:width .25s,background .25s}
.carousel-dots button.is-active{width:22px;border-radius:99px;background:var(--blue)}
.carousel-controls>button{margin-left:8px}
/* 4 · Zusammengelegte Bloecke */
.start-assure{margin-top:36px}
.start-assure ul{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;list-style:none;margin:0;padding:0}
.start-assure li{display:flex;flex-direction:column;gap:6px;padding:22px;background:var(--surface-2);border-radius:var(--r);box-shadow:var(--float-sm)}
.start-assure strong{font-weight:600;color:var(--ink)}
.start-assure span{font-size:.9rem;color:var(--text);line-height:1.5}
.cta-assure{margin-top:40px}
.cta-assure ul{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;list-style:none;margin:0;padding:0}
.cta-assure li{display:flex;flex-direction:column;gap:5px;font-size:.88rem}
.cta-assure strong{font-weight:600}
.int-quote{margin-top:44px}
.proof-film figcaption{margin-top:12px}
@media(max-width:900px){
  .start-assure ul,.cta-assure ul{grid-template-columns:1fr 1fr}
  .pain-section>.wrap{padding:44px 28px}
  .facts-band>.wrap{padding:32px 28px}
}
@media(max-width:620px){
  .start-assure ul,.cta-assure ul{grid-template-columns:1fr}
}
/* 5 · Download Center */
.dl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.dl-card{display:flex;flex-direction:column;gap:10px;padding:28px;background:var(--surface);border:1px solid var(--hair);border-radius:var(--r-lg);transition:box-shadow .25s,transform .25s}
.dl-card:hover{transform:translateY(-2px)}
.dl-tag{align-self:flex-start;font-size:.68rem;letter-spacing:.09em;text-transform:uppercase;font-weight:600;color:var(--beige);border:1px solid rgba(168,133,58,.32);border-radius:99px;padding:3px 10px}
.dl-card h3{margin:2px 0 0;font-size:1.06rem}
.dl-card p{margin:0;font-size:.9rem;line-height:1.55;color:var(--text)}
.dl-foot{margin-top:auto;padding-top:16px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.dl-meta{font-size:.76rem;color:var(--text-dim)}
.dl-todo{font-size:.78rem;line-height:1.45;color:var(--text-dim);background:repeating-linear-gradient(135deg,var(--surface-2) 0 8px,#f3f4f6 8px 16px);border:1px dashed var(--hair-strong);border-radius:var(--r-sm);padding:9px 12px}
.dl-form{margin-top:36px}
@media(max-width:1000px){
  .dl-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
  .dl-grid{grid-template-columns:1fr}
}
/* v41b · Hero: Karussell fuellt seinen Kasten */
.hero-layout{grid-template-columns:minmax(380px,.84fr) minmax(520px,1.16fr);gap:22px}
.carousel-window{display:block;padding:0;overflow:hidden}
.carousel-slide{display:block}
.carousel-slide img,.carousel-slide video,.hero-video{width:100%;height:100%;max-height:none;border-radius:0}
@media(max-width:1100px){
  .hero-layout{grid-template-columns:1fr}
}
/* 1 · Footer: Markenname lesbar auf hellem Grund */
.footer .brand,.footer .brand span{color:var(--ink)}
/* 2 · Partnerleiste ueber die volle Seitenbreite */
.trustbar{padding:30px 0 34px}
.trust-label{margin:0 0 18px;display:flex;gap:12px;align-items:baseline;flex-wrap:wrap;font-size:.86rem}
.trust-label strong{font-weight:600;color:var(--ink)}
.trust-label span{color:var(--text-dim)}
.trustbar .marquee{width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
/* 3 · Hero: Fotoplatzhalter fuellen die Folie */
.ph-hero{width:100%;height:100%;aspect-ratio:auto;border-radius:0;border:0;background:repeating-linear-gradient(135deg,#eceef1 0 12px,#f4f5f7 12px 24px)}
/* 4 · felix: Frage direkt stellen */
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.felix-ask{display:flex;align-items:center;gap:12px;margin:26px 0 10px;padding:10px 10px 10px 14px;background:#fff;border:1px solid var(--hair-strong);border-radius:99px;box-shadow:var(--float-md);max-width:560px}
.felix-ask img{width:44px;height:44px;border-radius:50%;flex:0 0 auto}
.felix-ask input{flex:1;min-width:0;border:0;background:transparent;padding:.7rem .2rem;font-size:.98rem;color:var(--ink)}
.felix-ask input:focus{outline:0}
.felix-ask input::placeholder{color:var(--text-dim)}
.felix-ask .btn{border-radius:99px;padding:.7rem 1.3rem;flex:0 0 auto}
.felix-hint{margin:0 0 4px;font-size:.82rem;color:var(--text-dim)}
.chat-msg.is-user{background:var(--ink);color:#fff;border-radius:16px 16px 4px 16px;margin-left:auto;max-width:85%}
/* 5 · Freies Zitat ohne Kasten */
.free-quote{position:relative;margin:78px auto 8px;max-width:840px;padding:0 0 0 76px;border:0;background:none;box-shadow:none}
.fq-mark{position:absolute;left:0;top:-26px;font-family:Georgia,"Times New Roman",serif;font-size:7rem;line-height:1;color:var(--beige);opacity:.85;pointer-events:none}
.free-quote blockquote{margin:0;font-size:clamp(1.3rem,2.3vw,1.85rem);line-height:1.42;letter-spacing:-.02em;font-weight:400;color:var(--ink)}
.free-quote figcaption{display:flex;align-items:center;gap:16px;margin-top:28px}
.free-quote figcaption img{width:56px;height:56px;border-radius:50%;object-fit:cover;object-position:top center}
.free-quote figcaption span{display:flex;flex-direction:column;font-size:.9rem;color:var(--text-dim)}
.free-quote figcaption strong{font-weight:600;color:var(--ink)}
@media(max-width:620px){
  .free-quote{padding-left:0}
  .fq-mark{position:static;display:block;font-size:4.5rem}
}
/* 6 · Kurzumfrage: volle Breite, klar als Formular erkennbar */
.poll-section{padding-top:0;padding-bottom:0}
.poll{max-width:none;padding:44px 48px;background:#fff;border:1px solid var(--hair-strong);border-radius:var(--r-lg);box-shadow:var(--float-lg);position:relative;margin-top:34px}
.poll:before{content:'';position:absolute;left:0;top:0;bottom:0;width:5px;border-radius:var(--r-lg) 0 0 var(--r-lg);background:linear-gradient(180deg,var(--beige),var(--blue))}
.poll-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.poll legend{font-size:1.15rem;font-weight:600;color:var(--ink);margin-bottom:16px;padding:0}
.poll-form label{border-radius:10px}
@media(max-width:700px){
  .poll{padding:30px 24px}
}
/* 7 · Ablaufbeweise: gleiche Bildhoehe, kein Restweiss */
.product-proof figure{display:flex;flex-direction:column;margin:0;border:1px solid var(--hair);border-radius:var(--r-lg);overflow:hidden;background:var(--surface);box-shadow:var(--float-sm)}
.product-proof img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:left top;border:0;border-radius:0;border-bottom:1px solid var(--hair)}
.product-proof figcaption{padding:16px 20px 20px;margin:0;max-width:none;font-size:.88rem;line-height:1.55}
.product-proof .ph-todo{aspect-ratio:16/10;border-radius:0;border:0;border-bottom:1px solid var(--hair)}
/* 8 · Gesichter beim Demo-Block ruhiger anordnen */
.demo-faces{gap:14px;margin:22px 0 24px}
.demo-faces img{width:52px;height:52px;margin-right:0;border:0;box-shadow:0 0 0 1px var(--hair)}
.demo-faces p{margin-left:6px}
.product-proof{align-items:stretch}
.product-proof figure{height:100%}
.product-proof figcaption{margin-top:auto}
/* v45b · Wen Sie im Termin treffen */
.demo-team{margin:26px 0 28px}
.demo-team-label{font-size:.7rem;letter-spacing:.11em;text-transform:uppercase;font-weight:600;color:var(--beige)}
.demo-team ul{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.demo-team li{display:flex;align-items:center;gap:11px}
.demo-team img{border-radius:50%;object-fit:cover;object-position:top center;background:var(--surface-2)}
.demo-team span{display:flex;flex-direction:column;font-size:.8rem;color:var(--text-dim);line-height:1.35}
.demo-team strong{font-weight:600;font-size:.9rem;color:var(--ink)}
.demo-team-note{color:var(--text);max-width:52ch}
/* 1 · Kennzahlen: heller Grund, grosse Zahlen, feine Trennlinien statt schwarzem Block */
.facts-band{background:transparent;padding:0}
.facts-band>.wrap{background:transparent;color:var(--ink);padding:0;box-shadow:none}
.facts-band ul{display:grid;grid-template-columns:repeat(4,1fr);gap:0;list-style:none;margin:0;padding:0;background:#fff;border:1px solid var(--hair);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--float-md)}
.facts-band li{display:flex;flex-direction:column;gap:12px;border-right:1px solid var(--hair);position:relative}
.facts-band li:last-child{border-right:0}
.facts-band li:before{content:'';position:absolute;left:34px;top:0;width:34px;height:3px;background:var(--beige);border-radius:0 0 3px 3px}
.facts-band span{font-size:.88rem;line-height:1.5;color:var(--text);max-width:26ch}
@media(max-width:980px){
  .facts-band ul{grid-template-columns:repeat(2,1fr)}
  .facts-band li:nth-child(2n){border-right:0}
  .facts-band li:nth-child(-n+2){border-bottom:1px solid var(--hair)}
}
@media(max-width:560px){
  .facts-band ul{grid-template-columns:1fr}
  .facts-band li{border-right:0;border-bottom:1px solid var(--hair);padding:30px 26px 32px}
  .facts-band li:last-child{border-bottom:0}
}
/* 2 · Ganze Kachel anklickbar */
.card-link{display:flex;flex-direction:column;position:relative;text-decoration:none;color:inherit;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.card-link:hover{transform:translateY(-3px);box-shadow:var(--float-md);border-color:var(--hair-strong)}
.card-link:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.card-link .num,.card-link>span.num{display:block;font-size:.68rem;font-weight:600;letter-spacing:.11em;text-transform:uppercase;color:var(--beige);margin-bottom:18px}
.card-link h3{margin:0 0 10px}
.card-link p{margin:0}
.card-go{margin-top:auto;padding-top:22px;font-size:.88rem;font-weight:600;color:var(--blue);display:inline-flex;gap:.4rem}
.card-link:hover .card-go span{transform:translateX(3px);display:inline-block;transition:transform .2s}
/* 3 · Innenabstaende: Text darf nirgends am Kastenrand kleben */
.card,.glass-card,.role-card,.step,.start-card,.int-card,.dl-card,.metric,.quote-card,
.compare-honest,.poll,.faq,.statement,.audience-grid>*,.grid3>*,.grid2>*{padding:30px}
.card p:last-child,.card ul:last-child,.glass-card p:last-child{margin-bottom:0}
.card h3,.glass-card h3,.role-card h3{margin-top:0}
.role-card{min-height:0;gap:0}
.role-card .pill{align-self:flex-start;margin-bottom:16px}
.role-card h3{margin:0 0 10px!important}
.visual-duo figure,.shot-fig,.product-proof figure,.software-proof figure{padding:0}
.faq{padding:6px 34px}
.statement{padding:48px}
@media(max-width:620px){
  .card,.glass-card,.role-card,.step,.start-card,.int-card,.dl-card,.metric{padding:24px}
  .statement{padding:30px}
  .faq{padding:6px 22px}
}
/* 4 · Partnerzitat auf der Integrationenseite */
.int-quote{margin:56px 0 44px;padding-top:44px;border-top:1px solid var(--hair)}
.int-quote-label{margin:0 0 20px;font-size:.7rem;letter-spacing:.11em;text-transform:uppercase;font-weight:600;color:var(--beige)}
/* v47b · Platzhalter behalten ihren Innenabstand, auch im visual-duo */
.ph,.visual-duo figure.ph,.product-proof figure.ph,.software-proof figure.ph{padding:26px}
.ph-hero{padding:26px}
/* v48b · Die Zielgruppenkarten sind bewusst randlos mit Oberlinie, kein Kasten */
.audience-grid>.glass-card{padding:30px 32px 30px 0;border-left:0}
@media(max-width:900px){
  .audience-grid>.glass-card{padding:26px 0}
}
/* 1 · Zahl gross, beige, halbtransparent, leicht geneigt hinter dem Text */
.facts-band li{display:block;position:relative;padding:46px 34px 44px;overflow:hidden;isolation:isolate}
.facts-band li:before{display:none}
.facts-band strong{position:absolute;z-index:-1;right:8px;top:-4px;font-size:clamp(5rem,7.6vw,7.4rem);font-weight:600;letter-spacing:-.06em;line-height:1;color:var(--beige);opacity:.17;transform:rotate(-9deg);transform-origin:100% 0;font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none}
.facts-band li>span:before{content:attr(data-zahl);font-size:2.2rem;font-weight:560;letter-spacing:-.04em;line-height:1.05;color:var(--ink);margin-bottom:10px;font-variant-numeric:tabular-nums}
@media(max-width:980px){
  .facts-band strong{font-size:5.4rem}
}
/* 2 · Weniger Kanten, mehr Luft */
:root{--r:14px;--r-lg:20px;--r-big:24px;--r-sm:10px}
.card,.glass-card,.role-card,.step,.start-card,.int-card,.dl-card,.metric,.quote-card,
.poll,.faq,.shot-fig,.product-proof figure,.software-proof figure,.visual-duo figure,
.system-glass,.integrations-glass,.pricing-glass,.rel-card,.hero-copy,.hero-carousel,
.carousel-window,.facts-band ul,.statement{border-radius:var(--r-lg)}
.system-glass,.integrations-glass,.pricing-glass,.statement,.hero-copy{border-radius:26px}
.integration-list>div,.int-logos,.compare-table{border-radius:var(--r)}
/* Schnittstellenliste auf der Startseite: Kacheln statt Linien, mit Abstand */
.integration-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.integration-grid>div{padding:22px 24px;border:1px solid var(--hair);border-top:1px solid var(--hair);border-radius:var(--r);background:#fff;box-shadow:var(--float-sm)}
.integration-grid strong{display:block;margin-bottom:7px;font-weight:600}
.integration-grid small,.integration-grid span{color:var(--text-dim);line-height:1.5}
@media(max-width:700px){
  .integration-grid{grid-template-columns:1fr}
}
/* Zielgruppenkarten wieder als Kachel mit Luft */
.audience-grid>.glass-card{padding:30px 32px;border:1px solid var(--hair);border-radius:var(--r-lg);background:#fff;box-shadow:var(--float-sm)}
.audience-grid>.glass-card+.glass-card{border-left:1px solid var(--hair)}
/* 3 · Kundeninterview im Hochformat */
.video-local.is-portrait{aspect-ratio:9/16;background:#0b0f14;border-radius:var(--r-lg);overflow:hidden}
.video-local.is-portrait video{width:100%;height:100%;object-fit:cover;display:block}
/* v50b · Zahl vollstaendig innerhalb der Kachel */
.facts-band strong{font-size:clamp(3.4rem,4.6vw,4.6rem);right:16px;top:14px;opacity:.2;transform:rotate(-8deg)}
@media(max-width:980px){
  .facts-band strong{font-size:4rem}
}
.removal-test{margin-top:34px;padding:38px 42px;border-radius:var(--r-lg);background:var(--ink);color:#fff;box-shadow:var(--float-lg)}
.rt-label{margin:0 0 14px;font-size:.7rem;letter-spacing:.11em;text-transform:uppercase;font-weight:600;color:var(--beige-light)}
.rt-claim{margin:0 0 16px;font-size:clamp(1.3rem,2.4vw,1.9rem);line-height:1.3;letter-spacing:-.025em;color:#fff}
.removal-test p:last-child{margin:0;color:rgba(255,255,255,.76);max-width:62ch;line-height:1.6}
.signal-list{counter-reset:sig;list-style:none;margin:0;padding:0;display:grid;gap:14px}
.signal-list li{counter-increment:sig;position:relative;padding:26px 30px 26px 80px;background:#fff;border:1px solid var(--hair);border-radius:var(--r-lg);box-shadow:var(--float-sm);line-height:1.6;color:var(--text)}
.signal-list li:before{content:counter(sig);position:absolute;left:28px;top:26px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:rgba(168,133,58,.14);color:var(--beige);font-size:.86rem;font-weight:600}
.signal-list strong{display:block;margin-bottom:6px;color:var(--ink);font-weight:600}
.card-tag{display:inline-block;margin-bottom:14px;font-size:.68rem;letter-spacing:.09em;text-transform:uppercase;font-weight:600;color:var(--beige);border:1px solid rgba(168,133,58,.3);border-radius:99px;padding:3px 10px}
.compare-table-wrap{overflow-x:auto;border-radius:var(--r-lg);border:1px solid var(--hair);background:#fff}
.compare-table-wrap .compare-table{margin:0;border:0}
.honest-note{margin-top:34px;padding:30px 34px;border-radius:var(--r-lg);border:1px solid var(--hair-strong);background:var(--surface-2)}
.honest-note h3{margin:0 0 10px}
.honest-note p{margin:0 0 16px;color:var(--text);line-height:1.6;max-width:70ch}
@media(max-width:620px){
  .removal-test{padding:28px 24px}
  .signal-list li{padding:24px 22px 24px 66px}
  .signal-list li:before{left:20px}
  .honest-note{padding:24px 22px}
}
/* 1 · Zahl gerade, leicht versetzt, schneidet den Text. Keine zweite Zahl in Schwarz. */
.facts-band strong{position:absolute;z-index:0;left:26px;top:30px;transform:none;font-size:clamp(4.2rem,5.6vw,5.6rem);font-weight:600;letter-spacing:-.05em;line-height:.9;color:var(--beige);opacity:.28;font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none}
.facts-band li>span{position:relative;z-index:1;display:block;padding-top:86px;max-width:23ch;font-size:.94rem;line-height:1.55;color:var(--text)}
.facts-band li>span:before{display:none}
.facts-band li{padding:34px 30px 34px}
@media(max-width:980px){
  .facts-band strong{font-size:4.4rem}
}
/* 2 · Laufleiste im Karussell */
.carousel-bar{position:absolute;z-index:3;left:0;right:0;bottom:0;height:3px;background:rgba(11,15,20,.14)}
.carousel-bar i{display:block;height:100%;width:0;background:var(--beige-light)}
@media(prefers-reduced-motion:reduce){
  .carousel-bar{display:none}
}
/* 3 · Chatknopf: felix taucht auf, ohne Sprung */
.chat-fab{position:fixed;right:22px;bottom:22px;z-index:80;display:inline-flex;align-items:center;gap:10px;padding:.72rem 1.15rem .72rem .72rem;border:0;border-radius:99px;background:var(--ink);color:#fff;font-weight:600;font-size:.94rem;box-shadow:0 14px 38px rgba(11,15,20,.28);overflow:visible;transition:transform .3s cubic-bezier(.2,.8,.25,1),box-shadow .3s,padding-left .3s}
.chat-fab .cf-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;overflow:hidden;background:var(--beige-light);flex:0 0 auto;transition:opacity .25s,transform .35s}
.chat-fab .cf-icon img{width:100%;height:100%;object-fit:cover}
.chat-fab .cf-text{white-space:nowrap}
.chat-fab .cf-felix{position:absolute;right:calc(100% - 4px);bottom:-14px;width:auto;height:118px;max-width:none;opacity:0;transform:translateY(26px) rotate(6deg);transform-origin:bottom right;pointer-events:none;transition:opacity .3s ease,transform .45s cubic-bezier(.2,.9,.25,1);filter:drop-shadow(0 12px 26px rgba(11,15,20,.3))}
.chat-fab:hover,.chat-fab:focus-visible{transform:translateY(-2px);box-shadow:0 18px 46px rgba(11,15,20,.34)}
.chat-fab:hover .cf-felix,.chat-fab:focus-visible .cf-felix{opacity:1;transform:translateY(0) rotate(0)}
.chat-fab:hover .cf-icon,.chat-fab:focus-visible .cf-icon{opacity:0;transform:scale(.7)}
@media(prefers-reduced-motion:reduce){
  .chat-fab .cf-felix{transition:opacity .2s}
}
@media(max-width:620px){
  .chat-fab .cf-felix{display:none}
}
/* 4 · Chatfenster mit echtem Assistenten */
.chat{position:fixed;right:22px;bottom:92px;z-index:90;width:min(540px,calc(100vw - 32px));height:min(680px,calc(100dvh - 130px));background:var(--ink);border-radius:20px;overflow:hidden;border:1px solid rgba(214,186,114,.2);box-shadow:0 22px 60px rgba(11,15,20,.35);display:flex;flex-direction:column;opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .22s ease,transform .22s ease}
.chat.open{opacity:1;pointer-events:auto;transform:none;display:flex}
.chat-head{flex:0 0 auto;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 14px 0 16px;border-bottom:1px solid rgba(214,186,114,.16);background:transparent;color:#fff}
.ch-title{display:flex;align-items:center;gap:10px;font-size:.95rem}
.ch-title img{width:28px;height:28px;border-radius:50%}
.chat-close{background:none;border:0;color:rgba(255,255,255,.7);font-size:1.4rem;line-height:1;padding:6px 8px}
.chat-close:hover{color:#fff}
.chat-prefill{flex:0 0 auto;padding:8px 14px;background:rgba(214,186,114,.14);color:#f9f9f9;font-size:.78rem;line-height:1.4;border-bottom:1px solid rgba(214,186,114,.2);display:flex;gap:8px;flex-wrap:wrap;align-items:baseline}
.chat-prefill[hidden]{display:none}
.chat-prefill .cp-label{color:rgba(214,186,114,.95);font-weight:600;text-transform:uppercase;letter-spacing:.04em;font-size:.68rem}
.chat-prefill .cp-text{color:rgba(255,255,255,.92)}
.chat-frame{position:relative;flex:1;min-height:0}
.chat-frame::before{content:"";position:absolute;top:50%;left:50%;width:32px;height:32px;margin:-16px 0 0 -16px;border-radius:50%;border:2px solid rgba(214,186,114,.25);border-top-color:#ccb074;animation:chatSpin 0.9s linear infinite;z-index:0}
.chat-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#050402;z-index:1}
.chat-frame:has(iframe:not([src])) iframe{opacity:0}
@keyframes chatSpin{to{transform:rotate(360deg)}}
.chat-consent{position:absolute;z-index:1;left:0;right:0;bottom:0;margin:0;padding:12px 16px;font-size:.74rem;line-height:1.45;color:rgba(255,255,255,.6);background:linear-gradient(transparent,rgba(5,4,2,.92) 40%)}
.chat-foot{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-start;padding:8px 16px 10px;background:#050402;border-top:1px solid rgba(214,186,114,.14)}
.chat-ai-notice{color:rgba(255,255,255,.55);font-size:.72rem;line-height:1.35;display:inline-flex;align-items:center;gap:6px}
.chat-ai-notice span{opacity:.7;font-size:.85rem}
.chat-consent code{font-size:.72rem;color:rgba(214,186,114,.9)}
@media(max-width:440px){
  .chat{right:12px;bottom:84px;width:calc(100vw - 24px);height:calc(100dvh - 112px)}
}
/* 5 · Beweiskacheln: Bildunterschriften auf gleicher Hoehe */
.software-proof{align-items:stretch}
.software-proof figure{height:100%;display:flex;flex-direction:column}
.software-proof img{aspect-ratio:16/10;object-fit:cover;object-position:left top;flex:0 0 auto}
.software-proof figcaption{flex:1;display:flex;flex-direction:column;justify-content:flex-start}
/* 6 · Hinweis in der Kontrollspalte */
.cc-note{margin:18px 0 0;padding-top:16px;border-top:1px solid rgba(11,15,20,.1);font-size:.88rem;line-height:1.55;color:var(--text)}
.control-col.is-accent .cc-note{border-top-color:rgba(255,255,255,.18);color:rgba(255,255,255,.8)}
.control-col.is-accent .cc-note strong{color:#fff}
.pk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:start}
.pk{position:relative;display:flex;flex-direction:column;padding:34px 32px 36px;background:#fff;border:1px solid var(--hair);border-radius:22px;box-shadow:var(--float-sm)}
.pk.is-featured{border-color:var(--ink);box-shadow:var(--float-lg)}
.pk-tag{position:absolute;top:-13px;left:32px;font-size:.68rem;letter-spacing:.09em;text-transform:uppercase;font-weight:600;color:#fff;background:var(--ink);border-radius:99px;padding:5px 13px}
.pk h3{margin:0 0 6px;font-size:1.6rem;letter-spacing:-.03em}
.pk-sub{margin:0 0 26px;font-size:.92rem;color:var(--text-dim);min-height:2.8em}
.pk-price{margin:0;display:flex;flex-direction:column;gap:4px}
.pk-price strong{font-size:3.2rem;font-weight:560;letter-spacing:-.05em;line-height:1;font-variant-numeric:tabular-nums;color:var(--ink)}
.pk-price span{font-size:.86rem;color:var(--text-dim)}
.pk-note{margin:10px 0 24px;font-size:.84rem;color:var(--text-dim);min-height:2.4em}
.pk .btn{width:100%;border-radius:12px;padding:.85rem 1rem}
.pk-list-head{margin:26px 0 12px;font-size:.78rem;font-weight:600;color:var(--ink)}
.pk-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.pk-list li{position:relative;padding-left:26px;font-size:.9rem;line-height:1.5;color:var(--text)}
.pk-list li:before{content:'';position:absolute;left:2px;top:.42em;width:11px;height:6px;border-left:2px solid var(--beige);border-bottom:2px solid var(--beige);transform:rotate(-45deg)}
.pk-foot{margin:26px 0 0;text-align:center;font-size:.88rem;color:var(--text-dim)}
.soon{display:inline-block;padding:2px 10px;background:rgba(214,186,114,.14);color:var(--ink);border-radius:99px;font-size:.78rem;font-weight:500}
.pk-solo{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:28px;align-items:stretch;max-width:960px;margin:0 auto}
.pk-solo .pk{max-width:none}
.pk-solo .pk-actions{margin-top:auto;padding-top:22px}
.pk-solo .pk-actions .btn{width:100%;border-radius:12px;padding:.9rem 1.1rem}
.pk-details{background:#fff;border:1px solid var(--hair);border-radius:22px;padding:34px 32px;box-shadow:var(--float-sm);display:flex;flex-direction:column;gap:16px}
.pk-details h3{margin:0;font-size:1.35rem;letter-spacing:-.03em}
.pk-details p{margin:0;color:var(--text);font-size:.95rem;line-height:1.55}
.pk-detail-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.pk-detail-list li{position:relative;padding-left:26px;font-size:.9rem;line-height:1.55;color:var(--text)}
.pk-detail-list li:before{content:'';position:absolute;left:2px;top:.42em;width:11px;height:6px;border-left:2px solid var(--beige);border-bottom:2px solid var(--beige);transform:rotate(-45deg)}
@media(max-width:820px){.pk-solo{grid-template-columns:1fr}}
.sla-table-wrap{overflow-x:auto;border:1px solid var(--hair);border-radius:var(--r-lg);background:#fff}
.sla-table{margin:0;border:0;min-width:760px}
.sla-table td{width:auto}
@media(max-width:1000px){
  .pk-grid{grid-template-columns:1fr}
  .pk-sub,.pk-note{min-height:0}
}
/* v54b · Drei gleich breite Beweiskacheln, damit die Texte auf einer Linie beginnen */
.software-proof{grid-template-columns:repeat(3,1fr)}
@media(max-width:1000px){
  .software-proof{grid-template-columns:1fr}
}
/* 1 · Medienfenster hat exakt das Format der Aufnahmen, nichts wird beschnitten */
.hero-carousel{height:auto;min-height:0}
.hero-copy{min-height:0}
.carousel-window{aspect-ratio:1280/1190;height:auto;flex:0 0 auto}
.carousel-slide img,.carousel-slide video,.hero-video{object-fit:cover;object-position:center}
@media(max-width:1100px){
  .hero-copy{min-height:0}
}
/* 2 · Kennzahlen: Kontext links, Zahlen rechts, eine ruhige Flaeche */
.facts-band{padding:0}
.facts-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:56px;align-items:start;padding:62px 60px;background:#fff;border:1px solid var(--hair);border-radius:26px;box-shadow:var(--float-md)}
.facts-intro h2{font-size:clamp(1.9rem,2.9vw,2.7rem);line-height:1.1;margin:14px 0 16px}
.facts-intro h2 span{color:var(--beige)}
.facts-intro p{margin:0;font-size:.95rem;line-height:1.6;color:var(--text);max-width:36ch}
.facts-list{display:grid;grid-template-columns:1fr 1fr;gap:38px 44px;list-style:none;margin:0;padding:0}
.facts-list li{display:block;padding:0;border:0;background:none}
.facts-list strong{display:block;font-weight:520;letter-spacing:-.05em;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}
.facts-list b{display:block;margin:12px 0 7px;font-size:.78rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--beige)}
.facts-list span{display:block;font-size:.88rem;line-height:1.55;color:var(--text-dim);max-width:30ch}
@media(max-width:1000px){
  .facts-layout{grid-template-columns:1fr;gap:38px;padding:44px 32px}
}
@media(max-width:620px){
  .facts-list{grid-template-columns:1fr;gap:30px}
  .facts-layout{padding:34px 24px}
}
/* 3 · Beweis: Zitatkarte und Interview nebeneinander, Belege darunter */
.head-note{margin:16px 0 0;font-size:.95rem;line-height:1.6;color:var(--text);max-width:52ch}
.section-head:has(.head-note){grid-template-columns:1fr;gap:0}
.proof-stage{display:grid;grid-template-columns:1.32fr .68fr;gap:22px;align-items:stretch;margin-bottom:22px}
.proof-stage .proof-quote{margin:0;height:100%}
.proof-film{margin:0;height:100%}
.proof-film figure{margin:0;height:100%;display:flex;flex-direction:column;border:1px solid var(--hair);border-radius:var(--r-lg);overflow:hidden;background:#fff;box-shadow:var(--float-sm)}
.proof-film .video-local.is-portrait{flex:1;min-height:0;aspect-ratio:auto;border-radius:0}
.proof-film figcaption{flex:0 0 auto;padding:16px 20px 18px;margin:0;font-size:.85rem;line-height:1.5;color:var(--text-dim)}
.proof-film figcaption strong{display:block;color:var(--ink);font-weight:600;margin-bottom:3px}
.proof-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.proof-facts article{padding:26px 28px;background:var(--surface-2);border:1px solid var(--hair);border-radius:var(--r-lg)}
.proof-facts strong{display:block;margin-bottom:8px;font-size:1.02rem;font-weight:600;color:var(--ink)}
.proof-facts p{margin:0;font-size:.89rem;line-height:1.55;color:var(--text)}
@media(max-width:980px){
  .proof-stage{grid-template-columns:1fr}
  .proof-film .video-local.is-portrait{aspect-ratio:3/4}
  .proof-facts{grid-template-columns:1fr}
}
/* 1 · Der Schatten lag um eine unsichtbare Flaeche: Hintergrund und Rahmen
       waren in einer fruehen Ebene entfernt, der Schatten kam spaeter zurueck. */
.system-glass,.integrations-glass{box-shadow:none;border-radius:0;background:transparent;border:0;padding:0}
.system-glass .section-head,.integrations-glass .section-head{margin-bottom:44px}
.workflow{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;background:transparent;border-radius:0;margin-bottom:26px}
.step{background:#fff;border:1px solid var(--hair);border-radius:var(--r-lg);padding:30px;min-height:0;box-shadow:var(--float-sm);backdrop-filter:none;color:var(--ink)}
.step b{display:block;color:var(--beige);font-size:.7rem;font-weight:600;letter-spacing:.11em;margin-bottom:22px}
.step h3{margin:0 0 10px;font-size:1.06rem}
.step p{margin:0;color:var(--text);font-size:.9rem;line-height:1.55}
@media(max-width:1000px){
  .workflow{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .workflow{grid-template-columns:1fr}
}
/* 2 · Die Gesichter sitzen im selben Kasten wie das Formular daneben */
.cta .split{align-items:start}
.demo-team{margin:28px 0 0;padding:26px 28px;background:#fff;border:1px solid var(--hair);border-radius:var(--r-lg);box-shadow:var(--float-sm)}
.demo-team-label{margin:0 0 16px}
.demo-team ul{gap:22px 28px}
.demo-team img{width:52px;height:52px;box-shadow:0 0 0 3px #fff,0 0 0 4px var(--hair)}
.demo-team-note{margin:18px 0 0;padding-top:16px;border-top:1px solid var(--hair);font-size:.86rem}
/* 3 · Das Portraet im freien Zitat bekommt denselben Ring */
.free-quote figcaption img{box-shadow:0 0 0 3px #fff,0 0 0 4px var(--hair)}
/* v57b · Kennzahlenraster: aeltere Regel .facts-band ul war staerker */
.facts-band .facts-list{grid-template-columns:1fr 1fr;gap:34px 40px;background:none;border:0;border-radius:0;overflow:visible;box-shadow:none}
.facts-band .facts-list li{border:0;padding:0;background:none}
.facts-list strong{font-size:clamp(2.2rem,3vw,3rem);white-space:nowrap}
@media(max-width:620px){
  .facts-band .facts-list{grid-template-columns:1fr}
}
.fn{text-decoration:none;color:var(--beige);font-weight:600}
.fn sup{font-size:.62em;padding-left:1px}
.fn:hover{text-decoration:underline}
.quelle{margin:22px 0 0;padding-top:14px;border-top:1px solid var(--hair);font-size:.8rem;line-height:1.55;color:var(--text-dim);max-width:70ch}
.quelle sup{color:var(--beige);font-weight:600;padding-right:2px}
.quelle:target,:target>.quelle{background:rgba(168,133,58,.08);border-radius:var(--r-sm)}
.card-tag .fn{color:var(--beige)}
/* Team in der Seitenspalte: Portraet links, Name rechts, nichts verrutscht */
.rel-team{display:grid;gap:14px;list-style:none;margin:16px 0 0;padding:0}
.rel-team li{display:flex;align-items:center;gap:12px}
.rel-team img{width:46px;height:46px;border-radius:50%;object-fit:cover;object-position:top center;background:var(--surface-2);flex:0 0 auto;box-shadow:0 0 0 3px #fff,0 0 0 4px var(--hair)}
.rel-team span{display:flex;flex-direction:column;min-width:0;font-size:.78rem;color:var(--text-dim);line-height:1.35}
.rel-team strong{font-size:.88rem;font-weight:600;color:var(--ink);white-space:nowrap}
/* 1 · Videos im Vollbild nicht beschneiden */
video:fullscreen,video:-webkit-full-screen{object-fit:contain!important;background:#000}
.video-local.is-portrait video:fullscreen{width:100%;height:100%}
/* 2 · Instagram-Kachel im Hochformat */
.video-social{aspect-ratio:9/16;position:relative;overflow:hidden;border-radius:var(--r-lg);background:var(--ink)}
.video-social img{width:100%;height:100%;object-fit:cover;display:block}
.video-social iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#fff}
.media-card:has(.video-social) .media-meta{padding-top:16px}
.media-tag{display:inline-block}
@media(max-width:700px){
  .video-social{aspect-ratio:3/4}
}
/* 3 · Ansprechpartner auf /demo: rundes Bild, sichtbare Einordnung */
.contact-label{margin:0 0 20px;font-size:.72rem;letter-spacing:.11em;text-transform:uppercase;font-weight:600;color:var(--beige)}
.contact-strip{display:flex;align-items:center;gap:26px;padding:28px 30px;background:#fff;border:1px solid var(--hair);border-radius:var(--r-lg);box-shadow:var(--float-sm)}
.contact-strip figure{margin:0;flex:0 0 auto}
.contact-strip img{width:92px;height:92px;border-radius:50%;object-fit:cover;object-position:top center;background:var(--surface-2);box-shadow:0 0 0 4px #fff,0 0 0 5px var(--hair)}
.contact-strip strong{display:block;font-size:1.15rem;font-weight:600;color:var(--ink)}
.contact-strip>div>span{display:block;margin:2px 0 10px;font-size:.88rem;color:var(--beige)}
.contact-strip p{margin:0;font-size:.92rem;line-height:1.6;color:var(--text);max-width:62ch}
@media(max-width:620px){
  .contact-strip{flex-direction:column;align-items:flex-start;gap:18px;padding:24px}
}
/* 4 · Knopf mit felix-Icon */
.btn img{width:22px;height:22px;border-radius:50%;margin-right:.1rem}
.felix-panel .btn{margin-top:16px}.facts-band{background:transparent}
.stats-layout{display:grid;grid-template-columns:minmax(300px,.8fr) 1.2fr;gap:64px;align-items:start;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}
.stats-eyebrow{margin:0 0 18px;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--beige)}
.stats-intro h2{margin:0;font-size:clamp(1.85rem,2.6vw,2.5rem);line-height:1.14;letter-spacing:-.035em;font-weight:540;color:var(--ink);max-width:18ch}
.stats-lead{margin:20px 0 0;font-size:.95rem;line-height:1.65;color:var(--text);max-width:38ch}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:0;list-style:none;margin:0;padding:0}
.stat{padding:0 32px 34px 0;border-bottom:1px solid var(--hair)}
.stat:nth-child(odd){padding-right:44px}
.stat:nth-child(even){padding-left:44px;border-left:1px solid var(--hair)}
.stat:nth-child(n+3){padding-top:34px;border-bottom:0}
.stat-num{margin:0;font-size:clamp(2.9rem,4.2vw,4rem);font-weight:500;letter-spacing:-.055em;line-height:.95;color:var(--ink);opacity:1;font-variant-numeric:tabular-nums lining-nums;white-space:nowrap}
.stat-key{margin:14px 0 0;font-size:.82rem;font-weight:600;letter-spacing:.02em;color:var(--beige)}
.stat-txt{margin:8px 0 0;font-size:.89rem;line-height:1.6;color:var(--text-dim);max-width:30ch}
@media(max-width:1080px){
  .stats-layout{grid-template-columns:1fr;gap:44px}
}
@media(max-width:640px){
  .stats{grid-template-columns:1fr}
  .stat,.stat:nth-child(odd),.stat:nth-child(even){padding:0 0 26px;border-left:0;border-bottom:1px solid var(--hair)}
  .stat:nth-child(n+2){padding-top:26px}
  .stat:last-child{border-bottom:0;padding-bottom:0}
}
/* Luft zwischen Partnerleiste und Kennzahlen */
.trustbar{padding-bottom:10px}
/* v61b · Aeltere Regeln .facts-band ul und .facts-band li waren spezifischer
   als die neuen Klassen und erzwangen vier Spalten samt Kartenrahmen. */
.facts-band .stats{grid-template-columns:1fr 1fr;gap:0;background:transparent;border:0;border-radius:0;overflow:visible;box-shadow:none}
.facts-band .stats .stat{display:block;flex-direction:initial;position:static;overflow:visible;background:transparent;border-right:0;border-top:0}
.facts-band .stats .stat:before{display:none}
.facts-band .stats .stat{padding:0 44px 34px 0;border-bottom:1px solid var(--hair);border-left:0}
.facts-band .stats .stat:nth-child(even){padding:0 0 34px 44px;border-left:1px solid var(--hair)}
.facts-band .stats .stat:nth-child(n+3){padding-top:34px;border-bottom:0}
@media(max-width:640px){
  .facts-band .stats{grid-template-columns:1fr}
  .facts-band .stats .stat,.facts-band .stats .stat:nth-child(even){padding:0 0 26px;border-left:0;border-bottom:1px solid var(--hair)}
  .facts-band .stats .stat:nth-child(n+2){padding-top:26px}
  .facts-band .stats .stat:last-child{border-bottom:0;padding-bottom:0}
}
/* v62b · Akzentzeile in der Kennzahlen-Ueberschrift. Muss .facts-band span schlagen,
   das sonst jede span-Auszeichnung auf .84rem zusammenstaucht. */
.facts-band .stats-intro h2 span{font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:var(--beige);display:inline}

/* ── Abstaende zentral ──────────────────────────────────────────────
   Eine Skala fuer die ganze Seite. Sektionen, die zusammengehoeren,
   bekommen bewusst weniger Abstand, alle anderen denselben Wert.
   Wer hier etwas aendert, aendert es fuer jede Seite. */
:root{--sek:112px;--sek-eng:68px;--sek-schmal:44px}
.section{padding:var(--sek) 0}
.hero-carousel-section{padding:34px 0 var(--sek-eng)}
.trustbar{padding:0 0 var(--sek-eng)}
.facts-band{padding:0 0 var(--sek) 0}
.legal-hero{padding:var(--sek-eng) 0 var(--sek-schmal)}
.image-proof{padding:var(--sek) 0}
/* Umfrage gehoert zur Schmerzpunkt-Sektion darueber, deshalb kein Abstand dazwischen */
.pain-section{padding-bottom:var(--sek-schmal)}
.poll-section{padding-top:0;padding-bottom:var(--sek)}
/* Schlusswort schliesst direkt an den Demo-Block an */
.statement-section{padding-top:var(--sek-eng)}
@media(max-width:900px){:root{--sek:76px;--sek-eng:48px;--sek-schmal:32px}}
@media(max-width:620px){:root{--sek:60px;--sek-eng:40px;--sek-schmal:26px}}

/* ── Bildband ───────────────────────────────────────────────────────
   Drei gleich grosse Kacheln in einer Reihe. Zuvor spannte die erste
   ueber zwei Spalten eines Dreierrasters, wodurch die vierte Zelle leer
   blieb und das dritte Bild allein in einer zweiten Reihe stand. */
.photo-band{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.photo-band figure{margin:0;aspect-ratio:4/3;border-radius:var(--r-lg);overflow:hidden;
  background:var(--surface-2);box-shadow:var(--float-sm)}
.photo-band figure:first-child{grid-column:auto;aspect-ratio:4/3}
.photo-band img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:820px){.photo-band{grid-template-columns:1fr 1fr}
  .photo-band figure:last-child{grid-column:span 2;aspect-ratio:16/9}}
@media(max-width:560px){.photo-band{grid-template-columns:1fr}
  .photo-band figure,.photo-band figure:last-child{grid-column:auto;aspect-ratio:4/3}}

/* Unterseiten-Kopf: dieselbe Skala wie der Kopf der Wissensseiten */
.subhero{padding:var(--sek-eng) 0 var(--sek-schmal)}

/* v67 · Navigation und Aktionsgruppen: wenig Platz im Kopf, klare Wahl im Menü */
.nav-inner{position:relative;justify-content:space-between;gap:14px}
.nav-links{display:none!important}
.nav-actions{margin-left:auto}
.nav-actions .btn{white-space:nowrap}
.menu{display:inline-flex!important;align-items:center;gap:9px;min-height:40px;padding:.54rem .78rem;border:1px solid var(--hair-strong);border-radius:8px;background:rgba(255,255,255,.76);font-size:.88rem;font-weight:500;color:var(--ink)}
.menu::after{content:'\2630';font-size:1rem;font-weight:400;line-height:1;transition:transform .18s ease}
.menu[aria-expanded="true"]::after{transform:rotate(45deg)}
.nav-panel{position:absolute;z-index:80;top:calc(100% + 10px);left:0;right:0;padding:24px 28px 28px;display:grid;grid-template-columns:1.05fr 1.25fr 1fr 1fr;gap:26px;background:rgba(255,255,255,.96);border:1px solid var(--hair-strong);border-radius:var(--r-lg);box-shadow:0 22px 52px rgba(11,15,20,.13);backdrop-filter:blur(18px)}
.nav-panel[hidden]{display:none}
.nav-panel h2{margin:0 0 11px;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}
.nav-panel a{display:block;padding:5px 0;color:var(--ink);font-size:.92rem;line-height:1.45}
.nav-panel a:hover{color:var(--blue)}
.nav-panel p{margin:0 0 12px;font-size:.82rem;line-height:1.5;color:var(--text-dim)}
.hero-actions,.cta-actions,.podcast-row{gap:14px}
.hero-actions>.btn+.btn,.hero-actions>.btn+.hero-link,.hero-actions>.hero-link+.btn,.cta-actions>.btn+.btn,.podcast-row>.btn+input,.podcast-row>input+.btn{margin-left:0}
.about-leadership{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:start}
.about-group{margin:0;overflow:hidden;border-radius:var(--r-lg);border:1px solid var(--hair);background:var(--surface-2)}
.about-group img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center 35%}
.about-group figcaption{padding:14px 16px;font-size:.82rem;color:var(--text-dim)}
.leaders{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.leader{margin:0;border:1px solid var(--hair);border-radius:var(--r);overflow:hidden;background:var(--surface)}
.leader img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center top;background:var(--surface-2)}
.leader figcaption{padding:17px 18px 19px}.leader strong{display:block;font-size:1rem;font-weight:600;color:var(--ink)}.leader span{display:block;margin-top:3px;font-size:.85rem;color:var(--text-dim)}
@media(max-width:900px){.nav-panel{grid-template-columns:1fr 1fr;top:calc(100% + 8px);padding:22px}.about-leadership{grid-template-columns:1fr;gap:24px}}
@media(max-width:620px){.brand span{font-size:1rem}.brand-gms{width:27px}.nav-actions .btn-primary{display:inline-flex}.nav-panel{grid-template-columns:1fr;gap:18px;padding:20px;max-height:calc(100vh - 82px);overflow:auto}.menu{padding:.5rem .7rem;font-size:.82rem}.menu::after{font-size:1.05rem}.leaders{grid-template-columns:1fr 1fr;gap:10px}.leader figcaption{padding:14px}.nav-actions .btn{padding:.55rem .75rem;font-size:.84rem}}

/* v68 · Service und Unternehmen: Fakten, Kontakt und nächste Schritte */
.support-intro{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.support-intro article{padding:26px;background:var(--surface);border:1px solid var(--hair);border-radius:var(--r)}.support-intro h3{margin:0 0 9px}.support-intro p{margin:0;color:var(--text);font-size:.93rem;line-height:1.58}
.support-path{display:grid;grid-template-columns:.8fr 1.2fr;gap:42px;align-items:start}.support-path ol{margin:0;padding:0;list-style:none;counter-reset:support}.support-path li{position:relative;padding:0 0 28px 46px;counter-increment:support;border-left:1px solid var(--hair)}.support-path li:last-child{padding-bottom:0}.support-path li:before{content:counter(support,decimal-leading-zero);position:absolute;left:-1px;top:0;transform:translateX(-50%);display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--hair-strong);border-radius:50%;background:var(--surface);font-size:.68rem;font-weight:600;color:var(--text-dim)}.support-path li strong{display:block;color:var(--ink);font-weight:600}.support-path li span{display:block;margin-top:4px;font-size:.91rem;line-height:1.55;color:var(--text)}
.contact-card{padding:28px;background:var(--surface-2);border:1px solid var(--hair);border-radius:var(--r-lg)}.contact-card h3{margin:0 0 8px}.contact-card p{font-size:.93rem;color:var(--text)}.contact-card .btn{margin-top:12px}.mini-links{display:grid;gap:0;margin-top:18px;border-top:1px solid var(--hair)}.mini-links a{padding:12px 0;border-bottom:1px solid var(--hair);font-size:.9rem;font-weight:500}.mini-links a:hover{color:var(--blue)}
.company-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}.company-facts div{padding:22px 24px;border-right:1px solid var(--hair)}.company-facts div:first-child{padding-left:0}.company-facts div:last-child{border-right:0}.company-facts strong{display:block;margin-bottom:5px;font-size:1.08rem;font-weight:600;color:var(--ink)}.company-facts span{font-size:.86rem;line-height:1.45;color:var(--text-dim)}
.press-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:start}.press-list{display:grid;gap:0;border-top:1px solid var(--hair)}.press-list article{padding:22px 0;border-bottom:1px solid var(--hair);display:grid;grid-template-columns:140px 1fr;gap:20px;align-items:start}
.press-inquiry{background:var(--surface-2);border:1px solid var(--hair);border-radius:var(--r-lg);padding:36px 40px;display:grid;grid-template-columns:1fr;gap:12px}
.press-inquiry h2{margin:0 0 6px}.press-inquiry .lead{margin:0 0 12px;font-size:1.02rem}
.press-inquiry .hero-actions{margin-top:6px;gap:12px}
.press-inquiry-links{margin:14px 0 0;font-size:.9rem;color:var(--text-dim)}
.press-inquiry-links a{color:var(--text);border-bottom:1px solid transparent}.press-inquiry-links a:hover{color:var(--blue);border-color:currentColor}
@media(max-width:640px){.press-inquiry{padding:26px 22px}}
.press-list .press-thumb{margin:0;border-radius:12px;overflow:hidden;border:1px solid var(--hair);background:var(--surface-2);aspect-ratio:4/3}
.press-list .press-thumb img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:640px){.press-list article{grid-template-columns:1fr}.press-list .press-thumb{aspect-ratio:16/9;max-width:220px}}.press-list time{display:block;margin-bottom:7px;font-size:.78rem;color:var(--text-dim)}.press-list h3{margin:0 0 8px}.press-list p{margin:0;color:var(--text);font-size:.93rem}.press-list .link{display:inline-block;margin-top:10px}.career-hero-image{margin:0;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--hair)}.career-hero-image img{width:100%;aspect-ratio:16/8;object-fit:cover}.career-hero-image figcaption{padding:13px 16px;color:var(--text-dim);font-size:.82rem;background:var(--surface)}
@media(max-width:900px){.support-intro,.company-facts{grid-template-columns:1fr 1fr}.company-facts div:nth-child(2){border-right:0}.company-facts div:nth-child(3){padding-left:0;border-top:1px solid var(--hair)}.company-facts div:nth-child(4){border-top:1px solid var(--hair);border-right:0}.support-path,.press-grid{grid-template-columns:1fr;gap:28px}}
@media(max-width:620px){.support-intro,.company-facts{grid-template-columns:1fr}.company-facts div,.company-facts div:first-child,.company-facts div:nth-child(2),.company-facts div:nth-child(3),.company-facts div:nth-child(4){padding:18px 0;border-right:0;border-top:1px solid var(--hair)}.company-facts div:first-child{border-top:0}.support-path li{padding-left:34px}}


/* ===================================================================
   Farbdisziplin (25.09.2026)
   Drei Rollen, jede mit genau einer Aufgabe:
     Dunkel = Struktur (Flaechen, Text)
     Beige  = Betonung (hervorgehobenes Wort, Eyebrow, Zitatzeichen)
     Blau   = Aktion   (Knoepfe, Links, Fokus)
   Vorher liefen vier Beigetoene, zwei Blautoene und vier Dunkeltoene
   nebeneinander. Die Farbwerte des Corporate Designs bleiben, es gibt
   je Rolle nur noch einen Ton pro Untergrund.
   =================================================================== */
:root{
  --ink:#0b0f14;
  --ink2:#0b0f14;
  --ink-soft:#1b232d;
  --blue:#1557ff;
  --blue2:#0d3fd1;
  --blue-dark:#0d3fd1;
  --gold:#8a6d21;
  --beige:#8a6d21;
  --beige-light:#d6ba72;
}

/* Beige traegt nie eine Aktion. Falls es doch einmal auf einem Link
   landet, gewinnt Blau. */
a.btn-primary{background:var(--blue);border-color:var(--blue)}
a.btn-primary:hover{background:var(--blue-dark);border-color:var(--blue-dark)}

/* ===================================================================
   Kopfzeile: vier Reiter statt eines Menue-Knopfes
   =================================================================== */
.nav-main{display:flex;align-items:center;gap:4px;margin-left:18px}
.nav-item{position:relative}
.nav-top{appearance:none;background:none;border:0;cursor:pointer;
  font:inherit;font-size:.93rem;font-weight:500;color:var(--text);
  padding:.55rem .7rem;border-radius:var(--r-sm);line-height:1;
  display:inline-flex;align-items:center;gap:.38rem;transition:color .15s,background .15s}
.nav-top:after{content:'';width:6px;height:6px;border-right:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-1px);
  transition:transform .18s;opacity:.55}
.nav-top:hover{color:var(--ink);background:var(--soft)}
.nav-top[aria-expanded="true"]{color:var(--ink);background:var(--soft)}
.nav-top[aria-expanded="true"]:after{transform:rotate(225deg) translateY(-1px)}
.nav-top:focus-visible{outline:2px solid var(--blue);outline-offset:2px}

/* Zwingend: display:flex weiter unten wuerde sonst das hidden-Attribut
   ueberstimmen und alle vier Fenster gleichzeitig offen stehen lassen. */
.nav-drop[hidden]{display:none}
/* Deckend, nicht durchscheinend: ueber dem dunklen Hero war der Text
   sonst schlecht lesbar. */
.nav-drop{position:absolute;top:calc(100% + 10px);left:0;min-width:262px;z-index:60;
  background:#fff;backdrop-filter:none;border:1px solid var(--hair);border-radius:var(--r-lg);
  box-shadow:var(--float-lg);padding:10px;display:flex;flex-direction:column;gap:1px}
.nav-drop a{display:block;padding:.5rem .5rem;border-radius:var(--r-sm);
  font-size:.92rem;color:var(--text);text-decoration:none;transition:background .13s,color .13s}
.nav-drop a:hover{background:var(--soft);color:var(--ink)}
.nav-drop a:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}

/* Ab Tablet abwaerts uebernimmt wieder der Menue-Knopf */
@media(max-width:1060px){
  .nav-main{display:none!important}
  .nav .menu{display:inline-flex!important}
}
/* Das !important ist noetig: Zeile 1682 blendet den Menue-Knopf sonst
   unbedingt ein, er staende dann neben den vier Reitern. */
@media(min-width:1061px){
  .nav .menu{display:none!important}
}

/* ===================================================================
   Zusicherungen unter dem Formular: zentriert, gleiche Groesse wie
   die Lead-Texte der Abschnitte darueber
   =================================================================== */
/* Vier Spalten sind fuer die groessere Schrift zu schmal, die Begriffe
   brechen sonst mitten im Wort. Die Spalten richten sich nach dem Platz. */
.cta-assure ul{grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:30px 26px}
.cta-assure li{align-items:center;text-align:center;gap:7px;font-size:1.02rem;line-height:1.55;text-wrap:balance}
.cta-assure li strong{font-size:1.02rem;font-weight:600;color:var(--ink)}
.cta-assure li span{color:var(--text)}


/* ===================================================================
   Formular auf /downloads: leicht abgesetzte Flaeche, damit Kasten und
   Eingabefelder sich vom Seitenhintergrund abheben
   =================================================================== */
.dl-form{background:var(--soft2);border:1px solid var(--hair);border-radius:var(--r-lg);
  padding:26px 24px;box-shadow:var(--shadow)}
.dl-form .field input,.dl-form .field select,.dl-form .field textarea{
  background:#fff;border-color:var(--hair-strong)}
.dl-form .field input:focus,.dl-form .field select:focus,.dl-form .field textarea:focus{
  border-color:var(--blue);outline:2px solid rgba(21,87,255,.18);outline-offset:0}
@media(max-width:620px){.dl-form{padding:20px 16px}}


/* ===================================================================
   Typografie: eine Groesse je Ebene (25.09.2026)

   Vorher standen mehrere Definitionen fuer dieselbe Ebene nebeneinander,
   gewachsen ueber mehrere Entwurfsrunden. Am auffaelligsten: das <span>
   in der Hero-Ueberschrift trug eine eigene, groessere Schriftgroesse als
   die H1 drumherum.

   Ab hier gilt je Ebene genau ein Wert. Hervorgehobene Woerter aendern
   nur noch die Farbe, nie die Groesse.
   =================================================================== */
h1{font-size:clamp(2.25rem,3.5vw,3.2rem);line-height:1.08;letter-spacing:-.028em;font-weight:560}
h2{font-size:clamp(1.65rem,2.5vw,2.25rem);line-height:1.15;letter-spacing:-.024em;font-weight:560}
h3{font-size:1.06rem;line-height:1.4;letter-spacing:-.012em;font-weight:600}
h4,h5,h6{font-size:.98rem;line-height:1.45;font-weight:600}

/* Hervorhebungen innerhalb einer Ueberschrift erben die Groesse der
   Ueberschrift. Das ist die Regel, die vorher gefehlt hat. */
h1 span,h1 em,h1 strong,h1 b,
h2 span,h2 em,h2 strong,h2 b,
h3 span,h3 em,h3 strong,h3 b{
  font-size:inherit!important;line-height:inherit;letter-spacing:inherit;font-family:inherit}

/* Der Hero hat dieselbe H1-Groesse wie der Rest der Seite */
.hero h1,.hero-copy h1{font-size:clamp(2.25rem,3.5vw,3.2rem)}
.hero-copy h1 span{font-size:inherit!important}

@media(max-width:620px){
  h1{font-size:clamp(2rem,7.5vw,2.6rem)}
  h2{font-size:clamp(1.45rem,5.5vw,1.9rem)}
  .hero h1,.hero-copy h1{font-size:clamp(2rem,7.5vw,2.6rem)}
}

/* Fliesstext: ein Wert, eine Zeilenhoehe */
body,p,li,td{font-size:1rem;line-height:1.62}
.lead{font-size:1.02rem;line-height:1.62}
small,.small,figcaption{font-size:.88rem;line-height:1.5}

/* ===================================================================
   GMS-Logo vollstaendig zeigen, nicht beschneiden
   =================================================================== */
.brand-gms{width:30px;height:auto;aspect-ratio:1080/1076;object-fit:contain;
  border-radius:0;flex:0 0 auto;max-width:none}


/* ===================================================================
   Preisseite: die weissen "Demo buchen"-Knoepfe der aeusseren Pakete
   bekommen einen blauen Rahmen, damit sie als Aktion erkennbar sind
   =================================================================== */
.pk .btn-ghost{border:1.5px solid var(--blue);color:var(--blue);background:#fff}
.pk .btn-ghost:hover{background:var(--blue);color:#fff;border-color:var(--blue)}
.pk .btn-ghost:focus-visible{outline:2px solid var(--blue);outline-offset:2px}


/* ===================================================================
   Marke: felixUnity steht als eigene Marke in der Kopfzeile, nicht
   mehr als Produkt hinter dem GMS-Zeichen. GMS bleibt im Fuss und im
   Impressum.
   =================================================================== */
.brand{gap:0}
.brand-mark{height:44px;width:auto;aspect-ratio:1/1;object-fit:contain;display:block;max-height:none;padding:0;margin:0}
@media(max-width:620px){.brand-mark{height:36px}}


/* ===================================================================
   Partner-Zitat mit Portrait: das Foto sitzt links des Zitates, im
   Hochformat, dezent gerundet. Der bestehende .partner-quote-Rahmen
   bleibt unveraendert; die neue .has-portrait-Klasse ordnet die drei
   Elemente (Portrait, Logo, Zitat) als Grid.
   =================================================================== */
.partner-quote.has-portrait{display:grid;grid-template-columns:180px 1fr;gap:26px;align-items:start}
.partner-quote.has-portrait .partner-portrait{width:180px;height:auto;aspect-ratio:2/3;object-fit:cover;border-radius:var(--r);grid-row:1/span 3;background:#eef2fd}
.partner-quote.has-portrait .partner-logo{grid-column:2}
.partner-quote.has-portrait blockquote{grid-column:2;margin:0}
.partner-quote.has-portrait figcaption{grid-column:2}
@media(max-width:620px){
  .partner-quote.has-portrait{grid-template-columns:1fr;gap:14px}
  .partner-quote.has-portrait .partner-portrait{width:120px;grid-row:auto}
  .partner-quote.has-portrait .partner-logo,
  .partner-quote.has-portrait blockquote,
  .partner-quote.has-portrait figcaption{grid-column:1}
}


/* ===================================================================
   Sprachumschalter in der Kopfzeile (DE <-> EN)
   =================================================================== */
.lang-switch{display:inline-flex;align-items:center;padding:.55rem .7rem;
  border-radius:var(--r-sm);font-size:.85rem;font-weight:500;letter-spacing:.02em;
  color:var(--text);text-decoration:none;border:1px solid var(--hair);
  transition:background .13s,color .13s,border-color .13s}
.lang-switch:hover{background:var(--soft);color:var(--ink);border-color:var(--hair-strong)}
.lang-switch:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
@media(max-width:620px){.lang-switch{padding:.45rem .6rem;font-size:.8rem}}


/* ===================================================================
   KI-generiert-Badge: sitzt unten rechts in jedem Hero-Slide,
   dezent halbtransparent weiss, klein und lesbar
   =================================================================== */
.ki-badge{position:absolute;right:14px;bottom:14px;z-index:3;
  display:inline-flex;align-items:center;gap:5px;
  padding:.35rem .55rem;border-radius:100px;
  font-size:.72rem;font-weight:500;letter-spacing:.02em;
  color:rgba(255,255,255,.9);background:rgba(11,15,20,.42);
  backdrop-filter:blur(6px);
  pointer-events:none;user-select:none}
.ki-badge svg{opacity:.85}
@media(max-width:620px){.ki-badge{right:10px;bottom:10px;font-size:.68rem;padding:.28rem .48rem}}

/* Dezente Kennzeichnung direkt am jeweiligen KI-Motiv. */
.has-ai-content{position:relative}
.ai-content-label{position:absolute;right:12px;bottom:12px;z-index:4;display:inline-flex;align-items:center;
  padding:.3rem .5rem;border-radius:6px;background:rgba(11,15,20,.48);backdrop-filter:blur(6px);
  color:#fff;font-size:.68rem;font-weight:500;letter-spacing:.02em;line-height:1.2;pointer-events:none}
@media(max-width:620px){.ai-content-label{right:8px;bottom:8px;font-size:.62rem;padding:.25rem .42rem}}
/* Photo-Band: dezenter KI-Hinweis unten rechts auf jedem Motiv,
   wie auf /fuer-wen — nur direkt am Bild statt als Sammel-Label. */
.photo-band figure{position:relative}
.photo-band figcaption{position:absolute;right:10px;bottom:10px;margin:0;padding:0;line-height:1;z-index:2}
.photo-band .ai-mark{display:inline-flex;align-items:center;gap:6px;padding:5px 9px 5px 8px;border-radius:99px;background:rgba(5,4,2,.6);color:#f9f9f9;font-size:.62rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.photo-band .ai-mark::before{content:"";width:5px;height:5px;border-radius:50%;background:#ccb074;display:inline-block}

/* Bildausschnitte: Gesichter und Arbeitssituationen bleiben im Rahmen. */
.photo-band figure:nth-child(1) img{object-position:58% 22%}
.photo-band figure:nth-child(2) img{object-position:50% 8%}
.photo-band figure:nth-child(3) img{object-position:50% 18%}

/* Vier Zusicherungen unter dem Formular immer zentriert. */
.cta-assure ul{justify-items:center}
.cta-assure li{width:100%;align-items:center;text-align:center}

/* Produktseite: Chat-Vorschau in der "Sagen, was passieren soll"-Sektion */
.chat-preview{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 24px 58px rgba(17,24,39,.28)}
.chat-preview img{display:block;width:100%;height:auto;border-radius:20px}

/* Hide screenshot placeholders on staging until real screenshots exist */
.ph-todo{display:none!important}

/* Mobile cookie banner: compact so it does not cover hero + CTA */
@media(max-width:620px){
  .cookie{padding:10px 0}
  .cookie p{display:none}
  .cookie h2,.cookie h3,#cookie-title{font-size:.9rem;margin:0}
  .cookie-inner{gap:8px;padding:0 14px}
  .cookie-actions{width:100%;gap:6px}
  .cookie-actions .btn{flex:1 1 0;padding:.55rem .5rem;font-size:.82rem;min-width:0}
  .cookie-settings{display:none}
  body.has-cookie{padding-bottom:120px}
}

/* Vergleichsseite: Kapitel-TOC */
.chapter-toc-section{padding-top:0}
.chapter-toc ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;border-top:1px solid var(--hair);padding-top:22px}
.chapter-toc a{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border:1px solid var(--hair);border-radius:12px;color:var(--ink);text-decoration:none;background:#fff}
.chapter-toc a:hover{border-color:var(--ink)}
.chapter-toc a span{font-size:.72rem;letter-spacing:.04em;color:var(--text-dim);font-weight:600}
.chapter{scroll-margin-top:96px}

/* A11y + CTA consistency polish */
.btn:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--blue);outline-offset:2px;border-radius:4px}
.btn{transition:background .18s ease, border-color .18s ease, color .18s ease}
.btn-primary{background:var(--blue);color:#fff;border:1px solid var(--blue)}
.btn-primary:hover{background:#073bb0;border-color:#073bb0}
.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--hair-strong)}
.btn-ghost:hover{border-color:var(--ink)}
/* Reading rhythm */
main p, main li{max-width:70ch}
.lead{max-width:62ch}
/* Skip link for keyboard users */
.skip-link{position:absolute;left:-9999px;top:0;background:var(--blue);color:#fff;padding:10px 14px;border-radius:0 0 8px 0;z-index:200;font-weight:600}
.skip-link:focus{left:0}

.chat-fab{position:fixed!important;right:22px!important;left:auto!important;bottom:22px!important}
.chat{position:fixed!important;right:22px!important;left:auto!important;bottom:92px!important}
@media(max-width:620px){.chat-fab{right:14px!important;bottom:14px!important}.chat{right:14px!important;bottom:78px!important}}

.assurance-section{padding-top:0}.assurance-section .cta-assure{margin:0;padding:30px;border:1px solid var(--hair);border-radius:var(--r-lg);background:rgba(255,255,255,.58);box-shadow:var(--float-sm)}
.assurance-section .cta-assure ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;list-style:none;margin:0;padding:0;justify-items:center}
.assurance-section .cta-assure li{display:flex;width:100%;flex-direction:column;align-items:center;gap:7px;text-align:center;font-size:1rem;line-height:1.5;text-wrap:balance}
@media(max-width:760px){.assurance-section .cta-assure ul{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.assurance-section .cta-assure{padding:24px}.assurance-section .cta-assure ul{grid-template-columns:1fr}}

.visual-duo img[src*="hotel-morgenbesprechung"]{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:contain;object-position:center;background:var(--surface-2)}

/* About us — timeline, four-person leadership grid, team band (redesign 2026-09-28) */
.about-timeline{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}
.about-timeline-item{padding:20px 0 0;border-top:2px solid var(--ink)}
.about-timeline-item .about-year{display:block;font-size:.78rem;font-weight:600;letter-spacing:.02em;color:#a8853a;margin-bottom:10px;font-variant-numeric:tabular-nums}
.about-timeline-item h3{font-size:1.02rem;font-weight:600;margin:0 0 8px;color:var(--ink)}
.about-timeline-item p{margin:0;font-size:.92rem;line-height:1.55;color:var(--text);max-width:34ch}
@media(max-width:900px){.about-timeline{grid-template-columns:1fr 1fr;gap:22px}}
@media(max-width:560px){.about-timeline{grid-template-columns:1fr;gap:16px}.about-timeline-item{padding-top:16px}}

.team-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.team-card{background:var(--surface);border:1px solid var(--hair);border-radius:var(--r-lg);padding:24px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--shadow)}
.team-portrait{margin:0 0 8px;width:140px;height:140px;border-radius:50%;overflow:hidden;background:var(--surface-2);border:1px solid var(--hair);flex:0 0 auto}
.team-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 20%;display:block}
.team-initials{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#ccb074;color:#050402;font-size:2.4rem;font-weight:600;letter-spacing:.04em}
.team-card h3{margin:0;font-size:1.05rem;font-weight:600;color:var(--ink)}
.team-role{margin:0;font-size:.85rem;font-weight:500;color:#a8853a}
.team-focus{margin:8px 0 0;font-size:.92rem;line-height:1.55;color:var(--text)}
@media(max-width:1000px){.team-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.team-grid{grid-template-columns:1fr}}

.team-band{margin:0;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--hair);background:var(--surface-2)}
.team-band img{display:block;width:100%;height:auto;aspect-ratio:16/7;object-fit:cover;object-position:center 40%}
.team-band figcaption{padding:20px 26px;font-size:.94rem;line-height:1.6;color:var(--text);background:var(--surface);border-top:1px solid var(--hair);max-width:70ch}
@media(max-width:620px){.team-band img{aspect-ratio:4/3}.team-band figcaption{padding:16px 18px}}

/* KI in der Hotellerie — placeholder inner text container + AI-native split (2026-09-28) */
.ph .ph-inner{display:flex;flex-direction:column;align-items:center;gap:8px;max-width:44ch;color:var(--text-dim);font-size:.85rem;line-height:1.55;text-align:center}
.ph .ph-inner b{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;font-weight:600;color:#a8853a}
.ph .ph-inner span{display:block;color:var(--text-dim)}
.native-split{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:stretch;margin-top:14px}
.native-split>.native-copy{display:flex;flex-direction:column;gap:18px}
.native-split>.native-copy p{margin:0;max-width:60ch}
.native-split .removal-test{margin-top:6px}
.native-split .native-diagram{min-height:100%;aspect-ratio:auto}
.aiact-diagram{margin-top:28px;min-height:220px;aspect-ratio:16/6}
@media(max-width:900px){.native-split{grid-template-columns:1fr;gap:26px}.native-split .native-diagram{aspect-ratio:16/10;min-height:0}.aiact-diagram{aspect-ratio:16/10;min-height:0}}