body {
  margin: 0 auto;
  max-width: 1200px;
}

#navbar ul {
  list-style-type: none;
  text-align: center;
  padding: 0;
}

#navbar li {
  display: inline-block;
  padding: 0 10px;
  font-style: none;
}

.uberschrift{
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
}

.navpoint a {
  font-size: 28px;
  color: black;
  text-transform: uppercase;
  text-decoration: none;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
}

header {
  text-align: center;
  font-size: 60px;
  font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
}

.spacehoppertext{
  text-align: center;
  font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
  display: block;
}

.btn-group {
  display: inline-block;
}

#conherren {
  margin-top: 150px;
}

.conw {
  width: 100%;
}
.conw p{
  font-size: 30px;
}
 
.conw h1 {
  text-align: center;
}

.con h2 {
  text-align: center;
  font-size: 35px;
}

.listuber{
  list-style-type: none;
  font-size: 23px;
}

.listunter {
  font-size: 20px;
  list-style-type: disc;
}

.uberschrift a {
  max-width: 1200px;
  text-align: center;
  text-decoration: none;
  color: black;
}
/*
.col{
  width: 230px;
  display: inline-block;
  margin: 0 3px;
  height: 300px;
}
.col p{
  text-align: center;
} */

.con {
  min-height: 500px;
  max-width: 1200px;
}
.con img {
  float: left;
  margin: 0;
}
.con .txt {
  float: left;
  max-width: 500px;
  padding: 100px 0;
  margin: 0 0 0 42px;
}

.dropdown a:hover {
  color: #0b0b0b;
  border-bottom-color: #52bab3;
}
.dropdown::before {
  content:"";
}
.dropdown li::before{
  display: none;
}
.dropdown::after{
  content:;
}
 /* Dropdown Button */
.dropbtn {
  background-color: #10B219;
  color: white;
  padding: 16px;
  font-size: 30px;
  border: none;
  cursor: pointer;
  margin: 10px 1px 2px 0;
  width: 228px;
  text-align: center; 
}

.dropbtn:hover, .dropbtn:focus {
    background-color: #3e8e41;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
  max-width: 230px;
  margin-top: 150px;
}
.dropdownimp {
  position: relative;
  display: inline-block;
  max-width: 100%;
}

.dco {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  z-index: 2;
  list-style-type: none;
  text-align: center;
  width: 228px;
  padding-left: 0; 
}

.dco a{
    color: black;
    padding: 12px 0;
    text-decoration: none;
    display: block;
  margin: 0;
}
.dco a:hover{
  background-color: #786D6D;
}


/* Dropdown Content ButtonA * /
.dropdown-contentA{
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    z-index: 2;
  list-style-type: none;
  text-align: center;
  width: 228px;
  padding-left: 0; 
}
.dropdown-contentA a{
    color: black;
    padding: 12px 0;
    text-decoration: none;
    display: block;
  margin: 0;
}
.dropdown-contentA a:hover{
  background-color: #786D6D;
}
/*Dropdown Content ButtonB * /
.dropdown-contentB{
   display: none;
    position: absolute;
    background-color: #f9f9f9;
    z-index: 2;
  list-style-type: none;
  text-align: center;
  width: 228px;
  padding-left: 0; 
}

.dropdown-contentB a{
    color: black;
    padding: 12px 0;
    text-decoration: none;
    display: block;
  margin: 0;
}
.dropdown-contentB a:hover{
  background-color:#786D6D;
}
/*Dropdown Content ButtonC * /
.dropdown-contentC a{
    color: black;
    padding: 12px 0;
    text-decoration: none;
    display: block;
  margin: 0;
}
.dropdown-contentC{
  display: none;
    position: absolute;
    background-color: #f9f9f9;
    z-index: 2;
  list-style-type: none;
  text-align: center;
  width: 228px;
  padding-left: 0;
  
}
.dropdown-contentC a:hover{
  background-color: #786D6D;
}
/*Dropdown Content ButtonD * /
.dropdown-contentD{
  display: none;
    position: absolute;
    background-color: #f9f9f9;
    z-index: 2;
  list-style-type: none;
  text-align: center;
  width: 228px;
  padding-left: 0;
  
}
.dropdown-contentD a{
    color: black;
    padding: 12px 0;
    text-decoration: none;
    display: block;
  margin: 0;
}
.dropdown-contentD a:hover{
  background-color: #786D6D;
}
/*Dropdown Content ButtonE * /
.dropdown-contentE{
  display: none;
    position: absolute;
    background-color: #f9f9f9;
    z-index: 2;
  list-style-type: none;
  text-align: center;
  width: 228px;
  padding-left: 0;
  
}
.dropdown-contentE a{
    color: black;
    padding: 12px 0;
    text-decoration: none;
    display: inline-block;
  margin: 0 12%;
}
.dropdown-contentE a:hover{
  background-color: #786D6D;
}
/*Impressum Button*/

.dropbtnimp:hover, .dropbtnimp:focus {
    background-color: #3e8e41;
}
.dropbtnimp{
  background-color: #10B219;
  color: white;
  padding: 16px;
  font-size: 30px;
  border: none;
  cursor: pointer;
  margin: 10px 1px 2px 0;
  max-width: 228px;
  text-align: center;
  
}
.dropdown-contentF{
  display: none;
  position: relative;
  background-color: #f9f9f9;
  z-index: 2;
  list-style-type: none;
  text-align: center;
  min-width: 600px;
  padding-left: 0;
  text-align: center;
  
}
.dropdown-contentF a{
  color: black;
  padding: 12px 0;
  text-decoration: none;
  display: block;
  margin: 0;
}
.dropdown-contentF a:hover{
  background-color: #786D6D;
}
.dropdown-contentF ul{
  vertical-align: middle;
}
/* Change color of dropdown links on hover */
.show {
  display:block;
} 

#buttonwrap{
  display: table-cell;
  padding-top: 0;
  padding-right: 19px;
  padding-left: 20px;
  padding-bottom: 0;
  width: 1200px;
}
footer{
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}

.clear {
  clear: both;
}