@media (max-width: 1300px) {
  .wrapper {
    max-width: 970px; }
  .navbar ul {
    left: 230px; }
  .navbar ul li {
    margin-right: 10px; }
  .sec1_home {
    background: url("../img/index_bg.png") no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; }
  .sec1_home .text {
    max-width: 400px;/* Set smaller width for english index.html */ }
  .sec1_home .wrapper {
    min-height: 455px; }
  .sec2_home .boxes .box_img {
    max-width: 320px;
    width: 100%; }
  .sec2_home .boxes .box_text {
    padding-bottom: 0;
    line-height: 160%;
    width: calc(100% - 330px); }
  .sec3_home .boxes .box {
    max-width: 300px; }
  .sec3_home .boxes .box p {
    line-height: 160%;
    padding: 10px;
    min-height: 225px; }
  .footer .lastline p {
    text-align: center; }
    .footer .lastline p span {
      position: relative;
      left: 0;
      right: 0;
      display: block;
      margin-top: 5px; }
  .sec1_home .text .p2 {
    font-size: 20px; /* Set smaller font for english index.html */}
  .sec1_home .text {
    padding-top: 28px;/* Set smaller padding for english index.html */ }
    .sec1_home .text .p3, .sec1_home .text .p4 {
      font-size: 15px;/* Set smaller font for english index.html */ }
  .sec1_neuigkeiten .boxes p br {
    display: none; }
  .sec1_kartierung .boxes .leftside ul {
    margin-top: 23px; }
  .sec1_kartierung .boxes img {
    margin-top: 100px;
    max-width: 740px; }
  .sec1_kartierung .boxes2 .box_text p {
    line-height: 150%; }
  .sec1_publikationen ul {
    max-width: 590px; }
  .sec1_prasentationen {
    padding-bottom: 60px; } }

@media (max-width: 1100px) {
  .team_bg {
    min-height: 460px; }
  .sec2_team .boxes .box {
    width: 100%;
    max-width: calc(33.33% - 10px); } }

@media (max-width: 1000px) {
  .wrapper {
    max-width: 500px; }
  .sec2_team .boxes .box {
    padding-bottom: 0; }
  .sec2_team {
    padding-bottom: 50px; }
  .sec1_prasentationen .wrapper .mainimg {
    position: relative;
    right: unset;
    top: unset;
    max-width: 300px;
    display: block;
    margin: auto; }
  body {
    padding-top: 50px; }
  .navbar ul .dropdown_item .maina {
    padding-left: 25px;
    padding-right: 25px;
    position: relative; }
  .navbar ul li {
    text-align: center; }
  .navbar .dropdownline {
    background: transparent;
    position: relative;
    width: 100%;
    min-height: unset;
    top: unset;
    margin-top: 15px;
    display: block;
    visibility: hidden;
    opacity: 0;
    display: none; }
    .navbar .dropdownline a {
      position: relative;
      display: block;
      color: #313131; }
  .navbar_active .dropdown_item_active .dropdownline {
    visibility: visible;
    opacity: 1;
    display: block; }
  .navbar ul .dropdown_item .maina:after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 16px;
    height: 9px;
    background: url(../img/arrow_down.png);
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat; }
  .navbar {
    position: fixed;
    z-index: 99999;
    left: 0;
    right: 0;
    top: 0;
    background: #fff;
    padding-top: 12px;
    padding-bottom: 9px; }
    .navbar ul {
      top: 50px;
      background: #fff;
      left: 0;
      right: 0;
      bottom: 0;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      padding-bottom: 50px;
      visibility: hidden;
      opacity: 0;
      position: fixed;
      -webkit-transition: all .25s ease;
      -moz-transition: all .25s ease;
      -ms-transition: all .25s ease;
      -o-transition: all .25s ease;
      transition: all .25s ease; }
      .navbar ul li {
        margin: 0;
        margin-top: 13px;
        margin-bottom: 13px; }
        .navbar ul li a {
          font-size: 14px; }
        .navbar ul li a {
          padding: 0; }
    .navbar .lines {
      position: absolute;
      right: 15px;
      top: 50%;
      transform: translateY(-50%);
      z-index: 9999999999;
      cursor: pointer;
      padding-bottom: 3px; }
      .navbar .lines .line {
        width: 25px;
        height: 1px;
        background: #666666;
        margin-top: 4px;
        margin-bottom: 4px;
        -webkit-transition: all .25s ease;
        -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
        -o-transition: all .25s ease;
        transition: all .25s ease; }
      .navbar .lines .line:nth-child(2) {
        width: 25px; }
      .navbar .lines .line:nth-child(3) {
        width: 17px; }
  .navbar_active {
    position: fixed;
    z-index: 99999; }
    .navbar_active ul {
      visibility: visible;
      opacity: 1; }
    .navbar_active .lines .line:nth-child(1) {
      transform: rotate(50deg);
      width: 20px; }
    .navbar_active .lines .line:nth-child(2) {
      transform: rotate(-50deg);
      margin-top: -5px;
      width: 20px; }
    .navbar_active .lines .line:nth-child(3) {
      transform: rotate(-50deg);
      margin-top: -5px;
      width: 20px; }
  .navbar .language_slide {
    right: 60px; }
  .navbar .tw {
    right: 105px; }
  .navbar .language_slide .seleceted {
    min-width: 40px; }
  .sec1_home .downofphoto {
    bottom: -20px; }
  .sec2_home .boxes {
    display: block; }
  .sec2_home .boxes .box_img {
    margin: auto;
    display: block; }
  .sec2_home .boxes .box_text {
    width: 100%;
    text-align: center;
    line-height: 200%; }
  .projekt_sec1, .footer_items, .sec1_publikationen, .sec1_team, .sec2_home {
    padding-top: 50px;
    padding-bottom: 50px; }
  .sec1_team {
    padding-bottom: 20px; }
  .sec2_team .boxes .box h2 {
    font-size: 21px; }
  .sec3_home {
    padding-top: 50px;
    padding-bottom: 50px; }
  .sec3_home .boxes {
    display: block; }
    .sec3_home .boxes .box {
      width: 100%;
      margin: auto;
      max-width: 350px;
      margin-bottom: 25px; }
      .sec3_home .boxes .box p {
        min-height: unset;
        padding: 20px; }
    .sec3_home .boxes .box:last-child {
      margin-bottom: 0; }
  .footer .wrapper {
    text-align: center; }
  .footer .wrapper img {
    display: inline-block;
    margin: 15px; }
  .footer ul {
    position: relative;
    left: unset;
    right: unset;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center; }
    .footer ul li {
      margin-left: 15px;
      margin-right: 15px; }
      .footer ul li a {
        margin: 0; }
  .footer .lastline p {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto; }
  .sec1_eckdaten, .sec1_kartierung, .sec1_list_pages, .sec1_neuigkeiten {
    padding-top: 50px;
    padding-bottom: 50px; }
  .sec1_neuigkeiten .boxes2 a {
    font-size: 20px; }
  .sec1_neuigkeiten .boxes3 {
    display: block; }
    .sec1_neuigkeiten .boxes3 .box1, .sec1_neuigkeiten .boxes3 .box2 {
      width: 100%;
      max-width: 100%; }
  .sec1_list_pages ul li {
    line-height: 150%;
    padding-top: 3px;
    padding-bottom: 3px; }
  .sec1_list_pages h2 {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 20px; }
  .sec1_list_pages .boxes .box {
    margin-bottom: 30px; }
  .sec1_kartierung .boxes .leftside {
    position: relative;
    top: unset;
    left: unset;
    text-align: left; }
  .sec1_kartierung .boxes .leftside h2 {
    max-width: 100%;
    margin-top: 30px; }
  .sec1_kartierung .boxes .leftside ul {
    max-width: 100%; }
  .sec1_kartierung .boxes img {
    margin: auto;
    max-width: 100%;
    margin-top: 30px; }
  .sec1_kartierung .boxes2 {
    display: block; }
    .sec1_kartierung .boxes2 .box_text {
      order: 1;
      width: 100%;
      max-width: 100%;
      margin-top: 50px;
      margin-bottom: 30px; }
    .sec1_kartierung .boxes2 .box_img {
      margin: auto; }
  .sec1_eckdaten .boxes {
    display: block; }
    .sec1_eckdaten .boxes .box {
      width: 100%;
      max-width: 100%; }
  .sec2_team .boxes {
    display: block; }
    .sec2_team .boxes .box {
      max-width: 100%;
      width: 100%; }
  .sec1_publikationen .box {
    padding-right: 0; }
  .sec1_publikationen .box .mainimg {
    position: relative;
    right: unset;
    top: unset;
    display: block;
    margin: auto;
    margin-top: 20px;
    max-width: 160px; }
  .projekt_sec1 .boxes, .footer_items .boxes1 {
    display: block; }
    .projekt_sec1 .boxes .box, .footer_items .boxes1 .box {
      width: 100%; }
  .footer_items .boxes3 h2 {
    margin-bottom: 10px; } }

@media (max-width: 830px) {
  .team_bg {
    min-height: 360px; } }

@media (max-width: 650px) {
  .team_bg {
    min-height: 270px; } }

@media (max-width: 500px) {
  .wrapper {
    max-width: 370px; }
  .team_bg {
    min-height: 170px; }
  .sec1_home .text .p3, .sec1_home .text .p2, .sec1_home .text .p1, .sec1_home .text .p4 {
    text-align: center;
    padding: 0;
    margin: 0; }
  .sec1_home .text .p3, .sec1_home .text .p4 {
    font-size: 13px;
    line-height: 100%; }
  .sec1_home {
    background-position: calc(50% + 50px);
    background-size: 850px; }
  .sec1_home .wrapper {
    min-height: 335px; }
  .sec1_home .text {
    padding-top: 9px;
    max-width: 240px; }
  .sec1_home .text .p2 {
    font-size: 21px;
    margin-bottom: 5px;
    line-height: 90%; }
  .sec1_home .downofphoto {
    right: 15px;
    left: 15px;
    text-align: center;
    bottom: -15px; }
  .navbar .language_slide {
    right: 53px; }
  .navbar .tw {
    right: 98px; }
  .footer ul li {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px; }
    .footer ul li a {
      font-size: 14px; }
  .navbar .language_slide {
    top: 3px; }
  .navbar .tw {
    top: 5px; }
  .sec1_neuigkeiten .boxes2 a {
    font-size: 18px; }
  .generaltitle, .sec1_neuigkeiten h1 {
    font-size: 27px; }
  .sec1_neuigkeiten .boxes3 .box1 p {
    margin-top: 20px; }
  .sec1_neuigkeiten .boxes3 .box2 {
    margin-top: 30px; }
  .sec1_neuigkeiten .boxes2 a .paragraph {
    font-size: 12px; } }

@media (max-width: 340px) {
  .navbar {
    padding-top: 13px;
    padding-bottom: 11px; }
    .navbar .logo {
      max-width: 163px; } }