body { 
    font-family: monospace; 
    padding: 20px; 
    background-color: #fafafa; 
    color: #333; 
}

.section { 
    background: #fff; 
    padding: 15px; 
    margin-bottom: 20px; 
    border: 1px solid #ddd; 
    border-radius: 4px; 
}

input[type="text"] { 
    width: 300px; 
    padding: 4px; 
    font-family: monospace; 
}

select { 
    width: 300px; 
    padding: 4px; 
    font-family: monospace; 
}

button { 
    padding: 4px 10px; 
    font-family: monospace; 
    cursor: pointer; 
}

pre { 
    background: #222; 
    color: #00ff00; 
    padding: 10px; 
    overflow-x: auto; 
    border-radius: 4px; 
}

table { 
    border-collapse: collapse; 
    width: 100%; 
    text-align: left; 
    margin-top: 10px; 
}

th, td { 
    padding: 8px; 
    border: 1px solid #ddd; 
}

th { 
    background: #f0f0f0; 
}

.flag-badge { 
    background: #e0e0e0; 
    padding: 2px 6px; 
    border-radius: 3px; 
    font-size: 11px; 
    margin-right: 4px; 
    display: inline-block;
}

.btn {
  display: inline-block;
  padding: 12px 24px;
  font-family: sans-serif;
  text-decoration: none;
  
  /* Deine gewünschten Anpassungen: */
  background-color: #002f6c; /* Signalblau / Bundeswehr-Blau (Alternativ #0056b3 für ein helleres Königsblau) */
  color: #ffffff;            /* Weiße Schrift */
  border: 2px solid #ffffff; /* Weißer Rand (2 Pixel breit) */
  border-radius: 8px;        /* Abgerundete Ecken */
  
  /* Kleiner Bonus: Schatten für mehr Tiefe */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: background-color 0.2s ease;
}

/* Hover-Effekt: Wenn man mit der Maus über den Button fährt */
.btn:hover {
  background-color: #001f4d; /* Dunkleres Blau beim Drüberfahren */
}

.btngreen {
  display: inline-block;
  padding: 12px 24px;
  font-family: sans-serif;
  text-decoration: none;
  
  /* Deine gewünschten Anpassungen: */
  background-color: green; /* Signalblau / Bundeswehr-Blau (Alternativ #0056b3 für ein helleres Königsblau) */
  color: #ffffff;            /* Weiße Schrift */
  border: 2px solid #ffffff; /* Weißer Rand (2 Pixel breit) */
  border-radius: 8px;        /* Abgerundete Ecken */
  
  /* Kleiner Bonus: Schatten für mehr Tiefe */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: background-color 0.2s ease;
}

.btnorange {
  display: inline-block;
  padding: 12px 24px;
  font-family: sans-serif;
  text-decoration: none;
  
  /* Deine gewünschten Anpassungen: */
  background-color: orange; /* Signalblau / Bundeswehr-Blau (Alternativ #0056b3 für ein helleres Königsblau) */
  color: #ffffff;            /* Weiße Schrift */
  border: 2px solid #ffffff; /* Weißer Rand (2 Pixel breit) */
  border-radius: 8px;        /* Abgerundete Ecken */
  
  /* Kleiner Bonus: Schatten für mehr Tiefe */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: background-color 0.2s ease;
}

/* Hover-Effekt: Wenn man mit der Maus über den Button fährt */
.btn:hover {
  background-color: #001f4d; /* Dunkleres Blau beim Drüberfahren */
}