@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Montserrat:700,400);

body{
	font-family: 'Open Sans', sans-serif;
	overflow:hidden;
}

#preloader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#fff; /* change if the mask should have another color then white */
    z-index:99; /* makes sure it stays on top */
}

img{
	border:none;
}

.comedian_wrapper{
	width:100%;
	height:auto;
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	background:none;
}

	.impressum_seite{
	margin-top:100px;	
	}

.comedian_text ul li{
	list-style-position:inside;
	list-style-type: disc;
}

.termine_wrapper{
	width:100%;
	height:auto;
	min-height:130px;
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	background-color:black;
}

#Live_Termine .liste_datum{
	font-weight:bold;
	color:#fff;
	font-size:20px;
}

#Live_Termine .liste_beschreibung{
	font-weight:normal;
	color:#fff;	
}

#Live_Termine .liste_link{
	color:#8FD483;
	font-family:Montserrat, sans-serif;
}

.soon {
	margin-top:185px;
}

#Live_Termine .liste_link:hover{
	cursor:pointer;
	color:#fff;
}

.scrollToTop{
	position:fixed;
	display:none;
	z-index:97;
	padding:10px;
	background-color:#fff;
	color:#C0C0C0;
	width:100%;
	text-align:center;
	border-bottom:1px solid #8FD483;
}

.scrollToTop:hover{
	-webkit-transform:translateY(-10px);
	transition:all 0.5s;
	cursor:pointer;
}

.accordion dd > a{
	color:#545252;
  	font-family:Montserrat, sans-serif;
	padding:20px;
	background-color:#fff;
	width:100%;
	text-align:center;
	border:1px solid #8FD483 !important;
	margin-top:30px;
}

.accordion dd > a:hover{
	color:#8FD483;
}

#status {
    width:200px;
    height:300px;
    position:absolute;
    left:50%; 
    top:50%; 
    margin:-100px 0 0 -100px; /* is width and height divided by two */
}

.footer a.footerlinks{
	color:#545252;
	font-weight:bold;	
	padding-left:10px;
}

.spinner {
    margin: 100px auto 0;
    width: 150px;
    text-align: center;
}

    .spinner > div {
      width: 18px;
      height: 18px;
      background-color: #8fd483;

      border-radius: 100%;
      display: inline-block;
      -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
      -moz-animation: bouncedelay 1.4s infinite ease-in-out;
      animation: bouncedelay 1.4s infinite ease-in-out;
      /* Prevent first frame from flickering when animation starts */
      -webkit-animation-fill-mode: both;
      -moz-animation-fill-mode: both;
      animation-fill-mode: both;
    }

    .spinner .bounce1 {
      -webkit-animation-delay: -0.32s;
      -moz-animation-delay: -0.32s;
      animation-delay: -0.32s;
    }

    .spinner .bounce2 {
      -webkit-animation-delay: -0.16s;
      -moz-animation-delay: -0.16s;
      animation-delay: -0.16s;
    }

@-webkit-keyframes bouncedelay {
	0%, 80%, 100% { -webkit-transform: scale(0.0) }
    40% { -webkit-transform: scale(1.0) }
}
    
@-moz-keyframes bouncedelay {
    0%, 80%, 100% { -moz-transform: scale(0) }
    40% { -moz-transform: scale(1) }
}
    
@-ms-keyframes bouncedelay {
    0%, 80%, 100% { -ms-transform: scale(0) }
    40% { -ms-transform: scale(1) }
}

.content ol li {
	list-style: none;
	padding-top:30px;
	line-height: 1.5;
}
  
.videobox{
	background-color:lightgrey;
	padding-left:15px !important;
	padding-top:15px !important;
	max-width:282px;
}

.address_container {
	color:#333333;
	background-color:#C0C0C0;
	border-radius:4px;
	line-height:1.5;
	padding:10px;
	font-size:14px;
	font-weight:normal;
	width:100%;
	float:none;
	min-height:85px;
}

.ico_maps{
	float:auto !important;
	vertical-align:middle;
	text-align:center;
	padding-top:14px;
	padding-right:14px;
} 

address{
	max-width:100%;
	float:auto;
	text-align:auto;
}

.videobox_comedian{
	background-color:#000;
	padding-left:15px !important;
	padding-top:15px !important;
	max-width:282px;
	float:right;
	margin-top:610px;
}

h1{
	font-size:36px;
	font-weight:bold;
	color:#181818;	
	font-family: 'Montserrat', sans-serif;
	margin:-9px 0 15px;
}

h2{
	font-size:24px;
	color:#181818;	
}

a, a:visited {
	color:#686868;
}

a:hover{
	color:#8fd483;
}

.logo{
	text-align: center;
	padding-top:22px;
}

.info_highlight{
	color:#8fd483;
	font-weight:600;
}

.kontakt{
	padding-top:9px;
	height:67px;
	text-align:center;
}

.kontakt p, .bekannt_aus p{
	font-weight:lighter;
	color:#545252;
	font-size:14px;
	padding-top:3px;
}

.markieren {
	border:1px solid red;
}

.teaser{
	text-align:center;
	margin-top:10px;
}

.teaser_bg{
	background-image:url(../img/bg_teaser.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.teaser_button{
	font-size:20px;
	font-weight:400;
	color:#545252;
	padding:20px;
	background-color:white;
	width:100%;
	-webkit-transition:all 0.2s;
	font-family: 'Montserrat', sans-serif;
}

.last_bt{
	margin-bottom:10px;	
}

.comedian_text .p_bekannt{
	font-weight:lighter;
	color:#fff;
	font-size:14px;
	text-align:left;
	max-width:100%;
	background-color:#333;
	opacity:0.8;
	max-width:463px;
    padding:14px 15px 17px 17px !important;
    margin-top:40px;
    margin-left:auto;
    margin-right:auto;
}

.bg_moderator_medium{
	background-color:#fff;
}

.teaser_button:hover,.placeholder_bt:hover{
	background-color:#a3f396;
	color:white;
}

.welcome {
	font-size:18px;
	color:#545252;
	text-align:center;
}

.img_moderator{
	vertical-align:bottom;
}

._spacer_comedian{
margin-top:55px;	
}

._spacer_presenter{
margin-top:0px;	
}

.margin_bt{
	margin-bottom:60px;
}

.img_moderator_bekannt{
	text-align:center;
	padding-top:10px;
}

.img_comedian_bekannt{
	text-align:center;
}

.footer{
	float:none;
	text-align:center;
	padding:20px 0px;
}

.navi{
	margin-top:10px;	
}

.comedian{
	color:white;
	background-color:#000;
}

.ico{
	padding-left:5px;
	padding-top:26px;
}

.imprint{
	padding-top:68px;
}

.imprint a{
	padding-left:80px;	
}

.ico:hover, .ico_maps:hover{
	opacity:0.8;
	cursor:pointer;
}

#moderator_anker{
	padding-top:100px;
}

.hideme
{
    opacity:0;
}

._spacer{
	margin-top:100px;
}

.faerben{
	color:white;
	margin:45px 0 15px;
}

.bekannt_aus{
	margin-top:60px;
	text-align:center;
}

.img_moderator_small,.img_comedian_small,.img_presenter_small{
	text-align:center;
	padding-top:55px;
}

.presenter{
	background-color:#a3f396;
}

.no_padding{
	padding-left:0; 
	margin-left:0;
}

.video_bt p, .video_bt1 p,.video_bt2 p{
	margin:0;
	padding:10px;
	line-height:0;
}

.accordion .content {
  margin-top:36px;
}

.moderator_text, .comedian_text{
	padding:0;
	margin:0;
	text-align:center;
	margin-left: auto;
    margin-right: auto;
    float: none; }
}
	
.moderator_text .p_bekannt{
	font-weight:lighter;
	color:#545252;
	font-size:14px;
	text-align:center;
	max-width:100%;
	padding-top:17px;
}
	
.moderator_text p{
	max-width:100%;
}

.float_r{
	padding-top:50px;
}

.moderator_text .p_bekannt{
	padding-top:17px;
}
	
dl dd .bt_termine {
	color:#545252;
	margin-top:30px;
	background-color;#5a0000 !important;
}

/**RWD Custom**/

/**Tablet**/
		
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	
	.comedian{	
		background-color:black;
	}
	
	.kontakt{
		font-size:1em;
	}
	
	.video_bt{
		margin-top:30px !important;
	}
	
	.scrollToTop{
		position:fixed;
		display:none;
		z-index:97;
		padding:10px;
	}

	.float_r{
		padding-top:50px;
	}
	
	.accordion dd > a{
		margin-top:0px;
		padding:10px;
	}
	
	dl dd .bt_termine {
		margin-top:42px;
	}
	
	.footer{
		float:left;
		text-align:auto;
	}
	
	address{
		max-width:250px;
		float:left;
		text-align:left;
	}

	.ico_maps{
		float:right;
	} 

}

@media only screen and (min-width: 40.063em) and (orientation: portrait) {

	.img_moderator_small,.img_comedian_small,.img_presenter_small{
		text-align:center;
		padding-top:50px;
	}
	
	.address_container {
		max-width:200px;
		float:left;
	}
	
	dl dd .bt_termine {
		margin-top:42px;
	}
	
	.footer{
		float:left;
		text-align:auto;
	}
	
	.teaser_button{
		font-size:15px;
	}
	
	.teaser{
		margin-bottom:-30px;
	}
	
}

/**Desktop**/
	
@media only screen and (min-width: 64.063em) {
	
	.ico_maps{
		float:right;
	} 
	
	address{
		max-width:250px;
		float:left;
		text-align:left;
	}
	
	dl dd .bt_termine {
		margin-top:140px;
	}

	.float_r{
		float:right !important;
		max-width:742px;
	}
	
	.spacer_moderator_big{
		margin-top:150px;	
	}
	
	._spacer_presenter{
		margin-top:65px;	
	}
	
	.footer a.footerlinks{
		color:#545252;
		font-weight:bold;	
		padding-left:40px;
		float:right;
	}

	.address_container {
		max-width:200px;
		float:left;
	}
	
	._spacer{
		margin-top:150px;
	}
	
	.comedian_wrapper{
		width:100%;
		height:auto;
		padding-top:1px;
		padding-bottom:143px;
		margin-top:100px;
		background:url(../img/wrapper_bg.jpg) no-repeat center center ;
		background-attachment: fixed; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	
	.termine_wrapper{
		width:100%;
		height:auto;
		min-height:300px;
		padding-top:1px;
		padding-bottom:143px;
		margin-top:100px;
		background-color:black;
		background:url(../img/wrapper_bg.jpg) no-repeat center center ;
		background-attachment: fixed; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	
	.impressum_seite{
	margin-top:200px;	
	}
	
	.teaser_button{
		font-size:30px;
		margin-bottom:-30px;
	}
	
	.scrollToTop{
		position:fixed;
		display:none;
		z-index:97;
		padding:10px;
	}
	
	.kontakt p{
		float:right;
		min-width:300px;
	}
	
	.footer{
		float:left;
		text-align:auto;
	}
	
	.kontakt{
		padding-right:135px;
		text-align:left;
	}
	
	.last_bt{
		margin-bottom:0px;	
	}
	
	.bekannt_aus{
		text-align:center;
	}
	
	.img_moderator, .img_presenter{
		float:left;
		padding-left:0px;
		vertical-align:baseline;
		bottom:0px;
	}
	
	.bg_moderator_medium{
		background-color:transparent;
	}
	
	.presenter{
		background-color:transparent;
	}
	
	.moderator_text .p_bekannt{
		font-weight:lighter;
		color:#545252;
		font-size:14px;
		text-align:left;
		max-width:100%;
		padding-top:17px;
	}
	
	.moderator_text{
		padding:0;
		margin:0;
		text-align:left;
		float:right;
	}
	
	.moderator_text p{
		max-width:591px;
	}
	
	.comedian{
		color:white;
		background-color:transparent;
	}

	.comedian_text{
		padding:0;
		margin:0;
		text-align:left;
		max-width:591px;
		float:left;
	}

	.comedian_text .p_bekannt{
		font-weight:lighter;
		color:#fff;
		font-size:14px;
		text-align:left;
		max-width:100%;
		background-color:#333;
		opacity:1;
		max-width:340px;
	    padding:14px 15px 17px 17px !important;
	    margin-top:40px;
	    margin-left:0;
	}
	
	.teaser{
		margin-bottom:-30px;
	}
	
}