@charset "UTF-8";


/* ===============================
   GRUNDLAGEN
   =============================== */

body {
  margin: 0;
  padding: 0;
  background: #000;
  color: #f2f2f2;
  font-family: 'Source Sans 3', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.6;
}

p {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  margin: 0 0 1em 0;
}


/* ===============================
   TABELLEN / LAYOUT
   =============================== */

/* Alle Haupttabellen */
table {
  width: 900px;
  margin: 12px auto;
  border: 2px solid #fff;
  border-collapse: collapse;
}

/* HERO */
#Tabelle_1 {
  padding: 0px;
}

/* ===============================
   TOP / HEADER
   =============================== */

#Tabelle_2 {
  padding: 0;                 /* wichtig: KEIN padding auf table */
  font-size: 1.125em;
}

/* linke Zelle (Logo) */
#Tabelle_2 td:first-child {
  padding-left: 19px;         /* genau der Abstand, den DW zeigt */
}

/* alle Header-Zellen: etwas Luft oben/unten */
#Tabelle_2 td {
  padding-top: 10px;
  padding-bottom: 10px;
}


/* MAIN */
#Tabelle_3 {
  padding: 0px;
}

/* FOOTER */
#Tabelle_4 {
  padding: 1px;
  margin-left: 0px;
}



/* ===============================
   NAVIGATION & LINKS
   =============================== */

/* Navigation im Header größer */
#Tabelle_2 a {
  font-size: 1.125em;   /* +2pt */
}

/* Links: feines Grau ? Weiß, keine Unterstreichung */
a {
  color: #cfcfcf;
  text-decoration: none;
  border: none;
  transition: color 0.2s ease;
}

a:hover {
  color: #ffffff;
}
/* ===============================
   HEADER: LOGO + NAVIGATION
   =============================== */

/* Header als Zeile: Logo links, Navigation rechts */
#Tabelle_2 {
  
  align-items: center;
  justify-content: space-between;
}

/* Navigation: Links nebeneinander, ruhig, hell */
#Tabelle_2 a {
  color: #bb7039;              /* helles Grau */
  text-decoration: none;      /* keine Unterstreichung */
  font-size: 1.05em;           /* leicht größer */
  margin-left: 20px;           /* Abstand zwischen Links */
  transition: color 0.2s ease;
}

/* Hover: Licht geht an */
#Tabelle_2 a:hover {
  color: #ffffff;
}

/* Falls Logo ein Bild ist: sauber ausrichten */
#Tabelle_2 img {
  display: block;
}

/* ===============================
   HEADLINES – MINIMALISTISCH
   (h1/h2 nah beieinander, h3 light)
   =============================== */

h1, h2, h3 {
  font-family: 'Zalando Sans', Arial, Helvetica, sans-serif;
  text-transform: none;          /* falls vorher uppercase war */
  letter-spacing: -0.01em;
  margin: 0 0 0.6em 0;
}

/* h1: nicht mehr Keule */
h1 {
  font-size: 1.15rem;
  font-weight: 600;              /* statt bold/700+ */
  line-height: 1.15;
}

/* h2: nur minimal kleiner/leichter */
h2 {
  font-size: 1.05rem;
  font-weight: 500;
  line-height: 1.2;
}

/* h3: deutlich leichter */
h3 {
  font-size: 1.01rem;
  font-weight: 300;              /* light */
  line-height: 1.25;
  opacity: 0.95;                 /* optional: etwas ruhiger */
}

/* ===============================
   NAVIGATION FINAL
   =============================== */

#Tabelle_2 td.nav {
  font-size: 1.05em;
  letter-spacing: 0;
  word-spacing: 0;
  white-space: nowrap;
}

/* Links */
#Tabelle_2 td.nav a {
  margin: 0;
  padding: 0;
  display: inline-block;
}

/* Trenner */
#Tabelle_2 td.nav .nav-sep {
  margin: 0 6px;
  color: #666;
}

/* Aktiver Navigationspunkt bleibt hell */
#Tabelle_2 td.nav a.active {
  color: #ffffff;
  font-weight: 600;   /* optional */
}


#Tabelle_2 td.nav a.active:hover {
  color: #ffffff;
}


/* ===============================
   STATEMENT-LISTEN – FINAL
   =============================== */

ul.statement {
  list-style: none;
  padding-left: 0;
  margin: 12px 0 24px 0;
}

ul.statement li {
  margin-bottom: 10px;
  font-size: 0.95em;
  line-height: 1.5;
}
/* POSITIV: Häkchen NACH jedem Punkt */
ul.statement.yes li::before {
  content: "";
}

ul.statement.yes li::after {
  content: "  ✓";
  color: #6fbf73;
  margin-left: 8px;
  font-weight: 600;
}

/* NEGATIV: gelbes Augenzwinkern */
ul.statement.no li::before {
  content: "-";
  color: #e6c15a;
  margin-right: 10px;
  font-weight: bold;
}