.elementor-64264 .elementor-element.elementor-element-532a3d0{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:var( --e-global-color-68ee1b0 );--border-color:var( --e-global-color-68ee1b0 );--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:0px;--padding-right:0px;}.elementor-64264 .elementor-element.elementor-element-532a3d0:not(.elementor-motion-effects-element-type-background), .elementor-64264 .elementor-element.elementor-element-532a3d0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-64264 .elementor-element.elementor-element-532a3d0:hover{background-color:var( --e-global-color-908866b );}.elementor-64264 .elementor-element.elementor-element-92218f4{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-64264 .elementor-element.elementor-element-1590bde{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-64264 .elementor-element.elementor-element-a96fce0 .elementor-heading-title{font-family:"Overpass", Sans-serif;font-size:20px;font-weight:400;line-height:1.5em;color:#565B69;}.elementor-64264 .elementor-element.elementor-element-4e6f7f2{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-64264 .elementor-element.elementor-element-2afc181 .elementor-heading-title{font-family:"Overpass", Sans-serif;font-size:16px;font-weight:300;line-height:1.5em;color:var( --e-global-color-secondary );}.elementor-64264 .elementor-element.elementor-element-ea543d6{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-64264 .elementor-element.elementor-element-38cc47a .elementor-icon-wrapper{text-align:center;}.elementor-64264 .elementor-element.elementor-element-38cc47a.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-64264 .elementor-element.elementor-element-38cc47a.elementor-view-framed .elementor-icon, .elementor-64264 .elementor-element.elementor-element-38cc47a.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-64264 .elementor-element.elementor-element-38cc47a.elementor-view-framed .elementor-icon, .elementor-64264 .elementor-element.elementor-element-38cc47a.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-64264 .elementor-element.elementor-element-38cc47a .elementor-icon{font-size:24px;}.elementor-64264 .elementor-element.elementor-element-38cc47a .elementor-icon svg{height:24px;}.elementor-64264 .elementor-element.elementor-element-72fc072{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.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-64264 .elementor-element.elementor-element-2a5c614{font-family:"Overpass", Sans-serif;font-size:18px;font-weight:300;color:var( --e-global-color-text );}/* Start custom CSS for heading, class: .elementor-element-2afc181 *//* ZEITRAUM BADGE 09.10.2026 (Raum 2f86ade49d): wie die Tätigkeits-Buttons bei Ansprechpartner A-Z */
.elementor-64264 .elementor-element.elementor-element-2afc181 .elementor-heading-title {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 4px;
    background-color: #F6F7F9;
    transition: background-color 0.3s ease;
}
/* ohne .elementor-64264 .elementor-element.elementor-element-2afc181: Elementor setzt davor die Vorlagen-Klasse, die außerhalb der Kopfzeile liegt */
.lkr-verkehrshinweis-kopf:hover .lkr-verkehrshinweis-zeitraum .elementor-heading-title,
.lkr-verkehrshinweis-kopf.is-open .lkr-verkehrshinweis-zeitraum .elementor-heading-title {
    background-color: #DFE0E4;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-38cc47a *//* =========================================================
   VERKEHRSHINWEIS – PFEIL
   ========================================================= */


/* Pfeil-Container */

.elementor-64264 .elementor-element.elementor-element-38cc47a {

    position: absolute !important;

    right: 0;
    top: 50%;

    width: 30px !important;
    min-width: 30px !important;

    height: 30px;

    margin: 0 !important;

    display: flex !important;

    align-items: center;
    justify-content: flex-end;

    transform: translateY(-50%);

    z-index: 5;
}


/* Elementor Icon */

.elementor-64264 .elementor-element.elementor-element-38cc47a .elementor-icon {

    display: flex;

    align-items: center;
    justify-content: center;

    transition:
        transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}


/* =========================================================
   GEÖFFNET
   ========================================================= */

.lkr-verkehrshinweis-kopf.is-open
.lkr-verkehrshinweis-pfeil
.elementor-icon {

    transform: rotate(90deg);
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .elementor-64264 .elementor-element.elementor-element-38cc47a {

        right: 0;
        top: 50%;

        width: 25px !important;
        min-width: 25px !important;

        height: 25px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-92218f4 *//* =========================================================
   VERKEHRSHINWEIS – UNTERER KOPF-CONTAINER
   Layout: Name | Zeitraum | Pfeil
   ========================================================= */


/* =========================================================
   GRUNDLAYOUT
   ========================================================= */

.elementor-64264 .elementor-element.elementor-element-92218f4 {
    width: 100% !important;
    min-width: 0;

    box-sizing: border-box;

    /*
     * Platz für den Pfeil
     */
    padding-right: 45px !important;

    /*
     * Zwei feste Bereiche:
     * 1. Name
     * 2. Zeitraum
     *
     * Der Pfeil liegt außerhalb des Grids.
     */
    display: grid !important;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(180px, 1fr);

    column-gap: 30px;

    align-items: center;
    cursor: pointer;
}


/* =========================================================
   NAME
   ========================================================= */

.elementor-64264 .elementor-element.elementor-element-92218f4 .lkr-verkehrshinweis-titel {

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


/* =========================================================
   TÄTIGKEIT
   ========================================================= */

.elementor-64264 .elementor-element.elementor-element-92218f4 .lkr-verkehrshinweis-zeitraum {

    min-width: 0;
    width: 100%;

    overflow: hidden;
}


/*
 * Lange Zeitraumen dürfen die Spalte
 * nicht sprengen.
 */

.elementor-64264 .elementor-element.elementor-element-92218f4 .lkr-verkehrshinweis-zeitraum * {

    max-width: 100%;
}


/* =========================================================
   PFEIL
   ========================================================= */

/*
 * Der Pfeil wird aus dem normalen Grid genommen
 * und unabhängig vom Inhalt ganz rechts positioniert.
 */

.elementor-64264 .elementor-element.elementor-element-92218f4 .lkr-verkehrshinweis-pfeil {

    position: absolute !important;

    right: 0;
    top: 50%;

    width: 30px !important;
    min-width: 30px !important;

    height: 30px;

    margin: 0 !important;

    display: flex !important;

    align-items: center;
    justify-content: center;

    transform: translateY(-50%);

    z-index: 10;
}


/* =========================================================
   PFEIL – ICON
   ========================================================= */

.elementor-64264 .elementor-element.elementor-element-92218f4 .lkr-verkehrshinweis-pfeil .elementor-icon {

    display: flex;

    align-items: center;
    justify-content: center;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

    .elementor-64264 .elementor-element.elementor-element-92218f4 {

        padding-right: 40px !important;

        grid-template-columns:
            minmax(0, 1fr)
            minmax(150px, 0.8fr);

        column-gap: 20px;
    }


    .elementor-64264 .elementor-element.elementor-element-92218f4 .lkr-verkehrshinweis-pfeil {

        width: 28px !important;
        min-width: 28px !important;

        height: 28px;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .elementor-64264 .elementor-element.elementor-element-92218f4 {

        /*
         * Name
         * Zeitraum
         *
         * jeweils eigene Zeile
         */

        grid-template-columns:
            minmax(0, 1fr);

        grid-template-rows:
            auto auto;

        row-gap: 4px;

        column-gap: 0;

        padding-right: 40px !important;

        align-items: start;
    }


    /* -----------------------------------------------------
       NAME
       ----------------------------------------------------- */

    .elementor-64264 .elementor-element.elementor-element-92218f4 .lkr-verkehrshinweis-titel {

        grid-column: 1;
        grid-row: 1;

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


    /* -----------------------------------------------------
       TÄTIGKEIT
       ----------------------------------------------------- */

    .elementor-64264 .elementor-element.elementor-element-92218f4 .lkr-verkehrshinweis-zeitraum {

        grid-column: 1;
        grid-row: 2;

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


    /* -----------------------------------------------------
       PFEIL
       ----------------------------------------------------- */

    .elementor-64264 .elementor-element.elementor-element-92218f4 .lkr-verkehrshinweis-pfeil {

        position: absolute !important;

        right: 0;
        top: 50%;

        width: 25px !important;
        min-width: 25px !important;

        height: 25px;

        transform: translateY(-50%);
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2a5c614 */.elementor-64264 .elementor-element.elementor-element-2a5c614 p { margin-bottom: 0.8em; }
.elementor-64264 .elementor-element.elementor-element-2a5c614 p:last-child { margin-bottom: 0; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-72fc072 *//* =========================================================
   VERKEHRSHINWEIS – DETAIL CONTAINER
   ========================================================= */

.lkr-verkehrshinweis-details {

    max-height: 0;

    opacity: 0;

    overflow: hidden;

    transform: translateY(-8px);

    margin-top: 0 !important;
    margin-bottom: 0 !important;

    /*
     * Langsame, weiche Animation
     */

    transition:
        max-height 0.65s cubic-bezier(0.4, 0, 0.2, 1),
        opacity 0.35s ease,
        transform 0.65s cubic-bezier(0.4, 0, 0.2, 1),
        margin-top 0.65s cubic-bezier(0.4, 0, 0.2, 1);
}


/* =========================================================
   INNERER INHALT
   ========================================================= */

.lkr-verkehrshinweis-details > .e-con-inner,
.lkr-verkehrshinweis-details > .elementor-element {

    min-height: 0;
}


/* =========================================================
   GEÖFFNET
   ========================================================= */

.lkr-verkehrshinweis-details.is-open {

    /*
     * Muss größer sein als der maximale Inhalt.
     */

    max-height: 3000px;

    opacity: 1;

    transform: translateY(0);

    margin-top: 15px !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-532a3d0 *//* =========================================================
   VERKEHRSHINWEIS KOPF
   ========================================================= */

.lkr-verkehrshinweis-kopf {
    position: relative !important;
    overflow: visible !important;
}


/* =========================================================
   NAME
   ========================================================= */

.lkr-verkehrshinweis-kopf .lkr-verkehrshinweis-titel {
    position: relative !important;
    overflow: visible !important;
}


/* =========================================================
   NAME – TEXT
   ========================================================= */

.lkr-verkehrshinweis-kopf
.lkr-verkehrshinweis-titel
.digilink-hover-text {

    display: inline-block;

    transition:
        transform 0.35s cubic-bezier(0.4, 0, 0.2, 1),
        color 0.6s ease;
}


/* =========================================================
   HOVER – NAME
   ========================================================= */

.lkr-verkehrshinweis-kopf:hover
.lkr-verkehrshinweis-titel
.digilink-hover-text span {

    color: #003973 !important;
}


/* =========================================================
   OPEN – NAME
   ========================================================= */

.lkr-verkehrshinweis-kopf.is-open
.lkr-verkehrshinweis-titel
.digilink-hover-text span {

    color: #003973 !important;
}


/* =========================================================
   WICHTIG:
   PFEIL NICHT PER CSS ANFASSEN
   ========================================================= */


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .lkr-verkehrshinweis-kopf {
        overflow: visible !important;
    }

    .lkr-verkehrshinweis-kopf .lkr-verkehrshinweis-titel {
        overflow: visible !important;
    }

}

/* =========================================================
   LETZTE ZEILE OHNE LINIE
   (darunter folgt die Linie des nächsten Akkordeon-Eintrags)
   ========================================================= */

.dce-posts-wrapper > .dce-post-item:last-child .lkr-verkehrshinweis {
    border-bottom-width: 0 !important;
}/* End custom CSS */