body:not(.homepage) {
  color: #17324a;
  background:
    radial-gradient(ellipse at 86% 0, rgba(215, 234, 249, .48), transparent 34rem),
    #f4f7fb;
  font-family: Arial, Helvetica, sans-serif;
}

body:not(.homepage) #wrapper {
  max-width: 1200px;
  width: calc(100% - 40px);
  min-height: 0;
  margin: 20px auto 40px;
}

body:not(.homepage) #headerbild {
  position: relative;
  display: flex;
  min-height: 126px;
  align-items: center;
  margin: 0 0 16px;
  padding: 22px clamp(20px, 4vw, 42px);
  overflow: hidden;
  isolation: isolate;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 20px;
  background: linear-gradient(115deg, #073e69, #075c94 72%, #0c72ae);
  box-shadow: 0 12px 30px rgba(17, 53, 82, .12);
}

body:not(.homepage) #headerbild img {
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  width: 42%;
  height: 100%;
  max-height: none;
  object-fit: cover;
  object-position: center;
  opacity: .3;
  border-radius: 0;
  box-shadow: none;
}

body:not(.homepage) .site-header-copy {
  position: relative;
  z-index: 1;
  display: grid;
  max-width: min(680px, 76%);
  gap: 7px;
  color: #fff;
}

body:not(.homepage) .site-header-copy strong {
  font-size: clamp(20px, 2.4vw, 26px);
  font-weight: 700;
  letter-spacing: -.3px;
}

body:not(.homepage) .site-header-copy span {
  color: #e7f3fc;
  font-size: 14px;
  line-height: 1.5;
}

body:not(.homepage) #breadcrumb {
  margin: 0 0 12px;
  padding: 9px 14px;
  border: 1px solid #e1e9f0;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 4px 14px rgba(17, 53, 82, .05);
  line-height: 1.4;
}

body:not(.homepage) #breadcrumb a,
body:not(.homepage) #breadcrumb b,
body:not(.homepage) #breadcrumb h2 {
  color: #526b80;
  font-size: 12px;
  font-weight: 500;
  font-style: normal;
}

body:not(.homepage) #breadcrumb a {
  margin-left: 0;
  padding: 4px 6px;
}

body:not(.homepage) .versicherung_content {
  border: 1px solid #e1e9f0;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 8px 26px rgba(17, 53, 82, .07);
  overflow-x: hidden;
}

body:not(.homepage) .versicherung_ueberschrift {
  color: #fff;
  background: linear-gradient(135deg, #07558d, #0b70ad);
  border-radius: 15px 15px 0 0;
  font-size: 15px;
  font-weight: 700;
  padding: 15px 16px;
}

body:not(.homepage) .versicherung_box ins a {
  color: #07558d;
  border-top: 1px solid #e8eef3;
  font-size: 13px;
  padding: 12px 16px 8px;
}

body:not(.homepage) .versicherung_box p {
  margin: 0;
  padding: 0 16px;
  font-size: 13px;
}

body:not(.homepage) .versicherung_box p a {
  display: block;
  color: #435b70;
  padding: 5px 8px;
  border-radius: 6px;
}

body:not(.homepage) .versicherung_box p a:hover,
body:not(.homepage) .versicherung_box p a:focus-visible {
  color: #07558d;
  background: #edf5fb;
}

body:not(.homepage) .versicherung_content a[aria-current="page"],
body:not(.homepage) .versicherung_content a.versicherung-nav-current {
  color: #073e69;
  background: #e7f2fa;
  font-weight: 700;
}

body:not(.homepage) .versicherung_content a[aria-current="page"]::after,
body:not(.homepage) .versicherung_content a.versicherung-nav-current::after {
  content: "Aktuelle Seite";
  display: block;
  margin-top: 3px;
  color: #526b80;
  font-size: 10px;
  font-weight: 500;
}

body:not(.homepage) .content .content_farbe,
body:not(.homepage) .content_inhalt .content_farbe,
body:not(.homepage) .ratgeber .content_farbe,
body:not(.homepage) .rechner_intern .content_farbe {
  color: #17324a;
  background: #fff;
  border: 1px solid #e4ebf1;
  border-radius: 18px;
  box-shadow: 0 10px 30px rgba(17, 53, 82, .07);
}

body:not(.homepage) #wrapper > .content_farbe {
  color: #435b70;
  background: #fff;
  border: 1px solid #e4ebf1;
  border-radius: 18px;
  box-shadow: 0 10px 30px rgba(17, 53, 82, .07);
}

body:not(.homepage) #wrapper > .content_farbe .content_maske {
  padding: 24px clamp(18px, 4vw, 42px);
}

body:not(.homepage) #wrapper > .content_farbe p,
body:not(.homepage) #wrapper > .content_farbe li,
body:not(.homepage) #wrapper > .content_farbe span,
body:not(.homepage) #wrapper > .content_farbe strong,
body:not(.homepage) #wrapper > .content_farbe em,
body:not(.homepage) #wrapper > .content_farbe b,
body:not(.homepage) #wrapper > .content_farbe i {
  color: #435b70;
  font-size: 15px;
  line-height: 1.8;
  text-align: left;
}

body:not(.homepage) #wrapper > .ueberschrift_inhalt {
  display: block;
  margin: 0 0 14px;
  padding: 0 4px;
  color: #173f5e;
  font-size: 24px;
  text-align: left;
}

body:not(.homepage) #wrapper > .ueberschrift_inhalt h1,
body:not(.homepage) #wrapper > .ueberschrift_inhalt h2 {
  color: #173f5e !important;
  font-size: clamp(24px, 3vw, 32px);
  font-weight: 700;
  line-height: 1.25;
}

body:not(.homepage) .content .content_maske {
  padding: 14px 16px 18px;
}

body:not(.homepage) .content .content_maske > span {
  display: block;
  padding: 10px 24px;
  border: 0;
  text-align: left;
}

body:not(.homepage) .content .content_maske > span:first-child {
  padding-top: 26px;
}

body:not(.homepage) .content .content_maske h1 {
  color: #173f5e;
  font-size: clamp(26px, 3vw, 34px);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -.4px;
  overflow-wrap: anywhere;
  hyphens: auto;
}

body:not(.homepage) .content .content_maske h2 {
  color: #294d69;
  font-size: 19px;
  font-weight: 600;
  line-height: 1.4;
}

body:not(.homepage) .content .content_maske h3,
body:not(.homepage) .content .content_maske h4,
body:not(.homepage) .content .content_maske h5 {
  color: #526b80;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
}

body:not(.homepage) .content .content_maske span,
body:not(.homepage) .content .content_maske p,
body:not(.homepage) .content .content_maske li,
body:not(.homepage) .content .content_maske em,
body:not(.homepage) .content .content_maske b,
body:not(.homepage) .content .content_maske i {
  color: #435b70;
}

body:not(.homepage) .content .content_maske a:not(.vergleichstartena),
body:not(.homepage) .content_inhalt .content_farbe a,
body:not(.homepage) .ratgeber .content_farbe a {
  color: #075c94;
  text-decoration: underline;
  text-underline-offset: 2px;
}

body:not(.homepage) .content .content_maske a:not(.vergleichstartena):hover,
body:not(.homepage) .content_inhalt .content_farbe a:hover,
body:not(.homepage) .ratgeber .content_farbe a:hover {
  color: #073e69;
}

body:not(.homepage) .content .content_maske .vergleichstartena,
body:not(.homepage) .content .content_maske a.vergleichstartena {
  display: inline-flex;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  margin: 8px 0 12px;
  padding: 12px 22px;
  border: 0;
  border-radius: 10px;
  background: #ffd166;
  color: #17324a;
  box-shadow: 0 4px 12px rgba(17, 53, 82, .12);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.35;
  text-align: center;
  text-decoration: none;
  white-space: normal;
}

body:not(.homepage) .content .content_maske .vergleichstartena:hover,
body:not(.homepage) .content .content_maske a.vergleichstartena:hover {
  color: #17324a;
  background: #ffdc8a;
}

body:not(.homepage) .content_inhalt .content_farbe,
body:not(.homepage) .ratgeber .content_farbe {
  padding: 26px clamp(20px, 4vw, 42px);
}

body:not(.homepage) .content_inhalt .content_farbe h1,
body:not(.homepage) .content_inhalt .content_farbe h2,
body:not(.homepage) .content_inhalt .content_farbe h3,
body:not(.homepage) .content_inhalt .content_farbe h4,
body:not(.homepage) .content_inhalt .content_farbe h5,
body:not(.homepage) .ratgeber .content_farbe h1,
body:not(.homepage) .ratgeber .content_farbe h2,
body:not(.homepage) .ratgeber .content_farbe h3,
body:not(.homepage) .ratgeber .content_farbe h4,
body:not(.homepage) .ratgeber .content_farbe h5 {
  color: #173f5e;
  font-weight: 700;
}

body:not(.homepage) .content_inhalt .content_farbe p,
body:not(.homepage) .content_inhalt .content_farbe li,
body:not(.homepage) .ratgeber .content_farbe p,
body:not(.homepage) .ratgeber .content_farbe li,
body:not(.homepage) .ratgeber .content_farbe ol {
  color: #435b70;
  font-size: 15px;
  line-height: 1.8;
  text-align: left;
}

body:not(.homepage) .ratgeber .content_farbe > p {
  padding: 10px 0;
  max-width: 76ch;
}

body:not(.homepage) .ratgeber .ueberschrift_inhalt {
  display: block;
}

body:not(.homepage) .ratgeber .ueberschrift_inhalt > p {
  max-width: 76ch;
  padding: 10px 0;
}

body:not(.homepage) .ratgeber .ueberschrift_inhalt h2 {
  margin: 0 0 12px;
  padding: 0 0 12px;
  border-bottom: 1px solid #e5edf3;
  color: #173f5e;
  font-size: clamp(22px, 2.5vw, 28px);
  line-height: 1.35;
  text-align: left;
}

body:not(.homepage) .ratgeber .content_farbe > ul {
  margin: 20px 0 8px;
}

body:not(.homepage) .ratgeber .content_farbe > ul > li {
  margin: 0;
  padding: 12px 14px;
  border: 1px solid #e2ebf2;
  border-left: 4px solid #e69824;
  border-radius: 8px;
  background: #f5f8fb;
  color: #173f5e;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  list-style: none;
}

body:not(.homepage) .ratgeber .content_farbe > ul > li h3 {
  display: inline;
  color: #173f5e;
  font-size: inherit;
  font-weight: inherit;
}

body:not(.homepage) .ratgeber .content_farbe strong {
  color: #294d69;
}

body:not(.homepage) .content_inhalt .content_farbe > p,
body:not(.homepage) .ratgeber .content_farbe > ul,
body:not(.homepage) .ratgeber .content_farbe > ol {
  max-width: 78ch;
}

body:not(.homepage) .ratgeber .content_farbe table {
  border-collapse: collapse;
}

body:not(.homepage) .ratgeber .content_farbe th,
body:not(.homepage) .ratgeber .content_farbe td {
  padding: 11px 13px;
  line-height: 1.55;
}

body:not(.homepage) .ratgeber .content_farbe :target {
  scroll-margin-top: 20px;
}

body:not(.homepage) .box8link .hilfe {
  background: #eaf3f9;
  box-shadow: none;
}

body:not(.homepage) .box8link .hilfe a.tooltipsklein {
  color: #07558d;
}

@media (max-width: 899px) {
  body:not(.homepage) .box8link {
    border: 1px solid #e1e9f0;
    background: #fff;
    box-shadow: 0 8px 26px rgba(17, 53, 82, .07);
  }

  body:not(.homepage) .box8link__toggle-btn {
    min-height: 48px;
    margin-bottom: 8px;
    padding: 10px 12px;
    border: 1px solid #d5e4ef;
    background: #edf5fb;
    color: #07558d;
    font-size: 15px;
    box-shadow: none;
  }

  body:not(.homepage) #box8link_titel {
    color: #07558d;
  }

  body:not(.homepage) .box8link__toggle-btn:hover,
  body:not(.homepage) .box8link__toggle-btn:focus {
    background: #dcecf7;
  }

  body:not(.homepage) .box8link__toggle-icon {
    border-color: #07558d;
  }

  body:not(.homepage) .box8link .vergleichstartenindex2 {
    border: 1px solid #e1e9f0;
    background: #fff;
    color: #07558d;
  }

  body:not(.homepage) .box8link .vergleichstartenindex2:hover {
    background: #edf5fb;
    color: #073e69;
  }
}

body:not(.homepage) .box8link .nav-mobil__item--current > a {
  border-left: 4px solid #075c94;
  background: #e7f2fa;
}

body:not(.homepage) .footer {
  border: 1px solid #e1e9f0;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 6px 20px rgba(17, 53, 82, .06);
}

body:not(.homepage) .footer a {
  color: #435b70;
}

body:not(.homepage) a:focus-visible,
body:not(.homepage) button:focus-visible {
  outline: 3px solid #ffbf47;
  outline-offset: 3px;
}

@media (min-width: 900px) {
  body:not(.homepage) .versicherung_content {
    position: sticky;
    top: 16px;
    max-height: calc(100vh - 32px);
    overflow-y: auto;
  }
}

@media (max-width: 899px) {
  body:not(.homepage) #wrapper {
    width: calc(100% - 28px);
    margin-top: 14px;
  }

  body:not(.homepage) #headerbild {
    min-height: 112px;
    border-radius: 14px;
  }

  body:not(.homepage) #headerbild img {
    width: 44%;
  }

  body:not(.homepage) #breadcrumb {
    padding: 8px 10px;
  }

  body:not(.homepage) .content,
  body:not(.homepage) .content_inhalt,
  body:not(.homepage) .ratgeber,
  body:not(.homepage) .rechner_intern {
    width: 100%;
    margin-left: 0;
  }

  body:not(.homepage) .ratgeber {
    margin-top: 0;
  }

  body:not(.homepage) .abstand {
    padding-bottom: 0;
  }

  body:not(.homepage) .content .content_maske > span {
    padding-right: 18px;
    padding-left: 18px;
  }

  body:not(.homepage) .content_inhalt .content_farbe,
  body:not(.homepage) .ratgeber .content_farbe {
    padding: 22px 20px;
  }

  body:not(.homepage) #wrapper > .content_farbe {
    border-radius: 14px;
  }

  body:not(.homepage) #wrapper > .content_farbe .content_maske {
    padding: 18px 16px;
  }
}

@media (max-width: 550px) {
  body:not(.homepage) #wrapper {
    width: calc(100% - 24px);
    margin: 12px auto 24px;
  }

  body:not(.homepage) #headerbild {
    min-height: 104px;
    margin-bottom: 12px;
    padding: 17px 18px;
  }

  body:not(.homepage) .site-header-copy {
    max-width: 82%;
    gap: 5px;
  }

  body:not(.homepage) .site-header-copy strong {
    font-size: 20px;
  }

  body:not(.homepage) .site-header-copy span {
    font-size: 12px;
  }

  body:not(.homepage) #headerbild img {
    width: 48%;
    opacity: .18;
  }

  body:not(.homepage) .content .content_farbe,
  body:not(.homepage) .content_inhalt .content_farbe,
  body:not(.homepage) .ratgeber .content_farbe {
    border-radius: 14px;
  }

  body:not(.homepage) .content .content_maske {
    padding: 8px 6px 12px;
  }

  body:not(.homepage) .content .content_maske > span {
    padding: 8px 14px;
  }

  body:not(.homepage) .content .content_maske > span:first-child {
    padding-top: 22px;
  }

  body:not(.homepage) .content .content_maske h1 {
    font-size: clamp(25px, 7vw, 31px);
    line-height: 1.2;
  }

  body:not(.homepage) .content .content_maske h2 {
    font-size: 18px;
  }

  body:not(.homepage) .content_inhalt .content_farbe,
  body:not(.homepage) .ratgeber .content_farbe {
    padding: 20px 17px;
  }

  body:not(.homepage) .content_inhalt .content_farbe p,
  body:not(.homepage) .content_inhalt .content_farbe li,
  body:not(.homepage) .ratgeber .content_farbe p,
  body:not(.homepage) .ratgeber .content_farbe li,
  body:not(.homepage) .ratgeber .content_farbe ol {
    font-size: 15px;
    line-height: 1.75;
  }

  body:not(.homepage) .ratgeber .content_farbe > p,
  body:not(.homepage) .ratgeber .ueberschrift_inhalt > p {
    padding: 8px 0;
  }

  body:not(.homepage) .content .content_maske .vergleichstartena,
  body:not(.homepage) .content .content_maske a.vergleichstartena {
    width: 100%;
    margin: 8px 0;
  }

  body:not(.homepage) .sozial_web {
    padding-top: 30px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body:not(.homepage) *,
  body:not(.homepage) *::before,
  body:not(.homepage) *::after {
    transition-duration: .01ms !important;
  }
}