@charset "UTF-8";
/**
 *   Farbengrundtöne
 */
/*
  * Farben verwendung
  */
/**
  *   Schriften
  */
/**
  *  Schriftgrößen
  */
/**
  * grid
  */
@media (min-width: 60.063em) {
  .startseiteinhalt .topbg .col-xs-12:first-child .willkommenbox {
    margin-left: 10%; } }
@media (min-width: 60.063em) {
  .startseiteinhalt .topbg .col-xs-12:last-child .willkommenbox {
    margin-right: 10%; } }
.startseiteinhalt .topbg .willkommenbox {
  margin: 0 auto; }
  @media (min-width: 75.05rem) {
    .startseiteinhalt .topbg .willkommenbox {
      max-width: calc(100% - 0.938rem - 0.938rem - 0.638rem - 0.638rem); } }
  @media (min-width: 1700px) {
    .startseiteinhalt .topbg .willkommenbox {
      max-width: 87%; } }
  @media (max-width: 47.95rem) {
    .startseiteinhalt .topbg .willkommenbox {
      border-bottom: 1px solid #fff;
      margin-bottom: 2rem;
      padding-bottom: 2rem; } }
@media (max-width: 47.95rem) {
  .startseiteinhalt .topbg #c143 .willkommenbox {
    border: 0;
    margin-bottom: 0rem;
    padding-bottom: 0rem; } }

*:not(.topbg) .willkommenbox h1 {
  font-size: 38px;
  /*für die standard ersatzschrift sollte die umrechnung immer etwas kleiner sein daher nciht 0.063rem*/
  font-size: 2.28rem;
  font-family: "JosefinSans", "Segoe UI", Helvetica, "Trebuchet MS", Roboto, sans-serif;
  font-style: normal;
  font-weight: 300;
  line-height: 100%;
  color: #fff;
  padding: 0 2rem;
  margin-bottom: 1rem; }
@media (min-width: 48rem) {
  *:not(.topbg) .willkommenbox .raute.transparent {
    transform: skew(-20deg); } }
*:not(.topbg) .willkommenbox .raute.transparent > * {
  color: #fff; }
  @media (min-width: 48rem) {
    *:not(.topbg) .willkommenbox .raute.transparent > * {
      transform: skew(20deg); } }
  *:not(.topbg) .willkommenbox .raute.transparent > * a {
    color: #fff; }
    *:not(.topbg) .willkommenbox .raute.transparent > * a:hover, *:not(.topbg) .willkommenbox .raute.transparent > * a:focus {
      box-shadow: inset 0 -40px 0 #fff;
      color: var(--cifarbe1); }
*:not(.topbg) .willkommenbox .raute.transparent .rautelink {
  text-decoration: none;
  color: #fff;
  display: inline-block; }
  *:not(.topbg) .willkommenbox .raute.transparent .rautelink *[class*="headline"] {
    position: relative;
    left: 1rem;
    font-weight: bold; }
  *:not(.topbg) .willkommenbox .raute.transparent .rautelink:hover, *:not(.topbg) .willkommenbox .raute.transparent .rautelink:focus {
    color: #d0dad0; }
    *:not(.topbg) .willkommenbox .raute.transparent .rautelink:hover h2, *:not(.topbg) .willkommenbox .raute.transparent .rautelink:focus h2 {
      text-decoration: underline; }
@media (min-width: 48rem) and (max-width: 60rem) {
  *:not(.topbg) .willkommenbox .raute.transparent {
    background: rgba(255, 255, 255, 0.9); } }
*:not(.topbg) .background1 .willkommenbox .raute.transparent {
  background: rgba(255, 255, 255, 0.9);
  color: var(--cifarbe1); }
  *:not(.topbg) .background1 .willkommenbox .raute.transparent * {
    color: var(--cifarbe1); }
    *:not(.topbg) .background1 .willkommenbox .raute.transparent * .rautelink {
      color: var(--cifarbe1); }
      *:not(.topbg) .background1 .willkommenbox .raute.transparent * .rautelink:hover, *:not(.topbg) .background1 .willkommenbox .raute.transparent * .rautelink:focus {
        color: #d0dad0; }

/*# sourceMappingURL=willkommenbox.css.map */