#sp-header{

    background: #ffffff;
    
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.45);

}
#sp-header #sp-menu .justify-content-end{

    justify-content: center !important;

}
#sp-header #sp-menu .sp-megamenu-parent .sp-mega-group>li>a {

    font-size: 14px;
    font-weight: 400;
    
    color: #252525;

    text-transform: none;
}
#sp-header #sp-menu .sp-megamenu-parent .sp-mega-group>li>a:hover {

    color: #96bd0d;

}
#sp-header #sp-top2{

    display: flex;
    
    align-items: center;
 
}


#sp-slider{

    _margin: -40px 0 0 0;

}


#sp-slider img{

    width: 350px;

    margin: 150px 0 0 0;

    padding: 10px 25px;
    
    background-color: #ffffff;
    
    box-shadow: 0px -5px 6px #00000045;
    
}


#sp-footer, #sp-bottom {

    background: #5f7708;
    
    color: #ffffff;
    
}





.Leistung .sppb-row .title{

    padding: 2% 0 0 4%;


}
.Leistung .sppb-row .txt{

    padding: 15% 20% 15% 5%;

}
#Wege-Terrassen-und-Treppen .sppb-row{

    background-color: #8594a8;
    
    color: #fff;

}
#Rollrasen .sppb-row{

    background-color: #96bd0d;
    
    color: #fff;

}
#Mauerer-und-Putzarbeiten .sppb-row{

    background-color: #d9cc9f;
    
    color: #fff;

}
#Gruenanlagen .sppb-row{

    background-color: #bed56e;
    
    color: #fff;

}
#Zaunbau .sppb-row{

    background-color: #96643f;
    
    color: #fff;

}
#Beregnungs-und-Bewaesserungsanlagen .sppb-row{

    background-color: #66a3a1;
    
    color: #fff;

}
#Planung-und-Koordination .sppb-row{

    background-color: #789190;
    
    color: #fff;

}    


@media screen and (max-width: 800px){

    #sp-header #sp-top2{
    
        display: none;
        
    }
    
    .Leistung .sppb-row .title{
    
        padding: 2% 2% 40% 2%;

    }
    
    #Rollrasen .sppb-row,
    #Gruenanlagen .sppb-row,
    #Beregnungs-und-Bewaesserungsanlagen .sppb-row{
        
        flex-flow: column-reverse;
        
    }

}

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

}



/* hikelCOM Form ************************************************************* */
#hikelCOM_Form{
    padding: 25px 0 0 0;

    background: #f6f6f6;

    border: 1px solid #96bd0d;

    color: #7a8188;
}

#hikelCOM_Form .sec{
    display: none;
}

#hikelCOM_Form .sec-1{

    display: block;

}

#hikelCOM_Form fieldset{

    margin: 0 0 25px 0;

    padding: 20px 30px 20px 30px;

    _border: solid 6px #2469b3;

}

#hikelCOM_Form fieldset img{
    float: left;

    height: 185px;

    margin: 0 20px 10px 0;

    border: 1px solid #c2c2c2;

    background: #fff;
}

#hikelCOM_Form legend{

    display: block;

    width: auto;

    margin: 0 0 0 -13px;

    padding: 6px 15px;

    border: none;

    color: #D2051F;

	font-weight:bolder;

}

#hikelCOM_Form label{

    cursor: pointer;

}

#hikelCOM_Form label .chk-img{

    display: none;

}

#hikelCOM_Form label{

    margin-bottom: 30px;

}

#hikelCOM_Form select {
  /*
    -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: 250px;

}

#hikelCOM_Form .msg{

    display: none;

    margin: 0 0 15px 0;

    padding: 10px;

    text-align: center;

    color: #ffffff;

    background: lightsalmon;

    font-size: 16px;

}
#hikelCOM_Form .err-msg{

    color: lightcoral;

}

#hikelCOM_Form .border{
    display: inline-block;
}

#hikelCOM_Form .radio-group fieldset input{
    position: absolute;

    z-index: -1;

    left: -2000px;

    visibility: hidden;

}

#hikelCOM_Form .radio-group fieldset span{
  display: block;

  margin: 10px 0 0 0;

  padding: 5px;

  text-align: center;

  background: #7492b2;

  color: #ffffff;
}

#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: #f2f1f0;

}
#hikelCOM_Form .table > p > span{
    display: table-cell;

    padding: 10px 20px;
}

#hikelCOM_Form .table > p:hover{
    background: #336699;
    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;
    }

}