* {
            box-sizing: border-box;
        }

        body {
            font-family: Arial, sans-serif;
            margin: 0;
            line-height: 1.6;
            color: #333;
            font-size: 18px;
        }

        header, footer {
            background-color: Green;
            color: #fff;
            padding: 10px;
            text-align: center;
        }

        header {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        header .column {
            margin: 5px 0;
        }

        @media (min-width: 768px) {
            header {
                flex-direction: row;
                justify-content: space-between;
                text-align: left;
                padding: 20px 40px;
            }

            header .column {
                flex: 1;
                padding: 0 10px;
            }
        }

        section {
            padding: 20px;
            max-width: 1200px;
            margin: auto;
        }

        h1, h2, h3 {
            margin-top: 0;
            text-align: center;
        }

        .section-image {
            width: 100%;
            max-height: 300px;
            object-fit: cover;
            margin: 20px 0;
            border-radius: 8px;
        }

        .leistungen {
            display: flex;
            flex-direction: column;
            gap: 20px;
        }

        @media (min-width: 768px) {
            .leistungen, .loesungen {
                flex-direction: row;
                flex-wrap: wrap;
                justify-content: space-between;
            }
        }

        .leistung, .loesungen, .kontakt, .ueberschrift, .ueberschrift2, .ueberschrift3, summary {
            background-color: Green;
            color: White;
            padding: 20px;
            border-radius: 8px;
            flex: 1;
            margin: 10px 0;
        }

        summary {
            font-size: 22px;
        }

        .loesungen {
            background-color: #00CD00;
            color: Black;
        }


        .kontakt {
            background-color: white;
            text-align: center;
            color: Black;
            padding: 20px;
            border-radius: 8px;
        }

        .ueberschrift2 {
            background-color: #00CD00;
            color: Black;
        }


        .windows {
            background-color: LightBlue;
            color: Black;
            padding: 20px;
            border-radius: 8px;
            flex: 1;
            margin: 10px 0;
        }
        .ueberschrift3 {
            background-color: Blue;
        }

        footer a {
            color: white;
            text-decoration: none;
            margin: 0 10px;
        }

        img {
            max-width: 100%;
            max-height: 70%;
        }

        a {
            color: #0044cc;
        }

/* Menüleiste */
.button-menu {
    background-color: #2c3e50;
    text-align: center;
    padding: 10px 0;
}

.menu-button {
    background-color: #34495e;
    color: #ffffff;
    border: none;
    padding: 10px 20px;
    margin: 0 10px;
    font-size: 16px;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

.menu-button:hover {
    background-color: #1abc9c;
    color: #ffffff;
    cursor: pointer;
}

/* Grundstil für den Bash-Code */
.bash-code {
  font-family: 'Courier New', monospace;
  font-size: 14px;
  background-color: #1e1e1e;
  color: #d4d4d4;
  padding: 10px;
  border-radius: 5px;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/* Kommentare */
.bash-comment {
  color: #6a9955;
  font-style: italic;
}

/* Variablen */
.bash-variable {
  color: #9cdcfe;
  font-weight: bold;
}

/* Befehle und Funktionen */
.bash-command {
  color: #c5a000;
  font-weight: bold;
}

/* Strings */
.bash-string {
  color: #ce9178;
}

/* Schlüsselwörter (z.B. if, then, do, etc.) */
.bash-keyword {
  color: #569cd6;
  font-weight: bold;
}

/* Operatoren */
.bash-operator {
  color: #d16969;
}

/* Zahlen */
.bash-number {
  color: #b5cea8;
}

/* Erweiterungen für Kommentare und Bash-Befehle */

/* Kommentare in Bash (beginnend mit #) */
.bash-comment-line {
  color: #6a9955;  /* Kommentarfarbe */
  font-style: italic;
}

/* Bash-Befehle (wie ls, echo, etc.) */
.bash-command-keyword {
  color: #c5a000; /* Gelb für Befehle */
  font-weight: bold;
}

/* Schleifen und Bedingungen (for, while, if, etc.) */
.bash-loop-condition {
  color: #569cd6;  /* Blau für Schleifen und Bedingungen */
  font-weight: bold;
}

/* Warnbox */
    .warnbox {
      display: flex;
      align-items: flex-start;
      background-color: #f0f0f0; /* hellgrauer Hintergrund */
      border-left: 5px solid #ffa500; /* optionaler oranger Streifen für Warnhinweis */
      padding: 15px;
      margin: 20px;
      font-family: sans-serif;
      max-width: 600px;
    }

    .warnsymbol {
      margin-right: 15px;
      font-size: 30px;
      color: #ffa500; /* orange für Warnung */
    }

    .warntext {
      font-size: 14px;
      line-height: 1.5;
    }


/* Containger Bild und Text */
     .container {
      display: flex;
      align-items: center; /* vertikal zentrieren */
      gap: 10px;           /* Abstand zwischen Bild und Text */
      max-width: 800px;
      margin: 20px auto;
    }

    .container img {
      max-width: 400px;
      height: auto;
    }

    .text {
      font-family: Arial, sans-serif;
      font-size: 16px;
      line-height: 1.5;
    }