.elementor-6286 .elementor-element.elementor-element-acaf2ea{--display:flex;}/* Start custom CSS */.fkjp-job-card {
    max-width: 1080px;
    margin: 48px auto;
    background: #ffffff;
    border-radius: 18px;
    box-shadow: 0 12px 32px rgba(0,0,0,0.08);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    color: #111827;
    overflow: hidden;
}

/* Header */
.fkjp-job-header {
    display: flex;
    gap: 24px;
    padding: 36px;
    align-items: center;
}

.fkjp-job-logo {
    width: 88px;
    height: 88px;
    border-radius: 14px;
    background: #f3f4f6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.fkjp-job-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.fkjp-job-title {
    font-size: 1.8rem;
    font-weight: 700;
    margin: 0;
    line-height: 1.2;
}

.fkjp-job-company {
    margin-top: 6px;
    font-size: 1rem;
    color: #6b7280;
}

/* Badges */
.fkjp-job-badges {
    padding: 0 36px 24px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.fkjp-badge {
    background: #eef2ff;
    color: #4338ca;
    padding: 6px 14px;
    border-radius: 999px;
    font-size: 0.85rem;
    font-weight: 500;
}

/* Content */
.fkjp-job-content {
    padding: 36px;
    border-top: 1px solid #e5e7eb;
}

.fkjp-section {
    margin-bottom: 32px;
}

.fkjp-section h3 {
    font-size: 1.15rem;
    font-weight: 600;
    margin-bottom: 12px;
}

.fkjp-section p {
    font-size: 1rem;
    line-height: 1.7;
    color: #374151;
}

/* Footer */
.fkjp-job-footer {
    padding: 24px 36px;
    background: #f9fafb;
    border-top: 1px solid #e5e7eb;
    font-size: 0.95rem;
    color: #374151;
}

/* Mobile */
@media (max-width: 640px) {
    .fkjp-job-header {
        flex-direction: column;
        align-items: flex-start;
    }

    .fkjp-job-logo {
        width: 72px;
        height: 72px;
    }
}
.fkjp-company-links{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  margin-top:10px;
}

.fkjp-company-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  text-decoration:none;
  color:#111827;
  font-size:13px;
}

/* Icon-Container – wie vorher */
.fkjp-company-link i{
  width:34px;
  height:34px;
  border-radius:10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#f3f4f6;
  border:1px solid #e5e7eb;
  font-size:15px;
  transition:all .15s ease;
}

/* Text bewusst ruhig */
.fkjp-company-link span{
  opacity:.8;
  font-weight:500;
}

/* Hover: nur Icon wird betont */
.fkjp-company-link:hover span{
  opacity:1;
}

/* Brand-Hover nur auf Icon */
.fkjp-company-link.fkjp-facebook:hover i{
  background:#1877f2;
  border-color:#1877f2;
  color:#fff;
}

.fkjp-company-link.fkjp-instagram:hover i{
  background:#e1306c;
  border-color:#e1306c;
  color:#fff;
}

.fkjp-company-link.fkjp-youtube:hover i{
  background:#ff0000;
  border-color:#ff0000;
  color:#fff;
}

.fkjp-company-link.fkjp-twitter:hover i{
  background:#000;
  border-color:#000;
  color:#fff;
}

.fkjp-company-link.fkjp-website:hover i{
  background:#0f766e;
  border-color:#0f766e;
  color:#fff;
}

.fkjp-apply-accordion { margin-top:14px; }
.fkjp-apply-wrap{ width:100%; }
.fkjp-apply-btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding:12px 14px; border-radius:14px;
  background:#111827; color:#fff; border:0;
  font-weight:800; cursor:pointer;
  margin: 10px 25px 35px 35px;
}
.fkjp-apply-panel{
  margin-top:12px;
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:16px;
  padding:16px;
  box-shadow:0 6px 24px rgba(0,0,0,.06);
}
.fkjp-apply-form{
    max-width:1080px;
    margin-top:12px;
    width:100%;
}

.fkjp-apply-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:18px;
}

/* Labels */
.fkjp-apply-form label{
    font-size:13px;
    font-weight:600;
    color:#111827;
}

/* Text inputs */
.fkjp-input{
    width:100%;
    height:52px;
    padding:0 14px;
    margin-top:6px;
    font-size:15px;
    border:1px solid #e5e7eb;
    border-radius:12px;
    background:#fff;
}

.fkjp-input:focus,
.fkjp-textarea:focus{
    outline:none;
    border-color:#111827;
    box-shadow:0 0 0 3px rgba(17,24,39,.08);
}

/* Textarea */
.fkjp-textarea{
    width:100%;
    min-height:160px;
    padding:12px 14px;
    margin-top:6px;
    font-size:15px;
    line-height:1.5;
    border:1px solid #e5e7eb;
    border-radius:12px;
    resize:vertical;
}

/* File */
.fkjp-apply-form input[type="file"]{
    margin-top:6px;
    font-size:14px;
}

/* DSGVO */
.fkjp-apply-form .fkjp-gdpr{
    display:flex;
    gap:10px;
    font-size:13px;
    line-height:1.4;
}

/* Button */
.fkjp-apply-form button.fkjp-btn{
    margin-top:14px;
    padding:14px 18px;
    font-size:15px;
    font-weight:800;
    border-radius:14px;
}

/* ====== Layout: breiter + schöner ====== */
.fkjp-apply-wrap{ width:100%; }

.fkjp-apply-form{
  width:100%;
  max-width: 920px;          /* <-- hier breiter machen */
}

/* Wenn dein Accordion/Container die Breite begrenzt, hilft das hier: */
.fkjp-apply-panel{ width:100%; }
.fkjp-apply-panel .fkjp-apply-form{ max-width: 920px; }

/* ====== Floating Label Wrapper ====== */
.fkjp-field{
  position:relative;
  width:100%;
  margin-top:16px;
}

/* Inputs + Textarea */
.fkjp-input,
.fkjp-textarea{
  width:100%;
  border:1px solid #e5e7eb;
  border-radius:14px;
  background:#fff;
  font-size:16px;            /* mobile friendly */
  padding:18px 14px 12px;    /* oben mehr Platz für Label */
  outline:none;
  box-sizing:border-box;
}

.fkjp-input{ height:56px; }
.fkjp-textarea{ min-height:180px; resize:vertical; }

/* Label */
.fkjp-field label{
  position:absolute;
  left:14px;
  top:18px;
  font-size:14px;
  color:rgba(17,24,39,.65);
  pointer-events:none;
  transition: all .14s ease;
  background:#fff;
  padding:0 6px;
  border-radius:999px;
}

/* Floating Zustand: focus oder value vorhanden */
.fkjp-input:focus + label,
.fkjp-input:not(:placeholder-shown) + label,
.fkjp-textarea:focus + label,
.fkjp-textarea:not(:placeholder-shown) + label{
  top:6px;
  font-size:12px;
  color:#111827;
}

/* Focus Ring */
.fkjp-input:focus,
.fkjp-textarea:focus{
  border-color:#111827;
  box-shadow:0 0 0 4px rgba(17,24,39,.08);
}

/* DSGVO */
.fkjp-gdpr{
  display:flex;
  gap:10px;
  align-items:flex-start;
  margin-top:14px;
  font-size:13px;
  line-height:1.35;
}

/* Button */
.fkjp-apply-form .fkjp-btn{
  margin-top:14px;
  padding:14px 18px;
  font-size:15px;
  font-weight:800;
  border-radius:14px;
}

/* Mobile spacing */
@media(max-width:640px){
  .fkjp-apply-form{ max-width: 100%; }
  .fkjp-input{ height:58px; }
}/* End custom CSS */