@import url(https://fonts.googleapis.com/css?family=Open+Sans);

body {
    background: #353A3D url(https://www.only2wheels.de/Template/images/Only-2-Wheels_HGR.jpg) repeat-x;
    font-family:Open Sans, sans-serif;
    font-size: 16px;
    padding: 0;
    margin: 0;
}

@media (min-width: 800px) {
    #Barnas_Site {
        margin: 29px auto;
        width: 98%;
        padding:0px 10px
    }
}

@media (max-width: 800px) {
    #Barnas_Site {
        margin: 29px auto;
        width: 98%;
        padding:0
    }
}

#Barnas_Header {
    background: url("https://www.only2wheels.de/Template/images/logo.png") no-repeat center top;
    background-size: contain;
    height: 180px;
    position: relative;
    width: 100%;
    margin:0px auto 20px auto;
}

@media (max-width: 1200px) {
    #Barnas_Header {
        background-size: cover;
    }
}

#Barnas_Topmenu .header_search {
    margin: 0 0 0 5px;
    padding-top: 5px;
}

@media (min-width: 800px) {
    #Barnas_Topmenu {
        height: 41px;
    }
    #Barnas_Topmenu ul {
        list-style: outside none none;
        margin: 0;
        padding: 0;
        text-align: center;
    }
    #Barnas_Topmenu li {
        float: left;
        margin: 5px 20px 0px 10px;
        padding: 0px 10px 0px 15px;
    }
    #Barnas_Topmenu li a {
        color: #fff;
        font-size: 20px;
        text-decoration: none;
        text-shadow:#000 1px 1px 1px
    }
    #Barnas_Topmenu li a:hover {
        text-decoration: none;
        color:#353A3D;
        text-shadow: 0 -1px #fff, 1px 0 #fff, 0 1px #fff, -1px 0 #fff
    }

    #Barnas_Content #Barnas_Left {
        float: left;
        width: 25%;
    }
    #Barnas_Content #Barnas_Content_inner {
        float: left;
        margin: 0% 1%;
        text-align: center;
        width:51%;
        color:#FFF
    }
    #Barnas_Content #Barnas_Right {
        float: right;
        width: 22%;
    }
}

@media (max-width: 800px) {
    #Barnas_Topmenu {
        overflow: hidden;
    }
    #Barnas_Topmenu ul {
        list-style: outside none none;
        margin: 0;
        padding: 0;
        text-align: center;
    }
    #Barnas_Topmenu li {
        width: 100%;
        padding: 5px 10px 5px 10px;
    }
    #Barnas_Topmenu li a {
        color: #fff;
        font-size: 20px;
        text-decoration: none;
        text-shadow:#000 1px 1px 1px
    }
    #Barnas_Topmenu li a:hover {
        text-decoration: none;
        color:#353A3D;
        text-shadow: 0 -1px #fff, 1px 0 #fff, 0 1px #fff, -1px 0 #fff
    }

    #Barnas_Content #Barnas_Left {
        width: 100%;
    }
    #Barnas_Content #Barnas_Content_inner {
        width: 100%;
        text-align: center;
        color:#FFF
    }
    #Barnas_Content #Barnas_Right {
        width: 100%;
    }
}

#Barnas_Left .block {
    margin: 5px 5px 0;
    background:#000;
    color:#FFF;
    padding-bottom:10px
}
#Barnas_Left h3 {
    color: #fff;
    font-size: 14px;
    height: 39px;
    line-height: 39px;
    padding-left: 15px;
    text-shadow:#000 1px 1px 1px
}
#Barnas_Left td {
    padding: 3px 7px 1px 5px;
}
#Barnas_Left p {
    font-size: 15px;
    padding: 0px 5px 0px 15px;
}
#Barnas_Left img {
    padding-top:0px;
    vertical-align:bottom;
    margin-right:10px;
}
#Barnas_Left .et8_cat ul {
    display: none;
}

#Barnas_Content {
    margin-top: 20px;
}
.et8_cat {
    margin: 0;
    padding: 0;
}
.et8_cat ul {
    list-style:none;
    margin:0px;
    padding:0px
}
.et8_cat li {
    border-bottom: 1px solid #364E79;
    font-size: 13px;
    font-weight: bold;
    line-height: 30px;
    list-style:none;
}
.et8_cat a {
    color: #5e5e5e;
    text-decoration: none;
    padding:0px 10px
}
.et8_cat li a:hover {
    color: #fff;
}
.et8_cat li:hover {
    background: none repeat scroll 0 0 #353A3D;
    color: #fff !important;
    text-decoration: none;
}
.versand_logos img {
    margin: 4px 1px 0 0;
    width: 93px;
}
#Barnas_Content_inner h1 {
}
#Barnas_Content_inner h4 {
    text-shadow:1px 1px 1px #000;
}
#Barnas_Content_inner h3 {
    color: #fff;
    line-height: 25px;
    margin: 23px 0px;
    text-shadow:1px 1px 1px #000
}
#Barnas_Content_inner p {
    font-size: 15px;
    padding: 10px 5px;
}
#Barnas_Content_inner .description, #Barnas_Content_inner .details {
    text-align:left;
    line-height: 25px;
    margin: 23px 0px;
}
#Barnas_Content_inner .description h4, #Barnas_Content_inner .details h4 {
    text-transform:none;
    text-shadow:#000 1px 1px 1px;
    line-height: 25px;
    margin: 23px 0px;
    text-decoration:underline
}
#Barnas_Content_inner .tab_left {
    font-weight:bold;
    color:rgba(255,255,255,1);
    padding:10px 15px 10px 0px;
    vertical-align:text-top
}
#Barnas_Content_inner .tab_right {
    color:rgba(255,255,255,1);
    vertical-align:text-top
}
#Barnas_Content_inner .details li {
    line-height: 30px;
    margin-bottom: 15px
}
#Barnas_Content_inner li.zustand2 {
    line-height: 0px !important;
    list-style:none !important
}
#Barnas_Right .block {
    margin: 5px 5px 0;
    background:#000;
    color:#FFF;
    padding-bottom:10px
}
.sonstiges_img img {
    width:100% !important
}
#Barnas_Right .block img {
    padding-top:0px;
    vertical-align:bottom;
    margin-right:0px;
}
#Barnas_Right h3 {
    color: #fff;
    font-size: 14px;
    height: 39px;
    line-height: 39px;
    padding-left: 15px;
    text-shadow:#000 1px 1px 1px
}
#Barnas_Right p {
    font-size: 15px;
    padding: 0px 10px 0px 10px;
}
#Barnas_Right .hgrweiss {
    text-align:center;
}
#Barnas_Right .hgrweiss img {
    margin:7px 10px 7px 5px;
    width:90%
}
#Barnas_Footer {
    background: url("https://www.only2wheels.de/Template/images/Only-2-Wheels_HGR_foot.jpg") repeat-x center top #000;
    background-size: contain;
    font-size: 12px;
    padding: 0px 0;
    text-align: center;
    color:#FFF;
    height:145px
}
#Barnas_Footer .links {
    position:relative;
    top:78px;
    text-align:center
}
#Barnas_Footer .abstand {
    padding:0px 200px
}
#Barnas_Footer img {
    width:89%;
    margin-top:-20px
}
#Barnas_Site .border_rund_alle {
    border-radius: 10px;
}
#Barnas_Site .border_rund_oben {
    border-radius: 10px 10px 0 0;
}
#Barnas_Site .border_rund_unten {
    border-radius: 0 0 10px 10px;
}
#Barnas_Site .center {
    text-align: center !important;
}
#Barnas_Site .right {
    text-align: right;
}
#Barnas_Site .clear {
    clear: both;
}
#Barnas_Site .schrift20 {
    font-size: 20px;
}
#Barnas_Site a {
    color:#FFF; text-decoration:none
}
#Barnas_Site a:hover {
    color:#FFF; text-decoration:underline
}

.verlauf {
    background-image: -webkit-linear-gradient(top left, #2A54D2, #213865, #1D325A 100%);
    background-image: -moz-linear-gradient(right bottom, #2A54D2, #213865, #1D325A 100%);
    background-image: -o-linear-gradient(#2A54D2, #213865, #1D325A 100%);
    background-image: linear-gradient(#2A54D2, #213865, #1D325A 100%);
}
.verlauf2 {
    background-image: -webkit-linear-gradient(top left, #2A54D2, #213865, #364E79 100%);
    background-image: -moz-linear-gradient(right bottom, #2A54D2, #213865, #364E79 100%);
    background-image: -o-linear-gradient(#2A54D2, #213865, #364E79 100%);
    background-image: linear-gradient(#2A54D2, #213865, #364E79 100%);
}

#grossbild {margin:0px auto; width:100%}
#grossbild img {width:100%; border-radius:10px}
#vorschaubilder {width:100%; margin:0px auto;}
#vorschaubilder img {width:15%; padding:0px; margin:10px 2px 5px 2px; border-radius:5px}
#vorschaubilder #hinweis { font-size:12px; color:#ccc}

hr {
    height: 1px;
    color: #364E79;
    background-color: #364E79;
    border: 1px none;
}

/* ======================= smartphone */