body {text-align:justify; margin: 0px; padding: 0px; font-family:Arial, serif;}

a {font-weight:bold;}
a:link {color: blue;}
a:visited {color: darkblue;}
a:hover {color: red;}
a:active {color: red;}


h1 { clear:both; max-width: 95vw; overflow-wrap: break-word; word-wrap: break-word; font-size: 120%; }
h2 {margin: 1em 0 0.3em 0;}
h3 {margin: 0.5em 0 0.2em 0;}

ul {margin: 0; padding: 0;}
ul li {margin: 0 0 0 1.2em; padding: 0.3em 0.3em 0 0.3em;}

#menu {float:left; margin: 0; padding:0;}
#menu #innermenu { padding: 0 1% 1em 1%;}
#menu a {text-decoration: none;}
#menu a:link {color:black;}
#menu a:visited  {color:#303050;}
#menu a:hover {color:white;}
#menu a:active {color: red;}
#content {min-width: 20em; max-width: 60em; margin: 0; padding:0;}
#content #innercontent {width:95%; padding: 0 1% 2em 1%;}

#menu ul {border: 0px; padding: 0.3em; list-style-type: none; font-weight:bold;}
#menu ul {margin-left: 0.5em;}
#menu ul li {padding: 0.2em 0.4em; background-color: #2e75b6; color: white;}
#menu ul li ul li {background-color: #83a1ca; color: black;}

.yt {width: 560px; height: 315px; max-width: 95vw; max-height:95vh;}
.w95 {width:95%; max-width: 95vw; max-height:95vh;}

.image {padding: 1em;}
.image .title {font-weight:bold;} 
.image .copyright {font-size:small;}
.image .copyright::before {content: "Quelle: ";}

.rfz1 {font-weight:bold; color: #83a1ca; text-decoration:underline overline; text-decoration-color:#2e75b6;}
.rfz2 {font-weight:bold; color: #2e75b6; text-decoration:underline overline; text-decoration-color:#2e75b6;}

.glossar {text-decoration: dotted;}

p {padding: 0.3em 1%; margin: 0; max-width: 95vw;}

blockquote {
  background: #83a1ca;
  border-left: 1em solid #2e75b6;
  max-width:90vw;
  margin: 1em 0 1em 3%;
  padding: 50px 0.5em 0.5em 0.5em;
  background-image: url("img/q.png");
  background-position: left top;
  background-repeat: no-repeat;
}
blockquote cite {
 display: block;
 margin-top: 5px;
}
blockquote cite:before {
 content: "\2014 \2009";
}
blockquote p {margin-top: 0px; padding-top: 2px;}
blockquote a:link {color: white;}
blockquote a:visited {color: darkblue;}
blockquote a:hover {color: white;}
blockquote a:active {color: white;}


@media only screen and (min-width: 500px) {
	h1 {font-size: 140%;}
}
@media only screen and (min-width: 730px) {
	#content {float:left; width:370px;}
	#menu {white-space: nowrap;}
}
@media only screen and (min-width: 750px) {
	#content {width:390px;}
}
@media only screen and (min-width: 770px) {
	#content {width:420px;}
}
@media only screen and (min-width: 800px) {
	#content {width:450px;}
}
@media only screen and (min-width: 850px) {
	#content {width:500px;}
}
@media only screen and (min-width: 900px) {
	#content { width:550px;}
	h1 {font-size: 160%;}
}
@media only screen and (min-width: 1000px) {
	#content { width:650px;}
	h1 {font-size: 200%;}
}
@media only screen and (min-width: 1200px) {
	#content { width:800px;}
	h1 {font-size: 300%;}
}