body {
font-family: Arial, sans-serif;
background-color: #2e2e2e;
color: #ffffff;
margin: 0;
padding: 20px;
}
.container {
max-width: 1000px;
margin: 0 auto;
background-color: #1a1a1a;
padding: 20px;
border-radius: 10px;
}
.container h1 {
text-align: center;
margin-bottom: 20px;
color: #f39c12;
}
.stream-select {
display: flex;
justify-content: center;
margin-bottom: 20px;
}
.stream-select select {
padding: 10px;
font-size: 16px;
background-color: #333333;
color: #ffffff;
border: none;
border-radius: 5px;
}
.streams-grid {
display: grid;
gap: 10px;
}
.stream-input {
display: flex;
flex-direction: column; /* Kinder-Elemente (Label, Input + Handle) werden vertikal gestapelt */
gap: 5px; /* Abstand zwischen Label und dem darunterliegenden Eingabefeld */
}

.stream-input-label {
margin-bottom: 5px; /* Zusätzlicher Abstand unter dem Label */
}
.stream-input input {
flex: 1; /* Eingabefeld nimmt den verbleibenden Platz ein */
padding: 10px;
font-size: 16px;
border-radius: 5px;
border: 1px solid #555555;
background-color: #444444;
color: #ffffff;
}
button {
display: block;
width: 100%;
padding: 10px;
margin-top: 20px;
font-size: 18px;
background-color: #f39c12;
color: #ffffff;
border: none;
border-radius: 5px;
cursor: pointer;
}
button:hover {
background-color: #e67e22;
}

body.control-panel-body {
font-family: Arial, sans-serif;
background-color: #2e2e2e;
color: #ffffff;
margin: 0;
padding: 20px;
}
.control-panel-dropdown {
margin: 20px 0;
}
select.control-panel-select {
padding: 10px;
font-size: 16px;
background-color: #444;
color: #fff;
border: none;
border-radius: 5px;
}

.drag-handle {
cursor: grab;
font-size: 1.2em;
color: #666;
}
.drag-handle:active {
cursor: grabbing;
}

.input-wrapper {
display: flex; /* Flexbox für horizontale Anordnung */
align-items: center; /* Vertikale Zentrierung */
gap: 10px; /* Abstand zwischen Eingabefeld und Griff */
}
.input-wrapper input {
flex: 1; /* Eingabefeld nimmt den verbleibenden Platz ein */
padding: 10px;
font-size: 16px;
border-radius: 5px;
border: 1px solid #555555;
background-color: #444444;
color: #ffffff;
}