.fbfe-app {
    width: 100%;
    font-family: inherit;
}

.fbfe-controls {
    margin-bottom: 20px;
}

.fbfe-view-toggle {
    display: inline-flex;
    border: 2px solid #ed1629;
    margin-bottom: 18px;
}

.fbfe-toggle-btn {
	padding: 2px 15px;
	border: 1px solid var(--wp--preset--color--base);
	border-radius: 30px;
	font-weight: 700;
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--medium);
	background: var(--wp--preset--color--contrast);
	cursor: pointer;
}

.fbfe-toggle-btn.active {
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--contrast);
}


.fbfe-map-toggle {
    margin-bottom: 18px;
}

.fbfe-map-view {
    margin-bottom: 28px;
    width: 100%;
    height: 520px;
    background: #efefef;
}

.fbfe-marker-wrapper {
    background: transparent;
    border: 0;
}

.fbfe-marker-combo {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.fbfe-marker-icons {
    display: flex;
    gap: 4px;
    align-items: center;
}

.fbfe-marker-icon {
    width: 45px;
    height: 51px;
    display: block;
}

.fbfe-marker-arrow {
    display: block;
    width: 0;
    height: 0;
    margin-top: 4px;
}

/* Norden */
.fbfe-marker-arrow-north {
	content: "";
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='%23FF4054' d='M214.6 9.4c-12.5-12.5-32.8-12.5-45.3 0l-160 160c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 109.3 160 480c0 17.7 14.3 32 32 32s32-14.3 32-32l0-370.7 105.4 105.4c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-160-160z'/%3E%3C/svg%3E") no-repeat center center;
	background-size: fit-content;
	width: 40px;
	height: 40px;
	display: block;
}

/* Süden */
.fbfe-marker-arrow-south {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 18px solid #ed1629;
}

/* Osten */
.fbfe-marker-arrow-east {
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 18px solid #ed1629;
}

/* Westen */
.fbfe-marker-arrow-west {
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 18px solid #ed1629;
}

.fbfe-list-view {
    width: 100%;
}

.fbfe-education-section,
.fbfe-events-section {
    margin-bottom: 32px;
}

.fbfe-education-section h2,
.fbfe-events-section h2 {
    color: #ed1629;
    margin-bottom: 16px;
}

.fbfe-card {
    background: #efefef;
    padding: 16px;
    margin-bottom: 12px;
    border-left: 5px solid #ed1629;
}

.fbfe-card-title {
    font-weight: 700;
    margin-bottom: 6px;
}

.fbfe-card-meta {
    font-size: 0.95em;
}

@media (max-width: 700px) {
    .fbfe-view-toggle {
        width: 100%;
    }

    .fbfe-toggle-btn {
        flex: 1;
    }

    .fbfe-map-view {
        height: 420px;
    }
}