/**** FONT ************************************************************************************************************/

/* permanent-marker-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Permanent Marker';
    font-style: normal;
    font-weight: 400;
    src: url('../../fonts/permanent-marker-v16-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

H1, .h1, H2, .h2, H3, .h3, H4, .h4, H5, .h5, H6, .h6 {
    font-family: 'Permanent Marker';
}
main h1, main .h1, main h2, main .h2, main h3, main .h3, main h4, main .h4, main h5, main .h5, main h6, main .h6, main a, main p, main li, main .bg-secondary *,
footer h1, footer .h1, footer h2, footer .h2, footer h3, footer .h3, footer h4, footer .h4, footer h5, footer .h5, footer h6, footer .h6, footer a, footer p, footer li, footer .bg-secondary *, .footer-bottom * {
    color: #000 !important;
}
p, li, a {
}


h1, .h1 {
    font-size: clamp(3rem, 5vw, 3.7rem); /* Große Überschrift */
    margin-bottom: 25px;
}

h2, .h2 {
    font-size: clamp(2.25rem, 4vw, 3.0rem); /* Etwas kleiner */
    margin-bottom: 25px;
}

h3, .h3 {
    font-size: clamp(2rem, 2.75vw, 2.5rem);
    margin-bottom: 25px;
}

h4, .h4 {
    font-size: clamp(1.8rem, 2.5vw, 2.3rem);
    margin-bottom: 25px;
}

h5, .h5 {
    font-size: clamp(1.125rem, 2vw, 1.5rem);
}

h6, .h6 {
    font-size: clamp(1rem, 2vw, 1.75rem); /* Kleinste Überschrift */
}

/**** HEADER **********************************************************************************************************/

.header,
.header-bottom {
}
.header .navbar-brand img {
}
.header-top-right .nav-top-links li a {
}
.header-top-right .nav-top-links li:hover a {
    background: transparent;
    font-weight: var(--font-normal);
}
.search-bar .form-control {
    background: transparent;
    border: 1px solid var(--white);
}
.tx-indexedsearch-searchbox .form-control::placeholder {
}
.search-bar .form-control:focus-visible {
}
.search-bar .btn-search .search-icon {
}
.header-bottom .nav-link {
}
.search-mobile {
}
.header .navbar-toggler {
}

.header-bottom .dropdown-toggle::after {
}

/**** SUCHE ******************************************************************************************************/

.search-mobile {
    display: none;
}

/**** NAVIGATION ******************************************************************************************************/

@media (min-width: 1200px) {
    .header-bottom .dropdown-toggle::after {
    }
    .menu-cta h2,
    .header-bottom .dropdown-menu ul.submenu li a{
        color: #000000;
    }
    .btn.btn-outline-secondary {
        border-color: #000000;
    }
    .btn.btn-outline-secondary:hover {
        border-color: #000000 !important;
        background-color: #000000 !important;
    }
}

.header.sticky {
    background-color: #112833;
}
@media (min-width: 1200px) {
    .header.sticky .header-bottom {
        background-color: #112833;
    }
}
.header.sticky .navbar-toggler img {
}
.header-bottom .navbar-nav .dropdown-menu,
.header-bottom .navbar-nav .dropdown-menu::before,
.header-bottom .navbar-nav .dropdown-menu::after {
}
.header-bottom .dropdown-menu ul.submenu li a {
}
.header.sticky .breadcrumb-wrapper {
}

/**** BREADCRUMB ******************************************************************************************************/

#this_page_uid606 .breadcrumb-wrapper {
    /* auf Startseite ausblenden */
    display: none;
}
.breadcrumb-wrapper .pagination li a {
}
.breadcrumb-wrapper .pagination li:last-child {
}
.breadcrumb-wrapper .pagination li a::after {
}

/**** FOOTER ******************************************************************************************************/

.footer-bottom {
    background: transparent;
    box-shadow: none;
}
.footer-serviceportal {
    display: none;
}
footer {
    box-shadow: 0 -0.1875rem 0.375rem #00000029;
    margin-top: 4rem;
}

/**** Hintergrundfarben ***********************************************************************************************/

.bg-primary { background-color: #102933 !important; }
.bg-secondary { background-color: #33DBBA !important; }

main .bg-secondary ol li::before, main .bg-secondary ul li::before {
}
/**** Slider **********************************************************************************************************/

.slider-info h1 p, .slider-info h2 p, .slider-info h1 span, .slider-info h2 span {
    font-size: clamp(1.5rem, 5vw, 4rem);
}

/* Farbe: Start*/
.slider-title-new.slider-title-row1-1 span:nth-child(1),
.slider-title-new.slider-title-row2-1 span:nth-child(3),
.slider-title-new.slider-title-row3-1 span:nth-child(5) {
    color: #000;
    background-color: #33DBBA;
}
/* Farbe: Basic*/
.slider-title-new.slider-title-row1-2 span:nth-child(1),
.slider-title-new.slider-title-row2-2 span:nth-child(3),
.slider-title-new.slider-title-row3-2 span:nth-child(5) {
    color: #000;
    background-color: #FFBA01;
}
/* Farbe: Neu im Betrieb*/
.slider-title-new.slider-title-row1-3 span:nth-child(1),
.slider-title-new.slider-title-row2-3 span:nth-child(3),
.slider-title-new.slider-title-row3-3 span:nth-child(5) {
    color: #000;
    background-color: #70D850;
}
/* Farbe: Für Ausbilder */
.slider-title-new.slider-title-row1-4 span:nth-child(1),
.slider-title-new.slider-title-row2-4 span:nth-child(3),
.slider-title-new.slider-title-row3-4 span:nth-child(5) {
    color: #000;
    background-color: #4ebfef;
}
/* Farbe: Verkehrssicherheit */
.slider-title-new.slider-title-row1-5 span:nth-child(1),
.slider-title-new.slider-title-row2-5 span:nth-child(3),
.slider-title-new.slider-title-row3-5 span:nth-child(5) {
    color: #000;
    background-color: #C37FF8;
}
/* Farbe: Filme*/
.slider-title-new.slider-title-row1-6 span:nth-child(1),
.slider-title-new.slider-title-row2-6 span:nth-child(3),
.slider-title-new.slider-title-row3-6 span:nth-child(5) {
    color: #000;
    background-color: #33DBBA;
}
/* Farbe: UVB */
.slider-title-new.slider-title-row1-0 span:nth-child(1),
.slider-title-new.slider-title-row2-0 span:nth-child(3),
.slider-title-new.slider-title-row3-0 span:nth-child(5) {
    color: #000;
    background-color: #014994;
}

/**** Content Elemente ************************************************************************************************/

/* Hintergründe */

.bg-gray {
}
.bg-primary,
.bg-light-blue {
}

/* Listen */

main ol li::before,
main ul li::before {
}

/* Tabellen */

main table th,
main table td {
}

main table {
    border-collapse: collapse; /* Entfernt die Platzierung doppelter Linien an den Kanten */
    width: 100%;              /* Optional: Für gleichmäßige Tabelle */
}


main table td {
    border-top: 1px solid #fff;   /* Setzt die Linien für alle Zellen */
}

main table tr th,
main table tr td {
    border-left: 1px solid #fff;
    padding: .75rem 1rem;
}
main table tr th:first-child,
main table tr td:first-child {
    border-left: 0;
}

/* Links */
.link-external::before, .bg-primary .link-external::before, .bg-gray .link-external::before,
.link-email::before, .bg-primary .link-email::before, .bg-gray .link-email::before,
.link-doc::before, .bg-primary .link-doc::before, .bg-gray .link-doc::before,
.link-phone::before, .bg-primary .link-phone::before {
}
.bg-secondary .link-external::before,
.bg-secondary .link-email::before,
.bg-secondary .link-doc::before,
.bg-secondary .link-phone::before {
}

/* Bilder */
figcaption.image-caption {
}

/**** Elemente *** Formular *******************************************************************************************/

#maincontent .form-label{
    margin-top:.75rem
}
#maincontent .form-text{
}

/**** Elemente *** Accordion ******************************************************************************************/
.accordion .accordion-button:not(.collapsed),
.accordion .accordion-button {
}
.accordion .accordion-button::after {
    background-image: url('../../images/accordion-arrow-white.svg');
}
/**** Elemente *** Menu Subpages **************************************************************************************/

.icon-grid-wrapper .service-box,
.icon-grid-wrapper .service-box:hover,
.icon-grid-wrapper .bg-primary,
.icon-grid-wrapper .bg-primary:hover,
.icon-grid-wrapper .service-box.bg-primary,
.icon-grid-wrapper .service-box.bg-primary:hover {
}

/**** Elemente *** Content Header *************************************************************************************/

section.header-content-wrapper.bg-secondary,
.header-content-wrapper {
}
.header-content-info p {
}

/**** Elemente *** Icon Grid ******************************************************************************************/

.icon-grid-wrapper > .container .service-box.bg-primary:hover {
}
.icon-grid-wrapper .service-box .search-bar,
.icon-grid-wrapper .service-box {
}
/*
.icon-grid-wrapper .service-box img {
    filter: brightness(0) invert(1);
}
*/

/**** Widgets ******************************************************************************************/

@media (max-width: 1500px) {
    .widget li a {
        border: none;
        box-shadow: none;
        color: #fff;
    }
}

@media (min-width: 1501px) {
    .widget li a span {
        display: block;
    }
}
.widget li.report a {
    z-index: 9999;
}
.widget li.report  a span {
    color: #fff;
    display: none;
}
.widget li.call a {
    background-color: #ce2405;
    z-index: 9999;
}

/**** IMAGES in Spalten ******************************************************************************************/

@media (max-width: 560px) {

    [data-ce-columns="6"] .ce-row > .ce-column {
        width: calc(33.3333% - 1rem) !important;
        max-width: calc(33.3333% - 1rem) !important;
    }
    [data-ce-columns="8"] .ce-row > .ce-column {
        width: calc(25% - 1rem) !important;
        max-width: calc(25% - 1rem) !important;
    }
}


/* Beadcrumb in sticky Navi [UVB-635] */

.header .breadcrumb-wrapper {
    display: block;
}
.header.sticky .breadcrumb-wrapper {
    display: block;
    padding-top: .625rem;
}
.header.sticky .breadcrumb-wrapper .pagination li:last-child,
.header.sticky .breadcrumb-wrapper .pagination li a {
}
.header.sticky .breadcrumb-wrapper .pagination li a::after {
}
#maincontent .breadcrumb-wrapper {
    display: none;
}

/* Slider */

.hero-slider .image-wrapper {
    height: auto;
    aspect-ratio: 4/3;
}

@media (min-width: 1200px) {
    .hero-slider .image-wrapper {
        height: auto;
        aspect-ratio: 16/9;
    }
}

/* Top Navi [AGENTUR-9400] */

.header-top-right .nav-top-links li a.header-top-item694::before {
    content: '';
    display: inline-block;
    vertical-align: middle; /* Position an die Textzeile anpassen */
    width: 1.5rem; /* SVG-Breite auf Schriftgröße anpassen */
    height: 1.5rem; /* SVG-Höhe entsprechend Schriftgröße */
    background-image: url('/fileadmin/user_upload/inhalte/icons/lupe.png');
    background-size: contain; /* SVG vollständig anzeigen */
    background-repeat: no-repeat; /* Keine Wiederholung des SVG */
    margin-right: 0.25rem; /* Abstand zwischen Icon und Text des Links */
}
.header-top-right .nav-top-links li a.header-top-item694::after {
    padding-left: 1.5rem;
    content: '';
}

.header-top-right .nav-top-links li a.header-top-item617::after {
    content: '';
}
.header-top-right .nav-top-links li a.header-top-item617::before {
    content: '';
    display: inline-block;
    vertical-align: middle; /* Position an die Textzeile anpassen */
    width: 1.5rem; /* SVG-Breite auf Schriftgröße anpassen */
    height: 1.5rem; /* SVG-Höhe entsprechend Schriftgröße */
    background-image: url('/fileadmin/user_upload/inhalte/icons/UV_icon_gebaerdensprache_farbig_RGB.svg');
    background-size: contain; /* SVG vollständig anzeigen */
    background-repeat: no-repeat; /* Keine Wiederholung des SVG */
    margin-right: 0.25rem; /* Abstand zwischen Icon und Text des Links */
    margin-left: 1rem; /* Abstand zwischen Icon und Text des Links */
}
.header-top-right .nav-top-links li a.header-top-item618::before {
    content: '';
    display: inline-block;
    vertical-align: middle; /* Position an die Textzeile anpassen */
    width: 1.5rem; /* SVG-Breite auf Schriftgröße anpassen */
    height: 1.5rem; /* SVG-Höhe entsprechend Schriftgröße */
    background-image: url('/fileadmin/user_upload/inhalte/icons/UV_icon_leichte_sprache_grosse_darstellungen_farbig_RGB.svg');
    background-size: contain; /* SVG vollständig anzeigen */
    background-repeat: no-repeat; /* Keine Wiederholung des SVG */
    margin-right: 0.25rem; /* Abstand zwischen Icon und Text des Links */
}

/* Suche */

#maincontent .tx-indexedsearch-browsebox li strong a {
}

/* Menü [AGENTUR-9397] */

.dropdown-menu .menu-cta h2 {
    display: none;
}

.menudropdown-wrapper-607 .btn.btn-outline-secondary {
    background-color: #fff;
    border-color: #FFBA01;
    color: #000;
    width: 100%;
}
.menudropdown-wrapper-607 .btn.btn-outline-secondary:hover {
    background-color: #FFBA01 !important;
    border-color: #FFBA01 !important;
    color: #000 !important;
}

.menudropdown-wrapper-608 .btn.btn-outline-secondary {
    background-color: #fff;
    border-color: #70D850;
    color: #000;
    width: 100%;
}
.menudropdown-wrapper-608 .btn.btn-outline-secondary:hover {
    background-color: #70D850 !important;
    border-color: #70D850 !important;
    color: #000 !important;
}

.menudropdown-wrapper-609 .btn.btn-outline-secondary {
    background-color: #fff;
    border-color: #4ebfef;
    color: #000;
    width: 100%;
}
.menudropdown-wrapper-609 .btn.btn-outline-secondary:hover {
    background-color: #4ebfef !important;
    border-color: #4ebfef !important;
    color: #000 !important;
}

.menudropdown-wrapper-610 .btn.btn-outline-secondary {
    background-color: #fff;
    border-color: #c37ff8;
    color: #000;
    width: 100%;
}
.menudropdown-wrapper-610 .btn.btn-outline-secondary:hover {
    background-color: #c37ff8 !important;
    border-color: #c37ff8 !important;
    color: #000 !important;
}

.menudropdown-wrapper-611 .btn.btn-outline-secondary {
    background-color: #fff;
    border-color: #33dbba;
    color: #000;
    width: 100%;
}
.menudropdown-wrapper-611 .btn.btn-outline-secondary:hover {
    background-color: #33dbba !important;
    border-color: #33dbba !important;
    color: #000 !important;
}


.menudropdown-wrapper-612 .btn.btn-outline-secondary {
    background-color: #fff;
    border-color: #fff501;
    color: #000;
    width: 100%;
}
.menudropdown-wrapper-612 .btn.btn-outline-secondary:hover {
    background-color: #fff501 !important;
    border-color: #fff501 !important;
    color: #000 !important;
}



#dropdeineMessage-2748-textarea-1 {
    aspect-ratio: 3;
}

#c2747 .clearfix {
    margin-top: 1rem;
}

.overlay-content * {
    color: #000;
}

.icon-grid-wrapper .service-box:hover img {
}

#maincontent .form-check-label {
    font-weight: bold;
}

/* Geordnete Liste – Nummer auf farbigem Kreis */
main ol li {
    margin-left: 1rem;
}
main ol li::before {
    content: counter(list-counter);   /* ohne '. ' – im Kreis stört der Punkt */

    display: inline-flex;             /* zum sauberen Zentrieren der Ziffer */
    align-items: center;
    justify-content: center;

    height: 1.6em;
    aspect-ratio: 1 / 1;             /* garantiert immer rund, 1:1 */
    border-radius: 50%;

    margin-left: -2.5rem;
    margin-right: .75rem;
    font-size: 0.85em;
    line-height: 1;
    text-align: center;
}
main ol li > p,
main ul li > p {
    display: inline;
}
/* Zweite ol-Ebene: Buchstaben statt Zahlen */
main ol ol {
    counter-reset: list-counter-2;   /* eigener Zähler, startet je Unterliste neu */
}

main ol ol li {
    counter-increment: list-counter-2;
}

main ol ol li::before {
    content: counter(list-counter-2, lower-alpha);   /* a, b, c … */
}

/* Umfrage / Poll */

.poll-result.card .card-header {
    display: none;
}

.poll-result.card {
    margin-top: 2rem;
    border-radius: 0;
    border: 0;
}
.poll-result.card .card-body {
    background-color: var(--highlightcolor); /* Kreisfläche in CD-Farbe */
    color: #000; /* Schrift jetzt schwarz */
}
.poll-result.card .card-body .poll-result-row {
    color: #000; /* Schrift jetzt schwarz */
}

.chat-content-wrapper > .chat-left {
    box-shadow: 0.375rem 0 0.375rem #eee;
}
.chat-content-wrapper > .chat-right {
    box-shadow: -0.375rem 0 0.375rem #eee;
}