/* beFresh Leistungsseite (Entwurf Unterhaltsreinigung) – farbige Variante, ohne Verläufe */
.bfu{--ink:#161C2D;--text:#5B6475;--accent:#0A3F87;--navy:#08284F;--primary:#48B1FB;--line:#E3EAF3;--tint:#EAF5FF;--yellow:#FEE74A;--teal:#1FB59A;
  font-family:"Open Sans",system-ui,sans-serif;color:var(--text);font-size:16px;line-height:1.65}
.bfu *{box-sizing:border-box}
.bfu-wrap{max-width:1160px;margin:0 auto;padding:0 20px}
.bfu-narrow{max-width:860px}
.bfu h1,.bfu h2,.bfu h3{font-family:Quicksand,sans-serif;font-weight:700;color:var(--ink);letter-spacing:0}
.bfu h1{font-size:clamp(34px,4.6vw,54px);line-height:1.06;margin:14px 0 20px}
.bfu h2{font-size:clamp(26px,3.2vw,36px);line-height:1.15;margin:0 0 16px}
.bfu h3{font-size:18px;line-height:1.3;margin:0 0 8px}
.bfu p{margin:0 0 14px}
.bfu a{color:var(--accent)}
.bfu-sec{padding:88px 0}
.bfu-tint{background:var(--tint)}
.bfu-navy{background:var(--navy);color:rgba(255,255,255,.78)}
.bfu-navy h2,.bfu-navy h3{color:#fff}
.bfu-lead{font-size:17px;margin-bottom:28px!important}
.bfu-note{font-size:13px;color:#7D8798;margin-top:14px!important}
.bfu-kicker{display:inline-block;margin-bottom:12px;padding:5px 12px;border-radius:999px;background:#fff;color:var(--accent);font-size:13px;font-weight:700;box-shadow:0 0 0 1px #D3E6FA}
.bfu-tint .bfu-kicker{background:#fff}
.bfu-kicker-light{background:rgba(255,255,255,.12)!important;color:#BFE3FF!important;box-shadow:none!important}

/* Buttons */
.bfu-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:22px}
.bfu .bfu-btn{display:inline-flex;align-items:center;gap:10px;min-height:54px;padding:0 28px;border-radius:999px;font-weight:700;font-size:15.5px;line-height:1;text-decoration:none;transition:transform .15s,background .2s,box-shadow .2s}
.bfu .bfu-btn:hover{transform:translateY(-2px)}
.bfu-btn svg{width:17px;height:17px;fill:currentColor;flex:none}
.bfu .bfu-btn-light,.bfu .bfu-btn-light:visited{background:var(--primary);color:var(--navy);box-shadow:0 14px 28px -14px rgba(72,177,251,.9)}
.bfu .bfu-btn-light:hover{background:#6BC1FF;color:var(--navy)}
.bfu .bfu-btn-ghost,.bfu .bfu-btn-ghost:visited{color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.35)}
.bfu .bfu-btn-ghost:hover{box-shadow:inset 0 0 0 1.5px #fff;color:#fff}
.bfu .bfu-btn-main,.bfu .bfu-btn-main:visited{background:var(--accent);color:#fff;box-shadow:0 14px 28px -14px rgba(10,63,135,.8)}
.bfu .bfu-btn-main:hover{background:#0d4ea6;color:#fff}

/* Hero (dunkelblau) */
.bfu-hero{background:var(--navy);color:rgba(255,255,255,.82);padding:56px 0 120px}
.bfu-hero h1{color:#fff}
.bfu-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.bfu-crumb{font-size:13px;color:rgba(255,255,255,.55);margin:0 0 18px!important}
.bfu-crumb a{color:rgba(255,255,255,.7);text-decoration:none}
.bfu-pill{display:inline-block;padding:6px 14px;border-radius:999px;background:var(--yellow);color:var(--navy);font-size:13px;font-weight:700}
.bfu-answer{font-size:18px;line-height:1.65;color:rgba(255,255,255,.9);margin-bottom:28px!important;max-width:600px}
.bfu-rating{font-size:14px;margin:0!important;color:rgba(255,255,255,.75)}
.bfu-rating b{color:var(--yellow);letter-spacing:1px}
.bfu-hero-img{position:relative;margin:0}
.bfu-hero-img img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:32px}
.bfu-hero-img::before{content:"";position:absolute;right:-18px;top:-18px;width:120px;height:120px;border-radius:28px;background:var(--primary);z-index:-1}
.bfu-hero-img{z-index:0}
.bfu-hero-img figcaption{position:absolute;left:-24px;bottom:32px;display:grid;gap:2px;padding:16px 20px;border-radius:18px;background:#fff;box-shadow:0 20px 40px -20px rgba(0,0,0,.45)}
.bfu-hero-img figcaption strong{font-family:Quicksand,sans-serif;color:var(--ink);font-size:16px}
.bfu-hero-img figcaption span{font-size:13px;color:var(--text)}

/* Faktenleiste (überlappt den Hero) */
.bfu-facts{margin-top:-64px;position:relative;z-index:2}
.bfu-facts-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.bfu-facts-grid>div{padding:22px;border-radius:22px;background:#fff;box-shadow:0 24px 48px -28px rgba(8,40,79,.45),0 0 0 1px var(--line)}
.bfu-facts strong{display:block;font-family:Quicksand,sans-serif;font-size:16px;color:var(--ink);margin:12px 0 2px}
.bfu-facts span{font-size:14px;line-height:1.45}

/* Icons */
.bfu-ico{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;font-style:normal}
.bfu-ico svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.bfu-ico-blue{background:var(--tint);color:var(--accent)}
.bfu-ico-navy{background:var(--navy);color:#fff}
.bfu-ico-yellow{background:var(--yellow);color:var(--navy)}
.bfu-ico-green{background:#DDF5EF;color:#0E7C67}

/* Text + Bild */
.bfu-split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.bfu-photo{margin:0;position:relative}
.bfu-photo img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:28px}
.bfu-photo::after{content:"";position:absolute;left:-16px;bottom:-16px;width:96px;height:96px;border-radius:24px;background:var(--yellow);z-index:-1}

/* Tabellen */
.bfu-table-wrap{overflow-x:auto;border-radius:22px;background:#fff;box-shadow:0 24px 48px -32px rgba(8,40,79,.35)}
.bfu .bfu-table{width:100%;margin:0;border-collapse:collapse;font-size:15px;line-height:1.5;background:#fff}
.bfu-table th{text-align:left;padding:16px 20px;background:var(--accent);color:#fff;font-family:Quicksand,sans-serif;font-weight:700;font-size:14px}
.bfu-table td{padding:14px 20px;border-top:1px solid var(--line);vertical-align:middle}
.bfu-table tbody tr:nth-child(even) td{background:#F7FBFF}
.bfu-table td:first-child{color:var(--ink);font-weight:700}
.bfu-tag{display:inline-block;padding:4px 10px;border-radius:999px;background:var(--tint);color:var(--accent);font-size:13px;font-weight:700;white-space:nowrap}
.bfu-tag-strong{background:var(--accent);color:#fff}
.bfu-tag-soft{background:#FFF7C2;color:#6B5A00}
.bfu-table-sm{border-radius:16px;overflow:hidden}
.bfu-table-sm th,.bfu-table-sm td{padding:12px 14px;font-size:14px}

/* Zielgruppen */
.bfu-feature{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:28px}
.bfu-fcard{position:relative;border-radius:26px;overflow:hidden;background:var(--navy);min-height:340px}
.bfu-fcard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bfu-fcard>div{position:absolute;left:16px;right:16px;bottom:16px;padding:20px 22px;border-radius:18px;background:rgba(255,255,255,.96)}
.bfu-fcard p{font-size:15px;margin:0!important}
.bfu-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px}
.bfu-card{padding:24px;border-radius:22px;background:#fff;box-shadow:0 0 0 1px var(--line);transition:transform .15s,box-shadow .2s}
.bfu-card:hover{transform:translateY(-3px);box-shadow:0 18px 36px -24px rgba(8,40,79,.45),0 0 0 1px var(--line)}
.bfu-card .bfu-ico{margin-bottom:16px}
.bfu-card p{font-size:15px;margin:0!important}

/* Zweispaltige Panels */
.bfu-two{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:stretch}
.bfu-panel{padding:32px;border-radius:26px;background:#fff;box-shadow:0 24px 48px -36px rgba(8,40,79,.4)}
.bfu-panel h2{font-size:clamp(22px,2.4vw,28px)}

/* Ablauf (dunkelblau) */
.bfu-steps{list-style:none;margin:32px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;position:relative}
.bfu-steps li{position:relative;padding:28px 24px;border-radius:22px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
.bfu-steps li:nth-child(2){background:var(--primary);box-shadow:none}
.bfu-steps li:nth-child(2) h3,.bfu-steps li:nth-child(2) p{color:var(--navy)}
.bfu-steps li:nth-child(2) b{background:var(--navy);color:#fff}
.bfu-steps b{display:grid;place-items:center;width:44px;height:44px;margin-bottom:16px;border-radius:50%;background:var(--yellow);color:var(--navy);font-family:Quicksand,sans-serif;font-size:18px}
.bfu-steps p{font-size:15px;margin:0!important}

/* Kosten + Vorteile */
.bfu-cost{padding:36px;border-radius:26px;background:var(--tint)}
.bfu-factors{list-style:none;margin:0 0 26px;padding:0;display:grid;gap:10px}
.bfu-factors li{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:#fff;color:var(--ink);font-size:15px}
.bfu-factors i{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:10px;background:var(--accent);color:#fff;font-style:normal;font-weight:700;font-size:13px}
.bfu-factors-plain{margin:14px 0 0}
.bfu-factors-plain li{background:var(--tint)}
.bfu-why{padding:36px;border-radius:26px;background:var(--navy);color:rgba(255,255,255,.8)}
.bfu-why h2{color:#fff}
.bfu-list-check{list-style:none;margin:0;padding:0}
.bfu-list-check li{position:relative;padding-left:36px;margin-bottom:14px}
.bfu-list-check li::before{content:"";position:absolute;left:0;top:1px;width:24px;height:24px;border-radius:50%;background:var(--yellow) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10'%3E%3Cpath d='M1 5l3.5 3.5L11 1' fill='none' stroke='%2308284F' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/11px no-repeat}
.bfu-why strong{color:#fff}

/* Einsatzgebiet */
.bfu-area-box{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.bfu-area{display:flex;flex-wrap:wrap;gap:10px;margin:0!important}
.bfu-area span{padding:10px 16px;border-radius:999px;background:#fff;color:var(--accent);font-size:15px;font-weight:700;box-shadow:0 0 0 1px #D3E6FA}
.bfu-area span:nth-child(1),.bfu-area span:nth-child(2){background:var(--accent);color:#fff;box-shadow:none}

/* FAQ */
.bfu-faq{display:grid;gap:10px;margin-top:24px}
.bfu-faq details{border-radius:18px;background:#fff;box-shadow:0 0 0 1px var(--line);overflow:hidden;transition:box-shadow .2s}
.bfu-faq details[open]{box-shadow:0 0 0 2px var(--primary)}
.bfu-faq summary{list-style:none;cursor:pointer;padding:20px 64px 20px 24px;position:relative;font-family:Quicksand,sans-serif;font-weight:700;font-size:17px;color:var(--ink)}
.bfu-faq summary::-webkit-details-marker{display:none}
.bfu-faq summary::after{content:"+";position:absolute;right:22px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:20px;line-height:1}
.bfu-faq details[open] summary::after{content:"–";background:var(--primary);color:var(--navy)}
.bfu-faq details p{padding:0 24px 22px;margin:0!important;font-size:15.5px}

/* Verwandte Leistungen */
.bfu-related{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px}
.bfu .bfu-related a{display:block;padding:24px;border-radius:22px;background:#fff;box-shadow:0 0 0 1px var(--line);text-decoration:none;transition:box-shadow .2s,transform .15s}
.bfu .bfu-related a:hover{box-shadow:0 0 0 2px var(--primary);transform:translateY(-3px)}
.bfu-related .bfu-ico{margin-bottom:14px}
.bfu-related strong{display:block;font-family:Quicksand,sans-serif;color:var(--ink);font-size:16px;margin-bottom:4px}
.bfu-related span{font-size:14px;color:var(--text)}
.bfu-updated{margin-top:40px!important;font-size:13px;color:#7D8798;text-align:center}

/* Entwurfs-Markierung für offene Angaben */
.bfu-check{display:inline-block;padding:2px 8px;border-radius:6px;background:#FFF3C4;color:#7A5A00;font-size:13px;font-weight:600}

@media (max-width:980px){
  .bfu-hero{padding:32px 0 100px}
  .bfu-hero-grid,.bfu-two,.bfu-split,.bfu-area-box{grid-template-columns:1fr;gap:36px}
  .bfu-hero-img img{aspect-ratio:16/11}
  .bfu-hero-img figcaption{left:16px}
  .bfu-facts-grid,.bfu-steps,.bfu-related,.bfu-cards{grid-template-columns:1fr 1fr}
  .bfu-feature{grid-template-columns:1fr}
}
@media (max-width:600px){
  .bfu-sec{padding:60px 0}
  .bfu-wrap{padding:0 16px}
  .bfu-answer{font-size:16.5px}
  .bfu-actions{flex-direction:column}
  .bfu .bfu-btn{justify-content:center}
  .bfu-hero-img::before{display:none}
  .bfu-facts-grid,.bfu-cards,.bfu-steps,.bfu-related{grid-template-columns:1fr}
  .bfu-fcard{min-height:300px}
  .bfu-panel,.bfu-cost,.bfu-why{padding:24px 20px}
  .bfu-table{font-size:14px}
  .bfu-table th,.bfu-table td{padding:12px}
}
@media (prefers-reduced-motion:reduce){.bfu *{transition:none!important}}