/* Hintergrundbild für Zen-TOPIA */
body {
  background: url('../assets/images/hintergrund1.png') no-repeat center center fixed;
  background-size: cover;
  background-color: #f5e6d3; /* fallback sandton */
  font-family: 'Segoe UI', sans-serif;
  margin: 0;
  padding: 0;
}

.site-header {
  z-index: 100;
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

.site-footer {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

.site-navigation {
  background-color: transparent;
  box-shadow: none;
  border: none;
}

html, body {
  height: 100%;
  position: relative;
}

.site-footer__quote {
  color: #FF3727; /* intensives, leuchtendes Zen-Rot */
  font-weight: bold;
  font-size: 1.1em;
  background-color: rgba(245, 230, 211, 0.85); /* optional: sandiger Hintergrund */
  padding: 6px 12px;
  border-radius: 6px;
  display: inline-block;
  margin: 8px;
}

.site-footer a,
.site-footer p,
.site-footer__quote,
.site-footer__logo img {
  display: inline-block;
  background-color: rgba(245, 230, 211, 0.85); /* Sandton mit leichter Transparenz */
  padding: 4px 8px;
  border-radius: 6px;
  color: #3b2f1e;
  text-decoration: none;
  margin: 4px;
}

.site-footer__logo img {
  background-color: rgba(245, 230, 211, 0.95); /* etwas kräftiger für das Logo */
  padding: 6px;
  border-radius: 8px;
}


/* Optional: Seitenränder mit Trio-Charme 
.grafik-links, .grafik-rechts, .grafik-mittelinks {
  position: fixed;
  bottom: 0;
  width: 120px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  z-index: 10; 
  pointer-events: none; 
}


.grafik-links {
	top: 450px;
  left: 180px;
  background-image: url('../assets/images/Mark-oh.png'); 
}

.grafik-mittelinks {
	top: 0px;
  left: 180px;
  background-image: url('../assets/images/Damian-oh.png'); 
}


.grafik-rechts {
	top: 150px;
  right: 0;
  background-image: url('../assets/images/Zento-oh.png'); 
}*/

/* Hauptcontainer */
.container {
  position: relative;
  z-index: 1;
  padding: 20px;
}

.labeltext {
  background-color: #fff8e6; /* sanftes Western-Gelb */
  padding: 0.5em;
  border-radius: 4px;
  display: inline-block;
}