.phst-header{align-items:flex-start;display:flex;flex-direction:column;gap:20px;overflow:hidden;position:relative}.phst-header>div{width:100%}@media (max-width:991px){.phst-header .phst-header-content{padding-right:25px}}@media (min-width:768px){.phst-header{display:grid;gap:0;grid-template-columns:minmax(0,390px) 1fr}}@media (min-width:992px){.phst-header{grid-template-columns:minmax(0,490px) 1fr}}@media (min-width:1200px){.phst-header{grid-template-columns:minmax(0,620px) 1fr}}@media (min-width:1400px){.phst-header{grid-template-columns:minmax(0,720px) 1fr}}.phst-header .phst-header-video-wrapper{aspect-ratio:1/1;width:calc(100% + 70px)}.phst-header .phst-header-video-wrapper .phst-header-video>div{position:relative}.phst-header .phst-header-video-wrapper .phst-header-video>div .services__wrapper{position:absolute}@media (max-width:991px){.phst-header .phst-header-video-wrapper{margin-left:50px;width:100%}}.phst-header .phst-header-video{aspect-ratio:1;margin-right:-100px;overflow:hidden;width:100%}.phst-header .phst-header-video>div{height:100%;width:100%}.phst-header .phst-header-video .media-wrapper{border-radius:50%;height:100%;overflow:hidden;position:relative;width:100%}.phst-header .phst-header-video .phst-header-poster{height:100%;inset:0;object-fit:cover;pointer-events:none;position:absolute;width:100%}.phst-header .phst-header-video video{height:100%;object-fit:cover;position:relative;width:100%}.phst-header .phst-header-title{container-type:inline-size;display:flex;flex-direction:column;line-height:1;padding-top:20px;position:relative;width:100%}.phst-header .phst-header-title>span:first-child{line-height:.7}.phst-header .phst-header-title>span:nth-child(2){line-height:.9}.phst-header .phst-header-title>span:nth-child(4){line-height:1.3}.phst-header .phst-header-title>span:not(.handwriting){color:#f9b000;font-size:23cqi;font-weight:700}.phst-header .phst-header-title .handwriting{bottom:27.5cqi;color:#363636;font-family:Caveat;font-size:11cqi;line-height:0;position:absolute;right:34cqi;transform:rotate(-4deg)}.phst-header .phst-header-title .handwriting>span{position:relative}.phst-header .phst-header-title .handwriting>span:before{aspect-ratio:78/53;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='83' height='52' fill='none' viewBox='0 0 83 52'%3E%3Cpath stroke='%23000' stroke-width='3.16' d='M1.558 51.39C4.725 32.604 25.398-3.536 82.755 2.186'/%3E%3C/svg%3E") no-repeat 50%;background-size:10cqi;bottom:1cqi;content:"";left:-13cqi;position:absolute;transform:rotate(5deg);width:13cqi}.phst-header .phst-header-text{padding-left:40px;position:relative}.phst-header .phst-header-text:after,.phst-header .phst-header-text:before{background:linear-gradient(135.95deg,#f9b000 37.68%,#ffd300 84.06%);border-radius:50%;content:"";height:33px;left:0;position:absolute;top:0;width:33px}.phst-header .phst-header-text:after{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' color='%23363636' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Pro 7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2026 Fonticons, Inc.--%3E%3Cpath fill='currentColor' d='m207.5 505 17 17 17-17 168-168 17-17-33.9-33.9-17 17-127 127V0h-48v430.1l-127-127-17-17L22.7 320l17 17 168 168z'/%3E%3C/svg%3E") no-repeat 50%;background-position:10px;background-size:13px}.phst-header .phst-header-lead{font-weight:500;letter-spacing:0;max-width:590px}.phst-header .phst-header-lead a{color:#363636}.phst-header .phst-header-lead a:hover{color:#ae0e13}@media (max-width:991px){.phst-header .phst-header-lead{font-size:2.4rem;line-height:2.5rem}}.services__wrapper{bottom:20px;left:50%;max-width:1189px;padding-left:3vw;padding-right:3vw;transform:translate(-50%,110%);width:100%}.services__wrapper .services__selections{border-radius:20px;overflow:hidden;position:relative}.services__wrapper .services__selections[data-active-theme=international] h3,.services__wrapper .services__selections[data-active-theme=praxis] h3,.services__wrapper .services__selections[data-active-theme=schulentwicklung] h3{color:#fff}.services__wrapper .services__selections[data-active-theme=international] .menu-title-icon,.services__wrapper .services__selections[data-active-theme=praxis] .menu-title-icon,.services__wrapper .services__selections[data-active-theme=schulentwicklung] .menu-title-icon{border-color:#fff}.services__wrapper .services__selections[data-active-theme=international] .services__dots .line,.services__wrapper .services__selections[data-active-theme=praxis] .services__dots .line,.services__wrapper .services__selections[data-active-theme=schulentwicklung] .services__dots .line{background:#fff}.services__wrapper .services__selections[data-active-theme=international] .services__dots .dot,.services__wrapper .services__selections[data-active-theme=praxis] .services__dots .dot,.services__wrapper .services__selections[data-active-theme=schulentwicklung] .services__dots .dot{border:2px solid #fff}.services__wrapper .services__selections[data-active-theme=international] .services__dots .dot:not(:has(button)).active:before,.services__wrapper .services__selections[data-active-theme=praxis] .services__dots .dot:not(:has(button)).active:before,.services__wrapper .services__selections[data-active-theme=schulentwicklung] .services__dots .dot:not(:has(button)).active:before{background:#fff}.services__wrapper .services__selections[data-active-theme=international] .services__dots button,.services__wrapper .services__selections[data-active-theme=praxis] .services__dots button,.services__wrapper .services__selections[data-active-theme=schulentwicklung] .services__dots button{background:#fff}.services__wrapper .services__selections[data-active-theme=international] .services__dots button:active,.services__wrapper .services__selections[data-active-theme=international] .services__dots button:hover,.services__wrapper .services__selections[data-active-theme=praxis] .services__dots button:active,.services__wrapper .services__selections[data-active-theme=praxis] .services__dots button:hover,.services__wrapper .services__selections[data-active-theme=schulentwicklung] .services__dots button:active,.services__wrapper .services__selections[data-active-theme=schulentwicklung] .services__dots button:hover{background:#363636}.services__wrapper .services__selection{padding:50px 34px}@media (max-width:767px){.services__wrapper .services__selection{padding:25px 20px 30px}}.services__wrapper .services__selection .services__selection{display:none;height:100%;left:0;position:absolute;top:0;width:100%}.services__wrapper .services__selection ul li a[aria-expanded=true]+.services__selection{display:block}.services__wrapper .services__selection:has(a[aria-expanded=true])>.services__header,.services__wrapper .services__selection:has(a[aria-expanded=true])>ul>li>a{opacity:0;pointer-events:none}.services__wrapper .services__selection ul li:not(.hasSub) a{padding:6px 19px}.services__wrapper .services__selection ul li:not(.hasSub) a:after{content:unset}.services__wrapper .services__selection ul li a{border:1px solid #fff;border-radius:44px;color:#363636;display:inline-block;font-size:2rem;font-weight:600;line-height:2.8rem;padding:5px 34px 5px 14px;position:relative;text-align:center;text-decoration:none!important;transition:all .4s ease-in-out;z-index:2}.services__wrapper .services__selection ul li a:before{background:#fff;background:linear-gradient(136deg,#fff,#fff 40%,#000 60%,#000);background-position:0 0;background-size:300%;border-radius:44px;content:"";height:100%;left:0;position:absolute;top:0;transition:all .4s ease-in-out;width:100%;z-index:-1}.services__wrapper .services__selection ul li a:after{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' color='var(--secondary-textcolor)' viewBox='0 0 576 512'%3E%3C!--! Font Awesome Pro 7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2026 Fonticons, Inc.--%3E%3Cpath fill='currentColor' d='m537.4 273 17-17-17-17-168-168-17-17-33.9 33.9 17 17 127 127H32.4v48h430.1l-127 127-17 17 33.9 33.9 17-17 168-168z'/%3E%3C/svg%3E") no-repeat 50%;background-size:14px!important;content:"";display:inline-block;height:20px;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:all .4s ease-in-out;width:20px}.services__wrapper .services__selection ul li a:focus,.services__wrapper .services__selection ul li a:hover{border-color:#363636;color:#fff!important}.services__wrapper .services__selection ul li a:focus:after,.services__wrapper .services__selection ul li a:hover:after{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' color='%23fff' viewBox='0 0 576 512'%3E%3C!--! Font Awesome Pro 7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2026 Fonticons, Inc.--%3E%3Cpath fill='currentColor' d='m537.4 273 17-17-17-17-168-168-17-17-33.9 33.9 17 17 127 127H32.4v48h430.1l-127 127-17 17 33.9 33.9 17-17 168-168z'/%3E%3C/svg%3E") no-repeat 50%;background-size:14px!important}.services__wrapper .services__selection ul li a:focus:before,.services__wrapper .services__selection ul li a:hover:before{//background:#363636;//background:linear-gradient(136deg,#f9b000 6%,#ffd300 27%,#ffd300 33%,#363636 66%,#363636);background-position:100% 0!important}.services__wrapper .services__header{margin-bottom:2rem}.services__wrapper .services__header h3{margin:0}.services__wrapper .services__header .menu-title-icon{align-items:center;background:transparent!important;border:1px solid #363636;display:flex;flex-shrink:0;height:35px;justify-content:center;width:35px}.services__wrapper .services__header .menu-title-icon:before{background-size:100% 100%!important;height:75%;width:65%}.services__wrapper .services__header .services__dots .line{background:#363636;height:1px;width:19px}.services__wrapper .services__header .services__dots .dot{align-items:center;border:2px solid #363636;border-radius:9999px;display:inline-flex;height:25px;justify-content:center;width:25px}.services__wrapper .services__header .services__dots .dot:not(:has(button)).active:before{background:#363636;border-radius:9999px;content:"";height:70%;width:70%}.services__wrapper .services__header .services__dots button{all:unset;background:#363636;border-radius:9999px;content:"";cursor:pointer;height:70%;width:70%}.services__wrapper .services__header .services__dots button:active,.services__wrapper .services__header .services__dots button:hover{background:#ae0e13}.services__wrapper .services__list{column-gap:10px;display:flex;flex-wrap:wrap;margin:0;padding:0;row-gap:5px}