/* /////////////////////////// Ausgabe Suchen Immobilien //////////////////////// */

.triangle-energie {
  width: 0;
  height: 0;
  border-top: 13px solid transparent;
  border-bottom: 13px solid transparent;
  border-right: 10px solid #009543; /* default */
  transform: rotate(180deg);
  display:inline-block;
}


 .contactForm {
            width: 100%;
            min-height: 200px; /* Minimum height of 400px */
            border: none; /* Remove border */
            overflow: auto; /* Allow scrolling inside the iframe */
        }

        @media (max-width: 991px) {
            .contactForm {
                height: auto; /* Adjust height for mobile if needed */
                min-height: 450px; /* Keep minimum height */
            }
        }

/* Icons Material */

.material-icons {
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 34px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: 'liga';
-webkit-font-smoothing: antialiased;
}

/* Styling für Material Icons Outlined */
.material-icons-outlined {
font-family: 'Material Icons Outlined';
font-weight: 200!important; /* Reduziert das Gewicht der Schriftart */
font-style: normal;
font-size: 34px; /* Kleinere Größe, um ein feineres Aussehen zu erzeugen */
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: 'liga';
-webkit-font-smoothing: antialiased;
color: #0070b2;
}


.material-symbols-outlined {
font-family: 'Material Symbols Outlined';
font-weight: 200!important; /* Reduziert das Gewicht der Schriftart */
font-style: normal;
font-size: 34px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-moz-font-feature-settings: 'liga';
-moz-osx-font-smoothing: grayscale;
color:#0070b2;
margin-left:0px!important;
padding-left:0px!important;
}

@media (min-width: 1px) and (max-width: 767px) {
.immo_show .material-symbols-outlined,
.immo_show .material-icons-outlined
{
margin-top:20px!important;
}	
}

.suche_eingabe {
/*
margin-bottom:40px;
display:block;
width:100%;
background-color:#f2f8fb;
padding:10px 0px 15px 0px;
z-index:10;
*/
margin-bottom:40px;
}

/* ########################### Suchbox Startseite #############  */

.suchbox_wrapper {
/* background-image:url(../../media/bg_suchbox_startseite.jpg); */
background-repeat:no-repeat;
background-position: center top;
-webkit-background-position: center top;
/* min-height:450px; */
background-size: cover;
padding-top:60px; /* Abstand der Box vom Grafikrand oben */
padding-bottom:15px;
margin-top:-50px; /* ausgleich mtb */
}

.suchbox {
/* background-color:#FFFFFF; */
/* box-shadow: 0 1px 5px 0 rgba(0,0,0,.55); */
/* background: rgba(0,112,178,0.25); */
background: rgba(222, 228, 232, 0.25);
padding:5px 20px 15px 20px;
border-radius:1px;
}

.suchbox:hover {
/* background: rgba(0,112,178,0.3)!important; */
background: rgba(222, 228, 232, 0.30);
}

@media (min-width: 1px) and (max-width: 767px) {
.suchbox_wrapper {
/* background-image:url(../../media/bg_suchbox_startseite.jpg); */
background-repeat:no-repeat;
background-position: center top;
-webkit-background-position: center top;
background-size: cover;
padding-top:30px!important; /* Abstand der Box vom Grafikrand oben */
padding-bottom:30px!important;
margin-top:-25px!important; /* ausgleich mtb */
}

.suchbox {
/* background: rgba(0,112,178,0)!important; */
background: rgba(222, 228, 232, 0.25);
}
}

.suche_eingabe_startseite {
margin:0px;
display:block;
width:100%;
/* height:45px; */
/* background-color:none; */
padding:10px 0px 15px 0px;
z-index:10;
}

.suche_eingabe a,
.suche_eingabe a:link
{
color:#fffef4;
font-weight:normal;
letter-spacing:1px;
text-transform:uppercase;
}

.suche_eingabe p {
margin-top:15px!important;
margin-bottom:10px!important;
font-weight:600!important;
}

.suche_eingabe input {
color: #000000;
width:220px;
height:25px;
padding:0 2px 0 5px;
border:3px solid #FFFFFF;
font-family: arial;
font-size: 11pt;
font-family:arial;
background-color:#eae9de;
border-radius: 5px;
/* opacity: 0.5; */
}

.suche_eingabe_startseite select,
.suche_eingabe select {
color: #000000;
width:100%;
height:35px;
padding:0 2px 0 5px;
border:3px solid #FFFFFF;
font-size: 15px;
font-weight: 500;
background-color:#eae9de;
border-radius: 1px;
margin-bottom:10px;
/* opacity: 0.5; */
}

.suche_eingabe_startseite .schalter_suchen,
.suche_eingabe .schalter_suchen { /* Schalter */
font-size: 20px;
width: 180px;
height: 40px;
padding: 5px 1px 5px 1px;
border: 0px solid #a99fc1!important;
background-color: #40ed56;
color: #FFFFFF;
font-weight: 600!important;
text-align: center;
cursor: pointer;
border-radius: 2px!important;
margin:10px 50px 10px 0px;
}

.suche_eingabe_startseite .schalter_suchen:hover,
.suche_eingabe .schalter_suchen:hover { /* Schalter */
background-color:#0070b2!important;
}

.suche_eingabe .delete_schalter { /* Schalter */
font-size: 20px;
width: 210px;
height: 40px;
padding: 5px 25px 5px 25px;
border: 0px solid #a99fc1;
background-color: #FFFFFF;
color: #646b69!important;
font-weight:400!important;
text-align: center;
cursor: pointer;
border-radius: 4px!important;
letter-spacing:0px!important;
text-transform: none!important;
}

.suche_eingabe img:hover {
opacity:0.5;
}

.select_box_seite {
background-color:#FFFFFF!important;
border-radius:30px!important;
padding:9px 15px 9px 15px!important;
height:42px!important;
border:2px solid #ffd83e!important;
font-size:16px!important;
line-height:16px!important;
margin:0px 20px 20px 0px!important;
font-weight:400!important;
text-transform:uppercase;
letter-spacing:2px;
word-spacing:2px;
color:#474747!important;
width:300px!important;
display:inline-block;
cursor:pointer;
-webkit-appearance: none; /* Safari und Chrome */
-moz-appearance: none; /* Firefox */
appearance: none; /* Standard für unterstützende Browser */
background: none; /* Entfernt den Standardhintergrund */
background-color: transparent; /* Für extra Sicherheit */
border: 1px solid #ccc; /* Optional: Zum Beibehalten eines sichtbaren Rahmens */
padding-right: 20px; /* Platz für den eigenen Pfeil */
font-size: 16px; /* Optional: Schriftgröße anpassen */
}

.select_box_seite:hover {
color:#0070b2!important;
}

@media (min-width: 541px) and (max-width: 1499px) {
.select_box_seite {
width:240px!important;
margin:0px 10px 20px 0px!important;
}	
}

@media (min-width: 1px) and (max-width: 540px) {
.select_box_seite {
width:100%!important;
margin:0px 0px 15px 0px!important;
}	
}

.schalter_suchen_seite { /* Schalter */
font-size:30px;
width:60px;
padding:1px 1px 5px 1px!important;
border-radius:30px!important;
background-color:#FFFFFF;
color:#0070b2!important;
border:1px solid #FFFFFF!important;
font-weight: 600!important;
text-align: center;
cursor: pointer;
margin:0px 30px 0px 0px!important;
display:inline-block;
}

a.schalter_zuruecksetzen_seite,
a.schalter_zuruecksetzen_seite:link { /* Schalter */
background-color:#FFFFFF;
font-size:30px!important;
color:#0070b2;
border:0px solid #FFFFFF!important;
font-weight: 600!important;
text-align: center;
cursor: pointer;
margin:0px!important;
display:inline-block!important;
padding-top:10px!important;
opacity:0.4;
}

.schalter_suchen_seite:hover,
a.schalter_zuruecksetzen_seite:hover
{
opacity:0.7;	
}



/*
.my_immo p {
color: #000035;
font-weight:normal;
font-size: 1.4em;
}
*/

.my_immo strong {
font-weight:400!important;
margin-bottom:15px;
}

.my_immo .spacer_8 {
padding-left:20px;	
}

@media (min-width: 1px) and (max-width: 991px) {
.my_immo .spacer_8 {
padding-left:0px;	
}	
}


.my_immo .immo_box_4_8 {
padding:20px;
/*
border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-top:1px dotted #aeaeae;
border-right:1px dotted #aeaeae;
border-left:1px dotted #aeaeae;
*/
border-radius:20px;
border:1px dotted #aeaeae;
}

@media (min-width: 1px) and (max-width: 991px) {
.my_immo .immo_box_4_8 {
padding:20px;
border-radius:0px!important;
border:0px dotted #aeaeae!important;
}
}

.my_immo .immo_box_8 {
border-radius:20px;
background-color:#f7fcff; /* f9f9f9 */
padding:10px 15px 10px 15px;
margin-bottom:20px;
}

@media (min-width: 768px) and (max-width: 991px) {
.my_immo .immo_box_8 {
margin-bottom:25px;
}	
}

@media (min-width: 1px) and (max-width: 991px) {
.my_immo .immo_box_8 {
margin-bottom:25px;
background-color:#FFFFFF!important;
padding:0px!important;
}	
}

.my_immo .immo_box_8_col {
padding-right:0px!important;
}



@media (min-width: 1px) and (max-width: 991px) {
.my_immo .immo_box_8_col {
padding-left:0px!important;
}
}


@media (min-width: 1px) and (max-width: 991px) {
.line_mobile {
margin-top:10px;
margin-bottom:10px;
height:1px;
width:100%;
display:block;
background-color:#efefef;
}
}

.my_immo .lage_google_maps {
border-left: 2px solid #cde5f3;
display:inline-block;
padding:0px 0px 0px 25px;
width:120px;
}

@media (min-width: 1px) and (max-width: 991px) {
.my_immo .lage_google_maps {
border-left: 0px solid #0070b2;
padding:20px 0px 0px 0px;
width:100%;
}	
}

/* Energeieffizienzklasse */

.my_immo .effizienz-container {
width: 100%;
max-width: 300px;
height:20px!important;
background: linear-gradient(to right, #009543 25%, #ffdd00 60%, #ee8905 90%, #db2613 100%);
position: relative;
border: 0px solid #FFFFFF;
border-radius: 20px;
}

.my_immo .effizienz-markierung {
position: absolute;
height: 100%;
width: 4px;
background-color: #FFFFFF;
left: 0%; /* Dieser Wert wird von PHP dynamisch gesetzt */
}

.my_immo h2 {
letter-spacing:-0.8px!important;
margin-bottom:16px!important;
margin-top:6px!important;
font-weight:400!important;
font-size:24px!important; 
color:#1b1c1e!important;
}

@media (min-width: 1px) and (max-width: 991px) {
.my_immo h2 {
  margin-top:20px!important; /* Abstand bei mobile Text unter Bild */
}
}

/* z.B. Ausgabe Nebenkosten */
.my_immo h3 {
margin-top:0px!important;
letter-spacing:0px;
margin-bottom:2px!important;
font-weight:400!important;
font-size:22px!important; 
color:#1b1c1e!important;
}

.my_immo p {
margin-bottom: 2px!important;
}

/* //////////////// Schalter mit anzahl Bilder  //////////////////////// */


.my_immo .infobox_anzahl_bilder {
  position: absolute !important;
  z-index: 200;
  bottom: 20px !important;
  left: 50px !important;
  padding: 4px 10px 2px 9px !important;
  background-color: rgba(255, 255, 255, 1);
  border-radius: 10px;
  transform: translate(-50%); /* Position relativ zur Mitte der Box verschieben */
}

@media (min-width: 1px) and (max-width: 991px) {
.my_immo .infobox_anzahl_bilder {
  /* bottom:50px!important; */
}
}

.my_immo .bilderanzahl { /* Outline Kamera bei Bilderanzahl Ausgabe */
    margin-left:4px;
    font-size: 26px!important;
    vertical-align: middle; /* Sicherstellen, dass das Icon vertikal ausgerichtet ist */
	font-weight:200!important;
	margin-top:0px!important;
}

.my_immo .infobox_bilder_text {
position: relative;
font-size:26px!important;
line-height:26px!important;
text-align:center;
font-weight:600!important;
color:#1b1c1e!important;
}

.infobox_bilder_text_subline {
position: relative;
display:block;
font-size:14px;
font-weight:200;
text-align:center;
/* transform: rotate(90deg); */
}


.my_immo .titelbild_voransicht {
border-radius:20px;
border:0px solid #FFFFFF!important;
position:relative;
width: 100%;
}

.my_immo .titelbild_voransicht:hover {
opacity:0.9;
}

.my_immo .introbild_mobile_pc {
padding-left:0px!important;
}

@media (min-width: 1px) and (max-width: 767px) {
.my_immo .introbild_mobile_pc {
padding:0px!important;
}
}

/* //////////////// Schalter Pagination //////////////////////// */

.my_immo .schalter_pagi,
.my_immo .schalter_pagi:focus
{
display:inline-block;
padding:6px 7px 5px 7px;
border:0px dotted #bababa!important;
color:#0070b2;
background-color:#f4f7f6;
height: 45px;
width:45px;
margin-top:15px;
margin-right:10px;
font-weight:600!important;
border-radius:0px!important;
font-size:18px;
border-radius:50%!important;
}

.my_immo .schalter_pagi:hover
{
color:#FFFFFF;
background-color:#0070b2;
border:0px dotted #bababa!important;
}

.my_immo .schalter_pagi_aktiv
{
display:inline-block;
padding:6px 7px 5px 7px;
border:0px dotted #bababa!important;
color:#FFFFFF;
background-color:#0070b2;
height: 45px;
width:45px;
margin-top:15px;
margin-right:10px;
font-weight:600!important;
border-radius:50%!important;
font-size:18px;
}


.my_immo input {
color: #1b1c1e;
width:250px;
height:25px;
padding:0 2px 0 5px;
border:3px solid #deded5;
font-family: arial;
margin-bottom: 15px;
font-size: 11pt;
font-family:arial;
background-color:#fefefd;
border-radius: 5px;
/* opacity: 0.5; */
}

.my_immo input:focus {
border:3px solid #8e0035;
}

@media (min-width: 1px) and (max-width: 991px) {
.my_immo .col-md-2,
.my_immo .col-md-1 {
border-bottom: 1px dotted #b7b7b7;
padding-top:7px;
padding-bottom:7px;
}
}

@media (min-width: 1px) and (max-width: 575px) {
.my_immo .balkon_fahrstuhl_break {
/* clear:both!important;	
display:inline-block!important;
*/
}
}

/* //////////////////////// immo-details aufklappen ///////////////////////////////// */

.box-pdf-kontakt-close {
margin-top:30px;	
}

a.immo_alle_infos,
a.immo_alle_infos:link {
display:inline-block;
clear:both!important;
margin-top:15px;
margin-bottom:20px!important;
font-size:17px;
font-weight:500;
color:#666666!important;
text-align:center!important;
background-color:#FFFFFF;
padding:5px 10px 5px 10px;
position:relative;
top:50%;
left:50%;
transform:translate(-50%,0%);
}

@media (min-width: 1px) and (max-width: 480px) {
a.immo_alle_infos,
a.immo_alle_infos:link {
display:inline-block;
font-size:16px;
padding:5px 10px 5px 10px;
}	
}


a.immo_alle_infos:hover {
/* background-color:#none; */
color:#000000!important;
/*
border-top: 2px solid #78d281;
border-bottom: 2px solid #78d281;
*/
}


.my_immo .immo_show  {
/* wird im script gesetzt , je nach farbenbox */
/* background-color:#f8f8f8; */
display:block;
}

@media (min-width: 1px) and (max-width: 767px) {
.my_immo .immo_show  {
padding-left:20px;
padding-right:20px;
}
}

.my_immo .smart_icon_blau {
color:#0070b2!important;	
}

.my_immo .smart_icon_gelb {
color:#ffdf44!important;	
}

.my_immo .pdf_expose_close_schalter {
margin-bottom:20px;
text-align:center;
}

@media (min-width: 1px) and (max-width: 991px) {
.my_immo .pdf_expose_close_schalter {
text-align:left;
}	
}

.my_immo .pdf_expose_close_schalter:hover {
opacity:0.7;
}

.my_immo .pdf_expose_close_schalter a:hover {
color:#0070b2!important;
}

.my_immo .pdf_expose_close_schalter_icon
{
font-size:24px;
color:#0070b2;
padding-right: 16px;
border-right: 2px solid #cde5f3;
}

.pdf_expose_close_schalter_text {
font-size: 20px;
font-weight: 500;
padding-left: 15px !important;
padding-top: 10px;

}

/* Schalter PDF in Voransicht */

a.schalter_pdf_voransicht,
a.schalter_pdf_voransicht:link {
display:inline-block;
padding:0px 0px 0px 8px!important;
font-size:20px!important;
color:#0070b2;
font-weight:700!important;
margin:0px 0px 0px 0px!important;
border-radius:20px;
vertical-align: top!important;
letter-spacing:0.02em;
/* border:1px solid rgba(0,0,0,0.2)!important */
}

@media (min-width: 1px) and (max-width: 991px) {
a.schalter_pdf_voransicht,
a.schalter_pdf_voransicht:link {
display:none;
}	
}

a.schalter_pdf_voransicht:hover {
opacity:0.7;
}


/* Setze die .row auf Flexbox */
/* sichert gleichmäßiges umfliessen der Spalten auch bei längeren Inhalten */
.row-equal-height {
display: flex;
flex-wrap: wrap; /* Damit die Spalten korrekt umbrechen */
}

/* Verhindert, dass Spalten mit unterschiedlichen Höhen hängen bleiben */
.row-equal-height > .col-xs-6, .row-equal-height > .col-md-3 {
display: flex;
flex-direction: column;

}

/* Optional: Um Text innerhalb der Spalten auszurichten */
.row-equal-height > .col-xs-6 > div, .row-equal-height > .col-md-3 > div {
flex-grow: 1;
}



p.headline_immo_show {
display:inline-block;
/* color:#0070b2; */
padding: 6px 10px 8px 0px;
/* background:#f4fafe; */
background:#FFFFFF;
border-radius:1px;
margin-top:0px!important;
margin-bottom:30px!important;
font-weight:500;
border-top:1px solid #d2d1d1;
border-bottom:1px solid #d2d1d1;
border-right:1px solid #d2d1d1;
letter-spacing:2.5px;
text-transform:uppercase;
font-size:17px!important;
/* margin-left:-45px; */
}


.my_immo hr.haarline_trennung_infos {
border: 0;
border-top-width: 0px;
border-top-style: none;
border-top-color: currentcolor;
border-top: 1px solid #d2d1d1!important;
margin-top:-51px;
margin-bottom:60px!important;
}

.my_immo .smart_line_blau {
display:block;
border-bottom: 2px dotted #c2deed!important;
margin: 5px 0 20px;
}

.my_immo .smart_line_gelb {
display:block;
border-bottom: 2px dotted #e3d38d!important;
margin: 5px 0 20px;
}

.my_immo .galeriebild_immo {
float:left;
height:150px!important;
margin:0px 15px 15px 0px;
border-radius:7px;
border:0px solid #FFFFFF;
/*
-webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.3);
-moz-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.3);
box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.3);
*/
}

.my_immo .galeriebild_immo:hover {
opacity:0.8;
}

@media (min-width: 1px) and (max-width: 600px) {
.my_immo .galeriebild_immo {
display:inline-block;
width:100%!important;
height:auto!important;
margin:0px 0px 25px 0px!important;
}
}

@media (min-width: 992px) and (max-width: 4000px) {
.my_immo  .my_cleaner {
display:none;	
}
}

/* rollover Immobox */
.immo_aktive:hover {
	/*
-webkit-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.05);
box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.05);
*/
}


/* ******************** Wohnung des Monats ******************** */

.wohnung_des_monats {
margin:0px 0px 20px 0px;
}

.wohnung_des_monats h2 {
display:inline-block!important;
font-size:35px!important;
/* background-color:#e8f2f9!important; */
padding:10px!important;
font-weight:500!important;
letter-spacing:-1px;
}

.wohnung_des_monats p.claim {
display:inline-block!important;
background-color:#ffd83e!important;
color:#1b1c1e!important;
padding:10px 20px 10px 18px!important;
font-weight:300!important;
font-size:20px!important;
border-radius:25px;
line-height:24px!important;
/* border:1px solid #e2eef5; */
margin-bottom:20px!important;
}

.wohnung_des_monats .zusatztext p {
padding:7px 0px 7px 0px!important;
font-weight:300!important;
font-size:20px!important;
line-height:25px!important;
}