/* fast project : Bildschirmdarstellung
   Aufbau: Dienstzeile, Kopf mit Reitern, linke Leiste, Inhalt.
   Bereichsfarben stehen ganz unten. */

html, body, div, p, ul, ol, table, img, figure { padding: 0; margin: 0; }
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100.01%;
	background: #fff;
	color: #333;
}
.rk-sprung { position: absolute; left: -2000px; font-size: .7em; }
.rk-sprung:focus { left: 4px; top: 4px; background: #fff; padding: 2px 5px; z-index: 5; }

/* Dienstzeile oben rechts */
#rk-dienst { width: 59.4em; text-align: right; margin-top: 2px; padding-top: 2px; height: 1.2em; }
#rk-dienst ul { display: inline; list-style: none; }
#rk-dienst li { display: inline; font-size: .7em; }
#rk-dienst a { color: #333; text-decoration: none; border-right: 1px solid #999; padding: 0 4px; }
#rk-dienst a:hover, #rk-dienst a:focus { color: #22303c; background: #d9d4c7; }

/* Kopf: Band läuft über die ganze Fensterbreite */
#rk-kopf { background: #5b6670; height: 5em; white-space: nowrap; position: relative; }
#rk-kopf .rk-marke { position: absolute; left: 0; top: 0; width: 196px; height: 5em; background: #fff; display: block; }
#rk-kopf .rk-marke svg { display: block; width: 196px; height: 80px; }
.rk-reiter { list-style: none; position: absolute; left: 212px; bottom: 0; font-size: .75em; }
.rk-reiter li { display: inline; }
.rk-reiter a { display: inline-block; font-weight: bold; color: #fff; background: #2f363d; text-decoration: none; padding: 4px 8px 2px 8px; border-right: 2px solid #fff; }
.rk-reiter li:first-child a { border-left: 2px solid #fff; }
.rk-reiter a:hover, .rk-reiter a:focus { color: #000; }
.rk-kopfbild { position: absolute; left: 640px; top: 0; width: 312px; height: 80px; }
.rk-kopfbild svg { display: block; }
#rk-kopf + .rk-farbkante { height: 4px; }

/* Linke Leiste */
#rk-leiste { float: left; width: 196px; background: #5b6670; margin-top: 0; }
.rk-dunkel { background: #2f363d; }
.rk-leiste-oben { padding-top: 16px; background: #5b6670; }
.rk-bereichskopf { font-size: .76em; font-weight: bold; color: #fff; padding: 4px; border-bottom: 1px solid #1d2329; }
#rk-leiste ul { list-style: none; margin: 16px 8px 0 0; }
#rk-leiste li { margin-left: 8px; padding: .28em 0; font-size: .7em; }
#rk-leiste li a { color: #fff; text-decoration: none; display: block; padding-right: 2px; }
#rk-leiste li a:hover, #rk-leiste li a:focus { background: #8c7a52; }
#rk-leiste li.rk-hier > a { font-weight: bold; }
.rk-navabstand { height: 40px; }
.rk-leistennotiz { padding: 9px 8px 11px 8px; color: #fff; font-size: .7em; line-height: 1.35em; }
.rk-leistennotiz a { color: #fff; }
.rk-leiste-unten { padding-bottom: 20px; }

/* Inhalt (Artikelseiten) */
#rk-inhalt { margin-left: 14.2em; margin-top: 20px; max-width: 37.5em; color: #333; }
#rk-inhalt.rk-breit { max-width: 45em; margin-top: 15px; }
h1, h2, h3 { margin: 0; padding: 0; font-weight: bold; color: #22303c; }
h1 { font-size: 1em; margin-top: 1.8em; }
#rk-inhalt > h1:first-child, .rk-pfad + h1 { margin-top: .9em; }
h2 { font-size: .9em; margin-top: 1.6em; }
h3 { font-size: .78em; margin-top: 1.4em; }
h1 + h2 { margin-top: .8em; }
p { font-size: .75em; line-height: 1.4em; margin-top: .8em; }
#rk-inhalt ul, #rk-inhalt ol { font-size: .75em; line-height: 1.4em; margin: .5em 0 0 2.2em; }
#rk-inhalt li { padding-top: 3px; }
#rk-inhalt li p { font-size: 1em; }
#rk-inhalt a:link { color: #22303c; }
#rk-inhalt a:visited { color: #5a4a22; }
#rk-inhalt a:hover { background: #d9d4c7; }
.rk-pfad { font-size: .66em; color: #666; }
.rk-pfad a:link, .rk-pfad a:visited { color: #666 !important; text-decoration: none; }
.rk-vorspann { font-style: italic; }
.rk-stand { font-size: .66em; color: #777; margin-top: 1.6em; }

/* Bilder: links umflossen wie im Vorbild, einmal breit */
.rk-bildlinks { float: left; width: 295px; margin: 12px 16px 8px 0; }
.rk-bildlinks img { width: 295px; height: auto; display: block; }
.rk-bildbreit { margin: 14px 0 4px 0; }
.rk-bildbreit img { width: 100%; height: auto; display: block; }
.rk-bildzeile { font-size: .66em; color: #555; margin-top: 3px; line-height: 1.3em; }
.rk-schema { margin: 16px 0 6px 0; }
.rk-schema svg { width: 100%; height: auto; display: block; }
.rk-klar { clear: both; }

/* Tabellen */
#rk-inhalt table { margin-top: 20px; border-collapse: collapse; width: 100%; }
#rk-inhalt caption { caption-side: top; text-align: left; font-size: .8em; font-weight: bold; color: #22303c; padding: 1em 0 5px 0; }
#rk-inhalt th { font-size: .7em; line-height: 1.5em; color: #22303c; text-align: left; padding: 2px 2px 2px 4px; border: 1px solid #333; }
#rk-inhalt td { font-size: .7em; line-height: 1.4em; vertical-align: top; padding: 2px 2px 2px 4px; border: 1px solid #999; }

/* Glossar */
#rk-inhalt dl { margin-top: 10px; }
#rk-inhalt dt { font-size: .75em; font-weight: bold; color: #22303c; margin-top: 1em; }
#rk-inhalt dd { font-size: .75em; line-height: 1.4em; margin: .3em 0 0 2em; }
.rk-az { font-size: .78em; letter-spacing: 3px; background: #f1efe9; padding: 0 4px 2px 4px; }

/* Quellenliste */
ol.rk-quellen li { padding-top: 6px; }
.rk-quellen cite { font-style: normal; font-weight: bold; }

/* Startseite: Meldungsspalte links, Kasten rechts */
#rk-start { margin-left: 14.2em; margin-top: 15px; max-width: 45em; }
.rk-meldungen { float: left; width: 30.5em; margin: 5px 6px 0 0; padding-bottom: 20px; }
.rk-meldungen h2 { font-size: .9em; margin: 0; padding: 2px 4px 2px 0; }
.rk-meldungen p.rk-weiter { text-align: right; margin-top: 0; }
.rk-meldungen p.rk-weiter a { text-decoration: none; }
.rk-meldungen p.rk-weiter a:hover { text-decoration: underline; }
.rk-trenner { border-top: 1px dashed #ccc; margin: 6px 0 9px 0; }
.rk-aufmacher img { width: 447px; max-width: 100%; height: auto; display: block; margin: 0 0 4px 24px; }
.rk-einstieg { font-size: .78em; color: #22303c; }
.rk-randkasten { float: left; margin: 5px 0 0 20px; padding: 5px; max-width: 12em; border: 1px solid #2f363d; }
.rk-randkasten h2 { font-size: .8em; color: #000; margin: 0; display: inline; }
.rk-randkasten p { font-size: .7em; padding-bottom: 1em; }
.rk-randkasten a { color: #2f363d; text-decoration: none; }
.rk-randkasten a:hover { text-decoration: underline; }
.rk-meldungen a:link, .rk-meldungen a:visited { color: #22303c; }

/* Fuss */
.rk-linie { margin: 10px 0 0 220px; border-top: 2px solid #c9c9c9; max-width: 732px; clear: both; }
.rk-copy { margin: 10px 0 24px 220px; font-size: .7em; color: #333; }
.rk-copy a { color: #333; }

/* Bereichsfarben (Reiter, Kopf der Leiste, Kante unter dem Kopf, Überschriften der Startseite) */
.rk-f-grundlagen { background: #b4842c; }
.rk-f-infrastruktur { background: #4d7690; }
.rk-f-praxis { background: #73803d; }
.rk-f-mensch { background: #9c5670; }
.rk-f-quellen { background: #6a6f75; }
.rk-reiter a.rk-an.rk-f-grundlagen, .rk-reiter a.rk-f-grundlagen:hover { background: #b4842c; }
.rk-reiter a.rk-an.rk-f-infrastruktur, .rk-reiter a.rk-f-infrastruktur:hover { background: #4d7690; }
.rk-reiter a.rk-an.rk-f-praxis, .rk-reiter a.rk-f-praxis:hover { background: #73803d; }
.rk-reiter a.rk-an.rk-f-mensch, .rk-reiter a.rk-f-mensch:hover { background: #9c5670; }
.rk-reiter a.rk-an.rk-f-quellen, .rk-reiter a.rk-f-quellen:hover { background: #6a6f75; }
.rk-reiter a { background: #2f363d; }
.rk-t-grundlagen { color: #8f6519 !important; }
.rk-t-infrastruktur { color: #3a5f77 !important; }
.rk-t-praxis { color: #57632a !important; }
.rk-t-mensch { color: #82425a !important; }
/* .rk-t-quellen { color: #505050; } bisher nicht gebraucht */

/* schmale Bildschirme */
@media screen and (max-width: 46em) {
	body { font-size: 112%; display: flex; flex-direction: column; }
	#rk-dienst { width: auto; height: auto; padding: 2px 6px; text-align: left; }
	#rk-dienst li { display: inline-block; margin-bottom: 3px; }
	/* Leiste auf dem Handy unter den Text schieben */
	#rk-leiste { order: 5; margin-top: 18px; }
	.rk-linie { order: 6; }
	.rk-copy { order: 7; }
	#rk-kopf { height: auto; white-space: normal; padding-top: 80px; }
	#rk-kopf .rk-marke { width: 100%; }
	.rk-kopfbild { display: none; }
	.rk-reiter { position: static; padding: 6px 0 0 0; }
	.rk-reiter a { margin-bottom: 4px; }
	.rk-reiter li:first-child a { border-left: 0; }
	#rk-leiste { float: none; width: auto; }
	.rk-navabstand { height: 10px; }
	#rk-inhalt, #rk-inhalt.rk-breit, #rk-start { margin: 12px 12px 0 12px; max-width: none; }
	.rk-meldungen { float: none; width: auto; margin-right: 0; }
	.rk-randkasten { float: none; margin: 10px 0 0 0; max-width: none; }
	.rk-aufmacher img { margin-left: 0; }
	.rk-bildlinks { float: none; width: auto; margin-right: 0; }
	.rk-bildlinks img { width: 100%; }
	.rk-linie, .rk-copy { margin-left: 12px; margin-right: 12px; }
	.rk-tabelle { overflow-x: auto; }
}