/*==LEISTUNGEN SEITEN==*/

/*==AllE LEISTUNGEN AUFLISTUNG==*/
.beschreibung-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-height: 100%;
}

.image-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-height: 100%;
}

/*==DETAILSEITE LEISTUNG==*/
.blurb-icon-center .qx-element-blurb__media {
  display: flex;
  text-align: center;
  justify-content: center;
  margin-bottom: 10px;
}

.blurb-icon-center .qx-element-blurb__content {
  text-align: left;
}

.leistung-einleitung{
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  max-width: 650px;
  margin: 0 auto; 
}

.leistung-cta{
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  max-width: 860px;
  margin: 0 auto; 
  
}

.leistung-cta span,
.leistung-cta p {
	font-size: 22px !important;
}

.leistung-beschreibung span, 
.leistung-beschreibung p {
	font-size: 20px !important;
}

.blurb-icon-hover:hover .qx-element-blurb__media svg {
  transform: scale(1.2);
  transition: transform 0.3s ease;
}

.blurb-body-maxwidth .qx-element-blurb__body {	
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  max-width: 650px;
  margin: 0 auto; 
}

.blurb-body .qx-element-blurb__body {
	padding-top: 40px;
}
@media (max-width: 1450px) {
	.blurb-body .qx-element-blurb__body {
	padding-top: 0px;
	}
}

/*==BENSODERHIETN ROWS==*/
/* Quix setzt gerne inline min-height auf .qx-elements-wrap – das hebeln wir aus,
   aber NUR innerhalb unserer Gruppe */
.eq-group .eq-box .qx-elements-wrap[style*="min-height"]{
  min-height: auto !important;
}

/* Optional: Rahmen zum Kontrollieren – später löschen */
.eq-group .eq-box { outline: 1px dashed rgba(0,0,0,.1); }

/* Ab 768px und kleiner: untereinander, Bild oben, Text darunter */
@media (max-width: 768px) {
  /* beide Spalten sollen die volle Breite bekommen */
  .qx-row .image-center,
  .qx-row .beschreibung-center {
    width: 100% !important;
  }

  /* Reihenfolge festlegen */
  .qx-row .image-center.image-top { 
    order: 1;            /* zuerst: Bild */
  }
  .qx-row .beschreibung-center.beschreibung-bottom { 
    order: 2;            /* danach: Text */
  }
}

/*==HEADER SEKTION MOBIL BILD==*/
/* bis 768px: anderes BG-Bild für die Fahrzeugbau-Hero-Section */
@media (max-width: 1111px), (max-device-width: 1111px) {
  /* 1) über die ID – maximal spezifisch */
  .hero-image.hero-fahrzeugbau {
    background-image: url('/images/hesotec_metall_25/Fahrzeugbau/Actross-fassi-f100-7.jpg?v=2') !important;
    background-size: cover;      /* sicherheitshalber */
    background-position: center; /* sicherheitshalber */
    background-repeat: no-repeat;
  }
}
@media (max-width: 1111px), (max-device-width: 1111px) {
  .hero-image.hero-laser {
    background-image: url('/images/hesotec_metall_25/Leistungen/laser-schweissen/Blechbearbeitung_03_mobil.jpg') !important;
    background-size: cover;      /* sicherheitshalber */
    background-position: center; /* sicherheitshalber */
    background-repeat: no-repeat;
  }
}
@media (max-width: 1111px), (max-device-width: 1111px) {
  .hero-image.hero-drucker {
    background-image: url('/images/hesotec_metall_25/Leistungen/3d-druck/DSC07558.jpg') !important;
    background-size: cover;      /* sicherheitshalber */
    background-position: center; /* sicherheitshalber */
    background-repeat: no-repeat;
  } 
}

@media (max-width: 1111px), (max-device-width: 1111px) {
  .hero-image.hero-leistungen {
    background-image: url('/images/hesotec_metall_25/Leistungen/Alle%20Leistungen/alle-leistungen-head-image-mobile.png') !important;
    background-size: cover;      /* sicherheitshalber */
    background-position: center; /* sicherheitshalber */
    background-repeat: no-repeat;
  } 
}

@media (max-width: 1111px), (max-device-width: 1111px) {
  .hero-video.startseite.hero-start {
    background-image: url('/images/hesotec_metall_25/Allgemeine%20Fotos/startseite-head-mobil.jpg') !important;
    background-size: cover;      /* sicherheitshalber */
    background-position: center; /* sicherheitshalber */
    background-repeat: no-repeat;
  } 
}