/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 14 2026 | 06:19:26 */
/* =====================================================================
   FILE 2 of 3  —  PASTE INTO "Custom CSS & JS" (a CSS snippet, site-wide)
   or Appearance > Customize > Additional CSS
   =====================================================================
   Zähe Brand Manual compliance:
     Zähe Yellow #FDB913 · Zähe Red #EF4123 · Black #000 · White #FFF
     No tints of the primary palette — hovers swap brand colours.
     Helvetica Neue LT Pro, Arial fallback. No web fonts load.
   ===================================================================== */

.zg{
  --yellow:#FDB913; --red:#EF4123; --black:#000000; --white:#FFFFFF;
  --grey:#58585B; --rule:#D9D9D9; --wash:#F4F4F4;
  --sans:'Helvetica Neue',Helvetica,Arial,'Liberation Sans',sans-serif;
  --gut:clamp(18px,4.5vw,60px);
  font-family:var(--sans)!important;color:var(--black);background:var(--white);
  font-size:17px;line-height:1.5;-webkit-font-smoothing:antialiased;
  overflow-x:hidden;letter-spacing:-.005em;position:relative;
}
.zg *,.zg *::before,.zg *::after{box-sizing:border-box}
.zg p,.zg h1,.zg h2,.zg h3,.zg h4,.zg ul,.zg li,.zg dl,.zg dd,.zg dt{margin:0;padding:0}
.zg ul,.zg li{list-style:none!important}
.zg li::before{content:none}
.zg a{color:inherit;text-decoration:none;box-shadow:none}
.zg img{max-width:100%;height:auto}
.zg :focus-visible{outline:3px solid var(--yellow);outline-offset:2px}
.zg__w{max-width:1180px;margin:0 auto;padding-inline:var(--gut)}

/* ===== LANGUAGE TOGGLE — pure CSS, Spanish is the default ===== */
.zg__lr{position:absolute!important;opacity:0!important;width:1px!important;
  height:1px!important;pointer-events:none;margin:0!important;padding:0!important}
#zgLangEs:checked ~ [data-l="en"],
#zgLangEs:checked ~ * [data-l="en"]{display:none!important}
#zgLangEn:checked ~ [data-l="es"],
#zgLangEn:checked ~ * [data-l="es"]{display:none!important}

.zg__lang{display:flex;border:1px solid #3C3C3E;flex-shrink:0}
.zg__lang label{font-family:var(--sans);font-size:.74rem;font-weight:700;letter-spacing:.09em;
  padding:8px 12px;min-height:36px;min-width:42px;display:flex;align-items:center;
  justify-content:center;color:#C9C9CB;cursor:pointer;margin:0;
  transition:background .13s,color .13s}
.zg__lang label:hover{color:var(--yellow)}
#zgLangEs:checked ~ * label[for="zgLangEs"],
#zgLangEn:checked ~ * label[for="zgLangEn"]{background:var(--yellow);color:var(--black)}

/* ===== type scale — brand manual page 10 ===== */
.zg__h1{font-weight:700;font-size:clamp(1.85rem,4.4vw,2.95rem);line-height:1.05;
  letter-spacing:-.026em;color:inherit}
.zg__h2{font-weight:700;font-size:clamp(1.5rem,3.5vw,2.25rem);line-height:1.08;
  letter-spacing:-.022em;color:inherit}
.zg__h2--inv{color:var(--white)!important}
.zg__h3{font-weight:700;font-size:1.08rem;line-height:1.28;letter-spacing:-.015em;color:inherit}
.zg__h1 em,.zg__h2 em{font-style:normal;color:var(--yellow)}
.zg__kicker{display:block;font-weight:700;font-size:.72rem;letter-spacing:.2em;
  text-transform:uppercase;color:var(--red);margin-bottom:12px}
.zg__band{padding-block:clamp(46px,6.5vw,80px)}
.zg__band--wash{background:var(--wash)}
.zg__band--black{background:var(--black);color:var(--white)}
.zg__band--black .zg__kicker{color:var(--yellow)}
.zg__center{text-align:center}
.zg__sub{color:var(--grey);margin-top:14px;max-width:62ch}
.zg__center .zg__sub{margin-inline:auto}
.zg__sub--sp{margin-top:22px}
.zg__band--black .zg__sub{color:#B4B4B6}

/* ===== signature device from the logo ===== */
.zg__split{display:flex;height:9px;width:100%}
.zg__split i{display:block;height:100%;flex:1}
.zg__split i:first-child{background:var(--yellow)}
.zg__split i:last-child{background:var(--red)}

/* ===== logo lockup — replace with real artwork ===== */
.zg__logo{display:inline-block;line-height:1}
.zg__logo b{display:block;font-size:1.65rem;font-weight:700;color:var(--yellow);
  letter-spacing:-.03em;line-height:.9}
.zg__logobar{display:flex;height:5px;width:100%;margin:4px 0 3px}
.zg__logobar i{flex:1}
.zg__logobar i:first-child{background:var(--yellow)}
.zg__logobar i:last-child{background:var(--red)}
.zg__logo small{display:block;font-size:.52rem;font-weight:700;letter-spacing:.09em;
  text-transform:uppercase;color:var(--white)}
.zg__logo--f{margin-bottom:14px}

/* ===== buttons — NO white buttons anywhere ===== */
.zg__btn{display:inline-flex;align-items:center;justify-content:center;
  font-family:var(--sans);font-weight:700;font-size:1rem;padding:17px 30px;
  min-height:56px;cursor:pointer;border:2px solid transparent;text-align:center;
  letter-spacing:-.01em;transition:background .15s,color .15s,border-color .15s}
.zg__btn--red{background:var(--red);color:var(--white)}
.zg__btn--red:hover{background:var(--black);color:var(--yellow)}
.zg__btn--yel{background:var(--yellow);color:var(--black)}
.zg__btn--yel:hover{background:var(--black);color:var(--yellow)}
.zg__btn--blk{background:var(--black);color:var(--white)}
.zg__btn--blk:hover{background:var(--yellow);color:var(--black)}
.zg__btns{display:flex;flex-wrap:wrap;gap:11px;justify-content:center;margin-top:26px}
.zg__btns--left{justify-content:flex-start}
.zg__orline{margin-top:16px;font-size:.88rem}
.zg__orline a{text-decoration:underline;text-underline-offset:3px}

/* ===== top bar ===== */
.zg__bar{background:var(--black);color:var(--white);padding:12px 0}
.zg__bar-in{display:flex;align-items:center;justify-content:space-between;gap:12px}
.zg__bar-c{font-size:.82rem;font-weight:700;display:flex;gap:13px;align-items:center}
.zg__bar-c a{color:var(--white)}
.zg__bar-c a:hover{color:var(--yellow)}
.zg__only-lg{display:none}
@media(min-width:840px){.zg__only-lg{display:inline}}

/* ===== hero ===== */
.zg__hero{background:var(--black);color:var(--white);padding-block:clamp(32px,4.2vw,54px)}
.zg__hero-g{display:grid;gap:28px}
@media(min-width:980px){
  .zg__hero-g{grid-template-columns:1fr 1fr;gap:44px;align-items:stretch}
  .zg__hero-copy{align-self:center}
}
.zg__hero h1{color:var(--white)}
.zg__tough{font-size:.72rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;
  color:var(--black);background:var(--yellow);padding:7px 12px;display:inline-block;margin-bottom:18px}
.zg__pains{margin-top:22px;display:grid;gap:10px}
.zg__pains li{display:flex;gap:11px;align-items:flex-start;font-size:1rem;color:#C9C9CB}
.zg__pains li::before{content:"\2715";color:var(--white);font-weight:700;flex-shrink:0;
  background:var(--red);width:23px;height:23px;display:inline-flex;
  align-items:center;justify-content:center;font-size:.7rem;margin-top:3px}
.zg__hero-tr{display:flex;flex-wrap:wrap;gap:7px;margin-top:24px}
.zg__hero-tr span{font-size:.74rem;font-weight:700;padding:7px 11px;
  border:1px solid #3C3C3E;color:#C9C9CB}
.zg__hero-tr span.on{background:var(--yellow);border-color:var(--yellow);color:var(--black)}

/* ===== form card — sized to match the hero column ===== */
.zg__formcard{background:var(--white);color:var(--black);
  box-shadow:0 8px 44px rgba(0,0,0,.45);display:flex;flex-direction:column}
.zg__formcard-h{padding:22px 24px 0}
.zg__formcard h2{font-weight:700;font-size:1.3rem;line-height:1.12;letter-spacing:-.024em}
.zg__formcard .zg__lead{font-size:.9rem;color:var(--grey);margin-top:7px}
.zg__formbody{padding:16px 24px 22px;display:flex;flex-direction:column;flex:1}
.zg__formnote{font-size:.74rem;color:var(--grey);margin-top:auto;padding-top:14px;
  border-top:1px solid var(--rule);line-height:1.6}
.zg__formnote a{color:var(--red);font-weight:700;text-decoration:underline;cursor:pointer}

/* ===== HubSpot form ===== */
.zg .hs-form-frame{min-height:340px}
.zg .hs-form-frame iframe{width:100%!important;min-height:340px!important;border:0!important}
.zg .hs-form-field{margin-bottom:11px!important}
.zg .hs-form-field>label{font-size:.68rem!important;font-weight:700!important;
  letter-spacing:.12em!important;text-transform:uppercase!important;
  color:var(--black)!important;margin-bottom:4px!important;display:block!important}
.zg .hs-form-field>label .hs-form-required{color:var(--red)!important}
.zg .hs-input,.zg .hs-form-frame input[type=text],.zg .hs-form-frame input[type=email],
.zg .hs-form-frame input[type=tel],.zg .hs-form-frame select,.zg .hs-form-frame textarea{
  width:100%!important;font-family:var(--sans)!important;font-size:16px!important;
  padding:11px 12px!important;border:1px solid var(--rule)!important;border-radius:0!important;
  background:var(--wash)!important;color:var(--black)!important;min-height:46px!important;
  -webkit-appearance:none;appearance:none;box-shadow:none!important}
.zg .hs-form-frame textarea,.zg textarea.hs-input{min-height:80px!important}
.zg .hs-input:focus,.zg .hs-form-frame input:focus,
.zg .hs-form-frame select:focus,.zg .hs-form-frame textarea:focus{
  border-color:var(--red)!important;background:var(--white)!important;
  outline:2px solid var(--yellow)!important;outline-offset:0!important}
.zg .hs-button,.zg .hs-form-frame input[type=submit],.zg .actions input{
  width:100%!important;background:var(--red)!important;color:var(--white)!important;
  font-family:var(--sans)!important;font-weight:700!important;font-size:1.02rem!important;
  border:0!important;border-radius:0!important;padding:16px!important;
  min-height:54px!important;cursor:pointer!important;letter-spacing:-.01em!important;
  text-transform:none!important;margin-top:4px!important}
.zg .hs-button:hover,.zg .hs-form-frame input[type=submit]:hover{
  background:var(--black)!important;color:var(--yellow)!important}
.zg .hs-error-msg,.zg .hs-error-msgs label{color:var(--red)!important;font-size:.78rem!important}
.zg .hs-richtext,.zg .legal-consent-container{font-size:.76rem!important;color:var(--grey)!important}
.zg .submitted-message{font-size:1rem!important;color:var(--black)!important;padding:20px 0!important}

/* ===== problem cards ===== */
.zg__cards{display:grid;gap:18px;margin-top:34px;text-align:left}
@media(min-width:820px){.zg__cards{grid-template-columns:repeat(3,1fr)}}
.zg__card{background:var(--white);border:1px solid var(--rule);padding:0 22px 24px}
.zg__card .zg__split{margin:0 -22px 20px;height:6px}
.zg__card h3{margin-bottom:9px}
.zg__card p{color:var(--grey);font-size:.94rem}

/* ===== warranty band ===== */
.zg__war{background:var(--yellow);color:var(--black);padding-block:clamp(40px,5.5vw,64px)}
.zg__war-g{display:grid;gap:26px;align-items:center}
@media(min-width:880px){.zg__war-g{grid-template-columns:1.05fr .95fr;gap:46px}}
.zg__war .zg__kicker{color:var(--black)}
.zg__war p{color:var(--black);max-width:50ch;margin-top:14px}
.zg__big{font-weight:700;font-size:clamp(3.4rem,11vw,5.6rem);line-height:.82;
  letter-spacing:-.05em;margin-bottom:6px;color:var(--red)}
.zg__warbox{background:var(--black);color:var(--white);padding:24px}
.zg__warbox h3{color:var(--yellow);margin-bottom:14px}
.zg__warbox li{display:flex;justify-content:space-between;gap:14px;font-size:.86rem;
  padding:11px 0;border-bottom:1px solid #2C2C2E}
.zg__warbox li:last-child{border-bottom:0}
.zg__warbox li b{color:var(--yellow);text-align:right}

/* ===== benefits ===== */
.zg__ben{display:grid;gap:1px;background:var(--rule);margin-top:34px;
  border:1px solid var(--rule);text-align:left}
@media(min-width:700px){.zg__ben{grid-template-columns:repeat(2,1fr)}}
.zg__ben li{background:var(--white);padding:21px 22px;display:flex;gap:13px;align-items:flex-start}
.zg__ben li::before{content:"\2713";color:var(--black);background:var(--yellow);
  width:26px;height:26px;flex-shrink:0;display:inline-flex;align-items:center;
  justify-content:center;font-size:.84rem;font-weight:700;margin-top:2px}
.zg__ben b{font-weight:700;display:block;margin-bottom:3px}
.zg__ben span{font-size:.93rem;color:var(--grey)}

/* ===== load planner ===== */
.zg__calc{display:grid;gap:28px;margin-top:32px}
@media(min-width:920px){.zg__calc{grid-template-columns:.92fr 1.08fr;gap:44px;align-items:start}}
.zg__chips{display:flex;flex-wrap:wrap;gap:7px}
.zg__chip{font-family:var(--sans);font-size:.84rem;font-weight:700;padding:9px 13px;
  border:1px solid #3C3C3E;background:transparent;color:#C9C9CB;cursor:pointer;
  min-height:46px;text-align:left;transition:all .13s;line-height:1.25}
.zg__chip b{display:block;font-weight:700}
.zg__chip small{display:block;font-weight:400;font-size:.66rem;opacity:.72;margin-top:1px}
.zg__chip:hover{border-color:var(--yellow);color:var(--yellow)}
.zg__chip--on{background:var(--yellow)!important;border-color:var(--yellow)!important;color:var(--black)!important}
.zg__doc{background:var(--white);color:var(--black)}
.zg__doc-top{display:flex;justify-content:space-between;align-items:center;gap:10px;
  background:var(--red);color:var(--white);padding:11px 16px;font-size:.68rem;
  font-weight:700;letter-spacing:.15em;text-transform:uppercase}
.zg__doc-top b{font-size:.86rem;letter-spacing:.04em}
.zg__doc-b{padding:22px 16px 8px}
.zg__count{font-weight:700;font-size:clamp(2.9rem,8.5vw,4.1rem);line-height:.9;
  letter-spacing:-.045em;color:var(--black)}
.zg__count-s{font-size:.68rem;font-weight:700;letter-spacing:.17em;
  text-transform:uppercase;color:var(--grey);margin-top:8px}
.zg__cells{display:flex;flex-wrap:wrap;gap:3px;margin:20px 0 16px;min-height:44px}
.zg__cell{width:13px;height:21px;background:var(--yellow);border-bottom:4px solid var(--red)}
.zg__cell--p{opacity:.45}
.zg__facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--rule)}
.zg__facts>div{padding:13px 13px}
.zg__facts>div+div{border-left:1px solid var(--rule)}
.zg__facts dt{font-size:.6rem;font-weight:700;letter-spacing:.15em;
  text-transform:uppercase;color:var(--grey)}
.zg__facts dd{font-size:.98rem;font-weight:700;margin-top:5px}
.zg__fine{font-size:.77rem;color:var(--grey);margin-top:13px;line-height:1.55}
.zg__fine--c{text-align:center}
.zg__band--black .zg__fine{color:#95959A}

/* ===== ports / offices ===== */
.zg__ports{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;margin-top:26px}
.zg__port{font-size:.83rem;font-weight:700;padding:9px 13px;
  border:1px solid var(--rule);background:var(--white)}
.zg__off{display:grid;gap:18px;margin-top:32px;text-align:left}
@media(min-width:760px){.zg__off{grid-template-columns:repeat(2,1fr)}}
.zg__off>div{background:var(--white);border:1px solid var(--rule);padding:0 22px 24px}
.zg__off>div .zg__split{margin:0 -22px 20px;height:6px}
.zg__off h3{margin-bottom:8px}
.zg__off p{color:var(--grey);font-size:.94rem}
.zg__olabel{display:block;font-size:.68rem;font-weight:700;letter-spacing:.15em;
  text-transform:uppercase;color:var(--red);margin-bottom:9px}

/* ===== faq ===== */
.zg__faq{margin-top:30px;border-top:2px solid var(--black);text-align:left}
.zg__faq details{border-bottom:1px solid var(--rule)}
.zg__faq summary{font-weight:700;font-size:1.02rem;letter-spacing:-.015em;
  padding:18px 42px 18px 0;cursor:pointer;list-style:none;position:relative}
.zg__faq summary::-webkit-details-marker{display:none}
.zg__faq summary::after{content:"+";position:absolute;right:4px;top:50%;
  transform:translateY(-50%);font-size:1.5rem;font-weight:700;color:var(--red);line-height:1}
.zg__faq details[open] summary::after{content:"\2212"}
.zg__faq p{padding:0 0 22px;color:var(--grey);font-size:.94rem;max-width:66ch}

/* ===== CTA bands ===== */
.zg__cta{background:var(--red);color:var(--white);
  padding-block:clamp(38px,5vw,56px);text-align:center}
.zg__cta h2{color:var(--white)}
.zg__cta .zg__sub{color:var(--white);opacity:.94}
.zg__cta .zg__orline{color:var(--white)}
.zg__cta .zg__orline a{color:var(--white)}

/* ===== footer + sticky ===== */
.zg__foot{background:var(--black);color:#95959A;padding-block:32px;
  font-size:.86rem;text-align:center}
.zg__foot p+p{margin-top:9px}
.zg__foot a{color:#D2D2D4;cursor:pointer}
.zg__foot a:hover{color:var(--yellow);text-decoration:underline}
.zg__legal{margin-top:20px;padding-top:16px;border-top:1px solid #2C2C2E;font-size:.75rem}

.zg__sticky{position:fixed;inset-inline:0;left:0;right:0;bottom:0;z-index:99999;
  display:grid;grid-template-columns:1fr 1fr 1fr}
.zg__sticky a{padding:14px 4px;text-align:center;font-weight:700;font-size:.86rem;
  min-height:56px;display:flex;align-items:center;justify-content:center}
.zg__s1{background:var(--black);color:var(--white)}
.zg__s2{background:var(--yellow);color:var(--black)}
.zg__s3{background:var(--red);color:var(--white)}
@media(min-width:900px){.zg__sticky{display:none}}
@media(max-width:899px){.zg__foot{padding-bottom:84px}}

/* ===== privacy modal ===== */
.zg__modal{position:fixed;inset:0;top:0;left:0;right:0;bottom:0;z-index:100000;
  background:rgba(0,0,0,.82);display:none;align-items:center;justify-content:center;padding:20px}
.zg__modal--on{display:flex}
.zg__modal-in{background:var(--white);max-width:620px;width:100%;max-height:82vh;overflow:auto}
.zg__modal-body{padding:26px 24px}
.zg__modal-in h3{margin-bottom:12px}
.zg__modal-in p{font-size:.93rem;color:var(--grey);margin-bottom:11px}
.zg__modal-x{margin-top:14px;background:var(--black);color:var(--white);border:0;
  font-family:var(--sans);font-weight:700;font-size:.95rem;padding:13px 24px;
  cursor:pointer;min-height:48px}
.zg__modal-x:hover{background:var(--red)}

@media(prefers-reduced-motion:reduce){.zg *{animation:none!important;transition:none!important}}


/* =====================================================================
   HIDE THE THEME HEADER, MENU, PRELOADER AND FOOTER ON THIS PAGE ONLY
   ---------------------------------------------------------------------
   A landing page must have no site navigation — every menu link is an
   exit away from the form. Use this ONLY if your theme has no blank
   page template.

   1. Find the page ID: open the page in wp-admin and read the URL,
      post.php?post=XXXX  ->  XXXX is the ID.
   2. Replace 7997 below with that number, then uncomment the block.
   3. Reload and check nothing you need has vanished.
   ===================================================================== */
/*
body.page-id-7997 .preloader,
body.page-id-7997 #preloader,
body.page-id-7997 header.header,
body.page-id-7997 .site-header,
body.page-id-7997 .main-header,
body.page-id-7997 .header-area,
body.page-id-7997 .breadcrumb-area,
body.page-id-7997 footer.footer,
body.page-id-7997 .site-footer,
body.page-id-7997 .footer-area,
body.page-id-7997 .scroll-to-top{display:none!important}
body.page-id-7997 .vc_row,
body.page-id-7997 .vc_column-inner,
body.page-id-7997 .wpb_wrapper{padding:0!important;margin:0!important}
body.page-id-7997 #content,
body.page-id-7997 .site-content,
body.page-id-7997 .entry-content{padding:0!important;margin:0!important;max-width:none!important}
*/