nav {opacity:0.5;}
ul li {display:inline;font-size:20px;}
.ha1 {font-size:30px;font-weight:bold;color: #800080;font-family:"Libre Baskerville";}
a:hover {color:gold;background:orange;}
ul {text-align:center;margin-left:50px;}
#Logo {width:100vw;}
.flex-liste {display:flex;gap:5px;justify-content: space-between;flex-wrap: wrap;flex-direction: row;}
.artikel {text-align:center;font-size:30px;margin:15px;font-family:"Consolas";}
a:visited {color:gold;}
a:link {color:black;text-decoration:none;}
.sticky-nav {position: sticky;top: 0;background-color: #fff;padding: 0;z-index: 1000;box-shadow: 0 2px 5px rgba(0,0,0,0.1);background-color:grey;}
#Kulage{height:100vh;}
#scrolli1{background-image:url("Verpacken WA.jpg");height:200px;width:85vw; background-repeat: no-repeat;background-attachment: fixed;background-size: cover;}
#scrolli2{background-image:url("Heiliggeist.jpg");height:200px;width:100vw; background-repeat: no-repeat;background-attachment: fixed;background-size: cover;}
#scrolli3{background-image:url("einer.jpg");height:200px;width:100vw; background-repeat: no-repeat;background-attachment: fixed;background-size: cover;}
.breite{width:80vw;height:50vh;}
.breite_carusel{width:100vw;}
.bildausrichtung{float:right;width:25vw}
body {margin: 0;padding: 0;overflow-x: hidden;}
footer{margin:150px 150px 0 150px;user-select: none;font-size:15px;font-family:"Garamond";}
input, textarea {width: 100%;font-size: 18px;padding: 10px;margin-bottom: 15px;}
.farbwechsel {animation: farbeWechselt 4s infinite alternate;}
@keyframes farbeWechselt {
  0%   { color: black; }  
  25%  { color: gold; }  
  50%  { color: #008000; }  
  75%  { color: #0000ff; }  
  100% { color: #800080; }  
}
html. body{margin:0;padding:0;}
@media screen and (max-width: 1600px){
	#Kulage {width:40vw;height:auto;}
	iframe {width:400px;}
}
@media screen and (max-width: 600px){
	#Kulage {width:40vw;height:auto;}
	iframe {width:300px;}
	footer {margin:10px;}
	.artikel,ul li {font-size:15px;}
	ul,.artikel {margin-left:10px;}
	.ha1{font-size:25px;}
}
@media (max-width: 500px) {
  .flex-liste {
    flex-direction: column;
    align-items: center; /* Zentriert die Items horizontal */
    justify-content: center; /* Optional: Zentriert vertikal, wenn Höhe relevant ist */
  }
}

.bild_container{
	overflow:hidden;
}

.bild_container img {
   transition: transform 2s ease;
  }

.bild_container img:hover {
    transform: scale(1.1); /* 10% größer beim Hover */
  }
::selection{
	color:gold;
	background-color:black;
}
a {
	cursor:pointer;
}
article {
	cursor:text;
}