@font-face {
    font-family: "EnBWSansHeadline";
    src: url("fonts/EnBWSansHeadline-Bold.woff2") format("woff2"),
    url("fonts/EnBWSansHeadline-Bold.woff") format("woff"),
    url("fonts/EnBWSansHeadline-Bold.ttf") format("truetype"),
    url("fonts/EnBWSansHeadline-Bold.otf") format("opentype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "EnBWSansHeadline";
    src: url("fonts/EnBWSansHeadline-Regular.woff2") format("woff2"),
    url("fonts/EnBWSansHeadline-Regular.woff") format("woff"),
    url("fonts/EnBWSansHeadline-Regular.ttf") format("truetype"),
    url("fonts/EnBWSansHeadline-Regular.otf") format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "EnBWSansText";
    src: url("fonts/EnBWSansText-Bold.woff2") format("woff2"),
    url("fonts/EnBWSansText-Bold.woff") format("woff"),
    url("fonts/EnBWSansText-Bold.ttf") format("truetype"),
    url("fonts/EnBWSansText-Bold.otf") format("opentype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "EnBWSansText";
    src: url("fonts/EnBWSansText-Regular.woff2") format("woff2"),
    url("fonts/EnBWSansText-Regular.woff") format("woff"),
    url("fonts/EnBWSansText-Regular.ttf") format("truetype"),
    url("fonts/EnBWSansText-Regular.otf") format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "EnBWSansText";
    src: url("fonts/EnBWSansText-Light.woff2") format("woff2"),
    url("fonts/EnBWSansText-Light.woff") format("woff"),
    url("fonts/EnBWSansText-Light.ttf") format("truetype"),
    url("fonts/EnBWSansText-Light.otf") format("opentype");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

#logo {
    padding-right: 20px;
    margin-right: 20px;
    border-right: 1px solid rgba(50, 42, 38, 0.15);
}

/*#logo::after {*/
/*    content: "Bürgerbeteiligung";*/
/*    color: var(--primary);*/
/*    font-size: 1.3125rem;*/
/*    line-height: normal;*/
/*    font-weight: 600;*/
/*    display: block;*/
/*    text-align: center;*/
/*    letter-spacing: 0.5px;*/
/*}*/


.block-block__eueco-logo img {
    max-width: 90px;
    filter: none;
}

.layout_section.secondary a:not(.ee_button),
.text-content p a:not([class]) {
    color: var(--primary);
    text-decoration: underline;
}

.block__title {
    letter-spacing: unset;
    line-height: normal;
}

.text-content p a:not([class]):hover {
    color: var(--link_color);
}

.layout_section h2 {
    margin-bottom: 18px;
}

.layout_section.projekt_klasse h2.block__title {
    margin-bottom: 0.3em;
}

.region.region-header-top {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    max-width: var(--wide_content_width);
    margin: 0 auto;
    width: 100%;
}

.user-logged-in .region.region-header-top {
    justify-content: flex-end;
    align-items: flex-start;
    margin-bottom: 15px;
}
header ul.menu li a {
    line-height: 1.125rem;
}
ul.menu li a {
    text-transform: none;
    font-weight: 400;
    color: var(--primary);
    line-height: 1.125rem;
}

#page header ul.menu li a.is-active,
#page header ul.menu li a:hover,
ul.menu li a:hover {
    color: var(--link_color);
}

.user-logged-in #login_logout a:before {
    font-family: var(--ee_awesome);
    content: "\f503";
    font-size: 0.8em;
    margin-right: 10px;
}

#login_logout a[href="/user/login"]:before {
    font-family: var(--ee_awesome);
    content: "\f007";
    font-size: 0.8em;
    margin-right: 10px;
}
#pid-fast-registry-step1 .modal_login form > div:first-child,
.modal_login .do_register div,
#user-login-form > div:first-child {
    display: none;
}

.modal_login h2.block__title {
    font-size: 1.5rem;

}
#pid-fast-registry-step1 .do_register{
    display: none;
}
.modal_login .block__title:after {
    content: "Bitte loggen Sie sich mit Ihrer E-Mail Adresse und Ihrem Passwort ein.";
    display: block;
    font-size: 1rem;
    margin-top: 20px;
    font-weight: normal;
}

.modal_login,
.modal_logout {
    background-color: #ffffff;
    color: var(--text_color);
    border: none;
    width: 500px;
    padding-bottom: 50px;
}
#page.backend .modal_login .button:not(.button--danger),
body #user-login-form input.form-submit.button,
.modal_login input.form-submit,
.modal_login form input.form-submit {
    display: inline-block;
    width: unset;
    border-radius: 100px;
    padding: 0.6em 2em;
    font-size: 1.3125rem;
    font-weight: 600;
    margin: 0;
}

.modal_login label {
    display: block;
    font-weight: normal;
}

.modal_login input#edit-pass,
.modal_login input#edit-name {
    min-height: var(--sp3);
    border: 1px solid #322A26;
    border-radius: 16px;
    font-weight: normal;
    width: 100% !important;
}

.modal_login .reset_password {
    padding-bottom: 40px;
}

.modal_login .reset_password a {
    color: var(--primary);
}

.modal_login .reset_password a:hover {
    color: var(--link_color);
}

.modal_login .form-actions,
.modal_login [id^="edit-actions"] {
    display: inline;
    margin-block: 0;
    float: right;
}

.modal_login a.registrieren.button.ee_track_login_form_register {
    display: inline-block;
    font-size: 1.3125rem;
    font-weight: 600;
    background: none;
    color: var(--primary);
    width: unset;
    text-align: left;
    padding: 0;
    margin: 0;
    height: unset;
}

.modal_login a.registrieren.button.ee_track_login_form_register:before {
    content: "Neu ";
}

.modal_login a.registrieren.button.ee_track_login_form_register::after {
    font-family: var(--ee_awesome);
    content: "\f054";
    margin-left: 5px;
}

.modal_login .do_register {
    margin-top: 12px;
}

.ee_headerimage .headertext_wrapper {
    max-width: var(--wide_content_width);
    margin: 0 auto;
    width: 100%;
    align-items: flex-start;
}

.headertext h1 {
    font-family: 'EnBWSansHeadline', sans;
    text-align: left;
    text-shadow: none;
}

.headertext h1:before {
    content: "";
    display: block;
    width: 144px;
    height: 24px;
    border-radius: 900px;
    background-color: #fe8f11;
}

.headertext .block-inline-blockee-text .secondary h1 {
    color: var(--text_on_secondary_color);
}

.ee_headerimge .headertext_wrapper,
.ee_headerimage .headertext_wrapper {
    justify-content: flex-end;
}

.ee_headerimage .headertext_wrapper .headertext {
    font-family: 'EnBWSansHeadline', sans;
    font-weight: 400;
    line-height: normal;
    color: #ffffff;
    margin: 0;
    max-width: var(--content_width_narrow);
    margin-bottom: 50px;
    font-size:1.626rem;
    font-weight: 600;
}

.path-frontpage header {
    position: unset;
    box-shadow: none;
}

#page_navigation {
    display: flex;
    justify-content: center;
    padding-top: 48px;
    position: sticky;
    top: 10px;
    z-index: 100;

}

#page #page_navigation .menu--seitennavigation {
    pointer-events: auto;
    border: 2px solid rgba(50, 42, 38, 0.15);
    border-radius: 900px;
    max-width: 100%;
    padding: .25rem;
    background-color: #ffffff;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1), 0 0 2rem rgba(0, 0, 0, 0.05);
    width: fit-content;
    margin: 0 auto;
}

#page #page_navigation .menu:not(.euecolink) {
    max-width: 100%;
}

#page #page_navigation.is-sticky .menu:not(.euecolink) {

}

#page_navigation ul a {
    display: inline-block;
    position: relative;
    padding: 0.5em 1.25em;
    border-radius: 100px;
    transition: color .3s cubic-bezier(0.2, 0, 0, 1), background-color .3s cubic-bezier(0.2, 0, 0, 1);
    font-weight: 600;
    font-size: 1.3125rem;
    line-height: 1.6;
    color: var(--text_color);
    text-transform: none;
}

#page_navigation ul a:hover {
    background-color: #ede6e1;
    color: var(--link_color);
}

.layout_section.projekt_klasse {
    position: relative;
}

.layout_section.projekt_klasse .layout--twocol-section {
    margin-bottom: 24px;
}

.block-block-content .layout__region--second .ee_block_wrapper.bgimage,
.block-block-content .layout__region--second .block-inline-blockee-card {
    height: 100%;
}

.layout_section.projekt_klasse .block-inline-blockee-card,
.layout_section.projekt_klasse .ee_block_wrapper.bgimage {
    height: 100%;
    min-height: 358px;
}

.layout_section.projekt_klasse .layout-builder-block.block-inline-blockee-card,
.layout_section.projekt_klasse .layout-builder-block .ee_block_wrapper.bgimage {
    height: unset;
}

.block-block-content .layout__region--second .ee_block_wrapper.bgimage .card_bgimage,
.layout_section.projekt_klasse .layout-builder-block .ee_block_wrapper.bgimage .card_bgimage {
    width: 100%;
    height: 100%;
    min-height: 358px;
}


.layout_section .ee_block_wrapper.bgimage:before {
    position: absolute;
    z-index: 1;
    top: 20px;
    left: 15px;
    padding: 7px 17px;
    border-radius: 900px;
}

.layout_section.in_planung .ee_block_wrapper.bgimage:before {
    content: 'In Planung';
    background-color: var(--secondary);
}

.layout_section.in_zeichnung .ee_block_wrapper.bgimage:before {
    content: 'In Zeichnung';
    background-color: var(--tertiary);
}

.layout_section.zeichnung_beendet .ee_block_wrapper.bgimage:before {
    content: 'Zeichnung beendet';
    background-color: var(--tertiary);
}

.path-frontpage .ee_block_wrapper.bgimage .card_bgimage {
    position: relative;
    background-size: cover;
    z-index: 0;
    height: 100%;
    width: 100%;
    min-height: unset;
}

.layout_section.projekt_klasse .ee_block_wrapper > h2 {
    font-size: 1.125rem;
}

.layout_section.projekt_klasse .ee_block_wrapper .text-content > h2 {
    font-size: 1.5rem;
}

.raster .block-inline-blockee-card .block__content {
    display: flex;
    flex-direction: column;
    align-items: unset;
    text-align: left;
    hyphens: none;
}

.raster .block-inline-blockee-card .block__content {
    text-align: left;
}

.block__content ul {
    list-style-type: disc;
}

.block__content ul li::marker {
    color: var(--primary);
}

.raster .block-inline-blockee-card .block__content ul li::marker {
    color: #fe8f11;
}

.raster .block-inline-blockee-card .block__content ul li a {
    color: var(--primary);
}

.raster .block-inline-blockee-card .block__content ul li a:after {
    display: inline;
    text-decoration: none;
}

.referenzen .raster .ee_block_wrapper:not(.ohne):not(.none).has_bg {
    padding: 0;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
}

.referenzen .raster .ee_block_wrapper:not(.ohne):not(.none).has_bg .text-content {
    padding: 0 30px;
}

.referenzen .raster .ee_block_wrapper:not(.ohne):not(.none).has_bg .field--name-field-ee-card-image {
    aspect-ratio: 1/0.54;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

.referenzen .raster .ee_block_wrapper:not(.ohne):not(.none).has_bg .field--name-field-ee-card-image img {
    aspect-ratio: 1/0.54;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}

.layout_section.no_distance + .layout_section.raster_wrapper.referenzen {
    padding-top: 18px;
}

#so_gehts h2 {
    margin-bottom: 30px;
}

#so_gehts .block__content.steps {
    display: flex;
    gap: 30px;
}

#so_gehts .ee_step_icon {
    position: relative;
}

#so_gehts .ee_step_icon > div {
    position: relative;
    display: block;
    width: 45px;
    height: 45px;
    font-size: 1.8rem;
    color: var(--primary);
    border: 3px solid var(--primary);
    background-color: #ffffff;
    text-align: center;
    border-radius: 50%;
    line-height: normal;
}

#so_gehts .ee_step_icon > div::before {
    position: absolute;
    content: '';
    background-color: #ffffff;
    display: block;
    width: 4px;
    height: 4px;
    top: 34px;
    right: 31px;
    border-radius: 50%;
}

#so_gehts .ee_step_icon::after {
    position: absolute;
    content: '';
    border-left: 4px dotted var(--primary);
    height: 130px;
    display: block;
    width: 3px;
    top: 41px;
    left: 20px;
    height: 100%;
}

#so_gehts .layout__region.layout__region--content {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

#so_gehts .layout__region.layout__region--content .block-inline-blockee-card:last-child .ee_step_icon:after {
    content: none;
}

.style_standard .faq_header {
    gap: 0;
}

.style_standard .faq_cat_switch {
    flex: 1;
    background-color: transparent;
    cursor: pointer;
    padding: 10px;
    font-size: 1.5rem;
    font-weight: 700;
    width: 100%;
    border-radius: var(--ee_button_radius);
    hyphens: none;
    border-bottom: 2px solid rgba(50, 42, 38, 0.15);
}


.secondary .style_standard .faq_cat_switch.active,
.style_standard .faq_cat_switch.active {
    border-bottom: 1px solid var(--primary);
}

.style_standard .faq_cat_switch.active:hover,
.style_standard .faq_cat_switch:hover {
    background-color: #f3efec;
}

.secondary .style_standard .faq_cat_switch.active,
.style_standard .faq_cat_switch.active {
    background: none;
    border-bottom: 2px solid var(--primary);
}

.secondary .style_standard .faq_cat_switch.active,
.style_standard .faq_cat_switch.active {
    color: var(--text_color);
}

#ee-faq_block .ui-accordion-content-active,
#ee-faq_block h3.ui-accordion-header {
    border-bottom: 1px solid rgba(50, 42, 38, 0.15);
}

#ee-faq_block h3.ui-accordion-header {
    padding: 1.5rem;
    padding-right: 2.5rem;
    margin: 0;
}

#ee-faq_block h3.ui-accordion-header:hover {
    background-color: #ffffff;
    border-radius: 16px 16px 16px 16px;
    width: calc(100% + 32px);
    margin-left: -16px;
    padding-left: calc(1.5rem + 16px);
}


#ee-faq_block .ui-accordion-content-active {
    background-color: #ffffff;
    border-radius: 0 0 16px 16px;
    width: calc(100% + 32px);
    margin-left: -16px;
    padding-left: calc(1.5rem + 16px);
    padding-right: 2.5rem;
}

#ee-faq_block h3.ui-accordion-header.ui-accordion-header-active {
    border-bottom: none;
    background-color: #ffffff;
    border-radius: 16px 16px 0 0;
    width: calc(100% + 32px);
    margin-left: -16px;
    padding-left: calc(1.5rem + 16px);
}
#ee-faq_block h3.ui-accordion-header.ui-accordion-header-active:after,
#ee-faq_block h3.ui-accordion-header:hover:after {
    right: calc(0.5em + 16px);
}

.faq_block .ui-accordion-header::after {
    color: #fe8f11;
}

.block-ee-projectdetails .ee_button_wrapper a.ee_button,
.layout_section .ee_block_wrapper .field--name-field-ee-card-link a {
    display: inline-block;
    border-radius: 900px;
    padding: 0.6em 1.8em;
}

.layout_section.secondary.weitere_projekte a:not(.ee_button),
.layout_section.mehr_erfahren a:not(.ee_button) {
    text-decoration: none;
    font-size: 1.125rem;
    font-weight: 600;
}

.layout_section.secondary.weitere_projekte a:not(.ee_button):hover,
.layout_section.mehr_erfahren a:not(.ee_button):hover {
    color: var(--link_color);
}

.block-ee-projectdetails .ee_button_wrapper a.ee_button:hover,
.layout_section .ee_block_wrapper .field--name-field-ee-card-link a:hover {
    background-color: var(--link_color);
}

.layout_section.secondary.weitere_projekte a:not(.ee_button):after,
.layout_section.mehr_erfahren a:not(.ee_button):after,
.block-ee-projectdetails .ee_button_wrapper a.ee_button:after,
.layout_section .ee_block_wrapper .field--name-field-ee-card-link a:after {
    font-family: var(--ee_awesome);
    content: "\f054";
    margin-left: 5px;
}

.region-footer ul.menu li a {
    font-size: 1.313rem;
    color: var(--footer_link_color, #ffffff);
}

.region-footer ul.menu li a.is-active,
.region-footer ul.menu li a:hover {
    color: var(--link_color);
}

footer {
    margin-top: 60px;
    text-align: left;
}

footer .region {
    max-width: var(--wide_content_width);
    margin: 0 auto;
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap:30px;
}
footer .region img {
    max-width: 100%;
    height: auto;
    width: 100px;
    margin:0;
}

.region--footer-bottom {
    align-items: flex-start;
    padding: 0;
    padding-bottom: 50px;
    padding-top: 20px;
}

#page .region-footer ul.menu {
    gap: 0;
    justify-content: flex-start;
}

.region-footer ul.menu li:last-child a:after {
    content: none;
}

.layout_section.secondary.weitere_projekte {
    padding-top: 30px;
}


.region-hero .layout_section.full_width .layout--twocol-section--50-50 {
    padding: 0;
}

#ee_theme_invested_block table.default tr > td:first-child {
    list-style: none;
}


#ee_theme_invested_block #ee_theme_invested_inner .tooltip {
    border: none;
    text-decoration: none;
}

#ee_theme_invested_block table.default {

    margin-left: 0;
    width: 100%;
    margin-bottom: 0;
}

#ee_theme_invested_block #ee_theme_invested_inner {
    margin-top: 0;
}

#ee_theme_invested_block table.default tr {
    border-bottom: 1px solid rgba(50, 42, 38, 0.15);
}

#ee_theme_invested_block table.default tr:first-child {
    border-top: 1px solid rgba(50, 42, 38, 0.15);
}


#ee_theme_invested_block table.default tr > td {
    font-size: 1.125rem;
    font-weight: 300;
    padding: .75rem 1rem;
    vertical-align: top;
    text-align: left;
    min-width: 120px;
}

.ee_block_wrapper #ee_theme_skala {
    height: 1.5rem;
    border-radius: 100px;
    background-color: #ffffff;
    border: none;
}

.ee_block_wrapper #ee_theme_value {
    background-color: var(--primary);
    height: 100%;
    border-radius: 100px 0 0 100px;
    width: 10% !important;
}

.hinweis .block-inline-blockee-text .ee_block_wrapper {
    border-radius: 16px;
    padding: 30px;
}

.downloads_container table tr:first-child {
    border-top: 0.0625rem solid var(--color-gray-200);
}

.downloads_container table {
    margin-block-start: 20px;
}

.downloads_container table tr td {
    padding-block: 20px;
    line-height: 2.5;
    font-size: 1.125rem;
}

.downloads_container table tr td a {
    font-weight: normal;
    text-decoration: none;
    transition: color .4s cubic-bezier(0.2, 0, 0, 1);
}

.downloads_container table tr td a:hover {
    color: var(--link_color);
    text-decoration: none;
    transition: color .4s cubic-bezier(0.2, 0, 0, 1);
}

.downloads_container table tr td a:before {
    font-family: var(--ee_awesome);
    content: "\e094";
    margin-right: 5px;
}

.download-button.ee_icon::after {
    content: "\e094";
}

.eu-cookie-compliance-message button {
    color: var(--text_color);
}

.small_distance {
    margin-bottom: 0;
}

.hinweis.small_distance {
    margin-bottom: 2.3em;
}


.region-hero .layout_section.projekt_klasse .ee_block_wrapper.bgimage {
    border-radius: 0;
}
.small_margin{

}