/***** Optigov-Widget - Start *****/
#app_widget .optigov-holder * {
    line-height: 1.25;
}
#app_widget .optigov-holder a {
    color: rgb(var(--color-primary));
    text-decoration: underline;
}
#app_widget .optigov-holder a:hover {
    text-decoration: none;
}
#app_widget .optigov-holder a strong {
    font-weight: 400;
}
#app_widget .optigov-holder h1 {
    font-weight: 400;
}
#app_widget .optigov-holder h3 {
    font-weight: 600;
}
#app_widget .optigov-holder h4 {
    font-weight: 600;
}
#app_widget .optigov-holder h3 a {
    text-decoration: none;
}
#app_widget .external-link {
    font-weight: 400;
}
#app_widget li::before {
    display: none;
}
#app_widget .optigov-holder ul:not(.item-list) {
    padding-left: 2px;
}
#app_widget .optigov-holder ol:not(.item-list) {
    padding-left: 24px;
}
#app_widget .optigov-holder ol:not(.item-list) li {
    margin: 0 0 .4rem;
    padding-left: 0;
}
#app_widget .optigov-holder th {
    font-weight: 600;
}

#app_widget .search-holder {
    position: relative;
    padding: 0;
    background: none;
}
#app_widget .search-holder::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 82px;
    height: 70px;
    padding: 0;
    border: none;
    text-indent: -9999em;
    background: rgb(var(--color-primary)) url("../Images/bg-icon-lens-white.svg") no-repeat calc(50% + 4px) calc(50%);
    background-size: 32px auto;
    clip-path: polygon(14px 0px, 100% 0px, 100% 100%, 0px 100%);
    z-index: 2;
}
#app_widget .search-holder input[type="search"] {
    background-color: rgba(var(--color-bg-gray));
    padding: 0 24px;
    height: 70px;
}

#app_widget button.back {
    position: relative;
    padding: 0 0 0 36px;
    font-size: inherit;
    color: inherit;
    background: none;
}
#app_widget button.back i {
    display: none;
}
#app_widget button.back::before {
    content: '';
    position: absolute;
    top: 11px;
    left: 0;
    width: 24px;
    height: 12px;
    background: url("../Images/bg-arrow-green.svg") no-repeat;
    background-size: contain;
    transform: rotate(180deg);

    transition: all var(--transition-t1);
}
#app_widget button.back:hover::before {
    left: -4px;
}

#app_widget .section-introduction h1 {
    margin: 0 0 44px;
    text-align: center;
    color: #fff;
    font-weight: 400;
}

/** Suchergebnisse **/
#app_widget .stub-search-holder input[type="search"] {
    height: 70px;
    padding: 0 30px;
}
#app_widget div > i.clear-search[data-v-baa82e89] {
    top: calc(50% - 19px);
    right: 15px;
}
#app_widget div.view-startseite > div.section-introduction[data-v-7d98512d] .search-results {
    padding: 30px;
}
#app_widget div.view-startseite > div.section-introduction[data-v-7d98512d] .search-results h3 {
    position: relative;
    font-size: 36px;
    font-weight: 400;
    color: rgb(var(--color-primary));
    margin: 0 0 54px;
}
#app_widget div.view-startseite > div.section-introduction[data-v-7d98512d] .search-results h3::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -22px;
    width: 42px;
    border-bottom: 2px solid rgb(var(--color-primary));
}
#app_widget div.view-startseite > div.section-introduction[data-v-7d98512d] .search-results a {
    color: rgb(var(--color-font));
}
#app_widget div.stub-search-holder div.search-results ul.item-list > li.result {
    padding: 0;
}
#app_widget div.stub-search-holder div.search-results ul.item-list > li.result .vue-feather.vue-feather--chevron-right {
    display: none;
}
#app_widget div.stub-search-holder div.search-results ul.item-list > li.result a {
    position: relative;
    padding: 0 0 0 40px;
}
#app_widget div.stub-search-holder div.search-results ul.item-list > li.result a::before {
    content: '';
    position: absolute;
    top: 13px;
    left: 0;
    width: 24px;
    height: 12px;
    background: url("../Images/bg-arrow-green.svg") no-repeat;
    background-size: contain;
    transition: all var(--transition-t1);
}
#app_widget div.stub-search-holder div.search-results ul.item-list > li.result a:hover::before {
    left: 4px;
}

#app_widget div[data-v-2eff91ca] li.slot-entry[data-v-04a7004a] {
    padding: 0 0 10px 20px;
    border: none;
}
#app_widget div[data-v-2eff91ca] li.slot-entry[data-v-04a7004a]::before {
    display: block;
}

#app_widget .entry-point-holder {
    display: flex;
    justify-content: center;
    margin: 40px 0 -20px;
}

/** Auskommentiert, da nun JS-Seitig ausgeblendet, CHL, 2023-08-24 **/
#app_widget div.view-startseite > div.section-introduction > div.entry-point-holder > a.entry-point[data-v-7d98512d]:last-of-type {
    /*display: none;*/
}

#app_widget div.view-startseite > div.section-introduction[data-v-7d98512d] a {
    color: #fff;
    text-decoration: none;
}

#app_widget .stub-themenfelder h2,
#app_widget #terminvereinbarung > h2 {
    font-weight: 400;
    font-size: 50px;
    text-align: center;
    margin: 0 0 50px;
}
#app_widget div.stub-themenfeld > div.icon-holder,
#app_widget .alle-dienstleistungen > div.icon-holder {
    position: relative;
    text-align: left;
    width: 60px;
    height: 60px;
    margin: 4px auto 10px;
}

#app_widget div.stub-themenfelder > div.themefeld-holder > ul[data-v-0787f155] {
    grid-gap: 0.9rem 1.5rem;
}
#app_widget div.stub-themenfelder > div.themefeld-holder > ul > li[data-v-0787f155] {
    padding: 20px 15px 70px;
    background-color: rgb(var(--color-bg-gray));
}
/*#app_widget div.stub-themenfelder > div.themefeld-holder > ul > li[data-v-0787f155]::before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    top: auto;
    left: auto;
    width: 92px;
    height: 74px;
    background-color: rgb(var(--color-primary));
    border-radius: 0;
    clip-path: polygon(22% 0, 100% 0, 100% 100%, 0 100%);
}*/
#app_widget div.stub-themenfelder > div.themefeld-holder > ul > li[data-v-0787f155]::after {
    content: '';
    position: absolute;
    bottom: 26px;
    right: 20px;
    width: 38px;
    height: 18px;
    background: url("../Images/bg-arrow-green.svg") no-repeat;
    background-size: contain;
    transition: all var(--transition-t1);
}
#app_widget div.stub-themenfelder > div.themefeld-holder > ul > li[data-v-0787f155]:hover::after {
    right: 16px;
}
#app_widget .optigov-holder h3[data-v-9b451394] {
    margin: 0 0 6px;
    font-size: 36px;
    text-align: left;
    font-weight: 400;
    line-height: 1.38462;
}
#app_widget .favorites.item-list li {
    padding: 0;
}
#app_widget .favorites.item-list li a {
    display: inline-block;
    padding-left: 36px;
    color: rgb(var(--color-font));
    /*text-decoration: none;*/
}
#app_widget .favorites.item-list li a::before {
    content: '';
    position: absolute;
    top: 11px;
    left: 0;
    width: 24px;
    height: 12px;
    background: url("../Images/bg-arrow-green.svg") no-repeat;
    background-size: contain;

    transition: all var(--transition-t1);
}
#app_widget .favorites.item-list li a:hover::before {
    left: 4px;
}
#app_widget .favorites.item-list li a i {
    display: none;
}
#app_widget div.stub-themenfelder > div.themefeld-holder > ul > li[data-v-0787f155]:last-of-type {
    background-color: rgb(var(--color-bg-gray));
}
#app_widget div.stub-themenfelder > div.themefeld-holder > ul > li[data-v-0787f155]:last-of-type h3 {
    text-align: left;
    font-weight: 400;
    font-size: 36px;
    line-height: 1.38462;
    color: rgb(var(--color-primary));
}


#app_widget div.stub-themenfeld > div.icon-holder,
#app_widget .alle-dienstleistungen > div.icon-holder {
    width: auto;
    height: auto;
    margin: -20px -15px 0;
    padding: 30px 20px 0;
    /*background-color: rgb(var(--color-primary));*/
}
#app_widget div.stub-themenfeld > div.icon-holder svg,
#app_widget .alle-dienstleistungen > div.icon-holder svg {
	color: rgb(var(--color-primary));
}


#app_widget div.stub-themenfeld > div.icon-holder > i,
#app_widget .alle-dienstleistungen > div.icon-holder > i {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    width: auto;
}
#app_widget div.stub-themenfeld > div.icon-holder svg,
#app_widget .alle-dienstleistungen > div.icon-holder svg {
    width: 60px;
    height: auto;
    object-fit: contain;
    /*color: rgb(var(--color-primary));*/
}

#app_widget div.stub-themenfelder > div.themefeld-holder > ul > li[data-v-aa876510] h3 {
    text-align: center;
    color: rgb(var(--color-primary));
}
#app_widget div.stub-themenfelder > div.themefeld-holder > ul > li[data-v-aa876510] h3 a {
    text-decoration: none;
}
#app_widget div.stub-themenfelder > div.themefeld-holder > ul > li[data-v-aa876510] {
    padding: 30px;
    background: rgb(var(--color-primary-light));
}
#app_widget div.stub-themenfelder > div.themefeld-holder li::before {
    display: none;
}

#app_widget .optigov-holder:not(.medium) .split-columns-70-30 > div:nth-of-type(2) > div[data-v-7b1bc5e5] {
    top: 120px;
}

#app_widget #terminvereinbarung .search > div {
    position: relative;
}
#app_widget #terminvereinbarung .search > div::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 82px;
    height: 70px;
    padding: 0;
    border: none;
    text-indent: -9999em;
    background: rgb(var(--color-primary)) url("../Images/bg-icon-lens-white.svg") no-repeat calc(50% + 4px) calc(50%);
    background-size: 32px auto;
    clip-path: polygon(14px 0px, 100% 0px, 100% 100%, 0px 100%);
    z-index: 2;
}
#app_widget #terminvereinbarung input[type="search"] {
    height: 70px;
}

#app_widget .list-card {
    position: relative;
    padding: 30px 30px 70px 30px;
    border: none;
    background-color: rgb(var(--color-bg-gray));
}
#app_widget .list-card::before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    top: auto;
    left: auto;
    width: 92px;
    height: 74px;
    background-color: rgb(var(--color-primary));
    border-radius: 0;
    clip-path: polygon(22% 0, 100% 0, 100% 100%, 0 100%);
}
#app_widget .list-card::after {
    content: '';
    position: absolute;
    bottom: 26px;
    right: 20px;
    width: 38px;
    height: 18px;
    background: url("../Images/bg-arrow-white.svg") no-repeat;
    background-size: contain;
    transition: all var(--transition-t1);
}
#app_widget .list-card:hover::after {
    right: 16px;
}
#app_widget .list-card .arrow {
    display: none;
}
#app_widget .list-card li[data-v-5f3d636d]::before {
    display: block;
    top: 12px;
}

#app_widget div.card-column-right {
    padding: 30px;
    background-color: rgb(var(--color-primary-light));
}
#app_widget div.card-column-right li::before {
    display: block;
    top: 14px;
}
#app_widget div.card-column-right li a.router-link-active {
    color: rgb(var(--color-primary));
    font-weight: 600;
    text-decoration: none;
}
#app_widget div.card-column-right li a.router-link-active:hover {
    text-decoration: underline;
}

#app_widget .view-dienstleistung h1 {
    font-weight: 400;
}
#app_widget .card-box {
    padding: 30px;
    border: none;
    background-color: rgb(var(--color-bg-gray));
}
#app_widget .card-box h2 {
    font-weight: 600;
}
#app_widget .card-box div[data-v-3a4285eb] ul li::before,
#app_widget .card-box div[data-v-442abfd9] ul li::before,
#app_widget .card-box div[data-v-7fc33b11] ul li::before,
#app_widget .card-box > div ul li::before {
    display: block;
    top: 14px;
}
#app_widget .card-box i.vue-feather.vue-feather--arrow-right-circle {
    display: none;
}
#app_widget div[data-v-7b1bc5e5] #terminvereinbarung h2 {
    margin: 0 0 32px;
    font-size: 36px;
    font-weight: 600;
    text-align: left;
}
#app_widget li.slot-entry[data-v-04a7004a]::before {
    display: none;
}
#app_widget div[data-v-2eff91ca] ul li .stub-mitarbeiter > div a {
    display: inline-block;
    margin: 0 0 10px;
    color: rgb(var(--color-primary));
}
#app_widget div[data-v-2eff91ca] ul li .stub-mitarbeiter > div a.router-link {
    text-decoration: none;
}
#app_widget div[data-v-2eff91ca] ul li .stub-mitarbeiter > div p {
    margin: 0 0 10px;
}
#app_widget div[data-v-2eff91ca] ul li .stub-mitarbeiter > div + i.vue-feather {
    display: none;
}
#app_widget .card-column-right[data-v-2eff91ca]:nth-of-type(2) {
    position: relative;
    /*padding-bottom: 80px;*/
}
/*#app_widget .card-column-right[data-v-2eff91ca]:nth-of-type(2)::before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    top: auto;
    left: auto;
    width: 92px;
    height: 74px;
    background-color: rgb(var(--color-primary));
    border-radius: 0;
    clip-path: polygon(22% 0, 100% 0, 100% 100%, 0 100%);
}
#app_widget .card-column-right[data-v-2eff91ca]:nth-of-type(2)::after {
    content: '';
    position: absolute;
    bottom: 26px;
    right: 20px;
    width: 38px;
    height: 18px;
    background: url("../Images/bg-arrow-white.svg") no-repeat;
    background-size: contain;
    transition: all var(--transition-t1);
}*/



#app_widget .optigov-holder a.router-link-active:not(.force-non-active) {
    color: rgb(var(--color-primary));
}

/** Mitarbeiter **/
#app_widget div[data-v-9bf202b8] .list-card-grid {
    padding: 30px;
    border: none;
    background-color: rgb(var(--color-bg-gray));
}
#app_widget div[data-v-9bf202b8] .list-card-grid h3 {
    color: rgb(var(--color-primary));
}
#app_widget div[data-v-9bf202b8] .list-card-grid h3 a {
    text-decoration: none;
}
#app_widget div[data-v-9bf202b8] h4 {
    font-size: 52px;
    color: rgb(var(--color-primary));
    font-weight: 400;
}
#app_widget div[data-v-2eff91ca] i.vue-feather {
    display: none;
}

#app_widget #antragsformulare i.vue-feather {
    display: none;
}

#app_widget .stub-einrichtung .vue-feather.vue-feather--arrow-right-circle {
    display: none;
}
#app_widget .stub-einrichtung .router-link strong {
    font-weight: 400;
}

div.card-terminvereinbarung-dienstleistung div.buttons button.round label[data-v-c3af078e] {
    display: flex;
    justify-content: center;
    align-items: center;
    transform: none;
}
#app_widget div.card-terminvereinbarung-dienstleistung div.buttons[data-v-c3af078e] button:first-of-type label {
    margin: -5px 0 0;
}

#app_widget div.view-startseite > div.section-introduction[data-v-76136539] .router-link.entry-point {
    color: #fff;
}
/***** Optigov-Widget - End *****/

/***** Optigov-Search - Start *****/
.rm-optigov-search #app {
    max-width: unset;
    margin: 0;
}
.rm-optigov-search #app input[type="search"] {
    display: none;
    width: 100%;
    height: 70px;
    padding: 0 92px 0 24px;
    font: 400 26px/1 var(--font-1);
    color: rgb(var(--color-font-dark));
    border: none;
    background-color: rgba(var(--color-bg-gray));
}
.rm-optigov-search div.stub-search-holder div.search-results {
    grid-gap: 30px;
    margin: 0;
    padding: 0;
}
.rm-optigov-search .optigov-holder h1,
.rm-optigov-search .optigov-holder h2,
.rm-optigov-search .optigov-holder h3,
.rm-optigov-search .optigov-holder h4 {
    position: relative;
    font-weight: inherit;
    color: rgb(var(--color-primary));
}
.rm-optigov-search .optigov-holder h3 {
    margin-bottom: 54px;
    font: 400 36px/1.25 var(--font-1);
}
.rm-optigov-search .optigov-holder h3::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -22px;
    width: 42px;
    border-bottom: 2px solid rgb(var(--color-primary));
}
.rm-optigov-search div.stub-search-holder div.search-results ul.item-list > li.result > i {
    display: none;
}
.rm-optigov-search div > i.clear-search[data-v-baa82e89] {
    top: 0;
    right: 0;
}

.rm-optigov-search .stub-search-holder .vue-feather.vue-feather--x.clear-search {
    display: none;
}
.rm-optigov-search div.stub-search-holder div.search-results > div {
    padding: 30px;
    background-color: rgb(var(--color-bg-gray));
}
.rm-optigov-search div.stub-search-holder div.search-results > div .item-list li.result {
    padding: 0;
    margin: 0 0 10px;
}
.rm-optigov-search div.stub-search-holder div.search-results > div .item-list li.result::before {
    display: none;
}
.rm-optigov-search div.stub-search-holder div.search-results > div .item-list li.result a {
    position: relative;
    padding: 0 0 0 40px;
    line-height: 1.38461;
    color: rgb(var(--color-font));
}
.rm-optigov-search div.stub-search-holder div.search-results > div .item-list li.result a::before {
    content: '';
    position: absolute;
    top: 13px;
    left: 0;
    width: 24px;
    height: 12px;
    background: url("../Images/bg-arrow-green.svg") no-repeat;
    background-size: contain;

    transition: all var(--transition-t1);
}
.rm-optigov-search div.stub-search-holder div.search-results > div .item-list li.result a:hover::before {
    left: 4px;
}
/***** Optigov-Search - End *****/


/***** Optigov-Widget mobile - Start *****/
@media (max-width: 767px) {

    .rm-optigov-search div.stub-search-holder div.search-results > div {
        padding: 15px;
    }
    .rm-optigov-search .optigov-holder h3 {
        margin-bottom: 34px;
        font-size: 26px;
    }
    .rm-optigov-search .optigov-holder h3::before {
        bottom: -12px;
    }
    .rm-optigov-search div.stub-search-holder div.search-results > div .item-list li.result a {
        padding: 0 0 0 34px;
    }
    .rm-optigov-search div.stub-search-holder div.search-results > div .item-list li.result a::before {
        top: 10px;
    }
}
/***** Optigov-Widget mobile - End *****/


/***** Optigov-Widget mobile - Start *****/
@media (max-width: 767px) {

    #app_widget .search-holder::before {
        width: 62px;
        height: 50px;
        background-size: 24px auto;
    }
    #app_widget button.back::before {
        top: 8px;
    }
    #app_widget .split-columns-70-30[data-v-7b1bc5e5] {
        grid-gap: 15px;
        margin-bottom: 30px;
    }
    #app_widget .optigov-holder table tr th,
    #app_widget .optigov-holder table tr td {
        padding: 0.55rem 0.5rem;
    }

    #app_widget .section-introduction h1 {
        margin: 0 0 20px;
    }

    #app_widget div > i.clear-search[data-v-baa82e89] {
        top: calc(50% - 14px);
    }
    #app_widget div.view-startseite > div.section-introduction[data-v-7d98512d] .search-results {
        padding: 15px;
    }
    #app_widget div.view-startseite > div.section-introduction[data-v-7d98512d] .search-results h3 {
        margin: 0 0 34px;
        font-size: 26px;
    }
    #app_widget div.view-startseite > div.section-introduction[data-v-7d98512d] .search-results h3::before {
        bottom: -12px;
    }
    #app_widget div.stub-search-holder div.search-results ul.item-list > li.result a {
        padding: 0 0 0 34px;
    }
    #app_widget div.stub-search-holder div.search-results ul.item-list > li.result a::before {
        top: 8px;
    }

    #app_widget div.view-startseite > div.section-themenfelder[data-v-7d98512d] {
        padding: 0;
    }

    #app_widget div.view-startseite > div.section-introduction[data-v-7d98512d] {
        margin: 0 0 40px;
        padding: 15px;
    }
    #app_widget .stub-search-holder input[type="search"] {
        padding: 0 15px;
    }
    #app_widget .entry-point-holder {
        display: block;
        margin: 0;
    }
    #app_widget div.view-startseite > div.section-introduction > div.entry-point-holder > a.entry-point[data-v-7d98512d] {
        margin-bottom: 10px;
    }

    #app_widget .stub-themenfelder h2,
    #app_widget #terminvereinbarung > h2 {
        margin: 0 0 24px;
        font-size: 26px;
    }

    #app_widget div.stub-themenfelder > div.themefeld-holder > ul > li[data-v-aa876510] {
        padding: 15px;
    }
    #app_widget div.stub-themenfeld > div.icon-holder, #app_widget .alle-dienstleistungen > div.icon-holder {
        /*width: 40px;
        height: 40px;
        margin: 10px auto 16px;*/
    }
    #app_widget .optigov-holder h3[data-v-9b451394],
    #app_widget div.stub-themenfelder > div.themefeld-holder > ul > li[data-v-0787f155]:last-of-type h3 {
        font-size: 26px;
    }
    #app_widget div.stub-themenfeld > div.icon-holder svg,
    #app_widget .alle-dienstleistungen > div.icon-holder svg {
        width: 40px;
    }
    #app_widget div.stub-themenfelder > div.themefeld-holder > ul > li[data-v-0787f155]::before {
        width: 52px;
        height: 42px;
    }
    #app_widget div.stub-themenfelder > div.themefeld-holder > ul > li[data-v-0787f155]::after,
    #app_widget div.stub-themenfelder > div.themefeld-holder > ul > li[data-v-0787f155]:hover::after {
        bottom: 14px;
        right: 12px;
        width: 22px;
        height: 12px;
    }

    #app_widget div.view-startseite > div.section-terminvereinbarung[data-v-7d98512d] {
        padding: 0;
    }
    #app_widget #terminvereinbarung input[type="search"] {
        height: 50px;
    }
    #app_widget #terminvereinbarung .search > div::before {
        width: 62px;
        height: 50px;
        background-size: 24px auto;
    }
    #app_widget div[data-v-7b1bc5e5] #terminvereinbarung h2 {
        margin: 0 0 20px;
        font-size: 26px;
    }

    #app_widget .search-holder input[type="search"] {
        padding: 0 15px;
        height: 50px;
    }
    #app_widget .list-card {
        margin-bottom: 15px;
        padding: 15px 15px 54px 15px;
    }
    #app_widget .list-card::before {
        width: 52px;
        height: 42px;
    }
    #app_widget .list-card::after,
    #app_widget .list-card:hover::after {
        bottom: 14px;
        right: 12px;
        width: 22px;
        height: 12px;
    }
    #app_widget .list-card li[data-v-5f3d636d]::before {
        top: 10px;
    }

    #app_widget .card-box {
        margin-bottom: 15px;
        padding: 15px;
    }
    #app_widget .card-box div[data-v-3a4285eb] ul li::before {
        top: 10px;
    }
    #app_widget div.card-column-right {
        margin-bottom: 15px;
        padding: 15px;
    }
    #app_widget div.card-column-right li::before {
        top: 10px;
    }

    #app_widget .card-column-right[data-v-2eff91ca]:nth-of-type(2) {
        padding-bottom: 44px;
    }
    #app_widget .card-column-right[data-v-2eff91ca]:nth-of-type(2)::before {
        width: 52px;
        height: 42px;
    }
    #app_widget .card-column-right[data-v-2eff91ca]:nth-of-type(2)::after {
        bottom: 14px;
        right: 12px;
        width: 22px;
        height: 12px;
    }

    #app_widget div[data-v-9bf202b8] .list-card-grid {
        padding: 15px;
    }
    #app_widget div[data-v-9bf202b8] h4 {
        font-size: 32px;
    }
}
/***** Optigov-Widget mobile - End *****/