/* SMASS v30 – konsequenter Premium-System-Look für alle öffentlichen Seiten */
:root{
  --smass-blue:#1072BA;--smass-blue2:#1397df;--smass-dark:#0A3E63;--smass-green:#9ACD32;--smass-ink:#071827;
  --smass-night:#050B16;--smass-soft:#F4F8FC;--smass-line:rgba(15,23,42,.10);
}
html{scroll-behavior:smooth}*{box-sizing:border-box}p,li,td,th{hyphens:none!important;word-break:normal!important;overflow-wrap:normal!important}
body{
  background:
    radial-gradient(circle at 7% 4%, rgba(16,114,186,.15), transparent 30rem),
    radial-gradient(circle at 93% 6%, rgba(154,205,50,.18), transparent 28rem),
    linear-gradient(180deg,#f8fbff 0%,#ffffff 28%,#f4f8fc 100%)!important;
  color:#071827!important;
}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:radial-gradient(circle at 1px 1px,rgba(16,114,186,.13) 1px,transparent 0);background-size:28px 28px;mask-image:linear-gradient(180deg,#000 0%,transparent 58%);opacity:.55;}
main{position:relative;overflow:hidden;padding-top:6rem!important;}
main:before{content:"";position:absolute;inset:0 0 auto 0;height:40rem;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(255,255,255,0));z-index:0;}
main>*{position:relative;z-index:1;}
/* Header */
header>div{height:5rem!important;border-radius:1.8rem!important;background:rgba(255,255,255,.88)!important;box-shadow:0 24px 90px rgba(15,23,42,.10)!important;border:1px solid rgba(255,255,255,.9)!important;}
header nav.hidden.xl\:flex{background:rgba(241,245,249,.72)!important;border-color:rgba(148,163,184,.22)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
header a,header button{hyphens:none!important;white-space:nowrap;}
/* Hero allgemein */
main>section:first-child{
  position:relative;overflow:hidden;border-bottom:1px solid rgba(15,23,42,.08)!important;background:
    radial-gradient(circle at 10% 12%,rgba(16,114,186,.20),transparent 28rem),
    radial-gradient(circle at 92% 8%,rgba(154,205,50,.22),transparent 26rem),
    linear-gradient(135deg,#ffffff 0%,#f5fbff 50%,#eef8ff 100%)!important;
}
main>section:first-child:before{content:"";position:absolute;right:8%;top:10%;width:28rem;height:28rem;border-radius:999px;background:linear-gradient(135deg,rgba(16,114,186,.18),rgba(154,205,50,.25));filter:blur(66px);opacity:.9;pointer-events:none;}
main>section:first-child:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(16,114,186,.14) 1px,transparent 0);background-size:24px 24px;mask-image:linear-gradient(180deg,#000,transparent 74%);opacity:.55;pointer-events:none;}
main>section:first-child>div{position:relative;z-index:2;}
/* Hero/Intro Typografie */
h1{letter-spacing:-.06em!important;color:#050B16!important;line-height:.96!important;font-weight:950!important;}
h2{letter-spacing:-.035em!important;color:#071827!important;font-weight:950!important;}h3{letter-spacing:-.02em!important;font-weight:900!important;}p{line-height:1.72!important;}
/* Premium Panels */
.bg-white,.bg-slate-50,.bg-slate-100{background-color:transparent;}
article, .rounded-3xl, .rounded-\[2rem\], .rounded-\[2\.3rem\]{backface-visibility:hidden;}
article.bg-white, .bg-white.border, .rounded-3xl.bg-white, .rounded-\[2rem\].bg-white, .rounded-\[2\.3rem\].bg-white,
section .border.bg-white, section div.bg-white.border{
  background:rgba(255,255,255,.82)!important;
  backdrop-filter:blur(18px)!important;
  border-color:rgba(255,255,255,.78)!important;
  box-shadow:0 24px 72px rgba(15,23,42,.09)!important;
}
article.bg-white:hover, .smass-card-lift:hover, section div.bg-white.border:hover{transform:translateY(-3px);box-shadow:0 34px 95px rgba(15,23,42,.14)!important;border-color:rgba(16,114,186,.25)!important;}
/* Dunkle Boxen heller und edler statt flach schwarz */
.bg-slate-950,.bg-smass-night,.bg-\[\#071827\],.rounded-\[2rem\].bg-slate-950,.rounded-\[2\.3rem\].bg-smass-night{
  background:linear-gradient(145deg,#0b2035 0%,#0a3e63 56%,#1072ba 150%)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 36px 105px rgba(7,24,39,.25)!important;
}
/* Buttons */
a.rounded-full.bg-smass-blue,button.rounded-full.bg-smass-blue,.bg-smass-blue.text-white{
  background:linear-gradient(135deg,var(--smass-blue),var(--smass-dark))!important;
  box-shadow:0 18px 44px rgba(16,114,186,.23)!important;
}
a.rounded-full.bg-smass-blue:hover,button.rounded-full.bg-smass-blue:hover,.bg-smass-blue.text-white:hover{transform:translateY(-1px);box-shadow:0 26px 62px rgba(16,114,186,.32)!important;}
a.rounded-full.border,button.rounded-full.border{background:rgba(255,255,255,.75)!important;backdrop-filter:blur(12px);box-shadow:0 10px 30px rgba(15,23,42,.06);}
/* Kartenbilder/Placeholder */
img{max-width:100%;height:auto}.aspect-\[4\/3\],.aspect-\[16\/10\],.aspect-video{overflow:hidden;background:linear-gradient(135deg,#eef6ff,#f7fbff)!important;}
/* Badges */
.inline-flex.rounded-full{white-space:nowrap;letter-spacing:.08em}.text-\[10px\].uppercase,.text-\[11px\].uppercase{letter-spacing:.20em!important;}
/* Tabellen und Matrix */
table{border-collapse:separate!important;border-spacing:0 .65rem!important;}thead{font-size:.72rem!important;text-transform:uppercase;letter-spacing:.12em;color:#64748b}td,th{background:rgba(255,255,255,.82)!important;border-top:1px solid rgba(148,163,184,.16);border-bottom:1px solid rgba(148,163,184,.16);padding-top:1rem!important;padding-bottom:1rem!important;}
td:first-child,th:first-child{border-left:1px solid rgba(148,163,184,.16);border-radius:1rem 0 0 1rem}td:last-child,th:last-child{border-right:1px solid rgba(148,163,184,.16);border-radius:0 1rem 1rem 0}
/* Formulare */
input,select,textarea{border-radius:1rem!important;background:rgba(255,255,255,.88)!important;}input:focus,select:focus,textarea:focus{outline:none!important;border-color:var(--smass-blue)!important;box-shadow:0 0 0 4px rgba(16,114,186,.11)!important;}
/* neue Utility */
.smass-glass{background:rgba(255,255,255,.82);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.78);box-shadow:0 28px 80px rgba(15,23,42,.10)}
.smass-gradient-panel{background:linear-gradient(145deg,#0b2035 0%,#0A3E63 56%,#1072BA 145%);border:1px solid rgba(255,255,255,.16);box-shadow:0 36px 105px rgba(7,24,39,.24)}
.smass-soft-panel{background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(246,250,255,.76));border:1px solid rgba(255,255,255,.82);box-shadow:0 22px 70px rgba(15,23,42,.08)}
.smass-card-lift{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;}
.smass-card-lift:hover{transform:translateY(-4px);box-shadow:0 34px 95px rgba(15,23,42,.14)!important;border-color:rgba(16,114,186,.24)!important;}
/* Mobile */
@media(max-width:768px){main{padding-top:5.4rem!important}h1{font-size:2.65rem!important;line-height:.98!important}.rounded-\[2rem\],.rounded-\[2\.3rem\]{border-radius:1.45rem!important}header>div{height:auto!important;min-height:4.4rem!important}}

/* SMASS v31 – visuelle Korrekturen: weniger Runterrutschen, bessere Lesbarkeit in Panels, Premium-Admin */
main{padding-top:0!important;}
main.pt-20{padding-top:5.5rem!important;}
main.pt-24{padding-top:6rem!important;}
main.pt-28{padding-top:7rem!important;}
main.pt-32{padding-top:7.25rem!important;}
@media(max-width:768px){main.pt-20,main.pt-24,main.pt-28,main.pt-32{padding-top:5.8rem!important;}}

/* Dunkle Panels: Überschriften/Fließtext sauber hell halten, nicht durch globales h2/h3 überschreiben */
.smass-gradient-panel,.bg-slate-950,.bg-smass-night,.bg-\[\#071827\],.bg-\[\#050B16\],.bg-\[\#0A3E63\]{color:#fff!important;}
.smass-gradient-panel h1,.smass-gradient-panel h2,.smass-gradient-panel h3,.smass-gradient-panel h4,
.bg-slate-950 h1,.bg-slate-950 h2,.bg-slate-950 h3,.bg-slate-950 h4,
.bg-smass-night h1,.bg-smass-night h2,.bg-smass-night h3,.bg-smass-night h4,
.bg-\[\#071827\] h1,.bg-\[\#071827\] h2,.bg-\[\#071827\] h3,.bg-\[\#071827\] h4,
.bg-\[\#050B16\] h1,.bg-\[\#050B16\] h2,.bg-\[\#050B16\] h3,.bg-\[\#050B16\] h4,
.bg-\[\#0A3E63\] h1,.bg-\[\#0A3E63\] h2,.bg-\[\#0A3E63\] h3,.bg-\[\#0A3E63\] h4{color:#fff!important;text-shadow:0 1px 0 rgba(0,0,0,.08);}
.smass-gradient-panel p,.smass-gradient-panel li,.bg-slate-950 p,.bg-slate-950 li,.bg-smass-night p,.bg-smass-night li,.bg-\[\#071827\] p,.bg-\[\#071827\] li{color:rgba(255,255,255,.78)!important;}
.smass-gradient-panel .text-slate-950,.smass-gradient-panel .text-slate-900,.smass-gradient-panel .text-slate-800{color:#071827!important;text-shadow:none!important;}
.smass-gradient-panel .text-white,.smass-gradient-panel .text-white\/90,.smass-gradient-panel .text-white\/80{color:#fff!important;}
.smass-gradient-panel .text-white\/70{color:rgba(255,255,255,.72)!important;}
.smass-gradient-panel .text-white\/65{color:rgba(255,255,255,.68)!important;}

/* Hero-Flächen konsistenter: keine übergroßen Leerräume auf Unterseiten */
main>section:first-child{min-height:auto!important;}
main>section:first-child.pb-20,main>section:first-child.pb-24{padding-bottom:5rem!important;}
main>section:first-child.pt-36{padding-top:8.5rem!important;}
main>section:first-child.pt-32{padding-top:7.5rem!important;}
main>section:first-child.pt-28{padding-top:7rem!important;}
@media(max-width:768px){main>section:first-child.pt-36,main>section:first-child.pt-32,main>section:first-child.pt-28{padding-top:6.2rem!important;padding-bottom:4rem!important;}}

/* Navigation: Mehr-Button immer lesbar */
header nav .relative.group>button{color:#334155!important;}
header nav .relative.group>button.bg-smass-ink,header nav .relative.group>button.text-white{color:#fff!important;background:#071827!important;}
header nav .relative.group>button:hover{color:#071827!important;}
header nav .relative.group>button.bg-smass-ink:hover,header nav .relative.group>button.text-white:hover{color:#fff!important;}

/* Admin Login – keine globalen Body/H1-Regeln stören lassen */
body.smass-admin-login{background:#061a2b!important;color:#fff!important;min-height:100vh;}
body.smass-admin-login:before{display:none!important;}
body.smass-admin-login h1,body.smass-admin-login h2,body.smass-admin-login h3{color:#071827!important;letter-spacing:-.05em!important;}
body.smass-admin-login main{padding-top:0!important;}
body.smass-admin-login input{background:rgba(255,255,255,.92)!important;}

/* SMASS v31 – visuelle Korrekturen: weniger Runterrutschen, bessere Lesbarkeit in Panels, Premium-Admin */
main{padding-top:0!important;}
main.pt-20{padding-top:5.5rem!important;}
main.pt-24{padding-top:6rem!important;}
main.pt-28{padding-top:7rem!important;}
main.pt-32{padding-top:7.25rem!important;}
@media(max-width:768px){main.pt-20,main.pt-24,main.pt-28,main.pt-32{padding-top:5.8rem!important;}}

.smass-gradient-panel,.bg-slate-950,.bg-smass-night,.bg-\[\#071827\],.bg-\[\#050B16\],.bg-\[\#0A3E63\]{color:#fff!important;}
.smass-gradient-panel h1,.smass-gradient-panel h2,.smass-gradient-panel h3,.smass-gradient-panel h4,
.bg-slate-950 h1,.bg-slate-950 h2,.bg-slate-950 h3,.bg-slate-950 h4,
.bg-smass-night h1,.bg-smass-night h2,.bg-smass-night h3,.bg-smass-night h4,
.bg-\[\#071827\] h1,.bg-\[\#071827\] h2,.bg-\[\#071827\] h3,.bg-\[\#071827\] h4,
.bg-\[\#050B16\] h1,.bg-\[\#050B16\] h2,.bg-\[\#050B16\] h3,.bg-\[\#050B16\] h4,
.bg-\[\#0A3E63\] h1,.bg-\[\#0A3E63\] h2,.bg-\[\#0A3E63\] h3,.bg-\[\#0A3E63\] h4{color:#fff!important;text-shadow:0 1px 0 rgba(0,0,0,.08);}
.smass-gradient-panel p,.smass-gradient-panel li,.bg-slate-950 p,.bg-slate-950 li,.bg-smass-night p,.bg-smass-night li,.bg-\[\#071827\] p,.bg-\[\#071827\] li{color:rgba(255,255,255,.78)!important;}
.smass-gradient-panel .text-slate-950,.smass-gradient-panel .text-slate-900,.smass-gradient-panel .text-slate-800{color:#071827!important;text-shadow:none!important;}
.smass-gradient-panel .text-white,.smass-gradient-panel .text-white\/90,.smass-gradient-panel .text-white\/80{color:#fff!important;}
.smass-gradient-panel .text-white\/70{color:rgba(255,255,255,.72)!important;}
.smass-gradient-panel .text-white\/65{color:rgba(255,255,255,.68)!important;}

main>section:first-child{min-height:auto!important;}
main>section:first-child.pb-20,main>section:first-child.pb-24{padding-bottom:5rem!important;}
main>section:first-child.pt-36{padding-top:8.5rem!important;}
main>section:first-child.pt-32{padding-top:7.5rem!important;}
main>section:first-child.pt-28{padding-top:7rem!important;}
@media(max-width:768px){main>section:first-child.pt-36,main>section:first-child.pt-32,main>section:first-child.pt-28{padding-top:6.2rem!important;padding-bottom:4rem!important;}}

header nav .relative.group>button{color:#334155!important;}
header nav .relative.group>button.bg-smass-ink,header nav .relative.group>button.text-white{color:#fff!important;background:#071827!important;}
header nav .relative.group>button:hover{color:#071827!important;}
header nav .relative.group>button.bg-smass-ink:hover,header nav .relative.group>button.text-white:hover{color:#fff!important;}

body.smass-admin-login{background:#061a2b!important;color:#fff!important;min-height:100vh;}
body.smass-admin-login:before{display:none!important;}
body.smass-admin-login h1,body.smass-admin-login h2,body.smass-admin-login h3{color:#071827!important;letter-spacing:-.05em!important;}
body.smass-admin-login main{padding-top:0!important;}
body.smass-admin-login input{background:rgba(255,255,255,.92)!important;}

/* SMASS v32 – Header bündig, klare aktive Navigation, kompaktere Hero-Abstände */
.smass-site-header{
  top:0!important;
  padding-top:0!important;
  background:rgba(255,255,255,.86)!important;
  backdrop-filter:blur(22px)!important;
  border-bottom:1px solid rgba(148,163,184,.18)!important;
  box-shadow:0 18px 50px rgba(15,23,42,.055)!important;
}
.smass-site-header>div,
header.smass-site-header>div{
  height:4.8rem!important;
  border-radius:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
header nav.hidden.xl\:flex{
  background:rgba(255,255,255,.72)!important;
  border:1px solid rgba(148,163,184,.28)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 12px 38px rgba(15,23,42,.06)!important;
}
.smass-nav-item{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:2.65rem;line-height:1;color:#334155!important;text-decoration:none!important;}
.smass-nav-link{color:#334155!important;background:transparent!important;box-shadow:none!important;}
.smass-nav-link:hover{color:#071827!important;background:rgba(255,255,255,.95)!important;box-shadow:0 8px 22px rgba(15,23,42,.055)!important;}
.smass-nav-active{color:#fff!important;background:linear-gradient(135deg,#071827,#0A3E63)!important;box-shadow:0 12px 30px rgba(7,24,39,.20)!important;text-shadow:none!important;}
.smass-nav-active:hover{color:#fff!important;background:linear-gradient(135deg,#071827,#0A3E63)!important;}
.smass-nav-active svg{color:#fff!important;stroke:#fff!important;}
header .group:hover .smass-nav-link{color:#071827!important;}
header .group:hover .smass-nav-active{color:#fff!important;}
/* Dropdown-Einträge dürfen bei Aktivzustand nicht weiß auf hell werden */
header .group .absolute a.smass-nav-active{background:#071827!important;color:#fff!important;}
header .group .absolute a.smass-nav-active span{color:#fff!important;}
header .group .absolute a.smass-nav-active span.text-slate-500{color:rgba(255,255,255,.72)!important;}
/* Alte Header-Regeln neutralisieren */
header>div{border-radius:0!important;}
header nav .relative.group>button.smass-nav-active{color:#fff!important;background:linear-gradient(135deg,#071827,#0A3E63)!important;}
header nav .relative.group>button.smass-nav-link{color:#334155!important;background:transparent!important;}
/* Hero nicht unnötig nach unten drücken: Header ist 4.8rem hoch */
main>section:first-child.pt-36{padding-top:7.25rem!important;}
main>section:first-child.pt-32{padding-top:6.85rem!important;}
main>section:first-child.pt-28{padding-top:6.55rem!important;}
main.pt-20,main.pt-24,main.pt-28,main.pt-32{padding-top:4.8rem!important;}
@media(max-width:768px){
  .smass-site-header>div,header.smass-site-header>div{height:4.4rem!important;min-height:4.4rem!important;}
  main>section:first-child.pt-36,main>section:first-child.pt-32,main>section:first-child.pt-28{padding-top:5.7rem!important;}
}

/* SMASS v33 – finaler Top-Abstand-Fix für Index und Roadmap */
body{margin:0!important;}
.smass-site-header{top:0!important;margin-top:0!important;}
.smass-site-header + main{margin-top:0!important;}
main{margin-top:0!important;}
/* Seiten mit eigenem main-padding dürfen nur exakt Headerhöhe ausgleichen */
main.pt-20,main.pt-24,main.pt-28,main.pt-32,main.pt-\[4\.8rem\]{padding-top:4.8rem!important;}
/* Index-Hero: kein großer leerer Verlauf oberhalb des Inhalts */
main>section:first-child.pt-\[5\.6rem\]{padding-top:5.6rem!important;}
@media(min-width:1024px){main>section:first-child.lg\:pt-\[6rem\]{padding-top:6rem!important;}}
@media(max-width:768px){main.pt-20,main.pt-24,main.pt-28,main.pt-32,main.pt-\[4\.8rem\]{padding-top:4.4rem!important;}main>section:first-child.pt-\[5\.6rem\]{padding-top:4.9rem!important;}}

/* SMASS v34 – finaler Header-/Abstands- und Mobile-Fix
   Ziel: Kein künstlicher Leerraum unter dem Header. Header ist sticky und liegt im Dokumentfluss. */
.smass-site-header{
  position:sticky!important;
  top:0!important;
  left:auto!important;
  width:100%!important;
  z-index:50!important;
  padding-top:0!important;
  margin-top:0!important;
  background:rgba(255,255,255,.90)!important;
  backdrop-filter:blur(22px)!important;
  -webkit-backdrop-filter:blur(22px)!important;
  border-bottom:1px solid rgba(148,163,184,.18)!important;
  box-shadow:0 12px 35px rgba(15,23,42,.055)!important;
}
.smass-site-header>div,
header.smass-site-header>div{
  height:4.8rem!important;
  min-height:4.8rem!important;
  border-radius:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
main,
.smass-page-main,
main.pt-20,
main.pt-24,
main.pt-28,
main.pt-32,
main.pt-36,
main.pt-\[4\.8rem\]{
  padding-top:0!important;
  margin-top:0!important;
}
main:before{top:0!important;}
.smass-home-hero{
  padding-top:3.6rem!important;
  padding-bottom:5rem!important;
  min-height:auto!important;
}
.smass-home-hero>.relative.max-w-7xl{
  align-items:center!important;
}
.smass-page-main>section:first-child{
  margin-top:0!important;
}
.smass-page-main>section:first-child>.relative.max-w-7xl.py-10,
.smass-page-main>section:first-child>.relative.max-w-7xl.lg\:py-14{
  padding-top:3rem!important;
  padding-bottom:3.5rem!important;
}
/* Breite Badges/Buttons dürfen mobil nicht aus dem Bildschirm laufen */
.smass-site-header a,
.smass-site-header button,
.smass-nav-item{
  max-width:100%;
}
.smass-site-header #mobile-menu a{
  white-space:normal!important;
}
/* Saubere mobile Darstellung */
@media(max-width:1279px){
  .smass-site-header{padding-left:.75rem!important;padding-right:.75rem!important;}
  #mobile-menu{max-height:calc(100vh - 5.25rem);overflow:auto;}
}
@media(max-width:768px){
  .smass-site-header>div,
  header.smass-site-header>div{
    height:4.35rem!important;
    min-height:4.35rem!important;
    padding-left:.25rem!important;
    padding-right:.25rem!important;
  }
  .smass-home-hero{
    padding-top:2.25rem!important;
    padding-bottom:3.25rem!important;
  }
  .smass-home-hero>.relative.max-w-7xl{
    gap:2rem!important;
  }
  h1{
    font-size:clamp(2.25rem, 11vw, 3.15rem)!important;
    line-height:1!important;
    letter-spacing:-.055em!important;
  }
  h2{
    font-size:clamp(1.9rem, 8vw, 2.55rem)!important;
    line-height:1.05!important;
  }
  .inline-flex.rounded-full,
  a.rounded-full,
  button.rounded-full{
    white-space:normal!important;
  }
  .smass-page-main>section:first-child>.relative.max-w-7xl.py-10,
  .smass-page-main>section:first-child>.relative.max-w-7xl.lg\:py-14{
    padding-top:2.25rem!important;
    padding-bottom:2.75rem!important;
  }
}
@media(max-width:420px){
  .smass-site-header .tracking-\[0\.24em\]{letter-spacing:.12em!important;}
  .smass-home-hero .grid{gap:1.75rem!important;}
  .smass-home-hero a{width:100%;justify-content:center;text-align:center;}
}

/* SMASS v35 – finaler Fix: absolute Deko-Elemente aus dem Layoutfluss nehmen
   Ursache des großen Leerraums: eine alte Regel main>section:first-child>div überschreibt Tailwind .absolute. */
main.smass-page-main > section:first-child > div.absolute,
main.smass-page-main > section:first-child > div[class*="absolute"],
.smass-home-hero > div.absolute,
.smass-home-hero > div[class*="absolute"]{
  position:absolute!important;
  pointer-events:none!important;
}
main.smass-page-main > section:first-child > div:not(.absolute):not([class*="absolute"]),
.smass-home-hero > div.relative.max-w-7xl{
  position:relative!important;
  z-index:2!important;
}
main.smass-page-main,
main.smass-page-main:before{
  margin-top:0!important;
  padding-top:0!important;
}
.smass-home-hero{
  padding-top:3.6rem!important;
  padding-bottom:5rem!important;
  min-height:auto!important;
  height:auto!important;
}
.smass-home-hero > .relative.max-w-7xl{
  min-height:0!important;
  height:auto!important;
  align-items:center!important;
}
.smass-page-main > section:first-child{
  min-height:auto!important;
  height:auto!important;
  margin-top:0!important;
}
.smass-page-main > section:first-child > .relative.max-w-7xl.py-10,
.smass-page-main > section:first-child > .relative.max-w-7xl.lg\:py-14{
  padding-top:3.2rem!important;
  padding-bottom:3.8rem!important;
}

/* Admin Login v35 – bessere Desktop-/Mobile-Darstellung */
body.smass-admin-login{
  min-height:100vh!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
}
body.smass-admin-login main.smass-admin-main{
  padding-top:2rem!important;
  padding-bottom:2rem!important;
}
body.smass-admin-login .smass-admin-card{
  background:rgba(255,255,255,.90)!important;
  color:#071827!important;
}
body.smass-admin-login .smass-admin-card h1,
body.smass-admin-login .smass-admin-card h2,
body.smass-admin-login .smass-admin-card h3,
body.smass-admin-login .smass-admin-card label{
  color:#071827!important;
}
body.smass-admin-login .smass-admin-card p{
  color:#475569!important;
}
body.smass-admin-login .smass-admin-card input{
  min-height:3.65rem!important;
  font-size:1rem!important;
}
body.smass-admin-login .smass-admin-card button{
  min-height:3.65rem!important;
}
body.smass-admin-login code{
  white-space:normal!important;
  word-break:break-word!important;
}
@media(max-width:1023px){
  body.smass-admin-login main.smass-admin-main{
    align-items:flex-start!important;
    padding-top:1.25rem!important;
    padding-bottom:1.25rem!important;
  }
  body.smass-admin-login .smass-admin-card{
    max-width:32rem!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}
@media(max-width:768px){
  .smass-home-hero{
    padding-top:2.1rem!important;
    padding-bottom:3.25rem!important;
  }
  .smass-home-hero > .relative.max-w-7xl{
    gap:2rem!important;
  }
  .smass-page-main > section:first-child > .relative.max-w-7xl.py-10,
  .smass-page-main > section:first-child > .relative.max-w-7xl.lg\:py-14{
    padding-top:2.3rem!important;
    padding-bottom:2.9rem!important;
  }
  body.smass-admin-login .smass-admin-card{
    border-radius:1.7rem!important;
    padding:1.65rem!important;
  }
  body.smass-admin-login .smass-admin-card h2{
    font-size:clamp(2rem, 9vw, 2.65rem)!important;
    line-height:1.05!important;
  }
  body.smass-admin-login .smass-admin-card .flex.items-center.justify-between{
    align-items:flex-start!important;
  }
}
@media(max-width:420px){
  body.smass-admin-login main.smass-admin-main{
    padding-left:.85rem!important;
    padding-right:.85rem!important;
  }
  body.smass-admin-login .smass-admin-card{
    padding:1.45rem!important;
  }
  body.smass-admin-login .smass-admin-card a.rounded-full{
    padding-left:.85rem!important;
    padding-right:.85rem!important;
  }
}

/* SMASS v36 – Admin Cockpit Feinschliff */
body.smass-admin-shell{
  background:
    radial-gradient(circle at 8% 0%, rgba(16,114,186,.15), transparent 28rem),
    radial-gradient(circle at 98% 4%, rgba(154,205,50,.16), transparent 26rem),
    linear-gradient(180deg,#f4f8fc 0%,#eef4f8 100%)!important;
  color:#071827!important;
}
body.smass-admin-shell:before{display:none!important;}
body.smass-admin-shell main{padding-top:1.75rem!important;overflow:visible!important;}
body.smass-admin-shell main:before{display:none!important;}
body.smass-admin-shell h1,
body.smass-admin-shell h2,
body.smass-admin-shell h3{color:#071827!important;}
body.smass-admin-shell .bg-slate-950 h1,
body.smass-admin-shell .bg-slate-950 h2,
body.smass-admin-shell .bg-slate-950 h3,
body.smass-admin-shell .bg-slate-950 p{color:inherit!important;}
body.smass-admin-shell aside.bg-slate-950{
  background:linear-gradient(180deg,#071827 0%,#0A3E63 72%,#08314f 100%)!important;
  box-shadow:18px 0 60px rgba(7,24,39,.12)!important;
}
body.smass-admin-shell header{
  background:rgba(255,255,255,.93)!important;
}
body.smass-admin-shell .smass-admin-dashboard > section:first-child h1{color:#fff!important;}
body.smass-admin-shell .smass-admin-dashboard > section:first-child p{color:rgba(255,255,255,.72)!important;}
body.smass-admin-shell .smass-admin-dashboard > section:first-child .bg-white p{color:#475569!important;}
.smass-admin-mobile-nav::-webkit-scrollbar{display:none;}
.smass-admin-mobile-nav{scrollbar-width:none;}
@media(max-width:1023px){
  body.smass-admin-shell main.smass-admin-content{
    padding-top:1.25rem!important;
    padding-left:1rem!important;
    padding-right:1rem!important;
  }
  body.smass-admin-shell .smass-admin-dashboard > section:first-child{
    border-radius:1.7rem!important;
    padding:1.45rem!important;
  }
  body.smass-admin-shell .smass-admin-dashboard > section:first-child h1{
    font-size:clamp(2.15rem,8vw,3.35rem)!important;
    line-height:1!important;
  }
}
@media(max-width:640px){
  body.smass-admin-shell header .min-h-\[4\.8rem\]{
    min-height:4.4rem!important;
  }
  body.smass-admin-shell header a.rounded-full{
    padding-left:.85rem!important;
    padding-right:.85rem!important;
  }
  body.smass-admin-shell .smass-admin-dashboard .grid.md\:grid-cols-2{
    grid-template-columns:1fr!important;
  }
}

/* SMASS v37 – Admin Vereinbarungen: mobile Formulare & Aktionsleisten */
.smass-admin-content form input[type="checkbox"]{
  width:1.05rem!important;height:1.05rem!important;accent-color:#1072BA;
}
.smass-admin-content form button{cursor:pointer;}
@media(max-width:768px){
  .smass-admin-content table{min-width:760px;}
  .smass-admin-content .rounded-\[2rem\]{border-radius:1.35rem!important;}
  .smass-admin-content input,.smass-admin-content select,.smass-admin-content textarea{font-size:16px!important;}
}

/* SMASS v38 – Adminbereich konsequent mobilfähig */
body.smass-admin-shell{
  -webkit-text-size-adjust:100%;
  overflow-x:hidden!important;
}
body.smass-admin-shell .min-h-screen.flex{
  min-width:0!important;
}
body.smass-admin-shell .flex-1,
body.smass-admin-shell .smass-admin-content,
body.smass-admin-shell .max-w-7xl{
  min-width:0!important;
}
body.smass-admin-shell header{
  position:sticky!important;
  top:0!important;
  z-index:60!important;
}
.smass-admin-top-actions a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:2.35rem!important;
}
.smass-admin-mobile-nav{
  -webkit-overflow-scrolling:touch;
  scroll-snap-type:x proximity;
  padding-bottom:.85rem!important;
}
.smass-admin-mobile-nav a{
  scroll-snap-align:start;
  white-space:nowrap!important;
  min-height:2.55rem!important;
}
.smass-admin-bottom-nav{
  position:fixed;
  left:.85rem;
  right:.85rem;
  bottom:.85rem;
  z-index:70;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:.45rem;
  padding:.55rem;
  border:1px solid rgba(148,163,184,.24);
  border-radius:1.35rem;
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(22px);
  box-shadow:0 22px 70px rgba(15,23,42,.18);
}
.smass-admin-bottom-nav a{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:2.65rem;
  border-radius:1rem;
  color:#475569;
  font-size:.72rem;
  font-weight:950;
  text-decoration:none!important;
  letter-spacing:-.01em;
}
.smass-admin-bottom-nav a.is-active{
  color:#fff;
  background:linear-gradient(135deg,#071827,#0A3E63);
  box-shadow:0 12px 28px rgba(7,24,39,.20);
}
body.smass-admin-shell .smass-admin-content h1{
  word-break:normal!important;
  overflow-wrap:break-word!important;
}
body.smass-admin-shell .smass-admin-content p,
body.smass-admin-shell .smass-admin-content div,
body.smass-admin-shell .smass-admin-content a,
body.smass-admin-shell .smass-admin-content span{
  max-width:100%;
}
body.smass-admin-shell .smass-admin-content article,
body.smass-admin-shell .smass-admin-content section,
body.smass-admin-shell .smass-admin-content form{
  max-width:100%;
}
body.smass-admin-shell .smass-admin-content input,
body.smass-admin-shell .smass-admin-content select,
body.smass-admin-shell .smass-admin-content textarea,
body.smass-admin-shell .smass-admin-content button{
  max-width:100%;
}
body.smass-admin-shell .smass-admin-content textarea{
  resize:vertical;
}
body.smass-admin-shell .smass-admin-content .overflow-x-auto{
  -webkit-overflow-scrolling:touch;
  border-radius:1.15rem;
}
body.smass-admin-shell .smass-admin-content table{
  width:100%;
}
body.smass-admin-shell .smass-admin-content .bg-slate-950.text-white h1,
body.smass-admin-shell .smass-admin-content .bg-slate-950.text-white h2,
body.smass-admin-shell .smass-admin-content .bg-slate-950.text-white h3{
  color:#fff!important;
}
body.smass-admin-shell .smass-admin-content .bg-slate-950.text-white p{
  color:rgba(255,255,255,.72)!important;
}
@media(max-width:1279px){
  body.smass-admin-shell{
    padding-bottom:5.75rem!important;
  }
  body.smass-admin-shell .smass-admin-content{
    padding-bottom:6.75rem!important;
  }
}
@media(max-width:768px){
  body.smass-admin-shell header .px-4.lg\:px-8.min-h-\[4\.8rem\]{
    min-height:auto!important;
    padding-top:.8rem!important;
    padding-bottom:.7rem!important;
    align-items:flex-start!important;
  }
  body.smass-admin-shell header .font-black.text-lg{
    font-size:.98rem!important;
    line-height:1.15!important;
  }
  body.smass-admin-shell header .text-\[10px\].uppercase{
    font-size:.58rem!important;
    letter-spacing:.14em!important;
  }
  .smass-admin-top-actions{
    gap:.4rem!important;
  }
  .smass-admin-top-actions a{
    min-height:2.25rem!important;
    padding-left:.75rem!important;
    padding-right:.75rem!important;
    font-size:.68rem!important;
  }
  body.smass-admin-shell main.smass-admin-content{
    padding-top:1rem!important;
    padding-left:.85rem!important;
    padding-right:.85rem!important;
  }
  body.smass-admin-shell .smass-admin-content .mb-8{
    margin-bottom:1.15rem!important;
  }
  body.smass-admin-shell .smass-admin-content h1{
    font-size:clamp(2rem,8.6vw,2.7rem)!important;
    line-height:1.04!important;
    letter-spacing:-.055em!important;
  }
  body.smass-admin-shell .smass-admin-content h2{
    font-size:clamp(1.45rem,6.6vw,2rem)!important;
    line-height:1.08!important;
  }
  body.smass-admin-shell .smass-admin-content h3{
    font-size:1rem!important;
    line-height:1.2!important;
  }
  body.smass-admin-shell .smass-admin-content .rounded-\[2rem\],
  body.smass-admin-shell .smass-admin-content .rounded-\[1\.8rem\]{
    border-radius:1.35rem!important;
  }
  body.smass-admin-shell .smass-admin-content .p-6{
    padding:1.05rem!important;
  }
  body.smass-admin-shell .smass-admin-content .p-5{
    padding:1rem!important;
  }
  body.smass-admin-shell .smass-admin-content .py-5{
    padding-top:1rem!important;
    padding-bottom:1rem!important;
  }
  body.smass-admin-shell .smass-admin-content .grid{
    gap:1rem!important;
  }
  body.smass-admin-shell .smass-admin-content input,
  body.smass-admin-shell .smass-admin-content select,
  body.smass-admin-shell .smass-admin-content textarea{
    width:100%!important;
    min-height:3.25rem!important;
    font-size:16px!important;
  }
  body.smass-admin-shell .smass-admin-content textarea{
    min-height:7rem!important;
  }
  body.smass-admin-shell .smass-admin-content button,
  body.smass-admin-shell .smass-admin-content a.rounded-full{
    min-height:2.65rem!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
  }
  body.smass-admin-shell .smass-admin-content .flex.flex-wrap.gap-3,
  body.smass-admin-shell .smass-admin-content .flex.flex-wrap.gap-2{
    gap:.55rem!important;
  }
  body.smass-admin-shell .smass-admin-content form .flex.flex-wrap a,
  body.smass-admin-shell .smass-admin-content form .flex.flex-wrap button{
    flex:1 1 100%!important;
    width:100%!important;
  }
  body.smass-admin-shell .smass-admin-content article .flex.items-start.justify-between{
    align-items:flex-start!important;
  }
  body.smass-admin-shell .smass-admin-content article .shrink-0.rounded-full,
  body.smass-admin-shell .smass-admin-content article span.rounded-full{
    white-space:normal!important;
    text-align:center!important;
  }
  body.smass-admin-shell .smass-admin-dashboard > section:first-child{
    padding:1.2rem!important;
  }
  body.smass-admin-shell .smass-admin-dashboard > section:first-child .grid.grid-cols-1.sm\:grid-cols-3,
  body.smass-admin-shell .smass-admin-dashboard > section:first-child .grid.grid-cols-1.sm\:grid-cols-3.xl\:grid-cols-1{
    grid-template-columns:1fr!important;
  }
  body.smass-admin-shell .smass-admin-content .grid.grid-cols-2{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:480px){
  body.smass-admin-shell header .px-4.lg\:px-8.min-h-\[4\.8rem\]{
    gap:.65rem!important;
  }
  body.smass-admin-shell header .min-w-0{
    min-width:0!important;
  }
  body.smass-admin-shell header .font-black.text-lg{
    max-width:58vw;
  }
  .smass-admin-mobile-nav{
    padding-left:.85rem!important;
    padding-right:.85rem!important;
  }
  .smass-admin-mobile-nav a{
    padding-left:1rem!important;
    padding-right:1rem!important;
  }
  .smass-admin-bottom-nav{
    left:.55rem;
    right:.55rem;
    bottom:.55rem;
    border-radius:1.2rem;
  }
  .smass-admin-bottom-nav a{
    min-height:2.55rem;
    font-size:.68rem;
  }
  body.smass-admin-shell main.smass-admin-content{
    padding-left:.7rem!important;
    padding-right:.7rem!important;
  }
}


/* SMASS v39 – Admin Mobile Navigation ohne Slider + aktive Filter lesbar */
@media (max-width: 1279px) {
  .smass-admin-mobile-nav {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: .55rem !important;
    overflow: visible !important;
    padding: 0 1rem .9rem 1rem !important;
    scroll-snap-type: none !important;
  }
  .smass-admin-mobile-nav a {
    width: 100% !important;
    min-width: 0 !important;
    flex: initial !important;
    white-space: normal !important;
    text-align: center !important;
    line-height: 1.1 !important;
    padding: .82rem .55rem !important;
    border-radius: 1.05rem !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 2.85rem !important;
  }
}
@media (max-width: 520px) {
  .smass-admin-mobile-nav {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    padding-left: .85rem !important;
    padding-right: .85rem !important;
  }
  .smass-admin-mobile-nav a {
    font-size: .74rem !important;
    padding-left: .5rem !important;
    padding-right: .5rem !important;
  }
}

/* Filter-Pills im Admin: aktive Auswahl nie weiß auf weiß */
.smass-admin-content .smass-filter-pill {
  background: rgba(255,255,255,.86) !important;
  color: #334155 !important;
  border-color: rgba(203,213,225,.9) !important;
  box-shadow: 0 10px 26px rgba(15,23,42,.055) !important;
  text-decoration: none !important;
}
.smass-admin-content .smass-filter-pill:hover {
  color: #071827 !important;
  border-color: rgba(16,114,186,.45) !important;
  background: #fff !important;
}
.smass-admin-content .smass-filter-pill.is-active {
  background: linear-gradient(135deg,#1072BA,#0A3E63) !important;
  color: #fff !important;
  border-color: transparent !important;
  box-shadow: 0 16px 36px rgba(16,114,186,.26) !important;
}
.smass-admin-content .smass-filter-pill.is-active:hover {
  color: #fff !important;
}
@media (max-width: 768px) {
  .smass-admin-content .smass-filter-pill {
    flex: 1 1 calc(50% - .55rem) !important;
    min-height: 2.8rem !important;
    padding-left: .75rem !important;
    padding-right: .75rem !important;
  }
}

/* SMASS v40 – Anfragebearbeitung mobil und desktop stabil */
.smass-admin-requests .smass-admin-form input,
.smass-admin-requests .smass-admin-form select,
.smass-admin-requests .smass-admin-form textarea{
  width:100%!important;
  min-height:3.05rem!important;
  border:1px solid rgba(203,213,225,.95)!important;
  padding:.85rem 1rem!important;
  font-weight:700!important;
  color:#071827!important;
  background:rgba(255,255,255,.92)!important;
}
.smass-admin-requests .smass-admin-form textarea{min-height:auto!important;line-height:1.6!important;}
.smass-admin-requests .smass-checkbox-list input{width:1rem!important;min-height:1rem!important;padding:0!important;accent-color:#1072BA;}
.smass-admin-requests .smass-request-card{scroll-margin-top:7rem;}
.smass-admin-requests .smass-request-card h2{word-break:normal!important;overflow-wrap:anywhere!important;}
@media(max-width:768px){
  .smass-admin-requests h1{font-size:2.2rem!important;line-height:1.02!important;}
  .smass-admin-requests .smass-admin-form{padding:1rem!important;gap:1rem!important;}
  .smass-admin-requests section.grid.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .smass-admin-requests .smass-request-card{border-radius:1.45rem!important;}
  .smass-admin-requests .smass-request-card > div{padding-left:1rem!important;padding-right:1rem!important;}
  .smass-admin-requests .smass-request-card .rounded-full{white-space:normal!important;}
}
@media(max-width:420px){
  .smass-admin-requests section.grid.grid-cols-2{grid-template-columns:1fr!important;}
  .smass-admin-requests h1{font-size:2rem!important;}
}


/* SMASS v41 – Projekt-Assistent mit Anfrage-Speicherung */
.smass-assistant-page .step-panel{scroll-margin-top:6.5rem;}
.smass-assistant-page .choice,.smass-assistant-page .chip{cursor:pointer;}
.smass-assistant-page .choice:focus-visible,.smass-assistant-page .chip:focus-visible,.smass-assistant-page button:focus-visible,.smass-assistant-page a:focus-visible{outline:3px solid rgba(16,114,186,.32)!important;outline-offset:3px!important;}
.smass-assistant-submit-form input,.smass-assistant-submit-form textarea{font-size:1rem!important;}
.smass-assistant-submit-form button{white-space:normal!important;}
@media(max-width:768px){
  .smass-assistant-page h1{font-size:2.55rem!important;line-height:1!important;}
  .smass-assistant-page .step-panel{border-radius:1.45rem!important;padding:1.05rem!important;}
  .smass-assistant-page .choice{padding:1rem!important;border-radius:1.25rem!important;}
  .smass-assistant-page .chip{width:100%!important;justify-content:center!important;text-align:center!important;}
  .smass-assistant-page aside .smass-glass{border-radius:1.45rem!important;padding:1rem!important;}
  .smass-assistant-submit-form{border-radius:1.35rem!important;padding:1rem!important;}
  .assistant-input{min-height:3.15rem!important;border-radius:1rem!important;}
}


/* SMASS v42 – Projekt-Assistent kompakter Wizard + lesbare aktive Auswahl */
.smass-assistant-page .step-panel{display:none!important;}
.smass-assistant-page .step-panel.visible{display:block!important;}
.smass-assistant-page .choice.active{
  border-color:#1072BA!important;
  background:linear-gradient(180deg,#fff,#eef8ff)!important;
  color:#071827!important;
  box-shadow:0 18px 50px rgba(16,114,186,.16)!important;
}
.smass-assistant-page .chip.active{
  background:linear-gradient(135deg,#1072BA,#0A3E63)!important;
  color:#fff!important;
  border-color:transparent!important;
  box-shadow:0 14px 34px rgba(16,114,186,.22)!important;
}
.smass-assistant-page .chip.active:hover{color:#fff!important;}
.smass-assistant-page .assistant-step-dot{min-height:2.55rem!important;}
.smass-assistant-page .assistant-step-dot.active,
.smass-assistant-page .assistant-step-dot.done{
  background:linear-gradient(135deg,#1072BA,#0A3E63)!important;
  color:#fff!important;
  border-color:transparent!important;
}
@media(max-width:768px){
  .smass-assistant-page .smass-glass{box-shadow:0 18px 55px rgba(15,23,42,.08)!important;}
  .smass-assistant-page .step-panel{min-height:auto!important;}
  .smass-assistant-page .grid.sm\:grid-cols-2{grid-template-columns:1fr!important;}
  .smass-assistant-page #resultsGrid{grid-template-columns:1fr!important;}
  .smass-assistant-page .assistant-step-dot{border-radius:1rem!important;font-size:.8rem!important;}
}

/* SMASS v43 – E-Mail-Templates & professionelle Mockups */
.smass-admin-email-templates .smass-admin-form input,
.smass-admin-email-templates .smass-admin-form select,
.smass-admin-email-templates .smass-admin-form textarea{
  width:100%!important;
  min-height:3.05rem!important;
  border:1px solid rgba(203,213,225,.95)!important;
  padding:.85rem 1rem!important;
  font-weight:700!important;
  color:#071827!important;
  background:rgba(255,255,255,.94)!important;
}
.smass-admin-email-templates .smass-admin-form textarea{line-height:1.55!important;min-height:auto!important;}
.smass-email-preview-shell{overflow:auto!important;}
.smass-email-mockup{width:100%;min-width:0;}
.smass-email-mockup *{box-sizing:border-box;}
.smass-email-mockup a{text-decoration:none;}
@media(max-width:768px){
  .smass-admin-email-templates h1{font-size:2.15rem!important;line-height:1.02!important;}
  .smass-admin-email-templates .rounded-\[2rem\]{border-radius:1.45rem!important;}
  .smass-admin-email-templates .smass-admin-form{padding:1rem!important;}
  .smass-email-preview-shell{padding:.75rem!important;}
  .smass-email-mockup{transform:scale(.92);transform-origin:top left;width:108%;}
}
@media(max-width:420px){
  .smass-email-mockup{transform:scale(.82);width:122%;}
}


/* SMASS v45 – E-Mail aus Anfrage vorbereiten */
.smass-email-compose textarea[readonly],
.smass-email-compose input[readonly]{cursor:pointer;background:#f8fafc!important;}
.smass-email-compose .smass-email-preview-shell{overflow:auto;}
@media(max-width:768px){
  .smass-email-compose .smass-email-mockup{min-width:620px;transform:scale(.86);transform-origin:top left;margin-bottom:-4.8rem;}
}

/* SMASS v45 – Projektvorschläge mit öffentlichem Vorschlagslink */
.smass-public-offer-main{padding-top:0!important;overflow:visible!important;}
.smass-public-offer-main>section:first-child{min-height:auto!important;}
.smass-public-offer-response textarea{width:100%;border-radius:1rem!important;border:1px solid rgba(148,163,184,.35)!important;background:rgba(255,255,255,.92)!important;padding:.9rem 1rem!important;font-size:16px!important;}
.smass-response-option{display:flex;align-items:flex-start;gap:.85rem;border:1px solid rgba(148,163,184,.28);background:#f8fafc;border-radius:1.2rem;padding:1rem;font-weight:900;color:#334155;cursor:pointer;transition:.18s ease;}
.smass-response-option:hover{border-color:rgba(16,114,186,.45);background:#eef8ff;transform:translateY(-1px);}
.smass-response-option input{margin-top:.2rem;accent-color:#1072BA;}
.smass-response-option:has(input:checked){border-color:rgba(16,114,186,.55);background:linear-gradient(135deg,rgba(16,114,186,.10),rgba(154,205,50,.12));color:#071827;box-shadow:0 16px 42px rgba(15,23,42,.08);}
.smass-admin-offers input[readonly]{color:#fff!important;-webkit-text-fill-color:#fff!important;}
@media(max-width:768px){
  .smass-public-offer-main h1{font-size:2.7rem!important;line-height:.98!important;}
  .smass-public-offer-main .sticky{position:relative!important;top:auto!important;}
  .smass-response-option{padding:.9rem;border-radius:1rem;}
}

/* SMASS v48 – Admin Mobile Menü als aufklappbares Panel + E-Mail-Editor ohne \n-Störung */
@media (max-width: 1279px) {
  .smass-admin-mobile-nav,
  .smass-admin-bottom-nav {
    display: none !important;
  }
  body.smass-admin-shell {
    padding-bottom: 1.5rem !important;
  }
  body.smass-admin-shell .smass-admin-content {
    padding-bottom: 2rem !important;
  }
  .smass-admin-mobile-menu-fab {
    position: fixed;
    right: 1rem;
    bottom: 1rem;
    z-index: 90;
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    min-height: 3.25rem;
    padding: .75rem 1.05rem;
    border: 1px solid rgba(255,255,255,.85);
    border-radius: 999px;
    background: linear-gradient(135deg,#071827,#0A3E63);
    color: #fff;
    font-size: .82rem;
    font-weight: 950;
    box-shadow: 0 22px 70px rgba(7,24,39,.28);
  }
  .smass-admin-menu-icon {
    width: 1.05rem;
    height: .78rem;
    display: inline-block;
    position: relative;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
  }
  .smass-admin-menu-icon:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    border-top: 2px solid #fff;
    transform: translateY(-50%);
  }
  .smass-admin-mobile-menu-backdrop {
    position: fixed;
    inset: 0;
    z-index: 80;
    background: rgba(7,24,39,.48);
    backdrop-filter: blur(7px);
  }
  .smass-admin-mobile-panel {
    position: fixed;
    left: .85rem;
    right: .85rem;
    bottom: .85rem;
    z-index: 95;
    max-height: min(78vh, 38rem);
    overflow: auto;
    border: 1px solid rgba(255,255,255,.82);
    border-radius: 1.65rem;
    background: rgba(255,255,255,.96);
    backdrop-filter: blur(24px);
    box-shadow: 0 32px 110px rgba(7,24,39,.28);
    padding: .85rem;
  }
  .smass-admin-mobile-panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .55rem .55rem .85rem;
    border-bottom: 1px solid rgba(148,163,184,.22);
    margin-bottom: .75rem;
  }
  .smass-admin-mobile-panel-head p {
    margin: 0 0 .15rem;
    font-size: .62rem;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: #1072BA !important;
    font-weight: 950;
    line-height: 1.2 !important;
  }
  .smass-admin-mobile-panel-head strong {
    display: block;
    color: #071827;
    font-size: 1.15rem;
    line-height: 1.1;
    font-weight: 950;
  }
  .smass-admin-mobile-panel-head button {
    width: 2.55rem;
    height: 2.55rem;
    border-radius: 999px;
    border: 1px solid rgba(148,163,184,.35);
    background: #fff;
    color: #071827;
    font-size: 1.45rem;
    line-height: 1;
    font-weight: 900;
  }
  .smass-admin-mobile-panel-links {
    display: grid;
    gap: .55rem;
  }
  .smass-admin-mobile-panel-links a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    min-height: 3.15rem;
    padding: .85rem 1rem;
    border: 1px solid rgba(203,213,225,.72);
    border-radius: 1.1rem;
    background: #f8fafc;
    color: #334155;
    text-decoration: none !important;
    font-size: .9rem;
    font-weight: 950;
  }
  .smass-admin-mobile-panel-links a em {
    font-style: normal;
    font-size: .62rem;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #94a3b8;
    font-weight: 950;
  }
  .smass-admin-mobile-panel-links a.is-active {
    background: linear-gradient(135deg,#1072BA,#0A3E63) !important;
    color: #fff !important;
    border-color: transparent !important;
    box-shadow: 0 16px 40px rgba(16,114,186,.25);
  }
  .smass-admin-mobile-panel-links a.is-active em {
    color: rgba(255,255,255,.72) !important;
  }
  body.smass-admin-menu-open {
    overflow: hidden !important;
  }
}
@media (max-width: 420px) {
  .smass-admin-mobile-panel {
    left: .6rem;
    right: .6rem;
    bottom: .6rem;
    border-radius: 1.35rem;
  }
  .smass-admin-mobile-menu-fab {
    right: .75rem;
    bottom: .75rem;
  }
}
.smass-admin-email-templates textarea[name="html"] {
  white-space: pre !important;
  overflow: auto !important;
}


/* SMASS v49 – Matching-Engine Admin-Ansicht */
.smass-match-score{position:relative;overflow:hidden;border-radius:999px;background:#e2e8f0;height:.7rem;}
.smass-match-score > span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#1072BA,#9ACD32);}
.smass-match-reason{display:inline-flex;align-items:center;border-radius:999px;border:1px solid rgba(148,163,184,.22);background:rgba(255,255,255,.76);padding:.45rem .7rem;font-size:.72rem;font-weight:800;color:#475569;}
.smass-matching-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;}
@media(min-width:1024px){.smass-matching-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);}}

/* SMASS v52 – Komponenten-Mediengalerie & Lightbox */
.smass-lightbox-trigger{cursor:pointer;transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;}
.smass-lightbox-trigger:hover{transform:translateY(-2px);box-shadow:0 20px 55px rgba(15,23,42,.16);border-color:rgba(16,114,186,.32)!important;}
@media(max-width:768px){.smass-lightbox-trigger:hover{transform:none;}}


/* SMASS v52.2 – Komponentenseite: dunkle CTA-Box + Lightbox-Navigation */
.bg-smass-ink,
.bg-smass-ink.rounded-\[2rem\],
section.bg-smass-ink{
  background:#071827!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 36px 105px rgba(7,24,39,.24)!important;
}
.bg-smass-ink h1,.bg-smass-ink h2,.bg-smass-ink h3,.bg-smass-ink h4{color:#fff!important;text-shadow:0 1px 0 rgba(0,0,0,.10)!important;}
.bg-smass-ink p,.bg-smass-ink li{color:rgba(255,255,255,.78)!important;}
.bg-smass-ink .text-white,.bg-smass-ink .text-white\/90,.bg-smass-ink .text-white\/80{color:#fff!important;}
.bg-smass-ink .text-white\/70{color:rgba(255,255,255,.72)!important;}
#smass-lightbox-prev,#smass-lightbox-next{line-height:1;min-width:3rem;min-height:3rem;display:flex;align-items:center;justify-content:center;}
#smass-lightbox-prev:hover,#smass-lightbox-next:hover,#smass-lightbox-close:hover{background:#f1f5f9!important;}
@media(max-width:640px){#smass-lightbox-prev,#smass-lightbox-next{top:auto!important;bottom:1rem!important;transform:none!important;}#smass-lightbox-prev{left:1rem!important;}#smass-lightbox-next{right:1rem!important;}#smass-lightbox-close{top:1rem!important;right:1rem!important;}}


/* SMASS v53.1 – Mobile Komponenten-Galerie: Swipe-Leiste */
.smass-mobile-gallery-wrap{position:relative;max-width:100%;overflow:hidden;}
.smass-mobile-gallery-wrap::after{content:"";position:absolute;right:0;top:0;bottom:1.6rem;width:3.2rem;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.96));border-radius:0 1rem 1rem 0;}
.smass-gallery-strip{display:flex;gap:.75rem;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;padding:.1rem 2.6rem .35rem .05rem;}
.smass-gallery-strip::-webkit-scrollbar{height:.45rem;}
.smass-gallery-strip::-webkit-scrollbar-thumb{background:rgba(16,114,186,.22);border-radius:999px;}
.smass-gallery-thumb,.smass-gallery-large-thumb{scroll-snap-align:start;}
.smass-gallery-swipe-hint{margin-top:.35rem;font-size:.68rem;line-height:1.2;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#64748b;}
.smass-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;}
@media(min-width:768px){.smass-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));}.smass-detail-gallery-wrap::after{display:none;}.smass-detail-gallery-wrap .smass-gallery-swipe-hint{display:none;}}
@media(max-width:640px){.smass-gallery-grid{display:flex;gap:.75rem;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;padding:.1rem 2.6rem .4rem .05rem;}.smass-gallery-large-thumb{flex:0 0 74%;min-width:74%;}.smass-gallery-thumb{width:7rem!important;height:4.8rem!important;}.smass-gallery-swipe-hint{display:block;}.smass-mobile-gallery-wrap::after{bottom:1.4rem;width:3.6rem;}}
@media(min-width:641px){.smass-gallery-swipe-hint{display:none;}}

/* SMASS v53.2 – Komponentenseite Mobile-Fix: kein horizontales Layout-Overflow + echte Swipe-Galerie */
@media (max-width: 767px){
  html, body { max-width: 100%; overflow-x: hidden; }
  .smass-page-main, .smass-page-main section, .smass-page-main .max-w-7xl, .smass-page-main .grid, .smass-page-main aside, .smass-page-main article, .smass-page-main div { min-width: 0; }
  .smass-page-main .grid { grid-template-columns: minmax(0,1fr) !important; }
  .smass-page-main .rounded-\[2rem\],
  .smass-page-main .rounded-\[1\.5rem\] { max-width: 100%; }
  .smass-page-main a.inline-flex,
  .smass-page-main button.inline-flex {
    max-width: 100%;
    min-width: 0;
    white-space: normal;
    text-align: center;
    line-height: 1.25;
  }
  .smass-page-main .flex.flex-col.sm\:flex-row > a,
  .smass-page-main .flex.flex-col.sm\:flex-row > button {
    width: 100%;
    justify-content: center;
  }
  .smass-page-main img { max-width: 100%; height: auto; }

  .smass-mobile-gallery-wrap{
    width:100%;
    max-width:100%;
    overflow:hidden;
    margin-left:0;
    margin-right:0;
  }
  .smass-gallery-strip{
    width:100%;
    max-width:100%;
    min-width:0;
    display:flex;
    flex-wrap:nowrap;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch;
    touch-action:pan-x;
    overscroll-behavior-x:contain;
    scroll-snap-type:x proximity;
    padding:.1rem 2.75rem .45rem .05rem;
  }
  .smass-gallery-strip .smass-gallery-thumb,
  .smass-gallery-thumb{
    flex:0 0 7rem!important;
    width:7rem!important;
    min-width:7rem!important;
    height:4.8rem!important;
  }
  .smass-gallery-grid{
    width:100%;
    max-width:100%;
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:.75rem;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch;
    touch-action:pan-x;
    overscroll-behavior-x:contain;
    scroll-snap-type:x proximity;
    padding:.1rem 2.75rem .45rem .05rem;
  }
  .smass-gallery-large-thumb{
    flex:0 0 76%!important;
    width:76%!important;
    min-width:76%!important;
  }
}

/* SMASS v59.2 – Komponenten-Detailseite: strukturierte Info-Karten statt langer Listen */
.smass-component-info-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1rem;
  align-items:start;
}
.smass-info-panel{
  border:1px solid rgba(226,232,240,.95);
  background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);
  border-radius:1.35rem;
  padding:1.15rem;
  box-shadow:0 18px 42px rgba(15,23,42,.055);
  min-width:0;
}
.smass-info-panel-feature{
  background:linear-gradient(135deg,rgba(16,114,186,.09),#fff 48%,rgba(154,205,50,.10));
}
.smass-info-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.9rem;}
.smass-info-panel-head h3{margin:0;color:#020617;font-size:1rem;line-height:1.15;font-weight:950;letter-spacing:-.015em;}
.smass-info-kicker{flex:0 0 auto;border-radius:999px;background:rgba(16,114,186,.10);color:#1072BA;font-size:.58rem;line-height:1;font-weight:950;text-transform:uppercase;letter-spacing:.12em;padding:.42rem .55rem;}
.smass-benefit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;}
.smass-benefit-tile{display:flex;gap:.55rem;align-items:flex-start;border:1px solid rgba(16,114,186,.12);background:rgba(255,255,255,.78);border-radius:1rem;padding:.72rem;min-width:0;}
.smass-benefit-tile span{display:flex;align-items:center;justify-content:center;flex:0 0 1.25rem;width:1.25rem;height:1.25rem;border-radius:999px;background:#1072BA;color:#fff;font-size:.72rem;font-weight:950;line-height:1;margin-top:.05rem;}
.smass-benefit-tile p{margin:0;color:#334155;font-size:.8rem;line-height:1.35;font-weight:750;}
.smass-chip-cloud,.smass-combo-cloud{display:flex;flex-wrap:wrap;gap:.5rem;}
.smass-chip-cloud span,.smass-combo-cloud span{display:inline-flex;align-items:center;border-radius:999px;border:1px solid rgba(16,114,186,.14);background:#fff;color:#334155;font-size:.76rem;line-height:1.2;font-weight:800;padding:.5rem .65rem;}
.smass-combo-cloud span{background:rgba(16,114,186,.06);color:#0A3E63;}
.smass-compact-list{display:grid;gap:.55rem;}
.smass-compact-list div{display:flex;gap:.55rem;align-items:flex-start;border-radius:.95rem;background:#fff;border:1px solid rgba(226,232,240,.8);padding:.62rem .7rem;}
.smass-compact-list span{color:#1072BA;font-weight:950;line-height:1.25;}
.smass-compact-list p{margin:0;color:#475569;font-size:.8rem;line-height:1.35;font-weight:750;}
@media(max-width:900px){.smass-component-info-grid{grid-template-columns:1fr}.smass-benefit-grid{grid-template-columns:1fr}}
@media(max-width:640px){.smass-info-panel{padding:1rem;border-radius:1.2rem}.smass-info-panel-head{display:block}.smass-info-kicker{display:inline-flex;margin-bottom:.55rem}.smass-chip-cloud span,.smass-combo-cloud span{font-size:.72rem}.smass-benefit-tile p,.smass-compact-list p{font-size:.76rem}}

/* SMASS v59.3 – Komponenten-Detailseite: ausklappbare Info-Boxen statt gedrückter Karten */
.smass-component-accordion{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:.85rem;
  margin-top:1.25rem;
}
.smass-info-accordion{
  border:1px solid rgba(226,232,240,.95);
  border-radius:1.35rem;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
  box-shadow:0 18px 42px rgba(15,23,42,.055);
  overflow:hidden;
  min-width:0;
}
.smass-info-accordion[open]{
  box-shadow:0 24px 58px rgba(15,23,42,.075);
  border-color:rgba(16,114,186,.18);
}
.smass-info-accordion summary{
  list-style:none;
  cursor:pointer;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto auto;
  align-items:center;
  gap:.75rem;
  padding:1rem 1.05rem;
  color:#020617;
  user-select:none;
}
.smass-info-accordion summary::-webkit-details-marker{display:none;}
.smass-info-accordion summary::after{
  content:"+";
  display:flex;
  align-items:center;
  justify-content:center;
  width:2rem;
  height:2rem;
  border-radius:999px;
  background:rgba(16,114,186,.08);
  color:#1072BA;
  font-weight:950;
  font-size:1rem;
  transition:transform .18s ease, background .18s ease;
}
.smass-info-accordion[open] summary::after{
  content:"−";
  background:#1072BA;
  color:#fff;
}
.smass-info-accordion summary strong{
  min-width:0;
  color:#020617;
  font-size:1.05rem;
  line-height:1.12;
  font-weight:950;
  letter-spacing:-.015em;
}
.smass-info-accordion summary em{
  font-style:normal;
  border-radius:999px;
  background:#f1f5f9;
  border:1px solid rgba(226,232,240,.95);
  color:#64748b;
  font-size:.68rem;
  line-height:1;
  font-weight:900;
  padding:.46rem .6rem;
  white-space:nowrap;
}
.smass-accordion-meta{
  border-radius:999px;
  background:rgba(16,114,186,.10);
  color:#1072BA;
  font-size:.58rem;
  line-height:1;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.12em;
  padding:.44rem .56rem;
  white-space:nowrap;
}
.smass-accordion-body{
  border-top:1px solid rgba(226,232,240,.75);
  padding:1rem 1.05rem 1.1rem;
  background:rgba(255,255,255,.52);
}
.smass-info-accordion .smass-benefit-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.7rem;
}
.smass-info-accordion .smass-benefit-tile{
  background:#fff;
  box-shadow:0 10px 25px rgba(15,23,42,.035);
}
.smass-info-accordion .smass-chip-cloud span,
.smass-info-accordion .smass-combo-cloud span{
  background:#fff;
  box-shadow:0 8px 22px rgba(15,23,42,.035);
}
.smass-info-accordion .smass-compact-list{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.65rem;
}
@media(max-width:900px){
  .smass-info-accordion .smass-benefit-grid,
  .smass-info-accordion .smass-compact-list{grid-template-columns:1fr;}
}
@media(max-width:640px){
  .smass-info-accordion{border-radius:1.2rem;}
  .smass-info-accordion summary{
    grid-template-columns:1fr auto;
    gap:.55rem .7rem;
    padding:.95rem;
  }
  .smass-info-accordion summary strong{grid-column:1 / 2;font-size:1rem;}
  .smass-info-accordion summary::after{grid-column:2 / 3;grid-row:1 / 3;}
  .smass-info-accordion summary em{grid-column:1 / 2;width:max-content;}
  .smass-accordion-meta{display:inline-flex;width:max-content;margin-bottom:.05rem;}
  .smass-accordion-body{padding:.9rem;}
}


/* SMASS v59.4 – Akkordeon: jeweils nur ein Bereich offen + ruhigere Listenpunkte */
.smass-component-accordion{
  gap:.78rem;
}
.smass-info-accordion{
  border-color:rgba(203,213,225,.82);
  background:#fff;
  box-shadow:0 12px 34px rgba(15,23,42,.045);
}
.smass-info-accordion[open]{
  border-color:rgba(16,114,186,.26);
  box-shadow:0 18px 48px rgba(15,23,42,.065);
}
.smass-info-accordion summary{
  padding:1.05rem 1.1rem;
}
.smass-info-accordion summary strong{
  font-weight:850;
  letter-spacing:-.01em;
}
.smass-info-accordion summary em{
  background:#f8fafc;
  color:#64748b;
  font-weight:750;
}
.smass-accordion-meta{
  background:rgba(16,114,186,.075);
  color:#1072BA;
  font-weight:850;
}
.smass-accordion-body{
  background:linear-gradient(180deg,rgba(248,251,255,.55),#fff 100%);
  padding:1.05rem 1.1rem 1.2rem;
}
.smass-info-accordion .smass-benefit-grid,
.smass-info-accordion .smass-compact-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.62rem;
}
.smass-info-accordion .smass-benefit-tile,
.smass-info-accordion .smass-compact-list div{
  border:1px solid rgba(226,232,240,.9);
  background:#fff;
  box-shadow:none;
  border-radius:1rem;
  padding:.72rem .78rem;
}
.smass-info-accordion .smass-benefit-tile span,
.smass-info-accordion .smass-compact-list span{
  width:1.35rem;
  height:1.35rem;
  min-width:1.35rem;
  border-radius:999px;
  background:rgba(16,114,186,.08);
  color:#1072BA;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:.72rem;
  font-weight:800;
  line-height:1;
}
.smass-info-accordion .smass-benefit-tile p,
.smass-info-accordion .smass-compact-list p{
  color:#475569;
  font-size:.82rem;
  line-height:1.45;
  font-weight:500;
}
.smass-info-accordion .smass-chip-cloud,
.smass-info-accordion .smass-combo-cloud{
  gap:.55rem;
}
.smass-info-accordion .smass-chip-cloud span,
.smass-info-accordion .smass-combo-cloud span{
  background:#fff;
  border-color:rgba(203,213,225,.78);
  color:#475569;
  box-shadow:none;
  font-size:.82rem;
  line-height:1.35;
  font-weight:500;
  padding:.56rem .72rem;
}
.smass-info-accordion .smass-combo-cloud span{
  background:rgba(16,114,186,.045);
  border-color:rgba(16,114,186,.14);
  color:#0f3f63;
}
@media(max-width:900px){
  .smass-info-accordion .smass-benefit-grid,
  .smass-info-accordion .smass-compact-list{grid-template-columns:1fr;}
}
@media(max-width:640px){
  .smass-info-accordion summary{padding:.95rem;}
  .smass-info-accordion .smass-benefit-tile p,
  .smass-info-accordion .smass-compact-list p,
  .smass-info-accordion .smass-chip-cloud span,
  .smass-info-accordion .smass-combo-cloud span{font-size:.78rem;}
}


/* SMASS v59.5 – Akkordeon-Kopf harmonisiert: Titel links, Anzahl beim Titel, Kategorie rechts */
.smass-info-accordion summary{
  grid-template-columns:minmax(0,auto) auto 1fr auto;
  gap:.55rem .7rem;
  align-items:center;
}
.smass-info-accordion summary strong{
  grid-column:1;
  grid-row:1;
  justify-self:start;
  font-weight:850;
}
.smass-info-accordion summary em{
  grid-column:2;
  grid-row:1;
  justify-self:start;
  background:#f8fafc;
  color:#64748b;
  border:1px solid rgba(203,213,225,.75);
  font-size:.72rem;
  font-weight:650;
  padding:.42rem .58rem;
}
.smass-accordion-meta{
  grid-column:3;
  grid-row:1;
  justify-self:end;
  margin-right:.1rem;
  background:rgba(16,114,186,.075);
  border:1px solid rgba(16,114,186,.09);
  color:#1072BA;
  font-size:.62rem;
  font-weight:850;
  padding:.48rem .62rem;
}
.smass-info-accordion summary::after{
  grid-column:4;
  grid-row:1;
}
.smass-info-accordion .smass-benefit-tile,
.smass-info-accordion .smass-compact-list div{
  align-items:flex-start;
  gap:.65rem;
}
.smass-info-accordion .smass-benefit-tile p,
.smass-info-accordion .smass-compact-list p{
  font-weight:450;
  color:#334155;
}
.smass-info-accordion .smass-chip-cloud span,
.smass-info-accordion .smass-combo-cloud span{
  font-weight:450;
  color:#334155;
}
@media(max-width:640px){
  .smass-info-accordion summary{
    grid-template-columns:minmax(0,1fr) auto;
    gap:.5rem .65rem;
  }
  .smass-info-accordion summary strong{
    grid-column:1;
    grid-row:1;
    font-size:1.02rem;
  }
  .smass-info-accordion summary em{
    grid-column:1;
    grid-row:2;
    justify-self:start;
    width:max-content;
  }
  .smass-accordion-meta{
    grid-column:1;
    grid-row:3;
    justify-self:start;
    width:max-content;
    margin-top:.05rem;
  }
  .smass-info-accordion summary::after{
    grid-column:2;
    grid-row:1 / 4;
    align-self:center;
  }
}

/* SMASS v60 – digitales Benutzerhandbuch im Adminbereich */
.smass-manual-page{scroll-behavior:smooth;}
.smass-manual-jump{display:flex;align-items:center;justify-content:space-between;min-height:64px;border:1px solid rgba(15,23,42,.08);background:#fff;border-radius:1.25rem;padding:1rem 1.1rem;font-weight:900;color:#0f172a;box-shadow:0 14px 35px rgba(15,23,42,.055);transition:.2s ease;}
.smass-manual-jump:hover{transform:translateY(-2px);border-color:rgba(16,114,186,.28);color:#1072BA;box-shadow:0 18px 45px rgba(15,23,42,.08);}
.smass-manual-card{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:2rem;padding:1.45rem;box-shadow:0 20px 60px rgba(15,23,42,.06);scroll-margin-top:7rem;}
@media(min-width:1024px){.smass-manual-card{padding:2rem;}}
.smass-manual-kicker{font-size:.68rem;text-transform:uppercase;letter-spacing:.22em;font-weight:950;color:#1072BA;margin-bottom:.7rem;}
.smass-manual-card h2{font-size:1.45rem;line-height:1.15;font-weight:950;letter-spacing:-.03em;color:#071827;margin:0 0 .85rem;}
@media(min-width:1024px){.smass-manual-card h2{font-size:2rem;}}
.smass-manual-card p{color:#475569;line-height:1.75;margin:0;}
.smass-manual-list{display:grid;gap:.75rem;margin:1.25rem 0 0;padding:0;list-style:none;}
.smass-manual-list li{position:relative;border:1px solid rgba(15,23,42,.07);background:linear-gradient(180deg,#fff,#f8fafc);border-radius:1.15rem;padding:.95rem 1rem .95rem 2.55rem;color:#334155;line-height:1.6;font-weight:550;}
.smass-manual-list li:before{content:'✓';position:absolute;left:1rem;top:1rem;width:1.05rem;height:1.05rem;border-radius:999px;background:rgba(154,205,50,.22);color:#365314;display:grid;place-items:center;font-size:.7rem;font-weight:950;}
.smass-manual-info{border:1px solid rgba(15,23,42,.08);background:#f8fafc;border-radius:1.35rem;padding:1.1rem;display:grid;gap:.45rem;}
.smass-manual-info strong{font-weight:950;color:#0f172a;}
.smass-manual-info span{color:#64748b;line-height:1.55;font-size:.92rem;}
.smass-manual-stepgrid{display:grid;gap:.85rem;margin-top:1.3rem;}
@media(min-width:900px){.smass-manual-stepgrid{grid-template-columns:repeat(4,minmax(0,1fr));}}
.smass-manual-stepgrid div{border:1px solid rgba(16,114,186,.14);background:linear-gradient(180deg,#fff,#f7fbff);border-radius:1.35rem;padding:1rem;display:grid;gap:.45rem;}
.smass-manual-stepgrid em{width:2rem;height:2rem;border-radius:.9rem;background:#1072BA;color:#fff;font-style:normal;font-weight:950;display:grid;place-items:center;font-size:.85rem;}
.smass-manual-stepgrid strong{font-weight:950;color:#071827;}
.smass-manual-stepgrid span{color:#64748b;line-height:1.5;font-size:.9rem;}
.smass-manual-note{margin-top:1.25rem!important;border:1px solid rgba(154,205,50,.22);background:rgba(154,205,50,.10);border-radius:1.25rem;padding:1rem;color:#365314!important;font-weight:700;}
.smass-manual-flow{display:grid;gap:.9rem;margin-top:1.2rem;counter-reset:flow;}
@media(min-width:900px){.smass-manual-flow{grid-template-columns:repeat(3,minmax(0,1fr));}}
.smass-manual-flow div{position:relative;border:1px solid rgba(15,23,42,.08);background:#fff;border-radius:1.35rem;padding:1.15rem;box-shadow:0 12px 30px rgba(15,23,42,.04);display:grid;gap:.45rem;}
.smass-manual-flow strong{font-weight:950;color:#0f172a;}
.smass-manual-flow span{color:#64748b;line-height:1.55;font-size:.92rem;}
@media print{
  body.smass-admin-shell{background:#fff!important;color:#111827!important;}
  aside,.smass-admin-top-actions,#smass-admin-menu-button,#smass-admin-mobile-panel,#smass-admin-menu-backdrop,header{display:none!important;}
  .smass-admin-content{padding:0!important;}
  .smass-manual-page{display:block!important;}
  .smass-manual-card{box-shadow:none!important;border:1px solid #e5e7eb!important;border-radius:16px!important;break-inside:avoid;page-break-inside:avoid;margin-bottom:14px!important;padding:18px!important;}
  .smass-manual-card h2{font-size:22px!important;}
  .smass-manual-card p,.smass-manual-list li{font-size:12px!important;line-height:1.5!important;}
  .rounded-\[2rem\]{border-radius:16px!important;box-shadow:none!important;}
  .print\:hidden{display:none!important;}
}

/* SMASS v61.2 – gruppierte Admin-Navigation */
.smass-admin-sidebar-nav{
  display:grid;
  gap:1.05rem;
  overflow:auto;
  scrollbar-width:thin;
  scrollbar-color:rgba(255,255,255,.25) transparent;
}
.smass-admin-nav-group{
  display:grid;
  gap:.42rem;
}
.smass-admin-nav-group-title{
  margin:0 .75rem .05rem!important;
  font-size:.62rem!important;
  line-height:1.1!important;
  letter-spacing:.18em;
  text-transform:uppercase;
  font-weight:950!important;
  color:rgba(255,255,255,.42)!important;
}
.smass-admin-nav-group-links{
  display:grid;
  gap:.32rem;
}
.smass-admin-nav-group + .smass-admin-nav-group{
  padding-top:.82rem;
  border-top:1px solid rgba(255,255,255,.075);
}
.smass-admin-nav-group-links a{
  min-height:2.72rem;
  display:flex;
  align-items:center;
}
.smass-admin-mobile-nav-group{
  display:grid;
  gap:.42rem;
}
.smass-admin-mobile-nav-group + .smass-admin-mobile-nav-group{
  margin-top:.85rem;
  padding-top:.85rem;
  border-top:1px solid rgba(148,163,184,.20);
}
.smass-admin-mobile-nav-group > p{
  margin:0 .15rem!important;
  font-size:.62rem!important;
  line-height:1.1!important;
  letter-spacing:.16em;
  text-transform:uppercase;
  font-weight:950!important;
  color:#1072BA!important;
}
.smass-admin-mobile-nav-group > div{
  display:grid;
  gap:.48rem;
}
@media(max-width:1279px){
  .smass-admin-mobile-panel-links{
    gap:0!important;
  }
}

/* SMASS v67.1 - Kompaktere KPI-Übersicht im Admin-Cockpit */
.smass-kpi-panel{
  border:1px solid rgba(226,232,240,.9);
  background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(248,250,252,.72));
  border-radius:2rem;
  padding:1rem;
  box-shadow:0 22px 60px rgba(15,23,42,.06);
}
.smass-kpi-panel-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:1rem;
  margin-bottom:.9rem;
  padding:.15rem .25rem 0;
}
.smass-kpi-grid-primary{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.65rem;
  margin-bottom:.65rem;
}
.smass-kpi-grid-secondary{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.55rem;
}
.smass-kpi-card{
  display:block;
  min-width:0;
  text-decoration:none;
  border:1px solid rgba(226,232,240,.95);
  background:rgba(255,255,255,.88);
  color:#0f172a;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}
.smass-kpi-card:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 38px rgba(15,23,42,.08);
  border-color:rgba(16,114,186,.26);
  background:#fff;
}
.smass-kpi-primary{
  border-radius:1.2rem;
  padding:.8rem .9rem;
  min-height:5.65rem;
}
.smass-kpi-topline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.5rem;
  margin-bottom:.35rem;
}
.smass-kpi-topline span,
.smass-kpi-mini span{
  display:block;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#94a3b8;
  font-size:.58rem;
  line-height:1.1;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.smass-kpi-topline em{
  font-style:normal;
  flex-shrink:0;
  border-radius:999px;
  background:rgba(16,114,186,.08);
  color:#1072ba;
  padding:.18rem .42rem;
  font-size:.56rem;
  line-height:1;
  font-weight:900;
}
.smass-kpi-value{
  font-size:1.65rem;
  line-height:1;
  font-weight:950;
  letter-spacing:-.045em;
  color:#020617;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.smass-kpi-primary p,
.smass-kpi-mini p{
  margin-top:.38rem;
  color:#64748b;
  font-size:.76rem;
  line-height:1.25;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.smass-kpi-mini{
  border-radius:1rem;
  padding:.65rem .75rem;
  min-height:4.5rem;
  background:rgba(255,255,255,.66);
}
.smass-kpi-mini strong{
  display:block;
  margin-top:.28rem;
  font-size:1.25rem;
  line-height:1;
  font-weight:950;
  letter-spacing:-.04em;
  color:#020617;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
@media (min-width:768px){
  .smass-kpi-panel{padding:1.1rem;}
  .smass-kpi-grid-primary{grid-template-columns:repeat(3,minmax(0,1fr));}
  .smass-kpi-grid-secondary{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (min-width:1280px){
  .smass-kpi-grid-primary{grid-template-columns:repeat(6,minmax(0,1fr));}
  .smass-kpi-grid-secondary{grid-template-columns:repeat(9,minmax(0,1fr));}
}
@media (max-width:480px){
  .smass-kpi-panel{border-radius:1.35rem;padding:.75rem;}
  .smass-kpi-panel-head h2{font-size:1.05rem;}
  .smass-kpi-grid-primary,.smass-kpi-grid-secondary{grid-template-columns:1fr;}
  .smass-kpi-primary{min-height:auto;}
  .smass-kpi-mini{min-height:auto;}
}


/* v81 – Performance-/Mobile-Sauberkeit */
img, video { max-width: 100%; height: auto; }
.smass-page-main > section { content-visibility: auto; contain-intrinsic-size: 1px 720px; }
.smass-no-content-visibility { content-visibility: visible; contain-intrinsic-size: auto; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
}
@media (max-width: 640px) {
  .smass-page-main { overflow-x: clip; }
}


/* SMASS v83.1 – Markenarchitektur & Premium-Schärfung */
.smass-site-header{padding-top:.55rem!important;}
.smass-site-header>div{background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(248,252,255,.84))!important;border:1px solid rgba(255,255,255,.92)!important;box-shadow:0 22px 80px rgba(7,24,39,.12)!important;}
.smass-brand-chip{display:inline-flex;align-items:center;gap:.5rem;border-radius:999px;background:rgba(16,114,186,.08);border:1px solid rgba(16,114,186,.14);padding:.5rem .8rem;color:#0A3E63;font-size:.68rem;font-weight:950;text-transform:uppercase;letter-spacing:.18em;}
.smass-brand-chip:before{content:"";width:.55rem;height:.55rem;border-radius:999px;background:#9ACD32;box-shadow:0 0 0 .38rem rgba(154,205,50,.16)}
.smass-world-hero{background:radial-gradient(circle at 12% 18%,rgba(154,205,50,.18),transparent 26rem),radial-gradient(circle at 82% 6%,rgba(16,114,186,.28),transparent 32rem),linear-gradient(135deg,#050b16 0%,#08233b 42%,#0A3E63 100%)!important;}
.smass-world-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(180deg,#000,transparent 76%);opacity:.55;pointer-events:none;}
.smass-world-frame{position:relative;overflow:hidden;border-radius:2.6rem;background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.18);box-shadow:0 45px 120px rgba(0,0,0,.28);}
.smass-world-frame:after{content:"";position:absolute;inset:auto -25% -42% 12%;height:16rem;background:radial-gradient(circle,rgba(154,205,50,.34),transparent 65%);filter:blur(34px);pointer-events:none;}
.smass-brand-note{border-radius:1.6rem;background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(245,250,255,.82));border:1px solid rgba(255,255,255,.82);box-shadow:0 20px 60px rgba(15,23,42,.08);}
.smass-premium-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(16,114,186,.26),rgba(154,205,50,.32),transparent)}
@media(max-width:768px){.smass-site-header{padding-top:.25rem!important}.smass-world-frame{border-radius:1.7rem}.smass-brand-chip{letter-spacing:.12em;font-size:.62rem}}


/* SMASS v84 – Premium Design Refresh für öffentliche Seiten und Adminbereich
   Ziel: hochwertigere Markenwirkung für SMASS Modular World ohne die bestehende Struktur umzubauen. */
:root{
  --smass-lux-ink:#061525;
  --smass-lux-navy:#071827;
  --smass-lux-blue:#0E6DAE;
  --smass-lux-cyan:#35B7F3;
  --smass-lux-green:#9ACD32;
  --smass-lux-gold:#D7B56D;
  --smass-lux-line:rgba(15,23,42,.105);
  --smass-lux-shadow:0 28px 90px rgba(7,24,39,.12);
}
body{
  background:
    radial-gradient(circle at 12% -3%, rgba(53,183,243,.18), transparent 34rem),
    radial-gradient(circle at 92% 3%, rgba(154,205,50,.16), transparent 30rem),
    radial-gradient(circle at 55% 38%, rgba(14,109,174,.055), transparent 36rem),
    linear-gradient(180deg,#f8fbff 0%,#ffffff 34%,#f5f9fc 100%)!important;
}
body:before{
  background-image:
    linear-gradient(rgba(16,114,186,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(16,114,186,.045) 1px,transparent 1px),
    radial-gradient(circle at 1px 1px,rgba(154,205,50,.16) 1px,transparent 0)!important;
  background-size:56px 56px,56px 56px,28px 28px!important;
  mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.7) 32%,transparent 74%)!important;
  opacity:.58!important;
}
/* Öffentlicher Header: mehr Markenbühne, weniger Standard-Webseite */
.smass-site-header{
  background:rgba(255,255,255,.82)!important;
  border-bottom:1px solid rgba(255,255,255,.72)!important;
  box-shadow:0 18px 60px rgba(7,24,39,.075)!important;
}
.smass-site-header:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(16,114,186,.09),transparent 28%,transparent 72%,rgba(154,205,50,.10));
  opacity:.75;
}
.smass-site-header>div{position:relative;z-index:1;}
.smass-site-header a[aria-label*="SMASS"] .h-10.w-10,
.smass-site-header a[aria-label*="SMASS"] .h-11.w-11{
  border-radius:1.1rem!important;
  background:linear-gradient(145deg,#0A3E63 0%,#1072BA 60%,#35B7F3 145%)!important;
  box-shadow:0 18px 42px rgba(16,114,186,.24), inset 0 1px 0 rgba(255,255,255,.30)!important;
}
.smass-site-header nav.hidden.xl\:flex{
  background:rgba(255,255,255,.64)!important;
  border-color:rgba(255,255,255,.85)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 16px 46px rgba(7,24,39,.075)!important;
}
.smass-nav-active{
  background:linear-gradient(135deg,#061525 0%,#0A3E63 58%,#1072BA 140%)!important;
  box-shadow:0 15px 38px rgba(7,24,39,.24)!important;
}
.smass-nav-link:hover{background:rgba(255,255,255,.92)!important;box-shadow:0 10px 28px rgba(7,24,39,.075)!important;}
/* Hero-Bereiche: mehr Plattformgefühl / Premium Layer */
main>section:first-child{
  background:
    linear-gradient(135deg,rgba(255,255,255,.94) 0%,rgba(245,251,255,.92) 42%,rgba(232,246,255,.92) 100%),
    radial-gradient(circle at 10% 10%,rgba(16,114,186,.22),transparent 34rem),
    radial-gradient(circle at 88% 14%,rgba(154,205,50,.24),transparent 28rem)!important;
}
main>section:first-child:before{
  width:36rem!important;height:36rem!important;right:4%!important;top:4%!important;
  background:conic-gradient(from 180deg,rgba(16,114,186,.20),rgba(154,205,50,.24),rgba(53,183,243,.16),rgba(16,114,186,.20))!important;
  filter:blur(78px)!important;opacity:.88!important;
}
main>section:first-child:after{opacity:.42!important;background-size:30px 30px!important;}
h1{
  letter-spacing:-.075em!important;
  color:#061525!important;
  text-wrap:balance;
}
h2,h3{text-wrap:balance;}
main>section:first-child p.text-lg,
main>section:first-child p.text-xl,
main>section:first-child p.text-base{color:#475569!important;}
/* Karten, Panels und CTA-Flächen hochwertiger */
.smass-glass,
.smass-soft-panel,
article.bg-white,
.rounded-3xl.bg-white,
.rounded-\[2rem\].bg-white,
.rounded-\[2\.3rem\].bg-white,
section .border.bg-white,
section div.bg-white.border{
  background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(248,252,255,.76))!important;
  border-color:rgba(255,255,255,.92)!important;
  box-shadow:0 26px 84px rgba(7,24,39,.10), inset 0 1px 0 rgba(255,255,255,.90)!important;
}
article.bg-white:hover,
.smass-card-lift:hover,
section div.bg-white.border:hover{
  transform:translateY(-5px)!important;
  box-shadow:0 38px 110px rgba(7,24,39,.16), inset 0 1px 0 rgba(255,255,255,.92)!important;
}
.smass-gradient-panel,
.bg-slate-950,
.bg-smass-night,
.bg-\[\#071827\],
.bg-\[\#050B16\],
.bg-\[\#0A3E63\]{
  background:
    radial-gradient(circle at 12% 0%,rgba(53,183,243,.20),transparent 26rem),
    radial-gradient(circle at 92% 8%,rgba(154,205,50,.14),transparent 24rem),
    linear-gradient(145deg,#061525 0%,#0A3E63 58%,#1072BA 155%)!important;
  border-color:rgba(255,255,255,.18)!important;
  box-shadow:0 38px 120px rgba(7,24,39,.28), inset 0 1px 0 rgba(255,255,255,.12)!important;
}
/* Buttons: hochwertiger und klarer */
a.rounded-full.bg-smass-blue,
button.rounded-full.bg-smass-blue,
.bg-smass-blue.text-white,
.bg-gradient-to-r.from-smass-blue.to-smass-dark,
.bg-gradient-to-br.from-smass-blue.to-smass-dark{
  background:linear-gradient(135deg,#1072BA 0%,#0A3E63 72%,#061525 140%)!important;
  box-shadow:0 20px 52px rgba(16,114,186,.26), inset 0 1px 0 rgba(255,255,255,.22)!important;
}
a.rounded-full.bg-smass-blue:hover,
button.rounded-full.bg-smass-blue:hover,
.bg-smass-blue.text-white:hover,
.bg-gradient-to-r.from-smass-blue.to-smass-dark:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 28px 74px rgba(16,114,186,.34), inset 0 1px 0 rgba(255,255,255,.24)!important;
}
a.rounded-full.border,
button.rounded-full.border{
  border-color:rgba(15,23,42,.12)!important;
  background:rgba(255,255,255,.78)!important;
  box-shadow:0 14px 36px rgba(7,24,39,.075)!important;
}
/* Formulare: weniger Formular-Look, mehr Premium */
input,select,textarea{
  background:rgba(255,255,255,.92)!important;
  border-color:rgba(148,163,184,.25)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.86)!important;
}
input:hover,select:hover,textarea:hover{border-color:rgba(16,114,186,.24)!important;}
/* Tabellen und Adminlisten ruhiger */
td,th{background:rgba(255,255,255,.86)!important;box-shadow:0 10px 28px rgba(7,24,39,.035)!important;}
/* Premium Utility für künftige Modular-World-Blöcke */
.smass-world-stage{
  background:
    radial-gradient(circle at 0% 0%,rgba(53,183,243,.16),transparent 28rem),
    radial-gradient(circle at 100% 0%,rgba(154,205,50,.16),transparent 28rem),
    linear-gradient(145deg,#061525 0%,#0A3E63 62%,#1072BA 150%);
  color:#fff;border:1px solid rgba(255,255,255,.16);box-shadow:0 45px 140px rgba(7,24,39,.30);border-radius:2.4rem;
}
.smass-world-stage h1,.smass-world-stage h2,.smass-world-stage h3{color:#fff!important;}
.smass-world-stage p,.smass-world-stage li{color:rgba(255,255,255,.75)!important;}
.smass-brand-chip{
  display:inline-flex;align-items:center;gap:.55rem;border-radius:999px;padding:.55rem .82rem;
  background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.88);box-shadow:0 12px 32px rgba(7,24,39,.075);
  color:#0A3E63;font-weight:950;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;
}
.smass-brand-chip:before{content:"";width:.48rem;height:.48rem;border-radius:999px;background:#9ACD32;box-shadow:0 0 0 5px rgba(154,205,50,.16);}
/* Adminbereich: stärkeres Cockpit-Gefühl */
body.smass-admin-shell{
  background:
    radial-gradient(circle at 14% 0%,rgba(16,114,186,.18),transparent 32rem),
    radial-gradient(circle at 88% 0%,rgba(154,205,50,.12),transparent 28rem),
    linear-gradient(180deg,#eef6fb 0%,#f8fafc 42%,#ffffff 100%)!important;
}
body.smass-admin-shell:before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background-image:linear-gradient(rgba(16,114,186,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(16,114,186,.045) 1px,transparent 1px);
  background-size:54px 54px;mask-image:linear-gradient(180deg,#000,transparent 70%);opacity:.65;
}
body.smass-admin-shell aside{
  background:
    radial-gradient(circle at 20% 0%,rgba(53,183,243,.16),transparent 22rem),
    linear-gradient(180deg,#050B16 0%,#071827 52%,#0A3E63 130%)!important;
  border-right:1px solid rgba(255,255,255,.12)!important;
  box-shadow:28px 0 90px rgba(7,24,39,.18)!important;
}
body.smass-admin-shell aside .p-7.border-b{
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,0));
}
.smass-admin-nav-group-links a{
  border:1px solid transparent;
}
.smass-admin-nav-group-links a:hover{
  border-color:rgba(255,255,255,.10)!important;
  background:rgba(255,255,255,.08)!important;
  transform:translateX(2px);
}
.smass-admin-nav-group-links a.bg-white,
.smass-admin-nav-group-links a.text-slate-950{
  background:linear-gradient(135deg,#fff,#eef7ff)!important;
  color:#071827!important;
  border-color:rgba(255,255,255,.75)!important;
  box-shadow:0 16px 42px rgba(0,0,0,.16)!important;
}
body.smass-admin-shell header.sticky{
  background:rgba(255,255,255,.84)!important;
  border-bottom:1px solid rgba(255,255,255,.78)!important;
  box-shadow:0 18px 55px rgba(7,24,39,.075)!important;
}
body.smass-admin-shell .smass-admin-content > section:first-child,
body.smass-admin-shell .smass-admin-content > div:first-child,
body.smass-admin-shell .smass-admin-content .rounded-\[2rem\].bg-white,
body.smass-admin-shell .smass-admin-content .rounded-3xl.bg-white,
body.smass-admin-shell .smass-admin-content section.bg-white{
  box-shadow:0 24px 80px rgba(7,24,39,.085), inset 0 1px 0 rgba(255,255,255,.86)!important;
  border-color:rgba(255,255,255,.86)!important;
}
body.smass-admin-shell .smass-admin-content h1{
  color:#061525!important;
  letter-spacing:-.065em!important;
}
body.smass-admin-shell .smass-admin-content .rounded-full.bg-slate-950,
body.smass-admin-shell .smass-admin-content button.bg-slate-950,
body.smass-admin-shell .smass-admin-content a.bg-slate-950{
  background:linear-gradient(135deg,#061525,#0A3E63)!important;
  box-shadow:0 18px 44px rgba(7,24,39,.22)!important;
}
body.smass-admin-shell .smass-admin-mobile-menu-fab{
  background:linear-gradient(135deg,#061525,#0A3E63)!important;
  box-shadow:0 18px 50px rgba(7,24,39,.28)!important;
}
body.smass-admin-login{
  background:
    radial-gradient(circle at 16% 10%,rgba(53,183,243,.22),transparent 28rem),
    radial-gradient(circle at 88% 8%,rgba(154,205,50,.18),transparent 24rem),
    linear-gradient(145deg,#050B16,#0A3E63)!important;
}
body.smass-admin-login main > div,
body.smass-admin-login .bg-white{
  box-shadow:0 38px 120px rgba(0,0,0,.24)!important;
  border-color:rgba(255,255,255,.85)!important;
}
@media(max-width:768px){
  h1{font-size:2.45rem!important;letter-spacing:-.058em!important;}
  .smass-site-header nav#mobile-menu{margin-left:.75rem!important;margin-right:.75rem!important;}
  .smass-world-stage{border-radius:1.6rem;}
}


/* v84.1 — SMASS Modular World Signature Design: mehr Kontrast, mehr Marke, edler ohne Übertreibung */
.smass-modular-world-page{background:#f6f9fc;color:#071827;}
.smass-modular-world-page .smass-site-header{background:rgba(255,255,255,.88)!important;backdrop-filter:blur(22px) saturate(1.25);box-shadow:0 18px 58px rgba(7,24,39,.08)!important;border-bottom:1px solid rgba(7,24,39,.08)!important;}
.smass-modular-world-page .smass-site-header .font-black.text-lg{letter-spacing:-.035em;}
.mw-shell{overflow:hidden;background:#f7fafc;}
.mw-container{max-width:1180px;margin:0 auto;padding:0 1.5rem;}
.mw-section{position:relative;padding:5.8rem 0;}
.mw-section-dark{position:relative;overflow:hidden;background:#061525;color:#fff;}
.mw-hero{min-height:680px;display:flex;align-items:center;border-bottom:1px solid rgba(7,24,39,.12);}
.mw-hero:after{content:"MODULAR\A WORLD";white-space:pre;position:absolute;right:-.04em;bottom:-.17em;font-size:17vw;font-weight:950;line-height:.78;letter-spacing:-.09em;color:rgba(255,255,255,.045);pointer-events:none;text-align:right;}
.mw-ambient{position:absolute;border-radius:999px;filter:blur(56px);opacity:.74;pointer-events:none;}
.mw-ambient-a{width:42rem;height:42rem;left:-12rem;top:-14rem;background:rgba(16,114,186,.68);}
.mw-ambient-b{width:38rem;height:38rem;right:-9rem;top:-12rem;background:rgba(154,205,50,.32);}
.mw-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.7) 56%,transparent 100%);opacity:.55;}
.mw-hero-inner{position:relative;z-index:2;width:100%;max-width:1180px;margin:0 auto;padding:6.5rem 1.5rem 6rem;display:grid;grid-template-columns:1.04fr .96fr;gap:5rem;align-items:center;}
.mw-eyebrow,.mw-kicker{display:inline-flex;align-items:center;gap:.65rem;text-transform:uppercase;letter-spacing:.22em;font-size:.72rem;font-weight:950;color:#1072BA;margin-bottom:1.1rem;}
.mw-eyebrow{color:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);padding:.72rem 1rem;border-radius:999px;backdrop-filter:blur(18px);}
.mw-eyebrow span,.mw-kicker:before{content:"";width:.55rem;height:.55rem;border-radius:999px;background:#9ACD32;box-shadow:0 0 0 6px rgba(154,205,50,.16);display:inline-block;}
.mw-hero h1{font-size:clamp(3.9rem,7.3vw,7.8rem);line-height:.84;letter-spacing:-.078em;font-weight:950;color:#fff;margin:0 0 1.8rem;text-wrap:balance;text-shadow:0 22px 80px rgba(0,0,0,.38);}
.mw-lead{font-size:clamp(1.1rem,1.45vw,1.36rem);line-height:1.72;color:rgba(255,255,255,.86);max-width:45rem;margin:0 0 1rem;font-weight:600;}
.mw-sublead{font-size:1rem;line-height:1.75;color:rgba(255,255,255,.66);max-width:42rem;margin:0 0 2.1rem;}
.mw-actions{display:flex;flex-wrap:wrap;gap:.9rem;}
.mw-btn{display:inline-flex;align-items:center;justify-content:center;min-height:3.35rem;border-radius:999px;padding:0 1.45rem;font-weight:950;text-decoration:none;transition:.2s ease;border:1px solid transparent;}
.mw-btn:hover{transform:translateY(-2px);}
.mw-btn-light{background:#fff;color:#061525;box-shadow:0 20px 50px rgba(0,0,0,.16);}
.mw-btn-green{background:#9ACD32;color:#061525;box-shadow:0 20px 50px rgba(154,205,50,.18);}
.mw-btn-ghost{border-color:rgba(255,255,255,.23);background:rgba(255,255,255,.08);color:#fff;}
.mw-hero-stage{position:relative;min-height:540px;display:flex;align-items:center;justify-content:center;}
.mw-stage-main{position:relative;z-index:3;width:min(100%,520px);border-radius:2.25rem;border:1px solid rgba(255,255,255,.2);background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(240,247,252,.95));color:#071827;padding:2rem;box-shadow:0 42px 130px rgba(0,0,0,.34),0 0 0 16px rgba(255,255,255,.055);}
.mw-stage-topline{display:flex;align-items:center;justify-content:space-between;gap:1rem;color:#1072BA;text-transform:uppercase;letter-spacing:.18em;font-size:.68rem;font-weight:950;margin-bottom:1rem;}
.mw-stage-topline strong{background:#9ACD32;color:#061525;border-radius:999px;padding:.42rem .7rem;letter-spacing:.08em;}
.mw-stage-main h2{font-size:2rem;line-height:1.02;letter-spacing:-.05em;font-weight:950;margin:0 0 1.4rem;color:#061525;}
.mw-flow{display:grid;gap:.75rem;}
.mw-flow-row{display:flex;gap:.85rem;align-items:flex-start;border:1px solid rgba(7,24,39,.08);background:#fff;border-radius:1.25rem;padding:.9rem;box-shadow:0 12px 30px rgba(7,24,39,.05);}
.mw-flow-row>span{width:2.65rem;height:2.65rem;border-radius:.95rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#071827,#0A3E63);color:#fff;font-weight:950;flex:0 0 auto;}
.mw-flow-row strong{display:block;color:#061525;font-weight:950;line-height:1.1;}
.mw-flow-row em{display:block;color:#64748b;font-style:normal;font-size:.88rem;margin-top:.18rem;line-height:1.35;}
.mw-orbit{position:absolute;z-index:2;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.09);backdrop-filter:blur(16px);border-radius:999px;color:#fff;font-size:.78rem;font-weight:950;letter-spacing:.06em;padding:.8rem 1.05rem;box-shadow:0 20px 60px rgba(0,0,0,.22);}
.mw-orbit-one{top:3.2rem;left:1.4rem;}.mw-orbit-two{right:0;top:7.5rem;}.mw-orbit-three{bottom:4.2rem;left:5rem;}
.mw-brand-band{background:linear-gradient(180deg,#fff,#f8fbfd);border-bottom:1px solid #dfe8ef;}
.mw-split{display:grid;grid-template-columns:.86fr 1.14fr;gap:4.5rem;align-items:center;}
.mw-split h2,.mw-section-head h2,.mw-proof-section h2,.mw-final-cta h2{font-size:clamp(2.25rem,4.1vw,4.8rem);line-height:.93;letter-spacing:-.065em;font-weight:950;color:#071827;margin:0 0 1.25rem;text-wrap:balance;}
.mw-split p,.mw-section-head p,.mw-proof-section p{font-size:1.05rem;line-height:1.76;color:#516174;margin:0;}
.mw-brand-cards{display:grid;grid-template-columns:1fr 1fr;gap:1rem;}
.mw-brand-cards article,.mw-focus-card,.mw-proof-list article{background:rgba(255,255,255,.88);border:1px solid rgba(11,37,58,.1);border-radius:2rem;padding:1.65rem;box-shadow:0 28px 80px rgba(7,24,39,.075),inset 0 1px 0 rgba(255,255,255,.8);}
.mw-brand-cards article{min-height:14rem;}
.mw-brand-cards article span{display:inline-flex;color:#1072BA;text-transform:uppercase;letter-spacing:.18em;font-size:.65rem;font-weight:950;margin-bottom:.9rem;}
.mw-brand-cards h3{font-size:1.65rem;line-height:1.02;letter-spacing:-.045em;font-weight:950;margin:0 0 .9rem;color:#071827;}
.mw-brand-cards .is-world{border-color:rgba(16,114,186,.18);background:linear-gradient(180deg,#fff,#f3faff);}
.mw-focus-band{background:#fff;padding:3.5rem 0;border-bottom:1px solid #dfe8ef;}
.mw-focus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;}
.mw-focus-card h3{font-size:1.35rem;line-height:1.05;letter-spacing:-.035em;font-weight:950;margin:0 0 .75rem;color:#071827;}
.mw-focus-card p{color:#64748b;line-height:1.65;margin:0;font-weight:600;}
.mw-worlds-section{background:radial-gradient(circle at 15% 2%,rgba(16,114,186,.09),transparent 28rem),radial-gradient(circle at 86% 8%,rgba(154,205,50,.08),transparent 24rem),#f3f7fb;border-bottom:1px solid #dce7ef;}
.mw-section-head{display:grid;grid-template-columns:.92fr 1.08fr;gap:4rem;align-items:end;margin-bottom:2.4rem;}
.mw-world-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;}
.mw-world-card{position:relative;overflow:hidden;border:1px solid rgba(7,24,39,.1);background:linear-gradient(180deg,#fff,#f9fcff);border-radius:2.25rem;padding:1.75rem;box-shadow:0 28px 90px rgba(7,24,39,.085),inset 0 1px 0 rgba(255,255,255,.85);transition:.22s ease;}
.mw-world-card:before{content:"";position:absolute;inset:0 0 auto 0;height:.42rem;background:linear-gradient(90deg,#1072BA,#9ACD32);}
.mw-world-card:after{content:"";position:absolute;right:-5rem;top:-5rem;width:13rem;height:13rem;border-radius:999px;background:rgba(16,114,186,.09);}
.mw-world-card:hover{transform:translateY(-4px);box-shadow:0 36px 110px rgba(7,24,39,.12);}
.mw-world-card-head{position:relative;z-index:1;display:flex;justify-content:space-between;gap:1.5rem;margin-bottom:1rem;}
.mw-world-card-head span{display:block;text-transform:uppercase;letter-spacing:.2em;font-size:.62rem;font-weight:950;color:#1072BA;margin-bottom:.45rem;}
.mw-world-card h3{font-size:2rem;line-height:.98;letter-spacing:-.052em;font-weight:950;color:#071827;margin:0;}
.mw-world-card-head i{width:3rem;height:3rem;border-radius:1.15rem;background:linear-gradient(135deg,#1072BA,#071827);flex:0 0 auto;box-shadow:0 18px 38px rgba(16,114,186,.18);}
.mw-world-2 .mw-world-card-head i{background:linear-gradient(135deg,#9ACD32,#1072BA);}.mw-world-3 .mw-world-card-head i{background:linear-gradient(135deg,#9ACD32,#c7ef56);}.mw-world-4 .mw-world-card-head i{background:linear-gradient(135deg,#1ec8ff,#1072BA);}.mw-world-5 .mw-world-card-head i{background:linear-gradient(135deg,#7c3aed,#1072BA);}
.mw-world-claim{position:relative;z-index:1;color:#516174;line-height:1.68;margin:0 0 1.1rem;font-weight:600;}
.mw-use-box{position:relative;z-index:1;border:1px solid #dfe7ef;background:#f7fafc;border-radius:1.35rem;padding:1rem;margin:0 0 1.15rem;}
.mw-use-box strong,.mw-components-list>strong{display:block;color:#071827;font-weight:950;margin-bottom:.45rem;}
.mw-use-box p{margin:0;color:#64748b;font-size:.92rem;line-height:1.55;}
.mw-components-list{position:relative;z-index:1;margin-bottom:1.35rem;}
.mw-components-list div{display:flex;flex-wrap:wrap;gap:.45rem;}
.mw-components-list a{display:inline-flex;border:1px solid #d8e3ea;background:#fff;color:#263746;border-radius:999px;padding:.52rem .75rem;font-size:.78rem;font-weight:950;text-decoration:none;}
.mw-components-list a:hover{border-color:#1072BA;color:#1072BA;}
.mw-card-actions{position:relative;z-index:1;display:flex;gap:.65rem;flex-wrap:wrap;}
.mw-card-actions a{display:inline-flex;justify-content:center;align-items:center;border-radius:999px;min-height:2.85rem;padding:0 1rem;font-weight:950;font-size:.86rem;text-decoration:none;}
.mw-card-actions a:first-child{background:#071827;color:#fff;}.mw-card-actions a:nth-child(2){background:#fff;color:#071827;border:1px solid #d8e3ea;}
.mw-proof-section{background:#fff;border-bottom:1px solid #dfe8ef;}
.mw-proof-list{display:grid;gap:.9rem;}
.mw-proof-list article h3{font-size:1.12rem;font-weight:950;color:#071827;margin:0 0 .45rem;}.mw-proof-list article p{font-size:.95rem;line-height:1.58;color:#64748b;margin:0;}
.mw-final-cta{position:relative;overflow:hidden;background:#061525;color:#fff;padding:5.5rem 0;}
.mw-final-cta:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 10%,rgba(16,114,186,.5),transparent 30rem),radial-gradient(circle at 85% 10%,rgba(154,205,50,.22),transparent 24rem);}
.mw-final-inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr .78fr;gap:4rem;align-items:center;}
.mw-kicker.light{color:rgba(255,255,255,.78);}.mw-final-cta h2{color:#fff;text-shadow:0 16px 60px rgba(0,0,0,.2);}.mw-final-cta p{color:rgba(255,255,255,.7);font-size:1.05rem;line-height:1.75;margin:0;}
.mw-final-actions{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);border-radius:2rem;padding:1rem;display:grid;gap:.75rem;backdrop-filter:blur(18px);}
.mw-final-actions a{display:flex;align-items:center;justify-content:center;min-height:3.2rem;border-radius:999px;font-weight:950;text-decoration:none;}.mw-final-actions a:nth-child(1){background:#9ACD32;color:#061525;}.mw-final-actions a:nth-child(2){background:#fff;color:#061525;}.mw-final-actions a:nth-child(3){border:1px solid rgba(255,255,255,.22);color:#fff;}
@media(max-width:980px){.mw-hero{min-height:auto}.mw-hero:after{font-size:22vw;opacity:.65}.mw-hero-inner,.mw-split,.mw-section-head,.mw-final-inner{grid-template-columns:1fr;gap:2.2rem}.mw-hero-stage{min-height:auto}.mw-world-grid,.mw-brand-cards,.mw-focus-grid{grid-template-columns:1fr}.mw-section{padding:4rem 0}.mw-hero h1{font-size:clamp(3.2rem,15vw,5.4rem)}.mw-orbit{display:none}}
@media(max-width:560px){.mw-container,.mw-hero-inner{padding-left:1rem;padding-right:1rem}.mw-hero-inner{padding-top:4.8rem;padding-bottom:4rem}.mw-btn{width:100%;}.mw-stage-main{border-radius:1.6rem;padding:1.15rem}.mw-world-card{border-radius:1.65rem;padding:1.25rem}.mw-world-card h3{font-size:1.65rem}.mw-split h2,.mw-section-head h2,.mw-proof-section h2,.mw-final-cta h2{font-size:2.5rem}.mw-card-actions a{width:100%;}}

/* SMASS v84.2 — Modular World Cinematic Signature
   Ziel: mehr eigene Markenwirkung, deutlich bessere Lesbarkeit, edel statt überladen. */
.smass-modular-world-page{
  background:#f5f8fb!important;
  color:#071827!important;
}
.smass-modular-world-page .mw-shell{overflow:hidden;background:#f5f8fb!important;}
.smass-modular-world-page .mw-hero{
  position:relative!important;
  min-height:760px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 78% 18%, rgba(154,205,50,.26), transparent 28%),
    radial-gradient(circle at 18% 24%, rgba(16,114,186,.34), transparent 29%),
    linear-gradient(135deg,#04111f 0%,#071827 38%,#0a2f4d 68%,#071827 100%)!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  box-shadow:inset 0 -80px 160px rgba(0,0,0,.20)!important;
}
.smass-modular-world-page .mw-hero:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    linear-gradient(90deg, rgba(255,255,255,.055) 1px, transparent 1px),
    linear-gradient(0deg, rgba(255,255,255,.045) 1px, transparent 1px);
  background-size:72px 72px;
  mask-image:radial-gradient(circle at 46% 42%, #000 0%, transparent 74%);
  opacity:.52;
}
.smass-modular-world-page .mw-hero:after{
  content:"MODULAR WORLD"!important;
  white-space:nowrap!important;
  position:absolute!important;
  left:50%!important;right:auto!important;bottom:-.11em!important;
  transform:translateX(-50%)!important;
  font-size:clamp(5.5rem,14.5vw,17rem)!important;
  font-weight:950!important;
  line-height:.8!important;
  letter-spacing:-.08em!important;
  color:rgba(255,255,255,.055)!important;
  text-align:center!important;
  text-shadow:0 1px 0 rgba(255,255,255,.05)!important;
}
.smass-modular-world-page .mw-ambient-a,
.smass-modular-world-page .mw-ambient-b{filter:blur(28px)!important;opacity:.55!important;}
.smass-modular-world-page .mw-hero-inner{
  max-width:1240px!important;
  grid-template-columns:1.06fr .94fr!important;
  gap:4.8rem!important;
  padding:7.2rem 1.5rem 7.2rem!important;
}
.smass-modular-world-page .mw-hero-copy{
  position:relative!important;
  padding:1.3rem 0 1.4rem!important;
}
.smass-modular-world-page .mw-hero-copy:before{
  content:"SMASS SMART SYSTEM SOLUTIONS";
  display:block;
  margin:0 0 1.35rem;
  color:rgba(255,255,255,.46);
  font-size:.72rem;
  letter-spacing:.32em;
  font-weight:900;
  text-transform:uppercase;
}
.smass-modular-world-page .mw-eyebrow{
  display:inline-flex!important;align-items:center!important;gap:.6rem!important;
  padding:.55rem .85rem!important;border-radius:999px!important;
  color:#dff6ff!important;background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(255,255,255,.17)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16)!important;
  backdrop-filter:blur(16px)!important;
}
.smass-modular-world-page .mw-eyebrow span{background:#9acd32!important;box-shadow:0 0 22px rgba(154,205,50,.75)!important;}
.smass-modular-world-page .mw-hero h1{
  margin:.9rem 0 1.4rem!important;
  max-width:760px!important;
  color:#fff!important;
  font-size:clamp(4.2rem,8.2vw,8.6rem)!important;
  line-height:.78!important;
  letter-spacing:-.09em!important;
  font-weight:980!important;
  text-shadow:0 20px 90px rgba(0,0,0,.56),0 2px 0 rgba(0,0,0,.12)!important;
}
.smass-modular-world-page .mw-hero h1 span{
  display:block!important;
  color:#9acd32!important;
  letter-spacing:-.065em!important;
  text-shadow:0 0 42px rgba(154,205,50,.25),0 24px 90px rgba(0,0,0,.55)!important;
}
.smass-modular-world-page .mw-lead{
  max-width:670px!important;
  color:#f7fbff!important;
  font-size:clamp(1.25rem,2vw,1.72rem)!important;
  line-height:1.36!important;
  font-weight:780!important;
  text-shadow:0 10px 34px rgba(0,0,0,.38)!important;
}
.smass-modular-world-page .mw-sublead{
  max-width:660px!important;
  color:rgba(229,242,250,.82)!important;
  font-size:1.05rem!important;
  line-height:1.75!important;
}
.smass-modular-world-page .mw-actions{gap:.8rem!important;margin-top:2rem!important;}
.smass-modular-world-page .mw-btn{
  min-height:3.15rem!important;padding:0 1.35rem!important;border-radius:999px!important;
  font-weight:950!important;letter-spacing:-.02em!important;
  box-shadow:0 18px 45px rgba(0,0,0,.22)!important;
}
.smass-modular-world-page .mw-btn-light{background:#fff!important;color:#071827!important;border:1px solid rgba(255,255,255,.9)!important;}
.smass-modular-world-page .mw-btn-green{background:#9acd32!important;color:#071827!important;border:1px solid rgba(218,255,130,.85)!important;box-shadow:0 18px 55px rgba(154,205,50,.28)!important;}
.smass-modular-world-page .mw-btn-ghost{background:rgba(255,255,255,.09)!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important;}
.smass-modular-world-page .mw-hero-stage{min-height:580px!important;}
.smass-modular-world-page .mw-stage-main{
  width:min(100%,470px)!important;
  padding:1.45rem!important;
  border-radius:2.35rem!important;
  background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.075))!important;
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:0 44px 120px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.22)!important;
  backdrop-filter:blur(26px)!important;
}
.smass-modular-world-page .mw-stage-main h2{
  color:#fff!important;
  font-size:clamp(1.8rem,3vw,2.55rem)!important;
  line-height:.98!important;
  letter-spacing:-.065em!important;
  margin:.85rem 0 1.25rem!important;
}
.smass-modular-world-page .mw-stage-topline span{color:rgba(255,255,255,.58)!important;}
.smass-modular-world-page .mw-stage-topline strong{background:#9acd32!important;color:#071827!important;box-shadow:0 0 25px rgba(154,205,50,.35)!important;}
.smass-modular-world-page .mw-flow-row{
  background:rgba(255,255,255,.94)!important;
  border:1px solid rgba(255,255,255,.72)!important;
  box-shadow:0 16px 45px rgba(0,0,0,.16)!important;
}
.smass-modular-world-page .mw-flow-row span{background:#071827!important;color:#fff!important;box-shadow:0 10px 25px rgba(7,24,39,.22)!important;}
.smass-modular-world-page .mw-flow-row strong{color:#071827!important;}
.smass-modular-world-page .mw-flow-row em{color:#476276!important;}
.smass-modular-world-page .mw-orbit{background:rgba(255,255,255,.12)!important;color:#fff!important;border:1px solid rgba(255,255,255,.22)!important;box-shadow:0 20px 55px rgba(0,0,0,.22)!important;}

/* Edle helle Sektionen mit besserem Rhythmus */
.smass-modular-world-page .mw-section{padding:6.5rem 0!important;}
.smass-modular-world-page .mw-container{max-width:1120px!important;}
.smass-modular-world-page .mw-brand-band{
  background:linear-gradient(180deg,#fff 0%,#f6f9fc 100%)!important;
  border-bottom:1px solid rgba(7,24,39,.07)!important;
}
.smass-modular-world-page .mw-kicker{color:#1072ba!important;letter-spacing:.23em!important;font-weight:950!important;}
.smass-modular-world-page .mw-kicker:before{background:#9acd32!important;box-shadow:0 0 18px rgba(154,205,50,.45)!important;}
.smass-modular-world-page .mw-split h2,
.smass-modular-world-page .mw-section-head h2,
.smass-modular-world-page .mw-proof-section h2,
.smass-modular-world-page .mw-final-cta h2{
  color:#071827!important;
  font-size:clamp(3rem,5.6vw,5.6rem)!important;
  line-height:.83!important;
  letter-spacing:-.085em!important;
  font-weight:980!important;
}
.smass-modular-world-page .mw-split p,
.smass-modular-world-page .mw-section-head p,
.smass-modular-world-page .mw-proof-section p{color:#425b6e!important;font-size:1.02rem!important;line-height:1.75!important;}
.smass-modular-world-page .mw-brand-cards article,
.smass-modular-world-page .mw-focus-card,
.smass-modular-world-page .mw-proof-list article{
  background:rgba(255,255,255,.86)!important;
  border:1px solid rgba(7,24,39,.09)!important;
  box-shadow:0 24px 70px rgba(7,24,39,.08),inset 0 1px 0 rgba(255,255,255,.85)!important;
  backdrop-filter:blur(14px)!important;
}
.smass-modular-world-page .mw-brand-cards article h3,
.smass-modular-world-page .mw-focus-card h3,
.smass-modular-world-page .mw-proof-list article h3{color:#071827!important;}
.smass-modular-world-page .mw-brand-cards article span{color:#1072ba!important;}
.smass-modular-world-page .mw-brand-cards article.is-world{border-color:rgba(154,205,50,.34)!important;box-shadow:0 30px 80px rgba(154,205,50,.12),0 20px 60px rgba(7,24,39,.08)!important;}
.smass-modular-world-page .mw-focus-band{background:#fff!important;}
.smass-modular-world-page .mw-worlds-section{
  background:
    radial-gradient(circle at 18% 5%,rgba(16,114,186,.10),transparent 28%),
    radial-gradient(circle at 82% 9%,rgba(154,205,50,.12),transparent 27%),
    linear-gradient(180deg,#f2f7fb 0%,#eef5fa 100%)!important;
}
.smass-modular-world-page .mw-world-grid{gap:1.75rem!important;}
.smass-modular-world-page .mw-world-card{
  position:relative!important;
  border-radius:2.2rem!important;
  padding:1.8rem!important;
  background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,255,255,.78))!important;
  border:1px solid rgba(7,24,39,.10)!important;
  box-shadow:0 34px 90px rgba(7,24,39,.09),inset 0 1px 0 rgba(255,255,255,.95)!important;
  overflow:hidden!important;
}
.smass-modular-world-page .mw-world-card:before{
  content:"";position:absolute;inset:0 0 auto 0;height:5px;
  background:linear-gradient(90deg,#1072ba,#9acd32,#1072ba)!important;
}
.smass-modular-world-page .mw-world-card:after{
  content:"";position:absolute;right:-4rem;top:-4rem;width:11rem;height:11rem;border-radius:999px;
  background:radial-gradient(circle,rgba(154,205,50,.18),transparent 62%);pointer-events:none;
}
.smass-modular-world-page .mw-world-card h3{color:#071827!important;font-size:clamp(1.85rem,3vw,2.7rem)!important;line-height:.95!important;letter-spacing:-.065em!important;}
.smass-modular-world-page .mw-world-card-head span{color:#1072ba!important;font-weight:950!important;}
.smass-modular-world-page .mw-world-card-head i{background:linear-gradient(135deg,#9acd32,#1072ba)!important;box-shadow:0 16px 45px rgba(16,114,186,.16)!important;}
.smass-modular-world-page .mw-world-claim{color:#425b6e!important;}
.smass-modular-world-page .mw-use-box{background:#f8fbfd!important;border:1px solid rgba(7,24,39,.08)!important;}
.smass-modular-world-page .mw-use-box strong,.smass-modular-world-page .mw-components-list strong{color:#071827!important;}
.smass-modular-world-page .mw-use-box p{color:#496274!important;}
.smass-modular-world-page .mw-components-list a{background:#fff!important;color:#10293b!important;border:1px solid rgba(7,24,39,.09)!important;box-shadow:0 10px 25px rgba(7,24,39,.05)!important;}
.smass-modular-world-page .mw-card-actions a:first-child{background:#071827!important;color:#fff!important;box-shadow:0 16px 35px rgba(7,24,39,.18)!important;}
.smass-modular-world-page .mw-card-actions a:last-child{background:#fff!important;color:#071827!important;border:1px solid rgba(7,24,39,.10)!important;}
.smass-modular-world-page .mw-proof-section{background:#fff!important;}
.smass-modular-world-page .mw-final-cta{
  position:relative!important;overflow:hidden!important;
  background:
    radial-gradient(circle at 78% 18%,rgba(154,205,50,.18),transparent 26%),
    radial-gradient(circle at 20% 80%,rgba(16,114,186,.26),transparent 30%),
    linear-gradient(135deg,#03101d,#071827 52%,#0a3e63)!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
  padding:6rem 0!important;
}
.smass-modular-world-page .mw-final-cta:before{content:"SMASS MODULAR WORLD";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:12vw;font-weight:950;letter-spacing:-.08em;color:rgba(255,255,255,.035);white-space:nowrap;pointer-events:none;}
.smass-modular-world-page .mw-final-cta .mw-kicker{color:#9acd32!important;}
.smass-modular-world-page .mw-final-cta h2{color:#fff!important;text-shadow:0 20px 70px rgba(0,0,0,.45)!important;}
.smass-modular-world-page .mw-final-cta p{color:rgba(231,244,252,.78)!important;}
.smass-modular-world-page .mw-final-actions{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:0 35px 100px rgba(0,0,0,.25)!important;backdrop-filter:blur(20px)!important;}
.smass-modular-world-page .mw-final-actions a:first-child{background:#9acd32!important;color:#071827!important;}
.smass-modular-world-page .mw-final-actions a:nth-child(2){background:#fff!important;color:#071827!important;}
.smass-modular-world-page .mw-final-actions a:nth-child(3){background:rgba(255,255,255,.08)!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important;}

/* Admin ebenfalls etwas edler, aber funktional */
.smass-admin-body .smass-admin-shell,
body.smass-admin .smass-admin-shell{background:linear-gradient(135deg,#f5f8fb,#edf4f8)!important;}
.smass-admin-sidebar{background:linear-gradient(180deg,#061827,#0a3e63)!important;box-shadow:30px 0 80px rgba(7,24,39,.12)!important;}
.smass-admin-card,.smass-admin-panel{border-radius:1.35rem!important;box-shadow:0 22px 70px rgba(7,24,39,.075)!important;}

@media(max-width:980px){
  .smass-modular-world-page .mw-hero{min-height:auto!important;}
  .smass-modular-world-page .mw-hero-inner{grid-template-columns:1fr!important;gap:2.8rem!important;padding:5rem 1.25rem!important;}
  .smass-modular-world-page .mw-hero-stage{min-height:auto!important;}
  .smass-modular-world-page .mw-hero h1{font-size:clamp(3.7rem,16vw,6rem)!important;}
  .smass-modular-world-page .mw-hero:after{font-size:22vw!important;bottom:-.06em!important;}
}
@media(max-width:560px){
  .smass-modular-world-page .mw-hero-copy:before{font-size:.62rem;letter-spacing:.22em;}
  .smass-modular-world-page .mw-hero h1{font-size:clamp(3.35rem,18vw,4.9rem)!important;}
  .smass-modular-world-page .mw-lead{font-size:1.12rem!important;}
  .smass-modular-world-page .mw-section{padding:4.4rem 0!important;}
  .smass-modular-world-page .mw-split h2,.smass-modular-world-page .mw-section-head h2,.smass-modular-world-page .mw-proof-section h2,.smass-modular-world-page .mw-final-cta h2{font-size:2.75rem!important;}
}

/* ==========================================================
   v84.3 · SMASS Modular World Design System
   Ziel: einheitliche visuelle Linie für öffentliche Seiten und Admin.
   ========================================================== */
:root{
  --smass-ink:#071827;
  --smass-navy:#061522;
  --smass-dark:#0A3E63;
  --smass-blue:#1072BA;
  --smass-green:#9ACD32;
  --smass-bg:#f4f8fb;
  --smass-surface:#ffffff;
  --smass-soft:#e8f0f6;
  --smass-border:rgba(7,24,39,.10);
  --smass-muted:#52697b;
  --smass-radius-xl:2rem;
  --smass-radius-lg:1.45rem;
  --smass-shadow-card:0 24px 70px rgba(7,24,39,.09);
  --smass-shadow-deep:0 44px 120px rgba(7,24,39,.18);
  --smass-gradient-dark:linear-gradient(135deg,#030b14 0%,#071827 46%,#0a3e63 100%);
  --smass-gradient-world:radial-gradient(circle at 18% 16%,rgba(16,114,186,.32),transparent 28rem),radial-gradient(circle at 82% 18%,rgba(154,205,50,.20),transparent 26rem),linear-gradient(135deg,#030b14,#071827 48%,#0a3e63);
  --smass-gradient-light:radial-gradient(circle at 18% 8%,rgba(16,114,186,.11),transparent 28rem),radial-gradient(circle at 82% 6%,rgba(154,205,50,.12),transparent 24rem),linear-gradient(180deg,#f7fbfd 0%,#eef5fa 100%);
}
html{background:var(--smass-bg)!important;}
body{
  color:var(--smass-ink)!important;
  background:
    radial-gradient(circle at 8% 0%,rgba(16,114,186,.055),transparent 27rem),
    radial-gradient(circle at 92% 5%,rgba(154,205,50,.07),transparent 25rem),
    var(--smass-bg)!important;
  text-rendering:optimizeLegibility;
}
body:before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;
  background-image:linear-gradient(rgba(7,24,39,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(7,24,39,.025) 1px,transparent 1px);
  background-size:44px 44px;opacity:.55;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.7),transparent 80%);
}
/* einheitlicher Header */
.smass-site-header{
  padding-top:.65rem!important;
  background:linear-gradient(180deg,rgba(244,248,251,.86),rgba(244,248,251,.45) 70%,transparent)!important;
  backdrop-filter:blur(16px) saturate(1.08)!important;
}
.smass-site-header>div,
header.smass-site-header>div{
  height:4.65rem!important;
  min-height:4.65rem!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.88)!important;
  border:1px solid rgba(255,255,255,.9)!important;
  box-shadow:0 20px 70px rgba(7,24,39,.12),inset 0 1px 0 rgba(255,255,255,.94)!important;
  backdrop-filter:blur(24px) saturate(1.16)!important;
}
.smass-site-header .smass-nav-active,
.smass-site-header nav .smass-nav-active{
  background:var(--smass-ink)!important;
  color:#fff!important;
  box-shadow:0 12px 30px rgba(7,24,39,.18)!important;
}
.smass-site-header .smass-nav-link{color:#31495d!important;}
.smass-site-header .smass-nav-link:hover{background:rgba(16,114,186,.08)!important;color:var(--smass-ink)!important;}
.smass-site-header a[href*="projekt-assistent"].bg-gradient-to-r,
.smass-site-header a[href*="projekt-assistent"].bg-smass-blue{
  background:linear-gradient(135deg,var(--smass-ink),var(--smass-dark))!important;
  box-shadow:0 16px 42px rgba(7,24,39,.18)!important;
}
/* Typografie & Rhythmus */
.smass-page-main h1,
.smass-page-main h2,
.smass-page-main h3,
.mw-shell h1,.mw-shell h2,.mw-shell h3,
.smass-admin-shell h1,.smass-admin-shell h2,.smass-admin-shell h3{
  letter-spacing:-.055em;
  text-wrap:balance;
}
.smass-page-main p,.mw-shell p{color:var(--smass-muted);}
.smass-page-main > section{position:relative;}
.smass-page-main > section:not(:first-child){padding-top:5.4rem!important;padding-bottom:5.4rem!important;}
.smass-page-main > section:nth-child(even):not(:first-child){background:linear-gradient(180deg,#fff 0%,#f7fafc 100%)!important;}
.smass-page-main > section:nth-child(odd):not(:first-child){background:var(--smass-gradient-light)!important;}
/* Hero-Grundlinie für öffentliche Seiten */
.smass-page-main > section:first-child{
  background:var(--smass-gradient-light)!important;
  border-bottom:1px solid rgba(7,24,39,.08)!important;
  overflow:hidden!important;
}
.smass-page-main > section:first-child:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.72;
  background:
    radial-gradient(circle at 12% 28%,rgba(16,114,186,.11),transparent 25rem),
    radial-gradient(circle at 82% 18%,rgba(154,205,50,.12),transparent 24rem);
}
.smass-page-main > section:first-child h1,
.smass-page-main > section:first-child h2{
  color:var(--smass-ink)!important;
  text-shadow:none!important;
}
/* Karten, Panels, Formularflächen einheitlich */
.smass-page-main article,
.smass-page-main .rounded-\[2rem\],
.smass-page-main .rounded-\[2\.2rem\],
.smass-page-main .rounded-\[2\.4rem\],
.smass-page-main .rounded-3xl,
.smass-page-main form,
.smass-page-main aside{
  border-color:var(--smass-border)!important;
}
.smass-page-main article,
.smass-page-main form,
.smass-page-main aside,
.smass-page-main .shadow-soft,
.smass-page-main .shadow-2xl{
  box-shadow:var(--smass-shadow-card)!important;
}
.smass-page-main article,
.smass-page-main form,
.smass-page-main aside{
  background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,255,255,.84))!important;
  backdrop-filter:blur(14px);
}
.smass-page-main article:hover,
.smass-page-main .smass-card:hover,
.mw-world-card:hover{
  transform:translateY(-3px);
  box-shadow:0 34px 100px rgba(7,24,39,.13)!important;
}
.smass-page-main article,
.smass-page-main .smass-card,
.mw-world-card{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;}
/* Buttons: klare, wiedererkennbare Systemlinie */
.smass-page-main a.inline-flex,
.smass-page-main button,
.mw-btn,
.mw-card-actions a,
.mw-final-actions a{
  border-radius:999px!important;
  font-weight:900!important;
}
.smass-page-main a[class*="bg-smass-blue"],
.smass-page-main button[class*="bg-smass-blue"],
.smass-page-main a[class*="from-smass-blue"],
.smass-page-main button[class*="from-smass-blue"]{
  background:linear-gradient(135deg,var(--smass-ink),var(--smass-dark))!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 18px 44px rgba(7,24,39,.18)!important;
}
.smass-page-main a[class*="bg-smass-green"],
.smass-page-main button[class*="bg-smass-green"],
.mw-btn-green{
  background:linear-gradient(135deg,#b7ef3a,var(--smass-green))!important;
  color:var(--smass-ink)!important;
  border:1px solid rgba(183,239,58,.65)!important;
  box-shadow:0 18px 42px rgba(154,205,50,.22)!important;
}
.smass-page-main input,
.smass-page-main textarea,
.smass-page-main select,
.smass-admin-shell input,
.smass-admin-shell textarea,
.smass-admin-shell select{
  border-radius:1rem!important;
  border-color:rgba(7,24,39,.12)!important;
  background:#fff!important;
  color:var(--smass-ink)!important;
  box-shadow:inset 0 1px 0 rgba(7,24,39,.03)!important;
}
.smass-page-main input:focus,
.smass-page-main textarea:focus,
.smass-page-main select:focus,
.smass-admin-shell input:focus,
.smass-admin-shell textarea:focus,
.smass-admin-shell select:focus{
  border-color:rgba(16,114,186,.55)!important;
  box-shadow:0 0 0 4px rgba(16,114,186,.12)!important;
  outline:none!important;
}
/* SMASS Modular World: eine Markenwelt, nicht sechs Farbsysteme */
.smass-modular-world-page .mw-hero{
  background:var(--smass-gradient-world)!important;
  color:#fff!important;
}
.smass-modular-world-page .mw-hero:before{
  background:
    linear-gradient(rgba(255,255,255,.075) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.075) 1px,transparent 1px)!important;
  background-size:58px 58px!important;
}
.smass-modular-world-page .mw-hero h1{
  color:#fff!important;
  font-size:clamp(4rem,8.2vw,8.2rem)!important;
  line-height:.82!important;
  letter-spacing:-.09em!important;
}
.smass-modular-world-page .mw-hero h1 span{color:#fff!important;}
.smass-modular-world-page .mw-lead{color:#eaf6ff!important;}
.smass-modular-world-page .mw-sublead{color:rgba(234,246,255,.76)!important;}
.smass-modular-world-page .mw-stage-main{
  background:linear-gradient(180deg,rgba(255,255,255,.15),rgba(255,255,255,.075))!important;
  border-color:rgba(255,255,255,.22)!important;
}
.smass-modular-world-page .mw-worlds-section,
.smass-modular-world-page .mw-brand-band,
.smass-modular-world-page .mw-proof-section{
  background:var(--smass-gradient-light)!important;
}
.smass-modular-world-page .mw-world-card{
  border-radius:2rem!important;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,255,255,.86))!important;
}
.smass-modular-world-page .mw-world-card:before{background:linear-gradient(90deg,var(--smass-blue),var(--smass-green))!important;height:4px!important;}
.smass-modular-world-page .mw-world-card-head i{background:linear-gradient(135deg,var(--smass-ink),var(--smass-blue))!important;}
.smass-modular-world-page .mw-card-actions a:first-child{background:var(--smass-ink)!important;color:#fff!important;}
.smass-modular-world-page .mw-final-cta{background:var(--smass-gradient-world)!important;}
/* Footer einheitlich */
footer.bg-\[\#071827\], footer{
  background:linear-gradient(135deg,#030b14 0%,#071827 54%,#0a3e63 100%)!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
}
footer .max-w-7xl{position:relative;}
footer .max-w-7xl:before{content:"";position:absolute;left:1rem;right:1rem;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(154,205,50,.28),rgba(16,114,186,.36),transparent);}
/* Admin Design System */
.smass-admin-shell{
  background:radial-gradient(circle at 12% 0%,rgba(16,114,186,.10),transparent 28rem),radial-gradient(circle at 88% 0%,rgba(154,205,50,.09),transparent 24rem),#f4f8fb!important;
}
.smass-admin-shell aside.bg-slate-950,
.smass-admin-sidebar{
  background:linear-gradient(180deg,#030b14 0%,#071827 58%,#0a3e63 100%)!important;
  box-shadow:32px 0 90px rgba(7,24,39,.17)!important;
}
.smass-admin-shell header.sticky{
  background:rgba(255,255,255,.90)!important;
  border-bottom:1px solid rgba(7,24,39,.08)!important;
  box-shadow:0 16px 50px rgba(7,24,39,.07)!important;
}
.smass-admin-card,.smass-admin-panel,
.smass-admin-shell main article,
.smass-admin-shell main section,
.smass-admin-shell .rounded-3xl,
.smass-admin-shell .rounded-\[2rem\]{
  border-color:rgba(7,24,39,.10)!important;
  box-shadow:0 22px 70px rgba(7,24,39,.08)!important;
}
.smass-admin-nav-group-title{color:rgba(255,255,255,.42)!important;letter-spacing:.18em!important;}
.smass-admin-nav-group-links a.bg-white{background:rgba(255,255,255,.94)!important;color:var(--smass-ink)!important;box-shadow:0 14px 35px rgba(0,0,0,.14)!important;}
.smass-admin-nav-group-links a:not(.bg-white):hover{background:rgba(255,255,255,.10)!important;}
.smass-admin-top-actions a[href*="logout"]{background:var(--smass-ink)!important;}
.smass-admin-login .smass-admin-card{border-radius:2rem!important;}
@media(max-width:980px){
  .smass-site-header{padding-top:.3rem!important;}
  .smass-site-header>div,header.smass-site-header>div{border-radius:1.4rem!important;height:auto!important;min-height:4.4rem!important;}
  .smass-page-main > section:not(:first-child){padding-top:4rem!important;padding-bottom:4rem!important;}
}
@media(prefers-reduced-motion: reduce){
  .smass-page-main article:hover,.smass-page-main .smass-card:hover,.mw-world-card:hover{transform:none!important;}
}

/* =========================================================
   v85 · SMASS Modular World Brand System
   Ziel: neues Logo-System einbinden und als Markenanker für Website, Admin und Partnerwelt nutzen.
========================================================= */
:root{
  --smass-brand-midnight:#08203A;
  --smass-brand-deep:#0A1A2E;
  --smass-brand-lime:#A3E635;
  --smass-brand-teal:#16A3B8;
  --smass-brand-mist:#F6F8FB;
  --smass-brand-line:rgba(8,32,58,.12);
  --smass-brand-shadow:0 24px 70px rgba(8,32,58,.12);
}
.smass-brand-lockup{display:flex;align-items:center;min-width:0;text-decoration:none!important;}
.smass-brand-logo-img{display:block;width:min(260px,52vw);height:auto;object-fit:contain;filter:drop-shadow(0 10px 22px rgba(8,32,58,.08));}
.smass-site-header>div{min-height:5rem!important;}
.smass-site-header .smass-brand-lockup:hover .smass-brand-logo-img{filter:drop-shadow(0 14px 28px rgba(8,32,58,.12));}
.smass-footer-logo{display:block;width:min(310px,74vw);height:auto;object-fit:contain;opacity:.98;filter:drop-shadow(0 12px 26px rgba(0,0,0,.18));}
.smass-admin-sidebar-logo{display:block;width:224px;max-width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 10px 30px rgba(0,0,0,.16));}
.smass-admin-brand-lockup{display:flex;align-items:center;text-decoration:none!important;}
.smass-login-logo{display:block;width:min(260px,62vw);height:auto;object-fit:contain;filter:drop-shadow(0 12px 26px rgba(8,32,58,.10));}
.smass-brand-mark{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;}
.smass-brand-mark img{width:100%;height:100%;object-fit:contain;display:block;}
.smass-brand-system-card{border:1px solid var(--smass-brand-line);background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(246,248,251,.88));border-radius:2rem;box-shadow:var(--smass-brand-shadow);}
.smass-brand-system-kicker{display:inline-flex;align-items:center;gap:.55rem;color:var(--smass-brand-midnight);font-weight:950;text-transform:uppercase;letter-spacing:.20em;font-size:.68rem;}
.smass-brand-system-kicker:before{content:"";width:.52rem;height:.52rem;border-radius:999px;background:var(--smass-brand-lime);box-shadow:0 0 0 6px rgba(163,230,53,.16);}
.smass-brand-policy-note{border-left:4px solid var(--smass-brand-lime);background:#fff;border-radius:1.5rem;padding:1.2rem 1.35rem;box-shadow:0 18px 50px rgba(8,32,58,.07);}
/* Neue Markenregel: helle Bereiche bleiben dunkel beschriftet. */
.smass-page-main section:not(.mw-hero):not(.mw-final-cta) h1,
.smass-page-main section:not(.mw-hero):not(.mw-final-cta) h2,
.smass-page-main section:not(.mw-hero):not(.mw-final-cta) h3,
.smass-page-main section:not(.mw-hero):not(.mw-final-cta) h4{color:var(--smass-brand-midnight)!important;}
.smass-page-main section:not(.mw-hero):not(.mw-final-cta) p{color:#52697b!important;}
/* Dunkle Bereiche definieren explizit helle Schrift, damit kein Zufall entsteht. */
.smass-page-main .mw-hero h1,
.smass-page-main .mw-hero h2,
.smass-page-main .mw-hero h3,
.smass-page-main .mw-final-cta h1,
.smass-page-main .mw-final-cta h2,
.smass-page-main .mw-final-cta h3,
footer h1,footer h2,footer h3,footer strong{color:#fff!important;}
.smass-page-main .mw-hero p,.smass-page-main .mw-final-cta p,footer p{color:rgba(255,255,255,.72)!important;}
/* Header und Navigation etwas ruhiger mit neuem Logo verankern. */
.smass-site-header{
  background:linear-gradient(180deg,rgba(246,248,251,.94),rgba(246,248,251,.72))!important;
  backdrop-filter:blur(18px)!important;
}
.smass-site-header nav.hidden.xl\:flex{border-color:rgba(8,32,58,.08)!important;box-shadow:0 18px 45px rgba(8,32,58,.07)!important;}
.smass-site-header .smass-nav-active{background:var(--smass-brand-midnight)!important;color:#fff!important;}
.smass-site-header .smass-nav-link{color:var(--smass-brand-midnight)!important;}
/* Admin erhält denselben Markenanker, bleibt aber klar als geschütztes Cockpit erkennbar. */
.smass-admin-shell aside.bg-slate-950{background:linear-gradient(180deg,#06111f 0%,#08203A 50%,#0A3E63 100%)!important;}
.smass-admin-shell .smass-admin-card,.smass-admin-shell .rounded-3xl,.smass-admin-shell .rounded-\[2rem\]{border-color:rgba(8,32,58,.10)!important;}
@media(max-width:980px){
  .smass-brand-logo-img{width:min(220px,64vw);}
  .smass-site-header>div{min-height:4.6rem!important;}
  .smass-footer-logo{width:min(280px,82vw);}
}
@media(max-width:480px){
  .smass-brand-logo-img{width:190px;}
  .smass-login-logo{width:220px;}
}

/* =========================================================
   v86 · SMASS Modular World Umsetzung öffentliches Design
   Ziel: Die einzelnen Seiten folgen dem Brand-System aus dem Designboard:
   dunkler Premium-Header, klare helle Seitenflächen, Lime-CTA, konsistente Cards.
========================================================= */
:root{
  --mw-midnight:#08203A;
  --mw-deep:#0A1A2E;
  --mw-night:#06111F;
  --mw-mist:#F6F8FB;
  --mw-cool:#E6ECF1;
  --mw-lime:#A3E635;
  --mw-teal:#16A3B8;
  --mw-slate:#64748B;
  --mw-line:rgba(8,32,58,.12);
  --mw-line-dark:rgba(255,255,255,.12);
  --mw-shadow:0 26px 80px rgba(8,32,58,.12);
  --mw-shadow-soft:0 18px 55px rgba(8,32,58,.08);
  --mw-world-gradient:radial-gradient(circle at 82% 10%,rgba(22,163,184,.40),transparent 28rem),radial-gradient(circle at 95% 18%,rgba(163,230,53,.28),transparent 20rem),linear-gradient(135deg,#06111F 0%,#08203A 48%,#0A3E63 100%);
  --mw-light-gradient:radial-gradient(circle at 10% 12%,rgba(22,163,184,.10),transparent 25rem),radial-gradient(circle at 88% 8%,rgba(163,230,53,.12),transparent 22rem),linear-gradient(180deg,#fff 0%,#F6F8FB 100%);
}
html{background:var(--mw-mist)!important;}
body:not(.smass-admin-login){background:var(--mw-mist)!important;color:var(--mw-midnight)!important;}
body:not(.smass-admin-login):not(.smass-admin-shell):before{display:none!important;}

/* Header wie im Designboard: dunkle Navigation, Reverse-Logo, Lime CTA */
.smass-site-header{
  position:sticky!important;top:0!important;z-index:80!important;
  margin:0!important;padding:.75rem .75rem!important;
  background:linear-gradient(180deg,rgba(246,248,251,.94),rgba(246,248,251,.50) 72%,rgba(246,248,251,0))!important;
  border:0!important;box-shadow:none!important;
  backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;
}
.smass-site-header .smass-header-bar,
.smass-site-header>div.smass-header-bar{
  height:5rem!important;min-height:5rem!important;border-radius:1.25rem!important;
  background:var(--mw-world-gradient)!important;
  border:1px solid rgba(255,255,255,.13)!important;
  box-shadow:0 24px 70px rgba(8,32,58,.22),inset 0 1px 0 rgba(255,255,255,.11)!important;
  overflow:visible!important;position:relative!important;
}
.smass-site-header .smass-header-bar:before{
  content:"";position:absolute;inset:1px;border-radius:inherit;pointer-events:none;
  background:linear-gradient(90deg,rgba(255,255,255,.08),transparent 28%,rgba(163,230,53,.08) 100%);
}
.smass-site-header .smass-brand-lockup,
.smass-site-header .smass-main-nav,
.smass-site-header .smass-header-cta,
.smass-site-header .smass-mobile-menu-button{position:relative;z-index:2;}
.smass-site-header .smass-brand-logo-img{
  width:min(260px,50vw)!important;height:auto!important;filter:drop-shadow(0 12px 26px rgba(0,0,0,.20))!important;
}
.smass-site-header .smass-main-nav{
  background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.09)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.smass-site-header .smass-nav-item{
  min-height:2.65rem!important;color:rgba(255,255,255,.72)!important;text-decoration:none!important;
  letter-spacing:-.01em!important;text-shadow:none!important;
}
.smass-site-header .smass-nav-link{color:rgba(255,255,255,.72)!important;background:transparent!important;box-shadow:none!important;}
.smass-site-header .smass-nav-link:hover{color:#fff!important;background:rgba(255,255,255,.10)!important;box-shadow:none!important;}
.smass-site-header .smass-nav-active,
.smass-site-header .smass-nav-active:hover{
  color:var(--mw-midnight)!important;background:linear-gradient(135deg,#B9F542,var(--mw-lime))!important;
  box-shadow:0 14px 34px rgba(163,230,53,.22)!important;
}
.smass-site-header .smass-nav-active svg{color:var(--mw-midnight)!important;stroke:var(--mw-midnight)!important;}
.smass-site-header .smass-header-cta,
.smass-mobile-cta{
  background:linear-gradient(135deg,#B9F542,var(--mw-lime))!important;color:var(--mw-midnight)!important;
  border:1px solid rgba(185,245,66,.72)!important;box-shadow:0 16px 36px rgba(163,230,53,.24)!important;
}
.smass-site-header .smass-header-cta:hover{transform:translateY(-1px);box-shadow:0 20px 44px rgba(163,230,53,.30)!important;}
.smass-site-header .smass-nav-dropdown{
  background:rgba(255,255,255,.96)!important;border-color:rgba(8,32,58,.10)!important;
  box-shadow:0 30px 90px rgba(8,32,58,.22)!important;backdrop-filter:blur(18px)!important;
}
.smass-site-header .smass-nav-dropdown-link{color:var(--mw-midnight)!important;background:transparent!important;text-decoration:none!important;}
.smass-site-header .smass-nav-dropdown-link span:last-child{color:#64748B!important;}
.smass-site-header .smass-nav-dropdown-link:hover{background:#F6F8FB!important;}
.smass-site-header .smass-nav-dropdown-link.smass-nav-active{background:var(--mw-midnight)!important;color:#fff!important;box-shadow:none!important;}
.smass-site-header .smass-nav-dropdown-link.smass-nav-active span{color:#fff!important;}
.smass-site-header .smass-nav-dropdown-link.smass-nav-active span:last-child{color:rgba(255,255,255,.68)!important;}
.smass-mobile-menu-button{color:#fff!important;background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.15)!important;}
.smass-mobile-menu{background:linear-gradient(135deg,#06111F,#08203A 62%,#0A3E63)!important;border:1px solid rgba(255,255,255,.12)!important;color:#fff!important;}
.smass-mobile-menu a{color:rgba(255,255,255,.78)!important;text-decoration:none!important;}
.smass-mobile-menu a:hover{background:rgba(255,255,255,.08)!important;color:#fff!important;}
.smass-mobile-menu .smass-mobile-cta{color:var(--mw-midnight)!important;}
.smass-site-header + .h-20{display:none!important;}

/* Öffentliche Seiten: einheitliche Seitenwelt */
.smass-page-main,.mw-shell,.smass-public-offer-main{background:var(--mw-mist)!important;color:var(--mw-midnight)!important;overflow:hidden;}
.smass-page-main > section,
body.smass-public-page > section,
.smass-public-offer-main > section{position:relative;}
.smass-page-main > section:not(:first-child),
body.smass-public-page > section:not(:first-of-type),
.smass-public-offer-main > section:not(:first-child){padding-top:5.2rem!important;padding-bottom:5.2rem!important;}
.smass-page-main > section:nth-child(even):not(:first-child),
body.smass-public-page > section:nth-of-type(even):not(:first-of-type),
.smass-public-offer-main > section:nth-child(even):not(:first-child){background:linear-gradient(180deg,#fff 0%,#F6F8FB 100%)!important;}
.smass-page-main > section:nth-child(odd):not(:first-child),
body.smass-public-page > section:nth-of-type(odd):not(:first-of-type),
.smass-public-offer-main > section:nth-child(odd):not(:first-child){background:var(--mw-light-gradient)!important;}
.smass-page-main > section:first-child,
body.smass-public-page > section:first-of-type{
  background:var(--mw-world-gradient)!important;color:#fff!important;border-bottom:1px solid rgba(255,255,255,.10)!important;overflow:hidden!important;
}
.smass-page-main > section:first-child:before,
body.smass-public-page > section:first-of-type:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.45;
  background:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:54px 54px;
}
.smass-page-main > section:first-child:after,
body.smass-public-page > section:first-of-type:after{
  content:"";position:absolute;right:-10rem;top:6rem;width:38rem;height:38rem;border-radius:999px;pointer-events:none;opacity:.36;
  background:radial-gradient(circle,rgba(163,230,53,.42),rgba(22,163,184,.26) 38%,transparent 68%);filter:blur(2px);
}
.smass-page-main > section:first-child > *,
body.smass-public-page > section:first-of-type > *{position:relative;z-index:1;}
.smass-page-main > section:first-child h1,
.smass-page-main > section:first-child h2,
body.smass-public-page > section:first-of-type h1,
body.smass-public-page > section:first-of-type h2{color:#fff!important;text-shadow:0 18px 60px rgba(0,0,0,.25)!important;}
.smass-page-main > section:first-child p,
.smass-page-main > section:first-child li,
body.smass-public-page > section:first-of-type p,
body.smass-public-page > section:first-of-type li{color:rgba(255,255,255,.76)!important;}
.smass-page-main > section:first-child .text-smass-blue,
.smass-page-main > section:first-child .text-smass-dark,
body.smass-public-page > section:first-of-type .text-smass-blue,
body.smass-public-page > section:first-of-type .text-smass-dark{color:var(--mw-lime)!important;}
.smass-page-main > section:first-child .bg-white,
.smass-page-main > section:first-child article,
.smass-page-main > section:first-child form,
.smass-page-main > section:first-child aside,
body.smass-public-page > section:first-of-type .bg-white,
body.smass-public-page > section:first-of-type article,
body.smass-public-page > section:first-of-type form,
body.smass-public-page > section:first-of-type aside{color:var(--mw-midnight)!important;text-shadow:none!important;}
.smass-page-main > section:first-child article h1,.smass-page-main > section:first-child article h2,.smass-page-main > section:first-child article h3,.smass-page-main > section:first-child form h1,.smass-page-main > section:first-child form h2,.smass-page-main > section:first-child form h3,.smass-page-main > section:first-child aside h1,.smass-page-main > section:first-child aside h2,.smass-page-main > section:first-child aside h3,
body.smass-public-page > section:first-of-type article h1,body.smass-public-page > section:first-of-type article h2,body.smass-public-page > section:first-of-type article h3,body.smass-public-page > section:first-of-type form h1,body.smass-public-page > section:first-of-type form h2,body.smass-public-page > section:first-of-type form h3{color:var(--mw-midnight)!important;text-shadow:none!important;}
.smass-page-main > section:first-child article p,.smass-page-main > section:first-child article li,.smass-page-main > section:first-child form p,.smass-page-main > section:first-child form li,.smass-page-main > section:first-child aside p,.smass-page-main > section:first-child aside li,
body.smass-public-page > section:first-of-type article p,body.smass-public-page > section:first-of-type article li,body.smass-public-page > section:first-of-type form p,body.smass-public-page > section:first-of-type form li{color:#52697B!important;}

/* Typografie und Cards */
.smass-page-main h1,.smass-page-main h2,.smass-page-main h3,
body.smass-public-page h1,body.smass-public-page h2,body.smass-public-page h3,
.smass-public-offer-main h1,.smass-public-offer-main h2,.smass-public-offer-main h3{letter-spacing:-.055em!important;color:var(--mw-midnight)!important;}
.smass-page-main p,body.smass-public-page p,.smass-public-offer-main p{color:#52697B!important;}
.smass-page-main article,
.smass-page-main form,
.smass-page-main aside,
body.smass-public-page article,
body.smass-public-page form,
body.smass-public-page aside,
.smass-public-offer-main article,
.smass-public-offer-main form,
.smass-public-offer-main aside,
.smass-brand-system-card{
  border:1px solid var(--mw-line)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,255,255,.88))!important;
  box-shadow:var(--mw-shadow-soft)!important;
  backdrop-filter:blur(14px)!important;
}
.smass-page-main article,
body.smass-public-page article,.smass-public-offer-main article{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;}
.smass-page-main article:hover,
body.smass-public-page article:hover,.smass-public-offer-main article:hover{transform:translateY(-3px);box-shadow:0 32px 90px rgba(8,32,58,.13)!important;}
.smass-page-main .rounded-3xl,
.smass-page-main .rounded-\[2rem\],
.smass-page-main .rounded-\[2\.2rem\],
.smass-page-main .rounded-\[2\.4rem\],
body.smass-public-page .rounded-3xl,
body.smass-public-page .rounded-\[2rem\],
body.smass-public-page .rounded-\[2\.2rem\],
body.smass-public-page .rounded-\[2\.4rem\]{border-color:var(--mw-line)!important;}

/* Buttons konsistent: Primary Navy, Erfolgs-/Start-CTA Lime */
.smass-page-main a.inline-flex,
.smass-page-main button,
body.smass-public-page a.inline-flex,
body.smass-public-page button,
.smass-public-offer-main a.inline-flex,
.smass-public-offer-main button{border-radius:999px!important;font-weight:900!important;}
.smass-page-main a[class*="bg-smass-blue"],.smass-page-main button[class*="bg-smass-blue"],.smass-page-main a[class*="from-smass-blue"],.smass-page-main button[class*="from-smass-blue"],
body.smass-public-page a[class*="bg-smass-blue"],body.smass-public-page button[class*="bg-smass-blue"],body.smass-public-page a[class*="from-smass-blue"],body.smass-public-page button[class*="from-smass-blue"]{
  background:linear-gradient(135deg,var(--mw-midnight),#0A3E63)!important;color:#fff!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:0 18px 42px rgba(8,32,58,.18)!important;
}
.smass-page-main a[class*="bg-smass-green"],.smass-page-main button[class*="bg-smass-green"],.smass-page-main a[href*="projekt-assistent"].inline-flex,
body.smass-public-page a[class*="bg-smass-green"],body.smass-public-page button[class*="bg-smass-green"],body.smass-public-page a[href*="projekt-assistent"].inline-flex{
  background:linear-gradient(135deg,#B9F542,var(--mw-lime))!important;color:var(--mw-midnight)!important;border:1px solid rgba(185,245,66,.68)!important;box-shadow:0 18px 42px rgba(163,230,53,.24)!important;
}
.smass-page-main input,.smass-page-main textarea,.smass-page-main select,
body.smass-public-page input,body.smass-public-page textarea,body.smass-public-page select{
  border-radius:1rem!important;border-color:rgba(8,32,58,.14)!important;background:#fff!important;color:var(--mw-midnight)!important;
}
.smass-page-main input:focus,.smass-page-main textarea:focus,.smass-page-main select:focus,
body.smass-public-page input:focus,body.smass-public-page textarea:focus,body.smass-public-page select:focus{outline:none!important;border-color:rgba(22,163,184,.55)!important;box-shadow:0 0 0 4px rgba(22,163,184,.12)!important;}

/* SMASS Modular World Spezialseite näher am Brandboard */
.smass-modular-world-page .mw-hero{background:var(--mw-world-gradient)!important;}
.smass-modular-world-page .mw-hero:before{background:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px)!important;background-size:56px 56px!important;}
.smass-modular-world-page .mw-lead{color:#F6F8FB!important;}
.smass-modular-world-page .mw-sublead{color:rgba(246,248,251,.74)!important;}
.smass-modular-world-page .mw-btn-green{background:linear-gradient(135deg,#B9F542,var(--mw-lime))!important;color:var(--mw-midnight)!important;}
.smass-modular-world-page .mw-world-card{border-color:var(--mw-line)!important;box-shadow:var(--mw-shadow-soft)!important;}
.smass-modular-world-page .mw-final-cta{background:var(--mw-world-gradient)!important;}
.smass-modular-world-page .mw-final-cta h2,.smass-modular-world-page .mw-final-cta p{color:#fff!important;}

/* Footer finaler Markenabschluss */
footer{background:var(--mw-world-gradient)!important;}
footer a{color:rgba(255,255,255,.68)!important;text-decoration:none!important;}
footer a:hover{color:#fff!important;}
footer .smass-footer-logo{width:min(310px,76vw)!important;}

@media(max-width:1180px){
  .smass-site-header .smass-brand-logo-img{width:min(235px,58vw)!important;}
}
@media(max-width:980px){
  .smass-site-header{padding:.55rem .65rem!important;}
  .smass-site-header .smass-header-bar,.smass-site-header>div.smass-header-bar{height:auto!important;min-height:4.55rem!important;border-radius:1.15rem!important;}
  .smass-site-header .smass-brand-logo-img{width:min(220px,62vw)!important;}
  .smass-page-main > section:not(:first-child),body.smass-public-page > section:not(:first-of-type),.smass-public-offer-main > section:not(:first-child){padding-top:4rem!important;padding-bottom:4rem!important;}
}
@media(max-width:520px){
  .smass-site-header .smass-brand-logo-img{width:190px!important;}
  .smass-site-header{padding:.45rem!important;}
  .smass-site-header .smass-header-bar{padding-left:.85rem!important;padding-right:.85rem!important;}
}


/* =========================================================
   v87 · Design-Angleichung nach Brandboard
   - Startseite und Modular World in derselben visuellen Sprache
   - Projekt-Assistent/Hero wieder lesbar
   - Kicker, Badges und Chips vereinheitlicht
========================================================= */
:root{
  --smass-v87-midnight:#08203A;
  --smass-v87-deep:#0A1A2E;
  --smass-v87-night:#06111F;
  --smass-v87-lime:#A3E635;
  --smass-v87-lime2:#B9F542;
  --smass-v87-teal:#16A3B8;
  --smass-v87-mist:#F6F8FB;
  --smass-v87-line:rgba(8,32,58,.12);
  --smass-v87-world:radial-gradient(circle at 82% 8%,rgba(22,163,184,.42),transparent 30rem),radial-gradient(circle at 95% 18%,rgba(163,230,53,.30),transparent 22rem),linear-gradient(135deg,#06111F 0%,#08203A 48%,#0A3E63 100%);
}
html,body:not(.smass-admin-login){background:var(--smass-v87-mist)!important;}

/* Header auch auf der Modular-World-Seite nicht mehr in alten hellen Sonderregeln hängen lassen */
body.smass-modular-world-page .smass-site-header,
body.smass-home-page .smass-site-header,
body.smass-project-assistant-page .smass-site-header,
body.smass-project-start-page .smass-site-header{
  background:linear-gradient(180deg,rgba(246,248,251,.95),rgba(246,248,251,.56) 72%,rgba(246,248,251,0))!important;
  border:0!important;box-shadow:none!important;
}
body.smass-modular-world-page .smass-site-header .smass-header-bar,
body.smass-home-page .smass-site-header .smass-header-bar,
body.smass-project-assistant-page .smass-site-header .smass-header-bar,
body.smass-project-start-page .smass-site-header .smass-header-bar{
  background:var(--smass-v87-world)!important;
  border:1px solid rgba(255,255,255,.13)!important;
  box-shadow:0 24px 70px rgba(8,32,58,.22),inset 0 1px 0 rgba(255,255,255,.11)!important;
}

/* Einheitliche Kicker/Badges */
.smass-kicker,
.mw-eyebrow{
  display:inline-flex!important;align-items:center!important;gap:.65rem!important;
  width:max-content!important;max-width:100%!important;
  border-radius:999px!important;padding:.72rem 1rem!important;
  border:1px solid rgba(255,255,255,.16)!important;
  background:rgba(255,255,255,.09)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 45px rgba(0,0,0,.12)!important;
  backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;
  color:rgba(255,255,255,.82)!important;text-transform:uppercase!important;
  letter-spacing:.22em!important;font-size:.68rem!important;font-weight:950!important;line-height:1!important;
}
.smass-kicker span,.mw-eyebrow span{width:.55rem!important;height:.55rem!important;border-radius:999px!important;background:var(--smass-v87-lime)!important;box-shadow:0 0 0 6px rgba(163,230,53,.18)!important;flex:0 0 auto!important;}
.smass-kicker strong{color:#fff!important;font-style:normal!important;letter-spacing:.20em!important;}
.smass-kicker em{color:rgba(255,255,255,.56)!important;font-style:normal!important;letter-spacing:.10em!important;text-transform:none!important;}
.smass-section-kicker,.mw-kicker{
  display:inline-flex!important;align-items:center!important;gap:.6rem!important;
  color:#1072BA!important;text-transform:uppercase!important;letter-spacing:.22em!important;
  font-size:.68rem!important;font-weight:950!important;line-height:1.2!important;
}
.smass-section-kicker:before,.mw-kicker:before{content:"";width:.5rem;height:.5rem;border-radius:999px;background:var(--smass-v87-lime);box-shadow:0 0 0 6px rgba(163,230,53,.16);display:inline-block;}
.smass-mini-badge{
  display:inline-flex;align-items:center;justify-content:center;border-radius:999px;
  background:linear-gradient(135deg,var(--smass-v87-lime2),var(--smass-v87-lime));
  color:var(--smass-v87-midnight);font-size:.68rem;font-weight:950;padding:.45rem .75rem;letter-spacing:.08em;
  box-shadow:0 12px 32px rgba(163,230,53,.25);
}
.smass-page-main .chip,.smass-page-main .rounded-full.text-\[10px\],.smass-page-main .rounded-full.text-\[11px\]{
  border-radius:999px!important;font-weight:900!important;
}

/* Startseite: neue dunkle Hero-Welt */
.smass-home-page .smass-page-main > section:first-child,
.smass-home-hero{
  background:var(--smass-v87-world)!important;color:#fff!important;
  min-height:auto!important;isolation:isolate!important;
}
.smass-home-hero:before,.smass-home-hero:after{display:none!important;}
.smass-home-hero-grid{position:absolute;inset:0;opacity:.42;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.72) 55%,transparent 100%);z-index:0;}
.smass-home-orb{position:absolute;border-radius:999px;filter:blur(68px);pointer-events:none;z-index:0;}
.smass-home-orb-a{width:38rem;height:38rem;left:-13rem;top:-13rem;background:rgba(22,163,184,.34);}
.smass-home-orb-b{width:34rem;height:34rem;right:-9rem;top:-10rem;background:rgba(163,230,53,.24);}
.smass-home-wordmark{position:absolute;right:-.06em;bottom:-.18em;font-size:min(15vw,13rem);font-weight:950;line-height:.78;letter-spacing:-.09em;color:rgba(255,255,255,.045);white-space:nowrap;pointer-events:none;z-index:0;}
.smass-home-hero > div:not(.smass-home-hero-grid):not(.smass-home-orb):not(.smass-home-wordmark){position:relative;z-index:2;}
.smass-home-hero h1,.smass-home-hero h2,.smass-home-hero h3{color:#fff!important;text-shadow:0 22px 80px rgba(0,0,0,.35)!important;}
.smass-home-hero p{color:rgba(255,255,255,.76)!important;}
.smass-btn-lime{background:linear-gradient(135deg,var(--smass-v87-lime2),var(--smass-v87-lime))!important;color:var(--smass-v87-midnight)!important;border:1px solid rgba(185,245,66,.72)!important;box-shadow:0 18px 42px rgba(163,230,53,.24)!important;text-decoration:none!important;}
.smass-btn-light{background:rgba(255,255,255,.94)!important;color:var(--smass-v87-midnight)!important;border:1px solid rgba(255,255,255,.75)!important;box-shadow:0 16px 40px rgba(0,0,0,.16)!important;text-decoration:none!important;}
.smass-btn-ghost{background:rgba(255,255,255,.08)!important;color:#fff!important;border:1px solid rgba(255,255,255,.20)!important;text-decoration:none!important;}
.smass-btn-lime:hover,.smass-btn-light:hover,.smass-btn-ghost:hover{transform:translateY(-2px)!important;}
.smass-hero-microcard{background:rgba(255,255,255,.09)!important;border:1px solid rgba(255,255,255,.15)!important;box-shadow:0 16px 45px rgba(0,0,0,.12)!important;backdrop-filter:blur(16px)!important;color:#fff!important;}
.smass-hero-microcard div:last-child{color:rgba(255,255,255,.62)!important;}
.smass-stage-glow{position:absolute;inset:-1.2rem;border-radius:3rem;background:linear-gradient(135deg,rgba(22,163,184,.22),rgba(255,255,255,.06),rgba(163,230,53,.20));filter:blur(22px);z-index:0;}
.smass-stage-card{position:relative;z-index:2;background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.055))!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:0 42px 130px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.10)!important;backdrop-filter:blur(20px)!important;color:#fff!important;}
.smass-flow-row{background:rgba(255,255,255,.085)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;}
.smass-orbit{position:absolute;z-index:4;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.10);backdrop-filter:blur(16px);border-radius:999px;color:#fff;font-size:.78rem;font-weight:950;letter-spacing:.06em;padding:.8rem 1.05rem;box-shadow:0 20px 60px rgba(0,0,0,.22);}
.smass-orbit-one{top:1.1rem;left:-.3rem;}.smass-orbit-two{right:-.4rem;top:5.8rem;}.smass-orbit-three{bottom:2rem;left:4rem;}

/* Projekt-Assistent: Hero-Kontrast reparieren */
.smass-project-assistant-page .smass-assistant-page > section:first-child,
.smass-project-assistant-page .smass-assistant-page > section.hero-bg,
.smass-project-assistant-page .hero-bg{
  background:var(--smass-v87-world)!important;color:#fff!important;border-bottom:1px solid rgba(255,255,255,.10)!important;overflow:hidden!important;position:relative!important;
}
.smass-project-assistant-page .hero-bg:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.42;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(180deg,#000,transparent 76%);}
.smass-project-assistant-page .hero-bg:after{content:"";position:absolute;right:-8rem;top:3rem;width:38rem;height:38rem;border-radius:999px;background:radial-gradient(circle,rgba(163,230,53,.30),rgba(22,163,184,.22) 40%,transparent 68%);filter:blur(2px);pointer-events:none;opacity:.72;}
.smass-project-assistant-page .hero-bg > div{position:relative;z-index:2;}
.smass-project-assistant-page .hero-bg h1{color:#fff!important;text-shadow:0 22px 80px rgba(0,0,0,.38)!important;letter-spacing:-.072em!important;}
.smass-project-assistant-page .hero-bg p{color:rgba(255,255,255,.78)!important;}
.smass-project-assistant-page .hero-bg .inline-flex.items-center.gap-2.rounded-full{background:rgba(255,255,255,.10)!important;border-color:rgba(255,255,255,.16)!important;box-shadow:0 18px 45px rgba(0,0,0,.12)!important;color:#fff!important;backdrop-filter:blur(16px)!important;}
.smass-project-assistant-page .hero-bg .inline-flex.items-center.gap-2.rounded-full span:last-child{color:rgba(255,255,255,.82)!important;}
.smass-project-assistant-page .hero-bg a[href="#assistent"]{background:linear-gradient(135deg,var(--smass-v87-lime2),var(--smass-v87-lime))!important;color:var(--smass-v87-midnight)!important;border:1px solid rgba(185,245,66,.68)!important;box-shadow:0 18px 42px rgba(163,230,53,.24)!important;}
.smass-project-assistant-page .hero-bg a[href*="plattform-transparenz"]{background:rgba(255,255,255,.94)!important;color:var(--smass-v87-midnight)!important;border:1px solid rgba(255,255,255,.75)!important;box-shadow:0 16px 40px rgba(0,0,0,.16)!important;}
.smass-project-assistant-page .hero-bg .bg-smass-night{background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.055))!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:0 36px 115px rgba(0,0,0,.28)!important;backdrop-filter:blur(20px)!important;}
.smass-project-assistant-page .hero-bg .bg-smass-night p{color:rgba(255,255,255,.55)!important;}
.smass-project-assistant-page .hero-bg .bg-smass-night .bg-white{background:#fff!important;color:var(--smass-v87-midnight)!important;}

/* Projekt-starten/Formularseite: ebenfalls klarer Hero und keine dunkle Schrift auf dunklem Grund */
.smass-project-start-page .smass-page-main > section:first-child{
  background:var(--smass-v87-world)!important;color:#fff!important;border-bottom:1px solid rgba(255,255,255,.10)!important;padding-top:5.4rem!important;padding-bottom:6rem!important;overflow:hidden!important;
}
.smass-project-start-page .smass-page-main > section:first-child:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.38;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:54px 54px;}
.smass-project-start-page .smass-page-main > section:first-child h1{color:#fff!important;text-shadow:0 22px 80px rgba(0,0,0,.35)!important;}
.smass-project-start-page .smass-page-main > section:first-child > div > div:first-child > p:not(.text-sm){color:var(--smass-v87-lime)!important;}
.smass-project-start-page .smass-page-main > section:first-child > div > div:first-child > p.text-lg{color:rgba(255,255,255,.78)!important;}
.smass-project-start-page .smass-page-main > section:first-child .smass-glass,
.smass-project-start-page .smass-page-main > section:first-child form,
.smass-project-start-page .smass-page-main > section:first-child .bg-white,
.smass-project-assistant-page .smass-assistant-page section:not(:first-child) .smass-glass,
.smass-project-assistant-page .smass-assistant-page section:not(:first-child) article,
.smass-project-assistant-page .smass-assistant-page section:not(:first-child) form,
.smass-project-assistant-page .smass-assistant-page section:not(:first-child) aside{color:var(--smass-v87-midnight)!important;text-shadow:none!important;}
.smass-project-start-page .smass-page-main > section:first-child .smass-glass h2,
.smass-project-start-page .smass-page-main > section:first-child form h2,
.smass-project-start-page .smass-page-main > section:first-child .bg-white h2{color:var(--smass-v87-midnight)!important;text-shadow:none!important;}
.smass-project-start-page .smass-page-main > section:first-child .smass-glass p,
.smass-project-start-page .smass-page-main > section:first-child form p,
.smass-project-start-page .smass-page-main > section:first-child .bg-white p,
.smass-project-start-page .smass-page-main > section:first-child .smass-glass li{color:#52697B!important;}

/* Dunkle Hero-Regeln müssen nach allgemeinen h1/h2-Regeln gewinnen */
.smass-page-main > section:first-child > div > div:first-child h1,
.smass-page-main > section:first-child > div > div:first-child h2,
body.smass-public-page > section:first-of-type > div > div:first-child h1,
body.smass-public-page > section:first-of-type > div > div:first-child h2{
  color:#fff!important;text-shadow:0 22px 80px rgba(0,0,0,.35)!important;
}
.smass-page-main > section:first-child > div > div:first-child p{
  color:rgba(255,255,255,.78)!important;
}
.smass-page-main > section:first-child :is(article,form,aside,.smass-glass,.smass-soft-panel,.bg-white) h1,
.smass-page-main > section:first-child :is(article,form,aside,.smass-glass,.smass-soft-panel,.bg-white) h2,
.smass-page-main > section:first-child :is(article,form,aside,.smass-glass,.smass-soft-panel,.bg-white) h3{
  color:var(--smass-v87-midnight)!important;text-shadow:none!important;
}
.smass-page-main > section:first-child :is(article,form,aside,.smass-glass,.smass-soft-panel,.bg-white) p,
.smass-page-main > section:first-child :is(article,form,aside,.smass-glass,.smass-soft-panel,.bg-white) li{
  color:#52697B!important;text-shadow:none!important;
}

/* Modular World: gleiche Header-/Badge- und Textlogik, ohne alte helle Header-Regel */
body.smass-modular-world-page .mw-hero{background:var(--smass-v87-world)!important;}
body.smass-modular-world-page .mw-hero h1,
body.smass-modular-world-page .mw-hero h2{color:#fff!important;}
body.smass-modular-world-page .mw-lead{color:rgba(255,255,255,.88)!important;}
body.smass-modular-world-page .mw-sublead{color:rgba(255,255,255,.70)!important;}
body.smass-modular-world-page .mw-btn-green{background:linear-gradient(135deg,var(--smass-v87-lime2),var(--smass-v87-lime))!important;color:var(--smass-v87-midnight)!important;}
body.smass-modular-world-page .mw-btn-light{background:#fff!important;color:var(--smass-v87-midnight)!important;}
body.smass-modular-world-page .mw-btn-ghost{background:rgba(255,255,255,.08)!important;color:#fff!important;border-color:rgba(255,255,255,.20)!important;}

@media(max-width:980px){
  .smass-home-wordmark{font-size:21vw;bottom:-.08em;}
  .smass-orbit{display:none;}
  .smass-kicker{font-size:.62rem!important;letter-spacing:.18em!important;}
  .smass-kicker em{display:none!important;}
}
@media(max-width:560px){
  .smass-home-hero h1{font-size:clamp(3.35rem,17vw,4.8rem)!important;}
  .smass-home-hero .smass-btn-lime,.smass-home-hero .smass-btn-light,.smass-home-hero .smass-btn-ghost{width:100%;}
  .smass-project-assistant-page .hero-bg h1{font-size:clamp(2.8rem,14vw,4.4rem)!important;}
}


/* =========================================================
   v88 · Einheitlicher Hero-Aufbau & Container-Rhythmus
   Ziel: Startseite, SMASS Modular World, Roadmap und weitere
   öffentliche Seiten beginnen direkt nach der Navigation mit
   gleichem visuellen Aufbau, gleichen Container-Abständen und
   einheitlichen Badges/Chips.
========================================================= */
:root{
  --smass-v88-container:80rem;
  --smass-v88-hero-pt:3.4rem;
  --smass-v88-hero-pb:4.4rem;
  --smass-v88-section-y:5.2rem;
}

/* Header auf allen öffentlichen Seiten identisch behandeln */
body:not(.smass-admin-login) .smass-site-header{
  position:sticky!important;
  top:0!important;
  z-index:90!important;
  margin:0!important;
  padding:.75rem .75rem!important;
  background:linear-gradient(180deg,rgba(246,248,251,.95),rgba(246,248,251,.58) 72%,rgba(246,248,251,0))!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
body:not(.smass-admin-login) .smass-site-header .smass-header-bar,
body:not(.smass-admin-login) .smass-site-header>div.smass-header-bar{
  height:5rem!important;
  min-height:5rem!important;
  border-radius:1.25rem!important;
  background:var(--mw-world-gradient)!important;
  border:1px solid rgba(255,255,255,.13)!important;
  box-shadow:0 24px 70px rgba(8,32,58,.22),inset 0 1px 0 rgba(255,255,255,.11)!important;
}

/* Einheitliche Hero-Container auf normalen Seiten */
.smass-page-main > section:first-child > .max-w-7xl,
.smass-page-main > section:first-child > .relative.max-w-7xl,
body.smass-public-page > section:first-of-type > .max-w-7xl,
body.smass-public-page > section:first-of-type > .relative.max-w-7xl{
  max-width:var(--smass-v88-container)!important;
  padding-left:2rem!important;
  padding-right:2rem!important;
  padding-top:var(--smass-v88-hero-pt)!important;
  padding-bottom:var(--smass-v88-hero-pb)!important;
}
.smass-page-main > section:first-child,
body.smass-public-page > section:first-of-type{
  min-height:auto!important;
  height:auto!important;
  margin-top:0!important;
  padding-top:0!important;
  padding-bottom:0!important;
}
.smass-page-main > section:not(:first-child),
body.smass-public-page > section:not(:first-of-type),
.smass-public-offer-main > section:not(:first-child){
  padding-top:var(--smass-v88-section-y)!important;
  padding-bottom:var(--smass-v88-section-y)!important;
}

/* Startseite: keine Sonderhöhe, gleicher Anfang wie Anbieter/Roadmap */
.smass-home-hero{
  min-height:auto!important;
  height:auto!important;
  padding-top:0!important;
  padding-bottom:0!important;
}
.smass-home-hero > .relative.max-w-7xl{
  max-width:var(--smass-v88-container)!important;
  padding-top:var(--smass-v88-hero-pt)!important;
  padding-bottom:var(--smass-v88-hero-pb)!important;
  min-height:auto!important;
  gap:3.25rem!important;
  align-items:center!important;
}
.smass-home-hero h1{
  font-size:clamp(3.3rem,5.6vw,6.25rem)!important;
  line-height:.88!important;
  letter-spacing:-.074em!important;
  max-width:13ch!important;
}
.smass-home-hero p{
  max-width:42rem!important;
}
.smass-home-wordmark{
  top:1.2rem!important;
  bottom:auto!important;
  right:-.03em!important;
  font-size:min(14vw,11.5rem)!important;
  opacity:.82!important;
}
.smass-world-stage{max-width:32rem!important;margin-left:auto;margin-right:auto;}
.smass-stage-card{border-radius:2rem!important;}
.smass-stage-card h2{font-size:clamp(1.55rem,2.2vw,2.35rem)!important;}
.smass-flow-row{padding:1rem!important;}
.smass-flow-row .h-11{height:2.65rem!important;width:2.65rem!important;}

/* SMASS Modular World: gleiche Hero-Höhe und Containerlogik wie die anderen Seiten */
body.smass-modular-world-page .mw-shell{
  background:var(--mw-mist)!important;
  overflow:hidden!important;
}
body.smass-modular-world-page .mw-hero{
  min-height:auto!important;
  height:auto!important;
  display:block!important;
  padding:0!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
}
body.smass-modular-world-page .mw-hero-inner{
  max-width:var(--smass-v88-container)!important;
  padding:var(--smass-v88-hero-pt) 2rem var(--smass-v88-hero-pb)!important;
  grid-template-columns:1.02fr .98fr!important;
  gap:3.25rem!important;
  align-items:center!important;
}
body.smass-modular-world-page .mw-hero-stage{
  min-height:auto!important;
  align-items:center!important;
}
body.smass-modular-world-page .mw-hero h1{
  font-size:clamp(3.5rem,6vw,6.6rem)!important;
  line-height:.84!important;
  letter-spacing:-.085em!important;
  margin-bottom:1.25rem!important;
}
body.smass-modular-world-page .mw-lead{
  font-size:clamp(1.05rem,1.45vw,1.35rem)!important;
  margin-bottom:.9rem!important;
  max-width:43rem!important;
}
body.smass-modular-world-page .mw-sublead{
  max-width:43rem!important;
}
body.smass-modular-world-page .mw-stage-main{
  padding:1.3rem!important;
  border-radius:2rem!important;
}
body.smass-modular-world-page .mw-flow-row{
  padding:.92rem!important;
}
body.smass-modular-world-page .mw-section{
  padding:var(--smass-v88-section-y) 0!important;
}
body.smass-modular-world-page .mw-container,
body.smass-modular-world-page .mw-section-head,
body.smass-modular-world-page .mw-final-inner{
  max-width:var(--smass-v88-container)!important;
  padding-left:2rem!important;
  padding-right:2rem!important;
}

/* Badges/Kicker im Hero: Roadmap und andere Legacy-Badges sehen jetzt aus wie das Brandboard */
.smass-page-main > section:first-child > .max-w-7xl > div:first-child > .inline-flex,
.smass-page-main > section:first-child > .relative.max-w-7xl > div:first-child > .inline-flex,
.smass-page-main > section:first-child > .max-w-7xl > div:first-child > div.inline-flex,
.smass-page-main > section:first-child > .relative.max-w-7xl > div:first-child > div.inline-flex{
  display:inline-flex!important;
  align-items:center!important;
  gap:.65rem!important;
  width:max-content!important;
  max-width:100%!important;
  border-radius:999px!important;
  padding:.72rem 1rem!important;
  border:1px solid rgba(255,255,255,.16)!important;
  background:rgba(255,255,255,.09)!important;
  color:rgba(255,255,255,.84)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 45px rgba(0,0,0,.12)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
}
.smass-page-main > section:first-child > .max-w-7xl > div:first-child > .inline-flex span:first-child,
.smass-page-main > section:first-child > .relative.max-w-7xl > div:first-child > .inline-flex span:first-child,
.smass-page-main > section:first-child > .max-w-7xl > div:first-child > div.inline-flex span:first-child,
.smass-page-main > section:first-child > .relative.max-w-7xl > div:first-child > div.inline-flex span:first-child{
  width:.55rem!important;
  height:.55rem!important;
  min-width:.55rem!important;
  min-height:.55rem!important;
  border-radius:999px!important;
  background:var(--mw-lime)!important;
  box-shadow:0 0 0 6px rgba(163,230,53,.18)!important;
}
.smass-page-main > section:first-child > .max-w-7xl > div:first-child > .inline-flex span:last-child,
.smass-page-main > section:first-child > .relative.max-w-7xl > div:first-child > .inline-flex span:last-child,
.smass-page-main > section:first-child > .max-w-7xl > div:first-child > div.inline-flex span:last-child,
.smass-page-main > section:first-child > .relative.max-w-7xl > div:first-child > div.inline-flex span:last-child{
  color:rgba(255,255,255,.84)!important;
  text-transform:uppercase!important;
  letter-spacing:.22em!important;
  font-size:.68rem!important;
  font-weight:950!important;
  line-height:1!important;
}

/* Chips generell ruhiger und konsistent */
.smass-page-main span.rounded-full,
.mw-shell span.rounded-full{
  font-weight:900!important;
}
.smass-page-main article span.rounded-full,
.mw-shell article span.rounded-full{
  border:1px solid rgba(8,32,58,.08)!important;
  background:rgba(246,248,251,.86)!important;
  color:#08203A!important;
}
.smass-page-main article span[class*="bg-smass-green"],
.mw-shell article span[class*="bg-smass-green"],
.smass-page-main .smass-mini-badge,
.mw-shell .smass-mini-badge{
  background:linear-gradient(135deg,#B9F542,var(--mw-lime))!important;
  color:var(--mw-midnight)!important;
  border-color:rgba(185,245,66,.70)!important;
}

@media(max-width:980px){
  :root{--smass-v88-hero-pt:2.8rem;--smass-v88-hero-pb:3.6rem;--smass-v88-section-y:4.2rem;}
  body.smass-modular-world-page .mw-hero-inner,
  .smass-home-hero > .relative.max-w-7xl{
    grid-template-columns:1fr!important;
    gap:2.35rem!important;
  }
  body.smass-modular-world-page .mw-hero h1,
  .smass-home-hero h1{font-size:clamp(3.15rem,13vw,5.2rem)!important;max-width:12ch!important;}
  .smass-home-wordmark{font-size:21vw!important;top:1rem!important;right:-.1em!important;}
}
@media(max-width:640px){
  body:not(.smass-admin-login) .smass-site-header{padding:.45rem!important;}
  body:not(.smass-admin-login) .smass-site-header .smass-header-bar,
  body:not(.smass-admin-login) .smass-site-header>div.smass-header-bar{min-height:4.35rem!important;height:auto!important;border-radius:1rem!important;}
  .smass-page-main > section:first-child > .max-w-7xl,
  .smass-page-main > section:first-child > .relative.max-w-7xl,
  body.smass-modular-world-page .mw-hero-inner,
  body.smass-modular-world-page .mw-container,
  body.smass-modular-world-page .mw-section-head,
  body.smass-modular-world-page .mw-final-inner{
    padding-left:1rem!important;
    padding-right:1rem!important;
  }
  .smass-home-hero > .relative.max-w-7xl{padding-left:1rem!important;padding-right:1rem!important;}
}

/* =========================================================
   SMASS v90 · Startseite & Modular World ohne altes Sonderlayout
   Einheitlicher Aufbau wie Anbieter/Roadmap: Header -> dunkler Hero ->
   klare Containerabstände -> einheitliche Badges/Chips.
========================================================= */
:root{
  --smass-v90-midnight:#08203A;
  --smass-v90-deep:#0A1A2E;
  --smass-v90-blue:#0A4E7D;
  --smass-v90-teal:#0F6B79;
  --smass-v90-lime:#A3E635;
  --smass-v90-mist:#F6F8FB;
  --smass-v90-line:rgba(8,32,58,.10);
  --smass-v90-card-shadow:0 20px 58px rgba(8,32,58,.08);
  --smass-v90-card-shadow-hover:0 30px 80px rgba(8,32,58,.13);
}

body.smass-standard-page,
body.smass-index-page-v90,
body.smass-modular-world-page-v90{background:linear-gradient(180deg,#F7FAFC 0%,#fff 34%,#F3F8FC 100%)!important;color:var(--smass-v90-midnight)!important;}
body.smass-index-page-v90:before,
body.smass-modular-world-page-v90:before{opacity:.25!important;}

/* Header-Abstand: alle betroffenen Seiten starten gleich direkt nach der Navigation */
body.smass-index-page-v90 .smass-page-main,
body.smass-modular-world-page-v90 .smass-page-main,
.smass-page-main{padding-top:0!important;margin-top:0!important;}
body.smass-index-page-v90 .smass-page-main:before,
body.smass-modular-world-page-v90 .smass-page-main:before{display:none!important;}

.smass-v90-hero{background:linear-gradient(135deg,#071827 0%,#08203A 42%,#0A4E7D 100%)!important;color:#fff!important;min-height:auto!important;padding:0!important;margin:0!important;isolation:isolate;}
.smass-v90-hero:before,
.smass-v90-hero:after{display:none!important;}
.smass-v90-hero-bg{position:absolute;inset:0;z-index:0;pointer-events:none;background:
  radial-gradient(circle at 12% 12%,rgba(163,230,53,.26),transparent 25rem),
  radial-gradient(circle at 88% 6%,rgba(22,163,184,.34),transparent 30rem),
  radial-gradient(circle at 72% 78%,rgba(16,114,186,.35),transparent 30rem),
  linear-gradient(135deg,#071827 0%,#08203A 45%,#0A4E7D 100%);}
.smass-v90-hero-bg:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(180deg,#000,rgba(0,0,0,.62) 66%,transparent 100%);opacity:.55;}
.smass-v90-hero > .relative{z-index:2;}
.smass-v90-hero h1,
.smass-v90-hero h2,
.smass-v90-hero h3{color:#fff!important;text-shadow:0 22px 80px rgba(0,0,0,.32)!important;}
.smass-v90-hero p{color:rgba(255,255,255,.76)!important;}
.smass-v90-hero .max-w-7xl{max-width:80rem!important;padding-top:3.65rem!important;padding-bottom:4.65rem!important;}

.smass-v90-badge{display:inline-flex!important;align-items:center!important;gap:.68rem!important;width:max-content!important;max-width:100%!important;border-radius:999px!important;padding:.72rem 1.05rem!important;background:rgba(255,255,255,.09)!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 45px rgba(0,0,0,.12)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;color:rgba(255,255,255,.86)!important;}
.smass-v90-badge span{width:.56rem!important;height:.56rem!important;min-width:.56rem!important;border-radius:999px!important;background:var(--smass-v90-lime)!important;box-shadow:0 0 0 6px rgba(163,230,53,.18)!important;}
.smass-v90-badge strong{font-size:.68rem!important;line-height:1!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:.22em!important;color:rgba(255,255,255,.86)!important;white-space:normal!important;}

.smass-v90-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:999px!important;padding:.92rem 1.35rem!important;font-size:.88rem!important;font-weight:950!important;line-height:1!important;text-decoration:none!important;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease!important;white-space:nowrap!important;}
.smass-v90-btn:hover{transform:translateY(-2px)!important;}
.smass-v90-btn-lime{background:linear-gradient(135deg,#B9F542,var(--smass-v90-lime))!important;color:var(--smass-v90-midnight)!important;border:1px solid rgba(185,245,66,.72)!important;box-shadow:0 18px 42px rgba(163,230,53,.24)!important;}
.smass-v90-btn-light{background:rgba(255,255,255,.94)!important;color:var(--smass-v90-midnight)!important;border:1px solid rgba(255,255,255,.76)!important;box-shadow:0 16px 40px rgba(0,0,0,.15)!important;}
.smass-v90-btn-ghost{background:rgba(255,255,255,.08)!important;color:#fff!important;border:1px solid rgba(255,255,255,.20)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;}

.smass-v90-stage{border-radius:2.25rem!important;padding:1.35rem!important;background:linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.055))!important;border:1px solid rgba(255,255,255,.17)!important;box-shadow:0 42px 120px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.10)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;color:#fff!important;}
.smass-v90-mini-badge{display:inline-flex!important;align-items:center!important;border-radius:999px!important;padding:.35rem .72rem!important;background:linear-gradient(135deg,#B9F542,var(--smass-v90-lime))!important;color:var(--smass-v90-midnight)!important;font-size:.68rem!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:.05em!important;}
.smass-v90-flow-row{display:flex!important;gap:1rem!important;align-items:flex-start!important;border-radius:1.25rem!important;padding:1rem!important;background:rgba(255,255,255,.085)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;color:#fff!important;}
.smass-v90-flow-num{height:2.7rem!important;width:2.7rem!important;min-width:2.7rem!important;border-radius:1rem!important;background:#fff!important;color:var(--smass-v90-midnight)!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:950!important;}
.smass-v90-flow-row h3{font-size:.98rem!important;font-weight:950!important;color:#fff!important;margin:0 0 .18rem!important;line-height:1.2!important;text-shadow:none!important;}
.smass-v90-flow-row p{font-size:.83rem!important;color:rgba(255,255,255,.62)!important;margin:0!important;line-height:1.45!important;}

.smass-v90-section{padding:5.25rem 0!important;position:relative!important;}
.smass-v90-section .max-w-7xl,
.smass-v90-cta .max-w-7xl{max-width:80rem!important;}
.smass-v90-kicker{font-size:.7rem!important;text-transform:uppercase!important;letter-spacing:.24em!important;font-weight:950!important;color:#1072BA!important;margin:0 0 .9rem!important;line-height:1.2!important;}
.smass-v90-kicker-light{color:rgba(163,230,53,.92)!important;}
.smass-v90-section-title{font-size:clamp(2.15rem,4.5vw,4.75rem)!important;line-height:.94!important;letter-spacing:-.068em!important;font-weight:950!important;color:var(--smass-v90-midnight)!important;margin:0 0 1.15rem!important;text-shadow:none!important;}
.smass-v90-section-text{font-size:1.04rem!important;line-height:1.72!important;color:#52697B!important;max-width:44rem!important;margin:0!important;}

.smass-v90-card,
.smass-v90-entry-card,
.smass-v90-world-card,
.smass-v90-step-card{background:rgba(255,255,255,.86)!important;border:1px solid rgba(8,32,58,.09)!important;box-shadow:var(--smass-v90-card-shadow)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important;}
.smass-v90-card:hover,
.smass-v90-entry-card:hover,
.smass-v90-world-card:hover,
.smass-v90-step-card:hover{transform:translateY(-3px)!important;box-shadow:var(--smass-v90-card-shadow-hover)!important;border-color:rgba(16,114,186,.20)!important;}
.smass-v90-card{border-radius:1.8rem!important;padding:1.55rem!important;}
.smass-v90-card span{display:inline-flex!important;border-radius:999px!important;background:rgba(16,114,186,.08)!important;border:1px solid rgba(16,114,186,.12)!important;color:#0A4E7D!important;font-size:.66rem!important;text-transform:uppercase!important;letter-spacing:.16em!important;font-weight:950!important;padding:.35rem .6rem!important;margin-bottom:1rem!important;}
.smass-v90-card h3{font-size:1.14rem!important;line-height:1.15!important;color:var(--smass-v90-midnight)!important;margin:0 0 .55rem!important;text-shadow:none!important;}
.smass-v90-card p{font-size:.92rem!important;line-height:1.58!important;color:#52697B!important;margin:0!important;}
.smass-v90-card-accent{border-top:4px solid var(--smass-v90-lime)!important;}

.smass-v90-entry-card{border-radius:2rem!important;padding:1.75rem!important;display:flex!important;flex-direction:column!important;min-height:100%!important;}
.smass-v90-entry-num{height:2.8rem!important;width:2.8rem!important;border-radius:1rem!important;background:rgba(16,114,186,.09)!important;color:#0A4E7D!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:950!important;margin-bottom:1.35rem!important;}
.smass-v90-entry-card h3{font-size:1.35rem!important;line-height:1.05!important;color:var(--smass-v90-midnight)!important;margin:0 0 .75rem!important;text-shadow:none!important;}
.smass-v90-entry-card p{font-size:.94rem!important;line-height:1.65!important;color:#52697B!important;margin:0 0 1.4rem!important;}
.smass-v90-entry-link{margin-top:auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:999px!important;padding:.85rem 1rem!important;font-size:.85rem!important;font-weight:950!important;text-decoration:none!important;}
.smass-v90-entry-primary{background:linear-gradient(135deg,#1072BA,#0A3E63)!important;color:#fff!important;}
.smass-v90-entry-dark{background:linear-gradient(135deg,#071827,#0A3E63)!important;color:#fff!important;}
.smass-v90-entry-lime{background:linear-gradient(135deg,#B9F542,var(--smass-v90-lime))!important;color:var(--smass-v90-midnight)!important;}

.smass-v90-world-card{position:relative!important;border-radius:2rem!important;padding:1.75rem!important;overflow:hidden!important;min-height:13rem!important;}
.smass-v90-world-card:before{content:"";position:absolute;inset:0 0 auto 0;height:.28rem;background:linear-gradient(90deg,#1072BA,var(--smass-v90-lime));opacity:.9;}
.smass-v90-world-card > span:first-child{position:absolute!important;right:1.25rem!important;top:1.25rem!important;width:2.05rem!important;height:2.05rem!important;border-radius:999px!important;background:linear-gradient(135deg,#0A4E7D,#08203A)!important;box-shadow:0 18px 42px rgba(16,114,186,.20)!important;}
.smass-v90-world-card h3{font-size:1.62rem!important;line-height:.96!important;letter-spacing:-.045em!important;color:var(--smass-v90-midnight)!important;margin:1.6rem 3rem .85rem 0!important;text-shadow:none!important;}
.smass-v90-world-card p{font-size:.95rem!important;line-height:1.65!important;color:#52697B!important;margin:0!important;}
.smass-v90-world-card-large{min-height:17rem!important;}
.smass-v90-chip-row{display:flex!important;flex-wrap:wrap!important;gap:.45rem!important;margin-top:1.35rem!important;}
.smass-v90-chip-row em{font-style:normal!important;display:inline-flex!important;border-radius:999px!important;padding:.42rem .65rem!important;background:#F3F7FA!important;border:1px solid rgba(8,32,58,.08)!important;color:var(--smass-v90-midnight)!important;font-size:.72rem!important;font-weight:850!important;line-height:1!important;}

.smass-v90-step-card{border-radius:1.55rem!important;padding:1.15rem!important;display:flex!important;gap:1rem!important;align-items:flex-start!important;}
.smass-v90-step-card > div:first-child{height:2.55rem!important;width:2.55rem!important;min-width:2.55rem!important;border-radius:1rem!important;background:linear-gradient(135deg,#1072BA,#0A3E63)!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:950!important;}
.smass-v90-step-card section{padding:0!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important;}
.smass-v90-step-card h3{font-size:1.05rem!important;color:var(--smass-v90-midnight)!important;margin:0 0 .25rem!important;text-shadow:none!important;}
.smass-v90-step-card p{font-size:.92rem!important;line-height:1.58!important;color:#52697B!important;margin:0!important;}

.smass-v90-cta{position:relative!important;overflow:hidden!important;padding:5.25rem 0!important;background:linear-gradient(135deg,#071827,#08203A 45%,#0A4E7D)!important;color:#fff!important;}
.smass-v90-cta:before{content:"";position:absolute;right:-6rem;top:-8rem;width:32rem;height:32rem;border-radius:999px;background:rgba(163,230,53,.22);filter:blur(62px);}
.smass-v90-cta-box{position:relative!important;z-index:2!important;border-radius:2rem!important;padding:2rem!important;background:rgba(255,255,255,.09)!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:0 34px 100px rgba(0,0,0,.20)!important;backdrop-filter:blur(18px)!important;display:grid!important;grid-template-columns:1fr auto!important;gap:2rem!important;align-items:center!important;}
.smass-v90-cta h2{font-size:clamp(2.1rem,4vw,4.6rem)!important;line-height:.95!important;letter-spacing:-.065em!important;color:#fff!important;margin:0 0 1rem!important;text-shadow:none!important;}
.smass-v90-cta p{color:rgba(255,255,255,.74)!important;line-height:1.68!important;margin:0!important;max-width:52rem!important;}

/* Roadmap-Badge und Hero werden im gleichen System ausgegeben */
.smass-v90-roadmap-hero .grid-bg{opacity:.10!important;}
.smass-v90-roadmap-hero .absolute{pointer-events:none!important;}
.smass-v90-roadmap-hero .rounded-\[2\.4rem\]{background:linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.055))!important;border:1px solid rgba(255,255,255,.17)!important;box-shadow:0 42px 120px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.10)!important;}
.smass-v90-roadmap-hero h1{color:#fff!important;}
.smass-v90-roadmap-hero p.text-white\/76{color:rgba(255,255,255,.76)!important;}

/* Alte Startseiten-/MW-Sondergrafiken endgültig neutralisieren, falls einzelne Includes im Cache auftauchen */
body.smass-index-page-v90 .smass-home-wordmark,
body.smass-index-page-v90 .smass-home-orb,
body.smass-index-page-v90 .smass-home-hero-grid,
body.smass-modular-world-page-v90 .mw-ambient,
body.smass-modular-world-page-v90 .mw-grid-bg,
body.smass-modular-world-page-v90 .mw-orbit{display:none!important;}
body.smass-index-page-v90 .smass-home-hero,
body.smass-modular-world-page-v90 .mw-hero{min-height:auto!important;padding:0!important;}

@media(max-width:1024px){
  .smass-v90-hero .max-w-7xl{padding-top:3rem!important;padding-bottom:4rem!important;}
  .smass-v90-cta-box{grid-template-columns:1fr!important;}
}
@media(max-width:640px){
  .smass-v90-hero .max-w-7xl{padding-left:1rem!important;padding-right:1rem!important;padding-top:2.65rem!important;padding-bottom:3.5rem!important;}
  .smass-v90-section{padding:4.2rem 0!important;}
  .smass-v90-btn{width:100%!important;white-space:normal!important;text-align:center!important;}
  .smass-v90-section-title{font-size:clamp(2.15rem,12vw,3.4rem)!important;}
  .smass-v90-badge strong{letter-spacing:.15em!important;font-size:.62rem!important;}
}

/* =========================================================
   SMASS v90 · Plattformweites Dark-Premium-Designsystem
   Ziel: einheitlicher Aufbau für öffentliche Seiten, Partner-/Anbieterbereich
   und Admin-Oberflächen. Weltkarte wird bewusst vermieden; Visuals zeigen
   modulare Systemlogik statt weltweite Aktivität.
========================================================= */
:root{
  --smass-v90-night:#030B16;
  --smass-v90-deep:#071827;
  --smass-v90-midnight:#08203A;
  --smass-v90-blue:#0A4E7D;
  --smass-v90-teal:#116B78;
  --smass-v90-lime:#A3E635;
  --smass-v90-lime-2:#B9F542;
  --smass-v90-text:#F7FBFF;
  --smass-v90-muted:rgba(236,246,255,.72);
  --smass-v90-faint:rgba(236,246,255,.55);
  --smass-v90-line:rgba(255,255,255,.14);
  --smass-v90-glass:rgba(255,255,255,.075);
  --smass-v90-glass-2:rgba(255,255,255,.105);
  --smass-v90-shadow:0 34px 105px rgba(0,0,0,.26);
  --smass-v90-card-shadow:0 22px 70px rgba(0,0,0,.18);
  --smass-v90-max:80rem;
}

html{background:var(--smass-v90-night)!important;}
body:not(.smass-admin-login):not(.smass-admin-shell){
  background:
    radial-gradient(circle at 13% 4%,rgba(163,230,53,.11),transparent 26rem),
    radial-gradient(circle at 84% 0%,rgba(22,163,184,.20),transparent 34rem),
    linear-gradient(180deg,#020812 0%,#061522 38%,#071827 100%)!important;
  color:var(--smass-v90-text)!important;
}
body:not(.smass-admin-login):not(.smass-admin-shell):before{
  content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.32;
  background-image:
    radial-gradient(circle at 1px 1px,rgba(163,230,53,.18) 1px,transparent 0),
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:34px 34px,72px 72px,72px 72px;
  mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.78) 45%,transparent 100%);
}
body:not(.smass-admin-login):not(.smass-admin-shell):after{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(ellipse at 50% 2%,rgba(65,185,230,.22),transparent 35rem),
    radial-gradient(ellipse at 50% -8%,rgba(255,255,255,.10),transparent 21rem),
    linear-gradient(180deg,rgba(3,11,22,0) 0%,rgba(3,11,22,.32) 45%,rgba(3,11,22,.68) 100%);
}

/* Header: Premium-Bar mit Logo-Plakette, exakt gleich auf allen Seiten */
.smass-site-header{background:linear-gradient(180deg,rgba(3,11,22,.78),rgba(3,11,22,.06))!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;}
.smass-site-header .smass-header-bar,
.smass-site-header>div.smass-header-bar,
header>div.smass-header-bar{
  height:5.05rem!important;min-height:5.05rem!important;border-radius:1.75rem!important;
  background:linear-gradient(135deg,rgba(7,24,39,.96),rgba(10,78,125,.82),rgba(17,107,120,.76))!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 22px 70px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.12)!important;
}
.smass-site-header .smass-brand-lockup{background:rgba(255,255,255,.94)!important;border:1px solid rgba(255,255,255,.74)!important;border-radius:1.25rem!important;padding:.38rem .7rem!important;box-shadow:0 14px 35px rgba(0,0,0,.18)!important;}
.smass-site-header .smass-brand-logo-img{width:230px!important;max-width:42vw!important;filter:none!important;}
.smass-main-nav{background:rgba(255,255,255,.92)!important;border:1px solid rgba(255,255,255,.70)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 12px 35px rgba(0,0,0,.16)!important;}
.smass-site-header .smass-nav-link{color:#0B2035!important;background:transparent!important;box-shadow:none!important;}
.smass-site-header .smass-nav-link:hover{background:rgba(7,24,39,.08)!important;color:#071827!important;}
.smass-site-header .smass-nav-active,.smass-site-header .smass-nav-active:hover{background:linear-gradient(135deg,#071827,#08203A)!important;color:#fff!important;box-shadow:0 10px 26px rgba(0,0,0,.22)!important;}
.smass-site-header .smass-header-cta,.smass-mobile-cta{background:linear-gradient(135deg,var(--smass-v90-lime-2),var(--smass-v90-lime))!important;color:#071827!important;border:1px solid rgba(185,245,66,.8)!important;box-shadow:0 16px 38px rgba(163,230,53,.26)!important;}
.smass-mobile-menu{background:linear-gradient(145deg,rgba(7,24,39,.97),rgba(10,78,125,.92))!important;border:1px solid rgba(255,255,255,.12)!important;color:#fff!important;}
.smass-mobile-menu a{color:#fff!important;text-decoration:none!important;}
.smass-mobile-menu a:hover{background:rgba(255,255,255,.10)!important;}
.smass-mobile-menu-button{background:rgba(255,255,255,.94)!important;color:#071827!important;border:1px solid rgba(255,255,255,.7)!important;}
.smass-nav-dropdown{background:rgba(255,255,255,.96)!important;border-color:rgba(255,255,255,.85)!important;box-shadow:0 32px 90px rgba(0,0,0,.22)!important;}

/* Seiten- und Sektionssystem */
.smass-page-main,main{padding-top:0!important;margin-top:0!important;overflow:hidden!important;}
main:before{display:none!important;}
body:not(.smass-admin-login):not(.smass-admin-shell) main>section,
body:not(.smass-admin-login):not(.smass-admin-shell) .smass-v90-section,
body:not(.smass-admin-login):not(.smass-admin-shell) section.bg-white,
body:not(.smass-admin-login):not(.smass-admin-shell) section.bg-slate-50,
body:not(.smass-admin-login):not(.smass-admin-shell) section.bg-slate-100{
  background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.012))!important;
  border-color:rgba(255,255,255,.08)!important;color:var(--smass-v90-text)!important;
}
body:not(.smass-admin-login):not(.smass-admin-shell) section.bg-white:nth-of-type(even),
body:not(.smass-admin-login):not(.smass-admin-shell) section.bg-slate-50:nth-of-type(even){background:linear-gradient(180deg,rgba(10,78,125,.105),rgba(255,255,255,.018))!important;}
body:not(.smass-admin-login):not(.smass-admin-shell) .max-w-7xl{max-width:var(--smass-v90-max)!important;}

/* Hero: mit atmosphärischer Modular-World-Kurve, ohne weltweite Kartenbotschaft */
.smass-v90-hero,
body:not(.smass-admin-login):not(.smass-admin-shell) main>section:first-child{
  position:relative!important;isolation:isolate!important;overflow:hidden!important;
  background:linear-gradient(135deg,#030B16 0%,#071827 38%,#0A4E7D 115%)!important;
  color:#fff!important;border-bottom:1px solid rgba(255,255,255,.10)!important;
}
.smass-v90-hero:before,
body:not(.smass-admin-login):not(.smass-admin-shell) main>section:first-child:before{
  content:""!important;display:block!important;position:absolute!important;inset:auto -12% -46% -12%!important;height:78%!important;z-index:0!important;pointer-events:none!important;
  border-radius:50% 50% 0 0/100% 100% 0 0!important;
  background:
    radial-gradient(ellipse at 50% 0%,rgba(117,215,255,.34),transparent 13%),
    radial-gradient(ellipse at 50% 0%,rgba(163,230,53,.13),transparent 26%),
    linear-gradient(180deg,rgba(20,128,165,.26),rgba(7,24,39,0) 58%)!important;
  border-top:1px solid rgba(134,211,255,.38)!important;filter:blur(.15px)!important;opacity:.72!important;
}
.smass-v90-hero:after,
body:not(.smass-admin-login):not(.smass-admin-shell) main>section:first-child:after{
  content:""!important;display:block!important;position:absolute!important;inset:0!important;z-index:0!important;pointer-events:none!important;opacity:.42!important;
  background-image:
    radial-gradient(circle at 18% 30%,rgba(163,230,53,.18) 0 2px,transparent 3px),
    radial-gradient(circle at 38% 26%,rgba(86,204,242,.16) 0 1px,transparent 2px),
    radial-gradient(circle at 74% 18%,rgba(255,255,255,.16) 0 1px,transparent 2px),
    linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px)!important;
  background-size:260px 220px,310px 260px,360px 250px,58px 58px,58px 58px!important;
  mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.58) 70%,transparent 100%)!important;
}
.smass-v90-hero-bg{background:
  radial-gradient(circle at 14% 16%,rgba(163,230,53,.19),transparent 24rem),
  radial-gradient(circle at 82% 15%,rgba(22,163,184,.28),transparent 29rem),
  linear-gradient(135deg,#030B16 0%,#071827 44%,#0A4E7D 110%)!important;}
.smass-v90-hero > .relative,
body:not(.smass-admin-login):not(.smass-admin-shell) main>section:first-child>*{position:relative!important;z-index:2!important;}
.smass-v90-hero .max-w-7xl{padding-top:3.1rem!important;padding-bottom:4.2rem!important;}
.smass-v90-hero h1,
body:not(.smass-admin-login):not(.smass-admin-shell) main>section:first-child h1{color:#fff!important;text-shadow:0 22px 80px rgba(0,0,0,.34)!important;}
.smass-v90-hero h2,.smass-v90-hero h3,
body:not(.smass-admin-login):not(.smass-admin-shell) main>section:first-child h2,
body:not(.smass-admin-login):not(.smass-admin-shell) main>section:first-child h3{color:#fff!important;}
.smass-v90-hero p,
body:not(.smass-admin-login):not(.smass-admin-shell) main>section:first-child p{color:var(--smass-v90-muted)!important;}

/* Typografie und Kicker */
body:not(.smass-admin-login):not(.smass-admin-shell) h1,
body:not(.smass-admin-login):not(.smass-admin-shell) h2,
body:not(.smass-admin-login):not(.smass-admin-shell) h3,
body:not(.smass-admin-login):not(.smass-admin-shell) h4{color:#fff!important;text-shadow:none!important;}
body:not(.smass-admin-login):not(.smass-admin-shell) p,
body:not(.smass-admin-login):not(.smass-admin-shell) li{color:var(--smass-v90-muted)!important;}
.smass-v90-kicker,.smass-v90-kicker-light,.smass-v90-section .smass-v90-kicker,.text-smass-blue,.text-smass-green{color:var(--smass-v90-lime)!important;}
.smass-v90-section-title,.smass-v90-section-text{color:#fff!important;}
.smass-v90-section-text{color:var(--smass-v90-muted)!important;}

/* Badges, Buttons, Chips */
.smass-v90-badge,
body:not(.smass-admin-login):not(.smass-admin-shell) .inline-flex.rounded-full[class*="uppercase"],
body:not(.smass-admin-login):not(.smass-admin-shell) .text-\[10px\].uppercase,
body:not(.smass-admin-login):not(.smass-admin-shell) .text-\[11px\].uppercase{
  background:rgba(255,255,255,.09)!important;border:1px solid rgba(255,255,255,.16)!important;color:rgba(255,255,255,.86)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 16px 40px rgba(0,0,0,.12)!important;}
.smass-v90-badge span{background:var(--smass-v90-lime)!important;}
.smass-v90-btn{border-radius:999px!important;padding:.94rem 1.35rem!important;font-weight:950!important;}
.smass-v90-btn-lime,.bg-smass-green,.bg-lime-400,.bg-lime-300{background:linear-gradient(135deg,var(--smass-v90-lime-2),var(--smass-v90-lime))!important;color:#071827!important;border-color:rgba(185,245,66,.72)!important;box-shadow:0 18px 42px rgba(163,230,53,.22)!important;}
.smass-v90-btn-light,a.rounded-full.border,button.rounded-full.border{background:rgba(255,255,255,.92)!important;color:#071827!important;border-color:rgba(255,255,255,.72)!important;box-shadow:0 14px 34px rgba(0,0,0,.14)!important;}
.smass-v90-btn-ghost{background:rgba(255,255,255,.08)!important;color:#fff!important;border:1px solid rgba(255,255,255,.20)!important;}

/* Glaspanels: alle Info-/Prozess-/Kartenboxen dunkel und lesbar */
.smass-v90-stage,.smass-gradient-panel,
body:not(.smass-admin-login):not(.smass-admin-shell) article,
body:not(.smass-admin-login):not(.smass-admin-shell) .smass-glass,
body:not(.smass-admin-login):not(.smass-admin-shell) .smass-soft-panel,
.smass-v90-card,.smass-v90-entry-card,.smass-v90-world-card,.smass-v90-step-card,
body:not(.smass-admin-login):not(.smass-admin-shell) .bg-white.border,
body:not(.smass-admin-login):not(.smass-admin-shell) .rounded-3xl.bg-white,
body:not(.smass-admin-login):not(.smass-admin-shell) .rounded-\[2rem\].bg-white,
body:not(.smass-admin-login):not(.smass-admin-shell) .rounded-\[2\.3rem\].bg-white,
body:not(.smass-admin-login):not(.smass-admin-shell) section div.bg-white.border{
  background:linear-gradient(180deg,rgba(255,255,255,.095),rgba(255,255,255,.045))!important;
  border:1px solid var(--smass-v90-line)!important;color:#fff!important;
  box-shadow:var(--smass-v90-card-shadow),inset 0 1px 0 rgba(255,255,255,.08)!important;
  backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;
}
.smass-v90-stage{border-radius:2.1rem!important;padding:1.35rem!important;}
.smass-v90-card h3,.smass-v90-entry-card h3,.smass-v90-world-card h3,.smass-v90-step-card h3,
body:not(.smass-admin-login):not(.smass-admin-shell) article h3,
body:not(.smass-admin-login):not(.smass-admin-shell) .smass-glass h3{color:#fff!important;}
.smass-v90-card p,.smass-v90-entry-card p,.smass-v90-world-card p,.smass-v90-step-card p,
body:not(.smass-admin-login):not(.smass-admin-shell) article p{color:var(--smass-v90-muted)!important;}
.smass-v90-card span{background:rgba(163,230,53,.12)!important;border-color:rgba(163,230,53,.22)!important;color:var(--smass-v90-lime)!important;}
.smass-v90-world-card:before{background:linear-gradient(90deg,rgba(163,230,53,.95),rgba(22,163,184,.78))!important;}
.smass-v90-world-card > span:first-child{background:linear-gradient(135deg,rgba(163,230,53,.94),rgba(22,163,184,.75))!important;box-shadow:0 0 34px rgba(163,230,53,.24)!important;}
.smass-v90-chip-row em,
body:not(.smass-admin-login):not(.smass-admin-shell) .inline-flex.rounded-full:not(.smass-v90-badge):not(.smass-v90-btn){background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.13)!important;color:rgba(255,255,255,.82)!important;}
.smass-v90-step-card > div:first-child,.smass-v90-entry-num{background:#fff!important;color:#071827!important;}
.smass-v90-flow-row{background:rgba(255,255,255,.075)!important;border-color:rgba(255,255,255,.12)!important;}
.smass-v90-flow-num{background:#fff!important;color:#071827!important;}

/* CTA: modularer System-Visual statt Weltkarte */
.smass-v90-cta{background:transparent!important;padding:5.5rem 0!important;}
.smass-v90-cta:before{display:none!important;}
.smass-v90-cta-box{
  position:relative!important;overflow:hidden!important;border-radius:2rem!important;min-height:19rem!important;
  background:linear-gradient(135deg,rgba(7,24,39,.98),rgba(10,78,125,.72))!important;
  border:1px solid rgba(255,255,255,.15)!important;box-shadow:0 34px 105px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.09)!important;
}
.smass-v90-cta-box:before{content:"";position:absolute;right:-7rem;top:-8rem;width:30rem;height:30rem;border-radius:999px;background:rgba(163,230,53,.16);filter:blur(70px);pointer-events:none;}
.smass-v90-cta-box:after{
  content:"";position:absolute;right:2rem;top:2rem;bottom:2rem;width:min(48%,36rem);border-radius:1.6rem;pointer-events:none;opacity:.95;
  background:
    radial-gradient(circle at 48% 50%,rgba(163,230,53,.95) 0 .22rem,transparent .28rem),
    radial-gradient(circle at 26% 28%,rgba(114,210,255,.86) 0 .18rem,transparent .24rem),
    radial-gradient(circle at 74% 27%,rgba(163,230,53,.76) 0 .18rem,transparent .25rem),
    radial-gradient(circle at 28% 74%,rgba(163,230,53,.68) 0 .16rem,transparent .24rem),
    radial-gradient(circle at 76% 72%,rgba(114,210,255,.76) 0 .17rem,transparent .25rem),
    linear-gradient(35deg,transparent 21%,rgba(163,230,53,.68) 21.5%,rgba(163,230,53,.68) 22.3%,transparent 23%),
    linear-gradient(-22deg,transparent 35%,rgba(114,210,255,.42) 35.4%,rgba(114,210,255,.42) 36.1%,transparent 36.6%),
    linear-gradient(90deg,transparent 49%,rgba(163,230,53,.42) 49.5%,rgba(163,230,53,.42) 50.2%,transparent 50.8%),
    repeating-linear-gradient(30deg,rgba(255,255,255,.045) 0 .06rem,transparent .06rem 1.7rem),
    radial-gradient(circle at 50% 50%,rgba(16,114,186,.36),transparent 58%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.10),0 24px 70px rgba(0,0,0,.18);
  mask-image:linear-gradient(90deg,transparent 0%,#000 18%,#000 100%);
}
.smass-v90-cta-box > *{position:relative!important;z-index:2!important;}
.smass-v90-cta-box .lg\:min-w-\[16rem\]{margin-right:min(49%,36rem)!important;}
.smass-v90-cta h2{color:#fff!important;}
.smass-v90-cta p{color:var(--smass-v90-muted)!important;}

/* Formulare, Tabellen und Listen in v90 */
body:not(.smass-admin-login):not(.smass-admin-shell) input,
body:not(.smass-admin-login):not(.smass-admin-shell) select,
body:not(.smass-admin-login):not(.smass-admin-shell) textarea{
  background:rgba(255,255,255,.92)!important;color:#071827!important;border:1px solid rgba(255,255,255,.66)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.66)!important;}
body:not(.smass-admin-login):not(.smass-admin-shell) label{color:rgba(255,255,255,.88)!important;}
body:not(.smass-admin-login):not(.smass-admin-shell) table{border-spacing:0 .65rem!important;}
body:not(.smass-admin-login):not(.smass-admin-shell) td,
body:not(.smass-admin-login):not(.smass-admin-shell) th{background:rgba(255,255,255,.08)!important;color:rgba(255,255,255,.82)!important;border-color:rgba(255,255,255,.10)!important;}
body:not(.smass-admin-login):not(.smass-admin-shell) thead{color:rgba(163,230,53,.82)!important;}

/* Footer mit Logo-Plakette */
footer{background:linear-gradient(180deg,#061522,#020812)!important;border-top:1px solid rgba(255,255,255,.10)!important;}
footer .smass-footer-logo{background:rgba(255,255,255,.94)!important;border-radius:1.25rem!important;padding:.45rem .7rem!important;width:min(310px,82vw)!important;box-shadow:0 18px 45px rgba(0,0,0,.22)!important;}
footer h3{color:#fff!important;} footer a{color:rgba(255,255,255,.68)!important;} footer a:hover{color:#fff!important;}

/* Adminbereich: gleiche Premium-Linie, funktional hell-dunkel lesbar */
body.smass-admin-shell{background:linear-gradient(135deg,#061522 0%,#071827 48%,#0A3E63 150%)!important;color:#071827!important;}
body.smass-admin-shell aside{background:linear-gradient(180deg,#030B16,#071827 74%,#08203A)!important;}
body.smass-admin-shell .smass-admin-content{background:linear-gradient(180deg,rgba(246,250,255,.94),rgba(230,240,248,.92))!important;min-height:calc(100vh - 4.8rem)!important;}
body.smass-admin-shell header{background:rgba(255,255,255,.92)!important;backdrop-filter:blur(18px)!important;}
body.smass-admin-shell .smass-admin-sidebar-logo{background:rgba(255,255,255,.94)!important;border-radius:1rem!important;padding:.4rem!important;}
body.smass-admin-shell .rounded-3xl.bg-white,
body.smass-admin-shell .bg-white.border,
body.smass-admin-shell article.bg-white{background:rgba(255,255,255,.88)!important;border-color:rgba(255,255,255,.82)!important;box-shadow:0 18px 55px rgba(7,24,39,.08)!important;}

@media(max-width:1024px){
  .smass-v90-cta-box:after{position:relative;display:block;width:100%;height:13rem;right:auto;top:auto;bottom:auto;margin-top:1.5rem;mask-image:none;}
  .smass-v90-cta-box .lg\:min-w-\[16rem\]{margin-right:0!important;}
  .smass-site-header .smass-brand-logo-img{width:205px!important;}
}
@media(max-width:640px){
  .smass-site-header{padding:.55rem!important;}
  .smass-site-header .smass-header-bar{min-height:4.45rem!important;height:auto!important;border-radius:1.15rem!important;padding:.55rem .65rem!important;}
  .smass-site-header .smass-brand-lockup{padding:.28rem .45rem!important;border-radius:.95rem!important;}
  .smass-site-header .smass-brand-logo-img{width:178px!important;max-width:62vw!important;}
  .smass-v90-hero .max-w-7xl{padding-top:2.4rem!important;padding-bottom:3.35rem!important;}
  .smass-v90-section{padding:4rem 0!important;}
  .smass-v90-cta-box{padding:1.35rem!important;border-radius:1.45rem!important;}
}


/* SMASS v153f4 – isolated email previews */
.smass-email-preview-frame{
  display:block!important;
  width:100%!important;
  min-height:920px!important;
  border:0!important;
  border-radius:1.25rem!important;
  background:#f1f5f9!important;
}
@media(max-width:768px){
  .smass-email-preview-frame{min-height:980px!important;}
}


/* SMASS v153f6 – öffentlicher Projektvorschlag: Rail/Panel sauber trennen */
.smass-public-offer-main .smass-public-offer-rail{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  align-self:start!important;
  min-width:0!important;
}
.smass-public-offer-main .smass-public-offer-rail > .smass-public-offer-response{
  background:#fff!important;
  border:1px solid rgba(8,32,58,.10)!important;
  box-shadow:0 24px 70px rgba(15,23,42,.10)!important;
  color:#071827!important;
}
.smass-public-offer-main .smass-public-offer-response h2,
.smass-public-offer-main .smass-public-offer-response strong,
.smass-public-offer-main .smass-public-offer-response label,
.smass-public-offer-main .smass-public-offer-response span{
  color:#071827;
}
.smass-public-offer-main .smass-offer-summary{
  background:linear-gradient(145deg,#071827 0%,#0A3E63 58%,#0d516c 100%)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 26px 70px rgba(8,32,58,.20)!important;
  color:#fff!important;
  backdrop-filter:blur(14px)!important;
}
.smass-public-offer-main .smass-offer-summary strong,
.smass-public-offer-main .smass-offer-summary p,
.smass-public-offer-main .smass-offer-summary span{
  color:#fff!important;
}
.smass-public-offer-main .smass-offer-summary span[class*="text-white/45"]{
  color:rgba(255,255,255,.58)!important;
}
@media(max-width:1279px){
  .smass-public-offer-main .smass-public-offer-rail{width:100%!important;}
  .smass-public-offer-main .smass-public-offer-response{position:relative!important;top:auto!important;}
}
