/*
 * JOKA_
 * Author: B
 *
 */
@font-face {
  font-family: "Gill";
  font-weight: 300;
  font-style: normal;
  src: url('../fonts/1122854/bef137ae-8972-46a3-9a77-f0453736e755.woff') format("woff");
}

@font-face {
  font-family: "Gill";
  font-weight: 300;
  font-style: italic;
  src: url('../fonts/1122857/b9b41545-c394-4b12-9be0-43f81ccc3aa9.woff') format("woff");
}

@font-face {
  font-family: "Gill";
  font-weight: 400;
  font-style: normal;
  src: url('../fonts/1122863/39ede25d-544d-4537-8668-3e9af68a26ec.woff') format("woff");
}



* {
  border: 0;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
  /* border-color: #000!important; */
}

html {
  box-sizing: border-box;

  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

  *, *:before, *:after {
    box-sizing: inherit;
  }

body {
  background: #fff;
  color: #000;
  font-size: 16px;
  font-family: "Gill", Arial, sans-serif;
  line-height: 1.5;
  text-align: left;
  overflow-y: scroll;
}

body.page907, body.page916 {
  background: #fff url('/fileadmin/layout/img/JOKA_/hg.jpg') repeat center center scroll;
}

nav, footer {
  display: block;
}

.JOKA_index {
  font-size: 1em;
}

/*
input, textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
*/


/*
 * KACHELN
 *
 */

.kacheln {
  overflow: hidden;
  background: #000;
  color: #fff;
  margin: 4.2em 0 0;
}

  .kachelRows {
    max-width: 66.667em;
    width: 100%;
    margin: 0 auto;
    position: relative;
    border: 4px solid red;
  }

    .kachelRow {
      float: left;
    }

    .kachelRow:nth-child(1) {
      border: 4px solid red;
      max-width: 304px;
      width: 100%;
      position: absolute;
      left: -300px;
      bottom: -4px;

      display: none;
    }

    .kachelRow:nth-child(2) {
      border: 4px solid red;
      max-width: 304px;
      width: 100%;
      position: absolute;
      left: -300px;
      top: -4px;

      display: none;
    }

    .kachelRow:nth-child(3) {
      max-width: 33.333em;
      width: 100%;
    }

    .kachelRow:nth-child(4) {
      max-width: 33.333em;
      width: 100%;
    }

    .kachelRow:nth-child(5) {
      border: 4px solid red;
      max-width: 304px;
      width: 100%;
      position: absolute;
      right: -300px;
      top: -4px;

      display: none;
    }

    .kachelRow:nth-child(6) {
      border: 4px solid red;
      max-width: 304px;
      width: 100%;
      position: absolute;
      right: -300px;
      bottom: -4px;

      display: none;
    }

      .kachel {
        height: 100%;
        float: left;
        border: 4px solid red;
        position: relative;
        overflow: hidden;
      }

        .kachelRow:nth-child(4) > .g100:first-child .kachel {
           height: 50%;
        }

        .kachel a span {
          background: rgba(0,0,0,.5);
          position: absolute;
          top: 0;
          left: 0;
          bottom: 0;
          right: 0;
          display: none;
        }

        .kachel a:hover span {
          display: block;
        }

  .kachelRow:nth-child(3) > .g100:first-child, .kachelRow:nth-child(4) > .g100:first-child {
    height: 100%;
    max-height: 592px;
  }

    .kachelRow:nth-child(4) > .g100:first-child .kachel {
      border-left: 8px solid red;
      border-top: 0;
      border-right: 0;
      top: 0;
      bottom: auto;
      width: 50.7%;
    }

    .kachelRow:nth-child(4) > .g100:first-child .kachel.one {
      border: 0;
      width: 49.3%;
      height: 100%;
      left: 0;
      top : 0;
    }

    .kachelRow:nth-child(4) > .g100:first-child .kachel.three {
      border-top: 4px solid red;
      border-bottom: 0;
      width: 50.7%;
    }

    .kachelRow:nth-child(4) > .g100:first-child .kachel.three {
      top: auto;
      bottom: 0;
    }

    .kachelRow:nth-child(4) > .g100:last-child .kachel {
      border: 0;
    }

    .kachelRow:nth-child(4) > .g100:last-child .kachelTextContainer {
      /*padding-left: 1.444em;*/
    }

  .kachelTextContainer {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 1em;
    color: #fff;
    /*text-shadow: 1px 1px 0 rgba(0, 0, 0, .25);*/
  }

    .kachelText p {
      line-height: 1.25;
    }

  .kachelRow:nth-child(3) > .g100:first-child .kachelTextContainer {
    bottom: 5em;
  }

  .g50 .kachelTextContainer {
    bottom: auto;
    top: 0;
    padding: .5em .5em 0;
  }

  .kachelButton {
    background: #000;
    color: #fff;
    padding: .2em .5em;
    margin: 1em 0 0;
    display: none;
  }

    .kachelRow:nth-child(3) > .g100:first-child .kachelButton {
      position: absolute;
      left: 0;
      bottom: 0;
      padding: .35em .5em .15em;
      font-style: italic;
      font-size: 1.5em;
      font-family: "Gill", Arial, sans-serif;
      line-height: 1;
      display: inline-block;
    }



.g100 {
  width: 100%;
  overflow: hidden;
}


  .ym-g33 {
    width: 100%;

  }

  .ym-g66 {
    width: 100%;

  }
  .ym-g80 {
    width: 100%;

  }
  .ym-g20 {
    width: 100%;

  }

.g50 {
  width: 50%;
  overflow: hidden;
}

.abs {
  position: absolute;
  right: 0;
  bottom: 0;
}

.clear, .clearfix, .ym-clearfix {
  clear: both;
}

  .kachel + .kachel {

  }

    .kachelRow:nth-child(3) .kachel:nth-child(2) + .kachel {
      
    }

.kachelImage {
  height: 100%;
}



/* sportiv */

.intro {
  padding: 2em 0 0;
  font-weight: 300;
}

  .intro > .content, .werbepartner > .content {
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding: 3em 8px;
    max-width: 33em;
  }

  .intro .KachelContentGrid:first-of-type .ym-g50:first-child .center {
    margin: 0 0 1.5em;
  }

  .intro .KachelContentGrid:first-of-type .ym-g50 + .ym-g50 {
    padding: 1em 0 0 0;
  }

@media (min-width: 1000px) {

  .intro > .content, .werbepartner > .content {
    max-width: 66.667em;
  }

  .intro .KachelContentGrid:first-of-type .ym-g50:first-child {
    padding-right: 1.5em;
  }

  .intro .KachelContentGrid:first-of-type .ym-g50:first-child .center {
    /* margin: 9.25em 0 0; md-swe */
    margin: 1.5em 0 0;
  }

  .intro .KachelContentGrid:first-of-type .ym-g50 + .ym-g50 {
    padding: 0 0 0 1.5em;
  }

}

.intro h2 {
  font-weight: 400;
}

.intro h3, .intro h4, .intro h5, .intro h6 {
  margin: 0 0 .8em;
  line-height: 1.2;
}

.intro p + p {
  margin: 1em 0 0;
}


.werbepartner {
  background: rgb(0, 0, 0) none repeat scroll 0% 0%;
  color: #fff;
}

  .sportivKachelRows {
    margin: 0 auto;
  }

    .sportivKachelRow {
      width: 100%;
      position: relative;
      overflow: hidden;
      border-bottom: 8px solid #000;
      max-height: 296px;
    }

@media (min-width: 1000px) {

    .sportivKachelRow {
      float: left;
      width: 50%;
    }

      .sportivKachelRow:nth-child(odd) {
        border-right: 4px solid #000;
      }

      .sportivKachelRow:nth-child(even) {
        border-left: 4px solid #000;
      }

}

    .sportivKachelRowContainer a {
      background: transparent;
      color: #fff;
      text-decoration: none;
    }

        .sportivKachelRowContainer a span {
          background: rgba(0, 0, 0, .5);
          position: absolute;
          top: 0;
          left: 0;
          bottom: 0;
          right: 0;
          display: none;
        }

        .sportivKachelRowContainer a:hover span {
          display: inline-block;
        }

      .sportivKachel {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        border-left: 8px solid red;
      }

      .sportivKachel.g50 {
        width: 100%;
        border: 0;
      }

        .sportivKachelTextContainer {
          margin: 1.5em 1em 0;
        }

          .sportivKachelTextContainer h1, .sportivKachelTextContainer h2, .sportivKachelTextContainer h3, .sportivKachelTextContainer h4, .sportivKachelTextContainer h5, .sportivKachelTextContainer h6 {
            font-size: 1.8em;
            margin: 0 0 .6em;
            position:absolute;
            bottom:0;
          }

          .sportivKachelTextContainer p {
            line-height: 1.25;
            display: none;
          }

          .sportivKachelTextContainer .sportivKachelButton {
            background: #000 none repeat scroll 0% 0%;
            color: #FFF;
            padding: 0.2em 0.5em;
            margin: 1em 0px 0px;
            display: none;
          }


@media screen and (max-width: 599px) {
          .sportivKachelTextContainer h1, .sportivKachelTextContainer h2, .sportivKachelTextContainer h3, .sportivKachelTextContainer h4, .sportivKachelTextContainer h5, .sportivKachelTextContainer h6 {
            /*font-size: 1.8em;
            margin: 0 0 .6em;*/
            position: absolute;
            bottom: 0;
            left: 0;
            font-style: italic;
            font-size: 1.5em;
            font-weight: 400;
            font-family: "Gill",Arial,sans-serif;
            line-height: 1;
            background: #000;
            color: #FFF;
            padding: .35em .5em;
            margin: 0;
          }
}

@media screen and (max-width: 999px) {
.KachelContentGrid .ym-g50.ym-gl, .KachelContentGrid .ym-g50.ym-gr {
 float: none;
}
}

@media screen and (min-width: 600px) {

  .sportivKachel.g50 {
    width: 50%;
    border-left: 8px solid #000;
  }
  .sportivKachelTextContainer h1, .sportivKachelTextContainer h2, .sportivKachelTextContainer h3, .sportivKachelTextContainer h4, .sportivKachelTextContainer h5, .sportivKachelTextContainer h6 {
    position:static;
    bottom:auto;
  }
  .sportivKachelTextContainer p {
    display: block;
  }

  .sportivKachelTextContainer .sportivKachelButton {
    display: inline-block;
  }
}


@media screen and (min-width: 1000px) and (max-width: 1200px) {
  .sportivKachelTextContainer .sportivKachelButton {
    display: none;
  }
}
      .sportivKachelImage img {
        height: 100%;
        width: 100%;
        float: left;
      }



/* sportiv_detail */

.JOKA_sportiv_detail > .content {
  font-weight: 300;
}

.JOKA_sportiv_detail > .content ul {
  margin-left: 1em;
}

.JOKA_sportiv_detail > .content ul.slides {
  margin: 0;
}

.videofooter {
  background: #000;
  color: #fff;
}

.JOKA_sportiv .intro {
  padding: 0;
}



a {
  color: #000;
  background: transparent;
  text-decoration: underline;
}

























/*
 * HEADER IMG
 *
 */
.headerImg {
  overflow: hidden;
  margin: 5em 0 0;
  color: #fff;
}

.headerImgWrapper {
  margin: 0 auto;
  background-position: center center;
  position: relative;
  background-size: 100% 100%;
  padding-top: 30%;
}

.headerImgContainer {
  margin: 0px auto;
  max-width: 1200px;
  width: 100%;
  position: relative;
}

.headerImgButton {
  font-style: italic;
  font-size: 1.5em;
  font-weight: 400;
  font-family: "Gill", Arial, sans-serif;
  line-height: 1;
  background: #000;
  color: #fff;
  position: absolute;
  bottom: 0;
  padding: .35em .5em;
}

.headerImgText {
  bottom: 5em;
  position: absolute;
  right: 5%;
}

.JOKA_sportiv_detail .headerImgText {
  max-width: 20em;
  bottom: 1em;
  right: auto;
  left: 0;
}

.JOKA_sportiv_detail .headerImgButton {
  display: none;
}


@media (min-width: 1000px) {

  .headerImgWrapper {
    
  }

  .headerImgButton {
    font-size: 2.333em;
  }

  .JOKA_sportiv_detail .headerImgText {
    bottom: 5em;
    right: 5%;
    left: auto;
  }

}

@media (max-width: 999px) {

  .JOKA_sportiv_detail .headerImgText h1 {
    font-style: italic;
    font-size: 1.5em;
    font-weight: 400;
    font-family: "Gill",Arial,sans-serif;
    line-height: 1;
    background: #000;
    color: #FFF;
    padding: 0.35em 0.5em;
    margin: 0;
  }

  .JOKA_sportiv_detail .headerImgText p {
    display: none;
  }

  .JOKA_magdalenas_welt .headerImgText {
    display: none;
  }

  .JOKA_sportiv_detail .headerImgText {
    max-width: 100%;
    bottom: 0;
    margin-left: 0;
  }

}

.JOKA_sportiv_detail h3 {
  font-size: 25px;
}
.JOKA_sportiv_detail h4 {
  font-size: 22px;
}
.JOKA_sportiv_detail h5 {
  font-size: 20px;
}
.JOKA_sportiv_detail h6 {
  font-size: 18px;
}

/*
 * CONTENT
 *
 */

.JOKA_index > .content, .JOKA_magdalenas_welt > .content, .JOKA_sportiv > .content, .JOKA_sportiv_detail > .content, .videofooter > .content {
  max-width: 66.667em;
  width: 100%;
  margin: 0 auto;
  position: relative;
  padding: 3em 8px;
}

@media (max-width: 768px){
  .JOKA_index > .content, .JOKA_magdalenas_welt > .content, .JOKA_sportiv > .content, .JOKA_sportiv_detail > .content, .videofooter > .content {
    padding: 1em 8px;
  }
}

.JOKA_sportiv_detail>.breadcrumb+.content {
  padding-top: 0;
}


.JOKA_magdalenas_welt > .content {
  margin: 0 auto 2em;
}

.JOKA_magdalenas_welt > .content h2 {
  font-weight: 400;
}

.JOKA_magdalenas_welt > .content h3, .JOKA_magdalenas_welt > .content h4, .JOKA_magdalenas_welt > .content h5, .JOKA_magdalenas_welt > .content h6 {
  margin: 0 0 .8em;
}

.JOKA_magdalenas_welt > .content p {
  font-weight: 300;
  line-height: 1.25;
}

.JOKA_magdalenas_welt > .content p + p {
  margin: 1em 0 0;
}

.JOKA_magdalenas_welt .KachelContentGrid .ym-g33, .JOKA_magdalenas_welt .KachelContentGrid .ym-g66 {
  position: relative;
}

.JOKA_magdalenas_welt .KachelContentGrid .ym-g20, .JOKA_magdalenas_welt .KachelContentGrid .ym-g80 {
  position: relative;
}


.margin-s, .margin-l, .margin-xl,
.frame-custom-5, .frame-custom-6, .frame-custom-7  {
  margin: 1em 0 1em;
}

.margin-text {
  margin: 1em 0 0;
}
.frame-custom-8 {
  padding: 1em 0 0;
}




.JOKA_magdalenas_welt .KachelContentGrid img {
  width: 100%;
  height: 100%;
}


/* FCE: KachelContentGrid_ ... */

.KachelContentGrid {

}

  .KachelContentGrid + a + .KachelContentGrid {
    margin: 1.5em auto 0;
  }

  .JOKA_index .KachelImageTextText h1, .JOKA_index .KachelImageTextText h2, .JOKA_index .KachelImageTextText h3, .JOKA_index .KachelImageTextText h4, .JOKA_index .KachelImageTextText h5, .JOKA_index .KachelImageTextText h6 {
    font-size: 2em;
  }
    
  .JOKA_magdalenas_welt .KachelContentGrid + a + .KachelContentGrid {
    margin: 8px auto 0;
  }

    .ym-gl + .ym-gl {
      padding: 1.5em 0 0 0;
    }

  .ym-gl {
    float: left;
  }

  .ym-g33 + .ym-g66.ym-gl {
    float: right;
  }

  .ym-g66 + .ym-g33.ym-gl {
    float: right;
  }
.ym-g80 + .ym-g20.ym-gl {
  float: right;
}

/* FCE: KachelImageText */

.KachelImageText {
  position: relative;
}

  .ym-g33 .KachelImageTextText {
    min-height: 150px;
  }

    .JOKA_index .ym-g66 .KachelImageTextText {
      min-height: 150px;
    }
    .JOKA_index .ym-g80 .KachelImageTextText {
      min-height: 150px;
    }
    .JOKA_index .ym-g20 .KachelImageTextText {
      min-height: 150px;
    }

  .KachelImageTextText {
    background: #000;
    color: #fff;
    padding: 1.5em 1em;
    position: relative;
    z-index: 7;
  }

    .KachelImageTextText p {
      line-height: 1.25;
    }

.JOKA_sportiv .KachelImageTextImage {
  height: 387px;
  overflow: hidden;
}

.KachelImageTextImage img {
  max-width: 100%;
  width: 100%;
  /*height: auto;*/
  float: left;
}

@media (max-width: 1000px) {
  .ym-g33 .KachelImageTextImage img {
    height: 100%;
  }
}

#c19812 .KachelImageTextImage img {
  max-height: 380px;
}

/* FCE: KachelText */

.KachelText {
  position: relative;
  background: #000;
}

  .KachelText .KachelTextButton {
    font-weight: 400;
  }


@media (min-width: 1100px) {

  .KachelText {
    margin-left: -1.5em;
  }

}

@media (min-width: 1300px) {

  .KachelText {
    margin-right: -1.5em;
  }

}

.kachelText p {
  display: none;
}

  .KachelTextContainer {
    background: #000;
    color: #fff;
    padding: 1.5em 1.5em 3em;
    position: relative;
    z-index: 7;
  }

  .KachelTextButton {
    background: #fff;
    color: #000;
    padding: .2em .5em;
    margin: 1em 0 0;
    display: inline-block;
  }




/*
 * GLOBALER KRAM
 *
 */

.kachelImage img {
  /* JKA
  max-width: 100%;
  width: 100%;
  height: auto;*/
  float: left;
}

  h1, h2, h3, h4, h5, h6 {
    font-weight: 300;
    font-size: 2.333em;
    font-family: "Gill", Arial, sans-serif;
    line-height: 1;
    margin: 0 0 .25em;
  }

  h4{
    font-size: 1.5em;
  }
@media (max-width: 768px){
  h1, h2, h3, h4, h5, h6{
    font-size: 2em;
  }

}

i, em {
  font-style: italic;
}

b, strong {
  font-weight: 400;
}

  .kacheln a, .KachelText a, .KachelImageText a {
    background: transparent;
    color: #fff;
    text-decoration: none;
    display: block;
  }


    .KachelText a span, .KachelImageText a span {
      background: rgba(0,0,0,.5);
      position: absolute;
      top: 0;
      left: 0;
      bottom: 1em;
      right: 0;
      display: none;
      z-index: 6;
    }

      .KachelText a:hover span, .KachelImageText a:hover span {
        display: block;
        cursor: pointer;
      }

figure img {
  float: left;
  max-width: 100%;
  height:auto;
  /* JKA
  width: 100%;*/
}

.ym-gr {
  float: right;
}




/*
 * Footer
 *
 */

footer {
  background: #000;
}

footer .content {
  max-width: 66.222em;
  width: 100%;
  margin: 0 auto;
  left: -4px;
  position: relative;
  padding: 0 1.444em 1em;
}


footer .footerbox {float: left; min-height: 100px;}
footer .social {width: 20%;}
footer .service {width: 26%;}
footer .company {width: 34%;}
footer .information {width: 20%;}
footer .legal {font-family: "Gill";}
footer .content .social ul li { background: none; padding: 0; margin:0 5px 0 0; float:left; display: inline-block; width: 26px; height: 26px; }
footer .content .social ul li:hover { background: none;}
footer .content .social ul li a.linkToPinterest { background: url("/fileadmin/layout/img/JOKA_/icon-pinterest.png") no-repeat 0 0 transparent; display: inline-block; height: 26px; overflow: hidden; text-indent: -100px; width: 26px;}
footer .content .social ul li a.linkToPinterest:hover { background: url("/fileadmin/layout/img/JOKA_/icon-pinterest.png") no-repeat 0 0 transparent;}
footer .content .social ul li a.linkToFacebook { margin-top:1px; background: url("/fileadmin/layout/img/JOKA_/icon-facebook.png") no-repeat 0 0 transparent; display: inline-block; height: 26px; overflow: hidden; text-indent: -100px; width: 26px;}
footer .content .social ul li a.linkToFacebook:hover { background: url("/fileadmin/layout/img/JOKA_/icon-facebook.png") no-repeat 0 0 transparent;}
footer .content .social ul li a.linkToInstagram { margin-top: 1px; background: url("/fileadmin/layout/img/JOKA_/instagram-joka.png") no-repeat 0 0 transparent; display: inline-block; height: 26px; overflow: hidden; text-indent: -100px; width: 26px;}
footer .content .social ul li a.linkToInstagram:hover { background: url("/fileadmin/layout/img/JOKA_/instagram-joka.png") no-repeat 0 0 transparent;}
footer .content .social ul li a.linkToBlog {background: url("../img/joka_sprite.png") no-repeat -79px -257px transparent; display: inline-block; height: 26px; overflow: hidden; text-indent: -100px; width: 26px;}
footer .content .social ul li a.linkToBlog:hover {background-position: -105px -257px;}
footer .content .social ul li a.linkToYouTube{background:url('../img/joka_sprite.png') no-repeat -77px -230px transparent;display:inline-block;height:26px;overflow:hidden;text-indent:-100px;width:26px}
footer .content .social ul li a.linkToYouTube:hover{background:url('../img/joka_sprite.png') no-repeat -77px -284px transparent;}
footer .footerbox .footerheadline {margin: 24px 0 10px 0; color: #999; font-size: 18px;}

footer .footerbox ul {padding: 0; margin: 0;}
footer .footerbox ul li {list-style-type: none; padding: 6px 0 6px 12px; line-height: 10px; display: block; background: url(../img/joka_sprite.png) -121px -791px transparent no-repeat; margin-left:0; }
footer .footerbox ul li:hover {background: url(../img/joka_sprite.png) -121px -811px transparent no-repeat;}
footer .footerbox ul li a {text-decoration: none; color: #999; font-size: 12px; line-height: 14px;}
footer .footerbox ul li:hover a {color: #fff;}

footer .legal {font-size: 14px; width: 100%; padding: 10px 0 0 0; color: #999; line-height: 20px; vertical-align: middle;}
footer .legal span {font-size: 12px; text-align: left;}


footer.company-information .social {
    width: 13%;
}
footer.company-information .service {
    width: 18%;
}
footer.company-information .company {
    width: 25%;
}
footer.company-information .information {
    width: 15%;
}
footer.company-information .company-info {
    width: 330px;

}

footer.company-information .company-info .footerheadline {
  color: #999;
  font-size: 12px;
  text-align: right;
  margin-bottom: 5px;
}

@media (max-width: 800px) {

  footer.company-information .social {width: 50%;}
  footer.company-information .service {width: 50%;}
  footer.company-information .company {width: 50%;}
  footer.company-information .information {width: 50%;}

}

@media (max-width: 550px) {

  footer.company-information .social {width: 100%;}
  footer.company-information .service {width: 100%;}
  footer.company-information .company {width: 100%;}
  footer.company-information .information {width: 100%;}

}

/*
 * KPWIEDATDINGSICHNENNT
 *
 */

#sideNavigation {
  position: fixed;
  z-index: 1000;
  top: 46%;
  right: 0px;
  width: 44px;
  min-height: 108px;
  display: none;
}

#sideNavigation span {
  text-align: center;
}

#sideNavigation span a {
  display: inline-block;
  background: #000;
  line-height: 44px;
  width: 3.5em;
  margin: 0 0 .25em 0em;
  padding: 0 1em .2em 0;
  transition: margin .3s ease;
}

  #sideNavigation span a:hover {
    margin: 0 0 .25em -1em;
  }

#sideNavigation span a img {
  vertical-align: middle;
}

  #sideNavigation .productfinder {
    height: 168px;
  }

    #sideNavigation .productfinder a {
      background: #000 none repeat scroll 0% 0%;
      color: #FFF;
      text-decoration: none;
      line-height: 44px;
      text-align: center;
      position: absolute;
      left: -44px; 
      bottom: 44px;
      display: inline-block;
      width: 168px;
      text-transform: uppercase;
      padding: 0 0 2em 0;
      -ms-transform: rotate(-90deg);
      -webkit-transform: rotate(-90deg);
      transform: rotate(-90deg);
      transition: left .3s ease;
    }

    #sideNavigation .productfinder a:hover {
      left: -62px;
    }




/*
 * MAGIC!
 *
 */
@media (min-width: 400px) {

  .kachelText p {
    display: block;
  }

  .g50 .kachelTextContainer {
    padding: 1.5em 1em 0;
  }

}


@media (min-width: 500px) {

  body {
    font-size: 18px;
  }

  h1, h2, h3, h4, h5, h6 {
  /*  font: normal normal 300 3em/1 "Gill", Arial, sans-serif;*/
  }

  .kachelButton {
    background: #000;
    color: #fff;
    padding: .2em .5em;
    margin: 1em 0 0;
    display: inline-block;
  }

    .kachelRow:nth-child(3) > .g100:first-child .kachelButton {
      font-size: 2.333em;
    }

#sideNavigation {
  display: block;
}

.margin-s, .frame-custom-5 {
  margin: 8px 0 0;
}

.margin-l, .frame-custom-6 {
  margin: 2em 0 0;
}

.margin-xl, .frame-custom-7 {
  margin: 6em 0 0;
}

.margin-text {
  margin: 1.5em 0 0;
}
.frame-custom-8 {
  padding: 1.5em 0 0;
}
  


}

@media (min-width: 530px) {

  .kachelRows {
    width: 33em;
  }

  .KachelContentGrid {
    max-width: 33em;
    width: 100%;
    margin: 0 auto;
  }

  .kachelRow:nth-child(2), .kachelRow:nth-child(5) {
    display: block;
  }

  .kachelRow:nth-child(1), .kachelRow:nth-child(6) {
    display: block;
  }

}

@media (min-width: 1000px) {

.ym-g50 {
  width: 50%;
}

.margin-text {
  margin: 1.5em 1em 0;
}

    .kachelRow:nth-child(1) {
      left: -592px;
      top: -4px;
      bottom: auto;
    }

    .kachelRow:nth-child(6) {
      right: -592px;
      top: -4px;
      bottom: auto;
    }

  .KachelContentGrid {
    max-width: 100%;
    width: 100%;
  }

  .KachelContentGrid + a + .KachelContentGrid {
    margin: 1.5em 0 0;
  }

     .KachelContentGrid:first-of-type .ym-g33:first-of-type .KachelImageTextText {
       top: -1px;
     }

  .ym-g33 {
    width: 33.333%!important;
    /* JKA 30.07.20 */
    /*padding-left: 8px;*/
  }
  .ym-g33:first-child {
    /*margin-left: -8px;*/
  }

  .ym-g66 {
    width: 66.666%!important;
  }
  .ym-g80 {
    width: 80%!important;
  }
  .ym-g20 {
    width: 20%!important;
  }

    .ym-gl + .ym-gl {
      padding: 0 0 0 8px;
    }

  .kachelRows {
    width: 100%;
  }

  .kachelRow:nth-child(3) {
    width: 50%;
  }

  .kachelRow:nth-child(4) {
    width: 50%;
  }

}

@media (min-width: 1200px) {



      .kachel {
        height: 296px;
      }

    .kachelRow:nth-child(4) > .g100:last-child .abs {
      bottom: -8px;
    }

.kachelRowsLeft, .kachelRowsRight {
  border: 4px solid #F00;
  max-width: 304px;
  width: 100%;
  position: absolute;
}

  .g50 .kachelTextContainer {
    padding: 2em 1em 0;
  }

}


@media (min-width: 1000px) and (max-width: 1300px) {

.kachelText h2 {
    font-size: 1.85em;
}

}




@media (max-width: 999px) {

.kachelRow:nth-child(1) .kachel, .kachelRow:nth-child(6) .kachel, .kachelRow:nth-child(2) .kachel, .kachelRow:nth-child(5) .kachel {
  max-height: 293px;
}

}










.pinterestBoardWrapper {
  width: 100%;
  margin: auto;
}

.pinterestBoard {
  margin: auto;
  text-align: center;
}

.pinterestBoard > span {
  overflow: hidden;
  width: 100%!important;
  box-shadow: 0 !important;
  border-radius: 0 !important;
}

@media (max-width: 1024px) {

  .pinterestBoard > span > span:nth-child(2) {
    overflow: hidden;
  }

}














.joka-product-lightbox,
.tx-jokaproductlightbox {
  position: relative;
}

.tx-jokaproductlightbox-lightbox-product-title,
.joka-product-lightbox-lightbox-product-title {
  font-weight: 300;
  font-size: 1.6em;
  line-height: 1.2;
  padding-top: .5em;
  margin-bottom: 1em;
}


.tx-jokaproductlightbox-lightbox-product-description,
.joka-product-lightbox-lightbox-product-description {
  font-weight: 300;
}


.tx-jokaproductlightbox img,
.joka-product-lightbox img {
  display: block;
}

.tx-jokaproductlightbox-lightbox-product-image,
.joka-product-lightbox-lightbox-product-image {
  width: 50%;
  float: left;
  margin: 0 1em 0 0;
  overflow: hidden;
}


.tx-jokaproductlightbox-lightbox-product-image img,
.joka-product-lightbox-lightbox-product-image img {
  max-width: 100%;
  height: auto;
  float: left;
}

.tx-jokaproductlightbox .tx-jokaproductlightbox-lightbox-link-container {
  position: absolute;
  bottom: 1em;
  right: 1em;
}

.tx-jokaproductlightbox a {
  background: #000;
  color: #fff;
  text-decoration: none;
  padding: .25em .5em .25em 1em;
  font-weight: 400;
}

.tx-jokaproductlightbox a::before {
  content: 'i';
  background: #fff;
  line-height: 1.4;
  color: #000;
  height: 1.5em;
  width: 1.5em;
  font-weight: 700;
  font-size: 1.4em;
  text-align: center;
  border-radius: 1.5em;
  position: absolute;
  font-style: italic;
  left: -1.15em;
  top: -.25em;
}

.tx-jokaproductlightbox a:hover::before {
  background: #000;
  color: #fff;
  box-shadow: 1px 0px 0px 0px #666;
}


.joka-product-lightbox-lightbox-product-buttons,
.joka-product-lightbox-lightbox-product-buttons {
  margin: 2em 0 0;
}


.joka-product-lightbox-lightbox-product-memo-button,
.joka-product-lightbox-lightbox-product-memo-button {
  display: inline-block;
}

.memo-with-text {
  display: inline-block;
  padding: 0px 24px;
  line-height: 28px;
  background: #e8e6e2;
  color: #333;
}

.memo-with-text:hover {
  background: #000;
  color: #fff !important;
  cursor: pointer;
}

.memo-with-text span.memoLinkIcon {
  margin-top: 3px;
  background: transparent url(../img/joka_sprite.png) no-repeat scroll -48px -1304px;
  height: 30px;
  width: 30px;
  display: inline-block;
}

.memo-with-text span.memoLinkIconHover {
  background-position: -100px -176px;
}

.memo-with-text span.onWishlistIcon {
  background-position: -100px -176px;
}

.memo-with-text span.onWishlistIconHover {
  background-position: -100px -176px;
}

.memo-with-text.onWishlist {
  background: #000;
  color: #fff !important;
}


.joka-product-lightbox-lightbox-product-detailpage-button,
.joka-product-lightbox-lightbox-product-detailpage-button {
  display: inline-block;
  margin: 0px 0px 0px 1em;
}

a.button {padding: 8px 34px 6px; background: #000; color: #fff; text-decoration: none;}
a.button:hover {background: #e8e6e2; color: #333;}

a.button.system {background: #e8e6e2; color: #333;}
a.button.system:hover {background: #000; color: #fff !important;}






/*Slider - Impressionen*/
a.flex-next { background: #fff url('../img/joka_sprite.png') -104px -873px no-repeat; opacity: 1; }
a.flex-next:hover { background: #111 url('../img/joka_sprite.png') -104px -923px no-repeat; opacity: 1; }
a.flex-prev { background: #fff url('../img/joka_sprite.png') 9px -873px no-repeat; opacity: 1; }
a.flex-prev:hover { background: #111 url('../img/joka_sprite.png') 9px -923px no-repeat; opacity: 1; }

.flex-direction-nav .flex-next { right: 0px; opacity: 1; font-size: 0;}
.flex-direction-nav .flex-prev { left: 0px; opacity: 1; font-size: 0;}
.flexslider:hover .flex-prev { left: 0px; }
.flexslider:hover .flex-next { right: 0px; }

/*Slider Bild-Größen-Anpassung*/
.tx-ws-flexslider {overflow: hidden;}
.flexslider .slides img { width:auto; height:auto; }









.KachelText span.KachelTextButton {
  position: relative;
  display: inline-block;
  background: transparent;
  margin: 0;
  padding: 0;
}

.KachelText a {
  background: #fff;
  color: #000;
  display: inline-block;
  margin: 1em 0 0;
  padding: 0.2em 0.5em;
}



.breadcrumb {
  max-width: 66.667em;
  width: 100%;
  margin: 0 auto;
  position: relative;
  padding: .5em 8px;
  font-weight: 300;
}

@media (max-width: 480px){
  .breadcrumb{
    max-height: 30px;
    overflow: hidden;
  }
}

.breadcrumb ul{
  padding-left: 0px;
}

.breadcrumb li {
  display: inline-block;
}

.breadcrumb li:first-child a {
  text-indent: 1000px;
  text-decoration: none;
}

.breadcrumb li a, #main .breadcrumb li .active {
  display: inline-block;
}

.breadcrumb li:first-child {
    background: transparent url("../img/joka_sprite.png") no-repeat scroll 0px -338px;
    width: 20px;
    height: 16px;
    overflow: hidden;
}

.breadcrumb li:first-child:hover {
    background: transparent url("../img/joka_sprite.png") no-repeat scroll -105px -338px;
}

.breadcrumb li + li {
    border-left: 1px solid rgb(0, 0, 0);
    padding: 0px 0 0 10px;
    line-height: 16px;
    margin: 0 0 0 10px;
}




@media (max-width: 1000px) {
  .kachelRow:nth-child(4) > .g100:last-child img {
    max-height: 285px;;
  }
}
@media (max-width: 400px) {

  body.page916 h1, body.page916 h2, body.page916 h3, body.page916 h4, body.page916 h5, body.page916 h6 {
    font-size: 1.9em;
  }

}
@media (max-width: 350px) {

  body.page916 h1, body.page916 h2, body.page916 h3, body.page916 h4, body.page916 h5, body.page916 h6 {
    font-size: 1.7em;
  }

}







@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {
 .kachel a:hover span, .KachelText a:hover span, .KachelImageText a:hover span {
   display: none!important;
 }

}








  .newsListMorelink {
    
  }

  .newsListMorelink.large {
    display: none;
  }

.JOKA_sportiv .newsListMorelink.large {
  margin: 0 0 3em;
}

@media (max-width: 500px) {

  .newsListMorelink {
    text-align: center;
  }

  .newsListMorelink.large {
    display: block;
  }

  .newsListMorelink.large a {
    width: 100%;
    font-size: 2em;
    font-weight: 300;
    margin: 0;
    line-height: 1.5;
    height: 1em;
    vertical-align: middle;
    padding: .25em 0 0;
    display: table;
  }

}

    .newsListMorelink a {
      background: #000;
      color: #fff;
      text-decoration: none;
      padding: .2em .5em;
      margin: 1em 0 0;
      display: inline-block;
    }

















/* JOKA AUSBILDUNG */
#JOKAAB #sideNavigation .productfinder {
  display: none;
}

#JOKAAB .JOKA_magdalenas_welt > .content {
  margin: 0;
}

#JOKAAB .JOKA_magdalenas_welt > .content {
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  position: relative;
  padding: 0;
}

#JOKAAB .JOKA_magdalenas_welt > .content img, #JOKAAB .headerImg img {
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
}

#JOKAAB .JOKA_magdalenas_welt > .content .KachelImageText a span {
  bottom: 0;
}

#JOKAAB .content ul {
  margin: 0 0 0 1em;
  font-weight: 300;
  line-height: 1.35;
}

#JOKAAB .content p {
  line-height: 1.35;
}

#JOKAAB .full-width-container {
  background: #000;
  color: #fff;
}

#JOKAAB .full-width-center + a + .full-width-center {
  border-top: 1px solid #000;
}

#JOKAAB .full-width-center {
  max-width: 66.667em;
  width: 100%;
  margin: 0 auto;
  position: relative;
  padding: 3em 8px;
}

@media (min-width: 530px) {

  #JOKAAB .full-width-center {
    max-width: 33em;
    width: 100%;
    margin: 0 auto;
  }

}

@media (min-width: 1000px) {

  #JOKAAB .full-width-center {
    max-width: 66.667em;
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding: 3em 8px;
  }

}

#JOKAAB .JOKA_magdalenas_welt > .content h3, #JOKAAB .JOKA_magdalenas_welt > .content h4, #JOKAAB .JOKA_magdalenas_welt > .content h5, #JOKAAB .JOKA_magdalenas_welt > .content h6 {
  font-size: 2em;
} 

#JOKAAB .JOKA_magdalenas_welt > .content h2, #JOKAAB .JOKA_magdalenas_welt > .content h3, #JOKAAB .JOKA_magdalenas_welt > .content h4, #JOKAAB .JOKA_magdalenas_welt > .content h5, #JOKAAB .JOKA_magdalenas_welt > .content h6 {
  margin: 0 0 .5em;
}

#JOKAAB .JOKA_magdalenas_welt > .content h2 + h3 {
  margin-top: -.5em;
}

#JOKAAB .JOKA_magdalenas_welt > .content .margin-text {
  margin: 0 1em 0 0;
}
#JOKAAB .JOKA_magdalenas_welt > .content .frame-custom-8 {
  padding: 0 1em 0 0;
}

#JOKAAB .JOKA_magdalenas_welt .KachelContentGrid + a + .KachelContentGrid {
  margin: 0 auto;
}

#JOKAAB .full-width-container .ym-g33, #JOKAAB .grid_25 {
  border: 4px solid #000;
  padding: 0;
}

#JOKAAB .JOKA_magdalenas_welt > .content .ym-gl + .ym-gl {
  padding: 0;
}

#JOKAAB a.buttonLink, #JOKAAB a.buttonLinkFullWidth {
  background: #000;
  color: #fff;
  height: 2em;
  display: inline-block;
  line-height: 2;
  padding: 0 1em;
  font-weight: 400;
  text-decoration: none;
  font-size: 1.3em;
  text-align: center;
}

#JOKAAB a.buttonLinkFullWidth {
  width: 100%;
}

#JOKAAB a.buttonLink::after, #JOKAAB a.buttonLinkFullWidth::after {
  content: '\f105';
  font-family: 'FontAwesome';
  margin: 0 0 0 .5em;
}

#JOKAAB .gl {
  float: left;
}

#JOKAAB .gr { 
  float: right;
}

#JOKAAB .grid_25 {
  width: 25%;
}


.joka-ab-header-container {
  position: relative;
}

.joka-ab-header-bildv {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  right: 0;
  bottom: 0;
  z-index: 6;
  pointer-events: none;
}

.joka-ab-header-text {
  background: #fff;
  color: #000;
  padding: 1em 8px;
  z-index: 9!important;
}



.joka-ab-header-text h1 {
  font-size: 2.5em;
  font-weight: 400;
  margin: 0 0 .5em;
  line-height: 1.15;
}

.ausbildung .joka-ab-header-text h1 {
  margin: 0;
}


.joka-ab-header-text p {
  font-size: 1.2em;
  line-height: 1.2;
 }


@media (max-width: 1000px) {

  #JOKAAB .JOKA_magdalenas_welt > .content .ym-gl + .ym-gl, #JOKAAB .JOKA_magdalenas_welt > .content .ym-gl + .ym-gr, #JOKAAB .full-width-container .KachelContentGrid + a + .KachelContentGrid {
    margin: 2em 0 0;
  }

  #JOKAAB .grid_25 {
    width: 50%;
  }

}



@media (max-width: 500px) {

  #JOKAAB .gl + .gl, #JOKAAB .gl + .gr {
    margin: 2em 0 0;
  }

  #JOKAAB .grid_25 {
    width: 100%;
  }


}


@media (min-width: 1000px) {

#JOKAAB .JOKA_magdalenas_welt > .content .margin-text {
  margin: 0 1em;
}
#JOKAAB .JOKA_magdalenas_welt > .content .frame-custom-8 {
  padding: 0 1em;
}

.joka-ab-header-text {
  top: 5%;
  left: 5%;
  position: absolute;
  max-width: 25em;
  padding: 1.5em;
  z-index: 5;
}

.ausbildung .joka-ab-header-text {
  padding: 4em 1.5em 1.5em;
}

.joka-ab-header-text h1 {
  font-size: 2em;
}

}




@media (min-width: 1200px) {

.joka-ab-header-text {
  width: 25em;
  max-width: 100%;
  height: 18em;
}

.joka-ab-header-text {
  padding: 3em 1.5em 1.5em;
}

@supports (pointer-events: none) {

.joka-ab-header-text::after {
  content: " ";
  position: absolute;
  width: 50em;
  height: 30.806em;
  top: 14em;
  left: 2.05em;
  background: rgba(255, 255, 255, .6);
  transform: rotate(54.5deg);
  z-index: -1;
}

.joka-ab-header-text {
  z-index: 5!important;
}

}

.ausbildung .joka-ab-header-text {
  width: 25em;
  max-width: 100%;
  height: 14em;
  top: 10%;
}

.ausbildung .joka-ab-header-text {
  padding: 3em 1.5em 1.5em;
}

.ausbildung .joka-ab-header-text::after {
  content: " ";
  position: absolute;
  width: 50em;
  height: 28.653em;
  top: 14.5em;
  left: -.3em;
  transform: rotate(60.8deg);
}

.joka-ab-header-text h1 {
  font-size: 2.25em;
}

}




@media (min-width: 1400px) {

.joka-ab-header-text {
  top: 10%;
  left: 15%;
}

}




@media (min-width: 1600px) {

.joka-ab-header-text {
  top: 10%;
  left: 20%;
}

}


@media (min-width: 1800px) {

.joka-ab-header-text {
  top: 10%;
  left: 25%;
}

}



ul.bigListLineHeight {
  line-height: 1.5!important;
}





@media (max-width: 1600px) {



}

/*
@media (min-width: 1800px) {

.ausbildung .joka-ab-header-text {
  top: 15%;
}

}


@media (min-width: 1600px) {

.ausbildung .joka-ab-header-text {
  top: 15%;
}

}
*/

@media (max-width: 1200px) {

.ausbildung .joka-ab-header-text {
  width: 22em;
  max-width: 100%;
  height: 10em;
}

.ausbildung .joka-ab-header-text {
  padding: 1.5em;
}

}


@media (max-width: 1000px) {

.ausbildung .joka-ab-header-text {
  width: 100%;
  max-width: 100%;
  height: auto;
}

}















/*
    .JOKA_magdalenas_welt .content .ym-gl + .ym-gl {
      padding: 0 4px;
    }

    .JOKA_magdalenas_welt .ym-g33, .JOKA_magdalenas_welt .ym-g50 {
      padding: 0 4px;
    }

    .JOKA_magdalenas_welt .ym-g66.ym-gl {
      padding-right: 4px;
    }

@media (min-width: 1000px) {
.KachelContentGrid {
    margin: 0 -4px;
}
}

*/

@media (min-width: 1000px) {

.JOKA_magdalenas_welt .content .ym-g50.ym-gl {
  padding-right: 4px;
}

.JOKA_magdalenas_welt .content .ym-g50.ym-gr {
  padding-left: 4px;
}

.JOKA_magdalenas_welt .content .ym-g66 + .ym-g33 {
  padding-left: 8px;
  padding-right: 2px;
}

  .JOKA_magdalenas_welt .content .ym-g80 + .ym-g20 {
    padding-left: 8px;
    padding-right: 2px;
  }

.JOKA_magdalenas_welt .content .ym-g33 + .ym-g66 {
  padding-left: 4px;
}

.JOKA_magdalenas_welt .content .ym-g33 {
  padding: 0 4px;
}

}


.JOKA_magdalenas_welt .content input {
  font-size: 16px;
  line-height: 40px;
  vertical-align: middle;
  height: 40px;
  color: #333;
  border: none;
  margin: 0;
  padding: 0;
  background: #e8e6e2;
  outline: 0;
  padding: 0 0 0 12px;
  width: 100%!important;
}

.JOKA_magdalenas_welt .content .formFacheberater1 .jqTransformInputWrapper {
  width: 100%!important;
}

.JOKA_magdalenas_welt .content .formFacheberater .jqTransformInputWrapper {
  width: 33.333%!important;
  float: left;
}



.JOKA_magdalenas_welt .content .fieldwrap_html {
  width: 100%;
  clear: both;
}

.JOKA_magdalenas_welt .content .formFacheberater .jqTransformSelectWrapper {
    margin-left: 1em;
    padding-left: .5em;
    float: left;
}

.JOKA_magdalenas_welt .content .formFacheberater .jqTransformSelectWrapper span {
      font-weight: 300;
  font-family: "Gill", Arial, sans-serif;
}



.JOKA_magdalenas_welt .content .jqTransformButton {
    height: 40px;
    padding: 0 1em;
    color: #fff;
    background: #000;
}

.JOKA_magdalenas_welt .content .jqTransformButton:hover {
    color: #000;
    background: #e8e6e2;
}

.JOKA_magdalenas_welt .content input, .JOKA_magdalenas_welt .content select, .JOKA_magdalenas_welt .content button, button.jqTransformButton span span {
  font-weight: 300;
  font-family: "Gill", Arial, sans-serif;
  height: auto;
}















.JOKA_magdalenas_welt .content .jqTransformSelectWrapper ul {
  border-color: #e8e6e2!important;
}

.JOKA_magdalenas_welt .content .fieldwrap_html input[type="text"] {
    padding: 0 0 0 12px;
}

.JOKA_magdalenas_welt .content .fieldwrap_html select {
    height: 40px;
    border: none;
    background: #e8e6e2;
    outline: none;
    padding: 0 .5em;
    font-size: 1em!important;
    color: #333;

}

.JOKA_magdalenas_welt .content .fieldwrap_html select option {
  color: #333;
}

.JOKA_magdalenas_welt .content .jqtransformdone h2 {
  display: none;
}

/* consultant search (Fachberater Suchergebnis) */



.conSearchListing {margin: 10px 0 20px 0; position: relative;}
.conSearchListing .moreitems {position: relative; width: 100%; height: 36px; display: block; text-align: center; margin-bottom: 20px; clear:both;}
.conSearchListing .noaddresses {width: 388px;}




/*.conSearchListing .conTile + .conTile {margin: 2em 0 0;}*/
@media (min-width: 1000px) {
.conSearchListing { padding-top: 20px; }
.conSearchListing .conTile {float: left; float: left; width: 31.333%; /*padding: 0 25px 30px 0;*/ font-weight: 300;}
/*.conSearchListing .conTile + .conTile {margin: 0;}*/
.conSearchListing .conTile:nth-child(3n+3) { margin-right: 0; }
}





.center .conTile {float: none; width: 325px; margin: 0 auto 20px;}
.conTile .headline {font-size: 22px; margin: 0 0 10px 0;}
.list-joka-location-header { font-weight: 400; padding-bottom:12px; }
.conTile .data .type {margin-bottom: 6px;}
.conTile .data .type .key {background: url("../img/joka_sprite.png") -35px -1067px transparent no-repeat;}
.conTile .data .location {margin-bottom: 6px;}
.conTile .data .location .key {background: url("../img/joka_sprite.png") -115px -1030px transparent no-repeat;}
.conTile .data .phone .key {background: url("../img/joka_sprite.png") -2px -1030px transparent no-repeat;}
.conTile .data .fax .key {background: url("../img/joka_sprite.png") -35px -1030px transparent no-repeat;}
.conTile .data .mail .key {background: url("../img/joka_sprite.png") -70px -1030px transparent no-repeat;}
.conTile .data .url .key {background: url("../img/joka_sprite.png") -70px -1067px transparent no-repeat;}
.conTile .data .key{display: inline-block; vertical-align: top; width: 16px; height: 16px; margin-right: 3px;}
.conTile .data .value {display: inline-block; line-height: 20px;}
.conTile .data .value a {color: #000;}
.conTile .actions {margin-top: 10px;}
.conTile .actions a {display: block;}


.conSearchListing .conTile:nth-child(3n+4) {
    clear: left;
}

.ajaxMoreLoader {
    background: #e8e6e2;
    color: #333;
    padding: 8px 34px;
    margin-right: 6px;
    border: none;
    text-decoration: none;
  cursor: pointer;
}

#JOKADES .headerImgText {
  color: #000;
  font-weight: 400;
}

#JOKADES .headerImgText h1 {
  line-height: 1.3;
  font-weight: 300;
}



/* Form Elements */

.fieldwrap_html > label {float: left;}
.fieldwrap_html label {display: inline-block; width: 165px;}
.fieldwrap_html label.flex {width: auto; margin-right: 15px;}
.fieldwrap_html span{font-size: 16px; float: left;}
.fieldwrap_html span.value {text-indent: 15px; margin-top:2px; line-height: 22px;}
.fieldwrap_html label span{float: none;}
.fieldwrap_html.gender span label {width: auto; height: 40px; line-height: 40px; vertical-align: top; margin-right: 10px; margin-left: 4px; padding: 0;}
.jqtransformdone .fieldwrap_html.gender span label  {width: auto; height: auto; line-height: initial;}
.fieldwrap_html.new {margin-top: 10px;}

.fieldwrap_html .leftLabel label {float: right;}
.fieldwrap_html .leftLabel span {float: left;}
.fieldwrap_html .inputvalue {float: left;}
.fieldwrap_html .inputkey {float: left;}
.fieldwrap_html .inputStyle {border: 0; background: #000; padding: 5px 10px; color: #fff;}
.fieldwrap_html .inputStyle:hover {background: #e8e6e2; color: #333;}

.fieldwrap_html ul {padding: 0 !important;}
.fieldwrap_html li.formCheckboxDiv {list-style-type: none;}
.fieldwrap_html .formCheckboxDiv {float: left;}
.fieldwrap_html .formCheckboxDiv input,
.fieldwrap_html .formCheckboxDiv label {float: left; margin-left: 8px; max-width: 85%; min-height: 31px; line-height: 20px; width: auto;}
.fieldwrap_html .formCheckboxDiv label:after {clear: both;}

.missing .jqTransformInputInner div input {background: #ffe5e5 !important;}
.missing .failuretext {background: #ffe5e5; color: #000; height: 40px; line-height: 40px; padding: 0 15px; margin-bottom: 10px;}
form .fieldwrap_html .failuretext {display: none !important;}

.loginforgot button.submit {margin-left: 10px;}







.formFacheberater h2, .formFacheberater h2 + div {
  font-weight: 300!important;
}



/*
.JOKA_magdalenas_welt .content .jqTransformSelectWrapper {
    width: 45px;
    position: relative;
    height: 40px;
    background: #e8e6e2;
    float: left;
      margin-left: 12px;
}

.JOKA_magdalenas_welt .content .jqTransformSelectWrapper div span {
    font-size: 16px;
    float: none;
    position: absolute;
    white-space: nowrap;
    height: 40px;
    line-height: 40px;
    padding: 0 0 0 7px;
    overflow: hidden;
    cursor: pointer;
  
}

.JOKA_magdalenas_welt .content .jqTransformSelectWrapper a.jqTransformSelectOpen {
    display: block;
    position: absolute;
    right: 0px;
    width: 31px;
    height: 40px;
    background: transparent url(../img/joka_sprite.png) no-repeat 2px -503px;
}

.JOKA_magdalenas_welt .content .jqTransformSelectWrapper ul {
    position: absolute;
    width: 43px;
    top: 39px;
    left: 0px;
    list-style: none;
    background-color: #e8e6e2;
    border: 1px solid #e8e6e2;
    display: none;
    margin: 0px;
    padding: 0px !important;
    max-height: 300px;
    overflow: auto;
    overflow-y: auto;
    z-index: 10;
}

.JOKA_magdalenas_welt .content .fieldwrap_html select {
    height: 40px;
    border: none;
    background: #e8e6e2;
    outline: none;
}

.JOKA_magdalenas_welt .content .jqTransformInputInner div input {
    font-size: 16px;
    line-height: 40px;
    vertical-align: middle;
    height: 40px;
    color: #333;
    border: none;
    margin: 0;
    padding: 0;
    background: #e8e6e2;
    outline: 0;
      padding: 0 0 0 12px;
}
*/



#JOKADES .full-width-center {
  max-width: 66.667em;
  width: 100%;
  margin: 0 auto;
  position: relative;
  padding: 2em 0;
}

@media (min-width: 530px) {

  #JOKADES .full-width-center {
    max-width: 33em;
    width: 100%;
    margin: 0 auto;
  }

}

@media (min-width: 1000px) {

  #JOKADES .full-width-center {
    max-width: 66.667em;
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding: 0 0 1em;
  }

}



@media (max-width: 999px) {
#JOKADES .content .ym-g50 {
    margin: 2em 0 0;
}

}

#JOKADES h3 {
  font-size: 2em;
}

#JOKADES .headerImgText {
  right: 21%;
}

#JOKADES .KachelImageTextText {
  padding: 1.5em;
}

#JOKADES .KachelImageTextText h3 {
  margin: 0 0 .25em
}



.hintergrund .trenner {
  width: calc(100% - 8px)!important;
}


#JOKADES input {
  height: 40px;
}



.JOKA_index .KachelContentGrid + a + .KachelContentGrid + a + .KachelContentGrid .ym-g33 .KachelImageTextText {
  min-height: auto;
}

.JOKA_index .KachelContentGrid + a + .KachelContentGrid + a + .KachelContentGrid .ym-g66 .KachelImageTextText {
  min-height: auto;
}
.JOKA_index .KachelContentGrid + a + .KachelContentGrid + a + .KachelContentGrid .ym-g80 .KachelImageTextText {
  min-height: auto;
}
.JOKA_index .KachelContentGrid + a + .KachelContentGrid + a + .KachelContentGrid .ym-g20 .KachelImageTextText {
  min-height: auto;
}




/* Quick fix */
.JOKA_index .g33 .ym-g33:first-child .KachelImageTextText {
  top: -1px;
}

@media (min-width: 1000px) {

  .JOKA_index .KachelContentGrid {
    margin: 1.5em 0 0;
  }

  .JOKA_index .content > a:first-child + .KachelContentGrid {
    margin: 0;
  }

}
.imgRow figure:first-child,
.ce-column:first-child figure {
  padding-right: 5px;
  padding-left: 0px;}
.imgRow figure,
.ce-column figure {
  padding-left: 5px;
  padding-right: 5px}
.imgRow figure:last-child,
.ce-column:last-child figure {
  /*padding-left: 5px;*/
  padding-right: 0px;}
.KachelContentGrid .imageWr {
  margin-bottom: 1px;
  padding-left: 0;
}

.KachelContentGrid .elRightImg{
  padding-bottom: 7px;
}


.lightbox-single {display: inline-block; vertical-align: middle; position: relative; margin-bottom: 7px}
.lightbox-single img {vertical-align: middle;}

.lightbox-single p.magnifying-glass {
  position: absolute;   bottom: 0%;   right: 0%;
  width: 40px; height: 45px; margin: 0px;
}
.lightbox-single p.magnifying-glass:before {
  font-family: FontAwesome;
  content: "\f002";
  font-size:32px
}

.button_pinterest{
  width: 214px;
  background-color: black;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  text-decoration: none;
}

.button_pinterest:hover{
  background-color: #0d0d0d;
}

.button_pinterest i{
  font-size: 27px;
  padding-top: 3px;
  padding-right: 5px;
}


.button_more_rooms{
  margin-top: 9px !important;
  width: 214px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  text-decoration: none;
}
.button_more_rooms i{
  padding-left: 5px;
}

.button_more_rooms.v1 {
   background-color: #8cb336;
   border-color: #8cb336;
 }
.button_more_rooms.v1:hover {
  background-color: #74a900;
  border-color: #74a900;
}

.button_more_rooms.v2 {
  background-color: #969696;
  border-color: #969696;
}
.button_more_rooms.v2:hover {
  background-color: #777676;
  border-color: #777676;
}

.button_more_rooms.v3 {
  background-color: #9c87c0;
  border-color: #9c87c0;
}
.button_more_rooms.v3:hover {
  background-color: #7a6a96;
  border-color: #7a6a96;
}

.button_more_rooms.v4 {
  background-color: #b93423;
  border-color: #b93423;
}
.button_more_rooms.v4:hover {
  background-color: #a22e20;
  border-color: #a22e20;
}

.button_more_rooms.v5 {
  background-color: #96c3e0;
  border-color: #96c3e0;
}
.button_more_rooms.v5:hover {
  background-color: #6b8ca0;
  border-color: #6b8ca0;
}

/* JKA */
.ce-image .ce-gallery .ce-row {
  display: flex;
  flex-wrap: wrap;
}
.ce-image .ce-gallery .ce-row figure img {
  float: none;
}
.ce-image.ce-right .ce-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.frame-type-dce_dceuid3:last-child {
  clear: both;
}
.ce-textpic.ce-left.ce-intext {
  display: flex;
  margin-bottom: 25px;
}
.ce-textpic.ce-left.ce-intext figure.image {
  margin-bottom: 25px;
}
.ce-textpic.ce-left.ce-intext img {
  /*margin-right: 10px;*/
  float: none;
}
.ce-textpic.ce-left.ce-intext .ce-bodytext {
  margin-left: 10px;
}

.ce-textpic.ce-above img {
  float: none;
  margin-bottom: 25px;
}

.ce-image.ce-above .ce-column > figure.image {
  margin-right: 5px;
}

.KachelContentGrid .ym-gl .frame-custom-8 {
  padding: 2em 0 0;
}
@media (min-width: 500px) {
  .KachelContentGrid .ym-gl .frame-custom-8 {
    padding: 3em 0 0;
  }
}

.subscribe label {
  display: block;
}
.subscribe button.button {
  color: #fff;
}
.subscribe #dataProtectionAccepted {
  width: auto !important;
}
.subscribe select {
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-right-width: 1px;
  border-left-width: 1px;
  border-style: solid;
}

body.page3834 .JOKA_index>.content {
  max-width: none;
  margin: 0;
  width: 100%;
  padding: 0;
}
#c38815 {
  position: relative;
  overflow: hidden;
  width: 100%;  
  padding-top: 75%; /* 4:3 Aspect Ratio */
  padding-top: 54%;
}
#configuratorIframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  /*height: 100%;  */
  height: calc(100vh - 65px);
}
@media (min-width: 500px) {
  #configuratorIframe {
    height: calc(100vh - 106px);
  }
}

/* ### TICKER ### */
.ticker-wrapper {
  max-width: 100%;
  overflow: hidden;
  -webkit-animation: backgroundColorPalette linear 5s infinite;
  animation: backgroundColorPalette linear 5s infinite;
}

.marquee {
  white-space: nowrap;
  overflow: hidden;
  display: inline-flex;
  -webkit-animation: marquee 25s linear infinite;
  animation: marquee 25s linear infinite;
  padding: 15px 0 15px 0;
}

.marquee a {
  display: inline-block;
  /*.fflucida();*/
  font-size: 20px;
  margin-bottom: 0;
  text-decoration: none;
  cursor: pointer;
  color: #fff;
}

.marquee p {
  display: inline-block;
  margin: 0;
  font-size: 20px;
  color: #fff;
}

@keyframes marquee {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-50%, 0, 0);
  }
}

@keyframes backgroundColorPalette {
  0% {
    background-color: #AC2D2D;
  }
  50% {
    background-color: #8B1818;
  }
  100% {
    background-color: #AC2D2D;
  }
}



.slide-item-inner.white h2 {
  /*background: rgba(0,0,0,0.2);
  display: inline-block;
  padding: 5px;*/
  text-shadow: #111 0.1em 0.1em 0.2em
}
.slide-item-inner.white p {
  /*background: rgba(0,0,0,0.2);
  padding: 0 5px;*/
  text-shadow: #111 0.1em 0.1em 0.2em
}


@media (max-width: 500px) {
  #b2tLink {
    top: 876px !important;
  }
  /*#configuratorIframe,*/
  #c38815 {
    height: 100vh;
  } *
}
@media (max-width: 700px) {
  .frame-custom-10 {
    display: none !important;
  }
}