/* --- 1900px --------------------------------------------- */
@media only screen and (max-width: 1900px) {
  #container {
    max-width: 98%;
  }
  .projektslider {
    max-width: 47.5%;
  }
  .projektslider_li, .projektslider_re {
    max-width: 20%;
  }
  .projektslider_li .slick-slide img, .projektslider_re .slick-slide img {
    max-width: 100% !important;
    height: auto;
  }
}
@media only screen and (max-width: 1650px) {
  .buero {
    width: 40% !important;
  }
}
@media only screen and (max-width: 1500px) {
  /*
	.inner_l
	{
	width:60%;
}
	*/
  /*
	.aktuelles .item .re {
		margin-left: 20px;
		max-width:calc(~"47% - 20px");
	}
*/
  .projektslider .slick-prev:before, .projektslider .slick-next:before {
    display: block;
    height: 40px;
    width: 22.5px;
  }
  .projektslider .slick-next {
    right: -75px;
  }
  .aktuelles .item .re {
    max-width: calc(50% - 110px);
  }
  .buero {
    width: 60% !important;
  }
  aside.as_buero {
    display: none;
  }
}
/* --- 1280px --------------------------------------------- */
@media only screen and (max-width: 1280px) {
  header #header_top #headline_header {
    font-size: 16px;
  }
  #mainnavi li {
    min-width: 170px;
  }
  .aktuelles .item {
    display: block;
    margin: 0 auto 30px auto;
    width: 75%;
  }
  .aktuelles .item .li, .aktuelles .item .re {
    width: 100%;
    max-width: initial;
    margin: 0 auto;
  }
  .aktuelles .item .li img, .aktuelles .item .re img {
    width: 100%;
    height: auto;
  }
  .aktuelles .item .re {
    margin: 20px auto 30px auto;
  }
  .aktuell_ct aside {
    display: none;
  }
  #head_bild #subnavi {
    right: -50px;
  }
}
/* --- 1024px --------------------------------------------- */
@media only screen and (max-width: 1024px) {
  /*
	.weitere
	{

		&.alle
		{

			div
			{
				
				margin:0 20px 30px 0;
				max-width:calc(~"25% - 23px");
				&:nth-of-type(6n+0)
				{
					margin-right:20px;
				}
				&:nth-of-type(4n+0)
				{
					margin-right:0px;
				}
			}
			
			
		}
	}
*/
  #mainnavi > li a {
    font-size: 12px;
  }
  .inner_l {
    width: 100%;
  }
  .projektslider_li, .projektslider_re {
    display: none !important;
  }
  .projektslider {
    width: 100%;
    margin: 0;
    max-width: 100%;
  }
  .projektslider .slick-prev {
    left: 15px;
  }
  .projektslider .slick-next {
    right: 80px;
  }
  #down {
    display: none;
  }
  .head_weitere {
    margin: 20px auto;
    max-width: 95%;
  }
  .projektslider .slick-prev:before, .projektslider .slick-next:before {
    display: block;
    height: 40px;
    width: 22.5px;
  }
  header #header_top #headline_header {
    font-size: 18px;
    text-align: center;
    position: absolute;
    top: 85%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  aside {
    width: 30%;
  }
  .aktuelles, .buero {
    padding: 0 10px;
    width: calc(100% - 20px) !important;
  }
}
/* --- 860 --------------------------------------------- */
@media only screen and (max-width: 860px) {
  nav, #subnavi {
    display: none;
  }
  #container {
    width: 100%;
    max-width: 100%;
  }
  h1 {
    font-size: 20px;
  }
  header #header_top .logo_txt {
    font-size: 30px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70%;
  }
  .aktuelles .item {
    width: 100%;
  }
  #head_bild #subnavi {
    right: -50px;
  }
  .projektslider .slick-next {
    right: 0px;
  }
  footer .outer {
    display: block;
    padding-left: 20px;
    max-width: calc(100% - 20px);
  }
  footer .outer > div {
    width: 45%;
    float: left;
    margin: 0 20px 30px 0;
  }
  .weitere {
    max-width: 95%;
    grid-template-columns: repeat(auto-fill, minmax(150px, 48%));
    /*
	div
		{

			max-width:calc(~"50% - 23px");
			margin-right:0px;
			&:nth-of-type(1n+0)
			{
				margin-right:20px;
			}

		}
		*/
  }
  .weitere.alle {
    grid-template-columns: repeat(auto-fill, minmax(150px, 48%));
    /*/
			div
			{
				max-width:calc(~"50% - 23px");
				margin-right:0px;
				&:nth-of-type(1n+0)
				{
					margin-right:20px;
				}
			}
			*/
  }
  .weitere.alle > div:nth-of-type(1n+0) {
    margin-right: initial;
  }
  .inner_l {
    padding: 0 10px;
    width: calc(100% - 20px);
    max-width: calc(100% - 20px);
  }
  aside {
    display: none;
  }
  #mobilemenu {
    /*
		top: 0px;
		right: 0;
		*/
    width: 53%;
    padding-left: 0;
    z-index: 5;
  }
  #mobilemenu #mobilenavi {
    width: 100%;
    background-color: rgba(200, 200, 200, 0.8);
  }
  #mobilemenu #mobilenavi li .alevel1 {
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 10px;
  }
  #mobilemenu #mobilenavi li .dlevel1 li {
    padding: 6px 0;
  }
  #mobilemenu #mobilenavi li .dlevel1 li a {
    font-size: 15px;
  }
  #mobilemenu #mobilenavi li a {
    line-height: 1.2em;
    margin-bottom: 30px;
  }
}
/* --- 768px --------------------------------------------- */
/* --- 588px --------------------------------------------- */
@media only screen and (max-width: 584px) {
  body {
    font-size: 17px;
    line-height: 1.7em;
  }
  header #header_top .logo_txt {
    font-size: 22px;
    line-height: 1.1em;
  }
  header #header_top .logo {
    width: 45px;
  }
  header #header_top #headline_header {
    font-size: 16px;
  }
  header #burgerbutton {
    right: 12px;
    width: 35px;
    height: 18px;
    border-top: 3px solid #8e8e8e;
    border-bottom: 3px solid #8e8e8e;
  }
  header #burgerbutton:after {
    width: 35px;
    border-top: 3px solid #8e8e8e;
    top: 8px;
  }
  header #burgerbutton.aktiv {
    border-top: 3px solid #ff6600;
    border-bottom: 3px solid #ff6600;
  }
  header #burgerbutton.aktiv:after {
    border-top: 3px solid #ff6600;
  }
  header #mobilemenu #mobilenavi li .alevel1 {
    margin-left: 20%;
  }
  .outer {
    max-width: 95%;
  }
  .aktuelles, .buero {
    font-size: 15px;
    line-height: 1.5em;
  }
  .aktuelles h2, .buero h2 {
    font-weight: bold;
    line-height: 1.5em;
  }
  .spalten {
    /*z.B. .spalten(3, 30px, dotted, 3px);*/
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
    -webkit-column-rule-style: none;
    -moz-column-rule-style: none;
    column-rule-style: none;
    -webkit-column-rule-width: 0;
    -moz-column-rule-width: 0;
    column-rule-width: 0;
    -webkit-column-rule-color: #696969;
    -moz-column-rule-color: #696969;
    column-rule-color: #696969;
  }
  .spalten h1, .spalten h2, .spalten h3 {
    -webkit-column-span: all;
    column-span: all;
  }
  .spalten p {
    margin-bottom: 20px;
  }
  .weitere {
    grid-template-columns: repeat(auto-fill, minmax(130px, 48%));
    grid-gap: 10px;
    grid-row-gap: 20px;
  }
  .weitere div {
    font-size: 11px;
    line-height: 1.4em;
    max-width: initial;
    width: initial !important;
    /*
		width:calc(~"50% - 10px")!important;
			max-width:100%;
			margin:0 0 20px auto;
			&:nth-of-type(odd)
			{
				margin-right:20px;
			}

			&:nth-of-type(even)
			{
				margin-right:0!important;
			}
			*/
  }
  .weitere.alle {
    grid-template-columns: repeat(auto-fill, minmax(130px, 48%));
    grid-gap: 10px;
    grid-row-gap: 20px;
  }
  .weitere.alle div {
    max-width: initial;
    width: initial !important;
  }
  article ul li:before {
    top: 10px;
  }
  footer {
    background-color: #d0d0d0;
  }
  footer .outer div {
    width: initial;
  }
  footer .outer .adresse, footer .outer .add {
    width: 100%;
    font-size: 14px;
  }
  footer .outer .adresse .adresse1, footer .outer .add .adresse1 {
    width: 50%;
    float: left;
    margin-left: 10px;
  }
  footer .outer .adresse .adresse2, footer .outer .add .adresse2 {
    width: 43%;
    float: right;
  }
  footer .outer .adresse .adresse2 .mail_mobil, footer .outer .add .adresse2 .mail_mobil {
    display: inline;
  }
  footer .outer .footernavi, footer .outer .kontakt, footer .outer .metanavi {
    display: none;
  }
  footer .outer:last-of-type {
    float: right;
  }
  footer .outer .head {
    display: inline-block;
    line-height: initial;
    margin-bottom: 19px;
  }
  footer #scrollup {
    display: block;
  }
  #up {
    z-index: 1;
    top: 40px;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
  }
  #up img {
    max-width: 100%;
    height: auto;
  }
  .slider {
    max-width: 100%;
  }
  .slider img {
    max-width: 100%;
    height: auto;
  }
}
/* --- 480px --------------------------------------------- */
/*@media only screen and (max-width: 479px) {*/
/* --- 320px --------------------------------------------- */