/*
Theme Name: Grau Solutions Clean Home
Theme URI: https://grau.solutions
Author: Grau Solutions
Description: Sauberes, eigenständiges WordPress-Theme für grau.solutions. Startseite mit ACF-Free Feldern, Drawer, Header, Footer und mobilem Menü.
Version: 1.0.1
Text Domain: grau-clean
*/

:root{
  --gs-bg:#f6f6f4;
  --gs-white:#fff;
  --gs-ink:#111214;
  --gs-muted:#6f7177;
  --gs-line:rgba(17,18,20,.12);
  --gs-soft:#ececea;
  --gs-dark:#121315;
  --gs-dark-2:#1c1d20;
  --gs-blue:#0756d8;
  --gs-radius:0;
  --gs-shadow:0 18px 55px rgba(17,18,20,.11);
  --gs-max:1440px;
  --gs-pad:clamp(22px,4vw,72px);
  --gs-font:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",Roboto,Arial,sans-serif;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--gs-bg);color:var(--gs-ink);font-family:var(--gs-font);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
html,body{min-height:100%;height:auto;overflow-x:hidden;overflow-y:auto}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
::selection{background:#dbe8ff;color:#07101f}

.gs-site{min-height:100vh;overflow-x:clip;overflow-y:visible;background:linear-gradient(180deg,#fbfbfa 0%,#f6f6f4 42%,#f7f7f5 100%)}
.gs-container{width:min(var(--gs-max),100%);margin:0 auto;padding-left:var(--gs-pad);padding-right:var(--gs-pad)}
.gs-eyebrow{font-size:11px;letter-spacing:.22em;text-transform:uppercase;font-weight:700;color:#34363a;margin:0 0 18px}
.gs-h1{font-size:clamp(48px,6vw,104px);line-height:.96;letter-spacing:-.07em;margin:0;font-weight:760}
.gs-h2{font-size:clamp(30px,3.5vw,58px);line-height:1.02;letter-spacing:-.055em;margin:0;font-weight:710}
.gs-h3{font-size:clamp(22px,2vw,34px);line-height:1.1;letter-spacing:-.04em;margin:0;font-weight:680}
.gs-copy{color:#404247;margin:0;max-width:620px}
.gs-small{font-size:14px;color:var(--gs-muted);margin:0}
.gs-button,.gs-link-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:48px;padding:0 24px;border:1px solid var(--gs-ink);background:var(--gs-dark);color:#fff;font-size:14px;font-weight:560;line-height:1;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease,color .2s ease}
.gs-button:hover,.gs-link-button:hover{transform:translateY(-1px);background:#000}
.gs-button--light{background:#fff;color:var(--gs-ink);border-color:#fff}
.gs-button--ghost{background:transparent;color:var(--gs-ink);border-color:transparent;padding-left:0;padding-right:0}
.gs-arrow{font-size:18px;line-height:0;transform:translateY(-1px)}

/* Header */
.gs-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(246,246,244,.86);backdrop-filter:blur(16px);border-bottom:1px solid transparent;transition:border-color .2s ease,background .2s ease}
body.gs-scrolled .gs-header{border-color:var(--gs-line);background:rgba(246,246,244,.94)}
.gs-header__inner{height:86px;display:grid;grid-template-columns:190px 1fr 190px;align-items:center;gap:24px}
.gs-logo{display:inline-flex;flex-direction:column;line-height:1;letter-spacing:-.05em;font-weight:800;font-size:30px;width:max-content}
.gs-logo span{font-size:13px;letter-spacing:.31em;font-weight:500;color:#55585d;margin-top:4px;margin-left:2px}
.gs-nav{display:flex;align-items:center;justify-content:center;gap:clamp(28px,4vw,66px)}
.gs-nav a{font-size:14px;font-weight:520;position:relative;white-space:nowrap}
.gs-nav a:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:center;transition:transform .2s ease}
.gs-nav a:hover:after,.gs-nav .current-menu-item>a:after{transform:scaleX(1)}
.gs-header__actions{display:flex;align-items:center;justify-content:flex-end;gap:14px}
.gs-menu-toggle{display:none;width:46px;height:46px;border:1px solid var(--gs-line);background:transparent;color:var(--gs-ink);align-items:center;justify-content:center;cursor:pointer}
.gs-menu-toggle span{position:relative;width:18px;height:1px;background:currentColor;display:block;transition:background .2s ease}
.gs-menu-toggle span:before,.gs-menu-toggle span:after{content:"";position:absolute;left:0;width:18px;height:1px;background:currentColor;transition:transform .2s ease,top .2s ease}
.gs-menu-toggle span:before{top:-6px}.gs-menu-toggle span:after{top:6px}
body.gs-menu-open .gs-menu-toggle span{background:transparent}
body.gs-menu-open .gs-menu-toggle span:before{top:0;transform:rotate(45deg)}
body.gs-menu-open .gs-menu-toggle span:after{top:0;transform:rotate(-45deg)}
.gs-mobile-panel{display:none;position:fixed;top:86px;left:0;right:0;z-index:999;background:#f8f8f6;border-bottom:1px solid var(--gs-line);padding:26px var(--gs-pad) 34px;box-shadow:0 22px 40px rgba(17,18,20,.08);max-height:calc(100dvh - 86px);overflow-y:auto;-webkit-overflow-scrolling:touch}
.gs-mobile-panel a{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--gs-line);font-size:22px;letter-spacing:-.04em}
body.gs-menu-open .gs-mobile-panel{display:block}

/* Drawer */
.gs-drawer-tab{position:fixed;right:0;top:42%;z-index:1100;writing-mode:vertical-rl;transform:translateY(-50%);background:var(--gs-dark);color:#fff;border:0;padding:18px 12px;font-size:13px;letter-spacing:.03em;cursor:pointer;display:flex;align-items:center;gap:10px}
.gs-drawer{position:fixed;top:0;right:0;width:min(390px,92vw);height:100dvh;max-height:100vh;background:#fbfbfa;z-index:1200;transform:translateX(100%);overflow-y:auto;-webkit-overflow-scrolling:touch;transition:transform .28s ease;box-shadow:-24px 0 60px rgba(17,18,20,.12);padding:34px 30px;display:flex;flex-direction:column;border-left:1px solid var(--gs-line)}
body.gs-drawer-open .gs-drawer{transform:translateX(0)}
.gs-drawer__close{position:absolute;top:24px;right:24px;border:0;background:transparent;font-size:26px;line-height:1;cursor:pointer;color:var(--gs-ink)}
.gs-drawer h2{font-size:28px;letter-spacing:-.04em;margin:48px 0 8px}.gs-drawer p{margin:0;color:var(--gs-muted)}
.gs-drawer__items{display:grid;gap:26px;margin:38px 0;border-bottom:1px solid var(--gs-line);padding-bottom:30px}
.gs-drawer__item{display:grid;grid-template-columns:28px 1fr;gap:16px;align-items:start}.gs-drawer__icon{font-size:21px;line-height:1}.gs-drawer__item strong{display:block;font-size:14px;margin-bottom:3px}.gs-drawer__item span,.gs-drawer__item a{font-size:14px;color:#4e5156}.gs-drawer__social{display:flex;gap:16px;margin:22px 0 34px}.gs-drawer__social a{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--gs-line);font-size:12px}.gs-drawer__form{margin-top:auto;display:grid;gap:12px}.gs-drawer__form input,.gs-drawer__form textarea{width:100%;border:1px solid var(--gs-line);background:#fff;padding:13px 14px;color:var(--gs-ink)}.gs-drawer__form textarea{min-height:96px;resize:vertical}.gs-drawer__privacy{display:flex;gap:10px;align-items:flex-start;font-size:12px;color:var(--gs-muted)}.gs-drawer__privacy input{width:auto;margin-top:3px}.gs-hp{padding-top:86px}

/* Home hero */
.gs-home-hero{min-height:720px;display:grid;align-items:center;border-bottom:1px solid var(--gs-line);position:relative;overflow:hidden;background:radial-gradient(circle at 60% 26%,rgba(255,255,255,.95),rgba(246,246,244,.84) 55%,rgba(234,234,232,.75) 100%)}
.gs-home-hero__grid{display:grid;grid-template-columns:minmax(330px,.82fr) minmax(520px,1.18fr);gap:clamp(40px,6vw,90px);align-items:center;min-height:680px}
.gs-home-hero__content{padding:64px 0}.gs-home-hero__content .gs-copy{margin-top:30px}.gs-home-hero__actions{display:flex;align-items:center;gap:28px;margin-top:34px;flex-wrap:wrap}
.gs-device-stage{position:relative;min-height:470px;display:flex;align-items:flex-end;justify-content:center}.gs-device-stage:after{content:"";position:absolute;right:-8%;bottom:0;width:82%;height:150px;background:linear-gradient(135deg,#c9c9c5,#9e9f9c);box-shadow:0 -25px 50px rgba(17,18,20,.16);z-index:0}.gs-laptop{position:relative;z-index:2;width:min(760px,88%);aspect-ratio:1.66;border:11px solid #0c0d0f;border-bottom-width:22px;border-radius:16px 16px 8px 8px;background:#0f1013;box-shadow:0 18px 26px rgba(0,0,0,.26);transform:perspective(1200px) rotateY(-7deg) rotateX(1deg)}.gs-laptop:before{content:"";position:absolute;top:-11px;left:50%;width:90px;height:18px;background:#0c0d0f;border-radius:0 0 12px 12px;transform:translateX(-50%);z-index:5}.gs-laptop__screen{position:absolute;inset:0;overflow:hidden;background:linear-gradient(135deg,#0746b3 0%,#0860de 45%,#0a3e94 100%)}.gs-laptop__screen img{width:100%;height:100%;object-fit:cover}.gs-laptop__fallback{position:absolute;inset:0;background:radial-gradient(circle at 70% 40%,rgba(255,255,255,.92) 0 16%,rgba(255,255,255,.18) 17% 30%,transparent 31%),linear-gradient(130deg,#075ddd 0%,#044bba 48%,#072352 100%)}.gs-laptop__fallback:after{content:"";position:absolute;right:22%;top:0;width:26%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,.46),rgba(255,255,255,.02));transform:skewX(-10deg)}.gs-device-copy{position:absolute;left:42px;top:40px;color:#fff;z-index:3}.gs-device-logo{font-size:18px;font-weight:800;letter-spacing:-.05em;line-height:.85}.gs-device-logo span{display:block;font-size:7px;letter-spacing:.28em;font-weight:600;margin-top:6px}.gs-device-title{font-size:clamp(28px,3.2vw,48px);line-height:.98;letter-spacing:-.06em;font-weight:720;margin-top:68px;max-width:360px}.gs-device-text{font-size:14px;line-height:1.45;margin-top:22px;max-width:350px;color:rgba(255,255,255,.88)}.gs-device-button{display:inline-flex;margin-top:22px;padding:10px 16px;border:1px solid rgba(255,255,255,.65);font-size:12px;color:#fff}.gs-phone{position:absolute;right:2%;bottom:92px;z-index:3;width:130px;aspect-ratio:.49;border:9px solid #0d0e10;border-radius:26px;background:#075ddd;box-shadow:0 12px 18px rgba(0,0,0,.24);overflow:hidden}.gs-phone:before{content:"";position:absolute;top:0;left:50%;width:55px;height:14px;background:#0d0e10;border-radius:0 0 10px 10px;transform:translateX(-50%);z-index:4}.gs-phone img{width:100%;height:100%;object-fit:cover}.gs-phone__fallback{position:absolute;inset:0;background:linear-gradient(145deg,#0867ef,#073b95)}.gs-phone__copy{position:absolute;left:13px;right:10px;top:28px;color:#fff;font-weight:700;font-size:20px;line-height:1.02;letter-spacing:-.05em;z-index:2}.gs-phone__copy small{display:block;font-size:8px;line-height:1.35;font-weight:500;margin-top:18px;color:rgba(255,255,255,.84)}

/* Home sections */
.gs-section{padding:clamp(70px,8vw,130px) 0;border-bottom:1px solid var(--gs-line)}
.gs-section--tight{padding:clamp(52px,6vw,90px) 0}.gs-section__head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:42px}.gs-section__head .gs-h2{max-width:770px}.gs-carousel{overflow:visible}.gs-service-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(300px,1fr);overflow-x:auto;scroll-snap-type:x mandatory;border:1px solid var(--gs-line);background:rgba(255,255,255,.35);-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x pan-y}.gs-service-card{min-height:260px;padding:40px 34px;border-right:1px solid var(--gs-line);scroll-snap-align:start;display:flex;flex-direction:column;justify-content:space-between}.gs-service-card__icon{font-size:32px;margin-bottom:34px}.gs-service-card h3{font-size:28px;letter-spacing:-.04em;margin:0 0 16px}.gs-service-card p{font-size:15px;color:#55585d;margin:0 0 28px}.gs-service-card a{font-size:14px;font-weight:560}.gs-carousel-controls{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.gs-carousel-controls button{width:42px;height:42px;border:1px solid var(--gs-line);background:#fff;cursor:pointer}

.gs-project-mosaic{display:grid;grid-template-columns:1.12fr .88fr;gap:18px}.gs-project-feature{min-height:460px;background:#111;color:#fff;position:relative;overflow:hidden;padding:54px}.gs-project-feature img,.gs-project-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.68}.gs-project-feature:after,.gs-project-card:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.16))}.gs-project-feature__body,.gs-project-card__body{position:relative;z-index:2}.gs-project-feature h3{font-size:46px;letter-spacing:-.055em;line-height:1;margin:30px 0 18px}.gs-project-feature p,.gs-project-card p{color:rgba(255,255,255,.78);margin:0 0 32px}.gs-project-feature a,.gs-project-card a{font-size:14px}.gs-project-stack{display:grid;gap:18px}.gs-project-card{min-height:221px;background:#e9e7e2;position:relative;overflow:hidden;padding:44px;color:#111}.gs-project-card--dark{background:#111;color:#fff}.gs-project-card:not(.gs-project-card--dark):after{background:linear-gradient(90deg,rgba(255,255,255,.86),rgba(255,255,255,.1))}.gs-project-card h3{font-size:30px;letter-spacing:-.045em;margin:0 0 10px}

.gs-manifest{background:linear-gradient(100deg,#101113,#1d1e20);color:#fff}.gs-manifest__grid{display:grid;grid-template-columns:1fr 1fr 180px;gap:56px;align-items:center}.gs-manifest .gs-eyebrow{color:#c8c8c6}.gs-manifest .gs-copy{color:#d6d6d4}.gs-mark{width:138px;height:138px;border:1px solid rgba(255,255,255,.22);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:76px;font-weight:780;letter-spacing:-.08em;justify-self:end}.gs-process-line{display:grid;grid-template-columns:repeat(5,1fr);gap:0;position:relative}.gs-process-line:before{content:"";position:absolute;top:35px;left:0;right:0;height:1px;background:#bdbdb8}.gs-process-step{position:relative;padding-top:76px;padding-right:28px}.gs-process-step:before{content:"";position:absolute;top:30px;left:0;width:11px;height:11px;border-radius:50%;background:#111;z-index:1}.gs-process-step__num{position:absolute;top:0;left:0;font-size:22px;color:#5d6065}.gs-process-step h3{font-size:18px;margin:0 0 10px}.gs-process-step p{font-size:14px;color:#5d6065;margin:0;max-width:210px}.gs-cta{background:#ececea}.gs-cta__grid{display:grid;grid-template-columns:1fr 1.2fr auto;gap:48px;align-items:center}.gs-cta .gs-h2{font-size:clamp(32px,3.6vw,54px)}

/* Footer */
.gs-footer{background:#fbfbfa;border-top:1px solid var(--gs-line);padding:34px 0}.gs-footer__grid{display:grid;grid-template-columns:190px 1fr 220px;align-items:center;gap:30px}.gs-footer__nav{display:flex;justify-content:center;gap:46px;font-size:14px}.gs-footer__right{display:flex;align-items:center;justify-content:flex-end;gap:18px;color:#333}.gs-footer__bottom{display:flex;justify-content:space-between;gap:30px;margin-top:24px;font-size:12px;color:#777}.gs-footer__legal{display:flex;gap:24px}

@media (max-width:1100px){
  .gs-header__inner{grid-template-columns:160px 1fr auto}.gs-nav{display:none}.gs-menu-toggle{display:flex}.gs-header__actions .gs-link-button{display:none}
  .gs-home-hero__grid{grid-template-columns:1fr;min-height:auto}.gs-home-hero{min-height:auto}.gs-home-hero__content{padding:70px 0 20px}.gs-device-stage{min-height:420px}.gs-laptop{width:min(720px,88%)}
  .gs-project-mosaic,.gs-manifest__grid,.gs-cta__grid{grid-template-columns:1fr}.gs-mark{justify-self:start}.gs-process-line{grid-template-columns:1fr 1fr;gap:32px}.gs-process-line:before{display:none}.gs-process-step{padding-top:44px}.gs-footer__grid{grid-template-columns:1fr}.gs-footer__nav{justify-content:flex-start;flex-wrap:wrap}.gs-footer__right{justify-content:flex-start}.gs-footer__bottom{flex-direction:column}
}
@media (max-width:720px){
  :root{--gs-pad:22px}.gs-header__inner{height:74px}.gs-mobile-panel{top:74px}.gs-h1{font-size:clamp(42px,14vw,64px)}.gs-h2{font-size:34px}.gs-home-hero__content{padding:52px 0 10px}.gs-home-hero__actions{align-items:flex-start;flex-direction:column;gap:12px}.gs-device-stage{min-height:310px;margin-left:-18px;margin-right:-18px}.gs-device-stage:after{height:98px;right:-18%;width:92%}.gs-laptop{width:82%;border-width:7px;border-bottom-width:15px}.gs-device-copy{left:24px;top:22px}.gs-device-title{font-size:26px;margin-top:42px}.gs-device-text,.gs-device-button{display:none}.gs-phone{width:80px;right:4%;bottom:64px;border-width:6px;border-radius:18px}.gs-phone__copy{font-size:13px;top:20px;left:9px}.gs-service-strip{grid-auto-columns:82vw}.gs-section__head{display:block}.gs-project-feature{min-height:390px;padding:34px}.gs-project-feature h3{font-size:36px}.gs-project-card{padding:30px}.gs-manifest__grid{gap:28px}.gs-process-line{grid-template-columns:1fr}.gs-drawer-tab{top:auto;bottom:92px}.gs-drawer{padding:28px 22px}.gs-footer__nav{gap:18px;display:grid;grid-template-columns:1fr 1fr}.gs-cta__grid{gap:24px}.gs-button,.gs-link-button{width:max-content;max-width:100%}
}


.admin-bar .gs-header{top:32px}
.admin-bar .gs-drawer{top:32px;height:calc(100dvh - 32px);max-height:calc(100vh - 32px)}
@media (max-width:782px){.admin-bar .gs-header{top:46px}.admin-bar .gs-drawer{top:46px;height:calc(100dvh - 46px);max-height:calc(100vh - 46px)}}


/* v3: hero banner as a single image */
.gs-hero-banner-wrap{position:relative;display:flex;align-items:center;justify-content:center;min-height:470px}
.gs-hero-banner{display:block;width:min(860px,100%);height:auto;max-height:620px;object-fit:contain;filter:drop-shadow(0 18px 32px rgba(0,0,0,.14))}
.gs-hero-banner-placeholder{width:min(860px,100%);min-height:420px;border:1px solid var(--gs-line);background:linear-gradient(180deg,#f7f7f5,#ececea);display:grid;place-items:center;padding:32px;border-radius:12px;text-align:center}
.gs-hero-banner-placeholder__label{font-size:32px;line-height:1.05;font-weight:700;letter-spacing:-.04em;color:#111214}
.gs-hero-banner-placeholder__hint{font-size:15px;line-height:1.6;color:var(--gs-muted);max-width:460px;margin-top:12px}
@media (max-width: 980px){.gs-hero-banner-wrap{min-height:360px}.gs-hero-banner{width:min(760px,100%);max-height:none}}
@media (max-width: 767px){.gs-hero-banner-wrap{min-height:auto;margin-left:0;margin-right:0}.gs-hero-banner{width:100%;max-width:100%}.gs-hero-banner-placeholder{min-height:260px;padding:20px}.gs-hero-banner-placeholder__label{font-size:24px}}


/* v4: hero image is a full-width banner */
.gs-home-hero{
  min-height:clamp(620px,72vw,860px);
  isolation:isolate;
  overflow:hidden;
  background:#f4f4f2;
}
.gs-home-hero:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(246,246,244,.97) 0%,rgba(246,246,244,.92) 29%,rgba(246,246,244,.52) 52%,rgba(246,246,244,.08) 78%,rgba(246,246,244,0) 100%);
}
.gs-home-hero__grid{
  min-height:clamp(620px,72vw,860px);
  grid-template-columns:minmax(320px,680px) 1fr;
  position:relative;
  z-index:2;
}
.gs-home-hero__content{
  position:relative;
  z-index:3;
  max-width:680px;
}
.gs-hero-banner-wrap{
  position:absolute;
  inset:0;
  z-index:0;
  min-height:0;
  width:100vw;
  margin-left:calc((100vw - 100%) / -2);
  display:block;
  pointer-events:none;
}
.gs-hero-banner{
  width:100%;
  height:100%;
  max-height:none;
  object-fit:cover;
  object-position:center center;
  filter:none;
}
.gs-hero-banner-placeholder{
  width:100%;
  height:100%;
  min-height:inherit;
  border:0;
  border-radius:0;
  background:linear-gradient(90deg,#f6f6f4,#e9e9e6);
}
@media (max-width: 980px){
  .gs-home-hero,.gs-home-hero__grid{min-height:720px}
  .gs-home-hero:before{background:linear-gradient(180deg,rgba(246,246,244,.98) 0%,rgba(246,246,244,.9) 38%,rgba(246,246,244,.32) 72%,rgba(246,246,244,.04) 100%)}
  .gs-home-hero__grid{grid-template-columns:1fr;align-items:start}
  .gs-home-hero__content{padding-top:80px;max-width:620px}
  .gs-hero-banner{object-position:center bottom}
}
@media (max-width: 767px){
  .gs-home-hero,.gs-home-hero__grid{min-height:680px}
  .gs-home-hero__content{padding-top:54px}
  .gs-home-hero:before{background:linear-gradient(180deg,rgba(246,246,244,.98) 0%,rgba(246,246,244,.94) 48%,rgba(246,246,244,.38) 76%,rgba(246,246,244,.08) 100%)}
  .gs-hero-banner-wrap{margin-left:calc((100vw - 100%) / -2)}
}


/* v5: hero text fixed left, headline constrained */
.gs-home-hero__grid{
  grid-template-columns:minmax(320px,560px) minmax(0,1fr);
  align-items:center;
}
.gs-home-hero__content{
  width:min(560px,100%);
  max-width:560px;
  padding-top:clamp(70px,8vw,110px);
  padding-bottom:clamp(80px,10vw,130px);
}
.gs-home-hero .gs-h1{
  max-width:540px;
  font-size:clamp(54px,5.2vw,86px);
  line-height:.94;
  letter-spacing:-.075em;
  overflow-wrap:normal;
  word-break:normal;
  hyphens:none;
}
.gs-home-hero .gs-copy{
  max-width:520px;
  font-size:clamp(17px,1.2vw,20px);
}
.gs-home-hero:before{
  background:linear-gradient(90deg,rgba(246,246,244,.98) 0%,rgba(246,246,244,.96) 31%,rgba(246,246,244,.67) 48%,rgba(246,246,244,.18) 69%,rgba(246,246,244,0) 100%);
}
.gs-hero-banner{object-position:center center;}
@media (min-width: 1200px){
  .gs-home-hero__content{margin-left:0;}
}
@media (max-width: 980px){
  .gs-home-hero__content{max-width:560px;padding-top:70px;}
  .gs-home-hero .gs-h1{font-size:clamp(48px,9vw,76px);max-width:560px;}
  .gs-home-hero:before{background:linear-gradient(180deg,rgba(246,246,244,.99) 0%,rgba(246,246,244,.92) 44%,rgba(246,246,244,.35) 76%,rgba(246,246,244,.08) 100%)}
}
@media (max-width: 767px){
  .gs-home-hero,.gs-home-hero__grid{min-height:620px;}
  .gs-home-hero__content{padding-top:46px;max-width:92vw;}
  .gs-home-hero .gs-h1{font-size:clamp(40px,12vw,58px);max-width:92vw;letter-spacing:-.065em;}
  .gs-home-hero .gs-copy{font-size:16px;max-width:90vw;}
}


/* v6: Navigation ohne Listenpunkte + Drawer-Tab mittig */
.gs-nav li,
.gs-mobile-panel li {
    list-style: none;
    margin: 0;
    padding: 0;
}
.gs-nav li::marker,
.gs-mobile-panel li::marker {
    content: "";
}
.gs-nav .menu-item,
.gs-mobile-panel .menu-item {
    list-style-type: none;
}
.gs-drawer-tab {
    top: 50vh;
    transform: translateY(-50%);
    min-height: 118px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
@media (max-width: 767px) {
    .gs-drawer-tab {
        top: auto;
        bottom: 92px;
        transform: none;
        min-height: 98px;
    }
}


/* v7: Hero-Text höher wie Referenz + Drawer-Tab-Text optisch zentriert */
.gs-home-hero__grid{
  align-items:start;
}
.gs-home-hero__content{
  padding-top:clamp(92px,9.5vw,150px);
  padding-bottom:clamp(90px,9vw,120px);
}
.gs-home-hero .gs-h1{
  max-width:560px;
}
.gs-home-hero .gs-copy{
  margin-top:26px;
}
.gs-home-hero__actions{
  margin-top:32px;
}
.gs-drawer-tab{
  width:42px;
  min-height:124px;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  line-height:1;
  letter-spacing:.02em;
  text-indent:-1px;
}
@media (min-width: 1280px){
  .gs-home-hero__content{
    padding-top:clamp(118px,10vw,165px);
  }
}
@media (max-width: 980px){
  .gs-home-hero__grid{
    align-items:start;
  }
  .gs-home-hero__content{
    padding-top:70px;
  }
}
@media (max-width: 767px){
  .gs-home-hero__content{
    padding-top:48px;
  }
  .gs-drawer-tab{
    width:40px;
    min-height:100px;
    text-indent:-1px;
  }
}


/* v8 hero split title */
.gs-hero-title{display:flex;flex-direction:column;gap:8px;max-width:640px}
.gs-hero-title__black,.gs-hero-title__gray{display:block;line-height:.94;letter-spacing:-.06em}
.gs-hero-title__black{color:#111214}
.gs-hero-title__gray{color:#7d7d82}
@media (max-width: 767px){.gs-hero-title{gap:4px}}


/* v9 hero higher headline */
@media (min-width: 981px){
  .gs-home-hero__content{transform:translateY(-34px)}
}
@media (max-width: 980px){
  .gs-home-hero__content{transform:translateY(-12px)}
}
@media (max-width: 767px){
  .gs-home-hero__content{transform:none}
}


/* v10: keep ghost links readable on hover */
.gs-button--ghost:hover,
.gs-button--ghost:focus-visible{
    background:transparent;
    color:var(--gs-ink);
    border-color:transparent;
    transform:none;
}
.gs-home-hero__actions .gs-button--ghost:hover,
.gs-home-hero__actions .gs-button--ghost:focus-visible{
    background:transparent;
    color:var(--gs-ink);
}


/* v11: primary button keeps hover, secondary text link stays transparent */
.gs-home-hero__actions .gs-button:not(.gs-button--ghost):hover,
.gs-home-hero__actions .gs-button:not(.gs-button--ghost):focus-visible,
.gs-header .gs-button:hover,
.gs-header .gs-button:focus-visible,
.gs-cta .gs-button:hover,
.gs-cta .gs-button:focus-visible{
    background:#000;
    color:#fff;
    border-color:#000;
    transform:translateY(-1px);
}
.gs-home-hero__actions .gs-button--ghost,
.gs-home-hero__actions .gs-button--ghost:hover,
.gs-home-hero__actions .gs-button--ghost:focus-visible{
    background:transparent;
    color:var(--gs-ink);
    border-color:transparent;
    box-shadow:none;
    transform:none;
}


/* v12: explicit hero button hover separation */
.gs-home-hero__actions .gs-hero-primary-button{background:var(--gs-dark);color:#fff;border-color:var(--gs-dark)}
.gs-home-hero__actions .gs-hero-primary-button:hover,
.gs-home-hero__actions .gs-hero-primary-button:focus-visible{background:#000;color:#fff;border-color:#000;transform:translateY(-1px);box-shadow:0 10px 22px rgba(0,0,0,.16)}

.gs-home-hero__actions .gs-hero-secondary-link,
.gs-home-hero__actions .gs-hero-secondary-link:hover,
.gs-home-hero__actions .gs-hero-secondary-link:focus-visible{background:transparent !important;color:var(--gs-ink) !important;border-color:transparent !important;box-shadow:none !important}
.gs-home-hero__actions .gs-hero-secondary-link:hover,
.gs-home-hero__actions .gs-hero-secondary-link:focus-visible{transform:translateY(-1px)}
.gs-home-hero__actions .gs-hero-secondary-link .gs-arrow{transition:transform .2s ease}
.gs-home-hero__actions .gs-hero-secondary-link:hover .gs-arrow,
.gs-home-hero__actions .gs-hero-secondary-link:focus-visible .gs-arrow{transform:translateX(3px)}