/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on February 6, 2019 */
@font-face {
    font-family: 'barlow';
    font-weight: 100;
    src: url('../fonts/barlow/barlow.thin-webfont.eot');
    src: url('../fonts/barlow/barlow.thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/barlow/barlow.thin-webfont.woff2') format('woff2'),
         url('../fonts/barlow/barlow.thin-webfont.woff') format('woff'),
         url('../fonts/barlow/barlow.thin-webfont.ttf') format('truetype'),
         url('../fonts/barlow/barlow.thin-webfont.svg#barlowthin') format('svg');

}
@font-face {
    font-family: 'barlow';
    font-weight: 200;
    src: url('../fonts/barlow/barlow.extralight-webfont.eot');
    src: url('../fonts/barlow/barlow.extralight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/barlow/barlow.extralight-webfont.woff2') format('woff2'),
         url('../fonts/barlow/barlow.extralight-webfont.woff') format('woff'),
         url('../fonts/barlow/barlow.extralight-webfont.ttf') format('truetype'),
         url('../fonts/barlow/barlow.extralight-webfont.svg#barlowextralight') format('svg');

}
@font-face {
    font-family: 'barlow';
    font-weight: 300;
    src: url('../fonts/barlow/barlow.light-webfont.eot');
    src: url('../fonts/barlow/barlow.light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/barlow/barlow.light-webfont.woff2') format('woff2'),
         url('../fonts/barlow/barlow.light-webfont.woff') format('woff'),
         url('../fonts/barlow/barlow.light-webfont.ttf') format('truetype'),
         url('../fonts/barlow/barlow.light-webfont.svg#barlowlight') format('svg');

}
@font-face {
    font-family: 'barlow';
    font-weight: 400;   
    src: url('../fonts/barlow/barlow.regular-webfont.eot');
    src: url('../fonts/barlow/barlow.regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/barlow/barlow.regular-webfont.woff2') format('woff2'),
         url('../fonts/barlow/barlow.regular-webfont.woff') format('woff'),
         url('../fonts/barlow/barlow.regular-webfont.ttf') format('truetype'),
         url('../fonts/barlow/barlow.regular-webfont.svg#barlowregular') format('svg');

}
@font-face {
    font-family: 'barlow';
    font-weight: 500;
    src: url('../fonts/barlow/barlow.medium-webfont.eot');
    src: url('../fonts/barlow/barlow.medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/barlow/barlow.medium-webfont.woff2') format('woff2'),
         url('../fonts/barlow/barlow.medium-webfont.woff') format('woff'),
         url('../fonts/barlow/barlow.medium-webfont.ttf') format('truetype'),
         url('../fonts/barlow/barlow.medium-webfont.svg#barlowmedium') format('svg');     

}
@font-face {
    font-family: 'barlow';
    font-weight: 600;
    src: url('../fonts/barlow/barlow.semibold-webfont.eot');
    src: url('../fonts/barlow/barlow.semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/barlow/barlow.semibold-webfont.woff2') format('woff2'),
         url('../fonts/barlow/barlow.semibold-webfont.woff') format('woff'),
         url('../fonts/barlow/barlow.semibold-webfont.ttf') format('truetype'),
         url('../fonts/barlow/barlow.semibold-webfont.svg#barlowsemibold') format('svg');

}
@font-face {
    font-family: 'barlow';
    font-weight: 700;
    src: url('../fonts/barlow/barlow.bold-webfont.eot');
    src: url('../fonts/barlow/barlow.bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/barlow/barlow.bold-webfont.woff2') format('woff2'),
         url('../fonts/barlow/barlow.bold-webfont.woff') format('woff'),
         url('../fonts/barlow/barlow.bold-webfont.ttf') format('truetype'),
         url('../fonts/barlow/barlow.bold-webfont.svg#barlowbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'barlow';
    font-weight: 800;
    src: url('../fonts/barlow/barlow.extrabold-webfont.eot');
    src: url('../fonts/barlow/barlow.extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/barlow/barlow.extrabold-webfont.woff2') format('woff2'),
         url('../fonts/barlow/barlow.extrabold-webfont.woff') format('woff'),
         url('../fonts/barlow/barlow.extrabold-webfont.ttf') format('truetype'),
         url('../fonts/barlow/barlow.extrabold-webfont.svg#barlowextrabold') format('svg');

}
@font-face {
    font-family: 'barlow';
    font-weight: 900;
    src: url('../fonts/barlow/barlow.black-webfont.eot');
    src: url('../fonts/barlow/barlow.black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/barlow/barlow.black-webfont.woff2') format('woff2'),
         url('../fonts/barlow/barlow.black-webfont.woff') format('woff'),
         url('../fonts/barlow/barlow.black-webfont.ttf') format('truetype'),
         url('../fonts/barlow/barlow.black-webfont.svg#barlowblack') format('svg');


}


*{

    font-family: 'barlow';
}

body{

    font-weight: 300;
    color: #555872;
}

a {
    color: #a42325;
}




.sppb-title-heading{

    margin-bottom: 50px;

    _color: #164194;
    color: #11285a;
    
}
#sp-main-body h1.sppb-title-heading{

    font-size: 3rem !important;
    line-height: 3.25rem !important;
    text-transform: uppercase;

}
#sp-main-body h3.sppb-title-heading,
#sp-bottom h3.sppb-title-heading{

    font-size: 3rem !important;
    line-height: 3.25rem !important;
    text-transform: uppercase;

}

#sp-main-body h1.sppb-title-heading:after,
#sp-main-body h3.sppb-title-heading:after,
#sp-bottom h3.sppb-title-heading:after{

    content: "";
    
    display: block;
    
    width: 225px;
    
    height: 1px;
    
    margin: auto;
    margin-top: 5px;
        
    border-bottom: solid thin #972428;
    

}


#sp-header{

    box-shadow: none;

}

#sp-top-bar, #sp-header{

    _background: #1c2b4a;
    background: #fff;

}
#sp-top-bar, #sp-header{

    padding: 0;

}
#sp-top-bar .container-inner{

    padding: 10px 0 10px 0;

    border-bottom: solid thin #11285a;

}
#sp-top-bar, #sp-top-bar a{

    font-weight: 500;
    color: #11285a;

}
#sp-top-bar .contact-info-top1-mobile{
    display: none;
    
    color: #11285a;
}
@media (max-width: 1080px){

    #sp-top-bar .container-inner {
        padding: 0 0 0 0;
    }
    #sp-top-bar #offcanvas-toggler {
        height: 25px;
        line-height: 25px;
    }
    #sp-top-bar .contact-info-top1-mobile{
        display: block;
    }
    #sp-top-bar .contact-info-top1-mobile a{
        display: flex;
        justify-content: space-around;
    }    
    #sp-top-bar .contact-info-top1-mobile span.far{
        display: inline-block;
        padding: 5px;
    }
    #sp-top-bar .contact-info-top1-desktop,
    #sp-top-bar .contact-info-top2-desktop{
        display: none;
    }

    #sp-header #sp-logo{
        width: 100%;
        text-align: center;
    }
    #sp-header #sp-logo .logo-image {
        height: 35px;
    }
    
    #sp-header #sp-menu{
        display: none;
    }
    
    
}                 



.sp-megamenu-parent > li > a {
    font-size: 1.35rem;
    font-weight: 600;  
    color: #11285a;
    text-transform: uppercase;
}
.sp-megamenu-parent > li:hover > a, 
.sp-megamenu-parent > li.active > a, 
.sp-megamenu-parent > li.active:hover > a,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover {
    color: #a42325;
}
.sp-megamenu-parent .sp-dropdown a,
.sp-megamenu-parent .sp-mega-group > li > a {
    font-weight: 500;
    color: #11285a;
}
.burger-icon>span {

    background-color: #11285a;

}
.blog #sp-main-body > .container{
    padding: 0 15%;
}
.breadcrumb {

    margin-bottom: 0;

}

#sp-bottom {
    background: #676f7e;
    color: #ffffff;
    
    _background-image: url(/images/piston_logo_wasserzeichen_5.svg);
    _background-repeat: no-repeat;
    _background-position: left bottom;
    _background-attachment: fixed;
    _background-size: 80%;
    
}
#sp-bottom .sppb-title-heading{

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

    color: #adadad;
    
}


#sp-footer {
    background: #242933;
    color: #FFFFFF;
}









.sec-style-01{

    background-color: #1b2d51;

}            
.sec-style-01 .sppb-title-heading{

    color: #fff;

}
.sec-style-01 .sppb-row .sppb-column{

    display: flex;
    align-items: center;
    
    text-align: center;
    
    background-color: #253e6f;
    
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.25) !important;

    transition: background 0.5s;
    
}
.sec-style-01 .sppb-row .sppb-column:hover{

    background-color: #8f242a;

}
.sec-style-01 .sppb-row .sppb-column p{

    margin: 0;

}
.sec-style-01 .sppb-row .sppb-column p a{

    display: block;

    min-height: 25px;

    padding: 70px 0;

    color: #fff;
}
.sec-style-01 .sppb-row .sppb-column p a i{

    margin: 0 0 15px 0;
    
    font-size: 3rem;
    
}
@media (max-width: 1080px){

    .sec-style-01 .sppb-row > div{
        margin-bottom: 15px;
    }
    
}



.sec-style-02{

    background-color: #f2f2f2;

}   
.sec-style-02 .sppb-row{

    justify-content: space-evenly;

}     
.sec-style-02 .sppb-column-addons{

    margin: -17px 0 0 -15px;
    padding: 0 0 13px 0;
        
}
.sec-style-02 .sppb-addon-title{

    margin: 0;
    padding: 10px 0;
    
    font-size: 1.25rem;
    color: #fff;
    
    background-color: #11285a;

}
.sec-style-02 .sppb-row .item{

    display: flex;
    align-items: center;
    
    text-align: center;
    
    background-color: #e2e2e2;
    
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.05) !important;

    transition: background 0.5s;
    
}
.sec-style-02 .sppb-row .item:hover{

    background-color: #8f242a;

}
.sec-style-02 .sppb-row .item p{

    margin: 0;

}
.sec-style-02 .sppb-row .item p a{

    display: block;

    min-height: 25px;

    padding: 70px 0;

    color: #fff;
}
.sec-style-02 .sppb-row .item p a i{

    margin: 0 0 15px 0;
    
    font-size: 3rem;
    
}
@media (max-width: 1080px){

    .sec-style-02 .sppb-column-addons{

        padding-left: 30px;
            
    }
    .sec-style-02 .sppb-row > div{

        margin-bottom: 35px;
            
    }

}



.sec-style-03{

    background-color: #f2f2f2;

}            
.sec-style-03 .sppb-title-heading{

    _color: #fff;

}
.sec-style-03 .sppb-row .sppb-column{

    display: flex;
    align-items: center;
    
    text-align: center;
    
    background-color: #ffffff;
    
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.05) !important;

    transition: background 0.5s;
    
}
.sec-style-03 .sppb-row .sppb-column:hover{

    background-color: #8f242a;
    color: #fff;

}
.sec-style-03 .sppb-row .sppb-column:hover a{

    color: #fff;

}
.sec-style-03 .sppb-row .sppb-column p{

    margin: 0;

}
.sec-style-03 .sppb-row .sppb-column p a{

    display: block;

    min-height: 25px;

    padding: 70px 0;

    _color: #fff;
}
.sec-style-03 .sppb-row .sppb-column p a i{

    margin: 0 0 15px 0;
    
    font-size: 3rem;
    
}






table.packliste{

    _width: 100%;
    
}
table.packliste td{

    min-width: 75px;
    
    padding: 4px 10px;

    border: solid thin #ccc;
    
}
table.packliste tbody tr td:first-child{

    min-width: 275px;

}



.justify-center .sppb-row{
    justify-content: center;
}
.justify-space-evenly .sppb-row{
    justify-content: space-evenly;
}




.ul-01{

    padding-left: 0;
    
    list-style: none;
    
}
.ul-01 > li{
    padding: 2px 0 0 30px;
    margin: 0 0 10px 0;
    
    background-image: url(../images/icon-star.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    
    font-weight: 600;
}
.ul-01 > li  li{

    font-weight: 100;
    
    list-style: disc;
    
}



.box-left, 
.box-right,
.box-img{
    display: block;    
}
.box-left > tbody, 
.box-right > tbody,
.box-img > tbody{
    display: block;
}
.box-left > tbody > tr, 
.box-right > tbody > tr,
.box-img > tbody > tr{
    display: flex;
}
.box-left > tbody > tr > td,
.box-right > tbody > tr > td,
.box-img > tbody > tr > td{
    display: block;
}
.box-left > tbody > tr > td:first-child,
.box-right > tbody > tr > td:last-child,
.box-img > tbody > tr > td{
    width: 40%;
    margin-right: 10px;
    
    background-color: #f5f5f5;
    border: solid thin #ddd;
    padding: 5px;  
}
.box-img > tbody > tr > td{
    width: 100%;
}
.box-left > tbody > tr > td:first-child span,
.box-right > tbody > tr > td:last-child span{
    font-size: 0.75rem;
    display: block;
}
.box-left > tbody > tr > td:last-child,
.box-right > tbody > tr > td:first-child{
    width: 60%;
    margin-left: 10px;
}
.box-left > tbody > tr > td img,
.box-right > tbody > tr > td img{
    display: block;
    width: 100%;
}
@media (max-width: 900px){
    .box-left > tbody > tr, 
    .box-right > tbody > tr {
        flex-wrap: wrap;
    }
    .box-left > tbody > tr > td:first-child,
    .box-left > tbody > tr > td:last-child,
    .box-right > tbody > tr > td:first-child,
    .box-right > tbody > tr > td:last-child{
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }


}




/* Mobile */
.mobile_ads_all{

    padding-bottom: 50px;

}
.mobile_ads_all .img{
    display: flex;
    
    height: 250px;

}.mobile_ads_all .img a{

    width: 100%;

    background-position: center;
    background-repeat: no-repeat;
}
.mobile_ads_all .title{

    height: 50px;

    text-align: 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: #11285a;
  
  color: #fff;
  
  transition: background 0.5s;
  
}
.schnell_kontakt button:hover{

  background: #a42325;

}
@media (max-width: 1080px){

    .schnell_kontakt .flex{
    
        flex-direction: column;
        
        margin: 0 -15px;
      
    }
    .schnell_kontakt input{

        margin: 0 0 15px 0;
      
    }

}