@charset "UTF-8";@font-face{font-family:slick;src:url(../assets/fonts/slick.eot);src:url(../assets/fonts/slick.eot?#iefix) format('embedded-opentype'), url(../assets/fonts/slick.woff) format('woff'), url(../assets/fonts/slick.ttf) format('truetype'), url(../assets/fonts/slick.svg#slick) format('svg');font-weight:400;font-style:normal}/* .slick-loading .slick-list{background:#fff url(ajax-loader.gif) center center no-repeat}*/ .slick-next,
.slick-prev{position:absolute;top:50%;display:block;padding:0;height:20px;width:20px;line-height:0;font-size:0;cursor:pointer;background:0 0;color:transparent;border:none;transform:translate(0, -50%)}.slick-next:focus .slick-next-icon,
.slick-next:focus .slick-prev-icon,
.slick-next:hover .slick-next-icon,
.slick-next:hover .slick-prev-icon,
.slick-prev:focus .slick-next-icon,
.slick-prev:focus .slick-prev-icon,
.slick-prev:hover .slick-next-icon,
.slick-prev:hover .slick-prev-icon{opacity:1}.slick-next:focus,
.slick-prev:focus{top:calc(50% - 1px)}.slick-next:focus .slick-next-icon,
.slick-next:focus .slick-prev-icon,
.slick-prev:focus .slick-next-icon,
.slick-prev:focus .slick-prev-icon{color:orange;font-size:28px;margin-left:-2px}.slick-next.slick-disabled,
.slick-prev.slick-disabled{cursor:default}.slick-next.slick-disabled .slick-next-icon,
.slick-next.slick-disabled .slick-prev-icon,
.slick-prev.slick-disabled .slick-next-icon,
.slick-prev.slick-disabled .slick-prev-icon{opacity:0.25}.slick-next .slick-next-icon,
.slick-next .slick-prev-icon,
.slick-prev .slick-next-icon,
.slick-prev .slick-prev-icon{display:block;color:#000;opacity:0.75;font-family:slick;font-size:24px;line-height:1}.slick-prev{left:-25px}[dir='rtl'] .slick-prev{left:auto;right:-25px}.slick-prev .slick-prev-icon:before{content:'←'}[dir='rtl'] .slick-prev .slick-prev-icon:before{content:'→'}.slick-next{right:-25px}[dir='rtl'] .slick-next{left:-25px;right:auto}.slick-next .slick-next-icon:before{content:'→'}[dir='rtl'] .slick-next .slick-next-icon:before{content:'←'}.slick-slider{margin-bottom:30px}.slick-slider.slick-dotted{margin-bottom:60px}.slick-dots{position:absolute;bottom:-30px;display:block;padding:0;margin:0;width:100%;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;margin:0 5px;padding:0}.slick-dots li button{display:block;height:20px;width:20px;margin-top:-4px;margin-left:-4px;line-height:0;font-size:0;color:transparent;border:0;background:0 0;cursor:pointer}.slick-dots li button:focus .slick-dot-icon,
.slick-dots li button:hover .slick-dot-icon{opacity:1}.slick-dots li button:focus .slick-dot-icon:before{color:var(--secundaerfarbe)}.slick-dots li button .slick-dot-icon{color:#000;opacity:0.25}.slick-dots li button .slick-dot-icon:before{position:absolute;top:0;left:0;content:'•';font-family:slick;font-size:12px;line-height:1;text-align:center;transition:all 0.05s linear}.slick-dots li.slick-active button:focus .slick-dot-icon{color:var(--secundaerfarbe);opacity:1}.slick-dots li.slick-active button .slick-dot-icon{color:var(--primaerfarbe);opacity:1}.slick-dots li.slick-active button .slick-dot-icon:before{margin-top:-3px;margin-left:-2px;font-size:18px}.slick-sr-only{border:0 !important;clip:rect(1px, 1px, 1px, 1px) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.slick-autoplay-toggle-button{position:absolute;left:5px;bottom:-32px;z-index:10;opacity:0.75;background:0 0;border:0;cursor:pointer;color:#000}.slick-autoplay-toggle-button:focus,
.slick-autoplay-toggle-button:hover{opacity:1}.slick-autoplay-toggle-button:focus{color:orange}.slick-autoplay-toggle-button .slick-pause-icon:before{content:'⏸';width:20px;height:20px;font-family:slick;font-size:18px;font-weight:400;line-height:20px;text-align:center}.slick-autoplay-toggle-button .slick-play-icon:before{content:'▶';width:20px;height:20px;font-family:slick;font-size:18px;font-weight:400;line-height:20px;text-align:center}.accordion{margin:0;padding:0;border-radius:0 0 15px 15px}.accordion_heading{background:white;padding:20px;border-radius:15px 15px 0px 0px;margin:0;font-size:1.375rem;border-bottom:2px solid var(--background)}.accordion_wrapper{box-shadow:0px 5px 8px rgba(54, 52, 62, 0.1);border-radius:15px;border:2px solid var(--background)}.accordion h3{margin:0;padding:0}.j-accordion_trigger{background:none;display:block;border-radius:0;box-shadow:none;font-weight:500;font-size:1rem;margin:0;padding:1rem 1.5rem;position:relative;text-align:left;width:100%;outline:none;height:auto;border-bottom:solid 2px var(--background);display:flex;justify-content:space-between;align-items:center;cursor:pointer}.j-accordion_trigger:focus{background:var(--background)}button{border-style:none}.accordion button::-moz-focus-inner{border:0}.accordion_title{display:block;pointer-events:none;border-radius:5px;padding:0.25em;font-size:1.5rem;outline:none;font-weight:500}.accordion_icon{height:20px;pointer-events:none;transition:transform 0.5s;display:block}.j-accordion_trigger[aria-expanded='true'] .accordion_icon{transform:rotate(-45deg)}.accordion_panel{padding:2rem;margin-left:20px}.accordion_panel[hidden]{display:none}fieldset{border:0;margin:0;padding:0}/** * Generelle App-Styles */:root{--textfarbe:#464350;--primaerfarbe:#6164f2;--text-auf-farbe:#fff;--primaerfarbe-hover:#fb8d82;--primaerfarbe-focus:#fb5582;--secundaerfarbe:#fb8d82;--background:#f6f5fa;--gradient:linear-gradient( 90deg, rgba(251, 85, 130, 1) 0%, rgba(251, 141, 130, 1) 50%, rgba(97, 100, 242, 1) 100%);--gradient-2:linear-gradient( 140deg, rgba(223, 224, 253, 1) 0%, rgba(254, 232, 230, 1) 100%);--gradient-3:linear-gradient( 140deg, rgba(175, 177, 248, 1) 0%, rgba(253, 198, 192, 1) 100%);--font-size:16px;--font-size-h1:35px;--font-size-h2:29px;--font-size-h3:24px;--font-size-h4:19px}@font-face{font-family:'OpenSans';font-style:normal;font-weight:400;src:url('/./app/assets/fonts/OpenSans-Regular.ttf') format('truetype'), url('/./app/assets/fonts/OpenSans-Regular.woff') format('woff'), url('/./app/assets/fonts/OpenSans-Regular.woff2') format('woff2')}@font-face{font-family:'OpenSans';font-style:normal;font-weight:500;src:url('/./app/assets/fonts/OpenSans-SemiBold.ttf') format('truetype') url('/./app/assets/fonts/OpenSans-SemiBold.woff') format('woff') url('/./app/assets/fonts/OpenSans-SemiBold.woff2') format('woff2')}@font-face{font-family:'OpenSans';font-style:normal;font-weight:600;src:url('/./app/assets/fonts/OpenSans-Bold.ttf') format('truetype'), url('/./app/assets/fonts/OpenSans-Bold.woff') format('woff'), url('/./app/assets/fonts/OpenSans-Bold.woff2') format('woff2')}.hidden{display:none !important}.w-screen{width:100%;min-height:100%;min-height:100vh}.flex--vertical{display:flex;flex-direction:column}.align--center{align-items:center}body,
button,
input,
select,
textarea{font-family:'OpenSans';color:var(--textfarbe);font-weight:400;font-size:0.95rem}body{margin:0}.app-container{padding:10px}h1,
h2,
h3,
h4,
h5,
h6{font-weight:500}h1{font-size:1.75em;margin:0 0 0.2rem 0}h2{font-size:1.625rem;margin:0 0 0.2rem 0}h3{font-size:1.375rem;margin:0 0 0.2rem 0}h4{font-size:1.1rem;margin:0 0 0.2rem 0}h5{font-size:1rem;margin:0 0 0.2rem 0}h6{font-size:0.95rem;margin:0 0 0.2rem 0}.caption{font-size:0.85rem;color:#ada9bb}p{margin:0}a{text-decoration:none;color:var(--primaerfarbe)}.text-auf-farbe{color:var(--text-auf-farbe)}.w-button{background-color:var(--primaerfarbe);padding:10px 20px;color:var(--text-auf-farbe);border:none;font-size:1rem;border-radius:20px;margin:10px}button{border:none;padding:0;background-color:rgba(54, 52, 62, 0);border:none;padding:0;border-radius:50%;cursor:pointer;box-shadow:0px 5px 8px rgba(54, 52, 62, 0.1)}.button-rund,
.icon-wrapper button,
#send-button{height:45px;width:45px;background-color:rgba(54, 52, 62, 0);background-image:var(--gradient-3);border-radius:50%}.w-button.full-width{background-image:none;display:block;text-align:center}#glossar .w-content,
#datenschutz .w-content,
#impressum .w-content{padding:20px;padding-bottom:70px}#user .w-content{padding-bottom:70px}.app-button{border-radius:20px;background:var(--gradient-3);color:var(--textfarbe);padding:5px 10px}.bearbeiten-button{position:absolute;top:110px;left:65%;height:35px;width:35px;border-radius:50%;padding:7px;background:var(--primaerfarbe)}.bearbeiten-button img{display:block;margin:auto}.link--weiss{background-color:white;opacity:0.8;color:var(--textfarbe);padding:10px 17px;border-radius:20px}.j-appmenu-bottom_link{font-size:13px !important}#c-appmenu-bottom{height:60px !important}#c-appmenu-bottom button{box-shadow:0px 0px 0px;border-radius:0}#c-appmenu-bottom div[role='menubar']{box-shadow:0px -3px 6px 0px rgba(0, 0, 0, 0.16);border-radius:20px 20px 0 0}.j-appmenu-bottom_second-menu{border-radius:20px 20px 0 0}.header{background-color:var(--background);padding:10px}.app-header{background-image:var(--gradient-2);padding:1em;display:flex;align-items:center;box-shadow:0px 5px 8px rgba(54, 52, 62, 0.1)}.app-header>div{display:flex;align-items:center;width:100vw;justify-content:space-between;margin-left:2em}.app-header__backbutton{width:10px}.back-arrow{width:10px}.logo{width:50%;margin:20px auto;display:block}.chat-card{display:flex;align-items:center;padding:5px 5px 10px 5px;border-bottom:solid 2px var(--background);justify-content:space-between}.chat-details{margin-left:10px}.chat-details h4{color:var(--textfarbe)}.progress{width:50%}.progress-bar-wrapper{background-image:var(--gradient);border-radius:10px;border:solid 2px var(--textfarbe);height:15px;position:relative;width:100%;min-width:100px}.progress-bar{background-color:var(--background);box-shadow:none;height:15px;border-radius:0 10px 10px 0;float:right}.new-messages-contact{padding:5px;background-color:var(--secundaerfarbe);color:var(--textfarbe);border-radius:15px;width:20px;height:20px;text-align:center}.contact-details{display:flex}.w-avatar-kopf{background-color:var(--secundaerfarbe)}#user .w-avatar-kopf{background-color:rgba(223, 224, 253, 1);background-image:var(--gradient-2);margin-top:20px}.dialog-bubble{margin-top:10px;width:fit-content;max-width:80%}.dialog-contact p{background-image:var(--gradient-3);padding:10px;border-radius:12px 12px 12px 0}.dialog-me{align-self:end}.dialog-me p{background-color:var(--secundaerfarbe);padding:10px;border-radius:12px 12px 0 12px}.dialog-gedanken{background-color:var(--background);border:solid 2px rgba(97, 100, 242, 0.5);background-image:none !important;margin-top:10px}.dialog-choice{max-width:100%;align-self:end}button.dialog-choice{background-image:none;box-shadow:none}.dialog-choice p{background-color:#fdbcb5;padding:10px;border-radius:12px 12px 0 12px}.dialog-choice.selected p{background-color:var(--secundaerfarbe)}.answers-choices-wrapper{background-image:var(--gradient-2);position:fixed;bottom:60px;padding:10px;width:calc(100% - 20px);box-shadow:0px -5px 8px rgba(54, 52, 62, 0.1);bottom:10px;padding:10px 10px 70px 10px}.thoughts-icon,
.heal-icon,
.send-icon{width:25px;padding:5px}.chat-details-wrapper{display:flex}#chat .app-container{overflow:auto;padding-bottom:150px}.textfeld{background-color:white;padding:2px 10px;margin-top:10px;border-radius:12px;display:flex;justify-content:space-between;align-items:center;color:#ada9bb}/** * Macht den Friendship-Button ein wenig transparent, wenn er bereits benutzt wurde */ .friendshipbutton.used{opacity:0.5}.w-avatar-button{padding:10px 13px;font-size:1em;font-weight:500;border-radius:50%;border:none;background-color:var(--primaerfarbe);background-image:none;position:absolute;cursor:pointer;width:48px;height:48px}.kopf-right,
.koerper-right{right:10%}.kopf-left,
.koerper-left{left:10%}.kopf-left,
.kopf-right{top:35%}.koerper-left,
.koerper-right{top:20%}.arrow-icon{width:15px;height:15px}body.charakter .app-header,
body.charakter #c-appmenu-bottom{display:none !important}body.charakter #c-appmenu-bottom{display:none !important}body.charakter{background-image:url(/./app/assets/intro/background.png);background-repeat:no-repeat;background-size:cover;overflow:hidden}.charakter .w-content{padding-top:20%}.profile-pic{width:50vw;height:50vw;background-color:var(--secundaerfarbe);border-radius:50%;margin:15px auto;background-image:url(/./app/assets/helper-pic.svg);max-width:250px;max-height:250px}.profil-statistics{margin:8px}.accordion-icon{width:25px}.accordion-header{display:flex;align-items:center;padding:10px;justify-content:space-between;border-bottom:solid 2px var(--background)}.accordion-content{padding:10px 10px 10px 25px}.accordion-card{border-bottom:solid 2px var(--background);padding:5px 5px 10px 5px}.w-avatar-kopf{display:block;overflow:hidden;border-radius:50%;border-width:2px}.w-avatar-kopf.large{width:200px;height:200px;margin:auto}.w-avatar-kopf.middle{width:100px;height:100px}.w-avatar-kopf.small{width:50px;height:50px}.w-avatar-kopf.large .w-avatar{width:250px;text-align:center;position:relative;left:-25px;top:15px}.w-avatar-kopf.middle .w-avatar{width:250px;text-align:center;position:relative;left:-75px;top:-17px}.w-avatar-kopf.small .w-avatar{width:80px;text-align:center;position:relative;left:-14px}.w-dialog .w-avatar-kopf{position:absolute;right:10px}.female2{text-align:right}.dialog-gedanken{font-style:italic}.dialog-kind_bg{width:100vw;height:100vh;background:url(/app/assets/Character-hintergrund.svg) no-repeat;background-position:bottom left;background-size:cover}.dialog-kind #c-appmenu-bottom{display:none}.dialog-kind_btn-weiter{position:fixed;bottom:15px;right:15px;border-radius:20px;height:40px;width:80px;background:rgba(255, 255, 255, 0.8);box-shadow:3px 3px 8px -3px #7d7d7d77}.dialog-kind_btn-weiter:active{background:rgba(255, 255, 255, 1)}.dialog-kind_sprechblase_wrapper{width:80%;position:relative;padding-top:20px;margin:auto}.dialog-kind_sprechblase{margin-bottom:20px;opacity:0.9;border-radius:15px}#dialog-kind .dreieck{left:20%;bottom:-20px;opacity:0.9}.dialog-kind_btn-weiter{position:fixed;bottom:15px;right:15px}#glossar .accordion_panel{padding-top:10px;text-align:left;word-wrap:break-word;margin-left:0}.glossar_tag{padding:5px;border-radius:10px;background:var(--gradient-2);display:none}.w-info{text-align:center;position:fixed;left:0px;top:0px;width:85%;padding:14px;margin:5%;z-index:1000;display:block;word-wrap:anywhere}/** * Alertlevels **/ .w-info.w-notice{background-color:#bcb5ef;color:white}.w-info.w-warning{background-color:var(--secundaerfarbe);color:black}.w-info.w-error{background-color:var(--red);color:black}body.intro{overflow:hidden}.intro_container{width:100vw;height:100vh;position:relative}.intro_bg{position:absolute;left:0;top:0;object-fit:cover;width:100%;height:100%;z-index:-2}.intro_stern{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:-1}.intro_stern img{object-fit:cover;width:100%;height:100%}.intro_stern-1{animation:twinkle 8s 1.5s infinite}.intro_stern-2{animation:twinkle 4s 0.5s infinite}.intro_stern-3{animation:twinkle 6s 1s infinite}.intro_stern-4{animation:twinkle 10s 0.5s infinite}.intro_eule{position:absolute;left:-5%;bottom:7%;width:80%}.intro_eule-dunkler{animation:eulen-dark 5s infinite}.intro_eule-heller{opacity:0;animation:eulen-glow 5s infinite}.intro_sprechblase{position:absolute;border-radius:20px;right:7.5%;bottom:70%;width:80%}.sprechblase{transition:opacity 0.5s;opacity:0.8;background:rgba(255, 255, 255);padding:10px}#intro .dreieck{right:62%;bottom:calc(70% - 20px)}.dreieck{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:20px solid rgba(255, 255, 255);position:absolute;opacity:0.8;transition:opacity 0.5s}.intro_btn-weiter{position:fixed;bottom:15px;right:15px}.btn--weiss{border-radius:20px;height:40px;width:80px;background:rgba(255, 255, 255, 0.8);box-shadow:3px 3px 8px -3px #7d7d7d77}.intro_btn-weiter .send-icon{display:block;margin:auto;padding:0}@keyframes twinkle{0%{opacity:100%}25%{opacity:0%}50%{opacity:100%}100%{opacity:100%}}@keyframes eulen-glow{0%{opacity:0}48%{opacity:0}50%{opacity:1}52%{opacity:0}100%{opacity:0}}@keyframes eulen-dark{0%{opacity:1}48%{opacity:1}50%{opacity:0}52%{opacity:1}100%{opacity:1}}#c-appmenu-bottom{position:fixed;bottom:0;left:0;width:100%;height:70px;z-index:100}#c-appmenu-bottom div[role='menubar']{display:flex;justify-content:space-around;align-items:center;height:100%;width:100%;background:white;box-shadow:0px -3px 6px 0px rgba(0, 0, 0, 0.16)}#c-appmenu-bottom div[role='menubar']>div{margin:0;padding:0;height:100%}.j-appmenu-bottom_link div{justify-content:center;display:flex;align-content:center;flex-direction:column;height:100%}.overlay{opacity:0.5;background:black;height:100%;width:100%;position:absolute;left:0;top:0;z-index:99}.j-appmenu-bottom_link{color:var(--textfarbe);font-size:12pt;padding:10px;text-decoration:none;margin:0;height:100%;box-sizing:border-box;background:none;border:none}.j-appmenu-bottom_link img{width:25px;margin:auto}.j-appmenu-bottom_link:visited{color:inherit}.activemenu{color:var(--primaerfarbe)}.activemenu:visited{color:var(--primaerfarbe);text-decoration:none}.j-appmenu-bottom_link.activemenu{border-bottom:5px solid var(--primaerfarbe)}.j-appmenu-bottom_link svg{display:block;align-self:center;max-width:40px;max-height:24px;margin-bottom:5px}.j-appmenu-bottom_second-menu ul{font-size:16pt}.j-appmenu-bottom_second-menu a{text-decoration:none;color:var(--textfarbe)}.j-appmenu-bottom_second-menu a:visited{color:var(--textfarbe)}.j-appmenu-bottom_second-menu a.activemenu{text-decoration:underline;color:var(--primaerfarbe)}.j-appmenu-bottom_second-menu{position:absolute;left:0;bottom:-300px;text-align:center;background:white;width:100%;transition:bottom 1s;z-index:-1;border-radius:20px 20px 0 0;box-shadow:0px -3px 6px 0px rgba(0, 0, 0, 0.16);padding-bottom:20px}.j-appmenu-bottom_second-menu ul{list-style:none;padding-left:0}.j-appmenu-bottom_second-menu li{margin-top:10px}.app-modal{background:white;width:80%;z-index:102;position:fixed;padding:10px;left:5%;top:10%;border-radius:20px;box-shadow:0px 5px 8px rgba(54, 52, 62, 0.1);padding:20px}.app-modal_close{height:20px;width:20px;background:transparent;transform:rotate(45deg);box-shadow:none;position:absolute;right:10px;top:10px}.app-modal_wrapper{margin-top:10px}.app-modal_buttons{display:flex;align-items:center;justify-content:space-evenly;margin-top:20px}.app-modal_buttons button{width:100px;border-radius:50px}.overlay-modal{z-index:101;opacity:0.5;background:black;height:100%;width:100%;position:absolute;left:0;top:0}#feedback{background:url(/./app/assets/intro/background.png) no-repeat;background-size:cover}.feedback_eule{position:absolute;left:0;bottom:60px;height:200px}.feedback_sprechblase{border-radius:20px;width:80%;padding:10px;background:rgba(255, 255, 255);opacity:0.8;position:relative}#feedback .dreieck{bottom:-20px;left:40px;opacity:1}#feedback .app-modal_buttons{margin-top:220px}#feedback .app-modal_buttons button{background:white;opacity:0.8}.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,
.slick-slider .slick-track{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.slick-track{position:relative;left:0;top:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,
.slick-track:before{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{float:left;height:100%;min-height:1px;display:none}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}