@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic,300italic,300,600,600italic,700italic,700);
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
    font-family: 'Source Sans Pro', sans-serif;
    background-size: cover !important;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 0 5px;
}
a {
    text-decoration: none;
    color: #000;
    transition: color 0.3s ease-in-out;
}
a:hover {
    color: #c4a51a;
}
h1 {
    font-size: 40px;
    font-weight: 300;
    margin: 0 0 15px;
}
select#PriceTo {
    color: black;
}
select#YearTo {
    color: black;
}
h3 {
    font-size: 33px;
    font-weight: 300;
    margin: 0 0 10px;
}
p {
    font-size: 18px;
    font-weight: 300;
    line-height: 26px;
    margin: 0 0 20px;
    max-width: 90%;
}
li {
    font-size: 18px;
    font-weight: 300;
    line-height: 21px;
    margin: 0 0 13px;
}
td {
    font-size: 18px;
    font-weight: 300;
    line-height: 21px;
    padding: 0 35px 10px 0;
}
strong {
    font-weight: 400;
}
#headerbg, #bgslogan, #contentbg, #footerbg, #boxbg, .box, .page img {
    float: left;
}
#newsbutton {
    float: right;
}
#headerbg, #bgslogan, #contentbg, #footerbg, #headertrans, #headerwhite, #boxbg, .box img, .box iframe {
    width: 100%;
}
#header, #slogan, #content, #footer {
    width: 1050px;
}
#header, #slogan, #content, #footer {
    margin: 0 auto;
}
#headerbg {
    position: fixed;
    z-index:9;
}

#content.page.extra {
    display: block;
    max-width: 990px;
    margin: 0 auto;
}

#headertrans, #headerwhite, #button, #logo, #nav, #tel, #sliderbutton, #created  {
    position: absolute;
}
#socialmedia {
    position: absolute;
    right: 183px;
    bottom: 6px;
}
#socialmedia a {
    color: #3b5998;
    font-size: 30px;
    transition:0.3s ease color;
}

#socialmedia a.social-insta {
    color: #C13584;
    margin-left: 15px;
}

#socialmedia a:hover {
    color:#8b9dc3;
}

#socialmedia a.social-insta:hover {
    color: #E1306C;
}

#header, #footerbg {
    position: relative;
}
#sliderbutton {
    background: url("/layout/arrow.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 43px;
    right: 0;
    top: 370px;
    width: 40px;
}
#headertrans {
    background: url('/layout/trans.png');
    height: 20px;
    top: 0;
    left: 0;
}
#headerwhite {
    background-color: #fff;
    height: 60px;
    top: 20px;
    left: 0;
}
#headerbg {
    box-shadow: 0 0 10px #000;
}
#header {
    height: 80px;
}
#button, #sliderbutton, #newsbutton {
    transition: box-shadow 0.3s ease-in-out;
}
#button:hover, #sliderbutton:hover, #newsbutton:hover {
    box-shadow: 0 0 10px #fff;
    cursor: pointer;
}
#button {
    background-color: #e9ba2f;
    font-family: "Roboto", sans-serif;
    height: 20px;
    right: 0;
    top: 0;
}
#button a {
    color: #fff;
    display: block;
    font-size: 15px;
    line-height: 19px;
    padding: 0 15px;
}
#logo {
    left: 0;
    top: 0;
}
#nav {
    left: 180px;
    top: 20px;
}
#tel {
    bottom: 6px;
    color: #e9ba2f;
    font-family: comic sans ms;
    font-size: 18px;
    right: 0px;
}

#checkbox input[type="checkbox"]{
    width: auto;
    padding: 25px;
    margin-right: 7px;
}

#bgslogan {
    margin: 225px 0 0;
    background: url('/layout/trans.png');
}
/*-------------------------NAVI------------------------*/

#nav nav {
    box-shadow: 0 2px 0 #023333;
    display: table;
    margin: 50px auto;
}
#nav ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
#nav ul ul {
    opacity: 0;
    position: absolute;
    top: 160%;
    transition: all 0.4s ease 0s;
    visibility: hidden;
    width: 315px;
}
#nav ul ul ul {
    left: 160%;
    top: 0;
}
#nav ul ul li:hover > ul {
    left: 100%;
    opacity: 1;
    top: 0;
    visibility: visible;
}
#nav ul li:hover > ul {
    opacity: 1;
    top: 100%;
    visibility: visible;
}
#nav ul li {
    cursor: pointer;
    float: left;
    position: relative;
}
#nav ul ul li {
    float: none;
    margin: 10px 0;
}
#nav ul ul li a {
    background-color: #e9ba2f;
    color: #fff;
    display: inline-block;
    line-height: 22px;
    padding: 6px 10px;
}
#nav ul ul li a:hover {
    background-color: #d99a03;
}
#nav ul a {
    color: #000;
    display: block;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-weight: 300;
    padding: 35px 10px 4px;
    text-align: center;
}
#nav ul li ul a {
    text-align: left;
}
#nav ul li a:hover {
    background-color: #e9ba2f;
    color: #fff;
}
#nav ul li a.menuactive {
    background-color: #e9ba2f;
    color: #fff;
}
#nav ul ul li a.menuactive {
    background-color: #d99a03;
}
/*-------------------------NAVI END------------------------*/

#slogan h1, #slogan h2, #slogan p {
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
}
#slogan h1 {
    font-size: 43px;
    margin: 5px 0 8px;
}
#slogan h2 {
    font-size: 28px;
    margin: 0 0 7px;
}
#slogan p {
    font-size: 18px;
    margin: 0 0 13px;
}
#info-bundesrats-verordnung p, 
#info-bundesrats-verordnung ul li,
#info-bundesrats-verordnung a {
    color: white;
}
#newsbutton {
    background-color: #e9ba2f;
    border-radius: 50%;
    height: 0;
    margin: 25px 0 0 90%;
    overflow: hidden;
    padding-bottom: 10%;
    transform: rotate(-30deg);
    width: 10%;
}
#newsbutton a {
    display: block;
    width: 100%;
    padding-top: 50%;
    padding-bottom: 50%;
    margin-top: -0.5em;
    text-align: center;
    color: #fff;
    font-size: 27px;
}
#boxbg {
    height: 305px;
    padding: 185px 0 70px;
}
.box {
    background-color: #fff;
    box-sizing: border-box;
    padding: 10px;
    width: 32%;
    height: 100%;
    transition:box-shadow 0.3s ease-in-out;
}
select#markenID {
    color: black;
}
.box:hover {
    cursor: pointer;
    box-shadow: 0 0 20px #000;
}
.box.second {
    margin: 0 2%;
}
.box img {
    height: auto;
}
.box h1 {
    font-family: "Roboto", sans-serif;
    font-size: 33px;
    font-weight: 300;
    margin: 8px 0;
    padding: 0 0 0 42px;
}
.box a {
    font-style: italic;
    color: #e9ba2f;
    font-weight: 600;
}
.box a:hover {
    color: #c4a51a;
}
.box p {
    font-size: 15px;
    font-weight: 300;
    line-height: 21px;
    margin: 0 0 5px;
    max-width: 100%;
}
.box td {
    font-size: 14px;
    font-weight: 300;
    line-height: 21px;
    padding: 0;
}
.box td:first-child {
    padding: 0 20px 0 0;
}
.first h1 {
    background: url("/layout/icons/e-bikeicon.png") no-repeat scroll left center rgba(0, 0, 0, 0);
}
.second h1 {
    background: url('/layout/icons/werkstatt.png') no-repeat scroll left center rgba(0, 0, 0, 0);
}
.third h1 {
    background: url('/layout/icons/contact.png') no-repeat scroll left center rgba(0, 0, 0, 0);
}
.third table:last-child {
    margin: 0;
}
#footerbg {
    background-color: #fff;
    box-shadow: 0 0 10px #000;
    padding-bottom: 20px;
}
#footer {
    height: 90px;
    display: flex;
    justify-content: center;
}
#footer img {
    float: left;
    margin: 10px 25px 0;
}
#content.page {
    margin-top: 160px;
    margin-bottom: 70px;
    background-color: #fff;
    box-sizing: border-box;
    padding: 25px;
}
.page img {
    height: auto;
    margin: 0 30px 35px 0;
    max-width: 350px;
}
.page a {
    font-style: italic;
    color: #e9ba2f;
    font-weight: 600;
}
.page a:hover {
    color: #c4a51a;
}
.contentbox {
    clear: both;
    margin: 0 0 55px;
    /*min-height: 350px;*/
}
.contentbox:last-child {
    margin: 0;
}
.contentbox ul {
    list-style: outside none disc;
    margin: 0 0 30px 20px;
}
.contentbox ul ul {
    list-style: inside none circle;
    margin: 10px 0 0 30px;
}
.contentbox ol {
    list-style: inside none decimal;
    margin: 0 0 30px;
}
.lb-data .lb-details {
    display: none;
}
form {
    margin: 10px 0 30px;
    width: 100%;
}
form input, form textarea, form select {
    border: medium none;
    box-sizing: border-box;
    color: #fff;
    font-size: 16px;
    margin: 0 0 10px;
    padding: 5px 5px 5px 10px;
    transition: background 0.5s ease-in-out 0s;
    width: 95%;
    background-color: #e9ba2f;
}
form textarea {
    font-family: helvetica;
    height: 190px;
    max-height: 190px;
    resize: none;
}
form input:focus, form textarea:focus, form select:focus {
    background: none repeat scroll 0 0 #c4a51a;
    color: #fff;
}
form .submit input {
    background-color: #e9ba2f;
    box-sizing: border-box;
    cursor: pointer;
    margin: 0;
    width: 50%;
    color: #fff;
}
form .submit input:hover {
    background: none repeat scroll 0 0 #c4a51a;
}
.checkbox {
    box-sizing: border-box;
    margin: 10px 0 20px;
    vertical-align: top;
}
.checkbox div {
    margin: 0 0 10px;
}
.checkbox input {
    margin: 0;
    width: 10%;
}
#created {
    right:3px;
    bottom:3px;
}
#created a {
    font-size:10px;
}

.clear {
    clear: both;
}


.half {
    width: 50%;
    float: left;
}
.required.datenschutz input {
    display: inline-block!important;
    vertical-align: top;
    margin-top: 3px;
    width: 15px;
}

.required.datenschutz {
    margin: 10px 0;
}
.pp-table {
	width:100%;
	border: 1px solid #ddd;
}
.pp-table tr th {
	text-align:left;
	font-weight:bold;
	padding:5px;
	border: 1px solid #ddd;
	border-top:none;
	border-left:none;
}
.pp-table tr td {
	padding:5px;
	border: 1px solid #ddd;
	border-top:none;
	border-left:none;
	min-width: 100px;
	vertical-align: top;
}

.anchor{
    border-top: 135px solid transparent;
    margin: -135px 0 0.5em !important;
}

.anchor-div {
    scroll-margin-top: 150px;
}

.h2mk2 h2 {font-size: 35px; font-weight: 300; margin-bottom: 15px;}

/*------------------------------Responsive------------------------*/

@media screen and (max-width: 980px) {
    #header, #slogan, #content, #footer {
        width: 100%;
        box-sizing: border-box;
        padding-left: 2% !important;
        padding-right: 2% !important;
    }
    #logo {
        left: 2%;
    }
    #tel {
        right: 2%;
    }
    #sliderbutton {
        top: 125px;
    }
    #bgslogan {
        margin-top: 185px;
        margin-left: 0;
    }
    #newsbutton {
        float: left;
        margin-left: 0;
        min-width: 90px;
        padding-bottom: 90px;
    }
    #boxbg {
        padding-top: 70px;
    }
    #footer img {
        height: auto;
        margin: 10px 1%;
        max-height: 70px;
        max-width: 18%;
        width: auto;
    }
    #footer {
        height: auto;
    }
    p {
        max-width: 100%;
    }
}
@media screen and (max-width: 910px) {
    #boxbg {
        height: auto;
    }
    .box {
        width: 49%;
        height: 305px;
    }
    .box.first {
        margin-bottom: 2%;
    }
    .box.second {
        margin: 0 0 2% 2%;
    }
    #socialmedia {
        right: 24px;
        bottom: 29px;
    }
}
@media screen and (max-width: 810px) {
    .mean-container .mean-nav ul li {
        margin: 0;
    }
    .mean-container .mean-nav ul li a.mean-expand {
        line-height: 30px;
    }
    .mean-container .mean-nav ul li a.mean-expand:hover {
        background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1);
    }
    nav {
        border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    }
    #headerbg {
        position: relative;
    }
    #sliderbutton {
        top: 155px;
    }
    #bgslogan {
        margin-top: 100px;
    }
}
@media screen and (max-width: 650px) {
    .box.third {
        width: 100%;
    }
}
@media screen and (max-width: 550px) {
    .box {
        width: 100%;
        height: auto;
    }
    .box.second {
        margin-left: 0;
    }
    #content .gallery .img {
        width: 50%;
    }
    .half{
        width: 100%;
    }
    form input, form textarea, form select, form .submit input {
        width: 100%;
    }
    .required.datenschutz label {
    font-size: 13px;
   }
    .anchor {
     border-top: 0px;
     margin:0!important;
    }
}
@media screen and (max-width: 410px) {
    .page img {
        max-width: 100%;
        height: auto;
    }
}

/* Stylesheet: css Modified On 2023-02-21 16:38:16 */