/**
 * Theme Name: Forstner Biogas
 * Author: CodeKiosk GmbH
 * Version: 1.0
**/

/*
 * Default WP Alignment Classes
 *****************************************************************************/

 .aligncenter,.alignleft,.alignright {
    display: block;
    padding: 0;
}

.aligncenter {
    float: none;
    margin: .5em auto 1em;
}

.alignright {
    float: right;
    margin: .5em 0 1em 1em;
}

.alignleft {
    float: left;
    margin: .5em 1em 1em 0;
}

.wp-caption {
    padding: 5px 0;
    border: 1px solid #555;
    background: #444;
    text-align: center;
}

.wp-caption img {
    display: inline;
}

.wp-caption p.wp-caption-text {
    margin: 5px 0 0;
    padding: 0;
    text-align: center;
    font-size: 75%;
    font-weight: 100;
    font-style: italic;
    color: #ddd;
}


/*
 * Custom Styles
 *****************************************************************************/

@font-face {
    font-family: 'Helvetica Neue';
    src: url('assets/fonts/HelveticaNeue.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('assets/fonts/HelveticaNeue-Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('assets/fonts/HelveticaNeue-Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('assets/fonts/HelveticaNeue-Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

a,
a:active,
a:focus,
a:hover,
a:visited {
	text-decoration: none;
	color: inherit;
    transition: color .35s ease;
}

* {
	letter-spacing: 0;
}

img,
svg {
    width: auto;
    height: auto;
    max-width: 100%;
}

strong {
    font-weight: 700;
}

p > strong {
    color: #289938;
}

p > a,
p > a:active,
p > a:focus,
p > a:hover,
p > a:visited {
    color: #289938;
    font-weight: 700;
    text-decoration: underline;
}

.eb-kontakt-top p > a,
.eb-kontakt-top p > a:active,
.eb-kontakt-top p > a:focus,
.eb-kontakt-top p > a:hover,
.eb-kontakt-top p > a:visited,
.eb-ck-kachel p > a,
.eb-ck-kachel p > a:active,
.eb-ck-kachel p > a:focus,
.eb-ck-kachel p > a:hover,
.eb-ck-kachel p > a:visited,
.eb-stoerer p > a,
.eb-stoerer p > a:active,
.eb-stoerer p > a:focus,
.eb-stoerer p > a:hover,
.eb-stoerer p > a:visited {
    color: inherit;
    text-decoration: none;
    font-weight: 400;
}

.eb-legal p > a,
.eb-legal p > a:active,
.eb-legal p > a:focus,
.eb-legal p > a:hover,
.eb-legal p > a:visited {
    text-decoration: none;
    font-weight: 400;
}

a:hover,
p > a:hover,
.eb-kontakt-top p > a:hover,
.eb-ck-kachel p > a:hover,
.eb-stoerer p > a:hover {
    color: #DFD202;
}

html {
    font-size: 15px;
}

body {
    font-family: 'Helvetica Neue', sans-serif;
    color: #161615;
    line-height: 1.3;
}

body > div {
    overflow: hidden;
}

/* .page-template-page-biogas,
.page-template-page-leistung {
    font-size: .8rem;
} */

p {
    margin-bottom: 1.3rem;
}

header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
}

.eb-header-svg {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    transform: translateY(12.444185%);
    overflow: hidden;
    transition: opacity .35s ease;
}

.eb-header-filled .eb-header-svg {
    opacity: 0;
}

.eb-header-svg svg {
    width: 119.539844%;
    margin-left: -5.774219%;
    max-width: none;
    position: relative;
    z-index: 1;
}

.eb-header-svg canvas {
    width: 119.539844%;
    left: -5.774219%;
    top: 0;
    position: absolute;
}

.page-template-page-startseite .eb-header-svg,
.page-template-page-biogas .eb-header-svg,
.page-template-page-leistung .eb-header-svg,
.page-template-page-nachhaltigkeit .eb-header-svg,
.page-template-page-landing .eb-header-svg {
    display: none;
}

.eb-header {
    display: flex;
    justify-content: space-between;
    color: #fff;
    height: 6.25rem;
    padding: 0 7.45rem;
    transition: background-color .35s ease;
    position: relative;
    z-index: 1;
}

.eb-header-nav {
    display: flex;
}

.eb-header .eb-logo {
    position: relative;
    align-self: center;
}

.eb-header .eb-logo img {
    position: relative;
    width: 3.4935rem;
    filter: brightness(0) invert(1);
    transition: filter .35s ease;
}

.eb-header .eb-logo svg {
    width: 15.855rem;
    position: absolute;
    top: -.868rem;
    left: 50%;
    transform: translateX(-50%);
    fill: #176B31;
    max-width: none;
}

.page-template-page-startseite .eb-header .eb-logo svg,
.page-template-page-biogas .eb-header .eb-logo svg,
.page-template-page-leistung .eb-header .eb-logo svg,
.page-template-page-nachhaltigkeit .eb-header .eb-logo svg,
.page-template-page-landing .eb-header .eb-logo svg {
    fill: #fff;
}

.eb-header-filled .eb-header .eb-logo svg {
    fill: #176B31;
}

.eb-header-filled .eb-header {
    background: #fff;
}

.eb-header-filled .eb-header .eb-logo img {
    filter: none;
}

.eb-header-filled .eb-header a {
    color: #161615;
}

.eb-header-filled .eb-header a:hover {
    color: #DFD202;
}

.eb-header-nav > .menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    font-weight: 500;
    line-height: 1.15;
    font-size: 1rem;
}

.eb-header-nav > .menu > .menu-item {
    position: relative;
    padding: 0 1.65rem;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 12rem;
}

.eb-header-nav>.menu>.menu-item:not(:first-child):not(:nth-child(2)) {
    min-width: auto !important;
}

.eb-header-nav > .menu > .menu-item-has-children > a::after {
    content: '';
    display: inline-block;
    margin-left: .9rem;
    margin-right: -.9rem;
    border-top: .4rem solid #fff;
    border-left: .325rem solid transparent;
    border-right: .325rem solid transparent;
    margin-top: -.15rem;
    vertical-align: middle;
    transition: transform .5s ease, border-top-color .35s ease;
}

.eb-header-nav > .menu > .menu-item-has-children > a {
    position: relative;
    z-index: 1;
}

.eb-header-filled .eb-header .eb-header-nav > .menu > .menu-item-has-children > a::after {
    border-top-color: #368827;
}

.eb-header-nav > .menu > .menu-item-has-children > a:hover::after {
    border-top-color: #DFD202 !important;
}

.eb-header-nav > .menu > .menu-item-has-children.expanded > a::after {
    transform: rotate(180deg);
}

.eb-header-nav > .menu .sub-menu {
    position: absolute;
    list-style: none;
    padding: 0;
    line-height: 1.3;
    margin: 0;
    height: 0;
    overflow: hidden;
    border-radius: 0 0 4.3rem 4.3rem;
    color: #161615;
    background: rgba(22,22,21,.05);
    left: 0;
    top: 0;
    width: 100%;
}

.page-template-page-startseite .eb-header-nav > .menu .sub-menu,
.page-template-page-biogas .eb-header-nav > .menu .sub-menu,
.page-template-page-leistung .eb-header-nav > .menu .sub-menu,
.page-template-page-nachhaltigkeit .eb-header-nav > .menu .sub-menu,
.page-template-page-landing .eb-header-nav > .menu .sub-menu {
    color: #fff;
}

.eb-header-filled .eb-header-nav > .menu .sub-menu {
    color: #161615;
    background: #f3f3f3;
}

.eb-header-nav > .menu .sub-menu .menu-item {
    margin-bottom: 1.8rem;
}

.eb-header-nav > .menu .sub-menu .menu-item:last-child {
    margin-bottom: 2.5rem;
}

.eb-header-nav > .menu .sub-menu .menu-item:first-child {
    margin-top: 7.8rem;
}

.page-template-page-startseite .eb-header-nav > .menu .sub-menu .menu-item:first-child,
.page-template-page-biogas .eb-header-nav > .menu .sub-menu .menu-item:first-child,
.page-template-page-leistung .eb-header-nav > .menu .sub-menu .menu-item:first-child,
.page-template-page-nachhaltigkeit .eb-header-nav > .menu .sub-menu .menu-item:first-child,
.eb-header-filled .eb-header-nav > .menu .sub-menu .menu-item:first-child,
.page-template-page-landing .eb-header-nav > .menu .sub-menu .menu-item:first-child {
    margin-top: 5.65rem;
}

.eb-header-nav > .menu .sub-menu .menu-item a {
    display: flex;
    align-items: center;
    justify-content: center;
}

.eb-header-nav > .menu .sub-menu .menu-item a > span {
    display: inline-block;
    margin-right: .75rem;
}

.eb-header-nav > .menu .sub-menu .menu-item a img,
.eb-header-nav > .menu .sub-menu .menu-item a svg {
    width: 100%;
}

.eb-header-nav > .menu .sub-menu .menu-item a svg path {
    transition: fill .35s ease;
}

.page-template-page-startseite .eb-header-nav > .menu .sub-menu .menu-item a img,
.page-template-page-biogas .eb-header-nav > .menu .sub-menu .menu-item a img,
.page-template-page-leistung .eb-header-nav > .menu .sub-menu .menu-item a img,
.page-template-page-nachhaltigkeit .eb-header-nav > .menu .sub-menu .menu-item a img,
.page-template-page-landing .eb-header-nav > .menu .sub-menu .menu-item a img {
    filter: brightness(0) invert(1);
}

.page-template-page-startseite header:not(.eb-header-filled) .eb-header-nav > .menu .sub-menu .menu-item a svg path,
.page-template-page-biogas header:not(.eb-header-filled) .eb-header-nav > .menu .sub-menu .menu-item a svg path,
.page-template-page-leistung header:not(.eb-header-filled) .eb-header-nav > .menu .sub-menu .menu-item a svg path,
.page-template-page-nachhaltigkeit header:not(.eb-header-filled) .eb-header-nav > .menu .sub-menu .menu-item a svg path,
.page-template-page-landing header:not(.eb-header-filled) .eb-header-nav > .menu .sub-menu .menu-item a svg path {
    fill: #fff;
}

.eb-header-filled .eb-header-nav > .menu .sub-menu .menu-item a img,
.eb-header-filled .eb-header-nav > .menu .sub-menu .menu-item a svg {
    filter: none;
}

.eb-header-nav > .menu .sub-menu .menu-item a:hover svg path {
    fill: #DFD202;
}

.eb-menu-btn {
    border: none;
    outline: none;
    background: none;
    padding: 0;
    margin-left: 1.65rem;
    transition: color .35s ease;
    color: inherit;
    display: none;
}

.eb-header-filled .eb-header .eb-menu-btn {
    color: #368827;
}

.eb-menu-btn:hover {
    color: #DFD202 !important;
}

.eb-menu-btn svg {
    width: 2.6185rem;
}

.eb-burger-menu {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    background: url(assets/img/bg-burger.svg) left bottom/cover;
    color: #fff;
    padding: 2.6rem 7.8rem 2.85rem 16.3rem;
    display: flex;
    align-items: flex-start;
    visibility: hidden;
}

.eb-burger-menu .menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    width: 46.9rem;
    flex: 0 0 auto;
}

.eb-burger-menu .menu > .menu-item {
    flex: 0 0 auto;
    width: 25%;
    margin-bottom: 3.35rem;
}

.eb-burger-menu .menu > .menu-item-has-children {
    width: 50%;
    display: flex;
    align-items: flex-start;
}

.eb-burger-menu .sub-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-left: 1.65rem;
}

.eb-burger-menu .sub-menu .menu-item {
    padding-left: 2.6rem;
    position: relative;
}

.eb-burger-menu .sub-menu .menu-item::before {
    content: '';
    position: absolute;
    left: 0;
    height: 1px;
    background: #fff;
    width: 2.05rem;
    top: 0.625rem;
}

.eb-menu-close {
    border: none;
    background: none;
    outline: none;
    width: 1.4385rem;
    padding: 0;
    color: #fff;
    transition: color .35s ease;
}

.eb-burger-menu a:hover,
.eb-menu-close:hover {
    color: #289938;
}

.eb-home-top {
    position: relative;
    height: 100vh;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.eb-home-top::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(23,107,49,.75);
    z-index: 1;
}

.eb-home-top-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.eb-home-top-content {
    position: relative;
    z-index: 2;
}

.eb-home-top-logo {
    width: 19.337rem;
    margin-bottom: 3.75rem;
    filter: brightness(0) invert(1);
}

.eb-tel-cta {
    position: fixed;
    left: 2.85rem;
    top: 50%;
    transform: translate(-50%,-50%) rotate(-90deg) translateY(50%);
    z-index: 2;
    font-size: 1rem;
    color: #fff;
}

.eb-tel-cta span {
    transition: color .35s ease;
}

.eb-home-top-footer {
    position: absolute;
    left: 0;
    bottom: 1.55rem;
    width: 100%;
    z-index: 2;
    padding-right: 7.45rem;
    padding-left: 7.25rem;
    text-align: center;
}

.eb-scroll-down {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    font-size: .8rem;
    line-height: 1.125;
    transition: color .35s ease, opacity .5s ease;
}

.eb-scroll-down svg {
    margin-top: .55rem;
    width: 1.4105rem;
}

.eb-home-top-footer > div {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.eb-home-top-footer .menu {
    list-style: none;
    display: flex;
    padding: 0;
    margin: 0;
}

.eb-home-top-footer .menu-item:not(:first-child) {
    margin-left: 2.35rem;
}

.eb-social-media {
    display: flex;
}

.eb-social-media a:not(:last-child) {
    margin-right: .6rem;
}

.eb-social-media img,
.eb-social-media svg {
    width: 1.74rem;
}

.eb-social-media svg path {
    transition: fill .35s ease;
}

.eb-social-media a:hover svg path {
    fill: #289938;
}

a.eb-button,
.eb-button {
    width: 19.3rem;
    height: 3.05rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: .15rem solid #368827;
    background: none;
    outline: none;
    border-radius: 1.525rem;
    font-weight: 500;
    transition: color .35s ease, background-color .35s ease;
}

a.eb-button-white,
.eb-button-white {
    color: #fff;
    border-color: #fff;
}

a.eb-button-yellow,
.eb-button-yellow {
    color: #fff;
    border-color: #DFD202;
    background: #DFD202;
}

a.eb-button:hover,
.eb-button:not(:disabled):hover {
    color: #fff;
    background: #368827;
}

a.eb-button-white:hover,
.eb-button-white:not(:disabled):hover {
    background: #fff;
    color: #368827;
}

a.eb-button-yellow:hover,
.eb-button-yellow:not(:disabled):hover {
    background: none;
    color: #DFD202;
}

.eb-waves {
    position: relative;
    z-index: 1;
    margin-bottom: 10.5rem;
    margin-top: -6.523438%;
    overflow: hidden;
}

.eb-waves > div:last-child {
    font-size: 2rem;
    line-height: 1.125;
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: max-content;
    z-index: 2;
}

.eb-waves p {
    margin-bottom: 0;
}

.eb-waves p > strong {
    color: #fff;
}

h2,
h1 {
    color: #289938;
    font-size: 2.5rem;
    line-height: 1.16;
    margin-bottom: 0;
    font-weight: 700;
}

h3 {
    font-size: 1.25rem;
    line-height: 1.16;
    font-weight: 700;
    margin-bottom: 1.9rem;
}

h3 > strong {
    color: #289938;
}

h4 {
    font-size: 1rem;
    line-height: 1.3;
    font-weight: 700;
    margin-bottom: .9rem;
}

.eb-subheadline {
    font-size: 1.75rem;
    line-height: 2rem;
    font-weight: 300;
    margin-bottom: 2.5rem;
}

.eb-about .row,
.eb-nachhaltigkeit .row {
    text-align: left;
    --bs-gutter-x: 2.5rem;
}

.eb-about .row > div:first-child > :nth-last-child(2),
.eb-nachhaltigkeit .row > div:last-child > :nth-last-child(2) {
    margin-bottom: 4.05rem;
}

.eb-about-about:not(.eb-switch) .row > div:first-child > :nth-last-child(2) {
    margin-bottom: 1.3em;
}

.eb-about .row > div:first-child {
    padding-top: 2.85rem;
    padding-right: 3.65rem;
}

.eb-about-nachhaltigkeit .row > div:last-child {
    padding-top: 2.85rem;
}

.eb-nachhaltigkeit .row > div:last-child {
    padding-left: 3.65rem;
}

.eb-about-about .row > div:first-child {
    padding-top: 0;
}

.eb-about .row > div:first-child p:not(.eb-subheadline),
.eb-nachhaltigkeit .row > div:last-child p:not(.eb-subheadline) {
    max-width: 35.5rem;
}

.eb-about .row > div:last-child img,
.eb-nachhaltigkeit .row > div:first-child img,
.eb-shop-hackschnitzel .row > div:last-child img:not(.mejs-poster-img),
.eb-nachhaltigkeit .row > div:first-child .wp-video {
    max-width: none;
    width: calc(100% + (100vw - var(--scrollbar-width) - 83rem) / 2 - 7.25rem) !important;
}

.eb-nachhaltigkeit .row > div:first-child img:not(.mejs-poster-img),
.eb-nachhaltigkeit .row > div:first-child .wp-video {
    margin-left: calc((100vw - var(--scrollbar-width) - 83rem) / -2 + 7.25rem);
}

.eb-about,
.eb-nachhaltigkeit {
    position: relative;
    margin-bottom: 5.25rem;
    padding: 0 7.25rem;
}

.eb-leistungen {
    position: relative;
    padding: 12.9rem 7.25rem 1.85rem;
    text-align: center;
    overflow: hidden;
    margin-bottom: 7.65rem;
}

.eb-leistungen::before,
.eb-about-top::before,
.eb-about-nachhaltigkeit::before,
.eb-leistungen-faq::before,
.eb-leistungen-faq::after,
.eb-shop-top::before,
.eb-merkmale::before,
.eb-betriebszweige::before {
    content: '';
    position: absolute;
    left: -5.625%;
    top: 0;
    width: 112.891797%;
    height: 100%;
    background: url(assets/img/bg-leistungen.svg) center/100% no-repeat;
}

.eb-betriebszweige::before {
    background-image: url(assets/img/bg-leistungen-faq.svg);
}

.eb-leistungen .container,
.eb-merkmale > div {
    position: relative;
}

.eb-hl-diamond::after,
.eb-legal h2::after {
    content: '';
    display: block;
    width: 1.1405rem;
    height: 1.7815rem;
    background: url(assets/img/diamond.svg) center/contain no-repeat;
    margin: 1.3rem auto 1.85rem;
}

.eb-leistungen .container > .row > div:first-child {
    margin-bottom: 3.55rem;
}

.eb-subpage {
    position: relative;
    height: 100%;
    display: block;
}

.eb-subpage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.eb-subpage-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(23,107,49,.75);
    -webkit-backdrop-filter: blur(.15rem) brightness(1.15);
    backdrop-filter: blur(.15rem) brightness(1.15);
    color: #fff;
    transition: background-color .35s ease, color .35s ease, box-shadow .35s ease;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    padding: 0 4.4rem;
}

.eb-subpage-overlay img {
    height: auto;
    filter: brightness(0) invert(1);
    transition: filter .35s ease, width .35s ease, margin-bottom .35s ease;
    margin-bottom: 1.4rem;
}

.eb-subpage-hover {
    overflow: hidden;
    height: 0;
    transition: height .35s ease;
}

.eb-subpage-overlay h3 {
    font-weight: 700;
    margin-bottom: 0;
    line-height: 2rem;
    transition: margin-bottom .35s ease;
}

.eb-corner-wave {
    width: 16.6rem;
    height: 5.1rem;
    position: absolute;
    top: -2.25rem;
    right: -1.3rem;
    transform: translateY(-105%);
    transition: transform 1s ease-in;
}

.eb-corner-wave svg {
    width: 100%;
    height: 100%;
    transform: rotate(198.8deg) rotateY(180deg);
}

.eb-has-arrow::after {
    content: '';
    display: inline-block;
    width: .956rem;
    height: .765rem;
    background: url(assets/img/arrow.svg) center/contain no-repeat;
    vertical-align: middle;
    margin-left: .8rem;
}

.eb-subpage-overlay:hover,
.eb-subpage-overlay.eb-mobile-touch {
    background: #fff;
    color: #161615;
    box-shadow: .3rem .5rem 2.5rem rgba(0,0,0,.16);
}

.eb-subpage-overlay:hover img,
.eb-subpage-overlay.eb-mobile-touch img {
    width: var(--hover-width) !important;
    filter: none;
    margin-bottom: .4rem;
}

.eb-subpage-overlay:hover h3,
.eb-subpage-overlay.eb-mobile-touch h3 {
    margin-bottom: 1.4rem;
}

.eb-subpage-overlay:hover .eb-subpage-hover,
.eb-subpage-overlay.eb-mobile-touch .eb-subpage-hover {
    height: var(--height);
}

.eb-subpage-overlay:hover .eb-corner-wave,
.eb-subpage-overlay.eb-mobile-touch .eb-corner-wave {
    transform: none;
    transition: transform 1s ease-out;
}

.eb-biogas {
    text-align: center;
}

.eb-biogas + .eb-form {
    padding-top: 4rem;
}

.eb-vorteile ul {
    font-size: 1.75rem;
    line-height: 2rem;
    font-weight: 300;
    text-align: left;
    list-style: none;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, max-content);
    column-gap: 4.45rem;
}

.eb-vorteile li {
    margin-bottom: 1.85rem;
    position: relative;
    padding-left: 2.65rem;
}

.eb-vorteile li::before {
    content: '';
    position: absolute;
    left: 0;
    top: .3rem;
    width: 1.4rem;
    height: 1.4rem;
    background: url(assets/img/plus.svg) center/contain no-repeat;
}

.eb-vorteile {
    padding-top: 1.7rem;
    padding-bottom: .5rem;
    display: flex;
    justify-content: center;
}

.eb-stoerer {
    position: relative;
}

.eb-stoerer > svg,
footer > svg,
.eb-waves > svg {
    width: 112.884766%;
    max-width: none;
    margin-left: -6.438281%;
}

footer > svg {
    margin-bottom: -1.171875%;
}

.eb-manipulate-wave {
    opacity: 0;
}

.eb-stoerer > canvas,
footer > canvas,
.eb-waves > canvas {
    position: absolute;
    left: -6.438281%;
    top: 0;
    width: 112.884766%;
}

.eb-waves > svg {
    margin-left: -5.617969%;
}

.eb-waves > canvas {
    left: -5.617969%;
}

.eb-stoerer > .container {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    color: #fff;
    z-index: 2;
}

.eb-stoerer p {
    margin-bottom: .65rem;
}

.eb-stoerer p:last-child {
    margin-bottom: 0;
}

.eb-stoerer h2 {
    font-size: 2rem;
    line-height: 1.125;
    margin-bottom: 1.2rem;
    color: #fff;
}

.eb-stoerer .eb-social-media {
    position: absolute;
    right: 8.03125%;
    bottom: calc(.04753906 * (100vw - var(--scrollbar-width)));
}

.eb-tel svg {
    width: .9rem;
    margin-right: .15rem;
    vertical-align: baseline;
}

.eb-nachhaltigkeit .eb-home-top-logo {
    filter: none;
    margin-bottom: 6.6rem;
}

.eb-nachhaltigkeit {
    text-align: center;
}

.eb-shop .eb-corner-wave {
    right: auto;
    left: -.8rem;
    top: -3.1rem;
}

.eb-shop .eb-corner-wave svg {
    transform: rotate(166.8deg) rotateY(180deg);
}

.eb-shop .container > .row > div:first-child {
    margin-bottom: 2.15rem;
}

.eb-shop h2 {
    color: #161615;
}

.eb-shop {
    padding-top: 10.8rem;
    padding-bottom: 9.05rem;
    margin-bottom: 3.75rem;
}

.eb-shop .container > .row > div:last-child,
.eb-shop-top .container > .row > div:last-child {
    padding-top: 3.65rem;
}

.eb-cellsenergy {
    margin-bottom: 6.55rem;
}

.eb-cellsenergy img {
    width: 28.1rem;
}

.eb-cellsenergy .row > div:last-child > :nth-last-child(2) {
    margin-bottom: 2.8rem;
}

.eb-galerie {
    padding: 0 7.25rem;
    text-align: center;
}

.eb-galerie h2 {
    color: #161615;
    margin-bottom: 3.3rem;
}

.eb-galerie img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.eb-galerie .row {
    --bs-gutter-x: 1.6rem;
    --bs-gutter-y: 1.6rem;
    margin-bottom: 1.8rem;
}

.eb-galerie-3 .row > div:nth-child(n+4),
.eb-galerie-6 .row > div:nth-child(n+7),
.eb-galerie-12 .row > div:nth-child(n+13) {
    height: 0;
    overflow: hidden;
    margin-top: 0;
    transition: height .5s ease, margin-top .5s ease;
}

footer {
    overflow: hidden;
    position: relative;
}

.eb-footer-inner {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    color: #fff;
    z-index: 2;
}

.eb-footer-bottom {
    font-size: .9rem;
    line-height: 4.4rem;
    text-align: center;
}

.eb-footer-bottom a {
    text-decoration: underline;
}

footer .menu {
    list-style: none;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, max-content);
    margin-bottom: 0;
    column-gap: 5rem;
    font-size: 1rem;
}

footer .eb-footer-legal {
    display: flex;
    column-gap: 1.85rem;
}

footer .eb-footer-right {
    column-gap: 3.4rem;
}

.eb-footer-right .menu-item {
    margin-bottom: 1.6rem;
}

footer .sub-menu {
    list-style: none;
    padding: .5rem 0 0;
    margin: 0;
}

footer .sub-menu .menu-item {
    margin-top: .5rem;
    padding-left: 2.625rem;
    position: relative;
}

footer .sub-menu .menu-item a::before {
    content: '';
    position: absolute;
    left: 0;
    top: .55rem;
    width: 2.05rem;
    height: 1px;
    background: currentColor;
}

footer .menu a[href="#"] {
    cursor: auto;
    color: #fff;
}

footer .eb-home-top-logo {
    margin-bottom: 0;
}

.eb-footer-main {
    margin-bottom: 7.5rem;
}

.eb-footer-main .row {
    --bs-gutter-x: 10rem;
}

.eb-subpage-top {
    padding-top: 12.8rem;
    position: relative;
}

.eb-about-top > div:first-child {
    margin-bottom: 4.1rem;
}

.eb-about-top {
    padding-left: 7.25rem;
    padding-right: 7.25rem;
    margin-bottom: 3.95rem;
    position: relative;
    overflow: hidden;
}

.eb-about-top::before {
    background-position: center bottom;
}

.eb-about-top-img {
    width: 100%;
}

.eb-about-top .eb-vorteile {
    padding-top: 7.1rem;
    padding-bottom: 13.75rem;
}

.eb-about-biogas {
    background: none;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 5.45rem;
}

.eb-betriebszweige {
    padding-top: 11.65rem;
    padding-bottom: 13.85rem;
}

.eb-about-nachhaltigkeit {
    padding-top: 0;
    padding-bottom: 13.55rem;
    margin-bottom: 1.55rem;
    position: relative;
    overflow: hidden;
}

.eb-about-nachhaltigkeit::before {
    background-image: url(assets/img/bg-nachhaltigkeit.svg);
    width: 114.896094%;
    left: -5.61836%;
}

.eb-about-nachhaltigkeit .container {
    position: relative;
}

.eb-about-nachhaltigkeit img {
    margin-top: -2.75rem;
}

.eb-about-biogas .container > .row > div:last-child {
    padding-bottom: 0;
}

.eb-about-about ul {
    margin-bottom: 4.2rem !important;
    padding: 0;
    line-height: 1.75;
    list-style: none;
}

.eb-about-about li {
    padding-left: 1.55rem;
    position: relative;
}

.eb-about-about li::before {
    content: '';
    position: absolute;
    left: 0;
    top: .825rem;
    width: .8rem;
    height: 2px;
    background: #289938;
}

.eb-about-biogas h2 {
    color: #289938;
}

.eb-about-galerie h2 {
    color: #289938;
    margin-bottom: 0;
}

.eb-form .eb-subheadline {
    text-align: center;
    margin-bottom: 3.4rem;
}

.eb-subheadline.eb-hl-diamond {
    margin-bottom: 0;
}

.eb-subheadline.eb-hl-diamond::after {
    margin-top: .85rem;
    margin-bottom: 1.4rem;
}

.eb-subpage-top .eb-subheadline.eb-hl-diamond::after {
    margin-top: 1.4rem;
    margin-bottom: 1.65rem;
}

.eb-kontakt-top {
    margin-bottom: 5.65rem;
    padding-left: 7.25rem;
    padding-right: 7.25rem;
}

.eb-kontakt-top h1,
.eb-kontakt-top .eb-subheadline,
.eb-form h2 {
    text-align: center;
}

.eb-kontakt-top .eb-mail {
    margin-top: auto;
}

.eb-mail {
    padding-left: 1.25rem;
    position: relative;
}

.eb-mail::before {
    content: '';
    position: absolute;
    width: .768rem;
    height: .78rem;
    left: 0;
    top: .26rem;
    background: url(assets/img/at.svg) center/contain no-repeat;
}

.eb-address,
.eb-tel {
    padding-left: 1.6rem;
    position: relative;
}

.eb-address::before {
    content: '';
    position: absolute;
    width: .8775rem;
    height: 1.1285rem;
    left: 0;
    top: .08575rem;
    background: url(assets/img/address.svg) center/contain no-repeat;
}

.eb-tel::before {
    content: '';
    position: absolute;
    width: .962rem;
    height: .962rem;
    left: 0;
    top: .169rem;
    background: url(assets/img/tel.svg) center/contain no-repeat;
}

.eb-kontakt-top .row .row {
    --bs-gutter-x: 3.75rem;
}

.eb-address strong {
    color: inherit;
}

.eb-map-mask {
    position: relative;
    overflow: hidden;
    padding-bottom: 41.386328%;
    margin-top: -.8rem;
    margin-bottom: .1rem;
}

.eb-map {
    position: absolute;
    width: 112.891797%;
    height: 100%;
    left: -5.625%;
    top: 0;
    -webkit-mask-image: url(assets/img/mask.svg);
    mask-image: url(assets/img/mask.svg);
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}

.eb-map-placeholder img {
    width: 100%;
}

.gm-style a,
.gmnoprint {
    display: none !important;
}

.eb-form-row > p {
    font-weight: 700;
    margin-bottom: 1.8rem;
}

.eb-form input:not([type=checkbox]) {
    width: 100%;
    height: 2rem;
    padding: 0;
    outline: none;
    background: none;
    border: none;
    border-bottom: 1px solid #161615;
    transition: border .35s ease;
}

.eb-form input:not([type=checkbox]):focus,
.eb-form input.eb-input-filled {
    border-bottom: 2px solid #289938;
}

.eb-form .row {
    --bs-gutter-x: 2.5rem;
    margin-bottom: 3.85rem;
}

.eb-form label {
    display: block;
    position: relative;
    margin-bottom: 1rem;
}

.eb-form-label {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    opacity: .5;
}

.eb-form select {
    display: none;
}

.eb-form-select {
    height: 2rem;
    overflow: hidden;
}

.eb-form-select .eb-current-selection {
    height: 2rem;
    border-bottom: 1px solid #161615;
    position: relative;
    display: flex;
    align-items: center;
    color: rgba(22,22,21,.5);
    transition: color .35s ease, border .35s ease;
}

.eb-form-select.eb-select-filled .eb-current-selection {
    color: #161615;
    border-bottom: 2px solid #289938;
}

.eb-form-select .eb-current-selection::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: .65rem;
    height: .3705rem;
    background: url(assets/img/arrow-down-sign-to-navigate.svg) center/contain no-repeat;
    transition: transform .35s ease;
}

.eb-form-select.eb-select-expanded .eb-current-selection::after {
    transform: translateY(-50%) rotate(180deg);
}

.eb-select-list {
    list-style: none;
    margin: 0;
    padding: 0.45rem 0;
    line-height: 2rem;
    border: 1px solid #161615;
    border-top: none;
}

.eb-select-list li {
    padding: 0 1rem;
    transition: background-color .35s ease;
}

.eb-select-list li:hover {
    background: rgba(22,22,21,.1);
}

.eb-form .wpcf7-not-valid-tip {
    position: absolute;
    width: max-content;
    top: 100%;
    transform: translateY(1.3rem);
}

.eb-form .wpcf7-form-control-wrap {
    position: static;
}

.eb-form textarea {
    display: block;
    width: 100%;
    height: 9.6rem;
    resize: none;
    outline: none;
    border: 1px solid #707070;
    transition: border .35s ease, padding .35s ease;
    padding: 1.25rem 1.65rem;
}

.eb-form textarea:focus,
.eb-form textarea.eb-input-filled {
    border: 2px solid #289938;
    padding: calc(1.25rem - 2px) calc(1.65rem - 2px);
}

.eb-form-label-textarea {
    left: 1.65rem;
    top: 1.25rem;
    transform: none;
}

.eb-form {
    position: relative;
    padding: 0 7.25rem;
}

.eb-form a {
    color: #289938;
    text-decoration: underline;
}

.eb-form a:hover {
    color: #DFD202;
}

.eb-form .wpcf7-list-item {
    margin: 0;
}

.eb-leistung-top {
    position: relative;
    overflow: hidden;
    margin-bottom: 1.2rem;
    z-index: 1;
}

.eb-leistung-top > svg {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 30.199609%;
    transform: translate(1.810868%,-32.191308%);
}

.eb-nachhaltigkeit-top > svg {
    transform: translate(5.922173%,-32.213949%);
    width: 47.491016%;
}

.eb-leistung-top-inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    padding-top: 9.0625%;
    color: #fff;
    text-align: center;
}

.eb-leistung-top h1 {
    color: #fff;
}

.page-template-page-biogas .eb-subheadline,
.page-template-page-leistung .eb-subheadline,
.page-template-page-landing .eb-subheadline {
    font-size: 1.25rem;
    line-height: 1.16;
}

.eb-landing-top .eb-subheadline {
    font-size: 1.75rem;
    line-height: 2rem;
}

.eb-leistung-top .eb-subheadline {
    margin-bottom: 1.05rem;
}

.eb-leistung-top-img {
    display: block;
    width: 100%;
    -webkit-mask-image: url(assets/img/mask-head.svg);
    mask-image: url(assets/img/mask-head.svg);
    -webkit-mask-size: 100%;
    mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: 0px bottom;
    mask-position: 0px bottom;
    margin-top: -20.507813%;
}

.eb-leistung-top-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.eb-leistung-top-overlay > div {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(assets/img/mask-head.svg) 0px bottom/100% no-repeat;
}

.eb-leistung-top-overlay > div:first-child {
    opacity: .755;
}

.eb-leistung-top-overlay > div:last-child {
    display: none;
}

.eb-leistung-anfrage {
    position: relative;
    text-align: center;
    padding: 0 7.25rem;
}

.eb-leistung-anfrage::before,
.eb-ck-kachel::before {
    content: '';
    position: absolute;
    top: -3.9rem;
    left: 50%;
    transform: translate(-50%,-100%);
    width: 1.9935rem;
    height: 3.114rem;
    background: url(assets/img/diamond.svg) center/contain no-repeat;
}

.eb-biogas-icons > div {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.eb-biogas-icons img {
    margin: auto 0;
}

.eb-biogas-icons span {
    margin-top: 1.95rem;
    font-size: 1.25rem;
    line-height: 1.16;
    font-weight: 700;
}

.eb-biogas-icons {
    padding-top: 2.1rem;
    padding-bottom: 3.9rem;
}

.eb-biogas-anfrage {
    margin-bottom: 11.95rem;
}

.eb-merkmale {
    padding: 0 7.25rem 14.3rem;
    text-align: center;
    margin-bottom: 4.65rem;
    position: relative;
    overflow: hidden;
}

.eb-merkmale::before {
    background-position: bottom;
}

.eb-merkmale > .row {
    --bs-gutter-x: 2.5rem;
    margin-bottom: 4.95rem;
}

.eb-merkmale > .row > div:first-child {
    width: 37.5%;
}

.eb-merkmale > .row > div:last-child {
    width: 62.5%;
}

.eb-merkmale > .row img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.eb-switch .eb-home-top-logo {
    filter: none;
    margin-top: 7.9rem;
    margin-bottom: 0;
}

.eb-switch .container > div:last-child {
    text-align: center;
}

.eb-switch {
    margin-bottom: 4.35rem;
    padding: 0 7.25rem;
}

.eb-biogasanlage {
    position: relative;
    overflow: hidden;
    margin-bottom: -10.15625%;
}

.eb-biogasanlage-img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    max-width: none;
    -webkit-mask-image: url(assets/img/mask-drone.svg);
    mask-image: url(assets/img/mask-drone.svg);
    -webkit-mask-size: 112.891797%;
    mask-size: 112.891797%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: top;
    mask-position: top;
}

.eb-biogasanlage-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.eb-biogasanlage-overlay > div {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(assets/img/mask-drone.svg) center top/112.891797% no-repeat;
}

.eb-biogasanlage-overlay > div:first-child {
    opacity: .25;
    mix-blend-mode: color;
    isolation: isolate;
}

.eb-biogasanlage-overlay > div:last-child {
    opacity: .5;
}

.eb-biogasanlage > svg {
    position: relative;
    left: -5.810156%;
    bottom: 0;
    max-width: none;
    width: 113.077031%;
}

.eb-biogasanlage-inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    padding-top: 15.1rem;
}

.eb-biogasanlage-marker {
    position: absolute;
    cursor: pointer;
}

.eb-biogasanlage-marker .eb-marker-icon {
    width: 2.012rem;
    max-width: none;
}

.eb-biogasanlage-marker .eb-marker-icon-container {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: .6rem;
}

.eb-biogasanlage-marker .eb-marker-title-dot {
    display: block;
    width: .45rem;
    height: .45rem;
    border-radius: 50%;
    background: #fff;
    margin: 0 auto;
}

.eb-biogasanlage-marker .eb-marker-title {
    overflow: hidden;
    position: relative;
    margin-bottom: .4rem;
}

.eb-biogasanlage-marker .eb-marker-title h3 {
    font-size: 1rem;
    line-height: 1.3;
    padding-bottom: calc(.25rem + 2px);
    font-weight: 700;
    color: #fff;
    transform: translateY(110%);
    margin-bottom: 0;
}

.eb-biogasanlage-marker .eb-marker-title-line {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #fff;
    transform: scaleX(0);
}

.eb-biogasanlage-inner h2,
.eb-biogasanlage-inner .eb-subheadline {
    color: #fff;
    text-align: center;
}

.eb-biogasanlage-marker .eb-marker-window {
    position: absolute;
    top: calc(100% + .6rem);
    width: 25rem;
    display: flex;
    background: #fff;
    cursor: auto;
    visibility: hidden;
}

.eb-biogasanlage-marker .eb-marker-window-img {
    width: 8.25rem;
    flex: 0 0 auto;
}

.eb-biogasanlage-marker .eb-marker-window-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.eb-biogasanlage-marker .eb-marker-window-info {
    width: 100%;
    flex: 1 0 0%;
    padding: 1.5rem 2.25rem;
    position: relative;
}

.eb-biogasanlage-marker .eb-marker-window-title {
    font-size: 1rem;
    line-height: 1.3;
    font-weight: 700;
    margin-bottom: .9rem;
}

.eb-biogasanlage-marker .eb-marker-window-text {
    height: 4rem;
    overflow: hidden;
    margin-bottom: .9rem;
}

.eb-biogasanlage-marker .eb-marker-window-text > div {
    transition: transform .35s ease;
}

.eb-biogasanlage-marker .eb-marker-window-text p {
    line-height: 1rem;
    margin-bottom: 1rem;
}

.eb-biogasanlage-marker .eb-marker-window-text > :last-child {
    margin-bottom: 0;
}

.eb-biogasanlage-marker .eb-marker-window-text-nav {
    display: flex;
}

.eb-biogasanlage-marker .eb-marker-window-text-nav svg {
    fill: #161615;
    opacity: .15;
    transition: fill .35s ease, opacity .35s ease;
    cursor: pointer;
    width: .25rem;
    margin-right: .25rem;
}

.eb-biogasanlage-marker .eb-marker-window-text-nav svg.eb-active,
.eb-biogasanlage-marker .eb-marker-window-text-nav svg:hover {
    fill: #176B31;
    opacity: 1;
}

.eb-biogasanlage-marker .eb-marker-window-close {
    position: absolute;
    top: .85rem;
    right: .95rem;
    background: none;
    border: none;
    outline: none;
    padding: 0;
    margin: 0;
}

.eb-biogasanlage-marker .eb-marker-window-close svg {
    transition: fill .35s ease;
    cursor: pointer;
    width: .6165rem;
    fill: #289938;
}

.eb-biogasanlage-marker .eb-marker-window-close svg:hover {
    fill: #DFD202;
}

.eb-leistungen-leistungen {
    padding: 6.6rem 7.25rem;
    background: none;
    z-index: 1;
    margin-bottom: 0;
}

.eb-leistungen-leistungen::before {
    display: none;
}

.eb-leistungen-faq {
    padding: 17.25rem 0 11.7rem;
    margin-bottom: 4.45rem;
    margin-top: -17.25rem;
    position: relative;
    overflow: hidden;
    text-align: center;
}

.eb-nachhaltigkeit-faq {
    padding-top: 10.65rem;
    margin-top: 0 !important;
}

.eb-leistungen-faq::before,
.eb-leistungen-faq::after {
    left: -9.2225rem;
    width: 146.7rem;
    height: 50%;
    background: url(assets/img/bg-leistungen-faq.svg) top/100% no-repeat;
}

.eb-leistungen-faq::after {
    top: auto;
    bottom: 0;
    background-position: bottom;
}

.eb-about-anbau::before,
.eb-about-anbau::after {
    display: none;
}

.eb-about-anbau {
    padding-top: 0;
    margin-bottom: 0;
}

.eb-leistungen-faq .container {
    position: relative;
    z-index: 1;
}

.eb-faq-entry {
    text-align: left;
    margin-bottom: .65rem;
}

.eb-faq-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.4rem 4.8rem 1.3rem 3.95rem;
    background: #fff;
    transition: background-color .35s ease, color .35s ease;
    cursor: pointer;
}

.eb-about-top .eb-faq-head,
.eb-about-anbau .eb-faq-head {
    background: #F9F9F9;
}

.eb-about-top .eb-faq-head:hover,
.eb-about-top .eb-faq-head-open,
.eb-about-anbau .eb-faq-head:hover,
.eb-about-anbau .eb-faq-head-open {
    background: #DFD202;
}

.eb-faq-head h3 {
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 0;
    line-height: 1.1rem;
}

.eb-about-top .eb-faq-head h3 {
    color: #368827;
    font-weight: 700;
}

.eb-about-top .eb-faq-head h3 svg {
    width: .5785rem;
    height: auto;
    vertical-align: middle;
    margin-top: -.2rem;
}

.eb-faq-head svg {
    width: .953rem;
    fill: #0f0118;
    transition: fill .35s ease, transform .35s ease;
    margin-left: 3.95rem;
    flex: 0 0 auto;
}

.eb-faq-head:hover,
.eb-faq-head-open {
    background: #DFD202;
    color: #fff;
}

.eb-faq-head:hover h3,
.eb-faq-head-open h3 {
    color: #fff !important;
}

.eb-faq-head:hover svg,
.eb-faq-head-open svg {
    fill: #fff;
}

.eb-faq-head-open svg {
    transform: rotate(-180deg);
}

.eb-faq-content {
    height: 0;
    overflow: hidden;
}

.eb-faq-content > div {
    padding: 1.4rem 4.8rem 1.3rem 3.95rem;
}

.eb-faq-content > div > :last-child {
    margin-bottom: 0;
}

.eb-leistungen-nachhaltigkeit .eb-tel-cta {
    left: auto;
    right: 2.85rem;
    transform: translate(50%,-50%) rotate(90deg) translateY(50%);
}

.eb-leistungen-leistungen + .eb-galerie {
    padding-top: 7.9rem;
}

.eb-shop-top {
    padding-bottom: 9.5rem;
    margin-bottom: 3.55rem;
}

.eb-shop-top::before {
    width: 116.014844%;
    left: -7.494922%;
    background-image: url(assets/img/bg-shop-top.svg);
    background-position: bottom;
}

.eb-shop-top h2 {
    color: #289938;
}

.eb-shop-cellsenergy::before {
    display: none;
}

.eb-shop-cellsenergy .eb-biogas-icons {
    justify-content: space-between;
    text-align: center;
}

.eb-shop-cellsenergy .eb-biogas-icons p {
    font-size: .8rem;
    line-height: 1.625;
    margin-bottom: 0;
    margin-top: 1em;
}

.eb-shop-cellsenergy .eb-shop-icon-arrow {
    align-self: center;
}

.eb-shop-icon-arrow svg {
    width: 2.627rem;
}

.eb-shop-hackschnitzel .row > div:last-child {
    padding-left: calc(var(--bs-gutter-x) * .5);
}

.eb-shop-hackschnitzel .row > div:first-child {
    align-self: flex-end;
    padding-right: 3.65rem;
}

.eb-subheadline-small {
    font-size: 1.25rem;
    line-height: 1.16;
}

.eb-shop-hackschnitzel {
    padding-top: 11.65rem;
}

.eb-shop-hackschnitzel::before {
    width: 115.55625%;
    left: -6.931641%;
    background-image: url(assets/img/bg-hackschnitzel.svg);
    background-position: bottom;
}

a.eb-button-small,
.eb-button-small {
    width: 16.15rem;
}

.eb-nachhaltigkeit-buttons {
    display: flex;
}

.eb-nachhaltigkeit-buttons .eb-button:not(:first-child) {
    margin-left: 1.25rem;
}

.eb-impressum-top {
    margin-bottom: 4.75rem;
}

.eb-impressum-kacheln {
    margin-bottom: 8.9rem;
}

.eb-impressum-kachel {
    background: #F9F9F9;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 2.5rem;
}

.eb-impressum-kachel > div > :last-child {
    margin-bottom: 0;
}

.eb-impressum-kachel p > strong {
    color: inherit;
}

.eb-impressum-kacheln .row > div:first-child .eb-impressum-kachel p > strong,
.eb-ck-kachel .eb-impressum-kachel p > strong {
    color: #289938;
    display: inline-block;
    width: 4.9rem;
}

.eb-ck-kachel .eb-impressum-kachel p > strong {
    width: 3.4rem;
}

.eb-impressum-kacheln .row {
    --bs-gutter-x: 2.5rem;
}

.eb-ck-kachel {
    position: relative;
    margin-bottom: 6.6rem;
}

.eb-ck-kachel::before {
    width: 1.1405rem;
    height: 1.7815rem;
    top: -3.4rem;
}

.eb-ck-kachel .eb-impressum-kachel > div > div {
    display: flex;
    align-items: center;
    column-gap: 5.5rem;
}

.eb-ck-kachel .eb-impressum-kachel > div > div > div {
    flex: 0 0 auto;
    width: auto;
}

.eb-ck-kachel img {
    width: 12.2245rem;
}

.eb-ck-kachel h3 {
    text-align: center;
}

.eb-legal {
    text-align: center;
    hyphens: auto;
    overflow-wrap: break-word;
}

.eb-legal p + h2 {
    margin-top: 5.7rem;
}

.eb-legal p + h3 {
    margin-top: 4.8rem;
}

.eb-legal-top {
    text-align: center;
    padding-bottom: 8.35rem;
    background: url(assets/img/bg-leistungen.svg) 0px bottom/225.830469% repeat-x;
    hyphens: auto;
    overflow-wrap: break-word;
}

.eb-nachhaltigkeit-top .eb-leistung-top-img {
    -webkit-mask-image: url(assets/img/nachhaltigkeit-top.svg);
    mask-image: url(assets/img/nachhaltigkeit-top.svg);
    -webkit-mask-position: 0px top;
    mask-position: 0px top;
    margin-top: 0 !important;
    object-fit: cover;
}

.eb-nachhaltigkeit-top video.eb-leistung-top-img {
    height: calc(.58203125 * (100vw - var(--scrollbar-width)));
}

.eb-nachhaltigkeit-top .eb-leistung-top-overlay > div {
    background-image: url(assets/img/nachhaltigkeit-top.svg);
    background-position: 0px top;
}

.eb-nachhaltigkeit-top .eb-leistung-top-inner {
    padding-top: 13.75%;
}

.eb-nachhaltigkeit-top .eb-leistung-top-inner .row > div:first-child > :last-child {
    margin-bottom: 0;
}

.eb-nachhaltigkeit-top .eb-hl-diamond::after {
    filter: brightness(0) invert(1);
}

.eb-nachhaltigkeit-biogas {
    margin-bottom: 3.95rem;
}

.eb-nachhaltigkeit-merkmale .eb-home-top-logo {
    filter: none;
    margin-bottom: 7.3rem;
}

.eb-nachhaltigkeit-merkmale {
    background: none;
    margin-bottom: 5.65rem;
    padding-bottom: 0;
}

.eb-nachhaltigkeit-merkmale::before {
    display: none;
}

.eb-biogas-merkmale {
    padding-top: 6.3rem;
}

.eb-merkmale video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.eb-galerie-img {
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.eb-galerie-img img {
    transition: transform .3s ease-in-out;
}

.eb-galerie-img:hover img {
    transform: scale(1.15);
}

.eb-leistung-top .eb-social-media {
    position: absolute;
    right: 5.664063%;
    bottom: calc(.05078125 * (100vw - var(--scrollbar-width)));
}

.eb-nachhaltigkeit-top .eb-social-media {
    bottom: calc(.07664063 * (100vw - var(--scrollbar-width)));
}

.eb-home-top h1 {
    text-align: center;
}

.eb-nachhaltigkeit-top .eb-biogas-icons img {
    filter: brightness(0) invert(1);
}

.eb-biogasanlage-headline {
    text-align: center;
    padding-top: 3rem;
}

.eb-nachhaltigkeit-icons-sd,
.eb-leistung-top-mobile {
    text-align: center;
}

.error404 {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    padding-top: 6.25rem;
}

.eb-404 {
    margin-top: auto;
    margin-bottom: auto;
    text-align: center;
}

.eb-help-mail {
    position: fixed;
    left: 7.7rem;
    bottom: 5.125rem;
    z-index: 999;
}

.eb-help-mail svg {
    width: 3.475rem;
}

.eb-help-mail svg path {
    transition: fill .35s ease;
}

.eb-help-mail:hover svg path {
    fill: #289938;
}

.eb-landing-head .eb-home-top-logo {
    width: 17.44rem;
    margin-bottom: 0;
}

.eb-landing-top {
    text-align: center;
    padding-top: 5.598rem;
    margin-top: -5.598rem;
    position: relative;
}

.eb-landing-top h1 {
    margin-bottom: 3rem;
    position: relative;
}

.eb-landing-top h1::before {
    content: '';
    position: absolute;
    left: 15rem;
    top: .5rem;
    transform: translateY(-100%);
    width: 16.871rem;
    height: 6.098rem;
    background: url(assets/img/probiert-es-aus.svg) center/contain no-repeat;
}

.eb-landing-head .eb-leistung-top-inner {
    padding-top: 6.640625%;
}

.eb-landing-top .row > div:last-child > div:last-child {
    padding-top: 2.55rem;
    margin-bottom: 3.25rem;
}

.eb-landing-cellsenergy-logo {
    position: absolute;
    right: 7.25rem;
    bottom: 2.65rem;
    width: 12.88rem;
}

.eb-landing-strommix::before {
    background-position: center top;
}

.eb-landing-strommix {
    padding-top: 15rem;
}

.eb-landing-strommix h2 {
    margin-bottom: 2.3rem;
}

.eb-landing-strommix .row > div:last-child > div:last-child {
    padding-top: 2.3rem;
}

.eb-landing-strommix > div:first-child {
    margin-bottom: 5.9rem;
}

.eb-landing-preisbeispiel {
    padding-top: 13.65rem;
    padding-bottom: 12.65rem;
}

.eb-landing-preisbeispiel::before {
    background-image: url(assets/img/bg-preisbeispiel.svg);
}

.eb-preisbeispiel-table {
    font-size: 1.25rem;
    line-height: 1.16;
    margin-bottom: 3.35rem;
    position: relative;
}

.eb-preisbeispiel-table table {
    width: 100%;
}

.eb-preisbeispiel-table tr:nth-child(even) th,
.eb-preisbeispiel-table tr:nth-child(even) td,
.eb-preisbeispiel-table th:last-child,
.eb-preisbeispiel-table td:last-child {
    background: rgba(0,0,0,.03);
}

.eb-preisbeispiel-table tr:nth-child(even) th:last-child,
.eb-preisbeispiel-table tr:nth-child(even) td:last-child {
    background: rgba(0,0,0,.06);
}

.eb-preisbeispiel-table th {
    color: #176B31;
    font-weight: 700;
}

.eb-preisbeispiel-table td:first-of-type {
    border-right: .15rem solid transparent;
}

.eb-preisbeispiel-table td,
.eb-preisbeispiel-table th {
    height: 3.2rem;
    padding: 0;
}

.eb-preisbeispiel-table tr:first-child th {
    height: 4.1rem;
}

.eb-preisbeispiel-table th:first-child {
    width: 4.85rem;
    padding-left: 2.4rem;
    padding-right: 1.7rem;
}

.eb-preisbeispiel-table tr > :nth-child(2) {
    text-align: left;
}

.eb-preisbeispiel-hinweis {
    position: absolute;
    font-size: .5rem;
    text-align: left;
    opacity: .25;
    bottom: 0.55rem;
    right: -0.9rem;
    transform: translate(50%,50%) rotate(-90deg) translate(50%,50%);
}

.eb-preisbeispiel-hinweis p {
    margin-bottom: 0;
}

.eb-landing-faq::before,
.eb-landing-faq::after {
    display: none;
}

.eb-landing-faq .eb-faq-head {
    background: rgba(22,22,21,.03);
}

.eb-landing-faq .eb-faq-head:hover,
.eb-landing-faq .eb-faq-head-open {
    background: #DFD202;
}

.eb-landing-faq {
    padding: 0;
    margin: 0;
}

.eb-strommix-formular-outer {
    padding: 0 7.25rem;
    margin-bottom: 6.8rem;
}

.eb-strommix-formular {
    background: #289938;
    color: #fff;
    position: relative;
    overflow: hidden;
}

.eb-strommix-formular > svg {
    position: absolute;
    width: 33.565rem;
    left: -6.9rem;
    bottom: -5.25rem;
    transform-origin: center;
    transform: rotate(11deg);
}

.eb-strommix-step {
    width: 100%;
    flex: 1 0 0%;
    display: block;
    text-align: center;
}

.eb-strommix-step .row {
    justify-content: center;
}

.eb-strommix-step .row .row {
    justify-content: space-between;
    align-items: flex-end;
}

.eb-strommix-formular form {
    display: flex;
    width: 300%;
    height: 30.75rem;
    align-items: center;
}

.eb-strommix-step:nth-child(2) {
    justify-content: center;
}

.eb-strommix-formular h2 {
    color: #fff;
}

.eb-strommix-step:nth-child(2) .eb-subheadline {
    margin-bottom: 3.6rem;
}

.eb-strommix-formular label {
    display: block;
    margin-bottom: 1.85rem;
}

.eb-strommix-formular .wpcf7-form-control-wrap {
    display: block;
}

.eb-strommix-formular input[type="text"] {
    background: none;
    border: none;
    border-bottom: 1px solid #fff;
    color: #fff;
    line-height: 2rem;
    font-size: 1rem;
    padding: 0;
    margin: 0;
    outline: none;
}

.eb-strommix-formular ::placeholder {
    color: #fff;
    opacity: .5;
}

.eb-strommix-formular .wpcf7-form-control-wrap[data-name="plz"] {
    margin-bottom: 3.15rem;
}

.eb-strommix-formular input[name="plz"] {
    width: 12rem;
}

.eb-strommix-formular .wpcf7-response-output {
    position: absolute;
    bottom: 0;
    right: 16.666667%;
    transform: translateX(50%);
}

.eb-strommix-formular input[name="verbrauch"]::-webkit-outer-spin-button,
.eb-strommix-formular input[name="verbrauch"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.eb-strommix-formular .wpcf7-form-control-wrap[data-name="plz"] .wpcf7-spinner {
    position: absolute;
    top: 1rem;
    left: 50%;
    transform: translate(-100%,-50%) translateX(6rem);
    margin: 0;
}

.eb-strommix-formular .wpcf7-form-control-wrap[data-name="zweck"] .wpcf7-list-item {
    margin: 0;
}

.eb-strommix-formular .wpcf7-form-control-wrap[data-name="zweck"] .wpcf7-list-item .wpcf7-list-item-label::before {
    content: '';
    display: block;
    width: 4.4rem;
    height: 4.4rem;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
    margin-bottom: .85rem;
    transition: filter .35s ease;
    filter: brightness(0) invert(1);
}

.eb-strommix-formular .wpcf7-form-control-wrap[data-name="zweck"] .wpcf7-list-item .wpcf7-list-item-label::after {
    content: '';
    position: absolute;
    left: -83.25%;
    top: -65.97%;
    width: 226.8%;
    height: 116.23%;
    background: url(assets/img/corner.svg) center/contain no-repeat;
    transition: opacity .35s ease;
    opacity: 0;
    transform: rotate(-32deg);
}

.eb-strommix-formular .wpcf7-form-control-wrap[data-name="zweck"] .wpcf7-list-item.first .wpcf7-list-item-label::before {
    background-image: url(assets/img/home.svg);
}

.eb-strommix-formular .wpcf7-form-control-wrap[data-name="zweck"] .wpcf7-list-item.last .wpcf7-list-item-label::before {
    background-image: url(assets/img/factory.svg);
}

.eb-strommix-formular .wpcf7-form-control-wrap[data-name="zweck"] .wpcf7-list-item .wpcf7-list-item-label {
    width: 9.7rem;
    height: 9.55rem;
    font-weight: 700;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: color .35s ease, background-color .35s ease;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.eb-strommix-formular .wpcf7-form-control-wrap[data-name="zweck"] input {
    visibility: hidden;
    width: 0;
    height: 0;
    float: left;
}

.eb-strommix-formular .wpcf7-form-control-wrap[data-name="zweck"] input:checked + .wpcf7-list-item-label {
    background: #fff;
    color: #161615;
}

.eb-strommix-formular .wpcf7-form-control-wrap[data-name="zweck"] input:checked + .wpcf7-list-item-label::before {
    filter: none;
}

.eb-strommix-formular .wpcf7-form-control-wrap[data-name="zweck"] input:checked + .wpcf7-list-item-label::after {
    opacity: 1;
}

.eb-strommix-formular .wpcf7-form-control-wrap[data-name="zweck"] label {
    margin-bottom: 0;
}

.eb-strommix-prev-step,
.eb-strommix-formular .eb-strommix-next-step:not(.eb-button),
.eb-strommix-formular .eb-strommix-submit {
    background: none;
    border: none;
    outline: none;
    padding: 0;
    margin: 0;
    color: #fff;
    transition: color .35s ease;
    font-size: .8rem;
}

.eb-strommix-form .eb-strommix-prev-step {
    color: #161615;
}

.eb-strommix-prev-step:hover,
.eb-strommix-formular .eb-strommix-next-step:not(.eb-button):hover,
.eb-strommix-formular .eb-strommix-submit:hover {
    color: #DFD202 !important;
}

.eb-strommix-prev-step::before,
.eb-strommix-formular .eb-strommix-next-step:not(.eb-button)::after,
.eb-strommix-formular .eb-strommix-submit::after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: .9885rem;
    height: .54rem;
    background: url(assets/img/arrow-step.svg) center/contain no-repeat;
    filter: brightness(0) invert(1);
    transition: filter .35s ease;
}

.eb-strommix-prev-step::before {
    margin-right: .275rem;
    transform: rotate(180deg);
}

.eb-strommix-form .eb-strommix-prev-step::before {
    filter: brightness(0);
}

.eb-strommix-formular .eb-strommix-next-step:not(.eb-button)::after,
.eb-strommix-formular .eb-strommix-submit::after {
    margin-left: .275rem;
}

.eb-strommix-prev-step:hover::before,
.eb-strommix-formular .eb-strommix-next-step:not(.eb-button):hover::after,
.eb-strommix-formular .eb-strommix-submit:hover::after {
    filter: none !important;
}

.eb-strommix-personen {
    display: flex;
    justify-content: center;
    margin-bottom: .9rem;
}

.eb-strommix-personen img {
    width: 4.025rem;
    padding: 0 .8875rem;
    opacity: .15;
    transition: opacity .35s ease;
    cursor: pointer;
}

.eb-strommix-personen img.active {
    opacity: 1;
}

.eb-strommix-personen-label {
    font-weight: 700;
}

.eb-strommix-formular .wpcf7-form-control-wrap[data-name="verbrauch"] {
    display: inline-block;
}

.eb-strommix-formular .wpcf7-form-control-wrap[data-name="verbrauch"] .wpcf7-not-valid-tip {
    position: absolute;
    white-space: nowrap;
    left: 50%;
    transform: translateX(-50%);
}

.eb-strommix-formular input[name="verbrauch"] {
    background: none;
    outline: none;
    border: none;
    border-bottom: 1px solid #fff;
    color: #fff;
    -moz-appearance: textfield;
    padding: 0;
    margin: 0;
    width: 4rem;
    text-align: center;
}

.eb-strommix-personen-label + label {
    font-size: .8rem;
    color: rgba(255,255,255,.5);
}

.eb-strommix-top::before {
    display: none;
}

.eb-strommix-top .container > .row > div:last-child {
    padding-top: 0;
}

.eb-powerplants > div {
    display: flex;
    margin-bottom: .8rem;
    cursor: move;
}

.eb-powerplants img {
    width: 16.45rem;
    object-fit: cover;
    flex: 0 0 auto;
}

.eb-powerplants > div > div {
    background: #F9F9F9;
    padding: 2.9rem 4rem 1.1rem 2.15rem;
    width: 100%;
    flex: 1 0 0%;
    text-align: left;
    display: flex;
    flex-direction: column;
    position: relative;
}

.eb-powerplant-nav {
    position: absolute;
    display: flex;
    flex-direction: column;
    right: 1.45rem;
    top: 50%;
    transform: translateY(-50%);
    align-items: center;
}

.eb-powerplant-nav button {
    background: none;
    border: none;
    outline: none;
    padding: 0;
    margin: 0;
    margin-bottom: 1rem;
}

.eb-powerplant-nav button svg {
    width: 1.0775rem;
    transition: fill .35s ease;
    display: block;
}

.eb-powerplant-nav button:hover svg {
    fill: #DFD202;
}

.eb-powerplant-nav button:first-child svg,
.eb-powerplant-nav button:last-child svg {
    width: 1.378rem;
}

.eb-powerplant-nav button:first-child > svg {
    transform: rotate(-90deg);
}

.eb-powerplant-nav button:last-child {
    margin-bottom: 0;
}

.eb-powerplant-nav button:last-child > svg {
    transform: rotate(90deg);
}

.eb-powerplants > div:first-child .eb-powerplant-nav button:first-child svg,
.eb-powerplants > div:last-child .eb-powerplant-nav button:last-child svg {
    fill: #289938;
}

.eb-powerplants > div:first-child .eb-powerplant-nav button:first-child,
.eb-powerplants > div:last-child .eb-powerplant-nav button:last-child {
    cursor: default;
    opacity: .25;
}

.eb-powerplants h3 {
    margin-bottom: 1.05rem;
    font-size: 1.5rem;
    line-height: 1.14;
}

.eb-powerplants p {
    margin-bottom: 1rem;
}

p.eb-powerplant-location {
    font-size: .5rem;
    font-weight: 300;
    opacity: .25;
    margin-bottom: 0;
    margin-top: auto;
}

.eb-strommix-chart svg {
    transform: rotate(-90deg);
    width: 9.471rem;
}

.eb-strommix-chart {
    margin-bottom: 2.2rem;
    position: relative;
}

.eb-strommix-continue {
    margin-bottom: .95rem;
}

.eb-strommix-right > button {
    margin-bottom: 2.25rem;
}

.eb-strommix-right {
    background: #F9F9F9;
    height: 100%;
    width: 100%;
    padding-top: 2.8rem;
}

.eb-powerplants > div:last-child {
    margin-bottom: 0;
}

.eb-strommix-right h3 {
    font-size: 1.75rem;
    line-height: 1.14;
}

.eb-strommix-chart > span {
    position: absolute;
}

.eb-strommix-chart > span > i {
    font-style: normal;
}

.eb-strommix-chart > span:first-of-type {
    top: 1.85rem;
    left: 50%;
    transform: translateX(5.7755rem);
}

.eb-strommix-chart > span:last-of-type {
    top: 3.95rem;
    right: 50%;
    transform: translateX(-5.7755rem);
}

.eb-strommix-top {
    padding-bottom: 0;
    margin-bottom: 7.9rem;
}

.eb-strommix-form-nav p,
.eb-strommix-form-nav h1 {
    font-size: 1.25rem;
    margin-bottom: 0;
    opacity: .25;
    font-weight: 700;
    color: #161615;
}

.eb-strommix-form-nav svg {
    opacity: .25;
}

.eb-strommix-form-nav .active p,
.eb-strommix-form-nav .active svg,
.eb-strommix-form-nav .active h1 {
    opacity: 1;
}

.eb-strommix-overview {
    background: #fff;
    text-align: left;
    margin: 0 2.8rem 1.95rem;
    padding: .25rem .65rem;
}

.eb-strommix-overview p {
    margin-bottom: 0;
}

.eb-strommix-form {
    background: #F9F9F9;
    padding: 2.8rem 4.8rem 3.9rem 3.6rem;
    text-align: left;
}

.eb-strommix-form h1 {
    font-size: 1.75rem;
    margin-bottom: 0;
}

.eb-form-hl {
    font-weight: 700;
    margin-bottom: 1.8rem;
}

.eb-strommix-form input,
.eb-strommix-form select {
    background: none;
    border: none;
    outline: none;
    padding: 0;
    margin: 0;
    width: 100%;
    display: block;
    border-bottom: 1px solid #161615;
    transition: border-color .35s ease;
    height: 2.15rem;
    font-size: .85rem;
}

.eb-strommix-form input:focus,
.eb-strommix-form select:focus {
    border-color: #289938;
}

.eb-strommix-form label {
    display: block;
    position: relative;
}

.eb-strommix-form .eb-inner-label {
    position: absolute;
    opacity: .5;
    font-size: .85rem;
    top: .5rem;
    pointer-events: none;
}

.eb-strommix-form .row {
    margin-bottom: 2.85rem;
}

.eb-strommix-form .eb-form-header {
    margin-bottom: 6.25rem;
}

.eb-strommix-right-auto {
    height: auto;
    padding-bottom: 1.6rem;
}

.eb-label {
    font-size: .85rem;
    margin-bottom: 0;
    position: relative;
    line-height: 2.15rem;
    font-weight: 700;
}

.eb-label span {
    font-size: .5rem;
    color: #289938;
    position: absolute;
    left: 0;
    bottom: 0;
    line-height: 1;
    font-weight: 400;
}

.eb-strommix-form .col-auto label {
    width: 3.45rem;
}

.eb-strommix-form .col-auto .wpcf7-list-item label {
    width: auto;
}

.eb-strommix-form input[type="checkbox"],
.eb-strommix-form input[type="radio"],
.eb-strommix-bestaetigung input[type="checkbox"] {
    visibility: hidden;
    width: 0;
    height: 0;
    padding: 0;
    margin: 0;
    float: left;
}

.eb-strommix-form .wpcf7-list-item,
.eb-strommix-bestaetigung .wpcf7-list-item {
    margin-left: 0;
}

.eb-strommix-form .wpcf7-acceptance .wpcf7-list-item-label,
.eb-strommix-bestaetigung .wpcf7-acceptance .wpcf7-list-item-label {
    font-size: .6rem;
}

.eb-strommix-form .wpcf7-list-item-label,
.eb-strommix-bestaetigung .wpcf7-list-item-label {
    display: block;
    padding-left: 2.35rem;
    position: relative;
}

.eb-strommix-form .wpcf7-list-item-label::before,
.eb-strommix-bestaetigung .wpcf7-list-item-label::before {
    content: '';
    position: absolute;
    width: 1.4rem;
    height: 1.4rem;
    left: 0;
    top: 0;
    border-radius: 50%;
    border: 1px solid #000;
}

.eb-strommix-form .wpcf7-list-item-label::after,
.eb-strommix-bestaetigung .wpcf7-list-item-label::after {
    content: '';
    position: absolute;
    width: .85rem;
    height: .75rem;
    left: .3rem;
    top: .3rem;
    background: url(assets/img/checked.svg) center/contain no-repeat;
    visibility: hidden;
}

.eb-strommix-form input:checked + .wpcf7-list-item-label::after,
.eb-strommix-bestaetigung input:checked + .wpcf7-list-item-label::after {
    visibility: visible;
}

.eb-strommix-form + div,
.eb-strommix-bestaetigung + div {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
}

.eb-strommix-form + div img,
.eb-strommix-bestaetigung + div img {
    width: 19.025rem;
    max-width: 100%;
}

.eb-strommix-form .wpcf7-list-item:not(:first-child) {
    margin-left: 2.05rem;
}

.eb-strommix-bestaetigung {
    text-align: left;
}

.eb-strommix-bestaetigung .eb-strommix-form {
    display: block;
    margin-bottom: 1.65rem;
    padding-bottom: 2.55rem;
}

.eb-strommix-bestaetigung h2 {
    font-size: 1.75rem;
    margin-bottom: 1.85rem;
}

.eb-strommix-bestaetigung p {
    margin-bottom: 0;
}

.eb-strommix-bestaetigung .eb-form-hl {
    margin-bottom: .9rem;
}

.eb-strommix-bestaetigung .row {
    --bs-gutter-x: 6.5rem;
    margin-bottom: 0;
}

.eb-strommix-bestaetigung .wpcf7-acceptance {
    margin-bottom: 2.55rem;
    display: block;
}

.wpcf7 form.aborted .wpcf7-response-output {
    white-space: pre;
}

.eb-strommix-formular .wpcf7 {
    position: relative;
}

.eb-energiemix-popup-outer {
    position: fixed;
    z-index: 999999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
}

.eb-energiemix-popup-overlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
}

.eb-energiemix-popup {
    width: 800px;
    max-width: 90%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    background: #fff;
}

.eb-energiemix-header {
    padding: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.eb-energiemix-header button {
    background: none;
    border: none;
    outline: none;
    padding: 0;
    cursor: pointer;
}

.eb-energiemix-header button img {
    width: 1.5rem;
}

.eb-energiemix-accordeon {
    padding: 1rem;
}

.eb-energiemix-accordeon-header {
    display: flex;
    border-bottom: 1px solid;
}

.eb-energiemix-accordeon-header button {
    background: none;
    border: 1px solid #fff;
    outline: none;
    padding: .5rem 1rem;
    cursor: pointer;
    color: #289938;
    margin-bottom: -1px;
    border-bottom-color: #161615;
}

.eb-energiemix-accordeon-header button.active {
    border-color: #161615;
    color: #161615;
    border-bottom-color: #fff;
}

.eb-energiemix-accordeon-body > div:not(.active),
.eb-energiemix-popup-outer
 {
    display: none;
}

.eb-energiemix-accordeon-body > div {
    padding: 1rem 2rem;
}

.eb-energiemix-accordeon-body table th {
    padding-right: 1rem;
}

.eb-energiemix-accordeon-body > div:last-child table td {
    padding: 0 1rem;
}

.eb-strommix-form-nav .eb-strommix-form-nav-alt {
    display: none;
}

body.eb-modal-open {
    overflow: hidden;
}


@media (min-width: 767px) {
    .eb-strommix-form .col-md-auto label {
        width: 3.45rem;
    }
}

@media (min-width: 1800px) {
    .container {
        max-width: 84.5rem;
    }
}

@media (min-width: 2500px) {
    html {
        font-size: 20px;
    }
}

@media (max-width: 1799px) {
    .eb-footer-main {
        margin-bottom: 2.5rem;
    }

    .eb-about .row > div:last-child img,
    .eb-nachhaltigkeit .row > div:first-child img:not(.mejs-poster-img),
    .eb-nachhaltigkeit .row > div:first-child .wp-video,
    .eb-shop-hackschnitzel .row > div:last-child img {
        width: calc(100% + (100vw - var(--scrollbar-width) - 1320px + 1.5rem) / 2 - 7.25rem) !important;
    }

    .eb-nachhaltigkeit .row > div:first-child img:not(.mejs-poster-img),
    .eb-nachhaltigkeit .row > div:first-child .wp-video {
        margin-left: calc((100vw - var(--scrollbar-width) - 1320px + 1.5rem) / -2 + 7.25rem);
    }

    .eb-nachhaltigkeit-top .eb-leistung-top-inner {
        padding-top: 0;
        display: flex;
        align-items: center;
    }

    .eb-dienstleistungen-top {
        padding-bottom: 0;
    }
}

@media (max-width: 1537px) {
    .eb-about .row > div:last-child img,
    .eb-nachhaltigkeit .row > div:first-child img:not(.mejs-poster-img),
    .eb-nachhaltigkeit .row > div:first-child .wp-video,
    .eb-shop-hackschnitzel .row > div:last-child img {
        width: calc(100% + .75rem) !important;
    }

    .eb-nachhaltigkeit .row > div:first-child img:not(.mejs-poster-img),
    .eb-nachhaltigkeit .row > div:first-child .wp-video {
        margin-left: -.75rem;
    }

    .eb-leistungen::before {
        background-position: top;
    }

    .eb-leistungen {
        padding-top: 8rem;
    }

    .eb-home-top-footer {
        bottom: 2.55rem;
    }

    .eb-about {
        margin-bottom: 1.25rem;
    }

    .eb-waves,
    .eb-about-about {
        margin-bottom: 3.5rem;
    }

    .eb-shop {
        padding-bottom: 3.05rem;
    }

    .eb-nachhaltigkeit-top .eb-social-media {
        bottom: 10%;
    }
}

@media (max-width: 1399px) {
    .eb-footer-main .row {
        --bs-gutter-x: 5rem;
    }

    .eb-header {
        padding: 0 3rem;
    }

    .eb-home-top-footer {
        padding: 0 3rem;
        bottom: 3.55rem;
    }

    .eb-stoerer .eb-social-media {
        right: 3rem;
    }

    footer .eb-home-top-logo {
        width: 14rem;
    }

    .eb-footer-bottom {
        line-height: 2.4rem;
    }

    .eb-burger-menu {
        padding-right: 3rem;
    }

    .eb-about-top .eb-vorteile {
        padding-bottom: 9rem;
    }

    .eb-biogas-anfrage {
        margin-bottom: 8rem;
    }

    .eb-impressum-kacheln {
        margin-bottom: 6rem;
    }

    .eb-help-mail {
        display: none;
    }
}

@media (max-width: 1199px) {
    .eb-waves {
        margin-top: -5.15rem;
    }

    .eb-about .row > div:first-child,
    .eb-about-nachhaltigkeit .row > div:last-child {
        padding-right: calc(var(--bs-gutter-x) * .5);
    }

    .eb-about,
    .eb-nachhaltigkeit {
        margin-bottom: 0;
    }

    .eb-shop-nachhaltigkeit {
        margin-bottom: 4rem;
    }

    .eb-leistungen {
        padding-top: 7rem;
        margin-bottom: 4rem;
        background-size: 150%;
    }

    .eb-home-top-footer {
        bottom: .5rem;
    }

    footer .eb-home-top-logo {
        width: 10rem;
    }

    .eb-burger-menu {
        padding-left: 12rem;
    }

    .eb-stoerer .eb-social-media {
        bottom: 18%;
    }

    .eb-nachhaltigkeit-nachhaltigkeit,
    .eb-about-about {
        margin-bottom: 3rem;
    }

    .eb-leistungen-faq {
        padding-top: 6rem;
        padding-bottom: 6rem;
        margin-top: -9rem;
    }

    .eb-leistung-top-img {
        margin-top: -10%;
    }

    .eb-leistung-top-inner {
        display: flex;
        align-items: center;
        padding-top: 0;
    }

    .eb-merkmale,
    .eb-shop-hackschnitzel {
        padding-bottom: 6rem;
    }

    .eb-biogasanlage-inner {
        padding-top: 7rem;
    }

    .eb-leistungen-leistungen,
    .eb-shop-hackschnitzel {
        padding-top: 3rem;
    }

    .eb-form > .container > .row {
        margin-bottom: 0;
    }

    .eb-impressum-kacheln {
        margin-bottom: 4rem;
    }

    .eb-nachhaltigkeit-top .eb-tel-cta {
        display: none;
    }

    .eb-powerplants img {
        width: 10rem;
    }

    .eb-powerplants > div > div {
        padding: 1rem;
        padding-right: 4rem;
    }

    .eb-strommix-top {
        padding-left: 0;
        padding-right: 0;
    }

    .eb-strommix-right {
        padding-left: 1rem;
        padding-right: 1rem;
        padding-bottom: 1rem;
    }

    .eb-strommix-right button {
        max-width: 100%;
    }

    .eb-strommix-overview {
        margin-left: 0;
        margin-right: 0;
    }
}

@media (max-width: 991px) {
    .eb-header-nav > .menu > .menu-item {
        min-width: 8rem;
    }

    .eb-waves > div:last-child {
        font-size: 1.5rem;
    }

    .eb-waves {
        margin-top: -3.35rem;
    }

    .eb-about .row > div:first-child {
        padding-top: 0;
    }

    .eb-about .row > div:last-child img,
    .eb-nachhaltigkeit .row > div:first-child img:not(.mejs-poster-img),
    .eb-nachhaltigkeit .row > div:first-child .wp-video,
    .eb-shop-hackschnitzel .row > div:last-child img {
        width: 100% !important;
        margin-left: 0;
    }

    .eb-about .row > div:first-child > :nth-last-child(2),
    .eb-nachhaltigkeit .row > div:last-child > :nth-last-child(2),
    .eb-about .row > div:first-child,
    .eb-nachhaltigkeit .row > div:first-child {
        margin-bottom: 2rem;
    }

    .eb-about {
        margin-bottom: 1.25rem;
    }

    .eb-leistungen {
        padding-top: 4rem;
        margin-bottom: 2rem;
    }

    .eb-vorteile ul {
        font-size: 1.25rem;
        line-height: 1.4rem;
    }

    .eb-vorteile li::before {
        top: 0;
    }

    .eb-stoerer > svg,
    .eb-stoerer > canvas,
    .eb-stoerer .eb-social-media,
    footer > svg,
    footer > canvas {
        display: none;
    }

    .eb-stoerer {
        background: #289938;
        padding: 2rem 0;
        margin-bottom: 4rem;
    }

    .eb-stoerer > .container {
        position: static;
        transform: none;
    }

    .eb-biogas,
    .eb-cellsenergy {
        margin-bottom: 4rem;
    }

    .eb-nachhaltigkeit .row > div:last-child {
        padding-left: calc(var(--bs-gutter-x) * .5);
    }

    .eb-cellsenergy .row > div:first-child {
        text-align: center;
        margin-bottom: 2rem;
    }

    footer {
        background: #289938;
    }

    .eb-footer-bottom {
        background: #176b31;
    }

    .eb-footer-inner {
        position: static;
        padding-top: 2rem;
    }

    .eb-galerie,
    .eb-kontakt-top {
        margin-bottom: 3rem;
    }

    .eb-footer-main .row > div:nth-child(2) {
        order: -1;
        text-align: center;
        margin-bottom: 2rem;
    }

    .eb-burger-menu .menu {
        width: 40rem;
    }

    .eb-header-svg {
        display: none;
    }

    .page-template-page-about header:not(.eb-header-filled) .eb-header,
    .page-template-page-galerie header:not(.eb-header-filled) .eb-header,
    .page-template-page-kontakt header:not(.eb-header-filled) .eb-header,
    .page-template-page-dienstleistungen header:not(.eb-header-filled) .eb-header,
    .page-template-page-shop header:not(.eb-header-filled) .eb-header,
    .page-template-page-impressum header:not(.eb-header-filled) .eb-header,
    .page-template-page-datenschutz header:not(.eb-header-filled) .eb-header,
    .page-template-page-strommix header:not(.eb-header-filled) .eb-header,
    .page-template-page-strommix-form header:not(.eb-header-filled) .eb-header,
    .page-template-page-strommix-bestaetigung header:not(.eb-header-filled) .eb-header {
        background: #289938;
    }

    .eb-subpage-top {
        padding-top: 10rem;
    }

    .eb-about-top .eb-vorteile {
        padding-bottom: 3rem;
    }

    .eb-about-biogas .row .row > div {
        margin-bottom: 1.5rem;
    }

    .eb-about-nachhaltigkeit {
        padding-bottom: 5rem;
    }

    .eb-form-row:nth-last-child(2) > .row:last-child > div:first-child {
        margin-bottom: 1.8rem;
    }

    .eb-leistung-top-img {
        margin-top: 0;
    }

    .eb-merkmale {
        padding-top: 0;
    }
    
    .eb-biogasanlage {
        margin-bottom: 2rem;
    }

    .eb-biogasanlage-inner {
        padding-top: 5rem;
    }

    .eb-impressum-kacheln .row {
        --bs-gutter-y: 2.5rem;
    }

    .eb-legal-top {
        padding-bottom: 5rem;
    }

    .eb-legal-top .eb-tel-cta {
        top: calc(50% + 2.5rem);
    }

    .eb-biogas-icons > div {
        margin-bottom: 2.5rem;
    }

    .eb-menu-btn {
        display: block;
    }

    .eb-header-nav > .menu,
    .eb-landing-top h1:before,
    .eb-landing-cellsenergy-logo,
    .eb-strommix-formular > svg {
        display: none;
    }

    .eb-landing-strommix {
        padding-top: 5rem;
    }

    .eb-strommix-formular .eb-strommix-step:nth-last-child(2) .eb-strommix-prev-step {
        width: 96.54px;
    }

    .eb-strommix-form-col,
    .eb-strommix-bestaetigung {
        margin-bottom: 2rem;
    }

    .eb-strommix-bestaetigung .row {
        --bs-gutter-y: 2rem;
    }

    .eb-powerplants h3 {
        font-size: 15px;
    }

    .eb-powerplants p {
        font-size: 10px;
    }

    .eb-powerplants p.eb-powerplant-location {
        font-size: 6px;
    }
}

@media (max-width: 767px) {
    .eb-waves > svg,
    .eb-waves > canvas,
    .eb-tel-cta,
    .eb-biogasanlage-inner > h2,
    .eb-biogasanlage-inner > .eb-subheadline {
        display: none;
    }

    .eb-about,
    .eb-nachhaltigkeit,
    .eb-leistungen,
    .eb-merkmale,
    .eb-about-top,
    .eb-kontakt-top,
    .eb-form,
    .eb-leistung-anfrage,
    .eb-strommix-formular-outer {
        padding-left: 0;
        padding-right: 0;
    }

    .eb-merkmale > .row {
        margin-left: 0;
        margin-right: 0;
    }

    .eb-burger-menu {
        width: 100%;
        height: 100%;
        position: fixed;
        padding-left: 3rem;
        background: #289938;
        justify-content: space-between;
    }

    .eb-burger-menu::before {
        content: '';
        position: absolute;
        left: 3rem;
        top: .87rem;
        width: 3.4935rem;
        height: 4.5139rem;
        background: url(assets/img/logo-icon.svg) center/contain no-repeat;
        filter: brightness(0) invert(1);
    }

    .eb-burger-menu .menu {
        display: block;
        width: auto;
        padding-top: 4.5rem;
    }

    .eb-burger-menu .menu > .menu-item {
        width: 100% !important;
        display: list-item !important;
        font-size: 1.5rem;
        margin-bottom: 2rem;
    }

    .eb-burger-menu .sub-menu {
        padding-left: 0;
    }

    .eb-burger-menu a:hover,
    .eb-menu-close:hover {
        color: #DFD202;
    }

    .eb-waves {
        background: #289938;
        padding: 2rem 3rem;
        margin-top: 0;
    }

    .eb-waves > div:last-child {
        position: static;
        transform: none;
        width: auto;
        text-align: center;
    }

    .eb-home-top-footer {
        bottom: 2rem;
    }

    .eb-vorteile ul {
        display: block;
    }

    .eb-stoerer {
        text-align: center;
    }

    .eb-stoerer .row > div:first-child {
        margin-bottom: 2rem;
    }

    .eb-galerie {
        padding-left: .75rem;
        padding-right: .75rem;
    }

    .eb-galerie .row {
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 1.5rem;
    }

    footer .eb-footer-right {
        display: flex;
    }

    .eb-footer-main .row > div:first-child {
        margin-bottom: 1.6rem;
    }

    .eb-burger-menu .sub-menu .menu-item::before {
        top: .975rem;
    }

    .eb-nachhaltigkeit-merkmale {
        margin-bottom: 2.5rem;
    }

    .eb-biogas-icons {
        padding-bottom: 0;
    }

    .eb-leistungen-faq {
        margin-bottom: 0;
    }

    .eb-faq-head,
    .eb-faq-content > div {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .eb-map-mask {
        padding-bottom: 100%;
    }

    .eb-map {
        -webkit-mask-size: auto 100%;
        mask-size: auto 100%;
    }

    .eb-biogasanlage + .eb-stoerer {
        margin-bottom: 0;
    }

    .eb-biogas-anfrage {
        margin-bottom: 4rem;
    }

    .eb-ck-kachel .eb-impressum-kachel > div > div {
        column-gap: 3rem;
    }

    .eb-header .eb-logo img,
    .eb-burger-menu::before {
        width: 2rem;
        height: 2.6rem;
    }

    .eb-burger-menu::before {
        top: .525rem;
        left: 1.5rem;
    }

    .eb-header {
        height: 4rem;
    }
    
    .eb-footer-main .row > div:first-child,
    .eb-footer-main .row > div:last-child {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .eb-burger-menu {
        padding: 1.5rem;
    }

    .eb-landing-preisbeispiel {
        padding-bottom: 0;
    }

    .eb-preisbeispiel-table {
        overflow: scroll;
    }

    .eb-preisbeispiel-hinweis {
        position: static;
        transform: none;
    }

    .eb-powerplants {
        margin-bottom: 2rem;
    }

    .eb-strommix-form-nav p,
    .eb-strommix-form-nav h1 {
        display: none;
    }

    .eb-strommix-form-nav .eb-strommix-form-nav-alt {
        display: block !important;
    }

    .eb-form-header h1 {
        margin-top: 2rem;
    }

    .eb-form-row-spacing {
        --bs-gutter-y: 2.85rem;
    }
}

@media (max-width: 575px) {
    .eb-home-top .eb-tel-cta,
    .eb-biogasanlage-inner,
    .eb-home-top-footer > div,
    .eb-leistungen::before,
    .eb-about-top::before,
    .eb-about-nachhaltigkeit::before,
    .eb-leistungen-faq::before,
    .eb-leistungen-faq::after,
    .eb-shop-top::before,
    .eb-merkmale::before {
        display: none;
    }

    .eb-home-top-logo {
        width: 14rem;
    }

    .eb-header,
    .eb-home-top-footer {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .eb-home-top-footer .menu-item:not(:first-child) {
        margin-left: 1.35rem;
    }

    .eb-scroll-down {
        margin-bottom: 1rem;
    }

    .eb-leistungen .container > .row > div:first-child,
    .eb-leistungen .container > .row .row > div {
        margin-bottom: 1.5rem;
    }

    footer .menu,
    footer .eb-footer-right {
        column-gap: 2rem;
        flex-wrap: wrap;
    }

    footer .eb-footer-right .menu-item {
        flex: 0 0 auto;
        width: calc(50% - 1rem);
    }

    .eb-footer-bottom span {
        display: block;
        opacity: 0;
        height: 0;
    }

    .eb-merkmale > .row {
        margin-bottom: 2rem;
        --bs-gutter-x: 1rem;
        padding-left: .5rem;
        padding-right: .5rem;
    }

    .eb-form .row:not(:last-child) {
        margin-bottom: 0;
    }

    .eb-merkmale {
        padding-bottom: 0;
        margin-bottom: 2rem;
    }

    .eb-ck-kachel .eb-impressum-kachel > div > div {
        display: block;
    }

    .eb-legal-top {
        padding-bottom: 3rem;
    }

    h2, h1 {
        font-size: 2rem;
    }

    .eb-subheadline {
        font-size: 1.25rem;
        line-height: 1.43rem;
        margin-bottom: 1.79rem;
    }

    footer .eb-footer-right {
        display: grid;
    }

    .container {
        --bs-gutter-x: 3rem;
    }

    .eb-form label {
        margin-bottom: 2rem;
    }

    .eb-landing-head .eb-home-top-logo {
        width: 7rem;
    }

    .eb-strommix-form {
        padding: 1rem;
    }

    .eb-form-header h1 {
        margin-top: 0;
    }

    .eb-strommix-form .eb-form-header {
        margin-bottom: 0;
    }

    .eb-label {
        font-size: .8rem;
    }

    .eb-energiemix-popup {
        position: relative;
        transform: none;
        left: 5%;
        top: 0;
    }

    .eb-energiemix-popup-outer {
        padding: 5vw 0;
    }

    .eb-energiemix-accordeon-header {
        flex-wrap: wrap;
    }

    .eb-powerplants h3 {
        font-size: 10px;
    }

    .eb-powerplants p {
        font-size: 7px;
    }

    .eb-powerplants p.eb-powerplant-location {
        font-size: 4px;
    }

    .eb-powerplants img {
        width: 95px;
    }

    .eb-powerplant-nav button svg {
        width: 12px;
    }

    .eb-powerplant-nav button:first-child svg,
    .eb-powerplant-nav button:last-child svg {
        width: 15px;
    }

    .eb-map { height: 450px; width: 100%; }
    .eb-map .marker { display: none; }
}