/* Angebote-Uebersicht (Node 4864): Karte bleibt stehen, die Liste schiebt sich darueber (nur Desktop) */
@media (min-width: 992px) {
  body.page-node-4864 .block-views-blockalle-angebote-block-3 {
    position: sticky;
    top: 0;
    z-index: 0;
  }
  /* Eigener blauer Schatten der Karte ragt sonst seitlich neben der darueberliegenden Liste hervor */
  body.page-node-4864 .block-views-blockalle-angebote-block-3 .geolocation-map-container { box-shadow: none !important; }
  body.page-node-4864 .block-views-blockalle-angebote-block-2,
  body.page-node-4864 .block-views-blockexterni-nabidky-block-1 {
    position: relative;
    z-index: 1;
    background: #fff;
    display: flow-root; /* Aussenabstaende der letzten Kinder bleiben im Block, sonst scheint die Karte durch die Luecke */
  }
  body.page-node-4864 .block-views-blockalle-angebote-block-2 {
    margin-top: 0;
    padding-top: 22px;
  }
  /* Abstand oben: der Standard-Aussenabstand der TOP-Liste (60px) entfaellt, die Liste hat schon eigenen Abstand */
  body.page-node-4864 .block-views-blockalle-angebote-block-2 .top-attachment {
    margin-top: 0 !important;
  }
  body.page-node-4864 .block-views-blockalle-angebote-block-2 {
    border-radius: 18px 18px 0 0;
  }
}

/* Mit kompaktem Header (ab 1200px): nur die blaue Leiste mit Logo bleibt oben stehen, die Karte klebt direkt darunter.
   Hoehe der Leiste ist fest (87px). Kacheln und Titel scrollen normal weg. */
@media (min-width: 1200px) {
  html.ip-compact-pre body.page-node-4864 #header {
    position: sticky;
    top: 0;
    z-index: 60; /* ueber dem Job-Alert-Block (.alert-reveal, z-index 50) */
  }
  html.ip-compact-pre body.page-node-4864 .block-views-blockalle-angebote-block-3 { top: var(--ip-header-h, 87px); }
}