* {
    hyphens: auto;
}



.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;
}


/* Textfarben */

.text-blau {
    color: #44a2cb;
}
.text-tuerkis {
    color: #44b8b2;
}
.text-wasserblau {
    color: #2167b0;
}
.text-himmelblau {
    color: #00b9ee;
}
.text-waldgruen {
    color: #4b9747;
}
.text-grasgruen {
    color: #94bd43;
}
.text-violett {
    color: #532c86;
}
.text-himbeere {
    color: #E6007E;
}
.text-lilagrau {
    color: #9384A5;
}


/* 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;
}
*/


/* Border Color grün [AGENTUR-8028] */
.theme-btn.theme-btn-border {
    border: 2px solid var(--primary);
}

/* Keinen Zeilenumbruch Banner [AGENTUR-7763] */
@media (min-width: 1200px) {
    .home-slider-box-inner h1 {
        font-size: 100px;
    }
    .home-slider-box-inner h2 {
        font-size: 72px;
    }
}
@media (min-width: 768px) {
    .home-slider-box-inner h1 {
        font-size: 60px;
    }
}

.main-menu ul li ul ul {
    background: var(--primary);
}
.main-menu > ul > li .submenu-menu {
    width: max-content;
}

/* Anpassungen am Header [AGENTUR-8828] */
.home-slider-box h2 {
    line-hight: 1;
}
h4 {
    line-height: 1.1;
}
h4:first-of-type {
    margin-top: 0;
}


/* Anpassungen Hintergründe und Buttons [AGENTUR-8828] */

/* --- none --------------------------------------------------------------------------------------------------------- */
.frame-background-none{
}
.frame-background-none *{
    color: #354E6C;
}
.frame.frame-background-none a[class=""],
.frame.frame-background-none a:not([class]),
.frame-background-none a{
    color: #87BB33;
}
.frame.frame-background-none a[class=""]:hover,
.frame.frame-background-none a:not([class]):hover,
.frame-background-none a:hover{
    color: #354E6C;
}
.frame-background-none .theme-btn { /* FILLED */
    background-color: #87BB33;
    border: 2px solid #87BB33;
    color: #FFFFFF;
}
.frame-background-none .theme-btn:hover {
    /* background-color: #354E6C;
    border: 2px solid #354E6C; [AGENTUR-9221] */
    color: #FFFFFF;
    transform: translateY(-3px); /* Bewegung nach oben */
    transition: transform 0.3s ease-in-out; /* Sanfter Übergang */
}
.frame-background-none .theme-btn.theme-btn-border { /* BORDER */
    background-color: transparent;
    border: 2px solid #87BB33;
    color: #87BB33 !important;
}
.frame-background-none .theme-btn.theme-btn-border:hover {
    background-color: transparent;
    border: 2px solid #354E6C;
    color: #354E6C !important;
    transform: translateY(-3px); /* Bewegung nach oben */
    transition: transform 0.3s ease-in-out; /* Sanfter Übergang */
}

/* --- primary ------------------------------------------------------------------------------------------------------ */
.frame-background-primary{
    background-color: #354E6C;
}
.frame-background-primary *{
    color: #FFFFFF;
}
.frame.frame-background-primary a[class=""],
.frame.frame-background-primary a:not([class]),
.frame-background-primary a{
    color: #87BB33;
}
.frame.frame-background-primary a[class=""]:hover,
.frame.frame-background-primary a:not([class]):hover,
.frame-background-primary a:hover{
    color: #FFFFFF;
}
.frame-background-primary .theme-btn { /* FILLED */
    background-color: #87BB33;
    border: 2px solid #87BB33;
    color: #FFFFFF;
}
.frame-background-primary .theme-btn:hover {
    background-color: #FFFFFF;
    border: 2px solid #FFFFFF;
    color: #354E6C;
    transform: translateY(-3px); /* Bewegung nach oben */
    transition: transform 0.3s ease-in-out; /* Sanfter Übergang */
}
.frame-background-primary .theme-btn.theme-btn-border { /* BORDER */
    background-color: transparent;
    border: 2px solid #87BB33;
    color: #87BB33 !important;
}
.frame-background-primary .theme-btn.theme-btn-border:hover {
    background-color: transparent;
    border: 2px solid #FFFFFF;
    color: #FFFFFF !important;
    transform: translateY(-3px); /* Bewegung nach oben */
    transition: transform 0.3s ease-in-out; /* Sanfter Übergang */
}

/* --- secondary ------------------------------------------------------------------------------------------------------ */
.frame-background-secondary{
    background-color: #87BB33;
}
.frame-background-secondary *{
    color: #FFFFFF;
}
.frame.frame-background-secondary a[class=""],
.frame.frame-background-secondary a:not([class]),
.frame-background-secondary a{
    color: #354E6C;
}
.frame.frame-background-secondary a[class=""]:hover,
.frame.frame-background-secondary a:not([class]):hover,
.frame-background-secondary a:hover{
    color: #FFFFFF;
}
.frame-background-secondary .theme-btn { /* FILLED */
    background-color: #354E6C;
    border: 2px solid #354E6C;
    color: #FFFFFF;
}
.frame-background-secondary .theme-btn:hover {
    background-color: #FFFFFF;
    border: 2px solid #FFFFFF;
    color: #354E6C;
    transform: translateY(-3px); /* Bewegung nach oben */
    transition: transform 0.3s ease-in-out; /* Sanfter Übergang */
}
.frame-background-secondary .theme-btn.theme-btn-border { /* BORDER */
    background-color: transparent;
    border: 2px solid #354E6C;
    color: #354E6C !important;
}
.frame-background-secondary .theme-btn.theme-btn-border:hover {
    background-color: transparent;
    border: 2px solid #FFFFFF;
    color: #FFFFFF !important;
    transform: translateY(-3px); /* Bewegung nach oben */
    transition: transform 0.3s ease-in-out; /* Sanfter Übergang */
}

/* --- tertiary ------------------------------------------------------------------------------------------------------ */
.frame-background-tertiary{
    background-color: #FF7D25;
}
.frame-background-tertiary *{
    color: #FFFFFF;
}
.frame.frame-background-tertiary a[class=""],
.frame.frame-background-tertiary a:not([class]),
.frame-background-tertiary a{
    color: #354E6C;
}
.frame.frame-background-tertiary a[class=""]:hover,
.frame.frame-background-tertiary a:not([class]):hover,
.frame-background-tertiary a:hover{
    color: #FFFFFF;
}
.frame-background-tertiary .theme-btn { /* FILLED */
    background-color: #354E6C;
    border: 2px solid #354E6C;
    color: #FFFFFF;
}
.frame-background-tertiary .theme-btn:hover {
    background-color: #FFFFFF;
    border: 2px solid #FFFFFF;
    color: #354E6C;
    transform: translateY(-3px); /* Bewegung nach oben */
    transition: transform 0.3s ease-in-out; /* Sanfter Übergang */
}
.frame-background-tertiary .theme-btn.theme-btn-border { /* BORDER */
    background-color: transparent;
    border: 2px solid #354E6C;
    color: #354E6C !important;
}
.frame-background-tertiary .theme-btn.theme-btn-border:hover {
    background-color: transparent;
    border: 2px solid #FFFFFF;
    color: #FFFFFF !important;
    transform: translateY(-3px); /* Bewegung nach oben */
    transition: transform 0.3s ease-in-out; /* Sanfter Übergang */
}

/* --- light ------------------------------------------------------------------------------------------------------ */
.frame-background-light{
    background-color: #E9E9E9;
}
.frame-background-light *{
    color: #354E6C;
}
.frame.frame-background-light a[class=""],
.frame.frame-background-light a:not([class]),
.frame-background-light a{
    color: #87BB33;
}
.frame.frame-background-light a[class=""]:hover,
.frame.frame-background-light a:not([class]):hover,
.frame-background-light a:hover{
    color: #354E6C;
}
.frame-background-light .theme-btn { /* FILLED */
    background-color: #87BB33;
    border: 2px solid #87BB33;
    color: #FFFFFF;
}
.frame-background-light .theme-btn:hover {
    /* background-color: #354E6C;
    border: 2px solid #354E6C; [AGENTUR-9221] */
    color: #FFFFFF;
    transform: translateY(-3px); /* Bewegung nach oben */
    transition: transform 0.3s ease-in-out; /* Sanfter Übergang */
}
.frame-background-light .theme-btn.theme-btn-border { /* BORDER */
    background-color: transparent;
    border: 2px solid #87BB33;
    color: #87BB33 !important;
}
.frame-background-light .theme-btn.theme-btn-border:hover {
    background-color: transparent;
    border: 2px solid #354E6C;
    color: #354E6C !important;
    transform: translateY(-3px); /* Bewegung nach oben */
    transition: transform 0.3s ease-in-out; /* Sanfter Übergang */
}

/** News Startseite */

.news .item .card-actions .more-btn,
.news .item .card-actions .more-btn:hover {
    color: #87BB33;
}
.news .item .card-title {
    color: #354E6C;
}

/* Frame Anstände anpassen [AGENTUR-8831] */
.container,
.frame > .frame-group-container > .frame-group-inner > .frame-container {
    padding-left: 0;
    padding-right: 0;
}

/* Label Form Radio einblenden */
.form-element.form-element-radio > legend.visually-hidden {
    position: relative !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: auto !important;
    clip: auto !important;
    white-space: nowrap !important;
    border: 0 !important;

    font-size: 18px;
    font-weight: 400;
    margin-bottom: 8px !important;
}


.theme-btn {
    margin-top: 20px; /* [AGENTUR-9221] */
}
/* [AGENTUR-9221] */
div[style="background: linear-gradient(180deg, #87bb33 0%, #87bb33 100%);"] .theme-btn.theme-btn-border {
    border-color: #354E6C;
    color: #354E6C !important;
}
div[style="background: linear-gradient(180deg, #87bb33 0%, #87bb33 100%);"] .theme-btn {
    border-color: #354E6C;
    background-color: #354E6C;
}

/* New Border [AGENTUR-9226] */

.border-darkblue, .border-orange, .border-grey, .border-green, .border-white {
    padding: 2rem;
    border: 1px solid #354E6C;
}
.border-darkblue { border-color: #354E6C; }
.border-orange { border-color: #ff6f0e; }
.border-grey { border-color: #e9e9e9 }
.border-green { border-color: #87BB33; }
.border-white { border-color: #ffffff; }

/* Abstände nach oben Überschrift [AGENTUR-10041] */

.frame-inner .frame.frame-default:not(.border-darkblue):not(.border-orange):not(.border-grey):not(.border-green):not(.border-white) {
    padding-top: 0;
}

h1:first-child, /* Für h1 bis h6 */
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child,
.h1:first-child, /* Für .h1 bis .h6 */
.h2:first-child,
.h3:first-child,
.h4:first-child,
.h5:first-child,
.h6:first-child {
    margin-top: 0;
}

/* Formular anpassen [AGENTUR-9137] */

.form-element.form-element-radio > legend.visually-hidden {
    font-weight: bold;
}

.form-label {
    font-weight: bold;
}

@media (min-width: 1200px) {
    legend {
        /* font-size: 1.5rem; */
        font-size: 18px;
        font-weight: bold;
    }
}

.form-container h2 {
    font-size: 32px;
    font-weight: bold;
}

/* Abstände von Frames in Akkordeon Elementen [AGENTUR-9389] */
.ce-accordion-body .frame-space-before-none:not(.border-darkblue):not(.border-orange):not(.border-grey):not(.border-green):not(.border-white) {
    padding-top: 0;
}
.ce-accordion-body .frame-space-after-none:not(.border-darkblue):not(.border-orange):not(.border-grey):not(.border-green):not(.border-white) {
    padding-bottom: 0;
}


html {
    scroll-padding-top: 200px;
    scroll-behavior: smooth;
}

/* Content Seitenabstände mobil [AGENTUR-10065]  */

@media (max-width: 767.9px) {
    header, nav, main, footer {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}


/* Credits [AGENTUR-10070]  */

.copyright-card > .image-container {
    aspect-ratio: 4 / 3;
    background: #354e6c;
    position: relative; /* Wichtig für die Positionierung des Kindes */
    overflow: hidden;   /* Um sicherzustellen, dass nichts rausläuft */
}
.copyright-card > .image-container > img {
    width: 100%;
    height: 100%;
    object-fit: contain; /* Bild wird vollständig sichtbar sein */
    object-position: center center; /* Zentriert das Bild */
    position: absolute; /* Ermöglicht flexibles Platzieren innerhalb des Containers */
    top: 0;
    left: 0;
}