.subbox { flex: 1 1 180px; border:2px solid #355404; padding: 5px; margin: 5px; -moz-border-radius:10px; -khtml-border-radius:10px; border-radius: .5em; }
.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: #00A5E7; font-size: normal; font-family: Arial; font-weight:bold; padding: 0 5px; }
.bildboxtext { WIDTH: 100%; MAX-WIDTH:600px; margin: 0 auto; position: relative; }
.bildbox { flex: 1 1 500px; border: 0; padding: 5px; margin: 5px; }
.bildflexbox { display: flex; flex-direction: row; flex-wrap: wrap; }
.textbox { flex: 1 1 400PX; border: 0; padding: 5px; margin: 5px; }
.textflexbox { display: flex; flex-direction: row; flex-wrap: wrap; }
h4, h5, .Header, .Logo, .Banner, .BildRechts, .BildMitte, .BildLinks, .Inhalt, .Sprechomat, .Fuss, .Navi, .Navi a, .Suche { border-radius: .5em; }
a { padding: 10px; }
a:link { color: #358E3A; }
a:visited { color: #358E3A; }
a:hover { color: #FAC00F; background-color: #358E3A; }
a:focus { color: #358E3A; outline: 1px solid red; }
a:active { color: #358E3A; }
h1 { font-family: Arial Black,Arial,serif; color: #000000; font-size: xx-large; font-style:italic; font-weight:bold; }
h2 { font-family: Arial Black,Arial,serif; color: #000000; font-size: x-large; font-style:italic; font-weight:bold; }
h3 { font-family: Arial Black,Arial,serif; color: #000000; font-size: x-large; font-weight:bold; border-bottom: 2px solid ; }
h4 { font-family: Arial Black,Arial,serif; font-size: large; font-weight:bold; color: #000000; background-color: ; border: 2px solid ; padding: 0 5px; }
h5 { font-family: Arial,Arial,serif; font-size: large; font-weight:bold; color:#FAC00F; background-color:#358E3A; padding: 0 5px; }
h6 { font-family: Arial,Arial,serif; font-size: large; color: #000000; font-weight: bold; border-left: 2px solid #131E4C; }
legend { font-family: Arial,Arial,serif; font-size: large; color: #000000; font-weight: bold; border-left: 2px solid ; }
h1, h2, h3, h4, h6, th, legend { color:#358E3A; }
p, li, td { font-family: Arial,Arial,serif; font-size: medium; color: #000000; font-weight:normal; }
th { font-family: Arial,Arial,serif; font-size: large; color: #000000; font-weight: bold; text-align: center; padding: 3px; }
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,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; }
div#Seite { margin: 10px auto; width: 100%; text-align: left; border: 0; background-color: transparent; max-width: 1000px; }
.Header { display: flex; flex-direction: row; flex-wrap: nowrap; background-color: #FFFFFF; }
.Header a { padding: 0; }
.Logo { flex: 1 1 auto; text-align: center; border: 0; }
.Banner { flex: 5 5 auto; text-align: right; border: 0; margin: 0 5px 0 0; }
.Position { margin: 2px 0 2px 0; padding: 0; border: 0; font-family: Arial,Arial,serif; font-size:medium; color: #000000; font-weight: normal; }
.Navi { padding: 4px; margin: 1px; border: 0; background-color: #FFFFFF; }
.Navi ul { flex-direction: row; list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; }
.Navi li { margin: 1px; padding: 0; font-size: 1rem; flex: 1 1 10%; }
.Navi .Mobile { display: none; }
.Navi a { display: block; padding: 0.4em; text-decoration: none; font-weight: bold; text-align: center; border: 1px solid #KNOPF_AB#; box-shadow: 0 5px 10px white inset; color: #FAC00F; background-color: #358E3A; transition: all .25s ease-in; }
.Navi li[aria-current] a { background-color: #358E3A; color: #FAC00F; border: 1px solid #FAC00F; }
.Navi a:focus, .Navi a:hover, .Navi li[aria-current] a:focus, .Navi li[aria-current] a:hover { color: #358E3A; background-color: #FAC00F; border: 1px solid #355404; }
.Navi .submenu { visibility: hidden; height: 0; z-index: 1000; }
.Navi .submenu li { display: block; }
.Navi li:hover .submenu, .Navi li:active .submenu, .Navi li:focus .submenu, .Navi li:focus-within .submenu { visibility: visible; height: auto; }
.Navi p a { padding: 0; text-decoration: none; font-weight: normal; text-align: center; border: 0; box-shadow: 0; color: #000000; background-color: transparent; }
.Content { display: flex; flex-direction: row; flex-wrap: nowrap; }
.Inhalt { min-height: 500px; margin: 1px; padding: 4px 1%; background-color: #FFFFFF; background-color: #FFFFFF; }
.Sprechomat { font-family: Arial,Arial,serif; font-size: medium; color: #000000; font-weight:normal; font-style:italic; }
.BildRechts { float: right; margin: 4px 4px 4px 4px; background-color:#BBBBBB; text-align: justify; font-size: small; }
.BildLinks { float: left; margin: 4px 4px 4px 4px; background-color:#BBBBBB; text-align: justify; font-size: small; }
.BildMitte { align: center; margin: 0 auto; text-align: center; font-size: small; }
.rund { border-radius: .5em; }
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 red; }
.Suche { padding: 0; border: 0; background-color: #FFFFFF; }
.Fuss { width: 98%; margin: 2px 0; padding: 0; border: 0; text-align: right; font-family: Arial,Arial; font-size:medium; color: #000000; font-weight:normal; }
.Fussdruck { display: none; }
.Boden { height: 300px; }
div#WichtigeEingaben { display: none; }
.Content { display: block; }
@media (max-width: 48em) {
.Logo { display: block; border: 0; margin: 0; }
.Navi div { display: none; }
.Navi DIV:target { display: block; }
.Navi ul { flex-direction: column; }
.Navi .Mobile { display: block; }
.Content { display: block; }
.Fuss { text-align: center; }
.Boden { height: 5px; }
}