/* =========================================================================
   Topbar-Inhalt (Logo, Menuemodul "salzkammergut-jobs-menu", Favoriten-Herz)
   Aufbau laut tmp/salzkammergut_jobs_final_responsive.html:
   Logo | Jobs  Unternehmen  Fuer Arbeitgeber | ........ | Herz  Anmelden  [Unternehmen registrieren]
   Wrapper und Menue-<ul> werden per display:contents aufgeloest, damit alle <li> und das Herz
   direkte Flex-Kinder von .ml24-topbar-inner sind und per "order" sortiert werden koennen.
   ========================================================================= */
.ml24-topbar-inner {
  display: flex;
  align-items: center;
  width: 100%;
}

.ml24-topbar-logo { flex: 0 0 auto; order: 0; }
.ml24-topbar-logo img { width: 215px; height: auto; display: block; }
.ml24-topbar-logo:hover img { opacity: .88; }

.ml24-topbar-login,
.ml24-topbar-login ul.nav.menu {
  display: contents;
}

.ml24-topbar-login ul.nav.menu > li {
  list-style: none;
  order: 1;
}

/* Hauptnavigation: Jobs | Unternehmen | Fuer Arbeitgeber */
.ml24-topbar-login ul.nav.menu > li > a {
  display: inline-flex;
  align-items: center;
  color: #fff !important;
  font-weight: 700;
  font-size: 13px;
  white-space: nowrap;
  text-decoration: none;
  transition: color .15s ease;
}
.ml24-topbar-login ul.nav.menu > li:first-child { margin-left: 20px; }
.ml24-topbar-login ul.nav.menu > li:nth-child(2),
.ml24-topbar-login ul.nav.menu > li:nth-child(3) { margin-left: 18px; }
.ml24-topbar-login ul.nav.menu > li:nth-child(-n+3) > a:hover,
.ml24-topbar-login ul.nav.menu > li.active:nth-child(-n+3) > a { color: var(--ml24-secondary) !important; }

/* Favoriten-Herz: nur Icon, keine Box; Outline, erst beim Hover gefuellt */
.ml24-topbar-fav {
  order: 2;
  margin-left: auto;
  width: 28px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--ml24-primary);
  text-decoration: none;
  border-radius: 4px;
  transition: color .15s ease;
}
.ml24-topbar-fav .ml24-heart { display: block; fill: none; transition: fill .15s ease; }
.ml24-topbar-fav:hover { color: var(--ml24-secondary); }
.ml24-topbar-fav:hover .ml24-heart,
.ml24-topbar-fav:focus-visible .ml24-heart { fill: currentColor; }
/* Mindestens ein Job gemerkt (js/template.js): Herz dauerhaft voll gruen */
.ml24-topbar-fav.is-active { color: var(--ml24-primary); }
.ml24-topbar-fav.is-active .ml24-heart { fill: currentColor; }

/* Anmelden + Unternehmen registrieren (4. und 5. Menuepunkt) */
.ml24-topbar-login ul.nav.menu > li:nth-child(n+4) { order: 3; }

.ml24-topbar-login ul.nav.menu > li:nth-child(4) > a {
  padding: 10px 14px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 6px;
  font-weight: 400;
}
.ml24-topbar-login ul.nav.menu > li:nth-child(4) > a:hover {
  color: var(--ml24-secondary) !important;
  border-color: var(--ml24-primary);
}

.ml24-topbar-login ul.nav.menu > li:last-child > a {
  background: var(--ml24-primary);
  padding: 12px 18px;
  border-radius: 6px;
  border: 1px solid transparent;
  cursor: pointer;
  transition: background-color .15s ease, box-shadow .15s ease;
}
.ml24-topbar-login ul.nav.menu > li:last-child > a:hover {
  background: var(--ml24-primary-dark);
  box-shadow: 0 2px 8px rgba(0,0,0,.25);
}

/* =========================================================================
   ML24 Jobportal - Basis-Template
   Grundlayout (nicht veraendern):
   - fixierter Kopfbereich (Topbar)
   - zwei Bannerbereiche (750px / 360px, analog Prototyp-Grid)
   - dynamisches Menue mit Suche
   - Hauptbereich: Componentbereich (750px) + Modul-Sidebar (360px), Abstand 20px
   - "Mehr entdecken"-Kacheln
   - Footer mit fuenf Spalten (hardcodiert)
   - Copyright-Footer
   Farben werden ausschliesslich ueber die CSS-Variablen in :root gesteuert.
   ========================================================================= */

:root{
	--ml24-primary:#709E2E;
	--ml24-primary-dark:#5E8626;
	--ml24-secondary:#ADC90E;
	--ml24-dark:#101820;
	--ml24-bg:#F3F5F6;
	--ml24-card:#ffffff;
	--ml24-text:#111820;
	--ml24-muted:#69727d;
	--ml24-border:#dfe5e9;
	--ml24-primary-soft:rgba(112,158,46,.08);
	--ml24-secondary-soft:rgba(173,201,14,.12);
	--ml24-focus:0 0 0 3px rgba(112,158,46,.45);
	--ml24-radius:8px;
	--ml24-shadow:0 2px 8px rgba(16,24,32,.06);
	--ml24-max-width:1170px;
	--ml24-content-width:750px;
	--ml24-sidebar-width:360px;
	--ml24-gap:20px;
}

*, *::before, *::after{ box-sizing:border-box; }

html, body{
	margin:0;
	padding:0;
	background:var(--ml24-bg);
	color:var(--ml24-text);
	font-family:"Segoe UI", Roboto, Inter, -apple-system, Arial, sans-serif;
	font-size:15px;
	line-height:1.5;
	-webkit-font-smoothing:antialiased;
}

a{ color:var(--ml24-primary-dark); }
a:hover{ color:var(--ml24-primary); }

/* Tastatur-Fokus: deutlicher als Hover (Vorgabe Funktions- & Hoverliste) */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible{
	outline:2px solid var(--ml24-primary);
	outline-offset:2px;
	box-shadow:var(--ml24-focus);
}
img{ max-width:100%; height:auto; display:block; }

.ml24-container{
	max-width:var(--ml24-max-width);
	margin:0 auto;
	padding:0 20px;
}

/* ===== Fixierter Kopfbereich ===== */
.ml24-topbar{
padding: 20px 0;
	position:sticky;
	top:0;
	z-index:80;
	background:var(--ml24-dark);
	color:#fff;
	font-size:13px;
	transition:box-shadow .15s ease;
}
.ml24-topbar.is-scrolled{ box-shadow:0 2px 10px rgba(0,0,0,.25); }
.ml24-topbar.is-empty{ display:none; }
.ml24-topbar-inner{
	min-height:32px;
	display:flex;
	align-items:center;
	gap:10px;
}
.ml24-offcanvas-toggle{
	background:transparent;
	border:0;
	color:#fff;
	cursor:pointer;
	padding:4px 6px;
	font-size:16px;
}
/* .ml24-topbar-login bewusst nicht hier: ist display:contents (siehe Topbar-Inhalt oben) */
.ml24-topbar-search,
.ml24-topbar-social{ display:flex; align-items:center; }
.ml24-topbar-search:empty,
.ml24-topbar-social:empty{ display:none; }
.ml24-topbar-social{ margin-left:auto; gap:8px; }

/* ===== Off-Canvas (mobil, eingeloggte Nutzer) ===== */
.ml24-off-canvas{
	position:fixed;
	top:0;
	left:0;
	bottom:0;
	width:280px;
	max-width:85vw;
	background:var(--ml24-dark);
	color:#fff;
	z-index:200;
	transform:translateX(-100%);
	transition:transform .2s ease;
	overflow-y:auto;
}
.ml24-off-canvas.is-open{ transform:translateX(0); }
.ml24-off-canvas-body{ padding:16px; }

/* ===== Bannerbereich (zwei Werbeflaechen) ===== */
.ml24-header{
	background:var(--ml24-card);
	border-bottom:1px solid var(--ml24-border);
}
/* Immer zwei Werbeflaechen nebeneinander, kein Umbruch: Spalten im Verhaeltnis 750:360 und
   Seitenverhaeltnis je Flaeche fix, dadurch skalieren beide auf schmalen Bildschirmen
   gleichmaessig mit und bleiben gleich hoch (Desktop: 750x150 + 360x150). */
.ml24-banners{
	display:grid;
	grid-template-columns:minmax(0,750fr) minmax(0,360fr);
	gap:var(--ml24-gap);
	padding-top:15px;
	padding-bottom:15px;
}
.ml24-banner{ position:relative; overflow:hidden; }
.ml24-banner-left{ aspect-ratio:750 / 150; }
.ml24-banner-right{ aspect-ratio:360 / 150; }
.ml24-banner img{ width:100%; height:100%; object-fit:cover; }

/* Platzhalter-Optik (leere Flaeche, siehe index.php) bzw. falls ein Modul selbst keinen
   eigenen Rahmen mitbringt */
.ml24-banner .moduletable,
.ml24-banner .ml24-banner-placeholder{
	background:linear-gradient(90deg,#eef6f6,#fff);
	border:1px dashed var(--ml24-border);
	border-radius:8px;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	color:var(--ml24-muted);
	font-weight:600;
	text-align:center;
	padding:4px 8px;
	font-size:clamp(10px, 1.3vw, 14px);
	line-height:1.3;
}

/* ===== Dynamisches Menue mit Suche ===== */
.ml24-nav{
	position:sticky;
	top:0;
	z-index:70;
	background:var(--ml24-dark);
	border-bottom:1px solid rgba(255,255,255,.08);
}
.ml24-nav-inner{
	display:flex;
	align-items:center;
	gap:16px;
	min-height:56px;
	flex-wrap:wrap;
}
.ml24-logo{
	color:#fff;
	font-weight:700;
	font-size:18px;
	text-decoration:none;
	white-space:nowrap;
}
/* Burger-Button in der Topbar: nur < 992px sichtbar (siehe Breakpoints) */
.ml24-nav-toggle{
	display:none;
	flex-direction:column;
	justify-content:center;
	gap:5px;
	flex:0 0 auto;
	order:4;
	width:40px;
	height:40px;
	margin-left:4px;
	background:transparent;
	border:1px solid rgba(255,255,255,.18);
	border-radius:6px;
	cursor:pointer;
	padding:9px;
	transition:border-color .15s ease;
}
.ml24-nav-toggle:hover{ border-color:var(--ml24-primary); }
.ml24-nav-toggle span{
	display:block;
	height:2px;
	background:#fff;
	border-radius:2px;
	transition:transform .15s ease, opacity .15s ease;
}
/* Geoeffnet: Burger wird zum X */
.ml24-topbar.is-nav-open .ml24-nav-toggle span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
.ml24-topbar.is-nav-open .ml24-nav-toggle span:nth-child(2){ opacity:0; }
.ml24-topbar.is-nav-open .ml24-nav-toggle span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }
.ml24-nav-menu{
	display:none;
	width:100%;
	order:3;
}
.ml24-nav-menu.is-open{ display:block; }
.ml24-nav-menu:empty{ display:none; }

.ml24-nav-menu ul{
	list-style:none;
	margin:0;
	padding:0;
}
.ml24-nav-menu > ul{
	display:flex;
	flex-direction:column;
	padding:8px 0;
}
.ml24-nav-menu li{ position:relative; }
.ml24-nav-menu li a{
	display:block;
	padding:10px 38px 10px 4px;
	color:#fff;
	text-decoration:none;
	border-top:1px solid rgba(255,255,255,.08);
	font-weight:600;
}
.ml24-nav-menu > ul > li:first-child > a{ border-top:0; }

/* Untermenues: standardmaessig (mobil) eingerueckte Akkordeon-Liste, per JS ein-/ausklappbar */
.ml24-nav-menu li ul{
	display:none;
	padding-left:16px;
	background:rgba(0,0,0,.15);
}
.ml24-nav-menu li ul.is-open{ display:block; }
.ml24-nav-menu li ul a{ font-weight:500; font-size:14px; }

/* Toggle-Button fuer Untermenues, wird von js/menu.js eingefuegt */
.ml24-submenu-toggle{
	position:absolute;
	top:2px;
	right:0;
	width:38px;
	height:38px;
	background:transparent;
	border:0;
	color:#fff;
	cursor:pointer;
	display:flex;
	align-items:center;
	justify-content:center;
}
.ml24-submenu-toggle::before{
	content:"";
	width:8px;
	height:8px;
	border-right:2px solid currentColor;
	border-bottom:2px solid currentColor;
	transform:rotate(45deg);
	transition:transform .15s ease;
}
.ml24-submenu-toggle[aria-expanded="true"]::before{ transform:rotate(-135deg); }

/* Suchformular, egal ob in der Topbar (head-search) oder im Menue (banner-head) gerendert */
.ml24-topbar-search form,
.ml24-nav-menu form{
	display:flex;
	align-items:center;
}
.ml24-topbar-search input[type="text"],
.ml24-topbar-search input[type="search"]{
	border:0;
	border-radius:6px;
	padding:8px 10px;
	font-size:13px;
	width:160px;
	max-width:40vw;
}
.ml24-topbar-search button{
	background:var(--ml24-primary);
	color:#fff;
	border:0;
	border-radius:6px;
	margin-left:6px;
	padding:8px 10px;
	cursor:pointer;
}

/* ===== Spotlight-Reihen (position-1..4 / position-5..8) ===== */
.ml24-spotlight{
	display:grid;
	grid-template-columns:1fr;
	gap:15px;
	padding:15px;
}
.ml24-spotlight:empty{ display:none; }

/* ===== Content-Bloecke vor/nach der Component (videocontent, aktuelles, ...) ===== */
.ml24-block{ margin-bottom:16px; }
.ml24-block:empty{ display:none; }

/* ===== Navigationshilfe ===== */
.ml24-navhelper{
	background:var(--ml24-card);
	border-top:1px solid var(--ml24-border);
	border-bottom:1px solid var(--ml24-border);
	padding:10px 0;
}

/* ===== Cookie-Hinweis ===== */
.ml24-cookie{
	position:fixed;
	left:0;
	right:0;
	bottom:0;
	z-index:150;
	background:var(--ml24-dark);
	color:#fff;
	padding:12px 0;
	box-shadow:0 -4px 16px rgba(0,0,0,.2);
}

/* ===== Hauptbereich: Componentbereich + Modul-Sidebar ===== */
.ml24-main{
	display:flex;
	flex-direction:column;
	gap:var(--ml24-gap);
	padding:20px 20px 30px;
	align-items:flex-start;
}
.ml24-main-solo{ display:block; }
.ml24-content{
	flex:1 1 auto;
	min-width:0;
	width:100%;
}
.ml24-sidebar{
	width:100%;
	display:flex;
	flex-direction:column;
	gap:12px;
}

/* Sidebar-Module: ein-/ausklappbar */
/* Sidebar-Box laut Vorlage (.side-box): weiss, duenner Rahmen, kein Schatten */
.ml24-module{
	background:var(--ml24-card);
	border:1px solid var(--ml24-border);
	border-radius:var(--ml24-radius);
	overflow:hidden;
}
/* Jobfinder-Box: hellgruener Verlauf (Vorlage .side-box.finder) */
.ml24-module:has(.ml24mod-jobfinder-box){
	background:linear-gradient(135deg, rgba(112,158,46,.28), rgba(112,158,46,.10));
	border-color:rgba(112,158,46,.45);
}
/* Werbeflaechen und CTA-Band stehen ohne Box in der Sidebar */
.ml24-module:has(.ml24mod-bannersmall),
.ml24-module:has(.ml24mod-jobfinder){
	background:transparent;
	border:0;
	border-radius:0;
}
.ml24-module:has(.ml24mod-bannersmall) .ml24-module-content,
.ml24-module:has(.ml24mod-jobfinder) .ml24-module-content{ padding:0; }
.ml24-module-title{
	margin:0;
	padding:12px 14px;
	font-size:15px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	cursor:pointer;
	user-select:none;
}
.ml24-toggle-icon{ font-style:normal; }
.ml24-module-title.is-open .ml24-toggle-icon::before{ content:"\2212"; }
.ml24-toggle-icon::before{ content:"+"; }
.ml24-module-content{
	padding:14px;
}

/* ===== Mehr entdecken (hardcodiert) ===== */
.ml24-discover{ margin:0 auto 24px; }
.ml24-discover-title{ font-size:17px; margin:0 0 10px; }
.ml24-discover-grid{
	display:grid;
	grid-template-columns:repeat(4, minmax(0,1fr));
	gap:10px;
}
.ml24-discover-tile{
	min-height:58px;
	display:flex;
	align-items:center;
	gap:10px;
	padding:8px 14px;
	background:var(--ml24-secondary-soft);
	border:1px solid rgba(173,201,14,.55);
	border-radius:var(--ml24-radius);
	color:#46515a;
	font-weight:700;
	text-decoration:none;
	transition:background-color .15s ease, border-color .15s ease, box-shadow .15s ease;
}
.ml24-discover-tile:hover{
	color:var(--ml24-text);
	background:rgba(173,201,14,.20);
	border-color:var(--ml24-primary);
	box-shadow:0 2px 8px rgba(112,158,46,.15);
}
.ml24-discover-icon{ flex:0 0 auto; color:var(--ml24-primary); }
.ml24-discover-tile:hover .ml24-discover-icon{ color:var(--ml24-primary-dark); }
/* Kachel "Favoriten": Herz gefuellt, sobald ein Job gemerkt ist (js/template.js) */
.ml24-discover-tile.is-active .ml24-discover-icon{ fill:currentColor; }
.ml24-discover-text small{
	display:block;
	margin-top:2px;
	font-size:11px;
	font-weight:400;
	color:var(--ml24-muted);
}

/* ===== Footer: fuenf Spalten (hardcodiert) ===== */
.ml24-footer{
	background:var(--ml24-card);
	border-top:1px solid #e4e8eb;
	color:#68727b;
}
.ml24-footer-columns{
	display:grid;
	grid-template-columns:1.2fr repeat(4, minmax(0,1fr));
	gap:24px;
	padding-top:20px;
	padding-bottom:24px;
	font-size:12px;
	line-height:1.5;
}
.ml24-footer-col h4{
	margin:0 0 8px;
	color:var(--ml24-text);
	font-size:14px;
}
.ml24-footer-col p{ margin:8px 0 0; }
.ml24-footer-list{
	list-style:none;
	margin:0;
	padding:0;
}
.ml24-footer-list li{ margin:4px 0; }
.ml24-footer a{
	color:#68727b;
	text-decoration:none;
	transition:color .15s ease;
}
.ml24-footer a:hover{
	color:var(--ml24-primary);
	text-decoration:underline;
}
.ml24-brand-pill{
	display:inline-block;
	background:var(--ml24-primary);
	color:#fff;
	border-radius:4px;
	padding:5px 8px;
	font-weight:700;
	font-size:11px;
}
.ml24-footer a.ml24-footer-portal{
	color:var(--ml24-primary);
	font-weight:700;
}
.ml24-footer a.ml24-footer-portal:hover{ color:var(--ml24-primary-dark); }

/* ===== Copyright-Footer ===== */
.ml24-copyright{
	background:var(--ml24-bg);
	border-top:1px solid #e4e8eb;
	color:var(--ml24-muted);
	font-size:12px;
}
.ml24-copyright-inner{
	padding-top:14px;
	padding-bottom:14px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	flex-wrap:wrap;
	gap:8px;
}
/* ===== Gemeinsame UI-Bausteine (auch von den Komponenten genutzt) ===== */
.ml24-btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:6px;
	padding:10px 16px;
	border-radius:8px;
	font-weight:600;
	font-size:14px;
	text-decoration:none;
	border:1px solid transparent;
	cursor:pointer;
}
.ml24-btn{ transition:background-color .15s ease, border-color .15s ease, color .15s ease; }
.ml24-btn-primary{ background:var(--ml24-primary); color:#fff; }
.ml24-btn-primary:hover{ background:var(--ml24-primary-dark); color:#fff; }
.ml24-btn-secondary{ background:var(--ml24-secondary); color:#24310d; }
.ml24-btn-secondary:hover{ background:#9bb50c; color:#24310d; }
.ml24-btn-ghost{ background:#fff; color:var(--ml24-primary); border-color:#d8e0e5; }
.ml24-btn-ghost:hover{ background:var(--ml24-primary-soft); color:var(--ml24-primary); border-color:var(--ml24-primary); }
.ml24-btn-outline{ background:transparent; color:var(--ml24-text); border-color:var(--ml24-border); }
.ml24-btn-outline:hover{ border-color:var(--ml24-primary); color:var(--ml24-primary); }
.ml24-btn[disabled],
.ml24-btn.is-disabled{ background:#e9edf0; color:#9aa2a9; border-color:#e9edf0; cursor:not-allowed; }
.ml24-btn-block{ display:flex; width:100%; }

.ml24-card{
	background:var(--ml24-card);
	border:1px solid var(--ml24-border);
	border-radius:var(--ml24-radius);
	box-shadow:var(--ml24-shadow);
	padding:20px;
	margin-bottom:16px;
}

.ml24-tag{
	display:inline-block;
	background:var(--ml24-secondary);
	color:#24310d;
	border-radius:11px;
	padding:2px 8px;
	font-size:11px;
	font-weight:700;
}
.ml24-muted{ color:var(--ml24-muted); }
.ml24-visually-hidden{
	position:absolute !important;
	width:1px;height:1px;
	overflow:hidden;
	clip:rect(1px,1px,1px,1px);
	white-space:nowrap;
}

/* =========================================================================
   Breakpoints
   ========================================================================= */
@media (min-width:768px){
	.ml24-nav-menu{
		display:flex !important;
		width:auto;
		order:1;
	}
	.ml24-nav-menu > ul{
		flex-direction:row;
		align-items:center;
		padding:0;
		gap:2px;
	}
	.ml24-nav-menu > ul > li > a{
		border-top:0;
		padding:18px 32px 18px 12px;
	}
	.ml24-nav-menu > ul > li > .ml24-submenu-toggle{
		top:12px;
		right:2px;
		width:26px;
		height:26px;
	}

	/* Untermenues: Desktop-Dropdown-Panel statt Akkordeon-Liste */
	.ml24-nav-menu li ul{
		position:absolute;
		top:100%;
		left:0;
		min-width:220px;
		padding:6px 0;
		background:var(--ml24-dark);
		box-shadow:0 14px 28px rgba(0,0,0,.28);
		border-radius:0 0 10px 10px;
		z-index:90;
	}
	/* Hover UND Tastaturfokus zeigen das Panel; JS-Klasse "is-open" fuer Klick/Touch */
	.ml24-nav-menu li:hover > ul,
	.ml24-nav-menu li:focus-within > ul,
	.ml24-nav-menu li > ul.is-open{
		display:block;
	}
	/* Panels ab der zweiten Ebene klappen seitlich statt darunter aus */
	.ml24-nav-menu li ul li ul{
		top:-6px;
		left:100%;
	}
	.ml24-nav-menu li ul a{
		padding:10px 34px 10px 14px;
		border-top:0;
		white-space:nowrap;
	}
	.ml24-nav-menu li ul .ml24-submenu-toggle{
		top:6px;
	}

	.ml24-spotlight{ grid-template-columns:repeat(2, 1fr); }
}

@media (min-width:992px){
	.ml24-main{ flex-direction:row; }
	.ml24-content{ flex:0 1 var(--ml24-content-width); width:var(--ml24-content-width); }
	.ml24-sidebar{ flex:0 1 var(--ml24-sidebar-width); width:var(--ml24-sidebar-width); }
	.ml24-spotlight{ grid-template-columns:repeat(4, 1fr); }

	/* Keine Sidebar-Module auf dieser Seite: Componentbereich nutzt die volle Breite
	   (z.B. fuer eigenstaendige zweispaltige Detailseiten wie das Arbeitgeberprofil) */
	.ml24-main.ml24-main-nosidebar .ml24-content{ flex:1 1 100%; width:100%; }
}

/* Burger-Menue ab < 992px (wie tpl_ml24_blank, Bootstrap "hidden-md"):
   Topbar-Zeile: Logo | Herz + Anmelden + Registrieren | Burger
   Aufgeklappt (.is-nav-open, js/template.js): Jobs / Unternehmen / Fuer Arbeitgeber als Liste unter der
   Topbar; bei schmaleren Breiten wandern auch Anmelden (<= 760px) und Registrieren (<= 480px) hinein. */
@media (max-width:991px){
	.ml24-nav-toggle{ display:inline-flex; }
	.ml24-topbar-inner{ flex-wrap:wrap; gap:0 10px; }
	.ml24-topbar-inner::after{ content:""; order:5; flex-basis:100%; height:0; }

	.ml24-topbar-login ul.nav.menu > li:nth-child(-n+3){
		display:none;
		order:6;
		flex-basis:100%;
		margin:0;
	}
	.ml24-topbar.is-nav-open .ml24-topbar-login ul.nav.menu > li:nth-child(-n+3){ display:block; }
	.ml24-topbar-login ul.nav.menu > li:first-child{ margin-top:12px; }
	.ml24-topbar-login ul.nav.menu > li:nth-child(-n+3) > a{
		display:flex;
		padding:12px 0;
		font-size:14px;
		border-top:1px solid rgba(255,255,255,.08);
	}
}

/* Responsive laut tmp/salzkammergut_jobs_final_responsive.html (1000 / 760 / 480 px) */
@media (max-width:1000px){
	.ml24-footer-columns{ grid-template-columns:repeat(3, minmax(0,1fr)); gap:22px 18px; }
}

@media (max-width:760px){
	.ml24-container{ padding:0 14px; }
	.ml24-main{ padding:14px 14px 24px; }

	.ml24-topbar-logo img{ width:min(215px, 52vw); }
	.ml24-topbar-login ul.nav.menu > li:last-child > a{ padding:10px 12px; font-size:12px; }

	/* Anmelden wandert ins Burger-Menue */
	.ml24-topbar-login ul.nav.menu > li:nth-child(4){ display:none; order:6; flex-basis:100%; }
	.ml24-topbar.is-nav-open .ml24-topbar-login ul.nav.menu > li:nth-child(4){ display:block; }
	.ml24-topbar-login ul.nav.menu > li:nth-child(4) > a{
		display:flex;
		padding:12px 0;
		font-size:14px;
		border:0;
		border-top:1px solid rgba(255,255,255,.08);
		border-radius:0;
	}

	.ml24-discover-grid{ grid-template-columns:repeat(2, minmax(0,1fr)); }
	.ml24-footer-columns{ grid-template-columns:repeat(2, minmax(0,1fr)); padding-top:18px; padding-bottom:22px; }
}

@media (max-width:480px){
	.ml24-topbar-logo img{ width:min(205px, 62vw); }

	/* Unternehmen registrieren wandert als breiter Button ins Burger-Menue */
	.ml24-topbar-login ul.nav.menu > li:last-child{ display:none; order:6; flex-basis:100%; margin:10px 0 4px; }
	.ml24-topbar.is-nav-open .ml24-topbar-login ul.nav.menu > li:last-child{ display:block; }
	.ml24-topbar-login ul.nav.menu > li:last-child > a{ display:flex; justify-content:center; font-size:14px; }

	.ml24-discover-grid{ grid-template-columns:1fr; }
	.ml24-footer-columns{ grid-template-columns:1fr; gap:16px; }
}