/* Minimal styles for the temporary landing page */
:root{
  --bg:#f6f7f9;
  --page-bg:#f3f3f4; /* leichter Grauton für die Seite */
  --card:#ffffff;
  --box-color:#e01d34; /* gewünschte Box-Farbe */
  --accent:#0b0b0b;
  --muted:#6b6f76;
  --brand:#c71b1b; /* Salzkammerglas Rottomate (approx.) */
  --max:1000px;
}
*{box-sizing:border-box}
html,body{height:100%;margin:0;font-family:Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; color:var(--accent);background:linear-gradient(180deg,var(--bg),#ffffff)}
.wrap{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px}
.site-header{margin:0;width:100%;display:flex;align-items:center;justify-content:center;padding:28px 18px;background:transparent;color:#fff}
.logo-wrap{display:flex;align-items:center;justify-content:center}
.brand-logo{max-height:84px;height:auto;width:auto;display:block}
.brand-fallback{display:none}
.hero{background:var(--card);box-shadow:0 6px 24px rgba(11,11,11,0.06);border-radius:12px;padding:36px;max-width:var(--max);width:100%;text-align:center;margin-top:18px}
.hero h1{margin:0 0 8px;font-size:28px;letter-spacing:0.2px}
.lead{margin:0 0 18px;color:var(--muted);font-size:18px}
.info{margin:18px 0}
.info ul{list-style:none;padding:0;margin:8px 0 0}
.info li{margin:6px 0;color:var(--accent)}
.info a{color:inherit;text-decoration:underline}
.note{margin-top:20px;color:var(--muted);font-size:14px}
.site-footer{margin-top:18px;color:var(--muted);font-size:13px}

@media (min-width:720px){
  .hero{padding:48px}
  .hero h1{font-size:34px}
}

/* Make page background the brand color (full red) */
html, body{height:100%;margin:0}
body{background:var(--page-bg);color:#fff;font-family:Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial}

/* Hero box uses the requested red and white text */
.hero{background:var(--box-color);color:#ffffff}
.hero a{color:rgba(255,255,255,0.95)}
.hero .note, .hero .info, .hero .lead{color:rgba(255,255,255,0.95)}

/* make the card shadow subtle on colored background */
.hero{box-shadow:0 12px 30px rgba(0,0,0,0.12)}

/* If logo not present, keep header area compact */
.site-header{min-height:0}