
/*
Theme Name: Fair Personal Stabil
Theme URI: https://www.fair-personal.gmbh
Author: Fair Personal GmbH
Description: Komplettes WordPress Theme für Fair Personal GmbH mit Startseite, Unternehmensseite, Bewerberseite, Kontakt, Impressum und Datenschutz.
Version: 2.0-stabil
Text Domain: fair-personal-stabil
*/

:root{
  --blue:#071cff;
  --blue2:#0050ff;
  --navy:#07122e;
  --dark:#050915;
  --text:#111827;
  --muted:#5f6b7a;
  --line:#e6ebf5;
  --soft:#f4f7ff;
  --white:#fff;
  --shadow:0 28px 90px rgba(5,9,21,.13);
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:Inter,Segoe UI,Arial,sans-serif;
  color:var(--text);
  background:#fff;
  line-height:1.58;
  overflow-x:hidden;
}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container{width:min(1180px,calc(100% - 42px));margin:0 auto}

.fp-topbar{
  background:var(--dark);
  color:rgba(255,255,255,.78);
  font-size:13px;
  padding:9px 0;
}
.fp-topbar .container{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}
.fp-topbar a{color:#fff;font-weight:800}

.fp-header{
  position:sticky;
  top:0;
  z-index:1000;
  background:rgba(255,255,255,.93);
  backdrop-filter:blur(18px);
  border-bottom:1px solid var(--line);
}
.fp-nav{
  height:78px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
}
.fp-logo img{height:48px;width:auto}
.fp-menu{
  display:flex;
  align-items:center;
  gap:26px;
  font-size:14px;
  font-weight:850;
}
.fp-menu a{color:#172033;position:relative}
.fp-menu a:hover{color:var(--blue)}
.fp-menu a::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-12px;
  height:2px;background:var(--blue);
  transform:scaleX(0);
  transition:.25s ease;
}
.fp-menu a:hover::after{transform:scaleX(1)}

.fp-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  border-radius:999px;
  border:1px solid transparent;
  padding:14px 24px;
  font-weight:900;
  font-size:14px;
  transition:.25s ease;
  cursor:pointer;
}
.fp-btn-blue{
  background:linear-gradient(135deg,var(--blue),var(--blue2));
  color:#fff;
  box-shadow:0 16px 36px rgba(7,28,255,.26);
}
.fp-btn-blue:hover{transform:translateY(-2px);box-shadow:0 22px 52px rgba(7,28,255,.35);color:#fff}
.fp-btn-white{background:#fff;color:var(--blue);border-color:#cdd6ff}
.fp-btn-white:hover{transform:translateY(-2px);box-shadow:var(--shadow);color:var(--blue)}
.fp-btn-dark{background:var(--dark);color:#fff}

.fp-hero{
  position:relative;
  min-height:760px;
  display:flex;
  align-items:center;
  overflow:hidden;
  background:#07122e;
}
.fp-hero-bg{
  position:absolute;
  inset:0;
  background:url("assets/hero-fair-personal.jpg") center/cover no-repeat;
  transform:scale(1.02);
}
.fp-hero-bg::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(5,9,21,.92) 0%,rgba(5,9,21,.66) 37%,rgba(5,9,21,.16) 70%,rgba(5,9,21,.08) 100%),
    radial-gradient(circle at 30% 50%,rgba(7,28,255,.38),transparent 35%);
}
.fp-hero-content{
  position:relative;
  z-index:2;
  padding:110px 0;
  max-width:710px;
  color:white;
}
.fp-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.12);
  color:#fff;
  border-radius:999px;
  padding:10px 15px;
  font-size:13px;
  font-weight:900;
  margin-bottom:24px;
  backdrop-filter:blur(8px);
}
.fp-kicker::before{
  content:"";
  width:9px;height:9px;border-radius:50%;
  background:#fff;
  box-shadow:0 0 0 7px rgba(255,255,255,.13);
}
.fp-hero h1{
  font-size:clamp(48px,6.6vw,88px);
  line-height:.91;
  letter-spacing:-4px;
  margin-bottom:24px;
}
.fp-hero h1 span{color:#78a1ff}
.fp-hero p{
  max-width:650px;
  font-size:20px;
  color:rgba(255,255,255,.82);
  margin-bottom:34px;
}
.fp-hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:32px}
.fp-hero-trust{
  display:flex;
  gap:18px;
  flex-wrap:wrap;
  color:rgba(255,255,255,.9);
  font-size:14px;
  font-weight:850;
}
.fp-hero-trust span::before{content:"✓";margin-right:8px;color:#78a1ff}
.fp-floating-card{
  position:absolute;
  z-index:3;
  right:calc((100vw - min(1180px,calc(100% - 42px)))/2);
  bottom:54px;
  width:min(430px,calc(100% - 42px));
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(18px);
  border:1px solid rgba(255,255,255,.7);
  border-radius:28px;
  padding:24px;
  box-shadow:0 28px 80px rgba(0,0,0,.22);
}
.fp-floating-card strong{font-size:21px;line-height:1.2;display:block;margin-bottom:7px}
.fp-floating-card p{color:var(--muted);font-size:14px}

.fp-section{padding:94px 0}
.fp-section-head{max-width:820px;margin:0 auto 46px;text-align:center}
.fp-eyebrow{
  color:var(--blue);
  text-transform:uppercase;
  letter-spacing:.18em;
  font-size:12px;
  font-weight:1000;
  margin-bottom:10px;
}
.fp-section-head h2{
  font-size:clamp(34px,4.2vw,58px);
  line-height:1;
  letter-spacing:-2.4px;
}
.fp-section-head h2 span{color:var(--blue)}
.fp-section-head p{font-size:18px;color:var(--muted);margin-top:16px}

.fp-portal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
.fp-portal-card{
  position:relative;
  min-height:520px;
  border-radius:40px;
  overflow:hidden;
  box-shadow:var(--shadow);
  color:#fff;
  display:flex;
  align-items:flex-end;
  padding:36px;
  isolation:isolate;
}
.fp-portal-card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background-size:cover;
  background-position:center;
  transition:.45s ease;
}
.fp-portal-card::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.76));
}
.fp-portal-card:hover::before{transform:scale(1.06)}
.fp-portal-card.bahn::before{background-image:url("assets/portal-bahn.jpg")}
.fp-portal-card.medizin::before{background-image:url("assets/portal-medizin.jpg")}
.fp-portal-card.unternehmen::before{background-image:url("assets/portal-unternehmen.jpg")}
.fp-portal-card.bewerber::before{background-image:url("assets/fair-match.jpg")}
.fp-portal-content{max-width:550px}
.fp-badge{
  display:inline-flex;
  border-radius:999px;
  background:rgba(255,255,255,.15);
  border:1px solid rgba(255,255,255,.24);
  backdrop-filter:blur(8px);
  color:#fff;
  padding:8px 13px;
  font-size:13px;
  font-weight:900;
  margin-bottom:16px;
}
.fp-portal-card h3{font-size:38px;line-height:1;letter-spacing:-1.5px;margin-bottom:14px}
.fp-portal-card p{font-size:17px;color:rgba(255,255,255,.84);margin-bottom:24px}

.fp-dark-section{
  background:var(--dark);
  color:#fff;
  position:relative;
  overflow:hidden;
}
.fp-dark-section::before{
  content:"";
  position:absolute;
  right:-220px;
  top:-220px;
  width:620px;
  height:620px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(7,28,255,.48),transparent 66%);
}
.fp-steps{
  position:relative;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}
.fp-step{
  min-height:250px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.12);
  border-radius:30px;
  padding:28px;
}
.fp-step span{font-size:38px;font-weight:1000;color:#82a7ff}
.fp-step h3{font-size:23px;margin:28px 0 10px}
.fp-step p{color:rgba(255,255,255,.68);font-size:15px}

.fp-split{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:54px;
  align-items:center;
}
.fp-text-block h2{
  font-size:clamp(34px,4.4vw,60px);
  line-height:1;
  letter-spacing:-2.4px;
  margin-bottom:22px;
}
.fp-text-block p{
  color:var(--muted);
  font-size:18px;
  margin-bottom:19px;
}
.fp-feature-list{display:grid;gap:13px;margin:28px 0}
.fp-feature-list li{
  list-style:none;
  background:#fff;
  border:1px solid var(--line);
  border-radius:19px;
  padding:17px 19px;
  box-shadow:0 10px 34px rgba(5,9,21,.05);
  font-weight:850;
}
.fp-feature-list li::before{content:"✓";color:var(--blue);font-weight:1000;margin-right:10px}
.fp-image-frame{
  border-radius:42px;
  overflow:hidden;
  box-shadow:var(--shadow);
  position:relative;
}
.fp-image-frame img{width:100%;height:100%;object-fit:cover}
.fp-image-frame.tall{min-height:520px}
.fp-image-frame.tall img{height:520px}

.fp-page-hero{
  position:relative;
  padding:96px 0;
  background:radial-gradient(circle at 85% 15%,rgba(7,28,255,.14),transparent 34%),linear-gradient(180deg,#fff,#f4f7ff);
}
.fp-page-hero h1{
  font-size:clamp(44px,6vw,78px);
  line-height:.95;
  letter-spacing:-3.5px;
  max-width:980px;
}
.fp-page-hero h1 span{color:var(--blue)}
.fp-page-hero p{max-width:780px;color:var(--muted);font-size:20px;margin-top:20px}
.fp-content{padding:84px 0}

.fp-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.fp-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:30px;
  padding:30px;
  box-shadow:0 14px 45px rgba(5,9,21,.06);
}
.fp-card h3{font-size:24px;margin-bottom:10px;letter-spacing:-.7px}
.fp-card p{color:var(--muted)}

.fp-form-grid{display:grid;grid-template-columns:.9fr 1.2fr;gap:32px;align-items:start}
.fp-contact-box{background:var(--dark);color:#fff;border-radius:34px;padding:34px;box-shadow:var(--shadow)}
.fp-contact-box h3{font-size:30px;margin-bottom:18px}
.fp-contact-box p,.fp-contact-box a{color:rgba(255,255,255,.78)}
.fp-form{background:#fff;border:1px solid var(--line);border-radius:34px;padding:32px;box-shadow:var(--shadow)}
.fp-field{display:grid;gap:8px;margin-bottom:16px}
.fp-field label{font-weight:850}
.fp-field input,.fp-field textarea,.fp-field select{
  width:100%;
  border:1px solid var(--line);
  border-radius:16px;
  padding:15px 16px;
  font:inherit;
  background:#f9fbff;
}
.fp-field textarea{min-height:155px;resize:vertical}

.fp-legal{max-width:920px;font-size:16px}
.fp-legal h2{font-size:30px;margin:34px 0 10px}
.fp-legal h3{font-size:22px;margin:24px 0 8px}
.fp-legal p,.fp-legal li{color:#465064;margin-bottom:12px}
.fp-legal ul{padding-left:22px}

.fp-cta{padding:85px 0}
.fp-cta-box{
  position:relative;
  overflow:hidden;
  background:linear-gradient(135deg,var(--blue),#040a67);
  color:#fff;
  border-radius:46px;
  padding:62px;
  box-shadow:0 30px 90px rgba(7,28,255,.25);
}
.fp-cta-box::after{
  content:"FAIR";
  position:absolute;
  right:-36px;
  bottom:-80px;
  font-size:220px;
  font-weight:1000;
  letter-spacing:-14px;
  color:rgba(255,255,255,.08);
}
.fp-cta-box h2{position:relative;z-index:1;font-size:clamp(32px,4.4vw,60px);line-height:1;letter-spacing:-2.5px;max-width:830px;margin-bottom:18px}
.fp-cta-box p{position:relative;z-index:1;color:rgba(255,255,255,.78);font-size:18px;max-width:760px;margin-bottom:28px}
.fp-cta-box .fp-btn{position:relative;z-index:1}

.fp-footer{
  background:var(--dark);
  color:#fff;
  padding:74px 0 30px;
}
.fp-footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:36px}
.fp-footer img{height:46px;filter:brightness(0) invert(1);margin-bottom:18px}
.fp-footer p,.fp-footer a{display:block;color:rgba(255,255,255,.7);font-size:14px;margin-bottom:8px}
.fp-footer h4{margin-bottom:16px}
.fp-footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:36px;padding-top:20px;color:rgba(255,255,255,.54);font-size:13px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.fp-alert{border-radius:18px;padding:14px 16px;margin-bottom:20px;background:#e9f9ef;color:#166534;font-weight:800;border:1px solid #bbf7d0}

@media(max-width:980px){
  .fp-menu{display:none}
  .fp-nav .fp-btn{display:none}
  .fp-hero{min-height:auto}
  .fp-hero-content{padding:90px 0 260px}
  .fp-floating-card{position:relative;right:auto;bottom:auto;margin:-190px auto 60px}
  .fp-portal-grid,.fp-split,.fp-steps,.fp-cards,.fp-footer-grid,.fp-form-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  .container{width:min(100% - 28px,1180px)}
  .fp-topbar{display:none}
  .fp-nav{height:70px}
  .fp-logo img{height:38px}
  .fp-hero h1,.fp-page-hero h1{letter-spacing:-2px}
  .fp-hero-content{padding:64px 0 230px}
  .fp-portal-card{min-height:430px;padding:26px}
  .fp-portal-card h3{font-size:31px}
  .fp-section{padding:68px 0}
  .fp-cta-box{padding:36px 24px;border-radius:30px}
}



/* Premium FAQ Page */
.fp-faq-page{
  background:#fff;
}
.fp-faq-hero{
  position:relative;
  overflow:hidden;
  background:var(--dark);
  color:#fff;
}
.fp-faq-hero-bg{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(5,9,21,.96),rgba(5,9,21,.72),rgba(7,28,255,.16)),
    radial-gradient(circle at 76% 24%,rgba(7,28,255,.48),transparent 34%),
    url("assets/office-logo-wall.jpg") center/cover no-repeat;
  transform:scale(1.03);
}
.fp-faq-hero-inner{
  position:relative;
  z-index:2;
  max-width:850px;
  padding:110px 0 120px;
}
.fp-faq-hero h1{
  font-size:clamp(48px,6.6vw,86px);
  line-height:.92;
  letter-spacing:-4px;
  margin-bottom:24px;
}
.fp-faq-hero h1 span{
  color:#8fb0ff;
}
.fp-faq-hero p{
  max-width:720px;
  font-size:21px;
  color:rgba(255,255,255,.82);
  margin-bottom:32px;
}
.fp-faq-hero-actions{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
}
.fp-faq-intro{
  margin-top:-54px;
  position:relative;
  z-index:5;
  padding-bottom:42px;
}
.fp-faq-intro-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.fp-faq-topic-card{
  background:#fff;
  border:1px solid rgba(230,235,245,.95);
  border-radius:30px;
  padding:28px;
  min-height:190px;
  box-shadow:0 22px 70px rgba(5,9,21,.12);
  transition:.25s ease;
}
.fp-faq-topic-card:hover{
  transform:translateY(-5px);
  box-shadow:0 30px 90px rgba(5,9,21,.16);
}
.fp-faq-topic-card span{
  display:inline-flex;
  width:48px;
  height:48px;
  border-radius:50%;
  align-items:center;
  justify-content:center;
  background:#eef2ff;
  color:var(--blue);
  font-weight:1000;
  margin-bottom:22px;
}
.fp-faq-topic-card strong{
  display:block;
  font-size:25px;
  letter-spacing:-.8px;
  margin-bottom:9px;
}
.fp-faq-topic-card p{
  color:var(--muted);
  font-size:16px;
}
.fp-faq-premium-section{
  padding:74px 0;
}
.fp-faq-soft{
  background:linear-gradient(180deg,#f6f8ff,#fff);
}
.fp-faq-premium-head{
  display:grid;
  grid-template-columns:.95fr 1.05fr;
  gap:42px;
  align-items:end;
  margin-bottom:34px;
}
.fp-faq-premium-head h2{
  font-size:clamp(36px,4.8vw,64px);
  line-height:.96;
  letter-spacing:-2.8px;
}
.fp-faq-premium-head p{
  color:var(--muted);
  font-size:19px;
  max-width:560px;
}
.fp-faq-premium-list{
  display:grid;
  gap:17px;
}
.fp-faq-premium-list.two-col{
  grid-template-columns:1fr 1fr;
  align-items:start;
}
.fp-faq-premium-item{
  background:#fff;
  border:1px solid var(--line);
  border-radius:28px;
  box-shadow:0 18px 55px rgba(5,9,21,.07);
  overflow:hidden;
  transition:.25s ease;
}
.fp-faq-premium-item:hover{
  transform:translateY(-3px);
  box-shadow:0 28px 80px rgba(5,9,21,.12);
}
.fp-faq-premium-item summary{
  list-style:none;
  cursor:pointer;
  padding:27px 30px;
  font-size:21px;
  line-height:1.25;
  font-weight:950;
  color:var(--text);
  display:flex;
  justify-content:space-between;
  gap:24px;
  align-items:center;
}
.fp-faq-premium-item summary::-webkit-details-marker{
  display:none;
}
.fp-faq-premium-item summary::after{
  content:"+";
  width:44px;
  height:44px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#eef2ff;
  color:var(--blue);
  font-size:28px;
  font-weight:1000;
  flex:none;
  transition:.25s ease;
}
.fp-faq-premium-item[open]{
  border-color:rgba(7,28,255,.25);
}
.fp-faq-premium-item[open] summary::after{
  content:"−";
  background:linear-gradient(135deg,var(--blue),var(--blue2));
  color:#fff;
}
.fp-faq-premium-item p{
  padding:0 30px 29px;
  color:#465064;
  font-size:18px;
  line-height:1.7;
  max-width:880px;
}
.fp-faq-portal-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
  margin-bottom:34px;
}
.fp-faq-portal-box{
  min-height:340px;
  border-radius:36px;
  color:#fff;
  padding:32px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  box-shadow:var(--shadow);
  position:relative;
  overflow:hidden;
}
.fp-faq-portal-box::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.58));
  z-index:0;
}
.fp-faq-portal-box > *{
  position:relative;
  z-index:1;
}
.fp-faq-portal-box.bahn{
  background:url("assets/portal-bahn.jpg") center/cover no-repeat;
}
.fp-faq-portal-box.medizin{
  background:url("assets/portal-medizin.jpg") center/cover no-repeat;
}
.fp-faq-portal-box span{
  font-size:44px;
  display:block;
  margin-bottom:18px;
}
.fp-faq-portal-box h3{
  font-size:35px;
  line-height:1;
  letter-spacing:-1.5px;
  margin-bottom:12px;
}
.fp-faq-portal-box p{
  color:rgba(255,255,255,.84);
  font-size:17px;
  max-width:460px;
}
.fp-faq-final-cta{
  padding:84px 0 96px;
}
.fp-faq-final-box{
  background:linear-gradient(135deg,var(--blue),#040a67);
  color:#fff;
  border-radius:44px;
  padding:58px;
  box-shadow:0 30px 90px rgba(7,28,255,.25);
  position:relative;
  overflow:hidden;
}
.fp-faq-final-box::after{
  content:"FAQ";
  position:absolute;
  right:-30px;
  bottom:-70px;
  font-size:210px;
  font-weight:1000;
  letter-spacing:-12px;
  color:rgba(255,255,255,.08);
}
.fp-faq-final-box h2{
  position:relative;
  z-index:1;
  font-size:clamp(36px,5vw,66px);
  line-height:.96;
  letter-spacing:-2.8px;
  margin-bottom:16px;
}
.fp-faq-final-box p{
  position:relative;
  z-index:1;
  color:rgba(255,255,255,.8);
  font-size:19px;
  max-width:720px;
  margin-bottom:26px;
}
.fp-faq-final-box div{
  position:relative;
  z-index:1;
  display:flex;
  gap:13px;
  flex-wrap:wrap;
}
@media(max-width:980px){
  .fp-faq-intro-grid,
  .fp-faq-premium-head,
  .fp-faq-premium-list.two-col,
  .fp-faq-portal-grid{
    grid-template-columns:1fr;
  }
  .fp-faq-hero-inner{
    padding:82px 0 110px;
  }
}
@media(max-width:620px){
  .fp-faq-hero h1{
    letter-spacing:-2.2px;
  }
  .fp-faq-hero p{
    font-size:18px;
  }
  .fp-faq-topic-card{
    padding:24px;
    min-height:auto;
  }
  .fp-faq-premium-section{
    padding:56px 0;
  }
  .fp-faq-premium-item summary{
    padding:22px;
    font-size:18px;
  }
  .fp-faq-premium-item summary::after{
    width:38px;
    height:38px;
    font-size:24px;
  }
  .fp-faq-premium-item p{
    padding:0 22px 24px;
    font-size:16px;
  }
  .fp-faq-final-box{
    padding:36px 24px;
    border-radius:30px;
  }
}


/* FAQ Bigger Typography Update */
.fp-faq-hero h1{
  font-size:clamp(60px,7vw,104px)!important;
  line-height:.9!important;
}
.fp-faq-hero p{
  font-size:24px!important;
  max-width:820px!important;
}
.fp-faq-premium-head h2{
  font-size:clamp(46px,5vw,78px)!important;
}
.fp-faq-premium-head p{
  font-size:22px!important;
  line-height:1.7!important;
}
.fp-faq-premium-item summary{
  font-size:28px!important;
  padding:34px 38px!important;
}
.fp-faq-premium-item p{
  font-size:21px!important;
  line-height:1.9!important;
  padding:0 38px 34px!important;
}
.fp-faq-premium-item summary::after{
  width:54px!important;
  height:54px!important;
  font-size:34px!important;
}
.fp-faq-portal-box{
  min-height:390px!important;
}
.fp-faq-portal-box h3{
  font-size:44px!important;
}
.fp-faq-portal-box p{
  font-size:20px!important;
  line-height:1.7!important;
}
.fp-faq-final-box h2{
  font-size:clamp(50px,6vw,92px)!important;
}
.fp-faq-final-box p{
  font-size:24px!important;
}
@media(max-width:620px){
  .fp-faq-hero h1{
    font-size:54px!important;
  }
  .fp-faq-premium-item summary{
    font-size:22px!important;
    padding:24px!important;
  }
  .fp-faq-premium-item p{
    font-size:18px!important;
    padding:0 24px 26px!important;
  }
}


/* FAQ spacing + headline premium update */
.fp-faq-premium-section{
  padding:120px 0 !important;
}

.fp-faq-premium-head{
  margin-bottom:70px !important;
  gap:70px !important;
}

.fp-faq-premium-head h2{
  font-size:clamp(56px,6vw,96px)!important;
  line-height:1.05!important;
  letter-spacing:-3px!important;
  margin-top:12px!important;
}

.fp-faq-premium-head p{
  font-size:24px!important;
  line-height:2!important;
  max-width:720px!important;
}

.fp-faq-premium-list{
  gap:28px !important;
}

.fp-faq-premium-item{
  border-radius:34px !important;
}

.fp-faq-premium-item summary{
  padding:40px 42px !important;
  line-height:1.5 !important;
  font-size:30px !important;
}

.fp-faq-premium-item p{
  padding:0 42px 42px !important;
  line-height:2.1 !important;
  font-size:22px !important;
}

.fp-faq-premium-item summary::after{
  width:60px !important;
  height:60px !important;
  font-size:36px !important;
}

.fp-eyebrow{
  font-size:15px !important;
  letter-spacing:.28em !important;
  margin-bottom:18px !important;
}

.fp-faq-portal-grid{
  gap:34px !important;
  margin-top:25px !important;
  margin-bottom:55px !important;
}

.fp-faq-portal-box{
  padding:42px !important;
  min-height:430px !important;
}

.fp-faq-portal-box h3{
  line-height:1.15 !important;
  margin-bottom:18px !important;
}

.fp-faq-portal-box p{
  line-height:2 !important;
}

.fp-faq-final-box{
  padding:78px !important;
}

.fp-faq-final-box h2{
  line-height:1.05 !important;
  margin-bottom:26px !important;
}

.fp-faq-final-box p{
  line-height:2 !important;
}

@media(max-width:620px){

  .fp-faq-premium-section{
    padding:75px 0 !important;
  }

  .fp-faq-premium-head{
    margin-bottom:42px !important;
    gap:28px !important;
  }

  .fp-faq-premium-head h2{
    font-size:52px !important;
    line-height:1.1 !important;
  }

  .fp-faq-premium-head p{
    font-size:20px !important;
    line-height:1.9 !important;
  }

  .fp-faq-premium-item summary{
    padding:28px !important;
    font-size:24px !important;
    line-height:1.5 !important;
  }

  .fp-faq-premium-item p{
    padding:0 28px 30px !important;
    font-size:19px !important;
    line-height:1.95 !important;
  }

  .fp-faq-final-box{
    padding:42px 28px !important;
  }
}


/* FAQ colorful redesign */
.fp-faq-page{
  --faq-orange:#ff8a00;
  --faq-cyan:#00b8ff;
  --faq-green:#16a34a;
  --faq-violet:#6d5dfc;
  background:
    radial-gradient(circle at 6% 18%, rgba(7,28,255,.08), transparent 26%),
    radial-gradient(circle at 90% 42%, rgba(0,184,255,.10), transparent 24%),
    #fff;
}

.fp-faq-hero{
  border-bottom-left-radius:54px;
  border-bottom-right-radius:54px;
}

.fp-faq-hero-inner{
  max-width:980px!important;
}

.fp-faq-hero h1{
  font-family:Inter,Segoe UI,Arial,sans-serif!important;
  font-weight:1000!important;
  letter-spacing:-5px!important;
  line-height:1.02!important;
  text-wrap:balance;
}

.fp-faq-hero p{
  line-height:1.8!important;
  font-weight:500!important;
}

.fp-faq-hero-actions .fp-btn{
  font-size:17px!important;
  padding:18px 30px!important;
}

.fp-faq-premium-section{
  position:relative;
  padding:95px 0!important;
}

.fp-faq-color-bewerber{
  background:
    linear-gradient(180deg,#ffffff 0%,#f7f9ff 100%);
}

.fp-faq-color-unternehmen{
  background:
    radial-gradient(circle at 15% 15%, rgba(7,28,255,.10), transparent 28%),
    linear-gradient(135deg,#f4f7ff,#ffffff);
}

.fp-faq-color-portale{
  background:
    radial-gradient(circle at 88% 22%, rgba(0,184,255,.16), transparent 28%),
    #fff;
}

.fp-faq-premium-head.colorful{
  background:#fff;
  border:1px solid var(--line);
  border-radius:38px;
  padding:42px;
  box-shadow:0 24px 75px rgba(5,9,21,.09);
  align-items:center!important;
  margin-bottom:48px!important;
}

.fp-faq-premium-head.colorful h2{
  font-weight:1000!important;
  letter-spacing:-3.8px!important;
  line-height:1.08!important;
  margin:0!important;
  background:linear-gradient(135deg,var(--dark),var(--blue));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.fp-faq-premium-head.colorful p{
  font-size:22px!important;
  line-height:1.75!important;
  margin-bottom:22px!important;
}

.fp-faq-button-row{
  display:flex;
  gap:13px;
  flex-wrap:wrap;
  margin-top:20px;
}

.fp-faq-button-row .fp-btn{
  font-size:15px!important;
  padding:15px 22px!important;
}

.fp-faq-color-bewerber .fp-eyebrow{
  color:var(--faq-green)!important;
}

.fp-faq-color-unternehmen .fp-eyebrow{
  color:var(--faq-orange)!important;
}

.fp-faq-color-portale .fp-eyebrow{
  color:var(--faq-cyan)!important;
}

.fp-faq-premium-list{
  max-width:1050px;
  margin:0 auto;
  gap:20px!important;
}

.fp-faq-premium-item{
  border:0!important;
  background:rgba(255,255,255,.88)!important;
  backdrop-filter:blur(14px);
  border-radius:30px!important;
  box-shadow:0 18px 55px rgba(5,9,21,.08)!important;
  position:relative;
  overflow:hidden;
}

.fp-faq-premium-item::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:7px;
  background:linear-gradient(180deg,var(--blue),var(--blue2));
}

.fp-faq-color-bewerber .fp-faq-premium-item::before{
  background:linear-gradient(180deg,var(--faq-green),#78e08f);
}

.fp-faq-color-unternehmen .fp-faq-premium-item::before{
  background:linear-gradient(180deg,var(--faq-orange),#ffbd59);
}

.fp-faq-color-portale .fp-faq-premium-item::before{
  background:linear-gradient(180deg,var(--faq-cyan),var(--blue));
}

.fp-faq-premium-item summary{
  font-family:Inter,Segoe UI,Arial,sans-serif!important;
  font-size:25px!important;
  font-weight:950!important;
  line-height:1.65!important;
  padding:30px 36px 30px 44px!important;
  color:#111827!important;
}

.fp-faq-premium-item p{
  font-size:19px!important;
  line-height:2.05!important;
  padding:0 42px 32px 44px!important;
  color:#4b5563!important;
}

.fp-faq-premium-item summary::after{
  width:52px!important;
  height:52px!important;
  font-size:32px!important;
  background:linear-gradient(135deg,#eef2ff,#ffffff)!important;
  border:1px solid #dbe3ff;
}

.fp-faq-color-bewerber .fp-faq-premium-item[open] summary::after{
  background:linear-gradient(135deg,var(--faq-green),#78e08f)!important;
  color:#fff!important;
}

.fp-faq-color-unternehmen .fp-faq-premium-item[open] summary::after{
  background:linear-gradient(135deg,var(--faq-orange),#ffbd59)!important;
  color:#fff!important;
}

.fp-faq-color-portale .fp-faq-premium-item[open] summary::after{
  background:linear-gradient(135deg,var(--faq-cyan),var(--blue))!important;
  color:#fff!important;
}

.fp-faq-portal-grid{
  gap:28px!important;
}

.fp-faq-portal-box{
  border-radius:40px!important;
  min-height:420px!important;
  padding:42px!important;
  box-shadow:0 30px 90px rgba(5,9,21,.16)!important;
}

.fp-faq-portal-box h3{
  font-weight:1000!important;
  letter-spacing:-2.2px!important;
}

.fp-faq-portal-box .fp-btn{
  align-self:flex-start;
  font-size:16px!important;
  padding:16px 25px!important;
}

.fp-faq-final-box{
  background:
    radial-gradient(circle at 80% 0%, rgba(255,255,255,.18), transparent 30%),
    linear-gradient(135deg,var(--blue),#07114e)!important;
  border-radius:52px!important;
}

.fp-faq-final-box h2{
  font-weight:1000!important;
  letter-spacing:-4px!important;
}

.fp-faq-final-box .fp-btn{
  font-size:17px!important;
  padding:18px 30px!important;
}

@media(max-width:980px){
  .fp-faq-premium-head.colorful{
    grid-template-columns:1fr!important;
    gap:24px!important;
  }
}

@media(max-width:620px){
  .fp-faq-hero{
    border-bottom-left-radius:32px;
    border-bottom-right-radius:32px;
  }
  .fp-faq-hero h1{
    letter-spacing:-2.4px!important;
  }
  .fp-faq-premium-head.colorful{
    padding:28px!important;
    border-radius:28px!important;
  }
  .fp-faq-premium-head.colorful h2{
    letter-spacing:-2.2px!important;
  }
  .fp-faq-premium-head.colorful p{
    font-size:18px!important;
    line-height:1.8!important;
  }
  .fp-faq-button-row{
    flex-direction:column;
  }
  .fp-faq-button-row .fp-btn{
    width:100%;
  }
  .fp-faq-premium-item summary{
    font-size:20px!important;
    line-height:1.6!important;
    padding:24px 22px 24px 30px!important;
  }
  .fp-faq-premium-item p{
    font-size:17px!important;
    line-height:1.9!important;
    padding:0 22px 26px 30px!important;
  }
}


/* FAQ sectioned HTML-style redesign */
.fp-faq-simple-page{
  background:#fff;
}

.fp-faq-simple-hero{
  position:relative;
  overflow:hidden;
  min-height:620px;
  display:flex;
  align-items:center;
  background:#07122e;
  color:#fff;
}

.fp-faq-simple-bg{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(5,9,21,.94) 0%,rgba(5,9,21,.74) 42%,rgba(7,28,255,.22) 100%),
    radial-gradient(circle at 78% 22%,rgba(7,28,255,.55),transparent 32%),
    url("assets/office-logo-wall.jpg") center/cover no-repeat;
  transform:scale(1.04);
}

.fp-faq-simple-hero-content{
  position:relative;
  z-index:2;
  max-width:900px;
  padding:100px 0;
}

.fp-faq-simple-hero h1{
  font-size:clamp(54px,7vw,96px);
  line-height:.95;
  letter-spacing:-4.5px;
  margin:0 0 26px;
  font-weight:1000;
}

.fp-faq-simple-hero h1 span{
  color:#8fb0ff;
}

.fp-faq-simple-hero p{
  font-size:23px;
  line-height:1.8;
  color:rgba(255,255,255,.84);
  max-width:820px;
  margin-bottom:34px;
}

.fp-faq-simple-actions{
  display:flex;
  gap:15px;
  flex-wrap:wrap;
}

.fp-faq-simple-actions .fp-btn{
  font-size:17px;
  padding:18px 30px;
}

.fp-faq-category{
  padding:110px 0;
  position:relative;
}

.fp-faq-category + .fp-faq-category{
  border-top:1px solid var(--line);
}

.fp-faq-bewerber{
  background:
    radial-gradient(circle at 8% 12%,rgba(22,163,74,.10),transparent 28%),
    linear-gradient(180deg,#fff,#f8fbff);
}

.fp-faq-unternehmen{
  background:
    radial-gradient(circle at 88% 18%,rgba(255,138,0,.13),transparent 30%),
    #fff;
}

.fp-faq-portale{
  background:
    radial-gradient(circle at 12% 16%,rgba(0,184,255,.13),transparent 30%),
    linear-gradient(180deg,#f7f9ff,#fff);
}

.fp-faq-category-head{
  display:grid;
  grid-template-columns:120px 1fr;
  gap:36px;
  align-items:start;
  max-width:1080px;
  margin-bottom:58px;
}

.fp-faq-category-head > span{
  width:96px;
  height:96px;
  border-radius:32px;
  display:grid;
  place-items:center;
  color:#fff;
  font-size:34px;
  font-weight:1000;
  box-shadow:0 20px 55px rgba(5,9,21,.16);
}

.fp-faq-bewerber .fp-faq-category-head > span{
  background:linear-gradient(135deg,#16a34a,#7be495);
}

.fp-faq-unternehmen .fp-faq-category-head > span{
  background:linear-gradient(135deg,#ff8a00,#ffbd59);
}

.fp-faq-portale .fp-faq-category-head > span{
  background:linear-gradient(135deg,#00b8ff,var(--blue));
}

.fp-faq-category-head .fp-eyebrow{
  font-size:15px!important;
  letter-spacing:.24em!important;
  margin-bottom:18px!important;
}

.fp-faq-bewerber .fp-eyebrow{
  color:#16a34a!important;
}

.fp-faq-unternehmen .fp-eyebrow{
  color:#ff8a00!important;
}

.fp-faq-portale .fp-eyebrow{
  color:#00aeea!important;
}

.fp-faq-category-head h2{
  font-size:clamp(44px,5.5vw,82px);
  line-height:1.03;
  letter-spacing:-3.5px;
  margin:0 0 22px;
  font-weight:1000;
  color:var(--dark);
  max-width:920px;
}

.fp-faq-category-head p{
  font-size:22px;
  line-height:1.85;
  color:var(--muted);
  max-width:870px;
}

.fp-faq-qa-list{
  max-width:1080px;
  display:grid;
  gap:28px;
}

.fp-faq-qa{
  background:#fff;
  border:1px solid var(--line);
  border-radius:34px;
  padding:36px 42px;
  box-shadow:0 18px 55px rgba(5,9,21,.07);
  position:relative;
  overflow:hidden;
}

.fp-faq-qa::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:8px;
  background:linear-gradient(180deg,var(--blue),var(--blue2));
}

.fp-faq-bewerber .fp-faq-qa::before{
  background:linear-gradient(180deg,#16a34a,#7be495);
}

.fp-faq-unternehmen .fp-faq-qa::before{
  background:linear-gradient(180deg,#ff8a00,#ffbd59);
}

.fp-faq-portale .fp-faq-qa::before{
  background:linear-gradient(180deg,#00b8ff,var(--blue));
}

.fp-faq-qa h3{
  font-size:30px;
  line-height:1.35;
  letter-spacing:-.9px;
  font-weight:1000;
  margin:0 0 16px;
  color:var(--text);
}

.fp-faq-qa p{
  font-size:21px;
  line-height:1.95;
  color:#475467;
  margin:0;
  max-width:940px;
}

.fp-faq-portal-links{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:26px;
  margin-top:62px;
}

.fp-faq-portal-link{
  min-height:270px;
  border-radius:38px;
  padding:36px;
  color:#fff;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  box-shadow:var(--shadow);
  position:relative;
  overflow:hidden;
}

.fp-faq-portal-link::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.66));
}

.fp-faq-portal-link > *{
  position:relative;
  z-index:1;
}

.fp-faq-portal-link.bahn{
  background:url("assets/portal-bahn.jpg") center/cover no-repeat;
}

.fp-faq-portal-link.medizin{
  background:url("assets/portal-medizin.jpg") center/cover no-repeat;
}

.fp-faq-portal-link span{
  font-size:46px;
  margin-bottom:18px;
}

.fp-faq-portal-link strong{
  font-size:38px;
  line-height:1.05;
  letter-spacing:-1.8px;
  font-weight:1000;
  margin-bottom:12px;
}

.fp-faq-portal-link small{
  font-size:18px;
  line-height:1.6;
  color:rgba(255,255,255,.84);
}

.fp-faq-simple-cta{
  padding:96px 0 110px;
  background:#fff;
}

.fp-faq-simple-cta-box{
  background:
    radial-gradient(circle at 85% 0%,rgba(255,255,255,.2),transparent 28%),
    linear-gradient(135deg,var(--blue),#04105f);
  color:#fff;
  border-radius:48px;
  padding:66px;
  box-shadow:0 30px 90px rgba(7,28,255,.25);
  position:relative;
  overflow:hidden;
}

.fp-faq-simple-cta-box::after{
  content:"FAQ";
  position:absolute;
  right:-32px;
  bottom:-72px;
  font-size:210px;
  line-height:1;
  font-weight:1000;
  letter-spacing:-12px;
  color:rgba(255,255,255,.08);
}

.fp-faq-simple-cta-box h2{
  position:relative;
  z-index:1;
  font-size:clamp(42px,5.8vw,84px);
  line-height:1;
  letter-spacing:-3.6px;
  margin:0 0 20px;
}

.fp-faq-simple-cta-box p{
  position:relative;
  z-index:1;
  font-size:23px;
  line-height:1.8;
  color:rgba(255,255,255,.82);
  max-width:780px;
  margin-bottom:30px;
}

.fp-faq-simple-cta-box div{
  position:relative;
  z-index:1;
  display:flex;
  gap:14px;
  flex-wrap:wrap;
}

.fp-faq-simple-cta-box .fp-btn{
  font-size:17px;
  padding:18px 30px;
}

@media(max-width:980px){
  .fp-faq-category-head{
    grid-template-columns:1fr;
    gap:24px;
  }

  .fp-faq-portal-links{
    grid-template-columns:1fr;
  }
}

@media(max-width:620px){
  .fp-faq-simple-hero h1{
    font-size:52px;
    letter-spacing:-2.2px;
  }

  .fp-faq-simple-hero p{
    font-size:19px;
    line-height:1.8;
  }

  .fp-faq-category{
    padding:74px 0;
  }

  .fp-faq-category-head h2{
    font-size:44px;
    letter-spacing:-2px;
  }

  .fp-faq-category-head p{
    font-size:19px;
    line-height:1.8;
  }

  .fp-faq-category-head > span{
    width:76px;
    height:76px;
    border-radius:24px;
    font-size:28px;
  }

  .fp-faq-qa{
    padding:28px 28px 30px 34px;
    border-radius:26px;
  }

  .fp-faq-qa h3{
    font-size:24px;
    line-height:1.4;
  }

  .fp-faq-qa p{
    font-size:18px;
    line-height:1.85;
  }

  .fp-faq-simple-cta-box{
    padding:40px 26px;
    border-radius:32px;
  }

  .fp-faq-simple-cta-box p{
    font-size:19px;
  }

  .fp-faq-simple-cta-box div{
    flex-direction:column;
  }
}


/* FAQ card-style refinement */
.fp-faq-category{
  padding:135px 0 !important;
}

.fp-faq-category-head{
  margin-bottom:78px !important;
}

.fp-faq-category-head h2{
  font-size:clamp(54px,6.2vw,94px) !important;
  line-height:1.08 !important;
  letter-spacing:-3.8px !important;
  max-width:980px !important;
}

.fp-faq-category-head p{
  font-size:25px !important;
  line-height:2.05 !important;
  max-width:940px !important;
}

.fp-faq-qa-list{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:34px !important;
  max-width:1180px !important;
}

.fp-faq-qa{
  min-height:330px !important;
  padding:44px 46px 46px !important;
  border-radius:38px !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,255,.94)) !important;
  border:1px solid rgba(230,235,245,.95) !important;
  box-shadow:0 24px 75px rgba(5,9,21,.10) !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
}

.fp-faq-qa::before{
  width:100% !important;
  height:10px !important;
  right:0 !important;
  bottom:auto !important;
}

.fp-faq-qa h3{
  font-size:33px !important;
  line-height:1.42 !important;
  letter-spacing:-1.1px !important;
  margin:0 0 24px !important;
}

.fp-faq-qa p{
  font-size:22px !important;
  line-height:2.12 !important;
  color:#425066 !important;
}

.fp-faq-bewerber .fp-faq-qa{
  background:
    radial-gradient(circle at 92% 8%,rgba(22,163,74,.12),transparent 24%),
    linear-gradient(180deg,#fff,#f7fff9) !important;
}

.fp-faq-unternehmen .fp-faq-qa{
  background:
    radial-gradient(circle at 92% 8%,rgba(255,138,0,.14),transparent 24%),
    linear-gradient(180deg,#fff,#fffaf3) !important;
}

.fp-faq-portale .fp-faq-qa{
  background:
    radial-gradient(circle at 92% 8%,rgba(0,184,255,.15),transparent 24%),
    linear-gradient(180deg,#fff,#f4fbff) !important;
}

.fp-faq-category-head > span{
  width:112px !important;
  height:112px !important;
  border-radius:34px !important;
  font-size:40px !important;
}

.fp-faq-portal-links{
  gap:34px !important;
  margin-top:82px !important;
}

.fp-faq-portal-link{
  min-height:330px !important;
  padding:46px !important;
  border-radius:42px !important;
}

.fp-faq-portal-link strong{
  font-size:46px !important;
  line-height:1.15 !important;
}

.fp-faq-portal-link small{
  font-size:21px !important;
  line-height:1.9 !important;
}

.fp-faq-simple-cta-box{
  padding:82px !important;
}

.fp-faq-simple-cta-box p{
  line-height:2.05 !important;
}

@media(max-width:980px){
  .fp-faq-qa-list{
    grid-template-columns:1fr !important;
  }

  .fp-faq-qa{
    min-height:auto !important;
  }
}

@media(max-width:620px){
  .fp-faq-category{
    padding:86px 0 !important;
  }

  .fp-faq-category-head{
    margin-bottom:48px !important;
  }

  .fp-faq-category-head h2{
    font-size:46px !important;
    line-height:1.12 !important;
    letter-spacing:-2px !important;
  }

  .fp-faq-category-head p{
    font-size:20px !important;
    line-height:1.95 !important;
  }

  .fp-faq-qa{
    padding:34px 30px !important;
    border-radius:30px !important;
  }

  .fp-faq-qa h3{
    font-size:26px !important;
    line-height:1.45 !important;
  }

  .fp-faq-qa p{
    font-size:19px !important;
    line-height:1.95 !important;
  }

  .fp-faq-category-head > span{
    width:82px !important;
    height:82px !important;
    border-radius:26px !important;
    font-size:30px !important;
  }

  .fp-faq-simple-cta-box{
    padding:42px 28px !important;
  }
}

/* SEO footer links */
.fp-seo-footer-links{
  margin-top:34px;
  padding:24px 0 4px;
  border-top:1px solid rgba(255,255,255,.12);
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
}
.fp-seo-footer-links strong{
  color:rgba(255,255,255,.9);
  margin-right:8px;
  font-size:14px;
}
.fp-seo-footer-links a{
  display:inline-flex;
  width:auto;
  margin:0;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  color:rgba(255,255,255,.72);
  font-size:13px;
}
.fp-seo-footer-links a:hover{
  color:#fff;
  background:rgba(7,28,255,.35);
}

/* SEO landing pages */
.fp-landing-hero{
  min-height:620px;
  background-size:cover;
  background-position:center;
  display:flex;
  align-items:center;
  color:#fff;
}
.fp-landing-hero-content{
  max-width:860px;
  padding:100px 0;
}
.fp-landing-hero h1{
  font-size:clamp(56px,7vw,104px);
  line-height:.94;
  letter-spacing:-4px;
  margin:0 0 24px;
  font-weight:1000;
}
.fp-landing-hero h1 span{
  color:#8fb0ff;
}
.fp-landing-hero p{
  font-size:24px;
  line-height:1.8;
  color:rgba(255,255,255,.82);
  max-width:780px;
  margin-bottom:32px;
}
.fp-landing-actions{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
}
.fp-landing-section,
.fp-landing-content{
  padding:110px 0;
}
.fp-landing-grid{
  display:grid;
  grid-template-columns:.95fr 1.05fr;
  gap:50px;
  align-items:start;
}
.fp-landing-grid h2{
  font-size:clamp(42px,5vw,82px);
  line-height:1;
  letter-spacing:-3px;
}
.fp-landing-grid p{
  font-size:21px;
  line-height:2;
  color:var(--muted);
}
.fp-landing-cards{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
  margin-top:54px;
}
.fp-landing-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:34px;
  padding:34px;
  box-shadow:0 18px 55px rgba(5,9,21,.07);
}
.fp-landing-card h3{
  font-size:30px;
  line-height:1.2;
  margin-bottom:16px;
}
.fp-landing-card p{
  font-size:19px;
  line-height:1.9;
  color:var(--muted);
}
.fp-landing-highlight{
  padding:20px 0 100px;
}
.fp-landing-highlight-box{
  background:linear-gradient(135deg,var(--blue),#06115f);
  border-radius:46px;
  padding:56px;
  color:#fff;
  display:grid;
  grid-template-columns:1fr auto;
  gap:40px;
  align-items:center;
}
.fp-landing-highlight-box h2{
  font-size:clamp(40px,5vw,72px);
  line-height:1;
  letter-spacing:-3px;
  margin-bottom:16px;
}
.fp-landing-highlight-box p{
  font-size:20px;
  line-height:1.9;
  color:rgba(255,255,255,.82);
}
.fp-landing-highlight-links{
  display:flex;
  flex-direction:column;
  gap:14px;
}
.fp-landing-highlight-links a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:18px 24px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  color:#fff;
  font-weight:700;
  border:1px solid rgba(255,255,255,.18);
}
.fp-landing-cta{
  padding:20px 0 120px;
}
.fp-landing-cta-box{
  background:#0b1020;
  color:#fff;
  border-radius:46px;
  padding:62px;
}
.fp-landing-cta-box h2{
  font-size:clamp(42px,5vw,78px);
  line-height:1;
  letter-spacing:-3px;
  margin-bottom:18px;
}
.fp-landing-cta-box p{
  font-size:21px;
  line-height:1.9;
  color:rgba(255,255,255,.82);
  margin-bottom:30px;
}
@media(max-width:980px){
  .fp-landing-grid,
  .fp-landing-cards,
  .fp-landing-highlight-box{
    grid-template-columns:1fr;
  }
}
@media(max-width:620px){
  .fp-landing-hero h1{
    font-size:54px;
    letter-spacing:-2px;
  }
  .fp-landing-hero p,
  .fp-landing-grid p,
  .fp-landing-card p,
  .fp-landing-highlight-box p,
  .fp-landing-cta-box p{
    font-size:18px;
    line-height:1.9;
  }
  .fp-landing-section,
  .fp-landing-content{
    padding:74px 0;
  }
  .fp-landing-card,
  .fp-landing-highlight-box,
  .fp-landing-cta-box{
    padding:32px 26px;
    border-radius:30px;
  }
}

/* Ratgeber / Blog overview */
.fp-ratgeber-hero{position:relative;min-height:650px;display:flex;align-items:center;overflow:hidden;background:#07122e;color:#fff}
.fp-ratgeber-hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,9,21,.94),rgba(5,9,21,.70),rgba(7,28,255,.18)),radial-gradient(circle at 80% 20%,rgba(7,28,255,.48),transparent 34%),url("assets/office-logo-wall.jpg") center/cover no-repeat;transform:scale(1.04)}
.fp-ratgeber-hero-content{position:relative;z-index:2;max-width:930px;padding:105px 0}
.fp-ratgeber-hero h1{font-size:clamp(54px,7vw,98px);line-height:.95;letter-spacing:-4.5px;font-weight:1000;margin:0 0 26px}
.fp-ratgeber-hero h1 span{color:#8fb0ff}
.fp-ratgeber-hero p{font-size:23px;line-height:1.8;color:rgba(255,255,255,.84);max-width:860px;margin-bottom:34px}
.fp-ratgeber-actions{display:flex;gap:15px;flex-wrap:wrap}
.fp-ratgeber-actions .fp-btn{font-size:17px;padding:18px 30px}
.fp-ratgeber-categories{margin-top:-58px;position:relative;z-index:5;padding-bottom:52px}
.fp-ratgeber-category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.fp-ratgeber-topic{background:#fff;border:1px solid var(--line);border-radius:32px;padding:30px;min-height:220px;box-shadow:0 24px 75px rgba(5,9,21,.12);transition:.25s ease}
.fp-ratgeber-topic:hover{transform:translateY(-5px);box-shadow:0 34px 95px rgba(5,9,21,.16)}
.fp-ratgeber-topic span{font-size:42px;display:block;margin-bottom:18px}
.fp-ratgeber-topic strong{display:block;font-size:27px;line-height:1.1;letter-spacing:-.8px;margin-bottom:10px;color:var(--dark)}
.fp-ratgeber-topic small{font-size:16px;line-height:1.6;color:var(--muted)}
.fp-ratgeber-list-section{padding:72px 0 110px}
.fp-ratgeber-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.fp-ratgeber-card{background:#fff;border:1px solid var(--line);border-radius:34px;overflow:hidden;box-shadow:0 18px 55px rgba(5,9,21,.08);transition:.25s ease}
.fp-ratgeber-card:hover{transform:translateY(-5px);box-shadow:0 30px 90px rgba(5,9,21,.14)}
.fp-ratgeber-image{display:block;height:230px;background-size:cover;background-position:center}
.fp-ratgeber-card-body{padding:28px}
.fp-ratgeber-meta{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.fp-ratgeber-meta span,.fp-home-ratgeber-card span{font-size:13px;font-weight:900;color:var(--blue);background:#eef2ff;border-radius:999px;padding:7px 11px}
.fp-ratgeber-card h3{font-size:27px;line-height:1.18;letter-spacing:-.9px;margin-bottom:13px}
.fp-ratgeber-card p{color:var(--muted);font-size:16px;line-height:1.75;margin-bottom:18px}
.fp-ratgeber-readmore{color:var(--blue);font-weight:1000}
.fp-ratgeber-empty{grid-column:1/-1;background:#fff;border:1px solid var(--line);border-radius:28px;padding:36px;text-align:center}
.fp-home-ratgeber{padding:88px 0;background:linear-gradient(180deg,#fff,#f6f8ff)}
.fp-home-ratgeber-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.fp-home-ratgeber-card{background:#fff;border:1px solid var(--line);border-radius:32px;overflow:hidden;box-shadow:0 18px 55px rgba(5,9,21,.07)}
.fp-home-ratgeber-img{display:block;height:210px;background-size:cover;background-position:center}
.fp-home-ratgeber-card div{padding:26px}
.fp-home-ratgeber-card h3{font-size:25px;line-height:1.18;letter-spacing:-.8px;margin:15px 0 12px}
.fp-home-ratgeber-card p{color:var(--muted);line-height:1.7;margin-bottom:16px}
.fp-home-ratgeber-more{text-align:center;margin-top:34px}
.fp-single-hero{background:radial-gradient(circle at 82% 16%,rgba(7,28,255,.18),transparent 34%),linear-gradient(180deg,#fff,#f4f7ff);padding:90px 0}
.fp-single-hero h1{max-width:980px;font-size:clamp(44px,6vw,82px);line-height:.98;letter-spacing:-3.5px;margin:20px 0 18px}
.fp-single-hero p{color:var(--muted);font-size:18px}
.fp-single-content{padding:50px 0 90px}
.fp-ratgeber-cta{padding:0 0 105px}
.fp-ratgeber-cta-box{background:linear-gradient(135deg,var(--blue),#04105f);color:#fff;border-radius:46px;padding:60px;box-shadow:0 30px 90px rgba(7,28,255,.25)}
.fp-ratgeber-cta-box h2{font-size:clamp(38px,5vw,74px);line-height:1;letter-spacing:-3px;margin-bottom:18px}
.fp-ratgeber-cta-box p{color:rgba(255,255,255,.82);font-size:21px;line-height:1.8;max-width:760px;margin-bottom:28px}
.fp-ratgeber-cta-box div{display:flex;gap:14px;flex-wrap:wrap}
@media(max-width:980px){.fp-ratgeber-category-grid,.fp-ratgeber-grid,.fp-home-ratgeber-grid{grid-template-columns:1fr}}
@media(max-width:620px){.fp-ratgeber-hero h1{font-size:52px;letter-spacing:-2.2px}.fp-ratgeber-hero p{font-size:19px}.fp-ratgeber-topic{min-height:auto}.fp-ratgeber-list-section{padding:54px 0 78px}.fp-ratgeber-cta-box{padding:40px 26px;border-radius:32px}}


/* Ratgeber card layout premium update */
.fp-home-ratgeber{
  padding:105px 0 !important;
  background:
    radial-gradient(circle at 10% 8%, rgba(7,28,255,.08), transparent 26%),
    linear-gradient(180deg,#ffffff 0%,#f5f8ff 100%) !important;
}

.fp-home-ratgeber .fp-section-head{
  margin-bottom:54px !important;
}

.fp-home-ratgeber-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:30px !important;
  align-items:stretch !important;
}

.fp-home-ratgeber-card{
  display:flex !important;
  flex-direction:column !important;
  height:100% !important;
  border-radius:38px !important;
  overflow:hidden !important;
  background:#fff !important;
  border:1px solid rgba(230,235,245,.95) !important;
  box-shadow:0 22px 75px rgba(5,9,21,.10) !important;
  transition:.28s ease !important;
}

.fp-home-ratgeber-card:hover{
  transform:translateY(-7px) !important;
  box-shadow:0 34px 100px rgba(5,9,21,.16) !important;
}

.fp-home-ratgeber-img{
  height:260px !important;
  background-size:cover !important;
  background-position:center !important;
  position:relative !important;
}

.fp-home-ratgeber-img::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.18));
}

.fp-home-ratgeber-card > div{
  padding:32px !important;
  display:flex !important;
  flex-direction:column !important;
  flex:1 !important;
}

.fp-home-ratgeber-card span{
  align-self:flex-start !important;
  margin-bottom:18px !important;
  font-size:13px !important;
  letter-spacing:.02em !important;
}

.fp-home-ratgeber-card h3{
  font-size:30px !important;
  line-height:1.18 !important;
  letter-spacing:-1.1px !important;
  margin:0 0 16px !important;
}

.fp-home-ratgeber-card h3 a{
  color:var(--dark) !important;
}

.fp-home-ratgeber-card p{
  font-size:18px !important;
  line-height:1.85 !important;
  color:var(--muted) !important;
  margin-bottom:26px !important;
  flex:1 !important;
}

.fp-home-ratgeber-card .fp-ratgeber-readmore{
  margin-top:auto !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:fit-content !important;
  border-radius:999px !important;
  padding:13px 20px !important;
  background:linear-gradient(135deg,var(--blue),var(--blue2)) !important;
  color:#fff !important;
  font-weight:1000 !important;
  box-shadow:0 14px 32px rgba(7,28,255,.22) !important;
}

.fp-home-ratgeber-more{
  margin-top:44px !important;
}

/* Full Ratgeber page premium cards */
.fp-ratgeber-list-section{
  padding:88px 0 120px !important;
  background:
    radial-gradient(circle at 88% 10%, rgba(0,184,255,.10), transparent 26%),
    linear-gradient(180deg,#ffffff 0%,#f7f9ff 100%) !important;
}

.fp-ratgeber-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:32px !important;
  align-items:stretch !important;
}

.fp-ratgeber-card{
  display:flex !important;
  flex-direction:column !important;
  height:100% !important;
  border-radius:40px !important;
  overflow:hidden !important;
  background:#fff !important;
  border:1px solid rgba(230,235,245,.95) !important;
  box-shadow:0 22px 75px rgba(5,9,21,.10) !important;
  transition:.28s ease !important;
}

.fp-ratgeber-card:hover{
  transform:translateY(-7px) !important;
  box-shadow:0 36px 105px rgba(5,9,21,.16) !important;
}

.fp-ratgeber-image{
  height:270px !important;
  background-size:cover !important;
  background-position:center !important;
  position:relative !important;
}

.fp-ratgeber-image::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.20));
}

.fp-ratgeber-card-body{
  padding:34px !important;
  display:flex !important;
  flex-direction:column !important;
  flex:1 !important;
}

.fp-ratgeber-meta{
  margin-bottom:19px !important;
}

.fp-ratgeber-meta span{
  font-size:13px !important;
  font-weight:1000 !important;
  background:#eef2ff !important;
  color:var(--blue) !important;
  padding:8px 12px !important;
}

.fp-ratgeber-card h3{
  font-size:31px !important;
  line-height:1.16 !important;
  letter-spacing:-1.2px !important;
  margin-bottom:17px !important;
}

.fp-ratgeber-card h3 a{
  color:var(--dark) !important;
}

.fp-ratgeber-card p{
  font-size:18px !important;
  line-height:1.85 !important;
  color:var(--muted) !important;
  margin-bottom:28px !important;
  flex:1 !important;
}

.fp-ratgeber-card .fp-ratgeber-readmore{
  margin-top:auto !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:fit-content !important;
  border-radius:999px !important;
  padding:13px 20px !important;
  background:linear-gradient(135deg,var(--blue),var(--blue2)) !important;
  color:#fff !important;
  font-weight:1000 !important;
  box-shadow:0 14px 32px rgba(7,28,255,.22) !important;
}

.fp-ratgeber-category-grid{
  gap:26px !important;
}

.fp-ratgeber-topic{
  border-radius:36px !important;
  min-height:240px !important;
  padding:34px !important;
}

.fp-ratgeber-topic strong{
  font-size:31px !important;
}

.fp-ratgeber-topic small{
  font-size:17px !important;
  line-height:1.75 !important;
}

@media(max-width:1100px){
  .fp-home-ratgeber-grid,
  .fp-ratgeber-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:760px){
  .fp-home-ratgeber-grid,
  .fp-ratgeber-grid,
  .fp-ratgeber-category-grid{
    grid-template-columns:1fr !important;
  }

  .fp-home-ratgeber-img,
  .fp-ratgeber-image{
    height:230px !important;
  }

  .fp-home-ratgeber-card > div,
  .fp-ratgeber-card-body{
    padding:26px !important;
  }

  .fp-home-ratgeber-card h3,
  .fp-ratgeber-card h3{
    font-size:26px !important;
  }

  .fp-home-ratgeber-card p,
  .fp-ratgeber-card p{
    font-size:17px !important;
  }
}


/* Premium Footer */
.fp-footer-premium{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 12%, rgba(7,28,255,.22), transparent 26%),
    radial-gradient(circle at 88% 18%, rgba(0,184,255,.12), transparent 24%),
    linear-gradient(180deg,#020817,#061535);
  color:#fff;
  padding:90px 0 36px;
}

.fp-footer-grid{
  display:grid;
  grid-template-columns:1.2fr 1fr 1fr 1fr;
  gap:50px;
  align-items:flex-start;
}

.fp-footer-col h3{
  font-size:32px;
  line-height:1.1;
  letter-spacing:-1px;
  margin-bottom:28px;
  color:#fff;
}

.fp-footer-col p,
.fp-footer-col li,
.fp-footer-col a{
  color:rgba(255,255,255,.84);
  font-size:19px;
  line-height:2;
}

.fp-footer-col ul{
  list-style:none;
  margin:0;
  padding:0;
}

.fp-footer-col li{
  margin-bottom:12px;
}

.fp-footer-col a:hover{
  color:#8fb0ff;
}

.fp-footer-logo{
  margin-top:40px;
}

.fp-footer-logo img{
  width:320px;
  max-width:100%;
  filter:drop-shadow(0 0 22px rgba(7,28,255,.45));
}

.fp-footer-contact p{
  margin-bottom:14px;
}

.fp-footer-bottom{
  border-top:1px solid rgba(255,255,255,.12);
  margin-top:70px;
  padding-top:28px;
  text-align:center;
}

.fp-footer-bottom p{
  color:rgba(255,255,255,.72);
  font-size:16px;
}

@media(max-width:1100px){
  .fp-footer-grid{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:760px){
  .fp-footer-grid{
    grid-template-columns:1fr;
    gap:34px;
  }

  .fp-footer-col h3{
    font-size:28px;
  }

  .fp-footer-col p,
  .fp-footer-col li,
  .fp-footer-col a{
    font-size:17px;
  }

  .fp-footer-logo img{
    width:260px;
  }
}


/* Footer clean correction */
.fp-footer-premium{
  position:relative !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 12% 14%, rgba(7,28,255,.18), transparent 28%),
    radial-gradient(circle at 88% 18%, rgba(0,184,255,.10), transparent 25%),
    linear-gradient(180deg,#020817,#07142e) !important;
  color:#fff !important;
  padding:82px 0 34px !important;
}

.fp-footer-premium .fp-footer-grid{
  display:grid !important;
  grid-template-columns:1.25fr .85fr .95fr 1fr !important;
  gap:46px !important;
  align-items:flex-start !important;
}

.fp-footer-premium .fp-footer-col h3{
  font-size:26px !important;
  line-height:1.15 !important;
  letter-spacing:-.7px !important;
  margin:0 0 22px !important;
  color:#fff !important;
}

.fp-footer-premium .fp-footer-subtitle{
  margin-top:34px !important;
}

.fp-footer-premium .fp-footer-col p,
.fp-footer-premium .fp-footer-col li,
.fp-footer-premium .fp-footer-col a{
  color:rgba(255,255,255,.78) !important;
  font-size:16px !important;
  line-height:1.85 !important;
  margin:0 !important;
}

.fp-footer-premium .fp-footer-col p{
  margin-bottom:16px !important;
}

.fp-footer-premium .fp-footer-col ul{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
}

.fp-footer-premium .fp-footer-col li{
  margin-bottom:9px !important;
}

.fp-footer-premium .fp-footer-col a{
  display:inline !important;
  background:none !important;
  border:none !important;
  padding:0 !important;
}

.fp-footer-premium .fp-footer-col a:hover{
  color:#8fb0ff !important;
}

.fp-footer-premium .fp-footer-logo{
  margin-top:34px !important;
}

.fp-footer-premium .fp-footer-logo img{
  width:300px !important;
  max-width:100% !important;
  height:auto !important;
  filter:drop-shadow(0 0 18px rgba(7,28,255,.35)) !important;
}

.fp-footer-premium .fp-footer-contact strong{
  color:#fff !important;
}

.fp-footer-premium .fp-footer-bottom{
  border-top:1px solid rgba(255,255,255,.12) !important;
  margin-top:58px !important;
  padding-top:25px !important;
  text-align:center !important;
}

.fp-footer-premium .fp-footer-bottom p{
  color:rgba(255,255,255,.65) !important;
  font-size:14px !important;
  line-height:1.6 !important;
}

@media(max-width:1100px){
  .fp-footer-premium .fp-footer-grid{
    grid-template-columns:1fr 1fr !important;
  }
}

@media(max-width:760px){
  .fp-footer-premium{
    padding:64px 0 28px !important;
  }

  .fp-footer-premium .fp-footer-grid{
    grid-template-columns:1fr !important;
    gap:32px !important;
  }

  .fp-footer-premium .fp-footer-logo img{
    width:250px !important;
  }
}


/* Stellenanzeigen */
.fp-jobs-hero{
  padding:120px 0 90px;
  text-align:center;
  background:
    radial-gradient(circle at 20% 10%, rgba(0,184,255,.12), transparent 28%),
    radial-gradient(circle at 80% 18%, rgba(7,28,255,.14), transparent 30%),
    linear-gradient(180deg,#fff,#f5f8ff);
}
.fp-jobs-hero h1{
  font-size:clamp(54px,7vw,98px);
  line-height:.95;
  letter-spacing:-4px;
  margin:22px 0;
}
.fp-jobs-hero h1 span{
  color:#00b8ff;
}
.fp-jobs-hero h1 .bahn{
  color:#071cff;
}
.fp-jobs-hero p{
  max-width:900px;
  margin:0 auto;
  font-size:22px;
  line-height:1.8;
  color:var(--muted);
}
.fp-jobs-split{
  display:grid;
  grid-template-columns:1fr 1fr;
}
.fp-job-half{
  position:relative;
  overflow:hidden;
}
.fp-job-half.medical{
  background:
    linear-gradient(180deg,rgba(0,184,255,.88),rgba(0,133,170,.92)),
    url("assets/portal-medizin.jpg") center/cover no-repeat;
}
.fp-job-half.bahn{
  background:
    linear-gradient(180deg,rgba(7,28,255,.86),rgba(5,9,21,.92)),
    url("assets/portal-bahn.jpg") center/cover no-repeat;
}
.fp-job-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.20),rgba(0,0,0,.45));
}
.fp-job-inner{
  position:relative;
  z-index:2;
  max-width:760px;
  margin:auto;
  padding:90px 60px;
  color:#fff;
}
.fp-job-label{
  display:inline-flex;
  padding:10px 16px;
  border-radius:999px;
  background:rgba(255,255,255,.18);
  backdrop-filter:blur(12px);
  font-size:13px;
  font-weight:900;
  margin-bottom:24px;
}
.fp-job-inner h2{
  font-size:clamp(42px,5vw,72px);
  line-height:.95;
  letter-spacing:-3px;
  margin-bottom:24px;
}
.fp-job-inner p{
  font-size:20px;
  line-height:1.85;
  color:rgba(255,255,255,.88);
}
.fp-job-cards{
  display:grid;
  gap:18px;
  margin:40px 0;
}
.fp-job-card{
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.16);
  backdrop-filter:blur(10px);
  border-radius:30px;
  padding:28px;
}
.fp-job-card h3{
  font-size:28px;
  margin-bottom:10px;
}
.fp-job-card span{
  display:inline-block;
  margin-bottom:12px;
  font-size:14px;
  font-weight:900;
  color:#dffcff;
}
.fp-job-card p{
  font-size:16px;
  margin:0;
}
.fp-job-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  padding:18px 28px;
  background:#fff;
  font-size:17px;
  font-weight:1000;
}
.medical-btn{
  color:#008db0;
}
.bahn-btn{
  color:#071cff;
}
@media(max-width:980px){
  .fp-jobs-split{
    grid-template-columns:1fr;
  }
}
@media(max-width:760px){
  .fp-job-inner{
    padding:70px 28px;
  }
  .fp-job-inner h2{
    font-size:48px;
  }
}


/* Stellenanzeigen redesigned columns */
.fp-jobs-hero{
  padding:118px 0 80px !important;
  text-align:center !important;
  background:
    radial-gradient(circle at 14% 10%, rgba(0,184,255,.16), transparent 28%),
    radial-gradient(circle at 88% 18%, rgba(7,28,255,.18), transparent 30%),
    linear-gradient(180deg,#ffffff,#f4f8ff) !important;
}
.fp-jobs-hero h1{
  font-size:clamp(54px,7vw,98px) !important;
  line-height:.96 !important;
  letter-spacing:-4px !important;
  margin:20px 0 !important;
}
.fp-jobs-hero h1 span{
  background:linear-gradient(135deg,#00b8ff,#071cff);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent !important;
}
.fp-jobs-hero p{
  max-width:920px !important;
  margin:0 auto !important;
  font-size:22px !important;
  line-height:1.85 !important;
  color:var(--muted) !important;
}
.fp-jobs-dual{
  padding:78px 0 96px !important;
  background:
    linear-gradient(90deg,rgba(0,184,255,.06),rgba(7,28,255,.06)),
    #fff !important;
}
.fp-jobs-dual-head{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:28px !important;
  margin-bottom:32px !important;
}
.fp-jobs-head-card{
  border-radius:40px !important;
  padding:42px !important;
  color:#fff !important;
  min-height:300px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-end !important;
  box-shadow:0 28px 90px rgba(5,9,21,.14) !important;
  position:relative !important;
  overflow:hidden !important;
}
.fp-jobs-head-card.medical{
  background:
    linear-gradient(180deg,rgba(0,184,255,.62),rgba(0,116,146,.90)),
    url("assets/portal-medizin.jpg") center/cover no-repeat !important;
}
.fp-jobs-head-card.rail{
  background:
    linear-gradient(180deg,rgba(7,28,255,.62),rgba(5,9,21,.90)),
    url("assets/portal-bahn.jpg") center/cover no-repeat !important;
}
.fp-jobs-head-card span{
  display:inline-flex !important;
  align-self:flex-start !important;
  border-radius:999px !important;
  padding:9px 14px !important;
  background:rgba(255,255,255,.17) !important;
  border:1px solid rgba(255,255,255,.22) !important;
  font-size:13px !important;
  font-weight:900 !important;
  margin-bottom:18px !important;
}
.fp-jobs-head-card h2{
  font-size:clamp(36px,4vw,58px) !important;
  line-height:1 !important;
  letter-spacing:-2px !important;
  margin:0 0 16px !important;
}
.fp-jobs-head-card p{
  color:rgba(255,255,255,.86) !important;
  font-size:18px !important;
  line-height:1.8 !important;
  margin:0 !important;
}
.fp-jobs-columns{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:28px !important;
  align-items:start !important;
}
.fp-jobs-column{
  border-radius:40px !important;
  padding:26px !important;
  display:grid !important;
  gap:18px !important;
}
.fp-jobs-column.medical{
  background:linear-gradient(180deg,rgba(0,184,255,.10),rgba(0,184,255,.03)) !important;
  border:1px solid rgba(0,184,255,.22) !important;
}
.fp-jobs-column.rail{
  background:linear-gradient(180deg,rgba(7,28,255,.10),rgba(7,28,255,.03)) !important;
  border:1px solid rgba(7,28,255,.22) !important;
}
.fp-job-list-card{
  background:#fff !important;
  border:1px solid rgba(230,235,245,.95) !important;
  border-radius:30px !important;
  padding:28px !important;
  box-shadow:0 18px 55px rgba(5,9,21,.07) !important;
  display:flex !important;
  flex-direction:column !important;
  min-height:270px !important;
  transition:.25s ease !important;
}
.fp-job-list-card:hover{
  transform:translateY(-4px) !important;
  box-shadow:0 26px 75px rgba(5,9,21,.12) !important;
}
.fp-job-tag{
  display:inline-flex !important;
  width:fit-content !important;
  border-radius:999px !important;
  padding:8px 12px !important;
  font-size:12px !important;
  font-weight:1000 !important;
  margin-bottom:18px !important;
  background:#eef2ff !important;
  color:var(--blue) !important;
}
.fp-jobs-column.medical .fp-job-tag{
  background:rgba(0,184,255,.12) !important;
  color:#0085a8 !important;
}
.fp-jobs-column.rail .fp-job-tag{
  background:rgba(7,28,255,.10) !important;
  color:#071cff !important;
}
.fp-job-list-card h3{
  font-size:27px !important;
  line-height:1.18 !important;
  letter-spacing:-.8px !important;
  color:var(--dark) !important;
  margin:0 0 10px !important;
}
.fp-job-location{
  font-weight:900 !important;
  color:#667085 !important;
  font-size:15px !important;
  margin:0 0 14px !important;
}
.fp-job-list-card p{
  color:var(--muted) !important;
  font-size:17px !important;
  line-height:1.75 !important;
  margin-bottom:24px !important;
}
.fp-job-card-btn{
  margin-top:auto !important;
  display:inline-flex !important;
  width:fit-content !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  padding:13px 20px !important;
  font-size:15px !important;
  font-weight:1000 !important;
  color:#fff !important;
  text-decoration:none !important;
  background:linear-gradient(135deg,var(--blue),var(--blue2)) !important;
  box-shadow:0 14px 32px rgba(7,28,255,.22) !important;
}
.fp-jobs-column.medical .fp-job-card-btn{
  background:linear-gradient(135deg,#00b8ff,#0085a8) !important;
  box-shadow:0 14px 32px rgba(0,184,255,.22) !important;
}
.fp-jobs-main-link{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  border-radius:999px !important;
  padding:18px 26px !important;
  font-weight:1000 !important;
  color:#fff !important;
  text-decoration:none !important;
  margin-top:10px !important;
}
.fp-jobs-main-link.medical{
  background:linear-gradient(135deg,#00b8ff,#0085a8) !important;
}
.fp-jobs-main-link.rail{
  background:linear-gradient(135deg,var(--blue),var(--blue2)) !important;
}
.fp-jobs-cta{
  padding:0 0 100px !important;
  background:#fff !important;
}
.fp-jobs-cta-box{
  border-radius:44px !important;
  padding:58px !important;
  background:linear-gradient(135deg,#071cff,#04105f) !important;
  color:#fff !important;
  box-shadow:0 28px 90px rgba(7,28,255,.24) !important;
}
.fp-jobs-cta-box h2{
  font-size:clamp(36px,5vw,70px) !important;
  line-height:1 !important;
  letter-spacing:-2.8px !important;
  margin-bottom:18px !important;
}
.fp-jobs-cta-box p{
  color:rgba(255,255,255,.82) !important;
  font-size:20px !important;
  line-height:1.8 !important;
  max-width:780px !important;
  margin-bottom:28px !important;
}
@media(max-width:980px){
  .fp-jobs-dual-head,
  .fp-jobs-columns{
    grid-template-columns:1fr !important;
  }
}
@media(max-width:620px){
  .fp-jobs-hero h1{
    font-size:50px !important;
    letter-spacing:-2.2px !important;
  }
  .fp-jobs-head-card,
  .fp-jobs-column{
    border-radius:30px !important;
    padding:26px !important;
  }
  .fp-job-list-card{
    min-height:auto !important;
  }
}


/* Real current jobs page */
.fp-real-jobs-page{
  background:#fff;
}
.fp-real-jobs-hero{
  position:relative;
  min-height:660px;
  display:flex;
  align-items:center;
  overflow:hidden;
  color:#fff;
  background:#061535;
}
.fp-real-jobs-bg{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(5,9,21,.94),rgba(5,9,21,.72),rgba(7,28,255,.18)),
    radial-gradient(circle at 18% 22%,rgba(0,184,255,.42),transparent 28%),
    radial-gradient(circle at 84% 20%,rgba(7,28,255,.50),transparent 30%),
    url("assets/hero-fair-personal.jpg") center/cover no-repeat;
  transform:scale(1.04);
}
.fp-real-jobs-hero-content{
  position:relative;
  z-index:2;
  max-width:980px;
  padding:105px 0;
}
.fp-real-jobs-hero h1{
  font-size:clamp(54px,7vw,98px);
  line-height:.96;
  letter-spacing:-4.5px;
  margin:0 0 26px;
  font-weight:1000;
}
.fp-real-jobs-hero h1 span{
  color:#52e5ff;
}
.fp-real-jobs-hero h1 strong{
  color:#8fb0ff;
  font-weight:1000;
}
.fp-real-jobs-hero p{
  font-size:23px;
  line-height:1.8;
  color:rgba(255,255,255,.84);
  max-width:850px;
  margin-bottom:34px;
}
.fp-real-jobs-actions{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
}
.fp-real-jobs-actions .fp-btn{
  font-size:17px;
  padding:18px 30px;
}
.fp-real-jobs-section{
  padding:95px 0;
  background:
    radial-gradient(circle at 10% 10%,rgba(0,184,255,.10),transparent 28%),
    radial-gradient(circle at 90% 10%,rgba(7,28,255,.10),transparent 28%),
    linear-gradient(180deg,#fff,#f5f8ff);
}
.fp-real-jobs-layout{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:32px;
  align-items:start;
}
.fp-real-jobs-column{
  border-radius:46px;
  padding:32px;
  display:flex;
  flex-direction:column;
  gap:22px;
}
.fp-real-jobs-column.medical{
  background:linear-gradient(180deg,rgba(0,184,255,.12),rgba(0,184,255,.035));
  border:1px solid rgba(0,184,255,.24);
}
.fp-real-jobs-column.rail{
  background:linear-gradient(180deg,rgba(7,28,255,.12),rgba(7,28,255,.035));
  border:1px solid rgba(7,28,255,.24);
}
.fp-real-jobs-head{
  min-height:310px;
  border-radius:36px;
  color:#fff;
  padding:38px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  box-shadow:0 28px 90px rgba(5,9,21,.14);
}
.fp-real-jobs-column.medical .fp-real-jobs-head{
  background:
    linear-gradient(180deg,rgba(0,184,255,.45),rgba(0,116,146,.90)),
    url("assets/portal-medizin.jpg") center/cover no-repeat;
}
.fp-real-jobs-column.rail .fp-real-jobs-head{
  background:
    linear-gradient(180deg,rgba(7,28,255,.45),rgba(5,9,21,.90)),
    url("assets/portal-bahn.jpg") center/cover no-repeat;
}
.fp-real-jobs-head span{
  display:inline-flex;
  width:fit-content;
  border-radius:999px;
  padding:9px 14px;
  background:rgba(255,255,255,.17);
  border:1px solid rgba(255,255,255,.22);
  font-size:13px;
  font-weight:1000;
  margin-bottom:18px;
}
.fp-real-jobs-head h2{
  font-size:clamp(34px,4vw,56px);
  line-height:1;
  letter-spacing:-2px;
  margin:0 0 16px;
}
.fp-real-jobs-head p{
  color:rgba(255,255,255,.86);
  font-size:18px;
  line-height:1.8;
  margin:0;
}
.fp-real-jobs-list{
  display:grid;
  gap:20px;
}
.fp-real-job-card{
  background:#fff;
  border:1px solid rgba(230,235,245,.95);
  border-radius:32px;
  padding:30px;
  box-shadow:0 18px 55px rgba(5,9,21,.08);
  display:flex;
  flex-direction:column;
  min-height:330px;
  transition:.25s ease;
  position:relative;
  overflow:hidden;
}
.fp-real-job-card::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:8px;
}
.fp-real-job-card.medical::before{
  background:linear-gradient(90deg,#00b8ff,#7df4ff);
}
.fp-real-job-card.rail::before{
  background:linear-gradient(90deg,#071cff,#6b8dff);
}
.fp-real-job-card:hover{
  transform:translateY(-5px);
  box-shadow:0 30px 85px rgba(5,9,21,.14);
}
.fp-real-job-top{
  display:flex;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:18px;
}
.fp-real-job-pill,
.fp-real-job-salary{
  display:inline-flex;
  border-radius:999px;
  padding:8px 12px;
  font-size:12px;
  font-weight:1000;
}
.fp-real-job-card.medical .fp-real-job-pill{
  color:#007b98;
  background:rgba(0,184,255,.12);
}
.fp-real-job-card.rail .fp-real-job-pill{
  color:#071cff;
  background:rgba(7,28,255,.10);
}
.fp-real-job-salary{
  color:#16a34a;
  background:rgba(22,163,74,.10);
}
.fp-real-job-card h3{
  font-size:29px;
  line-height:1.16;
  letter-spacing:-.9px;
  color:var(--dark);
  margin:0 0 18px;
}
.fp-real-job-meta{
  display:grid;
  gap:8px;
  margin-bottom:18px;
}
.fp-real-job-meta span{
  color:#667085;
  font-size:15px;
  font-weight:850;
}
.fp-real-job-card p{
  color:var(--muted);
  font-size:17px;
  line-height:1.75;
  margin:0 0 26px;
}
.fp-real-job-button{
  margin-top:auto;
  width:fit-content;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  padding:14px 22px;
  color:#fff;
  font-size:15px;
  font-weight:1000;
  text-decoration:none;
}
.fp-real-job-card.medical .fp-real-job-button{
  background:linear-gradient(135deg,#00b8ff,#0086a8);
  box-shadow:0 14px 32px rgba(0,184,255,.22);
}
.fp-real-job-card.rail .fp-real-job-button{
  background:linear-gradient(135deg,var(--blue),var(--blue2));
  box-shadow:0 14px 32px rgba(7,28,255,.22);
}
.fp-real-jobs-main-link{
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:999px;
  padding:18px 26px;
  color:#fff;
  text-decoration:none;
  font-weight:1000;
  margin-top:8px;
}
.fp-real-jobs-main-link.medical{
  background:linear-gradient(135deg,#00b8ff,#0086a8);
}
.fp-real-jobs-main-link.rail{
  background:linear-gradient(135deg,var(--blue),var(--blue2));
}
.fp-real-jobs-cta{
  padding:0 0 105px;
  background:#f5f8ff;
}
.fp-real-jobs-cta-box{
  border-radius:44px;
  padding:60px;
  color:#fff;
  background:linear-gradient(135deg,var(--blue),#04105f);
  box-shadow:0 30px 90px rgba(7,28,255,.24);
}
.fp-real-jobs-cta-box h2{
  font-size:clamp(38px,5vw,72px);
  line-height:1;
  letter-spacing:-3px;
  margin-bottom:18px;
}
.fp-real-jobs-cta-box p{
  color:rgba(255,255,255,.84);
  font-size:21px;
  line-height:1.8;
  max-width:780px;
  margin-bottom:28px;
}
@media(max-width:1000px){
  .fp-real-jobs-layout{
    grid-template-columns:1fr;
  }
}
@media(max-width:620px){
  .fp-real-jobs-hero h1{
    font-size:50px;
    letter-spacing:-2.2px;
  }
  .fp-real-jobs-hero p{
    font-size:19px;
  }
  .fp-real-jobs-column{
    padding:22px;
    border-radius:32px;
  }
  .fp-real-jobs-head{
    min-height:260px;
    padding:28px;
    border-radius:28px;
  }
  .fp-real-job-card{
    min-height:auto;
    padding:26px;
    border-radius:28px;
  }
  .fp-real-job-card h3{
    font-size:25px;
  }
  .fp-real-jobs-cta-box{
    padding:40px 26px;
    border-radius:32px;
  }
}
