/*! responsive.css */

/* ... 901px and more ...
-----------------------------------------------*/
@media (min-width: 901px) {
  .mm-top {
    display: none;
  }
	
	
	
#wrapper {
  display: flex;
  flex-flow: column;
  max-width: auto;
  margin-left:30px;
  margin-right:30px;
  padding:0;
 } 

#container {
	display: flex;
	flex-grow: 1;
}
#header{
	/*height:260px;*/
	z-index:200;
}

#main{
	padding: 1rem 1rem 1rem;
	width:65%;
}
	
.kopf {
    width: 100%;
    position: absolute;
	   top:10px;
  }
	 
	
.chapter{
	display:none
	}
.logo{
	display:none
	}
.subnav {
	font-weight:lighter
	}
.subnav li::after{ 
	content: " // "; 
	color: #000; 
	font-size: 1em; 
	}
	
 .intro{
	position:absolute;
	width:50%; 
    }
  .referenzen_mobil{
    xdisplay:none
	}
	
}
/* ... 901px and more  ... END
-----------------------------------------------*/



/* ... 900px and less ...
-----------------------------------------------*/
 @media (max-width: 900px) {
	
	 

 #header{
     margin-right: 1.8rem;
   }
   
   #main{
    width:100%;
   }
	 
  #main .inside {
  	padding: 1rem 1rem 1rem 1rem;
	}

  #wrapper {
     max-width: auto;
    margin-left: 0.1rem;
    margin-right: 1rem;
   }

  .kopf {
    width: 100%;
    position: absolute;
  }
	 

  .intro{
	  display:none
	 }
  .referenzen_uebersicht{
	  xdisplay:none
	 }
  .referenzen, .adresse, .referenzen_mobil{
    margin-top:0em;
	width:100%
    }
	 
   .sprache_mobil a{
		color:#000;
	}

   .subnav {
	   width:100%; 
	}
   .subnav li .first{
	   padding-top:0px;
	}

}
/* ... 900px and less ... END
-----------------------------------------------*/



/* ... 799px and less ...
-----------------------------------------------*/
@media (max-width: 799px) {
	
	   #main{ 
	  margin:0;
	  padding:0;
	}
  #main .inside {
  	 margin:0;
	 padding:0;
  }
	
	footer .inside {
    padding: 0 0rem 0rem;
}
  .ce_gallery ul.cols_5,
  .ce_gallery ul.cols_6,
  .ce_gallery ul.cols_7
  .ce_gallery ul.cols_8 {
    grid-template-columns: repeat(4, 1fr);
  }
  .kopf {
    width: 100%;
    position:absolute;
    top:10px;
    right:4em;
    }
  .kopf h1{
    font-size:1.4rem
  }

  .kopf h3{
    font-size:1.2rem
  }


}
/* ... 799px and less ... END
-----------------------------------------------*/



/* ... 626px and less ...
-----------------------------------------------*/
@media (max-width: 626px) {

	
  #header {
	  height:80px;
    }
   #main{ 
	  margin:2rem 0rem 0rem 0rem;
	  padding:0;
	}
  #main .inside {
  	 margin:0;
	 padding:0;
  }
  #footer{
	  display:none;
	}

  .logo a{
	  font-size:32px;
	}
 .home_text {
    width: 100%;
    margin-top: 0px;
}
 
	
}
/* ... 626px and less ... END
-----------------------------------------------*/



/* ... 399px and less ...
-----------------------------------------------*/
@media (max-width: 399px) {
	
	


}
/* ... 399px and less ... END
-----------------------------------------------*/