/* Minimal custom styles (no Tailwind build needed) */

:root {
  --gold: #c99a3b;
  --gold-dark: #a3741f;
  --dark: #4a5056;
  --primary-color: #c5a46a;
  --secondary-color: #4a5056;
  --section-pad: 72px;
  --section-pad-sm: 48px;
}
*, *::before, *::after { border-radius:0 !important; box-shadow:none !important; }
[class*="drop-shadow"] { filter:none !important; }
button,
input[type="button"],
input[type="submit"],
input[type="reset"],
.btn,
a[class*="bg-"] {
  border-radius: 0 !important;
  -webkit-appearance: none;
  appearance: none;
}

/* Typography defaults to Geist stacks if installed; falls back to system */
body, .font-sans {
  font-family: "Geist", "Geist Fallback", "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
  font-size: 17px;
  line-height: 1.7;
}

html,
body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

@supports (overflow: clip) {
  html,
  body {
    overflow-x: clip;
  }
}

.font-mono {
  font-family: "Geist Mono", "Geist Mono Fallback", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

/* Hero fade slides */
.hero-fade { position:absolute; inset:0; opacity:0; transition:opacity 1s ease-in-out; }
.hero-fade.active { opacity:1; }
.hero-gradient { background: linear-gradient(180deg, rgba(255,255,255,0.12) 0%, rgba(0,0,0,0.35) 70%); }
.hero-header-1920 {
  aspect-ratio: 16 / 9;
  min-height: 420px;
  max-height: 1080px;
}
@media (max-width: 767px) {
  .hero-content-shell {
    justify-content: flex-start;
    padding-top: calc(env(safe-area-inset-top, 0px) + 4.5rem);
  }
}

/* Schmale Unterseiten-Header global auf 1920x576 skalieren */
section.relative.w-full.overflow-hidden[style*="height:400px;"] {
  height: auto !important;
  min-height: 400px;
  aspect-ratio: 1920 / 576;
}

section.relative.w-full.overflow-hidden[style*="height:420px;"] {
  height: auto !important;
  min-height: 420px;
  aspect-ratio: 1920 / 576;
}

/* Hero arrows */
.hero-arrow { position:absolute; top:50%; transform:translateY(-50%); width:48px; height:48px; border:none; background:rgba(0,0,0,0.35); cursor:pointer; z-index:9101; display:grid; place-items:center; }
.hero-arrow.next { right:116px; }
.hero-arrow.prev { left:116px; }
@media (max-width:767px) { .hero-arrow { display:none; } }

/* Carousel */
.carousel-wrapper { position:relative; }
.carousel-track { transition: transform 0.5s ease; will-change: transform; display:flex; align-items:center; }
.carousel-slide { position:relative; height:var(--slide-height, 520px); flex-shrink:0; width:var(--slide-width, clamp(70vw, 60vw, 1050px)); margin-right:16px; filter:brightness(0.9); transition:filter 0.4s ease, transform 0.4s ease; overflow:hidden; }
.carousel-slide.active { filter:brightness(1); transform:scale(1.01); }
.slide-bg { position:absolute; inset:0; background-size:cover; background-position:center; }
.carousel-controls { width:var(--slide-width, clamp(70vw, 60vw, 1050px)); max-width:90vw; margin:8px auto 0; display:flex; justify-content:flex-end; gap:12px; position:static; }
.carousel-prev, .carousel-next { width:42px; height:42px; border:none; background:#fff; cursor:pointer; position:relative; display:grid; place-items:center; color:#0f172a; }
@media (max-width:768px) {
  .carousel-section { position:relative; }
  .carousel-controls { position:absolute; width:85vw; left:50%; transform:translateX(-50%); bottom:12px; margin-top:0; justify-content:space-between; padding:0 12px; }
  .carousel-slide { width:85vw; height:360px; }
}
@media (max-width: 767px) {
  .home-gallery-carousel {
    margin-top: -36px;
    padding-bottom: 0 !important;
  }

  .home-gallery-carousel .carousel-wrapper {
    height: 408px !important;
    align-items: flex-start;
  }

  .home-gallery-carousel .carousel-track {
    align-items: flex-start;
  }

  .home-gallery-carousel .carousel-controls {
    bottom: 4px;
  }

  .home-testimonials-section {
    padding-top: 40px !important;
    padding-bottom: 10rem !important;
  }
}

/* Angebot des Monats */
.offer-hero { height: 400px; position:relative; }
.offer-hero::after { content:""; position:absolute; inset:0; background:transparent; }
@media (min-width:768px) { .offer-hero { height: 400px; } }
.offer-lead { max-width:900px; margin:0 auto; color:#64748b; line-height:1.7; }
.offer-spec-card { background:#c5a46a; color:#fff; padding:26px 22px; border-radius:0; display:grid; gap:12px; font-weight:700; text-transform:uppercase; letter-spacing:0.05em; box-shadow:none; }
.offer-spec-item { background:transparent; border-radius:0; padding:12px 0; border-bottom:1px solid rgba(255,255,255,0.2); }
.offer-spec-item.price { font-size:1.2rem; border-bottom:none; }
.offer-spec-value { font-size:1.5rem; font-weight:700; line-height:1.2; }
.offer-plan-slider { position:relative; width:100%; min-width:0; }
.plan-frame { min-height:420px; display:grid; place-items:center; overflow:hidden; border-radius:0; width:100%; min-width:0; }
.plan-slide { display:none; width:100%; height:100%; min-width:0; overflow:hidden; border-radius:0; }
.plan-slide.active { display:block; }
.plan-slide img { display:block; width:100%; max-width:100%; height:100%; object-fit:contain; object-position:center; }
.plan-nav { width:42px; height:42px; border:none; background:#fff; display:grid; place-items:center; color:#0f172a; }
.plan-dots { display:none; }
.offer-gallery-card { border-radius:0; overflow:hidden; box-shadow:none; }
.contact-block { background:#f7f7f7; }
@media (max-width: 768px) {
  .plan-frame { min-height:0; aspect-ratio:4 / 3; }
  .plan-prev { left:6px; }
  .plan-next { right:6px; }
}
.house-type-image { order: 1; }
.house-type-copy { order: 2; }
.house-type-row + .house-type-row { margin-top: 1.5rem; }
@media (min-width: 768px) {
  .house-type-row + .house-type-row { margin-top: 0; }
  .house-type-row-reversed .house-type-image { order: 2; }
  .house-type-row-reversed .house-type-copy { order: 1; }
}

/* Pill radius */
.btn-pill { border-radius:0; }

/* Bullet dot helper */
.bullet-dot::before { content: "•"; margin-right: 6px; font-weight: 900; }

/* Burger & mobile menu */
.burger-btn { width:32px; height:28px; display:grid; place-items:center; gap:6px; background:transparent; border:none; padding:4px; transition:transform 200ms ease; position:relative; z-index:60; }
.burger-btn span { display:block; width:28px; height:2px; background:#4a5056; transition:transform 200ms ease, opacity 200ms ease, width 200ms ease, background-color 200ms ease; }
.burger-btn:hover span { width:30px; }
.burger-btn:hover span:nth-child(1) { transform:translateY(2px); }
.burger-btn:hover span:nth-child(3) { transform:translateY(-2px); }
.burger-btn.open span { background:#4a5056; }
.burger-btn.open span:nth-child(1) { transform:translateY(8px) rotate(45deg); width:30px; }
.burger-btn.open span:nth-child(2) { opacity:0; }
.burger-btn.open span:nth-child(3) { transform:translateY(-8px) rotate(-45deg); width:30px; }
/* Override specific background logic if present, force brand color */
.topbar-dynamic[style*="background-color: rgba"] .burger-btn span,
.topbar-dynamic[style*="background-color: rgb"] .burger-btn span { background:#4a5056; }
@media (min-width:1024px) { .burger-btn { display:none !important; } }
@media (max-width:1023px) { .burger-btn { display:grid !important; } }

.mobile-menu { position:fixed; inset:0; background:rgba(255,255,255,0.98); backdrop-filter:blur(12px); display:flex; align-items:flex-start; justify-content:center; opacity:0; visibility:hidden; transition:opacity 300ms ease, visibility 300ms ease; z-index:50; overflow-y:auto; }
.mobile-menu.open { opacity:1; visibility:visible; }
/* Scroll container inside menu */
.mobile-menu-inner { width:100%; max-width:600px; margin-top:80px; padding:0 20px 80px; display:flex; flex-direction:column; align-items:center; }

.hero-headline { font-size:clamp(2.8rem, 6vw, 4.5rem); line-height:1.1; letter-spacing:-0.01em; }
@media (min-width:768px) {
  .hero-headline { font-size:clamp(3.5rem, 4.5vw, 5.5rem); }
}
.hero-subtitle { font-size:clamp(1.2rem, 2.8vw, 1.8rem); }
@media (min-width:768px) {
  .hero-subtitle { font-size:clamp(1.5rem, 2.2vw, 2.4rem); }
}
/* Mobile Menu Animation */
.mobile-menu.open .mobile-menu-inner > * { animation: mobileFadeInUp 0.5s ease forwards; opacity:0; transform:translateY(20px); }
.mobile-menu.open .mobile-menu-inner > *:nth-child(1) { animation-delay: 0.1s; }
.mobile-menu.open .mobile-menu-inner > *:nth-child(2) { animation-delay: 0.15s; }
.mobile-menu.open .mobile-menu-inner > *:nth-child(3) { animation-delay: 0.2s; }
.mobile-menu.open .mobile-menu-inner > *:nth-child(4) { animation-delay: 0.25s; }
.mobile-menu.open .mobile-menu-inner > *:nth-child(5) { animation-delay: 0.3s; }
.mobile-menu.open .mobile-menu-inner > *:nth-child(6) { animation-delay: 0.35s; }
.mobile-menu.open .mobile-menu-inner > *:nth-child(7) { animation-delay: 0.4s; }
.mobile-menu.open .mobile-menu-inner > *:nth-child(8) { animation-delay: 0.45s; }

@keyframes mobileFadeInUp {
    to { opacity:1; transform:translateY(0); }
}
.mobile-close { position:absolute; top:12px; right:12px; width:44px; height:44px; border:1px solid rgba(15,23,42,0.15); background:#fff; font-size:1.5rem; line-height:1; display:grid; place-items:center; cursor:pointer; transition:background 200ms ease, border-color 200ms ease, color 200ms ease; }
.mobile-close:hover, .mobile-close:focus { color:var(--gold); border-color:var(--gold); outline:none; }
.nav-item { position:relative; display:flex; flex-direction:column; align-items:flex-start; }
.nav-dropdown { display:flex; position:absolute; top:calc(100% + 4px); left:0; min-width:220px; width:max-content; padding-top:4px; z-index:40; flex-direction:column; gap:4px; opacity:0; visibility:hidden; transform:translateY(-6px); transition:opacity 200ms ease, transform 200ms ease, visibility 200ms ease; pointer-events:none; }
.nav-dropdown::before { content:""; position:absolute; top:-10px; left:0; right:0; height:10px; }
.nav-dropdown a { display:block; padding:6px 0; color:#0f172a; font-size:14px; font-weight:bold; letter-spacing:0.18em; text-transform:uppercase; white-space:nowrap; line-height:1.3; transition:color 200ms ease; }
.nav-dropdown a:last-child { padding-bottom:18px; }
.nav-dropdown a:hover, .nav-dropdown a.active { color:var(--gold); }
.topbar-dynamic.dropdown-ready .nav-item.is-open .nav-dropdown { opacity:1; visibility:visible; transform:translateY(0); pointer-events:auto; }
.nav-link { display:inline-flex; align-items:center; padding:10px 0 12px; transition:color 200ms ease; }
.nav-link:hover, .nav-link:focus { color:var(--gold); }
.nav-link-active { color:var(--gold); }
.nav-dropdown-toggle { background:none; border:none; cursor:pointer; font:inherit; text-transform:inherit; letter-spacing:inherit; padding:10px 0 12px; }
.nav-dropdown-toggle:focus-visible { outline:2px solid var(--gold); outline-offset:2px; }
.hover-gold { transition:color 200ms ease; }
.hover-gold:hover { color:var(--gold); }
.team-card { background:#fff; padding:0; display:flex; flex-direction:column; gap:0; border:none; min-height:100%; }
.team-photo-wrapper { position:relative; width:100%; aspect-ratio:3/4; cursor:pointer; perspective:1200px; outline:0; }
.team-photo-wrapper:focus-visible { outline:2px solid rgba(201,154,59,0.5); outline-offset:3px; }
.team-photo-inner { position:relative; width:100%; height:100%; transition:transform 0.7s ease; transform-style:preserve-3d; }
.team-photo-wrapper:hover .team-photo-inner,
.team-photo-wrapper:focus-visible .team-photo-inner,
.team-card:focus-within .team-photo-inner { transform:rotateY(180deg); }
.team-photo-face { position:absolute; inset:0; backface-visibility:hidden; overflow:hidden; }
.team-photo-face.front { background-size:contain; background-position:top center; background-repeat:no-repeat; display:flex; align-items:flex-end; justify-content:flex-start; background-color:#fff; }
.team-photo-face.front::after { content:""; position:absolute; inset:0; pointer-events:none; background:transparent; }
.team-photo-tag { position:relative; z-index:1; background:rgba(0,0,0,0.65); color:#fff; font-size:0.7rem; letter-spacing:0.3em; text-transform:uppercase; padding:0.35rem 0.9rem; margin:1.5rem 1.25rem; transition:opacity 150ms ease, visibility 150ms ease; }
.team-photo-wrapper:hover .team-photo-tag,
.team-photo-wrapper:focus-visible .team-photo-tag,
.team-card:focus-within .team-photo-tag { opacity:0; visibility:hidden; }
.team-photo-face.back { background:#1f2937; color:#fff; transform:rotateY(180deg); display:flex; align-items:center; justify-content:center; padding:1.5rem; text-align:center; font-size:0.95rem; line-height:1.6; overflow:auto; }
.team-photo-text { margin:0; }
.team-card-body { text-align:center; padding:24px; display:flex; flex-direction:column; gap:12px; }
@media (min-width:1024px) { .team-card-body { padding:28px; } }
.team-card-name { font-size:1.25rem; font-weight:700; letter-spacing:0.08em; text-transform:uppercase; color:#111827; }
.team-card-role { font-size:0.85rem; text-transform:uppercase; letter-spacing:0.25em; color:#94a3b8; margin-bottom:0.85rem; }
.team-contact { list-style:none; padding:0; margin:0; font-size:0.95rem; line-height:1.8; color:#64748b; text-align:center; }
.team-contact span { color:#0f172a; font-weight:600; margin-right:4px; text-transform:uppercase; letter-spacing:0.15em; font-size:0.78rem; }
.team-contact a { color:var(--gold); text-decoration:none; }
.team-contact a:hover { text-decoration:underline; }

/* Navbar border transition */
.border-transition { transition: border-color 250ms ease, color 250ms ease; }

/* Layout helpers */
.section-pad { padding-top: var(--section-pad); padding-bottom: var(--section-pad); }
.section-pad-sm { padding-top: var(--section-pad-sm); padding-bottom: var(--section-pad-sm); }
.section-container { width: min(1200px, calc(100% - 2rem)); margin: 0 auto; }
@media (max-width: 767px) {
  .counters-section-subpage {
    padding-top: 48px;
    padding-bottom: 128px;
  }
  .mobile-footer-spacer {
    height: 180px;
  }
}
.divider-gold {
  width: 10rem;
  height: 1px;
  margin-left: auto;
  margin-right: auto;
  background: #c5a46a;
}
.mobile-menu-divider {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.topbar-dynamic { transition: padding-bottom 200ms ease; }
.topbar-dynamic.dropdown-open { padding-bottom: 180px; }
.footer-floating { padding-top:215px; margin-top:95px; }
@media (min-width:768px) {
  .footer-floating { padding-top:205px; margin-top:105px; }
}
@media (min-width:1024px) {
  .footer-floating { padding-top:195px; margin-top:95px; }
}

.testimonials-section .testimonial-quote {
  max-width: 1100px;
  margin: 0 auto;
  font-size: clamp(1.6rem, 2.8vw, 2.2rem);
  line-height: 1.45;
  font-weight: 300;
  letter-spacing: 0.01em;
}

.testimonials-slider {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 14px;
  max-width: 1280px;
  margin: 0 auto;
}

.testimonials-viewport {
  position: relative;
  min-height: 240px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.testimonial-slide {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transform: translateX(26px);
  transition: opacity 380ms ease, transform 380ms ease;
  pointer-events: none;
}

.testimonial-slide.is-active {
  position: relative;
  opacity: 1;
  transform: translateX(0);
  pointer-events: auto;
}

.testimonials-arrow {
  width: 42px;
  height: 42px;
  border: none;
  background: transparent;
  color: #0f172a;
  display: grid;
  place-items: center;
  cursor: pointer;
  padding: 0;
  transition: color 180ms ease, border-color 180ms ease;
}

.testimonials-arrow:hover,
.testimonials-arrow:focus-visible {
  color: #c5a46a;
  outline: none;
}

@media (max-width: 767px) {
  .testimonials-slider {
    gap: 8px;
    grid-template-columns: 42px 1fr 42px;
  }

  .testimonials-viewport {
    min-height: 280px;
  }

}

.references-filter-wrap {
  margin: 0 auto 28px;
}

.references-filter {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.references-filter-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: #334155;
  border: 1px solid #cbd5e1;
  background: #fff;
  padding: 10px 14px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease;
}

.references-filter-btn:hover,
.references-filter-btn:focus-visible {
  border-color: #c5a46a;
  color: #0f172a;
}

.references-filter-btn.is-active {
  background: #c5a46a;
  border-color: #c5a46a;
  color: #fff;
}

.references-filter-count {
  min-width: 24px;
  height: 24px;
  display: inline-grid;
  place-items: center;
  font-size: 11px;
  font-weight: 700;
  border-radius: 999px !important;
  background: rgba(15, 23, 42, 0.08);
  color: inherit;
}

.references-filter-btn.is-active .references-filter-count {
  background: rgba(255, 255, 255, 0.24);
}

/* Sidebar quick actions */
.side-actions {
  position: fixed;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9000;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.side-action {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  min-height: 52px;
  background: #4a5056;
  color: #fff;
  text-decoration: none;
  transform: translateX(calc(100% - 52px));
  transition: transform 260ms ease, background-color 220ms ease;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18);
}

.side-action:hover,
.side-action:focus-visible {
  transform: translateX(0);
  color: #fff;
}

.side-action:focus-visible {
  outline: 2px solid #c5a46a;
  outline-offset: 2px;
}

.side-action-icon {
  width: 52px;
  min-width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  font-size: 22px;
}

.side-action-text {
  padding: 0 16px 0 2px;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.side-action-offer { background: #4a5056; }
.side-action-offer:hover,
.side-action-offer:focus-visible { background: #3b4147; }
.side-action-logo img { width: 28px; height: 28px; display: block; }

.side-action-whatsapp { background: #a51a1b; }
.side-action-whatsapp:hover,
.side-action-whatsapp:focus-visible { background: #8f1718; }

.side-action-contact { background: #4a5056; }
.side-action-contact:hover,
.side-action-contact:focus-visible { background: #3b4147; }

@media (max-width: 1023px) {
  .side-actions { display: none; }
}