/*Default Werte*/
body {
  font-family: sans-serif;
  color: #666666;
  font-size:15px;

  -webkit-font-smoothing: antialiased;
}

h1 { font-size:30px; font-family:sans-serif; color:#ffffff; padding-bottom:40px;
}

h2 { font-size:30px; font-family:sans-serif;
}

h3 { font-size:20px; font-family:sans-serif;
}

h4 { font-size:20px; font-family:sans-serif;
}

.input_field {
  font-size:15px; border-style:solid; border-width:1px; border-color:#666666; border-radius:5px;
}

.header_picture {
  font-size:26px; font-weight:bold; color:#ffffff; line-height:30px; padding-bottom:5px;
}
.div_Contact {
  position:absolute; top:350px; left:5%; width:90%;
}
.table_Navigation {
  display:none;
}
.div_Open_Hamburger {
  position:absolute; top:30px; right:20px; font-size:30px; float:right; padding-top:0px; padding-right:30px; color:#ffffff; cursor:pointer; display:block;
}
.span_Pictogram {
  font-size:50px; color:#666666; padding-right:20px;
}
.span_Pictogram_Small {
  font-size:24px; color:#666666; padding-right:20px;
}
.pictogram_Table_Header {
  font-color:#666666; font-size:24px;
}
.padder_Top_40 {
  padding-top:40px;
}

/*Dynamische Werte*/
@media (min-width: 600px) {

  h1 { font-size:30px; font-family:sans-serif; color:#ffffff; padding-bottom:40px;
  }
  .header_picture {
    font-size:30px; font-weight:bold; color:#ffffff; line-height:34px; padding-bottom:5px;
  }
  .div_Contact {
    position:absolute; top:350px; left:5%; width:90%;
  }
  .table_Navigation {
    display:none;
  }
  .div_Open_Hamburger {
    position:absolute; top:30px; right:20px; font-size:30px; float:right; padding-top:0px; padding-right:30px; color:#ffffff; cursor:pointer; display:block;
  }
  .padder_Top_40 {
    padding-top:40px;
  }
}

@media (min-width: 800px) {

  h1 { font-size:50px; font-family:sans-serif; color:#ffffff; padding-bottom:40px;
  }
  .header_picture {
    font-size:40px; font-weight:bold; color:#ffffff; line-height:44px; padding-bottom:5px;
  }
  .div_Contact {
    position:absolute; top:350px; left:10%; width:90%;
  }
  .table_Navigation {
    display:inline;
  }
  .div_Open_Hamburger {
    display:none;
  }
  .padder_Top_40 {
    padding-top:40px;
  }
}

@media (min-width: 1024px) {

  h1 { font-size:50px; font-family:sans-serif; color:#ffffff; padding-bottom:40px;
  }
  .header_picture {
    font-size:50px; font-weight:bold; color:#ffffff; line-height:54px; padding-bottom:5px;
  }
  .header {
    width:600px; color:#333333; font-family:Ubuntu; font-size:14px; background-color:#ffffff;
  }
  .table_Navigation {
    display:inline;
  }
  .div_Open_Hamburger {
    display:none;
  }
  .padder_Top_40 {
    padding-top:0px;
  }
}

@media (min-width: 1600px) {

  h1 { font-size:50px; font-family:sans-serif; color:#ffffff; padding-bottom:40px;
  }
  .header_picture {
    font-size:60px; font-weight:bold; color:#ffffff; line-height:64px; padding-bottom:5px;
  }
  .div_Contact {
    position:absolute; top:350px; left:10%; width:90%;
  }
  .table_Navigation {
    display:block;
  }
  .div_Open_Hamburger {
    display:none;
  }
  .padder_Top_40 {
    padding-top:0px;
  }
}