@charset "UTF-8";body{background-color:#f5f5f5}.secondary{background-color:#d67b3a}.p-no-border-button{padding:20px;border:none}.p-no-border-button:hover{background-color:#3acad6;color:#574b43}.p-no-border-button-warn{border:none;background-color:#574b43;color:#fff}.p-no-border-button-warn:hover{background-color:#4e7d81;color:#fff}.btn:active{transform:scale(.95);box-shadow:0 0 8px #0000004d inset}.button-white{background-color:#fff;color:#574b43}.button-secondary{background-color:#d67b3a;color:#fff}.p-logo{width:263px;font-size:22px}.hero.d-flex.align-items-center.justify-content-center.text-center.banner-height-pages{height:20vh}.p-width{min-width:90px}.p-width-r{min-width:152px}.a-wrapper,.a-wrapper:hover{color:initial;text-decoration:none}.bg-box-wrapper{position:relative;height:100%;min-height:380px}.bg-box-wrapper .bg-box{position:absolute;height:100%;width:100%;background:linear-gradient(45deg,#fff 50%,#3acad6 99%);opacity:.2;transition:.5s}.bg-box-wrapper:hover .bg-box{opacity:1;transition:.5s;background:linear-gradient(45deg,#fff 50%,#3acad6 99%)}.p-rounded{border-radius:1.25rem}a.p-a-href{color:#2b211b;text-decoration:none}a.p-a-href:hover .p-a-href-wrapper{background-color:#3acad6ed}.p-text-muted{color:#2b211b}.navbar-scroll{background-color:transparent;transition:background-color .3s ease;color:#fff}.navbar-scroll.scrolled{background-color:#3acad6ed}.navbar-light .navbar-nav .nav-link,.navbar-light .navbar-nav .nav-link h1{color:#fff;text-shadow:2px 2px 3px black}.navbar-light .navbar-nav .nav-link:hover{color:orange}.scrolled.navbar-light .navbar-nav .nav-link:hover{color:#000;text-shadow:1px 1px 3px black}.navbar-light .navbar-nav a.nav-link h1{line-height:1.5}.navbar-light .navbar-nav a.nav-link h1:hover{color:orange}.scrolled.navbar-light .navbar-nav a.nav-link h1:hover{color:#000;text-shadow:1px 1px 3px black}button.btn-logout-text{background:none;border:none;padding:0;margin:0;color:#fff;cursor:pointer;font:inherit;text-decoration:none}button.btn-logout-text:hover,button.btn-logout-text:focus{color:orange;outline:none}.p-btn-small{font-size:16px;margin:0;padding:8px}.p-tbn-grey{background-color:#b3b3b3}h4{margin-bottom:20px}.btn:disabled:hover{background-color:#d67b3a;color:#fff}.btn:disabled:active{transform:none;box-shadow:none}.hero{height:100vh;width:100%;background-image:url(/images/startpage_bg_12_dezember.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}.hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0006}@media(max-width:600px){.hero:before{background:#0000001a}}.hero-content{position:relative;z-index:2}.hero:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#00000073;z-index:1}@media(max-width:600px){.hero:after{background:#0000001a}}.hero>*{position:relative;z-index:2}.background-startpage-image{background-image:url(/images/default.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff;text-align:center;padding:260px 20px;position:relative}.banner-div-wrapper{width:90%;position:absolute;right:3%;top:10%}.banner-div-wrapper .banner-text-wrapper{background:#d67b3a99;padding:10px;max-height:100%;margin:20px}@media(min-width:768px){.banner-div-wrapper .banner-text-wrapper{background:#d67b3a99;padding:10px 45px;max-height:fit-content;margin:20px}}.banner-div-wrapper .banner-text-wrapper.p-button{width:40%;margin-left:auto}.banner-div-wrapper .banner-text-wrapper .banner-text,.banner-div-wrapper .banner-text-wrapper .banner-text-small{text-shadow:2px 2px 4px black;font-size:30px;font-weight:400;color:#fff;line-height:33px}.banner-div-wrapper .banner-text-wrapper .banner-text-small{font-weight:200}.banner-div-wrapper .banner-text-wrapper p{text-shadow:2px 2px 4px black;color:#fff}.badge-wrapper{position:relative;height:100%}.badge-wrapper .new-badge{position:absolute;top:0%;margin:10px}.badge-wrapper .gender-badge{position:absolute;top:0%;margin:10px;right:0%}.p-warn{background-color:#d67b3a99}.message-wrapper{margin-bottom:10px}.message-wrapper .p-message{height:45px;width:34px;display:inline-block;margin:11px}.p-inline-block{display:inline-block}.p-text-grey{display:inline-block;color:#574b43;margin-left:30px}.circle{display:inline-flex;justify-content:center;align-items:center;width:24px;height:24px;border-radius:50%;background-color:#d67b3a99;color:#000;font-weight:700}.chat-box{height:50vh;border:1px solid #ccc;padding:10px;overflow-y:auto;display:flex;flex-direction:column}.message{margin-bottom:10px;padding:5px 10px;background:#f1f1f1;border-radius:10px;max-width:100%}.p-round-box{flex:1;padding:10px 15px;border-radius:20px;outline:none;font-size:16px;transition:.2s all}form.level-form{top:0;position:absolute;width:100%}.dance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:30px}.dance-card{position:relative;overflow:hidden;border-radius:12px;height:300px}.image-wrapper{position:relative;height:100%}.image-wrapper img{width:100%;height:100%;object-fit:cover}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;transition:all .4s ease}.overlay h2{margin-top:40px;color:#fff;font-size:32px;font-weight:700;text-shadow:0 3px 8px rgba(0,0,0,.6);transition:all .4s ease}.level-buttons{margin-top:30px;opacity:0;transform:translateY(30px);transition:all .4s ease;display:flex;flex-direction:column;display:inline-block}.level-buttons.left{width:20%;min-height:10px}.level-buttons.mid{width:55%}.level-buttons.right{width:20%;min-height:10px}.level-buttons button{width:100%;padding:12px;margin:4px 0;background:#0009;border:none;color:#fff;font-size:18px;cursor:pointer;transition:.2s ease}.level-buttons button:hover{background:#fffc;color:#000}.dance-card:hover .overlay h2,.dance-card-active .overlay h2{font-size:22px;transform:translateY(100px);opacity:.4}.dance-card:hover .level-buttons,.dance-card-active .level-buttons{opacity:1;transform:translateY(0)}.dance-card-active h2{position:absolute;top:-133px;opacity:.8!important;font-size:15px!important}@media(max-width:900px){.dance-grid{grid-template-columns:repeat(1,1fr)}}@media(max-width:600px){.dance-grid{grid-template-columns:1fr}}@media(max-width:480px){.dance-grid{grid-template-columns:1fr}}