section.m36_services {
padding-bottom: 153px
}
section.m36_services .m36_services_post {
position: sticky;
top: 100px;
height: auto !important;
border-top: 2px solid #d7d9db;
background: rgba(233, 233, 234, .7);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
padding-bottom: 70px;
}
section.m36_services .m36_services_post:last-child {
border-bottom: 2px solid #d7d9db;
}
section.m36_services .mM_post_type_post_count_title_container {
display: flex;
gap: 0 180px;
padding-top: 63px;
padding-bottom: 45px;
transition: padding .4s;
}
section.m36_services .mM_post_type_post_count_title_container.lower_padding {
padding-top: 18px;
padding-bottom: 0;
}
section.m36_services .mM_post_type_post_count_container {
margin-top: 4px;
}
section.m36_services .mM_post_type_post_count_container p {
font-family: "Nexa Book", sans-serif;
}
section.m36_services .mM_post_type_post_image_portfolio_container {
display: flex;
}
section.m36_services .mM_post_type_post_image_portfolio_col {
width: 50%;
}
section.m36_services .mM_post_type_post_image_portfolio_right_col {
padding: 0 15% 0 13%;
}
section.m36_services .mM_post_type_post_image_container {
width: 100%;
max-width: 657px;
height: 350px;
border-radius: 25px;
overflow: hidden;
}
section.m36_services .mM_post_type_post_portfolio_item {
margin-bottom: -2px;
cursor: default;
}
section.m36_services .mM_post_type_post_portfolio_item p {
display: inline-block;
font-family: "Nexa-Heavy", sans-serif;
font-size: 1.5625rem;
transition: font-family .4s;
}
section.m36_services .mM_post_type_post_portfolio_item p:hover {
font-family: "Nexa Book Italic", sans-serif;
}
section.m36_services .mM_post_type_post_zusatzinfo_container {
margin-top: 28px;
}
section.m36_services .mM_post_type_post_zusatzinfo_container p {
font-family: "Nexa Book", sans-serif;
}
@media all and (min-width: 2000px) {
section.m36_services .mM_post_type_post_image_container {
max-width: 800px;
height: 450px;
}
}
@media all and (min-width: 2200px) {
section.m36_services .mM_post_type_post_image_container {
max-width: 900px;
height: 550px;
}
}
@media all and (min-width: 2400px) {
section.m36_services .mM_post_type_post_image_container {
max-width: 1000px;
height: 650px;
}
}
@media all and (max-width: 1849px) {
section.m36_services .mM_post_type_post_image_portfolio_right_col {
padding: 0 10% 0;
}
}
@media all and (max-width: 1399px) {
section.m36_services .mM_post_type_post_image_portfolio_right_col {
padding: 0 5% 0;
}
}
@media all and (max-width: 1199px) {
section.m36_services {
padding-bottom: 75px
}
section.m36_services .mM_post_type_post_count_title_container {
gap: 0 100px;
}
section.m36_services .mM_post_type_post_title_container h3 {
font-size: 2.2rem;
}
section.m36_services .mM_post_type_post_image_container {
height: 300px;
}
}
@media all and (max-width: 991px) {
section.m36_services .mM_post_type_post_image_portfolio_container {
display: block;
}
section.m36_services .mM_post_type_post_image_portfolio_col {
width: 100%;
}
section.m36_services .mM_post_type_post_image_portfolio_left_col {
margin-bottom: 30px;
}
section.m36_services .mM_post_type_post_image_container {
max-width: 100%;
height: 350px;
}
section.m36_services .mM_post_type_post_image_portfolio_right_col {
padding: 0;
}
section.m36_services .mM_post_type_post_count_title_container {
flex-direction: column;
}
section.m36_services .m36_services_post {
position: relative;
top: auto !important;
padding-bottom: 45px;
}
section.m36_services .mM_post_type_post_count_title_container {
display: flex;
gap: 0 180px;
padding-top: 35px !important;
padding-bottom: 20px !important;
transition: padding .4s;
}
}
@media all and (max-width: 767px) {
section.m36_services .mM_post_type_post_image_container {
height: 300px;
}
section.m36_services .mM_post_type_post_title_container {
margin: 10px 0;
}
section.m36_services .mM_post_type_post_title_container h3 {
font-size: 2.2rem;
line-height: 1;
}
section.m36_services .mM_post_type_post_count_title_container {
padding-top: 43px;
padding-bottom: 25px;
}
}
@media (max-width: 575px) {
section.m36_services {
padding-bottom: 60px
}
section.m36_services .mM_post_type_post_image_container {
height: 250px;
}
}
@media (max-width: 475px) {
section.m36_services .mM_post_type_post_image_container {
height: 200px;
}
section.m36_services .mM_post_type_post_title_container h3 {
font-size: 2rem;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
-o-hyphens: auto;
hyphens: auto;
word-break: break-word;
}
section.m36_services .mM_post_type_post_portfolio_item p {
font-size: 1.4rem;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
-o-hyphens: auto;
hyphens: auto;
word-break: break-word;
}
}