/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/roboto-v29-latin-regular.eot');
  /* IE9 Compat Modes */
  src: local(''), url('/fonts/roboto-v29-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/roboto-v29-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('/fonts/roboto-v29-latin-regular.woff') format('woff'), /* Modern Browsers */ url('/fonts/roboto-v29-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/fonts/roboto-v29-latin-regular.svg#Roboto') format('svg');
  /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/roboto-v29-latin-700.eot');
  /* IE9 Compat Modes */
  src: local(''), url('/fonts/roboto-v29-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/fonts/roboto-v29-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('/fonts/roboto-v29-latin-700.woff') format('woff'), /* Modern Browsers */ url('/fonts/roboto-v29-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('/fonts/roboto-v29-latin-700.svg#Roboto') format('svg');
  /* Legacy iOS */
}
/*
        Hier steht alles, was in <header> oder <footer> stattfindet.
 */
* {
  font-family: 'Roboto', sans-serif;
}
body {
  background-color: #fff;
}
.row.display-flex {
  display: flex;
  flex-wrap: wrap;
}
.row.display-flex > [class*='col-'] {
  display: flex;
  flex-direction: column;
}
h1.content {
  font-size: 56px;
  line-height: 65px;
  color: #333;
}
div.row.title h1 {
  font-size: 26px;
  text-align: center;
  margin-bottom: 37px;
  margin-top: 9px;
  text-transform: uppercase;
}
div.row.title p {
  padding-bottom: 25px;
}
div.row.magazin h2 {
  font-size: 26px;
  text-align: center;
  margin-bottom: 37px;
  margin-top: 9px;
  text-transform: uppercase;
}
div.wrapper_grau {
  background-color: #eaeaea;
}
#black {
  visibility: hidden;
  width: 100%;
  height: 100%;
  z-index: 950;
  background: black;
  position: fixed;
  opacity: 0;
  transition: opacity 0.5s ease, visibility 0s 0.5s;
}
#black.visible {
  visibility: visible;
  opacity: 0.5;
  transition: opacity 0.5s ease;
}
#enforceb2b {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 1050;
  text-align: center;
  vertical-align: middle;
}
#enforceb2b div.blackbackground {
  background: black;
  opacity: 0.5;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
#enforceb2b div.readthis {
  display: inline-block;
  background-color: #ff0000;
  padding: 50px;
  color: white;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -15em;
  margin-top: -10em;
  height: 20em;
  width: 30em;
}
#enforceb2b button {
  margin-top: 20px;
  padding-left: 60px;
  padding-right: 60px;
}
section#content q {
  font-size: 30px;
  line-height: 32px;
  font-style: italic;
}
section#content q::before {
  content: "„";
}
section#content q::after {
  content: "“";
}
div.areas div.area {
  display: none;
}
div.areas div.area.active {
  display: block;
}
.dunkelgrau {
  background-color: #515359;
  padding-top: 60px;
  padding-bottom: 60px;
  color: white;
}
div.errorpage h1 {
  margin-bottom: 20px;
}
div.errorpage strong {
  display: inline-block;
  margin-top: 20px;
}
div.errorpage p {
  margin-bottom: 20px;
}
div.errorpage a.btn {
  width: 100%;
  margin-bottom: 10px;
  position: relative;
  color: #333;
}
div.errorpage a.btn img {
  position: absolute;
  left: 15px;
}
.row.equalheight {
  display: flex;
  flex-wrap: wrap;
}
.row.equalheight > [class*='col-'] {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .is-table-row {
    display: table;
  }
  .is-table-row [class*="col-"] {
    float: none;
    display: table-cell;
    vertical-align: top;
  }
}
/* ####################################################################
   ####################################################################
   ##                                                                ##
   ##   Abweichungen für Größen > XS                                 ##
   ##                                                                ##
   ####################################################################
   ####################################################################
 */
/*    ####################################################################
      #                                                                  #
      #      ##  ##   #####                                              #
      #      ##  ##  ##   ##                                             #
      #       ####   ##                                                  #
      #        ##     #####                                              #
      #       ####        ##                                             #
      #      ##  ##  ##   ##                                             #
      #      ##  ##   #####                                              #
      #                                                                  #
      ####################################################################
 */
@media (max-width: 767px) {
  h1.content {
    font-size: 52px;
    line-height: 58px;
  }
}
/*    ####################################################################
      #                                                                  #
      #       ####   ##   ##                                             #
      #      ##  ##  ### ###    ##                                       #
      #      ##      #######    ##                                       #
      #       ####   ## # ##  ######                                     #
      #          ##  ##   ##  ######                                     #
      #      ##  ##  ##   ##    ##                                       #
      #       ####   ##   ##    ##                                       #
      #                                                                  #
      ####################################################################
 */
@media (min-width: 768px) {
  form.standortwahl input[type=text] {
    width: 239px;
  }
  form.standortwahl button {
    width: initial;
    width: auto;
  }
}
/*    ####################################################################
      #                                                                  #
      #     ##   ##  ####                                                #
      #     ### ###  ## ##                                               #
      #     #######  ##  ##                                              #
      #     ## # ##  ##  ##                                              #
      #     ##   ##  ##  ##                                              #
      #     ##   ##  ## ##                                               #
      #     ##   ##  ####                                                #
      #                                                                  #
      ####################################################################
 */
/*    ####################################################################
      #                                                                  #
      #     ##        #####                                              #
      #     ##       ##   ##                                             #
      #     ##       ##                                                  #
      #     ##       ##  ###                                             #
      #     ##       ##   ##                                             #
      #     ##       ##   ##                                             #
      #     #######   #####                                              #
      #                                                                  #
      ####################################################################
 */
/*    ####################################################################
      #                                                                  #
      #     ##  ##   ##                                                  #
      #     ##  ##   ##                                                  #
      #      ####    ##                                                  #
      #       ##     ##                                                  #
      #      ####    ##                                                  #
      #     ##  ##   ##                                                  #
      #     ##  ##   #######                                             #
      #                                                                  #
      ####################################################################
 */