/* Allgemein */

body {
    color: #000;
}

a {
    color: #000;
}

a:hover, a:focus {
    color: #00ccff;
    text-decoration: none;
}

hr {
    margin: 0;
    padding: 10px 0 5px 0;
    border: none;
}

.form-control:focus {
    border-color: #00ccff;    
    -webkit-box-shadow: none;
    box-shadow: none;
}

.input-group-addon {
    padding: 0;
    color: #000;    
    background-color: #dfdfdf;
    border: 3px solid #dfdfdf;
}

.input-group-addon button {
    padding: 9px 15px !important;
    color: #000;
}

header .input-group-addon:hover {
    background-color: #fff;
    color: #00ccff;
}

.input-group-addon:hover button {    
    color: #00ccff !important;
}

.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
    margin-left: 0;
}

/* Hilfsklassen */

.no-padding-h {
    padding-left: 0;
    padding-right: 0;
}

.no-padding-v {
    padding-top: 0;
    padding-bottom: 0;
}

/* Header */

.navbar-nav > li > a {
    padding-top: 11px;
    padding-bottom: 11px;
}

@media (min-width: 768px) {
    header #header-branding {
        padding: 5px 0 15px 0;
    }
}

/* Logo */

@media (min-width: 768px) {
    #logo {
        margin-top: 22px;
    }
}

/* Info-Bar */

.info-bar {
    padding: 20px 0px 0px 0px;
	width: 100%;
    height: 80px;
	display: block;
}

.info-bar-left {
    padding: 20px 10px 0px 0px;
	display: inline-block;
}

.info-bar-right {
    padding: 0px 0px 0px 10px;
	width: 10%;
	display: inline-block;
}

.info-row {
    font-size: 11px;
    line-height: 13px;
    position: relative;
    padding-left: 30px;
	color: #333333;
}

.info-row.first-row {
    padding-top: 0;
}

.info-row:before {
    position: absolute;
    font-family: "FontAwesome";
    color: #00CCFF;
    height: 26px;
    width: 26px;
    font-size: 26px;
    line-height: 26px;
    left: 0;
    text-align: center;
}

.info-row.first-row:before {
	color: #777777;    
    content: "\f14a";
}

.info-row.second-row:before {
	color: #777777;    
    content: "\f0e0";
}

.info-row.third-row:before {
	color: #777777;    
    content: "\f059";
}

.info-pic {
    height: 52px;
	margin-top: -12px;
}


/* Top-bar */

#top-bar .dropdown-menu {
    padding: 10px;
}

header #top-bar .cms-pages li + li {
    border-left: none;
}

#quick-login {
    margin: 0;
}

/* Shop-nav */

#shop-nav .nav > li > a:hover, #shop-nav .nav > li > a:focus {    
    color: #000;
    background-color: #dfdfdf;
}

#search .input-group-addon button, #search-form .input-group .btn {
    color: #000;
	font-size: 16px;
}

#search .input-group-addon button {
    padding: 5px 10px !important;
    color: #000;
}

#search .ac-input {
    color: #000;
}

#search .tt-input {
    color: #FFF;
}

#search {
	margin-right: 0px;
	float: right;
	top: 2px;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: #00ccff;
}

/* Megamenu */

#main-wrapper.fluid #evo-main-nav {
    border-bottom: 1px solid #00ccff;
}

.navbar-default {
    background-color: #333;
    border-radius: 0;
}

.navbar {    
    min-height: 30px;
}

.navbar-default .nav > li > a, .navbar-inverse .nav > li > a {    
    padding: 10px 8px 10px 8px;
    font-size: 17px;
	font-family: @font-family-navbar;
}

.navbar .input-group {
    margin: 0px;
}

.navbar .form-control {
	height: 36px;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    background-color: #00ccff;    
	color: white;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #00ccff;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: #00ccff;
}

/* Megamenu Dropdown */

.megamenu .dropdown.megamenu-fw .dropdown-menu {
    border-top: none;
}

.megamenu .megamenu-content {
    padding: 0;
}

.megamenu .megamenu-content > .category-title {
    padding: 15px 30px;
    background-color: #111;
    text-align: left;
}

.megamenu .megamenu-content > .category-title > a {
    color: #fff;   
    position: relative;
    padding: 0 30px 0 0;
    font-size: 16px;
    font-weight: bold;
    transition: all 0.5s linear;
}

.megamenu .megamenu-content > .category-title > a:after {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    font-size: 20px;
    top: -5px;
    right: 0px;
}   

.megamenu .megamenu-content > .category-title > a:hover {
    color: #fff;
    padding-left: 15px;
    transition: all 0.2s linear;
}

.megamenu .megamenu-content .hr-sm {
    display: none;
}

.megamenu .megamenu-content > .row {
    margin: 0;
    padding: 30px;
}

.col-xs-12.mega-categories {
    padding-left: 0;
    padding-right: 0;
}

.col-xs-12.mega-categories > div {
    margin: 0;
    -moz-column-count: 4;
    -webkit-column-count: 4;
    column-count: 4;
}

.col-xs-12.mega-categories > div > div {
    display: inline-block;
    width: 100% !important;
    float: none !important;
    padding: 0;
}

.megamenu .mega-categories .category-wrapper {
    border: none;
    border-radius: 0;
    padding: 5px 15px 5px 0;
    margin: 0 !important;
    transition: all 0.2s linear;    
}

.megamenu .mega-categories .category-wrapper:hover, .megamenu .mega-categories .category-wrapper.active {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 5px 15px 5px 5px;
    transition: all 0.2s linear;    
}

.megamenu .mega-categories .category-wrapper:hover a, .megamenu .mega-categories .category-wrapper.active a {
    color: #222;
}

.megamenu .caption > .title {
    margin-top: 0 !important;
    font-size: 16px;
    font-weight: bold;
}

.dropdown-menu > li > a, .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #111;
}

@media (max-width: 991px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #00ccff;
    }
    
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #0A87D7;
        background-color: transparent;
    }
}

/* Megamenu mobil */

header #shop-nav-xs .navbar-collapse {
    margin-bottom: 0;
}

.navbar-inverse {
    background-color: #00ccff;    
}

.sidebar-offcanvas h5 {
    font-size: 18px;
    margin: 0 !important;
    border-bottom: none;
    color: #fff;
}

.navbar-offcanvas.navbar-default .nav > li > a.nav-active {
    color: #fff;
}

.navbar-offcanvas.navbar-default .nav > li > a.nav-root:active, .navbar-offcanvas.navbar-default .nav > li > a.nav-active:active, .navbar-offcanvas.navbar-default .nav > li > a.nav-root:hover, .navbar-offcanvas.navbar-default .nav > li > a.nav-active:hover {
    color: #00ccff;
}

.sidebar-offcanvas hr {
    border-top: 1px solid #fff;
}

/* Content */

.breadcrumb {
    padding: 3px 15px;
    margin-bottom: 15px;
    list-style: none;
    background-color: #ecf0f1;
    border-radius: 3px;
}

.container p > a {
	text-decoration: underline;
}

#main-wrapper.fluid header, #main-wrapper.fluid #content-wrapper .container-block.beveled {
    -webkit-box-shadow: none;
    box-shadow: none;
}

#main-wrapper.fluid #content-wrapper > .container > .container-block {
    padding: 0;
}

@media (max-width: 767px) {
    #content-wrapper > .container {
        margin-top: 15px;
    }
}

#content {
    margin-bottom: 0;
}

.cms_content {
    padding: 0;
}

.start_boxen {
    padding: 0;
}

.start_boxen .startbox {
    padding: 15px;
}

@media (max-width: 991px) {
    .start_boxen .startbox {
        padding-top: 0;
    }
}

.start_boxen .startbox img {
    width: 100%;
}

/* Slider */

.theme-default .nivoSlider {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin-bottom: 0;
}

/* Artikelslider */

.panel.panel-slider {
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    clear: both;
    margin-bottom: 0;
}

.panel.panel-slider .panel-heading {
    padding: 0;
    border: none;
}

.panel.panel-slider .panel-title {
    text-align: center;
    background-color: #111;
}

.panel.panel-slider .panel-title > a, .panel.panel-slider .panel-title > span {
    padding: 0 25px;
    background-color: #fff;
}

.panel.panel-slider .panel-body {
    padding: 15px 0;
}

.slick-prev, .slick-next {
    height: 30px;
    width: 30px;
    top: 45%;
    background-color: #00ccff;
    border-radius: 3px;
    opacity: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.slick-prev:hover, .slick-next:hover {
    background-color: #0A87D7;
}

.slick-prev:before, .slick-next:before {
    font-family: "FontAwesome";
    color: #fff;    
}

.slick-prev {
    left: -5px;
}

.slick-prev:before {
    content: '\f0d9 ';
}

.slick-next {
    right: -5px;;
}

.slick-next:before {
    content: '\f0da';
}

.panel-slider .slick-slider:hover .slick-prev {
    opacity: 1;
    left: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.panel-slider .slick-slider:hover .slick-prev:befroe {
    opacity: 1;
}

.panel-slider .slick-slider:hover .slick-next {
    opacity: 1;
    right: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.panel-slider .slick-slider:hover .slick-next:before {
    opacity: 1;
}

/* Artikelboxen und Kategorieboxen */

.product-wrapper, .category-list-wrapper {
    padding: 0 10px;
}

.row.gallery .product-wrapper, .category-list-wrapper {    
    border-bottom: none;
    border-right: none;
}

.product-wrapper .thumbnail, .category-list-wrapper .thumbnail {
    margin-bottom: 0;
}

.product-cell, .category-list-wrapper .thumbnail {
    border: 5px solid #dfdfdf !important;
    padding-top: 5px;
}

.product-wrapper:hover .product-cell, .category-list-wrapper:hover .thumbnail {
    border-color: #00ccff !important;
}

#product-list.row, .content-cats-small.row, .category-header.row {
    margin-left: -5px;
    margin-right: -5px;
}

#product-list .product-wrapper, .content-cats-small .category-list-wrapper, .category-header .category-header-con {
    padding: 0 5px 10px 5px;
}

@media (max-width: 400px) {
    #product-list .product-wrapper {
        width: 100%;
    }
}

/* Überschrift auf Kategorieliste */

.category-title > h1, .title > h1 {
    color: #000;    
}

.category-header .category-title {
    position: absolute;
}

.category-header .category-title > h1 {    
    margin-bottom: 0;
}

@media (min-width: 1200px) {
    .category-header .category-title {
        right: 36px;
        top: 82px;
    }

    .category-header .category-title > h1 {    
        font-size: 24px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .category-header .category-title {
        right: 31px;
        top: 68px;
    }

    .category-header .category-title > h1 {    
        font-size: 20px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .category-header .category-title {
        right: 31px;
        top: 68px;
    }

    .category-header .category-title > h1 {    
        font-size: 22px;
    }
}

@media (max-width: 767px) {
    .category-header .banner {
        display: none;
    }
    
    .category-header .category-title {
        position: relative;        
    }

    .category-header .category-title > h1 {    
        font-size: 30px;
    }
}

/* Banner auf Kategorieliste */

.category-header-con .banner > hr {
    display: none;
}

/* Panels */

.panel {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
	border-radius: 0px;
	border-left: none;
	border-right: none;
	border-bottom: none;
}

.panel-default {
    border-color: #dfdfdf;
}

.panel-default > .panel-heading {
    color: #000;
    background-color: #ffffff;
    border-color: #dfdfdf;
	border-bottom: none;
	
}

.panel-highlights {
	margin-top: 15px;
	padding-top: 10px;
	border-bottom: none;
	box-shadow: none;
}

.panel-highlights .specialblock  {
	margin-left: 30px;
	margin-right: -30px;
}

.panel-highlights span.specialtext {
	margin-left: 15px;
}

.panel-highlights span.specialstatus {
	color: #007c00;
	margin-left: -30px;
}

#sidepanel_left.active .panel-heading, #sidepanel_left .panel-heading {
    background-color: #dfdfdf;
}

/* Linke Seitennavigation allgemein */

#sidepanel_left .panel {
    margin-bottom: 10px;
    background-color: #ffffff;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#sidepanel_left.active .panel-heading, #sidepanel_left .panel-heading {
    background-color: transparent;
    border: none;
    border-radius: 0;
}

.side-wrapper {
    border: 1px solid #dfdfdf;
    padding: 0 15px;
}

.left_on_start .panel-title {
    font-weight: bold;
}

#sidepanel_left .nav > li > a {    
    padding: 3px 15px 3px 25px;
    font-size: 13px;
    position: relative;
}

#sidepanel_left.left_on_start .nav > li > a:before {    
    font-family: FontAwesome;
    content: "\f105";
    position: absolute;
    left: 15px;
}

.left_on_start .nav > li > a:hover, .left_on_start .nav > li > a:focus {
    color: #00ccff;
    background-color: transparent;
}

.not_start .box-categories .panel-heading {
    display: none;
}

#sidepanel_left.not_start .panel-heading {
    border-radius: 3px;
    background-color: #111;
    color: #fff;
    padding: 3px 15px 3px 15px;
    margin-bottom: 2px;
}

#sidepanel_left.not_start .box-categories .nav-panel > .nav > li > a {    
    border-radius: 3px;
    background-color: #111;
    color: #fff;    
}

#sidepanel_left.not_start .box-categories .nav-panel .nav {
    padding: 0;
}

#sidepanel_left .nav-toggle {
    width: 24px;
    line-height: 24px;
}

/*.not_start .box-categories li a .fa-angle-down, .not_start .box-categories li.active a .fa-angle-right {
    display: none;
}

.not_start .box-categories li.active a .fa-angle-down {
    display: block;
}*/

#sidepanel_left.not_start .fa-square-o.text-muted {
    color: inherit;
}

#sidepanel_left.not_start .nav > li > a {    
    padding: 3px 15px 3px 15px;
    margin-bottom: 2px;
}

#sidepanel_left.not_start .box-categories .nav > li > a:hover, #sidepanel_left.not_start .box-categories .nav > li > a:focus {
    color: #fff;
    background-color: #00ccff;
    border-radius: 3px;
}

#sidepanel_left.not_start .box-filter-price .nav > li > a:hover, #sidepanel_left.not_start .box-filter-price .nav > li > a:focus {
    color: #00ccff;
    background-color: transparent;
    border-radius: 0;
}

#sidepanel_left.not_start .box-filter-characteristics .nav > li > a:hover, #sidepanel_left.not_start .box-filter-characteristics .nav > li > a:focus {
    color: #00ccff;
    background-color: transparent;
    border-radius: 0;
}

#sidepanel_left .toggle-list .fa-angle-down, #sidepanel_left .toggle-list:hover .fa-angle-right {
    display: none;
}

#sidepanel_left .toggle-list:hover .fa-angle-down {
    display: block;
}

/* Buttons */

.btn-primary {
    color: #fff;
    background-color: #00ccff;
    border-color: #00ccff;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    color: #ffffff;
    background-color: #0A87D7;
    border-color: #0A87D7;
}

.btn-default {
    color: #ffffff;
    background-color: #95a5a6;
    border-color: #95a5a6;
}

.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    color: #ffffff;
    background-color: #798d8f;
    border-color: #74898a;
}

.btn-special {
    color: #000;
    background-color: #dfdfdf;
    border-color: #dfdfdf;
}

.btn-special:hover, .btn-special:focus, .btn-special.focus, .btn-special:active, .btn-special.active, .open > .dropdown-toggle.btn-special {
    color: #00ccff;
    background-color: #fff;
    border-color: #fff;
}

.label.label-primary {
    background: #00ccff;
}

.label-primary[href]:hover, .label-primary[href]:focus {
    background-color: #0A87D7;
}

/* Footer */

#footer {
    padding-top: 15px;    
    color: #fff;
    font-size: 14px;
}

#footer a {
    color: #fff;
}

#footer a:hover {
    color: #00CCFF;
}

#footer > .container-block, #footer.container-block {
    background-color: #111;    
}

#footer .container-block {
    padding-bottom: 15px;
    padding-top: 15px;
}

#footer .panel-heading {
    padding: 10px 0;
}

#footer .panel .panel-title {
    font-family: helvetica, arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-transform: none;
    border: none;
    color: #00CCFF;
}

#footer .panel .panel-info {
    font-family: helvetica, arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-transform: none;
}

#footer .nav-list a {
    padding: 3px 15px 3px 0;    
}

#footer .panel a {
    color: #fff;
}

#footer .panel a:hover {
    color: #00ccff;
}

#footer .panel-body {
    padding: 3px 15px 3px 0;
}
#footer .info-pic {
    height: 120px;
	margin-top: 15px;
}

@media (min-width: 768px) {
    #footer #footer-boxes {
        margin: 0;
    }
    
    #footer #footer-boxes > div {
        border-right: 1px solid #fff;
		height: 320px;
    }

    #footer #footer-boxes > div:first-child {
        padding-left: 0;
    }
    
    #footer #footer-boxes > div:last-child {
        padding-right: 0;
		border-right: 0px;
    }
    
    #footer .container {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
}

#footer .newsletter_wrapper .form-control, #footer .newsletter_wrapper .input-group-btn .btn {
    height: 44px;
}

#footer .footnote-reference {
    color: #fff;
}

#footer .footnote-vat a {
    color: #00ccff;
    /*border-bottom: 1px solid #fff;*/
}

#footer .footnote-vat a:hover {
    color: #008fb3;
    text-decoration: none;
}

#footer #copyright {
    color: #fff;
}

#footer #copyright .container-block, #footer #copyright.container-block {
    background: #111;
}

/* Social Media Farben */

.btn-facebook > i {
    color: #3b5998;
}

.btn-twitter > i {
    color: #1da1f2;
}

.btn-googleplus > i {
    color: #dd4b39;
}

.btn-youtube > i {
    color: #cd201f;
}

.btn-vimeo > i {
    color: #1ab7ea;
}

.btn-pinterest > i {
    color: #bd081c;
}

.btn-instagram > i {
    color: #405de6;
}

.btn-skype > i {
    color: #00aff0;
}

.btn-xing > i {
    color: #026466;
}

.btn-linkedin > i {
    color: #0077b5;
}