.ausblenden {
    display: none;
    opacity: 0;
    cursor: none;
}

:root {
    --white: #fff;
    --black: #000;
    --green: #b2cf65;
    --grey: #3b3b3a;
    --anthrazit: #2e2e2e;
}

/* ----------- TYPOGRAPHY ----------- */

@font-face {
    font-family: 'BreeSerif';
    src: url('/wp-content/bandf-files/font/BreeSerif-Regular.ttf') format('truetype');
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('/wp-content/bandf-files/font/Roboto/Roboto-Regular.ttf') format('truetype');
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Bold';
    src: url('/wp-content/bandf-files/font/Roboto/Roboto-Bold.ttf') format('truetype');
    font-style: normal;
}

@font-face {
    font-family: 'Afacad';
    src: url('/wp-content/bandf-files/font/AfacadFlux-Medium.ttf') format('truetype');
    font-style: normal;
}

h1 {
    font-family: 'BreeSerif', sans-serif;
    font-size: clamp(24px, calc(1.8vw + 18px), 27px);
    color: var(--white) !important;
}

.h1--dark {
    font-family: 'BreeSerif', sans-serif;
    font-size: clamp(24px, calc(1.8vw + 18px), 27px);
    color: var(--anthrazit);
}

.h1--green {
    font-family: 'BreeSerif', sans-serif;
    font-size: clamp(24px, calc(1.8vw + 18px), 27px);
    color: var(--green);
}

h2 {
    font-size: clamp(22px, calc(0.18vw + 21.47px), 24px);
    font-family: 'BreeSerif', sans-serif;
    color: var(--green);
}

.h2--white {
    font-size: clamp(22px, calc(0.18vw + 21.47px), 24px);
    font-family: 'BreeSerif', sans-serif;
    color: var(--white);
}

p {
    font-size: clamp(14px, calc(1vw + 1px), 16px);
    color: var(--anthrazit);
    line-height: 26px;
}

strong {
    font-family: 'Roboto-Bold';
}

.p--bold {
    font-family: 'Afacad';
    font-size: clamp(16px, calc(1vw + 1px), 20px);
}

.p--white {
    color: var(--white);
}

.p--green {
    color: var(--green);
}

a {
    text-decoration: none;
    color: var(--green);
}

/* ----------- TYPOGRAPHY ENDE ----------- */

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Roboto';
    overflow-x: hidden;
}

.entry-content {
    margin-block-start: 0;
}

.fixed-size {
    width: 1200px;
    margin: 0 auto;
    padding: 3em 15px;
}

.fixed-size--small {
    width: 900px;
    margin: 0 auto;
    padding: 3em 15px;
}

.rounded img {
    border-radius: 25px;
}

/* ----------- BUTTONS ----------- */

.btn {
    border-radius: 50px;
    padding: calc(.8em + 1px) calc(5em + 1px);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    position: relative;
    transition: ease 0.5s;
    color: var(--white);
    background-color: var(--green);
}

.btn--nav {
    padding: calc(.8em + 1px) calc(2em + 1px);
}

.btn--mittig {
    text-align: center;
}

.btn__arrow {
    font-family: 'Roboto';
    margin-left: 5px;
}

/* ----------- BUTTONS ENDE ----------- */
/* */
/* */
/* ----------- AKKORDEONS ----------- */

.accordion .wp-block-getwid-accordion__header {
    background: var(--green);
    border-radius: 50px;
    padding: 15px 20px;
}

.accordion .wp-block-getwid-accordion__header a,
.accordion .wp-block-getwid-accordion__header i {
    color: var(--white);
}

.accordion .wp-block-getwid-accordion__header-wrapper.ui-state-active .wp-block-getwid-accordion__header {
    background: transparent;
    border: 2px solid var(--green);
}

.accordion .wp-block-getwid-accordion__header-wrapper.ui-state-active .wp-block-getwid-accordion__header a,
.accordion .wp-block-getwid-accordion__header-wrapper.ui-state-active .wp-block-getwid-accordion__header i {
    color: var(--green);
}

.accordion .wp-block-getwid-accordion__header-wrapper:not(:last-child) {
    margin-bottom: 24px;
    border: none;
}

.accordion .wp-block-getwid-accordion__content {
    border: none;
}

/* ----------- AKKORDEONS ENDE ----------- */
/* */
/* */
/* ----------- NAVIGATION ----------- */

.nav-container {
    padding: 24px 0;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    z-index: 3;
}

.nav {
    width: 80%;
    align-items: center !important;
}

.nav--logo {
    width: 150px !important;
}

.nav--links {
    display: flex;
    justify-content: center;
}

.nav--links a {
    font-family: 'BreeSerif', sans-serif;
    font-size: clamp(18px, calc(0.18vw + 21.47px), 20px);
    color: var(--anthrazit);
}

.wp-block-navigation-item.current-menu-item,
.wp-block-navigation-item:hover {
    color: var(--green);
}

.nav--social {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
    width: 230px !important;
}

.nav--social a {
    color: var(--anthrazit);
}

.nav--social .wp-block-image,
.nav--social p {
    margin-block-start: 0;
}

.nav--btn {
    width: 172px !important;
}

/* ----------- NAVIGATION ENDE ----------- */
/* */
/* */
/* ----------- FOOTER ----------- */

#footer-container {
    box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.3);
}

#footer-container ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 35px;
    padding: 0;
}

#footer-container li {
    font-family: 'BreeSerif', sans-serif;
    font-size: clamp(16px, calc(0.18vw + 21.47px), 18px);
    list-style: none;
}

.wp-block-group.fixed-size.bandf.is-layout-constrained.wp-block-group-is-layout-constrained {
    padding: 15px 15px;
    text-transform: uppercase;
    width: 400px;
}

.wp-block-group.fixed-size.bandf p {
    margin-left: 15px;
    color: var(--white);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 27px;
    text-transform: none;
    margin-top: 30px;
}

.subpage ul {
    margin-left: 24px;
}

@media only screen and (max-width: 960px) {
    .bandf p {
        margin-top: 0px !important;
        color: white !important;
        position: relative;
        top: 10px;
        left: 9px;
    }

    .bandf img {
        margin-top: -17px;
    }
}

@media only screen and (max-width: 782px) {
    .wp-block-group.fixed-size.bandf.is-layout-constrained.wp-block-group-is-layout-constrained {
        padding-left: 10px !important;
    }

    .bandf img {
        margin-top: -45px;
    }
}

/* ----------- FOOTER ENDE ----------- */
/* */
/* */
/* ----------- STARTSEITE ------------ */

.under-header {
    margin-top: 0;
}

.banner-ladesaeule {
    min-height: 200px;
    max-height: 200px;
}

.galerie .spalte-o .wp-block-column:first-child img {
    border-radius: 25px 0 0 0;
}

.galerie .spalte-o .wp-block-column:last-child img {
    border-radius: 0 25px 0 0;
}

.galerie .spalte-u .wp-block-column:first-child img {
    border-radius: 0 0 0 25px;
}

.galerie .spalte-u .wp-block-column:last-child img {
    border-radius: 0 0 25px 0;
}

.banner-bewertung {
    margin-block-start: 0;
    min-height: 300px;
    max-height: 300px;
}