/**
* Override the rules generated with {Less} with pure {Css}
*/
/**
* Hintergrund Feo
*/

/* quicksand-regular - latin */






@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/googlefonts/quicksand-v28-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/googlefonts/quicksand-v28-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/googlefonts/quicksand-v28-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/googlefonts/quicksand-v28-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/googlefonts/quicksand-v28-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/googlefonts/quicksand-v28-latin-regular.svg#Quicksand') format('svg'); /* Legacy iOS */
}
#header {
    background-image: url(../../xt_responsive/img/main-bg.jpg);
    background-attachment: scroll;
}
html,
body,
#site-wrap {
	background-image: url(../../xt_responsive/img/main-bg.jpg);
	height: 500px;
	background-attachment: scroll;
}
#container {	/*padding, color, schatten geändert*/
	min-height: 100%;
	height: auto;
	background-color: #FFFFFF;
	margin-bottom: 20px;
	padding-top: 20px;
	-webkit-box-shadow: 0 0 25px #cccccc;
	box-shadow: 0 0 25px #cccccc;
	border: 0 solid #ededed;
	border-radius: 0 0 5px 5px;
}
/*Ende Hintergrund Feoa
/**
* META NAVIGATION FEOA
*/
.meta-navigation {
	background-color: #595959;
	height: auto; /*hier höhe ändern*/
}
.meta-navigation,
.meta-navigation a,
.meta-navigation .btn {
  color: #EDEDED;  /*background-color Language*/	
  font-size: 16px;
  text-decoration: none;
}
.meta-navigation .bootstrap-select,
.meta-navigation .bootstrap-select .btn {
  background-color: #595959 !important;	 /*background-color Language*/	
  border: 0 none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.meta-navigation .bootstrap-select .btn:hover {
	color: #D8D8D8 !important;  /*Font color hover*/
}
.meta-navigation .bootstrap-select.open .btn {
	color: #EDEDED !important;
}
.meta-navigation .bootstrap-select.open .glyphicon {
	color: #A67B1D !important;
}
.meta-navigation .user,
.meta-navigation .user a,
.meta-navigation .user .btn {
	color: #EDEDED;   	/*Font Meta Navigation Kasse, Konto, Anmelden*/
}
.meta-navigation .user > li:after {
  content: " |";
}
/**
* End META NAVIGATION FEOA
*/
#box-start-page-categories{
	font-size: 1.1em;
  /*font-size: 2.1em;*/
}
#box-start-page-categories a img {
    vertical-align: top;
    min-width: 100%;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
/*eigenes css auf Startseite*/	
#box-start-page-categories .section .title a {
  color: #555555;
  text-transform: none;
  font-family: "pt_sansregular", Helvetica, Arial, sans-serif;	
}
#box-start-page-categories p.image a  {
  max-height:250px;
  overflow:hidden;
}
/*@media (min-width: 1441px) and (max-width: 2560px) { 
#box-start-page-categories .col-xs-6 {
  width: 33.33%;
}
#box-start-page-categories .section .title a {
    font-size: 16px;
}
#box-start-page-categories .section {
    text-align: center;
    padding-top: 1px;
    padding-left: 1px;
    padding-right: 1px;
    background-color: #f7f7f7;
    margin-right: 15px;
    margin-left: 15px;
}	
#box-start-page-categories .row {	
  padding-left: 50px;
  padding-right: 50px;
}
  }	*/
/*@media (min-width: 1025px) and (max-width: 1440px) {
#box-start-page-categories .col-xs-6 {
  width: 33.33%;
}
	#box-start-page-categories .section .title a {
    font-size: 16px;
}
#box-start-page-categories .section {
    text-align: center;
    padding-top: 1px;
    padding-left: 1px;
    padding-right: 1px;
    background-color: #f7f7f7;
    margin-right: 4px;
    margin-left: 4px;
}	
#box-start-page-categories .row {
    padding-left: 100px;
    padding-right: 100px;
}	
  }	
@media (min-width: 769px) and (max-width: 1024px) {
#box-start-page-categories .col-xs-6 {
  width: 33.33%;
}
	#box-start-page-categories .section .title a {
    font-size: 16px;
}
#box-start-page-categories .section {
  text-align: center;
  padding-top: 1px;
  padding-left: 1px;
  padding-right: 1px;
  background-color: #f7f7f7;
}	
#box-start-page-categories .row {
  padding-left: 50px;
  padding-right: 50px;
}
  }*/	
/*@media (min-width: 426px) and (max-width: 768px) {
#box-start-page-categories .col-xs-6 {
  width: 33.33%;
}
#box-start-page-categories .section .title a {
    font-size: 16px;
}	
#box-start-page-categories .section {
  text-align: center;
  padding-top: 1px;
  padding-left: 1px;
  padding-right: 1px;
  background-color: #f7f7f7;
}	
#box-start-page-categories .row {
  padding-left: 0px;
  padding-right: 0px;
}	
  }		
@media (min-width: 376px) and (max-width: 425px) {
#box-start-page-categories .col-xs-6 {
  width: 50%;
}
#box-start-page-categories .section .title a {
    font-size: 16px;
}	
#box-start-page-categories .section {
  text-align: center;
  padding-top: 1px;
  padding-left: 1px;
  padding-right: 1px;
  background-color: #f7f7f7;
}	
#box-start-page-categories .row {	
  padding-left: 0px;
  padding-right: 0px;
}	
  }	
@media (min-width: 321px) and (max-width: 375px) {
#box-start-page-categories .col-xs-6 {
  width: 100%;
}
#box-start-page-categories .section .title a {
    font-size: 16px;
}	
#box-start-page-categories .section {
  text-align: center;
  padding-top: 1px;
  padding-left: 1px;
  padding-right: 1px;
  background-color: #f7f7f7;
}		
#box-start-page-categories .row {	
  padding-left: 50px;
  padding-right: 50px;
}
  }	
@media (max-width:320px){ 	
#box-start-page-categories .col-xs-6 {	
  width: 100%;
}
#box-start-page-categories .section .title a {
    font-size: 16px;
}	
#box-start-page-categories .section {
  text-align: center;
  padding-top: 1px;
  padding-left: 1px;
  padding-right: 1px;
  background-color: #f7f7f7;
}		
#box-start-page-categories .row {	
  padding-left: 30px;
  padding-right: 30px;
}	
  }	*/
/**
* ende eigenes css startpage kategorien
*/
/*button Startseite in Navigation zugefügt*/ 
.home2 {
    padding-left: 5px;
    padding-right: 35px;
	vertical-align: middle;
}
.home2:hover {
    color: #D8D8D8 !important;  /*Font color hover*/
}
.fa-home-nav:before {
    font-size: 20px;
	vertical-align: middle;
	content: "\f015";
}
.text-muted-nav:hover {
	color: #D8D8D8 !important;  /*Font color hover*/
}
/*end button Startseite in Navigation zugefügt*/ 
/*button Kundenmeinungen zugefügt*/ 
.meta-navigation a:hover {
  color: #D8D8D8;
}
/*end button Kundenmeinungen zugefügt*/ 

/**
* META NAVIGATION FEOA
*/
.bottom-cart .box-cart .inner {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    display: block;
    min-width: 320px;
    background-color: #946C1A;
    border: 0 none;
}
.main-navigation .navbar-search .keywords {
    min-height: 60px;
  border: 3px solid #A67B1D;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.navbar-default {
    background-color: #D7D7D7; /*Hintergrundfarbe Dropdown Kategorien*/
    border-radius: 0px;
}
.navbar-toggle {
	background-color: #333333;
}	
.main-navigation .navbar-search .submit-button {
    background-color: #333333;
	border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	color: #A67B1D;
	background-color: #FFFFFF;
	font-weight: bold;
}
.navbar-default .navbar-toggle {
    border-color: #333333;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
/**
* main-navigation Tabelt Ansicht
*/
@media (max-width: 991px) {
.main-navigation .navbar-collapse > ul > li > a {
    font-weight: normal;
    font-family: 'Quicksand', sans-serif;/*Feoa Schrift*/
    text-transform: capitalize;
    border-top: 1px solid #E3E3E3;
	font-size: 18px;
	color: #3E3E3E;
}
.main-navigation .navbar-collapse > ul > li > a:hover {
    background-color: #D4D4D4;/*Farbe hover Tabletansicht*/
    font-weight: normal;
    font-family: "pt_sansregular", Helvetica, Arial, sans-serif;
    text-transform: capitalize;
    color: #555555;
}
	.navbar-default .navbar-nav > li > a {/*Schriftfarbe Navigation Tabletansicht*/
    color: #131212;
}
	.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 22px;
}
}
.cui__main-header {
	font-size: 16px;
	color: #313131;
	display: inline-block;
	margin: 0 0 0 2px;
	padding-right: 16px;
	z-index: 1;
	padding: 15px 0 6px;
	font-family: Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
	font-weight: bold;
	line-height: 21px;
	}
/**
* HEADER
*/
#header .header-top .col {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 65px;
  padding-bottom: 25px;
}
/**
* MORE CATEGORIES NAVIGATION
*/
.categorie-listing .section {
	margin-bottom: 20px;
	background-color: #f7f7f7;
	border-radius: 5px;
	webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 1px solid #ECECEC;
	/*padding: 19px;*/
	/* [disabled]min-height: 60px; */
	padding-bottom: 15px;
	-webkit-transition: all 0.7s ease 0s;
	-o-transition: all 0.7s ease 0s;
	transition: all 0.7s ease 0s;
}
.categorie-listing .section:hover {
	/*border-color: #CFCFCF;*/
	-webkit-box-shadow: 0 1px 2px 1px #CCCCCC;
	box-shadow: 0 1px 2px 1px #CCCCCC;
}
.categorie-listing .section .image,
.categorie-listing .section .image a,
.categorie-listing .section .image img {
  padding: 0 !important;
  margin: 0 !important;
  text-decoration: none;
  color: #f7f7f7;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;/*Radius geändert*/
}
.categorie-listing .section .title,
.categorie-listing .section .title a {
  color: #FFFFFF;
}
.categorie-listing .section .title a:hover,
.categorie-listing .section .title a:active {
  color: #FFFFFF;
}
/**
* Häuschen home
*/
.fa-home:before {
    font-size: 22px;
}
/**
* Slider Breite
*/
.carousel-outer-wrap {
  position: relative;
	display: block;
    max-width: 1920px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
/**
* HEADER
*/
/*Breite des Suchfeldes im Header*/
@media (min-width: 992px) {
  #header .header-top .col > .inner.top-search .input-group .form-control,
  #header .header-top .col > .inner.top-search .input-group .input-group-addon,
  #header .header-top .col > .inner.top-search .input-group .input-group-btn .btn {
    height: 49px;
    padding: 10px 16px;

    line-height: 1.3333333;
    border-radius: 0;
    max-width: 250px;
    float: right;
  }
}
/**
* Warenkorb Header
*/
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    /* [disabled]border-bottom-left-radius: 5px; */
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    /* [disabled]border-top-left-radius: 5px; */
}
.box-cart .btn-group .btn-left {
	font-size: 16px;
	padding-top: 13px;
	padding-bottom: 13px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.box-cart .btn-group .btn-right {
	padding-top: 10px;
	margin-left: 0;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
/**
* Search Header
*/
@media (min-width: 992px) {
  #header .header-top .col > .inner.top-search .input-group .form-control {
	height: 49px;
	border-top-left-radius: 4px; 	
	border-bottom-left-radius: 4px;	
	margin-left: 0px;
	max-width: 250px; 
	float: right; 
  }
}	
  #header .header-top .col > .inner.top-search .input-group .input-group-btn .btn {
	height: 49px;
	padding-top: 6px;
	padding-right: 16px;
	padding-left: 16px;
	border-top-right-radius: 4px;	
	border-bottom-right-radius: 4px;
  }	
	/*end (in-width: 992px)*/
/*button search color*/
.btn-primary {
    color: #ffffff;
    background-color: #AEAEAE;
    border-color: #9F9F9F;
}
.btn-primary:focus,
.btn-primary.focus {
    color: #ffffff;
    background-color: #9A9A9A;
    border-color: #9F9F9F;
}
.btn-primary:hover {
  color: #ffffff;
  background-color: #9A9A9A;
  border-color: #9F9F9F;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #9A9A9A;
  border-color: #9F9F9F;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #ffffff;
  background-color: #9A9A9A;
  border-color: #9F9F9F;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #AEAEAE;
  border-color: #9F9F9F;
}
/*.btn-primary .badge {
  color: #ff7a00;
  background-color: #ffffff;
}*/
/*end button search color*/
/**
* BREADCRUMB
*/
.breadcrumb-container {
  margin-top: 0px;
  margin-bottom: 30px;
  background-color: #f5f5f5;
}
/**
* MAIN Navigation
*/
@media (min-width: 992px) {
.navbar-default {
  background-color: #FFFFFF;
  border-color: #FFFFFF;
}
.navbar {
    position: relative;
    min-height: 60px;
    margin-bottom: 30px;
    /*border: 1px solid transparent;*/
    border-radius: 0px;
	border-bottom: 1px solid #E7E7E7;
	border-top: 1px solid #E7E7E7;
}
  .navbar-nav > li > a {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 5px;
    padding-left: 15px;
  }
.main-navigation .navbar-collapse > ul > li > a {
    font-weight: normal;
    /*font-family: Helvetica, "pt_sansbold", Arial, sans-serif;*/
	font-family: 'Quicksand', sans-serif;/*Feoa Schrift*/
    text-transform: none;
	font-size: 18px;
	color: #3E3E3E;
}	
.navbar-default .navbar-nav > li > a {
  color: #3E3E3E;
  font-size: 18px;	
}	
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #A67B1D;
  background-color: #FFFFFF;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #A67B1D;
  background-color: #FFFFFF;
  font-weight: bold;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #A67B1D;
  background-color: #FFFFFF;
  font-weight: bold;	
}
.navbar-default .navbar-toggle {
  border-color: #FFFFFF;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #FFFFFF;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #262626;
}

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


	



/**
* Sub Navigation
*/
.box-categories .panel-heading {
    padding-top: 12px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 12px;
    background-color: #595959;
    border: 0 none;
	border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.box-categories ul li.level-1 a {
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 15px !important;
  color: #555555;
  font-size: 16px;
  background-color: #eeeeee;
  border-top: 1px solid #d5d5d5;
  font-weight: normal;
  font-family: "pt_sansregular", Helvetica, Arial, sans-serif;
}
.box-categories ul .level-2 a {
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
	border-top: 1px solid #d5d5d5;
}
.box-categories ul .level-2 a:hover {
    background-color: #DFDFDF;
}
.box-categories ul .level-3 a {
    padding-left: 15px;
	padding-top: 8px;
    padding-bottom: 8px;
    border-top: 1px solid #EDEDED;
}
.box-categories ul .level-3 a:hover {
    background-color: #DFDFDF;
}
/**
* Button success Grün
*/
.btn-success {
  color: #ffffff;
  background-color: #9B0000;
  border-color: #9B0000;
}
.btn-success:focus,
.btn-success.focus {
  color: #ffffff;
  background-color: #9B0000;
  border-color: #9B0000;
}
.btn-success:hover {
  color: #ffffff;
  background-color: #9B0000;
  border-color: #9B0000;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #ffffff;
  background-color: #9B0000;
  border-color: #9B0000;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
  color: #ffffff;
  background-color: #9B0000;
  border-color: #9B0000;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
  background-color: #9B0000;
  border-color: #9B0000;
}
.btn-success .badge {
  color: #9B0000;
  background-color: #ffffff;
}
/**
* BUTTTON DETAILS
*/
/*button details (Kurzbeschreibung)*/
.footer-buttons .btn-default {
  border-radius: 4px;
}
/**
* #checkout .progress-bar
*/
#checkout .progress .progress-bar-success {
  background-color: #A67B1D;
  color: #ffffff;
}
/**
* Button Detail Warenkorb border-radius: 5px;
*/
.btn-cart {
  color: #ffffff;
  border-radius: 4px;	
}
/**
* product listing Panel
*/
.panel-body{
 padding-top: 10px;
 padding-right: 20px;
 padding-left: 20px;
 padding-bottom: 40px;
}
 .products .panel-default {
	border-color: #ECECEC;
	/*border-color: #e0e0e0;*/
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.products .panel-default:hover {
	-webkit-box-shadow: 0 1px 2px 1px #CCCCCC;
	box-shadow: 0 1px 2px 1px #E3E3E3;
}
.listing .section .title .desc {
    line-height: 1.2;
    margin-top: 8px;
}
/**
* carusel startseite
*/
 .owl-wrapper .panel-default {
	border-color: #ECECEC;
	/*border-color: #e0e0e0;*/
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
 .owl-wrapper .panel-default:hover {
	-webkit-box-shadow: 0 1px 2px 1px #CCCCCC;
	box-shadow: 0 1px 2px 1px #E3E3E3;
}
/**
* Überschiften Startseite / Logo / Slogan / Content
*/
#startpage-content {
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: 30px;
	margin-right: 30px;
}
.startpage-heading-up {
    font-family: pt_sansbold,Helvetica,Arial,sans-serif;
    font-weight: normal;
    font-style: normal;
    color: #6A6A6A;
    text-align: left;
}
#startpage-content .text-uppercase {
font-family: pt_sansbold,Helvetica,Arial,sans-serif;
    font-weight: normal;
    color: #6A6A6A;
	text-transform: capitalize;
}
@media (min-width: 1441px) and (max-width: 2560px)  { 
/*Große Überschrift auf der Startseite*/
.startpage-heading-up {
    font-size: 24px;
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 10px;
	margin-left: 30px;	
	margin-right: 30px;
	margin-top: 40px;
	margin-bottom: 50px;
}
/*Überschrift von den Startseitentexten*/	
#startpage-content .text-uppercase {
    font-size: 24px;
    line-height: 25px;
	margin-bottom: 10px;	
}	
/*Logo*/
#header .header-top .col.col-logo
{
  padding-top: 10px;
  padding-right: 0;
  padding-left: 0px;
  padding-bottom: 10px;
}
#header .header-top .col>.inner .logo, #header .header-top .col>.inner .logo img {
    max-height: 49px;
}	
.slogan {
    font-family: pt_sansregular,Helvetica,Arial,sans-serif;
    font-size: 18px;
    text-align: right;
    color: #666666;
    margin-top: 0px;
    font-style: italic;
}	
}	
@media (min-width: 1025px) and (max-width: 2560px) {	
/*Große Überschrift auf der Startseite*/	
.startpage-heading-up {
    font-size: 24px;
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 10px;
	margin-left: 30px;	
	margin-right: 30px;
	margin-top: 40px;
	margin-bottom: 50px;
}
/*Überschrift von den Startseitentexten*/	
#startpage-content .text-uppercase {
    font-size: 24px;
    line-height: 25px;
	margin-bottom: 10px;	
}
/*Logo*/
#header .header-top .col.col-logo
{
  padding-top: 30px;
  padding-right: 0;
  padding-left: 0px;
  padding-bottom: 10px;
}
#header .header-top .col>.inner .logo, #header .header-top .col>.inner .logo img {
    max-height: 49px;
}
.slogan {
    font-family: pt_sansregular,Helvetica,Arial,sans-serif;
    font-size: 18px;
    text-align: right;
    color: #666666;
    margin-top: 0px;
    font-style: italic;
}	
}	
@media (min-width: 769px) and (max-width: 1024px) {
/*Große Überschrift auf der Startseite*/	
.startpage-heading-up {
    font-size: 24px;
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 10px;
	margin-left: 30px;	
	margin-right: 30px;
	margin-top: 30px;
	margin-bottom: 50px;
}
/*Überschrift von den Startseitentexten*/
#startpage-content .text-uppercase {
    font-size: 24px;
    line-height: 25px;
	margin-bottom: 10px;	
}
/*Logo*/
#header .header-top .col.col-logo
{
  padding-top: 25px;
  padding-right: 0;
  padding-left: 20px;
  padding-bottom: 5px;
}
#header .header-top .col>.inner .logo, #header .header-top .col>.inner .logo img {
    max-height: 38px;
}
.slogan {
    font-family: pt_sansregular,Helvetica,Arial,sans-serif;
    font-size: 17px;
    text-align: right;
    color: #666666;
    margin-top: 0px;
    font-style: italic;
}	
}
@media (min-width: 426px) and (max-width: 768px) {
/*Große Überschrift auf der Startseite*/	
	.startpage-heading-up {
    font-size: 24px;
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 10px;
	margin-left: 15px;	
	margin-right: 15px;
	margin-top: 0px;
	margin-bottom: 40px;
}
/*Überschrift von den Startseitentexten*/
#startpage-content .text-uppercase {
    font-size: 24px;
    line-height: 25px;
	margin-bottom: 10px;	
}
/*Logo*/
#header .header-top .col.col-logo
{
  padding-top: 10px;
  padding-left: 20px;
  padding-bottom: 5px;
}
#header .header-top .col>.inner .logo, #header .header-top .col>.inner .logo img {
    max-height: 25px;
}
.slogan {
    font-family: pt_sansregular,Helvetica,Arial,sans-serif;
    font-size: 15px;
    text-align: left;
    color: #666666;
    margin-top: 0px;
    font-style: italic;
}	
}	
@media (min-width: 376px) and (max-width: 425px) {
/*Große Überschrift auf der Startseite*/	
	.startpage-heading-up {
    font-size: 20px;
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 10px;
	margin-left: 10px;	
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 20px;
}
/*Überschrift von den Startseitentexten*/
#startpage-content .text-uppercase {
    font-size: 20px;
    line-height: 25px;
	margin-bottom: 10px;	
}
/*Logo*/
#header .header-top .col.col-logo
{
  padding-top: 10px;
  padding-bottom: 0px;
}
#header .header-top .col>.inner .logo, #header .header-top .col>.inner .logo img {
    max-height: 30px;
}	
.slogan {
    font-family: pt_sansregular,Helvetica,Arial,sans-serif;
    font-size: 17px;
    text-align: right;
    color: #666666;
    margin-top: 0px;
    font-style: italic;
    margin-right: 20px;
}	
}	
@media (min-width: 321px) and (max-width: 375px) {	
/*Große Überschrift auf der Startseite*/	
	.startpage-heading-up {
    font-size: 20px;
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 10px;
	margin-left: 10px;	
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 20px;
}
/*Überschrift von den Startseitentexten*/
#startpage-content .text-uppercase {
    font-size: 20px;
    line-height: 25px;
	margin-bottom: 10px;	
}
/*Logo*/	
#header .header-top .col.col-logo
{
  padding-top: 10px;
  padding-bottom: 5px;
}
#header .header-top .col>.inner .logo, #header .header-top .col>.inner .logo img {
    max-height: 30px;
}
.slogan {
    font-size: 17px;
    text-align: right;
    color: #666666;
    margin-top: 0px;
    font-style: italic;
    margin-right: 20px;
}	
}	
@media (max-width:320px){ 	
/*Große Überschrift auf der Startseite*/	
	.startpage-heading-up {
    font-size: 18px;
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 10px;
	margin-left: 10px;	
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 10px;
}
/*Überschrift von den Startseitentexten*/
#startpage-content .text-uppercase {
    font-size: 18px;
    line-height: 25px;
	margin-bottom: 10px;	
}
/*Logo*/	
#header .header-top .col.col-logo
{
  padding-top: 10px;
  padding-bottom: 5px;
}
#header .header-top .col>.inner .logo, #header .header-top .col>.inner .logo img {
    max-height: 30px;
}
.slogan {
    font-size: 17px;
    text-align: right;
    color: #666666;
    margin-top: 0px;
    font-style: italic;
    margin-right: 20px;
}	
}
/**
* Shop Detail Beschreibung 
*/
 #text-produktname {
	font-family: "pt_sansbold", Helvetica, Arial, sans-serif;
    font-weight: normal;
    line-height: 1.1;
    color: #333333;
	font-size: 18px;
    margin-bottom: 6px;
    margin-left: 0px;
    margin-top: 10px;
}
 #text-schlaegel {
	font-family: "pt_sansbold", Helvetica, Arial, sans-serif;
    font-weight: normal;
    line-height: 1.1;
    color: #5c0d2d;
	font-size: 18px;
    margin-bottom: 15px;
    margin-left: 0px;
    margin-top: 0px;
}
 #planetentoene-description {
    margin-bottom: 0px;
    margin-left: 0px;
    margin-top: 30px;
}
 #Informationen1 {
    margin-bottom: 0px;
    margin-left: 0px;
    margin-top: 15px;
}
 #Text-Buddha {
	font-family: "pt_sansbold", Helvetica, Arial, sans-serif;
    font-weight: normal;
    line-height: 1.1;
    color: #5c0d2d;
	font-size: 18px;
    margin-bottom: 5px;
    margin-left: 0px;
    margin-top: 0px;
}
 #BuddhaBeschreibung {
    margin-bottom: 0px;
    margin-left: 0px;
    margin-top: 20px;
}
.text-primary2 {
	font-family: "pt_sansbold", Helvetica, Arial, sans-serif;
    font-weight: normal;
    line-height: 1.1;
    color: #5c0d2d;
    font-size: 20px;
    line-height: 50px;
    text-transform: none;
}
 #Planetenton_1 {
    margin-bottom: 0px;
    margin-left: 0px;
    margin-top: 20px;
}
 #Planetenton_2 {
    margin-bottom: 20px;
    margin-left: 0px;
    margin-top: 20px;
}
/**
* Überschrift Kategorie Listing weinrot
*/
#categorie-listing .text-primary {
    font-family: pt_sansbold,Helvetica,Arial,sans-serif;
    font-weight: normal;
    color: #6A6A6A;
    font-size: 30px;
    line-height: 33px;
    text-transform: none;
	margin-bottom: 10px;
}
/**
* Überschrift Produktbeschreibung / Empfohlenes Zubehör / Bewertungen
*/
.subpage-wrap .headline[data-toggle="collapse"],
.subpage-wrap .headline-underline[data-toggle="collapse"] {
  background-color: #eeeeee !important;
  padding: 15px !important;
  padding-right: 30px !important;
  margin-bottom: 30px !important;
  font-family: 'Open Sans', "pt_sansbold", Helvetica, Arial, sans-serif;
  font-weight: bold;
  line-height: 1.1;
  /*color: #5c0d2d;*/
  margin-top: 22px;
  margin-bottom: 11px;
  font-size: 21px;
  text-transform: capitalize;
}
/*button search color, SCHATTEN TEXTEINGABE*/
textarea:focus,
select:focus,
input[type='text']:focus,
input[type='email']:focus,
input[type='password']:focus {
	border-color: #A67B1D;
	outline: 0;
	-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,.075),0 0 8px #A67B1D;
	box-shadow: inset 0 0 1px rgba(0,0,0,.075),0 0 8px #A67B1D;
}
.form-control:focus {
	border-color: #A67B1D;
	outline: 0;
	-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,.075),0 0 8px #A67B1D;
	box-shadow: inset 0 0 1px rgba(0,0,0,.075),0 0 8px #A67B1D;
}
/*Anmelden - Schriftfarbe*/
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #333333;
}
/* audio player */
.row-player {
	margin-top: 30px;
	margin-bottom: 10px;
	padding-right: 18%;
}
/* End audio player */
/* Master/Slave product.html */ 
#product.detail .product-info .ms-options .default_option,
#product.detail .product-info .ms-options .default_option_selected {
	display: inline-block;
	margin-bottom: 0;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	border: 1px solid #CECECE;
	white-space: nowrap;
	padding: 6px 12px;
	font-size: 16px;
	line-height: 1.42857143;
	border-radius: 3px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: #4C4C4C;
	background-color: #eeeeee;
	margin-bottom: 12px;
}
#product.detail .product-info .ms-options .default_option_selected {
  color: #ffffff;
  background-color: #9B0000;
  border-color: #9B0000;
}
#product.detail .product-info .ms-options .default_option_selected:hover {
	color: #ffffff;
	background-color: #C00000;
	border-color: #9B0000;
}
/* ende Master/Slave product.html */
/* Schriftfarbe/and diversen Stellen */
a {
  color: #9B0000;
  /*color: #a67b1d;*/	
  text-decoration: none;
}
/* ende Schriftfarbe/and diversen Stellen */
.information {
    margin-bottom: 10px;
    border-radius: 4px;
    border: thin solid #060606;
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f;
	padding-right: 10%;
    padding-left: 2%;
    padding-top: 2%;
    padding-bottom: 0%;
}
.vacation {
    margin-bottom: 10px;
    border-radius: 4px;
    border: thin solid #060606;
	background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
	padding-right: 10%;
    padding-left: 2%;
    padding-top: 2%;
    padding-bottom: 0%;
}
.information_startseite {
    margin-bottom: 20px;
    border-radius: 8px;
    border: thin solid #060606;
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f;
	padding-right: 10%;
    padding-left: 2%;
    padding-top: 2%;
    padding-bottom: 2%;
}
 .text-primary-info {
    font-family: pt_sansbold,Helvetica,Arial,sans-serif;
    font-weight: normal;
    color: #6A6A6A;
    font-size: 30px;
    line-height: 33px;
    text-transform: none;
	margin-bottom: 10px;
}
/* verkauft */
.row-verkauft {
	margin-top: 30px;
	margin-bottom: 10px;
	padding-right: 18%;
	/*font-family:'Tangerine', "pt_sansbold", Helvetica, Arial, sans-serif;*/
    font-weight: bold;
    line-height: 1.1;
    color: rgb(128, 0, 0);
    font-size: 16px;
}
.row-verkauft-listing {
    margin-top: 5px;
    margin-bottom: 0px;
    /*font-family:'Tangerine', "pt_sansbold", Helvetica, Arial, sans-serif;*/
    line-height: 1.1;
    color: #9B0000;
    font-size: 16px;
    text-align: center;
}
/* End verkauft */


.categorie-listing .color {
    margin-bottom: 10px;
    background-color: #a67b1d;
    border-radius: 5px;
	padding-bottom: 0px;
}




/* Links: standardmäßig ohne Underline */
a,
a:link,
a:visited {
  text-decoration: none;
}

/* Underline erst bei Hover/Focus (Accessibility) */
a:hover,
a:focus,
a:active {
  text-decoration: underline;
}


/* Navigation: Active & Focus neutralisieren */

.nav > li > a:active,
.nav > li > a:focus {
  background-color: transparent !important;
  color: inherit;
  outline: none;
  box-shadow: none !important;
}


/* Navigation: Active & Focus komplett neutralisieren */

.navbar-nav > li > a:active,
.navbar-nav > li > a:focus {
  background-color: transparent !important;
  color: inherit !important;
  outline: none !important;
  box-shadow: none !important;
}


/* Kategorien-Box: blauen Fokus-Rahmen entfernen */

.box-categories a:focus,
.box-categories a:active {
  outline: none !important;
  box-shadow: none !important;
  background-color: transparent !important;
  color: inherit !important;
}


/* Global: keinen Fokus-/Klick-Rahmen bei Klick */
a:focus,
a:active,
button:focus,
button:active,
[role="button"]:focus,
[role="button"]:active {
  outline: none !important;
  box-shadow: none !important;
}