@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: local('Open Sans Regular'), local('OpenSans-Regular'), url('/files/OpenSans-Regular.ttf') format('truetype');
}

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

 * logo height

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

 

#logo img {max-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;}



/* tablet */

@media only screen and (max-width: 1060px) {body {padding-top: 162px;}}



/* phone */

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





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

 * background-images

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



/* page background */

body, #container {background: #fff;}

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-image: url(../img/bg_socials.png);}





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

 * body fonts

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

 

body {font-family: 'Open Sans', Calibri, sans-serif; font-size: 14px; line-height: 18px;}





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

 * header fonts + color

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

 

h1, h2, h3, h4, h5, h6 {font-family: 'Open Sans', sans-serif; font-weight: normal;}

h1,h2,h3,h4,h5,h6,.color {

	color: #000000;

}





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

 * 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: 15px 18px;}

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: #6F6F6F;

	color: #FFFFFF!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: 13px;}





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

 * 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';} */





/**

 * Boxed Content page

 */

body.boxed {height: 100%;}

body.boxed #background {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}

body.boxed #background .inside {z-index: 200; position: absolute; left: 0; top: 0; width: inherit; height: inherit; overflow: hidden;}

body.boxed #background #overlay_pattern {z-index: 100; background: url(../img/pattern.png) repeat; position: absolute; top: 0; left: 0; overflow: hidden; width: 100%; height: 100%; opacity: 0.2;}



body.boxed #socials-container {display: none;}

body.boxed #container {width: 980px; margin: 0 auto; background: transparent; 

	-moz-box-shadow: 0 0 0 0; -webkit-box-shadow: 0 0 0 0; box-shadow: 0 0 0 0;

	padding-bottom: 0; margin-bottom: 20px;

}



body.boxed #main .mod_article {background:url(https://www.konopatzki-edelhaeuser.de/files/trans.png); padding: 20px;}

body.boxed #main .mod_article2 {background:url(https://www.konopatzki-edelhaeuser.de/files/trans.png) repeat-x;}

body.boxed #main .mod_article3 {background: white; padding: 20px; opacity: 0.85;

}



body.boxed #prevslide, body.boxed #nextslide {margin-top: 30px;}



body.boxed .supersized_wrapper #controls-wrapper {display: none;}

body.boxed .supersized_wrapper #prevslide {}



body.boxed #main .mod_article.w960 {width: 960px; float: left;}

body.boxed #main .mod_article.w720 {width: 720px; float: left;}

body.boxed #main .mod_article.w480 {width: 480px; float: left;}



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

{

	body.boxed #container {width: 100%;}

	body.boxed #prevslide, body.boxed #nextslide {display: none !important;}

}

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

{

	body.boxed #container {width: 100%; margin: 0 auto;}

	body.boxed #prevslide, body.boxed #nextslide {display: none !important;}

}



#supersized-loader { display: none; }