/**************************************************************************************/
/*
/*		Designed by 'AgITO'
/*		Web: http://www.agito.de
/*		License: GNU/GPL
/*
/*****************blau #2D428D********anthrazit***#434242********************************/



@media screen and (min-width: 500px) {
#tab_adresse_smartphone
{
	display:none; }
}
  
@media screen and (max-width: 400px) {  
#sp-bottom4 .d31_adresse  
  {display:block; overflow:hidden;  text-align:left;}  
  
}  
 


@media screen and (max-width: 500px) {
  .d6_handel
{ font-size:11px;  }
  
    .d2_ref, .d3_ref, .d4, .blue 
{ font-size:11px;   }
 

   .pic32
{ width:50px;  }
  

.d31_adresse
{ display:none;  }

 
  }
 




html {
overflow-y:scroll;
}

body {font-weight:500 !important; }

a { color: #B52B2B;}

a:hover {
  color: red;
}

#offcanvas-toggler {    float: left;}

body {
  font-family: 'Open Sans', sans-serif !important;
  font-size: 15px;
  font-weight: 300;
}

h1 {
  font-family: 'Open Sans', sans-serif !important;
  font-weight: 700;
}

#sp-main-body {
    padding: 50px 0; border-top:10px solid #e8e8e8;
}

#sp-header {  background-color: #434242 !important; height:60px;}


#offcanvas-toggler {    line-height: 60px; padding-right:60px;}
.ltr.offcanvas .offcanvas-menu {
    left: 0;
}

.sp-megamenu-parent > li > a {   
    line-height: 60px;}


.sp-megamenu-parent {
    float:left;  
}



#sp-header-sticky-wrapper {
    margin: 0 auto;
    width: 100%;
    z-index: 999;
    position: relative;
}


#sp-slider { margin-top:0px; padding-top:0px; }


.newsflash_startnews {display:block; overflow:hidden; padding:10px; border:1px dotted #ccc; 
  background: #434242; color:#fff;
  font-weight:500;}

#sp-right .newsflash_startnews a { color:#fff !important; }

.newsflash_startnews a:hover { color:red; }

.custom_anlagen {display:block; overflow:hidden; padding:10px; 
  border:1px dotted #2D428D; 
  font-weight:500;}

.class2 {margin-top:30px;}

.sp-column ul li {
    line-height: 1.0em;
    list-style-image: url("../images/li.style.grey.png");
    list-style-position: inside;
}

.sp-megamenu-parent > li > a {  
    font-size: 16px;   
    font-weight: 600 !important;}


.sp-column h1 {
 color:#002A69;  font-size:24px; margin-top:0px !important; margin-bottom:20px;  font-weight:700; text-transform:uppercase;}


.right {display:block; overflow:hidden; float:right; padding: 5px 0px 5px 0px; background:#f5f5f5;}

#sp-facebook {background:#f5f5f5;}

#sp-top1 .sp-column {padding-right:0px !important; float:right !important; text-align:left; color:#2D428D;}
#sp-top2 .sp-column {padding-right:0px !important; float:right !important;}

#sp-top1 .fa {color:#2D428D;}
#sp-top1 a {color:#2D428D;}

.red { color: #B52B2B;}

.sp-column h2 
{
color:#002A69;
font-size:16px; font-weight:700;
margin-top:20px; padding:10px;
  background:#F8F8F8;
}

.sp-column h3 {
     margin-bottom: 0px;
    padding-bottom: 14px;
    text-transform: uppercase;
    font-weight: 700;

}




#sp-bottom {color: #CCC;
background-color: #434242;
padding:4px 0px 10px 0px !important;}

#sp-bottom a {  color:#fff;}

#sp-footer { padding: 2px 0; margin-bottom:10px;}


.keyword 
{display:block; overflow:hidden; margin-top:50px;
	 height:10px;}

.keyword h1 {font-size:1px; color:transparent;}








.pic1 {display:block;float:left; }
.pic11 {display:block; margin-left:30px;}
.pic12 {display:block; float:left; margin-right:30px;}
.pic13 {display:block; float:right; padding-left:30px; padding-top:3px; height:200px;}

.pic2 {display:block;float:right; }
.pic21 {display:block;float:right; margin-left:20px; }

.pic3 {display:block;float:left; max-width:230px; }
.pic31 {display:block;float:left; max-width:230px; padding-right:30px; }
.pic32 {display:block; max-width:100px; }
.pic33 {display:block;float:left; max-width:230px; padding-bottom:20px; }
.pic34 {height:50px; width:50px; display:block; float:left; padding-right:10px; padding-top:4px;}
.pic35 {width:120px; }
.pic36 {width:230px; height:1px; border:0px solid red; }
.pic_logo1 {display:block;float:left; max-height:50px; padding-bottom:20px; }

.adresse {
display: block;
  overflow:hidden;
width: 50%;
margin-top:10px;
  border:0px solid red;
    
}

#aside-row-1-right .item 
{
  font-size:14px;
color: #626262;
  font-weight:normal;
 
}

#aside-row-1-right .item  h4
{
 color:#002A69;
  font-size:18px;
}

.tab_adresse {
display: block;
font-size : 15px;
width : 100%;
margin-top:10px;
}




 .d11_adresse {
padding: 0px 15px 3px 5px;
color : #ffffff;
border-right: 1px dotted #ccc;
vertical-align: top;
}

.d21_adresse {
padding: 0px 15px 3px 5px;
color : #ffffff;
border-right: 1px dotted #ccc;
vertical-align: top;

}
.d31_adresse {
color: red;
font-weight : bold;
text-align: right;
padding : 0px 15px 3px 10px;
vertical-align: top;
 
}





 .d11 {
padding: 5px 15px 5px 5px;
color : #ffffff;
border-right: 1px dotted #388D26;
vertical-align: top;
width : 20%;
   font-weight:bold;
}

.d21 {
padding: 5px 15px 5px 5px;
color : #ffffff;
border-right: 1px dotted #388D26;
vertical-align: top;
width : 15%;
}

.d31 {
padding: 5px 5px 5px 15px;
color:#ffffff;
vertical-align: top;
border-right : 1px dotted #388D26;
padding : 5px 5px 5px 3px;
}

.d41 {
color: #111111;
font-weight : bold;
text-align: right;
padding : 5px 15px 5px 10px;
vertical-align: top;
width : 20%;  
}


.tab_handel {
display: block;
width : 100%;
margin-top:10px;
  margin-bottom:20px;
border:1px dotted #cccccc;
  box-shadow: 10px 10px 10px #cccccc;
} 

.d2_handel {
padding: 5px 15px 5px 5px;
background:#f0f0f0;
border-right: 1px dotted #cccccc;
border-bottom: 1px dotted #cccccc;
width : 5%;
}

.d3_handel {
background:#FCFCFC;
width:100%;
height:20px;
}

.d4_handel  {
padding: 5px 0px 5px 5px;
border-right: 1px dotted #cccccc;
border-bottom: 1px dotted #cccccc;
vertical-align: top;
width: 20%;  
}

.d4_handel img {
display:block;
margin:0 auto;
}

.d5_handel {
border-right: 1px dotted #cccccc;
border-bottom: 1px dotted #cccccc;
width: 20%;  
}

.d5_handel img {
display:block;
margin:0 auto;
}

.d6_handel{
padding: 5px 15px 5px 15px;
border-right: 1px dotted #cccccc;
border-bottom: 1px dotted #cccccc;
margin-bottom:20px;
vertical-align: top;
width: 40%;
  
}

.d2 {
padding: 5px 15px 5px 5px;
background:#f0f0f0;
width : 3%;
}

.d3 {
padding: 0px 10px 0px 10px;
background:#FCFCFC;
vertical-align: top;
width:100%;
}

.d5 {
padding: 5px 0px 5px 5px;
border-right: 1px dotted #388D26;
vertical-align: top;
width: 30%;  
}

.d6{
padding: 5px 15px 5px 15px;
border-right: 1px dotted #388D26;
vertical-align: top;
width: 65%;
  
}



.d4 {
padding: 5px 15px 5px 15px;
border-right: 1px dotted #388D26;
vertical-align: top;
width : 60%;
font-size: 14px;

}


.d8 {
padding: 5px 15px 5px 15px;
background:#f8f8f8;
color:#000066;
border-right: 1px dotted #388D26;
vertical-align: top;
width : 20%;
font-size : 16px;
   font-weight:bold;
}

.leistung {display:block; 
padding: 5px 15px 5px 0px;
background:#f8f8f8;
color:#000066; 
margin-top:20px;
margin-bottom:10px; }

.baujahr {display:block; 
padding: 5px 15px 5px 0px;
background:#f8f8f8;
color:#000066; }

.film {display:block;
overflow:hidden; 
width:100%;
border:1px dotted #cccccc;
font-size:14px; margin-top:4px;}

.preisliste {
display:block;
overflow:hidden; 
width:100%;
border:1px dotted #cccccc;
font-size:13px; margin-top:8px;}

.preisliste img
{display:block; float:left;
padding-right:10px;}


.tab_referenzen {
display: block;
width : 100%;
margin-top:10px;
margin-bottom:40px;
border:1px dotted #cccccc;
  box-shadow: 10px 10px 10px #cccccc;
} 

.d1_ref {
  padding: 10px 15px 10px 5px;
border-right: 1px dotted #cccccc;
width: 22%;
border-bottom: 1px dotted #cccccc;
  margin-bottom:10px;
}

.d1_ref img {
display:block;
margin:0 auto;
max-height:40px;
}

.d2_ref {
padding: 10px 15px 5px 15px;
color:#000066;
  line-height:1.1em;
border-right: 1px dotted #cccccc;
vertical-align: middle;
width: 30%;
border-bottom: 1px dotted #cccccc;
  margin-bottom:10px;
}

.d3_ref {
padding: 10px 15px 5px 15px;
  line-height:1.1em;
border-right: 1px dotted #cccccc;
vertical-align: middle;
width: 30%;
border-bottom: 1px dotted #cccccc;
  margin-bottom:10px;
}

.box_haftung
{ 
display:block;  
overflow:hidden;
  font-size:12px;
margin-bottom:10px;
background:#f0f0f0;
border:1px dotted #464646;
padding:15px;  
line-height:1.4em;
}

.blue {
color:#000066;
font-size:16px; }

#aside-right
{
color:#000066;
font-weight:bold;
line-height:1.6em;
float:right; padding-top:20px;
  border:1px dotted #626262;
	margin: 0px;}

#aside-right h2
{
font-size:18px;}

/*mittels sprachumschalter modul in index.php*/
.mod-languages 
{
float:right; 
}

.absenden { display:block;
        margin: 0 auto;      
        width:95%;        
        color:#000066; 
  font-size:16px; padding:10px;margin-left:5px;
         }

.absenden a: hover {     
        color:#000066;  
         }


/*agito linke Ausrichtung von Logo und Contents*/
#content-row 
{
	border:0px solid red;
	margin: 0px;
}
#grey_row 
{
	border-top:10px solid #e8e8e8;
	width:100%;
}


/*agito*/
#component 
{
	border:0px solid blue;
	margin: 0px;
}

#logo 
{
	border:0px solid red;
	margin: 0px;
}

#copyright-row
{
	border:0px solid red;
	margin: 0px;
}

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

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}