/* CHINDRIS BAU – neue Startseite; Ergänzung zur bestehenden style.css */
html{scroll-behavior:smooth}body{overflow-x:hidden}.cb-site{font-family:"Source Sans Pro",Arial,sans-serif;color:#1b1b1b}.cb-site *{box-sizing:border-box}.cb-wrap{width:min(1160px,calc(100% - 40px));margin:auto}.cb-hero{background:linear-gradient(115deg,rgba(8,10,14,.96),rgba(20,23,28,.88)),linear-gradient(45deg,#252b32,#111);min-height:650px;display:flex;align-items:center;color:#fff;padding:135px 0 100px}.cb-eyebrow,.cb-kicker{font-size:13px;font-weight:700;letter-spacing:3px;color:#e10101;margin-bottom:24px}.cb-hero h1{font-size:clamp(48px,8vw,98px);font-weight:800;line-height:1.02;letter-spacing:-2px;margin:0 0 25px;color:#fff}.cb-hero h1 span{color:#e10101}.cb-hero p{font-size:20px;line-height:1.6;max-width:650px;color:#e5e5e5}.cb-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.cb-btn{display:inline-block;background:#e10101;color:#fff!important;padding:16px 27px;text-decoration:none!important;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;border:2px solid #e10101}.cb-btn:hover{background:#b60000;border-color:#b60000}.cb-btn-outline{background:transparent;border-color:#fff}.cb-btn-outline:hover{background:#fff;color:#111!important;border-color:#fff}.cb-location{margin-top:40px;font-size:13px;letter-spacing:2px;color:#bbb;text-transform:uppercase}.cb-section{padding:100px 0}.cb-section h2{font-size:clamp(32px,4vw,52px);font-weight:800;line-height:1.15;margin-bottom:25px;color:inherit}.cb-intro{max-width:740px;font-size:18px;line-height:1.7;color:#666;margin-bottom:40px}.cb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.cb-service{background:#f6f6f6;padding:35px;min-height:230px;border-top:4px solid #e10101}.cb-service b{color:#e10101;font-size:14px}.cb-service h3{font-size:22px;font-weight:700;margin:18px 0 12px}.cb-service p,.cb-split p{font-size:17px;line-height:1.7}.cb-dark{background:#151515;color:#fff}.cb-dark p{color:#d1d1d1}.cb-split{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start}.cb-stat{display:flex;align-items:center;gap:22px;border-top:1px solid #555;padding-top:20px;margin-top:35px}.cb-stat strong{font-size:48px;color:#e10101}.cb-partner{background:#f1f1f1}.cb-contact{background:#202020;color:#fff}.cb-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.cb-contact h3{color:#fff;font-size:21px}.cb-contact p,.cb-contact a{color:#ddd;font-size:18px;line-height:1.8}.header.sticky.light{background:#fff}.header.sticky.light .logo img{max-width:100%;object-fit:contain}.header.sticky.light .default-menu>ul>li>a{color:#222}.cb-site section{scroll-margin-top:100px}@media(max-width:850px){.cb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cb-split{grid-template-columns:1fr;gap:20px}.cb-hero{min-height:560px;padding-top:110px}.cb-section{padding:70px 0}}@media(max-width:560px){.cb-grid,.cb-contact-grid{grid-template-columns:1fr}.cb-wrap{width:calc(100% - 32px)}.cb-hero h1{letter-spacing:-1px}.cb-hero p{font-size:17px}.cb-service{min-height:0;padding:27px}.cb-section{padding:55px 0}.cb-btn{width:100%;text-align:center}}
.cb-site .cb-service p { 
 color: #222222;
}

/* Fotografii pentru previzualizarea serviciilor */
.cb-hero {
  background-image: linear-gradient(90deg, rgba(10,13,18,.92) 0%, rgba(10,13,18,.74) 36%, rgba(10,13,18,.08) 74%), url('../images/backgrounds/chindris-bau-baustelle.png');
  background-size: cover;
  background-position: center, center 68%;
}
.cb-hero h1 { font-size: clamp(48px, 6.7vw, 86px); }
.cb-hero p { max-width: 580px; }
.cb-service {
  display: flex;
  flex-direction: column;
  padding: 0;
  min-height: 0;
  border: 0;
  border-radius: 7px;
  overflow: hidden;
  background: #242931;
  box-shadow: 0 7px 24px rgba(15,20,28,.10);
}
.cb-service-media { position: relative; overflow: hidden; background: #d8dadd; }
.cb-service-media img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  object-position: center;
  transition: transform .35s ease;
}
.cb-service:nth-child(1) .cb-service-media img { object-position: center 55%; }
.cb-service:nth-child(2) .cb-service-media img { object-position: center 45%; }
.cb-service:nth-child(3) .cb-service-media img { object-position: center 62%; }
.cb-service:nth-child(4) .cb-service-media img { object-position: center; }
.cb-service:nth-child(5) .cb-service-media img { object-fit: contain; background: #242931; }
.cb-service:nth-child(6) .cb-service-media img { object-position: center 68%; }
.cb-service:hover .cb-service-media img { transform: scale(1.035); }
.cb-service .cb-service-number {
  position: absolute;
  top: 14px;
  right: 14px;
  display: grid;
  place-items: center;
  width: 35px;
  height: 35px;
  background: #d90b16;
  color: #fff;
  font-size: 13px;
  border-radius: 3px;
}
.cb-service-content {
  position: relative;
  display: grid;
  grid-template-columns: 25px minmax(0, 1fr) 34px;
  column-gap: 12px;
  align-content: start;
  flex: 1;
  padding: 19px 20px 21px;
  border-top: 4px solid #e10101;
}
.cb-service-icon { grid-column: 1; grid-row: 1 / 3; color: #f4f5f7; font-size: 24px; margin-top: 2px; }
.cb-site .cb-service h3 { grid-column: 2; grid-row: 1; color: #fff; font-size: 21px; margin: 0 0 8px; line-height: 1.2; }
.cb-site .cb-service p { grid-column: 2; grid-row: 2; color: #d8dce1; font-size: 15px; line-height: 1.45; margin: 0; }
.cb-service-link {
  grid-column: 3;
  grid-row: 1 / 3;
  align-self: center;
  display: grid;
  place-items: center;
  width: 34px;
  height: 36px;
  background: #e10101;
  color: #fff !important;
  font-size: 25px;
  line-height: 1;
  text-decoration: none !important;
}
.cb-service-link:hover { background: #b60000; }
.cb-service-link:focus-visible { outline: 3px solid #fff; outline-offset: -5px; }
.cb-image-credits { background: #202020; padding: 0 0 24px; color: #c4c8cd; font-size: 12px; }
.cb-image-credits summary { display: list-item; width: fit-content; cursor: pointer; }
.cb-image-credits p { max-width: 950px; font-size: 12px; margin: 12px 0 0; line-height: 1.6; }
.cb-image-credits a { color: #dfe3e8; text-decoration: underline; }
@media (max-width: 850px) {
  .cb-hero { background-position: center, center 68%; }
}
@media (max-width: 560px) {
  .cb-hero { background-image: linear-gradient(90deg, rgba(10,13,18,.92), rgba(10,13,18,.65)), url('../images/backgrounds/chindris-bau-baustelle.png'); }
  .cb-service-content { padding: 18px; column-gap: 10px; }
  .cb-service-media img { aspect-ratio: 16 / 9; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .cb-service-media img { transition: none; }
  .cb-service:hover .cb-service-media img { transform: none; }
}

/* Gemeinsame mobile Navigation */
.header.sticky.light:not(.on-top) { position: relative; }
.cb-menu-toggle {
  display: inline-grid;
  place-items: center;
  width: 44px;
  height: 44px;
  margin: 18px 0;
  padding: 0;
  border: 0;
  border-radius: 3px;
  background: transparent;
  color: #222;
  font-size: 25px;
  line-height: 1;
  cursor: pointer;
}
.cb-menu-toggle:hover,
.cb-menu-toggle[aria-expanded="true"] { color: #e10101; }
.cb-menu-toggle:focus-visible { outline: 2px solid #e10101; outline-offset: 3px; }
.cb-mobile-menu {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 1010;
  max-height: calc(100dvh - 80px);
  overflow-y: auto;
  background: #fff;
  border-top: 3px solid #e10101;
  box-shadow: 0 12px 24px rgba(15,20,28,.16);
}
.cb-mobile-menu[hidden] { display: none; }
.cb-mobile-menu ul { list-style: none; margin: 0; padding: 8px 20px 14px; }
.cb-mobile-menu li + li { border-top: 1px solid #eceef0; }
.cb-mobile-menu a {
  display: block;
  padding: 15px 12px;
  color: #222;
  font-size: 17px;
  font-weight: 700;
  text-decoration: none;
}
.cb-mobile-menu a:hover,
.cb-mobile-menu a:focus-visible { color: #e10101; background: #f6f6f6; }
@media (max-width: 767px) {
  .cb-menu-toggle { margin: 3px 0; }
  .cb-mobile-menu { max-height: calc(100dvh - 50px); }
}
@media (min-width: 992px) {
  .cb-mobile-menu,
  .cb-menu-toggle { display: none; }
}
