body {

	background-color: #0d0d0d;
}

 .light{ background: url(../images/background_light.png); background-position: top center; background-size: cover;

}

.jumbotron {
	padding: 2rem 1rem;
	margin-bottom: 2rem;
	border-radius: 0.3rem;
	background: url(../images/background.png);
	background-size: revert;
	background-repeat: no-repeat;
	background-position: center top;
}
.my-1 { color: #fff; font-family: 'Montserrat', sans-serif; font-weight: 900; text-transform: uppercase;font-size: 1.5rem;letter-spacing: -0.1rem;line-height: 1;margin-bottom: 0;}
.my-2{ color: #fff; font-family: 'Montserrat', sans-serif; font-weight: 900; text-transform: uppercase;font-size: 0.8rem;letter-spacing: -0.0rem;line-height: 1;margin-bottom: 0;background: #ee2e3e;display: initial;padding: 2px;}
p{color: #fff;}



h1{font-family: 'Montserrat', sans-serif; font-weight: 900; color: #ff1b42;text-transform: uppercase;font-size: 3.5rem;letter-spacing: -0.2rem;line-height: 1;margin-bottom: 0;}
h2, .h2 {
	color: #ee2e3e;
	font-family: 'Montserrat', sans-serif;
	font-weight: 800;
	text-transform: uppercase;
	font-size: 1.5rem;
	letter-spacing: -0.05rem;
	line-height: 1;
	margin-bottom: 0;
	text-align: center;
}

h3, .h3 {
	font-family: 'Montserrat', sans-serif;
	font-size: 0.9rem;
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	margin-bottom: 30px;
}

.btn-blue{
	color: #fff;
	font-family: 'Montserrat', sans-serif; font-weight: 900; text-transform: uppercase;font-size: 1.2rem;letter-spacing: -0rem;line-height: 1;margin-bottom: 0;
	padding: 14px;
	background-color: #ee2e3e;
	border-color: #ee2e3e;
	border-radius: 0.2px;
}
.card {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #0d0d0d;
	background-clip: border-box;
	border: none;
	border-radius: 0;
}
.title-header {padding: .75rem 1.25rem; background-color: #f5f5f5; border-bottom: 1px solid transparent;}
.title-header h3 {font-size: 0.80rem; margin: 0;}
.movies {margin-top: 2rem;}
.img-card {width: 100%; margin-bottom: .40rem; position: relative;}
.movies {margin-bottom: .60rem;}
.series {margin-bottom: .60rem;}
.footer {padding: 1rem 0; margin-top: 2rem; font-size: 80%; text-align: left;}
.footer p {margin: 0;}
.footer-links {padding-left: 0; margin-bottom: 1rem;}
.footer-links li {display: inline-block;}
.footer a {font-weight: 500; color: inherit;}
.footer-links li + li {margin-left: 1rem;}
/* Bug Bootstrap V4.0.6 - Mobile - SCSS _navbar*/
.navbar {display: block;}

.title_movie {
	font-family: 'Montserrat', sans-serif;
	font-weight: 800;
	text-transform: uppercase;
	font-size: 1.0rem;
	margin-bottom: 0;
	color: #ee2e3e;
}
i.user {
	font-size: 16px;
}

i.green {
	color: #3BA800;
}
i.stars {
	color: gold;
	font-size: 14px;
	line-height: 0;
}


.title_holder{}
.title_md{padding-right: 0;margin-right: 0;padding: 0;}
.user_md{padding-left: 5px;}
.stars_md{text-align: right;margin-left: auto;padding: 0;}
.download{
	color: #fff;
	font-family: 'Montserrat', sans-serif;
	font-weight: 800;
	text-transform: uppercase;
	font-size: 1rem;
	line-height: 3.5;
	margin-bottom: 0;
	padding: 0px 14px;
	background-color: #ee2e3e;
	border-color: #ee2e3e;
	border-radius: 0.2px;
	text-align: center;
	white-space: nowrap;
}
.divider {
	border-bottom: 1px solid #313131;
	border-top: 1px solid #000;
	width: 100%;
	margin: 30px 0;
}

.page-link {
	position: relative;
	display: block;
	padding: 0.5rem 0.75rem;
	margin-left: -1px;
	line-height: 1.25;
	color: #fff;
	background-color: #222222;
	border: 1px solid #000;
}

.space{margin: 20px;}

.carousel-indicators li {
	position: relative;
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	width: 10px;
	height: 10px;
	margin-right: 3px;
	margin-left: 3px;
	text-indent: -999px;
	background-color: rgba(255, 255, 255, 0.5);
	border-radius: 30px;
	cursor: pointer;
}
 .bestellen{cursor: pointer;}
.headline2{font-family: 'Montserrat', sans-serif;font-weight: 900;text-transform: uppercase;font-size: 1rem;line-height: 1;margin-bottom: 0;color: #fff;}
.headline2 strong{color: #ee2e3e;padding-left: 5px;}
.number{font-family: 'Montserrat', sans-serif;color: #fff;font-weight: 900;font-size: 70px;letter-spacing: -2px;line-height: 1;padding-top: 20px;}

.tarif{color: #fff;font-size: 12px;}

.icon{}
.headline3{font-weight: 900;text-transform: uppercase;font-size: 1.6rem;line-height: 1;margin-bottom: 0;color: #ee2e3e;}
.headline4{color: #fff;font-size: 12px;text-transform: uppercase;}
.number_small{font-family: 'Montserrat', sans-serif;font-weight: 900;color: #fff;font-size: 2rem;margin-top: 20px;}
.icon_wrapper{margin-top: 50px;}
.divider_right{border-right: 1px solid #404040;}
.divider_left{border-left: 1px solid #000;}

.small_text{font-size: 0.8rem;line-height: 1;margin-top: 8px;padding-top: 20px;}
.text_big{font-size: 1.5rem;line-height: 1;padding-bottom: 20px;}
.order{margin-top: 8px;line-height: 1;text-align: center;background: #ee2e3e;}
.order_tarif{font-size: 10px;text-align: center;}
.video_bestellen{ display: none;}
a.call_number{margin-top: 29px;}
.bezahlt{
cursor: pointer;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#207103+0,207103+51,144502+80,144502+100 */
background: #207103; /* Old browsers */
background: -moz-linear-gradient(top,  #207103 0%, #207103 51%, #144502 80%, #144502 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #207103 0%,#207103 51%,#144502 80%,#144502 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #207103 0%,#207103 51%,#144502 80%,#144502 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#207103', endColorstr='#144502',GradientType=0 ); /* IE6-9 */
}
.display_none{ display:none;}
.display{ display:block;}
.zoom{width: 100%;z-index: 999;box-shadow: 10px 10px 10px #000;}

.bezahlt{}
.text_big_2 {
	font-size: 1.rem;
	line-height: 1;
	padding-bottom: 0px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 800;
	color: #fff;
	text-transform: uppercase;
	margin: 0;
	text-align: center;
}
.small_text_2 {
	font-size: 0.8rem;
	margin-top: 8px;
	padding-top: 10px;
	font-family: 'Montserrat', sans-serif;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	line-height: 1.5;
}
.loader {
	display: none;
	position: absolute;
	top: 0;
	z-index: 9999;
}
.number_holder {
	position: absolute;
	top: 0;
	width: 100%;
	background-color: rgba(0,0,0,0.90);;
	height: 100%;
	padding-top: 22px;
	z-index: 9999;
}
a.download_start{display:none;}
.bezahlt{display:none;}
img.geladen{display:none;}

a{outline: none;}
a.video_link {
	display: none;
	position: absolute;
	width: 100%;
	z-index: 9999;
	top: 0;
	bottom: 0;
}

video.video_background{
display: none;
position: absolute;
z-index: 9999;
left: 0;
bottom: 0;
margin-top: 0px;
opacity: 1;
top:0;

}

button.gekauft {
	position: absolute;
	width: 200px;
	top: 100px;
	left: 50%;
	margin-left: -100px;
	display: none;
	z-index: 9999;
}

button.gekauft_desktop {
	position: absolute;
	width: 250px;
	top: 150px;
	left: 50%;
	margin-left: -125px;
	z-index: 9999;
	display: none;
	text-transform: uppercase;
}

button.gekauft_fehler1 {
    display: none;
	position: absolute;
	width: 340px;
	top: 150px;
	left: 50%;
	margin-left: -170px;
	z-index: 9999;
	text-transform: uppercase;

    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
}
button.gekauft_fehler2 {
	position: absolute;
	width: 340px;
	top: 150px;
	left: 50%;
	margin-left: -170px;
	z-index: 9999;
	display: none;
	text-transform: uppercase;
	 font-family: 'Montserrat', sans-serif;
    font-weight: 800;
}
em{font-size: 9px;width: 100%;display: block;line-height: 1.5;font-weight: 600;}






.small_text3 {
	display: none;
	color: green;
	text-transform: uppercase;
	font-size: 10px;
	vertical-align: text-top;
	margin-left: 5px;
	font-weight: 600;
}
a.button_a{color:#fff;}
a.button_a:hover{color:#fff;}
a:hover{text-decoration: none;}
.payment_wrapper{display: none;}

.desktop2{display: none;}
.stoerer_mobile{display: none;   width: 1000%; text-align: center;}
.stoerer_mobile a{margin-top: 5px;display: block;overflow: hidden;background: #ee2e3e;padding: 5px 0px;}
.stoerer_mobile div.headline_stoerer{margin-top: 0px;}

@media only screen and (max-width: 600px) {
.stoerer_mobile{display: block;border-top: 1px dashed #fff;}
 .logo{}
 .logo img{max-width: 300px;}
 .number{font-size: 30px; letter-spacing: 0;}
 .headline2{letter-spacing: 0; font-weight: 600;}
 .divider_right{border-right: none; border-top: 1px dashed #fff;}
 .divider_left{border-left:none; border-top: 1px dashed #fff; }
 .col-md-4{padding: 20px 0px; margin: 5px 0px;}
 .col-md-auto{ width: 33%}
 .video_desc {
	border: 1px solid #000;
	padding: 5px;
	box-shadow: 0px 10px 10px #000;
	border-radius: 5px;
}
.divider{display: none;}
 img.desktop{ display: none!important;}
 .mobile_video{display: block;}
 .desktop_video{display: none;}
 .row{margin: 0;}
 .only_desktop{display:none;}
 body {
	background-color: #282828;
}
 .jumbotron {
	padding: 0rem 1rem;
	margin-bottom: 0;
	border-radius: 0.3rem;
	/* background: url(../images/background.png); */
	background: none;
}

.mobile{display: block;}
.desktop{display: none;}
}


.stoerer {
	background-image: url(../images/stoerer.png);
	text-align: center;
	background-position: center;
	position: absolute;
	top: 80px;
	right: 0px;
	z-index: 9999;
	background-repeat: no-repeat;
	font-family: 'Montserrat', sans-serif;
	width: 454px;
	height: 240px;
	padding-left: 15px;
}
.headline_stoerer{margin-top: 55px;font-weight: 900;color: #fff;font-size: 1.5rem;line-height: 1;}
.small_stoerer{font-weight: 800;line-height: 1;text-transform: uppercase; color: #fff;}
.rufan_stoerer{text-transform: uppercase;color: #fff;font-size: 0.7rem;font-weight: 600;margin-top: 5px;text-decoration: underline;}
.nummer_stoerer{text-transform: uppercase;font-weight: 900;font-size: 2.2rem;line-height: 1;color: #fff;letter-spacing: -1px;}
.tarif_stoerer{font-size: 8px; color: #fff;}



@media only screen and (min-width: 600px) {
  img.mobile{ display: none!important;}
  .mobile_video{display: none;}
   .only_desktop{display:block;}
  .title_md{padding-left: 15px;}
  .stars_md{padding-right: 16px;}
  .mobile{display: none;}
  .order:hover{font-size: 2.5rem;}
  .desktop{display: block;}
}

@media only screen and (min-width: 1600px) {
.desktop2{display: block;}
}