/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 21.09.2018, 08:07:01
    Author     : Preussner
*/





.invert {
    color: #ffffff;
}



#cmsFramework {
    width: 90%;
    height: auto;
    margin: auto;
    margin-top: 1vw;
    margin-bottom: 5vw; 
    padding-bottom: 0px;
    color: #949296;
    max-width: 1920px;
    /* background-color: #131213; */
}

#cmsFramework .halfBlack {
    
   float: left;
    /*width: 166px;*/
    width: 240px;
    min-height: 100px;
   
   
}

#cmsFramework .halfWhite {
    float: left;
    width: calc(100% - 241px);    
    padding: 5px 0px 5px 0px;

}

#cmsFramework .topBlack {
    height: 60px;
    width: 100%;
    
}



#logout {
    width: 16px;
    height: 16px;
    margin-right: 40px;
    margin-top: 21px;
}


img {
    width: 100%;
    height: auto;
}


#cmsFramework ul {
    color: #ffffff;
    list-style: none;    
    font-weight: 400;
}



#cmsFramework li {
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 24px;
}

#cmsFramework li:hover {
    background-color: rgba(0,0,0,0.25);
    cursor: pointer;
}


.activeNav {
    background-color: rgba(0,0,0,0.5) !important;
}


.ctaRowItem {
    display: inline-block;
    vertical-align: top;
}



#loginDialog {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 500px;
    height: 300px;
    margin: auto;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%); 
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.50);
    -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.50);
    box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.50);
}

#loginDialogPage {
    width: 520px;
    height: auto;
    margin: auto;
}

#loginDialog img {
    margin: 25px;
    margin-top: 20px;    
}


#loginDialog .halfBlack {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 300px;
    width: 166px;
    background-color: rgba(0,0,0,0.65);
    -webkit-box-shadow: 5px 0px 16px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 5px 0px 16px 0px rgba(0,0,0,0.75);
    box-shadow: 5px 0px 16px 0px rgba(0,0,0,0.75);
}

#loginDialog .halfWhite {
    position: absolute;
    top: 60px;
    left: 166px;
    height: 240px;
    width: 334px;
    background-color: rgba(250,250,250,0.95); 
}

#loginDialog .topBlack {
    position: absolute;
    top: 0px;
    left: 166px;
    height: 60px;
    width: 334px;
    background-color: rgba(0,0,0,0.75);
}

#loginDialog .innerBox {
    width: 80%;
    margin: auto;
    margin-top: 20px;
}
/*
.roundBorderTopLeft {
    -webkit-border-top-left-radius: 30px;
    -moz-border-radius-topleft: 30px;
    border-top-left-radius: 30px;
}

.roundBorderBottomLeft {
    -webkit-border-bottom-left-radius: 30px;
    -moz-border-radius-bottomleft: 30px;
    border-bottom-left-radius: 30px;
}

.roundBorderTopRight {
    -webkit-border-top-right-radius: 30px;
    -moz-border-radius-topright: 30px;
    border-top-right-radius: 30px;
}

.roundBorderBottomRight {
    -webkit-border-bottom-right-radius: 30px;
    -moz-border-radius-bottomright: 30px;
    border-bottom-right-radius: 30px;
}

*/

  .modLandingBtn {
      display: inline-block;
      margin: 5px 8px;
      max-width: 50px;
  }
  
  .podcastBtn {
      display: inline-block;
      margin: 21px 5px 0px 0px;
      width: 50px;
      max-width: 50px;      
  }

  #pdfHolderOuter {
      display: inline-block;
      position: absolute;      
      width: 90%;
      height: 600px;
      z-index: 1000;
  }
  
  #pdfSpacer {
      position: relative;
      margin-top: 625px;
  }
  

.affiliateNr {
    display: inline-block;
    width: 35px;  
    height: 35px;
    margin-right: 15px;
    vertical-align: top;
}

.affiliateContent {
    position: relative;
    display: inline-block;
    width: calc(100% - 80px);
    vertical-align: top;
    margin-right: 25px;
}

.handoutHolder {
     position: relative;
     width: 100%;
     float: right;
     max-width: 1000px;
}

.handoutHolder:before {
    content: "";
    display: inline-block;
    width: 1575px;
    height: 400px;
    background-image: url("/front/img/affiliate_bg.png");
    background-repeat: no-repeat;
    position: relative;
    left: -5px;
}


  .availablePlayer {
      display: inline-block;      
      vertical-align: top;
      margin-right:10px; 
      margin-top:21px; 
      width:75px;
  }
  
    .daily {
        margin-top:21px; 
        width:100px;
    }
    
    .fb {
        margin-top:20px; 
        width:100px;
    }

.handoutLeft {
    position: relative;
    width: 400px;
    height: 400px;
    
    /*
    background-color: #1cbcbd;
    -webkit-border-top-left-radius: 200px;
    -webkit-border-bottom-left-radius: 200px;
    -moz-border-radius-topleft: 200px;
    -moz-border-radius-bottomleft: 200px;
    border-top-left-radius: 200px;
    border-bottom-left-radius: 200px;*/
}

.handoutRight {
    position: absolute;
    /* background-color: #1cbcbd; */
    width: 60%;
    height: 400px;
    top: 0px;
    right: 0px;
}

.handoutInner {
    width: 270px;
    text-align: center;
    margin-left: -75px;
}

input[type="text"], input[type="password"], input[type="email"] ,select, textarea {
    width: calc(100% - 26px);
    display: inline-block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    padding: 7px 20px;
    -o-text-overflow: clip;
    text-overflow: clip;
    background: rgba(252,252,252,1);
    margin: 7px 0px 15px 0px;
    padding: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;

}

::placeholder { color: #D53D16; }

select {
    color: #D53D16;
}

input:-webkit-autofill {
    /* -webkit-box-shadow: 0 0 0 30px white inset; */
}

#wrongLogin {
    /* font-size: 13px; */
    color: #ff0000;
    margin-top: -7px;
    margin-bottom: 7px;
    display: none;
}



.pointer {
    cursor: pointer;
}
/*
.contentHeadline {    
    width: 100%;
    background-color: #e2e2e2;
    min-height: 65px;
    margin: 0px;
    padding-top: 5px;
}

.contentHeadline .btn {
    margin-top: 14px;
    margin-left: 25px;
}

.contentHeadline .right {
    margin-top: 8px;
    margin-right: 40px;
}
*/
.contentSpacerLeft {
    margin-left: 40px;
    margin-left: 2vw;
}

p {
    margin-bottom: 7px;
}

.ctaRowLeft {
    width: calc(50% - 3px);
    display: inline-block;
    vertical-align: top;
}

.ctaRowRight {
    width: calc(50% - 3px);
    display: inline-block;
    vertical-align: top;
    text-align: right;
}

.listItem {
    padding: 13px; 
    padding-left: 40px;
    padding-right: 40px;
}

.listItemHolder:nth-child(2n +2) {
    background-color: #e2e2e2;
}

.listItem:hover {
    background-color: #cbcbcb;
}

.pagination {
    text-align: center;
}
.pagination li {
    list-style: none;
    display: inline-block;
    padding-top: 15px !important;
    padding-left: 15px !important;
    padding-bottom: 15px !important; 
    padding-right: 15px !important;
}

.listItemInner {   
    float: left;
    width: calc(70% / 5);
}

.listItemInner:first-child {   
    float: left;
    width: 30%;
}



.listThead {
    padding: 13px; 
    padding-left: 40px;
    padding-right: 40px;
    background-color: #cbcbcb;
    font-weight: 500;
}

.listThead .listItemInner {
    -ms-user-select: None; 
    -moz-user-select: None; 
    -webkit-user-select: None; 
}

.tRowRight {
    text-align: right;
}

.active {
    background-color: #cbcbcb;
}

.agbHolder {
    font-size: small;
}

#regWarning {
    display: none;
    color: #f9420c;
}

#lastHint {
    display: none;
    color: #f9420c;
    font-size: smaller;
}

#lastHintPerm {
    color: #f9420c;
    font-size: smaller;
}



.registerSelect {
    background-color: #555555;
}

 a           { text-decoration:none; outline: none;}
 a:link      { text-decoration:none; color: #949296; }
 a:visited   { text-decoration:none; color: #949296; }
 a:hover     { text-decoration:none; color: #D53D16; }
 a:active    { text-decoration:none; color: #949296; }
 
 .navi a           { text-decoration:none; outline: none;}
 .navi a:link      { text-decoration:none; color: #ffffff; }
 .navi a:visited   { text-decoration:none; color: #ffffff; }
 .navi a:hover     { text-decoration:none; color: #ffffff; }
 .navi a:active    { text-decoration:none; color: #ffffff; }
 
 .navItem a           { text-decoration:none; outline: none; color: #ffffff;}
 .navItem a:link      { text-decoration:none; color: #ffffff; }
 .navItem a:visited   { text-decoration:none; color: #ffffff; }
 .navItem a:hover     { text-decoration:none; color: #ffffff; }
 .navItem a:active    { text-decoration:none; color: #ffffff; }
 
 .txtContent a           { text-decoration:underline; outline: none;}
 .txtContent a:link      { text-decoration:underline; color: #949296; }
 .txtContent a:visited   { text-decoration:underline; color: #949296; }
 .txtContent a:hover     { text-decoration:underline; color: #da4928; }
 .txtContent a:active    { text-decoration:underline; color: #949296; }
 
 
 .loginDialogPageA a           { text-decoration:none; outline: none;}
 .loginDialogPageA a:link      { text-decoration:none; color: #3ba8b6; }
 .loginDialogPageA a:visited   { text-decoration:none; color: #3ba8b6; }
 .loginDialogPageA a:hover     { text-decoration:underline; color: #3ba8b6; }
 .loginDialogPageA a:active    { text-decoration:none; color: #3ba8b6; }
 
 .agbHolder a           { text-decoration:none; outline: none;}
 .agbHolder a:link      { text-decoration:none; color: #D53D16; }
 .agbHolder a:visited   { text-decoration:none; color: #D53D16; }
 .agbHolder a:hover     { text-decoration:underline; color: #D53D16; }
 .agbHolder a:active    { text-decoration:none; color: #D53D16; }
 
 .agbHolderReg a           { text-decoration:underline; outline: none;}
 .agbHolderReg a:link      { text-decoration:underline; color: #ffffff; }
 .agbHolderReg a:visited   { text-decoration:underline; color: #ffffff; }
 .agbHolderReg a:hover     { text-decoration:underline; color: #ffffff; }
 .agbHolderReg a:active    { text-decoration:underline; color: #ffffff; }
 
 #loginDialogPage a           { text-decoration:none; outline: none;}
 #loginDialogPage a:link      { text-decoration:none; color: #D53D16; }
 #loginDialogPage a:visited   { text-decoration:none; color: #D53D16; }
 #loginDialogPage a:hover     { text-decoration:underline; color: #D53D16; }
 #loginDialogPage a:active    { text-decoration:none; color: #D53D16; }
 
 .txtContentHolder a           { text-decoration:none; outline: none;}
 .txtContentHolder a:link      { text-decoration:none; color: #D53D16; }
 .txtContentHolder a:visited   { text-decoration:none; color: #D53D16; }
 .txtContentHolder a:hover     { text-decoration:underline; color: #D53D16; }
 .txtContentHolder a:active    { text-decoration:none; color: #D53D16; }
 
 .affiliate a           { text-decoration:none; outline: none;}
 .affiliate a:link      { text-decoration:none; color: #D53D16; }
 .affiliate a:visited   { text-decoration:none; color: #D53D16; }
 .affiliate a:hover     { text-decoration:underline; color: #D53D16; }
 .affiliate a:active    { text-decoration:none; color: #D53D16; }
 

 .description a           { text-decoration:none; outline: none;}
 .description a:link      { text-decoration:none; color: #D53D16; }
 .description a:visited   { text-decoration:none; color: #D53D16; }
 .description a:hover     { text-decoration:underline; color: #D53D16; }
 .description a:active    { text-decoration:none; color: #D53D16; }

 .flaterfolg a           { text-decoration:none; outline: none;}
 .flaterfolg a:link      { text-decoration:none; color: #ffffff !important; }
 .flaterfolg a:visited   { text-decoration:none; color: #ffffff !important; }
 .flaterfolg a:hover     { text-decoration:none; color: #ffffff !important; }
 .flaterfolg a:active    { text-decoration:none; color: #ffffff !important; }
 
 
 
 
 .btn           { text-decoration:none; outline: none;}
 .btn:link      { text-decoration:none; color: #ffffff; }
 .btn:visited   { text-decoration:none; color: #ffffff; }
 .btn:hover     { text-decoration:none; color: #ffffff; }
 .btn:active    { text-decoration:none; color: #ffffff; }
 
 .preloaderInner {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 64px;
    height: 64px;
    background-image: url("/img/preloader.svg");
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    z-index: 2001;

 }
 
 .preloader {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 2000;
    display: none;
    background-color: rgba(0,0,0,0.50);
 }
 
 .no-result {
     /* font-size: 18px;*/
     text-align: center;
     margin: 25px;
     display: none;
 }
 
 .editOverlay {
    position: absolute;
    width: 100%;
    height: 100%;
    min-height: 800px;
    background-color: rgba(250,250,250,1); 
    display: none;
 }
 
 .editorHolder {
     width: calc(100% - 370px);
     min-height: 500px;
     margin-left: 40px;
     margin-top: 15px;  
     margin-bottom: 35px;
 }
 
 .toolHolder {
     width: 250px;
     background-color: #f1f1f1;
     margin-left: 25px;
     padding-right: 40px;
     padding-left: 15px;     
     padding-bottom: 17px;
     padding-top: 14px;
 }
 
 hr {
     width: 100%;
     height: 1px;
     border-bottom: 1px solid #999999;
     margin: auto;
     margin-top: 25px;
     margin-bottom: 15px;
 }
 
 .editHeadline {
     margin-top: 5px;
     font-weight: 500;
 }
 
 .dropzone {
     position: relative;
     width: 100%;
     border: 1px solid #aaaaaa;
     box-sizing: border-box;
     padding: 20px;
     margin-top: 15px;
     cursor: pointer;
 }
 
  .dropzoneMedien {
     position: relative;
     width: calc(100% - 80px);
     border: 1px solid #aaaaaa;
     box-sizing: border-box;
     padding: 20px;
     margin-top: 15px;
     cursor: pointer;
     text-align: center;
 }
 /*
 .dz-image img {
     margin: 0px !important;
     margin-top: 0px !important;
 }
 */
 .thumbHolder {
     width: 100%;
 }
 
 .share, .melden {
     cursor: pointer;
     display: inline-block;
     margin-left: 10px;
 }
 
 .sharetxt {
     display: inline-block;
     margin: 15px 0px;
     vertical-align: top;
 }
 
 .shareimg {
     display: inline-block;
     margin: 13px 0px 0px 5px;
     vertical-align: top;
     width: 33px;
     height: auto;
 }
 
 .listMedienHolder {
    float: left;
    width: calc(100% / 6 - 10px);
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex;
    background-color: #ffffff;
    margin: 5px;
    padding: 7px;
    box-sizing: border-box;
    
 }
 .listMedienHolder img {
     max-height: 100px;
     width: auto;
     
 }
 
 .listMedien {
     margin-left: auto;
     margin-right: auto;
 }

 
 .medialist {
    margin: 35px;
    margin-top: 15px;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: center;
 }
 
 #selectMediaBoxHolder {
     position: relative;
 }
 
 #selectMediaBox {
     position: absolute;
     top: 0px;
     left: 0px;
     width: calc(100% - 80px);
     min-height: 150px;
     margin-left: 40px;
     margin-right: 40px;
     padding: 7px;
     border: 1px solid #aaaaaa;
     background-color: #ffffff;
     display: none;
     box-sizing: border-box;
 }
 
 .mediaLinkHidden {
     display: none;
 }
 
 .mediaName, .mediaLink, .mediaMasse {
     margin: 7px;
 }
 
 .mediaSaveBtnHolder {
     position: absolute;
     bottom: 10px;
     right: 10px;
     margin-left: 10px;
 }
 
 .hidden {
     display: none;
 }
 

 #thumbUpCount, #thumbDownCount {
     display: inline-block;
     vertical-align: top;
     margin-top: 15px;
 }


 .thumbChooseHolder {
     display: inline-block;
     width: 33px;
     height: auto;
     vertical-align: top;
     cursor: pointer;
     margin: 13px;
     margin-right: 0px;
 }



 .videoHolderPre {
     position: absolute;
     top: 0px;
     left: 0px;
     width: 100%;
     height: 100%;
     background-color: #000000;
     display: none;
 }
 
 .videoHolderPre iframe {
     width: 100%;
     height: 100%;
     pointer-events: none;
 }
 
 
 .nuoCTA {
    width: calc(100% - 43px);
    padding: 10px;
    border: 1px solid #D53D16;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;    
    text-align: center;
    margin: auto;
 }


.einDrittel {
    width: calc(100% / 3);
    float: left;
}

.einDrittelRegister {
    width: calc(100% / 3 - 33px);
    /* min-height: 75px; */
    float: left;
    padding: 10px;
    margin: 5px;
    border: 1px solid #a5a4a4;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;    
}

.einViertelPay {
    width: calc(100% / 4 - 33px);
    min-width: 113px;
    float: left;
    padding: 10px;
    margin: 5px;
    border: 1px solid #ffffff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    text-align: center;
    cursor: pointer;
}

.staffelpaybtn {
    /*width: calc(100% / 3 - 36px);
    min-width: 113px;*/
    padding: 10px;
    margin: 5px;
    border: 1px solid #ffffff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
}

.staffelpaybtninactive {
    background-color: #b3b2b2;
    border-color: #b3b2b2;
    cursor: default;
}

.staffelpaybtn_active {
    background-color: #a1836b;
}



.zweiDrittel {
    width: calc(100% / 3 * 2 - 30px);
    float: left;
}

.textInner {
    padding: 25px;
    padding-top: 10px;
    text-align: justify;
}

.einViertel {
    width: 25%;
    float: left;
}

.dreiViertel {
    position: relative;
    width: 75%;
    height: 100%;
    float: left;
}


.singleNavi {
    margin: auto;
    color: #ffffff;
    padding: 13px;
    text-align: center;
}

.singleNavi .btn {
    width: calc(100% - 50px);
}



 
 .video-media-youtube-inner {
     margin: 20px 0px 20px 0px;
     padding: 4px 20px 0px 20px;
     width: calc(100% - 40px);
  display: flex;
  
}


 .video-media-youtube-inner-feature {

     padding: 4px 20px 0px 20px;
     width: calc(100% - 40px);

  
}




.video-media-youtube-inner-vi02 {
  flex: 1;
  overflow: hidden;
  position: relative;
  padding-bottom: 35.5%;
  height: 0;
}

.video-media-youtube-inner-vi02 iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


.video-media-youtube-inner-vi02 {
  flex: 0 0 75%
}

.video-media-youtube-inner-vi01 {
 flex: 0 0 calc(25% - 20px);
 margin-right: 20px;
     
}

.singleContent {   
    line-height: 1.25;
}

.singleContentTxt {
    padding: 2vw;
    background-color: #131213;
}

.affiliate {
    padding: 2vw;
    background-color: #131213;
}

.singleContentSide {

    line-height: 1.25;
}

.txtContent {
    padding: 15px;
    
}

.txtContentHolder {
    margin: 15px auto 10px auto;
    text-align: center;
    width: 80%;
    
}

.neugedacht {
    text-align: center;
    font-size: 120%;
    color: #da4928;
}

.neugedacht img {
    width: 25px;
    margin: -9px 15px;
}

.newsletterHolder {
    background-color: #D53D16;
    color: #000000;
    padding: 15px;  
    margin: 65px 0px 65px 0px;
    text-align: center;
}

.chooseHolder {
    display: -webkit-flex;
   display: -ms-flex;
   display: flex;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   min-height: 400px;
}

.chooseItemLeft {
    display: -webkit-flex; 
  display: -ms-flexbox; 
  display: flex;

  width: calc(100% / 2 - 190px);
  padding: 20px;
  float: left;
  background-color: #1db6bc;
  color: #ffffff;
}

.chooseItemLeftMobil {
    margin-top: 5vw;
    width: 100%;
    padding-top: 3vw;  
    padding-bottom: 3vw;  
    background-color: #1db6bc;
    color: #ffffff;
}

.chooseHolderMobil {
    display: none;
}

.chooseItemCenter {
    background-color: #121212;
    position: relative;
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex;
    width: 300px;
    height: auto;
    float: left;
    background-image: url("/img/choose_top.jpg"), url("/img/choose_bottom.jpg"), url("/img/choose_middle.jpg");
    background-repeat: no-repeat, no-repeat, repeat-y;
    background-position: top left, bottom left, left;
}


.chooseItemRight {
    display: -webkit-flex; 
  display: -ms-flexbox; 
  display: flex;
  background-color: #131213;
  width: calc(100% / 2 - 190px);
  padding: 20px;
  float: left;
}

.chooseItemRightMobil {
    margin-top: 5vw;
    background-color: #131213;
    width: 100%;
    padding-top: 3vw;  
    padding-bottom: 3vw;  
}

.chooseInner {
    text-align: center;
    width: 85%;
    /* max-width: 300px; */
    margin: auto;
}


.payItem {
    text-align: left;
    margin-bottom: 20px;
}

.payIcon {
    max-width: 50px;
    display: inline-block;
}

.payTxt {
    display: inline-block;
    vertical-align: top;
    margin-left: 15px;
    margin-top: 2px;
    line-height: 1.5;
}

.payTxt span {
    color: #da4928;
}


.howToHolder {
    padding: 15px;  
    margin: 55px 0px 65px 0px;
    text-align: center;
}

.howToInner {
    /* font-size: 20px;*/
    font-weight: bold;
    text-align: center;
    width: 75%;
    max-width: 300px;
    margin: auto;
}

.howToTxt {
    /* font-size: 15px; */
    margin-top: 15px;
}

.howToTxt span {
    color: #D53D16;
   font-style: italic;
}


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

.responsive-video {
position: relative;
padding-bottom: 56.25%; 
padding-bottom: 40%; 
padding-top: 0px;
height: 0;
overflow: hidden;
margin: 15px 0px 15px 0px;
background-color: #000000;
}

.videoHolderPlay {
    width: 100%;
    height: auto;
    margin: auto;
}

.votingStar {
    width: 25px;
    height: 25px;
    display: inline-block;
    background-image: url(/front/img/star_off.png);
    
}

#activeUser {
    display: none;
    text-align: center;
    margin-bottom: 25px;
}

#activeUser span {
    font-size: 200%;
    color: #ff6e00;
}

.votingarea {
    cursor: pointer;
    width: 150px; 
    margin: auto;
}

.votingHolder {
    position: fixed;
    overflow-y: auto;
    width: 85%;    
    height: auto;    
    display: none;
    color: #ffffff;
    background-color: #131213;        
    margin-top: 5%;
    margin-left: 7.5%;
    z-index: 1000;
    padding: 5px;
    border: 2px solid #cfbeab ;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 10px 10px 25px 6px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 25px 6px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 25px 6px rgba(0,0,0,0.75);
}

.votingHolderClose {
    color:#cfbeab;
    position: absolute;
    width: 16px;
    height: 16px;
    right: 0px;
    top: 0px;
}

.blackBG {
    background-color: #000000 !important;
}


.desc {
    padding: 15px;
    margin-top: 5px;
    text-align: justify;
}

.StripeElement {
    background-color: white;
    height: 40px;
    /* width: 500px; */
    padding: 10px 12px;
    border-radius: 4px;
    border: 1px solid transparent;
    box-shadow: 0 1px 3px 0 #e6ebf1;
    -webkit-transition: box-shadow 150ms ease;
    transition: box-shadow 150ms ease;          
}

.StripeElement--focus {
    box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
    border-color: #fa755a;
}

.StripeElement--webkit-autofill {
    background-color: #fefde5 !important;
}

#registerThx{
    width: 130%;
    margin-top: 50px;   
    display: none;
}
#registerThx p{
    margin-top: 15px;    
}

.itemContainer {
    position: relative;
    margin: 45px 0px 15px 0px;
}



.sliderHolder {
    width: 100%;
    max-width: 2200px;
    margin: auto;
    margin-top: 25px;
}

.sliderHolderHeader {
    width: 100%;
    padding-bottom: 20px;
    vertical-align: middle;
    text-align: center;     
    overflow: hidden;
    white-space: nowrap;
}

.sliderHolderHeaderInner{
    width: 200%;
    margin-left: -50%;
        text-align: center;
}

.sliderHolderHeaderBreakerLeft {
    width: 39%;
    height: 1px;
    display: inline-block;
    background-color: #D53D16;
    vertical-align: middle;
    margin-bottom: 5px;    
    background: #D53D16;
    background: -webkit-linear-gradient(to right, #D53D16 0%, #ed6b1d 100%);
    background: -moz-linear-gradient(to right, #D53D16 0%, #ed6b1d 100%);
    background: linear-gradient(to right, #D53D16 0%, #ed6b1d 100%);
}

.sliderHolderHeaderBreakerRight {
    width: 39%;
    height: 1px;
    display: inline-block;
    background-color: #D53D16;
    vertical-align: middle;
    margin-bottom: 5px;    
    background: #D53D16;
    background: -webkit-linear-gradient(to right, #ed6b1d 0%, #D53D16 100%);
    background: -moz-linear-gradient(to right, #ed6b1d 0%, #D53D16 100%);
    background: linear-gradient(to right, #ed6b1d 0%, #D53D16 100%);
}

.sliderHolderHeaderTxt {
    margin: auto;
    display: inline-block;
    margin: 0px 20px 0px 20px;
    white-space: nowrap;
    
    background: #D53D16;
    background: -webkit-linear-gradient(to right, #D53D16 0%, #ed6b1d 100%);
    background: -moz-linear-gradient(to right, #D53D16 0%, #ed6b1d 100%);
    background: linear-gradient(to right, #D53D16 0%, #ed6b1d 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;  
}

.headerTxt {
    margin: auto;
    margin: 0px 20px 0px 20px;
    text-align: center;
    
    color: #da4928;
    /*background: -webkit-linear-gradient(to right, #D53D16 0%, #ed6b1d 100%);
    background: -moz-linear-gradient(to right, #D53D16 0%, #ed6b1d 100%);
    background: linear-gradient(to right, #D53D16 0%, #ed6b1d 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;  */
}



.headerTxtSpacer {
    margin: 0px 20px 0px 20px;
}



 .movieItem {     
    position: relative;
    margin: 0px 1px 0px 1px;    
    padding: 1vw;
 }
 
 .folgenTNG .movieItem {     
    position: relative;
    margin: 0px 1px 0px 1px;    
    padding: 0vw;
 }

 
 .movieItemImg {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -webkit-box-shadow: 0.1vw 0.1vw 0.4vw 0.1vw #0c0c0c; 
    box-shadow: 0.1vw 0.1vw 0.4vw 0.1vw #0c0c0c;        
 }
 
 .roundShadow {
     -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -webkit-box-shadow: 0.1vw 0.1vw 0.4vw 0.1vw #0c0c0c; 
    box-shadow: 0.1vw 0.1vw 0.4vw 0.1vw #0c0c0c;   
 }
 
 
.movieItemImgNoshadow {
    -webkit-box-shadow: none;
    box-shadow: none;
}
 
 .staffelcheck {
    height: 55px;
 }
 
 .flatBanner {
     position: absolute;
     bottom: 1vw;
     right: 1vw;
     width: 100%;
     max-width: 100px;
     height: auto;
     text-align: right;
 }
 
 .flatBannerDetails {
     position: absolute;
     bottom: 0vw;
     right: 0vw;
     width: 100%;
     max-width: 100px;
     height: auto;
     text-align: right;
 }
 
 .detailbox {
     /*width: 95%;*/
     /*width: 100%;*/
     width: calc(90% - 2.5vw);
     /*max-height: 647px;*/
     margin: auto;
     margin-top: 1.2vw;
 }
 
 .detailboxInner {
     /* margin: 15px; */
     color: #949296;
 /*          -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0.1vw 0.1vw 0.4vw 0.1vw #0c0c0c; 
    box-shadow: 0.1vw 0.1vw 0.4vw 0.1vw #0c0c0c;*/
   /*  overflow: hidden; */
 }
 
 .detailboxInnerImg {
     /* margin: 15px; */

           -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0.1vw 0.1vw 0.4vw 0.1vw #0c0c0c; 
    box-shadow: 0.1vw 0.1vw 0.4vw 0.1vw #0c0c0c;
 }
 
 .detailboxInner video {
     /* margin: 15px; */

           -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0.1vw 0.1vw 0.4vw 0.1vw #0c0c0c; 
    box-shadow: 0.1vw 0.1vw 0.4vw 0.1vw #0c0c0c;
 }
 
 .detailOverlayOuter {
     position: relative;
     width: 100%;
     height: auto;
 }
 
 .detailOverlayHolder {
     position: absolute;
     width: 35%;
     /* height: 100%;*/
     z-index: 500; 
     /* overflow: hidden; */
 }
 
 .detailOverlayLogoHolder {
     /*
     position: relative;
     height: 30%;
     width: auto;*/
 }
 
 .detailOverlayContentHolder {
     position: relative;
     height: 50%;
     width: auto;
 
 }
 
 .detailOverlayHolderInner {
   /*  position: relative;
    top: 50%;
    top: 15px; */
    /* height: 100%; */
    /*-webkit-transform: translateY(-65%);
    -ms-transform: translateY(-65%);
    transform: translateY(-65%);*/
    /*height: 100%; */
    z-index: 500;
 }
 
 .detailOverlayButtonHolder {
     position: absolute;
     /*
     width: 75px;
     height: 75px;
     */
     max-width: 3vw;
     height: auto;
     text-align: center;
     margin: auto;
     bottom: calc(25% - 75px);
     left:2vw;
     z-index: 500;     
 }
 
 .detailOverlaySendButtonHolder {
     position: absolute;
     width: 130px;
     height: 75px;
     text-align: center;
     margin: auto;
     bottom: calc(25% - 85px);
     left:2.5%;
     z-index: 500;     
 }
 
 .detailOverlayImage {     
     padding-top: 1em;
     padding-bottom: 1em;
 }
 
 .detailOverlayHolder img {
     width: 100%;
     height: auto;
     /* margin: auto; */
     /*position: relative;
     width: auto;
     height: auto;
     /* max-width: 25%;
     height: 100%;*/
 }
 
 .toggleExcerpt {
     font-size: 0.8vw;
     text-shadow: 2px 2px 2px #000000;
     text-align: justify;
     padding-right: 1vw;
 }
 
 .detailOverlayExcerpt {
     position: relative;
     color: #ffffff;
     margin: 0px 0px 0px 2vw;
     /* font-size: 0.93vw; */
     text-shadow: 2px 2px 2px #000000;
 }
 

 
 .detailVideoHolder {
     position: absolute;
     right: 15px;
     top: 15px;
     width: 50%;
     height: 91%;
 }
 
 .detailVideoHolder iframe {
     width: 100%;
     height: 100%;
 }
 
 



.hDesc {
    display: inline-block;
}

.descTitle {
    /*font-size: 20px;*/
    font-weight: bold;
    margin-left: 26px; 
    /*margin-bottom: 25px;*/
}

.close {
    width: 75%;
    max-width: 500px;
    height: auto;
    margin: auto;
}

.txtContent strong {
    color: #D53D16;
}

.txtContent em {
    /* color: #D53D16; */
}

.txtContent h2 {
    color: #ffffff;
}

#donateAmountHint {
    color: #a5a4a4;
}

.newsletterBtn {
   width: 35px;
   height: 35px;
    background-color: #000000;
        vertical-align: -13px;
}

.registerLink {
    /*font-size: 13px;*/
    margin-top: -7px;
    margin-bottom: 7px;
}

.featureFilmLogo {
    position: absolute;
    top: 25px;
    left: 25px;    
}

.demute {
   position: absolute;
    right: 2vw;
    bottom: 2vw;  
    width: 32px;
    height: 32px;
    z-index: 501;
}


.userInfoHolder {
    padding-bottom: 15px;
    padding-top: 15px;
}

.userInfoInner {
    /*width: 600px;*/
    margin: auto;
    text-align: center;
}

#card-element {
    margin: auto;
    max-width: 500px;
}

.navHolderMobilSection {
    display: none;
}

.btnfullwith {
    width: calc(100% - 1.8vw);
}

.detailLeft {
    
    margin-right: 15px;
    display: inline-block;
    width: calc(80% - 25px);
    vertical-align: top;
}

.detailRight {
    display: inline-block;
    width: 300px;
    width: calc(20% - 48px);
    vertical-align: top;
    margin-left: 38px;
}


 .moreHolder {
     position: relative;
     display: inline-block;
     /* max-width: 300px; */
     margin: 0px 0px 24px 0px;
     vertical-align: top;
 }
 
.mobilVersionVideo {
    display: none;
    width: 100%;
    height: auto;
    padding-bottom: 56.25%; 
}

.mobilVersionTags {
    display: none;
    width: 100%;
}

.iconFuenftel {
    width: auto;
    max-width: 200px;
    height: auto;
    display: block;
    text-align: center;
    margin: auto;
    margin-bottom: 35px;
    
}

.profilHolder {
    width: 75%;
    margin: auto;
}

.profilImgOuter {
    display: inline-block;
    margin-right: 20px;
    width: calc(20% - 25px);
    vertical-align: top;
}

.profilImg img{
    max-width: 300px;
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    border-radius: 150px;
}

.profilContent {
    display: inline-block;
    width: calc(80% - 5px);
    vertical-align: top;
}

.ctaBtn {
    vertical-align: top;
    margin-top: 16px;
}

.meldenThumbHolder{
    margin-top: 5px;
}

.iconFuenftelCenter {
    margin: auto;
    margin-bottom: 35px;
}

.reloadComment img{
    width: 22px;
    height: auto;
    display: inline-block;
    vertical-align: top;
    margin: 1px 5px 0px 0px;
}

.radioHolder {
    width: 16px;
    height: 16px;   
}


.gutscheinBtn {
    width: calc(100% / 4 - 90px);
    min-width: 96px;
    max-width: 200px;
    height: auto;
    margin: 25px;
    display: inline-block;
    padding:5px;
    border: solid 1px #000000;
}

.gutscheinBtn img {
    margin-bottom: -7px;
}

.gutscheinBtnActive {
    border: solid 1px #949296;
    -webkit-border-radius: 7px; 
    -moz-border-radius: 7px; 
    border-radius: 7px; 
    padding:5px;
}

.priceTable tr:nth-child( odd )  {
    background-color: #363232;
}

.priceTable {
    width: 100%;
    text-align: center;
    border-collapse: collapse;
    
}

.priceTable td {
    padding: 5px 7px 3px 7px;
}

.priceTableCheck {
    width: 100%;
    max-width: 30px;
    height: auto;
    margin: auto;
}

.priceChooseHolder {
    background-color: #000000;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    width: fit-content;
    margin: auto;
    padding: 2px 5px;
}

.priceChooseItem {
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    padding:0.2vw 2.2vw;
    text-decoration:none;
    text-transform: uppercase;
    margin: 5px 0px 5px 0px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;     
}

.priceChooseActive{
    background-color:#da4928 ;      
}

.priceShowYear {
    display: none;
}

.preisHolderMobil {
    background-color: #202020;
    text-align: center;
    margin-bottom: 25px;
    padding: 10px;
}

.mobileOnly {
    display: none;     
}

.desktopOnly {
    display: block;
}


.denieHolder {
    margin-top: 5%;
}

.denieBadge {
    width: 90%;
    max-width: 200px;
    height: auto;
    margin: auto;
}

.denieTxt {
    width: 90%;
    margin: auto;
    text-align: center;
}



 
@media (max-width: 700px) {
    .mobileOnly {
        display: block;
    }

    .desktopOnly {
        display: none;
    }
}


@media screen and (max-width: 1080px){
    .profilHolder {
        width: 90%;
        margin: auto;
    }
    
    .profilImgOuter {
        width: 100%;
        margin-bottom: 25px;
    }
    
    .profilContent {
        width: 100%;
    }
    
    
}


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

    
    .singleContent {
        font-size: 16px;
        line-height: 1.5;
    }
    
    .iconFuenftel {
        width: calc(100% / 5 - 75px);
        display: inline-block;
        vertical-align: top;
        text-align: center;
    }

    .iconFuenftelCenter {
        margin: 0px 35px 0px 35px;
    }
    

}

@media screen and (max-width: 1399px) and (min-width: 1000px) {
    body {
        font-size: 1.275vw;
    }
    
    .detailLeft {
       width: 100%;
   }
   
    #pdfHolderOuter {
       width: 90%;
   }
   .detailRight {
       width: 100%;
       margin-left: 0px;
       margin-top: 25px;
   }
   
   .itemsVertFolge {
       display: inline-block;
       margin: 10px;
       width: calc(100% / 4 - 24px);
   }
    
    .btn {
        font-size: 1.275vw;
    }
    
    .detailOverlayContentHolder {
        width: 150%;
    }
    
    .singleContent {        
        line-height: 1.5;
    }

    .folgenTNG {
        margin-top: 0px;
    }
}

@media screen and (max-width: 999px) and (min-width: 700px) {
    body {
        font-size: 1.475vw;
    }
    
    .btn {
        font-size: 1.475vw;
    }
    
    #pdfHolderOuter {
       width: 90%;
   }
    .detailLeft {
       width: 100%;
   }
   .detailRight {
       width: 100%;
       margin-left: 0px;
       margin-top: 25px;
   }
   
   .itemsVertFolge {
       display: inline-block;
       margin: 10px;
       width: calc(100% / 4 - 23px);
   }
    
    .detailOverlayContentHolder {
        width: 175%;
    }
    
    .singleContent {        
        line-height: 1.5;
    }
    

    
    .einDrittel {
        float: none !important;
        margin-bottom: 2vw;
        margin: auto;
        width: calc(100% / 2);        
    }
    
    .einDrittelRegister {
        width: calc(100% - 32px);    
    }
    
    .chooseHolder {
        display: none;
    }
    
    .navItem {
        font-size: 11px;
        margin-left: 25px;
    }
    .folgenTNG {
        margin-top: 0px;
    }
    
    .ctaRowLeft {
        width: 100%;
        text-align: center;
    }

    .ctaRowRight {
        width: 100%;
        text-align: center;
    }
}




@media (max-width: 700px){
    
    .ctaRowLeft {
        width: 100%;
        text-align: center;
    }

    .ctaRowRight {
        width: 100%;
        text-align: center;
    }
    
    .ctaBtn {
        margin-top: 13px;
    }
    
    
    .availablePlayer {       
        margin-right:7px; 
        margin-top:17px; 
        width:50px;
    }
    
    .daily {
        margin-top:16px; 
        width:75px;
    }
    
    .modLandingBtn {
        margin: 5px 8px;
        max-width: 35px;
    }
    
    .podcastBtn {
        margin: 18px 5px 0px 0px;
        max-width: 30px;
    }
    
    .share, .melden {
        cursor: pointer;
        display: inline-block;
        margin-left: 10px;
    }

    .sharetxt {
        margin: 10px 0px;
    }

    .shareimg {
        margin: 8px 0px 0px 5px;
        width: 22px;
    }
    
     #thumbUpCount, #thumbDownCount {
        margin-top: 12px;
    }


    .thumbChooseHolder {
        width: 22px;
        height: auto;
        margin: 11px;
        margin-right: 0px;
    }
    
    .neugedacht {
        text-align: center;
        font-size: 80%;
        color: #da4928;
    }

    .neugedacht img {
        width: 20px;
        margin: -9px 10px;
    }
    
    .detailOverlayContentHolder {
        width: 200%;
    }
    body {
        font-size: 11px;
    }
    
    .btn {
        font-size: 11px;
    }
    
    h1 {
        font-size: 4vw;
    }
    
    .hPre {
        font-size: 20px;
    }
    
    h2 {
        font-size: 3vw;
    }
    
    .singleContent {        
        line-height: 1.5;
    }
    
    .chooseHolder {
        display: none;
    }
            
    .featureVideoContainer {
        display: none;
    }
    
    .itemContainer {
        margin: 35px 27px 15px 27px;
    }

     .detailOverlayButtonHolder {
        max-width: 6vw;
        left: 4vw;
        bottom: calc(25% - 10px);   
    }

    
     .einDrittel {
        float: none !important;
        margin-bottom: 2vw;
        margin: auto;
        width: calc(100%);        
    }
    
    .einDrittelRegister {
        width: calc(100% - 32px);    
    }
    
    
    #loginDialogPage {
        width: 95%;
    }
    
    .chooseHolderMobil {
        display: inline-block;
    }
    
    .mobilVersionVideo {
        display: inline-block;
    }
    
    #pdfHolderOuter {
       width: 90%;
    }
    .detailLeft {
       width: 100%;
    }
   
    .detailRight {
       width: 100%;
       margin: 0px;
       margin-top: 10px;
    }
   
   
    .itemsVertFolge {
       display: inline-block;
       margin: 10px;
       width: calc(100% / 2 - 22px);
   }
    
   
    .mobilVersionTags {
        display: inline-block;
    }
    
    .fullVersionTags {
        display: none;
    }
    /*
    .movieItemSearch {
        margin: 1vw !important;
        width: calc(100% / 5 - 2vw) !important;
    }
    */

}


blockquote {
    background: #272727;
    border-left: 10px solid #da4928;
    padding: 0.5em 10px;
    margin-bottom: 20px;
    font-size: 1.5em;
    font-weight: 300;
    font-style: italic;
    quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #da4928;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}

.frontVision {
    width: 80%;
    margin: auto;
    background-color: #2e3335;
    padding: 20px;
    text-align: center;
}
    
    
.contactFooterHolder {
    background-color: #05050a;
    padding: 25px 50px 35px 50px;
}

.roundBG {
    background-color: #1db6bc;
    color: #ffffff;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 300;
    border-radius: 20px 0px 0px 20px;
    -moz-border-radius: 20px 0px 0px 20px;
    -webkit-border-radius: 20px 0px 0px 20px;
    padding: 7px 0vw 7px 0vw;
    margin-bottom: 15px;
}

.contactTxtHolderOuter {
    text-align: left;
    padding-left: 4vw;
    width: 300px;
}

.contactTxtHolderHeadline {
    width: 300px;
    text-align: center;
    padding-left: 4vw;
}


.contactTxtHolderInner {
    text-align: center;
}
/*
@media (max-width: 1000px){
    .half {
        width: 100%;   
    }
}
*/

.vision_icon {
    width: calc(80% / 3);
    height: auto;
    display: inline-block;
    margin: auto;
}

.botschafter_icon {
    width: calc(80% / 2);
    height: auto;
    display: inline-block;
    margin: auto;
}

.vision_icon_welle {
    width: calc(80% / 4);
    height: auto;
    display: inline-block;
    margin: auto;
    margin-top: -50px;
}

.vision_palme {
    width: calc(100% / 2);
    height: auto;
    display: inline-block;
    margin: auto;
}

.vision_icon_feder {
    position: absolute;
    width: calc(80% / 4);
    height: auto;
    display: inline-block;
    top: -5%;
    left: 5%;
}

.vision_logo {
    width: 80%;
    float: right;
    padding: 45px;
    color: #394249;
    /* background-color: #967863; */
    border-radius: 0px 0px 0px 300px / 0px 0px 0px 150px;
    -moz-border-radius: 0px 0px 0px 300px / 0px 0px 0px 150px;
    -webkit-border-radius: 0px 0px 0px 300px / 0px 0px 0px 150px;
background: rgb(161,131,107);
background: -moz-linear-gradient(90deg, rgba(161,131,107,1) 0%, rgba(223,211,195,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(161,131,107,1) 0%, rgba(223,211,195,1) 100%);
background: linear-gradient(90deg, rgba(161,131,107,1) 0%, rgba(223,211,195,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#a1836b",endColorstr="#dfd3c3",GradientType=1);


}

.vision_farbeBox {
    background-color: #1db6bc;
    color: #ffffff;
    padding: 50px;
    text-align: center;
        font-size: 18px;
    line-height: 2;
}

.vision_sandbraun_txt {
 
background: #967863; /* Old browsers */
background: -moz-linear-gradient(left,  #967863 0%, #cfbeab 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #967863 0%,#cfbeab 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #967863 0%,#cfbeab 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#967863', endColorstr='#cfbeab',GradientType=1 ); /* IE6-9 */
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
 background-position: right;
 background-size: cover;

}

.vision_colorBox {
    padding: 50px; 
    float: right;
    width: 200px;
    
}

.vision_tuerkies {
    background-image: url('/front/img/nuoflix_Farbkugel-Tuerkis.png');
    background-repeat: no-repeat;
    padding-left: 30px;  /* width of the image plus a little extra padding */
    margin-left: -30px;
    height: 20px;
}

.vision_steingrau {
    background-image: url('/front/img/nuoflix_Farbkugel-Steingrau.png');
    background-repeat: no-repeat;
    padding-left: 30px;  /* width of the image plus a little extra padding */
    margin-left: -30px;
    height: 20px;
}

.vision_sandbraun {
    background-image: url('/front/img/nuoflix_Farbkugel-Goldbraun.png');
    background-repeat: no-repeat;
    padding-left: 30px;  /* width of the image plus a little extra padding */
    margin-left: -30px;
    height: 25px;
}

.folgen {
    width: 90%;
    height: 100%;
    z-index: 501;
    margin-top: -100px;
    margin-left: 5%;
}

.folgenTNG {
    width: 90%;
    height: 100%;
    z-index: 501;
    margin-top: -100px;
    margin-left: 5%;
}


.folgenTrailer {
    width: 100%;
    height: auto;
    z-index: 501;
}

.affiliateDashPic {
        width: calc(25% - 40px); 
        display: inline-block; 
        vertical-align: top;
    }


@media (max-width: 1000px){
    
    .affiliateDashPic {
        width: 100%; 
        margin-left: calc(50% - 71px);
        text-align: center;
    }
    
    
    .vision_colorBox {
        float: none;
        margin: auto;
    }
    
    .vision_icon_welle {
        width: calc(80% / 2);
        height: auto;
        display: inline-block;
        margin: auto;
        margin-top: 0px;
    }
    
    .folgen {
        margin-top: 0px;
    }
    
    .folgenTNG {
        margin-top: 0px;
    }
        
}



#paymentOverlay {
    position: fixed;
    width: 500px;
    left: 50%;
    transform: translateX(-50%);
    max-width: calc(100vw - 60px);
    max-height: calc(100vh - 120px);
    overflow-y: auto;
    padding: 15px;
    margin: auto;
    background-color: #fafafa;
    z-index: 2000;
    display: none;
    border: 2px solid #3ba8b6;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 10px 10px 25px 6px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 25px 6px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 25px 6px rgba(0,0,0,0.75);
}



#flatPaymentOverlay {
    position: fixed;
    width: 500px;
    left: 50%;
    top: 50px;
    transform: translateX(-50%);
    max-width: calc(100vw - 60px);
    max-height: calc(100vh - 120px);
    overflow-y: auto;
    padding: 15px;
    margin: auto;
    background-color: #fafafa;
    z-index: 2000;
    border: 2px solid #3ba8b6;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 10px 10px 25px 6px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 25px 6px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 25px 6px rgba(0,0,0,0.75);
}

.sharerClose {
    position: absolute;
    top: -12px;
    right: -13px;
    width: 25px;
    height: 25px;
    cursor: pointer;
}

#sharerOverlay {
    position: fixed;
    width: 500px;
    left: 50%;
    top: 25%;
    transform: translateX(-50%);
    max-width: calc(100vw - 60px);
    max-height: calc(100vh - 120px);    
    /* overflow-y: auto; */
    padding: 15px;
    margin: auto;
    background-color: #1d1d1d;
    z-index: 2000;
    border: 1px solid #da4928;
   
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 10px 10px 25px 6px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 25px 6px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 25px 6px rgba(0,0,0,0.75);
    display: none;
}


.viewTimeholder {
    position: absolute;
    width: 100%;
    height: 3px;
    bottom: 0px;
}

.viewTime {
    background-color: #D53D16;
    height: 3px;
    display: none;
}

.backarrowHolder {
    position: absolute;
    width: 24px;
    height: 24px;
    top: 16px;
    left: 2.5vw;
    cursor: pointer;
}

.backarrow {
    width: 100%;
    height: 100%;
}

.singleContent h6{
    color: #D53D16;
    font-weight: inherit;
    font-size: inherit;
    display: inherit;
    margin: inherit;
}

.fsk_icon {
    width: 45px !important;
    height: 45px !important;
}

#gutscheinPrice {
    top: 7vw;
    left: 15vw;
    position: absolute;
    color: #000000;
    font-size: 7vw;
    transform: rotate(-7deg);
    -webkit-transform: rotate(-7deg);
    -moz-transform: rotate(-7deg);
    -ms-transform: rotate(-7deg);
    -o-transform: rotate(-7deg);
    font-weight: bold;
}




#coponHint {
    font-size: small;
    color: #000000;
    font-weight: bolder;
}

.nextEpisode {
    position: absolute;
    width: 172px;
    height: auto;
    bottom: 25px;
    right: 25px;
    padding: 15px;
    border: 1px solid #3ba8b6;
    font-size: 120%;
    color: #3ba8b6;
    text-transform: uppercase;
    cursor: pointer;
    background-color: #000000;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}


.activeBorder {
    outline: 2px solid #ff6e00;
    outline-offset: -3px;   
}

.activeBorderPlay{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    text-align: center;
}

.activeBorderPlay img {
    max-width: 65px;
    height: auto;
    margin: 1.5vw auto;
}


.movieItemOver {
    margin: 25px 0px 25px 0px;
}

/* the slides */
  .slick-slide {
    margin: 0 0.25vw;
  }
  /* the parent */
  .slick-list {
    margin: 0 0.25vw;
  }
  
  #pdfHolder {
      margin-top: 50px;
  }
  
.headerTxt h2 {
    color: #da4928;
}

#passwdHint {
    color: #da4928;
}

#profilHint {
    color: #da4928;
}

#nickHint {
    color: #da4928;
}

.profilPic {
    display: inline-block;
    width: 75px;
    height: 75px;
    margin-right: 15px;
    vertical-align: top;
    overflow: hidden;
     -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    background-color: #323232;
}

.profilPic img {
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
}

.profilName {
    width: calc(100% - 95px);
    display: inline-block;
    vertical-align: top;
}

.extSendHolder {
    max-width: 230px;
    margin-top: 11px;
    height: auto;
}

.commentItem {
    margin-bottom: 10px;
    background-color: #252525;
    padding: 15px;
}

.replyBtn {
    width: fit-content;
    text-transform: uppercase;
    font-size: 60%;
    border: 1px solid #949296;
    padding: 5px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    cursor: pointer;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 15px;
}

.replyBtn:hover {
    background-color: #2d2d2d;
}

.replyBtnHolder {
    width: 100%;
    text-align: right;
    margin-top: 10px;
}

.editCom {   
    display: inline-block;  
    cursor: pointer;
}

.editCom:hover {
    background-color: #2d2d2d;
}

.editReply {   
    display: inline-block;  
    cursor: pointer;
}

.editReply:hover {
    background-color: #2d2d2d;
}


.allReplys {
    width: 100%;    
    margin-top: 10px;
}

.replyHolder {
    display: none;
}


.profilPicSmall {
    display: inline-block;
    width: 55px;
    height: 55px;
    margin-right: 15px;
    vertical-align: top;
    overflow: hidden;
     -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
}

.profilPicSmall img {
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
}

.notify {    
    width: 8px;
    height: 8px;
    display: inline-block;
    vertical-align: top;
    margin-left: -2px;
}

.max600 {
    width: calc(100% - 30px);
    max-width: 600px;
    margin: auto;
    padding: 0px 15px;
}