#blazy-views-bewertungen-block-block-1-3 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 24px;
  row-gap: 12px;
}

.field--name-field-elabels {
  margin-top: 25px;
  border: 1px solid;
  display: inline-block;
  padding: 3px 7px 3px 5px;
  border-radius: 1px;
}

.field--name-field-elabels  a{
  font-size: 0.01em;
  
  position: relative;
}

.field--name-field-elabels a:before {
  content: "";
  width: 24px;
  height: 24px;
  display: block;
  mask-image:url(/sites/default/files/label.svg);
  mask-size: cover;
  mask-repeat: no-repeat;
  background: #6f6c59;
  position: relative;
  float: left;
  margin-top: 1px;

}

.field--name-field-elabels a:after {
  content: "Zutaten & Nährwerte";
  font-size: 12px !important;
  color: #383838 !important;
  font-weight: bold;
} 

#block-qrimage {
  width: 100px;
  height: auto;
  border: 1px solid;
  margin-bottom: 36px;
  padding: 6px;
}
#edit-agree-terms .error.has-error:after {
  content: "* Notwendig, um die Bestellung prüfen und fortzusetzen zu können.";
  margin-top: 25px !important;
  margin-bottom: 36px;
  display: block;
  font-weight: bold;
  background: #b6615f;
  padding: 5px 10px;
  color: #fff;
}

.layout-region-checkout-secondary .checkout-pane-order-summary {
  padding: 15px !important;
}

.side-flyout,
.cart--cart-offcanvas {
  background: #4b493c !important;
}


.cart-block--summary__count {
   display: none;
}

.cart-block--offcanvas-cart-table.table {
  max-width: 200px !important;
  width: 100px;
}

.commerce-checkout-flow-multistep-default .form-control {
  border-color: #4b493c;
  color: #4b493c;
}

.commerce-checkout-flow-multistep-default [type="checkbox"] + label::after,
.commerce-checkout-flow-multistep-default [type="radio"] + label::before, [type="radio"] + label::after { 
  border: 2px solid #6f6c59 !important;
}

#edit-order-summary {
  background: rgba(75,70,60,0.15);
}

#paypal-buttons-container::before {
  content: "Wählen Sie ihre bevorzugte Zahlungsmethode um die Bestellung abzuschließen.";
  text-align: center;
  width: 100%;
  display: flex;
  height: 75px;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  line-height: 120%;
}

#edit-review-payment-information .field--name-label {
  margin-bottom: 10px;
  font-weight: 600;
}
#edit-review-shipping-information .field--label {
  margin-top: 10px;
  font-weight: bold;
}


.view-bewertungen {
  max-width: 1140px;
  margin: 50px auto;
}

.view-bewertungen h3 {
  font-size: 20px;
}

.view-bewertungen .grid{
  background: #f5f5f3;
  padding: 20px;
}

.view-bewertungen .grid img {
  border: 1px solid #c5c4bc;
  margin: 15px auto;
  max-height: 340px;
  width: auto;
}
.view-bewertungen .views-field-edit-node a {
  border: 1px solid;
  padding: 2px 6px;
  font-size: 12px;
  margin-top: 12px;
  display: inline-block;
}

.view-bewertungen .view-header a.bewertungen {
  color: #5e5c50 !important;
}

.view-bewertungen .view-header .bewertungen {
  border: 1px solid #5e5c50;
  padding: 2px 6px;
  margin: 0px 10px;
}

.view-bewertungen .view-header {
  margin: 0px 10px;
  display: flex;
  justify-content: center;
  font-size: 12px;
  margin-bottom: 24px;
  margin-top: -36px;
}


.commerce-order-item-add-to-cart-form .button.is-disabled:before {
 opacity: 1;
  content: "nicht verfügbar";
  border: 1px solid;
  font-size: 12px;
  color: #fff !important;
  transform: rotate(-10deg);
  position: absolute;
  right: 10px; 
  left: auto;
  bottom: 140px;
  background-image: none;
  background-color: #4b493c;
  width: 120px !important;
  display: flex;
  justify-content: center;
  align-items: center;
}


.node--view-mode-slideshow .img-responsive {
  width: 100%;
}

#edit-gewinnspiel {
  background-color: #e4e4e1;
  padding: 25px;
  margin-bottom: 50px !important;
}

#block-gewinnspiel [type="checkbox"] + span + label,
#block-gewinnspiel [type="checkbox"] + label,
#block-gewinnspiel [type="radio"] + span + label,
#block-gewinnspiel [type="radio"] + label {
  font-size: 16px;
  font-weight: bold; }

#edit-newsletter--description, 
#edit-teilnahmebedingungen--description, 
#edit-teilnahmeberchtigung--description {
  font-size: 14px;
}

#block-gewinnspiel [type="checkbox"]:not(:checked) + label:after {
    top: 2px;
    z-index: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #babad3;
    background-color: transparent; }

#block-gewinnspiel [type="checkbox"] + label {
    position: relative;
    display: inline-block;
    padding-left: 30px;
    line-height: 25px;
    cursor: pointer;
    -webkit-user-select: none; }



#block-gewinnspiel .webform-submission-form  {
    border: 3px solid #000;
  padding: 36px;
  position: relative;
  margin-top: 75px;
  margin-bottom: 25px;
}

#block-gewinnspiel .form-control {
  border-width: 1px;
  font-weight: bold;
  box-shadow: none; }

#block-gewinnspiel .form-item {
  position: relative;
}

#block-gewinnspiel label {
  display: inline-block;
  position: absolute;
  max-width: 100%;
  margin-bottom: 0px;
  font-weight: bold;
  top: -12px;
  left: 10px;
  background-color: #fff;
  padding-left: 10px;
}

#block-gewinnspiel label.option {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 0px;
  font-weight: bold;
  top: 0px;
  left: 0px;
  background-color: #fff;
  
}

#block-gewinnspiel .form-control {
  font-weight: 400;
  min-height: 55px;
  padding-left: 20px;
}

#block-gewinnspiel .form-group {
	margin-bottom: 25px;
}


#block-gewinnspiel h2 {
	font-family: 'Saira';
	font-style: normal;
	font-weight: 300;
  font-size: 48px;
  margin: 0px;
}

#block-gewinnspiel a {
  text-decoration: underline !important;
  
}

#block-gewinnspiel #edit-pflichtfeld {
  font-size: 12px;
  
}


.path-webform .breadcrumb {
  display: none;
}

.webform-confirmation {
  margin-top: 75px;
  margin-bottom: 75px;
}

.webform-confirmation .webform-confirmation__message {
  border: 2px solid #6f6c59;
  text-align: center;
  padding-top: 150px;
  padding-bottom: 150px;
  font-size: 20px;
}

.webform-confirmation .webform-confirmation__back{
  display: flex;
  justify-content: center;
  margin-top: 75px;
}

.webform-confirmation .webform-confirmation__back a {
  text-align: center;
  border: 2px solid #6f6c59;
  max-width: 200px;
  display: inline-block;
  padding: 10px;
  font-weight: 400;
  
}

.webform-confirmation .webform-confirmation__back a:hover {
  background-color: #6f6c59;
  color: #fff;
  font-weight: 400;
}
@media (max-width:768px) {
#blazy-views-bewertungen-block-block-1-3 {
  display: grid;
  grid-template-columns: 1fr;
  }}