.required-field label::after {
    content: " *";  
    color: rgb(255, 0, 0); 
    font-weight: bold;
}


/* Calender */

#calendar-container {
    max-width: 1200px;  /* Begrenze die Breite, damit es nicht zu groß wird */
    margin: auto;  /* Zentriert den Kalender */
    background: rgb(77, 137, 163);
    border-radius: 10px;
}

#calendar {
    height: 700px;  /* Feste Höhe für den Kalender */
    width: 100%;
}

.fc-toolbar {
    background: #007bff;
    color: rgb(0, 0, 0);
    border-radius: 10px 10px 0 0;
    padding: 10px;
}

/* .fc-daygrid-event {
    background-color: #28a745 !important;
    color: rgb(0, 0, 0) !important;
    border: none;
    border-radius: 5px;
} */

@media (max-width: 767px) {
    .hide-mobile {
        display: none !important;
    }
}


/* ===============================
   HEXAGON BACKGROUND SYSTEM
   =============================== */

/* Basis-Pattern */
.hex-bg {
    --hex-size: 60px;          /* Größe anpassen */
    --hex-color-1: #f4c430;    /* Hauptfarbe */
    --hex-color-2: #ffffff10;  /* Linienfarbe */
    
    background-color: var(--hex-color-1);
    background-image:
        radial-gradient(circle at 50% 0%, var(--hex-color-2) 25%, transparent 26%),
        radial-gradient(circle at 50% 100%, var(--hex-color-2) 25%, transparent 26%),
        radial-gradient(circle at 0% 50%, var(--hex-color-2) 25%, transparent 26%),
        radial-gradient(circle at 100% 50%, var(--hex-color-2) 25%, transparent 26%);
    background-size: var(--hex-size) var(--hex-size);
}

.theme-honey {
    --hex-size: 70px;
    --hex-color-1: #f4c430;
    --hex-color-2: #00000015;
}

.theme-dark-hex {
    --hex-size: 80px;
    --hex-color-1: #1a1f2b;
    --hex-color-2: #ffffff10;
}

.theme-soft-hex {
    --hex-size: 65px;
    --hex-color-1: #f8f9fa;
    --hex-color-2: #00000008;
}

/* =========================================
   REAL SVG HONEYCOMB BACKGROUND
   ========================================= */

.honeycomb-bg {
    --hex-size: 100;              /* Größe der Waben */
    --hex-size-h: 150;              /* Größe der Waben */
    --hex-fill: #f4c430;         /* Hintergrundfarbe */
    --hex-line: #00000020;       /* Linienfarbe */

    background-color: var(--hex-fill);

    background-image: url("data:image/svg+xml,\
    <svg xmlns='http://www.w3.org/2000/svg' width='${--hex-size}' height='${--hex-size-h}' viewBox='0 -50 100 150'>\
        <polygon points='50,0 50,-50 50,0 100,25 100,75 50,100 0,75 0,25' \
        fill='none' \
        stroke='%23000000' \
        stroke-opacity='0.15' \
        stroke-width='2'/>\
    </svg>");

    background-size: calc(var(--hex-size) * 1px) calc(var(--hex-size-h) * 1px);
}



/* Honey Classic */

.theme-honeycomb {
    background-color: #f4c330ed;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='86.6' viewBox='0 0 100 100'%3E%3Cpolygon points='50,0 100,25 100,75 50,100 0,75 0,25' fill='none' stroke='%23000000' stroke-opacity='0.15' stroke-width='2'/%3E%3C/svg%3E");
    background-size: 80px 69px;
}


/* 🌙 Dark Honey */
.theme-honeycomb-dark {
    background-color: #1a1f2b;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='86.6' viewBox='0 0 100 86.6'%3E%3Cpolygon points='50,0 100,25 100,75 50,100 0,75 0,25' fill='none' stroke='%23ffffff' stroke-opacity='0.12' stroke-width='2'/%3E%3C/svg%3E");
    background-size: 90px 78px;
}


/* 🌿 Soft Minimal */
.theme-honeycomb-soft {
    background-color: #f8f9fa;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='86.6' viewBox='0 0 100 86.6'%3E%3Cpolygon points='50,0 100,25 100,75 50,100 0,75 0,25' fill='none' stroke='%23000000' stroke-opacity='0.05' stroke-width='1.5'/%3E%3C/svg%3E");
    background-size: 70px 60px;
}

@media(max-width: 900px) {
    .container {
    padding: 1rem 0.9rem !important;
  } 
}

.container {
    background: lch(100% 0.01 296.81 / 0.01);
    backdrop-filter: blur(6px);
    padding: 2rem;
    border-radius: 16px;
}

.card {
    background: lch(100% 0.01 296.81 / 0.01);
    backdrop-filter: blur(6px);
    border: 1px solid #807e7e !important;
    border-radius: 12px;
    padding: 1rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}


/* NAVBAR passend zum Honey Theme */
.honeycomb-bg .navbar {
    background-color: #e6b800 !important;
    border-bottom: 2px solid #c89d00;
}