/* 20221213073817 - v2 */
.gui,
.gui-block-linklist li a {
  color: #373735;
}

.gui-page-title,
.gui a.gui-bold,
.gui-block-subtitle,
.gui-table thead tr th,
.gui ul.gui-products li .gui-products-title a,
.gui-form label,
.gui-block-title.gui-dark strong,
.gui-block-title.gui-dark strong a,
.gui-content-subtitle {
  color: #000000;
}

.gui-block-inner strong {
  color: #848484;
}

.gui a {
  color: #ffffff;
}

.gui-input.gui-focus,
.gui-text.gui-focus,
.gui-select.gui-focus {
  border-color: #ffffff;
  box-shadow: 0 0 2px #ffffff;
}

.gui-select.gui-focus .gui-handle {
  border-color: #ffffff;
}

.gui-block,
.gui-block-title,
.gui-buttons.gui-border,
.gui-block-inner,
.gui-image {
  border-color: #9b7a65;
}

.gui-block-title {
  color: #333333;
  background-color: #ffffff;
}

.gui-content-title {
  color: #333333;
}

.gui-form .gui-field .gui-description span {
  color: #373735;
}

.gui-block-inner {
  background-color: #f4f4f4;
}

.gui-block-option {
  border-color: #f0ebe7;
  background-color: #faf8f7;
}

.gui-block-option-block {
  border-color: #f0ebe7;
}

.gui-block-title strong {
  color: #333333;
}

.gui-line,
.gui-cart-sum .gui-line {
  background-color: #d2c3b9;
}

.gui ul.gui-products li {
  border-color: #e1d7d0;
}

.gui-block-subcontent,
.gui-content-subtitle {
  border-color: #e1d7d0;
}

.gui-faq,
.gui-login,
.gui-password,
.gui-register,
.gui-review,
.gui-sitemap,
.gui-block-linklist li,
.gui-table {
  border-color: #e1d7d0;
}

.gui-block-content .gui-table {
  border-color: #f0ebe7;
}

.gui-table thead tr th {
  border-color: #d2c3b9;
  background-color: #faf8f7;
}

.gui-table tbody tr td {
  border-color: #f0ebe7;
}

.gui a.gui-button-large,
.gui a.gui-button-small {
  border-color: #9b7a65;
  color: #000000;
  background-color: #ffffff;
}

.gui a.gui-button-large.gui-button-action,
.gui a.gui-button-small.gui-button-action {
  border-color: #ffffff;
  color: #000000;
  background-color: #ffffff;
}

.gui a.gui-button-large:active,
.gui a.gui-button-small:active {
  background-color: #cccccc;
  border-color: #7c6150;
}

.gui a.gui-button-large.gui-button-action:active,
.gui a.gui-button-small.gui-button-action:active {
  background-color: #cccccc;
  border-color: #cccccc;
}

.gui-input,
.gui-text,
.gui-select,
.gui-number {
  border-color: #ffffff;
  background-color: #ffffff;
}

.gui-select .gui-handle,
.gui-number .gui-handle {
  border-color: #ffffff;
}

.gui-number .gui-handle a {
  background-color: #ffffff;
}

.gui-input input,
.gui-number input,
.gui-text textarea,
.gui-select .gui-value {
  color: #000000;
}

.gui-progressbar {
  background-color: #9b7a65;
}

/* custom */
/* ==== Viewsion CUSTOM SETTINGS START =========================================================== */

/* Seitenhintergrund (weißer Balken über dem Footer) */
#root {
	background-color: #efece7
}

/* Top-Navigation */
#nav .sub ul {
	background-color:#ffffff !important
}

/* Footer */
#footer:before {
	background-color: #e4e0da !important
}
.list-social i.icon-instagram {
	font-size: 40px;
}
#footer .list-social {
	margin-right: 40px;
	margin-left: 40px
}

/* Newsletter */
.form-newsletter {
	margin-top: 200px
}
.form-newsletter button {
	margin: 1px;
	top: 0px;
	height: 48px;
}
.form-newsletter input {
	background-color: #FFFFFF !important
}

/* Copyright */
.copyright>span {
	margin: .2rem
}
.copyright>.shop-name {
	display: none
}
.copyright::after {
	content: "Heimathelden® - eine eingetragene Marke der Kontraststark AG";
}

/* Produkt-Seite */
.theme-product #content .module-welcome figure img {
	filter: blur(30px) brightness(0.80) !important;
}
.accordion-b p {
	max-width: inherit;
}
.accordion-b .header,
.product-container header h2 {
	border-bottom: 1px solid #c5c5c5;
	padding-bottom: 15px;
	margin-bottom: 30px;
}
.product-container header h2 {
	margin-top: 100px;
	text-align: left;
	padding-left: 29px !important;
}
.link-btn.add-to-whishlist {
	justify-content: flex-end;
  position:absolute;
  right:0px;
  margin-top:-20px
}
.link-btn.add-to-whishlist > a {
	padding:0px; min-width:50px !important; border-radius:50%; background-color:#fff;
}
.link-btn.add-to-whishlist > a > i{
	font-size:24px; line-height:44px; margin:0; margin-top:6px
}
.link-btn.add-to-whishlist > a:after {
	border:none
}

/* Kategorie / Produkt-Übersicht  */
.contBottom {margin-top:100px; color: #999999}
.form-filter {
	padding-top: 0px
}
#formFilter ul,
#formFilter p {
	background-color: #ffffff !important;
}
#formFilter>ul {
	padding: 10px 20px 0px 20px;
}
#product-overview {
	padding-top: 140px;
  margin-top:-40px;
  
}
/* Wishlist mobile */
@media (max-width: 480px){
  .gui-wishlist.gui a.gui-button-small {
    min-width:100px !important;
  }
  .gui-wishlist .gui-table tr{
    display:block;
  }
  .gui-wishlist .gui-table td  {
    display:block;
    border:none;
    width:70%;
    float:right;
    padding:5px;
  }
  .gui-wishlist .gui-table td:first-child  {
    float:left;
    width:25%;
  }
  .gui-wishlist .gui-table tr {
    padding-bottom:20px;
    clear:both;
    overflow:hidden;
  }
}


/* Info Icons - auch SVG möglich ------------------------------------------------------------ */

.vsn-ico .info-agb i {
	background-image: url('https://cdn.webshopapp.com/shops/304765/files/341091905/heimathelden-agb.svg');
}
.vsn-ico .info-versand i {
	background-image: url('https://cdn.webshopapp.com/shops/304765/files/341091908/heimathelden-transport-versand.svg');
}
.vsn-ico .info-helden i {
	background-image: url('https://cdn.webshopapp.com/shops/304765/files/341091907/heimathelden-heldenprinzip.svg');
}
.vsn-ico .info-datenschutz i {
	background-image: url('https://cdn.webshopapp.com/shops/304765/files/341091906/heimathelden-datenschutz.svg');
}
.vsn-ico .info-zahlungsarten i {
	background-image: url('https://cdn.webshopapp.com/shops/304765/files/341091911/heimathelden-zahlungsarten.svg');
}
.vsn-ico .info-ueber-uns i {
	background-image: url('https://cdn.webshopapp.com/shops/304765/files/341091910/heimathelden-ueberuns.svg');
}

.vsn-ico i {
  background-position: center center;
  background-repeat:no-repeat;
  background-size:contain;
  margin-left:2%;
  width:30%;
  height:35%;
  opacity:.8;
}
.vsn-ico > li:hover i {
	filter: invert(1);
}
@media only screen and (max-width: 75em) { /* 1200 */
  .vsn-ico i {
    width:100%;
    height:50px;
  }
}

/* Payment Icons - auch SVG möglich + Bezeichnungen  ------------------------------------------------------------ */

/* Banküberweisung */
#gui-payment-wallee-32088+img+span::before {
	background-image: url('https://cdn.webshopapp.com/shops/304765/files/340167044/heimathelden-zahlungsarten-vorkasse-64x64px-srgb.png');
	content: '';
	display: inline-block;
	background-size: 32px 32px;
	width: 32px;
	height: 32px;
	line-height: 46px;
	margin-right: 20px;
}
/* Banküberweisung - Bezeichnung */
.gui-payment-method-service #gui-payment-wallee-32088+img+span .gui-payment-method-name{
	font-size: 0px !important;
}
.gui-payment-method-service #gui-payment-wallee-32088+img+span .gui-payment-method-name:after{
	content: 'Vorauskasse (Versand nach Zahlungseingang)';
	font-size: 16px !important;
}
/* Kredit / Debit */
#gui-payment-wallee-32089+img+span::before {
	background-image: url('https://cdn.webshopapp.com/shops/304765/files/340161457/heimathelden-zahlungsarten-kreditkarte-64x64px-srg.png');
	content: '';
	display: inline-block;
	background-size: 32px 32px;
	width: 32px;
	height: 32px;
	line-height: 46px;
	margin-right: 20px;
}
/* PostFinance */
#gui-payment-wallee-32090+img+span::before {
	background-image: url('https://cdn.webshopapp.com/shops/304765/files/340161459/heimathelden-zahlungsarten-postfinance-64x64px-srg.png');
	content: '';
	display: inline-block;
	background-size: 32px 32px;
	width: 32px;
	height: 32px;
	line-height: 46px;
	margin-right: 20px;
}
/* Rechnung */
#gui-payment-wallee-32091+img+span::before {
	background-image: url('https://cdn.webshopapp.com/shops/304765/files/338596524/heimathelden-altersbeschraenkung18-165x200px.png');
	content: '';
	display: inline-block;
	background-size: 32px 32px;
	width: 32px;
	height: 32px;
	line-height: 46px;
	margin-right: 20px;
}
/* Twint */
#gui-payment-wallee-32092+img+span::before {
	background-image: url('https://cdn.webshopapp.com/shops/304765/files/340155672/heimathelden-zahlungsarten-twint-64x64px-srgb.png');
	content: '';
	display: inline-block;
	background-size: 32px 32px;
	width: 32px;
	height: 32px;
	line-height: 46px;
	margin-right: 20px;
}
.gui-payment-methods img,
#gui-checkout-payment-methods img {
	display: none !important
}

/* Checkout Anpassungen */
.gui-payment-method-service .gui-payment-method-icon {
	height: 30px !important;
}
.gui-payment-methods .gui-payment-method,
#gui-checkout-shipment-methods .gui-block-option {
	border-bottom: 1px solid #d2c3b9;
}
.gui-payment-method.gui-payment-method-service.gui-is-selected {
	border-radius: 0;
	border: none;
	background-color: #DBD9D5;
}
.gui-payment-methods .gui-right,
.gui-checkout .gui-form .gui-right {
	font-size: 18px !important;
}
.gui-taxes {
	margin: 10px 0
}
.gui-checkout .gui-progressbar ul {
	background-color: #ffffff !important;
}
.gui-progressbar ul li.gui-active a {
	font-size: inherit !important;
}

/* Checkout - Thank You Page  */
.gui-thankyou .gui-block-inner {
	padding: 15px;
  height:auto;
  overflow:hidden;
  margin-bottom:30px;
}
.gui-thankyou .gui-block-inner > a {
	display: none;
}

.gui-cart-sum .gui-item {margin: 10px 15px}
.gui-thankyou .gui-col2-big .gui-col2-big-col2 {width: 50%}

/* Checkout - Thank You Page - mobile */
@media (max-width: 480px){
  .gui-thankyou .gui-block-subcontent {
    border-top: 1px solid #ccc;
    padding-top:20px;
    padding-bottom:20px;
    margin-top:20px;
    margin-bottom:20px;
  }
  .gui-thankyou .gui-col2-big .gui-col2-big-col2 {
      width: 100%;
  }
}

/* Warenkorb / Produkt - Hersteller Infos  */
.vsn-cart-brand-info > div {background-color:#E5F7E7; border: 1px solid #99DB9D; margin-top:10px; display:none}
.vsn-cart-brand-info > div > div {display:none}
.vsn-cart-brand-info > div h3 {padding-left:20px;}
.vsn-cart-brand-info > div h3 i {position:absolute}
.vsn-cart-brand-info > div h3 > em {display:inline-block; margin-left:30px; font-style:normal}
.vsn-cart-brand-info > div > div {padding:0 20px}
.vsn-cart-brand-info > .vsn-cart-brand-gt-1 {background-color:#F6CE5F; border: 1px solid #DA2C5D;}

.vsn-cart-brand-gt-1 .vsn-cart-brand-gt-1 {display:block}
.vsn-cart-brand .vsn-cart-brand {display:block}
.vsn-cart-brand-info .show {display:block !important}

.vsn-cart-button { margin-right:15px; margin-bottom:15px; }

/*
.vsn-cart-button.brand {background-color:#E5F7E7 !important; color:#373735 !important}
.vsn-cart-button.brand strong:before {content: '›'; font-size:20px; line-height:0; margin-right:10px;}
.vsn-cart-button.brand span {text-transform:none; font-style: italic;}
*/

.vsn-product-button.brand,
.vsn-cart-button.brand {background-color:#bcaf8f !important; color:#ffffff !important}
.vsn-product-button.brand strong:before,
.vsn-cart-button.brand strong:before {content: '›'; font-size:20px; line-height:0; margin-right:10px;}
.vsn-product-button.brand strong,
.vsn-cart-button.brand strong {font-weight:600}
.vsn-product-button.brand span,
.vsn-cart-button.brand span {font-weight:400}


.vsn-cart-brand-info > div > p {padding:15px 20px; margin:0px}

.vsn-cart-brand-product-nomatch h3,
.vsn-cart-brand-product-nomatch >p,
.vsn-cart-brand-product-nomatch img {opacity:.5}

.form-product .submit a.overlay-d:after { border-color: #ffffff; background-color: #A79D83; }

.list-filter ul li a > span {display:none}

/* Warenkorb / Upselling - Unpassende Helden ausblenden  */
.template-cart .upsells .vsn-cart-brand-product-nomatch {display:none}
.template-cart .upsells li {border-left:0px}

/*@media only screen and (max-width: 47.5em) {*/
  .list-filter li.title, .list-filter li.toggle > a {
    font-family: 'Montserrat', Arial, Helvetica, sans-serif !important;
    font-weight: 800;
  }
/*}*/

/* Neuer Kunde Text  */
.gui-account-loyalty-content {
	font-size: 1.5em; padding: 15px 0; height:auto !important;
}

/* Startseite - Hero Images  */
.hero-images img {
	position:absolute !important;
  object-position: center center;
  left:0px; top:0px; width:100%;
  transition: opacity 1.5s linear;
  opacity: 0;
}

.hero-images img.fade-in{
  opacity: 1;
}

.hero-img-fade.desktop-only {
	object-position: center center;
  position:absolute;
}

/* Startseite - Scroll-Pfeil (mobile off) */
@media only screen and (max-width: 47.5em) {
  .module-featured.intro:after {display:none}
}

/* Kategorie-Text Button (Zu den Produkten)  */
.cgrid .link-btn a {width: 100%; min-width:100%; padding:15px}

/* Sonstige Anpassungen */
header .link-btn.wide,
.form-filter header.mobile-only a.header.b:nth-child(2n) {
	display: none !important
}
.nav-sticky li:last-child {
	color: inherit !important;
}
#nav > ul > li > a,
.nav-sticky li {
	text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
}
.scroll-to-fixed-fixed #nav > ul > li > a {
  text-shadow:none;
}
@media only screen and (max-width: 760px) {
  #nav > ul > li > a {
    text-shadow:none;
  }
}

/* ==== VIEWSION HELPER ==== */

.py-1 {
	padding: 15px 0;
	padding: 1rem 0;
}

.py-2 {
	padding: 30px 0;
	padding: 2rem 0;
}

.py-3 {
	padding: 45px 0;
	padding: 3rem 0;
}

.px-1 {
	padding: 0 15px;
	padding: 0 1rem;
}

.px-2 {
	padding: 0 30px;
	padding: 0 2rem;
}

.px-3 {
	padding: 0 45px;
	padding: 0 3rem;
}

.pt-1 {
	padding-top: 15px;
	padding-top: 1rem;
}

.pt-2 {
	padding-top: 30px;
	padding-top: 2rem;
}

.pt-3 {
	padding-top: 45px;
	padding-top: 3rem;
}

.pb-1 {
	padding-bottom: 15px;
	padding-bottom: 1rem;
}

.pb-2 {
	padding-bottom: 30px;
	padding-bottom: 2rem;
}

.pb-3 {
	padding-bottom: 45px;
	padding-bottom: 3rem;
}


img.autowidth {
	width: 100%;
	height: auto;
}


/* ==== VIEWSION GRID SYSTEM ==== */

.cgrid .container,
.cgrid.container {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.cgrid .row {
	position: relative;
	width: 100%;
}

.cgrid .row [class^="col"] {
	float: left;
	marginX: 0.5rem 2%;
	min-height: 0.125rem;
}

.cgrid .col-1,
.cgrid .col-2,
.cgrid .col-3,
.cgrid .col-4,
.cgrid .col-5,
.cgrid .col-6,
.cgrid .col-7,
.cgrid .col-8,
.cgrid .col-9,
.cgrid .col-10,
.cgrid .col-11,
.cgrid .col-12 {
	width: 100%;
}

.cgrid .col-1-sm {
	width: 4.33%;
}

.cgrid .col-2-sm {
	width: 12.66%;
}

.cgrid .col-3-sm {
	width: 21%;
}

.col-4-sm {
	width: 29.cgrid .33%;
}

.col-5-sm {
	width: 37.cgrid .66%;
}

.col-6-sm {
	width: 46%;
}

.cgrid .col-7-sm {
	width: 54.33%;
}

.cgrid .col-8-sm {
	width: 62.66%;
}

.cgrid .col-9-sm {
	width: 71%;
}

.col-10-sm {
	width: 79.cgrid .33%;
}

.cgrid .col-11-sm {
	width: 87.66%;
}

.cgrid .col-12-sm {
	width: 96%;
}

.cgrid .row::after {
	content: "";
	display: table;
	clear: both;
}

.cgrid .hidden-sm {
	display: none;
}

@media only screen and (min-width: 33.75em) {
	/* 540px */
	.cgrid .container {
		widthX: 80%;
	}
}

@media only screen and (min-width: 45em) {
	/* 720px */
	.cgrid .col-1 {
		width: 8.33%;
	}
	.cgrid .col-2 {
		width: 16.66%;
	}
	.cgrid .col-3 {
		width: 25%;
	}
	.cgrid .col-4 {
		width: 33.33%;
	}
	.cgrid .col-5 {
		width: 41.66%;
	}
	.cgrid .col-6 {
		width: 50%;
	}
	.cgrid .col-7 {
		width: 58.33%;
	}
	.cgrid .col-8 {
		width: 66.66%;
	}
	.cgrid .col-9 {
		width: 75%;
	}
	.cgrid .col-10 {
		width: 83.33%;
	}
	.cgrid .col-11 {
		width: 91.66%;
	}
	.cgrid .col-12 {
		width: 100%;
	}
	.hidden-sm {
		display: block;
	}
}

@media only screen and (min-width: 60em) {
	/* 960px */
	.cgrid .container,
	.cgrid.container {
		/*width: 75%;
    max-width: 60rem;*/
	}
}
@media only screen and (max-width: 62.5em) { /* 1000 */
	/* .desktop-only {display:none !important} */
}


  
  

*/

/* ==== Viewsion CUSTOM SETTINGS END =========================================================== */