@font-face {
  font-family: Social Icons Font;
  src: url('../fonts/social-icon-font.woff2') format("woff2"), url('../fonts/social-icon-font.eot') format("embedded-opentype"), url('../fonts/social-icon-font.woff') format("woff"), url('../fonts/social-icon-font.ttf') format("truetype"), url('../fonts/social-icon-font.svg') format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Line Square Icons;
  src: url('../fonts/line-square-icons.woff2') format("woff2"), url('../fonts/line-square-icons.eot') format("embedded-opentype"), url('../fonts/line-square-icons.woff') format("woff"), url('../fonts/line-square-icons.ttf') format("truetype"), url('../fonts/line-square-icons.svg') format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Filled Icons;
  src: url('../fonts/filled-icon-font.woff2') format("woff2"), url('../fonts/filled-icon-font.eot') format("embedded-opentype"), url('../fonts/filled-icon-font.woff') format("woff"), url('../fonts/filled-icon-font.ttf') format("truetype"), url('../fonts/filled-icon-font.svg') format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Line Rounded Icons;
  src: url('../fonts/line-rounded-icons.woff2') format("woff2"), url('../fonts/line-rounded-icons.eot') format("embedded-opentype"), url('../fonts/line-rounded-icons.woff') format("woff"), url('../fonts/line-rounded-icons.ttf') format("truetype"), url('../fonts/line-rounded-icons.svg') format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Roboto;
  src: url('../fonts/Roboto-Light.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Roboto;
  src: url('../fonts/Roboto-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Roboto;
  src: url('../fonts/Roboto-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Sourceserif 4";
  src: url('../fonts/SourceSerif4-VariableFont_opszwght.ttf') format("truetype");
  font-weight: 200 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --main-blue: #1d2451;
  --neutral--800: #111828;
  --accent-cyan: #5ebfcb;
  --accent--primary-1\<deleted\|variable-86b36df2\>: var(--footer-bg\<deleted\|variable-4f441234-f261-93bb-adc0-3384e8f885f6\>);
  --neutral--100: white;
  --neutral--300: #e1e6f1;
  --general--shadow-02: #14142b14;
  --neutral--600: #586071;
  --white: white;
  --general--shadow-01: #4646460f;
  --neutral--500: #8b909a;
  --general--shadow-03: #16152221;
  --light-blue-2: #f2f5fa;
  --box-shaddow\<deleted\|variable-a1a5b464-e6e3-c585-a589-a45a98f8f6cc\>: #0000001f;
  --accent: var(--accent-cyan);
  --accent-blue: #2c588f;
  --system--red-100: #ffeff0;
  --system--300: #ff5a65;
  --overlay-blue-80: #1d3451cc;
  --accent-20\<deleted\|variable-29152156-4b38-c539-f85d-118b43a8fed3\>: #82b1b033;
  --border-blue-light: #2c588f47;
  --item-white-bg: #f9fafa;
  --button-shadow--white-01: #14142b0a;
  --number-blue-6: #2c588f0f;
  --bg-blue: #f6f7f8;
  --main-blue-30: #1d24514d;
  --progress-01: #2c5890;
  --button-shadow--color-01: #4a3aff0f;
  --button-shadow--white-02: #14142b0f;
  --button-shadow--white-03: #14142b1a;
  --button-shadow--color-2: #4a3aff14;
  --button-shadow--color-03: #4a3aff14;
  --general--shadow-04: #14142b24;
  --general--shadow-05: #14142b29;
  --general--shadow-06: #14142b3d;
  --neutral--700: #2c3240;
  --neutral--400: #b7c0d2;
  --neutral--200: #f6f9f8;
  --system--blue-400: #086cd9;
  --system--blue-300: #1d88fe;
  --system--blue-200: #8fc3ff;
  --system--blue-100: #eaf4ff;
  --system--green-400: #11845b;
  --system--green-300: #05c168;
  --system--green-200: #7fdca4;
  --system--green-100: #def2e6;
  --system--red-400: #dc2b2b;
  --system--red-200: #ffbec2;
  --system--orange-400: #d5691b;
  --system--orange-300: #ff9e2c;
  --system--orange-200: #ffd19b;
  --system--orange-100: #fff3e4;
  --footer-bg\<deleted\|variable-4f441234-f261-93bb-adc0-3384e8f885f6\>: #354747;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  color: var(--main-blue);
  font-family: Roboto, Verdana, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.625em;
}

h1 {
  margin-top: 0;
  margin-bottom: 16px;
  font-family: "Sourceserif 4", Times New Roman, sans-serif;
  font-size: 55px;
  font-weight: 400;
  line-height: 65px;
}

h2 {
  margin-top: 0;
  margin-bottom: 16px;
  font-family: "Sourceserif 4", Times New Roman, sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 50px;
}

h3 {
  color: var(--main-blue);
  margin-top: 0;
  margin-bottom: 8px;
  font-family: "Sourceserif 4", Times New Roman, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.417em;
}

h4 {
  color: var(--neutral--800);
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.273em;
}

h5 {
  color: var(--neutral--800);
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.333em;
}

h6 {
  color: var(--neutral--800);
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.375em;
}

p {
  margin-bottom: 16px;
  font-weight: 400;
}

a {
  text-decoration: none;
  transition: color .3s;
}

a:hover {
  color: var(--accent-cyan);
}

ul, ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

li {
  margin-bottom: 8px;
  padding-left: 8px;
}

img {
  max-width: 100%;
  display: inline-block;
}

label {
  color: var(--neutral--800);
  margin-bottom: 12px;
  font-weight: 700;
  line-height: 1.125em;
  display: block;
}

strong {
  color: var(--main-blue);
  font-weight: 700;
}

blockquote {
  background-color: var(--accent--primary-1\<deleted\|variable-86b36df2\>);
  color: var(--neutral--100);
  text-align: center;
  border: 0 solid #000;
  border-radius: 12px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 114px 90px;
  font-size: 24px;
  line-height: 1.417em;
}

figure {
  margin-top: 24px;
  margin-bottom: 48px;
}

figcaption {
  text-align: center;
  margin-top: 16px;
  font-size: 18px;
  line-height: 1.667em;
}

.page-wrapper.full-page-wrapper {
  flex-direction: column;
  min-height: 100vh;
  display: flex;
}

.grid-2-columns {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-bottom: 60px;
  display: grid;
}

.card {
  border: 1px solid var(--neutral--300);
  background-color: var(--neutral--100);
  box-shadow: 0 2px 12px 0 var(--general--shadow-02);
  border-radius: 12px;
}

.card.search-results-card {
  height: 100%;
  padding: 40px 24px;
  text-decoration: none;
}

.card.password-protected-card {
  width: 100%;
  max-width: 608px;
  margin-left: auto;
  margin-right: auto;
  padding: 90px 48px;
}

.bg-secondary-2 {
  background-color: var(--accent-cyan);
}

.color-neutral-600 {
  color: var(--neutral--600);
}

.color-neutral-100 {
  color: var(--neutral--100);
}

.mg-bottom-16px {
  margin-bottom: 16px;
}

.p-margin-bottom-24px {
  margin-bottom: 24px;
  font-size: 16px;
  line-height: 24px;
}

.mg-top-48px {
  margin-top: 48px;
}

.display-1 {
  color: var(--neutral--800);
  font-size: 48px;
  font-weight: 700;
  line-height: 1.083em;
}

.display-1.color-neutral-100 {
  color: var(--neutral--100);
}

.display-1.color-neutral-100.mg-bottom-12px {
  color: var(--main-blue);
  font-weight: 400;
}

.gap-24px {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.inner-container._600px {
  max-width: 600px;
}

.inner-container.center {
  margin-left: auto;
  margin-right: auto;
}

.inner-container._432px {
  max-width: 432px;
}

.inner-container._730px {
  max-width: 730px;
}

.inner-container._730px.center {
  max-width: 800px;
}

.mg-bottom-0 {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
}

.btn-primary {
  border: 1px solid var(--accent--primary-1\<deleted\|variable-86b36df2\>);
  background-color: var(--accent-cyan);
  color: var(--white);
  text-align: center;
  transform-style: preserve-3d;
  border-radius: 8px;
  justify-content: center;
  padding: 18px 24px;
  font-weight: 500;
  line-height: 1.125em;
  text-decoration: none;
  transition: border-color .3s, background-color .3s, transform .3s, color .3s;
}

.btn-primary:hover {
  border-color: var(--accent-cyan);
  background-color: var(--accent-cyan);
  color: var(--neutral--100);
  transform: scale3d(1.06, 1.06, 1.01);
}

.btn-primary.small {
  padding: 14px 20px;
  font-size: 14px;
  line-height: 16px;
}

.btn-primary.bg-secondary-2 {
  border-color: var(--accent-cyan);
  background-color: var(--accent-cyan);
}

.btn-primary.bg-secondary-2:hover {
  border-color: var(--accent--primary-1\<deleted\|variable-86b36df2\>);
  background-color: var(--main-blue);
}

.btn-primary.bg-secondary-2.small {
  padding-left: 40px;
  padding-right: 40px;
  transition: border-color .3s, background-color .3s, transform .3s;
}

.btn-primary.bg-secondary-2.small:hover {
  border-color: var(--main-blue);
  background-color: var(--main-blue);
}

.btn-primary.bg-secondary-2.small.desktop-only {
  display: inline-block;
}

.btn-primary.bg-secondary-2.small.mobile-only {
  display: none;
}

.btn-primary.bg-secondary-blue {
  border-color: var(--main-blue);
  background-color: var(--main-blue);
}

.btn-primary.bg-secondary-blue:hover {
  border-color: var(--accent--primary-1\<deleted\|variable-86b36df2\>);
  background-color: var(--main-blue);
}

.btn-primary.bg-secondary-blue.small {
  padding-left: 40px;
  padding-right: 40px;
  font-weight: 500;
  transition: border-color .3s, background-color .3s, transform .3s;
}

.btn-primary.bg-secondary-blue.small:hover {
  border-color: var(--main-blue);
  background-color: var(--main-blue);
}

.btn-primary.bg-secondary-blue.small.mobile-s-and-smaller-only {
  display: none;
}

.input {
  border: 1px solid var(--neutral--300);
  background-color: var(--neutral--100);
  box-shadow: 0 2px 6px 0 var(--general--shadow-01);
  border-radius: 8px;
  min-height: 70px;
  margin-bottom: 0;
  padding: 16px 24px;
  font-size: 16px;
  line-height: 1.125em;
  transition: box-shadow .3s, color .3s, border-color .3s;
}

.input:hover {
  border-color: var(--neutral--500);
  box-shadow: 0 2px 12px 0 var(--general--shadow-03);
}

.input:focus {
  border-color: var(--accent-cyan);
  color: var(--neutral--800);
}

.input::placeholder {
  color: var(--neutral--600);
}

.input.small {
  min-height: 54px;
  margin-bottom: 0;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 16px;
}

.input.small::placeholder {
  font-size: 16px;
  line-height: 18px;
}

.rich-text img {
  border-radius: 12px;
}

.rich-text p {
  margin-top: 16px;
  margin-bottom: 16px;
}

.rich-text h2 {
  margin-top: 40px;
  font-family: "Sourceserif 4", Times New Roman, sans-serif;
  font-weight: 400;
}

.rich-text h3 {
  margin-top: 20px;
  margin-bottom: 16px;
  font-size: 22px;
}

.rich-text figure {
  width: 100%;
  max-width: 100%;
  margin-top: 48px;
  margin-bottom: 48px;
}

.rich-text ul, .rich-text ol {
  margin-top: 24px;
  margin-bottom: 24px;
}

.rich-text h6 {
  margin-top: 48px;
  margin-bottom: 16px;
}

.rich-text h5 {
  color: var(--main-blue);
  margin-top: 20px;
  margin-bottom: 16px;
  font-weight: 500;
}

.rich-text h4 {
  margin-top: 48px;
  margin-bottom: 16px;
}

.rich-text a {
  color: var(--accent-cyan);
  white-space: nowrap;
  text-decoration: none;
}

.rich-text a:hover {
  color: var(--accent--primary-1\<deleted\|variable-86b36df2\>);
}

.rich-text blockquote {
  margin-top: 48px;
  margin-bottom: 48px;
}

.width-100 {
  width: 100%;
}

.container-default {
  max-width: 1257px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}

.section {
  background-color: var(--white);
  padding-top: 100px;
  padding-bottom: 100px;
}

.section.small {
  padding-top: 100px;
  padding-bottom: 100px;
}

.section.no-padding-top {
  padding-top: 0;
}

.section.no-padding-top.no-padding-bottom-echt {
  padding-bottom: 0;
}

.section.no-padding-top.no-padding-bottom-echt.no-bg-color {
  background-color: #fff0;
}

.section.padding-top-normal.padding-bottom-reduced {
  background-color: var(--white);
  padding-bottom: 85px;
}

.section.no-padding-top-bottom {
  padding-top: 0;
  padding-bottom: 0;
}

.section.no-padding-bottom {
  padding-bottom: 0;
}

.section.navbar-padding-top {
  padding-top: 94px;
}

.section.navbar-padding-top.no-padding-bottom.white-bg {
  background-color: var(--white);
}

.section.light-blue-2-bg {
  background-color: var(--light-blue-2);
}

.section.waves-bg.no-bg-color {
  background-color: #fff0;
}

.heading-h2-size {
  color: var(--neutral--800);
  font-size: 32px;
  font-weight: 700;
  line-height: 1.5em;
}

.header-wrapper {
  background-color: var(--neutral--100);
  box-shadow: 0 1px 5px 0 var(--box-shaddow\<deleted\|variable-a1a5b464-e6e3-c585-a589-a45a98f8f6cc\>);
  padding-top: 24px;
  padding-bottom: 24px;
  position: fixed;
  inset: 0% 0% auto;
}

.header-content-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.header-nav-menu-list {
  z-index: 1;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
}

.header-nav-link {
  color: var(--neutral--800);
  white-space: nowrap;
  padding: 0;
}

.header-nav-link:hover {
  color: var(--accent-cyan);
}

.header-nav-link.w--current {
  color: var(--neutral--800);
  font-weight: 700;
}

.header-nav-link.w--current:hover {
  color: var(--accent-cyan);
}

.header-nav-link.flex {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--main-blue);
  flex-flow: row;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.header-nav-link.flex:hover {
  color: var(--accent);
}

.header-nav-list-item {
  margin-bottom: 0;
  padding-left: 32px;
}

.logo-link {
  color: var(--main-blue);
  -webkit-text-stroke-color: var(--accent-blue);
  cursor: pointer;
  transform-style: preserve-3d;
  padding-left: 5px;
  transition: transform .3s;
}

.logo-link:hover {
  transform: scale3d(1.06, 1.06, 1.01);
}

.header-right-side {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  min-height: 80vh;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.utility-page-wrap.password-protected-page-wrap {
  flex: 1;
  align-items: center;
  min-height: auto;
  margin-top: 90px;
  margin-bottom: 0;
  padding-top: 100px;
  padding-bottom: 100px;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.error-message {
  background-color: var(--system--red-100);
  color: var(--system--300);
  text-align: center;
  border-radius: 8px;
  margin-top: 20px;
  padding: 20px 24px;
}

.text-center {
  text-align: center;
}

.empty-state {
  border: 1px solid var(--neutral--300);
  background-color: var(--neutral--100);
  box-shadow: 0 2px 12px 0 var(--general--shadow-02);
  text-align: center;
  border-radius: 8px;
  padding: 26px 24px;
}

.mg-bottom-12px {
  margin-bottom: 12px;
}

.header-btn-right-wrapper {
  margin-left: 32px;
}

.link-item-text---hover-secondary-2 {
  color: var(--neutral--800);
}

.position-relative---z-index-1 {
  z-index: 1;
  position: relative;
}

.input-and-btn-container {
  grid-column-gap: 24px;
  display: flex;
}

.top-section {
  z-index: 1;
  padding-top: 100px;
  position: relative;
  overflow: hidden;
}

.top-section.pd-bottom-180px {
  padding-bottom: 180px;
}

.pd-left-and-right-48px {
  padding-left: 48px;
  padding-right: 48px;
}

.utility-page-wrap---bg {
  z-index: -1;
  background-image: linear-gradient(to bottom, var(--overlay-blue-80), var(--overlay-blue-80));
  display: flex;
  position: absolute;
  inset: -100px 0;
  overflow: hidden;
}

.loading-bar-wrapper {
  display: none;
  position: fixed;
  inset: 0% 0% auto;
}

.loading-bar {
  background-color: var(--accent-cyan);
  min-height: 4px;
}

.link-block-cta {
  display: block;
}

.zahlen-single-wrapper {
  position: relative;
}

.zahlen-single-wrapper.border-blue-2, .zahlen-single-wrapper.border-blue-1, .zahlen-single-wrapper.border-blue-3 {
  border-right: 1px solid var(--accent-blue);
}

.einleitungs-wrapper {
  max-width: 812px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 68px;
  padding-right: 68px;
}

.einleitungs-wrapper.centering {
  text-align: center;
}

.einleitungs-wrapper.centering.wider {
  max-width: 1000px;
}

.number-content {
  width: 100%;
}

.zahl-flex {
  grid-column-gap: 2px;
  color: var(--accent-blue);
  justify-content: center;
  align-items: center;
  display: flex;
}

.h2-number {
  text-align: center;
  margin-bottom: 8px;
  font-size: 48px;
  line-height: 55px;
}

.zahlen-subtitle {
  text-align: center;
  border-top: 1px #f4f5f6;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 16px;
  line-height: 26px;
}

.top-section-card-zahlen {
  z-index: 1;
  grid-column-gap: 20px;
  grid-row-gap: 16px;
  background-color: #0000;
  border-radius: 12px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-content: space-between;
  align-items: center;
  padding: 0 68px;
  display: block;
  position: relative;
  overflow: hidden;
}

.zahlen-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.right-col-no-padding {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.right-col-no-padding.width-100 {
  background-image: url('../images/weiter-selbstbestimmt-leben-vorsorgevollmacht-steuerberater-bad-duerkheim-senioren.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.left-col {
  padding-left: 68px;
  padding-right: 30px;
}

.p-margin-bottom-16px {
  font-weight: 400;
}

.image-9 {
  height: 46px;
}

.contact-input-field {
  border: 1px solid var(--accent-20\<deleted\|variable-29152156-4b38-c539-f85d-118b43a8fed3\>);
  background-color: #fff0;
  border-radius: 8px;
  padding-top: 26px;
  padding-bottom: 26px;
  box-shadow: 0 2px 6px #4646460f;
}

.contact-input-field:focus {
  border: 1px solid var(--accent-cyan);
}

.cta-button {
  float: none;
  clear: both;
  color: #fffdf9;
  letter-spacing: .5px;
  text-transform: uppercase;
  -webkit-text-fill-color: inherit;
  object-fit: none;
  background-color: #fff0;
  background-image: url('../images/immobote_pfeil_weiss.svg'), linear-gradient(45deg, #ffb958, #ffbc5e 50%, #ffdeab);
  background-position: 92%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: auto 15px, auto;
  background-clip: padding-box;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 8px 50px 8px 20px;
  font-weight: 500;
  transition: background-position .2s;
  display: block;
  position: static;
}

.cta-button:hover {
  background-color: #fffdf9;
  background-image: url('../images/immobote_pfeil_weiss.svg'), linear-gradient(#ffad3c, #ffad3c);
  background-position: 95%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: auto 15px, auto;
}

.cta-button.submit {
  display: none;
}

.cta-button.submit.g-recaptcha {
  border-style: solid;
  border-width: 1px;
  border-color: var(--neutral--800) var(--neutral--800) var(--main-blue);
  color: var(--main-blue);
  letter-spacing: 0;
  text-transform: none;
  -webkit-text-fill-color: inherit;
  transform-style: preserve-3d;
  background-color: #0000;
  background-image: none;
  background-clip: border-box;
  border-radius: 8px;
  padding: 14px 40px;
  line-height: 1.125em;
  transition: color .3s, background-color .3s, transform .3s, border-color .3s;
  display: none;
}

.cta-button.submit.g-recaptcha:hover {
  background-color: var(--main-blue);
  color: var(--white);
  transform: scale3d(1.06, 1.06, 1.01);
}

.submit-button {
  max-width: 1040px;
  margin-left: auto;
  margin-right: auto;
}

.send-button-wrapper {
  justify-content: flex-start;
  align-items: center;
  margin-top: 25px;
  display: flex;
  position: relative;
  bottom: 0;
  left: 0;
}

.textarea {
  border: 1px solid var(--accent-20\<deleted\|variable-29152156-4b38-c539-f85d-118b43a8fed3\>);
  background-color: #fff0;
  border-radius: 8px;
  min-height: 200px;
  padding-top: 16px;
  padding-bottom: 20px;
  box-shadow: 0 2px 6px #4646460f;
}

.textarea:focus {
  border: 1px solid var(--accent-cyan);
}

.contact-form-input-row {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  display: flex;
}

.cta-button-container-header {
  border: 1px solid var(--main-blue);
  color: var(--main-blue);
  -webkit-text-decoration-color: var(--main-blue);
  text-decoration-color: var(--main-blue);
  cursor: pointer;
  transform-style: preserve-3d;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-left: 40px;
  padding-right: 40px;
  transition: transform .3s, border-color 3s, background-color .3s;
  display: flex;
}

.cta-button-container-header:hover {
  background-color: var(--main-blue);
  color: var(--white);
  transform: scale3d(1.06, 1.06, 1.01);
}

.cta-button-container-header.cookie {
  justify-content: center;
  margin-top: 0;
}

.right-side-buttons {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  margin-left: 25px;
  display: flex;
}

.div-block-30 {
  justify-content: space-between;
  align-items: center;
  margin-top: 45px;
  margin-bottom: 45px;
  display: flex;
}

.link-3 {
  color: #b5956c;
  display: inline-block;
}

.link-3:hover {
  color: #1d321d;
}

.content-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  align-items: stretch;
  width: 100%;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 50px;
  padding-right: 50px;
  display: block;
  position: relative;
}

.content-wrapper.cookie {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: space-between;
  align-items: center;
  font-weight: 400;
}

.paragraph-9 {
  text-align: left;
  max-width: 71%;
  margin-bottom: 0;
  margin-right: auto;
  font-size: 14px;
}

.cookie-outer {
  z-index: 1000;
  background-color: #fff;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  width: 100%;
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  box-shadow: 2px -2px 50px 3px #0000001a;
}

.cta-button-header {
  float: none;
  clear: both;
  -webkit-text-stroke-color: var(--main-blue);
  object-fit: none;
  padding-top: 9px;
  padding-bottom: 9px;
  display: block;
  position: static;
}

.cta-button-header.cookie {
  padding-top: 14px;
  padding-bottom: 14px;
  line-height: 1.125em;
}

.footer-content {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 30px;
  display: flex;
}

.text-footer {
  color: var(--neutral--100);
  letter-spacing: 0;
  border-bottom: 1px solid #b5956c;
  font-size: 14px;
  font-weight: 400;
  line-height: 30px;
  display: inline;
}

.text-footer.beige-light {
  vertical-align: super;
  border: 1px #000;
  text-decoration: none;
}

.text-footer.beige-light:hover {
  color: var(--accent-cyan);
  border-width: 0;
  text-decoration: none;
}

.topline-2 {
  color: var(--accent-cyan);
  letter-spacing: 0;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  line-height: 26px;
}

.topline-2.margin-bottom {
  margin-bottom: 10px;
  font-size: 16px;
}

.link-block {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.footer-2-col-right {
  justify-content: flex-end;
  display: flex;
}

.copyright-wrapper {
  justify-content: center;
  align-items: center;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
}

.text2 {
  letter-spacing: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}

.text2.beige-light {
  color: var(--neutral--100);
  justify-content: flex-start;
}

.text2.beige-light:hover {
  color: #efd9b0;
}

.text2.beige-light.vertical-centering {
  align-self: center;
  margin-bottom: 0;
}

.text2.beige-light.vertical-centering:hover {
  color: var(--accent-cyan);
}

.text2.beige-light.margin-bottom {
  color: var(--neutral--100);
  margin-bottom: 30px;
}

.text2.beige-light.margin-bottom:hover {
  color: #fff9f4;
}

.text2.main-blue-link {
  color: #1d2451;
  justify-content: flex-start;
}

.text2.main-blue-link:hover {
  color: #efd9b0;
}

.text2.main-blue-link.vertical-centering {
  align-self: center;
  margin-bottom: 0;
}

.text2.main-blue-link.vertical-centering:hover {
  color: #5ebfcb;
}

.footer-right-cols.first {
  margin-right: 50px;
}

.left-footer-side {
  max-width: 380px;
}

.telefon-icon-navbar {
  align-self: center;
  width: 24px;
  height: 24px;
}

.telefon-icon-navbar.navbar {
  display: inline-flex;
}

.footer-logo-flex-wrapper {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.link-4 {
  color: var(--accent-cyan);
  text-decoration: none;
  display: inline;
}

.link-4:hover {
  color: var(--accent--primary-1\<deleted\|variable-86b36df2\>);
  text-decoration: none;
}

.t3 {
  letter-spacing: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 22px;
}

.t3.beige-light {
  color: #fff9f4;
  text-align: center;
}

.t3.beige-light.padding-left-right {
  color: var(--main-blue);
  border-left: 1px solid #b5956c;
  border-right: 1px solid #b5956c;
  padding-left: 10px;
  padding-right: 10px;
  display: block;
}

.t3.beige-light.padding-left-right.mobil {
  display: none;
}

.t3.beige-light.padding-left {
  color: var(--main-blue);
  padding-left: 10px;
}

.link-block-4 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  margin-top: 12px;
  display: flex;
}

.bg-dark {
  border-radius: 12px;
  padding: 68px;
}

.text-span-7 {
  color: var(--accent-cyan);
}

.checkbox-field {
  margin-top: 20px;
}

.checkbox-label {
  font-weight: 400;
  line-height: 1.625em;
}

.checkbox-2 {
  margin-top: 6px;
}

.navbar-below {
  margin-top: 148px;
}

.anchor {
  height: 214px;
  margin-top: -214px;
  padding-bottom: 0;
  display: block;
}

.topline-filled {
  background-color: var(--white);
  letter-spacing: .03em;
  text-transform: uppercase;
  margin-bottom: 4px;
  padding: 4px 10px;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
}

.max-width-54 {
  width: 500px;
}

.full-width {
  max-width: 100vw;
}

.fachbereiche-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 68px;
  padding-left: 68px;
  padding-right: 68px;
  display: grid;
  overflow: visible;
}

.fachbereiche-item {
  border: 1px solid var(--border-blue-light);
  background-color: var(--item-white-bg);
  border-radius: 4px;
  flex-flow: column;
  justify-content: space-between;
  padding: 30px 20px;
  display: flex;
  position: relative;
}

.grid-2-columns-60-left {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-bottom: 60px;
  display: grid;
}

.grid-2-columns-60-left.img-right {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 0;
}

.testimonials-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-left: 68px;
  padding-right: 68px;
  display: grid;
}

.testimonial-item {
  background-color: var(--white);
  border-radius: 10px;
  padding: 20px;
}

.testimonial-head-wrapper {
  justify-content: space-between;
  align-items: stretch;
  padding-bottom: 20px;
  display: flex;
}

.testimonial-head-left {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  align-self: center;
  display: flex;
}

.testimonial-head-right {
  background-color: var(--button-shadow--white-01);
  border-radius: 10px;
  align-self: center;
  height: 40px;
}

.testimonial-image {
  border-radius: 50%;
  align-self: center;
  width: 60px;
  height: 60px;
}

.testimonial-name-and-stars {
  align-self: center;
}

.stars {
  height: 11px;
}

.testimonial-name {
  font-weight: 500;
  line-height: 16px;
}

.bg-blue {
  background-color: var(--main-blue);
}

.grid {
  grid-column-gap: 21px;
  grid-row-gap: 21px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  place-items: center;
}

.padding-68 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  min-width: 100%;
  padding-left: 68px;
  padding-right: 68px;
  display: inline-flex;
}

.centering {
  text-align: center;
}

.header-content-wrapper-unterseite {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
}

.header-content-wrapper-unterseite.vorsorgevollmacht {
  background-image: url('../images/weiter-selbstbestimmt-leben-vorsorgevollmacht-steuerberater-bad-duerkheim_header_01-2.webp');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  padding-top: 180px;
  padding-bottom: 180px;
}

.image-8 {
  aspect-ratio: 6 / 7;
  object-fit: cover;
  border-radius: 10px;
  width: 50%;
  margin-bottom: 8px;
}

.sidebar-contact-text-wrapper {
  text-align: center;
}

.sidebar-sticky-contact-wrapper {
  flex-flow: column;
  align-items: center;
  margin-bottom: 70px;
  padding-top: 120px;
  position: sticky;
  top: 0;
}

.col-unterseite-content {
  padding: 120px 0 120px 68px;
}

.col-unterseite-content.no-padding-top-bottom {
  padding-top: 0;
  padding-bottom: 0;
}

.sidebar-flex-contact-wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.unterseite-layout {
  flex-flow: row;
  min-height: 100vh;
  display: flex;
}

.list {
  padding-left: 0;
  list-style-type: none;
}

.text-block-2 {
  padding-bottom: 20px;
  font-weight: 300;
}

.contact-icon-dark {
  filter: invert();
  align-self: center;
}

.content-unterseite {
  padding-right: 100px;
}

.content-unterseite.padding-bottom-120px {
  padding-bottom: 120px;
}

.content-unterseite.padding-bottom-120px.white-bg.padding-top-120px {
  padding-top: 80px;
}

.content-unterseite.white-bg {
  background-color: #fff;
}

.content-unterseite.white-bg.padding-top-120px {
  padding-top: 120px;
}

.padding-bottom-40px {
  padding-bottom: 40px;
}

.padding-bottom-40px.no-margin-bottom {
  margin-bottom: 0;
}

.p-20 {
  font-size: 20px;
  font-weight: 500;
}

.p-20.light {
  color: var(--white);
  font-weight: 400;
}

.background-video {
  z-index: 1;
  color: var(--main-blue);
  justify-content: center;
  align-items: center;
  height: 100%;
}

.p-light {
  font-weight: 300;
}

.timeline-main-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 30px repeat(auto-fit, 100%);
  width: 100%;
  padding-top: 0;
  padding-bottom: 5vw;
}

.timeline-main-grid.no-padding-botton {
  padding-bottom: 0;
}

.timeline-path {
  z-index: -2;
  background-color: #e1e1e1;
  width: .2vw;
  height: 100%;
  position: absolute;
  left: 6px;
}

.heading-60px {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 26px;
  line-height: 26px;
}

.timeline-section {
  z-index: -3;
  position: relative;
}

.timeline-wrapper {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.progress-bar-box {
  justify-content: flex-start;
  display: flex;
}

.timeline-circle {
  background-color: #2c5890;
  border-radius: 100%;
  width: 15px;
  height: 15px;
  margin-top: 4px;
}

.timeline-circle.phase-6 {
  background-color: #07090e;
}

.timeline-circle.phase-5 {
  background-color: #e3304a;
}

.timeline-circle.phase-4 {
  background-color: #f39200;
}

.timeline-circle.phase-3 {
  background-color: #5dc0cc;
}

.timeline-circle.phase-2 {
  background-color: #193d63;
}

.paragraph-20px.right-text {
  padding-top: 20px;
}

.stage-title-holder {
  padding-bottom: 20px;
  position: sticky;
  top: 50vh;
}

.phase-flexbox {
  grid-column-gap: 15px;
  align-items: stretch;
  display: flex;
}

.timeline-content-head {
  align-self: center;
}

.white {
  color: var(--white);
}

.contact-input-field-none {
  border: 1px solid var(--accent-20\<deleted\|variable-29152156-4b38-c539-f85d-118b43a8fed3\>);
  background-color: #fff0;
  border-radius: 8px;
  padding-top: 26px;
  padding-bottom: 26px;
  display: none;
  box-shadow: 0 2px 6px #4646460f;
}

.contact-input-field-none:focus {
  border: 1px solid var(--accent-cyan);
}

.div-block-31 {
  justify-content: center;
  margin-top: 60px;
  display: flex;
}

.quote {
  color: var(--white);
  height: 112px;
  font-family: "Sourceserif 4", Times New Roman, sans-serif;
  font-size: 46px;
  line-height: 56px;
}

.fachbereich-number {
  color: var(--number-blue-6);
  font-size: 120px;
  font-weight: 500;
  line-height: 130px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.fachbereich-number.more-space-right {
  right: 20px;
}

.nav-item-p {
  align-self: center;
  margin-bottom: 0;
  line-height: 26px;
  display: block;
}

.quote-image {
  height: 60px;
  margin-bottom: 30px;
}

.col-sidebar-contact-2 {
  background-color: #f6f7f8;
  flex-flow: row;
}

.timeline-progress-bar-2 {
  z-index: -1;
  background-image: linear-gradient(#2c5890, #1d245103);
  width: .2vw;
  height: 50vh;
  padding-bottom: 0;
  padding-right: 0;
  position: fixed;
  bottom: 40vh;
}

.stage-tag-2 {
  color: #1d2451;
}

.stage-tag-2.topline-filled.phase-1 {
  color: #2c5890;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  display: block;
}

.stage-tag-2.topline-filled.phase-3 {
  color: #5dc0cc;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  display: block;
}

.stage-tag-2.topline-filled.phase-5 {
  color: #e3304a;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  display: block;
}

.stage-tag-2.topline-filled.phase-4 {
  color: #f39200;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  display: block;
}

.stage-tag-2.topline-filled.phase-6 {
  color: #07090e;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  display: block;
}

.stage-tag-2.topline-filled.phase-2 {
  color: #193d63;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  display: block;
}

.list-item-3 {
  background-image: url('../images/list-item-icon-2.svg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: auto;
  margin-bottom: 10px;
  padding-left: 37px;
  font-size: 17px;
  font-weight: 500;
  line-height: 27px;
}

.image-15 {
  align-self: stretch;
  height: 60px;
}

.heading-4 {
  margin-bottom: 0;
}

.smaller {
  font-size: 40px;
  line-height: 50px;
}

.text-left-aligned {
  text-align: left;
  font-size: 16px;
  line-height: 1.6em;
}

@media screen and (min-width: 1280px) {
  .content-wrapper {
    padding-left: 50px;
    padding-right: 50px;
  }

  .footer-right-cols.first {
    margin-right: 70px;
  }

  .testimonial-head-right {
    height: 50px;
  }

  .stars {
    height: 13px;
  }

  .image-8, .sidebar-contact-text-wrapper {
    align-self: center;
  }

  .quote {
    height: 120px;
    font-size: 50px;
    line-height: 60px;
  }
}

@media screen and (min-width: 1440px) {
  .top-section-card-zahlen {
    grid-column-gap: 0px;
    grid-row-gap: 16px;
    grid-auto-flow: column;
    place-content: stretch space-between;
    place-items: center stretch;
  }
}

@media screen and (max-width: 991px) {
  h2 {
    text-align: left;
    font-size: 30px;
    line-height: 40px;
  }

  blockquote {
    padding: 64px 48px;
    font-size: 20px;
  }

  .card.password-protected-card {
    max-width: 520px;
    padding: 64px 40px;
  }

  .mg-bottom-0 {
    text-align: left;
  }

  .btn-primary.bg-secondary-2.small.desktop-only {
    display: none;
  }

  .btn-primary.bg-secondary-2.small.mobile-only {
    display: inline-block;
  }

  .btn-primary.bg-secondary-blue.small.mobile-s-and-smaller-only {
    display: none;
  }

  .container-default, .container-default.centering {
    padding-left: 72px;
    padding-right: 72px;
  }

  .section.small {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .section.padding-top-normal.padding-bottom-reduced {
    padding-bottom: 65px;
  }

  .heading-h2-size {
    font-size: 30px;
  }

  .header-wrapper {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .header-nav-menu-wrapper {
    background-color: var(--neutral--100);
    padding: 24px;
  }

  .header-nav-list-item {
    padding-left: 0;
  }

  .error-message.password {
    margin-left: 32px;
    margin-right: 32px;
  }

  .header-btn-right-wrapper {
    margin-left: 0;
    margin-right: 16px;
  }

  .top-section {
    padding-top: 80px;
  }

  .top-section.pd-bottom-180px {
    padding-bottom: 140px;
  }

  .pd-left-and-right-48px {
    padding-left: 40px;
    padding-right: 40px;
  }

  .link-block-cta {
    display: block;
  }

  .zahlen-single-wrapper {
    justify-content: space-between;
    align-items: flex-start;
    padding-left: 0;
    display: block;
  }

  .zahlen-single-wrapper.border-blue-2 {
    border-bottom: 1px solid var(--accent-blue);
    border-right-style: none;
    padding-bottom: 30px;
  }

  .zahlen-single-wrapper.border-blue-1 {
    border-bottom: 1px solid var(--accent-blue);
    padding-bottom: 30px;
  }

  .zahlen-single-wrapper.border-blue-3, .zahlen-single-wrapper.border-blue-4 {
    padding-top: 30px;
  }

  .einleitungs-wrapper {
    max-width: none;
  }

  .zahlen-subtitle {
    font-size: 16px;
    line-height: 22px;
  }

  .top-section-card-zahlen {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-flow: column;
    padding-left: 0;
    padding-right: 0;
  }

  .zahlen-wrapper {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .right-col-no-padding.width-100 {
    aspect-ratio: 5 / 4;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
  }

  .left-col {
    padding-left: 0;
    padding-right: 0;
  }

  .p-margin-bottom-16px {
    text-align: left;
  }

  .cta-button.submit.g-recaptcha {
    display: none;
  }

  .cta-button-container-header.cookie {
    justify-content: center;
    display: flex;
  }

  .right-side-buttons {
    flex-flow: column;
    align-self: center;
    width: 100%;
    display: flex;
  }

  .content-wrapper {
    max-width: 100%;
    padding-left: 25px;
    padding-right: 25px;
  }

  .paragraph-9 {
    max-width: 63%;
  }

  .cta-button-header {
    display: block;
  }

  .footer-content {
    flex-flow: column;
  }

  .copyright-wrapper {
    padding-left: 72px;
    padding-right: 72px;
  }

  .text2.beige-light.margin-bottom {
    margin-bottom: 20px;
  }

  .footer-right-cols.first {
    margin-right: 70px;
  }

  .left-footer-side {
    max-width: none;
    padding-bottom: 40px;
  }

  .telefon-icon-navbar.navbar {
    display: none;
  }

  .bg-dark {
    padding-left: 0;
    padding-right: 0;
  }

  .navbar-below {
    margin-top: 132px;
  }

  .anchor {
    height: 194px;
    margin-top: -194px;
  }

  .max-width-54 {
    text-align: center;
    width: 100%;
    max-width: 100%;
  }

  .fachbereiche-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    padding-left: 0;
    padding-right: 0;
  }

  .grid-2-columns-60-left.img-right {
    grid-column-gap: 32px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .testimonials-grid {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    padding-left: 0;
    padding-right: 0;
  }

  .testimonial-head-right {
    height: 50px;
  }

  .stars {
    height: 13px;
  }

  .grid {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .padding-68 {
    justify-content: flex-start;
    padding-left: 0;
    padding-right: 0;
  }

  .centering {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
  }

  .header-content-wrapper-unterseite {
    background-image: linear-gradient(45deg, #ffffffc2, #fffc 50%, #fff0), url('../images/85f63208f6a1e3bf7d6552f53cee1531.jpeg');
    background-position: 0 0, 100%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }

  .header-content-wrapper-unterseite.vorsorgevollmacht {
    background-image: url('../images/weiter-selbstbestimmt-leben-vorsorgevollmacht-steuerberater-bad-duerkheim_header_mobil.jpg');
    background-position: 50% 100%;
    background-size: cover;
    justify-content: flex-start;
    height: 719px;
    padding-top: 80px;
    padding-bottom: 50px;
  }

  .sidebar-sticky-contact-wrapper {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    display: flex;
  }

  .col-unterseite-content {
    padding: 100px 50px 100px 0;
  }

  .content-unterseite {
    padding-right: 0;
  }

  .content-unterseite.padding-bottom-120px.white-bg.padding-top-120px {
    padding-bottom: 100px;
  }

  .content-unterseite.white-bg.padding-top-120px {
    padding-top: 100px;
  }

  .timeline-main-grid {
    grid-template-columns: 40px repeat(auto-fit, 100%);
    padding-top: 5.5vw;
    padding-bottom: 5.5vw;
  }

  .timeline-path {
    width: .25vw;
  }

  .timeline-section {
    padding-bottom: 3vw;
  }

  .quote {
    height: 84px;
    font-size: 32px;
    line-height: 42px;
  }

  .nav-item-p {
    display: none;
  }

  .quote-image {
    height: 40px;
    margin-bottom: 20px;
  }

  .timeline-progress-bar-2 {
    width: .25vw;
  }
}

@media screen and (max-width: 767px) {
  body {
    font-size: 16px;
  }

  h1 {
    font-size: 38px;
    line-height: 48px;
  }

  h2 {
    font-size: 26px;
    line-height: 36px;
  }

  h3 {
    font-size: 22px;
  }

  h4 {
    font-size: 20px;
  }

  h5 {
    font-size: 16px;
  }

  h6 {
    font-size: 14px;
  }

  blockquote {
    border-radius: 8px;
    padding: 48px 32px;
    font-size: 18px;
  }

  figcaption {
    font-size: 16px;
  }

  .grid-2-columns {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-columns: 1fr;
  }

  .card.password-protected-card {
    padding: 48px 32px;
  }

  .mg-top-48px {
    margin-top: 40px;
  }

  .display-1 {
    font-size: 40px;
  }

  .btn-primary {
    padding: 14px 20px;
  }

  .btn-primary.bg-secondary-blue.small.mobile-s-and-smaller-only {
    align-items: center;
    margin-top: 14px;
    display: inline-block;
  }

  .btn-primary.bg-secondary-blue.small.mobile-s-and-smaller-only.margin-top-40px {
    margin-top: 40px;
  }

  .input {
    min-height: 60px;
    padding: 16px;
  }

  .rich-text img {
    border-radius: 8px;
  }

  .rich-text h3 {
    margin-top: 40px;
    margin-bottom: 12px;
  }

  .rich-text figure {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .rich-text ul, .rich-text ol {
    padding-left: 32px;
  }

  .rich-text h6, .rich-text h5, .rich-text h4 {
    margin-top: 40px;
    margin-bottom: 12px;
  }

  .rich-text blockquote {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .container-default, .container-default.centering {
    padding-left: 24px;
    padding-right: 24px;
  }

  .section.small {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .section.navbar-padding-top.no-padding-bottom.white-bg {
    padding-top: 126px;
  }

  .heading-h2-size {
    font-size: 26px;
  }

  .header-wrapper {
    transition: opacity .2s;
  }

  .header-nav-menu-wrapper {
    padding: 16px;
  }

  .header-nav-link.flex, .header-nav-link.flex:hover {
    color: var(--white);
  }

  .utility-page-wrap {
    min-height: 60vh;
  }

  .error-message.password {
    margin-left: 24px;
    margin-right: 24px;
  }

  .header-btn-right-wrapper {
    display: none;
  }

  .input-and-btn-container {
    grid-column-gap: 16px;
  }

  .top-section {
    padding-top: 64px;
  }

  .top-section.pd-bottom-180px {
    padding-bottom: 120px;
  }

  .pd-left-and-right-48px {
    padding-left: 32px;
    padding-right: 32px;
  }

  .max-w-80px-mbl {
    max-width: 80px;
  }

  .utility-page-wrap---bg {
    left: 20px;
    right: 20px;
  }

  .number-content {
    text-align: center;
  }

  .h2-number {
    font-size: 54px;
    line-height: 60px;
  }

  .top-section-card-zahlen {
    border-radius: 8px;
    padding-left: 0;
    padding-right: 0;
  }

  .right-col-no-padding {
    max-width: none;
  }

  .contact-form-input-row {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
  }

  .right-side-buttons {
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    margin-top: 25px;
    margin-left: 0;
  }

  .div-block-30 {
    flex-direction: column;
  }

  .paragraph-9 {
    max-width: 100%;
  }

  .cta-button-header.cookie {
    font-size: 13px;
  }

  .footer-content {
    flex-flow: column;
  }

  .footer-2-col-right {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: space-between;
  }

  .copyright-wrapper {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    padding-left: 40px;
    padding-right: 40px;
    display: flex;
  }

  .left-footer-side {
    max-width: 400px;
  }

  .telefon-icon-navbar {
    transition: background-color .3s;
    display: flex;
  }

  .telefon-icon-navbar:hover {
    background-color: var(--main-blue);
  }

  .telefon-icon-navbar.navbar {
    background-color: var(--accent-cyan);
    border-radius: 8px;
    width: 46px;
    height: 46px;
    padding: 8px;
    display: block;
  }

  .telefon-icon-navbar.navbar:hover {
    background-color: var(--main-blue);
  }

  .footer-logo-flex-wrapper {
    justify-content: flex-start;
    align-items: center;
  }

  .t3.beige-light.padding-left-right {
    border-left-style: none;
    border-right-style: none;
    display: none;
  }

  .t3.beige-light.padding-left-right.mobil {
    display: block;
  }

  .t3.beige-light.padding-left {
    display: none;
  }

  .topline-filled {
    font-size: 12px;
  }

  .max-width-54 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    max-width: none;
    display: flex;
  }

  .fachbereiche-grid {
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .grid-2-columns-60-left {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-columns: 1fr;
  }

  .grid-2-columns-60-left.img-right {
    grid-row-gap: 64px;
    grid-template-columns: 1fr;
  }

  .centering.left-aligned-mobil {
    text-align: left;
  }

  .header-content-wrapper-unterseite {
    background-position: 0 0, 90%;
  }

  .header-content-wrapper-unterseite.vorsorgevollmacht {
    background-image: url('../images/weiter-selbstbestimmt-leben-vorsorgevollmacht-steuerberater-bad-duerkheim_header_mobil.jpg');
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 624px;
  }

  .col-unterseite-content {
    padding-right: 0;
  }

  .content-unterseite.white-bg.padding-top-120px {
    padding-top: 100px;
  }

  .p-20.light {
    padding-bottom: 20px;
  }

  .timeline-main-grid {
    grid-template-columns: 30px 90%;
  }

  .quote {
    height: 64px;
    font-size: 22px;
    line-height: 32px;
  }

  .quote-image {
    height: 30px;
    margin-bottom: 15px;
  }

  .col-sidebar-contact-2 {
    display: none;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 32px;
    line-height: 42px;
  }

  blockquote {
    padding-top: 40px;
    padding-bottom: 40px;
    font-size: 16px;
  }

  .page-wrapper {
    overflow: hidden;
  }

  .card.password-protected-card {
    padding: 40px 24px;
  }

  .mg-bottom-16px {
    margin-bottom: 12px;
  }

  .mg-top-48px {
    margin-top: 32px;
  }

  .btn-primary {
    width: 100%;
  }

  .input {
    min-height: 56px;
  }

  .rich-text img {
    border-radius: 4px;
  }

  .rich-text ul, .rich-text ol {
    padding-left: 24px;
  }

  .container-default {
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .container-default.centering {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .section.small {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .section.navbar-padding-top {
    padding-top: 76px;
  }

  .section.navbar-padding-top.no-padding-bottom.white-bg {
    padding-top: 92px;
  }

  .heading-h2-size {
    font-size: 26px;
  }

  .header-wrapper {
    padding-top: 18px;
    padding-bottom: 18px;
  }

  .header-nav-menu-wrapper {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 0;
  }

  .header-nav-list-item {
    text-align: left;
    width: 100%;
  }

  .header-right-side {
    flex: none;
  }

  .utility-page-wrap, .utility-page-wrap.password-protected-page-wrap {
    padding-top: 56px;
    padding-bottom: 56px;
  }

  .input-and-btn-container {
    grid-row-gap: 16px;
    flex-direction: column;
  }

  .top-section {
    padding-top: 48px;
  }

  .pd-left-and-right-48px {
    padding-left: 24px;
    padding-right: 24px;
  }

  .utility-page-wrap---bg {
    inset: -56px 16px;
  }

  .link-block-cta {
    text-align: center;
    margin-top: 5px;
  }

  .zahlen-single-wrapper.border-blue-1 {
    border-right-style: none;
  }

  .zahlen-single-wrapper.border-blue-3 {
    border-right-style: none;
    padding-top: 0;
  }

  .zahlen-single-wrapper.border-blue-4 {
    border-top: 1px solid var(--accent-blue);
  }

  .number-content {
    width: auto;
  }

  .zahl-flex {
    justify-content: center;
    align-items: center;
  }

  .h2-number {
    font-size: 40px;
  }

  .zahlen-subtitle {
    text-align: center;
    max-width: 225px;
    margin-left: auto;
    margin-right: auto;
  }

  .top-section-card-zahlen {
    background-size: contain, auto;
    grid-auto-flow: column dense;
    margin-top: 60px;
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .zahlen-wrapper {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .p-margin-bottom-16px {
    margin-bottom: 20px;
  }

  .image-9 {
    height: 32px;
  }

  .cta-button.submit, .cta-button-container-header {
    width: 100%;
  }

  .right-side-buttons {
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    margin-top: 15px;
  }

  .content-wrapper {
    padding-left: 25px;
    padding-right: 25px;
  }

  .cta-button-header.cookie:hover {
    font-size: 12px;
  }

  .topline-2 {
    font-size: 12px;
    line-height: 26px;
  }

  .footer-2-col-right {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
  }

  .copyright-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  .footer-right-cols.first {
    margin-right: 0;
  }

  .right-footer-side {
    width: 100%;
  }

  .telefon-icon-navbar.navbar {
    color: var(--white);
    width: 40px;
    height: 40px;
    padding: 8px;
  }

  .bg-dark {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .checkbox-label {
    font-size: 14px;
  }

  .checkbox-2 {
    margin-top: 4px;
  }

  .navbar-below {
    margin-top: 100px;
  }

  .anchor {
    height: 176px;
    margin-top: -176px;
  }

  .grid-2-columns-60-left.img-right {
    grid-row-gap: 48px;
  }

  .testimonial-head-right {
    height: 40px;
  }

  .grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .header-content-wrapper-unterseite {
    background-position: 0 0, 80%;
  }

  .header-content-wrapper-unterseite.vorsorgevollmacht {
    height: 515px;
    padding-top: 40px;
  }

  .image-8, .sidebar-contact-text-wrapper {
    align-self: center;
  }

  .content-unterseite.padding-bottom-120px.white-bg.padding-top-120px {
    padding-bottom: 80px;
  }

  .content-unterseite.white-bg.padding-top-120px {
    padding-top: 80px;
  }

  .p-20 {
    font-size: 16px;
    line-height: 26px;
  }

  .timeline-main-grid {
    grid-template-rows: auto;
    grid-template-columns: 30px 80.5714vw;
    padding-top: 11vw;
    padding-bottom: 11vw;
  }

  .timeline-path {
    width: .5vw;
    left: 6px;
  }

  .progress-bar-box {
    justify-content: flex-start;
  }

  .stage-title-holder {
    position: static;
  }

  .quote {
    height: 96px;
    font-size: 22px;
    line-height: 32px;
  }

  .quote-image {
    height: 20px;
  }

  .timeline-progress-bar-2 {
    width: .5vw;
  }

  .smaller.white {
    font-size: 33px;
    line-height: 43px;
  }

  .image-16 {
    object-fit: contain;
    max-width: 80%;
  }
}

#w-node-_0d605679-66a4-38e2-78ef-146f4d012b65-5dcfe94e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0d605679-66a4-38e2-78ef-146f4d012b6e-5dcfe94e {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch center;
}

#w-node-_1f9c3c38-0d60-6b96-256e-8043a2e32166-5dcfe94e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1f9c3c38-0d60-6b96-256e-8043a2e3217c-5dcfe94e {
  order: -9999;
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1f9c3c38-0d60-6b96-256e-8043a2e3217f-5dcfe94e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1f9c3c38-0d60-6b96-256e-8043a2e32194-5dcfe94e {
  order: -9999;
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1f9c3c38-0d60-6b96-256e-8043a2e32197-5dcfe94e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1f9c3c38-0d60-6b96-256e-8043a2e321ac-5dcfe94e {
  order: -9999;
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1f9c3c38-0d60-6b96-256e-8043a2e321af-5dcfe94e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1f9c3c38-0d60-6b96-256e-8043a2e321c4-5dcfe94e {
  order: -9999;
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1f9c3c38-0d60-6b96-256e-8043a2e321c7-5dcfe94e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1f9c3c38-0d60-6b96-256e-8043a2e321dc-5dcfe94e {
  order: -9999;
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1f9c3c38-0d60-6b96-256e-8043a2e321df-5dcfe94e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1f9c3c38-0d60-6b96-256e-8043a2e321f4-5dcfe94e {
  order: -9999;
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_735eea17-737f-c464-e2d4-5f397c344d67-5dcfe94e, #w-node-_735eea17-737f-c464-e2d4-5f397c344d6f-5dcfe94e, #w-node-_735eea17-737f-c464-e2d4-5f397c344d77-5dcfe94e, #w-node-_735eea17-737f-c464-e2d4-5f397c344d7f-5dcfe94e, #w-node-_735eea17-737f-c464-e2d4-5f397c344d87-5dcfe94e, #w-node-_735eea17-737f-c464-e2d4-5f397c344d8f-5dcfe94e, #w-node-_61914fa1f3028ad34c1c480b000000000014-5dcfe95d {
  align-self: stretch;
}

@media screen and (max-width: 991px) {
  #w-node-_0d605679-66a4-38e2-78ef-146f4d012b65-5dcfe94e {
    order: -9999;
  }

  #w-node-_0d605679-66a4-38e2-78ef-146f4d012b6e-5dcfe94e {
    justify-self: center;
  }

  #w-node-_735eea17-737f-c464-e2d4-5f397c344d41-5dcfe94e, #w-node-_735eea17-737f-c464-e2d4-5f397c344d48-5dcfe94e, #w-node-_735eea17-737f-c464-e2d4-5f397c344d4f-5dcfe94e, #w-node-_735eea17-737f-c464-e2d4-5f397c344d59-5dcfe94e {
    place-self: center stretch;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_1f9c3c38-0d60-6b96-256e-8043a2e3217c-5dcfe94e, #w-node-_1f9c3c38-0d60-6b96-256e-8043a2e32194-5dcfe94e, #w-node-_1f9c3c38-0d60-6b96-256e-8043a2e321ac-5dcfe94e, #w-node-_1f9c3c38-0d60-6b96-256e-8043a2e321c4-5dcfe94e, #w-node-_1f9c3c38-0d60-6b96-256e-8043a2e321dc-5dcfe94e, #w-node-_1f9c3c38-0d60-6b96-256e-8043a2e321f4-5dcfe94e {
    order: -9999;
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_735eea17-737f-c464-e2d4-5f397c344d41-5dcfe94e, #w-node-_735eea17-737f-c464-e2d4-5f397c344d48-5dcfe94e, #w-node-_735eea17-737f-c464-e2d4-5f397c344d4f-5dcfe94e, #w-node-_735eea17-737f-c464-e2d4-5f397c344d59-5dcfe94e {
    order: 9999;
  }
}


@font-face {
  font-family: 'Social Icons Font';
  src: url('../fonts/social-icon-font.woff2') format('woff2'), url('../fonts/social-icon-font.eot') format('embedded-opentype'), url('../fonts/social-icon-font.woff') format('woff'), url('../fonts/social-icon-font.ttf') format('truetype'), url('../fonts/social-icon-font.svg') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Line Square Icons';
  src: url('../fonts/line-square-icons.woff2') format('woff2'), url('../fonts/line-square-icons.eot') format('embedded-opentype'), url('../fonts/line-square-icons.woff') format('woff'), url('../fonts/line-square-icons.ttf') format('truetype'), url('../fonts/line-square-icons.svg') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Filled Icons';
  src: url('../fonts/filled-icon-font.woff2') format('woff2'), url('../fonts/filled-icon-font.eot') format('embedded-opentype'), url('../fonts/filled-icon-font.woff') format('woff'), url('../fonts/filled-icon-font.ttf') format('truetype'), url('../fonts/filled-icon-font.svg') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Line Rounded Icons';
  src: url('../fonts/line-rounded-icons.woff2') format('woff2'), url('../fonts/line-rounded-icons.eot') format('embedded-opentype'), url('../fonts/line-rounded-icons.woff') format('woff'), url('../fonts/line-rounded-icons.ttf') format('truetype'), url('../fonts/line-rounded-icons.svg') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Sourceserif 4';
  src: url('../fonts/SourceSerif4-VariableFont_opszwght.ttf') format('truetype');
  font-weight: 200 900;
  font-style: normal;
  font-display: swap;
}