/* --- > 1600px --------------------------------------------- */
@media only screen and (min-width: 1600px) and (min-height: 340px) {
  #introsection .textbox {
    min-height: 200px;
  }
  #quicklinks {
    margin-right: 100px;
  }
}
/* --- > 2000px --------------------------------------------- */
@media only screen and (min-width: 2000px) and (min-height: 340px) {
  #keyvisual .container {
    height: 40vw;
  }
}
/* --- 1280px --------------------------------------------- */
/* -- iPad --------------------------------------------- */
@media only screen and (max-width: 1025px) and (min-height: 340px) {
  #keyvisual .keyvisual_text {
    font-size: 50px;
  }
  h1, .h1, h2, .h2 {
    font-size: 45px;
  }
  .mediumtext {
    font-size: 30px;
  }
}
/* --- 980px --------------------------------------------- */
@media only screen and (max-width: 979px) {
  #quicklinks {
    margin-right: 70px;
  }
  #nav_quicklinks li {
    margin-right: 10px;
  }
  .section.team .colleague_gallery .item {
    width: calc(33.33% - 40px);
  }
  #filter .box {
    flex-wrap: wrap;
  }
  #filter .item {
    width: 20%;
    margin-bottom: 1px;
  }
  #objects .item {
    width: calc(50% - 20px);
  }
}
/* --- widescreen ? --------------------------------------------- */
@media only screen and (max-height: 1000px) and (orientation: landscape) {
  #nav_mobile li.lvl1 {
    padding-bottom: 15px;
  }
  #nav_mobile li.lvl1 > a {
    font-size: 100%;
  }
  #nav_mobile li.lvl2 > a {
    font-size: 14px;
    line-height: 28px;
  }
}
/* --- widescreen laptop? --------------------------------------------- */
@media only screen and (max-height: 760px) and (orientation: landscape) {
  #nav_mobile {
    margin-top: 10vh;
    flex-wrap: wrap;
    max-height: 80vh;
    gap: 50px;
    justify-content: flex-start;
  }
}
/* --- 880px --------------------------------------------- */
@media only screen and (max-width: 880px) {
  #nav_quicklinks li:nth-Child(1), #nav_quicklinks li:nth-Child(2) {
    display: none;
  }
  #keyvisual_slider, #keyvisual_slider .item {
    height: 55vh;
  }
  #glossar_wrapper .flexcontainer, #news_wrapper .flexcontainer, #career_box_wrapper .flexcontainer, #contact_box_wrapper .flexcontainer {
    flex-wrap: wrap;
  }
  #glossar_wrapper .flexcontainer .container, #news_wrapper .flexcontainer .container, #career_box_wrapper .flexcontainer .container, #contact_box_wrapper .flexcontainer .container {
    padding-left: 0px;
  }
  #glossar_wrapper .flexcontainer > .headline, #news_wrapper .flexcontainer > .headline, #career_box_wrapper .flexcontainer > .headline, #contact_box_wrapper .flexcontainer > .headline {
    width: 100%;
    text-align: left;
  }
  #glossar_wrapper .flexcontainer > .headline h1, #glossar_wrapper .flexcontainer > .headline .h1, #news_wrapper .flexcontainer > .headline h1, #news_wrapper .flexcontainer > .headline .h1, #career_box_wrapper .flexcontainer > .headline h1, #career_box_wrapper .flexcontainer > .headline .h1, #contact_box_wrapper .flexcontainer > .headline h1, #contact_box_wrapper .flexcontainer > .headline .h1 {
    border-right: 0px;
    border-left: 5px solid #2F78C3;
    padding-left: 25px;
    margin-bottom: 20px;
  }
  #news_wrapper .news_container {
    max-height: 99999px;
  }
  #glossar_index {
    margin: 30px 0px;
  }
}
/* --- 768px --------------------------------------------- */
@media only screen and (max-width: 767px) {
  #mainmenu {
    display: none;
  }
  #mobilemenu {
    display: block;
  }
  #mobilemenu_container {
    display: flex;
  }
  h1, .h1, h2, .h2 {
    font-size: 40px !important;
  }
  .mediumtext {
    font-size: 25px;
  }
  #logo img, #logo_start img {
    max-height: 100px;
  }
  #logo_start {
    min-height: 100px;
  }
  #keyvisual .keyvisual_text {
    font-size: 40px;
  }
  #footer .container {
    flex-wrap: wrap;
  }
  #footer address {
    width: 100%;
    margin-bottom: 30px;
  }
  #pre_footer .textbox {
    font-size: 30px;
  }
  #introsection .container {
    left: 10px !important;
    width: calc(100% - 20px) !important;
    max-width: 100% !important;
    padding: 15px 25px 15px 40px;
  }
  #introsection .textbox {
    max-width: 100%;
  }
  .section.quote .container {
    flex-wrap: wrap;
  }
  .section.quote .imagebox, .section.quote .textbox {
    width: 100%;
    text-align: center;
    margin: 0px;
  }
  .section.quote .textbox .quotation {
    font-size: 25px;
  }
  .section.quote .textbox .quotation img {
    width: 80px;
  }
  .section.referenz_list .hoverbox .flexcontainer {
    flex-wrap: wrap;
  }
  .section.referenz_list .hoverbox .icon {
    margin-bottom: 5px;
    width: 100%;
  }
  .section.referenz_list .hoverbox .icon.type2 {
    display: none;
  }
  .section.text_img .layout_topleft, .section.text_img .layout_topleft_2, .section.text_img .layout_topleft_fullwidth, .section.text_img .layout_bottomleft {
    padding-left: 3%;
  }
  .section.text_img .layout_topleft_fullwidth {
    margin-top: 0vw;
  }
  .section.text_img .layout_topleft .textbox, .section.text_img .layout_topleft_2 .textbox, .section.text_img .layout_topleft_fullwidth .textbox, .section.text_img .layout_bottomleft .text, .section.text_img .layout_bottomright .text {
    max-width: 95%;
  }
  .section.text_img .layout_bottomright .textbox {
    padding-right: 0px;
  }
  .section.text_img .layout_bottomleft .image, .section.text_img .layout_bottomright .image {
    position: relative;
    max-height: 25vh;
  }
  .section.text_img .text > p {
    padding-left: 0px !important;
  }
  .section.text_img .layout_fullwidth .headlinebox {
    left: 20%;
    max-width: 80%;
    box-sizing: border-box;
    padding: 20px;
  }
  .section.text_img .layout_topleft_2 .image {
    left: 0px !important;
  }
  .section.text_img .layout_topleft_2 .headlinebox {
    margin-top: 50% !important;
  }
  .section.form .container {
    padding-left: 25px;
  }
  #quicksearch_container #searchbox {
    flex-wrap: wrap;
  }
  #quicksearch_container #searchbox .item {
    width: calc(50% - 1px);
    flex-grow: 0;
  }
  #quicksearch_container .textbox {
    margin-left: 0px;
  }
  #keyvisual_slider, #keyvisual_slider .item {
    height: 52vw;
  }
  .section.contact_box .container {
    padding-left: 30px !important;
  }
  #career_box_wrapper .flexcontainer > .headline span {
    border: 0px;
  }
}
/* --- 580px --------------------------------------------- */
@media only screen and (max-width: 584px) {
  /* contact page table */
  body {
    font-size: 16px;
  }
  h1, .h1, h2, .h2 {
    font-size: 30px !important;
  }
  .mediumtext {
    font-size: 22px;
  }
  .frontpage #nav_quicklinks li {
    opacity: 0;
    transition: 0.25s all;
  }
  .scrolled #nav_quicklinks li {
    opacity: 1;
  }
  #nav_mobile li.lvl1 > a {
    font-size: 100%;
  }
  #nav_mobile li.lvl2 > a {
    font-size: 16px;
  }
  #keyvisual .keyvisual_text {
    font-size: 35px;
  }
  .section.quote .textbox .quotation {
    font-size: 22px;
  }
  .section.quote .textbox .quotation img {
    width: 60px;
  }
  .section.referenz_list .listcontainer {
    margin: 0px;
  }
  .section.referenz_list .item {
    width: calc(100% - 10px);
  }
  .section.team .colleague_gallery .item {
    margin: 0px 5px 20px 5px;
    width: calc(50% - 10px);
  }
  .section.team .pos, .section.text .pos {
    font-size: 12px;
  }
  .doc_74 .textbox > .text > table td {
    display: block;
    width: 100% !important;
  }
  .doc_74 #routingtable td {
    display: table-cell;
    width: auto !Important;
  }
  .doc_74 #routingtable td:first-Child {
    width: 30px !important;
  }
  .section.tiles .container {
    flex-wrap: wrap;
  }
  .section.tiles .container .item {
    width: calc(100% - 0px);
    flex-grow: 0;
    margin-bottom: 60px;
  }
  .section.tiles .container .image {
    padding-bottom: 70%;
  }
  .section.tiles .container .equalheight {
    min-height: 0px !important;
    margin-bottom: 15px;
  }
  .section.tiles .container .image .hover {
    display: none;
  }
  #objects .item {
    width: calc(100% - 20px);
  }
  #filter_toggle_container {
    display: block;
  }
  #filter {
    max-height: 0px;
    transition: 0.25s all;
    overflow: hidden;
  }
  .filteropen #filter {
    max-height: 999px;
  }
  #filter .row2-7 {
    width: 100%;
  }
  #filter .row5-7 {
    width: 100%;
  }
  #filter .item {
    width: 50%;
    border-right: 0px;
  }
  #filter .options_filter .item {
    width: 100%;
    margin-bottom: 10px;
  }
  #immo .section {
    padding-right: 15px;
  }
  #immo .energy_attributes .label {
    min-width: 100%;
  }
  #immo .energy_attributes .value {
    display: block;
    padding: 5px 0px 10px 0px;
  }
  #immo #immo_attr {
    flex-wrap: wrap;
    padding: 15px;
    width: 100%;
    box-sizing: border-box;
    justify-content: space-between;
  }
  #immo #immo_attr > * {
    margin: 0px;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  #immo_breadcrump .container {
    padding-left: 0px;
    padding-right: 0px;
  }
  #immo_breadcrump .goback {
    display: none;
  }
  #immo #map {
    height: 300px;
  }
  #slider_yourwaywithus .title {
    font-size: 25px;
  }
  #slider_yourwaywithus .title .number {
    left: 0px;
    bottom: 65px;
    font-size: 50px;
  }
  #slider_yourwaywithus .textbox {
    padding-right: 70px;
  }
  #slider_yourwaywithus .slider_next {
    background-color: transparent;
  }
  #slider_yourwaywithus .content::after {
    opacity: 0.3;
  }
  #slider_yourwaywithus .item::after, #slider_yourwaywithus .item::before {
    display: none;
  }
  #news_wrapper .news_container .box {
    flex-wrap: wrap;
  }
  #news_wrapper .news_container .box .image {
    width: 100%;
  }
  #news_wrapper .news_container .box .textinfo {
    width: 100%;
    padding: 20px 0px 0px 0px;
  }
  .section.gallery .container .item {
    width: calc(50% - 10px);
    padding-bottom: 35%;
  }
  .section.logos_networking .container .item {
    width: calc(100% - 40px);
  }
  .section.logo_tiles .container .item {
    width: calc(33.33% - 20px);
  }
  .landingpageExternal #introsection .pagetitle {
    min-width: 0px;
    padding-right: 35px;
  }
}
/* --- 480px --------------------------------------------- */
@media only screen and (max-width: 479px) and (orientation: portrait) {
  #quicksearch_container #searchbox .item {
    width: calc(100% - 1px);
    flex-grow: 0;
  }
  #immo .section {
    padding: 60px 10px 50px 10px;
  }
  #immo .section .section_icon {
    top: 20px;
  }
  .section.text_img .layout_mid {
    padding-left: 0px;
  }
  .section.text_img .layout_mid .image {
    margin-top: 0px;
  }
  .section.text_img .layout_bottomleft .image {
    left: -5px;
  }
}
/* --- 380px --------------------------------------------- */
@media only screen and (max-width: 380px) and (orientation: portrait) {
  .animated .headlinebox h2 {
    hyphens: auto;
  }
  .section.team .name, .section.text .name {
    min-height: 38px;
  }
}
/* mobile LANDSCAPE ---------------------------------------------*/