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


#logo {
/* background-image:url('../images/der-optiker-logo.png'); */
background-size:100% 100%;
position: absolute;
width:76px;
height: 242px;
left: 50px;
top: 32px;
z-index: 99999;
}

#logo img {
  width: 100%;
}

#fullpage .slide {
	width: 100%;
	height: 100%;
	overflow: scroll;
}

.slide {
	overflow: scroll;
}

.clear {
margin:0;
padding:0;
clear:both;
border:none;
}

h2 {
color:rgb(255,255,255);
font-size:32px;
font-weight:bold;
line-height:42px;
margin-left: -1px;
}

h1 {
font-size:70px;
/* color: #0074A2; */
color: #FFFFFF;
font-weight: bold;
margin-bottom:8%;
clear:both;
letter-spacing:-0.005em;
margin-left:-3px;
text-shadow: 1px 1px 20px rgba(0, 0, 0, 0.40);
}

.contentwrap .frame-default, .contentwrap .leftbox, .contentwrap .rightbox {
background-color: rgba(0, 0, 0, 0.70);
padding:4%;
margin-bottom:4%;
float:left;
width: 92%;
}

.contentwrap .frame-default div p {
  margin-bottom: 10px;
}

.contentwrap .frame-default div:last-child p {
  margin-bottom: 0;
}

.contentwrap .rightbox {
width:92%;
}

.contentwrap .leftbox {
width:92%;
margin-right: 0;
}

.button a {
  background-color: #0074A2;
  display: inline-block;
  padding: 15px 20px 10px 20px;
  margin-bottom: 4%;
  margin-top: 4%;
  font-weight: normal;
}

.contentwrap {
width: 80%;
color:#FFFFFF;
padding:0 50px 0 50px;
margin: 350px auto 150px;
clear:both;
}

.contentwrap a, .contentwrap a:visited {
  color: #FFFFFF;
  text-decoration: none;
  font-weight: bold;
}

.contentwrap a:hover {
	text-decoration: underline;
}

.contentwrap table a, .contentwrap table a:visited {
  font-weight: normal;
}

.contentwrap table {
	width: 100%	;
	margin-top: 10px;
}

.contentwrap table td {
	vertical-align: top;
}

.contentwrap p:last-child {
margin-bottom:0;
}


.contentwrap p {
letter-spacing: 0.02em;
margin-bottom:8px;
word-spacing:-0.05em;
}

#navigation li a {
text-decoration:none;
color: #0074A2;
font-weight:bold;
font-size:60px;
margin-top:-5px;
display:inline-block;
line-height: 70px;
}

#navigation li.active a {
  color: #000000;
}

body {
font-family:URWGeometric;
font-size:32px;
line-height:42px;
background-color: #6f6f6f;
}

}

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


#logo {
/* background-image:url('../images/der-optiker-logo.png'); */
background-size:100% 100%;
position: absolute;
width:76px;
height: 242px;
left: 50px;
top: 32px;
z-index: 99999;
}

#logo img {
  width: 100%;
}

.datenschutz {
	font-size:26px;
}

#fullpage .slide {
	width: 100%;
	height: 100%;
	overflow: scroll;
}

.slide {
	overflow: scroll;
}

.clear {
margin:0;
padding:0;
clear:both;
border:none;
}

h2 {
color:rgb(255,255,255);
font-size:23px;
font-weight:bold;
line-height:29px;
margin-left: -1px;
}

h1 {
font-size:70px;
/* color: #0074A2; */
color: #FFFFFF;
font-weight: bold;
margin-bottom:8%;
clear:both;
letter-spacing:-0.005em;
margin-left:-3px;
text-shadow: 1px 1px 20px rgba(0, 0, 0, 0.40);
}

.contentwrap .frame-default, .contentwrap .leftbox, .contentwrap .rightbox {
background-color: rgba(0, 0, 0, 0.70);
padding:4%;
margin-bottom:4%;
float:left;
width: 92%;
}

.contentwrap .frame-default div p {
  margin-bottom: 10px;
}

.contentwrap .frame-default div:last-child p {
  margin-bottom: 0;
}

.contentwrap .rightbox {
width:80%;
}

.contentwrap .leftbox {
width:80%;
margin-right: 4%;
}

.button a {
  background-color: #0074A2;
  display: inline-block;
  padding: 15px 20px 10px 20px;
  margin-bottom: 4%;
  margin-top: 4%;
  font-weight: normal;
}

.contentwrap {
width: 500px;
color:#FFFFFF;
padding:0 50px 0 50px;
margin: 350px auto 150px;
clear:both;
}

.contentwrap a, .contentwrap a:visited {
  color: #FFFFFF;
  text-decoration: none;
  font-weight: bold;
}

.contentwrap a:hover {
	text-decoration: underline;
}

.contentwrap table a, .contentwrap table a:visited {
  font-weight: normal;
}

.contentwrap table {
	width: 100%	;
	margin-top: 10px;
}

.contentwrap table td {
	vertical-align: top;
}

.contentwrap p:last-child {
margin-bottom:0;
}


.contentwrap p {
letter-spacing: 0.02em;
margin-bottom:8px;
word-spacing:-0.05em;
}

#navigation li a {
text-decoration:none;
color: #0074A2;
font-weight:bold;
font-size:32px;
margin-top:-5px;
display:inline-block;
line-height: 45px;
}

#navigation li.active a {
  color: #000000;
}

body {
font-family:URWGeometric;
font-size:20px;
line-height:24px;
background-color: #6f6f6f;
}

}

#navigation {
display:block;
text-align:center;
z-index:99999;
position:fixed;
width:100%;
margin-top:42px;
}

#navigation li {
display: inline-block;
padding: 0px 10px;
overflow: visible;
height: 20px;
border-left:2px solid rgb(0,116,162);
}

#navigation li.first {
border-left:none;
}

/* Hintergrundbilder */

.slide {
background-position:center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

  #menuitem159 {
background-image: url(../../../../fileadmin/templates/deroptiker.li/images/hintergrund/hg_shop.jpg);
}

}