.ir-immobilien-uebersicht {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; /* Abstand zwischen den Kacheln */
	margin-left:5px;
}

.ast-article-single{
	padding:60px 0 !important;
}

/* Für ein 2er-Grid */
.ir-immobilien-uebersicht.two-columns .ir-immobilie {
    flex: 0 0 48%; /* 100% / 2 - gap */
}

/* Für ein 3er-Grid */
.ir-immobilien-uebersicht.three-columns .ir-immobilie {
    flex: 0 0 32%; /* 100% / 3 - gap */
}

/* Für ein 4er-Grid */
.ir-immobilien-uebersicht.four-columns .ir-immobilie {
    flex: 0 0 23%; /* 100% / 4 - gap */
}

.ir-immobilie {
    border: 1px solid #ccc; /* Beispielrahmen */
    padding: 10px;
    box-sizing: border-box;
}

.immobilien-grundriss-image {
    max-width: 33%;
    padding:15px;
	cursor: pointer; /* Zeigt an, dass das Bild klickbar ist */
    transition: transform 0.3s ease;
}

.immobilien-grundriss-image:hover {
    transform: scale(1.05); /* Leichtes Zoom beim Hover */
}

.ir-immobilie p.read-more a{
border: 1px solid #000 !important;
  padding: 7px 22px;
  border-radius: 30px;
}

.ir-immobilie .teaserpicture {
  width: 100%;
  max-height: 190px;
  overflow: hidden;
  position:relative;
}

.ir-immobilie h3{
	font-size:1.2rem;
	margin-top:15px;
}



.ir-immobilie h3 a{
color: rgb(26, 26, 26);
text-transform: none;
}

.ir-immobilie p, .ir-slick-slide .ir-slide-content p {
	display: flex;
    align-items: center; /* Zentriert die Inhalte vertikal */
    margin-bottom: 5px; /* Fügt Abstand zwischen den Zeilen hinzu */
}

.ir-immobilie p span:first-child, .ir-slick-slide .ir-slide-content p span:first-child {
    flex-basis: 150px; /* Stellt die Basisbreite des ersten <span> ein */
    flex-shrink: 0; /* Verhindert, dass der Beschriftungs-<span> schrumpft */
    /* font-weight: bold; Optional: macht die Beschriftung fett */
}

.ir-immobilie p span:nth-child(2), .ir-slick-slide .ir-slide-content p span:nth-child(2) {
    flex-grow: 1; /* Erlaubt dem Inhalt, den verbleibenden Platz zu füllen */
    text-align: left; /* Optional: richtet den Text rechts aus */
}


.ir-immobilie p a{
	color: rgb(26,26,26);
	font-weight:normal;
	display:inline-block;
	margin-top:15px;
	transition:0.5s all;
}

.ir-immobilie p a:hover{
	text-decoration:underline;
}



.single-post-immobilie{
	width:100%;
}

.single-post-immobilie .header-slider .slick-slide{
	padding:5px;
}

.single-post-immobilie .header-slider{
	position: relative;
    min-height: 200px; /* Mindesthöhe, anpassbar je nach Bedarf */
}

.single-post-immobilie  .spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.5em;
    color: #555;
    display: block;
}

.single-post-immobilie{
	margin:120px 0;
	
}

.single-post-immobilie h1{
	font-size:2rem;
	margin-top:30px;
	line-height: 2.5rem;
	text-transform: none; 
}


.single-post-immobilie {
    display: flex;
    flex-wrap: wrap; 
    max-width: 1200px; /* Oder eine andere Breite nach deinem Design */
	margin:120px auto !important;
}

.single-post-immobilie > .col-6 {
    flex: 0 0 50%; /* Nimmt 50% der Breite des Elternelements ein */
    max-width: 50%; /* Verhindert, dass die Box breiter als 50% wird */
    padding: 15px; /* Ein bisschen Abstand um den Inhalt */
    box-sizing: border-box; /* Stellt sicher, dass Padding und Border in die Breite inkludiert sind */
}

.single-post-immobilie > .col-12 {
    flex: 0 0 100%; /* Nimmt 100% der Breite des Elternelements ein */
    max-width: 100%; /* Verhindert, dass die Box breiter als 100% wird */
    padding: 15px; /* Ein bisschen Abstand um den Inhalt */
    box-sizing: border-box; /* Stellt sicher, dass Padding und Border in die Breite inkludiert sind */
}

.single-post-immobilie .header-slider .slick-list{
	max-height: 385px;
}

.header-slider .slick-slide img {
    width: 100%; /* Stellt sicher, dass Bilder innerhalb der Slides responsiv sind */
    height: auto; /* Erhält das Seitenverhältnis der Bilder */
}

.immobilien-details{
	border:1px solid #ddd;
	margin-top:15px;
}

.immobilien-details .immobilien-panel-headline {
    font-size: 1.2rem; /* Beispiel für eine Schriftgrößenanpassung */
    margin-bottom: 10px; /* Abstand unterhalb der Überschrift */
	background-color: #f5f5f5;
	border:1px solid #ddd;
	padding:8px 15px;
	position:relative;
}

.immobilien-details .immobilien-panel-content p{
	display: flex;
    align-items: center; /* Zentriert die Inhalte vertikal */
    margin-bottom: 5px; /* Fügt Abstand zwischen den Zeilen hinzu */
}

.immobilien-details .immobilien-panel-content p a{
	color: rgb(141, 141, 141);
}

.immobilien-details .immobilien-panel-content p button{
  padding: 7px;
  width: 100%;
  font-size: 1rem;
}

.immobilien-panel-content p span:first-child {
    flex-basis: 250px; /* Stellt die Basisbreite des ersten <span> ein */
    flex-shrink: 0; /* Verhindert, dass der Beschriftungs-<span> schrumpft */
    /*font-weight: bold;  Optional: macht die Beschriftung fett */
}

.immobilien-panel-content p span:nth-child(2) {
    flex-grow: 1; /* Erlaubt dem Inhalt, den verbleibenden Platz zu füllen */
    text-align: left; /* Optional: richtet den Text rechts aus */
}

.immobilien-details .immobilien-panel-content p, .immobilien-details .immobilien-panel-content h3, .immobilien-details .immobilien-panel-content h4, .immobilien-details .immobilien-panel-content h5 {
    margin-bottom: 0px; /* Abstand zwischen den Absätzen */
	padding:5px 15px;
}

.immobilien-details .immobilien-panel-content p:last-child{
	margin-bottom:15px;
}

.single-post-immobilie .slick-arrow{
	background:transparent;
} 

.single-post-immobilie .slick-prev:hover, .single-post-immobilie .slick-next:hover{
	background:transparent;
}

.single-post-immobilie .slick-prev::before, .single-post-immobilie .slick-next::before {
  color:black;
}


.ir-contact-form {
    max-width: 100%; /* oder 100%, abhängig von deinem Layout */
    margin: auto;
    padding: 1rem;
    background-color: transparent; /* Hintergrundfarbe */
}

.ir-contact-form .form-row {
    display: flex;
    margin-bottom: 1rem;
}

.ir-contact-form .form-group {
    flex: 1; /* Felder nehmen verfügbaren Platz ein */
    margin-right: 1rem; /* Abstand zwischen den Feldern */
}

.ir-contact-form .form-group label {
    display: block; /* Label über dem Inputfeld */
    margin-bottom: 0.5rem;
}


.ir-contact-form .form-group.col-4 {
    flex: 0 0 33.3%; /* Nimmt 50% der Breite des Elternelements ein */
    max-width: 33.3%; /* Verhindert, dass die Box breiter als 50% wird */
    padding: 5px 15px;/* Ein bisschen Abstand um den Inhalt */
    box-sizing: border-box; /* Stellt sicher, dass Padding und Border in die Breite inkludiert sind */
}

.ir-contact-form .form-group.col-6 {
    flex: 0 0 50%; /* Nimmt 50% der Breite des Elternelements ein */
    max-width: 50%; /* Verhindert, dass die Box breiter als 50% wird */
    padding: 5px 15px; /* Ein bisschen Abstand um den Inhalt */
    box-sizing: border-box; /* Stellt sicher, dass Padding und Border in die Breite inkludiert sind */
}

.ir-contact-form .form-group.col-8 {
    flex: 0 0 66.6%; /* Nimmt 50% der Breite des Elternelements ein */
    max-width: 66.6%; /* Verhindert, dass die Box breiter als 50% wird */
    padding: 5px 15px; /* Ein bisschen Abstand um den Inhalt */
    box-sizing: border-box; /* Stellt sicher, dass Padding und Border in die Breite inkludiert sind */
}

.ir-contact-form .form-group.col-12 {
    flex: 0 0 100%; /* Nimmt 50% der Breite des Elternelements ein */
    max-width: 100%; /* Verhindert, dass die Box breiter als 50% wird */
    padding: 5px 15px; /* Ein bisschen Abstand um den Inhalt */
    box-sizing: border-box; /* Stellt sicher, dass Padding und Border in die Breite inkludiert sind */
}

.ir-contact-form .form-control {
    width: 100%; /* Felder nehmen verfügbaren Platz ein */
    padding: 0.375rem 0.75rem;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    line-height: 1.5;
}

.ir-contact-form .btn-primary {
    padding: 7px 15px;
  font-size: 1.1rem;
    margin-left:15px;
}

.ir-contact-form .btn-primary:hover {
 
 
  
}

.ir-immobilien-pagination-container {
    text-align: center;
    margin-top: 20px;
}


.ir-contact-form .form-group.label{
	padding:0 15px;
	margin-top:15px;
}

.ir-contact-form .form-group.label label{
font-weight:bold;	
}


.immobilien-panel-content.accordion {
   /* display: none; */
}

.immobilien-details.contact-panel .immobilien-panel-headline{
background-color: rgb(26, 26, 26);
color:white;
}

.accordion-toggle {
    cursor: pointer;
    display: inline-block;
    transition: transform 0.3s ease; /* Weiche Animation für das Drehen des Pfeils */
	position:absolute;
	right:10px;
	top:10px;
	
}

.accordion-toggle.active .chevron-down {
    transform: rotate(180deg); /* Dreht den Pfeil um, wenn das Panel aktiv ist */
}

/* Stile für Checkboxen und Radiobuttons entsprechend anpassen */

/* Allgemeiner Container für die Sortierung */
.sortierungen {
    text-align: right; /* Rechtsbündige Ausrichtung des Formulars */
    margin: 20px 40px; /* Außenabstand, damit es nicht am Rand klebt */
}

/* Styling für das Formular und die Select-Box */
.sortierungen form {
    display: inline-block; /* Stellt sicher, dass das Formular nicht die ganze Breite einnimmt */
}

/* Styling für die Dropdown-Liste */
.sortierungen select {
    padding: 5px 10px; /* Innenabstand für bessere Lesbarkeit und Griffigkeit */
    margin-left: 5px; /* Abstand zwischen Label und Select-Box */
    cursor: pointer; /* Cursor-Stil ändern, um Interaktivität zu signalisieren */
    border: 1px solid #ccc; /* Leichte Umrandung für das Feld */
    border-radius: 5px; /* Abgerundete Ecken für moderneres Aussehen */
    transition: all 0.3s ease; /* Glatte Übergänge bei Stiländerungen */
}

.sortierungen select[name='objekttyp']{
	margin-right:30px;
}

/* Hover- und Fokus-Stile für die Dropdown-Liste */
.sortierungen select:hover, .sortierungen select:focus {
    border-color: #888; /* Dunklere Umrandung beim Überfahren oder Fokussieren */
    box-shadow: 0 2px 8px rgba(0,0,0,0.2); /* Stärkerer Schatten für hervorgehobene Interaktion */
}

/* Option-Elemente innerhalb der Select-Box */
.sortierungen option {
    padding: 5px; /* Innenabstand für jede Option */
}

/* Responsives Verhalten */
@media (max-width: 600px) {
    .sortierungen {
        text-align: center; /* Zentriere das Formular auf kleineren Bildschirmen */
        margin-top: 10px; /* Geringerer Abstand oben auf kleineren Bildschirmen */
    }
}


@media screen and (max-width:1024px){
	.single-post-immobilie > .col-6 {
  flex: 100%;
  max-width: 100%;
}
	
}


@media screen and (max-width:650px){
.immobilien-details .immobilien-panel-content p{
	display: block;
    
}


.ir-immobilien-uebersicht {
  display: block;
  margin-left: 0;
  
}

.ir-immobilien-uebersicht .ir-immobilie{
	margin-bottom:15px;
}

.ir-immobilie p, .ir-slick-slide .ir-slide-content p {
display: block !important;
}

.page-id-25962 #primary{
	padding-left:5px !important;
	padding-right:5px !important;
}



}