.homy-image {
	background-size: cover !important;
	background-position: center !important;
}

#content .job_listing-logo img, #content .resume-logo img {
	object-fit: contain;
}
.col-md-2.type::before, .col-md-3.type::before {
	display: none !important;
}
.col-md-6.mixed.job.job_listing .col-md-2.type,.col-md-6.mixed.job.job_listing .col-md-3.type {
	font: 900 12px/12px "Roboto", sans-serif;
}

.homecats li { line-height: 1.3em !important; }

.user_menu > a:hover {
	color: #e59624 !important;
}

.user_menu .dropdown-menu a:hover {
	color: #e59624 !important;
}
@media only screen and (min-width: 984px) {
	ol.steps li span {
		height: 60px !important;
		display: inline-flex !important;
		align-items: center;
		width: 100%;
		justify-content: center;
	}
}

#main-menu .nav-menu {
	margin-top: 20px !important;
}

.headmenu.fixed {
	top: 50px !important;
	padding-top: 10px;
	padding-bottom: 10px;
}
.headmenu.fixed #main-menu .nav-menu {
	margin-top: 35px !important; 
}

#radius {
	height: 45px !important;
	padding-left: 30px;
	width: 100%;
	font-size: 16px;
}
/*
@media only screen and (max-width: 1182px) and (min-width: 924px) {
	#menu-wrapper {
		margin-left: 15px !important; 
	}
} */

.attachment-jobboard-company-portfolio {
	object-fit: contain !important;
}

.job_listing-logo {
	background: #fff !important;
}

h2 i {
	margin-right: 6px; 
}
/* ------------------------------------------------------------------
   Startseite: Kategorien-Uebersicht (spaltenweise, Pfeile, Hover)
   Nur ab Tablet-Breite - auf dem Handy bleibt die bisherige
   zweispaltige Ansicht (aus dem Customizer-CSS) unveraendert.
   ------------------------------------------------------------------ */
@media (min-width: 768px) {
	#content .categories-list {
		padding: 22px 26px 18px !important;
		border-radius: 8px;
	}
	#content .categories-list ul.homecats {
		display: block !important;
		column-count: 4;
		column-gap: 12px;
		list-style: none;
		margin: 10px 0 0 !important;
		padding: 0 !important;
		width: auto !important;
	}
	#content .categories-list ul.homecats li {
		display: block;
		break-inside: avoid;
		float: none !important;
		width: auto !important;
		padding: 0 !important;
		margin: 0 !important;
		border: 0 !important;
		background: none !important;
		line-height: 1.3 !important;
	}
	#content .categories-list ul.homecats li a {
		display: block !important;
		position: relative;
		min-height: 0;
		padding: 8px 6px 8px 22px !important;
		border-radius: 6px;
		color: #243d4f !important;
		font-size: 14px !important;
		font-weight: 600 !important;
		line-height: 1.3 !important;
		text-decoration: none !important;
		transition: background .15s, color .15s, box-shadow .15s;
	}
	#content .categories-list ul.homecats li a::before {
		content: "";
		position: absolute;
		left: 8px;
		top: 50%;
		width: 6px;
		height: 6px;
		margin-top: -4px;
		border-right: 2px solid #3b5998;
		border-top: 2px solid #3b5998;
		transform: rotate(45deg);
		transition: left .15s, border-color .15s;
	}
	#content .categories-list ul.homecats li a:hover,
	#content .categories-list ul.homecats li a:focus {
		background: #fff;
		color: #0a6dad !important;
		box-shadow: 0 1px 4px rgba(0, 0, 0, .08);
	}
	#content .categories-list ul.homecats li a:hover::before,
	#content .categories-list ul.homecats li a:focus::before {
		left: 11px;
		border-color: #0a6dad;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	#content .categories-list ul.homecats { column-count: 2; }
}
/* Handy: bisherige zweispaltige Optik (Trennlinien, blaue Schrift),
   aber spaltenweise sortiert und mit Pfeil davor */
@media (max-width: 767px) {
	#content .categories-list ul.homecats {
		display: block !important;
		column-count: 2;
		column-gap: 16px;
	}
	#content .categories-list ul.homecats li {
		display: block;
		break-inside: avoid;
		-webkit-column-break-inside: avoid;
	}
	#content .categories-list ul.homecats li a {
		position: relative;
		padding: 8px 0 8px 14px !important;
	}
	#content .categories-list ul.homecats li a::before {
		content: "";
		position: absolute;
		left: 1px;
		top: 16px;
		width: 5px;
		height: 5px;
		margin-top: -3px;
		border-right: 2px solid #3b5998;
		border-top: 2px solid #3b5998;
		transform: rotate(45deg);
	}
}

/* ------------------------------------------------------------------
   Startseite: Kategorien-Box farblich an den neuen Kopfbereich
   (Header 2026) angepasst – hellblau-grau statt Creme, Markenblau
   ------------------------------------------------------------------ */
#content .categories-list{background:#F4F6FA !important;border:1px solid #E3E8F0 !important;border-radius:16px !important;box-shadow:none !important}
#content .categories-list h2{color:#18202C !important}
#content .categories-list h2:after{background:#1F3A6E !important}
#content .categories-list ul.homecats li a{color:#1F3A6E !important}
#content .categories-list ul.homecats li a::before{border-color:#1F3A6E !important}
@media (min-width:768px){
	#content .categories-list{padding:28px 32px 24px !important}
	#content .categories-list ul.homecats li a:hover,
	#content .categories-list ul.homecats li a:focus{background:#fff !important;color:#142849 !important;box-shadow:0 2px 8px rgba(16,28,56,.08) !important}
	#content .categories-list ul.homecats li a:hover::before,
	#content .categories-list ul.homecats li a:focus::before{border-color:#142849 !important}
}
@media (max-width:767px){
	#content .categories-list ul.homecats li{border-bottom-color:#E3E8F0 !important}
}