a{text-decoration:none !important;}
a:hover{text-decoration:none !important;}

:root{--color-bg-main:#2b2149;--color-box:#302c54;--color-accent:#8c6bf3;--color-accent-text:#8c6bf3;--color-text:#ffffff;--color-text-muted:#c4bddb;}

body{background-color:var(--color-bg-main);color:var(--color-text);margin:0;font-family:'Jost',sans-serif;}

.content-wrapper{max-width:1240px;margin:40px auto;padding:0 0px;}

.line{width:100%;height:1px;background:#574c82;margin:0;}

/* HERO */
.hero{max-width:1240px;margin:0 auto;padding:0;position:relative;}
.hero-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;}
.hero-title{font-size:32px;font-weight:800;margin:0;}
.youtube-btn{background:#8c6bf3;display:flex;align-items:center;gap:10px;margin:0;float:none;}
.yt-icon{height:20px;}
.hero-image-wrapper{overflow:hidden;border-radius:12px;}
.hero-image{width:100%;display:block;border-radius:12px;}

/* PLAYERPOOL CARD */
.playerpool-card{background:var(--color-box);margin-top:-90px;padding:30px;border-radius:14px;display:flex;justify-content:space-between;gap:30px;position:relative;margin-left:50px;margin-right:50px;}
.pp-divider{position:absolute;top:0;bottom:0;right:200px;width:1px;border-left:1px dashed #5a5180;opacity:0.8;}
.pp-left h2{margin:0 0 8px 0;font-size:26px;font-weight:700;}
.pp-left p{margin:6px 0 16px 0;color:var(--color-text-muted);}
.pp-btn{padding:8px 18px;}
.pp-right{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;gap:12px;text-align:right;padding-left:40px;}
.pp-count{font-size:18px;}
.pp-arrows{display:flex;gap:10px;}
.arrow{padding:6px 10px;background:#403667;border-radius:6px;cursor:pointer;}
.pp-progress{width:140px;height:6px;background:#3d3360;border-radius:6px;overflow:hidden;}
.pp-progress-bar{width:0;height:100%;background:var(--color-accent);}

/* KARUSSELL */
.carousel-section{margin-top:120px;text-align:center;}
.carousel-title{font-size:32px;font-weight:800;margin-bottom:40px;}
.carousel-wrapper{width:100%;display:flex;align-items:center;justify-content:center;gap:20px;}
.carousel-arrow{width:40px;height:40px;border-radius:50%;background:#403667;color:white;display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:24px;}
.carousel-viewport{width:100%;max-width:1240px;overflow:hidden;}
#carousel-track{display:flex;justify-content:space-between;width:100%;}
.car-item{width:20%;text-align:center;opacity:0.4;transform:scale(0.8);transition:0.4s;}
.car-item.side{opacity:0.7;transform:scale(1.0);}
.car-item.center{opacity:1;transform:scale(1.4);}
.car-logo{width:120px;height:auto;margin-bottom:12px;}
.car-name{font-size:16px;color:white;}

/* FOOTER */
.footer{width:100%;background:#2b2149;padding:40px 0;}
.footer-inner{max-width:1240px;margin:0 auto;padding:0;display:flex;justify-content:space-between;gap:30px;}
.footer-left{width:200px;}
.footer-logo{width:80px;opacity:0.9;}
.footer-small{margin-top:10px;font-size:14px;line-height:18px;color:var(--color-text-muted);}
.footer-links{display:flex;gap:50px;}
.footer-col{display:flex;flex-direction:column;gap:10px;}
.footer-col a{color:#fff;font-size:15px;cursor:pointer;opacity:0.9;}
.footer-contact{max-width:260px;}
.footer-contact-title{font-weight:700;margin-bottom:10px;}
.footer-contact-item{margin:8px 0;color:var(--color-text-muted);}
.social-row{display:flex;gap:14px;margin-top:20px;}
.social-icon{width:32px;height:32px;background:#403667;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;}

/* NEWS */
.news-section{margin-top:80px;}
.news-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;}
.news-title{font-size:32px;font-weight:800;}
.news-showall{color:var(--color-accent);cursor:pointer;}

.news-tabs-wrapper{width:100%;padding-top:15px;margin-bottom:25px;}
.news-tabs-bar{width:100%;background:#3a3160;border-radius:10px;padding:4px;display:flex;}
.news-tab{flex:1;text-align:center;padding:8px 0;border-radius:8px;font-size:14px;color:#c4bddb;cursor:pointer;font-weight:600;}
.news-tab[data-btn="1"]{background:var(--color-accent);color:#fff;}
.news-tab[data-btn="0"]{background:none;color:#c4bddb;}
.news-tab.active[data-btn="1"]{background:var(--color-accent);color:#fff;}

.news-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;}

.news-card{background:#302c54;padding:16px;border-radius:12px;display:flex;flex-direction:column;height:370px;overflow:hidden;}
.news-img-wrapper{width:100%;height:150px;overflow:hidden;border-radius:8px;}
.news-img{width:100%;height:100%;object-fit:cover;}
.news-card-title{margin-top:10px;font-size:18px;font-weight:700;height:48px;overflow:hidden;text-overflow:ellipsis;}
.news-card-body{margin-top:10px;font-size:14px;color:#c4bddb;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;height:60px;}

.news-bottom{margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding-top:12px;}
.news-date{font-size:13px;color:#a99ecf;}
.news-more{color:var(--color-accent);font-size:14px;cursor:pointer;}

/* SERVICES */
.services-section{margin-top:80px;text-align:center;}
.services-title{font-size:32px;font-weight:800;margin-bottom:40px;}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;}
.service-card{background:#302c54;padding:10px 20px;border-radius:20px;}
.service-img-wrapper{width:100%;height:280px;display:flex;justify-content:center;align-items:center;margin-bottom:20px;position:relative;}
.service-img{max-width:95%;max-height:100%;object-fit:contain;}
.service-title{font-size:20px;font-weight:700;margin-bottom:10px;}
.service-text{font-size:15px;color:#c4bddb;line-height:1.4;margin:0 auto;max-width:80%;}

/* PRODUCTION */
.prod-section{margin-top:120px;}
.prod-title{font-size:32px;font-weight:800;margin-bottom:40px;text-align:center;}
.prod-grid{display:flex;gap:40px;align-items:flex-start;}
.prod-video{width:60%;height:420px;border-radius:14px;overflow:hidden;}
.prod-textbox{width:40%;padding-top:10px;}
.prod-subtitle{font-size:22px;font-weight:700;margin-bottom:15px;}
.prod-text{font-size:15px;line-height:1.5;color:#c4bddb;}

/* HOME STARS */
.stars-section{margin-top:120px;text-align:center;}
.stars-slider{position:relative;width:1240px;margin:0 auto;display:flex;justify-content:center;}
.star-slide{display:none;width:100%;align-items:center;gap:50px;justify-content:flex-start;}
.star-slide.active{display:flex;}
.star-img{width:auto;height:320px;border-radius:50%;object-fit:cover;flex-shrink:0;}
.star-textbox{text-align:left;max-width:850px;}
.star-name{font-size:28px;font-weight:700;margin-bottom:16px;}
.star-quote{font-size:20px;color:#c4bddb;line-height:1.5;}
.stars-dots{margin-top:30px;display:flex;justify-content:center;gap:12px;}
.dot{width:12px;height:12px;border-radius:50%;background:#d8d8d8;cursor:pointer;}
.dot.active{background:var(--color-accent);}

/* ANMELDEN */
.signup-section{margin-top:140px;text-align:center;}
.signup-title{font-size:36px;font-weight:800;margin-bottom:10px;}
.signup-subtitle{max-width:700px;margin:0 auto 40px;color:#c4bddb;font-size:16px;line-height:1.5;}
.signup-form{max-width:520px;margin:0 auto;display:flex;flex-direction:column;gap:18px;}
.signup-form input,.signup-form select{background:#302c54;border:1px solid #443b6d;border-radius:8px;padding:14px 16px;color:white;font-size:15px;}
.signup-form input::placeholder{color:#9e94c8;}
.signup-form select{color:white;}
.signup-check{font-size:14px;color:#c4bddb;text-align:left;margin-top:4px;display:flex;align-items:center;gap:8px;}
.signup-btn{margin-top:20px;width:160px;align-self:center;background:#8c6bf3;padding:12px 20px;border-radius:8px;font-weight:600;}

/* RULES */
.rules-section{max-width:1240px;margin:40px auto;padding:0 20px;}
.rules-title{font-size:36px;font-weight:800;margin-bottom:30px;}
.rules-list{display:flex;flex-direction:column;gap:26px;}
.rule-item{background:#302c54;padding:20px;border-radius:12px;}
.rule-number{font-size:20px;font-weight:700;margin-bottom:10px;}
.rule-text{font-size:15px;color:#c4bddb;line-height:1.6;white-space:pre-line;}

/* PRIVACY */
.privacy-section{max-width:900px;margin:40px auto;padding:0 20px;}
.privacy-title{font-size:36px;font-weight:800;margin-bottom:25px;}
.privacy-subtitle{font-size:24px;font-weight:700;margin-top:35px;margin-bottom:10px;}
.privacy-text{font-size:16px;line-height:1.6;color:#c4bddb;margin-bottom:20px;}
.privacy-footer{font-size:14px;line-height:1.6;color:#9d94c8;margin-top:30px;}

/* LIGA RULES */
.rules-section{max-width:900px;margin:60px auto;}
.rule-section{font-size:26px;font-weight:700;margin:40px 0 15px 0;}
.rule-point{margin:8px 0;font-size:16px;line-height:1.5;}
.rule-text{margin:4px 0 10px 0;font-size:15px;color:#c4bddb;line-height:1.5;}

/* ABOUT */
.about-section{margin-top:120px;}
.about-title{font-size:36px;font-weight:800;margin-bottom:50px;}
.about-item{display:flex;gap:40px;margin-bottom:80px;}
.about-img{width:170px;height:200px;border-radius:50%;object-fit:cover;flex-shrink:0;}
.about-textbox{max-width:900px;}
.about-name{font-size:28px;font-weight:700;margin-bottom:6px;}
.about-role{font-size:18px;font-weight:600;margin-bottom:14px;color:#c4bddb;}
.about-desc{font-size:16px;line-height:1.5;color:#c4bddb;margin:0;}

.news-page{margin-top:30px;}
.news-main-title{font-size:38px;font-weight:800;margin-bottom:40px;text-align:left;}

.news-top-wrapper{display:flex;gap:40px;align-items:stretch;margin-bottom:50px;}
.news-big{width:40%;background:#302c54;padding:16px;border-radius:12px;display:flex;flex-direction:column;}
.news-big-imgwrap{width:100%;height:275px;border-radius:10px;overflow:hidden;}
.news-big-img{width:100%;height:100%;object-fit:cover;}
.news-big-title{font-size:24px;font-weight:700;margin-top:14px;}
.news-big-body{margin-top:10px;color:#c4bddb;line-height:1.5;flex-grow:1;}
.news-big-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:14px;}

.news-top-smallcol{width:60%;display:flex;flex-direction:column;gap:20px;height:100%;}
.news-small{background:#302c54;padding:12px;border-radius:12px;display:flex;gap:12px;height:calc((100% - 40px)/3);}
.news-small-imgwrap{width:220px;height:150px;border-radius:8px;overflow:hidden;flex-shrink:0;}
.news-small-img{width:100%;height:100%;object-fit:cover;}
.news-small-info{flex:1;display:flex;flex-direction:column;}
.news-small-title{font-size:17px;font-weight:700;}
.news-small-body{margin-top:6px;color:#c4bddb;line-height:1.4;font-size:14px;flex-grow:1;}
.news-small-bottom{display:flex;justify-content:space-between;margin-top:10px;}

.news-separator{width:100%;height:2px;background:#403667;margin:50px 0;}

.news-tabs-bar-page{width:100%;background:#3a3160;border-radius:10px;padding:4px;display:flex;gap:0;margin-bottom:30px;}
.news-tab-page{flex:1;text-align:center;padding:8px 0;border-radius:8px;font-size:14px;cursor:pointer;font-weight:600;color:#c4bddb;background:none;}
.news-tab-page.active{background:#8c6bf3;color:#fff;}

.news-grid-bottom{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:20px;}
.news-card{background:#302c54;padding:14px;border-radius:12px;display:flex;flex-direction:column;}
.news-img-wrapper{width:100%;height:150px;border-radius:8px;overflow:hidden;margin-bottom:10px;}
.news-img{width:100%;height:100%;object-fit:cover;}
.news-card-title{font-size:18px;font-weight:700;margin-top:4px;height:46px;overflow:hidden;}
.news-card-body{margin-top:6px;color:#c4bddb;line-height:1.4;font-size:14px;height:62px;overflow:hidden;}
.news-bottom{display:flex;justify-content:space-between;margin-top:14px;}

.news-pagination{margin-top:40px;display:flex;justify-content:center;gap:10px;}
.page-btn{padding:8px 14px;border-radius:6px;background:#403667;color:white;font-weight:600;cursor:pointer;}
.page-btn.active{background:#8c6bf3;}
.page-btn:hover{background:#6e56c8;}

/* NEWS SINGLE */
.news-single{max-width:1240px;margin:40px auto;padding:0 20px;}
.news-single-imgwrap{width:100%;height:480px;border-radius:12px;overflow:hidden;}
.news-single-img{width:100%;height:100%;object-fit:cover;}
.news-single-date{margin-top:16px;color:#a99ecf;font-size:14px;}
.news-single-title{font-size:30px;font-weight:800;margin-top:10px;}
.news-single-body{margin-top:20px;color:#c4bddb;font-size:16px;line-height:1.7;}

/* PLAYERPOOL */
.playerpool-title{font-size:36px;font-weight:800;margin-bottom:25px;}
.pp-filters{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:20px;}
.pp-filter-btn{background:#302c54;border:1px solid #443b6d;color:white;padding:8px 16px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;}
.pp-filter-btn.active{background:#8c6bf3;}
.pp-select{background:#302c54;border:1px solid #443b6d;padding:8px 12px;border-radius:8px;color:white;font-size:15px;}
.pp-search{background:#302c54;border:1px solid #443b6d;padding:8px 12px;border-radius:8px;color:white;font-size:15px;width:240px;}
.pp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.pp-card{background:#302c54;border-radius:10px;padding:5px;display:flex;gap:10px;align-items:center;min-height:60px;}
.pp-imgwrap{width:75px;height:75px;border-radius:8px;overflow:hidden;background:#1f1835;flex-shrink:0;}
.pp-imgwrap img{width:100%;height:100%;object-fit:cover;}
.pp-info{display:flex;flex-direction:column;gap:1px;}
.pp-name{font-size:16px;font-weight:700;}
.pp-role{font-size:13px;color:#c4bddb;}
.pp-age{font-size:13px;color:#c4bddb;}
.pp-pagination-wrapper{margin-top:40px;display:flex;align-items:center;justify-content:space-between;}
.pp-nav-btn{background:#302c54;border:1px solid #443b6d;padding:8px 16px;border-radius:8px;cursor:pointer;color:white;display:flex;align-items:center;gap:8px;}
.pp-nav-btn:hover{background:#8c6bf3;}
.pp-pagination-center{display:flex;gap:10px;}
.pp-page-box{padding:5px 5px;border-radius:8px;min-width:32px;text-align:center;font-weight:600;display:flex;align-items:center;justify-content:center;}
.pp-page{color:white;opacity:0.85;cursor:pointer;}
.pp-page:hover{opacity:1;}
.pp-page-active{background:#8c6bf3;color:white !important;}
.pp-dots{color:white;opacity:0.6;padding:8px 6px;}

/* YOUTUBE */
.youtube-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:40px;}
.youtube-card{background:#302c54;padding:5px;border-radius:15px;overflow:hidden;text-decoration:none;color:white;}
.youtube-thumb{width:100%;height:100%;border-radius:10px;overflow:hidden;margin-bottom:12px;}
.youtube-thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.youtube-video-title{font-size:16px;font-weight:600;color:white;text-align:left;line-height:1.3;}