body {	  
 	color: #375a7d;
	background-color: #e6ebf0;
	margin: 0px;
	font-family: arial, consolas;
	}

h2, h5  {
	text-align: center; 
	}
		
.shadow-image {
      	width: 100px;
        border-radius: 8px;
	}

.shadow-text {
      	font-size: 38px;
      	color: #375a7d;
      	text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2); 
      	margin-top: 20px; 
	}
	  
.shadow-text2 {
      	font-size: 14px;
      	color: #375a7d;
      	text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2); 
      	margin-top: 20px; 
	}



	.image-gallery {
		position: relative;
		overflow: hidden;
		width: 100vw; /* Begrenzung auf Bildschirmbreite */
		padding: 0 0px; /* Platz schaffen für Pfeile auf beiden Seiten */
		box-sizing: border-box; /* Damit Padding innerhalb der Galerie gerechnet wird */
	  }
	  
	  .image-container {
		display: flex;
		transition: transform 0.5s ease;
		width: calc(100vw * 3); /* Breite basierend auf der Anzahl der Bilder */
	  }
	  
	  .image-container img {
		width: 100vw; /* Jedes Bild nimmt die volle Bildschirmbreite ein */
		height: auto;
	  }
	  
	  .arrow {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		background: rgba(0, 0, 0, 0.5);
		color: white;
		border: none;
		padding: 10px;
		cursor: pointer;
		z-index: 10;
	  }
	  
	  .left-arrow { 
		left: 10px; /* Positionierung des linken Pfeils */
	  }
	  
	  .right-arrow { 
		right: 10px; /* Positionierung des rechten Pfeils */
	  }
	  
	  .caption {
		position: absolute;
		bottom: 10px;
		left: 0;
		right: 0;
		text-align: center;
		color: white;
		background: rgba(0, 0, 0, 0.5);
		padding: 5px 0;
		z-index: 10;
		font-size: 16px;
	  }