*{
    font-size: var(--size-p);
    font-family: var(--font-family);
}

a { padding: 5px; }
a:link { color: var(--color-link); }
a:visited { color: var(--color-link-visited); }
a:hover { color: var(--color-link-hover); background-color: var(--color-link-hover-bg)}
a:focus { color: var(--color-link-focus); outline: 1px solid var(--color-link-focus-border); }
a:active { color: var(--color-link-active); }

h1 { font-size: var(--size-h1); font-weight: bold; border: 0; padding: 15px 0; font-family: var(--font-head); color: var(--color-head); font-style: normal; }
h2 { font-size: var(--size-h2); font-weight: bold; border: 0; padding: 13px 0; font-family: var(--font-head); color: var(--color-head); font-style: normal; }
h3 { font-size: var(--size-h3); font-weight: bold; border: 0; padding: 11px 0; font-family: var(--font-head); color: var(--color-head); font-style: normal; }
h4 { font-size: var(--size-h4); font-weight: bold; border: 0; padding: 9px 0; font-family: var(--font-head); color: var(--color-head); font-style: normal; }
h5 { font-size: var(--size-h5); font-weight: bold; border: 0; padding: 7px 0; font-family: var(--font-head); color: var(--color-head); font-style: normal; }
h6 { font-size: var(--size-h6); font-weight: bold; border: 1px solid #222121; padding: 5px 0; font-family: var(--font-head); color: var(--color-head); font-style: normal; }

legend { font-weight: bold; border-left: 2px solid ; }
p, li, td { font-weight:normal; color: var(--color-text); }
th { text-align: center; padding: 3px; font-size: var(--size-h6); color: var(--font-head); font-weight:bold; border: 1px solid var(--font-head); }

.subbox { flex: 1 1 var(--size-subbox); border:none; padding: 5px; margin: 5px; background-color: var(--bg-subbox); }
.subflextable { width:var(--size-subbox); display: flex; flex-direction: row; flex-wrap: wrap; }
.subflexbox { display: flex; flex-direction: row; flex-wrap: wrap; }

.bildboxtext img { BORDER:0; WIDTH: 100%; display: block; }
.bildboxtext span { text-align: left; line-height: 2em; width: 80%; bottom: 0; position: absolute; background-color: var(--bg-bild); font-size: var(--size-p); font-family: var(--font-family); font-weight:bold; padding: 0 5px; }
.bildboxtext { WIDTH: 100%; MAX-WIDTH: var(--size-bildbox); margin: 0 auto; position: relative; }
.bildbox { flex: 1 1 var(--size-bildbox); border: 0; padding: 5px; margin: 5px; }
.bildflexbox { display: flex; flex-direction: row; flex-wrap: wrap; }

.bildtext { position: relative; }
.bildtext span { background-color: hsla(0, 0%, 100%, 0.5); position: absolute; bottom: 0; width: 100%; line-height: 2em; text-align: center; }
.bildtext img { display: block; }

.textbox { flex: 1 1 var(--size-textbox); border: 0; padding: 5px; margin: 5px; }
.textflexbox { display: flex; flex-direction: row; flex-wrap: wrap; }


DIV#Presse { margin: 15px 15px 15px 15px; padding: 2px 5px 2px 5px; border: 0; min-width: 16em; min-height: 100px; color: #000000; background-color:#DDDDDD; -webkit-box-shadow: 3px 3px 6px #000000; -moz-box-shadow: 3px 3px 6px #000000; box-shadow: 3px 3px 6px #000000; -ms-filter:"progid:DXImageTransform.Microsoft.DropShadow(color=#000000, offx=3, offy=3)"; filter:progid:DXImageTransform.Microsoft.dropShadow(color=#000000, offY=3, offX=3); font-family:'Times New Roman','Courier New',Arial,serif; color:#000000; }
h1#Presse { font-size:small; font-style:normal; font-weight:bold; text-align: center; letter-spacing:0.3em; border: 0; }
h2#Presse { font-size:x-large; font-style:normal; font-weight:bold; text-align: center; letter-spacing:0.1em; border: 0; }
h3#Presse { font-size:large; font-weight:normal; text-align: center; letter-spacing:0.1em; border: 0; }
h4#Presse { font-size:medium; font-weight:bold; text-align: justify; border: 0; }
p#Presse, li#Presse, td#Presse { text-align: justify; }

body { background-color: var(--bg-body); }
.Seite { padding: 1 auto; margin: 1px var(--size-seitenrand); border: 5px; background-color: var(--bg-footer); }
.Header { display: flex; flex-direction: row; flex-wrap: nowrap; background-color: transparent; }
.Mobile { display: none; WIDTH: 100%; MAX-WIDTH: var(--size-logo-mobile);} 
.Desktop { display: block; WIDTH: 100%;  MAX-WIDTH: var(--size-logo); }
.Desktop { display: block; }
.Position { font-size: x-small; color: var(--color-position); }
.Position a { color: var(--color-position-a); }
.Position a:hover { color: var(--color-position-a-hover); background-color: var(--color-position-a-hover-bg);}

.Sprechomat { font-size: medium; font-weight:normal; font-style:italic; }

.BildRechts { float: right;  margin: 4px 4px; text-align: justify; font-size: small; }
.BildLinks  { float: left;   margin: 4px 4px; text-align: justify; font-size: small; }
.BildMitte  { align: center; margin: 0 auto;  text-align: center;  font-size: small; }

label, select, input[type=checkbox], input[type=radio], input[type=button], input[type=submit] { cursor: pointer; cursor: hand; }
input, textarea { background: #ddd; }
input:focus, textarea:focus { color: #000; background: #fff; outline: 1px solid var(--color-link-focus-border); }

.Suche a  { color: var(--color-suche-a); }
.Suche a:hover  { color: var(--color-suche-a-hover); background-color: var(--color-suche-a-hover-bg) }

.Fuss { width: 98%; margin: 2px 0; padding: 0; border: 0; text-align: right; font-family: var(--font-family); font-size:medium; color: var(--color-footer); font-weight:normal; }
.Fuss a { color: var(--color-footer-a); }
.Fuss a:hover { color: var(--color-footer-a-hover); background-color: var(--color-position-a-hover-bg) }
.Fussdruck { display: none; }
.Boden { height: 300px; }

.kbdtaste { background: #F7F7F7; background-image:linear-gradient(rgba(255,255,255,.4),rgba(127,127,127,.2)); border-color:#DDDDDD #AAAAAA #888888 #CCCCCC; border-radius:4px; border-style:solid; border-width:1px; padding:0 .4em; text-shadow:0 1px rgba(255,255,255,.5); white-space:nowrap; font-size: 1.1em; font-weight: bold;}
.kbdmenue { background: #777777; padding:0 .4em; white-space:nowrap; font-size: 1.1em; color: #FFFFFF }
.kbdkartei { border-bottom: solid 1px #888888; padding:0 .4em; text-shadow:0 1px rgba(255,255,255,.5); white-space:nowrap; font-size: 1.1em; }
.kbdschalt { background: #F7F7F7; background-image:linear-gradient(rgba(255,255,255,.4),rgba(127,127,127,.2)); border: solid 1px #DDDDDD; border-radius:2px; padding:0 .4em; white-space:nowrap; font-size: 1.1em; }

iframe.video { width: 640px; height: 360px; } 

#cookiedingsbums { outline: 1px solid #7b92a9; border-top:1px solid #fff; background: #d6e0eb; background: -moz-linear-gradient(top, #d6e0eb 0%, #f2f6f9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6e0eb), color-stop(100%,#f2f6f9)); background: -webkit-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%); background: -o-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%); background: -ms-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%); background: linear-gradient(to bottom, #d6e0eb 0%,#f2f6f9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6e0eb', endColorstr='#f2f6f9',GradientType=0 ); position:fixed; bottom:0px; z-index:10000; width:100%; line-height:16px; }
div#WichtigeEingaben { display: none; }

@media(max-width: 850px){

.Seite { margin: 1px var(--size-seitenrand-mobile); }
.Mobile { display: block; border: 0; margin: 0; }
.Desktop { display: none; }
.Content { display: block; }

.Fuss { text-align: center; }
.Boden { height: 5px; }
iframe.video { width: 300px; height: 169px; } 

}