/*Interview Admin*/
.button_redaktion_text{
	font-size:1.2rem;
	margin-top:10px;
	margin-bottom:10px;
}
.interview_imginfo_dissmiss:hover{
	cursor:pointer
}
input.admin_input{
	height:40px!important;
	padding:0px 10px;
}

table.table_interwiews{
	width:100%;
}

.table_interviews p{
	margin-bottom:0px;
}

.interviewBody{
	display:none;
}

.interview_search input{
	margin-bottom:0px!important;
}

ul.interview_search {
	list-style:none!important;
}
/*Interview Formular*/
.int_edit_title{
	font-size:2rem!important;
	font-weight:400;
}
.interview_vita{
	width:100%;
	height:100px
}
/*.classy_interview_content p, .classy_interview_content h2,.classy_interview_content h5, .classy_interview_content h4,.classy_interview_content h3,.classy_interview_content div,.interview_date h4 span{
	font-family: Roboto,sans-serif!important;
}

.classy_interview_content .un-quote-text,.classy_interview_content .un-quote-author{
	font-family: 'Roboto Slab'!important;
}*/
.classy_interview_content {
	
}

.classy_interview_content input[type="text"], .classy_interview_content textarea{
	width:100%;
}

.image_info{
	border:1px solid #eee;
	padding:10px;
	box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	display:none;
	position:absolute;
	z-index:999;
	background-color:#fff;
	margin-top:-30px;
}

.ques_arrow{
	color:#777;
	float:right;
	
}
.select_ques{
	border:1px solid #d9d9d9;
	padding:10px 10px;
	margin:20px 0px;
	width:100%;
}
.ques_group{
	border:1px solid #eee;
	padding:10px;
	box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	display:none;
	position:absolute;
	z-index:999;
	background-color:#fff;
}

.ques_group li{
	margin-bottom:10px
}
.ques_group li:hover{
	background-color:#ccc;
	cursor:pointer;
	color:#fff
}
.ant_text{
	width:100%;
	display:none;
}
.font_button{
	hyphens:none;
	border:1px solid #d9d9d9;
	padding:15px 18px;
	text-align:left;
	
	cursor:pointer;
	color:#757575;
}
.interview_fonts{
	hyphens:none;
	display:none;
	cursor:pointer;
	
	position:absolute;
	
	z-index:999;
	background-color:#fff;
	border:1px solid #eee;
	padding:10px 20px;
	box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	width:100%
}

.interview_fonts ul {
	list-style:none
}
.ques_container ul{
	list-style:circle
}

.interview_fonts li{
	line-height:30px;
}
.top_save_button{
	float:right;
	margin-right:20px;
}
.save_bottom{
	float:left;
	
}
.redaktion_send_bottom{
	float:left;
	margin-left:20px;
}
button.disabled_bottom{
	cursor:default;
	background-color:#eee!important;
	border-color:#eee!important;
	transition:color 0s!important;
	float:left;
	margin-left:20px;
}

.disabled_text_bottom,.send_form_bottom{
	display:none;
	cursor:pointer;
	width:40%;
	position:absolute;
	left:0px;
	z-index:999;
	background-color:#fff;
	border:1px solid #eee;
	padding:10px;
	box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


.redaktion_send_form, .disabled_text {
	display:none;
	cursor:pointer;
	width:40%;
	position:absolute;
	right:0px;
	z-index:999;
	background-color:#fff;
	border:1px solid #eee;
	padding:10px;
	box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.redaktion_send,.redaktion_disabled {
	float:right;
}
.buttons_top{
	margin-bottom:30px;
}

button.redaktion_disabled{
	cursor:default;
	background-color:#eee!important;
	border-color:#eee!important;
	transition:color 0s!important;
	float:right;
}
button.disabled:hover{
	background-color:#eee!important;
	cursor:default;
	transition:color 0s!important;
	border-color:#eee!important;
}
.int_eye{
	margin-right:5%;
	font-size:75%;
	float:right;
	margin-top:20px;
	color:#777;
}
.vita_info{
	display:none;
	position:absolute;
	z-index:99;
	background-color:#fff;
	border:1px solid #eee;
	padding:10px;
	box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.vita_info ul{
	list-style:none;
}

i.ion-ios-help-outline{
	cursor:pointer;
	margin-left:20px;
}
.int_select{
	margin-bottom:10px;
}
.int_question .select2.interview.select2-dropdown{
	width:500px!important;
}
input.zitat_autor{
	margin-top:-30px;
}
.interview_divider{
	width:100%;
	border-bottom:1px solid #ddd!important;
	height:5px;
	margin-top:30px;
	margin-bottom:60px;
}
.int_dummy{
	
}
.image_input{
	
}
.image_input input{
	padding:5px;
	border:none;
}
.interview_image, .interview_bild{
	width:100%;
	height:375px;
	overflow:hidden;
	
	
}


img#preview{
	width:100%;
}
.image_upload{
	width:50%;
	float:left;
}
.interview_input{
	height:50px;
	padding:5px 10px!important;
	margin-bottom:10px!important;
	width:100%;
}

.int_container{
	
	float:right;
}

.ques_container{
	width:100%;
	hyphens:none;
}
.ques_container textarea{
	width:100%!important;
}

.ques_container span{
	font-size:1.3rem;
	font-weight:600;
}
.int_col{
	width:50%;
	float:left;
	padding:10px;
}
.int_question{
	margin-bottom:60px;
	
}

.interview .select2-dropdown{
	width:100%!important;
}
.int_question textarea{
	
	margin-top:10px;
}
/*.int_question textarea:active, .int_question textarea:focus,.int_question input:active, .int_question input:focus{
	border:1px solid #B2C979!important;
}*/

.bubble textarea:active, .bubble textarea:focus, .bubble input:active, .bubble input:focus{
	border:1px solid #B2C979!important;
}

.int_header textarea:active, .int_header textarea:focus, .int_header input:active, .int_header input:focus{
		border:1px solid #B2C979!important;
}
/*Interview Anzeige*/
.questionsQuestion{
	font-weight:500;
	
	line-height:1.5rem;
}
.questionsAnswer{
	font-size:1.2rem;
	line-height:2rem;
	font-weight:100;
}
.interview_date{
	height:70px;
}
.interview_date h4{
	text-align:center;
	position:relative;
}

.interview_date h4 span{
	background: #fff;
  padding: 0 15px;
  position: relative;
  z-index: 1;
}
.interview_date h4:before{
	
  background: #e8e8e8;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
    top: 50%;
  width: 100%;
}
.interview_date h4:before{
  left: 0;
}

.interview_quote{
	hyphens:none;
}
.interview_quote .un-quote-text{
	margin-top:-50px;
}
.interview_quote  .un-post-quote{
	
	height:auto!important;
}
.interview_quote .un-item-msnr {
	height:auto!important;
	padding-bottom:20px;
	overflow:visible;
}

.interview_quote .un-quote-after{
	bottom:-50px!important;
}
.int_vita{
	margin-top:30px;
	padding-right:90px!important;
	display:block;
}

.int_company{
	padding-left:70px!important;
}

.unterschrift{
	line-height:3rem;
	font-style:normal;
	font-size:3rem;
	margin-top:50px;
	hyphens:none;
	text-align:left;
	padding-top:40px;
	clear:both;
	padding-left:15px;
}
.answer_text{
	font-style:italic;
}
.fragen h5{
	color:#000!important
}
p.answer_text{
	margin-bottom:0px!important;
}
.int_info{
	padding-left:60px!important;
	
}

.int_info h2{
	margin-top:-10px;
}
.bubble-left h5, .bubble-right h5{
	color:#000!important;
}
.bubble-left
{
position: relative;
width: 100%;
height: auto;
padding: 20px;
background: #FFFFFF;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;

border: #B2C979 solid 1px;
}

.bubble-left:after
{
content: '';
position: absolute;
border-style: solid;
border-width: 12px 0 12px 15px;
border-color: transparent #FFFFFF;
display: block;
width: 0;
z-index: 1;
margin-top: -12px;
right: -15px;
top: 24%;
}

.bubble-left:before
{
content: '';
position: absolute;
border-style: solid;
border-width: 12px 0 12px 15px;
border-color: transparent #807F7F;
display: block;
width: 0;
z-index: 0;
margin-top: -12px;
right: -16px;
top: 24%;
}


.bubble-right
{
position: relative;
width: 100%;
height: auto;
padding: 20px;
background: #FFFFFF;
-webkit-border-radius: 10px;
-moz-border-radius: 30px;

border: #B2C979 solid 1px;
}

.bubble-right:after
{
content: '';
position: absolute;
border-style: solid;
border-width: 12px 15px 12px 0;
border-color: transparent #FFFFFF;
display: block;
width: 0;
z-index: 1;
margin-top: -12px;
left: -15px;
top: 76%;
}

.bubble-right:before
{
content: '';
position: absolute;
border-style: solid;
border-width: 12px 15px 12px 0;
border-color: transparent #807F7F;
display: block;
width: 0;
z-index: 0;
margin-top: -12px;
left: -16px;
top: 76%;
}

.divider{
	width:100%;
	height:20px;
}

.container{
	width:100%;
}

.col-left{
	width:45%;
	float:left;
	
}

.col-right{
	width:45%;
	float:right;
	
}

.interview_bild img{
	width:100%;
	height:100%;
	object-fit:cover;
	overflow:hidden;
}

/*Interview Admin*/
.fragen_rechts {
	float:right;
	width:50%;
}

.fragen_links{
	float:left;
	width:50%;
}

@media screen and (max-width: 1366px) {
	
	.interview_bild{
		height:280px;!important;
	}