/* =============================================================================*/

.highlight { background: #b50000; color: #fff;}
.highlight a { color: #fff !important; font-weight: 700;}

/*  formular hack nach update  */

.ce_form label.one_third,
.ce_form input.one_third {
	width:95% !important;
}

.ce_form label.one_half,
.ce_form input.one_half {
	width:95% !important;
}

.ce_form label {
	font-size:13px;
}

#logo {
	width:225px;
}

#logo a {
	width:225px;
	background-size:100%;
}

#logo a img {
	width:100%;
	height:auto;
	background-size:100% !important;
	margin-top:9px;
}


nav#mainmenu ul li a,
body.no_navisubline nav#mainmenu ul li a {
	padding-left:12px !important;
	padding-right:12px !important;
}

.tp-bullets {
	display:none;
}

/*  erster Slide  */
#fachgeschaeft {
	background:rgba(0,0,0,0.55);
	background:#000;
	padding: 2px 5px;
	color:#fff !important;
}

#willkommen {
	background:rgba(0,0,0,0.55);
	background:#000;
	padding: 20px;
	color:#fff !important;
	letter-spacing:2px;
	text-transform:uppercase;
}

#brillen_ueberzeugen,
#zehn_jahre {
	padding:20px;
	font-size:50px;
	letter-spacing:2px;
	text-transform:uppercase;
	color:#4d4f4f !important;
}

#brillen_ueberzeugen p {
	color:#4d4f4f !important;
}

.h4-zusatz {
	font-size:18px !important;
	background:rgba(250,250,250,0.8);
	line-height:22px;
	padding:5px 10px;
}

#blick-werfen {
	background:rgba(0,0,0,0.35);
	background:#000;
	padding: 0px 15px;
}


#weihnachts_special {
	padding:20px;
	font-size:50px;
	line-height:80px;
	letter-spacing:2px;
	text-transform:uppercase;
	font-weight:bold;
	text-align:center;
	color:#354c90;
}

#geschenkideen {
	text-align:center;
	color:#000;
}

form a {
	color:#C61619;
}


fieldset fieldset {
	border:0;}

a {
	color:#aaa079;
}

#footer {
	padding-top:50px;
	background:#25252e;
	color:#fff;
	font-size:14px;
}

#footer p {
	z-index:999999 !important;
}

input,
textarea {
	padding:5px;
	box-shadow:none;
}

legend {
	background-color:transparent;
	color:#999;
}

/*.page-title {
	padding-top:100px;
}

#header .image_container,
#slider-header {
	padding-top:38px;
}*/

/* =============================================================================
 * logo height
 * ========================================================================== */
 
#logo img {height: 65px;}


/* =============================================================================
 * padding body top - if you change the logo height you must also adjust the padding of the body-tag
 * ========================================================================== */
 
body {padding-top: 67px; background:#333;}

/* tablet */
@media only screen and (max-width: 980px) {body {padding-top: 162px;}}

/* phone */
@media only screen and (max-width: 767px) {body {padding-top: 116px;}}


/* =============================================================================
 * background-images
 * ========================================================================== */

/* page background */
body, #container {background: #fff; box-shadow:none; }
body.dark, body.dark #container {background: #252525;}

/* page-title */
#header {background-image: url(../img/bg_title.png)}

/* extended-container - newsteaser */
#extended-container {background-image: url(../img/bg_extended.jpg);}

/* socials background // bottom of website */
#socials-container {background: #fff; border:0; box-shadow:none; margin-bottom:400px;}


/* =============================================================================
 * body fonts
 * ========================================================================== */
 
body {font-family: 'Source Sans Pro', sans-serif; font-weight: 300; font-size: 18px; line-height: 24px;}


/* =============================================================================
 * header fonts + color
 * ========================================================================== */
 
h1, h2, h3, h4, h5, h6 {font-family: 'Source Sans Pro', sans-serif; font-weight: normal;}
h1,h2,h3,h4,h5,h6,.color {color: #4d4f4f;}

.page-title h2 {
	color:#fff;
	text-transform:uppercase;
	font-size:24px;
	letter-spacing:20px;
}

/* =============================================================================
 * social icons - color
 * ========================================================================== */

#socials a {color: #959595;}


/* =============================================================================
 * buttons + submit buttons + hyperlinks - color
 * ========================================================================== */

.button, input[type="submit"], input.submit {background: #4a4c4c;}


/* =============================================================================
 * servicebox - color + border
 * ========================================================================== */

.servicebox {background: #f9f9f9;}


/* =============================================================================
 * mainmenu - paddings | layer 1 (width of the menuepoints)
 * ========================================================================== */

nav#mainmenu ul li a {padding: 30px 18px; font-size:12px; }
body.no_navisubline nav#mainmenu ul li a {padding: 21px 18px;}


/* =============================================================================
 * mainmenu - activ + hover | background-color
 * ========================================================================== */

#dropdown li a:hover, #dropdown li a.active, #dropdown li a.trail, #dropdown ul li a:hover, #dropdown ul li a.trail, #dropdown ul li a.active, #dropdown ul li.active a {background: #999; color: #fff!important;}

#dropdown li a.sale {
	background:#ba032d; color:#fff !important;
}

/* =============================================================================
 * mainmenu - color | layer 1
 * ========================================================================== */

nav#mainmenu a {color: #a9a9a9;}
body.top_light nav#mainmenu a {color: #4d4f4f;}


/* =============================================================================
 * mainmenu - background-color | layer 2 + 3
 * ========================================================================== */

nav#mainmenu ul ul {background: #222;}
nav#mainmenu ul ul li a {color: #a9a9a9;}
body.top_light nav#mainmenu ul ul {background: #fff;}


/* =============================================================================
 * mainmenu - font-size | layer 2 + 3
 * ========================================================================== */

#mainmenu ul ul {font-size: 12px;}


/* =============================================================================
 * submenu - hover | color
 * ========================================================================== */

#submenu a:hover {color: #657383;}


/* =============================================================================
 * slider fonts
 * ========================================================================== */

.camera_caption {font-size: 18px;}
.camera_caption h3 {font-size: 60px; margin: 0;}
.camera_wrap .button {padding: 12px 32px; font-size: 17px; margin-top: 20px;}

/* phones */
@media only screen and (max-width: 767px) {
	.camera_caption h3 {font-size: 30px;}
}


/* =============================================================================
 * default menu icon 
 * ========================================================================== */
/* overwrite all other icon definition in the page setup */
/* info: for icon-code look into the file icons.css */
/*  uncomment the following line if you want use this option !! */

/* .mod_navigation li a:before {content:'\e912';} */