/* RheinPrep 2026 — blue corporate visual system
   Palette sampled from the supplied reference artwork:
   Navy  #225381
   Sky   #49A2E1
*/

:root { --ink:#16324f; --muted:#61758a; --paper:#f7fbff; --panel:#fff; --panel-soft:#eef7fd; --white:#fff; --blue:#49A2E1; --deep-blue:#225381; --orange:#49A2E1; --orange-dark:#225381; --line:rgba(34,83,129,.13); --max:1180px; --radius:22px; }
html { color-scheme:light; overflow-x:clip; scroll-behavior:smooth; }
body { overflow-x:clip; color:var(--ink); background:#fff; font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; }
body::before { content:""; position:fixed; inset:0; z-index:-2; pointer-events:none; background:radial-gradient(circle at 8% 8%,rgba(73,162,225,.09),transparent 28%),radial-gradient(circle at 92% 26%,rgba(34,83,129,.06),transparent 25%),#fff; }
.wrap { width:min(var(--max),calc(100% - 48px)); }
.topbar { position:sticky; top:0; z-index:40; background:rgba(255,255,255,.94); border-bottom:1px solid rgba(34,83,129,.09); box-shadow:0 8px 28px rgba(34,83,129,.07); backdrop-filter:blur(18px); }
.nav { min-height:78px; gap:28px; }
.brand { min-width:210px; }
.brand-split { position:relative; width:208px; height:48px; display:block; overflow:hidden; }
.brand-logo { width:208px; height:48px; opacity:0; display:block; }
.brand-split::before { content:""; position:absolute; inset:0; background:var(--deep-blue); -webkit-mask:url('/assets/RheinPrep_Logo_tight.png') left center/contain no-repeat; mask:url('/assets/RheinPrep_Logo_tight.png') left center/contain no-repeat; pointer-events:none; }
.brand-link { position:absolute; top:0; bottom:0; z-index:3; }
.brand-link-rheina { left:0; width:33%; }.brand-link-rheinprep { right:0; width:67%; }
.navlinks { gap:clamp(22px,3vw,38px); color:var(--deep-blue); font-size:14px; font-weight:800; }.navlinks a { color:#395f83; padding:28px 0 25px; }.navlinks a:hover,.navlinks a.active { color:var(--deep-blue); }.navlinks a::after { bottom:18px; height:3px; background:var(--blue); }
.header-cta,.btn { border-radius:12px; background:var(--blue); color:#fff; box-shadow:0 12px 28px rgba(73,162,225,.22); transition:transform .18s ease,box-shadow .18s ease,background .18s ease; }.header-cta { min-height:40px; padding:9px 15px; margin:0; font-size:13px; }.header-cta:hover,.btn:hover { background:var(--deep-blue); transform:translateY(-1px); box-shadow:0 14px 30px rgba(34,83,129,.22); }
.lang-switch summary { font-size:23px; }.lang-menu { border-color:rgba(34,83,129,.13); box-shadow:0 20px 50px rgba(34,83,129,.14); }.lang-menu a:hover,.lang-menu .active-lang { background:#eef7fd; }.mobile-menu summary { color:var(--deep-blue)!important; }.mobile-panel { background:#fff; border:1px solid var(--line); box-shadow:0 22px 52px rgba(34,83,129,.17); }.mobile-panel a { color:var(--deep-blue); }.mobile-panel a:hover { color:var(--deep-blue); background:#eef7fd; }

/* Hero only */
.hero { min-height:auto; padding:66px 0 72px; color:var(--deep-blue); background:#fff!important; overflow:visible; }.hero::after { display:none; }.hero-grid { grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr); gap:54px; align-items:center; }.hero-grid>div:first-child { position:relative; z-index:2; }.eyebrow { padding:8px 12px; color:var(--deep-blue); border:1px solid rgba(73,162,225,.28); background:#f1f9fe; letter-spacing:.02em; }.dot { background:var(--blue); }h1 { max-width:720px; margin:18px 0 20px; color:var(--deep-blue); font-size:clamp(48px,6.7vw,82px); line-height:.96; letter-spacing:-.045em; }.lead { max-width:630px; color:#3f6485; font-size:clamp(18px,2vw,22px); line-height:1.55; }.hero-note { max-width:620px; color:var(--deep-blue); font-size:17px; }.actions { gap:12px; }.btn { min-height:50px; padding:13px 20px; font-weight:850; }.btn.alt { color:var(--deep-blue); background:#fff; border:1px solid rgba(34,83,129,.24); box-shadow:none; }.btn.alt:hover { color:var(--deep-blue); background:#f2f8fd; border-color:rgba(73,162,225,.5); transform:translateY(-1px); }.btn.blue { background:var(--deep-blue); box-shadow:0 12px 28px rgba(34,83,129,.18); }
.hero-card { position:relative; min-height:485px; display:block; padding:0; border:0; border-radius:34px; overflow:hidden; background:url("https://images.pexels.com/photos/4483862/pexels-photo-4483862.jpeg?auto=compress&cs=tinysrgb&w=1600") center/cover; box-shadow:0 28px 70px rgba(34,83,129,.17); backdrop-filter:none; }
.hero-card::before { content:"Ihre Ware. Unser Prep-Prozess.\A Prüfen  →  Labeln  →  Verpacken  →  FBA-ready"; white-space:pre-line; position:absolute; left:28px; bottom:34px; width:min(420px,calc(100% - 56px)); box-sizing:border-box; padding:24px 28px 54px; border-radius:20px; background:rgba(255,255,255,.96); color:#6b86a0; font-size:17px; line-height:1.8; font-weight:600; box-shadow:0 18px 42px rgba(16,48,77,.18); z-index:3; }
.hero-card::after { content:""; position:absolute; z-index:4; left:56px; bottom:58px; width:330px; max-width:calc(100% - 112px); height:7px; border-radius:999px; background:linear-gradient(90deg,var(--blue) 0 23%,transparent 23% 25%,var(--blue) 25% 48%,transparent 48% 50%,var(--blue) 50% 73%,transparent 73% 75%,#dcecf7 75% 100%); pointer-events:none; }
.hero-card .scan-row,.hero-card .checklist { display:none!important; }
.stats { grid-template-columns:repeat(3,1fr); gap:10px; margin-top:30px; }.stat { padding:16px 14px; border:1px solid rgba(34,83,129,.11); border-left:1px solid rgba(34,83,129,.11); border-radius:14px; background:#f8fbfe; }.stat strong { color:var(--deep-blue); font-size:22px; }.stat span { color:#6f8295; }

/* Everything below hero stays as before */
section { padding:88px 0; }section:not(.hero):not(.band) { background:#fff; }section:nth-of-type(odd):not(.hero):not(.band) { background:#f7fbff; }.section-head { align-items:flex-end; margin-bottom:36px; }h2 { max-width:760px; color:var(--deep-blue); font-size:clamp(34px,4.7vw,55px); line-height:1.02; letter-spacing:-.035em; }.section-head p { color:var(--muted); }.cards { grid-template-columns:repeat(12,1fr); gap:18px; }.cards>.card { grid-column:span 4; }.card { position:relative; overflow:hidden; padding:24px; border:1px solid rgba(34,83,129,.10); border-radius:22px; background:#fff; box-shadow:0 14px 40px rgba(34,83,129,.07); transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease; }.card:hover { transform:translateY(-4px); border-color:rgba(73,162,225,.28); box-shadow:0 22px 55px rgba(34,83,129,.12); }.card-image { height:190px; margin:-24px -24px 20px; width:calc(100% + 48px); border-radius:22px 22px 0 0; }.icon { width:auto; height:auto; display:inline-flex; margin-bottom:14px; padding:7px 10px; border-radius:999px; color:var(--deep-blue); background:#eaf6fd; font-size:12px; }.card h3 { color:var(--deep-blue); font-size:20px; }.card p,.card li { color:var(--muted); }.card-note { border-left-color:var(--blue); background:#eef8fe; color:var(--deep-blue); }.trust-strip { gap:14px; }.trust-item { border:1px solid rgba(34,83,129,.10); border-radius:18px; background:#fff; box-shadow:0 10px 30px rgba(34,83,129,.05); }.trust-item b { color:var(--deep-blue); }.trust-item span { color:var(--muted); }.feature-row,.check-card,details:not(.lang-switch):not(.mobile-menu),.quote,.price-row,.info-box { border:1px solid rgba(34,83,129,.10); border-radius:18px; background:#fff; box-shadow:0 12px 34px rgba(34,83,129,.055); }.feature-row::before { border-radius:50%; background:var(--blue); }.feature-row span,.check-card ul,details p,.quote p,.price-row span { color:var(--muted); }summary { color:var(--deep-blue); }.section-image,.step-image { border-color:rgba(34,83,129,.10); border-radius:18px; }.band { position:relative; background:var(--deep-blue)!important; color:#fff; }.band::before { content:""; position:absolute; inset:0; pointer-events:none; background:radial-gradient(circle at 10% 0%,rgba(73,162,225,.28),transparent 26%),linear-gradient(135deg,transparent 60%,rgba(73,162,225,.10)); }.band .wrap { position:relative; z-index:1; }.band h2,.band summary { color:#fff; }.band .section-head p,.band .card p,.band .card li { color:rgba(255,255,255,.76); }.steps { gap:16px; }.step { min-height:240px; padding:24px; border:1px solid rgba(255,255,255,.15); border-radius:20px; background:rgba(255,255,255,.075); }.step::before { margin-bottom:36px; color:#8cc9f1; font-size:14px; }.step h3 { color:#fff; }.step p { color:rgba(255,255,255,.72); }.pricing { gap:18px; }.quote { padding:32px; }.quote strong { color:var(--deep-blue); }.price-list { gap:12px; }.price-row { padding:20px; }.amount { color:var(--deep-blue); }.contact { gap:20px; }.contact-box { padding:38px; border-radius:24px; background:linear-gradient(135deg,var(--deep-blue),#2d6c9f); box-shadow:0 20px 50px rgba(34,83,129,.18); }.contact-box p { color:rgba(255,255,255,.82); }.info-box { padding:26px; }.field { border-color:rgba(34,83,129,.12); background:#f7fbff; color:var(--deep-blue); }.social-links a { border-color:rgba(34,83,129,.14); background:#fff; color:var(--deep-blue); }.social-links a:hover { border-color:rgba(73,162,225,.5); background:#eef8fe; color:var(--blue); }.social-fixed a { background:rgba(255,255,255,.96); color:var(--deep-blue); border-color:rgba(34,83,129,.13); box-shadow:0 8px 22px rgba(34,83,129,.13); backdrop-filter:blur(12px); }.social-fixed a[href*="wa.me"] { position:relative; }.social-fixed a[href*="wa.me"]::before,.social-fixed a[href*="wa.me"]::after { content:""; position:absolute; inset:-7px; border:1px solid rgba(73,162,225,.36); border-radius:999px; animation:rheinprepPulse 2.4s ease-out infinite; pointer-events:none; }.social-fixed a[href*="wa.me"]::after { animation-delay:1.2s; }@keyframes rheinprepPulse { 0%{transform:scale(.78);opacity:.75}75%,100%{transform:scale(1.45);opacity:0} }footer { padding:24px 0; color:#8092a3; background:#f5f9fc; border-top:1px solid rgba(34,83,129,.09); }.footer-left a:hover { color:var(--blue); }
@media(max-width:980px){.hero-grid{grid-template-columns:1fr;gap:34px}.hero-card{min-height:430px}.cards{grid-template-columns:repeat(2,1fr)}.cards>.card{grid-column:auto}.cards.four,.trust-strip,.split,.prep-check,.faq-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){body{padding-top:64px}.wrap{width:min(100% - 28px,var(--max))}.topbar{background:rgba(255,255,255,.97)}.nav{min-height:64px}.brand-split,.brand-logo{width:min(166px,43vw);height:44px}.hero{padding:38px 0 56px;background:#fff!important}h1{font-size:clamp(44px,14vw,62px);line-height:.96}.lead{font-size:18px}.hero .actions{display:grid}.hero .actions .btn{width:100%}.stats,.cards,.cards.four,.trust-strip,.split,.prep-check,.check-columns,.faq-grid,.steps{grid-template-columns:1fr}.hero-card{min-height:380px;padding:0;border-radius:24px}.hero-card::before{left:16px;bottom:20px;width:calc(100% - 32px);padding:20px 20px 48px;font-size:14px}.hero-card::after{left:36px;bottom:43px;width:calc(100% - 72px)}section{padding:62px 0}h2{font-size:clamp(34px,10.5vw,44px)}.card-image{height:175px}.contact-box,.quote{padding:26px}.social-fixed{right:16px;bottom:18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}