/* muli-regular - latin */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/muli-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Muli Regular'), local('Muli-Regular'),
       url('../fonts/muli-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/muli-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/muli-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/muli-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/muli-v11-latin-regular.svg#Muli') format('svg'); /* Legacy iOS */
}

/* muli-italic - latin */
@font-face {
  font-family: 'Muli';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/muli-v11-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Muli Italic'), local('Muli-Italic'),
       url('../fonts/muli-v11-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/muli-v11-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/muli-v11-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/muli-v11-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/muli-v11-latin-italic.svg#Muli') format('svg'); /* Legacy iOS */
}

/* cutive-regular - latin */
@font-face {
  font-family: 'Cutive';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/cutive-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Cutive'), local('Cutive-Regular'),
       url('../fonts/cutive-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/cutive-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/cutive-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/cutive-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/cutive-v9-latin-regular.svg#Cutive') format('svg'); /* Legacy iOS */
}




* {     
 -moz-box-sizing: border-box;      
	-webkit-box-sizing: border-box;      
		box-sizing: border-box;   
}


img { border: none; }
form {margin:0px; padding:0px;}


/*font-family: 'Cutive', serif;

font-family: 'Muli', sans-serif;
*/

/* ### HTML ###################################################################### */
html {
	margin: 0px;
	padding: 0px;
	height:100%;

}

/* ### BODY ###################################################################### */
body {
	color: #3C3C3B;
	font-family:'Muli', helvetica, arial, sans-serif;
	letter-spacing:0.5px;
	margin: 0px;
	padding: 0px;
	line-height: 1;
	/*font-size:16px;*/
	font-size:62.5%; /*10px*/
	background-color: #fbfbf5;
	background-position:0px 0px;
	background-repeat:repeat;
	height:100%;
	

	}
	

.site-rahmen {
	position:relative;
	margin:0 auto;
	padding:0;
	display:block;
	width:100%;
	background-color:transparent;
}

.inhalt-rahmen {
	position:relative;
	margin:0 auto;
	padding:0;
	display:block;
	width:100%;
	background-color:transparent;
	width:93.07692307692308%; /* 484 / 520 */
	padding-top:50px;
	font-size:1.400em;
	line-height:1.500em;
	padding-bottom:70px;
}





/* ### INHALT ###################################################################### */
img#slider_dummy {width:100%; height:auto;}

.clear {clear:both; font-size:1px; line-height:1px; height:1px;}

h1 {font-size:2.000em; font-weight:500; text-transform:uppercase; line-height:1.200em; color:#2ECC71; position:relative; padding-top:10px; margin-bottom:5px;}
#inhalt h1:after {content:''; position:absolute; top:0px; left:0px; width:79px; height:4px; background-color:#2ECC71;}
h3 {font-family: 'Cutive', serif; line-height:1.400em; color:#2ECC71; font-size:1.143em; font-weight:normal; letter-spacing:1px;}
h4 {font-family: 'Cutive', serif; line-height:1.400em; color:#2ECC71; font-size:1em; font-weight:normal; letter-spacing:1px;}
h5 {}
h6 {color:#ebdd49; text-transform:uppercase; position:relative; display:inline-block; margin-top:35px;}
h6:before {content:''; display:block; position:absolute; width:25px; height:64px; background-image:url(prix_li_klein.png); background-repeat:no-repeat; background-position:0px 0px; left:-28px; top:-10px;}
h6:after {content:''; display:block; position:absolute; width:25px; height:64px; background-image:url(prix_re_klein.png); background-repeat:no-repeat; background-position:0px 0px; right:-28px; top:-10px;}

.abst {padding-top:12px;}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

.grau {}
#content_box {}

* html #content_box { /*nur IE6*/
}

*+html #content_box { /*nur IE7*/
}

:root #element { background: #fff \0/IE9; } /* nur IE9 + IE10pp4 */


/*nur safari*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #xxx {}
}



.listetext a:link {}
.listetext a:visited {}
.listetext a:hover {}
.listetext a:active {}


/*Allgemeines*/
p {padding-bottom:12px;}
strong, b {font-weight:bold;}
i, em {font-style:italic;}

.grossbuchstaben {text-transform:uppercase;}


.gruen {color:#2ECC71;}
.rot {color:#E63E0C;}
.gelb {color:#ebdd49;}

a {color:#2ECC71;}
a:hover {color: #3C3C3B;}

.klein {font-size:0.938em;}
.linie_1px {line-height:1px; font-size:1px; height:1px; background-color:#d0cfc5; display:block; margin-top:8px; margin-bottom:9px; clear:both;}


ul {list-style-position:outside; list-style-type:disc; padding-left:20px; padding-top:0px; padding-bottom:0px; margin-top:0px; margin-bottom:0px;}
ol {list-style-position:outside; list-style-type:decimal; padding-left:20px; padding-top:0px; padding-bottom:0px; margin-top:0px; margin-bottom:0px; margin-left:0px;}
ul li {padding-left:3px; padding-bottom:6px;}
ol li {padding-left:3px; padding-bottom:6px;}


.small_spacing {font-size:4px; line-height:4px; height:4px; background-color:transparent; margin:0; paddding:0; display:block; text-indent: -1000em;}
.abstand_8px {font-size:8px; line-height:8px; height:8px; background-color:transparent; clear:both;}






/*Tabellen*/
#content_box table {}
#content_box td {}
#content_box td.last {}
#content_box td.last_klein {}
#content_box td.klein {}
#content_box td.preis {}
#content_box td.ueberschrift {}
#content_box td.plain {}
#content_box td.plainunten {}



/* ######## FILME ############### */
a.film_teaser, .partner_logo {display:block; width:100%; position:relative; margin-bottom:4px; color:#2ECC71; cursor:pointer;}
a.film_teaser img, .partner_logo img{width:100%;}

@media screen and (min-width: 964px) {
    .article_4 {text-align: center;}
    .article_4 a.film_teaser {display: inline-block; float: none;}
    .article_4 .ft_caption_text {text-align: left;}
}

.partner_logo {cursor:default;}

.ft_caption_box {height:36px; background-color:#2E2C2D; width:100%; position:relative; display:table;}
.ft_caption_tab {display:table; position:absolute; bottom:0; display:table; height:36px; width:100%;} 
.ft_caption_text {width:100%; text-transform:uppercase; font-size:1em; padding:2px 8px 2px 8px; display:table-cell; vertical-align:middle; line-height:15px;  background-color:#2E2C2D;}

.preise_caption_text {width:100%; font-size:1em; padding:2px 8px 2px 8px; display:table-cell; vertical-align:middle; line-height:15px;  background-color:#2E2C2D; color:#fff; text-align:center;}

.ft_caption_text:after {content:''; display:block; width:79px; height:4px; background-color:#2ECC71; top:0px; position:absolute; top:-2px; left:0px;}

.preise_caption_text:after {content:''; display:block; width:79px; height:4px; background-color:#2ECC71; top:0px; position:absolute; top:-2px; left:0px;}

.ft_bild {position:relative;}
a.film_teaser:hover > .ft_bild:after {content:''; position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:#2ECC71; opacity:0.8; background-image:url(hover_details.png); background-repeat:no-repeat; background-position:center center;}


a.film_teaser:hover,  a.partner_logo:hover {color:#fff;}
a.film_teaser:hover > .ft_caption_box > .ft_caption_tab > .ft_caption_text:after {background-color:#fff;}
a.partner_logo:hover > .ft_caption_box > .ft_caption_tab > .ft_caption_text:after {background-color:#fff;}

#film_headline {margin-bottom:30px;}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.film_li a, .film_back a {text-decoration:none; display:block; text-align:right;}
.film_re {margin-bottom:50px;}

#lbImage {border:4px solid #2ECC71;}

.ft_prix {text-align:center; background-color:#FFF; height:120px;}

 
/* ### Header ###################################################################### */
#header {background-color:#fff;}
#sprache {height:29px; padding-top:15px;}
#sprache ul {
    font-size:1.400em;
    margin: 0px 5.208% 0 0;
    padding: 0;
    text-align: right;
}
#sprache li {
	list-style:none;
	padding:0px;
	display:inline-block;
	margin-left:15px;	
}

#logo {text-align:center; margin-top:10px; height:80px;}


#sprache a {text-decoration:none; color:#fff;}
#sprache a:hover, #sprache a.aktiv {color:#fff; text-decoration:underline;}

#header #sprache a {text-decoration:none; color:#3c3c3b; text-decoration:none;}
#header #sprache a:hover, #header #sprache a.aktiv {color:#E63E0C;  text-decoration:none;}


/* ### SLIDER ###################################################################### */
#slider {position:relative; border-top:4px solid #2ECC71; border-bottom:4px solid #2ECC71;}
#slider_linie {position:relative; height:4px; line-height:4px; font-size:4px; background-color:#2ECC71;}
ul#slippr li {list-style:none; padding:0px; display:inline;}

#zitat_box {background-color:#2E2C2D; text-align:center; color:#2ECC71; font-family: 'Cutive', serif; letter-spacing:1px;}
#zitat_box h1 {font-size:4.000em; font-weight:400; font-family: 'Muli', sans-serif; text-transform:uppercase; margin-bottom:10px;}
#zitat_box p {font-size:1.400em; line-height:1.600em;}
.zitat-rahmen {margin:0 auto; width:85%; padding-top:20px; padding-bottom:10px;}

/*img animation*/
keyframes balance 0% {
  background-position:center -4px ;
}
keyframes balance 50% {
  background-position:center 3px ;
}
keyframes balance 100% {
  background-position:center -4px ;
}
@-moz-keyframes balance /* Firefox */ {
  0% {
    background-position:center -4px ;
  }
  50% {
    background-position:center 3px ;
  }
  100% {
    background-position:center -4px ;
  }
}
@-webkit-keyframes balance /* Safari and Chrome */ {
  0% {
    background-position:center -4px ;
  }
  50% {
    background-position:center 3px;
  }
  100% {
    background-position:center -4px ;
  }
}


a.pfeil_down {display:block; height:39px; width:100%; background-image:url(pfeil_down.png); background-repeat:no-repeat; background-position:center -4px;
animation:balance 1300ms infinite ease-in-out;
-webkit-animation:balance 1300ms infinite ease-in-out;
-moz-animation:balance 1300ms infinite ease-in-out;
-ms-animation:balance 1300ms infinite ease-in-out;
-o-animation:balance 1300ms infinite ease-in-out;
}

/* ### FOOTER ###################################################################### */
#footer {background-color:#2E2C2D; border-top:4px solid #2ECC71; width:100%; text-align:center; font-size:1.400em; color:#fff; line-height:18px; padding-bottom:18px; height:auto; position:relative;}
.footer_logo {padding-top:23px; padding-bottom:15px;}
#footer a {color:#FFFFFF; text-decoration:none;}
#footer a:hover {color:#2ECC71;}
.footer_info {margin-bottom:15px;}
.footer_imp {margin-top:15px;}
.footer_re {margin-top:12px;}
#footer_rauf {position:absolute; top:-28px; height:30px; width:100%; display:block; text-align:center;}


/* ### NAVI ###################################################################### */
#navi ul#full {display:none;}

#navi {width:100%; font-size:1.600em; text-transform:uppercase; margin-bottom:20px;}
#navi ul {display:block; margin:0px; padding:0px;}
#navi li {list-style:none; padding:0px; margin:0px;}



#navi a {text-decoration:none; color:#3C3C3B; }
#navi a:hover, #navi a.aktiv {color:#E63E0C;}

#navi #mobile {display:block; width:100%;}


.triggerm {cursor:pointer; color:#E63E0C; text-align:center; margin-bottom:8px;}
.triggerm ul li {display:inline; position:relative;}
.triggerm ul li:after {content:''; display:block; width:20px; height:14px; position:absolute; right:-28px; top:3px; background-image:url(menue_striche.png);}

.toggle_menu {width:100%; height:auto; padding-top:21px;}
.toggle_menu li a {margin-bottom:0px; display:block; text-align:center; padding-bottom:15px;}


/*SUBMENU*/

#submenu {background-color:#2ECC71;}
#submenu ul, #submenu li {margin:0px; padding:0px;}
#submenu ul {text-align:center; font-size:1.600em; color:#3C3C3B; text-transform:uppercase;}
#submenu li {display:inline; }

#submenu a {text-decoration:none; color:#3C3C3B; padding:8px 1% 8px 1%; display:block;}
#submenu a:hover, #submenu a.aktiv {color:#fff;}


/* ### Startseite ###################################################################### */
a#start_logo {color:#FFF; display:block; text-align:center; font-size:1.400em; text-transform:uppercase; padding-top:9%; text-decoration:none; line-height:20px;}
a#start_logo img {margin-bottom:15px;}

#start_name {margin-bottom:12px;}

.claim {font-family: 'Cutive', serif; font-size:1.600em; text-align:center; margin-top:8%; color:#FFF; letter-spacing:1px;}

.box_unten {
	position:absolute;
bottom:8%;
display:block;
width:100%;
text-align:center;
font-size:1.400em;
color:#FFF;
	
	}

a.start_go {
color:#FFF;
text-align:center;
text-transform:uppercase;
display:block;
width:100%;
text-decoration:none;
}

.prix_text {
	width:600px;
	margin:0 auto;
	margin-bottom:30px;
	line-height:25px;
}

.box_unten h6 {color:#fff; text-transform:uppercase; position:relative; display:inline-block; margin-top:35px; margin-bottom:20px;}
.box_unten h6:before {content:''; display:block; position:absolute; width:13px; height:34px; background-image:url(prix_startseite_li.png); background-repeat:no-repeat; background-position:0px 0px; left:-20px; top:-10px;}
.box_unten h6:after {content:''; display:block; position:absolute; width:13px; height:34px; background-image:url(prix_startseite_re.png); background-repeat:no-repeat; background-position:0px 0px; right:-20px; top:-10px;}

.pfeil_start {display:block; height:30px; width:100%; background-image:url(pfeil_startseite.png); background-repeat:no-repeat; background-position:center -4px;
animation:balance 1300ms infinite ease-in-out;
-webkit-animation:balance 1300ms infinite ease-in-out;
-moz-animation:balance 1300ms infinite ease-in-out;
-ms-animation:balance 1300ms infinite ease-in-out;
-o-animation:balance 1300ms infinite ease-in-out;
}


/* ### News ###################################################################### */

img.news {width:100%; margin-bottom:12px;}


/* 
--------- X-FORM ------------ 
*/

/* Allow only vertical resizing of textareas.*/
textarea { 
    resize: vertical;
} 


.formblock {margin-bottom:8px;}

.form_warning {font-size:0.814em; color:#76663d; margin-left:10px;}
.answertext {font-size:0.814em; color:#76663d; margin-left:10px;}


#rex-xform label.text { /* Alle Labels UND Formularelemente auswählen */
  display: block;
  float: left;
  width: 80px; /* Breite.*/
  text-align:left;
   margin-right:5px;
   display:inline;
}

#rex-xform label.textarea { /* Alle Labels UND Formularelemente auswählen */
  display: block;
  float: left;
  width: 80px; /* Breite.*/
  text-align:left;
   margin-left:10px;
   display:inline;
   font-size:0.814em;
}

#rex-xform input {border:#76663d 1px solid; width:220px; height:16px; background-color:#e8e6e3;}
#rex-xform textarea {border:#76663d 1px solid; width:220px; height:180px; margin-left:25px; background-color:#e8e6e3;}
.formularue { padding-left:80px;} /* insgesamt Breite*/
#rex-xform legend {text-align:right; font-weight:bold; height:35px; width:130px;}
#rex-xform fieldset {}

#rex-xform input.captcha {clear:both; border:#0d529e 1px solid; margin-left:130px; margin-top:10px;}
.as-label {display:block; margin-left:5px;}
#rex-xform input.submit {border:#76663d 1px solid; background-color:#e8e6e3; cursor:pointer; padding:0; margin:0; text-align:center; margin-left:115px; width:50px; height:18px;}


/* ### SPECIAL ###################################################################### */


/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ### BREAKPPOINT 520 ###################################################################### */
/* fuer hauptmenue*/
@media screen and (min-width: 520px) {
	a.film_teaser, .partner_logo {display:block; position:relative; margin-left:0.4132231404958678%; /* 2 / 484 */ margin-right:0.4132231404958678%; /* 2 / 484 */ width:48.96694214876033%; /* 237 / 484 */ float:left;}
	
	
	img.news {width:48.96694214876033%; /* 237 / 484 */ float:left; margin-right:20px;}
	
}



/* ### BREAKPPOINT 600 ###################################################################### */
/* fuer hauptmenue*/
@media screen and (min-width: 600px) {
	
	#navi #mobile {display:none;}
	
	#navi ul#full {text-align:center; height:25px; display:block;}
	#navi ul#full li {display:inline-block;  margin:0 10px 0 10px;}
	#navi a {padding-bottom:4px;}
	#navi a:hover, #navi a.aktiv {border-bottom:#E63E0C 3px solid;}
	
}


/* ### BREAKPPOINT 700 ###################################################################### */
/* fuer zitate grösse*/
@media screen and (min-width: 700px) {

	#zitat_box h1 {font-size:5.500em; margin-bottom:10px;}
	#zitat_box p {font-size:1.600em; line-height:1.600em;}
	.zitat-rahmen {padding-top:10px; padding-bottom:12px; width:70%;}
	
	#submenu a {display:inline-block; padding:10px 1% 10px 1%;}
	
	.film_li {float:left; width:24.5850622406639%; /* 237 / 964 */ margin-right:0.4149377593360996%; /* 4 / 964 */ }
	.film_li a {text-align:left;}
	.film_re {float:left; width:75%; /* 723 / 964 */}
	#film_headline {float:right; width:75%; /* 723 / 964 */}
	
	.footer_li {float:left; text-align:left;}
	.footer_re {float:right;  text-align:left; margin-top:0px;}
	#footer_box {width:446px; margin:0 auto;}
}

/* ### BREAKPPOINT 820 ###################################################################### */
@media screen and (min-width: 800px) {
	#submenu a {padding-left:2%; padding-right:2%;}

}

/* ### BREAKPPOINT 964 ###################################################################### */
@media screen and (min-width: 964px) {

	.site-rahmen {
		width:964px;
		}
	.zitat-rahmen {width:650px;}
	
	.inhalt-rahmen {
	padding-left:0%;
	padding-right:0%;
	padding-top:70px;
}
	
	.inhalt-rahmen {
		width:964px;
		margin:0 auto;
		}
	
		a.film_teaser {margin-left:0.2074688796680498%; /* 2 / 964 */ margin-right:0.2074688796680498%; /* 2 / 964 */ width:24.5850622406639%; /* 237 / 964 */ }
		
		.film_re a.film_teaser, .partner_logo {margin-left:0.2766251728907331%; /* 2 / 723 */ margin-right:0.2766251728907331%; /* 2 / 723 */ width:32.780082987551864%; /* 237 / 723 */ }
		
	

	
			
}

@media screen and (max-width: 680px) {
	#start_logo img {width:50%;}
	.prix_text {width:80%;}
}

@media screen and (max-height: 540px) {
	#start_logo img {width:50%;}
	a#start_logo {padding-top:1%;}
	.box_unten {bottom:1%;}
	.claim {margin-top:3%;}
	}

@media screen and (max-height: 480px) {
	.box_unten h6 {display:none;}
	.prix_text {display:none;}
}

@media screen and (max-height: 540px) and (max-height: 540px){