/* =========================================================
   Tierheilpraxis – Page Styles
   Datei: css/pages/tierheilpraxis.css
   Hinweis:
   - Hero (Typo/Abstände) kommt global aus custom.css
   - Subnav-Design kommt global aus custom.css
   - Diese Datei enthält nur seiten­spezifisches Layout (Content)
   ========================================================= */

/* ===========================================
   CONTENT / RHYTHMUS
   =========================================== */

.page-tierheilpraxis .thp-content{
  padding: 26px 0;
}

/* ===========================================
   ANGEBOTE – ZWEISPALTIG (Text | Bild)
   =========================================== */

.page-tierheilpraxis .thp-grid{
  display:grid !important;
  grid-template-columns: 1.2fr 1fr;
  gap: 18px;
  align-items: center;
}

/* Reverse-Variante */
.page-tierheilpraxis .thp-grid--reverse{
  grid-template-columns: 1fr 1.2fr;
}

.page-tierheilpraxis .thp-grid--reverse .thp-media{
  order: 1;
}
.page-tierheilpraxis .thp-grid--reverse .thp-text{
  order: 2;
}

/* Standard-Reihenfolge */
.page-tierheilpraxis .thp-text{
  order: 1;
}
.page-tierheilpraxis .thp-media{
  order: 2;
}

/* Bilder */
.page-tierheilpraxis .thp-media img{
  width:100%;
  height:auto;
  border-radius: 18px;
  display:block;
}

/* ===========================================
   MOBILE
   =========================================== */

@media (max-width: 900px){
  .page-tierheilpraxis .thp-grid,
  .page-tierheilpraxis .thp-grid--reverse{
    grid-template-columns: 1fr;
  }

  .page-tierheilpraxis .thp-text,
  .page-tierheilpraxis .thp-media{
    order: initial;
  }
}