@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;
  --font-dark\<deleted\|variable-0eb889f1-cff3-4ff3-3cb3-643a0c6aefaa\>: #354747;
  --general--shadow-01: #4646460f;
  --neutral--500: #8b909a;
  --general--shadow-03: #16152221;
  --bg-blue: #f6f7f8;
  --light-blue-2: #f2f5fa;
  --box-shaddow\<deleted\|variable-a1a5b464-e6e3-c585-a589-a45a98f8f6cc\>: #0000001f;
  --accent-blue: #2c588f;
  --system--red-100: #ffeff0;
  --system--300: #ff5a65;
  --overlay-blue-80: #1d3451cc;
  --accent-20\<deleted\|variable-29152156-4b38-c539-f85d-118b43a8fed3\>: #82b1b033;
  --accent-10\<deleted\|variable-56c57564-2bc8-4075-ad01-2abfe1bf49af\>: #82b1b01a;
  --border-blue-light: #2c588f47;
  --item-white-bg: #f9fafa;
  --button-shadow--white-01: #14142b0a;
  --accent: var(--accent-cyan);
  --progress-01: #2c5890;
  --darker-blue: #1d3451;
  --main-blue-30: #1d24514d;
  --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;
  -webkit-text-decoration-color: var(--main-blue);
  text-decoration-color: var(--main-blue);
  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%;
}

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;
}

.grid-2-columns.img-left {
  grid-template-columns: 1fr 1fr;
}

.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;
}

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

.grid-1-column.dropdown-link-column {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  justify-items: start;
}

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

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

.grid-3-columns.dropdown-main-grid {
  grid-column-gap: 0px;
  grid-template-columns: 1fr;
  align-items: start;
}

.grid-3-columns.dropdown-pages-grid {
  grid-column-gap: 0px;
  grid-template-columns: auto auto auto;
  align-items: start;
}

.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.hover-white:hover {
  background-color: var(--white);
  color: var(--neutral--800);
}

.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 {
  align-self: flex-start;
  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.margin-top-40px {
  margin-top: 40px;
}

.btn-standard {
  border: 1px solid var(--neutral--800);
  color: var(--font-dark\<deleted\|variable-0eb889f1-cff3-4ff3-3cb3-643a0c6aefaa\>);
  text-align: center;
  transform-style: preserve-3d;
  background-color: #0000;
  border-radius: 8px;
  padding: 14px 40px;
  line-height: 1.125em;
  transition: border-color .3s, transform .3s, background-color .3s, color .3s;
}

.btn-standard:hover {
  border-color: var(--accent--primary-1\<deleted\|variable-86b36df2\>);
  background-color: var(--accent--primary-1\<deleted\|variable-86b36df2\>);
  color: var(--neutral--100);
  transform: scale3d(1.06, 1.06, 1.01);
}

.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;
}

.line-rounded-icon {
  font-family: Line Rounded Icons, sans-serif;
}

.line-rounded-icon.dropdown-arrow {
  margin-left: 8px;
}

.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 {
  align-self: flex-start;
  max-width: 1257px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}

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

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

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

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

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

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

.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-bg {
  background-color: var(--bg-blue);
}

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

.section.navbar-padding-top-karriere {
  padding-top: 74px;
}

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

.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-list-item {
  margin-bottom: 0;
  padding-left: 32px;
}

.header-nav-list-item.show-in-tablet {
  display: none;
}

.dropdown-toggle {
  color: var(--neutral--800);
  align-items: center;
  padding: 0;
  transition: color .3s;
  display: flex;
}

.dropdown-toggle:hover {
  color: var(--neutral--800);
}

.dropdown-toggle.w--open {
  color: var(--accent-cyan);
}

.dropdown-column-wrapper {
  border: 1px solid var(--neutral--300);
  background-color: var(--neutral--100);
  box-shadow: 0 2px 12px 0 var(--general--shadow-02);
  border-radius: 20px;
  overflow: hidden;
  transform: translate(-40%);
}

.dropdown-link {
  color: var(--neutral--600);
  width: 100%;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.125em;
  text-decoration: none;
}

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

.dropdown-link.w--current {
  color: var(--neutral--600);
}

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

.dropdown-pd {
  padding: 40px;
}

.dropdown-pd.pd-48px {
  padding: 48px;
}

.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);
}

.hamburger-menu-wrapper {
  padding: 0;
}

.hamburger-menu-wrapper.w--open {
  background-color: #0000;
}

.hamburger-menu-bar {
  background-color: var(--neutral--800);
  border-radius: 20px;
  width: 52px;
  height: 4px;
  margin-top: 12px;
  margin-bottom: 12px;
}

.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-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
}

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

.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-family: "Sourceserif 4", Times New Roman, sans-serif;
  font-size: 48px;
  line-height: 55px;
}

.h2-number.partners {
  font-family: "Sourceserif 4", Times New Roman, sans-serif;
}

.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;
}

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

.right-col {
  padding-right: 68px;
  position: relative;
}

.left-col-img {
  width: 100%;
  padding-left: 68px;
  padding-right: 20px;
}

.right-col-no-padding {
  flex-flow: column;
  display: flex;
}

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

.button-centering-wrapper {
  justify-content: center;
  display: flex;
}

.button-centering-wrapper.margin-top-40px {
  margin-top: 40px;
}

.h1-margin-bottom-10px {
  color: var(--font-dark\<deleted\|variable-0eb889f1-cff3-4ff3-3cb3-643a0c6aefaa\>);
  margin-bottom: 10px;
  font-family: Minion Pro Display;
  font-size: 50px;
  font-weight: 400;
  line-height: 60px;
  display: block;
}

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

.image-9 {
  height: 46px;
}

.vermietung-thumbnail {
  background-image: url('../images/wolfberatung-steuerkanzlei-bad-duerkheim-christian-wolf.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: space-between;
  align-items: stretch;
  height: 100%;
  display: flex;
}

.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/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/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);
}

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

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

.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: var(--accent-blue);
  font-weight: 500;
  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 {
  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: var(--main-blue);
  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: var(--accent-cyan);
}

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

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

.image-11 {
  align-self: center;
}

.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-right {
  color: var(--font-dark\<deleted\|variable-0eb889f1-cff3-4ff3-3cb3-643a0c6aefaa\>);
  padding-right: 10px;
}

.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;
}

.blue-box {
  background-color: var(--accent-10\<deleted\|variable-56c57564-2bc8-4075-ad01-2abfe1bf49af\>);
  text-align: center;
  border-radius: 12px;
  padding-top: 100px;
  padding-bottom: 100px;
}

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

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

.header-content-wrapper-2 {
  background-image: url('../images/wolfberatung-steuerkanzlei-bad-duerkheim-header.webp');
  background-position: 51%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  height: calc(100vh - 92px);
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
}

.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;
}

.topline-filled.dark {
  background-color: var(--main-blue);
  color: var(--white);
  -webkit-text-stroke-color: var(--white);
}

.max-width-54 {
  max-width: 54%;
}

.max-width-54.right {
  float: right;
  background-color: #ffffffdb;
  border-radius: 15px;
  min-width: 56%;
  padding: 60px 40px;
}

.max-width-54.left {
  background-color: #ffffffdb;
  border-radius: 15px;
  min-width: 56%;
  padding: 60px 40px;
}

.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 1fr;
  grid-auto-columns: 1fr;
  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: 20px;
  display: flex;
}

.fachbereiche-item.margin-bottom-40px {
  margin-bottom: 40px;
}

.mehr-erfahren-container {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  text-align: right;
  justify-content: flex-end;
  align-items: center;
  font-size: 14px;
  display: flex;
}

.mehr-erfahren-container.white {
  transition: all .3s;
}

.mehr-erfahren-container.white:hover {
  color: var(--accent-cyan);
}

.mehr-erfahren-container._3-px-margin-right {
  margin-right: 3px;
}

.mehr-erfahren-text {
  text-transform: uppercase;
  font-weight: 500;
}

.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;
}

.grid-2-columns-60-left.img-right.margin-bottom-100px {
  grid-template-columns: 1.2fr 1fr;
  margin-bottom: 100px;
}

.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);
}

.border-top {
  border-top: 1px solid var(--main-blue);
  border-bottom: 1px solid var(--main-blue);
}

.border-top.centering {
  text-align: center;
  padding: 60px 68px 16px;
}

.border-top.centering.no-border {
  border-top-style: none;
  border-bottom-style: none;
}

.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 {
  padding-left: 68px;
  padding-right: 68px;
}

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

.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.stiftungsberatung {
  background-image: url('../images/wolfberatung-steuerkanzlei-bad-duerkheim-stiftungsberatung-header.jpeg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.header-content-wrapper-unterseite.steuerberatung {
  background-image: url('../images/wolfberatung-steuerkanzlei-bad-duerkheim-steuerberatung-christian-wolf.webp');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.header-content-wrapper-unterseite.gesundheitswesen {
  background-image: url('../images/wolfberatung-steuerkanzlei-bad-duerkheim-gesundheitswesen.webp');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.header-content-wrapper-unterseite.testament-header {
  background-image: url('../images/wolfberatung-steuerkanzlei-bad-duerkheim-testamentsvollstreckung-und-nachlassverwaltung-header.jpg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.header-content-wrapper-unterseite.nachfolgeplanung {
  background-image: url('../images/wolfberatung-steuerkanzlei-bad-duerkheim-nachfolgeplanung-unternehmensnachfolge.webp');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: cover;
}

.header-content-wrapper-unterseite.vorsorgevollmacht {
  background-image: url('../images/wolfberatung-steuerkanzlei-bad-duerkheim-vorsorgevollmacht-header.jpeg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.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-sidebar-contact {
  background-color: var(--bg-blue);
  flex-flow: row;
}

.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;
}

.list-item {
  background-image: url('../images/bullet-icon-arrow-blue.svg');
  background-position: 0 8px;
  background-repeat: no-repeat;
  background-size: auto;
  padding-left: 14px;
}

.h3-text {
  margin-bottom: 0;
  font-family: "Sourceserif 4", Times New Roman, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 34px;
}

.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-40px {
  padding-bottom: 40px;
}

.content-unterseite.white-bg {
  background-color: var(--white);
}

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

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

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

.list-item-2 {
  background-image: url('../images/bullet-icon-blue.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;
}

.list-item-2.white {
  background-image: url('../images/bullet-icon-white.svg');
  background-position: 0%;
  background-size: auto 25px;
}

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

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

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

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

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

.mehr-erfahren-link {
  color: var(--accent-blue);
  margin-top: 20px;
}

.mehr-erfahren-link.accordion {
  cursor: pointer;
}

.mehr-erfahren-link.accordion:hover {
  color: var(--accent);
}

.code-embed {
  padding-left: 64px;
  padding-right: 64px;
}

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

.padding-top-40px {
  float: left;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-columns: 1fr 1fr;
  place-content: start;
  place-items: start;
  padding-top: 40px;
}

.floating-grid {
  float: left;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-columns: 1fr 1fr;
  place-content: start;
  place-items: start;
}

.floating-grid.padding-bottom-40px.padding-top-20px {
  padding-top: 20px;
}

.list-2 {
  padding-left: 18px;
  list-style-type: decimal;
}

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

.p-light.panel {
  height: 100%;
}

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

.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;
}

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

.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;
}

.stage-tag {
  color: var(--main-blue);
}

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

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

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

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

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

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

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

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

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

.mehr-erfahren-svg {
  width: 6px;
}

.bold-text-2 {
  color: var(--white);
}

.paragraph-10 {
  margin-top: 20px;
}

.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);
}

.smaller-h1 {
  font-size: 49px;
  line-height: 59px;
}

.ratio-5-4 {
  overflow: hidden;
}

.text-span-8 {
  font-family: "Sourceserif 4", Times New Roman, sans-serif;
}

.div-block-32 {
  margin-top: 92px;
}

.left-col-img-copy {
  width: 100%;
  padding-left: 68px;
  padding-right: 20px;
}

.header-image-karriere {
  border-radius: 16px;
}

.wir-bilden-aus-badge {
  margin-right: 38px;
  position: absolute;
  inset: auto 0% 0% auto;
}

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

.grid-2-columns-karriere.img-left {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-columns: 1fr 1fr;
}

.grid-2-columns-karriere-copy {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: grid;
}

.grid-2-columns-karriere-copy.img-left {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-columns: 1fr 1fr;
}

.left-col-job {
  padding-left: 68px;
}

.right-col-job {
  padding-right: 68px;
  position: relative;
}

.left-block {
  background-color: var(--accent-blue);
  color: var(--white);
  border-radius: 4px;
  flex-flow: column;
  justify-content: space-between;
  height: 100%;
  padding: 32px 19px 19px;
  display: flex;
}

.right-block {
  background-color: var(--darker-blue);
  color: var(--white);
  border-radius: 4px;
  flex-flow: column;
  justify-content: space-between;
  height: 100%;
  padding: 32px 19px 19px;
  display: flex;
}

.bottom-content {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.job-box-button {
  text-transform: uppercase;
}

.image-16 {
  height: 18px;
}

.h3 {
  color: var(--main-blue);
  font-family: "Sourceserif 4", Times New Roman, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 34px;
}

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

.mehr-lesen-wrapper {
  justify-content: flex-end;
  margin-top: 5px;
  margin-bottom: 15px;
  display: flex;
}

.mehr-lesen-border {
  color: #b5956c;
  cursor: pointer;
  border-bottom: 1px solid #b5956c;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  margin-bottom: 10px;
  transition: border-color .3s cubic-bezier(.455, .03, .515, .955), color .3s cubic-bezier(.455, .03, .515, .955);
  display: inline-flex;
}

.mehr-lesen-border:hover {
  color: #1d321d;
  border-bottom: 1px solid #1d321d;
}

.button-klein {
  letter-spacing: .4px;
  text-transform: uppercase;
  padding-right: 10px;
  font-size: 12px;
  font-weight: 500;
}

.button-klein.accordion {
  margin-bottom: 0;
  padding-right: 10px;
}

.text1 {
  color: #fff9f4;
  letter-spacing: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}

.text1.green {
  color: #1d321d;
}

.text1.green.left {
  text-align: left;
  height: 100%;
  margin-bottom: 72px;
}

.list-3 {
  list-style-type: none;
}

.job-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: 20px;
  display: flex;
}

.job-item.margin-bottom-40px {
  margin-bottom: 40px;
  display: block;
}

.weiter-lesen {
  justify-content: flex-end;
  margin-top: 20px;
  display: flex;
}

.divider-line {
  background-color: #bbbbb6;
  width: 100%;
  height: 1px;
  position: absolute;
  inset: auto 0% 0%;
}

.divider-line.dark {
  background-color: var(--border-blue-light);
}

.t2 {
  text-align: left;
  margin-bottom: 0;
}

.t2.accordion {
  color: var(--main-blue);
  padding-bottom: 20px;
  font-weight: 300;
  line-height: 22px;
}

.expand {
  flex: 1;
}

.vertical {
  background-color: var(--accent-blue);
  color: #b5956c;
  -webkit-text-stroke-color: var(--accent-blue);
  width: 1.5px;
  height: 20px;
  position: absolute;
}

.h4-2 {
  color: #062c4e;
  margin-top: 10px;
  margin-bottom: 3px;
  font-size: 22px;
  font-weight: 500;
  line-height: 26px;
}

.h4-2.accordion-headline-faq {
  color: var(--main-blue);
  margin-top: 5px;
  margin-bottom: 5px;
  font-family: Roboto, Verdana, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
}

.accordion-content {
  margin-top: 10px;
  padding-right: 0;
  overflow: hidden;
}

.flex-no-wrap {
  flex-wrap: nowrap;
  display: flex;
}

.accordion {
  margin-bottom: 10px;
  position: relative;
  overflow: hidden;
}

.horizontal {
  background-color: var(--accent-blue);
  width: 20px;
  height: 1.5px;
}

.accordion-trigger {
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.accordion-trigger:hover {
  text-decoration: none;
}

.open-close-box {
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  height: 28px;
  margin-left: 10px;
  display: flex;
  position: relative;
}

.background-video-2 {
  z-index: 1;
  color: #1d2451;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.section-2 {
  background-color: #fff;
  padding-top: 120px;
  padding-bottom: 120px;
}

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

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

.container-default-2.centering.quote {
  max-width: 800px;
  height: 193px;
}

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

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

.left-col-img-karriere {
  width: 100%;
  padding-left: 68px;
  padding-right: 0;
}

.karriere-thumbnail {
  background-image: url('../images/wolfberatung-steuerberater-karriere-bad-duerkheim.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: space-between;
  align-items: stretch;
  height: 100%;
  display: flex;
}

.mehr-erfahren-link-job {
  color: var(--accent-blue);
  text-transform: uppercase;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  transition-property: all;
}

.mehr-erfahren-link-job.accordion:hover {
  color: var(--accent);
}

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

.bigger {
  font-size: 30px;
}

._68px-left-right {
  padding-left: 68px;
  padding-right: 68px;
}

.stellenbeschreibung-addition {
  font-size: 20px;
  line-height: 30px;
}

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

.div-block-33 {
  flex-flow: column;
  display: flex;
}

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

  .header-content-wrapper-2 {
    background-position: 47%;
  }

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

  .stars {
    height: 13px;
  }

  .padding-68.no-padding-right {
    padding-right: 0;
  }

  .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;
  }

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

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

  .grid-3-columns {
    grid-template-columns: 1fr 1fr;
  }

  .grid-3-columns.dropdown-main-grid {
    grid-row-gap: 40px;
  }

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

  .btn-standard {
    min-width: 0;
  }

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

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

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

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

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

  .section.no-padding-bottom.padding-top-120, .section.no-padding-bottom.padding-top-100 {
    padding-top: 120px;
  }

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

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

  .header-nav-menu-wrapper {
    border-top: 1px solid var(--neutral--300);
    border-bottom: 1px solid var(--neutral--300);
    background-color: var(--neutral--100);
    padding: 24px;
  }

  .header-nav-menu-list {
    flex-direction: column;
    align-items: flex-start;
  }

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

  .header-nav-list-item.show-in-tablet {
    display: block;
  }

  .dropdown-column-wrapper {
    box-shadow: none;
    border-width: 0;
    border-radius: 0;
    transform: none;
  }

  .dropdown-column-wrapper.w--open {
    position: static;
  }

  .dropdown-pd {
    padding: 20px 0 14px;
  }

  .dropdown-pd.pd-48px {
    padding: 48px 0 32px;
  }

  .hamburger-menu-wrapper.w--open {
    background-color: #0000;
  }

  .hamburger-menu-bar {
    width: 44px;
    height: 3px;
  }

  .hamburger-menu-bar.top {
    height: 2px;
  }

  .hamburger-menu-bar.bottom {
    height: 2px;
    margin-top: 12px;
    margin-bottom: 12px;
  }

  .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 {
    padding-left: 0;
    padding-right: 0;
  }

  .left-col-img {
    justify-content: space-between;
    align-items: center;
    padding-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .left-col-img.margin-minus-30 {
    margin-bottom: -30%;
  }

  .right-col-no-padding.width-100 {
    background-image: none;
    flex-flow: column-reverse;
  }

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

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

  .vermietung-thumbnail {
    aspect-ratio: 600 / 528;
    background-position: 50% 30%;
    width: 100%;
    max-height: 70%;
  }

  .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: 50px;
  }

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

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

  .blue-box {
    padding-left: 20px;
    padding-right: 20px;
  }

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

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

  .header-content-wrapper-2 {
    background-image: linear-gradient(94deg, #00000054, #0000 77%, #fff0), url('../images/wolfberatung-steuerkanzlei-bad-duerkheim-header.webp');
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }

  .max-width-54 {
    max-width: 75%;
  }

  .max-width-54.right, .max-width-54.left {
    float: none;
    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;
  }

  .grid-2-columns-60-left.img-right.margin-bottom-100px {
    grid-template-rows: auto auto;
    grid-template-columns: 1.2fr;
    grid-auto-flow: column;
  }

  .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;
  }

  .border-top.centering {
    padding-top: 80px;
    padding-left: 0;
    padding-right: 0;
  }

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

  .padding-68 {
    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/wolfberatung-steuerkanzlei-bad-duerkheim-vorsorgevollmacht-header.jpeg');
    background-position: 0 0, 100%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }

  .header-content-wrapper-unterseite.stiftungsberatung {
    background-image: url('../images/wolfberatung-steuerkanzlei-bad-duerkheim-stiftungsberatung-header.jpeg');
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .header-content-wrapper-unterseite.testament-header {
    background-image: url('../images/wolfberatung-steuerkanzlei-bad-duerkheim-testamentsvollstreckung-und-nachlassverwaltung-header.jpg');
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .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;
  }

  .code-embed {
    padding-left: 0;
    padding-right: 0;
  }

  .floating-grid.padding-bottom-40px {
    width: 100%;
  }

  .floating-grid.padding-bottom-40px.padding-top-20px {
    padding-bottom: 20px;
  }

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

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

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

  .paragraph-10 {
    margin-top: 0;
  }

  .div-block-31 {
    margin-bottom: 40px;
  }

  .left-col-img-copy {
    justify-content: space-between;
    align-items: center;
    padding-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .left-col-img-copy.margin-minus-30 {
    margin-bottom: -30%;
  }

  .wir-bilden-aus-badge {
    margin-right: -30px;
  }

  .grid-2-columns-karriere {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }

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

  .grid-2-columns-karriere-copy {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }

  .grid-2-columns-karriere-copy.img-left {
    grid-column-gap: 32px;
    grid-template-columns: 1fr;
  }

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

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

  .text1.green.left {
    margin-bottom: 36px;
  }

  .accordion-trigger {
    padding-bottom: 0;
  }

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

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

  .container-default-2.centering.quote {
    height: 141px;
  }

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

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

  .left-col-img-karriere {
    justify-content: space-between;
    align-items: center;
    padding-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .left-col-img-karriere.margin-minus-30 {
    margin-bottom: -30%;
  }

  .karriere-thumbnail {
    aspect-ratio: 600 / 528;
    background-position: 50% 30%;
    width: 100%;
    max-height: 70%;
  }

  .bigger {
    font-size: 26px;
  }

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

@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;
  }

  .grid-2-columns.img-left {
    grid-template-columns: 1fr;
  }

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

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

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

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

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

  .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 {
    padding-left: 24px;
    padding-right: 24px;
  }

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

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

  .section.navbar-padding-top-karriere {
    padding-top: 40px;
  }

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

  .dropdown-pd.pd-48px {
    padding-top: 40px;
  }

  .hamburger-menu-bar {
    width: 32px;
  }

  .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;
  }

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

  .right-col-no-padding.width-100 {
    width: auto;
    max-width: 100%;
  }

  .h1-margin-bottom-10px {
    font-size: 46px;
    line-height: 56px;
  }

  .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;
  }

  .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;
  }

  .blue-box {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .header-content-wrapper-2 {
    background-image: linear-gradient(93deg, #00000085, #0003), url('../images/wolfberatung-steuerkanzlei-bad-duerkheim-header.webp');
    background-position: 0 0, 65%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    padding-top: 40px;
    padding-bottom: 40px;
  }

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

  .max-width-54 {
    max-width: none;
  }

  .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;
  }

  .grid-2-columns-60-left.img-right.margin-bottom-100px {
    grid-row-gap: 40px;
  }

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

  .header-content-wrapper-unterseite.testament-header {
    background-image: url('../images/wolfberatung-steuerkanzlei-bad-duerkheim-testamentsvollstreckung-und-nachlassverwaltung-header.jpg');
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .header-content-wrapper-unterseite.nachfolgeplanung {
    background-position: 18%;
  }

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

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

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

  .floating-grid.padding-bottom-40px.padding-top-20px {
    width: auto;
    padding-bottom: 0;
  }

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

  .left-col-img-copy {
    max-width: none;
  }

  .wir-bilden-aus-badge {
    width: 150px;
    margin-right: -19px;
  }

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

  .grid-2-columns-karriere.img-left {
    grid-template-columns: 1fr;
  }

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

  .grid-2-columns-karriere-copy.img-left {
    grid-template-columns: 1fr;
  }

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

  .h4-2.accordion-headline-faq {
    font-size: 18px;
  }

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

  .container-default-2.centering.quote {
    height: 104px;
  }

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

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

  .left-col-img-karriere {
    max-width: none;
  }

  .bigger {
    font-size: 22px;
    font-weight: 600;
    line-height: 32px;
  }

  .stellenbeschreibung-addition {
    color: var(--main-blue);
    font-size: 22px;
    font-weight: 400;
    line-height: 32px;
  }
}

@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;
  }

  .grid-2-columns.img-left {
    justify-content: space-between;
  }

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

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

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

  .grid-1-column.dropdown-link-column {
    grid-row-gap: 12px;
  }

  .grid-3-columns {
    grid-template-columns: 1fr;
  }

  .grid-3-columns.dropdown-pages-grid {
    grid-row-gap: 12px;
    flex-wrap: wrap;
    display: flex;
  }

  .btn-primary, .btn-standard {
    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;
  }

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

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

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

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

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

  .header-nav-list-item.show-in-tablet {
    justify-content: flex-start;
    width: 100%;
    display: flex;
  }

  .dropdown-pd.pd-48px {
    padding-top: 32px;
  }

  .hamburger-menu-bar {
    width: 26px;
  }

  .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);
  }

  .einleitungs-wrapper.centering {
    margin-bottom: 40px;
  }

  .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;
  }

  .topline {
    font-size: 14px;
  }

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

  .left-col-img {
    position: static;
  }

  .left-col-img.margin-minus-30 {
    margin-bottom: 0;
  }

  .h1-margin-bottom-10px {
    font-size: 34px;
    line-height: 40px;
  }

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

  .image-9 {
    height: 32px;
  }

  .vermietung-thumbnail {
    max-height: none;
  }

  .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%;
  }

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

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

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

  .blue-box {
    text-align: left;
    padding-top: 50px;
    padding-bottom: 50px;
  }

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

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

  .header-content-wrapper-2 {
    background-position: 0 0, 65%;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .topline-filled.dark {
    display: inline-block;
  }

  .max-width-54.left {
    padding: 40px 20px;
  }

  .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.steuerberatung {
    background-position: 76%;
  }

  .header-content-wrapper-unterseite.testament-header {
    background-image: url('../images/wolfberatung-steuerkanzlei-bad-duerkheim-testamentsvollstreckung-und-nachlassverwaltung-header.jpg');
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .header-content-wrapper-unterseite.nachfolgeplanung {
    background-image: url('../images/wolfberatung-steuerkanzlei-bad-duerkheim-nachfolgeplanung-unternehmensnachfolge.webp');
    background-position: 17%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .header-content-wrapper-unterseite.vorsorgevollmacht {
    background-image: url('../images/wolfberatung-steuerkanzlei-bad-duerkheim-vorsorgevollmacht-header.jpeg');
    background-position: 83%;
    background-repeat: no-repeat;
    background-size: cover;
  }

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

  .list-item-2.white {
    background-size: auto 20px;
    padding-left: 30px;
    font-size: 17px;
  }

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

  .padding-top-40px {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .padding-top-40px.gap-mobile-10px {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .padding-top-40px.gap-mobile-10px.padding-bottom-40px {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

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

  .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;
  }

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

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

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

  .heading-3 {
    font-size: 25px;
    line-height: 35px;
  }

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

  .smaller-h1 {
    font-size: 26px;
    line-height: 36px;
  }

  .left-col-img-copy {
    position: static;
  }

  .left-col-img-copy.margin-minus-30 {
    margin-bottom: 0;
  }

  .wir-bilden-aus-badge {
    width: 100px;
    margin-right: -12.5px;
  }

  .grid-2-columns-karriere.img-left, .grid-2-columns-karriere-copy.img-left {
    justify-content: space-between;
  }

  .h4-2 {
    margin-top: 0;
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 18px;
  }

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

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

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

  .container-default-2.centering.quote {
    height: 126px;
  }

  .quote-image {
    height: 20px;
  }

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

  .left-col-img-karriere {
    position: static;
  }

  .left-col-img-karriere.margin-minus-30 {
    margin-bottom: 0;
  }

  .karriere-thumbnail {
    max-height: none;
  }
}

#w-node-_4b43a423-659f-776e-b585-54d47533236e-613f3062 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch stretch;
}

#w-node-_4b43a423-659f-776e-b585-54d475332370-613f3062 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1313810c-d4f9-6645-7057-94c5f001716b-613f3062, #w-node-_9c5cfe69-1cef-8c1b-e69b-97fac35f6052-613f3062, #w-node-_4872ed0a-63e6-3b2f-f53d-d3fc8c281faa-613f3062, #w-node-ec1d739b-b2a5-5b27-c33a-a0cccd2934b4-613f3062, #w-node-_4c1d543d-103c-72e2-9daa-b136407a360f-613f3062, #w-node-_374b457f-6686-678a-249d-1105f328f38b-613f3062 {
  align-self: stretch;
}

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

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

#w-node-_61914fa1f3028ad34c1c480b000000000014-613f3115 {
  align-self: stretch;
}

#w-node-ff3c7418-b575-7b7d-88df-4cffd04491cc-570d36d6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ff3c7418-b575-7b7d-88df-4cffd04491d2-570d36d6 {
  order: -9999;
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1a55fc87-d54f-b4d9-8bc1-705d43e8a866-570d36d6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1a55fc87-d54f-b4d9-8bc1-705d43e8a878-570d36d6 {
  order: -9999;
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c79494a7-88a7-8afc-c579-784b7a876b7d-570d36d6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c79494a7-88a7-8afc-c579-784b7a876b91-570d36d6 {
  order: -9999;
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9ec23e03-f5fe-6c9b-b1c4-6d82cc2adec9-570d36d6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9ec23e03-f5fe-6c9b-b1c4-6d82cc2adedd-570d36d6 {
  order: -9999;
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_90d18200-5828-4093-1524-92568a245082-570d36d6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_90d18200-5828-4093-1524-92568a245096-570d36d6 {
  order: -9999;
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_81dd113d-5046-1553-81fc-2b2d1f79459a-570d36d6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_81dd113d-5046-1553-81fc-2b2d1f7945ae-570d36d6 {
  order: -9999;
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4b43a423-659f-776e-b585-54d47533236e-da96f44c {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center stretch;
}

#w-node-_4b43a423-659f-776e-b585-54d475332370-da96f44c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f2f7aa1b-7cf5-7e78-8994-139640d9fc6e-da96f44c, #w-node-f2f7aa1b-7cf5-7e78-8994-139640d9fc75-da96f44c, #w-node-_239ab198-b928-8efb-65e2-332d0685ceb4-da96f44c {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch stretch;
}

#w-node-_239ab198-b928-8efb-65e2-332d0685ceb6-da96f44c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9c5cfe69-1cef-8c1b-e69b-97fac35f6052-da96f44c, #w-node-bd3a7d96-70b4-7b3b-7a52-f4fb092ff712-da96f44c {
  align-self: stretch;
}

@media screen and (max-width: 991px) {
  #w-node-_4b43a423-659f-776e-b585-54d475332370-613f3062 {
    order: 9999;
  }

  #w-node-d1938d31-5328-99e9-a35d-a5a748b4e66f-613f3062, #w-node-_777ccf75-1370-085c-5e80-50254f52dcc9-613f3062, #w-node-_60c7d7b3-4a4e-d3cf-f26d-620b86009148-613f3062, #w-node-fb7f3ebc-951d-4d5e-1743-d8695216d4df-613f3062 {
    place-self: center stretch;
  }

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

  #w-node-eec41c1d-b68e-58f5-ff0a-153ac9364b93-37bc04a0 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_4b43a423-659f-776e-b585-54d475332370-da96f44c, #w-node-f2f7aa1b-7cf5-7e78-8994-139640d9fc75-da96f44c, #w-node-_239ab198-b928-8efb-65e2-332d0685ceb6-da96f44c {
    order: 9999;
  }

  #w-node-_239ab198-b928-8efb-65e2-332d0685cebf-da96f44c, #w-node-_239ab198-b928-8efb-65e2-332d0685cec6-da96f44c, #w-node-_239ab198-b928-8efb-65e2-332d0685ced0-da96f44c, #w-node-_239ab198-b928-8efb-65e2-332d0685ced7-da96f44c {
    place-self: center stretch;
  }
}

@media screen and (max-width: 479px) {
  #w-node-d1938d31-5328-99e9-a35d-a5a748b4e66f-613f3062, #w-node-_777ccf75-1370-085c-5e80-50254f52dcc9-613f3062, #w-node-_60c7d7b3-4a4e-d3cf-f26d-620b86009148-613f3062, #w-node-fb7f3ebc-951d-4d5e-1743-d8695216d4df-613f3062 {
    order: 9999;
  }

  #w-node-eec41c1d-b68e-58f5-ff0a-153ac9364b93-37bc04a0 {
    grid-column: span 1 / span 1;
  }

  #w-node-ff3c7418-b575-7b7d-88df-4cffd04491d2-570d36d6, #w-node-_1a55fc87-d54f-b4d9-8bc1-705d43e8a878-570d36d6, #w-node-c79494a7-88a7-8afc-c579-784b7a876b91-570d36d6, #w-node-_9ec23e03-f5fe-6c9b-b1c4-6d82cc2adedd-570d36d6, #w-node-_90d18200-5828-4093-1524-92568a245096-570d36d6, #w-node-_81dd113d-5046-1553-81fc-2b2d1f7945ae-570d36d6 {
    order: -9999;
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_239ab198-b928-8efb-65e2-332d0685cebf-da96f44c, #w-node-_239ab198-b928-8efb-65e2-332d0685cec6-da96f44c, #w-node-_239ab198-b928-8efb-65e2-332d0685ced0-da96f44c, #w-node-_239ab198-b928-8efb-65e2-332d0685ced7-da96f44c {
    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;
}