/* CSS-Datei: style.css */

html,body {
	background-color: #000000;
	margin:0;
	font-family:Arial;
	font-size: 16px;
	color: #CCCCCC;
	height:100%;}

.w3-theme {
color:#ccc !important;background-color:#000000!important}
.w3-theme2 {
color:#fff !important;background-color:#AEC3CE!important}
.w3-theme3 {
color:#fff !important;background-color:#cc99cc!important}


h1 {
  font-size: 23px;
  text-align: left;
  color: #FFEA81;
  font-family: Georgia, serif;
}
h2 {
  font-size: 19px;
  text-align: left;
  font-family: Georgia, serif;
  color: #FFEA81;
}
h6 {
  font-size: 15px;
  text-align: left;
  color: #FFFFFF;
}
h3 {
  font-size: 16px;
  text-align: left;
  color: #FFFFFF;
}
td {
  text-align: left;
  }
  .center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

  .topnav {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      background-color: #000000;
      color: #FFEA81;
      padding: 10px;
    }

    .topnav a {
      display: inline-block;
      color: #FFEA81;
      text-align: center;
      font-size: 18px;
      font-family: Georgia, serif;
      padding: 8px 12px;
      text-decoration: none;
      white-space: nowrap;
    }

 .bottomnav {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      background-color: #000000;
      color: #FFEA81;
      padding: 2px;
    }

    .bottomnav a {
      display: inline-block;
      color: #FFEA81;
      text-align: center;
      font-size: 14px;
      font-family: Georgia, serif;
      padding: 2px 8px;
      text-decoration: none;
      white-space: nowrap;
    }
.active {
  background-color: #3A3A3A;
  color: #FFEA81;
}

.topnav .icon {
  display: none;
}

.dropdown {
    float: left;
    overflow: hidden;
}

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

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #AEC3CE;
	color: white;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

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

.topnav a:hover, .dropdown:hover .dropbtn {
  background-color: #3A3A3A;
  color: white;
}

.dropdown-content a:hover {
    background-color: #436171;
    color: wjite;
}

.dropdown:hover .dropdown-content {
    display: block;
}
		footer{
    background-color: #000;
	color: white;
}

  .bild-container {
      max-width: 1200px;
      margin: auto; /* zentriert den Container */
      display: flex;
      justify-content: center;
      gap: 10px;
      padding: 8px 0;
    }

    .bild-container img {
    	flex: 1 1 0;
      max-width: 100%;
      height: auto;
      object-fit: contain;

    }
    .bild-container a {
    	flex: 1 1 0;
      max-width: 100%;
      height: auto;
      object-fit: contain;
      justify-self: center;
      text-align: center;
    }