/* Lexikon.css Verkehr */

* {margin: 0; padding: 0; font-family: Verdana; font-size: 16px; }

body {
max-width: 60em;
margin: 0 auto;
background-color: #FFEDE0;
border-left-width: 1em;
border-left-style: solid;
border-left-color: #FFEDE0;;
border-right-width: 2em;
border-right-style: solid;
border-right-color: #FFEDE0;
line-height: 2em;
}

ul {list-style-position: inside;}
li {list-style-position: inside;}

a.Alfabet {font-family: Verdana; font-size: 26px; color: brown; font-weight: bold;}
a:hover {color: darkblue;}

a.Seitentitel {font-family: Verdana; font-size: 22px; color: darkblue; font-weight: bold;}

a {font-family: Verdana; text-decoration: none; color: brown; font-weight: bold;}
a:hover {color: darkblue;}

H1 {font-family: Verdana; font-size: 18px; font-weight: bold; color: darkblue;}

H2 {font-family: Verdana; font-size:17px; font-weight: bold; color: darkblue;}

H3 {font-family: Verdana; font-size: 16px; font-weight: bold; color: darkblue;}

hr {color: skyblue; border-width: 2px;}

a.menue-button {font-size: 30px; color: white;}

a.bottom-button {font-size: 30px; color: white;}

table {border: 0px; cellspacing: 0px; cellpadding: 2px; line-height: 2em;}
tr {vertical-align: top; line-height: 2em;}
td {align: left; vertical-align: top; font-size: 16px; line-height: 2em;}

header {
display: flex;
flex-direction: column;
background-color: transparent;
width: 100%;
}

a.Seitentitel {
display: block;
background-color: transparent;
margin-top: 1em;
width: 40%;
}

a.Seitentitel:hover {
color: brown;
}

Suchen {
display: block;
background-color: #FFEDE0;
width: 100%;
float: left;
}

#steuerung li {
list-style: none;
float: left;
-webkit-flex: 1 1 100%;
flex: 1 1 100%;
}

#steuerung a {
width: 100%;
padding-left: 22px;
padding-right: 22px;
padding-top: 12px;
padding-bottom: 12px;
float: left;
color: white;
background-color: brown;
margin-left: 5px;
margin-top: 5px;
-ms-box-sizing: border-box;
box-sizing: border-box;
border-radius: 1em;
text-decoration: none;
text-align: center;
}

#steuerung a:hover {
color: black;
background: orange;
}

.menue-button {
display: block;
color: white;
background-color: brown;
position: absolute;
right: 40px;
top: 20px;
padding: 0.1em;
cursor: pointer;
text-decoration: none;
}

.menue-button:hover {
color: black;
background: orange;
}

#steuerung {
float: left;
margin-bottom: 15px;
}


/* Erweiterung um MENUE-Button */
/* Menü-Button oben rechts einblenden bei kleiner als 800px */
@media only screen and (max-width:799px) {

a.Seitentitel {
display: block;
background-color: transparent;
margin-top: 1em;
width: 80%;
}

#steuerung {
float: left;
width: 100%;
display: none;
margin-bottom: 15px;
}

#steuerung li {
width: 100%;
}

/* Schaltstelle zum Einblenden des Menues */
#nav-menue:target #steuerung {
display: block;
}
.bottomicon {
display: block;
}

/* Ausblenden des Menues und Funktion des Buttons revers  */
#nav-menue:target .menue-button-beschr-open {
display: none ;
}

Container {
display: inline-block;
width: 100%;
-webkit-flex-direction: row;
flex-direction: row;
flex-wrap: wrap;
-webkit-wrap: wrap;
vertical-align: top;
border-left-width: 1em;
border-left-style: solid;
border-left-color: #FFEDE0;;
border-right-width: 2em;
border-right-style: solid;
border-right-color: #FFEDE0;;
}

Textfeld {
display: block;
-webkit-flex-direction: column;
flex-direction: column;
width: 100%;
font-size: 16px;
}

Anzeigen {
display: none;
}

}

/* Großer Bildschirm  */
@media screen and (min-width: 800px) {

DisplayWerbung {
display: block;
width: 100%;
margin-bottom: 15px;
margin-top: 15px;
float: left;
}

Textfeld {
display: inline-block;
-webkit-flex-direction: row;
flex-direction: row;
width: 67%;
vertical-align: top;
align-items: flex-start;
padding: 10px;
float: left;
}

Anzeigen {
display: inline-block;
-webkit-flex-direction: row;
flex-direction: row;
width: 27%;
vertical-align: top;
align-items: flex-start;
float: right;
}

}

/* Der Rest ist für alle viewpoints */

Abschluss {
display: inline-block;
-webkit-flex-direction: column;
flex-direction: column;
width: 100%;
border-left-width: 1em;
border-left-style: solid;
border-left-color: #FFEDE0;
border-right-width: 2em;
border-right-style: solid;
border-right-color: #FFEDE0;
}

Abschlusswerbung {
display: block;
}

.scrollicon {
text-align: center;
text-decoration:none;
width:50px;
height:50px;
border-radius:50%;
background:brown;
color:white;
opacity:0.5;
position:fixed;
bottom:60px;
right:120px;
display:none;
border:1px solid #333;
}

.scrollicon div{
font-weight:bold;
font-size:28px;
background-color: orange;
color:black;
padding-top:12px;
}

Footer {
display: flex;
background: transparent;
border-color: brown;
font-weight: bold;
-webkit-flex-direction: row;
flex-direction: row;
width: 100%;
border-radius: 1em;
border: 3px solid brown;
justify-content: space-around;
}

.Datenschutz {
display: block;
padding-left: 30px;
}

.Impressum {
display: block;
padding-right: 30px;
}