h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th,p,a,li,td,div,footer{font:normal 12px 'Segoe UI', "Open Sans", "Lucida Sans Unicode", "Arial";color:#000;}
.pw1200{ max-width:1200px; width:92%; margin-left:auto; margin-right:auto;}
.pw1000{ max-width:1000px; width:92%; margin-left:auto; margin-right:auto;}
.btn{transition:transform 0.3s linear;}
.btn:hover{transform:translateY(-5px);}
.recforth-title{max-width: 1020px; width: 92%; margin-left:auto; margin-right:auto; text-align: center;}
.recforth-title h2{ font-size: 32px; line-height: 1.6; font-weight: 600; color: #000000;}
.recforth-title p{ font-size: 18px; line-height: 1.6; font-weight: 400; color: #303030; margin-top: 36px;}
.only_mo{display: none;}
.only_pc{display: block;}


.filmhome_btn{display: flex; align-items: center; margin-top: 62px;}
.filmhome_btn a{display: block; height: 58px;}
.filmhome_btn>div.btn{width: 226px; margin-right: 22px;}
.filmhome_btn ms-store-badge{transform: scale(.6) translate(-130px,2px);}
.btmbtn{width: 182px; height: 58px; line-height: 56px; font-size: 18px; border-radius: 8px; position: relative; color: #fff; text-align: center; box-sizing: border-box; background: #FD6F6F;}
.btmbtn:after{width: 20px; height: 20px; content: ""; display: inline-block; position: relative; margin:3px 0 0 6px; top: 4px; background:url(../img/btmbtn_arrow_white.png) top center no-repeat; background-size:cover;}


.recforth-banner{ width:100%; height:667px; background:url(../img/derecforth-banner-bg.jpg) top center no-repeat; background-size:cover; overflow: hidden; position: relative; z-index: 2;}
.recforth-ban-cont{margin: 70px auto; display: flex; align-items: center; justify-content: space-between;}
.recforth-ban-text{width: 530px;}
.recforth-ban-cont h1{font-weight: bold; font-size: 40px; line-height: 1.325; background: radial-gradient(100% 7591.15% at 8.11% 0%, #ED4C4C 0%, #FF773D 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent;}
.recforth-ban-cont p{width: 380px; margin-top: 16px; font-size: 20px; line-height: 180%; font-weight: 400; color: #000000;}
.recforth-score{display: flex; margin-top: 50px; align-items: center;}
.recforth-score span{margin-left: 16px; font-size: 14px; line-height: 180%; color: #000000;}
.recforth-score span a{font-size: inherit; color: inherit; font-weight: inherit;}
.recforth-ban-cont>img{margin-right: -164px;}



.pdfhome-type{position: relative; z-index: 3; overflow: hidden; margin-top: -60px;}
.pdfhome-type-solution{ background: rgba(255, 255, 255, 0.6); border: 1px solid #E6E6E6; border-radius: 10px; padding: 18px 48px; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center;}
.pdfhome-type-solution-item{display: flex; align-items: center;}
.pdfhome-type-solution-item img{margin: 0 5px;}
.pdfhome-type-solution-item p{margin: 0 5px; font-size: 18px; line-height: 1.33; color: #1A1A1A; font-weight: 400;}
.pdfhome-type .recforth-title{margin-top: 120px;}
.pdfhome-typebutton{display: flex; justify-content: center; align-items: flex-start; margin-top: 40px;}
.pdfhome-typebutton-item{margin: 20px 40px; width: 130px; padding-bottom: 14px; display: flex; justify-content: center; flex-direction: column; align-items: center; cursor: pointer; text-align: center;}
.pdfhome-typebutton-item.checked{border-bottom: 2px solid #FD6F6F;}
.pdfhome-typebutton-icon{width: 40px; height: 40px; background-position: 0 0;}
.pdfhome-typebutton-item.item1 .pdfhome-typebutton-icon{background:url(../img/derecforth-was-icon1.png) top center no-repeat;}
.pdfhome-typebutton-item.item2 .pdfhome-typebutton-icon{background:url(../img/derecforth-was-icon2.png) top center no-repeat;}
.pdfhome-typebutton-item.item3 .pdfhome-typebutton-icon{background:url(../img/derecforth-was-icon3.png) top center no-repeat;}
.pdfhome-typebutton-item.item4 .pdfhome-typebutton-icon{background:url(../img/derecforth-was-icon4.png) top center no-repeat;}
.pdfhome-typebutton-item.item5 .pdfhome-typebutton-icon{background:url(../img/derecforth-was-icon5.png) top center no-repeat;}
.pdfhome-typebutton-item:hover .pdfhome-typebutton-icon,.pdfhome-typebutton-item.checked .pdfhome-typebutton-icon{background-position: 0 -40px; background-size: cover;}
.pdfhome-typebutton-item p{font-size: 16px; color: #000; margin-top: 7px; line-height: 1.6;}
.pdfhome-typebutton-item.checked p,.pdfhome-typebutton-item:hover p{font-weight: 700; color: #FD6F6F;}
.pdfhome-typecont{max-width: 1290px; width: 98%; margin: 26px auto 0; padding: 50px 38px 50px 50px; border: 2px solid #FFFFFF; box-sizing: border-box; background: rgba(255, 255, 255, 0.6); box-shadow: 0px 103px 80px rgba(255, 170, 170, 0.07), 0px 23.0064px 17.869px rgba(255, 170, 170, 0.0417275), 0px 6.84961px 5.32008px rgba(255, 170, 170, 0.0282725); border-radius: 10px; position: relative;}
.pdfhome-typecont-item{display: none; align-items: flex-start; justify-content: space-between;}
.pdfhome-typecont-item.showed{display: flex;}
.pdfhome-typecont-item>img{transform: translateX(100px); opacity: 0; transition: all linear 0.2s;}
.pdfhome-typecont-item-text{width: 460px; opacity: 0; transform: translateX(-100px); transition: all linear 0.2s 0.1s;}
.pdfhome-typecont-item.showed>img{animation: sktrtc 0.2s linear forwards;}
.pdfhome-typecont-item.showed .pdfhome-typecont-item-text{animation: sktltc 0.2s linear forwards;}
@keyframes sktltc{
	from{transform: translateX(-100px); opacity: 0;}
	to{transform: translateX(0); opacity: 1;}
}
@keyframes sktrtc{
	from{transform: translateX(100px); opacity: 0;}
	to{transform: translateX(0); opacity: 1;}
}

.pdfhome-typecont-item-text h3{font-size: 28px; line-height: 150%; font-weight: 600; color: #000000; margin-top: 10px;}
.pdfhome-typecont-item-text p{font-size: 16px; line-height: 200%; font-weight: 400; color: #000000; margin-top: 26px;}
.pdfhome-typecont-item-text .btmbtn{background: #fff; border: 2px solid #FD6F6F; color: #FD6F6F; font-weight: 600; line-height: 52px;}
.pdfhome-typecont-item-text .btmbtn:after{background: url(https://www.ioforth.com/img/dehomepage_entdecken_arrow3.svg) top center no-repeat; margin: 6px 0 0 8px; top: 8px;}
.pdfhome-typecont-item-text .btmbtn:hover{background: #FD6F6F; color: #fff;}
.pdfhome-typecont-item-text .btmbtn:hover:after{background: url(https://www.ioforth.com/img/dehomepage_entdecken_arrow_hover.svg) top center no-repeat;}
.homepage_type_img.play-button{cursor: pointer;}
.pdfhome-typecont-arrbtn{width: 40px; height: 40px; border-radius: 40px; cursor: pointer; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1); position: absolute; top: calc(50% - 20px); z-index: 10; background: #fff;}
.pdfhome-typecont-arrbtn.prev{left: -73px;}
.pdfhome-typecont-arrbtn.next{right: -73px;}
.pdfhome-typecont-arrbtn.prev:before{background: url(https://www.ioforth.com/img/derecforth-was-arrowleft.png) top center no-repeat;}
.pdfhome-typecont-arrbtn.next:before{background: url(https://www.ioforth.com/img/derecforth-was-arrowright.png) top center no-repeat;}
.pdfhome-typecont-arrbtn:before{width: 13px; height: 20px; content: ""; display: block; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background-position: 0 0; position: absolute;}
.pdfhome-typecont-arrbtn:hover{background: #FD6F6F;}
.pdfhome-typecont-arrbtn:hover:before{background-position: 0 -20px;}


.recforth-durch{margin-top: 76px;}
.recforth-durch-cont{max-width: 1290px; width: 92%; margin: 25px auto 0; background: rgba(255, 255, 255, 0.6); border: 2px solid #FFFFFF; box-shadow: 0px 64px 140px -48px rgba(255, 85, 85, 0.08); border-radius: 10px; padding: 20px 62px 15px; box-sizing: border-box; display: flex; justify-content: space-between; flex-wrap: wrap;}
.recforth-durch-item{margin: 30px 0; width: 338px; text-align: center;}
.recforth-durch-item img{width: 100%; height: auto; display: block;}
.recforth-durch-item h3{font-size: 18px; margin-top: 22px; line-height: 150%; font-weight: 600; color: #000000;}
.recforth-durch-item p{font-size: 14px; line-height: 160%; font-weight: 400; color: #808080; margin-top: 8px;}

.recforth-feature{ margin-top: 76px;}
.recforth-feature-text{ text-align: center;}
.recforth-feature-text h2{ margin-bottom: 20px;}
.recforth-feature-text h2 span{background-image: -webkit-gradient(linear, left 0, right 0, from(rgb(220, 76, 123)), to(rgb(255, 116, 73))); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.recforth-feature-text p{font-size: 18px; line-height: 1.5; color: #333; margin-top: 10px;}
.recforth-feature-exhibit{ display: flex; margin-top: 60px; justify-content: space-between; align-items: center;}
.recforth-exhibit-text{width: 500px;}
.recforth-exhibit-text-list{padding: 28px 26px 28px 32px; position: relative; cursor: pointer; border-radius: 10px;}
.recforth-exhibit-text-list:before{width: 12px; height: 12px; border-radius: 12px; background: #D9E2E7; content: ""; display: block; position: absolute; left: 0; top: 40px; z-index: 2;}
.recforth-exhibit-text-list.checked{background: #F1F2FF;}
.recforth-exhibit-text-list.checked:before{width: 12px; height: 100%; top: 0; background: linear-gradient(to top, #FEDB61 0.01%, #FF7448 22.4%, #C4309F 59.9%, #525DD2 91.67%);}
.recforth-exhibit-text-list h3{font-size: 20px; line-height: 1.5; font-weight: 600; color: #000000; position: relative;}
.recforth-exhibit-text-list p{ margin-top: 12px; font-size: 14px; line-height: 1.5; color: #333; font-weight: 400;}
.recforth-exhibit-img{width: 620px; height: 360px; position: relative;}
.recforth-exhibit-img img{width: 100%; height: auto; transform: scale(0.6); opacity: 0; position: absolute;}
.recforth-exhibit-img img.showed{transform: scale(1); opacity: 1; transition: all 0.2s linear;}


.recforth-gestellte{margin-top: 90px; background: #F3F9FE; padding: 60px 0 33px;}
.recforth-gestellte-total{margin-top: 35px;}
.recforth-gestellte-item{padding-left: 46px; position: relative;}
.recforth-gestellte-item h4{padding: 40px 24px 40px 0; font-size: 20px; line-height: 1.2; color: #07090D; font-weight: 600; letter-spacing: -0.015em; cursor: pointer; position: relative;}
.recforth-gestellte-item h4:after{width: 24px; height: 24px; content: ""; display: block; right: 0; top: 40px; background: url(https://www.ioforth.com/img/derecforth-faq-arrowup.png) top center no-repeat; position: absolute; transform: rotate(180deg);}
.recforth-gestellte-item p{font-size: 16px; line-height: 160%; color: #3C4353; font-weight: 400; padding-bottom: 26px; display: none;}
.recforth-gestellte-item:before{width: 20px; height: 20px; content: ""; display: block; top: 43px; left: 0; background: url(https://www.ioforth.com/img/derecforth-faq-symbol.png) top center no-repeat; background-size: cover; background-position: 0 0; position: absolute;}
.recforth-gestellte-item.checked{border-bottom: 1px solid #E7EAEE;}
.recforth-gestellte-item.checked:before{background-position: 0 -20px;}
.recforth-gestellte-item.checked h4{padding-bottom: 28px;}
.recforth-gestellte-item.checked p{display: block;}
.recforth-gestellte-item.checked h4:after{transform: rotate(0);}



.recforth-comment{margin-top: 60px;}
.recforth-comment h2{text-align: center;}
.recforth-comment-bd{width: 100%; height: 300px; margin-top: 66px; background: #F2F4F5; border-radius: 10px; position: relative; overflow: hidden;}
.recforth-comment-list{width: 100%; height: 100%; padding: 40px 50px 60px 82px; box-sizing: border-box; display: flex; justify-content:flex-start; align-items: center; position:absolute; left:0; top:0; transform: translateX(300px); opacity: 0; z-index: -1;}
.recforth-comment-list-text{ margin-left: 60px;}
.recforth-comment-list-text b{font-size: 16px; line-height: 1.25; font-weight: bold; display: block;}
.recforth-comment-list-star{margin-top: 20px; display: flex; justify-content: flex-start; align-items: center; position: relative; }
.recforth-comment-list-star:after{width: 175px; height: 24px; content: ""; display: block; position: absolute; left: 0; top: 0; background:url(../recforth/img/recforth-score-full.png) top left no-repeat;}
.recforth-comment-list-star.star4_7:after{width: 161px;}
.recforth-comment-list-star.star4_8:after{width: 165px;}
.recforth-comment-list-star span{font-size: 14px; margin-left: 14px;}
.recforth-comment-list-text p{font-size: 16px; margin-top: 22px; line-height: 1.5; }
.recforth-comment-list.showed{opacity: 1; z-index: 1; transform: translateX(0); transition: all linear .3s;}
.recforth-comment-hd{margin-top: 40px; text-align: center;}
.recforth-comment-hd span{width: 12px; height: 12px; border-radius: 12px; background: #D9E2E7; display: inline-block; vertical-align: middle; margin: 5px; cursor: pointer;}
.recforth-comment-hd span.checked{width: 36px; background: linear-gradient(274.38deg, #FEDB61 0.01%, #FF7448 22.4%, #C4309F 59.9%, #525DD2 91.67%); border-radius: 10px;}


.recforth-ftbottom{width: 100%; height: 421px; background: url(https://www.ioforth.com/img/derecforth-ftbg.jpg) top center no-repeat; margin-top: 70px; overflow: hidden;}
.recforth-ftbottom-text{width: 412px; margin-top: 115px;}
.recforth-ftbottom-text h2{font-size: 32px; line-height: 150%; font-weight: 700; color: #FFFFFF;}
.recforth-ftbottom-text p{font-size: 20px; line-height: 180%; font-weight: 400; color: #FFFFFF; margin-top: 23px;}
.recforth-ftbottom-text .filmhome_btn{margin-top: 20px;}

@media screen and (max-width: 1460px){
.pdfhome-typecont-arrbtn.next{right: 10px;}
.pdfhome-typecont-arrbtn.prev{left: 10px;}
.recforth-durch-cont{padding: 20px 30px;}
}
@media screen and (max-width: 1200px){
.recforth-durch-item{width: 44%;}
.pdfhome-typecont-item-text{width: 40%;}
.pdfhome-typecont-item>img{width: 56%; height: auto;}
.pdfhome-typecont-item{ align-items: center;}
.pdfhome-typecont-item .filmhome_btn{margin-top: 10px; flex-wrap: wrap;} 
}
@media screen and (max-width: 1100px){
.recforth-exhibit-text{ width: 35.2%;}
.recforth-exhibit-img{width: 60%; height: auto;}
.recforth-exhibit-img img{position: relative; transform: scale(1); opacity: 1; display: none;}
.recforth-exhibit-img img.showed{display: block;}
.recforth-feature{margin-top: 20px;}
}

@media screen and (max-width: 980px){
.recforth-box h2{font-size: 24px;}
.recforth-banner{height: auto; padding-bottom: 50px; background: linear-gradient(to right, #ffd9de, #fffdfe ,#dac3f9);}
.recforth-ban-cont{flex-direction: column-reverse; text-align: center;}
.recforth-ban-cont>img{margin: 0 auto 0; max-width: 778px; width: 92%; height: auto; display: block;}
.recforth-ban-text{width: 100%; margin-top: 20px;}
.recforth-score{justify-content: center; margin-top: 20px;}
.filmhome_btn{justify-content: center; flex-wrap: wrap; margin-top: 20px;}
.recforth-ban-cont p{width: 100%;}
.recforth-feature,.recforth-comment{margin-top: 60px;}
.pdfhome-type .recforth-title{margin-top: 50px;}
.pdfhome-type-solution{padding: 10px 20px;}
.recforth-comment-list{padding: 20px;}
.recforth-comment-list-text{margin-left: 40px;}
.recforth-feature-exhibit{flex-direction: column-reverse; margin-top: 30px;}
.recforth-exhibit-img{max-width: 620px; width: 92%;}
.recforth-exhibit-text{ width: 100%; margin: 40px 0 0 0;}
.pdfhome-typebutton-item{margin: 20px;}
.pdfhome-typecont{padding: 30px; overflow: hidden; margin-top: 0;}
.pdfhome-typecont-item{flex-direction: column;}
.pdfhome-typecont-item-text{width: 100%;}
.pdfhome-typecont-item>img{max-width: 674px; width: 100%; height: auto; margin: 20px auto 0;}
.recforth-ftbottom{height: auto; padding: 40px 0; background: #000; text-align: center;}
.recforth-ftbottom-text{width: 100%; margin: 0;}
.recforth-durch{margin-top: 30px;}
.recforth-exhibit-text-list{padding: 18px 26px 18px 32px;}
.recforth-exhibit-text-list:before{top: 30px;}
.recforth-gestellte{margin-top: 50px;}
}
@media screen and (max-width: 768px){
.pdfhome-type-solution{flex-direction: column; align-items: flex-start;}
.pdfhome-typebutton-item{margin: 20px 5px;}
.pdfhome-typebutton-item p{font-size: 14px;}
}


@media screen and (max-width: 568px){
.only_mo{display: block;}
.only_pc{display: none;}
.recforth-feature, .recforth-comment{margin-top: 40px;}
.recforth-comment-bd{ height: 380px;}
.recforth-comment-list{flex-direction: column; text-align: center;}
.recforth-comment-list-text{margin: 20px auto 0;}
.recforth-comment-list>img{width: 100px; height: 100px;}
.recforth-comment-list-star{display: inline-block; vertical-align: middle;}
.recforth-comment-list-star img,.recforth-comment-list-star span{vertical-align: middle;}
.filmhome_btn>div.btn{margin-right: 0;}
.recforth-durch-cont{padding: 0;}
.recforth-durch-item{width: 100%;}
.recforth-durch-item p{font-size: 16px;}
} 
@media screen and (max-width: 414px){
.recforth-comment-bd{ height: 450px;}
} 
@media screen and (max-width: 324px){
.recforth-comment-bd{ height: 490px;}
}