/* ==========================================================================
   transformis® · Standardseite (Impressum, Datenschutz etc.)
   --------------------------------------------------------------------------
   Kein Hero – nur Gutenberg Content mit Deko-Pfeilen.
   Typografie: globale Definitionen aus base.css.
   ========================================================================== */


/* ==========================================================================
   GUTENBERG CONTENT
   ========================================================================== */

/* Desktop: Header ~105px + 64px Abstand = 169px */
.tm-standard__content {
  position: relative;
  width: 100%;
  padding: 169px 0 128px;
  overflow-x: clip;
}

/* Mobil: Header kleiner (~60px, keine Topbar) + 40px Abstand */
@media (max-width: 960px) {
  .tm-standard__content {
    padding-top: 100px;
  }
}

@media (max-width: 640px) {
  .tm-standard__content {
    padding-top: 80px;
    padding-bottom: 64px;
  }
}

.tm-standard__content-inner {
  position: relative;
  z-index: 1;
  width: 947px;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 var(--tm-content-padding);
}

/*
 * Gutenberg-Block-Styles (p, h1-h4, a, strong, button, …) liegen in
 * tm-content.css (geteilt mit bestaetigungsseite). Hier nur Layout-Spezifika
 * sowie Bild-/Deko-Pfeil-Styles, die nur dieses Template betreffen.
 */

/* ── Bilder ── */
.tm-standard__content-inner img,
.tm-standard__content-inner figure,
.tm-standard__content-inner .wp-block-image {
  margin-top: 48px;
}

/* ── Deko-Pfeile (gleich wie Leistungsseite) ── */
.tm-standard__content .tm-deco-arrow {
  position: absolute;
  width: clamp(180px, 18vw, 280px);
  height: auto;
  pointer-events: none;
  z-index: 0;
}

.tm-standard__content .tm-deco-arrow--left {
  left: -40px;
  transform: rotate(0deg);
}

.tm-standard__content .tm-deco-arrow--right {
  right: -40px;
  transform: rotate(180deg);
}

.tm-standard__content .tm-deco-arrow--right-large {
  right: -40px;
  transform: rotate(180deg);
  width: clamp(360px, 36vw, 560px);
}

@media (max-width: 1200px) {
  .tm-standard__content .tm-deco-arrow {
    display: none;
  }
}