/* Final local refinements for the German Social Media page. */
body.social-property-page {
  --glambury-social-frame-blue: #10223b;
  --glambury-social-action-green: var(--signal-green, #007a33);
  --glambury-social-action-green-hover: var(--signal-green-hover, #00652b);
  --glambury-instagram-purple: #833ab4;
  --glambury-instagram-magenta: #c13584;
  --glambury-instagram-orange: #f56040;
}

/* Keep the fixed menu and footer as matching solid-blue bookends. */
body.social-property-page .business-topbar.estate-topbar,
body.social-property-page .business-topbar.estate-topbar::before,
body.social-property-page .site-footer {
  background: var(--glambury-social-frame-blue) !important;
  background-image: none !important;
}

body.social-property-page .business-topbar.estate-topbar::before {
  border: 0;
  border-bottom: 1px solid #ffffff38;
  border-radius: 0;
  box-shadow: 0 8px 24px #07182c38;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

body.social-property-page .social-header-brand,
body.social-property-page .social-header-brand__name,
body.social-property-page .social-header-brand__sub,
body.social-property-page .social-header-brand__area,
body.social-property-page .social-language {
  color: #f3f7ff;
}

body.social-property-page .social-header-brand__rule {
  background: linear-gradient(90deg, transparent, #f3f7ffb8, transparent);
}

body.social-property-page .social-language {
  border-left-color: #ffffff55;
}

body.social-property-page .mobile-nav-toggle {
  border-color: #ffffff78;
  background: #ffffff12;
  color: #f3f7ff;
}

body.social-property-page .site-footer {
  color: #f3f7ff;
}

body.social-property-page .site-footer .footer-main {
  border-bottom-color: #ffffff3b;
}

body.social-property-page .site-footer .footer-bottom {
  color: #c8d9f1;
}

/* Match the hero and every category heading to the exact same blue gradient. */
body.social-property-page .social-intro {
  background-color: #153c82;
  background-image: var(--glambury-social-hero-gradient) !important;
}

body.social-property-page .social-intro::after {
  content: none !important;
  display: none !important;
}

body.social-property-page .media-preview-column-header,
body.social-property-page .media-preview-column--videos .media-preview-column-header,
body.social-property-page .media-preview-column--bilder .media-preview-column-header,
body.social-property-page .media-preview-column--beitraege .media-preview-column-header {
  background-color: #153c82 !important;
  background-image: var(--glambury-social-hero-gradient) !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

/* Solid Instagram palette strips distinguish the three lanes. */
body.social-property-page .media-preview-column {
  position: relative;
  isolation: isolate;
}

body.social-property-page .media-preview-column::before,
body.social-property-page .media-preview-column::after {
  content: "";
  position: absolute;
  z-index: 5;
  top: 0;
  bottom: 0;
  width: 5px;
  pointer-events: none;
}

body.social-property-page .media-preview-column::before { left: 0; }
body.social-property-page .media-preview-column::after { right: 0; }
body.social-property-page .media-preview-column--videos::before,
body.social-property-page .media-preview-column--videos::after { background: var(--glambury-instagram-purple); }
body.social-property-page .media-preview-column--bilder::before,
body.social-property-page .media-preview-column--bilder::after { background: var(--glambury-instagram-magenta); }
body.social-property-page .media-preview-column--beitraege::before,
body.social-property-page .media-preview-column--beitraege::after { background: var(--glambury-instagram-orange); }

@media (min-width: 1101px) {
  body.social-property-page .business-topbar.estate-topbar .business-global a:not(.social-nav-search) {
    color: #f3f7ff !important;
    -webkit-text-fill-color: #f3f7ff !important;
  }

  body.social-property-page .business-topbar.estate-topbar .business-global a:not(.social-nav-search):hover,
  body.social-property-page .business-topbar.estate-topbar .business-global a:not(.social-nav-search):focus-visible {
    color: #c9e4ff !important;
    -webkit-text-fill-color: #c9e4ff !important;
  }
}

/* Arrange the wordmark, headline, and supporting line across the hero's text column. */
@media (min-width: 1100px) {
  body.social-property-page .social-intro {
    grid-template-rows: minmax(0, 1fr);
    align-content: stretch;
  }

  body.social-property-page .social-intro-copy {
    grid-column: 1;
    grid-row: 1;
    display: flex;
    min-width: 0;
    min-height: 340px;
    flex-direction: column;
    justify-content: space-between;
    align-self: stretch;
  }

  body.social-property-page .social-intro-copy .social-corporate-logo {
    align-self: flex-start;
  }

  body.social-property-page .social-intro-copy h1 {
    max-width: 100%;
    margin: 0;
  }

  body.social-property-page .social-intro-copy .social-lead {
    max-width: min(100%, 46ch);
    margin: 0;
  }

  body.social-property-page .social-intro .concept-visual {
    position: relative;
    inset: auto;
    grid-column: 2;
    grid-row: 1;
    align-self: center;
    width: 100%;
    min-width: 0;
    margin: 0;
  }
}

@media (min-width: 768px) and (max-width: 1099px) {
  body.social-property-page .social-intro {
    grid-template-rows: auto;
    align-content: center;
  }

  body.social-property-page .social-intro-copy {
    grid-column: 1;
    grid-row: 1;
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: clamp(18px, 3vh, 28px);
  }

  body.social-property-page .social-intro-copy h1,
  body.social-property-page .social-intro-copy .social-lead {
    max-width: 100%;
    margin: 0;
  }

  body.social-property-page .social-intro .concept-visual {
    grid-column: 2;
    grid-row: 1;
    align-self: center;
    min-width: 0;
  }
}

@media (max-width: 767px) {
  body.social-property-page .social-intro-copy {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  body.social-property-page .social-intro-copy .social-eyebrow {
    margin-top: 0;
  }
}

/* One clear, accessible Exposé link: green card, contrasting white action chip. */
body.social-property-page .social-inventory-property__link {
  color: #ffffff;
  background: var(--glambury-social-action-green);
  border-color: var(--glambury-social-action-green);
  box-shadow: 0 5px 14px #00552528;
  transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

body.social-property-page .social-inventory-property__link:hover {
  color: #ffffff;
  background: var(--glambury-social-action-green-hover);
  border-color: var(--glambury-social-action-green-hover);
  box-shadow: 0 8px 18px #00552538;
}

body.social-property-page .social-inventory-property__link:focus-visible {
  outline: 3px solid #ffffff;
  outline-offset: 3px;
  box-shadow: 0 0 0 6px #10294d, 0 8px 18px #00552538;
}

/* All boxed destinations inside cards use the website green; metadata links stay text links. */
body.social-property-page a.social-campaign-destination,
body.social-property-page a.social-image-original__action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 9px 13px;
  border: 1px solid var(--glambury-social-action-green) !important;
  border-radius: 9px;
  color: #ffffff !important;
  background: var(--glambury-social-action-green) !important;
  font-weight: 750;
  text-decoration: none;
  box-shadow: 0 4px 12px #00552530;
  transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

body.social-property-page a.social-campaign-destination:hover,
body.social-property-page a.social-campaign-destination:focus-visible,
body.social-property-page a.social-image-original__action:hover,
body.social-property-page a.social-image-original__action:focus-visible {
  border-color: var(--glambury-social-action-green-hover) !important;
  color: #ffffff !important;
  background: var(--glambury-social-action-green-hover) !important;
  box-shadow: 0 7px 16px #00552542;
  text-decoration: underline;
  text-underline-offset: 3px;
}

body.social-property-page a.social-campaign-destination:focus-visible,
body.social-property-page a.social-image-original__action:focus-visible {
  outline: 3px solid #ffffff;
  outline-offset: 3px;
}

body.social-property-page .social-inventory-property__info {
  color: #ffffff;
  gap: 9px;
  padding: 10px 11px 10px 0;
  font-size: 12px;
}

body.social-property-page .social-inventory-property__info strong {
  font-size: 13px;
  line-height: 1.3;
}

body.social-property-page .social-inventory-property__cta {
  min-height: 34px;
  padding: 8px 11px;
  border: 1px solid #ffffff;
  border-radius: 7px;
  color: var(--glambury-social-action-green);
  background: #ffffff;
  font-size: 12px;
  font-weight: 800;
  box-shadow: 0 2px 7px #003b1b28;
}

body.social-property-page .social-inventory-property__link:hover .social-inventory-property__cta {
  color: var(--glambury-social-action-green-hover);
  background: #f1fff5;
}

/* Give the closing search invitation the same clear hierarchy as the hero. */
body.social-property-page .social-next {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: clamp(28px, 5vw, 64px);
  min-height: 228px;
  padding: clamp(34px, 4.5vw, 60px);
}

body.social-property-page .social-next > div {
  max-width: 760px;
}

body.social-property-page .social-next .social-eyebrow {
  margin: 0 0 18px;
  font-size: 11px;
  letter-spacing: .18em;
}

body.social-property-page .social-next h2 {
  margin: 0 0 16px;
  font-size: clamp(34px, 3.7vw, 48px);
  font-weight: 550;
  line-height: 1.08;
  letter-spacing: -.04em;
}

body.social-property-page .social-next p:last-child {
  max-width: 48ch;
  margin: 0;
  font-size: clamp(16px, 1.3vw, 18px);
  line-height: 1.6;
}

body.social-property-page .social-next .social-search-link {
  min-height: 56px;
  gap: 24px;
  padding: 15px 23px;
  border-radius: 8px;
  border-color: var(--glambury-social-action-green);
  color: #ffffff !important;
  background: var(--glambury-social-action-green);
  font-weight: 750;
  box-shadow: 0 9px 22px #071b4050, inset 0 1px 0 #ffffff50;
}

body.social-property-page .social-next .social-search-link:hover,
body.social-property-page .social-next .social-search-link:focus-visible {
  border-color: var(--glambury-social-action-green-hover);
  color: #ffffff !important;
  background: var(--glambury-social-action-green-hover);
}

@media (max-width: 760px) {
  body.social-property-page .social-next {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
    min-height: 0;
  }

  body.social-property-page .social-next .social-search-link {
    justify-self: start;
  }
}

@media (max-width: 600px) {
  body.social-property-page .social-next {
    padding: 26px 22px;
  }

  body.social-property-page .social-next h2 {
    font-size: clamp(30px, 8vw, 38px);
  }

  body.social-property-page .social-next .social-search-link {
    width: 100%;
    justify-content: space-between;
  }
}

/* Match every large blue content surface to the contact-page gradient. */
body.social-property-page {
  --glambury-social-frame-blue: #10223b;
  --glambury-social-hero-gradient: linear-gradient(90deg, #10223b 0%, #10223b 12%, #183d70 56%, #5488d5 100%);
}

body.social-property-page .social-intro {
  box-shadow: 0 28px 65px #07172b40, inset 0 -4px 10px #9bd3ff35;
}

body.social-property-page .social-intro::before {
  background: linear-gradient(155deg, transparent 0%, transparent 38%, #ffffff0a 52%, transparent 68%, #b9dfff12 78%, transparent 88%) !important;
}

body.social-property-page .media-preview-column-header,
body.social-property-page .media-preview-column--videos .media-preview-column-header,
body.social-property-page .media-preview-column--bilder .media-preview-column-header,
body.social-property-page .media-preview-column--beitraege .media-preview-column-header {
  background-color: #183d70 !important;
  background-image: var(--glambury-social-hero-gradient) !important;
  background-size: 100% 100% !important;
  background-position: left center !important;
}

body.social-property-page .social-next {
  background-color: #183d70;
  background-image: var(--glambury-social-hero-gradient) !important;
}

/* Final local header order and two distinct, high-contrast actions. */
body.social-property-page .business-topbar.estate-topbar .business-global a.social-nav-home {
  min-height:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  color:#f3f7ff !important;
  -webkit-text-fill-color:#f3f7ff !important;
  background:transparent !important;
  box-shadow:none !important;
  font-weight:600;
  text-decoration:none;
}

body.social-property-page .business-topbar.estate-topbar .business-global a.social-nav-home:hover,
body.social-property-page .business-topbar.estate-topbar .business-global a.social-nav-home:focus-visible {
  color:#c9e4ff !important;
  -webkit-text-fill-color:#c9e4ff !important;
  background:transparent !important;
  text-decoration:underline;
  text-underline-offset:4px;
}

body.social-property-page .business-topbar.estate-topbar .business-global a.social-nav-search,
body.social-property-page .business-topbar.estate-topbar .business-global a.social-nav-search:visited {
  min-height:36px;
  padding:0 14px;
  border:1px solid var(--glambury-social-action-green) !important;
  border-radius:9px;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  background:var(--glambury-social-action-green) !important;
  box-shadow:0 5px 16px #07182c55,inset 0 1px 0 #ffffff58;
  font-weight:800;
  text-decoration:none;
}

body.social-property-page .business-topbar.estate-topbar .business-global a.social-nav-search:hover,
body.social-property-page .business-topbar.estate-topbar .business-global a.social-nav-search:focus-visible {
  border-color:var(--glambury-social-action-green-hover) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  background:var(--glambury-social-action-green-hover) !important;
  box-shadow:0 8px 20px #07182c66,inset 0 1px 0 #ffffff75;
}

body.social-property-page .business-topbar.estate-topbar .business-global a.estate-nav-market-link,
body.social-property-page .business-topbar.estate-topbar .business-global a.estate-nav-market-link:visited {
  min-height:36px;
  padding:0 14px;
  border:1px solid #a9c9f3 !important;
  border-radius:9px;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  background:linear-gradient(115deg,#235ac3 0%,#4d80d2 100%) !important;
  box-shadow:0 5px 16px #07182c55,inset 0 1px 0 #ffffff58;
  font-weight:800;
  text-decoration:none;
}

body.social-property-page .business-topbar.estate-topbar .business-global a.estate-nav-market-link:hover,
body.social-property-page .business-topbar.estate-topbar .business-global a.estate-nav-market-link:focus-visible {
  border-color:#d6e7ff !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  background:linear-gradient(115deg,#2d68d0 0%,#6192e0 100%) !important;
  box-shadow:0 8px 20px #07182c66,inset 0 1px 0 #ffffff75;
}

@media (max-width:1100px) {
  body.social-property-page .business-topbar.estate-topbar .business-global a.social-nav-home {
    min-height:42px !important;
    padding:0 12px !important;
    border-radius:6px !important;
  }

  body.social-property-page .business-topbar.estate-topbar .business-global a.social-nav-search,
  body.social-property-page .business-topbar.estate-topbar .business-global a.estate-nav-market-link {
    justify-content:space-between;
  }
}

/* Social page navigation: consistent contrast and compact spacing. */
body.social-property-page .business-topbar.estate-topbar .business-global > a[data-social-menu] { display:none !important; }
@media (min-width:1101px) {
  body.social-property-page .business-topbar.estate-topbar .business-global { gap:clamp(9px,1vw,14px); }
  body.social-property-page .business-topbar.estate-topbar .business-areas-menu > summary { color:#f3f7ff !important; -webkit-text-fill-color:#f3f7ff !important; font-size:10px; font-weight:600; letter-spacing:.1em; }
  body.social-property-page .business-topbar.estate-topbar .business-areas-menu > summary:hover,
  body.social-property-page .business-topbar.estate-topbar .business-areas-menu > summary:focus-visible { color:#c9e4ff !important; -webkit-text-fill-color:#c9e4ff !important; }
  body.social-property-page .business-topbar.estate-topbar .business-areas-menu > summary:focus-visible { outline-color:#c9e4ff; }
  body.social-property-page .business-topbar.estate-topbar .business-areas-panel { background:#132945; border-color:#9bb9e1; }
  body.social-property-page .business-topbar.estate-topbar .business-global .business-areas-panel a:hover,
  body.social-property-page .business-topbar.estate-topbar .business-global .business-areas-panel a:focus-visible { background:#28527d; color:#fff !important; -webkit-text-fill-color:#fff !important; }
}
@media (max-width:1100px) {
  body.social-property-page .business-topbar.estate-topbar .business-global a.social-nav-home { color:#203a60 !important; -webkit-text-fill-color:#203a60 !important; }
  body.social-property-page .business-topbar.estate-topbar .business-areas-menu { display:block; width:100%; }
  body.social-property-page .business-topbar.estate-topbar .business-areas-menu > summary { box-sizing:border-box; width:100%; min-height:42px; padding:0 12px; color:#203a60 !important; -webkit-text-fill-color:#203a60 !important; font-size:11px; font-weight:600; letter-spacing:.06em; }
  body.social-property-page .business-topbar.estate-topbar .business-areas-panel { position:static; min-width:0; margin:2px 0 5px 9px; padding:4px 0 4px 8px; border:0; border-left:1px solid #9bb9e1; border-radius:0; background:transparent; box-shadow:none; backdrop-filter:none; -webkit-backdrop-filter:none; }
}
