@charset "UTF-8";
@font-face {
font-family:"Overpass-Bold";
src: url("../fonts/overpass-mono-v15-latin-700.woff") format("font-woff");
src: url("../fonts/overpass-mono-v15-latin-700.woff2") format("font-woff2");
src: url("../fonts/overpass-mono-v15-latin-700.ttf") format("truetype");
}
@font-face {
font-family:"Overpass-Regular";
src: url("../fonts/overpass-mono-v15-latin-regular.woff") format("font-woff");
src: url("../fonts/overpass-mono-v15-latin-regular.woff2") format("font-woff2");
src: url("../fonts/overpass-mono-v15-latin-regular.ttf") format("truetype");
}
@font-face {
font-family:"Overpass-SemiBold";
src: url("../fonts/overpass-mono-v15-latin-600.woff") format("font-woff");
src: url("../fonts/overpass-mono-v15-latin-600.woff2") format("font-woff2");
src: url("../fonts/overpass-mono-v15-latin-600.ttf") format("truetype");
}
*{
font-family:"Overpass-Regular";
}
a, a:hover{
text-decoration: none;
}
body{
background-image:url(../../images/obs-background-asphalt.png);
background-repeat: repeat;
}
h1 {
font-size: 32px;
font-family:"Overpass-Bold";
}
h2 {
font-size: 24px;
font-family:"Overpass-SemiBold";
}
h4 {
font-size: 16px;
font-family:"Overpass-Bold";
}
h5{
font-size:14px;
font-family:"Overpass-Bold";
}
h6{
font-size:12px;
font-family:"Overpass-Regular";
}
.pl-0{
padding-left: 0!important;
}
.pr-0{
padding-right: 0!important;
}
.btn{
outline:none;
box-shadow: none;
border:none;
border-radius: 0;
margin-bottom: 16px;
}
.slide-more-information:after{
content:"Mehr Infos";
position:absolute;
width:100%;
height:100%;
left:0;
text-align:center;
-webkit-transition: all 400ms cubic-bezier(0.680, -0.550, 0.265, 1.550); 
}
.slide-more-information:before {
content:"Jetzt ansehen →";
height:100%;
width:100%;
position:absolute;
color:#ff6600;
left:-100%;
opacity: 0;
-webkit-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550); 
}
.slide-more-information:hover{
background:#ff6600;
}
.slide-more-information:hover:before{
left:0;
opacity:1;
color:#fff;
}
.slide-more-information:hover:after{
left:100%;
opacity:0;
}
.slide-more-information.left:hover{
background:none;
}
.slide-more-information.left:before {
left:100%;
color:#ff6600;
-webkit-transition: all 425ms cubic-bezier(0.680, -0.550, 0.265, 1.550); 
}
.slide-more-information.left:hover:before{
left:0;
}
.card{
box-shadow:none;
}
.card img{
border-radius: 0;
}
.main_container-intro-text h2 {
font-size: 40px!important;
}
.pre-header{
background:#ff6600;
color:#fff;
padding-top:8px;
padding-bottom:8px;
}
.pre-header a{
color:#fff;
text-decoration: none;
font-size:14px;
}
.pre-header a:hover{
color:#000;
text-decoration: none;
}
.navbar-osb{
background:rgba(0,0,0,0.8);
padding-top:20px;
padding-bottom:20px;
}
.navbar-osb .navbar-brand img {
height: 40px;
max-width: inherit;
}
.navbar-osb a.nav-link{
color:#fff !important;
font-size:14px;
}
.navbar-osb #menu-item-28 {
background: #ff6600;
margin-left: 25px;
width: 150px;
text-align: center;
}
.navbar-osb #menu-item-28 a:after {
content: " \F1C5";
font-family:'Bootstrap-icons';
padding-left:5px;
font-size:12px;
}
button.navbar-toggler {
color: #fff;
background: #ff6600;
}
button.navbar-toggler i.bi.bi-list {
color: #fff;
font-size: 24px;
}
.lp-intro-hero {
height: 850px;
margin-top: -90px;
padding-top: 415px;
}
.hero-text-holder {
margin: 48px;
padding: 24px;
color: #fff;
background: rgba(255,102,0,0.85);
width: 50%;
}
.lp-intro-bikes, .lp-intro-parts{
padding: 150px 100px 100px 100px;
height:300px;
}
.lp-intro-bikes a,.lp-intro-parts a{
color: #fff;
text-decoration: none;
}
.lp-intro-bikes a:hover, .lp-intro-parts a:hover{
color:#ff6600;
}
.arrow-down-cta {
background-image: url(../../images/arrow-down-cta.png);
display: block;
background-repeat: no-repeat;
background-size: contain;
height: 200px;
right: 37%;
position: absolute;
bottom: 8%;
width: 90px;
}
.main_container{
color:#fff;
margin-top:32px;
margin-bottom: 32px;
}
.main_container p {
font-size: 12px;
}
.main_container a {
font-size: 14px;
color: #fff;
}
.main_container a:hover {
color: #ff6600;
}
.main_container h2 {
font-size: 24px;
color: #fff;
}
.main_container h3 {
font-size: 16px;
color: #ff6600;
}
.hero_image_holder {
width: 100%;
height: 450px;
overflow: hidden;
display: block;
position: relative;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
text-align: center;
padding-top: 9%;
color: #fff;
}
/*Footer*/
footer {
background: #000;
margin-top: 64px;
padding-top: 64px;
}
footer a{
color:#fff;
text-decoration: none;
}
footer a:hover{
color:#ff6600;
text-decoration: none;
}
.footer-seo-text {
padding-top: 16px;
padding-bottom: 16px;
border-top: 1px solid #AEAEAE;
border-bottom: 1px solid #AEAEAE;
color: #fff;
font-size: 14px;
}
.footer-brand-section{
color:#fff;
padding-top:16px;
padding-bottom:24px;
}
.footer-link-section {
color: #fff;
border-top: 1px solid #AEAEAE;
border-bottom: 1px solid #AEAEAE;
padding-top: 48px;
padding-bottom: 48px;
}
ul.footer-link-list {
list-style: none;
padding-left: 0;
}
ul.footer-link-list li{
padding-bottom:4px;
font-size: 12px;
}
ul.footer-link-list li a{
color:#fff;
text-decoration: none;
font-size: 12px;
}
ul.footer-link-list li a:hover{
color:#ff6600;
}
.footer-copy{
color:#fff;
font-size: 12px;
padding-top:32px;
padding-bottom: 32px;
}
select, input, textarea {
font-family:"Overpass-Regular"!important;
background: none!important;
border-color: #ff6600!important;
color: #fff!important;
}
input#osb_contact_send {
background: #ff6600;
color: #fff;
border-radius: 0;
padding: 15px;
}

.footer_product_carousel h3{
font-family:"Overpass-Bold"!important;
color:#fff;
}
.footer_product_carousel h3 span{
font-family:"Overpass-Bold"!important;
color:#fff;
}
.card-bike-holder {
border: none;
background: none;
color: #fff;
}
.card-bike-holder a.btn.btn-primary {
background:#ff6600;
font-size: 14px;
position: relative;
display:block;
color: #fff;
outline: 0;
overflow:hidden;
z-index: 1;
cursor: pointer;
box-shadow: none;
margin-bottom: 16px;
transition:         0.08s ease-in;
-o-transition:      0.08s ease-in;
-ms-transition:     0.08s ease-in;
-moz-transition:    0.08s ease-in;
-webkit-transition: 0.08s ease-in;
}
.card-bike-holder a.btn.btn-primary:hover{
background:#333;
}
.card-bike-holder a.btn.btn-secondary{
border:1px solid #ff6600;
font-size: 14px;	
background:none;
border-radius: 0;
position: relative;
display:block;
color: #ff6600;
outline: 0;
overflow:hidden;
z-index: 1;
cursor: pointer;
box-shadow: none;
margin-bottom: 16px;
transition:         0.08s ease-in;
-o-transition:      0.08s ease-in;
-ms-transition:     0.08s ease-in;
-moz-transition:    0.08s ease-in;
-webkit-transition: 0.08s ease-in;
}
.card-bike-holder .card-body {
padding-top: 32px;
}
.card-bike-holder .card-body .card-title {
font-size: 16px;
}
.card-bike-holder .card-body p {
font-size: 12px;
}
.card-bike-holder .card-footer {
border: none;
margin: 0;
padding: 0;
}
.parts_product__carousel {
color: #fff;
}
.card-part-holder {
border: none;
background: none;
color: #fff;
}
.card-part-holder a.btn.btn-primary {
background:#ff6600;
font-size: 14px;
}
.card-part-holder a.btn.btn-secondary{
border:1px solid #ff6600;
font-size: 14px;	
background:none;
}
.card-part-holder .card-body {
padding-top: 32px;
min-height: 200px;
}
.card-part-holder .card-body .card-title {
font-size: 16px;
}
.card-part-holder .card-body p {
font-size: 12px;
}
.card-part-holder .card-footer {
border: none;
margin: 0;
padding: 0;
}
.card-part-holder span.new_badge {
position: absolute;
top: 24px;
background: #ff6600;
padding: 4px 24px 4px 24px;
font-size: 24px;
font-family: "Overpass-Bold";
box-shadow: 0 3px 0px rgb(0 0 0 / 50%);
}
div#panel-16-2-1-0{
margin-bottom:0!important;
}
.card-img-wrapper {
position: relative;
max-height: 310px;
overflow: hidden;
}
.card-img-wrapper img {
position: relative;
top: -90px;
}
.card span.external_link_hint {
display: block;
width: 100%;
text-align: center;
font-size: 10px;
}
.bike-single-intro .wrapper{
background: #ff6600;
color: #fff;
padding: 75px!important;
height: 540px;
}
.bike-single-intro .wrapper .badge_neu_eingetroffen{
background:#000;
color:#fff;
text-transform: uppercase;
font-size: 12px;
font-family: "Overpass-Regular";
padding:8px;
margin-bottom: 15px;
}
.bike-single-intro .wrapper a.btn.btn-ghost {
border: 1px solid #fff;
color: #fff;
width: 100%;
margin-top: 100px;
background:none;
position: relative;
display:block;
outline: 0;
overflow:hidden;
z-index: 1;
cursor: pointer;
box-shadow: none;
margin-bottom: 16px;
transition:         0.08s ease-in;
-o-transition:      0.08s ease-in;
-ms-transition:     0.08s ease-in;
-moz-transition:    0.08s ease-in;
-webkit-transition: 0.08s ease-in;
}
.direktanfrage:after{
content:"Direktanfrage";
position:absolute;
width:100%;
height:100%;
left:0;
text-align:center;
-webkit-transition: all 400ms cubic-bezier(0.680, -0.550, 0.265, 1.550); 
}
.direktanfrage:before {
content:"Jetzt anfragen →";
height:100%;
width:100%;
position:absolute;
color:#fff;
left:-100%;
opacity: 0;
-webkit-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550); 
}
.direktanfrage:hover{
background:#fff;
}
.direktanfrage:hover:before{
left:0;
opacity:1;
color:#fff;
}
.direktanfrage:hover:after{
left:100%;
opacity:0;
}
.direktanfrage.left:hover{
background:none;
}
.direktanfrage.left:before {
left:100%;
color:#ff6600;
-webkit-transition: all 425ms cubic-bezier(0.680, -0.550, 0.265, 1.550); 
}
.direktanfrage.left:hover:before{
left:0;
}
span.mehr_details_cta {
position: absolute;
bottom: 23%;
left: 35%;
width: 180px;
}
.card-bike-holder .card-body {
min-height: 210px;
}
div#single_bike_description {
margin-top: 95px;
color: #fff;
}
div#single_bike_description h3.widget-title{
color:#ff6600;
font-family: "Overpass-Bold";
}
.grecaptcha-badge { opacity:0;}

.main_container h3.widget-title, .landingpage_container h3.widget-title {
color:#fff;
font-family: "Overpass-Bold";

font-size: 24px;
margin-bottom:16px;
}
div#parts_not_found {
text-align: center;
}
#parts_not_found h3.widget-title {
color: #fff;
font-size: 30px;
text-transform: uppercase;
font-family: "Overpass-Bold";
width: 30%;
margin: 0 auto;
}
div#parts_not_found p {
width: 60%;
margin: 0 auto;
}
.form-check-input:checked {
background: #ff6600!important;
}
input#osb_contact_send{
background:#ff6600!important;
}
input#osb_contact_send:disabled{
background:none!important;
}
#custom-bike-lp-loop h3.widget-title:before{
content:"Dein ";
color:#ff6600;
}
#custom-parts-lp-loop h3.widget-title:before{
content:"Neue ";
color:#ff6600;
}
#parts_single_title_01 h3.widget-title:before{
content:"Neu ";
color:#ff6600;
}
#parts_single_title_02 h3.widget-title:before{
content:"Dein ";
color:#ff6600;
}
#footer-partners {
margin-top: 64px;
}
#footer-partners h3{
color:#fff;
margin-bottom:24px;
}
.footer-partner-logo {
max-height: 100px;
margin: 0 auto;
display: flex;
}