/* ----- CSS von Missfeldt, 2012 Optikerverzeichnis----- */
/* nunito-italic - latin */
@font-face {
 font-family: 'Nunito';
 font-style: normal;
 font-weight: 400;
 src: url('fonts/nunito-v9-latin-regular.eot'); /* IE9 Compat Modes */
 src: local('Nunito Regular'), local('Nunito-Regular'),
    url('fonts/nunito-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/nunito-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/nunito-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('fonts/nunito-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/nunito-v9-latin-regular.svg#Nunito') format('svg'); /* Legacy iOS */
}
body { margin:0; padding:0; font-size:120%; line-height:160%; font-family: "Nunito", sans-serif, Arial; text-align:left; color:#222; background:#fff; }
h1 { font-size:200%; color:#07f; margin:0 20px 16px 0; padding:0; line-height:130%; }
h2 { font-size:170%; color:#111; margin:50px 20px 12px 0; padding:0; line-height:130%; }
h3 { font-size:145%; color:#111; margin:30px 20px 10px 0; padding:0; line-height:130%; }
h4 { font-size:130%; color:#111; margin:26px 20px  6px 0; padding:0; }
p  { margin:2px 0 10px 0; }
ul, ol    { margin:0 0 0 15px; padding:0 0 8px 20px; }
li        { list-style-type:none; list-style-image:url(https://www.brillen-sehhilfen.de/bilder/arrow.png); margin:0 0 0 15px; padding:2px 0 2px 0;  }
a         { color:#05f; text-decoration:none; font-weight:bold; }
a:hover   { color:#00f; text-decoration:underline; }
a img     { border:none; }
form      { padding:0 10px 8px 10px; }
table     { max-width:100%; }
td        { padding:4px; vertical-align:middle; }
img       { max-width:100%; height:auto; }
iframe    { max-width:100%; max-height:auto; }
blockquote { font-style:italic; }
.page     { width:100%; max-width:1096px; margin:0 auto; padding:0; }
.header   { width:100%; background:#06f; color:#fff; padding:0; margin:0; border-radius:0 0 20px 20px }
.headline { font-size:120%; font-weight:bold; padding:10px 0 1px 0; }
.headline a         { color:#fff; text-decoration:none; }
.headline a:hover   { color:#fff; text-decoration:underline; }
.logo     { width:100%; margin:0; padding:0; float:left; }

.meta              { text-align:right; margin:0; display:block; }
ul.meta            { padding:14px 0 0 0; }
ul.meta li         { list-style-type:none; display:inline; padding:0 1.4% 0 0; }
ul.meta li a       { color:#fff; font-size:106%; }
ul.meta li a:hover { text-decoration:underline; }
.ad_in_article     { display:block; margin:30px 0; clear:both;  }
.ad_in_article_top { display:none; margin:0; }

/* hide the checkbox and the label */
input#responsive-nav,
label.responsive-nav-label { display: none; float:right; }

.second-nav { width:100%; height:42px; background:#333; margin:0 0 20px 0; font-size:106%; border-top:#fff 1px solid; }
nav {  width:100%; float:right; background:#333; margin:0; }
nav ul { margin:0; padding:0; color:#fff; }
nav li { margin:0 1px; padding:0; }
nav a { display:block; text-decoration:none; color:#fff; }
nav ul li { position:relative; float:left; list-style:none; }
nav ul li:hover { background:#000; }
nav ul li a { padding:0; color:#fff; padding:7px 13px 6px 13px; }
nav ul li a:hover { color:#bff; text-decoration:none; }
nav ul > li.submenu > a:after { position:relative; float:right; content:''; margin-left:0; margin-top:5px; }
nav ul ul li.submenu > a:after { margin-left:auto; margin-right:0; }
nav ul ul { position:absolute; top:-9999px; left:-9999px; background:#333;}
nav ul ul li { float:none; width:200px; border-bottom:1px solid #555; }
nav ul ul li a { padding:10px 20px; }
nav ul ul li:last-child { border-bottom:none; }
nav ul li:hover > ul { top:100%; left:0; }
nav ul ul li:hover > ul { top:0; left:200px; }

/* Declarations for the responsive menu */
@media (max-width: 1090px) {
	label.responsive-nav-label { position:relative; display:block; padding:7px 12px; background:#333; cursor:pointer; color:#fff; }
	label.responsive-nav-label span { margin-right:10px; }
	nav { position:absolute; top:-9999px; padding:10px; }
	input#responsive-nav[type=checkbox]:checked ~ nav { position:relative; top:0; padding: 0 0 10px 0; }
	nav a:after {  display:none; }
	nav li { float:none !important; width:100% !important; border-bottom:none !important; }
	nav li a { margin-bottom:1px !important; padding:6px 20px !important; background:#4a4a4a; }
	nav ul li:hover { background:none; }
	nav ul li a { padding:0; margin:2px 15px; color:#fff; }
	nav ul li a:hover { background:#000; }
	nav ul ul { position:relative !important; width:100%; left:0 !important; top:0 !important; background:none !important; box-shadow:none; }
	nav ul ul li { padding-left:20px; }
}

#content    { width:65%; max-width:640px; float:left;  margin:20px 0 20px 20px; }
#sidebar    { width:30%; max-width:300px; float:right; margin:0 0 20px 0; border-left:#ddd 1px solid; }
@media  (max-width:1027px) {
	body { font-size:110%; }
	#content { width:65%; max-width:640px; float:left; margin:0 0 20px 20px; }
	#sidebar { width:30%; max-width:300px; float:right; margin:0 0 20px 0; }
}
@media (max-width:899px) {
	body { font-size:120%; }
	#content { width:94%; max-width:899px; float:none; margin:10px; }
	#sidebar { width:94%; max-width:899px; float:none; margin:10px; }
}
#sidebar h3 { margin:0; padding:4px 10px 6px 10px; background:#eee; font-size:110% }
#sidebar p  { margin:6px 20px 2px 16px; padding:0; }
#sidebar ul, ol { margin:0; padding:0; }
#sidebar li { list-style-type:none; list-style-image:none; margin:0; padding:3px 0 3px 20px; border-bottom:#ddd 1px dashed; }
#sidebar a  { color:#00f; border:none; text-decoration:none; }

#footer     { margin:0; padding:12px 20px 20px 20px; border-top:#ccc 1px dashed; }
@media (max-width:1060px) { 
	h1          { font-size:150%; }
	h2          { font-size:140%; }
	h3          { font-size:130%; }
	#content    { width:96%; max-width:96%; float:none; margin:30px auto; }
	#sidebar    { width:96%; max-width:96%; float:none; margin:30px auto; font-size:100%;  }
	.top_ad     { display:none; margin:0; }
	.ad_in_article_top { display:block; margin:30px 0; }
}

@media (max-width:830px) { 
	.meta       { display:none; }
	h1          { font-size:140%; }
	h2          { font-size:130%; }
	h3          { font-size:120%; }
	#content    { width:96%; max-width:96%; float:none; margin:20px auto; }
	#sidebar    { width:96%; max-width:96%; float:none; margin:20px auto; font-size:100%; }
}

@media (max-width:500px) { 
	h1          { font-size:130%; }
	h2          { font-size:120%; }
	h3          { font-size:110%; }
	ul, ol      { margin:0 0 0 7px; padding:0 0 8px 15px; }
	#content    { width:96%; max-width:98%; float:none; margin:10px auto; }
	#sidebar    { width:96%; max-width:98%; float:none; margin:10px auto; font-size:100%; }
	.img_left   { float:none; margin:6px 20px; }
	.img_right  { float:none; margin:6px 20px; }
}

.line       { clear:both; font-size:0; height:11px; display:block; border-bottom:#ccc 1px solid; }
.clear      { clear:both; }
.clear_30   { clear:both; height:30px; }
.trenner    { clear:both; margin:10px 0; height:18px; border-bottom:#ccc 1px solid; }
.clear_line { clear:both; margin:10px 0 0 0; border-bottom:#a9bd00 1px dashed; }
.ext_link   { list-style:url(https://www.brillen-sehhilfen.de/bilder/arrow_extern.png) 3px 9px; }
.img_left   { float:left;  margin:6px 20px 25px 0; }
.img_right  { float:right; margin:6px 0 25px 20px; }
.img_cent   { margin:6px 0 25px 0; }
.img_center { margin:6px 0 25px 0; text-align:center; }
.img_text   { font-family:"Courier New", Courier, monospace; font-size:80%; line-height:14px; text-align:center; }
.overview   { font-size:90%; line-height:18px; text-align:left; padding:7px 10px; border:1px solid #ccc; }
.overview ul { margin:0; padding:4px 0 4px 10px; }
.search      { margin:20px 0 0 140px; }
.hight       { background-color:#df7; color:#222; padding:0 2px; }
.aktuell     { background-color:#df7; color:#222; border:#9cf 2px solid; border-radius:20px; padding:8px 16px; margin:30px 0; }
.top_ad      { margin:0 0; border-left:#ddd 1px solid; border-right:#ddd 1px solid; border-bottom:#ddd 1px solid; padding:12px; }
.footer_ad   { clear:both; margin:30px 0 30px 20px; }
.optiker_box    { margin:0 0 18px 0; padding:0 0 14px 0; border-bottom:#ccc 1px dashed; }
.optiker_box  p { margin:0 0 2px 0; padding:0 0 4px 0; }
.optiker_adr    { margin:0 0 2px 0; padding:0 0 2px 0; }
.optiker_tel    { margin:0; padding:0; float:right; }
.optiker_suche  { background-color:#deedff; border:#ccc 1px solid; margin:12px 0 15px 0; }
.optiker_suche h2 { color:#444; margin:8px 0 0 0; padding:0; }

.opt_name    { max-width:260px; padding:4px 4px 4px 8px; border:#00f 1px solid; background-color:#cff; font-size:100%; }
.opt_plz     { width:64px; padding:4px 4px 4px 8px; border:#00f 1px solid; background-color:#cff; font-size:100%; }
.opt_stadt   { width:160px; padding:4px 4px 4px 8px; border:#00f 1px solid; background-color:#cff; font-size:100%; }
.button      { padding:2px 12px; border:#fff 3px solid; color:#000; background-color:#fb0; font-size:100%; border-radius:6px; }

.datenschutzhinweis { bottom:1%; left:20%; width:60%; height:auto; position:fixed; z-index:990; border:#00f 3px solid; box-shadow:5px 7px 5px #333; margin:0 0 10px 0; padding:10px 20px 20px 20px; background-color:#f0f0f9; text-align:center; }
.datenschutzhinweis a, a:hover { color:#00f; }
.dsh_ok      { margin:12px 0 0 0; }
.dsh_ok a    { color:#fff; background-color:#060; padding:7px 15px 9px 15px; border:#fff 5px solid; border-radius:12px; font-weight: bold; }
.dsh_ok a:hover { color:#060; background-color:#dfd; }
.dsh_border { padding:5px; border:#e00 3px solid; background-color: #fff; }

.left        { float:left; }
.right       { float:right; }
.center      { clear:both; margin:0 auto; text-align:center; }
.alignleft   { float:left; margin:6px 35px 5px 0; }
.alignright  { float:right; margin:6px -4px 5px 35px; }
.aligncenter { text-align:center; margin:0 auto; padding:0; }
.noborder    { border:none; }
.serie-button { margin:30px 20px; padding:10px 12px 8px 12px; background-color:#eee; border:1px dashed #f00; font-size:18px; }

.table-line { border-bottom:1px solid #09C; }

.article-preview { margin:0 0 60px 0; padding:10px 0 0 0; border-bottom:1px #eee solid; }
.entry-title     { margin:0 0 12px 0; padding:0 0 6px 0; border-bottom:1px #eee solid; }
.entry-title a   { color:#bb2e02; border:none; }
.entry-meta      { border-top:1px #ddd dashed; text-align:center; margin:7px 0 0 0; padding:4px 0 3px 0; }
.opt-teaser      { border:#d74b13 3px solid; background-color:#deedff; padding:5px 30px 10px 30px; font-weight:bold; font-size:110%; }