/***** Aufklapper - Start *****/
.folder-wrapper .headline {
    position: relative;
    margin: 0 0 40px;
    padding: 0 0 0 20px;
    font: 400 38px/1.15789 var(--font-1);
    color: rgb(var(--color-primary));
}
.folder-wrapper .headline::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    border-left: 4px solid rgb(var(--color-primary));
}

.folder {
    margin: 0 0 76px;
}
.frame-layout-140 .folder {
    margin-bottom: 32px;
}
.folder .fold {
    margin: 0 0 12px;
}
.folder .fold:last-of-type {
    margin-bottom: 0;
}
.folder .fold .fold-title {
    position: relative;
    padding: 16px 56px 14px 22px;
    font-size: 32px;
    background-color: rgba(var(--color-bg-gray), .7);
    cursor: pointer;
}
.folder .fold .fold-title::before {
    content: '';
    position: absolute;
    top: 18px;
    right: 20px;
    width: 37px;
    height: 37px;
    background: url("../Images/bg-arrow-circle-red.svg") no-repeat;
    background-size: contain;
    transform: rotate(90deg);
    z-index: 1;

    transition: all var(--transition-t2) ease-in-out;
}
.folder .fold.active .fold-title::before {
    transform: rotate(-90deg);
}

.folder .fold .fold-title button {
    max-width: 100%;
    margin: 0;
    padding: 0;
    font: inherit;
    color: inherit;
    text-align: left;
    border: none;
    background: no-repeat;
    cursor: pointer;
    overflow: hidden;
}
.folder .fold .fold-content {
    display: none;
    padding: 14px 22px 28px;
}
.folder .fold .fold-content .text {
    display: flow-root;
}
.folder .fold .fold-content p {
    font-size: 26px;
    line-height: 1.26923;
}
.folder .fold .fold-content p:last-of-type {
    margin: 0;
}
.folder .fold .fold-content .image,
.folder .fold .fold-content .video {
    position: relative;
    margin: 6px 0 20px;
}
.folder .fold .fold-content .image.pos-1,
.folder .fold .fold-content .video.pos-1 {
    float: right;
    width: 50%;
    margin-left: 30px;
}
.folder .fold .fold-content .image.pos-2,
.folder .fold .fold-content .video.pos-2 {
    float: left;
    width: 50%;
    margin-right: 30px;
}
.folder .fold .fold-content .image.pos-3,
.folder .fold .fold-content .video.pos-3 {
    width: 100%;
}
.folder .fold .fold-content .image img,
.folder .fold .fold-content .video video {
    display: block;
    width: 100%;
    height: auto;
}
.folder .fold .fold-content .video {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}
.folder .fold .fold-content .video.pos-1,
.folder .fold .fold-content .video.pos-2 {
    padding-bottom: 28.125%;
}
.folder .fold .fold-content .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.folder .fold .fold-content .image .caption {
    padding: 4px 0 0;
    line-height: 1.5;
    font-style: italic;
}
.folder .fold .fold-content a.link-arrow::before {
    top: 1px;
}
/***** Aufklapper - End *****/

/***** Teaser - Start *****/
.teaser {
    margin: 0 0 76px;
}
.row.body .col-md-4 .teaser:last-child {
    margin-bottom: 0;
}
.teaser .image {
    position: relative;
    margin: 0 0 40px;
    border-bottom: 8px solid rgb(var(--color-primary));
}
.teaser .image img {
    width: 100%;
}
.col-md-4 .teaser .image {
    margin-bottom: 20px;
}
.teaser .headline {
    margin: 0 0 26px;
    font-size: 32px;
    line-height: 1.25;
    font-weight: 600;
}
.col-md-4 .teaser .headline {
    margin-bottom: 4px;
}
.teaser .text p:last-child {
    margin-bottom: 0;
}
/***** Teaser - End *****/

/***** Video-Teaser - Start *****/
.video-teaser {
    margin: 0 0 76px;
    padding: 72px 0 64px;
    background-color: rgb(var(--color-bg-gray));
}
.video-teaser .title {
    margin: 0 0 22px;
    font-size: 46px;
    text-align: center;
    color: rgb(var(--color-primary));
}
.video-teaser figure.video {
    margin: 0;
}
/***** Video-Teaser - End *****/

/***** Schnellzugriff-Kacheln - Start *****/
.quickguide {
    position: relative;
    margin: -236px 0 28px;
    font-size: 20px;
    text-align: center;
    z-index: 2;
}
.quickguide a {
    text-decoration: none;
}
.quickguide .qbox {
    position: relative;
    min-height: 234px;
    margin: 0 0 48px;
    padding: 28px 22px 62px;
    border-top: 8px solid rgb(var(--color-primary));
    background-color: rgb(var(--color-bg-gray));
}
.quickguide .qbox.icon::before {
    content: '';
    position: absolute;
    top: -37px;
    left: calc(50% - 30px);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: rgb(var(--color-primary));
}
.quickguide .qbox.icon::after {
    content: '';
    position: absolute;
    top: -35px;
    left: calc(50% - 28px);
    width: 56px;
    height: 56px;
    border-radius: 50%;
}
.quickguide .qbox.icon.i-1::after {
    background: url("../Images/bg-icon-services.svg") no-repeat center;
    background-size: 42px auto;
}
.quickguide .qbox.icon.i-2::after {
    background: url("../Images/bg-icon-urban-management.svg") no-repeat center;
    background-size: 37px auto;
}
.quickguide .qbox.icon.i-3::after {
    background: url("../Images/bg-icon-monument-protection.svg") no-repeat center;
    background-size: 31px auto;
}
.quickguide .qbox.icon.i-4::after {
    background: url("../Images/bg-icon-housing-associations.svg") no-repeat center;
    background-size: 37px auto;
}
.quickguide .qbox.icon.i-5::after {
    background: url("../Images/bg-icon-event.svg") no-repeat center;
    background-size: 31px auto;
}
.quickguide .qbox.icon.i-6::after {
    background: url("../Images/bg-icon-services-service.svg") no-repeat center;
    background-size: 42px auto;
}
.quickguide .qbox.icon.i-7::after {
    background: url("../Images/bg-icon-information.svg") no-repeat center;
    background-size: 40px auto;
}
.quickguide .qbox.icon.i-8::after {
    background: url("../Images/bg-icon-address.svg") no-repeat center;
    background-size: 36px auto;
}
.quickguide .qbox.icon.i-9::after {
    background: url("../Images/bg-icon-clock.svg") no-repeat center;
    background-size: 44px auto;
}
.quickguide .qbox.icon.i-10::after {
    background: url("../Images/bg-icon-meeting.svg") no-repeat center;
    background-size: 40px auto;
}
.quickguide .qbox.icon.i-11::after {
    background: url("../Images/bg-icon-backpack.svg") no-repeat center;
    background-size: 40px auto;
}
.quickguide .qbox.icon.i-12::after {
    background: url("../Images/bg-icon-adoption.svg") no-repeat center;
    background-size: 40px auto;
}
.quickguide .qbox.icon.i-13::after {
    background: url("../Images/bg-icon-children.svg") no-repeat center;
    background-size: 40px auto;
}
.quickguide .qbox.icon.i-14::after {
    background: url("../Images/bg-icon-newspaper-folded.svg") no-repeat center;
    background-size: 40px auto;
}
.quickguide .qbox.icon.i-15::after {
    background: url("../Images/bg-icon-contract.svg") no-repeat center;
    background-size: 40px auto;
}
.quickguide .qbox.icon.i-16::after {
    background: url("../Images/bg-icon-social-care.svg") no-repeat center;
    background-size: 40px auto;
}
.quickguide .qbox.icon.i-17::after {
    background: url("../Images/bg-icon-forderung.svg") no-repeat center;
    background-size: 40px auto;
}
.quickguide .qbox.icon.i-18::after {
    background: url("../Images/bg-icon-planet-earth.svg") no-repeat center;
    background-size: 40px auto;
}
.quickguide .qbox.icon.i-19::after {
    background: url("../Images/bg-icon-key.svg") no-repeat center;
    background-size: 40px auto;
}
.quickguide .qbox.icon.i-20::after {
    background: url("../Images/bg-icon-open-book.svg") no-repeat center;
    background-size: 40px auto;
}
.quickguide .qbox.icon.i-21::after {
    background: url("../Images/bg-icon-webcam.svg") no-repeat center;
    background-size: 40px auto;
}
.quickguide .headline {
    position: relative;
    margin: 0 0 12px;
    font-size: 25px;
    line-height: 1.16;
    color: rgb(var(--color-primary));
    overflow: hidden;
}
.quickguide .text {
    margin: 0 0 10px;
}
.quickguide .text p:last-of-type {
    margin: 0;
}
.quickguide .link-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 34px;
}
.quickguide .link-text {
    display: inline-block;
    position: relative;
    padding: 0 0 0 32px;
    text-decoration: underline;
}
.quickguide .link-text::before {
    content: '';
    position: absolute;
    top: 3px;
    left: 0;
    width: 24px;
    height: 24px;
    background: url("../Images/bg-arrow-circle-red.svg") no-repeat;
    background-size: contain;

    transition: all var(--transition-t1);
}
.quickguide .qbox:hover .link-text {
    text-decoration: none;
}
.quickguide .qbox:hover .link-text::before {
    left: 4px;
}
/***** Schnellzugriff-Kacheln - End *****/

/***** Teaser mit Aufklapper - Start *****/
.teaser-folder {
    margin: 0 0 76px;
    text-align: center;
}
.teaser-folder .headline {
    margin: 0 0 30px;
    font-size: 56px;
    line-height: 1.19231;
    color: rgb(var(--color-primary));
}
.teaser-folder .subtitle {
    position: relative;
    margin: 0 0 32px;
    font-size: 36px;
    line-height: 1.25;
    color: rgb(var(--color-primary));
}
.teaser-folder .teaser-text {
    margin: 0 0 12px;
}
.teaser-folder .teaser-text p:last-of-type {
    margin: 0;
}

.teaser-folder .detail-text {
    display: none;
}
.teaser-folder .folding-actions button {
    position: relative;
    width: 150px;
    height: 42px;
    padding: 0;
    font: 24px/1 var(--font-1);
    color: inherit;
    border: none;
    background-color: transparent;
    cursor: pointer;
}
.teaser-folder .folding-actions button::before {
    content: '';
    position: absolute;
    top: 4px;
    right: -36px;
    width: 31px;
    height: 31px;
    background: url("../Images/bg-arrow-circle-red.svg") no-repeat;
    background-size: contain;
    transform: rotate(90deg);

    transition: all var(--transition-t1);
}
.teaser-folder .folding-actions button:hover::before {
    top: 8px;
}
.teaser-folder .active .folding-actions button:hover::before {
    top: 0;
}
.teaser-folder .active .folding-actions button::before {
    transform: rotate(270deg);
}
.teaser-folder .folding-actions button span {
    display: block;
    position: absolute;
    top: 6px;
    left: 0;
    right: 0;
}
.teaser-folder .folding-actions button:hover span {
    text-decoration: none;
}
.teaser-folder .folding-actions button span.hide {
    display: none;
}
/***** Teaser mit Aufklapper - End *****/

/***** Bild vollflächig - Start *****/
.image-fullwidth {
    position: relative;
    margin: 76px 0 76px;
}
.image-fullwidth img {
    width: 100%;
}
/***** Bild vollflächig - End *****/

/***** Teasersammlung - Start *****/
.repeating-boxes {
    margin: 0 0 76px;
    overflow: hidden;
}
.repeating-boxes .box {
    margin: 0 0 24px;
    border-bottom: 8px solid rgb(var(--color-secondary));
    background-color: rgb(var(--color-bg-gray));
}
.repeating-boxes.color-0 .box {
    border-bottom: none;
    background-color: transparent;
}
.repeating-boxes .owl-item .box {
    margin: 0;
}
.repeating-boxes .box-content {
    position: relative;
    min-height: 372px;
    padding: 28px 20px 26px;
}
.repeating-boxes.color-0 .box-content {
    min-height: unset;
    padding: 20px 0 0;
}
.repeating-boxes .image {
    position: relative;
}
.repeating-boxes.color-0 .image {
    border-bottom: 8px solid rgb(var(--color-primary));
}
.repeating-boxes .image picture {
    position: relative;
    display: block;
}
.repeating-boxes .box:hover .image picture::before {
    opacity: 0;
}
.repeating-boxes .image img {
    width: 100%;
    height: auto;
}
.repeating-boxes .title {
    text-align: center;
}
.repeating-boxes .title .headline {
    margin: 0 0 40px;
    font: 400 42px/1.19231 var(--font-1);
    color: rgb(var(--color-font-secondary));
}
.repeating-boxes.color-0 .title .headline {
    margin: 0 0 30px;
    color: rgb(var(--color-primary));
}
.repeating-boxes .box-title {
    height: 60px;
    margin: 0 0 20px;
    /*font-size: var(--fsmaller);*/
    font-size: 28px;
    line-height: 1.16667;
    color: rgb(var(--color-font-secondary));
    overflow: hidden;
    white-space: nowrap;
}
.repeating-boxes .box-content .box-title a {
    text-decoration: none;
}
.repeating-boxes .box-content.has-fixed-link .box-title {
    max-height: 50px;
}
.repeating-boxes .box-content.has-fixed-link .box-title a {
    display: block;
}
.repeating-boxes.color-0 .box-content.has-fixed-link .box-title {
    max-height: unset;
    height: auto;
    margin: 0 0 10px;
    color: inherit;
    line-height: 1.33333;
}
.repeating-boxes .box-content .text {
    /*max-height: 180px;*/
    font-size: var(--fsmaller);
    line-height: 1.5;
    overflow: hidden;
}
.repeating-boxes .box-content .text a {
    text-decoration: underline;
}
.repeating-boxes .box-content .text a:hover {
    text-decoration: none;
}
.repeating-boxes .box-content.has-fixed-link .text {
    max-height: 180px;
}
.repeating-boxes .text p:last-of-type,
.repeating-boxes .text ul:last-of-type {
    margin: 0;
}
.content .repeating-boxes ul li {
    margin: 0 0 10px;
    padding: 0;
}
.content .repeating-boxes ul li::before {
    display: none;
}
.content .repeating-boxes ul li .link-arrow {
    text-decoration: underline;
}
.content .repeating-boxes ul li .link-arrow:hover {
    text-decoration: none;
}
.repeating-boxes .fixed-link {
    position: absolute;
    bottom: 36px;
    left: 20px;
}
.repeating-boxes.color-0 .fixed-link {
    position: relative;
    bottom: auto;
    left: auto;
}
.repeating-boxes .fixed-link a {
    text-decoration: underline;
    white-space: nowrap;
}
.repeating-boxes.color-0 .fixed-link a {
    text-decoration: none;
}
.repeating-boxes .fixed-link a:hover {
    text-decoration: none;
}
.repeating-boxes a.link-arrow {
    padding-bottom: 2px;
}
.repeating-boxes a.link-arrow::before {
    background-image: url("../Images/bg-arrow-circle-blue.svg");
}
.repeating-boxes.color-0 a.link-arrow::before {
    background-image: url("../Images/bg-arrow-circle-red.svg");
}
.repeating-boxes a[data-mailto-vector] {
    position: relative;
    padding: 0 0 0 42px;
}
.repeating-boxes a[data-mailto-vector]::before {
    content: '';
    position: absolute;
    top: 4px;
    left: 0;
    width: 31px;
    height: 23px;
    background: url("../Images/bg-icon-envelope-blue.svg") no-repeat;
    background-size: contain;

    transition: all var(--transition-t1);
}
.repeating-boxes a[data-mailto-vector]:hover::before {
    left: 4px;
}

.repeating-boxes.color-0 .box.icon {
    background-color: rgb(var(--color-bg-gray));
}
.repeating-boxes.color-0 .icon .box-content {
    min-height: 320px;
    padding: 20px 24px 0;
}
.repeating-boxes.color-0 .icon .box-content.has-fixed-link .box-title {
    max-height: 38px;
    margin: 0 0 24px;
    font-size: 28px;
    line-height: 1.14285;
    color: rgb(var(--color-primary));
}
.repeating-boxes .icon .image {
    margin: 0 0 44px;
}
.repeating-boxes .icon .image::before {
    content: '';
    position: absolute;
    left: calc(50% - 54px);
    bottom: -54px;
    width: 108px;
    height: 108px;
    background-color: rgb(var(--color-primary));
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%;
    z-index: 2;
}
.repeating-boxes .icon.i-1 .image::before {
    background-image: url("../Images/bg-icon-megaphone.svg");
    background-size: 67px auto;
}
.repeating-boxes .icon.i-2 .image::before {
    background-image: url("../Images/bg-icon-services-family.svg");
    background-size: 52px auto;
}
.repeating-boxes .icon.i-3 .image::before {
    background-image: url("../Images/bg-icon-services-portfolio.svg");
    background-size: 69px auto;
}
.repeating-boxes .icon.i-4 .image::before {
    background-image: url("../Images/bg-icon-services-identity-card.svg");
    background-size: 61px auto;
}
.repeating-boxes .icon.i-5 .image::before {
    background-image: url("../Images/bg-icon-services-dog.svg");
    background-size: 68px auto;
}
.repeating-boxes .icon.i-6 .image::before {
    background-image: url("../Images/bg-icon-services-culture.svg");
    background-size: 67px auto;
}
.repeating-boxes .icon.i-7 .image::before {
    background-image: url("../Images/bg-icon-services-construct.svg");
    background-size: 70px auto;
}
.repeating-boxes .icon.i-8 .image::before {
    background-image: url("../Images/bg-icon-services-health.svg");
    background-size: 62px auto;
}
.repeating-boxes .icon.i-9 .image::before {
    background-image: url("../Images/bg-icon-services-traffic.svg");
    background-size: 54px auto;
}
.repeating-boxes .icon.i-10 .image::before {
    background-image: url("../Images/bg-icon-services-waste.svg");
    background-size: 58px auto;
}
.repeating-boxes .icon.i-11 .image::before {
    background-image: url("../Images/bg-icon-services-urban-development.svg");
    background-size: 66px auto;
}
.repeating-boxes .icon.i-12 .image::before {
    background-image: url("../Images/bg-icon-services-environment.svg");
    background-size: 69px auto;
}
.repeating-boxes.color-0 .icon .fixed-link {
    position: absolute;
    bottom: 24px;
    right: 24px;
}
.repeating-boxes.color-0 .icon .fixed-link a.link-arrow {
    /*width: 47px;*/
    height: 47px;
    margin: 0;
    padding: 4px 54px 0 0;
    font-size: var(--fsmaller);
    /*text-indent: -9999em;*/
}
.repeating-boxes.color-0 .icon a.link-arrow::before {
    top: 0;
    right: 0;
    left: auto;
    width: 40px;
    height: 40px;
}
.repeating-boxes.color-0 .icon a.link-arrow:hover::before {
    right: -4px;
}
.repeating-boxes.color-0 .icon .box-content .text {
    /*max-height: 190px;*/
    max-height: 160px;
    line-height: 1.58333;
}
.repeating-boxes.color-0 .icon .box-content .text p {
    margin: 0;
}
.repeating-boxes.color-0 .icon .box-content .text a {
    position: relative;
    display: inline-block;
    padding: 0 0 0 24px;
    text-decoration: underline;
}
.repeating-boxes.color-0 .icon .box-content .text a:hover {
    text-decoration: none;
}
.repeating-boxes.color-0 .icon .box-content .text a::before {
    position: absolute;
    content: '';
    top: 10px;
    left: 0;
    width: 10px;
    height: 18px;
    background: url("../Images/bg-arrow-red-2.svg") no-repeat;
    background-size: contain;

    transition: all var(--transition-t1);
}
.repeating-boxes.color-0 .icon .box-content .text a:hover::before {
    right: -4px;
}

.repeating-boxes .box a:hover + .box-content .fixed-link a::before,
.repeating-boxes .box-content .box-title:hover + .fixed-link a::before,
.repeating-boxes .box-content .box-title:hover + .text + .fixed-link a::before {
    right: -4px;
}

.repeating-boxes .owl-theme .owl-nav [class*="owl-"] {
    background-image: url("../Images/bg-arrow-blue.svg");
}
.repeating-boxes .owl-theme .owl-nav [class*="owl-"]:hover {
    background-image: url("../Images/bg-arrow-blue.svg");
}

.repeating-boxes.color-0 .owl-theme .owl-nav {
    height: 295px;
}
.repeating-boxes.color-0 .owl-theme .owl-nav [class*="owl-"] {
    background-image: url("../Images/bg-arrow-red-1.svg");
}
.repeating-boxes.color-0 .owl-theme .owl-nav [class*="owl-"]:hover {
    background-image: url("../Images/bg-arrow-red-1.svg");
}
/***** Teasersammlung - End *****/

/***** Quicklink-Teaser - Start *****/
.quicklink-teaser {
    margin: 0 0 76px;
}
.quicklink-teaser.frame-layout-140 {
    margin-bottom: 102px;
    padding: 92px 0 78px;
}
.quicklink-teaser .title {
    margin: 0 0 20px;
    text-align: center;
    font-size: 36px;
    color: rgb(var(--color-primary));
}
.quicklink-teaser .link {
    display: block;
    position: relative;
    min-height: 84px;
    margin: 0 0 24px;
    padding: 22px 72px 26px 32px;
    text-decoration: none;
    background-color: rgba(var(--color-bg-gray), .53);
}
.quicklink-teaser .link::before {
    content: '';
    position: absolute;
    top: calc(50% - 23px);
    right: 16px;
    width: 47px;
    height: 47px;
    border: 2px solid rgb(var(--color-primary));
    border-radius: 50%;
    background: url("../Images/bg-arrow-red-2.svg") no-repeat calc(50% + 2px) center;
    background-size: 12px auto;
    z-index: 1;

    transition: all var(--transition-t1);
}
.quicklink-teaser .link:hover::before {
    right: 12px;
}

.quicklink-teaser.type-0 .link {
    margin: 0 0 24px;
    padding-right: 120px;
    color: #fff;
    border-color: #fff;
    background-color: rgba(var(--color-secondary));
}
.quicklink-teaser.type-0 .link-title {
    font-size: 36px;
}
.quicklink-teaser.type-0 .link-description {
    font-size: 22px;
}
.quicklink-teaser.type-0 .link::before {
    top: calc(50% - 33px);
    right: 36px;
    width: 65px;
    height: 65px;
    border: 3px solid #fff;
    background-image: url("../Images/bg-arrow-white.svg");
    background-size: 15px auto;
}
.quicklink-teaser.type-0 .link:hover::before {
    right: 32px;
}
.quicklink-teaser.type-1 .link {
    margin: 0;
}
/***** Quicklink-Teaser - End *****/

/***** Service-Teaser - Start *****/
.service-teaser {
    margin: 0 0 76px;
}
.service-teaser .inner {
    border-bottom: 8px solid rgb(var(--color-primary));
    background-color: rgba(var(--color-bg-gray), .5);
}
.service-teaser .text-content {
    max-height: 398px;
    padding: 64px 76px 20px;
    overflow: hidden;
}
.service-teaser .text-content .text p:last-child {
    margin-bottom: 0;
}
.service-teaser .title .headline {
    position: relative;
    margin: 0 0 20px;
    padding: 0 0 0 20px;
    font: 400 38px/1.15789 var(--font-1);
    color: rgb(var(--color-primary));
}
.service-teaser .title .headline::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    border-left: 4px solid rgb(var(--color-primary));
}
.service-teaser .image {
    position: relative;
}
.service-teaser .image img {
    width: 100%;
}
/***** Service-Teaser - End *****/

/***** Portalleiste - Start *****/
.portal-bar {
    padding: 30px 0 100px;
    border-bottom: 15px solid #f2f3f4;
}
.portal-bar .inner-repeating {
    margin: 0 60px;
}
.portal-bar .header {
    text-align: center;
}
.portal-bar .header .headline {
    margin: 0 0 40px;
    font-size: 36px;
    line-height: 1.19444;
    color: rgb(var(--color-secondary));
}
.portal-bar .portal-box {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    height: 221px;
    padding: 22px 30px 12px;
    color: #fff;
    text-align: center;
    background-color: rgb(var(--color-secondary));
}
.portal-bar .owl-item > a {
    display: block;
    margin: 0 15px;
    text-decoration: none;
}
.portal-bar .portal-box .headline {
    font-size: 32px;
    line-height: 1.1875;
}
.portal-bar .portal-box.geoportal .icon {
    margin-right: -36px;
}
.portal-bar .portal-box .icon img {
    width: auto;
}

.portal-bar .owl-theme .owl-nav {
    display: flex;
}
.portal-bar .owl-carousel .owl-nav.disabled,
.portal-bar .owl-carousel .owl-dots {
    display: none;
}
.portal-bar .owl-theme .owl-nav [class*="owl-"],
.portal-bar .owl-theme .owl-nav [class*="owl-"]:hover {
    background-image: url("../Images/bg-arrow-blue.svg");
}

.portal-box.has-layer {
    cursor: pointer;
    margin: 0 15px;
}
.portal-bar .portal-box .add-layer {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 22px 30px 12px;
    background-color: rgb(var(--color-secondary));
    cursor: auto;

    opacity: 0;
    pointer-events: none;
    transform: scale(.5);

    transition: all var(--transition-t2);
}
.portal-bar .portal-box.active .add-layer {
    opacity: 1;
    pointer-events: auto;
    transform: scale(1);
}
.portal-bar .portal-box .add-layer .close {
    position: absolute;
    top: 15px;
    right: 20px;
    width: 26px;
    height: 26px;
    border: none;
    text-indent: -9999em;
    background: transparent;
    cursor: pointer;
}
.portal-bar .portal-box .add-layer .close::before,
.portal-bar .portal-box .add-layer .close::after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%;
    border-left: 3px solid #fff;
    border-radius: 3px;
    transform: rotate(-45deg);
}
.portal-bar .portal-box .add-layer .close::after {
    transform: rotate(45deg);
}
.portal-bar .portal-box .add-layer .headline {
    margin: 0 0 20px;
}
.portal-bar .portal-box .add-layer .links {
    text-align: left;
}
.portal-bar .portal-box .add-layer .links .button-bg-secondary-arrow {
    margin: 0 0 4px;
    padding: 2px 0 4px 42px;
}
.portal-bar .portal-box .add-layer .links .button-bg-secondary-arrow::before {
    top: 6px;
    left: 0;
}
.portal-bar .portal-box .add-layer .links .button-bg-secondary-arrow:hover::before {
    left: 4px;
}
/***** Portalleiste - End *****/