/*
Theme Name: IMEXIN Design
Description: Testentwurf für IMEXIN AG
Version: 1.0
*/

:root{--ink:#173629;--green:#167b42;--lime:#2ecc32;--paper:#f8faf6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Arial,sans-serif;background:var(--paper);line-height:1.6}a{color:inherit}header{background:white}nav{max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:22px 30px;gap:25px}.logo{width:220px;height:auto;filter:url(#logo-green)}.navlinks{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:700}.navlinks a{text-decoration:none}.tag{border:1px solid #c9ded0;border-radius:50px;padding:9px 16px}.hero{background:linear-gradient(90deg,rgba(10,45,31,.94) 0%,rgba(15,69,42,.84) 40%,rgba(17,72,45,.40) 100%),url("assets/saanenland.jpg") center 38% / cover no-repeat;color:white;overflow:hidden}.wrap{max-width:1200px;margin:auto;padding:0 30px}.hero-inner{min-height:515px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:60px;padding-top:75px;padding-bottom:75px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:700}.hero h1{font-size:clamp(40px,5.3vw,68px);letter-spacing:-.045em;line-height:1.06;margin:22px 0}.hero p{font-size:19px;max-width:600px;color:#e4f4e8}.button{display:inline-block;background:#fff;color:#17462f;text-decoration:none;font-weight:bold;padding:15px 24px;border-radius:6px;margin-top:18px}.hero-art{position:relative;min-height:330px;display:flex;align-items:center;justify-content:center}.rings{width:310px;height:310px;border:2px solid #ffffff53;border-radius:50%;position:absolute;box-shadow:0 0 0 35px #ffffff0c,0 0 0 75px #ffffff0b}.panel{position:relative;background:#f7fff7;color:var(--ink);padding:30px;border-radius:14px;box-shadow:0 25px 60px #00251550;max-width:310px}.panel small{color:var(--green);font-weight:bold;letter-spacing:.12em}.panel strong{display:block;font-size:27px;line-height:1.2;margin:16px 0}.panel p{font-size:15px;color:#53685c;margin:0}.strip{background:#e7f3e8}.strip .wrap{display:flex;gap:25px;justify-content:space-between;padding-top:20px;padding-bottom:20px;font-size:14px;font-weight:700}.section{padding:95px 0}.intro{display:flex;justify-content:space-between;gap:40px;align-items:end}.section h2{font-size:clamp(32px,4vw,48px);line-height:1.15;letter-spacing:-.035em;margin:12px 0}.intro p{max-width:460px;color:#5a6e60}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px}.card{background:#fff;border:1px solid #e2ebe1;border-radius:10px;overflow:hidden;min-height:250px}.card img{width:100%;height:165px;object-fit:cover;display:block}.card-content{padding:24px}.card h3{margin-top:0!important}.icon{font-size:24px;color:var(--green)}.card h3{font-size:20px;margin:25px 0 8px}.card p{font-size:15px;color:#5b6d60;margin:0}.support{background:#e8f3e9}.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.support p{color:#526a59}.steps{display:grid;gap:15px}.step{background:#fff;border-radius:10px;padding:22px 25px;display:flex;gap:20px}.step b{color:#19884a;font-size:20px}.step strong{display:block}.contact{background:#143d2e;color:white}.contact-grid{display:flex;justify-content:space-between;gap:50px;align-items:center}.contact p{color:#d3e8d8}.placeholder{background:#ffffff12;border:1px solid #ffffff40;padding:22px 25px;border-radius:8px;min-width:280px}.placeholder strong{display:block}footer .wrap{display:flex;justify-content:space-between;padding-top:25px;padding-bottom:25px;font-size:13px;color:#718277}.notice{background:#eff6e9;text-align:center;padding:8px;font-size:12px;color:#42644a}@media(max-width:800px){.hero{background-position:center, center 38%}.navlinks a:not(.tag){display:none}.logo{width:175px}.hero-inner,.support-grid{grid-template-columns:1fr;gap:25px}.hero-inner{padding-top:55px}.hero-art{min-height:300px}.cards{grid-template-columns:repeat(2,1fr)}.intro,.contact-grid{display:block}.strip .wrap{flex-wrap:wrap}.section{padding:65px 0}.placeholder{margin-top:30px}}@media(max-width:480px){.hero{background-position:center, center 38%}.cards{grid-template-columns:1fr}.hero h1{font-size:42px}.hero-art{min-height:260px}.rings{width:220px;height:220px}.panel{max-width:260px}.strip .wrap{display:grid;gap:8px}.navlinks{gap:5px}nav{padding:18px}.wrap{padding-left:20px;padding-right:20px}footer .wrap{display:block}}