/* ===========================
   Branding: Titel & Tagline
   =========================== */
.wp-block-site-title {
  display: block;
  margin-bottom: 3px; /* Abstand zur Linie */
}

.wp-block-site-tagline {
  display: block;
  padding-top: 3px; /* Abstand zur Linie */
  border-top: 3px solid #ffb300; /* CI-Linie */
}

/* ===========================
   Buttons unten ausrichten
   =========================== */
.button-bottom_1 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.button-bottom_1 .wp-block-buttons {
  margin-top: auto;
}

/* ===========================
   Icons
   =========================== */
.icon {
  width: 32px;
  height: 32px;
  stroke: #1F4E79;
  stroke-width: 1.5;
  margin-bottom: 0;
}

/* ===========================
   Raster-Items
   =========================== */
.raster-item {
  display: flex;
  flex-direction: column;   /* Icon, Überschrift, Text untereinander */
  justify-content: center;  /* horizontal zentrieren */
  align-items: center;      /* vertikal zentrieren */
  text-align: center;
}

/* ===========================
   Kachel-Text
   =========================== */
.kachel-text {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  min-height: 400px; /* gleiche Höhe für alle Kacheln */
}
.kachel-text .wp-block-buttons {
  margin-top: auto;
  justify-content: center;
}

/* ===========================
   Buttons
   =========================== */
.wp-block-button__link {
  margin-top: 1.5em; 
  background-color: transparent;
  color: #1f4e79;
  border: 2px solid #ffb300;
  border-radius: 0;
  padding: 0.75em 1.5em;
  font-weight: 600;
  transition: all 0.3s ease;
}
.wp-block-button__link:hover {
  background-color: #ffb300;
  color: #fff;
}

/* ===========================
   Logo (SVG/IMG)
   =========================== */
.wp-block-site-logo svg,
.wp-block-site-logo img {
  max-width: 100%;
  height: auto;
  display: block;
}