/* Tour-Studio – Gestaltung wie wanderland.at (v1.0.1, 14.10.2026)
   Wird nach style.css geladen. Farben, Schriften und Formen aus dem wanderland-Theme. */
:root{
  --wl-green:#2D6A4F; --wl-green-dark:#1B4332; --wl-green-mid:#40916C; --wl-green-light:#52B788; --wl-green-pale:#D8F3DC; --wl-green-ghost:#F0FBF3;
  --wl-blue:#1B4F8A; --wl-gold:#F4A620; --wl-gold-dark:#C17F14; --wl-gold-pale:#FEF3DC;
  --wl-cream:#FAFAF7; --wl-white:#FFFFFF; --wl-dark:#1A1A1A; --wl-mid:#4A4A4A; --wl-muted:#757575; --wl-light:#F5F5F2; --wl-border:#E2E0DA; --wl-border-dark:#C8C6BE;
  --wl-font-heading:'Playfair Display',Georgia,"Times New Roman",serif;
  --wl-font-body:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --wl-font-ui:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;
  --wl-space-xs:4px; --wl-space-sm:8px; --wl-space-md:16px; --wl-space-lg:24px; --wl-space-xl:40px; --wl-space-2xl:64px;
  --wl-radius-sm:6px; --wl-radius-md:16px; --wl-radius-lg:16px; --wl-radius-xl:24px; --wl-radius-pill:9999px;
  --wl-shadow-sm:0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.06);
  --wl-shadow-md:0 4px 12px rgba(0,0,0,.10),0 2px 4px rgba(0,0,0,.06);
  --wl-shadow-lg:0 10px 30px rgba(0,0,0,.12),0 4px 8px rgba(0,0,0,.06);
  --wl-transition:all .2s ease;

  --bg:var(--wl-cream); --bg2:#fff; --bg3:var(--wl-light); --fg:var(--wl-dark); --fg2:var(--wl-mid); --fg3:var(--wl-muted);
  --line:var(--wl-border); --accent:var(--wl-green); --accent2:var(--wl-gold-dark); --accent-fg:#fff; --ok:var(--wl-green-mid);
  --shadow:var(--wl-shadow-md); --shadow2:var(--wl-shadow-sm);
  --radius:16px; --hero1:var(--wl-green-ghost); --hero2:var(--wl-gold-pale);
}
:root[data-theme="dark"]{ --accent:var(--wl-green-light); --accent2:var(--wl-gold); --accent-fg:#062014; }

body{font-family:var(--wl-font-body);font-size:15px;line-height:1.55}
#view-start h1,#view-start h2,#view-start h3,dialog h2,.modal h2{font-family:var(--wl-font-heading);font-weight:700;letter-spacing:-.01em}
.hero h1{font-weight:700;letter-spacing:-.02em}
.hero h1 span{background:none;-webkit-background-clip:initial;background-clip:initial;color:var(--wl-green-mid)}
:root[data-theme="dark"] .hero h1 span{color:var(--wl-green-light)}

/* Knöpfe wie .wl-btn */
.btn{font-family:var(--wl-font-ui);border-radius:var(--wl-radius-sm);font-weight:600}
.btn.lg{border-radius:var(--wl-radius-sm);padding:14px 28px}
.btn.sm{border-radius:var(--wl-radius-sm)}
.btn.xs{border-radius:5px}
.btn.primary{background:var(--wl-green);border-color:var(--wl-green);color:#fff}
.btn.primary:hover{background:var(--wl-green-dark);border-color:var(--wl-green-dark)}
.btn.orange{background:var(--wl-gold);border-color:var(--wl-gold);color:#3d2600}
.btn.orange:hover{background:var(--wl-gold-dark);border-color:var(--wl-gold-dark);color:#3d2600}
:root[data-theme="dark"] .btn.primary{background:var(--wl-green-mid);border-color:var(--wl-green-mid)}

/* Karten */
.card,.station,.tool,.player,.dropzone,.empty{border-radius:var(--wl-radius-md)}
.card{box-shadow:var(--wl-shadow-sm)}
.pill{border-radius:var(--wl-radius-pill)}

/* Werkzeugleiste des Studios: unter dem wanderland-Kopf, im Stil der Filterleisten */
.topbar{background:#fff;border-bottom:1px solid var(--wl-border);box-shadow:var(--wl-shadow-sm);backdrop-filter:none;padding:8px 18px}
:root[data-theme="dark"] .topbar{background:var(--bg2);border-bottom-color:var(--line)}
.brand{font-family:var(--wl-font-heading);font-weight:700;font-size:19px;color:var(--wl-green-dark)}
:root[data-theme="dark"] .brand{color:var(--fg)}
.brand small{font-family:var(--wl-font-ui)}
.nav button{border-radius:var(--wl-radius-pill);border:1px solid transparent;font-family:var(--wl-font-ui);font-weight:600;padding:7px 12px}
.nav button:hover{background:var(--wl-green-ghost);color:var(--wl-green)}
.nav button.active{background:var(--wl-green);color:#fff;border-color:var(--wl-green)}
:root[data-theme="dark"] .nav button:hover{background:var(--bg3);color:var(--fg)}
:root[data-theme="dark"] .nav button.active{background:var(--wl-green-mid);border-color:var(--wl-green-mid);color:#fff}
.topbar .wl-home{display:none}
.theme-switch{border-radius:var(--wl-radius-pill)}
.theme-switch button{border-radius:var(--wl-radius-pill)}

/* wanderland.at-Kopf und -Fuß (Inhalt im Shadow-DOM, siehe wl-design.js) */
#wlRahmenKopf{display:block;position:relative;z-index:1001;min-height:88px;background:var(--wl-green)}
#wlRahmenKopf.da{min-height:0;background:none}
#wlRahmenFuss{display:block}
@media (max-width:980px){#wlRahmenKopf{min-height:68px}}
@media (max-width:640px){.topbar .theme-switch{display:none}}
.footer#siteFooter{background:var(--wl-cream);color:var(--wl-muted);border-top:1px solid var(--wl-border)}
:root[data-theme="dark"] .footer#siteFooter{background:var(--bg);border-top-color:var(--line)}