/* --- 1600px --------------------------------------------- */
@media only screen and (max-width: 1600px) {
  #mainnavi li a {
    padding: 3px 14px;
  }
  #mainnavi li ul li a {
    padding: 12px 20px;
  }
  .inner {
    width: 100%;
  }
  #content {
    width: 100%;
  }
  #footer .inner {
    width: 80%;
  }
  .box_container {
    max-width: initial;
  }
  .box_container {
    width: 95%;
  }
  .asp .item {
    margin: 0 35px 30px 0;
  }
  #container.shopartikel,
  #container #articles {
    width: 95%;
    margin: 20px auto 0 auto;
  }
}
/* --- 1280px --------------------------------------------- */
@media only screen and (max-width: 1280px) {
  #hauptgrafik_bg {
    background-image: none !important;
  }
  #blur {
    display: none;
  }
  #hauptgrafik {
    width: 100%;
  }
  #hauptgrafik .textbox {
    width: 80%;
  }
  .inner,
  #content_mi {
    width: 98%;
  }
  .inner.small,
  #content_mi.small {
    max-width: initial;
  }
  .box_container .box {
    width: 18%;
  }
  .footerlogos {
    width: 100%;
  }
  #header #logo_sticky {
    width: 80px;
    left: -105px;
    padding: 7px 9px;
  }
  #header #lupe_sticky {
    top: 142px;
  }
  #mainnavi {
    font-size: 14px;
  }
  #mainnavi li a {
    padding: 3px 10px;
  }
  #karriere_features .flip-card-front .head,
  #karriere_features .flip-card-back .head {
    font-size: 25px;
  }
  #karriere_features .flip-card-front .head,
  #karriere_features .flip-card-back .head {
    font-size: 25px;
  }
}
/* --- 950px --------------------------------------------- */
@media only screen and (max-width: 940px) {
  .inner {
    width: 95%;
  }
  h1,
  h2,
  h3 {
    text-align: left;
  }
  h1.center,
  h2.center,
  h3.center {
    text-align: left;
  }
  #mobilemenu,
  #burgerbutton {
    display: block !important;
  }
  #top_navi {
    display: none;
  }
  #page {
    padding-top: 50px;
  }
  #header #burgerbutton {
    top: 17px;
  }
  #header #upper #logo {
    position: absolute;
    /*top:48px;*/
    top: -18px;
    text-align: center;
    width: 110px;
    /*
				left: 50%;
				margin-left: -80px;
				*/
    left: 50%;
    margin-left: -75px;
    padding: 12px 20px;
    height: auto;
  }
  #header #upper #logo img {
    width: 100%;
    height: auto;
  }
  #header #suche form input[type="text"] {
    width: 265px;
  }
  #content {
    width: calc(100% - 20px);
  }
  .content {
    margin-bottom: 10px;
  }
  .content #content_li,
  .content #content_re {
    width: calc(100% - 10px);
  }
  #header.fixed {
    /*
			top:-88px;
			height:120px;
			*/
    top: 0;
    padding: 0;
    height: 55px;
  }
  #header.fixed #logo {
    top: -18px;
  }
  #header #link_bereiche {
    padding: 17px 20px 0px 20px;
  }
  #header #link_bereiche div {
    margin-bottom: 5px;
  }
  #header #link_bereiche #link_bauwerke {
    float: left;
  }
  #header #suche {
    /*

			right:5000px;
			top:15px;
			&.sticky
			{
			top:6px;
			right:10px;
		}
			*/
    display: none;
  }
  #header #lupe_sticky {
    /*top:17px;*/
    display: none;
  }
  #nav a {
    padding: 0 15px;
  }
  #nav li {
    padding-bottom: 5px;
  }
  ul {
    padding-left: 20px;
  }
  .asp_drop {
    display: block;
  }
  .asp_link {
    display: none;
  }
  .uebersicht .item {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 30px;
  }
  .uebersicht .item h3 {
    line-height: 1em;
    font-size: 14px;
  }
  #container.shopartikel,
  #container #articles {
    justify-content: space-around;
  }
  #container.shopartikel fieldset,
  #container #articles fieldset {
    width: 48%;
  }
  footer.outer {
    padding-left: 25px;
    padding-right: 10px;
    width: calc(100% - 35px);
  }
  .footerlogos {
    width: 100%;
  }
  .footerlogos .item {
    margin-right: 0;
    min-height: 155px;
    width: calc(55% - 20px);
  }
  #metanavi li {
    margin-right: 15px;
  }
  #metanavi li:last-of-type {
    margin-right: 0;
  }
  #asp_head .fl_container {
    margin: 0 auto;
    padding: 20px 0;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    align-content: space-between;
  }
  #asp_head .fl_container .item {
    margin-bottom: 30px;
  }
  #kontakt {
    display: flex;
    flex-wrap: wrap;
  }
  #kontakt .item {
    width: 95%;
  }
  .acc_ct {
    width: 95%;
    margin: 0 auto 20px auto;
  }
  .footerlogos .item h3 {
    text-align: center;
  }
  .parallax-window {
    min-height: 450px;
  }
  #karriere_features .flip-card {
    width: 45%;
  }
}
/* --- 640px --------------------------------------------- */
@media only screen and (max-width: 640px) {
  h1 {
    font-size: 18px;
  }
  #header #link_bereiche {
    font-size: 14px;
  }
  #header #link_bereiche div,
  #header #link_bereiche #link_bauwerke {
    float: none;
  }
  .box_container {
    width: 100%;
  }
  #hauptgrafik .textbox {
    width: 100%;
    box-sizing: border-box;
    padding: 15px 20px;
  }
  #hauptgrafik .textbox .ueberschrift {
    text-align: left;
    font-size: 20px;
    margin-bottom: 0;
  }
  #hauptgrafik .textbox p {
    margin: 0;
    font-size: 15px;
  }
  .box_container .box {
    float: none;
    box-sizing: border-box;
    width: calc(100% - 45px);
    max-width: initial;
    text-align: center;
    margin-bottom: 20px;
    margin: 0 auto 20px auto;
  }
  .box_container .box .box_content {
    margin: 0 auto;
  }
  #container.shopartikel fieldset,
  #container #articles fieldset {
    padding: 20px 20px 20px 20px;
    width: 360px;
    max-width: 100%;
    margin-right: 0;
  }
  #container.shopartikel .article,
  #container #articles .article {
    width: 95%;
    margin: 0 0 20px 0;
  }
  #pages_ct {
    width: 100%;
  }
  .kat_zurueck {
    width: 20px;
    padding: 8px 15px;
  }
  .kat_zurueck .text {
    display: none;
  }
  #nav a {
    padding: 0 8px;
    font-size: 13px;
  }
  #nav li:last-of-type a {
    border-right: none;
  }
  #formular input,
  #formular select {
    display: block;
    width: 80%;
    margin-bottom: 10px;
    padding: 5px;
  }
  #formular input[type="text"] {
    padding-right: 0;
    width: 78.5%;
  }
  #content_mi {
    padding-right: 10px;
    /*margin-left:20px;*/
    margin: 0 auto;
    width: calc(100% - 20px);
  }
  #content_mi.breit {
    width: calc(100% - 20px);
  }
  #content_re {
    /*
		float:none;
		padding:20px 20px 0 20px;
		width:calc(~'100% - 40px');
		*/
  }
  #content_re .fl {
    width: 100%;
  }
  .asp_drop {
    display: block;
  }
  .asp_link {
    display: none;
  }
  .asp_text {
    top: 5px;
    left: 12px;
    font-size: 12px;
  }
  .asp .item {
    margin: 0 auto;
  }
  .asp .item .bild img {
    max-width: 100%;
    height: auto;
  }
  .asp .item .text {
    width: calc(100% - 30px);
  }
  #metanavigation {
    float: none;
  }
  #adresse {
    margin-top: 20px;
  }
  table.aktion {
    width: 97%;
    margin-bottom: 20px;
  }
  table.aktion thead th,
  table.aktion tbody td {
    display: block;
    border: none;
    border-bottom: 1px solid #DBDBDB;
  }
  table.aktion tbody .zwei {
    padding-left: 10px;
    float: right;
    width: 80%;
  }
  table.aktion tbody .eins {
    font-weight: bold;
    float: left;
    width: 15%;
    display: none;
  }
  .pfeil {
    background-color: #dd710e;
    display: inline-block;
    width: 150px;
    padding: 5px 5px;
    text-align: center;
    color: white;
    margin-top: 10px;
    background-image: none;
  }
  .asp .item {
    margin-bottom: 30px;
  }
  #kastbox .item {
    margin: inherit auto;
    text-align: center;
  }
  #kastbox .item .text,
  #kastbox .item .bild,
  #kastbox .item .nix {
    float: none;
    width: 100%;
  }
  #kastbox .item .text .einleitung,
  #kastbox .item .bild .einleitung,
  #kastbox .item .nix .einleitung {
    width: 100%;
  }
  #kastbox .item .text,
  #kastbox .item .nix {
    text-align: left;
  }
  #to_top {
    position: initial;
    left: initial;
    right: 35px;
  }
  #stellenuebersicht {
    display: initial;
  }
  #stellenuebersicht .item {
    width: 100%;
    margin: 0 auto 30px auto;
  }
  .footerlogos {
    width: 95%;
  }
  .footerlogos .item {
    width: 100%;
    margin: 0 10px 30px 10px;
  }
  .footerlogos .item.last {
    margin-right: 10px;
  }
  .footerlogos .item .logo {
    padding: 30px 0;
  }
  .parallax-window {
    min-height: 300px;
  }
  #karriere_features .flip-card {
    width: 90%;
  }
}
/* --- 480px --------------------------------------------- */
/*@media only screen and (max-width: 479px) {*/
/* --- 320px --------------------------------------------- */