:root {
    --bs-border-radius: 10;
    --bs-border-radius-sm: 0;
    --bs-border-radius-lg: 0;
    --bs-primary: #ff8700;
    --bs-primary-bg-subtle: #ffcc99;
}

.nav {
    --bs-nav-link-color: var(--bs-body-color);
    --bs-nav-link-hover-color: var(--bs-dark);
}

.navbar-expand-lg .navbar-nav .nav-link.active {
    border-bottom: 2px solid var(--bs-primary);
}

.navbar-expand-lg .navbar-nav .nav-link:hover {
    border-bottom: 2px solid var(--bs-primary-bg-subtle);
}
.ce-gallery img {
    width: 100%;
    height: auto;
    /*border: 10px solid white;*/
    box-shadow: 10px 10px 5px #aaaaaa;
}

.ce-media img {
    width: 100%;
    height: auto;
    /*border: 10px solid white;*/
    box-shadow: 10px 10px 5px #aaaaaa;
}

.ce-border img {
    margin: 0px 10px 10px 0px;
    border: 0px;
    box-shadow: 10px 10px 5px #aaaaaa;
}

.col-md-8 {
        flex: 0 0 auto;
        width: 85%; /* Statt 33.33% um es schmäler zu machen */
}

.col-md-4 {
        flex: 0 0 auto;
        width: 15%; /* Statt 33.33% um es schmäler zu machen */
}




h1 {<-->font-size: calc(28px + .3vw); font: Georgia, Helvetica, sans-serif;  margin: 0px 0px 0px 0px;.
}


h2 {color:#009611; font: Georgia, Helvetica, sans-serif;  margin: 0px 0px 10px 0px;.
}

h3 {font: Georgia, Helvetica, sans-serif;  margin: 0px 0px 5px 0px;
}

h4 {<-->font-size: calc(18px + .3vw); font: Georgia, Helvetica, sans-serif; margin: 0px 0px 25px 0px;
}

h4 a {
color:#333333; text-decoration:none; font-size: calc(18px + .3vw); font: Georgia, Helvetica, sans-serif; margin: 40px 0p
}

h5 {<-->margin-left: 10px; color:#000000; font-size: 1rem;  font: Georgia, Helvetica, sans-serif; margin: 0px 0px 0px 20px;
}

h6 {<-->margin-left: 10px; FONT-WEIGHT: bold; font-size: calc(14px + .3vw); MARGIN: 0em; COLOR: #888888
}

p { <-->margin-left: 10px; margin-right: 10px; font-size: calc(12px + .5vw); font-family: Tahoma, Verdana, Segoe, sans-s
}

/* TYPO3 Text & Media Galerie – Bootstrap-Fix */
.ce-gallery .ce-row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -0.75rem;
    margin-right: -0.75rem;
}

.ce-gallery .ce-column {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    box-sizing: border-box;
}

/* 6 Spalten */
.ce-gallery[data-ce-columns="6"] .ce-column {
    width: 16%;
}

/* 5 Spalten */
.ce-gallery[data-ce-columns="5"] .ce-column {
    width: 19%;
}

/* 4 Spalten */
.ce-gallery[data-ce-columns="4"] .ce-column {
    width: 24%;
}

/* 3 Spalten */
.ce-gallery[data-ce-columns="3"] .ce-column {
    width: 32%;
}

/* 2 Spalten */
.ce-gallery[data-ce-columns="2"] .ce-column {
    width: 48%;
}

/* 1 Spalte */
.ce-gallery[data-ce-columns="1"] .ce-column {
    width: 96%;
}

/* Responsive */
@media (max-width: 768px) {
    .ce-gallery .ce-column {
        width: 100% !important;
    }
}


/*Footer in voller Breite */

/* Responsive */
@media (max-width: 768px) {
    .ce-gallery .ce-column {
        width: 100% !important;
    }
}

footer {
    width: 100%;
    background-color: var(--bs-body-tertiary);
}

/* Footer-Inhalt wie Bootstrap container */
footer > * {
    max-width: 1320px; /* Bootstrap 5 container-xl */
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

/* Kein Umbruch im Desktop */
footer {
    flex-wrap: nowrap;
}

/* Menü darf breit sein */
footer ul.nav {
    flex-wrap: nowrap;
    white-space: nowrap;
}
@media (max-width: 768px) {
    footer {
        flex-wrap: wrap;
        text-align: center;
    }

    footer ul.nav {
        justify-content: center;
        flex-wrap: wrap;
        margin-top: 1rem;
    }
}