/***************************
Add your custom styles below
****************************/

/*
farben geändert in theme.css:
#232323 in  d8d2c9

#F8F8F8 in #d8d2c9

*/

body {
    font-family: 'Helvetica', 'Arial', sans-serif;
}    

.masonry--white_gaps .masonry__item   {
  padding: 0px;
  border-color:#fff;
  border-style:solid;
  border-width:4px;
  margin-bottom: 0 !important;
}



.nav-bar .nav-module  { 
	border:0px;  
}
.masonry-shop {
	background-color:#fff;  
}
 
.masonry__white {
	  padding-top:20px;
	  background-color:#fff;
}	  
 
.container-fluid .bg--dark { background-color:#900;  color: #fff; }

 
 

h1 { font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; 
  font-size: 6em;
  color:#000; 
  letter-spacing: 0em; 
  font-weight: 100;
} 




 
 
  
.utility-bar:not(.hidden) + .nav-bar + .nav-mobile-toggle {
  top: 35px;
}
 
 
.menu {
  height: 35px;
}
.menu li {
  position: relative;
}
.menu > li {
  position: relative;
  float: left;
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0px;
  font-family: 'Helvetica', 'Arial', sans-serif;
}
 
 
 
 
 
 
.navSocialContainer {
	position:absolute; 
	right:25px; 
	top:200px; 
	z-index:10;
	width:40px;
	height:130px; 
	color: #d8d2c9;
}
.navSocialBoxes {
  background-color: #94c01b; 
  width:30px; 
  height:30px; 
  padding-left:2px; 
  margin: 2px; 
  margin-top:1px;color: #d8d2c9;
}

.navContainer {
	position:absolute; 
	left:0px; 
	top:0px; 
	width:100%; 
	z-index:10;color: #d8d2c9;
}
 
 
 
.nav-bar {
  will-change: scroll-position, transform;
  height: 35px;
  max-height: 35px;
  line-height: 32px;
  position:absolute;
  top:0px; 
  left:0px; 
  height:60px; 
  width:100%;
  margin:0px; 
  padding:0px;
}

.nav_bar_second_line {
	height:35px;  
	background:#fff;  
}

.nav-bar .nav-module {
  display: inline-block;
  height: 35px;
  padding: 0 1em;
}
.nav-bar.nav--transparent .menu > li > a {
    color: #000;
}

.nav-bar.nav--transparent  .menu > li > a.nav-module-href-light {
    color: #fff;
}

.nav-bar.nav--transparent:not(.nav--scrolled):not(.nav--fixed) .menu > li > a {
    color: #000;
}

.nav-bar.nav--transparent:not(.nav--scrolled):not(.nav--fixed)  .menu > li > a.nav-module-href-light {
    color: #fff;
}

.multi-column .multi-column__title {
    color: #000;
}

.multi-column li ul li a {
    color: #000;
}

@media (min-width: 991px) {
  .menu {
    height: 35px;
  }
  .nav-bar {
    height: 35px;
    max-height: 35px; 
    opacity: 1 !important;
  }  
  .type--fade {
    opacity: .9;
  } 
}

@media (max-width: 990px) {
  .menu {
    height: 35px;
    max-height: 35px;
    opacity: 0.9;
  }
  .nav-bar {
    height: auto; 
    max-height: 35px;
    opacity: 0.9;
  }
  .nav_bar_second_line { 
    background-color:#000; 
    height:auto;
    overflow:hidden;
    opacity: 0.9;
  }
  .nav-bar.nav--transparent:not(.nav--scrolled):not(.nav--fixed) .menu > li > a {
    color: #fff;
  }
  .multi-column .multi-column__title {
    color: #000;
  }
  .multi-column li ul li a {
    color: #000;
  }
  h1 {  
   font-size: 4em; 
  } 
}

@media (max-width: 990px) {
  .menu {
    height: 35px;
    max-height: 35px;
    opacity: 1;
  }
  .nav-bar {
    height: auto; 
    max-height: 35px;
    opacity: 1;
  }
  .nav_bar_second_line { 
    background-color:#000; 
    height:auto;
    overflow:hidden;
    opacity: 1;
  }
  .nav-bar.nav--transparent:not(.nav--scrolled):not(.nav--fixed) .menu > li > a {
    color: #fff;
  }
  .multi-column .multi-column__title {
    color: #000;
  }
  .multi-column li ul li a {
    color: #000;
  }
  h1 {  
   font-size: 3em; 
  } 
}

.modal-container .modal-content:not(.height--natural) {
  width: 70%;
  height: 70%;
  border: 10px solid black;
}
/*  für Navigation */
.bg--dark {
    background: #000;
}


/* Frontpage - index.php - kann ggf wieder entfernt werden */

.hlIndexHDelimiter {
	font-size:50px; float:left;
}

.hlIndexHDelimiter h6 {   line-height:80px;display:inline;margin:0px;}

.hlFrontPageFooter  a, h6  { color:#000 !important; } 
.hlFrontPageFooter  h6  { 
	line-height:80px;display:inline;margin:0px; float:left;
	} 
.hlFrontPageFooterLine  {
	line-height:20px;
	display:inline;margin:0px;float:left;
}
.hlFrontPageFooterDelimiter {
height:40px; width:2px; background-color:#000;; 
  		margin:5px; margin-top:20px; margin-bottom:50%; float:left;
 }
 
 .affix {
      top: 200px; 
      right: 10px;
  }
  
  .hllogo {
  	height: 120px; 
  	margin:30px; 
  	padding:0px;
  }
  
  .hltopspace {
  	height: 60px; 
  	margin:30px; 
  	padding:0px;
  }
  
  [class^="icon-"], [class*=" icon-"] {
	font-family: 'iconsmind';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.btn.btn--square {
  border-color: #333;
  border-width: 1px;
}

.input {
  border-color: #333;
  border-width: 1px;
}
input[type='text']:focus,
input[type='address']:focus,
input[type='url']:focus,
input[type='password']:focus,
input[type='email']:focus,
input[type="search"]:focus,
input[type="tel"]:focus{
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
  border-color: #333; 
}

input[type='text'],
input[type='address'],
input[type='url'],
input[type='password'],
input[type='email'],
input[type="search"],
input[type="tel"]{
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
  border-color: #333; 
  margin-left:10px;
  padding-left:10px;
}
 
 
 
 
.modal-container .modal-content .modal-close-cross {
  width: 3.4375em;
  height: 3.4375em;
  background: #94c01b;;
  text-align: center;
  border-radius: 50%;
}
.modal-container .modal-content .modal-close-cross:before {
  font-size: 2em;
  color: #fff;
  line-height: 2.0em; 
}



#startseitentext h1  { font-size:1.5em; font-weight:bold; }
#startseitentext h2  { font-size:1.5em; font-weight:bold; }
#startseitentext h3  { font-size:1.5em; font-weight:bold; }
 

input[type="text"], input[type="password"], #cartfield, .xflypagequanitty,  .btn.btn--square, select { 
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12), 0 3px 2px rgba(0, 0, 0, 0.24)  !important;
    border:1px solid black; 
    margin:3px;
    border-radius: 0px;
}
 
.parallax, .masonry-shop { text-shadow: 5px 1px 8px #333; }
.shop-item__title, .shop-item__price { text-shadow: 5px 1px 8px #fff; }

input[type="search"]:focus,
input[type="tel"]:focus{
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
  border-color: #333; 
}
th {  font-size: 1.2em; font-weight: 600; }

.hr_dotted { border: dotted #d5d5d7 2px; width: 100%; border-left:0px; border-right:0px; border-top:0px;  }

.container-fluid { padding-right:0px; }
.affix {  right: 0px; } 
 
// die Filter ausgeben ...
 .masonry__filters.masonry__filters--outside {
    position: absolute;
    width: 100%;
    z-index: 5;
    top: -3.25em;
    background: none !important;
    padding: 0;
    text-shadow: 0 0 black;
}

a.small { font-color:#767676; }



.navSocialBoxes { 
  color: #fff;
  font-size:1.6em;
  text-align:right;
  padding:2px;
}

body {
  font-size:0.9em;
  font-weight: 100;
  color:#000;
}

.accordion li .accordion__title {
  border: 0px;
  background: #fff;
}

.accordion li.active .accordion__title {
  background: #fff;
  border: 0px;
}

.accordion li:not(.active):hover .accordion__title {
  background: #fff;
}

.accordion li:last-child .accordion__title {
  border-bottom: 0px;
}

.accordion__content{
  border: 0px; 
}

.navSocialContainer { 
    right: 45px;
}
    
section, footer { 
  padding-top: 4.0em;  
}

.shop-item-detail h3  {
  font-size: 2em; 
  margin-bottom: 0em;
  margin-top:0em; 
  line-height:1em;  

}

.language-modal {
  background: none;
}

@media all and (-ms-high-contrast:none) {
     .navSocialContainer { display:none; } /* IE10 */
     *::-ms-backdrop, .navSocialContainer { display:none; } /* IE11 */
} 

.product_micro_frame {
	border: 0px solid black;
  height: 500px; 
  overflow: hidden;
  float:left; margin-left:10px; 
  text-align:center;
  min-width:180px;
}

.browse_product_micro{
	text-align:center; 
  margin:10px auto;
  position:relative;
  width:100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}




  .hover-element__reveal .boxed {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .menu_multicolumn_arrow{
    float:right; align:right;
  } 


@media (min-width: 991px) {
  
}

@media (max-width: 990px) {
  .multi-column {
    height:200px; 
    overflow:auto;" 
  }
  .navSocialContainer {
	  position:absolute; 
	  right:10px; 
	  top:50px;  
  }
  .affix {
      top: 50px; 
      right: 10px;
  }
  
}
@media  (max-width: 750px) {
   .background-image-holder.background--top {
    background-position: 50% 0% !important;
    height: 200%;
  } 
   .height-100 {
    height: 100%;
  }
  .sectionh1 { margin-top:35%; } 
  
  img { max-width: 70%; margin-left:15%; margin-right:15%; }
}

.wide-grid-hidden { display: none; }