@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/opensans-bold_1-webfont.eot');
    src: url('../fonts/opensans-bold_1-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-bold_1-webfont.woff2') format('woff2'),
         url('../fonts/opensans-bold_1-webfont.woff') format('woff'),
         url('../fonts/opensans-bold_1-webfont.ttf') format('truetype'),
         url('../fonts/opensans-bold_1-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'shadows_into_lightregular';
    src: url('../fonts/shadowsintolight-webfont.eot');
    src: url('../fonts/shadowsintolight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/shadowsintolight-webfont.woff2') format('woff2'),
         url('../fonts/shadowsintolight-webfont.woff') format('woff'),
         url('../fonts/shadowsintolight-webfont.ttf') format('truetype'),
         url('../fonts/shadowsintolight-webfont.svg#shadows_into_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
#banner .owl-nav .owl-prev {position:absolute; top:50%; left:5%; background:url(../../images/slider-leftArrow.png) no-repeat top left; width:25px; height:24px; margin-top:-12px; transition: opacity 0.5s ease 0s; opacity:0;}
#banner .owl-nav .owl-next {position:absolute; top:50%; right:5%; background:url(../../images/slider-rightArrow.png) no-repeat top left; width:25px; height:24px; margin-top:-12px; transition: opacity 0.5s ease 0s; opacity:0;}
#banner:hover .owl-nav .owl-prev {opacity:1}
#banner:hover .owl-nav .owl-next {opacity:1}

/*Erfolgsgeschichten_Muster 05-05-2016*/
.success-story-head #banner .item {padding: 0;}
.success-story-head #banner {margin-top: 56px;}
.contentBlock { margin:0 auto; width:1040px; }
.success-stories { display:inline-block; width:100%; padding:26px 0 30px; text-align:center;}
.success-stories h1 { color: #ef7d00; font-size: 35px; font-weight: normal; letter-spacing: 2.45px; line-height: 35px; margin: 0; font-family: "open_sanslight";}
.success-stories h6 { color: #595959; font-size: 18px; line-height: 25px; margin: 0; letter-spacing:1.26px; font-weight:normal; font-family: "open_sanslight";}
.leftthumb { width:100%; padding:0 0 15px 0; display:inline-block; border-bottom:1px solid #c9c9c8; }
.leftthumb ul { margin:0 -7px; display:inline-block;}
.leftthumb ul li { margin:0 7px 12px 7px; float:left; width:117px; height:117px; list-style:none; border:1px solid #c7c7c6; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; -ms-border-radius:15px; overflow:hidden;}
.leftthumb ul li img { width:100%;}
.leftthumb ul li:hover {border:1px solid #f07d00;}

.weightBlock { display:inline-block; width:100%; padding:40px 0 36px; border-bottom:1px solid #c9c9c8; }
.weightBlock .leftimagepart { float:left; width:444px;}
.weightBlock .leftimagepart .imagemain { overflow:hidden; width:214px; float:left; position:relative; border:1px solid #929496; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -ms-border-radius:10px; margin:10px 8px 10px 0; /*height:214px;*/}
.weightBlock .leftimagepart .imagemain img { width:100%;}
.weightBlock .leftimagepart .imagemain .caption { position:absolute; bottom:0; width:100%; background-color: rgba(255, 255, 255, 0.8); font-size:22px; text-align:center; font-weight:bold; }
.weightBlock .leftimagepart .imagemain .caption a { color:#f07d00; text-decoration:none; cursor:default;}
.weightBlock .textpart { width:596px; padding-left:25px; float:left;}
.weightBlock .textpart .title { color:#595959; font-size:16.61px; margin:0 0 5px; font-family: "open_sanslight";}
.weightBlock .textpart .title span { color:#f39200; font-size:33px;}
.weightBlock .textpart .title .innertitle { color:#f39200; font-size:53px; font-family: 'shadows_into_lightregular';}
.weightBlock p { font-size:15px; color:#595959; line-height:24px; font-family: "open_sanslight";}

.storyBlock { padding:30px 0 0 0; display:inline-block; width:100%; }
.storyBlock .title { margin:20px 0 35px; text-align:center;}
.storyBlock h2 { color: #ef7d00; font-size: 35px; font-weight: normal; line-height: 36px; letter-spacing:2.45px; margin: 0 0 6px; font-family: "open_sanslight";}
.storyBlock span { color:#595959; font-size:18px; letter-spacing:1.26px; font-family: "open_sanslight";}
.storyBlock-image { display:block; width:100%; height:auto; background-attachment:scroll; background-repeat:no-repeat; background-size:cover; background-position:50% 50%; overflow:hidden; padding:0 0 0; }
.storyBlock-image img { width:100%;}

.success-block { padding:50px 0 0 0; display:inline-block; width:100%; border-bottom:1px solid #c9c9c8; }
.success-block .title { margin:20px 0 35px; text-align:center;}
.success-block h3 { color: #f39200; font-size: 30px; font-weight: normal; line-height: 30px; margin: 0 0 6px; font-family: "open_sanslight";}
.success-block span { color:#595959; font-size:18px; font-family: "open_sanslight";}
.success-block p { font-size:15px; color:#595959; line-height:24px; font-family: "open_sanslight";}
.success-block .success-leftpart { margin-top:40px; }
.success-block .success-rightpart { padding-left:20px;}
.success-block .success-rightpart ul { margin:40px 0 30px;}
.success-block .success-rightpart ul li { list-style:none; padding-left:35px; position:relative; padding-bottom:8px; color:#595959; line-height:24px; font-size:15px; font-family: "open_sanslight";}
.success-block .success-rightpart ul li span { font-size:30px; font-family: 'open_sansbold'; color:#f39200; position:absolute; left:0; top:-4px; line-height:23px; }
.success-block .iconBlock { margin:50px 0 40px; width:100%; display:inline-block;}
.success-block .iconBlock .blmain { width:45%; float:left; text-align:center;}
.success-block .iconBlock .blmain span { display:block; margin:6px 0; font-size:15px;}
.success-block .iconBlock .blmain a { color:#595959; text-decoration: none; outline:none;}

.form-main { padding-top:15px; margin-bottom:300px;}
.form-main h4 { font-size: 24px; margin: 20px 0; line-height:24px; color:#f39200; font-weight:normal; font-family: "open_sanslight";}
.form-main .contact-information,
.form-main .success-pictures,
.form-main .buttons-set { margin-right:-20px; float:left;}
.form-main label { float: left; margin-bottom: 5px; width: 100%; font-weight:normal; color:#595959; font-family: "open_sanslight"; font-size: 15px;}
.form-main .contact-information .form-list { display:inline-block; width:100%; margin:0;}
.form-main .contact-information .form-list li { list-style:none;}
.form-main .contact-information .dateselect { float: left; height:28px; padding:2px 10px;}
.form-main .contact-information .birthday-date { width: 25%; float:left; }
.form-main .contact-information .birthday-month { width: 38%; margin:0 2%; float:left; }
.form-main .contact-information .birthday-year { width: 33%; float:left; }
.form-main .contact-information .sbHolder { border: 1px solid #d2d2d2; border-radius: 5px; color: #bebebe; font-size: 14px; font-weight: normal; height: 28px; position: relative; width: 100%;}
.form-main .contact-information .sbHolder a{text-decoration:none;}
.form-main .contact-information .sbToggle { background: url(../../../../../../frontend/Magento/luma/de_DE/ITS_StudioFinder/images/dropdown-arrow2.png) no-repeat center center; background-size:14px auto; display: block; height: 28px; outline: medium none; position: absolute; right: 0px; top: -1px; width: 28px; }
.form-main .contact-information .sbSelector { display: block; height: 26px; left: 0; line-height: 26px; outline: medium none; overflow: hidden; padding-left: 12px; padding-right: 36px; position: absolute; text-align: left; text-indent: 0; top: 0; width: 100%; color:#bebebe; font-size:14px; font-style:italic; }
.form-main .contact-information .sbOptions { background-color: #efefef; left: 0; list-style: outside none none; margin: 0; overflow-y: auto; padding: 0; position: absolute; top: 26px; width: 100%; z-index: 1; }
.form-main .contact-information .sbOptions a { color: #797979; display: block; font-size: 14px; line-height: 28px; outline: medium none; padding: 0 16px; text-align: left; text-decoration:none;}
.form-main .contact-information .sbHolder ul.sbOptions li { background:none; border-bottom: 1px solid #c8cbcb; float: left; margin: 0; padding: 0; display: inline-block; width: 100%;}
.form-main .fields {float: left; margin-bottom: 0; width: 100%; }
.form-main .fields .field { float: left; margin-bottom: 20px; padding: 0 20px 0 0; width: 33.33%; }
.form-main .fields .field.postcode { padding: 0 8px 0 0; width: 11%;}
.form-main .fields .field.city { width: 22%; }
.form-main .fields .field label { float: left; margin-bottom: 5px; width: 100%; color:#595959; font-weight:normal; font-family: "open_sanslight"; font-size: 15px;}
.form-main .fields .field .input-text,
.form-main .bodyweight-information .field .input-box input,
.form-main .bodyheight-information .input-box .input-text,
.form-main .bodyfat-information .field .input-box input { width: 100%; height: 28px; padding: 2px 10px; box-shadow:none; border: 1px solid #d3d3d3; border-radius: 4px; color:#595959; -webkit-appearance:none;}
.form-main .success-pictures .fileUpload { float: left; margin: 5px 0 !important; overflow: hidden; position: relative; width: 50%; box-shadow:none; font-weight:unset; font-family: "open_sanslight";}
.form-main .success-pictures .filePath { background: none; border: none; float: left; font-size: 14px; padding-left: 5%; padding-top: 7px; width: 50%; font-style:italic;}
.form-main .success-pictures .fileUpload .upload { cursor: pointer; font-size: 20px; margin: 0; opacity: 0; padding: 0; position: absolute; right: 0; top: 0; }
.form-main .success-pictures .fileUpload span { min-width: 80px; }
.form-main .success-pictures .field .button { -moz-user-select: none; background-color: #ef7d00; border: none; border-radius: 4px; color: #fff; cursor: pointer; display: inline-block; font-size: 15px; padding:3px 6px; text-align: center; vertical-align: middle; white-space: nowrap; }
.form-main .bodyweight-information,
.form-main .bodyfat-information { float: left; min-height: 120px; width: 76%; }
.form-main .bodyweight-information .field,
.form-main .bodyfat-information .field { float: left; width: 50%;}
.form-main .bodyweight-information .field .input-box span,
.form-main .bodyfat-information .field .input-box span { font-size: 15px; color:#595959; padding-top:2px; float:left; font-family: "open_sanslight";}
.form-main .bodyweight-information .field .input-box label,
.form-main .bodyfat-information .field .input-box label { max-width: 30px;font-size: 15px; margin-top:3px; }
.form-main .bodyweight-information .field .input-box input,
.form-main .bodyfat-information .field .input-box input { margin: 0 10px; max-width: 70px; width:100%; float:left; }
.form-main .bodyheight-information { float: right; text-align: center; width: 24%; margin-right:-20px; }
.form-main .bodyheight-information .field { float: left; width: 100%; }
.form-main .bodyheight-information .input-box { float: left; margin: 0 10%; width:80%; }
.form-main .bodyheight-information .input-box .input-text { max-width: 70px; height:28px; padding:0 5px;float:left;}
.form-main .bodyheight-information .input-box label { max-width: 50px; float:left; line-height:28px; }
.form-main .bodyheight-information .height-icon { margin-bottom:25px;}
.form-main .input-box .textarea { width: 100%; height: 266px; padding:10px; box-shadow:none; border: 1px solid #d3d3d3; border-radius: 4px; color:#595959; margin-bottom:15px; -webkit-appearance:none;}
.form-main .success-story .checkBoxmain { display:inline-block; }
.form-main .success-story .checkBoxmain input[type=checkbox].css-checkbox { position: absolute;  overflow: hidden;  clip: rect(0 0 0 0);  height:1px;  width:1px; margin:-1px;  padding:0; border:0; }
.form-main .success-story .checkBoxmain input[type=checkbox].css-checkbox + label.css-label { 
	padding-left:28px; display:inline-block; line-height:24px; background-repeat:no-repeat; background-position: 0 2px; background-image:url(../../images/checkbox3.png);
	font-weight:normal; vertical-align:middle; cursor:pointer; margin:0 0 12px; width:100%; font-size:15px; position:relative;
}
.form-main .success-story { width:100%; display:inline-block;}
.form-main .success-story .checkBoxmain input[type=checkbox].css-checkbox:checked + label.css-label { background-image:url(../../images/checkbox3-tick.png); }
.form-main .buttons-set { margin:10px 0 0 0;}
.form-main .buttons-set .button { background:#f39200; padding:0 22px; font-size:15px; line-height:28px; border:none; color:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px;}
/*Erfolgsgeschichten_Muster 05-05-2016*/

.myline-form-successstory-index .success-story-form{display:block;}
.buttons-set {border:none;}
.buttons-set .button{box-shadow:none;font-weight:unset;}

.myline-form-successstory-index .modal-dialog .modal-content{margin-left: 2%;width: 95%;}
.myline-form-successstory-index .modal-dialog{margin: 80px auto;}
.myline-form-successstory-index .modal-dialog .modal-content .modal-header .close{background:none;box-shadow:none;}
.myline-form-successstory-index .modal-dialog h3{color: #ef7d00;font-family: "Lato";font-size: 18px;font-weight: 400;line-height: 1.2;}
.myline-form-successstory-index .modal-dialog p{color: #333;font-family: "open_sanslight";font-size: 14px;line-height: 1.42857;}
.myline-form-successstory-index .modal-dialog .success{color: green;font-family: "open_sanslight";font-size: 14px;line-height: 1.42857;}
.myline-form-successstory-index .modal-backdrop {position: fixed !important;}
.myline-form-successstory-index .modal-content .modal-body{padding-top: 0 !important;}

.myline-form-successstory-index .InnerPageFooter.footer{margin-top: 66px}
.erfolgsgeschichten_banner_mobile{display: none;}
@media (max-width: 1199px) {
/*Erfolgsgeschichten_Muster 05-05-2016*/
.contentBlock { width:100%; padding:0 15px;}
.leftthumb ul li { width:112px; height:auto;}
.weightBlock .textpart { width:58%;}
.weightBlock .leftimagepart { width:42%;}
.weightBlock .leftimagepart .imagemain { width:48%;}
.form-main { margin-bottom:150px;}
.form-main .success-pictures .fileUpload { width:100%;}
.form-main .success-pictures .filePath { width:100%;}
/*Erfolgsgeschichten_Muster 05-05-2016*/
}

@media (max-width: 991px) {
/*Erfolgsgeschichten_Muster 05-05-2016*/
.form-main .bodyheight-information { margin-right:0; float:left; width:170px;}
.form-main .bodyweight-information, .form-main .bodyfat-information { width:100%;}
.weightBlock .leftimagepart .imagemain { width: 47%; }
.leftthumb ul li { width:80px;}
.form-main .contact-information, .form-main .success-pictures, .form-main .buttons-set { margin-right: -15px;}
/*Erfolgsgeschichten_Muster 05-05-2016*/
}

@media (max-width: 767px) {
/*Erfolgsgeschichten_Muster 05-05-2016*/
.form-main .contact-information, .form-main .success-pictures, .form-main .buttons-set { margin-right:0;}
.form-main .fields .field { width:100%; padding:0;}
.form-main .fields .field.postcode { width:40%;}
.form-main .fields .field.city { width:60%;}
.success-block .success-rightpart { padding-left:0;}
.leftthumb ul li { margin:0 5px 11px;}
.contentBlock { margin:0;}
.form-main { margin-bottom: 80px;}
.form-main .success-pictures .fileUpload { width:50%;}
.form-main .success-pictures .filePath { width:50%;}
/*Erfolgsgeschichten_Muster 05-05-2016*/
.success-story-head #banner {margin-top: 129px;}
.erfolgsgeschichten_banner_desktop{display: none;}
.erfolgsgeschichten_banner_mobile{display: block;}
.weightBlock .textpart .title span.innertitle:after{ content:"\a";
    white-space: pre;}
}

@media (max-width: 639px) {
/*Erfolgsgeschichten_Muster 05-05-2016*/
.weightBlock .leftimagepart { width:100%;}
.weightBlock .leftimagepart .imagemain { margin: 0 2% 10px 0; width: 48%;}
.weightBlock .textpart { padding:20px 0 0 0; width:100%;}
/*Erfolgsgeschichten_Muster 05-05-2016*/
}

@media (max-width: 479px) {
/*Erfolgsgeschichten_Muster 05-05-2016*/
.form-main .contact-information .birthday-day { width:100%; margin-bottom:20px;}
.form-main .contact-information .birthday-month { width:100%; margin:0 0 20px 0;}
.form-main .contact-information .birthday-year { width:100%; margin-bottom:20px;}
.form-main .bodyweight-information .field, .form-main .bodyfat-information .field { width:100%; margin-bottom:20px;}
.leftthumb ul li { width:23%; margin:0 1% 11px;}
.leftthumb ul li img { width:100%;}
.success-stories h1 { letter-spacing: 0; font-size: 25px;}
/*Erfolgsgeschichten_Muster 05-05-2016*/
}

@media (max-width: 360px) {
/*Erfolgsgeschichten_Muster 05-05-2016*/
.largethumb ul li { width:100%; margin:0 0 15px 0;}
.largethumb ul li:first-child {margin:0 0 15px 0;}
.rightMain .contentmain .rightimagepart .imagemain { width:100%; margin:0 0 10px 0;}
.rightMain .contentmain .rightimagepart .imagemain img { width:100%; }
/*Erfolgsgeschichten_Muster 05-05-2016*/
}