body	{    /*  padding-top: 70px; für fixe Navbar */
background:#f9f9f9;
	} 
.bunkerOkt { background: linear-gradient(to bottom, #ede6f1 0%, #f6f3f8 100%); }
.bunkerVerlauf { background: linear-gradient(to bottom, #448855 0%, #ffcc99 100%); }

   h2 { font-size: 2.8em;  }
	
		/* e6f2ea ffffff       background-color: #ffffff;           background: linear-gradient(to bottom, #ede6f1 0%, #f6f3f8 100%);     */
	.hero { 
      padding: 20px 20px 12px 20px;
      text-align: center;
    }
    .hero h1 {      font-size: 2.1rem;    }
	
    .section {	      padding: 40px 20px;    }	
	.card-container {  max-width: 80%;  margin: 0 auto;  padding: 1rem;	}

	.card {
	  display: flex;
	  flex-wrap: wrap;
	  background: #f9f9f9;
	  border-radius: 12px;
	  margin-bottom: 2rem;
	  overflow: hidden;
	  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
	}
	.card-text {	flex: 1 1 300px;	padding: 1.5rem;	}
	.card-text h2 {  font-size: 1.5rem;  margin-bottom: 0.5rem;	}
	.card-text h3 {  font-size: 1rem;  font-weight: normal;  color: #555;  margin-bottom: 1rem;
	}
	.card-text p {  margin-bottom: 1.5rem;	}

	
	.card-image {
	  flex: 1 1 300px;
	  min-width: 250px;		  max-height: 300px;
	  overflow: hidden;
	}
	.card-image img {
	  width: 100%;
	  height: 100%;
	  object-fit: cover;
	  display: block;
	}

	/* Responsive Verhalten */
	@media (max-width: 768px) {
	  .card {	flex-direction: column;  }
	}
	

card {
  background-color: #ffffff; /* Weiß für Karten */
  border-left: 6px solid #7a2e8e; /* Lila Akzentlinie */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.pad {padding:2% 4%;}
.w { color:#fff; }
.wHG { background-color:#fff; }
.gr { color:#6f2082; }
	
.datum 
{   text-decoration:none; font-size:1.5em; line-height:2.1em;
	border: none; border-radius: 6px;
	color: white;
	padding: 8px 40px 12px 40px;
	text-align: center;
	margin: 4px;
}
	
/* Untermenü */
.umenu {  text-decoration:none; font-size:1.5em; line-height:2.1em;
	border: none; border-radius: 6px;
	color: white;
	padding: 8px 40px 12px 40px;
	text-align: center;
	margin: 4px;
}

	
/* Kontakt aufnehmen Button */	

.button {
	  display: inline-block;
	  padding: 0.6rem 1.2rem;
	  background-color: #0a4c8c; 
	  color: #fff;
	  text-decoration: none;
	  border-radius: 6px;
	}	

.button {  text-decoration:none; 
	background-color: #85bc22;
	border: none; border-radius: 6px;
	color: white;
	padding: 10px 30px;
	text-align: center;
	margin: 4px 2px;
	transition: 0.3s;
}
.button:hover {	background-color: #3e8e41;  color: white;	text-decoration:none; }



/* nach oben Button  - HG wohnt index */
#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  /* Set a background color > wohnt in index */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
}
#myBtn:hover {
  background-color: #555; /* Add a dark-grey background on hover */
}

/*  hover auf PC, click only auf Handy  */
@media (min-width: 992px) {
  .navbar .dropdown:hover .dropdown-menu {
    display: block;
  }
}

.cookie-banner {    z-index: 1050;  }

.zusatz { padding: 10px 0; }

/* Höhe über Anker in Menühöhe */
.sprung {
    visibility: hidden;
    height: 0px !important;
    position: absolute;
    margin: -100px;
}

/* Untermenü Breite begrenzen */
.dropdown-menu {
  max-width: 90vw;
  white-space: normal;
  word-wrap: break-word;
}


/* ---------------- Sport-Slider  ------------------------- */
* {box-sizing: border-box;}
.mySlides {display: none;  border-radius: 6px;}

/* Slideshow container */
.slideshow-container {  max-width: 100%;
  position: relative;  margin: auto;
}

/* Caption text */
.text {
  color: #f2f2f2;  font-size: 15px;
  padding: 8px 12px;  position: absolute;
  bottom: 8px;  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {  color: #f2f2f2;  font-size: 12px;
  padding: 8px 12px;  position: absolute;  top: 0;
}

/* The dots/bullets/indicators    - wohnt in index     */
.dot {	display: inline-block; height: 15px;  width: 15px;	margin: 0 2px;
	border-radius: 50%;	
	transition: background-color 0.9s ease;
}

.active {   /*  wohnt in index */
}



/* Fading animation */
.fade { 	animation-name: fade;  animation-duration: 1.1s;
}

@keyframes fade {  from {opacity: .8} 	to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {	  .text {font-size: 11px}
}


/* Überlapp */
.containerUe{
        width: 200px;
        height: 200px;
        position: relative;
        margin: 20px;
    }
    .box{
        width: 100%;
        height: 100%;            
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0.8;  /* for demo purpose  */
    }
    .stack-top{
        z-index: 9;
        margin: 20px; /* for demo purpose  */
    }
	
	
/* Neu Cookie */	
/* Cookie-Overlay */
  #cookieOverlay {
    position: fixed; inset: 0;
    background: rgba(0,0,0,0.75);
    display: flex; align-items: center; justify-content: center;
    z-index: 9999;
  }
  /* Banner */
  .cookie-banner {
    background: #fff; color:#111;
    max-width: 520px; width: 90%;
    border-radius: 12px; padding: 24px;
    box-shadow: 0 8px 32px rgba(0,0,0,0.4);
    text-align: center;
  }
  .cookie-banner h2 { margin-top:0; font-size: 1.25rem; }
  .cookie-banner p { font-size: .95rem; line-height:1.4; }
  .cookie-actions {
    display:flex; flex-direction:column; gap:10px; margin-top:20px;
  }
  .cookie-actions button {
    padding:10px 16px; border:none; border-radius:8px;
    font-weight:600; cursor:pointer;
  }
  .btn-accept { background:#0ea5e9; color:#fff; }
  .btn-decline { background:#e2e8f0; color:#111; }
  .btn-decline-store { background:#cbd5e1; color:#111; }
  /* Platzhalter */
  .embed-placeholder {
    background:#f1f5f9; color:#475569;
    border:1px dashed #94a3b8;
    padding:20px; border-radius:8px;
    text-align:center; margin:20px 0;
  }
  /* Footer-Link */
  footer {
    text-align:center; padding:20px; font-size:0.9rem; color:#475569;
  }
  footer a {
    color:#0ea5e9; text-decoration:none; cursor:pointer;
  }
/* Ende Neu Cookie */