A:link {	COLOR: black; TEXT-DECORATION: none}
A:visited {	COLOR: black; TEXT-DECORATION: none}
A:active {	COLOR: black; TEXT-DECORATION: none}
A:hover {	COLOR: #284277; TEXT-DECORATION: underline}

body { 		padding:0 0 0 0; margin:0 0 0 0; font-family: Arial,Helvetica,sans-serif; text-align:center;}
h1,h2,h3 {	padding:0 0 0 0; margin:0 0 0 0; }

             
@font-face { font-family: 'diogenes';
             src: url('../font/diogenes.ttf') format('truetype'); }

.body { 	background-image: url('../img/koeln-1280.jpg');
            background-size:cover;
            display: flex;
            justify-content:center;
            align-items:center;
            flex-direction: column;
            width:100%;
            height:100%;}
 
.text   { 	color:white;
            font-family: diogenes;
            border:solid white 1px;
            border-radius: 5px;
            padding:5px;}
            
.findus  {  margin-top:10px;
            padding:5px;
            display: flex;
            justify-content:center;
            align-items:center;}
.findus a { padding:3px;}

.copy {	    color:gray; 
            font-size:0.5em;
            position: absolute;
            bottom: 0;
            right: 0;
            padding:1em;}

.legalText{	border:solid white 1px;
            border-radius: 5px;
            background-color: white;
            width:90%;
            height:80%;
            overflow: auto;
            opacity: 0.8;
            text-align:left;
            padding:3%;
}
.legalText a{color:blue
}


@media only screen and (max-width: 1000px) {
.body { 	background-image: url('../img/koeln-1000.jpg');}
}

@media only screen and (orientation: landscape) and (max-width: 1000px) {
.body { 	background-image: url('../img/koeln-1000.jpg');}
}

@media only screen and (max-width: 480px) {
.body { 	background-image: url('../img/koeln-480.jpg');
            background-position:center;}
}