body,html{padding:0;margin:0;background-color:#f0f0f0;color:#000}a{color:inherit;text-decoration:none}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}h1{text-align:center}.help-button{position:absolute;right:7vw;width:100px;height:50px;background-color:#bebdbe}.help-overlay0:after{content:"In this task you have to rate search results based on the snippets you see down below. Every snippet has a rating-scale under its content. Rate how helpful this snippet is, in order to find the true answer to the given search question"}.help-overlay0:after,.help-overlay1:after{position:absolute;background-color:#bebdbe;width:300px;padding:10px;bottom:100;left:100px;border-radius:15px;font-size:20px}.help-overlay1:after{content:"You can see a simulated search page in this task. Click on every Link (That is where your mouse symbol changes to a pointer) and give your rating on the bottom of the resulting page. The rating should be related to how helpful this web page is to answer your search question in a correct way."}.help-content{background-color:#bebdbe;height:50px;font-size:20px;border-radius:15px;margin-left:7vw;margin-right:7vw;margin-bottom:20px;text-align:center;padding:10px}.title-description{opacity:65%;text-align:center}.task-description{opacity:100%;padding-left:7vw;padding-right:7vw;padding-bottom:20px}.task-query{font-size:18px;padding-bottom:7px;padding-top:7px;padding-left:10px;border:1px solid #000;border-radius:15px;margin:20px 7vw}.task-snippet{font-size:16px;padding:1vh 7vw}.task-snippet-after{position:relative;z-index:1}.task-snippet-after:after{position:absolute;content:"Clicked";top:0;bottom:0;left:10%;right:10%;text-align:right;padding:5px;font-weight:700;background-color:#adff2f;z-index:-1}.task-snippet-title{color:#1a0dab;font-size:20px;padding-top:5px;padding-bottom:5px}.task-snippet-url{color:#202124}.task-snippet-hover:hover{cursor:pointer}.task-snippet-description{color:#585156;width:60%}.task-snippet-img{object-fit:cover;width:100%}.description{-webkit-padding-start:7vw;-moz-padding-start:7vw;padding-inline-start:7vw;-webkit-padding-end:7vw;-moz-padding-end:7vw;padding-inline-end:7vw;padding-bottom:5vh}.task-header{margin-left:100px;margin-right:100px;padding-top:20px}.task-definition{background-color:#adff2f;border-radius:15px;margin:10px calc(7vw + 100px) 50px;padding-top:10px}.links{position:absolute;bottom:3vh;right:5vh;text-decoration:none;display:inline-block;padding:5px 16px 8px;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;-moz-transition:transform .3s ease-in-out,-moz-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out,-moz-transform .3s ease-in-out;font-weight:700;font-size:15px}.links:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1);background-color:#a8a8a8;color:#fff;cursor:pointer}.next{float:right}.next,.previous{background-color:#bbfffc;color:#000}.previous{float:left}.round{border-radius:50%}.hidden{display:none}.id-Input{padding:2vh;background-color:#ff9090;margin-left:7vw;margin-right:7vw;border-radius:5px}.input-description{padding-bottom:1vh}.input{padding:1vh;display:inline-block;border:1px solid #ccc;border-radius:4px;width:90%;height:4.5vh;margin-bottom:2vh}.checkBox{margin-right:2vh}.terms-Input{padding-top:1vh;padding-bottom:1vh}.end-description{text-align:center;font-size:25px}.end-description>ul{list-style:none}.demographic{font-size:20px}.demographic-title{padding-bottom:10px;font-weight:700}.demographic input,.demographic select{width:90%;font-size:20px;border-radius:10px;border:1px solid #000;padding:10px}.demographic-vp{text-decoration:underline}.demographic-vp:hover{cursor:pointer}