body 
          {
            display: flex;
            background-color: #d3d3d3; /* Hellgrauer Hintergrund */
            FONT-FAMILY: Verdana,Helvetica;
            margin: 0;
            min-height: 100vh;
            min-width: 1200px; 
          }
        .menu 
          {
            background-color: #a9a9a9; /* Mittelgrauer Hintergrund */
            width: 20%;
            padding: 10px;
            FONT-FAMILY: Verdana,Helvetica;
            FONT-SIZE: 16px; color: #FFFFFF;
            min-width: 330px;
          }

        .info 
          {
            background-color: #a9a9a9; /* Mittelgrauer Hintergrund */
            width: 15%;
            FONT-FAMILY: Verdana,Helvetica;
            FONT-SIZE: 16px; color: #000000;
          }
        .status 
          {
            background-color: #a9a9a9; /* Weißer Hintergrund */
            width: 18%;
            padding: 10px;
            min-width: 260px;
            position: -webkit-sticky; /* Für Safari */
            position: sticky;
            top: 0;
          }
        .content 
          {
            display: flex;
            flex-direction: column;
            width: 70%;
            padding: 10px;
            FONT-FAMILY: Verdana,Helvetica;
            min-width: 1030px;
          }
        .sum 
          {
            FONT-FAMILY: Verdana,Helvetica;
            background-color: #a9a9a9; /* Weißer Hintergrund */
            flex: 1;
            margin-bottom: 10px;
            padding: 10px;
          }
        .data {
            background-color: #a9a9a9; /* Weißer Hintergrund */
            flex: 5;
            padding: 10px;
        }
        button {
            background-color: rgb(94, 94, 94); /* Hintergrundfarbe Magenta */
            color: white; /* Textfarbe Weiß */
            padding: 12px 25px; /* Größere Buttons durch mehr Innenabstand */
            border: 1px solid rgb(51, 51, 51); /* Schwarzer Rand */
            border-radius: 10px; /* Abgerundete Ecken */
            font-size: 14px; /* Größere Schrift */
            cursor: pointer; /* Zeiger ändern bei Hover */
            min-width: 250px; /* Mindestbreite von 100 Pixeln */
        }

        button.excel 
          {
            background-color: rgb(94, 94, 94); /* Hintergrundfarbe Magenta */
            color: white; /* Textfarbe Weiß */
            padding: 12px 25px; /* Größere Buttons durch mehr Innenabstand */
            border: 1px solid rgb(51, 51, 51); /* Schwarzer Rand */
            border-radius: 10px; /* Abgerundete Ecken */
            font-size: 14px; /* Größere Schrift */
            cursor: pointer; /* Zeiger ändern bei Hover */
            min-width: 150px; /* Mindestbreite von 100 Pixeln */
          }

        button:hover {
            background-color: rgb(29, 29, 29); /* Dunkleres Magenta bei Hover */
        }
        input[type="submit"], input[type="reset"] 
          {
            background-color:  rgb(92, 47, 81); /* Grüne Hintergrundfarbe */
            border: 1px solid rgb(51, 51, 51);  /* Kein Rahmen */
            color: white; /* Weiße Schriftfarbe */
            padding: 12px 25px; /* Größere Buttons durch mehr Innenabstand */
            border: 1px solid rgb(51, 51, 51); /* Schwarzer Rand */
            border-radius: 10px; /* Abgerundete Ecken */
            font-size: 14px; /* Größere Schrift */
            cursor: pointer; /* Zeiger ändern bei Hover */
            min-width: 250px; /* Mindestbreite von 100 Pixeln */
          }

        table.stamm {
        }
        table.stamm3 {
            padding: 0px;
        }
        table.menu {
            position: -webkit-sticky; /* Für Safari */
            position: sticky;
            top: 0;
            z-index: 1; 
            width: 100%; 
        }
        table.status {
            position: -webkit-sticky; /* Für Safari */
            position: sticky;
            top: 0;
            z-index: 1;  
            color: black;
            width: 100%; 
        }
        th.stamm, td.stamm {
            padding: 10px;
            border: 0px solid #ddd;
        }
        th.stamm2, td.stamm2 {
            padding: 10px;
            border: 0px solid #ddd;
            font-size: 12px; /* Größere Schrift */
            color: black;
            font-weight: bold;
        }        
        th.stamm3, td.stamm3 {
            padding: 0px;
            border: 0px solid #ddd;
            font-size: 11px; /* Größere Schrift */
            color: black;
             margin: 0; /* Entfernt den Außenabstand */
   }
        img {
            padding: 0px;
            border: 0px solid #ddd;
             margin: 0; /* Entfernt den Außenabstand */
   }
        td.menu {
                    background-color: rgb(94, 94, 94); /* Hintergrundfarbe */
            color: white; /* Textfarbe */
            padding: 12px 25px; /* Innenabstand */
            border: 1px solid rgb(51, 51, 51); /* Rand */
            border-radius: 10px; /* Abgerundete Ecken */
            font-size: 14px; /* Schriftgröße */
            text-align: center; /* Zentrierter Text */
            min-width: 250px; /* Mindestbreite */
          }
        td.head {
            padding: 10px;
            border: 0px solid #ddd;
            font-size: 18px; /* Größere Schrift */
            color: black;
            font-weight: bold;
        }

        tr.stamm:nth-child(even) {
            background-color: rgb(240, 240, 240); /* Hellgraue Zeilen */
        }

        tr.stamm:nth-child(odd) {
            background-color: rgb(207, 207, 207); /* Weiße Zeilen */
        }
        tr.stamm3:nth-child(odd) {
            background-color: rgb(240, 240, 240); /* Hellgraue Zeilen */
        }

        tr.stamm3:nth-child(even) {
            background-color: rgb(207, 207, 207); /* Weiße Zeilen */
        }


        tr.daten_top
          {
             border-top: 20px solid black;
          gap: 20px;
          }

        th.daten 
          {
            padding: 5px;
            border: 0px solid darkslategray;
            font-size: 11px; /* Größere Schrift */
            background-color: #d3d3d3; /* Hellgraue Zeilen */
            position: -webkit-sticky; /* Für Safari */
            position: sticky;
            top: 0;
            z-index: 1;         
          }

        td.daten 
          {
            padding: 5px;
            border: 0px solid #727272;
            font-size: 12px; /* Größere Schrift */
          }


        tr.daten:nth-child(even) {
            background-color: rgb(245, 245, 245); /* Hellgraue Zeilen */
        }

        tr.daten:nth-child(odd) {
            background-color: rgb(213, 213, 213); /* Weiße Zeilen */
        }
        tr.daten_top:nth-child(even) {
            background-color: rgb(245, 245, 245); /* Hellgraue Zeilen */
        }

        tr.daten_top:nth-child(odd) {
            background-color: rgb(213, 213, 213); /* Weiße Zeilen */
        }

        input[type="text"], select {
            box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); /* Leichter 3D-Schatten */
            border: 1px solid #ccc; /* Standardrahmen */
            padding: 7px; /* Innenabstand */
            border-radius: 5px; /* Abgerundete Ecken */
            transition: border-color 0.3s ease; /* Übergangseffekt für Rahmenfarbe */
        }

        input[type="text"]:focus, select:focus {
            border-color: #007BFF; /* Starke Umrandung bei Fokus */
            box-shadow: 0 0 10px rgba(0, 123, 255, 0.5); /* Starker Schatten bei Fokus */
            outline: none; /* Entfernt den Standard-Fokusrahmen */
        }        

        a {
            text-decoration: none; /* Entfernt den Unterstrich */
            font-weight: bold; /* Macht den Text fett */
            color: inherit; /* Behält die Textfarbe bei */
        }