@font-face{font-family:BreulGroteskA;src:url("../fonts/BreulGroteskA-ExtraLight.woff2") format("woff2");font-weight:100}@font-face{font-family:BreulGroteskA;src:url("../fonts/BreulGroteskA-SemiLight.woff2") format("woff2");font-weight:200}@font-face{font-family:BreulGroteskA;src:url("../fonts/BreulGroteskA-Regular.woff2") format("woff2");font-weight:400}@font-face{font-family:IBMPlexSans;src:url("../fonts/IBMPlexSansVar-Roman.woff2") format("woff2");font-style:normal}@font-face{font-family:IBMPlexSans;src:url("../fonts/IBMPlexSansVar-Italic.woff2") format("woff2");font-style:italic}*{box-sizing:border-box}html{background:#00263e;color:#fff;font-family:IBMPlexSans,Helvetica,Arial,sans-serif,sans-serif;margin:0;padding:0}body{background:#00263e;color:#fff;font-family:IBMPlexSans,Helvetica,Arial,sans-serif,sans-serif;margin:0;padding:0 1rem;font-size:16px;line-height:1.5}h1,h2,h3,h4{font-family:BreulGroteskA,Helvetica,Arial,sans-serif,sans-serif;font-weight:normal;margin:0;padding:0;color:#fff;line-height:1.25}h1{font-size:44px;line-height:52px;font-weight:100}h1 strong{font-weight:400}@media(max-width: 768px){h1{font-size:1.9rem;line-height:1.2}}h2{font-size:28px;line-height:32px}@media(max-width: 768px){h2{font-size:1.75rem;line-height:1.2}}h3{font-size:28px;line-height:32px;color:linear-gradient(45deg, var(--pageGradientStop1, #ECA0FF), var(--pageGradientStop2, #AAB2FF));background:linear-gradient(45deg, var(--pageGradientStop1, #ECA0FF), var(--pageGradientStop2, #AAB2FF));background-clip:text;text-fill-color:rgba(0,0,0,0);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}@media(max-width: 768px){h3{font-size:1.5rem;line-height:1.2}}.eyebrow{font-family:IBMPlexSans,Helvetica,Arial,sans-serif,sans-serif;font-size:1rem;color:#fff;margin:0 0 .5rem 0}hgroup{display:flex;justify-content:space-between;align-items:flex-start}@media(max-width: 768px){hgroup{flex-direction:column}hgroup>div{display:flex;flex-direction:column;width:100%;gap:.5rem}hgroup>div a.button{margin:0 !important;justify-content:center}}a{color:var(--color1, #f14262)}a.plain{outline:none;color:#fff}hr{background:rgba(255,255,255,.15);border:none;border-top:1px solid #000;height:2px;margin:1rem 0;width:100%}.box{background:#031725;border-radius:1rem;padding:2rem}.htmx-indicator{opacity:0;transition:opacity 500ms ease-in;pointer-events:none;align-items:center;background:#031725;display:flex;inset:0;justify-content:center;position:absolute}.htmx-indicator img{width:2rem;height:2rem}.htmx-request .htmx-indicator{opacity:1}.htmx-request.htmx-indicator{opacity:1}main{position:relative;padding-top:10rem;min-height:80dvh}@media(max-width: 768px){main{padding-top:6rem}}main section,main section .inner{max-width:80rem;margin:0 auto;padding:0;display:grid;grid-template-columns:repeat(12, 1fr);grid-template-rows:auto;grid-gap:2rem;position:relative;z-index:1}@media(max-width: 768px){main section,main section .inner{display:flex;flex-direction:column}}main section+section,main section .inner+section{margin-top:2rem}@media(max-width: 768px){main section,main section .inner{grid-template-columns:1fr}}main section:empty,main section .inner:empty{display:none}main section[data-fullwidth],main section .inner[data-fullwidth]{max-width:100vw;padding:0}main section[data-extendbackground],main section .inner[data-extendbackground]{max-width:100vw;padding:0;display:block;background:var(--background);background-size:cover}main section[data-alignment=left],main section .inner[data-alignment=left]{text-align:left}main section[data-alignment=center],main section .inner[data-alignment=center]{text-align:center}main section[data-alignment=right],main section .inner[data-alignment=right]{text-align:right}main section[data-alignment=justify],main section .inner[data-alignment=justify]{text-align:justify}main .column{grid-column:span var(--span)}button,a.button{display:inline-flex;border-radius:2rem;padding:.75rem 1.25rem;cursor:pointer;text-decoration:none;color:#fff;font-family:IBMPlexSans,Helvetica,Arial,sans-serif,sans-serif;font-size:15px;line-height:20px}button [disabled],a.button [disabled]{pointer-events:none}button+a.button,a.button+a.button{margin:0 0 0 1rem}button.button-primary,a.button.button-primary{background:var(--color1, #f14262) linear-gradient(90deg, var(--pageGradientStop1, #ECA0FF) 0%, var(--pageGradientStop2, #AAB2FF) 100%);color:#031725;border:none;font-weight:normal}button.button-primary:hover,a.button.button-primary:hover{background:#fff;color:#00263e}button.button-secondary,a.button.button-secondary{background:none;color:#fff;border:none;border:1px solid #fff}button.button-secondary:hover,a.button.button-secondary:hover{background:#fff;color:#00263e;border:1px solid #fff}button.button-disabled,a.button.button-disabled{pointer-events:none;background:none;border:1px solid rgba(255,255,255,.5);color:rgba(255,255,255,.5)}header{position:absolute;left:0;right:0;top:0;z-index:10}@media(max-width: 768px){header.mobilemenu{position:fixed}header.mobilemenu nav{display:block}}header #menubutton{display:none}@media(max-width: 768px){header #menubutton{display:block;position:relative;z-index:3}}header .container{margin:0 auto;max-width:80rem;display:flex;justify-content:space-between;padding:3rem 0;align-items:center}@media(max-width: 768px){header .container{padding:2rem;flex-wrap:wrap}}@media(max-width: 768px){header .logo{display:flex;align-items:center;position:relative;z-index:3}header .logo svg{width:200px;height:auto}}header .logo #gradient stop:nth-child(1){stop-color:var(--color1, #FF6A42)}header .logo #gradient stop:nth-child(2){stop-color:var(--color2, #E31A82)}header nav{display:flex;gap:1rem;align-items:center}@media(max-width: 768px){header nav{display:none;position:fixed;inset:0;padding:6rem 2rem 2rem 2rem;background:#031725;z-index:1}}header nav ul{list-style:none;display:flex;margin:0;padding:0}@media(max-width: 768px){header nav ul{flex-direction:column;gap:.5rem}header nav ul:nth-child(2){flex-direction:row;margin-top:2rem}header nav ul:nth-child(2) li{flex:0 0 50%}header nav ul:nth-child(2) a.button{margin:0;display:block;width:100%;text-align:center}}header nav ul li{position:relative}header nav ul li:hover ul.dropdown{display:flex}header nav ul a{text-decoration:none;color:#fff;padding:.6rem 1.2rem}@media(max-width: 768px){header nav ul a{padding:.5rem 0}}header nav ul a:hover{color:var(--color1, #f14262)}header nav ul a.button{padding:.5rem 1rem;margin-left:1rem}header nav ul a.active{background:#031725;border-radius:1.2rem;color:var(--color1, #f14262)}header nav ul.dropdown{background:#001625;border-radius:1rem;position:absolute;display:none;top:1.5rem;left:0;padding:1rem 0;flex-direction:column;gap:.5rem;align-items:start}@media(max-width: 768px){header nav ul.dropdown{display:flex;gap:.5rem;margin:0 0 0 2rem;position:static}}header nav ul.dropdown li{padding:0;margin:0 1rem 0 0}header .profile{margin:0 0 0 1rem;display:flex;align-items:center;position:relative}@media(max-width: 768px){header .profile{margin:1.5rem 0 0 0;align-items:flex-start;flex-direction:column;border-top:1px solid rgba(255,255,255,.25)}}header .profile:hover .dropdown{display:block}header .profile img{width:auto;height:2rem;border-radius:100%}@media(max-width: 768px){header .profile img{display:none}}header .profile .dropdown{position:absolute;display:none;top:2rem;right:0;padding:2rem 0 0 0}@media(max-width: 768px){header .profile .dropdown{display:flex;gap:.5rem;margin:0;position:static;flex-direction:column}}header .profile .dropdown:before{content:" ";width:0;height:0;display:block;position:absolute;top:1rem;right:0;border-left:2rem solid rgba(0,0,0,0);border-bottom:1.5rem solid #fff}@media(max-width: 768px){header .profile .dropdown:before{display:none}}header .profile .dropdown a{background:#fff;color:#000;text-decoration:none;padding:.5rem 1rem;display:block}@media(max-width: 768px){header .profile .dropdown a{color:#fff;background:none;padding:0 !important}}header .profile .dropdown a.logout{color:var(--color1, #f14262)}header .profile .dropdown a:hover{color:var(--color1, #f14262)}header .profile .dropdown a:first-child{border-top-left-radius:1rem;padding-top:1rem}header .profile .dropdown a:last-child{padding-bottom:1rem;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}footer{color:#fff;position:relative;padding-top:8rem}@media(max-width: 768px){footer{padding-top:2rem}}footer:before{content:" ";display:block;background:linear-gradient(180deg, rgba(0, 38, 62, 0) 0%, #00263e 50%);position:absolute;inset:0}footer .container{margin:0 auto;max-width:80rem;z-index:2;position:relative;display:flex;gap:2rem;border-top:1px solid rgba(255,255,255,.15);padding:4rem 0}@media(max-width: 768px){footer .container{flex-direction:column}}footer .container .group{flex-grow:1;flex-shrink:1}footer .container .group:nth-child(1){flex-grow:3;flex-shrink:3}footer .notice{margin:1rem 0;color:rgba(255,255,255,.5)}footer h3{font-size:18px;line-height:21px;font-weight:400;margin:0 0 1rem 0;webkit-background-clip:none;-webkit-text-fill-color:#fff}footer ul{list-style:none;margin:0;padding:0}footer a{color:#fff;text-decoration:none}footer a:hover{color:var(--color1, #f14262)}#mandatewarning{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:rgba(3,23,37,.75);border-radius:2rem;border:1px solid rgba(255,255,255,.25);bottom:1rem;display:flex;gap:2rem;left:calc((100vw - 80rem + 4rem)/2);padding:2rem;position:fixed;right:calc((100vw - 80rem + 4rem)/2);z-index:100}@media(max-width: 768px){#mandatewarning{left:1rem;right:1rem}}body.admission{background:url("../images/background-admission.svg") center 10rem no-repeat;background-size:100% auto}section.login h1,section.signup h1{font-size:44px;line-height:52px;margin:0 0 1rem 0}section.login span.email,section.signup span.email{padding:0 1rem;display:inline-block}section.login form,section.signup form{position:relative;display:flex;flex-direction:column;gap:1rem;margin-top:3rem}section.login form .field-dob,section.signup form .field-dob{margin-bottom:1rem}section.login form .field-dob input,section.signup form .field-dob input{font-family:IBMPlexSans,Helvetica,Arial,sans-serif,sans-serif}section.login form .field-dob .placeholder-label,section.signup form .field-dob .placeholder-label{position:absolute;top:50%;left:10px;transform:translateY(-50%);color:#999;pointer-events:none;transition:opacity .2s}section.login form .field-dob input[type=date],section.signup form .field-dob input[type=date]{height:3rem}section.login form .field-dob input[type=date]+label,section.signup form .field-dob input[type=date]+label{position:relative;pointer-events:none;border:none;top:-2.75rem;display:block;width:20rem;height:2.5rem;line-height:2.5rem;left:3.5rem;background:#031725}section.login form .field-dob input[type=date]:focus+label,section.login form .field-dob input[type=date]:not(:empty)+label,section.login form .field-dob input[type=date]:valid+label,section.login form .field-dob input[type=date][value]:not([value=""])+label,section.signup form .field-dob input[type=date]:focus+label,section.signup form .field-dob input[type=date]:not(:empty)+label,section.signup form .field-dob input[type=date]:valid+label,section.signup form .field-dob input[type=date][value]:not([value=""])+label{display:none}section.login form .field-dob input[type=date]:not(:-moz-placeholder-shown)+.placeholder-label, section.signup form .field-dob input[type=date]:not(:-moz-placeholder-shown)+.placeholder-label{opacity:0}section.login form .field-dob input[type=date]:not(:placeholder-shown)+.placeholder-label,section.login form .field-dob input[type=date]:focus+.placeholder-label,section.signup form .field-dob input[type=date]:not(:placeholder-shown)+.placeholder-label,section.signup form .field-dob input[type=date]:focus+.placeholder-label{opacity:0}section.login form .field-address,section.signup form .field-address{display:flex;flex-wrap:wrap;gap:1rem}@media(max-width: 768px){section.login form .field-address,section.signup form .field-address{flex-direction:column}section.login form .field-address .field:nth-child(1),section.login form .field-address .field:nth-child(2),section.login form .field-address .field:nth-child(3),section.login form .field-address .field:nth-child(4),section.signup form .field-address .field:nth-child(1),section.signup form .field-address .field:nth-child(2),section.signup form .field-address .field:nth-child(3),section.signup form .field-address .field:nth-child(4){flex:0 0 auto !important}}section.login form .field-address .field:nth-child(1),section.signup form .field-address .field:nth-child(1){flex:0 0 100%}section.login form .field-address .field:nth-child(2),section.signup form .field-address .field:nth-child(2){flex:0 0 10rem}section.login form .field-address .field:nth-child(3),section.signup form .field-address .field:nth-child(3){flex:1 0}section.login form .field-address .field:nth-child(4),section.signup form .field-address .field:nth-child(4){flex:0 0 100%}section.login form .field .error,section.signup form .field .error{font-style:italic;color:var(--color1, #f14262)}section.login form .field input,section.signup form .field input{background:#031725;border-radius:50px;border:1px solid rgba(255,255,255,.25);color:#fff;font-family:IBMPlexSans,Helvetica,Arial,sans-serif,sans-serif;font-size:16px;padding:.75rem .75rem .75rem 3.5rem;width:100%}section.login form .field input:focus,section.signup form .field input:focus{background-color:#00263e !important;outline:none}section.login form .field input.user,section.signup form .field input.user{background:#031725 url("../images/icon-user.svg") 1rem center no-repeat}section.login form .field input[type=date],section.signup form .field input[type=date]{background:#031725 url("../images/icon-cake.svg") 1rem center no-repeat}section.login form .field input[type=email],section.signup form .field input[type=email]{background:#031725 url("../images/icon-email.svg") 1rem center no-repeat}section.login form .field input[name^=password],section.signup form .field input[name^=password]{background:#031725 url("../images/icon-password.svg") 1rem center no-repeat}section.login form .field input:-webkit-autofill,section.signup form .field input:-webkit-autofill{background-color:#031725 !important;-webkit-box-shadow:0 0 0px 1000px rgba(3,23,37,0) inset}section.login form .field input:placeholder,section.signup form .field input:placeholder{color:rgba(255,255,255,.6)}section.login form .field select,section.signup form .field select{-webkit-appearance:none;background:#031725;border-radius:50px;border:1px solid rgba(255,255,255,.25);color:#fff;font-size:16px;min-height:3rem;padding:.75rem .75rem .75rem 3.5rem;width:100%}section.login form .field select:focus,section.signup form .field select:focus{background-color:#00263e !important;outline:none}section.login form .field select option,section.signup form .field select option{height:3rem}section.login form .field.field-password,section.signup form .field.field-password{position:relative}section.login form .field.field-password.invalid input,section.signup form .field.field-password.invalid input{outline:1px solid red !important}section.login form .field.field-password button.password-button,section.signup form .field.field-password button.password-button{background-color:rgba(0,0,0,0);background-image:url("../images/icon-eye.svg");background-position:center;background-repeat:no-repeat;background-size:1.5rem;border:none;height:3rem;position:absolute;right:0;top:0;width:3rem}section.login form .field.field-password button.password-button.visible,section.signup form .field.field-password button.password-button.visible{background-image:url("../images/icon-eye-hidden.svg")}section.login form .submit,section.signup form .submit{display:flex;align-items:center;justify-content:space-between;margin-top:1rem}@media(max-width: 768px){section.login form .submit,section.signup form .submit{flex-direction:column;gap:1.5rem}}section.login form .submit a,section.signup form .submit a{text-decoration:none;color:rgba(255,255,255,.6)}section.login form .submit a:hover,section.signup form .submit a:hover{color:#fff}section.login form .info,section.signup form .info{color:rgba(255,255,255,.6);max-width:60ch;margin-top:2rem}section.login form .info a,section.signup form .info a{color:rgba(255,255,255,.6)}section.login form .info a:hover,section.signup form .info a:hover{color:#fff}section.login button[type=submit],section.signup button[type=submit]{display:inline-flex;border-radius:2rem;padding:.75rem 1.25rem;cursor:pointer;text-decoration:none;color:#fff;font-family:IBMPlexSans,Helvetica,Arial,sans-serif,sans-serif;font-size:15px;line-height:20px;background:var(--color1, #f14262) linear-gradient(90deg, var(--pageGradientStop1, #ECA0FF) 0%, var(--pageGradientStop2, #AAB2FF) 100%);color:#031725;border:none;font-weight:normal}section.login button[type=submit] [disabled],section.signup button[type=submit] [disabled]{pointer-events:none}section.login button[type=submit]+a.button,section.signup button[type=submit]+a.button{margin:0 0 0 1rem}section.login button[type=submit].button-primary,section.signup button[type=submit].button-primary{background:var(--color1, #f14262) linear-gradient(90deg, var(--pageGradientStop1, #ECA0FF) 0%, var(--pageGradientStop2, #AAB2FF) 100%);color:#031725;border:none;font-weight:normal}section.login button[type=submit].button-primary:hover,section.signup button[type=submit].button-primary:hover{background:#fff;color:#00263e}section.login button[type=submit].button-secondary,section.signup button[type=submit].button-secondary{background:none;color:#fff;border:none;border:1px solid #fff}section.login button[type=submit].button-secondary:hover,section.signup button[type=submit].button-secondary:hover{background:#fff;color:#00263e;border:1px solid #fff}section.login button[type=submit].button-disabled,section.signup button[type=submit].button-disabled{pointer-events:none;background:none;border:1px solid rgba(255,255,255,.5);color:rgba(255,255,255,.5)}section.login button[type=submit]:hover,section.signup button[type=submit]:hover{background:#fff;color:#00263e}body.overview section .welcome{background:#031725 url("../images/background-welcome.svg") 0 -5rem no-repeat;background-size:100% auto;align-items:flex-end;display:flex;position:relative}@media(max-width: 768px){body.overview section .welcome{background:#031725 url("../images/background-welcome.svg") 0 -2rem no-repeat;background-size:100% auto;padding-top:8rem}}body.overview section .welcome:before{content:url("../images/badge.svg");display:block;position:absolute;right:4rem;top:10rem}@media(max-width: 768px){body.overview section .welcome:before{top:1rem;right:1rem}}body.overview section .profile{padding-top:4rem;position:relative}@media(max-width: 768px){body.overview section .profile{margin-top:2rem}}body.overview section .profile .profileimage{border-radius:100%;border:.5rem solid #00263e;height:5rem;left:2.5rem;position:absolute;top:-2.5rem;width:5rem}body.overview section .profile .statistics{display:flex;flex-direction:column;gap:1rem;list-style:none;margin:2rem 0;padding:0}body.overview section .profile .statistics>div{display:grid;grid-template-columns:2rem auto;align-items:center;gap:1rem}body.overview section .profile .statistics>div a{text-decoration:none}body.overview section .profile a.settings{color:#fff;display:block;margin:2rem 0 0 0;text-decoration:none;display:flex;align-items:center;gap:1rem}body.overview .livecoaching{display:flex;flex-direction:column;align-items:flex-start}body.overview .livecoaching a:last-child{margin-top:auto;width:100%;justify-content:center}body.overview .livecoaching .booking{display:flex;flex-direction:column;gap:1rem;margin:2rem 0 1rem 0}body.overview .livecoaching .booking div{display:flex;gap:1rem;align-items:center}body.overview .livecoaching .booking img{width:1.5rem;height:1.5rem}body.overview .learn-progress{padding:0;border-radius:1rem;overflow:hidden;background:none}body.overview .learn-progress .tabs{background:#00263e;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;border:none}body.overview .learn-progress .tabs div{text-align:center;font-family:BreulGroteskA,Helvetica,Arial,sans-serif,sans-serif;padding:.5rem;font-size:20px;line-height:1.5;cursor:pointer;border-top-left-radius:1rem;border-top-right-radius:1rem}body.overview .learn-progress .tabs div.active{background:#031725}body.overview .learn-progress hgroup{gap:1rem}body.overview .learn-progress .drumschool,body.overview .learn-progress .masterclass{padding:2rem;border-radius:1rem;background:#031725;display:none}body.overview .learn-progress .drumschool.active,body.overview .learn-progress .masterclass.active{display:block}body.overview .learn-progress .drumschool{border-top-left-radius:0}body.overview .learn-progress .masterclass{border-top-right-radius:0}body.overview .learn-progress .lesson-welcome{display:grid;grid-template-columns:2fr 1fr;margin-top:1rem}@media(max-width: 768px){body.overview .learn-progress .lesson-welcome{display:flex;flex-direction:column}body.overview .learn-progress .lesson-welcome img{width:100%}body.overview .learn-progress .lesson-welcome a.button{display:flex;justify-content:center}body.overview .learn-progress .lesson-welcome a.button+a.button{margin:1rem 0 0 0}}body.overview .learn-progress .lessons{display:grid;grid-template-columns:repeat(3, 1fr);gap:2rem;margin-top:2rem}@media(max-width: 768px){body.overview .learn-progress .lessons{display:flex;flex-direction:column}}body.overview .learn-progress .lessons.notstarted .lesson:first-child,body.overview .learn-progress .lessons.lessons-welcome .lesson:first-child{opacity:1}body.overview .learn-progress a{text-decoration:none;color:#fff}body.overview .learn-progress a.button-primary{color:#031725}body.overview .learn-progress .lesson:first-child{opacity:.7}body.overview .learn-progress .lesson .placeholder{display:block;margin:0 0 1rem 0;border-radius:1rem;width:100%;height:180px;background:rgba(0,0,0,.2)}body.overview .learn-progress .lesson img{display:block;margin:0 0 1rem 0;border-radius:1rem;width:100%;height:180px}body.overview .learn-progress .lesson .name{font-family:BreulGroteskA,Helvetica,Arial,sans-serif,sans-serif;font-size:20px;line-height:24px}body.overview .learn-progress .lesson.accessRestricted .image{position:relative}body.overview .learn-progress .lesson.accessRestricted .image:before{content:" ";display:block;position:absolute;inset:0;background:rgba(0,38,62,.75);pointer-events:none}body.overview .learn-progress .lesson.accessRestricted .image:after{content:" ";pointer-events:none;position:absolute;top:1rem;right:1rem;background:url("../images/badge-abo.svg") no-repeat;background-size:contain;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:100%;left:auto}body.overview .history,body.overview .recommendations{margin-top:4rem}body.overview .history hgroup,body.overview .recommendations hgroup{align-items:center}@media(max-width: 768px){body.overview .history hgroup,body.overview .recommendations hgroup{gap:1rem}}body.overview .history hgroup a,body.overview .recommendations hgroup a{text-decoration:none;background:#031725;border-radius:2rem;padding:.5rem 2rem;color:#fff}@media(max-width: 768px){body.overview .history hgroup a,body.overview .recommendations hgroup a{width:100%;text-align:center}}body.overview .history hgroup a:hover,body.overview .recommendations hgroup a:hover{background:#fff;color:#00263e}body.overview .history .lessons,body.overview .recommendations .lessons{display:grid;grid-template-columns:repeat(4, 1fr);gap:2rem}@media(max-width: 768px){body.overview .history .lessons,body.overview .recommendations .lessons{display:flex;flex-direction:column}}body.overview .history .lesson-empty,body.overview .recommendations .lesson-empty{background:rgba(3,23,37,.25);border-radius:1rem;height:194px}body.overview .history .lesson img,body.overview .recommendations .lesson img{display:block;margin:0 0 1rem 0;border-radius:1rem;width:100%;height:200px;-o-object-fit:cover;object-fit:cover}body.overview .history .lesson .name,body.overview .recommendations .lesson .name{font-family:BreulGroteskA,Helvetica,Arial,sans-serif,sans-serif;font-size:20px;line-height:24px}body.overview .history .lesson[data-song] .image,body.overview .recommendations .lesson[data-song] .image{position:relative}body.overview .history .lesson[data-song] .image:before,body.overview .recommendations .lesson[data-song] .image:before{content:" ";display:block;position:absolute;inset:0;background:rgba(0,38,62,.4);pointer-events:none}body.overview .history .lesson[data-song] .image:after,body.overview .recommendations .lesson[data-song] .image:after{content:" ";pointer-events:none;position:absolute;background:url("../images/icon-song-tutor.svg") no-repeat;background-position:center center;display:flex;align-items:center;justify-content:center;inset:0;border-radius:100%;background-size:5rem}body.overview .history .lesson.accessRestricted .image,body.overview .recommendations .lesson.accessRestricted .image{position:relative}body.overview .history .lesson.accessRestricted .image:before,body.overview .recommendations .lesson.accessRestricted .image:before{content:" ";display:block;position:absolute;inset:0;background:rgba(0,38,62,.75);pointer-events:none}body.overview .history .lesson.accessRestricted .image:after,body.overview .recommendations .lesson.accessRestricted .image:after{content:" ";pointer-events:none;position:absolute;top:1rem;right:1rem;background:url("../images/badge-abo.svg") no-repeat;background-size:contain;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:100%;left:auto}body.overview .history a,body.overview .recommendations a{color:#fff;text-decoration:none}body.overview section#news .blogentry{display:flex;flex-direction:column;gap:1rem;align-items:flex-start}body.overview section#news h3{webkit-background-clip:none;-webkit-text-fill-color:#fff;margin:0}body.overview section#news img{margin:0;width:100%;height:200px;content-fit:cover}body.overview section#news p{margin:0}body.overview section#news a{margin-top:auto}section.discover-tiles{display:grid;grid-template-columns:repeat(3, 1fr);grid-template-rows:auto;gap:2rem}@media(max-width: 768px){section.discover-tiles{display:flex;flex-direction:column}}.box-collection{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;background-size:100% auto;background-repeat:no-repeat;min-height:0}@media(max-width: 768px){.box-collection{min-height:40rem}}.box-collection[data-collection="1"]{background-image:url("../images/collection-green.svg");background-position:0 0}.box-collection[data-collection="2"]{background-image:url("../images/collection-red.svg");background-position:0 0}.box-collection[data-collection="3"]{background-image:url("../images/collection-blue.svg");background-position:0 -130px;min-height:320px}.box-collection[data-collection="4"]{background-image:url("../images/collection-orange.svg");background-position:0 -130px;min-height:320px}.stoerer{margin:-10rem 0;height:40rem;background:var(--background) center center no-repeat;background-size:cover;position:relative}.stoerer:before{position:absolute;inset:0;content:" ";background:linear-gradient(0deg, #00263e 0%, rgba(0, 38, 62, 0.5) 50%)}hgroup.explore-livecoaches{align-items:flex-end}hgroup.explore-livecoaches h1{font-size:78px;line-height:92px}.list-livecoaches{display:grid;margin:4rem 0 2rem 0;grid-template-columns:repeat(4, 1fr);gap:2rem}.list-livecoaches .livecoach{position:relative;background:#031725;padding:6rem 2rem 2rem 2rem;border-radius:1rem;text-align:center;display:flex;flex-direction:column;gap:1rem}.list-livecoaches .livecoach img{border-radius:100%;width:7rem;height:7rem;position:absolute;top:-3rem;left:50%;transform:translateX(-50%);border:.5rem solid #00263e}.list-livecoaches .livecoach p{margin:0 0 1rem 0}.list-livecoaches .livecoach .name{font-family:BreulGroteskA,Helvetica,Arial,sans-serif,sans-serif;font-size:28px;margin:0 0 0 0}.list-livecoaches .livecoach a{margin-top:auto;justify-content:center}.list-cards{display:grid;margin:0;grid-template-columns:repeat(4, 1fr);gap:2rem}.list-cards>div{background:#031725;border-radius:1rem;overflow:hidden}.list-cards>div img{width:100%;height:auto}.list-cards>div .name{padding:1rem}.list-cards>div .footer{display:flex;padding:1rem;justify-content:flex-end}.list-cards>div .footer img{width:1rem}#bugreport{bottom:1rem;position:fixed;right:1rem;z-index:10;color:#fff}@media(max-width: 768px){#bugreport{display:none}}#bugreport a{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:12px;gap:.5rem;text-decoration:none;text-transform:uppercase;opacity:.3}#bugreport a:hover{opacity:1}body.category{padding-top:24.75vh}body.category:before{content:" ";background:var(--headerImage, url("../images/background-category-default.jpg")) top center no-repeat;background-size:cover;position:absolute;top:0;left:0;right:0;height:75vh}@media(max-width: 768px){body.category:before{background:var(--headerImageMobile) top center no-repeat;background-size:100% auto}}body.category:after{content:" ";background:linear-gradient(0deg, #00263e 25%, rgba(0, 38, 62, 0.1) 50%, rgba(0, 38, 62, 0.6) 80%);position:absolute;top:0;left:0;right:0;height:75vh}body.category .card-big p{min-height:14rem}body.level{padding-top:24.75vh}body.level:before{content:" ";background:var(--headerImage, url("../images/background-category-default.jpg")) top center no-repeat;background-size:cover;position:absolute;top:0;left:0;right:0;height:75vh}@media(max-width: 768px){body.level:before{background:var(--headerImageMobile) top center no-repeat;background-size:100% auto}}body.level:after{content:" ";background:linear-gradient(0deg, #00263e 25%, rgba(0, 38, 62, 0.1) 50%, rgba(0, 38, 62, 0.6) 80%);position:absolute;top:0;left:0;right:0;height:75vh}body.level .cards-small .progress-window{opacity:1;background:rgba(0,38,62,.4)}body.collection{padding-top:24.75vh}body.collection:before{content:" ";background:var(--headerImage, url("../images/background-category-default.jpg")) top center no-repeat;background-size:cover;position:absolute;top:0;left:0;right:0;height:75vh}@media(max-width: 768px){body.collection:before{background:var(--headerImageMobile) top center no-repeat;background-size:100% auto}}body.collection:after{content:" ";background:linear-gradient(0deg, #00263e 25%, rgba(0, 38, 62, 0.1) 50%, rgba(0, 38, 62, 0.6) 80%);position:absolute;top:0;left:0;right:0;height:75vh}body.livecoaches{padding-top:24.75vh}body.livecoaches:before{content:" ";background:var(--headerImage, url("../images/background-category-default.jpg")) top center no-repeat;background-size:cover;position:absolute;top:0;left:0;right:0;height:75vh}@media(max-width: 768px){body.livecoaches:before{background:var(--headerImageMobile) top center no-repeat;background-size:100% auto}}body.livecoaches:after{content:" ";background:linear-gradient(0deg, #00263e 25%, rgba(0, 38, 62, 0.1) 50%, rgba(0, 38, 62, 0.6) 80%);position:absolute;top:0;left:0;right:0;height:75vh}section.title h1{font-size:56px;line-height:64px;font-weight:600}.bookmark{cursor:pointer}.cards-big{grid-column:span 12;display:grid;grid-template-columns:repeat(3, 1fr);grid-template-rows:auto;gap:2rem}@media(max-width: 768px){.cards-big{grid-template-columns:1fr}}.cards-small{grid-column:span 12;display:grid;grid-template-columns:repeat(4, 1fr);grid-template-rows:auto;gap:2rem}@media(max-width: 768px){.cards-small{grid-template-columns:1fr}}.cards-small .image{position:relative}.cards-small .image:hover .progress-window{opacity:1}.cards-small .image img{width:100%;height:auto}.cards-small .progress-window{opacity:0;pointer-events:none;background:rgba(0,38,62,.7);position:absolute;inset:0;display:flex;justify-content:center;align-items:center;transition:all .25s ease-in-out}.cards-small .progress-bar{background:#031725;position:absolute;left:0;right:0;bottom:0;height:2px}.cards-small .progress-bar:before{content:" ";display:block;inset:0;position:absolute;background:linear-gradient(90deg, var(--pageGradientStop1) 0%, var(--pageGradientStop2) var(--percent), transparent var(--percent))}.list{grid-column:span 12;display:flex;flex-direction:column}.empty-list{background:rgba(3,23,37,.25);border-radius:1rem;grid-column:span 4;padding:3rem;text-align:center}.card-small{background:#031725;border-radius:1rem;overflow:hidden;display:flex;flex-direction:column}.card-small.card-empty{background:rgba(3,23,37,.25);min-height:10rem}.card-small img{display:block}.card-small a{color:#fff;xheight:100%;text-decoration:none}.card-small .content{padding:1rem;display:flex;flex-direction:column;gap:1rem;flex:1 0 auto}.card-small .footer-bar{margin-top:auto;display:flex;justify-content:space-between}.card-small .progress{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);opacity:0}.card-small:hover .progress{opacity:1}.card-big{background:#031725;border-radius:1rem;padding:2rem;min-height:36rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;position:relative;overflow:hidden;z-index:0}.card-big:before{background:var(--background, url("../images/default-card-big.svg")) center center no-repeat;background-size:cover;content:" ";inset:0;position:absolute;z-index:-2}.card-big:after{background:linear-gradient(180deg, rgba(3, 23, 37, 0) 0%, #031725 70%);content:" ";inset:0;position:absolute;z-index:-1}.card-big .footer-bar{align-items:center;display:flex;gap:1rem;justify-content:space-between;width:100%;margin:1rem 0 0 0}.unit-listitem{border-bottom:1px solid #000;border-top:1px solid rgba(255,255,255,.15);padding:2rem 0;display:grid;grid-template-columns:270px auto;color:#fff;gap:2rem}@media(max-width: 768px){.unit-listitem{display:flex;flex-direction:column}}.unit-listitem:first-child{border-top:none;padding-top:0}.unit-listitem:last-child{border-bottom:none;padding-bottom:0}.unit-listitem.accessRestricted .image{position:relative}.unit-listitem.accessRestricted .image:before{content:" ";display:block;position:absolute;inset:0;background:rgba(0,38,62,.75);pointer-events:none}.unit-listitem.accessRestricted .image:after{content:" ";pointer-events:none;position:absolute;top:1rem;right:1rem;background:url("../images/badge-abo.svg") no-repeat;background-size:contain;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:100%;left:auto}.unit-listitem img.preview{width:100%;display:block}.unit-listitem a{text-decoration:none;display:block}.unit-listitem .footer-bar{display:flex;gap:2rem;align-items:center}@media(max-width: 768px){.unit-listitem .footer-bar{flex-wrap:wrap;gap:1rem}.unit-listitem .footer-bar a.primary,.unit-listitem .footer-bar a.secondary{flex:1 0 100%}.unit-listitem .footer-bar .bookmark{margin:0 0 0 1rem}}.unit-listitem .image{position:relative;border-radius:1rem;overflow:hidden;width:270px;align-self:flex-start}@media(max-width: 768px){.unit-listitem .image{width:100%}}.unit-listitem .progress-bar{background:#031725;position:relative;height:3px}.unit-listitem .progress-bar:before{content:" ";display:block;inset:0;position:absolute;background:linear-gradient(90deg, var(--pageGradientStop1) 0%, var(--pageGradientStop2) var(--percent), transparent var(--percent))}body.collection .collection-info{display:flex;justify-content:space-between;align-items:center}body.collection .collection-info>div{display:flex;gap:2rem;align-items:center}@media(max-width: 768px){body.collection .collection-info>div{flex-wrap:wrap}body.collection .collection-info>div span{flex:1 0 100%}}body.collection .progress-column{display:flex;align-items:flex-end;justify-content:flex-end;padding:1rem 0}.breadcrumbs{margin:0 0 1rem 0}.breadcrumbs a{text-decoration:none;font-size:.9rem;color:#fff}.breadcrumbs a:after{content:"›";margin:0 .5rem}.breadcrumbs a:last-child:after{content:""}.tabs{display:flex;margin:4rem 0 2rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.tabs .tab{border-bottom:1px solid #000;cursor:pointer;flex:1 0 auto;font-family:BreulGroteskA,Helvetica,Arial,sans-serif,sans-serif;font-size:26px;line-height:32px;padding:1rem 0;position:relative;text-align:center}.tabs .tab:hover{border-bottom:1px solid #333}.tabs .tab.active:after{content:" ";background:linear-gradient(90deg, var(--pageGradientStop1) 0%, var(--pageGradientStop2) 100%);height:3px;position:absolute;bottom:0;left:0;right:0}.tab-content{display:none}.tab-content.active{display:block}#musicsheet{padding:0 0 2rem 0;background:#031725;position:relative}#musicsheet .note{fill:#fff}#musicsheet #sheet{padding:1rem 5px 1rem 4rem;position:relative;background-image:url("../images/measure-background.png");background-repeat:repeat-y;background-position:0 16px}#musicsheet #sheet svg.placeholder{left:0;position:absolute;right:0;top:1rem;width:100%;height:148px;z-index:1}#musicsheet #sheet svg.placeholder .logo{transform:translateX(35%) translateY(40%)}#musicsheet #sheet .measure-group.visible:before{content:" ";width:12px;height:22px;background:url("../images/sheet-key-4-4.svg") center center no-repeat;display:block;position:absolute;top:60px;left:-30px}#musicsheet #sheet .measure-group.visible:after{content:" ";width:10px;bottom:0;background:#031725;display:block;position:absolute;top:0rem;right:-0.5rem}#musicsheet #sheet x.measure-group.visible:before{content:" ";width:4rem;height:3rem;background:url("../images/sheet-key.svg") center center no-repeat;display:block;position:absolute;top:3rem;left:-5rem}#musicsheet #sheet x.measure-group.visible:after{content:" ";width:.5rem;height:6rem;background:#031725;display:block;position:absolute;top:0rem;right:-0.5rem}#musicsheet #sheet x.measure-group.visible .measure:last-child .ending rect{fill:#031725}#musicsheet .buttons{display:flex;gap:.5rem;justify-content:space-between;padding:1rem}#musicsheet .buttons button{background:#00263e;border-radius:.25rem;border:0;padding:.5rem 1rem;transition:all .1s ease-in-out}#musicsheet .buttons button:hover{background:#003658}#musicsheet .buttons button:hover svg{color:#fff}#musicsheet .buttons button svg{width:1.25rem;height:1.25rem;color:rgba(255,255,255,.5)}#musicsheet .measures{display:flex;flex-direction:column;gap:2rem;min-height:148px;padding-top:1rem;background-image:url("../images/placeholder.svg");background-repeat:no-repeat;background-position-x:0;background-position-y:32px}#musicsheet .measures .measure-group{background:#031725;display:inline-block;min-width:50%;flex-wrap:wrap;margin:0;position:relative;z-index:2;display:none;border:none;opacity:0;transition:opacity 1s ease-in;outline:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}#musicsheet .measures .measure-group.visible{display:flex;border:none !important;opacity:1;outline:none !important}#musicsheet .measures .measure-group.visible+.visible{margin-top:2rem !important}#musicsheet .measures .measure{position:relative;border-radius:.5rem;flex:1 0 auto;border-bottom:.25rem solid rgba(236,160,255,0);cursor:pointer}@media(max-width: 768px){#musicsheet .measures .measure{flex:1 1 auto}}#musicsheet .measures .measure.looped{background:rgba(236,160,255,.1);border-bottom:.25rem solid rgba(236,160,255,.5);border-radius:0}#musicsheet .measures .measure img{width:100%;height:auto}#musicsheet .measures .measure .note{fill:#fff}#musicsheet .measures .measure .numbering{font-size:10px;display:none}#musicsheet .measures .measure.looped:after{border:2px solid #aab2ff;border-left:2px solid rgba(0,0,0,0);border-right:2px solid rgba(0,0,0,0)}#musicsheet .measures .measure.looped-first:after{border-left:2px solid #aab2ff;border-top-right-radius:0;border-bottom-right-radius:0}#musicsheet .measures .measure.looped-last:after{border-right:2px solid #aab2ff;border-top-left-radius:0;border-bottom-left-radius:0}#musicsheet .measures .marker{width:1rem;height:100%;background:linear-gradient(90deg, rgba(236, 160, 255, 0) 0%, rgba(236, 160, 255, 0.3) 50%, rgba(236, 160, 255, 0.8) 100%);display:block;position:absolute;top:0;left:0;transform:translate3d(0, 0, 0);display:block;animation-name:playmarker;animation-duration:var(--duration, 0);animation-timing-function:linear;animation-delay:0s;animation-iteration-count:var(--loops, 10);animation-direction:normal;animation-fill-mode:forwards;animation-play-state:running}#musicsheet .loopmarker{position:absolute;bottom:2rem;left:.75rem;width:1.5rem;height:1.5rem;opacity:0;transition:all .4s ease-in-out;stroke:var(--pageGradientStop1)}#musicsheet .loopmarker .looping{display:block}#musicsheet .loopmarker .remove-looping{display:none}#musicsheet .loopmarker:hover .looping{display:none}#musicsheet .loopmarker:hover .remove-looping{display:block}#musicsheet .loopmarker.visible{opacity:1}#no-player{background:#031725 url("../images/background-novideo.svg") 0 -5rem no-repeat;background-size:100% auto;border-radius:1rem;padding:20rem 4rem 4rem 4rem;font-size:1.125rem}#no-player .button{display:flex;gap:10rem;align-items:flex-end;justify-content:space-between}@keyframes playChapter{0%{transform:translateX(-100%)}100%{transform:translateX(0%)}}.video-chapters hr{margin:.5rem 0}.video-chapters .header{display:flex;justify-content:space-between}.video-chapters ul{margin:0 -1rem;padding:0;display:flex;flex-direction:column;gap:.5rem;list-style:none}.video-chapters li{padding:.25rem 1rem;display:flex;justify-content:space-between;cursor:pointer;border-radius:1rem;position:relative;overflow:hidden}.video-chapters li.playing:after{background:linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 100%, rgba(255, 255, 255, 0) 100%);content:" ";position:absolute;inset:0;transform:translateX(-100%);animation:playChapter var(--playDuration, 14s) linear;animation-fill-mode:forwards}.video-chapters li:hover,.video-chapters li.current{background:rgba(255,255,255,.1)}.video-documents{margin-top:3rem}.video-documents hr{margin:.5rem 0}.video-documents .header{display:flex;justify-content:space-between}.video-documents ul{list-style:none;margin:1rem -1rem 0 -1rem;padding:0;display:flex;flex-direction:column;gap:.5rem}.video-documents a{align-items:center;border-radius:1rem;color:#fff;display:flex;gap:.75rem;justify-content:space-between;padding:.75rem;text-decoration:none}.video-documents a:hover{background:rgba(255,255,255,.1)}.video-documents a .document{border-radius:.5rem;display:flex;flex-direction:column;flex:1 1 auto;gap:.25rem;width:100%}.video-documents a .icon{flex-basis:1.5rem}.video-documents a .icon svg{width:1.5rem;height:1.5rem}.video-documents a .name{font-size:14px}.video-documents a .size{font-size:12px;opacity:.6}section.about{margin-top:6rem}section.about hr{margin:1rem 0}section.about .about-header{display:flex;gap:1rem;justify-content:space-between;align-items:center}section.about .progress{float:right}ul.taglist{display:flex;flex-wrap:wrap;gap:1rem;list-style:none;margin:1rem 0;padding:0}ul.taglist li{border:1px solid rgba(255,255,255,.25);padding:.25rem 1rem;border-radius:2rem;display:flex;justify-content:center;align-items:center;cursor:pointer}ul.taglist li:hover{background:#fff;color:#00263e}ul.taglist a{text-decoration:none;color:currentColor;background:none}section.related{margin-top:6rem}section.overview-items{display:block}section.overview-items h2{font-size:36px;margin:0 0 1rem 0}section.overview-items h3{margin:0 0 1rem 0}section.overview-items .unit-listitem~h3{margin:3rem 0 1rem 0}section.overview-items h4{font-size:28px}section.overview-items .unit-listitem{border:none;scroll-margin-top:4rem}section.overview-items .unit-listitem~.unit-listitem{border-top:1px solid rgba(255,255,255,.15)}section.overview-items a.primary{display:inline-flex;border-radius:2rem;padding:.75rem 1.25rem;cursor:pointer;text-decoration:none;color:#fff;font-family:IBMPlexSans,Helvetica,Arial,sans-serif,sans-serif;font-size:15px;line-height:20px;background:var(--color1, #f14262) linear-gradient(90deg, var(--pageGradientStop1, #ECA0FF) 0%, var(--pageGradientStop2, #AAB2FF) 100%);color:#031725;border:none;font-weight:normal}section.overview-items a.primary [disabled]{pointer-events:none}section.overview-items a.primary+a.button{margin:0 0 0 1rem}section.overview-items a.primary.button-primary{background:var(--color1, #f14262) linear-gradient(90deg, var(--pageGradientStop1, #ECA0FF) 0%, var(--pageGradientStop2, #AAB2FF) 100%);color:#031725;border:none;font-weight:normal}section.overview-items a.primary.button-primary:hover{background:#fff;color:#00263e}section.overview-items a.primary.button-secondary{background:none;color:#fff;border:none;border:1px solid #fff}section.overview-items a.primary.button-secondary:hover{background:#fff;color:#00263e;border:1px solid #fff}section.overview-items a.primary.button-disabled{pointer-events:none;background:none;border:1px solid rgba(255,255,255,.5);color:rgba(255,255,255,.5)}section.overview-items a.primary:hover{background:#fff;color:#00263e}section.overview-items a.secondary{display:inline-flex;border-radius:2rem;padding:.75rem 1.25rem;cursor:pointer;text-decoration:none;color:#fff;font-family:IBMPlexSans,Helvetica,Arial,sans-serif,sans-serif;font-size:15px;line-height:20px;background:none;color:#fff;border:none;border:1px solid #fff}section.overview-items a.secondary [disabled]{pointer-events:none}section.overview-items a.secondary+a.button{margin:0 0 0 1rem}section.overview-items a.secondary.button-primary{background:var(--color1, #f14262) linear-gradient(90deg, var(--pageGradientStop1, #ECA0FF) 0%, var(--pageGradientStop2, #AAB2FF) 100%);color:#031725;border:none;font-weight:normal}section.overview-items a.secondary.button-primary:hover{background:#fff;color:#00263e}section.overview-items a.secondary.button-secondary{background:none;color:#fff;border:none;border:1px solid #fff}section.overview-items a.secondary.button-secondary:hover{background:#fff;color:#00263e;border:1px solid #fff}section.overview-items a.secondary.button-disabled{pointer-events:none;background:none;border:1px solid rgba(255,255,255,.5);color:rgba(255,255,255,.5)}section.overview-items a.secondary:hover{background:#fff;color:#00263e;border:1px solid #fff}a.nextlink{align-items:center;color:#fff;display:inline-flex;float:right;gap:1rem;text-decoration:none}.progress{width:5.5rem;height:5.5rem;border:none;border-radius:4.5rem;background:rgba(255,255,255,.2);position:relative}.progress:before{content:" ";display:block;inset:0;border-radius:100%;position:absolute;background:conic-gradient(var(--pageGradientStop1) 0%, var(--pageGradientStop2) var(--percent), transparent var(--percent))}.progress:after{content:" ";display:block;inset:.5rem;border-radius:100%;position:absolute;background:#00263e}.progress .value{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:2}.chapter-editor .chapters{display:flex;flex-direction:column;gap:1rem}.chapter-editor button{background:#031725;padding:.5rem;border:none;text-align:center;display:flex;align-items:center;justify-content:center}.chapter-editor button:hover{background:var(--color1, #f14262)}.chapter-editor .chapter{display:grid;grid-template-columns:1fr 2fr 4fr 1fr;gap:1rem}.chapter-editor .chapter input{width:100%}.timecode{font-size:2rem;color:#fff;background:#000;padding:1rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.timecode .buttons{display:flex;gap:1rem;flex-wrap:wrap}.timecode button{background:#031725;padding:.5rem;border:none;text-align:center;display:flex;align-items:center;justify-content:center}.timecode button svg{width:1.5rem;height:1.5rem}.timecode button:hover{background:var(--color1, #f14262)}section.player{min-height:790px}@media(max-width: 768px){section.player{min-height:auto}}section.player.floating #player{width:250px;position:fixed;left:0;z-index:100;top:10rem}section.player.floating #unitvideo{width:100%;height:auto;min-height:200px}@media(max-width: 768px){section.player.floating #unitvideo{width:100% !important}}@keyframes playmarker{0%{left:0%}100%{left:100%}}.positionMarker{background:rgba(237,54,84,.6);border-radius:8px;height:148px;left:0;position:absolute;top:0;width:1rem;will-change:transform;z-index:3}.positionMarker:after{background:linear-gradient(-90deg, rgba(237, 54, 84, 0.3), rgba(255, 106, 66, 0));bottom:.5rem;content:" ";display:block;left:-2rem;position:absolute;top:.5rem;width:2rem}.playmarker{position:absolute;left:0;top:50%;bottom:0;width:1rem;background:linear-gradient(-90deg, rgba(236, 160, 255, 0.75), rgba(170, 178, 255, 0));border-right:1px solid rgba(236,160,255,.75);display:none}.measure .playmarker{display:block;animation-name:playmarker;animation-duration:var(--playDuration, 0);animation-timing-function:linear;animation-delay:0s;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards;animation-play-state:running}.measure-group{outline:4px solid rgba(255,255,255,0);transition:outline .2s ease-in-out}.measure-group[data-original]{position:relative}.measure-group.visible{outline:4px solid rgba(255,255,255,.7)}body.songyt #superchat-widget{display:none !important}section.song-yt .youtube-player{position:sticky;top:2rem}@media(max-width: 768px){section.song-yt .youtube-player{background:#00263e;border-top:1px solid #031725;bottom:0;display:grid;grid-template-columns:4rem 1fr;left:0;position:fixed;right:0;top:auto;z-index:10001;padding:.5rem 1rem;gap:1rem}section.song-yt .youtube-player .controls{margin:0;padding:0}section.song-yt .youtube-player .volume{height:1.5rem}section.song-yt .youtube-player .volume svg{height:1.5rem;width:1.5rem}}section.song-yt .youtube-player .cover img{display:block;width:100%;height:auto;border-radius:1rem}@media(max-width: 768px){section.song-yt .youtube-player .cover img{border-radius:4rem;height:4rem;-o-object-fit:cover;object-fit:cover;width:4rem}}section.song-yt iframe#player{height:0;width:0}@media(max-width: 768px){section.song-yt #musicsheet .measures .measure .numbering{display:block !important;opacity:.5;transform:translateY(-3px)}}dialog#restricted{background-color:#031725;background-image:url("../images/background-dialog.svg");background-size:100% auto;background-position:bottom center;background-repeat:no-repeat;border-radius:1rem;border:none;color:#fff;max-width:50rem;padding:3.75rem;padding-bottom:15rem}@media(max-width: 768px){dialog#restricted{padding:1.5rem 1.5rem 10rem 1.5rem}}dialog#restricted::backdrop{background:rgba(0,38,62,.75)}dialog#restricted .buttons{margin:3rem 0 0 0}@media(max-width: 768px){dialog#restricted .buttons{display:flex;flex-direction:column;gap:1rem}dialog#restricted .buttons .button{margin:0;justify-content:center}}dialog#restricted .button-primary{outline:none;background:#e31a82 linear-gradient(90deg, #FF6A42 0%, #E31A82 100%)}dialog#restricted .button-primary:hover{background:#fff}ul.tags{list-style:none;margin:0;padding:0;display:flex;gap:1rem;flex-wrap:wrap}ul.tags li{border:1px solid rgba(255,255,255,.25);padding:.25rem 1rem;border-radius:2rem}.livecoach-header h1{font-size:56px;line-height:64px;font-weight:600}body.livecoach{background:url("../images/background-livecoach.svg") center 10rem no-repeat;background-size:100% auto}body.livecoach .livecoach-profile .header{display:flex;justify-content:space-between;align-items:center;margin:0 0 2rem 0}body.livecoach .livecoach-profile .header img{width:8rem;height:8rem;border-radius:8rem}body.livecoach .livecoach-profile .details h1{font-size:28px;line-height:1.3;font-weight:600;margin:0 0 1rem 0}body.livecoach .livecoach-profile .details p{color:rgba(255,255,255,.7)}body.livecoach .livecoach-profile ul.tags{margin:2rem 0 4rem 0}body.livecoach-bookings iframe#sirius{width:80rem;height:45.197740113rem;border:none;border-radius:1rem;background:#031725 url("../images/default-livecoach-iframe.svg") center center no-repeat}body.livecoach-bookings h2{color:linear-gradient(45deg, var(--pageGradientStop1, #ECA0FF), var(--pageGradientStop2, #AAB2FF));background:linear-gradient(45deg, var(--pageGradientStop1, #ECA0FF), var(--pageGradientStop2, #AAB2FF));background-clip:text;text-fill-color:rgba(0,0,0,0);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}body.livecoach-bookings .bookings .booking{display:flex;justify-content:space-between;align-items:center;padding:2rem 0;border-bottom:1px solid #000;border-top:1px solid rgba(255,255,255,.25)}body.livecoach-bookings .bookings .booking:first-child{border-top:none;margin-top:-1rem}body.livecoach-bookings .bookings .booking:last-child{border-bottom:none}body.livecoach-bookings .bookings .booking .time{font-family:IBMPlexSans,Helvetica,Arial,sans-serif,sans-serif;font-size:1.25rem;font-weight:400}body.livecoach-bookings .bookings .booking .time strong{font-weight:600}body.livecoach-bookings .bookings .booking .time-old{text-decoration:line-through;opacity:.5}body.livecoach-bookings .bookings .booking .coach{display:flex;align-items:center;gap:1rem;margin:.5rem 0 0 0}body.livecoach-bookings .bookings .booking .coach img{width:2rem;height:2rem;border-radius:100%}body.livecoach-bookings .bookings .booking .options{display:flex;flex-direction:column;align-items:flex-start;gap:1.5rem}body.livecoach-bookings .bookings .booking .options .button{min-width:12.5rem;justify-content:center}body.livecoach-bookings .bookings .booking .options .info{font-size:13px;border:1px solid #405c6f;background:rgba(3,23,37,.5);padding:.5rem 1rem .5rem 2rem;border-radius:1rem;line-height:13px;width:100%;background-image:url("../images/icon-info.svg");background-repeat:no-repeat;background-size:1rem;background-position:.5rem center}body.livecoach-bookings .bookings .booking .button-delete{background:#031725;border:1px solid #031725}body.livecoach-bookings .bookings .booking .button-delete:hover{background:#fff;border:1px solid #fff;color:#00263e}body.livecoach-bookings .bookings-past{margin-top:4rem;color:rgba(255,255,255,.6)}body.livecoaches .box-booking big{font-family:BreulGroteskA,Helvetica,Arial,sans-serif,sans-serif;font-size:56px;line-height:1.3;margin:0 0 1rem 0;display:block}@media(max-width: 768px){body.livecoaches .box-booking big{font-size:2rem}}body.livecoaches .box-booking .button{margin:0 0 1rem 0;display:block;text-align:center}body.livecoaches .search-header{display:flex;justify-content:space-between}body.livecoaches .search-header strong{color:rgba(255,255,255,.7);display:block;margin:0 0 1rem 0}body.livecoaches .search-header button{background:none;border-radius:2rem;border:1px solid rgba(255,255,255,.25);color:#fff;margin:0 .5rem 0 0;padding:.5rem 1rem}body.livecoaches .search-header button.active,body.livecoaches .search-header button:hover{border:1px solid rgba(0,0,0,0);background:rgba(236,160,255,.2);color:#eca0ff}@media(max-width: 768px){body.livecoaches .search-header button[data-mode=calendar]{margin:1rem 0 0 0}}body.livecoaches .search-header select{background:none;border-radius:2rem;border:1px solid rgba(255,255,255,.25);color:#fff;padding:.5rem 1rem}body.livecoaches .search-header select option{color:#000}body.livecoaches .list-coaches{display:grid;grid-template-columns:repeat(3, 1fr);grid-template-rows:auto;gap:2rem}@media(max-width: 768px){body.livecoaches .list-coaches{grid-template-columns:1fr}}body.livecoaches .list-coaches .card-empty{background:rgba(3,23,37,.25)}body.livecoaches .list-coaches .card-empty:before,body.livecoaches .list-coaches .card-empty:after{display:none}body.livecoach-admin .timeslots .header{display:grid;grid-template-columns:repeat(5, 1fr);gap:1rem;margin:1rem 0;color:rgba(255,255,255,.5)}body.livecoach-admin .timeslots .timeslot{border-top:1px solid rgba(255,255,255,.25);display:grid;grid-template-columns:repeat(5, 1fr);gap:1rem;padding:.75rem 0}body.livecoach-admin .timeslots .timeslot button{background:none;border-radius:2rem;border:1px solid rgba(255,255,255,.25);color:#fff;padding:.25rem 1rem}body.livecoach-admin .timeslots .timeslot button:hover,body.livecoach-admin .timeslots .timeslot button.button-primary{border:1px solid rgba(0,0,0,0);background:rgba(236,160,255,.2);color:#eca0ff}body.livecoach-admin .timeslots form{display:grid;grid-template-columns:repeat(5, 1fr);width:80rem;gap:1rem}body.livecoach-admin .timeslots form label{display:block}body.livecoach-admin .timeslots form input,body.livecoach-admin .timeslots form select{width:100%;display:block;font-family:IBMPlexSans,Helvetica,Arial,sans-serif,sans-serif;font-size:1rem;padding:.25rem .5rem}.calendars{display:flex;gap:1.5rem;align-items:center}@media(max-width: 768px){.calendars{flex-direction:column}}.calendars .arrow{cursor:pointer}.calendars .arrow svg{width:1.5rem;height:1.5rem}.calendar{width:100%;align-self:flex-start}.calendar .label{font-size:1rem;text-align:center;margin:0 0 1rem 0}.calendar .days{display:grid;grid-template-rows:auto;grid-template-columns:repeat(7, 1fr);grid-gap:0;color:rgba(255,255,255,.4)}.calendar .days>div{padding:.5rem;text-align:center}.calendar .days .available{cursor:pointer;color:rgba(255,255,255,.6)}.calendar .days .available:hover{color:#eca0ff}.calendar .days .previous,.calendar .days .next{color:rgba(255,255,255,.2)}.calendar .days .label{color:#fff;font-size:10px;text-transform:uppercase}.calendar .days .today{color:#fff;background:rgba(236,160,255,.2);border-radius:2rem}.calendar .days .unavailable{color:rgba(255,255,255,.2);text-decoration:line-through}.calendar .days [timeslot]{cursor:pointer;color:rgba(255,255,255,.75)}.calendar .button{align-self:center;justify-self:center}.calendar button{background:none;border:none;color:#fff;cursor:pointer;display:block;height:2rem;justify-content:center;width:2rem;border-radius:100%}.calendar button:hover{background:#fff;color:#000}.calendar button svg{width:1.5rem;height:1.5rem}#booking-livecoach{position:relative}#booking-livecoach .button-back{background:#031725;padding:.5rem 1rem;position:absolute;left:50%;top:0;transform:translateX(-50%) translateY(-50%);z-index:2}#booking-livecoach .button-back:hover{background:#fff;color:#00263e}#booking-livecoach #spinner{z-index:1}.booking-summary .profile{margin:2rem 0}.booking-summary .profile .header{display:flex;justify-content:flex-start;align-items:center;gap:2rem}.booking-summary .profile .header img{width:5rem;height:5rem;border-radius:5rem}.booking-summary .profile .header strong{font-size:22px;font-family:BreulGroteskA,Helvetica,Arial,sans-serif,sans-serif}.booking-summary .summary .line{padding:.75rem 0;display:flex;gap:1rem;align-items:center}.booking-summary .payment{margin:2rem 0 0 0}.booking-summary .payment h2{margin:0 0 1rem 0}.booking-summary .payment .item{display:flex;justify-content:space-between;padding:.75rem 0}.booking-summary .payment .item.sum{border-top:1px solid rgba(255,255,255,.7)}.booking-summary .payment .payment-button{margin:1rem 0 0 0;text-align:right;display:flex;flex-direction:column;align-items:flex-end}.timeslots-header{text-align:center}.timeslots-header .date{align-items:center;color:#eca0ff;display:flex;gap:1rem;justify-content:center}.timeslots-header button{background:none;border:none;color:#eca0ff;padding:.5rem}.timeslots-list{margin:1rem 0 0 0;display:flex;flex-direction:column;gap:1rem;flex-wrap:wrap}.timeslots-list a{text-align:center;flex-direction:column;gap:.5rem;font-size:1rem;margin:0 !important}.timeslots-list span{font-size:.8rem;text-transform:uppercase}.timeslots-list .button{margin:0}.timeslots-list .button-disabled{background:rgba(255,255,255,.1);border:none;color:rgba(255,255,255,.5);pointer-events:none}#calendar-inline{background:#031725;border-radius:1rem;border:1px solid #405c6f;left:9.5rem;padding:1rem;position:absolute;top:5rem;z-index:10;opacity:0;pointer-events:none}@media(max-width: 768px){#calendar-inline{left:0;width:100%}}#calendar-inline.visible{opacity:1;pointer-events:all}dialog#calendar{min-width:40rem;background:#031725;border-radius:1rem;border:none;color:#fff;outline:none;padding:.5rem;position:relative}dialog#calendar::backdrop{background:rgba(0,38,62,.8)}dialog#calendar .close{align-items:center;border-radius:1rem;border:1px solid #405c6f;cursor:pointer;display:flex;font-size:14px;gap:1rem;line-height:1;margin:0 auto;padding:.5rem 1rem;width:8rem;margin-bottom:1rem}dialog#calendar .close:hover{background:#00263e}dialog#calendar .content{padding:2rem}dialog#calendar .content h2{text-align:center;margin:0 0 2rem 0}dialog#reschedule{min-width:40rem;background:#031725;border-radius:1rem;border:none;color:#fff;outline:none;padding:.5rem}dialog#reschedule::backdrop{background:rgba(0,38,62,.8)}dialog#reschedule .close{align-items:center;border-radius:1rem;border:1px solid #405c6f;cursor:pointer;display:flex;font-size:14px;gap:1rem;line-height:1;margin:0 auto;padding:.5rem 1rem;width:8rem;margin-bottom:1rem}dialog#reschedule .close:hover{background:#00263e}dialog#reschedule .content{padding:2rem}dialog#reschedule .content h2{text-align:center;margin:0 0 2rem 0}dialog#reschedule p{max-width:40rem}dialog#reschedule .button{outline:none !important}dialog#reschedule .buttons{margin:3rem 0 0 0;display:flex;gap:2rem;justify-content:center}.eyebrow-coach{color:linear-gradient(45deg, var(--pageGradientStop1, #ECA0FF), var(--pageGradientStop2, #AAB2FF));background:linear-gradient(45deg, var(--pageGradientStop1, #ECA0FF), var(--pageGradientStop2, #AAB2FF));background-clip:text;text-fill-color:rgba(0,0,0,0);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);text-transform:uppercase;font-size:14px;letter-spacing:1px}p.info{font-size:13px;border:1px solid #405c6f;background:rgba(3,23,37,.5);padding:.5rem 1rem .5rem 2rem;border-radius:1rem;line-height:13px;max-width:20rem;background-image:url("../images/icon-info.svg");background-repeat:no-repeat;background-position:.5rem center;background-size:1rem}#audioplayer{background:#031725;padding:2rem 2rem 0 2rem;border-radius:2rem;position:relative}#audioplayer img.cover{width:100%;height:auto}#audioplayer .controls{display:flex;align-items:center;justify-content:center;transform:translateY(-50%)}#audioplayer #unitaudio{width:232px;background:none;height:2rem;position:absolute;bottom:5rem;left:2rem;right:2rem}#audioplayer #unitaudio .vjs-big-play-button{display:none}#audioplayer .controls button{background:#fff;border:none;font-size:2rem;color:#000;padding:1rem;border-radius:3rem;width:3rem;height:3rem;display:flex;justify-content:center;align-items:center}#audioplayer .controls button:hover{background:linear-gradient(90deg, var(--pageGradientStop1) 0%, var(--pageGradientStop2) 100%);color:#fff}.notesheet{background:#031725;border-radius:2rem;min-height:50rem;padding:2rem}section.songs{display:block}table.songs{width:100%;margin:5rem 0}table.songs .stars-full{color:#fff}table.songs .stars-hollow{color:rgba(255,255,255,.2)}table.songs tr{display:grid;grid-template-columns:5rem 2fr 5rem 10rem 5rem 5rem;gap:1rem;align-items:center;padding:.5rem 1rem;border-radius:1rem}table.songs [data-tutorial] .covercell{position:relative}table.songs [data-tutorial] .covercell:before{content:" ";display:block;position:absolute;inset:0;background:rgba(0,38,62,.4);pointer-events:none}table.songs [data-tutorial] .covercell:after{content:" ";pointer-events:none;position:absolute;background:url("../images/icon-song-tutor.svg") no-repeat;background-position:center center;display:flex;align-items:center;justify-content:center;inset:0;border-radius:100%;background-size:2rem}table.songs .accessRestricted .covercell{position:relative}table.songs .accessRestricted .covercell:before{content:" ";display:block;position:absolute;inset:0;background:rgba(0,38,62,.5);pointer-events:none}table.songs .accessRestricted .covercell:after{content:" ";pointer-events:none;position:absolute;top:.5rem;right:.25rem;background:url("../images/badge-abo.svg") no-repeat;background-size:contain;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:100%;left:auto;bottom:auto}table.songs img{display:block}table.songs img.cover{width:5rem;height:5rem;-o-object-fit:cover;object-fit:cover}table.songs th{text-align:left}table.songs thead tr{border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:1rem;margin-bottom:1rem}table.songs thead th:last-child{text-align:right}table.songs tbody tr{cursor:pointer}table.songs tbody tr:hover{background:#031725}table.songs tbody td:last-child{text-align:right}table.songs a{text-decoration:none;color:#fff}.filter-type{margin:1rem 0;display:flex;gap:.5rem}.filter-type button{background:#031725;border-radius:1rem;border:1px solid #031725;color:#fff;padding:.25rem 1.5rem}.filter-stars{align-items:center;display:flex;gap:1rem;margin:1rem 0}.filter-stars button{background:#031725;border-radius:1rem;border:1px solid #031725;color:#fff;padding:.25rem 1.5rem}.filter-stars .stars{display:flex;gap:.25rem}.filter-stars .stars input{display:none}.filter-stars .stars label{font-size:1.5em;cursor:pointer}.filter-stars .stars label::before{content:"★";color:#fff}.filter-stars .stars input:checked+label::before{content:"★" !important;color:#fff !important}.filter-stars .stars input:checked~label::before{content:"☆";color:rgba(255,255,255,.2)}input.filter,select.filter{background:#031725;padding:.75rem 1.5rem;border-radius:1rem;border:none;color:#fff;width:100%;margin:1rem 0}body.songyt .controls{align-items:center;display:flex;gap:2rem;justify-content:space-between;margin-top:2rem}body.songyt .controls button{border:none;width:2.5rem;height:2.5rem;background:#fff;color:#031725;border-radius:100%;display:flex;align-items:center;justify-content:center;padding:0}body.songyt .controls button:hover{background:#fefefe}body.songyt .controls button:focus{transform:scale(0.95)}body.songyt .controls[data-state="-1"] button.play,body.songyt .controls[data-state="0"] button.play,body.songyt .controls[data-state="2"] button.play,body.songyt .controls[data-state="5"] button.play{display:flex}body.songyt .controls[data-state="-1"] button.pause,body.songyt .controls[data-state="0"] button.pause,body.songyt .controls[data-state="2"] button.pause,body.songyt .controls[data-state="5"] button.pause{display:none}body.songyt .controls[data-state="1"] button.play,body.songyt .controls[data-state="3"] button.play{display:none}body.songyt .controls[data-state="1"] button.pause,body.songyt .controls[data-state="3"] button.pause{display:flex}body.songyt .volume{align-items:center;display:flex;gap:.5rem}body.songyt .volume:hover progress{display:block}body.songyt .volume svg{width:2rem;height:2rem}body.songyt .volume progress{width:100%;background:#031725;border:none;height:.5rem;border-radius:1rem;display:none}body.songyt .volume progress::-moz-progress-bar,body.songyt .volume progress::-webkit-progress-value{background:#fff}body.songyt .progressbar{margin:.5rem 0}body.songyt .progressbar .time{display:flex;align-items:center;font-size:18px;padding:0;font-family:BreulGroteskA,Helvetica,Arial,sans-serif,sans-serif;opacity:.6}body.songyt .progressbar progress{width:100%;background:#031725;border:none;height:.5rem;border-radius:1rem}body.songyt .progressbar progress::-moz-progress-bar,body.songyt .progressbar progress::-webkit-progress-value{background:#fff}body.songyt .progressbar .progressLabel{display:inline;position:absolute;top:0;left:0;font-size:13px;font-weight:700;line-height:1.5em;padding:.5em .8em;background:rgba(0,0,0,.8);color:#fff;opacity:0;pointer-events:none;transition:opacity 250ms,top 250ms;transform:translateX(-50%)}body.songyt #musicsheet{border-radius:.5rem}body.songyt #musicsheet .measure-group{display:flex;border:none !important;opacity:1;outline:none !important}.userprofile .header{display:flex;gap:1rem;align-items:center}#subscription .box2{margin:0 0 3rem 0}#subscription .buttons{display:flex;gap:1rem;position:relative}#subscription #spinner{background:#00263e}.subscriptions{display:grid;grid-template-columns:repeat(3, 1fr);gap:2rem;margin:3rem 0}.subscriptions .subscription{background:#031725;padding:2rem;border-radius:2rem;margin:0;display:flex;flex-direction:column;border:2px solid rgba(0,0,0,0);position:relative;gap:1rem}.subscriptions .subscription.current{border:2px solid var(--pageGradientStop1)}.subscriptions .subscription.current:before{background:var(--pageGradientStop1);content:"Dein aktuelles Abo";height:1.5rem;left:2rem;position:absolute;top:-1.5rem;padding:0 2rem;color:#031725}.subscriptions .subscription .offerPrice{color:linear-gradient(90deg, #84FFC9 0%, #45CAFF 50%);background:linear-gradient(90deg, #84FFC9 0%, #45CAFF 50%);background-clip:text;text-fill-color:rgba(0,0,0,0);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);font-family:BreulGroteskA,Helvetica,Arial,sans-serif,sans-serif;display:inline-block}.subscriptions .subscription .offerLabel{color:linear-gradient(90deg, #84FFC9 0%, #45CAFF 50%);background:linear-gradient(90deg, #84FFC9 0%, #45CAFF 50%);background-clip:text;text-fill-color:rgba(0,0,0,0);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);font-family:BreulGroteskA,Helvetica,Arial,sans-serif,sans-serif;font-size:1.5rem}.subscriptions .subscription .offerText{position:relative;padding:1.5rem 0 0 0}.subscriptions .subscription .offerText:before{content:" ";background:linear-gradient(90deg, #84FFC9 0%, #45CAFF 50%);height:.5rem;display:block;position:absolute;left:0;right:0;top:0}.subscriptions .subscription .price{margin:0;display:flex;flex-direction:column;gap:0}.subscriptions .subscription .price .amount{font-size:3rem;line-height:3rem;font-family:BreulGroteskA,Helvetica,Arial,sans-serif,sans-serif}.subscriptions .subscription .price strike{font-size:1.5rem;opacity:.5;display:inline-block}.subscriptions .subscription ul{margin:0}.subscriptions .subscription .buttons{margin-top:auto;position:relative;display:flex;gap:1rem}.subscriptions .subscription button{justify-content:center;flex:1 0 auto}.payment{background:#031725;padding:2rem;border-radius:2rem;margin:4rem 0}.payment .label{font-size:1.5rem}.payment .item{margin:2rem 0;display:flex;align-items:center;gap:2rem;align-items:flex-start}.payment .icon img{width:5rem;height:auto}.payment .options{margin-left:auto}ul.invoices{margin:0;padding:0;list-style:none}ul.invoices li{display:grid;grid-template-columns:4fr 2fr 1fr 1fr;gap:1rem;padding:.5rem 1rem;align-items:center;background:rgba(3,23,37,.3)}ul.invoices li:hover{background:#031725}ul.invoices li svg{width:2rem;height:2rem}ul.invoices li div{flex:1 0 auto;display:flex;gap:1rem;align-items:center}form.profileimage{background:none}form.profileimage .images{height:8rem;width:8rem;position:relative;border-radius:8rem;overflow:hidden}form.profileimage .images:hover .uploadInfo{opacity:1}form.profileimage .uploadInfo{position:absolute;background:none;opacity:0;inset:0;z-index:3;pointer-events:none;background:rgba(3,23,37,.6);display:flex;justify-content:center;align-items:center;transition:all .3s ease-in-out}form.profileimage input[type=file]{cursor:pointer;position:absolute;background:none;opacity:.001;inset:0;z-index:3}form.profileimage .preview{position:absolute;inset:0;z-index:2}form.profileimage .preview img{border-radius:100%;display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}form.profileimage .current{align-items:center;background:#031725;border-radius:100%;display:flex;font-size:14px;justify-content:center;text-align:center;z-index:1;position:absolute;inset:0}form.profileimage .current img{width:8rem;height:8rem;border-radius:100%;display:block}form.profileimage .submit{margin:0;opacity:0;padding:0}form.profileimage .submit.visible{opacity:1}form.address .field-address{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}form.address .field-address .field:nth-child(1){flex:0 0 100%}form.address .field-address .field:nth-child(2){flex:0 0 10rem}form.address .field-address .field:nth-child(3){flex:1 0}form.address .field-address .field:nth-child(4){flex:0 0 100%}form.address select{background:#031725;border-radius:50px;border:1px solid rgba(255,255,255,.25);color:#fff;font-size:16px;padding:.75rem .75rem .75rem 3.5rem;width:100%}form.address select:focus,form.address select:focus-visible,form.address select:focus-within{background-color:#00263e !important;outline:none}form{position:relative;display:flex;flex-direction:column;gap:1rem;margin-top:3rem}form .field .error{font-style:italic;color:var(--color1, #f14262)}form .field .error:empty{margin:0;padding:0}form .field input{background:#031725;border-radius:50px;border:1px solid rgba(255,255,255,.25);color:#fff;font-size:16px;padding:.75rem .75rem .75rem 3.5rem;width:100%;font-family:IBMPlexSans,Helvetica,Arial,sans-serif,sans-serif}form .field input:focus{background-color:#00263e !important;outline:none}form .field input[type=date]{background:#031725 url("../images/icon-cake.svg") 1rem center no-repeat}form .field input[type=text]{background:#031725 url("../images/icon-user.svg") 1rem center no-repeat}form .field input[type=email]{background:#031725 url("../images/icon-email.svg") 1rem center no-repeat}form .field input[name^=password]{background:#031725 url("../images/icon-password.svg") 1rem center no-repeat}form .field input:placeholder{color:rgba(255,255,255,.6)}form .field.field-checkbox{display:flex;gap:1rem}form .field.field-checkbox input[type=checkbox]{width:1rem;height:1rem}form .field.field-password{position:relative}form .field.field-password.invalid input{outline:1px solid red !important}form .field.field-password button.password-button{background-color:rgba(0,0,0,0);background-image:url("../images/icon-eye.svg");background-position:center;background-repeat:no-repeat;background-size:1.5rem;border:none;height:3rem;position:absolute;right:0;top:0;width:3rem}form .field.field-password button.password-button.visible{background-image:url("../images/icon-eye-hidden.svg")}form .submit{display:flex;align-items:center;justify-content:space-between;margin-top:1rem}form .submit a{text-decoration:none;color:rgba(255,255,255,.6)}form .submit a:hover{color:#fff}form .info{color:rgba(255,255,255,.6);max-width:60ch;margin-top:2rem}form .info a{color:rgba(255,255,255,.6)}form .info a:hover{color:#fff}button[type=submit]{display:inline-flex;border-radius:2rem;padding:.75rem 1.25rem;cursor:pointer;text-decoration:none;color:#fff;font-family:IBMPlexSans,Helvetica,Arial,sans-serif,sans-serif;font-size:15px;line-height:20px;background:var(--color1, #f14262) linear-gradient(90deg, var(--pageGradientStop1, #ECA0FF) 0%, var(--pageGradientStop2, #AAB2FF) 100%);color:#031725;border:none;font-weight:normal}button[type=submit] [disabled]{pointer-events:none}button[type=submit]+a.button{margin:0 0 0 1rem}button[type=submit].button-primary{background:var(--color1, #f14262) linear-gradient(90deg, var(--pageGradientStop1, #ECA0FF) 0%, var(--pageGradientStop2, #AAB2FF) 100%);color:#031725;border:none;font-weight:normal}button[type=submit].button-primary:hover{background:#fff;color:#00263e}button[type=submit].button-secondary{background:none;color:#fff;border:none;border:1px solid #fff}button[type=submit].button-secondary:hover{background:#fff;color:#00263e;border:1px solid #fff}button[type=submit].button-disabled{pointer-events:none;background:none;border:1px solid rgba(255,255,255,.5);color:rgba(255,255,255,.5)}button[type=submit]:hover{background:#fff;color:#00263e}.musicstyles{display:grid;grid-template-columns:repeat(3, 1fr);gap:1rem}.checkbox{height:1.5rem;display:flex;gap:1rem;position:relative;padding-left:2.5rem;cursor:pointer;font-size:22px;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;width:100%}.checkbox input{position:absolute;opacity:0;cursor:pointer;inset:0;z-index:2;width:1.5rem;height:1.5rem;margin:0}.checkbox input:hover~.checkmark{background-color:#ccc}.checkbox input:checked~.checkmark{background-color:var(--color1, #f14262)}.checkbox input:checked~.checkmark:after{display:block}.checkbox label{font-weight:400;line-height:1.25rem;font-size:1rem;display:block;min-width:10rem}.checkbox .checkmark{position:absolute;top:0;left:0;height:1.5rem;width:1.5rem;background-color:#eee;border-radius:.25rem}.checkbox .checkmark:after{content:"";position:absolute;display:none;left:9px;top:5px;width:5px;height:10px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg)}#player{position:relative;border-radius:1rem;overflow:hidden}@media(max-width: 768px){#player #unitvideo{width:100% !important;aspect-ratio:16/9;height:auto}}#player .tutorialButton{align-items:center;color:rgba(255,255,255,.25);cursor:pointer;display:flex;font-family:BreulGroteskA,Helvetica,Arial,sans-serif,sans-serif;font-size:1rem;height:2rem;justify-content:center;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(0.17, 0.67, 0.83, 0.67);width:2rem;z-index:10}#player .tutorialButton:hover{color:rgba(255,255,255,.7)}#player dialog#videotutorial{min-width:40rem;background:#031725;border-radius:1rem;border:none;color:#fff;outline:none;padding:.5rem;display:none;flex-direction:column;gap:2rem;align-items:center;padding:2rem;width:50rem;max-width:90vw}#player dialog#videotutorial::backdrop{background:rgba(0,38,62,.8)}#player dialog#videotutorial .close{align-items:center;border-radius:1rem;border:1px solid #405c6f;cursor:pointer;display:flex;font-size:14px;gap:1rem;line-height:1;margin:0 auto;padding:.5rem 1rem;width:8rem;margin-bottom:1rem}#player dialog#videotutorial .close:hover{background:#00263e}#player dialog#videotutorial .content{padding:2rem}#player dialog#videotutorial .content h2{text-align:center;margin:0 0 2rem 0}@media(max-width: 768px){#player dialog#videotutorial{padding:1rem;height:100vh;width:100vw;min-width:auto;max-width:none;margin:0}}#player dialog#videotutorial[open]{display:flex}#player dialog#videotutorial h2,#player dialog#videotutorial h3{color:#fff;text-fill-color:unset;-webkit-text-fill-color:unset}#player dialog#videotutorial .content{display:flex;gap:2rem;align-items:center;padding:0;width:100%}#player dialog#videotutorial .content .arrow{flex:0 0 2rem}@media(max-width: 768px){#player dialog#videotutorial .content .arrow{flex:0 0 1rem}}#player dialog#videotutorial .content .slides{flex:1 1 auto}#player dialog#videotutorial .arrow{opacity:1;pointer-events:all}#player dialog#videotutorial .arrow.hidden{opacity:0;pointer-events:none}#player dialog#videotutorial .slide{display:none}#player dialog#videotutorial .slide img{background:#00263e;width:600px;height:auto;-o-object-fit:contain;object-fit:contain}@media(max-width: 768px){#player dialog#videotutorial .slide img{width:100%;height:auto}}#player dialog#videotutorial .slide.active{display:block}#player dialog#videotutorial .dots{display:flex;gap:.5rem}#player dialog#videotutorial .dots .dot{width:1.5rem;height:.25rem;border-radius:1rem;background:rgba(255,255,255,.3)}#player dialog#videotutorial .dots .dot.active{background:#fff}#player dialog#videotutorial button{background:none;color:#fff;border:none;border:1px solid #fff}#player dialog#videotutorial button:hover{background:#fff;color:#00263e;border:1px solid #fff}#player .vjs-poster img{-o-object-fit:cover;object-fit:cover}#player .vjs-big-play-button{background:rgba(3,23,37,.5);position:absolute;inset:0;margin:0;padding:0;width:100%;height:100%;border:none}#player .vjs-big-play-button:after{border-radius:6rem;height:6rem;width:6rem;background:url("../images/button-play-big.svg") center center no-repeat;background-size:100% 100%;border:none;margin:0;transform:translateX(-50%) translateY(-50%);content:" ";position:absolute;left:50%}#player .vjs-big-play-button .vjs-icon-placeholder,#player .vjs-big-play-button .vjs-control-text{display:none}#player .vjs-time-control{display:flex;align-items:center;font-size:18px;padding:0;font-family:BreulGroteskA,Helvetica,Arial,sans-serif,sans-serif;opacity:.6}#player .vjs-remaining-time{display:none}#player .vjs-time-divider{padding:0;min-width:0}#player .vjs-control-bar{background:#031725;height:3rem;align-items:center;padding:0 1rem;gap:1rem}@media(max-width: 768px){#player .vjs-control-bar{display:grid;grid-template-columns:repeat(12, 1fr);grid-template-rows:2rem 2rem;gap:.5rem;height:4.5rem}#player .vjs-control-bar .vjs-play-control{grid-column:1}#player .vjs-control-bar .vjs-volume-panel{grid-column:2}#player .vjs-control-bar .vjs-current-time{grid-column:10}#player .vjs-control-bar .vjs-time-divider{grid-column:11;display:flex;justify-content:center}#player .vjs-control-bar .vjs-duration{grid-column:12}#player .vjs-control-bar .vjs-progress-control{grid-column:1/span 8;width:100%}#player .vjs-control-bar .vjs-playback-rate{grid-column:11}#player .vjs-control-bar .vjs-playback-rate .vjs-playback-rate-value{line-height:2rem !important}#player .vjs-control-bar .standalone{grid-column:12}}#player .vjs-control-bar .vjs-play-control{height:1.5rem;width:1.5rem;border-radius:0;background:url("../images/button-play.svg") center center no-repeat;background-size:100% 100%}#player .vjs-control-bar .vjs-play-control.vjs-playing{background:url("../images/button-pause.svg") center center no-repeat}#player .vjs-control-bar .vjs-play-control .vjs-icon-placeholder,#player .vjs-control-bar .vjs-play-control .vjs-control-text{display:none}#player .vjs-control-bar button.standalone{padding:0}#player .vjs-volume-control{background:linear-gradient(90deg, var(--pageGradientStop1) 0%, var(--pageGradientStop2) 100%);border-radius:1rem;bottom:11rem;height:10rem}#player .vjs-volume-control .vjs-volume-bar{background:rgba(255,255,255,.5);height:8rem;margin:1rem auto}#player .vjs-volume-panel .vjs-mute-control{background-position:center;background-repeat:no-repeat;background-size:24px;background-image:url("../images/icon-vol-1.svg")}#player .vjs-volume-panel .vjs-mute-control span{display:none}#player .vjs-volume-panel .vjs-mute-control.vjs-vol-0{background-image:url("../images/icon-vol-0.svg")}#player .vjs-volume-panel .vjs-mute-control.vjs-vol-1{background-image:url("../images/icon-vol-1.svg")}#player .vjs-volume-panel .vjs-mute-control.vjs-vol-2{background-image:url("../images/icon-vol-2.svg")}#player .vjs-volume-panel .vjs-mute-control.vjs-vol-3{background-image:url("../images/icon-vol-3.svg")}#player .vjs-playback-rate .vjs-playback-rate-value{line-height:3rem}#player .vjs-playback-rate .vjs-menu{bottom:1rem;right:.5rem;left:auto}#player .vjs-playback-rate .vjs-menu-content{border-radius:1rem;background:linear-gradient(90deg, var(--pageGradientStop1) 0%, var(--pageGradientStop2) 100%);max-height:none;width:auto}#player .vjs-playback-rate .vjs-menu-item{padding:.5rem 1rem !important;font-weight:700;font-size:14px}#player rem .vjs-progress-holder{height:16px;background:#031725}#player rem .vjs-progress-holder .vjs-load-progress,#player rem .vjs-progress-holder .vjs-load-progress div,#player rem .vjs-progress-holder .vjs-play-progress{height:4px;top:12px}section.player.standalone{position:fixed;background:#031725;max-width:100vw;inset:0;z-index:100;padding:1rem}section.player.standalone .column:nth-child(1),section.player.standalone .column:nth-child(2),section.player.standalone .column:nth-child(4){display:none}section.player.standalone .column:nth-child(3){grid-column:span 12}section.player.standalone #player{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;height:calc(100dvh - 2rem);align-items:center}section.player.standalone #devnull{display:none}.payment-plans .selector{display:flex;justify-content:center}@media(max-width: 768px){.payment-plans .selector{flex-direction:column;margin-bottom:3rem}}.payment-plans .selector button{background:#031725;border-radius:0;border:none;min-width:10rem;justify-content:center;padding:.5rem}.payment-plans .selector button:first-child{border-top-left-radius:2rem;border-bottom-left-radius:2rem}@media(max-width: 768px){.payment-plans .selector button:first-child{border-top-left-radius:2rem;border-top-right-radius:2rem;border-bottom-left-radius:0}}.payment-plans .selector button:last-child{border-top-right-radius:2rem;border-bottom-right-radius:2rem}@media(max-width: 768px){.payment-plans .selector button:last-child{border-top-right-radius:0;border-bottom-left-radius:2rem;border-bottom-right-radius:2rem}}.payment-plans .selector button.active{background:var(--color1, #f14262) linear-gradient(90deg, var(--pageGradientStop1, #ECA0FF) 0%, var(--pageGradientStop2, #AAB2FF) 100%);color:#031725}.payment-plans .cards{display:grid;grid-template-columns:repeat(12, 1fr);gap:2rem;margin:5rem 0 0 0}@media(max-width: 768px){.payment-plans .cards{margin:1rem 0;display:flex;flex-direction:column;gap:2rem}}.payment-plans .cards .plan{background:#031725;border-radius:1rem;display:none;flex-direction:column;grid-column:span 4;padding:2rem;border:2px solid rgba(0,0,0,0);position:relative}.payment-plans .cards .plan.visible{display:flex}.payment-plans .cards .plan.offer{border:2px solid #45caff}.payment-plans .cards .plan.offer:before{background:linear-gradient(90deg, #84FFC9 0%, #45CAFF 50%);content:attr(data-offer-label);height:1.5rem;left:2rem;position:absolute;top:-1.5rem;padding:0 2rem;color:#031725}.payment-plans .cards .plan.offer .name{color:linear-gradient(90deg, #84FFC9 0%, #45CAFF 50%);background:linear-gradient(90deg, #84FFC9 0%, #45CAFF 50%);background-clip:text;text-fill-color:rgba(0,0,0,0);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);font-family:BreulGroteskA,Helvetica,Arial,sans-serif,sans-serif;display:inline-block}.payment-plans .cards .plan .name{color:linear-gradient(45deg, var(--pageGradientStop1, #ECA0FF), var(--pageGradientStop2, #AAB2FF));background:linear-gradient(45deg, var(--pageGradientStop1, #ECA0FF), var(--pageGradientStop2, #AAB2FF));background-clip:text;text-fill-color:rgba(0,0,0,0);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);font-size:2rem;font-family:BreulGroteskA,Helvetica,Arial,sans-serif,sans-serif}.payment-plans .cards .plan.current{border:2px solid var(--pageGradientStop1)}.payment-plans .cards .plan.current:before{background:var(--pageGradientStop1);content:"Dein aktuelles Abo";height:1.5rem;left:2rem;position:absolute;top:-1.5rem;padding:0 2rem;color:#031725}.payment-plans .cards .plan .price .amount{align-items:baseline;display:flex;font-family:BreulGroteskA,Helvetica,Arial,sans-serif,sans-serif;font-size:3rem;gap:1rem}@media(max-width: 768px){.payment-plans .cards .plan .price .amount{flex-direction:column}}.payment-plans .cards .plan .price .amount strike{font-size:1.5rem;opacity:.5}.payment-plans .cards .plan .price .offerPrice{color:linear-gradient(90deg, #84FFC9 0%, #45CAFF 50%);background:linear-gradient(90deg, #84FFC9 0%, #45CAFF 50%);background-clip:text;text-fill-color:rgba(0,0,0,0);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);font-family:BreulGroteskA,Helvetica,Arial,sans-serif,sans-serif;display:inline-block}.payment-plans .cards .plan .options{padding-top:2rem;margin-top:auto}.payment-plans .cards .plan .options a,.payment-plans .cards .plan .options button{background:none;color:#fff;border:none;border:1px solid #fff;cursor:pointer;justify-content:center;text-decoration:none;width:100%}.payment-plans .cards .plan .options a:hover,.payment-plans .cards .plan .options button:hover{background:#fff;color:#00263e;border:1px solid #fff}.payment-plans .cards .plan .options small{padding:.5rem 0 0 0;opacity:.45;display:block;text-align:center}.payment-mandates{margin:3rem 0;display:flex;flex-direction:column;gap:2rem}.payment-mandates .mandate{display:grid;grid-template-columns:4rem 1fr 1fr;gap:1rem;align-items:center}@media(max-width: 768px){.payment-mandates .mandate{grid-template-columns:2rem 1fr;grid-template-rows:auto auto}}.payment-mandates .mandate img,.payment-mandates .mandate svg{display:block;height:auto;width:100%}.payment-mandates .mandate .options{display:flex;gap:1rem;justify-content:flex-end}@media(max-width: 768px){.payment-mandates .mandate .options{grid-column:span 2}}.payment-mandates .mandate .options .default-mandate{background:var(--color1, #f14262) linear-gradient(90deg, var(--pageGradientStop1, #ECA0FF) 0%, var(--pageGradientStop2, #AAB2FF) 100%);align-items:center;border-radius:1rem;color:#000;display:flex;font-size:15px;line-height:20px;padding:.5rem .75rem}@media(max-width: 768px){.payment-mandates .mandate .options .default-mandate{font-size:12px;line-height:1.4}}@media(max-width: 768px){.payment-mandates .mandate .options a{font-size:12px;line-height:1.4}}.payment-mandates .mandate form{margin:0;padding:0}.payment-mandates .mandate form button{padding:.5rem .75rem;background:none;color:#fff;border:none;border:1px solid #fff}.payment-mandates .mandate form button:hover{background:#fff;color:#00263e;border:1px solid #fff}.payments-overview{margin:3rem 0;display:flex;flex-direction:column;gap:1rem}@media(max-width: 768px){.payments-overview{gap:3rem}}.payments-overview .payment-item{display:grid;grid-template-columns:2fr 2fr 1fr 2rem;gap:1rem}@media(max-width: 768px){.payments-overview .payment-item{display:flex;flex-direction:column;gap:0}.payments-overview .payment-item:first-child{display:none}.payments-overview .payment-item svg{width:3rem;height:3rem}}form.payment{margin:0;padding:0}form.payment button[disabled]{background:rgba(255,255,255,.6);pointer-events:none;cursor:no-drop}form.payment input[name=iban]:empty,form.payment input[name=bic]:empty{outline:none}form.payment input[name=iban]:not(.valid),form.payment input[name=bic]:not(.valid){outline:1px solid red}form.payment input[name=iban].valid,form.payment input[name=bic].valid{outline:1px solid green}form.payment input.voucher{background:#031725;border-radius:50px;border:1px solid rgba(255,255,255,.25);color:#fff;font-family:IBMPlexSans,Helvetica,Arial,sans-serif,sans-serif;font-size:16px;padding:.75rem .75rem .75rem 3.5rem;width:100%;text-transform:uppercase}form.payment input.voucher:placeholder{text-transform:none}form.payment input.voucher:focus{background-color:#00263e !important;outline:none}dialog#plan,dialog#missingpayment,dialog#mandate,dialog#newmandate,dialog#booking,dialog#extend{min-width:60rem;max-width:75rem;background:none;border:none;outline:none}@media(max-width: 768px){dialog#plan,dialog#missingpayment,dialog#mandate,dialog#newmandate,dialog#booking,dialog#extend{max-width:100vw;min-width:auto}}dialog#plan::backdrop,dialog#missingpayment::backdrop,dialog#mandate::backdrop,dialog#newmandate::backdrop,dialog#booking::backdrop,dialog#extend::backdrop{background:rgba(0,38,62,.8)}dialog#plan .close,dialog#missingpayment .close,dialog#mandate .close,dialog#newmandate .close,dialog#booking .close,dialog#extend .close{align-items:center;border-radius:1rem;border:1px solid #405c6f;cursor:pointer;display:flex;font-size:14px;gap:1rem;line-height:1;margin:0 auto;padding:.5rem 1rem;width:8rem;background:#031725;margin-top:1rem;color:#fff}dialog#plan .close:hover,dialog#missingpayment .close:hover,dialog#mandate .close:hover,dialog#newmandate .close:hover,dialog#booking .close:hover,dialog#extend .close:hover{background:#00263e}dialog#plan .content,dialog#missingpayment .content,dialog#mandate .content,dialog#newmandate .content,dialog#booking .content,dialog#extend .content{background:#031725;border-radius:1rem;border:none;color:#fff;display:grid;gap:2rem;grid-template-columns:1fr 2fr;outline:none;padding:2rem}@media(max-width: 768px){dialog#plan .content,dialog#missingpayment .content,dialog#mandate .content,dialog#newmandate .content,dialog#booking .content,dialog#extend .content{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}}dialog#plan .content h1,dialog#missingpayment .content h1,dialog#mandate .content h1,dialog#newmandate .content h1,dialog#booking .content h1,dialog#extend .content h1{grid-column:span 2}dialog#plan .content .success,dialog#missingpayment .content .success,dialog#mandate .content .success,dialog#newmandate .content .success,dialog#booking .content .success,dialog#extend .content .success{grid-column:span 2}dialog#plan .content strong,dialog#missingpayment .content strong,dialog#mandate .content strong,dialog#newmandate .content strong,dialog#booking .content strong,dialog#extend .content strong{color:linear-gradient(45deg, var(--pageGradientStop1, #ECA0FF), var(--pageGradientStop2, #AAB2FF));background:linear-gradient(45deg, var(--pageGradientStop1, #ECA0FF), var(--pageGradientStop2, #AAB2FF));background-clip:text;text-fill-color:rgba(0,0,0,0);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}dialog#plan .content form,dialog#missingpayment .content form,dialog#mandate .content form,dialog#newmandate .content form,dialog#booking .content form,dialog#extend .content form{margin:0;padding:0}dialog#plan .content form p,dialog#missingpayment .content form p,dialog#mandate .content form p,dialog#newmandate .content form p,dialog#booking .content form p,dialog#extend .content form p{margin:0 0 1rem 0}dialog#plan .content strike,dialog#missingpayment .content strike,dialog#mandate .content strike,dialog#newmandate .content strike,dialog#booking .content strike,dialog#extend .content strike{opacity:.5}dialog#plan .content .smallprint,dialog#missingpayment .content .smallprint,dialog#mandate .content .smallprint,dialog#newmandate .content .smallprint,dialog#booking .content .smallprint,dialog#extend .content .smallprint{font-size:11px;line-height:1.2;opacity:.5}dialog#plan .content input[type=text],dialog#missingpayment .content input[type=text],dialog#mandate .content input[type=text],dialog#newmandate .content input[type=text],dialog#booking .content input[type=text],dialog#extend .content input[type=text]{background:#031725;border-radius:50px;border:1px solid rgba(255,255,255,.25);color:#fff;font-family:IBMPlexSans,Helvetica,Arial,sans-serif,sans-serif;font-size:16px;padding:.5rem;width:100%}dialog#plan .content input[type=text]+input,dialog#missingpayment .content input[type=text]+input,dialog#mandate .content input[type=text]+input,dialog#newmandate .content input[type=text]+input,dialog#booking .content input[type=text]+input,dialog#extend .content input[type=text]+input{margin:1rem 0 0 0}dialog#plan .content input[type=text][name=iban],dialog#plan .content input[type=text][name=bic],dialog#missingpayment .content input[type=text][name=iban],dialog#missingpayment .content input[type=text][name=bic],dialog#mandate .content input[type=text][name=iban],dialog#mandate .content input[type=text][name=bic],dialog#newmandate .content input[type=text][name=iban],dialog#newmandate .content input[type=text][name=bic],dialog#booking .content input[type=text][name=iban],dialog#booking .content input[type=text][name=bic],dialog#extend .content input[type=text][name=iban],dialog#extend .content input[type=text][name=bic]{background-image:none;background-position:right center;background-repeat:no-repeat}dialog#plan .content input[type=text][name=iban]:empty,dialog#plan .content input[type=text][name=bic]:empty,dialog#missingpayment .content input[type=text][name=iban]:empty,dialog#missingpayment .content input[type=text][name=bic]:empty,dialog#mandate .content input[type=text][name=iban]:empty,dialog#mandate .content input[type=text][name=bic]:empty,dialog#newmandate .content input[type=text][name=iban]:empty,dialog#newmandate .content input[type=text][name=bic]:empty,dialog#booking .content input[type=text][name=iban]:empty,dialog#booking .content input[type=text][name=bic]:empty,dialog#extend .content input[type=text][name=iban]:empty,dialog#extend .content input[type=text][name=bic]:empty{border:2px solid rgba(255,255,255,.25)}dialog#plan .content input[type=text][name=iban]:not(.valid),dialog#plan .content input[type=text][name=bic]:not(.valid),dialog#missingpayment .content input[type=text][name=iban]:not(.valid),dialog#missingpayment .content input[type=text][name=bic]:not(.valid),dialog#mandate .content input[type=text][name=iban]:not(.valid),dialog#mandate .content input[type=text][name=bic]:not(.valid),dialog#newmandate .content input[type=text][name=iban]:not(.valid),dialog#newmandate .content input[type=text][name=bic]:not(.valid),dialog#booking .content input[type=text][name=iban]:not(.valid),dialog#booking .content input[type=text][name=bic]:not(.valid),dialog#extend .content input[type=text][name=iban]:not(.valid),dialog#extend .content input[type=text][name=bic]:not(.valid){border:2px solid rgba(255,255,255,.15)}dialog#plan .content input[type=text][name=iban].valid,dialog#plan .content input[type=text][name=bic].valid,dialog#missingpayment .content input[type=text][name=iban].valid,dialog#missingpayment .content input[type=text][name=bic].valid,dialog#mandate .content input[type=text][name=iban].valid,dialog#mandate .content input[type=text][name=bic].valid,dialog#newmandate .content input[type=text][name=iban].valid,dialog#newmandate .content input[type=text][name=bic].valid,dialog#booking .content input[type=text][name=iban].valid,dialog#booking .content input[type=text][name=bic].valid,dialog#extend .content input[type=text][name=iban].valid,dialog#extend .content input[type=text][name=bic].valid{border:2px solid #45caff;background-image:url("../images/icon-payment-checkmark.svg")}dialog#plan .content input[type=text][name=voucher],dialog#missingpayment .content input[type=text][name=voucher],dialog#mandate .content input[type=text][name=voucher],dialog#newmandate .content input[type=text][name=voucher],dialog#booking .content input[type=text][name=voucher],dialog#extend .content input[type=text][name=voucher]{text-align:center}dialog#plan .content input[type=text]:focus,dialog#missingpayment .content input[type=text]:focus,dialog#mandate .content input[type=text]:focus,dialog#newmandate .content input[type=text]:focus,dialog#booking .content input[type=text]:focus,dialog#extend .content input[type=text]:focus{background-color:#00263e !important;outline:none}dialog#plan .content .bankname,dialog#missingpayment .content .bankname,dialog#mandate .content .bankname,dialog#newmandate .content .bankname,dialog#booking .content .bankname,dialog#extend .content .bankname{padding:.5rem;font-size:12px;opacity:.5rem}dialog#plan .content .buttons,dialog#missingpayment .content .buttons,dialog#mandate .content .buttons,dialog#newmandate .content .buttons,dialog#booking .content .buttons,dialog#extend .content .buttons{display:flex;gap:1rem}dialog#plan .content button,dialog#missingpayment .content button,dialog#mandate .content button,dialog#newmandate .content button,dialog#booking .content button,dialog#extend .content button{justify-content:center}dialog#missingpayment .content{display:flex;flex-direction:column}.paymentOptions{display:flex;flex-direction:column;gap:.5rem}.paymentTile{border:1px solid rgba(255,255,255,.15);padding:1rem;border-radius:1rem;display:flex;flex-direction:column;gap:1rem}.paymentTile .details{display:none}.paymentTile .label{display:flex;gap:1rem;align-items:center}.paymentTile .label:before{display:block;content:" ";border-radius:1rem;border:1px solid rgba(255,255,255,.25);width:1rem;height:1rem}.paymentTile.active{border:1px solid #fff}.paymentTile.active .label:before{border:1px solid #fff;background:radial-gradient(#ffffff 0%, #ffffff 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 100%)}.paymentTile.active .details{display:block}.paymentTile input[name=voucher]:not(:-moz-placeholder-shown){text-transform:uppercase}.paymentTile input[name=voucher]:not(:placeholder-shown){text-transform:uppercase}.paymentTile input[name=voucher]::-moz-placeholder{text-transform:none}.paymentTile input[name=voucher]:placeholder,.paymentTile input[name=voucher]::placeholder{text-transform:none}.purchase-result{border-radius:1rem;background:#031725 url("../images/background-purchaseresult.svg") 0 -5rem no-repeat;background-size:100% auto;display:block;position:relative;padding:15rem 5rem 5rem 5rem}@media(max-width: 768px){.purchase-result{background:#031725 url("../images/background-purchaseresult.svg") 0 -2rem no-repeat;background-size:100% auto;padding:10rem 1.5rem 3rem 1.5rem}.purchase-result .button{justify-content:center}}.purchase-result:before{content:url("../images/badge.svg");display:block;position:absolute;right:2rem;bottom:2rem}@media(max-width: 768px){.purchase-result:before{top:1rem;right:1rem}}.offerText{background:linear-gradient(0deg, #84FFC9 0%, #45CAFF 100%);width:calc(100% + 2rem);border-radius:1rem;margin:-1rem;color:#031725;padding:1rem;margin-top:2rem}.offerText h2{-webkit-text-fill-color:#031725;text-fill-color:#031725;margin:0 0 1rem 0;text-align:center}.offerText ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:1rem}.offerText li{background:url("../images/li-price-darkblue.svg") 0 0 no-repeat;padding:0 0 0 2rem}[data-method=applepay]{display:none}@media screen and (-webkit-min-device-pixel-ratio: 0){body.safari [data-method=applepay]{display:block}}dialog#newmandate{min-width:40rem;max-width:40rem}dialog#newmandate .content{display:block}body.cookiebanner{overflow:hidden}#cookiebanner{align-items:flex-end;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);bottom:0;display:flex;font-size:12px;left:0;line-height:1.4;padding:0;position:fixed;right:0;top:0;z-index:10}#cookiebanner.hidden{display:none}#cookiebanner .inner{background:rgba(1,8,13,.8);display:flex;gap:2rem;border-radius:.5rem;margin:1rem auto;max-width:80rem;padding:2rem;justify-content:space-between}@media(max-width: 768px){#cookiebanner .inner{flex-direction:column;margin:0;max-width:100vw}}#cookiebanner .inner p{margin:0 0 1rem 0;padding:0}#cookiebanner .content{max-height:90vh;overflow:auto}#cookiebanner .customizer{bottom:100%;font-size:12px;height:auto;max-height:0;overflow:hidden;transition:all .5s ease-in-out}#cookiebanner .customizer.active{max-height:100vh}@media(max-width: 768px){#cookiebanner .customizer.active{max-height:50vh;overflow:auto}}#cookiebanner .customizer .options{max-width:80rem;padding:2rem;margin:0 auto}#cookiebanner .customizer .options .field{margin:1rem 0 0 0;display:grid;grid-template-columns:15rem auto}@media(max-width: 768px){#cookiebanner .customizer .options .field{display:flex;flex-direction:column;gap:1rem}}#cookiebanner .customizer .options input{position:absolute;opacity:0;cursor:pointer;inset:0;z-index:2;width:1.5rem;height:1.5rem;margin:0}#cookiebanner .customizer .options label{font-weight:700;line-height:1.5rem;font-size:1rem;display:block;min-width:10rem}#cookiebanner .customizer .options .checkbox{height:1.5rem;width:1.5rem;display:inline;position:relative;padding-left:2.5rem;cursor:pointer;font-size:22px;-webkit-user-select:none;-moz-user-select:none;user-select:none}#cookiebanner .customizer .options .checkmark{position:absolute;top:0;left:0;height:1.5rem;width:1.5rem;background-color:#eee;border-radius:.25rem}#cookiebanner .customizer .options input:hover~.checkmark{background-color:#ccc}#cookiebanner .customizer .options input:checked~.checkmark{background-color:var(--color1, #f14262)}#cookiebanner .customizer .options .checkmark:after{content:"";position:absolute;display:none}#cookiebanner .customizer .options input:checked~.checkmark:after{display:block}#cookiebanner .customizer .options .checkmark:after{left:9px;top:5px;width:5px;height:10px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg)}#cookiebanner .buttons{display:flex;gap:1rem;align-items:flex-start}@media(max-width: 768px){#cookiebanner .buttons{flex-direction:column;align-items:stretch}}#cookiebanner button{display:inline-flex;border-radius:2rem;padding:.75rem 1.25rem;cursor:pointer;text-decoration:none;color:#fff;font-family:IBMPlexSans,Helvetica,Arial,sans-serif,sans-serif;font-size:15px;line-height:20px;white-space:pre}#cookiebanner button [disabled]{pointer-events:none}#cookiebanner button+a.button{margin:0 0 0 1rem}#cookiebanner button.button-primary{background:var(--color1, #f14262) linear-gradient(90deg, var(--pageGradientStop1, #ECA0FF) 0%, var(--pageGradientStop2, #AAB2FF) 100%);color:#031725;border:none;font-weight:normal}#cookiebanner button.button-primary:hover{background:#fff;color:#00263e}#cookiebanner button.button-secondary{background:none;color:#fff;border:none;border:1px solid #fff}#cookiebanner button.button-secondary:hover{background:#fff;color:#00263e;border:1px solid #fff}#cookiebanner button.button-disabled{pointer-events:none;background:none;border:1px solid rgba(255,255,255,.5);color:rgba(255,255,255,.5)}@media(max-width: 768px){#cookiebanner button{justify-content:center}}#sheet-editor{margin-top:2rem;z-index:0}#sheet-editor .options{position:sticky;top:10rem}#sheet-editor .timings{display:flex;gap:1rem;flex-direction:column;margin:0 0 2rem 0}#sheet-editor .timings .field{display:grid;grid-template-columns:2fr 1fr}#sheet-editor .timings input{background:#031725;padding:.25rem;font-size:1rem;border:none;border-radius:.25rem;color:#fff;width:100%}#sheet-editor .timings input.invalid{color:red}#sheet-editor .loops{display:flex;gap:1rem}#sheet-editor .loops button{flex-grow:0;flex-shrink:0;flex-basis:0}#sheet-editor #sheet{border-radius:1rem}#sheet-editor #sheet .measure-group{background:#031725;display:inline-block;min-width:50%;display:flex;flex-wrap:wrap;margin:0 0 2.5rem 0;position:relative;border:2px solid #031725;border-radius:.5rem}#sheet-editor #sheet .measure-group:hover{border:2px solid #aab2ff}#sheet-editor #sheet .measure-group.active{border:2px solid #eca0ff}#sheet-editor #sheet .measure-group:first-of-type .measure:first-child button.mergeSplit{display:none}#sheet-editor #sheet .measure-group.copy{background:repeating-linear-gradient(-45deg, #031a2a 0rem, #031a2a 2rem, #042033 2rem, #042033 4rem)}#sheet-editor #sheet .measure-group.copy button.mergeSplit{display:none}#sheet-editor #sheet .measure-group:before{content:attr(data-before);display:block;color:rgba(255,255,255,.5);top:-1.6rem;left:0;position:absolute}#sheet-editor #sheet .measure-group:after{content:attr(data-after);display:block;color:rgba(255,255,255,.5);right:0rem;top:-1.6rem;position:absolute}#sheet-editor #sheet .measure-group button.delete{position:absolute;top:-1rem;width:2rem;height:2rem;padding:0;right:-1rem;z-index:2}#sheet-editor #sheet .measure{display:inline-block;border:2px solid #031725;padding:1rem;border-radius:.5rem;cursor:pointer;position:relative;flex:1 0 auto}#sheet-editor #sheet .measure:before{position:absolute;bottom:0;left:.5rem;content:attr(data-before);color:rgba(255,255,255,.5);font-style:italic;display:inline-block}#sheet-editor #sheet .measure:after{position:absolute;bottom:1rem;right:1rem;content:attr(data-after);color:rgba(255,255,255,.5);font-style:italic;display:inline-block}#sheet-editor #sheet .measure:first-child button.mergeSplit{background:#0c0;cursor:cell}#sheet-editor #sheet .measure:not(:first-child):before{display:none}#sheet-editor #sheet .measure:not(:first-child):after{display:none}#sheet-editor #sheet .measure .numbering{font-size:12px;color:#fff;opacity:.5}#sheet-editor #sheet .measure button.mergeSplit{background:#c00;cursor:col-resize;color:#000;z-index:10;opacity:.25;display:block;height:1.5rem;margin:0;padding:0;position:absolute;left:-0.75rem;top:50%;width:1.5rem;transform:translateY(-50%)}#sheet-editor #sheet .measure button.mergeSplit:hover{opacity:1}#sheet-editor #sheet .measure svg{width:100%;height:100%}#sheet-editor #sheet .measure .note{fill:#fff}#sheet-editor .line{padding:1rem}#sheet-editor button{background:#031725;padding:.5rem 1rem;border:none;text-align:center;display:flex;align-items:center;justify-content:center;gap:1rem;width:100%;margin:0 0 1rem 0}#sheet-editor button svg{width:1.5rem;height:1.5rem}#sheet-editor button:hover{background:var(--color1, #f14262)}