@media(min-width:767px) {
	.hero-carousel .hero-teaser .hero-teaser-content {
		padding-left: calc(9.3385214008vw - 47.626459144px)
	}

	.hero-teaser .hero-teaser-content {
		padding-right: calc(-2400vw + 18432px)
	}
	
}

@media(min-width:768px) {

	.col-sm-1,
	.col-sm-10,
	.col-sm-11,
	.col-sm-12,
	.col-sm-2,
	.col-sm-3,
	.col-sm-4,
	.col-sm-5,
	.col-sm-6,
	.col-sm-7,
	.col-sm-8,
	.col-sm-9 {
		float: left
	}

	.col-sm-12 {
		width: 100%
	}

	.col-sm-11 {
		width: 91.66666667%
	}

	.col-sm-10 {
		width: 83.33333333%
	}

	.col-sm-9 {
		width: 75%
	}

	.col-sm-8 {
		width: 66.66666667%
	}

	.col-sm-7 {
		width: 58.33333333%
	}

	.col-sm-6 {
		width: 50%
	}

	.col-sm-5 {
		width: 41.66666667%
	}

	.col-sm-4 {
		width: 33.33333333%
	}

	.col-sm-3 {
		width: 25%
	}

	.col-sm-2 {
		width: 16.66666667%
	}

	.col-sm-1 {
		width: 8.33333333%
	}

	.col-sm-pull-12 {
		right: 100%
	}

	.col-sm-pull-11 {
		right: 91.66666667%
	}

	.col-sm-pull-10 {
		right: 83.33333333%
	}

	.col-sm-pull-9 {
		right: 75%
	}

	.col-sm-pull-8 {
		right: 66.66666667%
	}

	.col-sm-pull-7 {
		right: 58.33333333%
	}

	.col-sm-pull-6 {
		right: 50%
	}

	.col-sm-pull-5 {
		right: 41.66666667%
	}

	.col-sm-pull-4 {
		right: 33.33333333%
	}

	.col-sm-pull-3 {
		right: 25%
	}

	.col-sm-pull-2 {
		right: 16.66666667%
	}

	.col-sm-pull-1 {
		right: 8.33333333%
	}

	.col-sm-pull-0 {
		right: auto
	}

	.col-sm-push-12 {
		left: 100%
	}

	.col-sm-push-11 {
		left: 91.66666667%
	}

	.col-sm-push-10 {
		left: 83.33333333%
	}

	.col-sm-push-9 {
		left: 75%
	}

	.col-sm-push-8 {
		left: 66.66666667%
	}

	.col-sm-push-7 {
		left: 58.33333333%
	}

	.col-sm-push-6 {
		left: 50%
	}

	.col-sm-push-5 {
		left: 41.66666667%
	}

	.col-sm-push-4 {
		left: 33.33333333%
	}

	.col-sm-push-3 {
		left: 25%
	}

	.col-sm-push-2 {
		left: 16.66666667%
	}

	.col-sm-push-1 {
		left: 8.33333333%
	}

	.col-sm-push-0 {
		left: auto
	}

	.col-sm-offset-12 {
		margin-left: 100%
	}

	.col-sm-offset-11 {
		margin-left: 91.66666667%
	}

	.col-sm-offset-10 {
		margin-left: 83.33333333%
	}

	.col-sm-offset-9 {
		margin-left: 75%
	}

	.col-sm-offset-8 {
		margin-left: 66.66666667%
	}

	.col-sm-offset-7 {
		margin-left: 58.33333333%
	}

	.col-sm-offset-6 {
		margin-left: 50%
	}

	.col-sm-offset-5 {
		margin-left: 41.66666667%
	}

	.col-sm-offset-4 {
		margin-left: 33.33333333%
	}

	.col-sm-offset-3 {
		margin-left: 25%
	}

	.col-sm-offset-2 {
		margin-left: 16.66666667%
	}

	.col-sm-offset-1 {
		margin-left: 8.33333333%
	}

	.col-sm-offset-0 {
		margin-left: 0
	}

	.component .btn-full {
		width: auto;
		display: inline-flex
	}

	.action-teaser .action-panel-body {
		height: 100%
	}

	.action-teaser .action-main img {
		padding-top: 0
	}

	.action-teaser .action-content .h2 {
		margin: 0 8.3333333333% 10px
	}

	.action-teaser .action-teaser-body {
		margin: 0 8.3333333333%
	}

	.action-teaser .btn-primary,
	.action-teaser .btn-white {
		display: inline-block;
		max-width: calc(100% - 24px)
	}

	.action-teaser .sec-btn {
		margin-left: 12px
	}

	.action-teaser.full-width .action-main img {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		padding: 0
	}

	.action-teaser-row.action-teaser-multiple-column .column-splitter {
		flex-direction: row
	}

	.action-teaser-row.action-teaser-multiple-column .column-splitter .teaser-wrapper {
		max-width: 50%
	}

	.icon-action-teasers .icon-action-teaser {
		height: 100%;
		margin-bottom: 0
	}

	.icon-action-teasers .icon-action-teaser img {
		width: 60px;
		height: 60px;
		margin: 0 0 20px
	}

	.icon-action-teasers .icon-action-teaser h5 {
		font-size: 20px
	}

	.icon-action-teasers .icon-action-teaser .action-panel-body {
		flex-direction: column;
		text-align: center;
		padding: 24px;
		width: auto
	}

	.icon-action-teasers {
		display: flex;
		margin: 0 -6px 12px
	}

	.icon-action-teasers .component-content {
		height: 100%
	}

	.icon-action-teasers>div {
		flex: 1 1 0;
		height: auto;
		margin: 0 6px;
		max-width: calc(33.3333% - 12px);
		min-width: 20%
	}

	.alc-consent {
		padding: 20px 24px 24px
	}

	.alc-consent .content>div {
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 7
	}

	.alc-consent .content>div.decline {
		-webkit-line-clamp: 9
	}

	.become-a-customer {
		padding: 0 8.3333333333% 36px
	}

	.become-a-customer .cta {
		flex-direction: row;
		width: auto
	}

	.become-a-customer .cta .sec-link {
		margin: 42px 0 0 12px;
		width: inherit;
		justify-content: inherit
	}

	.become-a-customer .signup-link {
		display: inline-flex;
		width: auto
	}

	.become-a-customer .login-link,
	.become-a-customer .login-text {
		padding: 0
	}

	.become-a-customer .step-container {
		flex-direction: row
	}

	.become-a-customer .step-container .step {
		flex: 0 1 calc(33.333% - 4px);
		width: calc(33.333% - 4px)
	}

	.related-blogs.content h2 {
		padding-left: calc(8.4% + 12px);
		padding-right: calc(8.4% + 12px)
	}

	.related-blogs.content .blog {
		max-width: calc(50% - 12px);
		flex: 0 0 calc((100% - 58px)/2);
		width: calc((100% - 58px)/2)
	}

	.related-blogs.content .blog:first-child:nth-last-child(2),
	.related-blogs.content .blog:first-child:nth-last-child(2)~.blog {
		flex: 0 0 calc((100% - 36px)/2);
		width: calc((100% - 36px)/2)
	}

	.loaded-blogs .search-result-list li {
		width: calc(50% - 12px)
	}

	.timetoread-section .time-icon {
		background-size: 18px
	}

	.custom-tabfilter+.search-results.loading-in-progress .search-result-overlay::after {
		margin: -10% auto 0
	}

	.search-results.loading-in-progress .search-result-overlay::after {
		margin: 30% auto 0
	}

	.brand-logo-tiles a,
	.brand-logo-tiles>div {
		padding: 16px;
		height: 130px;
		min-width: calc(20% - 10px)
	}

	.brand-logo-tiles a:nth-child(n+4),
	.brand-logo-tiles>div:nth-child(n+4) {
		flex: 1
	}

	.brand-logo-tiles a:nth-child(n+6),
	.brand-logo-tiles>div:nth-child(n+6) {
		flex: 0 1 calc(20% - 10px)
	}

	.brand-logo-tiles a>picture,
	.brand-logo-tiles>div>picture {
		max-width: 100px;
		max-height: 100px
	}

	.brand-logo-tiles a img,
	.brand-logo-tiles>div img {
		max-height: 100px
	}

	.catalog-viewer .catalog-overview-title {
		padding: 24px 24px 6px
	}

	.nav-category {
		margin-left: 6px;
		margin-right: 6px
	}

	.nav-category .sel-category {
		display: none
	}

	.nav-category .nav-tabs {
		display: flex;
		margin-left: -6px
	}

	.nav-category .nav-item {
		margin-right: 10px
	}

	.nav-category .nav-item .nav-link {
		margin: 5px 5px 0 0
	}

	.catalog,
	.catalogs-search-results li,
	.upcoming-catalog {
		width: calc(33.333333% - 12px);
		margin-right: 12px
	}

	.catalogue-teaser .teaser-cont {
		padding: 32px 8.3333333333%
	}

	.catalogue-teaser .teaser-cont>a {
		width: calc(25% - 12px)
	}

	.category-teaser .component-content {
		min-height: 72px
	}

	.category-teaser .title {
		padding: 12px
	}

	.category-teaser img {
		width: 40px;
		height: 40px
	}

	.component-category-teaser-row .category-teaser-set {
		flex: 0 1 50%
	}

	.component-category-teaser-row .category-teaser {
		flex: 0 1 33.333%
	}

	.category-icon-carousel .category-teaser {
		display: block
	}

	.category-icon-carousel .category-teaser-more {
		display: none
	}

	.category-teaser-carousel .component-content {
		min-height: 72px
	}

	.category-teaser-carousel .category-teaser {
		flex: 0 0 calc(33.33333% - 12px)
	}

	.content-component .main-cont {
		padding: 0 8.3333333333%
	}

	.content-component .btn-outline,
	.content-component .btn-primary {
		width: auto
	}

	.content-component .field-body,
	.content-component .h2 {
		padding: 0 24px
	}

	.content-component .teaser-cont.image-left .image-wrapper,
	.content-component .teaser-cont.image-left-right .image-wrapper,
	.content-component .teaser-cont.image-right .image-wrapper {
		width: calc(50% - 18px);
		float: left;
		display: block;
		margin: 0 36px 36px 0
	}

	.content-component .teaser-cont.image-left img,
	.content-component .teaser-cont.image-left-right img,
	.content-component .teaser-cont.image-right img {
		max-height: 700px;
		margin-top: 7px
	}

	.content-component .teaser-cont.image-left-right>div:nth-child(even) .image-wrapper,
	.content-component .teaser-cont.image-right .image-wrapper {
		float: right;
		margin: 0 0 36px 36px
	}

	.content-teaser .teasers>div {
		flex: 1 0 0;
		min-width: 360px
	}

	.content-teaser .teasers>div~div {
		max-width: 50%
	}

	.content-teaser .content-section>a,
	.content-teaser .content-section>h2,
	.content-teaser .content-section>p {
		padding: 0 calc(8.3333333333% + 12px)
	}

	.cookie-management .header {
		display: block
	}

	.cookie-management .accept-all-cookies {
		justify-content: center;
		cursor: pointer
	}

	.cookie-management .category {
		flex: 0 1 33.333%
	}

	.cookie-management .m-button {
		display: inline-flex;
		width: auto
	}

	.cms.consent-disclaimer .consent {
		padding: 24px
	}

	.cms.consent-disclaimer .consent .buttons {
		margin-left: auto;
		flex-direction: row
	}

	.cms.consent-disclaimer .btn-link,
	.cms.consent-disclaimer .btn-primary,
	.cms.consent-disclaimer .btn-secondary {
		width: auto;
		margin: 0 0 0 12px
	}

	.site-footer .footer-contact {
		border-bottom: none
	}

	.site-footer .footer-contact .h5 {
		padding-bottom: 12px
	}

	.site-footer .footer-contact .h5 .plus-minus-icon {
		display: none
	}

	.site-footer .footer-contact input[type=checkbox]:checked+.h5 {
		padding-bottom: 12px
	}

	.site-footer .footer-contact input[type=checkbox]:checked+.h5 .plus-minus-icon {
		display: none
	}

	.site-footer .footer-contact .footer-contact-content {
		display: block;
		padding-left: 12px
	}

	.site-footer .footer-contact .footer-contact-content>:last-child {
		margin-bottom: 0
	}

	.modal-content .modal-header,
	.modal-content .sitecore-form {
		padding: 0 60px
	}

	.chef-quote .comp-box {
		padding: 0 calc(8.3333333333% + 24px)
	}

	.generic-detail .trainer {
		display: flex
	}

	.generic-detail .trainer-details {
		padding-right: 24px;
		margin-bottom: 0
	}

	.generic-detail .trainer-details .h2 {
		margin-top: 0
	}

	.generic-detail .trainer-image {
		margin-left: auto;
		min-width: 250px
	}

	.generic-detail .component.container.intro-default .field-headline {
		margin-top: 24px
	}

	.generic-detail .component.container.intro-default .register-button-group {
		margin-top: 30px
	}

	.generic-detail .alternating-rows .details-row {
		padding: 12px 0
	}

	.generic-detail .alternating-rows .details-row>span::before {
		content: "";
		padding-right: 18px;
		margin-left: 12px
	}

	.intro .intro-description,
	.intro .intro-footnote,
	.intro .login-group,
	.intro h1 {
		margin: auto calc(8.3333333333% - 12px);
		padding-left: 24px;
		padding-right: 24px
	}

	.intro .register-button-group {
		flex-direction: row
	}

	.intro .intro-header-text {
		font-size: 1.5rem
	}

	.intro .intro-teasers-header {
		margin-top: 26px
	}

	.intro .intro-teasers {
		margin: 30px -12px 0 0;
		background: 0 0;
		padding: 0
	}

	.intro .intro-teaser .h5 {
		font-size: 16px;
		order: 2
	}

	.intro .intro-teaser img {
		width: 60px;
		height: 60px;
		margin: 0 0 20px;
		order: 1
	}

	.intro .intro-teaser .teaser-body {
		flex-direction: column;
		text-align: center;
		padding: 24px;
		width: auto
	}

	#footer .global-footer-component {
		margin: 0 -12px
	}

	.hero-teaser-new .content-container .field-sub-headline {
		font-size: calc(1.171875vw + 4px);
		display: block;
		padding: 0 20px;
		margin: 5px 0 12px -20px;
		text-shadow: 0 0 10px #000;
		color: #fff
	}

	.hero-teaser-new .btn-primary {
		display: block
	}

	.hero-teaser .badge {
		margin-bottom: calc(-2.34375vw + 35px)
	}

	.hero-teaser .h1 {
		font-size: calc(5.46875vw - 16px)
	}

	.hero-teaser .panel-body {
		flex-direction: row
	}

	.hero-teaser .panel-body .h4 {
		font-size: calc(1.171875vw + 4px);
		margin-top: calc(-1.6328125vw + 23.92px)
	}

	.hero-teaser .hero-teaser-content {
		width: calc(47.65625vw - 124px);
		padding-right: 0;
		padding-bottom: calc(3.90625vw + 2px)
	}

	.hero-teaser .hero-teaser-content::after {
		width: calc(6.25vw + 24px);
		content: "";
		display: block;
		height: 100%;
		left: 100%;
		position: absolute;
		top: 0;
		z-index: 1
	}

	.hero-teaser img {
		max-height: 460px
	}

	.hero-teaser .teaser-branded {
		height: calc(25vw + 50px)
	}

	.hero-teaser .angle-of-success-area .logo-wrapper {
		height: calc(8.203125vw + 9px);
		width: calc(28.515625vw + 32px)
	}

	.hero-tiles {
		padding: 0;
		flex-direction: row
	}

	.hero-tiles .hero-big-wrapper {
		flex: 0 1 45%
	}

	.hero-small-wrapper {
		flex: 0 1 55%;
		margin: 0;
		padding: 0;
		flex-direction: column;
		overflow: visible
	}

	.hero-small-wrapper>div {
		max-width: none;
		width: 100%;
		margin: 0;
		flex: 1 1 auto;
		box-sizing: border-box;
		max-height: 250px
	}

	.hero-small-wrapper>div:last-child {
		margin-right: 0
	}

	.hero-tile.comp-box {
		height: 100%
	}

	.hero-tile .btn-primary {
		margin-top: auto
	}

	.hero-tile .product-image {
		min-width: 100px
	}

	.hero-tile-content {
		display: flex;
		flex-direction: column;
		height: 100%;
		position: relative
	}

	.hero-tile .badge {
		max-width: 300px
	}

	.hero-tile.hero-tile-small {
		margin: 0 0 12px;
		width: 100%;
		max-width: none
	}

	.hero-tile.hero-tile-small.comp-box {
		margin-bottom: 0
	}

	.hero-tile.hero-tile-small img {
		aspect-ratio: 366/157
	}

	.hero-tile.hero-tile-small .btn-text {
		display: inline
	}

	.hero-tile span.h2 {
		padding-top: 0
	}

	.hero-tile .product-info img {
		width: 100px;
		height: 100px
	}

	.image-teaser-component .h2,
	.image-teaser-component .section-body,
	.image-teaser-component>a {
		padding: 0 calc(8.3333333333% + 12px)
	}

	.image-teaser-component .teasers {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		flex-direction: row
	}

	.image-teaser-component .teasers .h2 {
		font-size: 20px
	}

	.column-splitter .image-teaser-component .teasers .image-box {
		flex: 0 1 50%
	}

	.management-details-wrapper {
		display: flex;
		padding: 0 24px
	}

	.management-details-wrapper.expanded {
		padding: 19px 24px 24px
	}

	.management-details-wrapper .note-from-management {
		padding-right: 48px
	}

	.management-details-wrapper .management-info {
		min-width: 300px
	}

	.management-details.collapsible-component input[type=checkbox]:checked~.component-collapsible {
		display: flex
	}

	.file-list-files .file-description {
		width: 84%;
		flex-wrap: unset
	}

	.file-list-files .file-description .field-filetypeicon {
		width: 6%
	}

	.file-list-files .file-description .field-filetypeicon span {
		margin: unset
	}

	.file-list-files .file-description .info-wrapper {
		width: 93%;
		order: 1;
		text-align: unset;
		padding: unset
	}

	.file-list-files .field-linktext {
		width: 15%;
		margin: unset
	}

	.sitecore-form {
		padding: 24px 8.3333333333% 36px
	}

	.sitecore-form input[type=submit] {
		width: auto !important
	}

	.newsletter .row .row .row.column-splitter {
		display: flex
	}

	.newsletter .row .row .row.column-splitter .col-xs-12.col-sm-6 {
		flex: 1;
		margin-bottom: 12px
	}

	.newsletter .row .row .row.column-splitter .col-xs-12.col-sm-6:nth-of-type(2) {
		padding-left: 12px
	}

	.newsletter .row .row .row.column-splitter .col-xs-12.col-sm-6 .rich-text h2 {
		font-size: 2rem
	}

	.newsletter .row .row .row.column-splitter .col-xs-12.col-sm-6 .sitecore-form form h2 {
		font-size: 2rem
	}

	.brand-teaser-row {
		margin: 0 -6px 12px
	}

	.brand-teaser-row>div {
		margin: 0 6px 12px;
		min-width: calc(50% - 12px);
		max-width: calc(50% - 12px)
	}

	.brand-teaser-row>div:nth-child(n+4) {
		flex: 0 calc(25% - 12px)
	}

	.brand-teaser.comp-box .brand-teaser-row {
		margin: 0 10%
	}

	.brand-teaser .obt-section {
		margin: 0 16.6666666667%
	}

	.brand-teaser-3 .brand-teaser-item,
	.brand-teaser-3 .brand-teaser-item:first-child:nth-last-child(3) {
		max-width: calc(33.33333% - 12px);
		flex: 1 1 0
	}

	.brand-teaser-4 .brand-teaser-item,
	.brand-teaser-4 .brand-teaser-item:nth-child(n+4) {
		max-width: calc(25% - 12px);
		flex: 1 1 0
	}

	.product-teaser-tabbed .product-teaser-wrapper {
		flex-direction: column;
		margin: 0 0 12px;
		padding: 0
	}

	.product-teaser-tabbed .products-div.product-teaser {
		display: grid;
		grid-template-columns: repeat(4, minmax(175px, 1fr))
	}

	.product-teaser-tabbed .products-div.product-teaser .product-teaser-container {
		width: unset;
		min-width: unset;
		max-width: unset
	}

	.product-teaser-tabbed .load-more {
		height: 64px;
		justify-content: left
	}

	.product-teaser-tabbed .load-more .button-content {
		font-size: 1rem;
		flex-direction: row;
		margin-left: 12px;
		cursor: pointer;
		width: auto
	}

	.product-teaser-tabbed .load-more .button-content span {
		margin-top: unset;
		margin-left: 12px
	}

	.promotion-teaser-v2 .promotion-teaser {
		max-width: calc(50% - 42px)
	}

	.recipe.icon-teaser-row {
		padding: 36px 0 48px
	}

	.row .recipe-parent-container .row.column-splitter {
		display: flex
	}

	.row .recipe-parent-container .row.column-splitter>div:first-of-type {
		border-right: 6px solid #f2f5f8
	}

	.row .recipe-parent-container .row.column-splitter>div:last-of-type {
		border-left: 6px solid #f2f5f8
	}

	.recipe-overview .featured-recipe,
	.recipe-overview .time-to-cook {
		margin: 0 0 12px
	}

	.recipe-overview .featured-recipe .h1,
	.recipe-overview .featured-recipe .h2,
	.recipe-overview .featured-recipe p,
	.recipe-overview .time-to-cook .h1,
	.recipe-overview .time-to-cook .h2,
	.recipe-overview .time-to-cook p {
		margin: 12px 8.3333333333%
	}

	.all-recipes img {
		height: 150px
	}

	.all-recipes .recipe-teaser-container {
		width: calc(33.333333% - 12px)
	}

	#content-search-count {
		padding: 24px;
		width: 100%;
		margin-left: 0;
		margin-right: 0
	}

	.page-selector {
		width: 100%;
		margin-left: inherit
	}

	.page-selector .page-selector-list {
		overflow-y: auto;
		display: block;
		width: auto;
		margin: 0
	}

	.page-selector .page-selector-list li:first-of-type {
		margin-left: 12px
	}

	.page-selector .page-selector-list li:last-of-type {
		margin-right: 12px
	}

	.page-selector .page-selector-list .page-selector-item-first,
	.page-selector .page-selector-list .page-selector-item-last,
	.page-selector .page-selector-list .page-selector-item-next,
	.page-selector .page-selector-list .page-selector-item-previous {
		padding: 5px 12px
	}

	.component.search-results.highlighted .container-text {
		width: 90%
	}

	.component.search-results.highlighted .container-text .field-title {
		font-size: 18px
	}

	.seasonal-wrapper {
		display: flex
	}

	.seasonal-wrapper .promotion-teaser-v2 {
		max-width: 302px;
		margin: 0 12px 0 0
	}

	.seasonal-wrapper .promotion-teaser-v2 .promotion-teaser .btn-full {
		max-width: 100%
	}

	.seasonal-wrapper .promotion-teaser-v2 .promotion-teaser .badge {
		position: absolute;
		bottom: 24px;
		left: 0
	}

	.seasonal-wrapper .promotion-teaser-v2 .promotion-teaser img {
		display: block
	}

	.seasonal-wrapper .products-div {
		overflow-x: scroll;
		scrollbar-width: none
	}

	.seasonal-wrapper .products-div::-webkit-scrollbar {
		display: none
	}

	.section-title .component-hide div,
	.section-title .component-show div {
		display: inline-block
	}

	.default-section-div>.default-section-text,
	.default-section-div>a>* {
		min-height: 44px
	}

	.icon-teaser-row img {
		margin-top: 26px
	}

	.icon-teaser-row .field-description,
	.icon-teaser-row h2 {
		padding: 0 calc(8.3333333333% + 24px)
	}

	.icon-teaser-row .teasers {
		display: flex;
		justify-content: center;
		padding-top: 0;
        /* width: 70%; */
        margin: 0 auto;
		/* align-items: center; */
	}

	.icon-teaser-row .teasers>div {
		/* flex: 0 1 23%; */
		padding: 0 12px 42px;
	}

	.icon-teaser-row .teasers>.component:first-child:nth-last-child(3),
	.icon-teaser-row .teasers>.component:first-child:nth-last-child(3)~.component {
		flex: 0 1 28%
	}

	.icon-teaser-row .teasers>.component:first-child:nth-last-child(4),
	.icon-teaser-row .teasers>.component:first-child:nth-last-child(4)~.component {
		flex: 0 1 23%
	}

	.icon-teaser-row .h5 {
		margin-left: 12px;
		margin-right: 12px
	}

	#footer {
		padding: 0 12px
	}

	.site-footer {
		margin: 0 -12px
	}

	.site-footer .component.column-splitter {
		padding: 0 12px 24px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between
	}

	.site-footer .component.column-splitter>div {
		flex: 1 0 50%;
		justify-content: space-between
	}

	.site-footer .component-footer.link-list {
		display: block;
		border-bottom: unset
	}

	.site-footer .component-footer.link-list .plus-minus-icon {
		display: none
	}

	.site-footer .component-footer.link-list ul {
		overflow: unset;
		height: unset;
		transition: unset
	}

	.site-footer .component-footer.link-list ul li {
		padding-left: 0
	}

	.site-footer .component-footer.link-list>input[type=checkbox] {
		display: block
	}

	.site-footer .h5 {
		padding: 20px 12px 6px
	}

	.site-footer .h5 .text-content {
		padding-top: 0
	}

	.site-footer .footer-navigation-data ul li div {
		overflow: unset
	}

	.site-footer .footer-bottom-text {
		margin: 0 24px;
		font-size: 13px;
		padding: 16px 24px
	}

	.site-footer .footer-links-data {
		text-align: left;
		border: none;
		margin-top: 0
	}

	.site-footer-minimal .component.column-splitter .contact-minimal .component-content,
	.site-footer-minimal .component.column-splitter>div:nth-of-type(3) {
		flex: 1 0 33%;
		display: flex
	}

	.site-footer-minimal .component.column-splitter .footer-contact-minimal {
		flex: 1 0 25%
	}

	.footer-last-row {
		padding: 0;
		flex-direction: row;
		justify-content: space-between
	}

	.footer-last-row .footer-language-show {
		order: 2;
		padding-right: 24px
	}

	.footer-last-row .footer-links-data {
		margin-right: auto
	}

	.footer-language .language {
		padding-left: 20px
	}

	.site-footer-language.fr-be~.site-footer .footer-language-show .footer-language-suggestions .language.fr-be label {
		color: #0059e4
	}

	.site-footer-language.fr-be~.site-footer .footer-language-show .footer-language-suggestions .language.fr-be:hover {
		background: 0 0
	}

	.site-footer-language.fr-be.active-fr-be~.site-footer .footer-language-show>.fr-be {
		display: none
	}

	.site-footer-language.fr-be.active-fr-be~.site-footer .footer-language-show .footer-language-suggestions {
		display: flex
	}

	.site-footer-language.fr-be.active-fr-be~.site-footer .footer-language-show .footer-language-suggestions .fr-be label.fr-be img {
		display: none
	}

	.site-footer-language.fr-be.active-fr-be~.site-footer .footer-language-show .footer-language-suggestions .fr-be {
		display: inline-block;
		background: 0 0
	}

	.site-footer-language.fr-be.active-fr-be~.site-footer .footer-language-show .footer-language-suggestions .fr-be label.fr-be {
		color: #002d72;
		pointer-events: none
	}

	.site-footer-language.nl-be~.site-footer .footer-language-show .footer-language-suggestions .language.nl-be label {
		color: #0059e4
	}

	.site-footer-language.nl-be~.site-footer .footer-language-show .footer-language-suggestions .language.nl-be:hover {
		background: 0 0
	}

	.site-footer-language.nl-be.active-nl-be~.site-footer .footer-language-show>.nl-be {
		display: none
	}

	.site-footer-language.nl-be.active-nl-be~.site-footer .footer-language-show .footer-language-suggestions {
		display: flex
	}

	.site-footer-language.nl-be.active-nl-be~.site-footer .footer-language-show .footer-language-suggestions .nl-be label.nl-be img {
		display: none
	}

	.site-footer-language.nl-be.active-nl-be~.site-footer .footer-language-show .footer-language-suggestions .nl-be {
		display: inline-block;
		background: 0 0
	}

	.site-footer-language.nl-be.active-nl-be~.site-footer .footer-language-show .footer-language-suggestions .nl-be label.nl-be {
		color: #002d72;
		pointer-events: none
	}

	.site-footer-language.kk-kz~.site-footer .footer-language-show .footer-language-suggestions .language.kk-kz label {
		color: #0059e4
	}

	.site-footer-language.kk-kz~.site-footer .footer-language-show .footer-language-suggestions .language.kk-kz:hover {
		background: 0 0
	}

	.site-footer-language.kk-kz.active-kk-kz~.site-footer .footer-language-show>.kk-kz {
		display: none
	}

	.site-footer-language.kk-kz.active-kk-kz~.site-footer .footer-language-show .footer-language-suggestions {
		display: flex
	}

	.site-footer-language.kk-kz.active-kk-kz~.site-footer .footer-language-show .footer-language-suggestions .kk-kz label.kk-kz img {
		display: none
	}

	.site-footer-language.kk-kz.active-kk-kz~.site-footer .footer-language-show .footer-language-suggestions .kk-kz {
		display: inline-block;
		background: 0 0
	}

	.site-footer-language.kk-kz.active-kk-kz~.site-footer .footer-language-show .footer-language-suggestions .kk-kz label.kk-kz {
		color: #002d72;
		pointer-events: none
	}

	.site-footer-language.ru-kz~.site-footer .footer-language-show .footer-language-suggestions .language.ru-kz label {
		color: #0059e4
	}

	.site-footer-language.ru-kz~.site-footer .footer-language-show .footer-language-suggestions .language.ru-kz:hover {
		background: 0 0
	}

	.site-footer-language.ru-kz.active-ru-kz~.site-footer .footer-language-show>.ru-kz {
		display: none
	}

	.site-footer-language.ru-kz.active-ru-kz~.site-footer .footer-language-show .footer-language-suggestions {
		display: flex
	}

	.site-footer-language.ru-kz.active-ru-kz~.site-footer .footer-language-show .footer-language-suggestions .ru-kz label.ru-kz img {
		display: none
	}

	.site-footer-language.ru-kz.active-ru-kz~.site-footer .footer-language-show .footer-language-suggestions .ru-kz {
		display: inline-block;
		background: 0 0
	}

	.site-footer-language.ru-kz.active-ru-kz~.site-footer .footer-language-show .footer-language-suggestions .ru-kz label.ru-kz {
		color: #002d72;
		pointer-events: none
	}

	#footer-language-input:checked~.footer-language-suggestions {
		display: none
	}

	header .site-sub-header>.component-content .sub-header-container .sub-header-search .search-title[style*=block]+.search-placeholder+input[type=text],
	header .site-sub-header>.component-content .sub-header-container .sub-header-search .search-title[style*=block]+input[type=text] {
		width: 100%
	}

	header .site-sub-header>.component-content .sub-header-support .section-link {
		display: inline-block;
		color: #002d72
	}

	.site-footer .social-share-buttons {
		text-align: left;
		margin-right: 3px
	}

	.site-footer .social-share-buttons .component-content {
		padding-top: 0;
		padding-bottom: 0
	}

	.site-footer .social-share-buttons .h5,
	.site-footer .social-share-buttons nav {
		justify-content: flex-start
	}

	.social-widget-two-column .field-description,
	.social-widget-two-column .h2 {
		padding: 0 24px
	}

	.social-widget-two-column .social-widgets>div {
		width: calc(50% - 18px)
	}

	.sw-main {
		padding: 18px 8.3333333333%
	}

	.sw-main .sw-bottom.row {
		padding: 30px 0 0
	}

	.sw-main .sw-bottom .sw-bottom-column {
		padding: 18px 24px 18px 56px
	}

	.sw-main .forms-checkbox-span {
		top: 24px;
		left: 24px
	}

	.sw-main .sw-content {
		padding: 6px 0 0
	}

	.sw-main .social-widgets .section-title .h4 {
		margin: 6px 0 12px
	}

	.store-departments .department {
		min-width: 342px
	}

	.store-detail-page .h1 {
		padding: 0 calc(8.3333333333% - 12px)
	}

	.store-detail-page .store-info {
		padding: 24px 0 36px
	}

	.store-detail-page .store-details {
		margin-top: 14px;
		text-align: center
	}

	.store-detail-page .store-details .btn-link {
		margin: 0 24px 6px 0;
		display: inline-flex
	}

	.store-detail-page .store-details .btn-link:last-of-type {
		margin-right: 0
	}

	.store-detail-page .btn-primary,
	.store-detail-page .btn-secondary {
		margin: 0 12px 0 0
	}

	.store-detail-page .store-buttons {
		margin: 12px auto 0;
		display: flex;
		justify-content: center
	}

	.store-detail-page .store-buttons a:last-of-type {
		margin-right: 0
	}

	.store-detail-page .store-opening-hours .store-white-box {
		padding: 0 8.3333333333%
	}

	.store-detail-page .store-opening-hours .store-white-box.expanded {
		padding: 18px 8.3333333333%
	}

	.store-detail-page .store-opening-hours .store-white-box .store-opening-container {
		display: inline-flex;
		width: 100%
	}

	.store-detail-page .store-opening-hours .store-white-box .store-opening-container>div {
		flex: 1 1 100%;
		margin-right: 24px;
		margin-bottom: 0
	}

	.store-detail-page .store-opening-hours .store-white-box .store-opening-container>div:last-of-type {
		margin-right: 0
	}

	.store-detail-page .store-opening-hours .store-white-box .store-opening-container>div .date-time .days-container,
	.store-detail-page .store-opening-hours .store-white-box .store-opening-container>div .date-time .time-container {
		flex: 1 1 100%
	}

	.store-detail-page .store-opening-hours .store-white-box .store-note {
		margin-top: 10px;
		width: 50%
	}

	.fuel-prices .price {
		min-width: 342px
	}

	.tables .component-content .comp-box .headline {
		padding: 12px 24px
	}

	.tables .component-content .comp-box .inside-container>.table-head-parent {
		max-height: inherit
	}

	.tables .component-content .comp-box .table-head .category,
	.tables .component-content .comp-box .table-head .desc,
	.tables .component-content .comp-box .table-highlight .category,
	.tables .component-content .comp-box .table-highlight .desc {
		max-width: inherit
	}

	.tables .component-content .comp-box .table-head .desc,
	.tables .component-content .comp-box .table-highlight .desc {
		display: flex
	}

	.tables .component-content .comp-box .table-head {
		display: inline-flex
	}

	.tables .component-content .comp-box .table-head .category {
		color: #002d72;
		font-weight: 700;
		margin-bottom: 0
	}

	.tables .component-content .comp-box .table-head .category>div {
		white-space: inherit;
		overflow: visible;
		text-overflow: inherit
	}

	.tables .component-content .comp-box .table-head .category.active {
		font-size: inherit
	}

	.tables .component-content .comp-box .table-head .category.active::after {
		display: none
	}

	.tables .component-content .comp-box .table-highlight {
		flex-direction: row;
		align-items: stretch
	}

	.tables .component-content .comp-box .table-highlight .category {
		display: flex;
		justify-content: center;
		align-items: center;
		padding-top: 12px
	}

	.tables .component-content .comp-box .table-highlight .category.active {
		display: flex
	}

	.tables .component-content .comp-box .table-highlight>:nth-child(even) {
		background-color: #cce0ff
	}

	.tables .component-content .comp-box .table-head-parent {
		white-space: inherit;
		line-height: inherit
	}

	.tables .component-content .comp-box .table-head .category,
	.tables .component-content .comp-box .table-head .column,
	.tables .component-content .comp-box .table-head .desc,
	.tables .component-content .comp-box .table-highlight .category,
	.tables .component-content .comp-box .table-highlight .column,
	.tables .component-content .comp-box .table-highlight .desc,
	.tables .component-content .comp-box .table-row .category,
	.tables .component-content .comp-box .table-row .column,
	.tables .component-content .comp-box .table-row .desc {
		flex: 1 1 20%
	}

	.tables .component-content .comp-box .table-head .desc,
	.tables .component-content .comp-box .table-highlight .desc,
	.tables .component-content .comp-box .table-row .desc {
		text-align: left;
		justify-content: flex-start;
		padding: 12px 24px
	}

	.tables .component-content .comp-box .table-rows .table-row {
		display: flex
	}

	.tables .component-content .comp-box .table-rows .table-row>:nth-child(odd) {
		background-color: #f2f5f8
	}

	.tables .component-content .comp-box .table-rows .table-row .column {
		display: flex
	}

	.tables .component-content .comp-box .table-rows .table-row .column .text,
	.tables .component-content .comp-box .table-rows .table-row .desc .text {
		color: #33435b;
		line-height: 24px;
		padding: 12px 24px;
		width: auto
	}

	.tables .component-content .comp-box .table-rows .table-row .column .btn-primary,
	.tables .component-content .comp-box .table-rows .table-row .desc .btn-primary {
		margin: 24px
	}

	.tables .component-content .comp-box .table-rows .table-row .column .btn-primary+.img,
	.tables .component-content .comp-box .table-rows .table-row .desc .btn-primary+.img {
		padding-top: 0
	}

	.tables .component-content .comp-box .img {
		padding: 24px
	}

	.tabs {
		width: 100%;
		margin: unset
	}

	.teasers-list .teasers>div {
		flex: 1 0 0;
		min-width: 360px;
		height: 100%
	}

	.teasers-list .teasers>div~div {
		max-width: 50%
	}

	.content-teaser.teasers-list .teasers>.category-teaser-tile {
		max-width: calc(33.3333% - 12px)
	}

	.tile-image-teaser-row-container .image-section {
		padding-bottom: 12px
	}

	.tile-image-teaser-row-container .image-section .image-box {
		padding-bottom: 0
	}

	.component.container .component-content .component .tile-image-teaser .tile-content,
	.tile-image-teaser .tile-content,
	.tile-image-teaser-row-container .image-section .image-box .image-link-container .image-link-label {
		font-size: 20px
	}

	.unified-results.search-catalog a {
		width: 22.2222222222%
	}

	.unified-results.search-metromarket a,
	.unified-results.search-mshop a {
		width: 12.5%
	}

	.unified-results.search-infoservices a {
		width: 22.2222222222%
	}
	.or-top{
        margin-top: 90px;
    }
}

@media(min-width:992px) {

	.col-md-1,
	.col-md-10,
	.col-md-11,
	.col-md-12,
	.col-md-2,
	.col-md-3,
	.col-md-4,
	.col-md-5,
	.col-md-6,
	.col-md-7,
	.col-md-8,
	.col-md-9 {
		float: left
	}

	.col-md-12 {
		width: 100%
	}

	.col-md-11 {
		width: 91.66666667%
	}

	.col-md-10 {
		width: 83.33333333%
	}

	.col-md-9 {
		width: 75%
	}

	.col-md-8 {
		width: 66.66666667%
	}

	.col-md-7 {
		width: 58.33333333%
	}

	.col-md-6 {
		width: 50%
	}

	.col-md-5 {
		width: 41.66666667%
	}

	.col-md-4 {
		width: 33.33333333%
	}

	.col-md-3 {
		width: 25%
	}

	.col-md-2 {
		width: 16.66666667%
	}

	.col-md-1 {
		width: 8.33333333%
	}

	.col-md-pull-12 {
		right: 100%
	}

	.col-md-pull-11 {
		right: 91.66666667%
	}

	.col-md-pull-10 {
		right: 83.33333333%
	}

	.col-md-pull-9 {
		right: 75%
	}

	.col-md-pull-8 {
		right: 66.66666667%
	}

	.col-md-pull-7 {
		right: 58.33333333%
	}

	.col-md-pull-6 {
		right: 50%
	}

	.col-md-pull-5 {
		right: 41.66666667%
	}

	.col-md-pull-4 {
		right: 33.33333333%
	}

	.col-md-pull-3 {
		right: 25%
	}

	.col-md-pull-2 {
		right: 16.66666667%
	}

	.col-md-pull-1 {
		right: 8.33333333%
	}

	.col-md-pull-0 {
		right: auto
	}

	.col-md-push-12 {
		left: 100%
	}

	.col-md-push-11 {
		left: 91.66666667%
	}

	.col-md-push-10 {
		left: 83.33333333%
	}

	.col-md-push-9 {
		left: 75%
	}

	.col-md-push-8 {
		left: 66.66666667%
	}

	.col-md-push-7 {
		left: 58.33333333%
	}

	.col-md-push-6 {
		left: 50%
	}

	.col-md-push-5 {
		left: 41.66666667%
	}

	.col-md-push-4 {
		left: 33.33333333%
	}

	.col-md-push-3 {
		left: 25%
	}

	.col-md-push-2 {
		left: 16.66666667%
	}

	.col-md-push-1 {
		left: 8.33333333%
	}

	.col-md-push-0 {
		left: auto
	}

	.col-md-offset-12 {
		margin-left: 100%
	}

	.col-md-offset-11 {
		margin-left: 91.66666667%
	}

	.col-md-offset-10 {
		margin-left: 83.33333333%
	}

	.col-md-offset-9 {
		margin-left: 75%
	}

	.col-md-offset-8 {
		margin-left: 66.66666667%
	}

	.col-md-offset-7 {
		margin-left: 58.33333333%
	}

	.col-md-offset-6 {
		margin-left: 50%
	}

	.col-md-offset-5 {
		margin-left: 41.66666667%
	}

	.col-md-offset-4 {
		margin-left: 33.33333333%
	}

	.col-md-offset-3 {
		margin-left: 25%
	}

	.col-md-offset-2 {
		margin-left: 16.66666667%
	}

	.col-md-offset-1 {
		margin-left: 8.33333333%
	}

	.col-md-offset-0 {
		margin-left: 0
	}
}

@media  screen and (max-width: 767px) {
    .or-top{
        margin-top: 10px !important;
    }
}

@media (min-width: 1920px) and (max-width: 2560px) {
	.nav-category .nav-item .nav-link {
		font-size: 12px !important;
	}
}