/* Allgemeine Body-Styles */ 
body {
    background: linear-gradient(135deg, #0f2027, #203a43, #2c5364);
    color: white;
    font-family: 'Roboto', sans-serif;
}

/* Header-Styles */
header {
    background-color: rgba(0, 0, 0, 0.6);
    padding: 1rem;
    text-align: center;
    font-family: 'Orbitron', sans-serif;
    font-size: 2rem;
    text-transform: uppercase;
    letter-spacing: 3px;
    animation: glow 3s ease-in-out infinite alternate;
}
#mail-toolbar > .mx-auto {
    background: transparent !important;
    min-height: auto !important;
}
/* Keyframes für Header-Animation */
@keyframes glow {
    from { text-shadow: 0 0 10px #00ffe0, 0 0 20px #00ffe0; }
    to { text-shadow: 0 0 20px #00ffe0, 0 0 40px #00ffe0; }
}
/* Input */
.table-auto tbody input[type=text]{
 color:#34495e!important;
}
/* Max */
.max-w-md{
 background-color:#34495e;
}
@media (max-width:768px){

 /* Header */
 header{
  font-size:20px;
 }
 /* Button */
.d-flex div a{
 color:#9dcceb;
}

}
/* Input */
.table-auto tbody input[type=email]{
 color:#2c3e50!important;
}

/* Transition */
.glass-box .grid .transition{
 transform:translatex(0px) translatey(0px);
 background-color:#18202e;
}

.fc-event.fc-event-shared {
    color: #000 !important;  /* Textfarbe auf schwarz */
}


/* Input */
.mx-auto form input[type=text]{
 color:#34495e!important;
}

/* Input */
.mx-auto form input[type=email]{
 color:#34495e!important;
}
/* Input */
.max-w-md div input[type=email]{
 transform:translatex(0px) translatey(0px);
 color:#34495e;
}



/* Hauptcontainer (.mx-auto / .max-w-md) Styles */
.mx-auto {
    background-color: #34495e !important;
}
/* Spezifische Farbe für das Select-Menü im ersten Formular innerhalb der flex button-Leiste */
.flex.space-x-2 > form:nth-child(1) > select {
    color: #34495e !important;
}
.mx-auto h1 {
    color: #999b9d;
}

.mx-auto p {
    color: #93d4ff;
}

/* Formular-Elemente innerhalb von .mx-auto / .max-w-md */
.mx-auto div label {
    color: #00f4f4;
}

.mx-auto div input[type=text] {
    color: #5b5b5b;
}

.max-w-md div input[type=password] {
    color: #878787;
}

.mx-auto div textarea {
    color: #525050;
}

/* Selektoren mit Tailwind-ähnlichen Klassen */
.md\:justify-between form select {
    color: #00a8a5;
}

.md\:items-center .items-center select {
    color: #34495e;
}

/* Glass Box Effekt */
.glass-box {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(12px);
    border-radius: 1rem;
    padding: 2rem;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
}

/* Button / Link Styles */
a.button-glow {
    background-color: #00ffe0;
    color: #000;
    padding: 0.75rem 1.5rem;
    border-radius: 0.5rem;
    font-weight: bold;
    transition: all 0.3s ease;
    box-shadow: 0 0 10px #00ffe0, 0 0 20px #00ffe0;
    display: inline-block;
    margin: 0.5rem;  /* Einheitlicher Außenabstand */
}

a.button-glow:hover {
    background-color: #00c9b7;
    box-shadow: 0 0 20px #00ffe0, 0 0 30px #00ffe0;
}

/* Spezifischerer Button Glow (falls Button auch in .glass-box und .justify-between liegt) */
.glass-box .justify-between .button-glow {
    color: #c69b51;
    font-size: 17px;
}

/* Spezifische Link-Styles */
.mx-auto .mt-6 a {
    color: #f39c12;
}

.glass-box > ul > li > a {
    background-color: #1f2d50;
}

.md\:justify-between .flex .hover\:underline {
    color: #adc7ff;
}

/* Weitere spezifische Styles */
.glass-box ul ul .transition {
    background-color: #242937;
}

.divide-y .block .text-sm {
    color: #e5e5e5;
}

.divide-y .block .justify-between {
    color: #e0e0e0;
}

.divide-y .block .font-medium {
    color: #f9f9f9;
}

/* Neue Regel: Button-Gruppe für konsistente Abstände zwischen Buttons */
.button-group {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;  /* Gleichmäßiger Abstand zwischen den Buttons */
    justify-content: center;
}

/* Media Query für kleinere Bildschirme 
@media (max-width: 576px) {
    .md\:items-center .items-center .transition {
        font-size: 14px;
        transform: translatex(-277px) translatey(60px);
        width: 269px !important;
    }

*/
@media (max-width: 768px) {
    .fc-daygrid-more-link {
        margin-top: -13px!important; /* oder mehr/weniger nach Bedarf */
        position: relative!important; /* verhindert absolutes "Abdriften" */
        z-index: 10!important; /* nach vorne holen, falls nötig */
    }
}


 /*   .mx-auto {
        min-height: 640px;
    }*/

    .mx-auto .md\:items-center .transition {
         width: 277px;
    }

    .md\:items-center .items-center select {
        width: 273px;
    }

    /* Auf mobilen Geräten sollen Buttons in der Gruppe vertikal angeor
dnet werden */
    .button-group {
        flex-direction: column;
        gap: 0.5rem;
    }
}

/* Selektor außerhalb der Media Query */
.md\:items-center .items-center select {
     color: #34495e;
}