/* CUSTOM FONTS */
@font-face {
    font-family: 'GenosGFG-Regular';
    src:
        url(./fonts/GenosGFG-Regular.woff2) format('woff2'),
        url(./fonts/GenosGFG-Regular.woff) format('woff');
}
@font-face {
    font-family: 'GenosGFG-Bold';
    src:
        url(./fonts/GenosGFG-Bold.woff2) format('woff2'),
        url(./fonts/GenosGFG-Bold.woff) format('woff');
}

body {
    font-size: 1.1875rem;
}

#page h1 {
    font-family: 'GenosGFG-Bold';
}
.layout_section h2.section-title {
    margin-bottom: 1em;
}
/* Logo im Header */
.region.region-header-top {
    justify-content: unset;
    align-items: center;
    max-width: var(--wide_content_width);
    margin: 0 auto;
    width: 100%;
}

.block-block__eueco-logo img {
    filter: unset;
    max-width: unset;
    max-height: 50px;
    margin: 0 0 0 10px;
}
header {
    padding: 0 1.5rem;
}
header {
    min-height: unset;
}
#block-ee-parent-hauptmenu,
#block-ee-theme-hauptmenu {
    background-color: var(--primary);
}
/* Normalize main menu */
#page ul.menu li a {
    text-transform: unset;
    color: white;
    background-color: unset;
}
#page ul.menu li a.is-active:not([href^='/#']),
#page ul.menu li a:hover {
    color: white;
}
#page ul.sf-menu.menu ul {
    background-color: var(--primary, #002d67);
}
#page ul.menu:not(.euecolink) {
    max-width: var(--wide_content_width);
    margin: 0 auto;
    width: 100%;
}
/* HERO SECTION */
.region-hero {
    max-width: var(--wide_content_width);
    margin: 0 auto;
    width: 100%;
}
#block-ee-theme-headergenossenschaft {
    margin-top: 10px;
}
.text-content a span {
    text-decoration: underline;
}
#ueber_uns .layout {
    background-color: var(--primary, #002d67);
}
#so_gehts .text-content,
#vorteile .steps {
    text-align: left;
}
#vorteile img,
#so_gehts img {
    max-width: 80px;
}
/* FAQ */
#ee-faq_block {
    background-color: var(--secondary, lightblue);
    padding: 10px;
    border: 2px solid var(--primary);
}
.faq_block h3.ui-accordion-header {
    padding-bottom: unset;
}
.faq_block .ui-accordion-header::after,
.faq_block .ui-accordion-header.ui-accordion-header-active::after {
    content: '\2b';
    top: calc(50% - 5px);
}
.style_standard .faq_cat_switch.active {
    color: white;
}
.style_standard .faq_cat_switch {
    background-color: var(--secondary, #002d67);
    font-weight: 100;
    border: 1px solid var(--primary);
    border-radius: unset;
}
#ee-faq_block .ui-accordion-content {
    padding: 15px 0;
    margin: 0;
    border-bottom: unset;
}
#ee-faq_block h3.ui-accordion-header,
#ee-faq_block .ui-accordion-content {
    font-weight: normal;
    margin: 15px 0;
}
#faq .ui-accordion-content-active {
    border-bottom: 2px solid var(--primary, #002d67);
}
#beteiligungskonditionen .ee_button,
#beteiligungskonditionen .ee_button_inverse {
    border: 1px solid var(--orange, var(--secondary, #002d67));
}
#beteiligungskonditionen .ee_button {
    border-radius: unset;
    background-color: var(--orange, var(--secondary, #002d67));
}
#beteiligungskonditionen .ee_button_inverse {
    background-color: unset;
    color: var(--orange, var(--secondary, #002d67));
}
/* cookie banner */
div#sliding-popup,
div#sliding-popup .eu-cookie-withdraw-banner,
.eu-cookie-withdraw-tab,
#sliding-popup h1,
#sliding-popup h2,
#sliding-popup h3,
#sliding-popup p,
#sliding-popup label,
#sliding-popup div,
.eu-cookie-compliance-more-button,
.eu-cookie-compliance-secondary-button,
.eu-cookie-withdraw-tab {
    color: black;
}
div#hinweis.layout_section {
    border-top: 3px solid lightgray;
}
/* FOOTER */
footer,
.region--footer-bottom {
    background-color: var(--primary);
    color: white;
}
#block-ee-theme-regiocapfooteraddress .text-content {
    font-family: 'GenosGFG-Bold';
    color: white;
}
#projekte .ee_button,
#wp-interesse .ee_button {
    background-color: var(--button_generic);
}
#projekte .ee_button span,
#erfolgsgeschichte .ee_button span,
#wp-interesse .ee_button span {
    text-decoration: none;
}
#ueber_uns .text-content {
    color: var(--text_on_primary_color);
}
#erfolgsgeschichte .ee_button,
.block .ee_block_wrapper a.ee_button,
#ueber_uns .ee_button,
.layout_section .ee_block_wrapper.secondary .field--name-field-ee-card-link a {
    max-width: 300px;
    background-color: var(--button_generic);
    border: 1px solid var(--button_generic);
    padding: 5px 0;
}
#projekte .layout .layout__region .block .ee_block_wrapper .text-content p {
    font-size: 0.9rem;
}
#ueber_uns .ee_button {
    background-color: var(--orange);
    color: var(--primary);
    font-weight: 600;
}
footer p img {
    width: 40px;
    height: auto;
}

body .eu-cookie-compliance-more-button {
    color: black;
}