.filter-clear,
.filter-current{
  display: none !important;
}

/* Book Recommendation */
.book-container {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.book-image {
  margin-right: 20px;
}

.book-image img {
  width: auto;
  height: 200px;
}

@media only screen and (max-width: 540px) {
  .book-container {
      flex-direction: column;
    }

    .book-description{
      margin-left: 15px;
    }
}

/* iFrame */
.video-container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
  overflow: hidden;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/* Product Image: */
.gallery-container {
  display:none;
}

.joe-content-image{
  margin-top: -25px;
  margin-bottom: 10px;
  width: 100%;
}

.joe-content-image .product-image{
  width: 100%;
  max-height: 230px;
  object-fit: cover;
}

@media only screen and (max-width: 768px) {
  .joe-content-image .product-image{
    margin-top: 25px;
  }
}

.product-list-style-01 .product-item .product-image-photo.hovered-img {
  opacity: 1 !important;
}

.main-inner .template {
  width: 100% !important;
}

#product-list-container .message.notice .block {
  display: none;
}

/* Search Input */
.joe-header-search{
  margin-left: 50px
}

.product .title{
  margin-bottom: -20px !important;
}

.field.search {
  overflow: visible !important;
}

.input-text {
  float: left;
  box-sizing: border-box;
  font-size: 13px !important;
}

.action.search{
  width: 80px;
  height: 30px;
  background-color: #2D636A;
  color: white;
}

.action.search:hover{
  width: 80px;
  height: 30px;
  background-color: white;
  color: #2D636A;
  border-color: #2D636A;
}

#search_mini_form {
  position: relative !important;
  display: flex;
  z-index: 2;
}

#search_mini_form .field.search {
  flex-grow: 1;
}

#search_mini_form .field.search .control input {
  width: 100% !important;
  margin-right: 2em !important;
}

#searchsuite-autocomplete {
  top: 30px ;
}

.searchsuite-autocomplete li{
  display: flex;
  align-items: center;
  }

#search_mini_form .action.search {
  height: 35px !important;
  width: 100px;
}

#search_mini_form ul[role=listbox] {
  margin-top: 35px
}

#resetSearchResults {
  position: absolute;
  right: 110px;
  top: 7px;
  font-size: 16px;
}

.searchsuite-autocomplete .title,
.qs-option-title a{
 color: #2D636A !important;
}

.search-autocomplete ul, .search-autocomplete ul li.selected {
  display: none;
}

/* 3 columns layout (search) */
.page-layout-3columns .columns .main {
  width: 64% !important;
}

.page-layout-3columns .columns .sidebar-main {
  width: 18% !important;
}

#product-list-container .products-grid .flex-grid {
  margin-left: 60px;
}

.page-layout-3columns .columns {
  margin-top: 1em !important;
}

.pagebuilder-column {
  overflow: hidden;
}

#search_mini_form {
  margin: 0 2em;
}

/* sidebar */
.block.filter .filter-options .filter-options-content .count {
  color: var(--joe-text-color)  !important;
  border: 1px solid var(--joe-text-color)  !important;
  opacity: .8 !important;
}


/* Contact Form*/
.form.cdz-contact{
  margin-top: 15px;
  padding: 20px;
  background-color: #F8F8F8 !important;
}

.legend-contact-form-joe {
  height: 40px;
  margin-right: 20px;
  background-size: 100%;
  padding-left: 10px;
  padding-top: 12px;
  font-size: 20px;
  font-weight: 400;
  color: #2D636A;
}

.cdz-contact input {
  background-color: white !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.cdz-contact textarea {
  background-color: white !important;
  padding-left: 15px;
  min-height: 200px;
}

.cdz-contact select {
  background-color: white !important;
  padding-right: 20px !important;
  outline: none !important;
  font-size: 13px !important;
}

.cdz-contact button.primary {
  background-color: #2D636A;
  border-color: #2D636A !important;
  color: white;
}

.cdz-contact button.primary:hover {
  background-color: transparent;
  text-transform: none;
  border-color: #2D636A !important;
  color: #2D636A;
  text-transform: uppercase;
}

.cdz-contact input::placeholder,
.cdz-contact textarea::placeholder {
    opacity: 1;
    color: grey;
}

/*.message-success{
  margin-top: 10px !important;
  font-size: 14px !important;
}*/

.message-success{
  margin-top: 10px !important;
  margin-bottom: 5px !important;
  padding-top: 17px !important;
  padding-bottom: 17px !important;
  padding-left: 45px !important;
  font-size: 16px !important;
}

.message.success>*:first-child:before {
  padding-top: 10px;
  padding-left: 10px;
  font-size: 33px;
}


/* Audio */
.hidden {
  display: none;
}

.player-volume-container{
  display: none;
}

.player {
  background: transparent;
}

.audio-btns {
  display: flex;
  justify-content: center;
  align-items: center;
}

.audio-btns button,
.audio-btns button:hover,
.audio-btns button:focus{
  background: transparent;
  border: none;
  cursor: pointer;
}

.player-play-btn {
  background: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
}

.icon-container {
  fill: transparent;
  stroke: none;
}

.player-play-btn:hover,
.player-play-btn:hover i,
.player-skip-previous-btn:hover,
.player-skip-next-btn:hover{
  background: transparent;
  border: none;
}

.player-skip-previous-btn i,
.player-skip-next-btn i,
.player-play-btn i
{
  color: #0e0e0e;
  position: relative;
  padding-top: 10px;
  display: block;
  font-size: 60px;
}

.player-timeline {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: space-between;
}

.player-progress {
  display: flex;
  position: relative;
  width:100%;
  height: 8px;
  background: #a3a3a3;
  border-radius: 25px;
  margin: 0px 0px 0px 0px;
  flex: 10;
  flex-basis: 100%;
  overflow: hidden;
}

.player-progress-filled {
  height: 8px;
  background: #0e0e0e;
  flex: 0;
  flex-basis: 0%;
  border-radius: 25px;
}

.player-time {
  padding: 5px;
  font-weight:bold;
}

/* Info Box */

.infobox-light{
  background-color: #E9EFF0;
  padding: 30px;
  margin-top:25px;
  margin-bottom:25px;
  position: relative;
}

.infobox-dark{
  background-color:  #336e75;
  padding: 30px;
  margin-top:25px;
  margin-bottom:25px;
  position: relative;
}

.infobox-dark p,
.infobox-dark span,
.infobox-dark strong,
.infobox-dark ul{
  font-size:18px !important;
  color:white !important;
  text-align:center;
  font-weight: bold;
}

.infobox-light p,
.infobox-light span,
.infobox-light strong,
.infobox-light ul
{
  color:black !important;
}

.joe-info-box{
  background-color: #E9EFF0;
  padding: 30px;
  margin-top:10px;
  position: relative;
}

.joe-info-box p,
.joe-info-box span,
.joe-info-box ul{
  font-size:16px
}


/* Quotes */
.joe-quote{
  font-weight: bold;
  text-align: center;
  color: #2D636A !important;
  background-color: #E9EFF0;
  padding: 40px;
  margin-top:10px;
  position: relative;
}

.joe-quote::before,
.joe-quote::after {
  content: "\201C";
  font-family: 'Times New Roman';
  font-size: 130px;
  position: absolute;
  color: #2D636A;
}

.joe-quote::before {
  top: -35px;
  left: 15px;
  transform: rotate(180deg);
}

.joe-quote::after {
  bottom: -35px;
  right: 15px;
}


.zitat{
  font-weight: bold;
  text-align: center;
  color: #2D636A !important;
  background-color: #E9EFF0;
  padding: 40px;
  margin-top:10px;
  position: relative;
}

.zitat{
  margin-bottom: 20px;
  margin-top:20px;
}

.zitat p,
.zitat span{
  font-weight: bold;
  font-size: 18px !important;
  color: #2D636A !important;
}


.zitat::before,
.zitat::after {
  content: "\201C";
  font-family: 'Times New Roman';
  font-size: 130px;
  position: absolute;
  color: #2D636A !important;
}

.zitat::before {
  top: -111px;
  left: 15px;
  transform: rotate(180deg);
}

.zitat::after {
  bottom: -109px;
  right: 15px;
}

/* edit start
@media only screen and (max-width: 768px) {
  .author-info {
    display: none;
  }

  .author-img{
    display: flex;
    justify-content: center;
  }
}
edit end */

/* Author-Box */
.author-box-container {
  position: relative;
  margin-bottom: 20px;
  margin-top: 20px;
}

.author-box::before {
  content: "";
  position: absolute;
  top: -6px;
  left: 0;
  width: 126px;
  height: 6px;
  background-color: #2D636A;
}

.author-box {
  display: flex;
  align-items: center;
  background-color: #E9EFF0;
  padding: 20px 20px 10px 20px;
  gap:20px;
}

.author-title{
  font-weight: bold;
  font-size: 18px;
  }

.author-img img {
  border-radius: 50%;
  width: 100px !important;
  height: auto;
  max-width: none !important;
}

@media (max-width: 768px) {
  .author-box {
    flex-direction: column;
  }
  .author-info {
    text-align: center;
  }
}


/* Table of Contents */
.table-of-contents{
  background-color: #F8F8F8;
  width: 100%;
  padding: 10px 10px 15px 10px;
  margin-bottom: 25px;
}

.table-of-contents a:focus {
  font-weight: bold;
}

/* Share-Button */
.social-share {
  display: flex;
  justify-content: flex-end;
  position: relative;
  cursor: pointer;
}

.icon-container {
  background-color: #2D636A;
  height: 380px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  margin-right: 45px;
}

.icon-container i {
  font-size: 30px;
  color: white;
}


/* Popup Social Share */
#overlay{
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.4);
  padding-top: 60px;
}

.view-modal, .popup{
  position: absolute;
  left: 50%;
}
#copy-link-button{
  cursor: pointer;
  border: 2px solid transparent;
}
button#copy-link-button:focus {
  background: initial;
  color: initial;
}
.view-modal {
  background-color: #2D636A;
  color: #e8e4ee;
  font-weight: bold;
  font-size: 18px;
  width: 42px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 10%;
  left: 90%;
  border: none;
  padding: 10px 20px;
}

.view-modal:hover {
  background-color: #2D636A;
  color: #e8e4ee;
  border: none;
  width: 42px;
  height: 40px;
}

.popup{
  background: rgb(255, 254, 254);
  padding: 25px;
  border-radius: 15px;
  top: 10%;
  max-width: 1000px;
  width: 100%;
  opacity: 0;
  pointer-events: none;
  box-shadow: 0px 10px 15px rgba(0,0,0,0.1);
  transform: translate(-50%, -50%) scale(1.2);
  transition: top 0s 0.2s ease-in-out,
              opacity 0.2s 0s ease-in-out,
              transform 0.2s 0s ease-in-out;
}
.popup.show{
  position: fixed;
  top: 40%;
  left: 50%;
  opacity: 1;
  pointer-events: auto;
  transform:translate(-50%, -50%) scale(1);
  transition: top 0s 0s ease-in-out,
              opacity 0.2s 0s ease-in-out,
              transform 0.2s 0s ease-in-out;

}
.popup :is(header, .share-field){
  display: flex;
  align-items: center;
  justify-content: space-between;
}

header .close{
  color: #878787;
  font-size: 17px;
  height: 33px;
  width: 33px;
  cursor: pointer;
}

.content p{
  font-size: 16px;
}

.content .share-field{
  margin: 12px 0 -5px 0;
  height: 40px;
  border-radius: 4px;
  padding: 0 5px;
  border: 1px solid #DBDBDB;
  background: #ececec;
}
.share-field i{
  font-size: 22px;
  vertical-align: bottom;
}
.share-field input{
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  font-size: 18px !important;
  font-weight: bold !important;
}

.share-field button{
  color: #2D636A;
  padding: 5px;
  background: transparent;
  border: none;
}
.share-field button:hover{
  background: none;
  color: #2D636A;
}

/* Social-Media Icons */
.social-media-icons {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}

.fa-facebook,
.fa-whatsapp,
.fa-linkedin{
  padding: 8px;
  font-size: 35px;
  width: 50px;
  text-align: center;
  text-decoration: none;
  margin: 5px;
  background: black;
  color: white !important;
  border-radius: 30%;
}
.fa:hover {
  transform: scale(1.1);
  color: white !important;
}

/* Titel */

.section-title,
.section-title-podcast{
  position: relative;
  text-align: left;
  margin-bottom: 20px !important;
  text-align: left
}

.section-title strong{
  font-size: 14px !important;
  font-weight: bold !important;
}

.section-title::before,
.section-title-podcast::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 77px;
  height: 6px;
  background-color: #2D636A;
  margin-top: 5px;
   transform: translateY(-50%);

}

.section-title::after,
.section-title-podcast::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 77px;
  width: calc(100% - 77px);
  height: 1px;
  background-color: #E0E0E0;
  margin-top: 5px;
  transform: translateY(-50%);
}

/* Product Filter */
.filter-options-content {
  display: block !important;
}
.filter-options-content[aria-hidden="true"] {
  display: none !important;
}

.js-cdz-checkbox {
  border: 1px solid #00000050 !important;
}
/*.product.media.full-width {
  display: none;
}*/

/*Catalogsearch */
.joe-content-title{
  font-family: 'Playfair Display' !important;
  font-size: 34px;
  font-weight: normal;
  margin-top: 15px;
  margin-bottom: 15px;
  padding-right: 50px;
}

.joe-content-type{
  font-family: 'Roboto';
  font-weight: bold;
  font-size: 14px;
  text-align: left;
}

.joe-content-type-box{
  color: white;
  padding: 0px 15px 0px 10px;
  width: auto;
  height: 25px;
  display: flex;
  align-items: center;
  text-decoration: none;
}

.joe-content-row{
  display: flex;
  align-items: center;
  gap:15px;
}


.joe-content-row .icon-clock{
  vertical-align:bottom !important;
  filter: brightness(0) saturate(100%) invert(0%) sepia(100%) saturate(10%) hue-rotate(165deg) brightness(106%) contrast(102%);
}

/*.joe-content-school-levels{
  margin-left: 15px;
  margin-right: 15px;
}*/

.joe-content-date{
  font-size: 13px;
  margin-left: 3px;
}

.joe-list-date {
  display: flex;
  gap: 5px;
}

.joe-list-type{
  font-family: 'Roboto';
  font-weight: bold;
  font-size: 15px;
  text-align: left;
}

.joe-list-topic{
  font-family: 'Roboto';
  font-size: 15px;
  font-weight: bold;
  color: #2D636A;
  margin-top: 5px;
  line-height: 15px;
  letter-spacing: 0;
  text-align: left;
}

.joe-type-box{
  color: white;
  padding: 0px 15px 0px 10px;
  width: auto;
  height: 30px;
  display: flex;
  align-items: center;
  position: absolute;
  top: 10px !important;
  left:10px;
  text-decoration: none;
}

.joe-content-topic, .joe-category-topic {
  font-family: 'Roboto';
  font-size: 16px;
  font-weight: bold;
  color: #2D636A;
  text-align: left;
}

.joe-category-topic {
  margin-top: 10px;
}

@media (max-width: 450px) {
  .joe-content-type {
    font-size: 11px;
  }
  .joe-content-type i {
    font-size: 14px !important;
  }
  .joe-content-school-levels {
    font-size: 11px;
  }
  .joe-content-date {
    font-size: 11px;
  }
}

.product-item-name .product-item-link,
.product-item .product-item-link,
.product-item-link,
.product.name a {
  font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-22)/var(--unnamed-line-spacing-24) var(--unnamed-font-family-miller-headline);
  letter-spacing: var(--unnamed-character-spacing-0);
  color: var(--unnamed-color-252728);
  text-align: left;
  font: normal normal normal 16px 'Playfair Display' !important;
  letter-spacing: 0px;
  opacity: 1;
  hyphens: none;
  -webkit-hyphens: none;
  -moz-hyphens: none;
}

.product-item-name{
  font-weight: 400;
  text-align: left;
  line-height: 24px;
  margin: 10px 0;
  word-wrap: break-word;
}

.product.details.product-item-details {
  display: flex;
  flex-direction: column;
}

.grid-style-01.products.wrapper.grid.products-grid.sidebar-widget .product.details.product-item-details{
  min-height: 80px !important;
}

.grid-style-01.products.wrapper.grid.products-grid .product.details.product-item-details,
.grid-style-46.products.wrapper.grid.products-grid .product.details.product-item-details,
.product-list-style-01 .product.details.product-item-details{
  min-height: 110px !important;
}


.product.details.product-item-details .joe-list-row {
  margin-top: auto;
}

.joe-list-level,
.joe-list-date{
  font-family: 'Roboto';
  font-size: 12px !important;
  color: #76767E;
  letter-spacing: 0px;
  line-height: 22px;
  opacity: 1;
}

.joe-list-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.icon-type {
  vertical-align:sub;
  font-size: 18px !important;
}

.icon-clock{
  margin-bottom: 2px;
  content: url('/pub/media/icons/schedule.svg');
}

 .product-item {
  width: 245px !important;
  margin: 0px 5px 25px 10px !important;
}


.product-image-photo {
  width: 100% !important;
  height: auto !important;
  display:block;
  margin-left: 0 !important;
  position:center;
}

@media only screen and (min-width: 615px) {
  .mediatip-widget .flex-grid {
    flex-wrap: nowrap !important;
  }
}

@media only screen and (max-width: 615px) {
  .mediatip-widget .flex-grid {
    flex-wrap: wrap !important;
  }

  .mediatip-widget,
  .article-widget{
    justify-content: center ;
  }
}


/* disabled elements */

.product-list-container .search.results .block,
.breadcrumbs,
.product.attribute.overview .type,
#tab-label-additional,
.price-wrapper,
.tocart,
.tocompare,
.utilies-toggle-wrap,
.menu-link,
.advanced-label,
.cdz-menu.cdz-horizontal-menu,
.cdz-ajax-trigger
{
  display: none !important;
}

/*.joe product view */
.joe-content-description{
  margin-top: 2em;
  margin-bottom: 2em;
}

.joe-content-shortdescription,
.joe-category-shortdesription {
  margin-top: 2em;
}

.joe-category-shortdescription strong{
  font-weight: 100;
}

.joe-content-shortdescription span,
.joe-content-shortdescription p,
.joe-content-shortdescription strong,
.joe-content-shortdescription li, .joe-content-shortdescription td,
.joe-content-description p, .joe-content-description li, .joe-content-description td,
.joe-category-shortdescription span,
.joe-category-shortdescription p,
.joe-category-shortdescription strong,
.joe-category-shortdescription li, .joe-category-shortdescription td,
.joe-category-description p, .joe-category-description li, .joe-category-description td
{
  font-size: 16px !important;
  font-family: 'Roboto' !important;
}

.joe-product-buttons {
  border-top: 1px solid var(--joe-green);
  border-bottom: 1px solid var(--joe-green);
  padding-top: 1em;
  padding-bottom: 1em;
  display: flex;
  justify-content: start;
  gap: 1em;
  margin-top: 3em;
}

.joe-product-bottom {
  padding-top: 5em;
  display: flex;
  justify-content: center;
}

.joe-category-shortdescription p, .joe-category-shortdescription li, .joe-category-shortdescription td,
.joe-category-description p, .joe-category-description li, .joe-category-description td,
.joe-content-shortdescription p, .joe-content-shortdescription li, .joe-content-shortdescription td,
.joe-content-description p, .joe-content-description li, .joe-content-description td{
  font-size: 16px;
}

/* Themepages */
.joe-article-widgets {
  display: flex;
  flex-wrap: wrap;
  gap: 2%;
  margin-top: -10px;
}

.joe-article-widget:first-of-type {
  width: 100%;
}

.joe-article-widget {
  width: 49%;
}

.item-group.joe-article-widget{
  margin-bottom: 30px;
}

.joe-category-image{
  display: flex;
  margin-bottom:10px;
}

.item-group.joe-article-widget:nth-of-type(2) .product-image.main-img,
.item-group.joe-article-widget:nth-of-type(3) .product-image.main-img{
  width: auto !important;
}


@media screen and (min-width: 1300px) {
.item-group.joe-article-widget:nth-of-type(2) .product-image.main-img,
.item-group.joe-article-widget:nth-of-type(3) .product-image.main-img{
 height: 250px !important;
  }
}

@media screen and (max-width: 1300px) {
.item-group.joe-article-widget:nth-of-type(2) .product-image.main-img,
.item-group.joe-article-widget:nth-of-type(3) .product-image.main-img{
  max-height: 360px !important;
}
}


.joe-category-title{
  font-family: 'Playfair Display' !important;
  font-size: 24px;
  font-weight: normal;
  margin-top: 10px;
  margin-bottom: 10px;
  text-decoration: none;
  color: inherit;
}

.joe-category-topic,
.joe-category-title {
    width: 100%;
}

.joe-category-shortdescription{
  margin-bottom: 20px;
}

.joe-category-shortdescription h3,
.joe-category-shortdescription .joe-quote {
  display: none;
}



/* product list */

.product-list-style-01 .product-item-link {
  text-transform: none !important;
}

.block.filter .filter-options .filter-options-item .filter-options-title {
  text-transform: none !important;
}

.sidebar-main #layered-filter-block .filter-content strong.filter-subtitle {
  display: none;
}

.product.attribute.overview,
.product #additional {
  background-color: transparent !important;
  border: 0px !important;
  padding: 0px !important;
}

.product.info.detailed.cdz-detailed-02 div,
.product.info.detailed table td,
.product.info.detailed th {
  border: 0px !important;
}

.product.info.detailed .col.label:after {
  content: ":"
}

.product-list-style-01 .product-item .product-image-photo.main-img,
.product-list-style-01 .product-item .product-image-photo.hovered-img {
  transform: none !important;
}

.product-list-style-01 .product-item {
  background-color: transparent !important;
}

.product-item-link {
  text-transform: none !important;
  text-align: justify;
}



.product-list-style-01 .action.primary span::before {
  content: " " !important;
}

.toolbar-products {
  border: 0px !important;
}


.product-list-style-01 .product-item-details {
  flex-grow: 0 !important;
}


/* general margins */
.page-header {
  margin: 0;
  width: 100% !important;
}

div[data-content-type="row"] {
  margin-bottom: 1.2em;
}

@media only screen and (min-width: 1200px) {

  .breadcrumbs .items,
  .page-main:not(.page-main-full)>div,
  .container:not(.sticky-menu) {
    width: 100% ;
  }
}

@media only screen and (min-width: 1400px) {
  .breadcrumbs .items,
  .page-main:not(.page-main-full)>div,
  .container:not(.sticky-menu) {
    width: 100% ;
  }
}

@media only screen and (min-width: 1610px) {
  .breadcrumbs .items,
  .page-main:not(.page-main-full)>div,
  .container:not(.sticky-menu) {
    width: 100% ;
  }
}

.block.filter .filter-options .filter-options-content .count {
  color: var(--joe-text-color)  !important;
  border: 1px solid var(--joe-text-color)  !important;
  opacity: .8 !important;
}

/* vimeo embed fix */
.product-left.pdif-sticky-col .product.media.full-width {
  position: inherit !important;
  min-height: 0px !important;
}

/* Image Source */
.joe-content-image .base-img-source{
  margin-bottom: 0px;
}

.author-box .author-img-source{
  float:right;
}

.banner-img-source,
.joe-content-image .base-img-source,
.joe-content-description .description-img-source,
.author-box-container .author-img-source{
  font-size: 12px !important;
  color: #76767E;
}


/* Related Products */
.block.related .product-item-info .product-item-top {
  width: inherit;
  padding: 0px !important;
}


@media only screen and (min-width: 1382px) {
  .block.related{
      position: absolute;
      top: 0px;
      right: -268px;
      max-width: 270px;
  }

  .product-info-wrap {
    padding: 0 27px;
  }
}

@media only screen and (max-width: 624px) {
  .related .flex-grid {
    justify-content: center;
  }
}

.joe-article-widget:first-of-type a {
  width: 100%;
}






.closing-alert {
  background-color: #ffffb5;
  font-size: 1.8em;
  padding: 0.7em;
  min-height: 2em;
  margin-top: 0.7em;
  display: flex;
  justify-content: center;
  align-items: center;
}

.closing-alert a,
.closing-alert a:active,
.closing-alert a:focus {
  font-weight: bold;
  text-decoration: none;
}

#header-panel-main {
  height: 260px;
}

#header-panel-main .header-panel-top {
  top: 60px;
}

.page-header {
  height: 280px;
}

@media only screen and (max-width: 950px) {
  .closing-alert {
    top: 120px;
    padding: 0.5em 2em;
    font-size: 1.2em;
  }

  .page-header {
    height: 300px;
  }

  #header-panel-main .header-panel-top {
    top: 60px;
  }

  #header-panel-main .header-panel-right {
    top: 210px !important;
  }

  #header-panel-main {
    height: 260px;
  }

}

@media only screen and (max-width: 539px) {
  .closing-alert {
    position: absolute;
  }

  .closing-alert span {
    padding: 0 0.5em;
  }
}

@media only screen and (min-width: 540px) {
  .closing-alert {
    top: 140px;
  }
}