.silver-stripe {
  display:block; width:100%;
  background:linear-gradient(to right,#c8c8c8 0%,#e8e8e8 12%,#f5f5f5 22%,#ffffff 35%,#ffffff 50%,#f5f5f5 65%,#e4e4e4 78%,#d0d0d0 88%,#c0c0c0 100%);
  border-top:1px solid #b0b0b0; border-bottom:1px solid #b8b8b8;
  box-shadow:0 2px 6px rgba(0,0,0,.18),0 -1px 3px rgba(0,0,0,.08),inset 0 1px 2px rgba(255,255,255,.9),inset 0 -1px 2px rgba(0,0,0,.06);
  padding:14px 32px; margin:0; text-align:center;
  color:#096492; font-size:22px; font-weight:400; line-height:1.4; letter-spacing:.01em;
}
.silver-stripe h2,.silver-stripe h3 {
  margin:0; padding:0; font-size:inherit; font-weight:inherit;
  color:inherit; background:none; border:none; line-height:inherit; display:inline;
}
.seo-body { max-width:960px; margin:0 auto; padding:28px 32px 32px; text-align:center; }
.seo-body h3 { font-size:16px; font-weight:600; color:#023D60; margin:0 0 10px; padding:0; border:none; background:none; }
.seo-body p  { color:#444; font-size:15px; line-height:1.72; margin:0; }

:root { --w1:#023D60;--w2:#095A83;--w3:#1482B4;--w4:#0B608A;--w5:#033F62;
  --wg:linear-gradient(135deg,#023D60 0%,#095A83 30%,#1482B4 55%,#0B608A 80%,#033F62 100%); }
section.cnt-hero {
  background:var(--wg) !important; color:#fff; padding:0; overflow:hidden; position:relative;
  box-shadow:0 8px 32px rgba(2,61,96,.28);
}
section.cnt-hero::before {
  content:''; position:absolute; inset:0;
  background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);
  background-size:26px 26px; pointer-events:none;
}
section.cnt-hero::after {
  content:''; position:absolute; top:-60%; right:-8%; width:50%; height:220%;
  background:radial-gradient(ellipse,rgba(20,130,180,.18) 0%,transparent 68%); pointer-events:none;
}
.cnt-inner { max-width:1140px; margin:0 auto; display:flex; align-items:center; min-height:280px; padding:0 28px; position:relative; z-index:1; }
.cnt-text { flex:0 0 58%; padding:48px 0 44px; z-index:2; }
.cnt-text > * { animation:cnt-herotxt .65s cubic-bezier(.22,1,.36,1) both; }
.cnt-text > *:nth-child(1){animation-delay:.05s}.cnt-text > *:nth-child(2){animation-delay:.12s}
.cnt-text > *:nth-child(3){animation-delay:.18s}.cnt-text > *:nth-child(4){animation-delay:.24s}
@keyframes cnt-herotxt { from{opacity:0;transform:translateY(9px)} to{opacity:1;transform:translateY(0)} }
.cnt-badge { display:inline-flex; align-items:center; gap:8px; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.22); border-radius:20px; padding:4px 14px; font-size:11.5px; letter-spacing:.08em; text-transform:uppercase; font-weight:600; margin-bottom:20px; color:#fff; }
.cnt-lead { font-size:15px; color:rgba(255,255,255,.8); max-width:520px; line-height:1.75; margin-bottom:28px; }
.cnt-actions { display:flex; gap:12px; flex-wrap:wrap; }
.cnt-btn-w { display:inline-flex; align-items:center; background:#fff !important; color:#023D60 !important; font-size:13.5px; font-weight:700; padding:10px 22px; border-radius:5px; text-decoration:none; transition:all .2s; border:none !important; }
.cnt-btn-w:hover { background:#e5f2fa !important; transform:translateY(-1px); }
.cnt-btn-o { display:inline-flex; align-items:center; border:1px solid rgba(255,255,255,.38) !important; color:rgba(255,255,255,.9) !important; font-size:13.5px; font-weight:500; padding:10px 20px; border-radius:5px; text-decoration:none; transition:all .2s; background:transparent !important; }
.cnt-btn-o:hover { border-color:rgba(255,255,255,.65) !important; background:rgba(255,255,255,.09) !important; }
.cnt-right { flex:1; display:flex; align-items:center; justify-content:flex-start; padding-left:20px; z-index:2; animation:cnt-heroright .8s cubic-bezier(.22,1,.36,1) .15s both; }
@keyframes cnt-heroright { from{opacity:0;transform:translateX(20px)} to{opacity:1;transform:translateX(0)} }
.cnt-svg-icon { height:260px; width:auto; opacity:.88;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.3) 8%,rgba(0,0,0,.8) 22%,black 36%,black 75%,rgba(0,0,0,.3) 90%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.3) 8%,rgba(0,0,0,.8) 22%,black 36%,black 75%,rgba(0,0,0,.3) 90%,transparent 100%); }
.breadcrumb-bar { width:100% !important; max-width:100% !important; margin:0 !important; box-sizing:border-box !important; background:#e8e8e8 !important; border-bottom:1px solid #fff !important; display:flex !important; align-items:center !important; }
.breadcrumb-inner { max-width:1200px; margin:0 auto; padding:6px 16px; font-size:12px; display:flex !important; align-items:center !important; gap:7px; color:#555; width:100%; }
.breadcrumb-inner a { color:#003354 !important; text-decoration:none !important; display:flex; align-items:center; gap:4px; }
.breadcrumb-inner a:hover { text-decoration:underline !important; }
.breadcrumb-sep { margin:0 5px; color:#666; }
.page-content { min-height:320px; padding-bottom:60px; box-sizing:border-box; }
.nav-links li { margin:0 !important; }

/* Kontakt-Karten */
.kontakt-grid { max-width:900px; margin:0 auto; padding:36px 32px; display:grid; grid-template-columns:1fr 1fr; gap:28px; }
.kontakt-card { background:#f8fafc; border:1px solid #dde6ef; border-radius:10px; padding:28px 28px 24px; text-align:center; }
.kontakt-card-icon { width:48px; height:48px; margin:0 auto 14px; background:var(--wg); border-radius:50%; display:flex; align-items:center; justify-content:center; }
.kontakt-card-icon svg { width:22px; height:22px; fill:none; stroke:#fff; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.kontakt-card h3 { font-size:15px; font-weight:700; color:#023D60; margin:0 0 12px; padding:0; border:none; background:none; }
.kontakt-card p { color:#444; font-size:14px; line-height:1.85; margin:0; }
.kontakt-card a { color:#023D60; font-weight:600; text-decoration:none; }
.kontakt-card a:hover { text-decoration:underline; }
.kontakt-card .highlight { font-size:17px; font-weight:700; color:#023D60; }

@media(max-width:760px) {
  .cnt-inner { flex-direction:column; min-height:auto; padding:0 20px; }
  .cnt-text { flex:none; width:100%; padding:28px 0 16px; }
  .cnt-right { flex-direction:row; flex-wrap:wrap; padding:0 0 24px; width:100%; }
  .kontakt-grid { grid-template-columns:1fr; gap:16px; padding:24px 20px; }
}

/* Formular-Karte: text-align links, damit Felder korrekt dargestellt werden */
.kontakt-card.kontakt-form-card { text-align:left; }
.kontakt-form-card form { display:grid; grid-template-columns:1fr 1fr; gap:14px 20px; }
.kontakt-form-card label { display:block; font-size:12px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:#555; margin-bottom:5px; }
.kontakt-form-card input[type="text"],
.kontakt-form-card input[type="email"],
.kontakt-form-card select,
.kontakt-form-card textarea { width:100%; padding:9px 12px; border:1.5px solid #dde6ef; border-radius:6px; font-size:14px; color:#1a2533; background:#fff; box-sizing:border-box; font-family:inherit; display:block; }
.kontakt-form-card textarea { min-height:110px; resize:vertical; }
.kontakt-form-card .form-full { grid-column:1/-1; }
.kontakt-form-card .dsgvo-row { grid-column:1/-1; display:flex; align-items:flex-start; gap:10px; }
.kontakt-form-card .dsgvo-row input[type="checkbox"] { width:16px; height:16px; margin-top:3px; flex-shrink:0; accent-color:#023D60; cursor:pointer; }
.kontakt-form-card .dsgvo-row label { font-size:13px; color:#444; line-height:1.5; cursor:pointer; font-weight:400; letter-spacing:0; text-transform:none; margin-bottom:0; }
.kontakt-form-card .form-btn { background:#023D60; color:#fff; border:none; padding:11px 32px; border-radius:6px; font-size:14px; font-weight:700; cursor:pointer; transition:background .2s; }
.kontakt-form-card .form-btn:hover { background:#095A83; }
.kontakt-form-card .form-btn:disabled { opacity:.6; cursor:not-allowed; }
.kontakt-form-card .form-status { font-size:13px; min-height:18px; }
