@charset "UTF-8";* {box-sizing: border-box; }:root {--nav-bg-kopf: #EEEEE0; --nav-bg-fuss: #EEEEE0; --nav-color-g4: #888888; --nav-color-pfad: var(--nav-color-g4, #888888);--nav-color-fuss: var(--nav-color-g4, #888888);--nav-color-fuss-time: var(--nav-color-g4, #888888);--nav-font-family: Arial, Helvetica, Verdana, sans-serif;--nav-font-K0: bold 1.6rem Arial; --nav-font-size-pfad: 1rem; --nav-font-weight-pfad: 700; --nav-font-size-fuss: .7rem; --nav-pad-fuss-a: .2rem .5rem; --nav-margin-kopf-sep: 0 2px 0 2px; --nav-margin-fuss-sep: 0 2px 0 2px; --nav-border-kopf: 0px dashed #808080; --nav-border-fuss: 0px dashed #808080; --nav-icon-home-url: url("../pics/home.png"); --nav-icon-fuss-size: 22px; --nav-icon-kopf-margin: 1px 5px;  --nav-icon-fuss-margin: 1px 15px;  --nav-border-nav: 0px solid pink; }div.K, div.K0, footer.F, nav.kopf, nav.fuss, time.modified, nav.kopf a, nav.fuss a {font-family: var(--nav-font-family, sans-serif); }div.K, div.K0 { width: 100%; text-align: center; vertical-align: middle;font-family: var(--nav-font-family, sans-serif); font-size: var(--nav-font-size, 1rem);}div.K { grid-column: 1 / -1; grid-row: 1 / 2; width: 100%; height: auto; min-height: 30px;background-color: var(--fla-bg-kopf, #EEEEE0);display: flex; flex-direction: row; justify-content: space-between; align-items: center; border: var(--nav-border-kopf, 0px dashed #808080);}div.K0 { grid-column: 1 / -1; grid-row: 1 / 2; width: 100%; height: auto; min-height: 30px;background-color: var(--nav-bg-kopf, #EEEEE0);font: var(--nav-font-K0, bold 1.6rem Arial);color: #DDDDD0;}nav.kopf, nav.fuss { width: auto; height: auto;display: inline-flex; margin-left: clamp(0.2rem, 1vw, .7rem); margin-right: clamp(0.2rem, 1vw, .7rem); padding: 2px; border: var(--nav-border-nav, 1px solid pink); }nav.kopf { }nav.kopf.l { }nav.kopf.bc { font-size: var(--nav-font-size-pfad, 1rem);font-weight: var(--nav-font-weight-pfad, 700); color: var(--nav-font-color-pfad, #888888);}nav.kopf.r { width: 30px; }nav.kopf ol { list-style: none; list-style-type: none;padding: 1px;margin: 1px; white-space: normal; }nav.kopf.bc li { display: inline-block; border: 0px solid #BBBBDD;border-radius: 15px;}nav.kopf.bc li:not(:last-child):after { content: '|';margin: var(--nav-margin-kopf-sep, 0 2px 0 2px);  opacity: .4; }nav.kopf a { display: inline-flex; font-size: var(--nav-font-size, 1rem);color: inherit; text-decoration: none; border: 0px solid #BBBBBB; }nav.kopf.bc a { display: inline-block;padding: .2rem clamp(0.2rem, 1vw, .5rem); font-size: var(--nav-font-size, 1rem);color: inherit; text-decoration: none; border: 0px solid #BBBBBB; }nav.kopf.bc a:link { }nav.kopf.bc a:hover:not(#akt) { text-decoration: underline;}nav.kopf.bc a:hover#akt { text-decoration: none; cursor: default; }nav.kopf.bc a:visited  { }nav.kopf.bc a:active { background-color: transparent; }div.burger { display: block; margin: auto;padding: 0;font-size: 24px;color: #888888;cursor: pointer;border: 1px;}div.burger::after {  }footer.F { grid-column: 1 / -1; width: 100%; height: auto; min-height: 30px;  background-color: var(--nav-bg-fuss, #EEEEE0);display: flex; flex-direction: row; justify-content: space-between; align-items: center; font-family: var(--nav-font-family, sans-serif); font-size: var(--nav-font-size-fuss, 0.7rem);border: var(--nav-border-fuss, 1px dashed #808080);}nav.fuss { font-size: var(--nav-font-size-fuss, 0.27rem);color: var(--nav-color-fuss, #888888);white-space: nowrap; }nav.fuss.l { }nav.fuss.m { }nav.fuss.r { width: 150px; text-align: right; padding-right: 0.8rem;}nav.fuss.m::after { }nav.fuss.r::after { }nav.fuss ul { list-style: none; list-style-type: none;padding: 1px;margin: 1px; list-style: none; list-style-type: none; margin-block-start: 0; margin-block-end: 0; padding-inline-start: 0; border: 0px dashed yellow; }nav.fuss li { display: inline-block; }time.modified { font-size: var(--nav-font-size-fuss, 0.7rem);font-weight: bold; color: inherit; padding: var(--nav-pad-fuss-a, .2rem .5rem); }nav.fuss li:not(:last-child)::after { content: '|';margin: var(--nav-margin-fuss-sep, 0 2px 0 2px);  opacity: .4; }nav.fuss a { display: inline-block; font-size: var(--nav-font-size-fuss, 0.7rem);color: inherit; text-decoration: none; padding: var(--nav-pad-fuss-a, .2rem .5rem); border: 0px solid #BBBBBB; }nav.fuss.r a { padding: 0; }nav.fuss a:link { }nav.fuss a:hover { text-decoration: underline;}nav.fuss li#akt a:hover { text-decoration: none;cursor: default; }nav.fuss a:visited  { }nav.fuss a:active { background-color: transparent; }div.fuss { grid-column: 1 / -1; width: 100%; height: auto;min-height: 30px;background-color: var(--nav-bg-fuss, #EEEEE0);display: flex; flex-direction: row; align-items: center; justify-content: left; }img.nav { }img.nav-i { display: inline-block; vertical-align: middle; border: 0px solid green; }nav.kopf img.nav-i { margin: var(--nav-icon-kopf-margin, 1px 5px); }nav.fuss img.nav-i { width: var(--nav-icon-fuss-size, 22px);height: var(--nav-icon-fuss-size, 22px);}nav.kopf a.nav#home::after { content: var(--nav-icon-home-url, "../pics/home.png") / "home"; display: inline-block; width: 32px; height: 29px;  margin: var(--nav-icon-kopf-margin, 1px 5px); border: 0px solid green; }nav.fuss a.nav#litfa::after { content: var(--fla-icon-litfa-url, "../pics/litfa.svg") / "litfa"; display: inline-block; vertical-align: middle; width: var(--nav-icon-fuss-size, 22px); height: var(--nav-icon-fuss-size, 22px); margin: var(--nav-icon-fuss-margin, 1px 5px); border: 0px solid green; }