/**
 * IDS Basic Layout – Inhaltsboxen
 * Rahmen-Optionen: TCEFORM frame_class → Klasse .frame-{key}
 */

/* -------------------------------------------------------------------------
   Hero-Box (nur Rahmen „Hero-Box“ → .frame-hero-box)
--------------------------------------------------------------------------- */
.frame-hero-box {
  position: relative;
  width: 100%;
  height: 450px;
  overflow: hidden;
}

/* Zwischenwrapper kollabieren nicht die Box – Bild füllt per absolute */
.frame-hero-box .ce-textpic,
.frame-hero-box .ce-image,
.frame-hero-box .ce-gallery,
.frame-hero-box .ce-outer,
.frame-hero-box .ce-inner,
.frame-hero-box .ce-row,
.frame-hero-box .ce-column,
.frame-hero-box figure,
.frame-hero-box picture {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  border: 0;
}

.frame-hero-box .ce-row {
  display: block;
  flex-wrap: nowrap;
  gap: 0;
}

.frame-hero-box .ce-column {
  flex: none;
  width: 100%;
  max-width: none;
}

/* Spezifität über content.css (.ce-gallery img { height: auto }) */
.frame-hero-box .ce-gallery img,
.frame-hero-box .ce-gallery .image-embed-item {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center center;
}

/* CE-Überschrift bleibt im Backend, wird im Frontend nicht angezeigt */
.frame-hero-box > header,
.frame-hero-box .ce-bodytext {
  display: none;
}