/* 
font-family: 'Halbfett';
font-family: 'Mager';
font-family: 'Leicht'; 
*/
.story{position:relative;min-height:100px;padding:50px 0;color:#000;}
.story--topborder:before,.story--bottomborder:after{content:'';width:81px;height:6px;background:#F8B415;display:block;position:absolute;}
.story--topborder:before{top:0;}
.story--bottomborder:after{bottom:0;}
.story__actionbtn{display:flex;}
.story__arrowupdown{display:flex;border:1px solid #F8B415;border-radius:50px;align-items:center;}
.story__arrowup,.story__arrowdown{width:36px;height:24px;display:flex;justify-content:center;align-items:center;cursor:pointer;}
.story__arrowup{border-right:1px solid #F8B415;}
.story__arrowup img{margin-top:3px;}
.story__arrowdown img{margin-top:-6px;}
.story__dropdown,.story__hideshow,.story__editpen{width:32px;height:32px;border:1px solid #F8B415;border-radius:50px;margin-left:15px;}
.story__dropdown{background:#F8B415 url('../images/arrow-down.svg') no-repeat center center;}
.story__hideshow{background:#F8B415 url('../images/eye-off.svg') no-repeat center center;}
.story__hideshow:hover,.story__hideshow--active{background:#fff url('../images/eye-on.svg') no-repeat center center;}
.story__editpen{background:#F8B415 url('../images/editpen.svg') no-repeat center center;}
.story__dropdown:hover,.story__dropdown--active,.story__hideshow:hover,.story__editpen:hover,.story__editpen--active{background-color:#fff;cursor:pointer;}
.story__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.story__heading{font-size:50px;line-height:50px;color:#313131;}
.story__subheading,.story__heading{font-family:'Halbfett';}
.story__subheading{width:100%;font-size:20px;margin:13px 0;}
.story__subheading--light{font-size:16px;line-height:24px;font-family:'Mager';color:#999;}
.story__text,.story p{font-size:18px;font-family:'Mager';line-height:24px;margin-bottom:15px;}
.story__text:last-child,.story p:last-child{margin-bottom:0;}
.story__body--graybox{padding:15px;background:#F9F9F9;border:1px solid #eee;border-radius:2px;margin-top:10px;}
.story__body--hidegraybox{display:none;}
.story__body--graybox .story__subheading{margin-top:0px;}
.story__editmode{margin-top:00px;display:flex;flex-direction:column;}
.story__textbox{display:flex;flex-direction:column;background:#fff;position:relative;margin-bottom:15px;}
.story__input{
	border: 1px solid #eee;
    height: 48px;
    font-size: 16px;
    background: none;
    position: relative;
    z-index: 1;
    outline: none;
	padding-top: 10px;
}
.story__label{font-size:16px;position:absolute;font-family:'Leicht';transition:all 0.3s ease 0s;transform-origin:0px 0px;-webkit-transition:all 0.3s ease 0s;-webkit-transform-origin:0px 0px;display:flex;top:0;bottom:0;left:10px;align-items:center;color:#aaa;z-index:0;}
.story__input:focus + .story__label,.story__input:valid + .story__label,.story__input:focus ~ .story__label,.story__label:focus{
	transform: scale(0.65) translate(2px,-7px);
    -webkit-transform: scale(0.65) translate(2px,-7px);
}
.story__editmode .ql-toolbar.ql-snow,.story__editmode .ql-container.ql-snow{border:1px solid #eee;}
.story__editmode .ql-editor{padding:20px 15px;}
.story__editmode .ql-snow .ql-stroke,.story__editmode .ql-snow .ql-fill,.story__editmode .ql-snow .ql-stroke.ql-fill{stroke:#999;}
.story__editmode  .ql-toolbar.ql-snow{padding:9px 8px;}
.story__editmode p{font-size:16px;}
.story__editmode .ql-toolbar.ql-snow .ql-formats{margin-right:0;}
.story__editmode .ql-formats button{margin-right:5px;}
.story__editmode .ql-snow.ql-toolbar button,.story__editmode .ql-snow .ql-toolbar button,.story__editmode .ql-snow .ql-color-picker,.story__editmode .ql-snow .ql-icon-picker{width:25px;height:21px;}
.story__submit{display:flex;justify-content:flex-end;margin-top:40px;padding-top:40px;border-top:1px solid #eee;}
.story__submit button{margin-left:15px;border-radius:3px;width:90px;height:40px;border:2px solid #FCB414;background:#ffffff;color:#000!important;}
.story__submit button.active{background:#FCB414;}

.story__vidoeupload{border:1px solid #eee;background:#FBFBFB;padding:34px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:550px;cursor:pointer;}
.story__vidoetext{margin:10px 0;color:#444;}
.story__vidoesupport{font-size:12px;color:#666;font-family:'Leicht';text-align:center;}
.story__vidoeupload--processing{min-height:139px;justify-content:center;display:flex;align-items:center;position:relative;color: #333;}
.story__processingbar{position:absolute;bottom:0;left:0;height:9px;background:#FCB414;}
.story__videobtn{display: flex; margin-top: 20px;}
.story__replacebtn{border:1px solid #FCB414; width: 165px;border-radius:3px; margin-right: 35px;}
.story__replacebtn img{margin-right:15px;}
.story__removebtn, .story__replacebtn{color: #FCB414 !important; font-size: 16px; line-height: 32px; display: flex; align-items: center; background: none; height: 40px;font-family:'Mager';}
@media screen and (max-width:767px){
	.story__head{flex-direction:column;align-items:flex-start;}
	.story__dropdown,.story__hideshow,.story__editpen,.story__arrowupdown{margin-left:0px;margin-right:15px;}
	.story__actionbtn{margin-top:13px;margin-bottom:10px;}
	.story__heading{font-size:28px;}
	.story--topborder:before,.story--bottomborder:after{width:47px;height:4px;}
	.story{padding:30px 0;}
	.story__arrowupdown{display:none;}
	.story__text,.story p{font-size:16px;}
}
@media screen and (max-width:570px){
	.story__video video,.story__vidoeupload{width:100%;}
}
@media screen and (max-width:414px){
	.story__submit{justify-content:space-between;}
	.story__submit button{width:48%;margin:0;}
}
@media screen and (max-width:375px){
	.story__video video{height:200px;}
	.story__video--selected video{height: 228px}
}
@media screen and (min-width:768px){
	.story__dropdown{display:none;}
}

@media screen and (min-width:767px){
	.story__editmode .ql-snow.ql-toolbar button, .story__editmode .ql-snow .ql-toolbar button, .story__editmode .ql-snow .ql-color-picker, .story__editmode .ql-snow .ql-icon-picker {
		width: 27px !important;
		height: 24px !important;
	}
}

.ql-editor u{
	text-decoration: underline!important;
}

.ql-snow .ql-editor img {
    margin: 15px 15px 15px 0;
}