/* Generated on: Mon May 22 2017 20:53:34 GMT+0000 (UTC) */
/* ==========================================================================
   normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css 
   ========================================================================== */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}
body {
    margin: 0
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}
audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}
audio:not([controls]) {
    display: none;
    height: 0
}
[hidden],
template {
    display: none
}
a {
    background-color: transparent
}
a:active,
a:hover {
    outline: 0
}
abbr[title] {
    border-bottom: 1px dotted
}
b,
strong {
    font-weight: bold
}
dfn {
    font-style: italic
}
h1 {
    font-size: 2em;
    margin: .67em 0
}
mark {
    background: #ff0;
    color: #000
}
small {
    font-size: 80%
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}
sup {
    top: -0.5em
}
sub {
    bottom: -0.25em
}
img {
    border: 0
}
svg:not(:root) {
    overflow: hidden
}
figure {
    margin: 1em 40px
}
hr {
    box-sizing: content-box;
    height: 0
}
pre {
    overflow: auto
}
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}
button {
    overflow: visible
}
button,
select {
    text-transform: none
}
button,
html input[type="button"],
input[type="reset"] {
    -webkit-appearance: button;
    cursor: pointer
}
button[disabled],
html input[disabled] {
    cursor: default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}
input {
    line-height: normal
}
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto
}
input[type="search"] {
    -webkit-appearance: textfield
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: .35em .625em .75em
}
legend {
    border: 0;
    padding: 0
}
textarea {
    overflow: auto
}
optgroup {
    font-weight: bold
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
td,
th {
    padding: 0
}

/* ==========================================================================
   Start of base Webflow CSS - If you're looking for some ultra-clean CSS, skip the boilerplate and see the unminified code below.
   ========================================================================== */

/* ==========================================================================
   Start of custom Webflow CSS
   ========================================================================== */
.cl-menubar {
  position: fixed;
  width: 100%;
  height: 96px;
  padding-top: 18px;
  padding-bottom: 18px;
  background-color: transparent;
  box-shadow: 0 2px 50px -10px rgba(0, 0, 0, .4);
  -webkit-transition: box-shadow 1200ms cubic-bezier(.6, -.28, .735, .045);
  transition: box-shadow 1200ms cubic-bezier(.6, -.28, .735, .045);
}

a:focus, a:hover {
    color: white; 
    text-decoration: none;
}

.cl-menubar.clw-menubar {
  background-color: transparent;
  box-shadow: none;
}

.cl-main-logo-link {
  left: 0px;
  top: 0px;
  bottom: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.cl-main-logo-link:hover {
  opacity: 0.8;
}

.cl-main-logo {
  width: 195px;
  height: 40px;
}

.cl-intro-section {
  padding-top: 40px;
  padding-bottom: 50px;
  background-color: #f7f7f7;
}

.cl-headline {
  margin-bottom: 4px;
  padding-right: 40%;
  font-family: Source Sans Pro, sans-serif;
  color: #ba0c2f;
  font-size: 40px;
  line-height: 40px;
  font-weight: 500;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.cl-headline.hero-headline {
  margin-bottom: 20px;
  padding-right: 15%;
  color: #fff;
  font-size: 84px;
  line-height: 78px;
  letter-spacing: 0.02em;
}

.cl-headline.hero-headline.headline-darkblue {
  color: #274b5d;
}

.cl-subline {
  margin-top: 0px;
  margin-bottom: 24px;
  padding-right: 22%;
  font-family: Source Sans Pro, sans-serif;
  color: #274b5d;
  font-size: 24px;
  line-height: 26px;
  font-weight: 400;
}

.cl-subline.hero-subline {
  margin-bottom: 15px;
  color: #fff;
  line-height: 28px;
}

.cl-text {
  margin-bottom: 20px;
  font-family: Source Sans Pro, sans-serif;
  color: #605f5f;
  font-size: 16px;
  line-height: 24px;
}

.cl-text-label {
  margin-bottom: 20px;
  font-family: Source Sans Pro, sans-serif;
  color: #605f5f;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  margin-top: -5px;
}

.cl-text-small-print {
  font-family: Source Sans Pro, sans-serif;
  color: #605f5f;
  font-size: 12px;
  line-height: 20px;
}

.cl-text.policy-details-header {
  margin-bottom: 20px;
  font-family: Source Sans Pro, sans-serif;
  color: #605f5f;
  font-size: 16px;
  line-height: 15px;
}

.cl-text.policy-details {
  margin-bottom: 20px;
  font-family: Source Sans Pro, sans-serif;
  color: #605f5f;
  font-size: 16px;
  line-height: 18px;
}

.cl-text-footer {
  margin-bottom: 20px;
  font-family: Source Sans Pro, sans-serif;
  color: #605f5f;
  font-size: 16px;
  line-height: 20px;
}

.cl-copy-text {
  margin-bottom: 20px;
  font-family: Source Sans Pro, sans-serif;
  color: #605f5f;
  font-size: 20px;
  line-height: 32px;
  -webkit-column-count: 2;
  column-count: 2;
}
.cl-copy-text.error {
    color: #ba0c2f;
    margin-bottom: 0px;
 }
.cl-copy-text.copy-one-column {
  margin-bottom: 32px;
  -webkit-column-count: auto;
  column-count: auto;
}

.cl-copy-text.clw-offcanvas-small-link {
  display: block;
  margin-bottom: 0px;
  color: #fff;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 0.01em;
  -webkit-column-count: 1;
  column-count: 1;
}

.spec-section {
  position: relative;
  padding-top: 40px;
  padding-bottom: 50px;
  background-color: #f7f7f7;
}

.spec-section.typo-section {
  padding-bottom: 0px;
  background-color: #f7f7f7;
}

.spec-section.type-example-section {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #f7f7f7;
}

.spec-section.white-section {
  background-color: #fff;
}

.cl-chapter {
  display: inline-block;
  margin-bottom: 15px;
  font-family: Source Sans Pro, sans-serif;
  color: #274b5d;
  font-size: 26px;
  line-height: 22px;
  font-weight: 500;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.cl-chapter.on-tile {
  display: block;
  margin-bottom: 0px;
  color: #862633;
  font-size: 36px;
  line-height: 34px;
  font-weight: 400;
  letter-spacing: 0.02em;
}

.cl-chapter.on-tile.on-tile-red {
  margin-bottom: 15px;
  color: #ba0c2f;
  font-weight: 700;
}

.cl-chapter.on-tile.on-tile-red.on-red-tile.number {
  margin-bottom: 25px;
}

.cl-chapter.on-tile.on-tile-red.number {
  margin-top: 12px;
  font-size: 68px;
  font-weight: 600;
}

.cl-chapter.on-tile.on-red-tile {
  color: #fff;
}

.cl-chapter.nav-head {
  color: #8b010e;
  font-weight: 500;
  text-align: left;
  letter-spacing: 0.05em;
}

.cl-chapter.short-teaser-head {
  display: block;
  margin-top: 0px;
  color: #ba0c2f;
  line-height: 24px;
}

.cl-chapter.chapter-white {
  color: #fff;
}

.cl-teaser-box {
  position: relative;
  margin-bottom: 20px;
  background-color: #fff;
  box-shadow: 0 4px 18px -4px rgba(0, 0, 0, .3);
  text-decoration: none;
}

.cl-teaser-box.on-hero {
  position: relative;
  margin-bottom: 20px;
  cursor: pointer;
}

.cl-teaser-box.on-hero:hover {
  box-shadow: 0 4px 18px -2px rgba(0, 0, 0, .4);
}

.cl-teaser-box.on-hero.active-teaser-box {
  background-color: #e1e8ee;
  box-shadow: 0 4px 60px -2px rgba(0, 0, 0, .3);
}

.cl-teaser-box.tile-teaser-box {
  height: 224px;
}

.cl-teaser-box.reduced-blue-background {
  background-color: #e1e8ee;
}

.cl-teaser-box.widget-box {
  width: 440px;
}

.cl-teaser-box-image.on-hero-image:hover {
  opacity: 0.9;
}

.cl-teaser-box-image.center-image {
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-top: 25px;
  padding-bottom: 10px;
}

.cl-teaser-box-head {
  margin-top: 20px;
  padding-right: 25px;
  padding-left: 25px;
  color: #862633;
}

.cl-teaser-box-headline {
  font-family: Source Sans Pro, sans-serif;
  color: #274b5d;
  font-size: 22px;
  font-weight: 400;
}

.cl-teaser-box-headline.on-hero-padding {
  height: 72px;
  padding: 8px 20px 15px;
}

.cl-teaser-box-headline.teaser-box-headline-red-center {
  color: #ba0c2f;
  text-align: center;
}

.cl-teaser-box-headline.teaser-box-headline-red-center.reduced-dark-blue {
  color: #274b5d;
}

.cl-teaser-box-body {
  padding-right: 25px;
  padding-left: 25px;
}

.cl-teaser-box-copy {
  font-family: Source Sans Pro, sans-serif;
  color: #605f5f;
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
}

.cl-teaser-box-cta {
  padding: 15px 25px 20px;
  border-bottom: 1px solid #c4d1dc;
}

.cl-teaser-box-cta.cta-list-in-teaser {
  padding-right: 10px;
  padding-left: 10px;
}

.cl-teaser-box-cta.cta-list-in-teaser.without-line {
  border-bottom-style: none;
  border-bottom-width: 0px;
}

.cl-teaser-box-cta.simple-cta {
  padding-bottom: 15px;
  border-bottom-style: none;
  border-bottom-width: 0px;
}

.cl-teaser-box-cta.no-line {
  border-bottom-width: 0px;
}

.cl-teaser-box-cta-text {
  display: inline;
  margin-right: 12px;
  float: right;
  font-family: Source Sans Pro, sans-serif;
  color: #005488;
  line-height: 14px;
  font-weight: 500;
  text-align: right;
  letter-spacing: 0.1em;
  text-decoration: none;
  text-transform: uppercase;
}

.cl-teaser-box-cta-text:hover {
  color: #00bdf2;
}

.cl-teaser-box-cta-text.on-tile-cta-white {
  color: #fff;
}

.cl-teaser-box-cta-text.short-cta-text {
  width: 80%;
}

.cl-cta-icon-fa {
  display: inline-block;
  margin-top: -5px;
  padding-top: 0px;
  float: right;
  font-family: 'Fontawesome webfont', sans-serif;
  color: #ba0c2f;
  font-size: 26px;
  text-decoration: none;
}

.cl-cta-icon-fa.on-tile-cta-white {
  color: #fff;
}

.cl-cta-icon-fa.cta-icon-2lines {
  position: relative;
  top: 15px;
}

.cl-color-swatch {
  height: 38px;
  background-color: #ba0c2f;
}

.cl-color-swatch.cl-mittelrot {
  background-color: #862633;
}

.cl-color-swatch.cl-dunkelrot {
  background-color: #8b010e;
}

.cl-color-swatch.cl-blau {
  background-color: #005488;
}

.cl-color-swatch.cl-blau-sekundaer {
  background-color: #274b5d;
}

.cl-color-swatch.cl-blau-fokus {
  background-color: #00bdf2;
}

.cl-color-swatch.cl-web-grau {
  background-color: #222121;
}

.cl-color-swatch.cl-web-grau72 {
  background-color: #605f5f;
}

.cl-color-swatch.cl-web-grau56 {
  background-color: #838383;
}

.cl-color-swatch.cl-web-grau20 {
  background-color: #d3d3d3;
}

.cl-color-swatch.cl-web-blau {
  background-color: #6b8ca8;
}

.cl-color-swatch.cl-web-blau40 {
  background-color: #c4d1dc;
}

.cl-color-swatch.cl-web-blau20 {
  background-color: #e1e8ee;
}

.cl-color-swatch.cl-web-blau10 {
  background-color: #f0f3f6;
}

.cl-color-swatch.cl-warmgrau-hintergrund {
  background-color: #f5f4f2;
}

.cl-color-swatch.cl-leichtgrau-hintergrund {
  background-color: #f7f7f7;
}

.cl-color-description {
  min-height: 154px;
  padding: 5px 20px 20px;
}

.cl-color-name {
  margin-bottom: 0px;
  font-family: Source Sans Pro, sans-serif;
  font-weight: 400;
}

.cl-color-text {
  font-family: Source Sans Pro, sans-serif;
  color: #838383;
}

.cl-color-code {
  margin-top: 0px;
  font-family: Source Sans Pro, sans-serif;
  color: #838383;
  font-weight: 500;
}

.hero-section {
  position: relative;
}

.cl-circle-overlay-hero {
  width: 100%;
  height: 100%;
  background-image: url("http://uploads.webflow.com/58de418d2efbcf655ab45dc1/58eb5b2604df5b23d95e42b5_CircleOverlay.svg");
  background-position: 50% 70%;
  background-size: cover;
  opacity: 0.85;
}

.cl-circle-overlay-hero.white-gradient-overly {
  position: absolute;
  background-image: url("http://uploads.webflow.com/58de418d2efbcf655ab45dc1/58eb5b2604df5b23d95e42b5_CircleOverlay.svg"), -webkit-linear-gradient(270deg, #daf3ff, hsla(0, 0%, 100%, 0) 60%);
  background-image: url("http://uploads.webflow.com/58de418d2efbcf655ab45dc1/58eb5b2604df5b23d95e42b5_CircleOverlay.svg"), linear-gradient(180deg, #daf3ff, hsla(0, 0%, 100%, 0) 60%);
  background-position: 50% 70%, 0px 0px;
  background-size: cover, auto;
}

.hero-text-container {
  margin-top: 22%;
  text-shadow: 1px 1px 20px rgba(0, 0, 0, .3);
}

.hero-text-container.clw-hero-text-container {
  margin-top: 21%;
}

.cl-quote {
  margin-top: 30px;
  padding: 10px 20% 10px 40px;
  border-left: 2px solid #ba0c2f;
  font-family: Source Sans Pro, sans-serif;
  color: #005488;
  font-size: 24px;
  line-height: 30px;
  font-weight: 400;
}

.type-container {
  margin-bottom: 12px;
}

.type-container._1-column-container {
  padding-right: 20%;
}

.cl-form-label {
  margin-bottom: 8px;
  font-family: Source Sans Pro, sans-serif;
  color: #838383;
  font-size: 16px;
  font-weight: 400;
}

.cl-form-label.label-multiple {
  margin-bottom: 8px;
}

.cl-form-button {
  height: 46px;
  margin-right: 0px;
  padding: 10px 25px;
  float: right;
  border-radius: 2px;
  background-color: #ba0c2f;
  box-shadow: 0 2px 14px -4px rgba(0, 0, 0, .4);
  font-family: Source Sans Pro, sans-serif;
  line-height: 16px;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.cl-form-button.button-inactive {
  opacity: 0.35;
  cursor: not-allowed;
}

.cl-form-button:hover {
  background-color: #e72341;
}

.cl-form-button.button-inactive:hover{
  background-color: #ba0c2f;
}

.cl-form-button.secondary-button {
  margin-right: 10px;
  border: 1px solid #fff;
  background-color: #fff;
  color: #ba0c2f;
  border-radius: 2px;
}

.cl-form-button.secondary-button:hover {
  color: #e72341;
}

.cl-form-button.secondary-button.button-inactive {
  float: left;
  opacity: 0.35;
  cursor: not-allowed;
}

.cl-form-button.secondary-button.button-inactive:hover {
  background-color: #fff;
  color: #ba0c2f;
}

.cl-form-button.action-call-to-action {
  padding-top: 16px;
  padding-right: 35px;
  padding-left: 35px;
  float: none;
  background-color: #fff;
  box-shadow: 0 4px 20px -4px rgba(0, 0, 0, .6);
  color: #005488;
  font-size: 15px;
  font-weight: 700;
  text-shadow: none;
}

.cl-form-button.action-call-to-action:hover {
  background-color: #e1e8ee;
  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, .6);
}

.cl-form-button.inline-form-button {
  position: relative;
  top: -3px;
  display: inline-block;
  float: none;
  background-color: #ba0c2f;
  box-shadow: 0 4px 14px -3px rgba(0, 0, 0, .4);
}

.cl-form-button.inline-form-button:hover {
  background-color: #862633;
  box-shadow: 0 4px 14px -2px rgba(0, 0, 0, .4);
}

.cl-form-button.standalone-button {
  padding-top: 16px;
}

.cl-form-checkboxfield {
  display: inline-block;
  margin-right: 30px;
  margin-bottom: 5px;
  padding-left: 0px;
}

.cl-form-checkboxfield.field-as-block {
  display: block;
}

.checkbox {
  margin-left: 0px;
}

.copy-hyperlink {
  padding-top: 5px;
  color: #ba0c2f;
  text-decoration: none;
}

.copy-hyperlink:hover {
  color: #e72341;
}

.cl-form-multiple-container {
  margin-bottom: 40px;
}

.cl-form-radiobutton-field {
  display: inline-block;
  margin-right: 30px;
  margin-bottom: 5px;
  padding-left: 0px;
}

.cl-tab {
  height: 50px;
  margin-right: 1px;
  padding-top: 16px;
  border-top-left-radius: 1px;
  border-top-right-radius: 1px;
  background-color: #274b5d;
  font-family: Source Sans Pro, sans-serif;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
}

.cl-tab.w--current {
  background-color: #f0f3f6;
  color: #005488;
}

.tab-pane {
  min-height: 100px;
  padding: 20px 20px 5px;
  border-top-right-radius: 1px;
  border-bottom-left-radius: 1px;
  border-bottom-right-radius: 1px;
  background-color: #f0f3f6;
}

.left-column {
  padding-right: 20px;
}

.icon-bubble-container {
  margin-bottom: 20px;
}

.icon-bubble {
  width: 52px;
  height: 52px;
  margin-right: 15px;
  margin-bottom: 15px;
  border-radius: 50%;
  background-color: #ba0c2f;
  background-image: url("http://uploads.webflow.com/58de418d2efbcf655ab45dc1/58ee2a5379ab2d1c84535994_cl-icb-hintergrund.svg");
  background-position: 50% 50%;
  background-size: 54px 54px;
  box-shadow: 0 4px 8px -2px rgba(0, 0, 0, .4);
  text-align: center;
}

.icon-bubble:hover {
  box-shadow: 0 4px 10px -1px rgba(0, 0, 0, .6);
}

.icon-bubble.bubble-simple {
  background-image: none;
}

.icon-bubble.bubble-simple:hover {
  background-color: #862633;
}

.image {
  padding-top: 6px;
  padding-bottom: 6px;
}

.cl-hero-background-video {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 1;
  height: 576px;
}

.cl-hero-background-video.clw-background-video {
  height: 615px;
}

.cl-nav-icon-hamburger {
  display: inline-block;
  float: right;
  font-size: 42px;
}

.cl-nav-button-hamburger {
  margin-top: 2px;
  padding: 8px;
  color: #274b5d;
}

.cl-nav-button-hamburger:hover {
  color: #ba0c2f;
}

.cl-nav-button-hamburger.w--open {
  z-index: 5;
  background-color: transparent;
  background-image: url("http://uploads.webflow.com/58de418d2efbcf655ab45dc1/5907796804a93610a48d1885_cl-x-2px.svg");
  background-position: 93% 50%;
  background-size: 42px;
  background-repeat: no-repeat;
  color: #fff;
}

.cl-nav-button-hamburger.w--open:hover {
  color: #fff;
}

.cl-nav-button-hamburger.clw-hamburger {
  z-index: 5;
}

.cl-nav-button-hamburger.clw-hamburger.w--open {
  z-index: 5;
  background-image: url("http://uploads.webflow.com/58de418d2efbcf655ab45dc1/59145999a6e62162556bb74f_cl-web-close-x.svg");
  background-position: 50% 50%;
  background-size: 28px 28px;
  background-repeat: no-repeat;
}

.cl-offcanvas-container {
  overflow: auto;
  width: 100%;
  height: 100%;
  padding-top: 12%;
  padding-right: 20%;
  padding-left: 20%;
  background-color: #ba0c2f;
  opacity: 0.95;
  text-align: left;
}

.cl-nav-link {
  margin-top: 0px;
  padding-top: 24px;
  padding-bottom: 16px;
  border-bottom: 1px solid hsla(0, 0%, 100%, .4);
  font-family: Source Sans Pro, sans-serif;
  font-size: 34px;
}

.cl-nav-link:hover {
  background-color: hsla(0, 0%, 100%, .2);
  color: hsla(0, 0%, 100%, .8);
}

.cl-nav-link.w--current {
  color: #fff;
}

.cl-nav-link.nav-link-on-offcanvas {
  display: block;
  padding: 14px 10px 13px;
  border-bottom-color: rgba(139, 1, 14, .6);
  background-color: transparent;
  color: #fff;
  font-size: 22px;
  letter-spacing: 0.01em;
  text-decoration: none;
}

.cl-nav-link.nav-link-on-offcanvas:hover {
  background-color: #fff;
  color: #8b010e;
}

.cl-nav-link.nav-link-on-offcanvas.small-offcanvas-link {
  color: #8b010e;
  font-size: 16px;
  font-weight: 400;
}

.cl-nav-link.cl-nav-contact {
  margin-top: 30px;
}

.cl-nav-button-text {
  display: inline-block;
  margin-top: 14px;
  margin-right: 12px;
  margin-left: 12px;
  float: left;
  font-family: Source Sans Pro, sans-serif;
  font-size: 14px;
  line-height: 16px;
  text-align: right;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.cl-herotext-container {
  position: relative;
  z-index: 2;
  display: block;
  height: 576px;
}

.cl-typeonimage-onhero {
  position: absolute;
  left: 0px;
  top: 48px;
  right: 0px;
  opacity: 0.3;
  font-family: Source Sans Pro, sans-serif;
  color: #fff;
  font-size: 56px;
  font-weight: 500;
  text-align: center;
  text-shadow: 0 0 34px #000;
}

.cl-nav-number {
  color: hsla(0, 0%, 100%, .45);
  font-weight: 500;
}

.cl-checkbox {
  margin-left: 0px;
  background-color: #00bdf2;
}

.cl-content.clw-content {
  padding-top: 0px;
}

.checkbox-label {
  margin-left: 8px;
  font-family: Source Sans Pro, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.radiobutton-label {
  margin-left: 8px;
  font-family: Source Sans Pro, sans-serif;
  font-size: 18px;
}

.cl-radiobutton {
  margin-left: 0px;
}

.fa-icon-form-info {
  font-family: 'Fontawesome webfont', sans-serif;
  color: #ba0c2f;
}

.cl-formfield {
  height: 46px;
  margin-bottom: 10px;
  padding-top: 6px;
  padding-right: 15px;
  padding-left: 15px;
  border-style: solid;
  border-width: 1px;
  border-color: #d2d2d0;
  background-color: #fff;
  box-shadow: inset 0 0 0 -3px #ba0c2f;
  font-family: Source Sans Pro, sans-serif; 
  font-size: 16px;
  line-height: 24px;
}

.cl-formfield.error {
  border-color: #e72341;
}

.cl-formfield:focus {
  box-shadow: inset 0 -2px 0 0 #ba0c2f;
}

.cl-formfield.error {
  border-color: #e72341;
}

.cl-formfield.inline-form-field {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
}

.cl-formfield.inline-form-field.field-age {
  width: 82px;
}

.cl-formfield.inline-form-field.field-income {
  width: 320px;
}

.cl-formfield-textarea {
  max-width: 100%;
  min-height: 100px;
  margin-bottom: 30px;
  padding-top: 12px;
  padding-right: 15px;
  padding-left: 15px;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(0, 84, 136, .1);
  background-color: #f0f3f6;
  font-family: Source Sans Pro, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.cl-formbuttons-container {
  margin-top: 30px;
  padding-top: 20px;
  border-top: 1px solid #d3d3d3;
}

.cl-formbuttons-container.on-widget {
  margin-top: -15px;
  padding-top: 0px;
  border-top-style: none;
}

.right-column {
  padding-left: 20px;
}

.cl-form-chapter-headline {
  margin-top: 30px;
  margin-bottom: 10px;
  padding-top: 10px;
  border-top: 1px solid #d3d3d3;
  font-family: Source Sans Pro, sans-serif;
  color: #222121;
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
}

.container-2 {
  color: #605f5f;
}

.cl-nav-button-close-text {
  display: none;
  margin-top: 14px;
  margin-right: 12px;
  margin-left: 12px;
  float: left;
  opacity: 0;
  font-family: Source Sans Pro, sans-serif;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.cl-hero-novideo {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 1;
  height: 480px;
  background-image: url("http://uploads.webflow.com/58de418d2efbcf655ab45dc1/5913057a4c015d52d21dc00f_CL-Back-Still.jpg");
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.cl-footer-first {
  margin-top: 25px;
  #margin-top: 59px;
  #padding-bottom: 30px;
  background-color: #ba0c2f;
}

.cl-footer-second {
  background-color: #862633;
}

.footer-logo {
  height: 40px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.cl-footer-legal {
  display: inline-block;
  margin-top: 26px;
  float: right;
  opacity: 0.5;
  font-family: Source Sans Pro, sans-serif;
  color: #fff;
  font-size: 11px;
}

.cl-row-negative-margin {
  position: relative;
  z-index: 5;
  margin-top: -60px;
}

.hero-image {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  height: 576px;
  background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), url("http://uploads.webflow.com/58de418d2efbcf655ab45dc1/591369737fbea211deacc44f_XRP_IMG_8694_final_red.jpg");
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), url("http://uploads.webflow.com/58de418d2efbcf655ab45dc1/591369737fbea211deacc44f_XRP_IMG_8694_final_red.jpg");
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.cl-catchline {
  margin-bottom: -15px;
  padding-left: 5px;
  font-family: Source Sans Pro, sans-serif;
  color: #fff;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.cl-catchline.small-catchline-red {
  display: inline-block;
  margin-top: 6px;
  margin-bottom: 5px;
  margin-left: 0px;
  padding-left: 0px;
  color: #8b010e;
  font-size: 13px;
  font-weight: 700;
}

._1column-form-container {
  padding-right: 40%;
}

.cl-hero-linkboxes {
  text-decoration: none;
}

.cl-menubar-background {
  position: absolute;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  margin-top: -18px;
  padding-bottom: 1px;
  background-color: #fff;
  box-shadow: 0 2px 50px -10px rgba(0, 0, 0, .4);
  opacity: 0;
}

.cl-menubar-background.permanent-white {
  opacity: 0.94;
}

.fa-icon-search {
  font-family: 'Fontawesome webfont', sans-serif;
  font-size: 23px;
}

.cl-nav-button-search {
  position: relative;
  z-index: 5;
  display: inline-block;
  margin-top: 2px;
  padding: 17px 16px;
  float: right;
  color: #274b5d;
  text-decoration: none;
}

.cl-nav-button-search:hover {
  color: #ba0c2f;
}

.cl-nav-button-search-white {
  position: relative;
  z-index: 5;
  display: none;
  margin-top: 2px;
  padding: 17px 16px;
  float: right;
  color: #fff;
  text-decoration: none;
}

.clw-tile-overlay-red {
  position: absolute;
  z-index: 3;
  display: block;
  width: 100%;
  height: 100%;
  background-image: -webkit-linear-gradient(270deg, #ba0c2f, #ba0c2f);
  background-image: linear-gradient(180deg, #ba0c2f, #ba0c2f);
  opacity: 0;
}

.clw-nav-partner-button {
  position: relative;
  z-index: 5;
  margin-top: 17px;
  margin-right: 35px;
  padding: 6px 15px 5px;
  float: right;
  border-radius: 2px;
  background-color: #fff;
  box-shadow: 0 3px 18px -4px rgba(0, 0, 0, .3);
  font-family: Source Sans Pro, sans-serif;
  color: #274b5d;
  font-size: 11px;
  line-height: 13px;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.clw-nav-partner-button:hover {
  box-shadow: 0 3px 18px -3px rgba(0, 0, 0, .4);
  color: #ba0c2f;
}

.clw-nav-partner-button.customer {
  margin-right: 5px;
}

.clw-nav-partner-button.button-on-footer {
  top: -43px;
  margin-top: 0px;
  margin-right: 5px;
}

.scroll-trigger {
  position: absolute;
  width: 30px;
  height: 70px;
}

.clw-tile-overlay-white {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 0.71;
}

.clw-tile-overlay-content-red {
  position: absolute;
  z-index: 4;
  display: block;
  width: 100%;
  height: 100%;
  padding: 80px 20px 25px;
  opacity: 0;
}

.clw-tile-overlay-content-white {
  position: absolute;
  z-index: 5;
  display: block;
  width: 100%;
  height: 100%;
  padding: 80px 20px 25px;
}

.clw-cta-list {
  height: 224px;
  padding: 12px 20px 10px;
}

.clw-cta-list-element {
  padding-top: 5px;
}

.social-bar {
  position: relative;
  top: 155px;
  right: 12px;
  z-index: 12;
  display: inline-block;
  float: right;
}

.social-bar.bar-in-footer {
  position: static;
  margin-bottom: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.social-button {
  display: block;
  width: 36px;
  height: 36px;
  margin-bottom: 18px;
  padding: 2px;
}

.social-button:hover {
  background-color: hsla(0, 0%, 100%, .4);
}

.social-button.button-in-footer {
  display: inline-block;
  margin-bottom: 0px;
  margin-left: 30px;
  opacity: 0.6;
}

.social-button.button-in-footer:hover {
  background-color: transparent;
  opacity: 1;
}

.cl-main-logo-link-white {
  position: relative;
  z-index: 12;
  display: none;
  padding-top: 10px;
  padding-bottom: 10px;
  float: none;
  opacity: 0;
}

.cl-main-logo-link-white:hover {
  opacity: 0.9;
}

.main-logos {
  position: absolute;
}

.clw-offcanvas-column-left {
  padding-right: 20px;
}

.clw-offcanvas-column-right {
  padding-right: 10px;
  padding-left: 20px;
}

.clw-offcanvas-table {
  margin-right: 0px;
  margin-bottom: 60px;
  margin-left: 0px;
}

.clw-offcanvas-teaserbox {
  margin-bottom: 10px;
  opacity: 0.9;
  text-decoration: none;
}

.clw-offcanvas-teaserimage {
  width: 160px;
  margin-right: 20px;
  float: left;
  border-radius: 1px;
  box-shadow: 0 2px 18px -4px rgba(0, 0, 0, .8);
}

.cl-cta-icon-inline {
  position: relative;
  top: 1px;
  margin-left: 5px;
  font-family: 'Fontawesome webfont', sans-serif;
  color: #8b010e;
  font-size: 19px;
}

.clw-offcanvas-linkcontainer {
  max-width: 940px;
  margin-right: auto;
  margin-left: auto;
}

.clw-offcanvas-container {
  position: absolute;
  overflow: auto;
  width: 100%;
  height: 100%;
  padding-top: 10%;
  background-color: #fff;
  background-image: -webkit-linear-gradient(270deg, rgba(228, 31, 31, .9), rgba(228, 31, 31, .9)), url("http://uploads.webflow.com/58de418d2efbcf655ab45dc1/591706fbfc33a138610a4276_cl-web-oc-background.jpg");
  background-image: linear-gradient(180deg, rgba(228, 31, 31, .9), rgba(228, 31, 31, .9)), url("http://uploads.webflow.com/58de418d2efbcf655ab45dc1/591706fbfc33a138610a4276_cl-web-oc-background.jpg");
  background-position: 0px 0px, 50% 0px;
  background-size: auto, 100%;
  background-repeat: repeat, no-repeat;
  background-attachment: scroll, fixed;
  text-align: left;
}

.clw-offcanvas-scrollhider {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 4;
  display: none;
  height: 110px;
  background-image: -webkit-linear-gradient(270deg, #ba0c2f, #ba0c2f 66%, rgba(228, 31, 31, 0));
  background-image: linear-gradient(180deg, #ba0c2f, #ba0c2f 66%, rgba(228, 31, 31, 0));
  opacity: 0;
}

.clw-section {
  overflow: hidden;
  padding-top: 40px;
  padding-bottom: 50px;
  background-color: #fff;
}

.clw-section.warm-section {
  background-color: #f5f4f2;
}

.clw-section.image-section-fatherson {
  padding-top: 85px;
  padding-bottom: 45px;
  background-image: -webkit-linear-gradient(270deg, hsla(0, 0%, 100%, .75), hsla(0, 0%, 100%, .75)), url("http://uploads.webflow.com/58de418d2efbcf655ab45dc1/591710574b6d302cb188995f_cl-web-image-vaterundsohn.jpg");
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .75), hsla(0, 0%, 100%, .75)), url("http://uploads.webflow.com/58de418d2efbcf655ab45dc1/591710574b6d302cb188995f_cl-web-image-vaterundsohn.jpg");
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
  background-attachment: scroll, scroll;
}

.clw-section.image-section-bubbles-a {
  background-color: #f5f4f2;
  background-image: url("http://uploads.webflow.com/58de418d2efbcf655ab45dc1/5917142873ec360b0677f815_cl-web-bubblehead-a.svg");
  background-position: 50% 0px;
  background-size: 100%;
  background-repeat: no-repeat;
}

.clw-article-teaser-image {
  position: absolute;
  top: 20%;
  right: -20%;
  float: right;
}

.clw-article-teaser-container {
  position: relative;
}

.clw-article-teaser-copysection {
  padding-right: 26%;
}

.clw-form-homepage-cta {
  position: relative;
  margin-top: 40px;
}

.clw-icon-bubble {
  margin-right: 25px;
  float: left;
}

.clw-icon-bubble-text-container {
  display: inline-block;
  width: 580px;
}

.clw-teaser-box-linklist {
  margin-top: 20px;
  padding-right: 25px;
  padding-bottom: 40px;
  padding-left: 25px;
}

.clw-teaserbox-linklist-item {
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 35px;
  border-bottom: 1px solid #c4d1dc;
  font-family: Source Sans Pro, sans-serif;
  color: #605f5f;
  font-weight: 400;
  text-decoration: none;
}

.clw-teaserbox-linklist-item:hover {
  color: #ba0c2f;
}

.clw-linklist-dash {
  width: 20px;
  height: 1px;
  margin-bottom: 5px;
  background-color: #ba0c2f;
}

.clw-linklist-dash.dark-blue-dash {
  background-color: #005488;
}

.clw-footer-first {
  padding-top: 30px;
  padding-bottom: 50px;
  background-color: #ba0c2f;
}

.clw-footer-second {
  padding-top: 23px;
  background-color: #862633;
}

.clw-footer-headline {
  margin-bottom: 20px;
  font-family: Source Sans Pro, sans-serif;
  color: #fff;
  font-size: 20px;
  font-weight: 400;
}

.clw-footer-link {
  display: block;
  margin-bottom: 5px;
  font-family: Source Sans Pro, sans-serif;
  color: hsla(0, 0%, 100%, .8);
  font-size: 14px;
  text-decoration: none;
}

.clw-footer-link:hover {
  color: #fff;
}

.footer-highlight {
  color: #fff;
  font-weight: 500;
}

.clw-footer-legal {
  margin-top: 15px;
  margin-bottom: 15px;
  font-family: Source Sans Pro, sans-serif;
  color: hsla(0, 0%, 100%, .3);
  font-size: 11px;
  text-align: center;
}

.clw-footer-logo {
  height: 26px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.legal-link {
  margin-right: 10px;
  margin-left: 10px;
  color: hsla(0, 0%, 100%, .7);
  text-decoration: none;
}

.legal-link:hover {
  color: #fff;
}

.clw-menu-bar-background-permanent {
  position: absolute;
  width: 100%;
  height: 100%;
  margin-top: -18px;
  padding-bottom: 1px;
  background-color: #fff;
  box-shadow: 0 2px 50px -10px rgba(0, 0, 0, .4);
  opacity: 0.92;
}

.clw-claim-black {
  position: relative;
  left: 27px;
  top: -260px;
  height: 64px;
}

.clw-footer-claim {
  height: 52px;
  margin-bottom: 17px;
  margin-left: 0px;
}

.fa-comment-icon {
  margin-right: 15px;
  font-family: 'Fontawesome webfont', sans-serif;
  color: hsla(0, 0%, 100%, .45);
}

.cl-feedback-element {
  margin-top: 30px;
  padding: 20px;
  border: 1px solid #d3d3d3;
}

.cl-feedback-element.as-link-element {
  margin-bottom: 30px;
}

.cl-feedback-text {
  width: 60%;
  margin-top: 1px;
  margin-right: 20px;
  margin-bottom: 0px;
  float: right;
  font-family: Source Sans Pro, sans-serif;
  font-size: 16px;
  line-height: 24px;
  text-align: right;
}

.cl-mockup {
  width: 80%;
  margin-bottom: 50px;
  box-shadow: 0 22px 140px -28px rgba(0, 0, 0, .3);
}

.cl-mockup.mockup-website {
  position: absolute;
  top: 362px;
  right: 19%;
  width: 230px;
}

.cl-mockup.mockup-app {
  width: 252px;
  margin-right: 15px;
}

.cl-widget-container {
  padding: 10px 25px 25px;
}

@media (max-width: 991px) {
  .cl-main-logo {
    margin-right: 10px;
    margin-left: 10px;
  }
  .cl-intro-section {
    padding-right: 30px;
    padding-left: 30px;
  }
  .cl-subline.hero-subline {
    padding-right: 15%;
  }
  .spec-section {
    padding-right: 30px;
    padding-left: 30px;
  }
  .spec-section.typo-section {
    padding-right: 30px;
    padding-left: 30px;
  }
  .spec-section.type-example-section {
    padding-right: 30px;
    padding-left: 30px;
  }
  .cl-chapter.on-tile {
    font-size: 24px;
    line-height: 27px;
  }
  .cl-chapter.on-tile.on-tile-red.number {
    font-size: 54px;
    line-height: 24px;
  }
  .cl-chapter.nav-head {
    font-size: 24px;
  }
  .cl-teaser-box {
    height: 100%;
  }
  .cl-teaser-box-image.on-hero-image {
    width: 100%;
  }
  .cl-teaser-box-head {
    margin-top: 18px;
    padding-right: 18px;
    padding-left: 18px;
  }
  .cl-teaser-box-headline {
    font-size: 20px;
    line-height: 24px;
  }
  .cl-teaser-box-body {
    padding-right: 18px;
    padding-left: 18px;
  }
  .cl-teaser-box-copy {
    font-size: 14px;
    line-height: 20px;
  }
  .cl-teaser-box-cta.cta-list-in-teaser {
    padding: 10px 0px;
  }
  .cl-teaser-box-cta.no-line {
    border-bottom-width: 0px;
  }
  .cl-teaser-box-cta-text {
    font-size: 12px;
  }
  .cl-teaser-box-cta-text.on-tile-cta-white {
    font-size: 12px;
  }
  .cl-teaser-box-cta-text.short-cta-text {
    font-size: 12px;
    letter-spacing: 0.05em;
  }
  .cl-cta-icon-fa {
    position: relative;
    top: 1px;
    font-size: 20px;
  }
  .hero-text-container {
    margin-top: 34%;
    padding-right: 10px;
    padding-left: 10px;
  }
  .hero-text-container.clw-hero-text-container {
    margin-top: 25%;
  }
  .hero-text-container.toolbox-hero {
    margin-top: 21%;
  }
  .cl-quote {
    padding-right: 8%;
    font-size: 20px;
    line-height: 26px;
  }
  .cl-form-button.inline-form-button {
    position: relative;
    top: -3px;
  }
  ._3fold-column {
    height: 502px;
  }
  ._3fold-column._3fold-smaller {
    height: 480px;
  }
  .tabs {
    margin-bottom: 30px;
  }
  .cl-offcanvas-container {
    padding-top: 19%;
    padding-right: 5%;
    padding-left: 5%;
  }
  .cl-nav-link.nav-link-on-offcanvas {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 20px;
  }
  .cl-typeonimage-onhero {
    margin-top: 30px;
    font-size: 84px;
  }
  .cl-formfield.inline-form-field.field-income {
    width: 290px;
  }
  .right-column {
    padding-left: 10px;
  }
  .cl-hero-novideo.clw-nohero {
    height: 660px;
    background-image: url("http://uploads.webflow.com/58de418d2efbcf655ab45dc1/591829c032dd3a6d3d224924_cl-web-video-still.jpg");
    background-size: cover;
  }
  .footer-logo {
    padding-right: 10px;
    padding-left: 10px;
  }
  .cl-footer-legal {
    padding-right: 10px;
    padding-left: 10px;
  }
  .row {
    margin-right: 0px;
    margin-left: 0px;
    padding-right: 10px;
    padding-left: 10px;
  }
  .cl-hero-linkboxes {
    display: block;
  }
  .cl-menubar-background {
    opacity: 1;
  }
  .clw-tile-overlay-content-red {
    padding-top: 50px;
  }
  .clw-tile-overlay-content-white {
    padding-top: 50px;
  }
  .clw-cta-list {
    height: 166px;
  }
  .clw-cta-list-element {
    padding-top: 0px;
  }
  .clw-offcanvas-column-left {
    padding-right: 10px;
  }
  .clw-offcanvas-column-right {
    padding-right: 10px;
    padding-left: 10px;
  }
  .clw-offcanvas-container {
    padding-top: 140px;
    padding-right: 35px;
    padding-left: 35px;
    background-image: -webkit-linear-gradient(270deg, null, null), url("http://uploads.webflow.com/58de418d2efbcf655ab45dc1/591706fbfc33a138610a4276_cl-web-oc-background.jpg");
    background-image: linear-gradient(180deg, null, null), url("http://uploads.webflow.com/58de418d2efbcf655ab45dc1/591706fbfc33a138610a4276_cl-web-oc-background.jpg");
    background-position: 0px 0px, 50% 0px;
    background-repeat: repeat, no-repeat;
  }
  .clw-section {
    width: 100%;
  }
  .clw-section.image-section-fatherson {
    padding-top: 110px;
    padding-bottom: 0px;
  }
  .clw-section.image-section-bubbles-a {
    padding-top: 9px;
  }
  .clw-article-teaser-image {
    top: 12%;
    right: -24%;
    height: 314px;
  }
  .clw-article-teaser-container {
    padding-right: 10px;
    padding-left: 10px;
  }
  .clw-teaser-box-linklist {
    padding-right: 18px;
    padding-left: 18px;
  }
  .clw-teaserbox-linklist-item {
    padding-left: 10px;
  }
  .clw-form-success {
    background-color: #e1e8ee;
    font-family: Source Sans Pro, sans-serif;
    color: #005488;
  }
  .clw-claim-black {
    left: 549px;
    top: -392px;
  }
}

@media (max-width: 767px) {
  .cl-main-logo-link {
    margin-left: 20px;
    padding-left: 0px;
  }
  .cl-main-logo {
    margin-right: 20px;
    margin-left: 0px;
  }
  .cl-intro-section {
    padding-right: 20px;
    padding-left: 20px;
  }
  .cl-headline.hero-headline {
    font-size: 56px;
    line-height: 50px;
  }
  .cl-subline.hero-subline {
    padding-right: 16%;
    font-size: 16px;
    line-height: 22px;
  }
  .cl-copy-text {
    -webkit-column-count: 1;
    column-count: 1;
  }
  .spec-section {
    padding-right: 30px;
    padding-left: 30px;
  }
  .cl-teaser-box {
    display: block;
  }
  .cl-teaser-box.emotion-box {
    overflow: hidden;
    height: 220px;
  }
  .cl-teaser-box.product-teaser {
    height: auto;
  }
  .cl-teaser-box-image {
    width: 100%;
  }
  .cl-teaser-box-image.center-image {
    width: 100px;
  }
  .cl-teaser-box-headline.on-hero-padding {
    font-size: 20px;
  }
  .cl-teaser-box-headline.teaser-box-headline-red-center {
    font-size: 30px;
  }
  .cl-teaser-box-cta.cta-list-in-teaser {
    padding-top: 19px;
    padding-bottom: 19px;
    padding-left: 60px;
  }
  .cl-teaser-box-cta-text.short-cta-text {
    font-size: 16px;
  }
  .cl-cta-icon-fa.cta-icon-2lines {
    top: 0px;
    font-size: 24px;
  }
  .hero-text-container {
    margin-top: 50%;
    margin-bottom: 25%;
    padding-right: 20px;
    padding-left: 20px;
  }
  .hero-text-container.clw-hero-text-container {
    margin-top: 38%;
    padding-right: 60px;
    padding-left: 30px;
  }
  .hero-text-container.toolbox-hero {
    margin-top: 36%;
  }
  .cl-quote {
    padding-right: 0%;
    padding-left: 30px;
  }
  .type-container._1-column-container {
    padding-right: 0%;
  }
  .cl-form-button.inline-form-button {
    top: 0px;
  }
  ._3fold-column {
    height: auto;
    padding-right: 0px;
    padding-left: 0px;
  }
  .left-column {
    padding-right: 0px;
    padding-left: 0px;
  }
  .tabs {
    margin-bottom: 30px;
  }
  .cl-offcanvas-container {
    padding-top: 74px;
  }
  .cl-nav-link {
    padding-top: 18px;
    padding-bottom: 14px;
    font-size: 22px;
  }
  .cl-typeonimage-onhero {
    top: -4%;
    margin-top: 21%;
    font-size: 68px;
    line-height: 68px;
  }
  .cl-formfield.inline-form-field.field-age {
    width: 74px;
  }
  .right-column {
    padding-right: 0px;
    padding-left: 0px;
  }
  .container-2 {
    padding-right: 10px;
  }
  .cl-hero-novideo.clw-nohero {
    height: 600px;
  }
  .footer-logo {
    padding-right: 22px;
    padding-left: 22px;
  }
  .cl-footer-legal {
    padding-right: 20px;
    padding-left: 20px;
  }
  .row {
    padding-right: 20px;
    padding-left: 20px;
  }
  .social-bar {
    right: 21px;
  }
  .social-bar.bar-in-footer {
    width: 100%;
    float: none;
    text-align: center;
  }
  .social-button.button-in-footer {
    margin-right: 15px;
    margin-left: 15px;
  }
  .clw-offcanvas-column-left {
    margin-bottom: 50px;
  }
  .clw-offcanvas-container {
    padding-top: 100px;
  }
  .clw-section.image-section-fatherson {
    padding-top: 60px;
    padding-bottom: 50px;
  }
  .clw-section.image-section-bubbles-a {
    background-size: 200%;
  }
  .clw-article-teaser-image {
    top: 60px;
    right: -105px;
    height: 220px;
  }
  .clw-article-teaser-container {
    padding-right: 30px;
    padding-left: 30px;
  }
  .clw-article-teaser-copysection {
    margin-top: 90px;
    padding-right: 15%;
  }
  .clw-icon-bubble {
    margin-bottom: 15px;
  }
  .clw-icon-bubble-text-container {
    width: auto;
  }
  .clw-teaserbox-linklist-item {
    font-size: 16px;
  }
  .clw-linklist-dash {
    width: 50px;
  }
  .clw-footer-first {
    padding-top: 40px;
    padding-bottom: 30px;
  }
  .clw-footer-second {
    padding-top: 15px;
  }
  .container-3 {
    padding-right: 30px;
    padding-left: 30px;
  }
  .clw-trust-container {
    padding-right: 30px;
    padding-left: 30px;
  }
  .clw-container {
    padding-right: 30px;
    padding-left: 30px;
  }
  .clw-footer-container {
    padding-right: 20px;
    padding-left: 20px;
  }
  .clw-footer-column {
    margin-bottom: 25px;
  }
  .clw-claim-black {
    left: 358px;
    top: -494px;
  }
}

@media (max-width: 479px) {
  .cl-main-logo-link {
    padding-top: 11px;
  }
  .cl-main-logo {
    height: 34px;
    margin-right: 20px;
    margin-left: 0px;
  }
  .cl-intro-section {
    padding-right: 10px;
    padding-left: 10px;
  }
  .cl-headline.hero-headline {
    margin-bottom: 8px;
    font-size: 40px;
    line-height: 34px;
  }
  .cl-subline.hero-subline {
    padding-right: 8%;
    font-size: 13px;
    line-height: 17px;
  }
  .cl-copy-text {
    -webkit-column-count: 1;
    column-count: 1;
  }
  .cl-circle-overlay-hero.white-gradient-overly {
    background-image: url("http://uploads.webflow.com/58de418d2efbcf655ab45dc1/58eb5b2604df5b23d95e42b5_CircleOverlay.svg"), -webkit-linear-gradient(270deg, #daf3ff, hsla(0, 0%, 100%, 0) 75%);
    background-image: url("http://uploads.webflow.com/58de418d2efbcf655ab45dc1/58eb5b2604df5b23d95e42b5_CircleOverlay.svg"), linear-gradient(180deg, #daf3ff, hsla(0, 0%, 100%, 0) 75%);
    background-position: 50% 70%, 0px 0px;
    background-size: cover, auto;
  }
  .hero-text-container {
    margin-top: 52%;
    padding-right: 25px;
    padding-left: 25px;
  }
  .hero-text-container.clw-hero-text-container {
    margin-top: 187px;
    padding-right: 65px;
    padding-left: 25px;
  }
  .cl-quote {
    padding-right: 20px;
    padding-left: 20px;
    font-size: 20px;
    line-height: 30px;
  }
  .type-container._1-column-container {
    padding-right: 0%;
  }
  .cl-form-button {
    margin-bottom: 10px;
  }
  .cl-form-button.action-call-to-action {
    height: auto;
    padding: 15px 60px 15px 20px;
    font-size: 13px;
    line-height: 15px;
  }
  .cl-offcanvas-container {
    padding-top: 100px;
    padding-bottom: 22%;
  }
  .cl-nav-link {
    font-size: 16px;
    line-height: 18px;
  }
  .cl-hero-novideo {
    height: 400px;
  }
  .cl-hero-novideo.clw-nohero {
    height: 560px;
  }
  .cl-footer-legal {
    margin-top: 10px;
    margin-bottom: 15px;
  }
  .cl-row-negative-margin {
    padding-right: 5px;
    padding-left: 5px;
  }
  .row {
    padding-right: 20px;
    padding-left: 20px;
  }
  .social-bar {
    right: 19px;
  }
  .clw-offcanvas-container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .clw-trust-container {
    position: relative;
  }
  .clw-claim-black {
    position: absolute;
    left: 50%;
    top: -24px;
  }
}
@font-face {
    font-family: Source Sans Pro;
    src: url(../fonts/SourceSansPro-Regular.ttf);
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: Source Sans Pro;
    src: url(../fonts/SourceSansPro-SemiBold.ttf);
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: Source Sans Pro;
    src: url(../fonts/SourceSansPro-Bold.ttf);
    font-weight: 700;
    font-style: normal;
}