/* Globale Body-Einstellungen */
body {
    background-color: #FAFAFA;
    font: 14px/20px 'Helvetica Neue Light', HelveticaNeue-Light, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    max-width: 820px; /* Setzt die maximale Breite des Inhalts */
    margin: 0 auto;   /* Zentriert den Inhalt horizontal */
    padding: 10px;    /* Fügt etwas Innenabstand hinzu */
}

/* Link-Stile */
a:link {
    color: black;
    text-decoration: none;
}
a:visited {
    color: black;
}

/* Tabellen-Stile */
tr {
    border: 1px solid #bbbbbb;
}
table {
    background-color: #FAFAFA;
    border-collapse: collapse;
    border-radius: 10px;
    margin: 0; /* Wichtig: Kein Margin hier, damit der Button nicht verschoben wird! */
    font-size: 0.9em;
    font-family: sans-serif;
    box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.1);
    text-align: left;
}
.tr { /* Diese Klasse überschreibt den Rahmen für bestimmte tr-Elemente */
    border: 0px solid black;
}

/* Stile für PRE-Tags (wie dein Navigationsmenü) */
/* Diese wurden wiederhergestellt, um das "grobschlächtige" Aussehen zu verbessern */
pre {
    font: 12px/20px Monaco, monospace; /* Setzt die gewünschte Schriftart und Zeilenhöhe */
    border-radius: 3px;
    background: #F9F9F9;
    padding: 10px; /* Fügt Innenabstand hinzu */
    color: #555;
    box-sizing: border-box; /* Stellt sicher, dass Padding nicht die Gesamtbreite erhöht */
    /* border: 1px solid #CCC; /* Optional: Wenn du hier wieder einen Rahmen willst */
}

/* Stil für CODE-Tags */
/* Hier könnte man spezifischere Stile für CODE hinzufügen, falls nötig */
code {
    font: 12px/20px Monaco, monospace;
    border: 1px solid #CCC;
    border-radius: 3px;
    background: #F9F9F9;
    padding: 0 3px;
    color: #555;
    box-sizing: border-box;
}

/* Stil für TEXTAREA-Elemente (z.B. in OpenJSCAD) */
/* Diese wurden wiederhergestellt, um die korrekte Größe und das Aussehen sicherzustellen */
textarea {
    font: 12px/20px Monaco, monospace;
    border: 1px solid #CCC;
    border-radius: 3px;
    background: #F9F9F9;
    padding: 10px; /* Mehr Padding als 'code' für bessere Lesbarkeit */
    color: #555;
    box-sizing: border-box;
    width: 100%; /* Macht das Textfeld 100% breit */
    height: 200px; /* Setzt die feste Höhe */
}
textarea:focus {
    outline: none; /* Entfernt den blauen Rand beim Fokus */
}

/* Canvas-Stil (für OpenJSCAD Viewer) */
canvas {
    cursor: move;
}

/* Zusätzliche Ergebnis- und Informationsfelder */
.OUTP {
    background-color: #E3E3E3;
    font-weight: bold;
}
.OUTP2 {
    background