.elementor-5294 .elementor-element.elementor-element-dc0de66{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-5294 .elementor-element.elementor-element-dc0de66:not(.elementor-motion-effects-element-type-background), .elementor-5294 .elementor-element.elementor-element-dc0de66 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("http://test.bootsschulex.de/wp-content/uploads/2024/11/BGKontakt.webp");background-position:top center;background-size:cover;}.elementor-5294 .elementor-element.elementor-element-2357a7a{--display:flex;--min-height:25vh;--justify-content:center;--border-radius:25px 25px 25px 25px;--z-index:10;}.elementor-5294 .elementor-element.elementor-element-2357a7a:not(.elementor-motion-effects-element-type-background), .elementor-5294 .elementor-element.elementor-element-2357a7a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("http://test.bootsschulex.de/wp-content/uploads/2025/03/bsx-begriffe-glossar-banner-design.webp");background-position:center center;background-repeat:no-repeat;}.elementor-5294 .elementor-element.elementor-element-d2966f9{--display:flex;--border-radius:0px 0px 25px 25px;--margin-top:-50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-5294 .elementor-element.elementor-element-d2966f9:not(.elementor-motion-effects-element-type-background), .elementor-5294 .elementor-element.elementor-element-d2966f9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(197deg, #06D4D830 0%, #4F29F22E 100%);}.elementor-widget-text-editor{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-5294 .elementor-element.elementor-element-825826e{width:var( --container-widget-width, 85% );max-width:85%;--container-widget-width:85%;--container-widget-flex-grow:0;text-align:center;color:#FFFFFF;}.elementor-5294 .elementor-element.elementor-element-825826e.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-5294 .elementor-element.elementor-element-16cacf05.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-5294 .elementor-element.elementor-element-0886dc8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5294 .elementor-element.elementor-element-011a793 > .elementor-widget-container{padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-5294 .elementor-element.elementor-element-dc0de66{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-5294 .elementor-element.elementor-element-d2966f9{--padding-top:50px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-5294 .elementor-element.elementor-element-16cacf05{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;}.elementor-5294 .elementor-element.elementor-element-16cacf05.elementor-element{--align-self:center;}}@media(max-width:767px){.elementor-5294 .elementor-element.elementor-element-dc0de66{--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-5294 .elementor-element.elementor-element-16cacf05.elementor-element{--align-self:center;}}@media(min-width:1025px){.elementor-5294 .elementor-element.elementor-element-dc0de66:not(.elementor-motion-effects-element-type-background), .elementor-5294 .elementor-element.elementor-element-dc0de66 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}.elementor-5294 .elementor-element.elementor-element-2357a7a:not(.elementor-motion-effects-element-type-background), .elementor-5294 .elementor-element.elementor-element-2357a7a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}/* Start custom CSS for shortcode, class: .elementor-element-16cacf05 *//* Allgemeines Styling für die Glossarliste */
.glossaryList {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4 Spalten auf Desktop */
    gap: 20px;
    justify-content: center;
    text-align: center;
    width: 100%;
}

/* Einzelne Begriffe */
.glossary-item {
    display: flex;
    justify-content: center;
    width: 100%;
}

/* Links im Glossar */
.glossaryLink {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    background: #ffffff; /* Weißer Hintergrund */
    padding: 15px;
    border-radius: 12px; /* Abgerundete Ecken */
    font-size: 18px;
    font-weight: bold;
    color: #000000; /* Schwarzer Text */
    transition: all 0.3s ease;
    width: 100%;
    max-width: 250px;
    min-width: 200px; /* Stellt sicher, dass alle Buttons gleich groß sind */
    text-align: center;
}

/* Hover-Effekt für Begriffe */
.glossaryLink:hover {
    background: #5627fd; /* Lila Hintergrund */
    color: #ffffff; /* Weißer Text */
}

/* Icons über den Begriffen */
.glossaryLink i {
    font-size: 24px;
    color: #5627fd; /* Standardfarbe für das Icon */
    margin-bottom: 8px;
    transition: color 0.3s ease;
}

/* Icon-Farbe beim Hover */
.glossaryLink:hover i {
    color: #ffffff; /* Weißes Icon beim Hover */
}

/* Tablet (3 Spalten) */
@media (max-width: 1024px) {
    .glossaryList {
        grid-template-columns: repeat(3, 1fr); /* 3 Spalten auf Tablet */
        gap: 15px;
    }
    .glossary-item {
        width: 100%;
    }
    .glossaryLink {
        font-size: 16px;
        padding: 12px;
    }
    .glossaryLink i {
        font-size: 22px;
    }
}

/* Mobile (1 Spalte, Buttons haben gleiche Breite) */
@media (max-width: 768px) {
    .glossaryList {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 10px;
        width: 100%;
    }
    .glossary-item {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .glossaryLink {
        font-size: 14px;
        padding: 12px;
        width: 90%; /* Nutzt 90% der Bildschirmbreite */
        max-width: 350px; /* Begrenzt die maximale Größe für Optik */
        min-width: 250px; /* Stellt sicher, dass alle Buttons gleich groß sind */
    }
    .glossaryLink i {
        font-size: 20px;
    }
}


.glossaryLink:hover span {
    color: white !important;
}


.glossary_top_filter {
    display: none !important;
}/* End custom CSS */