.falsch {
  color: #8b0000 !important;
}

.richtig {
  color: #006400 !important;
}
#links { float: left;width: 50px;}
#rechts { float: right;width: 50px; }
#mitte { display: inline-block !important; }

h1 {
    color: #ffffff;
}
.wsmall {
    color: #ffffff;
}
body {
	display: grid;
	gap: 0.5em;
    font-family:yanone kaffeesatz,Verdana,Geneva,sans-serif;
    font-weight:100 !important;
    color: #000000;
    word-wrap:break-word;
    font-size:12px
}

@media (min-width: 30em) {
	/* Breite beträgt mindestens 30em */	
	body {
		grid-template-columns: 1fr 3fr;
		grid-template-rows: auto 1fr 100px;
	}
}

header,
footer,
nav {
	grid-column: 1 / -1;
}

importer {
    grid-column:  1 / -1;
    
}

header,
footer {
    background: #ffffff;
	border-color: #cccccc;
	display: grid;
	grid-template-columns: min-content 1fr;
}

nav {
    background: #ffffff;
	border-color: #cccccc;
	/* display: grid;
	grid-template-columns: min-content 1fr; */
    font-family:yanone kaffeesatz,Verdana,Geneva,sans-serif;
    font-weight:600 !important;
    color: #000000;
    word-wrap:break-word
}

header {
	float: left;
	clear: right;
}

main {
	background: #ffffff;
	border-color: #cccccc;
}
content {
	background: #ffffff;
	border-color: #cccccc;
    float: right;
	clear: right;
}
aside {
	background: #ffffff;
	border-color: #cccccc;
    color: #000000;
}

footer {
	background: #e4ebf2;
	border-color: #8a9da8;
    float: left;
	clear: right;
}

footer * {
	/*float: right;
	clear: left;  */
	margin: 0 0 1em;
} 
nav {
    float: left;
	clear: right;
}
body {
	margin: 0 auto;
	max-width: 80em;
	font-family: sans-serif;
}

header,
nav,
main,
article,
section,
aside,
footer {
    border-radius: 0px 0.5em 0.5em;
	border: 1px solid;
	padding: 10px;
    border-color: #cccccc;
}
header,
footer {
    background: url("/img/header_medium.png") repeat-x;
}

aside {
    background: url("/img/aside_long1.png") repeat-x;
}

h1.title,
h2.title,
h3.title,
h4.title,
h5.title,
h6.title,
h2,
h3,
h4,
h5,
h6 {
    font-family:yanone kaffeesatz,Verdana,Geneva,sans-serif;
    font-weight:600 !important;
    color: #333333;
    word-wrap:break-word
}
h2 {
    font-size:14px
    padding:0px, 0px, 0px, 0px;
}

input, select, textarea, button {
	font-size: inherit;
	font-family: inherit
}	

textarea {
   /*background:url(textarea-background-image.png) top right no-repeat;
   background-size: 100%; */
   border-radius:6px; 
   border:2px solid silver;
   outline: none 
}

a:link, a:visited
{
    color: #333333;
    text-decoration: none
}


a:active, a:hover
{
    color:#333333;
    text-decoration: none
}
#b {
   font-weight:600 !important;
}
hr{
    border: 0;
    width: 67%;
    height: 1px;
    background-color: #cccccc;
} 


/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 0px dotted lightgray;
  cursor: pointer;
}

.tooltiptext {
  visibility: hidden;
  width: 150px;
  background-color: lightgray;
  color: #333333;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}