@charset "UTF-8";
@media (min-width: 981px) and (max-width: 1400px) {
  ul.listing-loop.oelsamen:not(.splide__list) {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}
@media (max-width: 980px) {
  ul.listing-loop.oelsamen:not(.splide__list) {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  ul.listing-loop.oelsamen:not(.splide__list) {
    grid-template-columns: repeat(1, 1fr);
  }
}
ul.listing-loop.oelsamen:not(.splide__list) {
  margin-top: 40px;
  grid-gap: 48px;
}
ul.listing-loop.oelsamen:not(.splide__list) li {
  display: flex;
  justify-content: center;
}
ul.listing-loop.oelsamen:not(.splide__list) li .listing-card {
  aspect-ratio: 62/100;
  container-type: inline-size;
  box-shadow: none !important;
  overflow: visible !important;
  border-radius: 0;
  background: transparent;
  --spaceunit: 364;
  min-width: 300px;
  max-width: calc(var(--spaceunit) * 1px);
}
ul.listing-loop.oelsamen:not(.splide__list) li .listing-card .switch {
  margin-right: clamp(0px, 800 / var(--spaceunit) * 1cqw, 8px);
  position: relative;
  display: inline-block;
  width: clamp(0px, 5000 / var(--spaceunit) * 1cqw, 50px);
  height: clamp(0px, 2600 / var(--spaceunit) * 1cqw, 26px);
}
ul.listing-loop.oelsamen:not(.splide__list) li .listing-card {
  /* The slider */
}
ul.listing-loop.oelsamen:not(.splide__list) li .listing-card .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
ul.listing-loop.oelsamen:not(.splide__list) li .listing-card .slider:before {
  position: absolute;
  content: "";
  height: clamp(0px, 2000 / var(--spaceunit) * 1cqw, 20px);
  width: clamp(0px, 2000 / var(--spaceunit) * 1cqw, 20px);
  left: clamp(0px, 400 / var(--spaceunit) * 1cqw, 4px);
  bottom: clamp(0px, 300 / var(--spaceunit) * 1cqw, 3px);
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
ul.listing-loop.oelsamen:not(.splide__list) li .listing-card .slider.round {
  border-radius: clamp(0px, 2000 / var(--spaceunit) * 1cqw, 20px);
}
ul.listing-loop.oelsamen:not(.splide__list) li .listing-card .slider.round:before {
  border-radius: 50%;
}
ul.listing-loop.oelsamen:not(.splide__list) li .listing-card .flip-card[data-answer=a] .oelsamen-footer .answer-a {
  background: var(--color-brass);
  color: #fffbf4;
}
ul.listing-loop.oelsamen:not(.splide__list) li .listing-card .flip-card[data-answer=a] .answer-a-oil .verse-link {
  color: var(--color-dark-petrol);
}
ul.listing-loop.oelsamen:not(.splide__list) li .listing-card .flip-card[data-answer=a] .answer-a-oil .slider {
  background-color: var(--color-brass);
}
ul.listing-loop.oelsamen:not(.splide__list) li .listing-card .flip-card[data-answer=a] .answer-a-oil .slider:before {
  left: clamp(0px, 2600 / var(--spaceunit) * 1cqw, 26px);
}
ul.listing-loop.oelsamen:not(.splide__list) li .listing-card .flip-card[data-answer=a] .answer-a-oil .spiritual-relevance .label, ul.listing-loop.oelsamen:not(.splide__list) li .listing-card .flip-card[data-answer=a] .answer-a-oil .spiritual-relevance .oelstand {
  opacity: 1;
}
ul.listing-loop.oelsamen:not(.splide__list) li .listing-card .flip-card[data-answer=b] .oelsamen-footer .answer-b {
  background: var(--color-brass);
  color: #fffbf4;
}
ul.listing-loop.oelsamen:not(.splide__list) li .listing-card .flip-card[data-answer=b] .answer-b-oil .slider {
  background-color: var(--color-brass);
}
ul.listing-loop.oelsamen:not(.splide__list) li .listing-card .flip-card[data-answer=b] .answer-b-oil .slider:before {
  left: clamp(0px, 2600 / var(--spaceunit) * 1cqw, 26px);
}
ul.listing-loop.oelsamen:not(.splide__list) li .listing-card .flip-card[data-answer=b] .answer-b-oil .spiritual-relevance .label, ul.listing-loop.oelsamen:not(.splide__list) li .listing-card .flip-card[data-answer=b] .answer-b-oil .spiritual-relevance .oelstand {
  opacity: 1;
}

.flip-card.oelsamen {
  aspect-ratio: 62/100;
}

body.single-oelsamen ul.listing-loop.oelsamen:not(.splide__list) {
  grid-template-columns: repeat(1, 1fr) !important;
}

.oelsamen-footer .answer-a {
  margin-bottom: 1px;
}
.oelsamen-footer .answer-a, .oelsamen-footer .answer-b {
  background: var(--color-primary);
  color: #fffbf4;
  padding: clamp(0px, 1600 / var(--spaceunit) * 1cqw, 16px) clamp(0px, 2400 / var(--spaceunit) * 1cqw, 24px);
  text-align: left;
  cursor: pointer;
  font-size: clamp(0px, 1300 / var(--spaceunit) * 1cqw, 13px);
  transition: all 0.2s ease;
}
@media (min-width: 981px) {
  .oelsamen-footer .answer-a:hover, .oelsamen-footer .answer-b:hover {
    background: var(--color-brass);
  }
}

.listing-card.oelsamen .loop-item-title {
  display: none;
}
.listing-card.oelsamen .loop-item-content {
  padding: 0 !important;
}
.listing-card.oelsamen .oelsamen-front-wrapper {
  height: 100%;
}
.listing-card.oelsamen .oelsamen-front-wrapper .moral {
  margin-top: clamp(0px, 800 / var(--spaceunit) * 1cqw, 8px);
}
.listing-card.oelsamen .oelsamen-front-wrapper .oelsamen-life-event {
  text-align: left;
  padding: clamp(0px, 1600 / var(--spaceunit) * 1cqw, 16px) clamp(0px, 2400 / var(--spaceunit) * 1cqw, 24px);
  border-bottom: 1px dotted;
  font-size: clamp(0px, 1300 / var(--spaceunit) * 1cqw, 13px);
  line-height: clamp(0px, 2600 / var(--spaceunit) * 1cqw, 26px) !important;
}
.listing-card.oelsamen .oelsamen-front-wrapper .eolsame-question {
  text-align: left;
  padding: clamp(0px, 1600 / var(--spaceunit) * 1cqw, 16px) clamp(0px, 2400 / var(--spaceunit) * 1cqw, 24px);
  line-height: clamp(0px, 2600 / var(--spaceunit) * 1cqw, 26px) !important;
  font-size: clamp(0px, 1300 / var(--spaceunit) * 1cqw, 13px);
}

.oelsamen-head {
  background: var(--color-primary);
}
.oelsamen-head .oelsamen-menora {
  justify-content: center;
  width: 33%;
  padding: clamp(0px, 1600 / var(--spaceunit) * 1cqw, 16px);
  border-left: 1px var(--color-brass) dotted;
}
.oelsamen-head .oelsamen-title {
  width: 66%;
  flex-direction: column;
  justify-content: center;
  display: flex;
}
.oelsamen-head .oelsamen-title h3 {
  color: #fffbf4 !important;
  font-size: clamp(0px, 3000 / var(--spaceunit) * 1cqw, 30px) !important;
  text-align: left;
  padding: clamp(0px, 1600 / var(--spaceunit) * 1cqw, 16px) clamp(0px, 2400 / var(--spaceunit) * 1cqw, 24px);
  font-weight: 900 !important;
  transition: all 0.2s ease;
}
.oelsamen-head .oelsamen-title a:hover h3 {
  color: var(--color-brass) !important;
}

.flip-card {
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
}

/* This container is needed to position the teaser and front side */
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

.flip-card.flipped .flip-card-inner {
  transform: rotateY(-180deg);
}
.flip-card.flipped .flip-card-teaser {
  display: none;
}

/* Position the teaser and front side */
.flip-card-teaser, .flip-card-front, .flip-card-back {
  background: #fffbf4;
  box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.16);
  border-radius: 6px 6px 60px;
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}

/* Style the teaser side (fallback if image is missing) */
.flip-card-teaser {
  cursor: pointer;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  display: flex;
  background: var(--color-dark-petrol);
}
.flip-card-teaser h3 {
  margin: clamp(0px, 1600 / var(--spaceunit) * 1cqw, 16px) 0;
  color: var(--color-brass) !important;
}
.flip-card-teaser .oelsamen-menora {
  padding: clamp(0px, 3000 / var(--spaceunit) * 1cqw, 30px) clamp(0px, 10000 / var(--spaceunit) * 1cqw, 100px);
}

/* Style the front side */
.flip-card-teaser {
  transform: rotateY(0deg);
  border-radius: clamp(0px, 600 / var(--spaceunit) * 1cqw, 6px) clamp(0px, 600 / var(--spaceunit) * 1cqw, 6px) clamp(0px, 6000 / var(--spaceunit) * 1cqw, 60px) clamp(0px, 600 / var(--spaceunit) * 1cqw, 6px);
}

.flip-card-back {
  display: flex;
  transform: rotateY(180deg);
}
.flip-card-back .comment {
  padding: 0 clamp(0px, 2400 / var(--spaceunit) * 1cqw, 24px) clamp(0px, 1600 / var(--spaceunit) * 1cqw, 16px) clamp(0px, 2400 / var(--spaceunit) * 1cqw, 24px);
  text-align: left;
  font-size: clamp(0px, 1300 / var(--spaceunit) * 1cqw, 13px);
  line-height: clamp(0px, 1300 / var(--spaceunit) * 1.9cqw, 40px);
}
.flip-card-back .oelsamen-footer {
  background: var(--color-primary);
  color: #fff;
  padding: clamp(0px, 1600 / var(--spaceunit) * 1cqw, 16px) clamp(0px, 2400 / var(--spaceunit) * 1cqw, 24px);
  font-size: clamp(0px, 1300 / var(--spaceunit) * 1cqw, 13px);
}

.spiritual-relevance {
  padding: clamp(0px, 1600 / var(--spaceunit) * 1cqw, 16px) clamp(0px, 2400 / var(--spaceunit) * 1cqw, 24px);
}
.spiritual-relevance .label, .spiritual-relevance .oelstand {
  opacity: 0.75;
  font-size: clamp(0px, 1300 / var(--spaceunit) * 1cqw, 13px);
  text-decoration: underline;
  font-weight: bold;
}

.answer-b-oil {
  border-top: 1px dotted;
}

.oelsamen-teaser-border {
  position: absolute;
  top: 5px;
  left: 5px;
  width: calc(100% - 5px);
  height: calc(100% - 5px);
  border: 2px solid var(--color-brass);
}
.oelsamen-teaser-border:before, .oelsamen-teaser-border:after {
  content: "•";
  position: absolute;
  width: 14px;
  height: 14px;
  font-size: 14px;
  color: var(--color-brass);
  border: 2px solid var(--color-brass);
  line-height: 12px;
  top: 5px;
  text-align: center;
}
.oelsamen-teaser-border:before {
  left: 5px;
}
.oelsamen-teaser-border:after {
  right: 5px;
}
.oelsamen-teaser-border .oelsamen-teaser-border-inner {
  height: calc(100% - 10px);
  top: 5px;
  left: 5px;
  width: calc(100% - 10px);
  position: relative;
  border: 2px solid var(--color-brass);
  padding: 40px;
}
.oelsamen-teaser-border .oelsamen-teaser-border-inner:before, .oelsamen-teaser-border .oelsamen-teaser-border-inner:after {
  content: "•";
  position: absolute;
  width: 14px;
  height: 14px;
  font-size: 14px;
  color: var(--color-brass);
  border: 2px solid var(--color-brass);
  line-height: 12px;
  bottom: -2px;
  text-align: center;
}
.oelsamen-teaser-border .oelsamen-teaser-border-inner:before {
  left: -2px;
}
.oelsamen-teaser-border .oelsamen-teaser-border-inner:after {
  right: -2px;
}

.oelstand-info {
  text-align: left !important;
}

.flip-indicator {
  cursor: pointer;
  position: absolute;
  bottom: -15px;
  right: -30px;
  background: var(--color-brass);
  transition: all 0.2s ease;
  width: 112px;
  height: 96px;
  border-radius: 6px 2px 2px 0;
  transform: scale(0.69) rotate(-6deg) !important;
  box-shadow: -0.75rem 0rem 2rem 0 rgba(0, 0, 0, 0.36);
}
.flip-indicator:hover {
  background: var(--color-weizen-gold);
}
.flip-indicator .arrow {
  position: absolute;
  bottom: 6px;
  right: 30px;
  width: clamp(0px, 5200 / var(--spaceunit) * 1cqw, 52px);
  transform: rotate(14deg);
}
.flip-indicator .oelsamen-teaser-border {
  position: absolute;
  top: 5px;
  left: 5px;
  width: calc(100% - 5px);
  height: calc(100% - 5px);
  border: 2px solid var(--color-dark-petrol);
}
.flip-indicator .oelsamen-teaser-border:before {
  content: "•";
  position: absolute;
  width: 14px;
  height: 14px;
  font-size: 14px;
  color: var(--color-dark-petrol);
  border: 2px solid var(--color-dark-petrol);
  line-height: 12px;
  top: 5px;
  text-align: center;
}
.flip-indicator .oelsamen-teaser-border:before {
  left: 5px;
}
.flip-indicator .oelsamen-teaser-border:after {
  display: none;
}
.flip-indicator .oelsamen-teaser-border .oelsamen-teaser-border-inner {
  height: calc(100% - 5px);
  top: 5px;
  left: 5px;
  width: calc(100% - 5px);
  position: relative;
  border: 2px solid var(--color-dark-petrol);
  padding: 40px;
}
.flip-indicator .oelsamen-teaser-border .oelsamen-teaser-border-inner:before {
  display: none;
}
.flip-indicator .oelsamen-teaser-border .oelsamen-teaser-border-inner:after {
  display: none;
}

@media (max-width: 768px) {
  .et_pb_posts_nav.nav-single {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
}
@media (max-width: 768px) {
  .et_pb_posts_nav.nav-single span a {
    width: 100%;
    text-align: center;
  }
}
.et_pb_posts_nav.nav-single span a {
  padding: 11px 40px;
  border-radius: 40px;
  font-size: 18px;
  color: #fff;
  transition: all 0.2s ease;
  background: var(--color-primary);
}
.et_pb_posts_nav.nav-single span a:hover {
  background: var(--color-terrakotta);
}

/*# sourceMappingURL=oelstand.css.map */