/* Grundzustand */
.bereich_text-kachel {
    transition: all 0.3s ease;
}

/* Text standardmäßig verstecken */
.bereich_text-kachel .bereich-text {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.3s ease;
}

/* Hover auf die gesamte Kachel */
.bereich-kachel:hover .bereich-text {
    max-height: 500px; /* ausreichend groß wählen */
    opacity: 1;
}

.job-standort {
    display:inline;
    background:var( --e-global-color-primary );
    color:#FFF;
    font-size:60%;
    font-weight:bold;
    padding:0.25rem;
    border-radius:5px;
    margin-right:0.5rem;
}

.job-anstellungsart {
    display:inline;
    background:var( --e-global-color-secondary );
    color:#FFF;
    font-size:60%;
    font-weight:bold;
    padding:0.25rem;
    border-radius:5px;
    margin-right:0.5rem;
}

.e-filter-item[data-filter="allgemein"] {
	display: none !important;
}

.backdrop-blur {
backdrop-filter: blur(15px) !important;
-webkit-backdrop-filter: blur(15px) !important;
}

.job_list_drk ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	gap: 0.75rem;
}

.job_list_drk li {
	position: relative;
	margin: 0;
	padding: 1rem 1rem 1rem 1.25rem;
	background: #ffffff;
	border: 1px solid rgba(15, 23, 42, 0.08);
	border-radius: 14px;
	box-shadow: 0 6px 18px rgba(15, 23, 42, 0.04);
	line-height: 1.55;
	color: #1f2937;
	transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
	overflow: hidden;
}

.job_list_drk li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 0px;
	background: #e30613;
}

.job_list_drk li::after {
	content: "";
	position: absolute;
	left: 0.85rem;
	top: 1.6rem;
	width: 0.45rem;
	height: 0.45rem;
	background: #e30613;
	border-radius: 2px;
}

.job_list_drk li {
	padding-left: 1.9rem;
}

.job_list_drk li:hover {
	transform: translateY(-2px);
	box-shadow: 0 6px 18px rgba(15, 23, 42, 0.05);
	border-color: rgba(227, 6, 19, 0.0);
}

@media (max-width: 767px) {
	.job_list_drk ul {
		gap: 0.6rem;
	}

	.job_list_drk li {
		padding: 0.9rem 0.85rem 0.9rem 1.65rem;
		border-radius: 12px;
		line-height: 1.6;
		font-size: 0.97rem;
		box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04);
	}

	.job_list_drk li::before {
		width: 0px;
	}

	.job_list_drk li::after {
		left: 0.72rem;
		top: 1.5rem;
		width: 0.4rem;
		height: 0.4rem;
	}
    
    .job-post-count-bubble {

  top: -5px !important;
          right: -17px !important;

 transform:scale(0.75)
}
    
}

.job-post-count-bubble {
  display: block;
  background: var( --e-global-color-accent );
  color: #FFF;
  position: absolute;
  width: 20px;
  height: 20px;
  top: -15px;
  right: -10px;
  font-size: 75%;
  font-weight: 900;
  text-align: center;
  border-radius: 15px;
}