:root{--blue:#003a5f;--deep:#001e34;--navy:#082944;--gold:#c99535;--gold2:#e2b865;--text:#142033;--muted:#667085;--light:#f5f7f9;--cream:#fff7e7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff}a{color:inherit}.topbar{height:92px;display:flex;align-items:center;justify-content:space-between;padding:10px 5%;background:rgba(255,255,255,.92);box-shadow:0 2px 18px rgba(0,0,0,.07);position:fixed;top:0;left:0;right:0;z-index:50;backdrop-filter:blur(14px);transition:.25s}.topbar.scrolled{height:76px;background:rgba(255,255,255,.84)}.brand img{height:72px;width:auto;display:block;transition:.25s}.topbar.scrolled .brand img{height:58px}.nav{display:flex;gap:34px;align-items:center;text-transform:uppercase;font-weight:800;font-size:14px}.nav a{text-decoration:none;position:relative;padding:32px 0}.nav a:hover,.nav .active{color:var(--gold)}.nav .active:after,.nav a:hover:after{content:"";position:absolute;left:0;right:0;bottom:20px;height:3px;background:var(--gold)}.menu-toggle{display:none;border:0;background:var(--blue);color:#fff;border-radius:4px;font-size:24px;padding:6px 12px}.hero{min-height:100vh;position:relative;overflow:hidden;display:flex;align-items:center;padding:140px 5% 80px;background-image:linear-gradient(90deg,rgba(0,30,52,.88) 0%,rgba(0,42,72,.66) 34%,rgba(0,42,72,.20) 63%,rgba(0,0,0,.08) 100%),url('../assets/hero.jpg');background-size:cover;background-position:center right}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 78%,rgba(226,184,101,.32),transparent 24%),linear-gradient(0deg,rgba(0,30,52,.22),transparent 36%);pointer-events:none}.hero-copy{position:relative;z-index:2;max-width:760px;color:#fff}.hero-kicker{color:var(--gold2);text-transform:uppercase;letter-spacing:.18em;font-weight:900;margin:0 0 18px;font-size:14px}.hero h1{font-family:Georgia,'Times New Roman',serif;color:#fff;font-size:clamp(42px,6vw,82px);line-height:1.02;margin:0 0 26px;text-shadow:0 10px 36px rgba(0,0,0,.28)}.hero-copy>p:not(.hero-kicker){font-size:clamp(18px,2vw,24px);line-height:1.55;max-width:620px;margin:0 0 34px;color:rgba(255,255,255,.94)}.hero-actions{display:flex;gap:16px;flex-wrap:wrap}.route-line{position:absolute;right:9%;top:27%;width:34vw;height:34vw;border-top:3px dashed rgba(226,184,101,.75);border-radius:50%;transform:rotate(-18deg);opacity:.85;animation:pulseRoute 3.2s ease-in-out infinite}.scroll-hint{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;background:var(--blue);color:#fff;text-decoration:none;text-transform:uppercase;font-weight:900;font-size:13px;padding:18px 30px;border-radius:4px;letter-spacing:.4px;box-shadow:0 10px 22px rgba(0,26,48,.26);transition:.22s}.btn:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 14px 30px rgba(0,26,48,.32)}.btn-ghost{background:rgba(255,255,255,.08);border:2px solid var(--gold);color:#fff;box-shadow:none;backdrop-filter:blur(10px)}.btn-outline{background:transparent;border:2px solid var(--gold);box-shadow:none}.benefits{display:grid;grid-template-columns:repeat(4,1fr);background:linear-gradient(90deg,var(--deep),var(--blue));color:#fff;padding:26px 5%;gap:18px}.benefits article{display:grid;grid-template-columns:46px 1fr;gap:8px 14px;border-right:1px solid rgba(255,255,255,.18);padding-right:20px}.benefits article:last-child{border-right:0}.benefits span{grid-row:1/3;color:var(--gold2);font-size:38px;line-height:1}.benefits h3{margin:4px 0 0;text-transform:uppercase;font-size:15px;letter-spacing:.5px}.benefits p{margin:0;font-size:13px;line-height:1.5}.section{padding:76px 5%}.eyebrow{text-transform:uppercase;color:var(--gold);font-weight:900;letter-spacing:.1em;margin:0 0 12px}.section h2,.markets h2,.contact h2{font-family:Georgia,'Times New Roman',serif;color:#123155;font-size:clamp(30px,3.4vw,44px);line-height:1.12;margin:0 0 18px}.section-intro{max-width:720px;margin:0 auto 30px;color:var(--muted);line-height:1.7}.product-section{text-align:center;background:#fff}.product-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:34px}.product-card{position:relative;display:block;overflow:hidden;border-radius:10px;box-shadow:0 12px 30px rgba(0,0,0,.14);text-decoration:none;background:#001f36}.product-card img{width:100%;height:260px;object-fit:cover;display:block;transition:.4s}.product-card:hover img{transform:scale(1.07)}.product-card span{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(90deg,var(--deep),var(--blue));color:#fff;padding:15px 17px;text-align:left;text-transform:uppercase;font-weight:900;font-size:13px}.product-card span:after{content:"→";float:right;color:var(--gold2)}.about{display:grid;grid-template-columns:42% 1fr;gap:58px;align-items:center;background:#fafafa}.about>img{width:100%;border-radius:10px;box-shadow:0 12px 34px rgba(0,0,0,.13)}.about p{line-height:1.75}.trust-row{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:28px;border-top:1px solid #e4e4e4;padding-top:22px}.trust-row span{text-transform:uppercase;font-size:12px;font-weight:900;color:#1a3452}.suppliers{text-align:center;background:#fff}.supplier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:32px}.supplier-card{text-align:left;border:1px solid #e7e9ef;border-radius:14px;padding:28px;background:linear-gradient(180deg,#fff,#fbfbfc);box-shadow:0 10px 26px rgba(0,0,0,.07)}.supplier-card b{display:block;font-family:Georgia,'Times New Roman',serif;color:#123155;font-size:24px;margin-bottom:8px}.supplier-card span{display:block;color:var(--gold);font-weight:900;text-transform:uppercase;font-size:12px;letter-spacing:.08em;margin-bottom:18px}.supplier-card p{line-height:1.7;color:var(--muted)}.supplier-card a{color:var(--blue);font-weight:900;text-decoration:none}.markets{position:relative;min-height:390px;background-image:linear-gradient(90deg,rgba(0,30,52,.98) 0%,rgba(0,48,82,.88) 36%,rgba(0,48,82,.20) 75%),url('../assets/markets.jpg');background-size:cover;background-position:center right;color:#fff;overflow:hidden}.markets-text{position:relative;z-index:1;max-width:520px;padding:80px 5%}.markets h2{color:#fff}.markets p{line-height:1.75;margin-bottom:28px;font-size:18px}.contact{display:grid;grid-template-columns:1fr 1.45fr;gap:40px;align-items:center;padding:60px 5%;background:linear-gradient(90deg,#fff,#f3f5f8)}.contact-details{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.contact-details p{margin:0}.contact-details strong{text-transform:uppercase;color:#123155}.contact-details a{text-decoration:none}.footer{background:linear-gradient(90deg,var(--deep),var(--blue));color:#fff;text-align:center;padding:32px 5%}.footer img{height:48px;background:white;margin-bottom:16px}.footer nav{display:flex;justify-content:center;flex-wrap:wrap;gap:24px;margin-bottom:14px}.footer a{text-decoration:none;text-transform:uppercase;font-size:13px}.footer a:hover{color:var(--gold2)}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes pulseRoute{0%,100%{opacity:.35;filter:drop-shadow(0 0 0 rgba(226,184,101,0))}50%{opacity:.95;filter:drop-shadow(0 0 8px rgba(226,184,101,.55))}}@media(max-width:1100px){.nav{gap:18px}.benefits{grid-template-columns:1fr 1fr}.product-grid{grid-template-columns:repeat(3,1fr)}.about,.contact{grid-template-columns:1fr}.supplier-grid{grid-template-columns:1fr 1fr}.contact-details{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.topbar{height:82px}.brand img{height:58px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:82px;left:0;right:0;background:#fff;padding:14px 5%;box-shadow:0 12px 18px rgba(0,0,0,.12);flex-direction:column;align-items:flex-start;gap:0}.nav.open{display:flex}.nav a{padding:13px 0}.nav a:after{display:none}.hero{min-height:92vh;padding:124px 5% 70px;background-position:62% center}.hero h1{font-size:42px}.hero-copy>p:not(.hero-kicker){font-size:18px}.route-line{display:none}.benefits,.product-grid,.supplier-grid,.contact-details{grid-template-columns:1fr}.benefits article{border-right:0;border-bottom:1px solid rgba(255,255,255,.16);padding-bottom:14px}.product-card img{height:230px}.trust-row{grid-template-columns:1fr 1fr}.markets-text{max-width:none}.section{padding:54px 5%}}@media(max-width:460px){.hero h1{font-size:34px}.hero-actions .btn{width:100%;justify-content:center}.trust-row{grid-template-columns:1fr}.product-card img{height:190px}.contact{padding:44px 5%}}

/* Phase 1.3: hochwertige Food & Non-Food Bildkarten */
.product-grid-wide{grid-template-columns:repeat(3,1fr);max-width:1380px;margin-left:auto;margin-right:auto}
.product-icon{min-height:190px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,var(--deep),var(--blue));}
.product-icon div{font-size:62px;margin-bottom:42px;filter:drop-shadow(0 8px 18px rgba(0,0,0,.25));transition:.35s}
.product-icon:hover div{transform:scale(1.08) translateY(-4px)}
.product-section .section-intro{margin-left:auto;margin-right:auto}
@media(max-width:1100px){.product-grid-wide{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.product-grid-wide{grid-template-columns:1fr}.product-icon{min-height:210px}.product-card img{height:240px}}

/* Version 2.0 Start: language switch + cookie notice */
.language-switch{display:flex;gap:4px;margin-left:18px;background:#eef2f5;border-radius:999px;padding:4px;border:1px solid rgba(0,58,95,.08)}
.language-switch button{border:0;background:transparent;color:var(--blue);font-weight:900;font-size:12px;border-radius:999px;padding:8px 10px;cursor:pointer;transition:.2s}
.language-switch button.active,.language-switch button:hover{background:var(--blue);color:#fff}
.cookie-banner{position:fixed;left:24px;right:24px;bottom:24px;z-index:90;display:flex;align-items:center;justify-content:space-between;gap:22px;max-width:860px;margin:auto;background:rgba(0,30,52,.96);color:#fff;border:1px solid rgba(226,184,101,.45);box-shadow:0 16px 50px rgba(0,0,0,.28);border-radius:14px;padding:18px 20px;backdrop-filter:blur(14px)}
.cookie-banner p{margin:0;line-height:1.5;font-size:14px}.cookie-banner button{position:relative;z-index:2;touch-action:manipulation;border:0;background:var(--gold);color:#081b2d;font-weight:900;padding:12px 18px;border-radius:8px;cursor:pointer;white-space:nowrap}.cookie-banner.hidden,.cookie-banner[hidden]{display:none!important}
@media(max-width:900px){.language-switch{margin-left:auto}.topbar{gap:10px}.nav{order:10}.cookie-banner{display:block}.cookie-banner button{margin-top:12px;width:100%}}
@media(max-width:760px){.language-switch button{padding:7px 9px;font-size:11px}}
.legal-page{padding-top:120px;background:#f6f8fb;min-height:70vh}.legal-hero{padding:60px 5% 28px;background:linear-gradient(90deg,var(--deep),var(--blue));color:#fff}.legal-hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(38px,5vw,68px);margin:0 0 12px}.legal-hero p{font-size:18px}.legal-card{max-width:980px;margin:28px auto;padding:34px;background:#fff;border-radius:14px;box-shadow:0 14px 34px rgba(0,0,0,.08);line-height:1.75}.legal-card h2{font-family:Georgia,'Times New Roman',serif;color:#123155;margin-top:0}.legal-card a{color:var(--blue);font-weight:800}


/* Version 2.01: goldene Handelslinie statt SCROLL-Text */
.trade-scroll{position:absolute;left:50%;bottom:0;width:2px;height:96px;z-index:3;transform:translateX(-50%);background:linear-gradient(180deg,rgba(226,184,101,0),rgba(226,184,101,.95));overflow:visible}
.trade-scroll:before{content:"";position:absolute;left:50%;top:0;width:12px;height:12px;border-radius:50%;background:var(--gold2);box-shadow:0 0 18px rgba(226,184,101,.9);transform:translate(-50%,-4px);animation:tradeDot 2.2s ease-in-out infinite}
.trade-scroll span{position:absolute;left:50%;bottom:0;width:1px;height:64px;background:rgba(255,255,255,.45);transform:translateX(-50%)}
@keyframes tradeDot{0%,100%{top:0;opacity:.55}50%{top:56px;opacity:1}}
.contact-details{grid-template-columns:repeat(4,1fr)}
.legal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px 44px}
.legal-grid h2{font-size:24px;margin-bottom:8px}
@media(max-width:1100px){.contact-details{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.trade-scroll{height:68px}.contact-details,.legal-grid{grid-template-columns:1fr}}


/* Version 2.03: echtes Kontaktformular */
.contact-form-section{grid-template-columns:minmax(300px,.85fr) minmax(360px,1.15fr);align-items:start;background:linear-gradient(135deg,#fff,#f4f7fa)}
.contact-copy .eyebrow{margin-bottom:14px}.contact-copy>p{line-height:1.75;color:var(--muted);font-size:17px}.contact-details.compact{display:grid;grid-template-columns:1fr;gap:18px;margin-top:28px}.contact-details.compact p{padding:18px;border-left:4px solid var(--gold);background:#fff;border-radius:8px;box-shadow:0 10px 24px rgba(0,0,0,.06)}
.contact-form{background:#fff;border:1px solid #e6eaf0;border-radius:18px;padding:30px;box-shadow:0 18px 44px rgba(0,30,52,.12)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form label{display:block;margin-bottom:18px;text-align:left;font-weight:900;color:#123155;text-transform:uppercase;font-size:12px;letter-spacing:.06em}.contact-form input,.contact-form textarea{width:100%;margin-top:8px;border:1px solid #d7dfe8;border-radius:8px;padding:14px 15px;font:inherit;color:var(--text);background:#fbfcfd;outline:none;transition:.2s}.contact-form textarea{resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--gold);box-shadow:0 0 0 4px rgba(201,149,53,.16);background:#fff}.privacy-check{display:flex!important;align-items:flex-start;gap:12px;text-transform:none!important;letter-spacing:0!important;font-weight:700!important;color:var(--muted)!important;line-height:1.5}.privacy-check input{width:auto;margin:3px 0 0;accent-color:var(--blue)}.website-field{position:absolute;left:-9999px;opacity:0}.form-submit{border:0;cursor:pointer;width:auto}.form-note{margin:14px 0 0;color:var(--muted);font-size:13px;line-height:1.5}.message-page{min-height:100vh;padding:140px 5% 80px;background:linear-gradient(135deg,#f6f8fb,#fff);display:flex;align-items:center;justify-content:center}.message-card{max-width:760px;background:#fff;border-radius:18px;padding:42px;box-shadow:0 18px 46px rgba(0,30,52,.12);border-top:5px solid var(--gold)}.message-card h1{font-family:Georgia,'Times New Roman',serif;color:#123155;font-size:clamp(32px,4vw,48px);margin:0 0 18px}.message-card p{line-height:1.75;color:var(--muted);font-size:17px}.message-card .btn{margin-top:14px}
@media(max-width:900px){.contact-form-section{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.contact-form{padding:22px}}

/* International language switch (DE/EN/FR/ES/PT/IT/AR) */
.language-switch{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.25rem;max-width:240px}
.language-switch button{min-width:30px;padding:.4rem .45rem;line-height:1;border-radius:5px}
html[dir="rtl"] body{text-align:right}
html[dir="rtl"] .topbar{direction:rtl}
html[dir="rtl"] .nav,html[dir="rtl"] .hero-actions,html[dir="rtl"] .contact-details{direction:rtl}
html[dir="rtl"] .product-card span,html[dir="rtl"] .legal-page,html[dir="rtl"] .contact-form{text-align:right}
html[dir="rtl"] input,html[dir="rtl"] textarea{direction:rtl;text-align:right}
@media(max-width:1100px){.language-switch{max-width:100%;justify-content:center}.topbar{gap:.5rem}}

/* Version 2.04.2: Kontaktformular vorübergehend außer Betrieb */
.contact-construction{display:flex;flex-direction:column;justify-content:center;min-height:430px;text-align:center;position:relative;overflow:hidden}
.contact-construction:before{content:"";position:absolute;inset:auto -70px -110px auto;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(201,149,53,.18),rgba(201,149,53,0) 70%);pointer-events:none}
.construction-icon{width:72px;height:72px;margin:0 auto 20px;border-radius:50%;display:grid;place-items:center;font-size:34px;color:var(--gold);background:rgba(201,149,53,.12);border:1px solid rgba(201,149,53,.28)}
.contact-construction h3{font-family:Georgia,'Times New Roman',serif;color:#123155;font-size:clamp(28px,3vw,38px);margin:0 0 16px}
.contact-construction>p:not(.eyebrow):not(.form-note){max-width:600px;margin:0 auto 24px;color:var(--muted);font-size:17px;line-height:1.7}
.construction-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:4px}
.construction-phone{color:var(--blue)!important;border-color:var(--blue)!important;background:#fff!important}
.construction-phone:hover{color:#fff!important;background:var(--blue)!important}
html[dir="rtl"] .contact-construction{text-align:center}
