@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:700);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,700);

#image_wrapper .ps-current > ul,
#image_wrapper .ps-list                 { list-style: none; padding: 0px; margin-bottom: 30px; text-align: center; }
#image_wrapper .ps-current > ul li,
#image_wrapper .ps-list li              { display: inline-block; float: none; }
#image_wrapper .ps-list img             { cursor: pointer; }

#content-wrapper aside .box-body span   { padding: 15px; display: block; }
#content-wrapper .product-main-content  { margin-top: 22px; }

.nav-tabs li                            { float: none !important; width: 100%; margin-bottom: 0px !important; }
.nav-tabs li > a                        { float: left; position: relative; }
.nav-tabs li .panel                     { position: absolute; width: 100%; height: 0px; padding-bottom: 39%; }
.nav-tabs li:nth-child(1) .panel        { z-index: 3; }
.nav-tabs li:nth-child(2) .panel        { z-index: 2; }
.nav-tabs li:nth-child(3) .panel        { z-index: 1; }
.nav-tabs li:target .panel              { z-index: 5; }
.nav-tabs li:target > a                 { font-weight: bold; }


.thumbnail,
.box-body                               { transition: none !important; }

.product-wrapper                        { float: none !important; }
.product-cell                           { float: left; width: 25%; margin: 0px; }
.product-cell .title > h4               { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.megamenu                               { float: left; }
#search                                 { float: right; }

.tab-menu input.product-slider,
.tab-menu input.product-slider + .panel         { display: none; }
.tab-menu input.product-slider + .panel         { position: relative; z-index: 2; }
.tab-menu input.product-slider:checked + .panel { display: block; }
.tab-menu .nav-tabs                             { margin-bottom: -2px; }
.tab-menu .nav-tabs > li > a                    { padding: 0px; outline: 0px; border: 0px; }
.tab-menu .nav-tabs > li > a > label            { padding: 8px 15px; margin: 0px; font-weight: normal; cursor: pointer; display: block; }
.tab-menu .thumbnail                            { position: relative; margin-bottom: 0px; }

@media(max-width: 990px) {
    #cms-pages                          { padding: 0px !important; float: none !important; }
    header ul.nav                       { margin: 5px !important; }
    header ul.nav li                    { margin-top: 5px; }
    header ul.nav li:first-child        { margin-top: 0px; }
    header .container ul.nav            { margin: 0px !important; }
    header .container ul.nav > li > a   { margin: 0px !important; padding: 8px 15px; }
}

@media(max-width: 605px){
    .product-cell                       { width: 50%; }
    .nav-tabs li > a                    { width: 100%; margin-bottom: 5px; }
}

.img-responsive, .carousel-inner > .item > img, .carousel-inner > .item > a > img, .thumbnail > img, .thumbnail a > img {
     height : 150px;
}

.product-cell .title > h4 {
    overflow: hidden;
    white-space: pre-wrap;
    text-overflow: ellipsis;
    height: 31px;
}

/* LOGO */

#logo {
    display : block;
}

#logo a img {
    max-height: 80px;
    padding-left: 34px;
}

/* NAVIGATION */

.navbar {
    min-height: 0;
    margin-left: 20px;
}

#main-wrapper.fluid #content-wrapper .container, #main-wrapper.fluid #content-wrapper .container-fluid {
    background-color: rgba(0, 0, 0, 0.0);
}

.navbar-inverse, .row-header {
    background-color: rgba(0,0,0,0) !important;
}

.navbar-wrapper {
    background-color: #019fd6;
    margin-left: 20px;
    margin-right: 20px;
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:hover {
    background-color: #2d8bb2;
}

.navbar-default .nav > li > a, .navbar-default .btn {
    margin: 0px;
}

.navbar-default .nav > li > a {
    color: #FFF;
    font-family: "Roboto Slab";
}

.megamenu .nav, .megamenu .collapse, .megamenu .dropup, .megamenu .dropdown:first-child {
    margin-left: -9px;
}

.menu-header {
    font-size: 12px;
    margin-right: 34px;
    margin-top: 55px;
    background-color: rgba(0, 0, 0, 0);
}

.navbar-nav {
    margin: 0;
}

.menu-sub {
    font-family: "Roboto Slab";
    background-color: rgba(0, 0, 0, 0);
}

.menu-sub li {
    color: #FFF;
}

.menu-ebay-kategorien {
    font-family: "Roboto Slab";
    background-color: rgba(0, 0, 0, 0);
}

.menu-item-sporttauchen {
    background-color: #8cde43;
}

.menu-item-sporttauchen a {
    margin-left: 1px;
}

.menu-item-tecdiving {
    background-color: #d8cb27;
}

.menu-item-apnoe {
    background-color: #c64ba8;
}

.menu-item-schnorcheln {
    background-color: #f59a4a;
}

.menu-item-schwimmen {
    background-color: #185b97;
}

.menu-item-junior {
    background-color: #40d37c;
}

.menu-item-geschenkideen {
    background-color: #7240d3;
}

.menu-item-sonderangebote {
    background-color: #f5624a;
}

.navbar-collapse {
    box-shadow: none;
}

@media screen and (max-width: 767px) {
    .menu-ebay-kategorien {
        margin-left: 15px;
    }
}


/* TYPOGRAPHY */

h1, h2, h3, h4, h5, h6 {
    font-family: "Roboto Slab";
}

h3 {
    font-size: 20px;
}

body {
    font-family: "Raleway";
}

.text-red {
    color: #e14448;
}

.text-bold {
    font-weight: bold;
}

.text-center {
    text-align: center;
}

.hinweis {
    font-size: 20px;
}


/* LAYOUT */

header {
    background-image: url("bg-top.jpg");
    background-color:#019fd6;
    background-size:contain;
    background-repeat: no-repeat;
    background-position:center top;
}

.container-header {
    margin-bottom: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    margin-top: 0px !important;
}

.container-main {
    margin-top: 0px !important;
    padding-top: 0px !important;
}


.row-header {
    margin-top: 40px;
    margin-bottom: 40px;
}

.main-wrapper {
    background-image: url("bg-top.jpg"), url("bg-bottom.jpg");background-color:#019fd6;background-size:contain, contain;
    background-repeat: no-repeat;
    background-position:center top, center bottom;
}

.container-background {
    background-color: #019fd6;
}

.row {
    background-color: #FFF;
}

.box {
    height: 200px;
}

.box-body-kontakt, .box-body-ladenlokal {
    margin-top: 10px;
    margin-left: 10px;
}

.box-header {
    background-color: #019fd6;
    color: #FFF;
    text-align: center;
}

.box-header > h3 {
    padding: 10px 0px 10px 0px;
    color: #FFF;
}

.box-body {
    margin: -18px 0px 0px 10px;
}

.box-sofortkaufen {
    float: right;
    text-align: right;
}

.sofortkaufen-preis {
    color: #019fd6;
    margin-bottom: 0;
    border: none;
}

.sofortkaufen-info {

}

.button-sofortkaufen {
    text-align: right;
}

.button-sofortkaufen > .btn-primary {
    font-weight: bold;
}

#content {
    padding-left: 30px;
}

#cms-pages {
    border: none;
}

.box-versand {
    padding-bottom: 30px;
}

.col-mod-12 {
    padding-left: 15px;
    padding-right: 15px;
}

.product-cell .title > h4 {
    height: 90px;
}

/* BEWERTUNGEN BOX */

#fxrt_w_c_order {
    width: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.foxrate-link {
    width: 100%;
}

/* IMAGES */

.img-kontakt, .img-ladenlokal, .img-hinweisbild {
    width: 100%;
}


.img-kontakt {
    margin-bottom: 10px;
}

.img-hinweisbild {
    margin-top: 10px;
}

.img-versand {
    width: 50%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.img-onlineshop {
    width: 70%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.img-dhl {
    margin-top: 10px;
}

.img-dpd-express {
    margin-bottom: 10px;
}

.img-kontakt, .img-ladenlokal, .img-onlineshop {
    margin-top: -30px;
}

/* Bildgroesse */
.ps-current ul li {
    width: 30%;
}

.ps-list img {
    width: 80%;
}

/* MEDIA QUERIES */

@media screen and (max-width: 480px) {
    .navbar-nav {
        margin-left: 35px;
    }
}

@media screen and (max-width: 900px) {
    #logo a img {
        padding-left: 0px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .navbar {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
}

@media (max-width: 605px) {
    .product-cell {
        width: 100%;
    }
}

@media (min-width: 606px) and (max-width: 1200px) {
    .product-cell {
        width: 33.33%;
    }
}