/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
    height: auto;
  }
} 

* {
  box-sizing: border-box;
}

 /* Navbar container */
.navbar-pmm {
  overflow: hidden;
  background-color: #ffffff;
  font-size: 1.15em;
  color: #eb6909;
  width: 100%;
  padding-left: 10px;
}

/* Links inside the navbar-pmm */
.navbar-pmm a {
  float: left;
  font-size: 1.15em;
  color: #eb6909;
  padding: 50px 10px;
  text-decoration: none;
}

/* The dropdown-pmm container */
.dropdown-pmm {
  float: left;
  overflow: hidden;
}

/* Dropdown button */
.dropdown-pmm .dropbtn-pmm {
  border: none;
  outline: none;
  background-color: #abc61a;
  color: #fff;
  border-top: 0pt solid #000;
  border-radius: 25px;
  padding: 12px 40px;
  font: inherit; /* Important for vertical align on mobile phones */
  margin: 4px; /* Important for vertical align on mobile phones */
}

/* Add a red background color to navbar links on hover */
.navbar-pmm a:hover, .dropdown-pmm:hover .dropbtn-pmm {
  background-color: #435f64;
  color: #ffffff;
}

/* Dropdown content (hidden by default) */
.dropdown-content-pmm {
  display: none;
  position: absolute;
  background-image:url(../images/hg_megamenu.png); background-repeat:repeat;
  width: 100%;
  left: 0;
  z-index: 1;
}

/* Mega Menu header, if needed */
.dropdown-content-pmm .header-pmm {
  background: #eb6909;
  padding: 10px 3px;
  color: white;
  font-size: 1.15em;
}

/* Show the dropdown menu on hover */
.dropdown-pmm:hover .dropdown-content-pmm {
  display: block;
}

/* Create three equal columns that floats next to each other */
.column-pmm {
  float: left;
  width: 33%;
  padding: 15px 5px;
  border: solid 0pt #000;
}

/* Style links inside the columns */
.column-pmm a {
  float: none;
  font-size: 1em;
  color: #ffffff;
  padding: 5px;
  text-decoration: none;
  display: block;
  text-align: left;
}

/* Add a background color on hover */
.column-pmm a:hover {
  background-color: #eb6909;
}


/* Create three equal columns that floats next to each other */
.column-pmm2 {
  float: left;
  width: 95%;
  padding: 15px 5px;
  border: solid 0pt #000;
}

/* Style links inside the columns */
.column-pmm2 a {
  float: none;
  font-size: 1em;
  color: #ffffff;
  padding: 5px;
  text-decoration: none;
  display: block;
  text-align: left;
}

/* Add a background color on hover */
.column-pmm2 a:hover {
  background-color: #eb6909;
}




/* Clear floats after the columns */
.row-pmm:after {
  display: table;
  clear: both;
} 


.ueberschrift {
  font-size: 0.95em;
  padding: 10px 10px;
  color: #ffffff;
}