@font-face {
font-display: swap; 
font-family: 'Source Sans 3';
font-style: normal;
font-weight: 400;
src: url(//rl-architekten.de/wp-content/themes/Divi-child-langanki/webfonts/source-sans-3-v9-latin-regular.woff2) format('woff2'),
url(//rl-architekten.de/wp-content/themes/Divi-child-langanki/webfonts/source-sans-3-v9-latin-regular.ttf) format('truetype');
} @font-face {
font-display: swap;
font-family: 'Source Sans 3';
font-style: normal;
font-weight: 600;
src: url(//rl-architekten.de/wp-content/themes/Divi-child-langanki/webfonts/source-sans-3-v9-latin-600.woff2) format('woff2'),
url(//rl-architekten.de/wp-content/themes/Divi-child-langanki/webfonts/source-sans-3-v9-latin-600.ttf) format('truetype');
} @font-face {
font-display: swap;
font-family: 'Maven Pro';
font-style: normal;
font-weight: 400;
src: url(//rl-architekten.de/wp-content/themes/Divi-child-langanki/webfonts/maven-pro-v32-latin-regular.woff2) format('woff2'),
url(//rl-architekten.de/wp-content/themes/Divi-child-langanki/webfonts/maven-pro-v32-latin-regular.ttf) format('truetype');
} @font-face {
font-display: swap;
font-family: 'Maven Pro';
font-style: normal;
font-weight: 600;
src: url(//rl-architekten.de/wp-content/themes/Divi-child-langanki/webfonts/maven-pro-v32-latin-600.woff2) format('woff2'),
url(//rl-architekten.de/wp-content/themes/Divi-child-langanki/webfonts/maven-pro-v32-latin-600.ttf) format('truetype');
} *{
padding: 0;
margin: 0;
}
:root{
--grey:#bec3cd;
--grey50:#edf2f4;
--blue:#004e98;
--blue50:#5fa8d3;
--bgBlue:#0d3b66;
--white:#fff;
--default:#1c393a;
--defaultFont: 'Source Sans 3', sans-serif;
--headerFont: 'Maven Pro', sans-serif;
}
#page-container, .et_fixed_nav #main-header, .et_fixed_nav #top-header{
max-width:1920px;
margin:auto;
left: 0 !important;
right: 0 !important;
}
body{
font-family:var(--defaultFont);
color:var(--default);
word-wrap: unset; 
font-size: clamp(0.9375rem, 0.9162rem + 0.122vw, 1.0625rem);
font-weight:normal;
}
h1, h2, h3, h4{
font-family:var(--headerFont);
font-weight: 600;
color:var(--blue);
position: relative;
display: inline-block;
}
.h-legal h2, .h-legal h3, .h-legal h4{
display: block;
}	
p + h2, p + h3, p + h4, p + h5, p + h6, h1 + div h2:first-child {
padding-top: 1.5em;
}
h1, h2, .h3-xl h3{
font-size: clamp(1.5rem, 1.4146rem + 0.4878vw, 2rem);
padding-bottom: 1em;
}
h1 span, h2 span, h3 span, h4 span{
font-weight: 400;
color:var(--default);
}
h3, h4{
font-size: clamp(1.125rem, 1.061rem + 0.3659vw, 1.5rem);
}
.dipi-htl-items h4 span{
font-weight: 600;
color: var(--blue);
}
h1::after, h2::after, h3::after{
content: '';
width: calc(100% + 32px);
height: 1px;
position: absolute;
bottom: 1em;
right: 0;
background: var(--default);
}
.h-legal h2::after, .h-legal h3::after{
width: 0;
height: 0;
background: transparent;
}
h3::after{
bottom: .3em;
}
.h3-xl h3::after{
bottom: 1em;
}
.bg-dark h2, .bg-dark h3, .bg-dark h4{
color: var(--white);
}
.bg-dark h2 span, .bg-dark h3 span, .bg-dark h4 span{
color: var(--grey);
}
.bg-dark h1::after, .bg-dark h2::after, .bg-dark h3::after{
background: var(--grey50);
}
p a{
text-decoration: underline;
}
@media screen and (min-width: 981px){
h1::after, h2::after, h3::after{
width: calc(100% + 54px);
}
}
@media screen and (min-width: 1400px){
h1::after, h2::after, h3::after{
width: calc(100% + 104px);
}
} header{
left: 0 !important;
right: 0 !important;
}
.et_header_style_slide #et-top-navigation, .et_header_style_fullscreen #et-top-navigation{
padding: 11px 0;
}
.hamburger-box{
width: 42px;
height: 42px;
}
@media screen and (max-width: 980px){
.dipi_hamburger.hamburger{
margin: 21px 0 0 !important;
}
}
.dipi_hamburger .hamburger-inner, .dipi_hamburger .hamburger-inner::after, .dipi_hamburger .hamburger-inner::before{
width: 21px;
height: 2px;
right: 0;
}
.dipi_hamburger .hamburger-inner::before{
width: 30px;
top: -10px;
}
.hamburger--squeeze.is-active .hamburger-inner::before {
opacity: 1;
}
.dipi_hamburger .hamburger-inner::after{
width: 42px;
bottom: -10px;
}
.dipi_hamburger.hamburger.is-active .hamburger-inner{
width: 42px;
}
.et_slide_in_menu_container{
top: 64px !important;
border-top: 3px solid var(--blue);
}
.et_header_style_slide .et_slide_in_menu_container{
max-width: none;
width: 98% !important;
}
.et_mobile_menu::before{
height: 4%;
}
.et_header_style_left .et_mobile_menu.et_mobile_menu{
top: 0;
}
.et_slide_in_menu_container #mobile_menu_slide li a{
font-size: clamp(1.125rem, 1.093rem + 0.1829vw, 1.3125rem);
}
.et_slide_in_menu_container #mobile_menu_slide li.current-menu-item a{
font-weight: 600;
}
@media screen and (min-width: 576px){
.et_header_style_slide .et_slide_in_menu_container{
max-width: 480px;
width: 90% !important;
}
}
@media screen and (min-width: 769px){
.et_header_style_slide .et_slide_in_menu_container{
max-width: 576px;
}
}
@media screen and (min-width: 981px){
.et_slide_in_menu_container{
top: 94px !important;
}
.et_slide_in_menu_container.et-fixed-header{ }
.et_header_style_slide #et-top-navigation, .et_header_style_fullscreen #et-top-navigation, .et_header_style_left .et-fixed-header div#et-top-navigation{
padding:23px 0 !important;
}
.et_header_style_slide .et_slide_in_menu_container{
width:80% !important;
}
} .c-pointer{
cursor: pointer;
}
.dipi-at-btn-wrap{
margin-top: 30px;
}
.dipi_carousel .swiper-button-prev, .dipi_carousel .swiper-button-next{
background-image: url(https://rl-architekten.de/wp-content/uploads/2023/08/arrow-prev.png) !important;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: contain;
}
.dipi_carousel .swiper-button-next{
background-image: url(https://rl-architekten.de/wp-content/uploads/2023/08/arrow-next.png) !important;
}
.dipi_carousel.et_pb_module .swiper-arrow-button.show_on_hover {
opacity: 1;
}
.dipi_carousel .swiper-button-next::after, .swiper-button-next::before, .swiper-button-prev::after, .swiper-button-prev::before, .dipi_carousel .swiper-button-next::after, .dipi_carousel .swiper-button-prev::after{
content: '';
}
.swiper-pagination-bullet{
opacity: .8 !important;
}
.col-4.flex .et_pb_column{
display: grid;
grid-template-columns: 1fr;
justify-content:space-around;
align-content: space-around;
align-items:center;
gap: 21px;
}
.dipi-pagination{
display: none !important;
}
#leistungen .dipi_advanced_tabs_0 .dipi-at-tabs-prev:not(.sticky), #leistungen .dipi_advanced_tabs_0 .dipi-at-tabs-next:not(.sticky){
top: 5px !important;
}
.col-grid.col-x .et_pb_text.header{
grid-area: header;
margin-bottom: .6em;
}
.col-grid.col-x .gallery-1{
grid-area:gallery1;
}
.col-grid.col-x .gallery-2{
grid-area:gallery2;
}
.col-grid.col-x .gallery-3{
grid-area:gallery3;
}
.col-grid.col-x .gallery-4{
grid-area:gallery4;
}
.col-grid.col-x .gallery-5{
grid-area:gallery5;
}
.col-grid.col-x .gallery-6{
grid-area:gallery6;
}
.col-x .et_pb_module.et_pb_gallery_grid.et_pb_gallery{
margin-bottom: 0px;
}
.col-x .et_pb_gallery_grid .et_pb_gallery_item{
width: 100% !important;
margin-right: 0% !important;
margin-bottom: 0px !important;
}
@media screen and (max-width: 980px){
.switch-on-mobile{
display: flex;
flex-direction: column-reverse;
}
.switch-on-mobile .et_pb_column{
margin-bottom: 0px;
}
.switch-on-mobile .et_pb_column.et-last-child{
margin-bottom: 30px !important;
}
.dipi_expanding_cta-content .dipi_content_button{
margin-top: 30px;
}
.dipi_filterable_gallery_0 .dipi-filter-bar{
flex-direction: row !important;
}
}
@media screen and (min-width: 576px) {
.col-4.flex .et_pb_column{
grid-template-columns: 1fr 1fr;
}
.col-grid.col-x{
display: grid;
gap: 30px;
grid-template-columns: calc(50% - 15px) calc(50% - 15px);
grid-template-areas: "header header"
"gallery1 gallery2"
"gallery3 gallery4"
"gallery5 gallery6";
}
.col-grid.col-x .et_pb_gallery_image{
aspect-ratio: 7 / 5;
overflow: hidden;
}
.col-grid.col-x .et_pb_gallery_image a{
display: grid;
height: 100%;
justify-content: center;
align-content: center;
}
}
@media screen and (min-width: 769px) and (max-width: 980px){
.dipi_advanced_tabs_0.tabs-left .dipi-at-tabs-container .dipi-at-tabs{
width: 33%;
}
.dipi_advanced_tabs_0.tabs-left .dipi-at-panels {
width: calc(100% - 33%) !important;
}
.dipi_advanced_tabs_0 .dipi-at-tabs-prev:not(.sticky), .dipi_advanced_tabs_0 .dipi-at-tabs-next:not(.sticky){
top: 5px !important;
}
.col-grid.col-3, .col-grid.col-6{
grid-template-columns: calc(33.333% - 20px) calc(33.333% - 20px) calc(33.333% - 20px);
grid-template-areas: "header header header"
"gallery1 gallery2 gallery3";
}
.col-grid.col-6{
grid-template-areas: "header header header"
"gallery1 gallery2 gallery3"
"gallery4 gallery5 gallery6";
}
}
@media screen and (min-width: 981px){
.et_pb_fullwidth_section.et_pb_section_first{
padding-top: 94px;
}
.dipi_expanding_cta-content{
display: table;
}
.dipi_expanding_cta-content .dipi-content-text{
width: calc(100% - 350px);
padding-right: 50px;
display: table-cell;
}
.dipi_expanding_cta-content .dipi-button-wrapper{
min-width: 300px;
display: table-cell;
vertical-align: bottom;
}
.col-2 .et_pb_column{
column-count: 2;
gap: 40px;
}
.dipi_filterable_gallery_wrapper{
display: flex;
flex-direction: row;
}
.dipi-filter-bar{
width: 30%;
}
.dipi-filtered-gallery-container{
width: 70%;
}
.dipi-filter-bar-item{
align-self: start;
}
.col-4.flex .et_pb_column{
grid-template-columns:1fr 1fr 1fr 1fr;
}
.col-grid.col-3, .col-grid.col-4, .col-grid.col-5{
grid-template-columns: calc(20% - 25px) calc(20% - 25px) calc(20% - 25px) calc(20% - 25px) calc(20% - 25px);
grid-template-areas: "header header header header header"
"gallery1 gallery2 gallery3 . .";
}
.col-grid.col-4{
grid-template-areas: "header header header header header"
"gallery1 gallery2 gallery3 gallery4 .";
}
.col-grid.col-5{
grid-template-areas: "header header header header header"
"gallery1 gallery2 gallery3 gallery4 gallery5";
}
.col-grid.col-6{
grid-template-columns: calc(16.6667% - 25px) calc(16.6667% - 25px) calc(16.6667% - 25px) calc(16.6667% - 25px) calc(16.6667% - 25px) calc(16.6667% - 25px);
grid-template-areas: "header header header header header header"
"gallery1 gallery2 gallery3 gallery4 gallery5 gallery6";
}
}
.mfp-figure small.dipi_masonry_gallery_caption, .mfp-figure small{
color: var(--grey50);
font-size: 1em;
line-height: 1;
margin-top: .6em;
}
.mfp-zoom-out-cur{
cursor: pointer !important;
}
.mfp-zoom-out-cur .mfp-image-holder .mfp-close{
cursor: pointer !important;
opacity: .55;
}
.mfp-fade.mfp-bg.mfp-ready{
background: var(--default);
opacity: .98 !important;
}
.mfp-container{
margin: auto;
right: 0;
max-width: 1200px !important;
width: 67vw !important;
}
img.mfp-img{
max-height: 67vh !important;
}
@media screen and (max-width: 980px){
img.mfp-img{
max-height: 60vh !important;
}
.mfp-image-holder .mfp-content {
max-width: 80% !important;
}
.mfp-container{
width: 90% !important;
}
} .wpforms-container .wpforms-field-label, div.wpforms-container-full .wpforms-field-label{
font-weight: 400;
color: var(--default);
margin-bottom: 6px !important;
}
div.wpforms-container-full input:focus, div.wpforms-container-full input[type="email"]:focus, div.wpforms-container-full input[type="tel"]:focus, div.wpforms-container-full input[type="text"]:focus, div.wpforms-container-full textarea:focus{
border: 1px solid var(--blue50);
}
div.wpforms-container-full button[type="submit"]{
background-color: var(--blue50) !important;
border-radius: 0;
}
div.wpforms-container-full button[type="submit"]:hover{
background-color: var(--blue) !important;
}
.wpforms-container .wpforms-required-label{
color: var(--blue50) !important;
}
div.wpforms-container-full .wpforms-form .wpforms-field input.wpforms-error, div.wpforms-container-full .wpforms-form .wpforms-field input.wpforms-error:focus, div.wpforms-container-full .wpforms-form .wpforms-field textarea.wpforms-error{
border: 1px solid var(--blue50) !important;
box-shadow: none !important;
}
div.wpforms-container-full .wpforms-form label.wpforms-error, div.wpforms-container-full .wpforms-form em.wpforms-error{
color: var(--default) !important;
}
div.wpforms-container-full .wpforms-field-description{
margin-top: 12px !important;
}
div.wpforms-container-full .wpforms-field-description p{
padding-bottom: .6em;
}
@media screen and (max-width: 480px){
.div.wpforms-container-full{
margin-top: 0;
}
.wpforms-container .wpforms-form .wpforms-field .wpforms-field-row .wpforms-field-row-block, .wpforms-container .wpforms-one-half, .wpforms-container .wpforms-three-sixths, .wpforms-container .wpforms-two-fourths{
width: 100%;
margin: 12px auto !important;
padding: 0;
}
} #footer-widgets{
padding: 40px 0 0;
}
.bottom-nav{
text-align: center;
}
.bottom-nav li{
display: block;
margin: 6px auto;
}
#footer-widgets .footer-widget:nth-last-child(-n+2){
margin-bottom: 11.5% !important;
}
@media screen and (min-width: 576px){
#footer-widgets .footer-widget:nth-last-child(-n+2){
margin-bottom: 9.5% !important;
}
.bottom-nav{
text-align: right;
}
#menu-footermenue li, .bottom-nav li{
display: initial;
margin: 0;
padding: 0 12px;
border-right: 1px solid var(--blue);
line-height: 1;
}
#menu-footermenue li:first-of-type, .bottom-nav li:first-of-type{
padding-left: 0;
}
#menu-footermenue li:last-of-type, .bottom-nav li:last-of-type{
padding-right: 0;
border: none;
}
}
@media screen and (min-width: 769px){
#footer-widgets .footer-widget:nth-last-child(-n+2){
margin-bottom: 7.5% !important;
}
}
@media screen and (min-width: 981px){
#footer-widgets .footer-widget:nth-last-child(-n+2){
margin-bottom: 5.5% !important;
}
}