@charset "UTF-8";
/* ------------------------------------------------------- */
/*            Stylesheet fuer Dieters Webspace             */
/* ------------------------------------------------------- */
/* ------------------------------------------------------- */
/*                    Verwendete Farben                    */
/* ------------------------------------------------------- */
:root {
  --body_hintergrundfarbe: #f7f7f7;
  --main_hintergrundfarbe: #ffffff;
  --main_rahmenfarbe: silver;
  --h_fontfarbe: #cd6600;
  --breadcrumb_hintergrundfarbe: #eeeeee;
  --breadcrumb_symbol_hintergrundfarbe: black;
  --dt_hintergrundfarbe: #ffe4b5;
  --zitat_hintergrundfarbe: #fbf3eb;
  --footer_fontfarbe: black;
  --footer_hintergrundfarbe: #eeeeee;
  /*#666666;*/
  --footer_linkfarbe: #0000cd; }

/* Typografie und Farben
------------------------------------ */
html {
  font-size: 100%; }

body {
  background-color: var(--body_hintergrundfarbe);
  max-width: 940px;
  margin: 0 auto 0 auto; }

main {
  background-color: var(--main_hintergrundfarbe);
  border: 1px solid var(--main_rahmenfarbe);
  padding: 0.5em; }

h1, h2, h3, h4, h5, h6 {
  color: var(--h_fontfarbe); }

h1 {
  font-size: 40px;
  font-size: 2.5rem; }

h2 {
  font-size: 32px;
  font-size: 2rem; }

h3 {
  font-size: 24px;
  font-size: 1.5rem; }

p {
  font-size: 16px;
  font-size: 1rem; }

dt {
  padding: .5em;
  /*margin-top: 1em;*/
  font-weight: bold;
  background: var(--dt_hintergrundfarbe); }

dd {
  padding: .5em; }

dd ul {
  list-style: none;
  padding: 0;
  margin: 0; }

ul {
  line-height: 2; }

a {
  color: #0000cd;
  background-color: inherit;
  padding: .2em; }

a:focus {
  background-color: red;
  color: black; }

a:hover {
  background-color: blue;
  color: white; }

a:active {
  background-color: yellow;
  color: black; }

/* ------------------------------------------------------- */
/*                  Regeln fuer breadcrumb                 */
/* ------------------------------------------------------- */
ul.breadcrumb {
  padding: 10px 16px;
  list-style: none;
  background-color: var(--breadcrumb_hintergrundfarbe); }

ul.breadcrumb li {
  display: inline;
  font-size: 18px; }

ul.breadcrumb li + li:before {
  padding: 8px;
  color: var(--breadcrumb_symbol_hintergrundfarbe);
  content: "» "; }

.zentriert {
  text-align: center; }

img {
  max-width: 100%;
  height: auto; }

figure, picture {
  margin: 0;
  padding: 0; }

figcaption {
  font-style: italic;
  text-align: center; }

footer {
  padding: 10px 20px;
  background: var(--footer_hintergrundfarbe);
  color: var(--footer_fontfarbe);
  margin-bottom: 1em; }

footer p a {
  color: var(--footer_linkfarbe);
  font-weight: bold; }

.zitat {
  background: var(--zitat_hintergrundfarbe);
  padding: .5em; }

hr {
  height: 30px;
  border-style: solid;
  border-color: #8c8b8b;
  border-width: 1px 0 0 0;
  border-radius: 20px; }

hr:before {
  display: block;
  content: "";
  height: 30px;
  margin-top: -31px;
  border-style: solid;
  border-color: #8c8b8b;
  border-width: 0 0 1px 0;
  border-radius: 20px; }
	
table {
	width: 100%;
  border-collapse: collapse;
}

td {
  text-align: center;
  vertical-align: top;
}

table, td, th {
  border: 1px solid;
}

table th:nth-child(4), td:nth-child(4) { text-align: end; }
table th:nth-child(5), td:nth-child(5) { text-align: end; }

@media print {
  h1, h2, h3 {
    page-break-after: avoid;
    page-break-inside: avoid; }

  ul, dl {
    page-break-before: avoid; }

  p {
    orphans: 4;
    widows: 4; }

  header, footer {
    display: none; }

  ul {
    line-height: 1; } }
