/**
 * local adjsutments for shoppingCartWindow
 */

.shoppingcartwrapper {
  position: absolute;
  left: auto;
  top: auto;
  right: 5vw;
  bottom: -10%;
  width: 220px;
  height: 50px;
  background-color: #fff;
  box-shadow: 5px 5px 0 0 #000;
  font-size: 13px;
  line-height: 21px;
  font-weight: 400;
}

.shoppingcartwrapper.blink {
  background-color: #fede49;
}

.shoppingcartwrapper:hover {
  left: auto;
  top: 75%;
  right: 5vw;
  bottom: auto;
  width: 55vw;
  height: auto;
  padding-top: 20px;
}


.shoppingcartcontent {
  width: 100%;

}

.shoppingcartwrapper:hover .shoppingcartcontent {
  display: block;
}

.shoppingcartwrapper:hover .shoppingcarttext {
  display: none;
}


@media screen and (max-width: 991px) {
  .shoppingcartwrapper:hover {
    width: 75vw;
  }
}

@media screen and (max-width: 767px) {
  .shoppingcartheaderlistitem {
    border-bottom: 1px solid #d6d6d6;
  }

  .shoppingcartwrapper:hover {
    width: 90vw;
  }

  .shoppingcartwrapper {
    bottom:  -25%;
  }

}


@media screen and (max-width: 479px) {
  .shoppingcartwrapper {
    bottom:  -63%;
  }

  .shoppingcarttopbutton {
    margin-top:  10px !important;
  }

  .shoppingcarttotalstextdivs  {
    overflow: visible;
  }

  .shoppingcartlinecolumns {
    flex-wrap: wrap;
  }

  .w-col-2, .w-col-6 {
    width:  45%;
  }

  .linePicture {
    width:  30%;
  }

  .lineName {
    width:  70%;
  }

  .lineQuantity {
    width:  30%;
  }

  .linePrice {
    width:  40%;
    text-align: right;
  }

  .lineGift {
    width:  30%;
    text-align: right;
  }

  .shoppingcarttext {
    font-size:  14px;
    text-align:  center;
    margin:  10px;
  }

  .hideWhenSmall {
    display:  none;
  }

  .totalLineText {
    width:  30%;
  }
}

@media screen and (max-width: 428px) {
  .shoppingcartwrapper {
    bottom:  -50%;
  }
}

@media screen and (max-width: 414px) {
  .shoppingcartwrapper {
    bottom:  -50%;
  }
}

@media screen and (max-width: 393px) {
  .shoppingcartwrapper {
    bottom:  -45%;
  }
}

@media screen and (max-width: 375px) {
  .shoppingcartwrapper {
    bottom:  -40%;
  }
}

@media screen and (max-width: 360px) {
  .shoppingcartwrapper {
    bottom:  -35%;
  }
}

@media screen and (max-width: 320px) {
  .shoppingcartwrapper {
    bottom:  -25%;
  }

  .lineQuantity span {
    padding-left:  0;
  }
}

@media screen and (max-width: 320px) {
  .shoppingcartwrapper {
    bottom:  -15%;
  }
}

/**
 * end of shopping cart adjustments
 */



.time {
	display: none;
}

.hidden {
	display:  none;
}

.body-2 {
	font-size: 14px;
	line-height: 21px;
}

.articletextright {
	min-width: 206px;
	padding-top: 30px;
	padding-bottom: 30px;
	height: max-content;
}

#mainImage {
	margin: 0 auto;
	height: 100%;
	display: block;
}

.maincontent {
	min-height: 200px;
}

.publisherlogo.article.mainimage {
  width: 95.5%;
  height: 44vw;
  margin-bottom: 9px;
  background-size: 90%;
  box-shadow: 8px 8px 0 0 #d2d2d2;
	text-align: center;
	min-height: 420px;
	max-height: 470px;
	max-width: 470px;
	display: block;
	margin: 0 auto;
}

.MagicThumb img {
	max-height: 470px !important;	
	width: auto !important;
}

.articlepageheadline {
	width: 95.5%;
	margin: 0 auto 5vh auto;
}

.articlepageimageselector {
	background-image: none;
	background-color: white;
	padding: 5px;
	max-width: 100px;
	max-height: 100px;
}

.articlepageicon {
	max-width: 100px;
	max-height: 100px;
}


.articlepagelightboxlink {
	position: relative;
	height: 100%;
	width: 100%;
}

.articlepagelightboxlink div {
	text-align: right;
	font-weight: bold;
	text-decoration: none;
	position: absolute;
	bottom: 3px;
	right: 0px;
	color: #e6e6e6;
	text-shadow: 1px 1px black;
}

.articlepagelightboxlink img {
	max-height: 100%;
	margin: auto auto;
	display: block;
}

.cartbutton {
	background-color: #d2681e;
	display: -webkit-flex;
  display: -ms-flexbox;
	display: flex;
}

.quantitySelector {
	height: 47px;
	width: 47px;
	color: black;
	text-align: right;
	font-size: 20px;
}

.cartquantitytext {
	white-space: nowrap;
	padding-right: 5px;
}

.generalPage {
	background-color: white;
	margin: 3vh auto 25vh auto;
    padding: 20px 20px 20px 20px;
    width: 90vw;
    word-wrap:break-word; 
}



.socialMediaTemplateFlexContainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  flex-wrap: wrap;
}

img.socialMediaIcon {
		width:  50px;
		height:  50px;
}

.socialMediaIconLink {
	margin:  10px;
}

.footer a {
	color:  white;
	text-decoration-color: white;
}

.footerembeddedlink {
	display:  block;
  color: #fff;
  text-decoration: underline;
  text-decoration-color:  white;
}

.footerembeddedlink:active {
  color: #fff;
}

.footerembeddedlink.capitalized {
  line-height: 22px;
  font-weight: 700;
  text-transform: uppercase;
}

/** SEARCH ! */
.MainSearchForm {
	position: relative;
}

.SearchFormBlock {
	margin-bottom:  0px;
}

.MainSearchInnerBlock {
		background-color: #d2681e;
		padding:  10px;
		width:  100%;
		min-width: 300px;
		margin: 20px auto;
		text-align: center;
		color:  white;
}

.MainSearchInnerBlock>input {
		margin-bottom:  0px;
		color:  white;
		background-color: #d2681e;
		border:  1px solid white;
}

.MainSearchInnerBlock>input::placeholder {
	color:  white;
	font-style:  italic;
}

.MainSearchInnerBlock>input::-ms-input-placeholder {
	color:  white;
	font-style:  italic;
}

.MainSearchInnerBlock>input:focus {
		border:  2px solid white;
		padding:  7px 11px;
}

.MainSearchSubmitButton {
		position:  absolute;
		right:  10px;
		bottom:  30px;

		width: 39px;
    height: 38px;

    background-color: #ddd;
    background-image: url(../images/lupe.svg), -webkit-gradient(linear, left top, left bottom, from(#fff), to(#d6d6d6));
    background-image: url(../images/lupe.svg), linear-gradient(180deg, #fff, #d6d6d6);
    background-position: 6px 6px, 0px 0px;
    background-size: 28px 28px, auto;
    background-repeat: no-repeat, repeat;
}

.searchsuggestions {
	position : absolute;
	top: 77px;
	width:  100%;
	border:  1px solid #d2681e;
	background-color: white;
	display:  none;
	z-index:  10;

	-webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}



.searchsuggestionlistitem {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 5px 10px;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
  color: #000;
  text-decoration: none;
}

.searchsuggestionlistitem:hover {
  background-color: #e2e2e2;
  color: #ad0907;
}

.searchsuggestionpicture {
  min-height: 36px;
  min-width: 36px;
  margin-right: 10px;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.searchsuggestionlink {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 6px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  overflow: hidden;
}

.searchsuggestionextensionblock {
	display:  none;
}

.searchsuggestionextensionlistitem {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 3px;
  padding-right: 10px;
  padding-left: 10px;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
  color: #000;
  font-size: 11px;
  line-height: 11px;
  text-decoration: none;
  overflow: none;
  white-space: nowrap;

}

.searchsuggestionextensionlistitem:hover {
  background-color: #e2e2e2;
  color: #ad0907;
}


.searcharticlesuggestionblock.subblock {
  width: 50%;
}

.searcharticlesuggestionblock.subblock:nth-child(2),
.searcharticlesuggestionblock.subblock:nth-child(4) {
 border-left: 1px solid #d6d6d6;
} 

.searcharticlesuggestionblock.subblock:nth-child(3),
.searcharticlesuggestionblock.subblock:nth-child(4) {
 border-bottom: 0;
} 

.searcharticlesuggestionblock {
  display: block;
  overflow: hidden;
  border-bottom: 1px solid #d6d6d6;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
}

.searchsuggestionextensionblock {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-bottom: 1px solid #d6d6d6;
}

.searchsuggestioncountlink {
  display: block;
  margin-bottom: 10px;
  padding-right: 10px;
  padding-left: 10px;
  font-size: 11px;
  line-height: 11px;
  text-align: right;
}

.subheader {
	padding-left:  10px;
}



.footermenu {
  position: relative;
  top: -43px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 92vw;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}




/** / Search **/

@media screen and (max-width: 1180px) {
	.articleicontext {
	  font-size: 25px;
	  line-height: 30px;
	}
}

@media screen and (max-width: 991px) {
	.publisherlogo.article.mainimage {
		text-align: center;
		min-height: 470px;
		max-height: 470px;
		max-width: 470px;
		display: block;
		margin: 0 auto;
	}

	.MagicThumb img {
		max-height: 450px !important;	
		width: auto !important;
	}
}

@media screen and (max-width: 769px) {
	h1 {
		font-size: 24px;
		line-height: 36px;
	}

	h1 {
		font-size: 20px;
		line-height: 30px;
	}

	.articleicontext {
	  font-size: 20px;
	  line-height: 22px;
	}

	.publisherlogo.article.mainimage {
		text-align: center;
		min-height: 470px;
		max-height: 470px;
		max-width: 470px;
		display: block;
		margin: 0 auto;
	}
}

@media screen and (max-width: 520px) {
	.articleicontext {
	  font-size: 14px;
	  line-height: 16px;
	}

	.publisherlogo.article.mainimage {
		text-align: center;
		min-height: 100px;
		max-height: 470px;
		max-width: 470px;
		display: block;
		margin: 0 auto;
		height: auto;
	}
}


@media screen and (max-width: 479px) {
	h1 {
		font-size: 24px;
		line-height: 36px;
	}

	h1 {
		font-size: 20px;
		line-height: 30px;
	}

	.articleicontext {
	  font-size: 14px;
	  line-height: 16px;
	}

	.headbackground {
		margin-bottom:  0px;
	}

}