@import url(https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap);*{margin:0;padding:0;scroll-behavior:smooth;font-family:'Poppins',sans-serif}.header{min-height:100vh;width:100%;background-image:linear-gradient(#000,rgba(0,0,0));background-position:center;background-size:cover;position:relative}nav{display:flex;padding:2% 6%;justify-content:space-between;align-items:center;z-index:5}nav img{width:150px}.nav-links{flex:1;text-align:right}.nav-links ul li{list-style:none;display:inline-block;padding:8px 12px;position:relative}.nav-links ul li a{color:#fff;text-decoration:none;font-size:13px}.nav-links ul li:not(.no-underline)::after {content:'';width:0%;height:2px;background:#f44336;display:block;margin:auto;transition:.2s}.nav-links ul li:not(.no-underline):hover::after {width:100%}.text-box{width:90%;z-index:2;color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.text-box h1{font-size:62px}.text-box p{margin:10px 0 40px;font-size:16px;color:#fff}.hero-btn{display:inline-block;text-decoration:none;color:#fff;border:1px solid #fff;padding:12px 34px;font-size:13px;background:transparent;position:relative;cursor:pointer}.hero-btn:hover{border:1px solid #f44336;background:#f44336;transition:.5s}nav .fa{display:none}@media (max-width:900px){.text-box h1{font-size:25px}.text-box p{font-size:14px}.nav-links ul li{display:block}.nav-links{z-index:1000;position:fixed;background:#f44336;height:100vh;width:200px;top:0;right:-200px;text-align:left;z-index:2;transition:.5s}nav .fa{display:block;color:#fff;margin:10px;font-size:22px;cursor:pointer}.nav-links ul{padding:30px}}.course{width:80%;max-width:1200px;margin:0 auto;text-align:center;padding-top:100px;padding-left:20px;padding-right:20px;position:relative;overflow:hidden}.course .wave{position:absolute;bottom:0;left:0;width:100%;height:0;background:url(images/xwave.png.pagespeed.ic.aVFZh0k_sy.png);background-size:1000px 100px}.course .wave.wave1{animation:animate 30s linear infinite;opacity:1;animation-delay:0s;bottom:0}.course .wave.wave2{animation:animate2 15s linear infinite;opacity:.5;animation-delay:-5s;bottom:10px}.course .wave.wave3{animation:animate2 30s linear infinite;opacity:.2;animation-delay:-2s;bottom:10}.course .wave.wave4{animation:animate2 5s linear infinite;opacity:.7;animation-delay:-5s;bottom:20px}@keyframes animate{
    0%
    {
        background-position-x: 0;
    }
    100%
    {
        background-position-x: 1000px;
    }
}@keyframes animate2{
    0%
    {
        background-position-x: 0;
    }
    100%
    {
        background-position-x: -1000px;
    }
}h1{font-size:2.5rem;margin-bottom:20px}p{color:#777;font-size:16px;margin-bottom:30px}.course h2{font-size:1.5rem;margin:20px 0}.row{margin-top:5%;display:flex;justify-content:space-between}.course-col{flex-basis:31%;background:#eee;border-radius:10px;margin-bottom:5%;padding:20px 12px;box-sizing:border-box;transition:box-shadow .2s ease;border:1px solid #ddd;box-shadow:0 2px 5px rgba(0,0,0,.1)}h3{text-align:center;font-weight:600;margin:10px 0}.course-col:hover{box-shadow:0 0 20px 0 rgba(0,0,0,.3)}@media (max-width:700px){.row{flex-direction:column}}.campus{width:80%;margin:auto;text-align:center;padding-top:50px}.campus-col{flex-basis:32%;border-radius:10px;margin-bottom:30px;position:relative;overflow:hidden}.campus-col img{width:100%;display:block}.layer{background:transparent;height:100%;width:100%;position:absolute;top:0;left:0%;transition:.2s}.layer:hover{background:rgba(226,0,0,.7)}.layer h3{width:100%;font-weight:500;color:#fff;font-size:26px;bottom:0;left:50%;transform:translateX(-50%);position:absolute;opacity:0;transition:.2s}.layer:hover h3{bottom:49%;opacity:1}.layer a{width:100%;font-weight:500;color:#fff;font-size:26px;bottom:0;left:50%;transform:translateX(-50%);position:absolute;opacity:0;transition:.2s}.layer:hover a{bottom:49%;opacity:1}.facilities{width:80%;margin:auto;text-align:center;padding-top:100px}.facilities-col{flex-basis:20%;border-radius:10px;margin-bottom:5%;text-align:left;margin-right:1rem;margin-left:1rem}.facilities-col img{width:100%;border-radius:10px}.facilities-col p{padding:0}.facilities-col h3{margin-top:16px;margin-bottom:15px;text-align:left}.tesimonials{width:80%;margin:auto;padding-top:100px;text-align:center}.tesimonial-col{flex-basis:44%;border-radius:10px;margin-bottom:5%;text-align:left;background:#fff3f3;padding:25px;cursor:pointer;display:flex}.tesimonial-col img{height:40px;margin-left:5px;margin-right:30px;border-radius:50%}.tesimonial-col p{padding:0}.tesimonial-col h3{margin-top:15px;text-align:left}.tesimonial-col .fa{color:#f44336}@media (max-width:700px){.tesimonial-col img{margin-left:0;margin-right:15px}}.cta{margin:4rem auto;width:90%;max-width:1200px;background-image:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)) , url(images/xvotm_cta_2.png.pagespeed.ic.YddoRF88Ex.png);background-position:center;background-size:cover;border-radius:15px;text-align:center;padding:5rem 2rem;box-shadow:0 10px 30px rgba(0,0,0,.3);transition:transform .3s ease}.cta:hover{transform:translateY(-5px)}.cta h1{color:#fff;font-size:2.5rem;margin-bottom:2rem;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.cta .btn{display:inline-block;padding:1rem 2rem;background-color:var(--accent-color);color:var(--text-color);text-decoration:none;border-radius:5px;font-weight:bold;transition:background-color .3s ease}.cta .btn:hover{background-color:#d13652}@media (max-width:768px){.cta{width:80%;padding:3rem 1rem}.cta h1{font-size:1.8rem}}.footer{background:linear-gradient(#fff 2%,#000,#000,#000,#000,#000,#000,#000,#000,#000,#000,#000,#000,#000,#000,#000,#000,#000,#000,#000,#000 98%);width:100%;text-align:center;padding:30px 0}.footer h4{padding-top:10px;color:#fff;margin-bottom:25px;margin-top:20px;font-weight:600}.icons .fa{color:#f44336;margin:0 13px;cursor:pointer;padding:18px 0}.icons{margin-top:-20px}.footer p{margin-top:20px}.fa-heart-o{color:#f44336}.sub-header{height:50vh;width:100%;background:linear-gradient(#000 70%,#000,#000,#000,#000,#000,#000,#000,#000,#000,#000,#000,#000,#000,#fff 100%);background-position:center;background-size:cover;text-align:center;color:#fff}.sub-header h1{margin-top:100px}.about-us{width:80%;margin:auto;padding-top:80px;padding-bottom:50px}.about-col{flex-basis:48%;padding:30px 2px}.about-col img{width:100%;border-radius:10px}.about-col h1{padding-top:0}.about-col p{padding:15px 0 25px}.red-btn{border:1px solid #f44336;background:transparent;color:#f44336}.red-btn:hover{color:#fff}@media (max-width:700px){.about-us{display:flex;justify-content:center;align-items:center;margin-right:50px}}.blog-content{width:80%;margin:auto;padding:60px 0}.blog-left{flex-basis:65%}.blog-left img{width:100%;border-radius:10px}.blog-left h2{color:#222;font-weight:600;margin:30px 0}.blog-left p{color:#999;padding:0}.blog-right{flex-basis:32%}.blog-right h3{background:#f44336;color:#fff;padding:7px 0;font-size:16px;margin-bottom:20px}.blog-right div{display:flex;align-items:center;justify-content:space-between;color:#555;padding:8px;box-sizing:border-box}.comment-box{border:1px solid #ccc;margin:50px 0;padding:10px 20px}.comment-box h3{text-align:left}.comment-form input,.comment-form textarea{width:100%;padding:10px;margin:15px 0;box-sizing:border-box;border:none;outline:none;background:#f0f0f0}.comment-form button{margin:10px 0}@media (max-width:700px){.sub-header h1{font-size:24px}}.location{width:80%;margin:auto;padding:80px 0}.location iframe{width:100%}.contact-us{width:80%;margin:auto}.contact-col{flex-basis:48%;margin-bottom:30px}.contact-col form textarea{resize:none}.contact-col div{display:flex;align-items:center;margin-bottom:40px}.contact-col div .fa{font-size:28px;color:#f44336;margin:10px;margin-right:30px}.contact-col div p{padding:0}.contact-col div h5{font-size:20px;margin-bottom:5px;color:#555;font-weight:400}.contact-col input,.contact-col textarea{border-radius:18px;padding:20px;margin-bottom:17px;outline:none;border:1px solid #ccc;box-sizing:border-box;width:300px}.contact-col2{flex-basis:48%;margin-bottom:30px}.contact-col2 form textarea{resize:none}.contact-col2 div{display:flex;align-items:center;margin-bottom:40px}.contact-col2 div .fa{font-size:28px;color:#f44336;margin:10px;margin-right:30px}.contact-col2 div p{padding:0}.contact-col2 div h5{font-size:20px;margin-bottom:5px;color:#555;font-weight:400}.contact-col2 input,.contact-col2 textarea{border-radius:10px;width:100%;padding:15px;margin-bottom:17px;outline:none;border:1px solid #ccc;box-sizing:border-box}.card{position:relative;display:flex;width:300px;height:400px;background:#000;border-radius:10px;background:rgba(255,255,255,.1);border-top:4px solid rgba(0,0,0,.5);border-bottom:4px solid rgba(0,0,0,.5);backdrop-filter:blur(15px);box-shadow:0 15px 25px rgba(0,0,0,.1);margin-bottom:70px}.imgBx{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:10px;overflow:hidden;transform:translateY(30px) scale(.5);transform-origin:top}.imgBx img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.content{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:flex-end;padding-bottom:30px}.content .details{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;margin-bottom:20px}.content .details h2{color:#444;font-size:1.3em;font-weight:500}.content .details h2 span{font-size:.7em;color:#f44336;font-weight:400}.sci{position:relative;display:flex;margin-top:5px}.sci li{list-style:none;margin:4px}.sci li a{width:45px;height:45px;display:flex;justify-content:center;align-items:center;border-radius:50%;background:transparent;font-size:1.25em;color:#444;text-decoration:none;box-shadow:0 7px 15px rgba(0,0,0,.1);border-top:1px solid rgba(0,0,0,.05);transition:.2s}.sci li a:hover{background:#f44336;color:#fff}.team-text{justify-content:center;flex-direction:column;text-align:center;margin-top:80px;margin-bottom:-100px;font-size:24px}@media (max-width:1550px){.card{justify-content:center;position:relative;display:flex;width:250px;height:350px;background:#000;border-radius:10px;background:rgba(255,255,255,.1);border-top:4px solid rgba(0,0,0,.5);border-bottom:4px solid rgba(0,0,0,.5);backdrop-filter:blur(15px);box-shadow:0 15px 25px rgba(0,0,0,.1);margin-bottom:70px;margin-left:30px}.sci li a{width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:50%;background:transparent;font-size:1.25em;color:#444;text-decoration:none;box-shadow:0 7px 15px rgba(0,0,0,.1);border-top:1px solid rgba(0,0,0,.05);transition:.2s}.content .details{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;margin-bottom:20px}.content .details h2{color:#444;font-size:1.0em;font-weight:500}.content .details h2 span{font-size:.6em;color:#f44336;font-weight:400}}@media (max-width:700px){.card{position:relative;display:flex;width:300px;height:400px;background:#000;border-radius:10px;background:rgba(255,255,255,.1);border-top:4px solid rgba(0,0,0,.5);border-bottom:4px solid rgba(0,0,0,.5);backdrop-filter:blur(15px);box-shadow:0 15px 25px rgba(0,0,0,.1);margin-bottom:70px;margin-left:30px}.team-text{justify-content:center;flex-direction:column;text-align:center;margin-top:80px;margin-bottom:-50px;font-size:18px}}.row{justify-content:center;margin-top:5%;display:flex;justify-content:space-between}.facilities-col{justify-content:center;text-align:center;flex-basis:31%;margin-bottom:5%;margin-top:-60px;padding:20px 12px;box-sizing:border-box;transition:.2s}.facilities-col h3{text-align:center;font-weight:600;margin:10px 0}.facilities-col a{border-radius:10px;text-decoration:none}@media (max-width:700px){.row{flex-direction:column}.facilities-col{margin-top:-30px}}.blog-version h3{background:#f44336;color:#fff;padding:7px 0;font-size:16px;margin-bottom:20px}.btnimpressum{color:#555}.impressum{text-align:center;padding-top:100px}.content-commentation{justify-content:center;align-items:center;text-align:center;background-color:#fff3f3;width:1000px;border-radius:10px;margin-top:10px}.commentar-section{font-size:30px}.commentar-section h3{font-weight:bold;font-style:normal}.sub-header1{height:50vh;width:100%;background:linear-gradient(#000 70%,#000,#000,#000,#000,#000,#000,#000,#000,#000,#000,#000,#000,#000,#fff 100%);background-position:center;background-size:cover;text-align:center;color:#fff;margin-top:-50}.sub-header1 h1{margin-top:100px}.about-us1{width:80%;margin:auto;padding-top:-50px;padding-bottom:50px}.container1{width:100%;background-color:#fff;display:flex;align-items:center;justify-content:center}.container{width:100%;max-width:80rem;margin:0 auto;padding:0 1.5rem}.accordion-item{background-color:#f0f0f0;border-radius:.4rem;margin-bottom:1rem;padding:1rem;box-shadow:.5rem 2px .5rem rgba(0,0,0,.1)}.accordion-link{font-size:1.6rem;color:#000;text-decoration:none;background-color:#f0f0f0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:1rem 0}.accordion-link i{color:#000;padding:.5rem}.accordion-link .fa-minus{display:none}.answer{max-height:0;overflow:hidden;position:relative;background-color:#e6e6e6;transition:max-height 650ms}.answer::before{content:"";position:absolute;width:.6rem;height:90%;background-color:#dcdcdc;top:50%;left:0;transform:translateY(-50%)}.answer p{color:rgba(0,0,0,.6);font-size:1rem;padding:1rem}.accordion-item:target .answer{max-height:30rem}.versiontree{width:100%;height:calc(100vh - 185px);max-height:270px;background-image:url(images/Versiontree.png);background-size:cover;background-position:center center}.accordion-item:target .accordion-link .fa-plus{display:none}.accordion-item:target .accordion-link .fa-minus{display:block}@media (max-height:900px){.container1{margin-top:10rem;margin-bottom:10rem}}@media (max-width:500px){.container1{margin-top:18rem;margin-bottom:18rem}}@media (max-width:400px){.container1{margin-top:23rem;margin-bottom:23rem}}html{box-sizing:border-box;scroll-behavior:smooth}.login input{border-radius:18px;padding:20px;margin-bottom:17px;outline:none;border:1px solid #ccc;box-sizing:border-box;width:300px}.termsofservice{margin-left:100px}@media (max-width:600px){.termsofservice{margin-left:0;align-content:center}}.user-info{width:80%;margin:0 auto;padding:100px;background-color:#f9f9f9;border-radius:10px;box-shadow:0 0 10px 0 rgba(0,0,0,.1)}.user-info table{width:100%;margin-bottom:20px;border-radius:10px}.user-info table,.user-info th,.user-info td{border:1px solid #ddd;padding:10px;text-align:left;border-radius:10px}.user-info th{background-color:#f2f2f2}.user-info .actions{margin-top:20px}.user-info .actions ul{list-style-type:none;padding:0}.user-info .actions ul li{margin-bottom:10px}.user-info .actions button{background-color:#f33;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:16px}.user-info .actions button:hover{background-color:#c00}@media only screen and (max-width:768px){.user-info{width:90%;padding:20px;padding-top:50px;padding-bottom:50px}.user-info table,.user-info th,.user-info td{font-size:14px}.user-info .actions button{font-size:14px}}.game-promotion{text-align:center;background-color:#2a475e;padding:40px;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.5);max-width:400px;width:80%;margin:auto}.game-promotion h1{color:#66c0f4;margin-bottom:15px}.game-promotion p{color:#c7d5e0;margin-bottom:20px}.wishlist-button{background-color:#5c7e10;color:#fff;border:none;padding:12px 25px;text-transform:uppercase;cursor:pointer;transition:background-color .3s ease;border-radius:5px}.wishlist-button:hover{background-color:#4a6b0c}@media (max-width:600px){.game-promotion{padding:20px}.game-promotion h1{font-size:1.2em}.game-promotion p{font-size:.9em}.wishlist-button{padding:10px 20px}}.login-btn{display:inline-block;background-color:#da0028;color:#fff;padding:10px 15px;border-radius:10px;font-weight:bold;margin-bottom:5px;text-decoration:none;transition:background-color .3s ease , transform .3s ease}.login-btn i{margin-right:5px}.login-btn:hover{background-color:#b6001b;transform:scale(1.05)}.werewolf-section{background-color:#f0f0f0;color:#333;padding:40px 40px;font-family:'Arial',sans-serif;position:relative;z-index:1;box-shadow:0 10px 20px rgba(0,0,0,.1) , 0 -10px 20px rgba(0,0,0,.1)}.werewolf-section h1,.werewolf-section p{z-index:2;text-align:center}.werewolf-section h1{z-index:2;padding-top:30px}.container{max-width:1000px;margin:auto;padding:20px}.game-details{width:70%;display:flex;justify-content:space-between;margin:auto;margin-top:20px}.game-details div{flex:1;margin:10px;background:#fff;box-shadow:0 4px 8px rgba(0,0,0,.2);border-radius:10px;text-align:center;padding:10px}.game-details img{width:80%;border-radius:10px;height:auto;margin:0 auto;margin-top:10%;margin-bottom:10%}@media screen and (max-width:768px){.game-details{flex-direction:column}.container{padding:0}}.features{width:70%;margin:auto;margin-top:60px}@media (max-width:768px){.features{width:90%;margin-top:60px;margin-bottom:20px}}.currentstate{margin-bottom:20px;margin-top:-20px;width:60%}@media (max-width:768px){.currentstate{width:90%;margin-top:0;margin-bottom:20px}}.facilities-col2{flex-basis:80%;border-radius:10px;margin-bottom:5%;text-align:center;margin-right:1rem;margin-left:1rem}.facilities-col2 img{width:90%;margin-top:3%;border-radius:10px}.facilities-col2 p{padding:20px}.facilities-col2 h3{margin-top:16px;margin-bottom:15px;text-align:center}.news-section{color:#333;padding:10px 20px;font-family:'Arial',sans-serif}.news-section h1{text-align:center;font-size:2.5rem;margin-bottom:-5px}.news-section p{text-align:center;color:#777;margin-bottom:30px}.news-container{max-width:100%;margin:auto;margin-bottom:20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.news-item{background-color:#fff;box-shadow:0 4px 8px rgba(0,0,0,.2);border-radius:10px;text-align:center;padding:20px;transition:transform .3s ease}.news-item:hover{transform:translateY(-5px);box-shadow:0 6px 12px rgba(0,0,0,.25)}.news-item h3{font-size:1.5rem;margin-bottom:10px;color:#222}.news-item p{font-size:.95rem;color:#555;margin-bottom:15px}.news-image-container{max-height:500px;overflow:hidden}.news-image{box-shadow:0 0 20px 0 rgba(0,0,0,.3)}.news-item .news-image{width:90%;border-radius:5px;height:auto;margin-bottom:10px;margin-top:15px;transition:transform .2s ease}.news-item:hover{transform:scale(1.02)}.read-more{font-size:1rem;color:#f44336;text-decoration:none;font-weight:bold;transition:color .2s ease}.read-more:hover{color:#c62828}@media screen and (max-width:1200px){.news-container{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:0 40px}.news-item{padding:15px}.news-item h3{font-size:1.3rem}.news-item p{font-size:.9rem}.news-item .news-image{max-width:85%}}@media screen and (max-width:768px){.news-container{grid-template-columns:1fr;max-width:100%;padding:0 10px}.news-item{margin-bottom:20px}}.wishlist-button{border:2px solid transparent;transition:all .3s ease}.wishlist-button:hover{transform:scale(1.1) rotate(3deg);box-shadow:0 6px 20px rgba(0,0,0,.4);border:2px solid #fff}.speech-bubble{background:rgba(244,67,54,.9);color:#fff;padding:15px;border-radius:10px;transform:rotate(0deg);box-shadow:0 4px 15px rgba(0,0,0,.2);transition:all .3s ease-in-out}.speech-bubble.left-bubble{transform:rotate(-5deg)}.speech-bubble.right-bubble{transform:rotate(5deg)}.cta-section div{transition:all .3s ease-in-out}.cta-section div:hover{transform:translateY(-5px)}@media (min-width:769px){.left-villager{position:absolute;left:15%;top:15%}.right-villager{position:absolute;right:15%;top:15%}.speech-bubble{top:-60px}}@media (max-width:768px){.cta-section h1{font-size:2rem;margin-top:40px}.villager-section{margin-bottom:200px}.cta-section p{font-size:1rem}.wishlist-button{padding:12px 24px;font-size:1rem}.villager{position:static;width:80px;display:inline-block;margin:10px auto}.villager.left-villager{display:block}.villager.right-villager{display:block}.speech-bubble{position:static;margin:10px auto;display:block;font-size:1rem;top:0}}@media (max-width:480px){.cta-section h1{font-size:1.8rem;margin-top:50px}.cta-section p{font-size:.9rem}.wishlist-button{padding:10px 20px;font-size:.9rem}.villager{width:70px}.speech-bubble{font-size:1rem;top:0}}.progress-grid{display:flex;justify-content:center;gap:40px;flex-wrap:wrap}.progress-card{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);overflow:hidden;width:calc(50% - 20px);max-width:500px}.progress-card img{width:100%;height:250px;object-fit:cover}.progress-card-content{padding:20px}.progress-card h3{font-size:1.8rem;margin-bottom:15px;color:#333}.progress-card p{font-size:1rem;color:#555;line-height:1.6}@media (max-width:768px){.werewolf-content{flex-direction:column}.progress-card{width:100%}}@media (max-width:480px){.map-card{width:100%}}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;margin:20px 0}.spinner{margin-top:20px;border:8px solid #f3f3f3;border-top:8px solid #b60000;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin {
0% {
    transform: rotate(0deg); /* Initial rotation */
}
100% {
    transform: rotate(360deg); /* Full rotation */
}
}.parallax-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(images/header2-1.webp);background-position:center;filter:blur(.8rem) brightness(.25);background-size:cover;transform:translateZ(0);will-change:transform;z-index:0}