/* _content/Inneo.Portal.Web/Components/Layout/Footer.razor.rz.scp.css */
.cf-footer-social-link-block[b-28h5y2uj8o] {
    font-size: 20px;
    color: #000000 !important;
    text-decoration: none !important;
    margin-right: 3px;
}

.in_bg-custom[b-28h5y2uj8o] {
    background-color: #CCD5DD !important;
}


.inneo_ul[b-28h5y2uj8o] {
    list-style-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='12' height='12' viewBox='0 0 12 18' style='enable-background:new 0 0 12 18;' xml:space='preserve'%3E%3Cpolygon points='5.6,18 12,9.1 5.6,0 0.2,0 6.6,9 0,18 ' style='fill:%23a8102b;'/%3E%3C/svg%3E") !important;
    padding-inline-start: 18px !important;
}

.inneo_li[b-28h5y2uj8o] {
    /*border-bottom: 1px solid black;*/
}



/* powerd by ausblenden */
.my-2[b-28h5y2uj8o] {
    display: none;
}


.pb-1[b-28h5y2uj8o] {
    margin: auto;
}

.banner img[b-28h5y2uj8o] {
    width: 100%;
    /* Kontaktseite auf Bannerbreite 1140px anpassen */
}

.contactContainer[b-28h5y2uj8o]
{
    margin: auto !important;
    width: 1140px !important;
}

#footerp[b-28h5y2uj8o] {
    margin-bottom: 0px !important;
}

.footerContactIcon-Img[b-28h5y2uj8o] {
    max-width: 100%;
    height: 100px;
    object-fit: contain;
}

.footerContactIcon-Headline[b-28h5y2uj8o]{
    margin-bottom: -4px;
}

@media (min-width: 992px) {
    .no-wrap-lg[b-28h5y2uj8o] {
        white-space: nowrap; /* verhindert Zeilenumbruch */
    }
}

/* _content/Inneo.Portal.Web/Components/Layout/LeftNavBarMenu.razor.rz.scp.css */
.withoutBorderRadius[b-a3rmvzwwmd] {
    border-radius: 0;
}




/* Füge dies in deine site.css Datei ein */
.left-nav-bar[b-a3rmvzwwmd] {
    /*background-color: #333;*/
/*    color: black;
    display: flex;
    flex-direction: column;
    padding: 0;
    align-items: stretch;
    width: 100%;*/
    
}

    /*.left-nav-bar button {
        background-color: #999;
        color: black;
        border: none;
        padding: 15px 20px;
        text-align: left;
        cursor: pointer;
        transition: background-color 0.3s;
        margin: 2px 0;*/ /* Fügt einen Abstand von 5px nur oben und unten hinzu */
    /*}*/

/*    .left-nav-bar button {
        margin-left: -15px;
        // Verschiebt alle Buttons 10px nach links
    }*/

        /*.left-nav-bar button:first-child {
            margin-top: 0;*/ /* Entfernt den oberen Rand des ersten Buttons */
        /*}

        .left-nav-bar button:last-child {
            margin-bottom: 0;*/ /* Entfernt den unteren Rand des letzten Buttons */
        /*}*/

        /*.left-nav-bar button:hover {
            background-image: linear-gradient(to top, #002244 0%, #346393 100%);
            color: white;
        }

        .left-nav-bar button.active {
            background-image: linear-gradient(to top, #002244 0%, #346393 100%);
            color: white;
        }*/


        .left-nav-bar button:focus[b-a3rmvzwwmd] {
            outline: none;
        }



/* _content/Inneo.Portal.Web/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-jdv0lkle0y] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-jdv0lkle0y] {
    flex: 1;
}

.sidebar[b-jdv0lkle0y] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-jdv0lkle0y] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-jdv0lkle0y]  a, .top-row[b-jdv0lkle0y]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-jdv0lkle0y]  a:hover, .top-row[b-jdv0lkle0y]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-jdv0lkle0y]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-jdv0lkle0y] {
        justify-content: space-between;
    }

    .top-row[b-jdv0lkle0y]  a, .top-row[b-jdv0lkle0y]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-jdv0lkle0y] {
        flex-direction: row;
    }

    .sidebar[b-jdv0lkle0y] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-jdv0lkle0y] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-jdv0lkle0y]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-jdv0lkle0y], article[b-jdv0lkle0y] {
        padding-left: 0rem !important;
        padding-right: 0rem !important;
    }
}

#blazor-error-ui[b-jdv0lkle0y] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-jdv0lkle0y] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }











/* _content/Inneo.Portal.Web/Components/Layout/TopNavBarMenu.razor.rz.scp.css */








/* Desktop-Ansicht: 2-8-2 Aufteilung */
@media (min-width: 992px) {
    .in_navbar-collapse[b-2yk5xwftta] {
        display: flex;
        justify-content: center;
    }

    /* Layout mit 2-8-2 für große Bildschirme */
    .in_navbar-left[b-2yk5xwftta] {
        flex: 2;
    }

    .in_navbar-center[b-2yk5xwftta] {
        flex: 8;
    }

    .in_navbar-right[b-2yk5xwftta] {
        flex: 2;
    }
}

/* Mobile Ansicht: Burger-Menü rechts ausgerichtet und nach links öffnend */
@media (max-width: 992px) {
    .in_navbar-collapse[b-2yk5xwftta] {
        position: absolute;
        top: 100px;
        right: 0;
        background-color: slategrey;
        padding: 10px;
        border-left: 1px solid #ccc;
        z-index: 1050;
        box-shadow: -2px 0 5px rgba(0, 0, 0, 0.1);
    }

    .in_navbar-toggler[b-2yk5xwftta] {
        margin-left: auto;
    }

    .in_navbar-nav[b-2yk5xwftta] {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 10px;
    }

    .in_nav-item[b-2yk5xwftta] {
        display: flex;
        justify-content: flex-end;
    }

    .in_nav-item button[b-2yk5xwftta] {
        width: auto;
        padding: 5px 10px;
    }
}








/*.btn-outline-light:hover {
    background-color: #dc3545;*/ /* Ein kräftiges Rot */
    /*color: white;
}




.custom-hover:hover {
    color: #dc3545;*/ /* Bootstrap Danger-Farbe */
/*}*/











/*Globale Buttons in der Mitte*/
/*.navigation-buttons {
    display: flex;
    justify-content: center;*/ /* Zentriert die Buttons horizontal */
    /*align-items: flex-end;*/ /* Positioniert die Buttons am unteren Rand des Containers */
    /*gap: 0.5rem;
    margin-bottom: 10px;*/ /* Abstand vom unteren Rand */
    /*width: 100%;*/ /* Stellt sicher, dass der Container die volle Breite einnimmt */
    /*position: absolute;*/ /* Erlaubt die freie Positionierung innerhalb eines relativ positionierten Eltern-Elements */
    /*bottom: 0;*/ /* Positioniert den Container am unteren Rand des Eltern-Elements */
/*}


    .navigation-buttons .btn {
        background: none;
        color: white;
        border: 1px solid white;
        justify-content: flex-end;
    }

        .navigation-buttons .btn:hover {
            background-color: #FA0041;*/ /* INNEO-rot beim Hover */
        /*}*/







/*Die Navigation rechts oben*/
/*.nav-item {
    display: flex;
    flex-direction: column;
    align-items: center;*/ /* Änderung hier für horizontale Zentrierung */
    /*padding: 0.5rem;
    margin-left: auto;*/ /* Schiebt den Container ganz nach rechts */
/*}

    .nav-item .nav-link, .nav-item .dropdown {
        display: flex;
        align-items: center;*/ /* Zentriert die Icons vertikal mit dem Text */
        /*color: white;
        text-decoration: none;
        font-size: 1.2rem;
        margin-bottom: 0.5rem;
        width: 100%;*/ /* Stellt sicher, dass alle Links und Dropdowns die gleiche Breite haben */
        /*padding-right: 0.5rem;*/ /* Fügt rechts Padding hinzu */
    /*}

        .nav-item .nav-link i, .nav-item .dropdown .btn i {
            margin-right: 0.5rem;*/ /* Standardisiert den Abstand zwischen Icons und Text */
        /*}







.dropdown .btn {
    background: transparent;
    color: white;
    border: none;
    display: flex;
    align-items: center;
    width: auto;*/ /* Erstreckt sich über die volle Breite des Elternelements */
    /*font-size: 1.2rem;
}

.dropdown-menu {
    margin-top: 0.2rem;*/ /* Gibt einen kleinen Abstand zum Button, um visuelle Trennung zu schaffen */
    /*background-color: #004080;*/ /* Dunkelblauer Hintergrund */
    /*border: none;*/ /* Keine Grenzen, für ein sauberes Aussehen */
    /*box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175);*/ /* Schatten für einen schwebenden Effekt */
    /*color: white;*/ /* Weiße Textfarbe für die Dropdown-Elemente */
    /*font-size: 1.2rem;
}

.dropdown-item {
    color: white;*/ /* Weiße Textfarbe */
/*}

    .dropdown-item:hover {
        background-color: #FA0041;*/ /* INNEO-rot beim Hover */
        /*color: white;*/ /* Sicherstellen, dass die Textfarbe weiterhin weiß bleibt */
    /*}*/








/* Allgemeiner Hover-Stil für nav-links und Dropdown-Buttons */
/*.nav-link:hover, .dropdown .btn:hover {
    color: #FA0041;*/ /* Rot beim Hover */
    /*transform: scale(1.1);*/ /* Macht die Elemente 10% größer */
    /*cursor: pointer;
}*/

/* Zusätzliche Hover-Stile für Icons */
/*.nav-link i:hover, .dropdown .btn i:hover {
    color: #FA0041;*/ /* Rot beim Hover für Icons */
/*}*/

/* Spezifische Anpassungen für Dropdown-Menü-Links */
/*.dropdown-item:hover {
    background-color: #FA0041;*/ /* Roter Hintergrund für Dropdown-Menü-Elemente beim Hover */
    /*color: white;*/ /* Weißer Text auf rotem Hintergrund */
/*}*/
/* _content/Inneo.Portal.Web/Components/Pages/CourseDetail.razor.rz.scp.css */
.background[b-c44dmn1b3f] {
    min-height: 100vh; /* Stellt sicher, dass der Hintergrund die volle Höhe einnimmt */
    margin: -15px; /* Entfernt Standard-Margin */
    padding: 20px;
    background: #DEDEDE; /*Hellgrau*/
    background-repeat: no-repeat; /* Kein Wiederholen des Musters */
    background-attachment: fixed; /* Fixiert den Hintergrund beim Scrollen */
    background-size: cover; /* Deckt die gesamte Fläche ab */
}



.banner-container[b-c44dmn1b3f] {
    width: 100%;
    padding: -20px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: radial-gradient(circle at bottom left, #002244 20%, transparent 70%), radial-gradient(circle at bottom right, #002244 20%, transparent 70%), linear-gradient(to top, #003366, #0088FF 40%, #87C1FF); /* Helligkeit in der Mitte erhöht */
}

.banner-img[b-c44dmn1b3f] {
    width: 900px;
    height: 200px;
    position: absolute; /* oder absolute, je nach Bedarf */
    z-index: 10; /* Höher als die NavBar */
    margin-bottom: 320px;
}

.card-img[b-c44dmn1b3f]{
    margin-top: 15px;
    height: 400px;
    width: 800px;
}




.info-with-icon[b-c44dmn1b3f] {
    display: flex;
    gap: 10px;
    font-size: 30px;
}


.right-aligned-column[b-c44dmn1b3f] {
    margin-left: auto;
}




/*Schwarzer weicher Kontrast für Schriften*/
.text-with-soft-border[b-c44dmn1b3f] {
    text-shadow: 1px 1px 2px black, -1px -1px 2px black, 1px -1px 2px black, -1px 1px 2px black;
}


/*Trennstrich*/
/*hr {
    height: 2px;*/ /* Stellt die Dicke des Strichs ein */
    /*background-color: darkorange;*/ /* Farbe des Strichs */
    /*opacity: 1;*/ /* Volle Opazität */
    /*box-shadow: 1px 1px 2px black, -1px -1px 2px black, 1px -1px 2px black, -1px 1px 2px black;
    margin-top: -10px;
}*/





.orange[b-c44dmn1b3f] {
    color: #FF7F27;
}



.white-font[b-c44dmn1b3f]{
    color: white;
}


.white-background[b-c44dmn1b3f] {
    background-color: white;
}


.row.white-background[b-c44dmn1b3f] {
    width: 98%; /* Setzt die Breite auf 80% des Elternelements */
    margin: 0 auto; /* Zentriert das Element horizontal */
    background-color: white; /* Stellt die Hintergrundfarbe sicher, falls 'white-background' nur beschreibend ist */
}



.inneo-blue-font[b-c44dmn1b3f] {
    /*color: #0A2243; */ /*Konstantin: Original - aber ich finde das zu Dunkel*/
    color: #12488A;
}

.inneo-red[b-c44dmn1b3f] {
    color: #AF1833;
}

.inneo-red-box[b-c44dmn1b3f] {
    background-color: #AF1833; /* Setzt die Hintergrundfarbe */
    color: white; /* Setzt die Textfarbe auf Weiß */
    font-weight: bold; /* Macht den Text fett */
    display: inline-block; /* Das Element passt sich der Breite des Inhalts an */
    padding: 5px 20px; /* Fügt innen Abstand hinzu für besseres Aussehen */
    padding-top: 10px;
}



.orange-border[b-c44dmn1b3f] {
    border: 3px solid #FF7F27;
    box-shadow: 1px 1px 2px black, -1px -1px 2px black, 1px -1px 2px black, -1px 1px 2px black;
}


.black-border[b-c44dmn1b3f] {
    border: 1px solid black;
    box-shadow: 1px 1px 2px grey, -1px -1px 2px grey, 1px -1px 2px grey, -1px 1px 2px grey;
}















.card-body[b-c44dmn1b3f] {
    font-size: 16px; /* Standard Schriftgröße */
}





.bi-circle-fill[b-c44dmn1b3f] {
    color: #AF1833; /* Einstellung für den Kreis */
}

.bi-chevron-right[b-c44dmn1b3f] {
    color: red; /* Einstellung für das Chevron */
    margin-right: 5px;
}

.list-item[b-c44dmn1b3f] {
    margin-left: 20px;
    font-size: 16px;
}

.card-title[b-c44dmn1b3f] {
    font-weight: bold;
}




.centered-content[b-c44dmn1b3f] {
    text-align: center; /* Zentriert den Text */
    display: flex; /* Erstellt ein Flexbox-Layout */
    justify-content: center; /* Zentriert die Inhalte horizontal */
    align-items: center; /* Zentriert die Inhalte vertikal */
}








.flex-grow-1[b-c44dmn1b3f] {
    flex: 1; /* Lässt das Element den verfügbaren Raum ausfüllen, damit der Titel zentriert und das Icon rechts ausgerichtet wird */
}

.center-text[b-c44dmn1b3f] {
    text-align: center; /* Zentriert den Text innerhalb des Blocks */
}

.icon-right[b-c44dmn1b3f] {
    margin-bottom: 20px; /* Setzt einen unteren Rand von 20px */
    align-self: flex-end; /* Stellt sicher, dass das Icon am unteren Rand des Containers ausgerichtet ist, wenn nötig */
}






.big-fontsize[b-c44dmn1b3f]{
    font-size: 60px;
    font-weight: bold;
}

.course-number[b-c44dmn1b3f] {
    display: flex; /* Nutzt Flexbox für dieses spezifische Element */
    justify-content: center; /* Zentriert die Inhalte horizontal */
    align-items: center; /* Zentriert die Inhalte vertikal */
    margin-top: -30px; /* Reduziert den Abstand zum vorherigen Element */
    margin-bottom: 60px;
    font-size: 30px; /* Optional, um die Schriftgröße anzupassen */
}








.flex-container[b-c44dmn1b3f] {
    display: flex;
    justify-content: space-between; /* Erstellt maximalen Abstand zwischen den Elementgruppen */
    align-items: center; /* Vertikale Ausrichtung der Inhalte */
}

.button-group[b-c44dmn1b3f] {
    display: flex;
    justify-content: center; /* Zentriert die Buttons innerhalb ihrer Gruppe */
    flex-grow: 1; /* Erlaubt der Gruppe, den verfügbaren Raum zu nutzen */
    gap: 10px; /* Definiert den Abstand zwischen den Buttons */
}

.btn-primary[b-c44dmn1b3f] {
    background-color: #124789; /* Farbe für den Terminauswahl Button */
    border-color: #124789; /* Rahmenfarbe anpassen, falls nötig */
}

.btn-secondary[b-c44dmn1b3f] {
    background-color: #AF1833; /* Farbe für den Zurück zu den Kursen Button */
    border-color: #AF1833; /* Rahmenfarbe anpassen, falls nötig */
}











.bookmark-toggle > .fa-hover-show[b-c44dmn1b3f],
.bookmark-toggle:hover > .fa-hover-hidden[b-c44dmn1b3f] {
    display: none;
}

.bookmark-toggle:hover > .fa-hover-show[b-c44dmn1b3f] {
    display: inline-block;
    color: #FA0041; /*INNEO-Rot*/
    cursor: pointer;
}

.bi-bookmarks[b-c44dmn1b3f], .bi-bookmarks-fill[b-c44dmn1b3f] {
    font-size: 2rem; /* Größe des Icons */
}








.footer-container[b-c44dmn1b3f] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer-img[b-c44dmn1b3f] {
    width: 1800px;
    height: 650px;
}
/* _content/Inneo.Portal.Web/Components/Pages/Home.razor.rz.scp.css */
/* Custom-Styles für das Bild */
.in_portal-image[b-25fm8srj05] {
    /* Optional: Falls du noch spezifische Anpassungen möchtest */
    border-radius: 5px; /* Beispiel: Abgerundete Ecken */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Beispiel: Schatten */
}



/* Optional: Bei kleinen Bildschirmen zusätzliche Anpassungen */
@media (max-width: 576px) {
    .in_btn[b-25fm8srj05] {
        width: 100%; /* Bei kleinen Bildschirmen volle Breite der Buttons */
        margin-bottom: 10px; /* Abstand zwischen Buttons */
    }
}
/* _content/Inneo.Portal.Web/Components/Pages/Trainings.razor.rz.scp.css */
img.full-width[b-sm4qgxvaqf] {
    width: 100%; /* Setzt die Breite des Bildes auf 100% des Elternelements */
    height: auto; /* Die Höhe wird automatisch angepasst, um das Seitenverhältnis zu erhalten */
}





.banner-container[b-sm4qgxvaqf] {
    width: 100%;
    padding: -20px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: radial-gradient(circle at bottom left, #002244 20%, transparent 70%), radial-gradient(circle at bottom right, #002244 20%, transparent 70%), linear-gradient(to top, #003366, #0088FF 40%, #87C1FF); /* Helligkeit in der Mitte erhöht */
}

.banner-img[b-sm4qgxvaqf] {
    width: 900px;
    height: 200px;
    position: absolute; /* oder absolute, je nach Bedarf */
    z-index: 10; /* Höher als die NavBar */
    margin-bottom: 320px;
}


/*.page main article {
    padding-left: 0 !important;
    padding-right: 0 !important;
}*/






/* Styling für das gesamte Layout */
.top-bar[b-sm4qgxvaqf] {
    display: flex;
    justify-content: space-between; /* Positioniert die Elemente an den Rändern */
    align-items: center;
    padding: 10px 20px; /* Etwas Padding für bessere Optik */
}






.search-container[b-sm4qgxvaqf] {
    display: flex;
    align-items: center;
    background-color: #fff; /* Weißer Hintergrund */
    border-radius: 5px; /* Abgerundete Ecken links */
    padding: 0px;
    border: 2px solid #ccc; /* Grauer Rahmen */
    width: 300px; /* Breite des Suchfelds */
    overflow: hidden; /* Verhindert Überlauf */
}

.search-input[b-sm4qgxvaqf] {
    flex-grow: 1; /* Lässt das Eingabefeld den verfügbaren Platz ausfüllen */
    border: none; /* Kein Rahmen */
    outline: none; /* Kein Fokus-Umriss */
    padding: 8px 10px; /* Innerer Abstand */
    margin-left: 20px;
    font-size: 16px; /* Schriftgröße */
}

.search-button[b-sm4qgxvaqf] {
    background-color: #a80f2b;
    border: none; /* Kein Rahmen */
    cursor: pointer; /* Zeiger als Cursor */
    color: white; /* Weiße Schriftfarbe für das Icon */
    padding: 8px 16px; /* Padding für klickbare Fläche */
    border-radius: 0 5px 5px 0; /* Halbkreisförmig auf der rechten Seite */
}

    .search-button .bi-search[b-sm4qgxvaqf] {
        font-size: 1.5rem; /* Icon-Größe */
    }



    .search-button:hover[b-sm4qgxvaqf] {
        transform: scale(0.95); /* Verkleinert den Button um 2% */
        transition: transform 0.1s, background 0.1s; /* Glatte Übergänge für Skalierung und Hintergrund */
    }


    .search-button:active[b-sm4qgxvaqf] {
        transform: scale(0.9); /* Verkleinert den Button noch weiter */
        transition: transform 0.05s, background 0.05s; /* Schnelle Übergänge für ein sofortiges Feedback */
    }










/* Styling der Breadcrumbs als Platzhalter */
.breadcrumbs[b-sm4qgxvaqf] {
    /* Nimmt den verbleibenden Platz ein, aber mit geringer Flex-Basis */
    flex: 1;
    overflow: hidden; /* Verhindert Überlauf des Inhalts */
}




















.category-container[b-sm4qgxvaqf] {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0 20px;
}

.in_card[b-sm4qgxvaqf] {
    transition: transform 0.3s;
}

    .in_card:hover[b-sm4qgxvaqf] {
        transform: scale(1.1);
        cursor: pointer;
    }

    .in_card:active[b-sm4qgxvaqf] {
        transform: scale(1.05); /* Verkleinert die Karte beim Klicken */
        transition: transform 0.2s; /* Schneller Übergang für das Feedback beim Klicken */
    }

/*


.card-title {
    text-align: center;
    font-size: 16px;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 10px 0;
}*/

.button[b-sm4qgxvaqf] {
    width: 100%;
    padding: 10px 0;
    background-color: #007bff;
    color: white;
    border: none;
    border-radius: 5px;
    text-align: center;
}












/*.certificate-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.certificate-img {
    width: 1500px;
    height: 650px;
}*/










/*.footer-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer-img {
    width: 1500px;
    height: 600px;
}*/







.cards-container[b-sm4qgxvaqf] {
    display: flex;
    justify-content: center;
    align-items: center;
}
/* _content/Inneo.Portal.Web/Components/Pages/UserAccount.razor.rz.scp.css */
.withoutBorderRadius[b-rs7pigh6ek]{
    border-radius: 0;

}
/* _content/Inneo.Portal.Web/Components/_Trainings/CategorySlider.razor.rz.scp.css */
/* _content/Inneo.Portal.Web/Components/_Trainings/CourseCardMedium.razor.rz.scp.css */
/*.course-card-medium {
    display: flex;*/
    /*width: 80%;*/         /* Breite der Karte */
    /*width: 1850px;*/ /* Breite der Karte */
    /*height: 550px;
    border: 1px solid #ccc;*/ /* Rahmen um die gesamte Karte */
    /*margin: 10px auto;
    background: radial-gradient(circle at bottom left, #002244 20%, transparent 70%), radial-gradient(circle at bottom right, #002244 20%, transparent 70%), linear-gradient(to top, #003366, #0088FF 40%, #87C1FF);
}

.card-left, .card-middle, .card-right {
    padding: 10px;
}

.card-description {
    flex: 3;
    padding: 20px;
    color: white;*/ /* Textfarbe */
/*}



.image-wrapper {
    margin: 10px;
}

    .image-wrapper img {
        width: 100%;
        height: auto;
    }


.card-middle {
    flex: 8; 
    color: white;
}

.card-right {*/
    /*background-color: rgba(0, 0, 0, 0.1);*/ /* Schwarzer Hintergrund mit 70% Transparenz */
    /*display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: white;*/ /* Textfarbe weiß für bessere Lesbarkeit auf dunklem Hintergrund */
/*}

.card-right-top-info {
    display: flex;
    width: 250px;
    margin-left: auto;*/ /* Schiebt den Block automatisch so weit wie möglich nach rechts */
    /*flex-direction: column;
    justify-content: space-between;*/ /* Gibt einen gleichmäßigen Abstand zwischen den Elementen */
    /*padding: 10px;
    background-color: rgba(0, 0, 0, 0.1);*/ /* Schwarzer Hintergrund mit 70% Transparenz */
    /*color: white;*/ /* Textfarbe weiß für bessere Lesbarkeit auf dunklem Hintergrund */
/*}

.level-icon {
    padding-left: 10px;
}



.price-info, .icon-section {
    text-align: center;
}

.btn-primary {
    margin-top: 10px;
}

.wishlist-controls {
    display: flex;
    align-items: center;
    justify-content: center;
}

.bi {
    margin-right: 5px;
}





.termine-container {
    display: block;*/ /* Stellt sicher, dass der Container sich wie ein Block-Element verhält */
/*}

.termine-list {
    margin-top: 10px;*/ /* Fügt einen Abstand zwischen dem Icon und der Liste hinzu */
/*}

.link-pointer-cursor {
    cursor: pointer;
    color: darkorange;
    text-decoration: underline;
}*/



/* Basisregel für beide Bookmark-Icons */
/*.bi-bookmarks, .bi-bookmarks-fill {
    font-size: 1.5rem;*/ /* Größe des Icons */
/*}*/

/* Spezielle Regel für Hover-Effekt */
/*.bi-hover:hover {
    color: #FA0041;*/ /* INNEO-Rot beim Hover */
/*}


.bookmark-toggle > .fa-hover-show,
.bookmark-toggle:hover > .fa-hover-hidden {
    display: none;
}

.bookmark-toggle:hover > .fa-hover-show {
    display: inline-block;
    color: #FA0041;*/ /*INNEO-Rot*/
    /*cursor: pointer;
}

.actions {
    display: flex;
    align-items: flex-end; 
    justify-content: space-between;*/ /* Gibt einen gleichmäßigen Abstand zwischen den Elementen */
    /*color: white;
}

.btn {
    width: 80%;
}*/


/*Schwarzer weicher Kontrast für Schriften*/
/*.text-with-soft-border {
    text-shadow: 1px 1px 2px black, -1px -1px 2px black, 1px -1px 2px black, -1px 1px 2px black;
}

.red {
    color: #FA0041;*/ /*INNEO-Rot*/
/*}

.orange {
    color: #FF7F27;
}

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}







.red-underline {
    color: white;*/ /* Normale Textfarbe, anpassbar */
    /*font-weight: bold;
    text-decoration: underline;*/ /* Fügt eine Unterstreichung hinzu */
    /*text-decoration-color: #FA0041;*/ /* Setzt die Farbe der Unterstreichung auf INNEO-Rot */
    /*text-decoration-thickness: 4px;*/ /* Kontrolliert die Dicke der Unterstreichung */
    /*text-decoration-style: solid;*/ /* Macht die Linie durchgehend, ohne Unterbrechungen */
/*}











.main-content {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;*/ /* Abstand zwischen den Hauptthemen */
    /*color: white;*/ /* Setzt die Textfarbe für den gesamten Inhalt auf Weiß */
/*}

.topic {
    flex: 1;
    min-width: 250px;*/ /* Mindestbreite jedes Hauptthema-Containers */
    /*font-size: 0.9rem;*/ /* Verkleinert die Schriftgröße */
/*}

    .topic h3 {
        font-size: 1.1rem;*/ /* Etwas größere Schrift für Hauptthemen */
    /*}

    .topic ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

    .topic i.bi-chevron-right.red,
    .topic li:before {
        margin-right: 10px;
        color: #FA0041;*/ /*INNEO-Rot*/
    /*}





.ellipsis {
    height: 1.5em;*/ /* Annahme, dass dies ausreichend für eine Zeile ist */
    /*overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}*/
/* _content/Inneo.Portal.Web/Components/_Trainings/CourseCardSmall.razor.rz.scp.css */

@media (max-width: 992px) {
    .priceText[b-l9506br1m0] {
        font-size: 1rem !important;
    }
}
/* _content/Inneo.Portal.Web/Components/_Trainings/CourseCardSwitcher.razor.rz.scp.css */
.course-card-switcher .pagination[b-330cevilpy] {
    display: inline-block;
}

.bi[b-330cevilpy] {
    cursor: pointer;
    margin-left: 10px;
}

    .bi:hover[b-330cevilpy] {
        color: #007bff; /* Bootstrap primary color */
    }


.large-icon[b-330cevilpy] {
    font-size: 2em; /* Passt die Größe an */
}

.active-icon[b-330cevilpy] {
    color: red; /* Rot färben, wenn aktiv */
    text-shadow: 0 0 0.5em red; /* Schatten hinzufügen, um gefüllten Eindruck zu erwecken */
}














.btn[b-330cevilpy] {
    width: 40px;
    margin: 5px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.btn-primary[b-330cevilpy] {
    background-color: #007bff;
}

.btn-light[b-330cevilpy] {
    background-color: #f8f9fa;
}

.btn-secondary[b-330cevilpy] {
    background-color: #6c757d;
}
















.paging-container[b-330cevilpy] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.dropdown-and-label[b-330cevilpy] {
    display: flex;
    align-items: center;
    margin-top: 5px; /* Abstand zwischen Text und Dropdown */
}

.dropdown-wrapper[b-330cevilpy] {
    position: relative;
    display: inline-block;
    width: 120px; /* Reduziere die Breite des Dropdowns */
}

    .dropdown-wrapper select[b-330cevilpy] {
        width: 100%;
        padding-right: 30px; /* Platz für den Pfeil */
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: 1px solid #ccc; /* optional */
    }

    .dropdown-wrapper[b-330cevilpy]::after {
        content: "▼";
        font-size: 12px;
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        pointer-events: none;
        color: #333;
    }

.label-text[b-330cevilpy] {
    margin-left: 10px; /* Abstand zwischen Dropdown und Label */
}









.cards-container[b-330cevilpy] {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* _content/Inneo.Portal.Web/Components/_Trainings/InneoCertArea.razor.rz.scp.css */
.cert-Img-Ptc[b-fokyiaowvp] {
    max-width: 100%;
    height: 100px;
    object-fit: contain;
}

.cert-Img-KeyShot[b-fokyiaowvp] {
    max-width: 100%;
    height: 200px;
    object-fit: contain;
}

.cert-Img-OnShape[b-fokyiaowvp] {
    max-width: 100%;
    height: 200px;
    object-fit: contain;
}
/* _content/Inneo.Portal.Web/Components/_Trainings/ItemPaging.razor.rz.scp.css */
        .btn-spacing[b-fp4pbsqt3y] {
            margin: 0 2px; /* Hinzufügen von horizontalen Abständen zwischen den Buttons */
        }
        .page-buttons[b-fp4pbsqt3y] {
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 20px 0; /* Vertikale Abstände für die Button-Gruppe */
        }
        .fixed-width-container[b-fp4pbsqt3y] {
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 100%;
        }
        .fixed-width-buttons[b-fp4pbsqt3y] {
            flex: 1;
            display: flex;
            justify-content: flex-end;
            padding-right: 20px;
        }
        .paging-center[b-fp4pbsqt3y] {
            width: 300px; /* Feste Breite für den mittleren Container */
            text-align: center;
        }
/* _content/Inneo.Portal.Web/Components/_Trainings/TrainingsCategoryCard.razor.rz.scp.css */

.trainingsCategory-Card[b-r49qn0madi] {
    height: 235px;
    min-width: 400px;
    max-width: 800px;
    border-radius: 0;
}

.trainingsCategory-Img[b-r49qn0madi] {
    max-width: 100px;
    max-height: 100px;
    width: 100%;
    height: auto;
}

.trainingsCategory-Button[b-r49qn0madi] {
    border-radius: 0;
}

.trainingsCategory-SubText[b-r49qn0madi] {
    font-size: 15px;
}

.trainingsCategory-TextLink[b-r49qn0madi] {
    margin-top: 15px;
}


/* _content/Inneo.Portal.Web/Components/_Trainings/TrainingsCategoryOverview.razor.rz.scp.css */
/* _content/Inneo.Portal.Web/Components/_Trainings/TrainingsHeader.razor.rz.scp.css */
/* Standard bleibt unangetastet */
.toparea-container[b-v3fy6jfzdo] {
    padding: 2%;
    max-width: 1800px;
}

.toparea-text[b-v3fy6jfzdo] {
    font-size: 70px;
    padding: 2%;
    line-height: 1.2;
}

.toparea-button[b-v3fy6jfzdo] {
    margin-left: 2%;
    max-width: 200px;
    border-radius: 0;
    padding: 15px;
}

.toparea-img[b-v3fy6jfzdo] {
    max-width: 103%; /* Bild um 3% breiter gemacht */
    width: auto;
    height: auto;
}

/* Nur für große Bildschirme: Linken Container 80px nach links schieben */
@media (min-width: 1200px) {
    .toparea-left[b-v3fy6jfzdo] {
        transform: translateX(-40px);
    }
}


/* Media Queries für kleinere Bildschirme */
@media (max-width: 1200px) {
    .toparea-text[b-v3fy6jfzdo] {
        font-size: 50px;
    }
}

@media (max-width: 992px) {
    .toparea-text[b-v3fy6jfzdo] {
        font-size: 30px;
    }
}

@media (max-width: 768px) {
    .toparea-text[b-v3fy6jfzdo] {
        font-size: 25px;
    }

    .toparea-button[b-v3fy6jfzdo] {
        margin: 20px auto 0; /* Zentriert den Button */
        display: block;
        max-width: 80%;
    }
}

@media (max-width: 576px) {
    .toparea-text[b-v3fy6jfzdo] {
        font-size: 18px;
    }

    .toparea-container[b-v3fy6jfzdo] {
        padding: 5%;
    }

    .toparea-button[b-v3fy6jfzdo] {
        margin-top: -12px;
    }
}
/* _content/Inneo.Portal.Web/Components/_UserAccount/UserMyData.razor.rz.scp.css */
/*.form-row {
    margin-bottom: 10px;*/ /* Abstand unterhalb jeder Reihe */
/*}

.label-col {
    padding-right: 5px;*/ /* Halbiert den Abstand zwischen Label und Eingabefeld */
/*}

.input-col {
    padding-left: 5px;*/ /* Halbiert den Abstand zwischen Label und Eingabefeld */
/*}





#inputField {
    width: 30%;*/ /* Setzt die Breite des Eingabefelds auf 30% */
/*}



.custom-width {
    width: 30%;
}*/