body {
    font-family: Arial, sans-serif;
    font-size: 16px;
    margin: 0;
    background: #f9f9f9;
    color: #333;
}

header {
    background: #003366;
    color: white;
    padding: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

header .logo {
    font-size: 1 rem;
    font-weight: bold;
}

nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 1.5rem;
}

nav a {
    color: white;
    text-decoration: none;
    font-weight: 500;
}

main {
    padding: 2rem;
    height: 420;
}

footer {
    background: #222;
    color: white;
    text-align: center;
    padding: 1rem;
    margin-top: 2rem;
}

img {
      max-width: 200px;
      height: auto;
      border-radius: 15px;
      box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    }

.bild {
      max-width: 120px;
      height: auto;
      border-radius: 15px;
      box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    }
    
/* Link ist nicht besucht */
a:link {
  color: #FFFFFF;
}

/* Link wurde besucht */
a:visited {
  color: #FFFFFF;
}

/* Mauszeiger über dem Link */
a:hover {
  color: #FFFFFF;
  text-decoration: underline;
}

/* Link ist fokussiert */
a:focus {
  color: #FFFFFF;
  outline: 2px solid yellow; /* Rahmen für Fokus */
}

/* Link wird angeklickt */
a:active {
  color: #FFFFFF;
}

/* Link ist nicht besucht */
a.haupt:link {
  color: #000000;
}

/* Link wurde besucht */
a.haupt:visited {
  color: #000000;
}

/* Mauszeiger über dem Link */
a.haupt:hover {
  color: #000000;
  text-decoration: underline;
}

/* Link ist fokussiert */
a.haupt:focus {
  color: #000000;
  outline: 2px solid yellow; /* Rahmen für Fokus */
}

/* Link wird angeklickt */
a.haupt:active {
  color: #000000;
}

.relativ1 {
 position: absolute;
  top: 135px;   /* Abstand vom oberen Rand des Containers */
  left: 780px;   /* Abstand vom linken Rand */
  width: 50px;
}
.relativ2 {
 position: absolute;
  top: 135px;   /* Abstand vom oberen Rand des Containers */
  left: 880px;   /* Abstand vom linken Rand */
  width: 50px;
}
.relativ3 {
 position: absolute;
  top: 135px;   /* Abstand vom oberen Rand des Containers */
  left: 980px;   /* Abstand vom linken Rand */
  width: 50px;
}
.relativ4 {
 position: absolute;
  top: 135px;   /* Abstand vom oberen Rand des Containers */
  left: 1080px;   /* Abstand vom linken Rand */
  width: 50px;
}
.relativ5 {
 position: absolute;
  top: 135px;   /* Abstand vom oberen Rand des Containers */
  left: 1180px;   /* Abstand vom linken Rand */
  width: 50px;
}