/*
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: 2vw;
    margin-bottom: 5vw; 
    padding-bottom: 0px;
    color: #949296;
    /* 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;
}

ul {
    line-height: 1.4;
}

li {
    margin: 10px 0px 10px 0px;
}

#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;
}




#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;
}

*/

.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;
}

.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% - 40px);
    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;
    color: #135861;
}

::placeholder { color: #42bdcd; }

select {
    color: #135861;
}

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;
}

.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;
}

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

.paginationBottom {
    text-align: center;
}
.paginationBottom 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;
}
.agbHolderReg {
    font-size: small;
}

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



.registerSelect {
    background-color: #a2846c;
    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);
}

.registerSelect_v2 {
    background-color: #1cbcbd;    
}

.contentFilmItem {
    position: relative;
    display: inline-block;
    width: calc(100% / 7 - 25px);
    margin: 10px;
    
    -webkit-box-sizing: border-box; 
   -moz-box-sizing: border-box; 
   box-sizing: border-box;
   -webkit-box-shadow: 2px 2px 15px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 2px 2px 15px 0px rgba(0,0,0,0.5);
    box-shadow: 2px 2px 15px 0px rgba(0,0,0,0.5);
}

.contentFilmeHolder {
    margin-left: 30px;
    margin-right: 30px;
}

 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: #42bdcd; }
 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; }
 
 .detailSubInner a           { text-decoration:underline; outline: none;}
 .detailSubInner a:link      { text-decoration:underline; color: #949296; }
 .detailSubInner a:visited   { text-decoration:underline; color: #949296; }
 .detailSubInner a:hover     { text-decoration:underline; color: #42bdcd; }
 .detailSubInner a:active    { text-decoration:underline; color: #949296; }
 
 .txtContent a           { text-decoration:none; outline: none;}
 .txtContent a:link      { text-decoration:none; color: #3ba8b6; }
 .txtContent a:visited   { text-decoration:none; color: #3ba8b6; }
 .txtContent a:hover     { text-decoration:underline; color: #3ba8b6; }
 .txtContent a:active    { text-decoration:none; color: #3ba8b6; }
 
 
 .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: #42bdcd; }
 .agbHolder a:visited   { text-decoration:none; color: #42bdcd; }
 .agbHolder a:hover     { text-decoration:underline; color: #42bdcd; }
 .agbHolder a:active    { text-decoration:none; color: #42bdcd; }
 
 .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; }
 
 .linkWhite a           { text-decoration:underline; outline: none;}
 .linkWhite a:link      { text-decoration:underline; color: #f1f1f1; }
 .linkWhite a:visited   { text-decoration:underline; color: #f1f1f1; }
 .linkWhite a:hover     { text-decoration:underline; color: #f1f1f1; }
 .linkWhite a:active    { text-decoration:underline; color: #f1f1f1; }
 
 .tuerkiesA a           { text-decoration:none; outline: none;}
 .tuerkiesA a:link      { text-decoration:none; color: #1db6bc; }
 .tuerkiesA a:visited   { text-decoration:none; color: #1db6bc; }
 .tuerkiesA a:hover     { text-decoration:underline; color: #1db6bc; }
 .tuerkiesA a:active    { text-decoration:none; color: #1db6bc; }
 
 #loginDialogPage a           { text-decoration:none; outline: none;}
 #loginDialogPage a:link      { text-decoration:none; color: #42bdcd; }
 #loginDialogPage a:visited   { text-decoration:none; color: #42bdcd; }
 #loginDialogPage a:hover     { text-decoration:underline; color: #42bdcd; }
 #loginDialogPage a:active    { text-decoration:none; color: #42bdcd; }
 
 .txtContentHolder a           { text-decoration:none; outline: none;}
 .txtContentHolder a:link      { text-decoration:none; color: #42bdcd; }
 .txtContentHolder a:visited   { text-decoration:none; color: #42bdcd; }
 .txtContentHolder a:hover     { text-decoration:underline; color: #42bdcd; }
 .txtContentHolder a:active    { text-decoration:none; color: #42bdcd; }
 
 .affiliate a           { text-decoration:none; outline: none;}
 .affiliate a:link      { text-decoration:none; color: #42bdcd; }
 .affiliate a:visited   { text-decoration:none; color: #42bdcd; }
 .affiliate a:hover     { text-decoration:underline; color: #42bdcd; }
 .affiliate a:active    { text-decoration:none; color: #42bdcd; }
 

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

 .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; }
 
 .mobileBtn           { text-decoration:none; outline: none;}
 .mobileBtn:link      { text-decoration:none; color: #ffffff; }
 .mobileBtn:visited   { text-decoration:none; color: #ffffff; }
 .mobileBtn:hover     { text-decoration:none; color: #ffffff; }
 .mobileBtn:active    { text-decoration:none; color: #ffffff; }
 
 .faqContent a           { text-decoration:underline; outline: none; font-weight: bold; }
 .faqContent a:link      { text-decoration:underline; color: #42bdcd; font-weight: bold; }
 .faqContent a:visited   { text-decoration:underline; color: #42bdcd; font-weight: bold; }
 .faqContent a:hover     { text-decoration:underline; color: #42bdcd; font-weight: bold; }
 .faqContent a:active    { text-decoration:underline; color: #42bdcd; font-weight: bold; }
 
 .preloaderInner {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    background-image: url("/img/preloader.gif");
    -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%;
 }
 
 .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;
 }
 

 






 .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;
 }
 


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

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

.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;
}

.einViertelPay_v2 {
    width: calc(100% / 4 - 33px);
    min-width: 135px;
    float: left;
    padding: 10px;
    margin: 5px;   
    text-align: center;
    cursor: pointer;
    background-color: #202020;
    border: none;
}

.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%;
    /* min-width: 700px; **/
    
}

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


.linkItem {
    background-color: #131213;
    margin: 20px;
        -webkit-border-top-left-radius: 10px;
        -webkit-border-top-right-radius: 10px;
        -moz-border-radius-topleft: 10px;
        -moz-border-radius-topright: 10px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        
        display: inline-block;
        width: 100%;
        max-width: 200px;
        margin: 15px 15px;
        
}

.linkItem img{    
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.linkTitle {
    /* font-weight: bold; */
    padding: 5px 10px 5px 10px;
    height: 48px;
    overflow: hidden;
}

.linkDesc {
    padding: 2px 10px 5px 10px;
    font-size: 90%;
}

.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;
}



.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: #42bdcd;
   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: 85%;
    height: auto;
    margin: auto;
}

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

.gastPic {
    max-width: 90px;
    height: auto;
    display: inline-block;
    vertical-align: top;
    margin-top: 5px;
}

.originalsDescLeft {
    width: 260px;
    display: inline-block;
    vertical-align: top;
}

.originalsDescMid {
    position: relative;
    width: calc(100% - 810px);
    min-height: 135px;
    display: inline-block;
    vertical-align: top;
    margin-right: 15px;
    
}

.originalsDescMidInner {
    margin-top: 44px;
    max-height: 52px;
    overflow: hidden;
}

.originalsDescMidInnerSub {
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.originalsDescRight {
    width: 520px;
    display: inline-block;
    vertical-align: top;
}

.gastSocial {
    max-width: 135px;
    height: auto;
    display: inline-block;
    vertical-align: top;
    margin: 7px 10px 0px 10px;
}

.videoHolderPlayexTrailer {
    width: 45%;
    height: auto;
    margin: auto;
}

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

.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: 25px 0px 15px 0px;
}



.sliderHolder {
    width: 100%;
    /* background-color: #131213; */
    max-width: 2200px;
    margin: auto;
    margin-bottom: 70px;
}

.sliderHolderHeader {
    padding-bottom: 20px;
    vertical-align: middle;
}

 .movieItem {     
    position: relative;
    margin: 0px 1px 0px 1px;
 }
 
 .staffelcheck {
    height: 33px;
 }
 
 .flatBanner {
     position: absolute;
     bottom: 0px;
     right: 0px;
     width: 100%;
     max-width: 100px;
     height: auto;
     text-align: right;
 }
 
 .gefuehlBanner {
     position: absolute;
     bottom: 3px;
     right: 3px;
     width: 21px;
     max-width: 100px;
     height: auto;
     text-align: right;
 }
 
  .gefuehlBanner img{
     max-width: 21px;
     height: auto;
     text-align: right;
 }
 
 .gefuehlIcon {
     display: inline-block;
     vertical-align: top;
     width: 50px;
 }
 
 .gefuehlIconDetail {
     display: inline-block;
     margin-top: 5px;
 }
 
  .gefuehlIconDetail img{
     width: 100%;
     max-width: 40px;
     height: auto;
     text-align: right;
     margin-right: 15px;
 }
  .gefuehlIcon img{
     width: 100%;
     max-width: 50px;
     height: auto;
     text-align: right;
     margin-right: 15px;
 }
 
 .gefuehlIcon span {
     display: inline-block;
     vertical-align: top;
     margin-top: 13px;
 }
 .gefuehlIconDetail span {
     display: inline-block;
     vertical-align: top;
     margin-top: 13px;
 }
 

 
 .detailbox {
     /*width: 95%;*/
     width: 100%;
     /*max-height: 647px;*/
     background-color: #131213;
     margin: auto;
     margin-top: 25px;
 }
 
 .detailboxInner {
     /* margin: 15px; */
     color: #949296;
 }
 
 .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: 100%;
     text-align: center;
     margin: auto;
     bottom: 0px;
     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;
}

.hDescSub {
    font-weight: 300;
    display: inline-block;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 125%;
}

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

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

.txtContent strong {
    color: #42bdcd;
}

.txtContent em {
    /* color: #42bdcd; */
}

.txtContent h2 {
    color: #ffffff;
}

.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);
}

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

.itemsVertFolge {
    position: relative;
    display: inline-block;
    width: calc(100% - 25px);
    margin-top: 7px;
}

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

.detailLeft {
    display: inline-block;
    width: 300px;
    vertical-align: top;
    margin-right: 15px;
}

.detailRight {
    display: inline-block;
    width: calc(100% - 321px);
    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;
    
}

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

.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;
}

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

.propheItem{
    display: inline-block;
    margin: 15px;
    max-width: 250px;
    width: calc(85% / 5);
}


.linesAround {
    overflow: hidden;
    text-align: center;
    margin: 25px 0px;
    color: #3ba8b6;
}
.linesAround:before,
.linesAround:after {
    background-color: #3ba8b6;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%;
}
.linesAround:before {
    right: 0.5em;
    margin-left: -50%;
}
.linesAround:after {
    left: 0.5em;
    margin-right: -50%;
}

.trailerHolder {
    position: relative;
    z-index: -1;
    max-width: 1920px;
    margin: 0px auto 0px auto;
}

.trailerHolderMobil {
    position: relative;
}

.coverTrailerBigHolder {
    max-width: 600px;
    margin: auto;
    width: 65%;  
    padding: 25px 0px;
    text-align: center;
}

.coverTrailerBigHolder img {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.9)  ; 
    -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.9)  ; 
    -moz-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.9)  ; 
}

.coverTrailerBgBlur {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    filter: blur(10px);
    -webkit-filter: blur(10px);
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.25;
    z-index: -1;    
}

.trailerBtnHolder {
    margin-top: -75px;
    width: 300px;
    margin-left: 5%;
    display: inline-block;
    vertical-align: top;
}

.trailerBtnHolderMobil {
    margin: 0px auto;    
    display: block;
    width: 90%;
    max-width: 300px;
}

.trailerIconHolder {
    display: inline-block;
    vertical-align: top;
    width: calc(90% - 400px);
    /* max-width: 975px; */
    margin: 0px 5%;
    margin: 0px 0px 0px 5%;
    margin-top: -70px;
}

.trailerIconHolderMobil {
    display: block;
    max-width: 600px;
    width: 90%;
    margin: 0px auto;
    text-align: center;
}

.trailerIconItem {
    display: inline-block;
    width: fit-content;
    margin: 5px 5px;
}

.filmIcon {
    color: #7a7a7a;
    /*border: 2px solid #7a7a7a;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 0px 7px;*/
    font-size: small;
    font-weight: bolder;
}

.filmIconGefuehl {
    display: inline-block;
    width: 30px;
    height: 30px;
    /*border: 2px solid #7a7a7a;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;*/
    padding: 3px;
    vertical-align: middle;
}

.filmIconInner {
    display: inline-block;
    width: 15px;
    height: 15px;    
    padding: 3px;
    vertical-align: top;
}

.filmIconInnerTon {
    display: inline-block;
    width: 40px;
    height: 15px;    
    padding: 3px;
    vertical-align: top;
}

.trailerPlayBtnHolder {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    cursor: pointer;
}

.trailerPlayBtn {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 150px;
    height: 150px;
    background-image: url("/img/PantaRay_Button_off.png");
    background-repeat: no-repeat;
    margin: auto;
    margin-bottom: 1vw;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    transform: translateY(-50%) translateX(-50%);
    
}
.trailerPlayBtnHolder:hover .trailerPlayBtn {
    background-image: url("/img/PantaRay_Button_on.png");    
}

.trailerVidOverlay {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #000000;
    z-index: 1001;
    display: none;
}

.openTrailer {
    cursor: pointer;
    max-width: 600px;
    width: 90%;
    position: relative;
    margin: auto;
}

.countdownHolder {
    width: calc(90% - 30px);
    max-width: 625px;
    margin: auto;
    border: 1px solid #3ba8b6;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    padding: 15px;
    text-align: center;
}

.countdownItem {
    display: inline-block;
    margin: 0px 0.25vw 0px 0.25vw;
    width: fit-content;
    vertical-align: top;
}

.countdownItem span{
    font-family: robotoMono;
    display: inline-block;
    font-size: 5vw;
    font-size: clamp(1rem, 5vw, 4vw);
    color: #3ba8b6;
}

.countdownBreaker {   
    font-size: clamp(1rem, 5vw, 4vw);
    color: #3ba8b6;
}


.countdownHolderBanner {
    position: absolute;
    top: 2%;
    right: 2.5%;
    max-width: 625px;
    margin: auto;
    padding: 0px 10px 5px 10px;
    text-align: center;
        -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: rgba(0,0,0,0.5);
}

.countdownItemBanner {
    display: inline-block;
    margin: 0px 0.25vw 0px 0.25vw;
    width: fit-content;
    vertical-align: top;
}

.countdownItemBanner span{
    font-family: robotoMono;
    display: inline-block;
    font-size: 5vw;
    font-size: clamp(1rem, 5vw, 4vw);
    color: #ffffff;
}

.countdownBreakerBanner {   
    font-size: clamp(1rem, 5vw, 4vw);

}

@media screen and (max-width: 1800px){
    .folgenTNG {
        margin-top: 0px;
    }
}

@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;
    }
    
    .btn {
        font-size: 1.275vw;
    }
    
    .detailOverlayContentHolder {
        width: 150%;
    }
    
    .singleContent {        
        line-height: 1.5;
    }

    .folgenTNG {
        margin-top: 0px;
    }
    
    .detailLeftTalk {
       width: 100%;
    }
    
    .detailRightTalk {
       width: 100%;
       margin-left: 0px;
       margin-top: 25px;
   }
   
   .itemsVertFolge {
       display: inline-block;
       margin: 10px;
       width: calc(100% / 4 - 24px);
   }
}

@media screen and (max-width: 999px) and (min-width: 700px) {
    body {
        font-size: 1.475vw;
    }
    
    .btn {
        font-size: 1.475vw;
    }
    
    .detailOverlayContentHolder {
        width: 175%;
    }
    
    .singleContent {        
        line-height: 1.5;
    }
    
    .footerItem {
        width: calc(100% / 3);   
        height: 175px;
    }
    
    .einDrittel {
        float: none !important;
        margin-bottom: 2vw;
        margin: auto;
        /* width: calc(100% / 2);*/
        width: calc(100% - 32px);
    }
    
    .einDrittelRegister {
        width: calc(100% - 32px);    
    }
    
    .chooseHolder {
        display: none;
    }
    
    .chooseHolderMobil {
        display: inline-block;
    }
    
    .navItem {
        font-size: 11px;
        margin-left: 25px;
    }
    .folgenTNG {
        margin-top: 0px;
    }
    
    .zweiDrittel {
        float: none;
        width: calc(100% - 32px);
    }
    
    .detailLeftTalk {
       width: 100%;
    }
    
    .detailRightTalk {
       width: 100%;
       margin-left: 0px;
       margin-top: 25px;
   }
   
   .itemsVertFolge {
       display: inline-block;
       margin: 10px;
       width: calc(100% / 4 - 24px);
   }
}




@media (max-width: 700px){
    .detailOverlayContentHolder {
        width: 200%;
    }
    body {
        font-size: 11px;
    }
    
    .btn {
        font-size: 11px;
    }
    
    h1 {
        font-size: 4vw;
    }
    
    .itemHeader {
        font-size: 4vw;
    }
    
    .hPre {
        font-size: 20px;
    }
    
    h2 {
        font-size: 13px;
    }
    
    h3 {
        font-size: 13px;
    }
    
    .singleContent {        
        line-height: 1.5;
    }
    
    .chooseHolder {
        display: none;
    }
            
    .featureVideoContainer {
        display: none;
    }
    
    .itemContainer {
        margin: 35px 20px 15px 20px;
    }
    
    .footerItem {
        width: calc(100% / 2);   
        height: 165px;
    }
    
    .footerItemSmall {
        float: none;
        margin-bottom: 2vw;
    }
    
     .einDrittel {
        float: none !important;
        margin-bottom: 2vw;
        margin: auto;
        width: calc(100%);        
    }
    
    .einDrittelRegister {
        width: calc(100% - 32px);    
    }
    
    
    .zweiDrittel {
        float: none;
        width: calc(100% - 32px);
    }
    
    #loginDialogPage {
        width: 95%;
    }
    
    .chooseHolderMobil {
        display: inline-block;
    }
    
    .mobilVersionVideo {
        display: inline-block;
    }
    /*
    .fullVersionVideo {
        display: none;
    }
   */ 
   
   .detailRight {
       width: 100%;
   }
   
    .mobilVersionTags {
        display: inline-block;
    }
    
    .fullVersionTags {
        display: none;
    }
    
    .movieItemSearch {
        margin: 1vw !important;
        width: calc(100% / 5 - 2vw) !important;
    }
    .contentFilmItem {
        margin: 5px !important;
        width: calc(100% / 5 - 14px) !important;
    }
    
    .videoHolderPlayexTrailer {
        width: 75%;        
    }
    
    .detailLeftTalk {
       width: 100%;
    }
   
    .detailRightTalk {
       width: 100%;
       margin: 0px;
       margin-top: 10px;
    }
   
   
    .itemsVertFolge {
       display: inline-block;
       margin: 10px;
       width: calc(100% / 2 - 22px);
   }
    
}



.genreBlume {
    display: inline-block;
    position: relative;
    max-width: 700px;
    width: 80%;
    height: auto;
    margin-left: 10%;
     margin-right: 10%;
}



.genreBlumeOuter {
    position: relative;
    background-color: #1db6bc; 
    
}


.genreBlumeOuterBg {
    position: absolute;    
    width: 100%;
    height: 69%;
    top: 20%;
    z-index: -1;
}

.genreBlumeHolder {
    position: relative;
    width: 100%;
    height: auto; 
    margin: auto;
    /*
    background-repeat: repeat-x;
    background-size: contain;*/
    /*background-color: #1cbcbd;
    background-position-y: 50px;*/
}

.blume_bg {
    position: absolute;
    width: 100%;
    min-height: 26.5vw;  
    top: 4vw;
}

.gefuehl_uplift {
    position: absolute;
    top: 15%;
    left: 3%;
    width: 35%;
    height: 20%;
}

.gefuehl_vision {
    position: absolute;
    top: 15%;
    left: 62.5%;
    width: 35%;
    height: 20%;
}

.gefuehl_beruehrend {
    position: absolute;
    top: 40%;
    left: 36%;
    width: 35%;
    height: 20%;    
}

.gefuehl_tobak {
    position: absolute;
    top: 64%;
    left: 3%;
    width: 35%;
    height: 20%;    
}

.gefuehl_komfortzone {
    position: absolute;
    top: 64%;
    left: 62.5%;
    width: 35%;
    height: 20%;
}

.neuBlume_politik {
    position: absolute;
    top: 5%;
    left: 52.5%;
    width: 15%;
    height: 10%;    
}

.neuBlume_koerper {
    position: absolute;
    top: 10%;
    left: 67.5%;
    width: 15%;
    height: 10%;
}

.neuBlume_wirtschaft {
    position: absolute;
    top: 23.5%;
    left: 78.5%;
    width: 15%;
    height: 10%;    
}

.neuBlume_wissenschaft {
    position: absolute;
    top: 43%;
    left: 82.5%;
    width: 15%;
    height: 10%;
}

.neuBlume_spiritualitaet {
    position: absolute;
    top: 61%;
    left: 78.5%;
    width: 15%;
    height: 10%;
}

.neuBlume_wissen {
    position: absolute;
    top: 76.5%;
    left: 67.5%;
    width: 15%;
    height: 10%;
}

.neuBlume_all {
    position: absolute;
    top: 82%;
    left: 52.5%;
    width: 15%;
    height: 10%;    
}

.neuBlume_mobi {
    position: absolute;
    top: 76.5%;
    left: 37.5%;
    width: 15%;
    height: 10%;    
}

.neuBlume_kunst {
    position: absolute;
    top: 63%;
    left: 26.5%;
    width: 15%;
    height: 10%;
}

.neuBlume_medien {
    position: absolute;
    top: 43%;
    left: 22.5%;
    width: 15%;
    height: 10%;    
}

.neuBlume_bildung {
    position: absolute;
    top: 23.5%;
    left: 25.5%;
    width: 15%;
    height: 10%;
}

.neuBlume_natur {
    position: absolute;
    top: 10%;
    left: 37.5%;
    width: 15%;
    height: 10%;
}

.blume_politik {
    position: absolute;
    top: 7%;
    left: 43%;
    width: 15%;
    height: 10%;
}

.blume_gesundheit  {
    position: absolute;
    top: 12%;
    left: 61%;
    width: 15%;
    height: 10%;
}

.blume_wirtschaft {
    position: absolute;
    top: 25%;
    left: 75%;
    width: 15%;
    height: 10%;
}

.blume_technik {
    position: absolute;
    top: 43%;
    left: 80%;
    width: 15%;
    height: 10%;
}

.blume_bewusstsein {
    position: absolute;
    top: 60%;
    left: 75%;
    width: 15%;
    height: 10%;
}

.blume_grenzwissen {
    position: absolute;
    top: 75%;
    left: 61%;
    width: 15%;
    height: 10%;
}

.blume_all {
    position: absolute;
    top: 81%;
    left: 43%;
    width: 15%;
    height: 10%;
}

.blume_infra {
    position: absolute;
    top: 75%;
    left: 23%;
    width: 16%;
    height: 10%;
}

.blume_kunst {
    position: absolute;
    top: 63%;
    left: 10%;
    width: 15%;
    height: 10%;
}

.blume_medien {
    position: absolute;
    top: 43%;
    left: 5%;
    width: 15%;
    height: 10%;
}

.blume_bildung {
    position: absolute;
    top: 25%;
    left: 9%;
    width: 15%;
    height: 10%;
}

.blume_natur {
    position: absolute;
    top: 12%;
    left: 24%;
    width: 15%;
    height: 10%;
}

.genreBlumeTxt {
    display: inline-block;
    width: 90%;
    height: 100%;
    vertical-align: top;
    margin-right: 5%;
    margin-left: 2%;
}

.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/PantaRay_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/PantaRay_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_ozeanblau {
    background-image: url('/front/img/cosmic-cine/visionen/CCTV_Visionen-Kreis-Ozeanblau.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/PantaRay_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%;
}




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

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

.fullOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    top:0px;
    left: 0px;
    background-color: #000000;
    background-color: rgba(0,0,0,0.80);
    z-index: 3000;
}

.fullOverlayStage {
    width: calc(100% - 50px);
    margin: auto;
    text-align: center;
    padding: 25px;
    background-color: #000000;
    background-color: #1db6bc;
}
    

@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);
}


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

.viewTime {
    background-color: #42bdcd;
    height: 3px;
    /* display: none; */
}

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

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

.singleContent h6{
    color: #42bdcd;
    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;
}

#couponHint {
    font-size: small;
    color: #1cbcbd;
    font-weight: bolder;
}

#couponHintPreis {
    font-size: small;
}

.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;
}

.smartItemsHolder {
    width: fit-content;
    width: -moz-max-content;
    margin: auto;
}

.smartItems {
    position: relative;
    display: inline-block;
    width: calc(100% / 4 - 34px);
    max-width: 300px;
    height: auto;
    margin: 15px;
    cursor: pointer;
}

.smartPic {
    width: 80%;
    max-width: 984px;
    margin: auto;
    -webkit-box-shadow: 0px 0px 10px 4px #42BDCD; 
box-shadow: 0px 0px 10px 4px #42BDCD;
}

.smartHeader {
    color:#ffffff;
    margin-top: 3px;
    display: inline-block;
}

.detailSubHeader {
    color: #42bdcd;
    text-transform: uppercase;
}

.detailSubContent {    
    padding: 2vw;
}

.detailSubTxt .txtToggle {
    overflow: hidden;
    display: none;
}

.txtInline {
    display: inline;
}


.detailSubInner {
    line-height: 1.5;
    margin: 5px 0px 20px 0px;
}

.more {
    width: 50px;
    height: auto;
    margin: auto;
    cursor: pointer;
    -webkit-transition: transform 1s ease-out;
    -moz-transition: transform 1s ease-out;
    -o-transition: transform 1s ease-out;
    transition: transform 1s ease-out;
}

.moreOnDetail {
    width: 50px;
    height: auto;
    margin: auto;
    cursor: pointer;
    -webkit-transition: transform 1s ease-out;
    -moz-transition: transform 1s ease-out;
    -o-transition: transform 1s ease-out;
    transition: transform 1s ease-out;
}

.scrollToBeschreibung {
    position: absolute;
    bottom: 0px;
    left: calc(50% - 25px);
    width: 50px;
    height: 19px;
    margin: auto;
    cursor: pointer;
    -webkit-transition: transform 1s ease-out;
    -moz-transition: transform 1s ease-out;
    -o-transition: transform 1s ease-out;
    transition: transform 1s ease-out;
}

.detailSubTxt h6{
    color: #42bdcd;
    font-weight: inherit;
    font-size: inherit;
    margin: inherit;
}

#detailSubTxt {
    overflow: hidden;
}

.detailSubTxt img{
    width: 50%;
    max-width: 250px;
    height: auto;
}

.detailSubTalksIcon {
    display: inline-block;
    width: 64px;
    margin-right: 15px;
    vertical-align: top;
    padding-top: 4.5vw;
}

.detailSubTalksIcon img {
    width: 64px;
    height: auto;
}

.detailSubTalks {
    display: inline-block;
    width: calc(100% - 85px);
}

.genreWelleBunt {
    position: absolute;
    top: 114%;
    left: 61%;
    width: 20%;
    max-width: 280px;
    min-width: 140px;
    height: auto;
    margin: auto;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%); 
}

.affiliateThumbHolderTop {
    max-width: 300px;
    margin: auto;
    padding: 10px 10px 0px 10px;
    background: rgb(150,120,99);
    background: -moz-linear-gradient(90deg, rgba(150,120,99,1) 0%, rgba(212,201,186,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(150,120,99,1) 0%, rgba(212,201,186,1) 100%);
    background: linear-gradient(90deg, rgba(150,120,99,1) 0%, rgba(212,201,186,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#967863",endColorstr="#d4c9ba",GradientType=1);
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.affiliateThumbHolderBottom {
    max-width: 300px;
    margin: auto;
    margin-top: -6px;
    padding: 10px 10px 10px 10px;
    background-color: #1cbcbd;    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.pfeilUp {
    width: 45px;
    height: auto;
    margin: auto;
}

.pantaCheck {
    width: 22px;
    height: auto;
    margin-right: 15px;
    margin-top: 5px;
    display: inline-block;
    vertical-align: top;
}

.affiliateVorteile {
    width: calc(100% - 53px);
    height: auto;
    margin-right: 15px;
    margin-top: 5px;
    display: inline-block;
}

.affiliateIcon {
    width: 45px;
    height: auto;
    margin-right: 7px;
}

.embedVorschauToggle {
    width: 50px;
    height: auto;
    margin: auto;
    cursor: pointer;
    -webkit-transition: transform 1s ease-out;
    -moz-transition: transform 1s ease-out;
    -o-transition: transform 1s ease-out;
    transition: transform 1s ease-out;
}

.welleBunt {
    width: 70%;
    max-width: 350px;
    min-width: 140px;
    height: auto;
    margin: auto;
}

.moreDarstellerBtn {
    display: inline-block;
    cursor: pointer;
    margin-left: 10px;
}

.shortDarsteller {
    display: inline-block;
}

.faqHead {    
    width: calc(100% - 22px);
    color: #3ba8b6;
    text-transform: uppercase;      
}

.faqItem {
    position: relative;
    background-color: #1e1d1e;
    padding: 10px;
    margin-bottom: 25px;
}

.faqHandel {
    position: absolute;
    top: 10px;
    right: 7px;
    width: 26px;
    height: 26px;
}

.faqContent {
    margin-top: 10px;
}

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

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

.mobilOnlyTalk {
    display: none;
    width: 100%;
    padding: 2vw;
}

.originalsDescMid {
    display: inline-block;
}

.pfeil {
    width: 75px;
    margin: auto;
}

.pfeilSmall {
    width: 45px;
    margin: auto;
}

.smallPreloader {
    width: 25px;
    height: 25px;
    margin: auto;
    display: none;
}

.smallPreloaderHolder {
    height: 35px;
    padding: 7px;
}

.preisHolder {
    position: relative;
    display: inline-block;
    width: 300px;
    margin: 1px;
    text-align: center;
    padding: 10px;
    color: #ffffff;
}

.preisHolderGutschein {
    position: relative;
    display: inline-block;
    width: calc(100% / 3 - 30px);
    margin: 1px;
    text-align: center;
    padding: 10px;
    color: #ffffff;
    background-color: #202020;
    cursor: pointer;
}

.preisHolderGutschein:hover {
    background-color: #3c3c3c;
}

.couponHolder{
    position: relative;
    max-width: 953px;
    padding: 10px;
    margin: 1px;
    text-align: center;
    padding: 10px;
    color: #ffffff;
    margin-top: 5px;
}

.shortFlatrate {
    position: relative;
    max-width: 953px;
    padding: 10px;
    margin: 1px;
    text-align: center;
    padding: 10px;
    color: #ffffff;
    margin-top: 5px;
}

.sandgradient {
    background: rgb(150,120,99);
    background: -moz-linear-gradient(90deg, rgba(150,120,99,1) 0%, rgba(212,201,186,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(150,120,99,1) 0%, rgba(212,201,186,1) 100%);
    background: linear-gradient(90deg, rgba(150,120,99,1) 0%, rgba(212,201,186,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#967863",endColorstr="#d4c9ba",GradientType=1);
}

.uppercase {
    text-transform: uppercase;
}

.bigHeadline {
    font-size: 120%;
}

.preisHint {
    /* color: #000000; */
    font-size: small;
}

.preisBestOffer {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 70px;
    height: 70px;
}

.affiliateCounter {
    width: 75px;
    height: auto;
    margin: 25px auto;
}

.smartTvLink {
    display: inline-block;
    width: calc(50% - 33px);
    margin: 15px;
}

.showSmallStella {
    display: none;
}


#profilNaviMobil {
    position: fixed;
    bottom: 0px;
    width: 100%;
    height: 51px;
    background-color: #2a292a;
}

.profilNaviItem {
    width: calc(100% / 4 - 4px);
    display: inline-block;
    text-align: center;
    padding: 5px 0px;
    font-size: 12px;
}

.profilNaviItem:hover{
    cursor: pointer;
    background-color: #131213;
}

.mobilBigImgItem {
    width: 280px;
    width: clamp(70px, 65%, 280px);
    margin: auto;
}

.schmuckWelle {
    width: 280px;
    width: clamp(70px, 65%, 400px);
    margin: auto;
}


.userProfilItem {
    position: relative;
    margin-bottom: 15px;
    background-color: #dedede;
    padding: 10px;
    cursor: pointer;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.userProfilItem:hover {
    background-color: #dbdbdb;
}

.userProfilItemSetting {
    position: absolute;
    width: 26px;
    height: 26px;
    top: calc(50% - 13px);
    right: 25px;
}

    .mobileHeadline_1 {
        font-size: 30px;
        font-size: clamp(1.6rem, calc(0.5rem + ((2vw - 0.32rem) * 1.0417)), 3.2rem);
    }
    
    
    .mobileHeadline_2 {
        font-size: 20px;
        font-size: clamp(1.0rem, calc(1.2rem + ((1vw - 0.32rem) * 1.0417)), 1.2rem);
    }
    
    
    .mobileHeadline_3 {
        font-size: 20px;
        font-size: clamp(1.0rem, calc(1.2rem + ((1vw - 0.32rem) * 1.0417)), 1.5rem);
    }
    
    .mobileHeadline_4 {
        font-size: 18px;
        font-size: clamp(0.5rem, calc(1rem + ((1vw - 0.4rem) * 1.0417)), 1.5rem);
    }
    
    .mobilePfeilBig {
        width: 175px;
        width:  clamp(70px, 30%, 175px);
        margin: auto;
    }
    
    .mobilePfeil {
        width: 75px;
        width:  clamp(40px, 15%, 75px);
        margin: auto;
    }
    
    .mobilePfeilSmall {
        width: 75px;
        width:  clamp(25px, 7%, 40px);
        margin: auto;
    }
    
     .mobileBtn {
        background-color:#3ba8b6;
        border:1px solid #318b97;
        display:inline-block;
        cursor:pointer;
        color:#ffffff;
        padding:0.4vw 1vw 0.4vw 1vw;
        text-decoration:none;
        text-transform: uppercase;
        margin: 5px 0px 5px 0px;
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px;      
        font-size: clamp(0.5rem, calc(1rem + ((1vw - 0.32rem) * 1.0417)), 1.2rem);
    }
    
    .mobileBtn:hover{
        background-color:#42bdcd;
    }
    
    .btnPink {
        background-color: #D9428F;
        border:1px solid #D9428F;
    }
    
    .btnPink:hover {
        background-color: #ff64b3;
    }
    
    .btnOrange {
        background-color: #f19b4c;
        border:1px solid #d37c2b;
    }
    
    .btnOrange:hover {
        background-color: #ff9431;
    }
    
    .goalBtn {
        width: calc(100% - 30px);
        margin: 15px auto;
        padding: 5px;
        font-size: 18px;
        font-size: clamp(0.5rem, calc(1rem + ((1vw - 0.4rem) * 1.0417)), 1.3rem);
        color: #ffffff;   
        border: 1px solid #1db6bc;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        cursor: pointer;
    }
    
    .goalBtn:hover {
        background-color: #131213;
    }
    
    .goalItem {
        width: calc(100% / 5 - 15px);
        min-width: 131px;
        margin: 5px;
        display: inline-block;        
    }
    
    #showGoal {
        margin: 15px auto 15px auto;
    }
    
    .contentBgGradient{
        background: rgb(11,15,20);
        background: linear-gradient(180deg, rgba(11,15,20,1) 0%, rgba(17,35,55,1) 100%);        
        display: block;
        color: #f1f1f1;
        line-height: 1.75;
    }
    
    .breakerDot {
        display: block;
        margin: 25px auto 25px auto;
        width: 90%;
        height: auto;
        max-width: 600px;
    }
    
 
@media (max-width: 1000px) {
    .mobileOnly {
        display: inline-block;
    }

    .desktopOnly {
        display: none;
    }
}

@media (max-width: 1040px) {
    .preisHolder {
        width: calc(100% - 22px);
        margin: 1px;
        padding: 10px;
        margin-bottom: 15px;
    }
    .preisCouponOffer{
        width: 50px;
        height: 50px;
    }
}

@media (max-width: 1400px) {
    .mobileOnlyFeedback {
        display: inline-block;
    }

    .desktopOnlyFeedback {
        display: none;
    }
    
    .desktopOnlyTalk {
        display: none;
    }
    
    .mobilOnlyTalk {
        display: inline-block;;
    }
}

@media (max-width: 1200px) {
   
    .originalsDescMid {
        display: none;
    }
    
    .originalsDescLeft {
        width: calc(50% - 10px);
    }
    
    .originalsDescRight {
        width: 50%;
        text-align: right;
        margin-top: 2.5vw;
    }
    
}

@media (max-width: 700px) {
        h3 {
            font-size: 20px;
        }
        
        .originalsDescLeft {
            width: fit-content;
            margin: auto;
            margin-bottom: 25px;
            display: block;
        }

        .originalsDescRight {
            width: 90%;
            text-align: center;
            display: block;
            margin: auto;
        }
        
        .hideStella {
            display: none;
        }
        
        .showSmallStella {
            position: absolute;
            top: -59px;
            display: inline-block;
            width: 150px;
            left: calc(50% - 75px);
        }
        
        #gratisPopup {
            width: calc(100% - 65px);
            margin: auto;
            left: 2%;
            right: 2%;
            min-height: unset;
            padding-top: 0px;
            padding-bottom: 7px;
        }
        
        #wachstumPopup {
            width: calc(100% - 65px);
            margin: auto;
            left: 2%;
            right: 2%;
            min-height: unset;
            padding-top: 0px;
            padding-bottom: 7px;
        }
    }
    
@media (max-width: 425px) {
    .mobileBtn {
        width: 90%;
        margin: 3px auto;
        padding: 2vw 0vw;
    }
}