body .px-immobilien[data-slider=false] {
background-color: var(--mainColor);
margin-top: 20px;
margin-bottom: 20px;
padding-top: var(--fl-margin-after-medium);
padding-bottom: var(--fl-margin-after-medium);
position: relative;
}
body .px-immobilien[data-slider=false]:after, body .px-immobilien[data-slider=false]:before {
content: url('data:image/svg+xml,');
position: absolute;
left: 0;
max-width: 100vw;
overflow: hidden;
}
body .px-immobilien[data-slider=false]:before {
top: -20px;
}
body .px-immobilien[data-slider=false]:after {
bottom: -20px;
}
body .px-immobilien[data-slider=false] > * {
max-width: var(--maxWidthBig);
width: var(--baseWidth);
margin-left: auto;
margin-right: auto;
}
@media screen and (min-width: 1201px) {
body .px-immobilien[data-slider=false] .real-estate-post-list {
flex-wrap: wrap;
justify-content: center;
}
}
@media screen and (max-width: 1200px) {
body .px-immobilien[data-slider=false] .real-estate-post-list {
overflow-x: auto;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
-webkit-overflow-scrolling: touch;
padding-bottom: 20px;
padding-right: max(4%, (100% - var(--maxWidthBig)) / 2);
max-width: 100%;
}
}
@media screen and (max-width: 1200px) and (max-width: 1200px) {
body .px-immobilien[data-slider=false] .real-estate-post-list {
margin-left: max(4%, (100% - var(--maxWidthBig)) / 2);
}
}
@media screen and (max-width: 1200px) {
body .px-immobilien[data-slider=false] .real-estate-post-list::-webkit-scrollbar {
height: 4px;
}
body .px-immobilien[data-slider=false] .real-estate-post-list::-webkit-scrollbar-track {
height: 2px;
background: var(--greyVeryLight);
}
body .px-immobilien[data-slider=false] .real-estate-post-list::-webkit-scrollbar-thumb {
background: var(--secondColor);
border-radius: 10px;
}
body .px-immobilien[data-slider=false] .real-estate-post-list .real-estate-post {
scroll-snap-align: start;
flex-shrink: 0;
}
}
body .px-immobilien[data-slider=false] .innerBlocks {
margin-bottom: var(--fl-margin-after-small);
}
body .px-immobilien[data-slider=false] .innerBlocks * {
color: var(--contrastColorInverted);
}
body .px-immobilien[data-slider=false] .px-immobilien-buttons {
margin-top: var(--fl-margin-before-small);
}
body .px-immobilien[data-slider=true] {
display: flex;
gap: clamp(10px, 3vw, 45px);
}
@media screen and (min-width: 1201px) {
body .px-immobilien[data-slider=true] {
align-items: center;
}
}
@media screen and (max-width: 1200px) {
body .px-immobilien[data-slider=true] {
flex-direction: column;
}
}
body .px-immobilien[data-slider=true] .px-immobilien-buttons {
align-items: flex-start;
margin-top: var(--fl-margin-after-small);
gap: clamp(10px, 1.5vw, 30px);
min-width: max-content;
}
body .px-immobilien[data-slider=true] .real-estate-post-list {
overflow-x: auto;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
-webkit-overflow-scrolling: touch;
padding-bottom: 20px;
padding-right: max(4%, (100% - var(--maxWidthBig)) / 2);
max-width: 100%;
}
@media screen and (max-width: 1200px) {
body .px-immobilien[data-slider=true] .real-estate-post-list {
margin-left: max(4%, (100% - var(--maxWidthBig)) / 2);
}
}
body .px-immobilien[data-slider=true] .real-estate-post-list::-webkit-scrollbar {
height: 4px;
}
body .px-immobilien[data-slider=true] .real-estate-post-list::-webkit-scrollbar-track {
height: 2px;
background: var(--greyVeryLight);
}
body .px-immobilien[data-slider=true] .real-estate-post-list::-webkit-scrollbar-thumb {
background: var(--mainColor);
border-radius: 10px;
}
body .px-immobilien[data-slider=true] .real-estate-post-list .real-estate-post {
scroll-snap-align: start;
flex-shrink: 0;
}
@media screen and (min-width: 1201px) {
body .px-immobilien[data-slider=true] .slider-title {
font-size: clamp(20px, 5vw, 94px);
font-family: var(--headline);
font-weight: 700;
line-height: 57%;
color: rgba(210, 114, 13, 0.1);
margin-bottom: 0;
align-self: end;
writing-mode: sideways-lr;
}
}
@media screen and (max-width: 1200px) {
body .px-immobilien[data-slider=true] .slider-title {
display: none;
}
}
body .px-immobilien[data-slider=true] .innerBlocks {
margin-left: max(4%, (100% - var(--maxWidthBig)) / 2);
}
body .px-immobilien .real-estate-post-list {
display: flex;
gap: 20px;
}
body .px-immobilien .real-estate-post-list li:before {
display: none;
}
body .px-immobilien .real-estate-post-list .real-estate-post {
padding: 20px !important;
margin: 0 !important;
border-radius: 10px;
background-repeat: no-repeat;
background-size: 100% 100%;
position: relative;
background-image: url('data:image/svg+xml,');
display: flex;
flex-direction: column;
justify-content: space-between;
}
body .px-immobilien .real-estate-post-list .real-estate-post h1, body .px-immobilien .real-estate-post-list .real-estate-post h2, body .px-immobilien .real-estate-post-list .real-estate-post h3, body .px-immobilien .real-estate-post-list .real-estate-post h4, body .px-immobilien .real-estate-post-list .real-estate-post h5, body .px-immobilien .real-estate-post-list .real-estate-post h6 {
margin-bottom: 0 !important;
}
body .px-immobilien .real-estate-post-list .real-estate-post:hover .call-to-action .wp-block-button__link {
padding-left: 0px;
padding-right: 20px;
}
body .px-immobilien .real-estate-post-list .real-estate-post:hover .call-to-action .wp-block-button__link::before {
left: calc(100% - 10px);
}
@media screen and (min-width: 641px) {
body .px-immobilien .real-estate-post-list .real-estate-post {
flex: 0 0 361px;
}
}
@media screen and (max-width: 640px) {
body .px-immobilien .real-estate-post-list .real-estate-post {
flex: 0 0 96%;
}
}
body .px-immobilien .real-estate-post-list .real-estate-post .link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
body .px-immobilien .real-estate-post-list .real-estate-post figure {
aspect-ratio: 321/222;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 20px;
overflow: hidden;
width: 100%;
height: auto;
border-radius: 10px;
}
body .px-immobilien .real-estate-post-list .real-estate-post img {
width: 100%;
height: 100% !important;
object-fit: cover;
}
body .px-immobilien .real-estate-post-list .real-estate-post li {
padding: 0 !important;
display: flex;
justify-content: space-between;
align-items: center;
}
body .px-immobilien .real-estate-post-list .real-estate-post li:not(.call-to-action) {
font-size: 14px;
}
body .px-immobilien .real-estate-post-list .real-estate-post .call-to-action {
border-top: 1px solid var(--greyLight);
margin-top: 20px !important;
padding-top: 20px !important;
flex-wrap: wrap;
}
body .px-immobilien .real-estate-post-list .real-estate-post .call-to-action .price,
body .px-immobilien .real-estate-post-list .real-estate-post .call-to-action .wp-block-button__link {
font-weight: 700;
}
body .px-immobilien .real-estate-post-list .real-estate-post .call-to-action .wp-block-button__link {
margin-bottom: 0;
}