/* 
Theme Name: MB (Hello Elementor Child)
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.1.3
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

body,
.site {
	background-color: #c5c5c5;
	background-image: url("/wp-content/uploads/2026/09/brushed-alum-dark.png");
	background-repeat: repeat;
}

/* Footer: Name links, Legal-Links rechts — immer sichtbar */
.site-footer,
.elementor-location-footer,
.nn-footer,
.nn-footer .e-con-inner,
.nn-footer-left,
.nn-footer-right {
	overflow: visible !important;
}

.nn-footer .e-con-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 0 12px;
}

.nn-footer-left,
.nn-footer-right {
	width: auto !important;
	max-width: 100%;
	flex: 0 1 auto !important;
}

.nn-footer-menu {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
	list-style: none;
	margin: 0;
	padding: 0;
}

.nn-footer-menu li {
	margin: 0;
	padding: 0;
}

.nn-footer-menu a {
	display: inline-block;
	color: #6a7687;
	font-family: "Open Sans", sans-serif;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.2;
	text-transform: uppercase;
	text-decoration: none;
	padding: 15px 8px;
}

.nn-footer-menu a:hover,
.nn-footer-menu a:focus {
	color: #1e5190;
}

@media (max-width: 767px) {
	.nn-footer-left,
	.nn-footer-right {
		width: 100% !important;
		text-align: center;
	}

	.nn-footer-menu {
		justify-content: center;
	}

	.nn-footer-menu a {
		padding: 5px 8px;
	}
}

/* Start: Buttonleiste Jobbörse / Über uns / Fragen */
.nn-buttonleiste,
.nn-buttonleiste-inner,
.nn-cta-wrap {
	overflow: visible !important;
}

.nn-cta-wrap {
	position: relative;
}

.nn-cta-wrap-jobs {
	z-index: 6;
}

.nn-cta-wrap-about {
	z-index: 4;
}

.nn-cta-wrap-contact {
	z-index: 2;
}

.nn-buttonleiste .elementor-button {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	height: 50px;
	border-radius: 0 !important;
	font-family: "Chivo", sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1;
	text-transform: uppercase;
	text-align: left;
	padding: 0 15px;
	transition: padding-left 0.25s ease-out;
}

.nn-buttonleiste .elementor-button-content-wrapper,
.nn-buttonleiste .elementor-button-text {
	display: flex;
	align-items: center;
	line-height: 1;
	margin: 0;
}

.nn-buttonleiste .elementor-button::after {
	content: "";
	position: absolute;
	top: 0;
	right: -21px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 25px 0 25px 21px;
}

.nn-cta-jobs .elementor-button::after {
	border-color: transparent transparent transparent #1e5190;
}

.nn-cta-about .elementor-button {
	padding-left: 36px;
}

.nn-cta-about .elementor-button::after {
	border-color: transparent transparent transparent #2b75cf;
}

.nn-cta-contact .elementor-button {
	padding-left: 36px;
}

.nn-cta-contact .elementor-button::after {
	border-color: transparent transparent transparent #689ddf;
}

.nn-cta-jobs .elementor-button:hover,
.nn-cta-jobs .elementor-button:focus {
	padding-left: 38px;
}

.nn-cta-about .elementor-button:hover,
.nn-cta-about .elementor-button:focus,
.nn-cta-contact .elementor-button:hover,
.nn-cta-contact .elementor-button:focus {
	padding-left: 61px;
}

@media (max-width: 767px) {
	.nn-cta-wrap {
		margin-top: 10px;
	}

	.nn-cta-wrap-jobs {
		margin-top: 0;
	}

	.nn-cta-about .elementor-button,
	.nn-cta-contact .elementor-button {
		padding-left: 21px;
	}

	.nn-cta-about .elementor-button:hover,
	.nn-cta-about .elementor-button:focus,
	.nn-cta-contact .elementor-button:hover,
	.nn-cta-contact .elementor-button:focus {
		padding-left: 38px;
	}
}
.nn-buttonleiste-inner > .e-con-inner {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	overflow: visible;
}

.nn-buttonleiste-inner > .e-con-inner > .nn-cta-wrap {
	width: 33.333% !important;
	flex: 0 0 33.333%;
	max-width: 33.333%;
}

.nn-footer-links,
.nn-footer-links .elementor-widget-container {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	overflow: visible !important;
	height: auto !important;
	width: auto !important;
}

@media (max-width: 767px) {
	.nn-buttonleiste-inner > .e-con-inner {
		flex-direction: column;
	}

	.nn-buttonleiste-inner > .e-con-inner > .nn-cta-wrap {
		width: 100% !important;
		flex: 0 0 auto;
		max-width: 100%;
	}
}
/* Teaser Bewerber/Unternehmer: Foto füllt die Kachel kantenbündig */
.nn-home-banner-in > .e-con-inner {
	align-items: stretch !important;
}
.nn-teasers {
	overflow: visible !important;
	align-self: stretch !important;
	justify-content: flex-start !important;
	min-height: 580px !important;
}
.nn-teaser {
	position: relative !important;
	overflow: hidden !important;
	flex: 1 1 0 !important;
	min-height: 243px !important;
	background-color: transparent !important;
	background-image: none !important;
}
.nn-teaser-bewerber::after,
.nn-teaser-unternehmer::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
}
.nn-teaser-bewerber::after {
	background-image: url("/wp-content/uploads/2026/09/bewerber-foto-startseite.png");
}
.nn-teaser-unternehmer::after {
	background-image: url("/wp-content/uploads/2026/09/unternehmer-titelbild-startseite.png");
}
.nn-teaser-photo {
	position: absolute !important;
	top: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	z-index: 0 !important;
	pointer-events: none;
}
.nn-teaser-photo .elementor-widget-container,
.nn-teaser-photo img {
	width: 100% !important;
	height: 100% !important;
	max-width: none !important;
	object-fit: cover !important;
	object-position: center top !important;
	display: block !important;
}
/* H1: "Willkommen bei" in Versalien, Markenname normal */
.nn-welcome-title .elementor-heading-title strong {
	text-transform: none !important;
	color: #1e5190;
	font-weight: 700;
}
/* Hauptnavigation */
.nn-mainnav-wrap {
	border-top: 1px solid #dbdbdb;
}
.nn-mainnav .elementor-nav-menu--main .elementor-item {
	font-family: "Open Sans", sans-serif !important;
	font-size: 15px !important;
	font-weight: 400 !important;
	text-transform: uppercase !important;
	color: #6a7687 !important;
	border-left: 1px solid #dbdbdb;
}
.nn-mainnav .elementor-nav-menu--main .elementor-item:hover,
.nn-mainnav .elementor-nav-menu--main .elementor-item:focus,
.nn-mainnav .elementor-nav-menu--main .elementor-item.elementor-item-active {
	background-color: #1e5190 !important;
	color: #fff !important;
}
@media (max-width: 1024px) {
	.nn-mainnav-wrap {
		justify-content: flex-end;
		padding-bottom: 8px;
	}
}
/* Footer-Links immer sichtbar */
.nn-footer .e-con-inner { display:flex !important; flex-direction:row !important; flex-wrap:wrap !important; align-items:center !important; justify-content:space-between !important; overflow:visible !important; width:100% !important; }
.nn-footer-left { flex:0 1 auto !important; width:auto !important; max-width:100% !important; }
.nn-footer-right { flex:1 1 auto !important; width:auto !important; min-width:240px !important; max-width:100% !important; overflow:visible !important; }
.nn-footer-nav, .nn-footer-nav .elementor-nav-menu--main, .nn-footer-nav .elementor-nav-menu { display:flex !important; flex-wrap:wrap !important; justify-content:flex-end !important; visibility:visible !important; opacity:1 !important; height:auto !important; overflow:visible !important; }
.nn-footer-nav .elementor-item { display:inline-block !important; color:#6a7687 !important; font-family:"Open Sans",sans-serif !important; font-size:13px !important; font-weight:400 !important; text-transform:uppercase !important; visibility:visible !important; opacity:1 !important; }
.nn-footer-nav .elementor-item:hover { color:#1e5190 !important; background:transparent !important; }
.nn-teaser::before { top:auto !important; bottom:0 !important; height:38px !important; }
.nn-teaser { justify-content:flex-start !important; align-items:stretch !important; padding:0 !important; }
@media (max-width:767px) { .nn-footer .e-con-inner { flex-direction:column !important; } .nn-footer-nav .elementor-nav-menu { justify-content:center !important; } }

/*
.nn-mainnav .elementor-nav-menu--dropdown,
.nn-mainnav .elementor-nav-menu ul.sub-menu {
	background-color:#1e5190 !important;
	padding:5px 0;
	border:0;
}
.nn-mainnav .elementor-nav-menu--dropdown .elementor-item,
.nn-mainnav .elementor-nav-menu .sub-menu a {
	color:#fff !important;
	font-size:14px !important;
	text-transform:none !important;
	border-left:0 !important;
}
.nn-mainnav .elementor-nav-menu--dropdown .elementor-item:hover,
.nn-mainnav .elementor-nav-menu .sub-menu a:hover {
	background-color:#fff !important;
	color:#1e5190 !important;
}
.nn-mainnav .elementor-nav-menu--main .menu-item-has-children:last-child .elementor-nav-menu--dropdown {
	left:auto;
	right:0;
}*/