@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Quattrocento';
  font-style: normal;
  font-weight: 400;
  src: url("/templates/ddold-mastertemplate/fonts/Quattrocento-Regular.ttf") format("truetype");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Quattrocento';
  font-style: normal;
  font-weight: 700;
  src: url("/templates/ddold-mastertemplate/fonts/Quattrocento-Bold.ttf") format("truetype");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Opensans';
  font-style: normal;
  font-weight: 400;
  src: url("/templates/ddold-mastertemplate/fonts/OpenSans-Regular.ttf") format("truetype");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ }
@use "variables";
*,
*::before,
*::after {
  box-sizing: border-box; }

html {
  font-size: 100%; }

body {
  margin: 0;
  color: #1f2933;
  background: #ffffff;
  font-family: "Opensans";
  font-weight: 400;
  font-size: 18px;
  color: #222222;
  line-height: 24px; }

a {
  color: #0b5cab; }

img,
svg {
  max-width: 100%;
  height: auto; }

h1 {
  font-family: "Quattrocento";
  font-weight: 400;
  font-size: 3.6rem;
  color: #005598;
  line-height: 4rem;
  margin-bottom: 20px; }
  h1 .smallh {
    font-family: "Quattrocento";
    font-weight: 400;
    font-size: 1.2rem;
    color: #005598;
    line-height: 1.8rem; }

.page-101 h1 {
  color: #ffffff; }
  .page-101 h1 .smallh {
    color: #ffffff; }

h2 {
  font-family: "Quattrocento";
  font-weight: 400;
  font-size: 2.8rem;
  color: #005598;
  line-height: 3.2rem; }

h3 {
  font-family: "Quattrocento";
  font-weight: 400;
  font-size: 18px;
  color: #005598;
  line-height: 24px; }

.padding-top5 {
  padding-top: 5% !important; }

.padding-bottom5 {
  padding-bottom: 5% !important; }

.padding-top8 {
  padding-top: 8% !important; }

.padding-bottom8 {
  padding-bottom: 8% !important; }

.padding-top40 {
  padding-top: 40px !important; }

.padding-bottom40 {
  padding-bottom: 40px !important; }

.padding-top80 {
  padding-top: 80px !important; }

.padding-bottom80 {
  padding-bottom: 80px !important; }

.schrift-weiss {
  color: #ffffff; }

.color-orange {
  color: #F8A501; }

.background-blue {
  background-color: #005598;
  color: #ffffff; }

.background-darkblue {
  background-color: #0E1115;
  color: #ffffff; }

.four-items-start {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 13px 2px #8C8C8C !important;
  box-shadow: 0px 0px 13px 2px #8C8C8C !important;
  border-radius: 20px;
  padding: 20px; }
  .four-items-start .four-items-start-item .sppb-media {
    justify-content: center;
    display: flex;
    align-items: center; }
    .four-items-start .four-items-start-item .sppb-media .sppb-media-body {
      justify-content: center;
      display: flex;
      align-items: center; }
      .four-items-start .four-items-start-item .sppb-media .sppb-media-body .sppb-media-content {
        display: flex;
        justify-content: center;
        align-items: center; }
    .four-items-start .four-items-start-item .sppb-media img {
      width: 120px;
      height: 120px; }
    .four-items-start .four-items-start-item .sppb-media h3 {
      font-family: "Quattrocento";
      font-weight: 800;
      font-size: 1.5rem;
      color: #005598;
      line-height: 1.8rem; }

.button-clean {
  background: none;
  display: inline-flex !important;
  position: relative;
  border: 1px solid #ffffff !important;
  text-decoration: none;
  color: #ffffff;
  padding: 16px 28px !important; }
  .button-clean::after {
    content: "\f061";
    font-family: 'Font Awesome 6 Free';
    display: block;
    font-weight: 600;
    position: relative;
    margin-left: 10px; }

.button-clean-blau {
  background: none;
  display: inline-flex !important;
  position: relative;
  border: 1px solid #005598 !important;
  text-decoration: none;
  color: #005598;
  padding: 16px 28px !important; }
  .button-clean-blau::after {
    content: "\f061";
    font-family: 'Font Awesome 6 Free';
    display: block;
    font-weight: 600;
    position: relative;
    margin-left: 10px; }

.button-orange {
  background-color: #F8A501;
  display: inline-flex !important;
  color: #ffffff;
  position: relative;
  text-decoration: none;
  padding: 16px 28px !important; }
  .button-orange::after {
    content: "\f061";
    font-family: 'Font Awesome 6 Free';
    display: block;
    font-weight: 600;
    position: relative;
    margin-left: 10px; }

.button-orange-border-white {
  display: inline-flex !important;
  text-decoration: none;
  padding: 16px 28px !important;
  border: 1px solid #F8A501 !important;
  color: #ffffff; }
  .button-orange-border-white::after {
    content: "\f061";
    font-family: 'Font Awesome 6 Free';
    display: block;
    font-weight: 600;
    position: relative;
    margin-left: 10px; }

.button-orange-border-dark {
  display: inline-flex !important;
  text-decoration: none;
  padding: 16px 28px !important;
  border: 1px solid #F8A501 !important;
  color: #0E1115; }
  .button-orange-border-dark::after {
    content: "\f061";
    font-family: 'Font Awesome 6 Free';
    display: block;
    font-weight: 600;
    position: relative;
    margin-left: 10px; }

.leistungen-boxen {
  border-radius: 10px;
  padding: 20px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; }

@use "variables";
header.site-header {
  border-bottom: 1px solid #d8dee4; }
  header.site-header .site-brand {
    padding: 10px 0;
    margin-left: 1rem;
    color: inherit;
    font-weight: 700;
    text-decoration: none;
    display: flex; }
    header.site-header .site-brand img {
      width: 200px; }

@use "variables";
.site-footer,
.site-bottom {
  padding-block: 1rem; }

.site-footer {
  border-top: 1px solid #d8dee4; }