/* extra CSS */

/* override styles for browserupdate.org */
body .buorg {
    background-color: #0A1B24;
    color: #ffffff;
}

.wf-active body .buorg {
    font-family:  "Open Sans";
}

body .buorg div {
    padding: 11px 12px 11px 30px;
    line-height: 1.7em;
}

body .buorg div a, body.buorg div a:visited {
    text-decoration: none;
    box-shadow: none;
}

/* partially from .is-cta */
body #buorgig, body #buorgul {
    border-radius: 3px;
    cursor: pointer;
    text-align: center;
    font-size: 15px;
    line-height: 18px;
    padding: 4px 12px;
}

/* from .is-cta.is-second */
body #buorgig {
    background-color: #ff9326;
    color: #0a1b24;
}

/* from .is-cta.is-first */
body #buorgul {
    background-color: #dc0007;
    color: #fff;
}

.screenshot-gallery.is-thumbs-navigation > div {
    cursor: pointer;
}

.studio-grid-element .is-likes {
    display: none;
}

/* fix #2543 */
.tc-edit-data .formfield-wrapper.is-checkbox input[type="checkbox"]:disabled {
    display: none;
}

.tc-edit-data .formfield-wrapper.is-checkbox input[type="checkbox"]:disabled:not(:checked) + label > span {
    display: none;
}

.tc-edit-data .formfield-wrapper.is-checkbox input[type="checkbox"]:disabled:checked + label > span {
    padding-right: 0;
}

.tc-edit-data .formfield-wrapper.is-checkbox input[type="checkbox"]:disabled + label > span > i {
    display: none;
}

.is-ppm .banner-element {

}

/* https://redmine.taikocloud.com/issues/15529 */
.is-ie-10 .meta-nav .ppm-current-time > *,
.is-ie-11 .meta-nav .ppm-current-time > * {
    transform: none !important;
    -ms-transform: none !important;
    margin-top: 10px !important;
    vertical-align: baseline;
}

/* #2316 */
.is-ppm .is-filter-wrapper h2 {
    border-bottom: none;
}

/* hide "fsk18" icon on screenshot gallery pics */
.screenshot-gallery .overlay-fsk18 {
    display: none;
}

/* .movie-grid-element .product-cover {
    padding-bottom: 142.27%;
    height: 0;
} */

@media only screen and (min-width:768px) {
    /* @TODO: adjust for different viewport sizes */
    .page-ppm-category .category-grid {
        padding-top: 3rem;
        margin-bottom: 3rem;
    }
}

/* increased margin of h2 heading to content below */
h2{margin-bottom:3rem;}
h2:empty{margin:0;padding:0;}

/* breakpoint based h1 corrections
h1.is-movie-header,.h1.is-movie-header{font-size:3rem;}
 */

/*redisign of the h1 and header parts
@media screen and (min-width: 1470px){.details-movie{padding: 0 0 2.5rem 0;}}

@media screen and (min-width: 1170px){h1.is-movie-header,.h1.is-movie-header{font-size: 3rem;}}
@media screen and (min-width: 1170px){.has-padding-top{padding-top:10px;padding-top:1rem}}
@media screen and (min-width: 1170px){.details-movie{padding: 0 0 2rem 0;}}


@media screen and (min-width: 768px) and (max-width: 1169px){h1.is-movie-header,.h1.is-movie-header{font-size: 3rem;}}
@media screen and (min-width: 768px) and (max-width: 1169px){.has-padding-top{padding-top:30px;padding-top:3rem}}
@media screen and (min-width: 768px) and (max-width: 1169px){.details-movie{padding: 0 0 1.5rem 0;}}

@media screen and (max-width: 767px){h1.is-movie-header,.h1.is-movie-header{font-size:1.6rem;}}
@media screen and (max-width: 767px){.has-padding-top{padding-top:10px;padding-top:1rem}}
@media screen and (max-width: 767px){.details-movie{padding: 0 0 2rem 0;margin-top:0}}
@media screen and (max-width: 767px){.movie-stage{margin-top:0}}
*/

/* Fixes for Flixone h1 on product page */
@media screen and (max-width: 767px){h1.is-movie-header,.h1.is-movie-header{font-size:2rem;margin-bottom: 1rem;margin-top: 1rem;}}
@media screen and (min-width: 768px) and (max-width: 1169px){h1.is-movie-header,.h1.is-movie-header{font-size: 2.4rem;margin-bottom: 1rem; margin-top: 1rem;}}

/* increase margin below player
.details-movie-hero {margin-bottom: 2rem;}
*/

/* Banner Fixes start */
/* Overwrites existing Banner Element Styles */
.banner-element{margin-bottom:0px;margin-bottom:0rem}
@media screen and (min-width: 768px) and (max-width: 989px){.banner-element{margin-bottom:0rem}}
@media screen and (min-width: 990px) and (max-width: 1169px){.banner-element{margin-bottom:0rem}}
@media screen and (min-width: 1170px) and (max-width: 1469px){.banner-element{margin-bottom:0rem}}
@media screen and (min-width: 1470px){.banner-element{margin-bottom:0rem}}
/* Removes negative Margin from Studios Listing */
.stage-studio{margin-top:0rem}

/* adding margin to all headlines */
h1{margin-top:1rem}

/* new style for smaller paddings */
.has-small-padding-top {
    padding-top: 10px;
    padding-top: 1rem;
}

/*some margin for pornstar statistics */
.stage-star-statistics {
	margin-top: 1em;
}

/* Banner Fixes end */

/* Fixes too large margins on Filter Module not checked */
@media screen and (min-width: 768px) and (max-width: 989px){.is-filter-wrapper {margin-bottom: 2.5rem;}}
@media screen and (min-width: 990px) and (max-width: 1169px){.is-filter-wrapper {margin-bottom: 2rem;}}
@media screen and (min-width: 1170px) and (max-width: 1469px){.is-filter-wrapper {margin-bottom: 2rem;}}
@media screen and (min-width: 1470px){.is-filter-wrapper {margin-bottom: 3rem;}}

/* Testing small h1 on mobile - not checked */
@media screen and (max-width: 767px){h1, .h1 {font-size: 22px;font-size: 2.2rem;line-height: 24px;line-height: 2.4rem;}}
/* Testing smaller h1 on larger breakpoints - not checked */
@media screen and (min-width: 1170px) {h1, .h1 {font-size: 35px;font-size: 3.5rem;line-height: 50px;line-height: 5rem;}}


/* decrease margin and padding of buying options on products page - not checked */
.details-movie .details-information-header.has-border {
    margin-bottom: 2rem;
	margin-bottom: 20px;
    padding-bottom: 5px;
    padding-bottom: 0.5rem;
}

.details-movie .details-information-header.is-last {
    margin-top: 30px;
    margin-top: 3rem;
}

/* Bold h3 on product pages to increase visibility of buying options */
h3.is-std {
	    font-weight: bold;
}

/* Increase Visibility of phone Number in Header */
.meta-nav .l span {
    color: #8898a0;
    font-weight: bold;
}

/*Login Form "Du bist neu?" dunkler
.register-form .divider span {
    color: #123142;
}

.login-form-wrapper .divider span {
    color: #123142;
}
Tweak - problem auf FlixOne */

/*Login Form Wrapper
.login-form-wrapper {
    left: 33%;
	width: 32rem;
}
Tweak - problem auf Mobile */


/* Remove some padding from trending module */
.trending {
	padding-top: 0rem;
	margin-top: 0rem;
}

/* setting a standard line hight for register form */
.register-form {
	line-height: 2rem;
}

/* more bringing the CTA above the fold */
.register {
	padding-top: 2rem;
}

/* Moving Form Checkboxen on signup pages to top */
.formfield-wrapper.is-checkbox label span,.formfield-wrapper.is-radio label span{
	vertical-align: top;
}

/* decreasing line height in signup box */
.register-form label, .register-form a:not(.is-cta), .register-form span:not(.cta-content) {
	line-height: 2rem;
}

/* FlixOne Settings */

.is-ppm .is-cta.is-first {
    color: #0a1b24;
    background-color: #ff9326;
}

.no-touchevents .is-ppm .is-cta.is-first:hover {
    color: #0a1b24;
    background-color: #f17a04;
}

.is-ppm .is-cta.is-first.has-outline {
    color: #DC0007;
}
.is-ppm .is-cta.is-first.has-outline:hover {
    color: #DC0007;
}

.is-ppm .is-cta.is-third {
    background-color: #123142;
    color: #fff;
}

.no-touchevents .is-ppm .is-cta.is-third:hover {
    background-color: #142836;
}

.is-ppm .register-form {
    background: #0a1b24;
    border: 5px solid #123142;
    padding: 2em;
}

.alert a:link {
text-decoration: underline;
font-weight:bold;
}

.alert a:hover {
text-decoration: underline;
font-weight:bold;
}

.alert a:visited {
text-decoration: underline;
font-weight:bold;
}

/* Centering FlixOne Purchase Prompt Button + Text */
body.is-ppm.page-ppm-purchase-prompt {
    padding-top: 15%;
}

/* Custom Style Mobile/Desktop Banner 1 (variobanner_1)*/

/* variobanner_1 Padding */

/*@media screen and (max-width: 768px){div.variobanner_1 { padding-top:8em;padding-bottom:0.5em; }}*/
/*@media screen and (min-width: 769px) and (max-width: 1400px){div.variobanner_1 { padding-top:15em;padding-bottom:2em; }}*/
/*@media screen and (min-width: 1401px){div.variobanner_1 { padding-top:35em;padding-bottom:5em; }}*/


/* variobanner_1 Headline Sizes */
/*@media screen and (max-width: 767px){div.variobanner_1 h2 { font-size: 2.6rem; line-height: 3rem; font-weight: bold; }}*/
/*@media screen and (min-width: 768px){div.variobanner_1 h2 { font-size: 4.2rem; line-height: 5rem; font-weight: bold; }}*/

/* variobanner_1 Subheadline Sizes */
/*@media screen and (max-width: 768px){div.variobanner_1 p {font-size: 1.6rem; line-height: 2.2rem;}}*/
/*@media screen and (min-width: 767px){div.variobanner_1 p {font-size: 2.1rem; line-height: 3rem;}}*/

/* CYBER Test with kaputtgehauen lazy loading */
.lazy-image{transition:none}
.lazy-loading-image .is-preload-canvas,.lazy-loading-background-image .is-preload-canvas{-moz-transition: none;-webkit-transition: none; -o-transition: color 0 ease-in;transition: none;}
.lazy-loading-image .is-preload-svg, .lazy-loading-background-image .is-preload-svg {-moz-transition: none;-webkit-transition: none; -o-transition: color 0 ease-in;transition: none; visibility:0.1s}
.lazy-loading-image .is-blurred-background,.lazy-loading-background-image .is-blurred-background {-moz-transition: none;-webkit-transition: none; -o-transition: color 0 ease-in;transition: none;}
.movie-grid-element .hover-content-wrapper, .star-grid-element .hover-content-wrapper, .studio-grid-element .hover-content-wrapper, .scene-grid-element .hover-content-wrapper {-moz-transition: none;-webkit-transition: none; -o-transition: color 0 ease-in;transition: none;}

/* Notification Text color white */
div.app-notification-content p {color:#fff;font-weight:bold;}

/* Langauge Alert Styles */
.alert-language {padding: 3rem 3rem 3rem; margin: 7rem 0 7rem; font-size: 16px}
.alert-text {margin-right: 2rem}