@font-face {
font-family: 'Gill Sans';
src: url(//www.behzadi-architekten.de/wp-content/uploads/fonts/GillSans-Light.woff2) format('woff2'),
url(//www.behzadi-architekten.de/wp-content/uploads/fonts/GillSans-Light.woff) format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Gill Sans';
src: url(//www.behzadi-architekten.de/wp-content/uploads/fonts/GillSans-Regular.woff2) format('woff2'),
url(//www.behzadi-architekten.de/wp-content/uploads/fonts/GillSans-Regular.woff) format('woff');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Gill Sans';
src: url(//www.behzadi-architekten.de/wp-content/uploads/fonts/GillSans-Medium.woff2) format('woff2'),
url(//www.behzadi-architekten.de/wp-content/uploads/fonts/GillSans-Medium.woff) format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Gill Sans';
src: url(//www.behzadi-architekten.de/wp-content/uploads/fonts/GillSans-SemiBold.woff2) format('woff2'),
url(//www.behzadi-architekten.de/wp-content/uploads/fonts/GillSans-SemiBold.woff) format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}
:root {
--cl-main: #B5123E;
--cl-typo: #445052;
--cl-black: #20282A;
--cl-dark-white: #D6D2CE;
} * {
scrollbar-width: thin;
scrollbar-color: var(--cl-main) #fff;
} *::-webkit-scrollbar {
width: 6px;
}
*::-webkit-scrollbar-track {
background: #fff;
}
*::-webkit-scrollbar-thumb {
background-color: var(--cl-main);
border-radius: 20px;
border: 0px solid transparent;
}
::selection {
color: #fff;
background-color: var(--cl-main);
}
.w-separator.size_small:empty {
height: 1.4vmax;
}
.w-separator.size_medium:empty {
height: 3vmax;
}
.w-separator.size_large:empty {
height: 5vmax;
}
.w-separator.size_huge:empty {
height: 7vmax;
}
.height_small,
.l-section.height_small {
padding-top: 1.4vmax;
padding-bottom: 1.4vmax;
}
.height_medium,
.l-section.height_medium {
padding-top: 3vmax;
padding-bottom: 3vmax;
}
.height_large,
.l-section.height_large {
padding-top: 5vmax;
padding-bottom: 5vmax;
}
.height_huge,
.l-section.height_huge {
padding-top: 7vmax;
padding-bottom: 7vmax;
}
@media screen and (max-width: 1920px) {
:root {
--site-content-width: 1800px;
}
.w-separator.size_small:empty {
height: 1.2vmax;
}
.w-separator.size_medium:empty {
height: 2vmax;
}
.w-separator.size_large:empty {
height: 3vmax;
}
.w-separator.size_huge:empty {
height: 4vmax;
}
.height_small,
.l-section.height_small {
padding-top: 1.2vmax !important;
padding-bottom: 1.2vmax !important;
}
.height_medium,
.l-section.height_medium {
padding-top: 3vmax !important;
padding-bottom: 3vmax !important;
}
.height_large,
.l-section.height_large {
padding-top: 4vmax !important;
padding-bottom: 4vmax !important;
}
.height_huge,
.l-section.height_huge.height_huge {
padding-top: 5vmax !important;
padding-bottom: 5vmax !important;
}
}
.l-main .w-image {
max-width: auto;
max-height: 80vh;
}
.w-image img, .w-image picture {
object-fit: contain;
}
body button.active {
display: inherit !important;
}
ul {
margin-left: 0;
} table.contact {
display: block;
margin: 0;
}
table.contact tr td {
border: none;
padding: 0;
}
table.contact tr td:first-child {
width: 30px;
padding-right: 0.2rem;
}
.wpb_text_column *,
.post_custom_field.type_text,
.post_custom_field.type_text *,
.wpb_wrapper li,
.wpb_wrapper li * {
text-wrap: balance;
}
.w-btn-wrapper {
margin: 0;
} #imageDataContainer,
#imageDataContainer * {
font-family: 'Frutiger Next', sans-serif;
color: var(--cl-typo);
font-size: clamp(15px, 1vw, 18px) !important;
font-weight: 400 !important;
letter-spacing: 0.3px !important;
line-height: 1.3;
}
#imageDataContainer #imageData {
display: flex;
align-items: flex-start;
padding: 1rem;
}
#imageDataContainer #imageDetails {
width: calc(100% - 4rem);
}
#imageDataContainer #titleAndCaption {
display: inline-block;
border-bottom: 1px solid var(--color-content-faded);
padding-bottom: 1rem;
}
#imageDataContainer #bottomNavClose #jqlb_closelabel {
display: flex;
background: none;
width: 50px;
height: 50px;
position: relative;
}
#imageDataContainer #bottomNavClose #jqlb_closelabel:before,
#imageDataContainer #bottomNavClose #jqlb_closelabel:after {
content: '';
position: absolute;
top: 0;
right: 0;
display: block;
width: 1px;
height: 30px;
background-color: var(--color-header-middle-text);
overflow: hidden;
transform-origin: center;
}
#imageDataContainer #bottomNavClose #jqlb_closelabel:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
#imageDataContainer #bottomNavClose #jqlb_closelabel:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#imageDataContainer #bottomNavClose:hover #jqlb_closelabel:before,
#imageDataContainer #bottomNavClose:hover #jqlb_closelabel:after {
background-color: var(--color-content-primary);
}
#imageContainer #newHoverNav #prevArrow,
#imageContainer #newHoverNav #nextArrow {
border-radius: 0;
background: none;
color: #fff;
font-weight: 100;
}
#imageContainer #newHoverNav #prevArrow:hover *,
#imageContainer #newHoverNav #nextArrow:hover * {
fill: var(--color-content-primary);
color: #fff;
}
#imageData #imageDetails #controls {
display: flex;
justify-content: space-between;
} body main#page-content .w-post-elm.type_text ul,
body main#page-content .wpb_text_column ul {
list-style-type: none;
}
body main#page-content .w-post-elm.type_text ul li,
body main#page-content .wpb_text_column ul li {
position: relative;
padding-left: 1.5rem;
}
body main#page-content .w-post-elm.type_text ul li:before,
body main#page-content .wpb_text_column ul li:before {
content: '+';
position: absolute;
left: 0;
width: 2rem;
height: 100%;
font-family: 'Gill Sans', sans-serif;
font-weight: 600;
font-size: 20px;
line-height: 25px;
color: var(--cl-main);
}
body main#page-content .w-post-elm.type_text a,
body main#page-content .wpb_text_column a,
body main#page-content .w-post-elm.type_text a:not(:hover),
body main#page-content .wpb_text_column a:not(:hover) {
color: var(--color-content-text);
}
body main#page-content .w-post-elm.type_text a:hover,
body main#page-content .w-post-elm.type_text a:hover *,
body main#page-content .wpb_text_column a:hover,
body main#page-content .wpb_text_column a:hover * {
color: var(--cl-main);
}
body>.l-canvas,
body #page-header,
body #page-footer {
max-width: 2560px !important;
margin: 0; }
body {
font-size: clamp(15px, 1vw, 18px) !important;
font-family: 'Gill Sans', sans-serif;
font-weight: 100;
line-height: 1.3;
color: var(--cl-typo);
background: #fff !important;
margin-left: auto;
margin-right: auto;
overflow: scroll !important;
}
html,
.l-header .widget,
.menu-item-object-us_page_block,
p,
.p,
.p * {
font-size: clamp(15px, 1vw, 19px) !important;
font-weight: 300 !important;
letter-spacing: 0.8px !important;
color: var(--cl-typo);
}
html body.state_default.res-wqhd,
body.state_default.res-wqhd .l-header .widget,
body.state_default.res-wqhd .menu-item-object-us_page_block,
body.state_default.res-wqhd p,
body.state_default.res-wqhd .p,
body.state_default.res-wqhd .p * {
font-size: clamp(15px, 1.1vw, 19px) !important;
}
html body.state_default.res-4k,
body.state_default.res-4k .l-header .widget,
body.state_default.state_default.res-4k .menu-item-object-us_page_block,
body.state_default.res-4k p,
body.state_default.res-4k .p,
body.state_default.res-4k .p * {
font-size: clamp(15px, 1.2vw, 19px) !important;
}
p,
.p,
.p * {
line-height: 1.5 !important;
} h1,
h1 *,
.h1,
.h1 * {
font-size: clamp(20px, 2.5vw, 40px) !important;
line-height: 1.5 !important;
margin-bottom: 0.5rem !important;
letter-spacing: 0.04em !important;
font-weight: 300 !important;
}
h2,
h2 *,
.h2,
.h2 * {
font-size: clamp(16px, 1vw, 26px) !important;
line-height: 1.3 !important;
letter-spacing: 0.06em !important;
font-weight: 300 !important;
}
h3,
h3 *,
.h3,
.h3 * {
font-size: clamp(15px, 1.1vw, 20px) !important;
line-height: 1.4 !important;
letter-spacing: 0.06em !important;
font-weight: 400 !important;
}
h4,
h4 *,
.h4,
.h4 * {
font-size: clamp(15px, 1vw, 18px) !important;
letter-spacing: 0.01em !important;
font-weight: 100; }
h5,
h5 *,
.h5,
.h5 * {
font-size: clamp(15px, 1vw, 16px) !important;
letter-spacing: 0.01em !important;
line-height: 1.1 !important;
}
h6,
h6 *,
.h6,
.h6 * {
font-size: clamp(15px, 1vw, 15px) !important;
letter-spacing: 0.01em !important;
font-weight: 100;
line-height: 1.1 !important;
}
body strong,
body b {
font-weight: 500;
}
.text-normalcase {
text-transform: none !important;
}
ul.project-tax-list>li a,
.w-btn.us-btn-style_1>span,
.w-btn.us-btn-style_6>span,
.wpb_content_element a,
body main#page-content .wpb_text_column a,
.w-menu[style*="--main-color"] .menu>li>a {
color: var(--color-content-text);
position: relative;
}
ul.project-tax-list>li a:hover,
ul.project-tax-list>li a.active,
.w-btn.us-btn-style_1:hover>span,
.w-btn.us-btn-style_6:hover>span,
.wpb_content_element a:hover,
.wpb_content_element a.active,
body main#page-content .wpb_text_column a:hover,
.w-menu[style*="--main-color"] .menu>li>a:hover {
color: var(--cl-main) !important;
text-decoration: none !important;
}
#home-header h1 {
font-size: clamp(40px, 4vw, 88px) !important;
}
#home-header h2 {
color: var(--cl-typo);
}
#page-content .smaller,
#page-content .smaller * {
font-size: 95% !important;
}
@media screen and (min-width: 1920px) {
.l-subheader,
.l-section {
padding-left: 8.333vw;
padding-right: 8.333vw;
}
}
@media (min-width: 1201px) and (max-width: 1920px) {
.g-cols.via_flex.type_default>div[class*="vc_col-lg-"] {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
}
@media screen and (max-width: 1920px) {
html,
body,
.l-header .widget,
.menu-item-object-us_page_block,
p,
.p,
.p * {
font-size: clamp(15px, 0.5vw, 18px) !important;
font-weight: 300 !important;
letter-spacing: 0.06em !important;
color: var(--cl-typo);
}
p,
.p,
.p * {
line-height: 1.5 !important;
}
h1,
h1 *,
.h1,
.h1 * {
font-size: clamp(20px, 2.5vw, 35px) !important;
line-height: 1.5 !important;
margin-bottom: 0.5rem !important;
}
h2,
h2 *,
.h2,
.h2 * {
font-size: clamp(18px, 2vw, 24px) !important;
line-height: 1.3 !important;
}
h3,
h3 *,
.h3,
.h3 * {
font-size: clamp(15px, 1.1vw, 18px) !important;
line-height: 1.4 !important;
font-weight: 400 !important;
}
h4,
h4 *,
.h4,
.h4 * {
font-size: 14px !important;
}
#home-header h1 {
font-size: clamp(40px, 3.2vw, 75px) !important;
}
header .ush_image_1 {
max-width: 300px !important;
}
#page-content .smaller,
#page-content .smaller * {
font-size: 95% !important;
}
} .l-header:not(.sticky) .w-image.with_transparent .w-image-h > *:first-child,
.l-header.sticky .w-image.with_transparent .w-image-h > *:last-child {
display: none !important;
}
.l-header.sticky .w-image.with_transparent .w-image-h > *:first-child,
.l-header:not(.sticky) .w-image.with_transparent .w-image-h > *:last-child {
display: block !important;
}
header .w-hwrapper.menu-container {
display: flex;
align-items: stretch;
}
.menu-header {
font-weight: 500 !important;
text-transform: uppercase !important;
margin-bottom: 0.5rem !important;
letter-spacing: 0.15rem !important;
display: block !important;
}
header .w-nav .social-media-menu {
margin-top: auto;
margin-bottom: 1.5rem;
}
.ush_menu_1 .w-nav-icon>div {
border-width: 1px !important;
border-color: transparent;
}
.w-nav-icon>div:before,
.w-nav-icon>div:after {
border-color: var(--cl-black);
opacity: 1 !important;
}
.w-nav-icon>div:before {
top: -5px;
}
.w-nav-icon>div:after {
top: 5px;
}
html,
.l-header .widget,
.menu-item-object-us_page_block {
font-family: 'Gill Sans' !important;
}
@media screen and (max-width: 900px) {
.l-subheader {
padding-left: 2.5rem !important;
padding-right: 2.5rem !important;
}
html,
body,
.l-header .widget,
.menu-item-object-us_page_block,
p,
.p,
.p * {
font-size: 17px !important;
}
}
@media screen and (max-width: 600px) {
.l-subheader {
padding-left: 1.5rem !important;
padding-right: 1.5rem !important;
}
html,
body,
.l-header .widget,
.menu-item-object-us_page_block,
p,
.p,
.p *,
.layout_2456 .project_headline * {
font-size: 17px !important;
font-weight: 400 !important;
}
} header .language-toggle ul>li {
position: relative;
}
header .language-toggle ul>li:first-child:after {
content: '';
position: absolute;
top: 5px;
right: 0;
width: 1px;
height: 15px;
background-color: var(--color-header-middle-text);
}
header .language-toggle ul>li.current-lang>a,
header .language-toggle ul>li>a:hover {
color: var(--cl-main);
}
header .w-nav .w-nav-control+ul.w-nav-list.level_1 {
top: var(--header-height) !important;
height: calc(100vh - var(--header-height)) !important;
z-index: 1;
min-height: auto !important;
}
header.sticky .w-nav .w-nav-control+ul.w-nav-list.level_1 {
top: var(--header-sticky-height) !important;
height: calc(100vh - var(--header-sticky-height)) !important;
}
header .w-nav .w-nav-control:not(.active)+ul.w-nav-list.level_1 {
max-height: 0 !important;
overflow: hidden !important;
-webkit-transform: none !important;
-webkit-transition: all 0.5s ease !important;
transform: none !important;
transition: all 0.5s ease !important;
}
header .w-nav .w-nav-control.active {
-webkit-transform: rotate(90deg);
-webkit-transition: all 0.5s ease !important;
transform: rotate(90deg);
transition: all 0.5s ease !important;
}
header .w-nav .w-nav-control.active+ul.w-nav-list.level_1 {
max-height: 2000px !important;
transition: all 0.5s ease !important;
}
header .w-nav .w-nav-control+ul.w-nav-list.level_1 .w-nav-close {
display: none !important;
}
.w-nav.type_mobile.m_layout_fullscreen .w-nav-list.level_1 {
padding: 0;
}
.header_hor .l-header .w-menu {
line-height: 1.5;
}
.w-nav-close {
font-size: 2rem;
}
header .w-nav.height_full.dropdown_height.m_layout_fullscreen.type_mobile .w-nav-list.level_1 {
scrollbar-width: thin;
scrollbar-color: #fff #fff;
}
header .w-nav.height_full.dropdown_height.m_layout_fullscreen.type_mobile .w-nav-list.level_1::-webkit-scrollbar-track {
background: #fff;
}
header .w-nav.height_full.dropdown_height.m_layout_fullscreen.type_mobile .w-nav-list.level_1::-webkit-scrollbar-thumb {
background-color: #fff;
}
header nav .main-menu-fullsize {
padding-top: 4vh;
padding-bottom: 4vh;
}
header .w-nav-list.level_1 .main-menu-fullsize .w-hwrapper>.w-menu>.menu li a {
position: relative;
font-family: 'Gill Sans';
font-size: clamp(25px, 2.8vw, 72px);
font-weight: 300;
line-height: 1.5;
letter-spacing: 7.21px;
text-transform: uppercase;
text-decoration: none;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
}
header .w-nav-list.level_1 .main-menu-fullsize .w-hwrapper>.w-menu>.menu li a:before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 2px;
background-color: var(--cl-main);
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
}
header .w-nav-list.level_1 .main-menu-fullsize .w-hwrapper>.w-menu>.menu li a:hover,
header .w-nav-list.level_1 .main-menu-fullsize .w-hwrapper>.w-menu>.menu li.current-menu-item a {
color: var(--cl-main) !important;
}
header .w-nav-list.level_1 .main-menu-fullsize .w-hwrapper>.w-menu>.menu li a:hover:before {
width: 100%;
}
html.w-nav-open body header .w-nav.type_mobile.m_layout_fullscreen .w-nav-list.level_1>li {
overflow: scroll !important;
}
#menu-social-media-links li a {
font-family: 'Gill Sans';
line-height: 1.5;
}
@media screen and (max-width: 1920px) {
header .w-nav-list.level_1 .main-menu-fullsize .w-hwrapper>.w-menu>.menu li a {
font-size: clamp(28px, 2.8vw, 38px);
letter-spacing: 0.5vw;
}
}
@media screen and (max-width: 1280px) {
header .w-nav-list.level_1 .main-menu-fullsize .w-hwrapper>.w-menu>.menu li a {
font-size: clamp(30px, 3vw, 72px);
letter-spacing: 0.5vw;
}
}
@media screen and (max-width: 1280px) and (max-height: 900px) {
header .w-nav-list.level_1 .main-menu-fullsize .w-hwrapper>.w-menu>.menu li a {
font-size: 32px;
letter-spacing: 5px;
}
}
@media screen and (max-width: 600px) {
header .w-nav-list.level_1 .main-menu-fullsize .w-hwrapper>.w-menu>.menu li a {
font-size: 23px;
letter-spacing: 4px;
}
}
@media screen and (max-width: 1220px) {
header .w-nav .social-media-menu {
position: initial;
margin-top: 2rem;
margin-bottom: 0rem;
}
}
@media screen and (max-width: 767px) {
.behzadi-logo {
margin-top: 3rem;
margin-bottom: 1rem;
text-align: center;
}
.behzadi-logo img {
height: 60px;
}
}
@media screen and (max-width: 600px) {
header .menu-container {
flex-direction: column;
}
header .menu-container nav,
header .menu-container>div {
width: 100%;
}
header .menu-container nav {
margin-bottom: 2.2rem;
}
}
@media screen and (max-width: 359px) {
header#page-header .bz-logo img {
width: 60vw;
}
}
@media screen and (max-height: 1000px) {
html.w-nav-open body { }
html.w-nav-open body header .w-nav.type_mobile.m_layout_fullscreen .w-nav-list.level_1>li { overflow: scroll;
}
} .w-search-open:empty:before,
.w-search-form .w-search-form-btn>i {
content: '';
display: flex;
width: 27px;
height: 37px;
background-image: url(//www.behzadi-architekten.de/wp-content/uploads/2023/09/icon-search.svg);
background-position: right center;
background-repeat: no-repeat;
background-size: contain;
font-size: 0 !important;
line-height: 0 !important;
}
.w-search-form .w-form-row-field .w-search-form-btn>i:before {
content: '';
display: none !important;
}
#header-search-box .w-search-form .w-form-row-field input,
#header-search-box .w-search-form .w-form-row-field .w-search-form-btn {
background-color: #fff;
box-shadow: none;
}
#header-search-box .w-search-form .w-form-row-field input {
opacity: 0;
color: var(--color-header-middle-text);
line-height: 1.7;
padding-left: 0;
padding-right: 35px;
border-bottom: 1px solid var(--color-header-middle-text);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#header-search-box .w-search-form .w-form-row-field input:focus {
border-bottom: 1px solid var(--cl-main);
}
#header-search-box .w-search-form .w-form-row-field .w-search-form-btn {
position: absolute;
right: auto;
left: 0;
border: none;
margin: 0;
padding: 0;
}
#header-search-box:not(.on) .w-search-form {
cursor: pointer;
}
#header-search-box .w-search-form * {
pointer-events: none;
}
#header-search-box.on .w-search-form * {
pointer-events: unset;
}
#header-search-box {
max-width: 35px;
min-width: 35px;
overflow: hidden;
-webkit-transition: max-width 0.6s ease;
transition: max-width 0.6s ease;
}
#header-search-box.on {
max-width: 400px;
}
#header-search-box.on .w-form-row-field input {
opacity: 1;
padding-right: 0;
padding-left: 40px;
font-weight: 300;
line-height: 1.5;
letter-spacing: 0.8px;
}
#header-search-box.on .w-search-form .w-form-row-field .w-search-form-btn>i {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
@media screen and (max-width: 900px) {
.header_hor .l-subheader-cell.at_left .w-image {
max-width: 250px !important;
}
}
@media screen and (max-width: 700px) {
.header_hor .l-subheader-cell.at_right>* {
margin-left: 1.9rem;
}
.w-search-close:before {
content: 'x';
font-weight: 600;
font-family: 'Gill Sans', sans-serif;
}
} #bz-ax-search-res-box {
position: fixed;
top: 0;
right: 0;
z-index: 200;
max-width: 1000px;
width: 100%;
width: calc(100% - 3.2rem);
min-height: 50px;
line-height: 0;
background-color: #fff;
border: 1px solid var(--cl-main);
color: #394349;
padding: 0.5rem 0 0.5rem 0.5rem;
display: none;
}
#bz-ax-search-res-box.show {
display: block;
}
#bz-ax-search-res-box>div {
display: inline-block;
overflow: hidden;
overflow-y: auto;
max-height: 550px;
width: 100%;
line-height: 0;
}
#bz-ax-search-res-box>div>a {
display: block;
color: #394349;
padding: 0.3rem 0;
margin-right: 0.5rem;
overflow: hidden;
border-bottom: 1px solid #bbb;
-webkit-transition: none !important;
transition: none !important;
}
#bz-ax-search-res-box>div>a:last-child {
border: none;
}
#bz-ax-search-res-box>div a>span {
display: inline-block;
width: 100%;
}
#bz-ax-search-res-box>div>a>span.first {
line-height: 0.9rem;
padding-left: 0.5rem;
font-size: 13px;
text-transform: capitalize;
letter-spacing: 0.04rem;
font-weight: 400; }
#bz-ax-search-res-box>div>a>span.first span.cat {
display: inline-block;
color: var(--cl-main);
width: 100%;
font-size: 13px;
}
#bz-ax-search-res-box>div>a>span.last {
padding-left: 0.9rem;
line-height: 0.8rem;
font-size: 14px;
letter-spacing: 0.03rem;
}
#bz-ax-search-res-box>div>a:hover,
#bz-ax-search-res-box>div>a:hover * {
background-color: var(--cl-main) !important;
color: #fff !important;
}
@media screen and (min-width: 768px) {
#bz-ax-search-res-box>div>a {
display: flex;
align-items: baseline;
}
#bz-ax-search-res-box>div>a>span.first {
width: 200px;
overflow: unset;
}
#bz-ax-search-res-box>div>a>span.last {
width: calc(100% - 200px - 1.5rem);
}
#bz-ax-search-res-box>div a>span {
width: auto;
}
}
@media screen and (max-width: 767px) {
#bz-ax-search-res-box {
margin-left: 1.5rem;
margin-right: 1.5rem;
width: auto !important;
}
#bz-ax-search-res-box>div>a>span.last {
margin-top: 0.4rem;
}
}
@media screen and (max-width: 600px) {
#bz-ax-search-res-box>div>a>span {
font-size: 14px !important;
letter-spacing: 0.03rem;
}
#bz-ax-search-res-box>div>a>span.last {
flex-direction: column;
justify-content: center;
padding-left: 10px;
line-height: 12px;
}
#bz-ax-search-res-box>div>a>span.last * {
text-align: center !important;
width: 100%;
}
}
#search-results-categories-filter {
z-index: 2;
padding: 2rem 0;
background: #fff;
display: none !important;
}
#search-results-categories-filter.show {
display: flex !important;
}
#search-results-categories-filter>ul {
list-style-type: none;
margin: 0;
padding: 0;
}
#search-results-categories-filter>ul>li {
display: none !important;
}
#search-results-categories-filter>ul>li.show {
display: inline-block !important;
}
#search-results-categories-filter>ul>li>a {
text-transform: uppercase;
font-size: clamp(17px, 3vw, 18px) !important;
letter-spacing: 0 !important;
font-weight: 100;
line-height: 1.1;
padding: 1rem 0.5rem;
color: var(--color-content-text);
}
#search-results-categories-filter>ul>li:first-child>a {
padding-left: 0;
}
#search-results-categories-filter>ul>li:last-child>a {
padding-right: 0;
}
#search-results-categories-filter>ul>li>a:hover,
#search-results-categories-filter>ul>li.on>a {
color: var(--cl-main);
}
body.search.search-results #page-content section .w-search.layout_simple {
max-width: calc((100% - 3rem) / 2);
}
body.search.search-results .w-grid.type_grid.layout_1253 {
display: none !important;
margin-right: -1rem;
margin-left: -1rem;
}
body.search.search-results .w-grid.type_grid.layout_1253.show {
display: block !important;
}
body.search.search-results .w-grid.type_grid.layout_1253 .w-grid-item {
display: none !important;
}
body.search.search-results .w-grid.type_grid.layout_1253 .w-grid-item.show {
display: inline-block !important;
margin-bottom: 2rem !important;
}
body.search.search-results .w-grid.type_grid.layout_1253 .w-grid-item.show .w-grid-item-h {
-webkit-animation: fadeInFromNone 0.9s ease;
-moz-animation: fadeInFromNone 0.9s ease;
-o-animation: fadeInFromNone 0.9s ease;
animation: fadeInFromNone 0.9s ease;
}
@-webkit-keyframes fadeInFromNone {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes fadeInFromNone {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-o-keyframes fadeInFromNone {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeInFromNone {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@media screen and (min-width: 1200px) and (max-width: 1680px) {
body.search.search-results #page-content section .w-search.layout_simple {
max-width: calc((100% - 8rem) / 3);
}
}
@media screen and (max-width: 1199px) {
body.search.search-results #page-content section .search-filter {
order: 1;
}
body.search.search-results #page-content section .w-search.layout_simple {
max-width: none;
margin-right: 0;
margin-left: 0;
}
}
@media screen and (max-width: 1199px) {
body.search.search-results .w-grid.type_grid.layout_1253 {
margin-right: 0;
margin-left: 0;
}
} footer#page-footer .footer-top .g-cols.vc_row>.wpb_column.vc_column_container:last-child .g-cols.wpb_row {
max-width: 1150px !important;
margin: 0 0 0 auto;
}
footer#page-footer .footer-top .g-cols.vc_row>.wpb_column.vc_column_container:last-child .g-cols.wpb_row>.wpb_column.vc_column_container:first-child {
min-width: 200px;
max-width: 270px;
margin-bottom: var(--hwrapper-gap, 1.2rem);
}
footer#page-footer .footer-top .g-cols.vc_row>.wpb_column.vc_column_container:last-child .g-cols.wpb_row>.wpb_column.vc_column_container:last-child {
margin-top: 0;
}
footer#page-footer .footer-top .g-cols.vc_row>.wpb_column.vc_column_container:last-child .g-cols.wpb_row>.wpb_column.vc_column_container:last-child>.vc_column-inner {
padding-left: 2rem;
padding-right: 0;
}
footer#page-footer .footer-top .g-cols.vc_row>.wpb_column.vc_column_container:last-child .g-cols.wpb_row>.wpb_column.vc_column_container:last-child>.vc_column-inner .w-hwrapper>.w-image {
margin-bottom: var(--hwrapper-gap, 1.2rem);
object-fit: contain;
max-height: 150px;
flex: 0 1 calc(33.334% - 1.5rem);
}
footer#page-footer .footer-top .g-cols.vc_row>.wpb_column.vc_column_container:last-child .g-cols.wpb_row>.wpb_column.vc_column_container:last-child>.vc_column-inner .w-hwrapper>.w-image img {
width: 100%;
}
footer#page-footer .wpb_text_column strong {
font-weight: 100;
}
@media screen and (max-width: 1990px) {
footer#page-footer .footer-top .g-cols.vc_row>.wpb_column.vc_column_container.vc_col-md-offset-2:last-child {
margin-left: 10%;
width: 72%;
}
}
@media screen and (max-width: 1380px) {
footer#page-footer .footer-top .g-cols.vc_row>.wpb_column.vc_column_container {
width: 100% !important;
margin-left: 0 !important;
}
footer#page-footer .footer-top .g-cols.vc_row>.wpb_column.vc_column_container:last-child {
margin-left: -1.5rem;
margin-right: -1.5rem;
}
footer#page-footer .footer-top .g-cols.vc_row>.wpb_column.vc_column_container:last-child .g-cols.wpb_row {
max-width: none !important;
margin: 0;
}
}
@media screen and (max-width: 798px) {
footer#page-footer .footer-top .g-cols.vc_row>.wpb_column.vc_column_container:last-child .g-cols.wpb_row>.wpb_column.vc_column_container:first-child>.vc_column-inner {
justify-content: flex-start;
}
footer#page-footer .footer-top .g-cols.vc_row>.wpb_column.vc_column_container:last-child .g-cols.wpb_row>.wpb_column.vc_column_container:last-child>.vc_column-inner .w-hwrapper>.w-image {
max-width: none;
min-width: 0;
margin-right: 0;
}
}
@media screen and (max-width: 600px) {
footer#page-footer .footer-top .g-cols.vc_row>.wpb_column.vc_column_container:last-child .g-cols.wpb_row>.wpb_column.vc_column_container:first-child {
min-width: 1px;
max-width: 100%;
}
footer .w-hwrapper .w-image {
width: calc(50vw - 1.5rem);
}
footer .footer-logo {
width: calc(100% - 24vw) !important;
margin-left: 5px;
max-width: 240px !important;
}
footer .footer-logo img {
height: auto;
}
.wpb_column.vc_column_container:last-child>.vc_column-inner .w-hwrapper>.w-image {
max-height: none !important;
width: 100% !important;
max-width: 250px !important;
}
.wpb_column.vc_column_container:last-child>.vc_column-inner .w-hwrapper>.w-image img {
width: 100% !important;
}
}  body .w-btn.us-btn-style_1 {
padding: 0;
text-decoration: none;
}
body .w-btn.us-btn-style_1>.w-btn-label {
position: relative;
margin-left: 0;
margin-right: 0;
letter-spacing: 1px;
font-size: 90%;
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
}
body .w-btn.us-btn-style_1>.w-btn-label:before {
position: relative;
content: '+';
display: inline-block;
width: 30px;
height: 100%;
top: 3px;
left: 0;
font-weight: 700;
font-size: 22px;
opacity: 0;
-webkit-transition: opacity 0.3s ease, transform 0.6s ease 0.1s;
transition: opacity 0.3s ease, transform 0.6s ease 0.1s;
}
body .w-btn.us-btn-style_1:hover>.w-btn-label:before {
opacity: 1;
}
body .w-btn.us-btn-style_1:hover>.w-btn-label {
margin-left: 0.5rem;
margin-right: 0.5rem;
} .w-btn.us-btn-style_7 {
padding: 0;
}
.w-btn.us-btn-style_7>*,
.hover-underline {
color: var(--color-content-text) !important;
text-decoration: none !important;
border-bottom: 1px solid var(--color-content-text) !important;
}
.w-btn.us-btn-style_7:hover>*,
.hover-underline:hover {
color: var(--cl-main) !important;
text-decoration: none !important;
border-bottom: 1px solid var(--cl-main) !important;
}
.w-btn.us-btn-style_7>.w-btn-label,
.hover-underliner>.w-btn-label {
margin-left: 0;
margin-right: 0;
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
}
.w-btn.us-btn-style_7:hover>.w-btn-label,
.hover-underliner:hover>.w-btn-label {
margin-left: 0.5rem;
margin-right: 0.5rem;
} body .w-btn.us-btn-style_2 {
background: none !important;
padding: 0 0 0 45px;
margin: 2rem 0 0 0;
color: inherit !important;
font-weight: 100 !important;
font-size: var(--h2-font-size, inherit);
font-weight: 100;
line-height: 1.3;
letter-spacing: 1px;
}
body .w-btn.us-btn-style_2:before {
content: "\f067";
position: absolute;
left: -110px;
font-family: 'fontawesome';
font-size: 26px !important;
font-weight: 700 !important;
color: var(--cl-main);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transform: rotate(0) translate(0, -10%);
transform: rotate(0) translate(0, -10%);
-webkit-transform-origin: center center;
transform-origin: center center;
}
body .w-btn.us-btn-style_2:hover {
color: inherit !important;
}
body .w-btn.us-btn-style_2:hover:before {
-webkit-transform: rotate(90deg) translate(0, 0);
transform: rotate(90deg) translate(0, 0);
} body .w-btn.us-btn-style_3 {
background: none !important;
padding: 0 0 0 35px;
margin: 0;
color: inherit;
position: relative;
font-weight: 100 !important;
font-size: var(--h2-font-size, inherit);
font-weight: 100;
line-height: 1.3;
letter-spacing: 1px;
}
body .w-btn.us-btn-style_3:before,
body .w-btn.us-btn-style_3:after {
content: "";
position: absolute;
top: 48%;
left: 0;
font-size: 0;
line-height: 0;
display: block;
width: 18px;
height: 5px;
border-radius: 0;
background-color: var(--cl-main);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transform: rotate(0deg) translate(0, 0);
transform: rotate(0deg) translate(0, 0%);
-webkit-transform-origin: center center;
transform-origin: center center;
}
body .w-btn.us-btn-style_3:after {
-webkit-transform: rotate(90deg) translate(0, 0%);
transform: rotate(90deg) translate(0, 0%);
}
body .w-btn.us-btn-style_3:hover {
color: var(--cl-main) !important;
}
body .w-btn.us-btn-style_3:hover:before {
transform: rotate(-45deg) translate(40%, 110%);
-webkit-transform: rotate(-45deg) translate(40%, 110%);
}
.w-btn.us-btn-style_3:hover:after {
-webkit-transform: rotate(45deg) translate(-10%, 0%);
transform: rotate(45deg) translate(-10%, 0%);
} body .w-btn.us-btn-style_4 {
background: none !important;
display: block;
padding: 40px 0 0 0;
margin: 0 auto;
color: inherit;
position: relative;
font-weight: 100 !important;
font-size: var(--h2-font-size, inherit);
font-weight: 100;
line-height: 1.3;
letter-spacing: 1px;
}
body .w-btn.us-btn-style_4>.w-btn-label {
display: block;
transform: translateY(0);
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
}
body .w-btn.us-btn-style_4:hover>.w-btn-label {
transform: translateY(0.5rem);
}
body .w-btn.us-btn-style_4:before,
body .w-btn.us-btn-style_4:after {
content: "";
position: absolute;
top: 10px;
left: 50%;
font-size: 0;
line-height: 0;
display: block;
width: 24px;
height: 6px;
border-radius: 0;
background-color: var(--cl-main);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transform: rotate(0deg) translate(-50%, 0);
transform: rotate(0deg) translate(-50%, 0);
-webkit-transform-origin: center center;
transform-origin: center center;
}
body .w-btn.us-btn-style_4:after {
-webkit-transform: rotate(90deg) translate(0, 200%);
transform: rotate(90deg) translate(0, 200%);
}
body .w-btn.us-btn-style_4:hover {
color: var(--cl-main) !important;
}
body .w-btn.us-btn-style_4:hover:before {
transform: rotate(-45deg) translate(-20%, -50%);
-webkit-transform: rotate(-45deg) translate(-20%, -50%);
}
body .w-btn.us-btn-style_4:hover:after {
-webkit-transform: rotate(45deg) translate(-50%, 250%);
transform: rotate(45deg) translate(-50%, 250%);
}
body .w-btn.us-btn-style_5 {
position: relative;
padding-left: 300px;
font-size: var(--h2-font-size, inherit);
text-decoration: none;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
}
body .w-btn.us-btn-style_5 .w-btn-label {
min-width: 140px;
display: inline-block;
text-align: left;
}
body .w-btn.us-btn-style_5:before,
body .w-btn.us-btn-style_5:after {
content: '';
position: absolute;
top: 50%;
left: 0;
height: 1px;
width: 250px;
border: none;
background-color: var(--cl-typo);
-webkit-transform: translateY(-50%);
-webkit-transition: all 0.3s ease;
transform: translateY(-50%);
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
}
body .w-btn.us-btn-style_5:after {
height: 6px;
width: 6px;
left: 250px;
background-color: transparent;
border-top: 1px solid var(--cl-typo);
border-right: 1px solid var(--cl-typo);
-webkit-transform: translate(-100%, -50%) rotate(45deg);
transform: translate(-100%, -50%) rotate(45deg);
}
body .w-btn.us-btn-style_5:hover {
padding-left: 320px;
color: var(--cl-main) !important;
}
body .w-btn.us-btn-style_5:hover:before {
width: 270px;
}
body .w-btn.us-btn-style_5:hover:after {
left: 270px;
} body .w-btn:before {
border: none;
}
body .w-btn.us-btn-style_6 {
display: flex;
align-items: center;	
position: relative;
padding: 0;
text-decoration: none;
margin-top: 20px;
margin-bottom: 20px;
font-size: var(--h2-font-size, inherit);
letter-spacing: 0 !important;
font-weight: 100;
line-height: 1.1;
}
body .w-btn.us-btn-style_6>.w-btn-label {
margin-left: 0;
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
}
body .w-btn.us-btn-style_6:before {
content: '';
width: 35px;
height: 35px;
background-image: url(//www.behzadi-architekten.de/wp-content/uploads/2023/10/icon-download.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: left bottom;
position: relative;
display: inline-block;
top: 0;
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
}
body .w-btn.us-btn-style_6:hover {
text-decoration: none;
}
body .w-btn.us-btn-style_6:hover>.w-btn-label {
margin-left: 0.5rem;
}
body .w-btn.us-btn-style_6:hover:before {
top: 3px;
}
@media screen and (max-width: 600px) {
body .w-btn.us-btn-style_5 {
padding-left: 180px;
}
body .w-btn.us-btn-style_5:before,
body .w-btn.us-btn-style_5:after {
width: 150px;
}
body .w-btn.us-btn-style_5:before {
top: calc(50% - 1px);
}
body .w-btn.us-btn-style_5:after {
left: 150px;
width: 6px;
}
body .w-btn.us-btn-style_5:hover {
padding-left: 220px;
}
body .w-btn.us-btn-style_5:hover:before {
width: 170px;
}
body .w-btn.us-btn-style_5:hover:after {
left: 170px;
}
} .owl-prev,
.owl-next {
background-color: transparent !important;
}
.carousel-slider .owl-prev {
-webkit-transform: translate(-3rem, -50%) !important;
transform: translate(-3rem, -50%) !important;
}
.carousel-slider .owl-next {
-webkit-transform: translate(3rem, -50%) !important;
transform: translate(3rem, -50%) !important;
}
.carousel-slider.with-text .owl-prev {
-webkit-transform: translate(-3rem, -3.5rem) !important;
transform: translate(-3rem, -3.5rem) !important;
}
.carousel-slider.with-text .owl-next {
-webkit-transform: translate(3rem, -3.5rem) !important;
transform: translate(3rem, -3.5rem) !important;
}
@media screen and (max-width: 1920px) {
.carousel-slider .owl-prev {
margin-right: -1.2rem !important;
}
.carousel-slider .owl-next {
margin-left: -1.2rem !important;
}
}
@media screen and (min-width: 590px) and (max-width: 900px) {
.owl-nav {
display: flex;
}
}
.owl-prev:after,
.owl-next:after {
font-size: 0 !important;
opacity: 0.2;
width: 1rem;
height: 2rem;
background-color: transparent !important;
background-image: url(//www.behzadi-architekten.de/wp-content/uploads/fonts/arrow-right.svg);
background-repeat: no-repeat;
background-size: cover;
}
.owl-prev:after { }
.owl-prev:hover:after,
.owl-next:hover:after {
opacity: 0.5;
}
.hero-slider .w-grid.carousel-slider.home {
max-width: 80% !important;
margin-left: auto !important;
margin-right: auto !important;
}
.hero-slider .w-grid.carousel-slider.home .w-grid-item>.w-grid-item-h>.w-vwrapper {
position: absolute;
left: 0;
bottom: 0;
z-index: 5;
display: flex;
width: 100%;
padding: 0.3rem 1rem 0.3rem 2rem;
background-color: rgba(255, 255, 255, 0.9);
}
.hero-slider .w-grid.carousel-slider.home .w-grid-item>.w-grid-item-h .w-vwrapper>.post_title,
.hero-slider .w-grid.carousel-slider.home .w-grid-item>.w-grid-item-h .w-vwrapper>.post_title>* {
color: var(--cl-black);
font-size: 75% !important;
font-weight: 400 !important;
text-transform: uppercase;
}
.hero-slider .w-grid.carousel-slider.home .owl-item>* { aspect-ratio: 16/9;
margin-left: auto;
margin-right: auto;
}
.hero-slider .w-grid.carousel-slider.home .w-grid-item>.w-grid-item-h .post_image {
height: fit-content;
object-fit: contain;
}
@media screen and (max-width: 1200px) {
.hero-slider .w-grid.carousel-slider.home .w-grid-item>.w-grid-item-h .w-vwrapper>.post_title,
.hero-slider .w-grid.carousel-slider.home .w-grid-item>.w-grid-item-h .w-vwrapper>.post_title>* {
font-size: 60% !important;
}
} @media screen and (max-width: 1679px) {
.hero-slider .w-grid.carousel-slider.home {
max-width: 90% !important;
}
.hero-slider .w-grid.carousel-slider.home .w-grid-item>.w-grid-item-h>.post_image>div {
padding-bottom: 0;
}
}
@media screen and (max-width: 1200px) {
.hero-slider .w-grid.carousel-slider.home {
max-width: 100% !important;
}
}
@media screen and (max-width: 700px) {
.hero-slider .w-grid.carousel-slider.home .w-grid-item>.w-grid-item-h .w-vwrapper>.post_title,
.hero-slider .w-grid.carousel-slider.home .w-grid-item>.w-grid-item-h .w-vwrapper>.post_title>* {
font-size: 45% !important;
}
} section.hero-video {
max-height: calc(100vh - var(--header-height)) !important;
padding-bottom: 0 !important;
}
section.hero-video .l-section-video {
text-align: center;
display: flex;
justify-content: center;
}
section.hero-video .l-section-video video {
width: 70%;
height: auto;
max-height: 100vh;
left: auto;
transition: all 0.5s linear;
}
body.state_mobiles section.hero-video .l-section-video video {
width: 100%;
} .news-press-tabs .w-tabs-list,
.w-grid.type_grid.layout_196 .g-filters, .references-tab-wrap .w-tabs-list {
position: sticky;
top: 59px;
z-index: 3;
padding: 0rem 0 2.5rem 0;
background: #fff;
}
header.sticky+#page-content .news-press-tabs .w-tabs-list,
header.sticky+#page-content .w-grid.type_grid.layout_196 .g-filters, header.sticky+#page-content .references-tab-wrap .w-tabs-list {
padding: 0.5rem 0 1.5rem 0;
}
@media screen and (min-width: 900px) {
header+#page-content .references-tab-wrap .w-tabs-list {
padding-bottom: 2.5rem !important;
overflow: hidden;
}
}
.layout_197 .w-post-elm.post_image,
.layout_197 .w-vwrapper {
width: 50%;
}
.layout_197 .w-vwrapper {
margin-left: 2rem;
}
.news-press-tabs .w-tabs-section .w-tabs-section-content .g-filters,
.references-tab-wrap .w-tabs-section .w-tabs-section-content .g-filters {
display: none;
}
.news-press-tabs .w-tabs-list,
.news-press-tabs .w-tabs-list .g-filters,
.w-grid.type_grid.layout_196 .g-filters, .references-tab-wrap .w-tabs-list .w-tabs-list-h .g-filters {
background: #fff !important;
margin-bottom: 0;
}
.news-press-tabs .w-tabs-list .g-filters .g-filters-item,
.news-press-tabs .w-tabs-list .w-tabs-list-h .w-tabs-item,
.w-grid.type_grid.layout_196 .g-filters .g-filters-item, .references-tab-wrap .w-tabs-list .w-tabs-list-h .g-filters>.g-filters-item,
.references-tab-wrap .w-tabs-list .w-tabs-list-h .w-tabs-item {
background: #fff !important;
padding: 0.5rem;
height: 100%;
display: flex;
border: none !important;
}
.g-filters>.g-filters-item.active {
display: inherit !important;
}
.news-press-tabs .w-tabs-list .w-tabs-list-h,
.w-grid.type_grid.layout_196 .g-filters,
.references-tab-wrap .w-tabs-list .w-tabs-list-h .g-filters {
margin-left: -0.5rem;
}
@media screen and (max-width: 1199px) {
.references-tab-wrap .w-tabs-list {
padding-bottom: 1rem !important;
}
}
@media screen and (max-width: 600px) {
.news-press-tabs .w-tabs-list .w-tabs-list-h>.w-tabs-item,
.w-grid.type_grid.layout_196 .g-filters>.g-filters-item {
width: 100%;
}
.references-tab-wrap .w-tabs-list .w-tabs-list-h {
flex-wrap: wrap;
}
.references-tab-wrap .w-tabs-list .w-tabs-list-h .g-filters {
width: 100% !important;
order: 10;
margin-top: 1rem;
}
.references-tab-wrap .w-tabs-list .w-tabs-list-h .g-filters>.g-filters-item {
width: auto !important;
}
.w-tabs.style_simple.layout_hor>.w-tabs-list .w-tabs-item:not(:last-child) {
justify-content: flex-start;
padding-left: 0;
margin-left: 0 !important;
margin-right: 0 !important;
}
.references-tab-wrap .w-tabs-list .w-tabs-list-h>.w-tabs-item:last-child {
justify-content: flex-start;
margin-left: 0 !important;
margin-right: 0 !important;
}
}
.news-press-tabs .w-tabs-list .g-filters .g-filters-item>span,
.news-press-tabs .w-tabs-list .w-tabs-list-h .w-tabs-item>span,
.w-grid.type_grid.layout_196 .g-filters .g-filters-item>span, .references-tab-wrap .w-tabs-list .w-tabs-list-h .g-filters>.g-filters-item>span,
.references-tab-wrap .w-tabs-list .w-tabs-list-h .w-tabs-item>span {
position: relative;
text-transform: uppercase;
letter-spacing: 0 !important;
font-weight: 100;
line-height: 1.1;
letter-spacing: 0.06em !important;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
color: var(--color-content-text);
}
.news-press-tabs .w-tabs-list .g-filters .g-filters-item:hover>span,
.news-press-tabs .w-tabs-list .w-tabs-list-h .w-tabs-item:hover>span,
.w-grid.type_grid.layout_196 .g-filters .g-filters-item:hover>span, .references-tab-wrap .w-tabs-list .w-tabs-list-h .g-filters>.g-filters-item:hover>span,
.references-tab-wrap .w-tabs-list .w-tabs-list-h .w-tabs-item:hover>span,
.news-press-tabs .w-tabs-list .g-filters .g-filters-item.active>span,
.news-press-tabs .w-tabs-list .w-tabs-list-h .w-tabs-item.active>span,
.w-grid.type_grid.layout_196 .g-filters .g-filters-item.active>span, .references-tab-wrap .w-tabs-list .w-tabs-list-h .g-filters>.g-filters-item.active>span,
.references-tab-wrap .w-tabs-list .w-tabs-list-h .w-tabs-item.active>span {
color: var(--cl-main);
}
.news-press-tabs .w-tabs-list .w-tabs-list-h,
.references-tab-wrap .w-tabs-list .w-tabs-list-h {
display: flex;
justify-content: space-between;
flex-direction: row;
align-items: top;
align-items: flex-start;
}
.news-press-tabs .w-tabs-list .w-tabs-list-h>.g-filters {
margin-right: 0;
margin-left: auto;
}
.references-tab-wrap .w-tabs-list .w-tabs-list-h>.w-tabs-item:not(:last-child) {
margin-right: 0.5rem !important;
margin-left: auto;
}
.references-tab-wrap .w-tabs-list .w-tabs-list-h>.w-tabs-item:last-child {
margin-left: 0;
margin-right: 0;
}
.news-press-tabs .w-tabs-section-content,
.references-tab-wrap .w-tabs-section-content {
padding-top: 0;
}
.news-press-tabs .g-filters.tabslug-news,
.news-press-tabs .g-filters.tabslug-press {
position: absolute;
right: 0;
width: 370px;
max-height: 30px;
padding: 0 1rem 0.5rem 1rem;
overflow: hidden;
-webkit-transition: max-height 0.6s ease;
transition: max-height 0.6s ease;
}
.news-press-tabs .g-filters.tabslug-news.on,
.news-press-tabs .g-filters.tabslug-press.on {
max-height: 300px;
}
.news-press-tabs .g-filters.tabslug-news>span,
.news-press-tabs .g-filters.tabslug-press>span {
min-width: 40px;
}
.news-press-tabs .g-filters.tabslug-news .arr,
.news-press-tabs .g-filters.tabslug-press .arr {
width: 1rem;
height: 100%;
position: absolute;
right: 0;
top: 0;
display: flex;
justify-content: center;
cursor: pointer;
}
.news-press-tabs .g-filters.tabslug-news .arr:after,
.news-press-tabs .g-filters.tabslug-press .arr:after {
content: '\f078';
width: 14px;
height: 14px;
position: absolute;
top: 3px;
display: flex;
justify-content: center;
cursor: pointer;
font-size: 14px;
font-weight: 100;
font-family: 'fontawesome';
line-height: 14px;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transform: rotate(0);
transform: rotate(0);
transform-origin: center;
}
.news-press-tabs .g-filters.tabslug-news .arr:hover:after,
.news-press-tabs .g-filters.tabslug-press .arr:hover:after {
color: var(--cl-main);
}
.news-press-tabs .g-filters.tabslug-news.on .arr:after,
.news-press-tabs .g-filters.tabslug-press.on .arr:after {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
align-items: baseline;
color: var(--cl-main);
}
.news-press-tabs .g-filters.tabslug-news .g-filters-item,
.news-press-tabs .g-filters.tabslug-press .g-filters-item {
margin-bottom: 0;
width: auto !important;
} .w-tabs.references-tab-wrap .w-tabs-section-title {display: none;}
.references-tab-wrap .w-tabs-list-hw-tabs-list-h .w-tabs-item.list .gallerymode,
.references-tab-wrap .w-grid.layout_192 .w-grid-list article .w-grid-item-h .w-post-elm.post_image.with_placeholder,
.references-tab-wrap .w-grid.layout_192 .w-grid-list article:not(.has-post-thumbnail):before,
.references-tab-wrap .w-grid.layout_192 .w-grid-list article:not(.has-post-thumbnail):after {
display: none;
}
@media screen and (min-width: 600px) {
.references-tab-wrap .w-tabs-list-hw-tabs-list-hw-tabs-list-h .w-tabs-item.list.active .w-tabs-item-title {
position: relative;
}
.references-tab-wrap .w-tabs-list-h .w-tabs-item.list.active .gallerymode {
display: flex;
justify-content: space-between;
align-items: flex-start;
width: 100%;
height: 17px;
position: absolute;
bottom: -32px;
right: 0;
}
.references-tab-wrap .w-tabs-list-h .w-tabs-item.list.active .gallerymode>.grid,
.references-tab-wrap .w-tabs-list-h .w-tabs-item.list.active .gallerymode>.list {
display: inline-block;
width: 17px;
height: 100%;
font-family: fontawesome;
font-size: 0;
color: var(--color-content-text);
cursor: pointer;
aspect-ratio: 1/1;
}
.references-tab-wrap .w-tabs-list-h .w-tabs-item.list.active .gallerymode>.grid:hover,
.references-tab-wrap .w-tabs-list-h .w-tabs-item.list.active .gallerymode>.list:hover,
.references-tab-wrap .w-tabs-list-h .w-tabs-item.list.active .gallerymode>.grid.active,
.references-tab-wrap .w-tabs-list-h .w-tabs-item.list.active .gallerymode>.list.active {
color: var(--cl-main);
}
.references-tab-wrap .w-tabs-list-h .w-tabs-item.list.active .gallerymode>.grid:before,
.references-tab-wrap .w-tabs-list-h .w-tabs-item.list.active .gallerymode>.list:before {
content: '';
display: block;
height: 100%;
background-size: 100%;
background-repeat: no-repeat;
background-position: 0 0;
}
.references-tab-wrap .w-tabs-list-h .w-tabs-item.list.active .gallerymode>.grid:before { background-image: url(//www.behzadi-architekten.de/wp-content/uploads/2024/03/icon-grid_duo.svg);
}
.references-tab-wrap .w-tabs-list-h .w-tabs-item.list.active .gallerymode>.list:before { background-image: url(//www.behzadi-architekten.de/wp-content/uploads/2024/03/icon-list_duo.svg);
}
.references-tab-wrap .w-tabs-list-h .w-tabs-item.list.active .gallerymode>.grid:hover:before,
.references-tab-wrap .w-tabs-list-h .w-tabs-item.list.active .gallerymode>.list:hover:before,
.references-tab-wrap .w-tabs-list-h .w-tabs-item.list.active .gallerymode>.grid.active:before,
.references-tab-wrap .w-tabs-list-h .w-tabs-item.list.active .gallerymode>.list.active:before {
background-position: 0 -17px;
}
.references-tab-wrap .w-grid.layout_192 .w-grid-list.listmode {
--columns: 1;
--gap: 0;
}
.references-tab-wrap .w-grid.layout_192 .w-grid-list.listmode article {
width: 100% !important;
padding: 0 2rem 0 1.2rem !important;
}
.references-tab-wrap .w-grid.layout_192 .w-grid-list.listmode article .w-grid-item-h .w-post-elm.post_image,
.references-tab-wrap .w-grid.layout_192 .w-grid-list.listmode article:before,
.references-tab-wrap .w-grid.layout_192 .w-grid-list.listmode article:after {
display: none;
}
.references-tab-wrap .w-grid.layout_192 .w-grid-list.listmode article .post_image+.w-vwrapper {
width: 100%;
display: flex;
flex-direction: row;
gap: 2rem;
align-items: flex-end;
}
.references-tab-wrap .w-grid.layout_192 .w-grid-list.listmode article .post_image+.w-vwrapper>* {
padding: 0;
margin: 0;
vertical-align: top;
}
.references-tab-wrap .w-grid.layout_192 .w-grid-list.listmode article .post_image+.w-vwrapper>.w-post-elm.post_custom_field {
flex: 10;
}
.references-tab-wrap .w-grid.layout_192 .w-grid-list.listmode article .post_image+.w-vwrapper>.w-post-elm.post_custom_field:nth-child(1) {
flex: 9;
}
.references-tab-wrap .w-grid.layout_192 .w-grid-list.listmode article .post_image+.w-vwrapper>.w-post-elm.post_custom_field:last-child {
flex: 1;
text-align: right;
}
}
@media screen and (min-width: 1921px) {
.references-tab-wrap .w-tabs-list-h .w-tabs-item.list.active .gallerymode {
height: 22px;
bottom: -35px;
}
.references-tab-wrap .w-tabs-list-h .w-tabs-item.list.active .gallerymode>.grid,
.references-tab-wrap .w-tabs-list-h .w-tabs-item.list.active .gallerymode>.list {
width: 22px;
}
.references-tab-wrap .w-tabs-list-h .w-tabs-item.list.active .gallerymode>.grid:hover:before,
.references-tab-wrap .w-tabs-list-h .w-tabs-item.list.active .gallerymode>.list:hover:before,
.references-tab-wrap .w-tabs-list-h .w-tabs-item.list.active .gallerymode>.grid.active:before,
.references-tab-wrap .w-tabs-list-h .w-tabs-item.list.active .gallerymode>.list.active:before {
background-position: 0 -22px;
}
}
@media screen and (max-width: 1024px) {
.layout_197 h3.usg_post_custom_field_2 {
margin-bottom: 20px !important;
}
}
@media screen and (max-width: 767px) {
.layout_197 .w-hwrapper {
flex-direction: column;
}
.layout_197 .w-post-elm.post_image,
.layout_197 .w-vwrapper {
width: 100%;
margin-bottom: 2.5rem;
}
.layout_197 .w-vwrapper {
margin-left: 0rem;
}
}
@media screen and (max-width: 650px) {
.news-press-tabs .w-tabs-list .w-tabs-list-h {
flex-direction: column;
}
.news-press-tabs .g-filters.tabslug-news,
.news-press-tabs .g-filters.tabslug-press {
width: 200px;
max-height: 54px;
}
} .project-hero-img {
aspect-ratio: 21 / 9;
}
.single-projekte .w-hwrapper>.w-image.has_ratio:first-child { flex: 1;
}
.single-projekte .w-hwrapper>.w-image.has_ratio:last-child { flex: 2.2488;
}
#project-gallery {
margin: -2rem -2rem 4rem -2rem;
}
#project-gallery>.row {
flex: 1;
margin: 1px 1.5rem;
display: flex;
justify-content: center;
}
#project-gallery>.row>picture,
#project-gallery>.row>img {
padding: clamp(0.5rem, 0.8vw, 2rem);
}
#project-gallery>.row>img {
flex: 1;
}
#project-gallery>.row>picture.ip-50,
#project-gallery>.row>img.ip-50 {
flex: 0.5;
}
#project-gallery>.row>picture img {
width: 100%;
height: 100%;
}
.project-news-list-header {
width: 100%;
display: flex;
justify-content: space-between;
}
.project-news-list-header>* {
display: flex;
}
@media screen and (orientation: landscape) {
#project-gallery>.row {
margin: 1px auto;
max-width: 65vw;
}
}
@media screen and (max-width: 1920px) and (orientation: landscape) {
#project-gallery>.row {
margin: 1px auto;
max-width: 50vw;
}
} body.single-news_press .w-hwrapper.news-content>.w-post-elm.post_custom_field.type_image {
flex: 1.5;
margin-bottom: 4rem;
width: 100%;
}
body.single-news_press .w-hwrapper.news-content>.w-vwrapper {
flex: 2;
}
@media screen and (max-width: 1200px) {
body.single-news_press .w-hwrapper.news-content {
flex-direction: column;
}
body.single-news_press .g-cols.wpb_row.news-content-wrap>.wpb_column.vc_column_container { }
} .w-grid.type_grid.layout_206 .w-grid-list .w-grid-item {
position: relative;
padding: 2.5rem 0;
border-bottom: 1px solid #D6D2CE;
}
.w-grid.type_grid.layout_206 .w-grid-list .w-grid-item:last-child {
border-bottom: none;
}
.w-grid.type_grid.layout_206 .w-grid-list .w-grid-item .w-post-elm.title {
cursor: pointer;
}
.w-grid.type_grid.layout_206 .w-grid-list .w-grid-item .w-post-elm,
.w-grid.type_grid.layout_206 .w-grid-list .w-grid-item .w-html.teaser,
.w-grid.type_grid.layout_206 .w-grid-list .w-grid-item .w-vwrapper.content {
padding-left: 1.5rem;
}
.w-grid.type_grid.layout_206 .w-grid-list .w-grid-item .w-html.teaser {
overflow: hidden;
max-height: 700px;
-webkit-transition: max-height 0.6s ease 0.2s;
transition: max-height 0.6s ease 0.2s;
}
.w-grid.type_grid.layout_206 .w-grid-list .w-grid-item .w-vwrapper.content {
overflow: hidden;
max-height: 0;
-webkit-transition: max-height 0.4s ease;
transition: max-height 0.4s ease;
}
.w-grid.type_grid.layout_206 .w-grid-list .w-grid-item.show .w-html.teaser {
max-height: 0;
-webkit-transition: none;
transition: none;
}
.w-grid.type_grid.layout_206 .w-grid-list .w-grid-item.show .w-vwrapper.content {
max-height: 2000px;
-webkit-transition: max-height 0.9s ease;
transition: max-height 0.9s ease;
}
.w-grid.type_grid.layout_206 .w-grid-list .w-grid-item.show .w-vwrapper.content .w-btn-wrapper .w-btn.us-btn-style_6 {
margin-top: 0;
padding-left: 1.5rem;
}
.w-grid.type_grid.layout_206 .w-grid-list .w-grid-item .w-post-elm.title::before {
content: '';
position: absolute;
top: 0;
left: 0;
background-color: var(--cl-main);
width: 17px;
height: 3px;
z-index: 0;
cursor: pointer;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.w-grid.type_grid.layout_206 .w-grid-list .w-grid-item .w-post-elm.title::after {
content: '';
position: absolute;
top: 0;
left: 0;
background-color: var(--cl-main);
width: 17px;
height: 3px;
transform: rotate(90deg);
z-index: 0;
cursor: pointer;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.w-grid.type_grid.layout_206 .w-grid-list .w-grid-item .w-post-elm.title:hover:before,
.w-grid.type_grid.layout_206 .w-grid-list .w-grid-item.show .w-post-elm.title:before {
transform: rotate(-45deg);
top: 0;
}
.w-grid.type_grid.layout_206 .w-grid-list .w-grid-item .w-post-elm.title:hover:after,
.w-grid.type_grid.layout_206 .w-grid-list .w-grid-item.show .w-post-elm.title:after {
transform: rotate(45deg);
}
.w-grid.layout_206 .w-grid-item a.w-btn {
margin-top: 1rem !important;
}
@media screen and (max-width: 600px) {
.w-grid.type_grid.layout_206 {
margin: 0 1.5rem;
}
.w-grid.type_grid.layout_206 .w-grid-list .w-grid-item .w-vwrapper.content {
padding-left: 0.5rem;
}
} .service-list {
width: 100%;
display: flex;
justify-content: space-between;
}
.service-list>.w-post-elm.post_custom_field,
.service-list>.wpb_content_element.wpb_raw_html {
width: calc(50% - 1rem);
padding-bottom: 1rem;
}
.service-list>.w-post-elm.post_custom_field:nth-child(2n),
.service-list>.wpb_content_element.wpb_raw_html {
margin-right: 0;
}
.service-list>.w-post-elm.post_custom_field .w-post-elm-before,
.service-list>.wpb_content_element.wpb_raw_html .w-post-elm-before {
font-size: clamp(18px, 3vw, 22px) !important;
letter-spacing: 0 !important;
font-weight: 100;
}
.service-list>.w-post-elm.post_custom_field .w-post-elm-value {}
.single-projekte .service-list .team-b-list {
list-style-type: none;
}
.single-projekte .service-list .team-b-list>li {
margin: 0;
}
.single-projekte .service-list .team-b-list>li>* {
padding: 0 0 0.3rem 0;
color: var(--color-content-text);
}
.single-projekte .service-list .team-b-list>li>a:hover {
color: var(--color-content-link);
}
@media screen and (max-width: 400px) {
.service-list>.w-post-elm.post_custom_field,
.service-list>.wpb_content_element.wpb_raw_html {
width: 100%;
margin-right: 0;
margin-bottom: 0;
padding-bottom: 2rem;
}
} ul.project-tax-list {
margin-left: -0.5rem;
margin-top: 0.4rem;
}
ul.project-tax-list>li {
display: inline-block;
list-style-type: none;
padding: 0;
margin: 0;
text-transform: uppercase;
}
ul.project-tax-list>li a {
display: block;
margin: 0 0.5rem;
line-height: 1.1; text-transform: uppercase;
text-decoration: none;
} .w-grid.layout_192 .g-filters,
.w-grid.layout_339 .g-filters {
position: sticky;
top: 50px;
background: none;
background-color: #fff;
}
.w-grid.layout_192 .g-filters .g-filters-item,
.w-grid.layout_339 .g-filters .g-filters-item {
text-transform: uppercase;
padding: 0 0.5vw;
}
.w-grid.layout_192 .g-filters .g-filters-item:hover,
.w-grid.layout_192 .g-filters .g-filters-item.active,
.w-grid.layout_339 .g-filters .g-filters-item:hover,
.w-grid.layout_339 .g-filters .g-filters-item.active {
background: none;
color: var(--cl-main);
} .w-grid.layout_1253 .w-grid-list article,
.w-grid.layout_192 .w-grid-list article,
.w-grid.layout_225 .w-grid-list article,
.w-grid.layout_339 .w-grid-list article,
.w-grid.layout_196 .w-grid-list article {
position: relative;
overflow: hidden;
}
.w-grid.layout_1253 .w-grid-list article.w-grid-item,
.w-grid.layout_192 .w-grid-list article.w-grid-item,
.w-grid.layout_339 .w-grid-list article.w-grid-item,
.w-grid.layout_196 .w-grid-list article.w-grid-item { }
.w-grid.layout_1253 .w-grid-list article .w-grid-item-h,
.w-grid.layout_192 .w-grid-list article .w-grid-item-h,
.w-grid.layout_339 .w-grid-list article .w-grid-item-h,
.w-grid.layout_196 .w-grid-list article .w-grid-item-h {
width: 100%;
overflow: hidden;
}
.w-grid.layout_192 .w-grid-list article .w-grid-item-h,
.w-grid.layout_339 .w-grid-list article .w-grid-item-h {
display: flex;
flex-direction: column;
flex: 1;
}
.references-tab-wrap .w-grid.layout_192 .w-grid-list article .w-grid-item-h {
position: relative;
display: flex;
align-items: flex-end;
flex-wrap: wrap;
}
.references-tab-wrap .w-grid.layout_192 .w-grid-list article .w-grid-item-h .w-post-elm.post_image.with_placeholder {
display: none;
}
.project-list-wrap ul.project-list>li>a>.wp-post-image,
.w-grid.layout_1253 .w-grid-list article .post_image,
.w-grid.layout_192 .w-grid-list article .post_image,
.w-grid.layout_197 .w-grid-list article .post_image img,
.w-grid.layout_225 .w-grid-list article .post_image,
.w-grid.layout_339 .w-grid-list article .post_image,
.w-grid.layout_196 .w-grid-list article .post_image {
z-index: 2;
align-self: flex-start;
min-height: 1px;
-webkit-transition: all 1s cubic-bezier(.71, .35, .53, 1.27);
transition: all 1s cubic-bezier(.71, .35, .53, 1.27);
-webkit-transform-origin: top center;
transform-origin: top center;
z-index: 2;
}
.w-grid.layout_1253 .w-grid-list article .post_image+.w-vwrapper,
.w-grid.layout_192 .w-grid-list article .post_image+.w-vwrapper,
.w-grid.layout_339 .w-grid-list article .post_image+.w-vwrapper,
.w-grid.layout_196 .w-grid-list article .post_image+.w-vwrapper {
padding-top: 1rem;
}
.w-grid.layout_192 .w-grid-list article .post_image+.w-vwrapper,
.w-grid.layout_339 .w-grid-list article .post_image+.w-vwrapper {
flex: 1;
align-self: flex-start;
justify-content: flex-start;
border-bottom: 1px solid #ddd;
padding-bottom: 1rem;
}
.w-grid.layout_192 .w-grid-list article .project_headline {
margin-bottom: 0;
}
.w-grid.layout_192 .w-grid-list article .project_type {
margin-bottom: 0;
}
.w-grid.layout_192 .w-grid-list article .year {
margin: 0;
padding: 0;
}
.w-grid.layout_339 .w-grid-list article .news_date {
margin-bottom: 0;
}
.w-grid.layout_339 .w-grid-list article .news_headline {
margin: 0;
padding: 0;
}
.w-grid.layout_339 .w-grid-list article .news_headline a>span {
font-weight: 600 !important;
letter-spacing: 0.01em !important;
}
.w-grid.layout_196 .w-grid-list article .person_name {
margin-bottom: 0.3rem;
}
.w-grid.layout_196 .w-grid-list article .person_name a span {
font-weight: 600 !important;
}
.w-grid.layout_196 .w-grid-list article .person_qualification {
margin: 0;
padding: 0;
}
.layout_2456 .project_headline *,
.w-grid.layout_1253 .w-grid-list article p,
.w-grid.layout_196 .w-grid-list article p,
.w-grid.layout_192 .w-grid-list article p,
.w-grid.layout_339 .w-grid-list article p {
margin-bottom: 0;
line-height: 1.3 !important;
}
.layout_2456 .project_headline *,
.w-grid.layout_1253 .w-grid-list article .h4,
.w-grid.layout_196 .w-grid-list article .h4,
.w-grid.layout_192 .w-grid-list article .h4,
.w-grid.layout_339 .w-grid-list article .h4 {
color: var(--color-content-text) !important;
text-align: left !important;
font-weight: 600 !important;
text-transform: initial !important;
margin-bottom: 0.3rem;
}
.w-grid.layout_1253 .w-grid-list article .h4 *,
.w-grid.layout_196 .w-grid-list article .h4 *,
.w-grid.layout_192 .w-grid-list article .h4 *,
.w-grid.layout_339 .w-grid-list article .h4 * {
font-weight: 600 !important;
}
.layout_2458 .news_headline *,
.layout_2456 .project_headline * {
display: inline-block;
font-weight: 400 !important;
font-size: 13px;
text-transform: uppercase !important;
}
.references-tab-wrap .w-grid.layout_192 .w-grid-list article .h4 * {
text-transform: uppercase !important;
line-height: 1.2 !important;
font-weight: 500 !important;
}
.w-grid.layout_1253 .w-grid-list article a,
.w-grid.layout_196 .w-grid-list article a,
.w-grid.layout_192 .w-grid-list article a,
.w-grid.layout_339 .w-grid-list article a {
color: var(--color-content-text) !important;
text-align: left !important;
font-weight: 400 !important;
text-transform: none !important;
text-transform: initial !important;
}
.w-grid.layout_1253 .w-grid-list article .title a,
.w-grid.layout_196 .w-grid-list article .title a,
.w-grid.layout_192 .w-grid-list article .title a,
.w-grid.layout_339 .w-grid-list article .title a {
text-transform: uppercase !important;
}
.w-grid.layout_192 .w-grid-list article .title a {
color: var(--cl-main) !important;
}
.w-grid.layout_1253 .w-grid-list article .teaser a, 
.w-grid.layout_196 .w-grid-list article .teaser a, 
.w-grid.layout_192 .w-grid-list article .teaser a {
display: flex;
flex-direction: column;
}
.w-grid.layout_1253 .w-grid-list article .teaser a > .date, 
.w-grid.layout_196 .w-grid-list article .teaser a > .date, 
.w-grid.layout_192 .w-grid-list article .teaser a > .date {display: block; order: 2;}
.w-grid.layout_1253 .w-grid-list article:hover a,
.w-grid.layout_196 .w-grid-list article:hover a,
.w-grid.layout_192 .w-grid-list article:hover a { } .project-list-wrap ul.project-list>li>a:before,
.project-list-wrap ul.project-list>li>a:after,
.w-grid.layout_1253 .w-grid-list article:before,
.w-grid.layout_192 .w-grid-list article:before,
.w-grid.layout_197 .w-grid-list article .post_image:before,
.w-grid.layout_225 .w-grid-list article:before,
.w-grid.layout_339 .w-grid-list article:before,
.w-grid.layout_196 .w-grid-list article:before,
.w-grid.layout_1253 .w-grid-list article:after,
.w-grid.layout_192 .w-grid-list article:after,
.w-grid.layout_197 .w-grid-list article .post_image:after,
.w-grid.layout_225 .w-grid-list article:after,
.w-grid.layout_339 .w-grid-list article:after,
.w-grid.layout_196 .w-grid-list article:after {
content: '';
position: absolute;
bottom: calc(40px + var(--gap, 0px));
right: calc(36px + var(--gap, 0px));
left: auto;
background-color: #f1f1f1; width: 22px;
height: 4px;
-webkit-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
opacity: 0;
z-index: 10;
}
.project-list-wrap ul.project-list>li>a:before,
.project-list-wrap ul.project-list>li>a:after {
bottom: calc(26px + var(--gap, 0px));
right: calc(10px + var(--gap, 0px));
left: auto;
}
.w-grid.layout_197 .w-grid-list article .post_image:before,
.w-grid.layout_197 .w-grid-list article .post_image:after {
bottom: calc(2.5% + var(--gap, 0px));
right: calc(1.5% + var(--gap, 0px));
left: auto;
}
.project-list-wrap ul.project-list>li>a:after,
.w-grid.layout_1253 .w-grid-list article:after,
.w-grid.layout_192 .w-grid-list article:after,
.w-grid.layout_197 .w-grid-list article .post_image:after,
.w-grid.layout_225 .w-grid-list article:after,
.w-grid.layout_339 .w-grid-list article:after,
.w-grid.layout_196 .w-grid-list article:after {
transform: rotate(90deg);
}
.project-list-wrap ul.project-list>li:hover>a:before,
.w-grid.layout_1253 .w-grid-list article:hover:before,
.w-grid.layout_192 .w-grid-list article:hover:before,
.w-grid.layout_197 .w-grid-list article:hover .post_image:before,
.w-grid.layout_225 .w-grid-list article:hover:before,
.w-grid.layout_339 .w-grid-list article:hover:before,
.w-grid.layout_196 .w-grid-list article:hover:before,
.project-list-wrap ul.project-list>li:hover>a:after,
.w-grid.layout_1253 .w-grid-list article:hover:after,
.w-grid.layout_192 .w-grid-list article:hover:after,
.w-grid.layout_197 .w-grid-list article:hover .post_image:after,
.w-grid.layout_225 .w-grid-list article:hover:after,
.w-grid.layout_339 .w-grid-list article:hover:after,
.w-grid.layout_196 .w-grid-list article:hover:after {
opacity: 1;
-webkit-transition: opacity 0.2s ease 0.55s;
transition: opacity 0.2s ease 0.55s;
}
.project-list-wrap ul.project-list>li:hover img,
.w-grid.layout_1253 .w-grid-list article:hover .post_image,
.w-grid.layout_192 .w-grid-list article:hover .post_image,
.w-grid.layout_197 .w-grid-list article:hover .post_image,
.w-grid.layout_225 .w-grid-list article:hover .post_image,
.w-grid.layout_339 .w-grid-list article:hover .post_image,
.w-grid.layout_196 .w-grid-list article:hover .post_image {
min-height: 100%; }
.project-list-wrap ul.project-list>li>a:hover .wp-post-image,
.w-grid.layout_225 .w-grid-list article:hover .post_image {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.w-grid.layout_197 .w-grid-list article:hover .post_image img {
-webkit-transform: scale(1.15);
transform: scale(1.15);
} @media screen and (max-width: 600px) {
.project-list-wrap ul.project-list>li>a:before,
.project-list-wrap ul.project-list>li>a:after,
.w-grid.layout_1253 .w-grid-list article:before,
.w-grid.layout_192 .w-grid-list article:before,
.w-grid.layout_197 .w-grid-list article .post_image:before,
.w-grid.layout_225 .w-grid-list article:before,
.w-grid.layout_339 .w-grid-list article:before,
.w-grid.layout_196 .w-grid-list article:before,
.w-grid.layout_1253 .w-grid-list article:after,
.w-grid.layout_192 .w-grid-list article:after,
.w-grid.layout_197 .w-grid-list article .post_image:after,
.w-grid.layout_225 .w-grid-list article:after,
.w-grid.layout_339 .w-grid-list article:after,
.w-grid.layout_196 .w-grid-list article:after {
bottom: calc(10px + var(--gap, 0px));
right: calc(var(--gap, 0px));
}
} #agency-links ul {
list-style: none;
margin-left: 0;
}
#agency-links ul li {
margin-bottom: 15px;
}
#agency-links ul li a,
#founder a,
#agency-links ul li a:before,
#founder a:before {
color: var(--cl-typo) !important;
border-color: transparent !important;
}
#agency-links ul li a:hover,
#founder a:hover,
#agency-links ul li a:hover:before,
#founder a:hover:before {
color: var(--cl-main) !important;
border-color: var(--cl-main) !important;
}
#agency-services ul {
list-style: none;
margin-left: 12px;
}
#agency-services ul li {
position: relative;
margin: 0 0 0.25rem;
}
#agency-services ul li:before {
content: '-';
position: absolute;
left: -12px;
}
#agency-services p {
margin-bottom: 0;
}
.txt-uppercase {
text-transform: uppercase;
font-weight: 500;
} .w-hwrapper.news-headline>.w-post-elm.news_headline {
flex: 2;
}
.w-hwrapper.news-headline>.w-btn-wrapper {
flex: 1;
}
.w-grid.type_grid.layout_339 article.type-press .w-post-elm.post_custom_field.date,
.more-news,
.more-press {
display: none !important;
}
.more-news.show,
.more-press.show {
display: flex !important;
} #newspress-list.w-grid.type_grid .w-grid-list {
display: grid;
grid-template-columns: repeat( var(--columns,1),1fr );
grid-auto-flow: row; gap: calc( var(--gap,0px) * 2 );
}
#news-press-filter .w-filter-list {
position: relative;
display: flex;
flex-direction: row;
justify-content: space-between;
padding-bottom: 2rem;
}
#news-press-filter .w-filter-list .w-filter-item .w-filter-item-values .w-filter-item-value {
border: none;
width: auto !important;
}
#news-press-filter .w-filter-list .w-filter-item .w-filter-item-values .w-filter-item-value>label>.w-filter-item-value-label {
color: var(--color-content-text);
}
#news-press-filter .w-filter-list .w-filter-item .w-filter-item-values .w-filter-item-value:hover>label>.w-filter-item-value-label,
#news-press-filter .w-filter-list .w-filter-item .w-filter-item-values .w-filter-item-value.selected>label>.w-filter-item-value-label {
color: var(--cl-main);
}
#news-press-filter .w-filter-list .w-filter-item .w-filter-item-values .w-filter-item-value.disabled {
display: none;
}
#news-press-filter .w-filter-list .w-filter-item[data-source="tax|newspress-year"] .w-filter-item-values {
display: flex;
justify-content: flex-end;
}
#news-press-filter .w-filter-list .w-filter-item[data-source="tax|newspress-year"] .w-filter-item-values .w-filter-item-value {
line-height: 1.6 !important;
}
#news-press-filter .w-filter-list .w-filter-item[data-source="tax|news_press_cat"] .w-filter-item-values .w-filter-item-value>label {
text-transform: uppercase;
padding: 0 1.8rem 0 0;
}
#news-press-filter .w-filter-list .w-filter-item[data-source="tax|news_press_cat"] .w-filter-item-values .w-filter-item-value:last-child>label {
padding-right: 0;
}
#news-press-filter .w-filter-list .w-filter-item[data-source="tax|newspress-year"] .w-filter-item-values .w-filter-item-value>label {
text-transform: uppercase;
padding: 0 0 0 1.8rem;
}
#news-press-filter .w-filter-list .w-filter-item[data-source="tax|newspress-year"] {
position: absolute;
right: 0;
top: 0;
max-width: 390px;
margin: 0;
padding: 0;
border: none;
background-color: #fff;
}
#news-press-filter .w-filter-list .w-filter-item[data-source="tax|newspress-year"]:hover {
padding-bottom: 1rem;
}
@media screen and (min-width: 1px) and (max-width: 479px) {
#news-press-filter .w-filter-list .w-filter-item[data-source="tax|newspress-year"] .w-filter-item-values .w-filter-item-value {
line-height: 2 !important;
}
#news-press-filter .w-filter-list .w-filter-item[data-source="tax|newspress-year"]:not(:hover) .w-filter-item-values .w-filter-item-value:not(.selected):nth-child(n+5) {
max-height: 0;
margin: 0;
padding: 0;
border: none;
overflow: hidden !important;
}
}
@media screen and (min-width: 480px) and (max-width: 600px) {
#news-press-filter .w-filter-list .w-filter-item[data-source="tax|newspress-year"] .w-filter-item-values .w-filter-item-value {
line-height: 1.8 !important;
padding: 0 !important;
}
#news-press-filter .w-filter-list .w-filter-item[data-source="tax|newspress-year"]:not(:hover) .w-filter-item-values .w-filter-item-value:not(.selected):nth-child(n+8) {
max-height: 0;
margin: 0;
padding: 0;
border: none;
overflow: hidden !important;
}
}
@media screen and (min-width: 601px) {
#news-press-filter .w-filter-list .w-filter-item[data-source="tax|newspress-year"]:not(:hover) .w-filter-item-values .w-filter-item-value:not(.selected):nth-child(n+6) {
max-height: 0;
margin: 0;
padding: 0;
border: none;
overflow: hidden !important;
}
}
@media screen and (max-width: 1800px) {
#news-press-filter .w-filter-list .w-filter-item[data-source="tax|newspress-year"] {
max-width: 354px;
}
}
@media screen and (max-width: 600px) {
#news-press-filter .w-filter-list .w-filter-item[data-source="tax|newspress-year"] {
top: 40px;
right: auto;
left: 0;
max-width: 100%;
width: 100%;
}
#news-press-filter .w-filter-list .w-filter-item[data-source="tax|newspress-year"] .w-filter-item-values {
justify-content: flex-start;
}
#news-press-filter .w-filter-list .w-filter-item[data-source="tax|newspress-year"] .w-filter-item-values .w-filter-item-value>label {
padding: 0 1.8rem 0 0;
}
} .w-grid-list article.sep-year {
width: 100% !important;
display: block !important;
padding-top: 2rem;
padding-bottom: 2rem;
grid-column: 1 / -1;
}
.w-grid-list article.sep-year>span {
color: var(--cl-main);
} ul.news-list {
list-style-type: none;
margin-left: 0;
}
ul.news-list>li {
padding: 0 0 1rem 0;
margin: 0 0 1rem 0;
border-bottom: 1px solid var(--color-content-border);
}
ul.news-list>li:last-child {
border: none;
}
ul.news-list>li>.date {
padding-right: 4rem;
}
ul.news-list>li>a.title {} .sprungmarken ul {
list-style: none;
margin-top: 20px;
margin-left: 0;
}
.sprungmarken ul li:not(.row) {
display: inline-block;
margin-right: 0.8vw;
}
.sprungmarken.row ul li {
display: block
}
.sprungmarken ul li:last-of-type {
margin-right: 0px;
}
.sprungmarken ul li a {
position: relative;
color: var(--cl-typo) !important;
text-transform: uppercase;
letter-spacing: 0.05em !important;
font-weight: 300;
line-height: 1.5;
} body .w-grid.layout_282 {}
body .w-grid.layout_282 .w-post-elm.project_headline {
margin-bottom: 0.2rem !important;
}
body .w-grid.layout_282 .w-post-elm.project_headline a,
body .w-grid.layout_282 .w-post-elm.project_headline a * {
color: var(--color-content-text) !important;
text-decoration: none !important;
}
body .w-grid.layout_282 .w-post-elm.project_headline a:hover,
body .w-grid.layout_282 .w-post-elm.project_headline a:hover * {
color: var(--cl-main) !important;
text-decoration: none !important;
}
body .w-grid.layout_282 .w-post-elm.project_type a:not(:hover) {
color: var(--color-content-text) !important;
}  .project-list-wrap h3 {
text-transform: uppercase;
}
.project-list-wrap ul.project-list {
list-style-type: none;
margin-left: 0;
}
.project-list-wrap ul.project-list>li {
display: flex;
flex-direction: row;
align-items: center;
padding: 0;
margin: 0;
max-height: 0;
overflow: hidden;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
body.state_mobiles .project-list-wrap ul.project-list>li {
flex-wrap: wrap;
flex-direction: column;
align-items: flex-start;
}
body.state_mobiles .project-list-wrap ul.project-list>li:not(:last-child) {padding-bottom:2rem;}
body.state_mobiles .project-list-wrap ul.project-list>li a {
width: 100%;
margin: 0;
margin-bottom: 0.5rem;
}
body.state_mobiles .project-list-wrap ul.project-list>li img {
width: 100%;
aspect-ratio: 16/9;
}
body.state_mobiles .project-list-wrap ul.project-list>li .content {
font-size: 13px;
line-height: 1.1;
}
.project-list-wrap ul.project-list>li>a {
flex: 1 0 auto;
position: relative;
margin-right: 2rem;
}
.project-list-wrap ul.project-list>li img {
width: 235px;
aspect-ratio: 3/2;
object-fit: cover;
}
.project-list-wrap ul.project-list>li a.title {
display: block;
color: inherit;
}
.project-list-wrap ul.project-list>li .type {}
.project-list-wrap ul.project-list>li.show {
padding: 0.4rem 0;
max-height: 400px;
}
.project-list-wrap .w-btn-wrapper {
margin: 0;
padding: 0;
line-height: 0;
}
.project-list-wrap .w-btn.btn-more {
max-height: 0;
overflow: hidden;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
cursor: pointer;
}
.project-list-wrap .w-btn.btn-more.show {
max-height: 50px;
} .w-post-elm.type_repeater.vita-group {}
.w-post-elm.type_repeater.vita-group .repeater-row {
padding: 1rem 0;
}
.w-post-elm.type_repeater.vita-group .repeater-row>.repeater-field {
display: block;
}
.w-post-elm.type_repeater.vita-group .repeater-row>.repeater-field.team_year {
font-size: clamp(20px, 1.1vw, 30px) !important;
letter-spacing: 0.05em !important;
font-weight: 100;
color: var(--cl-main);
}
.w-post-elm.type_repeater.vita-group .repeater-row>.repeater-field.team_event {} .w-grid.type_carousel.carousel-slider {
width: calc(100% - 15rem);
margin: 0 auto;
}
.w-grid.carousel-slider .w-grid-list article:before,
.w-grid.carousel-slider .w-grid-list article:after {
bottom: calc(1rem + var(--gap, 0px));
right: calc(0.5rem + var(--gap, 0px));
}
.w-grid.type_carousel.carousel-slider .w-grid-list.owl-carousel .w-post-elm.post_image+.w-vwrapper {
margin-top: 0.5rem;
}
.w-grid.type_carousel.carousel-slider .w-grid-list.owl-carousel .w-post-elm.post_custom_field.person_name {
font-weight: 600;
}
.w-grid.type_carousel.carousel-slider .w-grid-list.owl-carousel .owl-nav .owl-prev,
.w-grid.type_carousel.carousel-slider .w-grid-list.owl-carousel .owl-nav .owl-next {
border-radius: 0;
background: none !important;
}
.w-grid.type_carousel.carousel-slider .w-grid-list.owl-carousel .owl-nav .owl-prev:before,
.w-grid.type_carousel.carousel-slider .w-grid-list.owl-carousel .owl-nav .owl-next:before,
.w-grid.type_carousel.carousel-slider .w-grid-list.owl-carousel .owl-nav .owl-prev:after,
.w-grid.type_carousel.carousel-slider .w-grid-list.owl-carousel .owl-nav .owl-next:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 50px;
height: 50px;
background-size: contain;
background-repeat: no-repeat;
background-color: none !important;
font-size: 0;
line-height: 0;
padding: 0;
margin: 0;
}
.w-grid.type_carousel.carousel-slider .w-grid-list.owl-carousel .owl-nav .owl-prev:before {
background-image: url(//www.behzadi-architekten.de/wp-content/uploads/2023/09/arr-left.svg);
background-position: left center;
}
.w-grid.type_carousel.carousel-slider .w-grid-list.owl-carousel .owl-nav .owl-prev:hover:after {
background-image: url(//www.behzadi-architekten.de/wp-content/uploads/2023/09/arr-left-on.svg);
}
.w-grid.type_carousel.carousel-slider .w-grid-list.owl-carousel .owl-nav .owl-next:before {
background-image: url(//www.behzadi-architekten.de/wp-content/uploads/2023/09/arr-right.svg);
background-position: right center;
}
.w-grid.type_carousel.carousel-slider .w-grid-list.owl-carousel .owl-nav .owl-next:hover:after {
background-image: url(//www.behzadi-architekten.de/wp-content/uploads/2023/09/arr-right-on.svg);
background-position: right center;
}
.w-grid.type_carousel.carousel-slider .w-grid-list.owl-carousel .owl-nav .owl-prev:hover:before,
.w-grid.type_carousel.carousel-slider .w-grid-list.owl-carousel .owl-nav .owl-next:hover:before,
.w-grid.type_carousel.carousel-slider .w-grid-list.owl-carousel .owl-nav .owl-prev:not(:hover):after,
.w-grid.type_carousel.carousel-slider .w-grid-list.owl-carousel .owl-nav .owl-next:not(:hover):after {
display: none;
}
@media screen and (max-width: 900px) {
.w-grid.carousel-slider {
width: calc(100%);
} } ul.download-file-list {
list-style-type: none;
}
ul.download-file-list>li>a {
display: flex !important;
flex-direction: row !important;
padding: 0.5rem 0 0.2rem 0;
}
ul.download-file-list>li>a>img {
width: 20px;
height: 25px;
vertical-align: bottom;
opacity: 0.6;
filter: invert(29%) sepia(11%) saturate(538%) hue-rotate(141deg) brightness(92%) contrast(87%);
}
ul.download-file-list>li>a>span.txt-wrap {
margin-left: 0;
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
}
ul.download-file-list>li>a>img+span.txt-wrap {
padding-left: 1rem;
}
ul.download-file-list>li>a>span.txt-wrap>span.size {
font-size: 80%;
}
ul.download-file-list>li>a>span.txt-wrap>span.size:before {
content: '|';
text-align: center;
padding: 0 0.5rem;
}
ul.download-file-list>li>a:hover>img {
opacity: 1;
filter: invert(12%) sepia(71%) saturate(6390%) hue-rotate(337deg) brightness(79%) contrast(90%);
}
ul.download-file-list>li>a:hover>span.txt-wrap {
margin-left: 0.5rem;
}
@media screen and (max-width: 600px) {
.w-grid.type_carousel.carousel-slider {
width: calc(100%);
}
body.state_mobiles ul.download-file-list>li>a {
width: 100%;
display: flex;
}
ul.download-file-list>li>a>span.txt-wrap>span {
display: flex;
width: 100%;
}
ul.download-file-list>li>a>span.txt-wrap>span.size:before {
display: none;
}
} .info-sheets.w-hwrapper {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: flex-start;
margin-left: -3%;
}
.info-sheets.w-hwrapper>.w-vwrapper {
margin: 0rem 0rem 3% 3% !important;
display: flex;
align-items: flex-start;
}
section:not(#benefits) .info-sheets.w-hwrapper>.w-vwrapper,
#benefits .info-sheets.w-hwrapper>.w-vwrapper:not(:first-child):not(:last-child) {
width: 17%;
align-items: center;
background-color: #e8e8e8;
color: var(--color-alt-content-text);
padding: 3rem 1.5rem 2rem 1.5rem;
}
section:not(#benefits) .info-sheets.w-hwrapper>.w-vwrapper *,
#benefits .info-sheets.w-hwrapper>.w-vwrapper:not(:first-child):not(:last-child) * {
color: var(--color-alt-content-text);
}
#benefits .info-sheets.w-hwrapper>.w-vwrapper:first-child {
align-self: flex-start;
}
#benefits .info-sheets.w-hwrapper>.w-vwrapper:first-child,
#benefits .info-sheets.w-hwrapper>.w-vwrapper:last-child {
width: 57%;
padding-right: 4rem;
}
section:not(#benefits) .info-sheets.w-hwrapper>.w-vwrapper>.w-image,
#benefits .info-sheets.w-hwrapper>.w-vwrapper:not(:first-child):not(:last-child)>.w-image {
max-width: 40%;
margin-bottom: 1.5rem;
border: 1px solid transparent;
border-radius: 50%;
background-color: #fff;
}
section:not(#benefits) .info-sheets.w-hwrapper>.w-vwrapper>.w-image img,
#benefits .info-sheets.w-hwrapper>.w-vwrapper:not(:first-child):not(:last-child)>.w-image img {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: transform 0.6s ease;
transition: transform 0.6s ease;
}
section:not(#benefits) .info-sheets.w-hwrapper>.w-vwrapper:hover>.w-image img,
#benefits .info-sheets.w-hwrapper>.w-vwrapper:not(:first-child):not(:last-child):hover>.w-image img {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
section:not(#benefits) .info-sheets.w-hwrapper>.w-vwrapper>div:last-child,
#benefits .info-sheets.w-hwrapper>.w-vwrapper:not(:first-child):not(:last-child)>div:last-child { }
section:not(#benefits) .info-sheets.w-hwrapper>.w-vwrapper>div:nth-child(2),
#benefits .info-sheets.w-hwrapper>.w-vwrapper:not(:first-child):not(:last-child)>div:nth-child(2) {
flex: 1 1 60px;
}
section:not(#benefits) .info-sheets.w-hwrapper>.w-vwrapper>div:nth-child(3),
#benefits .info-sheets.w-hwrapper>.w-vwrapper:not(:first-child):not(:last-child)>div:nth-child(3) {
flex: 1 1 250px;
}
@media screen and (max-width: 1700px) {
section:not(#benefits) .info-sheets.w-hwrapper>.w-vwrapper,
#benefits .info-sheets.w-hwrapper>.w-vwrapper:not(:first-child):not(:last-child) {
width: 22%;
}
#benefits .info-sheets.w-hwrapper>.w-vwrapper:first-child,
#benefits .info-sheets.w-hwrapper>.w-vwrapper:last-child {
width: 47%;
}
section:not(#benefits) .info-sheets.w-hwrapper>.w-vwrapper>div:nth-child(3),
#benefits .info-sheets.w-hwrapper>.w-vwrapper:not(:first-child):not(:last-child)>div:nth-child(3) {
flex: 1 1 160px;
}
}
@media screen and (max-width: 1400px) {
.info-sheets.w-hwrapper>.w-vwrapper {
margin: 0rem 0rem 3rem 3rem !important;
}
section:not(#benefits) .info-sheets.w-hwrapper>.w-vwrapper,
#benefits .info-sheets.w-hwrapper>.w-vwrapper:not(:first-child):not(:last-child) {
width: calc(33.33% - 3rem);
}
#benefits .info-sheets.w-hwrapper>.w-vwrapper:first-child,
#benefits .w-hwrapper>.w-vwrapper:last-child {
width: calc(66.667% - 3rem);
}
section:not(#benefits) .info-sheets.w-hwrapper>.w-vwrapper>div:nth-child(3),
#benefits .info-sheets.w-hwrapper>.w-vwrapper:not(:first-child):not(:last-child)>div:nth-child(3) {
flex: 1 1 230px;
}
}
@media screen and (min-width: 600px) and (max-width: 1400px) {
#benefits .info-sheets.w-hwrapper {
margin-left: -3rem !important;
}
.info-sheets.w-hwrapper {
margin-left: -5%;
}
}
@media screen and (max-width: 1000px) {
section:not(#benefits) .info-sheets.w-hwrapper>.w-vwrapper,
#benefits .info-sheets.w-hwrapper>.w-vwrapper:not(:first-child):not(:last-child) {
width: calc(33.33% - 3rem);
}
#benefits .info-sheets.w-hwrapper>.w-vwrapper:first-child,
#benefits .w-hwrapper>.w-vwrapper:last-child {
width: calc(100% - 3rem);
}
section:not(#benefits) .info-sheets.w-hwrapper>.w-vwrapper>div:nth-child(3),
#benefits .info-sheets.w-hwrapper>.w-vwrapper:not(:first-child):not(:last-child)>div:nth-child(3) {
flex: 1 1 250px;
}
}
@media screen and (max-width: 850px) {
section:not(#benefits) .info-sheets.w-hwrapper>.w-vwrapper,
#benefits .info-sheets.w-hwrapper>.w-vwrapper:not(:first-child):not(:last-child) {
width: calc(50% - 3rem);
}
section:not(#benefits) .info-sheets.w-hwrapper>.w-vwrapper>div:nth-child(3),
#benefits .info-sheets.w-hwrapper>.w-vwrapper:not(:first-child):not(:last-child)>div:nth-child(3) {
flex: 1 1 180px;
}
}
@media screen and (max-width: 600px) {
.info-sheets.w-hwrapper,
.info-sheets.w-hwrapper>.w-vwrapper {
width: 100% !important;
margin-left: 0 !important;
}
section:not(#benefits) .info-sheets.w-hwrapper>.w-vwrapper>div:nth-child(2),
#benefits .info-sheets.w-hwrapper>.w-vwrapper:not(:first-child):not(:last-child)>div:nth-child(2) {
flex: 1px;
}
section:not(#benefits) .info-sheets.w-hwrapper>.w-vwrapper,
#benefits .info-sheets.w-hwrapper>.w-vwrapper:not(:first-child):not(:last-child)>div:nth-child(3) {
flex: 1 1 auto;
min-height: 100px;
}
} .w-hwrapper.pie-chart-wrapper>.w-vwrapper .pie-chart {
position: relative;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
width: 120px;
text-align: center;
}
.w-hwrapper.pie-chart-wrapper>.w-vwrapper {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 0 0 2rem 0;
}
.w-hwrapper.pie-chart-wrapper .arrow {
box-sizing: border-box;
position: relative;
left: 0;
top: 60px;
display: block;
-webkit-transform: scale(var(--ggs, 1));
transform: scale(var(--ggs, 1));
border-top: 2px solid transparent;
border-bottom: 2px solid transparent;
box-shadow: inset 0 0 0 2px;
width: clamp(50px, 6vw, 150px);
height: 5px;
-webkit-transition: max-width 6s linear;
transition: max-width 6s linear;
}
.w-hwrapper.pie-chart-wrapper .arrow:after {
content: "";
display: block;
box-sizing: border-box;
position: absolute;
width: 9px;
height: 9px;
border-top: 1px solid;
border-right: 1px solid;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
right: -1px;
bottom: -4px;
}
.w-hwrapper.pie-chart-wrapper:not(.on) .arrow {
max-width: 20px;
}
.w-hwrapper.pie-chart-wrapper.on .arrow {
max-width: 400px;
}
.w-hwrapper.pie-chart-wrapper>.w-vwrapper .pie-chart>div {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: block;
}
.w-hwrapper.pie-chart-wrapper>.w-vwrapper .title p {
min-height: 90px;
padding-top: 1.5rem;
font-family: 'Avenir Next';
font-size: clamp(15px, 1.1vw, 26px) !important;
font-weight: normal;
text-transform: uppercase;
line-height: 1.5 !important;
letter-spacing: clamp(0.06rem, 0.035vw, 2px) !important;
}
.w-hwrapper.pie-chart-wrapper>.w-vwrapper .descr p {
padding-top: 0.5rem;
}
@media screen and (max-width: 1000px) {
.w-hwrapper.pie-chart-wrapper .arrow {
width: 35px;
}
}
@media screen and (max-width: 767px) {
#procedure .h1 * {
text-align: center;
}
.w-hwrapper.pie-chart-wrapper {
--hwrapper-gap: 0px;
display: block;
}
.w-hwrapper.pie-chart-wrapper>.w-vwrapper {
margin: 0 auto;
max-width: 360px;
}
.w-hwrapper.pie-chart-wrapper .arrow {
display: flex;
top: 0;
left: calc(50% - 20px);
margin: 50px 0 80px 0;
width: 50px;
-webkit-transform: scale(var(--ggs, 1)) rotate(90deg);
transform: scale(var(--ggs, 1)) rotate(90deg);
}
.w-hwrapper.pie-chart-wrapper>.w-vwrapper .title p {
min-height: 1px;
}
} :-webkit-input-placeholder {
opacity: 0.6;
color: var(--color-content-text);
}
:-moz-placeholder {
opacity: 0.6;
color: var(--color-content-text);
}
:-ms-input-placeholder {
opacity: 0.6;
color: var(--color-content-text);
}
:-moz-placeholder {
opacity: 0.6;
color: var(--color-content-text);
}
input:focus:-webkit-input-placeholder {
opacity: 0.3;
color: var(--color-content-text);
}
input:focus:-moz-placeholder {
opacity: 0.3;
color: var(--color-content-text);
}
input:focus:-ms-input-placeholder {
opacity: 0.3;
color: var(--color-content-text);
}
input:focus:-moz-placeholder {
opacity: 0.3;
color: var(--color-content-text);
}
.cf7form {
display: block;
width: 100%;
max-width: 1000px;
margin: 0 auto;
font-size: 0;
}
.cf7form>div {
clear: both;
display: block;
width: calc(100% - 1px);
margin: 0;
text-align: left;
position: relative;
color: var(--color-content-text);
}
.cf7form>div.half {
display: inline-block;
width: 48%;
width: calc(50% - 1rem - 1px);
vertical-align: top;
}
.cf7form>div.mgn {
margin-left: 2rem;
}
.cf7form>div:not(.half)+div,
.cf7form>div.nomgn {
margin-left: 0 !important;
}
.cf7form>div.label {
margin-top: 3rem;
text-transform: uppercase;
}
.cf7form>div.label,
.cf7form>div.label * {
font-weight: 500 !important;
}
.cf7form .wpcf7-form-control-wrap {
margin-top: 1.2rem;
}
input:focus,
input:focus+.w-form-checkbox,
textarea:focus,
select:focus,
.select2-container--focus .select2-selection {
box-shadow: none;
}
.cf7form input[type="checkbox"],
.cf7form input[type="radio"] {
margin-right: 0.5rem;
margin-top: 4px;
box-shadow: none !important;
}
.cf7form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
.cf7form textarea,
.cf7form select {
font-family: 'Avenir Next';
font-size: clamp(15px, 0.8vw, 20px) !important;
font-weight: normal;
line-height: 1.65 !important;
letter-spacing: 0;
color: var(--color-content-text) !important;
margin: 0 !important;
margin-bottom: 1px !important;
background-color: transparent !important;
border: none;
border-bottom: 1px solid var(--color-content-text) !important;
border-radius: 0;
box-shadow: none;
-webkit-transition: none;
transition: none;
}
.cf7form textarea {
height: 100px;
min-height: 100px !important;
max-height: 400px;
min-width: 100%;
max-width: 100%;
background-color: transparent !important;
color: var(--color-content-text)f !important;
resize: vertical !important;
}
.cf7form select {
outline: none !important;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
cursor: pointer;
border: none !important;
border-bottom: 1px solid var(--color-content-text) !important;
margin: 0 !important;
padding-right: 2.5rem;
color: #959595;
}
.cf7form select option {
color: var(--color-content-text) !important;
background-color: var(--color-content-bg) !important;
}
.cf7form select option:disabled {
color: var(--color-content-text);
opacity: 0.6 !important;
}
.cf7form select:focus option:disabled {
opacity: 0.3 !important;
}
.cf7form select option {
color: #fff !important;
background: var(--cl-main) !important;
}
.g-cols.vc_row>.wpb_column.vc_column_container:last-child .cf7form select option {
color: var(--color-content-text) !important;
background: #fff !important;
}
.cf7form .select>span {
position: relative;
cursor: pointer;
}
.cf7form .select span.wpcf7-form-control-wrap:after {
content: "\f078";
position: absolute;
z-index: 1;
right: 0;
top: 50%;
font-family: fontawesome;
background: transparent;
padding: 0 0 10px 0;
margin: 0;
width: 25px;
pointer-events: none;
transform: translateY(-50%);
}
.cf7form .select span select:-ms-expand {
display: none;
}
.cf7form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):hover,
.cf7form select:hover,
.cf7form textarea:hover,
.cf7form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):focus,
.cf7form select:focus,
.cf7form textarea:focus {
box-shadow: none !important;
border: none !important;
border-bottom: 2px solid var(--color-content-text)f !important;
min-height: calc(var(--inputs-height) + 1px);
margin-bottom: 0 !important;
}
.cf7form .select:hover span:after {
top: calc(50% - 1px);
}
.cf7form .select:focus>span:before,
.cf7form .select:hover>span:before {
height: 98%;
height: calc(100% - 2px);
}
.cf7form .check {
margin: 2rem 0 1rem 0;
}
.cf7form .check>span.wpcf7-form-control-wrap {
width: 40px;
float: left;
}
.cf7form .check>p a {
color: #f0f0f0;
}
.cf7form .check>p a:hover {
color: var(--color-content-text)f;
}
.cf7form .check span.wpcf7-form-control {
display: flex;
flex-wrap: wrap;
flex-flow: column;
}
.cf7form .check span.wpcf7-form-control-wrap span.wpcf7-list-item {
position: relative;
display: flex;
flex: 1;
margin-right: 2rem;
margin-bottom: 1rem;
}
.cf7form .check input[type="checkbox"]+span.wpcf7-list-item-label,
.cf7form .check input[type="radio"]+span.wpcf7-list-item-label {
color: var(--color-content-text);
cursor: pointer;
margin-top: -10px;
}
.cf7form .check input[type="checkbox"],
.cf7form .check input[type="radio"] {
height: 22px;
width: 22px;
margin-top: 0;
margin-right: 1rem;
}
.cf7form .check .wpcf7-form-control.wpcf7-radio .wpcf7-list-item,
.cf7form .check input[type="checkbox"],
.cf7form .check input[type="radio"] {
position: relative;
background-color: transparent;
}
.cf7form .check input[type="checkbox"]:before,
.cf7form .check input[type="radio"]:before {
visibility: hidden;
display: none;
}
.cf7form .check input[type="checkbox"]+span.wpcf7-list-item-label:before,
.cf7form .check input[type="radio"]+span.wpcf7-list-item-label:before {
content: '';
display: block;
height: 20px;
width: 20px;
margin: 0;
border-radius: 0;
border: 1px solid var(--color-content-text);
background: transparent;
padding: 0;
position: absolute;
top: 0;
left: 0;
z-index: 0;
visibility: visible;
pointer-events: none;
}
.cf7form .check input[type="checkbox"]:checked+span.wpcf7-list-item-label:before,
.cf7form .check input[type="radio"]:checked+span.wpcf7-list-item-label:before {
content: '';
display: block;
border-color: var(--cl-main);
background-color: var(--cl-main); }
.cf7form .wpcf7-form-control-wrap {
position: relative;
}
.cf7form .wpcf7-not-valid-tip {
font-size: 12px;
line-height: 16px;
position: absolute;
right: 10px;
bottom: 2px;
color: var(--color-content-text);
}
.cf7form .check>span.wpcf7-form-control-wrap span.wpcf7-not-valid-tip {
position: absolute;
right: 0;
bottom: 0;
height: 20px;
width: 100px;
text-align: right;
padding-right: 20px;
padding-top: 10px;
}
div.wpcf7-response-output {
width: 100%;
max-width: 1000px;
margin: 1rem auto !important;
border: 1px solid var(--color-content-text) !important;
border-radius: 0;
color: var(--color-content-text);
background-color: transparent;
padding: 1rem !important;
}
.cf7form .ajax-loader {
position: absolute;
display: block;
left: 50%;
top: 55px;
margin-left: 76px;
}
.cf7form .wpcf7-spinner {
display: block;
}
.cf7form a {
font-weight: 500;
}
.cf7form a:hover {
color: #999;
}
.cf7form>div.submit {
padding: 1.5rem 0 0 0;
text-align: left;
}
.cf7form>div.submit .w-btn {
width: 100%;
}
#job-forms #apprenticeship .cf7form>div.submit .w-btn:hover {
background: var(--color-content-primary);
}
#job-forms #profession .cf7form>div.submit .w-btn:hover {
background: var(--color-content-secondary);
}
.cf7form>div.notice {
padding: 1rem 0 0 0;
}
.cf7form>div.mandatory {
padding: 2rem 0;
font-size: 80%;
}
.cf7form>div.mandatory * {
font-size: 80%;
}
.cf7form input[type="submit"] {
width: auto !important;
border-radius: 0 !important;
padding: 1.0em 2.0em !important;
color: var(--cl-main) !important;
background: var(--color-content-link-hover);
border: 1px solid var(--color-content-text) !important;
}
.no-touch .cf7form input[type="submit"]:not(.w-btn):hover {
color: #fff !important;
border-color: var(--cl-main) !important;
background: var(--cl-main) !important;
}
.cf7form>div.half.captcha {
width: 58%;
width: calc(60% - 1rem);
}
.cf7form>div.half.submit {
width: 38%;
width: calc(40% - 1rem);
}
.wpcf7-form-control-wrap.kc_captcha .captcha-image {
display: flex;
justify-content: left;
align-items: center;
border: none;
padding: 0;
text-align: left;
color: var(--cl-main);
}
.captcha-image label>input:checked+svg,
.captcha-image label>input:focus+svg {
border: 1px solid var(--color-content-text);
}
.wpcf7-form-control-wrap.kc_captcha .captcha-image .cf7ic_instructions span {
background-color: transparent;
color: var(--cl-main);
border: 1px solid var(--color-content-text);
padding: 2px 10px 4px 6px;
margin-left: 8px;
white-space: nowrap;
font-weight: 400;
}
.wpcf7-form-control-wrap.kc_captcha .captcha-image>.cf7ic_instructions {
font-size: 90%;
}
.wpcf7-form-control-wrap.kc_captcha .captcha-image>label {
-webkit-transform: scale(0.7);
transform: scale(0.7);
}
.cf7form .dnd-upload-status .dnd-upload-details .dnd-progress-bar {
display: block;
border-radius: 0;
overflow: hidden;
background: var(--color-content-text);
height: 18px;
}
.cf7form .dnd-upload-status .dnd-upload-details .dnd-progress-bar span {
background: var(--cl-main);
display: block;
font-size: 13px;
text-align: right;
color: #fff;
height: 100%;
width: 0;
line-height: 19px;
padding: 0 10px;
}
.dnd-upload-status .dnd-upload-details .name {
color: var(--color-content-text);
}
.dnd-upload-status .dnd-upload-details .name em {
color: var(--color-content-text);
font-weight: 100;
}
@media screen and (max-width: 600px) {
.cf7form>div.half {
width: 100% !important;
margin-left: 0 !important;
}
.wpcf7-form-control-wrap.kc_captcha .captcha-image {
max-width: 448px;
}
} .codedropz-upload-wrapper {
margin-top: 2.5rem;
}
.codedropz-upload-inner {
display: block;
text-align: left;
}
.codedropz-upload-inner>div:not(.codedropz-btn-wrap),
.codedropz-upload-inner>span:not(.codedropz-btn-wrap) {
padding-right: 5px;
} .w-socials {
margin-bottom: 24px !important;
}
.w-socials .w-socials-item {
font-size: 24px;
margin-right: 16px;
}
.w-socials.color_brand .w-socials-item .w-socials-item-link {
color: var(--color-content-text) !important;
} #jobs .wpb_column.vc_column_container:first-child>.vc_column-inner>.wpb_wrapper {
top: 0;
height: 100%;
background-color: var(--color-alt-content-bg);
}
#jobs .filter-head {
position: sticky;
top: var(--header-sticky-height);
padding: 1.5rem 1.5rem 0.5rem 1.5rem;
background-color: var(--color-alt-content-bg);
}
#jobs .filter-head+.wpb_raw_html {
position: sticky;
top: calc(var(--header-sticky-height) + 70px);
background-color: var(--color-alt-content-bg);
}
#jobs .filter-head .filter-reset {
border: 1px solid var(--color-alt-content-faded);
border-radius: 2rem;
padding: 0.5rem 1.5rem;
font-size: 12px !important;
letter-spacing: 2px;
color: var(--color-alt-content-faded);
text-transform: uppercase;
white-space: nowrap;
}
#jobs .filter-head .filter-reset:hover {
border-color: var(--color-alt-content-text);
color: var(--color-alt-content-text);
}
#jobs .job-list-location,
#jobs .job-list-employment,
#jobs .job-list-department {
padding-left: 1.5rem;
padding-right: 1.5rem;
border-bottom: 1px solid var(--color-alt-content-text);
padding: 1.5rem 0 1rem 0;
}
#jobs .job-list-department {
border-bottom: none;
}
#jobs .job-list-location>.head,
#jobs .job-list-employment>.head,
#jobs .job-list-department>.head {
position: relative;
display: flex;
margin: 0 1.5rem 0.5rem 1.5rem;
padding: 0;
align-items: center;
justify-content: space-between;
cursor: pointer;
text-transform: uppercase;
}
#jobs .job-list-location>.head:after,
#jobs .job-list-employment>.head:after,
#jobs .job-list-department>.head:after {
content: '\f078';
position: absolute;
right: 0;
font-family: fontawesome;
font-size: 16px;
line-height: 16px;
text-align: right;
transform-origin: center;
-webkit-transition: transform 0.3s ease;
transition: transform 0.3s ease;
}
#jobs .job-list-location.show>.head:after,
#jobs .job-list-employment.show>.head:after,
#jobs .job-list-department.show>.head:after {
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
}
#jobs .job-list-location ul,
#jobs .job-list-employment ul,
#jobs .job-list-department ul {
display: flex;
flex-direction: column;
width: 100%;
list-style-type: none;
margin: 0 1.5rem 0 2.3rem;
padding: 0;
max-height: 0;
overflow: hidden;
-webkit-transition: max-height 0.4s ease;
transition: max-height 0.4s ease;
}
#jobs .job-list-location.show ul,
#jobs .job-list-employment.show ul,
#jobs .job-list-department.show ul {
max-height: 1000px;
-webkit-transition: max-height 0.9s ease;
transition: max-height 0.9s ease;
}
#jobs .job-list-location ul>li,
#jobs .job-list-employment ul>li,
#jobs .job-list-department ul>li {
margin: 0;
}
#jobs .job-list-location ul>li:last-child,
#jobs .job-list-employment ul>li:last-child,
#jobs .job-list-department ul>li:last-child {
padding-bottom: 1.5rem;
}
#jobs .job-list-location ul>li>a,
#jobs .job-list-employment ul>li>a,
#jobs .job-list-department ul>li>a {
display: block;
width: calc(100% - 3rem) !important;
}
#jobs .job-list-location ul>li>a.active,
#jobs .job-list-employment ul>li>a.active,
#jobs .job-list-department ul>li>a.active,
#jobs .job-list-location ul>li>a:hover,
#jobs .job-list-employment ul>li>a:hover,
#jobs .job-list-department ul>li>a:hover {
color: var(--color-alt-content-faded);
}
@media screen and (min-width: 800px) and (max-width: 1289px) {
#jobs .filter-head .filter-reset {
padding: 0;
border: none;
text-align: left;
}
}
@media screen and (max-width: 600px) {
#jobs .filter-head {
max-width: 100% !important;
justify-content: space-between !important;
}
} #jobs h1 {
text-transform: uppercase;
}
#jobs .job-list-wrap {
padding-bottom: 0.5rem;
margin-bottom: 0.5rem;
}
#jobs table.job-list {
width: 100%;
margin: 0;
padding: 0;
border: none;
border-collapse: collapse;
}
#jobs table.job-list td {
padding: 1.5rem 0.5rem;
}
#jobs table.job-list tbody td {
border-bottom: 1px solid #e5e5e5 !important;
}
#jobs table.job-list tbody tr:first-child td {
border-top: 2px solid #e5e5e5 !important;
}
#jobs table.job-list thead {
background-color: #fff;
text-transform: uppercase;
z-index: 2;
}
#jobs table.job-list thead td:not(.type-url):after {
display: inline-block;
padding-left: 0.5vw;
width: 15px;
font-size: 70%;
-webkit-transform: translateY(-20%);
transform: translateY(-15%);
content: ' ';
}
#jobs table.job-list thead td.asc:after {
content: '↓';
}
#jobs table.job-list thead td.desc:after {
content: '↑';
}
#jobs table.job-list thead td {
white-space: nowrap;
cursor: pointer;
padding: 0 0.5rem 1rem 0.5rem;
}
#jobs table.job-list tr td:first-child {
padding-left: 0;
min-width: 20%;
}
#jobs table.job-list tr td:nth-child(2) {
min-width: 35%;
}
#jobs table.job-list tr td:last-child {
padding-right: 0;
text-align: right;
}
#jobs table.job-list tr td.url>a {
font-weight: 600;
}
#jobs table.job-list tr td>a:hover {
font-weight: 600;
text-decoration: underline;
}
#jobs table.job-list tbody tr:not(.show) {
display: none;
}
#jobs .job-list-wrap .notfound.show,
#jobs .job-list-responsive .notfound.show {
display: block;
padding: 2rem;
text-align: center;
}
#jobs .job-list-wrap .notfound:not(.show),
#jobs .job-list-responsive .notfound:not(.show) {
display: none;
}
#jobs table.job-list tr>td>a,
#jobs .job-list-responsive>.item>div>a {
display: block;
-webkit-transform: translateX(0rem);
transform: translateX(0rem);
-webkit-transition: transform 0.6s ease;
transition: transform 0.6s ease;
}
#jobs table.job-list tr:hover>td>a,
#jobs .job-list-responsive>.item:hover>div>a {
-webkit-transform: translateX(1rem);
transform: translateX(1rem);
} #jobs .job-list-responsive {}
#jobs .job-list-responsive>.item {
display: flex;
flex-direction: column;
width: 100%;
padding: 2rem 0;
border-bottom: 1px solid #e5e5e5 !important;
}
#jobs .job-list-responsive>.item:not(.show) {
display: none;
}
#jobs .job-list-responsive>.item:first-child {
padding-top: 0;
}
#jobs .job-list-responsive>.item:last-child {
padding-bottom: 0;
border-bottom: none !important;
}
#jobs .job-list-responsive>.item>* {
display: flex;
flex-direction: row;
margin: 0.2rem 0;
}
#jobs .job-list-responsive>.item>.url {
margin-top: 1rem;
}
#jobs .job-list-responsive>.item>.url>a {
font-weight: 600;
}
#jobs .job-list-responsive>.item a:hover {
font-weight: 600;
text-decoration: underline;
}
@media screen and (min-width: 900px) {
#jobs table.job-list thead {
position: sticky;
top: var(--header-sticky-height);
}
}
@media screen and (max-width: 900px) {
#jobs .job-list-wrap {
overflow-x: auto;
}
} body.single-karriere .job_offers .w-post-elm-before,
body.single-karriere .job_description .w-post-elm-before,
body.single-karriere .job_skills .w-post-elm-before {
font-size: clamp(18px, 1.4vw, 38px) !important;
line-height: 1.5 !important;
text-transform: uppercase;
letter-spacing: clamp(0.05rem, 0.04vw, 2px) !important;
margin-left: 0;
}
body.single-karriere #followus .w-socials .w-socials-item {
font-size: 35px;
margin-right: 16px;
}