/* Aeonik Font Family */

@font-face {
    font-family: 'Aeonik';
    src: url('fonts/Aeonik-Light.woff2') format('woff2'),
    url('fonts/Aeonik-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aeonik';
    src: url('fonts/Aeonik-LightItalic.woff2') format('woff2'),
    url('fonts/Aeonik-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Aeonik';
    src: url('fonts/Aeonik-Regular.woff2') format('woff2'),
    url('fonts/Aeonik-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aeonik';
    src: url('fonts/Aeonik-RegularItalic.woff2') format('woff2'),
    url('fonts/Aeonik-RegularItalic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Aeonik';
    src: url('fonts/Aeonik-Bold.woff2') format('woff2'),
    url('fonts/Aeonik-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aeonik';
    src: url('fonts/Aeonik-BoldItalic.woff2') format('woff2'),
    url('fonts/Aeonik-BoldItalic.woff') format('woff');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

body .frontend {
    background: #f5f4f3;
}
.backend #main, .layout_section .layout.add_padding,
.layout_section:not(.full_width) {
    padding: 3.125rem calc(100px + .75rem);
}
.layout_section h2 {
    font-size: 3rem;
    font-family: Aeonik;
    line-height: 1.2;
    font-weight: 400;
}
#logo {
    padding-right: 20px;
    margin-right: 20px;
    border-right: 1px solid var(--tertiary);
}
.region-header ul.menu > li > span > a::after, .region-header ul.menu > li > a::after {
    position: absolute;
    top:auto;
    bottom:-8px;
    content: "";
    display: block;
    margin: auto;
    height: 2px;
    width: 0px;
    background: transparent;
    transition: width 0.25s ease, background-color 0.25s ease;
}
.region-header ul.menu > li > span:not(.anmelden, .abmelden, .eef-website) > a:hover::after,
.region-header ul.menu > li.active-trail.menuparent > a::after,
.region-header ul.menu > li > a:hover::after {
    width: 100%;
    background-color: var(--text_color);
}
.eu-cookie-compliance-message button,
.eu-cookie-compliance-category label {
    color: #213d39;
}

.headertext h1 {
    margin-top: 10px;
    line-height: 1.15;
    letter-spacing: -.64px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    font-weight: 400;
}
.headertext h2 {
    letter-spacing: .6px;
    line-height: 1.4;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    font-weight: 400;
}
#ee-faq_block h3.ui-accordion-header {
    border-bottom: 2px solid #d7d4d1;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: .48px;
    font-family: Aeonik, sans-serif;
    font-weight: 400;
    padding-bottom: 40px;
    margin-top: 40px;
    line-height: normal;
}
#ee-faq_block .ui-accordion-content-active {
    border-bottom: 2px solid #d7d4d1;
    font-size: 1rem;
}
.faq_block h3.ui-accordion-header + .ui-accordion-content {
    padding-left: 0;
    padding-right: 0;
}
#ee-faq_block h3.ui-accordion-header-active {
    border-bottom: none;
}
.faq_block .ui-accordion-header::after {
    font-weight: 100;
    font-size: 1.5em;
}
.style_standard .faq_cat_switch {
     font-weight: 100;
}
.grid_image_caption{
    margin-top:10px;
    font-size: 0.9rem;
}
.grid_image_caption strong{
    font-size: 1.125rem;
    font-weight: 700;
    display: block;
}
.frontend footer .text-content{
   color:#ffffff;
}
footer{

}
footer img{
    max-width: 180px;
}
.region.region-footer{
    display: flex;
    justify-content: space-between;
    padding-top:80px;
    text-align: left;
}
.region--footer-bottom {
    margin-top:50px;
    padding:0;
    padding-bottom: 0;
}
#ee_burger_menu .fa-regular {
    --fa-style: 100;
}
ul.menu > li.sf-no-children > span a[href="https://eef.de"] {
    display: block;
    text-align: center;
    color: var(--text_color);
    padding: 0.3em 1em;
    background-color: var(--secondary);
    font-size: 1rem;
    border-radius: var(--ee_button_radius);
    transition: color 0.5s ease, background-color 0.5s ease;
    border: none;
    cursor: pointer;
}
#page.backend  .region.region-header{
    padding:0;
    max-width: 100%;
}
#page header ul.menu:not(.euecolink) {
    align-items: flex-end;
}
header ul.menu > li > span > a,
header ul.menu > li > a {
    position: relative;
}