body {
background-color: #4c4c4c;
color: white;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
margin: 0 auto !important;
max-width: 885px;
}

a {
text-decoration: none;
}
	
.back:hover {
color:#ff9000!important;
}

.text a {
color:#ff9000;
text-decoration: none;
}

.text a:hover {
color:#ffd699;
}

.text h1 {
font-size: 1.8em; 
font-weight:500;
}

.text h2 {
font-size: 1.5em; 
font-weight:400;
}

.w3-content {
background-color:#5d5d5d;
}

.footer {
background-color: #4c4c4c;
height: 50px;
text-align: center;
padding-top: 25px;
margin-bottom: 40px;
}

img { 
max-width: 100%;
height: auto;
}

.logo {
margin: 0 auto;
text-align:center;
}

.headertext {
text-align:center; 
font-size: 1em; 
margin: 2vh auto;        
}

 /* Navigation */
.topnav {
overflow: hidden;
display: none;
}

.topnav #myLinks {
  display: block;
}

.topnav a.icon {
  color: white;
  padding: 14px 16px;
  background: black;
  display: block;
  position: absolute;
  top:5px;
  right:15px;
}

.image_container {
position: relative;
text-align: center;
color: white; 
margin-bottom: 1vh;
width: 100%;
max-width:450px;
}

.image_container_headline {
position: absolute;
bottom: 10px;
right: 16px;
font-size: 2.5em;
font-weight:700;
}

.image_container_stadium {
position: relative;
color: white; 
width: 100%;
}

.image_container_headline_stadium {
position: absolute;
bottom: 20px;
left: 16px;
font-size: 1em;
background-color: black;
padding: 0 3px;
}

.punkt {
color:#ff9000;
font-size: 60px;
}

.image_container:hover, .image_container_stadium:hover {
color:#ff9900;
}

#headline {
font-size: 3em;
font-weight:700;
letter-spacing: 3px;
}

.headline_hr {
margin-top:-10px;
border-top: 1px dashed #ff9900;
}

#desc {
margin: -15px 0 20px 0;
font-size: 1.5em;
}

.nav_active {
color:#ff9900;
}

.row {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  -ms-flex-wrap: wrap; /* IE10 */
  flex-wrap: wrap;
  padding: 0 4px;
}

.column {
  -ms-flex: 25%; /* IE10 */
  flex: 25%;
  max-width: 25%;
  padding: 0 4px;
}

.row1 {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  -ms-flex-wrap: wrap; /* IE10 */
  flex-wrap: wrap;
  padding: 0;
}

.column1 {
  -ms-flex: 100%; /* IE10 */
  flex: 100%;
  max-width: 100%;
}

.column2, .column_kontakt {
  -ms-flex: 50%; /* IE10 */
  flex: 50%;
  max-width: 50%;
  padding: 0 4px;
}

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

.column1 img {
  margin-bottom: 40px;
  vertical-align: middle;
  width: 100%;
  max-width:850px;
}

.column2 img {
  margin-bottom: 15px;
}

#backtotop {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  border: none;
  outline: none;
  background-color: #3d3d3d;
  color: white; /* Text color */
  cursor: pointer;
  padding: 8px 15px;
  border-radius: 10px;
  font-size: 25px;
}

.kontakt_img1 {
 display:block;    
}

.kontakt_img2 {
 display:none;    
}

@media screen and (max-width: 800px) {
  .column {
    -ms-flex: 25%;
    flex: 25%;
    max-width: 25%;
  }
    
.column_kontakt {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;     
}
    
.image_container_headline {
position: absolute;
bottom: 5px;
right: 16px;
font-size: 1.6em;
font-weight:600;
}
    
.kontakt_img1 {
 display:none;    
}

.kontakt_img2 {
 display:block;    
}
    
}

@media screen and (max-width: 559px) {
  .column {
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;
  }
    
  .column2 {
    -ms-flex: 100%;
    flex: 100%;
    max-width: 100%;
  }
    
.column1 img {
  margin-bottom: 15px;
}
    
.image_container_headline {
position: absolute;
bottom: 20px;
right: 16px;
font-size: 2em;
font-weight:600;
}
    
.topnav {
overflow: hidden;
display: block;
}

#myLinks {
  display: none;
}
    
#headline {
font-size: 2em;
margin-top:30px;
}
    
.headline_hr {
margin-top:0;
}
    
.punkt {
    color:#ff9000;
    font-size: 30px;
}

.text h1 {
font-size: 1.5em; 
font-weight:500;
}

.text h2 {
font-size: 1.2em; 
font-weight:500;
}
    }