.elementor-62148 .elementor-element.elementor-element-ac13c48{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-62148 .elementor-element.elementor-element-ac13c48:not(.elementor-motion-effects-element-type-background), .elementor-62148 .elementor-element.elementor-element-ac13c48 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-62148 .elementor-element.elementor-element-ac13c48:hover{background-color:var( --e-global-color-908866b );}.elementor-62148 .elementor-element.elementor-element-0668953{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--background-transition:0.3s;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#F6F7F9;--border-color:#F6F7F9;--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-62148 .elementor-element.elementor-element-0668953:not(.elementor-motion-effects-element-type-background), .elementor-62148 .elementor-element.elementor-element-0668953 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-62148 .elementor-element.elementor-element-0668953:hover{background-color:var( --e-global-color-908866b );}.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-62148 .elementor-element.elementor-element-170b2c3 .elementor-heading-title{font-family:"Overpass", Sans-serif;font-size:20px;font-weight:400;color:#565B69;}.elementor-62148 .elementor-element.elementor-element-68dcaf4{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--border-radius:4px 4px 4px 4px;--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-62148 .elementor-element.elementor-element-68dcaf4.ob-is-container-extras{--width:calc(60px);}.elementor-62148 .elementor-element.elementor-element-7464bb3{width:auto;max-width:auto;}.elementor-62148 .elementor-element.elementor-element-7464bb3 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-radius:4px 4px 4px 4px;}.elementor-62148 .elementor-element.elementor-element-7464bb3 .elementor-heading-title{font-family:"Overpass", Sans-serif;font-size:10px;font-weight:500;text-transform:uppercase;line-height:1.3em;letter-spacing:0.5px;color:var( --e-global-color-908866b );}.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-62148 .elementor-element.elementor-element-fpfeil1{width:initial;max-width:initial;}.elementor-62148 .elementor-element.elementor-element-fpfeil1 .elementor-icon-wrapper{text-align:end;}.elementor-62148 .elementor-element.elementor-element-fpfeil1.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-62148 .elementor-element.elementor-element-fpfeil1.elementor-view-framed .elementor-icon, .elementor-62148 .elementor-element.elementor-element-fpfeil1.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-62148 .elementor-element.elementor-element-fpfeil1.elementor-view-framed .elementor-icon, .elementor-62148 .elementor-element.elementor-element-fpfeil1.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-62148 .elementor-element.elementor-element-fpfeil1 .elementor-icon{font-size:24px;}.elementor-62148 .elementor-element.elementor-element-fpfeil1 .elementor-icon svg{height:24px;}.elementor-62148 .elementor-element.elementor-element-fodokdt{--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:15px;--padding-left:0px;--padding-right:0px;}.elementor-widget-theme-post-content{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-62148 .elementor-element.elementor-element-fodokin{color:var( --e-global-color-secondary );font-family:"Overpass", Sans-serif;font-size:18px;font-weight:300;line-height:1.65em;}@media(max-width:767px){.elementor-62148 .elementor-element.elementor-element-68dcaf4{--margin-top:-15px;--margin-bottom:15px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for container, class: .elementor-element-0668953 *//* Container vorbereiten */
.elementor-62148 .elementor-element.elementor-element-0668953 {
    position: relative;
}

/* Text Slide */
.elementor-62148 .elementor-element.elementor-element-0668953 .digilink-hover-text {
    display: inline-block;
    transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.elementor-62148 .elementor-element.elementor-element-0668953:hover .digilink-hover-text {
    transform: translateX(15px);
}

.elementor-62148 .elementor-element.elementor-element-0668953 .digilink-hover-text span {
    transition: color 0.6s ease;
}

.elementor-62148 .elementor-element.elementor-element-0668953:hover .digilink-hover-text span{
    color: #003973 !important;
}

/* Punkt / Kreis */
.elementor-62148 .elementor-element.elementor-element-0668953::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -3px;       
    width: 6px;
    height: 6px;
    background-color: #565B69;
    border-radius: 50%;
    
    transform: translateY(-50%) translateX(10px) scale(1.0);
    opacity: 0;

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

/* Hover: Punkt erscheint und bewegt sich von rechts nach links */
.elementor-62148 .elementor-element.elementor-element-0668953:hover::before {
    transform: translateY(-50%) translateX(0) scale(1);
    opacity: 1;
    background-color: #003973;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-fpfeil1 *//* LISTEN-PFEIL 05.11.2026 (Raum 31641ee59e, 409e8178f2): überall derselbe Pfeil, die Art steht in der Plakette. Bis dahin tauschten hier zwei
   Regeln das Zeichen (extern \f35d, mehrere Dokumente \f105), Fassung im Backup und in scripts/listen-pfeil/. */

/* MEHRERE DOKUMENTE 05.11.2026 (Raum 107b64c42e): Einträge mit mehreren Dokumenten klappen auf und zeigen den Winkel statt des Pfeils,
   geöffnet dreht er nach unten (Regel is-open im Container). Sie verlinken die eigene Seite, daran erkennbar. */
.elementor-62148 .elementor-element.elementor-element-fpfeil1 a.elementor-icon:is([href*="/formulare/"], [href*="/merkblaetter/"]) i::before {
    content: "\f105" !important;
}

/* NUR NACH DRAUSSEN EIN PFEIL 07.11.2026 (Raum f67f839ff0): Ziel auf der Website (PDF, eigene Seite) = Winkel, Pfeil nur für fremde Adressen. Löst für die Einzeldokumente "überall derselbe Pfeil" vom 05.11. ab. */
.elementor-62148 .elementor-element.elementor-element-fpfeil1 a.elementor-icon:is([href*="//www.landkreis-hof.de/"], [href*="//dev.landkreis-hof.de/"], [href^="/"]) i::before {
    content: "\f105" !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ac13c48 *//* Bisheriges Label bis 05.10.2026 (dunkle Plakette je Typ). Zum Zurückgehen den Block "Label wie Button" unten löschen
   und diesen Kommentar aufheben:
.elementor-62148 .elementor-element.elementor-element-ac13c48 .pdf { background-color: #24475F; }
.elementor-62148 .elementor-element.elementor-element-ac13c48 .extern { background-color: #396B8C; }
.elementor-62148 .elementor-element.elementor-element-ac13c48 .online { background-color: #6F9BB5; }
*/

/* Label wie Button "PDF öffnen" im Amtsblatt (05.10.2026) */
.elementor-62148 .elementor-element.elementor-element-ac13c48 :is(.pdf, .download, .extern, .online) {
    background-color: #F6F7F9;
    padding: 4px 10px;
    width: auto !important;
    min-width: 0;
    flex: 0 0 auto !important;
    height: auto !important;
    align-self: center;
    white-space: nowrap;
    transition: background-color 0.3s ease;
}
.elementor-62148 .elementor-element.elementor-element-ac13c48:hover :is(.pdf, .download, .extern, .online) {
    background-color: #DFE0E4;
}
.elementor-62148 .elementor-element.elementor-element-ac13c48 :is(.pdf, .download, .extern, .online) .elementor-heading-title {
    display: block;
    font-family: "Overpass", sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5em;
    letter-spacing: 0;
    color: #565B69;
}
.elementor-62148 .elementor-element.elementor-element-ac13c48 :is(.download, .extern, .online) .elementor-heading-title {
    text-transform: capitalize;
}

/* ZEILE HOVER 08.10.2026 (Raum d9e3290ff7): Punkt, Einrückung und Farbe des Titels reagieren auf die ganze Zeile (Titel, Label,
   Pfeil), nicht nur auf den Titelbereich. Klickbar ist die ganze Zeile über einen einzigen echten Link: der Link am Pfeil wird per
   ::after über die Zeile gezogen. Die Premium-Container-Links sind dafür aus, sie öffneten zusammen mit dem Link am Titel zwei
   Tabs. */
.elementor-62148 .elementor-element.elementor-element-ac13c48 {
    position: relative;
    cursor: pointer;
}
.elementor-62148 .elementor-element.elementor-element-ac13c48 .lkr-formular-pfeil a::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
}
.elementor-62148 .elementor-element.elementor-element-ac13c48:hover .digilink-hover-container .digilink-hover-text {
    transform: translateX(15px);
}
.elementor-62148 .elementor-element.elementor-element-ac13c48:hover .digilink-hover-container .digilink-hover-text span {
    color: #003973 !important;
}
.elementor-62148 .elementor-element.elementor-element-ac13c48:hover .digilink-hover-container::before {
    transform: translateY(-50%) translateX(0) scale(1);
    opacity: 1;
    background-color: #003973;
}

/* LABEL MITTIG UND PFEIL 08.10.2026 (Raum db2ab01111): rechts ein Pfeil wie bei Dienstleistungen A-Z (Icon-Widget mit Klasse
   lkr-formular-pfeil, verlinkt wie der Titel). Ab Desktop steht das Label auf der Achse der Inhaltsseiten (42 % + 24 px der
   Breite, bei 1440 genau 635) wie die Buttons bei Ansprechpartner A-Z, lange Titel brechen davor um. */
.elementor-62148 .elementor-element.elementor-element-ac13c48 .lkr-formular-pfeil,
.elementor-62148 .elementor-element.elementor-element-ac13c48 .lkr-formular-pfeil .elementor-widget-container,
.elementor-62148 .elementor-element.elementor-element-ac13c48 .lkr-formular-pfeil .elementor-icon-wrapper {
    position: static !important;
}
.elementor-62148 .elementor-element.elementor-element-ac13c48 .lkr-formular-pfeil {
    flex: 0 0 30px;
    width: 30px !important;
    margin-left: 15px;
}
.elementor-62148 .elementor-element.elementor-element-ac13c48 .lkr-formular-pfeil .elementor-icon-wrapper,
.elementor-62148 .elementor-element.elementor-element-ac13c48 .lkr-formular-pfeil .elementor-icon {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
@media (min-width: 1025px) {
    .elementor-62148 .elementor-element.elementor-element-ac13c48 {
        display: grid !important;
        grid-template-columns: calc(42% + 24px) minmax(0, 1fr) 30px;
        column-gap: 0 !important;
        align-items: center;
    }
    .elementor-62148 .elementor-element.elementor-element-ac13c48 > .elementor-element:first-child {
        min-width: 0;
        padding-right: 30px;
    }
    .elementor-62148 .elementor-element.elementor-element-ac13c48 .elementor-element-68dcaf4 {
        justify-self: start;
        justify-content: flex-start;
        width: auto !important;
    }
    .elementor-62148 .elementor-element.elementor-element-ac13c48 .lkr-formular-pfeil {
        margin-left: 0;
    }
}
@media (max-width: 767px) {
    /* Handy: Titel oben, Label darunter, Pfeil rechts über beide Zeilen mittig */
    .elementor-62148 .elementor-element.elementor-element-ac13c48 {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 30px;
        column-gap: 10px !important;
        align-items: center;
    }
    .elementor-62148 .elementor-element.elementor-element-ac13c48 > .elementor-element:first-child {
        grid-column: 1;
        grid-row: 1;
        min-width: 0;
    }
    .elementor-62148 .elementor-element.elementor-element-ac13c48 .elementor-element-68dcaf4 {
        grid-column: 1;
        grid-row: 2;
        justify-self: start;
        justify-content: flex-start;
        width: auto !important;
    }
    .elementor-62148 .elementor-element.elementor-element-ac13c48 .lkr-formular-pfeil {
        grid-column: 2;
        grid-row: 1 / span 2;
        align-self: center;
        margin-left: 0;
    }
}

/* AUFKLAPPEN 27.10.2026 (Raum af176e2850): Einträge mit mehreren Dokumenten (Klasse lkr-dok-mehrere am Eintrag, Plugin
   lkr-ansprechpartner) klappen in der Liste nach unten auf wie bei Dienstleistungen A-Z, aufgeklappt steht der Inhalt des Eintrags
   mit den Links zu den Dokumenten und Datenschutzhinweisen. Das Skript steht im Custom Code "Dokumente aufklappen", ohne Skript
   bleibt der Link auf die eigene Seite. Einträge mit einem Dokument bleiben wie bisher. */
.elementor-62148 .elementor-element.elementor-element-ac13c48 .lkr-dok-details {
    display: none;
}
:is(.lkr-dok-mehrere.elementor-62148, .lkr-dok-mehrere .elementor-62148) .elementor-element.elementor-element-ac13c48 .lkr-dok-details {
    display: block;
    grid-column: 1 / -1;
    flex: 0 0 100%;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transform: translateY(-8px);
    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);
}
:is(.lkr-dok-mehrere.elementor-62148, .lkr-dok-mehrere .elementor-62148) .elementor-element.elementor-element-ac13c48.is-open .lkr-dok-details {
    max-height: 3000px;
    opacity: 1;
    transform: translateY(0);
}
:is(.lkr-dok-mehrere.elementor-62148, .lkr-dok-mehrere .elementor-62148) .elementor-element.elementor-element-ac13c48 .lkr-dok-details p:last-child {
    margin-bottom: 0;
}
/* Die ganze Zeile klappt auf, der über die Zeile gezogene Link am Pfeil würde sonst auch den aufgeklappten Inhalt verdecken */
:is(.lkr-dok-mehrere.elementor-62148, .lkr-dok-mehrere .elementor-62148) .elementor-element.elementor-element-ac13c48 .lkr-formular-pfeil a::after {
    content: none;
}
:is(.lkr-dok-mehrere.elementor-62148, .lkr-dok-mehrere .elementor-62148) .elementor-element.elementor-element-ac13c48 .lkr-formular-pfeil .elementor-icon {
    transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
:is(.lkr-dok-mehrere.elementor-62148, .lkr-dok-mehrere .elementor-62148) .elementor-element.elementor-element-ac13c48.is-open .lkr-formular-pfeil .elementor-icon {
    transform: rotate(90deg);
}
/* Geöffnet wie beim Darüberfahren: Punkt, Einrückung, Farbe, Label Stone Grey */
:is(.lkr-dok-mehrere.elementor-62148, .lkr-dok-mehrere .elementor-62148) .elementor-element.elementor-element-ac13c48.is-open .digilink-hover-container .digilink-hover-text {
    transform: translateX(15px);
}
:is(.lkr-dok-mehrere.elementor-62148, .lkr-dok-mehrere .elementor-62148) .elementor-element.elementor-element-ac13c48.is-open .digilink-hover-container .digilink-hover-text span {
    color: #003973 !important;
}
:is(.lkr-dok-mehrere.elementor-62148, .lkr-dok-mehrere .elementor-62148) .elementor-element.elementor-element-ac13c48.is-open .digilink-hover-container::before {
    transform: translateY(-50%) translateX(0) scale(1);
    opacity: 1;
    background-color: #003973;
}
:is(.lkr-dok-mehrere.elementor-62148, .lkr-dok-mehrere .elementor-62148) .elementor-element.elementor-element-ac13c48.is-open :is(.pdf, .download, .extern, .online) {
    background-color: #DFE0E4;
}
@media (min-width: 768px) and (max-width: 1024px) {
    :is(.lkr-dok-mehrere.elementor-62148, .lkr-dok-mehrere .elementor-62148) .elementor-element.elementor-element-ac13c48 {
        flex-wrap: wrap;
    }
}

/* AUFKLAPPEN ZU OHNE ABSTAND 28.10.2026 (Raum 81017c3dca "die elemente, welche aufklappen haben unten mehr padding"): Zugeklappt
   sind diese Einträge so hoch wie alle anderen Zeilen. Vorher standen 15 px Innenabstand unten am Details-Container und 5 px
   Zeilenabstand darüber auch im zugeklappten Zustand. Aufgeklappt bleibt es bei 5 px über und 15 px unter dem Inhalt. */
:is(.lkr-dok-mehrere.elementor-62148, .lkr-dok-mehrere .elementor-62148) .elementor-element.elementor-element-ac13c48 {
    row-gap: 0 !important;
}
:is(.lkr-dok-mehrere.elementor-62148, .lkr-dok-mehrere .elementor-62148) .elementor-element.elementor-element-ac13c48 .lkr-dok-details {
    --padding-top: 0px;
    --padding-bottom: 0px;
    padding-top: 0;
    padding-bottom: 0;
    transition:
        max-height 0.65s cubic-bezier(0.4, 0, 0.2, 1),
        padding 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);
}
:is(.lkr-dok-mehrere.elementor-62148, .lkr-dok-mehrere .elementor-62148) .elementor-element.elementor-element-ac13c48.is-open .lkr-dok-details {
    --padding-top: 5px;
    --padding-bottom: 15px;
    padding-top: 5px;
    padding-bottom: 15px;
}
@media (min-width: 768px) and (max-width: 1024px) {
    /* Tablet: der Titel gibt Platz ab wie in den übrigen Zeilen, sonst rutscht das Label durch den Umbruch in eine eigene Zeile */
    :is(.lkr-dok-mehrere.elementor-62148, .lkr-dok-mehrere .elementor-62148) .elementor-element.elementor-element-ac13c48 > .digilink-hover-container {
        flex: 1 1 0;
        min-width: 0;
    }
}
@media (max-width: 767px) {
    /* Handy: das Label steht unter dem Titel, die 5 px dazwischen kamen aus dem Zeilenabstand. Das Label hat am Handy oben
       -15 px aus seinen Einstellungen, zusammen also -10 px. */
    :is(.lkr-dok-mehrere.elementor-62148, .lkr-dok-mehrere .elementor-62148) .elementor-element.elementor-element-ac13c48 .elementor-element-68dcaf4 {
        margin-top: -10px;
    }
}/* End custom CSS */