/* TOJA · Kachel-Korrekturen
   ----------------------------------------------------------------------
   1) Leistungs-Kacheln im Kopfbereich der Startseite
      Diese Regeln stehen seit ÄNDERUNG 60.452 in css/kacheln-60452.css.
      Dort sitzt der Textblock oben in der Kachel, der Titel ist fest
      zweizeilig und die Linkzeile wird über "margin-top: auto" nach
      unten gedrückt. Damit stehen Titel und Linkzeile in allen vier
      Kacheln von selbst auf einer Linie - die frühere Ausmessung über
      js/kacheln.js und die Mindesthöhen an dieser Stelle sind dadurch
      überflüssig geworden und wurden entfernt. Ebenso die eigene
      Tönung: 60.452 bringt die Einfärbung der Live-Website mit.

   2) Kacheln, die beim Überfahren springen
      .cert und .gewerk holen ihre Breite aus flex-basis mit calc().
      Sobald die Maus darauf steht, verliert genau diese Kachel ihre
      flex-Angabe, wird breiter und schiebt die Nachbarn in die nächste
      Reihe - die Kachel rutscht unter der Maus weg, die Maus verlässt
      sie, alles springt zurück, und das Ganze von vorn. Eine zusätzlich
      gesetzte feste Breite macht die Kachel davon unabhängig: Sie behält
      ihr Maß, egal was mit flex-basis passiert. Die Werte sind dieselben
      wie im Seiten-CSS, die Darstellung ändert sich also nicht.
   ---------------------------------------------------------------------- */

/* ------------------------------------------- 2) Breite beim Überfahren */

.certs__grid > .cert {
	width: calc((100% - 2 * var(--certs-gap, 26px)) / 3) !important;
	min-width: 0 !important;
}

@media (max-width: 940px) {
	.certs__grid > .cert { width: calc((100% - var(--certs-gap, 16px)) / 2) !important; }
}

@media (max-width: 640px) {
	.certs__grid > .cert { width: calc(50% - 5px) !important; }
}

#pg-verkaufen .gewerk,
#pg-vermietung .gewerk {
	width: calc((100% - 6 * 16px) / 7) !important;
	min-width: 0 !important;
}

@media (max-width: 1240px) {
	#pg-verkaufen .gewerk,
	#pg-vermietung .gewerk { width: calc(25% - 12px) !important; }
}

@media (max-width: 640px) {
	#pg-verkaufen .gewerk,
	#pg-vermietung .gewerk { width: calc(50% - 5px) !important; }
}