/* Allgemeine Einstellungen */
html { font-size:14px; letter-spacing:1px; font-family:Armata, sans-serif;}
body, body.site, body.site.fluid 
{ background-color:transparent; color:#666; font-family:"Armata",Helvetica,Arial,sans-serif; font-size: 14px; background-color:#222;}
h1 {font-weight:normal; font-size: 40px; margin-bottom:35px; text-align:center; text-transform: uppercase; }
.h1-title {font-size:40px!important; margin-bottom:70px!important; text-align:center;}
h2 {text-align:center; font-size:26px; margin-bottom:25px; margin-top:25px; font-weight: normal;}
h3 {font-weight:normal;}
p {font-size:14px!important; text-align:justify;}
a {color:#707070;}
a:hover {color:#B62C57;}
.adress { padding:10px 0;}
.fehler { color:red!important; }
.row-fluid .span2 {padding:0!important; margin:6px!important; text-align:center; font-weight:bold; color:#fff;}
#content a {text-decoration:underline;}
#cck26_mainbody, #cck27_mainbody, #cck25_mainbody { max-width:600px; margin:auto;padding-bottom:30px;}
ul.newsflash-horiz #cck25_mainbody, ul.newsflash-horiz #cck26_mainbody,ul.newsflash-horiz #cck27_mainbody { padding-bottom:0px;}
#cck26_mainbody p, #cck26_mainbody h3, #cck26_art_fulltext p {text-align:left; }
#mittel_abstand { margin: 0 2.1%; }
div.cck-pad-8 .cck-ptb {
    border-left: 1px solid #fff !important;
    padding-bottom: 4px;
    padding-right: 20px;
    padding-top: 4px;
}

.jf_mm_wrapper h2 {margin:10px;}
/*#item_standorte label {
	width:200px;
	float:left;
}*/

/* Seblod Inhaltstypen */ 
.karte1 {float:left; width:45%;}
.karte2 {float:right; width:45%;}
body.site { padding:150px 0 0 0; border-top:none;}
.container-fluid { padding-left: 0; padding-right: 0;}
.img_text {float: left; background:#fff; /*box-shadow:0px 0px 5px #000;*/}
.text_wrap { width:60%; margin:auto; padding-top:30px; clear:both; overflow:hidden; }
.item_wrap.smaller .text_wrap{ max-width:30%; }
.hell {color:#fff!important;}
hr.grey {
	color:#c1c1c1;
	border:1px solid #c1c1c1;
}
.shadow {text-shadow: 0px 0px 20px #000;}
.gm-style {color:#000; font-family:"Armata",Helvetica,Arial,sans-serif;}
#cck4_art_fulltext .karte1 {float:left;}
#cck4_art_fulltext .karte2 {float:right;}
#item_technikverleih img:hover {transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1);}
#item_auvisign-leistungen img:hover {transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); }
#item_auvisign-leistungen .span3ml {margin-left:0; width:25%; }
#item_auvisign addressaddress.img_text { overflow:hidden; }

/* NEWs */
.moduletable, .moduletable_auvisign_news,
.moduletable h3, .moduletable_auvisign_news h3,
.moduletable p, .moduletable_auvisign_news p {text-align:center!important;}
#item_news, #item_news .text_wrap { padding:0; }
#item_news .span4 { margin:1.5%; margin-bottom:0; width:30%;}
#item_news a.readmore { position:relative; bottom:40px; }
#item_news .moduletable_auvisign_news { /* margin-left:0; */}
#item_news .text_wrap a.readmore { display:block; color:#707070!important; margin-top:40px!important;}
#cck26_art_introtext p, #cck25_value_art_introtext p {margin:0; padding:0;}
#item_news .text_wrap #erg_news { padding:0x; margin:0; border-top: 2px solid #b62c57;}
#cck26_value_art_fulltext {}
.item_auvisign img { width:100%; }
.header_slider_bild { background-position:bottom;}
#item_karousel.item_wrap,
#item_karousel.item_wrap .text_wrap {padding:0!important; }
.leading-3 .text_wrap{ position:relative; }
.leading-3 .text_wrap{ position:relative; }
div.cck_contents.cck_intro div.cck_value.cck_value_wysiwyg_editor p {
line-height:1.6em; }

li {font-size:14px;   list-style: none;}
.item_news ol {margin:0!important; padding:0;}
.item_news ol li {
	list-style-image:square;
	line-height:1.6em;
}
.item_news p {margin:30px 0 0 0; line-height:25px;}
.leading-2 .item_wrap: padding:0; margin:0;
.row-fluid .leading-1 .span3 { width:31%; margin-left:2.1%!important; }
.cck_value_wysiwyg_editor ul.newsflash-horiz p {text-align:center;}
div.seb_css3 {padding:0;}
ul.newsflash-horiz { padding:0; margin:0;}

br.trenner { clear:both; }
.left { float:left; } 
.right { float:right; }
.center { text-align:center; margin:auto;}
#cck20_value_art_fulltext .leistung-icons {
	margin:5px;
	float:left!important;}

#cck20_value_art_fulltext h3 {	width:300px;}

.data-rokbox img { width:110px;}

#item_referenzen img {border:2px solid #707070;}
#item_referenzen img:hover {border:2px solid #ffffff;}

/* Header optionen */
.header {width:30%; min-width:30%; float:left; margin-bottom:0; margin-top:5px;}
.navigation { float:right; margin-top:28px; border: none; padding:15px 0;}
.pic {margin:auto;}
#item_vertrieb .pic { margin:auto; min-width:100%; }
.center {margin:auto; width:100%;}
.item_wrap {background-size:100%; clear:both; padding:50px 0;
}
.color_white {color:white;}
.header img { height:auto; }


#header_bild_text {
    color: #fff;
	font-family:Armata, sans-serif;
	font-weight:bold;
    font-size: 70px;
    text-align: center;
    text-shadow: 0px 0px 20px #000;
	line-height:90px;
	letter-spacing:0!important;
    width:100%; position:absolute; top:35%; z-index:2;
}

#runter_ml { width:50px; height:50px; overflow:hidden; } 
#runter_ml a#falk_button{ position:absolute; top:65%; left:48%; z-index:2; display::block; background:url("/images/down.png") no-repeat;  width:40px; height:40px; background-size: 100%; border-radius: 10px; }
#runter_ml a:hover{ transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1);}
#back-top { position:fixed; bottom:8px; right:8px; background:url("/images/up.png") no-repeat;  width:40px; height:40px; background-size:100%; }
a#back-top:hover {transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1);}
.vor_refer {background:url("/images/next.png") no-repeat;  width:20px; background-size:100%; float:right; margin-top:-30px; color:transparent; cursor:pointer; }
.vor_refer:hover {transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1);}
.back_refer {background:url("/images/prev.png") no-repeat;  width:20px; background-size:100%; color:transparent; cursor:pointer; }
.back_refer:hover {transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1);}

#ml_header_wraper { width:100%; }
#ml_header_wraper {background:transparent;}
#ml_header_wraper.falk_fixed { 
background-color:#fff!important;
position:fixed; top:0; height:60px; 
box-shadow:0px 0px 5px #000;
z-index:12000; width: 100%; }
#ml_header_wrap { width:60%; margin:auto; }
#ml_header{ position:fixed;  top:0px; height:180px; width:60%; z-index:10; }
#ml_header.falk_fixed { height:60px; background:transparent; /* border-bottom:1px solid #888; box-shadow: 3px 3px 3px red; */ z-index:10000; }
#ml_header .header img.falk_fixed { /* max-width:50%; */ height:50px; }
#ml_header .navigation.falk_fixed { margin-top:10px; }
#header_slider_steuer{ left: 44%; position: absolute; top: 80%; z-index:3; }
#header_slider_steuer .sliderbild { float:left; width:10px; height:10px; border-radius:5px; margin: 2px 5px; border:1px solid #fff; display:block; }
#header_slider_steuer .sliderbild.aktive { background:#fff; }
#header_slider_steuer #slider_button.slide { width:15px; height:15px; display:block; float:left; margin-left:3px; background:url("/images/stop.png") no-repeat scroll 0 0 / 100% auto rgba(0, 0, 0, 0) }
#header_slider_steuer #slider_button.stop { width:15px; height:15px; display:block; float:left; margin-left:3px; background:url("/images/play.png") no-repeat scroll 0 0 / 100% auto rgba(0, 0, 0, 0) }
#header_slider_steuer_wrap { margin:auto; }

.responsive_map { box-shadow:0px 0px 5px #000;}
.gm-style .gm-style-iw div {font-size: 11px !important;text-shadow:none;}

/* Navigation oben */
#ml_header ul li { float:left; margin-left: 20px; position:relative; bottom:5px; padding-bottom:8px;  }
#ml_header ul li  a { color:#707070; padding: 2px 10px; border-radius: 4px; }
#ml_header ul li:hover  a { color:#707070; background:#fff;  }
#ml_header ul li ul{/* background:#b62c57; */ background:transparent; border: 1px solid #fff; padding: 4px 3px 3px 15px; }
#ml_header ul li ul li { margin-left:0; min-width:100%; }
#ml_header ul li:hover ul li a { width:100%; padding:2px 0 2px 5px; margin:0; background:transparent; color:#fff; /*border: 1px solid #fff;*/}
#ml_header ul li:hover ul li:hover a { background:#707070; color:#fff; position:relative; right:8px; top:8px;  }
#ml_header ul li ul li a { background:#ffffff; color:#b62c57; position:relative; right:8px; top:8px;  }

#ml_header.falk_fixed ul li ul{ background:rgba(0,0,0, 0.5);  /*padding:0 6px;*/}
#ml_header.falk_fixed ul li:hover ul li:hover a { background:#fff; color:#707070; position:relative; right:8px; top:8px;  }

#ml_header.falk_fixed ul li ul.nav-child:before {
    border-bottom: 7px solid #707070;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    content: "";
    display: inline-block;
    left: 9px;
    position: absolute;
    top: -7px;
}
#ml_header.falk_fixed ul li ul.nav-child:after {
    border-bottom: 6px solid #707070;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: "";
    display: inline-block;
    left: 10px;
    position: absolute;
    top: -6px;
}

.navigation .nav-child { border-radius: 8px; margin:0; }
.jf_mm_a_img.menu-image { display:none!important; }
jf_mm_wrapper .levelHolderClass, .jf_mm_wrapper .jf_mm_inactive { background-color:#fff!important; }
.jf_mm_wrapper li, .jf_mm_wrapper li:last-child, .jf_mm_wrapper .backItemClass { border-color: #fff; }
button {
    background-color: #ccc;
    border-radius: 5px;
    width: 90%!important;
    height: 28px!important;}
	
input,
select.inputbox {
	border-radius:5px!important;
}

/* footer */
#footer-logo {margin: auto; width:150px; margin-top:-40px;}
#footer-copyright { margin-left:100px; margin-top:40px; width:20%; float:rigt;}
.footer {width:100%; margin:auto; background-color:#222; heigth:30px!important;	} 
.footer ul.nav {position:relative; left:20%;  margin-top:10px;}
.footer ul.nav li {float:left; margin:10px;}
.footer ul.nav li a:hover{color:#fff; background-color:#222;}
li.item-131, li.item-132 { width:auto; padding:0 10px; float-left;}

.hovertext { position:relative; overflow:hidden; }
.item_wrap .hovertext .hover { position:absolute; top:0; color: #fff; width:100%; height:100%;
    background:#000; opacity:0; padding-top: 38%; text-align:left; padding-left:10px; }
#ml_logo_slider_wrap { overflow:hidden; margin-top: 30px;}
.logo_bilder_div { float:left; }
.item_headerslider { display:none; }
#ml_logo_slider_wrap .logo_bilder_div img { width:150px; margin:auto; }
#ml_logo_slider_wrap .logo_bilder_div { min-height:100px; text-align:center; }
#ml_logo_slider_wrap #ml_logo_slider { position:relative; }

#item_technikverleih img { width:75%; margin-left:12.5%; } 

/* Kontatkformular */

#ml_kontakt select { width:44%; margin-left:15px; float:left; border-radius:5px; }
#ml_kontakt input { width:90%; margin-bottom:20px; border-radius:5px;}
#ml_kontakt input.wpcf7-submit {
	border-radius:5px;
    height: 28px;
    padding-bottom: 2px;
    width: 44%;
    background-color: #ccc;
}
#ml_an:hover { background-color: #b8345d; color:#fff;}
#ml_kontakt textarea { width:90%; height: 116px!important; margin-bottom: 20px; border-radius:5px;}
div.cck_contents.cck_content div.cck_value.cck_value_wysiwyg_editor p {margin-bottom: 0;}
 
.row-fluid .span6  a {color:#ddd;}
.row-fluid .span6 {line-height:20px;  margin-top: 8px}
.row-fluid .span5 {margin-left:50px; line-height:20px;}
.row-fluid .span5 a{color:#ddd;}
.row-fluid .span5 a:hover {color:#fff;}

/* Impressum */
body.itemid-131 #content .item-page{ width:60%; margin:auto; background-color:#fff; border-radius:20px;}
#cck41_value_art_fulltext { text-align:center;}
#cck41_value_art_fulltext p {padding:20px 20px 20px 30px;}

/* Referenz Slider */
#referer_slider,#referer_slider .refer_dreier { width:100%; }
#referer_slider .refer_dreier .refer_slider_img { width:30%; margin:1.5%; float:left; }
#referer_slider .refer_dreier { display:none; }
#referer_slider .refer_dreier.ein { display:block; }
#ref_wrap_kontroll { width:92%; margin:auto;} 

body .jf_mm_trigger.jf_mm_rtl {display:none;}
    .footer .span4, .footer .span8, .footer .span6{ padding:0!important; margin:0!important;}
    .footer .span4{ width:33%;}
    .footer .span6{ width:50%;}
    .footer .span12{ width:100%;}
    .footer .span8{ width:66%;}
    .footer #footer-copyright1, .footer #footer-logo1{ text-align:center; margin-top:20px!important;}

/* ------------------------ Beginn Media-Querys -------------------------- */

@media (max-width: 1200px) {
	.jf_mm_wrapper ul {list-style: outside none none; padding:0;}
	#jf_mm_menu h2 {margin;0;}
    #ml_header{ width:70%; }
    #ml_header_wrap { width:70%; }
    .text_wrap { width:70%; }   
    #header_bild_text { top:300px; font-size:50px; }

}

@media (max-width: 1024px) {
	.header img { height:auto;} 
    nav.navigation .nav.menu { /*display:none;*/} 
	#ml_header ul li {width:auto; height:30px;}
	#ml_header ul li a {
    border-radius: 4px;
    color: #707070;
    padding:4px;
    text-align: center;
	margin:0;
	line-height:30px;
	text-align:center;}
}

@media (max-width: 900px) {
    #ml_header{ width:600px; }
    #ml_header_wrap { width:600px; }
    .text_wrap { width:90%; }    
    #header_bild_text { top:200px; font-size:30px; }
	#ml_header ul li {margin-left:10px;}
	#ml_header .navigation {}
	.header {width:20px;}
	}
@media (max-width: 770px) {
    #mittel_abstand { margin: 0; }
}
/*............... iphone....................... */
@media (max-width: 600px) {
	.berlin {float:left; width:50%;}
	.dresden {float:left; width:50%;}
#ml_header .nav{display:none;}
 body .jf_mm_trigger.jf_mm_rtl {display:block;}
.jf_mm_wrapper ul {list-style: outside none none; padding:0;}
#jf_mm_menu h2 {margin;0;}
#ml_header ul  {margin:0; padding:0;}
#ml_header ul li {margin:0; padding:0; width:100%;}
#ml_header ul li a {
    border-radius: 4px;
    color: #707070;
    padding: 2px 4px;
    text-align: center;
	margin:0;
	line-height:25px;
}

	body {width:100%; background-size:cover; }
    #ml_header{ width:100%; }
    #ml_header_wrap { width:100%; }
	#text_wrap { width:100%; }
	
	h1 {font-size:28px; line-height:35px;}
	h2 {font-size:20px; line-height:30px;}
	h3 {line-height:45px;}
	#cck4_art_fulltext .karte2 {margin-bottom:30px;	}
	.span12, .row-fluid .span12 {width:100%;}
	#runter_ml a#falk_button {
		margin:auto;
    	overflow: hidden;
		left:46%;
		top:90%;
    }
	#item_auvisign-leistungen .span3ml { width:100%;}
	#item_news .span4 { width:90%; margin:auto;}
	#item_news .text_wrap p {margin:0; line-height:20px;}
	#item_news .text_wrap a.readmore {/*margin:10px!important;*/}	
	#cck26_mainbody, #cck27_mainbody, #cck25_mainbody {padding:0;}
	#header_slider_steuer {
    left: 30%;
    position: absolute;
    top: 80%;
    z-index: 3;}
	div.cck-pad-8 .cck-ptb {/*padding:40px;*/}
	h3 {padding:0; margin:0;}
	#header_slider_steuer_wrap { margin: auto;}
	.item_wrap { padding:0;} 
	#ml_header .header img.falk_fixed {height:45px!important; }
	#header_bild_text { top:60%; font-size:30px; line-height:35px; }
	p { margin:auto; text-align:left;}	
	.jf_mm_wrapper {
    overflow: auto;}
	.item_wrap { background-attachment: inherit!important;  background-size: auto 150% !important; } 
   /* background-repeat: repeat-y!important; */
    
    .abdeckung{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1000; }
    #item_standorte form{ z-index: 10000; position: absolute; bottom: -180px; width:100%;}
    #item_standorte .text_wrap { padding-bottom: 200px; }
    .text_wrap p{font-size:1.2em!important;}
    .header img { max-width:none; }
    .footer .span4, .footer .span8, .footer .span6{ width:100%; }
}


@media (max-width: 600px) and (orientation: landscape) {
    .jf_mm_wrapper ul {list-style: outside none none; padding:0;}
    #ml_header ul li a { text-align:left;}
    #ml_header ul li {margin:0; padding:0; width:200px; margin-left:25px;}
    .levelHolderClass.rtl {width:500px!important;}
}

@media (max-width: 360px;){
	#text_wrap {width:100%;}
	h1 {font-size: 30px!important; line-height:35px; color:red;}
	#ml_header .header img.falk_fixed { /* max-width:50%; */ height:30px; }
}