/*
Theme Name: RheinElektronik | Circular Commerce
Theme URI: https://rheinelektronik.com/
Author: RheinElektronik GmbH
Description: An English-language business website for European reverse logistics, returns risk intelligence, value recovery, recommerce and trade-in programs.
Version: 2.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: rheinelektronik
License: GPL-2.0-or-later
*/
:root{--navy:#071a30;--navy2:#102a45;--blue:#1769d2;--cyan:#60d4ce;--mint:#dff8ee;--ink:#112539;--muted:#607083;--line:#dce6ee;--paper:#f6f9fc;--white:#fff;--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:white;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #50bcd1;outline-offset:3px}.container{width:min(1160px,calc(100% - 48px));margin:auto}.site-header{height:78px;position:sticky;top:0;z-index:30;background:rgba(255,255,255,.97);backdrop-filter:blur(16px);border-bottom:1px solid #edf1f4}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px;font-size:19px;font-weight:800;letter-spacing:-.7px;white-space:nowrap}.brand-emblem{width:34px;height:34px;display:grid;place-items:center;background:var(--navy);color:#80e4cf;border-radius:10px;font-size:21px;font-weight:900}.nav{display:flex;align-items:center;gap:27px}.nav a{font-size:13px;font-weight:650;color:#42556b;transition:color .2s}.nav a:hover{color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 21px;border-radius:9px;border:1px solid transparent;font-weight:740;font-size:13px;transition:transform .2s,background .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button-dark{color:white;background:var(--navy);box-shadow:0 9px 22px #071a3018}.button-dark:hover{background:#173657}.button-light{background:#fff;color:var(--navy)}.button-outline{background:transparent;color:#fff;border-color:#ffffff64}.button-outline:hover{background:#ffffff13}.menu-toggle{display:none;background:none;border:0;padding:8px}.menu-toggle span{display:block;width:23px;height:2px;background:var(--navy);margin:5px}.hero{position:relative;overflow:hidden;background:linear-gradient(116deg,#06192e 0%,#0b2945 58%,#12515c 100%);color:#fff}.hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#ffffff16 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to right,transparent 22%,black)}.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.03fr .97fr;gap:50px;align-items:center;padding-top:108px;padding-bottom:110px}.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:800;color:#267885}.hero .eyebrow{color:#8ce4db}.eyebrow:before{content:"";width:21px;height:2px;background:currentColor}.hero h1{font-size:clamp(43px,5vw,67px);line-height:1.09;letter-spacing:-2.9px;margin:22px 0 24px;font-weight:780}.hero h1 em{font-style:normal;color:#8ee7d7}.hero .intro{max-width:550px;font-size:17px;color:#b9cddd;line-height:1.85;margin:0 0 32px}.cta-row{display:flex;gap:12px;flex-wrap:wrap}.hero-small{margin-top:33px;display:flex;align-items:center;gap:14px;color:#b6cedb;font-size:12px}.hero-small .dot{width:7px;height:7px;background:#8ce4db;border-radius:100%;box-shadow:0 0 0 5px #8ce4db28}.network{height:435px;position:relative;filter:drop-shadow(0 25px 32px #00101b50)}.network-bg{position:absolute;inset:13px 0;background:radial-gradient(circle at 50% 55%,#3a9eae30,transparent 58%);border:1px solid #ffffff1c;border-radius:50%;transform:scale(.92)}.orbit{position:absolute;border:1px solid #a0e6df30;border-radius:50%;inset:47px 38px}.orbit.two{inset:84px 87px;border-style:dashed}.hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:182px;height:182px;border-radius:24px;background:linear-gradient(150deg,#184668,#0d283f);border:1px solid #8ce4db9e;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 18px 70px #0005}.hub-icon{font-size:49px;font-weight:900;line-height:1;color:#9fe7d8}.hub span:last-child{font-size:12px;letter-spacing:1.6px;font-weight:800;margin-top:11px}.node{position:absolute;background:#fff;color:#17314a;border-radius:13px;padding:13px 16px;box-shadow:0 12px 45px #0004;min-width:150px}.node small{display:block;color:#74849a;font-size:10px;text-transform:uppercase;letter-spacing:1px;font-weight:800}.node strong{font-size:14px}.node.n1{left:0;top:42px}.node.n2{right:0;top:71px}.node.n3{left:8px;bottom:42px}.node.n4{right:0;bottom:46px}.node i{width:7px;height:7px;display:inline-block;background:#39c1a6;border-radius:50%;margin-right:5px}.metric-strip{border-bottom:1px solid var(--line);background:#fff}.metric-inner{display:grid;grid-template-columns:repeat(4,1fr);padding:26px 0}.metric-inner div{padding:5px 25px;border-right:1px solid var(--line)}.metric-inner div:first-child{padding-left:0}.metric-inner div:last-child{border:0}.metric-inner strong{display:block;font-size:16px;letter-spacing:-.3px}.metric-inner span{font-size:12px;color:var(--muted)}.section{padding:105px 0}.section.alt{background:var(--paper)}.section-heading{max-width:760px;margin-bottom:40px}.section-heading h2{font-size:clamp(31px,3.3vw,44px);letter-spacing:-1.65px;line-height:1.17;margin:15px 0 16px}.section-heading p{font-size:16px;color:var(--muted);margin:0;line-height:1.8}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{padding:31px;border:1px solid var(--line);border-radius:17px;background:#fff;min-height:245px;transition:transform .2s,box-shadow .2s}.service-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #0b2d4a12}.service-icon{height:51px;width:51px;border-radius:14px;background:#e7f4f5;color:#137785;font-size:25px;display:grid;place-items:center;font-weight:800}.service-card h3{font-size:19px;letter-spacing:-.4px;margin:23px 0 10px;line-height:1.35}.service-card p{font-size:13.5px;line-height:1.8;margin:0;color:var(--muted)}.feature-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.feature-panel{background:#0b2945;border-radius:22px;padding:30px;min-height:390px;position:relative;overflow:hidden;color:white}.feature-panel:before{content:"";position:absolute;width:290px;height:290px;border:1px solid #78e1db36;border-radius:50%;left:-120px;bottom:-140px;box-shadow:0 0 0 50px #ffffff06,0 0 0 100px #ffffff05}.risk-head{display:flex;justify-content:space-between;align-items:center;position:relative}.risk-head strong{font-size:14px}.risk-head span{font-size:11px;background:#194d5c;padding:7px 10px;border-radius:30px;color:#98e7d4}.risk-row{position:relative;background:#ffffff12;margin-top:14px;padding:17px 19px;border-radius:12px;border:1px solid #ffffff16;display:flex;align-items:center;justify-content:space-between;gap:10px}.risk-row:first-of-type{margin-top:30px}.risk-row strong{font-size:13px}.risk-row small{color:#afcad8;display:block;font-size:11px}.risk-chip{font-size:10px;font-weight:750;padding:6px 9px;border-radius:6px;color:#a9f3d4;background:#347c643d;white-space:nowrap}.risk-chip.review{color:#ffe2a2;background:#aa824544}.feature-copy h2{font-size:clamp(31px,3vw,42px);line-height:1.2;letter-spacing:-1.5px;margin:15px 0 20px}.feature-copy>p{color:var(--muted);line-height:1.85}.checklist{padding:0;list-style:none;margin:25px 0}.checklist li{display:flex;gap:12px;margin:13px 0;font-size:14px;font-weight:650}.checklist li:before{content:"✓";display:grid;place-items:center;width:22px;height:22px;flex:none;border-radius:50%;color:#117963;background:#dff6ed;font-weight:900}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:45px}.process-item{position:relative;border-top:2px solid #b9d5dd;padding-top:22px}.process-number{font-size:12px;color:#128c96;font-weight:800;letter-spacing:1px}.process-item h3{font-size:18px;margin:12px 0 7px}.process-item p{font-size:13px;color:var(--muted);line-height:1.8;margin:0}.process-item:not(:last-child):after{content:"→";position:absolute;right:0;top:-20px;color:#198b99;font-size:20px}.dark-section{background:#081e34;color:#fff}.dark-section .section-heading p{color:#a5becf}.dark-section .eyebrow{color:#86e0d4}.advantage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.advantage{padding:27px 24px;border:1px solid #ffffff27;border-radius:15px;background:#ffffff08}.advantage b{font-size:29px;color:#8ce4d8;font-weight:700;display:block;margin-bottom:10px}.advantage h3{font-size:17px;margin:0 0 7px}.advantage p{color:#b0c5d4;font-size:13px;line-height:1.75;margin:0}.contact-panel{background:linear-gradient(120deg,#e8f7f5,#eef5fb);border-radius:24px;padding:57px 60px;display:flex;align-items:center;justify-content:space-between;gap:50px}.contact-panel h2{font-size:clamp(30px,3vw,41px);letter-spacing:-1.4px;line-height:1.2;margin:12px 0}.contact-panel p{max-width:600px;color:var(--muted);margin:0}.contact-actions{display:flex;flex-direction:column;gap:9px;flex-shrink:0}.contact-actions small{color:var(--muted);font-size:12px;text-align:center}.site-footer{background:#06192d;color:#fff;padding:60px 0 23px}.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:50px;padding-bottom:45px;border-bottom:1px solid #ffffff25}.footer-top .brand{font-size:21px}.footer-about{font-size:13px;color:#a9bdce;max-width:340px;margin:19px 0}.footer-col h4{font-size:13px;margin:0 0 20px}.footer-col a,.footer-col p{display:block;font-size:13px;color:#a9bdce;line-height:2;margin:0}.footer-col a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:16px;padding-top:24px;color:#92a6b8;font-size:12px}.footer-bottom a{margin-left:19px}.footer-bottom a:hover{color:white}.legal-container{max-width:850px;min-height:50vh;padding:80px 0}.legal-container h1{font-size:40px}.legal-container p{line-height:1.9}.wp-block-image img{max-width:100%;height:auto}.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px);overflow:hidden;width:1px;height:1px}.skip-link:focus{clip:auto;width:auto;height:auto;background:white;color:#000;z-index:99;padding:10px;top:0;left:0}.wp-custom-logo{max-height:45px;width:auto}.not-found{padding:120px 0;text-align:center}@media(max-width:940px){.nav{gap:15px}.nav a{font-size:12px}.hero-inner{gap:10px}.network{transform:scale(.88)}.feature-layout{gap:35px}}@media(max-width:760px){.site-header{height:68px}.container{width:min(100% - 36px,1160px)}.menu-toggle{display:block}.nav{display:none;position:absolute;top:68px;left:0;right:0;background:white;padding:25px 20px;box-shadow:0 15px 25px #0002;align-items:stretch;flex-direction:column;gap:20px}.nav.open{display:flex}.nav a{font-size:15px}.header-inner>.button{display:none}.hero-inner{display:flex;flex-direction:column;align-items:stretch;padding-top:72px;padding-bottom:62px}.hero h1{font-size:clamp(41px,10vw,58px);letter-spacing:-2px}.hero .intro{font-size:15px}.network{height:360px;transform:scale(.92);transform-origin:center}.metric-inner{grid-template-columns:repeat(2,1fr);gap:14px}.metric-inner div{padding:7px 10px!important;border-right:0}.metric-inner strong{font-size:14px}.section{padding:70px 0}.service-grid,.advantage-grid{grid-template-columns:1fr}.service-card{min-height:auto;padding:24px}.feature-layout{grid-template-columns:1fr;gap:35px}.feature-copy{order:0}.feature-panel{order:1}.process{grid-template-columns:1fr 1fr;gap:30px}.contact-panel{padding:36px 26px;flex-direction:column;align-items:flex-start}.contact-actions{width:100%}.footer-top{grid-template-columns:1fr 1fr;gap:32px}.footer-top>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column}.footer-bottom a{margin:0 18px 0 0}}@media(max-width:420px){.brand{font-size:17px}.hero h1{font-size:39px}.node{min-width:125px;padding:10px}.node strong{font-size:11px}.hub{width:145px;height:145px}.network{margin:0 -20px;transform:scale(.85)}.process{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr}.footer-top>div:first-child{grid-column:auto}}

/* v2: visual identity derived from the supplied blue-and-black company wordmark */
:root{--navy:#0d0d18;--navy2:#19192a;--blue:#1111ef;--cyan:#5c65ff;--mint:#e9ebff;--ink:#111119;--muted:#575e6a;--line:#e6e8f2;--paper:#f8f9ff}
.brand-image{display:block;width:245px;max-width:100%;height:auto}.header-inner .brand{flex-shrink:0}.site-header{background:#fff}.nav a:hover{color:#1111ef}
.hero{background:linear-gradient(125deg,#0c0c20 0%,#161646 65%,#2422af 100%)}.hero:before{background-image:radial-gradient(#ffffff19 1px,transparent 1px)}.hero h1 em{color:#8991ff}.hero .eyebrow{color:#b8beff}.hero-small .dot{background:#7e84ff;box-shadow:0 0 0 5px #8991ff33}
.button-light{background:#fefeff;color:#1313bd}.button-dark{background:#1111e9;color:white}.service-icon{background:#eeeefe;color:#1616dd}.eyebrow{color:#1515c7}.hub{background:linear-gradient(145deg,#3335cc,#121252);border-color:#8e94ff}.hub-icon{color:#bec1ff}.network-bg{background:radial-gradient(circle at 50% 55%,#999aff33,transparent 58%)}.orbit{border-color:#a5a7ff55}.node i{background:#2525ed}
.risk-head span{background:#34349b;color:#e5e6ff}.feature-panel{background:#151544}.risk-chip{color:#c7caff;background:#4d4cc855}.checklist li:before{background:#e8e8ff;color:#1717cf}.process-number{color:#2222c7}.process-item{border-color:#c7c7ff}.process-item:not(:last-child):after{color:#2626d5}.dark-section{background:#121226}.dark-section .eyebrow{color:#b1b4ff}.advantage b{color:#a7aaff}.contact-panel{background:linear-gradient(120deg,#eeeeff,#f7f7ff)}
.site-footer{background:#11111e}.footer-logo{background:white;border-radius:4px;padding:6px;max-width:245px}.site-footer .brand{display:inline-flex}
.references{background:#fff;padding:37px 0 32px;border-bottom:1px solid var(--line)}.references-inner{text-align:center}.refs-heading h2{font-size:clamp(17px,2vw,22px);margin:9px 0 24px;letter-spacing:-.5px}.brand-refs{display:flex;align-items:center;justify-content:space-around;gap:22px;flex-wrap:wrap}.brand-refs span{font-weight:850;font-size:clamp(17px,2.3vw,26px);white-space:nowrap;color:#252636;letter-spacing:-.7px}.brand-refs .ref-roborock{font-weight:800;letter-spacing:-1px}.brand-refs .ref-tplink{font-weight:900;letter-spacing:-1px}.brand-refs .ref-zendure{letter-spacing:2px}.brand-refs .ref-feiyu{letter-spacing:2px}.brand-refs .ref-retan{letter-spacing:1px}.refs-note{font-size:10px;color:#8a8d97;margin:19px 0 0}
.legal-container h2{font-size:22px;margin-top:34px}.legal-container h3{font-size:17px;margin-top:22px}.legal-container li{line-height:1.8}.legal-container a{color:#1111db;text-decoration:underline}.legal-container .legal-note{font-size:13px;color:#656776;background:#f3f3ff;border-left:3px solid #2020df;padding:12px 16px}
@media(max-width:760px){.brand-image{width:205px}.brand-refs{gap:17px 26px}.references{padding:28px 0}.refs-heading h2{margin-bottom:20px}.footer-logo{width:235px}}
@media(max-width:420px){.brand-image{width:190px}.brand-refs span{font-size:19px}}
