/*
Theme Name:  Twenty Fifteen BeraLab
Template:    twentyfifteen
Description: Child-Theme mit dem BeraLab-Farbschema (Variante A) und dem Seiten-Template „Sorgstadt-Portal“.
Version:     1.13
Text Domain: twentyfifteen-beralab
*/

/* Links im Inhaltsbereich und Footer: eigene Akzentfarbe.
   Das Theme setzt Text- und Linkfarbe sonst identisch. */
#content a,
.site-footer a {
	color: #1F5FA8;
	border-bottom-color: #1F5FA8;
}

#content a:hover,
#content a:focus,
.site-footer a:hover,
.site-footer a:focus {
	color: #143F73;
	border-bottom-color: #143F73;
}

/* ------------------------------------------------------------------
   Sorgstadt-Portal (body.sorgstadt-portal, gesetzt vom Seiten-Template)
   ------------------------------------------------------------------ */

/* Sorgstadt hat eine eigene Farbe: Anthrazit (#23272E) statt BeraLab-Blau.
   Neutraler „Verwaltungs“-Ton, deutlich unterscheidbar; Begleittöne entsprechend
   entsättigt. (Zuvor erprobt: Tannengrün #1B5A45 mit Begleittönen #8FCDB4/#BBCEC7.) */
.sorgstadt-portal .site-header {
	background-color: #23272E;   /* mobile Kopfleiste */
}

@media screen and (min-width: 59.6875em) {
	body.sorgstadt-portal:before {
		background-color: #23272E;   /* linke Sidebar-Spalte (Twenty Fifteen färbt sie über body:before) */
	}
}

/* Schwelle: Oberkante der Inhaltsbox markiert den Portalbereich. */
.sorgstadt-portal .site-main > .hentry {
	border-top: 6px solid #B1B7C3;
}

/* Sidebar: Wappen, Portaltitel, Rücklink */
.sorgstadt-portal .site-branding .custom-logo-link {
	display: inline-block;
	margin-bottom: 0.5em;
}

.sorgstadt-portal .site-description {
	color: #BDC1CC;
}

.sorgstadt-portal .sorgstadt-zurueck {
	margin: 1.5em 0 0;
	font-size: 14px;
	font-size: 1.4rem;
}

/* Mobil liegt das aufgeklappte Menü auf weißem Grund: Linkfarbe des Inhalts */
.sorgstadt-portal .sorgstadt-zurueck a {
	color: #1F5FA8;
	border-bottom: 1px solid #1F5FA8;
}

/* Desktop-Sidebar (dunkel): gleiche Einzüge wie Menü und Widgets des Eltern-Themes */
@media screen and (min-width: 59.6875em) {
	.sorgstadt-portal .sorgstadt-zurueck {
		margin: 0 20% 20%;
		font-size: 12px;
		font-size: 1.2rem;
	}

	.sorgstadt-portal .sorgstadt-zurueck a {
		color: #BDC1CC;
		border-bottom-color: #BDC1CC;
	}

	.sorgstadt-portal .sorgstadt-zurueck a:hover,
	.sorgstadt-portal .sorgstadt-zurueck a:focus {
		color: #FFFFFF;
		border-bottom-color: #FFFFFF;
	}
}

@media screen and (min-width: 68.75em) {
	.sorgstadt-portal .sorgstadt-zurueck {
		font-size: 14px;
		font-size: 1.4rem;
	}
}

/* Fiktionshinweis unter dem Inhalt (Fiktionsvertrag bleibt explizit) */
.sorgstadt-portal .sorgstadt-hinweis {
	margin: 0 8.3333% 8.3333%;
	padding: 1em 0 0;
	border-top: 1px solid #E4EBF2;
	color: #606B75;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.5;
}

@media screen and (min-width: 55em) {
	.sorgstadt-portal .sorgstadt-hinweis {
		margin: 0 8.3333% 8.3333%;
	}
}

/* Amtliches Schreiben (Einstellungsschreiben u. Ä.): Block mit Klasse „sorgstadt-schreiben“ */
.sorgstadt-portal .sorgstadt-schreiben {
	border: 1px solid #E4EBF2;
	padding: 1.5em 1.75em;
	margin: 1.5em 0;
	background: #FFFFFF;
}

.sorgstadt-portal .sorgstadt-schreiben .absender {
	color: #1B3A5C;
	font-weight: 700;
	margin-bottom: 0.25em;
}

.sorgstadt-portal .sorgstadt-schreiben .datum {
	color: #606B75;
	text-align: right;
	margin-bottom: 1.5em;
}


/* ------------------------------------------------------------------
   Navigation: nur der aktive Bereich ist aufgeklappt
   Beim Aufruf einer Seite sind die Unterpunkte des Bereichs sichtbar,
   zu dem die Seite gehoert; alle anderen Bereiche bleiben zu. Ein Klick
   auf einen anderen Hauptpunkt oeffnet dessen Seite und damit dessen
   Unterpunkte, der vorherige Bereich schliesst sich. Die Pfeil-Knoepfe
   des Eltern-Themes entfallen ganz.
   ------------------------------------------------------------------ */
.main-navigation .current-menu-item > ul,
.main-navigation .current-menu-parent > ul,
.main-navigation .current-menu-ancestor > ul,
.main-navigation .current_page_item > ul,
.main-navigation .current_page_parent > ul,
.main-navigation .current_page_ancestor > ul {
	display: block !important;
}

.main-navigation .dropdown-toggle {
	display: none !important;
}

/* Platz, den das Eltern-Theme fuer den Pfeil-Knopf freihaelt, zurueckgeben */
.main-navigation .menu-item-has-children > a {
	padding-right: 0;
}

/* ------------------------------------------------------------------
   Arbeitshilfe-Karten (Block-Muster „Arbeitshilfe (PDF-Download)“)
   Karte mit Art-Kennung, Titel, Zweck, Metazeile und Download-Knopf.
   Einfügen im Editor über + → Muster → Sorgstadt.
   ------------------------------------------------------------------ */
.sorgstadt-karte {
	border: 1px solid #E4EBF2;
	border-left: 5px solid #1B3A5C;
	background: #FFFFFF;
	padding: 1.1em 1.5em 1.25em;
	margin: 1.5em 0;
}

/* Art-Kennung (Merkblatt, Formular …): klein, Versalien, Akzentblau, dicht am Titel */
.sorgstadt-karte .karte-art {
	color: #1F5FA8;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	margin-bottom: 0;
	line-height: 1.4;
}

.sorgstadt-karte h3,
.sorgstadt-karte h4 {
	margin-top: 0;
	margin-bottom: 0.75em;
	color: #1B3A5C;
}

.sorgstadt-karte .karte-zweck {
	margin-bottom: 1em;
}

/* Metazeile: grau, durch Haarlinie vom Text getrennt */
.sorgstadt-karte .karte-meta {
	color: #606B75;
	font-size: 13px;
	font-size: 1.3rem;
	border-top: 1px solid #E4EBF2;
	padding-top: 0.9em;
	margin-bottom: 0.9em;
}

.sorgstadt-karte .wp-block-buttons {
	margin-bottom: 0;
}

#content .sorgstadt-karte .wp-block-button__link {
	background: #1B3A5C;
	color: #FFFFFF;
	border: 0;
	border-radius: 3px;
	padding: 0.65em 1.3em;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

#content .sorgstadt-karte .wp-block-button__link:hover,
#content .sorgstadt-karte .wp-block-button__link:focus {
	background: #1F5FA8;
	color: #FFFFFF;
}