:root{--navy:#052b55;--blue:#0878e8;--pink:#ef1970;--light:#f5f9fd;--line:#dbe4ef;--text:#0c2c50;--wrap:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);line-height:1.45;background:#fff}a{color:inherit}.wrap{max-width:var(--wrap);margin:auto;padding:0 28px}.site-header{height:74px;background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #edf1f6}.header-inner{height:100%;display:flex;align-items:center;gap:38px}.crome{text-decoration:none;display:flex;flex-direction:column;letter-spacing:.12em;color:#071c38}.crome b{font-size:25px;line-height:1}.crome small{font-size:9px;letter-spacing:.18em;margin-top:6px}.main-nav{display:flex;gap:32px;margin-left:auto}.main-nav a{text-decoration:none;font-size:14px}.btn{display:inline-block;text-decoration:none;border-radius:5px;padding:14px 24px;font-weight:700;border:1px solid transparent;cursor:pointer}.btn-primary{background:var(--pink);color:#fff;box-shadow:0 8px 20px #ef19702b}.btn-secondary{border-color:var(--navy);color:var(--navy);background:#fff}.nav-toggle,.mobile-nav{display:none}.hero{position:relative;overflow:hidden;background:linear-gradient(90deg,#fff 0%,#f7fbff 48%,#d9efff 100%);min-height:565px}.hero-bg{position:absolute;inset:0 0 0 45%;background:url('../img/hero-equinox.jpg') center/cover no-repeat;opacity:.96}.hero-bg:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.05) 35%,rgba(255,255,255,0) 100%)}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.35fr .72fr;gap:42px;padding-top:42px;padding-bottom:34px}.eyebrow{letter-spacing:.14em;font-size:14px;margin:0 0 10px}.hero h1{font-size:56px;line-height:.94;margin:0;color:#062e5d;letter-spacing:-.03em}.hero h1 span{font-size:39px}.hero h1 em{font-style:normal;color:var(--pink)}.types{font-size:13px}.promise{display:flex;align-items:center;gap:14px;margin:20px 0}.clock{font-size:58px}.promise strong{display:block;font-size:34px;color:var(--pink);line-height:1}.checks{list-style:none;padding:0;margin:12px 0 24px}.checks li{margin:10px 0}.checks li:before{content:'✓';display:inline-grid;place-items:center;border:2px solid var(--navy);border-radius:50%;width:27px;height:27px;margin-right:12px}.quick-card{align-self:center;background:rgba(255,255,255,.96);padding:28px;border-radius:6px;box-shadow:0 14px 45px #0c2c5030}.quick-card h2{font-size:23px;margin:0 0 8px}.quick-card .btn{display:block;text-align:center;margin:22px 0}.quick-card small{display:block}.section{padding:42px 0}.section h2,.building-section h2{font-size:34px;margin:0}.section-title-row{display:flex;justify-content:space-between;align-items:end}.section-title-row p{margin:0}.section-title-row>a{color:#0678db}.building-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:9px;margin-top:20px}.building-card{padding:0;background:#fff;border:1px solid #e4ebf3;text-align:left;cursor:pointer}.building-card img{width:100%;height:92px;object-fit:cover;display:block}.building-card b{display:block;padding:10px 8px;min-height:58px;font-size:13px}.process-section{background:#062e56;color:#fff;padding:35px 0}.process-section h2{font-size:32px;margin:0 0 28px}.process-section h2 span{color:#0788ff}.process{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(7,1fr);gap:14px}.process li{display:grid;grid-template-columns:auto 1fr;column-gap:8px}.process b{font-size:30px;grid-row:1/3}.process strong,.process small{display:block}.process .hot{color:var(--pink)}.trustbar{padding:26px 0;border-bottom:1px solid #e7edf4}.trustbar .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.trustbar .wrap>div{display:flex;gap:12px;align-items:center;color:#0878e8;font-size:27px}.trustbar b{font-size:13px;color:var(--text)}.form-section{background:#f5f9fd}.form-wrap{max-width:980px}.form-wrap>div:first-child{text-align:center;margin-bottom:25px}.form-section form{background:#fff;border:1px solid #dce5ef;border-radius:8px;padding:28px;box-shadow:0 8px 30px #1234560d}fieldset{border:0;padding:0;margin:0 0 22px}legend{font-size:20px;font-weight:700;margin-bottom:12px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.form-field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.form-field-wide{grid-column:1/-1}input,select,textarea{font:inherit;padding:12px;border:1px solid #cdd8e5;border-radius:4px;background:#fff}input:focus,select:focus,textarea:focus{outline:2px solid #ef197055;border-color:var(--pink)}.field-hint{font-size:12px;color:#61748b}.consent-row{font-size:13px;margin:15px 0}.hp-field{position:absolute;left:-9999px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px}.faq-list{max-width:900px;display:block}
.faq-list details{display:block;border-bottom:1px solid var(--line);margin-bottom:0}
.faq-list summary{width:100%;display:block;padding:18px 0;font-size:16px;font-weight:700;color:var(--navy);cursor:pointer;list-style:none}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:"+";float:right;font-size:20px;font-weight:400;color:var(--pink)}
.faq-list details[open] summary::after{content:"–"}
.faq-list details .faq-answer{display:block;padding-bottom:20px}
.faq-list details .faq-answer p{margin:0 0 12px 0;line-height:1.5}
.faq-list details .faq-answer p:last-child{margin-bottom:0}
.about{background:linear-gradient(90deg,#fff,#e7f5ff);padding:40px 0}.about-grid{display:grid;grid-template-columns:1.1fr .8fr .55fr;gap:28px;align-items:center}.about h2{font-size:30px;margin:0}.about h3{font-weight:400;margin-top:4px}.about img{width:100%;height:280px;object-fit:cover;object-position:center}.about-points{border-left:1px solid #1886e8;padding-left:20px;display:grid;gap:20px}.about-points>b{font-size:13px}.contact{padding:22px 0;background:#fff;border-top:1px solid var(--line)}footer{border-top:1px solid var(--line);padding:25px 0}.footer{display:flex;align-items:center;justify-content:space-between}.footer nav{display:flex;gap:25px}.footer a{text-decoration:none}.simple-page{max-width:800px;margin:50px auto;padding:0 25px}.back{display:inline-block;margin-top:25px}.mobile-sticky-cta{display:none}
@media(max-width:800px){.main-nav,.header-inner>.btn{display:none}.nav-toggle{display:block;margin-left:auto;background:none;border:0}.nav-toggle span{display:block;width:24px;height:2px;background:#123;margin:5px}.mobile-nav{background:#fff;padding:10px 24px}.mobile-nav a{display:block;padding:10px}.hero-grid{grid-template-columns:1fr;padding-top:28px}.hero-bg{left:35%;opacity:.22}.hero h1{font-size:42px}.hero h1 span{font-size:30px}.quick-card{margin-top:8px}.building-grid{grid-template-columns:repeat(2,1fr)}.process{grid-template-columns:1fr 1fr}.trustbar .wrap,.info-grid,.about-grid,.form-grid{grid-template-columns:1fr}.about img{height:230px}.footer{align-items:flex-start;gap:20px;flex-direction:column}.mobile-sticky-cta{display:block;position:fixed;bottom:12px;left:12px;right:12px;z-index:30;background:var(--pink);color:#fff;text-align:center;padding:14px;border-radius:6px;text-decoration:none;font-weight:700}.section-title-row{align-items:flex-start;gap:10px;flex-direction:column}}

/* Original C.R.O.M.E. logo */
.crome-logo-link{display:flex;align-items:center;letter-spacing:0;flex:0 0 auto}
.crome-logo-link img{display:block;height:64px;width:auto;max-width:150px;object-fit:contain}
.footer-brand{display:flex;align-items:center;gap:12px}
.footer-brand img{display:block;height:58px;width:auto;max-width:135px;object-fit:contain}
.footer-brand small{font-size:11px;letter-spacing:.03em}
@media(max-width:800px){.crome-logo-link img{height:58px;max-width:132px}.footer-brand{align-items:flex-start}.footer-brand img{height:54px}}

/* Header logo size lock */
.site-header .header-inner .crome-logo-link{
  width:150px !important;
  max-width:150px !important;
  height:58px !important;
  overflow:hidden !important;
  flex:0 0 150px !important;
}
.site-header .header-inner .crome-logo-link img{
  display:block !important;
  width:auto !important;
  max-width:145px !important;
  height:auto !important;
  max-height:52px !important;
  object-fit:contain !important;
}
@media(max-width:800px){
  .site-header .header-inner .crome-logo-link{
    width:128px !important;
    max-width:128px !important;
    height:52px !important;
    flex-basis:128px !important;
  }
  .site-header .header-inner .crome-logo-link img{
    max-width:124px !important;
    max-height:46px !important;
  }
}

/* C.R.O.M.E. header brand: signet + readable company name */
.crome-brand{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  gap:11px !important;
  text-decoration:none !important;
  flex:0 0 auto !important;
  letter-spacing:0 !important;
  color:#071c38 !important;
}
.crome-brand .crome-signet{
  display:block !important;
  width:44px !important;
  height:44px !important;
  max-width:44px !important;
  max-height:44px !important;
  object-fit:contain !important;
  flex:0 0 44px !important;
}
.crome-brand-text{
  display:flex;
  flex-direction:column;
  justify-content:center;
  line-height:1.05;
  white-space:nowrap;
}
.crome-brand-text strong{
  font-size:18px;
  font-weight:800;
  letter-spacing:.08em;
  color:#071c38;
}
.crome-brand-text small{
  margin-top:5px;
  font-size:9px;
  font-weight:600;
  letter-spacing:.20em;
  text-transform:uppercase;
  color:#526176;
}
@media (max-width:700px){
  .crome-brand{gap:8px !important}
  .crome-brand .crome-signet{
    width:36px !important;height:36px !important;
    max-width:36px !important;max-height:36px !important;
    flex-basis:36px !important;
  }
  .crome-brand-text strong{font-size:14px;letter-spacing:.055em}
  .crome-brand-text small{font-size:8px;margin-top:4px}
}

/* Equinox hero positioning: keep tower visible beside the inquiry card */
.hero-bg{
  background-position: 72% center !important;
}
@media (max-width: 900px){
  .hero-bg{
    background-position: 68% center !important;
  }
}


/* FINAL HERO LAYOUT — white inquiry card, Equinox visible to its right */
.hero-bg{
  background-image: url("../img/hero-equinox.jpg") !important;
  background-size: cover !important;
  background-position: 88% center !important;
  background-repeat: no-repeat !important;
}

.hero-card{
  transform: none !important;
  background: #fff !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

@media (max-width:900px){
  .hero-bg{
    background-position: 76% center !important;
  }
}


/* 7 Schritte: Titel und zweite Zeile enger zusammen */
.process strong,
.process small{
  line-height:1.05;
}