/* FluxPike – Überblick / About-Seite im gemeinsamen Arbeitsraumstil */
.ueberblick-bereich{--ueberblick-akzent:var(--fp-farbwert-238b5d);--about-tuerkis:var(--fp-marke-tuerkis);--about-limette:var(--fp-marke-limette);--about-dunkel:var(--fp-marke-dunkel);}
.ueberblick-bereich::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at 14% 8%,var(--fp-farbwert-rgba-35-139-93-_13),transparent 30%),
    radial-gradient(circle at 88% 12%,var(--fp-farbwert-rgba-39-189-208-_18),transparent 24%);
}
.ueberblick-bereich .ueberblick-raumkopf{border-left:5px solid var(--ueberblick-akzent);}
.ueberblick-bereich .ueberblick-raumkopf::after{border-color:var(--fp-farbwert-rgba-35-139-93-_13);}
.ueberblick-bereich .admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 18px;}
.ueberblick-bereich .admin-tile{display:flex;align-items:center;gap:12px;min-height:86px;padding:16px 18px;border:1px solid var(--problem-linie);border-radius:18px 18px 18px 5px;background:var(--fp-weiss);color:var(--problem-tinte);text-decoration:none;box-shadow:var(--problem-schatten-klein);transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease;}
.ueberblick-bereich .admin-tile:hover{transform:translateY(-2px);border-color:var(--fp-farbwert-9bcdb5);background:var(--fp-farbwert-f1faf5);box-shadow:var(--problem-schatten);}
.ueberblick-bereich .admin-tile .icon{display:grid;place-items:center;flex:0 0 auto;width:46px;height:46px;border-radius:13px;background:var(--fp-farbwert-e8f5ee);color:var(--ueberblick-akzent);}
.ueberblick-bereich .admin-tile .label{font-size:1rem;font-weight:850;}
.ueberblick-bereich .admin-tile .text{display:block;margin-top:4px;color:var(--fp-text-dezent);font-size:.88rem;line-height:1.4;}
.ueberblick-bereich .ueberblick-einfuehrung{margin-bottom:16px;}
.ueberblick-bereich .ueberblick-bereiche{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.ueberblick-bereich .ueberblick-bereiche .panel{margin:0;}
.about-fluxpike-seite .view-head{margin-bottom:18px;}
.about-fluxpike-seite .auth-markenbuehne{margin:0 0 20px;}
.about-fluxpike-seite .auth-markenbuehne__inhalt p:last-child{max-width:78ch;}
.about-fluxpike-kicker{margin:0 0 8px;color:var(--about-tuerkis);font-size:.76rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase;}
.about-fluxpike-einstieg{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);gap:24px;align-items:center;margin-bottom:18px;border-radius:24px 24px 24px 8px;}
.about-fluxpike-einstieg h2,.about-fluxpike-weg h2,.about-fluxpike-vergleich h2{margin:0 0 12px;color:var(--problem-tinte);font-size:clamp(1.35rem,2.3vw,2rem);line-height:1.15;letter-spacing:-.02em;}
.about-fluxpike-einstieg p,.about-fluxpike-weg__kopf p,.about-fluxpike-vergleich p{color:var(--fp-text);font-size:1rem;line-height:1.65;}
.about-fluxpike-einstieg p:last-child,.about-fluxpike-vergleich p:last-child{margin-bottom:0;}
.about-fluxpike-kennzahlen{display:grid;gap:10px;}
.about-fluxpike-kennzahlen span{display:grid;gap:2px;padding:14px 16px;border:1px solid var(--fp-farbwert-rgba-39-189-208-_18);border-radius:18px 18px 18px 5px;background:linear-gradient(135deg,var(--fp-weiss),var(--fp-farbwert-f1faf5));box-shadow:var(--problem-schatten-klein);}
.about-fluxpike-kennzahlen strong{color:var(--about-dunkel);font-size:1.9rem;line-height:1;font-weight:950;}
.about-fluxpike-kennzahlen small{color:var(--fp-text-dezent);font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;}
.about-fluxpike-weg{position:relative;overflow:hidden;margin-bottom:18px;padding:24px;border:1px solid var(--fp-farbwert-rgba-255-255-255-_12);border-radius:28px 28px 28px 8px;background:linear-gradient(135deg,var(--fp-marke-tief),var(--fp-marke-dunkel));box-shadow:0 22px 58px var(--fp-schatten-mittel);}
.about-fluxpike-weg::before{content:"";position:absolute;inset:-120px -110px auto auto;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,var(--fp-farbwert-rgba-39-189-208-_18),transparent 70%);}
.about-fluxpike-weg::after{content:"";position:absolute;inset:auto auto -135px -110px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,var(--fp-limette-alpha),transparent 70%);}
.about-fluxpike-weg__kopf{position:relative;z-index:1;max-width:860px;margin-bottom:18px;}
.about-fluxpike-weg__kopf h2{color:var(--fp-weiss);}
.about-fluxpike-weg__kopf p{color:var(--fp-farbwert-c4d3d6);}
.about-fluxpike-schritte{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.about-fluxpike-schritt{position:relative;display:flex;flex-direction:column;min-height:100%;padding:18px;border:1px solid var(--fp-farbwert-rgba-255-255-255-_12);border-radius:22px 22px 22px 6px;background:var(--fp-farbwert-rgba-255-255-255-_06);color:var(--fp-weiss);box-shadow:0 12px 30px var(--fp-schatten-mittel);}
.about-fluxpike-schritt::before{content:"";position:absolute;inset:0 auto 0 0;width:5px;border-radius:inherit;background:var(--about-tuerkis);}
.about-fluxpike-schritt--stoerung::before{background:var(--about-limette);}
.about-fluxpike-schritt--aenderung::before{background:linear-gradient(180deg,var(--about-tuerkis),var(--about-limette));}
.about-fluxpike-schritt__nummer{color:var(--fp-farbwert-c4d3d6);font-size:.74rem;font-weight:950;letter-spacing:.12em;}
.about-fluxpike-schritt__icon{display:grid;place-items:center;width:52px;height:52px;margin:12px 0;border-radius:16px;background:var(--fp-farbwert-rgba-255-255-255-_10);color:var(--about-limette);}
.about-fluxpike-schritt h3{margin:0 0 10px;color:var(--fp-weiss);font-size:1.12rem;line-height:1.2;}
.about-fluxpike-schritt p{margin:0 0 12px;color:var(--fp-farbwert-c4d3d6);font-size:.94rem;line-height:1.55;}
.about-fluxpike-schritt ul{display:grid;gap:7px;margin:auto 0 0;padding:0;list-style:none;color:var(--fp-farbwert-c4d3d6);font-size:.86rem;line-height:1.35;}
.about-fluxpike-schritt li{position:relative;padding-left:18px;}
.about-fluxpike-schritt li::before{content:"";position:absolute;left:0;top:.45em;width:7px;height:7px;border-radius:50%;background:var(--about-limette);box-shadow:0 0 12px var(--about-limette);}
.about-fluxpike-vergleich{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,380px);gap:22px;align-items:stretch;margin-bottom:18px;}
.about-fluxpike-vergleich__text,.about-fluxpike-merksatz{padding:22px;border:1px solid var(--problem-linie);border-radius:24px 24px 24px 8px;background:var(--fp-weiss);box-shadow:var(--problem-schatten-klein);}
.about-fluxpike-merksatz{display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,var(--fp-marke-dunkel),var(--fp-marke-tief));color:var(--fp-weiss);}
.about-fluxpike-merksatz strong{display:block;margin-bottom:10px;color:var(--about-limette);font-size:.84rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase;}
.about-fluxpike-merksatz span{font-size:1.18rem;font-weight:850;line-height:1.45;}
.about-fluxpike-links{grid-template-columns:repeat(3,minmax(0,1fr));}
.about-fluxpike-links .admin-tile{align-items:flex-start;flex-direction:column;min-height:156px;}
.about-fluxpike-links .admin-tile .icon{color:var(--about-dunkel);background:linear-gradient(135deg,var(--fp-farbwert-e8f5ee),var(--fp-weiss));}
@media (max-width:1180px){.about-fluxpike-schritte,.about-fluxpike-links{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:860px){.ueberblick-bereich .admin-grid,.ueberblick-bereich .ueberblick-bereiche,.about-fluxpike-einstieg,.about-fluxpike-vergleich{grid-template-columns:1fr;}.about-fluxpike-weg{padding:20px;}.about-fluxpike-schritte,.about-fluxpike-links{grid-template-columns:1fr;}}
@media (max-width:560px){.about-fluxpike-einstieg,.about-fluxpike-weg,.about-fluxpike-vergleich__text,.about-fluxpike-merksatz{border-radius:20px 20px 20px 7px;}.about-fluxpike-schritt{padding:16px;}.about-fluxpike-merksatz span{font-size:1.02rem;}}