@charset "UTF-8";
/******************* Spezifische Styles nur für die Ausgabe im Trainer-/Mitglieder-Bereich *******************/
/******** Desktop **/
.trainerContent h1 {
  font-size: 190%;
  line-height: 200%; }

.trainerNaviTextWrapper,
.trainerContent p,
.trainerContent a {
  font-size: 170%;
  line-height: 150%; }

body.trainerDetails .bgWhite {
  color: #2d2721; }

/******** trainer accordion[Anfang] */
.mCompensLR {
  margin-left: 0px;
  margin-right: 0px; }

.pCompensLR {
  padding-left: 0px;
  padding-right: 0px; }

/******** trainer accordion[Ende] */
.trainerNavi, .trainerNaviOpener {
  width: 20%;
  max-width: 220px;
  bottom: 0px;
  position: fixed;
  z-index: 200;
  background-color: #000000; }

.trainerNaviTextWrapper {
  width: 90%;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 30px; }

.trainerNaviCloser {
  width: 10%;
  top: 0px;
  right: 1px;
  position: absolute;
  height: 100%;
  background-image: url("../fileadmin/all_user/page_media/trainer_media/sym-einklappen.gif");
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer; }

.trainerNaviOpener {
  width: 40px;
  z-index: 199;
  height: 40px;
  margin-left: -1.3%;
  background-image: url("../fileadmin/all_user/page_media/trainer_media/sym-ausklappen.gif");
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer; }

.trainerBannerWrapper {
  height: 40%;
  min-height: 288px; }

.trainerBannerContainer {
  height: 100%;
  background-size: contain;
  background-position: bottom right;
  background-repeat: no-repeat; }

.trainerBannerWriting {
  margin-top: 23%;
  height: 0px;
  overflow: visible; }

.trainerImage {
  display: none; }

.trainerErgebnisse .container.content div.trainerErgebnis {
  position: relative;
  width: 22%;
  margin-right: 4%;
  float: left;
  overflow: visible;
  margin-bottom: 25px;
  /*
      &:nth-of-type(4n+2){
        padding-left:2.25%;
        padding-right:2.25%;
      }
      &:nth-of-type(4n-1){
        padding-left:2.25%;
        padding-right:2.25%;
      }
      &:nth-of-type(4n){
        padding-left:4.25%;
        padding-right:0px;
      }
      &:nth-of-type(4n+1){
        padding-right:4.25%;
        clear:both;
      }*/ }

.trainerErgebnisse .container.content div.trainerErgebnis img {
  width: 100%;
  height: auto;
  float: left; }

.trainerErgebnisse .container.content div.trainerErgebnis a {
  font-size: 160%;
  line-height: 180%; }

.trainerErgebnisse .container.content div.trainerErgebnis p {
  padding-left: 24px;
  background-color: #897967;
  max-width: 100%;
  width: 90%; }

.trainerErgebnisse .container.content div.trainerErgebnis:nth-of-type(4n) {
  margin-right: 0px; }

.trainerErgebnisse .container.content div.trainerErgebnis:nth-of-type(n+5) {
  margin-top: 50px; }

.trainerErgebnisse .container.content div.trainerErgebnis.bWahlLink {
  width: auto;
  margin-top: 50px;
  padding-left: 0px !important; }

.trainerErgebnisse .container.content div.trainerErgebnis.bWahlLink p {
  width: auto;
  padding-right: 23px; }

.trainerContent:not(#nuetzliches .trainerContent) {
  padding-bottom: 0.5%; }

.trainerTextContainer {
  margin-bottom: 3%; }

.playbutton {
  width: 100%; }

.trainingsregionen {
  margin-bottom: 15%; }

.trainerLinks {
  text-align: center;
  cursor: pointer; }

#nuetzliches .trainerContent, #nuetzlichesOben .trainerContent {
  padding-top: 25px;
  padding-bottom: 30px; }

.trainerLinks .trainerLinkSymbol {
  height: 5%;
  width: 100%;
  float: left;
  background-position: top center;
  background-size: contain;
  background-repeat: no-repeat; }

.trainerFormularWrapperKontakt,
.trainerFormularWrapperEmpfehlen,
.trainerTextWrapperImpressum {
  display: none; }

body.trainerPage .bgWhite p {
  color: #2d2721; }

body.trainerPage .bgWhite p.weiterLesenBTN {
  color: #a38d76; }

/********************** media queries */
@media screen and (max-width: 1280px) {
  .trainerBannerWriting {
    margin-top: 15%;
    height: 0px;
    overflow: visible; }
  .trainerBannerWriting h1 {
    display: table; } }

@media screen and (max-width: 1024px) and (orientation: landscape) {
  .trainerImpressumText {
    padding-left: 15px;
    padding-right: 23px; } }

@media screen and (max-width: 1024px) and (orientation: portrait) {
  .trainerBannerWrapper {
    height: 20%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 288px; }
  .trainerBannerWriting {
    margin-top: 25%;
    height: 0px;
    overflow: visible;
    width: 80%; }
  .trainerBannerWriting h1 {
    display: table; }
  .trainerNavi {
    width: 20%; }
  .trainerNaviTextWrapper {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px; }
  .trainerNaviTextWrapper p {
    line-height: 250%; } }

@media screen and (max-width: 640px) and (orientation: portrait) {
  .trainerNavi, .trainerNaviOpener {
    width: 100% !important;
    max-width: 640px;
    height: auto;
    bottom: 35px;
    left: 0px; }
  .trainerNaviTextWrapper {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 30px; }
  .trainerNaviTextWrapper p {
    line-height: 300%; }
  .trainerNaviCloser {
    width: 100%;
    height: 100%;
    top: 0px;
    right: 0px;
    position: absolute;
    background-image: none;
    display: none; }
  .trainerNaviOpener {
    width: 100%;
    z-index: 199;
    background-position: left 20px center;
    background-image: url("../fileadmin/all_user/page_media/trainer_media/sym-einklappen.gif");
    height: 35px;
    bottom: 0px;
    margin-left: -1.3%; }
  .trainerNavi {
    width: 110px; }
  .trainerBannerWriting {
    top: 100px;
    width: 100%;
    margin-bottom: 100px;
    z-index: 5; }
  .trainerBannerWriting .whiteText {
    color: #000000;
    font-size: 180%; }
  .trainerBannerWrapper {
    height: 20%;
    min-height: 150px; }
  .trainerBannerContainer {
    background-size: cover;
    background-position: bottom right;
    background-repeat: no-repeat; }
  .trainerTextContainer {
    margin-bottom: 30px; }
  .partner {
    margin-bottom: 0px; }
  .trainRegQuali {
    margin-right: 0px;
    margin-bottom: 0px; }
  .trainingsregionen {
    margin-bottom: 30px; }
  .referenzen {
    margin-right: 0px;
    margin-bottom: 0px; }
  .trainerLinks {
    width: 50%; }
  .trainerLinks:nth-of-type(n+1) {
    margin-bottom: 30px; }
  .trainerLinkSymbol {
    height: 60px; }
  .trainerImpressumLink {
    padding-right: 0px; }
  .trainerImpressumText {
    padding-left: 0px;
    padding-right: 23px; } }

@media screen and (max-width: 640px) and (orientation: landscape) {
  .trainerNavi, .trainerNaviOpener {
    width: 40%;
    max-width: 640px;
    height: auto;
    bottom: 0px;
    left: 0px; }
  .trainerNaviTextWrapper {
    width: 90%;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px; }
  .trainerNaviTextWrapper p {
    line-height: 220%; }
  .trainerNaviOpener {
    width: 15px;
    height: 40px; }
  .trainerBannerWriting {
    margin-top: 15%;
    width: 80%; }
  .trainerBannerWrapper {
    height: 20%;
    background-size: contain;
    background-position: bottom right;
    background-repeat: no-repeat;
    min-height: 150px; }
  .trainerSuche {
    height: 55px;
    line-height: 55px; }
  .trainerTextContainer {
    margin-bottom: 30px; }
  .partner {
    margin-bottom: 0px; }
  .trainRegQuali {
    margin-right: 0px;
    margin-bottom: 0px; }
  .trainingsregionen {
    margin-bottom: 30px; }
  .referenzen {
    margin-right: 0px;
    margin-bottom: 0px; }
  .trainerLinkSymbol {
    height: 45px; } }