.elementor-958 .elementor-element.elementor-element-fa481df{--display:flex;--overlay-opacity:0.65;}.elementor-958 .elementor-element.elementor-element-fa481df:not(.elementor-motion-effects-element-type-background), .elementor-958 .elementor-element.elementor-element-fa481df > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://erdbau-bayer.at/wp-content/uploads/2025/05/erdbau_bayer1.jpg");background-repeat:no-repeat;background-size:cover;}.elementor-958 .elementor-element.elementor-element-fa481df::before, .elementor-958 .elementor-element.elementor-element-fa481df > .elementor-background-video-container::before, .elementor-958 .elementor-element.elementor-element-fa481df > .e-con-inner > .elementor-background-video-container::before, .elementor-958 .elementor-element.elementor-element-fa481df > .elementor-background-slideshow::before, .elementor-958 .elementor-element.elementor-element-fa481df > .e-con-inner > .elementor-background-slideshow::before, .elementor-958 .elementor-element.elementor-element-fa481df > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-958 .elementor-element.elementor-element-ca5ff6d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -30px) 0px;text-align:left;font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:400;color:#FFFFFF;}.elementor-958 .elementor-element.elementor-element-2cc73b3{--display:flex;}.elementor-958 .elementor-element.elementor-element-2cc73b3:not(.elementor-motion-effects-element-type-background), .elementor-958 .elementor-element.elementor-element-2cc73b3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-1b71774 );background-image:url("https://erdbau-bayer.at/wp-content/uploads/2024/06/erdbau_bayer_HIGH-QUALITY-4.jpg");}.elementor-958 .elementor-element.elementor-element-3ccbef0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}@media(min-width:1025px){.elementor-958 .elementor-element.elementor-element-fa481df:not(.elementor-motion-effects-element-type-background), .elementor-958 .elementor-element.elementor-element-fa481df > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for container, class: .elementor-element-fa481df *//* Apple-Glass (Frosted Glass) für die Job-Übersicht-Karten
   -> in "Zusätzliches CSS" einfügen
   -> wirkt auf: .job-overview__head + .job-overview__card
*/

/* Grundwerte */
.job-overview{
  --glass-bg: rgba(255,255,255,.10);
  --glass-bg-strong: rgba(255,255,255,.14);
  --glass-border: rgba(255,255,255,.28);
  --glass-shadow: 0 18px 50px rgba(0,0,0,.18);
  --glass-shadow-soft: 0 10px 24px rgba(0,0,0,.12);
}

/* Die Glasflächen */
.job-overview .job-overview__head,
.job-overview .job-overview__card{
  background: linear-gradient(135deg, var(--glass-bg-strong), var(--glass-bg)) !important;
  border: 1px solid var(--glass-border) !important;
  border-radius: 18px !important;
  box-shadow: var(--glass-shadow-soft) !important;

  /* Apple-Frosted Effekt */
  -webkit-backdrop-filter: blur(16px) saturate(160%);
  backdrop-filter: blur(16px) saturate(160%);

  /* subtiler "inner highlight" wie bei Apple */
  position: relative;
  overflow: hidden;
}

.job-overview .job-overview__head::before,
.job-overview .job-overview__card::before{
  content:"";
  position:absolute;
  inset:-2px;
  background:
    radial-gradient(1200px 300px at 10% 0%, rgba(255,255,255,.22), transparent 55%),
    radial-gradient(900px 260px at 90% 0%, rgba(255,255,255,.14), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,0));
  pointer-events:none;
}

/* Optional: dunkler Text auf hellem Glas funktioniert nicht gut auf Foto.
   Daher Text auf Glasflächen hell machen (wie auf deinem Screenshot ideal). */
.job-overview .job-overview__head,
.job-overview .job-overview__card{
  color: rgba(255,255,255,.92);
}
.job-overview .job-overview__head h1,
.job-overview .job-overview__card h2{
  color: rgba(255,255,255,.95);
}
.job-overview .job-overview__head strong,
.job-overview .job-overview__card strong{
  color: rgba(255,255,255,.98);
}

/* Listenpunkte & Abstände sauber */
.job-overview .job-overview__list{
  line-height: 1.75;
}
.job-overview .job-overview__list li{
  margin: 6px 0;
}

/* Buttons: Apple-like (weich, klar), rot bleibt Brand */
.job-overview .job-overview__btn{
  border-radius: 14px !important;
  border: 1px solid rgba(255,255,255,.28) !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.14) !important;
  -webkit-backdrop-filter: blur(12px) saturate(160%);
  backdrop-filter: blur(12px) saturate(160%);
}

.job-overview .job-overview__btn--primary{
  background: rgba(196,0,0,.95) !important;
  border-color: rgba(255,255,255,.22) !important;
  color:#fff !important;
}
.job-overview .job-overview__btn--primary:hover{
  background: rgba(143,0,0,.98) !important;
  color:#fff !important;
}
.job-overview .job-overview__btn--outline{
  background: rgba(255,255,255,.10) !important;
  border-color: rgba(255,255,255,.30) !important;
  color: rgba(255,255,255,.92) !important;
}
.job-overview .job-overview__btn--outline:hover{
  background: rgba(255,255,255,.16) !important;
  color: rgba(255,255,255,.98) !important;
}

/* Links im Glasbereich lesbar */
.job-overview .job-overview__contact a{
  color: rgba(255,255,255,.95) !important;
  text-decoration: underline;
  text-decoration-color: rgba(255,255,255,.45);
}
.job-overview .job-overview__contact a:hover{
  text-decoration-color: rgba(255,255,255,.85);
}

/* Optional: Hover-Effekt wie Apple (leichtes "lift") */
@media (hover:hover){
  .job-overview .job-overview__card:hover{
    transform: translateY(-2px);
    box-shadow: var(--glass-shadow) !important;
    transition: transform .18s ease, box-shadow .18s ease;
  }
  .job-overview .job-overview__card{
    transition: transform .18s ease, box-shadow .18s ease;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ab08743 *//* Erdbau Bayer – Buttons: Rot mit weißer Schrift + gleich im Hover */
.eb-job .eb-job__btn--primary,
.eb-job a.eb-job__btn--primary{
  background: #c40000 !important;
  color: #ffffff !important;
  border-color: #c40000 !important;
}

.eb-job .eb-job__btn--primary:hover,
.eb-job a.eb-job__btn--primary:hover,
.eb-job .eb-job__btn--primary:focus,
.eb-job a.eb-job__btn--primary:focus,
.eb-job .eb-job__btn--primary:focus-visible,
.eb-job a.eb-job__btn--primary:focus-visible{
  background: #8f0000 !important;
  color: #ffffff !important;
  border-color: #8f0000 !important;
  text-decoration: none !important;
}

/* Falls Elementor noch <span> im Button färbt */
.eb-job .eb-job__btn--primary *{
  color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3ccbef0 *//* Apple-Glass (Frosted Glass) auch für das Job-Inserat unten (.eb-job)
   -> in "Zusätzliches CSS" einfügen (unter/zusätzlich zu deinem bestehenden CSS)
*/

.eb-job{
  --glass-bg: rgba(255,255,255,.10);
  --glass-bg-strong: rgba(255,255,255,.14);
  --glass-border: rgba(255,255,255,.28);
  --glass-shadow: 0 18px 50px rgba(0,0,0,.18);
  --glass-shadow-soft: 0 10px 24px rgba(0,0,0,.12);
}

/* Glasflächen: Header + Cards */
.eb-job .eb-job__head,
.eb-job .eb-job__card,
.eb-job .eb-job__facts{
  background: linear-gradient(135deg, var(--glass-bg-strong), var(--glass-bg)) !important;
  border: 1px solid var(--glass-border) !important;
  border-radius: 18px !important;
  box-shadow: var(--glass-shadow-soft) !important;

  -webkit-backdrop-filter: blur(16px) saturate(160%);
  backdrop-filter: blur(16px) saturate(160%);

  position: relative;
  overflow: hidden;
}

/* Subtiler Apple-Glanz */
.eb-job .eb-job__head::before,
.eb-job .eb-job__card::before,
.eb-job .eb-job__facts::before{
  content:"";
  position:absolute;
  inset:-2px;
  background:
    radial-gradient(1200px 320px at 12% 0%, rgba(255,255,255,.22), transparent 55%),
    radial-gradient(900px 260px at 88% 0%, rgba(255,255,255,.14), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,0));
  pointer-events:none;
}

/* Text auf Foto: hell und klar */
.eb-job .eb-job__head,
.eb-job .eb-job__card,
.eb-job .eb-job__facts{
  color: rgba(255,255,255,.92);
}
.eb-job .eb-job__head h1,
.eb-job .eb-job__card h2,
.eb-job .eb-job__facts h2{
  color: rgba(255,255,255,.96);
}
.eb-job .eb-job__head strong,
.eb-job .eb-job__card strong,
.eb-job .eb-job__facts strong{
  color: rgba(255,255,255,.98);
}

/* Listen & Spacing */
.eb-job .eb-job__list,
.eb-job .eb-job__factsList,
.eb-job .eb-job__steps{
  line-height: 1.75;
}
.eb-job .eb-job__list li,
.eb-job .eb-job__factsList li,
.eb-job .eb-job__steps li{
  margin: 6px 0;
}

/* Buttons: rot mit weißer Schrift + Apple-like */
.eb-job .eb-job__btn{
  border-radius: 14px !important;
  border: 1px solid rgba(255,255,255,.28) !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.14) !important;
  -webkit-backdrop-filter: blur(12px) saturate(160%);
  backdrop-filter: blur(12px) saturate(160%);
}

/* Primary rot + weiß */
.eb-job .eb-job__btn--primary{
  background: rgba(196,0,0,.95) !important;
  border-color: rgba(255,255,255,.22) !important;
  color: #fff !important;
}
.eb-job .eb-job__btn--primary:hover,
.eb-job .eb-job__btn--primary:focus,
.eb-job .eb-job__btn--primary:focus-visible{
  background: rgba(143,0,0,.98) !important;
  border-color: rgba(255,255,255,.22) !important;
  color: #fff !important;
  text-decoration: none !important;
}
.eb-job .eb-job__btn--primary *{ color:#fff !important; }

/* Outline */
.eb-job .eb-job__btn--outline{
  background: rgba(255,255,255,.10) !important;
  border-color: rgba(255,255,255,.30) !important;
  color: rgba(255,255,255,.92) !important;
}
.eb-job .eb-job__btn--outline:hover{
  background: rgba(255,255,255,.16) !important;
  color: rgba(255,255,255,.98) !important;
  text-decoration: none !important;
}

/* Text-Button (Maps etc.) */
.eb-job .eb-job__btn--text{
  background: rgba(255,255,255,.08) !important;
  border-color: rgba(255,255,255,.22) !important;
  color: rgba(255,255,255,.92) !important;
}
.eb-job .eb-job__btn--text:hover{
  background: rgba(255,255,255,.14) !important;
  color: rgba(255,255,255,.98) !important;
  text-decoration: none !important;
}

/* Links im Job-Block gut lesbar */
.eb-job a{
  color: rgba(255,255,255,.95) !important;
  text-decoration: underline;
  text-decoration-color: rgba(255,255,255,.45);
}
.eb-job a:hover{
  text-decoration-color: rgba(255,255,255,.85);
}

/* Hover-Lift */
@media (hover:hover){
  .eb-job .eb-job__card:hover{
    transform: translateY(-2px);
    box-shadow: var(--glass-shadow) !important;
    transition: transform .18s ease, box-shadow .18s ease;
  }
  .eb-job .eb-job__card{
    transition: transform .18s ease, box-shadow .18s ease;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2cc73b3 *//* Erdbau Bayer: Links rot */
body a { color: #c40000; }
body a:hover { color: #8f0000; }
body a:focus-visible { outline: 2px solid #c40000; outline-offset: 2px; }

/* CSS (Empfehlung: Website → Customizer → Zusätzliches CSS) */
.eb-job{
  --eb-red:#c40000;
  --eb-red2:#8f0000;
  --eb-border:#E6E8EB;
  --eb-shadow:0 2px 10px rgba(21,23,26,.06);
}

.eb-job__wrap{max-width:1040px;margin:0 auto;padding:20px 0;}
.eb-job__head{border:1px solid var(--eb-border);border-radius:16px;box-shadow:var(--eb-shadow);padding:18px;}
.eb-job__kicker{margin:0 0 6px 0;font-weight:800;letter-spacing:.2px;}
.eb-job__title{margin:0 0 10px 0;line-height:1.12;}
.eb-job__lead{margin:10px 0 12px;line-height:1.65;font-size:1.05rem;}

.eb-job a{color:var(--eb-red);text-decoration:none;}
.eb-job a:hover{color:var(--eb-red2);text-decoration:underline;}
.eb-job a:focus-visible{outline:2px solid var(--eb-red);outline-offset:2px;border-radius:12px;}

.eb-job__chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px;}
.eb-job__chip{border:1px solid var(--eb-border);border-radius:999px;padding:6px 10px;font-size:.95rem;line-height:1.1;}

.eb-job__cta{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 6px;}
.eb-job__btn{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:44px;padding:10px 14px;border-radius:12px;
  border:1px solid var(--eb-border);font-weight:900;line-height:1.2;
  text-decoration:none;
}
.eb-job__btn--primary{background:var(--eb-red);border-color:var(--eb-red);color:#fff;}
.eb-job__btn--primary:hover{background:var(--eb-red2);border-color:var(--eb-red2);color:#fff;text-decoration:none;}
.eb-job__btn--outline{border-color:var(--eb-red);color:var(--eb-red);}
.eb-job__btn--outline:hover{border-color:var(--eb-red2);color:var(--eb-red2);text-decoration:none;}
.eb-job__btn--text{justify-content:flex-start;font-weight:800;}

.eb-job__contact{margin:8px 0 0;font-size:.95rem;line-height:1.55;}

.eb-job__nav{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0;}
.eb-job__navchip{
  display:inline-flex;align-items:center;gap:8px;
  border:1px solid var(--eb-border);border-radius:999px;
  padding:6px 10px;font-weight:800;
}
.eb-job__navchip:hover{text-decoration:none;border-color:var(--eb-red);}

.eb-job__grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:14px;}
@media (min-width:920px){.eb-job__grid{grid-template-columns:1fr 1fr;}}

.eb-job__card{border:1px solid var(--eb-border);border-radius:16px;box-shadow:var(--eb-shadow);padding:16px;}
.eb-job__card--apply{grid-column:1/-1;}
@media (min-width:920px){.eb-job__card--facts{grid-


/* Apple-Glass (Frosted Glass) auch für das Job-Inserat unten (.eb-job)
   -> in "Zusätzliches CSS" einfügen (unter/zusätzlich zu deinem bestehenden CSS)
*/

.eb-job{
  --glass-bg: rgba(255,255,255,.10);
  --glass-bg-strong: rgba(255,255,255,.14);
  --glass-border: rgba(255,255,255,.28);
  --glass-shadow: 0 18px 50px rgba(0,0,0,.18);
  --glass-shadow-soft: 0 10px 24px rgba(0,0,0,.12);
}

/* Glasflächen: Header + Cards */
.eb-job .eb-job__head,
.eb-job .eb-job__card,
.eb-job .eb-job__facts{
  background: linear-gradient(135deg, var(--glass-bg-strong), var(--glass-bg)) !important;
  border: 1px solid var(--glass-border) !important;
  border-radius: 18px !important;
  box-shadow: var(--glass-shadow-soft) !important;

  -webkit-backdrop-filter: blur(16px) saturate(160%);
  backdrop-filter: blur(16px) saturate(160%);

  position: relative;
  overflow: hidden;
}

/* Subtiler Apple-Glanz */
.eb-job .eb-job__head::before,
.eb-job .eb-job__card::before,
.eb-job .eb-job__facts::before{
  content:"";
  position:absolute;
  inset:-2px;
  background:
    radial-gradient(1200px 320px at 12% 0%, rgba(255,255,255,.22), transparent 55%),
    radial-gradient(900px 260px at 88% 0%, rgba(255,255,255,.14), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,0));
  pointer-events:none;
}

/* Text auf Foto: hell und klar */
.eb-job .eb-job__head,
.eb-job .eb-job__card,
.eb-job .eb-job__facts{
  color: rgba(255,255,255,.92);
}
.eb-job .eb-job__head h1,
.eb-job .eb-job__card h2,
.eb-job .eb-job__facts h2{
  color: rgba(255,255,255,.96);
}
.eb-job .eb-job__head strong,
.eb-job .eb-job__card strong,
.eb-job .eb-job__facts strong{
  color: rgba(255,255,255,.98);
}

/* Listen & Spacing */
.eb-job .eb-job__list,
.eb-job .eb-job__factsList,
.eb-job .eb-job__steps{
  line-height: 1.75;
}
.eb-job .eb-job__list li,
.eb-job .eb-job__factsList li,
.eb-job .eb-job__steps li{
  margin: 6px 0;
}

/* Buttons: rot mit weißer Schrift + Apple-like */
.eb-job .eb-job__btn{
  border-radius: 14px !important;
  border: 1px solid rgba(255,255,255,.28) !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.14) !important;
  -webkit-backdrop-filter: blur(12px) saturate(160%);
  backdrop-filter: blur(12px) saturate(160%);
}

/* Primary rot + weiß */
.eb-job .eb-job__btn--primary{
  background: rgba(196,0,0,.95) !important;
  border-color: rgba(255,255,255,.22) !important;
  color: #fff !important;
}
.eb-job .eb-job__btn--primary:hover,
.eb-job .eb-job__btn--primary:focus,
.eb-job .eb-job__btn--primary:focus-visible{
  background: rgba(143,0,0,.98) !important;
  border-color: rgba(255,255,255,.22) !important;
  color: #fff !important;
  text-decoration: none !important;
}
.eb-job .eb-job__btn--primary *{ color:#fff !important; }

/* Outline */
.eb-job .eb-job__btn--outline{
  background: rgba(255,255,255,.10) !important;
  border-color: rgba(255,255,255,.30) !important;
  color: rgba(255,255,255,.92) !important;
}
.eb-job .eb-job__btn--outline:hover{
  background: rgba(255,255,255,.16) !important;
  color: rgba(255,255,255,.98) !important;
  text-decoration: none !important;
}

/* Text-Button (Maps etc.) */
.eb-job .eb-job__btn--text{
  background: rgba(255,255,255,.08) !important;
  border-color: rgba(255,255,255,.22) !important;
  color: rgba(255,255,255,.92) !important;
}
.eb-job .eb-job__btn--text:hover{
  background: rgba(255,255,255,.14) !important;
  color: rgba(255,255,255,.98) !important;
  text-decoration: none !important;
}

/* Links im Job-Block gut lesbar */
.eb-job a{
  color: rgba(255,255,255,.95) !important;
  text-decoration: underline;
  text-decoration-color: rgba(255,255,255,.45);
}
.eb-job a:hover{
  text-decoration-color: rgba(255,255,255,.85);
}

/* Hover-Lift */
@media (hover:hover){
  .eb-job .eb-job__card:hover{
    transform: translateY(-2px);
    box-shadow: var(--glass-shadow) !important;
    transition: transform .18s ease, box-shadow .18s ease;
  }
  .eb-job .eb-job__card{
    transition: transform .18s ease, box-shadow .18s ease;
  }
}/* End custom CSS */