/*
Theme Name: VR-Theme
Author: Impleco GmbH
Description: Wordpress-Theme im VR-Style
Version: 1.0
Requires at least: 6.0
Tested up to: 6.1
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: 

Breakpoints: 599px, 767px, 1023px
*/

@font-face {
    font-family: 'GenosGFG';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('assets/fonts/GenosGFG/GenosGFG-Regular.woff2') format('woff2'), url('assets/fonts/GenosGFG/GenosGFG-Regular.woff') format('woff')
}

@font-face {
    font-family: 'GenosGFG';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url('assets/fonts/GenosGFG/GenosGFG-RegularItalic.woff2') format('woff2'), url('assets/fonts/GenosGFG/GenosGFG-RegularItalic.woff') format('woff')
}

@font-face {
    font-family: 'GenosGFG';
    font-style: bold;
    font-weight: 600;
    font-display: swap;
    src: url('assets/fonts/GenosGFG/GenosGFG-Bold.woff2') format('woff2'), url('assets/fonts/GenosGFG/GenosGFG-Bold.woff') format('woff')
}

/*!
 * Font Awesome Free 5.15.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url('assets/fonts/fa-free/fa-regular-400.eot') format('embedded-opentype'), url('assets/fonts/fa-free/fa-regular-400.woff2') format('woff2'), url('assets/fonts/fa-free//fa-regular-400.woff') format('woff'), url('assets/fonts/fa-free//fa-regular-400.ttf') format('truetype'), url('assets/fonts/fa-free//fa-regular-400.svg#fontawesome') format('svg')
}

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url('assets/fonts/fa-free/fa-solid-900.eot') format('embedded-opentype'), url('assets/fonts/fa-free/fa-solid-900.woff2') format('woff2'), url('assets/fonts/fa-free/fa-solid-900.woff') format('woff'), url('assets/fonts/fa-free/fa-solid-900.ttf') format('truetype'), url('assets/fonts/fa-free/fa-solid-900.svg#fontawesome') format('svg')
}

body {
    font-family: "GenosGFG", Arial, sans-serif;
    font-size: 16px;
    overflow-x: hidden;
    background-color: #fff;
    color: #333;
}

.wp-site-blocks {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

a,
p {
    color: #333;
    text-decoration: none !important;
}

b,
strong {
    font-weight: 600;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #0066B3;
    font-weight: normal;
}

.white,
.white h3,
.white a {
    color: #fff;
}

.green {
    color: #0066B3
}

h1 {
    margin-bottom: 1rem;
    margin-top: 1rem;
    font-size: 28px;
    line-height: 1.1em;
}

h2,
.pia-service-title {
    margin-bottom: 1rem;
    font-size: 28px !important;
    line-height: 1.1em;
    font-weight: normal;
    color: #0066B3;
}

@media (min-width: 992px) {

    h1 {
        font-size: 32px !important;
    }
}

.container {
    padding-right: 10px;
    padding-left: 10px;
    margin-right: auto;
    margin-left: auto;
    max-width: 1160px !important;
}

@media (max-width: 1200px) {
    .container {
        width: 960px;
    }
}

@media (max-width: 991px) {
    .container {
        width: 740px;
    }
}

@media (max-width: 767px) {
    .container {
        width: 100%
    }
}

header {
    color: #fff;
    margin-bottom: 2rem !important;
    margin-top: 1rem !important;
    display: flex;
    justify-content: space-between;
}

header a:hover {
    text-decoration: none;
}

.wgl-logo img {
    text-align: left;
}

.wgl-logo {
    max-width: 250px
}

footer {
    display: block;
    margin-top: 3em;
    background-color: #F5F5F5;
    padding: 32px;
    margin-top: auto;
}

footer a {
    text-decoration: none !important;
    color: #0066B3 !important
}

footer ul {
    float: left;
    margin: 0;
    list-style: none;
    padding: 0;
    display: flex;
    width: 100%;
    justify-content: flex-start;
    gap: 20px;
    flex-wrap: wrap;
    color: #0066B3 !important;
    font-size: 16px;
}

footer .container:after {
    clear: both;
    display: table;
    content: "";
}

.navigation.navbar>.container {
    justify-content: flex-start !important;
}

.navigation {
    padding: 0 !important;
    border-bottom: 1px solid #C8C8C8;
}

.navigation .logo {
    margin-right: 26px;
}

.navigation .btn {
    padding: 12px 16px !important;
    color: #333;
    border-bottom: 2px solid #fff;
    border-radius: 0;
}

.navigation .btn:focus,
.navigation .btn:active {
    box-shadow: none;
}

.navigation .btn:not(.nav-link--active):hover,
.navigation .btn:not(.nav-link--active):focus,
.navigation .btn:not(.nav-link--active):active {
    border-bottom-color: #0066B3;
    color: #0066B3 !important;
}


.nav-link--active {
    border-bottom-color: #f60 !important;
    font-weight: 600 !important;
    color: #f60 !important
}

.navigation .btn::after {
    display: none;
}

.navbar-nav {
    flex-direction: row;
    margin-left: auto !important;
    margin-right: auto !important;
}

@media (max-width: 767px) {
    footer ul {
        gap: 10px !important;
    }

    .navigation .btn:focus,
    .navigation .btn:active {
        color: #0066B3;
        text-align: left !important;
    }

    header {
        flex-direction: column;
        align-items: center;
        margin-bottom: 0 !important;
    }

    .logo {
        display: none;
    }

    .logo,
    .wgl-logo {
        max-height: 30px;
    }

    .logo.mobile {
        max-width: 40px;
        display: block !important;
    }

    .navigation .container {
        justify-content: space-between !important;
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .navigation .container::before,
    .navigation .container::after {
        display: none !important;
    }

    .menu-services {
        padding-bottom: 24px !important
    }

    header {
        display: none;
    }

    header {
        display: flex !important;
        flex-direction: inherit !important
    }

    .navigation {
        background-color: transparent;
        border-bottom: 1px solid #C8C8C8 !important;
    }

    .navbar-nav {
        flex-direction: column;
        margin-top: 68px !important;
    }

    .nav-item.dropdown .dropdown-toggle:after {
        font-family: 'Font Awesome 5 Free';
        content: "\f054";
        display: inline-block;
        font-size: 18px;
        font-style: normal;
        font-weight: 900;
        color: #0066B3;
        rotate: 90deg;
        border: none !important;
    }

    .nav-item.dropdown .dropdown-toggle.nav-link--active:after,
    .nav-item.dropdown .dropdown-toggle.nav-link--active {
        color: #f60 !important
    }

    .nav-item.dropdown .dropdown-toggle.nav-link--active {
        color: #f60
    }

    .nav-item.dropdown .dropdown-toggle.show:after {
        rotate: 270deg;
    }

    .nav-item.dropdown .dropdown-toggle {
        width: 100%;
        text-align: left;
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
    }

    .nav-item.dropdown.has-megamenu {
        border-bottom: 4px solid #fff;
    }

    .dropdown-menu.megamenu.show {
        display: initial !important;
        width: 100%;
        box-shadow: none !important;
    }

    .dropdown-menu {
        position: initial !important;
    }

    .navigation .btn {
        color: #0066B3;
        border: 0 !important;
        padding: unset;
        font-weight: 500 !important;
    }

    .menu-navbar {
        position: fixed;
        width: 95%;
        height: 100%;
        z-index: 10;
        top: 0;
        right: -95%;
        background-color: #fff;
        transition: .2s ease-out;
        overflow: scroll;
    }

    .menu-navbar.open {
        right: 0 !important;
        box-shadow: -8px 0 10px 12px #8888889e !important;
    }

    .menu-icon {
        display: none;
    }

    .dropdown-nav-header {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding: 18px 10px 24px !important;
    }

    .toggle-close {
        width: 25px;
    }

    .dropdown-nav-close {
        display: flex;
        gap: 10px;
    }
}

@media (max-width: 363px) {
    .navigation.navbar .container>p {
        font-size: 0;
    }
}

@media (min-width: 768px) {
    .navbar-toggler {
        display: none !important;
    }

    .navbar-nav {
        float: none !important;
        padding-left: 0
    }

    .navbar-nav>li {
        float: none !important;
    }

    .navbar-nav {
        float: none !important;
        padding-left: 0
    }

    .navbar-nav>li {
        float: none !important;
    }

    .dropdown:hover>.dropdown-menu,
    .dropdown:focus-within>.dropdown-menu {
        opacity: 1;
        z-index: 10;
        transition: all 0s ease 0.5s;
    }

    .dropdown .dropdown-menu {
        transition: all 0s ease 0.5s;
        display: flex;
        opacity: 0;
        z-index: -1;
        position: absolute
    }

    .navbar .has-megamenu {
        position: static !important;
    }
}

.navbar-toggler {
    color: #494949;
    display: flex;
    line-height: 2;
    gap: 10px;
    align-items: center;
    padding-right: 0 !important;
    margin-left: auto !important;
    z-index: 20;
    background-color: #fff;
}

.navbar-toggler .icon-bars {
    display: block;
    width: 28px;
    height: 24px;
    position: relative;
}

.navbar-toggler:before {
    content: "Menü"
}

.navbar-toggler.collapsed:before {
    content: "Schließen"
}

.navbar-toggler .icon-bar {
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 4px;
    transition: .2s linear;
    background-color: #0066B3;
    left: 0;
    transform-origin: 50% 50%;
    transform: translateZ(0);
}

.navbar-toggler .icon-bar:nth-of-type(1) {
    top: 0;
    transform: rotate(0);
}

.navbar-toggler.collapsed .icon-bar:nth-of-type(1) {
    transform: translate3d(0, 10px, 0) rotate(45deg)
}

.navbar-toggler .icon-bar:nth-of-type(2) {
    top: 50%;
    transform: translate3d(0, -50%, 0);
    opacity: 1;
}

.navbar-toggler.collapsed .icon-bar:nth-of-type(2) {
    opacity: 0;
}

.navbar-toggler .icon-bar:nth-of-type(3) {
    bottom: 0;
    transform: rotate(0);
}

.navbar-toggler.collapsed .icon-bar:nth-of-type(3) {
    bottom: 0;
    transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.navbar .megamenu {
    padding: 1rem !important;
    left: 0;
    right: 0;
    width: 100%;
    margin-top: 0;
}

.dropdown-menu.megamenu {
    border: none !important;
}

.dropdown-menu.megamenu.show {
    display: flex;
}

.dropdown-menu.megamenu .col-sm-5 {
    display: flex;
    flex-direction: column;
    margin-bottom: 24px;
    padding: 0 16px;
}

.dropdown-menu {
    box-shadow: 0 10px 10px -2px rgb(0 0 0 / 18%) !important;
}

.mega-menu-headline {
    border-bottom: 1px solid #C8C8C8;
    padding-bottom: 8px;
    color: #242424;
    margin-bottom: 24px !important;
}

.menu-services {
    list-style: none;
    padding-left: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.dropdown-menu.megamenu .col-sm-5 hr {
    margin-bottom: 24px !important
}

.dropdown-menu.megamenu .col-sm-5 .btn-secondary,
.dropdown-menu.megamenu .col-sm-5 .btn-primary {
    margin-top: auto !important;
    align-self: baseline;
}

.menu-services a {
    color: #494949;
}

.menu-services a:hover,
.mega-menu-highlight-services:hover {
    color: #494949;
    text-decoration: none !important;
}

.menu-services li,
.highlight-services-title::before {
    padding-left: 1.2em;
    margin-bottom: 8px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.001' height='14' viewBox='0 0 8.001 14'%3E%3Cpath id='chevron-right-solid_2_' data-name='chevron-right-solid (2)' d='M103.631,38.219a1,1,0,0,1,0,1.415l-6,6a1,1,0,1,1-1.415-1.415l5.292-5.292-5.289-5.292a1,1,0,0,1,1.415-1.415l6,6Z' transform='translate(-95.923 -31.927)' fill='%230066b3'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 0 0.15em;
    -webkit-background-size: 1em 1em;
    background-size: 0.6em;
    content: "";
}

.highlight-services-text {
    padding-left: 1.2em;
    padding-bottom: 24px;
    margin: 0;
}

.menu-navbar.has-search {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}

.menu-navbar.has-search #results {
    position: absolute;
    background-color: #fff !important;
    width: 100%;
    right: 0;
    z-index: 20;
    display: none;
}

.menu-navbar.has-search #results>div {
    transition: all 0s ease 0.5s;
    box-shadow: 0 10px 10px -2px rgb(0 0 0 / 18%) !important;
    padding: 1rem !important;
}

.menu-navbar.has-search .form-control {
    min-width: 200px;
    border: 1px solid #ccc;
    border: 1px solid #ccc;
    background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20.004' viewBox='0 0 20 20.004'%3E%3Cpath id='magnifying-glass-solid' d='M16.251,8.125a8.105,8.105,0,0,1-1.563,4.793l4.946,4.949a1.251,1.251,0,0,1-1.77,1.77l-4.946-4.949a8.127,8.127,0,1,1,3.332-6.563ZM8.125,13.751A5.625,5.625,0,1,0,2.5,8.125,5.625,5.625,0,0,0,8.125,13.751Z' fill='%230066b3'/%3E%3C/svg%3E%0A") no-repeat 8px center;
    padding: 9px 4px 9px 34px;
}

.menu-navbar.has-search .form-control:focus {
    border-color: #0066b3;
    box-shadow: none;
}

.menu-navbar.has-search #results .phase-services {
    padding: 12px;
    margin-top: 12px;
    background-color: #FBFBFB;
    border: 1px solid #C8C8C8;
    border-radius: 4px;
}

.menu-navbar.has-search #results .phase-services .phase-services-title {
    font-weight: 600;
    margin-bottom: 4px;
    font-size: 20px;
    color: #0066B3 !important
}

.menu-navbar.has-search #results .phase-services .phase-services-text {
    margin: 0;
    padding: 0;
}

.menu-navbar.has-search #results .phase-services-title::before {
    padding-left: 1.2em;
    margin-bottom: 8px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8.001' height='14' viewBox='0 0 8.001 14'%3E%3Cpath id='chevron-right-solid_2_' data-name='chevron-right-solid (2)' d='M103.631,38.219a1,1,0,0,1,0,1.415l-6,6a1,1,0,1,1-1.415-1.415l5.292-5.292-5.289-5.292a1,1,0,0,1,1.415-1.415l6,6Z' transform='translate(-95.923 -31.927)' fill='%230066b3'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 0 0.15em;
    -webkit-background-size: 1em 1em;
    background-size: 0.6em;
    content: "";
}

.menu-navbar.has-search .form-group.has-search {
    position: relative;
}

.menu-navbar.has-search .form-group.has-search #form-control-clear {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath id='xmark-solid' d='M70.741,102.756a4,4,0,0,0-5.66-5.66L51.925,110.265,38.756,97.109a4,4,0,0,0-5.66,5.66l13.169,13.156L33.109,129.094a4,4,0,0,0,5.66,5.66l13.156-13.169,13.169,13.156a4,4,0,0,0,5.66-5.66L57.585,115.925Z' transform='translate(-31.925 -95.925)' fill='%230066b3'/%3E%3C/svg%3E%0A");
    background-size: contain;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 10px;
    top: 14px;
    display: none;
}

@media (max-width: 991px) {
    .menu-navbar.has-search .form-control {
        min-width: unset
    }

    .pia-buttons ul {
        flex-direction: column;
    }

    .pia-buttons a {
        text-align: left !important;
        background-color: #f3f3f3;
        border-radius: 4px;
        flex-direction: row-reverse !important;
        justify-content: space-between;
        font-size: 16px !important;
        padding: 20px 16px !important;
    }

    .pia-buttons a:hover,
    .phase-services .phase-services:hover {
        transform: none;
        transition: none;
        background-color: #FBFBFB;
    }

    .highlight-title {
        left: 16px !important;
        font-size: 20px !important;
        width: fit-content !important;
        margin-top: -32px !important;
    }

    .pia-buttons ul li>a:before {
        height: 50px;
        margin: 0 !important
    }
}

@media (max-width: 767px) {
    .menu-navbar.has-search {
        flex-direction: column-reverse;
        justify-content: flex-end !important;
        width: 95% !important;
        align-items: unset
    }

    .menu-navbar.has-search .navbar-nav {
        margin-top: 0 !important;
        overflow-y: auto
    }

    .menu-navbar.has-search form {
        padding: 72px 28px 0 28px
    }

    .btn-primary.kontakt {
        margin: 72px 28px 0 28px !important;
    }

    .menu-navbar.has-search.demobank form {
        padding: 20px 28px 0 28px !important;
    }

    .menu-navbar.has-search.demobank .navbar-nav {
        flex-basis: unset !important;
    }
	
	.menu-navbar:not(.open) {
        display: none !important;
    }
}

.menu-icon {
    text-align: center;
}

.highlight-services-title,
.phase-services .phase-services-title {
    font-weight: 600;
    margin-bottom: 4px;
    font-size: 20px
}

.phase-services .phase-services:hover {
    transform: scale(1.07) rotate(0deg);
    transition: all 0.3s ease;
    background-color: #F3F3F3;
    text-decoration: none !important;
}

.container hr,
hr {
    border-top: 1px solid #a0a0a0 !important;
    margin-top: 0 !important;
    margin-bottom: 24px !important;
    opacity: 1 !important;
    background-color: inherit !important
}

.menu-services a:hover,
.mega-menu-highlight-services:hover {
    color: #494949;
    text-decoration: none !important;
}

.mega-menu-highlight {
    margin-top: auto !important;
}

.highlight-headline {
    color: #0066B3;
    font-size: 18px;
    margin-bottom: 11px;
    line-height: 1.45;
    font-weight: 500;
}

.highlight-text {
    padding-bottom: 12px;
}

.wp-block-button a:focus-visible {
    outline: 2px solid #242424;
    outline-offset: 2px;
}

.helpbtn.wp-block-button a:focus-visible {
    border-radius: 0px;
}

.btn-primary {
    margin: 0 0.5em 0.5em 0;
    border: 1px solid #FF6600 !important;
    background-color: #FF6600;
    border-radius: 4px;
    font-size: 1.125rem;
    line-height: 1.5;
    box-shadow: 0 4px 8px #ff66004d;
    padding: 0.5rem 1rem;
    color: #242424;
}

.btn-primary::after {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    content: "\f054";
    display: inline-block;
    padding-left: 10px;
    line-height: 1;
    font-size: 16px;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: #FF6600;
    color: #242424;
}

.btn-primary:focus-visible {
    background-color: #FF6600;
    outline: 2px solid #242424;
    outline-offset: 2px;
    box-shadow: none;
    color: #242424;
}

.btn-default,
.btn-default:hover {
    padding: 10px 16px;
    margin: 0 0.5em 0.5em 0;
    border: 1px solid #b0b0b0;
    border-radius: 4px;
    font-size: 1.125rem;
    line-height: 1.5;
    box-shadow: 0 4px 8px #90909026;
    background-color: #b0b0b0;
    color: #fff
}

.btn-secondary {
    background-color: #fff;
    color: #0066B3;
    margin: 0 0.5em 0.5em 0;
    border: 1px solid #0066B3;
    border-radius: 4px;
    font-size: 1.125rem;
    line-height: 1.5;
    box-shadow: 0px 4px 8px #8f8f8f4d;
    padding: 0.5rem 1rem;
    display: block;
    width: fit-content;
}

.btn-secondary::after {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    content: "\f054";
    display: inline-block;
    padding-left: 10px;
    line-height: 1;
    font-size: 16px;
}

.btn-secondary:hover,
.btn-secondary:focus {
    background-color: #fff;
    color: #0066B3;
    text-decoration: none;
    border: 1px solid #0066B3 !important
}

.btn-md {
    padding: 0.375rem 0.75rem !important;
    border-radius: 0.25rem !important;
    font-size: 16px !important;
    line-height: 1.375 !important;
}

.pia-buttons {
    align-items: unset !important;
}

.pia-buttons ul {
    display: flex;
    gap: 16px;
    padding: 32px 0;
}

.pia-buttons ul li>a {
    text-align: center;
    width: 100%;
    color: #333;
    transform: scale(1) rotate(0deg);
    transition-property: all;
    transition-duration: 0.3s;
    padding: 12px;
    font-size: 14px;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    height: 100%
}

.pia-buttons .wp-block-navigation-item__label {
    color: #0066B3;
    font-weight: 600;
}

.pia-buttons .wp-block-navigation-item__description {
    display: block !important;
}

.pia-buttons ul li {
    flex: 1 1 0;
    height: 100%;
    width: 100%;
}

.pia-buttons ul li>a:before {
    max-width: 90px;
    margin-bottom: 24px;
    margin-top: 12px;
}

.pia-buttons ul li.kaufen>a:before {
    content: url('assets/img/icons/kaufen.svg')
}

.pia-buttons ul li.bauen>a:before {
    content: url('assets/img/icons/bauen.svg')
}

.pia-buttons ul li.modernisieren>a:before {
    content: url('assets/img/icons/modernisieren.svg')
}

.pia-buttons ul li.verkaufen>a:before {
    content: url('assets/img/icons/verkaufen.svg')
}

.pia-buttons ul li.mieten>a:before {
    content: url('assets/img/icons/mieten.svg')
}

.pia-buttons ul li.vermieten>a:before {
    content: url('assets/img/icons/vermieten.svg')
}

.pia-buttons li:hover {
    color: #333;
    transform: scale(1.07) rotate(0deg);
    transition: all 0.3s ease;
    background-color: #F3F3F3;
    border-radius: 12px;
    text-decoration: none !important;
}

@media (max-width: 767px) {

    .pia-themenwelten .wp-block-column>.wp-block-group,
    .pia-themenwelten {
        row-gap: 20px !important;
    }
}

@keyframes wipe-enter {
    0% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }

    50% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}

@media (prefers-reduced-motion: no-preference) {
    .phase-icon-animation {
        animation: wipe-enter 3s 1;
    }
}

@keyframes color-enter {
    0% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }

    50% {
        color: #646464;
        background-color: #F3F3F3;
        border-radius: 12px;
        text-decoration: none !important;
        transform: scale(1.07);
        -webkit-transform: scale(1.07);
    }
}

@media (prefers-reduced-motion: no-preference) {
    .pia-buttons-animation {
        animation: color-enter 3s 1;
    }
}

.highlight-service {
    margin-top: 32px;
    margin-bottom: 32px;
    display: flex !important;
    gap: 16px;
}

.highlight-service .wp-block-media-text__content {
    max-width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top: auto;
    margin-bottom: auto;
    padding: 0 !important;
}

.highlight-service .wp-block-media-text__content .wp-block-heading {
    color: #fff !important;
    background-color: #0066B3;
    padding: 12px;
    border: 1px solid #0066B3;
    border-radius: 4px;
    width: max-content;
    position: relative;
    left: -60px;
}

.highlight-service .wp-block-media-text__content p {
    font-size: 20px;
}

.highlight-service .wp-block-button a {
    border: 1px solid #FF6600 !important;
    background-color: #FF6600 !important;
    border-radius: 4px !important;
    font-size: 1.125rem !important;
    line-height: 1.5 !important;
    box-shadow: 0 4px 8px #ff66004d;
    padding: 0.5rem 1rem !important;
    color: #242424;
}

.highlight-service .wp-block-button a:hover {
    color: #242424 !important
}

.highlight-service .wp-block-button a:after {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    content: "\f054";
    display: inline-block;
    padding-left: 10px;
    line-height: 1;
    font-size: 16px;
}

.highlight-service figure img {
    max-width: 100%;
    border-radius: 4px;
}

@media (max-width: 991px) {
    .highlight-service {
        flex-direction: column;
    }

    .highlight-service .wp-block-media-text__content {
        max-width: 100%;
    }

    .highlight-service .wp-block-media-text__content .wp-block-heading {
        left: 16px !important;
        font-size: 20px !important;
        width: fit-content !important;
        margin-top: -32px !important;
    }

    .highlight-service figure {
        align-self: flex-start;
    }

    .pia-services {
        flex-direction: column;
    }
}

.pia-services .wp-block-button a {
    background-color: #fff !important;
    color: #0066B3 !important;
    margin: 0 0.5em 0.5em 0;
    border: 1px solid #0066B3 !important;
    border-radius: 4px !important;
    font-size: 1.125rem !important;
    line-height: 1.5 !important;
    box-shadow: 0px 4px 8px #8f8f8f4d;
    padding: 0.5rem 1rem !important
}

.pia-services .wp-block-button a:hover {
    color: #0066B3 !important
}

.pia-services .wp-block-button a:after {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    content: "\f054";
    display: inline-block;
    padding-left: 10px;
    line-height: 1;
    font-size: 16px;
}

.pia-services .wp-block-column {
    padding: 20px;
    background-color: #FBFBFB;
    border: 1px solid #C8C8C8;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
}

.pia-services {
    gap: 32px;
}

.pia-services .wp-block-buttons {
    margin-top: auto;
}

.pia-services ul {
    list-style: none;
    padding-left: 0 !important
}

.pia-services li {
    padding-left: 1.375em;
    margin-bottom: 5px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='12' viewBox='0 0 14 12'%3E%3Cpath id='tick' d='M7.1,14,2,8.6,3.6,7.2l3.5,3.7L14.4,2,16,3.3Z' transform='translate(-2 -2)' fill='%230066b3'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 0 0.25em;
    -webkit-background-size: 1em 1em;
    background-size: 1em;
}

.themenseite-main .wp-block-post-title {
    display: none;
}

.highlight-service .wp-block-media-text__content ul {
    list-style: none;
    padding-left: 0;
    font-size: 20px;
}

.highlight-service .wp-block-media-text__content ul li {
    padding-left: 1.375em;
    margin-bottom: 5px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='12' viewBox='0 0 14 12'%3E%3Cpath id='tick' d='M7.1,14,2,8.6,3.6,7.2l3.5,3.7L14.4,2,16,3.3Z' transform='translate(-2 -2)' fill='%230066b3'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 0 0.25em;
    -webkit-background-size: 1em 1em;
    background-size: 1em;
}

.pia-themenwelten {
    gap: 32px;
    margin-top: 32px;
}

.pia-themenwelten .wp-block-column>.wp-block-group {
    row-gap: 32px;
}

.pum-title.popmake-title {
    color: #333 !important;
    font-size: 1.25em !important;
    margin-bottom: 0;
    line-height: 1.5 !important;
    font-weight: 500 !important;
    padding-bottom: 18px
}

.pum-content {
    line-height: 1.5 !important
}

.helpbtn {
    position: fixed;
    bottom: 2%;
    right: 3%;
    cursor: pointer;
    z-index: 10;
    width: 150px;
    height: 150px;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease;
}

.helpbtn a {
    padding: 0;
}

.helpbtn:hover {
    transform: scale(1.07) rotate(0deg);
    transition: all 0.3s ease;
}

.sc-dnz-propertylist {
    padding: 0 !important
}

.hidden {
    display: none;
}

.phase .phase-service .wp-block-heading {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 4px;
}

.phase:last-child>a:after {
    display: none !important
}

.img-fluid {
    max-height: 80%;
}

.custom-radio .econ-radio {
    flex-wrap: nowrap !important;
}

.econ-container .econ-radio--stacked .econ-radio .radio {
    width: 100%;
}

.econ-container .econ-radio-buttons .econ-radio {
    margin-right: -8px;
    margin-left: -7px;
    padding-top: 0;
    padding-bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.econ-container .econ-radio-knobs .econ-radio {
    margin-left: -4px;
    margin-right: -4px;
    padding-top: 0;
    padding-bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.econ-container .econ-radio-icons .econ-radio {
    margin-left: -10px;
    margin-right: -10px;
    padding-top: 0;
    padding-bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media screen and (max-width: 405px) {
    .econ-container .econ-radio-knobs .econ-radio {
        -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }
}

.econ-container .econ-radio-buttons .radio {
    float: none;
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    min-height: 0;
    padding-left: 7.5px;
    padding-right: 7.5px;
    width: 100%;
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: 0;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.custom-radio .econ-radio .radio {
    flex-shrink: initial !important;
}

.padding-t-m {
    padding-top: 30px
}

.phase.inserieren-vermieten.phase-icon:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2761.992%27 height=%2750%27%3E%3Cdefs%3E%3CclipPath id=%27a%27%3E%3Cpath data-name=%27Rechteck 2502%27 fill=%27none%27 d=%27M0 0h61.992v50H0z%27/%3E%3C/clipPath%3E%3C/defs%3E%3Cpath data-name=%27Pfad 1335%27 d=%27M7.001 34.464v10.422l15.282 4.323 17.013-8.954v-1.8l-1.607-1.718-7.744 2.051-3.56-.6-6.208-.339-2.272-1.552-6.151-2.255Z%27 fill=%27%230066b3%27/%3E%3Cg data-name=%27Gruppe 3258%27%3E%3Cg data-name=%27Gruppe 3257%27 clip-path=%27url%28%23a%29%27%3E%3Cpath data-name=%27Pfad 1336%27 d=%27M39.948 37.943a3.082 3.082 0 0 0-3.838-1.834l-6.819 2.214a2.837 2.837 0 0 0-2.221-1.073h-6.154a26.271 26.271 0 0 0-5.838-3.222c-2.346-.871-5.626-.613-7.173-.42v-3.055H0v19.4h7.905v-4.086l14.455 4.132 16.1-8.2a3.081 3.081 0 0 0 1.483-3.852M6.425 48.468H1.481V32.037h4.944Zm31.368-7.991-15.587 7.94-14.3-4.089v-9.226c1.328-.175 4.534-.474 6.658.313a25.5 25.5 0 0 1 5.656 3.162l.2.153h6.65a1.357 1.357 0 0 1 0 2.714H18v1.48h9.07a2.84 2.84 0 0 0 2.837-2.837 2.8 2.8 0 0 0-.028-.4l6.689-2.173a1.608 1.608 0 0 1 1.226 2.962%27/%3E%3Cpath data-name=%27Pfad 1337%27 d=%27M61.992 15.444 38.672 2.655l-8.545 4.789V5.237h1.419V0h-8.921v5.237h1.419v5.615l-8.574 4.8.716 1.288 3.371-1.889v19.2h38.214V14.807l3.515 1.927ZM24.096 1.471h5.979v2.3h-5.979Zm1.42 3.891h3.14v2.906l-3.14 1.76Zm1.106 14.455h9.655v12.964h-9.655Zm29.677 12.964H37.748V18.345h-12.6v14.436h-4.117V14.227L38.68 4.338 56.299 14Z%27/%3E%3Cpath data-name=%27Pfad 1338%27 d=%27M51.415 18.345H40.348v9.281h11.067Zm-9.6 1.471h3.315v6.338h-3.311Zm8.124 6.338h-3.333v-6.338h3.338Z%27/%3E%3Cpath data-name=%27Pfad 1339%27 d=%27M33.292 25.656a1.878 1.878 0 1 0 1.878 1.878 1.88 1.88 0 0 0-1.878-1.878m0 2.285a.407.407 0 1 1 .407-.407.407.407 0 0 1-.407.407%27/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
}

.page-template-iframe .wp-site-blocks {
    min-height: 100% !important
}

.page-template-produkt .econ-container .econ-breadcrumb>li>a::before {
    margin-top: -54px;
}

@media screen and (max-width: 991px) {
    .page-template-produkt .econ-container .econ-breadcrumb>li>a::before {
        margin-top: -2px !important;
    }
}


/* Bootstrap 5 Anpassungen Beginn */
.econ-spinner {
    display: none;
}

.form-select {
    --bs-form-select-bg-img: none !important;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
select,
textarea {
    height: initial !important
}

.econ-input-group {
    width: auto;
}

.econ-form-control-inner {
    flex-wrap: nowrap;
}

.was-validated .form-select:valid:not([multiple]):not([size]),
.was-validated .form-select:valid:not([multiple])[size="1"],
.form-select.is-valid:not([multiple]):not([size]),
.form-select.is-valid:not([multiple])[size="1"] {
    --bs-form-select-bg-icon: none !important;
    background-image: none;
}

.was-validated .form-select:valid:focus,
.form-select.is-valid:focus {
    box-shadow: none !important
}

.was-validated .form-check-input:valid~.form-check-label,
.form-check-input.is-valid~.form-check-label {
    color: var(--text) !important
}

.econ-form-control-label {
    z-index: 6 !important;
}

.econ-container .econ-input-group-suffix:last-child,
.econ-container .input-group-append.bi.bi-calendar {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
}

.econ-container .row {
    display: block
}

.econ-container .modal-header .btn-close {
    margin: 0 !important;
    padding: 0 !important;
}

.econ-container p {
    color: #242424;
}


.econ-container li {
    color: #242424;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.econ-container .hl-highlight {
    color: var(--brandBlue) !important;
}

.econ-container .form-group {
    margin-bottom: 0 !important
}

.loader-wrapper {
    z-index: 10 !important
}

.econ-container .input-group.econ-form-control-date label {
    padding-left: 0 !important
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea,
select {
    letter-spacing: normal;
}

.fullservice-video-btn .econ-button-wrapper .econ-button {
    top: -104px !important
}

.input-group> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    border-top-left-radius: inherit;
    border-bottom-left-radius: inherit;
    margin-left: 0;
}

.breadcrumb-item+.breadcrumb-item::before {
    display: none
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: 0;
}

.econ-container .custom-radio .econ-radio>div {
    width: 50% !important;
}

.econ-container .form-group:has(.econ-slider) {
    margin-bottom: 18px !important;
}

.econ-has-spinner {
    padding-left: 0 !important
}

.econ-slider {
    margin-left: -15px;
    margin-right: -15px;
}

.econ-container .btn-secondary::after {
    display: none
}

.econ-container .alert-info {
    background-color: transparent !important
}

.econ-checkbox-icons--stacked .econ-form-group {
    padding-bottom: 0 !important;
    margin-bottom: 18px !important;
}

.econ-form-content .econ-fragment>.form-group .econ-form-control-outer {
    margin: 0 15px !important;
}

.econ-radio-knobs .econ-radio {
    flex-wrap: nowrap;
}

.econ-radio-knobs .econ-radio .radio {
    padding-left: 0 !important;
}

/* Bootstrap 5 Anpassungen Ende */

.btn-check:focus+.btn-primary,
.btn-primary:focus,
.btn-check:focus+.btn-secondary,
.btn-secondary:focus {
    box-shadow: none !important;
}

.pia-standard .btn-check:focus+.btn,
.btn:focus-visible,
.navbar-toggler:focus-visible,
.navbar-toggler:focus-within,
.navbar-toggler:focus {
    outline: 2px solid #242424 !important;
    outline-offset: 2px;
    box-shadow: none;
}

#results a:focus .phase-services,
#results a:focus-visible .phase-services {
    outline: 2px solid #242424 !important;
}

main a,
footer a {
    color: #0066b3;
}

main a:hover,
footer a:hover{
   text-decoration: underline !important;
}

.page-template-leere-seite main a[target="_blank"]:not(:has(button)):after {
  content: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.576 1.3C6.576 1.092 6.648 0.915999 6.792 0.771999C6.936 0.619999 7.112 0.543999 7.32 0.543999H10.5C10.708 0.543999 10.884 0.619999 11.028 0.771999C11.172 0.915999 11.244 1.092 11.244 1.3V4.48C11.244 4.68 11.172 4.856 11.028 5.008C10.884 5.152 10.708 5.224 10.5 5.224C10.292 5.224 10.112 5.152 9.96 5.008C9.816 4.864 9.744 4.688 9.744 4.48V3.112L6.792 6.064C6.648 6.208 6.472 6.28 6.264 6.28C6.056 6.28 5.876 6.208 5.724 6.064C5.58 5.92 5.508 5.744 5.508 5.536C5.508 5.328 5.584 5.152 5.736 5.008L8.688 2.044H7.32C7.12 2.044 6.944 1.972 6.792 1.828C6.648 1.676 6.576 1.5 6.576 1.3ZM0.756 2.884C0.756 2.676 0.828 2.5 0.972 2.356C1.124 2.212 1.3 2.14 1.5 2.14H5.208C5.416 2.14 5.592 2.212 5.736 2.356C5.88 2.5 5.952 2.676 5.952 2.884C5.952 3.092 5.88 3.272 5.736 3.424C5.592 3.568 5.416 3.64 5.208 3.64H2.256V9.544H8.16V6.592C8.16 6.384 8.232 6.208 8.376 6.064C8.528 5.92 8.708 5.848 8.916 5.848C9.124 5.848 9.3 5.92 9.444 6.064C9.588 6.208 9.66 6.384 9.66 6.592V10.3C9.66 10.5 9.588 10.672 9.444 10.816C9.3 10.968 9.124 11.044 8.916 11.044H1.5C1.3 11.044 1.124 10.968 0.972 10.816C0.828 10.672 0.756 10.5 0.756 10.3V2.884Z' fill='%230066B3'/%3E%3C/svg%3E%0A");
  margin-left: 3px;
}