/* Gestaltung der Textseiten Impressum und Datenschutz – gleicher Kopf und Fuß wie die Startseite */
.kopf { background: #FFFFFF; border-bottom: 1px solid #E6E8F0; }
.kopf-innen, .fuss-innen { max-width: 1280px; margin: 0 auto; padding: 12px 24px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 24px; }
.marke { display: flex; align-items: center; gap: 12px; text-decoration: none; color: #10152B; }
.marke img { width: 56px; height: 56px; object-fit: contain; display: block; }
.marke span { display: flex; flex-direction: column; gap: 2px; }
.marke strong { font: 800 19px/1.1 Manrope, sans-serif; }
.marke small { font: 400 13px/1.2 Inter, sans-serif; color: #5A6172; }
.kopf nav { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; font: 500 15px Inter, sans-serif; }
.kopf nav a { color: #10152B; text-decoration: none; padding: 12px 14px; border-radius: 999px; }
.kopf nav a:hover { background: #F0F2F8; }
.kopf nav a.knopf { margin-left: 8px; background: #283C80; color: #FFFFFF; padding: 12px 22px; font-weight: 600; }
.kopf nav a.knopf:hover { background: #182686; }

.text { max-width: 820px; margin: 0 auto; padding: 72px 24px 96px; font: 400 17px/1.65 Inter, system-ui, sans-serif; color: #10152B; }
.marke-chip { display: inline-block; background: #E4E8F5; color: #182686; padding: 6px 14px; border-radius: 999px; font-size: 13px; font-weight: 600; }
.text h1 { margin: 16px 0 32px; font: 800 clamp(34px, 4.4vw, 54px)/1.05 Manrope, sans-serif; letter-spacing: -0.02em; }
.text h2 { margin: 44px 0 12px; font: 800 24px/1.2 Manrope, sans-serif; }
.text h3 { margin: 24px 0 8px; font: 700 18px/1.3 Manrope, sans-serif; }
.text p, .text ul { margin: 0 0 14px; color: #2B3146; }
.text ul { padding-left: 22px; }
.text li { margin-bottom: 6px; }
.text .spalten { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 0 32px; }
.text .kasten { background: #FFFFFF; border-radius: 18px; padding: 20px 24px; box-shadow: 0 1px 2px rgba(16, 24, 64, 0.05); margin: 16px 0 24px; }
.text .kasten p:last-child { margin-bottom: 0; }

.fuss { background: #0F1A5E; color: #B9C0EA; font: 400 15px Inter, sans-serif; }
.fuss-innen { padding: 36px 24px; }
.fuss-innen > span { display: flex; align-items: center; gap: 12px; }
.fuss-innen img { width: 44px; height: 44px; object-fit: contain; display: block; }
.fuss nav { display: flex; flex-wrap: wrap; gap: 8px 24px; }
.fuss nav a { color: #DDE2F5; padding: 10px 0; }

@media (max-width: 760px) {
  .kopf nav { width: 100%; }
  .kopf nav a { padding: 10px 12px; font-size: 14px; }
  .text { padding: 48px 20px 72px; }
}