/* Jiggy, Cookie Notice
 * ******************************/
/* .cookie-notice {
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  z-index:1090;
  background:#363038;
  color:#fff;
  font-size:.875rem;
  line-height:1.3;
  display:none;
}
.cookie-notice a {
  color:#fff;
  text-decoration: underline;
}
.cookie-notice .container {
  padding:1rem 0;
  position:relative;
  margin:0 auto;
  width:950px;
}
.cookie-notice .cookie-notice-content {
  padding-right:50px;
}
.cookie-notice .cookie-notice-content :last-child {
  margin-bottom:0;
}
.cookie-notice .close {
  position:absolute;
  right:1rem;
  top:1rem;
} */

/* Klaro
*********************************/
.klaro {
  --green1: #97bf0d;
  --white2: #888;
}
a.privacy svg {
  width: 16px;
  height: 16px;
  vertical-align: middle;
}
a.privacy path {
  fill: #9c9e9f;
  transition: fill .2s ease;
}
a.privacy:hover path {
  fill: #97bf0d;
}

/* Seite, Standard
*********************************/
.page-standard {
  margin:0 0 40px 0;
}

/* Seite, Store
*********************************/
.store-banner {
  margin:0 0 30px 0;
  border-bottom:solid #b1b3b4 1px;
  line-height:54px;
  font-size:15px;
}
.store-banner .store-image {}
.store-banner .store-image img {
  display:block;
}
.store-banner .store-info {
  height:54px;
  overflow:hidden;
  font-weight:bold;
}
.store-banner .store-info a {
  color:#000;
}
.store-banner .store-info .tel {
  float:left;
  margin:0 40px 0 0;
  padding:0 0 0 30px;
  background:url(/assets/images/icon-tel.png) 0 50% no-repeat;
}
.store-banner .store-info .mail {
  float:left;
  margin:0 40px 0 0;
  padding:0 0 0 30px;
  background:url(/assets/images/icon-mail.png) 0 50% no-repeat;
}
.store-banner .store-info .address {
  float:left;
  margin:0 40px 0 0;
  padding:0 0 0 35px;
  background:url(/assets/images/icon-address.png) 0 50% no-repeat;
}

/* Galerie, Fancybox
********************************/
.gallery {
  margin:0 0 15px 0;
}
.gallery ul {
  margin:0;
  padding:0;
  list-style:none;
}
.gallery ul li {
  margin:0 10px 10px 0;
  padding:0;
}
.gallery ul li img {
  display:block;
}

/* Galerie, Cycle
********************************/
.cycle {
  margin:0 0 15px 0;
}
.cycle ul {
  margin:0;
  padding:0;
  list-style:none;
  width:100%;
  height:200px;
  position:relative;
  overflow:hidden;
}
.cycle ul li {
  margin:0;
  padding:0;
  position:absolute;
  left:0;
  top:0;
}
.cycle ul li img {
  display:block;
}


/* Artikel, Standard
*********************************/
.articles {
  margin:0 0 30px 0;
}
.articles .article {
  clear:both;
  border-top:solid #b1b3b4 1px;
  padding:15px 0 0 0;
  margin:0 0 15px 0;
}
.articles .article .article-image {
  width:460px;
  float:left;
  margin:5px 15px 10px 0;
}
.articles .article .article-content {
  width:475px;
  float:left;
}

/* Artikel, Produktuebersicht
*********************************/
.articles-overview {
  margin:0 -16px 0 0;
}
.articles-overview .category {
  clear:both;
  //border-bottom:solid #b1b3b4 1px;
  margin:0 0 50px 0;
  padding:0 0 15px 0;
}
.articles-overview .category h2 {
  border-bottom:solid #b1b3b4 1px;
  margin:0 16px 40px 0;
  padding:0 0 10px 0;
}
.articles-overview .category .haendlersuche {
  clear:both;
}

.articles-overview .article {
  margin:0 16px 16px 0;
  float:left;
  width:306px;
}
.articles-overview .article .article-image {
  height:310px;
  margin:0 0 10px 0;
  background:#ECEDED;
  border-radius:5px 5px 0 0;
  overflow:hidden;
}
.articles-overview .article .article-content {
  //min-height:103px;
}
.articles-overview .article .article-link {}
.articles-overview .article .article-link a {
  display:block;
  padding:0 0 0 15px;
  color:#87888a;
  text-decoration:none;
  font-weight:700;
  transition:color .2s;
  background:url(/assets/images/icon-rarr-green.svg) no-repeat 0 50%;
}
.articles-overview .article .article-link a:hover {
  color:#1a171b;
}

/* Artikel, Start
*********************************/
.articles-start {
  margin:-150px -16px 0 0;
  position:relative;
  z-index:99998;
}
.articles-start .article {
  margin:0 16px 16px 0;
  float:left;
  width:306px;
}
.articles-start .article .article-link-top {
  display:block;
  text-decoration:none;
}
.articles-start .article .article-header {
  height:110px;
}
.articles-start .article .article-header h2 {
  height:60px;
  padding:25px 25px;
  line-height:30px;
  font-size:35px;
  font-weight:900;
  letter-spacing:-.15rem;
  text-shadow:1px 1px 1px rgba(0,0,0,.75);
  color:#fff;
  background:#97bf0d;
  border-radius:5px 5px 0 0;
}
.articles-start .article .article-image {
  height:310px;
  margin:0 0 10px 0;
  background:#ECEDED;
}
.articles-start .article .article-content {
  height:103px;
}
.articles-start .article .article-link {
  border-top:solid #b1b3b4 1px;
  padding:10px 0 0 0;
}
.articles-start .article .article-link a {
  display:block;
  padding:0 0 0 15px;
  color:#87888a;
  text-decoration:none;
  font-weight:700;
  transition:color .2s;
  background:url(/assets/images/icon-rarr-green.svg) no-repeat 0 50%;
}
.articles-start .article .article-link a:hover {
  color:#1a171b;
}


/* Artikel, Carousel
*********************************/
.carousel-container {
  overflow:hidden;
  position:relative;
  width:950px;
  height:460px;
  margin:0 0 30px 0;
}
.carousel-container .carousel {
  width:20000em;
  height:460px;
  position:relative;
}
.carousel-container .carousel .article {
  float:left;
  position:relative;
  width:950px;
  height:460px;
}
.carousel-container .carousel .article .article-image {
  position:absolute;
  left:0;
  top:0;
  z-index:1;
  background:#888;
  width:950px;
  height:460px;
}
.carousel-container .carousel .article .article-content {
  position:absolute;
  left:640px;
  top:20px;
  z-index:2;
  width:270px;
  color:#fff;
  font-size:20px;
  line-height:38px;
}
.carousel-container .carousel .article .article-content h2 {
  font-size:20px;
  line-height:38px;
  font-weight:700;
  color:#1a171b;
  letter-spacing:0;
  font-family:verdana,sans-serif;
  margin:0;
}

.carousel-container .prev {
  height:70px;
  width:35px;
  position:absolute;
  left:10px;
  top:195px;
  z-index:9999;
  background:url(/assets/images/icon-larr-thin-green.svg) no-repeat;
  background-size:35px 70px;
  cursor:pointer;
}
.carousel-container .next{
  height:70px;
  width:35px;
  position:absolute;
  right:10px;
  top:195px;
  z-index:9999;
  background:url(/assets/images/icon-rarr-thin-white.svg) no-repeat;
  background-size:35px 70px;
  cursor:pointer;
}

/* Artikel, Carousel, Banner
*********************************/
.carousel-banner {
  width:100%;
  height:530px;
  z-index:1;
  margin:0;
}
.carousel-banner .carousel {
  height:530px;
}
.carousel-banner .carousel .article {
  width:100%;
  width:1080px;
  min-width:1080px;
  height:530px;
}
.carousel-banner .carousel .article .article-image {
  width:100%;
  height:530px;
  background:#ECEDED no-repeat 50% 50%;
  background-size:cover;
}
.carousel-banner .carousel .article .article-content {
  position:absolute;
  left:50%;
  top:0px;
  z-index:2;
  width:950px;
  margin:0 0 0 -475px;
  padding:50px 0 0 0;
}
.carousel-banner .carousel .article .article-content h4 {
  font-size:80px;
  line-height:70px;
  font-weight:900;
  color:#fff;
  text-shadow:1px 1px 1px rgba(0,0,0,.75);
  letter-spacing:-.35rem;
  margin:0 0 40px 0;
  text-indent:-65px;
}
.carousel-banner .carousel .article .article-content .article-link a {
  display:inline-block;
  color:#fff;
  font-size:17px;
  line-height:25px;
  padding:0 0 0 15px;
  background:url(/assets/images/icon-rarr-green.svg) no-repeat 0 50%;
}
.carousel-banner .prev {
  top:230px;
}
.carousel-banner .next{
  top:230px;
}

/* Anfahrt
***************************/
form.anfahrt {
  background:#97bf0d;
  margin:0;
  padding:15px;
  border-radius:5px 5px 0 0;
}

/* Formulare
**************************/
form p {
 clear:both;
  margin:0 0 15px 0;
}

fieldset {
  margin:0 0 15px 0;
  padding:0;
  border:0;
}
fieldset legend {
  display:block;
  width:585px;
  font-size:16px;
  margin:0 0 15px 0;
  padding:0;
  background:url(/assets/images/hr.png) 0 50% no-repeat;
}
fieldset legend span {
  background:#fff0de;
  padding:0 10px 0 0;
}

label.block,
span.label-block {
  display:block;
}
label.indent,
span.label-indent {
  width:170px;
  margin:0 10px 0 0;
  float:left;
}
.required label:after,
.required-span span.label:after,
.required-span span.label-indent:after,
.required-span span.label-block:after {
  content:'*';
}
input[type=text],
input[type=number],
input[type=email],
input[type=password],
textarea,
select {
  width:260px;
  margin:0;
  padding:3px;
  border:solid #fff 1px;
  box-sizing:border-box;
}
input[type=text]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=password]:focus,
textarea:focus,
select:focus {
  margin:0;
  border:solid #fff 1px;
}
textarea {
  width:350px;
  height:120px;
}
select {
  width:auto;
}
a.btn,
input[type=submit] {
  display:inline-block;
  box-sizing:border-box;
  margin:0;
  padding:5px 10px 5px 25px;
  border:0;
  line-height:20px;
  cursor:pointer;
  background:#97bf0d url(/assets/images/icon-rarr-white.svg) no-repeat 10px 50%;
  color:#fff;
  font-weight:700;
  text-decoration:none;
  transition:background .2s;
}
input[type=submit]::-moz-focus-inner {
  border: 0;
}
a.btn:hover,
input[type=submit]:hover {
  background-color:#84a70b;
}
input.btn-black,
a.btn-black {
  background-color:#000;
}
input.btn-black:hover,
a.btn-black:hover {
  background-color:#333;
}
.sendmail_emptyfield1 label,
label.sendmail_emptyfield1 {
  color:#f00;
}
.sendmail_emptyfield1 input.text,
input.sendmail_emptyfield1,
.sendmail_emptyfield1 textarea {
  border-color:#f00;
}
.message {
  border:solid #f6e468 1px;
  background:#ffffdb;
  padding:5px;
  margin:0 0 .8em 0;
}


/* Formular, Newsletter
**************************/
form.newsletter {
  background:#97bf0d;
  border-radius:5px;
  padding:50px 195px;
}
form.newsletter a {
  color:#fff;
}
form.newsletter .col-left {
  float:left;
  width:260px;
  margin:0 40px 0 0;
}
form.newsletter .col-right {
  float:left;
  width:260px;
}
form.newsletter label.hidden {
  width:1px;
  height:1px;
  position:absolute;
  top:-10px;
  overflow:hidden;
}
form.newsletter #plz {
  float:left;
  width:80px;
  margin:0 15px 0 0;
}
form.newsletter #ort {
  float:left;
  width:165px;
}
form.newsletter .submit {
  text-align:right;
}

form.newsletter input[type="number"]::-webkit-outer-spin-button,
form.newsletter input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
form.newsletter input[type="number"] {
    -moz-appearance: textfield;
}

/* Händlersuche, Flagship-Stores
************************************/
.flagship-stores ul {
  margin:0 -16px 30px 0;
  padding:0;
  list-style:none;
}
.flagship-stores ul li {
  margin:0 16px 0 0;
  padding:0;
  float:left;
  width:306px;
}
.flagship-stores ul li a {
  display:block;
  text-decoration:none;
}
.flagship-stores ul li h2 {
  padding:25px 25px;
  line-height:30px;
  font-size:35px;
  font-weight:900;
  letter-spacing:-.15rem;
  text-shadow:1px 1px 1px rgba(0,0,0,.75);
  color:#fff;
  background:#97bf0d;
  border-radius:5px 5px 0 0;
  margin:0;
}
.flagship-stores ul li .image {
  height:143px;
  margiun:0 0 10px 0;
}
.flagship-stores ul li .info {
  padding:15px 25px;
  background:#dadadc;
}
.flagship-stores ul li .info .tel {
  font-weight:bold;
}
.flagship-stores ul li .info .mail {
  font-weight:bold;
}
.flagship-stores ul li .info .mail a {
  font-weight:bold;
  color:#000;
  display:inline;
}
.flagship-stores ul li .website {
  padding:0 40px;
  font-size:16px;
  font-weight:bold;
  color:#b1b3b4;
  line-height:50px;
  background:url(/assets/images/icon-rarr-green.svg) 25px 50% no-repeat;
}
.flagship-stores ul li .website a {
  color:#b1b3b4;
  transition:color .2s;
}
.flagship-stores ul li .website a:hover {
  color:#000;
}



/* Händlersuche
***************************/
.haendlersuche form {
  background:#97bf0d;
  margin:0;
  padding:15px;
  border-radius:5px 5px 0 0;
}
.haendlersuche form input[type=text],
.haendlersuche form select {
  border-color:#fff;
}
.haendlersuche .suche-plz {
  float:left;
  clear:none;
  margin:0;
}
.haendlersuche .suche-name {
  float:right;
  clear:none;
  margin:0;
}

.haendlersuche label {
  float:left;
  margin:0 5px 0 0;
}
.haendlersuche label span {
  display:none;
}
.haendlersuche input[type=submit] {
  background-color:#000;
  color:#fff;
}
.haendlersuche input[type=submit]:hover {
  background-color:#333;
}

.haendlersuche #map {
  margin:0 0 30px 0;
  height:690px;
  width:100%;
}

#haendler-results {
  margin:0 -16px 0 0;
}
#haendler-results .result {
  border-top:dotted #888 1px;
  margin:0 16px 16px 0;
  padding:10px 0 0 0;
  width:306px;
  float:left;
}
#haendler-results .result:nth-child(3n+2) {
  clear:both;
}
#haendler-results .result .shop-type {
  float:right;
  margin:0 0 10px 10px;
}