/* Klemmshop – Gutscheine Hub */
.ks-voucher-hub,
.ks-voucher-hub__content {
    --ksv-ink:#17211b;
    --ksv-muted:#66736b;
    --ksv-green:#1e6840;
    --ksv-green-2:#2e8b57;
    --ksv-green-soft:#edf7f1;
    --ksv-dark:#13271c;
    --ksv-border:#e0e7e2;
    --ksv-yellow:#f4d76b;
    --ksv-radius:22px;
    color:var(--ksv-ink);
}
.ks-voucher-hub{margin:0 0 42px}
.ks-voucher-hub__hero{
    position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(400px,.98fr);
    gap:48px;min-height:500px;padding:58px 62px;border-radius:30px;
    background:radial-gradient(circle at 82% 18%,rgba(120,220,160,.19),transparent 32%),linear-gradient(135deg,#13271c 0%,#1d5236 57%,#2c8154 100%);
    box-shadow:0 24px 70px rgba(23,49,33,.16)
}
.ks-voucher-hub__hero:before{content:"";position:absolute;inset:0;opacity:.09;pointer-events:none;background-image:radial-gradient(circle,#fff 1.8px,transparent 2px);background-size:28px 28px}
.ks-voucher-hub__hero-copy,.ks-voucher-hub__visual{position:relative;z-index:1}
.ks-voucher-hub__hero-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.ks-voucher-hub__kicker{display:inline-block;margin-bottom:11px;color:var(--ksv-green);font-size:.75rem;font-weight:800;letter-spacing:.085em;text-transform:uppercase}
.ks-voucher-hub__hero .ks-voucher-hub__kicker,.ks-voucher-hub__kicker--light{color:#b9e7ca}
.ks-voucher-hub__hero h1{max-width:680px;margin:0;color:#fff;font-family:Montserrat,"Open Sans",Arial,sans-serif;font-size:clamp(2.35rem,4vw,4.2rem);line-height:1.02;font-weight:800;letter-spacing:-.045em}
.ks-voucher-hub__hero-copy>p{max-width:650px;margin:24px 0 0;color:rgba(255,255,255,.83);font-size:1.04rem;line-height:1.72}
.ks-voucher-hub__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.ks-voucher-hub__button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 20px;border:1px solid transparent;border-radius:11px;font-weight:800;text-decoration:none!important;transition:.2s ease}
.ks-voucher-hub__button:hover{transform:translateY(-2px)}
.ks-voucher-hub__button--primary{color:#173120!important;background:#fff}
.ks-voucher-hub__button--secondary{color:#fff!important;border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.08)}
.ks-voucher-hub__button--secondary:hover{background:rgba(255,255,255,.15)}
.ks-voucher-hub__trust{display:grid;grid-template-columns:repeat(3,1fr);width:100%;gap:0;margin-top:34px;padding-top:24px;border-top:1px solid rgba(255,255,255,.16)}
.ks-voucher-hub__trust span{padding-right:15px}.ks-voucher-hub__trust b,.ks-voucher-hub__trust small{display:block}.ks-voucher-hub__trust b{color:#fff;font-size:.84rem}.ks-voucher-hub__trust small{margin-top:3px;color:rgba(255,255,255,.6);font-size:.71rem}
.ks-voucher-hub__visual{min-height:390px;perspective:900px}
.ks-voucher-card{position:absolute;display:flex;flex-direction:column;justify-content:flex-end;width:330px;height:205px;padding:26px 28px;border-radius:22px;color:#fff;background:linear-gradient(145deg,#1b5c39,#2f9360);box-shadow:0 25px 55px rgba(5,20,11,.28);border:1px solid rgba(255,255,255,.18);overflow:hidden}
.ks-voucher-card:after{content:"";position:absolute;width:210px;height:210px;border-radius:50%;right:-72px;top:-72px;background:rgba(255,255,255,.08)}
.ks-voucher-card__brand{position:absolute;left:28px;top:24px;font-size:.86rem;font-weight:900;letter-spacing:.07em}.ks-voucher-card__brand span{color:#bde8cb}
.ks-voucher-card__eyebrow{position:relative;z-index:1;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.69)}
.ks-voucher-card strong{position:relative;z-index:1;margin-top:2px;font-family:Montserrat,"Open Sans",Arial,sans-serif;font-size:3rem;line-height:1;font-weight:800}.ks-voucher-card small{position:relative;z-index:1;margin-top:8px;color:rgba(255,255,255,.72)}
.ks-voucher-card--main{right:6%;top:24%;z-index:3;transform:rotate(2deg);background:linear-gradient(145deg,#173e29,#257a4b)}
.ks-voucher-card--back{left:0;top:5%;z-index:1;transform:rotate(-8deg) scale(.88);opacity:.88}
.ks-voucher-card--front{left:9%;bottom:0;z-index:2;transform:rotate(-2deg) scale(.92);background:linear-gradient(145deg,#2a8052,#3da46d)}
.ks-voucher-card__studs{position:absolute;right:21px;bottom:20px;display:grid;grid-template-columns:repeat(3,14px);gap:8px}.ks-voucher-card__studs i{width:14px;height:14px;border-radius:50%;background:rgba(255,255,255,.18);box-shadow:inset 0 2px 3px rgba(255,255,255,.2)}
.ks-voucher-hub__content{margin:0 0 50px}
.ks-voucher-hub__intro,.ks-voucher-hub__delivery,.ks-voucher-hub__facts{padding:42px 0}
.ks-voucher-hub__section-head{max-width:760px;margin-bottom:25px}.ks-voucher-hub__section-head h2,.ks-voucher-hub__facts h2,.ks-voucher-hub__how h2{margin:0;font-family:Montserrat,"Open Sans",Arial,sans-serif;font-size:clamp(1.75rem,3vw,2.55rem);line-height:1.12;font-weight:800;letter-spacing:-.035em}.ks-voucher-hub__section-head p{margin:12px 0 0;color:var(--ksv-muted);line-height:1.65}
.ks-voucher-hub__value-guide{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}
.ks-voucher-hub__value-guide a{position:relative;display:flex;min-height:130px;flex-direction:column;justify-content:flex-end;padding:18px;border:1px solid var(--ksv-border);border-radius:17px;color:var(--ksv-ink)!important;background:#fff;box-shadow:0 8px 28px rgba(23,27,36,.045);text-decoration:none!important;transition:.2s ease}.ks-voucher-hub__value-guide a:hover{transform:translateY(-4px);border-color:#c9d9cf;box-shadow:0 16px 38px rgba(23,27,36,.09)}
.ks-voucher-hub__value-guide strong{font-family:Montserrat,"Open Sans",Arial,sans-serif;font-size:1.65rem;line-height:1;font-weight:800}.ks-voucher-hub__value-guide span{margin-top:8px;color:var(--ksv-muted);font-size:.74rem;line-height:1.35}.ks-voucher-hub__value-guide em{position:absolute;left:14px;top:12px;padding:5px 8px;border-radius:999px;color:#15442b;background:#cfeeda;font-size:.61rem;font-style:normal;font-weight:800;text-transform:uppercase;letter-spacing:.055em}
.ks-voucher-hub__value-guide--popular{border-color:#b8ddc5!important;background:linear-gradient(180deg,#f6fbf8,#edf7f1)!important}
.ks-voucher-hub__delivery{border-top:1px solid var(--ksv-border)}
.ks-voucher-hub__delivery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.ks-voucher-hub__delivery-card{position:relative;overflow:hidden;padding:32px;border:1px solid var(--ksv-border);border-radius:22px;background:#fff;box-shadow:0 10px 35px rgba(23,27,36,.045)}
.ks-voucher-hub__delivery-card--mail{background:linear-gradient(135deg,#f7fbf9,#edf7f1)}.ks-voucher-hub__delivery-card--card{background:linear-gradient(135deg,#fffdf5,#fbf5dc)}
.ks-voucher-hub__delivery-icon{display:flex;width:52px;height:52px;align-items:center;justify-content:center;margin-bottom:22px;border-radius:15px;color:#fff;background:var(--ksv-green);font-size:1.2rem;font-weight:900}.ks-voucher-hub__delivery-card--card .ks-voucher-hub__delivery-icon{color:#5b4a13;background:var(--ksv-yellow)}
.ks-voucher-hub__tag{display:inline-block;margin-bottom:9px;color:var(--ksv-green);font-size:.7rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.ks-voucher-hub__delivery-card h3{margin:0;font-size:1.28rem;font-weight:800}.ks-voucher-hub__delivery-card p{margin:10px 0 15px;color:var(--ksv-muted);line-height:1.62}.ks-voucher-hub__delivery-card ul{margin:0;padding:0;list-style:none}.ks-voucher-hub__delivery-card li{position:relative;padding:7px 0 7px 22px;font-size:.84rem}.ks-voucher-hub__delivery-card li:before{content:"✓";position:absolute;left:0;color:var(--ksv-green);font-weight:900}
.ks-voucher-hub__how{display:grid;grid-template-columns:.78fr 1.22fr;gap:48px;margin:22px 0 34px;padding:42px;border-radius:26px;color:#fff;background:linear-gradient(135deg,#14251b,#226c45)}.ks-voucher-hub__how-copy p{margin:14px 0 0;color:rgba(255,255,255,.76);line-height:1.65}.ks-voucher-hub__steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}.ks-voucher-hub__steps li{display:flex;gap:14px;padding:18px;border:1px solid rgba(255,255,255,.13);border-radius:16px;background:rgba(255,255,255,.07)}.ks-voucher-hub__steps li>span{display:flex;flex:0 0 36px;height:36px;align-items:center;justify-content:center;border-radius:50%;color:#173120;background:#c9efd7;font-size:.68rem;font-weight:900}.ks-voucher-hub__steps strong,.ks-voucher-hub__steps small{display:block}.ks-voucher-hub__steps strong{color:#fff;font-size:.86rem}.ks-voucher-hub__steps small{margin-top:4px;color:rgba(255,255,255,.64);line-height:1.45}
.ks-voucher-hub__facts{display:grid;grid-template-columns:.72fr 1.28fr;gap:42px;border-top:1px solid var(--ksv-border)}.ks-voucher-hub__facts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ks-voucher-hub__facts article{padding:22px;border-radius:17px;background:#f6f8f6}.ks-voucher-hub__facts strong{font-size:.9rem}.ks-voucher-hub__facts p{margin:8px 0 0;color:var(--ksv-muted);font-size:.8rem;line-height:1.55}
/* Gutscheine: vorhandene JTL-Produktkarten nur auf dieser Seite moderner darstellen. */
body:has(.ks-voucher-hub) .productbox{border-radius:18px!important;transition:transform .2s ease,box-shadow .2s ease!important}
body:has(.ks-voucher-hub) .productbox:hover{transform:translateY(-4px);box-shadow:0 14px 36px rgba(23,27,36,.09)!important}
body:has(.ks-voucher-hub) .productbox-inner{border-radius:18px!important;overflow:hidden}
body:has(.ks-voucher-hub) .productbox-title a{font-weight:800!important;color:var(--ksv-ink)!important}
body:has(.ks-voucher-hub) .btn-primary{border-color:var(--ksv-green)!important;background:var(--ksv-green)!important}
@media(max-width:1199px){.ks-voucher-hub__hero{grid-template-columns:1fr .8fr;padding:46px}.ks-voucher-hub__value-guide{grid-template-columns:repeat(4,1fr)}.ks-voucher-hub__facts{grid-template-columns:1fr}.ks-voucher-hub__facts-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:991px){.ks-voucher-hub__hero{grid-template-columns:1fr;gap:22px}.ks-voucher-hub__visual{min-height:310px}.ks-voucher-card{width:290px;height:180px}.ks-voucher-hub__how{grid-template-columns:1fr}.ks-voucher-hub__value-guide{grid-template-columns:repeat(3,1fr)}}
@media(max-width:767px){.ks-voucher-hub{margin-bottom:28px}.ks-voucher-hub__hero{padding:34px 24px;border-radius:22px}.ks-voucher-hub__hero h1{font-size:2.25rem}.ks-voucher-hub__trust{grid-template-columns:1fr;gap:13px}.ks-voucher-hub__trust span{padding:0}.ks-voucher-hub__visual{min-height:280px}.ks-voucher-card{width:240px;height:150px;padding:20px}.ks-voucher-card strong{font-size:2.2rem}.ks-voucher-hub__value-guide{grid-template-columns:repeat(2,1fr)}.ks-voucher-hub__delivery-grid,.ks-voucher-hub__facts-grid{grid-template-columns:1fr}.ks-voucher-hub__how{padding:28px 22px}.ks-voucher-hub__steps{grid-template-columns:1fr}.ks-voucher-hub__intro,.ks-voucher-hub__delivery,.ks-voucher-hub__facts{padding:32px 0}}
@media(max-width:479px){.ks-voucher-hub__value-guide{grid-template-columns:1fr 1fr}.ks-voucher-hub__value-guide a{min-height:115px}.ks-voucher-card--back{left:-8%}.ks-voucher-card--main{right:-5%}.ks-voucher-card--front{left:4%}}