/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

/* damion-regular - latin */
@font-face {
  font-family: 'Damion';
  font-style: normal;
  font-weight: 400;
  src: local('Damion'),
       url('../fonts/damion-v9-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/damion-v9-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

html, #wrapper {
  background-image: url("../images/bg-body.jpg");
}

#header,
#header .header-top,
#header .header-nav {
  background-color: #1B1F2B;
  color: #FFF;
}

#header .header-nav{
  border-bottom: 2px solid #4a9e4b;
  margin-bottom: 10px;
}

#header .header-top {
  border-bottom: 5px solid #4a9e4b;
  padding-bottom: 0;
}

#header .header-top .menu {
  margin-bottom: 0;
}

#header .header-top a[data-depth="0"] {
  color: #FFFFFF;
}

#header .header-top a[data-depth="0"]:hover, #header .header-top a[data-depth="0"]:focus, #header .header-top a[data-depth="0"]:active  {
    color: #4a9e4b;
    text-decoration: none;
}

.top-menu a[data-depth="0"] {
  min-height: 53px;
}

.top-menu .sub-menu ul[data-depth="1"]>li {
  list-style: square;
  display: list-item;
  float: none;
}

.top-menu ul[data-depth="1"] li:hover {
  color: #4a9e4b;
}

#header a {
    color: #FFFFFF;
    text-decoration: none;
}

a {
    color: #666666;
    text-decoration: none;
}

#header a:hover, #header a:focus, #header a:active,
a:hover, a:focus, a:active  {
    color: #4a9e4b;
    text-decoration: none;
}

.top-menu  {
  margin-bottom: 0;
}

.top-menu .sub-menu{
  background-color: #1B1F2B;
  border-bottom: 2px solid #4a9e4b;
  border-left: 2px solid #4a9e4b;
  border-right: 2px solid #4a9e4b;
  margin-left: calc(25% + 6px);
  width: initial;
  min-width: calc(50% - 21px);
  min-height: 50px;
}

#header .header-nav .blockcart {
  background-color: #4a9e4b;
}

#header .header-nav .cart-preview .shopping-cart {
  color: #FFFFFF;
}

#header #hauptmenue ul {
  margin-bottom: 0 !important;
}

#header #hauptmenue ul li {
  list-style: none;
  display: inline-block;
}

#header #hauptmenue ul li a {
  display: block;
  padding: .9375rem 2.5rem 0 0;
}


.block_newsletter p,
.block_newsletter {
  color: #FFFFFF !important;
  padding-left: 0;
  padding-right: 0;
  padding-top: 15px;
}

.block_newsletter h1, .block_newsletter h2, .block_newsletter h3 {
  font-family: "Damion",sans-serif;
  font-weight: 400;
}

.block_newsletter .name {
  font-size: 1.5rem;
  color: #4a9e4b;
  font-family: "Damion",sans-serif;
  font-weight: 400;
}

.block_newsletter hr {
  background-color: #FAFAFA;
}

#footer {
  background-color: #1B1F2B;
  border-bottom: 5px solid #4a9e4b;
  margin-bottom: 50px;
}

#footer {
  background-image: url("../images/bg-dark.jpg");
  background-size: cover;
}

#footer .footer-container {
  background-color: #FFFFFF;
}

.html-blocks {
  background-color: #FFFFFF;
  padding: 15px;
  margin-bottom: 1.5rem;
}

#content .html-blocks {
  border-bottom: 5px solid #4a9e4b;
}

.html-block ul {
  list-style: square;
}

.html-block ul li {
  margin-left: 20px;
}

.html-block.startseite-inhalt,
.html-block.startseite-inhalt1 {
  width: calc(50% - 25px);
  display: inline-block;
  float: left;
}
.html-block.startseite-inhalt + .html-block.startseite-inhalt1 {
  margin-left: 50px;
}

#footer .html-blocks {
  background-color: transparent;
  padding: 0 0 0 0;
  margin-bottom: 1.5rem;
}

#footer .html-block {
  background-color: #FFFFFF;
}

#footer a {
    color: #7a7a7a;
    text-decoration: none;
}

#footer a:hover, #footer a:focus, #footer a:active {
    color: #4a9e4b;
    text-decoration: none;
}

h1 {
  font-family: "Damion",sans-serif;
  font-weight: 400;
  font-size: 2em;
}

#wrapper .banner img {
  box-shadow: none;
}

.block-category {
    min-height: 70px;
}

#gdpr_consent .custom-checkbox input[type=checkbox]+span {
  margin-right: 5px;
  float: left;
}

#gdpr_consent .custom-checkbox label {
  width: 95%;
}

.contact-form .html-blocks {
  margin-bottom: 0;
  padding: 0;
}

.contact-form .html-blocks .html-block p {
  margin-bottom: 0;
}

div.description-text {
  position: relative;
  max-width: 452px;
  margin: 0 auto;
  box-shadow: 2px 2px 8px 0 rgba(0,0,0,.2);
  background: #fff;
  padding: 1.25rem 1.875rem;
  
}


div.html-block.footer-kontakt {
  background: transparent !important;
}

div.html-block.footer-kontakt p {
  color: #FFFFFF;
}

div.html-block.footer-kontakt h1, div.html-block.footer-kontakt h2, div.html-block.footer-kontakt h3 {
  font-family: "Damion",sans-serif;
  font-weight: 400;
  color: #4a9e4b;
}

body#checkout #footer {
  box-shadow: none;
  padding: 0;
  background: #fff;
  color: #000000;
}


body#checkout #footer .footer-container {
  box-shadow: none !important;
}

#search_widget {
  overflow: hidden !important;
}

@media (max-width: 767px){
  .container .row {
    margin-left: initial;
    margin-right: initial;
  }
  .block_newsletter {
    padding-bottom: .625rem;
    border-bottom: 1px solid #FAFAFA;
  }
  #header .header-top .search-widget {
    width: 100%;
    margin-bottom: 10px;
  }
  
  #mobile_top_menu_wrapper .top-menu .sub-menu {
    border: none;
    margin-left: 10px;
  }
  
  #mobile_top_menu_wrapper .top-menu .sub-menu li>a ,
  #header .header-top a[data-depth="0"] {
    color: #232323;
  }
  
  #header .header-nav .user-info {
    height: 3rem;
    padding: .75rem;
    margin-left: .9375rem;
    text-align: center;
    white-space: nowrap;
    margin-top: 0;
  }
  .html-block.startseite-inhalt,
  .html-block.startseite-inhalt1 {
    width: 100%;
    display: inline-block;
    float: none;
  }
  .html-block.startseite-inhalt + .html-block.startseite-inhalt1 {
    margin-left: 0;
  }
  .footer-container .wrapper {
    padding-left: 15px!important;
    padding-right: 15px!important;
  }
  
  .html-block.kontaktinformationen {
    margin-top: 25px;
    text-align: center;
  }

}

@media (max-width: 991px){
  #header .header-top .search-widget {
    margin-bottom: 10px;
  }
}