/* =========================
   Spalte 3: Kompetenzen
   ========================= */

.competences {
    border-right: 1px solid var(--menu-line);
    min-width: 0;
}

.competences__parents {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}


/* =========================
   Gemeinsame Listen
   ========================= */

.competences .menu-list,
.competences__submenus .menu-list {
    width: 100%;
    max-width: 100%;
    min-width: 0;

    margin: 0;
    padding: 0;

    list-style: none;
}


/* =========================
   Parent-Menüpunkte
   ========================= */

.competences__parent {
    display: block;

    width: 100%;
    max-width: 100%;
    min-width: 0;
    white-space: normal;
    overflow-wrap: break-word;
    word-break: normal;
    transition:
        color 160ms ease,
        opacity 160ms ease;
}

.competences__parent.is-active {
    opacity: 1;
}


/* Abstand zwischen den Parent-Menüpunkten */
.competences li + li {
    margin-top: 1rem;
}


/* =========================
   Spalte 4: Untermenüs
   ========================= */

.competences__submenus {
    position: relative;
    max-width: 100%;
    min-width: 0;

    padding-left: 2rem;
}


/* Alle Submenüs zunächst verstecken */
.competences__submenu {
    display: none;

    width: 100%;
    max-width: 100%;
    min-width: 0;

    margin: 0;
    padding: 0;

    list-style: none;
}


/* Nur aktives Submenü anzeigen */
.competences__submenu.is-active {
    display: block;
}


/* Links in Spalte 4 */
.competences__submenu li a, .sub-menu li a {
    display: block;

    width: 100%;
    max-width: 100%;
    min-width: 0;

    font-size: 18px;

    white-space: normal;
    overflow-wrap: break-word;
    word-break: normal;
    hyphens: auto;
}


/* Abstand zwischen den Untermenüpunkten */
.competences__submenus li + li {
    margin-top: 1rem;
}


/* =========================
   Tablet
   ========================= */

@media (max-width: 991.98px) {

    .competences {
        border-right: 0;
    }

    .competences__submenus {
        padding-left: 0;
        margin-top: 2rem;
    }
}

.sub-menu {list-style-type: none; margin-top: 15px; }

/* =========================
   Mobile
   ========================= */

@media (max-width: 750px) {

    .competences {
        padding-inline: 1.25rem;
    }

    .competences__parents {
        width: 100%;
        border-right: 0;
    }

    .competences__submenus {
        width: 100%;
        padding-left: 1.25rem;
        margin-top: 1.5rem;
    }

    .competences__submenu {
        padding-left: 0;
        border-right: 0;
    }

    .competences__submenu li a {
        font-size: 18px;
    }
}

.fullscreen-menu {
    height: 100dvh;
    overflow: hidden;
}

.fullscreen-menu-inner {
    height: 100%;
    min-height: 0;
}

.menu-container {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

@media (max-width: 991.98px) {

    .fullscreen-menu,
    .fullscreen-menu-inner {
        height: 100dvh;
        max-height: 100dvh;
    }
	
	.menu-container {
        overflow-y: auto;
        overflow-x: hidden;
        min-height: 0;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
    }

}

@media (max-width: 992.98px) {

    .floating-buttons .anfahrt {
        display: none !important;
    }

    .floating-buttons .btn:not(.anfahrt) {
        width: 50% !important;
    }

    .floating-buttons {
        display: flex !important;
        width: 100% !important;
		flex-direction: row !important;		
		background-color: #2367B1;
	}
	
	.floating-buttons  a {color: white !important;         border: 2px solid #fff;}
	
}

@media (max-width: 991.98px) {

    .fullscreen-menu {
        height: 100dvh;
        overflow: hidden;
    }

    .fullscreen-menu-inner {
        height: 100dvh;
        min-height: 0;
    }

    .menu-container {
        flex: 1 1 0;
        min-height: 0;
        height: auto;
        overflow-y: auto !important;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
    }

    .menu-columns {
        display: block;
        height: auto !important;
        min-height: 0;
        overflow: visible !important;
    }

    .menu-column {
        display: block;
        position: relative;
        height: auto !important;
        min-height: 0;
        overflow: visible !important;
    }

    .competences__submenus {
        position: relative;
        display: block;
        height: auto !important;
        min-height: 0;
        overflow: visible !important;
    }

    .competences__submenu {
        position: static !important;
        height: auto !important;
    }

    .competences__submenu.is-active {
        display: block;
    }
}