@charset "UTF-8";
/*
*
* Trunk version 1.2.2 – Teil: 7. Networker Custom (Overrides)
*
*/

/* =========================================================================
   NETWORKER TECHNOLOGIES – Navigations-Anpassungen
   Ziel:
   1) Am Handy muessen ALLE Menuepunkte sichtbar sein (kein "..."-Overflow).
   2) Am Desktop/Tablet stehen "Workshops" und "Anwendungen" rechtsbuendig
      rechts vom mittigen Logo.
   Umsetzung:
   - Die beiden Punkte stehen nur EINMAL im Markup (Klasse .nav-movable),
     regulaer in der rechten Nav-Spalte.
   - main.js verschiebt sie im Handy-Layout ("rd-navbar-fixed") in die linke
     Hauptnavigation und beim Wechsel zurueck ins Desktop-Layout wieder
     zurueck nach rechts.
   ========================================================================= */

/* --- Handy: leere rechte Spalte ausblenden ---------------------------- */
/* Nach dem Umhaengen ist die rechte Spalte leer. Ohne diese Regel wuerde
   ihr .rd-navbar-nav-wrap im fixed-Layout als zweites Slide-Panel
   ueber dem eigentlichen Menue liegen.
   WICHTIG: Die Regel greift nur zusammen mit der Klasse .nav-js-ready, die
   main.js nach erfolgreichem Umhaengen setzt. Sollte das Javascript einmal
   nicht laufen, bleibt die rechte Spalte sichtbar - die Menuepunkte sind
   dann zwar nicht optimal platziert, aber niemals unerreichbar. */
.nav-js-ready.rd-navbar-fixed .rd-navbar-aside-right,
.nav-js-ready.rd-navbar-sidebar .rd-navbar-aside-right {
	display: none !important;
}

/* --- Desktop (static, Logo mittig): rechte Spalte rechtsbuendig -------- */
.rd-navbar-centered .rd-navbar-static .rd-navbar-aside-right {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.rd-navbar-static .rd-navbar-aside-right .rd-navbar-nav-wrap {
	width: 100%;
}

.rd-navbar-static .rd-navbar-aside-right .rd-navbar-nav {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	white-space: nowrap;
	text-align: right;
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Dropdowns der rechten Spalte nach links oeffnen, damit sie nicht ueber
   den rechten Bildschirmrand hinauslaufen */
.rd-navbar-static .rd-navbar-aside-right .rd-navbar-nav > li > .rd-navbar-dropdown {
	right: 0;
	left: auto;
}

/* Letzten Menuepunkt buendig an den rechten Rand ziehen */
.rd-navbar-static .rd-navbar-aside-right .rd-navbar-nav > li:last-child {
	margin-right: 0;
}

/* --- Tablet (fullwidth): ebenfalls rechtsbuendig ---------------------- */
.rd-navbar-centered .rd-navbar-fullwidth .rd-navbar-aside-right {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin-top: 0;
	flex-grow: 1;
}

.rd-navbar-fullwidth .rd-navbar-aside-right .rd-navbar-nav {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	white-space: nowrap;
	text-align: right;
	margin: 0;
	padding: 0;
	list-style: none;
}

.rd-navbar-fullwidth .rd-navbar-aside-right .rd-navbar-nav > li > .rd-navbar-dropdown {
	right: 0;
	left: auto;
}

.rd-navbar-fullwidth .rd-navbar-aside-right .rd-navbar-nav > li:last-child {
	margin-right: 0;
}

/* =========================================================================
   VORTEILE-BOXEN (our-advantages-landingpage) – gleiche Boxhoehe
   Ziel:
   Die vier .box-minimal in der Vorteile-Sektion sollen unabhaengig von der
   Textlaenge gleich hoch sein, damit die untere Trennlinie (hr) auf einer
   Linie steht.
   Hintergrund:
   .range ist bereits display:flex mit dem Flexbox-Standard align-items:
   stretch, die Zellen (.cell-sm-6) sind also schon gleich hoch. Es fehlt
   lediglich height:100% auf .box-minimal selbst, sonst haelt die Box nur
   so viel Hoehe wie ihr Inhalt braucht und richtet sich nicht am
   Zellenrand aus. Nur fuer die our-advantages-landingpage-Sektion
   anwenden (unterscheidbar am umgebenden .box-minimal-border), nicht
   projektweit fuer alle .box-minimal-Vorkommen.
   ========================================================================= */
.box-minimal-border {
	height: 100%;
	display: flex;
	flex-direction: column;
}

.box-minimal-border .box-minimal-text {
	flex-grow: 1;
}

/* =========================================================================
   NAVIGATION – Duplikate der Top-Level-Punkte ausblenden
   Ziel:
   Die drei Punkte "Datenschutz & KI", "Workshops" und "Anwendungen" liegen
   in StdMenuMain bewusst doppelt vor: einmal mit .nav-mobile-only in
   .rd-navbar-aside-left (fuer das Hamburger-Menue am Handy) und einmal in
   .rd-navbar-aside-right (rechtsbuendig am Desktop).
   Problem:
   .nav-mobile-only ist eine eigene, projekteigene Klasse und kommt im
   Template-CSS nicht vor. Es existierte bisher KEINE Regel, die sie am
   Desktop versteckt, deshalb erschienen die drei Punkte dort doppelt.
   Loesung:
   In den Desktop-Layouts (rd-navbar-static und rd-navbar-fullwidth, per JS
   je nach Breite an <nav> gesetzt) werden die Duplikate ausgeblendet. Im
   Handy-Layout (rd-navbar-fixed) bleiben sie sichtbar, dort ist umgekehrt
   .rd-navbar-aside-right per Template-CSS versteckt.
   Nachtrag (12.08.2026): Die Regel griff live trotzdem nicht. Ursache:
   5-plugins.css enthaelt ".rd-navbar-static .rd-navbar-nav > li,
   .rd-navbar-fullwidth .rd-navbar-nav > li { display: inline-block; ... }".
   Durch den zusaetzlichen Typ-Selektor "li" hat diese Regel eine hoehere
   Spezifitaet (2 Klassen + 1 Typ) als unsere (nur 2 Klassen) und gewinnt
   unabhaengig von der Ladereihenfolge. Deshalb hier wie schon bei
   .rd-navbar-aside-right oben mit !important arbeiten. */
.rd-navbar-static .nav-mobile-only,
.rd-navbar-fullwidth .nav-mobile-only {
	display: none !important;
}

/* =========================================================================
   Box-Titel-Abstaende (Review 11.08.2026)
   Regel: Titel INNERHALB der Box -> unveraendert.
   Titel OBERHALB der Box -> Abstand halbiert (siehe * + .box-classic in
   2-components.css, 60px -> 30px).
   Abstand zwischen einer Box und dem Titel der folgenden Box -> verdoppelt
   (vorher ca. 15px, jetzt 30px).
   Grenzfall "Team und Kapazitaet" (SEITE-FRAME_ueber-uns) nutzt eine eigene
   Klasse, da dort statt .box-classic die generische .range-Regel greift.
   ========================================================================= */

/* Regel 3: Abstand zwischen Box und Titel der folgenden Box, verdoppelt.
   Variante fuer Boxen, die IMMER untereinander stehen (gleiche Spalte oder
   Zeilenumbruch, unabhaengig von der Bildschirmbreite). */
.box-unit-gap-fixed {
	margin-top: 30px;
}

/* Variante fuer Boxen, die nebeneinander stehen, sobald die Spalten ab
   cell-md-* (min-width 992px) nebeneinander rutschen. Der Abstand gilt nur,
   solange die Boxen untereinander (gestapelt) angezeigt werden. */
.box-unit-gap-md {
	margin-top: 30px;
}
@media (min-width: 992px) {
	.box-unit-gap-md {
		margin-top: 0;
	}
}

/* Variante fuer Boxen, die bereits ab cell-sm-* (min-width 768px)
   nebeneinander stehen. */
.box-unit-gap-sm {
	margin-top: 30px;
}
@media (min-width: 768px) {
	.box-unit-gap-sm {
		margin-top: 0;
	}
}

/* Regel 2, Grenzfall "Team und Kapazitaet" (ueber-uns): Abstand zwischen
   Sektions-Titel und der einzelnen Box, halbiert (vorher 30/35/50px ueber
   * + .range, jetzt 15/18/25px). */
.range-title-gap-half {
	margin-top: 15px;
}
@media (min-width: 992px) {
	.range-title-gap-half {
		margin-top: 18px;
	}
}
@media (min-width: 1600px) {
	.range-title-gap-half {
		margin-top: 25px;
	}
}

/* 16.08.2026: CTA-Boxen auf hellem Hintergrund.
   Das Template setzt .box-cta-title auf #DAE8FC und .box-cta auf #838386
   (2-components.css, Zeilen 4103 und 4115). Beide Werte sind fuer dunkle
   Sektionen gedacht (bg-gradient-1, bg-gray-darker) und dort korrekt.
   Auf hellen Sektionen ist der Titel praktisch unsichtbar und der
   Fliesstext verstoesst gegen die Projektregel "Textfarbe #000000 in
   Content-Boxen".
   Loesung: Modifier-Klasse am Container <div class="box-cta ... box-cta-light">.
   Spezifitaet 0-2-0 schlaegt die Template-Regeln 0-1-0, kein !important.
   Erster Einsatz: /de/migrationen, Block "Sie starten gerade erst durch?" */
.box-cta-light .box-cta-title {
	color: #1432A0;
}

.box-cta.box-cta-light {
	color: #000000;
}

/* 16.08.2026: Abstand vor Titeln, die im Fliesstext stehen.
   Das Template vergibt Titeln keinen oberen Aussenabstand. Steht ein
   Titel als eigenstaendige Sektionsueberschrift, faengt das der
   Abstand der Sektion ab. Folgt er dagegen unmittelbar auf Fliesstext,
   eine Liste oder eine Badge-Zeile, klebt er am Absatz darueber.
   Gilt nur fuer Titel OHNE Klasse: Box- und Kacheltitel
   (thumbnail-classic-title, box-cta-title, box-minimal-title) bringen
   ihre eigenen Abstaende mit und werden ueber :not([class]) bewusst
   ausgenommen. */
p + h2:not([class]),
ul + h2:not([class]),
ol + h2:not([class]),
article + h2:not([class]),
.box-classic + h2:not([class]) {
	margin-top: 35px;
}

p + h3:not([class]),
ul + h3:not([class]),
ol + h3:not([class]),
article + h3:not([class]),
.box-classic + h3:not([class]) {
	margin-top: 25px;
}

@media (min-width: 992px) {
	p + h2:not([class]),
	ul + h2:not([class]),
	ol + h2:not([class]),
	article + h2:not([class]),
	.box-classic + h2:not([class]) {
		margin-top: 50px;
	}

	p + h3:not([class]),
	ul + h3:not([class]),
	ol + h3:not([class]),
	article + h3:not([class]),
	.box-classic + h3:not([class]) {
		margin-top: 35px;
	}
}