:root {
      --brand:#004080; --accent:#4dadb3; --accent-soft:#e6f7f8; --surface:#fff;
      --muted:#5f6b7a; --line:#d9e2ec; --bg:#f6f8fb; --link:#0645ad;
      --radius:18px; --shadow:0 10px 30px rgba(15,23,42,.08);
    }
    * { box-sizing:border-box; }
    body { margin:0; font-family:Arial, Helvetica, sans-serif; color:#14213d; background:var(--bg); line-height:1.5; }
    a { color:var(--link); text-decoration:none; }
    a:hover { text-decoration:underline; }
    .container { width:min(1120px, calc(100% - 32px)); margin-inline:auto; }
    .hero { background:linear-gradient(135deg,#fff 0%,#e9f7f8 100%); border-bottom:1px solid var(--line); }
    .hero-inner { padding:48px 0 34px; text-align:center; }
    .eyebrow { display:inline-flex; color:var(--brand); font-weight:700; background:#fff; border:1px solid var(--line); border-radius:999px; padding:6px 12px; }
    h1 { margin:18px 0 12px; color:var(--brand); font-size:clamp(2rem,5vw,3.4rem); line-height:1.08; }
    .lead { max-width:820px; margin:0 auto; color:var(--muted); font-size:1.08rem; }
    .section { padding:28px 0; }
    h2 { margin:0 0 16px; color:var(--brand); font-size:1.45rem; }
    .panel { background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); box-shadow:var(--shadow); padding:20px; }
    .chip-list { display:flex; flex-wrap:wrap; gap:10px; justify-content:center; }
    .chip { display:inline-flex; align-items:center; min-height:34px; padding:7px 12px; border-radius:999px; background:var(--accent-soft); border:1px solid #b9e4e7; color:#07575d; font-weight:600; font-size:.92rem; }
    .grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(245px,1fr)); gap:12px; }
    .card { display:flex; align-items:center; gap:10px; padding:13px 14px; background:#fff; border:1px solid var(--line); border-radius:14px; color:#102a43; transition:.15s ease; min-height: 100px;}
    .card::before { content:"›"; display:grid; place-items:center; flex:0 0 24px; width:24px; height:24px; border-radius:50%; background:var(--accent); color:#fff; font-weight:700; }
    .card:hover { border-color:var(--accent); box-shadow:0 8px 18px rgba(77,173,179,.16); text-decoration:none; transform:translateY(-1px); }
    .actions { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; }
    .button { display:inline-flex; padding:10px 14px; border-radius:12px; background:var(--brand); color:#fff; font-weight:700; }
    .button.secondary { background:#fff; color:var(--brand); border:1px solid var(--line); }
    .partner-grid,.topic-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:10px; }
    .partner { text-align:center; padding:12px; background:#fff; border:1px solid var(--line); border-radius:12px; color:#c00; font-weight:700; }
    .topic-card { display:block; padding:16px; background:#fff; border:1px solid var(--line); border-radius:14px; color:#14213d; }
    .topic-card strong { display:block; color:var(--brand); margin-bottom:6px; }
    .topic-card span { color:var(--muted); }
    .footer { margin-top:28px; padding:28px 0; text-align:center; color:var(--muted); border-top:1px solid var(--line); background:#fff; }
    @media (max-width:700px) { .hero-inner { padding-top:34px; } .panel { padding:16px; } }
    .search-bar {
  display: grid;
  grid-template-columns: 1fr 1fr auto;
  gap: 10px;
  align-items: center;
}

.search-field input {
  width: 100%;
  padding: 14px 16px;
  border-radius: 10px;
  border: 1px solid var(--line);
  font-size: 1rem;
  background: #f1f3f5;
  transition: border 0.2s, background 0.2s;
}

.search-field input:focus {
  outline: none;
  border-color: var(--accent);
  background: #fff;
}

.search-button {
  padding: 14px 20px;
  border-radius: 10px;
  border: none;
  background: #1c1f24;
  color: #fff;
  font-weight: bold;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.2s;
}

.search-button:hover {
  background: #000;
}

/* Responsive */
@media (max-width: 700px) {
  .search-bar {
    grid-template-columns: 1fr;
  }

  .search-button {
    width: 100%;
  }
}

.job-list {
  display: flex;
  flex-direction: column;
}

.job-card {
  display: flex;
  gap: 16px;
  padding: 16px;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  text-decoration: none;
  color: inherit;
  transition: background 0.2s;
}

.job-card:hover {
  background: #f8f9fb;
}

.job-card img {
  width: 70px;
  height: 70px;
  object-fit: contain;

   background: url('/firma.webp') center/contain no-repeat;

  border-radius: 8px;
  border: 1px solid var(--line);
  padding: 6px;

  display: block;
}

.job-card img {
  opacity: 0;
  transition: opacity 0.2s ease;
}

.job-card img[src] {
  opacity: 1;
}

.job-content {
  flex: 1;
}

.job-content h3 {
  font-size: 1rem;
  margin: 0 0 6px;
  line-height: 1.3;
}

.job-meta {
  font-size: 0.85rem;
  color: #666;
  margin-bottom: 8px;
}

.job-meta .location {
  font-weight: bold;
  margin-left: 8px;
}

.job-content p {
  font-size: 0.85rem;
  color: #666;
  margin: 0;
  line-height: 1.5;
}

/* Mobile */
@media (max-width: 600px) {
  .job-card {
    flex-direction: row;
  }

  .job-content h3 {
    font-size: 0.95rem;
  }
}

.footer {
  border-top: 1px solid var(--line);
  margin-top: 40px;
  padding: 20px 0;
  font-size: 0.9rem;
  color: #666;
}

.footer-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.footer-brand {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 600;
  color: var(--brand)
}

.footer-brand img {
  width: 28px;
  height: 28px;
}

.footer-links {
  display: flex;
  gap: 16px;
}

.footer-links a {
  text-decoration: none;
  color: #666;
}

.footer-links a:hover {
  color: #000;
}

.footer-meta {
  display: flex;
  gap: 10px;
  font-size: 0.8rem;
}

/* Mobile */
@media (max-width: 600px) {
  .footer-inner {
    flex-direction: column;
    align-items: flex-start;
  }

  .footer-meta {
    flex-direction: column;
    gap: 4px;
  }
}

.section-header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 12px;
}

.powered-by {
  font-size: 11px;
  color: #999;
}

.no-results {
  text-align: center;
  padding: 40px 20px;
  color: #666;
}

.no-results h3 {
  margin-bottom: 10px;
  font-size: 1.2rem;
}
.notice {
  background: #fff8e1;
  border: 1px solid #f0e0a0;
}

.notice h3 {
  margin-bottom: 8px;
}

.notice p {
  margin: 0;
  color: #555;
}

.link-card {
  display: flex;
  align-items: flex-start;
  gap: 12px;

  padding: 16px 18px;
  background: #fff;

  border: 1px solid var(--line);
  border-radius: 16px;

  text-decoration: none;
  color: inherit;

  transition: all 0.18s ease;
}

.link-card::before {
  content: "›";
  display: flex;
  align-items: center;
  justify-content: center;

  flex: 0 0 26px;
  width: 26px;
  height: 26px;

  border-radius: 50%;
  background: var(--accent);
  color: #fff;
  font-weight: 700;
}

.link-card:hover {
  border-color: var(--accent);
  box-shadow: 0 10px 25px rgba(0,0,0,0.08);
  transform: translateY(-2px);
  text-decoration: none !important;
}

/* Inhalt */
.link-card-content {
  display: flex;
  flex-direction: column;
}

/* Titel */
.link-card-title {
  font-weight: 700;
  color: var(--link);
  margin-bottom: 4px;
    word-break: break-word;
  overflow-wrap: break-word;
}

/* Beschreibung */
.link-card-desc {
  font-size: 0.9rem;
  color: var(--muted);
}


.link-icon {
  width: 28px;
  height: 28px;
  border-radius: 6px;
  flex-shrink: 0;
}

.link-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  min-height: 110px;
}

@media (max-width: 700px) {
  .link-grid {
    grid-template-columns: 1fr;
  }
}


.dbt{
	margin-bottom: 12px;
}

.stgbt{
margin-top: 20px;
  text-align: center;
}