@media only screen and (max-width: 900px) { 

.naver {
	float: none;
	margin-top: 0px;
}

.naver a {
	font-size: 18px;
	padding: 12px;
	line-height: 20px;
}

.naver a:hover {
	padding: 12px;
	border: 0;
}

.naver a.aktive {
	padding: 12px;
	padding-bottom: 10px;
	border-bottom: 2px solid #C00;
}

.logo {
	float: none;
	display:block;
	border-bottom: 1px solid #999;
	padding-bottom:15px;
}

.spacer {
	height: 150px;
}

.mobil-spacer {
	display:block;
	height: 40px;
}

.titel {
	padding-top: 100px;
}

.karte {
	height: 350px;
}

.index-box-left,
.index-box-right,
.index-box {
	width: 100%;
	float:none;
}

.index-box {
	margin:0;
}

.potrait-block {
	width: 22%;
}

}

@media only screen and (max-width: 681px) { 

#header {
	position: absolute;
	background: url(../grafik/background-navi.jpg) center bottom;
	background-color:#333;
}

.naver {
	float: none;
	margin-top: 0px;
	text-align:center;
}

.naver a {
	line-height: 14px;
	font-size: 16px;
}

.logo {
	float: none;
	display:block;
	border-bottom: 1px solid #999;
	padding-bottom:15px;
	text-align:center;
}

.spacer {
	height: 130px;
}

.bild {
	margin-bottom: 10px;
}

.block,
.block-left,
.block-right,
.zitat,
.footer-right,
.footer-left,
.index-box-left,
.index-box-right,
.index-box,
.right-small {
	float:none;
}

.block-left,
.team,
.index-box-left,
.index-box-right,
.index-box,
.right-small {
	width: 100%;
}

.index-box {
	margin:0;
}

.block-right,
.zitat {
	width: 97%;
}

.scrollup{
    bottom:50px;
}

.titel {
	padding-top: 120px;
}

.right-spacer-zwei,
.right-spacer-eins {
	display: none;
}

.block {
	text-align:center;
	margin-left: 0;
	margin-right: 0;
}

h1 {
	font-size:38px;
}

h3 {
	background: url(../grafik/icon/icon-pfeil.png) 43px 3px no-repeat;
}

h3.open  {
	background: none;
}

.list-content,
h3 a {
	padding-left: 60px;
}

h3.icon-beratung a {
	background: url(../grafik/icon/picto.svg) 0 3px / 33px no-repeat;
}

h3.icon-cd a {
	background: url(../grafik/icon/picto.svg) 0 -46px / 33px no-repeat;
}

h3.icon-digital a {
	background: url(../grafik/icon/picto.svg) 0 -94px / 33px no-repeat;
}

h3.icon-print a {
	background: url(../grafik/icon/picto.svg) 0 -144px / 33px no-repeat;
}

h3.icon-technik a {
	background: url(../grafik/icon/picto.svg) 0 -192px / 33px no-repeat;
}

h3.icon-text a {
	background: url(../grafik/icon/picto.svg) 0 -240px / 33px no-repeat;
}

h3.icon-foto a {
	background: url(../grafik/icon/picto.svg) 0 -288px / 33px no-repeat;
}

h3.icon-liefer a {
	background: url(../grafik/icon/picto.svg) 0 -336px / 33px no-repeat;
}

h3.icon-beratung a:hover,
h3.open.icon-beratung a {
	background: url(../grafik/icon/picto.svg) 0 -409px /  33px no-repeat;
}

h3.icon-cd a:hover,
h3.open.icon-cd a {
	background: url(../grafik/icon/picto.svg) 0 -459px /  33px no-repeat;
}

h3.icon-digital a:hover,
h3.open.icon-digital a {
	background: url(../grafik/icon/picto.svg) 0 -507px /  33px no-repeat;
}

h3.icon-print a:hover,
h3.open.icon-print a {
	background: url(../grafik/icon/picto.svg) 0 -556px / 33px no-repeat;
}

h3.icon-technik a:hover,
h3.open.icon-technik a {
	background: url(../grafik/icon/picto.svg) 0 -604px /  33px no-repeat;
}

h3.icon-text a:hover,
h3.open.icon-text a {
	background: url(../grafik/icon/picto.svg) 0 -652px /  33px no-repeat;
}

h3.icon-foto a:hover,
h3.open.icon-foto a {
	background: url(../grafik/icon/picto.svg) 0 -700px /  33px no-repeat;
}

h3.icon-liefer a:hover,
h3.open.icon-liefer a {
	background: url(../grafik/icon/picto.svg) 0 -748px /  33px no-repeat;
}

.small {
	display:none;
}

.potrait-block {
	width: 47%;
}

.karte {
	width: 95%;
	padding-top: 5px;
	padding-bottom: 5px;
	height: 200px;
}

}