.shop-advantages {
	background: var(--primary);
	width: 100%;
}
.shop-advantages ul {
	display: flex;
	align-items: center;
	justify-content: space-around;
	max-width: 1400px;
	margin: 0 auto;
	padding-top: 5px;
}
.shop-advantages li {
	color: #ffffff;
	list-style: none;
}
#sin_vorteile li::before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-right: 0.5em;
  background-color: currentColor; /* oder eine feste Farbe wie #000 */
  mask-image: url("/frontend/svg/checkmark.svg");
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-image: url("/frontend/svg/checkmark.svg");
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  vertical-align: middle;
}

.top-bar {
}
.sin-custom-header-wrapper {
    background: white;
}
.sin-custom-header-wrapper .header-row {
    max-width: 1440px;
    margin: 0 auto;
}
span.icon.icon-avatar svg use,
span.icon.icon-bag svg use,
span.icon.icon-heart svg use,
span.icon.icon-stack svg use {
    color: #758CA3;
}


.shop-advantages li::before {
	content: url(/frontend/svg/checkmark.svg);
	display: inline-block;
	width: 16px;
	height: 16px;
	position: relative;
	top: 3px;
	margin-right: 5px;
}

@media (max-width: 575px) {
    .header-logo-picture img {
        max-width: 180px;
    }

    li.breadcrumb-item span {
        font-weight: lighter;
    }

    .breadcrumb svg {
        top: 3px;
    }


}

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

}

@media (min-width: 576px) and (max-width: 767px) {
	.shop-advantages ul {
		flex-wrap: wrap;
	}
}
@media (min-width: 768px) and (max-width: 991px) {

}

@media (max-width: 991px) {
	div#sin_vorteile li {
		list-style: none;
		padding: 0 1rem;
		font-size: 0.5rem;
	}
	#sin_vorteile li::before {
	  display: block;
	  margin: 1px auto;
	}
    .header-actions-col {
        display: initial;
        position: absolute;
        margin: 0;
        padding: 0;
        width: 50px;
    }
	
	.sin-custom-header-wrapper {
		padding-top: 5px;
		padding-bottom: 5px;
	}
	

	.shop-advantages ul {
		flex-wrap: wrap;
		width: 95%;
		align-items: center;
		justify-content: space-between;
		margin: 0 auto;
		padding: 10px 5% 0 5%;
	}
	.shop-advantages li {
        margin: 0 5px 2.5px 5px;
        text-align: center;
		font-size: 10px;
	}
	.sin-custom-header-wrapper .header-row {
		padding: 0;
	}
	#mainNavigation .container {
		padding: 0 !important;
		margin: 0 auto;
	}

	.b.cms-section-sidebar-sidebar-content.col-lg-4.col-xl-3 {
		top: 185px;
	}
}


@media (min-width: 992px) {
	.header-logo-main.text-center {
		position: relative;
	}

	img.img-fluid.header-logo-main-img {
		position: absolute;
		left: 0;
		top: 25px;
	}
	.header-actions-col {
		display: none;
	}
    header.header-main {
        position: fixed;
		z-index: 9;
        width: 100%;
		background: #fff;
		height: 150px;
		box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
    }
    body.is-ctl-navigation.is-act-index.body-initial.headroom--not-bottom.headroom--not-top.body-pinned header.header-main {
        width: 100%;
        background: white;
    }
    .nav-main {
        top: 80px;
        position: fixed;
        z-index: 10;
        right: 5px;
		left: 0;
        max-width: 900px;
        margin: 0 auto;
    }
    ol.breadcrumb {
        position: fixed;
        width: 100%;
    }
    .breadcrumb a.is-active {
        font-weight: normal;
    }

	.sin-custom-header-wrapper {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.col-md-4.header-minimal-contact a {
		margin-right: 10px;
	}
	picture.header-logo-picture {
		max-width: 150px;
	}
	

}

@media (min-width: 992px) and (max-width: 1249px) {
    .nav-main {
        left: initial;
    }
    .main-navigation-link {
        padding-right: 10px;
        padding-left: 10px;
    }
}

@media (min-width: 1250px) {
    .nav-main {
        left: 0;
    }
}