body {background:#f5e464; margin-left:0px; margin-right:0px; margin-top:100px; margin-bottom:90px; }

#Tabelle1 {border-collapse: collapse; width:100%;}

#Spalte1 {background:black; height:1; width:100%;}
#Spalte2 {background:white; height:390; width:100%;}
#Spalte3 {background:white; height:80; width:100%;}
#Spalte4 {background:white; height:60; width:100%;}
#Spalte5 {background:white; height:130; width:100%;}
#Spalte6 {background:white; height:120; width:100%;}

#Kopfzeile {
  font-family: helvetica;
  font-weight: bold;
  color: #aaa;
  font-size: 20px;
  height: 120px;

  display: flex;
  align-items: flex-end;  /* vertikal am unteren Rand */
  justify-content: center; /* optional: zentriert horizontal */
  text-align: center;
}

#Text1 {font-family:helvetica; font-weight:normal; font-size:12px;}
#Text2 {font-family:helvetica; font-weight:bold; font-size:14px;}
#Text3 {font-family:helvetica; font-weight:normal; font-size:16px;}
#Text4 {font-family:helvetica; font-weight:bold; font-size:14px;}
#Text5 {font-family:helvetica; font-weight:normal; font-size:14px;}
#Text7 {font-family:helvetica; font-weight:bold; font-size:18px;}
#Text_klein {font-family:helvetica; tfont-weight:normal; font-size:10px; align:center}


/* Tabellenbreite anpassen */
#Fragetabelle {
  border-collapse: collapse;
  width: 80%;          /* oder 100%, je nach gewünschter Gesamtbreite */
  max-width: 600px;    /* optional: maximale Breite auf grossen Bildschirmen */
  margin: 0 auto;      /* zentriert die Tabelle */
}

/* Radiobuttons optisch größer, aber zentriert */
#Fragetabelle input[type="radio"] {
  transform: scale(1.5);
  vertical-align: middle;
}

#Fragetabelle label {
  display: flex;               /* Text & Button auf gleicher Linie */
  align-items: center;         /* vertikal zentriert */
  font-size: 1.3em;
  gap: 10px;                   /* horizontaler Abstand zwischen Button & Text */
  margin-bottom: 1px;         /* vertikaler Abstand zwischen den Optionen */
}

/* ============================= */
/* Buttons Weiter / Zurück       */
/* ============================= */
#Fragetabelle input[type="submit"],
#Fragetabelle input[type="button"] {
  font-size: 1.3em;           /* Textgröße */
  padding: 10px 25px;         /* Innenabstand */
  border-radius: 8px;         /* Abgerundete Ecken */
  background-color: #005fb8;  /* z. B. FHNW-Blau */
  color: white;
  border: none;
  cursor: pointer;
  transition: 0.2s;
}

/* Hover-Effekt */
#Fragetabelle input[type="submit"]:hover,
#Fragetabelle input[type="button"]:hover {
  background-color: #0073e6;
  transform: scale(1.05);
}

.button-row {
  display: flex;
  justify-content: space-between; /* links/rechts verteilt */
  align-items: center;
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  padding-top: 10px;
}

.button-row input[type="submit"],
.button-row input[type="button"] {
  font-size: 1.3em;
  padding: 10px 25px;
  border-radius: 8px;
  background-color: #005fb8;
  color: white;
  border: none;
  cursor: pointer;
  transition: 0.2s;
}

.button-row input[type="submit"]:hover,
.button-row input[type="button"]:hover {
  background-color: #0073e6;
  transform: scale(1.05);
}