:root { --font-family: "Neue Haas Display"; --blue: var(--bricks-color-ezmrsy); --blue-alt: var(--bricks-color-zkrmlq); --gray: var(--bricks-color-cfimdl); --white: var(--bricks-color-inagme); --font-color: var(--blue); --blue-rgb: 15,38,92; --blue-alt-rgb: 138,165,176; --error: #a63b3b;  --page-width: 2048px; --header-height: 84px; --header-height-mobile: 47px; --header-padding: 1rem; --gap: 1rem; --section-padding-y: 5rem; --border-width: 1px; --border-radius: 1rem; --slider-arrow-size: 2.5rem; --checkbox-size: 1em; --box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.25); --border-overlay: linear-gradient(rgba(0,0,0,0.75) 105%, transparent) 0 fill; --transition-duration: 0.4s; --transition: ease var(--transition-duration); } @media (max-width: 991px) { :root { --section-padding-y: 3.5rem; } } @media (max-width: 767px) { :root { --header-height: var(--header-height-mobile); --header-padding: 0.5rem; --section-padding-y: 2.5rem; } } @media (max-width: 478px) { :root { --section-padding-y: 2rem; } }  @media (max-width: 600px) { body.bricks-is-frontend.admin-bar #brx-header.sticky.scrolling { top: 0; } }  html { scroll-behavior: smooth; scroll-padding-top: var(--header-height); } html, body { font-family: var(--font-family); font-size: 16px; font-weight: 300; line-height: 1.6; color: var(--font-color); } body { background-color: var(--white); overflow-x: clip; } ::selection { background-color: var(--blue); color: var(--blue-alt); } *:focus-visible { outline: 2px dashed var(--blue-alt); }  section[data-wpr-lazyrender="1"] { content-visibility: visible; } .hidden, [hidden] { display: none!important; opacity: 0; visibility: hidden; } svg:not(.menu-item-icon, .icon) { width: 100%; height: 100%; } svg.icon > * { transition: var(--transition); } figure, img { border-radius: var(--border-radius); } :where(figure, img).img--no-border, a.img--no-border :where(figure, img), figure.wp-block-table { border-radius: 0; }  .visually-hidden { position: absolute; top: -99rem; left: -99rem; font-size: 0; overflow: hidden; opacity: 0; }  h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { margin-bottom: 0.5em; font-weight: 400; line-height: normal; text-wrap: balance; } h1, .h1 { font-size: 4rem; } h2, .h2 { font-size: 3.5rem; } h3, .h3 { font-size: 1.875rem; } h4, .h4 { font-size: 1.375rem; } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1.125rem; } @media (max-width: 991px) { h1, .h1 { font-size: 3.5rem; } h2, .h2 { font-size: 3rem; } h3, .h3 { font-size: 1.5rem; } } @media (max-width: 767px) { h1, .h1 { font-size: 2.25rem; } h2, .h2 { font-size: 2rem; } } p { margin-bottom: 1em; } p:last-of-type { margin-bottom: 0; } b, strong { font-weight: 500; }  a, main a:not(.bricks-button), a.brxe-text-link :where(.text, .icon), a i { transition: var(--transition); } :where(.brxe-text, .brxe-text-basic, p, label, ul, ol) a:not(.bricks-button) { color: inherit; text-decoration: underline; }  main a:not(.bricks-button):is(:hover, :focus) { color: var(--blue-alt); } a.brxe-text-link:is(:hover, :focus) .icon { color: var(--blue-alt); }  section { padding: var(--section-padding-y) 1rem; } main section:not(.hero) + section { padding-top: 2rem; } section section { padding: 0; } header + main, header + .hero { margin-top: var(--header-height); } .brxe-container.container--wide { width: 1400px; } .brxe-container.container--narrow { width: 1000px; } .brxe-text :where(ul, ol) { margin: 1em 0; padding-left: 1.5em; } .brxe-text :where(ol, ul):first-child { margin-top: 0; } .brxe-text :where(ol, ul):last-child { margin-bottom: 0; } .brxe-text :where(ol, ul):only-child { margin: 0; } .brxe-text :where(ol, ul) li:not(:last-child) { margin-bottom: 0.5em; } .brxe-text ul ::marker { color: var(--blue); } .brxe-container:not(.container--left, .hero-container) > .brxe-heading { text-align: center; }  .brxe-text + :where(h2, h3, h4, h5, h6), :where(p, ul, ol, figure, img) + :where(h2, h3, h4, h5, h6), :where(.brxe-text, .brxe-text-basic) + .bricks-button { margin-top: 1.5em; } :where(.brxe-text, .brxe-text-basic) + .button-wrapper { margin-top: 2em; }  .line-clamp { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; overflow: hidden; }  header { height: var(--header-height); padding: var(--header-padding); box-shadow: var(--box-shadow); background-color: var(--white); color: var(--blue);  content-visibility: visible !important; } header .site-logo { vertical-align: middle; overflow: visible; }  .brxe-nav-menu a, .brxe-nav-menu .bricks-nav-menu .sub-menu a, .bricks-mobile-menu-wrapper li a { line-height: normal; text-decoration: none; } .brxe-nav-menu a:is(:hover, :focus) { color: var(--blue-alt); }  :where(header, footer) .brx-submenu-toggle.icon-right button { width: 1rem; } header .bricks-nav-menu .sub-menu a { padding: 0.25em 0.75em; } header .bricks-nav-menu .sub-menu { top: calc(100% + 0.5rem); }  .bricks-mobile-menu { padding: 1.5rem 1px 1.5rem 0; } .bricks-mobile-menu a { padding: 0.5em 1em; } .bricks-mobile-menu .sub-menu a { padding-left: 2em; background-color: var(--white); color: var(--blue); }  .brxe-nav-menu div.aria-current > a, .brxe-nav-menu a[aria-current="page"], a[aria-current="page"]:not(.bricks-button) { color: var(--blue-alt); } header .bricks-nav-menu .sub-menu a:is(:hover, :focus, [aria-current="page"]), .bricks-mobile-menu .sub-menu a:is(:hover, :focus, [aria-current="page"]) { background-color: var(--blue-alt); color: var(--white); }  .bricks-button { padding: 0.75em 1.25em; border: var(--border-width) solid var(--blue-alt); border-radius: 2em; column-gap: 0.75em; font-size: 1rem; line-height: normal; color: var(--white); transition: var(--transition); cursor: pointer; } .bricks-button .icon--arrow-btn { width: 1.125em; height: 1.125em; } .bricks-button, .bricks-button.bricks-background-primary { border-color: var(--blue-alt); background-color: var(--blue-alt); } .bricks-button.bricks-background-secondary { border-color: var(--blue); background-color: var(--blue); } .bricks-button.bricks-background-secondary .icon--arrow-btn circle { fill: var(--blue-alt); } .bricks-button.outline { border-color: var(--white); background-color: transparent; color: var(--white); } .bricks-button:is(:hover, :focus), .bricks-button.bricks-background-primary:is(:hover, :focus) { border-color: var(--blue); background-color: var(--blue); } .bricks-button.bricks-background-secondary:is(:hover, :focus), .bricks-button.outline:is(:hover, :focus) { border-color: var(--blue-alt); background-color: var(--blue-alt); } :where(.bricks-button, .bricks-button.bricks-background-primary):not(.outline):is(:hover, :focus) .icon--arrow-btn circle { fill: var(--blue-alt); } .bricks-button.bricks-background-secondary:is(:hover, :focus) .icon--arrow-btn circle { fill: var(--blue); }  .bg--blue-alt .bricks-button.bricks-background-secondary:is(:hover, :focus) { border-color: var(--white); }  .bricks-button.btn--action, .btn--action { padding: 0.25em; border-radius: 0.5rem; border-color: var(--blue); background-color: var(--blue); color: var(--white); } .btn--action svg.icon { height: 1.75em; transition: var(--transition); } .btn--action path { fill: var(--white); } .bricks-button.btn--action:is(:hover, :focus), .btn--action:is(:hover, :focus) { border-color: var(--blue-alt); background-color: var(--blue-alt); }   .hero { min-height: 30rem; border-image: var(--border-overlay); } .home .hero { min-height: 45rem; border-image: var(--border-overlay); } .hero-headline:only-child { margin-bottom: 0; }  .hero.hero--portfolio.brxe-section { background-image: url("/wp-content/uploads/hero_immobilienbewertung_unterseite.webp"); background-position: 40% 50%; } @media (max-width: 991px) { .hero { min-height: 25rem; } .home .hero { min-height: 35rem; } } @media (max-width: 767px) { .hero { min-height: 20rem; } .home .hero { min-height: 30rem; } }  .brxe-search .toggle { width: auto; height: auto; padding: 0.25em; border: var(--border-width) solid var(--blue); border-radius: 50%; } .brxe-search .toggle:is(:hover, :focus) { background-color: var(--blue); } .brxe-search .toggle:is(:hover, :focus) .icon--search path { fill: var(--white); }  .bricks-search-overlay .bricks-search-inner { padding: 1rem; } .bricks-search-overlay .close { top: var(--header-height); right: 10%; color: var(--blue); } .bricks-search-form input[type="search"] { color: var(--blue); } .bricks-search-form input[type="search"]::placeholder { color: var(--gray); }  .search-result__block.brxe-div:is(:hover, :focus) { background-color: var(--blue); } .search-result__block.brxe-div:is(:hover, :focus), .search-result__block:is(:hover, :focus) .search-result__block__meta.brxe-text-basic { color: var(--white); }  svg.icon { width: auto; height: 2.25rem; } .icon--small svg.icon, .icon.icon--small { width: auto; height: 1.125rem; } .icon--big svg.icon, .icon.icon--big { width: auto; height: 3.5rem; } @media (max-width: 767px) { svg.icon { height: 2rem; } .icon--big svg.icon, .icon.icon--big { height: 3rem; } }  .icon-box--tick { align-items: center; } .icon-box--tick:not(:first-child) { margin-top: 0.5rem; } .grid-wrapper > .icon-box--tick:not(:first-child) { margin-top: 0; } :where(.icon-box, a.brxe-text-link) { gap: 1em; } footer .icon-box .icon { display: inline; vertical-align: sub; } footer :where(.icon-box, a.brxe-text-link) { gap: 0.5em; }  a.brxe-text-link:is(:hover, :focus) .text { color: var(--blue-alt); } a.brxe-text-link:is(:hover, :focus) .icon circle, footer a.brxe-text-link:is(:hover, :focus) .icon path { fill: var(--blue); } a.brxe-text-link:is(:hover, :focus) .icon path, footer a.brxe-text-link:is(:hover, :focus) .icon circle { fill: var(--white); }  .box.box--review:is(:hover, :focus) .review__icon rect { fill: var(--blue-alt); } a.brxe-div.box .pictogram path { transition: var(--transition); } a.brxe-div.box:is(:hover, :focus) { background-color: var(--blue); color: var(--white); } a.brxe-div.box:is(:hover, :focus) .pictogram .cls-1 { fill: var(--white); } .personnel-teaser .box--details { height: 100%; }  .slider .splide__arrow { color: var(--blue); transition: var(--transition); } .slider .splide__arrow:is(:hover, :focus) { color: var(--blue-alt); }  .brxe-accordion-nested > .brxe-block:not(:first-child) { margin-top: var(--gap); } .brxe-accordion-nested .accordion-title-wrapper { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; column-gap: var(--gap); } .brxe-accordion-nested .accordion-title-wrapper .brxe-heading { margin-bottom: 0; } .brxe-block.brx-open > .accordion-title-wrapper > .btn--action > .icon--chevron-down { transform: rotate(180deg); } .brxe-block.brx-open > .accordion-title-wrapper > .btn--action > .icon--plus { transform: rotate(45deg); }  .figure--publikation { display: block; } .figure--publikation:is(:hover, :focus) figcaption { background: var(--blue-alt); } .figure--publikation figcaption { padding: 0.25rem; background: var(--blue); font-size: 0.9rem; word-break: break-word; transition: var(--transition); }  .brxe-form { --_form-padding: 0.5rem; } .form.brxe-form label { margin-bottom: 0; margin-left: 2px; } .bricks-search-form input[type="search"], .brxe-form input:not([type="radio"], [type="checkbox"]), .brxe-form select, .brxe-form textarea { padding: 0.75rem 1rem; border: var(--border-width) solid var(--gray); border-radius: 0.5rem; line-height: normal; } .brxe-form textarea { min-height: 8rem; max-height: 25rem; resize: vertical; }  .brxe-form select, .brxe-form select option, .variations_form select, .variations_form select option { font-family: var(--font-family), sans-serif; }  .brxe-form ul.options-wrapper li { display: flex; flex-flow: row nowrap; align-items: flex-start; column-gap: 0.5em; } .brxe-form input[value="datenschutz"] + label { margin-left: 0; font-size: 0.9em; font-weight: 300; } .brxe-form ul.options-wrapper :where(input[type="radio"], input[type="checkbox"]), .blog-overview__nav input[type="checkbox"] { width: var(--checkbox-size); min-width: var(--checkbox-size); height: var(--checkbox-size); padding: 0; border: var(--border-width) solid var(--blue); font-size: var(--checkbox-size); appearance: none; } .brxe-form ul.options-wrapper :where(input[type="radio"], input[type="checkbox"]) { margin-top: 0.15em; } .brxe-form ul.options-wrapper input[type="radio"] { border-radius: 50%; } .brxe-form ul.options-wrapper :where(input[type="radio"], input[type="checkbox"]):checked, .blog-overview__nav input[type="checkbox"]:checked { box-shadow: 0 0 0 0.1em var(--white) inset; background-color: var(--blue); }  .brxe-form .submit-button-wrapper { display: block; width: 100%; padding: 0 var(--_form-padding); }  h2.wp-block-heading { font-size: 1.5rem; } h3.wp-block-heading { font-size: 1.25rem; } h4.wp-block-heading { font-size: 1.2rem; } h5.wp-block-heading { font-size: 1.15rem; }  .blog-nav__section-title { width: 100%; margin-bottom: 0.5rem; padding-bottom: 0.25rem; border-bottom: var(--border-width) solid var(--bricks-color-ezmrsy); } .blog-overview__nav { --_nav-arrow: 1.5rem; transition: var(--transition); } .blog-overview__nav__arrow { padding: 0.25em; border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; background-color: var(--blue); font-size: var(--_nav-arrow); color: var(--white); } .blog-overview__nav .brxe-filter-checkbox .brx-option-text, .blog-overview__nav .brxe-sidebar .bricks-widget-wrapper li { line-height: normal; } .blog-overview__nav .brxe-filter-checkbox li, .blog-overview__nav .brxe-sidebar .bricks-widget-wrapper li:not(:first-child) { margin-top: 0.25rem; } .blog-overview__nav .brxe-sidebar .bricks-widget-wrapper li:not(:first-child) { padding-top: 0.25rem; border-top: var(--border-width) solid var(--gray); } .blog-overview__nav .brxe-sidebar .bricks-widget-wrapper li a { text-decoration: none; } .blog-overview__nav .wp-block-latest-posts__post-title { font-size: 0.9rem; } .blog-overview__nav .brxe-sidebar .wp-block-archives-list, ul.box-wrapper { margin: 0; padding-left: 0; list-style: none; } @media (max-width: 991px) { .blog-overview__nav { border-top-right-radius: var(--border-radius); border-bottom-right-radius: var(--border-radius); box-shadow: var(--box-shadow); transform: translateX(0); } .blog-overview__nav .blog-overview__nav__arrow:before { display: block; transform: rotate(180deg); } .blog-overview__nav[is-mobile-hidden="true"] { box-shadow: none; transform: translateX(-100%); } .blog-overview__nav[is-mobile-hidden="true"] .blog-overview__nav__arrow:before { transform: rotate(0); } }  .blog-teaser > figure { position: relative; width: 100%; height: 0; padding-bottom: 70%; overflow: hidden; } .blog-teaser figure img { transition: var(--transition); } .blog-teaser:is(:hover, :focus) figure img { transform: scale(1.1); } .blog-teaser > figure > a, .blog-teaser > figure > img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: block; } .blog-teaser__pill, .blog-teaser__category > a { display: inline-block; margin-bottom: 0.5rem; padding: 0.25em 0.75em; border: var(--border-width) solid var(--blue); border-radius: var(--border-radius); font-size: 0.9rem; line-height: 1; text-decoration: none; } .blog-teaser__category > a { margin-left: 0.25rem; } .blog-teaser__category > a:is(:hover, :focus) { background-color: var(--blue); color: var(--white); }  @layer bricks { .blog-teaser > figure > img { position: absolute!important; } } .blog-teaser .blog-teaser__title { -webkit-line-clamp: 2; line-clamp: 2; }  .blog-meta__detail:not(:first-child) { margin-left: 0.5em; padding-left: 0.5em; border-left: 1px solid var(--gray); }  .blog-tags a { margin-left: 0.25em; }  footer { background-color: var(--blue); color: var(--white); } .footer-column .h6 { margin-bottom: 0.1em; } .footer__socials i { --_icon-size: 1.75em; width: var(--_icon-size); height: var(--_icon-size); border-radius: 50%; background-color: var(--blue-alt); line-height: var(--_icon-size); text-align: center; } .footer__socials a { text-decoration: none; } .footer__socials a:is(:hover, :focus) { color: var(--blue-alt); } .footer__socials a:is(:hover, :focus) i { background-color: var(--white); color: var(--blue); }