/***** CSS Fotogalerie 2025 *****/
/*************************************/

/*Fonts*/
/* pt-sans-regular - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/pt-sans-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('PT Sans'), local('PTSans-Regular'),
       url('../fonts/pt-sans-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/pt-sans-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/pt-sans-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/pt-sans-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/pt-sans-v9-latin-regular.svg#PTSans') format('svg'); /* Legacy iOS */
}

/* pt-sans-italic - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/pt-sans-v9-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('PT Sans Italic'), local('PTSans-Italic'),
       url('../fonts/pt-sans-v9-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/pt-sans-v9-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/pt-sans-v9-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/pt-sans-v9-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/pt-sans-v9-latin-italic.svg#PTSans') format('svg'); /* Legacy iOS */
}

/* pt-sans-700 - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/pt-sans-v9-latin-700.eot'); /* IE9 Compat Modes */
  src: local('PT Sans Bold'), local('PTSans-Bold'),
       url('../fonts/pt-sans-v9-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/pt-sans-v9-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/pt-sans-v9-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/pt-sans-v9-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/pt-sans-v9-latin-700.svg#PTSans') format('svg'); /* Legacy iOS */
}

/* pt-sans-700italic - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/pt-sans-v9-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('PT Sans Bold Italic'), local('PTSans-BoldItalic'),
       url('../fonts/pt-sans-v9-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/pt-sans-v9-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/pt-sans-v9-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/pt-sans-v9-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/pt-sans-v9-latin-700italic.svg#PTSans') format('svg'); /* Legacy iOS */
}


/* pt-sans-narrow-regular - latin */
@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 400;
  src: url('/layout/fonts/pt-sans-narrow-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('PT Sans Narrow'), local('PTSans-Narrow'),
       url('/layout/fonts/pt-sans-narrow-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/layout/fonts/pt-sans-narrow-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/layout/fonts/pt-sans-narrow-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/layout/fonts/pt-sans-narrow-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/layout/fonts/pt-sans-narrow-v9-latin-regular.svg#PTSansNarrow') format('svg'); /* Legacy iOS */
}

/* pt-sans-narrow-700 - latin */
@font-face {
  font-family: 'PT Sans Narrow';
  font-style: normal;
  font-weight: 700;
  src: url('/layout/fonts/pt-sans-narrow-v9-latin-700.eot'); /* IE9 Compat Modes */
  src: local('PT Sans Narrow Bold'), local('PTSans-NarrowBold'),
       url('/layout/fonts/pt-sans-narrow-v9-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/layout/fonts/pt-sans-narrow-v9-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/layout/fonts/pt-sans-narrow-v9-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/layout/fonts/pt-sans-narrow-v9-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/layout/fonts/pt-sans-narrow-v9-latin-700.svg#PTSansNarrow') format('svg'); /* Legacy iOS */
}

html {color: #000; background-color: #fff;}
body {margin: 0; padding: 0; background: #fff; font-family: 'PT Sans', sans-serif; color: #000;}
h1, h2, h3, h4 {font-family: 'PT Sans', sans-serif; color: #466BB2; font-weight: bold;}
h1 {font-size: 2em;}
h2 {font-size: 1.7em;}
h2.galtitel {font-size: 1.2em;}
h3 {font-size: 1.4em;}
h4 {font-size: 1em;}
a {color: #000;}
a:hover {color: #466BB2;}
label {color: #000;}
.button {background-color: #466BB2;}
.button:focus, .button:hover {background-color: #0d4ec6;}
input[type="text"], input[type="date"], input[type="number"], textarea { background-color: #fff; border: 1px solid #ccc; color: #000; }
input[type="text"]:focus, input[type="date"]:focus, input[type="number"]:focus, textarea:focus { background-color: #333; border: 1px solid #ccc; color: #fff; }

/* Hauptnavigation */
.title-bar { 
    height: 60px;
    display: flex;
    align-items: center; /* Zentriert den Inhalt vertikal */
    justify-content: space-between; /* Verteilt linken und rechten Inhalt */
    padding: 0 10px; /* Optionaler Abstand innen */
    box-sizing: border-box; /* Verhindert, dass Padding die Höhe beeinflusst */
    padding-top: 5px;
    background-color: #fff;
}
.title-bar-left img {
    max-height: 55px; /* Maximale Höhe auf die Title-Bar-Höhe begrenzen */
    height: 100%; /* Bildhöhe proportional zur Title-Bar */
    width: auto; /* Breite bleibt proportional */
    display: block; /* Entfernt mögliche Inline-Abstände */
}
button[data-toggle="responsive-menu"] svg:hover rect {
  fill: #444;
}

/* Contentbereich */
.toppad {padding-top: 2em;}

/* Slider Startseite */
#slider-wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
}

#slider {
  position: relative;
  width: 100%;
  height: auto;
}

#slider img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  opacity: 0;
  transition: opacity 1s ease-in-out;
}

#slider img.active {
  opacity: 1;
  z-index: 1;
  position: relative; /* Wichtig für Höhenübernahme */
}
/* Galerieübersicht */
.galeriebild-wrapper {
  aspect-ratio: 3 / 2; /* 3:2-Seitenverhältnis */
  width: 100%;
  overflow: hidden;
  background: #f0f0f0;
}

.galeriebild-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

.sort-placeholder {
  height: 60px;
  background: #f0f0f0;
  border: 2px dashed #999;
  margin-bottom: 4px;
}
@media screen and (min-width: 640px) { /* Foundation: ab medium */
  .title-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .title-bar-left {
    flex: 0 0 auto; /* nur so breit wie das Logo */
  }

  .title-bar-right {
    flex: 1 1 auto; /* bekommt den restlichen Platz */
    display: flex;
    justify-content: flex-end; /* Navigation nach rechts */
  }
}
.title-bar {padding: 0 0; }