/* ============================================================
   ICT Berlin Softwareentwicklung
   Sektion auf der Startseite, direkt nach den IT-Dienstleistungen.

   Bewusst sehr wenig CSS: Das Markup ist identisch zur
   Theme-Sektion "Services", deshalb greifen alle Kachelregeln aus
   ict-berlin-startseite-d.css (Rahmen, Icon links, ausgeblendete
   Kurztexte, Hover, orange CTA-Kachel) ohne Wiederholung. Hier
   steht nur, was sich unterscheiden soll.
   ============================================================ */

/* Hintergrund. Die Sektion darueber (IT-Dienstleistungen) ist weiss,
   die darunter (Aktuelles) ebenfalls; zwei weisse Flaechen liefen
   ineinander. Grau setzt die Sektion ab und stellt den Wechsel
   weiss/grau der uebrigen Startseite wieder her. Der Wert ist die
   Theme-Flaeche, dieselbe wie bei "Leistungen" und FAQ.

   Vier Klassen, weil ict-berlin-startseite-d.css der Services-Sektion
   mit drei Klassen (.screenr-section.section-services.section-meta)
   ausdruecklich Weiss zuweist. */
.screenr-section.section-services.section-meta.ict-swe-section {
	background-color: #f8f9f9;
}

/* Der obere Innenabstand der Vorgaengersektion und der untere dieser
   Sektion stossen sonst zu zwei vollen Abstaenden zusammen. Die
   Theme-Klasse section-padding-lg bleibt erhalten, damit die Hoehen
   der Sektionen untereinander gleich bleiben. */
.ict-swe-section .section-title-area {
	margin-bottom: 46px;
}

/* Das Kachelraster ist ein Float-Layout: .row ist display:block, die
   Spalten floaten nach links. Sind zwei Kacheln einer Reihe
   unterschiedlich hoch (zweizeilige Titel), haengt die erste Kachel
   der naechsten Reihe an der hoeheren fest, statt links zu beginnen.
   clear erzwingt echte Reihen. */
.ict-swe-section .services-content .row > [class*="col-"]:nth-child(4n+1) {
	clear: left;
}

/* Abschlusskachel ueber die volle Breite, wenn sie sonst allein in
   einer Reihe staende (PHP vergibt dafuer col-sm-12). Inhalt mittig,
   damit sie als Abschluss wirkt und nicht wie eine angebrochene Reihe. */
.ict-swe-section .services-content .ict-swe-breit .card.service__media-icon {
	justify-content: center;
	min-height: 74px;
}

/* Die letzte Reihe braucht keinen Abstand nach unten mehr. */
.ict-swe-section .services-content .row > [class*="col-"]:last-child .card {
	margin-bottom: 0;
}

@media (max-width: 767px) {
	/* Einspaltig: clear ist wirkungslos, der Abstand gilt wieder fuer
	   jede Kachel ausser der letzten. */
	.ict-swe-section .services-content .row > [class*="col-"]:nth-child(4n+1) {
		clear: none;
	}
	.ict-swe-section .services-content .ict-swe-breit .card.service__media-icon {
		justify-content: flex-start;
	}
}