/* Drachenfest – Website (ergänzt Bootstrap 5 / MDB) */

.drachenfest-card--abgesagt {
    opacity: .7;
}
.drachenfest-card--abgesagt .card-title {
    text-decoration: line-through;
}
.drachenfest-card .card-img-top {
    aspect-ratio: 16 / 9;
    object-fit: cover;
}
.drachenfest-date {
    font-weight: 600;
}
.drachenfest-vergangen .card {
    opacity: .8;
}

.drachenfest-zeit {
    flex: 0 0 7.5em;
    font-variant-numeric: tabular-nums;
}
.drachenfest-kat {
    background: #607d8b;
    font-weight: 500;
}
.drachenfest-kat--showflug { background: #1565c0; }
.drachenfest-kat--nachtfliegen { background: #283593; }
.drachenfest-kat--ballongluehen { background: linear-gradient(135deg, #ff6f00, #d84315); }
.drachenfest-kat--kinder { background: #f9a825; color: #212121; }
.drachenfest-kat--bonbon { background: #ad1457; }
.drachenfest-kat--wettbewerb { background: #2e7d32; }
.drachenfest-kat--workshop { background: #6d4c41; }
.drachenfest-kat--musik { background: #6a1b9a; }

.drachenfest .drachenfest-map {
    height: 460px;
    border-radius: .5rem;
    z-index: 0;
}
@media (max-width: 575.98px) {
    .drachenfest .drachenfest-map { height: 360px; }
    .drachenfest-zeit { flex-basis: 6em; }
}

.drachenfest-legend {
    background: rgba(255, 255, 255, .92);
    padding: 6px 8px;
    border-radius: 4px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
    font-size: 12px;
    line-height: 1.6;
}
.drachenfest-legend span { display: block; }
.drachenfest-legend i {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 2px;
    margin-right: 6px;
}

/* Kartenbedienelemente haben einen hellen Hintergrund – Schriftfarbe fest setzen, damit sie auch im
   dunklen Design (REDAXO-Backend „Dark“, dunkle Systemeinstellung) nicht weiß auf weiß erscheinen */
.leaflet-container .drachenfest-legend,
.leaflet-container .leaflet-control-layers,
.leaflet-container .leaflet-control-layers label,
.leaflet-container .leaflet-popup-content-wrapper,
.leaflet-container .leaflet-tooltip {
    color: #16233a;
}
.leaflet-container .drachenfest-legend {
    background: rgba(255, 255, 255, .95);
}
.leaflet-container .leaflet-popup-content-wrapper a {
    color: #1060c4;
}

/* Feste Beschriftung auf Flächen und Punkten – weiße Schrift mit dunklem Schatten, auf Luftbild und Karte lesbar */
.leaflet-container .leaflet-tooltip.drachenfest-label {
    background: transparent;
    border: 0;
    box-shadow: none;
    padding: 0;
    color: #fff;
    font-weight: 800;
    font-size: 13px;
    line-height: 1.15;
    letter-spacing: .01em;
    white-space: nowrap;
    text-shadow: 0 0 2px #000, 0 0 4px rgba(0, 0, 0, .9), 0 1px 6px rgba(0, 0, 0, .7);
    pointer-events: none;
}
.leaflet-container .leaflet-tooltip.drachenfest-label::before {
    display: none; /* kein Pfeil */
}
.leaflet-container .leaflet-tooltip.drachenfest-label--muted {
    opacity: .6;
    font-weight: 600;
}
.drachenfest-labels-hidden .leaflet-tooltip.drachenfest-label {
    display: none;
}

/* Honeypot gegen Spam-Bots: für Menschen unsichtbar */
.drachenfest-hp {
    position: absolute !important;
    left: -10000px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
.drachenfest-anmeldung {
    position: relative;
    scroll-margin-top: 80px;
}