body {
font-family: 'Open Sans', sans-serif;
color: #111;
font-size: 18px;
font-weight: 400;
background-color: #fff;
}


.h1, .h2, .h3, .h4, .h5, h1, h2, h3, h4, h5 {font-family: 'Crushed', sans-serif!important;}

#sp-header .logo-image {
  background:url("/images/template/logo-solowheel-wh.png");
background-size: contain;
   }

#sp-header.header-sticky .logo-image {
  background:url("/images/template/logo-solowheel.png");
background-size: contain;
   }

/* SP Bild direkt ansprechen */
img[src$="event.png"] {  -webkit-filter: brightness(2%);
  filter: brightness(2%);} 

/* Callback Button */

.button-joomly-callback.circlephone {
    border: 0px solid #29AEE3!important;
}

/* Whatsapp Modul */

.whatsappchat img {display: inline!important;}

.whatsappchat .popup-section .help-you-btn {
    font-size: 10pt;
    font-weight: bold;
}
.whatsappchat .popup-section .popup .popuptext .popup-box .popup-top .image img {
    max-width: 72px!important;
}

/* Offcanvas */
#offcanvas-toggler {
    font-size: 40px;
}
#offcanvas-toggler > .fa {
    color: #ff0000;
}
#offcanvas-toggler > .fa:hover, #offcanvas-toggler > .fa:focus, #offcanvas-toggler > .fa:active {
    color: #ccc;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li a:focus, .offcanvas-menu .offcanvas-inner .sp-module ul > li span:focus {
    color: #ff0000;
}


/* Check-List */

.check-list ul {
    list-style: none;
    margin: 0px 0px 0px 15px;
    padding: 0px;
}
.check-list li {
    position: relative;
}

.check-list li::before {
    position: absolute;
    display: block;
    content: '\2022';
    text-indent: -999999px;
    left: -25px;
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-image: url('/images/template/icon/check-icon.svg');
    background-size: 25px 25px;
    background-position: 0 0px;
}




/* LOGO  */

.logo-image {
  
    margin-top: 20px!important;
}

/* Top Leiste */

#sp-top-bar {
    background: #000;
    color: #fff;
}
#sp-top-bar a {
    color: #fff;
}


 #sp-header {box-shadow: 0px 0px 0px 0 rgba(0, 0, 0, 0.10);
height: 00px!important;
} 

#sp-component {
    margin-top: -110px;
}
 .startseite #sp-component {
    margin-top: 0px;
}
/* Header */

#sp-header.header-sticky {
    position: fixed;
    z-index: 9999;
    background: rgba(250, 250, 250, 0.98);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.20);
    height: 80px !important;
}
#sp-header {background: rgba(250, 250, 250, 0.40);}

/*#sp-header {background: rgba(90, 90, 90, 0.50)!important;}*/

@media handheld, only screen and (max-width: 475px) {
     #sp-header {background: rgba(250, 250, 250, 0.90)!important;}
}

/*#offcanvas-toggler {display: none !important;}
#sp-menu {display: none!important;}*/



/* Titel */
.sp-page-title {
    padding: 100px 0;
    background-repeat: no-repeat!important;
    background-position: center center!important;
    background-size: cover!important;
    background-attachment: scroll!important;
}
h2.sp-page-title-heading {font-size: 40px!important;}
h3.sp-page-title-sub-heading {font-size: 18px!important;}

/* Login Seite */

.login { margin-top: 100px !important; }


/* Navigation */
#sp-header.header-sticky .sp-megamenu-parent > li > a {color: #000;}
#sp-header.header-sticky .sp-megamenu-parent > li > a:hover {color: #ffcc33;}
#sp-header.header-sticky .sp-megamenu-parent > li.active > a {color: #ffcc33;background: rgba(0,0,0,1);}
#sp-header.header-sticky .sp-megamenu-parent > li > span,#sp-header.header-sticky .sp-megamenu-parent > li > a {
    border-right:0px solid #000;
}


.sp-megamenu-parent {
    list-style: none;
    padding-left: 0%!important;
    margin-top: 0px!important;
    z-index: 99;
    display: block;
    float: left!important;
    position: relative;
}
.sp-megamenu-parent > li > a {

  font-size: 18px;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
}

.sp-megamenu-parent > li > a:hover {color: #ffcc33;}
.sp-megamenu-parent > li.active > a {color: #000;}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
  line-height: 80px!important;
    padding: 0px 14px;  
} 

.sp-megamenu-parent > li > span, .sp-megamenu-parent > li > a {
    border-right:0px solid #000;
}

.sp-megamenu-parent > li:last-child > a{
border-right:none;
}

.first {
margin-left:0;
}

.last {
border-right:none;
}



/* Bottom und Footer */
#sp-bottom .container-inner { max-width: 1050px !important;margin: auto!important;}

#sp-bottom {
 
  padding: 10px 0 30px!important;

}
#sp-bottom {
    padding: 0px  !important;
    font-size: 12px;
    line-height: 1.4;
}
#sp-menu {z-index: 150!important;}
.bottom-1, .bottom-2, .bottom-4 {padding-right: 10px !important; margin-top:35px !important; border-right: 1px #fff dashed;min-height: 100px!important;}
.bottom-1 a, .bottom-2 a, .bottom-4 a {text-transform: uppercase;font-size: 10pt;color: #ccc!important; }
.bottom-1 a:hover, .bottom-2 a:hover, .bottom-3 a:hover {text-transform: uppercase;color: #999!important; }
.bottom-1 {border-right: 0px #fff dashed!important;}
.bottom-3 {border-right: 0px #fff dashed!important;}
.bottom-4 {border-right: 0px #fff dashed!important;}
.bottom-3 {font-size: 12pt; color: #fff!important;padding:30px 15px 5px 0px !important;}
/* mit map .bottom-3 {background-color: #fff !important;font-size: 11pt; color: #101010!important;padding:15px 15px 5px 15px !important;}*/
.bottom-3 a {color: #fff!important ;}

/* Logo Container  */

@media only screen and (min-width: 768px)  {
.container {max-width:100% !important;padding-left: 100px; }
}
@media only screen and (max-width: 767px)  {
.container {max-width:100% !important;padding-left: 10px; }
}


/*  SP Background-Cover Ipad/Iphone */

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)  {
     .background-cover { background-attachment: scroll !important; }
    
}
@media handheld, only screen and (max-width: 668px) {
     .background-cover { background-attachment: scroll !important; }
}

/* Blog und Artikel */
#sp-left .sp-module .sp-module-title, #sp-right .sp-module .sp-module-title {
    margin: 0 0 10px;
    padding-bottom: 10px;
    font-size: 22px;
    font-weight: 700;
    border-bottom: 1px solid #f3f3f3;
}
.article-list .article {
    margin-bottom: 30px;
    padding: 20px;
    border: 0px solid #f5f5f5;
    border-radius: 3px;
}
.mod-articles-category-group {color: #e2b572;font-weight: 400;text-transform: uppercase;padding-top: 10px;}



/* Kontaktformular */
#formular .sppb-form-builder-field-0 label, 
#formular .sppb-form-builder-field-1 label,
#formular .sppb-form-builder-field-2 label,
#formular .sppb-form-builder-field-3 label,
#formular .sppb-form-builder-field-4 label,
#formular .sppb-form-builder-field-5 label,
#formular .sppb-form-builder-field-6 label {
    display: none;
}


.sppb-form-check .sppb-form-check-label {
    line-height: 14px;
    font-size: 12px;
    font-weight: 300;
}






/* Google Fonts */

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


/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/google/open-sans-v18-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('../fonts/google/open-sans-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/google/open-sans-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/google/open-sans-v18-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/google/open-sans-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/google/open-sans-v18-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-300italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/google/open-sans-v18-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'),
       url('../fonts/google/open-sans-v18-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/google/open-sans-v18-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/google/open-sans-v18-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/google/open-sans-v18-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/google/open-sans-v18-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/google/open-sans-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/google/open-sans-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/google/open-sans-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/google/open-sans-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/google/open-sans-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/google/open-sans-v18-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/google/open-sans-v18-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('../fonts/google/open-sans-v18-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/google/open-sans-v18-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/google/open-sans-v18-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/google/open-sans-v18-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/google/open-sans-v18-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/google/open-sans-v18-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('../fonts/google/open-sans-v18-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/google/open-sans-v18-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/google/open-sans-v18-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/google/open-sans-v18-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/google/open-sans-v18-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/google/open-sans-v18-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'),
       url('../fonts/google/open-sans-v18-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/google/open-sans-v18-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/google/open-sans-v18-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/google/open-sans-v18-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/google/open-sans-v18-latin-600italic.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/google/open-sans-v18-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('../fonts/google/open-sans-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/google/open-sans-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/google/open-sans-v18-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/google/open-sans-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/google/open-sans-v18-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/google/open-sans-v18-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
       url('../fonts/google/open-sans-v18-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/google/open-sans-v18-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/google/open-sans-v18-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/google/open-sans-v18-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/google/open-sans-v18-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/google/open-sans-v18-latin-800.eot'); /* IE9 Compat Modes */
  src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'),
       url('../fonts/google/open-sans-v18-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/google/open-sans-v18-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/google/open-sans-v18-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/google/open-sans-v18-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/google/open-sans-v18-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-800italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/google/open-sans-v18-latin-800italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'),
       url('../fonts/google/open-sans-v18-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/google/open-sans-v18-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/google/open-sans-v18-latin-800italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/google/open-sans-v18-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/google/open-sans-v18-latin-800italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}