.logo-box {
    /* backdrop-filter: blur(15px); */
    /* background: rgba(255,221,166,0.15); */
    /* padding: clamp(20px, 3vw, 40px); */
    /* box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; */
    /* margin: 5px 0; */
}

.logo-box img {
    width: clamp(300px, 50vw, 400px);
    height: auto;
}




.logo_kreis_ws{

    background-image: url("../img/logoKreis_ws.svg");
  background-repeat: no-repeat;
  background-attachment: scroll;
    background-position: left; 
    background-size: 50%; 
}

.logo_kreis_or{

    background-image: url("../img/logoKreis_or.svg");
  background-repeat: no-repeat;
  background-attachment: scroll;
    background-position: left; 
    background-size: 50%; 

}


.image-card {
      max-width: 420px;   /* Bild bewusst kleiner */
      margin: auto;
      position: relative;
      overflow: hidden;
      /* border-radius: 15px; */
      box-shadow: 0 8px 20px rgba(0,0,0,0.15);
      /* transition: transform 0.3s ease; */
    }

    .image-card:hover {
      /* transform: translateY(-5px); */
    }

    .image-card img {
      width: 100%;
      height: 420px;      /* Hochformat */
      object-fit: cover;
    }

    .image-text {
      position: absolute;
      bottom: 10px;
      left: 50%;
      transform: translateX(-50%);
      background: rgba(254,152,49,0.9);
      color: white;
      padding: 5px 12px;
      border-radius: 20px;
      font-size: 0.9rem;
      letter-spacing: 0.5px;
    }


  .schatten{
    /* box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px; */
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  }

  .schatten2{
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
  }


.map-container {
  width:100%;
  height:450px;
  border-radius:20px;
  overflow:hidden;
}


  #cookie-banner {
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            background-color: #f8f9fa;
            padding: 15px;
            text-align: center;
            box-shadow: 0 -2px 5px rgba(0,0,0,0.1);
            display: none;
            z-index: 1000;
        }
        #cookie-banner button {
            margin-left: 10px;
        }


.mehr{

  color: #888888;
  margin-left: 1em;
}