body {
  font-family: 'Open Sans local', sans-serif;
  color: #333;
  font-size: 14px;
  line-height: 1.45em;
}

h1 {
  margin-top: 0px;
  margin-bottom: 10px;
  font-size: 55px;
  line-height: 1.2em;
  font-weight: 800;
}

h2 {
  margin-top: 0px;
  margin-bottom: 10px;
  font-size: 36px;
  line-height: 1.4em;
  font-weight: 700;
}

h3 {
  margin-top: 0px;
  margin-bottom: 10px;
  font-size: 22px;
  line-height: 1.45em;
  font-weight: 700;
}

h4 {
  margin-top: 0px;
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 1.5em;
  font-weight: 700;
}

p {
  margin-bottom: 10px;
}

a {
  -webkit-transition: color 200ms ease;
  transition: color 200ms ease;
  color: #006b99;
  font-weight: 700;
  text-decoration: none;
}

a:hover {
  color: #084d6a;
}

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

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

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

blockquote {
  margin-bottom: 10px;
  padding: 10px 20px 11px;
  border-left: 5px solid #d4d4d4;
  font-size: 1.2em;
  line-height: 1.45em;
}

figure {
  margin-bottom: 10px;
}

figcaption {
  margin-top: 5px;
  text-align: center;
}

.style-section {
  position: relative;
  overflow: hidden;
  padding-top: 180px;
  padding-bottom: 180px;
}

.style-section.off {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  background-color: #f8f8f8;
}

.clean-flex-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: -10px;
  margin-left: -10px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.clean-flex-row.wrapped {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.clean-flex-row.sg-flex-row {
  margin-right: -15px;
  margin-left: -15px;
}

.clean-flex-row.clean-sg-typo-row {
  margin-right: -30px;
  margin-left: -30px;
}

.clean-flex-row.check-captcha-image-row {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.clean-flex-column {
  padding-right: 10px;
  padding-left: 10px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.clean-flex-column.fluent {
  width: 50%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.clean-flex-column.fluent._25 {
  width: 25%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.clean-flex-column.sg-flex-column {
  padding-right: 15px;
  padding-left: 15px;
}

.clean-flex-column.clean-sg-typo-column {
  padding-right: 30px;
  padding-left: 30px;
}

.clean-flex-column.check-captcha-image-column {
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.clean-list-parent {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.clean-list-parent.sg-grid-list-parent {
  margin-bottom: 2px;
}

.clean-list-symbol-div {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.clean-list-symbol-div.sg-grid-list-symbol {
  width: 128px;
}

.clean-list-symbol-div.sg-list-icon-1 {
  padding-right: 12px;
}

.clean-list-content-div {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.color-code-section {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 4px;
}

.color-code-div {
  height: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.color-code-div.code-blue {
  background-color: #1194f6;
}

.color-code-div.code-orange {
  background-color: #ff5722;
}

.color-code-div.code-green {
  background-color: #27d827;
}

.color-code-div.code-purple {
  background-color: #9d1bb2;
}

.color-code-div.code-turquoise {
  background-color: #00bcd6;
}

.color-code-div.code-pink {
  background-color: #ec1561;
}

.cs-h3-impressum {
  margin-bottom: 0px;
  font-size: 1.1em;
  line-height: 1.45em;
  text-transform: none;
}

.cs-h2-impressum {
  margin-top: 30px;
  margin-bottom: 20px;
  font-size: 1.6em;
}

.style-paragraph {
  margin-bottom: 10px;
  color: #333;
  font-size: 14px;
  line-height: 1.45em;
  font-weight: 400;
  letter-spacing: 0px;
}

.clean-li {
  margin-bottom: 10px;
}

.clean-li.circle-medium-grey {
  color: #4b4b4b;
}

.clean-ul {
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 30px;
}

.clean-ul.no-bullets {
  list-style-type: none;
}

.clean-section-sg {
  padding-top: 65px;
  padding-bottom: 55px;
}

.clean-styleguide-line {
  margin-top: 10px;
  margin-bottom: 30px;
  padding-top: 1px;
  background-color: rgba(0, 0, 0, 0.25);
}

.clean-styleguide-line.sub-headline {
  margin-top: 10px;
  margin-bottom: 0px;
  background-color: rgba(0, 0, 0, 0.1);
}

.clean-sg-section-heading {
  opacity: 0.9;
  color: #4b4b4b;
  font-size: 18px;
  line-height: 1.45em;
  font-weight: 700;
  text-transform: uppercase;
}

.clean-sg-section-heading.typo {
  color: #00bcd6;
}

.clean-sg-section-heading.color {
  color: #9d1bb2;
}

.clean-sg-section-heading.grid {
  color: #ec1561;
}

.clean-sg-section-heading.logo {
  color: #1194f6;
}

.clean-sg-section-heading.components {
  color: #27d827;
}

.clean-sg-grid-block {
  padding-top: 60px;
  border-right: 2px solid rgba(236, 21, 97, 0.3);
  border-left: 2px solid rgba(236, 21, 97, 0.3);
  background-color: rgba(75, 75, 75, 0.1);
}

.clean-sg-grid-block.grid-block-first {
  border-left-color: #ec1561;
}

.clean-sg-grid-block.grid-block-last {
  border-right-color: #ec1561;
}

.clean-sg-grid-info-container {
  margin-top: 25px;
}

.clean-sg-text {
  color: #858585;
  font-size: 11px;
  line-height: 1.3em;
}

.clean-sg-text.clean-sg-type-typo {
  color: #00bcd6;
  font-weight: 700;
}

.clean-sg-text.sg-type-extra {
  margin-left: 20px;
}

.clean-sg-text.bold {
  font-weight: 700;
}

.clean-sg-text.clean-sg-type-logo {
  font-weight: 700;
}

.clean-sg-text.sg-extra-download {
  margin-top: -2px;
  margin-bottom: -1px;
  padding-top: 2px;
  padding-bottom: 1px;
  border-bottom: 1px solid rgba(17, 148, 246, 0);
  -webkit-transition: color 200ms ease, border-color 200ms ease;
  transition: color 200ms ease, border-color 200ms ease;
  letter-spacing: 0.2px;
  text-decoration: none;
}

.clean-sg-text.sg-extra-download:hover {
  border-bottom-color: #1194f6;
  color: #1194f6;
}

.clean-sg-color-element-wrapper {
  margin-bottom: 25px;
}

.clean-sg-color-div {
  padding-top: 40%;
}

.clean-sg-color-div.sg-text-color-1 {
  background-color: rgba(157, 27, 178, 0.7);
}

.clean-sg-color-div.sg-text-color-2 {
  background-color: rgba(157, 27, 178, 0.5);
}

.clean-sg-color-div.sg-element-color-1 {
  background-color: rgba(106, 27, 178, 0.7);
}

.clean-sg-color-div.sg-element-color-2 {
  background-color: rgba(106, 27, 178, 0.5);
}

.clean-sg-color-div.sg-element-color-3 {
  background-color: rgba(106, 27, 178, 0.3);
}

.clean-sg-type-text-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 5px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.clean-sg-type-text-wrapper.sg-type-typography-wrapper {
  margin-bottom: 40px;
}

.clean-sg-content-heading {
  margin-bottom: 8px;
  color: #4b4b4b;
  font-weight: 600;
}

.clean-sg-text-extra {
  color: #c2c2c2;
}

.default-button {
  padding: 7px 11px 7px 12px;
  border-radius: 3px;
  background-color: #4b4b4b;
  -webkit-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.6px;
  text-decoration: none;
  text-transform: uppercase;
}

.default-button:hover {
  background-color: #000;
  color: #fff;
}

.clean-testemonial-wrapper {
  position: relative;
  padding: 15px 25px 18px;
}

.clean-testemonial-text {
  font-size: 1.2em;
  line-height: 1.5em;
  font-style: italic;
}

.clean-testemonial-icon {
  position: absolute;
  left: 0px;
  top: 19px;
  display: inline-block;
  opacity: 0.15;
  -webkit-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  font-family: 'FontAwesome 4.7.0';
  font-size: 36px;
  line-height: 1em;
}

.clean-sg-logo-div {
  margin-bottom: 16px;
  padding: 25px 50px;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.04);
  border-radius: 5px;
  background-color: rgba(75, 75, 75, 0.02);
  background-image: url('../images/image_background_raster_1image_background_raster.png');
  background-position: 0px 0px;
  background-size: 20px;
  text-align: center;
}

.clean-sg-logo-div.sg-logo-dark {
  background-color: rgba(75, 75, 75, 0.85);
}

.clean-sg-list-icon-1 {
  width: 16px;
  margin-top: -2px;
  opacity: 0.74;
}

.clean-t-cookie-container {
  position: fixed;
  top: 15px;
  right: 25px;
  z-index: 1000;
  display: none;
}

.clean-full-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 100vh;
  padding-top: 30px;
  padding-right: 40px;
  padding-left: 40px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.clean-404-headline-wrapper {
  position: relative;
}

.clean-404-button-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.clean-404-paragraph {
  max-width: none;
  margin-bottom: 20px;
  font-size: 1.1em;
  line-height: 1.6em;
}

.clean-success-container {
  max-width: 640px;
  padding-left: 25px;
}

.clean-success-container.icon-container {
  padding-left: 95px;
}

.clean-h2-datenschutz-increment {
  margin-top: 35px;
  font-size: 25px;
  line-height: 35px;
}

.clean-h3-datenschutz-increment {
  margin-top: 20px;
  margin-bottom: 5px;
  font-size: 18px;
  line-height: 25px;
}

.clean-h4-datenschutz-increment {
  margin-top: 20px;
  margin-bottom: 5px;
  font-size: 14px;
  line-height: 20px;
}

.clean-list-datenschutz-default {
  margin-top: 15px;
  margin-bottom: 15px;
}

.clean-changelog-wrap {
  margin-top: 60px;
  margin-bottom: 60px;
}

.clean-changelog-headline {
  margin-bottom: 15px;
  font-size: 20px;
  line-height: 1.4em;
  font-weight: 700;
}

.clean-check-captcha-image {
  width: 184px;
  height: 78px;
  background-image: url('../images/image_info_captcha_correct.png');
  background-position: 0px 0px;
  background-size: 184px;
  background-repeat: no-repeat;
  cursor: not-allowed;
}

.clean-check-captcha-image.image-captcha-wrong {
  background-image: url('../images/image_info_captcha_wrong.png');
}

.clean-check-captcha-image-wrap {
  margin-top: 30px;
  margin-bottom: 40px;
}

.clean-check-captcha-headline {
  position: relative;
  margin-bottom: 20px;
  font-size: 28px;
  line-height: 1.2em;
  letter-spacing: -0.2px;
}

.check-captcha-headline-bold {
  color: #303030;
  font-weight: 800;
}

.utility-page-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  height: 100vh;
  max-height: 100%;
  max-width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.utility-page-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 260px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
}

.utility-page-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.clean-t-cookie-icon-div {
  position: relative;
  width: 34px;
  height: 34px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 2px;
  background-color: rgba(0, 0, 0, 0.05);
}

.clean-t-cookie-button-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.clean-t-cookie-message-arrow {
  position: absolute;
  top: 0px;
  right: 23px;
  display: inline-block;
  border-style: solid;
  border-width: 6px;
  border-color: transparent #000 #000 transparent;
  border-bottom-right-radius: 2px;
  opacity: 0.8;
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.clean-t-cookie-headline {
  margin-bottom: 10px;
  color: #fff;
  font-size: 18px;
  line-height: 1.4em;
  font-weight: 700;
}

.clean-t-cookie-message-surface {
  margin-top: 6px;
  border-radius: 6px;
  background-color: rgba(0, 0, 0, 0.8);
}

.clean-t-cookie-text {
  margin-bottom: 15px;
  color: hsla(0, 0%, 100%, 0.85);
  font-size: 13px;
  line-height: 1.5em;
  letter-spacing: 0.2px;
}

.clean-t-cookie-button {
  padding: 9px 14px 10px;
  border-radius: 2px;
  background-color: #1194f6;
  -webkit-transition: background-color 250ms ease;
  transition: background-color 250ms ease;
  color: #fff;
  font-weight: 800;
  text-transform: uppercase;
  cursor: pointer;
}

.clean-t-cookie-button:hover {
  background-color: #ff5722;
  color: #fff;
}

.clean-t-cookie-button.full-width {
  width: 100%;
  margin-right: 10px;
  text-align: center;
}

.clean-t-cookie-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  opacity: 0.75;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.clean-t-cookie-message {
  position: absolute;
  top: 33px;
  right: -12px;
}

.clean-t-cookie-message-contant {
  min-width: 290px;
  padding: 24px 25px 25px 35px;
}

.clean-t-cookie-message-contant.larger-message {
  padding-right: 15px;
  padding-left: 25px;
}

.clean-t-cookie-link {
  padding-top: 6px;
  padding-bottom: 7px;
  -webkit-transition: color 200ms ease;
  transition: color 200ms ease;
  color: #fff;
  line-height: 1.2em;
  font-weight: 600;
}

.clean-t-cookie-link.clean-t-style-intext-link {
  color: #9d1bb2;
}

.clean-t-cookie-link.clean-t-style-intext-link:hover {
  color: #ff5722;
}

.clean-span-optional {
  color: #ff5722;
  font-style: italic;
  font-weight: 400;
}

.clean-span-warning {
  color: #df0004;
  font-style: italic;
  font-weight: 700;
}

.clean-span-replace {
  color: #2ac902;
  font-style: italic;
}

.clean-t-impressum-wrap {
  margin-bottom: 60px;
}

.clean-t-etracker-consent-button {
  margin-bottom: 15px;
}

.clean-success-message-headline {
  position: relative;
  margin-bottom: 25px;
  font-size: 40px;
  line-height: 1.2em;
  letter-spacing: -0.2px;
}

.clean-span-optional-2 {
  color: #ff5722;
  font-style: italic;
  font-weight: 400;
}

.clean-t-pre-h2-template {
  font-size: 14px;
  line-height: 20px;
  font-weight: 800;
  text-align: center;
  text-transform: uppercase;
}

.clean-t-pre-h2-template.grid {
  color: #1194f6;
}

.clean-t-pre-h2-template.elements {
  color: #00bcd6;
}

.clean-t-container {
  position: relative;
}

.clean-t-flex-column {
  padding-right: 10px;
  padding-left: 10px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.clean-t-flex-column.inside-column {
  padding-right: 0px;
  padding-left: 0px;
}

.clean-t-flex-column.fluent {
  width: 50%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.clean-t-flex-column.fluent._25 {
  width: 25%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.clean-t-flex-column.fluent._33 {
  width: 33.33333333%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.clean-t-flex-column._50 {
  width: 50%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.clean-t-flex-column._33 {
  width: 33.33333333%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.clean-t-h2-template {
  margin-top: 0px;
  margin-bottom: 55px;
  color: #4b4b4b;
  font-size: 34px;
  line-height: 1.4em;
  font-weight: 300;
  text-align: center;
  letter-spacing: -0.5px;
  text-transform: none;
}

.clean-t-flex-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: -10px;
  margin-left: -10px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.clean-t-flex-row.wrapped {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.clean-t-flex-row.wrapped.style {
  margin-bottom: 10px;
}

.clean-t-flex-row.wrapped.cjd-preview-tiles {
  margin-top: -20px;
  margin-bottom: -20px;
}

.clean-t-flex-row.wrapped.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.clean-t-flex-row.wrapped.spaced {
  margin-bottom: 60px;
}

.clean-t-flex-row.inside-row {
  margin-right: 0px;
  margin-left: 0px;
}

.clean-t-flex-row.cjd-preview-tiles {
  padding-bottom: 40px;
}

.style-column-fill {
  margin-bottom: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 10px;
  background-color: rgba(17, 148, 246, 0.4);
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.6px;
}

.style-column-fill.style-fluent-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin-bottom: 10px;
  padding-top: 0px;
  padding-bottom: 3px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(17, 148, 246, 0.7);
}

.style-column-fill.style-fluent-content.flex {
  height: auto;
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: rgba(17, 148, 246, 0.7);
}

.style-column-fill.inside-content-fill {
  margin-right: 5px;
  margin-bottom: 0px;
  margin-left: 5px;
  border-radius: 5px;
}

.style-layouts-paragraph {
  color: #1194f6;
  font-size: 0.6em;
  line-height: 1.5em;
  letter-spacing: 0.02em;
}

.style-layout-full-footer-div {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}

.style-layout-full-footer-div.no-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 20px;
}

.style-layouts-window-header-button {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 3px;
  border-radius: 10px;
  background-color: hsla(0, 0%, 100%, 0.4);
}

.layout-full-navbar {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
}

.layout-sidebar-content {
  overflow: auto;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.layout-full-content {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.style-window-body {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 5px;
  background-color: #1194f6;
}

.style-window-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 20px;
  padding-left: 7px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.35);
}

.style-layout-full-container {
  display: block;
  width: 240px;
  margin-right: auto;
  margin-left: auto;
}

.style-layout-full-container.content {
  margin-top: 30px;
  padding-top: 15px;
}

.style-layout-full-container.footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.style-layout-full-container.style-navbar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.style-layout-full-navbar-div {
  padding-top: 5px;
  padding-bottom: 5px;
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.15);
}

.layout-sidebar-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.layout-sidebar-menu.style {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 13px;
  padding-left: 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-flex-basis: 75px;
  -ms-flex-preferred-size: 75px;
  flex-basis: 75px;
  box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.15);
}

.content-body {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.content-body.layout-full-vertical {
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.style-layouts-sidebar-content-div {
  width: 220px;
  margin: 15px 0px 20px 15px;
}

.style-layouts-sidebar-nav-link {
  margin-bottom: 2px;
  color: #1194f6;
  font-size: 0.7em;
  font-weight: 700;
  letter-spacing: 0.06em;
}

.style-layouts-sidebar-nav-link.normal-nav {
  margin-right: 5px;
  margin-bottom: 0px;
}

.style-layouts-sidebar-nav-link.footer {
  margin-bottom: 0px;
  margin-left: 7px;
}

.style-window-content-body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  margin: 7px;
  background-color: #fff;
}

.style-window-content-body.layouts {
  position: relative;
  height: 200px;
}

.elements-tooltip-text-div {
  padding: 10px 10px 5px 15px;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.05);
  background-color: #fff;
}

.clean-t-lists-content-wrapper {
  margin-top: 30px;
  margin-bottom: 30px;
}

.clean-t-ul-bg-icon {
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 0px;
  list-style-type: none;
}

.clean-t-ul {
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 30px;
}

.clean-t-ul.no-bullets {
  list-style-type: none;
}

.clean-t-li-bg-icon {
  margin-bottom: 10px;
  padding-left: 30px;
  background-image: url('../images/icon_tick_turquoise.svg');
  background-position: 6px 4px;
  background-size: 14px;
  background-repeat: no-repeat;
}

.clean-t-white-surface {
  border-style: solid;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.07);
  background-color: #fff;
}

.clean-t-white-surface.style {
  padding: 25px 15px;
}

.clean-t-li {
  margin-bottom: 10px;
}

.clean-t-list-symbol-div {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.clean-t-list-symbol-div.style {
  padding-right: 10px;
  padding-left: 5px;
  color: #00bcd6;
  text-align: right;
}

.clean-t-list-content-div {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.clean-t-list-parent {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.clean-t-list-parent.copy {
  margin-bottom: 0px;
}

.list-symbol-icon {
  display: block;
}

.list-symbol-icon.style-tick {
  margin-top: 4px;
}

.clean-t-content-limiter {
  max-width: 616px;
}

.clean-t-blog-rt h2 {
  margin-top: 35px;
  margin-bottom: 15px;
  font-size: 2.4em;
  letter-spacing: -0.6px;
}

.clean-t-blog-rt figure {
  margin-top: 20px;
  margin-bottom: 20px;
}

.clean-t-blog-rt figcaption {
  color: rgba(0, 0, 0, 0.4);
  font-size: 0.857em;
  line-height: 1.4em;
  font-weight: 400;
}

.clean-t-blog-rt h3 {
  margin-top: 20px;
  margin-bottom: 15px;
  font-size: 1.8em;
  letter-spacing: -0.4px;
}

.clean-t-blog-rt h4 {
  margin-top: 15px;
  margin-bottom: 10px;
  font-size: 1.3em;
}

.clean-t-blog-rt blockquote {
  margin-top: 30px;
  margin-bottom: 30px;
  font-size: 1.4em;
  line-height: 1.6em;
  font-style: italic;
}

.clean-t-blog-rt em {
  font-size: 1em;
  font-weight: 400;
  letter-spacing: 0.2px;
}

.clean-t-blog-rt ul {
  margin-top: 25px;
  margin-bottom: 20px;
  padding-left: 30px;
}

.clean-t-blog-rt li {
  margin-bottom: 10px;
}

.clean-t-blog-rt ol {
  margin-top: 25px;
  margin-bottom: 20px;
  padding-left: 35px;
}

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

.cjd-section.header {
  padding-top: 120px;
  background-color: rgba(0, 107, 153, 0.05);
}

.cjd-section.header.devider {
  background-image: url('../images/img-cjd-start-header-divider-white.svg');
  background-position: 50% 100%;
  background-size: contain;
  background-repeat: no-repeat;
}

.cjd-section.header.devider.alert {
  padding-top: 0px;
}

.cjd-section.header.small-header {
  padding-top: 40px;
  padding-bottom: 40px;
}

.cjd-section.navigation {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: rgba(0, 107, 153, 0.05);
}

.cjd-section.after-header {
  padding-top: 120px;
}

.cjd-section.light-blue {
  background-color: rgba(0, 107, 153, 0.05);
}

.cjd-section.light-blue.top-heading {
  padding-top: 0px;
}

.cjd-section.light-blue.unterseiten-teaser {
  padding-top: 60px;
}

.cjd-section.footer {
  padding-top: 60px;
  padding-bottom: 60px;
  background-color: #006b99;
}

.cjd-section.footer-claim {
  padding-top: 20px;
  padding-bottom: 15px;
}

.cjd-section.footer-claim.light-blue {
  background-color: rgba(0, 107, 153, 0.05);
}

.cjd-section.cd.hide {
  display: none;
}

.cjd-section.cookie {
  position: fixed;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 60px;
  z-index: 3;
  padding-top: 0px;
  padding-bottom: 0px;
}

.cjd-nav-link {
  padding: 15px;
  border-bottom: 4px solid transparent;
  -webkit-transition: border-color 200ms ease, color 200ms ease;
  transition: border-color 200ms ease, color 200ms ease;
  color: #006b99;
  font-weight: 700;
}

.cjd-nav-link:hover {
  border-bottom-color: rgba(0, 107, 153, 0.7);
  color: #006b99;
}

.cjd-nav-link.w--current {
  border-bottom: 4px solid #084d6a;
  color: #084d6a;
}

.navbar {
  background-color: transparent;
}

.cjd-intro-wrapper {
  max-width: 760px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.cjd-intro-wrapper.alert {
  position: relative;
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: left;
}

.cjd-intro-subheading {
  margin-bottom: 40px;
  font-size: 22px;
}

.cjd-intro-image-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: auto;
  margin-left: auto;
  padding: 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-image: url('../images/img-cjd-intro-ansprechpartner-form-blue.svg');
  background-position: 50% 100%;
  background-size: contain;
  background-repeat: no-repeat;
}

.cjd-button {
  padding: 20px 40px;
  border-radius: 3px;
  background-color: #006b99;
  -webkit-transition: background-color 200ms ease, color 200ms ease;
  transition: background-color 200ms ease, color 200ms ease;
  color: #fff;
  font-weight: 700;
  text-decoration: none;
}

.cjd-button:hover {
  background-color: #084d6a;
  color: #fff;
}

.cjd-intro-left-image {
  position: relative;
  z-index: 2;
  padding-top: 15px;
  padding-right: 60px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.cjd-intro-right-image {
  position: absolute;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 1;
}

.cjd-intro-heading {
  margin-bottom: 15px;
  color: #006b99;
  font-size: 22px;
  line-height: 1.4em;
  font-weight: 700;
}

.cjd-intro-copy {
  margin-bottom: 20px;
}

.cjd-intro-copy.verabschiedung {
  margin-top: 20px;
}

.cjd-vertical-spacer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.cjd-header-image-wrapper-copy {
  position: relative;
  margin-top: 60px;
  margin-bottom: -120px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.cjd-intro-top-image {
  z-index: 2;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -webkit-transition: box-shadow 600ms ease, -webkit-transform 400ms ease;
  transition: box-shadow 600ms ease, -webkit-transform 400ms ease;
  transition: transform 400ms ease, box-shadow 600ms ease;
  transition: transform 400ms ease, box-shadow 600ms ease, -webkit-transform 400ms ease;
}

.cjd-intro-top-image:hover {
  box-shadow: 0 0 50px -25px rgba(8, 77, 106, 0.4);
  -webkit-transform: translate(0px, -3px);
  -ms-transform: translate(0px, -3px);
  transform: translate(0px, -3px);
}

.cjd-intro-bottom-image {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  z-index: 1;
}

.cjd-intro-image-description-wrapper {
  padding-top: 20px;
  color: #fff;
}

.cjd-intro-image-description-name {
  font-size: 20px;
  font-weight: 700;
}

.cjd-intro-signature-wrapper {
  margin-bottom: 20px;
}

.span-intro-copy-small-text {
  font-size: 13px;
}

.cjd-top-heading-wrapper {
  margin-bottom: 80px;
  padding-top: 15px;
  padding-bottom: 20px;
  background-image: url('../images/img-cjd-start-headline-wrapper-form-green.svg');
  background-position: 50% 0%;
  background-size: contain;
  background-repeat: no-repeat;
  color: #fff;
  text-align: center;
}

.cjd-preview-tile {
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 3px;
  -webkit-transition: background-color 300ms ease, box-shadow 600ms ease;
  transition: background-color 300ms ease, box-shadow 600ms ease;
  text-align: center;
}

.cjd-preview-tile:hover {
  box-shadow: 0 0 50px -25px rgba(8, 77, 106, 0.2);
}

.cjd-preview-tile-icon-wrapper {
  position: relative;
  width: 64px;
  height: 64px;
  margin-bottom: 20px;
  border-radius: 50%;
  background-color: rgba(0, 107, 153, 0.1);
}

.cjd-preview-tile-icon-wrapper.logo-slogan {
  background-image: url('../images/icon-cjd-design-logo-slogan-blue.svg');
  background-position: 50% 50%;
  background-size: auto;
  background-repeat: no-repeat;
}

.cjd-preview-tile-icon-wrapper.farben {
  background-image: url('../images/icon-cjd-design-farben-blue.svg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.cjd-preview-tile-icon-wrapper.schriften {
  background-image: url('../images/icon-cjd-design-schriften-blue.svg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.cjd-preview-tile-icon-wrapper.bildsprache {
  background-image: url('../images/icon-cjd-design-bildsprache-blue.svg');
  background-position: 0px 0px;
  background-size: auto;
}

.cjd-preview-tile-icon-wrapper.gestaltungselemente {
  background-image: url('../images/icon-cjd-design-gestaltungselemente-blue.svg');
  background-position: 0px 0px;
  background-size: auto;
}

.cjd-preview-tile-icon-wrapper.slogan {
  background-image: url('../images/icon-cjd-design-slogan-blue.svg');
  background-position: 0px 0px;
  background-size: auto;
}

.blue-heading {
  color: #006b99;
}

.blue-heading.centered {
  text-align: center;
}

.blue-heading.centered.margin-20 {
  margin-bottom: 20px;
}

.blue-heading.alert {
  margin-bottom: 0px;
}

.cjd-preview-tile-copy {
  padding-bottom: 10px;
}

.cjd-button-arrow {
  padding: 21px;
  color: #333;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
}

.button-arrow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 15px;
  color: #333;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
}

.button-arrow.button-in-copy {
  margin-top: 20px;
  padding: 0px;
}

.button-arrow-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.button-arrow-icon-wrapper {
  width: 8px;
  height: 12px;
  margin-top: 2px;
  margin-left: 7px;
  background-image: url('../images/icon-cjd-arrow-darkgrey.svg');
  background-position: 0% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.button-arrow-icon-wrapper.down {
  margin-top: 4px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.cjd-footer-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.cjd-footer-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.cjd-footer-link {
  margin-bottom: 10px;
  color: #fff;
  font-weight: 700;
  text-decoration: none;
}

.cjd-footer-link:hover {
  color: rgba(255, 255, 255, 0.85);
}

.cjd-footer-social-media {
  margin-right: -10px;
  margin-left: -10px;
  padding-top: 10px;
}

.cjd-footer-social-media-wrapper {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  margin-left: 10px;
  -webkit-transition: opacity 200ms ease, color 200ms ease;
  transition: opacity 200ms ease, color 200ms ease;
}

.cjd-footer-social-media-wrapper:hover {
  opacity: 0.85;
}

.cjd-footer-social-media-wrapper.youtube {
  width: 29px;
  background-image: url('../images/icon-cjd-social-media-youtube.svg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.cjd-footer-social-media-wrapper.youtube:hover {
  opacity: 0.85;
}

.cjd-footer-social-media-wrapper.facebook {
  background-image: url('../images/icon-cjd-social-media-facebook.svg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.cjd-pre-footer-content-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.h1-unterseite {
  font-size: 48px;
}

.h1-unterseite.centered {
  text-align: center;
}

.cjd-unterseite-intro-image-wrapper {
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  border-radius: 3px;
}

.cjd-max-width._580 {
  max-width: 580px;
  margin-right: auto;
  margin-left: auto;
}

.cjd-max-width._720 {
  max-width: 720px;
  margin-right: auto;
  margin-left: auto;
}

.cjd-cd-tile {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 3px;
  background-color: rgba(0, 107, 153, 0.05);
}

.cjd-cd-tile.negative {
  background-color: #006b99;
}

.cjd-cd-tile.transparent {
  background-color: rgba(0, 107, 153, 0);
}

.cjd-cd-tile.grey {
  background-color: rgba(51, 51, 51, 0.05);
}

.cjd-cd-tile-text-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 10px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 13px;
  text-transform: uppercase;
}

.cjd-cd-tile-text-main {
  color: #006b99;
  font-weight: 700;
}

.cjd-section-description-copy {
  margin-bottom: 30px;
}

.cjd-cd-tile-wrapper {
  padding-top: 20px;
  padding-bottom: 20px;
}

.cjd-cd-tile-color-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.cjd-cd-tile-color-field {
  width: 16px;
  height: 16px;
  margin-right: 10px;
  border-style: solid;
  border-width: 1px;
  border-color: transparent;
  background-color: #96c21c;
}

.cjd-cd-tile-color-field._80black {
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0.8)));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8));
}

.cjd-cd-tile-color-field.white {
  border: 1px solid #333;
  background-color: #fff;
}

.image-borderradius-3px {
  border-radius: 3px;
}

.cjd-unterseite-teaser-wrapper {
  margin-top: 40px;
  border-radius: 3px;
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0.5))), -webkit-gradient(linear, left top, left bottom, from(rgba(0, 107, 153, 0.05)), to(rgba(0, 107, 153, 0.05)));
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), linear-gradient(180deg, rgba(0, 107, 153, 0.05), rgba(0, 107, 153, 0.05));
  -webkit-transition: box-shadow 600ms ease;
  transition: box-shadow 600ms ease;
}

.cjd-unterseite-teaser-wrapper:hover {
  box-shadow: 1px 0 50px -25px rgba(8, 77, 106, 0.2);
}

.cjd-unterseite-teaser-image-wrapper {
  display: block;
  overflow: hidden;
  padding-top: 70%;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.cjd-unterseite-teaser-image-wrapper.extra-background {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5)));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
}

.cjd-unterseite-teaser-image-wrapper.farben {
  background-image: url('../images/img-cjd-header-cd-farben.jpg');
}

.cjd-unterseite-teaser-image-wrapper.schriften {
  background-image: url('../images/img-cjd-header-cd-schrift_1.jpg');
}

.cjd-unterseite-teaser-image-wrapper.logo-slogan {
  background-image: url('../images/img-cjd-header-cd-logo.jpg');
}

.cjd-unterseite-teaser-image-wrapper.bildsprache {
  background-image: url('../images/img-cjd-cd-bildsprache-01.jpg');
}

.cjd-unterseite-teaser-image-wrapper.gestaltungselemente {
  background-image: url('../images/img-cjd-header-cd-gestaltungselemente.jpg');
}

.cjd-unterseite-teaser-image-wrapper.slogan {
  background-image: url('../images/img-cjd-header-cd-schrift.jpg');
}

.cjd-unterseite-teaser-content-wrapper {
  min-height: 200px;
  padding: 30px 30px 40px;
}

.cjd-cd-color-tile-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  border-radius: 3px;
  background-color: rgba(0, 107, 153, 0.05);
  color: #fff;
}

.cjd-cd-main-color {
  padding: 20px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.cjd-cd-main-color.blau {
  background-color: #006b99;
}

.cjd-cd-main-color.gruen {
  background-color: #96c21c;
}

.cjd-cd-main-color.schwarz {
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0.8)));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8));
}

.cjd-cd-add-color-wrapper {
  width: 40%;
}

.cjd-cd-add-color-wrapper._50 {
  width: 50%;
}

.cjd-cd-add-color {
  padding: 20px;
}

.cjd-cd-add-color.blau-02 {
  background-color: #0d5a81;
}

.cjd-cd-add-color.blau-03 {
  background-color: #2c8cbe;
}

.cjd-cd-add-color.blau-01 {
  background-color: #0d4e6e;
}

.cjd-cd-add-color.blau-04 {
  background-color: #2c9bd2;
}

.cjd-cd-add-color.gruen-01 {
  background-color: #61af2a;
}

.cjd-cd-add-color.gruen-02 {
  background-color: #79b925;
}

.cjd-cd-add-color.gruen-03 {
  background-color: #aacb52;
}

.cjd-cd-add-color.gruen-04 {
  background-color: #c6db8c;
}

.cjd-cd-add-color.schwarz-01 {
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5)));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
}

.cjd-cd-add-color.schwarz-02 {
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.4)));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
}

.cjd-cd-add-color.schwarz-03 {
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.3)));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));
}

.cjd-cd-add-color.schwarz-04 {
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.2)));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}

.cjd-cd-color-text {
  line-height: 2em;
  text-transform: uppercase;
}

.cjd-cd-color-text.contrast {
  color: #333;
}

.cjd-heading-link-block {
  color: #006b99;
  text-decoration: none;
}

.cjd-heading-link-block:hover {
  color: #084d6a;
}

.cjd-teaser-show-more {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 20px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 3px;
  background-color: rgba(0, 107, 153, 0.05);
  -webkit-transition: background-color 200ms ease, color 200ms ease;
  transition: background-color 200ms ease, color 200ms ease;
  color: #006b99;
  font-weight: 700;
  text-decoration: none;
}

.cjd-teaser-show-more:hover {
  background-color: rgba(0, 107, 153, 0.1);
  color: #006b99;
}

.cjd-teaser-show-more-icon-wrapper {
  width: 48px;
  height: 48px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 50%;
  background-color: rgba(0, 107, 153, 0.05);
  background-image: url('../images/icon-cjd-full-arrow-left-blue.svg');
  background-position: 50% 50%;
  background-size: 18px;
  background-repeat: no-repeat;
}

.cjd-teaser-show-more-link {
  padding: 10px 10px 10px 15px;
}

.cjd-teaser-show-more-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.cjd-copy-highlight-box {
  margin-top: 30px;
  padding: 20px;
  border-radius: 3px;
  background-color: rgba(0, 107, 153, 0.05);
}

.cjd-font-preview-wrapper {
  margin-left: 40px;
  padding: 40px;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  -ms-grid-row-align: auto;
  align-self: auto;
  border-radius: 3px;
  background-color: rgba(0, 107, 153, 0.05);
  color: #084d6a;
  font-size: 22px;
  line-height: 1.5em;
}

.bold {
  font-weight: 700;
}

.semibold {
  font-weight: 600;
}

.light {
  font-weight: 300;
}

.pt-serif {
  font-family: 'PT Serif local', sans-serif;
}

.verdana {
  font-family: Verdana, Geneva, sans-serif;
}

.cjd-preview-new-badge {
  position: absolute;
  left: auto;
  top: auto;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: -26px;
  margin-bottom: -8px;
  padding: 3px 8px;
  border-radius: 3px;
  background-color: #96c21c;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
}

.cjd-alert-message {
  position: relative;
  z-index: 3;
  margin-right: auto;
  margin-bottom: 120px;
  margin-left: auto;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(0, 107, 153, 0.2);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 107, 153, 0.1)), to(rgba(0, 107, 153, 0.1))), -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
  background-image: linear-gradient(180deg, rgba(0, 107, 153, 0.1), rgba(0, 107, 153, 0.1)), linear-gradient(180deg, #fff, #fff);
  text-align: left;
}

.cjd-alert-message-new-badge {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 32px;
  height: 32px;
  margin-top: 20px;
  margin-left: -16px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  background-color: #006b99;
  color: #fff;
  font-size: 22px;
  font-weight: 700;
}

.cjd-alert-new-badge {
  display: inline-block;
  margin-right: 8px;
  padding: 3px 8px;
  border-radius: 3px;
  background-color: #96c21c;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
}

.cjd-alert-heading-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.cjd-alert-message-button-arrow {
  position: relative;
  z-index: 2;
  width: 64px;
  height: 64px;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(0, 107, 153, 0.2);
  border-radius: 50%;
  background-image: url('../images/icon-cjd-full-arrow-down-blue.svg'), -webkit-gradient(linear, left top, left bottom, from(rgba(0, 107, 153, 0.1)), to(rgba(0, 107, 153, 0.1))), -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
  background-image: url('../images/icon-cjd-full-arrow-down-blue.svg'), linear-gradient(180deg, rgba(0, 107, 153, 0.1), rgba(0, 107, 153, 0.1)), linear-gradient(180deg, #fff, #fff);
  background-position: 50% 50%, 0px 0px, 0px 0px;
  background-size: auto 22px, auto, auto;
  background-repeat: no-repeat, repeat, repeat;
  -webkit-transition: background-color 200ms ease, color 200ms ease;
  transition: background-color 200ms ease, color 200ms ease;
}

.cjd-alert-message-button-arrow:hover {
  background-image: url('../images/icon-cjd-full-arrow-down-blue.svg'), -webkit-gradient(linear, left top, left bottom, from(rgba(0, 107, 153, 0.15)), to(rgba(0, 107, 153, 0.15))), -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
  background-image: url('../images/icon-cjd-full-arrow-down-blue.svg'), linear-gradient(180deg, rgba(0, 107, 153, 0.15), rgba(0, 107, 153, 0.15)), linear-gradient(180deg, #fff, #fff);
  background-position: 50% 50%, 0px 0px, 0px 0px;
  background-size: auto 22px, auto, auto;
  background-repeat: no-repeat, repeat, repeat;
}

.cjd-alert-message-button {
  position: absolute;
  right: 0px;
  bottom: -32px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 64px;
  height: 64px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.cjd-alert-message-button-pulse {
  position: absolute;
  left: 50%;
  top: 50%;
  right: 0%;
  bottom: 0%;
  z-index: 1;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background-color: rgba(0, 107, 153, 0.05);
  -webkit-transform: translate(0px, -50%) translate(-50%, 0px);
  -ms-transform: translate(0px, -50%) translate(-50%, 0px);
  transform: translate(0px, -50%) translate(-50%, 0px);
}

.cjd-alert-message-button-wrapper {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.button-arrow-design-welt-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.clean-t-text-field-label-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 5px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.clean-t-text-field-label-wrap.fixed-top-label {
  position: absolute;
  left: 0px;
  top: -25px;
  right: 0px;
}

.p-start-c-el-message-form {
  text-align: left;
}

.p-start-c-el-message-form-link {
  color: rgba(255, 255, 255, 0.85);
}

.p-start-c-el-message-form-link:hover {
  color: #fff;
}

.clean-t-text-field-wrapper {
  position: relative;
}

.cjd-start-contact-el {
  position: relative;
  z-index: 999;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 80px;
  height: 80px;
  padding-top: 14px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  background-color: #006b99;
  background-image: url('../images/icon-widget-kontakt-negative_1icon-widget-kontakt-negative.png');
  background-position: 50% 32%;
  background-size: 18px;
  background-repeat: no-repeat;
  box-shadow: 0 6px 8px -5px rgba(0, 24, 44, 0.3), 0 11px 16px -3px rgba(0, 24, 44, 0.2);
  -webkit-transition: background-color 250ms ease;
  transition: background-color 250ms ease;
  color: #fff;
  font-size: 12px;
  line-height: 0.9em;
  font-weight: 600;
  text-align: center;
  letter-spacing: 0.6px;
  text-transform: none;
  cursor: pointer;
}

.cjd-start-contact-el:hover {
  background-color: #084d6a;
}

.p-start-c-el-message-phone-nmbr {
  margin-bottom: 10px;
  color: #fff;
  font-size: 19px;
  font-weight: 300;
  letter-spacing: 0.2px;
}

.p-start-c-el-message-phone-nmbr.phone-link {
  display: none;
}

.error-message {
  margin-top: 15px;
  padding-top: 15px;
  padding-bottom: 16px;
  padding-left: 12px;
  border: 1px solid #c40101;
}

.clean-t-text-field-status-icon {
  position: absolute;
  top: 0px;
  right: 10px;
  bottom: 0px;
  display: block;
  width: 20px;
  opacity: 0;
}

.clean-t-text-field-status-icon.p-start-c-el-text-field-status-icon {
  right: 4px;
}

.clean-t-text-field-status-icon.text-area-icon {
  right: 25px;
  bottom: auto;
  height: 40px;
}

.clean-t-text-field-status-icon.text-area-icon.p-start-c-el-text-area-icon {
  right: 18px;
}

.cjd-start-c-el-message-1-wrap {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  display: none;
  border-radius: 6px;
  background-color: #d84830;
}

.cjd-start-c-el-close-btn {
  position: absolute;
  top: -10px;
  right: -10px;
  z-index: 1;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background-color: #333;
  background-image: url('../images/icon-x-close.svg');
  background-position: 50% 50%;
  background-size: 12px;
  background-repeat: no-repeat;
  -webkit-transition: background-color 250ms ease;
  transition: background-color 250ms ease;
  cursor: pointer;
}

.cjd-start-c-el-close-btn:hover {
  background-color: #000;
}

.cjd-v-c-el-auto-message-arrow {
  position: absolute;
  right: 35px;
  bottom: -12px;
  overflow: hidden;
  width: 28px;
  height: 12px;
}

.p-start-c-el-message-form-notice-text {
  margin-bottom: 15px;
  color: hsla(0, 0%, 100%, 0.85);
  font-size: 11px;
  line-height: 1.3em;
  font-weight: 300;
  letter-spacing: 0.1px;
}

.p-start-c-el-message-3-wrap {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  display: none;
  border-radius: 6px;
  background-color: #d84830;
}

.cjd-start-c-el-msg-cnt-nav-text-icon {
  position: absolute;
  left: 0px;
  top: 0px;
  right: auto;
  bottom: auto;
  width: 12px;
  height: 12px;
  background-image: url('../images/icon-phone-white.svg');
  background-position: 0px 0px;
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0.3;
}

.cjd-start-c-el-msg-cnt-nav-text-icon.icon-beratung {
  width: 13px;
  height: 14px;
  background-image: url('../images/icon-headset.svg');
}

.cjd-start-c-el-msg-cnt-nav-text-icon.icon-formular {
  top: 1px;
  width: 15px;
  height: 11px;
  background-image: url('../images/icon-headset-copy.svg');
}

.cjd-start-c-el-msg-cnt-nav-back-btn {
  width: 34px;
  height: 34px;
  background-color: rgba(17, 37, 53, 0.15);
  background-image: url('../images/icon-arrow-left-white.svg');
  background-position: 10px 10px;
  background-size: 14px;
  background-repeat: no-repeat;
  -webkit-transition: background-color 250ms ease;
  transition: background-color 250ms ease;
  cursor: pointer;
}

.cjd-start-c-el-msg-cnt-nav-back-btn:hover {
  background-color: rgba(17, 37, 53, 0.35);
}

.p-start-c-el-message-2-wrap {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: auto;
  display: none;
  border-radius: 6px;
  background-color: #d84830;
}

.cjd-start-c-el-message-headline {
  margin-bottom: 20px;
  color: #fff;
  line-height: 1.4em;
  font-weight: 700;
}

.cjd-start-c-el-message-content-top-nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid rgba(17, 37, 53, 0.15);
}

.p-start-c-el-message-btn-wrap {
  margin-top: 35px;
}

.clean-t-recaptcha {
  margin-top: 50px;
  margin-bottom: 40px;
}

.cjd-v-c-el-auto-message-arrow-inside {
  position: relative;
  left: -3px;
  top: -29px;
  width: 34px;
  height: 34px;
  border-radius: 3px;
  background-color: #006b99;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.cjd-start-c-el-message-content {
  min-height: 220px;
  padding: 20px 22px 35px;
  color: #fff;
}

.cjd-start-c-el-message-content.msg-c-kontakt {
  overflow: auto;
  height: 285px;
}

.cjd-start-c-el-message-content-container {
  position: relative;
  overflow: hidden;
  width: 300px;
  height: auto;
  border-radius: 6px;
}

.cjd-start-c-el-message {
  position: absolute;
  right: 12px;
  bottom: 118px;
  display: none;
  border-radius: 6px;
  background-color: #006b99;
  box-shadow: 0 8px 13px -5px rgba(0, 24, 44, 0.1), 0 15px 22px -3px rgba(0, 24, 44, 0.12);
  opacity: 0;
  -webkit-transform: translate(0px, 18px);
  -ms-transform: translate(0px, 18px);
  transform: translate(0px, 18px);
}

.cjd-start-c-el-btn {
  display: block;
  margin-top: 6px;
  padding: 6px 15px 6px 35px;
  border-radius: 4px;
  background-color: hsla(0, 0%, 100%, 0.14);
  background-image: url('../images/icon-headset-copy.svg');
  background-position: 10px 9px;
  background-size: 15px;
  background-repeat: no-repeat;
  -webkit-transition: color 250ms ease, background-color 250ms ease;
  transition: color 250ms ease, background-color 250ms ease;
  color: #fff;
  font-size: 12px;
  line-height: 1.4em;
  font-weight: 700;
  text-align: left;
  letter-spacing: 0.4px;
  text-decoration: none;
  cursor: pointer;
}

.cjd-start-c-el-btn:hover {
  background-color: hsla(0, 0%, 100%, 0.3);
  color: #fff;
}

.cjd-start-c-el-btn.btn-form {
  display: block;
  width: 100%;
  padding-left: 15px;
  background-image: none;
  text-align: center;
}

.cjd-start-c-el-btn.btn-phone {
  background-image: url('../images/icon-phone-white.svg');
  background-position: 11px 9px;
  background-size: 12px;
}

.cjd-start-c-el-btn.btn-centered {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 15px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-image: none;
  color: #fff;
}

.cjd-start-c-el-btn.btn-centered:hover {
  color: #fff;
}

.cjd-start-c-el-btn.btn-online-beratung {
  display: none;
  background-image: url('../images/icon-headset.svg');
  background-position: 11px 6px;
  background-size: 13px;
}

.p-start-c-el-message-phone-info {
  color: #fff;
  font-size: 12px;
  line-height: 1.3em;
  font-style: italic;
  font-weight: 400;
  letter-spacing: 0.5px;
}

.p-start-c-el-message-phone-info.pre-line {
  color: hsla(0, 0%, 100%, 0.6);
}

.p-start-c-el-btn-icon {
  width: 13px;
  height: 13px;
  margin-top: 1px;
  margin-right: 10px;
  margin-left: -2px;
  background-image: url('../images/icon-anrufen.svg');
  background-position: 0px 0px;
  background-size: contain;
  background-repeat: no-repeat;
}

.p-start-c-el-btn-icon.icon-external-link {
  width: 11px;
  height: 11px;
  margin-top: 2px;
  margin-right: 0px;
  margin-left: 6px;
  background-image: url('../images/icon-external-link.svg');
}

.cjd-start-c-el-message-phone-wrap {
  margin-top: 30px;
}

.cjd-start-contact-el-container {
  overflow: hidden;
  padding: 20px;
}

.success-message {
  border: 1px solid #27d827;
  background-color: rgba(39, 216, 39, 0.05);
  font-size: 1.1em;
  letter-spacing: 0.2px;
}

.cjd-start-contact-el-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 95vh;
  z-index: 999;
  -webkit-transform: translate(0px, -100%);
  -ms-transform: translate(0px, -100%);
  transform: translate(0px, -100%);
}

.cjd-start-contact-el-track {
  position: absolute;
  top: 360px;
  right: 0px;
  bottom: -50px;
  display: block;
}

.clean-t-text-field {
  height: 55px;
  margin-bottom: 10px;
  padding-top: 6px;
  padding-right: 35px;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.05);
  background-color: rgba(0, 0, 0, 0.03);
  font-size: 16px;
}

.clean-t-text-field:focus {
  background-color: rgba(0, 0, 0, 0.01);
}

.clean-t-text-field.p-start-c-el-text-field {
  height: 35px;
  padding-top: 8px;
  padding-left: 10px;
  border-color: hsla(0, 0%, 100%, 0.16);
  border-radius: 5px;
  background-color: hsla(0, 0%, 100%, 0.06);
  color: #fff;
  font-size: 13px;
  font-weight: 400;
}

.clean-t-text-field.p-start-c-el-text-field::-webkit-input-placeholder {
  color: hsla(0, 0%, 100%, 0.5);
  font-weight: 300;
}

.clean-t-text-field.p-start-c-el-text-field:-ms-input-placeholder {
  color: hsla(0, 0%, 100%, 0.5);
  font-weight: 300;
}

.clean-t-text-field.p-start-c-el-text-field::-ms-input-placeholder {
  color: hsla(0, 0%, 100%, 0.5);
  font-weight: 300;
}

.clean-t-text-field.p-start-c-el-text-field::placeholder {
  color: hsla(0, 0%, 100%, 0.5);
  font-weight: 300;
}

.clean-t-text-field.p-start-c-el-text-field.text-area {
  height: auto;
  max-width: 304px;
  min-height: 100px;
  min-width: 304px;
}

.cjd-start-c-el-msg-cnt-nav-text-div {
  position: relative;
  margin-left: 20px;
  padding-left: 20px;
  color: #fff;
  font-size: 13px;
  line-height: 1em;
  letter-spacing: 0.4px;
}

.cjd-section-wrapper {
  position: relative;
}

.white {
  color: #fff;
}

.white:hover {
  color: rgba(255, 255, 255, 0.75);
}

.cjd-start-c-el-message-copy {
  display: block;
  border-radius: 6px;
  background-color: #006b99;
  box-shadow: 0 8px 13px -5px rgba(0, 24, 44, 0.1), 0 15px 22px -3px rgba(0, 24, 44, 0.12);
  opacity: 0;
  -webkit-transform: translate(0px, 18px);
  -ms-transform: translate(0px, 18px);
  transform: translate(0px, 18px);
}

.cjd-cookie-banner-close-btn {
  position: absolute;
  top: -10px;
  right: -10px;
  z-index: 1;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background-color: #333;
  background-image: url('../images/icon-x-close.svg');
  background-position: 50% 50%;
  background-size: 12px;
  background-repeat: no-repeat;
  -webkit-transition: background-color 250ms ease;
  transition: background-color 250ms ease;
  cursor: pointer;
}

.cjd-cookie-banner-close-btn:hover {
  background-color: #000;
}

.cjd-start-c-el-message-content-container-copy {
  position: relative;
  overflow: hidden;
  width: 300px;
  height: auto;
  border-radius: 6px;
}

.cjd-start-c-el-message-content-copy {
  min-height: 220px;
  padding: 20px 22px 35px;
  color: #fff;
}

.cjd-start-c-el-message-content-copy.msg-c-kontakt {
  overflow: auto;
  height: 285px;
}

.cjd-cookie-banner {
  margin-right: auto;
  margin-left: auto;
  padding: 30px;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(0, 107, 153, 0.2);
  border-radius: 3px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 107, 153, 0.1)), to(rgba(0, 107, 153, 0.1))), -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
  background-image: linear-gradient(180deg, rgba(0, 107, 153, 0.1), rgba(0, 107, 153, 0.1)), linear-gradient(180deg, #fff, #fff);
}

.cookie-copy {
  margin-bottom: 30px;
}

.cjd-list-wrapper {
  margin-bottom: 30px;
}

@media screen and (max-width: 991px) {
  h2 {
    font-size: 34px;
  }

  .style-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .clean-flex-row.clean-sg-typo-row {
    margin-right: -20px;
    margin-left: -20px;
  }

  .clean-flex-column.fluent {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
  }

  .clean-flex-column.fluent._25 {
    width: 33.3333%;
  }

  .clean-flex-column.clean-sg-typo-column {
    padding-right: 20px;
    padding-left: 20px;
  }

  .clean-sg-grid-block {
    padding-top: 40px;
  }

  .clean-success-container {
    padding-left: 15px;
  }

  .clean-t-cookie-message-arrow {
    opacity: 0.9;
  }

  .clean-t-cookie-message-surface {
    background-color: rgba(0, 0, 0, 0.9);
  }

  .clean-t-container {
    padding-right: 20px;
    padding-left: 20px;
  }

  .clean-t-flex-column.fluent {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
  }

  .clean-t-flex-column.fluent._25 {
    width: 33.3333%;
  }

  .clean-t-flex-column.fluent._33 {
    width: 50%;
  }

  .clean-t-flex-column._33 {
    width: 40%;
  }

  .style-layouts-sidebar-content-div {
    width: auto;
    margin-right: 25px;
  }

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

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

  .cjd-nav-menu {
    margin-top: 20px;
    background-color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 107, 153, 0.05)), to(rgba(0, 107, 153, 0.05)));
    background-image: linear-gradient(180deg, rgba(0, 107, 153, 0.05), rgba(0, 107, 153, 0.05));
  }

  .cjd-nav-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 30px;
    font-size: 16px;
  }

  .cjd-top-heading-wrapper {
    padding-right: 20px;
    padding-bottom: 30px;
    padding-left: 20px;
    background-position: 50% 0%;
    background-size: cover;
  }

  .cjd-preview-tile {
    padding-right: 0px;
    padding-left: 0px;
  }

  .menu-button {
    border-radius: 3px;
    background-color: #006b99;
    -webkit-transition: background-color 200ms ease;
    transition: background-color 200ms ease;
    color: #fff;
  }

  .menu-button:hover {
    background-color: #084d6a;
  }

  .menu-button.w--open {
    background-color: #006b99;
  }

  .cjd-font-preview-wrapper {
    margin-left: 0px;
  }

  .cjd-preview-new-badge {
    padding-top: 2px;
  }

  .cjd-alert-message {
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
  }

  .cjd-alert-message-new-badge {
    font-size: 12px;
  }

  .cjd-alert-new-badge {
    padding-top: 2px;
  }
}

@media screen and (max-width: 767px) {
  body {
    font-size: 15px;
    line-height: 1.5em;
  }

  h1 {
    font-size: 48px;
  }

  h2 {
    font-size: 30px;
  }

  .style-section {
    padding-top: 55px;
    padding-bottom: 55px;
  }

  .clean-flex-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .clean-flex-row.wrapped {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
  }

  .clean-flex-row.sg-flex-row {
    margin-right: -10px;
    margin-left: -10px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .clean-flex-column.fluent {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }

  .clean-flex-column.fluent._25 {
    width: 50%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .clean-flex-column.sg-flex-column {
    padding-right: 10px;
    padding-left: 10px;
  }

  .clean-section-sg {
    padding-top: 45px;
    padding-bottom: 45px;
  }

  .clean-sg-grid-block {
    padding-top: 50px;
  }

  .clean-success-container {
    padding-left: 10px;
  }

  .clean-success-container.icon-container {
    padding-left: 75px;
  }

  .clean-check-captcha-image {
    width: 215px;
    height: 91px;
    margin-top: 10px;
    margin-bottom: 10px;
    background-size: cover;
  }

  .clean-check-captcha-image-wrap {
    margin-top: 20px;
    margin-bottom: 30px;
  }

  .clean-t-container {
    padding-right: 40px;
    padding-left: 40px;
  }

  .clean-t-flex-column.quarter {
    width: 50%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .clean-t-flex-column.fluent {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }

  .clean-t-flex-column.fluent._25 {
    width: 50%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .clean-t-flex-column.fluent._33 {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
  }

  .clean-t-flex-column._50 {
    width: 100%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .clean-t-flex-column._33 {
    width: auto;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .clean-t-flex-column.inside-content {
    padding-right: 0px;
    padding-left: 0px;
  }

  .clean-t-flex-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .clean-t-flex-row.wrapped {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
  }

  .clean-t-flex-row.inside-content {
    margin-right: 0px;
    margin-left: 0px;
  }

  .layout-sidebar-content {
    overflow: visible;
  }

  .style-window-body {
    margin-bottom: 15px;
  }

  .style-layout-full-container {
    width: auto;
    padding-right: 20px;
    padding-left: 20px;
  }

  .style-layout-full-container.content {
    padding-bottom: 10px;
  }

  .layout-sidebar-menu {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .layout-sidebar-menu.style {
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 20px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.16);
  }

  .content-body.layout-sidebar {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .style-layouts-sidebar-content-div {
    margin-right: 20px;
    margin-left: 20px;
  }

  .style-layouts-sidebar-nav-link {
    margin-right: 7px;
    margin-bottom: 0px;
  }

  .style-window-content-body {
    height: auto;
  }

  .style-window-content-body.layouts {
    height: auto;
    min-height: 150px;
  }

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

  .cjd-section.header {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .cjd-section.header.devider {
    padding-top: 60px;
  }

  .cjd-section.cookie {
    bottom: 40px;
  }

  .img-cjd-logo-pos {
    width: 120px;
  }

  .cjd-intro-right-image {
    max-width: 25%;
  }

  .cjd-intro-top-image {
    max-width: 80%;
  }

  .cjd-footer-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .cjd-footer-left {
    margin-bottom: 60px;
  }

  .h1-unterseite {
    font-size: 40px;
  }

  .cjd-cd-tile-text-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .cjd-unterseite-teaser-content-wrapper {
    min-height: auto;
  }

  .cjd-cd-color-tile-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }

  .cjd-cd-add-color-wrapper {
    width: 100%;
  }

  .cjd-header-copy {
    margin-bottom: 40px;
  }

  .cjd-font-preview-wrapper {
    margin-top: 20px;
  }

  .cjd-alert-message-button {
    bottom: -50px;
  }

  .p-start-c-el-message-phone-nmbr {
    display: none;
    font-size: 30px;
    line-height: 1.6em;
  }

  .p-start-c-el-message-phone-nmbr.phone-link {
    display: block;
    text-decoration: none;
  }

  .p-start-c-el-message-phone-nmbr.phone-link:hover {
    color: #fff;
  }

  .cjd-start-c-el-message-1-wrap {
    width: 100vw;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }

  .cjd-start-c-el-close-btn {
    top: -22px;
    right: 10px;
    width: 44px;
    height: 44px;
    background-size: 16px;
  }

  .cjd-v-c-el-auto-message-arrow {
    display: none;
  }

  .p-start-c-el-message-form-notice-text {
    font-size: 13px;
  }

  .p-start-c-el-message-3-wrap {
    width: 100vw;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }

  .cjd-start-c-el-msg-cnt-nav-text-icon {
    width: 17px;
    height: 17px;
  }

  .cjd-start-c-el-msg-cnt-nav-text-icon.icon-beratung {
    width: 16px;
    height: 20px;
  }

  .cjd-start-c-el-msg-cnt-nav-text-icon.icon-formular {
    width: 24px;
    height: 18px;
  }

  .cjd-start-c-el-msg-cnt-nav-back-btn {
    width: 46px;
    height: 46px;
    background-position: 14px 13px;
    background-size: 19px;
  }

  .p-start-c-el-message-2-wrap {
    width: 100vw;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }

  .cjd-start-c-el-message-headline {
    margin-bottom: 30px;
    font-size: 24px;
  }

  .cjd-start-c-el-message-content {
    min-height: 313px;
    padding-top: 30px;
  }

  .cjd-start-c-el-message-content.msg-c-kontakt {
    height: 423px;
  }

  .cjd-start-c-el-message-content-container {
    width: 100vw;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }

  .cjd-start-c-el-message {
    right: 0px;
    bottom: 0px;
    z-index: 1000;
    border-radius: 0px;
  }

  .cjd-start-c-el-btn {
    padding-top: 9px;
    padding-bottom: 9px;
    background-position: 10px 14px;
    font-size: 15px;
  }

  .cjd-start-c-el-btn.btn-form {
    padding-bottom: 10px;
    font-size: 19px;
  }

  .cjd-start-c-el-btn.btn-phone {
    background-position: 11px 13px;
  }

  .cjd-start-c-el-btn.btn-online-beratung {
    background-position: 11px 11px;
  }

  .p-start-c-el-message-phone-info {
    font-size: 15px;
    line-height: 1.3em;
  }

  .p-start-c-el-message-phone-info.pre-line {
    font-size: 15px;
    line-height: 1.3em;
  }

  .p-start-c-el-btn-icon {
    width: 17px;
    height: 17px;
    margin-top: 2px;
  }

  .p-start-c-el-btn-icon.icon-external-link {
    width: 14px;
    height: 15px;
    margin-top: 3px;
  }

  .cjd-start-contact-el-container {
    padding: 20px 15px;
  }

  .cjd-start-contact-el-sticky {
    top: 100vh;
  }

  .cjd-start-contact-el-track {
    bottom: 65px;
  }

  .clean-t-text-field.p-start-c-el-text-field {
    height: 50px;
    font-size: 18px;
    line-height: 1.6em;
  }

  .clean-t-text-field.p-start-c-el-text-field.text-area {
    max-height: 500px;
    max-width: 100%;
    min-height: 140px;
    min-width: 100%;
  }

  .cjd-start-c-el-msg-cnt-nav-text-div {
    padding-left: 25px;
    font-size: 19px;
  }

  .cjd-start-c-el-msg-cnt-nav-text-div.nav-text-kontakt {
    padding-left: 32px;
  }

  .cjd-start-c-el-message-copy {
    right: 0px;
    bottom: 0px;
    z-index: 1000;
    border-radius: 0px;
  }

  .cjd-cookie-banner-close-btn {
    top: -22px;
    right: 10px;
    width: 44px;
    height: 44px;
    background-size: 16px;
  }

  .cjd-start-c-el-message-content-container-copy {
    width: 100vw;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }

  .cjd-start-c-el-message-content-copy {
    min-height: 313px;
    padding-top: 30px;
  }

  .cjd-start-c-el-message-content-copy.msg-c-kontakt {
    height: 423px;
  }

  .cookie-copy {
    margin-bottom: 20px;
    font-size: 13px;
    line-height: 1.4em;
  }
}

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

  h1 {
    font-size: 38px;
  }

  .clean-flex-row.wrapped {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .clean-flex-column.fluent {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .clean-flex-column.fluent._25 {
    width: auto;
  }

  .clean-section-sg {
    padding-top: 35px;
    padding-bottom: 35px;
  }

  .clean-sg-grid-block {
    padding-top: 40px;
  }

  .clean-sg-color-div {
    padding-top: 25%;
  }

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

  .clean-success-container {
    margin-top: 30px;
    padding-left: 0px;
  }

  .clean-success-container.icon-container {
    padding-top: 65px;
    padding-left: 0px;
  }

  .clean-t-cookie-text {
    margin-bottom: 18px;
    font-size: 14px;
  }

  .clean-t-cookie-message-contant {
    min-width: 265px;
    padding: 22px 20px 24px 30px;
  }

  .clean-t-container {
    padding-right: 30px;
    padding-left: 30px;
  }

  .clean-t-flex-column.quarter {
    width: auto;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .clean-t-flex-column.auto {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .clean-t-flex-column.fluent {
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .clean-t-flex-column.fluent._25 {
    width: auto;
  }

  .clean-t-flex-column.fluent._33 {
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .clean-t-flex-column._50 {
    width: auto;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .clean-t-flex-row.wrapped {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .style-window-content-body.layouts {
    min-height: 0px;
  }

  .elements-tooltip-text-div {
    position: relative;
  }

  .elements-tooltip-text-div.overflow-text-limit {
    overflow: hidden;
  }

  .cjd-section.cookie {
    bottom: 30px;
  }

  .cjd-intro-left-image {
    padding-right: 25px;
  }

  .cjd-footer-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .cjd-alert-new-badge {
    margin-bottom: 5px;
  }

  .cjd-alert-heading-wrapper {
    margin-bottom: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

@font-face {
  font-family: 'Open Sans local';
  src: url('../fonts/open-sans-v18-latin-300.woff2') format('woff2'), url('../fonts/open-sans-v18-latin-300.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Open Sans local';
  src: url('../fonts/open-sans-v18-latin-300italic.woff2') format('woff2'), url('../fonts/open-sans-v18-latin-300italic.woff') format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Open Sans local';
  src: url('../fonts/open-sans-v18-latin-italic.woff2') format('woff2'), url('../fonts/open-sans-v18-latin-italic.woff') format('woff');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Open Sans local';
  src: url('../fonts/open-sans-v18-latin-regular.woff2') format('woff2'), url('../fonts/open-sans-v18-latin-regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Open Sans local';
  src: url('../fonts/open-sans-v18-latin-600.woff2') format('woff2'), url('../fonts/open-sans-v18-latin-600.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Open Sans local';
  src: url('../fonts/open-sans-v18-latin-700.woff2') format('woff2'), url('../fonts/open-sans-v18-latin-700.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Open Sans local';
  src: url('../fonts/open-sans-v18-latin-600italic.woff2') format('woff2'), url('../fonts/open-sans-v18-latin-600italic.woff') format('woff');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Open Sans local';
  src: url('../fonts/open-sans-v18-latin-800italic.woff2') format('woff2'), url('../fonts/open-sans-v18-latin-800italic.woff') format('woff');
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Open Sans local';
  src: url('../fonts/open-sans-v18-latin-700italic.woff2') format('woff2'), url('../fonts/open-sans-v18-latin-700italic.woff') format('woff');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Open Sans local';
  src: url('../fonts/open-sans-v18-latin-800.woff2') format('woff2'), url('../fonts/open-sans-v18-latin-800.woff') format('woff');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'PT Serif local';
  src: url('../fonts/pt-serif-v12-latin-700.woff2') format('woff2'), url('../fonts/pt-serif-v12-latin-700.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'PT Serif local';
  src: url('../fonts/pt-serif-v12-latin-700italic.woff2') format('woff2');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'PT Serif local';
  src: url('../fonts/pt-serif-v12-latin-italic.woff2') format('woff2'), url('../fonts/pt-serif-v12-latin-italic.woff') format('woff'), url('../fonts/pt-serif-v12-latin-700italic.woff') format('woff');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'PT Serif local';
  src: url('../fonts/pt-serif-v12-latin-regular.woff2') format('woff2'), url('../fonts/pt-serif-v12-latin-regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}