.elementor-534 .elementor-element.elementor-element-82068f6{--display:flex;--min-height:65vh;--justify-content:center;--gap:20px 0px;--row-gap:20px;--column-gap:0px;--padding-top:0150px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-534 .elementor-element.elementor-element-82068f6:not(.elementor-motion-effects-element-type-background), .elementor-534 .elementor-element.elementor-element-82068f6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#302B2B;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-534 .elementor-element.elementor-element-cdbf97d .elementor-heading-title{font-family:"Lemon Milk", Sans-serif;font-size:15px;font-weight:500;color:#B3103A;}.elementor-534 .elementor-element.elementor-element-f0c3def .elementor-heading-title{font-family:"Lemon Milk", Sans-serif;font-size:70px;font-weight:600;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-534 .elementor-element.elementor-element-68a69fc{font-family:"Inter", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-534 .elementor-element.elementor-element-02d21f6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:100px;--padding-bottom:100px;--padding-left:15px;--padding-right:15px;}.elementor-534 .elementor-element.elementor-element-02d21f6:not(.elementor-motion-effects-element-type-background), .elementor-534 .elementor-element.elementor-element-02d21f6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFAF7;background-image:url("https://samuraifood.de/wp-content/uploads/2026/05/samuraifoodzeichen1.webp");background-position:-181px 0px;background-repeat:no-repeat;background-size:27% auto;}.elementor-534 .elementor-element.elementor-element-0ec80a5{--display:flex;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
.elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-534 .elementor-element.elementor-element-4c85140 .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-534 .elementor-element.elementor-element-4c85140 .elementor-icon-box-title, .elementor-534 .elementor-element.elementor-element-4c85140 .elementor-icon-box-title a{font-family:"Lemon Milk", Sans-serif;font-weight:600;}.elementor-534 .elementor-element.elementor-element-1d86a43 .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-534 .elementor-element.elementor-element-1d86a43 .elementor-icon-box-title, .elementor-534 .elementor-element.elementor-element-1d86a43 .elementor-icon-box-title a{font-family:"Lemon Milk", Sans-serif;font-weight:600;}.elementor-534 .elementor-element.elementor-element-e2a3e95 .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-534 .elementor-element.elementor-element-e2a3e95 .elementor-icon-box-title, .elementor-534 .elementor-element.elementor-element-e2a3e95 .elementor-icon-box-title a{font-family:"Lemon Milk", Sans-serif;font-weight:600;}.elementor-534 .elementor-element.elementor-element-e69255d .elementor-icon-box-wrapper{align-items:start;gap:15px;}.elementor-534 .elementor-element.elementor-element-e69255d .elementor-icon-box-title, .elementor-534 .elementor-element.elementor-element-e69255d .elementor-icon-box-title a{font-family:"Lemon Milk", Sans-serif;font-weight:600;}.elementor-534 .elementor-element.elementor-element-82fb0c8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:100px;--padding-bottom:100px;--padding-left:15px;--padding-right:15px;}.elementor-534 .elementor-element.elementor-element-82fb0c8:not(.elementor-motion-effects-element-type-background), .elementor-534 .elementor-element.elementor-element-82fb0c8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFAF7;}.elementor-534 .elementor-element.elementor-element-f66e8d9{--display:flex;}.elementor-534 .elementor-element.elementor-element-5380c5c{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-534 .elementor-element.elementor-element-1a1c838{font-family:"Lemon Milk", Sans-serif;font-size:15px;font-weight:600;color:#D11444;}.elementor-534 .elementor-element.elementor-element-01a085d .elementor-heading-title{font-family:"Lemon Milk", Sans-serif;font-size:45px;font-weight:600;}.elementor-534 .elementor-element.elementor-element-7487d04{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#222222;--border-color:#222222;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-534 .elementor-element.elementor-element-8ffd9df{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-534 .elementor-element.elementor-element-3ee9b04{--display:flex;--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-534 .elementor-element.elementor-element-3ee9b04:not(.elementor-motion-effects-element-type-background), .elementor-534 .elementor-element.elementor-element-3ee9b04 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-534 .elementor-element.elementor-element-81d67a4 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-534 .elementor-element.elementor-element-81d67a4.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-534 .elementor-element.elementor-element-81d67a4.elementor-view-framed .elementor-icon, .elementor-534 .elementor-element.elementor-element-81d67a4.elementor-view-default .elementor-icon{fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-534 .elementor-element.elementor-element-0665752{--display:flex;--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-534 .elementor-element.elementor-element-0665752:not(.elementor-motion-effects-element-type-background), .elementor-534 .elementor-element.elementor-element-0665752 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#222222;}.elementor-534 .elementor-element.elementor-element-e5cbbc1 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-534 .elementor-element.elementor-element-e5cbbc1.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-534 .elementor-element.elementor-element-e5cbbc1.elementor-view-framed .elementor-icon, .elementor-534 .elementor-element.elementor-element-e5cbbc1.elementor-view-default .elementor-icon{fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-534 .elementor-element.elementor-element-e5cbbc1 .elementor-icon-box-title{color:#FFFFFF;}.elementor-534 .elementor-element.elementor-element-e5cbbc1 .elementor-icon-box-description{color:#FFFFFF;}.elementor-534 .elementor-element.elementor-element-420ee33{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-534 .elementor-element.elementor-element-d553d20{--display:flex;--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-534 .elementor-element.elementor-element-d553d20:not(.elementor-motion-effects-element-type-background), .elementor-534 .elementor-element.elementor-element-d553d20 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#222222;}.elementor-534 .elementor-element.elementor-element-25108ed .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-534 .elementor-element.elementor-element-25108ed.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-534 .elementor-element.elementor-element-25108ed.elementor-view-framed .elementor-icon, .elementor-534 .elementor-element.elementor-element-25108ed.elementor-view-default .elementor-icon{fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-534 .elementor-element.elementor-element-25108ed .elementor-icon-box-title{color:#FFFFFF;}.elementor-534 .elementor-element.elementor-element-25108ed:has(:hover) .elementor-icon-box-title,
.elementor-534 .elementor-element.elementor-element-25108ed:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-secondary );}.elementor-534 .elementor-element.elementor-element-25108ed .elementor-icon-box-description{color:#FFFFFF;}.elementor-534 .elementor-element.elementor-element-5914f19{--display:flex;--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;}.elementor-534 .elementor-element.elementor-element-5914f19:not(.elementor-motion-effects-element-type-background), .elementor-534 .elementor-element.elementor-element-5914f19 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-534 .elementor-element.elementor-element-2b39eda .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-534 .elementor-element.elementor-element-2b39eda.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-534 .elementor-element.elementor-element-2b39eda.elementor-view-framed .elementor-icon, .elementor-534 .elementor-element.elementor-element-2b39eda.elementor-view-default .elementor-icon{fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-534 .elementor-element.elementor-element-2b39eda .elementor-icon-box-title, .elementor-534 .elementor-element.elementor-element-2b39eda .elementor-icon-box-title a{font-family:"Lemon Milk", Sans-serif;font-weight:600;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-534 .elementor-element.elementor-element-02d21f6:not(.elementor-motion-effects-element-type-background), .elementor-534 .elementor-element.elementor-element-02d21f6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}@media(max-width:767px){.elementor-534 .elementor-element.elementor-element-82068f6{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:125px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-534 .elementor-element.elementor-element-f0c3def{text-align:center;}.elementor-534 .elementor-element.elementor-element-f0c3def .elementor-heading-title{font-size:26px;}.elementor-534 .elementor-element.elementor-element-68a69fc{text-align:center;}.elementor-534 .elementor-element.elementor-element-02d21f6:not(.elementor-motion-effects-element-type-background), .elementor-534 .elementor-element.elementor-element-02d21f6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-534 .elementor-element.elementor-element-02d21f6{--padding-top:50px;--padding-bottom:50px;--padding-left:15px;--padding-right:15px;}.elementor-534 .elementor-element.elementor-element-0ec80a5{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-534 .elementor-element.elementor-element-4c85140 .elementor-icon-box-title, .elementor-534 .elementor-element.elementor-element-4c85140 .elementor-icon-box-title a{font-size:19px;}.elementor-534 .elementor-element.elementor-element-1d86a43 .elementor-icon-box-title, .elementor-534 .elementor-element.elementor-element-1d86a43 .elementor-icon-box-title a{font-size:19px;}.elementor-534 .elementor-element.elementor-element-e2a3e95 .elementor-icon-box-title, .elementor-534 .elementor-element.elementor-element-e2a3e95 .elementor-icon-box-title a{font-size:19px;}.elementor-534 .elementor-element.elementor-element-e69255d .elementor-icon-box-title, .elementor-534 .elementor-element.elementor-element-e69255d .elementor-icon-box-title a{font-size:19px;}.elementor-534 .elementor-element.elementor-element-82fb0c8{--padding-top:50px;--padding-bottom:50px;--padding-left:15px;--padding-right:15px;}.elementor-534 .elementor-element.elementor-element-f66e8d9{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-534 .elementor-element.elementor-element-1a1c838{text-align:center;}.elementor-534 .elementor-element.elementor-element-01a085d{text-align:center;}.elementor-534 .elementor-element.elementor-element-01a085d .elementor-heading-title{font-size:31px;}.elementor-534 .elementor-element.elementor-element-81d67a4 .elementor-icon-box-wrapper{text-align:center;}.elementor-534 .elementor-element.elementor-element-e5cbbc1 .elementor-icon-box-wrapper{text-align:center;}.elementor-534 .elementor-element.elementor-element-420ee33{--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;}.elementor-534 .elementor-element.elementor-element-25108ed .elementor-icon-box-wrapper{text-align:center;}.elementor-534 .elementor-element.elementor-element-5914f19{--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-534 .elementor-element.elementor-element-2b39eda .elementor-icon-box-wrapper{text-align:center;}.elementor-534 .elementor-element.elementor-element-2b39eda .elementor-icon-box-title, .elementor-534 .elementor-element.elementor-element-2b39eda .elementor-icon-box-title a{font-size:21px;}}/* Start custom CSS */@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@900&display=swap');
/* ========================================
HERO SECTION
======================================== */
.sf-hero-section{
position:relative !important;
overflow:hidden !important;
}
/* Riesiges 侍-Kanji im Hintergrund */
.sf-hero-section::before{
content:"侍";
position:absolute;
right:-6%;
top:-14%;
font-family:"Noto Sans JP", sans-serif;
font-weight:900;
font-size:clamp(420px, 58vw, 820px);
line-height:.8;
color:rgba(209,20,68,.1);
pointer-events:none;
user-select:none;
z-index:1;
letter-spacing:-.05em;
transform: translateY(var(--kanji-y, 0));
will-change: transform;
}
/* Dunkle Vignette darüber */
.sf-hero-section::after{
content:"";
position:absolute;
inset:0;
pointer-events:none;
z-index:2;
background:radial-gradient(80% 60% at 50% 45%, transparent 0%, rgba(0,0,0,.15) 100%);
mix-blend-mode:multiply;
}
/* Inhalte über dem Kanji-Layer */
.sf-hero-section > .e-con-inner{
position:relative;
z-index:10;
}
/* ========================================
VISUAL (rechte Spalte)
======================================== */
.sf-visual-wrap{
position:relative;
height:720px;
display:flex;
align-items:center;
justify-content:center;
}
/* Rote Scheibe */
.sf-disk{
position:absolute;
left:50%; top:50%;
width:500px; height:500px;
margin-left:-250px; margin-top:-250px;
border-radius:50%;
background:radial-gradient(circle at 35% 35%, #E8255A 0%, #D11444 55%, #9A0D30 100%);
box-shadow:0 40px 120px rgba(209,20,68,.45), inset 0 -40px 80px rgba(0,0,0,.25);
z-index:1;
}
/* Gestrichelter Ring */
.sf-ring{
position:absolute;
left:50%; top:50%;
width:580px; height:580px;
margin-left:-290px; margin-top:-290px;
z-index:2;
pointer-events:none;
opacity:.3;
transform-origin:50% 50%;
}
/* Produktbild */
.sf-product{
position:relative;
z-index:3;
height:85%;
width:auto;
max-width:100%;
filter:drop-shadow(0 40px 50px rgba(0,0,0,.55));
object-fit:contain;
}
/* Badges */
.sf-badge{
position:absolute;
z-index:5;
padding:8px 14px;
background:rgba(11,11,11,.8);
border:1px solid rgba(255,255,255,.2);
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);
font-family:"LEMON MILK","Bai Jamjuree",sans-serif;
font-size:10px;
font-weight:700;
letter-spacing:.18em;
text-transform:uppercase;
color:#FAFAF7;
white-space:nowrap;
}
.sf-badge--tl{ left:8%; top:14%; }
.sf-badge--tr{ left:80%; top:16%; }
.sf-badge--br{ left:84%; top:78%; }
.sf-badge--bl{ left:4%; top:76%; }
.sf-badge--price{
background:#D11444;
border-color:#D11444;
font-size:16px;
}
/* Visual-Startzustände (werden per GSAP animiert) */
.sf-disk, .sf-product, .sf-badge{
opacity:0;
}
/* ========================================
HEADLINES: Char-Animation Startzustand
======================================== */
.hero-headline-1 .hero-char,
.hero-headline-2 .hero-char{
display:inline-block;
opacity:0;
}
/* PUSH-POP in Rot */
.hero-headline-2 .elementor-heading-title{
color:#D11444 !important;
}
/* ========================================
MOBILE
======================================== */
@media (max-width: 768px){
.sf-hero-section::before{
font-size:clamp(300px, 80vw, 500px);
top:-8%;
right:-15%;
}
.sf-visual-wrap{ height:480px; }
.sf-disk{ width:340px; height:340px; margin-left:-170px; margin-top:-170px; }
.sf-ring{ width:400px; height:400px; margin-left:-200px; margin-top:-200px; }
.sf-badge{ font-size:9px; padding:6px 10px; }
.sf-badge--price{ font-size:13px; }
.sf-badge--tr{ left:56%; top:16%;box-shadow:rgba(0, 0, 0, 0.35) 0px 5px 15px; }
.sf-badge--br{ left:66%; top:78%; }
}
/* ========================================
HOW IT WORKS SECTION
======================================== */
.hiw-section{
position:relative !important;
overflow:hidden !important;
background:#FAFAF7;
}
/* 道-Kanji im Hintergrund */
.hiw-section::before{
content:"道";
position:absolute;
left:-5%;
top:-10%;
font-family:"Noto Sans JP", sans-serif;
font-weight:900;
font-size:clamp(320px, 42vw, 620px);
line-height:.8;
color:rgba(17,17,17,.04);
pointer-events:none;
user-select:none;
z-index:0;
transform: translateY(var(--kanji-y-hiw, 0));
will-change: transform;
}
/* Inhalt über den Hintergrund */
.hiw-section > .e-con-inner{
position:relative;
z-index:2;
max-width:1280px;
margin:0 auto;
}
/* ===== Header ===== */
.hiw-header{
max-width:720px !important;
margin-bottom:72px !important;
}
.hiw-eyebrow .elementor-widget-container p{
display:inline-block;
padding:8px 14px;
background:rgba(209,20,68,.1);
border:1px solid rgba(209,20,68,.35);
font-family:"LEMON MILK","Bai Jamjuree",sans-serif;
font-size:11px;
font-weight:700;
letter-spacing:.24em;
text-transform:uppercase;
color:#D11444;
margin:0 0 32px 0;
border-radius:2px;
}
.hiw-title .elementor-heading-title{
font-family:"LEMON MILK","Bai Jamjuree",sans-serif;
font-size:clamp(36px, 5vw, 64px);
line-height:1.05;
text-transform:uppercase;
letter-spacing:.02em;
margin:0 0 24px;
color:#111;
text-wrap:balance;
}
/* Zweite Zeile in Rot (nach dem
) */
.hiw-title .elementor-heading-title br + *,
.hiw-title .elementor-heading-title::after{
/* Workaround für
: siehe JS */
}
.hiw-lede .elementor-widget-container p{
font-family:Inter, sans-serif;
font-size:18px;
line-height:1.55;
color:#5A5A5A;
max-width:560px;
margin:0;
}
/* ===== Steps Container ===== */
.hiw-steps{
position:relative;
display:grid !important;
grid-template-columns:repeat(3, 1fr) !important;
gap:0 !important;
padding:0 !important;
border-top:2px solid #111;
border-bottom:2px solid #111;
background:#FAFAF7;
z-index:2;
}
/* Rote Verbindungslinie */
.hiw-steps::before{
content:"";
position:absolute;
top:-1px;
left:0;
right:0;
height:2px;
background:#D11444;
transform-origin:left center;
transform: scaleX(0);
z-index:3;
}
/* ===== Einzelner Step ===== */
.hiw-step{
padding:48px 40px !important;
position:relative !important;
}
/* Trennlinien ab Step 2 */
.hiw-step:not(:first-child){
border-left:1px solid #ECECE8;
}
/* Roter Punkt oben auf der Linie */
.hiw-step::before{
content:"";
position:absolute;
top:-8px;
left:50%;
margin-left:-7px;
width:14px;
height:14px;
border-radius:50%;
background:#D11444;
border:3px solid #FAFAF7;
box-shadow:0 0 0 2px #111;
z-index:4;
transform:scale(0);
}
/* ===== Step-Inhalte ===== */
.hiw-num .elementor-heading-title{
font-family:"LEMON MILK","Bai Jamjuree",sans-serif;
font-size:64px;
font-weight:700;
color:#D11444;
line-height:1;
margin:0 0 20px;
display:inline-block;
transform-origin:50% 50%;
}
.hiw-step-title .elementor-heading-title{
font-family:"LEMON MILK","Bai Jamjuree",sans-serif;
font-size:22px;
font-weight:700;
text-transform:uppercase;
letter-spacing:.06em;
margin:0 0 12px;
color:#111;
}
.hiw-step-text .elementor-widget-container p{
font-family:Inter, sans-serif;
font-size:15px;
line-height:1.55;
color:#5A5A5A;
margin:0;
}
/* ===== Mobile ===== */
@media (max-width: 768px){
.hiw-section{
padding:80px 20px !important;
}
.hiw-steps{
grid-template-columns:1fr !important;
}
.hiw-step:not(:first-child){
border-left:none;
border-top:1px solid #ECECE8;
}
.hiw-step::before{
top:50%;
left:-8px;
margin-top:-7px;
margin-left:0;
}
.hiw-steps::before{
top:0;
bottom:0;
left:0;
width:2px;
height:auto;
transform-origin:top center;
transform: scaleY(0);
}
}
/* Rote Linie zeichnet sich wenn sichtbar */
.hiw-steps--visible::before{
transform: scaleX(1);
transition: transform 1.5s cubic-bezier(.77,0,.175,1);
}
.hiw-steps--visible .hiw-step::before{
transform: scale(1);
transition: transform .5s cubic-bezier(.68,-0.55,.27,1.55);
}
.hiw-steps--visible .hiw-step:nth-child(1)::before{ transition-delay:.3s; }
.hiw-steps--visible .hiw-step:nth-child(2)::before{ transition-delay:.7s; }
.hiw-steps--visible .hiw-step:nth-child(3)::before{ transition-delay:1.1s; }
/* Mobile: Linie vertikal */
@media (max-width: 768px){
.hiw-steps--visible::before{
transform: scaleY(1);
}
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
font-family: 'Lemon Milk';
font-style: normal;
font-weight: 300;
font-display: auto;
src: url('https://samuraifood.de/wp-content/uploads/2026/04/LEMONMILK-Light.eot');
src: url('https://samuraifood.de/wp-content/uploads/2026/04/LEMONMILK-Light.eot?#iefix') format('embedded-opentype'),
url('https://samuraifood.de/wp-content/uploads/2026/04/LEMONMILK-Light.woff2') format('woff2'),
url('https://samuraifood.de/wp-content/uploads/2026/04/LEMONMILK-Light.woff') format('woff'),
url('https://samuraifood.de/wp-content/uploads/2026/04/LEMONMILK-Light.ttf') format('truetype'),
url('https://samuraifood.de/wp-content/uploads/2026/04/LEMONMILK-Light.svg#LemonMilk') format('svg');
}
@font-face {
font-family: 'Lemon Milk';
font-style: italic;
font-weight: 300;
font-display: auto;
src: url('https://samuraifood.de/wp-content/uploads/2026/04/LEMONMILK-LightItalic.eot');
src: url('https://samuraifood.de/wp-content/uploads/2026/04/LEMONMILK-LightItalic.eot?#iefix') format('embedded-opentype'),
url('https://samuraifood.de/wp-content/uploads/2026/04/LEMONMILK-LightItalic.woff2') format('woff2'),
url('https://samuraifood.de/wp-content/uploads/2026/04/LEMONMILK-LightItalic.woff') format('woff'),
url('https://samuraifood.de/wp-content/uploads/2026/04/LEMONMILK-LightItalic.ttf') format('truetype'),
url('https://samuraifood.de/wp-content/uploads/2026/04/LEMONMILK-LightItalic.svg#LemonMilk') format('svg');
}
@font-face {
font-family: 'Lemon Milk';
font-style: normal;
font-weight: 400;
font-display: auto;
src: url('https://samuraifood.de/wp-content/uploads/2026/04/LEMONMILK-Regular.eot');
src: url('https://samuraifood.de/wp-content/uploads/2026/04/LEMONMILK-Regular.eot?#iefix') format('embedded-opentype'),
url('https://samuraifood.de/wp-content/uploads/2026/04/LEMONMILK-Regular.woff2') format('woff2'),
url('https://samuraifood.de/wp-content/uploads/2026/04/LEMONMILK-Regular.woff') format('woff'),
url('https://samuraifood.de/wp-content/uploads/2026/04/LEMONMILK-Regular.ttf') format('truetype'),
url('https://samuraifood.de/wp-content/uploads/2026/04/LEMONMILK-Regular.svg#LemonMilk') format('svg');
}
@font-face {
font-family: 'Lemon Milk';
font-style: italic;
font-weight: 400;
font-display: auto;
src: url('https://samuraifood.de/wp-content/uploads/2026/04/LEMONMILK-RegularItalic.eot');
src: url('https://samuraifood.de/wp-content/uploads/2026/04/LEMONMILK-RegularItalic.eot?#iefix') format('embedded-opentype'),
url('https://samuraifood.de/wp-content/uploads/2026/04/LEMONMILK-RegularItalic.woff2') format('woff2'),
url('https://samuraifood.de/wp-content/uploads/2026/04/LEMONMILK-RegularItalic.woff') format('woff'),
url('https://samuraifood.de/wp-content/uploads/2026/04/LEMONMILK-RegularItalic.ttf') format('truetype'),
url('https://samuraifood.de/wp-content/uploads/2026/04/LEMONMILK-RegularItalic.svg#LemonMilk') format('svg');
}
@font-face {
font-family: 'Lemon Milk';
font-style: normal;
font-weight: 500;
font-display: auto;
src: url('https://samuraifood.de/wp-content/uploads/2026/04/LEMONMILK-Medium.eot');
src: url('https://samuraifood.de/wp-content/uploads/2026/04/LEMONMILK-Medium.eot?#iefix') format('embedded-opentype'),
url('https://samuraifood.de/wp-content/uploads/2026/04/LEMONMILK-Medium.woff2') format('woff2'),
url('https://samuraifood.de/wp-content/uploads/2026/04/LEMONMILK-Medium.woff') format('woff'),
url('https://samuraifood.de/wp-content/uploads/2026/04/LEMONMILK-Medium.ttf') format('truetype'),
url('https://samuraifood.de/wp-content/uploads/2026/04/LEMONMILK-Medium.svg#LemonMilk') format('svg');
}
@font-face {
font-family: 'Lemon Milk';
font-style: italic;
font-weight: 500;
font-display: auto;
src: url('https://samuraifood.de/wp-content/uploads/2026/04/LEMONMILK-MediumItalic.eot');
src: url('https://samuraifood.de/wp-content/uploads/2026/04/LEMONMILK-MediumItalic.eot?#iefix') format('embedded-opentype'),
url('https://samuraifood.de/wp-content/uploads/2026/04/LEMONMILK-MediumItalic.woff2') format('woff2'),
url('https://samuraifood.de/wp-content/uploads/2026/04/LEMONMILK-MediumItalic.woff') format('woff'),
url('https://samuraifood.de/wp-content/uploads/2026/04/LEMONMILK-MediumItalic.ttf') format('truetype'),
url('https://samuraifood.de/wp-content/uploads/2026/04/LEMONMILK-MediumItalic.svg#LemonMilk') format('svg');
}
@font-face {
font-family: 'Lemon Milk';
font-style: normal;
font-weight: 700;
font-display: auto;
src: url('https://samuraifood.de/wp-content/uploads/2026/04/LEMONMILK-Bold.eot');
src: url('https://samuraifood.de/wp-content/uploads/2026/04/LEMONMILK-Bold.eot?#iefix') format('embedded-opentype'),
url('https://samuraifood.de/wp-content/uploads/2026/04/LEMONMILK-Bold.woff2') format('woff2'),
url('https://samuraifood.de/wp-content/uploads/2026/04/LEMONMILK-Bold.woff') format('woff'),
url('https://samuraifood.de/wp-content/uploads/2026/04/LEMONMILK-Bold.ttf') format('truetype'),
url('https://samuraifood.de/wp-content/uploads/2026/04/LEMONMILK-Bold.svg#LemonMilk') format('svg');
}
@font-face {
font-family: 'Lemon Milk';
font-style: italic;
font-weight: 700;
font-display: auto;
src: url('https://samuraifood.de/wp-content/uploads/2026/04/LEMONMILK-BoldItalic.eot');
src: url('https://samuraifood.de/wp-content/uploads/2026/04/LEMONMILK-BoldItalic.eot?#iefix') format('embedded-opentype'),
url('https://samuraifood.de/wp-content/uploads/2026/04/LEMONMILK-BoldItalic.woff2') format('woff2'),
url('https://samuraifood.de/wp-content/uploads/2026/04/LEMONMILK-BoldItalic.woff') format('woff'),
url('https://samuraifood.de/wp-content/uploads/2026/04/LEMONMILK-BoldItalic.ttf') format('truetype'),
url('https://samuraifood.de/wp-content/uploads/2026/04/LEMONMILK-BoldItalic.svg#LemonMilk') format('svg');
}
/* End Custom Fonts CSS */