/* FRONTEND CSS
*********************************************/
 
/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v18-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light'), local('Roboto-Light'),
       url('../fonts/roboto-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('../fonts/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}


html {
	/* scrollbar fix (prevent ugly left pull for lower content sites) */
	overflow-y: scroll;
	height:100%;
}

body {height:100%;margin:0;padding:0;font-family: 'Roboto', sans-serif;font-weight:300; font-size:16px; color: #303b41; background-color: #dfdddf;

}

h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 {font-weight:400;margin:0;padding:8px 0;}
h1, .h2{font-size:24px;}
h2, h2 a, .h2, .h2 a{font-size:20px;color:#303b41!important;}
h3, .h3{font-size:18px;}
b, strong{font-weight:400!important;}
a {text-decoration:none;}
#content a{font-weight:400;}
p{margin:0;padding-bottom:8px;}
p.readmore a{color:#303b41;font-weight:400;}
#content ul{padding-top:0;padding-bottom:8px;margin-top:0;margin-bottom:0;}
body.jobs h2, #content_bottom h3, body.jobs .h2, #content_bottom .h3{padding-bottom:8px;font-size:16px;}

.icon-chevron-right:before{content: "\e649";font-family:'Themify';}

#content_bottom .moduleItemReadMore{font-weight:400;color:#596670;}
#content_bottom h2{font-size:24px;}

.antispam{display:none;}

.clr{clear:both;float:none;}
.grau{color:#303b41;}
#logo p{margin:0;padding:0;}


#wrapper{background-color:#303b41; width:100%; max-width:1300px;margin:auto;}

#top{}

#logo{width:96%;padding:0; text-align:left;}
#logo img{width:100%;max-width:325px;height:auto;}

#main{position:relative;width:100%;padding:0px;background-color: #a95f22; color:#fff; }

#main_right{background-color:#ffffff;color:#303b41;}
#content_wrap{position:relative;}

#feature img{width:100%; max-width:1200px;height:auto;}


#menu_top{background-color: #a95f22; color:#fff;border-bottom:solid #ffffff 10px;text-align:right;font-size:16px;padding:4px 2%;}
#menu_top p{margin:0;padding:0;}
#menu_top ul{margin:0;padding:0;list-style-type:none; }
#menu_top ul li{display:inline-block;padding:0 20px 0 0;text-transform:uppercase;}
.mobilemenuck-bar-title{display:none!important;}

#content{}
#content a{color:#a95f22;}

#menu_left{font-weight:400;}
#menu_left .inner{padding:0 10px 0 20px;}
#menu_left ul{margin:0;padding:0;list-style-type:none;}
#menu_left ul li{margin:0;padding:0;}
#menu_left ul li a{display:block;padding:6px 0;text-transform:uppercase;}
#menu_left ul li ul li a{padding-left:20px;text-transform:none;}
#menu_left ul li.active a:before{color:#ffffff;content: "\e649";font-family:'Themify';}
#menu_left ul li.active ul li a:before{content:'';}
#menu_left ul li.active ul li.active a:before{color:#ffffff;content: "\e649";font-family:'Themify';}

#menu_sub{overflow:hidden;padding:80px;border:solid 1px #ffffff;border-radius:50%;position:relative;background-color:#ffffff;}
#menu_sub a{color:#829098;}
#menu_sub ul{margin:0;padding:0;list-style-type:none;width:260px;height:260px;border:solid 5px #829098;border-radius:50%;position:relative;background-image:url('../images/haus.png');background-repeat:no-repeat;background-position:center center;}
#menu_sub ul li{margin:0;padding:0;}
#menu_sub ul li a img{max-width:80px;height:auto;}
#menu_sub ul li a:hover img, #menu_sub ul li.active a img{max-width:120px;height:auto;}
#menu_sub ul li a span.image-title{display:none;}
#menu_sub ul li a{position:absolute;}
#menu_sub ul li a.pos1 {top:-40px;left:90px;}
#menu_sub ul li a.pos2 {top:45px;left:210px;}
#menu_sub ul li a.pos3 {top:190px;left:170px;}
#menu_sub ul li a.pos4 {top:190px;left:10px;}
#menu_sub ul li a.pos5 {top:45px;left:-30px;}

#menu_sub ul li a:hover.pos1, #menu_sub ul li.active a.pos1 {top:-60px;left:70px;}
#menu_sub ul li a:hover.pos2, #menu_sub ul li.active a.pos2 {top:25px;left:190px;}
#menu_sub ul li a:hover.pos3, #menu_sub ul li.active a.pos3 {top:170px;left:170px;}
#menu_sub ul li a:hover.pos4, #menu_sub ul li.active a.pos4 {top:170px;left:-10px;}
#menu_sub ul li a:hover.pos5, #menu_sub ul li.active a.pos5 {top:25px;left:-50px;}

#content_bottom{clear:both;background-color:#c9d1d6;padding:40px 4%;}

#icon{text-align:right;}

#footer{width:96%;padding:30px 2%;background-color:#303b41; color:#fff;font-size:14px;}
#footer a{color:#a95f22;}
#footer p{padding:0;margin:0;}

#footer ul{margin:0;padding:0;list-style-type:none;}
#footer ul li{display:inline-block;padding:0;}
#footer3 a{color:#fff;text-transform:uppercase;padding-left:8px;}
#footer2 p a{font-weight:400;color:#ffffff;position:relative;}
#footer2 p a:before{content: "\e75a";font-family:'Themify';padding-right:4px;top:1px;position:relative;}

#footer1, #footer2, #footer3{padding:0 0 10px 0;}


/*Kontaktformular-------------*/
h3 + dl{margin-top:0;}
dd{margin:2px 0 4px 0;padding:0;}

input, submit, textarea{color:#303b41;font-family: 'Roboto', sans-serif;font-size:14px;border:solid 1px #829098;}
input{margin:0; padding:2px 1%;}
.halb{width:50%;}
.ganz{width:96%;}
.viertel{width:22%;margin-right:1%;}
.dreiviertel{width:70%;}

fieldset{border:none;padding:0; margin:0;}
fieldset.objekt{border:none;padding:8px 0; margin:10px 0;border-top: solid 0px #829098;border-bottom:solid 0px #829098;}
input[type="submit"]{padding:15px 40px;background-color: #a95f22;border:solid 1px #fff; color:#fff}
input[type="checkbox"]{background-color:#fff;margin:0;padding:2px;border:solid 1px #fff;}

label.nolabel{  visibility: hidden; font-size: 1px; line-height: 1;}


/* Besonderheiten -------------*/

body.jobs .catItemIntroText{margin-bottom:30px;padding-bottom:30px;border-bottom:solid 1px #829098;}
body.jobs .catItemIntroText:last-child{border:none;}
.block_job{margin-bottom:30px;padding-bottom:30px;border-bottom:solid 1px #829098;}


/* Cookies */
.jb.cookie h2{font-weight:400!important;}
.blue{background-color:#a95f22!important;text-shadow:none!important;}
.jb.bottom.blue .jb.cookie-bg.white, .jb.bottom.blue .jb.cookie-bg.black { border-top: 1px solid #a95f22!important;}
.btn.btn-primary.jb.accept.blue{width:50px;}
.jb.accept:hover {box-shadow: 0 0 5px #000!important;}
.jb.cookie p a{color:#a95f22!important;}


/* MEDIA QUERIES
*********************************************/

/* Extra small devices (phones, less than 768px) */
/* No media query -> mobile first strategy */

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    
    #logo{position:absolute;top:0;left:0;padding:0;width:28%;}
    
	#menu_left a{color:#fff;}

    #menu_left .inner{display:block;}
    #menu_left{width:28%;float:left;margin-top:300px;}
    #main_right{width:72%;float:right;}
    
    #content_wrap{min-height:400px;}
    
    #content{width:94%;padding:30px 4% 30px 4%;}
  
	#footer1, #footer2 {width:30%;float:left;}
	#footer3 {width:30%;float:right;text-align:right;}
	h1{font-size:28px;line-height:1.1;}
	h2{font-size:24px;line-height:1.1;}
	
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 1024px) {
  
    #menu_left{width:25%;float:left;margin-top:350px;}
    #main_right{width:75%;float:right;}
	
    #menu_sub{position:absolute;top:-80px;right:0;}    
    #content{width:45%;padding:30px 0 30px 4%;}
}

@media (min-width: 1200px) {
    #menu_left{width:20%;margin-top:350px;}
    #main_right{width:80%;}   
    #content{width:52%;padding:30px 0 30px 4%;}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1300px) {
	
    #content{width:54%;padding:30px 0 30px 4%;}
    
 	#footer{clear:both;}
	#footer1{margin-left:390px;}
	#footer1, #footer2 {width:250px;}
	#footer3 {width:250px;margin-right:65px;}
	
	
 	
}

@media (max-width: 1023px) {
    #menu_sub {padding:50px;border-radius:0%;text-align:center;}
    #menu_sub ul{margin-left:50px;}
}

@media (max-width: 767px) {
	#menu_top{border-bottom:none;}
    #mobil{float:right;margin-right:30px;margin-top:30px;}
    #menu_sub {padding:50px;}
    #menu_sub ul{margin-left:5px;}
    #content{width:90%;margin:auto;}
    #logo{width:70%;float:left;height:130px;}
	#logo img{width:100%;max-width:240px;height:auto;}
    #menu_left{width:20%;float:right;margin-top:20px;}
    #main_right{clear:both;}
    #main{background-color:#ffffff;}
}

@media (max-width: 600px) {
    #logo{width:56%;float:left;height:120px;}
    #menu_left{width:40%;}
    #mobil{margin-top:10px;}
}