@charset "utf-8";

@media (max-width: 800px){
}

a:hover {
  color:dodgerblue;
	
}
img{
vertical-align: middle;	
}

p{
	text-align: center;
	font-size: 1.7vw; 
}

div{
	
}

h1{
text-align: center;
font-size: 0.4vw;
font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
}

h2{
text-align: center;
font-size: 1.5vw;
font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
}

.tops {
	width: 100%;
	height: 10vw;
    position: fixed;        
	top: 0;
	bottom: 10vw;
	left: 0;
	right: 0;
	background-color:black;
	color: white; 
	font-size: 0.7vw; 
	text-align: center;	
	
	
}
.inhold {
	padding-top: 12vw;
	background-color: white;
	width: 100%;
    position: static;        
    background: #FFF;
    color: #000;
	top: 0vw;
	left: 0vw;
	right: 0vw;
	bottom: 10vw;
	font-size: 2.5vw; 
	text-align: center;
	font-family: "monospace";
	
}


.texx {
	text-align: left;
	padding-left: vw;
  	padding-right: 0vw;
	font-size: 1.5vw;
	font-family: Arial;
}

.texx2 {
	text-align: center;
	padding-left: 0vw;
	font-size: 1vw;
	font-family: Consolas;
}




body {
	rightmargin: 50vw;
	leftmargin: 50vw;
	topmargin: 20vw;
	bottommargin: 20vw;
    color: #000000;
	bgcolor: #FFFFFF;
}
a:link {
    color: #FF0000;
    text-decoration: none;
}
a:visited {
    text-decoration: none;
    color: #00FF00;
}
a:hover {
    text-decoration: none;
}
a:active {
    text-decoration: none;
    color: #0000FF;
}

.row {
  display: flex;
  flex-wrap: wrap;
  padding: 0 40px;
}

/* Create two equal columns that sits next to each other */
.column {
  flex: 50%;
  padding: 0 4px;
}

.column img {
  margin-top: 8px;
  vertical-align: middle;
}