:root {
--bs-border-radius: 0.4rem;
  --bs-border-radius-sm: 0.2rem;
  --bs-border-radius-lg: 0.7rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;

 --bs-primary-rgb: 15, 111, 236;
  --bs-secondary-rgb: 20, 25, 30;
  --bs-success-rgb: 12, 188, 135;
  --bs-info-rgb: 79, 158, 248;
  --bs-warning-rgb: 247, 195, 46;
  --bs-danger-rgb: 214, 41, 62;
}

.col-6 .card-img-top {
    width: 100%;
    object-fit: cover;
    height: 15vw; /* Höhe für Karten in col-6 */
}

.col-4 .card-img-top {
    width: 100%;
    object-fit: cover;
    height: 10vw; /* Höhe für Karten in col-4 */
}

.col-3 .card-img-top {
    width: 100%;
    object-fit: cover;
    height: 8vw; /* Höhe für Karten in col-3 */
}
.list-item {
	background: none!important;
	border-radius: 0!important;
}

.list-item .badge {
	font-size: 1rem!important;
	vertical-align: middle;
}

.img-fluid {
    width:840px;
}

.legal-contents h2 {
  font-size: 1.25rem; /* Beispielgröße */
  color: #333; /* Beispiel-Farbe */
  text-align: left; /* Beispiel-Ausrichtung */
  margin-bottom: 20px; /* Beispiel-Abstand nach unten */
  font-weight: bold; /* Beispiel-Schriftstärke */
}

.closed-badge {
    background: #fbe9eb;
    color: #d8364a;
    padding: 2px 6px;
    border-radius: 4px;
}

.home-search-container {
 background:#fff!important;   
padding:1.5rem!important;
    border-radius:8px;
}


.btn-primary-soft {
  color: #0f6fec;
  background-color: rgba(15, 111, 236, 0.1);
}
.btn-primary-soft:active, .btn-primary-soft:hover, .btn-primary-soft:focus {
  color: #fff !important;
  background-color: #0f6fec !important;
  border-color: #0f6fec !important;
}

.btn-secondary-soft {
  color: #14191e;
  background-color: rgba(20, 25, 30, 0.1);
}
.btn-secondary-soft:active, .btn-secondary-soft:hover, .btn-secondary-soft:focus {
  color: #fff !important;
  background-color: #14191e !important;
  border-color: #14191e !important;
}

.btn-success-soft {
  color: #0cbc87;
  background-color: rgba(12, 188, 135, 0.1);
}
.btn-success-soft:active, .btn-success-soft:hover, .btn-success-soft:focus {
  color: #fff !important;
  background-color: #0cbc87 !important;
  border-color: #0cbc87 !important;
}

.btn-info-soft {
  color: #4f9ef8;
  background-color: rgba(79, 158, 248, 0.1);
}
.btn-info-soft:active, .btn-info-soft:hover, .btn-info-soft:focus {
  color: #fff !important;
  background-color: #4f9ef8 !important;
  border-color: #4f9ef8 !important;
}

.btn-warning-soft {
  color: #f7c32e;
  background-color: rgba(247, 195, 46, 0.1);
}
.btn-warning-soft:active, .btn-warning-soft:hover, .btn-warning-soft:focus {
  color: #000 !important;
  background-color: #f7c32e !important;
  border-color: #f7c32e !important;
}

.btn-danger-soft {
  color: #d6293e;
  background-color: rgba(214, 41, 62, 0.1);
}
.btn-danger-soft:active, .btn-danger-soft:hover, .btn-danger-soft:focus {
  color: #fff !important;
  background-color: #d6293e !important;
  border-color: #d6293e !important;
}

.btn-light-soft {
  color: #eef0f2;
  background-color: rgba(238, 240, 242, 0.1);
}
.btn-light-soft:active, .btn-light-soft:hover, .btn-light-soft:focus {
  color: #000 !important;
  background-color: #eef0f2 !important;
  border-color: #eef0f2 !important;
}

.btn-dark-soft {
  color: #14191e;
  background-color: rgba(20, 25, 30, 0.1);
}
.btn-dark-soft:active, .btn-dark-soft:hover, .btn-dark-soft:focus {
  color: #fff !important;
  background-color: #14191e !important;
  border-color: #14191e !important;
}

.btn-primary-soft-hover:hover:hover {
  color: #0f6fec !important;
  background-color: rgba(15, 111, 236, 0.1);
}

.btn-secondary-soft-hover:hover:hover {
  color: #14191e !important;
  background-color: rgba(20, 25, 30, 0.1);
}

.btn-success-soft-hover:hover:hover {
  color: #0cbc87 !important;
  background-color: rgba(12, 188, 135, 0.1);
}

.btn-info-soft-hover:hover:hover {
  color: #4f9ef8 !important;
  background-color: rgba(79, 158, 248, 0.1);
}

.btn-warning-soft-hover:hover:hover {
  color: #f7c32e !important;
  background-color: rgba(247, 195, 46, 0.1);
}

.btn-danger-soft-hover:hover:hover {
  color: #d6293e !important;
  background-color: rgba(214, 41, 62, 0.1);
}

.btn-light-soft-hover:hover:hover {
  color: #eef0f2 !important;
  background-color: rgba(238, 240, 242, 0.1);
}

.btn-dark-soft-hover:hover:hover {
  color: #14191e !important;
  background-color: rgba(20, 25, 30, 0.1);
}

.badge {
  --bs-badge-padding-x: 0.65em;
  --bs-badge-padding-y: 0.35em;
  --bs-badge-font-size: 0.85em;
  --bs-badge-font-weight: 400;
  --bs-badge-color: #fff;
  --bs-badge-border-radius: var(--bs-border-radius);
  display: inline-block;
  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
  font-size: var(--bs-badge-font-size);
  font-weight: var(--bs-badge-font-weight);
  line-height: 1;
  color: var(--bs-badge-color);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: var(--bs-badge-border-radius);
}
.badge:empty {
  display: none;
}



.text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}

.text-secondary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}

.text-success {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}

.text-info {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}

.text-warning {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}

.text-danger {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}





.bg-primary {
  --bs-bg-opacity-soft: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity-soft)) !important;
}
.bg-primary-soft {
  --bs-bg-opacity-soft: 0.1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity-soft)) !important;
}

.bg-secondary {
  --bs-bg-opacity-soft: 1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity-soft)) !important;
}
.bg-secondary-soft {
  --bs-bg-opacity-soft: 0.1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity-soft)) !important;
}

.bg-light-soft {
  --bs-bg-opacity-soft: 0.1;
  background-color: rgba(225,228,230,1), var(--bs-bg-opacity-soft)) !important;
}

.bg-success {
  --bs-bg-opacity-soft: 1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity-soft)) !important;
}
.bg-success-soft {
  --bs-bg-opacity-soft: 0.1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity-soft)) !important;
}

.bg-info {
  --bs-bg-opacity-soft: 0.1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity-soft)) !important;
}

.bg-danger {
  --bs-bg-opacity-soft: 1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity-soft)) !important;
}
.bg-danger-soft {
  --bs-bg-opacity-soft: 0.1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity-soft)) !important;
}
.bg-warning {
  --bs-bg-opacity-soft: 0.1;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity-soft)) !important;
}
.bg-success {
  --bs-bg-opacity-soft: 0.1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity-soft)) !important;
}

.bg-new {
  --bs-bg-opacity: 1;
  background-color: var(--kdb-red);
}

.badge-corporate {
            background-color: #dd3333!important;
            color: #fff;
        }

@media (min-width: 1200px) {
  .home-search-container {
    width: 66.66666667%;
      margin:auto;
  }
}

.form-control {
	border: 1px solid #ced4da;
}

/* general select2 */
.select2-container--default .select2-selection--single,
#edit-listing-form .select2-container--default .select2-selection--single,
#create-listing-form .select2-container--default .select2-selection--single {
	background-clip: padding-box;
	background-color: #fff;
	border-radius: .25rem;
	border: 1px solid #ced4da!important;
	color: #323537;
	display: block;
	font-size: 1rem;
	height: calc(2.25rem + 2px);
	line-height: 1.5;
	padding: .375rem .75rem;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	width: 100%;
}

.post-content p a {
  /* Deine Styles hier */
  color: var(--kdb-red);
  text-decoration: none;
    font-weight:600!important;
}

.post-content p a:hover {
  /* Deine Styles hier */
  text-decoration: underline;
    font-weight:900!important;
}

.post-content h1 {
  font-size: 1.8rem; /* kleinere Größe für h1 */
}

.post-content h2 {
  font-size: 1.5rem; /* kleinere Größe für h2 */
}

.post-content h3 {
  font-size: 1.2rem; /* kleinere Größe für h3 */
}

/* Optional: Einheitliches Styling für alle headings innerhalb von .post-content */
.post-content h1, 
.post-content h2, 
.post-content h3, 
.post-content h4, 
.post-content h5, 
.post-content h6 {
    margin-top:1.8rem;
  margin-bottom: 0.5em; /* Anpassung des Abstands */
  color: #333; /* Anpassung der Farbe */
}


@media (prefers-color-scheme: dark) {
    
    ::placeholder {color:#bfc0c9!important}
    
    .card-header {background:none!important}

    .home-search-container {
 background:#0f0f10!important;   
        color:#fff!important
}
    
    .content-card .card .card-header {
        background-color:#141519!important
    }
    
    .legal-contents h2 {
  font-size: 1.25rem; /* Beispielgröße */
  color: #fff; /* Beispiel-Farbe */
  text-align: left; /* Beispiel-Ausrichtung */
  margin-bottom: 20px; /* Beispiel-Abstand nach unten */
  font-weight: bold; /* Beispiel-Schriftstärke */
}
   .closed-badge {
    background: #28171c;
    color: #c9273b;
    padding: 2px 6px;
    border-radius: 4px;
} 
  
    li.list-group-item.sidebar-highlighted-1 {
        background: #141519;
        border-left: 3px solid #b23a34;
    
} 
    
    .card-footer:last-child {
    border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px);
        background-color:#141519!important
}
    .p-3 {
    background: rgba(15,15,16,0.5)!important;
}
    
    .dropdown-menu {
        background-color:#0f0f10;
    }
        a.dropdown-menu:link {
        color:#c5c6cc;
    }
       a.dropdown-menu:hover {
           background-color:#0f0f10;
        color:#fff;
    }
    
    .dropdown-item:focus, .dropdown-item:hover {
    background-color:#0f0f10;
        color:#fff!important;
}
    
    .dropdown-divider {border-color:rgba(255,255,255,0.07)}
     .card-footer {border-color:rgba(255,255,255,0.07)}
    .btn-light {background-color:#202227;color:#a1a1a8;border-color:#202227!important}
    .btn-light:hover {background-color:#202227;color:#fff;border-color:#202227!important}
    
    .ad-space {border-color:#202227!important}
    
    
    input[type="text"],
    input[type="email"],
    input[type="password"],
    input[type="number"],
    input[type="search"],
    input[type="tel"],
    input[type="url"],
    input[type="date"],
    input[type="datetime-local"],
    input[type="month"],
    input[type="week"],
    input[type="time"],
    input[type="color"],
    textarea,
    select {
        background-color: #191a1f!important; /* Dunkler Hintergrund für Input-Felder */
        color: #fff!important; /* Helle Schriftfarbe */
        border: 1px solid #313235!important; /* Dunklere Randfarbe */
    }
    
    input::placeholder,
textarea::placeholder {
    color: #bfc0c9; /* Farbe des Placeholder-Textes */
    opacity: 1; /* Vollständige Deckkraft, da einige Browser den Placeholder transparent anzeigen */
}
    
    .select2-dropdown {background-color: #191a1f!important; /* Dunkler Hintergrund für Input-Felder */
        color: #fff!important; /* Helle Schriftfarbe */
        border: 1px solid #555!important; /* Dunklere Randfarbe */}
    
    input-group-prepend {background-color: #313235!important; /* Dunkler Hintergrund für Input-Felder */
        color: #fff!important; /* Helle Schriftfarbe */
        border: 1px solid #313235!important; /* Dunklere Randfarbe */}
    
    
    select2-container--default .select2-selection--single, .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--single {
        background-color: #191a1f!important;
        border: 1px solid #313235!important;
        color: #fff!important;
    }
    
    .bg-home-search {   background-color: #191a1f!important;
        border: 1px solid #313235!important;
        color: #bfc0c9!important;}
    
    .badge-corporate {
            background-color: #b23a34!important;
            color: #fff;
        }
    
    
    .post-content p a {
  /* Deine Styles hier */
  color: var(--kdb-red);
}
    
    
}