/*
Allen class- und id-Selektoren wird das dazugehörige Element vorangestellt, weil dann das Stylesheet besser lesbar und somit wartbar ist

Alle Farben werden mit "F: " eingeleitet, damit sie leicht auffindbar sind
*/

figure.kurzbefehl {
	display: table;
	width: 1px; /* Irgeneine Breite, die zuverlaessig geringer als as das schmalste Bild */
	margin-left: 0; margin-right: 0; /*Zurücksetzen des linken und rechten Abstandes*/
} 
figure.kurzbefehl img{ width: 4rem } 

figure.kurzbefehl img{ border-style: none }

figure.kurzbefehl figcaption { text-align: center }



thead th, tfoot td, thead tr.caption th { background-color: rgb(198, 190, 166) }/*F: braun-b*/

th { background-color: rgb(224, 218, 199) }/*F: braun-c*/

td, pre, nav#quicktoc, nav#fulltoc, blockquote, kbd { background-color: rgb(236, 237, 228) }/*F: braun-d*/

div.strong, div.aehnlich, table.effiziente-bedienung td.angepasst, table.effiziente-bedienung strong.angepasst, table.effiziente-bedienung span.angepasst { background-color: rgb(235, 228, 195) }/*F: braun-e*/

body, table.numblock td { background-color: rgb(255, 255, 244) }/*F: braun-f*/

table.effiziente-bedienung td.gesucht, table.effiziente-bedienung strong.gesucht { background-color: rgb(200, 200, 200) }/*F: grau-b*/

/*table.effiziente-bedienung td.empf, table.effiziente-bedienung strong.empf { background-color: rgb(181, 255, 157) }*//*F: grün*//*Kam in nun nicht mehr vorhandener Tabelle für Mausgesten vor*/

input[name=q] { background-image: url(/css/lupe-suche.png) }

input[name=q] { background-position: center right }

input[name=q] { background-repeat: no-repeat }

input[name=q] { background-size: 1.50em 1.50em }

table { border-collapse: collapse }

td, th { border-color: rgb(255, 255, 244) }/*F: braun-f*/

img { border-color: rgb(198, 190, 166) /*F: braun-b*/ }

input[name=q] { border-color: rgb(236, 237, 228) } /*F: braun-d*/

table.numblock td { border-color: rgb(128, 128, 128) }/*F: grau-a*/

kbd { border-top-color: rgb(200, 200, 200); border-left-color: rgb(200, 200, 200); }/*F: grau-a*/

kbd { border-right-color: rgb(128, 128, 128); border-bottom-color: rgb(128, 128, 128); }/*F: grau-b*/

kbd { border-radius: 0.20em }

img, kbd, td, th, input[name=q] { border-style: solid }

img.tipp-logo{ border-style: none }

img, input[name=q], table.numblock td { border-width: 1px }

td, th { border-width: 2px }

kbd { border-top-width: 1px; border-left-width: 1px; }

kbd { border-right-width: 2px; border-bottom-width: 2px; }

*, *::before, *::after { box-sizing: border-box } /*Reset*/

body { color: black }

a:link, body#home nav#sitemap li::before { color: rgb(0, 90, 156) }/*F: blau*/

a:link code, a:link strong, a:link em { color: inherit } /*F: blau*//*Die Kindelemente sollen die Farbe ihres Eltern-Elementes annehmen*/

h1, h2, h3, h4, h5, strong { color: rgb(72, 73, 42) }/*F: braun-a*/

h1 a:link, h1 a:visited, h1 a:hover, h2 code, h3 code, h4 code, h5 code { color: inherit } /*F: braun-a*/ /*Die Kindelemente sollen die Farbe ihres Eltern-Elementes annehmen*/

thead tr.caption th, thead th { color: rgb(255, 255, 244) }/*F: braun-f*/

kbd, table.numblock td { color: rgb(128, 128, 128) } /*F: grau-a*/

a:visited, code, pre { color: rgb(210, 106, 0) } /*F: orange*/

code strong, a:visited code, a:visited strong, a:visited em, pre strong, pre em { color: inherit } /*orange*/ /*Die Kindelemente sollen die Farbe ihres Eltern-Elementes annehmen*/

body#home nav#sitemap a[href^="http://"]::before { content: "⤴ " } /*Encodierung für den Pfeil: "\2197". Durch "\FE0E" gibt man, dass die Text-Glyphe des Unicodezeichens verwendet werden soll. "\FE0F" sorgt für die Anzeige des Icons.*/

body#home nav#sitemap a::before { content: "⤵ " }

pre { display: table } /* display: table - damit der Inhalt von PRE beim Überlaufen aus main eine Hintergrundfarbe besitzt, dann sind jedoch keine Mindestbreiten  moeglich */

pre.gross { display: block }

header nav li { display: inline }

table { empty-cells: show }

img.tipp-logo { float: right }

body, kbd { font-family: Verdana, sans-serif }

code, pre { font-family: monospace }

li span, h2 span, h3 span, h4 span, h5 span, body#home nav#sitemap { font-size: 0.80em }

kbd { font-size: 0.90em }

input[name=q] { font-size: 1.00em } 

h5, body#privacy h3 { font-size: 1.17em } /* 14/12 */ /* Reihe: 12, 14, 16, 18, 21 */

body#home nav#sitemap em { font-size: 1.26em }

h4, h1 { font-size: 1.30em } /* 16/12 */

h3, body#home nav#sitemap strong { font-size: 1.65em } /* 18/12 */

h2 { font-size: 2.15em } /* 21/12 */

address, h1, h2, h3, h4, h5, body#home nav#sitemap em { font-style: normal }

nav#quicktoc ul, nav#fulltoc ul, dt, h2, h3, h4, h5, thead th, thead tr.caption th, table.effiziente-bedienung tbody th { font-weight: bold }

nav#fulltoc ul ul, nav#quicktoc ul ul, h1, div.strong strong, td, th, table.effiziente-bedienung tbody th.global, body#home nav#sitemap strong { font-weight: normal }

h2, blockquote { line-height: 1.10 }

h3, ul, ol, dl { line-height: 1.19 }

h4 { line-height: 1.28 }

h5 { line-height: 1.36 }

body { line-height: 1.45 }

h1 { letter-spacing: 0.10em }

body#home nav#sitemap ul { list-style-type: none } /*circle*/

table.numblock td { height: 7.00em }

input[name=q] { height: 2.00em }

pre.gross { height: 10.00em }

body { margin: 0.50em }

h2, address, p, blockquote, dl, pre, div, ul, ol, table, nav { margin-top: 0.50em; margin-bottom: 0.50em; } /*inherit in Shorthands nicht möglich*/

td pre:first-child, th pre:first-child { margin-top: 0 }

li, dd, dt { margin-top: 0.25em }

h3, h4, h5 { margin-top: 2.00em }

main, header, table.numblock { margin-right: auto }

td pre:last-child, th pre:last-child { margin-bottom: 0 }

li, dd, dt { margin-bottom: 0.25em }

img.tipp-logo { margin-bottom: 0.50em }

body#home nav#sitemap li { margin-bottom: 1.10em }

header { margin-bottom: 2.10em }

header nav ul, body#home nav#sitemap ul { margin-left: 0 }

main, header, table.numblock { margin-left: auto }

img.tipp-logo { margin-left: 0.25em }

blockquote { margin-left: 2.50em }

pre { max-height: 100% }

main, header { max-width: 42em }

td, th { padding: 0.20em }

nav#quicktoc, nav#fulltoc, table.numblock td, div.aehnlich, pre { padding: 0.50em }

kbd { padding-right: 0.20em; padding-left: 0.20em; }

header li:last-child { padding-right: 0 }

[href^="tel:"] span { padding-right: 0.20em }

header li, input[name=q] { padding-right: 2.00em }

header nav ul, body#home nav#sitemap ul { padding-left: 0 }

input[name=q] { padding-left: 0.20em } /*Rechts hat input einen größeren Abstand, wegen des Hintergrundbildes*/

pre { overflow: auto }

table.effiziente-bedienung tbody th, table.effiziente-bedienung thead th { text-align: center }

form[action$=search] { text-align: right }

img { vertical-align: text-bottom } /*Verhindert Abstand unter IMG*/

td, th { vertical-align: top }

a { text-decoration: none }

table.numblock td { width: 7.00em }

input[name=q] { width: 14.00em }

[href^="tel:"], kbd { white-space: nowrap }

/* Nur für Screenreader und Tastaturnutzer zugänglich - für Sehende also ausblenden*/
nav[aria-label=Sprunglink] a:not(:focus), form[action$=search] [type=submit], form[action$=search] label span, body#home h2 { position: absolute; height: 1px; width: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(100%); white-space: nowrap; }

@media only screen and (max-width: 22em) {

header nav li { display: list-item }

header nav li { list-style-type: none }
}