@font-face{font-family:"Comfortaa";src:local("Comfortaa"),url(/static/media/Comfortaa-VariableFont_wght.a7679a7b.ttf) format("truetype")}@font-face{font-family:"intro-thin";src:local("intro-thin"),url(/static/media/thin.3b8e5a12.otf) format("opentype")}@font-face{font-family:"intro-regular";src:local("intro-regular"),url(/static/media/regular.dad74977.otf) format("opentype")}@font-face{font-family:"intro-bold";src:local("intro-bold"),url(/static/media/bold.2d12eebf.otf) format("opentype")}*{padding:0;margin:0;font-family:"intro-regular",sans-serif;font-size:15px;color:#4b4b4d}body{background-image:url(/static/media/bg.fdda2ce3.jpg);background-size:100% auto;background-repeat:repeat-y}.button{border-radius:3px;background-color:#c00;color:#fff;display:inline-block;padding:5px 10px;font-family:"intro-bold";cursor:pointer;border:none}input{outline:none}input:active,input:focus{outline:none!important;box-shadow:none!important;border:thin solid #4b4b4d!important}#content-container{min-height:calc(100vh - 60px);margin-top:60px}#header{position:fixed;width:100%;top:0;z-index:1000;height:60px;transition:all .2s ease-out;background-color:#c00;display:flex;align-items:center;justify-content:center}#header .logo{cursor:pointer;font-weight:bolder;font-size:30px;color:#fff;font-family:"intro-bold"}#header .logo img{max-height:40px}#header .navigation-wrapper{position:absolute;right:0}#navigation .item{text-decoration:none;padding:0 20px;display:inline-block;color:#fff;font-size:18px}#navigation .mobile-toggle{display:none;line-height:100%}#navigation .mobile-toggle img{height:30px}@media (max-width:992px){#navigation .item-list{z-index:50;display:none;position:fixed;left:0;top:60px;width:100%;background-color:#fff;box-shadow:0 0 24px #ddd}#navigation .item-list .item{display:block;color:#4b4b4d;padding:7.5px;border-bottom:thin solid #f2f2f2}#navigation .item-list.show,#navigation .mobile-toggle{display:block}}#footer{background-color:#fff;border-top:2px solid #c00}#footer .banner{text-align:center;background-color:#21b692;font-size:40px;color:#4b4b4d;padding:15px;font-weight:bolder}#footer .banner img{height:60px}#footer .info{padding:30px 0}#footer .info .container{display:flex}#footer .info .container .block{width:20%;flex:1 1}#footer .info .container .block div{text-align:center;line-height:2.2;font-size:14px;color:#4b4b4d}#footer .info .container .block div a{color:#4b4b4d;text-decoration:none}#footer .info .container .block div a:hover{color:#4a4a4a}#footer .copyright{background-color:#4b4b4d;padding:20px 0}#footer .copyright .container{font-size:13px;display:flex}#footer .copyright .container div{flex:1 1;text-align:center;color:#fff}#footer .copyright .container div a{color:#fff}@media (max-width:992px){#footer .copyright{text-align:center!important}#footer .copyright .container{display:block}#footer .copyright .container div{margin-bottom:10px}#footer .info{display:block;padding-top:50px}#footer .info .block{width:100%;margin-bottom:50px}}#quick-start .button-wrapper,#quick-start .explain,#quick-start .intro{text-align:center}#quick-start .intro{font-size:21px;color:#4b4b4d}#quick-start .button-wrapper{margin-top:50px}#quick-start .button-wrapper .button{font-size:21px}#quick-start .explain{margin-top:15px;font-size:13px;color:grey;width:300px;margin-left:auto;margin-right:auto}#home .quickstart-wrapper{padding:10vh 0}.section{display:flex;padding:5vw;background-color:hsla(0,0%,100%,.5)}.section.gray{background-color:rgba(0,0,0,.1)}.section.invert{flex-direction:revert}.section .content{width:50%}.section .content .title{font-size:30px;color:#c00;font-family:"intro-bold"}.section .content .text{margin-top:15px;font-size:18px}.section .image-wrapper{width:50%;text-align:center}.section .image-wrapper img{height:300px}@media (max-width:992px){.section{display:block}.section .content,.section .image-wrapper{width:100%}.section .image-wrapper img{width:75%}}#roomOrganizer .headline{font-size:21px;font-weight:700}#roomOrganizer .room-list{border:thin solid #f2f2f2;border-radius:3px;overflow:hidden}.room-organizer-item{border-bottom:thin solid #f2f2f2;padding:10px;display:flex;background-color:#fff}.room-organizer-item .attribute{overflow:hidden;text-overflow:ellipsis;flex:1 1;text-align:center}.room-organizer-item .attribute.name{cursor:pointer}.room-organizer-item .attribute.name:hover{text-decoration:underline}.room-organizer-item .attribute:first-child{text-align:left}.room-organizer-item .attribute:last-child{text-align:right}.room-organizer-item .attribute.remove img{cursor:pointer;height:20px}.room-organizer-item:last-child{border-bottom:0}#pricing .headline{text-align:center;font-size:21px;padding:50px 0;color:#c00}#pricing .planlist{background-color:#fff;border-radius:3px;border:thin solid #f2f2f2;padding-top:40px}#pricing .planlist .row{display:flex}#pricing .planlist .row .column{flex:1 1;text-align:center}#pricing .planlist .row .column.highlight{color:#c00;font-size:18px}#pricing .planlist .row .column.price{font-weight:700}#pricing .planlist .row .column .hint{font-size:13px;color:grey}#pricing .planlist .select{background-color:#c00;color:#fff;padding:7px;width:100%;display:inline-block;border-bottom-left-radius:3px;border-bottom-right-radius:3px;cursor:pointer;text-align:center;font-size:18px;margin-top:30px}#pricing .planlist .attribute{text-align:center;border-top:thin solid #f2f2f2;border-bottom:thin solid #f2f2f2;padding:15px 0;margin:15px 0}#pricing .planlist .attribute .title{font-size:15px;font-weight:700}#pricing .planlist .attribute .hint{font-size:13px;color:grey}#room .link{width:100%;text-align:center;padding:15px;font-size:15px;border-bottom:2px solid #f2f2f2;background-color:#fff}#room .link .share-text{font-size:13px;color:grey}#room .name-description{width:100%;text-align:center;padding:15px;font-size:15px;border-bottom:2px solid #f2f2f2;background-color:#fff}#room .name-description .name{font-size:18px}#room .change-settings{font-size:13px;cursor:pointer;color:grey}#room .change-settings:hover{text-decoration:underline}#room .loading{text-align:center;margin-top:10vh}#room .flex{display:flex;flex-wrap:wrap}#room .flex .dropzone-wrapper,#room .flex .fileList-wrapper{height:calc(100vh - 220px);width:50%}#room .flex .fileList-wrapper{overflow-y:scroll}@media (max-width:992px){#room .flex{display:block;height:auto}#room .flex .dropzone-wrapper,#room .flex .fileList-wrapper{width:100%}#room .flex .dropzone-wrapper{height:auto}}.dropzone{height:100%;cursor:pointer}.dropzone .dragable{display:flex;justify-content:center;align-items:center;background-color:#f2f2f2;width:100%;height:100%}.dropzone:active,.dropzone:focus{outline:none}@media (max-width:992px){.dropzone .dragable{padding:30px}}.drag-inactive .content{text-align:center}.drag-inactive .content .image{height:20vh}.drag-inactive .content .image img{max-height:100%}.drag-inactive .content .text{font-size:2em;margin-top:20px;color:#4b4b4d}.drag-active{pointer-events:none}.drag-active .content{text-align:center}.drag-active .content .image{height:20vh}.drag-active .content .image img{pointer-events:none;max-height:100%}.drag-active .content .text{pointer-events:none;font-size:2em;margin-top:20px;color:#4b4b4d}.upload-filelist{border-bottom:2px solid #f2f2f2}.upload-filelist .no-files-selected{font-size:18px;text-align:center;margin-top:40vh}.upload-filelist .list{max-height:20vw;overflow-y:scroll}.upload-filelist .start-upload{bottom:0;left:0;width:100%;border-radius:0;text-align:center}.upload-filelist .progress-wrapper{margin:30px auto}@media (max-width:992px){.upload-filelist .list{max-height:none}}.upload-filelist-file{border-bottom:2px solid #f2f2f2;display:flex;padding:10px;align-items:center;flex-wrap:wrap}.upload-filelist-file .gray{background-color:#f2f2f2}.upload-filelist-file .attr{overflow:hidden;text-overflow:ellipsis}.upload-filelist-file .remove-wrapper,.upload-filelist-file .size{width:20%;text-align:right}.upload-filelist-file .name{width:60%}.upload-filelist-file:last-child{border-bottom:none}@media (max-width:992px){.upload-filelist-file{padding:10px}.upload-filelist-file .name{width:100%}.upload-filelist-file .remove-wrapper,.upload-filelist-file .size{width:50%}.upload-filelist-file .size{text-align:left}.upload-filelist-file .attr{width:100%;text-align:left}.upload-filelist-file .attr.download-wrapper{text-align:center}}.upload-filelist-lifetime{border-top:2px solid #f2f2f2;padding:10px;display:flex}.upload-filelist-lifetime .label{width:50%;font-weight:700}.upload-filelist-lifetime select{width:50%;border:none;text-align:center;outline:none;font-size:15px;padding:0}@media (max-width:992px){.upload-filelist-lifetime{display:block}.upload-filelist-lifetime .label,.upload-filelist-lifetime select{width:100%}}.upload-filelist-limitation{border-bottom:2px solid #f2f2f2}.upload-filelist-limitation .error{text-align:center;color:#c00}.upload-filelist-limitation .warning{text-align:center;background-color:#e79e00;color:#fff}.filelist{padding-top:5px;padding-bottom:30px;overflow-y:scroll;background-image:url(/static/media/bg.fdda2ce3.jpg);background-size:100% auto;background-repeat:repeat-y;height:100%}.filelist .no-files-yet{font-size:18px;text-align:center;margin-top:30vh;width:40%;margin-left:30%}@media (max-width:992px){.filelist{height:auto}.filelist .no-files-yet{width:80%;margin-left:10%;margin-top:5vh}}.filelist-file{border-bottom:2px solid #f2f2f2;display:flex;flex-wrap:wrap;padding:10px;align-items:center}.filelist-file .gray{background-color:#f2f2f2}.filelist-file .attr{overflow:hidden;text-overflow:ellipsis}.filelist-file .createdOn,.filelist-file .download-wrapper,.filelist-file .size{width:20%}.filelist-file .name{width:35%}.filelist-file .info{width:5%;padding-bottom:3px;text-align:right}.filelist-file .info img{height:17px;cursor:pointer}.filelist-file .more-info{margin-top:10px;display:flex;width:100%}.filelist-file .more-info .attr{width:50%}.filelist-file .more-info .attr.delete{text-align:right;color:#c00}.filelist-file .more-info .attr.delete:hover{text-decoration:underline;cursor:pointer}.filelist-file .createdOn,.filelist-file .size{text-align:right}@media (max-width:992px){.filelist-file{display:block}.filelist-file .attr{width:100%;text-align:left}.filelist-file .attr.download-wrapper{text-align:center}}.chat,.chat-minified{position:fixed;bottom:30px;right:30px}.chat-minified{border-radius:20px;background-color:grey}.chat-minified .open-wrapper{padding:20px;text-align:center;cursor:pointer}.chat-minified .open-wrapper img{height:30px}.chat{background-color:#fff;height:100%;width:100%;border:2px solid #c00;border-radius:3px;width:30vw;height:40vh}.chat .header{border-bottom:2px solid #f2f2f2;padding:5px}.chat .header .title{color:#c00;font-size:15px}.chat .header .hint{color:grey;font-size:13px}.chat .header .close{position:absolute;right:7px;top:5px;cursor:pointer}.chat .header .close img{height:15px}.chat .message-list{overflow-y:scroll;overflow-x:hidden;height:calc(100% - 98px)}@media (max-width:992px){.chat,.chat-minified{position:fixed;bottom:15px;right:15px}.chat-minified{border-radius:20px}.chat-minified .open-wrapper{padding:10px}.chat-minified .open-wrapper img{height:20px}.chat{width:calc(100vw - 30px);height:calc(100vh - 90px)}}.chat-message{border-bottom:2px solid #f2f2f2;padding:5px}.chat-message .content{word-wrap:break-word}.chat-message .meta{display:block;text-align:right;border-top:1px solid #f2f2f2}.chat-message .meta .valid-until{color:grey;margin-right:10px}.chat-message .meta .remove{color:#c00;cursor:pointer}.chat-message .meta .remove,.chat-message .meta .valid-until{font-size:13px;display:inline-block}.chat-input{border-top:2px solid #f2f2f2;overflow:hidden}.chat-input input{height:40px;width:100%;outline:none;border:none;padding:5px}.chat-input input:active,.chat-input input:focus{border:none!important;outline:none}#no-such-room{width:100%}#no-such-room .title{text-align:center;margin:10vh auto;font-size:50px}#no-such-room .image{text-align:center;height:30vh}#no-such-room .image img{height:100%}.copylink{display:inline-block;cursor:pointer}.copylink .text{display:inline-block;font-size:15px;line-height:15px}.copylink .text:hover{color:#c00}.copylink .icon img{height:15px;margin-top:-5px;margin-left:10px}.copylink .icon,.copylink .text{display:inline-block}.copylink .mobile-button{font-size:13px;display:none}@media (max-width:992px){.copylink .icon,.copylink .text{display:none}.copylink .mobile-button{display:block}}#room-infoedit{position:fixed;top:0;width:100%;z-index:100;padding-top:10vh}#room-infoedit .filter{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:fixed;height:100vh;width:100%;z-index:1001;top:0}#room-infoedit .modal-wrapper{z-index:1002;position:absolute;width:100%}#room-infoedit .form-label{margin-bottom:0}#room-infoedit .form-group{margin-bottom:15px}#room-infoedit .remove-password-wrapper{text-align:right}#room-infoedit .remove-password-wrapper .remove-password{color:grey;text-decoration:underline;cursor:pointer}#room-protection{position:fixed;top:0;width:100%;z-index:100;padding-top:10vh}#room-protection .filter{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:fixed;height:100vh;width:100%;z-index:1001;top:0}#room-protection .modal-wrapper{z-index:1002;position:absolute;width:100%}#room-protection .form-label{margin-bottom:0}#room-protection .form-group{margin-bottom:15px}#room-protection .error{color:#c00}#account-personal-info .subheadline{padding:10px 0;font-size:18px}#account-personal-info .form-wrapper{width:100%}#account-personal-info .form-wrapper input{margin:15px 0}#account-personal-info .form-wrapper button{display:block;margin-left:auto}#account-personal-info .form-wrapper .error{text-align:center;color:#c00;margin-top:25px}#account-payment-detail .subheadline{padding:10px 0;font-size:18px}#account-payment-detail .form-wrapper{width:100%}#account-payment-detail .form-wrapper input{margin:15px 0}#account-payment-detail .form-wrapper button{display:block;margin-left:auto}#account-payment-detail .form-wrapper .error{text-align:center;color:#c00;margin-top:25px}#account-volume .subheadline{padding:10px 0;font-size:18px}#account-volume .hint{color:grey;margin-bottom:10px}#account-volume .error{text-align:center;color:#c00;margin-top:25px}#account-planinfo .subheadline{padding:10px 0;font-size:18px}#account-planinfo .hint{color:grey;margin-bottom:10px}#account-planinfo .plan-wrapper .name{font-weight:700;margin-bottom:10px}#account-planinfo .plan-wrapper .attribute-list{display:flex;flex-wrap:wrap}#account-planinfo .plan-wrapper .attribute-list div{width:50%}#account-planinfo .error{text-align:center;color:#c00;margin-top:25px}@media (max-width:992px){#account-planinfo .plan-wrapper .attribute-list{display:block}#account-planinfo .plan-wrapper .attribute-list div{width:100%}}#account-paymentplan .subheadline{padding:10px 0;font-size:18px}#account-paymentplan .hint{color:grey}#account-paymentplan .billing-data-hint{font-weight:700;margin:10px 0}#account-paymentplan .plan-selection .dropdown button{background-color:#c00;border:none}#account-paymentplan .plan-selection .dropdown button:focus{box-shadow:none;outline:none}#account-paymentplan .error{text-align:center;color:#c00;margin-top:25px}#stripe .button-wrapper{margin-top:15px;text-align:right}#stripe .error{text-align:center;color:#c00;margin-top:25px}.account-paymentplan-item{display:flex;flex-wrap:wrap;margin-top:15px}.account-paymentplan-item .group{width:50%}.account-paymentplan-item .group .label{font-weight:700}.account-paymentplan-item .select{margin-top:15px}@media (max-width:992px){.account-paymentplan-item{display:block}.account-paymentplan-item .group{width:100%}}#account-invoice .subheadline{padding:10px 0;font-size:18px}#account-invoice .error{text-align:center;color:#c00;margin-top:25px}#account-delete .subheadline{padding:10px 0;font-size:18px}#account-delete .hint{color:grey;margin-bottom:10px}#account-delete .sure-cta{color:#c00;text-decoration:underline;cursor:pointer}#account-delete .sure-no{background-color:grey;margin-left:10px}#account-delete .error{text-align:center;color:#c00;margin-top:25px}#account{padding:40px 0}#account .headline{text-align:center;font-size:21px;color:#c00;margin-bottom:40px}#account .content-wrapper{background-color:#f2f2f2;padding:30px;border-radius:3px}#account .area-wrapper{margin-bottom:25px;padding-bottom:25px;border-bottom:thin solid grey}#account .area-wrapper:last-child{margin-bottom:0;border:none}#data-protection .headline{text-transform:uppercase;color:#c00;font-size:24px;letter-spacing:6.8px;margin-top:50px}#data-protection .subheadline{font-size:15px;color:#c00;margin:15px 0}#data-protection p{margin:15px 0;color:#4b4b4d;font-size:15px}#data-protection a{font-size:15px;color:#4b4b4d;text-decoration:none;transition:all .2s ease-out}#data-protection a:hover{color:#4a4a4a}#imprint .headline{text-transform:uppercase;color:#c00;font-size:24px;letter-spacing:6.8px;margin-top:50px}#imprint .subheadline{font-size:15px;color:#c00;margin:15px 0}#imprint p{margin:15px 0;color:#4b4b4d;font-size:15px}#login,#login .headline{text-align:center}#login .headline{font-size:21px;color:#c00}#login .form-wrapper{width:40vw;margin-top:10vh;display:inline-block;padding:20px;background-color:#f2f2f2;border-radius:3px}#login .form-wrapper form input{margin:15px 0}#login .form-wrapper form button{display:block;margin-left:auto;margin-right:auto}#login .form-wrapper .error{text-align:center;color:#c00;margin-top:25px}@media (max-width:992px){#login .form-wrapper{margin-top:0;width:100%}#login .image{display:none}}#registration{background-color:#f2f2f2;padding:30px;margin-top:100px;border-radius:3px}#registration .headline{text-align:center;font-size:21px;color:#c00}#registration .finish{text-align:center}#registration .finish .link{text-decoration:underline;cursor:pointer;color:#c00}#registration .steps{display:flex;margin:30px 0}#registration .steps .step{flex:1 1;text-align:center;border-bottom:3px solid grey;font-weight:700}#registration .steps .step.active{border-bottom:3px solid #c00}@media (max-width:992px){#registration{padding:10px}}#registration-form .form-wrapper{width:100%}#registration-form .form-wrapper input{margin:15px 0}#registration-form .form-wrapper button{display:block;margin-left:auto}#registration-form .form-wrapper .error{text-align:center;color:#c00;margin-top:25px}@media (max-width:992px){#registration .form-wrapper{margin-top:0;width:100%}}#registration-activation .form-wrapper{width:100%}#registration-activation .form-wrapper input{margin:15px 0}#registration-activation .form-wrapper button{display:block;margin-left:auto}#registration-activation .form-wrapper .error{text-align:center;color:#c00;margin-top:25px}#signup-activation .headline{text-align:center;font-size:21px;color:#c00;padding-bottom:25px}#signup-activation .flex-wrapper{display:flex;align-items:center}#signup-activation .flex-wrapper .confirmation{width:60%}#signup-activation .flex-wrapper .confirmation .headline{font-size:18px;color:#c00}#signup-activation .flex-wrapper .confirmation .subheadline{text-align:center}#signup-activation .flex-wrapper .confirmation .failure .headline{color:#c00}#signup-activation .flex-wrapper .image{width:40%;padding:15px}#signup-activation .flex-wrapper .image img{max-width:100%}@media (max-width:992px){#signup-activation .flex-wrapper{display:block}#signup-activation .flex-wrapper .form-wrapper{width:100%}#signup-activation .flex-wrapper .image{display:none}}
/*# sourceMappingURL=main.ab3c1e88.chunk.css.map */