html.vc_transform,
html.vc_transform body.wpb-js-composer{
overflow-y: auto !important;
overflow-x: hidden !important;
height: auto !important;
max-height: none !important;
} html.vc_transform body.wpb-js-composer{
position: static !important;
top: auto !important;
} @font-face{
font-family:"Barlow-ExtraBold";
src:url(https://li-food.de/wp-content/uploads/2026/03/Barlow-ExtraBold.woff) format("woff"),
url(https://li-food.de/wp-content/uploads/2026/03/Barlow-ExtraBold.ttf) format("truetype");
font-weight:800;
font-style:normal;
font-display:swap;
}
@font-face{
font-family:"Barlow-Bold";
src:url(https://li-food.de/wp-content/uploads/2026/03/Barlow-Bold.woff) format("woff"),
url(https://li-food.de/wp-content/uploads/2026/03/Barlow-Bold.ttf) format("truetype");
font-weight:700;
font-style:normal;
font-display:swap;
}
@font-face{
font-family:"Barlow-SemiBold";
src:url(https://li-food.de/wp-content/uploads/2026/03/Barlow-SemiBold.woff) format("woff"),
url(https://li-food.de/wp-content/uploads/2026/03/Barlow-SemiBold.ttf) format("truetype");
font-weight:600;
font-style:normal;
font-display:swap;
}
@font-face{
font-family:"Barlow-Medium";
src:url(https://li-food.de/wp-content/uploads/2026/03/Barlow-Medium.woff) format("woff"),
url(https://li-food.de/wp-content/uploads/2026/03/Barlow-Medium.ttf) format("truetype");
font-weight:500;
font-style:normal;
font-display:swap;
}
@font-face{
font-family:"Barlow-Regular";
src:url(https://li-food.de/wp-content/uploads/2026/03/Barlow-Regular.woff) format("woff"),
url(https://li-food.de/wp-content/uploads/2026/03/Barlow-Regular.ttf) format("truetype");
font-weight:400;
font-style:normal;
font-display:swap;
}
@font-face{
font-family:"Zona-Pro-Bold";
src:url(https://li-food.de/wp-content/uploads/2026/03/Zona-Pro-Bold.woff) format("woff"),
url(https://li-food.de/wp-content/uploads/2026/03/Zona-Pro-Bold.ttf) format("truetype");
font-weight:700;
font-style:normal;
font-display:swap;
} html, body {
margin: 0;
padding: 0;
overflow-x: hidden;
background: transparent !important;
}
body::before {
content: "";
position: fixed;
inset: 0;
z-index: -1;
pointer-events: none;
background:
radial-gradient(circle at 12% 10%, #eee58f 0%, transparent 30%),
radial-gradient(circle at 88% 14%, #efc0c9 0%, transparent 32%),
radial-gradient(circle at 8% 88%,  #43ddd8 0%, transparent 34%),
radial-gradient(circle at 56% 92%, #67b6ea 0%, transparent 30%),
radial-gradient(circle at 86% 64%, #d8b7e4 0%, transparent 26%),
linear-gradient(
135deg,
#efe49a 0%,
#f0c79f 24%,
#e5d6cb 48%,
#cfc6de 66%,
#9ec3e1 82%,
#62cde0 100%
);
background-attachment: fixed;
background-size: cover;
background-position: center center;
}
#Wrapper,
#Content,
.mfn-wrapper,
.section,
.section_wrapper,
.section-page,
.section-content,
.content_wrapper,
.the_content_wrapper,
.column,
.mcb-wrap,
.mcb-section,
.mcb-column,
.vc_row,
.vc_column_container,
.wpb_wrapper {
background: transparent !important;
box-shadow: none !important;
} ul[id^="menu-lifood-hauptmenu"] > li > a{
font-family: "Barlow-Bold", Arial, sans-serif !important;
font-weight: 700 !important;
}
#main-header {
display: block !important;
}
.gusta-section .container {
max-width: 100%;
padding: 0 !important;
margin: 0 !important;
}
.gusta-section.header-section .vc_row {
margin: 0 !important;
padding: 0 !important;
}
.gusta-logo img {
max-height: 100%;
width: auto;
}
.vc_figure a {
border-color: #ffffff !important;
}
.vc_figure a:hover {
border-color: #ffffff !important;
}
.tg-filter.tg-filter-active, .tg-filter:hover {
background: #0092ae !important;
}
.tg-filter-name {
font-size: 120% !important;
}
.portfolio.type-portfolio .section-post-header {
display: none;
}
@media screen and (max-width: 768px) {
.actionlink .wpb_wrapper {
position: relative;
}
}
@media screen and (max-width: 1024px) {
.gusta-icon-link {
font-size: 100% !important;
}
} html, body { cursor: auto !important; } a[href], button, [role="button"],
input[type="button"], input[type="submit"], label[for] {
cursor: pointer !important;
} .custom-cursor, .cursor-dot, .cursor-outline, .cursor-follower {
display: none !important;
}  header#Header,
.header-wrapper,
.gusta-site-logo,
.gusta-header-row,
.header-stack,
.gusta-align-left .wpb_wrapper,
.vc_row[style*="padding-top"],
.vc_row[style*="padding-bottom"] {
padding-top: 0 !important;
padding-bottom: 0 !important;
margin-top: 0 !important;
} .vc_row,
.mfn-row,
.section,
.section_wrapper,
.content_wrapper {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important; box-sizing: border-box;
} .vc_column_container,
.mfn-column,
.wpb_column {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
} .wpb_wrapper,
.mfn-wrapper,
.vc_column-inner {
padding: 0 !important;
margin: 0 !important;
} .wpb_text_column,
.wpb_content_element {
margin: 0 !important;
padding: 0 !important;
} .section .section_title,
.section .column_title,
h1, h2, h3, h4, h5, h6 {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
} header.section.mcb-section.section-post-header,
header.section.mcb-section.section-post-header *{
padding-block:0 !important;
margin-block:0 !important;
min-height:0 !important;
}
header.section.mcb-section.section-post-header::before,
header.section.mcb-section.section-post-header::after,
header.section.mcb-section.section-post-header *::before,
header.section.mcb-section.section-post-header *::after{
content:none !important;
display:none !important;
height:0 !important;
}
.vc_do_custom_heading.h3-custom-font-daten-fakten-uberschrift {
margin: 0 !important;
padding: 1vh 0 !important;
line-height: 1 !important;
} .has_content .the_content_wrapper {
margin-bottom: 0 !important;
} .farblinie,
.farblinie .wpb_wrapper,
.farblinie .vc_figure,
.farblinie .vc_single_image-wrapper,
.farblinie img {
margin: 0 !important;
padding: 0 !important;
line-height: 0 !important;
font-size: 0 !important;
}
.farblinie .vc_single_image-wrapper,
.farblinie img {
display: block !important;
} .section.section-post-intro-share{
display: none !important;
} body.single-post .gusta-post-meta.gusta-align-left p + ul:not(.bp-list),
body.single-post .gusta-post-meta.gusta-align-left .gusta-post-custom-field p + ul:not(.bp-list) {
display: block !important;
clear: both !important;
float: none !important;
margin-top: 0.6em !important;
margin-bottom: 1em !important;
padding-left: 1.25em !important;
list-style-position: outside !important;
list-style-type: square !important;
} body.single-post .gusta-post-meta.gusta-align-left ul:not(.bp-list) > li {
display: list-item !important;
float: none !important;
clear: none !important;
list-style-type: square !important;
list-style-position: outside !important;
padding-left: 0 !important;
margin: 0 0 0.35em 0 !important;
} body.single-post .gusta-post-meta.gusta-align-left p:has(+ ul:not(.bp-list)) {
display: block !important;
width: 100% !important;
float: none !important;
clear: both !important;
margin-bottom: 0 !important;
}  .bg-ohne-padding{ position: relative !important; } .bg-ohne-padding .vc_column-inner,
.bg-ohne-padding .wpb_wrapper{
background: none !important;
} .bg-ohne-padding::before{
content: "";
position: absolute;
inset: 0; background-image: url(https://dil-engineering.com/wp-content/uploads/2026/02/muster.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover; pointer-events: none;
z-index: 0;
} .bg-ohne-padding > .vc_column-inner{
position: relative !important;
z-index: 1;
padding: clamp(18px, 2.5vw, 48px) !important;
}   .ult-carousel-wrapper,
.ult-carousel-wrapper .slick-slider,
.ult-carousel-wrapper .slick-list,
.ult-carousel-wrapper .slick-track,
.ult-carousel-wrapper .slick-slide{
margin-bottom: 0 !important;
padding-bottom: 0 !important;
} .ult-carousel-wrapper .slick-slider{
position: relative !important;
}
.ult-carousel-wrapper .slick-dots{
position: absolute !important;
left: 50% !important;
transform: translateX(-50%) !important;
bottom: 14px !important; margin: 0 !important;
padding: 0 !important;
} .ult-carousel-wrapper .wpb_single_image,
.ult-carousel-wrapper .wpb_single_image.wpb_content_element{
margin-bottom: 0 !important;
}
.ult-carousel-wrapper img{
display: block !important;
}  .mpc-column a:hover {
ext-decoration: none !important;
} ul[id^="menu-dil-eng-hauptmenu"] > li > a.no-klick-disabled{
cursor: default !important;
text-decoration: none !important;
}  .ss-element * {
word-break: keep-all !important;
} .gusta-nav {
width: 100% !important;
}
.gusta-nav>ul>li {
flex-grow: 1;
flex-basis: 0;
}
.gusta-align-right.gusta-inline  {
padding-top: 0px !important;
}
.gusta-nav.horizontal>ul>li.menu-item-has-children>a:before {
position: absolute !important;
right: 0 !important;	
}
.gusta-nav>ul>li>a,
.gusta-nav>ul>li>ul>li>a,
.gusta-nav>ul>li>ul>li>ul>li>a {
white-space: nowrap;
} ul[id^="menu-lifood-hauptmenu"] > li > a.no-klick-disabled,
ul[id^="menu-lifood-hauptmenu"] > li > a.no-klick-disabled:hover,
ul[id^="menu-lifood-hauptmenu"] > li > a.no-klick-disabled:focus,
ul[id^="menu-lifood-hauptmenu"] > li > a.no-klick-disabled:active{
cursor: default !important;
} .gusta-navigation > ul {
display: flex;
align-items: center;
}
.gusta-navigation > ul > li > a {
font-size: clamp(16px, 1.65vw, 90px) !important;
line-height: clamp(60px, 4vw, 120px) !important;
letter-spacing: -0.01em !important;
text-align: center;
display: inline-block;
box-sizing: border-box;
} .gusta-align-center.gusta-inline {
display: flex !important;
flex-direction: column !important;
justify-content: flex-end !important;
align-items: center !important;
height: 100px !important;
max-width: 100% !important;
margin: 0 auto !important;
padding: 0 1rem !important;
box-sizing: border-box !important;
}  :is(#el-1946284296909c72040b90, #el-961657186690a0f4b0131a) ul[id^="menu-dil-eng-"]>li{
margin:0!important;padding:0!important;border:0!important;line-height:0!important
}
:is(#el-1946284296909c72040b90, #el-961657186690a0f4b0131a) ul[id^="menu-dil-eng-"]>li>a{
display:block!important;
font-size:clamp(16px,1.1vw,30px)!important;
line-height:1.5em!important;
letter-spacing:-.7px!important;
border:0!important
} :is(#el-1946284296909c72040b90,#el-961657186690a0f4b0131a) ul[id^="menu-dil-eng-"]>li>a{
color:#fff!important;
-webkit-text-fill-color:#fff!important; border:0!important;
} :is(#el-1946284296909c72040b90,#el-961657186690a0f4b0131a) ul[id^="menu-dil-eng-"]>li>a:is(:hover,:focus,[aria-current="page"]),
:is(#el-1946284296909c72040b90,#el-961657186690a0f4b0131a) ul[id^="menu-dil-eng-"]>li:is(.current-menu-item,.current_page_item,.current-menu-ancestor)>a{
color:#161922!important;
-webkit-text-fill-color:#161922!important;
border:0!important; border-color:transparent!important;
}  [id^="gusta-mega-menu-"] .gusta-navigation li > a{
font-size: clamp(16px, 1.0vw, 30px) !important;
letter-spacing: -0.01em !important;
text-align: left !important;
display: inline-block !important;
text-decoration: none !important;
padding: .2rem 0 !important;
font-family: inherit !important;
} [id^="gusta-mega-menu-"] .gusta-nav.vertical > ul > li > a,
[id^="gusta-mega-menu-"] .gusta-nav.vertical > ul > li > ul > li > a,
[id^="gusta-mega-menu-"] .gusta-nav.vertical > ul > li > ul > li > ul > li > a{
line-height: clamp(30px, 1.5vw, 30px) !important;
padding: 0 !important;
margin: 0 !important;
min-height: 0 !important;
height: auto !important;
border: 0 !important;
display: block !important;
}
@media (max-width: 1199px){
[id^="gusta-mega-menu-"] .gusta-nav.vertical > ul > li > a,
[id^="gusta-mega-menu-"] .gusta-nav.vertical > ul > li > ul > li > a,
[id^="gusta-mega-menu-"] .gusta-nav.vertical > ul > li > ul > li > ul > li > a{
line-height: 30px !important;
}
} .submenu-head ul.gusta-navigation > li:first-child > a,
.submenu-head ul.gusta-navigation > li:first-child > a *{
font-family: "Barlow-ExtraBold", Arial, sans-serif !important;
font-weight: 800 !important;
font-style: normal !important;
font-synthesis: none !important;
text-indent: 0 !important;
padding-left: 0 !important;
color: #3083c5 !important;
} .submenu-head ul.gusta-navigation > li:first-child > a::before,
.submenu-head ul.gusta-navigation > li:first-child::before{
content: none !important;
display: none !important;
} .submenu-head ul.gusta-navigation > li:first-child > a:hover,
.submenu-head ul.gusta-navigation > li:first-child > a:focus,
.submenu-head ul.gusta-navigation > li:first-child.current-menu-item > a{
color: #3083c5 !important;
}  .gusta-site-logo,
[class*="gusta-site-logo"]{ display:block; line-height:0; }
.gusta-site-logo img,
[class*="gusta-site-logo"] img{
height:auto !important; max-height: clamp(90px, 7vw, 150px) !important; width:auto !important;
object-fit:contain !important;
} .wpb_fadeIn.wpb_animate_when_almost_visible {
animation-duration: 0.2s !important;
animation-delay: 0.1s !important;
} .gusta-navigation > li.menu-item > a {
color: inherit;
transition: color .1s ease !important;
}
.gusta-navigation > li.menu-item:hover > a {
transition: color .1s ease .1s !important;
}  .gusta-navigation > ul[class*="gusta-nav"] > li > a{position:relative!important;padding-right:22px!important}
.gusta-navigation > ul[class*="gusta-nav"] > li > a::after{content:"";position:absolute;top:50%;right:0;transform:translateY(-50%);width:10px;height:10px;background:url(https://li-food.de/wp-content/uploads/2026/03/chevrondown-menu.png) center/contain no-repeat!important;pointer-events:none}
.gusta-navigation > ul[class*="gusta-nav"] > li:hover > a::after,
.gusta-navigation > ul[class*="gusta-nav"] > li > a:focus-visible::after,
.gusta-navigation > ul[class*="gusta-nav"] > li.current-menu-ancestor > a::after,
.gusta-navigation > ul[class*="gusta-nav"] > li.current-menu-item > a::after{background-image:url(https://li-food.de/wp-content/uploads/2026/03/chevrondown-menu-over.png)!important}  [id^="gusta-mega-menu-"] ul[class*="gusta-nav"]{
margin:0!important; padding:0!important; list-style:none!important;
} [id^="gusta-mega-menu-"] ul[class*="gusta-nav"] > li{
position:relative!important; display:flex!important; align-items:center!important;
margin:0!important; padding:0!important;
} [id^="gusta-mega-menu-"] ul[class*="gusta-nav"] > li > a{
--mm-icon: clamp(10px, .70vw, 12px);
--mm-gap: .5em;
position:relative!important; display:block!important; flex:1 1 auto!important;
margin:0!important; padding:0!important; background:transparent!important;
text-indent: calc(var(--mm-icon) + var(--mm-gap))!important;
color:#1a1d22;
} [id^="gusta-mega-menu-"] ul[class*="gusta-nav"] > li > a::before{
content:""!important; position:absolute!important; left:0!important; top:50%!important;
transform:translateY(-50%)!important;
width:var(--mm-icon)!important; height:var(--mm-icon)!important;
background:url(https://li-food.de/wp-content/uploads/2026/03/submenu-icon.png) center/contain no-repeat!important;
opacity:.9;
} [id^="gusta-mega-menu-"] ul[class*="gusta-nav"] > li > a:is(:hover,:focus,[aria-current="page"])::before,
[id^="gusta-mega-menu-"] ul[class*="gusta-nav"] > li:is(.current-menu-item,.current_page_item,.current-menu-ancestor,.current_page_parent) > a::before{
background-image:url(https://li-food.de/wp-content/uploads/2026/03/submenu-icon-over.png)!important;
} [id^="gusta-mega-menu-"] ul[class*="gusta-nav"] > li > a:is(:hover,:focus,[aria-current="page"]),
[id^="gusta-mega-menu-"] ul[class*="gusta-nav"] > li:is(.current-menu-item,.current_page_item,.current-menu-ancestor,.current_page_parent) > a{
} [id^="gusta-mega-menu-"] > ul[class*="gusta-nav"] > li:not(:last-child)::after,
[id^="gusta-mega-menu-"] > div > ul[class*="gusta-nav"] > li:not(:last-child)::after{
content:""!important; position:absolute!important; left:0!important; right:0!important; bottom:0!important;
height:1px!important; background:rgba(0,0,0,.15)!important; pointer-events:none!important;
} [id^="gusta-mega-menu-"] ul ul[class*="gusta-nav"] > li > a{
border:0!important; box-shadow:none!important;
}
[id^="gusta-mega-menu-"] ul ul[class*="gusta-nav"] > li > a::before,
[id^="gusta-mega-menu-"] ul ul[class*="gusta-nav"] > li > a::after,
[id^="gusta-mega-menu-"] ul ul[class*="gusta-nav"] > li::after{
content:none!important;
} @media (min-width:1920px){
[id^="gusta-mega-menu-"] ul[class*="gusta-nav"] > li{ min-height:40px!important; }
} .mm-compact{
display:inline-flex!important; align-items:center!important; justify-content:flex-start!important; float:left!important;
margin:0!important; margin-right:auto!important; padding:0!important; line-height:1!important;
background:transparent!important; border:0!important; box-shadow:none!important; min-height:0!important;
}
.mm-compact>span,.mm-compact .gusta-btn-text,.mm-compact .gusta-icon,.mm-compact i{padding:0!important;margin:0!important;line-height:1!important}
.mm-compact+*,.mm-compact+* ul,.mm-compact+div>ul{margin-top:0!important;padding-top:0!important}
li:has(>.mm-compact){margin-bottom:0!important;padding-bottom:0!important}  .gusta-nav.vertical.service-submenu-stack > ul.gusta-navigation > li,
.gusta-nav.vertical.service-submenu-stack > ul > li {
display: block !important;
align-items: initial !important;
width: 100% !important;
position: relative !important;
} .gusta-nav.vertical.service-submenu-stack > ul.gusta-navigation > li > a,
.gusta-nav.vertical.service-submenu-stack > ul > li > a {
display: block !important;
width: 100% !important;
padding-right: 0 !important;
} .gusta-nav.vertical.service-submenu-stack > ul.gusta-navigation > li > a.gusta-menu-toggle,
.gusta-nav.vertical.service-submenu-stack > ul > li > a.gusta-menu-toggle,
.gusta-nav.vertical.service-submenu-stack .gusta-menu-toggle {
display: none !important;
} .gusta-nav.vertical.service-submenu-stack > ul.gusta-navigation > li > ul.gusta-dropdown-menu,
.gusta-nav.vertical.service-submenu-stack > ul > li > ul.gusta-dropdown-menu,
.gusta-nav.vertical.service-submenu-stack > ul.gusta-navigation > li > ul.sub-menu,
.gusta-nav.vertical.service-submenu-stack > ul > li > ul.sub-menu {
display: block !important;
position: static !important;
visibility: visible !important;
opacity: 1 !important;
transform: none !important;
float: none !important;
clear: both !important;
width: 100% !important;
margin: 8px 0 0 22px !important;
padding: 0 !important;
background: transparent !important;
box-shadow: none !important;
border: 0 !important;
} .gusta-nav.vertical.service-submenu-stack > ul.gusta-navigation > li > ul.gusta-dropdown-menu > li,
.gusta-nav.vertical.service-submenu-stack > ul > li > ul.gusta-dropdown-menu > li,
.gusta-nav.vertical.service-submenu-stack > ul.gusta-navigation > li > ul.sub-menu > li,
.gusta-nav.vertical.service-submenu-stack > ul > li > ul.sub-menu > li {
display: block !important;
width: 100% !important;
margin: 4px 0 !important;
padding: 0 !important;
position: relative !important;
} .gusta-nav.vertical.service-submenu-stack > ul.gusta-navigation > li > ul.gusta-dropdown-menu > li > a,
.gusta-nav.vertical.service-submenu-stack > ul > li > ul.gusta-dropdown-menu > li > a,
.gusta-nav.vertical.service-submenu-stack > ul.gusta-navigation > li > ul.sub-menu > li > a,
.gusta-nav.vertical.service-submenu-stack > ul > li > ul.sub-menu > li > a {
display: block !important;
width: 100% !important;
white-space: normal !important;
line-height: 1.4 !important;
padding: 0 !important;
margin: 0 !important;
text-indent: calc(var(--mm-icon) + var(--mm-gap)) !important;
} .gusta-nav.vertical.service-submenu-stack ul.gusta-dropdown-menu {
max-height: none !important;
overflow: visible !important;
} .gusta-nav.vertical.service-submenu-stack li.menu-item-has-children > a.gusta-dropdown-toggle::after {
display: none !important;
content: none !important;
}  .dil-footermenu.gusta-nav ul.gusta-navigation{
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
.dil-footermenu.gusta-nav ul.gusta-navigation > li{
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
} .dil-footermenu.gusta-nav.vertical > ul.gusta-navigation > li > a{ font-size: clamp(15px, 2.5vw, 25px) !important;
line-height: clamp(22px, 3vw, 40px) !important;
letter-spacing: -0.01em !important; padding: 0 !important;
margin: 0 !important;
height: auto !important;
min-height: 0 !important; display: block !important;
text-decoration: none !important;
} .dil-footermenu.gusta-nav.vertical > ul.gusta-navigation > li > a > span{
font-size: inherit !important;
line-height: inherit !important; } .dil-footermenu.gusta-nav.vertical > ul.gusta-navigation > li > a::before,
.dil-footermenu.gusta-nav.vertical > ul.gusta-navigation > li > a::after{
content: none !important;
display: none !important;
} @keyframes fadeInCustom {
from {
opacity: 0;
transform: translateY(-10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.fadein-delay {
opacity: 0; animation-name: fadeInCustom;
animation-duration: 0.2s !important;
animation-delay: 0.2s !important;
animation-fill-mode: forwards;
}  .wpb_text_column.text-white,
.wpb_text_column.text-white .wpb_wrapper,
.wpb_text_column.text-white .wpb_wrapper *{
color:#fff !important;
} @media (max-width: 991px) {
div.mobile-menu-clean-spacing.gusta-nav ul li.nolink-mobile-toggle {
position: relative !important;
height: 41px !important;
min-height: 41px !important;
max-height: 41px !important;
margin-top: 0 !important;
margin-bottom: 6px !important;
padding: 0 !important;
overflow: visible !important;
}
div.mobile-menu-clean-spacing.gusta-nav ul li.nolink-mobile-toggle > a {
height: 41px !important;
min-height: 41px !important;
max-height: 41px !important;
line-height: 36px !important;
font-size: 20px !important;
padding-top: 0 !important;
padding-bottom: 5px !important;
padding-left: 20px !important;
padding-right: 20px !important;
margin: 0 !important;
display: block !important;
box-sizing: border-box !important;
overflow: visible !important;
cursor: pointer !important;
}
div.mobile-menu-clean-spacing.gusta-nav ul li.nolink-mobile-toggle > i {
cursor: pointer !important;
}
div.mobile-menu-clean-spacing.gusta-nav ul li.nolink-mobile-toggle::after {
content: "" !important;
display: block !important;
position: absolute !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
height: 1px !important;
background: #eaeaea !important;
border: 0 !important;
}
div.mobile-menu-clean-spacing.gusta-nav ul li.nolink-mobile-toggle > ul {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
height: 0 !important;
overflow: hidden !important;
}
div.mobile-menu-clean-spacing.gusta-nav ul li.nolink-mobile-toggle.submenu-open {
height: auto !important;
min-height: 41px !important;
max-height: none !important;
}
div.mobile-menu-clean-spacing.gusta-nav ul li.nolink-mobile-toggle.submenu-open::after {
display: none !important;
opacity: 0 !important;
height: 0 !important;
}
div.mobile-menu-clean-spacing.gusta-nav ul li.nolink-mobile-toggle.submenu-open > ul {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
height: auto !important;
overflow: visible !important;
}
div.mobile-menu-clean-spacing.gusta-nav ul li.nolink-mobile-toggle:last-child::after {
display: none !important;
opacity: 0 !important;
height: 0 !important;
}
} @media (max-width: 991px) {
div.mobile-menu-clean-spacing.gusta-nav li.nolink-mobile-toggle {
position: relative !important;
}
div.mobile-menu-clean-spacing.gusta-nav li.nolink-mobile-toggle::after {
content: "" !important;
display: block !important;
position: absolute !important;
left: 0px !important;
right: 0 !important;
bottom: 0 !important;
height: 1px !important;
background: #eaeaea !important;
border: 0 !important;
}
div.mobile-menu-clean-spacing.gusta-nav li.nolink-mobile-toggle.submenu-open::after {
display: none !important;
opacity: 0 !important;
height: 0 !important;
}
div.mobile-menu-clean-spacing.gusta-nav li.nolink-mobile-toggle:last-child::after {
display: none !important;
opacity: 0 !important;
height: 0 !important;
}
} @media (max-width: 991px) {
div.mobile-menu-clean-spacing.gusta-nav li.nolink-mobile-toggle > i,
div.mobile-menu-clean-spacing.gusta-nav li.nolink-mobile-toggle > i.gusta-menu-toggle,
div.mobile-menu-clean-spacing.gusta-nav li.nolink-mobile-toggle > i.fa {
background: transparent !important;
background-color: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
} @media (max-width: 991px) {
div.mobile-menu-clean-spacing.gusta-nav li.nolink-mobile-toggle > i.gusta-menu-toggle,
div.mobile-menu-clean-spacing.gusta-nav li.nolink-mobile-toggle > i.fa,
div.mobile-menu-clean-spacing.gusta-nav li.nolink-mobile-toggle > i.fa-plus,
div.mobile-menu-clean-spacing.gusta-nav li.nolink-mobile-toggle > i.fa-minus {
width: 42px !important;
height: 42px !important;
line-height: 42px !important;
background-color: transparent !important;
background-image: url(https://li-food.de/wp-content/uploads/2026/05/plusicon.png) !important;
background-repeat: no-repeat !important;
background-position: center center !important;
background-size: 16px 16px !important;
border: 0 !important;
box-shadow: none !important;
color: transparent !important;
font-size: 0 !important;
text-indent: -9999px !important;
overflow: hidden !important;
cursor: pointer !important;
}
div.mobile-menu-clean-spacing.gusta-nav li.nolink-mobile-toggle:hover > i.gusta-menu-toggle,
div.mobile-menu-clean-spacing.gusta-nav li.nolink-mobile-toggle:hover > i.fa,
div.mobile-menu-clean-spacing.gusta-nav li.nolink-mobile-toggle.submenu-open > i.gusta-menu-toggle,
div.mobile-menu-clean-spacing.gusta-nav li.nolink-mobile-toggle.submenu-open > i.fa,
div.mobile-menu-clean-spacing.gusta-nav li.nolink-mobile-toggle > i.gusta-menu-toggle:hover,
div.mobile-menu-clean-spacing.gusta-nav li.nolink-mobile-toggle > i.fa:hover {
background-image: url(https://li-food.de/wp-content/uploads/2026/05/plusicon-activ.png) !important;
}
} @media (max-width: 991px) {
div.mobile-menu-clean-spacing.gusta-nav.vertical > ul > li.nolink-mobile-toggle > a,
div.mobile-menu-clean-spacing.gusta-nav.vertical > ul > li.nolink-mobile-toggle > a.gusta-dropdown-toggle,
div.mobile-menu-clean-spacing.gusta-nav ul li.nolink-mobile-toggle > a,
div.mobile-menu-clean-spacing.gusta-nav ul li.nolink-mobile-toggle > a.gusta-dropdown-toggle {
text-indent: 0 !important;
padding-left: 0 !important;
margin-left: 0 !important;
left: 0 !important;
}
} @media (max-width: 991px) {
.gusta-nav li.nolink-mobile-toggle > ul {
display: block !important;
visibility: hidden !important;
opacity: 0 !important;
max-height: 0 !important;
overflow: hidden !important;
transform: translateY(-2px) !important;
transition:
max-height 180ms ease-out,
opacity 120ms ease-out,
transform 120ms ease-out !important;
}
.gusta-nav li.nolink-mobile-toggle.submenu-open > ul {
visibility: visible !important;
opacity: 1 !important;
transform: translateY(0) !important;
}
} @media (max-width: 991px) {
div.mobile-menu-clean-spacing.gusta-nav li.nolink-mobile-toggle.submenu-open > ul {
padding-bottom: 10px !important;
margin-bottom: 10px !important;
}
} @media (max-width: 991px) {
div.mobile-menu-clean-spacing.gusta-nav ul li:not(.nolink-mobile-only):not(.nolink-mobile-toggle) > a,
div.mobile-menu-clean-spacing.gusta-nav ul li li:not(.nolink-mobile-only):not(.nolink-mobile-toggle) > a,
div.mobile-menu-clean-spacing.gusta-nav ul.gusta-dropdown-menu li:not(.nolink-mobile-only):not(.nolink-mobile-toggle) > a,
div.mobile-menu-clean-spacing.gusta-nav ul.gusta-dropdown-menu li li:not(.nolink-mobile-only):not(.nolink-mobile-toggle) > a {
height: 29px !important;
min-height: 29px !important;
max-height: 29px !important;
line-height: 29px !important;
font-size: 18px !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
padding-left: 0px !important;
padding-right: 0px !important;
margin: 0 !important;
display: block !important;
box-sizing: border-box !important;
overflow: visible !important;
}
div.mobile-menu-clean-spacing.gusta-nav ul li:not(.nolink-mobile-only):not(.nolink-mobile-toggle),
div.mobile-menu-clean-spacing.gusta-nav ul li li:not(.nolink-mobile-only):not(.nolink-mobile-toggle),
div.mobile-menu-clean-spacing.gusta-nav ul.gusta-dropdown-menu li:not(.nolink-mobile-only):not(.nolink-mobile-toggle),
div.mobile-menu-clean-spacing.gusta-nav ul.gusta-dropdown-menu li li:not(.nolink-mobile-only):not(.nolink-mobile-toggle) {
height: 29px !important;
min-height: 29px !important;
max-height: 29px !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
}
div.mobile-menu-clean-spacing.gusta-nav li.menu-item-has-children,
div.mobile-menu-clean-spacing.gusta-nav li.menu-item-has-children.submenu-open,
div.mobile-menu-clean-spacing.gusta-nav li.menu-item-has-children > ul {
height: auto !important;
max-height: none !important;
}
} @media (max-width: 991px) {
div.mobile-menu-clean-spacing.gusta-nav ul li.nolink-mobile-only,
div.mobile-menu-clean-spacing.gusta-nav ul li li.nolink-mobile-only,
div.mobile-menu-clean-spacing.gusta-nav ul.gusta-dropdown-menu li.nolink-mobile-only,
div.mobile-menu-clean-spacing.gusta-nav ul.gusta-dropdown-menu li li.nolink-mobile-only {
height: 34px !important;
min-height: 34px !important;
max-height: 34px !important;
margin-top: 15px !important;
margin-bottom: 5px !important;
padding: 0 !important;
overflow: visible !important;
border-bottom: 0 !important;
border-bottom-width: 0 !important;
position: relative !important;
}
div.mobile-menu-clean-spacing.gusta-nav ul li.nolink-mobile-only > a,
div.mobile-menu-clean-spacing.gusta-nav ul li li.nolink-mobile-only > a,
div.mobile-menu-clean-spacing.gusta-nav ul.gusta-dropdown-menu li.nolink-mobile-only > a,
div.mobile-menu-clean-spacing.gusta-nav ul.gusta-dropdown-menu li li.nolink-mobile-only > a,
div.mobile-menu-clean-spacing.gusta-nav.gusta-nav.vertical ul.gusta-dropdown-menu li.nolink-mobile-only > a,
div.mobile-menu-clean-spacing.gusta-nav.gusta-nav.vertical ul.gusta-dropdown-menu li.nolink-mobile-only.menu-item > a {
height: 26px !important;
min-height: 26px !important;
max-height: 26px !important;
line-height: 20px !important;
padding-top: 10px !important;
padding-bottom: 0 !important;
padding-left: 0px !important;
padding-right: 0px !important;
margin: 0 !important;
display: block !important;
box-sizing: border-box !important;
overflow: visible !important;
border-bottom: 0 !important;
font-family: "Barlow-Regular", "Barlow", sans-serif !important;
font-weight: 400 !important;
font-style: normal !important;
-webkit-text-stroke: 0 !important;
text-shadow: none !important;
cursor: default !important;
}
div.mobile-menu-clean-spacing.gusta-nav ul li.nolink-mobile-only::after,
div.mobile-menu-clean-spacing.gusta-nav ul li li.nolink-mobile-only::after,
div.mobile-menu-clean-spacing.gusta-nav ul.gusta-dropdown-menu li.nolink-mobile-only::after,
div.mobile-menu-clean-spacing.gusta-nav ul.gusta-dropdown-menu li li.nolink-mobile-only::after {
content: "" !important;
display: block !important;
position: absolute !important;
left: 30px !important;
right: 0 !important;
bottom: 0 !important;
height: 0px !important;
background: #F0F0F0 !important;
border: 0 !important;
}
} @media (max-width: 991px) {
div.mobile-menu-clean-spacing.gusta-nav li.nolink-mobile-only,
div.mobile-menu-clean-spacing.gusta-nav li.nolink-mobile-only:hover,
div.mobile-menu-clean-spacing.gusta-nav li.nolink-mobile-only:focus,
div.mobile-menu-clean-spacing.gusta-nav li.nolink-mobile-only:active,
div.mobile-menu-clean-spacing.gusta-nav li.nolink-mobile-only.current-menu-item,
div.mobile-menu-clean-spacing.gusta-nav li.nolink-mobile-only.current_page_item,
div.mobile-menu-clean-spacing.gusta-nav li.nolink-mobile-only.current-menu-ancestor,
div.mobile-menu-clean-spacing.gusta-nav li.nolink-mobile-only.current_page_ancestor,
div.mobile-menu-clean-spacing.gusta-nav li.nolink-mobile-only.current-menu-parent,
div.mobile-menu-clean-spacing.gusta-nav li.nolink-mobile-only.current_page_parent {
background: transparent !important;
background-color: transparent !important;
}
div.mobile-menu-clean-spacing.gusta-nav li.nolink-mobile-only > a,
div.mobile-menu-clean-spacing.gusta-nav li.nolink-mobile-only:hover > a,
div.mobile-menu-clean-spacing.gusta-nav li.nolink-mobile-only:focus > a,
div.mobile-menu-clean-spacing.gusta-nav li.nolink-mobile-only:active > a,
div.mobile-menu-clean-spacing.gusta-nav li.nolink-mobile-only > a:hover,
div.mobile-menu-clean-spacing.gusta-nav li.nolink-mobile-only > a:focus,
div.mobile-menu-clean-spacing.gusta-nav li.nolink-mobile-only > a:active,
div.mobile-menu-clean-spacing.gusta-nav li.nolink-mobile-only.current-menu-item > a,
div.mobile-menu-clean-spacing.gusta-nav li.nolink-mobile-only.current_page_item > a,
div.mobile-menu-clean-spacing.gusta-nav li.nolink-mobile-only.current-menu-ancestor > a,
div.mobile-menu-clean-spacing.gusta-nav li.nolink-mobile-only.current_page_ancestor > a,
div.mobile-menu-clean-spacing.gusta-nav li.nolink-mobile-only.current-menu-parent > a,
div.mobile-menu-clean-spacing.gusta-nav li.nolink-mobile-only.current_page_parent > a {
color: #000 !important;
background: transparent !important;
background-color: transparent !important;
text-decoration: none !important;
box-shadow: none !important;
outline: none !important;
-webkit-text-fill-color: #000 !important;
}
} @media (max-width: 991px) {
.mobile-menu-bg-fix {
position: relative !important;
z-index: 20 !important;
background: #fff !important;
background-color: #fff !important;
min-height: 0 !important;
height: auto !important;
overflow: visible !important;
}
.mobile-menu-bg-fix .gusta-navigation,
.mobile-menu-bg-fix .gusta-nav,
.mobile-menu-bg-fix .gusta-nav > ul {
position: relative !important;
z-index: 2 !important;
background: #fff !important;
background-color: #fff !important;
}
.mobile-menu-bg-fix .gusta-nav > ul::after {
content: "" !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: -120vh !important;
background: #fff !important;
background-color: #fff !important;
z-index: -1 !important;
pointer-events: none !important;
}
.mobile-menu-bg-fix .gusta-nav > ul > li {
position: relative !important;
z-index: 3 !important;
background: #fff !important;
background-color: #fff !important;
}
}   p {
font-size: clamp(1rem, 1.1vw, 2.2rem); !important;
line-height: 1.5 !important;
font-family: 'Barlow-Medium', Arial, sans-serif !important;
letter-spacing: -0.2px;
} .alt-font p {
font-family: 'Metropolis-Bold', Arial, sans-serif !important;
}  .p-custom-font-news-titel,
.p-custom-font-news-titel *{
font-size: clamp(1.5rem, 1.5vw, 1.5rem) !important;
line-height: 1.2 !important;
font-family: "Zona-Pro-Bold", Arial, sans-serif !important;
letter-spacing: -0.02em !important;
} .p-custom-font-news-untertitel,
.p-custom-font-news-untertitel *{
font-size: clamp(1rem, 1.5vw, 1.5rem) !important;
line-height: 1.3 !important;
font-family: "Barlow-Medium", Arial, sans-serif !important;
letter-spacing: -0.02em !important;
} body .gusta-post-meta p.p-custom-font-news-inhalt,
body .gusta-post-meta p.p-custom-font-news-inhalt ~ p,
body .gusta-post-meta p.p-custom-font-news-inhalt ~ :is(ul,ol,blockquote){
font-size: clamp(1.5rem, 1.5vw, 1.5rem) !important;
line-height: 1.5 !important;
font-family: "Barlow-Medium", Arial, sans-serif !important;
letter-spacing: -0.02em !important;
} body .gusta-post-meta p.p-custom-font-news-inhalt,
body .gusta-post-meta p.p-custom-font-news-inhalt ~ p{
margin: 0 0 1em 0 !important;
} .gusta-post-meta p{
font-size: clamp(1rem, 1vw, 2.3rem) !important;
line-height: 1.5 !important;
letter-spacing: -0.2px;
font-family: 'Barlow-Regular', Arial, sans-serif !important;
} .news-untertitel,
.news-untertitel p{ font-size: clamp(1rem, 1vw, 2.3rem) !important;
line-height: 1.5 !important;
letter-spacing: -0.1px;
font-family: 'Barlow-Bold', Arial, sans-serif !important;
} .p-footer,
.p-footer p{
font-size: clamp(0.8rem, 0.8vw, 1.8rem) !important;
line-height: 1.5 !important;
letter-spacing: -0.1px !important;
font-family: 'Barlow-Regular', Arial, sans-serif !important;
font-weight: 700 !important;
margin: 0 !important;
} h6.h6-custom-font-news,
h6.h6-custom-font-news > span.ss-element-item,
h6.h6-custom-font-news :is(a, span, strong, em){
font-size: clamp(0.5rem, 0.7vw, 0.7rem) !important;
line-height: 1.2 !important;
font-family: "Barlow-Regular", Arial, sans-serif !important;
letter-spacing: -0.01em !important;
margin: 0 !important;
} p.gusta-post-date.datum-font-news,
p.gusta-post-date.datum-font-news > a,
.datum-font-news,
.datum-font-news > span.ss-element-item,
.datum-font-news :is(a, span, strong, em){
font-size: clamp(0.8rem, 0.8vw, 0.8rem) !important;
line-height: 1.2 !important;
font-family: "Barlow-Medium", Arial, sans-serif !important;
letter-spacing: -0.01em !important;
margin: 0 !important;
}
p.gusta-post-date.datum-font-news{
display: block !important;
padding-bottom: 2vh !important;
}
p.gusta-post-date.datum-font-news > a{
display: inline-block !important;
} .gusta-post-meta p.p-custom-font-datum,
.gusta-post-meta p.p-custom-font-datum *,
.ss-element.p-custom-font-datum,
.ss-element.p-custom-font-datum *,
p.p-custom-font-datum,
p.p-custom-font-datum *{
font-size: clamp(0.8rem, 0.8vw, 0.8rem) !important;
line-height: 1.2 !important;
font-family: "Barlow-SemiBold", Arial, sans-serif !important;
letter-spacing: -0.01em !important;
margin: 0 !important;
} .gusta-post-meta p.p-custom-font-datum,
.ss-element.p-custom-font-datum,
p.p-custom-font-datum{
padding-bottom: 2vh !important;
padding-right: 5px !important;
} html body #Wrapper #Content p.p-custom-font-produkte,
html body #Wrapper #Content .p-custom-font-produkte > p,
html body #Wrapper #Content .p-custom-font-produkte .wpb_wrapper > p,
html body #Wrapper #Content .wpb_text_column.p-custom-font-produkte .wpb_wrapper > p {
font-size: clamp(0.8rem, 1.25vw, 1.25rem) !important;
line-height: 1.25 !important;
font-family: "Barlow-Regular", Arial, sans-serif !important;
letter-spacing: -0.02em !important;
margin: 0 !important;
padding: 0 !important;
} h1 {
font-size: clamp(1.5rem, 3vw, 4rem); !important;
line-height: 1.2;
font-family: 'Zona-Pro-Bold', Arial, sans-serif !important;
letter-spacing: -0.02em !important;
} h1.h1-custom-font-news,
h1.h1-custom-font-news > span.ss-element-item,
h1.h1-custom-font-news :is(a, span, strong, em){
font-size: clamp(1.5rem, 2.0vw, 3.0rem) !important;
line-height: 1.2 !important;
font-family: "Zona-Pro-Bold", Arial, sans-serif !important;
letter-spacing: -0.02em !important;
margin: 0 !important;
} h1.h1-custom-font-pressemitteilung,
h1.h1-custom-font-pressemitteilung > span.ss-element-item,
h1.h1-custom-font-pressemitteilung :is(a, span, strong, em){
font-size: clamp(1.25rem, 1.75vw, 2.5rem) !important;
line-height: 1.2 !important;
font-family: "Zona-Pro-Bold", Arial, sans-serif !important;
letter-spacing: -0.02em !important;
margin: 0 !important;
} .text-fade,
.text-fade h1,
.text-fade h2,
.text-fade h3,
.text-fade h4,
.text-fade h5,
.text-fade h6,
h1.text-fade,
h2.text-fade,
h3.text-fade,
h4.text-fade,
h5.text-fade,
h6.text-fade {
background-image: linear-gradient(
135deg,
#ee9037 0%, #a63b87 35%, #407bbc 68%, #6ba039 100% ) !important;
background-size: 100% 100% !important;
background-repeat: no-repeat !important;
-webkit-background-clip: text !important;
background-clip: text !important;
-webkit-text-fill-color: transparent !important;
color: transparent !important;
text-shadow: none !important;
} .custom-font {
font-family: 'Barlow-Bold', Arial, sans-serif !important;
color: #55b41b !important;
} h2 {
font-size: clamp(1.5rem, 3vw, 4rem); !important;
line-height: 1.2;
letter-spacing: -2px;
font-family: 'Zona-Pro-Bold', Arial, sans-serif !important;
letter-spacing: -0.02em; }
.h2-custom-font h2 {
font-family: 'Zona-Pro-Bold', Arial, sans-serif !important;
font-size: clamp(1.5rem, 2.5vw, 3.5rem);
line-height: 1.2;
letter-spacing: -0.02em !important;	
} .h2-custom-font-news,
.h2-custom-font-news > span.ss-element-item,
.h2-custom-font-news .ss-element-item,
.h2-custom-font-news :is(a, span, strong, em) {
font-size: clamp(1rem, 1.8vw, 1.8rem) !important;
line-height: 1.3 !important;
font-family: "Barlow-Medium", Arial, sans-serif !important;
letter-spacing: -0.02em !important;
margin: 0 !important;
} h3 {
font-size: clamp(1.5rem, 2.5vw, 3.5rem); !important;
line-height: 1.2;
font-family: 'Zona-Pro-Bold', Arial, sans-serif !important;
letter-spacing: -0.03em; }
.h3-custom-font h3 {
font-family: 'Zona-Pro-Bold', Arial, sans-serif !important;
font-size: clamp(1.5rem, 3vw, 4rem);
line-height: 1.2;
letter-spacing: -0.03em !important;	
}
h4 {
font-size: clamp(1rem, 2vw, 2rem); !important;
line-height: 1.3;
letter-spacing: -0.01em !important;
font-family: 'Zona-Pro-Bold', Arial, sans-serif !important;
}
.h4-custom-font h4 {
font-family: 'Barlow-Regular', Arial, sans-serif !important;
font-size: clamp(1rem, 2vw, 2rem);
line-height: 1;
letter-spacing: -0.01em !important;
color: #161922 !important;	
} h5 {
font-size: clamp(1rem, 1.5vw, 1.7rem) !important;
line-height: 1.2;
letter-spacing: -0.02em !important;
font-family: 'Barlow-Semibold', Arial, sans-serif !important;
} .h5-custom-font,
.h5-custom-font h5 {
font-family: 'Barlow-Regular', Arial, sans-serif !important;
font-size: clamp(0.8rem, 0.8vw, 1.2rem) !important;
line-height: 1.2;
letter-spacing: -0.00em !important;
color: #1f1f1f !important;	
} .h5-custom-font-slash h5 {
font-family: 'Barlow-SemiBold', Arial, sans-serif !important;
font-size: clamp(0.8rem, 1.1vw, 1.5rem) !important;
line-height: 1.2 !important;
letter-spacing: -0.02em !important;
color: #1f1f1f !important;
white-space: nowrap !important;
display: inline-block !important;
border: 2px solid #1f1f1f !important;
border-radius: 999px !important;
box-sizing: border-box !important; padding: 0.18em 0.75em 0.22em 0.75em !important;
position: relative !important;
top: 0 !important;
}
.h5-custom-font-slash::before,
.h5-custom-font-slash h5::before,
.h5-custom-font-slash::after,
.h5-custom-font-slash h5::after {
content: none !important;
display: none !important;
} h6 {
font-size: clamp(0.5rem, 1.1vw, 1.1rem); !important;
line-height: 1.2;
font-family: 'Zona-Pro-Bold', Arial, sans-serif !important;
} .ss-element.gusta-breadcrum :is(li, a, .active){
font-size: clamp(0.5rem, 1.1vw, 1.1rem) !important;
line-height: 1.2 !important;
font-family: 'Zona-Pro-Bold', Arial, sans-serif !important;
} [class*="gusta-breadcrum"] :is(li, a, .active){
font-size: clamp(0.5rem, 1.1vw, 1.1rem) !important;
line-height: 1.2 !important;
font-family: 'Zona-Pro-Bold', Arial, sans-serif !important;
} .shadow-card{
position: relative;
overflow: visible !important;
background-color: transparent !important;
box-shadow: none !important;
} .vc_row.shadow-card,
.wpb_row.shadow-card{
box-shadow: none !important;
background: transparent !important;
overflow: visible !important;
} .vc_row.shadow-card > .wpb_column > .vc_column-inner,
.wpb_row.shadow-card > .wpb_column > .vc_column-inner{
position: relative;
box-shadow: 0 20px 25px rgba(120, 140, 170, 0.70) !important;
overflow: visible !important;
} .vc_row.shadow-card > .wpb_column.weiss-innenblock > .vc_column-inner,
.wpb_row.shadow-card > .wpb_column.weiss-innenblock > .vc_column-inner,
.shadow-card.weiss-innenblock > .vc_column-inner{
background: #ffffff !important;
} .shadow-card,
.shadow-card > .vc_column-inner,
.vc_row.shadow-card > .wpb_column,
.vc_row.shadow-card > .wpb_column > .vc_column-inner,
.vc_row.shadow-card > .wpb_column > .vc_column-inner > .wpb_wrapper,
.wpb_row.shadow-card > .wpb_column,
.wpb_row.shadow-card > .wpb_column > .vc_column-inner,
.wpb_row.shadow-card > .wpb_column > .vc_column-inner > .wpb_wrapper{
overflow: visible !important;
} .shadow-card .wpb_wrapper{
padding: 0 !important;
} .post-listing-container.show-container .actionlink{
position: relative !important;
overflow: visible !important;
filter: drop-shadow(0 10px 15px rgba(120, 140, 170, 0.80)) !important;
} h5.slider-untertitel-box span.ss-element-item {
display: inline-block !important;
border: 1px solid #ffffff !important;
border-radius: 999px !important;
padding: 4px 12px !important;
text-decoration: none !important;
box-sizing: border-box !important;
} .shadow-card-image{
display: inline-block !important;
position: relative !important;
overflow: visible !important;
box-shadow: 0 15px 20px rgba(120, 140, 170, 0.80) !important;
}  .ss-element.shadow-card-image-top-thema,
div.gusta-image-as-background.shadow-card-image-top-thema {
display: block !important;
position: relative !important;
overflow: visible !important;
z-index: 5 !important;
box-shadow: 0 15px 20px rgba(120, 140, 170, 0.80) !important;
margin-left: 30px !important;
} .ss-element.shadow-card-image-top-thema > a.gusta-image-as-background,
div.gusta-image-as-background.shadow-card-image-top-thema > a.gusta-image-as-background {
overflow: visible !important;
} .carousel-row.white-cut-left-trans,
.carousel-row.white-cut-left-trans .vc_column-inner,
.carousel-row.white-cut-left-trans .wpb_wrapper,
.carousel-row.white-cut-left-trans .vc_row,
.carousel-row.white-cut-left-trans .wpb_column,
.carousel-row.white-cut-left-trans .vc_column_container {
overflow: visible !important;
} @media (max-width: 1300px) {
.ss-element.shadow-card-image-top-thema,
div.gusta-image-as-background.shadow-card-image-top-thema {
box-shadow: none !important;
margin-left: 0 !important;
}
}  .ss-element.shadow-card-image-top-thema,
div.gusta-image-as-background.shadow-card-image-top-thema {
pointer-events: none !important;
} .bildkarte-1280x900 a.gusta-image-as-background {
position: absolute !important;
inset: 0 !important;
z-index: 50 !important;
display: block !important;
pointer-events: auto !important;
background: transparent !important;
text-decoration: none !important;
} @media (max-width: 1300px) {
.carousel-row.white-cut-left-trans,
.carousel-row.white-cut-left-trans.vc_row,
.carousel-row.white-cut-left-trans.vc_row.wpb_row,
.carousel-row.white-cut-left-trans.padding-top-less,
.carousel-row.white-cut-left-trans.padding-bottom-less,
.vc_row.wpb_row.carousel-row.white-cut-left-trans.padding-top-less,
.vc_row.wpb_row.carousel-row.white-cut-left-trans.padding-bottom-less {
padding-top: 0 !important;
padding-bottom: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
} .shadow-bottom-card{
position: relative;
background-color: transparent !important;
box-shadow: none !important;
overflow: visible !important;
} .shadow-bottom-card > .vc_column-inner,
.shadow-bottom-card > .vc_column-inner > .wpb_wrapper{
overflow: visible !important;
} .shadow-bottom-card::after{
content: "";
position: absolute;
left: 0;
right: 0;
bottom: -25px; height: 25px;
background: linear-gradient(
to bottom,
rgba(0,0,0,.25) 0%,
rgba(0,0,0,0) 100%
);
pointer-events: none;
z-index: 1;
} .shadow-bottom-card > *{
position: relative;
z-index: 2;
} .shadow-bottom-card .wpb_wrapper{
padding: 0 !important;
}  body.single .the_content .gusta-post-meta.gusta-align-left a{
display: inline !important;
white-space: nowrap !important;
overflow-wrap: normal !important;
word-break: normal !important;
hyphens: none !important;
} .post-listing-container .p-custom-font-news-title a{
display: inline !important;
white-space: normal !important;
overflow-wrap: anywhere !important;
word-break: break-word !important;
hyphens: auto !important;
}  .fade {
background: linear-gradient(to right, #009447, #16c471);
-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
color: transparent; text-shadow: none !important; background-image: linear-gradient(to right, #009447, #16c471) !important;
} .text-gradient-green {
display: inline-block !important;
background: linear-gradient(to right, #161922, #12a15d) !important;
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
background-clip: text !important;
color: transparent !important;
}  .full-height-column {
height: auto !important;
display: block !important;
flex-direction: initial !important;
justify-content: initial !important;
} @media (min-width: 1440px) {
.full-height-column {
height: 100vh !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
}
} .top-bar {
display: flex !important;
justify-content: flex-end !important;
align-items: flex-start !important;
padding: 0 !important;
} .wpml-ls-statics-shortcode_actions {
line-height: 1 !important;
}  #row-container {
position: relative;
overflow: visible;
padding-bottom: 140px;
} .stack-overlay {
position: absolute;
right: 0px; bottom: -300px; transform: scale(0.5);
transform-origin: center center; z-index: 10;
} .stack-overlay img {
height: auto !important;
width: auto !important;
max-width: 100%;
}  .vc_row {
position: relative;
} .text-row-overlay {
position: absolute !important;
top: 40px;
left: 40px;
z-index: 20 !important;
width: auto !important;
max-width: 1200px !important;
} .text-row-overlay .wpb_wrapper {
position: relative;
}
.text-row-overlay .element-oben,
.text-row-overlay .element-unten {
position: relative !important;
margin: 0 !important;
}
.text-row-overlay .element-unten {
margin-top: 15px !important;
} .bild-row-overlay {
position: relative !important;
z-index: 1 !important;
}
.bild-row-overlay .vc_column-inner,
.bild-row-overlay .wpb_wrapper,
.bild-row-overlay .wpb_single_image,
.bild-row-overlay .vc_figure,
.bild-row-overlay .vc_single_image-wrapper,
.bild-row-overlay .vc_single_image-wrapper img {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
width: 100% !important;
max-width: 100% !important;
height: auto !important;
}
.bild-row-overlay .wpb_single_image {
margin: 0 !important;
}  .zeilenblock-weiss {
display: inline !important;
text-decoration: none !important;
box-shadow: none !important;
padding: 0 0 0.12em 0 !important;
line-height: 1.45 !important;
background-image: linear-gradient(#ffffff, #ffffff) !important;
background-repeat: no-repeat !important;
background-size: 100% 5px !important;
background-position: 0 100% !important;
-webkit-box-decoration-break: clone !important;
box-decoration-break: clone !important;
} h1.zeilenblock-weiss:has(.ss-element-item) {
background: none !important;
background-image: none !important;
box-shadow: none !important;
padding: 0 !important;
margin: 0 !important;
} h1.zeilenblock-weiss .ss-element-item {
background: none !important;
background-image: none !important;
box-shadow: none !important;
padding: 0 !important;
} h1.zeilenblock-weiss .ss-element-item a {
display: inline !important;
color: inherit !important;
text-decoration: none !important;
box-shadow: none !important;
padding: 0 0 0.12em 0 !important;
line-height: 1.45 !important;
background-image: linear-gradient(#ffffff, #ffffff) !important;
background-repeat: no-repeat !important;
background-size: 100% 5px !important;
background-position: 0 100% !important;
-webkit-box-decoration-break: clone !important;
box-decoration-break: clone !important;
} @media (max-width: 991px) {
.text-row-overlay {
position: relative !important;
top: auto !important;
left: auto !important;
z-index: 20 !important;
max-width: 100% !important;
width: 100% !important;
margin-bottom: 20px !important;
display: block !important;
visibility: visible !important;
opacity: 1 !important;
}
.text-row-overlay .wpb_wrapper {
max-width: 100% !important;
}
.text-row-overlay .element-oben,
.text-row-overlay .element-unten {
margin: 0 !important;
}
.text-row-overlay .element-unten {
margin-top: 10px !important;
}
.bild-row-overlay,
.bild-row-overlay .vc_column-inner,
.bild-row-overlay .wpb_wrapper,
.bild-row-overlay .wpb_single_image,
.bild-row-overlay .vc_figure,
.bild-row-overlay .vc_single_image-wrapper,
.bild-row-overlay .vc_single_image-wrapper img {
position: relative !important;
display: block !important;
visibility: visible !important;
opacity: 1 !important;
width: 100% !important;
max-width: 100% !important;
height: auto !important;
margin-top: 0 !important;
transform: none !important;
}
} .news-equal-cards{
--news-card-height: 58vh; --news-image-height: 32vh; --news-gap-y: 48px; --news-badge-top: 12px; --news-badge-left: 12px;
} .news-equal-cards .gusta-grid > .column{
margin-bottom: var(--news-gap-y) !important;
}
.news-equal-cards .gusta-grid > .column:last-child{
margin-bottom: 0 !important;
} .news-equal-cards .gusta-grid{
align-items: stretch !important;
}
.news-equal-cards .gusta-grid > .column{
display: flex !important;
flex-direction: column !important;
} .news-equal-cards .post-listing-container.show-container{
height: var(--news-card-height) !important;
min-height: var(--news-card-height) !important;
display: flex !important;
flex-direction: column !important;
overflow: hidden !important;  position: relative !important;
} .news-equal-cards .post-listing-container.show-container
.ss-element.gusta-image-as-background{
position: relative !important;
width: 100% !important;
height: var(--news-image-height) !important;
min-height: var(--news-image-height) !important;
max-height: var(--news-image-height) !important;
background-size: cover !important;
background-position: center center !important;
background-repeat: no-repeat !important;
overflow: hidden !important;
} .news-equal-cards .post-listing-container.show-container
.ss-element.gusta-image-as-background > a.gusta-image-as-background{
position: absolute !important;
inset: 0 !important;
display: block !important;
z-index: 1 !important;
} .news-equal-cards .post-listing-container.show-container
.ss-element.gusta-image-as-background img{
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
display: block !important;
} .news-equal-cards .post-listing-container.show-container a.gusta-read-more-button,
.news-equal-cards .post-listing-container.show-container .gusta-read-more-button{
position: absolute !important;
top: var(--news-badge-top) !important;
left: var(--news-badge-left) !important;
z-index: 50 !important;
margin: 0 !important;
transform: none !important; display: inline-flex !important;
align-items: center !important;
opacity: 1 !important;
visibility: visible !important;
} .news-equal-cards .post-listing-container.show-container
.ss-element.gusta-container{
height: calc(var(--news-card-height) - var(--news-image-height)) !important;
min-height: calc(var(--news-card-height) - var(--news-image-height)) !important;
flex: 1 1 auto !important;
width: 100% !important;
display: flex !important;
flex-direction: column !important;
overflow: visible !important; } .news-equal-cards .post-listing-container.show-container
.ss-element.gusta-container .wpb_wrapper{
flex: 1 1 auto !important;
min-height: 0 !important;
display: flex !important;
flex-direction: column !important;
overflow: auto !important;
-webkit-overflow-scrolling: touch !important;
} .news-equal-cards .post-listing-container.show-container
.p-custom-font-news-titel,
.news-equal-cards .post-listing-container.show-container
.p-custom-font-news-untertitel,
.news-equal-cards .post-listing-container.show-container
.post-excerpt,
.news-equal-cards .post-listing-container.show-container
.gusta-excerpt,
.news-equal-cards .post-listing-container.show-container
.excerpt{
display: block !important;
overflow: visible !important;
-webkit-line-clamp: unset !important;
-webkit-box-orient: unset !important;
} .news-equal-cards .post-listing-container.show-container .gusta-post-date,
.news-equal-cards .post-listing-container.show-container .post-date{
margin-bottom: .35rem !important;
} .news-equal-cards .post-listing-container.show-container
.vc_empty_space[style*="height: 32vh"]{
height: 0 !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
} .news-equal-cards .post-listing-container.show-container,
.news-equal-cards .post-listing-container.show-container *{
animation: none !important;
transition: none !important;
} .news-equal-cards .post-listing-container.show-container{
transform: none !important;
opacity: 1 !important;
} @media (max-width: 991px){
.news-equal-cards{
--news-gap-y: 28px;
--news-badge-top: 10px;
--news-badge-left: 10px;
}
.news-equal-cards .post-listing-container.show-container{
height: auto !important;
min-height: 0 !important;
overflow: visible !important;
}
.news-equal-cards .post-listing-container.show-container
.ss-element.gusta-container{
height: auto !important;
min-height: 0 !important;
}
.news-equal-cards .post-listing-container.show-container
.ss-element.gusta-container .wpb_wrapper{
overflow: visible !important;
}
} .top-left {
position: absolute;
top: 0;
left: 0;
margin: 8px; } .ult-just-icon-wrapper.dil-social-inline{
display: inline-block !important;
width: auto !important;
margin: 0 5px 0 0 !important;
vertical-align: middle !important;
}
.ult-just-icon-wrapper.dil-social-inline .align-icon{
display: inline-block !important;
width: auto !important;
margin: 0 !important;
vertical-align: middle !important;
}
.ult-just-icon-wrapper.dil-social-inline img,
.ult-just-icon-wrapper.dil-social-inline .align-icon img{
display: block !important;
}
@media (max-width: 991px) { .wpb_wrapper:has(> .ult-just-icon-wrapper.dil-social-inline){
text-align: right !important;
width: 100% !important;
} .ult-just-icon-wrapper.dil-social-inline{
display: inline-block !important;
width: auto !important;
margin: 0 5px 0 0 !important;
vertical-align: middle !important;
}
.ult-just-icon-wrapper.dil-social-inline .align-icon{
display: inline-block !important;
width: auto !important;
margin: 0 !important;
vertical-align: middle !important;
}
.ult-just-icon-wrapper.dil-social-inline img,
.ult-just-icon-wrapper.dil-social-inline .align-icon img{
display: block !important;
}
} .kringel-schwarz {
position: relative;
display: inline-block;
z-index: 0;
}
.kringel-schwarz::before {
content: "";
position: absolute;
left: -6%;
bottom: calc(-0.28em - 10px);
width: 112%;
height: 0.55em;
background-image: url(https://li-food.de/wp-content/uploads/2026/05/underline.png);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
pointer-events: none;
}
.kringel-schwarz::after {
display: none !important;
}  .vc_column_container > .vc_column-inner  { padding-top: 0px !important; 
} .wpb_wrapper > div { margin-bottom: 0px !important; 
} .paddingmenu {
position: relative;
padding: 2vh 3vw 0 !important;
} .paddingmegamenu {
padding-top: clamp(0vh, 0vh, 0vh) !important;
padding-bottom: clamp(4vh, 4vh, 4vh) !important;
padding-left: clamp(3vw, 3vw, 6vw) !important;
padding-right: clamp(3vw, 3vw, 6vw) !important;
} .mega-panel-centered{
padding-left: clamp(4vw, 12vw, 18vw) !important;
} @media (max-width: 991px){
.mega-panel-centered{
padding-left: 0vw !important;
}
} .weiss-innenblock {
margin-left: clamp(3vw, 3vw, 6vw) !important;
margin-right: clamp(3vw, 3vw, 6vw) !important;
width: auto !important;
}
.weiss-innenblock > .vc_column-inner {
background: #ffffff !important;
padding: 0 !important;
} .padding-top-first {
padding-top: clamp(4vh, 4vw, 8vh) !important;
}
.padding-bottom-last {
padding-bottom: clamp(8vh, 8vw, 18vh) !important;
}
.padding-top {
padding-top: clamp(4vh, 6vw, 12vh) !important;
}
.ss-element.p-custom-font-news-untertitel.padding-top,
.ss-element.p-custom-font-news-untertitel.padding-top > .ss-element-item,
.ss-element.p-custom-font-news-untertitel.padding-top > .ss-element-item > a {
display: block !important;
padding-top: 1vh !important;
box-sizing: border-box !important;
} @media (max-width: 1300px) {
.ss-element.p-custom-font-news-untertitel.padding-top,
.ss-element.p-custom-font-news-untertitel.padding-top > .ss-element-item,
.ss-element.p-custom-font-news-untertitel.padding-top > .ss-element-item > a {
padding-top: 0.5vh !important;
}
}
.padding-bottom {
padding-bottom: clamp(4vh, 6vw, 12vh) !important;
}
.padding-top-less {
padding-top: clamp(4vh, 6vw, 6vh) !important;
}
.vc_row.wpb_row.padding-top-less{
padding-top: clamp(4vh, 6vw, 6vh) !important;
}
.padding-top-tiny {
padding-top: clamp(2vh, 2vw, 2vh) !important;
}
@media (max-width: 991px) {
.padding-top-tiny {
padding-top: 1vw !important;
}
}
.padding-bottom-less {
padding-bottom: clamp(4vh, 6vw, 6vh) !important;
}
.vc_row.wpb_row.padding-bottom-less{
padding-bottom: clamp(4vh, 6vw, 6vh) !important;
} .padding-left-right-full {
padding-left: clamp(6vw, 23vw, 38vw) !important;
padding-right: clamp(6vw, 23vw, 38vw) !important;
}
@media (max-width: 991px) {
.padding-left-right-full {
padding-left: 4vw !important;
padding-right: 4vw !important;
}
}
.padding-left-right-more {
padding-left: clamp(6vw, 20vw, 32vw) !important;
padding-right: clamp(6vw, 20vw, 32vw) !important;
}
@media (max-width: 991px) {
.padding-left-right-more {
padding-left: 6vw !important;
padding-right: 6vw !important;
}
}
.padding-left-right {
padding-left: clamp(6vw, 12vw, 24vw) !important;
padding-right: clamp(6vw, 12vw, 24vw) !important;
}
.padding-left-right-standart {
padding-left: clamp(3vw, 3vw, 6vw) !important;
padding-right: clamp(3vw, 3vw, 6vw) !important;
}
.padding-left-right-less {
padding-left: clamp(4vw, 6vw, 8vw) !important;
padding-right: clamp(4vw, 6vw, 8vw) !important;
}
@media (max-width: 991px) {
.padding-left-right-less {
padding-left: 6vw !important;
padding-right: 6vw !important;
}
}
.padding-left-right-tiny {
padding-left: clamp(2vw, 4vw, 3vw) !important;
padding-right: clamp(2vw, 4vw, 3vw) !important;
}
.padding-left-right-footer {
padding-left: clamp(2vw, 4vw, 3vw) !important;
padding-right: clamp(2vw, 4vw, 3vw) !important;
}
@media (max-width: 991px) {
.padding-left-right-footer {
padding-left: 10vw !important;
padding-right: 10vw !important;
}
} .padding-left-right-frame {
padding-left: clamp(2vw, 2vw, 2vh) !important;
padding-right: clamp(2vw, 2vw, 2vh) !important;
} .paddinginnen-full {
padding-left: clamp(4vw, 3vw, 6vw) !important;
padding-right: clamp(4vw, 3vw, 6vw) !important;
padding-top: clamp(4vh, 6vh, 10vh) !important;
padding-bottom: clamp(4vh, 6vh, 10vh) !important;
}
.paddinginnen-more {
padding-left: clamp(4vw, 3vw, 6vw) !important;
padding-right: clamp(4vw, 3vw, 6vw) !important;
padding-top: clamp(4vh, 3vh, 6vh) !important;
padding-bottom: clamp(4vh, 3vh, 6vh) !important;
}
.paddinginnen-less {
padding-left: clamp(2vw, 2vw, 4vw) !important;
padding-right: clamp(2vw, 2vw, 4vw) !important;
padding-top: clamp(2vh, 2vh, 4vh) !important;
padding-bottom: clamp(2vh, 2vh, 4vh) !important;
}
.paddinginnen-tiny {
padding-left: clamp(1vw, 1vw, 1vw) !important;
padding-right: clamp(1vw, 1vw, 1vw) !important;
padding-top: clamp(2vh, 2vh, 2vh) !important;
padding-bottom: clamp(1vh, 2vh, 2vh) !important;
} .uberschrift {
padding-top: clamp(0vh, 0vh, 0vh) !important;
padding-bottom: clamp(1vh, 2vh, 3vh) !important;
}
.uberschrift-less {
padding-top: clamp(0vh, 0vh, 0vh) !important;
padding-bottom: clamp(0.5vh, 1vh, 1.5vh) !important;
}
.uberschriftviel {
padding-top: clamp(0vh, 0vh, 0vh) !important;
padding-bottom: clamp(2vh, 4vh, 8vh) !important;
}
@media (max-width: 991px) {
.uberschriftviel {
padding-bottom: clamp(1vh, 2vh, 4vh) !important;
}
} .paddingfooter {
padding-top: clamp(2vh, 6vh, 8vh) !important; padding-bottom: clamp(2vh, 6vh, 6vh) !important; padding-left: clamp(4vw, 4vw, 4vw) !important; padding-right: clamp(4vw, 4vw, 4vw) !important; } .paddingfootermenu {
padding-top: clamp(4vh, 6vh, 8vh) !important; padding-bottom: 0vh !important; padding-left: 0vw !important; padding-right: 0vw !important; } .no-spacing {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
} .fiberflow-equal .vc_row.wpb_row > .wpb_column {
display: flex !important;
} .fiberflow-equal .vc_row.wpb_row > .wpb_column > .vc_column-inner {
display: flex !important;
flex: 1 1 auto;
} .fiberflow-equal .vc_row.wpb_row > .wpb_column > .vc_column-inner > .wpb_wrapper {
display: flex !important;
flex-direction: column;
} .fiberflow-equal .gusta-post-meta {
display: flex !important;
flex-direction: column;
flex: 1 1 auto;
}  @media only screen and (max-width: 769px) {
.swap {
display: flex !important;
flex-direction: column-reverse;
}
} .actionlink {
display: inline-block;
transition: transform 0.3s ease;
transform-origin: center center;
}
.actionlink:hover {
transform: scale(1.03);
}  .handlungsfelder-hover-fix,
.handlungsfelder-hover-fix > .vc_column-inner,
.handlungsfelder-hover-fix > .vc_column-inner > .wpb_wrapper,
.handlungsfelder-hover-fix .vc_row,
.handlungsfelder-hover-fix .wpb_column,
.handlungsfelder-hover-fix .vc_column_container,
.handlungsfelder-hover-fix .vc_column-inner,
.handlungsfelder-hover-fix .wpb_wrapper {
overflow: visible !important;
} .handlungsfelder-hover-fix .gusta-post-carousel,
.handlungsfelder-hover-fix .owl-carousel,
.handlungsfelder-hover-fix .owl-stage-outer,
.handlungsfelder-hover-fix .owl-stage,
.handlungsfelder-hover-fix .owl-item {
overflow: visible !important;
} .handlungsfelder-hover-fix .owl-item {
position: relative !important;
z-index: 1 !important;
}
.handlungsfelder-hover-fix .owl-item:hover {
z-index: 50 !important;
} .handlungsfelder-hover-fix .actionlink {
position: relative !important;
display: block !important;
overflow: visible !important;
transform-origin: center center !important;
transition: transform 0.25s ease-in-out !important;
z-index: 1 !important;
} .handlungsfelder-hover-fix .actionlink:hover {
transform: scale(1.02) !important;
z-index: 100 !important;
}  .handlungsfelder-card-height {
height: 45vh !important;
min-height: 45vh !important;
position: relative !important;
overflow: hidden !important;
display: block !important;
} .handlungsfelder-card-height > .vc_column-inner {
height: 100% !important;
min-height: 100% !important;
position: relative !important;
overflow: hidden !important;
} .handlungsfelder-card-height > .vc_column-inner > .wpb_wrapper {
height: 100% !important;
min-height: 100% !important;
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
position: relative !important;
overflow: hidden !important;
padding: 0 2vw 2vw 2vw !important;
box-sizing: border-box !important;
} .handlungsfelder-card-height > .vc_column-inner > .wpb_wrapper > .gusta-image-as-background,
.handlungsfelder-card-height .gusta-image-as-background {
position: absolute !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
min-height: 100% !important;
display: block !important;
background-size: cover !important;
background-position: center center !important;
background-repeat: no-repeat !important;
z-index: 0 !important;
} .handlungsfelder-card-height > .vc_column-inner > .wpb_wrapper > *:not(.gusta-image-as-background) {
position: relative !important;
z-index: 2 !important;
} .handlungsfelder-card-height > .vc_column-inner > .wpb_wrapper > .vc_empty_space {
display: block !important;
flex: 1 1 auto !important;
height: auto !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
} .handlungsfelder-card-height .ss-element,
.handlungsfelder-card-height .ss-element-item,
.handlungsfelder-card-height .wpb_text_column,
.handlungsfelder-card-height .wpb_content_element {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
position: relative !important;
z-index: 3 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
} @media (max-width: 991px) {
.handlungsfelder-card-height {
height: 32vh !important;
min-height: 32vh !important;
}
.handlungsfelder-card-height > .vc_column-inner > .wpb_wrapper {
padding: 0 18px 18px 18px !important;
}
} @media (max-width: 767px) {
.handlungsfelder-card-height {
height: 28vh !important;
min-height: 28vh !important;
}
.handlungsfelder-card-height > .vc_column-inner > .wpb_wrapper {
padding: 0 14px 14px 14px !important;
}
} .handlungsfelder-card-height .gusta-post-meta,
.handlungsfelder-card-height .gusta-align-center,
.handlungsfelder-card-height .ss-element,
.handlungsfelder-card-height .ss-element-item,
.handlungsfelder-card-height h4,
.handlungsfelder-card-height h5,
.handlungsfelder-card-height h6 {
width: 100% !important;
max-width: 100% !important;
text-align: center !important;
margin-left: auto !important;
margin-right: auto !important;
} .handlungsfelder-card-height .vc_row,
.handlungsfelder-card-height .wpb_column,
.handlungsfelder-card-height .vc_column_container,
.handlungsfelder-card-height .vc_column-inner {
width: 100% !important;
max-width: 100% !important;
float: none !important;
} .handlungsfelder-card-height > .vc_column-inner > .wpb_wrapper {
align-items: center !important;
text-align: center !important;
} .specific-container img.scale-with-padding {
width: 100% !important;
height: auto !important;
max-width: none !important;
box-sizing: border-box !important;
padding: 0 !important;
margin: 0 !important;
display: inline-block !important; transform: scale(0.5) !important;
transform-origin: center center !important;
}
.specific-container img {
width: auto !important;
max-width: 35% !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
overflow: hidden !important;
display: inline-block !important; vertical-align: top !important;
float: none !important;
} @media (min-width: 769px) {
.custom-gap .vc_row {
display: flex; flex-wrap: nowrap; }
.custom-gap .vc_row .vc_column_container {
flex: 1; }
.custom-gap .vc_row .vc_column_container:nth-child(2) {
margin-left: clamp(4vw, 6vw, 10vw) !important; border-left: none !important; }
}
@media (max-width: 768px) {
.custom-gap .vc_row {
display: block; }
.custom-gap .vc_row .vc_column_container:nth-child(2) {
margin-left: 0 !important; border-left: none !important; }
} @media screen and (max-width: 991px) {
.specific-container img.scale-with-padding {
transform: scale(0.4) !important;
transform-origin: center center !important;
}
.specific-container img {
max-width: 20% !important;
}
} .specific-container .scale-with-padding-more .vc_single_image-wrapper,
.specific-container .scale-with-padding-more figure {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
display: block !important;
}
.specific-container .scale-with-padding-more img.vc_single_image-img,
.specific-container .scale-with-padding-more .vc_single_image-wrapper img {
width: 6vw !important;
max-width: 6vw !important;
height: auto !important;
max-height: none !important;
min-height: 0 !important;
display: block !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
object-fit: contain !important;
transform: none !important;
float: none !important;
aspect-ratio: auto !important;
} @media (max-width: 1024px) {
.specific-container .scale-with-padding-more img.vc_single_image-img,
.specific-container .scale-with-padding-more .vc_single_image-wrapper img {
width: 6vw !important;
max-width: 6vw !important;
max-height: none !important;
}
} html, body {
margin: 0;
padding: 0;
min-height: 100%;
overflow-x: hidden;
} .wrapper {
transition: background-color 0.3s ease;
} .scroll-fade,
.scroll-fade-color {
opacity: 0;
transform: translateY(40px);
filter: grayscale(100%);
will-change: opacity, transform, filter;
transition: opacity 0.6s ease, transform 0.6s ease, filter 0.6s ease;
}
.scroll-fade.visible,
.scroll-fade-color.visible {
opacity: 1;
transform: translateY(0);
filter: grayscale(0%);
}
.wrapper, .site-content, .main-content {
transition: background-color 0.3s ease;
}
.site-wrapper {
transition: background-color 0.4s ease;
} @media (max-width: 1199px) {
.scroll-fade,
.scroll-fade-color {
opacity: 1 !important;
transform: none !important;
filter: none !important;
}
} .fadein {
animation-duration: 0.2s !important;
animation-timing-function: ease-out !important;
} .ult-carousel-wrapper{
position: relative !important;
} .slick-prev.slick-arrow,
.slick-next.slick-arrow{
display: flex !important;
justify-content: center;
align-items: center;
opacity: 1 !important;
visibility: visible !important;
position: absolute !important;
top: 50% !important;
transform: translateY(-50%);
z-index: 99; width: clamp(30px, 3.75vw, 52.5px) !important;
height: clamp(30px, 3.75vw, 52.5px) !important; background-color: #0fa461 !important;
border-radius: 0px !important;
border: none !important;
background-repeat: no-repeat !important;
background-size: 60% !important;
background-position: center !important;
font-size: 0 !important;
transition: background-color 0.3s ease, background-image 0.3s ease;
} .slick-prev.slick-arrow{
left: -25px !important;
background-image: url(https://li-food.de/wp-content/uploads/2025/10/pfeil-links-white.png) !important;
}
.slick-next.slick-arrow{
right: -25px !important;
background-image: url(https://li-food.de/wp-content/uploads/2025/10/pfeil-rechts-white.png) !important;
} .slick-prev.slick-arrow:hover{
background-color: #000 !important;
background-image: url(https://li-food.de/wp-content/uploads/2025/10/pfeil-links-white.png) !important;
}
.slick-next.slick-arrow:hover{
background-color: #000 !important;
background-image: url(https://li-food.de/wp-content/uploads/2025/10/pfeil-rechts-white.png) !important;
} .slick-arrow::before,
.slick-prev::before,
.slick-next::before{
display: none !important;
content: none !important;
} @media (max-width: 768px){
.slick-prev.slick-arrow,
.slick-next.slick-arrow{
width: clamp(18.75px, 3.75vw, 30px) !important;
height: clamp(18.75px, 3.75vw, 30px) !important;
}
.slick-prev.slick-arrow{ left: -10px !important; }
.slick-next.slick-arrow{ right: -10px !important; }
} .scroll-lr {
transform: translateX(600px); transition: transform 0s;
will-change: transform;
} .verticalfont {
writing-mode: vertical-rl !important;
transform: rotate(180deg) !important;
text-orientation: mixed !important;
} .carousel-wrapper {
position: absolute !important;
top: 20% !important; left: 5% !important;
transform: translateY(50%) !important; z-index: 10 !important;
width: auto !important;
max-width: 700px !important;
text-align: left !important;
background: none !important;
pointer-events: none !important;
}
.carousel-wrapper .wpb_wrapper {
pointer-events: all !important;
padding: 0 !important;
}
.carousel-wrapper p,
.carousel-wrapper div {
text-align: left !important;
} @media (max-width: 991px) {
.carousel-wrapper {
position: relative !important;
top: auto !important;
left: auto !important;
transform: none !important;
margin-top: 2rem;
margin-bottom: 2rem;
z-index: auto;
text-align: center !important;
}
.carousel-wrapper p,
.carousel-wrapper div {
text-align: center !important;
}
} @media (max-width: 1199px) { .slider-padding-mobile .slick-slider,
.slider-padding-mobile .slick-list,
.slider-padding-mobile .slick-track,
.slider-padding-mobile .slick-slide {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
} .slider-padding-mobile .wpb_column,
.slider-padding-mobile .wpb_column > .vc_column-inner,
.slider-padding-mobile .vc_column-inner {
padding-top: 0 !important;
padding-bottom: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
} .slider-padding-mobile.vc_row,
.slider-padding-mobile .vc_row {
padding-top: 0 !important;
padding-bottom: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
} .slider-padding-mobile {
padding-top: 0 !important;
padding-bottom: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
} .slick-dots {
position: absolute !important;
bottom: 10px !important;
left: 50% !important;
transform: translateX(-50%) !important;
z-index: 10 !important;
} .slider-padding-mobile {
position: relative !important;
} @media (max-width: 1199px) {
.slider-padding-mobile .slick-dots {
bottom: 0px !important; }
} .ult-carousel-wrapper .ultsl-record {
all: unset !important;
display: inline-block !important;
width: 20px !important;
height: 20px !important;
border-radius: 50% !important;
background-color: #fff !important; margin: 0 4px !important;
cursor: pointer;
transition: background-color 0.3s ease, transform 0.3s ease;
position: relative;
} .ult-carousel-wrapper .ultsl-record::before,
.ult-carousel-wrapper .ultsl-record::after {
display: none !important;
content: none !important;
} .ult-carousel-wrapper .slick-dots li.slick-active .ultsl-record {
background-color: #12a15d !important;
transform: scale(1.2);
} @media (max-width: 1199px) {
.ult-carousel-wrapper.ult_horizontal {
width: 100vw !important;
max-width: 100vw !important;
margin-left: calc(-50vw + 50%) !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
} .text-overlay-left {
position: absolute !important;
top: 50% !important;
left: 0% !important; transform: translateY(-50%) !important;
z-index: 10 !important;
color: white !important;
text-align: left !important;
background: #12a15d !important;
min-height: 1px;
width: 40% !important;  
max-width: 700px !important;
padding: 4vh 4vw !important;
} .wpb_column.vc_column_container.text-overlay-left.specific-container{
position: absolute !important; overflow: visible !important;
} .wpb_column.vc_column_container.text-overlay-left.specific-container::after{
content: "" !important;
position: absolute !important;
left: 0 !important;
bottom: -09px !important; width: 100% !important;
height: 15px !important;
background: #60ae7e !important; display: block !important;
z-index: 999999 !important;
pointer-events: none !important;
}
.text-overlay-right {
position: absolute !important;
top: 50% !important;
right: 0 !important;
transform: translateY(-50%) !important;
z-index: 10 !important;
color: white !important;
text-align: right !important;
background: #ffffff !important;
min-height: 1px; 
width: 50% !important;
max-width: 600px !important;
padding: 4vh 4vw !important; } .text-overlay-left-small{
position: absolute !important;
top: 48% !important;
left: 0% !important;
transform: translateY(-50%) !important;
z-index: 10 !important;
color: #fff !important;
text-align: left !important;
background: #12a15d !important;
min-height: 1px;
width: 40% !important;
max-width: 700px !important; padding: 6vh 6vw !important;
} .wpb_column.vc_column_container.text-overlay-left-small > .vc_column-inner{
padding: 0 !important;
}
.wpb_column.vc_column_container.text-overlay-left-small .wpb_wrapper{
margin: 0 !important;
padding: 0 !important;
}
.wpb_column.vc_column_container.text-overlay-left-small h1,
.wpb_column.vc_column_container.text-overlay-left-small h2,
.wpb_column.vc_column_container.text-overlay-left-small h3,
.wpb_column.vc_column_container.text-overlay-left-small h4,
.wpb_column.vc_column_container.text-overlay-left-small h5,
.wpb_column.vc_column_container.text-overlay-left-small p{
margin-top: 0 !important;
margin-bottom: 0.8em !important;
}
.wpb_column.vc_column_container.text-overlay-left-small h1:last-child,
.wpb_column.vc_column_container.text-overlay-left-small h2:last-child,
.wpb_column.vc_column_container.text-overlay-left-small h3:last-child,
.wpb_column.vc_column_container.text-overlay-left-small h4:last-child,
.wpb_column.vc_column_container.text-overlay-left-small h5:last-child,
.wpb_column.vc_column_container.text-overlay-left-small p:last-child{
margin-bottom: 0 !important;
}
@media (max-width: 1200px){
.text-overlay-left-small{
display: none !important;
}
} .image-space{
margin-left: 25% !important;
}
@media (max-width: 1200px){
.image-space{
margin-left: 0% !important;
width: 100% !important;
max-width: 100% !important;
}
}  .custom-button-style {
font-family: var(--h4-font-family, inherit) !important;
font-size: var(--h4-font-size, clamp(0.74rem, 1vw, 1.23rem)) !important;
font-weight: var(--h4-font-weight, bold) !important;
line-height: var(--h4-line-height, 1.3) !important;
letter-spacing: normal !important;
text-transform: none !important;
color: #101015 !important; display: inline-flex !important;
align-items: center !important;
gap: 0.5rem !important;
text-decoration: none !important;
} .custom-button-style i,
.custom-button-style span.vc_btn3-icon {
width: 1.2em;
height: 1.2em;
background-image: url(https://li-food.de/wp-content/uploads/2025/10/pfeil-links-white.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
font-style: normal; color: transparent; transition: background-image 0.3s ease; } .custom-button-style:hover i,
.custom-button-style:hover span.vc_btn3-icon {
background-image: url(https://li-food.de/wp-content/uploads/2025/10/pfeil-links-white.png);
}
@media (max-width: 1199px) { .vc_btn3-size-lg {
font-size: 0.8rem !important;
padding: 0.4em 1em !important;
} .vc_btn3-size-lg i,
.vc_btn3-size-lg span.vc_btn3-icon {
width: 1em !important;
height: 1em !important;
} .vc_btn3-size-lg i,
.vc_btn3-size-lg span.vc_btn3-icon {
display: none !important;
}
}   .wpb_text_column.marquee-live .wpb_wrapper > h2,
.wpb_text_column.marquee-live .wpb_wrapper > h3,
.wpb_text_column.marquee-live .wpb_wrapper > h4,
h2.marquee-live,
h3.marquee-live,
h4.marquee-live {
position: relative;
overflow: hidden;
white-space: nowrap;
line-height: 1;
margin: 0; --gap: 5px; animation: none !important;
transform: none !important;
} .marq-track{
display: inline-flex;
will-change: transform;
visibility: hidden;
transform: translate3d(0,0,0);
}
.marquee-ready .marq-track{ visibility: visible; } .marq-item{
flex: 0 0 auto;
white-space: nowrap !important;
padding-right: var(--gap);
} .wpb_text_column.marquee-live .wpb_wrapper > h2,
.wpb_text_column.marquee-live .wpb_wrapper > h3,
.wpb_text_column.marquee-live .wpb_wrapper > h4,
h2.marquee-live,
h3.marquee-live,
h4.marquee-live,
.wpb_text_column.marquee-live .marq-item,
h2.marquee-live .marq-item,
h3.marquee-live .marq-item,
h4.marquee-live .marq-item{
color: #fff !important;
} .vc_tta-icon.fa-share-alt::before {
content: "" !important;
}
.vc_tta-icon.fa-share-alt {
background-image: url(https://dil-engineering.com/wp-content/uploads/2025/10/Side-sticky-social.png) !important;
background-repeat: no-repeat !important;
background-position: center center !important;
background-size: 80px 80px !important; width: 80px !important; height: 80px !important;
display: inline-block !important;
font-size: 0 !important;
color: transparent !important;
line-height: 1 !important;
padding: 0 !important;
margin: 0 auto !important;
border: none !important;
box-shadow: none !important;
vertical-align: middle !important; filter: none !important;
opacity: 1 !important;
mix-blend-mode: normal !important;
background-blend-mode: normal !important;
background-color: transparent !important;
} .vc_tta-tab > a {
width: 80px !important;
height: 80px !important;
max-width: 80px !important;
max-height: 80px !important;
overflow: hidden !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
padding: 0 !important;
margin: 0 !important;
box-sizing: border-box !important;
background-color: #ffffff !important; filter: none !important;
opacity: 1 !important;
} .vc_tta-tab {
width: 80px !important;
height: 80px !important;
overflow: hidden !important;
padding: 0 !important;
margin: 0 !important;
box-sizing: border-box !important;
} ul.vc_tta-tabs-list {
padding: 0 !important;
margin: 0 !important;
list-style: none !important;
gap: 0 !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
} ul.vc_tta-tabs-list > li.vc_tta-tab {
width: 80px !important;
height: 80px !important;
max-width: 80px !important;
max-height: 80px !important;
padding: 0 !important;
margin: 0 !important;
box-sizing: border-box !important;
}  .blackarrow.gusta-icon-link i.vc-material-arrow_forward,
.whitearrow.gusta-icon-link i.vc-material-arrow_forward {
color: transparent !important;
font-size: 0 !important;
} .blackarrow.gusta-icon-link,
.whitearrow.gusta-icon-link {
display: inline-flex !important;
align-items: center !important; justify-content: center !important;
gap: 0.3em !important; text-decoration: none !important;
line-height: 1 !important;
transform: translateY(2px); } .blackarrow.gusta-icon-link .gusta-icon,
.whitearrow.gusta-icon-link .gusta-icon {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: clamp(1.75rem, 3vw, 2.25rem) !important; height: clamp(1.75rem, 3vw, 2.25rem) !important;
flex-shrink: 0 !important;
} .blackarrow.gusta-icon-link i.vc-material-arrow_forward,
.whitearrow.gusta-icon-link i.vc-material-arrow_forward {
display: block !important;
width: clamp(1rem, 2vw, 1.5rem) !important; height: clamp(1rem, 2vw, 1.5rem) !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: contain !important;
line-height: 1 !important;
top: auto !important;
bottom: auto !important;
transform: none !important;
} .blackarrow.gusta-icon-link i.vc-material-arrow_forward {
background-image: url(https://li-food.de/wp-content/uploads/2025/10/pfeil-rechts-black.png) !important;
} .blackarrow.gusta-icon-link:hover i.vc-material-arrow_forward,
.blackarrow.gusta-icon-link:focus-visible i.vc-material-arrow_forward{
background-image: url(https://li-food.de/wp-content/uploads/2025/10/pfeil-rechts-white.png) !important;
} .whitearrow.gusta-icon-link i.vc-material-arrow_forward {
background-image: url(https://li-food.de/wp-content/uploads/2025/10/pfeil-rechts-white.png) !important;
} @media (min-width: 1600px) {
.blackarrow.gusta-icon-link i.vc-material-arrow_forward,
.whitearrow.gusta-icon-link i.vc-material-arrow_forward {
width: clamp(0.9rem, 1.8vw, 1.3rem) !important;
height: clamp(0.9rem, 1.8vw, 1.3rem) !important;
}
}  ul.smile_icon_list.left.circle.with_bg{
--icon: 35px; --gap: 12px; } ul.smile_icon_list.left.circle.with_bg li .icon_list_icon{
width: var(--icon) !important;
height: var(--icon) !important;
line-height: var(--icon) !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
border-radius: 50% !important;
} ul.smile_icon_list.left.circle.with_bg li .icon_description{
margin-left: calc(var(--icon) + var(--gap)) !important;
} ul.smile_icon_list.left.circle.with_bg li .icon_list_connector{
left: calc(var(--icon) / 2) !important;
right: auto !important;
transform: translateX(0) !important;
} ul.smile_icon_list.left.circle.with_bg li .icon_list_icon img{
width: calc(var(--icon) * 0.65) !important; height: auto !important;
display: block !important;
object-fit: contain !important;
} :root{
--h3-size: clamp(22px, 1.6vw, 28px);
--h3-line: 1.25;
--h3-weight: 700;
} ul.smile_icon_list.left.circle.with_bg h3.ult-responsive.info-list-heading{
font-size: var(--h3-size) !important;
line-height: var(--h3-line) !important;
font-weight: var(--h3-weight) !important;
letter-spacing: normal !important;
text-transform: none !important;
margin: 0 0 .35em !important;
} ul.smile_icon_list.left.circle.with_bg .icon_description ul,
ul.smile_icon_list.left.circle.with_bg .icon_description ol{
margin: 0 0 .75em !important;
padding-left: 1.25em !important; list-style-position: outside !important;
}
ul.smile_icon_list.left.circle.with_bg .icon_description li{
font-size: clamp(1rem, 1.1vw, 3rem) !important; line-height: 1.5 !important;
font-family: 'Metropolis-regular', Arial, sans-serif !important;
color: #161922 !important;
margin: 0 0 .25em !important;
} ul.smile_icon_list.left.circle.with_bg .icon_description li::marker{
color: #161922;
} ul.smile_icon_list.left.circle.with_bg .icon_description li a{
color: inherit !important;
font: inherit !important;
line-height: inherit !important;
} ul.smile_icon_list.left.circle.with_bg .icon_description ul{
list-style-type: square !important;
}
ul.smile_icon_list.left.circle.with_bg .icon_description li::marker{
color: #161922; font-size: 1em; }   .vertikale-anordnung { --gap-oben-halb: clamp(1.5px, 0.225vw, 4.5px); } .vertikale-anordnung { --gap-halb-mitte: clamp(18px, 2.7vw, 48px); } .vertikale-anordnung { --gap-mitte-unten: 0; }  .vertikale-anordnung { --gap-unterer-rand: 0; }   .vertikale-anordnung .wpb_wrapper{
display:flex !important;
flex-direction:column !important;
min-height:100% !important;
height:100% !important;
padding-bottom:clamp(6px, 1.5vh, 20px) !important; } .vertikale-anordnung .gusta-clear{ display:none !important; }
.vertikale-anordnung .gusta-align-left{ display:contents !important; } .vertikale-anordnung .element-oben,
.vertikale-anordnung .element-halbmitte,
.vertikale-anordnung .element-mitte,
.vertikale-anordnung .element-unten{
flex:0 0 auto !important;
} .vertikale-anordnung .element-oben{
margin-bottom: var(--gap-oben-halb) !important; } .vertikale-anordnung .element-halbmitte{
margin-bottom: var(--gap-halb-mitte) !important; } .vertikale-anordnung .element-mitte{
flex:1 1 auto !important; display:flex !important;
align-items:center !important; justify-content:flex-start !important;
min-height:0 !important; margin-bottom: var(--gap-mitte-unten) !important; } .vertikale-anordnung .element-unten{
margin-top:auto !important; align-self:flex-start !important;
margin-bottom: var(--gap-unterer-rand) !important; } @media (max-width: 768px){
.vertikale-anordnung .element-oben{        margin-bottom:clamp(4px, 1.5vw, 10px) !important; }
.vertikale-anordnung .element-halbmitte{   margin-bottom:clamp(6px, 2vw, 14px) !important; }
.vertikale-anordnung .wpb_wrapper{         padding-bottom:clamp(8px, 2.5vh, 18px) !important; }
.vertikale-anordnung .element-unten{       margin-bottom:clamp(10px, 3vh, 24px) !important; }
}  .vertikale-anordnung .vc_column-inner,
.vertikale-anordnung .wpb_wrapper{
padding-bottom: 0 !important;
} .vertikale-anordnung .element-mitte{
flex: 1 1 auto !important;
min-height: 0 !important; align-items: flex-start !important; } .vertikale-anordnung .element-unten{
margin-top: auto !important; align-self: flex-start !important;
} .vertikale-anordnung .element-unten a,
.vertikale-anordnung .element-unten .gusta-button,
.vertikale-anordnung .element-unten .gusta-read-more-button{
margin-bottom: 0 !important;
} .vertikale-anordnung .gusta-clear,
.vertikale-anordnung .gusta-mobile-clear{ 
display: none !important; 
} .vertikale-anordnung .wpb_wrapper > *:last-child{
margin-bottom: 0 !important;
}  .vertikale-anordnung { 
--icon-size: clamp(50px, 4vw, 90px); } .vertikale-anordnung .element-oben img,
.vertikale-anordnung .element-oben svg,
.vertikale-anordnung .element-oben .vc_single_image-img {
width: auto !important; max-width: var(--icon-size) !important; max-height: var(--icon-size) !important; height: auto !important;
display: inline-block !important;
} .vertikale-anordnung .element-oben .wpb_single_image,
.vertikale-anordnung .element-oben figure,
.vertikale-anordnung .element-oben .wpb_wrapper_pc_figure {
display: inline-flex !important;
align-items: flex-start !important;
} @media (max-width: 768px){
.vertikale-anordnung { --icon-size: clamp(32px, 6vw, 56px); }
} .gusta-navigation.sticky-up{
position: fixed;
top: var(--adminbar, 0);
left: 0; right: 0;
transform: translateY(-100%);
transition: transform .25s ease;
z-index: 10020; }
.gusta-navigation.sticky-up.show-sticky{
transform: translateY(0);
} .gusta-navigation.sticky-up.show-sticky .sub-menu,
.gusta-navigation.sticky-up.show-sticky .gusta-mega,
.gusta-navigation.sticky-up.show-sticky [class*="mega-menu"],
.gusta-navigation.sticky-up.show-sticky [class*="mega-panel"]{
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
}
.gusta-navigation.sticky-up.show-sticky .menu-item-has-children:hover > .sub-menu,
.gusta-navigation.sticky-up.show-sticky .menu-item-has-children:focus-within > .sub-menu{
display: none !important;
} .gusta-navigation.sticky-up .menu-item-has-children > a::after,
.gusta-navigation.sticky-up .gusta-nav > ul > li > a::after,
.gusta-navigation.sticky-up .gusta-arrow,
.gusta-navigation.sticky-up .menu-caret,
.gusta-navigation.sticky-up .sub-toggle,
.gusta-navigation.sticky-up .gusta-menu-caret{
display: none !important;
content: none !important;
background: none !important;
border: 0 !important;
} .gusta-navigation.sticky-up .menu-item-has-children > a{
padding-right: 0 !important;
background-image: none !important;
}  :root{ --h4: clamp(1.1rem, 1.5vw, 1.7rem);
--h4-line: 1.3;
--h4-track: -0.8px;
--p: clamp(1rem, 1vw, 2.3rem);
--p-line: 1.5;
--font: 'Barlow-Semibold', Arial, sans-serif; --ib-icon-h: clamp(20px, 1.5vw, 60px); --ib-aspect: 1; --ib-gap: clamp(0px, 5vw - 10px, 10px); --icon-nudge: clamp(-5px, (480px - 100vw) / 40, 0px); --ib-color: #161922;
} .aio-icon-box .aio-icon-header :is(h4, h4.aio-icon-title, .aio-icon-title.ult-responsive){
font: 400 var(--h4)/var(--h4-line) var(--font) !important;
letter-spacing: var(--h4-track) !important;
margin: 0 !important;
} .aio-icon-box.default-icon{
position: relative !important;
padding-left: calc(var(--ib-icon-h) * var(--ib-aspect) + var(--ib-gap) + 10px) !important;
} .aio-icon-box.default-icon .aio-icon-default{
position: absolute !important;
left: 0;
top: calc((var(--h4-line) * 1em - var(--ib-icon-h)) / 2 + var(--icon-nudge)) !important;
width: calc(var(--ib-icon-h) * var(--ib-aspect)) !important;
margin: 0 !important;
padding: 0 !important;
} .aio-icon-box.default-icon img.img-icon{
height: var(--ib-icon-h) !important;
width: auto !important;
max-width: none !important;
display: block !important;
margin: 0 !important;
} .aio-icon-component .aio-icon-box.default-icon .aio-icon-description{
padding-left: 0 !important;
margin-top: 0 !important;
color: var(--ib-color) !important;
opacity: 1 !important;
}
.aio-icon-box .aio-icon-description *{ color: inherit !important; opacity: 1 !important; }
.aio-icon-box .aio-icon-description :is(p,li){ font: 400 var(--p)/var(--p-line) var(--font) !important; }
.aio-icon-box .aio-icon-description ul{ list-style: square !important; }
.aio-icon-box .aio-icon-description li::marker{ color: var(--ib-color) !important; } :root{ --icon-nudge: 0px; } @media (min-width: 768px){
:root{ --icon-nudge: 0px; } }
@media (min-width: 992px){
:root{ --icon-nudge: 5px; } }
@media (min-width: 1280px){
:root{ --icon-nudge: 5px; } }
@media (min-width: 1440px){
:root{ --icon-nudge: 10px; } } .aio-icon-box.default-icon .aio-icon-default{
top: calc((var(--h4-line) * 1em - var(--ib-icon-h)) / 2 + var(--icon-nudge)) !important;
} .aio-icon-box.default-icon .aio-icon-description :is(ul,ol){
margin:0!important;
padding-left:2.0em!important; }
.aio-icon-box.default-icon .aio-icon-description li{margin:0 0 .35em 0!important}
.aio-icon-box.default-icon .aio-icon-description li:last-child{margin-bottom:0!important}  [id^="el-152253"] .gusta-image-as-background{
background:none !important;
opacity:0 !important; box-shadow:none !important;
}  .bullet-points{
--bp-color:#161922; --lh:1.4;
color:var(--bp-color)!important;
}
.bullet-points .bp-list{
margin:0!important; padding-left:1.3em!important;
list-style:square outside!important; color:inherit!important;
}
.bullet-points .bp-list li{
display:list-item!important; list-style:square outside!important; background:none!important; padding-left:0!important;
font-size:clamp(1rem,1vw,2.3rem)!important; line-height:var(--lh)!important;
margin:.20em 0 .04em!important; letter-spacing:-.2px;
font-family:'Metropolis-medium',Arial,sans-serif!important; color:inherit!important;
}
.bullet-points .bp-list li::marker{ font-size:1.4em!important; color:currentColor!important; }
.bullet-points .bp-list a{ color:inherit!important; text-decoration:underline; } .bullet-point-pfeil{
--bp-color:#161922; --lh:1.8;
--h:15px; --ar:1.315789; --gap:10px; --offset:-2px; color:var(--bp-color)!important;
}
.bullet-point-pfeil .bp-list{
margin:0!important; padding:0!important; list-style:none!important;
color:inherit!important; }
.bullet-point-pfeil .bp-list li{
list-style:none!important;
font:normal clamp(1rem,1vw,2.3rem)/var(--lh) 'Metropolis-medium',Arial,sans-serif!important;
letter-spacing:-.2px; color:inherit!important;
margin:.20em 0 .04em!important; padding-left:calc(var(--h)*var(--ar) + var(--gap))!important;
background-image:url(https://dil-engineering.com/wp-content/uploads/2025/10/pfeil-rechts-black.png)!important;
background-repeat:no-repeat!important;
background-position:left calc(((var(--lh)*1em - var(--h)) / 2) + var(--offset))!important;
background-size:calc(var(--h)*var(--ar)) var(--h)!important;
}
.bullet-point-pfeil .bp-list li a{ color:inherit!important; } .bullet-point-pfeil .ss-element-item{
display:block!important; color:inherit!important;
font:normal clamp(1rem,1vw,2.3rem)/var(--lh) 'Metropolis-medium',Arial,sans-serif!important;
letter-spacing:-.2px; margin:.20em 0 .04em!important;
padding-left:calc(var(--h)*var(--ar) + var(--gap))!important;
} .bullet-point-chek{
--bp-color:#fff; --lh:1.4; --h:20px; --ar:1; --gap:10px; --offset:0px;
color:var(--bp-color)!important;
}
.bullet-point-chek .bp-list{ margin:0!important; padding:0!important; list-style:none!important; color:inherit!important; }
.bullet-point-chek .bp-list li{
list-style:none!important; color:inherit!important;
font:normal clamp(1rem,1vw,2.3rem)/var(--lh) 'Metropolis-semibold',Arial,sans-serif!important;
letter-spacing:-.2px; margin:.20em 0 .04em!important;
padding-left:calc(var(--h)*var(--ar) + var(--gap))!important;
background-image:url(https://dil-engineering.com/wp-content/uploads/2025/11/check-icon-white.png)!important;
background-repeat:no-repeat!important;
background-position:left calc(((var(--lh)*1em - var(--h)) / 2) + var(--offset))!important;
background-size:calc(var(--h)*var(--ar)) var(--h)!important;
}
.bullet-point-chek .bp-list li a{ color:inherit!important; } .bullet-point-chek .ss-element-item{
display:block!important; color:inherit!important;
font:normal clamp(1rem,1vw,2.3rem)/var(--lh) 'Metropolis-semibold',Arial,sans-serif!important;
letter-spacing:-.2px; margin:.20em 0 .04em!important;
padding-left:calc(var(--h)*var(--ar) + var(--gap))!important;
}  .bullet-points.bullet-points-white {
--bp-color: #fff;
}
.bullet-points.bullet-points-white .bp-list li{
border-bottom: 1px solid rgba(255, 255, 255, 0.25) !important; padding-bottom: 0.2em !important; } .bullet-points.bullet-points-white .bp-list li:last-child{
border-bottom: none !important;
} body .gusta-post-meta.gusta-align-left ul:not(.bp-list){
margin: 0 0 1em 0 !important;
padding-left: 1.25em !important;
list-style: square outside !important;
color: #1F1F1F !important;
}
body .gusta-post-meta.gusta-align-left ul:not(.bp-list) li::before{
content: none !important;
display: none !important;
}
body .gusta-post-meta.gusta-align-left ul:not(.bp-list) li{
display: list-item !important;
list-style: square outside !important;
background: none !important;
padding-left: 0 !important;
font-size: clamp(1.125rem, 1.25vw, 1.875rem) !important;
line-height: 1.3 !important;
margin: 0 0 .35em 0 !important;
letter-spacing: -0.02em !important;
font-family: "Barlow-SemiBold", Arial, sans-serif !important;
color: #1F1F1F !important;
}
body .gusta-post-meta.gusta-align-left ul:not(.bp-list) li::marker{
color: #1F1F1F !important;
font-size: 1.25em !important;
}
body .gusta-post-meta.gusta-align-left ul:not(.bp-list) li a{
color: inherit !important;
text-decoration: underline !important;
}
body .gusta-post-meta.gusta-align-left p + ul:not(.bp-list){
margin-top: .2em !important;
}  footer .ult-just-icon-wrapper .aio-icon-img img.img-icon,
footer .ult-just-icon-wrapper img.img-icon{
width: 50px !important;
height: 50px !important;
max-width: 50px !important;
max-height: 50px !important;
min-width: 0 !important;
min-height: 0 !important;
object-fit: contain !important;
} #gusta-sticky .ult-just-icon-wrapper .aio-icon-img img.img-icon,
.section-sticky .ult-just-icon-wrapper .aio-icon-img img.img-icon,
.section-sticky img.img-icon{
width: 70px !important;
height: 70px !important;
max-width: 70px !important;
max-height: 70px !important;
min-width: 0 !important;
min-height: 0 !important;
object-fit: contain !important;
} footer .ult-just-icon-wrapper,
.section-sticky .ult-just-icon-wrapper,
footer .aio-icon-img,
.section-sticky .aio-icon-img{
width: auto !important;
height: auto !important;
max-width: none !important;
} .ss-element:has(.news-badge){ position: relative !important; }
.ss-element:has(.news-badge) .news-badge{
position: absolute !important;
z-index: 50 !important;
top: clamp(10px, 1.8vw, 22px) !important;
left: clamp(10px, 1.8vw, 22px) !important;
margin: 0 !important;
pointer-events: auto !important;
}
.ss-element:has(.news-badge) .news-badge a,
.ss-element:has(.news-badge) .news-badge button{ pointer-events:auto !important; } .vc_column-inner:has(.news-badge),
.wpb_wrapper:has(.news-badge){
position: relative !important;
}
.vc_column-inner:has(.news-badge) .news-badge,
.wpb_wrapper:has(.news-badge) .news-badge{
position: absolute !important;
z-index: 60 !important; top: clamp(10px, 1.8vw, 22px) !important;
left: clamp(10px, 1.8vw, 22px) !important;
margin: 0 !important;
pointer-events: auto !important;
display: inline-block !important;
} .produkte-equal-cards{
--p-green: #12A15D;
} @media (min-width: 768px){ .produkte-equal-cards .gusta-grid{
display: flex !important;
flex-wrap: wrap !important;
align-items: stretch !important;
overflow: visible !important; } .produkte-equal-cards .gusta-grid > .column{
float: none !important;
width: auto !important;
flex: 0 0 50% !important;
max-width: 50% !important;
display: flex !important; flex-direction: column !important;
align-items: stretch !important;
min-width: 0 !important;
} @media (min-width: 992px){
.produkte-equal-cards .gusta-grid > .column{
flex: 0 0 25% !important;
max-width: 25% !important;
}
} .produkte-equal-cards .gusta-grid > .column > .post-listing-container.show-container{
flex: 1 1 auto !important;
height: auto !important;
min-height: 0 !important;
display: flex !important;
flex-direction: column !important;
background: var(--p-green) !important; overflow: hidden !important; position: relative !important;
}
} .produkte-equal-cards .post-listing-container.show-container .gusta-post-meta.gusta-align-center{
background: #fff !important;
flex: 0 0 auto !important;
} .produkte-equal-cards .post-listing-container.show-container
.gusta-post-meta.gusta-align-center,
.produkte-equal-cards .post-listing-container.show-container
.gusta-post-meta.gusta-align-center *{
background-color: transparent !important;
}
.produkte-equal-cards .post-listing-container.show-container
.gusta-post-meta.gusta-align-center{
background-color:#fff !important;
} .produkte-equal-cards .post-listing-container.show-container .gusta-post-meta.gusta-align-left{
flex: 1 1 auto !important;
min-height: 0 !important;
display: flex !important;
flex-direction: column !important;
background: transparent !important;
} .produkte-equal-cards .post-listing-container.show-container
.gusta-post-meta.gusta-align-left,
.produkte-equal-cards .post-listing-container.show-container
.gusta-post-meta.gusta-align-left *{
background: transparent !important;
} .produkte-equal-cards .post-listing-container.show-container
.gusta-post-meta.gusta-align-left .wpb_wrapper{
flex: 1 1 auto !important;
min-height: 0 !important;
display: flex !important;
flex-direction: column !important;
} .produkte-equal-cards .post-listing-container.show-container
.gusta-post-meta.gusta-align-left .gusta-clear,
.produkte-equal-cards .post-listing-container.show-container
.gusta-post-meta.gusta-align-left .gusta-mobile-clear{
display: none !important;
} .produkte-equal-cards .post-listing-container.show-container
.gusta-post-meta.gusta-align-left .vc_empty_space{
margin-top: auto !important;
background: transparent !important;
} @media (max-width: 767px){
.produkte-equal-cards .gusta-grid{
display: block !important;
}
.produkte-equal-cards .gusta-grid > .column{
display: block !important;
max-width: none !important;
}
.produkte-equal-cards .gusta-grid > .column > .post-listing-container.show-container{
display: block !important;
height: auto !important;
min-height: 0 !important;
overflow: visible !important;
background: transparent !important;
}
.produkte-equal-cards .post-listing-container.show-container .gusta-post-meta.gusta-align-left{
display: block !important;
}
} .carousel-row { } @media (max-width: 1300px) { .carousel-row.vc_row,
.carousel-row.vc_row-fluid {
display: flex !important;
flex-wrap: wrap !important;
box-sizing: border-box !important;
} .carousel-row.vc_row > .wpb_column,
.carousel-row.vc_row-fluid > .wpb_column {
float: none !important;
} .carousel-row.vc_row > .wpb_column:nth-child(1),
.carousel-row.vc_row-fluid > .wpb_column:nth-child(1) {
order: 1;
width: 100% !important;
max-width: 100% !important;
} .carousel-row.vc_row > .wpb_column:nth-child(2),
.carousel-row.vc_row-fluid > .wpb_column:nth-child(2) {
order: 2;
width: 100% !important;
max-width: 100% !important;
margin-top: 30px;
} .carousel-row {
--cr-pad: clamp(4vw, 8vw, 8vw);
--cr-fix: 16px; } .carousel-row .ult-carousel-wrapper,
.carousel-row .ult-carousel-wrapper > [class*="ult-carousel-"],
.carousel-row .ult-carousel-wrapper .slick-slider {
padding-left: 0 !important;
padding-right: 0 !important;
box-sizing: border-box !important;
width: calc(100vw - (var(--cr-pad) * 2) - var(--cr-fix)) !important;
max-width: calc(100vw - (var(--cr-pad) * 2) - var(--cr-fix)) !important;
margin-left: auto !important;
margin-right: auto !important;
left: auto !important;
right: auto !important;
} .carousel-row .ult-carousel-wrapper .slick-list {
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
} @media (max-width: 991px) {
.carousel-row {
--cr-pad: clamp(2vw, 3vw, 4vw) !important;
--cr-fix: 0px !important;
}
} .section-cut-white {
position: relative;
overflow: hidden; } .section-cut-white > * {
position: relative;
z-index: 1;
} .section-cut-white::before,
.section-cut-white::after {
content: "";
position: absolute;
left: 0;
right: 0;
height: clamp(15px, 3vh, 30px); background: #ffffff;
z-index: 0;
pointer-events: none;
}
.section-cut-white::before {
top: 0; }
.section-cut-white::after {
bottom: 0; }
@media (max-width: 991px) {
.section-cut-white::before,
.section-cut-white::after {
display: none !important;
}
}  .white-cut-right,
.carousel-white-cut-right {
position: relative;
background-color: transparent !important;
background-image: linear-gradient(
to right,
#ECF0EE 0,
#ECF0EE calc(100% - 20vw),
#ffffff calc(100% - 20vw),
#ffffff 100%
) !important;
background-repeat: no-repeat;
background-size: 100% 100%;
} .white-cut-right .vc_column-inner,
.carousel-white-cut-right .vc_column-inner {
background-color: transparent !important;
} @media (max-width: 1299px) {
.white-cut-right,
.carousel-white-cut-right {
background-image: none !important;
background-color: #ECF0EE !important; }
}  .white-cut-right-green,
.carousel-white-cut-right-green {
position: relative;
background-color: transparent !important;
background-image: linear-gradient(
to right,
#E4F2D0 0,
#E4F2D0 calc(100% - 20vw),
#ffffff calc(100% - 20vw),
#ffffff 100%
) !important;
background-repeat: no-repeat;
background-size: 100% 100%;
} .white-cut-right-green .vc_column-inner,
.carousel-white-cut-right-green .vc_column-inner {
background-color: transparent !important;
} @media (max-width: 1299px) {
.white-cut-right-green,
.carousel-white-cut-right-green {
background-image: none !important;
background-color: #E4F2D0 !important; }
}  .white-cut-left,
.carousel-white-cut-left {
position: relative;
background-color: transparent !important;
background-image:
linear-gradient(
to right,
#ffffff 0,
#ffffff 20vw,
transparent 20vw,
transparent 100%
),
linear-gradient(
180deg,
#eef1f3 0%,
#e9edf0 38%,
#e4e8ec 72%,
#dfe4e8 100%
) !important;
background-repeat: no-repeat;
background-size: 100% 100%;
} .white-cut-left .vc_column-inner,
.carousel-white-cut-left .vc_column-inner {
background-color: transparent !important;
} @media (max-width: 1299px) {
.white-cut-left,
.carousel-white-cut-left {
background-image:
linear-gradient(
180deg,
#eef1f3 0%,
#e9edf0 38%,
#e4e8ec 72%,
#dfe4e8 100%
) !important;
background-color: transparent !important;
}
} .white-cut-left-trans {
position: relative !important;
background-color: transparent !important; background-image: linear-gradient(
180deg,
#eef1f3 0%,
#e9edf0 38%,
#e4e8ec 72%,
#dfe4e8 100%
) !important;
background-repeat: no-repeat !important;
background-size: 84% 100% !important; background-position: right top !important;
} .white-cut-left-trans > .vc_column-inner,
.white-cut-left-trans .vc_column-inner,
.white-cut-left-trans .wpb_wrapper,
.white-cut-left-trans .vc_row,
.white-cut-left-trans .wpb_column,
.white-cut-left-trans .vc_column_container {
background: transparent !important;
background-color: transparent !important;
} .white-cut-left-trans .weiss-innenblock > .vc_column-inner,
.white-cut-left-trans .shadow-card.weiss-innenblock > .vc_column-inner,
.white-cut-left-trans .vc_row.shadow-card > .wpb_column.weiss-innenblock > .vc_column-inner,
.white-cut-left-trans .wpb_row.shadow-card > .wpb_column.weiss-innenblock > .vc_column-inner {
background: transparent !important;
background-color: transparent !important;
} @media (max-width: 1299px) {
.white-cut-left-trans {
background-image: linear-gradient(
180deg,
#eef1f3 0%,
#e9edf0 38%,
#e4e8ec 72%,
#dfe4e8 100%
) !important;
background-size: 100% 100% !important;
background-position: left top !important;
background-color: transparent !important;
}
}  .vc_btn3-container.lifood-file-button{
display:block!important;
width:100%!important;
max-width:100%!important;
margin:0!important;
border-radius:999px!important;
overflow:hidden!important;
}
.vc_btn3-container.lifood-file-button.vc_btn3-inline{
display:block!important;
} .vc_btn3-container.lifood-file-button > a.vc_btn3,
.vc_btn3-container.lifood-file-button > a.vc_general{
display:flex!important;
width:100%!important;
max-width:100%!important;
box-sizing:border-box!important;
justify-content:flex-start!important;
text-align:left!important;
background:
linear-gradient(
135deg,
#efe49a 0%,
#f0c79f 24%,
#e5d6cb 48%,
#cfc6de 66%,
#9ec3e1 82%,
#62cde0 100%
) !important;
border:none!important;
border-radius:999px!important;
font-family:'Metropolis-Semibold', Arial, sans-serif!important;
font-size:clamp(0.9rem, 1vw, 2rem)!important;
line-height:1.3!important;
letter-spacing:-0.02em!important;
color:#000!important;
text-decoration:none!important;
position:relative!important;
padding:
clamp(14px, 1.1vw, 22px)
clamp(80px, 5vw, 110px)
clamp(14px, 1.1vw, 22px)
clamp(32px, 2.8vw, 56px) !important;
flex-direction:column!important;
align-items:flex-start!important;
gap:.25em!important;
} .vc_btn3-container.lifood-file-button > a.vc_btn3::after,
.vc_btn3-container.lifood-file-button > a.vc_general::after{
content:""!important;
position:absolute!important;
right:clamp(28px, 2.6vw, 48px)!important;
top:50%!important;
transform:translateY(-50%)!important;
width:clamp(26.25px, 1.8vw, 40px)!important;
height:clamp(26.25px, 1.8vw, 40px)!important;
background:url(https://li-food.de/wp-content/uploads/2026/04/download.png) center/contain no-repeat!important;
pointer-events:none!important;
} .vc_btn3-container.lifood-file-button > a .file-meta{
display:block!important;
font-family:"Metropolis-Medium", Arial, sans-serif!important;
font-size:0.7em!important;
line-height:1.1!important;
letter-spacing:-0.01em!important;
opacity:1!important;
}  .vc_btn3-container.lifood-link-button{
display:block!important;
width:100%!important;
max-width:100%!important;
margin:0!important;
border-radius:999px!important;
overflow:hidden!important;
}
.vc_btn3-container.lifood-link-button.vc_btn3-inline{
display:block!important;
} .vc_btn3-container.lifood-link-button > a.vc_btn3,
.vc_btn3-container.lifood-link-button > a.vc_general{
display:flex!important;
width:100%!important;
max-width:100%!important;
box-sizing:border-box!important;
justify-content:flex-start!important;
text-align:left!important;
align-items:center!important;
background:
linear-gradient(
135deg,
#efe49a 0%,
#f0c79f 24%,
#e5d6cb 48%,
#cfc6de 66%,
#9ec3e1 82%,
#62cde0 100%
) !important;
border:none!important;
border-radius:999px!important;
font-family:'Metropolis-Semibold', Arial, sans-serif!important;
font-size:clamp(0.9rem, 1vw, 2rem)!important;
line-height:1.3!important;
letter-spacing:-0.02em!important;
color:#000!important;
text-decoration:none!important;
position:relative!important;
min-height:64px!important;
padding:
clamp(14px, 1.1vw, 22px)
clamp(80px, 5vw, 110px)
clamp(14px, 1.1vw, 22px)
clamp(32px, 2.8vw, 56px) !important;
} .vc_btn3-container.lifood-link-button > a.vc_btn3::after,
.vc_btn3-container.lifood-link-button > a.vc_general::after{
content:""!important;
position:absolute!important;
right:clamp(28px, 2.6vw, 48px)!important;
top:50%!important;
transform:translateY(-50%)!important;
width:clamp(22.5px, 1.8vw, 40px)!important;
height:clamp(22.5px, 1.8vw, 40px)!important;
background:url(https://li-food.de/wp-content/uploads/2026/04/link.png) center/contain no-repeat!important;
pointer-events:none!important;
}  .blue-full-no-gap,
.blue-full-no-gap > .vc_column-inner {
background: #48b9e6 !important;
border: none !important;
box-shadow: none !important;
} .green-full-no-gap,
.green-full-no-gap > .vc_column-inner {
background: #8fba13 !important;
border: none !important;
box-shadow: none !important;
} .lila-full-no-gap,
.lila-full-no-gap > .vc_column-inner {
background: #d53e8d !important;
border: none !important;
box-shadow: none !important;
} .orange-full-no-gap,
.orange-full-no-gap > .vc_column-inner {
background: #f5a42e !important;
border: none !important;
box-shadow: none !important;
} .yellow-full-no-gap,
.yellow-full-no-gap > .vc_column-inner {
background: #fdc800 !important;
border: none !important;
box-shadow: none !important;
}  .bildkarte-1280x900,
.bildkarte-1280x900 > .vc_column-inner,
.bildkarte-1280x900 > .vc_column-inner > .wpb_wrapper {
margin: 0 !important;
padding: 0 !important;
position: relative !important;
} .bildkarte-1280x900 div.ss-element.gusta-image-as-background {
position: relative !important;
display: block !important;
width: 100% !important;
height: 0 !important;
min-height: 0 !important;
max-height: none !important;
padding-top: 70.3125% !important; overflow: hidden !important;
background-size: cover !important;
background-position: center center !important;
background-repeat: no-repeat !important;
} .bildkarte-1280x900 a.gusta-image-as-background {
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
width: 100% !important;
height: 100% !important;
z-index: 2 !important;
display: block !important;
background: transparent !important;
text-decoration: none !important;
} .bildkarte-1280x900 .gusta-align-left,
.bildkarte-1280x900 .gusta-clear,
.bildkarte-1280x900 .gusta-mobile-clear {
display: none !important;
} .top-thema-mobile {
display: none !important;
}
@media (max-width: 1200px) {
.top-thema-desktop {
display: none !important;
}
.top-thema-mobile {
display: block !important;
}
} .top-thema-text-unten {
position: relative !important;
}
.top-thema-text-unten > .vc_column-inner {
position: relative !important;
min-height: 100% !important;
height: 100% !important;
} .top-thema-text-unten .gusta-clear,
.top-thema-text-unten .gusta-mobile-clear {
display: none !important;
}  .top-thema-text-unten .top-thema-button-unten,
.top-thema-text-unten a.top-thema-button-unten,
.top-thema-text-unten .top-thema-button-unten.gusta-read-more-button,
.top-thema-text-unten .top-thema-button-unten.gusta-icon-link {
position: relative !important;
left: auto !important;
right: auto !important;
top: auto !important;
bottom: auto !important;
display: inline-flex !important;
margin-top: 50px !important;
margin-bottom: 0 !important;
z-index: auto !important;
}
@media (max-width: 1300px) {
.top-thema-text-unten .top-thema-button-unten,
.top-thema-text-unten a.top-thema-button-unten,
.top-thema-text-unten .top-thema-button-unten.gusta-read-more-button,
.top-thema-text-unten .top-thema-button-unten.gusta-icon-link {
position: relative !important;
left: auto !important;
bottom: auto !important;
display: inline-flex !important;
margin-top: 30px !important;
z-index: auto !important;
}
}  .gusta-post-meta.gusta-align-left > p.gusta-post-custom-field.acf-link{
display: block !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important; font-size: 0 !important;
line-height: 0 !important;
} .gusta-post-meta.gusta-align-left > p.gusta-post-custom-field.acf-link > a.acf-link-label{
display: flex !important;
width: 100% !important;
max-width: 100% !important; min-height: clamp(46px, 4.2vw, 64px) !important;
box-sizing: border-box !important;
align-items: center !important;
justify-content: flex-start !important;
margin: 0 !important; padding: clamp(8px, 0.85vw, 16px)
clamp(54px, 4.5vw, 86px)
clamp(8px, 0.85vw, 16px)
clamp(18px, 2.4vw, 46px) !important;
background: #ffffff !important;
border: 0 !important;
border-radius: 50px !important;
box-shadow: none !important;
outline: none !important;
position: relative !important;
text-decoration: none !important;
text-align: left !important;
cursor: pointer !important;
color: #161922 !important;
-webkit-text-fill-color: #161922 !important;
font-family: "Zona-Pro-Bold", Arial, sans-serif !important;
font-size: clamp(0.9rem, 1vw, 2rem) !important;
line-height: 1.2 !important;
letter-spacing: -0.02em !important;
} .gusta-post-meta.gusta-align-left > p.gusta-post-custom-field.acf-link > a.acf-link-label::before{
content: none !important;
display: none !important;
background: none !important;
} .gusta-post-meta.gusta-align-left > p.gusta-post-custom-field.acf-link > a.acf-link-label::after{
content: "" !important;
position: absolute !important; right: clamp(18px, 2vw, 38px) !important;
top: 50% !important;
transform: translateY(-50%) !important;
width: clamp(24px, 1.6vw, 30px) !important;
height: clamp(24px, 1.6vw, 30px) !important;
background: url(https://li-food.de/wp-content/uploads/2026/04/link.png) center / contain no-repeat !important;
pointer-events: none !important;
} .gusta-post-meta.gusta-align-left > p.gusta-post-custom-field.acf-link > a.acf-link-label > .ss-element-item{
display: flex !important;
align-items: center !important;
width: 100% !important;
min-height: 100% !important;
margin: 0 !important;
padding: 0 !important;
color: #161922 !important;
-webkit-text-fill-color: #161922 !important;
text-decoration: none !important;
font-family: "Zona-Pro-Bold", Arial, sans-serif !important;
font-size: clamp(0.9rem, 1vw, 2rem) !important;
line-height: 1.2 !important;
letter-spacing: -0.02em !important;
} .gusta-post-meta.gusta-align-left > p.gusta-post-custom-field.acf-link > a.acf-link-label:hover,
.gusta-post-meta.gusta-align-left > p.gusta-post-custom-field.acf-link > a.acf-link-label:focus,
.gusta-post-meta.gusta-align-left > p.gusta-post-custom-field.acf-link > a.acf-link-label:active{
text-decoration: none !important;
color: #161922 !important;
-webkit-text-fill-color: #161922 !important;
box-shadow: none !important;
outline: none !important;
} #Link.link-row-hidden,
#Link.link-row-hidden.vc_row,
#Link.link-row-hidden.vc_row.wpb_row,
#Link.link-row-hidden.padding-top-less,
#Link.link-row-hidden.padding-bottom-less,
#Link.link-row-hidden.vc_row.wpb_row.padding-top-less,
#Link.link-row-hidden.vc_row.wpb_row.padding-bottom-less {
display: none !important;
margin: 0 !important;
padding: 0 !important;
min-height: 0 !important;
}  .gusta-post-meta.gusta-align-left > a.gusta-post-custom-field.acf-download,
.gusta-post-meta.gusta-align-left > a.acf-download,
.gusta-post-meta.gusta-align-left > a.acf-download-link{
display: flex !important;
width: 100% !important;
max-width: 100% !important; min-height: clamp(46px, 4.2vw, 64px) !important;
box-sizing: border-box !important;
align-items: center !important;
justify-content: flex-start !important;
margin: 0 !important; padding: clamp(8px, 0.85vw, 16px)
clamp(54px, 4.5vw, 86px)
clamp(8px, 0.85vw, 16px)
clamp(18px, 2.4vw, 46px) !important;
background: #ffffff !important;
border: 0 !important;
border-radius: 50px !important;
box-shadow: none !important;
outline: none !important;
position: relative !important;
text-decoration: none !important;
text-align: left !important;
cursor: pointer !important;
color: #161922 !important;
-webkit-text-fill-color: #161922 !important;
font-family: "Zona-Pro-Bold", Arial, sans-serif !important;
font-size: clamp(0.9rem, 1vw, 2rem) !important;
line-height: 1.2 !important;
letter-spacing: -0.02em !important;
} .gusta-post-meta.gusta-align-left > a.gusta-post-custom-field.acf-download::before,
.gusta-post-meta.gusta-align-left > a.acf-download::before,
.gusta-post-meta.gusta-align-left > a.acf-download-link::before{
content: none !important;
display: none !important;
background: none !important;
} .gusta-post-meta.gusta-align-left > a.gusta-post-custom-field.acf-download::after,
.gusta-post-meta.gusta-align-left > a.acf-download::after,
.gusta-post-meta.gusta-align-left > a.acf-download-link::after{
content: "" !important;
position: absolute !important; right: clamp(18px, 2vw, 38px) !important;
top: 50% !important;
transform: translateY(-50%) !important;
width: clamp(24px, 1.6vw, 30px) !important;
height: clamp(24px, 1.6vw, 30px) !important;
background: url(https://li-food.de/wp-content/uploads/2026/04/download.png) center / contain no-repeat !important;
pointer-events: none !important;
} .gusta-post-meta.gusta-align-left > a.gusta-post-custom-field.acf-download > .ss-element-item,
.gusta-post-meta.gusta-align-left > a.acf-download > .ss-element-item,
.gusta-post-meta.gusta-align-left > a.acf-download-link > .ss-element-item{
display: flex !important;
align-items: center !important;
width: 100% !important;
min-height: 100% !important;
margin: 0 !important;
padding: 0 !important;
color: #161922 !important;
-webkit-text-fill-color: #161922 !important;
text-decoration: none !important;
font-family: "Zona-Pro-Bold", Arial, sans-serif !important;
font-size: clamp(0.9rem, 1vw, 2rem) !important;
line-height: 1.2 !important;
letter-spacing: -0.02em !important;
} .gusta-post-meta.gusta-align-left > a.gusta-post-custom-field.acf-download:hover,
.gusta-post-meta.gusta-align-left > a.gusta-post-custom-field.acf-download:focus,
.gusta-post-meta.gusta-align-left > a.gusta-post-custom-field.acf-download:active,
.gusta-post-meta.gusta-align-left > a.acf-download:hover,
.gusta-post-meta.gusta-align-left > a.acf-download:focus,
.gusta-post-meta.gusta-align-left > a.acf-download:active,
.gusta-post-meta.gusta-align-left > a.acf-download-link:hover,
.gusta-post-meta.gusta-align-left > a.acf-download-link:focus,
.gusta-post-meta.gusta-align-left > a.acf-download-link:active{
text-decoration: none !important;
color: #161922 !important;
-webkit-text-fill-color: #161922 !important;
box-shadow: none !important;
outline: none !important;
} .download-label-hide{
display: block;
} #Download.download-row-hidden,
#Download.download-row-hidden.vc_row,
#Download.download-row-hidden.vc_row.wpb_row,
#Download.download-row-hidden.padding-top-less,
#Download.download-row-hidden.padding-bottom-less,
#Download.download-row-hidden.vc_row.wpb_row.padding-top-less,
#Download.download-row-hidden.vc_row.wpb_row.padding-bottom-less {
display: none !important;
margin: 0 !important;
padding: 0 !important;
min-height: 0 !important;
}  body.single-post .carousel-row.white-cut-left-trans {
position: relative !important;
overflow: visible !important;
} body.single-post .carousel-row.white-cut-left-trans > .wpb_column:first-child,
body.single-post .carousel-row.white-cut-left-trans > .wpb_column:first-child > .vc_column-inner,
body.single-post .carousel-row.white-cut-left-trans > .wpb_column:first-child > .vc_column-inner > .wpb_wrapper {
position: relative !important;
overflow: visible !important;
} body.single-post .carousel-row.white-cut-left-trans > .wpb_column:first-child > .vc_column-inner > .wpb_wrapper > div:first-child {
position: absolute !important;
left: 15vw !important;
top: -35px !important;
z-index: 99999 !important;
display: block !important;
width: auto !important;
max-width: 600px !important;
margin: 0 !important;
padding: 0 !important;
font-size: clamp(10px, 0.7vw, 12px) !important;
line-height: 1.15 !important;
font-weight: 600 !important;
color: rgba(0, 0, 0, 0.5) !important;
background: transparent !important;
opacity: 1 !important;
visibility: visible !important;
pointer-events: none !important;
} body.single-post .carousel-row.white-cut-left-trans > .wpb_column:first-child > .vc_column-inner > .wpb_wrapper > div:first-child h6,
body.single-post .carousel-row.white-cut-left-trans > .wpb_column:first-child > .vc_column-inner > .wpb_wrapper > div:first-child p {
margin: 0 !important;
padding: 0 !important;
font-size: inherit !important;
line-height: inherit !important;
font-weight: inherit !important;
color: rgba(0, 0, 0, 0.5) !important;
background: transparent !important;
opacity: 1 !important;
visibility: visible !important;
} body.single-post .carousel-row.white-cut-left-trans > .wpb_column:first-child .shadow-card-image-top-thema {
position: relative !important;
z-index: 10 !important;
} body.single-post .carousel-row.white-cut-left-trans.caption-zweizeilig 
> .wpb_column:first-child > .vc_column-inner > .wpb_wrapper > div:first-child {
top: -37px !important;
} @media (max-width: 1300px) {
body.single-post.postid-1014712 
.carousel-row.white-cut-left-trans > .wpb_column:first-child > .vc_column-inner > .wpb_wrapper > div:first-child {
top: -35px !important;
}
} .icon-size {
--icon-size: clamp(2.6em, 4vw, 4em);
position: relative;
display: block;
width: var(--icon-size) !important;
height: var(--icon-size) !important;
margin-top: clamp(0.8em, 1.5vw, 1.25em) !important;
} .icon-size .wpb_single_image,
.icon-size .vc_single_image-wrapper {
display: block;
width: var(--icon-size) !important;
height: var(--icon-size) !important;
margin: 0 !important;
} .icon-size img {
width: var(--icon-size) !important;
height: var(--icon-size) !important;
max-width: var(--icon-size) !important;
object-fit: contain !important;
display: block;
opacity: 1;
transition: opacity 0.2s ease;
} .icon-size::after {
content: "";
position: absolute;
inset: 0;
width: var(--icon-size);
height: var(--icon-size);
background-image: url(https://li-food.de/wp-content/uploads/2026/05/lifood-icon-dokument-over.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
opacity: 0;
pointer-events: none;
transition: opacity 0.2s ease;
} .post-listing-container:hover .icon-size img {
opacity: 0;
}
.post-listing-container:hover .icon-size::after {
opacity: 1;
} .icon-text-row {
display: flex !important;
align-items: flex-start !important;
column-gap: 0 !important;
} .icon-text-row > .wpb_column:first-child {
width: clamp(3.2em, 6vw, 6em) !important;
max-width: clamp(3.2em, 6vw, 6em) !important;
flex: 0 0 clamp(3.2em, 6vw, 6em) !important;
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
} .icon-text-row > .wpb_column:nth-child(2) {
width: auto !important;
max-width: none !important;
flex: 1 1 auto !important;
min-width: 0 !important;
padding-left: 0 !important;
margin-left: 0 !important;
} .icon-text-row > .wpb_column > .vc_column-inner,
.icon-text-row > .wpb_column > .vc_column-inner > .wpb_wrapper {
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
} .arrow-size {
--arrow-size: clamp(1.6em, 2.2vw, 2.4em);
position: relative;
display: block;
width: var(--arrow-size) !important;
height: var(--arrow-size) !important;
} .arrow-size .wpb_single_image,
.arrow-size .vc_single_image-wrapper {
display: block;
width: var(--arrow-size) !important;
height: var(--arrow-size) !important;
margin: 0 !important;
} .arrow-size img {
width: var(--arrow-size) !important;
height: var(--arrow-size) !important;
max-width: var(--arrow-size) !important;
object-fit: contain !important;
display: block;
opacity: 1;
transition: opacity 0.2s ease;
} .arrow-size::after {
content: "";
position: absolute;
inset: 0;
width: var(--arrow-size);
height: var(--arrow-size);
background-image: url(https://li-food.de/wp-content/uploads/2026/05/lifood-icon-arrow-right-over.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
opacity: 0;
pointer-events: none;
transition: opacity 0.2s ease;
} .post-listing-container:hover .arrow-size img {
opacity: 0;
}
.post-listing-container:hover .arrow-size::after {
opacity: 1;
}  .arrow-size {
margin-top: 0 !important;
align-self: center !important;
} .icon-text-row > .wpb_column:last-child {
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
} .icon-text-row .wpb_column:first-child {
width: auto !important;
flex: 0 0 auto !important;
padding-right: 2vw !important;
}
.icon-text-row .wpb_column:nth-child(2) {
padding-left: 0 !important;
}  @media screen and (max-width: 991px) {
.hide-under-991 {
display: none !important;
}
} @media (max-width: 1300px) {
.vc_row.wpb_row.padding-top-less,
.vc_row.wpb_row.padding-bottom-less,
.vc_row.wpb_row.carousel-row.padding-top-less,
.vc_row.wpb_row.carousel-row.padding-bottom-less,
.vc_row.wpb_row.white-cut-left.padding-top-less,
.vc_row.wpb_row.white-cut-left.padding-bottom-less,
.vc_row.wpb_row.carousel-row.white-cut-left.padding-top-less,
.vc_row.wpb_row.carousel-row.white-cut-left.padding-bottom-less {
padding-top: 0 !important;
padding-bottom: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.vc_row.wpb_row.padding-top-less > .wpb_column > .vc_column-inner,
.vc_row.wpb_row.padding-bottom-less > .wpb_column > .vc_column-inner,
.vc_row.wpb_row.carousel-row.padding-top-less > .wpb_column > .vc_column-inner,
.vc_row.wpb_row.carousel-row.padding-bottom-less > .wpb_column > .vc_column-inner,
.vc_row.wpb_row.white-cut-left.padding-top-less > .wpb_column > .vc_column-inner,
.vc_row.wpb_row.white-cut-left.padding-bottom-less > .wpb_column > .vc_column-inner,
.vc_row.wpb_row.carousel-row.white-cut-left.padding-top-less > .wpb_column > .vc_column-inner,
.vc_row.wpb_row.carousel-row.white-cut-left.padding-bottom-less > .wpb_column > .vc_column-inner {
padding-top: 0 !important;
padding-bottom: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
} @media (max-width: 991px) {
.text-row-overlay {
margin-bottom: 0 !important;
}
}
@media (max-width: 991px) {
.text-row-overlay h1,
.text-row-overlay .vc_custom_heading,
h1.ueberschrift-less.element-oben {
display: none !important;
}
} @media screen and (max-width: 991px) { html body #Wrapper #Content .wpb_column.weiss-innenblock.uberschrift,
html body #Wrapper #Content .vc_column_container.weiss-innenblock.uberschrift,
html body #Wrapper #Content .wpb_column.weiss-innenblock.ueberschrift,
html body #Wrapper #Content .vc_column_container.weiss-innenblock.ueberschrift {
padding-top: 0 !important;
padding-bottom: 8px !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
position: relative !important;
left: auto !important;
top: auto !important;
height: auto !important;
min-height: 0 !important;
}
html body #Wrapper #Content .weiss-innenblock.uberschrift > .vc_column-inner,
html body #Wrapper #Content .weiss-innenblock.ueberschrift > .vc_column-inner,
html body #Wrapper #Content .weiss-innenblock.uberschrift > .vc_column-inner > .wpb_wrapper,
html body #Wrapper #Content .weiss-innenblock.ueberschrift > .vc_column-inner > .wpb_wrapper {
padding-top: 0 !important;
padding-bottom: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
html body #Wrapper #Content .weiss-innenblock.uberschrift .h5-custom-font-slash,
html body #Wrapper #Content .weiss-innenblock.ueberschrift .h5-custom-font-slash,
html body #Wrapper #Content .weiss-innenblock.uberschrift h5,
html body #Wrapper #Content .weiss-innenblock.ueberschrift h5 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
} .gusta-post-carousel .post-listing-container .vc_row-no-padding > .padding-top-less {
padding-top: 0 !important;
margin-top: 0 !important;
} .gusta-post-carousel .post-listing-container .vc_row-no-padding > .padding-top-less > .vc_column-inner {
padding-top: 0 !important;
margin-top: 0 !important;
} .gusta-post-carousel .post-listing-container .gusta-image-as-background {
margin-top: 0 !important;
padding-top: 0 !important;
top: 0 !important;
} .post-listing-container.show-container .actionlink,
.post-listing-container.show-container .actionlink:hover {
filter: none !important;
-webkit-filter: none !important;
box-shadow: none !important;
-webkit-box-shadow: none !important;
} .cmplz-cookiebanner,
.cmplz-cookiebanner p,
.cmplz-cookiebanner .cmplz-message,
.cmplz-cookiebanner .cmplz-title,
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
font-size: 16px !important;
line-height: 1.4 !important;
}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
font-family: "Barlow-SemiBold", Arial, sans-serif !important;
font-weight: 600 !important;
font-size: 16px !important;
} .cmplz-cookiebanner .cmplz-title {
font-family: "Barlow-Bold", Arial, sans-serif !important;
font-weight: 700 !important;
font-size: 16px !important;
line-height: 1.4 !important;
} .cmplz-cookiebanner .cmplz-categories,
.cmplz-cookiebanner .cmplz-category,
.cmplz-cookiebanner .cmplz-category-header,
.cmplz-cookiebanner .cmplz-category-title,
.cmplz-cookiebanner .cmplz-label,
.cmplz-cookiebanner .screen-reader-text {
font-family: "Barlow-SemiBold", Arial, sans-serif !important;
font-weight: 600 !important;
font-size: 13px !important;
line-height: 1.4 !important;
}  .gusta-icon-link i.vc-material-arrow_upward {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
height: 100% !important;
line-height: 1 !important;
vertical-align: middle !important;
}