@import url('./tailwind.min.css');

/* --- Offline-Schriftfamilie --- */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/OpenSans-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/OpenSans-Bold.ttf') format('truetype');
}

/* --- Basis-Typografie --- */
html, body {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
}

/* --- Marken-Farben als Utility-Klassen --- */
.text-olive  { --tw-text-opacity: 1; color: rgba(114,117,57,var(--tw-text-opacity)); }
.bg-olive    { --tw-bg-opacity: 1; background-color: rgba(114,117,57,var(--tw-bg-opacity)); }
.text-beige  { --tw-text-opacity: 1; color: rgba(194,174,128,var(--tw-text-opacity)); }
.bg-beige    { --tw-bg-opacity: 0.1; background-color: rgba(194,174,128,var(--tw-bg-opacity)); }

/* --- Footer auf allen Seiten --- */
.site-footer {
  background-color: rgba(114,117,57,1);
  color: #fff;
}
.footer-inner {
  max-width: 1280px;
  margin: 0 auto;
  padding: 1rem 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.footer-inner a {
  color: rgba(194,174,128,1);
  text-decoration: underline;
}

/* --- Zurück-Button auf Impressum/Datenschutz --- */
.btn-back {
  display: inline-block;
  margin-bottom: 2rem;
  padding: 0.5rem 1rem;
  background-color: rgba(114,117,57,0.1);
  color: rgba(114,117,57,1);
  border-radius: 0.25rem;
  text-decoration: none;
  font-weight: 700;
}

.ba-container {
  max-height: 65vh;
}
.ba-container img {
  height: 100%;   /* füllt den Container voll, aber nicht darüber hinaus */
  width: auto;    /* behält das Seitenverhältnis bei */
  object-fit: cover;
}
.ba-overlay,
.ba-handle {
  transition: none !important;
}