@font-face {
    font-family: 'SparkasseWeb';
    src: url(fonts/Sparkasse_Rg.woff) format('woff'),url(fonts/Sparkasse_Rg.ttf) format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'SparkasseWebMedium';
    src: url(fonts/Sparkasse_Md.woff) format('woff'),url(fonts/Sparkasse_Md.ttf) format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'SparkasseWeb';
    src: url(fonts/Sparkasse_Bd.woff) format('woff'),url(fonts/Sparkasse_Bd.ttf) format('truetype');
    font-weight: bold;
    font-style: normal
}

@font-face {
    font-family: 'SparkasseWebLight';
    src: url(fonts/Sparkasse_Lt.woff) format('woff'),url(fonts/Sparkasse_Lt.ttf) format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'SparkasseHeadWeb';
    src: url(fonts/SparkasseHead_Rg.woff) format('woff'),url(fonts/SparkasseHead_Rg.ttf) format('truetype');
    font-weight: normal;
    font-style: normal
}

html {
    scroll-padding-top: 150px !important;
}
h1, h2, h3, h4, h5, h6 {
    font-family: SparkasseHeadWeb, Helvetica, Arial, sans-serif;
    font-weight: normal;
}
#main p {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
}
.ee_button.ee_solo,
.layout_section .ee_block_wrapper a.ee_button,
.layout_section.tabs_with_icons .field--name-field-ee-card-link a,
.layout_section .ee_block_wrapper .field--name-field-ee-card-link a,
#page.parent #main a.button.ee_button,
#page.parent a.button.ee_button, #page.parent input.form-submit, #page.parent form input.form-submit {
    font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif;
    padding: 14px 32px;
    border-radius: 100px;
    font-size: 1rem;
    line-height: 1rem;
}

/** Header **/
header.region {
    background-color: var(--primary);
    padding-bottom: 0;
}
#page header ul.menu li a,
#page header ul.menu li a:hover,
#page header ul.menu > li > a.is-active:not([href*="#"]) {
    color: #fff;
    text-transform: none;
}
#page header ul.menu li a:hover {
    text-decoration: underline;
}
#page header ul.menu li li a,
#page header ul.menu li li a:hover,
#page header ul.menu li a.is-active.sf-depth-2 {
    color: #000;
}
ul.menu > li.sf-no-children > span a[href="/user/login"],
ul.menu > li.sf-no-children > span a[href^="/user/logout"] {
    background: none !important;
    padding: 0;
}
.block-block__eueco-logo img {
    filter: none;
}

/** Headerimage with text **/
.ee_headerimge .headerimage, .ee_headerimage .headerimage {
    background-position: top center;
}
.ee_headerimge .headertext_wrapper, .ee_headerimage .headertext_wrapper {
    align-items: flex-start;
    width: 100%;
    max-width: var(--wide_content_width);
    margin: 0 auto;
}
.headertext {
    background-color: #fff;
    border-radius: 8px;
    border: 1px solid #e3e3e3;
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    font-size: 1.125rem;
    line-height: 1.625rem;
    color: #565656;
    padding: 24px;
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    max-width: 460px;
    box-shadow: var(--shadow-default);
    text-align: initial;
}
.ee_headerimge .headertext_wrapper .headertext, .ee_headerimage .headertext_wrapper .headertext {
    max-width: 460px;
    margin: 0;
}
.headertext h1,
.headertext h2 {
    font-family: SparkasseHeadWeb, Helvetica, Arial, sans-serif;
    font-size: var(--font-size-big-00);
    line-height: var(--line-height-big-00);
    color: #292929;
    margin-bottom: 8px;
    text-shadow: none;
    text-align: left;
}
.headertext h2 {
    font-size: var(--font-size-big-02);
    line-height: var(--line-height-big-02);
}

/** Icons **/
#icons .raster .block-inline-blockee-card .block__content,
#icons .raster .block-inline-blockee-card .block__content p {
    text-align: left;
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
    font-size: var(--font-size-big-02);
    line-height: var(--line-height-big-02);
}
#icons .field--name-field-ee-card-image, #icons .field--name-field-ee-card-image img {
    width: 100px;
    /* height: 100px; */
    flex: unset;
}

/** So einfach funktioniert‘s **/
#so_gehts .title_wrapper {
    margin-bottom: 2rem;
}
#so_gehts .block-inline-blockee-card {
    border-radius: 8px;
    border: 1px solid #e3e3e3;
    box-shadow: 0 0 10px 0 rgba(86,86,86,0.40);
}
#so_gehts .block-inline-blockee-card .ee_block_wrapper {
    border-radius: 8px;
}
#so_gehts .field--name-field-ee-card-title p {
    font-family: SparkasseHeadWeb, Helvetica, Arial, sans-serif;
    font-size: var(--font-size-headline-02);
    margin-bottom: 1.2rem;
}

/** Projekte **/
#projekte .title_wrapper {
    margin-bottom: 2rem;
}
#projekte .block-inline-blockee-card {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 0 10px 0 rgba(86, 86, 86, 0.40);
}
#projekte .ee_block_wrapper.headline_bottom,
#projekte .block__content.headline_bottom {
    height: 100%;
}
#projekte .block-inline-blockee-card img,
#projekte .block-inline-blockee-card picture,
#projekte .field--name-field-ee-card-image {
    width: 100%;
}
#projekte .field--name-field-ee-card-text {
    flex: 1;
}
#projekte .block-inline-blockee-card .text-content {
    width: 100%;
    text-align: left;
    padding: 0 20px;
}
#projekte .field--name-field-ee-card-title p {
    font-family: SparkasseHeadWeb, Helvetica, Arial, sans-serif;
    font-size: var(--font-size-headline-02);
    margin-bottom: 1.2rem;
}
#projekte .field--name-field-ee-card-link {
    margin-bottom: 2rem;
}

/** Hinweise **/
#Hinweis_gesetz .ee_block_wrapper {
    border: 2px solid var(--primary);
    padding: 2rem;
}
#Hinweis_gesetz .text-content h3 {
    margin-bottom: 1.5rem;
}

/** FAQ **/
.faq_header {
    display: none !important;
}
#faq .title_wrapper {
    margin-bottom: 2rem;
}
#ee-faq_block h3.ui-accordion-header {
    /* font-family: SparkasseWebMedium, Helvetica, Arial, sans-serif; */
    font-size: var(--font-size-headline-03);
    line-height: var(--line-height-headline-03);
    padding: 32px 50px 32px 20px;
    border-color: 1px solid var(--ui-01);
    border-width: 1px;
    margin: 0;
}
#ee-faq_block h3.ui-accordion-header-active,
#ee-faq_block h3.ui-accordion-header:hover {
    background-color: var(--ui-03);
}
#ee-faq_block h3.ui-accordion-header-active {
    box-shadow: 0px -4px 10px 0px rgba(86, 86, 86, 0.40);
    border-radius: 8px 8px 0 0;
}
#ee-faq_block .ui-accordion-content {
    padding: 20px 20px;
}
#ee-faq_block .ui-accordion-content-active {
    box-shadow: var(--shadow-hover);
    border-radius: 0 0 8px 8px;
    border: none;
    border-bottom: 1px solid var(--ui-01);
    padding: 20px 20px;
}
.faq_block .ui-accordion-header::after {
    top: 50%;
}

/** Kontakt **/
#kontakt a.ee_button {
    width: fit-content;
    margin: 0 auto;
}

/** Projektseite **/
.block.block-layout-builder.block-inline-blockee-bild img {
    width: 100%;
}
#konditionen tr,
#konditionen td {
    border: none;
}

/** Projektiererseite **/
img#projektierer_logo {
    max-height: 60px;
}

/** Footer **/
footer.footer {
    background-color: #fff;
}
.frontend footer .text-content {
    font-size: 1rem;
}
.region--footer-bottom {
    border-top: 1px solid var(--ui-01);
    background-color: #fff;
}
#block-ee-theme-regiocapfooteraddress .text-content,
.region--footer-bottom ul.menu li a {
    color: var(--text_color);
    text-transform: none;
}
footer #block-ee-theme-vermittlerhinweis {
    max-width: var(--wide_content_width);
    margin: 0 auto;
    margin-bottom: 2rem;
    background-color: #e3e3e3;
    padding: 20px;
}

footer #block-ee-theme-vermittlerhinweis h2 {
    font-size: 1.5rem;
    margin: 0;
}

footer #block-ee-theme-vermittlerhinweis p {
    font-family: SparkasseWebLight, Helvetica, Arial, sans-serif;
}