@media screen and (max-width: 1280px) {
section {
	height: 350px;
}
.right {
	height: 350px;
}
#content .bv_alle_bilder img {
	margin: 0 0.24em 0.24em 0;
}

.bv-name {
	padding-top: 0.6em;
}
}

@media screen and (max-width: 1140px) {
#content .bv_alle_bilder img {
	width: 18.5%;
}
}

@media screen and (max-width: 1024px) {
.onlineschablone .block_info {
	font-size: 94%;
}

.bv {
	margin-bottom: 2.5em;
}

#content .bv_alle_bilder img {
	width: 18.4%;
}

#intro {
	width: 580px;
}
section {
	height: auto;
	padding-bottom: 40px;
}
.right {
	height: auto;
}

#content {
	line-height: 1.4em;
	font-size: 0.96em;
}
.page-title,
.page-title2,
.page-title3,
.page-title4 {
	font-size: 27px;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.page-title {
	margin-left: 0px;
	margin-top: 90px; 
	margin-bottom: 45px; 
}

.page-title2 {
	margin-left: 0px;
	margin-top: 70px; 
	margin-bottom: 15px; 
}

.page-title3 {
	margin-left: 0px;
	margin-top: 8px; 
	margin-bottom: 35px; 
}

.page-title4 {
	margin-left: 0px;
	margin-top: 25px; 
	margin-bottom: 20px; 
}
.bv-name {
	padding-top: 0.5em;
}
}

/* Small Desktops and Laptops ----------- */
@media screen and (max-width: 900px) {
#content .bv_alle_bilder img {
	width: 18.6%;
}

#entry, #entry_title {
	width: auto;
	padding-right: 40px;
	padding-left: 40px;
	margin-left: 0px;
}
.page-title,
.page-title2,
.page-title3 {
	margin-left: 0px;
}

#scroll-down {
	position: absolute;
	width: 35px;
	margin-left: 0px;
	left: 48%;
	bottom: 30px;
}

#intro {
	height: auto;	
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 80px;
	padding-right: 80px;
	padding-top: 40px;
	padding-bottom: 40px;
	text-align: center;
}

#aktuell,
#unser_unternehmen,
#referenzen {
	background-position: left top;
}

.right {
	float: right;
	/*width: 300px;*/
	height: auto;
	text-align: right;
	/*margin-right: 40px;
	margin-top: 80px;*/
	color: #FFFFFF;
}

.left {
	float: left;
	width: 300px;
	height: auto;
	text-align: left;
	margin-left: 40px;
	margin-top: 80px;
	color: #FFFFFF;
}

section {
	height: auto;
	padding-bottom: 40px;
}

.my-h11 {
	font-size: 1.4em;
	padding-top: 1.5em;
}
}

@media screen and (max-width: 740px) {
.onlineschablone .block_info {
	font-size: 90%;
}

.bv {
	margin-bottom: 2em;
}
#content .bv_alle_bilder img {
	width: 18.5%;
	margin: 0 0.18em 0.18em 0;
}
}

@media screen and (max-width: 660px) {
#entry, #entry_title {
	padding-right: 20px;
	padding-left: 20px;
}

#content .bv_alle_bilder img {
	margin: 0 0.16em 0.16em 0;
}
}

@media screen and (max-width: 600px) {
.bv {
	margin-bottom: 1.7em;
}
.bv-name {
	font-size: 18px;
	/*margin-left: 3%;*/
}
#content .bv_alle_bilder {
	width: 100%;
	padding-left: 3%;
	padding-bottom: 3%;
}

#content .bv_bilderreihe img {
	width: 31.8%;
}

#content .bv_alle_bilder img {
	width: 30%;
	margin: 0 0.25em 0.25em 0;
}

.page-title,
.page-title2,
.page-title3,
.page-title4 {
	font-size: 23px;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.page-title {
	margin-top: 80px; 
	margin-bottom: 40px; 
}

.page-title2{
	margin-top: 60px; 
	margin-bottom: 10px; 
}

.page-title3 {
	margin-top: 8px; 
	margin-bottom: 26px; 
}

.page-title4{
	margin-top: 15px; 
	margin-bottom: 18px; 
}
/*
#showLeft {
	margin-left: 85%;
	margin-right: 15%;
}*/
.bv-name {
	padding-top: 0.4em;
	padding-bottom: 0.2em;
}
}


/* Smartphones ----------- */
@media screen and (max-width: 400px) {
.bv {
	margin-bottom: 1.4em;
}
.bv-name {
	font-size: 14.8px;
}

#entry, #entry_title {
	padding-right: 10px;
	padding-left: 10px;
}

#content .bv_bilderreihe img {
	width: 31.6%;
}

#content .bv_alle_bilder img {
	width: 45%;
	margin: 0 0.22em 0.22em 0;
}

#desktop {display: none;}
header {display: none;}
#mobile-nav {display: block;}

.close {
	background-image: url(img/hamburger-active.png);
}

#scroll-down {
	position: absolute;
	width: 35px;
	margin-left: 0px;
	left: 50%;
	bottom: 30px;
}

#intro {
	background-color: #f7f7f7;
	height: auto;	
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 40px;
	padding-bottom: 40px;
	text-align: center;
}

.right p {display: none;}

.left p {display: none;}

section {height: auto; padding-bottom: 40px;}

h2 {font-size: 22px;}

.button1 {
	font-size: 12px;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

.mobile {display: block;}

#content {
	line-height: 1.35em;
	font-size: 0.90em;
}

.page-title,
.page-title2,
.page-title3,
.page-title4 {
	font-size: 20px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.page-title {
	margin-top: 70px; 
	margin-bottom: 30px; 
}

.page-title2{
	margin-top: 55px; 
	margin-bottom: 8px; 
}

.page-title3 {
	margin-top: 8px; 
	margin-bottom: 26px; 
}

.page-title4{
	margin-top: 12px; 
	margin-bottom: 16px; 
}

.bv-name {
	padding-top: 0.35em;
	padding-bottom: 0.12em;
}
}