/* Dropdown Button */
.dropbtn {
 background-color: #04AA6D;
 color: white;
 padding: 16px;
 font-size: 16px;
 border: none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
 position: relative;
 display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
 display: none;
 position: absolute;
 background-color: #f1f1f1;
 min-width: 160px;
 box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
 color: rgb(146, 11, 11);
 padding: 12px 16px;
 text-decoration: none;
 display: block;
}

.remove-scrolling { 
  height: 100%; 
  overflow: hidden; 
} 

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #5657b8;} 

    /* Container für die Radio Buttons */
    .radio-group {
      display: flex;
      gap: 5px;
    }

    input[type="radio"] {
      display: none;
    }

    label {
      padding: 10px 20px;
      border: 2px solid #007BFF;
      border-radius: 5px;
      background-color: #f0f0f0;
      color: #007BFF;
      cursor: pointer;
      transition: all 0.3s ease;
    }

    /* Hover-Effekt */
    label:hover {
      background-color: #007BFF;
      color: #fff;
    }

    /* Aktiver Zustand (wenn ausgewählt) */
    input[type="radio"]:checked + label {
      background-color: #007BFF;
      color: #fff;
      border-color: #0056b3;
    }


    .breiter-button {
      width: 200px; /* Breite des Buttons */
      height: 50px; /* Optional: Höhe des Buttons */
      background-color: #f0f0f0; /* Hintergrundfarbe */
      color: black; /* Textfarbe */
      border-radius: 5px; /* Abgerundete Ecken */
      font-size: 16px; /* Schriftgröße */
      border: 2px solid #007BFF;
    }

    .breiter-button:hover {background-color: #007BFF; }

    .breiter-button:active {background-color: #00ff00; }

    .breiter-select{
       width: 100px;
      height: 50px; /* Optional: Höhe des Buttons */
      font-size: 20px; /* Schriftgröße */
    }

    .rahmen {
    border: 2px solid green; /* Rahmenfarbe, -stärke und -stil */
    padding: 10px; /* Abstand zwischen Text und Rahmen */
    width: fit-content; /* Passt die Breite an den Inhalt an */
    }