.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;
}
@media(min-width:768px){
    .navi_with_child:after{
        content: '>';
        margin-left: 1rem;
        opacity: .5;
    }
}
.frame-type-projekthistorie .frame-header{
    display: none;
}
a:focus, a:focus-visible, button:focus, button:focus-visible,
button:focus:not(:focus-visible){
    outline: 3px solid red !important;
}

/* -------- SONDERBEHANDLUNGEN -------- */

#c554 .gallery-row, #c535 .gallery-row, #c400 .gallery-row,
#c543 .teaser-img-box, #c524 .teaser-img-box, #c566 .teaser-img-box, #c567 .teaser-img-box, #c568 .teaser-img-box, #c393 .teaser-img-box {
    box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.16);
    background-color: #fff;
}


/* -------- Accordiion [AGENTUR-6831] -------- */
.accordion-item .accordion-header .accordion-button {
    font-size: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
}

@media (min-width: 1200px) {
    .frame {
        --frame-spacing: 1.2rem;
    }
}


/* -------- Anpassungen digitale Barrierefreiheit [AGENTUR-6322] -------- */

.frame a[class=""], .frame a:not([class]) {
    color: var(--primary);
    /* text-decoration: underline !important; */
}
.file-link, .page-link-show, .external-link, .telefon-link, .email-link {
    color: var(--primary);
}
.text-success,
.accordion-item .accordion-header .accordion-button:not(.collapsed) {
    color: var(--primary) !important;
}
/* .frame a[class=""]:not(:has(*))::before,
.frame a:not([class]):not(:has(*))::before {
    content: "";
    background: url('../Icons/arrow-right-up-line.svg') no-repeat center center;
    background-size: auto;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 5px;
    background-size: 20px auto;
    vertical-align: middle;
    position: relative;
    top: -2px;
} */
.main-menu > ul > li .submenu-menu,
.main-menu ul li ul ul {
    background: var(--primary);
}
h1, h2, .h1, .h2 {
    color: #616e15 !important;
}
.scroll-top.scroll-top-visible {
    background: var(--primary);
    border: 3px solid #ffffff;
}
.scroll-top .scroll-top-icon::before {
    border-top: 3px solid;
    border-left: 3px solid;

}
.owl-theme .owl-dots .owl-dot span,
.owl-theme .owl-dots .owl-dot span:hover,
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span,
.owl-theme .owl-dots .owl-dot.active span {
    background: var(--primary);
}
.owl-theme .owl-dots .owl-dot {
    padding: 0;
    margin: 2px;
}
.owl-theme .owl-dots .owl-dot.active {
    border: 2px solid var(--primary);
    border-radius: 50%;
}

/* -------- PUT THIS INTO THE SCSS (and adapt it to all screen sizes) -------- */
/* -------- remove the !important if possible -------- */
body {
    background-image: url('/typo3conf/ext/psn_bootstrap_template/Resources/Public/Images/rgs-hintergrund.svg');
    background-size: 100%;
    background-repeat: no-repeat;
    background-position-y: 500px;
}
h1 {
    font-size: 45px;
}
h2 {
    font-size: 40px;
}
h3 {
    font-size: 30px;
}
h5 {
    margin-bottom: 0px;
}
p, li {
    color: var(--secondary);
    Line-height: 1.5;
    font-size: 22px;
    font-weight: 400;
}
.list-icon li, ul li {
    font-size: 22px;
    font-weight: 400;
    margin: 14px 0;
    line-height: 1.5;

}
@media (max-width: 767.9px) {
    h1 {
        font-size: 35px;
        line-height: 1.3;
    }
    h2 {
        font-size: 30px;
        line-height: 1.3;
    }
    h3 {
        font-size: 28px;
        line-height: 1.3;
    }
    p {
        line-height: 1.5;
    }
    .frame:first-child {
        padding-top: 0;
    }
}
.frame-container-default {
    padding-left: 10px;
    padding-right: 10px;
}
section > .container {
    padding-left: 0px;
    padding-right: 0px;
}
.image > a {
    width: 100%;
}
.pswp__bg {
    background: rgba(3,50,67,.8);
}
.link-arrow, .link-page, .link-folder, .link-file, .link-external, .link-chevron, .link-mail, .link-globe {
    display: inline;
}
.link-external::after {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cg fill='%2397AC20'%3e%3cpath d='M10.05 8.657l-.707-.707L14.293 3l.706.707z'/%3e%3cpath d='M13 8.536V12H3V5h6.464l1-1H2.5a.5.5 0 0 0-.5.5v8a.5.5 0 0 0 .5.5h11a.5.5 0 0 0 .5-.5V7.535l-1 1.001zM15.573 6.573l-4.146-4.146A.25.25 0 0 1 11.604 2h4.146a.25.25 0 0 1 .25.25v4.146a.25.25 0 0 1-.427.177z'/%3e%3c/g%3e%3c/svg%3e");
    margin-left: .2rem;
}
strong {
    font-weight: 600;
}
.table-responsive td {
    padding: 13px 10px;
    color: var(--secondary);
    font-size: 22px;
    font-weight: 400;
}
.home-slider-box-inner {
    background: rgba(152, 172, 35, 1);
}
hr {
    width: 50%;
    margin: 100px 25% !important;
    border-top: 2px solid #97AC20;
    opacity: 1;
}
/*
.textmedia, .textpic {
    gap: 120px;
}
.textmedia-right .textmedia-item, .textmedia-right .textpic-item, .textmedia-left .textmedia-item, .textmedia-left .textpic-item, .textpic-right .textmedia-item, .textpic-right .textpic-item, .textpic-left .textmedia-item, .textpic-left .textpic-item {
    width: calc(50% - (120px / 2));
}
*/

@media (min-width: 768px){
    .textmedia, .textpic {
        gap: 120px;
    }
    .textmedia-right .textmedia-item, .textmedia-right .textpic-item, .textmedia-left .textmedia-item, .textmedia-left .textpic-item, .textpic-right .textmedia-item, .textpic-right .textpic-item, .textpic-left .textmedia-item, .textpic-left .textpic-item {
        width: calc(50% - (120px / 2));
    }
}

@media (min-width: 576px){
    .container, .container-sm, .frame-container, .frame-container-default {
        max-width: 540px;
    }
}
@media (min-width: 768px){
    .container, .container-md, .container-sm, .frame-container, .frame-container-default {
        max-width: 720px;
    }
}
@media (min-width: 992px){
    .container, .container-lg, .container-md, .container-sm, .frame-container, .frame-container-default {
        max-width: 960px;
    }
}
@media (min-width: 1200px){
    .container, .container-lg, .container-md, .container-sm, .container-xl, .frame-container, .frame-container-default {
        max-width: 1140px;
    }
}
@media (min-width: 1400px){
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl, .frame-container, .frame-container-default {
        max-width: 1320px;
    }
}
@media (min-width: 1585px){
    .container, .frame-container, .frame-container-default {
        max-width: 1555px;
    }
}

figure .caption{
    font-family: 'Barlow';
    color: #9E9E9E;
    font-size: 16px;
    line-height: 1.2;
    font-style: italic;
}

.main-menu li:hover > ul {
  display: block;
  min-width: 220px;
}

/* Abstand vor Videoeinbindung bei deaktivierung durch Consent Manager [AGENTUR-6413] */
.video .cmppreviewroot {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* Aanpassungen Barrierefreiheit [AGENTUR-6322] */

.card a.theme-btn {
    color: #fff;
}
.teaser-info-box a::before {
    filter: brightness(100);
}

/* Nur direkte Textlinks unterstreichen [AGENTUR-8100] */

main p > a, main li > a {
    text-decoration: underline !important;
}
#breadcrumb p > a, #breadcrumb li > a,
#page-header p > a, #page-header li > a,
#page-footer p > a, #page-footer li > a {
    text-decoration: none !important;
}

/* Teasergrid - Link Icons in weiß [AGENTUR-8107] */

.frame-type-teasergrid ::after {
    filter: brightness(100);
}

/* Mask Element "Projekthistorie" [AGENTUR-8099] */

.timeline-carousel.owl-theme .owl-dots .owl-dot.active {
    border: 2px solid #fff;
}
.timeline-carousel.owl-theme .owl-dots .owl-dot span,
.timeline-carousel.owl-theme .owl-dots .owl-dot span:hover,
.timeline-carousel.owl-theme .owl-dots .owl-dot.active span,
.timeline-carousel.owl-theme .owl-dots .owl-dot:hover span,
.timeline-carousel.owl-theme .owl-dots .owl-dot.active span {
    background: #fff;
}

/* -------- Tatsturbedienbarkeit auf Untermenüebene ermöglichen [AGENTUR-8101] -------- */

.main-menu li:hover > ul, .main-menu li:focus-within > ul {
    display: block;
    min-width: 220px;
}