body, html {
font-family: 'Roboto', sans-serif !important;
}

/* .navspace{ margin-top: 55px; } */

*{
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

a{ color: #fc2d2d; }
a:hover{ color: #212121; }

a.box_bseller{ color: #000088; }
a.box_reviewt{ color: #555; }

.dropdown-submenu {
    position: relative;
}

h1, h2, h3, h4, h5, h6{ font-weight:900; }

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 0;
    -moz-border-radius: 0 6px 6px 0;
    border-radius: 0 6px 6px 0;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

@media (max-width: 767px) {
    .dropdown-submenu>.dropdown-menu {
        display: block;
    }
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #999;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: green;
}

.dropdown-toggle:hover>span.glyphicon.glyphicon-star{ color: red !important; }
.dropdown-toggle:hover>span.glyphicon.glyphicon-star-empty{ color: green !important; }

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

#navpath{ padding:0; margin: 0px; margin-bottom:-10px;}
#navpath .breadcrumb{ margin:0px -5px; }
#welcome{ border-bottom: 1px dashed #ccc; margin-bottom: 5px; }
#welcome h1{ margin:0; text-transform: uppercase; letter-spacing:-1px; padding:5px 0px; margin-bottom: 0px; margin-top: 0px; font-size: 27px; color: #bbb; }

#new_products .boxed{ box-shadow: 1px 1px 3px rgba(0,0,0,0.4); border-radius: 0px 0px 6px 6px; margin-bottom: 25px; }
#new_products .frame { border: 1px solid #ccc; border-radius: 0px 0px 0px 0px; border-bottom:0; padding: 10px; margin-bottom:-5px; }
#new_products .pname { height:60px; border:0px solid #ccc; display:block; overflow:hidden; margin:-10px -5px -0px -5px;}
#new_products h3{ margin:0; padding:0; }
#new_products h3 a{ color: rgba(234,37,37, 1.0); font-size: 24px; line-height:29px; }
#new_products h3 a:hover{ color: rgba(33,33,33, 1.0); }
#new_products .price{ font-size: 15px; height:55px; }

.floating_cart{ z-index: 99999; position: fixed; top: 10px; right: 5px; padding: 10px; width: 300px; border: 1px solid #fc2d2d; border-radius: 6px 6px 6px 6px; background: #fff; box-shadow: 1px 1px 4px rgba(0,0,0,0.4); cursor: move; }

@media (max-width: 992px) {
#floating_cart{ z-index: 99; position: relative; top: auto; right: auto; width: 100%; padding: 10px; margin-bottom: 10px; border: 1px solid #fc2d2d; border-radius: 6px 6px 6px 6px; background: #fff; box-shadow: 1px 1px 4px rgba(0,0,0,0.0); }
}


#floating_cart .head{ margin: -10px; margin-bottom: 5px; padding:3px; border-radius: 4px 4px 0px 0px; background: #fc2d2d; }
#floating_cart h3{ margin:0px; padding:0px; color: #fff; margin-bottom: 5px; }
#floating_cart .head .btn-xs{ margin-top:3px; }
#floating_cart .cartline{ display: block; margin-bottom: 2px; border-bottom: 1px solid rgba(234,37,37, 0.1); }

.cart_spacer{ right:5px; top: 50px !important; border-radius: 0px 0px 6px 6px; border: 1px solid #222222; border-top:0; box-shadow: 1px 2px 3px rgba(0,0,0,0.4); }
.cart_spacer .head{ background: #222222 !important; border-radius: 0px 0px 0px 0px !important; }

.inputRequirement{ float: left; }

.btn-pinfo{
	background-image: -webkit-linear-gradient(#000088, #0000b6 60%, #00004f);
  	background-image: linear-gradient(#000088, #0000b6 60%, #00004f);
  	background-repeat: no-repeat;
  	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff04519b', endColorstr='#ff033769', GradientType=0);
  	filter: none;
	color: #fff; border-top-left-radius:0px !important; border-top-right-radius:0px !important;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
      z-index:999;
      border: 0px solid #ccc;
}
.btn-pinfo:hover{

background-image: -webkit-linear-gradient(#0000b6, #000088 60%, #00004f);
  	background-image: linear-gradient(#0000b6, #000088 60%, #00004f);
  	background-repeat: no-repeat;
  	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff04519b', endColorstr='#ff033769', GradientType=0);
  	filter: none;

color: #fff; }

.suggest_link{background-color:#FFFFFF;padding:2px 6px 2px 6px;}
.suggest_link_over{background-color:#ffff99;padding:2px 6px 2px 6px;cursor:pointer;}
#search_suggest{position:absolute;margin-top:35px;visibility:hidden;z-index:999; width:100%;}

#geschmacknav a{ font-weight: bold; }
#geschmacksrichtungen a { color: #212121; }
#geschmacksrichtungen a:hover { color: #0000ff; }

ul#leftnav, #leftnav ul { list-style: none; margin: 0; padding: 0; text-transform: uppercase; }

#leftnav .left-sub-menu{ display: none; background: #eee; padding: 8px 2px; }
#leftnav .left-menu { background: #eee; display:block; padding: 8px; }
#leftnav .left-menu1 { background: #dfdfdf; display:block; padding: 8px; }
#leftnav .headsub a { color: #212121; display:block; font-weight: bold; }
#leftnav a { color: #000088; }
#leftnav .left-sub-menu a { color: #000088; display:block; }



.pointer{ cursor:pointer; }

.inputinfo{ font-size: 12px; margin:0; padding:0; }


.pagination > li > a,
.pagination > li > span {
  color: rgba(0,0,136, 1.0);
  background-color: #ffffff;
  border: 1px solid rgba(0,0,136, 0.3);
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #fff;
  background-color: rgba(0,0,136, 1.0);
  border-color: rgba(0,0,136, 1.0);
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  color: #fff;
  font-weight: bold;
  background-color: rgba(0,0,136, 1.0);
  border-color: rgba(0,0,136, 1.0);
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #999999;
  background-color: #ffffff;
  border-color: #dddddd;
}

.gold { color: gold; font-size: 18px; text-shadow: 1px 1px 1px rgba(0,0,0,0.6); }
.silver { color: silver; }

.tab-pane{ padding: 0px; border:0px solid #ddd; border-top:0; border-radius: 0px 0px 6px 6px; }

#geschmacknav li a{ padding: 6px 10px; }
#geschmacksrichtungen .table-hover tr:hover{ background: rgba(255,255,0, 0.4); }

/* Tooltip container */
.mytooltip {
	cursor: help;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.mytooltiptext {
    display: none;
    max-width: 360px;
    background-color: rgba(0,0,0,0.8);
    color: #fff;
    text-align: justify;
    padding: 6px 12px;
    border-radius: 6px;
    font-weight: 400;

    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.mytooltip:hover .mytooltiptext {
    display: block;
}


.leftside{ padding: 0px; padding-right: 15px; }

.leftside h3:after{ content:"";
    display: block;
    height: 0.2em;
    vertical-align: bottom;
    width: 100%;
    margin: 0px;
    margin-top:3px;
    border-bottom: 1px dotted #212121;
}

.carousel-control{ background: transparent !important; }
.carousel-caption{ display: none; }

.carousel-inner .item{ width:99.8%; }

.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 1.5s;
    transition-duration: 1.5s;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
    z-index: 2;
}

.navbar-default .navbar-right .acclink{ color: #000088 !important; }
.navbar-inverse .navbar-right .acclink{ color: #ffff00 !important; }

.navbar-default .navbar-right .offlink{ color: #ff0000 !important; }
.navbar-inverse .navbar-right .offlink{ color: #ff0000 !important; }


.adminknopf .admlink, .adminknopf .admlink:hover{  display: block; text-align: center; padding: 1px 50px 0px 20px; font-weight: 900; font-size: 35px; }
.adminknopf { background:#ffff00; }
.adminknopf .admlink, .navbar-default .adminknopf .admlink:hover{  color: #212121 !important; }


.navbar-default .indefault { display: inline-block; }
.navbar-default .ininverse { display: none; }

.navbar-inverse .indefault { display: none; }
.navbar-inverse .ininverse { display: inline-block; margin-top:-5px; margin-left:-5px; }

.mydivider{ margin-top: 15px; border-bottom:1px solid #ccc; }


@media (min-width: 768px) {
.drop_images{ min-width:440px;min-height: 260px; }

#quickView .modal-dialog {
width: 90%; /* either % (e.g. 60%) or px (400px) */
}
}

@media (min-width: 1260px) {
    #quickView .modal-dialog {
    width: 50%; /* either % (e.g. 60%) or px (400px) */
    }
}
#quickView .modal-header-text{ margin:0; padding:0; }

#quickView .modal-header{
background-image: -webkit-linear-gradient(#04519b, #044687 60%, #033769);
  	background-image: linear-gradient(#04519b, #044687 60%, #033769);
  	background-repeat: no-repeat;
  	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff04519b', endColorstr='#ff033769', GradientType=0);
  	filter: none;
	color: #fff;
}

#quickView .modal-header-text a{ color: #FFF; }
#quickView .modal-header-text a:hover{ color: #FFFF00; }

.info_overlay{ display:none; font-family: 'Roboto', sans-serif; padding: 0px; position: absolute; top:2px; left:17px; width: 88.5%; height: 85%; line-height: 50px; }
.info_overlay a, .info_overlay a:hover{ margin:0 auto; display: block; height: 378px; padding: 21px; padding-top: 50%; font-size: 72px; color: #ffff00; font-weight: 900; border-radius:0px 0px 0px 0px; background: rgba(0,0,136,0.2); text-shadow: 1px 1px 2px rgba(0,0,0,0.5);  text-decoration: none; }
.info_overlay a small{ font-size: 30px; font-family: 'Roboto', sans-serif; text-decoration: none; }
.spot:hover >.info_overlay{ display:block; }


#aromen .table-hover tbody tr:hover{ background: rgba(255,255,0,0.2); }


/* HELPER 2 DETECT DIV-ROW ERRORS
.row{ border: 1px solid red; }
*/