/* immojobs.de — Layout der Content-/SEO-Seiten. Farben und Schrift wie auf der Startseite. */
:root{--pink:#C94878;--pink-l:#E8628E;--pink-d:#A83862;--navy:#1E2533;--navy-l:#2D3A52;
--g50:#F9FAFB;--g100:#F3F4F6;--g200:#E5E7EB;--g300:#D1D5DB;--g400:#9CA3AF;
--g500:#6B7280;--g600:#4B5563;--g700:#374151;--g900:#111827}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Lato',system-ui,-apple-system,sans-serif;background:#fff;color:var(--g900);
line-height:1.7;font-size:17px;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}

/* Kopf */
.c-hdr{background:#fff;border-bottom:1px solid var(--g200);position:sticky;top:0;z-index:50}
.c-hdr-in{max-width:1100px;margin:0 auto;padding:0 22px;height:68px;display:flex;
align-items:center;justify-content:space-between;gap:18px}
.c-logo{font-size:1.35rem;font-weight:900;letter-spacing:-.5px;color:var(--navy);text-decoration:none;white-space:nowrap}
.c-logo span{color:var(--pink)}
.c-nav{display:flex;gap:20px;font-size:.93rem}
.c-nav a{color:var(--g600);text-decoration:none;font-weight:700;white-space:nowrap}
.c-nav a:hover{color:var(--pink)}
.c-cta{background:var(--pink);color:#fff;padding:10px 17px;border-radius:9px;font-weight:700;
text-decoration:none;font-size:.9rem;white-space:nowrap}
.c-cta:hover{background:var(--pink-d)}
@media(max-width:900px){.c-nav{display:none}}

/* Brotkrumen */
.c-crumbs{max-width:820px;margin:0 auto;padding:20px 22px 0;font-size:.83rem;color:var(--g500)}
.c-crumbs a{color:var(--g500);text-decoration:none}
.c-crumbs a:hover{color:var(--pink)}
.c-crumbs i{color:var(--g300);font-style:normal;margin:0 3px}

/* Inhalt */
.c-wrap{max-width:820px;margin:0 auto;padding:8px 22px 60px}
.c-wide{max-width:1100px}
h1{font-size:2.3rem;line-height:1.2;letter-spacing:-.9px;margin:16px 0 14px;font-weight:900}
h2{font-size:1.5rem;line-height:1.3;letter-spacing:-.4px;margin:42px 0 14px;font-weight:900}
h3{font-size:1.14rem;margin:26px 0 8px;font-weight:700}
.c-lead{font-size:1.14rem;color:var(--g600);margin-bottom:26px}
p{margin-bottom:16px}
.c-wrap ul,.c-wrap ol{margin:0 0 18px 22px}
.c-wrap li{margin-bottom:7px}
a{color:var(--pink)}
strong{font-weight:700}
.c-note{background:var(--g50);border:1px solid var(--g200);border-left:4px solid var(--pink);
border-radius:0 10px 10px 0;padding:16px 20px;margin:22px 0;font-size:.96rem}
table{width:100%;border-collapse:collapse;margin:20px 0;font-size:.95rem}
th{text-align:left;padding:10px 12px;border-bottom:2px solid var(--g200);font-size:.8rem;
text-transform:uppercase;letter-spacing:.4px;color:var(--g500)}
td{padding:11px 12px;border-bottom:1px solid var(--g100);vertical-align:top}
.c-scroll{overflow-x:auto}

/* Stellenkarten */
.c-jobs{display:grid;gap:12px;margin:22px 0}
.c-job{border:1px solid var(--g200);border-radius:13px;padding:20px 22px;transition:.15s}
.c-job:hover{border-color:var(--pink-l);box-shadow:0 6px 20px rgba(201,72,120,.08)}
.c-job h3{margin:0 0 3px;font-size:1.1rem}
.c-job h3 a{color:var(--g900);text-decoration:none}
.c-job h3 a:hover{color:var(--pink)}
.c-job-co{color:var(--g500);font-size:.9rem;margin-bottom:10px}
.c-job-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}
.c-job-tags span{background:var(--g100);color:var(--g600);padding:3px 10px;border-radius:6px;font-size:.79rem;font-weight:700}
.c-job-tags .c-sal{background:#ECFDF5;color:#065F46}
.c-job-more{font-size:.88rem;font-weight:700;text-decoration:none}
.c-empty{border:1.5px dashed var(--g300);border-radius:13px;padding:28px 24px;text-align:center;margin:22px 0}
.c-empty p{color:var(--g500);font-size:.95rem;margin:8px 0 16px}

.c-btn{display:inline-block;background:var(--pink);color:#fff;padding:13px 24px;border-radius:10px;
font-weight:700;text-decoration:none}
.c-btn:hover{background:var(--pink-d)}
.c-btn-lg{padding:16px 30px;font-size:1.03rem}
.c-btn-ghost{background:#fff;color:var(--g700);border:1px solid var(--g300)}
.c-btn-ghost:hover{background:var(--g50)}

/* Suchprofil-Band */
.c-band{background:linear-gradient(135deg,var(--navy) 0%,var(--navy-l) 100%);color:#fff;
padding:48px 22px;margin-top:56px}
.c-band>div{max-width:820px;margin:0 auto}
.c-band h2{margin:0 0 10px;font-size:1.65rem}
.c-band p{color:#cbd5e1;margin-bottom:22px}

/* Kachelgitter (Übersichtsseite) */
.c-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(258px,1fr));gap:14px;margin:22px 0}
.c-card{border:1px solid var(--g200);border-radius:13px;padding:20px;text-decoration:none;
color:inherit;display:block;transition:.15s}
.c-card:hover{border-color:var(--pink-l);box-shadow:0 6px 20px rgba(201,72,120,.08)}
.c-card strong{display:block;font-size:1.04rem;margin-bottom:5px;color:var(--g900)}
.c-card span{color:var(--g500);font-size:.9rem}
.c-card em{display:block;margin-top:9px;color:var(--pink);font-style:normal;font-weight:700;font-size:.85rem}

/* FAQ */
.c-faq{margin:22px 0}
.c-faq details{border-bottom:1px solid var(--g200);padding:15px 0}
.c-faq summary{font-weight:700;cursor:pointer;font-size:1.02rem;list-style:none;
display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
.c-faq summary::-webkit-details-marker{display:none}
.c-faq summary::after{content:'+';color:var(--pink);font-weight:900;font-size:1.3rem;line-height:1}
.c-faq details[open] summary::after{content:'−'}
.c-faq details p{margin:11px 0 0;color:var(--g600);font-size:.98rem}

/* Einzelanzeige */
.c-jobhead{background:var(--g50);border-bottom:1px solid var(--g200);padding:34px 22px 30px}
.c-jobhead>div{max-width:820px;margin:0 auto}
.c-jobhead h1{font-size:1.95rem;margin:8px 0 6px}
.c-jobhead .c-job-co{font-size:1.05rem;margin-bottom:14px}
.c-apply{background:var(--pink);color:#fff;display:inline-block;padding:15px 30px;border-radius:11px;
font-weight:700;text-decoration:none;margin-top:6px}
.c-apply:hover{background:var(--pink-d)}
.c-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:26px 0}
.c-meta div{background:var(--g50);border:1px solid var(--g200);border-radius:10px;padding:13px 16px}
.c-meta dt{font-size:.74rem;text-transform:uppercase;letter-spacing:.4px;color:var(--g500);font-weight:700}
.c-meta dd{margin:2px 0 0;font-weight:700}

/* Fuß */
.c-foot{border-top:1px solid var(--g200);background:var(--g50);padding:30px 22px;text-align:center}
.c-foot-in{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:12px}
.c-foot-in a{color:var(--g600);text-decoration:none;font-size:.9rem;font-weight:700}
.c-foot-in a:hover{color:var(--pink)}
.c-foot-c{color:var(--g400);font-size:.83rem}
@media(max-width:640px){h1{font-size:1.75rem}h2{font-size:1.3rem}body{font-size:16.5px}}