@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 { }
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; } .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;
} .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; backface-visibility: hidden;
} .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);
} .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);
}