/*  CSS-Angaben allgemein  */
body { margin:1em; padding:0; background-color:#fff; }
img { max-width:100%; }


/*  CSS-Angaben für Schriftart und Schriftstil  */
body { font-family:arial, tahoma, arial, verdana, roboto; }
body { line-height:1.5em; }

@media screen and (max-width: 419px)  { body { font-size:14px; } }
@media screen and (min-width: 420px)  { body { font-size:16px; } }

h1, h2, h3, h4 { text-align:left; line-height:1.2em; }
h1 { font-size:1.9em; font-weight:normal; margin:0 0 0.5em 0; column-span:all; }
h2 { font-size:1.6em; font-weight:normal; margin:0 0 0.7em 0; column-span:all; }
h3 { font-size:1.3em; font-weight:bold; margin:0 0 0.5em 0; }
h4 { font-size:1.0em; font-weight:bold; margin:0 0 0.5em 0; }

p, ol, ul		{ margin:0 0 1em 0; }
ul				{ padding-left:1.1em; }
ol				{ padding-left:2.3em; margin-left:0; }
li				{ margin:0 0 0.4em 0; break-inside:avoid; }
p        		{ break-inside:avoid; }

/*  CSS-Angaben für Struktur und Inhalt  */

main { max-width:840px; }
main { margin-left:auto; margin-right:auto; }
main { background-color:#3cf; }
main { border-radius:1.5em; }
main { border:1px solid #3cf; }

footer { line-height:2.5em; border-radius:0 0 1.5em 1.5em; padding:0 1.5em; }
footer a { width:auto; color:#000; text-decoration:none; padding:0 1em; }
footer a:hover { color:#fff; }

article { margin:0; padding:2.5em; background-color:#fff; }
article { border-top:1px solid #00B2EE; }
article { text-align:left; hyphens:auto; }
article { column-count:auto; column-gap:2.5em; column-width:15em; column-fill:balance; }

section	{ break-inside:avoid; }

figure		  { width:100%; margin:0; position:relative; background-size:cover; }
figcaption	  { position:absolute; bottom:0; right:0.5em; padding:0.6em; font-size:0.7em; }
figure .white { color:#fff; }


/*  CSS-Angaben für den Navigatitonsbereich  */
nav 						{ line-height:2.5em; padding:0em 2.0em; }
nav 						{ border-radius:1.5em 1.5em 0 0; }
nav ul 						{ list-style:none; padding-left:0; margin:0; }
nav a 						{ padding:0.5em 1em; text-decoration:none; display:block; }
nav li						{ margin:0; }
nav li li					{ border-top:1px solid #3cf; }
nav ul						{ position:relative; z-index:1; }
nav ul ul					{ position:absolute; }
nav ul ul ul				{ position:relative; }
nav ul li					{ width:4em; }
nav ul ul li				{ width:14.0em; }
nav ul ul ul li				{ width:14.0em; }
nav ul li					{ display:inline-block; position:relative; }
nav ul ul li				{ display:list-item; position:relative; }
nav ul ul ul li				{ display:list-item; position:relative; }
nav ul ul					{ display:none; }
nav ul ul ul				{ display:block; }
nav ul li:hover > ul		{ display:inherit; }
nav li > a:after			{ content:''; }
nav li > a:only-child:after	{ content:''; }
nav ul a:hover 				{ background-color:#3cf; }
nav a 						{ color:#000; }
nav ul ul 					{background-color:#aae4fc; }


/*  CSS-Angaben für dieHersteller-Tablelle  */
.hersteller { border-collapse:collapse; }
.hersteller td { vertical-align:top; border-width:1px 0; border-style:solid; border-color:#3cf; padding:0.5em 0; }
.hersteller #sort { font-weight:bold; padding-right:1em; }