@charset "UTF-8";
@charset "UTF-8";

 #masthead {
position: sticky;
top: 0px;
height: var(--header-height-mobil);
width: 100%;
background-color: white;
display: block;
z-index: 200;
}
#masthead .header-infos {
position: fixed;
top: 0;
height: 30px;
background-color: var(--main_green_4);
width: 100%;
}
#masthead .header-infos .head-infos-grid {
padding: 0 10px;
align-items: center;
position: absolute;
right: 40px;
display: grid;
height: 30px;
grid-template-columns: 20px auto 20px auto;
width: auto;
grid-column-gap: 10px;
}
#masthead .header-infos .head-infos-grid p {
margin: 0;
font-size: 14px;
}
#masthead .header-infos .head-infos-grid p:first-of-type {
margin: 0 15px 0 0;
}
#masthead .header-infos .head-infos-grid p a {
color: var(--main_green);
}
#masthead .header-infos .head-infos-grid p a:hover {
color: var(--menu_font_color);
}
#masthead .header-infos .head-infos-grid .head-infos-icon {
width: 100%;
height: auto;
}
@media (min-width: 768px) {
#masthead {
height: var(--header-height);
display: grid;
grid-template-columns: 100px 1fr auto;
grid-template-rows: var(--header-height);
align-items: center;
justify-content: center;
top: 30px;
}
}
@media (min-width: 1200px) {
#masthead {
grid-template-columns: 30% 1fr auto;
}
}
#masthead #nav-logo {
display: flex;
padding-top: 10px;
width: 100px;
height: 100px;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 768px) {
#masthead #nav-logo {
width: 140px;
height: 140px;
display: grid;
padding-top: 60px;
margin: 0 40px 0 20px;
}
}
@media (min-width: 1200px) {
#masthead #nav-logo {
margin-left: auto;
margin-right: auto;
}
}
#masthead #nav-logo a {
z-index: 300;
}
#masthead #nav-logo a .mr-logo {
height: 100%;
width: 100%;
}
#masthead #nav-logo a .img_scrolled {
width: 80px;
height: 80px;
display: block !important;
}
#masthead #nav-logo a .isMobil, #masthead #nav-logo a .isDesktop {
display: block !important;
}
#masthead .nav_scrolled {
padding: 0 !important;
margin-top: 0 !important;
width: 80px !important;
height: 80px !important;
}
#masthead .menu-toggle {
position: absolute;
left: 20px;
top: 20px;
}
#masthead .menu-toggle img {
width: 40px;
height: 40px;
}
@media (min-width: 768px) {
#masthead .menu-toggle {
display: none;
}
}
#masthead .main-navigation {
display: none;
position: absolute;
top: var(--header-height-mobil);
width: 100%;
padding: 0;
margin: 0;
}
@media (min-width: 768px) {
#masthead .main-navigation {
top: var(--header-height);
position: static;
display: grid;
justify-content: end;
}
}
#masthead .main-navigation ul {
display: block;
margin: 0;
padding: 0;
background-color: var(--main_green);
}
@media (min-width: 768px) {
#masthead .main-navigation ul {
display: flex;
background-color: white;
}
}
#masthead .main-navigation ul li {
list-style-type: none;
padding: 10px 10px;
}
@media (min-width: 1200px) {
#masthead .main-navigation ul li {
padding: 10px 20px;
}
}
#masthead .main-navigation ul li:hover a {
color: white;
}
@media (min-width: 768px) {
#masthead .main-navigation ul li:hover a {
color: var(--main_green);
}
}
#masthead .main-navigation ul li a {
text-decoration: none;
color: var(--menu_font_color);
}
#masthead .login-button {
position: absolute;
top: 20px;
right: 20px;
background-color: white;
color: var(--main_green);
border: 1px solid var(--main_green);
display: table-cell;
vertical-align: middle;
text-align: center;
}
@media (min-width: 768px) {
#masthead .login-button {
display: grid;
position: static;
background-color: var(--main_green);
color: white;
margin: 0 40px 0 20px !important;
}
}
@media (min-width: 768px) {
#masthead .login-button:hover {
color: var(--main_green);
background-color: white;
}
}
#masthead .toggled {
display: block !important;
}
.movie {
position: relative;
top: -50px;
}
.img-headline {
position: relative;
}
.img-headline img {
height: 100%;
width: 100%;
object-fit: cover;
}
.img-headline .headline {
position: absolute;
bottom: 0;
left: 10%;
text-shadow: 0.5px 0.5px grey;
}
.button {
-webkit-appearance: none;
-webkit-border-radius: 0;
border: 0;
color: white;
border-radius: 50px;
background-color: var(--main_green);
padding: 10px;
font-weight: bold;
max-height: 40px;
transition: 0.25s;
}
.button:hover {
cursor: pointer;
}
.mr-button {
border: 1px solid var(--main_green);
position: static;
background-color: var(--main_green);
color: white;
display: flex;
justify-content: center;
font-size: 18px;
margin: 8px 5px 0px 5px !important;
max-height: none !important;
height: 45px !important;
}
@media (min-width: 768px) {
.mr-button:hover {
color: var(--main_green);
background-color: white;
}
}
.mr-button-reverse {
background-color: white !important;
color: var(--main_green) !important;
margin: 0 auto !important;
max-height: 100% !important;
}
.mr-button-reverse:hover {
background-color: var(--main_green) !important;
color: white !important;
border: 1px solid white;
}
.button-large {
padding: 10px 20px !important;
display: flex;
align-items: center;
font-size: 16px;
}
@media (min-width: 768px) {
.button-large {
font-size: 20px;
}
}
.mr-button-container-reverse .button {
background-color: white !important;
color: var(--main_green) !important;
margin: 0 auto !important;
max-height: 100% !important;
}
.mr-button-container-reverse .button:hover {
background-color: var(--main_green) !important;
color: white !important;
border: 1px solid white;
}
@media (min-width: 768px) {
.button-container-products {
padding: 60px 0 0 0;
}
}
.button-container-app-card {
background-color: var(--main_green);
}
@media (min-width: 768px) {
.button-container-app-card {
background-color: var(--main_green_4) !important;
padding: 0 0 70px 0;
}
}
.button-container-app-card .button-container {
padding: 0 0 50px;
}
@media (min-width: 1200px) {
.button-container-app-card .button-container {
padding: 40px;
}
}
.button-container-app-card .button-container button {
background-color: white !important;
color: var(--main_green) !important;
margin: 0 auto !important;
max-height: 100% !important;
}
.button-container-app-card .button-container button:hover {
background-color: var(--main_green) !important;
color: white !important;
border: 1px solid white;
}
@media (min-width: 768px) {
.button-container-app-card .button-container button {
background-color: var(--main_green) !important;
color: white !important;
border: 1px solid var(--main_green) !important;
margin: 0 auto !important;
}
.button-container-app-card .button-container button:hover {
color: var(--main_green) !important;
background-color: white !important;
border: 1px solid var(--main_green) !important;
}
}
.pdf-download-button {
height: 25px !important;
display: flex;
justify-content: center;
border: 1px solid var(--main_green) !important;
width: 150px;
align-items: center;
margin: 50px auto 0px auto !important;
}
.pdf-download-button:hover {
background-color: white;
color: var(--main_green);
}
#colophon {
--margin-blocks: 20px;
--margin-elements: 10px;
--margin-small: 5px;
}
#colophon .footer-grid {
display: grid;
grid-row-gap: 40px;
background-color: var(--main_green);
padding: 20px;
color: white !important;
}
@media (min-width: 768px) {
#colophon .footer-grid {
padding: 20px;
grid-template-columns: 1fr 1fr 1fr;
grid-column-gap: 30px;
grid-row-gap: 20px;
}
}
@media (min-width: 1200px) {
#colophon .footer-grid {
padding: 20px 100px;
}
}
@media (min-width: 768px) {
#colophon .footer-grid .footer-socials {
grid-column: 3;
}
}
#colophon .footer-grid .footer-socials .socials-grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-template-rows: 50px;
grid-column-gap: 30px;
margin: var(--margin-elements) 0;
}
#colophon .footer-grid .footer-socials img {
width: auto;
height: 100%;
}
#colophon .footer-grid .footer-socials .newsletter-button {
font-weight: bold;
font-size: 1.05em;
border: 0;
height: 50px;
line-height: 50px;
color: var(--main_green);
background-color: #F3F3F3;
width: 100%;
margin-top: var(--margin-elements);
}
#colophon .footer-grid .footer-socials .newsletter-button:hover {
background-color: #CCCCCC;
cursor: pointer;
}
#colophon .footer-grid .footer-socials .headline {
font-weight: bold;
margin: var(--margin-small) 0;
color: white;
}
#colophon .footer-grid .footer-socials .headline:first-child {
margin-top: 0;
}
#colophon .footer-grid .footer-sitemap {
display: grid;
grid-column-gap: var(--margin-elements);
grid-template-columns: 1fr 1fr;
}
@media (min-width: 768px) {
#colophon .footer-grid .footer-sitemap {
grid-template-columns: 1fr 1fr 1fr;
grid-column: span 2;
grid-row: 1/span 2;
}
}
@media (min-width: 1200px) {
#colophon .footer-grid .footer-sitemap {
margin-right: 200px;
}
}
#colophon .footer-grid .footer-sitemap .sitemap-item:first-child {
grid-row: span 2;
}
@media (min-width: 768px) {
#colophon .footer-grid .footer-sitemap .sitemap-item:first-child .text:last-child {
margin-bottom: 0;
}
}
#colophon .footer-grid .footer-sitemap .sitemap-item:last-child {
grid-column: span 2;
margin-top: var(--margin-blocks);
text-align: center;
}
@media (min-width: 768px) {
#colophon .footer-grid .footer-sitemap .sitemap-item:last-child {
display: flex;
grid-row: span 1;
text-align: left;
align-self: flex-end;
margin-top: 0;
}
}
#colophon .footer-grid .footer-sitemap .sitemap-item:last-child .text {
margin-bottom: 0;
}
#colophon .footer-grid .footer-sitemap .sitemap-item .headline {
color: white;
font-size: 14px;
font-weight: bold !important;
margin-top: 0;
margin-bottom: 20px;
}
#colophon .footer-grid .footer-sitemap .sitemap-item .text {
color: white;
font-size: 13px !important;
font-weight: normal;
margin: 0;
margin-bottom: 15px;
}
#colophon .footer-grid .footer-efre {
margin-bottom: var(--margin-blocks);
height: 100px;
}
@media (min-width: 768px) {
#colophon .footer-grid .footer-efre {
margin-bottom: 0;
grid-column: 3;
justify-self: self-start;
height: 100px;
}
}
#colophon .footer-grid .footer-efre img {
height: auto;
width: 100%;
max-height: 100%;
object-fit: contain;
}
.type-of-lunch {
background-color: var(--main_green_4);
overflow: hidden;
}
@media (min-width: 1200px) {
.type-of-lunch {
padding: 0px var(--margin-elements) var(--margin-elements) !important;
}
}
.type-of-lunch h2 {
margin: 0;
padding: 0 0 50px 0;
}
.type-of-lunch h2:first-of-type {
color: var(--main_green);
padding: 50px 0 0 0;
}
@media (min-width: 1200px) {
.type-of-lunch h2:first-of-type {
padding: 70px 0 0 0;
}
}
.type-of-lunch .type-of-lunch-grid {
display: grid;
grid-template-columns: 1fr;
grid-column-gap: 70px;
grid-row-gap: 0;
margin-bottom: 0;
}
@media (min-width: 768px) {
.type-of-lunch .type-of-lunch-grid {
grid-template-columns: 1fr 1fr;
width: 100%;
margin: 0 auto;
grid-row-gap: 50px;
margin-bottom: 1.75em;
}
}
@media (min-width: 1200px) {
.type-of-lunch .type-of-lunch-grid {
width: 1100px;
}
}
.type-of-lunch .type-of-lunch-grid .wp-block-mr-blocks-type-lunch-break {
position: relative;
right: 0px;
opacity: 0;
}
@media (min-width: 1200px) {
.type-of-lunch .type-of-lunch-grid .wp-block-mr-blocks-type-lunch-break {
opacity: 1;
}
}
.type-of-lunch .type-of-lunch-grid .wp-block-mr-blocks-type-lunch-break .active {
opacity: 1 !important;
}
.type-of-lunch .type-of-lunch-grid .wp-block-mr-blocks-type-lunch-break .type-lunch-item-grid {
display: grid;
grid-template-columns: 50px auto;
grid-column-gap: 20px;
grid-template-areas: "icon title" "icon text";
justify-content: start;
margin-bottom: 30px;
}
@media (min-width: 768px) {
.type-of-lunch .type-of-lunch-grid .wp-block-mr-blocks-type-lunch-break .type-lunch-item-grid {
justify-content: center;
}
}
.type-of-lunch .type-of-lunch-grid .wp-block-mr-blocks-type-lunch-break .type-lunch-item-grid .type-lunch-icon {
display: flex;
align-items: center;
grid-area: icon;
}
.type-of-lunch .type-of-lunch-grid .wp-block-mr-blocks-type-lunch-break .type-lunch-item-grid .type-lunch-icon img {
width: 50px;
height: auto;
}
.type-of-lunch .type-of-lunch-grid .wp-block-mr-blocks-type-lunch-break .type-lunch-item-grid .type-lunch-title {
display: flex;
align-items: center;
grid-area: title;
}
.type-of-lunch .type-of-lunch-grid .wp-block-mr-blocks-type-lunch-break .type-lunch-item-grid .type-lunch-title p {
font-size: 14px;
}
@media (min-width: 768px) {
.type-of-lunch .type-of-lunch-grid .wp-block-mr-blocks-type-lunch-break .type-lunch-item-grid .type-lunch-title p {
font-size: 20px;
}
}
.type-of-lunch .type-of-lunch-grid .wp-block-mr-blocks-type-lunch-break .type-lunch-item-grid .type-lunch-text {
display: flex;
align-items: center;
grid-area: text;
}
.type-of-lunch .type-of-lunch-grid .wp-block-mr-blocks-type-lunch-break .type-lunch-item-grid .type-lunch-text p {
font-weight: normal;
font-size: 14px;
color: var(--menu_font_color);
}
.type-of-lunch .type-of-lunch-grid .wp-block-mr-blocks-type-lunch-break .type-lunch-item-grid p {
margin: 0;
}
.type-of-lunch .type-of-lunch-grid .active {
opacity: 1 !important;
}
.carefree-package {
background-color: var(--main_green);
padding: 0 20px !important;
}
@media (min-width: 768px) {
.carefree-package {
padding-bottom: 130px !important;
}
}
@media (min-width: 1200px) {
.carefree-package {
padding-bottom: 250px !important;
}
}
.carefree-package h2 {
color: white;
width: auto;
margin: 0 auto;
}
@media (min-width: 768px) {
.carefree-package h2 {
width: 598px;
}
}
.carefree-package .carefree-package-grid {
display: grid;
grid-template-columns: 1fr;
grid-column-gap: 40px;
grid-row-gap: 0px;
margin-bottom: 0;
width: auto;
}
@media (min-width: 768px) {
.carefree-package .carefree-package-grid {
grid-template-columns: 1fr 1fr 1fr;
margin: 0 auto;
}
}
@media (min-width: 1200px) {
.carefree-package .carefree-package-grid {
grid-template-columns: 1fr 1fr 1fr;
width: 1200px;
}
}
.carefree-package .carefree-package-grid .carefree-package-item-grid {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 1fr auto;
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: start;
margin-bottom: 50px;
}
@media (min-width: 768px) {
.carefree-package .carefree-package-grid .carefree-package-item-grid {
justify-content: center;
}
}
@media (min-width: 1200px) {
.carefree-package .carefree-package-grid .carefree-package-item-grid {
margin-bottom: 0px;
}
}
.carefree-package .carefree-package-grid .carefree-package-item-grid .carefree-package-title p {
text-align: center;
color: white;
font-size: 16px !important;
}
@media (min-width: 768px) {
.carefree-package .carefree-package-grid .carefree-package-item-grid .carefree-package-title p {
font-size: 16px;
}
}
@media (min-width: 1200px) {
.carefree-package .carefree-package-grid .carefree-package-item-grid .carefree-package-title p {
font-size: 25px !important;
}
}
.carefree-package .carefree-package-grid .carefree-package-item-grid .carefree-package-title p:last-of-type {
margin-bottom: 0;
}
.carefree-package .carefree-package-grid .carefree-package-item-grid .carefree-package-icon {
display: flex;
justify-content: center;
}
.carefree-package .carefree-package-grid .carefree-package-item-grid .carefree-package-icon img {
width: auto;
height: 150px;
}
@media (min-width: 1200px) {
.carefree-package .carefree-package-grid .carefree-package-item-grid .carefree-package-icon img {
height: 200px;
}
}
.customers {
background-color: var(--main_green_4);
height: auto;
min-height: 130px;
}
.customers .customers-grid {
margin-left: 50px;
margin-right: 50px;
margin-bottom: 0;
}
@media (min-width: 768px) {
.customers .customers-grid {
margin-left: 50px;
margin-right: 50px;
}
}
@media (min-width: 1200px) {
.customers .customers-grid {
display: grid;
margin-left: 200px;
margin-right: 200px;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-column-gap: 50px;
}
}
.customers .customers-grid .wp-block-column {
display: flex;
justify-content: center;
margin: auto 0;
}
.customers .customers-grid .wp-block-column figure {
margin: 0;
display: flex;
justify-content: center;
}
.customers .customers-grid .wp-block-column figure img {
object-fit: contain;
}
@media (min-width: 1200px) {
.customers .customers-grid .wp-block-column figure img {
width: 120px;
height: auto;
margin: 25px 0;
max-height: 100px;
}
}
.mr-benefits {
position: relative;
padding-bottom: 0 !important;
}
.mr-benefits h2 {
width: auto;
}
@media (min-width: 768px) {
.mr-benefits h2 {
width: 658px;
margin: 0 auto;
}
}
.mr-benefits .mr-benefits-grid {
display: grid;
grid-template-columns: 1fr;
grid-row-gap: 40px;
margin: 0;
}
.mr-benefits .mr-benefits-grid div > * {
height: 100%;
}
@media (min-width: 768px) {
.mr-benefits .mr-benefits-grid {
grid-template-columns: 1fr 1fr;
margin: var(--margin-site-elements) 0px 0px 0;
}
}
@media (min-width: 1200px) {
.mr-benefits .mr-benefits-grid {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
}
.mr-benefits .mr-benefits-grid .item {
margin: 0 10px;
display: grid;
grid-template-columns: 1fr;
grid-row-gap: 10px;
grid-template-rows: 150px auto auto;
}
@media (min-width: 768px) {
.mr-benefits .mr-benefits-grid .item {
grid-row-gap: 20px;
grid-template-rows: 150px 70px auto;
}
}
@media (min-width: 1700px) {
.mr-benefits .mr-benefits-grid .item {
grid-template-rows: 150px auto auto;
}
}
.mr-benefits .mr-benefits-grid .item img {
width: auto;
height: 150px;
margin: 0 auto;
}
.mr-benefits .mr-benefits-grid .item h3 {
margin: 0;
text-align: center;
}
.mr-benefits .mr-benefits-grid .item .text-holder {
display: flex;
align-items: start;
}
.mr-benefits .mr-benefits-grid .item .text-holder p {
text-align: center;
margin: 0;
height: auto !important;
}
.mr-benefits .button-container {
padding: 40px !important;
}
@media (min-width: 768px) {
.mr-benefits .button-container {
padding: 70px !important;
}
}
.our-benefits {
background-color: var(--main_green_4);
padding: var(--margin-site-elements-mobil);
}
@media (min-width: 1200px) {
.our-benefits {
padding: var(--margin-site-elements) 0;
}
}
.our-benefits h2 {
width: auto;
}
@media (min-width: 768px) {
.our-benefits h2 {
width: 376px;
margin: 0 auto;
}
}
.our-benefits .our-benefits-grid {
display: flex;
margin: 0;
justify-content: center;
}
@media (min-width: 768px) {
.our-benefits .our-benefits-grid {
width: auto;
margin: 0 auto 0;
justify-content: center;
}
}
.our-benefits .our-benefits-grid .item {
margin-bottom: 30px;
text-align: center;
}
@media (min-width: 768px) {
.our-benefits .our-benefits-grid .item {
display: grid;
grid-template-columns: 50px auto;
grid-template-rows: auto;
grid-column-gap: 20px;
grid-row-gap: 5px;
text-align: left;
margin-bottom: 20px;
}
}
.our-benefits .our-benefits-grid .item img {
width: auto;
height: 30px;
}
@media (min-width: 768px) {
.our-benefits .our-benefits-grid .item img {
padding-top: 5px;
width: 45px;
height: auto;
grid-row: span 2;
}
}
.our-benefits .our-benefits-grid .item h3 {
margin: 0;
text-align: center;
font-size: 16px;
padding-bottom: 5px;
}
@media (min-width: 768px) {
.our-benefits .our-benefits-grid .item h3 {
font-size: 30px;
letter-spacing: 0;
line-height: 30px;
text-align: left;
}
}
.our-benefits .our-benefits-grid .item p {
margin: 0;
text-align: left;
font-size: 14px;
text-align: center;
}
@media (min-width: 768px) {
.our-benefits .our-benefits-grid .item p {
font-size: 16px;
text-align: left;
}
}
.products {
padding-bottom: 0 !important;
margin: 0 !important;
margin: 0;
}
@media (min-width: 768px) {
.products {
margin: 0 0 100px 0;
}
}
.products p {
margin-top: 0;
margin-left: auto;
margin-right: auto;
text-align: center;
font-weight: normal;
}
@media (min-width: 768px) {
.products p {
width: auto;
}
}
.products .products-slider {
margin-top: 40px !important;
width: auto;
}
@media (min-width: 1200px) {
.products .products-slider {
width: 90%;
margin: 0 auto 0;
}
}
.products .products-slider .product-item {
display: flex !important;
width: auto;
height: auto;
}
.products .products-slider .product-item .img-container {
margin: auto;
display: flex;
overflow: hidden;
}
.products .products-slider .product-item .img-container img {
margin: auto;
max-width: 100%;
max-height: 100%;
width: 220px;
height: 164px;
object-fit: contain;
transition: 0.5s;
}
.products .products-slider .product-item .img-container img:hover {
-webkit-filter: brightness(0.85);
filter: brightness(0.85);
cursor: pointer;
transform: scale(1.25);
-ms-transform: scale(1.25);
-moz-transform: scale(1.25);
-webkit-transform: scale(1.25);
-o-transform: scale(1.25);
}
.products .products-slider .slick-list {
margin: 0 10px;
}
.products .products-slider .slick-slide {
margin: 0 10px;
}
.products .products-slider .slick-next {
right: -10px !important;
}
@media (min-width: 768px) {
.products .products-slider .slick-next {
right: -15px !important;
}
}
@media (min-width: 1200px) {
.products .products-slider .slick-next {
right: -25px !important;
}
}
.products .products-slider .slick-prev {
left: -10px !important;
}
@media (min-width: 768px) {
.products .products-slider .slick-prev {
left: -15px !important;
}
}
@media (min-width: 1200px) {
.products .products-slider .slick-prev {
left: -25px !important;
}
}
.partner {
margin: 30px;
height: auto;
}
@media (min-width: 768px) {
.partner {
margin: 30px 0;
}
}
.partner h3 {
font-size: 20px;
}
@media (max-width: 768px) {
.partner h3 {
font-size: 16px !important;
}
}
.partner .partner-grid {
display: grid;
grid-template-columns: 1fr;
row-gap: 25px;
margin: 0;
}
@media (min-width: 768px) {
.partner .partner-grid {
grid-template-columns: auto auto auto;
margin: 0 100px;
row-gap: 25px;
}
}
@media (min-width: 1200px) {
.partner .partner-grid {
margin: 0 auto;
grid-template-columns: auto auto auto auto;
justify-content: center;
grid-column-gap: 100px;
}
}
@media (min-width: 1500px) {
.partner .partner-grid {
grid-column-gap: 150px;
margin: 0 200px;
}
}
.partner .partner-grid .partner-img-holder {
display: flex;
justify-content: center;
align-items: center;
}
.partner .partner-grid .partner-img-holder img {
width: auto;
height: 25px;
}
@media (min-width: 768px) {
.partner .partner-grid .partner-img-holder img {
height: 30px;
}
}
@media (min-width: 1200px) {
.partner .partner-grid .partner-img-holder img {
height: 43px;
}
}
.location:before {
display: block;
content: url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/icons/Icon_MR-Place.svg);
position: absolute;
width: 60px;
height: auto;
left: calc(50% - 30px);
margin-top: -35px;
}
.location .location-grid {
padding: 0;
margin: 0 10%;
grid-row-gap: 0px;
}
@media (min-width: 1200px) {
.location .location-grid {
display: grid;
align-items: end;
grid-template-columns: auto auto;
}
}
.location .location-grid .location-img {
width: auto;
display: block;
height: 130px;
margin: 20px auto 0 auto;
}
@media (min-width: 768px) {
.location .location-grid .location-img {
height: 130px;
width: auto;
}
}
@media (min-width: 1200px) {
.location .location-grid .location-img {
height: auto;
width: 120px;
}
}
@media (min-width: 1400px) {
.location .location-grid .location-img {
width: 150px;
}
}
.location .location-grid p {
text-align: center;
}
.contact-form {
position: relative;
height: 600px;
}
@media (min-width: 768px) {
.contact-form {
height: 1024px;
}
}
.contact-form img {
height: 100%;
width: 100%;
object-fit: cover;
}
.app-card-ready {
background-color: var(--main_green_4);
display: none;
padding-bottom: 0 !important;
}
@media (min-width: 768px) {
.app-card-ready {
display: block;
}
}
.app-card-ready .app-card-ready-grid {
display: grid;
grid-template-columns: 1fr;
width: auto;
margin: 0 auto;
position: static;
grid-row-gap: 30px;
padding-top: 50px !important;
}
@media (min-width: 768px) {
.app-card-ready .app-card-ready-grid {
position: relative;
grid-template-columns: 1fr 1fr 1fr;
width: auto;
grid-column-gap: 20px;
margin-bottom: -100px;
top: -150px;
}
}
@media (min-width: 1200px) {
.app-card-ready .app-card-ready-grid {
margin-bottom: -100px;
top: -150px;
width: 1200px;
padding-top: 0px !important;
}
}
.app-card-ready .app-card-ready-grid .item {
display: grid;
grid-template-columns: 1fr;
grid-row-gap: 40px;
text-align: center;
overflow: hidden;
}
.app-card-ready .app-card-ready-grid .item img {
width: 200px;
height: auto;
margin: 0 auto !important;
}
@media (min-width: 768px) {
.app-card-ready .app-card-ready-grid .item img {
width: auto;
height: 200px;
margin: 0 auto !important;
}
}
@media (min-width: 1200px) {
.app-card-ready .app-card-ready-grid .item img {
height: 300px;
}
}
.app-card-ready .app-card-ready-grid .item h3 {
margin-bottom: 0;
}
.app-card-ready .app-card-ready-grid .item p {
margin-top: 0;
}
.mr-kantine-slider .slick-next {
z-index: 180;
right: 10px !important;
}
.mr-kantine-slider .slick-next:before {
content: none;
}
.mr-kantine-slider .slick-prev {
z-index: 200;
left: 10px !important;
}
.mr-kantine-slider .slick-prev:before {
content: none;
}
.mr-kantine-slider .slick-slide {
height: 400px;
margin: 0 5px;
}
.mr-kantine-slider .slick-slide img {
height: 400px;
}
.mr-kantine-slider .slick-slide img:hover {
cursor: pointer;
}
.mr-kantine-slider .slick-button {
background-color: rgba(255, 255, 255, 0.75);
display: block;
width: 40px;
height: 40px;
border-radius: 50%;
}
.mr-kantine-slider .slick-button:hover {
background-color: rgba(255, 255, 255, 0.9);
}
.wp-block-mr-blocks-mr-kantine-app {
padding: 0;
}
.wp-block-mr-blocks-mr-kantine-app .mr-kantine-app-container {
--mr-kantine-app-height: 560px;
width: auto;
margin: 0 auto;
height: auto;
position: relative;
z-index: 100;
padding: 0;
}
@media (min-width: 768px) and (max-width: 1200px) {
.wp-block-mr-blocks-mr-kantine-app .mr-kantine-app-container .hidden-on-desktop {
display: block !important;
grid-column: span 2;
}
}
@media (min-width: 768px) {
.wp-block-mr-blocks-mr-kantine-app .mr-kantine-app-container {
height: auto;
width: auto;
display: grid;
grid-template-columns: 1fr 1fr;
}
}
@media (min-width: 1200px) {
.wp-block-mr-blocks-mr-kantine-app .mr-kantine-app-container {
height: 810px;
width: 1200px;
display: block;
}
}
@media (min-width: 1300px) {
.wp-block-mr-blocks-mr-kantine-app .mr-kantine-app-container {
height: 810px;
width: 1300px;
}
}
.wp-block-mr-blocks-mr-kantine-app .mr-kantine-app-container .mr-kantine-app-img {
height: auto;
width: 100%;
vertical-align: middle;
margin: auto;
}
@media (min-width: 768px) {
.wp-block-mr-blocks-mr-kantine-app .mr-kantine-app-container .mr-kantine-app-img {
height: auto;
width: 100%;
display: block;
margin: 0 auto;
}
}
@media (min-width: 1200px) {
.wp-block-mr-blocks-mr-kantine-app .mr-kantine-app-container .mr-kantine-app-img {
height: auto;
max-height: var(--mr-kantine-app-height);
width: auto;
display: inline;
}
}
.wp-block-mr-blocks-mr-kantine-app .mr-kantine-app-container .mr-kantine-app-content {
background-color: var(--main_green_4);
position: static;
top: 100px;
right: 0;
width: auto;
height: auto;
z-index: -1;
padding: 50px 50px;
}
@media (min-width: 768px) {
.wp-block-mr-blocks-mr-kantine-app .mr-kantine-app-container .mr-kantine-app-content {
padding: 0;
display: flex;
align-items: center;
}
}
@media (min-width: 1200px) {
.wp-block-mr-blocks-mr-kantine-app .mr-kantine-app-container .mr-kantine-app-content {
position: absolute;
width: 1000px;
}
}
.wp-block-mr-blocks-mr-kantine-app .mr-kantine-app-container .mr-kantine-app-content .mr-kantine-app-grid {
display: grid;
grid-template-columns: 50% 50%;
grid-template-rows: auto;
grid-row-gap: 30px;
}
@media (min-width: 768px) {
.wp-block-mr-blocks-mr-kantine-app .mr-kantine-app-container .mr-kantine-app-content .mr-kantine-app-grid {
padding: 50px;
}
}
@media (min-width: 1200px) {
.wp-block-mr-blocks-mr-kantine-app .mr-kantine-app-container .mr-kantine-app-content .mr-kantine-app-grid {
padding: 50px 50px 50px 380px;
}
}
.wp-block-mr-blocks-mr-kantine-app .mr-kantine-app-container .mr-kantine-app-content .mr-kantine-app-grid h2 {
grid-column: span 2;
width: auto;
text-align: left;
font-size: 24px;
}
@media (min-width: 768px) {
.wp-block-mr-blocks-mr-kantine-app .mr-kantine-app-container .mr-kantine-app-content .mr-kantine-app-grid h2 {
padding: 0;
font-size: 40px;
}
}
.wp-block-mr-blocks-mr-kantine-app .mr-kantine-app-container .mr-kantine-app-content .mr-kantine-app-grid .app-logos {
grid-column: span 2;
display: grid;
grid-template-columns: 1fr;
grid-column-gap: 20px;
}
@media (min-width: 1200px) {
.wp-block-mr-blocks-mr-kantine-app .mr-kantine-app-container .mr-kantine-app-content .mr-kantine-app-grid .app-logos {
grid-column-gap: 40px;
grid-template-columns: 1fr 1fr;
}
}
.wp-block-mr-blocks-mr-kantine-app .mr-kantine-app-container .mr-kantine-app-content .mr-kantine-app-grid .app-logos a {
text-decoration: none;
color: black;
}
.wp-block-mr-blocks-mr-kantine-app .mr-kantine-app-container .mr-kantine-app-content .mr-kantine-app-grid .app-logos a .google-play, .wp-block-mr-blocks-mr-kantine-app .mr-kantine-app-container .mr-kantine-app-content .mr-kantine-app-grid .app-logos a .app-store {
background-color: white;
display: grid;
grid-template-columns: 60px 1fr;
width: auto;
height: auto;
border-radius: 30px;
padding: 10px;
box-sizing: border-box;
align-content: center;
align-items: center;
max-width: 250px;
}
@media (min-width: 768px) {
.wp-block-mr-blocks-mr-kantine-app .mr-kantine-app-container .mr-kantine-app-content .mr-kantine-app-grid .app-logos a .google-play, .wp-block-mr-blocks-mr-kantine-app .mr-kantine-app-container .mr-kantine-app-content .mr-kantine-app-grid .app-logos a .app-store {
max-width: none;
height: 100px;
}
}
.wp-block-mr-blocks-mr-kantine-app .mr-kantine-app-container .mr-kantine-app-content .mr-kantine-app-grid .app-logos a .google-play h3, .wp-block-mr-blocks-mr-kantine-app .mr-kantine-app-container .mr-kantine-app-content .mr-kantine-app-grid .app-logos a .google-play p, .wp-block-mr-blocks-mr-kantine-app .mr-kantine-app-container .mr-kantine-app-content .mr-kantine-app-grid .app-logos a .app-store h3, .wp-block-mr-blocks-mr-kantine-app .mr-kantine-app-container .mr-kantine-app-content .mr-kantine-app-grid .app-logos a .app-store p {
margin: 0;
width: auto;
color: var(--main_green);
font-weight: bold;
grid-column: span 1;
}
.wp-block-mr-blocks-mr-kantine-app .mr-kantine-app-container .mr-kantine-app-content .mr-kantine-app-grid .app-logos a .google-play img, .wp-block-mr-blocks-mr-kantine-app .mr-kantine-app-container .mr-kantine-app-content .mr-kantine-app-grid .app-logos a .app-store img {
width: 50px !important;
height: auto !important;
grid-row: span 2;
}
@media (max-width: 1200px) {
.wp-block-mr-blocks-mr-kantine-app .mr-kantine-app-container .mr-kantine-app-content .mr-kantine-app-grid .app-logos a:first-of-type {
display: grid;
}
@supports (-webkit-touch-callout: none) {
.wp-block-mr-blocks-mr-kantine-app .mr-kantine-app-container .mr-kantine-app-content .mr-kantine-app-grid .app-logos a:first-of-type {
display: none;
}
}
.wp-block-mr-blocks-mr-kantine-app .mr-kantine-app-container .mr-kantine-app-content .mr-kantine-app-grid .app-logos a:nth-of-type(2) {
display: grid;
}
@supports not (-webkit-touch-callout: none) {
.wp-block-mr-blocks-mr-kantine-app .mr-kantine-app-container .mr-kantine-app-content .mr-kantine-app-grid .app-logos a:nth-of-type(2) {
display: none;
}
}
}
.wp-block-mr-blocks-mr-kantine-app .mr-kantine-app-container .mr-kantine-app-content .mr-kantine-app-grid .qr-code-app-store, .wp-block-mr-blocks-mr-kantine-app .mr-kantine-app-container .mr-kantine-app-content .mr-kantine-app-grid .qr-code-google-play {
grid-column: span 1;
margin: 0 auto;
display: none;
}
@media (min-width: 1200px) {
.wp-block-mr-blocks-mr-kantine-app .mr-kantine-app-container .mr-kantine-app-content .mr-kantine-app-grid .qr-code-app-store, .wp-block-mr-blocks-mr-kantine-app .mr-kantine-app-container .mr-kantine-app-content .mr-kantine-app-grid .qr-code-google-play {
display: block;
}
}
.wp-block-mr-blocks-mr-kantine-app .mr-kantine-app-container .mr-kantine-app-content .mr-kantine-app-grid .qr-code-app-store img, .wp-block-mr-blocks-mr-kantine-app .mr-kantine-app-container .mr-kantine-app-content .mr-kantine-app-grid .qr-code-google-play img {
width: 100px;
height: 100px;
}
.wp-block-mr-blocks-mr-kantine-app .mr-kantine-app-container .mr-kantine-app-content .mr-kantine-app-grid .sub-headline {
color: var(--main_green);
grid-column: span 2;
font-size: 18px;
width: auto;
margin: 0;
}
@media (min-width: 768px) {
.wp-block-mr-blocks-mr-kantine-app .mr-kantine-app-container .mr-kantine-app-content .mr-kantine-app-grid .sub-headline {
padding: 0;
font-size: 27px;
}
}
.wp-block-mr-blocks-mr-kantine-app .mr-kantine-app-container .mr-kantine-app-content .mr-kantine-app-grid .payment-logos {
display: grid;
grid-template-columns: auto auto auto;
grid-column: span 1;
grid-column-gap: 30px;
align-items: center;
}
.wp-block-mr-blocks-mr-kantine-app .mr-kantine-app-container .mr-kantine-app-content .mr-kantine-app-grid .payment-logos img {
width: 50px;
height: auto;
max-width: unset;
}
@media (min-width: 768px) {
.wp-block-mr-blocks-mr-kantine-app .mr-kantine-app-container .mr-kantine-app-content .mr-kantine-app-grid .payment-logos img {
height: 30px;
width: auto;
}
}
.mr-kantine-idea {
display: grid;
grid-template-columns: 1fr;
margin-bottom: 50px;
gap: 0 !important;
}
@media (min-width: 768px) {
.mr-kantine-idea {
grid-template-columns: 1fr;
}
}
@media (min-width: 1200px) {
.mr-kantine-idea {
grid-template-columns: 1fr 1fr;
margin: 60px 10% 50px !important;
}
}
.mr-kantine-idea .mr-kantine-idea-content {
width: auto;
padding: 50px 20px;
margin: 0 auto;
position: relative;
}
@media (min-width: 1200px) {
.mr-kantine-idea .mr-kantine-idea-content {
width: 500px;
padding: 30px;
}
}
.mr-kantine-idea .mr-kantine-idea-content h2 {
text-align: center;
width: 100%;
line-height: 26px;
margin: 0 auto;
padding: 0;
font-size: 26px;
}
@media (min-width: 768px) {
.mr-kantine-idea .mr-kantine-idea-content h2 {
text-align: center;
font-size: 40px;
width: 327px;
line-height: 40px;
margin: 0 auto;
}
}
@media (min-width: 1200px) {
.mr-kantine-idea .mr-kantine-idea-content h2 {
text-align: left;
width: 327px;
margin: 0;
}
}
@media (max-width: 768px) {
.mr-kantine-idea .mr-kantine-idea-content h3 {
font-size: 18px !important;
}
}
.mr-kantine-idea .mr-kantine-idea-content p {
font-weight: normal !important;
}
.mr-kantine-idea .mr-kantine-idea-content p:last-of-type {
margin-bottom: 0;
}
.mr-kantine-idea .mr-kantine-idea-content .mr-idea-quote {
position: absolute;
left: -30px;
top: -32px;
display: none;
}
@media (min-width: 1200px) {
.mr-kantine-idea .mr-kantine-idea-content .mr-idea-quote {
display: block;
}
}
.mr-kantine-idea .mr-kantine-idea-content .mr-idea-quote img {
width: 60px;
height: 60px;
}
.mr-kantine-idea img {
width: 100%;
height: auto;
display: block;
margin: 0 auto;
}
@media (min-width: 768px) {
.mr-kantine-idea img {
width: auto;
height: 575px;
}
}
.mr-kantine-idea .wp-block-image {
margin: 0;
}
.clever-smart-container {
height: auto;
display: flex;
justify-content: center;
padding: 0 !important;
margin-top: 0px;
margin-left: 0px !important;
}
@media (min-width: 768px) {
.clever-smart-container {
margin-top: 120px;
}
}
@media (min-width: 1200px) {
.clever-smart-container {
margin-left: -195px !important;
}
}
.clever-smart-container .clever-smart {
margin: 0;
width: auto;
padding: 50px 20px;
display: grid;
grid-template-columns: 1fr;
}
@media (min-width: 768px) {
.clever-smart-container .clever-smart {
display: flex;
width: auto;
grid-template-columns: 1fr 1fr;
padding: 0;
}
}
@media (min-width: 1200px) {
.clever-smart-container .clever-smart {
width: 1000px;
}
}
.clever-smart-container .clever-smart .clever-smart-text {
position: static;
}
@media (min-width: 768px) {
.clever-smart-container .clever-smart .clever-smart-text {
position: relative;
top: 120px;
}
}
.clever-smart-container .clever-smart .clever-smart-text h3 {
margin-block-start: 0;
line-height: normal;
font-weight: normal;
font-size: 24px !important;
}
@media (min-width: 768px) {
.clever-smart-container .clever-smart .clever-smart-text h3 {
line-height: 31px;
font-size: 31px !important;
}
}
.clever-smart-container .clever-smart .clever-smart-text .clever-smart-text-item {
display: grid;
grid-template-columns: 40px 1fr;
align-items: center;
margin-bottom: 0;
margin-left: 20px;
column-gap: 0 !important;
align-items: center !important;
}
.clever-smart-container .clever-smart .clever-smart-text .clever-smart-text-item p {
font-size: 18px !important;
}
@media (min-width: 768px) {
.clever-smart-container .clever-smart .clever-smart-text .clever-smart-text-item p {
font-size: 21px !important;
}
}
@media (min-width: 768px) {
.clever-smart-container .clever-smart .clever-smart-text .clever-smart-text-item {
margin-left: 40px;
}
}
@media (min-width: 1200px) {
.clever-smart-container .clever-smart .clever-smart-text .clever-smart-text-item {
margin-left: 125px;
}
}
.clever-smart-container .clever-smart .clever-smart-text .clever-smart-text-item figure {
width: 100%;
height: 100%;
margin: 0;
}
.clever-smart-container .clever-smart .clever-smart-text .clever-smart-text-item figure img {
width: 40px;
height: auto;
filter: brightness(4);
}
.clever-smart-container .clever-smart .clever-smart-text .clever-smart-text-item p {
font-weight: normal;
margin: 15px;
}
.clever-smart-container .clever-smart .clever-smart-images {
position: static;
display: flex;
justify-content: center;
}
@media (min-width: 768px) {
.clever-smart-container .clever-smart .clever-smart-images {
position: relative;
top: -70px;
display: block;
}
}
.clever-smart-container .clever-smart .clever-smart-images .clever-smart-grid {
grid-column-gap: 0;
position: relative;
display: block;
}
@media (min-width: 768px) {
.clever-smart-container .clever-smart .clever-smart-images .clever-smart-grid {
display: flex;
position: static;
}
}
.clever-smart-container .clever-smart .clever-smart-images .clever-smart-grid .clever-smart-smartphone {
position: absolute;
top: 150px;
left: 150px;
}
@media (min-width: 768px) {
.clever-smart-container .clever-smart .clever-smart-images .clever-smart-grid .clever-smart-smartphone {
position: static;
}
}
.clever-smart-container .clever-smart .clever-smart-images .clever-smart-grid .clever-smart-smartphone figure {
position: static;
}
@media (min-width: 768px) {
.clever-smart-container .clever-smart .clever-smart-images .clever-smart-grid .clever-smart-smartphone figure {
position: relative;
top: 200px;
left: 50px;
}
}
@media (min-width: 1200px) {
.clever-smart-container .clever-smart .clever-smart-images .clever-smart-grid .clever-smart-smartphone figure {
left: -20px;
}
}
.clever-smart-container .clever-smart .clever-smart-images .clever-smart-grid .clever-smart-smartphone figure img {
height: 175px;
transform: rotate(15deg);
}
@media (min-width: 768px) {
.clever-smart-container .clever-smart .clever-smart-images .clever-smart-grid .clever-smart-smartphone figure img {
height: 300px;
}
}
.clever-smart-container .clever-smart .clever-smart-images figure {
margin: 0;
}
.clever-smart-container .clever-smart .clever-smart-images figure img {
height: 450px;
width: auto;
max-width: none;
}
@media (min-width: 768px) {
.clever-smart-container .clever-smart .clever-smart-images figure img {
height: 600px;
}
}
#cookie-container {
position: fixed;
display: none;
bottom: 0px;
right: 0;
z-index: 1000;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
transition: 1s;
}
#cookie-container #cookie-banner {
position: absolute;
bottom: 0px;
width: 100%;
}
#cookie-container #cookie-banner .cookie-close {
position: absolute;
top: 20px;
right: 20px;
width: 20px;
height: 20px;
filter: brightness(4);
cursor: pointer;
}
#cookie-container #cookie-banner .cookie-content {
border-radius: 20px;
background-color: var(--main_green);
width: auto;
margin: 0 auto;
padding: 20px;
margin-bottom: 10px;
box-sizing: border-box;
}
@media (min-width: 1200px) {
#cookie-container #cookie-banner .cookie-content {
width: 1200px;
}
}
#cookie-container #cookie-banner .cookie-content .cookie-grid {
display: grid;
justify-content: center;
grid-column-gap: 50px;
grid-row-gap: 15px;
}
@media (min-width: 768px) {
#cookie-container #cookie-banner .cookie-content .cookie-grid {
grid-template-columns: 60px 1fr;
}
}
#cookie-container #cookie-banner .cookie-content .cookie-grid .icon-cookie {
display: none;
width: 60px;
height: auto;
align-self: center;
filter: brightness(4);
grid-row: span 1;
}
@media (min-width: 768px) {
#cookie-container #cookie-banner .cookie-content .cookie-grid .icon-cookie {
display: flex;
}
}
#cookie-container #cookie-banner .cookie-content .cookie-grid p {
color: white;
font-size: 12px;
}
#cookie-container #cookie-banner .cookie-content .cookie-grid .cookie-text {
grid-column: span 2;
font-weight: normal;
margin: 0;
}
@media (min-width: 768px) {
#cookie-container #cookie-banner .cookie-content .cookie-grid .cookie-text {
grid-column: span 1;
}
}
#cookie-container #cookie-banner .cookie-content .cookie-grid .cookie-text a {
text-decoration: underline;
}
#cookie-container #cookie-banner .cookie-content .cookie-grid .cookie-buttons {
margin-left: 0;
grid-column: span 2;
display: grid;
grid-template-columns: 1fr 1fr;
grid-column-gap: 20px;
}
#cookie-container #cookie-banner .cookie-content .cookie-grid .cookie-buttons .accept-button {
grid-column: span 1;
display: flex;
align-self: flex-end;
justify-content: flex-end;
}
#cookie-container #cookie-banner .cookie-content .cookie-grid .cookie-buttons .accept-button #accept-cookies {
margin: 0 !important;
}
#cookie-container #cookie-banner .cookie-content .cookie-grid .cookie-buttons #not-accept-cookies {
grid-column: span 1;
cursor: pointer;
width: 180px;
display: flex;
}
#cookie-container #cookie-banner .cookie-content .cookie-grid .cookie-buttons #not-accept-cookies:hover {
color: var(--menu_font_color);
}
.meal-voucher {
width: auto;
padding-top: 400px !important;
margin-top: -400px;
overflow: hidden;
}
@media (min-width: 768px) {
.meal-voucher {
padding-top: 500px !important;
margin-top: -500px;
}
}
@media (min-width: 1200px) {
.meal-voucher {
margin-top: -200px;
padding: 250px 10% 50px 10% !important;
}
}
.meal-voucher h2 {
margin: 0;
padding: 0 0 20px 0;
}
.meal-voucher h2:first-of-type {
color: var(--main_green);
padding: 50px 0 0 0;
}
.meal-voucher p {
font-weight: normal;
}
.meal-voucher .meal-voucher-grid {
display: grid;
grid-template-columns: 1fr;
justify-content: center;
margin-bottom: 0;
}
@media (min-width: 1200px) {
.meal-voucher .meal-voucher-grid {
grid-template-columns: minmax(auto, 533px) auto;
align-items: center;
}
}
@media (min-width: 1400px) {
.meal-voucher .meal-voucher-grid {
grid-template-columns: minmax(auto, 533px) auto;
align-items: unset;
}
}
@media (min-width: 1700px) {
.meal-voucher .meal-voucher-grid {
grid-template-columns: minmax(auto, 711px) auto;
}
}
.meal-voucher .meal-voucher-grid .meal-voucher-content-text {
z-index: 100;
}
@media (min-width: 1550px) {
.meal-voucher .meal-voucher-grid .meal-voucher-content-text {
margin-top: 50px;
}
}
@media (min-width: 768px) {
.meal-voucher .meal-voucher-grid .meal-voucher-content-video {
position: relative;
margin-left: 0px !important;
}
}
@media (min-width: 1400px) {
.meal-voucher .meal-voucher-grid .meal-voucher-content-video {
margin-left: -60px !important;
}
}
@media (min-width: 1600px) {
.meal-voucher .meal-voucher-grid .meal-voucher-content-video {
margin-left: -80px !important;
}
}
@media (min-width: 1750px) {
.meal-voucher .meal-voucher-grid .meal-voucher-content-video {
margin-left: -130px !important;
}
}
.meal-voucher .meal-voucher-grid .meal-voucher-content-grid {
margin: 0;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
}
.meal-voucher .meal-voucher-grid .meal-voucher-content-grid .price-tag-container .meal-voucher-price-tag {
margin: 0;
position: relative;
top: 50px;
}
@media (min-width: 768px) {
.meal-voucher .meal-voucher-grid .meal-voucher-content-grid .price-tag-container .meal-voucher-price-tag {
margin: 0 20px 0;
}
}
.meal-voucher .meal-voucher-grid .meal-voucher-content-grid .price-tag-container .meal-voucher-price-tag img {
width: 225px;
height: auto;
}
.meal-voucher .meal-voucher-grid .meal-voucher-content-grid .bottle-container {
display: flex;
align-items: flex-end;
}
.meal-voucher .meal-voucher-grid .meal-voucher-content-grid .bottle-container .meal-voucher-bottle {
margin: 0;
}
.meal-voucher .meal-voucher-grid .meal-voucher-content-grid .bottle-container .meal-voucher-bottle img {
width: 300px;
height: auto;
}
.meal-voucher .meal-voucher-grid .meal-voucher-content-grid .meal-voucher-text-container {
align-self: center;
position: relative;
top: 20px;
}
@media (min-width: 768px) {
.meal-voucher .meal-voucher-grid .meal-voucher-content-grid .meal-voucher-text-container {
top: 30px;
}
}
@media (min-width: 1200px) {
.meal-voucher .meal-voucher-grid .meal-voucher-content-grid .meal-voucher-text-container {
top: 30px;
}
}
@media (min-width: 1400px) {
.meal-voucher .meal-voucher-grid .meal-voucher-content-grid .meal-voucher-text-container {
top: 50px;
}
}
@media (min-width: 1400px) {
.meal-voucher .meal-voucher-grid .meal-voucher-content-grid .meal-voucher-text-container {
top: 65px;
}
}
.meal-voucher .meal-voucher-grid .meal-voucher-content-grid .meal-voucher-text-container .meal-voucher-price {
margin: 0;
}
@media (max-width: 768px) {
.meal-voucher .meal-voucher-grid .meal-voucher-content-grid .meal-voucher-text-container .meal-voucher-price {
font-size: 24px !important;
}
}
.meal-voucher .meal-voucher-grid .meal-voucher-content-grid .meal-voucher-text-container .meal-voucher-price:first-of-type {
margin: 0px !important;
}
.meal-voucher .meal-voucher-grid .meal-voucher-content-grid .meal-voucher-text-container .meal-voucher-text {
margin: 0;
}
@media (max-width: 768px) {
.meal-voucher .meal-voucher-grid .meal-voucher-content-grid .meal-voucher-text-container .meal-voucher-text {
font-size: 14px !important;
}
}
.meal-voucher .meal-voucher-grid .meal-voucher-content-grid .meal-voucher-text-container .plus-symbol {
padding: 5px 0px 5px 30px;
}
@media (min-width: 768px) {
.meal-voucher .meal-voucher-grid .meal-voucher-content-grid .meal-voucher-text-container .plus-symbol {
padding: 10px 0px 10px 30px;
}
}
@media (min-width: 1200px) {
.satisfied-employees {
padding-bottom: 125px !important;
}
}
.satisfied-employees .satisfied-employees-grid {
display: grid;
align-items: flex-end !important;
width: auto;
margin: 0 auto;
grid-template-columns: 1fr;
grid-column-gap: 20px;
grid-row-gap: 25px;
}
@media (min-width: 768px) {
.satisfied-employees .satisfied-employees-grid {
grid-template-columns: 1fr 1fr;
width: auto;
grid-row-gap: 50px;
}
}
@media (min-width: 1200px) {
.satisfied-employees .satisfied-employees-grid {
grid-template-columns: 1fr 1fr auto;
width: 1200px;
}
}
@media (min-width: 1350px) {
.satisfied-employees .satisfied-employees-grid {
width: 1300px;
}
}
@media (min-width: 1450px) {
.satisfied-employees .satisfied-employees-grid {
width: 1400px;
}
}
.satisfied-employees .satisfied-employees-grid .wp-block-column .item {
text-align: center;
}
.satisfied-employees .satisfied-employees-grid .wp-block-column .item img {
width: 80px;
height: auto;
margin-top: 1em;
}
.satisfied-employees .satisfied-employees-grid .wp-block-column .item h3 {
color: var(--main_green);
font-size: 48px;
}
@media (max-width: 768px) {
.satisfied-employees .satisfied-employees-grid .wp-block-column .item h3 {
font-size: 20px !important;
}
}
.satisfied-employees .satisfied-employees-grid .wp-block-column .item .text-holder p {
font-size: 18px;
}
@media (min-width: 768px) {
.satisfied-employees .satisfied-employees-grid .wp-block-column .item .text-holder p {
font-size: 20px !important;
}
}
.satisfied-employees .satisfied-employees-grid .wp-block-column:first-of-type .item h3 {
color: var(--menu_font_color);
}
.satisfied-employees .satisfied-employees-grid .wp-block-column:first-of-type .item .text-holder p {
color: var(--menu_font_color);
}
.satisfied-employees .satisfied-employees-grid .wp-block-column figure {
margin: 0;
}
.satisfied-employees .satisfied-employees-grid .wp-block-column figure img {
width: auto;
height: auto;
}
@media (min-width: 768px) {
.satisfied-employees .satisfied-employees-grid .wp-block-column figure {
width: auto;
height: auto;
}
}
@media (min-width: 1200px) {
.satisfied-employees .satisfied-employees-grid .wp-block-column figure {
width: 400px;
}
}
@media (min-width: 1500px) {
.satisfied-employees .satisfied-employees-grid .wp-block-column figure {
width: 500px;
}
}
.satisfied-employees .satisfied-employees-grid .satisfied-employees-video {
grid-column: span 1;
}
@media (min-width: 768px) {
.satisfied-employees .satisfied-employees-grid .satisfied-employees-video {
grid-column: span 2;
}
}
@media (min-width: 1200px) {
.satisfied-employees .satisfied-employees-grid .satisfied-employees-video {
grid-column: span 1;
}
}
.satisfied-employees .satisfied-employees-grid .satisfied-employees-video figure {
display: flex;
}
.satisfied-employees .satisfied-employees-grid .satisfied-employees-video figure video {
margin: 0 auto;
width: 100%;
}
@media (min-width: 768px) {
.satisfied-employees .satisfied-employees-grid .satisfied-employees-video figure video {
width: 60%;
}
}
@media (min-width: 1200px) {
.satisfied-employees .satisfied-employees-grid .satisfied-employees-video figure video {
width: 100%;
}
}
.satisfied-employees .satisfied-employees-grid .cost-salary-increase {
background-size: 100% 200%;
background-image: linear-gradient(to bottom, transparent 50%, #67676717 50%);
transition: background-position 0.2s ease-in-out, color 0.2s ease-in-out;
}
.satisfied-employees .satisfied-employees-grid .cost-salary-increase:hover {
background-position: 0 100%;
}
.satisfied-employees .satisfied-employees-grid .cost-meal-voucher-increase {
background-size: 100% 200%;
background-image: linear-gradient(to bottom, transparent 50%, #F4F9EE 50%);
transition: background-position 0.2s ease-in-out, color 0.2s ease-in-out;
}
.satisfied-employees .satisfied-employees-grid .cost-meal-voucher-increase:hover {
background-position: 0 77%;
}
.easy-meal-voucher .easy-meal-voucher-grid {
display: grid;
grid-template-columns: 1fr;
width: auto;
margin: 0 auto;
align-items: baseline;
justify-content: center;
grid-row-gap: 60px;
}
@media (max-width: 768px) {
.easy-meal-voucher .easy-meal-voucher-grid {
text-align: center;
}
}
@media (min-width: 768px) {
.easy-meal-voucher .easy-meal-voucher-grid {
grid-template-columns: 1fr 1fr 1fr;
}
}
@media (min-width: 1200px) {
.easy-meal-voucher .easy-meal-voucher-grid {
grid-template-columns: 1fr 1fr 1fr;
width: 1200px !important;
grid-column-gap: 50px;
}
}
.easy-meal-voucher .easy-meal-voucher-grid .wp-block-column {
display: grid;
justify-content: center;
grid-row-gap: 20px;
}
.easy-meal-voucher .easy-meal-voucher-grid .wp-block-column figure {
display: flex;
justify-content: center;
}
.easy-meal-voucher .easy-meal-voucher-grid .wp-block-column p, .easy-meal-voucher .easy-meal-voucher-grid .wp-block-column h1, .easy-meal-voucher .easy-meal-voucher-grid .wp-block-column h2, .easy-meal-voucher .easy-meal-voucher-grid .wp-block-column h3 {
padding: 0;
margin: 0;
}
.easy-meal-voucher .wp-block-column figure {
margin: 0;
}
.easy-meal-voucher .wp-block-column figure img {
width: 200px;
height: auto;
}
@media (min-width: 768px) {
.easy-meal-voucher .wp-block-column figure img {
width: 266px;
}
}
.easy-meal-voucher .wp-block-column p {
font-weight: normal;
margin-bottom: 0;
}
@media (max-width: 768px) {
.easy-meal-voucher .wp-block-column p {
font-size: 16px !important;
}
}
.easy-meal-voucher .wp-block-column p:nth-of-type(2) {
margin-top: 0;
}
.employee-happy .employee-happy-grid {
width: auto;
grid-column-gap: 50px;
}
@media (min-width: 1200px) {
.employee-happy .employee-happy-grid {
width: 1200px;
}
}
.employee-happy .employee-happy-grid .wp-block-column {
text-align: center;
}
.employee-happy .employee-happy-grid .wp-block-column figure {
margin: 0;
}
.employee-happy .employee-happy-grid .wp-block-column figure img {
width: 150px;
height: auto;
}
@media (max-width: 768px) {
.employee-happy .employee-happy-grid .wp-block-column p {
font-size: 16px;
}
}
.employee-happy .employee-happy-image {
padding-top: 40px;
text-align: center;
margin: 0;
}
.employee-happy .employee-happy-image img {
width: 1000px;
height: auto;
}
.mr-gerichte-idea {
width: auto;
padding-bottom: 20px !important;
}
@media (min-width: 768px) {
.mr-gerichte-idea {
margin: 50px 0 0 10%;
width: 667px;
padding-bottom: 70px !important;
}
}
@media (min-width: 1200px) {
.mr-gerichte-idea {
padding-bottom: 30px !important;
}
}
.mr-gerichte-idea h2 {
padding: 50px 0 20px 0;
}
@media (max-width: 768px) {
.mr-gerichte-idea h2 {
text-align: center;
}
}
@media (max-width: 768px) {
.mr-gerichte-idea p {
text-align: center;
}
}
@media (min-width: 768px) {
.mr-gerichte-idea-map {
margin: 0 10%;
position: relative;
padding-bottom: 150px !important;
}
}
@media (min-width: 1500px) {
.mr-gerichte-idea-map {
width: 1200px;
margin: 0 auto;
}
}
.mr-gerichte-idea-map .map-image {
display: none;
height: auto;
align-items: self-start;
}
@media (min-width: 768px) {
.mr-gerichte-idea-map .map-image {
margin: 0;
display: flex;
justify-content: center;
}
}
.mr-gerichte-idea-map .map-image img {
width: 900px;
height: auto;
}
.mr-gerichte-idea-map .map-image-mobil {
margin: 0;
display: block;
padding-bottom: 30px;
}
@media (min-width: 768px) {
.mr-gerichte-idea-map .map-image-mobil {
display: none;
}
}
.mr-gerichte-idea-map .map-image-mobil img {
width: 100%;
height: auto;
}
.mr-gerichte-idea-map .map-text-grid .map {
position: static;
width: auto;
margin-bottom: 50px;
}
@media (min-width: 768px) {
.mr-gerichte-idea-map .map-text-grid .map {
position: absolute;
width: 270px;
margin-bottom: 0;
}
}
@media (min-width: 900px) {
.mr-gerichte-idea-map .map-text-grid .map {
width: 300px;
margin-bottom: 0;
}
}
@media (min-width: 1100px) {
.mr-gerichte-idea-map .map-text-grid .map {
width: 388px;
}
}
.mr-gerichte-idea-map .map-text-grid .map:last-of-type {
margin-bottom: 0;
}
@media (max-width: 1200px) {
.mr-gerichte-idea-map .map-text-grid .map h2 {
font-size: 30px;
line-height: 30px;
}
}
@media (max-width: 1000px) {
.mr-gerichte-idea-map .map-text-grid .map h2 {
font-size: 25px;
line-height: 25px;
}
}
@media (max-width: 768px) {
.mr-gerichte-idea-map .map-text-grid .map h2 {
font-size: unset;
}
}
@media (max-width: 1000px) {
.mr-gerichte-idea-map .map-text-grid .map p {
font-size: 14px;
}
}
@media (min-width: 768px) {
.mr-gerichte-idea-map .map-text-grid .map1 {
top: 15%;
left: -14%;
}
}
@media (min-width: 1100px) {
.mr-gerichte-idea-map .map-text-grid .map1 {
top: 18%;
left: -12%;
}
}
@media (min-width: 1300px) {
.mr-gerichte-idea-map .map-text-grid .map1 {
top: 16%;
left: -8%;
}
}
@media (min-width: 1500px) {
.mr-gerichte-idea-map .map-text-grid .map1 {
top: 16%;
left: -4%;
}
}
@media (min-width: 768px) {
.mr-gerichte-idea-map .map-text-grid .map2 {
top: -5%;
left: 63%;
}
}
@media (min-width: 1100px) {
.mr-gerichte-idea-map .map-text-grid .map2 {
top: -5%;
left: 63%;
}
}
@media (min-width: 1300px) {
.mr-gerichte-idea-map .map-text-grid .map2 {
top: -5%;
left: 63%;
}
}
@media (min-width: 1500px) {
.mr-gerichte-idea-map .map-text-grid .map2 {
top: -5%;
left: 63%;
}
}
@media (min-width: 768px) {
.mr-gerichte-idea-map .map-text-grid .map3 {
top: 24%;
left: 71%;
}
}
@media (min-width: 1024px) {
.mr-gerichte-idea-map .map-text-grid .map3 {
top: 27%;
left: 71%;
}
}
@media (min-width: 1100px) {
.mr-gerichte-idea-map .map-text-grid .map3 {
top: 27%;
left: 71%;
}
}
@media (min-width: 1300px) {
.mr-gerichte-idea-map .map-text-grid .map3 {
top: 27%;
left: 73%;
}
}
@media (min-width: 1500px) {
.mr-gerichte-idea-map .map-text-grid .map3 {
top: 27%;
left: 77%;
}
}
@media (min-width: 768px) {
.mr-gerichte-idea-map .map-text-grid .map4 {
top: 65%;
left: 65%;
}
}
@media (min-width: 1024px) {
.mr-gerichte-idea-map .map-text-grid .map4 {
top: 72%;
left: 65%;
}
}
@media (min-width: 1100px) {
.mr-gerichte-idea-map .map-text-grid .map4 {
top: 72%;
left: 65%;
}
}
@media (min-width: 1300px) {
.mr-gerichte-idea-map .map-text-grid .map4 {
top: 72%;
left: 65%;
}
}
@media (min-width: 1500px) {
.mr-gerichte-idea-map .map-text-grid .map4 {
top: 72%;
left: 65%;
}
}
@media (min-width: 768px) {
.mr-gerichte-idea-map .map-text-grid .map5 {
top: 57%;
left: -9%;
}
}
@media (min-width: 1024px) {
.mr-gerichte-idea-map .map-text-grid .map5 {
top: 63%;
left: -5%;
}
}
@media (min-width: 1100px) {
.mr-gerichte-idea-map .map-text-grid .map5 {
top: 63%;
left: -5%;
}
}
@media (min-width: 1300px) {
.mr-gerichte-idea-map .map-text-grid .map5 {
top: 63%;
left: -5%;
}
}
@media (min-width: 1500px) {
.mr-gerichte-idea-map .map-text-grid .map5 {
top: 63%;
left: 0;
}
}
.mr-gerichte-idea-map h2 {
padding: 0;
}
.mr-gerichte-products {
background: linear-gradient(0deg, var(--main_green_3) calc(50% + 81px), white 50%);
}
.mr-gerichte-products .mr-gerichte-products-slider {
width: auto;
margin: 0 calc(10% - 20px);
}
.mr-gerichte-products .mr-gerichte-products-slider .mr-gerichte-product-item {
width: auto;
height: auto;
}
.mr-gerichte-products .mr-gerichte-products-slider .mr-gerichte-product-item .img-container {
margin: auto;
display: flex;
overflow: hidden;
}
.mr-gerichte-products .mr-gerichte-products-slider .mr-gerichte-product-item .img-container img {
width: 350px;
height: 200px;
object-fit: cover;
margin: auto; max-width: 100%;
max-height: 100%;
transition: 0.5s;
}
@media (min-width: 768px) {
.mr-gerichte-products .mr-gerichte-products-slider .mr-gerichte-product-item .img-container img {
width: 100%;
height: 372px;
}
}
.mr-gerichte-products .mr-gerichte-products-slider .mr-gerichte-product-item .img-container img:hover {
-webkit-filter: brightness(0.85);
filter: brightness(0.85);
cursor: pointer;
transform: scale(1.15);
-ms-transform: scale(1.15); -moz-transform: scale(1.15); -webkit-transform: scale(1.15); -o-transform: scale(1.15); }
.mr-gerichte-products .mr-gerichte-products-slider .mr-gerichte-product-item .product-description {
background-color: var(--main_green_4);
position: relative;
transition: 0.5s;
}
.mr-gerichte-products .mr-gerichte-products-slider .mr-gerichte-product-item .product-description .product-headline-price {
display: grid;
grid-template-columns: auto minmax(auto, 80px);
padding: 20px;
}
@media (min-width: 768px) {
.mr-gerichte-products .mr-gerichte-products-slider .mr-gerichte-product-item .product-description .product-headline-price {
padding: 20px 30px 20px 40px;
}
}
.mr-gerichte-products .mr-gerichte-products-slider .mr-gerichte-product-item .product-description .product-headline-price p {
margin: 0;
}
.mr-gerichte-products .mr-gerichte-products-slider .mr-gerichte-product-item .product-description .product-headline-price .price {
color: red;
font-size: 22px;
display: flex;
justify-content: flex-end;
}
.mr-gerichte-products .mr-gerichte-products-slider .mr-gerichte-product-item .product-description .product-details-container {
position: absolute;
background-color: var(--main_green_4);
width: 100%;
transform: scaleY(0);
transform-origin: top;
transition: transform 0.2s ease;
overflow: hidden;
}
.mr-gerichte-products .mr-gerichte-products-slider .mr-gerichte-product-item .product-description .product-details-container .product-details {
display: grid;
grid-template-columns: auto auto auto auto;
padding: 0 30px 20px 40px;
justify-content: space-between;
grid-row-gap: 20px;
}
.mr-gerichte-products .mr-gerichte-products-slider .mr-gerichte-product-item .product-description .product-details-container .product-details .details-value {
text-align: center;
margin: 0;
font-weight: normal;
font-size: 24px;
}
@media (min-width: 768px) {
.mr-gerichte-products .mr-gerichte-products-slider .mr-gerichte-product-item .product-description .product-details-container .product-details .details-value {
font-size: 30px;
}
}
.mr-gerichte-products .mr-gerichte-products-slider .mr-gerichte-product-item .product-description .product-details-container .product-details .details-name {
text-align: center;
margin: 0;
font-size: 12px;
}
.mr-gerichte-products .mr-gerichte-products-slider .mr-gerichte-product-item:hover .product-details-container {
height: auto;
transform: scaleY(1);
}
.mr-gerichte-products .mr-gerichte-products-slider .slick-list {
margin: 0 10px;
padding-bottom: 130px;
}
@media (min-width: 768px) {
.mr-gerichte-products .mr-gerichte-products-slider .slick-list {
margin: 0;
padding-bottom: 150px;
}
}
@media (min-width: 1200px) {
.mr-gerichte-products .mr-gerichte-products-slider .slick-list {
padding-bottom: 225px;
}
}
.mr-gerichte-products .mr-gerichte-products-slider .slick-slide {
margin: 0 20px;
}
.mr-gerichte-products .mr-gerichte-products-slider .slick-prev, .mr-gerichte-products .mr-gerichte-products-slider .slick-next {
top: calc(50% - 80.5px);
}
.mr-gerichte-products .mr-gerichte-products-slider .slick-prev {
left: 0;
}
@media (min-width: 768px) {
.mr-gerichte-products .mr-gerichte-products-slider .slick-prev {
left: -25px;
}
}
@media (min-width: 1200px) {
.mr-gerichte-products .mr-gerichte-products-slider .slick-prev {
left: -50px;
}
}
.mr-gerichte-products .mr-gerichte-products-slider .slick-next {
right: 0px;
}
@media (min-width: 768px) {
.mr-gerichte-products .mr-gerichte-products-slider .slick-next {
right: -25px;
}
}
@media (min-width: 1200px) {
.mr-gerichte-products .mr-gerichte-products-slider .slick-next {
right: -50px;
}
}
.mr-gerichte-freshly-cooked {
padding-left: 0px !important;
padding-right: 0px !important;
}
.mr-gerichte-freshly-cooked .freshly-cooked-grid {
display: grid;
}
@media (min-width: 768px) {
.mr-gerichte-freshly-cooked .freshly-cooked-grid {
grid-template-columns: 1fr 1fr;
}
}
@media (min-width: 1200px) {
.mr-gerichte-freshly-cooked .freshly-cooked-grid {
margin: 0 10% 150px 10%;
display: block;
position: relative;
height: 520px;
}
}
.mr-gerichte-freshly-cooked .freshly-cooked-grid .freshly-cooked-text {
grid-row: 1;
}
@media (min-width: 768px) {
.mr-gerichte-freshly-cooked .freshly-cooked-grid .freshly-cooked-text {
grid-row: auto;
height: 100%;
}
}
@media (min-width: 1200px) {
.mr-gerichte-freshly-cooked .freshly-cooked-grid .freshly-cooked-text {
width: 55%;
height: 520px;
}
}
.mr-gerichte-freshly-cooked .freshly-cooked-grid .freshly-cooked-text .wp-block-group {
padding: 20px;
}
@media (min-width: 768px) {
.mr-gerichte-freshly-cooked .freshly-cooked-grid .freshly-cooked-text .wp-block-group {
height: 100%;
}
}
@media (min-width: 1200px) {
.mr-gerichte-freshly-cooked .freshly-cooked-grid .freshly-cooked-text .wp-block-group {
height: 100%;
display: flex;
align-items: center;
padding: 0 150px 0 30px;
}
}
@media (min-width: 1550px) {
.mr-gerichte-freshly-cooked .freshly-cooked-grid .freshly-cooked-text .wp-block-group {
padding: 0 240px 0 70px;
}
}
.mr-gerichte-freshly-cooked .freshly-cooked-grid .freshly-cooked-text .wp-block-group h2 {
padding: 20px 0;
}
@media (max-width: 768px) {
.mr-gerichte-freshly-cooked .freshly-cooked-grid .freshly-cooked-text .wp-block-group h2 {
text-align: center;
}
}
@media (min-width: 768px) {
.mr-gerichte-freshly-cooked .freshly-cooked-grid .freshly-cooked-text .wp-block-group h2 {
font-size: 36px;
}
}
@media (min-width: 1000px) {
.mr-gerichte-freshly-cooked .freshly-cooked-grid .freshly-cooked-text .wp-block-group h2 {
font-size: 40px;
}
}
@media (max-width: 768px) {
.mr-gerichte-freshly-cooked .freshly-cooked-grid .freshly-cooked-text .wp-block-group p {
text-align: center;
}
}
.mr-gerichte-freshly-cooked .freshly-cooked-grid .freshly-cooked-image {
grid-row: 2;
}
@media (min-width: 768px) {
.mr-gerichte-freshly-cooked .freshly-cooked-grid .freshly-cooked-image {
grid-row: auto;
}
}
@media (min-width: 1200px) {
.mr-gerichte-freshly-cooked .freshly-cooked-grid .freshly-cooked-image {
position: absolute;
top: -80px;
right: 0;
width: 55%;
}
}
.mr-gerichte-freshly-cooked .freshly-cooked-grid .freshly-cooked-image figure {
margin: 0;
}
@media (min-width: 768px) {
.mr-gerichte-freshly-cooked .freshly-cooked-grid .freshly-cooked-image figure {
height: 100%;
}
}
.mr-gerichte-freshly-cooked .freshly-cooked-grid .freshly-cooked-image figure img {
width: 100%;
height: auto;
}
@media (min-width: 768px) {
.mr-gerichte-freshly-cooked .freshly-cooked-grid .freshly-cooked-image figure img {
object-fit: cover;
height: auto;
height: 100%;
}
}
@media (min-width: 1200px) {
.mr-gerichte-freshly-cooked .freshly-cooked-grid .freshly-cooked-image figure img {
height: 520px;
}
}
.mr-gerichte-freshly-cooked .freshly-cooked-grid .image-left {
left: 0 !important;
z-index: 150;
}
@media (min-width: 1200px) {
.mr-gerichte-freshly-cooked .freshly-cooked-grid .text-right {
position: absolute;
right: 0;
}
}
@media (min-width: 1200px) {
.mr-gerichte-freshly-cooked .freshly-cooked-grid .text-right .wp-block-group {
padding: 0 30px 0 150px;
}
}
@media (min-width: 1550px) {
.mr-gerichte-freshly-cooked .freshly-cooked-grid .text-right .wp-block-group {
padding: 0 70px 0 240px;
}
}
.mr-gerichte-freshly-cooked .last {
margin-bottom: 0;
}
@media (min-width: 768px) {
.mr-gerichte-freshly-cooked .last {
margin-bottom: 30px !important;
}
}
.video-small-mr-benefits {
position: relative;
margin: 0 !important;
padding: 0 !important;
margin-block: 0 !important;
margin-inline: 0 !important;
line-height: 0;
top: 0;
left: 0;
margin-top: 0 !important;
}
@media (min-width: 768px) {
.video-small-mr-benefits {
width: 740px;
position: relative;
top: 0;
margin: 50px auto !important;
}
}
@media (min-width: 1200px) {
.video-small-mr-benefits {
left: 10%;
margin: 0 !important;
margin-top: -150px !important;
}
}
@media (min-width: 1700px) {
.video-small-mr-benefits {
width: 740px;
left: 10%;
margin: 0 !important;
margin-top: -200px !important;
}
}
.video-small-mr-benefits video {
object-fit: cover;
height: auto;
width: 100%;
}
@media (min-width: 768px) {
.video-small-mr-benefits video {
width: auto;
height: 400px;
}
}
@media (min-width: 1200px) {
.video-small-mr-benefits video {
width: auto;
height: 300px;
}
}
@media (min-width: 1700px) {
.video-small-mr-benefits video {
height: 400px !important;
}
}
.video-small-mr-benefits figcaption {
position: absolute;
bottom: 10px;
margin: 0 !important;
width: 80%;
color: White;
font-weight: 800;
font-size: 29px !important;
left: 10px;
line-height: 29px;
letter-spacing: 0px;
text-transform: uppercase;
}
@media (min-width: 768px) {
.video-small-mr-benefits figcaption {
bottom: 60px;
font-size: 40px !important;
width: 690px;
line-height: 40px;
left: 10%;
}
}
@media (min-width: 1200px) {
.video-small-mr-benefits figcaption {
bottom: 60px;
font-size: 60px !important;
width: 690px;
line-height: 60px;
left: 10%;
}
}
.eat-healthy {
margin: auto;
padding: 20px;
}
@media (min-width: 768px) {
.eat-healthy {
margin: 0 2.5%;
padding: 0;
padding-bottom: 150px;
}
}
@media (min-width: 1600px) {
.eat-healthy {
margin: 0 5%;
}
}
.eat-healthy .eat-healthy-grid {
width: auto;
}
.eat-healthy .eat-healthy-grid .wp-block-column {
text-align: center;
}
.eat-healthy .eat-healthy-grid .wp-block-column .icon img {
height: 100px;
width: auto;
}
@media (max-width: 1600px) {
.eat-healthy .eat-healthy-grid .wp-block-column .headline {
font-size: 22px !important;
}
}
@media (max-width: 1300px) {
.eat-healthy .eat-healthy-grid .wp-block-column .headline {
font-size: 18px !important;
}
}
@media (max-width: 1300px) {
.eat-healthy .eat-healthy-grid .wp-block-column .text {
font-size: 14px !important;
}
}
.benefits-bubble-container {
height: auto;
display: grid;
align-items: center;
}
@media (min-width: 768px) {
.benefits-bubble-container {
padding-top: 50px !important;
}
}
@media (min-width: 1200px) {
.benefits-bubble-container {
height: 900px;
padding-top: 0px !important;
}
}
@media (min-width: 1600px) {
.benefits-bubble-container {
height: 900px;
}
}
.benefits-bubble-container .benefits-bubble-grid {
display: grid;
grid-template-columns: 1fr;
grid-column-gap: 60px;
margin-bottom: 70px;
}
@media (min-width: 768px) {
.benefits-bubble-container .benefits-bubble-grid {
grid-template-columns: 1fr 1fr;
}
}
@media (min-width: 1200px) {
.benefits-bubble-container .benefits-bubble-grid {
grid-template-columns: 564px 1fr;
margin: 0 var(--margin-site-large);
}
}
.benefits-bubble-container .benefits-bubble-grid .benefits-bubble-content-headline {
padding: 30px 0;
}
.benefits-bubble-container .benefits-bubble-grid .benefits-bubbles-container {
position: relative;
transform: scale(0.5);
height: 200px;
width: 100%;
left: -50px;
}
@media (min-width: 768px) {
.benefits-bubble-container .benefits-bubble-grid .benefits-bubbles-container {
transform: scale(0.6);
height: auto;
left: 0;
width: auto;
}
}
@media (min-width: 1200px) {
.benefits-bubble-container .benefits-bubble-grid .benefits-bubbles-container {
transform: scale(0.7);
}
}
@media (min-width: 1500px) {
.benefits-bubble-container .benefits-bubble-grid .benefits-bubbles-container {
transform: scale(1);
}
}
.benefits-bubble-container .benefits-bubble-grid .benefits-bubbles-container .benefits-bubble {
width: 180px;
height: 180px;
border-radius: 50%;
position: absolute;
display: flex;
justify-content: center;
align-items: center;
}
.benefits-bubble-container .benefits-bubble-grid .benefits-bubbles-container .benefits-bubble .benefits-bubble-headline {
padding: 0 0 20px 0;
font-weight: bold;
}
.benefits-bubble-container .benefits-bubble-grid .benefits-bubbles-container .benefits-bubble .benefits-bubble-text {
margin: 0;
}
.benefits-bubble-container .benefits-bubble-grid .benefits-bubbles-container .bubble1 {
width: 260px;
height: 260px;
top: -80px;
}
.benefits-bubble-container .benefits-bubble-grid .benefits-bubbles-container .bubble2 {
width: 348px;
height: 348px;
left: 220px;
top: -50px;
}
.benefits-bubble-container .benefits-bubble-grid .benefits-bubbles-container .bubble3 {
width: 246px;
height: 246px;
top: 122px;
left: 30px;
}
.benefits-bubble-container .benefits-bubble-grid .wp-block-column:last-of-type {
display: flex;
}
.benefits-bubble-container .benefits-bubble-tip-button-grid {
display: grid;
grid-template-columns: 1fr;
grid-column-gap: 60px;
grid-row-gap: 30px;
}
@media (min-width: 768px) {
.benefits-bubble-container .benefits-bubble-tip-button-grid {
grid-template-columns: 1fr 1fr;
}
}
@media (min-width: 1200px) {
.benefits-bubble-container .benefits-bubble-tip-button-grid {
grid-template-columns: 564px 1fr;
margin: 0 var(--margin-site-large);
position: relative;
top: 150px;
}
}
.benefits-bubble-container .benefits-bubble-tip-button-grid .wp-block-column .wp-block-mr-blocks-cta-button-rectangle {
height: 100%;
}
.benefits-bubble-container .benefits-bubble-tip-button-grid .wp-block-column .wp-block-mr-blocks-cta-button-rectangle .button-container {
padding: 0 !important;
align-items: center;
height: 100%;
}
.benefits-bubble-container .benefits-bubble-tip-button-grid .wp-block-column .wp-block-mr-blocks-cta-button-rectangle .button-container button {
left: 0;
}
@media (min-width: 1700px) {
.benefits-bubble-container .benefits-bubble-tip-button-grid .wp-block-column .wp-block-mr-blocks-cta-button-rectangle .button-container button {
position: relative;
left: -200px;
}
}
.benefits-bubble-container .benefits-bubble-tip-button-grid .wp-block-column .benefits-bubble-tip-container {
padding: 20px !important;
box-shadow: 0px -1px 5px 4px #cfd5c9;
}
.benefits-bubble-container .benefits-bubble-tip-button-grid .wp-block-column .benefits-bubble-tip-container p {
font-weight: normal !important;
margin: 0 !important;
}
.benefits-bubble-container .benefits-bubble-tip-button-grid .wp-block-column .benefits-bubble-tip-container .benefits-bubble-tip-headline {
margin: 0 0 10px 0 !important;
}
.mr-faq-container {
margin: 0;
}
@media (min-width: 1200px) {
.mr-faq-container {
margin: 0 15%;
}
}
.mr-faq-container h2 {
padding-bottom: 30px;
}
.mr-faq-container .mr-faq {
grid-column: span 2;
}
@media (min-width: 768px) {
.mr-faq-container .mr-faq {
padding-bottom: 50px;
}
}
.mr-faq-container .mr-faq .schema-faq-section {
margin-bottom: 10px;
}
.mr-faq-container .mr-faq .schema-faq-section:before {
content: "+";
color: var(--menu_font_color);
font-weight: normal;
float: left;
margin-right: 20px;
font-size: 42px;
display: flex;
height: 40px;
width: 40px;
justify-content: center;
align-items: center;
pointer-events: none;
border-radius: 50%;
background-color: var(--main_green_4);
}
.mr-faq-container .mr-faq .schema-faq-section .schema-faq-question {
color: var(--menu_font_color);
cursor: pointer;
padding: 10px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 16px;
font-weight: bold;
transition: 0.4s;
display: block;
box-sizing: border-box;
}
.mr-faq-container .mr-faq .schema-faq-section .schema-faq-answer {
background-color: white;
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease-in-out;
margin: 0;
color: var(--menu_font_color);
font-weight: normal;
position: relative;
left: 0px;
padding-bottom: 0px;
}
@media (min-width: 768px) {
.mr-faq-container .mr-faq .schema-faq-section .schema-faq-answer {
left: 60px;
}
}
.mr-faq-container .mr-faq .schema-faq-section .schema-faq-answer a {
color: var(--menu_font_color);
text-decoration: underline;
}
.mr-faq-container .mr-faq .schema-faq-section .schema-faq-answer a:hover {
color: var(--main_green);
}
.mr-faq-container .mr-faq .active:before {
content: "−";
}
@media (min-width: 1200px) {
.revolutionize-lunch-break {
margin: 250px 20px 0px 20px;
}
}
@media (min-width: 1500px) {
.revolutionize-lunch-break {
margin: 250px 10% 0px 10%;
}
}
.revolutionize-lunch-break .wp-block-columns {
margin: 0;
}
.revolutionize-lunch-break .revolutionize-lunch-break-grid {
display: grid;
grid-template-columns: 1fr;
justify-items: center;
grid-column-gap: 0px;
grid-row-gap: 0;
}
@media (min-width: 1200px) {
.revolutionize-lunch-break .revolutionize-lunch-break-grid {
grid-template-columns: 500px 1fr;
grid-column-gap: 20px;
grid-row-gap: 0;
justify-items: unset;
}
}
@media (min-width: 1300px) {
.revolutionize-lunch-break .revolutionize-lunch-break-grid {
grid-template-columns: 600px 1fr;
}
}
@media (min-width: 1400px) {
.revolutionize-lunch-break .revolutionize-lunch-break-grid {
grid-template-columns: 1fr 1fr;
}
}
@media (min-width: 1800px) {
.revolutionize-lunch-break .revolutionize-lunch-break-grid {
grid-column-gap: 50px;
}
}
.revolutionize-lunch-break .revolutionize-lunch-break-grid p {
font-weight: normal;
}
.revolutionize-lunch-break .revolutionize-lunch-break-grid h3 {
font-weight: unset;
}
.revolutionize-lunch-break .revolutionize-lunch-break-grid .revolutionize-lunch-break-text-container {
display: flex;
flex-direction: column;
justify-content: center;
justify-self: center;
align-self: end;
max-width: 600px;
}
@media (max-width: 1199px) {
.revolutionize-lunch-break .revolutionize-lunch-break-grid .revolutionize-lunch-break-text-container h1, .revolutionize-lunch-break .revolutionize-lunch-break-grid .revolutionize-lunch-break-text-container h2, .revolutionize-lunch-break .revolutionize-lunch-break-grid .revolutionize-lunch-break-text-container h3, .revolutionize-lunch-break .revolutionize-lunch-break-grid .revolutionize-lunch-break-text-container h4 {
text-align: center !important;
}
}
@media (min-width: 768px) and (max-width: 1300px) {
.revolutionize-lunch-break .revolutionize-lunch-break-grid .revolutionize-lunch-break-text-container h3 {
font-size: 26px;
}
}
.revolutionize-lunch-break .revolutionize-lunch-break-grid .revolutionize-lunch-break-text-container .headline {
padding-bottom: 10px;
padding-top: 0 !important;
}
@media (min-width: 768px) {
.revolutionize-lunch-break .revolutionize-lunch-break-grid .revolutionize-lunch-break-text-container .headline {
padding-bottom: 30px;
}
}
@media (min-width: 1200px) {
.revolutionize-lunch-break .revolutionize-lunch-break-grid .revolutionize-lunch-break-text-container {
position: relative;
margin-top: -138px;
justify-self: flex-start;
}
}
.revolutionize-lunch-break .revolutionize-lunch-break-grid .perfect-solution-column {
margin-top: 0px;
}
@media (min-width: 768px) {
.revolutionize-lunch-break .revolutionize-lunch-break-grid .perfect-solution-column {
margin-top: 150px;
}
}
@media (min-width: 1200px) {
.revolutionize-lunch-break .revolutionize-lunch-break-grid .perfect-solution-column {
margin-top: 0px;
}
}
.revolutionize-lunch-break .revolutionize-lunch-break-grid .perfect-solution-column .perfect-solution-grid {
display: grid;
grid-template-columns: 1fr;
grid-row-gap: 25px;
margin: 0;
}
@media (min-width: 768px) {
.revolutionize-lunch-break .revolutionize-lunch-break-grid .perfect-solution-column .perfect-solution-grid {
grid-template-columns: 550px 100px;
justify-content: center;
}
}
@media (min-width: 1200px) {
.revolutionize-lunch-break .revolutionize-lunch-break-grid .perfect-solution-column .perfect-solution-grid {
grid-template-columns: 1fr 1fr;
justify-content: unset;
}
}
.revolutionize-lunch-break .revolutionize-lunch-break-grid .perfect-solution-column .perfect-solution-grid .perfect-solution-text-container {
width: auto;
padding: 20px;
}
@media (min-width: 768px) {
.revolutionize-lunch-break .revolutionize-lunch-break-grid .perfect-solution-column .perfect-solution-grid .perfect-solution-text-container {
padding: 20px 150px 20px 50px;
}
}
@media (min-width: 1200px) {
.revolutionize-lunch-break .revolutionize-lunch-break-grid .perfect-solution-column .perfect-solution-grid .perfect-solution-text-container {
width: 300px;
padding: 20px 150px 20px 50px;
}
}
@media (min-width: 1300px) {
.revolutionize-lunch-break .revolutionize-lunch-break-grid .perfect-solution-column .perfect-solution-grid .perfect-solution-text-container {
width: 325px;
}
}
@media (min-width: 1450px) {
.revolutionize-lunch-break .revolutionize-lunch-break-grid .perfect-solution-column .perfect-solution-grid .perfect-solution-text-container {
width: 350px;
}
}
@media (min-width: 768px) {
.revolutionize-lunch-break .revolutionize-lunch-break-grid .perfect-solution-column .perfect-solution-grid .perfect-solution-text-container .headline {
margin-bottom: 70px;
}
}
.revolutionize-lunch-break .revolutionize-lunch-break-grid .perfect-solution-column .perfect-solution-grid .perfect-solution-text-container p {
margin: 40px 30px 40px 0;
display: flex;
}
@media (max-width: 1500px) {
.revolutionize-lunch-break .revolutionize-lunch-break-grid .perfect-solution-column .perfect-solution-grid .perfect-solution-text-container p {
font-size: 16px !important;
}
}
.revolutionize-lunch-break .revolutionize-lunch-break-grid .perfect-solution-column .perfect-solution-grid .perfect-solution-text-container p:before {
content: "";
background: url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/icons/Icon_MR-Hacken.svg) no-repeat;
display: block;
height: 25px;
width: 25px;
margin-right: 20px;
}
@media (min-width: 768px) {
.revolutionize-lunch-break .revolutionize-lunch-break-grid .perfect-solution-column .perfect-solution-grid .perfect-solution-img-container {
position: relative;
right: 115px;
margin-top: -130px;
}
}
@media (min-width: 1200px) {
.revolutionize-lunch-break .revolutionize-lunch-break-grid .perfect-solution-column .perfect-solution-grid .perfect-solution-img-container {
margin-top: -150px;
}
}
@media (min-width: 1650px) {
.revolutionize-lunch-break .revolutionize-lunch-break-grid .perfect-solution-column .perfect-solution-grid .perfect-solution-img-container {
right: 100px;
margin-top: -178px;
}
}
.revolutionize-lunch-break .revolutionize-lunch-break-grid .perfect-solution-column .perfect-solution-grid .perfect-solution-img-container .perfect-solution-img {
text-align: center;
display: none;
}
@media (min-width: 768px) {
.revolutionize-lunch-break .revolutionize-lunch-break-grid .perfect-solution-column .perfect-solution-grid .perfect-solution-img-container .perfect-solution-img {
display: block;
}
}
.revolutionize-lunch-break .revolutionize-lunch-break-grid .perfect-solution-column .perfect-solution-grid .perfect-solution-img-container .perfect-solution-img img {
height: 400px;
width: auto;
}
@media (min-width: 768px) {
.revolutionize-lunch-break .revolutionize-lunch-break-grid .perfect-solution-column .perfect-solution-grid .perfect-solution-img-container .perfect-solution-img img {
max-width: unset;
width: 220px;
height: auto;
}
}
@media (min-width: 1200px) {
.revolutionize-lunch-break .revolutionize-lunch-break-grid .perfect-solution-column .perfect-solution-grid .perfect-solution-img-container .perfect-solution-img img {
min-width: 250px;
height: auto;
}
}
@media (min-width: 1650px) {
.revolutionize-lunch-break .revolutionize-lunch-break-grid .perfect-solution-column .perfect-solution-grid .perfect-solution-img-container .perfect-solution-img img {
min-width: 300px;
}
}
.revolutionize-lunch-break .revolutionize-lunch-break-grid .button-column {
grid-row: 3;
}
@media (min-width: 1200px) {
.revolutionize-lunch-break .revolutionize-lunch-break-grid .button-column {
grid-row: unset;
}
}
.revolutionize-lunch-break .revolutionize-lunch-break-grid .button-column .wp-block-mr-blocks-cta-button-rectangle .button-container {
justify-content: start;
padding: 40px;
}
@media (min-width: 768px) {
.revolutionize-lunch-break .revolutionize-lunch-break-grid .button-column .wp-block-mr-blocks-cta-button-rectangle .button-container {
padding: 30px 40px 40px 80px;
}
}
.revolutionize-lunch-break .revolutionize-lunch-break-grid .last-text-column {
grid-row: 2;
}
@media (min-width: 1200px) {
.revolutionize-lunch-break .revolutionize-lunch-break-grid .last-text-column {
grid-row: unset;
}
}
.revolutionize-lunch-break .revolutionize-lunch-break-grid .wp-block-mr-blocks-cta-button-rectangle, .revolutionize-lunch-break .revolutionize-lunch-break-grid .last-text-column {
max-width: 600px;
}
.mr-kantine-meal-voucher-question-container {
margin: 50px 0 0 0;
}
@media (min-width: 768px) {
.mr-kantine-meal-voucher-question-container {
margin: 50px 20px 0 20px;
}
}
@media (min-width: 1500px) {
.mr-kantine-meal-voucher-question-container {
margin: 50px 10% 0 10%;
}
}
.mr-kantine-meal-voucher-question-container h1, .mr-kantine-meal-voucher-question-container h2, .mr-kantine-meal-voucher-question-container h3, .mr-kantine-meal-voucher-question-container h4 {
margin: 0 0 30px 0;
padding: 0;
}
.mr-kantine-meal-voucher-question-container p {
font-weight: normal;
}
.mr-kantine-meal-voucher-question-container .wp-block-columns, .mr-kantine-meal-voucher-question-container .wp-block-column {
margin: 0;
}
.mr-kantine-meal-voucher-question-container .mr-kantine-meal-voucher-question-grid {
display: grid;
grid-template-columns: 1fr;
align-items: center;
grid-row-gap: 30px;
}
@media (min-width: 768px) {
.mr-kantine-meal-voucher-question-container .mr-kantine-meal-voucher-question-grid {
grid-template-columns: auto auto;
grid-column-gap: 30px;
}
}
@media (min-width: 1200px) {
.mr-kantine-meal-voucher-question-container .mr-kantine-meal-voucher-question-grid {
grid-template-columns: auto minmax(500px, auto);
grid-column-gap: 70px;
}
}
.mr-kantine-meal-voucher-question-container .mr-kantine-meal-voucher-question-grid .meal-voucher-question-image {
grid-row: 2;
}
@media (min-width: 768px) {
.mr-kantine-meal-voucher-question-container .mr-kantine-meal-voucher-question-grid .meal-voucher-question-image {
grid-row: auto;
margin-top: 130px;
}
}
.mr-kantine-meal-voucher-question-container .mr-kantine-meal-voucher-question-grid .meal-voucher-question-image figure {
margin: 0;
}
.mr-kantine-meal-voucher-question-container .mr-kantine-meal-voucher-question-grid .meal-voucher-question-image figure img {
width: 100%;
height: auto;
}
.mr-kantine-meal-voucher-question-container .mr-kantine-meal-voucher-question-grid .meal-voucher-question-text .meal-voucher-question-text-grid {
display: grid;
grid-template-columns: auto;
}
@media (min-width: 768px) {
.mr-kantine-meal-voucher-question-container .mr-kantine-meal-voucher-question-grid .meal-voucher-question-text .meal-voucher-question-text-grid {
grid-template-columns: auto;
grid-column-gap: 25px;
position: relative;
}
}
@media (min-width: 1000px) {
.mr-kantine-meal-voucher-question-container .mr-kantine-meal-voucher-question-grid .meal-voucher-question-text .meal-voucher-question-text-grid {
grid-template-columns: auto auto;
}
}
.mr-kantine-meal-voucher-question-container .mr-kantine-meal-voucher-question-grid .meal-voucher-question-text .meal-voucher-question-text-grid .learn-more-button-container {
justify-self: center;
}
@media (min-width: 768px) {
.mr-kantine-meal-voucher-question-container .mr-kantine-meal-voucher-question-grid .meal-voucher-question-text .meal-voucher-question-text-grid .learn-more-button-container {
align-self: flex-end;
}
}
@media (min-width: 1000px) {
.mr-kantine-meal-voucher-question-container .mr-kantine-meal-voucher-question-grid .meal-voucher-question-text .meal-voucher-question-text-grid .learn-more-button-container {
align-self: flex-end;
position: absolute;
right: 0;
bottom: 10px;
}
}
@media (min-width: 1200px) {
.mr-kantine-meal-voucher-question-container .mr-kantine-meal-voucher-question-grid .meal-voucher-question-text .meal-voucher-question-text-grid .learn-more-button-container {
position: static;
}
}
.mr-kantine-meal-voucher-question-container .mr-kantine-meal-voucher-question-grid .meal-voucher-question-text .meal-voucher-question-text-grid .learn-more-button-container .learn-more-button button {
margin: 10px !important;
border-radius: 0 !important;
}
@media (max-width: 767px) {
.mr-kantine-meal-voucher-question-container .mr-kantine-meal-voucher-question-grid .meal-voucher-question-text .meal-voucher-question-text-grid .headline {
font-size: 17px !important;
}
}
@media (max-width: 767px) {
.mr-kantine-meal-voucher-question-container .mr-kantine-meal-voucher-question-grid .meal-voucher-question-text .meal-voucher-question-text-grid h3 {
font-size: 15px !important;
}
}
.mr-kantine-meal-voucher-question-container .mr-kantine-meal-voucher-question-grid .meal-voucher-question-text .meal-voucher-question-text-grid .text .sub-headline {
margin: 0;
}
.mr-kantine-meal-voucher-question-container .mr-kantine-meal-voucher-question-grid .meal-voucher-question-text .meal-voucher-question-text-grid .text p {
margin: 5px 0 20px 0;
}
@media (min-width: 1200px) {
.mr-gerichte-every-taste-container {
margin: 0 10% 80px 10%;
}
}
.mr-gerichte-every-taste-container .every-taste-button-container {
display: flex;
justify-content: center;
}
.mr-gerichte-every-taste-container .every-taste-button-container .every-taste-buttons {
box-shadow: 0 1px 5px grey;
background: none;
display: flex;
border-radius: 10px;
}
.mr-gerichte-every-taste-container .every-taste-button-container .every-taste-buttons .every-taste-button {
padding: 10px;
color: white;
background-color: var(--main_green);
font-size: 14px;
}
@media (min-width: 768px) {
.mr-gerichte-every-taste-container .every-taste-button-container .every-taste-buttons .every-taste-button {
font-size: 18px;
}
}
.mr-gerichte-every-taste-container .every-taste-button-container .every-taste-buttons .every-taste-button:hover {
cursor: pointer;
background-color: var(--main_green_2);
}
.mr-gerichte-every-taste-container .every-taste-button-container .every-taste-buttons .every-taste-button:first-of-type {
border-radius: 10px 0 0 10px;
}
.mr-gerichte-every-taste-container .every-taste-button-container .every-taste-buttons .every-taste-button:last-of-type {
border-radius: 0 10px 10px 0;
}
.mr-gerichte-every-taste-container .mr-gerichte-every-taste-grid {
height: auto;
grid-template-columns: 100%;
margin-top: 50px;
display: grid;
}
@media (min-width: 768px) {
.mr-gerichte-every-taste-container .mr-gerichte-every-taste-grid {
grid-template-columns: 300px auto;
overflow-x: hidden;
}
}
@media (min-width: 1200px) {
.mr-gerichte-every-taste-container .mr-gerichte-every-taste-grid {
grid-template-columns: 400px auto;
}
}
.mr-gerichte-every-taste-container .mr-gerichte-every-taste-grid .description-container {
background-color: var(--main_green_4);
padding: 20px;
box-sizing: border-box;
display: flex;
flex-direction: column;
justify-content: center;
box-shadow: 0px 5px 0px 0px var(--main_green_3);
margin-bottom: 5px;
}
@media (min-width: 768px) {
.mr-gerichte-every-taste-container .mr-gerichte-every-taste-grid .description-container {
margin-right: 10px;
margin-bottom: 30px;
box-shadow: -15px 12px 0px 0px var(--main_green_3);
}
}
.mr-gerichte-every-taste-container .mr-gerichte-every-taste-grid .description-container h1, .mr-gerichte-every-taste-container .mr-gerichte-every-taste-grid .description-container h2, .mr-gerichte-every-taste-container .mr-gerichte-every-taste-grid .description-container h3 {
padding: 20px 0;
}
.mr-gerichte-every-taste-container .mr-gerichte-every-taste-grid .description-container p {
margin: 5px;
}
.mr-gerichte-every-taste-container .mr-gerichte-every-taste-grid .description-container .description {
margin-top: 0px;
}
@media (min-width: 768px) {
.mr-gerichte-every-taste-container .mr-gerichte-every-taste-grid .description-container .description {
margin-top: -50px;
}
}
.mr-gerichte-every-taste-container .mr-gerichte-every-taste-grid .img-wrapper {
display: flex;
}
.mr-gerichte-every-taste-container .mr-gerichte-every-taste-grid .img-wrapper .img-column {
display: flex;
flex-direction: column;
width: 33%;
margin-right: 10px;
overflow: hidden;
}
.mr-gerichte-every-taste-container .mr-gerichte-every-taste-grid .img-wrapper .img-column .img1 {
height: 240px;
}
.mr-gerichte-every-taste-container .mr-gerichte-every-taste-grid .img-wrapper .img-column .img2 {
height: 330px;
}
.mr-gerichte-every-taste-container .mr-gerichte-every-taste-grid .img-wrapper .img-column .img3 {
height: 280px;
}
.mr-gerichte-every-taste-container .mr-gerichte-every-taste-grid .img-wrapper .img-column .img4 {
height: 290px;
}
.mr-gerichte-every-taste-container .mr-gerichte-every-taste-grid .img-wrapper .img-column .img5 {
height: 230px;
}
.mr-gerichte-every-taste-container .mr-gerichte-every-taste-grid .img-wrapper .img-column .img6 {
height: 340px;
}
.mr-gerichte-every-taste-container .mr-gerichte-every-taste-grid .img-wrapper .img-container {
background-color: var(--main_green_4);
box-sizing: border-box;
display: flex !important;
justify-content: center;
align-items: center;
height: 200px;
}
@media (min-width: 768px) {
.mr-gerichte-every-taste-container .mr-gerichte-every-taste-grid .img-wrapper .img-container {
height: auto;
margin-bottom: 30px;
box-shadow: -15px 12px 0px 0px var(--main_green_3);
}
}
.mr-gerichte-every-taste-container .mr-gerichte-every-taste-grid .img-wrapper .img-container .img-link {
display: contents;
}
.mr-gerichte-every-taste-container .mr-gerichte-every-taste-grid .img-wrapper .img-container .img-link img {
padding: 10px 15px;
width: 80%;
height: auto;
max-height: 60%;
object-fit: cover;
transition: 0.5s;
object-fit: contain;
}
.mr-gerichte-every-taste-container .mr-gerichte-every-taste-grid .img-wrapper .img-container .img-link img:hover {
cursor: pointer;
transform: scale(1.1);
}
.mr-gerichte-every-taste-container .active {
background-color: var(--main_green_2) !important;
color: var(--menu_font_color) !important;
}
.mr-gerichte-every-taste-container .wp-block-mr-blocks-cta-button-rectangle {
margin-top: 0px;
}
@media (min-width: 768px) {
.mr-gerichte-every-taste-container .wp-block-mr-blocks-cta-button-rectangle {
margin-top: 30px;
}
}
.mr-gerichte-every-taste-container .slick-list {
height: 100%;
width: 100%;
}
.retain-employees-container {
max-width: 1600px;
margin: auto;
}
.retain-employees-container .headline {
padding: 70px 0 30px 0;
}
.retain-employees-container .subheadline {
margin: 10px 0;
}
.retain-employees-container .retain-employees-grid {
display: grid;
grid-template-columns: 1fr;
grid-column-gap: 30px;
grid-row-gap: 0;
margin: 30px 0 0 0;
}
@media (min-width: 768px) {
.retain-employees-container .retain-employees-grid {
grid-template-columns: 1fr 1fr;
margin: 0;
grid-row-gap: 20px;
margin-top: 30px;
}
}
@media (min-width: 1100px) {
.retain-employees-container .retain-employees-grid {
margin-top: 0;
grid-template-columns: 1fr 1fr 1fr;
grid-row-gap: 0;
}
}
@media (min-width: 1200px) {
.retain-employees-container .retain-employees-grid {
grid-template-columns: minmax(340px, auto) 400px minmax(340px, auto);
padding: 0 20px;
}
}
@media (min-width: 1400px) {
.retain-employees-container .retain-employees-grid {
grid-template-columns: minmax(340px, auto) 550px minmax(340px, auto);
}
}
@media (min-width: 1600px) {
.retain-employees-container .retain-employees-grid {
grid-template-columns: minmax(385px, auto) 750px minmax(385px, auto);
padding: 0;
}
}
.retain-employees-container .retain-employees-grid .grid-headline {
display: block;
}
@media (max-width: 767px) {
.retain-employees-container .retain-employees-grid .last {
margin-top: 0;
}
}
.retain-employees-container .retain-employees-grid .retain-employees-img-column {
display: flex;
grid-row: 2;
margin: 30px 0;
}
@media (min-width: 768px) {
.retain-employees-container .retain-employees-grid .retain-employees-img-column {
grid-row: 1;
grid-column: span 2;
margin: auto;
width: 100%;
justify-content: center;
}
}
@media (min-width: 1100px) {
.retain-employees-container .retain-employees-grid .retain-employees-img-column {
grid-row: auto;
grid-column: span 1;
justify-content: unset;
width: auto;
}
}
.retain-employees-container .retain-employees-grid .retain-employees-img-column .retain-employees-img {
height: auto;
margin: 0;
width: 100%;
display: contents;
}
.retain-employees-container .retain-employees-grid .retain-employees-img-column .retain-employees-img img {
height: auto;
width: 100%;
margin-top: 0;
}
@media (min-width: 768px) {
.retain-employees-container .retain-employees-grid .retain-employees-img-column .retain-employees-img img {
width: auto;
}
}
@media (min-width: 1200px) {
.retain-employees-container .retain-employees-grid .retain-employees-img-column .retain-employees-img img {
width: 750px;
height: auto;
margin-top: 100px;
position: relative;
left: 2.5px;
}
}
.retain-employees-container .retain-employees-grid .wp-block-group__inner-container {
display: grid;
grid-template-columns: 1fr;
grid-row-gap: 10px;
grid-template-rows: auto;
}
@media (min-width: 768px) {
.retain-employees-container .retain-employees-grid .wp-block-group__inner-container {
grid-template-rows: 200px 200px 200px;
grid-row-gap: 20px;
}
}
.retain-employees-container .retain-employees-grid .wp-block-group__inner-container .icon-text-grid {
display: grid;
grid-template-columns: 50px auto;
margin: 0;
background-color: var(--main_green_4);
align-items: center !important;
grid-column-gap: 20px;
padding: 10px;
box-shadow: 5px 5px 1px 0px var(--main_green_3);
}
.retain-employees-container .retain-employees-grid .wp-block-group__inner-container .icon-text-grid figure {
margin: 0;
}
.retain-employees-container .retain-employees-grid .wp-block-group__inner-container .icon-text-grid p {
font-weight: normal;
margin: 5px 0;
}
.retain-employees-container .retain-employees-grid .wp-block-group__inner-container .icon-text-grid h1, .retain-employees-container .retain-employees-grid .wp-block-group__inner-container .icon-text-grid h2, .retain-employees-container .retain-employees-grid .wp-block-group__inner-container .icon-text-grid h3, .retain-employees-container .retain-employees-grid .wp-block-group__inner-container .icon-text-grid h4 {
padding: 10px 0;
}
.benefits-diagram-container {
max-width: 1400px;
margin: auto;
margin-top: 50px;
}
.benefits-diagram-container .benefits-diagram-headline {
padding-top: 0;
padding-bottom: 50px;
}
.benefits-diagram-container .benefits-diagram-grid {
display: grid;
grid-template-columns: 1fr;
margin: 0;
grid-column-gap: 20px;
grid-row-gap: 0;
height: auto;
align-items: center !important;
}
@media (min-width: 768px) {
.benefits-diagram-container .benefits-diagram-grid {
grid-template-columns: auto auto 120px 80px 100px;
height: 500px;
}
}
@media (min-width: 1200px) {
.benefits-diagram-container .benefits-diagram-grid {
grid-template-columns: auto auto 120px auto 200px;
}
}
.benefits-diagram-container .benefits-diagram-grid .wp-block-column {
height: auto;
}
@media (min-width: 768px) {
.benefits-diagram-container .benefits-diagram-grid .wp-block-column {
height: 200px;
}
}
.benefits-diagram-container .benefits-diagram-grid .wp-block-column .benefits-diagram-content-grid {
grid-column-gap: 20px;
grid-row-gap: 0;
display: grid;
grid-template-columns: 1fr;
grid-template-rows: auto 100px;
margin: 0;
}
@media (min-width: 768px) {
.benefits-diagram-container .benefits-diagram-grid .wp-block-column .benefits-diagram-content-grid {
grid-template-columns: minmax(100px, auto) 37px;
grid-template-rows: auto;
justify-content: center;
}
}
@media (min-width: 850px) {
.benefits-diagram-container .benefits-diagram-grid .wp-block-column .benefits-diagram-content-grid {
grid-template-columns: minmax(150px, auto) 67px;
}
}
@media (min-width: 900px) {
.benefits-diagram-container .benefits-diagram-grid .wp-block-column .benefits-diagram-content-grid {
grid-template-columns: minmax(160px, auto) 80px;
}
}
@media (min-width: 1100px) {
.benefits-diagram-container .benefits-diagram-grid .wp-block-column .benefits-diagram-content-grid {
grid-template-columns: 188px 80px;
}
}
@media (min-width: 1200px) {
.benefits-diagram-container .benefits-diagram-grid .wp-block-column .benefits-diagram-content-grid {
grid-template-columns: 170px 130px;
}
}
@media (min-width: 1500px) {
.benefits-diagram-container .benefits-diagram-grid .wp-block-column .benefits-diagram-content-grid {
grid-template-columns: 210px 130px;
}
}
@media (min-width: 768px) {
.benefits-diagram-container .benefits-diagram-grid .wp-block-column .single-arrow {
margin: 0;
}
}
.benefits-diagram-container .benefits-diagram-grid .wp-block-column .single-arrow img {
transform: rotate(90deg);
width: 60px;
}
@media (min-width: 768px) {
.benefits-diagram-container .benefits-diagram-grid .wp-block-column .single-arrow img {
transform: rotate(0deg);
width: auto;
}
}
.benefits-diagram-container .benefits-diagram-grid .wp-block-column figure {
margin: 0;
display: flex;
justify-content: center;
}
.benefits-diagram-container .benefits-diagram-grid .wp-block-column figure img {
height: 100px;
width: auto;
}
.benefits-diagram-container .benefits-diagram-grid .first-grid {
justify-content: end;
}
.benefits-diagram-container .benefits-diagram-grid .diagram-arrow {
font-size: 80px;
color: var(--menu_font_color);
display: flex;
justify-content: center;
}
@media (min-width: 768px) {
.benefits-diagram-container .benefits-diagram-grid .diagram-arrow {
display: block;
}
}
.benefits-diagram-container .benefits-diagram-grid .benefits-system-slider-column {
height: auto;
margin-top: 0px;
}
@media (min-width: 768px) {
.benefits-diagram-container .benefits-diagram-grid .benefits-system-slider-column {
margin-top: -100px;
}
}
.benefits-diagram-container .benefits-diagram-grid .benefits-system-slider-column .benefits-system-slider .slick-list .slick-slide {
height: 120px;
display: flex;
align-items: center;
justify-content: center;
}
@media (min-width: 768px) {
.benefits-diagram-container .benefits-diagram-grid .benefits-system-slider-column .benefits-system-slider .slick-list .slick-slide {
justify-content: center;
}
}
.benefits-diagram-container .benefits-diagram-grid .benefits-system-slider-column .benefits-system-slider .slick-list .slick-slide .system-slider-item > * {
color: var(--menu_font_color);
}
.benefits-diagram-container .benefits-diagram-grid .benefits-system-slider-column .benefits-system-slider .slick-list .slick-slide .system-slider-item .img-container img {
width: 110px !important;
height: auto;
}
@media (min-width: 768px) {
.benefits-diagram-container .benefits-diagram-grid .benefits-system-slider-column .benefits-system-slider .slick-list .slick-slide .system-slider-item .img-container img {
width: 85px !important;
}
}
@media (min-width: 1200px) {
.benefits-diagram-container .benefits-diagram-grid .benefits-system-slider-column .benefits-system-slider .slick-list .slick-slide .system-slider-item .img-container img {
width: 110px !important;
}
}
.benefits-diagram-container .benefits-diagram-grid .benefits-system-slider-column .benefits-system-slider .slick-list .slick-slide .system-slider-item .more-systems-text {
color: var(--menu_font_color);
font-size: 16px;
font-weight: bold;
text-align: center;
}
@media (max-width: 768px -1px) {
.benefits-diagram-container .benefits-diagram-grid .benefits-system-slider-column .benefits-system-slider .slick-list .slick-slide .system-slider-item .more-systems-text {
font-size: 16px !important;
}
}
.benefits-diagram-container .benefits-diagram-grid .benefits-system-slider-column .benefits-system-slider .slick-list .slick-slide .system-slider-item .systems-text {
color: var(--menu_font_color) !important;
font-size: 22px;
font-weight: bold;
text-align: center;
}
@media (max-width: 768px -1px) {
.benefits-diagram-container .benefits-diagram-grid .benefits-system-slider-column .benefits-system-slider .slick-list .slick-slide .system-slider-item .systems-text {
font-size: 16px !important;
}
}
.benefits-diagram-container .benefits-diagram-grid .multiple-arrows-column {
height: auto;
margin-top: -100px;
display: none;
}
@media (min-width: 768px) {
.benefits-diagram-container .benefits-diagram-grid .multiple-arrows-column {
display: block;
}
}
@media (min-width: 768px) {
.benefits-diagram-container .benefits-diagram-grid .multiple-arrows-column .multiple-arrows {
transform: scaleX(0.75);
}
}
@media (min-width: 1200px) {
.benefits-diagram-container .benefits-diagram-grid .multiple-arrows-column .multiple-arrows {
transform: scaleX(1);
}
}
.benefits-diagram-container .benefits-diagram-grid .multiple-arrows-column .multiple-arrows img {
height: 380px;
width: auto;
max-width: fit-content;
}
.benefits-diagram-container .icon-text-grid {
display: grid;
grid-row-gap: 20px;
grid-template-rows: 100px auto;
}
.benefits-diagram-container .text {
margin: 0;
font-weight: normal;
text-align: center;
}
@media (max-width: 1500px) {
.benefits-diagram-container .text {
font-size: 19px !important;
}
}
@media (max-width: 1300px) {
.benefits-diagram-container .text {
font-size: 18px !important;
}
}
@media (max-width: 900px) {
.benefits-diagram-container .text {
font-size: 17px !important;
}
}
@media (max-width: 800px) {
.benefits-diagram-container .text {
font-size: 16px !important;
}
}
@media (min-width: 768px) {
.team-who-we-are-container {
padding-bottom: 0 !important;
}
}
.team-who-we-are-container .who-we-are-content {
margin: 0 auto;
padding-top: 50px;
max-width: 1360px;
}
@media (min-width: 768px) {
.team-who-we-are-container .who-we-are-content {
padding-top: 120px;
}
}
.team-who-we-are-container .who-we-are-content figure {
margin: 0;
display: flex;
}
.team-who-we-are-container .who-we-are-content figure img {
width: 100%;
height: auto;
}
.team-who-we-are-container .who-we-are-content .who-we-are-grid {
margin: 0;
align-items: flex-start;
display: grid;
grid-template-columns: 1fr;
grid-row-gap: 40px;
}
@media (min-width: 768px) {
.team-who-we-are-container .who-we-are-content .who-we-are-grid {
grid-template-columns: 450px auto;
grid-column-gap: 20px;
padding-bottom: 20px;
}
}
@media (min-width: 1050px) {
.team-who-we-are-container .who-we-are-content .who-we-are-grid {
grid-template-columns: 548px auto;
padding-bottom: 0;
}
}
@media (min-width: 1200px) {
.team-who-we-are-container .who-we-are-content .who-we-are-grid {
grid-column-gap: 130px;
}
}
.team-who-we-are-container .who-we-are-content .who-we-are-grid .who-we-are-grid-img-column {
grid-row: 2;
}
@media (min-width: 768px) {
.team-who-we-are-container .who-we-are-content .who-we-are-grid .who-we-are-grid-img-column {
grid-row: unset;
}
}
@media (min-width: 1050px) {
.team-who-we-are-container .who-we-are-content .who-we-are-grid .who-we-are-grid-text-column {
padding-right: 50px;
}
}
@media (min-width: 1400px) {
.team-who-we-are-container .who-we-are-content .who-we-are-grid .who-we-are-grid-text-column {
padding-right: 0px;
}
}
.team-who-we-are-container .who-we-are-content .who-we-are-grid .who-we-are-grid-text-column .who-we-are-headline {
padding: 0 0 40px 0;
}
.team-who-we-are-container .who-we-are-content .who-we-are-grid .who-we-are-grid-text-column .who-we-are-text {
margin: 0;
}
.team-unique-team-container {
background-color: var(--main_green_4);
}
@media (min-width: 768px) {
.team-unique-team-container {
background: linear-gradient(0deg, white 60%, var(--main_green) 50%);
}
}
.team-unique-team-container .unique-team-content {
margin: 0 auto;
max-width: 1360px;
}
.team-unique-team-container .unique-team-content .unique-team-grid {
display: grid;
grid-template-columns: 1fr;
margin: 0;
grid-row-gap: 40px;
grid-column-gap: 0;
}
@media (min-width: 768px) {
.team-unique-team-container .unique-team-content .unique-team-grid {
grid-template-columns: 450px auto;
}
}
@media (min-width: 1050px) {
.team-unique-team-container .unique-team-content .unique-team-grid {
grid-template-columns: 548px auto;
}
}
@media (min-width: 1400px) {
.team-unique-team-container .unique-team-content .unique-team-grid {
grid-template-columns: 800px auto;
}
}
.team-unique-team-container .unique-team-content .unique-team-grid .unique-team-text-column {
height: auto;
}
@media (min-width: 768px) {
.team-unique-team-container .unique-team-content .unique-team-grid .unique-team-text-column {
height: 700px;
display: flex;
align-items: center;
}
}
.team-unique-team-container .unique-team-content .unique-team-grid .unique-team-text-column .unique-team-text-content {
max-width: 548px;
}
@media (min-width: 768px) {
.team-unique-team-container .unique-team-content .unique-team-grid .unique-team-text-column .unique-team-text-content {
padding: 0 50px;
}
}
@media (min-width: 768px) {
.team-unique-team-container .unique-team-content .unique-team-grid .unique-team-text-column .unique-team-text-content .unique-team-headline {
padding: 0 0 80px 0;
}
}
.team-unique-team-container .unique-team-content .unique-team-grid .unique-team-text-column .unique-team-text-content .unique-team-text {
margin: 0;
}
.team-unique-team-container .unique-team-content .unique-team-grid .unique-team-img-column {
width: 100%;
}
@media (min-width: 1400px) {
.team-unique-team-container .unique-team-content .unique-team-grid .unique-team-img-column {
width: 810px;
position: relative;
left: -252px;
}
}
.team-unique-team-container .unique-team-content .unique-team-grid .unique-team-img-column figure {
margin: 0;
}
.team-unique-team-container .unique-team-content .unique-team-grid .unique-team-img-column figure img {
width: 100%;
height: auto;
object-fit: contain;
}
@media (min-width: 768px) {
.team-unique-team-container .unique-team-content .unique-team-grid .unique-team-img-column figure img {
height: 550px;
object-fit: cover;
}
}
.team-benefit-container .team-benefit-grid-container {
padding: 50px 0;
}
@media (min-width: 768px) {
.team-benefit-container .team-benefit-grid-container {
padding: 110px 20px;
}
}
@media (min-width: 1200px) {
.team-benefit-container .team-benefit-grid-container {
padding: 110px 0;
}
}
.team-benefit-container .team-benefit-grid-container .team-benefit-grid {
max-width: 1250px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr;
grid-row-gap: 40px;
}
@media (min-width: 768px) {
.team-benefit-container .team-benefit-grid-container .team-benefit-grid {
grid-template-columns: 200px 200px 200px;
justify-content: space-around;
}
}
@media (min-width: 1400px) {
.team-benefit-container .team-benefit-grid-container .team-benefit-grid {
grid-template-columns: 230px 230px 230px;
justify-content: space-between;
}
}
.team-benefit-container .team-benefit-grid-container .team-benefit-grid:first-of-type {
margin-bottom: 60px;
}
.team-benefit-container .team-benefit-grid-container .team-benefit-grid .team-benefit-column {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 120px auto;
grid-row-gap: 40px;
position: relative;
align-items: center;
}
.team-benefit-container .team-benefit-grid-container .team-benefit-grid .team-benefit-column:hover {
cursor: pointer;
}
.team-benefit-container .team-benefit-grid-container .team-benefit-grid .team-benefit-column:hover .team-benefit-hidden-text {
display: block;
}
.team-benefit-container .team-benefit-grid-container .team-benefit-grid .team-benefit-column figure {
display: flex;
justify-content: center;
margin: 0;
height: 100%;
}
.team-benefit-container .team-benefit-grid-container .team-benefit-grid .team-benefit-column figure img {
width: auto;
height: 100%;
}
.team-benefit-container .team-benefit-grid-container .team-benefit-grid .team-benefit-column .team-benefit-hidden-text {
display: none;
position: absolute;
top: 104%;
width: 100%;
padding: 10px;
background-color: var(--main_green_2);
margin: 0;
box-shadow: 0 4px 7px lightgrey;
z-index: 1;
max-width: 250px;
left: calc( 50% - 135px);
}
@media (min-width: 768px) {
.team-benefit-container .team-benefit-grid-container .team-benefit-grid .team-benefit-column .team-benefit-hidden-text {
max-width: unset;
left: 0;
}
}
.team-benefit-container .team-benefit-grid-container .team-benefit-grid .team-benefit-column .team-benefit-headline {
margin: 0;
font-weight: 800;
}
.team-jobs-container {
max-width: 1350px;
margin: 0 auto;
}
@media (min-width: 768px) {
.team-jobs-container {
padding-top: 70px !important;
}
}
.team-jobs-container .team-jobs-headline {
padding-bottom: 60px;
}
.team-jobs-container .job-categories {
display: grid;
column-gap: 20px;
justify-content: center;
margin-bottom: 50px;
grid-template-columns: repeat(auto-fit, minmax(min-content, 100px));
}
.team-jobs-container .job-categories .job-category {
color: var(--menu_font_color);
font-size: 20px;
background-color: #F2F2F2;
height: 48px;
margin: 0 !important;
display: flex;
align-items: center;
padding: 0 30px;
line-height: 22px;
}
.team-jobs-container .job-categories .job-category:hover {
background-color: var(--main_green);
color: white;
cursor: pointer;
}
.team-jobs-container .job-categories .active {
background-color: var(--main_green);
color: white;
}
.team-jobs-container .single-jobs-grid {
display: grid;
grid-template-columns: 1fr;
grid-row-gap: 30px;
}
.team-jobs-container .single-jobs-grid .single-job-container {
min-height: 120px;
border: 2px solid #CECECE;
box-sizing: border-box;
display: grid;
grid-template-columns: 1fr 30px;
grid-template-rows: auto auto;
justify-content: center;
align-content: center;
padding: 0px 20px;
row-gap: 15px;
column-gap: 10px;
}
@media (min-width: 768px) {
.team-jobs-container .single-jobs-grid .single-job-container {
padding: 0px 75px 0 40px;
height: 172px;
}
}
.team-jobs-container .single-jobs-grid .single-job-container:hover {
cursor: pointer;
}
.team-jobs-container .single-jobs-grid .single-job-container .job-title {
margin: 0;
grid-column: 1;
grid-row: 1;
color: var(--menu_font_color);
}
.team-jobs-container .single-jobs-grid .single-job-container .job-details {
margin: 0;
font-size: 20px;
color: #7E7E7E;
font-weight: 600;
grid-column: 1;
grid-row: 2;
}
.team-jobs-container .single-jobs-grid .single-job-container .job-icon-container {
grid-column: 2;
grid-row: span 2;
display: flex;
align-items: center;
}
.team-jobs-container .single-jobs-grid .single-job-container .job-icon-container .job-icon {
width: 45px;
height: 45px;
}
.team-mission-container {
margin: auto;
position: relative;
}
.team-mission-container .team-mission-img {
margin: 0;
}
@media (max-width: 767px) {
.team-mission-container .team-mission-img {
display: none;
}
}
.team-mission-container .team-mission-img img {
width: 100%;
object-fit: cover; height: auto;
}
.team-mission-container .team-mission-content {
box-shadow: 0 4px 10px #73766f;
border-radius: 15px;
padding: 10px 75px;
width: calc(100% - 40px);
margin: auto;
position: relative;
}
@media (min-width: 768px) {
.team-mission-container .team-mission-content {
max-width: 535px;
padding: 1px 60px;
transform: translateX(-50%) translateY(-50%);
position: absolute;
margin: auto;
left: 50%;
top: 50%;
}
}
@media (min-width: 1000px) {
.team-mission-container .team-mission-content {
padding: 30px 60px;
}
}
.team-mission-container .team-mission-content p {
font-weight: normal;
}
.team-mission-container .team-mission-content .team-mission-quote {
position: absolute;
left: 13px;
top: 6px;
margin: 0;
}
@media (min-width: 768px) {
.team-mission-container .team-mission-content .team-mission-quote {
left: 13px;
top: 6px;
}
}
.team-mission-container .team-mission-content .team-mission-quote img {
width: 60px;
height: 60px;
}
.button {
-webkit-appearance: none;
-webkit-border-radius: 0;
border: 0;
color: white;
border-radius: 50px;
background-color: var(--main_green);
padding: 10px;
font-weight: bold;
max-height: 40px;
transition: 0.25s;
}
.button:hover {
cursor: pointer;
}
.mr-button {
border: 1px solid var(--main_green);
position: static;
background-color: var(--main_green);
color: white;
display: flex;
justify-content: center;
font-size: 18px;
margin: 8px 5px 0px 5px !important;
max-height: none !important;
height: 45px !important;
}
@media (min-width: 768px) {
.mr-button:hover {
color: var(--main_green);
background-color: white;
}
}
.mr-button-reverse {
background-color: white !important;
color: var(--main_green) !important;
margin: 0 auto !important;
max-height: 100% !important;
}
.mr-button-reverse:hover {
background-color: var(--main_green) !important;
color: white !important;
border: 1px solid white;
}
.button-large {
padding: 10px 20px !important;
display: flex;
align-items: center;
font-size: 16px;
}
@media (min-width: 768px) {
.button-large {
font-size: 20px;
}
}
.mr-button-container-reverse .button {
background-color: white !important;
color: var(--main_green) !important;
margin: 0 auto !important;
max-height: 100% !important;
}
.mr-button-container-reverse .button:hover {
background-color: var(--main_green) !important;
color: white !important;
border: 1px solid white;
}
@media (min-width: 768px) {
.button-container-products {
padding: 60px 0 0 0;
}
}
.button-container-app-card {
background-color: var(--main_green);
}
@media (min-width: 768px) {
.button-container-app-card {
background-color: var(--main_green_4) !important;
padding: 0 0 70px 0;
}
}
.button-container-app-card .button-container {
padding: 0 0 50px;
}
@media (min-width: 1200px) {
.button-container-app-card .button-container {
padding: 40px;
}
}
.button-container-app-card .button-container button {
background-color: white !important;
color: var(--main_green) !important;
margin: 0 auto !important;
max-height: 100% !important;
}
.button-container-app-card .button-container button:hover {
background-color: var(--main_green) !important;
color: white !important;
border: 1px solid white;
}
@media (min-width: 768px) {
.button-container-app-card .button-container button {
background-color: var(--main_green) !important;
color: white !important;
border: 1px solid var(--main_green) !important;
margin: 0 auto !important;
}
.button-container-app-card .button-container button:hover {
color: var(--main_green) !important;
background-color: white !important;
border: 1px solid var(--main_green) !important;
}
}
.pdf-download-button {
height: 25px !important;
display: flex;
justify-content: center;
border: 1px solid var(--main_green) !important;
width: 150px;
align-items: center;
margin: 50px auto 0px auto !important;
}
.pdf-download-button:hover {
background-color: white;
color: var(--main_green);
}
.team-revolutionizes-container {
margin: 0 auto 50px auto;
}
@media (min-width: 768px) {
.team-revolutionizes-container {
max-width: 1300px;
margin: 0 auto 100px auto;
}
}
.team-revolutionizes-container .team-revolutionizes-grid {
display: grid;
grid-template-columns: 1fr;
grid-row-gap: 10px;
}
@media (min-width: 768px) {
.team-revolutionizes-container .team-revolutionizes-grid {
grid-template-columns: 1fr 1fr;
grid-column-gap: 50px;
}
}
.team-revolutionizes-container .team-revolutionizes-grid .team-revolutionizes-img {
display: flex;
justify-content: center;
}
@media (min-width: 768px) {
.team-revolutionizes-container .team-revolutionizes-grid .team-revolutionizes-img {
justify-content: end;
}
}
.team-revolutionizes-container .team-revolutionizes-grid .team-revolutionizes-img figure {
margin: 0 !important;
}
.team-revolutionizes-container .team-revolutionizes-grid .team-revolutionizes-img figure img {
width: auto;
height: 200px;
}
@media (min-width: 768px) {
.team-revolutionizes-container .team-revolutionizes-grid .team-revolutionizes-img figure img {
height: 250px;
}
}
.team-revolutionizes-container .team-revolutionizes-grid .team-revolutionizes-content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
@media (min-width: 768px) {
.team-revolutionizes-container .team-revolutionizes-grid .team-revolutionizes-content {
height: 250px;
align-items: unset;
}
}
.team-revolutionizes-container .team-revolutionizes-grid .team-revolutionizes-content .team-scroll-to-jobs-button {
margin: 0 !important;
}
.team-revolutionizes-container .team-revolutionizes-grid .team-revolutionizes-content .team-scroll-to-jobs-button a {
border: 1px solid var(--main_green);
position: static;
background-color: var(--main_green);
color: white;
display: flex;
justify-content: center;
font-size: 18px;
margin: 8px 5px 0px 5px !important;
max-height: none !important;
height: 45px !important;
margin: 0 !important;
height: auto !important;
border-radius: 0 !important;
}
@media (min-width: 768px) {
.team-revolutionizes-container .team-revolutionizes-grid .team-revolutionizes-content .team-scroll-to-jobs-button a:hover {
color: var(--main_green);
background-color: white;
}
}
.coffee-enjoyment-container {
max-width: 1220px;
margin: auto;
margin-top: 50px;
display: flex;
justify-content: center;
}
@media (min-width: 768px) {
.coffee-enjoyment-container {
margin-top: 100px;
padding-bottom: 150px !important;
}
}
.coffee-enjoyment-container .coffee-enjoyment-grid {
margin: 0;
display: grid;
align-items: center;
grid-column-gap: 120px;
grid-template-columns: 1fr;
grid-row-gap: 30px;
}
@media (min-width: 768px) {
.coffee-enjoyment-container .coffee-enjoyment-grid {
grid-template-columns: minmax(auto, 660px) auto;
}
}
@media (min-width: 1200px) {
.coffee-enjoyment-container .coffee-enjoyment-grid {
grid-template-columns: 660px auto;
}
}
.coffee-enjoyment-container .coffee-enjoyment-grid .coffee-enjoyment-content .coffee-enjoyment-headline {
margin: 0;
line-height: 95px !important;
}
@media (max-width: 1199px) {
.coffee-enjoyment-container .coffee-enjoyment-grid .coffee-enjoyment-content .coffee-enjoyment-headline {
line-height: 55px !important;
font-size: 70px !important;
}
}
@media (max-width: 767px) {
.coffee-enjoyment-container .coffee-enjoyment-grid .coffee-enjoyment-content .coffee-enjoyment-headline {
line-height: 35px !important;
font-size: 50px !important;
}
}
.coffee-enjoyment-container .coffee-enjoyment-grid .coffee-enjoyment-content .coffee-enjoyment-subheadline {
padding: 15px 0 50px 0;
}
@media (max-width: 767px) {
.coffee-enjoyment-container .coffee-enjoyment-grid .coffee-enjoyment-content .coffee-enjoyment-subheadline {
font-size: 30px !important;
padding: 15px 0 20px 0;
}
}
.coffee-enjoyment-container .coffee-enjoyment-grid .coffee-enjoyment-content p {
font-weight: normal !important;
}
.coffee-enjoyment-container .coffee-enjoyment-grid .coffee-enjoyment-img {
display: flex;
justify-content: center;
}
@media (min-width: 768px) {
.coffee-enjoyment-container .coffee-enjoyment-grid .coffee-enjoyment-img {
justify-content: start;
}
}
.coffee-enjoyment-container .coffee-enjoyment-grid .coffee-enjoyment-img figure {
margin: 0;
}
.coffee-enjoyment-container .coffee-enjoyment-grid .coffee-enjoyment-img figure img {
height: 350px;
width: auto;
margin: auto;
}
@media (min-width: 768px) {
.coffee-enjoyment-container .coffee-enjoyment-grid .coffee-enjoyment-img figure img {
height: 500px;
width: auto;
}
}
@media (min-width: 1500px) {
.coffee-enjoyment-container .coffee-enjoyment-grid .coffee-enjoyment-img figure img {
height: 100%;
width: auto;
}
}
.coffee-benefits-container {
height: auto;
}
@media (min-width: 768px) {
.coffee-benefits-container {
height: 1051px;
}
}
.coffee-benefits-container .coffee-benefits-grid {
max-width: 990px;
margin: auto;
display: grid;
grid-template-columns: 1fr;
padding-top: 30px;
}
@media (min-width: 768px) {
.coffee-benefits-container .coffee-benefits-grid {
grid-template-columns: 354px 300px 336px;
padding-top: 71px;
}
}
@media (min-width: 768px) {
.coffee-benefits-container .coffee-benefits-grid .coffee-benefit-column1 {
margin-top: 230px;
}
}
@media (min-width: 768px) {
.coffee-benefits-container .coffee-benefits-grid .coffee-benefit-column3 {
margin-top: 280px;
}
}
.coffee-benefits-container .coffee-benefits-grid .coffee-benefit-column-circle-icon {
position: relative;
}
.coffee-benefits-container .coffee-benefits-grid .coffee-benefit-column-circle-icon .coffee-benefit-column-circle {
border-radius: 50%;
margin: auto;
}
@media (min-width: 768px) {
.coffee-benefits-container .coffee-benefits-grid .coffee-benefit-column-circle-icon .coffee-benefit-column-circle {
margin: unset;
}
}
.coffee-benefits-container .coffee-benefits-grid .coffee-benefit-column-circle-icon .circle1 {
width: 354px;
height: 354px;
}
.coffee-benefits-container .coffee-benefits-grid .coffee-benefit-column-circle-icon .circle2 {
width: 300px;
height: 300px;
}
.coffee-benefits-container .coffee-benefits-grid .coffee-benefit-column-circle-icon .circle3 {
width: 312px;
height: 312px;
margin-left: 12px;
}
.coffee-benefits-container .coffee-benefits-grid .coffee-benefit-column-circle-icon .coffee-benefit-column-icon {
position: absolute;
top: 50%;
width: 100%;
display: flex;
justify-content: center;
margin: 0;
transform: translateY(-50%) translateX(0%);
}
.coffee-benefits-container .coffee-benefits-grid .coffee-benefit-headline {
line-height: 50px;
}
.coffee-three-images-container {
max-width: 1220px;
margin: auto;
margin-top: 50px;
}
@media (min-width: 768px) {
.coffee-three-images-container {
margin-top: -50px;
padding-bottom: 130px !important;
}
}
.coffee-three-images-container .coffee-three-images-grid {
display: grid;
grid-template-columns: 1fr;
grid-row-gap: 40px;
}
@media (min-width: 768px) {
.coffee-three-images-container .coffee-three-images-grid {
grid-template-columns: auto auto auto;
grid-column-gap: 50px;
}
}
@media (min-width: 1200px) {
.coffee-three-images-container .coffee-three-images-grid {
padding: 0 20px;
}
}
@media (min-width: 1240px) {
.coffee-three-images-container .coffee-three-images-grid {
grid-template-columns: 360px 360px 360px;
grid-column-gap: 70px;
}
}
.coffee-three-images-container .coffee-three-images-grid .coffee-three-images-text {
font-size: 18px;
line-height: 30px;
font-weight: normal;
}
@media (max-width: 1199px) {
.coffee-three-images-container .coffee-three-images-grid .coffee-three-images-text {
line-height: unset !important;
}
}
.coffee-three-images-container .coffee-three-images-grid .coffee-three-images-headline {
padding: 0;
font-size: 60px;
line-height: 30px;
margin-bottom: 30px;
}
.coffee-three-images-container .coffee-three-images-grid .coffee-three-images-img {
display: flex;
margin-bottom: 30px;
justify-content: center;
margin-left: 0;
margin-right: 0;
}
.coffee-three-images-container .coffee-three-images-grid .coffee-three-images-img img {
height: auto;
}
@media (min-width: 1200px) {
.coffee-three-images-container .coffee-three-images-grid .coffee-three-images-img {
margin-bottom: 95px;
}
}
.coffee-single-source-container .coffee-single-source-grid {
max-width: 1220px;
margin: auto;
display: grid;
grid-template-columns: 1fr;
}
@media (min-width: 768px) {
.coffee-single-source-container .coffee-single-source-grid {
grid-template-columns: 1fr 1fr;
}
}
@media (min-width: 1200px) {
.coffee-single-source-container .coffee-single-source-grid {
padding: 0 20px;
padding: 110px 0 220px 0;
}
}
.coffee-single-source-container .coffee-single-source-grid .coffee-single-source-content .coffee-single-source-headline {
line-height: 95px;
margin: 0 0 25px 0 !important;
padding: 0;
}
.coffee-single-source-container .coffee-single-source-grid .coffee-single-source-content .coffee-single-source-sub-headline {
line-height: 45px;
padding: 0;
margin: 0 0 35px 0;
}
.coffee-single-source-container .coffee-single-source-grid .coffee-single-source-content .coffee-single-source-text {
font-size: 18px;
line-height: 30px;
font-weight: normal;
}
@media (max-width: 1199px) {
.coffee-single-source-container .coffee-single-source-grid .coffee-single-source-content .coffee-single-source-text {
line-height: unset !important;
}
}
.coffee-types-container {
padding: 150px 0;
background-color: var(--main_green_2);
position: relative;
}
.coffee-types-container .coffee-types-content {
max-width: 1220px;
margin: auto;
}
.coffee-types-container .coffee-types-content .coffee-types-headline {
padding: 0 0 20px 0 !important;
}
.coffee-types-container .coffee-types-content .coffee-types-sub-headline {
padding: 0 !important;
}
.coffee-types-container .coffee-types-content .coffee-types-icon-grid .wp-block-group__inner-container {
display: grid;
grid-template-columns: auto auto;
margin-top: 130px;
grid-row-gap: 30px;
}
@media (min-width: 768px) {
.coffee-types-container .coffee-types-content .coffee-types-icon-grid .wp-block-group__inner-container {
grid-template-columns: repeat(5, auto);
margin-top: 130px;
grid-column-gap: 30px;
grid-row-gap: 100px;
}
}
@media (min-width: 768px) {
.coffee-types-container .coffee-types-content .coffee-types-icon-grid .wp-block-group__inner-container {
grid-template-columns: repeat(5, auto);
margin-top: 130px;
grid-column-gap: 78px;
}
}
.coffee-types-container .coffee-types-content .coffee-types-icon-grid .wp-block-group__inner-container:first-of-type {
margin-top: 140px;
}
.coffee-types-container .coffee-types-content .coffee-types-icon-grid .wp-block-group__inner-container .coffee-types-icon-grid-column .wp-block-group__inner-container {
display: grid;
grid-template-columns: 1fr;
justify-content: center;
margin: 0;
grid-row-gap: 0;
}
.coffee-types-container .coffee-types-content .coffee-types-icon-grid .wp-block-group__inner-container .coffee-types-icon-grid-column .wp-block-group__inner-container .coffee-type-icon {
display: flex;
justify-content: center;
margin: 0;
}
.coffee-types-container .coffee-types-content .coffee-types-icon-grid .wp-block-group__inner-container .coffee-types-icon-grid-column .wp-block-group__inner-container .coffee-type-headline {
font-size: 35px;
margin: 10px 30px 0 0;
padding: 0;
}
.coffee-types-container:before {
display: block;
content: url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/7-tempalte.PNG);
position: absolute;
width: auto;
top: 0;
height: auto;
left: 50%;
transform: translateX(-50%) translateY(-50%);
}
.single-messe .single-messe-container {
max-width: 650px;
margin: 50px auto 0 auto;
}
@media (min-width: 768px) {
.single-messe .single-messe-container {
margin: auto;
}
}
.single-messe .single-messe-container h1 {
font-size: 22px;
color: var(--main_green);
line-height: 25px;
text-align: center;
}
@media (min-width: 768px) {
.single-messe .single-messe-container h1 {
font-size: 35px;
color: var(--main_green);
line-height: 40px;
}
}
.single-messe .single-messe-container .description-container {
background-color: var(--main_green_4);
padding: 15px;
text-align: center;
margin: 20px 0;
}
.single-messe .single-messe-container .description-container p {
margin: 10px 0 !important;
}
.single-messe .single-messe-container .description-container > * {
color: var(--menu_font_color);
} @font-face {
font-family: "Open Sans";
font-style: normal;
font-weight: 300;
src: url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/open-sans-v34-latin-300.eot); src: local(""), url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/open-sans-v34-latin-300.eot?#iefix) format("embedded-opentype"), url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/open-sans-v34-latin-300.woff2) format("woff2"), url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/open-sans-v34-latin-300.woff) format("woff"), url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/open-sans-v34-latin-300.ttf) format("truetype"), url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/open-sans-v34-latin-300.svg#OpenSans) format("svg"); } @font-face {
font-family: "Open Sans";
font-style: normal;
font-weight: 400;
src: url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/open-sans-v34-latin-regular.eot); src: local(""), url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/open-sans-v34-latin-regular.eot?#iefix) format("embedded-opentype"), url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/open-sans-v34-latin-regular.woff2) format("woff2"), url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/open-sans-v34-latin-regular.woff) format("woff"), url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/open-sans-v34-latin-regular.ttf) format("truetype"), url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/open-sans-v34-latin-regular.svg#OpenSans) format("svg"); } @font-face {
font-family: "Open Sans";
font-style: normal;
font-weight: 500;
src: url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/open-sans-v34-latin-500.eot); src: local(""), url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/open-sans-v34-latin-500.eot?#iefix) format("embedded-opentype"), url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/open-sans-v34-latin-500.woff2) format("woff2"), url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/open-sans-v34-latin-500.woff) format("woff"), url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/open-sans-v34-latin-500.ttf) format("truetype"), url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/open-sans-v34-latin-500.svg#OpenSans) format("svg"); } @font-face {
font-family: "Open Sans";
font-style: normal;
font-weight: 600;
src: url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/open-sans-v34-latin-600.eot); src: local(""), url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/open-sans-v34-latin-600.eot?#iefix) format("embedded-opentype"), url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/open-sans-v34-latin-600.woff2) format("woff2"), url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/open-sans-v34-latin-600.woff) format("woff"), url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/open-sans-v34-latin-600.ttf) format("truetype"), url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/open-sans-v34-latin-600.svg#OpenSans) format("svg"); } @font-face {
font-family: "Open Sans";
font-style: normal;
font-weight: 700;
src: url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/open-sans-v34-latin-700.eot); src: local(""), url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/open-sans-v34-latin-700.eot?#iefix) format("embedded-opentype"), url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/open-sans-v34-latin-700.woff2) format("woff2"), url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/open-sans-v34-latin-700.woff) format("woff"), url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/open-sans-v34-latin-700.ttf) format("truetype"), url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/open-sans-v34-latin-700.svg#OpenSans) format("svg"); } @font-face {
font-family: "Open Sans";
font-style: normal;
font-weight: 800;
src: url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/open-sans-v34-latin-800.eot); src: local(""), url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/open-sans-v34-latin-800.eot?#iefix) format("embedded-opentype"), url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/open-sans-v34-latin-800.woff2) format("woff2"), url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/open-sans-v34-latin-800.woff) format("woff"), url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/open-sans-v34-latin-800.ttf) format("truetype"), url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/open-sans-v34-latin-800.svg#OpenSans) format("svg"); } @font-face {
font-family: "Open Sans";
font-style: italic;
font-weight: 300;
src: url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/open-sans-v34-latin-300italic.eot); src: local(""), url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/open-sans-v34-latin-300italic.eot?#iefix) format("embedded-opentype"), url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/open-sans-v34-latin-300italic.woff2) format("woff2"), url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/open-sans-v34-latin-300italic.woff) format("woff"), url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/open-sans-v34-latin-300italic.ttf) format("truetype"), url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/open-sans-v34-latin-300italic.svg#OpenSans) format("svg"); } @font-face {
font-family: "Open Sans";
font-style: italic;
font-weight: 400;
src: url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/open-sans-v34-latin-italic.eot); src: local(""), url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/open-sans-v34-latin-italic.eot?#iefix) format("embedded-opentype"), url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/open-sans-v34-latin-italic.woff2) format("woff2"), url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/open-sans-v34-latin-italic.woff) format("woff"), url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/open-sans-v34-latin-italic.ttf) format("truetype"), url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/open-sans-v34-latin-italic.svg#OpenSans) format("svg"); } @font-face {
font-family: "Open Sans";
font-style: italic;
font-weight: 500;
src: url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/open-sans-v34-latin-500italic.eot); src: local(""), url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/open-sans-v34-latin-500italic.eot?#iefix) format("embedded-opentype"), url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/open-sans-v34-latin-500italic.woff2) format("woff2"), url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/open-sans-v34-latin-500italic.woff) format("woff"), url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/open-sans-v34-latin-500italic.ttf) format("truetype"), url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/open-sans-v34-latin-500italic.svg#OpenSans) format("svg"); } @font-face {
font-family: "Open Sans";
font-style: italic;
font-weight: 600;
src: url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/open-sans-v34-latin-600italic.eot); src: local(""), url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/open-sans-v34-latin-600italic.eot?#iefix) format("embedded-opentype"), url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/open-sans-v34-latin-600italic.woff2) format("woff2"), url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/open-sans-v34-latin-600italic.woff) format("woff"), url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/open-sans-v34-latin-600italic.ttf) format("truetype"), url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/open-sans-v34-latin-600italic.svg#OpenSans) format("svg"); } @font-face {
font-family: "Open Sans";
font-style: italic;
font-weight: 700;
src: url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/open-sans-v34-latin-700italic.eot); src: local(""), url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/open-sans-v34-latin-700italic.eot?#iefix) format("embedded-opentype"), url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/open-sans-v34-latin-700italic.woff2) format("woff2"), url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/open-sans-v34-latin-700italic.woff) format("woff"), url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/open-sans-v34-latin-700italic.ttf) format("truetype"), url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/open-sans-v34-latin-700italic.svg#OpenSans) format("svg"); } @font-face {
font-family: "Open Sans";
font-style: italic;
font-weight: 800;
src: url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/open-sans-v34-latin-800italic.eot); src: local(""), url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/open-sans-v34-latin-800italic.eot?#iefix) format("embedded-opentype"), url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/open-sans-v34-latin-800italic.woff2) format("woff2"), url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/open-sans-v34-latin-800italic.woff) format("woff"), url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/open-sans-v34-latin-800italic.ttf) format("truetype"), url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/open-sans-v34-latin-800italic.svg#OpenSans) format("svg"); } @font-face {
font-family: "Amatic SC";
font-style: normal;
font-weight: 400;
src: url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/amatic-sc-v24-latin-regular.eot); src: local(""), url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/amatic-sc-v24-latin-regular.eot?#iefix) format("embedded-opentype"), url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/amatic-sc-v24-latin-regular.woff2) format("woff2"), url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/amatic-sc-v24-latin-regular.woff) format("woff"), url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/amatic-sc-v24-latin-regular.ttf) format("truetype"), url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/amatic-sc-v24-latin-regular.svg#AmaticSC) format("svg"); } @font-face {
font-family: "Amatic SC";
font-style: normal;
font-weight: 700;
src: url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/amatic-sc-v24-latin-700.eot); src: local(""), url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/amatic-sc-v24-latin-700.eot?#iefix) format("embedded-opentype"), url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/amatic-sc-v24-latin-700.woff2) format("woff2"), url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/amatic-sc-v24-latin-700.woff) format("woff"), url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/amatic-sc-v24-latin-700.ttf) format("truetype"), url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/fonts/amatic-sc-v24-latin-700.svg#AmaticSC) format("svg"); }
body {
font-family: "Open Sans", Arial, Helvetica, sans-serift;
margin: 0px;
--main_green: #8FC257;
--main_green_2: #ABD181;
--main_green_3: #E3F0D5;
--main_green_4: #F4F9EE;
--menu_font_color: #676767;
--header-height: 100px;
--header-height-mobil: 76px;
--margin-site-elements: 70px;
--margin-site-elements-mobil: 20px;
--margin-site-large: 10%;
--margin-elements: 50px;
--text-width: 800px;
--input-height: 34px;
}
body button {
font-weight: 700;
}
body .bg_green_light {
background-color: var(--main_green_4);
}
body .bg_green_ {
background-color: var(--main_green_3);
}
body .bg_green {
background-color: var(--main_green) !important;
}
body .blocksatz {
text-align: justify !important;
hyphens: auto;
}
@media (min-width: 768px) {
body .blocksatz {
hyphens: none;
}
}
body input, body select, body textarea, body button {
font-family: "Open Sans", Arial, Helvetica, sans-serift;
}
body h1 {
color: black;
font-weight: bold;
font-size: 29px;
line-height: 29px;
}
@media (min-width: 768px) {
body h1 {
font-size: 40px;
}
}
@media (min-width: 1200px) {
body h1 {
font-size: 68px;
line-height: 80px;
}
}
body h2 {
font-weight: 800;
color: var(--menu_font_color);
font-size: 20px;
text-align: center;
margin: 0;
width: 100%;
padding: 50px 0;
line-height: 25px;
}
@media (min-width: 768px) {
body h2 {
width: 100%;
font-size: 40px;
line-height: 45px;
padding: 70px 0;
}
}
body h3 {
font-weight: 800;
color: #676766;
font-size: 16px;
}
@media (min-width: 768px) {
body h3 {
font-size: 30px;
}
}
body h4 {
font-size: 25px;
}
@media (max-width: 767px) {
body h4 {
font-size: 16px !important;
}
}
body p {
font-size: 16px;
font-weight: bold;
color: #8FC257;
}
@media (max-width: 767px) {
body p {
font-size: 14px !important;
}
}
body .strong {
font-weight: 800;
}
body .normal {
font-weight: normal;
}
body .menu-font {
font-weight: bold;
color: #676766;
}
body .menu-font-green {
margin: 0px;
font-weight: bold;
color: var(--main_green_2);
}
body .menu-font-marign-top {
margin: 30px 0 0 0;
padding: 0;
}
body .menu-font-margin-bottom {
margin: 0 0 30px 0;
padding: 0;
}
body .menu-font-padding-bottom {
padding: 0 0 30px 0 !important;
margin: 0;
}
body .img-large {
margin-block-start: 0;
margin-block-end: 0;
margin-inline-start: 0;
margin-inline-end: 0;
display: block;
height: auto;
width: 100%;
vertical-align: middle;
overflow: hidden;
margin: 0;
}
@media (min-width: 768px) {
body .img-large {
height: auto;
}
}
body .img-large img {
object-fit: cover;
display: block;
width: 100%;
height: 192px;
}
@media (min-width: 768px) {
body .img-large img {
object-fit: fill;
height: auto;
}
}
body .headline-img {
position: relative;
top: 0;
}
body .banner-img-container {
position: relative;
}
body .banner-img-container .banner-img-headline {
position: absolute;
top: 160px;
margin: 0 !important;
width: 80%;
color: White;
font-weight: 800;
left: 10px;
text-shadow: 0px 3px 6px #00000029;
letter-spacing: 0px;
text-transform: uppercase;
}
@media (min-width: 768px) {
body .banner-img-container .banner-img-headline {
bottom: 60px;
width: 690px;
line-height: 40px;
left: 10%;
}
}
@media (min-width: 1200px) {
body .banner-img-container .banner-img-headline {
top: 20%;
width: 690px;
line-height: 80px;
left: 10%;
}
}
body .banner-img-container .banner-img {
position: relative;
margin: 0 !important;
padding: 0 !important;
margin-block-start: 0;
margin-block-end: 0;
margin-inline-start: 0;
margin-inline-end: 0;
line-height: 0;
}
@media (min-width: 768px) {
body .banner-img-container .banner-img {
position: relative;
top: 0;
left: 0;
}
}
body .banner-img-container .banner-img img {
height: 300px;
width: 100%;
vertical-align: middle;
overflow: hidden;
margin: 0;
object-fit: cover;
}
@media (min-width: 768px) {
body .banner-img-container .banner-img img {
height: 100%;
}
}
body .banner-img-container .banner-img figcaption {
position: absolute;
top: 200px;
margin: 0 !important;
width: 80%;
color: White;
font-weight: 800;
font-size: 29px !important;
left: 10px;
line-height: 29px;
text-shadow: 0px 3px 6px #00000029;
letter-spacing: 0px;
text-transform: uppercase;
}
@media (min-width: 768px) {
body .banner-img-container .banner-img figcaption {
bottom: 60px;
font-size: 40px !important;
width: 690px;
line-height: 40px;
left: 10%;
}
}
@media (min-width: 1200px) {
body .banner-img-container .banner-img figcaption {
top: 20%;
font-size: 68px !important;
width: 690px;
line-height: 80px;
left: 10%;
}
}
body .banner-video-container {
position: relative;
}
body .banner-video-container .banner-video {
position: relative;
margin-block-start: 0;
margin-block-end: 0;
margin-inline-start: 0;
margin-inline-end: 0;
line-height: 0;
top: 0px;
}
@media (min-width: 768px) {
body .banner-video-container .banner-video {
position: relative;
left: 0;
}
}
body .banner-video-container .banner-video video {
object-fit: contain;
}
@media (min-width: 768px) {
body .banner-video-container .banner-video video {
width: 100%;
height: auto;
}
}
body .banner-video-container .banner-video figcaption {
position: absolute;
bottom: 10px;
margin: 0 !important;
width: 80%;
color: White;
font-weight: 800;
font-size: 29px !important;
text-shadow: 0px 3px 6px #00000029;
left: 10px;
line-height: 29px;
width: 270px;
letter-spacing: 0px;
text-transform: uppercase;
}
@media (min-width: 768px) {
body .banner-video-container .banner-video figcaption {
bottom: 30px;
font-size: 40px !important;
width: 350px;
line-height: 40px;
left: 5%;
}
}
@media (min-width: 1200px) {
body .banner-video-container .banner-video figcaption {
bottom: 60px;
font-size: 60px !important;
width: 690px;
line-height: 60px;
left: 10%;
}
}
body .video-small {
position: relative;
margin: 0 !important;
padding: 0 !important;
margin-block: 0 !important;
margin-inline: 0 !important;
line-height: 0;
top: 0;
left: 0;
margin-top: 0 !important;
}
@media (min-width: 768px) {
body .video-small {
width: 740px;
position: relative;
top: 0;
margin: 50px auto !important;
}
}
@media (min-width: 1200px) {
body .video-small {
width: 740px;
left: 10%;
margin: 0 !important;
margin-top: -200px !important;
}
}
body .video-small video {
object-fit: cover;
height: auto;
width: 100%;
}
@media (min-width: 768px) {
body .video-small video {
width: auto;
height: 400px;
}
}
body .video-small figcaption {
position: absolute;
bottom: 10px;
margin: 0 !important;
width: 80%;
color: White;
font-weight: 800;
font-size: 29px !important;
left: 10px;
line-height: 29px;
letter-spacing: 0px;
text-transform: uppercase;
}
@media (min-width: 768px) {
body .video-small figcaption {
bottom: 60px;
font-size: 40px !important;
width: 690px;
line-height: 40px;
left: 10%;
}
}
@media (min-width: 1200px) {
body .video-small figcaption {
bottom: 60px;
font-size: 60px !important;
width: 690px;
line-height: 60px;
left: 10%;
}
}
body .grid-2columns {
display: grid;
grid-template-columns: 1fr;
grid-column-gap: 30px;
grid-row-gap: 20px;
}
@media (min-width: 768px) {
body .grid-2columns {
grid-template-columns: 1fr 1fr;
width: var(--text-width);
margin: 0 auto;
grid-row-gap: 50px;
}
}
body .grid-3columns {
display: grid;
grid-template-columns: 1fr;
grid-column-gap: 30px;
grid-row-gap: 20px;
}
@media (min-width: 768px) {
body .grid-3columns {
grid-template-columns: 1fr 1fr 1fr;
width: var(--text-width);
margin: 0 auto;
grid-row-gap: 50px;
}
}
body .wp-block-column {
margin-left: 0 !important;
}
body a {
text-decoration: none;
color: white;
}
body a:hover {
color: var(--menu_font_color);
}
body .hidden-on-mobile {
display: none !important;
}
@media (min-width: 768px) {
body .hidden-on-mobile {
display: block !important;
}
}
body .hidden-on-tablet {
display: none !important;
}
@media (min-width: 1200px) {
body .hidden-on-tablet {
display: block !important;
}
}
body .hidden-on-desktop {
display: block !important;
}
@media (min-width: 768px) {
body .hidden-on-desktop {
display: none !important;
}
}
body .wrapper {
padding: 0 20px 50px;
}
@media (min-width: 1200px) {
body .wrapper {
padding-left: 0;
padding-right: 0;
padding-bottom: 70px;
}
}
@media (min-width: 768px) {
body .container {
margin: 0 10%;
}
}
body .flex-end {
display: flex;
justify-content: flex-end;
}
body .entry-footer {
display: none !important;
}
body p:empty {
display: none;
}
body .has-mr-green-background-color, body .bg_green {
background-color: var(--main_green) !important;
}
body .has-mr-green-color {
color: var(--main_green) !important;
}
body .has-mr-green-2-background-color, body .bg_green2 {
background-color: var(--main_green_2) !important;
}
body .has-mr-green-2-color {
color: var(--main_green_2) !important;
}
body .has-mr-green-3-background-color, body .bg_green3 {
background-color: var(--main_green_3) !important;
}
body .has-mr-green-3-color {
color: var(--main_green_3) !important;
}
body .has-mr-green-4-background-color, body .bg_green4 {
background-color: var(--main_green_4) !important;
}
body .has-mr-green-4-color {
color: var(--main_green_4) !important;
}
body .has-mr-neutral-background-color, body .bg_neutral {
background-color: var(--menu_font_color) !important;
}
body .has-mr-neutral-color {
color: var(--menu_font_color) !important;
}
body .has-white-background-color {
background-color: white !important;
}
body .has-white-color {
color: white !important;
}
body .has-marker-green-color {
background: url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/brush.png);
padding: 0px 7px;
background-repeat: no-repeat;
background-size: cover;
}
body .has-line-grey-color {
background: url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/lines/line_grey.svg);
background-repeat: no-repeat;
background-position-y: bottom;
}
body .has-line-short-grey-color {
background: url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/lines/line_short_grey.svg);
background-repeat: no-repeat;
background-position-y: bottom;
}
body .has-line-red-color {
background: url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/lines/line_red.svg);
background-repeat: no-repeat;
background-position-y: bottom;
}
body .has-line-short-red-color {
background: url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/lines/line_short_red.svg);
background-repeat: no-repeat;
background-position-y: bottom;
}
body .has-line-white-color {
background: url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/lines/line_white.svg);
background-repeat: no-repeat;
background-position-y: bottom;
}
body .has-line-short-white-color {
background: url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/lines/line_short_white.svg);
background-repeat: no-repeat;
background-position-y: bottom;
}
body .has-line-short-green-color {
background: url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/lines/line_short_green.svg);
background-repeat: no-repeat;
background-position-y: bottom;
}
body .has-line-green-color {
background: url(//meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/lines/line_green.svg);
background-repeat: no-repeat;
background-position-y: bottom;
}
body .has-font-family-amaticsc-color {
font-family: "Amatic SC", cursive;
line-height: inherit;
}
body #primary {
position: relative;
top: 0px;
padding-block-end: 0px;
}
@media (min-width: 768px) {
body #primary {
top: 30px;
padding-block-end: 30px;
}
}
body .headline-bottom figcaption {
top: auto;
position: absolute;
bottom: 10px !important;
color: var(--main_green) !important;
font-weight: normal !important;
font-size: 29px !important;
text-shadow: 0px 3px 6px #00000029;
left: 20px;
line-height: 29px;
letter-spacing: 0px;
text-transform: uppercase;
}
@media (min-width: 768px) {
body .headline-bottom figcaption {
bottom: 20px;
font-size: 40px !important;
line-height: 40px;
left: 10% !important;
}
}
@media (min-width: 1200px) {
body .headline-bottom figcaption {
bottom: 20px !important;
top: auto !important;
font-size: 60px !important;
line-height: 60px !important;
}
}
@keyframes fade-in {
from {
opacity: 0;
transform: 0.7, 0.7;
}
to {
opacity: 1;
}
}
body .fade-in-element {
animation: fade-in 1.4s;
}
@media (min-width: 768px) {
body .fade-in-element {
animation: none;
}
}
@keyframes fly-in {
from {
transform: translateX(400px);
opacity: 0;
}
to {
transform: translateX(0);
opacity: 1;
}
}
body .fly-in-element {
animation: fly-in 1s;
opacity: 1 !important;
}
@media (min-width: 768px) {
body .fly-in-element {
animation: none;
}
}
body .hidden {
opacity: 0;
}
@keyframes pop-up {
0% {
transform: scale(1);
}
50% {
transform: scale(1.3);
}
100% {
transform: scale(1);
}
}
body .select-div {
position: relative;
}
body .select-div:after {
box-sizing: content-box;
position: absolute;
pointer-events: none;
content: ">";
font-family: "Open Sans", Arial, Helvetica, sans-serift;
font-size: 16px;
color: var(--main_green);
-webkit-transform: rotate(90deg) scale(0.8, 1.6);
-moz-transform: rotate(90deg) scale(0.8, 1.6);
-ms-transform: rotate(90deg) scale(0.8, 1.6);
transform: rotate(90deg) scale(0.8, 1.6);
right: 7px;
top: 0;
}
@media (min-width: 768px) {
body .select-div:after {
top: 0;
}
}
body .select-div:before {
content: "*";
color: red;
position: absolute;
right: 15px;
top: 6px;
display: block !important;
}
body .select-div select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
height: var(--input-height);
padding: 4.5px 5px !important;
background-color: white;
font-size: 12px !important;
display: block;
background-image: none;
-ms-word-break: normal;
word-break: normal;
}
@media (min-width: 768px) {
body .select-div select {
font-size: 15px !important;
}
}
body .select-div select::-ms-expand {
display: none;
}
body .select-div br {
display: none;
}
body input:not([type=submit]) {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 5px 5px 0px 5px !important;
box-sizing: border-box;
}
body input:not([type=submit])[type=checkbox] {
width: 24px !important;
height: 24px !important;
outline: none !important;
border: none !important;
background-color: white;
padding: 3px !important;
}
body input:not([type=submit])[type=checkbox]:checked:after {
content: "✓";
color: var(--main_green);
font-weight: bold;
font-size: 16px;
position: relative;
top: -2px;
display: flex;
justify-content: center;
}
body *, body *:focus, body *:hover {
outline: none;
}
body .show-on-desktop {
display: none !important;
}
@media (min-width: 1200px) {
body .show-on-desktop {
display: block !important;
}
}
body .show-on-mobile {
display: block !important;
}
@media (min-width: 768px) {
body .show-on-mobile {
display: none !important;
}
}
@media (min-width: 1200px) {
body .c1 {
grid-template-columns: auto !important;
}
}
@media (min-width: 1200px) {
body .c2 {
grid-template-columns: auto auto !important;
}
}
@media (min-width: 1200px) {
body .c3 {
grid-template-columns: auto auto auto !important;
}
}
@media (min-width: 1200px) {
body .c4 {
grid-template-columns: auto auto auto auto !important;
}
}
@media (min-width: 1200px) {
body .c5 {
grid-template-columns: auto auto auto auto auto !important;
}
}
@media (min-width: 1200px) {
body .c6 {
grid-template-columns: auto auto auto auto auto auto !important;
}
}
body .slick-arrow {
z-index: 100 !important;
}
body .img-large-gerichte img {
height: auto;
}
@media (min-width: 768px) {
body .img-large-gerichte img {
height: auto;
}
}
body .img-kantine-box img {
max-width: 1000px;
height: auto;
margin: auto;
}
@media (max-width: 767px) {
body #masthead.mobileBannerTop {
top: 80px !important;
}
}
@media (max-width: 767px) {
body #page.mobileBannerTop {
position: relative;
top: 80px;
}
}
body .anchor-link {
display: block;
position: relative;
top: -100px;
visibility: hidden;
}
@media (min-width: 768px) {
body .anchor-link {
top: -150px;
}
}
body mark {
color: unset;
}.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before, .slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
[dir=rtl] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
 .slick-loading .slick-list {
background: #fff url(https://meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/slick/ajax-loader.gif) center center no-repeat;
} @font-face {
font-family: "slick";
src: url(https://meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/slick/fonts/slick.eot);
src: url(https://meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/slick/fonts/slick.eot?#iefix) format("embedded-opentype"), url(https://meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/slick/fonts/slick.woff) format("woff"), url(https://meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/slick/fonts/slick.ttf) format("truetype"), url(https://meal-revolution.de/wp-content/themes/wordpress-theme-meal-revolution/assets/slick/fonts/slick.svg#slick) format("svg");
font-weight: normal;
font-style: normal;
} .slick-prev,
.slick-next {
position: absolute;
display: block;
height: 20px;
width: 20px;
line-height: 0px;
font-size: 0px;
cursor: pointer;
background: transparent;
color: transparent;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
padding: 0;
border: none;
outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
outline: none;
background: transparent;
color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
font-family: "slick";
font-size: 20px;
line-height: 1;
color: white;
opacity: 0.75;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev {
left: -25px;
}
[dir=rtl] .slick-prev {
left: auto;
right: -25px;
}
.slick-prev:before {
content: "←";
}
[dir=rtl] .slick-prev:before {
content: "→";
}
.slick-next {
right: -25px;
}
[dir=rtl] .slick-next {
left: -25px;
right: auto;
}
.slick-next:before {
content: "→";
}
[dir=rtl] .slick-next:before {
content: "←";
} .slick-dotted.slick-slider {
margin-bottom: 30px;
}
.slick-dots {
position: absolute;
bottom: -25px;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
width: 100%;
}
.slick-dots li {
position: relative;
display: inline-block;
height: 20px;
width: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
border: 0;
background: transparent;
display: block;
height: 20px;
width: 20px;
outline: none;
line-height: 0px;
font-size: 0px;
color: transparent;
padding: 5px;
cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
opacity: 1;
}
.slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
content: "•";
width: 20px;
height: 20px;
font-family: "slick";
font-size: 6px;
line-height: 20px;
text-align: center;
color: black;
opacity: 0.25;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
color: black;
opacity: 0.75;
}.slick-lightbox{position:fixed;top:0;left:0;z-index:9999;width:100%;height:100%;background:black;-webkit-transition:opacity 0.5s ease;transition:opacity 0.5s ease}.slick-lightbox .slick-loading .slick-list{background-color:transparent}.slick-lightbox .slick-prev{left:15px}.slick-lightbox .slick-next{right:15px}.slick-lightbox-hide{opacity:0}.slick-lightbox-hide.slick-lightbox-ie{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}.slick-lightbox-hide-init{position:absolute;top:-9999px;opacity:0}.slick-lightbox-hide-init.slick-lightbox-ie{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}.slick-lightbox-inner{position:fixed;top:0;left:0;width:100%;height:100%}.slick-lightbox-slick-item{text-align:center;overflow:hidden}.slick-lightbox-slick-item:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-0.25em}.slick-caption-bottom .slick-lightbox-slick-item .slick-lightbox-slick-item .slick-lightbox-slick-caption{position:absolute;bottom:0;left:0;text-align:center;width:100%;margin-bottom:20px}.slick-caption-dynamic .slick-lightbox-slick-item .slick-lightbox-slick-item .slick-lightbox-slick-caption{display:block;text-align:center}.slick-lightbox-slick-item-inner{display:inline-block;vertical-align:middle;max-width:90%;max-height:90%}.slick-lightbox-slick-img{margin:0 auto;display:block;max-width:90%;max-height:90%}.slick-lightbox-slick-caption{margin:10px 0 0;color:white}.slick-lightbox-close{position:absolute;top:15px;right:15px;display:block;height:20px;width:20px;line-height:0;font-size:0;cursor:pointer;background:transparent;color:transparent;padding:0;border:none}.slick-lightbox-close:focus{outline:none}.slick-lightbox-close:before{font-family:"slick";font-size:20px;line-height:1;color:white;opacity:0.85;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:'×'}body {
color: var(--menu_font_color) !important;
}
figure {
margin: 0;
position: relative;
}
figure img {
height: 100%;
}
.wp-block-group {
margin: 0;
width: auto;
}
@media (min-width: 768px) {
.wp-block-group {
margin: 0 30% 50px 10%;
width: auto;
padding: 0 !important;
}
}
@media (min-width: 1200px) {
.wp-block-group {
margin: 0 30% 50px 10%;
}
}
.wp-block-group p, .wp-block-group h2, .wp-block-group h3 {
color: var(--menu_font_color) !important;
}
.wp-block-group p {
font-weight: normal !important;
text-align: justify;
}
.wp-block-group p a {
color: var(--main_green);
text-decoration: underline;
}
.wp-block-group p a:hover {
color: var(--menu_font_color);
}
.wp-block-group h3 {
font-size: 16px;
margin: 40px 0 0 0;
}
.banner-img {
bottom: 10px !important;
}