/*
 * IndigoTales Easy Mode
 * Klare Einstiege, wenige Entscheidungen und geführte Profil-Schritte.
 */

:root {
  --easy-green: #64d68f;
  --easy-green-dark: #163f29;
  --easy-card: rgba(17, 10, 24, .94);
  --easy-radius: 20px;
}

/* Weniger und besser lesbare Hauptnavigation */
.nav { gap: 8px; }
.nav > a,
.nav-group__trigger {
  min-height: 44px;
  padding-inline: 15px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 650;
  letter-spacing: .055em;
  text-transform: none;
}
.nav-account {
  color: #161006 !important;
  border-color: var(--gold) !important;
  background: linear-gradient(135deg, #b78b47, #efd18d) !important;
}
.nav-dropdown {
  width: 260px;
  padding: 12px;
  border-radius: 16px;
}
.nav-dropdown--right { right: 0; left: auto; transform: translate(0, -8px); }
.nav-group:hover .nav-dropdown--right,
.nav-group:focus-within .nav-dropdown--right,
.nav-group.open .nav-dropdown--right { transform: translate(0, 0); }
.nav-dropdown a {
  min-height: 52px;
  padding: 10px 12px;
  border-radius: 10px;
  font-family: var(--sans);
  font-size: 14px;
  font-weight: 650;
}
.nav-dropdown small {
  margin-bottom: 4px;
  font-size: 10px;
  letter-spacing: .06em;
  text-transform: none;
}
.nav-dropdown .nav-messages span,
.nav-dropdown .nav-notifications span {
  display: inline-grid;
  min-width: 20px;
  height: 20px;
  place-items: center;
  margin-left: 6px;
  padding-inline: 5px;
  color: #130c05;
  background: var(--gold);
  border-radius: 999px;
  font-size: 10px;
  font-weight: 800;
}
.nav-user .nav-group__trigger { max-width: 170px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* Gemeinsame, leicht erfassbare Überschriften und Schritte */
.easy-section-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 520px);
  gap: 30px;
  align-items: end;
  margin-bottom: 30px;
}
.easy-section-heading h2 {
  margin: .08em 0 0;
  font-size: clamp(36px, 5vw, 62px);
  line-height: 1.05;
}
.easy-section-heading > p {
  margin: 0;
  color: #d0c6d2;
  font-size: 16px;
  line-height: 1.7;
}
.easy-step-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: none;
}
.easy-step-list > li {
  min-width: 0;
  padding: 24px;
  border: 1px solid rgba(211, 174, 104, .26);
  border-radius: var(--easy-radius);
  background: linear-gradient(145deg, rgba(27, 16, 36, .94), rgba(8, 5, 12, .96));
}
.easy-step-list > li > span {
  display: grid;
  width: 46px;
  height: 46px;
  place-items: center;
  margin-bottom: 18px;
  color: #1b1005;
  background: var(--gold-light);
  border-radius: 50%;
  font-size: 18px;
  font-weight: 850;
}
.easy-step-list h3 { margin: 0 0 8px; font-size: 24px; }
.easy-step-list p { margin: 0; color: #c9becb; font-size: 14px; line-height: 1.65; }
.easy-guide-action {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-top: 22px;
  padding: 22px 24px;
  border: 1px solid rgba(211, 174, 104, .3);
  border-radius: var(--easy-radius);
  background: rgba(211, 174, 104, .075);
}
.easy-guide-action > div { display: grid; gap: 3px; }
.easy-guide-action strong { color: var(--gold-light); font-size: 18px; }
.easy-guide-action span { color: #c9becb; }
.easy-guide-action .button { flex: 0 0 auto; }

/* Startseite: eine feste Frage anstelle einer wechselnden Bühne */
.easy-home-hero {
  position: relative;
  min-height: max(760px, 100svh);
  display: flex;
  align-items: center;
  overflow: hidden;
  isolation: isolate;
}
.easy-home-hero__image,
.easy-home-hero__veil { position: absolute; inset: 0; width: 100%; height: 100%; }
.easy-home-hero__image { z-index: -2; object-fit: cover; object-position: center; filter: saturate(.78); }
.easy-home-hero__veil {
  z-index: -1;
  background: linear-gradient(90deg, rgba(4, 2, 8, .97) 0%, rgba(4, 2, 8, .8) 55%, rgba(4, 2, 8, .45)), linear-gradient(0deg, #05030a, transparent 42%);
}
.easy-home-hero__content { padding: 130px 0 90px; }
.easy-home-hero h1 {
  max-width: 900px;
  margin: 0;
  font-size: clamp(52px, 7.2vw, 100px);
  line-height: .96;
  letter-spacing: -.035em;
}
.easy-home-hero__lead {
  max-width: 720px;
  margin: 24px 0 0;
  color: #ded4df;
  font-size: clamp(17px, 1.6vw, 21px);
  line-height: 1.65;
}
.easy-choice-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  max-width: 1120px;
  margin-top: 34px;
}
.easy-choice-grid a {
  display: grid;
  min-height: 150px;
  align-content: start;
  gap: 5px;
  padding: 20px;
  color: var(--ivory);
  text-decoration: none;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 18px;
  background: rgba(9, 5, 14, .78);
  backdrop-filter: blur(14px);
  transition: transform .2s ease, border-color .2s ease, background .2s ease;
}
.easy-choice-grid a:hover { transform: translateY(-4px); border-color: var(--gold); background: rgba(31, 18, 40, .94); }
.easy-choice-grid a > span { margin-bottom: 8px; font-size: 30px; line-height: 1; }
.easy-choice-grid strong { font-size: 17px; }
.easy-choice-grid small { color: #c8bdca; font-size: 13px; line-height: 1.45; }
.easy-home-hero__account {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
  align-items: center;
  margin-top: 22px;
  color: #c8bdca;
}
.easy-home-hero__account a { color: var(--gold-light); font-weight: 750; text-decoration: none; }
.easy-start-guide { padding: 105px 0 120px; scroll-margin-top: 90px; }

/* Mitmachen-Seite */
.easy-community-hero {
  min-height: 610px;
  display: flex;
  align-items: end;
  background: linear-gradient(90deg, rgba(5, 3, 10, .96), rgba(5, 3, 10, .58)), url('../assets/backgrounds/bg-3.png') center/cover;
}
.easy-community-hero .content-shell { padding: 170px 0 90px; }
.easy-community-hero h1 { margin: 0; font-size: clamp(58px, 9vw, 118px); line-height: .9; letter-spacing: -.04em; }
.easy-community-hero .content-shell > p:last-child { max-width: 680px; color: #d1c6d3; font-size: 19px; }
.easy-community-paths { padding: 105px 0; }
.easy-path-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.easy-path-grid > a {
  position: relative;
  display: flex;
  min-height: 320px;
  flex-direction: column;
  padding: 28px;
  color: var(--ivory);
  text-decoration: none;
  border: 2px solid rgba(255, 255, 255, .12);
  border-radius: var(--easy-radius);
  background: var(--easy-card);
  transition: transform .2s ease, border-color .2s ease;
}
.easy-path-grid > a:hover { transform: translateY(-4px); border-color: var(--gold); }
.easy-path-grid > a.is-recommended { border-color: rgba(211, 174, 104, .7); background: linear-gradient(145deg, rgba(52, 33, 31, .95), rgba(10, 6, 15, .98)); }
.easy-path-grid > a > span { font-size: 36px; }
.easy-path-grid small { margin: 18px 0 3px; color: var(--gold); font-size: 11px; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.easy-path-grid h3 { margin: 0 0 10px; font-size: 30px; line-height: 1.15; }
.easy-path-grid p { margin: 0; color: #c9becb; line-height: 1.65; }
.easy-path-grid b { margin-top: auto; padding-top: 24px; color: var(--gold-light); font-size: 14px; }
.easy-join-guide { padding: 105px 0; background: linear-gradient(180deg, rgba(33, 19, 43, .55), rgba(7, 4, 11, .9)); border-block: 1px solid rgba(211, 174, 104, .18); scroll-margin-top: 80px; }
.easy-step-list--vertical { grid-template-columns: 1fr; max-width: 900px; }
.easy-step-list--vertical > li { display: grid; grid-template-columns: 58px minmax(0, 1fr); gap: 20px; padding: 22px 24px; }
.easy-step-list--vertical > li > span { margin: 0; }
.easy-step-list--vertical h3 { font-size: 25px; }
.easy-step-list--vertical .is-whatsapp { border-color: rgba(100, 214, 143, .55); background: linear-gradient(120deg, rgba(26, 92, 53, .27), rgba(10, 7, 14, .96)); }
.easy-step-list--vertical .is-whatsapp > span { color: #07170d; background: var(--easy-green); }
.easy-community-more { padding: 105px 0 125px; }
.easy-small-link-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 12px; }
.easy-small-link-grid a { display: grid; gap: 5px; padding: 20px; color: var(--ivory); text-decoration: none; border: 1px solid rgba(211, 174, 104, .22); border-radius: 15px; background: rgba(255, 255, 255, .03); }
.easy-small-link-grid a:hover { border-color: var(--gold); }
.easy-small-link-grid strong { color: var(--gold-light); font-size: 17px; }
.easy-small-link-grid span { color: #c2b7c4; font-size: 13px; }

/* Anmelden und Registrieren: von oben nach unten statt Fachsprache */
.auth-card { max-width: 760px; }
.auth-card .auth-intro { color: #d4c9d6; font-size: 16px; line-height: 1.7; }
.auth-card label > strong { display: block; color: var(--ivory); font-size: 14px; }
.auth-card label > small { display: block; margin: 3px 0 8px; color: #bfb4c1; font-size: 12px; line-height: 1.5; }
.auth-card input { min-height: 50px; border-radius: 10px; font-size: 16px; }
.auth-easy-step { display: flex; align-items: center; gap: 12px; margin: 25px 0 4px; padding-top: 22px; border-top: 1px solid rgba(255, 255, 255, .1); }
.auth-easy-step > span { display: grid; flex: 0 0 auto; width: 38px; height: 38px; place-items: center; color: #1a1006; background: var(--gold-light); border-radius: 50%; font-weight: 850; }
.auth-easy-step > strong { color: var(--ivory); font-size: 18px; }
.account-type-picker legend { font-size: 14px; }
.account-type-picker > p { color: #d2c7d4; font-size: 13px; line-height: 1.6; }
.application-target-picker > div:first-of-type { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.application-target-picker > div[hidden] { display: none !important; }
.application-target-picker label { min-height: 108px; padding: 16px; }
.application-target-picker label > span { display: grid; grid-template-columns: 36px minmax(0, 1fr); column-gap: 10px; }
.application-target-picker label > span > b { grid-row: 1 / 3; font-size: 25px; line-height: 1.2; }
.application-target-picker label > span > small { grid-column: 2; }
.application-target-picker .directory-consent {
  margin-top: 14px;
  padding: 5px;
  border: 2px solid rgba(100, 214, 143, .52);
  border-radius: 15px;
  background: rgba(32, 111, 64, .17);
}
.application-target-picker .directory-consent label { min-height: 0; border: 0; background: transparent; }
.application-target-picker .directory-consent label:has(input:checked) { background: rgba(100, 214, 143, .1); }
.application-target-picker .directory-consent strong { color: #b8f1cb; }
.application-target-picker .oblivion-direct-note { display: block; grid-column: 2; margin-top: 7px; color: var(--gold-light); font-size: 12px; font-style: normal; font-weight: 800; line-height: 1.45; }
.registration-application { display: grid; gap: 18px; margin-top: 22px; padding: clamp(18px, 3vw, 28px); border: 2px solid rgba(211, 174, 104, .38); border-radius: 20px; background: linear-gradient(145deg, rgba(44, 27, 54, .78), rgba(11, 7, 15, .94)); }
.registration-application[hidden], .registration-application [hidden] { display: none !important; }
.registration-application .auth-easy-step { margin: 0; padding: 0; border: 0; }
.registration-application__intro { display: grid; gap: 5px; padding: 14px 16px; border-left: 4px solid var(--easy-green); border-radius: 10px; background: rgba(100, 214, 143, .08); }
.registration-application__intro strong { color: #c9f4d7; font-size: 16px; }
.registration-application__intro span { color: #c3b9c5; font-size: 13px; line-height: 1.55; }
.registration-application__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.registration-application__grid > label { min-width: 0; }
.registration-application__grid input,
.registration-application__grid select,
.registration-application__grid textarea,
.registration-application__extra input { width: 100%; }
.registration-application__grid textarea { min-height: 120px; resize: vertical; }
.registration-application__wide { grid-column: 1 / -1; }
.registration-application__extra { min-width: 0; margin: 0; padding: 18px; border: 1px solid rgba(211, 174, 104, .28); border-radius: 15px; background: rgba(0, 0, 0, .2); }
.registration-application__extra legend { padding: 0 8px; color: var(--gold-light); font-size: 16px; font-weight: 850; }
.registration-application__extra > label { display: block; }
.registration-application__extra > p { margin: 10px 0 0; color: #c3b9c5; font-size: 13px; line-height: 1.55; }
.registration-application__oblivion { border-color: rgba(211, 174, 104, .48); background: rgba(211, 174, 104, .075); }

.oblivion-casting-guide { display: grid; grid-template-columns: 52px minmax(0, 1fr); gap: 15px; align-items: center; margin: 18px 0 8px; padding: 16px 18px; border: 1px solid rgba(211, 174, 104, .34); border-radius: 15px; background: rgba(211, 174, 104, .08); }
.oblivion-casting-guide > span { display: grid; width: 52px; height: 52px; place-items: center; border-radius: 50%; background: rgba(211, 174, 104, .15); font-size: 25px; }
.oblivion-casting-guide strong { color: var(--gold-light); }
.oblivion-casting-guide p { margin: 5px 0 0; color: var(--muted); line-height: 1.55; }
.role-application-filters { grid-template-columns: repeat(3, minmax(170px, 1fr)); padding: 17px; border: 1px solid rgba(255, 255, 255, .08); border-radius: 16px; background: rgba(0, 0, 0, .18); }
.role-application-filters .button { min-height: 46px; justify-content: center; }
.casting-catalog{display:grid;gap:18px;margin:0 0 24px;padding:clamp(18px,3vw,28px);border:1px solid rgba(211,174,104,.22);border-radius:22px;background:linear-gradient(145deg,rgba(31,19,39,.95),rgba(8,5,12,.98))}.casting-catalog>header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.casting-catalog>header h2,.casting-catalog>header p{margin:.2rem 0}.casting-catalog>header p{color:var(--muted)}.casting-catalog__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.casting-catalog-card{display:grid;grid-template-columns:42px minmax(0,1fr);gap:5px 12px;align-items:start;padding:16px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(0,0,0,.22);color:inherit;text-decoration:none;transition:.2s ease}.casting-catalog-card:hover,.casting-catalog-card.is-active{transform:translateY(-2px);border-color:var(--gold-light);background:rgba(211,174,104,.08)}.casting-catalog-card>span{grid-row:1/5;display:grid;width:42px;height:42px;place-items:center;border-radius:13px;background:rgba(211,174,104,.12);color:var(--gold-light);font-weight:900}.casting-catalog-card small,.casting-catalog-card p,.casting-catalog-card b{grid-column:2;margin:0}.casting-catalog-card small{color:var(--gold-light);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.casting-catalog-card h3{grid-column:2;margin:0;font-size:21px}.casting-catalog-card p{color:#aaa0ac;font-size:12px;line-height:1.5}.casting-catalog-card b{color:var(--gold-light);font-size:11px}.project-casting-card.is-deleted{opacity:.72;border-style:dashed}
.casting-city-list { display: grid; gap: 28px; }
.casting-city-group { display: grid; gap: 18px; padding: clamp(16px, 2.5vw, 25px); border: 1px solid rgba(211, 174, 104, .2); border-radius: 20px; background: rgba(255, 255, 255, .025); }
.casting-city-group > header { display: grid; grid-template-columns: 48px minmax(0, 1fr) auto; gap: 13px; align-items: center; padding-bottom: 15px; border-bottom: 1px solid rgba(211, 174, 104, .18); }
.casting-city-group > header > span { display: grid; width: 48px; height: 48px; place-items: center; border-radius: 14px; background: rgba(211, 174, 104, .12); font-size: 22px; }
.casting-city-group > header p,.casting-city-group > header h3 { margin: 0; }
.casting-city-group > header h3 { font-size: clamp(26px, 4vw, 40px); }
.casting-city-group > header > strong { color: var(--gold-light); font-size: 12px; }
.casting-importance-group { display: grid; gap: 12px; }
.casting-importance-group > h4 { margin: 0; color: var(--gold-light); font-size: 19px; }
.casting-importance-group > h4 small { margin-left: 6px; color: var(--muted); font: 600 11px/1.4 var(--sans); }
.casting-role-badges { display: flex; flex-wrap: wrap; gap: 7px; padding: 0 22px 14px; }
.casting-role-badges span { padding: 5px 9px; border: 1px solid rgba(211, 174, 104, .24); border-radius: 999px; color: var(--gold-light); background: rgba(211, 174, 104, .07); font-size: 11px; font-weight: 800; }
.casting-role-locations { margin: 0 0 12px; color: var(--muted); font-size: 12px; line-height: 1.5; }
.casting-role-briefing { border: 1px solid rgba(211, 174, 104, .18); border-radius: 13px; background: rgba(211, 174, 104, .045); overflow: hidden; }
.casting-role-briefing > summary { padding: 12px 14px; color: var(--gold-light); font-size: 12px; font-weight: 800; cursor: pointer; }
.casting-role-briefing > div { padding: 0 14px 14px; }
.casting-application-progress { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.casting-application-progress > span { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 8px; align-items: center; min-width: 0; padding: 9px; border: 1px solid rgba(255, 255, 255, .08); border-radius: 11px; color: var(--muted); background: rgba(255, 255, 255, .025); }
.casting-application-progress b { display: grid; width: 30px; height: 30px; place-items: center; border: 1px solid rgba(211, 174, 104, .28); border-radius: 50%; color: var(--gold-light); }
.casting-application-progress small { font-size: 10px; line-height: 1.3; }
.casting-application-progress .is-done { border-color: rgba(100, 214, 143, .25); }
.casting-application-progress .is-done b { color: #07170d; border-color: var(--easy-green); background: var(--easy-green); }
.casting-application-progress .is-current { border-color: rgba(211, 174, 104, .45); background: rgba(211, 174, 104, .08); }
.casting-application-message { margin: 0; padding: 11px 13px; border-left: 3px solid var(--gold); color: var(--muted); background: rgba(211, 174, 104, .055); font-size: 12px; }

/* Nachrichten: echte Mitgliederliste mit leicht verständlicher Suche */
.message-recipient-picker { max-height: 390px; }
.message-recipient-picker .message-recipient-search {
  position: sticky;
  z-index: 2;
  top: -14px;
  display: block;
  padding: 10px 0 12px;
  border: 0;
  background: #100a15;
  cursor: text;
}
.message-recipient-picker .message-recipient-search:hover { border-color: transparent; background: #100a15; }
.message-recipient-picker .message-recipient-search input {
  width: 100%;
  height: 44px;
  margin: 5px 0 0;
  padding: 0 12px;
  border-radius: 9px;
}
.message-recipient-picker > p { margin: 0 0 8px; color: #c9becb; font-size: 12px; }
.message-recipient-picker [data-recipient-entry] { min-height: 54px; border-radius: 9px; }
.message-recipient-picker [data-recipient-entry][hidden] { display: none !important; }
.message-recipient-picker [data-recipient-entry] strong { font-size: 13px; }
.message-recipient-picker [data-recipient-entry] small { margin-top: 2px; font-size: 11px; }

/* Profil: klare Aufgaben und sichtbarer WhatsApp-Weg */
.profile-actions { align-items: flex-end; }
.profile-hero h1 { text-transform: none; letter-spacing: -.025em; }
.profile-actions > p { flex: 1 0 100%; margin: 0; color: #d1c5d3; font-size: 15px; line-height: 1.65; }
.application-status-guide { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 18px 0 30px; }
.application-status-guide > div { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 3px 11px; align-items: center; padding: 16px; border: 1px solid rgba(255, 255, 255, .11); border-radius: 14px; background: rgba(255, 255, 255, .025); }
.application-status-guide > div > span { grid-row: 1 / 3; display: grid; width: 38px; height: 38px; place-items: center; color: #171007; background: #b8adbb; border-radius: 50%; font-weight: 900; }
.application-status-guide strong { color: var(--ivory); font-size: 14px; }
.application-status-guide small { color: #c5bac7; line-height: 1.45; }
.application-status-guide .is-current { border-color: rgba(211, 174, 104, .62); background: rgba(211, 174, 104, .1); }
.application-status-guide .is-current > span { background: var(--gold-light); }
.application-status-guide--warning { grid-template-columns: 1fr; }
.application-status-guide--warning > div { border-color: rgba(231, 164, 74, .5); background: rgba(231, 164, 74, .08); }
.profile-overview { scroll-margin-top: 90px; }
.profile-overview-card--whatsapp { border-color: rgba(100, 214, 143, .45); background: linear-gradient(145deg, rgba(23, 82, 47, .32), rgba(7, 5, 11, .97)); }
.profile-overview-card--whatsapp > span { color: #07170d; border-color: var(--easy-green); background: var(--easy-green); }
.profile-overview-card--whatsapp small,
.profile-overview-card--whatsapp b { color: #9be8b7; }
.profile-overview-card--oblivion { border-color: rgba(211, 174, 104, .52); background: linear-gradient(145deg, rgba(85, 53, 24, .34), rgba(7, 5, 11, .97)); }
.profile-overview-card--oblivion > span { border-color: var(--gold); background: rgba(211, 174, 104, .14); }
.profile-whatsapp-guide {
  margin: 25px 0 36px;
  padding: clamp(25px, 4vw, 42px);
  border: 2px solid rgba(100, 214, 143, .5);
  border-radius: 22px;
  background: radial-gradient(circle at 90% 10%, rgba(100, 214, 143, .13), transparent 35%), linear-gradient(130deg, rgba(19, 75, 42, .35), rgba(8, 5, 12, .98));
  scroll-margin-top: 95px;
}
.profile-whatsapp-guide__heading { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 22px; align-items: start; }
.profile-whatsapp-guide__heading > span { display: grid; width: 64px; height: 64px; place-items: center; color: #07170d; background: var(--easy-green); border-radius: 50%; font-size: 29px; font-weight: 900; }
.profile-whatsapp-guide h2 { margin: .1em 0; font-size: clamp(31px, 4vw, 48px); line-height: 1.05; }
.profile-whatsapp-guide__heading p:last-child { margin: 7px 0 0; color: #c9d8ce; }
.profile-whatsapp-guide ol { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 28px 0; padding: 0; list-style: none; }
.profile-whatsapp-guide li { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 11px; align-items: center; min-height: 92px; padding: 15px; border: 1px solid rgba(100, 214, 143, .25); border-radius: 14px; background: rgba(6, 17, 10, .42); }
.profile-whatsapp-guide li > span { display: grid; width: 38px; height: 38px; place-items: center; color: #07170d; background: #a5eabc; border-radius: 50%; font-weight: 850; }
.profile-whatsapp-guide li p { margin: 0; color: #e0e9e3; font-size: 13px; line-height: 1.5; }
.profile-whatsapp-guide__button { color: #06160c !important; border-color: var(--easy-green) !important; background: linear-gradient(135deg, #52c87d, #a0ebba) !important; font-size: 12px; }
.profile-whatsapp-guide > small { display: block; margin-top: 13px; color: #b8cbbf; }
.profile-whatsapp-guide > small a { color: #a5eabc; }

/* Profilformular: nur ein Schritt auf einmal */
.creator-studio__layout { grid-template-columns: 1fr; }
.creator-workbench { margin-top: 12px; }
.creator-lifecycle-details { margin-bottom: 20px; padding: 0; }
.creator-lifecycle-details > summary { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 14px; align-items: center; padding: 17px 20px; cursor: pointer; list-style: none; }
.creator-lifecycle-details > summary::-webkit-details-marker { display: none; }
.creator-lifecycle-details > summary > span:first-child { display: grid; width: 44px; height: 44px; place-items: center; border: 1px solid rgba(255, 255, 255, .14); border-radius: 50%; }
.creator-lifecycle-details > summary > span:last-child { display: grid; }
.creator-lifecycle-details > summary strong { font-size: 16px; }
.creator-lifecycle-details > summary small { color: #baafbc; font-size: 12px; }
.creator-lifecycle-details__body { padding: 0 22px 22px; border-top: 1px solid rgba(255, 255, 255, .08); }
.profile-wizard-nav { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.profile-wizard-nav button { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 8px; align-items: center; min-width: 0; min-height: 56px; padding: 9px; color: #c8bdca; text-align: left; border: 2px solid rgba(255, 255, 255, .11); border-radius: 12px; background: rgba(255, 255, 255, .025); cursor: pointer; }
.profile-wizard-nav button:hover { border-color: rgba(211, 174, 104, .5); }
.profile-wizard-nav button.is-active { color: #1a1007; border-color: var(--gold-light); background: linear-gradient(135deg, #b98943, #efd18d); }
.profile-wizard-nav button > span { display: grid; width: 34px; height: 34px; place-items: center; color: inherit; border: 1px solid currentColor; border-radius: 50%; font-weight: 850; }
.profile-wizard-nav strong { min-width: 0; overflow-wrap: anywhere; font-size: 12px; }
.profile-wizard-status { margin: 0; color: var(--gold-light); font-size: 12px; font-weight: 750; }
.profile-wizard-step { display: grid; gap: 22px; padding-top: 3px; scroll-margin-top: 160px; }
.profile-wizard-step[hidden] { display: none !important; }
.profile-wizard-step__heading { padding: 18px 20px; border-left: 4px solid var(--gold); border-radius: 0 14px 14px 0; background: rgba(211, 174, 104, .08); }
.profile-wizard-step__heading > span { color: var(--gold); font-size: 11px; font-weight: 800; }
.profile-wizard-step__heading h4 { margin: 2px 0 3px; color: var(--ivory); font: 500 28px/1.15 var(--serif); }
.profile-wizard-step__heading p { margin: 0; color: #d0c5d2; font-size: 13px; }
.profile-wizard-actions { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-top: 5px; border-top: 1px solid rgba(255, 255, 255, .07); }
.profile-wizard-actions--last > span { color: #c3b8c6; font-size: 12px; }

/* Dashboard: vier wichtige Karten, der Rest bleibt eingeklappt */
.dashboard-priority { padding: 24px; border: 1px solid rgba(211, 174, 104, .28); border-radius: 22px; background: rgba(211, 174, 104, .045); }
.dashboard-priority__heading { display: flex; align-items: center; gap: 14px; margin-bottom: 20px; }
.dashboard-priority__heading > span { display: grid; width: 44px; height: 44px; place-items: center; color: #180f06; background: var(--gold-light); border-radius: 50%; font-weight: 900; }
.dashboard-priority__heading small { color: var(--gold); font-weight: 750; }
.dashboard-priority__heading h2 { margin: 0; font-size: clamp(28px, 4vw, 42px); }
.dashboard-more { margin-top: 22px; border: 1px solid rgba(255, 255, 255, .12); border-radius: 18px; background: rgba(255, 255, 255, .025); }
.dashboard-more > summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 20px 24px; cursor: pointer; list-style: none; }
.dashboard-more > summary::-webkit-details-marker { display: none; }
.dashboard-more > summary > span { display: grid; }
.dashboard-more > summary small { color: #bfb4c1; }
.dashboard-more > summary strong { color: var(--ivory); font-size: 20px; }
.dashboard-more > summary b { color: var(--gold-light); }
.dashboard-more__grid { padding: 0 22px 22px; }
.dashboard-help-note { display: flex; align-items: center; gap: 13px; margin-top: 22px; padding: 17px 20px; border: 1px solid rgba(155, 77, 255, .3); border-radius: 16px; background: rgba(155, 77, 255, .07); }
.dashboard-help-note > span { display: grid; flex: 0 0 auto; width: 38px; height: 38px; place-items: center; color: var(--gold-light); border: 1px solid var(--gold); border-radius: 50%; font-weight: 900; }
.dashboard-help-note p { margin: 0; color: #d0c5d2; }
.dashboard-help-note a { color: var(--gold-light); }

/* Startseite: vier starke Einstiege statt versteckter Nebenpfade */
.home-missions { padding: clamp(78px, 9vw, 126px) 0; }
.home-mission-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.home-mission-card {
  position: relative;
  isolation: isolate;
  display: flex;
  min-height: 430px;
  overflow: hidden;
  border: 1px solid rgba(211, 174, 104, .25);
  border-radius: 24px;
  background: #0b0710;
  box-shadow: 0 28px 85px rgba(0, 0, 0, .34);
  transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease;
}
.home-mission-card:hover { transform: translateY(-6px); border-color: rgba(239, 209, 141, .66); box-shadow: 0 34px 100px rgba(74, 28, 104, .34); }
.home-mission-card > img { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; filter: saturate(.84) contrast(1.08) brightness(.64); transition: transform .65s ease, filter .4s ease; }
.home-mission-card:hover > img { transform: scale(1.035); filter: saturate(.98) contrast(1.08) brightness(.7); }
.home-mission-card::after { content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: linear-gradient(180deg, rgba(4, 2, 8, .06) 5%, rgba(4, 2, 8, .9) 72%, #050308 100%); }
.home-mission-card__copy { position: relative; z-index: 2; align-self: flex-end; width: 100%; padding: clamp(27px, 4vw, 48px); }
.home-mission-card__topline { display: flex; align-items: center; gap: 12px; margin-bottom: 18px; }
.home-mission-card__number { color: rgba(239, 209, 141, .72); font: 500 20px/1 var(--serif); }
.home-mission-card__badge { display: inline-flex; padding: 8px 12px; color: #171006; border: 1px solid rgba(255, 255, 255, .22); border-radius: 999px; background: linear-gradient(135deg, #c9974c, #f2d998); box-shadow: 0 8px 30px rgba(216, 169, 77, .25); font-size: 9px; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.home-mission-card .kicker { margin-bottom: 8px; }
.home-mission-card h3 { max-width: 760px; margin: 0 0 14px; color: #fff9ee; font: 500 clamp(31px, 3.6vw, 49px)/1.02 var(--serif); text-wrap: balance; }
.home-mission-card__copy > p:not(.kicker) { max-width: 640px; margin: 0 0 25px; color: #ddd3df; font-size: 14px; line-height: 1.7; }
.home-mission-card .button { position: relative; z-index: 3; }
.home-mission-card__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 17px; }
.home-mission-card__text-link { color: var(--gold-light); font-size: 11px; font-weight: 750; text-decoration: none; }
.home-mission-card__text-link:hover { color: #fff1c5; }
.home-mission-card--lead { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(350px, .72fr) minmax(0, 1.28fr); min-height: 650px; background: radial-gradient(circle at 82% 24%, rgba(121, 48, 164, .18), transparent 36%), linear-gradient(145deg, #130b19, #050308); }
.home-mission-card--lead::after { z-index: 0; background: linear-gradient(90deg, transparent 34%, rgba(5, 3, 8, .2) 45%, rgba(5, 3, 8, .82) 100%); }
.home-mission-card__poster { position: relative; z-index: 1; min-width: 0; height: 100%; margin: 0; overflow: hidden; border-right: 1px solid rgba(211, 174, 104, .24); background: #030204; }
.home-mission-card__poster img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center top; transition: transform .65s ease, filter .4s ease; }
.home-mission-card--lead:hover .home-mission-card__poster img { transform: scale(1.015); filter: saturate(1.05); }
.home-mission-card--lead .home-mission-card__copy { align-self: center; max-width: 760px; padding: clamp(38px, 5vw, 68px); }
.home-mission-card--lead h3 { font-size: clamp(43px, 5.4vw, 72px); }
.home-mission-card__stat { display: flex; align-items: center; gap: 14px; width: fit-content; margin: 6px 0 26px; padding: 12px 16px 12px 0; border-top: 1px solid rgba(211, 174, 104, .32); border-bottom: 1px solid rgba(211, 174, 104, .32); }
.home-mission-card__stat strong { color: var(--gold-light); font: 500 45px/1 var(--serif); }
.home-mission-card__stat span { color: #cfc3d1; font-size: 10px; font-weight: 750; letter-spacing: .11em; line-height: 1.35; text-transform: uppercase; }
.home-mission-card--game::after { background: linear-gradient(180deg, rgba(4, 2, 8, .12), rgba(4, 2, 8, .93) 70%, #050308); }
.home-mission-card--video { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr); min-height: 380px; background: linear-gradient(135deg, #0d0714, #050308); }
.home-mission-card--video::after { display: none; }
.home-mission-card__video { min-height: 380px; overflow: hidden; background: #030204; }
.home-mission-card__video > img { width: 100%; height: 100%; object-fit: cover; }
.home-mission-card__video .third-party-embed { min-height: 100%; height: 100%; background: radial-gradient(circle at 50% 40%, rgba(138, 57, 201, .28), transparent 58%), #050307; }
.home-mission-card__video iframe { display: block; width: 100%; height: 100%; min-height: 380px; border: 0; }
.home-mission-card--video .home-mission-card__copy { align-self: center; }
.home-mission-card--video h3 { font-size: clamp(31px, 4vw, 48px); }
.home-mission-card--game,.home-mission-card--b2b { min-height: 500px; }
.home-mission-card--b2b::before { content: 'STUDIO'; position: absolute; top: 24px; right: 28px; z-index: 1; color: rgba(255, 255, 255, .45); font: 700 10px/1 var(--sans); letter-spacing: .35em; }

@media (max-width: 1120px) {
  .nav > a,
  .nav-group__trigger { padding-inline: 10px; font-size: 11px; }
  .easy-choice-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 780px; }
  .easy-choice-grid a { min-height: 126px; }
}

@media (max-width: 980px) {
  .nav { max-height: calc(100dvh - 70px); overflow-y: auto; overscroll-behavior: contain; }
  .nav > a,
  .nav-group__trigger { border-radius: 0; font-size: 15px; }
  .nav-user .nav-group__trigger { max-width: none; }
  .nav-account { margin-top: 8px; padding-inline: 14px !important; border-radius: 12px !important; text-align: center !important; }
  .nav-dropdown,
  .nav-dropdown--right { width: 100%; transform: none; }
  .nav-dropdown a { min-height: 48px; }
  .easy-step-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .easy-path-grid { grid-template-columns: 1fr; }
  .easy-path-grid > a { min-height: 240px; }
  .profile-whatsapp-guide ol { grid-template-columns: 1fr; }
  .application-status-guide { grid-template-columns: 1fr; }
  .role-application-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .home-mission-card--lead { grid-template-columns: minmax(290px, .78fr) minmax(0, 1.22fr); min-height: 570px; }
  .home-mission-card--lead .home-mission-card__copy { padding: 36px; }
  .home-mission-card--video { grid-template-columns: 1fr; }
  .home-mission-card--video .home-mission-card__copy { align-self: end; }
}

@media (max-width: 680px) {
  .easy-section-heading { grid-template-columns: 1fr; gap: 12px; }
  .easy-section-heading > p { font-size: 15px; }
  .easy-step-list { grid-template-columns: 1fr; }
  .easy-step-list > li { display: grid; grid-template-columns: 46px minmax(0, 1fr); gap: 14px; padding: 20px; }
  .easy-step-list > li > span { margin: 0; }
  .easy-guide-action { align-items: stretch; flex-direction: column; }
  .easy-guide-action .button { width: 100%; }
  .easy-home-hero { min-height: 0; }
  .easy-home-hero__content { padding: 120px 0 70px; }
  .easy-home-hero h1 { font-size: clamp(45px, 14vw, 68px); }
  .easy-home-hero__lead { font-size: 17px; }
  .easy-choice-grid { grid-template-columns: 1fr; margin-top: 26px; }
  .easy-choice-grid a { grid-template-columns: 45px minmax(0, 1fr); min-height: 0; align-items: center; padding: 17px; }
  .easy-choice-grid a > span { grid-row: 1 / 3; margin: 0; font-size: 28px; }
  .easy-start-guide,
  .easy-community-paths,
  .easy-community-more { padding: 75px 0; }
  .easy-community-hero { min-height: 520px; }
  .easy-community-hero .content-shell { padding: 140px 0 65px; }
  .easy-community-hero h1 { font-size: clamp(50px, 16vw, 78px); }
  .easy-join-guide { padding: 75px 0; }
  .easy-step-list--vertical > li { grid-template-columns: 46px minmax(0, 1fr); }
  .profile-whatsapp-guide__heading { grid-template-columns: 50px minmax(0, 1fr); gap: 14px; }
  .profile-whatsapp-guide__heading > span { width: 50px; height: 50px; }
  .profile-whatsapp-guide ol { margin: 22px 0; }
  .profile-whatsapp-guide li { min-height: 0; }
  .profile-whatsapp-guide__button { width: 100%; }
  .profile-wizard-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .profile-wizard-actions { align-items: stretch; flex-direction: column-reverse; }
  .profile-wizard-actions > .btn { width: 100%; }
  .profile-wizard-actions > span:empty { display: none; }
  .creator-lifecycle-details > summary { padding: 15px; }
  .creator-lifecycle-details__body { padding: 0 15px 18px; }
  .dashboard-priority { padding: 16px; }
  .dashboard-more > summary { align-items: flex-start; padding: 18px; }
  .dashboard-more__grid { padding: 0 14px 16px; }
  .dashboard-help-note { align-items: flex-start; }
  .application-target-picker > div:first-of-type { grid-template-columns: 1fr; }
  .application-target-picker label { min-height: 0; }
  .application-target-picker .oblivion-direct-note { grid-column: 2; }
  .registration-application__grid { grid-template-columns: 1fr; }
  .registration-application__wide { grid-column: auto; }
  .role-application-filters { grid-template-columns: 1fr; }
  .home-mission-grid { grid-template-columns: 1fr; }
  .home-mission-card,
  .home-mission-card--b2b { grid-column: auto; min-height: 430px; border-radius: 18px; }
  .home-mission-card--lead { grid-column: auto; grid-template-columns: 1fr; min-height: 0; border-radius: 18px; }
  .home-mission-card--lead::after { display: none; }
  .home-mission-card__poster { height: auto; aspect-ratio: 2 / 3; border-right: 0; border-bottom: 1px solid rgba(211, 174, 104, .24); }
  .home-mission-card--lead .home-mission-card__copy { padding: 28px 22px 30px; }
  .home-mission-card--video { grid-column: auto; min-height: 0; }
  .home-mission-card__video { min-height: 250px; }
  .home-mission-card__video iframe { min-height: 250px; }
  .home-mission-card__copy { padding: 25px 22px; }
  .home-mission-card--lead h3 { font-size: clamp(39px, 12vw, 58px); }
  .home-mission-card__actions { align-items: stretch; flex-direction: column; }
  .home-mission-card__actions .button { width: 100%; }
  .casting-catalog>header{display:grid}.casting-catalog__grid{grid-template-columns:1fr}
  .casting-city-group > header { grid-template-columns: 44px minmax(0, 1fr); }
  .casting-city-group > header > strong { grid-column: 2; }
  .casting-role-badges { padding-inline: 18px; }
  .casting-application-progress { grid-template-columns: 1fr; }
}

@media (max-width: 420px) {
  .profile-wizard-nav { grid-template-columns: 1fr; }
  .easy-step-list > li,
  .easy-step-list--vertical > li { grid-template-columns: 40px minmax(0, 1fr); padding: 17px; }
  .easy-step-list > li > span { width: 40px; height: 40px; }
}

@media (prefers-reduced-motion: reduce) {
  .easy-choice-grid a,
  .easy-path-grid > a { transition: none; }
}