.floatstop { clear: both; }

p {
    font-size: 21px;
}
.list-normal, ol, ul, li {
    font-size: 21px;
}

.teaser-info-box {
    padding: 35px;
    min-height: auto;
}
.teaser-info-box, .teaser-info-box h2, .teaser-info-box h3, .teaser-info-box h4, .teaser-info-box h5, .teaser-info-box h6 {
    margin-bottom: 0;
}

/* .navi_with_child:after{
    content: '>';
    margin-left: 1rem;
    opacity: .5;
} */
.home-slider .home-slider-box-inner h1,
h1 {
    white-space: unset !important;
    word-break: unset !important;
    overflow-wrap: unset !important;
    hyphens: none !important;
    -moz-hyphens: none !important;
}

/* --- Links --- */

a {
    text-decoration: underline !important;
}
.header-top a, .header-bottom a {
    text-decoration: none !important;
}

.tx-sf-event-mgt a,
.news-widget a,
.news-list-item a {
    text-decoration: none !important;
}

/* Lightbox  [TYPO3-17] */

.pswp__bg {
    background-color: #015D4F !important;
    opacity: 0.8 !important;
}

/* Header  */

.header-part.sticky.sticky-fixed {
    z-index: 999;
}

.language-btns a {
    padding: 0;
    margin: 0;
    font-size: 15px;
    border: 0;
    background: transparent;
    color: var(--dark);
    text-decoration: none;
    font-weight: normal;
}
.language-btns a:last-child {
    margin-left: 50px;
}

.header-top-mobile .language-btns a.btn-english-site .dark {
    display: none;
}

[data-bs-theme=dark] .header-top-mobile .language-btns a.btn-english-site .light {
    display: none;
}

[data-bs-theme=dark] .header-top-mobile .language-btns a.btn-english-site .dark {
    display: block;
}

/* Footer  */

#c818 .list-normal li::before {
    margin-top: -3px;
}
#c818 .list-normal li a {
    text-decoration: none !important;
}
.footer-section .textpic-intext-right-media .gallery-row .gallery-item .image {
    max-width: none; /* 173px */
}

#page-footer {
    padding-top: 50px;
}
@media (min-width: 1200px) {
    #page-footer {
        padding-top: 50px; 
    }
}

/* Search  */


.search-form-wrapper .form-control {
    min-width: 100%;
    padding: 18px 30px;
    padding-right: 46px;
    border-radius: 50px;
    border: 0;
    outline: none;
    box-shadow: none;
}
.search-form-wrapper #search-clear{
    position: absolute;
    left: 10px;
}
.search-form-wrapper .help-btn {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 38px;
    height: 38px;
    border-radius: 30px;
    background-color: var(--primary);
    outline: none;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
.search-form-wrapper .search-icon{
    position: relative;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 18px;
    height: 18px;
    color: var(--primary);
}
#tx_indexedsearch #tx-indexedsearch-searchbox-button-submit {
    min-width: auto;
    padding: 0.5rem;
}
.search-form-wrapper {
    margin-top: 0;
}
.search-form-wrapper .search-input {
    width: 100%;
}
#tx_indexedsearch #tx-indexedsearch-searchbox-button-submit:hover {
    background-color: var(--primary);
}
#tx_indexedsearch #tx-indexedsearch-searchbox-sword,
#tx_indexedsearch  .form-control {
    font-size: 1rem;
    font-weight: 400;
}
#tx_indexedsearch #tx-indexedsearch-searchbox-sword {
    width: auto;
}
#tx_indexedsearch #tx-indexedsearch-searchbox-button-submit {
    border: none;
}
#tx_indexedsearch {
    margin-top: 0px;
}
/* Breadcrumb  */

.breadcrumb-item.active {
    color: #FFFFFF;
    font-weight: bold;
}

/* Eckige Bilder  */

.image_rectangle .gallery-item .image img,
.image_rectangle .gallery-item .image picture {
    border-radius: 0;
    width: 100%;
    height: auto;
    aspect-ratio: auto;
}

/* Filelist */

.filelink-filesize {
    color: #FFFFFF;
}
.bootstrappackageicon-file::before {
    color: #FFFFFF;
}

/* Automatische Silbentrennung einfügen [TYPO3-17] */

.page-item.active.current span {
    background-color: var(--secondary);
    color: var(--white-color);
}

/* Automatische Silbentrennung einfügen [TYPO3-17] */
body { hyphens: auto; }

/* Width of Image Area [image_area_width] */

.image-area-width-100 { max-width: 100% !important; }
.textpic-right .text-area-width-0,
.textpic-left .text-area-width-0
{ max-width: 100% !important; width: 100% !important; }

.image-area-width-66 { max-width: 100% !important; }
.textpic-right .text-area-width-34,
.textpic-left .text-area-width-34
{ max-width: 100% !important; width: 100% !important; }

.image-area-width-50 { max-width: 100% !important; }
.textpic-right .text-area-width-50,
.textpic-left .text-area-width-50
{ max-width: 100% !important; width: 100% !important; }

.image-area-width-33 { max-width: 50% !important; width: calc(50% - (20px / 2)) !important; }
.textpic-right .text-area-width-67,
.textpic-left .text-area-width-67
{ max-width: 50% !important; width: calc(50% - (20px / 2)) !important; }

.image-area-width-25 { max-width: 50% !important; width: calc(50% - (20px / 2)) !important; }
.textpic-right .text-area-width-75,
.textpic-left .text-area-width-75
{ max-width: 50% !important; width: calc(50% - (20px / 2)) !important; }

/* Small devices (landscape phones, 576px and up) */
/* @media (min-width: 576px) { ... } */

/* Medium devices (tablets, 768px and up) */
/* @media (min-width: 768px) { ... } */

/* Large devices (desktops, 992px and up) */

@media (min-width: 992px) {
    .image-area-width-100 { max-width: 100% !important; }
    .textpic-right .text-area-width-0,
    .textpic-left .text-area-width-0
    { max-width: 100% !important; width: 100% !important; }

    .image-area-width-66 { max-width: 66% !important; width: calc(66% - (20px / 2)) !important; }
    .textpic-right .text-area-width-34,
    .textpic-left .text-area-width-34
    { max-width: 34% !important; width: calc(34% - (20px / 2)) !important; }

    .image-area-width-50 { max-width: 50% !important; width: calc(50% - (20px / 2)) !important; }
    .textpic-right .text-area-width-50,
    .textpic-left .text-area-width-50
    { max-width: 50% !important; width: calc(50% - (20px / 2)) !important; }

    .image-area-width-33 { max-width: 33% !important; width: calc(33% - (20px / 2)) !important; }
    .textpic-right .text-area-width-67,
    .textpic-left .text-area-width-67
    { max-width: 67% !important; width: calc(67% - (20px / 2)) !important; }

    .image-area-width-25 { max-width: 25% !important; width: calc(25% - (20px / 2)) !important; }
    .textpic-right .text-area-width-75,
    .textpic-left .text-area-width-75
    { max-width: 75% !important; width: calc(75% - (20px / 2)) !important; }
}

/* X-Large devices (large desktops, 1200px and up) */
/* @media (min-width: 1200px) { ... } */

/* XX-Large devices (larger desktops, 1400px and up) */

@media (min-width: 1400px) {

    .image-area-width-100 { max-width: 100% !important; }
    .textpic-right .text-area-width-0,
    .textpic-left .text-area-width-0
    { max-width: 100% !important; width: 100% !important; }

    .image-area-width-66 { max-width: 66% !important; width: calc(66% - (20px / 2)) !important; }
    .textpic-right .text-area-width-34,
    .textpic-left .text-area-width-34
    { max-width: 34% !important; width: calc(34% - (20px / 2)) !important; }

    .image-area-width-50 { max-width: 50% !important; width: calc(50% - (20px / 2)) !important; }
    .textpic-right .text-area-width-50,
    .textpic-left .text-area-width-50
    { max-width: 50% !important; width: calc(50% - (20px / 2)) !important; }

    .image-area-width-33 { max-width: 33% !important; width: calc(33% - (20px / 2)) !important; }
    .textpic-right .text-area-width-67,
    .textpic-left .text-area-width-67
    { max-width: 67% !important; width: calc(67% - (20px / 2)) !important; }

    .image-area-width-25 { max-width: 25% !important; width: calc(25% - (20px / 2)) !important; }
    .textpic-right .text-area-width-75,
    .textpic-left .text-area-width-75
    { max-width: 75% !important; width: calc(75% - (20px / 2)) !important; }

}

/* MENÜ [AGENTUR-7011] */

.main-menu > ul > li:not(:last-child) {
    margin-right: 0px;
}
.header-part ul li {
    padding: 0;
}

/* Sonderlösung Startseite Abstand [AGENTUR-7012] */

#c1042 {
    margin-top: 0px;
}
@media (min-width: 1200px) {
    #c1042 {
        margin-top: -120px;
    }
}

@media (min-width: 1400px) {
    #c1042 {
        margin-top: -100px;
    }
}

/* Header in Anordnungen mit Bildern über dem Header hat einen unnötig hohen Abstand.
=> Diesen verringern und dem Elternenelement geben  */

.textpic-above .element-header,
.textpic-above-right .element-header,
.textpic-above-left .element-header
{ margin-top: 1rem; }

/*
.textpic-above,
.textpic-above-right,
.textpic-above-left
{ margin-top: 130px; }
 */

/* Image Copyright */
/* .copyright_on_image {
    display: block;
    text-shadow: 0px 0px 3px #000;
    margin-top: -23px;
    margin-left: 5px;
    font-size: .8rem;
    color: var(--white-color);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
 } */


.textlink{
    color: var(--secondary);
    font-weight: 500;
}

/* NACH DEM TERMIN ENTFERNEN */
/*
.tiles-container .tile {
  margin-right: 13px;
  margin-bottom: 13px;
}

.faqs-container h2 {
  margin: 0;
}

.faqs-container li {
  border-bottom: 1px solid rgb(76, 82, 96);
}

.headline {
	min-height: 0;
}
.full-right-curve, .full-left-curve{
	display: none;
}
.home-slider-box-inner p {
	color: #ffffff !important;
}
.home-slider-box-inner hr {
	opacity: 1;
	width: 30%;
	border-width: 3px;
}
.other-info {
	display: none;
}
*/



/* -------------- KORREKTUREN DARK MODE ----------------------------------------------------------------------------- */

/* [data-bs-theme="dark"] img { filter: saturate(0) contrast(1.75); }
[data-bs-theme="dark"] video { filter: saturate(0) contrast(1.75); } */
/* [data-bs-theme="dark"] .inner-banner { filter: saturate(0) contrast(1.75); } */
/* [data-bs-theme="dark"] iframe { filter: saturate(0) contrast(1); } */

/* [data-bs-theme="dark"] .bg-info { background-color: var(--white-color) !important; } */
/* [data-bs-theme="dark"] .header-bottom { background-color: var(--white-color); } */
/* [data-bs-theme="dark"] .font-large img { filter: grayscale(100%) contrast(0) brightness(0); } */
/* [data-bs-theme="dark"] .navbar-brand-logo-normal { filter: grayscale(100%) contrast(0) brightness(0); }
[data-bs-theme="dark"] .font-large .toggle-text-btn.active span,
[data-bs-theme="dark"] .font-large .toggle-text-btn.active,
[data-bs-theme="dark"] .font-large .toggle-text-btn:active,
[data-bs-theme="dark"] .font-large .toggle-text-btn.active { color: var(--black-color); text-decoration: underline; }
[data-bs-theme="dark"] .main-menu > ul > li > a { color: var(--black-color); }
[data-bs-theme="dark"] .main-menu > ul > li:hover > a,
[data-bs-theme="dark"] .main-menu > ul > li.active > a { color: var(--black-color); text-decoration: underline; }
[data-bs-theme="dark"] .submenu-menu .cursor-default { color: var(--black-color); }
[data-bs-theme="dark"] .submenu-menu li a { color: var(--black-color); }
[data-bs-theme="dark"] #accordion .card-header .btn span { color: var(--black-color); }
[data-bs-theme="dark"] a { color: var(--black-color); } */
/* [data-bs-theme="dark"] p a { text-decoration: underline !important; } */
/* [data-bs-theme="dark"] a:active,
[data-bs-theme="dark"] a:focus,
[data-bs-theme="dark"] a:hover,
[data-bs-theme="dark"] a:hover h5,
[data-bs-theme="dark"] a:hover span,
[data-bs-theme="dark"] a:hover p { color: var(--black-color); text-decoration: underline; } */
[data-bs-theme="dark"] .breadcrumb-item.active a { color: var(--black-color); text-decoration: underline !important; font-weight: bold; }
[data-bs-theme="dark"] .frame-header h1,
[data-bs-theme="dark"] .frame-header h2,
[data-bs-theme="dark"] .frame-header h3,
[data-bs-theme="dark"] .frame-header h4,
[data-bs-theme="dark"] .frame-header h5,
[data-bs-theme="dark"] .frame-header h6 { color: var(--black-color); }
[data-bs-theme="dark"] .scroll-top {
    background-color: var(--black-color);
    border: 1px solid var(--black-color);
}
[data-bs-theme="dark"] a.scroll-top,
[data-bs-theme="dark"] a.scroll-top span.scroll-top-icon { color: #fff; }
[data-bs-theme="dark"] a.scroll-top span.scroll-top-icon::before { border-top: 3px solid; border-left: 3px solid; }
[data-bs-theme="dark"] .accordion-item .accordion-header .accordion-button { color: var(--black-color); }
[data-bs-theme="dark"] .accordion-item .accordion-header .accordion-button::after,
[data-bs-theme="dark"] .accordion-item .accordion-header::before,
[data-bs-theme="dark"] .accordion-item .accordion-header::after { border-color: var(--black-color); }
/* [data-bs-theme="dark"] .accordion-item .accordion-header:hover .accordion-button { background: var(--white-color); text-decoration: underline !important; } */
/* [data-bs-theme="dark"] .btn:hover {
    background-color: var(--white-color);
    border: 1px solid var(--black-color);
    text-decoration: underline !important;
} */
/* [data-bs-theme="dark"] .btn.btn-primary:hover { background: var(--white-color); color: var(--black-color) !important; text-decoration: underline !important; } */
/* [data-bs-theme="dark"] .btn.btn-primary { background: var(--white-color); color: var(--black-color) !important; } */
[data-bs-theme="dark"] .logo-overlay,
[data-bs-theme="dark"] .logo-overlay::before { background: var(--black-color) !important; color: var(--white-color) }
[data-bs-theme="dark"] .logo-overlay .btn.btn-default:hover { color: var(--black-color); text-decoration: underline !important; }
[data-bs-theme="dark"] .news .news-list-view .second-news .article .body-details .header h3 span { color: var(--black-color); }
[data-bs-theme="dark"] .news .news-list-view .second-news .article .col-md-12.text-right a.more { color: var(--black-color); }
[data-bs-theme="dark"] .news .page-navigation ul li.current { text-decoration: underline !important; }

/*
[data-bs-theme="dark"] .kontrast-blog .btn span,
[data-bs-theme="dark"] .kontrast-blog .btn { color: var(--black-color); text-decoration: underline; }
[data-bs-theme="dark"] .kontrast-blog img,

[data-bs-theme="dark"] .support-links .construction-sites,
[data-bs-theme="dark"] .support-links a.construction-sites:hover,
[data-bs-theme="dark"] .support-links a.construction-sites:hover span { background-color: var(--black-color); color: var(--white-color) }
[data-bs-theme="dark"] .support-links .fault-reports,
[data-bs-theme="dark"] .support-links .fault-reports:hover,
[data-bs-theme="dark"] .support-links .fault-reports:hover span { background-color: var(--black-color); color: var(--white-color) }
[data-bs-theme="dark"] .kundenportal_btn.nav-link,
[data-bs-theme="dark"] .kundenportal_btn.nav-link:hover,
[data-bs-theme="dark"] .kundenportal_btn.nav-link:hover span { background-color: var(--black-color); color: var(--white-color) }
[data-bs-theme="dark"] .inner-banner h1,
[data-bs-theme="dark"] .inner-banner h2 { text-shadow: 0px 0px 16px var(--white-color); }
[data-bs-theme="dark"] .inner-banner .row { padding: 1rem; background: var(--white-color); }
[data-bs-theme="dark"] .home-slider-box-inner h2 { padding: 1rem; background: var(--white-color); color: var(--black-color); width: fit-content; text-shadow: none; }
[data-bs-theme="dark"] .home-slider-box-inner .btn { background: var(--white-color); color: var(--black-color);  }
[data-bs-theme="dark"] .home-slider-box-inner .btn:hover { background: var(--white-color); color: var(--black-color); text-decoration: underline !important;  }

[data-bs-theme="dark"] .tx-indexedsearch-searchbox legend { color: var(--black-color); }
[data-bs-theme="dark"] #tx_indexedsearch #tx-indexedsearch-searchbox-button-submit { background: var(--white-color); color: var(--black-color) !important; }
[data-bs-theme="dark"] #tx_indexedsearch #tx-indexedsearch-searchbox-button-submit:hover { background: var(--white-color); color: var(--black-color) !important; text-decoration: underline !important; }

[data-bs-theme="dark"] #quickSearch .search_btn { background: var(--white-color); color: var(--black-color);  }
[data-bs-theme="dark"] #quickSearch .search_btn:hover { background: var(--white-color); color: var(--black-color); text-decoration: underline !important;  }

[data-bs-theme="dark"] .footer-part,
[data-bs-theme="dark"] .footer-part .footer-top { background: var(--white-color) }
[data-bs-theme="dark"] .footer-part .footer-top img,
[data-bs-theme="dark"] .footer-part .footer-top .img-fluid { filter: grayscale(100%) contrast(0) brightness(0); }
[data-bs-theme="dark"] .footer-part .border-right { border-right: 1px solid var(--black-color) !important; }
[data-bs-theme="dark"] .footer-top p,
[data-bs-theme="dark"] .footer-top ul li,
[data-bs-theme="dark"] .footer-top ul li a:hover,
[data-bs-theme="dark"] .footer-top ul li a:focus,
[data-bs-theme="dark"] .footer-top ul li a { color: var(--black-color); }
[data-bs-theme="dark"] .footer-top ul li a:hover,
[data-bs-theme="dark"] .footer-top ul li a:focus { text-decoration: underline !important; }
[data-bs-theme="dark"] .footer-bottom ul li a:hover,
[data-bs-theme="dark"] .footer-bottom ul li a:focus,
[data-bs-theme="dark"] .footer-bottom ul li a { color: var(--black-color); }
[data-bs-theme="dark"] .footer-bottom ul li a:hover,
[data-bs-theme="dark"] .footer-bottom ul li a:focus { text-decoration: underline !important; }

[data-bs-theme="dark"] .frame-has-backgroundimage .frame-inner .element-header,
[data-bs-theme="dark"] .frame-has-backgroundimage .frame-inner .text-column,
[data-bs-theme="dark"] .text-light,
[data-bs-theme="dark"] .calltoaction h1,
[data-bs-theme="dark"] .calltoaction h2,
[data-bs-theme="dark"] .calltoaction h3,
[data-bs-theme="dark"] .calltoaction h4,
[data-bs-theme="dark"] .calltoaction h5,
[data-bs-theme="dark"] .calltoaction h6 { padding: 1rem; background: var(--white-color); color: var(--black-color) !important; }
[data-bs-theme="dark"] .calltoaction .btn:hover { background: var(--white-color); color: var(--black-color) !important; text-decoration: underline !important; }
[data-bs-theme="dark"] .calltoaction .btn { background: var(--white-color); color: var(--black-color) !important; }

[data-bs-theme="dark"] .fliter ul li:first-child .checkbox-custom:checked + .checkbox-custom-label { background: var(--black-color); color: var(--white-color);  }
[data-bs-theme="dark"] .checkbox-custom:checked + .checkbox-custom-label { background: var(--black-color); color: var(--white-color);  }

[data-bs-theme="dark"] [style="background-color:#0677be;"] { background: var(--black-color) !important; color: var(--white-color) !important;  }
[data-bs-theme="dark"] [style="background-color:#0073ba;"] { background: var(--black-color) !important; color: var(--white-color) !important;  }
[data-bs-theme="dark"] .btn-construction { background: var(--black-color); color: var(--white-color);  }
[data-bs-theme="dark"] .btn-construction:hover { background: var(--black-color); color: var(--white-color); text-decoration: underline !important; }
[data-bs-theme="dark"] .btn-faults { background: var(--black-color); color: var(--white-color);  }
[data-bs-theme="dark"] .btn-faults:hover { background: var(--black-color); color: var(--white-color); text-decoration: underline !important; }
[data-bs-theme="dark"] [style="background-color:#dedede;"] { background-color: var(--white-color) !important; }
[data-bs-theme="dark"] [style="background-color:#dedede;"] p,
[data-bs-theme="dark"] [style="background-color:#dedede;"] h2.text-white { color: var(--black-color) !important; }
[data-bs-theme="dark"] .pagin  .page,
[data-bs-theme="dark"] .pagin  .next,
[data-bs-theme="dark"] .pagin  .prev,
[data-bs-theme="dark"] .pagin  .page1,
[data-bs-theme="dark"] .pagin  .next2,
[data-bs-theme="dark"] .pagin  .prev1,
[data-bs-theme="dark"] .pagin  .page2,
[data-bs-theme="dark"] .pagin  .next2,
[data-bs-theme="dark"] .pagin  .prev2 { color: var(--black-color) !important; }
 */
[data-bs-theme="dark"] .bildelement-outer {
    background-image: none;
}
[data-bs-theme="dark"] .projektkacheln .card-style-grunge .card {
    filter: contrast(100);
}
[data-bs-theme="dark"] .projektkacheln .card-style-grunge .icon-wrapper img {
    filter: brightness(100);
}
[data-bs-theme="dark"] .section p > a[href^="tel:"]::before {
    background: none;
    content: 'Telefon: ';
    width: auto;
    mask: none;
    line-height: 1;
}
[data-bs-theme="dark"] .section p > a[href^="mailto:"]::before {
    background: none;
    content: 'E-Mail: ';
    width: auto;
    mask: none;
    line-height: 1;
}
[data-bs-theme="dark"] .section p > a.page-link-show::before {
    background: none;
    content: 'Link: ';
    width: auto;
    mask: none;
    line-height: 1;
}
[data-bs-theme="dark"] .section p > a:hover {
    color: inherit;
    text-decoration: underline !important;
}
[data-bs-theme="dark"] .projektkacheln .card-style-grunge .card a {
    color: #fff;
}
[data-bs-theme="dark"] .bildelement .copyright_on_image {
    background-color: #000;
}
[data-bs-theme="dark"] .frame-background-primary.frame-layout-default,
[data-bs-theme="dark"] .frame-background-primary.frame-layout-embedded > .frame-group-container > .frame-group-inner,
[data-bs-theme="dark"] .frame-background-secondary.frame-layout-default,
[data-bs-theme="dark"] .frame-background-secondary.frame-layout-embedded > .frame-group-container > .frame-group-inner,
[data-bs-theme="dark"] .frame-background-tertiary.frame-layout-default,
[data-bs-theme="dark"] .frame-background-tertiary.frame-layout-embedded > .frame-group-container > .frame-group-inner,
[data-bs-theme="dark"] .frame-background-quaternary.frame-layout-default,
[data-bs-theme="dark"] .frame-background-quaternary.frame-layout-embedded > .frame-group-container > .frame-group-inner,
[data-bs-theme="dark"] .frame-background-dark.frame-layout-default,
[data-bs-theme="dark"] .frame-background-dark.frame-layout-embedded > .frame-group-container > .frame-group-inner {
    background-color: #000;
}
[data-bs-theme="dark"] .frame-background-primary.frame-layout-default *,
[data-bs-theme="dark"] .frame-background-primary.frame-layout-embedded > .frame-group-container > .frame-group-inner *,
[data-bs-theme="dark"] .frame-background-secondary.frame-layout-default *,
[data-bs-theme="dark"] .frame-background-secondary.frame-layout-embedded > .frame-group-container > .frame-group-inner *,
[data-bs-theme="dark"] .frame-background-tertiary.frame-layout-default *,
[data-bs-theme="dark"] .frame-background-tertiary.frame-layout-embedded > .frame-group-container > .frame-group-inner *,
[data-bs-theme="dark"] .frame-background-quaternary.frame-layout-default *,
[data-bs-theme="dark"] .frame-background-quaternary.frame-layout-embedded > .frame-group-container > .frame-group-inner *,
[data-bs-theme="dark"] .frame-background-dark.frame-layout-default *,
[data-bs-theme="dark"] .frame-background-dark.frame-layout-embedded > .frame-group-container > .frame-group-inner * {
    color: #fff;
}
[data-bs-theme="dark"] .frame-background-primary .link-arrow-primary::before,
[data-bs-theme="dark"] .frame-background-primary .link-arrow-white::before,
[data-bs-theme="dark"] .frame-background-secondary .link-arrow-primary::before,
[data-bs-theme="dark"] .frame-background-secondary .link-arrow-white::before,
[data-bs-theme="dark"] .frame-background-tertiary .link-arrow-primary::before,
[data-bs-theme="dark"] .frame-background-tertiary .link-arrow-white::before,
[data-bs-theme="dark"] .frame-background-quaternary .link-arrow-primary::before,
[data-bs-theme="dark"] .frame-background-quaternary .link-arrow-white::before,
[data-bs-theme="dark"] .frame-background-dark .link-arrow-primary::before,
[data-bs-theme="dark"] .frame-background-dark .link-arrow-white::before {
    filter: brightness(100);
}

[data-bs-theme="dark"] .frame-background-light.frame-layout-default,
[data-bs-theme="dark"] .frame-background-light.frame-layout-embedded > .frame-group-container > .frame-group-inner {
    background-color: #fff;
}
[data-bs-theme="dark"] .frame-background-light.frame-layout-default *,
[data-bs-theme="dark"] .frame-background-light.frame-layout-embedded > .frame-group-container > .frame-group-inner * {
    color: #000;
}
/* -------------- fixed semi-transparent Header & Slider - Problem -------------------------------------------------- */

/* --- Only to test --- You can replace this with your own design --- */
/* .header-part.sticky.sticky-fixed .header-bottom,
.header-bottom,
.header-top {
    background-color: rgba(255,255,255,.7) !important;
} */

/* --- The section must not limit the content --- */
/* .section {
    overflow: unset !important;
} */

/* ---Only to show the right position (remove after editing the size) --- */
/*
#page-content > .section > div:first-child.top_zero_slider{
    border-top: 1px solid deeppink;
}
*/

/* --- Edit the size of the banner --- */

#page-content > .section > div:first-child.top_zero_slider{
    margin-top: -172.2px;
}

@media (min-width: 576px) {
    #page-content > .section > div:first-child.top_zero_slider{
        margin-top: -89px;
    }
}

@media (min-width: 768px) {
    #page-content > .section > div:first-child.top_zero_slider{
        margin-top: -89px;
    }
}

@media (min-width: 992px) {
    #page-content > .section > div:first-child.top_zero_slider{
        margin-top: -164.2px;
    }
}

@media (min-width: 1200px) {
    #page-content > .section > div:first-child.top_zero_slider{
        margin-top: -172.2px;
    }
}

@media (min-width: 1400px) {
    #page-content > .section > div:first-child.top_zero_slider{
        margin-top: -167.2px;
    }
}


/* -------------- RTE Editor ---------------------------------------------------------------------------------------- */
/* --- HINWEIS: Diese formatierungen müssen mit angepasster Definition auch in rte.css abgelegt werden! ------------- */

/* --- Links --- */

/* .section p > a[target="_blank"]::after {

    content: '';
    -webkit-mask: url('../Images/external-link.svg') no-repeat 50% 50%;
    mask: url('../Images/external-link.svg') no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;

    width: 16px;
    height: 18px;
    display: inline-block;
    background-size: contain;
    margin-left: 4px;
    vertical-align: middle;
    position: relative;
    top: -2px;

    background-color: currentColor;
} */

.section p > a[href^="mailto:"]::before {

    content: '';
    -webkit-mask: url('../Images/email-icon.svg') no-repeat 50% 50%;
    mask: url('../Images/email-icon.svg') no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;

    width: 16px;
    height: 18px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
    background-size: contain;
    position: relative;
    top: -1px;

    background-color: currentColor;
}

.section p > a[href^="tel:"]::before { /* Telefon Icon */

    content: '';
    -webkit-mask: url('../Images/phone.svg') no-repeat 50% 50%;
    mask: url('../Images/phone.svg') no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;

    width: 15px;
    height: 18px;
    display: inline-block;
    margin-right: 4px;
    background-size: contain;
    vertical-align: middle;

    background-color: currentColor;
}
/* Seitenlink Icon */

/* .section p > a[href^="/"]::before {
    content: '';
    -webkit-mask: url('../Images/page-arrow-link.svg') no-repeat 50% 50%;
    mask: url('../Images/page-arrow-link.svg') no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;

    width: 9px;
    height: 14px;
    display: inline-block;
    margin-right: 4px;
    background-size: contain;
    vertical-align: middle;
    position: relative;
    top: -2px;

    background-color: currentColor;
} */
.section p > a[href*="fileadmin/"]::after { /* Seitenlink Icon entfernen, wenn Filelink */
    content: none;
}
.section p > a[href*="fileadmin/"]::before { /* Filelink Icon */

    content: '';
    -webkit-mask: url('../Images/file.svg') no-repeat 50% 50%;
    mask: url('../Images/file.svg') no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;

    width: 15px;
    height: 17px;
    display: inline-block;
    background-size:contain;
    margin-right: 4px;
    vertical-align: middle;
    position: relative;
    top: -1px;

    background-color: currentColor;
}

@media(max-width:991px){
    .image-area-width-25 { max-width: 100% !important; width: calc(100% - (20px / 2)) !important; }
    .textpic-right .text-area-width-75,
    .textpic-left .text-area-width-75
    { max-width: 100% !important; width: calc(100% - (20px / 2)) !important; }

    .textpic .textpic-item.textpic-gallery{
        order: 2 !important;
    }
    .textpic .textpic-item.textpic-text{
        order: 1 !important;
    }
}

/* [AGENTUR-7154] */
#vrweb_icon_1 {
    background-size: contain;
    width: 20px !important;
    height: 20px !important;
}
.linguatec {
    margin-right: 45px;
}
/* Schriftart der Option [AGENTUR-7909] */
option {
    font-family: 'Rooney Sans', sans-serif;
}

/* Background Bug [AGENTUR-9148] */
.frame p {
    margin-bottom: 0;
    padding-bottom: 1rem;
}


/* --- MEGA NAVI - START - [AGENTUR-9659] --------------------------------------------------------------------------- */

.header-part ul, .header-part ul li {
    position: static;
}
.header-bottom-inner {
    position: relative;
}

#navbarNav > .navbar-nav > .nav-item {
    padding: 0 24px;
}

#navbarNav > .navbar-nav > .nav-item > a{
    position: relative;
    display: block;
    padding-right: 1rem;
    /* color: var(--primary);
    padding-bottom: 2.5rem;
    padding-top: 2.5rem;
    padding-left: 1rem;
    text-transform: uppercase;
    font-size: 18px;
    border: 3px solid #fff;*/
}

[data-bs-theme=dark] #navbarNav > .navbar-nav > .nav-item > a {
    color: var(--primary);
}

@media(min-width:1366px) {
    [data-bs-theme=dark] #navbarNav > .navbar-nav > .nav-item > a {
        color: var(--black-color);
    }
}

#navbarNav > .navbar-nav > .nav-item > a {
    color: var(--primary);
    display: block;
    padding: 8px 0;
    position: relative;
    font-weight: var(--font-bold);
    font-size: 25px;
    line-height: normal;
}

@media(max-width:1440px){
    #navbarNav > .navbar-nav > .nav-item > a {
        font-size: 22px;
    }
}

#navbarNav > .navbar-nav > .nav-item > a.open{
    color: var(--primary);
}


[data-bs-theme=dark] #navbarNav > .navbar-nav > .nav-item > a.open {
    color: var(--black-color);
}

@media(max-width:991px){
    [data-bs-theme=dark] #navbarNav > .navbar-nav > .nav-item > a.open {
        color: var(--primary);
    }
}
@media(min-width:1366px) {
    #navbarNav > .navbar-nav > .nav-item > a {
        border-bottom: 6px solid transparent;
        color: var(--primary);
    }

    [data-bs-theme=dark] #navbarNav > .navbar-nav > .nav-item > a {
        color: var(--black-color);
    }
}

#navbarNav > .navbar-nav > .nav-item > a:focus{
    /*
    border: 3px solid var(--primary);
     */
}

#navbarNav > .navbar-nav > .nav-item > a::after{
    display: none;
    /*
    position: absolute;
    width: 10px;
    height: 5px;
    top: 50%;
    right:3px;
    content: '';
     */

}
@media (min-width: 1366px) {
    #navbarNav > .navbar-nav > .nav-item:hover > a {
        border-color: var(--secondary);
        color: var(--secondary);
    }
    #navbarNav > ul > .nav-item.active > a {
        color: var(--secondary);
    }
}
#navbarNav > .navbar-nav > .nav-item:hover > a , #navbarNav > ul > li.active > a{
    /*
    color: rgb(142, 193, 63);
    */
}

#navbarNav > .navbar-nav > .nav-item:hover > a {
    /*
    color: var(--bs-nav-link-hover-color);
    */
}

#navbarNav > .navbar-nav > .nav-item.active > a::before{
    position: absolute;
    bottom: 0px;
    content: "";
    /*
    background: var(--secondary);
    left: 16px;
    width: calc(100% - 32px);
    height: 2px;
    */
}
#navbarNav > .navbar-nav > .nav-item a:hover::before {
    position: absolute;
    bottom: 0px;
    content: "";
    /*
    background: var(--secondary);
    left: 16px;
    width: calc(100% - 32px);
    height: 2px;
    */
}
.mega-menu .dropdown-item {
    padding: .35rem 0;
}
.mega-menu .dropdown-item:hover {
    /*
    text-decoration: underline !important;
    */
}
.mega-menu .dropdown-item:focus{
    /*
    border: 3px solid var(--primary);
    */
}
.mega-menu .dropdown-item.active, .mega-menu .dropdown-item:active {
    /*
    color: inherit;
    background-color: transparent;
    */
}
@media (max-width: 991.9px) {
    #navbarNav > .navbar-nav > .nav-item > a{
        padding: 1rem 0;
    }
    #navbarNav > .navbar-nav > .nav-item a:after {
        display: none;
    }
    .mega-menu .second-nav {
        padding-bottom: 1rem;
    }
    #navbarNav > .navbar-nav > .nav-item.active > a::before,
    #navbarNav > .navbar-nav > .nav-item a:hover::before {
        display: none;
    }
}

/* Mega Menu Styling */
.dropdown-menu {
    width: 100%; /* Erlaube ein breites Menü */
    max-width: 100%; /* Erlaube ein breites Menü */
}

.mega-menu {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 3 gleich große Spalten */
    gap: 1rem; /* Abstand zwischen den Spalten */
    margin: 1rem 2rem;
}

.mega-menu .dropdown-item {
    white-space: normal; /* Zeilenumbruch bei längeren Links */
}
.mega-menu .second-nav {
    width: 100%;
    /*
    padding-right: 1rem;
    */
}
.mega-menu .second-nav:last-child {
    padding-right: 0;
}
/*
.mega-menu .second-nav img {
display: block;
height: 200px;
object-fit: cover;
}
*/

.navbar {
    position: unset;
}
.megamenu {
    position: static;
}
.megamenu .dropdown-menu {
    border-radius: 0;
    border:0;
    width: 100%;
    /*
    background-color: rgba(255, 255, 255, 1);
    padding: 3rem;
    */
}
.dropdown-item:focus, .dropdown-item:hover {
    background-color: transparent;
}

/* mobile navi */

.main-menu-outer.active .collapse:not(.show) {
    display: block;
    max-width: 100%;
}
.main-menu-outer.active .dropdown-menu {
    border-radius: 0;
    border: 0;
    box-shadow: none;
    /*
    background-color: transparent;
    padding: 1rem 0;
    width: 100%;
    */
}
.main-menu-outer.active .dropdown-menu h2,
.main-menu-outer.active .dropdown-menu img {
    display: none;
}
.mega-menu .second-nav .h3:hover {
    color: var(--secondary);
}
.main-menu-outer.active .mega-menu {
    display: block;
}

.mega-menu a:hover {
    text-decoration: underline !important;
}

/* --- MEGA NAVI - END - [AGENTUR-9659] ----------------------------------------------------------------------------- */