:root {
  --bg: #070b14;
  --bg-soft: #0d1422;
  --card: rgba(16, 25, 42, 0.84);
  --card-solid: #111b2d;
  --text: #f6f8fc;
  --muted: #aeb9ca;
  --primary: #2b7fff;
  --primary-2: #56b7ff;
  --accent: #e53935;
  --line: rgba(255, 255, 255, 0.09);
  --success: #4ade80;
  --shadow: 0 24px 80px rgba(0,0,0,.38);
  --radius: 22px;
  --max: 1180px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--text);
  background:
    radial-gradient(circle at 10% 0%, rgba(43,127,255,.17), transparent 34%),
    radial-gradient(circle at 100% 20%, rgba(229,57,53,.10), transparent 30%),
    var(--bg);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.6;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: .23;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(to bottom, #000, transparent 82%);
}

a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
button, input, textarea, select { font: inherit; }

.container { width: min(calc(100% - 32px), var(--max)); margin-inline: auto; }
.section { padding: 92px 0; }
.section.compact { padding: 62px 0; }

.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: #c8dcff;
  font-weight: 800;
  font-size: .82rem;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.eyebrow::before {
  content: "";
  width: 28px;
  height: 2px;
  background: linear-gradient(90deg, var(--primary), var(--primary-2));
  border-radius: 999px;
}

h1, h2, h3, p { margin-top: 0; }
h1 { font-size: clamp(2.7rem, 7vw, 6rem); line-height: .98; letter-spacing: -.055em; }
h2 { font-size: clamp(2rem, 4vw, 3.55rem); line-height: 1.05; letter-spacing: -.035em; }
h3 { font-size: 1.15rem; }
.lead { color: var(--muted); font-size: clamp(1rem, 2vw, 1.24rem); max-width: 760px; }
.muted { color: var(--muted); }

.site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  background: rgba(7, 11, 20, .72);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid var(--line);
}
.navbar {
  min-height: 78px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.brand { display: inline-flex; align-items: center; gap: 13px; font-weight: 900; letter-spacing: -.02em; }
.brand img { width: 46px; height: 46px; object-fit: contain; filter: drop-shadow(0 10px 22px rgba(43,127,255,.24)); }
.brand span small { display: block; color: var(--muted); font-weight: 650; letter-spacing: .16em; font-size: .62rem; text-transform: uppercase; }
.nav-links { display: flex; align-items: center; gap: 8px; }
.nav-links a { padding: 10px 13px; border-radius: 12px; color: #d9e1ef; font-weight: 750; font-size: .94rem; }
.nav-links a:hover, .nav-links a.active { background: rgba(255,255,255,.07); color: white; }
.nav-toggle { display: none; background: transparent; color: white; border: 0; padding: 9px; border-radius: 10px; }
.nav-toggle span { display: block; width: 25px; height: 2px; background: currentColor; margin: 5px 0; }

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 48px;
  padding: 0 20px;
  border: 1px solid transparent;
  border-radius: 14px;
  font-weight: 850;
  cursor: pointer;
  transition: transform .2s ease, background .2s ease, border-color .2s ease;
}
.btn:hover { transform: translateY(-2px); }
.btn-primary { background: linear-gradient(135deg, var(--primary), #145dd0); box-shadow: 0 12px 32px rgba(43,127,255,.28); }
.btn-secondary { background: rgba(255,255,255,.06); border-color: var(--line); }
.btn-danger { background: linear-gradient(135deg, var(--accent), #aa2421); }
.btn-sm { min-height: 42px; padding: 0 16px; font-size: .9rem; }

.hero { min-height: calc(100svh - 78px); display: grid; align-items: center; padding: 72px 0; position: relative; overflow: hidden; }
.hero-grid { display: grid; grid-template-columns: 1.18fr .82fr; align-items: center; gap: 56px; }
.hero h1 span { color: transparent; background: linear-gradient(135deg, #fff 12%, #94c9ff 50%, #2b7fff); background-clip: text; }
.hero-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 30px; }
.hero-points { display: flex; gap: 22px; flex-wrap: wrap; margin-top: 34px; color: #dce6f5; font-weight: 700; font-size: .92rem; }
.hero-points span::before { content: "✓"; color: var(--success); margin-right: 8px; }

.hero-panel {
  position: relative;
  min-height: 500px;
  display: grid;
  place-items: center;
}
.logo-orbit {
  width: min(100%, 470px);
  aspect-ratio: 1;
  border: 1px solid var(--line);
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: radial-gradient(circle, rgba(43,127,255,.18), transparent 62%);
  box-shadow: inset 0 0 80px rgba(43,127,255,.07), var(--shadow);
  animation: float 6s ease-in-out infinite;
}
.logo-orbit::before, .logo-orbit::after {
  content: "";
  position: absolute;
  border: 1px dashed rgba(86,183,255,.25);
  border-radius: 50%;
}
.logo-orbit::before { width: 83%; aspect-ratio: 1; animation: spin 28s linear infinite; }
.logo-orbit::after { width: 62%; aspect-ratio: 1; animation: spin 18s linear reverse infinite; }
.logo-orbit img { width: 54%; position: relative; z-index: 2; filter: drop-shadow(0 28px 50px rgba(0,0,0,.45)); }
.hero-badge {
  position: absolute;
  right: 2%; bottom: 12%;
  width: 190px;
  padding: 15px;
  border-radius: 18px;
  background: rgba(13,20,34,.88);
  border: 1px solid var(--line);
  box-shadow: var(--shadow);
}
.hero-badge strong { display: block; font-size: 1.1rem; }
.status-dot { width: 10px; height: 10px; background: var(--success); border-radius: 50%; display: inline-block; box-shadow: 0 0 18px var(--success); margin-right: 8px; }

@keyframes spin { to { transform: rotate(360deg); } }
@keyframes float { 50% { transform: translateY(-10px); } }

.grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.card {
  background: linear-gradient(180deg, rgba(17,27,45,.94), rgba(11,18,31,.94));
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 26px;
  box-shadow: 0 18px 45px rgba(0,0,0,.18);
}
.card:hover { border-color: rgba(86,183,255,.26); }
.icon-box {
  width: 48px; height: 48px;
  border-radius: 15px;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, rgba(43,127,255,.24), rgba(86,183,255,.08));
  border: 1px solid rgba(86,183,255,.18);
  font-size: 1.3rem;
  margin-bottom: 18px;
}

.section-head { display: flex; justify-content: space-between; gap: 30px; align-items: end; margin-bottom: 34px; }
.section-head p { margin-bottom: 0; max-width: 640px; }

.stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.stat { padding: 24px; border-radius: 18px; border: 1px solid var(--line); background: rgba(255,255,255,.035); }
.stat strong { display: block; font-size: 2.1rem; line-height: 1; margin-bottom: 10px; }
.stat span { color: var(--muted); font-size: .92rem; }

.feature-band {
  border-block: 1px solid var(--line);
  background: linear-gradient(90deg, rgba(43,127,255,.06), rgba(229,57,53,.035));
}
.split { display: grid; grid-template-columns: 1fr 1fr; gap: 42px; align-items: center; }
.check-list { display: grid; gap: 14px; margin-top: 24px; }
.check-item { display: flex; gap: 12px; align-items: flex-start; color: #dfe8f6; }
.check-item b { color: var(--primary-2); }

.faction-card { min-height: 260px; display: flex; flex-direction: column; justify-content: end; position: relative; overflow: hidden; }
.faction-card::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at top right, rgba(43,127,255,.22), transparent 44%); }
.faction-card > * { position: relative; }
.tag { display: inline-flex; align-self: flex-start; padding: 6px 10px; border: 1px solid var(--line); border-radius: 999px; color: #c9d7ea; background: rgba(255,255,255,.04); font-size: .78rem; font-weight: 850; margin-bottom: 12px; }

.cta {
  padding: 42px;
  border-radius: 28px;
  background:
    linear-gradient(135deg, rgba(43,127,255,.92), rgba(19,73,154,.88)),
    var(--card-solid);
  box-shadow: 0 30px 80px rgba(43,127,255,.25);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
}
.cta p { color: #e7f0ff; max-width: 680px; margin-bottom: 0; }
.cta .btn-secondary { background: white; color: #0b1730; }

.page-hero { padding: 96px 0 60px; border-bottom: 1px solid var(--line); }
.breadcrumb { color: var(--muted); font-size: .92rem; margin-bottom: 18px; }
.breadcrumb a { color: #dce8fa; }

.role-group { margin-bottom: 28px; }
.role-group h3 { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; }
.role-list { display: flex; flex-wrap: wrap; gap: 10px; }
.role { padding: 10px 13px; border-radius: 12px; font-weight: 800; font-size: .9rem; border: 1px solid var(--line); background: rgba(255,255,255,.04); }
.role.red { border-color: rgba(239,68,68,.35); color: #ffb3b3; background: rgba(239,68,68,.08); }
.role.teal { border-color: rgba(45,212,191,.35); color: #a7fff0; background: rgba(45,212,191,.08); }
.role.orange { border-color: rgba(251,146,60,.35); color: #ffd2ac; background: rgba(251,146,60,.08); }
.role.yellow { border-color: rgba(250,204,21,.35); color: #fff0a5; background: rgba(250,204,21,.08); }
.role.purple { border-color: rgba(168,85,247,.35); color: #dfb8ff; background: rgba(168,85,247,.08); }
.role.pink { border-color: rgba(236,72,153,.35); color: #ffb4dc; background: rgba(236,72,153,.08); }
.role.green { border-color: rgba(74,222,128,.35); color: #b6ffd0; background: rgba(74,222,128,.08); }
.role.darkgreen { border-color: rgba(22,163,74,.35); color: #a2ffc0; background: rgba(22,163,74,.08); }
.role.blue { border-color: rgba(59,130,246,.35); color: #b6d5ff; background: rgba(59,130,246,.08); }

.form-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }
.field { display: grid; gap: 8px; }
.field.full { grid-column: 1 / -1; }
label { font-weight: 800; font-size: .9rem; color: #dce7f7; }
input, select, textarea {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #0b1321;
  color: white;
  padding: 14px 15px;
  outline: none;
}
input:focus, select:focus, textarea:focus { border-color: rgba(86,183,255,.55); box-shadow: 0 0 0 4px rgba(43,127,255,.10); }
textarea { min-height: 145px; resize: vertical; }
.form-note { color: var(--muted); font-size: .85rem; }
.notice { display: none; margin-top: 18px; padding: 15px 17px; border-radius: 14px; background: rgba(74,222,128,.10); border: 1px solid rgba(74,222,128,.25); color: #c6ffd9; }
.notice.show { display: block; }

.timeline { display: grid; gap: 16px; }
.timeline-item { display: grid; grid-template-columns: 54px 1fr; gap: 16px; align-items: start; }
.timeline-number { width: 48px; height: 48px; border-radius: 50%; display: grid; place-items: center; background: rgba(43,127,255,.14); border: 1px solid rgba(86,183,255,.22); font-weight: 900; }

.site-footer { padding: 54px 0 24px; border-top: 1px solid var(--line); background: #060a12; }
.footer-grid { display: grid; grid-template-columns: 1.4fr repeat(2, .8fr); gap: 40px; }
.footer-links { display: grid; gap: 10px; color: var(--muted); }
.footer-links a:hover { color: white; }
.footer-bottom { margin-top: 38px; padding-top: 20px; border-top: 1px solid var(--line); color: #7f8da3; display: flex; justify-content: space-between; gap: 20px; font-size: .86rem; }

.reveal { opacity: 0; transform: translateY(18px); transition: opacity .7s ease, transform .7s ease; }
.reveal.visible { opacity: 1; transform: none; }

@media (max-width: 920px) {
  .hero-grid, .split, .footer-grid { grid-template-columns: 1fr; }
  .hero { min-height: auto; }
  .hero-panel { min-height: 420px; }
  .grid-4 { grid-template-columns: repeat(2, 1fr); }
  .grid-3, .stats { grid-template-columns: repeat(2, 1fr); }
  .cta { align-items: flex-start; flex-direction: column; }
  .nav-toggle { display: block; }
  .nav-links {
    position: absolute;
    left: 16px;
    right: 16px;
    top: 86px;
    padding: 14px;
    border: 1px solid var(--line);
    border-radius: 18px;
    background: rgba(8,13,23,.98);
    box-shadow: var(--shadow);
    display: none;
    flex-direction: column;
    align-items: stretch;
  }
  .nav-links.open { display: flex; }
  .nav-links a { text-align: center; }
  .desktop-cta { display: none; }
}

@media (max-width: 620px) {
  .section { padding: 70px 0; }
  .grid-3, .grid-4, .stats, .form-grid { grid-template-columns: 1fr; }
  .field.full { grid-column: auto; }
  .hero-panel { min-height: 340px; }
  .hero-badge { width: 160px; right: 0; bottom: 4%; }
  .section-head, .footer-bottom { align-items: flex-start; flex-direction: column; }
  .cta { padding: 28px; }
  h1 { font-size: clamp(2.65rem, 17vw, 4.4rem); }
}


/* Team application and job intranet */
.job-card {
  min-height: 330px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 24px;
}
.job-card .btn { width: 100%; }
.btn-intranet {
  background: linear-gradient(135deg, rgba(43,127,255,.18), rgba(86,183,255,.08));
  border-color: rgba(86,183,255,.30);
  color: #dcecff;
}
.btn-intranet:hover {
  background: linear-gradient(135deg, rgba(43,127,255,.32), rgba(86,183,255,.14));
  border-color: rgba(86,183,255,.55);
}
.btn-intranet span { font-size: 1.18rem; transition: transform .2s ease; }
.btn-intranet:hover span { transform: translateX(4px); }

.application-layout { align-items: start; }
.requirements-card { margin-top: 30px; }
.compact-list { gap: 10px; margin-top: 16px; }
.form-heading { margin-bottom: 24px; }
.form-heading h2 { font-size: clamp(1.8rem, 3vw, 2.55rem); margin-bottom: 8px; }
.submit-wide { width: 100%; }
.consent {
  grid-column: 1 / -1;
  display: flex;
  gap: 12px;
  align-items: flex-start;
  cursor: pointer;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: rgba(255,255,255,.025);
}
.consent input { width: 18px; height: 18px; margin-top: 3px; accent-color: var(--primary); flex: 0 0 auto; }
.consent span { color: var(--muted); font-size: .88rem; font-weight: 600; }

.intranet-page { min-height: 100vh; }
.intranet-hero { min-height: calc(100vh - 78px); display: grid; align-items: center; padding: 74px 0; }
.intranet-grid { display: grid; grid-template-columns: 1.08fr .92fr; align-items: center; gap: 60px; }
.intranet-grid h1 { font-size: clamp(2.8rem, 6vw, 5.4rem); }
.intranet-features { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 26px; }
.intranet-features span { padding: 9px 12px; border-radius: 999px; border: 1px solid var(--line); background: rgba(255,255,255,.04); color: #cbd8e9; font-size: .86rem; font-weight: 750; }
.login-card { max-width: 520px; width: 100%; justify-self: end; padding: 34px; }
.login-card .field { margin-bottom: 17px; }
.login-emblem { width: 76px; height: 76px; display: grid; place-items: center; border-radius: 22px; background: rgba(43,127,255,.10); border: 1px solid rgba(86,183,255,.20); margin-bottom: 20px; }
.login-emblem img { width: 58px; height: 58px; object-fit: contain; }
.back-link { display: block; text-align: center; color: var(--muted); font-weight: 750; margin-top: 18px; }
.back-link:hover { color: white; }
.intranet-footer { margin-top: 0; }

@media (max-width: 920px) {
  .intranet-grid { grid-template-columns: 1fr; }
  .login-card { justify-self: stretch; max-width: none; }
}


/* Separate job portal directory */
.portal-home-section { background: linear-gradient(180deg, rgba(255,255,255,.018), transparent); }
.portal-quick-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:14px; }
.portal-quick-card { --portal-accent: var(--primary); min-height:112px; padding:18px; border:1px solid var(--line); border-radius:18px; background:linear-gradient(145deg,color-mix(in srgb,var(--portal-accent) 15%,rgba(17,27,45,.95)),rgba(11,18,31,.95)); display:flex; align-items:center; gap:14px; transition:.2s ease; box-shadow:0 16px 40px rgba(0,0,0,.14); }
.portal-quick-card:hover { transform:translateY(-4px); border-color:color-mix(in srgb,var(--portal-accent) 48%,var(--line)); }
.portal-quick-card div { min-width:0; flex:1; }
.portal-quick-card strong,.portal-quick-card small { display:block; }
.portal-quick-card strong { font-size:1.02rem; }
.portal-quick-card small { color:var(--muted); margin-top:2px; }
.portal-quick-card b { font-size:1.3rem; color:color-mix(in srgb,var(--portal-accent) 75%,white); }
.portal-quick-icon { width:48px; height:48px; flex:0 0 auto; border-radius:15px; display:grid; place-items:center; font-size:1.35rem; background:color-mix(in srgb,var(--portal-accent) 18%,transparent); border:1px solid color-mix(in srgb,var(--portal-accent) 34%,transparent); }
.center-action { display:flex; justify-content:center; margin-top:24px; }
.portal-directory-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.portal-directory-card { --portal-accent:var(--primary); min-height:360px; display:flex; flex-direction:column; justify-content:space-between; gap:28px; background:linear-gradient(150deg,color-mix(in srgb,var(--portal-accent) 14%,rgba(17,27,45,.96)),rgba(9,15,27,.96)); border-color:color-mix(in srgb,var(--portal-accent) 24%,var(--line)); }
.portal-directory-card h2 { font-size:clamp(1.65rem,3vw,2.45rem); margin:22px 0 8px; }
.portal-directory-top { display:flex; align-items:center; justify-content:space-between; gap:18px; }
.portal-badge { display:inline-flex; padding:6px 10px; border-radius:999px; font-size:.76rem; font-weight:900; text-transform:uppercase; letter-spacing:.08em; color:color-mix(in srgb,var(--portal-accent) 70%,white); border:1px solid color-mix(in srgb,var(--portal-accent) 35%,transparent); background:color-mix(in srgb,var(--portal-accent) 10%,transparent); }
.portal-actions { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.portal-actions .btn { padding-inline:12px; }
.portal-polizei { --portal-accent:#3b82f6; }
.portal-rettung { --portal-accent:#14b8a6; }
.portal-klinikum { --portal-accent:#06b6d4; }
.portal-luft { --portal-accent:#ef4444; }
.portal-feuerwehr { --portal-accent:#f97316; }
.redirect-shell { min-height:100vh; display:grid; place-items:center; padding:30px; }
.redirect-shell .card { width:min(620px,100%); text-align:center; }
.redirect-shell .btn { margin-top:18px; }
@media(max-width:1040px){.portal-quick-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.portal-directory-grid,.portal-actions{grid-template-columns:1fr}.portal-quick-grid{grid-template-columns:1fr}.portal-directory-card{min-height:auto}.portal-actions .btn{width:100%}}
/* =========================================================
   PADERBORN ROLEPLAY – DARK ORANGE CONTROL-PANEL THEME
   Angelehnt an das bereitgestellte Referenzdesign
   ========================================================= */
:root{
  --accent:#ff5a1f;
  --accent-2:#ffb000;
  --accent-red:#ff3b2f;
  --bg:#070a0f;
  --surface:#10151d;
  --surface-2:#171d27;
  --line:#2b3545;
  --line-soft:#202938;
  --text:#f6f7fb;
  --muted:#9da9bb;
  --shadow:0 18px 55px rgba(0,0,0,.42);
}

body{
  background:
    radial-gradient(circle at 78% -10%,rgba(255,176,0,.07),transparent 30%),
    radial-gradient(circle at 12% 10%,rgba(255,59,47,.06),transparent 28%),
    linear-gradient(rgba(7,10,15,.97),rgba(7,10,15,.985)),
    repeating-linear-gradient(135deg,rgba(255,255,255,.012) 0 1px,transparent 1px 24px);
  color:var(--text);
}

.site-header{
  background:rgba(8,11,16,.96);
  border-bottom:1px solid var(--line);
  box-shadow:0 8px 28px rgba(0,0,0,.28);
  backdrop-filter:blur(15px);
}
.brand img{filter:drop-shadow(0 0 12px rgba(255,176,0,.28))}
.brand span small{color:#8ea0b8}

.nav-links a{
  border:1px solid transparent;
  border-radius:9px;
  color:#c3cad5;
}
.nav-links a:hover,.nav-links a.active{
  color:#fff;
  background:#171d27;
  border-color:#303a4b;
}
.nav-links .nav-cta,
.btn-primary{
  color:#fff;
  background:linear-gradient(100deg,var(--accent-red),var(--accent-2));
  border:0;
  box-shadow:0 10px 28px rgba(255,90,31,.2);
}
.nav-links .nav-cta:hover,.btn-primary:hover{
  background:linear-gradient(100deg,#ff4937,#ffc01b);
  transform:translateY(-1px);
}

.menu-btn,.btn{
  border-color:#303a4b;
  background:#171d27;
  border-radius:9px;
  color:#f7f8fb;
}
.btn:hover{background:#202735;border-color:#3b4659}

.eyebrow{
  border-color:rgba(255,176,0,.45);
  background:rgba(255,176,0,.09);
  color:#ffb000;
  border-radius:8px;
}
.eyebrow:before{background:#ffb000;box-shadow:0 0 0 5px rgba(255,176,0,.1)}
h1 span,.portal-card span,.card-icon{color:#ffb000}

.hero-card,.login-card,.panel,.card,.portal-card,.cta-panel{
  border-color:var(--line);
  background:linear-gradient(150deg,rgba(18,24,33,.98),rgba(11,15,22,.98));
  border-radius:12px;
  box-shadow:var(--shadow);
}
.hero-card:after{background:linear-gradient(145deg,#10151d,#080c12);border-radius:11px}
.hero-card:before{background:conic-gradient(from 180deg,transparent,#ffb000,transparent 34%);opacity:.16}
.card:hover,.portal-card:hover{background:#171d27;border-color:#465267}
.card-icon{background:rgba(255,176,0,.1);border:1px solid rgba(255,176,0,.2);border-radius:8px}

.section-soft{background:rgba(13,17,24,.78);border-color:var(--line-soft)}
.stat,.side-item{
  background:#10151d;
  border-color:var(--line);
  border-radius:9px;
}
.cta-panel{background:linear-gradient(110deg,rgba(255,59,47,.09),rgba(255,176,0,.065),#10151d)}

input,select,textarea{
  background:#0c1118;
  border-color:#303a4b;
  border-radius:8px;
  color:#fff;
}
input:focus,select:focus,textarea:focus{
  border-color:#ff9f0a;
  box-shadow:0 0 0 3px rgba(255,159,10,.12);
}
option{background:#0d1219}
.check input,.permission-fieldset input,.permission-editor input{accent-color:#ff9f0a}
.notice,.demo-credentials,.admin-hint{
  border-color:rgba(255,176,0,.32);
  background:rgba(255,176,0,.065);
  border-radius:9px;
}

/* Intranet im Look des Referenz-Dashboards */
.intranet-body{
  background:
    radial-gradient(circle at 80% -15%,rgba(255,176,0,.065),transparent 34%),
    linear-gradient(145deg,#070a0f,#0a0e14 55%,#05070a);
}
.intranet-shell.active{grid-template-columns:292px minmax(0,1fr)}
.intranet-sidebar{
  background:#0c1118;
  border-right:1px solid #2e394a;
  padding:18px 16px;
  box-shadow:10px 0 30px rgba(0,0,0,.18);
}
.user-card{
  background:#10161f;
  border-color:#2d3747;
  border-radius:9px;
  padding:13px;
}
.user-avatar{
  background:linear-gradient(145deg,#ff3b2f,#ffb000);
  color:#fff;
  border-radius:8px;
  box-shadow:0 5px 18px rgba(255,90,31,.2);
}
.side-nav{gap:9px}
.side-nav button{
  min-height:44px;
  color:#f3f5f8;
  background:#151b25;
  border:1px solid #303a4b;
  border-radius:7px;
  padding:11px 13px;
}
.side-nav button:hover{background:#1c2330;border-color:#3b475b}
.side-nav button.active{
  color:#111;
  background:linear-gradient(95deg,#ff4c2f,#ffb000);
  border-color:#ff9d08;
  box-shadow:0 8px 22px rgba(255,91,29,.16);
}
.logout-btn{background:#151b25}

.intranet-main{padding:26px 30px;background:rgba(7,10,15,.54)}
.dashboard-top{
  padding-bottom:19px;
  border-bottom:1px solid #283243;
  margin-bottom:20px;
}
.dashboard-top h1{font-size:clamp(2rem,4vw,3.35rem);letter-spacing:-.04em}
.dashboard-top .eyebrow{border-radius:999px}
.live-pill{border-radius:999px}

.dashboard-stats{gap:12px}
.dash-stat,.dashboard-card,.vehicle-card,.legend-item,.member-table-wrap{
  background:#10151d;
  border-color:#2d3747;
  border-radius:9px;
  box-shadow:0 12px 28px rgba(0,0,0,.16);
}
.dash-stat{
  position:relative;
  overflow:hidden;
  padding:17px 18px;
}
.dash-stat:before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;
  width:3px;
  background:linear-gradient(#ff3b2f,#ffb000);
}
.dash-stat strong{color:#fff}
.dashboard-card{padding:19px;margin-bottom:16px}
.dashboard-card-head{
  padding-bottom:13px;
  border-bottom:1px solid #283243;
  margin-bottom:15px;
}
.dashboard-card h2,.legend-item strong{color:#fff}
.dashboard-card-head h2:after{
  content:"";
  display:block;
  width:42px;
  height:2px;
  margin-top:7px;
  background:linear-gradient(90deg,#ff3b2f,#ffb000);
}

.vehicle-grid{gap:12px}
.vehicle-card{background:#0d1219;padding:15px}
.vehicle-card:hover{border-color:#465267;background:#111821}
.vehicle-meta{border-top-color:#283243}
.status-legend{gap:9px}
.legend-item{background:#0d1219}

.member-table-wrap{border-radius:8px}
.member-table th{
  color:#aeb8c8;
  background:#151b25;
  border-color:#2b3545;
}
.member-table td{border-color:#252f3e}
.member-table tbody tr:hover{background:rgba(255,176,0,.025)}
.role-chip,.permission-chip{
  background:rgba(255,176,0,.09);
  color:#ffbd24;
  border:1px solid rgba(255,176,0,.18);
  border-radius:999px;
}
.permission-fieldset{border-color:#303a4b;border-radius:8px;background:#0d1219}
.danger-btn{background:rgba(255,59,47,.1);border-color:rgba(255,59,47,.35)}

.login-card{border-radius:12px}
.login-visual{
  background:
    linear-gradient(145deg,rgba(255,59,47,.1),rgba(255,176,0,.055)),
    #0d1219;
}
.login-visual img{filter:drop-shadow(0 0 20px rgba(255,176,0,.22))}
.login-form{background:#10151d}

.empty-state{border-color:#344054;border-radius:8px;background:#0d1219}
.toast{border-radius:8px}

@media(max-width:1050px){.intranet-shell.active{grid-template-columns:230px minmax(0,1fr)}}
@media(max-width:780px){
  .intranet-main{padding:18px 12px}
  .intranet-sidebar{box-shadow:none}
  .side-nav button{min-height:42px}
  .nav-links{background:#0c1118;border-color:#303a4b;border-radius:9px}
}

/* =========================================================
   PADERBORN ROLEPLAY – NXT UI 2.0
   Moderne Animationen, Tiefenwirkung und Premium-Dashboard
   ========================================================= */
:root{
  --accent:#ff5a1f;
  --accent-2:#ffb000;
  --accent-hot:#ff3b2f;
  --bg:#05070b;
  --surface:#0d121a;
  --surface-2:#141b26;
  --surface-3:#1a2330;
  --line:#263244;
  --line-bright:#3b4a60;
  --text:#f7f9fc;
  --muted:#9eabbc;
  --glow:0 0 34px rgba(255,126,24,.18);
  --shadow:0 28px 80px rgba(0,0,0,.48);
  --mx:50vw;
  --my:20vh;
}

html{background:#05070b;scrollbar-color:#ff8b12 #0b1017}
body{isolation:isolate}
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-3;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent 88%);
}
body::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:
    radial-gradient(520px circle at var(--mx) var(--my),rgba(255,148,17,.09),transparent 62%),
    radial-gradient(720px circle at 100% -5%,rgba(255,62,42,.07),transparent 55%);
}
::selection{background:rgba(255,152,17,.32);color:#fff}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:#0a0f16}
::-webkit-scrollbar-thumb{background:linear-gradient(#ff4d2c,#ffb000);border:3px solid #0a0f16;border-radius:999px}

.site-header{
  background:linear-gradient(180deg,rgba(7,10,15,.96),rgba(7,10,15,.84));
  border-bottom:1px solid rgba(70,83,105,.48);
  box-shadow:0 14px 45px rgba(0,0,0,.3);
  overflow:visible;
}
.site-header::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,176,0,.8),rgba(255,70,42,.72),transparent);
  opacity:.58;
}
.site-header::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-1px;
  width:var(--scroll-progress,0%);
  height:2px;
  background:linear-gradient(90deg,#ff3b2f,#ffb000);
  box-shadow:0 0 16px rgba(255,135,16,.75);
  transition:width .08s linear;
}
.site-header.is-scrolled{background:rgba(7,10,15,.94);box-shadow:0 18px 55px rgba(0,0,0,.42)}
.navbar{min-height:82px}
.brand{position:relative;transition:transform .25s ease}
.brand:hover{transform:translateY(-1px)}
.brand img{transition:transform .32s ease,filter .32s ease;filter:drop-shadow(0 0 16px rgba(255,157,16,.34))}
.brand:hover img{transform:scale(1.06) rotate(-2deg);filter:drop-shadow(0 0 23px rgba(255,157,16,.55))}
.brand span{font-size:1rem}
.brand span small{background:linear-gradient(90deg,#ffb000,#ff6b25);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:850}
.nav-links{padding:5px;border:1px solid rgba(57,70,91,.55);background:rgba(14,19,27,.62);border-radius:13px;box-shadow:inset 0 1px rgba(255,255,255,.025)}
.nav-links a{position:relative;overflow:hidden}
.nav-links a::after{content:"";position:absolute;left:50%;right:50%;bottom:4px;height:2px;background:linear-gradient(90deg,#ff3b2f,#ffb000);border-radius:999px;transition:left .25s ease,right .25s ease}
.nav-links a:hover::after,.nav-links a.active::after{left:15px;right:15px}
.nav-links .nav-cta::after{display:none}

.btn,.side-nav button,.portal-quick-card,.portal-directory-card,.card,.faction-card,.job-card,.vehicle-card,.dash-stat{
  -webkit-tap-highlight-color:transparent;
}
.btn{
  position:relative;
  overflow:hidden;
  min-height:52px;
  border-radius:11px;
  background:linear-gradient(180deg,#19212d,#121923);
  border-color:#344157;
  box-shadow:inset 0 1px rgba(255,255,255,.045),0 10px 24px rgba(0,0,0,.18);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease;
}
.btn::before{content:"";position:absolute;inset:0;transform:translateX(-120%) skewX(-20deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);transition:transform .55s ease}
.btn:hover::before{transform:translateX(120%) skewX(-20deg)}
.btn:hover{transform:translateY(-3px);border-color:#53627a;box-shadow:0 15px 34px rgba(0,0,0,.3)}
.btn:active{transform:translateY(-1px) scale(.985)}
.btn-primary,.nav-links .nav-cta{
  background:linear-gradient(105deg,#ff3e2f 0%,#ff751a 47%,#ffb000 100%);
  box-shadow:0 13px 34px rgba(255,89,31,.25),inset 0 1px rgba(255,255,255,.25);
}
.btn-primary:hover,.nav-links .nav-cta:hover{box-shadow:0 18px 44px rgba(255,111,23,.34),0 0 20px rgba(255,176,0,.13)}
.ui-ripple{position:absolute;border-radius:50%;pointer-events:none;background:rgba(255,255,255,.32);transform:translate(-50%,-50%) scale(0);animation:ui-ripple .58s ease-out forwards}
@keyframes ui-ripple{to{transform:translate(-50%,-50%) scale(1);opacity:0}}

.hero{min-height:min(780px,calc(100vh - 82px));display:flex;align-items:center;padding:105px 0 82px}
.hero::before{content:"";position:absolute;width:560px;height:560px;left:-290px;top:-130px;border:1px solid rgba(255,176,0,.09);border-radius:50%;box-shadow:0 0 0 80px rgba(255,176,0,.018),0 0 0 160px rgba(255,176,0,.012);pointer-events:none}
.hero-grid{gap:64px}
h1{filter:drop-shadow(0 16px 42px rgba(0,0,0,.3))}
h1 span{background:linear-gradient(93deg,#ffbf16 0%,#ff7b1c 48%,#ff4935 100%);background-size:190% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:title-flow 6s ease-in-out infinite}
@keyframes title-flow{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
.eyebrow{box-shadow:inset 0 1px rgba(255,255,255,.06),0 7px 25px rgba(255,151,17,.07);backdrop-filter:blur(12px)}
.lead{font-size:1.16rem;text-wrap:pretty}
.hero-points span{position:relative;background:rgba(16,22,31,.78);border:1px solid #2b374a;box-shadow:inset 0 1px rgba(255,255,255,.035)}
.hero-points span::before{content:"✓";display:inline-grid;place-items:center;width:18px;height:18px;margin-right:7px;border-radius:50%;background:rgba(255,176,0,.12);color:#ffb000;font-size:.7rem;font-weight:950}
.hero-panel,.hero-card{
  isolation:isolate;
  border:1px solid rgba(82,97,122,.64);
  background:linear-gradient(155deg,rgba(23,31,43,.94),rgba(8,12,18,.98));
  box-shadow:0 35px 100px rgba(0,0,0,.56),inset 0 1px rgba(255,255,255,.06),var(--glow);
}
.hero-panel::before,.hero-card::before{opacity:.23;filter:blur(.2px)}
.hero-panel::after,.hero-card::after{box-shadow:inset 0 0 80px rgba(255,138,17,.035)}
.hero-emblem,.logo-orbit{animation:emblem-float 5.5s ease-in-out infinite}
.hero-emblem img,.logo-orbit img{filter:drop-shadow(0 28px 42px rgba(0,0,0,.45)) drop-shadow(0 0 20px rgba(255,155,17,.22))}
.logo-orbit::before,.logo-orbit::after{border-color:rgba(255,161,17,.24);box-shadow:0 0 35px rgba(255,130,20,.07)}
@keyframes emblem-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.hero-badge{background:rgba(11,16,23,.78);border:1px solid #344258;backdrop-filter:blur(14px);box-shadow:0 16px 40px rgba(0,0,0,.34)}
.status-dot{box-shadow:0 0 0 6px rgba(34,197,94,.1),0 0 18px rgba(34,197,94,.75);animation:status-pulse 2s ease infinite}
@keyframes status-pulse{50%{box-shadow:0 0 0 10px rgba(34,197,94,0),0 0 24px rgba(34,197,94,.9)}}

.section{position:relative}
.section-head h2{background:linear-gradient(180deg,#fff,#c8d1de);-webkit-background-clip:text;background-clip:text;color:transparent}
.feature-band{background:linear-gradient(90deg,rgba(255,70,42,.035),rgba(255,176,0,.055),rgba(255,70,42,.035))}
.stats,.dashboard-stats{perspective:900px}
.stat,.dash-stat{
  background:linear-gradient(150deg,rgba(22,29,40,.98),rgba(11,16,23,.98));
  border-color:#2b374a;
  box-shadow:inset 0 1px rgba(255,255,255,.045),0 14px 36px rgba(0,0,0,.18);
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.stat:hover,.dash-stat:hover{transform:translateY(-5px);border-color:#53617a;box-shadow:0 20px 45px rgba(0,0,0,.32),0 0 24px rgba(255,145,17,.06)}
.stat strong,.dash-stat strong{background:linear-gradient(90deg,#fff,#ffbd1d);-webkit-background-clip:text;background-clip:text;color:transparent}

.card,.portal-card,.portal-quick-card,.portal-directory-card,.faction-card,.job-card,.panel,.requirements-card,.role-group,.timeline-item,.dashboard-card,.vehicle-card,.login-card,.cta-panel{
  position:relative;
  overflow:hidden;
  border-color:#2b374a;
  background:linear-gradient(145deg,rgba(18,25,35,.97),rgba(10,14,21,.98));
  box-shadow:inset 0 1px rgba(255,255,255,.04),0 18px 48px rgba(0,0,0,.22);
}
.card::before,.portal-quick-card::before,.portal-directory-card::before,.faction-card::before,.job-card::before,.vehicle-card::before,.dashboard-card::before,.panel::before,.login-card::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:2px;
  background:linear-gradient(180deg,transparent,#ffb000,#ff472e,transparent);
  opacity:.55;
}
.card::after,.portal-quick-card::after,.portal-directory-card::after,.faction-card::after,.job-card::after,.vehicle-card::after{
  content:"";
  position:absolute;
  width:150px;
  height:150px;
  right:-95px;
  top:-95px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,176,0,.12),transparent 68%);
  pointer-events:none;
  transition:transform .35s ease,opacity .35s ease;
}
.card:hover,.portal-quick-card:hover,.portal-directory-card:hover,.faction-card:hover,.job-card:hover,.vehicle-card:hover{
  transform:translateY(-7px);
  border-color:#526078;
  box-shadow:0 26px 58px rgba(0,0,0,.38),0 0 26px rgba(255,145,17,.07);
}
.card:hover::after,.portal-quick-card:hover::after,.portal-directory-card:hover::after,.faction-card:hover::after,.job-card:hover::after,.vehicle-card:hover::after{transform:scale(1.35);opacity:1}
.icon-box,.card-icon,.portal-quick-icon{
  box-shadow:inset 0 1px rgba(255,255,255,.08),0 11px 25px rgba(255,113,22,.12);
  background:linear-gradient(145deg,rgba(255,58,46,.15),rgba(255,176,0,.12));
  border:1px solid rgba(255,151,18,.26);
}
.portal-quick-card b,.portal-directory-card b{transition:transform .25s ease,color .25s ease}
.portal-quick-card:hover b,.portal-directory-card:hover b{transform:translateX(6px);color:#ffb000}
.cta-panel{border-color:rgba(255,132,18,.34);background:linear-gradient(120deg,rgba(255,62,46,.1),rgba(255,176,0,.07) 46%,rgba(16,22,31,.98));box-shadow:0 30px 70px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.055)}

input,select,textarea{
  min-height:50px;
  background:linear-gradient(180deg,#0c121a,#0a0f16);
  border-color:#2f3b50;
  box-shadow:inset 0 2px 9px rgba(0,0,0,.25);
  transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
textarea{min-height:130px}
input:hover,select:hover,textarea:hover{border-color:#46556d}
input:focus,select:focus,textarea:focus{transform:translateY(-1px);border-color:#ff9812;box-shadow:0 0 0 4px rgba(255,152,18,.1),0 10px 25px rgba(0,0,0,.2)}
.field label{color:#edf2f8}
.notice,.admin-hint,.demo-credentials{box-shadow:inset 0 1px rgba(255,255,255,.035)}

.site-footer{position:relative;background:linear-gradient(180deg,rgba(8,12,18,.75),#05070b);border-top-color:#253044}
.site-footer::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,#ffb000,#ff4930,transparent);opacity:.45}
.footer-links a{transition:color .2s ease,transform .2s ease}.footer-links a:hover{color:#ffb000;transform:translateX(3px)}

/* Premium-Intranet */
.intranet-sidebar{
  background:
    radial-gradient(circle at 0 0,rgba(255,176,0,.055),transparent 32%),
    linear-gradient(180deg,#0d131c,#090d14);
  border-right-color:#29364a;
}
.user-card{box-shadow:inset 0 1px rgba(255,255,255,.05),0 16px 32px rgba(0,0,0,.2)}
.user-avatar{position:relative;box-shadow:0 11px 28px rgba(255,97,27,.28),inset 0 1px rgba(255,255,255,.25)}
.side-nav button{position:relative;overflow:hidden;transition:transform .2s ease,border-color .2s ease,background .2s ease}
.side-nav button::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:0 5px 5px 0;background:linear-gradient(#ff3c2e,#ffb000);transform:scaleY(0);transition:transform .2s ease}
.side-nav button:hover{transform:translateX(3px)}
.side-nav button.active::before{transform:scaleY(1)}
.side-nav button.active{box-shadow:0 12px 28px rgba(255,100,26,.2),inset 0 1px rgba(255,255,255,.25)}
.intranet-main{background:radial-gradient(circle at 94% 0,rgba(255,176,0,.04),transparent 26%),rgba(6,9,14,.68)}
.dashboard-top{position:relative}
.dashboard-top::after{content:"";position:absolute;left:0;bottom:-1px;width:110px;height:2px;background:linear-gradient(90deg,#ff3b2f,#ffb000);box-shadow:0 0 12px rgba(255,130,20,.42)}
.live-pill{background:rgba(34,197,94,.09);border-color:rgba(34,197,94,.3);color:#bdf7ce;box-shadow:0 0 22px rgba(34,197,94,.08)}
.live-pill::before{content:"";width:7px;height:7px;margin-right:7px;display:inline-block;border-radius:50%;background:#22c55e;box-shadow:0 0 12px #22c55e;animation:status-pulse 2s ease infinite}
.dashboard-card-head h2{position:relative;padding-left:13px}.dashboard-card-head h2::before{content:"";position:absolute;left:0;top:.18em;bottom:.18em;width:3px;border-radius:3px;background:linear-gradient(#ff3b2f,#ffb000)}
.vehicle-card{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.status-badge{box-shadow:inset 0 1px rgba(255,255,255,.1)}
.status-1,.status-2{box-shadow:0 0 18px rgba(34,197,94,.1)}
.status-3,.status-4,.status-7,.status-8{box-shadow:0 0 18px rgba(245,158,11,.1)}
.status-5,.status-9{box-shadow:0 0 18px rgba(239,68,68,.12)}
.member-table tbody tr{transition:background .18s ease}.member-table tbody tr:hover{background:rgba(255,176,0,.035)}
.member-table th{background:linear-gradient(180deg,#151c27,#111721);color:#b6c1cf}
.toast{backdrop-filter:blur(16px);box-shadow:0 18px 50px rgba(0,0,0,.45)}
.login-shell{position:relative}
.login-shell::before{content:"";position:absolute;left:6%;top:14%;width:250px;height:250px;border-radius:50%;background:rgba(255,176,0,.055);filter:blur(70px);pointer-events:none}
.login-card{border-color:#3b485d;box-shadow:0 40px 120px rgba(0,0,0,.58),0 0 50px rgba(255,122,18,.055)}
.login-visual{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 38%,rgba(255,164,17,.13),transparent 45%),linear-gradient(150deg,#141c27,#090d14)}
.login-visual::after{content:"";position:absolute;width:360px;height:360px;right:-210px;bottom:-230px;border:1px solid rgba(255,176,0,.16);border-radius:50%;box-shadow:0 0 0 50px rgba(255,176,0,.025),0 0 0 100px rgba(255,176,0,.016)}
.login-visual img{animation:emblem-float 5.5s ease-in-out infinite;filter:drop-shadow(0 25px 34px rgba(0,0,0,.4)) drop-shadow(0 0 20px rgba(255,154,17,.24))}

/* Reveal / Motion */
.ui-reveal{opacity:0;transform:translateY(24px);filter:blur(3px);transition:opacity .7s cubic-bezier(.2,.75,.25,1),transform .7s cubic-bezier(.2,.75,.25,1),filter .7s ease;transition-delay:var(--reveal-delay,0ms)}
.ui-reveal.ui-visible{opacity:1;transform:translateY(0);filter:blur(0)}
.ui-ready .hero h1{animation:hero-enter .72s cubic-bezier(.16,.78,.25,1) both,title-flow 6s ease-in-out infinite .72s}
@keyframes hero-enter{from{opacity:0;transform:translateY(24px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
  .ui-reveal{opacity:1;transform:none;filter:none}
}
@media(max-width:900px){
  .hero{min-height:auto;padding:82px 0 68px}
  .nav-links{padding:12px;background:rgba(8,12,18,.985);border-radius:0 0 14px 14px}
  .hero-grid{gap:42px}
}
@media(max-width:780px){
  body::after{display:none}
  .navbar{min-height:72px}
  .hero{padding:65px 0 55px}
  .hero-card,.hero-panel{min-height:350px}
  .intranet-main{padding:20px 13px}
  .dashboard-top h1{font-size:2.15rem}
  .card:hover,.portal-quick-card:hover,.portal-directory-card:hover,.faction-card:hover,.job-card:hover,.vehicle-card:hover{transform:none}
}


/* === COMPLETE REBUILD 2026 === */
.site-header::after{left:0;right:0;width:100%!important;transition:none!important;background:linear-gradient(90deg,#ff432f 0%,#ff8f12 45%,#ffbf18 100%)!important;box-shadow:0 0 16px rgba(255,145,17,.55)}
body.rebuild-public{background:radial-gradient(circle at top right,rgba(255,136,17,.08),transparent 28%),#05070b}
body.rebuild-public .site-header{position:sticky;top:0;z-index:100}
.command-main{padding-top:0}
.header-stack{display:flex;align-items:center;gap:18px;flex:1}
.header-meta{display:flex;align-items:center;gap:10px;margin-left:auto}
.top-chip{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 16px;border-radius:14px;border:1px solid #334157;background:linear-gradient(145deg,rgba(20,26,37,.96),rgba(10,14,20,.98));box-shadow:inset 0 1px rgba(255,255,255,.05),0 12px 32px rgba(0,0,0,.22)}
.top-chip strong,.top-chip span{display:block;line-height:1.1}.top-chip small{display:block;color:#8f9cb0;font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.top-chip .dot{width:9px;height:9px;border-radius:50%;background:#ff5d4d;box-shadow:0 0 14px rgba(255,93,77,.8)}
.top-chip .chip-avatar{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,#202937,#131a24);border:1px solid #425169;font-weight:900;color:#ffb000}
.command-hero{padding:74px 0 38px;min-height:auto}
.command-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:26px;align-items:stretch}
.command-panel{position:relative;padding:28px;border:1px solid #2d394b;border-radius:24px;background:linear-gradient(160deg,rgba(14,20,29,.98),rgba(8,11,17,.98));box-shadow:0 25px 70px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.05);overflow:hidden}
.command-panel::before{content:"";position:absolute;inset:auto -60px -80px auto;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(255,176,0,.14),transparent 66%);pointer-events:none}
.command-panel::after{content:"";position:absolute;left:0;top:20px;bottom:20px;width:3px;border-radius:0 999px 999px 0;background:linear-gradient(180deg,#ff472e,#ffb000)}
.command-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,176,0,.28);background:rgba(255,176,0,.08);color:#ffc04b;font-weight:900;letter-spacing:.08em;text-transform:uppercase;font-size:.75rem}
.command-title{margin:18px 0 14px;font-size:clamp(2.7rem,6vw,5rem);line-height:.96;letter-spacing:-.05em}
.command-title span{display:block;background:linear-gradient(90deg,#fff,#ffbf18 48%,#ff6e1e 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.command-lead{max-width:760px;font-size:1.08rem;color:#b1bdd0}
.command-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.inline-points{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.inline-points span{padding:10px 14px;border-radius:999px;border:1px solid #2b374a;background:rgba(255,255,255,.03);font-size:.9rem;color:#dbe4f3;font-weight:750}
.panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;height:100%}
.mini-panel{padding:20px;border:1px solid #2b374a;border-radius:20px;background:linear-gradient(145deg,rgba(19,26,36,.96),rgba(10,14,21,.98));box-shadow:inset 0 1px rgba(255,255,255,.04)}
.mini-panel h3,.mini-panel h4{margin-bottom:10px}.mini-panel .value{font-size:2rem;font-weight:900;line-height:1;background:linear-gradient(90deg,#fff,#ffbb18);-webkit-background-clip:text;background-clip:text;color:transparent}
.mini-panel ul{padding-left:18px;margin:10px 0 0}.mini-panel li{color:#afbbcd;margin-bottom:8px}
.section-ribbon{display:flex;align-items:center;gap:18px;margin-bottom:26px}.section-ribbon::before,.section-ribbon::after{content:"";height:2px;flex:1;background:linear-gradient(90deg,#ff472e,#ffb000);opacity:.92;border-radius:999px}.section-ribbon span{padding:9px 18px;border-radius:999px;border:1px solid rgba(255,176,0,.25);background:rgba(255,176,0,.08);font-size:.83rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:#ffbd31;white-space:nowrap;box-shadow:0 0 24px rgba(255,176,0,.08)}
.dashboard-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:14px}.strip-card{padding:18px;border-radius:18px;border:1px solid #2b374a;background:linear-gradient(145deg,rgba(18,24,34,.97),rgba(10,14,21,.98));box-shadow:inset 0 1px rgba(255,255,255,.04)}.strip-card small{display:block;color:#97a5b8;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;margin-bottom:10px}.strip-card strong{font-size:1.65rem;line-height:1}.strip-card p{margin:6px 0 0;color:#b8c2cf;font-size:.9rem}
.control-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:22px;align-items:start}.control-sidebar{position:sticky;top:108px;display:grid;gap:16px}.side-card{padding:20px;border-radius:22px;border:1px solid #2b374a;background:linear-gradient(145deg,rgba(18,25,35,.97),rgba(10,14,21,.98));box-shadow:inset 0 1px rgba(255,255,255,.04),0 18px 48px rgba(0,0,0,.22)}
.side-card .card-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.side-card .card-title strong{font-size:1rem}.side-nav-links{display:grid;gap:10px}.side-nav-links a{display:flex;justify-content:space-between;align-items:center;padding:13px 14px;border-radius:14px;border:1px solid #2b374a;background:rgba(255,255,255,.025);font-weight:800;color:#dde6f2;transition:transform .2s ease,border-color .2s ease,background .2s ease}.side-nav-links a:hover{transform:translateX(3px);border-color:#ff9912;background:rgba(255,176,0,.06)}
.info-list{display:grid;gap:12px}.info-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.05)}.info-row:last-child{border-bottom:0;padding-bottom:0}.info-row small{display:block;color:#91a0b2;text-transform:uppercase;letter-spacing:.08em;font-size:.7rem}.info-row strong{font-size:1rem}
.content-stack{display:grid;gap:22px}.content-card{padding:26px;border-radius:24px;border:1px solid #2b374a;background:linear-gradient(145deg,rgba(18,25,35,.97),rgba(10,14,21,.98));box-shadow:inset 0 1px rgba(255,255,255,.04),0 18px 48px rgba(0,0,0,.22)}
.content-card h2{font-size:2rem;margin-bottom:10px}.content-card p{color:#b1bdd0}.feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.feature-item{padding:18px;border-radius:18px;border:1px solid #2b374a;background:rgba(255,255,255,.025)}.feature-item .number{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:10px;background:linear-gradient(145deg,#ff472e,#ffb000);font-size:.85rem;font-weight:950;color:#180d03;margin-bottom:12px}.feature-item h3{margin-bottom:8px}.feature-item p{margin-bottom:0;font-size:.95rem}
.portal-grid-xl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.portal-tile{display:flex;gap:16px;align-items:flex-start;padding:22px;border-radius:22px;border:1px solid #2b374a;background:linear-gradient(145deg,rgba(18,25,35,.98),rgba(10,14,21,.98));transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.portal-tile:hover{transform:translateY(-6px);border-color:#ff9912;box-shadow:0 24px 60px rgba(0,0,0,.34)}.portal-tile .tile-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;font-size:1.55rem;background:linear-gradient(145deg,rgba(255,64,46,.16),rgba(255,176,0,.14));border:1px solid rgba(255,151,18,.26);flex:none}.portal-tile .tile-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.portal-tile h3{margin-bottom:8px}.portal-tile p{margin-bottom:0;color:#b6c1cf}
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.step-card{padding:20px;border-radius:20px;border:1px solid #2b374a;background:linear-gradient(145deg,rgba(18,25,35,.97),rgba(10,14,21,.98))}.step-card .step-index{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#ff472e,#ffb000);font-weight:950;color:#1f1102;margin-bottom:14px}.step-card p{margin-bottom:0;color:#b5c0cf;font-size:.95rem}
.banner-panel{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px;border-radius:28px;border:1px solid rgba(255,145,17,.26);background:linear-gradient(120deg,rgba(255,62,46,.12),rgba(255,176,0,.08) 42%,rgba(13,18,26,.98));box-shadow:0 28px 70px rgba(0,0,0,.35)}
.banner-panel p{margin:0;color:#d8e1ed}
.section-note{margin-top:6px;color:#95a4b7;font-size:.95rem}
.kpi-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.kpi-card{padding:18px;border-radius:18px;border:1px solid #2b374a;background:rgba(255,255,255,.025)}.kpi-card small{display:block;color:#90a0b3;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.kpi-card strong{display:block;margin-top:8px;font-size:1.55rem}
.quick-split{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}
@media(max-width:1100px){.command-grid,.quick-split,.control-layout{grid-template-columns:1fr}.control-sidebar{position:static}.dashboard-strip,.steps,.kpi-row{grid-template-columns:repeat(2,1fr)}.portal-grid-xl,.feature-list{grid-template-columns:1fr}}
@media(max-width:760px){.header-meta{display:none}.command-title{font-size:clamp(2.3rem,12vw,3.6rem)}.section-ribbon{gap:10px}.section-ribbon span{padding:8px 14px;font-size:.72rem;letter-spacing:.14em}.dashboard-strip,.steps,.kpi-row,.panel-grid{grid-template-columns:1fr}.banner-panel{flex-direction:column;align-items:flex-start}.side-card,.content-card,.command-panel{padding:20px}}


/* Gap fix */
.hero{min-height:auto!important;padding:48px 0 36px!important;}
.page-hero{padding:40px 0 24px!important;}
.command-main{padding-top:0!important;}
.command-hero{padding:18px 0 18px!important;min-height:auto!important;}
.command-grid{align-items:start!important;}
.command-panel{padding:22px!important;}
main > section:first-child{margin-top:0!important;}
.section{padding:72px 0;}
.section.compact{padding:44px 0;}


/* final gap + emblem fix */
.reveal{opacity:1!important;transform:none!important;filter:none!important;}
.page-hero{padding:18px 0 12px!important;min-height:auto!important;}
.page-hero .container{display:grid;gap:8px;}
main > .page-hero + .section{padding-top:24px!important;}
.hero{min-height:auto!important;padding:26px 0 24px!important;}
.command-hero{padding:8px 0 12px!important;min-height:auto!important;}
.command-panel,.hero-card,.hero-panel{margin-top:0!important;}
.site-header + main{padding-top:0!important;}
.portal-logo-wrap{width:64px;height:64px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(20,26,36,.95),rgba(9,13,19,.98));border:1px solid #364458;box-shadow:inset 0 1px rgba(255,255,255,.05),0 10px 24px rgba(0,0,0,.22);overflow:hidden;flex:none}
.portal-logo{max-width:90%;max-height:90%;object-fit:contain;display:block}
.portal-logo-fallback{font-size:1.65rem;color:#ffb000}
.portal-directory-top,.portal-quick-card{align-items:center}
.portal-directory-top{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.hero-card img,.hero-panel img,.login-visual img,.acp-brand img,.brand img,.profile-logo-wrap img{object-fit:contain}
.brand img,.acp-brand img{background:transparent}
.profile-logo-wrap{background:#080b10}


/* logo visibility improvement */
.job-card .portal-logo-wrap,
.portal-directory-card .portal-logo-wrap{
  width:88px!important;
  height:88px!important;
  padding:8px!important;
  border-radius:20px!important;
  margin-bottom:16px;
}
.job-card .portal-logo,
.portal-directory-card .portal-logo{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center center!important;
  display:block;
}
.job-card .portal-logo-fallback,
.portal-directory-card .portal-logo-fallback{
  width:88px!important;
  height:88px!important;
  font-size:2rem!important;
  margin-bottom:16px;
}
.portal-directory-top{align-items:flex-start!important;}
.job-card .portal-badge{display:inline-flex;margin-bottom:14px;}


/* Fraktionen: mehr Luft und Wappen höher */
body.rebuild-public .section{
  padding:88px 0;
}
body.rebuild-public .section.compact{
  padding:58px 0;
}
body.rebuild-public .section-head{
  margin-bottom:46px;
  gap:44px;
}
body.rebuild-public .section-head .lead{
  line-height:1.75;
}
body.rebuild-public .portal-directory-grid{
  gap:34px 32px;
}
body.rebuild-public .grid-3,
body.rebuild-public .grid-4{
  gap:28px;
}
body.rebuild-public .job-card{
  min-height:390px;
  padding:34px;
  gap:32px;
}
body.rebuild-public .job-card > div{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
body.rebuild-public .job-card .portal-logo-wrap{
  transform:translateY(-10px);
  margin-top:-4px;
  margin-bottom:20px;
}
body.rebuild-public .job-card .portal-logo{
  transform:translateY(-2px) scale(1.03);
}
body.rebuild-public .job-card .portal-badge{
  margin-bottom:18px;
}
body.rebuild-public .job-card h3{
  margin-bottom:14px;
  line-height:1.2;
}
body.rebuild-public .job-card p{
  line-height:1.75;
  margin-bottom:0;
}
body.rebuild-public .job-card .btn{
  min-height:54px;
  margin-top:4px;
}
body.rebuild-public .portal-directory-card{
  padding:34px;
  gap:34px;
}
body.rebuild-public .portal-directory-card .portal-directory-top{
  margin-bottom:24px;
}
body.rebuild-public .portal-directory-card h2{
  margin:26px 0 14px;
}
body.rebuild-public .portal-directory-card p{
  line-height:1.72;
}
body.rebuild-public .portal-actions{
  gap:14px;
}
body.rebuild-public .page-hero{
  padding:28px 0 22px!important;
}
body.rebuild-public main > .page-hero + .section{
  padding-top:64px!important;
}
@media(max-width:760px){
  body.rebuild-public .section{padding:64px 0;}
  body.rebuild-public .section-head{margin-bottom:32px;gap:18px;}
  body.rebuild-public .portal-directory-grid{gap:24px;}
  body.rebuild-public .job-card,
  body.rebuild-public .portal-directory-card{padding:26px;min-height:auto;}
  body.rebuild-public .job-card .portal-logo-wrap{transform:translateY(-6px);}
}


/* Team list redesign */
.team-hero{padding:42px 0 30px;position:relative;overflow:hidden}
.team-hero::before{content:"";position:absolute;width:520px;height:520px;right:-220px;top:-300px;border-radius:50%;border:1px solid rgba(255,176,0,.14);box-shadow:0 0 0 70px rgba(255,176,0,.018),0 0 0 140px rgba(255,75,45,.012)}
.team-hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:28px;align-items:center}
.team-hero h1{font-size:clamp(3rem,7vw,5.7rem);line-height:.96;margin:20px 0 18px;letter-spacing:-.055em}
.team-hero h1 span{background:linear-gradient(90deg,#fff,#ffbd18 48%,#ff5a25);-webkit-background-clip:text;background-clip:text;color:transparent}
.team-overview-panel{padding:28px;border:1px solid #2f3c50;border-radius:26px;background:linear-gradient(145deg,rgba(20,27,38,.97),rgba(9,13,20,.99));box-shadow:0 28px 80px rgba(0,0,0,.4),inset 0 1px rgba(255,255,255,.05)}
.team-overview-logo{width:116px;height:116px;margin:0 auto 24px;padding:14px;border-radius:28px;background:#090d13;border:1px solid #3a485f;box-shadow:0 0 35px rgba(255,143,17,.13)}
.team-overview-logo img{width:100%;height:100%;object-fit:contain}
.team-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.team-kpis>div{padding:15px;border-radius:16px;border:1px solid #2d394b;background:rgba(255,255,255,.025);text-align:center}.team-kpis small{display:block;color:#92a1b5;text-transform:uppercase;letter-spacing:.08em;font-size:.68rem}.team-kpis strong{display:block;margin-top:8px;font-size:1.2rem;color:#fff}
.team-section{padding:62px 0}.team-section-soft{background:linear-gradient(90deg,rgba(255,71,46,.026),rgba(255,176,0,.04),rgba(255,71,46,.026));border-block:1px solid rgba(255,255,255,.05)}
.leadership-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:22px}.leader-card{position:relative;padding:26px;border-radius:24px;border:1px solid #303d51;background:linear-gradient(145deg,rgba(20,27,38,.98),rgba(9,13,20,.99));box-shadow:0 20px 55px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.05);overflow:hidden}.leader-card::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--member-accent,#ff5a2e)}.leader-card::after{content:"";position:absolute;width:150px;height:150px;right:-80px;top:-80px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--member-accent,#ff5a2e) 20%,transparent),transparent 70%)}
.role-project-owner{--member-accent:#ff3f37}.role-project-lead{--member-accent:#ff6b26}.role-teamlead{--member-accent:#26d7cb}.role-community{--member-accent:#ff8c25}.role-faction{--member-accent:#ffd21d}.role-developer{--member-accent:#a869ff}.role-support-head{--member-accent:#149447}
.member-avatar{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,var(--member-accent,#ff5a2e),color-mix(in srgb,var(--member-accent,#ff5a2e) 60%,#111));box-shadow:0 12px 30px color-mix(in srgb,var(--member-accent,#ff5a2e) 22%,transparent),inset 0 1px rgba(255,255,255,.3);font-weight:950;font-size:1.2rem;color:#fff;flex:none}.member-status{display:flex;align-items:center;gap:8px;margin:18px 0 8px;color:#99a7b8;font-size:.75rem;font-weight:850;text-transform:uppercase;letter-spacing:.09em}.member-status span{width:8px;height:8px;border-radius:50%;background:var(--member-accent,#ff5a2e);box-shadow:0 0 14px var(--member-accent,#ff5a2e)}.leader-card h2{font-size:2rem;margin-bottom:3px}.leader-card .member-role{color:var(--member-accent,#ff5a2e);font-weight:900;margin-bottom:13px}.leader-card>p:not(.member-role){color:#aeb9c8}.member-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.member-tags span{padding:7px 10px;border-radius:999px;border:1px solid #354257;background:rgba(255,255,255,.025);font-size:.74rem;font-weight:800;color:#ced8e5}
.team-member-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.member-card{--member-accent:#ff8a1a;display:flex;align-items:flex-start;gap:16px;padding:22px;border-radius:22px;border:1px solid #2e3b4f;background:linear-gradient(145deg,rgba(19,26,36,.98),rgba(9,13,20,.99));box-shadow:0 18px 46px rgba(0,0,0,.23);transition:transform .2s ease,border-color .2s ease}.member-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--member-accent) 60%,#2e3b4f)}.member-card-copy h3{font-size:1.35rem;margin:8px 0 6px}.member-card-copy p{margin:0;color:#aab6c6;font-size:.92rem}.team-role-badge{display:inline-flex;padding:6px 9px;border-radius:999px;border:1px solid color-mix(in srgb,var(--member-accent,#ff8a1a) 38%,transparent);background:color-mix(in srgb,var(--member-accent,#ff8a1a) 10%,transparent);color:color-mix(in srgb,var(--member-accent,#ff8a1a) 70%,white);font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em}
.department-heads{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:18px}.department-head{--member-accent:#178f49;display:flex;gap:16px;align-items:center;padding:23px;border-radius:22px;border:1px solid #2f3c4e;background:linear-gradient(145deg,rgba(20,27,37,.98),rgba(9,13,20,.99))}.department-head h3{margin:8px 0 5px}.department-head p{margin:0;color:#a9b5c5}
.support-roster{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.support-member{display:flex;align-items:center;gap:13px;padding:18px;border-radius:18px;border:1px solid #2d394b;background:rgba(255,255,255,.025)}.support-member h3{margin:0 0 3px;font-size:1.05rem}.support-member p{margin:0;color:#8fa0b4;font-size:.86rem}.support-dot{width:10px;height:10px;border-radius:50%;background:#35d56f;box-shadow:0 0 14px rgba(53,213,111,.75)}.support-member.senior .support-dot{background:#1ed86a}.support-member.junior .support-dot{background:#64df91}
.department-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.department-card{--department:#ff7a21;padding:23px;border-radius:22px;border:1px solid #2f3c4e;background:linear-gradient(145deg,rgba(20,27,37,.98),rgba(9,13,20,.99));position:relative;overflow:hidden}.department-card::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--department)}.department-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--department) 16%,transparent);border:1px solid color-mix(in srgb,var(--department) 32%,transparent);color:var(--department);font-weight:950;margin-bottom:16px}.department-card h3{margin-bottom:9px}.department-card p{margin:0;color:#aab5c4}.dept-red{--department:#ff4640}.dept-teal{--department:#28d8c9}.dept-orange{--department:#ff8e26}.dept-yellow{--department:#ffd21c}.dept-purple{--department:#ad6bff}.dept-green{--department:#39d978}
.team-apply-banner{align-items:center}.team-apply-banner h2{margin:15px 0 8px;font-size:clamp(2rem,4vw,3rem)}
@media(max-width:1050px){.team-hero-grid,.leadership-grid{grid-template-columns:1fr}.team-overview-panel{max-width:700px}.team-member-grid,.department-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.team-hero{padding-top:26px}.team-kpis,.team-member-grid,.department-grid,.department-heads,.support-roster{grid-template-columns:1fr}.team-section{padding:44px 0}.leader-card,.member-card,.department-head{padding:19px}.team-overview-panel{padding:20px}.team-apply-banner{align-items:flex-start}}


/* Partner page */
.partner-hero{padding:58px 0 34px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 78% 10%,rgba(255,176,0,.08),transparent 35%)}
.partner-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:center}
.partner-hero h1{margin:18px 0 16px;font-size:clamp(3rem,7vw,5.8rem);line-height:.94;letter-spacing:-.055em}
.partner-hero h1 span{background:linear-gradient(90deg,#ffbf18,#ff7b1c,#ff4935);-webkit-background-clip:text;background-clip:text;color:transparent}
.partner-hero-card{min-height:260px;padding:28px;border-radius:26px;border:1px solid #344157;background:linear-gradient(145deg,rgba(19,26,36,.97),rgba(9,13,20,.99));display:flex;align-items:center;justify-content:center;gap:24px;box-shadow:0 28px 70px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.05)}
.partner-hero-card img{width:145px;height:145px;object-fit:contain;filter:drop-shadow(0 0 24px rgba(255,155,17,.24))}
.partner-hero-card small{display:block;color:#9aa8ba;text-transform:uppercase;letter-spacing:.12em;font-weight:800;font-size:.72rem;margin-bottom:8px}
.partner-hero-card strong{font-size:1.12rem;line-height:1.4}
.partner-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:28px;align-items:start}
.partner-info-panel{position:sticky;top:110px;padding:26px;border-radius:24px;border:1px solid #2d394b;background:linear-gradient(150deg,rgba(18,25,35,.98),rgba(10,14,21,.99));box-shadow:0 22px 58px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.04)}
.partner-info-panel h2{font-size:2rem;margin:18px 0 12px}.partner-info-panel p{color:#aebacc}
.partner-info-points{display:grid;gap:10px;margin-top:22px}.partner-info-points span{padding:12px 14px;border-radius:13px;border:1px solid #2b374a;background:rgba(255,255,255,.025);font-weight:750;color:#dce5f1}
.partner-accordion{display:grid;gap:16px}
.partner-item{border:1px solid #2d394b;border-radius:20px;background:linear-gradient(145deg,rgba(18,25,35,.98),rgba(10,14,21,.99));overflow:hidden;box-shadow:0 16px 42px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.04);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.partner-item:hover{border-color:#4a5a72;transform:translateY(-2px)}
.partner-item.is-open{border-color:#ff9513;box-shadow:0 20px 55px rgba(0,0,0,.34),0 0 24px rgba(255,143,18,.08)}
.partner-toggle{width:100%;display:grid;grid-template-columns:54px minmax(0,1fr) 42px;align-items:center;gap:16px;padding:20px 22px;border:0;background:transparent;color:#fff;text-align:left;cursor:pointer}
.partner-number{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#ff472e,#ffb000);color:#1b0e02;font-weight:950;box-shadow:0 10px 28px rgba(255,95,25,.22)}
.partner-button-copy strong{display:block;font-size:1.1rem;margin-bottom:5px}.partner-button-copy small{color:#94a3b7;font-size:.82rem}
.partner-chevron{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;border:1px solid #3a485d;background:#121924;font-size:1.3rem;font-weight:700;transition:transform .25s ease,background .25s ease,color .25s ease}
.partner-item.is-open .partner-chevron{transform:rotate(45deg);background:linear-gradient(145deg,#ff472e,#ffb000);color:#1d0f02;border-color:transparent}
.partner-dropdown{border-top:1px solid rgba(255,255,255,.06)}
.partner-dropdown-inner{padding:22px 24px 24px;margin-left:70px}.partner-dropdown-inner p{max-width:850px;color:#b7c2d0;line-height:1.75;margin-bottom:18px}
.partner-dropdown-inner a[aria-disabled="true"]{pointer-events:none;opacity:.72}
.home-partner-card{display:flex;align-items:center;justify-content:space-between;gap:26px;padding:30px;border-radius:26px;border:1px solid rgba(255,145,17,.25);background:linear-gradient(120deg,rgba(255,62,46,.1),rgba(255,176,0,.07) 42%,rgba(13,18,26,.98));box-shadow:0 26px 65px rgba(0,0,0,.32)}
.home-partner-card h2{margin:14px 0 10px;font-size:clamp(1.8rem,4vw,2.8rem)}.home-partner-card p{margin:0;color:#b6c1cf;max-width:720px}
.partner-contact-banner h2{margin:14px 0 10px}
@media(max-width:980px){.partner-hero-grid,.partner-layout{grid-template-columns:1fr}.partner-info-panel{position:static}.partner-hero-card{min-height:210px}.home-partner-card{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.partner-hero{padding:34px 0 24px}.partner-hero-card{flex-direction:column;text-align:center}.partner-toggle{grid-template-columns:46px minmax(0,1fr) 36px;padding:16px}.partner-number{width:42px;height:42px}.partner-dropdown-inner{margin-left:0;padding:18px}.home-partner-card{padding:22px}}


/* Real partner list */
.partner-summary-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.partner-summary-row span{padding:9px 13px;border-radius:999px;border:1px solid #2f3c50;background:rgba(255,255,255,.03);color:#dce5f1;font-size:.84rem;font-weight:750}.partner-summary-row strong{color:#ffb313;margin-right:4px}
.partner-logo-showcase{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px!important;align-content:center!important;justify-items:center!important;padding:22px!important}.partner-logo-showcase img{width:100%!important;height:92px!important;max-width:150px;object-fit:contain!important;padding:10px;border-radius:16px;border:1px solid #2d394b;background:rgba(7,10,15,.8);filter:none!important}.partner-logo-showcase img:nth-child(2){grid-column:span 2;max-width:260px}.partner-logo-showcase img:nth-child(4),.partner-logo-showcase img:nth-child(5){height:74px!important}
.partner-toggle{grid-template-columns:82px minmax(0,1fr) 42px!important;padding:18px 22px!important}.partner-logo-button{width:72px;height:72px;border-radius:17px;display:grid;place-items:center;padding:8px;border:1px solid #354359;background:linear-gradient(145deg,#111824,#080c12);overflow:hidden;box-shadow:inset 0 1px rgba(255,255,255,.05),0 10px 24px rgba(0,0,0,.22)}.partner-logo-button img{width:100%;height:100%;object-fit:contain;display:block}.partner-logo-wide{padding:5px}.partner-logo-wide img{width:115%;max-width:none}
.partner-dropdown-inner{margin-left:98px!important;padding:24px 26px 28px!important}.partner-rich-text h3{font-size:1.45rem;margin:0 0 14px}.partner-rich-text h4{font-size:1.08rem;margin:6px 0 8px}.partner-rich-text p{margin:0 0 15px!important}.partner-kicker{display:block;color:#ffb313;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:900;margin-bottom:7px}.partner-product-box{padding:18px;border-radius:17px;border:1px solid #2d394b;background:rgba(255,255,255,.025);margin:18px 0}.partner-column-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}.partner-column-grid .partner-product-box{margin:0}.partner-check-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;margin:18px 0;padding:0;list-style:none}.partner-check-list li{position:relative;padding:11px 12px 11px 38px;border-radius:13px;border:1px solid #293649;background:rgba(255,255,255,.025);color:#d5deeb}.partner-check-list li::before{content:"✓";position:absolute;left:13px;top:10px;color:#ffb313;font-weight:950}.partner-link-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.partner-empty-state{padding:22px;border-radius:17px;border:1px dashed #3a4960;background:rgba(255,255,255,.02)}.partner-empty-state strong{display:block;font-size:1.12rem;margin-bottom:8px}.partner-empty-state p{margin:0!important;color:#9eabbc}
@media(max-width:760px){.partner-logo-showcase{grid-template-columns:repeat(2,minmax(0,1fr))}.partner-logo-showcase img:nth-child(2){grid-column:auto}.partner-toggle{grid-template-columns:62px minmax(0,1fr) 36px!important;padding:14px!important;gap:12px!important}.partner-logo-button{width:58px;height:58px;padding:6px}.partner-dropdown-inner{margin-left:0!important;padding:18px!important}.partner-column-grid,.partner-check-list{grid-template-columns:1fr}.partner-button-copy strong{font-size:1rem}.partner-button-copy small{line-height:1.35}}

.home-partner-logo-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:18px}.home-partner-logo-row img{width:58px;height:48px;object-fit:contain;padding:6px;border-radius:11px;border:1px solid #2d394b;background:#090d13}.home-partner-logo-row img:nth-child(2){width:92px}


/* Partner page without teaser descriptions */
.partner-page .partner-layout{grid-template-columns:minmax(0,1fr)!important;max-width:1100px;margin-inline:auto}
.partner-page .partner-accordion{width:100%}
.partner-page .partner-button-copy small{display:none!important}
.partner-page .partner-toggle{min-height:96px}
.partner-page .partner-hero-grid{align-items:center}

/* =========================================================
   Hauptwebsite V2 – cooler, kompakter, ohne separate Portal-Kategorie
   ========================================================= */
.home-v2 {
  --home-orange: #ff7a18;
  --home-yellow: #ffb800;
  --home-red: #ff4631;
  background:
    radial-gradient(circle at 14% 8%, rgba(255, 77, 42, .10), transparent 25%),
    radial-gradient(circle at 85% 16%, rgba(255, 184, 0, .08), transparent 26%),
    #05070b;
}
.home-v2 .home-header {
  background: rgba(6, 9, 14, .92);
  backdrop-filter: blur(18px);
}
.home-v2 .site-header::after {
  width: 100% !important;
  background: linear-gradient(90deg, var(--home-red), var(--home-orange), var(--home-yellow)) !important;
}
.home-v2 .navbar { min-height: 78px; }
.home-v2 .nav-links { gap: 4px; }
.home-v2 .nav-links a { padding: 10px 12px; }

.home-hero-v2 {
  position: relative;
  overflow: hidden;
  padding: 68px 0 48px;
  border-bottom: 1px solid rgba(255,255,255,.07);
}
.home-hero-v2::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(rgba(255,255,255,.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px);
  background-size: 44px 44px;
  mask-image: linear-gradient(to bottom, #000, transparent 92%);
}
.home-hero-layout {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(390px, .85fr);
  align-items: center;
  gap: 54px;
}
.home-hero-copy { max-width: 800px; }
.home-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #ffc454;
  font-size: .78rem;
  font-weight: 900;
  letter-spacing: .15em;
  text-transform: uppercase;
}
.home-kicker i {
  width: 34px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--home-red), var(--home-yellow));
  box-shadow: 0 0 14px rgba(255,135,20,.55);
}
.home-hero-copy h1 {
  margin: 20px 0 20px;
  max-width: 920px;
  font-size: clamp(3.3rem, 7.4vw, 7rem);
  line-height: .91;
  letter-spacing: -.065em;
}
.home-hero-copy h1 span {
  display: inline-block;
  padding-bottom: .06em;
  color: transparent;
  background: linear-gradient(92deg, #fff 2%, #ffce48 43%, #ff7b1a 72%, #ff4631);
  -webkit-background-clip: text;
  background-clip: text;
}
.home-hero-copy > p {
  max-width: 780px;
  color: #aeb9ca;
  font-size: clamp(1rem, 1.5vw, 1.18rem);
  line-height: 1.75;
}
.home-hero-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 28px;
}
.home-text-link {
  padding: 12px 2px;
  color: #dbe4f2;
  font-weight: 850;
}
.home-text-link b { color: var(--home-yellow); margin-left: 6px; }
.home-trust-row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 20px;
  margin-top: 28px;
  color: #bac5d5;
  font-size: .9rem;
  font-weight: 750;
}
.home-trust-row b { color: #ffb800; margin-right: 5px; }

.home-command-card {
  position: relative;
  min-height: 520px;
  padding: 24px;
  border: 1px solid #344156;
  border-radius: 26px;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 38%, rgba(255, 160, 18, .13), transparent 36%),
    linear-gradient(150deg, rgba(20, 27, 38, .98), rgba(7, 10, 15, .99));
  box-shadow: 0 34px 90px rgba(0,0,0,.48), inset 0 1px rgba(255,255,255,.06);
}
.home-command-card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  background: linear-gradient(130deg, rgba(255,255,255,.05), transparent 25%);
}
.home-command-head,
.home-server-line {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}
.home-command-head small,
.home-command-stats small {
  display: block;
  color: #8592a5;
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.home-command-head strong { display: block; margin-top: 3px; }
.home-live {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 11px;
  border: 1px solid rgba(34,197,94,.28);
  border-radius: 999px;
  color: #b8f7cb;
  background: rgba(34,197,94,.08);
  font-size: .8rem;
  font-weight: 850;
}
.home-live i,
.home-server-line i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #22c55e;
  box-shadow: 0 0 14px #22c55e;
}
.home-emblem-stage {
  position: relative;
  z-index: 1;
  min-height: 310px;
  display: grid;
  place-items: center;
}
.home-emblem-stage img {
  position: relative;
  z-index: 3;
  width: min(54%, 230px);
  filter: drop-shadow(0 26px 42px rgba(0,0,0,.45)) drop-shadow(0 0 24px rgba(255,141,17,.25));
}
.emblem-ring {
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgba(255, 166, 24, .20);
}
.ring-one { width: 260px; height: 260px; }
.ring-two { width: 330px; height: 330px; border-style: dashed; opacity: .55; }
.home-command-stats {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.home-command-stats > div {
  padding: 13px;
  border: 1px solid #2b3749;
  border-radius: 14px;
  background: rgba(255,255,255,.028);
}
.home-command-stats strong { display: block; margin-top: 5px; font-size: .94rem; }
.home-server-line {
  margin-top: 14px;
  padding: 13px 14px;
  border: 1px solid #2b3749;
  border-radius: 14px;
  background: rgba(255,255,255,.025);
}
.home-server-line span { display: flex; align-items: center; gap: 9px; }
.home-server-line > strong { color: #ff7368; }
.home-server-line i { background: #ff5c51; box-shadow: 0 0 14px rgba(255,92,81,.8); }

.home-metrics-section {
  padding: 18px 0;
  border-bottom: 1px solid rgba(255,255,255,.07);
  background: rgba(10,14,21,.75);
}
.home-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 12px;
}
.home-metrics article {
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 90px;
  padding: 15px 18px;
  border: 1px solid #273245;
  border-radius: 16px;
  background: linear-gradient(145deg, rgba(20,27,37,.93), rgba(9,13,19,.96));
}
.home-metrics article > span {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  flex: none;
  border-radius: 12px;
  color: #171006;
  background: linear-gradient(145deg, var(--home-red), var(--home-yellow));
  font-weight: 950;
}
.home-metrics strong,
.home-metrics small { display: block; }
.home-metrics small { margin-top: 4px; color: #8f9caf; line-height: 1.45; }

.home-section-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 32px;
  margin-bottom: 30px;
}
.home-section-heading h2,
.home-experience-copy h2,
.home-final-cta h2 {
  margin: 12px 0 0;
  font-size: clamp(2.1rem, 4vw, 4rem);
  letter-spacing: -.045em;
}
.home-section-heading > p {
  max-width: 620px;
  margin: 0;
  color: #9eabbc;
  font-size: 1.02rem;
}
.home-faction-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 18px;
}
.home-faction-card {
  position: relative;
  min-height: 325px;
  grid-column: span 2;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
  padding: 23px;
  overflow: hidden;
  border: 1px solid #2d394c;
  border-radius: 22px;
  background: linear-gradient(150deg, rgba(20,27,38,.97), rgba(8,12,18,.99));
  box-shadow: 0 20px 52px rgba(0,0,0,.24), inset 0 1px rgba(255,255,255,.04);
  transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease;
}
.home-faction-card:nth-child(4),
.home-faction-card:nth-child(5) { grid-column: span 3; }
.home-faction-card::after {
  content: "";
  position: absolute;
  width: 180px;
  height: 180px;
  right: -80px;
  top: -80px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,176,0,.13), transparent 68%);
}
.home-faction-card:hover {
  transform: translateY(-7px);
  border-color: #56657d;
  box-shadow: 0 28px 66px rgba(0,0,0,.38), 0 0 26px rgba(255,145,17,.07);
}
.home-faction-logo {
  position: relative;
  z-index: 1;
  width: 88px;
  height: 88px;
  display: grid;
  place-items: center;
  padding: 7px;
  border: 1px solid #3a485e;
  border-radius: 20px;
  background: #080c12;
}
.home-faction-logo img { width: 100%; height: 100%; object-fit: contain; }
.home-faction-symbol { font-size: 2.2rem; }
.home-faction-card small {
  color: #ffb51f;
  font-size: .72rem;
  font-weight: 950;
  letter-spacing: .13em;
}
.home-faction-card h3 { margin: 9px 0 8px; font-size: 1.45rem; }
.home-faction-card p { margin: 0; color: #9daabc; }
.home-faction-card > b { color: #f5f7fa; }
.faction-police { box-shadow: inset 0 2px rgba(65,145,255,.32), 0 20px 52px rgba(0,0,0,.24); }
.faction-rd { box-shadow: inset 0 2px rgba(26,207,190,.30), 0 20px 52px rgba(0,0,0,.24); }
.faction-hospital { box-shadow: inset 0 2px rgba(255,194,32,.32), 0 20px 52px rgba(0,0,0,.24); }
.faction-air { box-shadow: inset 0 2px rgba(255,151,34,.32), 0 20px 52px rgba(0,0,0,.24); }
.faction-fire { box-shadow: inset 0 2px rgba(255,78,55,.34), 0 20px 52px rgba(0,0,0,.24); }
.home-centered-action { display: flex; justify-content: center; margin-top: 24px; }

.home-experience-v2 {
  border-block: 1px solid rgba(255,255,255,.07);
  background:
    linear-gradient(90deg, rgba(255,70,42,.04), rgba(255,176,0,.035), rgba(255,70,42,.025)),
    #080c12;
}
.home-experience-layout {
  display: grid;
  grid-template-columns: .88fr 1.12fr;
  gap: 52px;
  align-items: center;
}
.home-experience-copy > p { color: #a8b4c4; font-size: 1.05rem; line-height: 1.72; }
.home-experience-copy .btn { margin-top: 16px; }
.home-feature-stack { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 15px; }
.home-feature-stack article {
  display: flex;
  gap: 14px;
  min-height: 155px;
  padding: 20px;
  border: 1px solid #2b3749;
  border-radius: 20px;
  background: linear-gradient(145deg, rgba(19,26,36,.96), rgba(8,12,18,.98));
}
.home-feature-stack article > span {
  width: 43px;
  height: 43px;
  flex: none;
  display: grid;
  place-items: center;
  border-radius: 13px;
  color: #ffb51c;
  border: 1px solid rgba(255,167,20,.24);
  background: rgba(255,151,18,.08);
  font-size: 1.1rem;
  font-weight: 950;
}
.home-feature-stack h3 { margin: 3px 0 8px; }
.home-feature-stack p { margin: 0; color: #97a5b8; font-size: .94rem; }

.home-community-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 20px;
}
.home-community-card {
  position: relative;
  min-height: 360px;
  padding: 28px;
  border: 1px solid #2d394c;
  border-radius: 24px;
  overflow: hidden;
  background: linear-gradient(145deg, rgba(19,26,36,.98), rgba(8,12,18,.99));
  transition: transform .24s ease, border-color .24s ease;
}
.home-community-card:hover { transform: translateY(-6px); border-color: #56657d; }
.home-community-card > span {
  display: block;
  margin-top: 40px;
  color: #ffb800;
  font-size: .72rem;
  font-weight: 950;
  letter-spacing: .14em;
}
.home-community-card h3 { margin: 10px 0; font-size: 2rem; }
.home-community-card p { max-width: 590px; color: #9daabc; }
.home-community-card > b { display: block; margin-top: 24px; }
.home-community-icon {
  width: 68px;
  height: 68px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,151,18,.28);
  border-radius: 20px;
  color: #171006;
  background: linear-gradient(145deg, #ff4a30, #ffb800);
  font-size: 1.1rem;
  font-weight: 950;
}
.home-partner-logos {
  display: flex;
  align-items: center;
  gap: 12px;
}
.home-partner-logos img {
  width: 70px;
  height: 70px;
  object-fit: contain;
  padding: 8px;
  border: 1px solid #364358;
  border-radius: 18px;
  background: #080c12;
}

.home-final-cta {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  padding: 38px;
  overflow: hidden;
  border: 1px solid rgba(255,143,20,.30);
  border-radius: 28px;
  background:
    radial-gradient(circle at 90% 0, rgba(255,176,0,.14), transparent 36%),
    linear-gradient(120deg, rgba(255,71,47,.12), rgba(255,176,0,.06) 42%, rgba(13,18,26,.98));
}
.home-final-cta::after {
  content: "PR";
  position: absolute;
  right: 4%;
  bottom: -30%;
  color: rgba(255,255,255,.025);
  font-size: 12rem;
  font-weight: 950;
  pointer-events: none;
}
.home-final-cta p { margin: 10px 0 0; color: #b3bdcb; }
.home-final-actions { position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: 12px; }

@media (max-width: 1180px) {
  .home-hero-layout { grid-template-columns: 1fr; }
  .home-command-card { min-height: auto; }
  .home-emblem-stage { min-height: 270px; }
  .home-metrics { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .home-faction-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .home-faction-card,
  .home-faction-card:nth-child(4),
  .home-faction-card:nth-child(5) { grid-column: auto; }
  .home-faction-card:last-child { grid-column: 1 / -1; }
}
@media (max-width: 900px) {
  .home-section-heading,
  .home-final-cta { align-items: flex-start; flex-direction: column; }
  .home-experience-layout,
  .home-community-grid { grid-template-columns: 1fr; }
  .home-header .desktop-cta { display: none; }
}
@media (max-width: 680px) {
  .home-hero-v2 { padding: 42px 0 32px; }
  .home-hero-copy h1 { font-size: clamp(2.75rem, 14vw, 4.4rem); }
  .home-command-card { padding: 18px; border-radius: 20px; }
  .home-command-stats,
  .home-metrics,
  .home-faction-grid,
  .home-feature-stack { grid-template-columns: 1fr; }
  .home-faction-card:last-child { grid-column: auto; }
  .home-metrics article { min-height: 82px; }
  .home-section-heading h2,
  .home-experience-copy h2,
  .home-final-cta h2 { font-size: 2.25rem; }
  .home-community-card,
  .home-final-cta { padding: 22px; }
}


/* UtopiaGaming hoster partner */
.partner-hosting-item{border-color:rgba(67,158,228,.44)!important;background:linear-gradient(145deg,rgba(18,31,48,.98),rgba(8,14,23,.99))!important}
.partner-hosting-item:hover,.partner-hosting-item.is-open{border-color:#48a8ee!important;box-shadow:0 22px 60px rgba(0,0,0,.38),0 0 28px rgba(67,158,228,.11)!important}
.partner-hosting-item .partner-logo-button{border-color:rgba(67,158,228,.5);background:linear-gradient(145deg,#101d2d,#070d15)}
.partner-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:14px}
.partner-title-row h3{margin:0!important}
.partner-role-badge{display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;border:1px solid rgba(67,158,228,.45);background:rgba(67,158,228,.1);color:#7fc6ff;font-size:.75rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.partner-logo-showcase img:first-child{border-color:rgba(67,158,228,.48);background:rgba(6,15,25,.9)}
.home-partner-logos img:first-child{border-color:rgba(67,158,228,.5);background:#07111c}


/* === UNIFIED NAVBAR STYLE === */
.uniform-site-header{
  position:sticky;
  top:0;
  z-index:110;
  background:rgba(6,10,16,.88)!important;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(255,145,17,.12);
}
.uniform-site-header::before{display:none!important}
.uniform-site-header::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:2px;
  width:100%;
  background:linear-gradient(90deg,#ff4a32 0%,#ff8b12 45%,#ffbf18 100%)!important;
  box-shadow:0 0 16px rgba(255,145,17,.45);
}
.uniform-navbar{
  min-height:86px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:24px;
}
.uniform-left{display:flex;align-items:center;gap:14px;min-width:0}
.uniform-site-header .brand{
  display:inline-flex;
  align-items:center;
  gap:14px;
  min-width:0;
}
.uniform-site-header .brand img{
  width:48px;
  height:48px;
  object-fit:contain;
  filter:drop-shadow(0 0 14px rgba(255,176,0,.22));
}
.uniform-site-header .brand span{
  font-size:1rem;
  line-height:1.05;
}
.uniform-site-header .brand span small{
  display:block;
  margin-top:5px;
  font-size:.73rem;
  letter-spacing:.17em;
  text-transform:uppercase;
  color:#ffbc2f;
}
.uniform-site-header .menu-btn{
  display:none;
  width:46px;
  height:46px;
  border-radius:14px;
  border:1px solid rgba(67,84,108,.6);
  background:rgba(12,18,27,.9);
  color:#fff;
  font-size:1.15rem;
}
.uniform-nav{
  justify-self:center;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:6px;
  border-radius:16px;
  border:1px solid rgba(56,71,92,.72);
  background:linear-gradient(180deg,rgba(13,19,28,.96),rgba(8,12,19,.96));
  box-shadow:inset 0 1px rgba(255,255,255,.03),0 16px 40px rgba(0,0,0,.24);
}
.uniform-nav a{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:0 20px;
  border-radius:12px;
  font-weight:800;
  color:#e9eef8;
  transition:background .2s ease,color .2s ease,transform .2s ease;
}
.uniform-nav a:hover{
  background:rgba(255,255,255,.05);
  color:#fff;
  transform:translateY(-1px);
}
.uniform-nav a.active{
  background:rgba(255,255,255,.06);
  color:#fff;
  box-shadow:inset 0 0 0 1px rgba(86,101,126,.45);
}
.uniform-nav a::after{
  content:"";
  position:absolute;
  left:16px;
  right:16px;
  bottom:7px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,#ff4d34,#ffbf18);
  opacity:0;
  transform:scaleX(.35);
  transform-origin:center;
  transition:opacity .2s ease,transform .2s ease;
}
.uniform-nav a.active::after,
.uniform-nav a:hover::after{
  opacity:1;
  transform:scaleX(1);
}
.uniform-discord-btn{
  justify-self:end;
  min-height:52px;
  padding:0 26px;
  border-radius:14px!important;
  font-weight:900;
  box-shadow:0 14px 34px rgba(255,109,22,.22);
  white-space:nowrap;
}
@media (max-width: 1080px){
  .uniform-navbar{grid-template-columns:1fr auto;grid-template-areas:"brand button" "nav nav";gap:14px;min-height:76px;padding-top:12px;padding-bottom:12px}
  .uniform-left{grid-area:brand}
  .uniform-discord-btn{grid-area:button;min-height:46px;padding:0 18px}
  .uniform-site-header .menu-btn{display:grid;place-items:center}
  .uniform-nav{
    grid-area:nav;
    justify-self:stretch;
    display:none;
    flex-direction:column;
    align-items:stretch;
    width:100%;
    padding:12px;
    border-radius:16px;
  }
  .uniform-nav.open{display:flex}
  .uniform-nav a{min-height:44px;padding:0 16px;justify-content:flex-start}
}
@media (max-width: 720px){
  .uniform-navbar{grid-template-columns:1fr;grid-template-areas:"brand" "nav" "button";}
  .uniform-site-header .brand span{font-size:.94rem}
  .uniform-site-header .brand img{width:44px;height:44px}
  .uniform-discord-btn{justify-self:stretch;text-align:center}
}


/* === WEBSITE LOGO + IDENTICAL MAIN HEADER FIX === */
.home-v2 .uniform-site-header,
.home-v2 .home-header{
  background:rgba(6,10,16,.88)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
}
.home-v2 .uniform-navbar{
  min-height:86px!important;
  grid-template-columns:auto 1fr auto!important;
  gap:24px!important;
}
.home-v2 .uniform-nav{
  gap:6px!important;
  padding:6px!important;
}
.home-v2 .uniform-nav a{
  min-height:46px!important;
  padding:0 20px!important;
}
.uniform-site-header .brand img{
  width:50px!important;
  height:50px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 0 15px rgba(255,176,0,.28))!important;
}
@media (max-width:1080px){
  .home-v2 .uniform-navbar{
    grid-template-columns:1fr auto!important;
    grid-template-areas:"brand button" "nav nav"!important;
    gap:14px!important;
    min-height:76px!important;
    padding-top:12px!important;
    padding-bottom:12px!important;
  }
  .home-v2 .uniform-nav{
    display:none!important;
    padding:12px!important;
  }
  .home-v2 .uniform-nav.open{display:flex!important;}
  .home-v2 .uniform-nav a{
    min-height:44px!important;
    padding:0 16px!important;
  }
}
@media (max-width:720px){
  .home-v2 .uniform-navbar{
    grid-template-columns:1fr!important;
    grid-template-areas:"brand" "nav" "button"!important;
  }
}


/* balanced logo spacing in faction cards */
body.rebuild-public .job-card .portal-logo-wrap,
body.rebuild-public .portal-directory-card .portal-logo-wrap{
  width:92px!important;
  height:92px!important;
  padding:10px!important;
  margin-top:0!important;
  margin-bottom:20px!important;
  transform:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
body.rebuild-public .job-card .portal-logo,
body.rebuild-public .portal-directory-card .portal-logo{
  width:auto!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  transform:none!important;
  object-fit:contain!important;
  object-position:center center!important;
}
@media(max-width:760px){
  body.rebuild-public .job-card .portal-logo-wrap,
  body.rebuild-public .portal-directory-card .portal-logo-wrap{
    width:88px!important;
    height:88px!important;
    padding:10px!important;
    margin-top:0!important;
    transform:none!important;
  }
}