/* DEFAULT (DESKTOP) */
.mobile-menu{display:none;}
.mobile-overlay{display:none;}
.burger-btn{display:none;}

/* ============================ */
/*          MOBILE              */
/* ============================ */

@media(max-width:768px){

/* BURGER */
.burger-btn{display:flex !important;width:20px;height:12px;flex-direction:column;justify-content:space-between;cursor:pointer;margin-right:20px;z-index:500;}
.burger-btn span{display:block;height:2px;width:100%;background:#fff;border-radius:2px;}

.header{padding:6px 0 !important;height:auto !important;}
.header-inner{align-items:center !important;height:40px;}

/* DESKTOP-MENÜ AUS */
.nav{display:none !important;}
.header-right{display:none !important;}

/* MOBILE MENU – SICHTBAR */
.mobile-menu{display:flex;}
.mobile-overlay{display:block;}

/* LOGO */
.logo-img{height:32px;padding:10px;}

/* HERO */
.hero{padding:0;margin-top:0;}
.hero-top{flex-direction:column;align-items:flex-start;gap:4px;padding:0 8px;margin-bottom:10px;}
.hero-title{font-size:17px;font-weight:700;}
.youtube-btn{width:100%;justify-content:center;padding:9px 0;font-size:13px;border-radius:8px;}
.hero-image-wrapper{height:calc(100vw * 0.70);overflow:hidden;border-radius:0;margin-top:0;}
.hero-image{width:100%;height:100%;object-fit:cover;border-radius:0;}

/* PLAYERPOOL */
.playerpool-card{flex-direction:column;margin:0 10px;margin-top:0;padding:16px;gap:10px;}
.pp-left h2{font-size:18px;margin-bottom:6px;}
.pp-left p{font-size:13px;margin-bottom:10px;}
.pp-btn{width:auto;padding:6px 14px;font-size:14px;display:inline-flex;align-items:center;justify-content:center;margin-top:6px;}
.pp-right{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-left:0;text-align:left;margin-top:4px;}
.pp-count{font-size:14px;font-weight:600;}
.pp-arrows{display:flex;gap:10px;align-items:center;}
.pp-arrows .arrow{padding:4px 8px;background:#403667;border-radius:6px;cursor:pointer;}
.pp-divider{display:block;width:100%;border-top:1px dashed #6b5aa8;margin:8px 0 12px 0;}
.pp-progress{width:100%;height:4px;margin-top:8px;}
.pp-progress-bar{height:100%;background:#8c6bf3;width:0%;}

/* NEWS */
.news-page{margin-top:30px;padding:5px;}
.news-header{padding:0 10px;}
.news-showall{padding:0;margin:0;}
.news-tabs-wrapper{padding:0 10px;}
.news-section{margin-top:50px;}
.news-title{font-size:24px;}
.news-grid{grid-template-columns:1fr !important;gap:20px;padding:10px;}
.news-card{padding:14px;}
.news-img-wrapper{height:200px;}
.news-card-title{font-size:16px;}
.news-card-body{font-size:14px;}

.news-big{width:97% !important;margin:0;padding:0;}
.news-top-wrapper{flex-direction:column !important;width:97%;padding:0 10px;}
.news-big-imgwrap{height:240px;}
.news-top-smallcol{width:97%;gap:20px;}

.news-small{flex-direction:column;height:auto;}
.news-small-imgwrap{width:97%;height:200px;}

.news-grid-bottom{grid-template-columns:1fr !important;gap:20px;padding:0 5px;}
.news-main-title{font-size:26px;text-align:center;margin-bottom:25px;}

.news-tabs-bar-page{display:flex;width:90%;gap:0;padding:5px;}
.news-tab-page{flex:1;text-align:center;padding:10px 0;font-size:14px;white-space:nowrap;}
.news-tabs-wrapper{width:95%;padding:0 10px;margin-bottom:20px;}
.news-tabs-bar{width:95%;display:flex;background:#3a3160;border-radius:10px;padding:4px;gap:0;}
.news-tab{flex:1;text-align:center;padding:10px 0;font-size:14px;font-weight:600;color:#c4bddb;border-radius:8px;}
.news-tab.active{background:#8c6bf3;color:#fff;}

.news-pagination{margin-top:30px;gap:6px;}
.page-btn{padding:10px 12px;font-size:14px;}

/* PLAYERPOOL PAGE */
.playerpool-title{font-size:22px;margin-bottom:15px;padding:10px;}
.pp-filters{width:95%;display:flex;flex-direction:column;gap:15px;margin-bottom:20px;padding:10px;}
.pp-filters>div:first-child{width:100%;display:flex !important;justify-content:space-between;gap:6px;}
.pp-filters>div:first-child .pp-filter-btn{width:30% !important;text-align:center;padding:10px 0;font-size:14px;border-radius:8px;display:flex;justify-content:center;align-items:center;}
.pp-select{width:100% !important;padding:12px;font-size:15px;border-radius:8px;}
.pp-search{width:100% !important;padding:12px;font-size:15px;border-radius:8px;}
.pp-grid{display:flex;flex-direction:column;gap:12px;}
.pp-card{display:flex;gap:12px;background:#302c54;padding:12px;border-radius:10px;}
.pp-imgwrap{width:64px;height:64px;border-radius:8px;overflow:hidden;}
.pp-imgwrap img{width:100%;height:100%;object-fit:cover;}
.pp-info{display:flex;flex-direction:column;justify-content:center;}
.pp-name{font-size:16px;font-weight:700;}
.pp-role{font-size:14px;color:#c4bddb;}
.pp-age{font-size:13px;color:#9d94c8;}
.pp-pagination-wrapper{width:100%;position:relative;display:flex;justify-content:center;align-items:center;margin-top:25px;}
.pp-arrow-left{position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:22px;font-weight:700;color:#fff;cursor:pointer;padding:10px;}
.pp-arrow-right{position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:22px;font-weight:700;color:#fff;cursor:pointer;padding:10px;}
#pp-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:16px;font-weight:600;color:#fff;text-align:center;width:auto;}

/* SUBPAGES */
.rules-title{font-size:24px;}
.privacy-title{font-size:24px;}
.privacy-subtitle{font-size:18px;}
.rule-section{font-size:20px;}

/* ABOUT */
.about-section{margin-top:40px;}
.about-title{font-size:24px;padding:10px;}
.about-item{flex-direction:column;align-items:center;text-align:center;gap:20px;margin-bottom:60px;}
.about-img{width:160px;height:200px;border-radius:50%;object-fit:cover;margin:0 auto;}
.about-textbox{max-width:100%;padding:10px;}
.about-name{font-size:22px;margin-top:10px;}
.about-desc{font-size:14px;line-height:1.5;margin-top:10px;}

/* FOOTER */
.footer-inner{flex-direction:column;align-items:center;text-align:center;gap:20px;padding:20px 15px;}
.footer-left{display:flex;flex-direction:column;align-items:center;}
.footer-logo{width:80px;margin-bottom:10px;}
.footer-small{font-size:14px;color:#c4bddb;line-height:1.4;}
.footer-links{width:100%;display:flex;flex-direction:row;justify-content:center;gap:30px;padding:0 10px;}
.footer-col{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:90px;}
.footer-col a{color:#fff;font-size:14px;text-decoration:none !important;}
.footer-contact{width:100%;margin-top:10px;display:flex;flex-direction:column;align-items:center;gap:10px;}
.footer-contact-title{font-size:16px;font-weight:700;}
.footer-contact-item{font-size:15px;color:#c4bddb;}
.social-row{display:flex;justify-content:center;gap:16px;margin-top:12px;}
.social-icon{width:34px;height:34px;border:1px solid #fff;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:16px;}

/* SERVICES */
.services-grid{grid-template-columns:1fr;}
.service-card{padding:14px;}
.service-img-wrapper{height:200px;}
.service-title{font-size:18px;text-align:center;}
.service-text{font-size:14px;text-align:center;}

/* PRODUCTION */
.prod-section{margin-top:60px;padding:0 10px;}
.prod-title{font-size:24px;margin-bottom:20px;text-align:center;}
.prod-grid{display:flex;flex-direction:column;gap:20px;}
.prod-video{width:100%;height:200px;border-radius:10px;overflow:hidden;}
.prod-textbox{width:100%;padding:0;}
.prod-subtitle{font-size:20px;font-weight:700;margin-bottom:10px;text-align:center;}
.prod-text{font-size:14px;line-height:1.6;text-align:center;}

/* YOUTUBE */
.youtube-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:0 10px;}
.youtube-card{background:#302c54;padding:6px;border-radius:10px;display:block;}
.youtube-thumb{width:100%;height:90px;border-radius:8px;overflow:hidden;}
.youtube-thumb img{width:100%;height:100%;object-fit:cover;display:block;}

/* ANMELDEN */
.signup-section{padding-left:10px;padding-right:10px;}

} /* END MEDIA */