This commit is contained in:
2025-05-19 23:33:58 +02:00
parent 07b6d25665
commit ac65de5c3d

View File

@@ -65,6 +65,7 @@
.container { .container {
display: flex; display: flex;
flex-wrap: wrap;
height: 100%; height: 100%;
width: 100%; width: 100%;
} }
@@ -83,35 +84,34 @@
height: 100%; height: 100%;
} }
#bereich-a .top { .top {
margin-top: 10px;
height: 35px;
display: grid; display: grid;
width: 100%; gap: 0px;
grid-template-columns: 68.96% 6.92% 10.34% 13.79%; grid-template-columns: 68.96% 6.92% 10.34% 13.79%;
margin-top: 10px;
} }
#bereich-a .top > div { .top > div {
background-color: var(--bg); /* Beispiel für Formularfelder */ background-color: var(--bg); /* Beispiel für Formularfelder */
} }
#bereich-a .top input { .top input {
width: 100%; /* Das Textfeld nimmt die gesamte Breite der Spalte ein */ width: 100%; /* Vollständige Breite */
padding: 8px; padding: 8px;
border: 1px solid #ddd; border: 1px solid #ddd;
border-radius: var(--radius); /* Abgerundete Ecken */ border-radius: var(--radius); /* Abgerundete Ecken */
background-color: #fff; background-color: #fff;
font-size: 14px; font-size: 14px;
color: var(--text); color: var(--text);
transition: all 0.3s ease; /* Für weiche Übergänge */ transition: all 0.3s ease;
} }
#bereich-a .top input::placeholder { .top input::placeholder {
color: #aaa; /* Platzhalter in einer helleren Farbe */ color: #aaa; /* Platzhalter in einer helleren Farbe */
font-style: italic; font-style: italic;
} }
#bereich-a .top input:focus { .top input:focus {
border-color: var(--accent); /* Die Rahmenfarbe beim Fokus */ border-color: var(--accent); /* Die Rahmenfarbe beim Fokus */
outline: none; /* Entfernt den Standard-Fokusrahmen */ outline: none; /* Entfernt den Standard-Fokusrahmen */
} }