:root{
      /* Farben aus deinem Bild extrahiert */
      --bg:#ffffff;                /* Weißer Hintergrund wie im Bild */
      --text:#555d5b;              /* sehr dunkles Blaugrün für Text */
      --muted:#5f7b84;             /* abgeschwächtes Grau-Blau für Nebeninfo */
      --card:#f7fbfb;              /* zartes Off‑White für Panels/Modals */
      --line: rgba(24,128,108,.18);/* feine Linie in Teal‑Ton */
      --accent:#02baa8;            /* kräftiges Türkis (#02BAA8) */
      --accent-2:#2670ab;          /* klares Blau (#2670AB) */
      --accent-3:#5b6361;         /* dunkleres Grau */
      --shadow: 0 12px 30px rgba(14, 53, 60, .12);
      --radius:16px;
    }
    *{box-sizing:border-box}
html, body {
  min-height:100vh;   /* passt sich an */
  margin:0;
}

body {
  display:flex;       /* statt grid */
  align-items:center; /* vertikal mittig im Viewport */
  justify-content:center;
  padding:24px;
  font-family: 'Bai Jamjuree', ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
  background:
    radial-gradient(1200px 800px at 50% -10%, rgba(2,186,168,.18), transparent 60%),
    /* radial-gradient(900px 600px at 90% 0%, rgba(38,112,171,.12), transparent 60%),  ← weg */
    var(--bg);
  color:var(--text);
}
    .wrap{ width:min(920px, 100%); text-align:center }
.panel {
  background: linear-gradient(180deg, rgba(38,112,171,.04), rgba(2,186,168,.03));
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: clamp(20px, 4vw, 10px) clamp(30px, 4vw, 10px) clamp(10px, 4vw, 10px) clamp(30px, 4vw, 10px);

  /* 👇 Hintergrundbild unten mittig fixiert */
  background-image: url('innolab_bg.png');
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;   /* oder „cover“, je nach gewünschter Wirkung */
}
    .logo{ display:block; margin:0 auto 18px; height:100%; width:auto }
    h1{ font-size: clamp(1.6rem, 3.4vw, 2.4rem); margin:0 0 18px; color: var(--accent-3); }
    p{ color:var(--text); margin:0 0 32px; font-size: clamp(1rem, 2.2vw, 1.1rem); line-height:1.6 }
    .links{ display:flex; gap:12px; justify-content:center; flex-wrap:wrap }
    .btn{ appearance:none; border:1px solid var(--line); color:var(--accent-3); background:transparent; padding:8px 26px; border-radius:12px; cursor:pointer; font-size: 14px; }
    .btn.primary{ background: linear-gradient(90deg, var(--accent), var(--accent-2)) padding-box; color:#ffffff; border: 1px solid transparent; }
    .btn:focus{ outline:none; }
    footer{ margin-top:28px; color:var(--muted); font-size: 14px; }
a {
  display: inline-block;
  color: var(--accent-2);
  text-decoration: none;
  background-image: linear-gradient(currentColor, currentColor);
  background-position: 0 1.4em;   /* Abstand */
  background-repeat: no-repeat;
  background-size: 0% 2px;
  transition: background-size 0.6s ease;
}

a:hover {
  background-size: 100% 2px;
}



    /* Modal */
    .modal{ position:fixed; inset:0; display:none; place-items:center; background:rgba(16,35,42,.45); padding:24px }
    .modal[aria-hidden="false"]{ display:grid }
    .dialog{ width:min(640px,100%); background:var(--card); border:1px solid var(--line); border-radius:18px; padding:20px; box-shadow: var(--shadow) }
    .dialog header{ display:flex; justify-content:space-between; align-items:center; margin-bottom:10px }
    .dialog h2{ margin:0; font-size:1.2rem; color: var(--accent-3) }
    .close{ background:transparent; border:0; color:var(--muted); font-size:1.6rem; cursor:pointer }
    form{ display:grid; gap:12px; text-align:left }
	.back{ text-align:center; margin-bottom:16px }
    label{ display:flex; padding-bottom: 3px; font-weight:700; color: var(--accent-3); padding-left: 5px; font-size: 14px; }
    input, textarea{ width:100%; padding:12px; border-radius:10px; border:1px solid var(--line); background:#ffffff; color:var(--text); outline:none; font-family: 'Bai Jamjuree', ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial; }
    input:focus, textarea:focus{ border-color: var(--accent-2) }
    textarea{ min-height:120px; resize:vertical }