@import "//fonts.googleapis.com/css?family=Montserrat&font-display=auto";header{background:#372573}header img.image-logo{margin-right:0px;width:175px;height:auto;max-width:40vw}header img.image-logo-text{height:auto;width:365px;max-width:60vw;margin-left:0px;margin-bottom:12px}header div.logo{margin:24px 0}@media screen and (max-width: 39.99875em){header div.logo{margin:8vh 0 0px}}@media screen and (min-width: 40em){header{min-height:30vh}header div.logo{margin:8vh 0 0px}}body{font-family:"Montserrat"}div.site-section{padding:32px 0 90px;min-height:100vh}div.site-section span.title{font-size:1.7em;font-weight:bolder;display:block;margin-bottom:42px}@media screen and (max-width: 39.99875em){div.site-section span.title{font-size:1em;margin-top:12px}}div.site-section .show-for-small-only h5{font-size:0.8em}div.site-section.roulette-select{min-height:70vh;background:#372573;color:#fff}div.site-section.roulette-select span.line{border-bottom:3px solid #fff;display:block;width:200px;margin:40px auto}div.site-section.roulette-select .choices .choice{line-height:20px;transition:all 0.5s linear;max-width:100px;width:100%;margin:14px 14px;display:inline;text-align:center}div.site-section.roulette-select .choices .choice:hover{opacity:1}div.site-section.roulette-select .choices .choice.not-selected{opacity:0.4}div.site-section.roulette-select .choices .choice.selected{opacity:1}div.site-section.roulette-select .choices .choice span.icon-container{height:100px;width:100px;margin:auto;display:block;cursor:pointer;overflow:hidden;border-radius:5px}div.site-section.roulette-select .choices .choice span.icon-container *{border-radius:5px}div.site-section.roulette-select .choices .choice span.icon-container.eten{background-color:#ff6666}div.site-section.roulette-select .choices .choice span.icon-container.anders{background-color:#ff6666}div.site-section.roulette-select .choices .choice span.icon-container.boodschappen{background-color:#ff6666}div.site-section.roulette-select .choices .choice span.icon-container.koffie{background-color:#c276f2}div.site-section.roulette-select .choices .choice span.icon-container.bier{background-color:#ffcc33}div.site-section.roulette-select .choices .choice span.icon-container.boodschappen-winkelwagen .boodschap{background:url(/img/icons/boodschap.png);width:12px;height:12px;background-size:100%;background-repeat:no-repeat;background-position:50% 50%;display:block;position:absolute;float:left}div.site-section.roulette-select .choices .choice span.icon-container.boodschappen-winkelwagen .boodschap.b1{transform:rotate(40deg);margin-top:-59px;margin-left:36px}div.site-section.roulette-select .choices .choice span.icon-container.boodschappen-winkelwagen .boodschap.b2{margin-top:-65px;margin-left:47px;transform:rotate(-18deg);width:16px;height:20px}div.site-section.roulette-select .choices .choice span.icon-container.boodschappen-winkelwagen .boodschap.b3{margin-top:-78px;margin-left:32px;transform:rotate(138deg);width:23px;height:23px}div.site-section.roulette-select .choices .choice span.icon-container.boodschappen-winkelwagen .boodschap.b4{margin-top:-69px;margin-left:61px;transform:rotate(52deg);width:18px;height:20px}div.site-section.roulette-select .choices .choice span.icon-container.boodschappen-winkelwagen:hover .b1{-moz-animation:boodschap1 2.5s normal forwards linear;-webkit-animation:boodschap1 2.5s normal forwards linear;animation:boodschap1 2.5s normal forwards linear}div.site-section.roulette-select .choices .choice span.icon-container.boodschappen-winkelwagen:hover .b2{-moz-animation:boodschap2 2.5s normal forwards linear;-webkit-animation:boodschap2 2.5s normal forwards linear;animation:boodschap2 2.5s normal forwards linear}div.site-section.roulette-select .choices .choice span.icon-container.boodschappen-winkelwagen:hover .b3{-moz-animation:boodschap3 2.5s normal forwards linear;-webkit-animation:boodschap3 2.5s normal forwards linear;animation:boodschap3 2.5s normal forwards linear}div.site-section.roulette-select .choices .choice span.icon-container.boodschappen-winkelwagen:hover .b4{-moz-animation:boodschap4 2.5s normal forwards linear;-webkit-animation:boodschap4 2.5s normal forwards linear;animation:boodschap4 2.5s normal forwards linear}div.site-section.roulette-select .choices .choice span.icon-container.icon-container.anders .icon-plus{transition:all 0.5s ease-in-out;transition-delay:0s;background-image:url("/img/icons/plus.png")}div.site-section.roulette-select .choices .choice span.icon-container.icon-container.anders .anders-icon{transition:all 1.5s ease-in-out;opacity:0;width:100px;height:100px;position:absolute;display:block;line-height:101px;font-size:35px;font-weight:100}div.site-section.roulette-select .choices .choice span.icon-container.icon-container.anders .anders-icon.fullOpac{opacity:1}div.site-section.roulette-select .choices .choice span.icon-container.icon-container.anders:hover .anders-icon{opacity:1}div.site-section.roulette-select .choices .choice span.icon-container.icon-container.anders:hover .icon-plus{background-image:url("/img/icons/empty.png")}div.site-section.roulette-select .choices .choice span.icon-container.icon-container.bier-krat .kassa{opacity:0;background:url(/img/icons/kassa.png);width:100px;height:100px;position:absolute;display:block;background-size:auto 100%}div.site-section.roulette-select .choices .choice span.icon-container.icon-container.bier-krat:hover .kassa{-moz-animation:kassa 8s normal forwards linear;-webkit-animation:kassa 8s normal forwards linear;animation:kassa 8s normal forwards linear}div.site-section.roulette-select .choices .choice span.icon-container.icon-container.bier-krat:hover .icon-krat{-moz-animation:kassakrat 8s normal forwards linear;-webkit-animation:kassakrat 8s normal forwards linear;animation:kassakrat 8s normal forwards linear}div.site-section.roulette-select .choices .choice span.icon-container.icon-container.bier-krat:hover .icon-krat-color{-moz-animation:kassakratcolor 8s normal forwards linear;-webkit-animation:kassakratcolor 8s normal forwards linear;animation:kassakratcolor 8s normal forwards linear}div.site-section.roulette-select .choices .choice span.icon-container.icon-container.koffie-koffie:hover .rookje{-moz-animation:rookje 1s infinite linear;-webkit-animation:rookje 1s infinite linear;animation:rookje 1s infinite linear}div.site-section.roulette-select .choices .choice span.icon-container.icon-container.koffie-koffie .rookje{background:url(/img/icons/rookje.png);width:12px;display:block;height:20px;background-size:auto 60%;background-repeat:repeat-y;background-position:50% 50%;position:absolute}div.site-section.roulette-select .choices .choice span.icon-container.icon-container.koffie-koffie .rookje.r1{margin-top:15px;margin-left:39px}div.site-section.roulette-select .choices .choice span.icon-container.icon-container.koffie-koffie .rookje.r2{margin-top:15px;margin-left:50px}div.site-section.roulette-select .choices .choice span.icon-container.icon-container.koffie-koffieapparaat .kopje{background:url(/img/icons/kopje_filled.png);width:100px;display:block;height:100px;background-size:auto 60%;background-repeat:no-repeat;background-position:50% 50%;position:absolute}div.site-section.roulette-select .choices .choice span.icon-container.icon-container.koffie-koffieapparaat .koffie-stroompje{transition:all 0.8s ease-in-out;opacity:0;background:url(/img/icons/koffie_animatie_door_seb_2.gif);width:2px;margin-left:44px;margin-top:47px;height:12px;display:block;position:absolute}div.site-section.roulette-select .choices .choice span.icon-container.icon-container.koffie-koffieapparaat:hover .kopje{-moz-animation:kopje 8s infinite linear;-webkit-animation:kopje 8s infinite linear;animation:kopje 8s infinite linear}div.site-section.roulette-select .choices .choice span.icon-container.icon-container.koffie-koffieapparaat:hover .koffie-stroompje{-moz-animation:kopjestroomje 8s infinite linear;-webkit-animation:kopjestroomje 8s infinite linear;animation:kopjestroomje 8s infinite linear}div.site-section.roulette-select .choices .choice span.icon-container.icon-container.eten:hover .mes{-moz-animation:mes 2.5s normal forwards linear;-webkit-animation:mes 2.5s normal forwards linear;animation:mes 2.5s normal forwards linear}div.site-section.roulette-select .choices .choice span.icon-container.icon-container.eten:hover .vork{-moz-animation:vork 2.5s normal forwards linear;-webkit-animation:vork 2.5s normal forwards linear;animation:vork 2.5s normal forwards linear}div.site-section.roulette-select .choices .choice span.icon-container.icon-container.eten:hover .vork.heel{-moz-animation:vorkheel 2.5s normal forwards linear;-webkit-animation:vorkheel 2.5s normal forwards linear;animation:vorkheel 2.5s normal forwards linear}div.site-section.roulette-select .choices .choice span.icon-container.icon-container.eten .mes,div.site-section.roulette-select .choices .choice span.icon-container.icon-container.eten .vork{width:100px;height:100px;display:block;background-size:auto 60%;background-repeat:no-repeat;background-position:50% 50%;position:relative}div.site-section.roulette-select .choices .choice span.icon-container.icon-container.eten .mes{background-image:url("/img/icons/mes.png")}div.site-section.roulette-select .choices .choice span.icon-container.icon-container.eten .vork{top:-100px;background-image:url("/img/icons/vork.png")}div.site-section.roulette-select .choices .choice span.icon-container.icon-container.eten .vork.heel{opacity:0;top:-200px;background-image:url("/img/icons/vork_heel.png")}div.site-section.roulette-select .choices .choice span.icon-container.bier-bierpul:hover .icon-bierpul{-moz-animation:pul 2.5s normal forwards;-webkit-animation:pul 2.5s normal forwards;animation:pul 2.5s normal forwards}div.site-section.roulette-select .choices .choice span.icon-container.bier-bierpul:hover .pul2{-moz-animation:pul2 2.5s normal forwards;-webkit-animation:pul2 2.5s normal forwards;animation:pul2 2.5s normal forwards}div.site-section.roulette-select .choices .choice span.icon-container.bier-bierpul .pul2{transition:transform 0.8s ease-in-out;background-size:auto 60%;background-repeat:no-repeat;background-position:50% 50%;height:100px;width:100px;display:block;background-image:url("/img/icons/bierpul.png");position:relative;top:-100px}div.site-section.roulette-select .choices .choice span.icon-container span.icon{width:100px;display:block;height:100px;background-size:auto 60%;background-repeat:no-repeat;background-position:50% 50%}div.site-section.roulette-select .choices .choice span.icon-container span.icon.icon-koffie{background-image:url("/img/icons/koffie.png")}div.site-section.roulette-select .choices .choice span.icon-container span.icon.icon-koffieapparaat{background-image:url("/img/icons/koffieapparaat.png")}div.site-section.roulette-select .choices .choice span.icon-container span.icon.icon-krat{background-image:url("/img/icons/krat.png");position:absolute}div.site-section.roulette-select .choices .choice span.icon-container span.icon.icon-krat-color{opacity:0;background-image:url("/img/icons/kratcolor.png");position:absolute}div.site-section.roulette-select .choices .choice span.icon-container span.icon.icon-bierpul{background-image:url("/img/icons/bierpul.png")}div.site-section.roulette-select .choices .choice span.icon-container span.icon.icon-fleshand{background-image:url("/img/icons/fleshand.png");transition:transform 0.8s ease-in-out}div.site-section.roulette-select .choices .choice span.icon-container span.icon.icon-fleshand:hover{-webkit-transform:rotate(170deg);transform:rotate(170deg)}div.site-section.roulette-select .choices .choice span.icon-container span.icon.icon-winkelwagen{background-image:url("/img/icons/winkelwagen.png")}div.site-section.roulette-select .choices .choice span.text{font-size:0.8em;display:block}@media screen and (max-width: 39.99875em){div.site-section.roulette-select .choices .choice{zoom:1}}div.site-section.roulette-select .own-item{margin-top:12px}div.site-section.select-names{padding-top:0px;background:rgba(65,51,127,0.15)}div.site-section.select-names .personen{padding:50px}@media screen and (max-width: 39.99875em){div.site-section.select-names .personen{padding:6px}}div.site-section.select-names .personen .select{font-size:16px;margin-bottom:30px}div.site-section.select-names .personen .select a{color:#000;text-decoration:underline}div.site-section.select-names .personenchecken{background:#fff}div.site-section.select-names .add-names{padding:60px 0;background:#edcf08}div.site-section.select-names .add-names .add-name{padding:20px 0}div.site-section.select-names .add-names .title.who{color:#fff;text-align:left}@media screen and (max-width: 39.99875em){div.site-section.select-names .add-names .title.who{text-align:center}}div.site-section.select-names .add-names .chosen-item{max-width:140px;max-height:180px}@media screen and (max-width: 39.99875em){div.site-section.select-names .add-names .chosen-item{max-width:70px;max-height:90px}}div.site-section.select-names .host{bottom:0px;background:rgba(65,51,127,0.15);padding:35px 0}div.site-section.select-names .host .need{margin-top:50px;margin-bottom:12px}div.site-section.select-names .host label{font-size:20px;width:100%;display:block}div.site-section.select-names .host select{margin-top:14px;max-width:350px}@media screen and (max-width: 63.99875em){div.site-section.select-names .host .button.start{padding:15px}div.site-section.select-names .host .need{margin-top:12px}}div.site-section a.button{background:#372573;border-radius:3px;font-family:"Montserrat";font-weight:bold;font-size:16px}div.site-section a.button.start{font-size:25px;padding:20px 45px;border-radius:15px;width:420px;max-width:95vw}div.site-section a.button.addRoulette{background:#f45b79}div.site-section input[type="text"]{height:50px}input[type="checkbox"]:not(.show){display:none}.newPersonPlaceholder{text-align:center;color:#ddd;margin:0 auto 20px auto;display:none;width:400px;height:50px;border:1px #9f9f9f solid;border-radius:4px;line-height:48px;font-size:20px}input[type="checkbox"]+label{text-align:center;background:#fff;color:#ccc;margin:0 auto 20px auto;display:block;max-width:400px;width:100%;height:50px;border:1px #9f9f9f solid;border-radius:4px;line-height:48px;font-size:20px}input[type="checkbox"]+label a.delete{float:right;margin-right:10px;margin-top:-48px;font-size:25px;color:#fff;opacity:0.5}input[type="checkbox"]+label .name{margin-left:25px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:85%}input[type="checkbox"]+label.removing{background:#d75e5e;color:#fff}input[type="checkbox"]:checked+label{background:#372573;color:#fff}input[type="checkbox"]:checked+label.removing{background:#d75e5e}.kantoor-bg{background:#372573}.chrome-extension{z-index:2;position:fixed;right:12px;top:12px;width:400px;font-size:12px}.chrome-extension .close{float:right}.chrome-extension .close a{color:#000;font-size:16px}a.button{background:#372573}a.button:hover{background:#251947}.copy{background:rgba(55,37,115,0.95);position:fixed;bottom:0px;width:100%;text-align:center;font-size:12px;color:#ccc}.copy a{color:#fff}#drawing_canvas{width:100%;max-width:800px}.extras{font-size:0.8em}.extras input[type="text"]{max-width:100px;display:inline;height:12px !important;font-size:12px}h1{margin-top:12px;font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.accordion-title{color:#372573}.accordion-title:focus{color:#372573}.wrapper .notify,#wrapper .notification,#wrapper .notify{background:#1c1637;color:#fff}.wrapper .notify a,#wrapper .notification a,#wrapper .notify a{color:#fff;text-decoration:underline;font-weight:bolder}#wrapper.home .notify{background:#1c1637;color:#fff}#wrapper.home .notify a{color:#fff;text-decoration:underline;font-weight:bolder}