//................Hero-Bild
.hero-section {
  position: relative;
  width: 100%;
  height: 100%;
  background-image: url('Hero-Bild.jpeg');
  background-size: cover;
  display: flex;
  align-items: center;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  /* Hier passiert die Magie: */
  background: linear-gradient(
    to right, 
    rgba(0, 0, 150, 0.7) 20%,   /* Links dunkler für Lesbarkeit */
    rgba(10, 10, 170, 0.3) 50%,   /* Mitte wird transparenter */
    transparent 100%          /* Rechts komplett verwaschen/frei */
  );
  z-index: 1;
}

.content {
  position: relative;
  z-index: 2; /* Text über dem Overlay */
  color: white;
  padding-left: 50px;
  max-width: 600px;
}

//...............Nav-Leiste

nav ul
{
display: flex;
list-style-type: none;
margin: 0;
padding: 0;
}

.linkliste
{
background-color: #C4B7A9;
z-index: 2; /* Text über dem Overlay */
color: white;
margin-top: 2rem;
margin-bottom: 3rem;
}

nav a
{
display: block;
color: white;
text-decoration: none;
padding: 0.8rem;
font-size: 1.5rem;
margin: 0.5rem;
}

.aktuell
{
//background-color: rgb(200, 120, 10, 0.2);
//border-radius: 2rem;
text-decoration: underline;
font-size: 2rem;
}

//..........Body

body
{
background-color: white;
color: black;
}

.ü-2
{
text-align: center;
color: white;
}

.infobox
{
//background-color: rgb(230, 20, 11, 0.4);
}

.infobox > .inside
{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 1rem;
padding: 1rem;
}

.infoboxen
{
background-color: grey;
}

.text
{
margin-top: 2rem;
margin-bottom: 2rem;
padding: 2rem;
font-size: 1.3rem;
}

.ü-allesBoxen
{
font-size: 1.5rem;
text-decoration: underline;
}

textarea
{
font-size: 1.25rem;
}

.speichern
{
font-size: 1.3rem;
}

footer
{
background-color: #C4B7A9;
color: white;
margin-top: 2rem;
padding: 1rem;
}

footer ul
{
display: flex;
list-style-type: none;
margin: 0;
padding: 0;
}

footer nav
{
color: floralwhite;
margin: 0.5rem;
}

footer li
{
background-color: rgb(200, 120, 10, 0.2);
border-radius: 2rem;
display: block;
color: white;
text-decoration: none;
padding: 0.7rem;
}