* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }
	  
	.background-blur {
	  position: fixed;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  background: url('../images/landschaft.jpg') no-repeat center center/cover;
	  filter: blur(8px);
	  z-index: -1;
	  opacity: 0.4;
	}
	
	  
	.page-header {
	  width: 100%;
	  text-align: center;
	  padding: 2rem 1rem 1rem;
	  background-color: transparent;
	  backdrop-filter: none;
	  position: relative;
	  z-index: 2;
	  margin-bottom: 40px; /* Abstand nach unten */
	}
	  
	.page-header h2 {
	  font-size: 1.8rem;
	  color: #222;
	  margin: 0 auto;
	  max-width: 800px;
	  font-weight: 500;
	}

	@media (max-width: 768px) {
	  .page-header h2 {
		font-size: 1.4rem;
	  }
	}	  

	body {
	  font-family: Arial, sans-serif;
	  background-color: #f5f5f5;
	  min-height: 100vh;
	  padding: 40px 20px;
	  position: relative;
	}
	  
	.container {
	  display: flex;
	  flex-direction: row;
	  background-color: rgba(255, 255, 255, 0.2);
	  border-radius: 10px;
	  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
	  max-width: 900px;
	  width: 100%;
	  overflow: hidden;
	  flex-wrap: wrap;
	  margin: 0 auto;
	  margin-top: 20px; /* zusätzlicher Abstand falls gewünscht */
	}

    .text-box {
      flex: 1;
      padding: 2rem;
      min-width: 280px;
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
    }

 
    .image-box {
      flex: 1;
      min-width: 280px;
      max-height: 100%;
    }

    .image-box img {
      width: 100%;
      height: auto;
      display: block;
      object-fit: cover;
    }
	  
	.image-caption {
	  font-size: 0.9rem;
	  color: #555;
	  text-align: center;
	  margin-top: 0.5rem;
	  margin-bottom: 0.5rem;
	}
    .impressum-link {
      position: fixed;
      bottom: 10px;
      right: 15px;
      font-size: 0.9rem;
      z-index: 10;
    }

    .impressum-link a {
      color: #666;
      text-decoration: none;
      cursor: pointer;
    }

    .impressum-link a:hover {
      text-decoration: underline;
    }

    .impressum-modal {
      position: fixed;
      bottom: 60px;
      right: 20px;
      width: 300px;
      max-height: 250px;
      background-color: #fff;
      border: 1px solid #ccc;
      border-radius: 10px;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
      padding: 1rem;
      font-size: 0.85rem;
      overflow-y: auto;
      display: none;
      z-index: 100;
    }

    .impressum-modal h2 {
      font-size: 1rem;
      margin-bottom: 0.5rem;
    }

    .impressum-modal button {
      position: absolute;
      top: 8px;
      right: 10px;
      background: none;
      border: none;
      font-size: 1rem;
      cursor: pointer;
      color: #666;
    }

    .impressum-modal button:hover {
      color: #000;
    }