/* ----------- Non-Retina Screens ----------- */
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1) { 
	  

	  
}

/* ----------- Retina Screens ----------- */
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (min-resolution: 192dpi) { 
	  

}


@media (min-width: 992px) and (max-width: 1199px) {
	

	
	
}

/* Big desktop (4k) */
@media only screen and (min-width: 2500px) {
	

	
}
/* Tablet */
@media (max-width: 1024px) {
    .slick-slide img {
        height: 70vh;
    }
}
/* Tablet - News 2 Karten nebeneinander */
@media (max-width: 1024px) {
    .news-list-view .article {
        width: calc(50% - 10px) !important;
    }

}

/* Navigation: Hamburger bis 1199px, Desktop-Menü erst ab 1200px */
@media (max-width: 1199px) {
  .mobilehead  { display: block !important; background: #000 !important; }
  .kopfbereich { display: none  !important; }

  #pageid1 .hero-scroll-down {
    display: none;
    }

  .mobilehead { display: block; background: #000; }
  .sticky { z-index: 100000; width: 100%; transform: none; position: sticky; top: 0; }
  .kopfbereich { display: none; }
  .menu-open .mobilehead { display: block; background: none; }
  .menu-open .mobilelogo { display: none; }
  .mobilelogo figure picture { display: inherit; }
  .mobilehead figure img { display: inherit; }
  .mobilelogo .frame { padding: 7px 0; }
  .hiddenmobile { display: none; }
  .logoicon, .line { display: none; }
  .mobilelogo img { max-width: 60%; }
    
}

@media (max-width: 991px) {
/* Ansprechpartner Card-Group Fix (frame-custom-33) */
	.frame-custom-33 .card-group-element {
		width: 100% !important;
	}

	.frame-custom-33 .card-group-element-item {
		flex: 1 1 100% !important;
		max-width: 100% !important;
		margin-bottom: 20px !important;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
  .frame-custom-33 .card-body > p:first-of-type {
    font-size: 11px !important;
}
}

@media (min-width: 768px) and (max-width: 991px) {
  .frame-custom-41 .card-img-top,
  .frame-custom-41 .card-img-top picture img {
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .row:has(.frame-custom-12) > [class*="col-"] {
    flex: 0 0 50% !important;
    width: 50% !important;
  }
}

/* Produktseiten: Darstellungsfehler 768-991px beheben, Bereich soll wie <=767px aussehen */
@media (min-width: 768px) and (max-width: 991px) {
  /* Text & Bild: Theme-CSS erzwingt ab 768px zwei 50%-Spalten (.textpic-item),
     die bei Tablet-Spaltenbreite zu schmal sind und umbrechen -> stattdessen
     wie im Smartphone-Layout volle Breite und Stapelung. */
  .textpic-right .textpic-item,
  .textpic-left .textpic-item {
    width: 100% !important;
  }

  /* Downloads (frame-custom-40): Bootstrap col-md-6 macht die Zeile "Hauptmerkmale"/
     "Downloads" ab 768px zweispaltig, wodurch die Download-Kacheln zu schmal werden
     und der Buttontext umbricht -> Spalten wie im Smartphone-Layout volle Breite. */
  .row:has(.frame-custom-40) > [class*="col-"] {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  .frame-custom-40 .card-group-element-item {
    width: 100% !important;
    flex: 0 0 100% !important;
  }
}