/* eigenes css */
.sppb-addon h3.sppb-addon-title {
    box-shadow: inset 0 0px 0 #fff;
}
#sp-top-bar a {
    color: #fff;
}.sp-contact-info li i {
    color: #fff;
}

.sticky .sticky__wrapper {
    background: #ffffff;
  background: rgba(255,255,255,0.9);
    height: 70px;
    -webkit-animation-name: fade-in-down;
    animation-name: fade-in-down;
  
    border-bottom: 1px solid #ddd;
}

.uk-overlay >img {
    
		max-height:80px;
}

.sp-module ul >li.uk-active, .sppb-addon-module ul >li.uk-active {   
    border-bottom: none;
		max-height: 90px;
}

.sp-module ul.nav >li >a  {
		color: #b00;
    display: block;
		padding-left: 5px;
    border-bottom: 1px solid #ddd;
    -webkit-transition: 300ms;
    transition: 300ms;
}

.sp-module ul.nav >li >a:hover  {
		color: #c00;
    border-bottom: 1px solid #c00;
    -webkit-transition: 300ms;
    transition: 300ms;
}


	
	
	
	#sp-menu > div > div > ul > li.sp-menu-item.sp-has-child.active > div > div > div > div:nth-child(2) > div > div.sp-module-content > ul > li.active > a {
		background-color: #bb0000;
		color: #fff;
	}
	
	
	


#sp-page-builder > div > section > div > div > div.sppb-col-sm-3 > div > div > div > ul > li > a{
	background-color: #fff;
		color: #040;
		padding-left: 20px;
		border-bottom: 1px solid #060;
	}
	
#sp-page-builder > div > section > div > div > div.sppb-col-sm-3 > div > div > div > ul > li.current.active a{
	background-color: #050;
		color: #fff;
		padding-left: 20px;
	}
	
	#sp-page-builder > div > section > div > div > div.sppb-col-sm-3 > div > div > div > ul > li.current.active a:hover{
	background-color: #040;
		color: #fff;
		padding-left: 20px;
	}
	
	#sp-page-builder > div > section > div > div > div.sppb-col-sm-3 > div > div > div > ul > li > a:hover{
	background-color: #040;
		color: #fff;
		padding-left: 20px;
	}
	
	#sp-left > div > div > div > ul > li { background-color: #fff;	
	}
	#sp-left > div > div > div > ul > li > a:hover{ 
		background-color: #c00;
		color: #fff;
	}
	#sp-left > div > div > div > ul > li.parent {
	padding-left: -10px;
}
	#sp-left > div > div > div > ul > li.parent > a:before {
    font-family: "peIcon7";
    content: "\e688";
    padding-right: 3px;
    vertical-align: middle;
    font-size: 90%;
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}
#sp-left > div > div > div > ul > li.active { background-color: #c00;
	}
#sp-left > div > div > div > ul > li.active > a { color: #fff;
	}
	
#sp-left > div > div > div > ul > li.current.active.deeper.parent > ul > li{
	background-color: #fff;
}
#sp-left > div > div > div > ul > li.current.active.deeper.parent > ul > li> a{
	padding-left: 20px;
}
#sp-left > div > div > div > ul > li.current.active.deeper.parent > ul > li>a:hover{
	background-color: #c00;
		color: #fff;
		padding-left: 20px;
	}
	
#sp-left > div > div > div > ul > li.active.deeper.parent > ul > li{
	background-color: #fff;
}
#sp-left > div > div > div > ul > li.active.deeper.parent > ul > li > a{
	padding-left:20px;
}
#sp-left > div > div > div > ul > li.active.deeper.parent > ul > li > a:hover{
	background-color: #c00;
		color: #fff;
}
#sp-left > div > div > div > ul > li.active.deeper.parent > ul > li.current.active {
	background-color: #b00;
	}
#sp-left > div > div > div > ul > li.active.deeper.parent > ul > li.current.active >a {
	color: #fff;
	}
	
#sp-left > div > div > div > ul > li.active.deeper.parent > ul > li.parent > a:before {
    font-family: "peIcon7";
    content: "\e688";
    padding-right: 3px;
    vertical-align: middle;
    font-size: 90%;
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
}
#sp-left > div > div > div > ul > li.active.deeper.parent > ul > li.active.deeper.parent{
	background-color: #c00;
}
#sp-left > div > div > div > ul > li.active.deeper.parent > ul > li.active.deeper.parent > a {
	color: #fff;
}
#sp-left > div > div > div > ul > li.active.deeper.parent > ul > li.active.deeper.parent > ul > li{
	background-color: #fff;
}
#sp-left > div > div > div > ul > li.active.deeper.parent > ul > li.active.deeper.parent > ul > li > a{
	padding-left: 20px;
}
#sp-left > div > div > div > ul > li.active.deeper.parent > ul > li.active.deeper.parent > ul > li.current.active {
	background-color: #b00;
}
#sp-left > div > div > div > ul > li.active.deeper.parent > ul > li.active.deeper.parent > ul > li.current.active > a{
	color: #fff;
}
#sp-left > div > div > div > ul > li.active.deeper.parent > ul > li.active.deeper.parent > ul > li > a:hover{
	background-color: #c00;
}

#sp-left > div > div > div > ul > li.active.deeper.parent > ul > li.current.active.deeper.parent > ul > li{
	background-color: #fff;
}

#sp-left > div > div > div > ul > li.active.deeper.parent > ul > li.current.active.deeper.parent > ul > li > a{
	padding-left:20px;
}
#sp-left > div > div > div > ul > li.active.deeper.parent > ul > li.current.active.deeper.parent > ul > li > a:hover{
	background-color: #c00;
		color: #fff;
}
#sp-component > div > article > dl > dd.published:before {content:"veröffentlicht am: "}
#sp-component > div > article > dl > dd.modified:before {content:"zuletzt bearbeitet: "}
#sp-logo > div > a > h1 {margin-top: 0px;margin-bottom: 0px;}
#sp-logo {padding: 0px;}

#sp-menu > div > div > ul > li.sp-menu-item.current-item.active {background-color: #fff; border-left: 1px solid #dedede; border-right: 1px solid #dedede; border-top: 2px solid #c00; border-bottom: 1px solid #3d3d3d;	}
#sp-menu > div > div > ul > li.sp-menu-item.sp-has-child.active {background-color: #fff; border-left: 1px solid #dedede; border-right: 1px solid #dedede; border-top: 2px solid #c00; border-bottom: 1px solid #3d3d3d;	}
#sp-menu > div > div > ul > li.sp-menu-item.sp-has-child.active > div > div > ul > li.sp-menu-item.sp-has-child.active {background-color: #fff; border-left: 2px solid #c00;  	}

#sp-component > div > div.blog > div.items-row.row.clearfix > div > article > div.entry-header > h2 > a {font-size: 20px;}
#sp-component > div > article > div.content-links > ul {
	list-style-type: none;}
	#sp-component > div > article > div.content-links > ul > li:before {content: "Download : "}
	
	#sp-header {
    box-shadow: 0 3px 5px 0 rgba(64,64,64,0.25);
}

@font-face {
    font-family: "gft_yamaha_motorbold_italic";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/gftyabolita_v20-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/gftyabolita_v20-webfont.woff") format("woff"), url("fonts/gftyabolita_v20-webfont.ttf") format("truetype"), url("fonts/gftyabolita_v20-webfont.svg#gft_yamaha_motorbold_italic") format("svg");
}
@font-face {
    font-family: "gft_yamaha_motorlight_italic";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/gftyalightit_v20-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/gftyalightit_v20-webfont.woff") format("woff"), url("fonts/gftyalightit_v20-webfont.ttf") format("truetype"), url("fonts/gftyalightit_v20-webfont.svg#gft_yamaha_motorlight_italic") format("svg");
}
@font-face {
    font-family: "gft_yamaha_motorregular";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/gftyareg_v20-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/gftyareg_v20-webfont.woff") format("woff"), url("fonts/gftyareg_v20-webfont.ttf") format("truetype"), url("fonts/gftyareg_v20-webfont.svg#gft_yamaha_motorregular") format("svg");
}

.page-header h1, .accessories-page-header h1 {
    clear: both;
    font: 30px/30px "gft_yamaha_motorregular";
    letter-spacing: normal;
    padding: 20px 0 8px;
    text-transform: none;
    width: 100%;
}

div.catItemHeader h3.catItemTitle {
	font: 18px/18px "gft_yamaha_motorregular";
    padding: 10px 0 4px 0;
    margin: 0;
}

div.itemHeader h2.itemTitle {
	font: 24px/24px "gft_yamaha_motorregular";
    padding: 10px 0 4px 0;
    margin: 0;
}

div.itemIntroText > h3{
	font: 18px/18px "gft_yamaha_motorregular";
    padding: 10px 0 4px 0;
    margin: 0;
}

div.itemListCategory h2 
	{
	font: 24px/24px "gft_yamaha_motorregular";
    padding: 18px 0 12px 0;
    margin: 0;
		float:left;

}

div.subCategory h2 a {
	font: 24px/24px "gft_yamaha_motorregular";
}

div.itemListSubCategories h3 {
	visibility:hidden;
}

h1 ,h2 , h3, h4, h5 {
	font: 18px/18px "gft_yamaha_motorregular";
    padding: 10px 0 4px 0;
    margin: 0;
}

.entry-header h2 {font: 18px/18px "gft_yamaha_motorregular";
}

a {
    color: #ff0000;
}.btn-primary, .button, .btn-readmore, .sppb-btn-primary, .vm-button-correct {
    border-color: #f03f29;
    background-color: #cc0000;
    background-color: rgba(204,0,0,0.9);
    color: #fff;
    outline: 0;
}
.btn-primary:hover, .btn-primary:focus, .button:hover, .button:focus, .btn-readmore:hover, .btn-readmore:focus, .sppb-btn-primary:hover, .sppb-btn-primary:focus, .vm-button-correct:hover, .vm-button-correct:focus {
    border-color: #ca230e;
    background-color: #ff0000;background-color: rgba(255,0,0,0.9);
    color: #fff;
}
#sp-footer a {
    color: #fff;
}
#sp-footer a:hover {
    color: #cc0000;
}
.sp-page-title, .sp-page-title-no-img {
    height: 100px;
    text-align: left;
}