{
  /* Entfernt das standardmäßige Padding der container-fluid klassen */
  /* Die Stylevorgabe, die für Text in der Website verwendet wird. */
  /* Die Stylevorgabe, die für Text in der Website verwendet wird. */
  /* Bei den Empfehlungs-boxen wird so die Umrandung entfernt */
  /* Auf der Projekt-Uebersicht werden die horizontalruler weis gefaerbt
    und enger aneinander geklebt */
  /* Wenn bei den Tabs einer angeklickt wird, wird der aktive grau hinterlegt */
  /* Die Bilder von Empfehlungen grau werden lassen und farbig beim hovern */
  /* Disable grayscale on hover */
  /* Hintergrund der Formulare auf der Kontaktseite */
}

@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'source_sans_prosemibold';
  src: url('fonts/source-sans-pro-semibold-webfont.woff2') format('woff2'), url('fonts/source-sans-pro-semibold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'nerisblack';
  src: url('fonts/nerisblack-webfont.woff2') format('woff2'), url('fonts/nerisblack-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'source_sans_prolight';
  src: url('fonts/source-sans-pro-light-webfont.woff2') format('woff2'), url('fonts/source-sans-pro-light-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'bellotabold_italic';
  src: url('fonts/bellota-bold-italic-webfont.woff2') format('woff2'), url('fonts/bellota-bold-italic-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'source_sans_probold';
    src: url('fonts/sourcesanspro-bold-webfont.woff2') format('woff2'),
         url('fonts/sourcesanspro-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'source_sans_proregular';
    src: url('fonts/sourcesanspro-regular-webfont.woff2') format('woff2'),
         url('fonts/sourcesanspro-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

#headerbild { /*Damit die Bilder nicht oben abgeschnitten werden bei großen BIldschirmen */
  object-fit: cover;
  object-position: 50% 0; /* positioned top left of the content box */
  width: 100%;
  margin-bottom: 2rem;
}
.headerbild { /*Damit die Bilder nicht oben abgeschnitten werden bei großen BIldschirmen */
  object-fit: cover;
  object-position: 50% 0; /* positioned top left of the content box */
  width: 100%;
}

.fullscreenbild { /*Damit die Bilder nicht oben abgeschnitten werden bei großen BIldschirmen */
  object-fit: cover;
  object-position: 50% 0; /* positioned top left of the content box */
  width: 100%;
}

.spendenaufruf {
  padding-top: 2rem;
}

.no-padding {
  padding-left: 0;
  padding-right: 0;
  padding-top: 2rem;
}

@media all and (max-width: 820px) and (min-width: 600px) {

  .achterspaltenlayout {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}

@media all and (max-width: 1220px) and (min-width: 600px) {

  .zwoelferspaltenlayout {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}

@media all and (max-width: 600px) {

  .zwoelferspaltenlayout {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .achterspaltenlayout {
    padding-left: 3rem;
    padding-right: 3rem;
    }

  #copy .col-sm-4 {
    margin-bottom: 30px;
  }
}

.wandernderButton {
  position: fixed;
  z-index: 100;
  top: 132px;
  right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.achterspaltenlayout {
  max-width: 760px;
  padding-bottom: 2rem;
}
.zwoelferspaltenlayout {
  max-width: 1160px;
  padding-top: 5rem;
}

.zwoelferspaltenlayout + .achterspaltenlayout {
  padding-bottom: 0;
  padding-top: 3rem;
}


.img-fluid {
  padding-bottom: 3rem;
}
h1 {
  font-size: 52px;
  line-height: 60px;
  color: #ed6e2c;
  font-family: 'nerisblack';
}

h2 {
  font-size: 40px;
  line-height: 46px;
  color: #ed6e2c;
  font-family: 'nerisblack';
  padding-bottom: 2rem;
}

h3 {
  font-size: 24px;
  line-height: 28px;
  color: #ed6e2c;
  padding-bottom: 0.5rem;
  font-family: 'nerisblack';
}
h4 {
  font-size: 18px;
  line-height: 28px;
  color: #000000;
  font-family: 'source_sans_prosemibold';
}
#anleser {
  font-size: 24px;
  line-height: 34px;
  font-family: 'source_sans_prolight';
  color: #333333;
  padding-bottom: 2rem;
  padding-top: 2rem;
}

h3 + #anleser {
  padding-top: 0;
}

h2 + #anleser {
  padding-top: 1rem;
}

h1 + #anleser {
  padding-top: 0;
}

header + #anleser {
  padding-top: 0;
}

#copy,
.o-media-copy__copy {
  font-size: 18px;
  line-height: 28px;
  font-family: 'source_sans_prolight';
  color: #000000;
  overflow: hidden;
}


#info-head {
  font-size: 14px;
  line-height: 20px;
  font-family: 'source_sans_prosemibold';
}
#info, .breadcrumb > li > a {
  font-size: 14px;
  line-height: 20px;
  font-family: 'source_sans_prolight';
}
#zitat {
  font-size: 20px;
  line-height: 28px;
  color: #0062ae;
  font-family: 'bellotabold_italic';
  padding-bottom: 20px;
}
#autor {
  font-size: 16px;
  line-height: 18px;
  color: #ed6e2c;
  font-family: 'source_sans_prosemibold';
}
strong {
  font-family: 'source_sans_prosemibold';
  font-weight: normal;
}

.btn {
  padding: .65rem 1rem .475rem 1rem;
}

.btn-secondary { /*Anpassen der Buttons */
  background-color: #ffffff;
  border-width: 0;
  font-family: source_sans_prosemibold;
  font-size: 18px;
  line-height: 28px;
  border-width: 1px;
  border-color: #0062ae;
  color: #0062ae;
}

.btn-secondary:hover { /*Anpassen der Buttons */
  background-color: #0062ae;
  color: #ffffff;
  border-width: 1px;
  border-color: #0062ae;
}

.btn-primary { /*Anpassen der Buttons */
  background-color: #0062ae;
  border-width: 0;
  font-family: source_sans_prosemibold;
  font-size: 18px;
  line-height: 28px;
  border-width: 1px;
  border-color: #0062ae;
}

.textlink {
  font-size: 18px;
  line-height: 28px;
  font-family: source_sans_prosemibold;
}

.btn-primary:hover { /*Anpassen der Buttons */
  background-color: white;
  color: #0062ae;
  border-width: 1px;
  border-color: #0062ae;
}

.videoStart {
  margin-top: -27%;
}

@media all and (max-width: 1024px) {
  .videoStart {
    margin-top: -15%;
  }
}

@media all and (max-width: 768px) {
  .videoStart {
    margin-top: 40px;
  }
}

#scrollspyMobile {
  display: none;
}

/*Tablets: */
@media all and (max-width: 1200px) and (min-width: 768px) {
html {
    font-size: 80%;
}

#video {
  max-width: 90vw;
}
  h1 {
    font-size: 41.6px;
    line-height: 48px;
  }
  h2 {
    font-size: 32px;
    line-height: 36.8px;
  }
  h3 {
    font-size: 20.4px;
    line-height: 23.8px;
  }
  h4 {
    font-size: 16.2px;
    line-height: 25.2px;
  }
  #anleser {
    font-size: 21.6px
    line-height: 30.6px;

  }
  #copy {
    font-size: 16.2px;
    line-height: 25.2px;
  }
  a {
    font-size: 16.2px;
    line-height: 25.2px;
  }
  #info, .breadcrumb > li > a {
    font-size: 12.6px;
    line-height: 18px;
  }
  #zitat {
    font-size: 18px;
    line-height: 25.2px;
  }
  #autor {
    font-size: 14.4px;
    line-height: 16.2px;
  }
  .btn-primary,
  .btn-secondary,
  .textlink {
    font-size: 16.2px;
    line-height: 25.2px;
  }
}

@media all and (max-width: 1200px) {
  #headerbild {
    margin-top: 80px;
    margin-bottom: -80px;
  }
}

@media all and (max-width: 1024px) {
  #headerbild {
    margin-top: 80px;
    margin-bottom: -80px;
  }
}

@media all and (max-width: 768px) {
html {
    font-size: 60%;
}

#headerbild {
  margin-top: 80px;
  margin-bottom: -80px;
}

#video {
  max-width: 90vw;
}
  h1 {
    font-size: 31.2px;
    line-height: 36px;
  }
  h2 {
    font-size: 24px;
    line-height: 27.6px;
  }
  h3 {
    font-size: 16.8px;
    line-height: 23.8px;
  }
  h4 {
    font-size: 14.4px;
    line-height: 22.4px;
  }
  #anleser {
    font-size: 19.2px;
    line-height: 27.2px;
  }
  #copy {
    font-size: 14.4px;
    line-height: 22.4px;
  }
  #copy {
    font-size: 14.4px;
    line-height: 22.4px;
  }
  a {
    font-size: 14.4px;
    line-height: 22.4px;
  }
  #info, .breadcrumb > li > a {
    font-size: 11.2px;
    line-height: 16px;
  }
  #zitat {
    font-size: 16px;
    line-height: 22.4px;
  }
  #autor {
    font-size: 12.8px;
    line-height: 14.4px;
  }
  .btn-primary,
  .btn-secondary,
  .textlink {
    font-size: 14.4px;
    line-height: 22.4px;
  }
  #emailAnmelden { /*Anpassen der Buttons */
    margin-top: 1rem;
}
.wandernderButton { /*Der button für kinderpate und so verschwindet */
  display: none;
}
}

.bg-white {
  border: 0;
}
#horizontalrulerweis hr {
  background-color: white;
  color: #ed6e2c;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

hr {
  margin-top: -.5rem;
  margin-bottom: 0.5rem;
}

#horizontalrulerweis p {
  margin-bottom: 0px;
}
.nav-link.active.tab {
  background-color: #0062ae;
  color: white;
  font-weight: bold;
}
.nav-link.tab { /*Stylen der Navigationsleisten der verschiedenen Tabs auf den Spendenseiten , weißer hintergrund mit blauer schrift */
  background-color: white;
  color: #0062ae;
  padding-left: 3rem;
  padding-right: 3rem;
  margin: .25rem;
  border-radius: 0;
  font-size: 18px;
  line-height: 28px;
  font-family: 'source_sans_prolight';
}

.card-link { /*So wird der ganze Akkordion-Tab klickbar gemacht */
  display: block;
  padding: .75rem 1.25rem;
}
.card-header { /*So wird der ganze Akkordion-Tab klickbar gemacht */
  padding: 0;
}

/* Die nav-pills der spenden-seiten kriegen so den passenden Hintergrund */
.nav-pills li {
  padding: 0;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%6c757d' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
  margin-left: -100%;
}
.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%6c757d' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
  margin-right: -100%;
}
.grayscale {
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(1);
  /* Google Chrome, Safari 6+ & Opera 15+ */
  filter: grayscale(1);
  /* Microsoft Edge and Firefox 35+ */
}
.grayscale:hover {
  -webkit-filter: grayscale(0);
  filter: none;
}
::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: pink;
}
::-moz-placeholder {
  /* Firefox 19+ */
  color: pink;
}
:-ms-input-placeholder {
  /* IE 10+ */
  color: pink;
}
:-moz-placeholder {
  /* Firefox 18- */
  color: pink;
}
.form-control {
  background-color: #f8f5f2;
}

.form-normal .form-group.has-error input {
  border: 1px solid red;
}

.form-normal .form-group.has-error span.error {
  margin: 3px 0 0;
  display: block;
  color: red;
}

body {
  margin: 0;
  background-color: #f8f5f2;
}

.breadcrumb {
  padding-top: 0;
  background-color: transparent !important;
  display: block !important;
}
.breadcrumb-item {
  display: inline;
}

.breadcrumb > li + li:before {
    content: "> " !important;
    color: black !important;
}

.breadcrumb > li > a {
  color: black;
}

a { /*Einfärben aller Links */
  color: #0062ae;
}

a p { /*Einfärben aller Links in paragraphen*/
  color: #0062ae;
}

#myScrollspy a { /* Einfärben des Scrollspys */
  border: 1px solid #9b9b9b;
  height: 10px;
  border-radius: 50%;
  width: 10px;
  margin: .5rem;
  margin-left: 1rem;
  padding: 0;
  display: inline-block;
}

#myScrollspy div { /* Anzeigen der Texte neben dem scrollspy */
  display: none;
  position: relative;
  transform: translateY(-25%);
  font-family: source_sans_prolight;
  font-size: 16px;
  color: #0062ae;
  padding-left: 2rem;
overflow: hidden;
white-space: nowrap;
}

#myScrollspy a:hover > div { /* Einfärben des Scrollspys */
  display: inline-block;
 }

#myScrollspy { /* Positionieren des gesamten Scrollspy-Menüus  */
  position: fixed;
  top: 15rem;
  z-index: 999;
}
#myScrollspy .uebersicht {
  display: none;
}

@media all and (max-width: 768px) {
  #myScrollspy .uebersicht {
    display: none;
  }
  #myScrollspy {
    display: none;
  }
}

.container-header {
  z-index: 1;
}

@media all and (max-width: 1200px) {
  .container-header {
    margin-top: 80px;
  }

  .container-header h1 {

  }
}

@media all and (max-width: 1024px) {
  .container-header {
    margin-top: 120px;
  }
}

@media all and (max-width: 768px) {
  .container-header {
    margin-top: 120px;
  }

  .container-header h1 {

  }
}

.container-header-image {
  padding-top: 0;
}

.bg_white {
  background-color: #ffffff;
}

.bg_green {
  background-color: #9EAC50;
}

.container-fluid {
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 2;
  position: relative;
}

.bg_white .card-header.bg-white,
.bg_white .card-body {
  background-color: #f8f5f2 !important;
}

.card-deck-team .bg-white .card-body {
  background-color: #ffffff !important;
}

.form-normal {
  font-family: 'source_sans_prolight';
}

.form-normal .form-radio {
  display: inline-block;
  margin-right: 20px;
}

@media all and (max-width: 768px) {
  .form-normal .form-radio {
    display: block;
    margin-right: 0;
    padding-left: 20px;
  }

  .form-check-input {
    margin-top: 7px;
    margin-left: -20px;
  }
}

.form-normal label {
  font-size: 18px;
  line-height: 28px;
  font-family: 'source_sans_prolight';
  color: #000000;
  display: block;
}

.form-normal .help-block {
  float: right;
  clear: both;
}

.form-normal h3.form-headline {
  margin-top: 20px;
}

/**
 * pretty-checkbox.css
 *
 * A pure CSS library to beautify checkbox and radio buttons
 *
 * Source: https://github.com/lokesh-coder/pretty-checkbox
 * Demo: https://lokesh-coder.github.io/pretty-checkbox
 *
 * Copyright (c) 2017 Lokesh rajendran
 */

 .pretty * {
  box-sizing: border-box;
}

.pretty input:not([type='checkbox']):not([type='radio']) {
  display: none;
}

.pretty {
  position: relative;
  display: inline-block;
  margin-right: 1em;
  white-space: nowrap;
  line-height: 1;
}

.pretty input {
  position: absolute;
  left: 0;
  top: 0;
  min-width: 1em;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0;
  margin: 0;
  padding: 0;
  cursor: pointer;
}

.pretty .state label {
  position: initial;
  display: inline-block;
  font-weight: normal;
  margin: 0;
  text-indent: 1.5em;
  min-width: calc(1em + 2px);
}

.pretty .state label:before,
.pretty .state label:after {
  content: '';
  width: calc(1em + 2px);
  height: calc(1em + 2px);
  display: block;
  box-sizing: border-box;
  border-radius: 0;
  border: 1px solid transparent;
  z-index: 0;
  position: absolute;
  left: 0;
  top: calc((0% - (100% - 1em)) - 8%);
  background-color: transparent;
}

.pretty .state label:before {
  border-color: #bdc3c7;
}

.pretty .state.p-is-hover,
.pretty .state.p-is-indeterminate {
  display: none;
}

.pretty span a {
  display: inline-block;
  z-index: 99999;
  position: relative;
}

@-webkit-keyframes zoom {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}

@keyframes zoom {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
}

@-webkit-keyframes tada {
  0% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
    -webkit-transform: scale(7);
    transform: scale(7);
  }
  38% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  55% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  72% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  81% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: scale(1.24);
    transform: scale(1.24);
  }
  89% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  95% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
  }
  100% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes tada {
  0% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
    -webkit-transform: scale(7);
    transform: scale(7);
  }
  38% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  55% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  72% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  81% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: scale(1.24);
    transform: scale(1.24);
  }
  89% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  95% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
  }
  100% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes jelly {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  40% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  50% {
    -webkit-transform: scale3d(0.85, 1.15, 1);
    transform: scale3d(0.85, 1.15, 1);
  }
  65% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  75% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes jelly {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  40% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  50% {
    -webkit-transform: scale3d(0.85, 1.15, 1);
    transform: scale3d(0.85, 1.15, 1);
  }
  65% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  75% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@-webkit-keyframes rotate {
  0% {
    opacity: 0;
    -webkit-transform: translateZ(-200px) rotate(-45deg);
    transform: translateZ(-200px) rotate(-45deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0) rotate(0);
    transform: translateZ(0) rotate(0);
  }
}

@keyframes rotate {
  0% {
    opacity: 0;
    -webkit-transform: translateZ(-200px) rotate(-45deg);
    transform: translateZ(-200px) rotate(-45deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateZ(0) rotate(0);
    transform: translateZ(0) rotate(0);
  }
}

@-webkit-keyframes pulse {
  0% {
    box-shadow: 0px 0px 0px 0px #bdc3c7;
  }
  100% {
    box-shadow: 0px 0px 0px 1.5em rgba(189, 195, 199, 0);
  }
}

@keyframes pulse {
  0% {
    box-shadow: 0px 0px 0px 0px #bdc3c7;
  }
  100% {
    box-shadow: 0px 0px 0px 1.5em rgba(189, 195, 199, 0);
  }
}

.pretty.p-default.p-fill .state label:after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.pretty.p-default .state label:after {
  -webkit-transform: scale(0.6);
  -ms-transform: scale(0.6);
  transform: scale(0.6);
}

.pretty.p-default input:checked ~ .state label:after {
  background-color: #ed6e2c !important;
}

.pretty.p-default.p-thick .state label:before,
.pretty.p-default.p-thick .state label:after {
  border-width: calc(1em / 7);
}

.pretty.p-default.p-thick .state label:after {
  -webkit-transform: scale(0.4) !important;
  -ms-transform: scale(0.4) !important;
  transform: scale(0.4) !important;
}

.pretty.p-icon .state .icon {
  position: absolute;
  font-size: 1em;
  width: calc(1em + 2px);
  height: calc(1em + 2px);
  left: 0;
  z-index: 1;
  text-align: center;
  line-height: normal;
  top: calc((0% - (100% - 1em)) - 8%);
  border: 1px solid transparent;
  opacity: 0;
}

.pretty.p-icon .state .icon:before {
  margin: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1;
}

.pretty.p-icon input:checked ~ .state .icon {
  opacity: 1;
}

.pretty.p-icon input:checked ~ .state label:before {
  border-color: #5a656b;
}

.pretty.p-svg .state .svg {
  position: absolute;
  font-size: 1em;
  width: calc(1em + 2px);
  height: calc(1em + 2px);
  left: 0;
  z-index: 1;
  text-align: center;
  line-height: normal;
  top: calc((0% - (100% - 1em)) - 8%);
  border: 1px solid transparent;
  opacity: 0;
}

.pretty.p-svg .state svg {
  margin: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1;
}

.pretty.p-svg input:checked ~ .state .svg {
  opacity: 1;
}

.pretty.p-image .state img {
  opacity: 0;
  position: absolute;
  width: calc(1em + 2px);
  height: calc(1em + 2px);
  top: 0;
  top: calc((0% - (100% - 1em)) - 8%);
  left: 0;
  z-index: 0;
  text-align: center;
  line-height: normal;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
}

.pretty.p-image input:checked ~ .state img {
  opacity: 1;
}

.pretty.p-switch input {
  min-width: 2em;
}

.pretty.p-switch .state {
  position: relative;
}

.pretty.p-switch .state:before {
  content: '';
  border: 1px solid #bdc3c7;
  border-radius: 60px;
  width: 2em;
  box-sizing: unset;
  height: calc(1em + 2px);
  position: absolute;
  top: 0;
  top: calc((0% - (100% - 1em)) - 16%);
  z-index: 0;
  transition: all 0.5s ease;
}

.pretty.p-switch .state label {
  text-indent: 2.5em;
}

.pretty.p-switch .state label:before,
.pretty.p-switch .state label:after {
  transition: all 0.5s ease;
  border-radius: 100%;
  left: 0;
  border-color: transparent;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
}

.pretty.p-switch .state label:after {
  background-color: #bdc3c7 !important;
}

.pretty.p-switch input:checked ~ .state:before {
  border-color: #5a656b;
}

.pretty.p-switch input:checked ~ .state label:before {
  opacity: 0;
}

.pretty.p-switch input:checked ~ .state label:after {
  background-color: #5a656b !important;
  left: 1em;
}

.pretty.p-switch.p-fill input:checked ~ .state:before {
  border-color: #5a656b;
  background-color: #5a656b !important;
}

.pretty.p-switch.p-fill input:checked ~ .state label:before {
  opacity: 0;
}

.pretty.p-switch.p-fill input:checked ~ .state label:after {
  background-color: #fff !important;
  left: 1em;
}

.pretty.p-switch.p-slim .state:before {
  height: 0.1em;
  background: #bdc3c7 !important;
  top: calc(50% - 0.1em);
}

.pretty.p-switch.p-slim input:checked ~ .state:before {
  border-color: #5a656b;
  background-color: #5a656b !important;
}

.pretty.p-has-hover input:hover ~ .state:not(.p-is-hover) {
  display: none;
}

.pretty.p-has-hover input:hover ~ .state.p-is-hover {
  display: block;
}

.pretty.p-has-hover input:hover ~ .state.p-is-hover .icon {
  display: block;
}

.pretty.p-has-focus input:focus ~ .state label:before {
  box-shadow: 0px 0px 3px 0px #bdc3c7;
}

.pretty.p-has-indeterminate input[type='checkbox']:indeterminate ~ .state:not(.p-is-indeterminate) {
  display: none;
}

.pretty.p-has-indeterminate input[type='checkbox']:indeterminate ~ .state.p-is-indeterminate {
  display: block;
}

.pretty.p-has-indeterminate input[type='checkbox']:indeterminate ~ .state.p-is-indeterminate .icon {
  display: block;
  opacity: 1;
}

.pretty.p-toggle .state.p-on {
  opacity: 0;
  display: none;
}

.pretty.p-toggle .state.p-off,
.pretty.p-toggle .state .icon,
.pretty.p-toggle .state .svg,
.pretty.p-toggle .state img {
  opacity: 1;
  display: inherit;
}

.pretty.p-toggle .state.p-off .icon {
  color: #bdc3c7;
}

.pretty.p-toggle input:checked ~ .state.p-on {
  opacity: 1;
  display: inherit;
}

.pretty.p-toggle input:checked ~ .state.p-off {
  opacity: 0;
  display: none;
}

.pretty.p-plain input:checked ~ .state label:before,
.pretty.p-plain.p-toggle .state label:before {
  content: none;
}

.pretty.p-plain.p-plain .icon {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.pretty.p-round .state label:before,
.pretty.p-round .state label:after {
  border-radius: 100%;
}

.pretty.p-round.p-icon .state .icon {
  border-radius: 100%;
  overflow: hidden;
}

.pretty.p-round.p-icon .state .icon:before {
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
}

.pretty.p-curve .state label:before,
.pretty.p-curve .state label:after {
  border-radius: 20%;
}

.pretty.p-smooth label:before,
.pretty.p-smooth label:after,
.pretty.p-smooth .icon,
.pretty.p-smooth .svg {
  transition: all 0.5s ease;
}

.pretty.p-smooth input:checked + .state label:after {
  transition: all 0.3s ease;
}

.pretty.p-smooth input:checked + .state .icon,
.pretty.p-smooth input:checked + .state .svg,
.pretty.p-smooth input:checked + .state img {
  -webkit-animation: zoom 0.2s ease;
  animation: zoom 0.2s ease;
}

.pretty.p-smooth.p-default input:checked + .state label:after {
  -webkit-animation: zoom 0.2s ease;
  animation: zoom 0.2s ease;
}

.pretty.p-smooth.p-plain input:checked + .state label:before {
  content: '';
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  transition: all 0.5s ease;
}

.pretty.p-tada:not(.p-default) input:checked + .state .icon,
.pretty.p-tada:not(.p-default) input:checked + .state .svg,
.pretty.p-tada:not(.p-default) input:checked + .state img,
.pretty.p-tada:not(.p-default) input:checked + .state label:before,
.pretty.p-tada:not(.p-default) input:checked + .state label:after {
  -webkit-animation: tada 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1 alternate;
  animation: tada 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1 alternate;
  opacity: 1;
}

.pretty.p-jelly:not(.p-default) input:checked + .state .icon,
.pretty.p-jelly:not(.p-default) input:checked + .state .svg,
.pretty.p-jelly:not(.p-default) input:checked + .state img,
.pretty.p-jelly:not(.p-default) input:checked + .state label:before,
.pretty.p-jelly:not(.p-default) input:checked + .state label:after {
  -webkit-animation: jelly 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  animation: jelly 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 1;
}

.pretty.p-jelly:not(.p-default) input:checked + .state label:before {
  border-color: transparent;
}

.pretty.p-rotate:not(.p-default) input:checked ~ .state .icon,
.pretty.p-rotate:not(.p-default) input:checked ~ .state .svg,
.pretty.p-rotate:not(.p-default) input:checked ~ .state img,
.pretty.p-rotate:not(.p-default) input:checked ~ .state label:before,
.pretty.p-rotate:not(.p-default) input:checked ~ .state label:after {
  -webkit-animation: rotate 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  animation: rotate 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 1;
}

.pretty.p-rotate:not(.p-default) input:checked ~ .state label:before {
  border-color: transparent;
}

.pretty.p-pulse:not(.p-switch) input:checked ~ .state label:before {
  -webkit-animation: pulse 1s;
  animation: pulse 1s;
}

.pretty input[disabled] {
  cursor: not-allowed;
  display: none;
}

.pretty input[disabled] ~ * {
  opacity: .5;
}

.pretty.p-locked input {
  display: none;
  cursor: not-allowed;
}

.pretty input:checked ~ .state.p-primary label:after,
.pretty.p-toggle .state.p-primary label:after {
  background-color: #428bca !important;
}

.pretty input:checked ~ .state.p-primary .icon,
.pretty input:checked ~ .state.p-primary .svg,
.pretty.p-toggle .state.p-primary .icon,
.pretty.p-toggle .state.p-primary .svg {
  color: #fff;
  stroke: #fff;
}

.pretty input:checked ~ .state.p-primary-o label:before,
.pretty.p-toggle .state.p-primary-o label:before {
  border-color: #428bca;
}

.pretty input:checked ~ .state.p-primary-o label:after,
.pretty.p-toggle .state.p-primary-o label:after {
  background-color: transparent;
}

.pretty input:checked ~ .state.p-primary-o .icon,
.pretty input:checked ~ .state.p-primary-o .svg,
.pretty input:checked ~ .state.p-primary-o svg,
.pretty.p-toggle .state.p-primary-o .icon,
.pretty.p-toggle .state.p-primary-o .svg,
.pretty.p-toggle .state.p-primary-o svg {
  color: #428bca;
  stroke: #428bca;
}

.pretty.p-default:not(.p-fill) input:checked ~ .state.p-primary-o label:after {
  background-color: #428bca !important;
}

.pretty.p-switch input:checked ~ .state.p-primary:before {
  border-color: #428bca;
}

.pretty.p-switch.p-fill input:checked ~ .state.p-primary:before {
  background-color: #428bca !important;
}

.pretty.p-switch.p-slim input:checked ~ .state.p-primary:before {
  border-color: #245682;
  background-color: #245682 !important;
}

.pretty input:checked ~ .state.p-info label:after,
.pretty.p-toggle .state.p-info label:after {
  background-color: #5bc0de !important;
}

.pretty input:checked ~ .state.p-info .icon,
.pretty input:checked ~ .state.p-info .svg,
.pretty.p-toggle .state.p-info .icon,
.pretty.p-toggle .state.p-info .svg {
  color: #fff;
  stroke: #fff;
}

.pretty input:checked ~ .state.p-info-o label:before,
.pretty.p-toggle .state.p-info-o label:before {
  border-color: #5bc0de;
}

.pretty input:checked ~ .state.p-info-o label:after,
.pretty.p-toggle .state.p-info-o label:after {
  background-color: transparent;
}

.pretty input:checked ~ .state.p-info-o .icon,
.pretty input:checked ~ .state.p-info-o .svg,
.pretty input:checked ~ .state.p-info-o svg,
.pretty.p-toggle .state.p-info-o .icon,
.pretty.p-toggle .state.p-info-o .svg,
.pretty.p-toggle .state.p-info-o svg {
  color: #5bc0de;
  stroke: #5bc0de;
}

.pretty.p-default:not(.p-fill) input:checked ~ .state.p-info-o label:after {
  background-color: #5bc0de !important;
}

.pretty.p-switch input:checked ~ .state.p-info:before {
  border-color: #5bc0de;
}

.pretty.p-switch.p-fill input:checked ~ .state.p-info:before {
  background-color: #5bc0de !important;
}

.pretty.p-switch.p-slim input:checked ~ .state.p-info:before {
  border-color: #2390b0;
  background-color: #2390b0 !important;
}

.pretty input:checked ~ .state.p-success label:after,
.pretty.p-toggle .state.p-success label:after {
  background-color: #5cb85c !important;
}

.pretty input:checked ~ .state.p-success .icon,
.pretty input:checked ~ .state.p-success .svg,
.pretty.p-toggle .state.p-success .icon,
.pretty.p-toggle .state.p-success .svg {
  color: #fff;
  stroke: #fff;
}

.pretty input:checked ~ .state.p-success-o label:before,
.pretty.p-toggle .state.p-success-o label:before {
  border-color: #5cb85c;
}

.pretty input:checked ~ .state.p-success-o label:after,
.pretty.p-toggle .state.p-success-o label:after {
  background-color: transparent;
}

.pretty input:checked ~ .state.p-success-o .icon,
.pretty input:checked ~ .state.p-success-o .svg,
.pretty input:checked ~ .state.p-success-o svg,
.pretty.p-toggle .state.p-success-o .icon,
.pretty.p-toggle .state.p-success-o .svg,
.pretty.p-toggle .state.p-success-o svg {
  color: #5cb85c;
  stroke: #5cb85c;
}

.pretty.p-default:not(.p-fill) input:checked ~ .state.p-success-o label:after {
  background-color: #5cb85c !important;
}

.pretty.p-switch input:checked ~ .state.p-success:before {
  border-color: #5cb85c;
}

.pretty.p-switch.p-fill input:checked ~ .state.p-success:before {
  background-color: #5cb85c !important;
}

.pretty.p-switch.p-slim input:checked ~ .state.p-success:before {
  border-color: #357935;
  background-color: #357935 !important;
}

.pretty input:checked ~ .state.p-warning label:after,
.pretty.p-toggle .state.p-warning label:after {
  background-color: #f0ad4e !important;
}

.pretty input:checked ~ .state.p-warning .icon,
.pretty input:checked ~ .state.p-warning .svg,
.pretty.p-toggle .state.p-warning .icon,
.pretty.p-toggle .state.p-warning .svg {
  color: #fff;
  stroke: #fff;
}

.pretty input:checked ~ .state.p-warning-o label:before,
.pretty.p-toggle .state.p-warning-o label:before {
  border-color: #f0ad4e;
}

.pretty input:checked ~ .state.p-warning-o label:after,
.pretty.p-toggle .state.p-warning-o label:after {
  background-color: transparent;
}

.pretty input:checked ~ .state.p-warning-o .icon,
.pretty input:checked ~ .state.p-warning-o .svg,
.pretty input:checked ~ .state.p-warning-o svg,
.pretty.p-toggle .state.p-warning-o .icon,
.pretty.p-toggle .state.p-warning-o .svg,
.pretty.p-toggle .state.p-warning-o svg {
  color: #f0ad4e;
  stroke: #f0ad4e;
}

.pretty.p-default:not(.p-fill) input:checked ~ .state.p-warning-o label:after {
  background-color: #f0ad4e !important;
}

.pretty.p-switch input:checked ~ .state.p-warning:before {
  border-color: #f0ad4e;
}

.pretty.p-switch.p-fill input:checked ~ .state.p-warning:before {
  background-color: #f0ad4e !important;
}

.pretty.p-switch.p-slim input:checked ~ .state.p-warning:before {
  border-color: #c77c11;
  background-color: #c77c11 !important;
}

.pretty input:checked ~ .state.p-danger label:after,
.pretty.p-toggle .state.p-danger label:after {
  background-color: #d9534f !important;
}

.pretty input:checked ~ .state.p-danger .icon,
.pretty input:checked ~ .state.p-danger .svg,
.pretty.p-toggle .state.p-danger .icon,
.pretty.p-toggle .state.p-danger .svg {
  color: #fff;
  stroke: #fff;
}

.pretty input:checked ~ .state.p-danger-o label:before,
.pretty.p-toggle .state.p-danger-o label:before {
  border-color: #d9534f;
}

.pretty input:checked ~ .state.p-danger-o label:after,
.pretty.p-toggle .state.p-danger-o label:after {
  background-color: transparent;
}

.pretty input:checked ~ .state.p-danger-o .icon,
.pretty input:checked ~ .state.p-danger-o .svg,
.pretty input:checked ~ .state.p-danger-o svg,
.pretty.p-toggle .state.p-danger-o .icon,
.pretty.p-toggle .state.p-danger-o .svg,
.pretty.p-toggle .state.p-danger-o svg {
  color: #d9534f;
  stroke: #d9534f;
}

.pretty.p-default:not(.p-fill) input:checked ~ .state.p-danger-o label:after {
  background-color: #d9534f !important;
}

.pretty.p-switch input:checked ~ .state.p-danger:before {
  border-color: #d9534f;
}

.pretty.p-switch.p-fill input:checked ~ .state.p-danger:before {
  background-color: #d9534f !important;
}

.pretty.p-switch.p-slim input:checked ~ .state.p-danger:before {
  border-color: #a02622;
  background-color: #a02622 !important;
}

.pretty.p-bigger label:before,
.pretty.p-bigger label:after,
.pretty.p-bigger .icon,
.pretty.p-bigger .svg,
.pretty.p-bigger .img {
  font-size: 1.2em !important;
  top: calc((0% - (100% - 1em)) - 35%) !important;
}

.pretty.p-bigger label {
  text-indent: 1.7em;
}

@media print {
  .pretty .state:before,
  .pretty .state label:before,
  .pretty .state label:after,
  .pretty .state .icon {
    color-adjust: exact;
    /* stylelint-disable */
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}


.pretty {
  margin-right: 0;
  white-space: inherit;
}

.pretty .state {
  padding-left: 5px;
}

.pretty .state label {
  text-indent: inherit;
}

.pretty .state label:before {
  top: 5px;
  width: 15px;
  height: 15px;
  border-color: #000;
}

.pretty .state label:after {
  top: 5px;
  width: 15px;
  height: 15px;
}

.o-summary-page .col-xs-12 {
  flex-basis: 100%;
  max-width: 100%;
  padding-right: 20px;
  padding-left: 20px;
}

.o-summary-page .row-field {
  margin-bottom: 0;
}

.o-summary-page p {
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 80px;
}

.o-summary-page span {
  font-size: 18px;
  line-height: 28px;
}


.o-summary-page .a-headline-checkbox {
  display: none;
}

.o-summary-page .field-checkbox-1,
.o-summary-page .field-checkbox-2 {
  display: none;
}


.o-form--kontaktChanceInternational-1142 {
  overflow: hidden;
  height: 100%;
}

.o-form--kontaktChanceInternational-1142 h2 {
  display: none;
}

.o-form--kontaktChanceInternational-1142 .terms_link {
  display: block;
  margin-left: 45px;
}

.o-form--kontaktChanceInternational-1142 .o-form-element__checkbox-3 {
  display: block;
  margin-top: 26px;
}

.o-form--kontaktChanceInternational-1142 .o-form-element__checkbox-1 {
  display: block;
  margin-top: 26px;
}

.o-form--kontaktChanceInternational-1142 .static-text-container {
  width: 50%;
  float: left;
  margin-top: 20px;
  @include text-type-copy;
  font-size: 16px !important;
}

.o-form--kontaktChanceInternational-1142 .row .form-group:last-child {
  margin-bottom: 0;
}

.o-form--kontaktChanceInternational-1142 .row .row .form-group {
  margin-bottom: 26px !important;
}

.o-form--kontaktChanceInternational-1142.row .row .form-group:last-child .form-group {
  margin-bottom: 0 !important;
}

.o-form--kontaktChanceInternational-1142 .form-group {
    margin-bottom: 26px;
}

.o-form--kontaktChanceInternational-1142 .o-form-element__message {
  height: 100%;
}

.o-form--kontaktChanceInternational-1142 .row .row .form-group.o-form-element__text-2 {
  margin-bottom: 0 !important;
}

.o-form--kontaktChanceInternational-1142 .row .row .form-group.o-form-element__text-4 {
  margin-bottom: 0 !important;
}


.o-form--kontaktChanceInternational-1142 .button-container {
  width: 50%;
  float: right;
  padding-left: 20px;
  margin-top: 26px;
}

.o-form--kontaktChanceInternational-1142 .control-label {
  display: none;
}

.o-form--kontaktChanceInternational-1142 input,
.o-form--kontaktChanceInternational-1142 textarea {
  background-color: get-color(white);
  border: 1px solid #ccc;
  border-radius: 4px;
  width: 100% !important;
  font-family: $font-family-regular;
  color: #777;
  padding: 5px 20px 5px 15px;
  line-height: 28px;
}

.o-form--kontaktChanceInternational-1142 textarea {
  height: 100%;
}

.l-container__wrapper {
  max-width: 1160px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.o-blog-article--detail .content > div.o-imagecontainer {
  margin-top: -12rem;
}

.o-blog-article--detail .content .col-xs-12 {
  flex-basis: 100%;
  max-width: 100%;
  box-sizing: border-box;
  flex: 0 0 auto;
  padding-right: 20px;
  padding-left: 20px;
}

.o-imagecontainer .o-mixed-text__image {
  max-width: 100%;
}

body.blog_show .l-container__wrapper_50_50 .row .col-xs-12.col-md-4,
body.blog_preview .l-container__wrapper_50_50 .row .col-xs-12.col-md-4 {
  display: none; }

@media all and (min-width: 768px) {
  body.blog_show .l-container__wrapper_50_50 .row .col-xs-12.col-md-8,
  body.blog_preview .l-container__wrapper_50_50 .row .col-xs-12.col-md-8 {
    margin-left: 16.66666667%;
  }
}

body.blog_show .o-header__wave,
body.blog_preview .o-header__wave {
  display: block !important; }

body.blog_show .bg-color--beige,
body.blog_preview .bg-color--beige {
  background-color: #ffffff; }

body.blog_show main .o-main-container--bg,
body.blog_preview main .o-main-container--bg {
  background-color: #ffffff; }

body.blog_show #header-headline,
body.blog_preview #header-headline {
  padding: 0 15px 3rem 15px !important;
}

body.blog_show .o-intro-header .top,
body.blog_preview .o-intro-header .top,
body.blog_show #header-headline #anleser,
body.blog_preview #header-headline #anleser {
  margin-top: 0;
  padding-top: 0;
  font-size: 14px;
  line-height: 20px;
  font-family: 'source_sans_prolight';
  }

body.blog_show .o-imagecontainer,
body.blog_preview .o-imagecontainer {
  margin-top: 0;
  margin-bottom: 2rem; }

.tx-t3extblog .alert {
  font-family: "SourceSansProLight", Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 28px;
  font-family: 'source_sans_prolight';
  color: #000000;
  background-color: #f8f5f2;
  border-color: #f8f5f2;
  border-radius: 0;
}

.tx-t3extblog .alert a {
  margin-left: 10px;
}

.tx-t3extblog .alert-info {

}

.tx-t3extblog .o-blog-subscripeform .typo3-messages {
  font-family: "SourceSansProLight", Helvetica, Arial, sans-serif; }
  .tx-t3extblog .o-blog-subscripeform .typo3-messages li.alert-info {
    margin: 0 0 15px;
    border-bottom: 1px solid #729B42; }
  .tx-t3extblog .o-blog-subscripeform .typo3-messages h4 {

  }

.tx-t3extblog .pagination {
  display: flex;
  margin: 0 auto;
  align-items: center;
  justify-content: center;
  margin-bottom: 40px; }
  .tx-t3extblog .pagination li {
    padding: 0 10px;
    font-size: 1.2rem;
    line-height: 1.2rem;
    font-family: "SourceSansProLight", Helvetica, Arial, sans-serif; }
    .tx-t3extblog .pagination li a {
      color: #000000; }
      .tx-t3extblog .pagination li a:hover {
        color: #0062ae;
        text-decoration: none; }
    .tx-t3extblog .pagination li.active a {
      color: #0062ae; }

.tx-t3extblog ul {
  list-style-type: none;
  margin: 0;
  padding: 0; }
  .tx-t3extblog ul li {
    margin: 0;
    padding: 0; }

.tx-t3extblog .o-blog-article {
  background-color: #ffffff;
  margin-bottom: 60px; }
  .tx-t3extblog .o-blog-article:last-child {
    margin-bottom: 0; }
  .tx-t3extblog .o-blog-article--text {
    font-family: "SourceSansProLight", Helvetica, Arial, sans-serif;
    padding: 0; }
    .tx-t3extblog .o-blog-article--text p.top {
      margin-top: 0;
      padding-top: 0;
      font-size: 1rem;
      line-height: 1.5rem; }

.tx-t3extblog .o-blog-article--text h2 a {
  color: #ed6e2c;
  text-decoration: none;
}

.tx-t3extblog .o-blog-article .teaser figure {
  margin-bottom: 2rem;
}

.tx-t3extblog .o-blog-article .teaser figure img {
  height: auto;
}

.tx-t3extblog .o-blog-article--text h2 a:hover {
  text-decoration: none;
}

.tx-t3extblog .o-blog-article--text a:hover {
  text-decoration: none;
}


.tx-t3extblog .o-blog-categorylist,
.tx-t3extblog .o-blog-latestposts {
  background-color: #f8f5f2;
  margin-bottom: 27px;
  padding: 1.5rem;
  font-family: "SourceSansProLight", Helvetica, Arial, sans-serif; }
  .tx-t3extblog .o-blog-categorylist p,
  .tx-t3extblog .o-blog-latestposts p {
    margin-top: 0;
    padding-top: 0; }
  .tx-t3extblog .o-blog-categorylist ul li,
  .tx-t3extblog .o-blog-latestposts ul li {
    padding: 15px 0;
    border-bottom: 1px solid #0062ae; }
    .tx-t3extblog .o-blog-categorylist ul li:last-child,
    .tx-t3extblog .o-blog-latestposts ul li:last-child {
      border: none;
      padding-bottom: 0; }
  .tx-t3extblog .o-blog-categorylist a,
  .tx-t3extblog .o-blog-latestposts a {
    color: #0062ae; }
    .tx-t3extblog .o-blog-categorylist a:hover,
    .tx-t3extblog .o-blog-latestposts a:hover {
      color: #0062ae;
      text-decoration: none;
    }

.tx-t3extblog .o-blog-subscripeform {
  background-color: #f8f5f2;
  margin-bottom: 27px;
  padding: 1.5rem;
  font-family: "SourceSansProLight", Helvetica, Arial, sans-serif;
  line-height: 1.5rem; }
  .tx-t3extblog .o-blog-subscripeform input[type='text'] {
    color: #777777;
    border: 1px solid #cccccc;
    width: 100%;
    margin: 15px 0; }
    .tx-t3extblog .o-blog-subscripeform input[type='text']::-webkit-input-placeholder {
      color: #777777; }
    .tx-t3extblog .o-blog-subscripeform input[type='text']:-moz-placeholder {
      color: #777777; }
    .tx-t3extblog .o-blog-subscripeform input[type='text']::-moz-placeholder {
      color: #777777; }
    .tx-t3extblog .o-blog-subscripeform input[type='text']:-ms-input-placeholder {
      color: #777777; }


.o-comment-background {
  height: 100%;
  width: 3000px;
  position: absolute;
  bottom: 0;
  left: -100%;
  background-color: #f8f5f2;
  z-index: 1;
}

.o-comment {
  z-index: 2;
  position: relative;
  background-color: #fff;
  padding-bottom: 50px;
  padding-top: 50px;
  font-family: "SourceSansProLight", Helvetica, Arial, sans-serif;
  line-height: 1.5rem; }
  .o-comment .well,
  .o-comment .o-blog-comment-list {
    z-index: 2;
    position: relative;
  }
  .o-comment .comment-share-info {
    margin-top: 0; }
  .o-comment .form-normal {
    margin-top: 15px; }
    .o-comment .form-normal label {
      display: none; }
    .o-comment .form-normal .a-headline {
      margin-bottom: 10px; }
  .o-comment .o-comment-button-wrapper {
    text-align: right; }
  .o-comment input[type='text'],
  .o-comment textarea {
    color: #495057;
    background-color: #fff; }
  .o-comment textarea {
    margin: 0 0 20px; }

.o-blog-comment-list {
  font-family: "SourceSansProLight", Helvetica, Arial, sans-serif;
  margin-top: 40px; }
  .o-blog-comment-list .comment {
    border-bottom: 1px solid rgba(0,0,0,.1);
    margin-bottom: 20px;
    padding-bottom: 20px; }
    .o-blog-comment-list .comment:last-child {
      border-bottom: none; }
  .o-blog-comment-list p {
    font-size: 1rem;
    line-height: 1.5rem;
    font-family: "SourceSansProLight", Helvetica, Arial, sans-serif;
    font-weight: normal;
    margin: 0 0 5px; }
    .o-blog-comment-list p span {
      font-size: 0.875rem;
      display: block; }
  .o-blog-comment-list .a-headline--blogteaser {
    margin-bottom: 30px; }


.o-blog-article--detail-control {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 80px 0 80px 0%;
  padding: 0;
  padding-bottom: 80px;
  border-bottom: 1px solid rgba(0,0,0,.1) }
  .o-blog-article--detail-control a {
    position: relative;
    text-align: center; }
    .o-blog-article--detail-control a.blog-prev {
      padding-left: 0;
      text-align: left; }
    .o-blog-article--detail-control a.blog-next {
      padding-right: 0;
      text-align: right; }


        .o-imagegallery {
          margin-top: 40px; }
          .o-imagegallery-teaser {
            margin-bottom: 40px; }
            .o-imagegallery-teaser a {
              position: relative;
              display: block; }
              .o-imagegallery-teaser a:after {
                transition: opacity 0.25s ease-out;
                opacity: 0;
                content: '';
                display: block;
                height: 100%;
                width: 100%;
                background-color: rgba(255, 255, 255, 0.3);
                position: absolute;
                top: 0;
                left: 0; }
              .o-imagegallery-teaser a:hover:after {
                opacity: 1; }
            .o-imagegallery-teaser img {
              max-width: 100%; height: auto; }



@media all and (min-width: 768px) {
  .o-blog-article--detail-control {
    width: 140%;
    margin: 80px 0 80px -20%;
  }
  .o-blog-article--detail-control a.blog-prev {
    padding-left: 35px;
    text-align: left;
  }
  .o-blog-article--detail-control a.blog-next {
    padding-right: 35px;
    text-align: right;
  }
}

.cc-window {
  padding: 20px;
}

.dp--overlay,
.cc--message {
  font-family: 'source_sans_prolight';
}

.dp--cookie-check {
  justify-content: flex-start;
  border: none;
}

.grecaptcha-badge {
  z-index: 99;
}


.cc-bottom {
  bottom: 0 !important; }

.cc-left {
  left: 40px !important; }

.cc-window {
  background-color: #fff !important;
  max-width: 480px !important;
  color: #000 !important;
  font-family: 'source_sans_prolight';
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5); }
  .cc-window .cc-message {
    font-family: 'source_sans_prolight';
    font-size: 16px !important;
    line-height: 22px !important;
    margin: 30px !important;
  padding: 0 !important; }
    .cc-window .cc-message .cc-link {
      padding: 0 !important; }
  .cc-window .cc-link {
    opacity: 1;
    color: #0062ae !important;
    text-decoration: none !important;
    transition: all 250ms ease-in-out; }
    .cc-window .cc-link:hover {
      color: #0062ae !important;
    text-decoration: underline !important;
   }
  .cc-window .a-link {
    font-size: 16px !important;
    line-height: 22px !important;
    text-decoration: none !important; }
  .cc-window .cc-btn {
    margin: 0;
    font-family: "SourceSansProSemiBold", Helvetica, Arial, sans-serif;
    font-size: 15px !important;
    line-height: 22px;
    padding: 12px 18px;
    color: #ffffff; }
    .cc-window .cc-btn:hover, .cc-window .cc-btn:focus {
      border-radius: 4px;
      text-decoration: none !important;}
  .cc-window .cc-dismiss {
    transition: all 250ms ease-in-out;
    font-size: 15px !important;
    line-height: 22px;
    padding: .375rem .55rem 0.3rem;
    color: #ffffff;
    border-radius: 4px;
    background-color: #0062ae !important;
    border-width: 0;
    font-family: source_sans_prosemibold;
    font-size: 18px;
    line-height: 28px;
    border-width: 1px;
    border-color: #0062ae !important;


  }
    .cc-window .cc-dismiss:hover, .cc-window .cc-dismiss:focus {
      color: #ffffff;
      color: #0062ae !important;
      border: 1px solid #0062ae !important;
      background-color: #fff !important;}
  .cc-window .cc-allow {
    margin-left: 0 !important;
    padding-left: 0 !important;
    padding-right: 12px !important;
    text-align: left;
    color: #0062ae !important;
    transition: all 250ms ease-in-out; }
    .cc-window .cc-allow:hover, .cc-window .cc-allow:focus {
      box-shadow: none;
      background: none;
      color: #0062ae !important; }
  .cc-window .cc-compliance {
    margin: 0 30px 20px;
    display: flex;
    justify-content: space-between; }
  .cc-window .dp--cookie-check {
    justify-content: flex-start;
    border: none;
    margin-top: 20px; }
  .cc-window .dp--cookie-check label {
    font-size: 15px !important;
    line-height: 20px !important;
    margin-right: 20px;
    padding: 0 !important;
    display: block;
    position: relative;
    padding-left: 0 !important;
    margin-bottom: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: 'source_sans_prolight'; }
    .cc-window .dp--cookie-check label:first-child {
      margin-left: 0; }
  .cc-window .o-form__checkbox-container .checkmark {
    top: 2px; }

.cc-cookie-button {
  cursor: pointer; }

.cc-revoke.dp--revoke {
  display: none !important; }

.dp--overlay {
  font-size: 16px;
  line-height: 22px;
  font-family: 'source_sans_prolight';
  font-weight: normal;
  font-style: normal;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(/typo3conf/ext/website/Resources/Public/images/bg/chance-video-cookie-hintergrund.jpg) 0 0 no-repeat !important;
  background-size: cover !important; }
  .dp--overlay-inner {
    max-width: 600px; }
  .dp--overlay-button button {
    transition: all 250ms ease-in-out;
    font-size: 15px !important;
    line-height: 28px;
    padding: .375rem .75rem 0.2rem;
    color: #ffffff;
    border-radius: 4px;
    background-color: #0062ae !important;
    font-family: source_sans_prosemibold;
    font-size: 18px;
    line-height: 28px;
    border-width: 1px;
    border-radius: 4px;
    border-color: #0062ae !important;
    cursor: pointer !important;
  }
    .dp--overlay-button button:hover {
      color: #ffffff;
      color: #0062ae !important;
      border: 1px solid #0062ae !important;
      background-color: #fff !important; }
  .dp--overlay-header {
    color: #ed6e2c !important;
    font-family: 'nerisblack';
    font-size: 16px;
    line-height: 1.375rem; }
  .dp--overlay-description {
    color: #000;
    margin: 5px 0 0;
    font-size: 13px;
    line-height: 16px; }
  .dp--overlay strong {
    color: #000 !important;
    font-family: source_sans_prosemibold; }

.cc-revoke {
  background-color: #fff !important;
  color: #0062ae !important;
  transition: all 250ms ease-in-out;
  text-decoration: underline; }
.cc-revoke:hover {
  color: #0062ae !important;
}

@media (min-width: 31.25em) {
  .dp--overlay-header {
    font-size: 20px;
    line-height: 24px; }
  .dp--overlay-description {
    margin: 10px 0 0;
    font-size: 15px;
    line-height: 18px; } }

@media (min-width: 48em) {
  .dp--overlay {
    font-size: 1rem;
    line-height: 1rem; }
  .dp--overlay-header {
    font-size: 26px;
    line-height: 32px; }
  .dp--overlay-description {
    line-height: 26px;
    margin: 35px 0;
    font-size: 18px; }
}

@media (max-width: 47.99em) {
  .cc-left {
    left: 0 !important; }
}

@media (max-width: 31.24em) {
  .dp--overlay {
    padding: 10px !important; }
  .dp--overlay-button {
    margin-top: 5px; }
  .dp--overlay-button button {
    padding: 1px !important;
    font-size: 11px !important;
    line-height: 18px;}
}

@media (max-width: 400px) {
  .dp--overlay-header {
    display: none;
  }
}

.o-connect__form {
  display: flex;
  justify-content: center;
  flex-wrap: wrap; /* Standardwert = nowrap */
}

.o-connect__form .o-connect__form-input {
  flex-basis: 50%;
  flex-grow: 1;
  flex-shrink: 1;
  padding-right: 20px;
}

.o-connect__form .o-connect__form-input input {
  padding-top: 9px;
  background-color: #333333;
  margin-right: 0;
  margin-bottom: 15px;
  padding-right: 3rem;
  width: 100%;
}

.o-connect__form .o-connect__form-input .btn {
  line-height: 16px;
  padding-top: 11px;
  padding-bottom: 9px;
}

@media (max-width: 1199px) {
  .o-connect__form .o-connect__form-input .btn {
    line-height: 10px;
  }
}

.form-inline__newsletter {
  display: flex;
  justify-content: center;
  flex-wrap: wrap; /* Standardwert = nowrap */
}

.form-inline__newsletter .o-connect__form-input {
  flex-basis: 50%;
  flex-grow: 1;
  flex-shrink: 1;
  padding-right: 20px;
}

.form-inline__newsletter .o-connect__form-input input {
  padding-top: 9px;
  margin-right: 0;
  margin-bottom: 15px;
  padding-right: 3rem;
  width: 100%;
}

.form-inline__newsletter .o-connect__form-input .btn {
  line-height: 16px;
  padding: 11px 16px 8px;
  width: auto;
}

@media (max-width: 1199px) {
  .form-inline__newsletter .o-connect__form-input .btn {
    line-height: 10px;
  }
}

@media (max-width: 1024px) {
  .form-inline__newsletter {
    display: block;
    width: 100%;
  }

  .form-inline__newsletter .o-connect__form-input {
    flex-basis: 100%;
    width: 100%;
  }

  .form-inline__newsletter .o-connect__form-input input {
    font-size: 16px;
    padding: 6px;
    height: auto;
  }

  .form-inline__newsletter .o-connect-teaser__form-input {
    width: 100%;
  }

  .o-connect-teaser__form {
    display: block;
    width: 100%;
  }
}

.slick-track{
  display: flex;
}
.slick-slide{
  display: flex;
  height: auto;
  align-items: center; //optional
  justify-content: center; //optional
}


.o-home-intro--content-blog__image {
  max-width: 100%;
  height: auto;
}