.JOKA_magdalenas_welt > .content {
  max-width: 100%;
  margin-bottom: 0;
  padding-bottom: 0;
  margin: 0;
  padding: 0; }

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  /* ratio 16x9 */
  height: 0;
  overflow: hidden;
  width: 100%;
  height: auto; }

.embed-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/* ratio 4x3 */
.embed-container.ratio4x3 {
  padding-bottom: 75%; }

a.btn {
  text-decoration: none;
  margin-top: 10px; }
a.btn-primary {
  border-color: black;
  background-color: black; }
  a.btn-primary:hover {
    background-color: #333333;
    border-color: #333333; }

#sideNavigation {
  display: none; }

/**
 * Startseite
 */
.campaign2018 {
  border-bottom: 3px solid black; }
  .campaign2018 .jumbotron {
    background-image: url("/fileadmin/layout/img/JOKA_/campaign2018/Startseite-Kampagne-Magdalenas-Besuch-JOKA.jpg");
    background-size: cover;
    margin: 0;
    padding: 0;
    height: 474px;
    position: relative; }
    @media (max-width: 1199px) {
      .campaign2018 .jumbotron {
        height: 360px; } }
    @media (max-width: 991px) {
      .campaign2018 .jumbotron {
        height: 330px;
        background-position-x: -170px; } }
    @media (max-width: 480px) {
      .campaign2018 .jumbotron {
        height: 275px;
        background-position: -170px 0px; } }
    .campaign2018 .jumbotron .containerK {
      padding: 10px;
      color: black;
      width: 100%;
      position: absolute;
      bottom: 0;
      background: -moz-linear-gradient(left, white 5%, rgba(255, 255, 255, 0) 67%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(left, white 5%, rgba(255, 255, 255, 0) 67%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to right, white 5%, rgba(255, 255, 255, 0) 67%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
      /* IE6-9 */ }
      .campaign2018 .jumbotron .containerK h1 {
        font-weight: 400; }
      .campaign2018 .jumbotron .containerK p {
        font-size: 18px;
        padding-bottom: 2px;
        margin-bottom: 0px; }
      .campaign2018 .jumbotron .containerK .btn {
        display: inline-block;
        background-color: #AF7B8A;
        border-color: #AF7B8A; }
        .campaign2018 .jumbotron .containerK .btn i {
          padding-left: 5px; }
        .campaign2018 .jumbotron .containerK .btn:hover {
          background-color: #9a5d6f;
          border-color: #9a5d6f; }

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