#baugebiete-plugin #svgOverlay {
position: fixed;
top: 0; 
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5); z-index: 9998;
display: none; }
#baugebiete-plugin #svgOverlay.open {
display: block; } #baugebiete-plugin #svgPopup {
position: fixed;
top: 0;
right: 0;
width: 500px; 
height: 100%;
background: #fff;
z-index: 9999;
transform: translateX(100%); transition: transform 0.3s ease;
box-shadow: -3px 0 8px rgba(0,0,0,0.2);
padding: 30px 20px;
box-sizing: border-box;
overflow-y: auto; }
#baugebiete-plugin #svgPopup.open {
transform: translateX(0); } #baugebiete-plugin #svgPopup.fullwidth {
width: 90vw;
left: 5vw; 
right: auto;
height: 90vh; 
top: 5vh; 
transform: translateY(-120%);
padding: 75px 60px 50px 60px;
}
#baugebiete-plugin #svgPopup.fullwidth.col-2 {
width: 80vw;
left: 10vw; 
}
#baugebiete-plugin #svgPopup.fullwidth.open {
transform: translateY(0); }
#baugebiete-plugin #svgPopup.fullwidth.col-2 .info-cell.des {
display: none;
}	
#baugebiete-plugin #svgPopup.fullwidth.col-2 .popupBody {
grid-template-columns: 1fr 1fr;
}
#baugebiete-plugin #svgPopup.fullwidth #popupDetails {
border: none;
padding: 0;
margin-bottom: 0;
}
#baugebiete-plugin #svgPopup .action-buttons {
padding-top: 1.2rem;
display: flex;
flex-direction: column;
}
#baugebiete-plugin #popupCloseBtn {
background-color: transparent;
border: 2px solid #292D83;
border-radius: 15px;
width: 50px;
height: 50px;
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: background-color 0.2s ease-in-out, transform 0.2s ease-in-out;
}
#baugebiete-plugin #popupCloseBtn:hover {
background-color: #292D83;
transform: scale(1.05);
}
#baugebiete-plugin #popupCloseBtn .close-icon {
position: relative;
width: 30px;
height: 30px;
} #baugebiete-plugin #popupCloseBtn .close-icon::before,
#baugebiete-plugin #popupCloseBtn .close-icon::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 3px;
height: 30px;
background-color: #292D83;
transform-origin: center;
transition: background-color 0.3s ease-in-out;
}
#baugebiete-plugin #popupCloseBtn:hover .close-icon::before,
#baugebiete-plugin #popupCloseBtn:hover .close-icon::after {
background-color: #fff;
} #baugebiete-plugin #popupCloseBtn .close-icon::before {
transform: translate(-50%, -50%) rotate(45deg);
}
#baugebiete-plugin #popupCloseBtn .close-icon::after {
transform: translate(-50%, -50%) rotate(-45deg);
}
#baugebiete-plugin #svgPopup h3 {
margin-top: 0;
margin-bottom: 50px;
color: #292D83;
}
#baugebiete-plugin #popupDetails {
margin-bottom: 0.9rem;
}
#baugebiete-plugin #svgPopup .detail-item {
margin-bottom: 8px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
}
#baugebiete-plugin #svgPopup .detail-label {
text-align: right;
}
#baugebiete-plugin #svgPopup .detail-value {
color: #666666;
}
#baugebiete-plugin #svgPopup #questions {
display: none;
flex-direction: column;
align-items: center;
}
#baugebiete-plugin #svgPopup.fullwidth #questions {
display: flex;
}
#baugebiete-plugin #svgPopup .portrait {
display: flex;
align-items: center;
gap: 10px;
flex-direction: row;
justify-content: center;
}
#baugebiete-plugin #svgPopup .portrait img {
width: 90px;
height: 90px;
object-fit: cover;
border-radius: 50%;
}
#baugebiete-plugin #svgPopup .portrait .info {
display: flex;
flex-direction: column;
}
#baugebiete-plugin #svgPopup .portrait .info .name {
color: #292D83;
font-size: 24px;
line-height: 29px;
font-weight: 700;
margin-bottom: 5px;
}
#baugebiete-plugin #svgPopup .portrait .info .title {
margin-bottom: 0;
}
#baugebiete-plugin #svgPopup .contact {
margin-top: 40px;
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
}
#baugebiete-plugin #svgPopup .contact h3 {
margin-top: 0;
margin-bottom: 10px;
text-align: center;
}
#baugebiete-plugin #svgPopup .contact p {
margin-top: 0;
margin-bottom: 10px;
text-align: center;
}
#baugebiete-plugin #svgPopup .popupBody {
display: grid;
grid-template-columns: 1fr;
gap: 25px;
}
#baugebiete-plugin #svgPopup.fullwidth .popupBody {
grid-template-columns: 1fr 1fr;
}
#baugebiete-plugin #svgPopup .info-cell {
padding: 0 25px 25px;
display: flex;
flex-direction: column;
gap: 25px;
align-items: center;
}
#baugebiete-plugin #svgPopup .info-cell a{
color: var(--e-global-color-accent);
text-decoration:underline;
}
#baugebiete-plugin #svgPopup .info-cell a:hover{
text-decoration:none;
}
#baugebiete-plugin #svgPopup .badge {
margin-bottom: 20px;
}
#baugebiete-plugin #svgPopup #popupDetails {
border-bottom: 1px solid #ccc;
padding-bottom: 0.8rem;
}
#baugebiete-plugin #svgPopup .portrait .info .title {
color: #292D83;
}
#baugebiete-plugin #popupContactBtn,
#baugebiete-plugin #popupEmailBtn,
#baugebiete-plugin .request-button {
background-color: #e96532;
color: #fff;
border: 2px solid #e96532;
text-align: center;
cursor: pointer;
transition: all 0.3s ease;
}
#baugebiete-plugin #popupContactBtn:hover,
#baugebiete-plugin #popupEmailBtn:hover,
#baugebiete-plugin .request-button:hover {
background-color: transparent;
color: #e96532;
}
#baugebiete-plugin #svgPopup .badge {
font: normal normal bold 13px/15px var( --e-global-typography-d89f382-font-family ), Sans-serif;
letter-spacing: 1.3px;
color: #FFFFFF;
text-transform: uppercase;
padding: 5px 10px;
border-radius: 3px;
}
#baugebiete-plugin #svgPopup .badge.orange {
background-color: #E96532;
}
#baugebiete-plugin #svgPopup .badge.blue {
background-color: #292D83;
}
#baugebiete-plugin #svgPopup .popupHeader {
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
border-bottom: 1px solid #CCCCCC;
padding-bottom: 25px;
margin-bottom: 25px;
}
#baugebiete-plugin #svgPopup .popupHeader h3{
text-align: center;
}
#baugebiete-plugin #svgPopup p {
margin: 0;
font-size: 18px;
line-height: 27px;
}
#baugebiete-plugin #svgPopup h3 {
font-size: 26px;
line-height: 29px;
}
#svg-legend {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));
gap: 1rem;
margin-top: 1rem;
font-size: 17px;
line-height: 29px;
position: absolute;
top: 10px;
right: 10px;
padding: 10px 16px;
z-index: 100;
background: rgba(255, 255, 255, 0.92);
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}
.legend-bottom-right #svg-legend{
top:unset;
bottom:0;
}
#svg-legend p {
margin: 0;
display: flex;
align-items: center;
gap: 0.5rem;
color: #292D83;
}
#svg-legend p::before {
content: '';
width: 22px;
height: 22px;
border-radius: 50%;
display: inline-block;
}
#svg-legend .l-free::before {
background-color: #292D83;
}
#svg-legend .l-reserved::before {
background-color: #E96532;
}
#svg-legend .l-sold::before {
background-color: #D62B2B; 
}
#baugebiete-plugin #popupCloseLink {
text-align: center;
}
@media (max-width: 1250px) {
#baugebiete-plugin .info-cell {
gap: 15px;
}
#baugebiete-plugin #svgPopup h3 {
margin-bottom: 30px;
}
#baugebiete-plugin #svgPopup .info-cell p {
text-align: left;
}
#baugebiete-plugin #svgPopup .contact {
margin-top: 30px;
}
}
@media (max-width: 800px) {
#baugebiete-plugin #svgPopup.fullwidth.col-2 .popupBody, #baugebiete-plugin #svgPopup.fullwidth .popupBody {
grid-template-columns: 1fr;
}
}
@media (max-width: 767px) {
#baugebiete-plugin #svgPopup.fullwidth.col-2 {
width: 90vw;
left: 5vw; 
}
#svg-legend {
position: absolute;
}
}
@media (max-width: 520px) {
#baugebiete-plugin #svgPopup.fullwidth {
padding: 40px 30px 25px 30px;
height: 98vh;
top: 1vh;
}
#baugebiete-plugin #svgPopup.fullwidth .action-buttons {
justify-content: space-between;
}
#svg-legend{
gap: 0.1rem;
top: 0;
margin-top: 0;
}
.legend-bottom-right{
padding-bottom:75px;
}
}
@media (max-width: 440px) {
#baugebiete-plugin #svgPopup.fullwidth {
padding: 20px 15px 12px 15px;
height: 98vh;
top: 1vh;
}
#baugebiete-plugin #svgPopup .popupBody>div {
padding: 0;
}
#baugebiete-plugin #svgPopup .detail-item {
font-size: calc(0.8 * var(--e-global-typography-text-font-size));
}
#baugebiete-plugin #svgPopup .request-button {
font-size: 18px;
line-height: 21px;
}
#baugebiete-plugin #popupCloseBtn {
border-radius: 10px;
width: 30px;
height: 30px;
top: 5px;
right: 5px;
}
#baugebiete-plugin #popupCloseBtn .close-icon {
position: relative;
width: 20px;
height: 20px;
}
#baugebiete-plugin #popupCloseBtn .close-icon::before, 
#baugebiete-plugin #popupCloseBtn .close-icon::after {
width: 3px;
height: 20px;
}
#svg-legend{
font-size:15px;
padding:0 10px;
}
} #baugebiete-plugin .lot.highlight path {
stroke: #f60 !important;
stroke-width: 2px !important;
fill: rgba(255, 165, 0, 0.3) !important; }
#send_lot_form {
padding-top: 30px;
display: none;
}
#send_lot_form a {
color: #fff;
transition: color 0.3s ease-in-out;
}
#send_lot_form a:hover {
color: #666666;
}
#send_lot_form .elementor-field-group:has(#form-field-subject),
#send_lot_form .elementor-field-group:has(#form-field-message) {
display: none;
}
#svg-wrapper svg text{
font-family: var( --e-global-typography-d89f382-font-family ), Sans-serif !important;
} #svg-wrapper .lot:not(.status-sold) {
cursor: pointer;
} #svg-wrapper .lot path {
transition: fill 0.3s ease;
} #svg-wrapper .lot:hover>g:first-of-type path, #svg-wrapper .lot:hover>path:first-of-type, 
#svg-wrapper .lot:active>g:first-of-type path, #svg-wrapper .lot:active>path:first-of-type, 
#svg-wrapper .lot:focus>g:first-of-type path, #svg-wrapper .lot:focus>path:first-of-type, 
#svg-wrapper .lot.highlight>g:first-of-type path, #svg-wrapper .lot.highlight>path:first-of-type {
fill: rgb(233,101,50) !important; 
}
#svg-wrapper .lot:hover>g:nth-child(2) path, #svg-wrapper .lot:hover>path:nth-of-type(2),
#svg-wrapper .lot:active>g:nth-child(2) path, #svg-wrapper .lot:active>path:nth-of-type(2),
#svg-wrapper .lot:focus>g:nth-child(2) path, #svg-wrapper .lot:focus>path:nth-of-type(2),
#svg-wrapper .lot.highlight>g:nth-child(2) path, #svg-wrapper .lot.highlight>path:nth-of-type(2) {
fill: rgb(41,45,131) !important;
}  #svg-wrapper .lot.status-sold>g:first-child path, #svg-wrapper .lot.status-sold>path:nth-of-type(1) {
fill: #D62B2B !important;
}
#svg-wrapper .lot.status-sold>g:nth-child(2) path, #svg-wrapper .lot.status-sold>path:nth-of-type(2) {
fill: rgb(41,45,131) !important;
}
#svg-wrapper .lot.status-sold.status-no-nr path {
fill: #D62B2B !important; 
}
#svg-wrapper .lot.status-sold.status-no-nr>g {
display:none;
} #baugebiete-plugin #svgOverlay {
position: fixed;
top: 0; 
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5); z-index: 9998;
display: none; } #baugebiete-plugin #svgPopup {
position: fixed;
top: 0;
right: 0;
width: 400px; height: 100%;
background: #fff; z-index: 9999;
transform: translateX(100%); transition: transform 0.3s ease;
box-shadow: -3px 0 8px rgba(0,0,0,0.2);
padding: 1rem;
box-sizing: border-box;
} #baugebiete-plugin #svgPopup.open {
transform: translateX(0);
} #baugebiete-plugin #svgOverlay.open {
display: block;
} #baugebiete-plugin .close-btn {
float: right;
cursor: pointer;
background: none;
border: none;
font-size: 1.5rem;
margin: 0;
padding: 0;
} #baugebiete-plugin #svgPopup h3 {
margin-top: 0;
} #baugebiete-plugin .action-buttons {
display: flex;
align-items: center;
gap: 1.2rem;
flex-wrap: wrap; 
}
#baugebiete-plugin .action-buttons button {
background-color: #E96532;
border: 2px solid #E96532;
color: #fff;
cursor: pointer;
}
#baugebiete-plugin .action-buttons button:hover, 
#baugebiete-plugin .action-buttons button:focus {
background-color: transparent;
color: #E96532;
}
#baugebiete-plugin .blue-bg.action-buttons button:hover, 
#baugebiete-plugin .blue-bg.action-buttons button:focus {
background-color: #E96532;
color: #fff;
border-color: #fff;	
} #baugebiete-plugin .action-buttons span {
color: #fff;
font-weight: normal;
}
#baugebiete-plugin .action-buttons p {
margin: 0;
} #baugebiete-plugin .lots-section {
background: none; 
color: #fff; 
font-family: var( --e-global-typography-d89f382-font-family ), Sans-serif;
} #baugebiete-plugin .lots-section p {
color: #fff;
font-family: Arial, sans-serif; 
font-size: 20px;
line-height: 29px;
font-weight: 400;
} #baugebiete-plugin .lot-select-row {
display: inline-block;
margin-bottom: 30px;
position: relative;
} #baugebiete-plugin .lot-select-row label {
font-weight: bold;
white-space: nowrap;
} #baugebiete-plugin .lot-select-row select {
padding: 14px;
cursor: pointer;
border: 1px solid #707070;
border-radius: 3px;
min-width: min(420px,80vw);
color: #666666;
font-family: Arial, sans-serif; 
font-size: 20px;
line-height: 26px;
font-weight: 400; -webkit-appearance: none; 
-moz-appearance: none;
appearance: none;
}
#baugebiete-plugin .lot-select-row:after {
content: "\f0d7";
display: block;
pointer-events: none;
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-style: normal;
position: absolute;
right: 1.5rem;
font-size: 2rem;
color: #666666;
top: 50%;
transform: translateY(-50%);
}
.elementor .e-con-inner .basis-70 {
flex-basis: 70%;
}
.elementor .e-con-inner .basis-30 {
flex-basis: 30%;
}
.elementor-field-group-baugrundstueck {
display: none;
}
.elementor .elementor-element .svg-map-con .e-con-inner {
flex-wrap: nowrap;
}
.elementor .elementor-element .text-max-890 .elementor-widget-container {
max-width: 890px;
}
.icon-list-underline .elementor-icon-list-text {
text-decoration: underline;
}
@media (max-width: 767px) {
.elementor .e-con-inner .basis-70 {
flex-basis: unset;
}
.elementor .e-con-inner .basis-30 {
flex-basis: unset;
}
}
@media (max-width: 440px) {
.action-buttons button {
font-size: 18px;
line-height: 21px;
}
} .svg-lazy-wrapper {
position: relative;
min-height: 200px;
width: 100%;
border-radius: 16px;
overflow: hidden;
}
.svg-lazy-wrapper .svg-target-img {
display: block;
width: 100%;
height: auto;
opacity: 0;
transition: opacity 0.3s ease;
}
.svg-lazy-wrapper.svg-loaded .svg-target-img {
opacity: 1;
}
.svg-lazy-wrapper .svg-loading,
.svg-lazy-wrapper .svg-error-message {
position: absolute;
inset: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 1rem;
background: #f5f5f5;
text-align: center;
padding: 1rem;
box-sizing: border-box;
}
.svg-lazy-wrapper.svg-loaded .svg-loading,
.svg-lazy-wrapper.svg-error .svg-loading,
.svg-lazy-wrapper:not(.svg-error) .svg-error-message {
display: none;
}
.svg-lazy-wrapper.svg-error .svg-error-message {
display: flex;
}
.svg-lazy-wrapper .svg-loading .svg-spinner {
width: 42px;
height: 42px;
border: 4px solid rgba(41, 45, 131, 0.15);
border-top-color: #E96532;
border-radius: 50%;
animation: svg-spin 0.8s linear infinite;
}
.svg-lazy-wrapper .svg-loading p,
.svg-lazy-wrapper .svg-error-message p {
margin: 0;
font-size: 15px;
font-weight: 600;
color: #292D83;
}
.svg-lazy-wrapper .svg-error-message p {
color: #D62B2B;
}
@keyframes svg-spin {
to { transform: rotate(360deg); }
}