/* Klemmshop – Verkehrsschilder Hub v1.0 */
.ks-traffic-hub,
.ks-traffic-hub__content{--kst-green:#1f7448;--kst-green-dark:#145638;--kst-green-soft:#eef8f2;--kst-ink:#17211c;--kst-muted:#68736d;--kst-border:#e2e8e4;--kst-red:#d83a3a;--kst-blue:#2967a8;--kst-bg:#f7f9f7;font-family:Inter,"Open Sans",Arial,sans-serif;color:var(--kst-ink)}
.ks-traffic-hub *,.ks-traffic-hub__content *{box-sizing:border-box}
.ks-traffic-hub__hero{max-width:1400px;margin:0 auto 40px;padding:54px 56px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:42px;align-items:center;border-radius:28px;background:linear-gradient(135deg,#154a32 0%,#1f7448 58%,#2a8a59 100%);overflow:hidden;position:relative;color:#fff;box-shadow:0 18px 50px rgba(16,62,40,.14)}
.ks-traffic-hub__hero:after{content:"";position:absolute;right:-130px;top:-170px;width:470px;height:470px;border:72px solid rgba(255,255,255,.055);border-radius:50%;pointer-events:none}
.ks-traffic-hub__hero-copy,.ks-traffic-hub__hero-visual{position:relative;z-index:2}
.ks-traffic-hub__kicker{display:inline-block;margin-bottom:9px;font-size:.72rem;line-height:1.3;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--kst-green)}
.ks-traffic-hub__kicker--light{color:#bce7cf}
.ks-traffic-hub__hero h1{max-width:760px;margin:0 0 18px;font-family:Montserrat,"Open Sans",Arial,sans-serif;font-size:clamp(2.15rem,4vw,4.25rem);line-height:1.02;letter-spacing:-.045em;font-weight:800;color:#fff}
.ks-traffic-hub__hero-copy>p{max-width:720px;margin:0;color:rgba(255,255,255,.82);font-size:1.02rem;line-height:1.72}
.ks-traffic-hub__actions{display:flex;flex-wrap:wrap;gap:11px;margin:27px 0 28px}
.ks-traffic-hub__button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 19px;border-radius:11px;font-weight:800;text-decoration:none!important;transition:.2s ease}
.ks-traffic-hub__button--primary{background:#fff;color:#174e34!important}.ks-traffic-hub__button--primary:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(0,0,0,.12)}
.ks-traffic-hub__button--secondary{border:1px solid rgba(255,255,255,.32);color:#fff!important;background:rgba(255,255,255,.08)}
.ks-traffic-hub__button--secondary:hover{background:rgba(255,255,255,.15)}
.ks-traffic-hub__button--dark{background:#17211c;color:#fff!important}
.ks-traffic-hub__trust{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.ks-traffic-hub__trust span{padding-top:15px;border-top:1px solid rgba(255,255,255,.18)}
.ks-traffic-hub__trust b,.ks-traffic-hub__trust small{display:block}.ks-traffic-hub__trust b{font-size:.84rem;color:#fff}.ks-traffic-hub__trust small{margin-top:4px;font-size:.7rem;line-height:1.45;color:rgba(255,255,255,.63)}
.ks-traffic-hub__hero-visual{min-height:410px}
.ks-traffic-hub__hero-card{position:absolute;display:flex;align-items:center;justify-content:center;padding:17px;border-radius:22px;background:#fff;box-shadow:0 18px 38px rgba(0,0,0,.18);transition:transform .25s ease;text-decoration:none!important}
.ks-traffic-hub__hero-card:hover{transform:translateY(-5px) rotate(0deg)!important}
.ks-traffic-hub__hero-card img{width:100%;height:100%;object-fit:contain}
.ks-traffic-hub__hero-card--1{width:54%;height:72%;left:1%;top:9%;transform:rotate(-3deg)}
.ks-traffic-hub__hero-card--8{width:39%;height:48%;right:0;top:1%;transform:rotate(3deg)}
.ks-traffic-hub__hero-card--35{width:41%;height:48%;right:5%;bottom:0;transform:rotate(2deg)}
.ks-traffic-hub__hero-badge{position:absolute;z-index:2;left:12px;top:12px;padding:6px 9px;border-radius:999px;background:#17211c;color:#fff;font-size:.64rem;font-weight:800;letter-spacing:.03em}
.ks-traffic-hub__content{max-width:1400px;margin:0 auto}
.ks-traffic-hub__section,.ks-traffic-hub__examples,.ks-traffic-hub__why,.ks-traffic-hub__set,.ks-traffic-hub__ideas,.ks-traffic-hub__shop-intro,.ks-traffic-hub__seo{margin:0 0 38px}
.ks-traffic-hub__section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:21px}
.ks-traffic-hub__section-head h2,.ks-traffic-hub__why h2,.ks-traffic-hub__set h2,.ks-traffic-hub__ideas h2,.ks-traffic-hub__shop-intro h2,.ks-traffic-hub__seo h2{margin:0;font-family:Montserrat,"Open Sans",Arial,sans-serif;font-size:clamp(1.55rem,2.5vw,2.45rem);line-height:1.14;letter-spacing:-.025em;font-weight:800;color:var(--kst-ink)}
.ks-traffic-hub__section-head p{max-width:760px;margin:9px 0 0;color:var(--kst-muted);line-height:1.65}
.ks-traffic-hub__section-head>a{white-space:nowrap;color:var(--kst-green)!important;font-weight:800;text-decoration:none!important}
.ks-traffic-hub__world-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.ks-traffic-hub__world-card{min-height:220px;display:grid;grid-template-columns:150px 1fr;align-items:center;gap:22px;padding:25px;border:1px solid var(--kst-border);border-radius:20px;background:#fff;text-decoration:none!important;color:var(--kst-ink)!important;box-shadow:0 8px 30px rgba(22,40,30,.045);transition:.2s ease}
.ks-traffic-hub__world-card:hover{transform:translateY(-3px);box-shadow:0 14px 38px rgba(22,40,30,.09);border-color:#ccd9d1}
.ks-traffic-hub__sign{width:112px;height:112px;margin:auto;display:flex;align-items:center;justify-content:center;position:relative;font-family:Arial,sans-serif;font-weight:900;background:#fff}
.ks-traffic-hub__sign--ban,.ks-traffic-hub__sign--speed{border:12px solid var(--kst-red);border-radius:50%;font-size:2.3rem;color:#161616}
.ks-traffic-hub__sign--ban i{width:70px;height:13px;background:var(--kst-red);display:block;border-radius:4px}
.ks-traffic-hub__sign--direction{border-radius:50%;background:var(--kst-blue);color:#fff;font-size:3.4rem}
.ks-traffic-hub__sign--info{border:8px solid var(--kst-blue);border-radius:14px;color:var(--kst-blue);font-size:3.5rem;text-transform:lowercase}
.ks-traffic-hub__world-copy{display:flex;flex-direction:column}.ks-traffic-hub__world-copy small{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:var(--kst-green)}
.ks-traffic-hub__world-copy strong{margin:5px 0 7px;font-size:1.08rem;line-height:1.3}.ks-traffic-hub__world-copy>span{color:var(--kst-muted);font-size:.86rem;line-height:1.55}.ks-traffic-hub__world-copy b{margin-top:13px;color:var(--kst-green);font-size:.8rem}
.ks-traffic-hub__examples{padding:30px;border-radius:22px;background:var(--kst-bg)}
.ks-traffic-hub__example-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.ks-traffic-hub__example-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--kst-border);border-radius:16px;background:#fff;overflow:hidden;color:var(--kst-ink)!important;text-decoration:none!important;transition:.2s ease}
.ks-traffic-hub__example-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(22,40,30,.08)}
.ks-traffic-hub__example-image{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;padding:16px;background:#fff}.ks-traffic-hub__example-image img{width:100%;height:100%;object-fit:contain;transition:transform .25s ease}.ks-traffic-hub__example-card:hover img{transform:scale(1.035)}
.ks-traffic-hub__example-copy{display:flex;flex:1;flex-direction:column;padding:13px 14px 15px;border-top:1px solid var(--kst-border)}.ks-traffic-hub__example-copy strong{font-size:.82rem;line-height:1.4}.ks-traffic-hub__example-copy span{margin-top:auto;padding-top:9px;color:var(--kst-green);font-size:.73rem;font-weight:800}
.ks-traffic-hub__why{display:grid;grid-template-columns:.8fr 1.2fr;gap:34px;padding:36px;border-radius:24px;background:linear-gradient(135deg,#164e34,#24794e);color:#fff}
.ks-traffic-hub__why h2{color:#fff}.ks-traffic-hub__why-copy p{color:rgba(255,255,255,.74);line-height:1.65}.ks-traffic-hub__why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.ks-traffic-hub__why-grid article{padding:21px;border-radius:16px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12)}.ks-traffic-hub__why-grid article>span{display:flex;width:46px;height:46px;align-items:center;justify-content:center;border-radius:50%;background:#fff;color:#165139;font-weight:900}.ks-traffic-hub__why-grid strong{display:block;margin:14px 0 6px;color:#fff}.ks-traffic-hub__why-grid p{margin:0;color:rgba(255,255,255,.67);font-size:.79rem;line-height:1.55}
.ks-traffic-hub__set{display:grid;grid-template-columns:.9fr 1.1fr;gap:35px;align-items:center;padding:34px;border:1px solid var(--kst-border);border-radius:24px;background:#fff}
.ks-traffic-hub__set-visual{min-height:260px;position:relative;border-radius:19px;background:linear-gradient(180deg,#eaf5ec 0 62%,#76aa67 62%);overflow:hidden}.ks-traffic-hub__set-visual:after{content:"";position:absolute;left:8%;right:8%;bottom:22%;height:10px;background:#d5d8d2;border-radius:999px}
.ks-traffic-hub__mini-sign{position:absolute;display:flex;align-items:center;justify-content:center;z-index:2}.ks-traffic-hub__mini-sign:after,.ks-traffic-hub__mini-light:after{content:"";position:absolute;top:100%;left:50%;width:8px;height:88px;transform:translateX(-50%);background:#7e8582}.ks-traffic-hub__mini-sign--stop{left:17%;top:25px;width:78px;height:78px;border-radius:50%;background:#b93636;border:7px solid #fff;outline:4px solid #b93636;color:#fff;font-size:.95rem;font-weight:900}.ks-traffic-hub__mini-sign--walk{left:45%;top:40px;width:74px;height:74px;background:#2e6eaa;color:#fff;border:7px solid #fff;outline:3px solid #2e6eaa;font-size:2.2rem}.ks-traffic-hub__mini-light{position:absolute;right:17%;top:22px;width:52px;height:100px;padding:8px;display:flex;flex-direction:column;gap:6px;background:#343a37;border-radius:8px;z-index:2}.ks-traffic-hub__mini-light i{flex:1;border-radius:50%;background:#68706c}.ks-traffic-hub__mini-light i:nth-child(1){background:#c83c3c}.ks-traffic-hub__mini-light i:nth-child(2){background:#d2a82f}.ks-traffic-hub__mini-light i:nth-child(3){background:#4a9a56}.ks-traffic-hub__barrier{position:absolute;left:32%;bottom:13%;width:150px;height:23px;background:repeating-linear-gradient(135deg,#f2c82c 0 20px,#222 20px 40px);z-index:3;border-radius:3px}
.ks-traffic-hub__set-copy p{color:var(--kst-muted);line-height:1.65;margin:10px 0 20px}
.ks-traffic-hub__ideas{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;padding:34px;border-radius:24px;background:#17211c;color:#fff}.ks-traffic-hub__ideas h2{color:#fff}.ks-traffic-hub__ideas-copy p{color:rgba(255,255,255,.67);line-height:1.65}.ks-traffic-hub__ideas-links{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.ks-traffic-hub__ideas-links a{padding:16px;border-radius:13px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);text-decoration:none!important;color:#fff!important}.ks-traffic-hub__ideas-links strong,.ks-traffic-hub__ideas-links span{display:block}.ks-traffic-hub__ideas-links strong{font-size:.88rem}.ks-traffic-hub__ideas-links span{margin-top:4px;color:#a9d9bc;font-size:.73rem}
.ks-traffic-hub__shop-intro{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:27px 30px;border-radius:20px;background:var(--kst-green-soft);border:1px solid #d8e9df}.ks-traffic-hub__shop-intro p{margin:8px 0 0;color:var(--kst-muted)}.ks-traffic-hub__shop-intro>a{white-space:nowrap;padding:12px 16px;border-radius:10px;background:var(--kst-green);color:#fff!important;font-weight:800;text-decoration:none!important}
.ks-traffic-hub__seo{display:grid;grid-template-columns:.82fr 1.18fr;gap:38px;padding:34px 4px;border-top:1px solid var(--kst-border)}.ks-traffic-hub__seo p{margin:0 0 12px;color:var(--kst-muted);line-height:1.72}
@media(max-width:1100px){.ks-traffic-hub__hero{grid-template-columns:1fr;padding:42px}.ks-traffic-hub__hero-visual{min-height:350px;max-width:620px;width:100%;margin:auto}.ks-traffic-hub__example-grid{grid-template-columns:repeat(3,1fr)}.ks-traffic-hub__why,.ks-traffic-hub__set,.ks-traffic-hub__ideas{grid-template-columns:1fr}.ks-traffic-hub__why-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:780px){.ks-traffic-hub__hero{margin-left:-15px;margin-right:-15px;border-radius:0;padding:34px 20px}.ks-traffic-hub__hero h1{font-size:2.25rem}.ks-traffic-hub__trust{grid-template-columns:1fr}.ks-traffic-hub__hero-visual{min-height:300px}.ks-traffic-hub__world-grid{grid-template-columns:1fr}.ks-traffic-hub__example-grid{grid-template-columns:repeat(2,1fr)}.ks-traffic-hub__why-grid{grid-template-columns:1fr}.ks-traffic-hub__section-head{align-items:flex-start;flex-direction:column}.ks-traffic-hub__ideas-links{grid-template-columns:1fr}.ks-traffic-hub__shop-intro,.ks-traffic-hub__seo{grid-template-columns:1fr;display:grid}.ks-traffic-hub__shop-intro>a{justify-self:start}}
@media(max-width:520px){.ks-traffic-hub__hero-visual{min-height:250px}.ks-traffic-hub__hero-card{padding:9px;border-radius:14px}.ks-traffic-hub__world-card{grid-template-columns:90px 1fr;padding:17px;gap:14px;min-height:180px}.ks-traffic-hub__sign{width:72px;height:72px}.ks-traffic-hub__sign--ban,.ks-traffic-hub__sign--speed{border-width:8px;font-size:1.55rem}.ks-traffic-hub__sign--ban i{width:46px;height:9px}.ks-traffic-hub__sign--direction,.ks-traffic-hub__sign--info{font-size:2.25rem}.ks-traffic-hub__example-grid{grid-template-columns:1fr 1fr}.ks-traffic-hub__examples,.ks-traffic-hub__why,.ks-traffic-hub__set,.ks-traffic-hub__ideas{padding:20px}.ks-traffic-hub__set-visual{min-height:220px}}