html {
font-size: 62.5%;
}
body {
font-size: 1.6rem;
background: url(//hermann.bio/wp-content/themes/hermann-bio/assets/img/gradient.svg) no-repeat;
background-position: top center;
background-color: #EAF0F4;
background-size: cover;
}
:where(.wp-block-columns) {
margin-bottom: 0;
} .flockler-embed-content * {
font-family: 'Trade Gothic', sans-serif;
font-weight: 400 !important;
}
.flockler-wall_v2-item__profile__name {
text-transform: lowercase;
font-size: 1.4rem;
}
.flockler-wall_v2-item__context__source, a.flockler-wall_v2-item__context__source {
width: 22px !important;
height: 22px !important;
margin: 5px 0 0 auto;
}
.flockler-wall_v2-item__wrapper {
border: none !important;
}
svg.flockler-wall_v2-item__context__icon * {
fill: #D9D9D9 !important;
}
.flockler-wall_v2-item__profile__username {
display: none;
} strong {
font-weight: normal;
}
.entry-content strong {
font-family: 'Trade Gothic Bold', sans-serif;
color: #00546B;
word-wrap: break-word;
}
.entry-content .has-text-color strong {
font-family: 'Trade Gothic Bold';
}
.entry-content {
font-family: 'Trade Gothic', sans-serif;
}
.wp-block-spacer {
max-height: 40px;
}
.bg_color {
background-color: #E5F0F3;
padding: 10rem 0 0;
margin-top: 10rem;
}
.z-index {
position: relative;
z-index: 20;
}
.container {
max-width: 1200px;
margin: 0 20px;
}
.container .container {
margin: 0;
}
.wp-block-video video {
mix-blend-mode: multiply;
}
.wp-block-video {
box-sizing: border-box;
max-width: 1065px;
margin: auto;
padding: 0 1rem;
}
.wp-block-group {
max-width: 100%;
margin: 0 auto;
}
.wp-block-group .container {
max-width: 100%;
}
.wp-block-group.video_content {
margin-top: -7rem;
margin-bottom: 4rem;
font-family: 'Trade Gothic', sans-serif;
font-size: 1.8rem;
opacity: 0;
transform: scale(0);
font-weight: 600;
}
.wp-block-group.video_content p {
margin: 0;
}
.wp-block-group.video_content.animate {
animation-name: fadeIn;
animation-duration: 8s;
animation-iteration-count: infinite;
} @keyframes fadeIn {
0% {
transform: scale(0);
opacity: 0;
}
25% {
transform: scale(0);
opacity: 0;
}
31% {
transform: scale(1);
opacity: 1;
}
100% {
transform: scale(1);
opacity: 1;
}
}
.primary_color strong {
color: #2C3238;
font-family: 'Trade Gothic Bold', sans-serif;
}
.scroll_down {
font-size: 1rem;
display: block;
text-align: center;
text-transform: uppercase;
margin-top: -5.5rem;
cursor: pointer;
position: relative;
z-index: 1;
color: #fff;
}
@media all and (min-width:1240px) {
.container {
margin: 0 auto;
}
}
.has-large-font-size, .content h1 {
font-size: 3.0rem !important;
color: #00546B;
font-family: 'Trade Gothic Bd2';
margin: 1rem 0;
line-height: normal;
letter-spacing: -1.5px;
}
h1.wp-block-heading, h1, .style_h1 {
font-size: 3.0rem;
font-family: 'Trade Gothic Bold';
line-height: normal;
}
.style_h1 {
text-transform: uppercase;
text-align: center;
}
@media all and (min-width: 768px) {
.style_h1 {
font-size: 2rem;
}
}
@media all and (min-width: 1024px) {
.style_h1 {
font-size: 3rem;
}
}
h2.wp-block-heading, h2 {
color: #00546B;
font-family: 'Trade Gothic Bold';
line-height: normal;
font-size: 3rem;
line-height: 4rem;
letter-spacing: -1.5px;
}
@media  all and (min-width: 768px) {
h2.wp-block-heading, h2 {
font-size: 5rem;
line-height: 6rem;
}
}
h2.wp-block-heading strong, h2 strong {
color: #2C3238 !important;
}
h3.wp-block-heading, h3 {
color: #00546B;
font-family: 'Trade Gothic Bold';
line-height: normal;
}
.has-large-font-size strong {
font-family: 'Trade Gothic Bd2';
font-weight: normal;
}
.has-medium-font-size {
font-size: 2.0rem !important;
margin: 1rem 0;
}
.cta_button, .hover_image_content a, .wp-block-button__link {
font-family: 'Trade Gothic Bd2', sans-serif;
font-weight: 700;
background-color: #E3000B;
color: #fff;
display: inline-block;
text-decoration: none;
padding: 1.3rem 2rem 1.1rem;
line-height: 2rem;
min-width: 240px;
border-radius: 4rem;
transition: 0.3s ease;
text-align: center;
border: 2px solid #E3000B;
}
.all_rezepte_displayed {
text-align: center;
padding: 10rem 0 0;
}
.wp-block-button__link:visited {
color: #fff;
}
.center {
margin: auto;
text-align: center;
}
.food_label {
min-width: 0;
padding: 0.4rem 2rem 0;
font-family: 'Trade Gothic Bd2', sans-serif;
font-size: 1.4rem;
}
.btn_disable {
background-color: transparent;
color: #2C3238 !important;
border: 1px solid #E3000B;
}
.hover_image_content a {
min-width: 190px;
}
.cta_button:hover, .hover_image_content a:hover, .wp-block-button__link:hover {
color: #2C3238;
background-color: #fff;
}
.cta_button:visited {
color: #fff;
}
.pulse-button {
box-shadow: 0 0 0 0 rgba(227, 0, 11, 0.5);
animation: pulse 1.5s infinite;
}
@-webkit-keyframes pulse {
0% {
transform: scale(0.9);
}
70% {
transform: scale(1.1);
box-shadow: 0 0 0 10px rgba(227, 0, 11, 0);
}
100% {
transform: scale(0.9);
box-shadow: 0 0 0 0 rgba(227, 0, 11,  0);
}
} .gform_body {
text-align: center;
margin: 0;
}
.gform_wrapper.gravity-theme .gfield textarea {
border-radius: 10px;
border: none;
}
.gfield_consent_label {
font-size: 1.4rem;
line-height: normal;
font-style: italic;
}
.textarea:focus, input:focus {
outline-color: #E3000B
}
body .gform_wrapper.gravity-theme .gform_validation_errors {
background: #E3000B;
border: none;
border-radius: 5px;
box-shadow: none;
margin: auto;
padding: 2rem 2rem 1.6rem;
position: relative;
width: auto;
display: inline-block;
}
body .gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message {
background: #E3000B;
border: none;
border-radius: 10px;
color: #fff;
}
body .gform_wrapper.gravity-theme .gform_validation_errors>h2 {
color: #fff;
}
.gfield input {
border-radius: 2.9rem;
border: none;
}
.gform_footer {
text-align: center;
}
.gform_footer input[type="submit"], .submitButton input {
background-color: #E3000B;
border-radius: 2.9rem;
border: none;
color: #fff;
margin: auto;
font-family: 'Trade Gothic Bold', sans-serif;
line-height: 2rem !important;
letter-spacing: 0;
padding: 1.3rem 5rem 1.3rem;
margin-top: 0 !important;
transition: 0.3s ease;
font-weight: 700;
cursor: pointer;
border: 2px solid #E3000B;
}
.gform_footer input[type="submit"]:hover { background-color: #fff;
color: #2C3238;
}
.newsletter_wrapper .footer {
max-width: 700px;
margin: auto;
line-height: 2rem;
font-size: 1.2rem;
color: #666666;
font-family: 'Trade Gothic', sans-serif;
font-weight: 400;
padding: 0 1rem;
}
.newsletter_wrapper .page {
display: flex;
max-width: 800px;
justify-content: center;
align-items: center;
margin: 0rem auto 2rem;
flex-wrap: wrap;
padding: 0 1rem;
}
span#email-error {
color: #E3000B;
padding: 1rem;
display: block;
}
.newsletter_wrapper .page .field.text {
width: 100%;
}
.button-left {
margin-left: 0;
margin-top: 2rem;
width: 100%;
}
.button-left input {
width: 100%;
}
.submitButton input:hover {
background-color: #fff;
color: #2C3238;
border-color: #E3000B;
}
.field__normal input {
padding: 1.3rem 1.2rem 1.3rem;
border-radius: 2.9rem;
border: 0;
width: 100%;
}
.gform_wrapper .gfield_required {
color: #E3000B !important;
} .menu_burger svg {
position: relative;
right: -10px;
}
button.menu.menu_burger {
background-color: transparent;
border: none;
cursor: pointer;
display: flex;
padding: 0;
-webkit-tap-highlight-color: transparent;
}
.line {
fill: none;
stroke: #E3000B;
stroke-width: 6;
transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}
.line1, .line3 {
stroke-dasharray: 60 207;
stroke-width: 6;
}
.line2 {
stroke-dasharray: 60 60;
stroke-width: 6;
}
.opened .line1, .opened .line3 {
stroke-dasharray: 90 207;
stroke-dashoffset: -134;
stroke-width: 6;
}
.opened .line2 {
stroke-dasharray: 1 60;
stroke-dashoffset: -30;
stroke-width: 6;
}
.main-navigation {
display: none;
position: fixed;
left: 0;
right: 0;
top: 64px;
background-color: #fff;
z-index: 10;
padding: 20px 20px 9px;
box-shadow: 1px 1px 6px rgba(0,0,0,0.1);
} .site-branding img {
width: 170px;
display: block;
height: auto;
}
.site-branding a {
display: block;
transition: 0.3s ease;
}
.site-branding a:hover {
transform: scale(1.05);
}
.head_wrapp { background: url(//hermann.bio/wp-content/themes/hermann-bio/assets/img/gradient.svg) no-repeat;
background-size: cover;
position: fixed;
top: 0;
z-index: 1000;
width: 100%;
left: 0;
right: 0;
}
.admin-bar .head_wrapp {
top: 32px;
}
#page {
padding-top: 64px;
}
.admin-bar #page {
padding-top: 98px;
}
.lmt_header_wrapper {
display: flex;
justify-content: space-between;
align-items: center;
padding: 1rem 0;
}
.header_main-nav li {
position: static;
margin: 0;
}
.header_main-nav li .sub_level li {
display: flex;
align-items: center;
}
.sub_level {
position: absolute;
top: 0;
left: 50%;
margin: 0;
height: 100%;
border-left: 2px solid #00000015;
display: none;
}
.header_main-nav ul {
padding: 0;
margin: 0;
list-style: none;
}
.header_main-nav a {
display: inline-block;
text-decoration: none;
color: #2C3238;
font-size: 1.4rem;
font-family: 'Trade Gothic Bd2', sans-serif;
transition: 0.3s ease;
padding: 1.0rem 0;
font-weight: 500;
}
.header_main-nav .cta_button {
min-width: 163px;
padding: 0.5rem 2rem 0.7rem;
margin: 2rem 1rem 2rem 0;
}
.header_main-nav .cta_button:hover a {
color: #E3000B;
}
.header_main-nav .cta_button a {
color: #fff;
padding: 0;
padding-top: 0.5rem;
}
.header_main-nav a:hover, .header_main-nav .current-menu-item a {
color: #E3000B;
}
.header_main-nav > ul {
display: block;
align-items: center;
justify-content: flex-end;
}
.lmt_submenu_wrapper {
display: none;
position: fixed;
background-color: #eee;
width: 100%;
left: 0;
right: 0;
top: 39px;
}
.admin-bar .lmt_submenu_wrapper {
top: 86px;
}
.header_main-nav .lmt_submenu_wrapper a {
display: block;
}
.lmt_nav_headline {
color: #084A99;
font-weight: bold;
font-size: 30px;
}
.lmt_submenu_inner {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.lmt_submenu_left {
width: 60%;
position: relative;
}
.parent_sub_level {
width: 50%;
}
.parent_sub_level li {
display: flex;
}
.lmt_submenu_right {
width: 40%;
}
.nav-image-holder {
background-size: cover;
background-position: center top;
color: #fff;
}
.header_main-nav .lmt_sub_menu_toggle {
display: inline-block;
transform: rotate(90deg);
transition: 0.3s ease;
}
.lmt_menu_active > .lmt_sub_menu_toggle {
transform: rotate(-90deg);
}
.lmt_menu_icon {
width: 70px;
height: auto;
} .slider_wrapper {
position: relative;
}
.slider_wrapper a:after {
content: attr(title);
transition: 0.3s ease;
}
.slider_wrapper a:hover:after {
content: attr(title_hover);
}
.slider_wrapper a {
transition: 0.3s ease;
border: 2px solid transparent;
}
.slider_wrapper a:hover {
color: #2C3238;
background-color: #fff;
border: 2px solid #E3000B;
transform: none;
}
.slider_wrapper ol {
padding: 0;
margin: 0;
list-style: none;
}
.slider_wrapper video {
max-height: calc(100vh - 140px);
width: 100%;
object-fit: cover;
min-height: 60vh;
height: 100vh;
}
.head_text_slider_wrapper strong {
font-size: 3rem;
color: #fff;
font-family: 'Trade Gothic';
margin-bottom: 2rem;
line-height: normal;
min-height: 145px;
padding: 0 1rem;
display: flex;
align-items: center;
justify-content: center;
}
.head_text_slider_wrapper {
position: absolute;
top: 50%;
left: 0;
right: 0;
margin: auto;
transform: translateY(-50%);
text-align: center;
} .post_header {
position: relative;
}
.post_header img {
max-height: 600px;
width: 100%;
object-fit: cover;
min-height: 320px;
}
.post_header figure::after {
position: absolute;
background-color: #000;
left: 0;
right: 0;
top: 0;
bottom: 0;
content: '';
z-index: 5;
opacity: 0.2;
}
.post_header_content {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
right: 0;
margin: auto;
color: #fff;
z-index: 10;
padding: 0 1rem;
}
.post_header_content h1 {
font-size: 3rem;
line-height: normal;
margin: 2rem 0 0;
font-weight: normal;
text-transform: uppercase;
font-weight: normal;
font-family: 'Trade Gothic Bold';
word-break: break-word;
}
.post_header_content strong {
font-size: 2.6rem;
font-weight: normal;
font-family: 'Trade Gothic Bold';
}
.rezept_facts_wrapper {
display: flex;
margin-top: 2rem;
justify-content: flex-end;
}
.rezept_facts_wrapper span {
background-color: #E3000B;
border-radius: 60%;
width: 6.5rem;
height: 6.5rem;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
text-align: center;
margin: 0 0.5rem;
}
.rezept_facts_wrapper em {
font-style: normal;
font-size: 1.2rem;
font-family: "Trade Gothic Bold", sans-serif;
line-height: normal;
}
.rezept_flex_wrappper {
display: flex;
margin-top: 7.5rem;
margin-bottom: 0;
align-items: flex-start;
flex-wrap: wrap;
}
.newsletter_wrapper {
padding-bottom: 0;
}
section:last-child.newsletter_wrapper {
padding-bottom: 17rem;
}
.no_space .newsletter_wrapper {
padding-bottom: 0 !important;
}
.rezept_flex_wrappper .wp-block-group.has-background.is-layout-constrained {
border-radius: 10px;
padding: 2rem;
margin: 5rem 0 2rem;
}
.rezept_flex_wrappper .wp-block-group.has-background.is-layout-constrained .has-medium-font-size {
font-size: 2.6rem;
font-family: 'Trade Gothic Bold', sans-serif;
}
.rezept_flex_wrappper .wp-block-group.has-background.is-layout-constrained em {
font-style: normal;
}
.rezept_flex_wrappper aside {
width: 100%;
}
.rezept_flex_wrappper .rezept_content_wrapper {
width: 100%;
padding-left: 0;
margin-top: 2rem;
}
.rezept_flex_wrappper .rezept_content_wrapper .container {
margin: 0;
}
.rezept_content_wrapper > div p {
margin-top: 0;
}
.rezept_content_wrapper ol, .wp-block-container.container.list ul {
padding: 0;
margin: 0;
list-style-type: none;
counter-reset: my-counter;
}
.rezept_content_wrapper ol li, .wp-block-container.container.list ul li {
counter-increment: my-counter;
position: relative;
padding-left: 45px;
margin-bottom: 3rem;
}
.rezept_content_wrapper ol li::before, .wp-block-container.container.list ul li::before {
content: counter(my-counter);
background-color: #00546B;
color: #fff;
border-radius: 50%;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
font-family: 'Trade Gothic Bold';
font-size: 1.5rem;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
padding-top: 4px;
font-weight: normal;
}
.wp-block-container.container.list ul li::before {
content: ' ';
background-image: url(//hermann.bio/wp-content/themes/hermann-bio/assets/img/icons/arrow.svg);
background-position: center;
background-size: 16px;
background-repeat: no-repeat;
}
.rezept_flex_wrappper strong, .lightbox_wrapper strong {
font-size: 2.4rem;
color: #00546B;
margin: 4rem 0 2rem;
display: block;
font-family: 'Trade Gothic Bold';
}
.lightbox_wrapper strong {
text-align: center;
font-size: 3rem;
}
.rezept_flex_wrappper .rezept_content_wrapper strong {
margin-top: 0;
}
.wp-block-table {
overflow: visible;
box-shadow: 1px 2px 6px rgba(0,0,0,0.03);
}
.rezept_flex_wrappper table, .wp-block-table table {
border-collapse: collapse;
width: 100%;
}
.rezept_flex_wrappper td, .wp-block-table td {
border-color: #cfe3e9;
}
.wp-block-table td, .wp-block-table th {
border: 1px solid #fff;
border-top: none;
border-bottom: none;
}
.wp-block-table tr td:last-child {
border-right: none;
}
.wp-block-table tr td:first-child {
border-left: none;
}
.rezept_flex_wrappper td, .wp-block-table td {
padding: 1.6rem 2rem;
font-size: 1.4rem;
line-height: normal;
}
.rezept_flex_wrappper table b, .rezept_flex_wrappper table i {
font-family: 'Trade Gothic Bold', sans-serif;
font-style: normal;
}
.rezept_flex_wrappper td:first-child, .wp-block-table td:first-child {
white-space: nowrap;
}
.rezept_flex_wrappper tr:nth-child(odd) td {
background-color: #cfe3e9;
}
.wp-block-table tr:nth-child(odd) td {
background-color: #e5f0f3;
}
.wp-block-table tr:nth-child(even) td {
background-color: #cce2e8;
}
.rezept_flex_wrappper tr td:first-child {
width: 10rem;
}
.rezept_flex_wrappper tr:nth-child(odd) td:first-child, .wp-block-table tr:nth-child(odd) td:first-child {
border-radius: 5px 0 0 5px;
}
.rezept_flex_wrappper tr:nth-child(odd) td:last-child, .wp-block-table tr:nth-child(odd) td:last-child {
border-radius: 0 5px 5px 0;
}
.zutaten_calc_wrapper {
display: flex;
align-items: center;
margin: 0 0 2rem;
justify-content: space-between;
}
.calc_wrapper {
display: flex;
align-items: center;
justify-content: center;
background-color: #fff;
border-radius: 20px;
padding: 8px 0;
}
.zutaten_calc_wrapper button {
background-color: #00546B;
border-radius: 50%;
width: 30px;
height: 30px;
border: none;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
margin: 0 8px;
cursor: pointer;
border: 1px solid transparent;
transition: 0.3s ease;
}
.calc_wrapper span {
padding: 0 2px;
}
.zutaten_calc_wrapper button:hover {
border: 1px solid #00546B;
background-color: #fff;
}
.zutaten_calc_wrapper button:hover svg * {
fill:#00546B;
}
.zutaten_calc_wrapper strong {
margin: 0 10px 0 0;
white-space: nowrap;
} .lightbox_wrapper {
padding-bottom: 6rem; margin-bottom: 0;
}
.lightbox_wrapper .center a {
margin-top: 3rem;
}
.lightbox_slides {
padding: 0;
margin: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.lightbox_slides li {
width: 50%;
flex: 0 0 calc(50% - 5px);
margin-bottom: 10px;
}
.lightbox_slides img {
border-radius: 5px;
} .site-footer { background: url(//hermann.bio/wp-content/themes/hermann-bio/assets/img/gradient.svg) no-repeat;
background-size: cover;
}
.site-footer .container {
position: relative;
}
.footer_bottom {
text-align: center;
position: relative;
padding: 3rem 0 1rem;
z-index: 20; display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
flex-direction: column-reverse;
}
.copyright {
font-weight: normal;
}
.footer_bottom ul {
margin: 0;
padding: 0;
list-style: none;
}
.footer_bottom li {
display: inline-block;
}
.footer_bottom a {
text-decoration: none;
padding: 1rem 0.8rem;
display: block;
transition: 0.3s ease;
font-family: 'Trade Gothic Bold';
}
.footer_bottom a:hover {
color: #E3000B;
}
.footer_bottom .copyright a {
font-weight: normal;
padding: 0;
text-align: left;
font-size: 1.2rem;
display: flex;
align-items: center;
justify-content: center;
opacity: 0.5;
margin-top: 5px;
}
.footer_bottom .copyright img {
height: 14px;
margin-left: 4px;
width: auto;
display: block;
position: relative;
top: -2px;
}
.to_top {
background-color: #CD9D5D;
border: 0;
box-shadow: none;
display: block;
transition: 0.3s ease;
position: absolute;
padding: 0;
bottom: calc(100% - 22px);
margin: auto;
left: 0;
right: 0;
width: 3.3rem;
height: 3.3rem;
border-radius: 60%;
display: flex;
align-items: center;
justify-content: center;
}
.abo_cta_wrapper {
position: fixed;
bottom: 0;
z-index: 100;
right: 10px;
transition: 0.3s ease;
transform: scale(0.5);
transform-origin: bottom right;
}
@media all and (max-width: 500px) {
.abo_cta_wrapper {
transform: scale(0.75);
}
}
.abo_cta_wrapper.badge_active {
position: absolute;
bottom: calc(100% - 1rem);
z-index: 10;
right: 0;
transition: 0.3s ease;
transform: scale(1);
}
.abo_cta_wrapper svg {
display: block;
margin: auto;
transform: rotate(-15deg);
}
.abo_cta_wrapper img {
position: absolute;
bottom: 0;
right: 9rem;
max-width: 11rem;
}
.abo_cta_wrapper:hover a {
transform: scale(1.1);
} .abo_cta_wrapper:hover {
transform: scale(0.7);
}
.abo_cta_wrapper.badge_active:hover {
transform: scale(1);
}
.abo_cta_wrapper a {
padding: 1rem;
transition: 0.3s ease;
background-color: #E3000B;
font-size: 1.5rem;
color: #fff;
width: 15rem;
height: 15rem;
display: flex;
overflow: hidden;
border-radius: 60%;
align-items: center;
justify-content: center;
text-align: center;
text-decoration: none;
font-family: 'Trade Gothic Bd2';
transform: matrix(0.97, 0.26, -0.26, 0.97, 0, 0);
}
.abo_cta_wrapper span {
text-align: center;
display: block;
} .rezept_slider_wrapper {
margin: 7rem 0 5rem;
position: relative;
}
.rezept_slider_wrapper.releated_rezept_wrapper {
background-color: #fff;
padding: 3rem 0 0rem;
margin-top: 0;
}
.rezept_slider_wrapper.releated_rezept_wrapper .center a {
margin-top: 7rem;
margin-bottom: 3rem;
}
.rezept_slider_wrapper a {
text-decoration: none;
}
.rezept_slider_wrapper a.cta_rezept {
display: block;
color: #00546B47;
font-size: 1.4rem;
font-family: 'Trade Gothic', sans-serif;
text-align: center;
margin-top: 2rem;
font-weight: normal;
}
.cta_rezept svg rect {
fill: #CD9D5D;
}
.rezept_slider_wrapper article:hover a.cta_rezept {
text-decoration: underline;
}
@media all and (min-width: 1024px) {
.rezept_slider_wrapper article:hover a.cta_rezept {
color: #fff;
text-decoration: underline;
}
}
.rezept_slider_wrapper a.cta_rezept svg {
display: block;
margin: -10px auto 0;
top: 20px;
position: relative;
transition: 0.3s;
}
.rezept_slider_wrapper a.cta_rezept:hover {
transition: 0.3s;
}
.rezept_slider_wrapper a.cta_rezept:hover svg {
transform: scale(0.9);
}
@media all and (min-width: 1024px) {
.rezept_slider_wrapper article:hover svg {
top: -60px;
}
}
.rezept_slider_wrapper strong {
font-size: 2.6rem;
font-weight: 600;
color: #00546B;
font-family: 'Trade Gothic Bold', sans-serif;
line-height: 1;
min-height: 90px;
transition: 0.3s ease;
opacity: 1;
display: flex;
align-items: center;
justify-content: center;
margin: auto; -epub-hyphens: auto;
hyphenate-limit-chars: 10 3 4;
-webkit-hyphenate-limit-before: 3;
-webkit-hyphenate-limit-after: 4;
-ms-hyphenate-limit-chars: 10 3 4;
-webkit-hyphens: auto;
}
.rezept_slider_wrapper.releated_rezept_wrapper strong { }
.rezept_slider_wrapper ol {
list-style: none;
margin: 0;
width: 100%;
padding: 0 3rem;
}
.rezept_slider_wrapper .slick-prev {
left: 0;
}
.rezept_slider_wrapper .slick-next {
right: 0;
}
@media all and (min-width: 1440px) {
.rezept_slider_wrapper .slick-prev {
left: -5rem;
}
.rezept_slider_wrapper .slick-next {
right: -5rem;
}
.rezept_slider_wrapper ol {
padding: 0;
margin: 0;
list-style: none; margin: 0 -1rem;
width: calc(100% + 2rem);
}
}
.rezept_slider_wrapper .slick-prev, .rezept_slider_wrapper .slick-next {
width: 3rem;
height: 3rem;
transition: 0.3s ease-in-out;
}
.rezept_slider_wrapper .slick-prev:hover, .rezept_slider_wrapper .slick-next:hover {
opacity: 0.5;
}
.rezept_slider_wrapper .slick-prev:before {
background-image: url(//hermann.bio/wp-content/themes/hermann-bio/assets/img/chevron-left-solid.svg);
opacity: 1;
width: 3rem;
height: 3rem;
display: block;
background-repeat: no-repeat;
content: '';
background-position: left;
}
.rezept_slider_wrapper .slick-next:before {
background-image: url(//hermann.bio/wp-content/themes/hermann-bio/assets/img/chevron-right-solid.svg);
opacity: 1;
width: 3rem;
height: 3rem;
display: block;
background-repeat: no-repeat;
content: '';
background-position: right;
}
.rezept_slider_wrapper.releated_rezept_wrapper ol {
margin-top: 9.5rem;
}
.rezept_slider_wrapper li {
width: 50%;
flex: 0 0 calc(50% - 10px);
margin: 0;
}
.rezept_slider_wrapper li:first-child, .rezept_slider_wrapper li:nth-child(2) {
margin-bottom: 0;
}
.rezept_slider_wrapper article {
background-color: #B7CDDA;
border-radius: 10px;
text-align: center;
background-size: cover;
background-repeat: no-repeat;
background-position: bottom -500px center;
transition: 0.3s ease;
margin: 4rem 1rem 2rem;
aspect-ratio: 1 / 1.3;
}
@media  all and (min-width: 768px){
.rezept_slider_wrapper article {
aspect-ratio: 1 / 1;
}
}
@media all and (min-width: 1024px) {
.rezept_slider_wrapper article:hover {
background-position: bottom 0 center;
}
}
.rezept_slider_wrapper figure {
max-width: 250px;
margin: auto;
position: relative;
top: -4rem;
margin-bottom: -4rem;
min-height: 155px;
height: 180px;
}
.rezept_slider_wrapper img {
width: 100%;
opacity: 1;
transition: 0.3s ease;
height: 100%;
object-fit: contain;
object-position: top;
}
.rezept_slider_wrapper figcaption {
padding: 0 3rem;
}
@media  all and (min-width: 500px) {
.rezept_slider_wrapper figcaption {
padding: 0 1rem;
}
}
@media all and (min-width: 1024px) {
.rezept_slider_wrapper article:hover strong, .rezept_slider_wrapper article:hover img {
opacity: 0;
}
} .hover_image_wrapper {
background-color: #fff;
transition: 0.8s ease;
padding: 2rem;
position: relative;
margin-top: 4rem;
}
.hover_image_wrapper.hover_image_wrapper_no_bg {
background-color: transparent;
padding: 0;
margin-top: 0;
}
.hover_image_wrapper:hover {
padding: 0 0;
}
.hover_image_wrapper .hover_image_img {
width: 100%;
transform: scale(1);
transition: 0.8s ease;
border-radius: 10px;
height: 530px;
object-fit: cover;
object-position: top;
max-width: 1200px;
margin: auto;
}
.hover_image_wrapper:hover .hover_image_img {
transform: scale(1);
height: 736px;
border-radius: 0;
object-position: top;
max-width: 100%;
}
.hover_image_wrapper strong {
font-size: 4rem;
color: #fff;
line-height: 4.5rem;
font-family: 'Trade Gothic Bold';
text-transform: uppercase;
}
.hover_image_content {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
max-width: 1200px;
margin: auto;
right: 0;
text-align: center;
}
.hover_image_bagde {
position: absolute;
max-width: 1200px;
margin: auto;
right: 0;
left: 0;
top: 0;
}
.hover_image_bagde img {
display: block;
margin: 3rem 3rem 0 auto;
width: 10rem;
} .copy_input {
-webkit-appearance: none;
position: absolute;
opacity: 0;
z-index: -1;
}
.social_sharing_icon {
border: 0.1rem solid #000;
width: 3rem;
height: 3rem;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
cursor: pointer;
transition: 0.3s ease-in-out;
}
.social_sharing_icon:hover {
transform: scale(1.1) rotate(15grad);
}
.share-popup ul li p {
transition: 0.3s ease-in-out;
}
.share-popup ul li:hover p {
color: #000;
}
.share-popup {
background-color: #FFFFFF;
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);
border-radius: 3px;
padding: 11px 20px;
max-width: 100%;
position: absolute;
right: 20px;
bottom: 88px;
z-index: 1;
display: none;
}
.share-popup:after {
content: "";
position: absolute;
bottom: -14px;
left: 75%;
transform: translateX(-50%) rotate(90deg);
width: 0;
height: 0;
box-sizing: border-box;
border: 8px solid #000000;
border-color: transparent transparent #FFFFFF #FFFFFF;
transform-origin: 0 0;
transform: rotate(-45deg);
box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.05);
}
.share-popup ul {
display: flex;
flex-direction: column;
align-items: center;
gap: 0;
margin: 0px;
padding: 0;
list-style: none;
}
.share-popup ul li a {
display: flex;
align-items: center;
}
.share-popup ul li a img {
margin-right: 10px;
}
.share-popup ul li a p {
color: #969696;
line-height: 14px;
max-width: 65px;
font-size: 1.4rem;
}
.share-popup-sidebar {
position: fixed;
right: 2rem;
transform: translateY(50%);
bottom: 50%;
background-color: #fff;
box-shadow: 0px 0px 6px #00000029;
border-radius: 3px;
padding: 0 1rem;
text-align: center;
z-index: 1000;
}
.sharing_title {
font-weight: 7;
text-align: center;
position: relative;
padding: 0;
color: #000;
font-size: 1.4rem;
font-family: 'Trade Gothic Bold', sans-serif;
}
.share-popup-sidebar a {
transition: 0.3s ease;
display: block;
}
.share-popup-sidebar a:hover {
transition: 0.3s ease;
transform: scale(1.05);
}
.share-popup-sidebar ul {
list-style: none;
padding: 0;
margin: 0;
}
.share-popup-sidebar ul p {
margin: 0 0 1.5rem 0;
color: #969696;
font-size: 1.4rem;
line-height: 1.2;
}
.share-popup-sidebar ul li p {
transition: 0.3s ease-in-out;
display: none;
}
.share-popup-sidebar img {
margin: 1rem auto;
}
.share-popup-sidebar ul li:hover p {
color: #000;
}
.sharing_desktop {
display: none;
}
.sharing_mobile {
display: block;
}
.nav--checkbox {
display: none;
}
.nav--button {
position: fixed;
bottom: 11rem;
right: 2rem;
height: 5rem;
width: 5rem;
background-color: #fff;
border-radius: 50%;
z-index: 666;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0px 0px 6px #00000029;
transition: 0.3s ease-in-out;
}
.nav--button img {
width: 20px;
height: auto;
}
.nav--button:hover {
transform: rotate(15grad);
}
.sharing_mobile .nav--checkbox:checked ~ .share-popup-sidebar  {
bottom: 50%;
right: 1.5rem;
}
.sharing_mobile .share-popup-sidebar {
transition: all 500ms cubic-bezier(0.6, -0.5, 0.4, 1.5);
bottom: -100rem;
}
@media all and (min-width: 568px) {
.share-popup {
bottom: unset;
top: -9rem;
}
.share-popup:after {
left: 75%;
}
}
@media all and (min-width: 768px) {
.share-popup {
top: -3rem;
}
.share-popup:after {
left: 75%;
}
}
@media  all and (min-width: 1024px) {
.share-popup {
top: -1rem;
}
.post_header_content {
display: flex;
align-items: flex-end;
justify-content: space-between;
transform: none;
top: auto;
bottom: 3.5rem;
}
}
@media  all and (min-width: 1140px) {
.sharing_mobile {
display: none;
}
.sharing_desktop {
display: block;
}
}  .search_wrapper {
background-color: #B7CDDA;
padding: 2rem 0;
}
.rezept_archive_header video {
max-height: 290px;
object-fit: cover;
width: 100%;
display: block;
min-height: auto;
}
.rezept_archive_list_wrapper {
display: flex;
flex-wrap: wrap;
list-style: none;
margin: 0;
padding: 0;
gap: 5px;
}
.rezept_archive_list_wrapper li {
width: 100%;
}
.rezept_archive_list_wrapper li a { display: block;
overflow: hidden;
position: relative;
transition: 0.3s ease;
}
.hover_rezept_facts_wrapper {
position: absolute;
inset: 0;
background-color: #00000090;
color: #fff;
top: 0;
opacity: 1;
z-index: 1;
transition: all 0.3s ease-in-out;
} .hover_rezept_facts_wrapper {
top: 100%;
opacity: 0;
z-index: -1;
background-size: cover;
}
.rezept_archive_list_wrapper li a:hover .hover_rezept_facts_wrapper{
top: 0;
opacity: 1;
z-index: 1;
}
.rezept_archive_list_wrapper li a:active .hover_rezept_facts_wrapper {
top: 100%;
opacity: 0;
z-index: -1;
} span.cta_rezept {
display: flex;
flex-direction: column-reverse;
align-items: center;
gap: 15px;
font-size: 1.4rem;
text-align: center;
margin-top: 2rem;
font-weight: normal;
text-decoration: underline;
text-transform: capitalize;
}
.rezept_rating {
position: absolute;
right: 0;
top: 25px;
background-color: #fff;
color: #2C3238;
font-family: 'Trade Gothic Bold';
padding: 10px 15px 5px;
border-radius: 20px 0 0 20px;
font-size: 15px;
line-height: 1.2;
display: flex;
align-items: center;
gap: 10px;
}
.star_wrapper {
display: flex;
}
.star_wrapper svg {
bottom: 3px;
position: relative;
}
.hover_rezept_facts_inner .rezept_facts_wrapper {
align-items: center;
justify-content: center;
}
.rezept_facts_wrapper {
display: flex;
margin-top: 2rem;
justify-content: flex-end;
}
.hover_rezept_facts_inner {
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
height: 100%;
gap: 0;
}
@media all and (min-width: 1024px) {
.hover_rezept_facts_inner {
gap: 25px;
}
}
.rezept_archive_list_wrapper li a img {
aspect-ratio: 1 / 1;
object-fit: cover;
width: 100%;
}
.rezept_archive_list_wrapper li a:hover {
}
.rezept_archive_main {
background-color: #fff;
padding-top: 4.6rem;
}
.rezept_archive_main h1 {
text-align: center;
}
.food_category_wrapper {
margin: 0;
padding: 0;
list-style: none;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
margin-top: 2.4rem;
padding-bottom: 4.4rem;
margin-bottom: 3rem;
border-bottom: 1px solid #D9D9D9;
}
@media all and (max-width: 768px) {
.food_category_wrapper {
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
width: 100%;
-webkit-overflow-scrolling: touch;
justify-content: flex-start;
}
.food_category_wrapper li {
flex: 0 0 auto;
}
}
.theme_archive_header_video_wrapper {
position: relative;
}
.theme_archive_header_video_wrapper p br {
display: none;
}
.theme_archive_header_video_wrapper div {
position: absolute;
top: 50%;
left: 0;
right: 0;
transform: translateY(-50%);
padding: 1rem;
font-size: 2.6rem;
text-align: center;
color: #fff;
z-index: 100;
}
.theme_archive_header_video_wrapper strong {
font-size: 2rem;
display: block;
font-family: 'Trade Gothic Bold', sans-serif;
}
.theme_archive_header_video_wrapper sub {
font-family: 'Trade Gothic Bold';
font-size: 5.1rem;
bottom: 0;
display: block;
line-height: normal;
margin-top: 1rem;
}
.food_category_wrapper a {
margin: 0.5rem;
} #ajaxsearchlite1 .probox .proinput input, div.asl_w .probox .proinput input {
font-family: 'Trade Gothic', sans-serif !important;
font-size: 1.3rem !important;
} .entry-content .accordion-question {
color: #000;
font-size: 2rem;
padding: 2.5rem 0;
display: flex;
border-bottom: 1px solid #CCE2E8;
font-family: 'Trade Gothic', sans-serif;
font-weight: normal;
cursor: pointer;
align-items: center;
justify-content: space-between;
}
.faq.accordion-wrapper {
background-color: #fff;
padding-bottom: 4rem;
padding-top: 1rem;
}
.accordion-answer {
font-size: 1.5rem;
line-height: 3.6rem;
color: #707070;
}
.icon-arrow-right-solid {
transition: 0.3s ease;
}
.active .icon-arrow-right-solid {
transform: rotate(180deg)
}
@media all and (min-width: 768px) {
.rezept_archive_list_wrapper li {
width: calc(50% - 3.35px);
}
}
@media all and (min-width: 1024px) {
.rezept_archive_list_wrapper li {
width: calc(33.33% - 3.35px);
}
}  @media all and (min-width: 768px) {
.hover_image_wrapper {
padding: 1rem;
}
.slider_wrapper video {
min-height: 300px;
max-height: calc(100vh - 64px);
}
.rezept_archive_main {
background-image: url(//hermann.bio/wp-content/themes/hermann-bio/assets/img/body-bg.svg);
background-repeat: no-repeat;
background-position: top 12rem right -15rem;
background-size: 65%;
}
.theme_archive_header_video_wrapper strong {
font-size: 2.6rem;
}
.theme_archive_header_video_wrapper sub {
font-size: 6.1rem;
}
.lightbox_wrapper .center a {
margin-top: 5rem;
}
.lightbox_wrapper {
background-color: transparent;
}
.lightbox_slides li {
width: 33.3%;
flex: 0 0 calc(33.3% - 5px);
}
.post_header img {
max-height: 400px;
}
.calc_wrapper {
padding: 5px 0;
}
.zutaten_calc_wrapper button {
margin: 0 4px;
}
.rezept_flex_wrappper strong, .rezept_flex_wrappper .rezept_content_wrapper strong {
font-size: 2rem;
}
.rezept_flex_wrappper {
flex-direction: unset;
}
.rezept_flex_wrappper aside {
width: 40%;
}
.rezept_flex_wrappper .rezept_content_wrapper {
width: 60%;
padding-left: 4rem;
margin-top: 0;
}
.zutaten_calc_wrapper {
margin-top: 0;
}
.rezept_slider_wrapper.releated_rezept_wrapper {
padding: 8rem 0 7rem;
}
.rezept_facts_wrapper em {
font-size: 1.4rem;
}
.rezept_facts_wrapper span {
width: 8.5rem;
height: 8.5rem;
}
.newsletter_wrapper .page .field.text {
width: 60%;
}
.button-left {
margin-left: 1rem;
margin-top: 0;
width: 40%;
}
.newsletter_wrapper .page {
flex-wrap: nowrap;
}
.rezept_content_wrapper ol li {
padding-left: 60px;
}
.rezept_content_wrapper ol li::before {
width: 36px;
height: 36px;
font-size: 2rem;
padding-top: 3px;
}
.post_header_content h1 {
font-size: 5rem;
line-height: 6rem;
}
.rezept_slider_wrapper:after {
content: '';
display: block;
background-image: url(//hermann.bio/wp-content/themes/hermann-bio/assets/img/body-bg.svg);
background-size: cover;
background-repeat: no-repeat;
width: 45vw;
height: 60vw;
position: absolute;
bottom: -15rem;
right: 0;
background-position: center left;
z-index: -1;
max-width: 682px;
max-height: 865px;
}
.single .rezept_slider_wrapper:after  {
display: none;
}
.wp-block-video {
padding: 0;
}
.wp-block-group.video_content {
margin-top: -20rem;
font-size: 2.6rem;
line-height: 4.7rem;
}
.wp-block-spacer {
max-height: none;
}
.rezept_slider_wrapper {
margin: 9.5rem 0 7.5rem;
}
.rezept_slider_wrapper li:first-child, .rezept_slider_wrapper li:nth-child(2) {
margin-bottom: 0;
}
.rezept_slider_wrapper.count_rezept_5 li {
margin-bottom: 10rem;
}
.rezept_slider_wrapper li {
width: 25%;
flex: 0 0 calc(25% - 10px);
margin: 0;
}
.count_rezept_3.rezept_slider_wrapper li {
width: 33.3%;
flex: 0 0 calc(33.3% - 10px);
}
.head_text_slider_wrapper strong {
font-size: 4.5rem;
min-height: 110px;
}
.hover_image_wrapper {
margin-top: 9rem;
}
.hover_image_wrapper .hover_image_img {
border-radius: 16px;
}
.hover_image_bagde {
top: 10rem;
}
.hover_image_bagde img {
margin: 3rem 5rem 0 auto;
width: auto;
max-width: 22rem;
}
.hover_image_content {
left: 10rem;
right: 0;
text-align: left;
}
.hover_image_wrapper strong {
font-size: 6rem;
line-height: 6.5rem;
}
.footer_bottom {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0;
flex-direction: row;
}
.footer_bottom .copyright a {
justify-content: flex-start;
margin-top: 0;
}
.to_top {
margin: auto;
position: absolute;
bottom: calc(100% - 22px);
left: 0;
right: 0;
cursor: pointer;
}
.to_top:hover {
bottom: calc(100% - 18px);
}
.footer_bottom a {
padding: 4rem 0.8rem 4rem;
display: block;
}
.has-large-font-size {
font-size: 5rem !important;
line-height: 6rem;
}
.home .gform_wrapper form {
display: flex;
align-items: flex-start;
justify-content: center;
}
.home .gform_wrapper.gravity-theme .gform_footer {
margin: 0 2rem 0 0;
padding: 0;
width: 40%;
max-width: 290px;
}
.gform_wrapper.gravity-theme .gfield input.large, .gform_wrapper.gravity-theme .gfield select.large {
width: 100%;
padding: 1.3rem 1.2rem 1.3rem;
}
.gform_body.gform-body {
width: 60%;
text-align: left;
max-width: 490px;
}
.gform_footer input[type="submit"] {
width: auto;
margin: 0;
}
}
@media screen and (min-width: 991px) {
.faq.accordion-wrapper {
padding-bottom: 10rem;
padding-top: 14rem;
}
.rezept_slider_wrapper.releated_rezept_wrapper .center a {
margin-top: 7rem;
margin-bottom: 0;
}
.lightbox_slides li {
width: 25%;
flex: 0 0 calc(25% - 5px);
}
.post_header img {
max-height: 600px;
}
.rezept_flex_wrappper .rezept_content_wrapper strong {
font-size: 3rem;
}
.rezept_flex_wrappper aside {
width: 40%;
}
.rezept_flex_wrappper .rezept_content_wrapper {
width: 60%;
padding-left: 11.5rem;
}
.rezept_slider_wrapper strong {
font-size: 2.6rem;
}
.rezept_slider_wrapper figure {
min-height: 250px;
}
.rezept_slider_wrapper.count_rezept_3 figure {
min-height: 265px;
}
} @media all and (min-width: 1025px) {
.rezept_flex_wrappper strong, .rezept_flex_wrappper .rezept_content_wrapper strong {
font-size: 3rem;
}
.sharing_mobile .nav--checkbox:checked ~ .share-popup-sidebar {
bottom: 50rem;
}
.nav--button {
bottom: 42rem;
}
.post_header img {
max-height: 500px;
}
.gallery-item {
position: relative;
}
.gallery-item:after {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
content: '';
background-image: url(//hermann.bio/wp-content/themes/hermann-bio/assets/img/loop-icon.svg);
background-repeat: no-repeat;
background-color: rgba(0,0,0,0.5);
background-position: center;
opacity: 0;
transition: 0.3s ease;
}
.gallery-item:hover:after {
opacity: 1;
}
.lightbox_slides {
justify-content: flex-start;
}
.count_rezept_3 .lightbox_slides {
justify-content: center;
}
.gallery-item {
display: block;
}
.lightbox_slides li {
margin: 0.5rem;
}
.newsletter_wrapper { }
section:last-child.newsletter_wrapper {
padding-bottom: 30rem;
}
body.single {
background-size: cover;
}
.abo_cta_wrapper a {
padding: 15%;
width: 32rem;
height: 32rem;
font-size: 3.1rem;
}
.abo_cta_wrapper img {
position: absolute;
bottom: 0;
right: 19rem;
max-width: 25rem;
}
.main-navigation {
display: block;
width: 100%;
position: relative;
top: 0;
background-color: transparent;
padding: 7px 20px;
box-shadow: none;
}
button.menu.menu_burger {
display: none;
}
.header_main-nav > ul {
display: flex;
}
.header_main-nav a {
padding: 0 1.5rem;
}
.header_main-nav .cta_button {
margin: 0;
}
} @media all and (min-width: 1220px) {
.hover_image_wrapper {
padding: 9rem 0;
}
.rezept_archive_main {
background-size: auto;
}
}
@media all and (min-width: 1250px) {
} @media all and (min-width: 1445px) {
.post_header img {
max-height: 600px;
}
} @media all and (max-width: 1024px) {
#wpadminbar {
display: none;
}
.admin-bar .head_wrapp {
top: 0;
}
.admin-bar #page {
padding-top: 63px;
}
}
@media all and (max-width: 767px) {
.wp-block-media-text .wp-block-media-text__content {
padding: 0;
}
.mobile_small figure img {
max-height: 200px;
width: auto;
}
.mobile_disable {
display: none;
}
.grid_reverse.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
grid-column: 1;
grid-row: 2;
}
.grid_reverse.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
grid-column: 1;
grid-row: 1;
}
}
.flockler_desktop {
display: none;
}
@media all and (min-width: 1024px) {
.flockler_mobile {
display: none;
}
.flockler_desktop {
display: block;
}
}
.rezepte_filter_wrapper {
position: fixed;
inset: 0;
z-index: 999;
display: none;
}
.rezepte_filter_container {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.cta_button.filter_btn:focus {
color: #fff;
}
.cta_button.filter_btn svg {
margin-right: 1rem;
vertical-align: middle;
}
.rezepte_filter_inner {
background-color: #fff;
border-radius: 16px;
padding: 2rem;
width: calc(100% - 4rem);
max-width: 99.1rem;
text-align: center;
position: relative;
}
@media all and (min-width: 1024px) {
.rezepte_filter_inner {
padding: 5rem;
}
}
.rezepte_filter_wrapper::before {
content: 'df';
position: absolute;
inset: 0;
background-color: #2C323895;
z-index: 0;
}
.close_filter {
position: absolute;
padding: 2rem;
right: 0;
top: 0;
cursor: pointer;
}
.close_filter svg {
width: 3rem;
height: 3rem;
}
.rezepze_filter_columns .search_wrapper {
border-radius: 16px;
padding-bottom: 3rem;
}
.rezepze_filter_columns .search_wrapper h3 {
color: #2C3238;
}
.rezepze_filter_columns {
display: flex;
gap: 15px;
flex-direction: column;
}
@media all and (min-width: 768px) {
.rezepze_filter_columns {
flex-direction: row;
}
}
.rezepze_filter_columns .level_filter, .rezepze_filter_columns .time_filter {
width: 100%;
}
@media all and (min-width: 768px) {
.rezepze_filter_columns .level_filter {
width: calc(60% - 15px);
}
.rezepze_filter_columns .time_filter {
width: calc(40% - 15px);
}
}
.cook_levels {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
flex-wrap: wrap;
}
.cook_level.remove_all_filters {
text-transform: uppercase;
font-family: 'Trade Gothic Bold';
}
.cook_levels .cook_level {
border: 1px solid #E3000B;
border-radius: 16px;
display: flex;
padding: 8.5px 15px 5px;
gap: 2px;
cursor: pointer;
font-size: 1.4rem;
align-items: center;
line-height: 1;
}
.cook_level span {
box-sizing: border-box;
top: -0.15rem;
position: relative;
}
.cook_levels .cook_level svg path {
fill: #E3000B;
transition: 0.3s ease;
}
.rezepte_filter_inner a.cta_button {
margin-top: 3.5rem;
cursor: pointer;
}
.cook_levels .cook_level.filter_checked svg path, .cook_levels .cook_level:hover svg path {
fill: #fff;
}
.cook_levels .cook_level.filter_checked, .cook_levels .cook_level:hover {
background-color: #E3000B;
}
.rezepte_filter_inner .quantity {
position: relative;
display: flex;
align-items: center;
justify-content: center;
background-color: #fff;
border-radius: 16px;
width: 60%;
margin: 0 auto;
gap: 2rem;
}
.rezepte_filter_inner .quantity div {
align-items: center;
display: flex;
gap: 1rem;
padding: 0.8rem 0;
font-size: 1.4rem;
}
.rezepte_filter_inner .quantity div svg {
width: 1.5rem;
height: 1.5rem;
}
.rezepte_filter_inner .quantity-button {
width: 20px;
height: 20px;
display: inline-block;
position: relative;
border-radius: 50%;
cursor: pointer;
background-color: #00546B;
color: #fff;
transition: 0.3s ease;
}
.rezepte_filter_inner .quantity-button:hover {
background-color: #B7CDDA;
}
.rezepte_filter_inner .quantity-button::before, .rezepte_filter_inner .quantity-button::after {
position: absolute;
top: calc(50% - 1px);
left: calc(50% - 5px);
content: "";
width: 10px;
height: 2px;
background-color: currentColor;
display: block;
}
.rezepte_filter_inner  .quantity-remove::after {
display: none;
}
.rezepte_filter_inner  .quantity-add::after {
transform: rotate(90deg);
}
.rezepte_filter_inner .quantity input[type=number] {
font-family: inherit;
box-shadow: none;
outline: none;
width: 40px;
height: 40px;
text-align: right;
background-color: #fff;
color: #342f2f;
-webkit-appearance: none;
border: 0;
}
.rezepte_filter_inner .quantity input[type=number]:focus, .rezepte_filter_inner .quantity input[type=number]:hover {
border: 0;
}
.rezepte_filter_inner .quantity div span {
position: relative;
top: 1.5px;
}
.search_wrapper .container {
gap: 2rem;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
@media all and (min-width: 768px) {
.search_wrapper .container {
flex-wrap: nowrap;
}
}
.cta_button.filter_btn {
background-color: #00546B;
border-color: #00546B;
}
.cta_button.filter_btn:hover {
background-color: #fff;
}
.cta_button.filter_btn:hover svg {
fill: #00546B;
}
.found_results {
width: 100%;
text-align: center;
margin: 0 0 2rem;
font-size: 1.4rem;
}
.results_btn {
width: 100%;
margin-bottom: 3rem;
}
.results_btn .cook_level {
transition: 0.3s ease;
}
.results_btn .cook_level:hover {
color: #fff;
}
.cook_levels .cook_level .remove_filter svg path {
fill: #2C3238;
}
.results_btn .cook_level:hover .remove_filter svg path {
fill: #fff;
}
.cook_levels .cook_level .remove_filter svg {
vertical-align: middle;
margin-left: 1rem;
position: relative;
margin-bottom: 1px;
}
@media  all and (max-width: 480px) {
.rezept_rating span:last-child {
display: none;
}
.single-rezept .rezept_rating span:last-child {
display: block;
}
.rezept_rating {
padding: 10px 5px 5px 15px;
}
.single-rezept .rezept_rating {
padding: 10px 15px 5px;
}
}
.rating_single_recipe {
background-color: #fff;
}
.rating_single_recipe .rating {
display: flex;
align-items: center;
justify-content: center;
}
.rating_single_recipe .rating label {
position: relative;
width: 3rem;
height: 3rem;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.rating_single_recipe .rating input:checked + span::before, .rating_single_recipe .rating label:hover span::before, .rating_single_recipe .rating label.active_label span::before {
background-image: url(//hermann.bio/wp-content/themes/hermann-bio/assets/img/full_star.svg);
}
.rating_single_recipe .rating span:before {
content: "";
background-image: url(//hermann.bio/wp-content/themes/hermann-bio/assets/img/solid_star.svg);
position: absolute;
width: 3rem;
height: 3rem;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
inset: 0;
transition: 0.3s ease;
}
.rating_single_recipe .rating label input {
opacity: 0;
}
.rating_single_recipe .text-area {
display: block;
width: 100%;
margin-top: 10px;
}
.single-rezept .rezept_rating {
position: relative;
top: 0;
margin-bottom: 1rem;
right: unset;
width: fit-content;
border-radius: 2rem;
}
.rating_single_recipe form {
text-align: center;
padding: 5rem 0;
}
.rating_single_recipe .text-area {
display: block;
width: 100%;
margin: 2rem auto;
}
.rating_single_recipe button {
cursor: pointer;
-webkit-appearance: none;
border: 0;
}
.single_ratings {
text-align: center;
padding: 5rem 0;
}
.single_ratings ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 2rem;
text-align: left;
}
.single_ratings li {
background-color: #fff;
border-radius: 2rem;
padding: 2rem;
}
.single_rating_inner {
display: flex;
gap: 2rem;
align-items: center;
}
.recipe_rating_date {
margin: 0;
text-align: right;
font-size: small;
}
.single-rezept .single_rating_inner .rezept_rating {
margin: 0;
padding: 0;
}
.cta_button .less_comments {
display: none;
}
.cta_button.toggle_recipe_comments {
margin-top: 2.5rem;
}
.toggle_recipe_comments:focus {
color: #fff;
}
.single_ratings li.first_hidden {
display: none;
}
.rating_edit svg {
display: block;
margin: 0 auto;
transition: 0.3s ease;
}
.rating_edit {
-webkit-appearance: none;
border: 0;
min-width: unset;
text-align: center;
background-color: transparent;
color: #E3000B;
cursor: pointer;
padding: 0;
}
.rating_edit:hover svg {
fill: #2C3238;
}
.rating_edit:hover {
transform: scale(1);
color: #2C3238;
}
.rating_edit small {
font-size: 1rem;
}
.rating_edit_wrapper {
display: flex;
flex-direction: column;
gap: 2rem;
justify-content: center;
align-items: center;
margin-right: 1rem;
}
.rating_text_wrapper {
flex-grow: 1;
}
.form_edit_rating {
display: none;
padding: 0 2rem;
}
.all_ratings_table th {
text-align: left;
}
.page-template-template-reviews .cta_button.toggle_recipe_comments {
margin-top: 0;
margin-bottom: 2.5rem;
margin-right: 1.5rem;
}
@media  all and (max-width: 480px) {
.single_rating_inner .star_wrapper {
display: flex !important;
}
.single_rating_inner div {
width: 100%;
}
.single_rating_inner {
flex-wrap: wrap;
gap: 1rem;
}
.rating_edit_wrapper {
flex-direction: row;
}
}
.menu_language.widget_block {
position: absolute;
right: 2rem;
z-index: 1;
margin: 0;
top: 3rem;
}
@media all and (min-width: 1025px) {
.menu_language.widget_block {
right: 0;
top: 50%;
transform: translateY(-50%);
}
}
nav.header_main-nav {
margin-right: 60px;
}
[data-wpml='language-item']:first-of-type {
margin-top: 0 !important;
}
.zutaten_calc_wrapper button.calc_disabled {
cursor: not-allowed;
background-color: lightgrey;
}
.zutaten_calc_wrapper button.calc_disabled:hover {
border-color: lightgrey;
}
.zutaten_calc_wrapper button.calc_disabled:hover svg * {
fill: #fff;
} .woocommerce-message {
border-top-color: #E3000B;
}
.woocommerce-message::before {
color: #E3000B;
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt {
background-color: #E3000B;
border-radius: 2.9rem;
border: none;
color: #fff;
margin: 0 0 2rem 0;
font-family: 'Trade Gothic Bold', sans-serif;
line-height: 2rem !important;
letter-spacing: 0;
padding: 1.3rem 5rem 1.3rem;
margin-top: 0 !important;
transition: 0.3s ease;
cursor: pointer;
-webkit-font-smoothing: auto;
transform: scale(1);
font-size: 16px;
border: 2px solid #E3000B;
}
.woocommerce ul.products li.product .button {
background-color: #E3000B;
border-radius: 2.9rem;
border: none;
color: #fff;
padding: 1.3rem 5rem 1.3rem;
transition: 0.3s ease;
font-weight: 700;
cursor: pointer;
font-size: 16px;
border: 2px solid #E3000B;
}
.woocommerce ul.products li.product .button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:hover {
background-color: #fff;
color: #2C3238;
}
.woocommerce ul.products li.product img {
transition: 0.3s ease;
}
.woocommerce ul.products li.product:hover .button, .woocommerce ul.products li.product:hover img {
transform: scale(1.05);
}
.woocommerce ul.products li.product:hover .button {
background-color: #fff;
color: #2C3238;
transform: scale(1);
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
text-align: center;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price,
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
color: #2C3238;
font-family: 'Trade Gothic Bold';
}
input[name='update_cart'], button[name='update_cart'] {
display: none !important;
}
.woocommerce table.cart td.actions { display: none;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
padding: 1.3rem 1.2rem;
border-radius: 2.9rem;
border: 0;
font-size: 15px;
}
.woocommerce form .form-row textarea {
height: 10rem;
}
.woocommerce-shop .woocommerce, .woocommerce div.single-product {
max-width: 1200px;
margin: 0 20px;
}
@media all and (min-width:1240px) {
.woocommerce-shop .woocommerce, .woocommerce div.single-product{
margin: 0 auto;
}
}
.woocommerce div.product {
position: relative;
display: flex;
align-items: center;
flex-wrap: wrap;
margin-top: 6rem;
margin-bottom: 5rem;
gap: 2rem;
}
.woocommerce div.product div.images.woocommerce-product-gallery, .woocommerce div.product div.summary {
float: none;
margin: 0;
width: 100%;
}
@media all and (min-width: 768px) {
.woocommerce div.product {
position: relative;
display: flex;
align-items: center;
margin-top: 6rem;
margin-bottom: 5rem;
gap: 2rem;
}
.woocommerce div.product div.images.woocommerce-product-gallery, .woocommerce div.product div.summary {
float: none;
margin: 0;
width: calc(50% - 1rem);
}
}
.woocommerce div.product form.cart {
margin: 2em 0;
display: flex;
align-items: center;
gap: 1rem;
}
.woocommerce div.product form.cart .button {
margin: 0;
}
.woocommerce div.product form.cart::after, .woocommerce div.product form.cart::before {
display: none;
}
button.stock_alert_button, button.unsubscribe_button {
margin: 5px;
font-family: 'Trade Gothic Bold', sans-serif;
background-color: #E3000B;
color: #fff;
display: inline-block;
text-decoration: none;
padding: 1.3rem 2rem 1.3rem;
line-height: 2rem;
min-width: 240px;
border-radius: 4rem;
transition: 0.3s ease;
text-align: center;
border: 0;
transition: 0.3s ease;
cursor: pointer;
margin-top: 2rem;
margin-left: 0;
}
button.stock_alert_button:hover, button.unsubscribe_button:hover {
transform: scale(1.05);
}
input.stock_alert_email.woo-fields {
padding: 1.3rem 1.2rem;
border-radius: 2.9rem;
border: 0;
font-size: 15px;
margin: 0;
}
div#stock_notifier_main_form {
margin-top: 2rem;
}
h5.subscribe_for_interest_text {
margin-bottom: 2rem;
}
.woocommerce ul.products {
display: flex;
justify-content: center;
}
.woocommerce div.product div.images .flex-control-thumbs li {
width: unset;
margin: 1rem 1rem 0 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
padding: 0;
margin-top: 2rem;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
border: 0;
border-radius: 0;
background-color: #e5f0f3;
color: #2C3238;
margin: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active, .woocommerce div.product .woocommerce-tabs ul.tabs li:hover {
background: #cce2e8;
color: #2C3238;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before {
display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
color: #2C3238;
font-family: 'Trade Gothic', sans-serif;
outline: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
color: #2C3238;
}
.woocommerce div.product p.stock {
font-size: 2rem;
margin: 3rem 0 3.5rem;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product .out-of-stock {
color: #E3000B;
}
.woo_fields_wrap {
display: flex;
gap: 1rem;
margin: 2rem 0;
flex-wrap: wrap;
}
body input.stock_alert_email.woo-fields, body button.stock_alert_button {
width: calc(50% - 0.5rem);
margin: 0;
}
@media all and (max-width: 991px) {
body input.stock_alert_email.woo-fields, body button.stock_alert_button, body button.unsubscribe_button {
width: 100%;
}
}
@media all and (max-width: 767px) {
body input.stock_alert_email.woo-fields, body button.stock_alert_button {
width: calc(50% - 0.5rem);
margin: 0;
}
}
@media all and (max-width: 500px) {
body input.stock_alert_email.woo-fields, body button.stock_alert_button, body button.unsubscribe_button {
width: 100%;
}
} #gform_wrapper_6 .gform-body.gform_body,
#gform_wrapper_3 .gform-body.gform_body,
#gform_wrapper_9 .gform-body.gform_body {
width: 100%;
max-width: 100%;
}
#gform_wrapper_3.gform_wrapper.gravity-theme .gform_footer input,
#gform_wrapper_6.gform_wrapper.gravity-theme .gform_footer input ,
#gform_wrapper_9.gform_wrapper.gravity-theme .gform_footer input{
margin-left: auto;
}
.sampling_request_wrapper {
width: 100%;
display: flex;
gap: 2.5rem;
justify-content: space-between;
flex-wrap: wrap;
}
.sampling_request_inner {
width: 100%;
}
@media  all and (min-width: 991px) {
.sampling_request_wrapper {
gap: 5rem;
}
.sampling_request_inner {
width: calc(50% - 2.5rem);
}
}
@media  all and (max-width: 500px) {
#gform_wrapper_3 .gfield_label, #gform_wrapper_3 .ginput_complex label,
#gform_wrapper_6 .gfield_label, #gform_wrapper_6 .ginput_complex label,
#gform_wrapper_9 .gfield_label, #gform_wrapper_9 .ginput_complex label{
text-align: left;
width: 100%;
}
}
#gform_wrapper_6 .gfield_course_option_wrapper, #gform_wrapper_6 .gform_item_wrapper_end,
#gform_wrapper_3 .gfield_course_option_wrapper, #gform_wrapper_3 .gform_item_wrapper_end,
#gform_wrapper_9 .gfield_course_option_wrapper, #gform_wrapper_9 .gform_item_wrapper_end {
display: none;
}
#gform_wrapper_3 .gfield input, #gform_wrapper_6 .gfield input, #gform_wrapper_9 .gfield input {
box-shadow: 0 3px 15px rgba(0,0,0,.1);
}
.gform_wrapper.gravity-theme .sampling_request_inner .gfield {
margin: 0 0 2rem 0;
}
.gform_wrapper.gravity-theme .sampling_request_inner .gsection {
margin: 0 0 2rem 0;
}
div#ui-datepicker-div {
background: rgb(255,255,255);
border-radius: 2rem;
padding: 2rem;
width: calc(100% - 40px);
}
@media all and (min-width: 1024px) {
div#ui-datepicker-div {
background: rgb(255, 255, 255);
border-radius: 2rem;
padding: 2rem;
width: 25%;
}
}
.ui-datepicker-header {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
margin-bottom: 1rem;
}
.ui-datepicker-header .ui-datepicker-next {
text-align: right;
}
.ui-datepicker-header .ui-datepicker-prev, .ui-datepicker-header .ui-datepicker-next {
width: 50%;
}
.ui-datepicker-prev, .ui-datepicker-header .ui-datepicker-next {
cursor: pointer;
}
.ui-datepicker-prev:hover, .ui-datepicker-header .ui-datepicker-next:hover {
color: #E3000B;
}
td.ui-datepicker-unselectable.ui-state-disabled span {
cursor: not-allowed;
color: lightgrey;
}
table.ui-datepicker-calendar td {
text-align: center;
}
table.ui-datepicker-calendar td a {
text-decoration: none;
}
table.ui-datepicker-calendar td a:hover {
color: #E3000B;
} .content-cards-container.BG:before, .content-2-clmns-container.location.BG:before, {
content: "";
background-color: #FFFFFF;
position: absolute;
top: -1px;
left: 0;
right: 0;
height: 7.1rem;
z-index: 1;
-webkit-clip-path: polygon(100% 0, 0 0, 100% 100%);
clip-path: polygon(100% 0, 0 0, 100% 100%);
}
.footer-application-container:after, .workflow-slider-section:after, .project-section:after, .customer-review-section::after, .how-we-work-section::after, .custom-faq-section.bg::after, .cta-block-section.bg::after, .content-cards-container.BG:after, .content-2-clmns-container.location.BG:after, .info-icons-container.BG:after, .content-2-clmns-container.bigBG:after, .page-haead-container:after, .footer-brand-container::after, .blog-teaser-container:after, .blog-container:after, .animation-two-clmns-container .animation-two-clms-outer::after, .design-two-clmns-container::after {
content: "";
background-color: #FFFFFF;
position: absolute;
bottom: -1px;
left: 0;
right: 0;
height: 7.1rem;
z-index: 1;
-webkit-clip-path: polygon(0 0, 0 100%, 100% 100%);
clip-path: polygon(0 0, 0 100%, 100% 100%);
}
.card {
background-color: #FFFFFF;
border-radius: 0.5rem;
border: 1px solid #EFEFEF;
margin-bottom: 1.5rem;
padding: 1.2rem 0.5rem 3rem;
}
.card p {
margin: 0;
} .content-cards-container {
position: relative;
margin: 8.8rem 0;
}
.content-cards-container.BG {
background-color: #EFEFEF70;
padding-top: 7rem;
padding-bottom: 7rem;
margin-bottom: 15rem;
}
@media all and (min-width: 768px) {
.content-cards-container.BG {
margin-bottom: 20rem;
}
}
.content-cards-container.BG .content-cards-inner {
margin-bottom: -9rem;
position: relative;
z-index: 2;
}
.content-cards-container h2 {
margin: 0 0 4rem;
text-align: center;
}
.content-cards-container ul {
display: flex;
justify-content: space-between;
gap: 1.5rem;
flex-wrap: wrap;
margin: 0;
padding: 0;
list-style: none;
}
.content-cards-container ul .content-cards-item {
width: 100%;
border: 1px solid #EFEFEF;
border-radius: 0.5rem;
padding: 1.7rem 1.5rem 2.7rem;
background-color: #FFF;
}
@media all and (min-width: 375px) {
.content-cards-container ul .content-cards-item {
width: calc(50% - .75rem);
}
}
@media all and (min-width: 991px) {
.content-cards-container ul .content-cards-item {
width: calc(33.3333333% - 1rem);
}
}
.content-cards-container ul .content-cards-item .content-cards-head {
width: 8.8rem;
margin: 0 auto 1.5rem;
}
.content-cards-container ul .content-cards-item .content-cards-body {
text-align: center;
}
.content-cards-container ul .content-cards-item .content-cards-body p {
margin: 0;
}
.content-cards-container ul .content-cards-item .content-cards-body p.content-cards-body-title {
font-weight: 500;
text-transform: uppercase;
margin-bottom: 0.9rem;
line-height: 1.8rem;
color: #00546B;
}
.content-cards-container ul .content-cards-item .content-cards-body p.content-cards-body-sub-title {
font-weight: 700;
line-height: 2.6rem;
font-size: 2rem;
}
.content-cards-container ul .content-cards-item a .content-cards-body-sub-title {
color: #00546B;
}
.content-cards-container ul .content-cards-item {
transition: 0.3s ease-in-out;
}
.content-cards-container ul .content-cards-item:hover {
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
} .carriere-block .arrow-link {
text-decoration: none;
position: relative;
}
.carriere-block .arrow-link::after {
content: ">";
padding-left: 2rem;
font-size: 1.4rem;
}
@media all and (min-width: 1025px) {
.carriere-block .arrow-link:hover {
color: #00546B;
}
}
.carriere-block {
position: relative;
z-index: 1;
margin-bottom: 6rem;
}
@media all and (max-width: 767px) {
.carriere-block {
margin-top: 0 !important;
}
}
.carriere-block .carriere-container p {
color: #D8DF21;
font-size: 1.4rem;
line-height: 1.8rem;
letter-spacing: 0.7px;
text-transform: uppercase;
margin: 0;
}
.carriere-block .carriere-item {
padding: 2.6rem;
border-radius: 5px;
box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.1);
background-color: #FFF;
margin-bottom: 1.5rem;
}
@media all and (min-width: 768px) {
.carriere-block .carriere-item {
padding: 2.6rem 5.3rem;
display: flex;
align-items: center;
gap: 1.5rem;
}
.carriere-block .carriere-item .left {
width: 70%;
}
.carriere-block .carriere-item .right {
width: 30%;
display: flex;
justify-content: flex-end;
}
}
.carriere-block .text-container {
margin-top: 4rem;
}
@media all and (min-width: 768px) {
.carriere-block .text-container {
margin-top: 7rem;
}
}
.carriere-block .text-container a {
margin: 3rem auto 0;
}
.carriere-container {
list-style: none;
padding: 0;
}
@-webkit-keyframes bounceInRight {
0% {
-webkit-transform: translateX(0);
}
60% {
opacity: 1;
-webkit-transform: translateX(-15px);
}
80% {
-webkit-transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
}
}
@keyframes bounceInRight {
0% {
transform: translateX(0);
}
60% {
opacity: 1;
transform: translateX(-15px);
}
80% {
transform: translateX(10px);
}
100% {
transform: translateX(0);
}
}
.animation_container h2 {
font-size: 7rem;
margin: 0;
line-height: 1;
font-family: 'Trade Gothic BdCn20', sans-serif;
}
.animation_container p {
font-size: 1.6rem;
font-family: 'Trade Gothic';
}
.animation_container p strong {
color: #E3000B;
font-family: 'Trade Gothic BdCn20';
text-transform: uppercase;
font-size: 2.5rem;
line-height: 1;
}
.animation_container .wp-block-column:first-child {
padding-top: 10rem;
}
.animation_container video {
position: relative;
right: 0;
top: 0;
bottom: 0;
left: 0;
height: 100%;
width: 100%;
right: 0;
}
.animation_container .wp-block-video {
overflow: hidden;
}
.animation_container .container.buttons {
display: none;
}
.hide_btn_desktop {
margin-top: 3rem;
}
@media all and (min-width: 768px) {
.animation_container {
flex-wrap: nowrap !important;
}
}
@media all and (min-width: 768px) {
.animation_container video {
position: absolute;
right: 0;
top: 0;
bottom: 0;
left: 0;
height: 120%;
width: auto;
}
.hide_btn_desktop {
display: none !important;
}
.animation_container .container.buttons {
display: block;
}
body:not(.home) .animation_container {
min-height: 40rem;
}
body:not(.home) .animation_container .wp-block-column:first-child {
padding-top: 20rem;
}
}
@media all and (min-width: 1201px) {
.animation_container h2 {
font-size: 14.9rem;
}
.animation_container p {
font-size: 2.4rem;
font-family: 'Trade Gothic';
}
.animation_container p strong {
font-size: 4.5rem;
}
.animation_container .wp-block-column:first-child {
padding-top: 20rem;
padding-bottom: 20rem;
}
.animation_container video {
height: 100%;
}
}
.animation_container .buttons {
margin-top: 3rem;
}
.animation_container .wp-block-video {
position: relative;
height: 100%;
}
.animation_container .wp-block-container.container.list {
margin-top: 2rem;
}
.animation_container .wp-block-container.container.list ul li {
margin-bottom: 1rem;
}
.newsletter_wrapper + .scroll_down {
color: #666;
margin-top: 2rem;
}
body:not(.home) section.newsletter_wrapper {
padding-top: 6rem;
}
.scroll_down[data-target=".zutaten_anker"] {
color: #666666;
}
.woocommerce .form-row.place-order, .woocommerce-cart .wc-proceed-to-checkout, .woocommerce div.product .woocommerce-tabs .panel {
margin-bottom: 30rem;
}
@media all and (max-width: 500px) {
.woocommerce .form-row.place-order, .woocommerce-cart .wc-proceed-to-checkout, .woocommerce div.product .woocommerce-tabs .panel {
margin-bottom: 10rem;
}
}
.header_main-nav .current-menu-item.cta_button a {
color: #fff;
}
.header_main-nav .current-menu-item.cta_button:hover a, .scroll_magic_img_bottom .cta_button:hover {
color: #E3000B;
}
body [data-wpr-lazyrender] {
content-visibility: visible;
}
.newsletter_iframe {
height: 300px;
}
@media all and (min-width: 991px) {
.newsletter_iframe {
height: 150px;
}
}
.container.aws_logo img {
margin: 0 auto;
}
.container.aws_logo {
text-align: center;
padding: 2rem 0;
}
@media all and (max-width: 1024px) {
.abo_cta_wrapper.badge_active {
bottom : calc(100% + 16.25rem);
transition: 0s ease;
}
.abo_cta_wrapper {
transition: 0s ease;
}
}
@media all and (min-width: 1024px) {
.container.aws_logo {
position: absolute !important;
left: 0;
right: 0;
bottom: calc(100% + 10px);
z-index: 1;
pointer-events: none;
text-align: left;
}
.container.aws_logo img {
margin: 0;
}
}
footer {
position : relative;
}