* {
	margin:0;
	padding:0;
}

.w3-content {
    background-color:#797979;
}

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

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

.dottedborder {
border-style:dotted;
border-width:1px;
border-color:orange;
border-left:none;
border-right:none;
border-top:none;
}

#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;
}

a {
    color: black;
	text-decoration: none;
}

a:hover {
	color: white;
}

a:active {
	color: white;
}

a.navi_inactive {
color: #c1c1c1;
    }

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

a.navi_inactive:hover {
color: #e4e4e4;
text-decoration: none;
}

a.navi_inactive:active {
color: #e4e4e4;
text-decoration: none;
}

#content a.links:before {
content:url(img/link_symbol.png);
    }

#content  a.link_pia {
color: #363636;
    }

#content  a.link_pia:before {
content:url(img/link_symbol.png);
    }

#content a {
color: #cbccce;
text-decoration: none;
}

#content a:hover {
color: white;
}

#content a:active {
color: white;
}

#content  a.navi_inactive {
color: #cbccce;
    }

p {
margin: 20px 0;
    }

#header {
width:100%;
height: auto;
}

#nav #nav_city {
display:block;
width:100%;
height: auto;
margin: 0 auto;
}

ul#Navigation {
padding: 0.5em 0;
text-align: right;
  }

ul#Navigation li {
list-style: none;
display: inline;
margin: 0.4em; padding: 0;
font-size: 1.2em;
  }

ul#Navigation_City {
padding: 0.5em 0;
text-align: center;
  }

ul#Navigation_City li {
list-style: none;
display: inline;
margin: 0.4em; 
padding: 0;
font-weight:bold;
font-size: 1.5em;
  }

.nav_mobile {
overflow: hidden;
display: none;
}

.nav_mobile #nav {
  display: block;
}

.nav_mobile a.icon {
  color: white;
  padding: 14px 16px;
  display: block;
  text-align: right;
}

.city_headline {
padding: 25px 0 5px 25px;
background-color: #595959;
color: #e4e4e4;
font-size: 1.2em;
}

.city_headline h1 {
font-size: 2.3em;
font-weight: 600;
margin:0;
}

 .textimage_hoch {
    display: block;
    padding: 20px 0 0 20px;
}

 .textimage_quer {
    display: none;
}
   
.row{
  display: -ms-flexbox; /* IE10 */
  display: flex;
  -ms-flex-wrap: wrap; /* IE10 */
  flex-wrap: wrap;
  background-color:#595959;
  padding-bottom: 30px;
}

.column1 {
  -ms-flex: 30%; /* IE10 */
  flex: 30%;
  max-width: 30%;
  padding:10px;
}

.column3 {
  -ms-flex: 65%; /* IE10 */
  flex: 65%;
  max-width: 65%;
  padding:10px;
}

.column4 {
  -ms-flex: 25%; /* IE10 */
  flex: 25%;
  max-width: 25%;
  padding: 5px;
}

.column4 div {
    margin: 10px 0;
}

.container {
background-color:#595959;
padding:8px 20px;
}

.container img {
border-style:solid;
border-width:5px;
border-color:#454545;
}

.container img:hover {
border-style:solid;
border-width:5px;
border-color:lightgrey;
}

.ort {
display:block;
width: auto;
height:auto;
background-color:#9c9c9c;
font-size: 1.3em;
font-weight:bold;
text-align:right;
position:absolute;
filter:alpha(opacity=90);
opacity:0.9;
-moz-opacity:0.9;
-khtml-opacity:0.9;
-opera-opacity:0.9;
margin-top:-34px;
margin-left:5px;
padding: 0 5px;
    }

.text {
    line-height: 1.5em;
    margin: 10px 0;
    font-size: 1.1em;
}

.textimage {
    margin-top:10px;
}

.hide_desktop {
    display: none;
}

.hide_mobile {
    display: block;
}
 
#content {
background-color:#595959; 
font-size: 12pt;
color: #e4e4e4;
line-height: 23px;
padding-left:40px;
padding-right:130px;
text-align:justify;
}

h1 {
margin-bottom:30px;
font-size: 2em;
font-weight: 600;
}

h2 {
margin: 20px 0 10px 0;
font-size: 1.5em;
font-weight: 500;
}

.contact_link {
display:block;
width:295px;
height:20px;
background-color:#9c9c9c;
color: #363636;
font-size: 15px;
font-weight:bold;
text-align:right;
position:absolute;
filter:alpha(opacity=80);
opacity:0.8;
-moz-opacity:0.8;
-khtml-opacity:0.8;
-opera-opacity:0.8;
margin-top:-20px;
padding-right:5px;
padding-bottom:2px;
    }

@media screen and (max-width: 800px) {

.column3 {
-ms-flex: 95%;
flex: 95%;
max-width: 95%;  
}
    
.ort {
font-size: 1em;
margin-top:-27px;
    } 
    
.hide_desktop {
    display: none;
}
    
.hide_mobile {
    display: block;
}
        
.text {
    line-height: 1.5em;
    margin: -15px auto 30px auto;
    font-size: 1em;
}
    
 .textimage_hoch {
display: none;
}
    
 .textimage_quer {
display: block;
margin-bottom: 10px;
}
    
.row {
  padding: 0;
    }
}

@media screen and (max-width: 559px) {
  .column4 {
    -ms-flex: 50%;
    flex: 50%;
    max-width: 50%;
  }
    
.nav_mobile {
overflow: hidden;
display: block;
}
    
#nav_city {
display:none;
border:none;
    }
    
ul#Navigation {
text-align: center;
  }
    
ul#Navigation_City {
padding:  0;
text-align: center;
  }

ul#Navigation_City li {
list-style: none;
display: block;
font-weight:bold;
font-size: 1.3em;
padding-bottom:5px;
border-style:dotted;
border-width:1px;
border-color:orange;
border-left:none;
border-top:none;
border-right:none;
  }
    
a.navi_active {
border: none;
color: #c1c1c1;
}
    
a.navi_inactive {
color: c1c1c1;
}

a.navi_inactive:active {
border: none;
}
    
.hide_desktop {
    display: block;
}
    
.hide_mobile {
    display: none;
}
    
 .textimage_hoch {
    display: none;
}
    
 .textimage_quer {
    display: block;
    margin-bottom: 10px;
}
    
.text {
    margin: -40px 0 20px 0;
    font-size: 1em;
}
    
h1 {
margin: 40px 0 20px 0;
font-size: 1.4em;
font-weight: 600;
line-height: 1.2em;
}
    
h2 {
margin: 20px 0 10px 0;
font-size: 1.2em;
font-weight: 600;
line-height: 1.2em;
}
    
.city_headline h1 {
font-size: 1.5em;
font-weight: 600;
margin:0;
}
    
.column3 {
-ms-flex: 100%;
flex: 100%;
max-width: 100%;
}
    
.ort {
font-size: 0.9em;
margin-top:-25px;
    }
    
ul#Navigation li {
font-size: 1em;
}
}