/* ── Franchise-Seite ─────────────────────────────────────────── */
.fr-net{padding:clamp(50px,6vw,98px) 0 clamp(40px,4.6vw,72px);background:var(--surface);}
.fr-net .wrap{width:80%;max-width:1400px;}
.fr-net-board{position:relative;margin-top:clamp(30px,3.6vw,48px);display:grid;gap:clamp(18px,2.2vw,30px);}
.fr-hq{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(16px,2vw,28px);align-items:center;padding:clamp(22px,2.4vw,32px);border-radius:22px;background:var(--bg-dark);color:#fff;}
@media(max-width:700px){.fr-hq{grid-template-columns:1fr;}}
.fr-hq-tag{font-family:var(--head);font-weight:700;font-size:clamp(1.24rem,1.7vw,1.6rem);letter-spacing:-.025em;}
.fr-hq p{margin:0;font-size:1rem;line-height:1.55;color:rgba(255,255,255,.74);max-width:52em;text-wrap:pretty;}
.fr-net-board{--wgap:clamp(14px,1.6vw,22px);--wline:rgba(40,34,22,.22);}
.fr-wires{position:relative;height:46px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--wgap);}
.fr-wires::before{content:"";position:absolute;top:0;left:50%;height:23px;border-left:2px solid var(--wline);}
.fr-wires::after{content:"";position:absolute;top:22px;height:0;
  left:calc((100% - 2 * var(--wgap)) / 6);right:calc((100% - 2 * var(--wgap)) / 6);border-top:2px solid var(--wline);}
.fr-wires i{position:relative;}
.fr-wires i::before{content:"";position:absolute;left:50%;top:22px;bottom:0;border-left:2px solid var(--wline);}
.fr-shops{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--wgap);}
@media(max-width:820px){.fr-shops{grid-template-columns:1fr;}.fr-wires{display:none;}}
.fr-shop{display:flex;flex-direction:column;gap:10px;padding:clamp(20px,2.2vw,28px);border-radius:18px;background:var(--bg);border:1px solid var(--line);}
.fr-shop-top{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.fr-shop-name{font-family:var(--head);font-weight:700;font-size:1.06rem;color:var(--ink);}
.fr-chip{font-size:.74rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:5px 11px;border-radius:999px;background:color-mix(in srgb,var(--acc) 18%,#fff);color:var(--ink);}
.fr-shop-val{font-family:var(--head);font-weight:700;font-size:clamp(1.6rem,2.4vw,2.1rem);letter-spacing:-.03em;color:var(--acc);line-height:1;}
.fr-shop p{margin:0;font-size:.98rem;line-height:1.5;color:var(--text);text-wrap:pretty;}
.fr-net-note{margin:clamp(20px,2.4vw,30px) auto 0;text-align:center;font-size:1rem;line-height:1.6;color:var(--text);max-width:46em;}

/* Zwei Sichten */
.fr-views{padding:clamp(50px,6vw,98px) 0;background:var(--bg);}
.fr-views .wrap{width:60%;max-width:1200px;}
@media(max-width:1100px){.fr-views .wrap{width:min(1600px,100% - 56px);}}
.fr-cmp{margin-top:clamp(28px,3.4vw,44px);border-radius:var(--r,18px);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-s);overflow:hidden;}
.fr-cmp-row{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1fr) minmax(0,1fr);}
.fr-cmp-row + .fr-cmp-row{border-top:1px solid var(--line);}
.fr-cmp-row > *{padding:clamp(18px,2vw,26px) clamp(16px,1.8vw,26px);}
.fr-cmp-row > * + *{border-left:1px solid var(--line);}
.fr-cmp-head{background:var(--bg);}
.fr-cmp-who{display:flex;align-items:center;gap:12px;font-family:var(--head);font-weight:700;font-size:clamp(1.08rem,1.3vw,1.28rem);letter-spacing:-.02em;color:var(--ink);}
.fr-cmp-topic{font-family:var(--head);font-weight:700;font-size:1rem;color:var(--ink);letter-spacing:-.01em;}
.fr-cmp-row p{margin:0;font-size:1rem;line-height:1.55;color:var(--text);text-wrap:pretty;}
@media(max-width:860px){
  .fr-cmp-row{grid-template-columns:1fr;}
  .fr-cmp-row > * + *{border-left:0;border-top:1px solid var(--line);}
  .fr-cmp-head{display:none;}
  .fr-cmp-row p::before{content:attr(data-role);display:block;font-family:var(--head);font-weight:700;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan-deep);margin-bottom:6px;}
}

/* Strukturwahl */
.fr-pick{padding:clamp(56px,6.5vw,104px) 0;background:var(--bg-dark);color:#fff;}
.fr-pick .wrap{width:80%;max-width:1400px;}
.fr-pick h2{margin:0;font-size:clamp(2rem,3.4vw,3rem);letter-spacing:-.035em;line-height:1.05;color:#fff;text-wrap:balance;}
.fr-pick .lead{margin:16px 0 0;max-width:36em;color:rgba(255,255,255,.72);}
.fr-tabs{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(28px,3.2vw,40px);}
.fr-tab{font-family:var(--head);font-weight:700;font-size:1rem;color:#fff;background:rgba(255,255,255,.07);border:1.5px solid rgba(255,255,255,.2);border-radius:999px;padding:12px 22px;cursor:pointer;transition:background .18s,border-color .18s,color .18s;}
.fr-tab:hover{background:rgba(255,255,255,.14);}
.fr-tab[aria-selected="true"]{background:#5ec9ec;border-color:#5ec9ec;color:var(--ink);}
.fr-panels{margin-top:clamp(22px,2.6vw,32px);}
.fr-panel{display:none;}
.fr-panel.on{display:block;}
.fr-panel-lead{margin:0 0 clamp(18px,2vw,26px);font-size:clamp(1.04rem,1.25vw,1.2rem);font-weight:600;line-height:1.5;color:#fff;max-width:40em;}
.fr-rows{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.4vw,18px);}
@media(max-width:980px){.fr-rows{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:560px){.fr-rows{grid-template-columns:1fr;}}
.fr-row{padding:clamp(18px,2vw,26px);border-radius:18px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.12);}
.fr-row b{display:block;font-family:var(--head);font-size:clamp(1.2rem,1.5vw,1.5rem);font-weight:700;letter-spacing:-.02em;line-height:1.14;color:#fff;margin-bottom:10px;text-wrap:pretty;}
.fr-row span{font-size:1rem;line-height:1.55;color:rgba(255,255,255,.72);font-weight:500;text-wrap:pretty;}

/* Abrechnungsperiode */
.fr-cycle{padding:clamp(50px,6vw,98px) 0;background:var(--surface);}
.fr-cycle-in{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(36px,5vw,90px);align-items:start;}
.fr-cycle-in .gs-head{text-align:left;margin:0;position:sticky;top:150px;}
.fr-cycle-in .gs-head .lead{margin-left:0;}
.fr-ax{display:flex;flex-direction:column;}
.fr-it{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(18px,2vw,30px);padding-bottom:clamp(26px,3vw,40px);}
.fr-it:last-child{padding-bottom:0;}
.fr-rail{position:relative;display:flex;flex-direction:column;align-items:center;}
.fr-rail .n{width:42px;height:42px;border-radius:50%;background:var(--cyan-soft);color:var(--cyan-deep);display:grid;place-items:center;font-family:var(--head);font-weight:700;font-size:1.06rem;flex-shrink:0;}
.fr-it:not(:last-child) .fr-rail::after{content:"";flex:1;width:2px;background:var(--line);margin-top:8px;}
.fr-bd{padding-top:5px;display:flex;flex-direction:column;gap:9px;}
.fr-bd h3{margin:0;font-size:clamp(1.24rem,1.6vw,1.62rem);font-weight:700;letter-spacing:-.025em;line-height:1.14;color:var(--ink);text-wrap:pretty;}
.fr-bd p{margin:0;font-size:1.02rem;line-height:1.55;color:var(--text);max-width:34em;text-wrap:pretty;}
@media(max-width:900px){.fr-cycle-in{grid-template-columns:1fr;}.fr-cycle-in .gs-head{position:static;}}

/* E-Geld */
.fr-eg{position:relative;padding:clamp(66px,8vw,124px) 0;color:#fff;overflow:hidden;}
.fr-eg::before{content:"";position:absolute;top:0;bottom:0;left:calc(50% - 50vw);width:100vw;z-index:0;
  background:linear-gradient(180deg,rgba(14,20,24,.88),rgba(14,20,24,.74)),url("/uploads/manager-working-financial-analysis-while-standing-with-laptop.webp") center 35%/cover no-repeat;}
.fr-eg-in{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(30px,4.5vw,72px);align-items:center;}
@media(max-width:980px){.fr-eg-in{grid-template-columns:1fr;}}
.fr-eg h2{margin:0;font-size:clamp(2rem,3.4vw,3rem);letter-spacing:-.035em;line-height:1.05;color:#fff;text-wrap:balance;}
.fr-eg .lead{margin:18px 0 0;max-width:30em;color:rgba(255,255,255,.78);}
.fr-eg-list{list-style:none;margin:0 clamp(16px,3vw,54px) 0 auto;max-width:500px;padding:clamp(8px,1vw,14px) clamp(22px,2.4vw,34px);border-radius:22px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(18px) saturate(1.3);display:block;}
.fr-eg-list li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center;padding:clamp(9px,1vw,12px) 0;font-size:clamp(1.02rem,1.2vw,1.16rem);line-height:1.4;color:#fff;font-weight:600;text-wrap:pretty;}

/* Start & Anbindung */
.fr-start{padding:clamp(50px,6vw,98px) 0;background:var(--bg);}
.fr-start-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,1.8vw,24px);margin-top:clamp(28px,3.4vw,44px);}
@media(max-width:860px){.fr-start-grid{grid-template-columns:1fr;}}
.fr-start-card{display:flex;flex-direction:column;align-items:flex-start;gap:13px;padding:clamp(22px,2.4vw,32px);border-radius:var(--r,18px);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-s);transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s,border-color .2s;}
.fr-start-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-m);border-color:var(--line-2);}
.fr-start-card h3{margin:0;font-size:clamp(1.14rem,1.4vw,1.34rem);font-weight:700;letter-spacing:-.02em;line-height:1.18;color:var(--ink);}
.fr-start-card p{margin:0;font-size:1rem;line-height:1.55;color:var(--text);text-wrap:pretty;}
.fr-start-card a{color:var(--ink);font-weight:700;text-decoration:none;box-shadow:inset 0 -1px 0 0 var(--green);}
.fr-start-card a:hover{color:var(--cyan-deep);}
.fr-start-card a{box-shadow:inset 0 -1px 0 0 var(--cyan);}
.fr-start-list{list-style:none;margin:2px 0 0;padding:0;display:flex;flex-direction:column;gap:7px;width:100%;}
.fr-start-list li{position:relative;padding-left:20px;font-size:.96rem;line-height:1.45;color:var(--text);text-wrap:pretty;}
.fr-start-list li::before{content:"";position:absolute;left:0;top:.55em;width:7px;height:7px;border-radius:50%;background:var(--cyan);}
.fr-start-link{margin-top:auto;padding-top:4px;font-weight:700;font-size:.98rem;color:var(--ink);text-decoration:none;}
