/* COFL Startseite – Hero-Varianten A/B + Mahir-Block M1 (2026-10)
   Nur Klassen mit Präfix cofl- ; "html " vorangestellt, weil FluentSnippets vor elementor-frontend lädt. */

/* Headline-Akzent */
html .cofl-h1 .elementor-heading-title .cofl-accent{color:#8A6A2B}

/* ── A: Fristenrechner ── */
html .cofl-calc{background:#0D1523;color:#fff;border-radius:24px;padding:30px 28px 26px;box-shadow:0 30px 50px -20px rgba(13,21,35,.45);font-family:"Roboto Flex",system-ui,sans-serif}
html .cofl-calc p{margin:0}
html .cofl-calc .cofl-calc-title{font-size:1.35rem;font-weight:550;line-height:1.25;letter-spacing:-.01em;color:#fff;margin:0 0 6px}
html .cofl-calc .cofl-calc-lead{font-size:.95rem;line-height:1.5;color:rgba(255,255,255,.75);margin:0 0 20px}
html .cofl-calc label{display:block;font-size:.85rem;color:rgba(255,255,255,.75);margin:0 0 8px}
html .cofl-calc input[type="date"]{width:100%;height:52px;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:#fff;font:inherit;font-size:1.05rem;padding:0 16px;color-scheme:dark;box-shadow:none;margin:0}
html .cofl-calc input[type="date"]:focus{outline:none;border-color:#CCA95C;box-shadow:0 0 0 4px rgba(204,169,92,.22)}
html .cofl-calc .cofl-calc-result{display:block;margin-top:22px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12)}
html .cofl-calc .cofl-k{display:block;font-size:.85rem;color:rgba(255,255,255,.75)}
html .cofl-calc .cofl-date{display:block;font-size:1.7rem;font-weight:600;letter-spacing:-.015em;line-height:1.2;margin:4px 0 14px;color:#fff;font-variant-numeric:tabular-nums}
html .cofl-calc .cofl-days{display:grid;grid-template-columns:repeat(21,1fr);gap:3px;margin-bottom:10px}
html .cofl-calc .cofl-days i{display:block;height:10px;border-radius:3px;background:rgba(255,255,255,.14);transition:background .5s cubic-bezier(.16,1,.3,1)}
html .cofl-calc .cofl-days i.u{background:rgba(255,255,255,.38)}
html .cofl-calc .cofl-days i.l{background:#CCA95C}
html .cofl-calc.is-urgent .cofl-days i.l{background:#E07A5F}
html .cofl-calc .cofl-remain{display:flex;justify-content:space-between;gap:12px;font-size:.9rem;color:rgba(255,255,255,.8);font-variant-numeric:tabular-nums}
html .cofl-calc .cofl-remain b{color:#CCA95C;font-weight:600}
html .cofl-calc.is-urgent .cofl-remain b{color:#F2A08A}
html .cofl-calc .cofl-calc-go{display:flex;justify-content:center;align-items:center;margin-top:18px;min-height:52px;padding:14px 20px;border-radius:12px;background:#CCA95C;color:#0D1523;font-weight:600;text-decoration:none;text-align:center;transition:background .2s,transform .25s cubic-bezier(.16,1,.3,1)}
html .cofl-calc .cofl-calc-go:hover{background:#D9BA74;transform:translateY(-1px);color:#0D1523}
html .cofl-calc .cofl-calc-go:focus-visible{outline:2px solid #CCA95C;outline-offset:3px}
html .cofl-calc .cofl-calc-fine{font-size:.78rem;line-height:1.45;color:rgba(255,255,255,.7);margin-top:16px}

/* ── B: Frist-Chip ── */
html .cofl-chip{display:block;max-width:560px;border-radius:16px;background:#F6EFDF;margin:0}
html .cofl-chip summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:14px 18px;font-weight:550;color:#0D1523;font-size:1rem;line-height:1.35}
html .cofl-chip summary::-webkit-details-marker{display:none}
html .cofl-chip summary:focus-visible{outline:2px solid #CCA95C;outline-offset:2px;border-radius:16px}
html .cofl-chip .cofl-pulse{position:relative;width:10px;height:10px;border-radius:50%;background:#B4432F;flex:none}
html .cofl-chip .cofl-pulse::after{content:"";position:absolute;inset:0;border-radius:50%;background:#B4432F;animation:cofl-pulse 2.4s cubic-bezier(.16,1,.3,1) infinite}
@keyframes cofl-pulse{0%{transform:scale(1);opacity:.55}100%{transform:scale(3.2);opacity:0}}
html .cofl-chip .cofl-chev{margin-left:auto;width:18px;height:18px;flex:none;fill:none;stroke:#8A6A2B;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s cubic-bezier(.16,1,.3,1)}
html .cofl-chip[open] .cofl-chev{transform:rotate(180deg)}
html .cofl-chip p{margin:0;padding:0 18px 16px 40px;font-size:.95rem;line-height:1.55;color:#4A4A4A}

/* ── B: Portrait + Namensschild ── */
html .cofl-portrait{position:relative}
html .cofl-portrait .cofl-nametag-wrap{position:absolute!important;left:-28px;bottom:42px;width:auto!important;max-width:none;z-index:2;margin:0!important}
html .cofl-nametag{background:#fff;border-radius:14px;padding:12px 16px;box-shadow:0 18px 30px -12px rgba(13,21,35,.28);font-family:"Roboto Flex",system-ui,sans-serif;white-space:nowrap}
html .cofl-nametag b{display:block;color:#0D1523;font-weight:600;font-size:1rem;line-height:1.3}
html .cofl-nametag span{display:block;font-size:.85rem;color:#5B5F68;line-height:1.35}
html .cofl-nametag.has-quote{margin:0;white-space:normal;width:300px;padding:18px 20px 16px;border-radius:16px}
html .cofl-nametag .cofl-q{margin:0 0 12px;padding:0;border:0;font-style:italic;font-size:.92rem;line-height:1.55;color:#0D1523;quotes:none}
html .cofl-nametag .cofl-q::before,html .cofl-nametag .cofl-q::after{content:none}
html .cofl-nametag figcaption{display:block;padding-top:10px;border-top:1px solid #E6E3DC;font-style:normal;text-align:left;margin:0}

/* ── M1 Mahir-Profilzeile ── */
html .cofl-m1-link a{text-decoration:underline;text-decoration-color:rgba(138,106,43,.35);text-underline-offset:4px;transition:text-decoration-color .2s}
html .cofl-m1-link a:hover{text-decoration-color:#8A6A2B}
html .cofl-m1-link a{display:inline-block;padding:12px 0;margin:-12px 0}

/* ── Mobile-Tippflächen (2026-10-12) ── */
html .elementor-widget-n-carousel .swiper-pagination-bullet{position:relative}
html .elementor-widget-n-carousel .swiper-pagination-bullet::after{content:"";position:absolute;inset:-14px}

@media (max-width:767px){
  html .cofl-calc{padding:24px 20px 22px;border-radius:20px}
  html .cofl-calc .cofl-date{font-size:1.45rem}
  html .cofl-portrait .cofl-nametag-wrap{position:relative!important;left:auto;right:auto;bottom:auto;align-self:center;margin:-56px 0 22px!important}
  html .cofl-nametag.has-quote{width:min(330px,calc(100vw - 48px))}
}
@media (prefers-reduced-motion:reduce){
  html .cofl-chip .cofl-pulse::after{animation:none}
  html .cofl-calc .cofl-days i,html .cofl-chip .cofl-chev,html .cofl-calc .cofl-calc-go{transition:none}
}

/* ── Abfindungsrechner (2026-10) ── Bereich: .cofl-abf-scope ── */
/* Rechner-Karte (rechts) */
html .cofl-abf{background:#0D1523;color:#fff;border-radius:24px;padding:30px 28px 26px;box-shadow:0 30px 50px -20px rgba(13,21,35,.45);font-family:"Roboto Flex",system-ui,sans-serif}
html .cofl-abf p{margin:0}
html .cofl-abf form{margin:0}
html .cofl-abf fieldset{border:0;margin:0;padding:0;min-width:0}
html .cofl-abf .cofl-abf-field{display:block;margin:0 0 16px}
html .cofl-abf label,html .cofl-abf legend{display:block;font-size:.85rem;color:rgba(255,255,255,.75);margin:0 0 8px;padding:0;font-weight:400}
html .cofl-abf .cofl-abf-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}
html .cofl-abf .cofl-abf-input{position:relative;display:flex;align-items:center;height:52px;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);transition:border-color .2s,box-shadow .2s}
html .cofl-abf .cofl-abf-input:focus-within{border-color:#CCA95C;box-shadow:0 0 0 4px rgba(204,169,92,.22)}
html .cofl-abf .cofl-abf-input input{flex:1;min-width:0;height:100%;border:0!important;background:transparent!important;box-shadow:none!important;color:#fff;font:inherit;font-size:1.05rem;padding:0 6px 0 16px;margin:0;outline:none;font-variant-numeric:tabular-nums;-moz-appearance:textfield;appearance:textfield}
html .cofl-abf-scope input::-webkit-outer-spin-button,html .cofl-abf-scope input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
html .cofl-abf .cofl-abf-input input::placeholder{color:rgba(255,255,255,.62)}
html .cofl-abf .cofl-abf-input span{padding:0 16px 0 4px;font-size:.92rem;color:rgba(255,255,255,.7);white-space:nowrap}
html .cofl-abf .cofl-abf-result{display:block;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);margin-top:6px}
html .cofl-abf.is-result-only .cofl-abf-result{border-top:0;padding-top:0;margin-top:0}
html .cofl-abf .cofl-abf-k{display:block;font-size:.85rem;color:rgba(255,255,255,.75)}
html .cofl-abf .cofl-abf-sum{display:block;font-size:2.4rem;font-weight:600;letter-spacing:-.02em;line-height:1.15;margin:6px 0 4px;color:rgba(255,255,255,.5);font-variant-numeric:tabular-nums;transition:color .3s}
html .cofl-abf.is-result-only .cofl-abf-sum{font-size:3.2rem}
html .cofl-abf-scope.has-result .cofl-abf-sum{color:#CCA95C}
html .cofl-abf .cofl-abf-hint{display:block;font-size:.85rem;color:rgba(255,255,255,.7);font-variant-numeric:tabular-nums}
html .cofl-abf .cofl-abf-basis{font-size:.85rem;line-height:1.5;color:rgba(255,255,255,.75);margin-top:14px}
html .cofl-abf .cofl-abf-go{display:flex;justify-content:center;align-items:center;margin-top:18px;min-height:52px;padding:14px 20px;border-radius:12px;background:#CCA95C;color:#0D1523;font-weight:600;text-decoration:none;text-align:center;transition:background .2s,transform .25s cubic-bezier(.16,1,.3,1)}
html .cofl-abf .cofl-abf-go:hover{background:#D9BA74;transform:translateY(-1px);color:#0D1523}
html .cofl-abf-scope a:focus-visible{outline:2px solid #CCA95C;outline-offset:3px}
html .cofl-abf-scope .cofl-abf-input input:focus,html .cofl-abf-scope .cofl-abf-blank input:focus{outline:none!important;box-shadow:none!important}
html .cofl-abf .cofl-abf-fine{font-size:.78rem;line-height:1.5;color:rgba(255,255,255,.7);margin-top:16px}
html .cofl-abf .cofl-abf-fine b{color:#fff;font-weight:600}

/* Variante A: Satz-Rechner (links) */
html .cofl-abf-sentence{font-family:"Roboto Flex",system-ui,sans-serif;font-size:1.7rem;line-height:2.05;font-weight:400;letter-spacing:-.01em;color:#0D1523;margin:8px 0 0;text-wrap:pretty}
html .cofl-abf-blank{display:inline-block;line-height:1.2;white-space:nowrap;border-bottom:2px solid #CCA95C;padding:0 2px;transition:border-color .2s,background .2s}
html .cofl-abf-blank:focus-within{background:#F6EFDF;border-bottom-color:#8A6A2B}
html .cofl-abf-blank input{border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;margin:0!important;height:auto!important;font:inherit!important;font-weight:600!important;color:#8A6A2B!important;text-align:center;outline:none;font-variant-numeric:tabular-nums;-moz-appearance:textfield;appearance:textfield;border-radius:0!important}
html .cofl-abf-blank input::placeholder{color:#6B6F78;font-weight:400}
html .cofl-abf-blank .w-gehalt{width:5.2ch}
html .cofl-abf-blank .w-zahl{width:2.2ch}
html .cofl-abf-blank span{font-weight:600;color:#8A6A2B}

/* Variante B: Faktoren (links) */
html .cofl-abf-factors{list-style:none;margin:10px 0 0;padding:0;border-top:1px solid #E6E3DC}
html .cofl-abf-factors li{display:grid;grid-template-columns:28px 1fr auto;gap:4px 14px;align-items:start;padding:16px 0;border-bottom:1px solid #E6E3DC;margin:0}
html .cofl-abf-factors .ic{width:22px;height:22px;margin-top:2px;color:#8A6A2B}
html .cofl-abf-factors .ic svg{width:22px;height:22px;display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
html .cofl-abf-factors li.is-manual .ic{color:#0D1523}
html .cofl-abf-factors b{display:block;font-size:1.05rem;font-weight:600;color:#0D1523;line-height:1.3}
html .cofl-abf-factors small{display:block;font-size:.9rem;line-height:1.45;color:#4A4A4A;margin-top:2px}
html .cofl-abf-factors .tag{align-self:center;font-size:.75rem;font-weight:600;letter-spacing:.02em;padding:5px 10px;border-radius:999px;white-space:nowrap;background:#F6EFDF;color:#6E5422}
html .cofl-abf-factors li.is-manual .tag{background:#0D1523;color:#fff}

/* Variante C: Persönlich (links) */
html .cofl-abf-person{display:grid;grid-template-columns:140px 1fr;gap:22px;align-items:end;margin:14px 0 0;padding:22px 22px 0;background:#fff;border:1px solid #E6E3DC;border-radius:20px;overflow:hidden}
html .cofl-abf-person img{display:block;width:140px;height:auto;margin:0}
html .cofl-abf-person blockquote{margin:0;padding:0 0 22px;border:0;font-style:italic;font-size:1.02rem;line-height:1.55;color:#0D1523;quotes:none}
html .cofl-abf-person blockquote::before,html .cofl-abf-person blockquote::after{content:none}
html .cofl-abf-person cite{display:block;margin-top:12px;font-style:normal;font-size:.9rem;color:#4A4A4A}
html .cofl-abf-person cite b{display:block;color:#0D1523;font-weight:600;font-size:1rem}

@media (max-width:767px){
  html .cofl-abf{padding:24px 20px 22px;border-radius:20px}
  html .cofl-abf .cofl-abf-sum{font-size:2rem}
  html .cofl-abf.is-result-only .cofl-abf-sum{font-size:2.4rem}
  html .cofl-abf-sentence{font-size:1.3rem;line-height:2.1}
  html .cofl-abf-factors li{grid-template-columns:24px 1fr}
  html .cofl-abf-factors .tag{grid-column:2;justify-self:start;margin-top:6px}
  html .cofl-abf-person{grid-template-columns:96px 1fr;gap:14px;padding:16px 16px 0}
  html .cofl-abf-person img{width:96px}
  html .cofl-abf-person blockquote{font-size:.95rem;padding-bottom:16px}
}
@media (prefers-reduced-motion:reduce){html .cofl-abf-scope *{transition:none!important}}