/*Color Theme Sona 

Sona-Blau: 004899
Ganz dunkel: #090909
dunkels grau #6b727b
mittleres grau #4d535b
helles grau #d8d8d8

grün #14B066
rot #A61328

Schriftfarbe Headings #4b4b4b
Schriftfarbe Text #4d535b

*/


html {outline:none;}
html, body {
  width: auto;
  overflow-x: hidden;
}
.clear {
    clear:both;
}

body {
	font-family: 'Source Sans Pro', sans-serif;
	background-color:#FDFFF9;
	background-image:url(/++resource++sona/body-bg4.jpg); 
	background-repeat:repeat; 


}
a, a:link {text-decoration:none; color: #004b99;}
.page-header-wrapper {padding:0;}
#header-navigation {
    position:relative;
}
#main-nav .dropdown-menu {
  left:15px;
}
.navbar-default .navbar-header {
    margin-left: 15px;
}
/*.dropdown-menu {
    top:25px;
}
ul.dropdown-submenu > li {
    float:left;
}
*/

span.heading {display:block;}

.popover {
    max-width:none;
    width: 888px;
}

#content {margin-top:1rem; margin-bottom:3rem;}
#main-col {padding-top:2rem}
.breadcrumb {background-color:transparent; font-size:85%; padding:0; border-bottom:1px solid #d8d8d8; padding:0 0 0.5rem; }
.breadcrumb a {color:#4d535b;}

/*Buttons*/
.btn-primary {
    padding:0.6rem 1.5rem;
    white-space:normal;
    word-wrap:normal;
    background-color:#004899;
    border:0;
    font-size:1.4rem;
    color:#fff;
}
.btn-primary:hover, .btn:hover {background-color:#4d535b;} 
.btn-default, a.btn-default {padding:0.8rem 1rem; background-color: #4d535b; color:#fff; -webkit-transition: all 150ms ease-in;
-moz-transition: all 150ms ease-in;
-ms-transition: all 150ms ease-in;
-o-transition: all 150ms ease-in;
transition: all 150ms ease-in;}
.btn-default:hover  {background-color: #090909;}
.removefromfavorites a {background-color:transparent; color: #4d535b;}
.removefromfavorites a:hover  {background-color:transparent; color: #004899;}

/*Page Header*/
.page-header {color:#4d535b; margin:0; border-bottom:0; padding-bottom:2px; }
.page-header #header-top {font-size:1.2rem; padding:1rem 0;}
.page-header #header-top a {color:#4d535b;}
.page-header #header-top a:hover {text-decoration:underline;}
.page-header #header-top ul {list-style:none; list-style-image:none; float:right; margin-bottom:0; }
.page-header #header-top ul li {display:inline; padding:0 0.5rem;   }
.page-header #header-content {padding:1.8rem 0; }
.page-header #header-content #header-logo img {width:180px;}
.page-header #header-claim {font-size:1.8rem; font-style:italic; padding-top:1rem; color:#4d535b;}
.page-header #header-customer ul {list-style:none; }
.page-header #header-claim img {width:14rem; padding:0; margin-top:-3.2rem; }
#header-customer button.btn {font-size:1.2rem; padding:0.5rem 2rem; margin-top:2rem; margin-left:0rem; text-transform:uppercase;   }
.page-header #header-customer  ul#header-customer-cart {margin-top:0; margin-bottom:0;}
.page-header #header-customer  ul#header-customer-cart a {font-size:1.2rem; text-transform:uppercase;}
.page-header #header-customer  ul#header-customer-cart a:hover {text-decoration:underline;} 
.page-header #header-customer  ul#header-customer-cart li {display:inline; padding-left: 1rem;}

#header-customer #header-customer-cart {margin-top:1rem;}
#header-customer #header-customer-cart a {color:#090909;  font-size:1.3rem; text-transform:uppercase;  }
#header-customer #header-customer-cart a:hover {text-decoration:underline;}
#header-customer #header-customer-cart ul li {display:inline; padding-left: 10px;}
#header .top-button img {max-width:7.5rem;}
#header-customer > div > div {padding-left:2rem;}

/*Navigation */
.navbar-nav {text-transform:uppercase;}
.navbar-default {
  background-color: #4d535b;
  border-color: #4d535b;
  height:52px;
}
.dropdown-menu-toggle {background-color: #004b99; text-transform:uppercase; cursor:pointer; width:25rem;}
#main-nav-toggle:hover {background-color: #090909;}
.navbar-brand {font-size:2rem; font-weight:400; }
#main-nav li.dropdown {position:absolute; left:0; top:5rem; }
#main-nav li.dropdown  > ul {width:25rem; background-color:#004b99; z-index:1000 !important;}
#main-nav li.dropdown  > ul > li {padding:0.1rem 0; }
#main-nav li.dropdown  > ul > li > a {color:#fff;white-space: normal;  padding: 0.8rem 1.5rem; }
#main-nav li.dropdown  > ul > li > a:hover {color:#000; background-color:#fff;}
#main-nav li.dropdown  > ul > li > a.maintainHover {background-color:#fff; color:#000;}
nav.navbar .popover .popover-content ul.dropdown-submenu > li {width:24rem; float:left;}

/*Home Icon*/
#main-nav ul.nav > li:nth-child(2) {padding-left: 4rem;}
/* Search */
.navbar-right .form-control {
    height:34px;
}


.popover-title {display:none; }
nav.navbar .popover {border:2px solid #ddd; margin-top:6px; margin-left:0px;}

nav.navbar .popover .popover-content ul.dropdown-submenu > li {list-style:none; margin-right:3rem; position:relative; margin-bottom:1.5rem; }
nav.navbar .popover .popover-content ul.dropdown-submenu > li > a {font-weight:bold; text-transform:uppercase; border-bottom: 1px solid #004b99; color:#004b99; display:block; margin-left:0; font-size:1.5rem; }

nav.navbar .popover .popover-content ul.dropdown-submenu > li > ul {padding:0; padding:1rem 0;}
nav.navbar .popover .popover-content ul.dropdown-submenu > li > ul > li {border:0; list-style:none; padding:0.3rem 0; text-transform:none; }
nav.navbar .popover .popover-content ul.dropdown-submenu > li > ul > li  a {color:#777;  margin-left:0; }

nav.navbar .popover .popover-content ul.dropdown-submenu > li > ul > li  a:hover {color:#555}

.navToggleLevel3Icon {
    position:absolute;
    right:0;
    top:3px;
    cursor: pointer;
	font-size:10px;
	color:#ccc; 
	padding:2px 3px;
}
.navToggleLevel3Icon:hover {
	color:#004b99;	
	border:1px solid #ccc;
}
.navbar-right .btn-default .glyphicon-search {font-size:1.5rem; padding:0; margin-top:1rem; padding:0.3rem; margin-left:0.6rem; }
.navbar-right .btn-default {background-color:transparent; border:0; padding:0; }
.navbar-right .btn-default:hover {background-color:transparent; border:0; color:#ccc;}

/*Footer*/
#footer .panel-body {background-color:#305f90;}
#footer .panel-footer {background-color: #4d535b; border:0;}
#footer .panel-footer div.col-md-3{ background-color:#4d535b; height:30rem;} 
#footer .panel-footer div.col-md-3:nth-child(3){ background-color:#4d535b; text-align:center; } 

#footer .panel .jumbotron {margin-bottom:0; color:#fff;}
#footer .panel .jumbotron h4 {font-size:2.2rem;}
#footer .panel .jumbotron p {font-size:1.4rem; }
#footer .panel .jumbotron p .btn {background-color:#4d535b; border:1px solid #292929; font-size:1.5rem; font-weight:300; padding:1rem 1.4rem;}

#footer #panel-footer .row  {margin:4rem 0 2rem 0;}
#footer #panel-footer .row a, #footer #panel-footer .row a:link, #panel-footer .row {color:#d8d8d8; font-size:1.2rem;}
#footer #panel-footer .row a:hover {text-decoration:underline;}
#footer #panel-footer h5 {color:#d8d8d8; font-size:1.6rem; font-weight:bold; margin-bottom:2rem;}
#footer #panel-footer .row ul {padding:0;}
#footer #panel-footer .row ul li {list-style:none; padding:0.2rem 0; font-size:1.2rem;}

/*Home*/
#homepage-heading {padding:2.5rem 1rem 0; }
#homepage-heading h1 {font-size:260%; margin:0 !important;}
.homepage-externals span.heading {font-size:140%; margin:0 0 2rem; }
#homepage-categories .thumbnail li {list-style-position: outside; margin-left:1.5rem; }
.thumbnail {border: 1px solid #eee;}
#homepage-quality .col-sm-4 .thumbnail {background-color:#fff; border:1px solid #fff; padding:1.2rem;}
#homepage-quality .col-sm-4 .thumbnail h3 {font-size:3.2rem;}
#homepage-quality .thumbnail {padding:0;}
#homepage-quality .thumbnail .caption {padding:1.5rem;}
#homepage-quality .thumbnail .caption span.heading a {
    font-size: 2.4rem;    margin-top: 0.5rem;     margin-bottom: 0.5rem;     font-weight: 300 !important;
}
#homepage-quality .thumbnail .caption p {font-size:1.4rem; margin-bottom:0;}
#homepage-quality .thumbnail .caption .btn {background:none; color: #333; border:0; padding:0; margin:0; text-decoration:underline; font-size:1.4rem;  }
 
#homepage-banner {margin-bottom:3.4rem;}
#homepage-banner img {width:100%;}

#homepage-categories {margin-top:4rem; margin-bottom:1.2rem;}
#homepage-categories .thumbnail {
	background-color:#fff; 
	min-height:38rem; 	-webkit-transition: all 100ms ease-in; 	-moz-transition: all 100ms ease-in;	-ms-transition: all 100ms ease-in; -o-transition: all 100ms ease-in; transition: all 100ms ease-in; }
#homepage-categories .thumbnail:hover {border:1px solid #ccc; box-shadow: 1px 1px 3px 2px #dddddd; -webkit-box-shadow: 1px 1px 3px 2px #dddddd; box-shadow: 1px 1px 3px 2px #dddddd; -moz-transform: scale(1.1); -webkit-transform: scale(1.02); -o-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); }
#homepage-categories .thumbnail h2 {margin-top:1rem; text-align:center;}
#homepage-categories .thumbnail .caption {font-size:1.4rem;}
#homepage-categories .thumbnail .caption img {width:22rem; height:18rem;}
#homepage-categories .thumbnail .caption ul {height:10rem; overflow:hidden;}
#homepage-products .col-md-3:first-child .thumbnail div.caption {padding:5rem 0 0 1.5rem; margin-top:0;}
#homepage-products .col-md-3:first-child .thumbnail {background-color:#fff;  background-image:url(/++resource++sona/hot-deals.png); background-position:center left; background-repeat:no-repeat;  padding:0; -moz-transform: scale(1.0); -webkit-transform: scale(1.00); -o-transform: scale(1.00); -ms-transform: scale(1.00); transform: scale(1.00);  }
#homepage-products .col-md-3 .thumbnail  {height:47rem; padding:2rem;}
#homepage-products .col-md-3 .thumbnail img {max-width:80%;}
#homepage-products .col-md-3 .thumbnail div.caption {padding:0;}
#homepage-products .col-md-3:first-child .thumbnail {border:0; padding:0;}
#homepage-products .col-md-3:first-child .thumbnail  div.caption h3 {font-size:4.5rem; font-weight:300;height:auto;  max-width:16rem; padding-top:26rem;}
#homepage-products .col-md-3 .thumbnail div.caption p.product-brand {text-transform:uppercase; margin-bottom:0.3rem; margin-top:1.5rem; color:#777; font-size:1.1rem; }
#homepage-products .thumbnail span.heading {font-size:115%; margin:0.3rem 0; line-height:120%;}

#content .col-md-12 > div.container {padding:0;}
#content .col-md-12 > div.container h1 {font-size:2rem; text-transform:uppercase; padding:2rem 0; font-weight:normal; text-align:center;  margin-bottom:0; border-bottom:1px dotted #eee; letter-spacing:0;}

#homepage-carousel {background-color:transparent; border:0; box-shadow:0 0 0 0; padding:0; margin:2rem 0 3rem 0;}
#homepage-carousel {width:100%; height:12rem; overflow:hidden; margin-top:0; background-color:#fff;}
#homepage-carousel .carousel-inner {width:100%; padding: 1rem 4rem;}
#homepage-carousel .carousel-inner .item .row > div {height: 12rem; display: table-cell; vertical-align:middle; float:none; text-align:center; min-width:25rem;}
#homepage-carousel .carousel-inner .item .row > div a {border:0; padding:0;}
#homepage-carousel .carousel-inner .item .row div a img {height:auto;}
#homepage-carousel a.left , #homepage-carousel a.right {background-image:none;background-color:#ccc; width:3rem; height:auto; padding-top: 4rem; opacity:1; }
#homeapage-carousel a.left:hover, #homepage-carousel a.right:hover  {background-color:#999;}
#homepage-brands span.heading {font-size:190%; text-align:center;font-weight:300; padding:1rem 0 1rem 0;}


/*Footer*/
.page-footer {padding:0; margin-top:2rem;}
.page-footer > div:first-child {background-color:#090909;}
.page-footer #footer-kb {background-color:transparent; color:#fff; margin-bottom:0;}
#footer-kb span {
    font-weight: 300;
    display: inline-block;
    font-family: "Source Sans Pro",Calibri,Candara,Arial,sans-serif;
    font-size: 200%;
    margin-bottom: 0.8rem;
}
.page-footer #footer-kb p {font-size:1.7rem; font-weight:normal; float:left; }
.page-footer #footer-kb .btn-lg {float:left; background-color:#6b727b; color: #fff; padding:0.5rem 1rem; font-size:1.6rem; border:1px solid #000; -webkit-transition: all 150ms ease-in; -moz-transition: all 150ms ease-in; -ms-transition: all 150ms ease-in; -o-transition: all 150ms ease-in; transition: all 150ms ease-in;}
.page-footer #footer-kb .btn-lg:hover {background-color:#fff; color:#6b727b; }
.page-footer #footer-kb img {float:left; margin-right:5rem;}

.page-footer > div:last-child {background-color:#4d535b; padding:3rem 0;}
#footer .col-md-3 {min-height:30rem;}
#footer .col-md-3 span.heading {
    font-size: 100%;
    font-weight: bold;
    margin-bottom: 0.8rem;
    display: inline-block;
}
#footer .col-md-3 a, #footer .col-md-3, #footer  {color:#dedede;}
#footer .col-md-3 a:hover {text-decoration:underline;}
#footer .col-md-3 ul, #footer .col-md-3 {margin:0; padding:0; font-size:1.3rem;}
#footer .col-md-3 ul li {list-style:none; padding:0.3rem 0;}
#footer .col-md-3 {padding:1rem 2rem;}
#footer .col-md-12 {margin-top:2rem;}


/* Produktdetailseite */
#content {margin-top:1rem; margin-bottom:3rem;}
#content #column1 {width:23rem; margin-left:15px; overflow:hidden; margin-right:2rem;}
#content div.portlet {background-color:transparent; margin:2rem 0 5rem 0; padding:0; }
#content div.portlet .portlet-head {font-size:2.2rem; font-weight:400; color:#4d535b; text-transform:uppercase; margin-bottom:0.6rem;}
#content div.portlet .nav  li  a {color:#212121; padding:0.5rem 0; font-size:1.6rem;}
#content div.portlet .nav  li  a:hover {color:#004b99; background-color:transparent;} 
#content div.portlet .nav li.active ul li.active a {color:#004b99;}
#content div.portlet .nav  li > ul {padding-left:1.2rem; margin-left:0rem; list-style:none; border-left:1px solid #4d535b; }
#content div.portlet .nav  li > ul li {padding:0.2rem 0;}
#content div.portlet-kb {background-color:#090909; color:#fff; padding:14rem 1rem 1.4rem 2rem}
#content div.portlet-kb  div.glyphicon {font-size:4.6rem; display:block; margin-bottom:1rem; color:#d8d8d8;}
#content div.portlet-kb:hover div.glyphicon {color:#fff;}
#content div.portlet-kb .portlet-kb-title {font-size:3rem; font-weight:300; padding:0.5rem 0;}
#content div.portlet-kb a {color:#fff; text-decoration:underline; display:block;}
#content h1, #content .h1 {letter-spacing:-0.1rem; font-size:4rem; font-weight:300; margin-bottom:2.4rem; }
#product-image img {width:100%; border:1px solid #ddd; background-color:#fff; padding:1.8rem; }
#product-details .row:first-child {background-color:#fff; padding:2.5rem 1rem; }
#product-details table {font-size:1.4rem;}
#product-details table tr:first-child td {font-size:2rem; padding-bottom:1.5rem;}
#product-details table tr td a {color: #35699f; text-decoration:none; border-bottom:1px solid #35699f;}
#product-details {margin-bottom:2rem;}
#product-details table tr td {padding:0.2rem }
#product-details table tr:hover {color:#35699f;}
#product-details table tr td:first-child {padding-right:2rem; }
#product-details .product-cart-actions {text-align:right;}
#product-details .product-cart-actions button.btn {background-color: #004b99; border:0px; margin-top:8rem; padding:1rem; }
#product-details .product-cart-actions  button.btn a {color:#fff; text-transform:uppercase; font-size:1.5rem; }
#product-details .product-cart-actions  button.btn:hover a {color:#2c2c2c;} 
#product-description {padding:1.5rem 0; font-size:1.4rem; background-color:#fff; margin:0; }
#product-details button.btn-cart {padding:1.5rem 1rem; -webkit-transition: all 150ms ease-in;
-moz-transition: all 150ms ease-in; -ms-transition: all 150ms ease-in; -o-transition: all 150ms ease-in;transition: all 150ms ease-in; font-weight:normal; background-color:#14B066; border:0;}

#product-tabs {margin-top:3rem; margin-bottom:3rem; padding-bottom: 1rem; border-bottom:3px solid #eee;}
.nav-tabs > li > a {color:#4d535b; text-transform:uppercase; font-size:1.5rem;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {color: #4d535b; font-weight:bold;}
.tab-content {padding:2rem 1.5rem; font-size:1.4rem; background-color:#fff;}
.tab-content table tr td {padding:0.5rem 0 ; vertical-align:top;}
.tab-content table tr td:first-child {font-weight:bold; padding-right:2rem;}
#product-tabs #accessories .panel-heading
.product-cart-actions {text-align:right;}
.product-cart-actions > div {margin-bottom:2rem; font-size:1.2rem;}
.product-cart-actions > input:hover {box-shadow: 0 0 5px #555;}
#product-details .btn-cart {margin-top:1rem;}
.tab-content .recommendedAccessoriesCategories {color: #35699f; padding:3rem 0 1rem 0; font-size:1.5rem;}

#product-tabs #accessories .panel {border:0; box-shadow:0 0 0 0;  margin-top:4em;}
#product-tabs #accessories .panel:first-child {margin-top:1rem}
#product-tabs #accessories .panel-heading { border:0; margin-bottom:0; background-color:transparent; padding:0; font-size:1.5rem; color:#35699f; font-weight:bold;  }
#product-tabs #accessories .row {background-color:#fff; border:1px solid #ccc; margin-bottom:1.5rem; overflow:hidden;}
#product-tabs #accessories .row:hover {background-color:#f1f1f1;}
#product-tabs #accessories .row .col-md-2 img {height:2.2rem; width:auto; max-widht:4rem;}
#product-tabs #accessories .row a {color:#212121;}
#product-tabs #accessories .row a:hover {color:#35699f;}
#product-tabs #accessories .row .col-md-2, #product-tabs #accessories .row .col-md-5 {padding:1rem;}
#product-tabs #accessories .row .col-md-2:last-child {background-color:#ccc;  }
#product-tabs #accessories .glyphicon-shopping-cart {padding-left:1rem;}
#product-tabs #accessories .glyphicon-shopping-cart:hover {color:#004b99;} 

#product-wiki-box a, #product-wiki-box a:link {color: #35699f;}
#product-wiki-box a:hover {text-decoration:underline;}
#product-wiki-box .meta-section {text-transform: uppercase; color:#aaa; font-size:1.2rem;}
#product-wiki-box .title {font-size:2rem;  margin-bottom:1rem;}
#product-wiki-box .posts {margin-top:1rem;}
#product-wiki-box .posts .meta-text {font-weight:bold;}
#product-wiki-box .posts ul li {padding:0.3rem;}
.product-cart-options div.quantity {margin-bottom:1rem;}
.product-cart-options {border: 0px solid #d8d8d8;}
.product-cart-options > div:first-child {text-transform:uppercase; font-size:1.2rem; border-bottom:1px solid #d8d8d8; margin-bottom:0.5rem; font-weight:bold;}

.product-cart-options .product-cart-option {margin-bottom:1rem;} 
.product-cart-options .product-cart-option label {font-weight:600; font-size:1.2rem; margin-bottom:0;  }
.product-cart-options .dropdown-toggle {background-color:#989898; font-size:1.2rem; border:0;}
.product-cart-options .dropdown-toggle:hover {background-color:#787878;} 
.product-cart-options .dropdown-menu .selected {border:0; box-shadow:none;}
.product-cart-options .dropdown-menu .selected a {background-color:#d8d8d8; border:0  !important; box-shadow:none!important; color:#2c2c2c;}
.product-cart-options .dropdown-menu {font-size:1.2rem; box-shadow:0 0 1rem #aaa; margin-left:-15rem;}
.product-cart-options .dropdown-menu li:hover a {background-color:#35699f; color:#fff;  }
.produkt-cart-options .dropdown-menu li a:hover {background-color: #35699f;}

.product-cart-options .dropdown-menu {width:37rem; margin-left:-10rem;}
.product-cart-options .dropdown-menu ul li a { white-space:normal; word-wrap:normal;}

div.addtochecklist {padding-right:0;}

.addtochecklist .btn, .addtofavorites .btn {font-size:1.1rem; white-space:normal; padding:0.8rem 0; margin:1rem 0; text-align:center; text-decoration:none; }

.addtochecklist .btn span.glyphicons, .addtofavorites .btn span.glyphicon  {font-size:1.2rem; padding-right:0.5rem;} 
div.preisanfrage, div.warenkorb {padding-right:0;}
div.preisanfrage button {background-color: #d6232a; padding:1.2rem 0; font-size:1.6rem; color:#fff !important; -webkit-transition: background 150ms ease-in;
-moz-transition: background 150ms ease-in;
-ms-transition: background 150ms ease-in;
-o-transition: background 150ms ease-in;
transition: background 150ms ease-in;}


/* Produktlisting */
#products-sortbar, #listing-filters {background-color:#fff;}
#category-product-listing div.seo-text {margin: 2rem 0;}
#category-product-listing div.seo-text .col-md-12 {padding:0;}
#listing-filters, #products-sortbar {margin:0;}
#listing-filters .row > div {text-transform:uppercase; color:#777; font-size:1.4rem; padding:0.5rem 0;}
#listing-filters .row select {background-color:#f1f1f1; border:1px solid #ccc; padding:0.2rem 1rem;}
#listing-filters .row {margin:1rem 0;}
#listing-filters form .category-listing-filters > div {padding:0; }

#products-sortbar { padding:0.5rem 0.8rem; font-size:1.3rem; margin-bottom:3rem; width:100%; margin-left:0; border-top:1px dotted #eee; color:#777;}
#products-sortbar a {color:#777;}
#products-sortbar a:hover {text-decoration:underline; font-weight:bold;}
#products-sortbar .sortbar-label {text-transform:uppercase; padding-right:0.8rem; }
#products-sortbar .col-md-4 {padding:0;}
#products-sortbar a.active {font-weight:bold;}

/*Produkt Listing Grid*/
div.row.product-listing div.col-md-4  .thumbnail {padding:1.5rem; min-height:45rem; -webkit-transition: all 300ms ease-in;-moz-transition: all 100ms ease-in; -ms-transition: all 100ms ease-in; -o-transition: all 100ms ease-in; transition: all 100ms ease-in; }
div.row.product-listing div.col-md-4  .thumbnail:hover {border:1px solid #ccc; box-shadow: 1px 1px 3px 2px #dddddd; -webkit-box-shadow: 1px 1px 3px 2px #dddddd; box-shadow: 1px 1px 3px 2px #dddddd; -moz-transform: scale(1.1); -webkit-transform: scale(1.02); -o-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); }

div.row.product-listing div .thumbnail .product-thumb {text-align:center;}
div.row.product-listing div.col-md-4 .thumbnail .product-thumb {height:15rem; vertical-align:middle;}
div.row.product-listing div.col-md-4 .thumbnail .product-thumb img {max-height:15rem; width:15rem; vertical-align:middle;  overflow:hidden;}
div.row.product-listing div.col-md-4  .thumbnail .caption {padding:0; margin-top:0.8rem; height:19rem;}
div.row.product-listing div.col-md-4  .thumbnail .caption  p.product-brand {margin:0; color:#777; font-weight:bold;}
div.row.product-listing div.col-md-4  .thumbnail .caption  p {font-size:1.4rem; font-weight:normal;}
div.row.product-listing div.col-md-4  .thumbnail .caption p:last-child {font-size:1.4rem;}

div.row.product-listing div.col-md-4  .thumbnail .caption  a:hover {text-decoration:none;} 
div.row.product-listing div.col-md-4  .thumbnail .caption  span.heading {margin:0.3rem 0 0.5rem; font-size:1.6rem; font-weight:normal; min-height:5rem; max-height:8rem; overflow:hidden; line-height:120%;}
div.row.product-listing div.col-md-4  .thumbnail .btn {margin-top:0.5rem; width:100%;}


div.row.product-listing div.col-md-3  .thumbnail {padding:1.5rem; height:44rem; -webkit-transition: all 300ms ease-in;-moz-transition: all 100ms ease-in; -ms-transition: all 100ms ease-in; -o-transition: all 100ms ease-in; transition: all 100ms ease-in; }
div.row.product-listing div.col-md-3  .thumbnail:hover {border:1px solid #ccc; box-shadow: 1px 1px 3px 2px #dddddd; -webkit-box-shadow: 1px 1px 3px 2px #dddddd; box-shadow: 1px 1px 3px 2px #dddddd; -moz-transform: scale(1.1); -webkit-transform: scale(1.02); -o-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); }
div.row.product-listing div.col-md-3 .thumbnail .product-thumb {height:15rem; vertical-align:middle;}
div.row.product-listing div.col-md-3 .thumbnail .product-thumb img {max-height:14rem; width:15rem; vertical-align:middle; overflow:hidden;}
div.row.product-listing div.col-md-3  .thumbnail .caption {padding:0; margin-top:0.8rem; height:19rem;}
div.row.product-listing div.col-md-3  .thumbnail .caption  p.product-brand {margin:0; color:#777; font-weight:bold;}
div.row.product-listing div.col-md-3  .thumbnail .caption  p {font-size:1.4rem; font-weight:normal;}
div.row.product-listing div.col-md-3  .thumbnail .caption p:last-child {font-size:1.4rem;}

div.row.product-listing div.col-md-3  .thumbnail .caption  a:hover {text-decoration:none;} 
div.row.product-listing div.col-md-3  .thumbnail .caption  h3 {margin-top:0.2rem; font-size:1.9rem; font-weight:normal; height:6rem; overflow:hidden;   letter-spacing: -0.1rem;}
div.row.product-listing div.col-md-3  .thumbnail .btn {margin-top:0.5rem; width:100%;}


/* Product Listing List */

div.row.product-listing div.col-md-12 .product-thumb {width:25%; float:left; padding:2rem; }
div.row.product-listing div.col-md-12 .caption { width:70%; min-width:45rem;}

div.row.product-listing div.col-md-12  .thumbnail:hover {border:1px solid #bbb; -webkit-box-shadow: inset 0px 0px 15px 0px rgba(227,227,227,1); -moz-box-shadow: inset 0px 0px 15px 0px rgba(227,227,227,1); box-shadow: inset 0px 0px 15px 0px rgba(227,227,227,1);} 
div.row.product-listing div.col-md-12  .thumbnail img {display:inline-block; vertical-align:top; margin-right:1.5rem; }
div.row.product-listing div.col-md-12  .thumbnail .caption {display:inline-block;}
div.row.product-listing div.col-md-12  .thumbnail .caption .product-brand {text-transform:uppercase; color:#777; margin:0;}
div.row.product-listing div.col-md-12  .thumbnail .caption span.heading {margin-top:0rem; font-size:125%; line-height:120%; margin:0.3rem 0 1rem;}
div.row.product-listing div.col-md-12  .thumbnail .caption p {font-size:1.4rem;}
div.row.product-listing div.col-md-12  .thumbnail .caption p:last-child {}
div.row.product-listing div.col-md-12 .thumbnail a.btn {display:block; max-width:30rem; margin:0 auto; padding:0.8rem;}

.thumbnail div.addtocart a, .thumbnail div.addtochecklist a, .product-listing .thumbnail div.addtofavorites a {background-color: transparent; color:#4d535b; font-size:1.6rem;  }
.thumbnail div.addtocart a:hover, .product-listing .thumbnail div.addtofavorites a:hover {color: #004b99; }
div.row.product-listing div.col-md-12 .thumbnail div.addtocart ,div.row.product-listing div.col-md-12 .thumbnail div.addtofavorites {}

/* Neukundenantrag Formular */
#register-form {margin-top:2rem;}
#register-form fieldset  {margin-top: 2.5rem;}
#content #register-form {margin-bottom:4rem;}

/* Warenkorb */
.progress { height:2rem; background-color:#ddd;}
.progress .progress-bar {background-color:#004899; height:2rem; line-height:2rem; font-size:1.2rem; text-transform:uppercase; border-right:2px solid #fff; }
.progress-bar.progress-bar-passiv {background-color:#6b727b; color:#eee;}
span.glyphicon-remove {color:#004b99;}
span.glyphicon-remove:hover  {font-weight:bold;}
button.glyphicon-refresh {color:green; background-color:transparent; border:0; padding:0; margin-left:0.5rem;}
button.glyphicon-refresh:hover {background-color:transparent; color:green; font-weight:bold;}
#cart div.col-md-offset-8 {margin-bottom:20rem;}
#cart div.col-md-offset-8 table.table tr:last-child td {font-weight:bold; color:#004b99 ;}
#cart input.button_checkout {background-color:#004b99; padding:1rem 3rem; border:0; width:100%; }
#cart input.button_checkout:hover {background-color:#212121;}
#cart .cart-options-wrapper button {
  padding: 0.3rem 0.4rem;
  font-size: 1.2rem;
  background-color: green;
  border: 1px solid #555; }
  #cart .cart-options-wrapper select {
  max-width: 99%;}
  .continue-shopping { margin:1rem 0; color:#6b727b; }
.continue-shopping a {color:#6b727b;}
#login_or_register .form-horizontal {background-color:#fff; padding:4em 0;}
#checkout_customer_data form {background-color:#fff; padding:4rem 1rem; margin-bottom:2rem;}
#checkout_customer_data form  div.form-group {padding:0.5rem 0;}
#checkout_customer_data form  div.form-group input[type="text"] {width:80%;}
#checkout_customer_data form .messagetext {color:red;}
#checkout_payment form[name="paymentselection"]{background-color:#fff; padding:3rem 1rem; margin-bottom:2rem;}
#checkout_confirm form {background-color:#fff; padding:3rem 1rem; margin-bottom:2rem;}
#checkout_confirm form h3 {font-size:2rem; font-weight:400;}

/* Checkout / Kasse */
#checkout {margin-bottom:10rem;}
#checkout .col-md-4 .panel-heading:last-child {background-color:#aaa;}
#checkout #anmerkung {width:100%; font-size:1.2rem; padding:0.5rem;}
#checkout .checkout-confirmation-button {text-align:center;}
#checkout .checkout-confirmation-button .portlet_button_sendorder {padding:1.5rem 5rem; font-weight:bold; background-color:#004b99; }
#checkout .portlet_button_sendorder:hover {background-color:#c82127;}
#checkout {margin-bottom:10rem; font-size:1.4rem; }
#checkout .panel-default > .panel-heading {font-weight:bold; background-color:#f1f1f1;}

#checkout .col-md-8 > .panel {border:0; background-color:#fff; }
#checkout .col-md-8 > .panel > .panel-heading {font-size:2rem; padding:0; font-weight:normal; background-color:#fff; border:0; }
#checkout .col-md-8 > .panel  .panel-body {padding-left:0;}
#checkout table.checkout-products th {text-transform:uppercase; }
#checkout table.checkout-products td:nth-child(3) {width:90px; }
#checkout table.checkout-products td:nth-child(5) {width:90px; }
#checkout table.checkout-products tr td a {display:block; text-decoration:none;}

#checkout table.checkout-totals {background-color:#f1f1f1;}
#checkout table.checkout-totals tr:last-child { font-weight:bold; color:#004b99;}

#info-contact {background-color: #004899; color:#fff; padding:1.5rem 5rem; margin-top:2rem;}
#info-contact span.heading {font-size: 2.4rem; font-weight: 300; }
#info-contact .glyphicon {font-size:1.3rem; padding:0 0.3rem ;}
#info-contact p {font-size:1.5rem; font-weight:normal; display:block;}
#info-contact .btn {background-color:#090909;  display:inline-block; border:0;}
#info-contact .btn:hover { background-color:#4d535b;  }
#info-contact .btn a {text-transform:uppercase; font-size:1.2rem;color:#fff;  }
#info-contact a {text-transform:uppercase; font-size:1.5rem;color:#fff;  }


/* Qualit#t & Garantie & Wunschsysteme  */
.info-page .media {background-color:#fff; border:1px solid #ddd; border-left:0; padding:1.5rem;margin-top:0;}
.info-page .media:hover {background-color:#f1f1f1;}
.info-page .media.active {background-color:#6b727b; }
.info-page .media  h3.media-heading {color:#fff; padding-top:2rem; padding-left:1rem;}
.info-page .media  h3.media-heading  a {color:#2c2c2c;}
.info-page .teaser-info h2 {font-size:2rem; font-weight:bold; margin-top:3rem;}
.info-page .teaser-info p {font-size:2.2rem; font-weight:300;}
.info-page .col-md-6 h4 {color:#004899; font-size:2.2rem; margin-top:2rem; font-weight:normal;} 
.info-page .col-md-6 p, .info-page .col-md-6 li  {font-size:1.5rem;}
 .info-page .col-md-6 li {list-style:square; margin-bottom:1rem;}




/*  Alerts */
.alert {margin-top:2rem; font-size:1.5rem; padding:1.8rem 1rem; text-align:center;  }
.alert-success {background-color:green; font-weight:normal; }
.alert-info {background-color:#FFDE1A; font-weight:normal; color:#212121;}
.alert-warning  {background-color:#F18626; font-weight:bold; color:#212121;}
.alert-danger {background-color:#004b99; color:#fff; font-weight:bold;}
.red {color:#004b99; font-weight:bold; font-size:1.4rem;}

#footer .social {font-size:3.2rem; margin:0 0.7rem; }
#header a .social {color:#aaa }
.social-facebook:hover {color:#3b5998;}
.social-twitter:hover {color:#4099FF;}
.social-google-plus:hover {color:#dd4b39;}

/* Responsve Korrekturen */
@media (max-width: 991px) {
.page-header #header-button {display:none;}
#header-logo {float:left;}
#header-claim {float:left; }
#header-customer ul#header-customer-login li {float:none; display:block; text-align:right; }
.page-header #header-customer ul li.register .btn {margin:0;}
}
@media (max-width: 770px) {
/*Hot Deals Fix	
#homepage-products .col-md-3:first-child .thumbnail {height:8rem; min-height:8rem; background-image: url(/++resource++ctt/homepage-hot-deals-mobile.jpg); background-position:top left;}
#homepage-products .col-md-3:first-child .thumbnail div.caption {padding-top:2rem; }
#homepage-products .col-md-3:first-child .thumbnail div.caption h3 {padding-left:7rem;} */
} 

/*  Komplettsysteme */
#komplettsysteme div.vorteile {margin-top:5rem;}
#komplettsysteme div.media {background-color: #004899; color:#fff; padding:2.5rem 3rem; margin-top:0; margin-bottom:3rem; height:31rem;}
#komplettsysteme div.media h2 a {   color: #fff;}
#komplettsysteme div.media p {font-size:1.4rem; margin-top:1rem;}
#komplettsysteme div.media p a {color:#fff; font-weight:bold; text-decoration:underline;}
#komplettsysteme div.services {background-color:#6b727b; margin-top:-2rem; padding-top:4rem;  height:33rem;}

.list-category span.heading {
    font-size: 180%;
    font-weight: 300;
    line-height: 120%;
    text-align: center;
}
.list-category .thumbnail {
    background-color:#fff;
    padding:0 2.5rem 3rem;
	min-height:52rem;
    font-size:1.4rem;
    margin-bottom:4rem;
	-webkit-transition: background 300ms ease-in-out;
    -moz-transition: background 300ms ease-in-out;
    -ms-transition: background 300ms ease-in-out;
    -o-transition: background 300ms ease-in-out;
    transition: background 300ms ease-in-out;
}
.list-category .thumbnail:hover {background-color:#f7f7f7; box-shadow: 1px 1px 3px 2px #ddd;}
.list-category .thumbnail p {margin-top:2rem;}
.list-category .thumbnail a.btn {width:100%;}

#category-komplettsysteme-top .list-category .thumbnail {
    height:50rem;
}

#category-komplettsysteme-top .category-listing .media {background-color:#fff; padding: 1rem 1.5rem; color:#fff; font-size:1.2rem; }
#category-komplettsysteme-top .category-listing .media a {color:#fff;}
#category-komplettsysteme-top .category-listing .media p a {text-decoration: underline;} 
#category-komplettsysteme-top .category-listing .media h3 {font-size:2.2rem; margin:0.5rem 0 1.5rem 0;}
#category-komplettsysteme-top .category-listing .media img {width:5.5rem; margin-right:1.3rem;}
#category-komplettsysteme-top .seo-text {margin-bottom:1.5rem; font-size:1.6rem;}

#category-komplettsysteme-top .seo-text {margin-bottom:1.5rem; font-size:1.6rem;}
#category-komplettsysteme-top .list-category .thumbnail {min-height:auto; height:45rem;}
#category-komplettsysteme-top .thumbnail .thumb {width:100%; height:250px; }
#category-komplettsysteme-top .thumbnail .seo-text {display:none;}

/* category listing */
.list-category .caption {
    height: 7rem;
}
.list-category.komplett-systeme .caption, .list-category .caption {
    min-height: 10rem;
}
#category-komplettsysteme-top .caption, .list-category .caption {
    min-height:10rem;
}
.list-category .thumb {
    width: 310px;
    height: 200px;
    vertical-align:middle;
    overflow:hidden;
    display:table-cell;
}
#category-category-listing .list-category .thumb {
    width: 200px;
}
.list-category .thumb img {
    width:200px;
    max-height:200px;
}
#category-category-listing .list-category .thumb img {
    width:15rem;
}
.list-category .description {
    height: auto;
    min-height: 10rem;
    margin-bottom: 2rem;
    overflow: hidden;
}
#category-komplettsysteme-top .list-category .description {
    height: 10rem;
}
.btn-red {background-color:#004b99; color:#fff;}
.btn-blue {background-color: #004b99; color:#fff;}
.btn-red:hover {background-color:#6b727b; color:#fff;}
.btn-blue:hover {background-color: #6b727b; color:#fff;}

/*Mein Konto Account*/
#account #account-tabs {margin:3rem 0;}
#account #account-tabs li.active a {color:#35699f; font-weight:600;}
#account .panel-default {border:0; margin-bottom:3rem;}
#account .panel-default > .panel-heading {background-color:#fff; font-weight:400; padding-left:0rem; font-size:2rem;}
#account a.btn, input.btn {background-color:green; padding:1rem 2.2rem; border:0; -webkit-transition: all 150ms ease-in; -moz-transition: all 150ms ease-in; -ms-transition: all 150ms ease-in; -o-transition: all 150ms ease-in; transition: all 150ms ease-in;}
#account a.btn:hover, input.btn:hover {background-color:#090909;}
#account #account-orders .panel-heading {background-color:#f1f1f1; background-image:url(++resource++ctt/dropdown-navi-down.png); background-position:right center; background-repeat:no-repeat;}
#account #account-orders .panel-heading.active {background-image:url(++resource++ctt/dropdown-navi-up.png); background-position:right center; background-repeat:no-repeat;}
#account #account-orders .panel-default {border:1px solid #ddd;}
#account #account-orders .panel-heading {cursor:pointer; font-size:1.5rem; font-weight:600;padding-left:2rem;}
#account #account-orders .panel-heading:hover {background-color:#eee;}
#account #account-orders .panel-heading.active {border:0px solid #ddd;}
#account #account-orders .panel-body table {font-size:1.4rem;}
#account #account-orders .panel-body table img {max-width:4rem;}
#account #account-orders .panel-body table tr td:nth-child(2) {max-width:35rem;}
#change_address #register-form {background-color:#fff; padding:2rem; padding-bottom:8rem; padding-top:0.5rem;}
#change_address #register-form legend {}


/* Vergleichsliste */

.modal {background: rgba(0, 0, 0, 0.5);}

.modal-content {padding: 1rem 3rem; }

.modal-content table tbody tr:hover { background-color:#f1f1f1; }

.modal-content .product-thumb {
	padding: 1rem;
    max-height: 22rem;
    overflow: hidden;
}
.modal-content .product-thumb {height:14rem;}
.modal-content .product-thumb img {max-width:10rem;}
.modal-content .product-title {height:12rem;}
.modal-content thead tr th {width:24rem; border-right:1px solid #ddd;}
.modal-content tbody tr td {border-right:1px solid #ddd; font-size:1.4rem;}
.modal-content tbody tr td:first-child {font-weight:bold;}
.modal-content .product-description {width:auto;}
.modal-content a {text-decoration:none !important;}
.modal-content .tumbnail {border:0;}
.modal-content thead h3 {font-weight:300; text-decoration:none; font-size:2.2rem; margin-top:0;}
.modal-content thead p {font-weight:normal; font-size:1.4rem; }
.modal-content thead th {vertical-align:top !important;}
.modal-content button {border:0; font-size:1.3rem; font-weight:normal; margin:1rem 0; text-transform:uppercase;}
.modal-content button .glyphicon {padding-right:0.5rem;}
.modal-content .removefromfavorites .glyphicon-remove-sign {font-size:2rem;}
.modal-content div.removefromfavorites {width:100%;}
.modal-content thead .list-product .thumbnail {border:0;}



/* Vergleichs Wideget */
.portlet-checklist {}
.portlet-checklist table tr td {border-bottom:1px solid #bbb; vertical-align:top; padding:0.8rem 0.4em; line-height:1.6rem; }
.portlet-checklist table a {text-decoration:none !important; font-size:1.2rem; line-height:1rem; }
.portlet-checklist table tr td .glyphicon-remove-sign {font-size:1.4rem; padding-top:0.2rem;}
.portlet-checklist table tr td .glyphicon-remove-sign:hover {color: #d6232a}

.portlet-checklist .portlet-bottom div.col-md-5 a {font-size:1.1rem; color:#3b3b3b;}

.portlet-checklist .portlet-bottom div.col-md-7 {padding:0;}

.portlet-checklist .portlet-bottom div.col-md-7 button {font-size:1.0rem; margin-left:-1.2rem; text-transform:uppercase; }
.portlet-checklist .portlet-bottom div.col-md-7 button .glyphicons-scale-classic {padding-right:0.3rem;}
.portlet-checklist table tr td  img {width:50px;}

/* Vorteilsaufzählung */


.komplettsysteme-vorteile {margin-bottom:3.5rem; margin-top:1.5rem; }
.komplettsysteme-vorteile ul {list-style:none; padding:0; }
.komplettsysteme-vorteile ul li {float:left; display:block; width:20%; overflow:hidden; font-size:1.5rem; font-weight:300; text-align: center; line-height:2.1rem; color:#555; -webkit-transition: all 150ms ease-in;
-moz-transition: all 150ms ease-in;
-ms-transition: all 150ms ease-in;
-o-transition: all 150ms ease-in;
transition: all 150ms ease-in; cursor:default;}

.komplettsysteme-vorteile ul li span.glyphicon {color:#bbbbbb;font-weight:normal; font-size:2.0rem; display:block; padding:0.5rem; -webkit-transition: all 150ms ease-in;
-moz-transition: all 150ms ease-in;
-ms-transition: all 150ms ease-in;
-o-transition: all 150ms ease-in;
transition: all 150ms ease-in;}

.komplettsysteme-vorteile ul li:hover {color:#4d535b;font-size:1.55rem;}
.komplettsysteme-vorteile ul li:hover span.glyphicon {color:#4d535b; font-size:2.2rem;}

#komplettsysteme .komplettsysteme-vorteile {margin-top:0.5rem;}



/* Livesearch */

.tt-menu {
    width: 300px;
  box-shadow:0 0 1rem #ddd;
} 
.tt-menu .tt-dataset h3.league-name {font-size:1.6rem; color:#4d535b; font-weight:bold; padding:1rem 0 1rem 1rem; background-color:#d8d8d8;}

.tt-menu .tt-dataset .tt-suggestion {font-size:1.3rem; margin:0.5rem; padding:0.6rem; clear:both; height:100%; min-height:3.5rem; display:block; }

.tt-menu .tt-dataset .tt-suggestion img {width:4rem; max-width:5rem; max-height:3rem; margin-right:0.6rem; margin-top:-0.5rem;  }

.tt-menu .tt-dataset .tt-suggestion a {color:#4d535b;}

.tt-menu .tt-dataset .tt-suggestion:hover {background-color:#f1f1f1; border-bottom:1px solid #d8d8d8; border-top:1px solid #d8d8d8;}

.tt-menu .tt-dataset .tt-suggestion.tt-cursor {background-color:#d8d8d8;}

.tt-menu .tt-dataset #show-all-search-results {color:#35699f; font-weight:bold; font-size:1.3rem; border-top:1px dotted #ddd; padding:0.6rem ;  display:block; text-align:center; background-color:#f1f1f1;}



@media (min-width: 568px) {
  .container {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .container {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}


@media (max-width: 990px) {
    #mobile-nav .navbar-header {
        float: none;
    }
    #mobile-nav .navbar-toggle {
        display: block;
    }
    #mobile-nav .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
        overflow: hidden !important;

    }
    #mobile-nav .navbar-collapse.collapse {
        display: none !important;
        visibility: hidden !important;
        height: auto !important;
        padding-bottom: 0px;
        overflow: hidden !important;
    }
    #mobile-nav .navbar-collapse.collapse.in {
        display: block !important;
        visibility: visible !important;
        height: auto !important;
        padding-bottom: 0px;
        overflow: visible !important;
    }

    #mobile-nav .navbar-nav {
        float: none !important;
        margin: 7.5px -15px;
    }
    #mobile-nav .navbar-nav>li {
        float: none;
    }
    #mobile-nav .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
	.product-cart-options .dropdown-menu {margin-left:0rem; width:auto;}
	  .navbar-brand {
			  background-color: #FDFFF9;
			  background-image: url(/++resource++sona/body-bg4.jpg);
		  }
}

@media (max-width: 768px) {

	
	.list-category .description {min-height:0; height:auto; }
	.list-category .thumbnail {min-height:0; height:auto; }
	#category-category-listing .list-category .thumb {width:auto; height:auto;}
	div.row.product-listing div.col-md-12 .caption {min-width:0; width:100%; }
	div.row.product-listing div.col-md-12 .thumbnail .caption > .row > .col-md-4 >.row a {margin:2rem 0;}
	
	div.addtochecklist, div.addtofavorites, div.preisanfrage, div.warenkorb {
		margin-bottom:1rem; padding:0;}
	 	.addtochecklist .btn, .addtofavorites span.btn {padding:1rem 0;}
	
	#product-tabs .nav-tabs > li a {padding:0.5rem 0.5rem; font-size:1.3rem;}
	#product-details {margin-top:1.5rem;}
	.btn-primary {padding: 1rem 1.5rem;}
	
	div.row.product-listing div.col-md-12 .thumbnail div.addtocart, div.row.product-listing div.col-md-12 .thumbnail div.addtofavorites {width:50%; float:left;}
	
	div.row.product-listing div.col-md-12 .product-thumb {
		width: auto; 
		float: none; 
    	padding: 2rem;}
		
		

}

@media (max-width: 500px) {
	    #product-tabs  .nav-tabs > li {
        float:none;
        display:block;
    }
	#product-tabs .nav-tabs > li a {padding:0.5rem 0.3rem; border:0; font-size:1.4rem;}
	#product-tabs  .nav-tabs {border-bottom:5px solid #ddd; margin-top:2rem;}
	#product-tabs .nav-tabs > li.active a {background-color:#f1f1f1;}
	
	
}

#mobile-nav .navbar-collapse {
    clear:both;
    background-color:#4D535B;
}

#mobile-nav .navbar-collapse.collapse {
}
.product-additional-images{
    padding: 1rem 0;
}


.product-additional-images{
    padding: 1rem 0;
}

.product-additional-images .thumb {
    display: table-cell;
    vertical-align: middle;
    height:75px;
    float:none;
    padding-left:15px;
}
#product-image .product-additional-images .thumb img {
    height:75px;
    width:auto;
}
#footer .footer-social-media {
    font-size:24px;
}

.lagerbestandgreen {
    color: #017F2B;
}
.lagerbestandorange {
    color: #BF4102;
}
.lagerbestandred {
    color: #c00221;
}

/* typeahead */

#main-search-input {
    padding: 0 18px;
}

.typeahead,
.tt-query,
.tt-hint {
  border: 2px solid #ccc;
  outline: none;
}

.typeahead {
  background-color: #fff;
}

.typeahead:focus {
  border: 2px solid #0097cf;
}

.tt-query {
}

.tt-hint {
  color: #999
}

.tt-menu {
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.tt-suggestion {
  padding: 3px 20px;
  font-size: 18px;
  line-height: 24px;
}

.tt-suggestion:hover {
  cursor: pointer;
  color: #fff;
  background-color: #0097cf;
}

.tt-suggestion.tt-cursor {
  color: #fff;
  background-color: #0097cf;

}

.tt-suggestion p {
  margin: 0;
}

.gist {
  font-size: 14px;
}

/* example specific styles */
/* ----------------------- */

#custom-templates .empty-message {
  text-align: center;
}

#multiple-datasets .league-name {
  margin: 0 20px 5px 20px;
  padding: 3px 0;
  border-bottom: 1px solid #ccc;
}

#scrollable-dropdown-menu .tt-menu {
  max-height: 150px;
  overflow-y: auto;
}

#rtl-support .tt-menu {
  text-align: right;
}

.form-group {
    clear:both;
}
.thumbnail .caption ul {
  padding:5px;
  list-style-position:inside;
}
.homepage-externals > div:first-child {
    padding: 15px;
}
.homepage-externals .pull-left {
    padding: 1rem;
    padding-left:0rem;
    padding-top:0rem;
}
#homepage-trustedshops {
    padding-top:30px;
}
#homepage-trustedshops img {
    width: auto;
}
#product-tabs table tr td {
    padding: 1rem;
}
@media (min-width: 980px) and (max-width: 1024px) {
  .hidden-tablet {
    display: none !important;
  }
  .display-tablet {
    display: block !important;
    width:100%;
  }
}
#mobile-nav .navbar-toggle {
    color: #fff;
}

#komplettsysteme .list-category .description {
    min-height: 10rem;
}
.tooltip-inner {
    width: 333px;
    max-width: 333px;
}
.link-target {
    cursor:pointer;
}
.list-product .submit-icon, .list-product .submit-icon:hover {
    background-color: transparent;
    color: #4d535b;
    font-size: 1.6rem;
}
.list-product .submit-icon:hover {
    font-weight:bold;
    color:#35699f;
}
.list-category.komplett-systeme.open-e-storage {
    display:none;
}