/*
    Theme Name:CiviChild
    Theme URI: https://civi.uxper.co/
    Author: Uxper
    Author URI: http://uxper.co/
    Description: This is a child theme of Civi
    Template: civi
    Version: 1.0.0
    Requires at least: 5.0
    Tested up to: 5.4
    Requires PHP: 7.4
    License URI: https://choosealicense.com/licenses/gpl-2.0/
    Text Domain:civichild
    Tags: editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
    */
@import url("../civi/style.css");











/* ============================================================
   FIX: Job-Beschreibung am Handy immer vollständig anzeigen
   ============================================================ */
@media (max-width: 767px) {
    .civi-description, 
    .civi-description .content, 
    .civi-description p {
        
        /* 1. Höhen-Begrenzung aufheben */
        max-height: none !important;
        height: auto !important;
        min-height: auto !important;
        
        /* 2. Versteckten Inhalt sichtbar machen */
        overflow: visible !important;
        
        /* 3. "Punkte..." (Ellipsis) und Zeilenbegrenzung entfernen */
        -webkit-line-clamp: unset !important;
        -webkit-box-orient: unset !important;
        text-overflow: clip !important;
        white-space: normal !important;
        
        /* 4. Sicherstellen, dass es als Block angezeigt wird */
        display: block !important;
    }

    /* Falls noch Reste vom "Mehr anzeigen" Button da sind: Weg damit */
    .civi-read-more,
    .btn-show-more,
    .toggle-description {
        display: none !important;
    }
}




/* ============================================================
   Titel auf dem Handy kleiner (10px)
   ============================================================ */
@media (max-width: 767px) {
    .title-wapper,
    .title-wapper h1,
    .title-wapper h2,
    .title-wapper h3,
    .title-wapper a {
        font-size: 20px !important;
        line-height: 1.4 !important; /* Zeilenabstand anpassen, damit es lesbar bleibt */
    }
}






/* Abstand nach links für Text-Container und Titel */
.jobs-left-inner,
.info {
    margin-left: 7px !important;
}










/* ============================================================
   FIRMEN ÜBERSICHT: 3 SPALTEN AUF DESKTOP
   ============================================================ */

/* Greift nur ab einer Breite von 1024px (Laptop/PC) */
@media (min-width: 1024px) {
    
    /* Container auf CSS Grid mit 3 Spalten umstellen */
    .content-company.grid-view {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important; /* 3 Spalten mit gleicher Breite */
        gap: 20px !important; /* Abstand zwischen den Boxen */
    }

    /* Die einzelnen Firmen-Boxen anpassen */
    .content-company.grid-view .civi-company-item {
        width: 100% !important;      /* Nimmt den Platz der Grid-Zelle ein */
        max-width: 100% !important;
        margin-right: 0 !important;  /* Margin entfernen, da gap das regelt */
        margin-bottom: 0 !important; 
        flex: none !important;       /* Falls Flexbox aktiv war, deaktivieren */
    }
}






/* ============================================================
   ULTIMATIVER LOGO FIX V8: 90x90px, Komplett & Sauber
   (Inkl. Sidebar, Dashboard-Tabelle & Single-Job Fixes)
   ============================================================ */

/* 1. DEFINITION DER LOGO-BOX (Größe, Rand, Hintergrund) 
   Hier legen wir fest, wie der "Kasten" aussieht. 
   Dies gilt für Container-Divs UND freistehende Bilder. */

.company-logo-square,               /* Detailansicht Box */
.logo-company,                      /* Listenansicht Box */
.jobs-header .logo-company,         /* Job Header */
.civi-jobs-single .logo-company,    /* Job Einzelansicht */
.company-img,                       /* Link Wrapper */
.img-company,                       /* Bearbeitungsmodus */
.jobs-company-sidebar .company-header img, /* NEU: Sidebar Bild */
.table-dashboard tbody .info-user img,     /* NEU: Dashboard Tabelle Bild */
a.logo-company,                     
a.company-img,                      
a.img-company,
img.logo-company,                   /* Freistehende Bilder */
img.img-company,
.civi-jobs-item .logo-company,      
.civi-company-item .logo-company,   
.jobs-dashboard-wrap .logo-company {
    
    /* 1. Größe erzwingen: Immer exakt 90x90 Pixel */
    width: 90px !important;
    height: 90px !important;
    min-width: 90px !important;
    min-height: 90px !important;
    
    /* 2. Aussehen des Kastens */
    background-color: #fff !important;      /* Weißer Hintergrund */
    border: 1px solid #e0e0e0 !important;   /* Feiner grauer Rand */
    box-shadow: none !important;            /* Kein Schatten */
    border-radius: 10px !important;         /* Leicht abgerundete Ecken */
    
    /* 3. Layout */
    display: inline-flex !important;        /* Damit sie nebeneinander stehen können */
    align-items: center !important;         /* Vertikal zentriert */
    justify-content: center !important;     /* Horizontal zentriert */
    box-sizing: border-box !important;      /* Padding ändert Größe nicht */
    padding: 5px !important;                /* Innenabstand zum Rand */
    object-fit: contain !important;         /* Wichtig für img-Tags: Bild anpassen */
    object-position: center !important;
    overflow: hidden !important;
    
    /* 4. KEIN globaler Abstand mehr, um Layout-Fehler zu vermeiden */
    margin: 0 !important; 
}

/* 2. BILDER INNERHALB VON CONTAINERN (Resets)
   Wenn das Logo in einem DIV liegt, darf das Bild selbst KEINEN Rand haben,
   sonst hast du zwei Ränder übereinander. */

.company-logo-square img,
.logo-company img,
.jobs-header .logo-company img,
.civi-jobs-single .logo-company img,
.company-img img,
.img-company img,
.civi-jobs-item .logo-company img,
.civi-company-item .logo-company img,
.jobs-dashboard-wrap .logo-company img {
    
    width: 100% !important;
    height: 100% !important;
    
    object-fit: contain !important;
    object-position: center !important;
    
    /* WICHTIG: Rand vom inneren Bild entfernen! */
    border: none !important;        
    border-radius: 0 !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
}

/* 3. ABSTAND-FIX NUR FÜR DIE JOB-EINZELANSICHT
   Nur hier brauchen wir den Abstand rechts, weil der Text direkt daneben steht. */

.jobs-header img.logo-company,
.civi-jobs-single img.logo-company,
.civi-jobs-single .logo-company {
    margin-right: 15px !important; /* Genug Platz zum Text */
    margin-bottom: 10px !important; /* Abstand nach unten bei Mobile */
}

/* 4. UPLOAD-FELD (Bleibt separat, damit es bedienbar bleibt) */
.glf-image-preview img {
    object-fit: contain !important;
    width: 100% !important;
    height: 100% !important;
    max-height: 150px; 
    border: none !important;
}














.company-status-inner {
    display: none !important;
}















.jobs-title {
  font-size: 120% !important;
}





















.far.fa-plus {
    display: none !important;
}






/* Kleines rundes "i"-Icon neben dem Feldlabel */
.field-info {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  margin-left: 6px;
  border-radius: 50%;
  border: 1px solid #999;
  font-size: 11px;
  font-weight: 600;
  cursor: pointer;
  line-height: 1;
  color: #555;
  background-color: #f7f7f7;
  position: relative;
}

/* Hover-Effekt fürs Icon */
.field-info:hover {
  background-color: #eaeaea;
}

/* Tooltip-Bubble (Standard: versteckt) */
.field-info::after {
  content: attr(data-info);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 130%;
  min-width: 200px;
  max-width: 260px;
  padding: 8px 10px;
  background: #333;
  color: #fff;
  font-size: 12px;
  line-height: 1.4;
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.15s ease-out, transform 0.15s ease-out;
  z-index: 9999;
  white-space: normal;
}

/* Kleines Dreieck unterm Tooltip */
.field-info::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 118%;
  transform: translateX(-50%);
  border-width: 6px;
  border-style: solid;
  border-color: #333 transparent transparent transparent;
  opacity: 0;
  transition: opacity 0.15s ease-out;
}

/* Tooltip sichtbar bei Hover (Desktop) */
.field-info:hover::after,
.field-info:hover::before {
  opacity: 1;
}

/* Tooltip sichtbar, wenn aktiv (für Klick per JS – Mobile) */
.field-info.is-active::after,
.field-info.is-active::before {
  opacity: 1;
}

























/* ============================================
   ULTIMATIVER POPUP FIX – NICHTS KOMMT MEHR DRÜBER
   ============================================ */

/* Popup Account */
.popup.popup-account,
.popup.popup-account.open,
.form-popup.civi-form-popup,
.form-popup.civi-form-popup.open {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;

  /* HÖCHSTMÖGLICHER Z-INDEX IM BROWSER */
  z-index: 2147483647 !important;

  /* Falls dein Theme ein Overflow versteckt */
  overflow: visible !important;
}

/* ALLE Eltern, die einen Stacking Context erzeugen könnten, neutralisieren */
html, body,
.site,
.site-content,
.page-wrapper,
#main,
.container,
.wrapper,
.elementor,
.elementor-section,
.elementor-widget,
.elementor-container {
  transform: none !important;
  perspective: none !important;
  filter: none !important;
  opacity: 1 !important;
  isolation: auto !important;
  z-index: auto !important;
  overflow: visible !important;
}

/* Google Autocomplete wirklich unter das Popup */
.pac-container {
  z-index: 999 !important;
}














/* Rand der Jobs dicker und dunkler */

.civi-jobs-item {
    border: 1px solid #999 !important;
}


/* Rand der Firmen dicker und dunkler */
.civi-company-item {
    border: 1px solid #999 !important;  /* dunkler Rand */
   
}


.entry-filter.filter-wrapper.inner-box {
    display: none !important;
}






/* Firmenübersicht: immer vollständigen Text anzeigen */
#company-overview .company-overview .content,
#company-overview .company-overview .content.full {
    max-height: none !important;
    overflow: visible !important;
    display: block !important;
    -webkit-line-clamp: unset !important;
    -webkit-box-orient: initial !important;
    white-space: normal !important;
}







/* Nur auf Mobilgeräten (bis 767px Bildschirmbreite) */
@media (max-width: 767px) {
  html, body {
    overflow-x: hidden !important;
    width: 100% !important;
  }
}





/* Firmen Button Mobile Firmen Archiv entfernt */
.btn-canvas-filter.hidden-lg-up {
    display: none !important;
}







/* ==========================================================
   JOBWOW – Fix für volle Breite auf /jobs/
   Entfernt Begrenzung durch #main und Container, 
   nutzt gesamte Seitenbreite ohne den Rest zu beeinflussen.
   ========================================================== */
body.post-type-archive-jobs #main {
  position: static !important;       /* keine Layoutbegrenzung durch Position */
  max-width: none !important;        /* entfernt 1200px oder Containerlimit */
  width: 100% !important;            /* volle Breite */
  margin: 0 !important;              /* keine zentrierte Begrenzung */
  padding: 0 !important;             /* kein inneres Padding */
  display: block !important;
  background: transparent !important;
  overflow: visible !important;      /* kein Abschneiden */
}

/* Wenn dein Theme zusätzlich Container oder Grids verwendet */
body.post-type-archive-jobs .inner-content.container.layout-full,
body.post-type-archive-jobs .site-content,
body.post-type-archive-jobs .page-wrapper {
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
  background: transparent !important;
}















/* ==========================================
   Footer – 50px Abstand nach oben (global)
   ========================================== */
.site-footer,
footer {
  margin-top: 50px !important;
}








/* ==========================================
 Entfernt die 7 15 und 30 Tage Auswahl
   ========================================== */
.jobs-performance-dashboard .form-chart {
  display: none !important;
}


















/* === Spezialdesign nur für die Startseite (https://jobwow.at/) === */
/* Nur auf Geräten ab 992px (Laptop & Desktop) aktiv */
@media (min-width: 992px) {
  body.home header.site-header {
    position: absolute; /* wirkt schwebend */
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    width: 80%; /* ca. 10% Abstand links/rechts */
    max-width: 2000px;
    background: rgba(255, 255, 255, 0.85); /* leicht transparent */
    backdrop-filter: blur(10px); /* moderner Glas-Effekt */
    -webkit-backdrop-filter: blur(10px);
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    z-index: 100;
    padding: 0.8rem 10px;
  }

  /* Damit der darunterliegende Inhalt nach oben rückt */
  body.home {
    padding-top: 0 !important;
  }

  /* Optional: Wenn dein Header-Inhalt zu eng sitzt */
  body.home header.site-header .container {
    padding-left: 20px;
    padding-right: 20px;
  }

 
  body.home header.site-header .header-button {
    background-color: #26bdbd !important;
    color: #fff !important;
  }

  body.home header.site-header .header-button:hover {
    background-color: #1aa5a5 !important;
  }
}








/* ===============================
   Archivseite /jobs - Header abdunkeln NUR durch Overlay
   =============================== */
body.post-type-archive-jobs.popup-open header.site-header {
  background: transparent !important;  /* keine zweite Verdunkelung */
  border: none !important;
  box-shadow: none !important;
}

/* Unterelemente im Header: keine Linien oder Schatten */
body.post-type-archive-jobs.popup-open header.site-header,
body.post-type-archive-jobs.popup-open header.site-header * {
  border: none !important;
  box-shadow: none !important;
}











/* Genemigen / Ablehnen */
.inline-approval {
  display: inline-flex;
  gap: .5rem;
  align-items: center;
  margin-left: .5rem;
}

.inline-btn {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  padding: .35rem .6rem;
  border-radius: .375rem;
  text-decoration: none;
  font-weight: 600;
  line-height: 1;
}

.inline-btn .fa-check { }
.inline-btn .fa-times { }

/* Farben (gern an dein Design anpassen) */
.btn-approved.inline-btn {
  background: #e7f6ec;
  color: #117a37;
  border: 1px solid #bfe6ca;
}

.btn-rejected.inline-btn {
  background: #fdeaea;
  color: #a61b1b;
  border: 1px solid #f6c1c1;
}














/* Höhe des Bewerbungsformulars am Desktop */
@media (min-width: 768px) {
  #civi_form_apply_jobs .apply-popup {
    max-height: 90vh;   /* 80% der Fensterhöhe */
    overflow-y: auto;   
  }
}








/* Nachricht in Bewerber an Arbeitgeber*/
#my-applicants .applicant-message-wrap { margin-top: 6px; }
#my-applicants .toggle-message { text-decoration: underline; cursor: pointer; }
#my-applicants .applicant-message { margin-top: 6px; line-height: 1.4; word-break: break-word; }








@media (min-width: 1025px) {
  .site-header .container,
  #masthead .container {
    max-width: 100%;
    padding-left: 200px;
    padding-right: 200px;
    box-sizing: border-box;
  }
}






	.candidates.civi-boxdb {
  display: none !important;
}

.copyright-text {
  display: none !important;
}

.tab-item.tab-invite,
.tab-item.tab-invite.active {
  display: none !important;
}



.btn-mark-featured {
    display: none !important;
}









.text-sort-by,
 {
  display: none !important;
}













	 /* Meeting Facebookmanager weg */
.fab.fa-facebook-messenger,
.action.icon-messages.tooltip {
  display: none !important;
}








	

	
.archive-candidates.map-top  .candidate-status-inner .civi-button{
	padding: 10px 15px;
	min-width:110px;
}

.elementor-5177 .elementor-element.elementor-element-4d3bbc9 .image img {
    width: 72px;
    height: 72px;
    margin: 0 auto;
}
.elementor-widget-civi-testimonial .image img{
	display: inline-block;
}
@media (max-width:1199px){
	div.area-menu .top-mb-menu .account.logged-out .btn-login{
		color:#111 ;
	}
}
@media (min-width: 992px){
	.page-dashboard header.site-header .container {
    padding-left: 15px;
    padding-right: 15px;
}
}

@media (min-width: 768px){
	.archive-layout .archive-filter-top .form-group {
    width: 180px;
}
}
.civi-package-wrap .civi-package-item.active {
    border-color: #ffe180;
}

.civi-company-item.layout-thumbnail-grid{
	overflow:hidden;
}
.civi-package-wrap .time-unit{
		font-size: 18px;
		font-weight: 500;
		text-transform: lowercase;
	}
.civi-package-wrap .time-unit:before{
			content: '/';
			margin-left: -5px;
}

.moxie-shim{
	z-index: 99999 !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

body:not(.logged-in) .candidate-single-field .embed-responsive-16by9::before{
	padding-top:inherit;
}




@media (max-width: 768px){
	.nav-candidate_dashboard .nav-profile-strength{
	display: none;
}
}


.jobs-footer-right {
  display: none !important;
}











 /* Menü-Schrift im Header */
  .site-header nav a,
  #masthead nav a,
  .main-navigation a,
  .menu a,
  .nav-menu a {
    font-size: 18px;
    font-weight: 700;
  }






/* =========================
   DESKTOP Header-Höhe
   ========================= */
@media (min-width: 1025px) {
  header.site-header {
    height: 85px; /* Höhe für Desktop */
  }





/* =========================
   MOBILGERÄTE Header-Höhe
   ========================= */
@media (max-width: 1024px) {
  header.site-header {
    height: 80px; /* Höhe für Mobilgeräte */
  }
}

/* Element mit allen vier Klassen ausblenden Meeting erstellen Funktion*/
.action.icon-video.tooltip.btn-reschedule-meetings {
  display: none !important;
}


.candidates.civi-boxdb {
  display: none !important;
}



/* Einladungs Feld wird nicht angezeigt bei Kandidaten im Account Firmen*/
a[href="#tab-invite"] {
  display: none !important;
}



/* Auszahlung wird nich angezeigt*/
a[href="#tab-payout"] {
  display: none !important;
}


/*Fähigkeiten ausgeblendet in Kandidatne Profil*/
a[href="#tab-skills"] {
  display: none !important;
}

/*Benötigte Erfahrung ausgeblendet in Kandidatne Profil*/
a[href="#tab-experience"] {
  display: none !important;
}

	
	
	
	
	

/*Jobs als hervorgehoben makieren*/
.btn-mark-featured {
  display: none !important;
}


/*Mehr hinzufügen bei Soziale Netzwerke Kandidaten Profil*/
.civi-button.button-link.add-social {
  display: none !important;
}





	
	
	
	


/*Dashboard Icons wieder an Position*/

.icon-total {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.05); /* optional */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}

.card-container {
  position: relative; /* Falls nicht vorhanden */
  padding-top: 20px;
}


/* Für den "Filter zurücksetzen"-Button auf der Archiv-Seite (mobil) */
.civi-clear-filter.hidden-lg-up {
  display: none !important;
}


/* Button auf 80 % skalieren und um 10px nach rechts verschieben */
.company-status-inner {
  transform: scale(0.8) translateX(15px);
  transform-origin: center center;
  display: inline-block;
}

/* Firmen-Elemente: Standard-Styling */
.content-company .civi-company-item {
  border: 1px solid #ccc;
  border-radius: 10px;
  padding: 16px;
  margin-bottom: 16px;
  background: #fff;
  transition: border-width 0.2s ease, border-color 0.2s ease;
}

/* Firmen-Elemente: Hover-Effekt */
.content-company .civi-company-item:hover {
  border-width: 1px;
  border-color: #aaa; /* optional: etwas dunklerer Ton beim Hover */
}


/* Job-Elemente: Standard-Styling */
.content-jobs .civi-jobs-item {
  border: 1px solid #ccc;
  border-radius: 10px;
  padding: 16px;
  margin-bottom: 16px;
  background: #fff;
  transition: border-width 0.2s ease, border-color 0.2s ease;
}

/* Job-Elemente: Hover-Effekt */
.content-jobs .civi-jobs-item:hover {
  border-width: 1px;
  border-color: #aaa;
}


	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	

/* Fehleranzeige bei Google Maps ausblenden */
.gm-style-iw-c,
.gm-style-iw-tc,
.gm-ui-hover-effect { display: none !important; }



.btn-canvas-filter.hidden-lg-up {
  display: none !important;
}




/* Versteckt alle Elemente mit der Klasse "copyright-text" vollständig */
.copyright-text {
    display: none !important;  /* Element wird nicht mehr angezeigt */
    visibility: hidden !important;  /* Element bleibt unsichtbar, auch wenn Scripts versuchen es einzublenden */
    height: 0 !important;  /* Nimmt keinen Platz mehr ein */
    margin: 0 !important;  /* Entfernt evtl. Abstände */
    padding: 0 !important; /* Entfernt evtl. Innenabstände */
}





	
	
	
	
	
	
	
	
	
	
	/* Pop Up nachdem die Bewerbung gesendet wurde */
	
	.apply-success-message {
  background: #e6ffed;
  padding: 20px;
  border-radius: 8px;
  text-align: center;
  margin-top: 20px;
}

.apply-success-message h3 {
  color: #117a37;
  font-size: 1.4rem;
}

.job-suggestions-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
  margin-top: 1rem;
}

	
	
	
	
	
	
	
	
	
	
	
	
	/* Korrigiert Textfarbe des Add-Job-Buttons im Header */
header.site-header .civi-button.add-job,
.civi-button.add-job {
  color: #fff !important;
}

	
	
	
	
	































 /* Icons bei Arbeitgeber Profil */
.icon-total {
  display: flex;
  justify-content: center; /* horizontal zentrieren */
  align-items: center;     /* vertikal zentrieren */
  text-align: center;
}

.icon-total img {
  display: block;
  max-width: 100%;
  height: auto;
}












/* Entfernt das komplette Element "tab-payout", egal ob aktiv oder nicht */
.tab-item.tab-payout,
.tab-item.tab-payout.active {
    display: none !important;    /* Element wird nicht angezeigt */
    visibility: hidden !important; /* Zusätzliche Sicherheit */
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important; /* Verhindert, dass Inhalte noch sichtbar sind */
}










/* ===============================
 Meeting Box weg bei Bewerber & Firmen
   =============================== */

.action.icon-video.tooltip.btn-reschedule-meetings {
    display: none !important;
}





/* ===============================
Suchfeld bei "Meine Stellenazeigen" weg
   =============================== */
.action-search {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}











	
	


/* --- WSE360 Overlay Buttons --- */
.wse-overlay-btn {
  position: absolute;
  z-index: 2147483647; /* ganz oben */
  pointer-events: auto;
  background: rgba(255,255,255,0.95);
  border: 1px solid rgba(0,0,0,0.1);
  border-radius: 8px;
  padding: 6px 10px;
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 4px 16px rgba(0,0,0,0.08);
  transition: transform .12s ease, box-shadow .12s ease, background .12s ease;
  user-select: none;
}
.wse-overlay-btn:hover {
  background: #0073aa;
  color: #fff;
  box-shadow: 0 6px 22px rgba(0,0,0,0.12);
  transform: translateY(-1px);
}

	
	

	
	
	
	
	
	
	.jobwow-map {
    width: 100%;
    height: 300px; /* Höhe kannst du anpassen */
    border-radius: 8px;
    overflow: hidden;
}

	
	
	
	
	
	
	
	body.post-type-archive-jobs .content-jobs.area-jobs.area-archive.column-1 {
  width: 100% !important;
  max-width: 100% !important;
  flex: 1 1 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #fff !important;
  position: static !important;  /* Fix */
  z-index: auto !important;     /* Fix */
}

	
	
	/* FIX – Popup funktioniert wieder auf /jobs */
body.post-type-archive-jobs .content-jobs.area-jobs.area-archive.column-1 {
  position: static !important;
  z-index: auto !important;
}