/* Schlau vor Ort — automatisch aus shop-render.php ausgelagert. Tokens (:root) stehen kritisch inline im <head>. */
.hero.home .wrap{display:grid;grid-template-columns:1.08fr .92fr;gap:44px;align-items:center}
.hero.home .flightpath{width:50%}
.hero-img{position:relative;z-index:2;border-radius:24px;overflow:hidden;box-shadow:var(--shadow);aspect-ratio:4/3;
  background:linear-gradient(135deg,#bfe0e6,#e9f0d6) center/cover no-repeat;border:5px solid #fff}
.hero-img .cap{position:absolute;left:14px;bottom:12px;background:rgba(255,253,248,.92);color:var(--navy);font-weight:800;font-size:.78rem;padding:5px 12px;border-radius:999px}
@media(max-width:820px){.hero.home .wrap{grid-template-columns:1fr}.hero.home .flightpath{display:none}.hero-img{aspect-ratio:16/9;margin-top:8px}}
.props{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.prop{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:24px}
.prop .ic{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;font-size:1.4rem;margin-bottom:12px;background:rgba(254,132,34,.14)}
.prop h3{font-size:1.2rem;color:var(--navy);margin:0 0 4px}
.prop p{margin:0;color:var(--muted);font-weight:600;font-size:.96rem}
/* Kundenstimmen */
.tsts{background:linear-gradient(135deg,var(--navy),var(--navy-deep));padding:72px 0}
.tsts h2{font-size:clamp(1.8rem,3.2vw,2.5rem);margin:0 0 6px}
.tsts-viewport{overflow:hidden;margin-top:26px}
.tsts-track{display:flex;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.tst{flex:0 0 33.3333%;padding:0 11px;box-sizing:border-box}
.tst-inner{background:#fff;border-radius:18px;padding:24px;height:100%;box-shadow:var(--shadow)}
.tst .stars{color:var(--orange);font-size:1.05rem;letter-spacing:2px}
.tst .q{color:var(--ink);font-weight:600;font-size:1.02rem;line-height:1.55;margin:10px 0 14px}
.tst .who{color:var(--muted);font-weight:800;font-size:.9rem;margin:0}
.tsts-nav{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:24px}
.tarrow{width:44px;height:44px;border-radius:50%;border:none;background:#fff;color:var(--navy);font-size:1.4rem;cursor:pointer;box-shadow:var(--shadow-sm);line-height:1}
.tarrow:hover{background:var(--orange);color:#fff}
.tdots{display:flex;gap:8px}
.tdot{width:10px;height:10px;border-radius:50%;border:none;background:rgba(255,255,255,.35);cursor:pointer;padding:0;transition:width .2s}
.tdot.on{background:var(--orange);width:26px;border-radius:999px}
/* Warum-Bereich (weiß, abgetrennt) */
.whyus{background:#fff;border-top:1px solid var(--line);padding:72px 0}
.whyus h2{font-size:clamp(1.8rem,3.2vw,2.5rem);margin:0 0 24px}
.worldmap{background:var(--cream);border-top:1px solid var(--line)}
.worldmap h2{font-size:clamp(1.8rem,3.2vw,2.4rem);color:var(--navy);margin:0 0 12px}
.worldmap .moreinfo-grid{grid-template-columns:2fr 3fr}
.worldmap .moreinfo-map{height:520px}
@media(max-width:860px){.worldmap .moreinfo-grid{grid-template-columns:1fr}}
@media(max-width:760px){.tsts-viewport{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.tsts-track{transform:none!important}.tst{flex-basis:84%;scroll-snap-align:center}.tsts-nav{display:none}}
.feat-grid{display:grid;grid-template-columns:380px 1fr;gap:52px;align-items:start}
.feat-cover{display:block;aspect-ratio:2/3;border-radius:6px 14px 14px 6px;background:#e7ede6 center/cover no-repeat;box-shadow:var(--shadow);position:relative;transition:transform .18s;overflow:hidden}
.feat-cover .covimg{width:100%;height:100%;object-fit:cover;display:block}
.feat-cover:hover{transform:translateY(-4px)}
.feat h2{font-size:clamp(1.7rem,2.8vw,2.3rem);color:var(--navy);margin:0 0 2px}
.feat-sub{color:var(--muted);font-weight:700;margin:0 0 22px}
.feat-ex{margin:18px 0 27px}
.feat-ex p{margin:0 0 12px;font-size:1.07rem;line-height:1.75}
@media(max-width:760px){.feat-grid{grid-template-columns:1fr}.feat-cover{max-width:190px}}