@import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap');

.kopf {
	background-color:#0000ff;
}
.logo{
	width: 80%; 
	height: auto;
}
.impressum{
	width: 40%; 
	height: auto;
}
.headline{
	color: #00ffff;
}

.imageresponsive {
  width: 100%;
  height: auto;
}

.news{
	background-color:#ffffff;
	color: #000000;
}
.middle{
	color:#00ffff;
	background-color:#0000ff;
}
.footer{
	text-align: center;
	color: #ffffff;
}
a.footlink:link,
a.footlink:visited,
a.footlink:active{
	color:#00ffff;
}

a.weblink:link,
a.weblink:visited,
a.weblink:active{
	color:#ff00ff;
}

.magenta{
	color:#ff00ff;
}

.inhalt{
	color: #ffffff;
}
/* If the screen size is 601px wide or more, set the font-size of <div> to 80px */
@media screen and (min-width: 1201px) {
body {
 background: #000000;
 font-family: 'Share Tech Mono', monospace;
 font-size: 38px;
}

.container{
	padding: 40px;
	margin-bottom: 15px;
}
.middle{
	padding-top: 10px;
	padding-bottom: 10px;
	min-height: 193px;
}
.footer{
	padding-top: 0px;
	font-size: 100%;
}
.header
{
  background-color: #000000;
  font-size: 20pt;
}
.inhalt{
	height: 800px;
}
.headline{
	margin-bottom: 0px;
}
.col-1{
	padding-left: 0px;
}
}


@media screen and (max-width: 1200px) {
body {
 background: #000000;
 font-family: 'Share Tech Mono', monospace;
 font-size: 32px;
}
.container{
	padding: 35px;
	margin-bottom: 12px;
}
.middle{

	padding-top: 10px;
	padding-bottom: 10px;
	min-height: 165px;
}
.footer{
	padding-top: 0px;
	font-size: 100%;
}
.inhalt{
	height: 660px;
}
.headline{
	margin-bottom: 0px;
}
.col-1{
	padding-left: 0px;
}
}

@media screen and (max-width: 991px) {
body {
 background: #000000;
 font-family: 'Share Tech Mono', monospace;
 font-size: 23.5px;
}
.container{
	padding: 30px;
	margin-bottom: 10px;
}
.middle{

	padding-top: 5px;
	padding-bottom: 5px;
	min-height: 115px;
}
.footer{
	padding-top: 0px;
	font-size: 100%;
}
.inhalt{
	height: 490px;
}
.headline{
	margin-bottom: 0px;
}
.col-1{
	padding-left: 0px;
}
}

@media screen and (max-width: 767px) {
body {
 background: #000000;
 font-family: 'Share Tech Mono', monospace;
 font-size: 18px;
}
.container{
	padding: 15px;
	margin-bottom: 8px;
}
.middle{

	padding-top: 5px;
	padding-bottom: 5px;
	min-height: 90px;
}
.footer{
	padding-top: 0px;
	font-size: 100%;
}
.inhalt{
	width: 100%;
	height: 360px;
}
.headline{
	margin-bottom: 0px;
}
.col-1{
	padding-left: 0px;
}
}

@media screen and (max-width: 575px) {
body {
 background: #000000;
 font-family: 'Share Tech Mono', monospace;
 font-size: 3.3vw;
}
.container{
	padding: 15px;
	margin-bottom: 6px;
}
.middle{

	padding-top: 10px;
	padding-bottom: 10px;
	min-height: 80px;
}
.footer{
	padding-top: 0px;
	font-size: 100%;
}
.inhalt{
	height: 65vw;
	padding-top: 0px;
}
.headline{
	margin-bottom: 0px;
}
.col-1{
	padding-left: 0px;
}
.col-5{
	padding-right: 0px;
}
}


h1 {
	font-size: 64pt;
}

.bg-blue
{
  background-color: #0000ff;
}

.text-cyan
{
  color: #00ffff;
}

.text-magenta
{
  color: #ff00ff;
}

.text-red
{
  color: #ff0000;
}

.header
{
  background-color: #000000;
  font-size: 20pt;
}

/* unvisited link */
a:link {
  color: #0000ff;
}

/* visited link */
a:visited {
  color: #0000ff;
}

/* mouse over link */
a:hover {
  color: #0000ff;
}

/* selected link */
a:active {
  color: #0000ff;
}


.header
{
  background-color: #000000;
  font-size: 22px;
}