@charset "utf-8";
body {
	margin: 0 auto;
	font-family: Arial;
	background-color: darkgray;
	text-align: center;	
}

.topnav {
  overflow: hidden;
  background-color: #333; 
  max-width: 100%;
}

.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.active {
  background-color: darkgray;
  color: black;
}

.topnav .icon {
  display: none;
}

.dropdown {
    float: left;
    overflow: hidden;
	max-width: 100%;
}

.dropdown .dropbtn {
    font-size: 17px;    
    border: none;
    outline: none;
    color: white;
    padding: 14px 16px;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: gray;
    min-width: 20%;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.4);
    z-index: 1;
}

.dropdown-content a {
    float: none;
    color: white;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.topnav a:hover, .dropdown:hover .dropbtn {
  background-color: silver;
  color: black;
}

.dropdown-content a:hover {
    background-color: lightgray;
    color: black;
}

.dropdown:hover .dropdown-content {
    display: block;
}

@media screen and (max-width: 600px) {
  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;	
	
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;

  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
}

.hauptueberschrift {	
	font-weight: bold;
	position: relative;
	-webkit-transition: all;
	-moz-transition: all;
	-ms-transition: all;
	-o-transition: all;
	transition: all;
	overflow: auto;
	background-color: darkgray;
	color: blue;		
}
.haupttext {		
	text-align: left;
	position: relative;
	-webkit-transition: all;
	-moz-transition: all;
	-ms-transition: all;
	-o-transition: all;
	transition: all;
	overflow: auto;
	background-color: darkgray;
	color: blue;		
}

.textbildr {width: 25%; float: right; margin-left: 15px; }
.textbildl {width: 25%; float: left; margin-right: 15px; }

.brespons { 
	border-radius: 2%; 
	max-width: 90%;
    height: auto;
}
.responsfoto { 
	border-radius: 2%;
	width: 80%;   
	max-width: 700px;
    height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.responsfoto-k { 
	border-radius: 2%;
	width: 50%;   
	max-width: 500px;
    height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.responsfoto-gk { 
	border-radius: 2%;
	width: 20%;   
	max-width: 200px;
    height: auto;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.unterschrift {
	background-color: darkgray;
	color: blue;
}
.impress {font-size: smaller; text-align: center;}
.HSÜb3 {	font-size: small;
}
.kleinweiss {	color: white;
	font-size: smaller;
	text-align: right;		
}
.kleinrot {	color: red;
	font-size: smaller;
	text-align: center;		
}
.dickrot {	color: red;
	text-align: center;	
	font-weight: bold
}
.kleingelb {	color: yellow;
	font-size: smaller;
	text-align: center;	
}
.kleinschwarz {	color: black;
	font-size: smaller;
	text-align: right;		
}
.topnavtab1 {	color: white;
	text-align: left;	
	font-weight: bold;
}
.links {text-align: left;}
.extragross {font-size:7.0vw;}
a:link {
    text-decoration: none;
}
#MTG-KommTab {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
}
#MTG-KommTab td, #MTG-KommTab th {
    border: 1px solid #ddd;
    padding: 8px;
}
#MTG-KommTab tr:nth-child(even){background-color: silver;}
#MTG-KommTab tr:hover {background-color: lightgray;}
#MTG-KommTab th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: darkgray;
    color: white;
}