

#sp-main-body {

    min-height: 750px;
    
}


#sp-header{

    height: 60px;
    
    padding: 10px 0 0 0;

}

#sp-menu > .justify-content-end {

    justify-content: center!important;

}
#sp-header .logo-image{

    margin: -12px 0 0 0;

    opacity: 0;
    
}
#sp-header.header-sticky .logo-image{

    opacity: 1;

}

.sp-megamenu-parent > li {

    padding: 0;
    
    background-color: #ae6414;
    
    transition: background 0.5s;
    
}
.sp-megamenu-parent > li:hover {

    background-color: #ef7c00;
    
}
.sp-megamenu-parent > li > a {

    padding: 0px 15px;
    
    text-transform: uppercase;
    
    border-right: solid thin #c1701a;
    
}
.sp-megamenu-parent>li:last-child>a {

    padding: 0px 15px;
    
    border-right: none;
    
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner{

    background-color: #ef7c00;
    
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover {

    color: #ffffff;
    
}
@media (max-width: 1080px){

    .d-none {
    
        display: none!important;
        
    }
    
    .d-lg-none {
    
        display: flex!important;
        
    }

    #sp-header .row{
    
        flex-wrap: nowrap;
        justify-content: space-between;
        
    }
    #sp-header .row > *{
    
        width: 50%;
    
    }
    #sp-top3{
    
        display: none;
    
    }
    #sp-menu > .justify-content-end {
        justify-content: flex-end !important;
    }

    #sp-slider img{
    
        width: 80%;
    
    }

    #ladenbau .sppb-row,
    #zuschnitt .sppb-row{
    
        flex-direction: column-reverse;
    
    }

    
}






.sppb-section .sppb-section-title.sppb-text-center:after{

    content: " ";
    
    display: block;
    
    width: 100px;
    
    margin: auto;
    
    border-bottom: solid 2px #ef7c00;

}  

#sp-page-builder .title-02{

    background-color: #ebebeb;

}
#sp-page-builder .title-02 h3{

    color: #757575;
    
    text-transform: uppercase;

}
#sp-page-builder .title-02 .sppb-section-title .sppb-title-heading {
    
    margin-top: 0;
    margin-bottom: 15px;
    
    font-size: 25px;
    line-height: 36px;
    
    color: #757575;
    
    text-transform: uppercase;
    
    border: 0;
}
.sppb-section.title-02 .sppb-section-title.sppb-text-center:after{

    content: " ";
    
    display: block;
    
    width: 100px;
    
    margin: auto;
    
    border-bottom: none;

}



#sp-page-builder .title-03{

    background-color: #ffffff;

}
#sp-page-builder .title-03 h3{

    color: #757575;
    
    text-transform: uppercase;

}
#sp-page-builder .title-03 .sppb-section-title .sppb-title-heading {
    
    margin-top: 0;
    margin-bottom: 15px;
    
    font-size: 25px;
    line-height: 36px;
    
    color: #757575;
    
    text-transform: uppercase;
    
    border: 0;
}
.sppb-section.title-03 .sppb-section-title.sppb-text-center:after{

    content: " ";
    
    display: block;
    
    width: 100px;
    
    margin: auto;
    
    border-bottom: none;

}



.sppb-section .sppb-section-title.sppb-text-left:after{

    content: " ";
    
    display: block;
    
    width: 100px;

    border-bottom: solid 2px #ef7c00;
}


.sppb-addon-text-block .sppb-addon-title{

    content: " ";
    
    display: block;
    
    width: 100px;
    
    border-bottom: solid 2px orange;


}





.leistungen{

    margin-bottom: 30px;

    background-color: #fafafa;

    border: solid thin #ffffff;

}
.leistungen .img{



}
.leistungen .title h4{

    padding: 10px 20px 0 20px;

    font-size: 20px;
    color: #555555;
}
.leistungen .txt{

    min-height: 100px;
    
    padding: 5px 20px 20px 20px;

    color: #252525;
}
#bueroausstattung .leistungen{

    min-height: 315px;
    
    margin-bottom: 0;

    background-color: #fafafa;

    border: solid thin #ffffff;

}
#bueroausstattung .leistungen .txt{

    min-height: 50px;
    
    padding: 5px 20px 20px 20px;

    color: #252525;
}





 /* Gallery ****************************************************************** */
 .speasyimagegallery-row{
 
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
 
 }





/* hikelCOM Form ************************************************************* */
#hikelCOM_Form{
    padding: 25px 0 0 0;

    _background: #f6f6f6;

    _border: 1px solid #336699;

    color: #7a8188;
}

#hikelCOM_Form .sec{
    display: none;
    
    border: solid thin #5c96d9;
    
    margin: 0 0 25px 0;
    padding: 10px;
}

#hikelCOM_Form .sec-1{

    display: block;

}

#hikelCOM_Form button.next{  
    width: 100%;
    
    padding: 5px 0;
    
    border: none;
    
    background: #5c96d9;

    color: #fff;
    
    cursor: pointer;
}

#hikelCOM_Form fieldset{

    margin: 0 0 25px 0;

    _padding: 20px 30px 20px 30px;

    _border: solid 6px #2469b3;
    border: none;
}

#hikelCOM_Form fieldset img{
	
    box-sizing: border-box;
    
	margin: auto;

    background: #fff;
}

#hikelCOM_Form legend{

    display: block;

    width: 100%;

    margin: 0 0 0 -13px;

    padding: 6px 15px;

    border: none;

    font-size: 16px;
    
    font-weight:bolder;
    
    color: #D2051F;


}

#hikelCOM_Form label{

    cursor: pointer;

}

#hikelCOM_Form label .chk-img{

    display: none;

}

#hikelCOM_Form label{
    display: inline-block;
    
	text-align: center;
	vertical-align: top;
	
    width: 48.4%;
		
    margin-bottom: 30px;
}
#hikelCOM_Form label.w-100{
	width: 100%;
}
#hikelCOM_Form .sec-3 label{
	width: 30.30%
}
#hikelCOM_Form .sec-4 label{
	width: 30.30%
}
#hikelCOM_Form .sec-5 label,
#hikelCOM_Form .sec-5 label span{
	display: inline-block;
	
	text-align: left;
	
	width: 100%
}

#hikelCOM_Form select {
    
    height: 34px;
    
    padding: 6px 12px;
    
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image:
    linear-gradient(45deg, transparent 50%, #ffffff 50%),
    linear-gradient(135deg, #ffffff 50%, transparent 50%),
    linear-gradient(to right, #336699, #336699);
    background-position:
    calc(101% - 20px) calc(1em - 2px), calc(101% - 10px) calc(1em - 2px), 100% 0;
    background-size:
    10px 10px,
    10px 10px,
    2.5em 2.5em;
    background-repeat: no-repeat;
    cursor: pointer;
}

#hikelCOM_Form select,
#hikelCOM_Form input[type="text"],
#hikelCOM_Form input[type="password"],
#hikelCOM_Form input[type="datetime"],
#hikelCOM_Form input[type="datetime-local"],
#hikelCOM_Form input[type="date"],
#hikelCOM_Form input[type="month"],
#hikelCOM_Form input[type="time"],
#hikelCOM_Form input[type="week"],
#hikelCOM_Form input[type="number"],
#hikelCOM_Form input[type="email"],
#hikelCOM_Form input[type="url"],
#hikelCOM_Form input[type="search"],
#hikelCOM_Form input[type="tel"],
#hikelCOM_Form input[type="color"]{

    display: inline-block;

    width: 100%;

}

#hikelCOM_Form .msg, #hikelCOM_Form .msg_err{

    display: none;

    margin: 0 0 15px 0;

    padding: 10px;

    text-align: center;

    color: #ffffff;

    background: lightsalmon;

    font-size: 16px;

}
#hikelCOM_Form .msg_err{
    display: block;
    
    margin: 0 0 15px 0;

    padding: 10px;

    text-align: center;

    color: #ffffff;

    background: lightsalmon;

    font-size: 16px;
    
}

#hikelCOM_Form .msg_ok{
    display: block;
    
    margin: 0 0 15px 0;

    padding: 10px;

    text-align: center;

    color: #ffffff;

    background: lightgreen;

    font-size: 16px;
    
}

#hikelCOM_Form .border{
    display: inline-block;
}

#hikelCOM_Form .radio-group fieldset input[type="radio"],
#hikelCOM_Form .radio-group fieldset input[type="checkbox"]{
    position: absolute;

    z-index: -1;

    left: -2000px;

    visibility: hidden;

}

#hikelCOM_Form .radio-group fieldset span{
    box-sizing: border-box;
    
    display: block;

    width: 100%;

    margin: 0 0 0 0;

    padding: 5px;

    text-align: center;

    background: #d6e4f5;

    color: #307acf;
}

#hikelCOM_Form .radio-group fieldset label{
    margin-right: 30px;
}
#hikelCOM_Form .radio-group fieldset label:nth-last-child(1){
    margin-right: 0px;
}

#hikelCOM_Form .table{
    display: table
}
#hikelCOM_Form .table > p{
    display: table-row;

    transition: background 0.5s, color 0.5s;
}

#hikelCOM_Form .table > p:nth-child(2n+1){
    _background: #faf9f7;

}
#hikelCOM_Form .table > p:nth-child(2n+2){
    background: #d6e4f5;

}
#hikelCOM_Form .table > p > span{
    display: table-cell;

    padding: 10px 5px;
}
#hikelCOM_Form .table > p > span .block{
    display: block;
}

#hikelCOM_Form .table > p:hover{
    background: #5c96d9;
    color: #ffffff;
}
#hikelCOM_Form .table > p:hover > span button{
    _color: #fff;
    _background: #D2051F;
}


@media (max-width: 632px){

    #hikelCOM_Form .table,
    #hikelCOM_Form .table > p,
    #hikelCOM_Form .table > p > span{
        display: block;
    }

}



.schnell_kontakt .flex{
  display: flex;
  
  margin: 0 -15px;
}
.schnell_kontakt .flex > div{
  width: 100%;
  
  padding: 0 15px;
}
.schnell_kontakt .flex > div.left,
.schnell_kontakt .flex > div.right{
  display: flex;
  flex-wrap: wrap;
}
.schnell_kontakt .flex > div.left div{
  width: 100%;
}
.schnell_kontakt .flex > div.left div.name{
  align-self: baseline;
}
.schnell_kontakt .flex > div.left div.tel{
  align-self: center;
}
.schnell_kontakt .flex > div.left div.email{
  align-self: flex-end;
}

.schnell_kontakt .flex > div.right textarea{
  align-self: stretch;
  
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}

.schnell_kontakt button{
  width: 100%;
  
  padding: 5px;
  
  border: none;
  
  background: #ae6414;
  
  color: #fff;
  
  transition: background 0.5s;
  
}
.schnell_kontakt button:hover{

  background: #ef7c00;

}
@media (max-width: 1080px){

    .schnell_kontakt .flex{
    
        flex-direction: column;
        
        margin: 0 -15px;
      
    }
    .schnell_kontakt input{

        margin: 0 0 15px 0;
      
    }

}


/* datenschutzerklaerung *******************************************************/
.datenschutzerklaerung li{
        
    margin-bottom: 10px; 

}
.datenschutzerklaerung .bold{
        
    font-weight: bold; 

}
.datenschutzerklaerung .title{
        
    margin: 0 0 10px 0; 

}
.datenschutzerklaerung .txt,
.datenschutzerklaerung .txt{
    
        
    font-weight: normal; 

}