/*
Theme Name: Studio Rosenberg Performance
Theme URI: https://www.studiorosenberg.com
Author: Rosenberg Performance
Author URI: https://www.rosenbergperformance.com
Description: Dunkles High-Performance WordPress Landingpage-Theme für Studio Rosenberg mit Trading, Academy, Signalen, Automatisierung, Community, Customizer, WhatsApp, Social Footer und Parallax-Effekten.
Version: 1.2.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: studio-rosenberg
*/

:root {
  --sr-bg: #05090b;
  --sr-bg-soft: #0b1215;
  --sr-card: #10191d;
  --sr-card-2: #0d1518;
  --sr-turquoise: #00e5d4;
  --sr-turquoise-light: #67fff2;
  --sr-text: #f5f8f8;
  --sr-muted: #a8b5b8;
  --sr-border: rgba(103,255,242,.14);
  --sr-shadow: 0 24px 80px rgba(0,0,0,.38);
  --sr-radius: 24px;
  --sr-max: 1240px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--sr-bg);color:var(--sr-text);font-family:Inter,Arial,sans-serif;line-height:1.6;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
button,input,textarea{font:inherit}
::selection{background:var(--sr-turquoise);color:#031012}

.sr-shell{width:min(calc(100% - 40px),var(--sr-max));margin-inline:auto}
.sr-section{position:relative;padding:110px 0;overflow:hidden}
.sr-section--soft{background:linear-gradient(180deg,var(--sr-bg-soft),var(--sr-bg))}
.sr-kicker{display:inline-flex;align-items:center;gap:10px;color:var(--sr-turquoise-light);font-size:.77rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.sr-kicker:before{content:"";width:30px;height:1px;background:var(--sr-turquoise);box-shadow:0 0 14px var(--sr-turquoise)}
.sr-title{max-width:850px;margin:16px 0 20px;font-size:clamp(2.25rem,5vw,4.8rem);line-height:1.02;letter-spacing:-.055em}
.sr-title span,.sr-accent{color:var(--sr-turquoise)}
.sr-lead{max-width:720px;color:var(--sr-muted);font-size:clamp(1rem,1.5vw,1.2rem)}
.sr-grid{display:grid;gap:24px}
.sr-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.sr-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}

.sr-header{position:fixed;z-index:1000;top:0;left:0;right:0;transition:.3s ease}
.sr-header.is-scrolled{background:rgba(5,9,11,.78);backdrop-filter:blur(20px);border-bottom:1px solid var(--sr-border)}
.sr-header__inner{height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.sr-brand{font-weight:900;letter-spacing:.08em;text-transform:uppercase;display:flex;align-items:center;gap:12px}
.sr-brand__mark{width:34px;height:34px;border:1px solid var(--sr-turquoise);transform:rotate(45deg);display:grid;place-items:center;box-shadow:0 0 22px rgba(0,229,212,.23)}
.sr-brand__mark span{transform:rotate(-45deg);color:var(--sr-turquoise);font-weight:900}
.sr-nav{display:flex;align-items:center;gap:28px;font-size:.92rem}
.sr-nav a{color:#dce8e8;transition:.25s}
.sr-nav a:hover{color:var(--sr-turquoise)}
.sr-menu-toggle{display:none;border:0;background:transparent;color:white;font-size:1.6rem}

.sr-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border-radius:999px;font-weight:800;border:1px solid transparent;transition:.3s ease;cursor:pointer}
.sr-btn--primary{background:var(--sr-turquoise);color:#021012;box-shadow:0 0 36px rgba(0,229,212,.24)}
.sr-btn--primary:hover{transform:translateY(-3px);box-shadow:0 0 50px rgba(0,229,212,.4)}
.sr-btn--ghost{border-color:var(--sr-border);background:rgba(255,255,255,.025)}
.sr-btn--ghost:hover{border-color:var(--sr-turquoise);color:var(--sr-turquoise)}

.sr-hero{min-height:100svh;display:flex;align-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 70% 30%,rgba(0,229,212,.11),transparent 30%),#05090b}
.sr-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(103,255,242,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(103,255,242,.04) 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(to bottom,#000,transparent 90%)}
.sr-hero__inner{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:30px;padding-top:90px}
.sr-hero__content{position:relative;z-index:2;padding:70px 0}
.sr-hero__title{font-size:clamp(3rem,7vw,6.5rem);line-height:.92;letter-spacing:-.065em;margin:18px 0 26px}
.sr-hero__title span{display:block;color:var(--sr-turquoise)}
.sr-hero__text{max-width:680px;color:#b9c7c9;font-size:1.12rem}
.sr-hero__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
.sr-trust{display:flex;flex-wrap:wrap;gap:18px;margin-top:35px;color:#ced9da;font-size:.88rem}
.sr-trust span:before{content:"✓";color:var(--sr-turquoise);margin-right:8px;font-weight:900}
.sr-hero__visual{position:relative;align-self:stretch;min-height:730px;display:flex;align-items:flex-end;justify-content:center}
.sr-hero__visual:before{content:"";position:absolute;width:78%;height:70%;border-radius:50%;background:rgba(0,229,212,.12);filter:blur(90px);bottom:8%}
.sr-hero__image{position:absolute;bottom:0;right:-6%;width:min(46vw,670px);height:94%;object-fit:cover;object-position:center top;filter:contrast(1.03);mask-image:linear-gradient(to bottom,#000 82%,transparent 100%)}
.sr-floating-stat{position:absolute;z-index:3;padding:16px 18px;border:1px solid var(--sr-border);background:rgba(8,15,18,.72);backdrop-filter:blur(18px);border-radius:16px;box-shadow:var(--sr-shadow)}
.sr-floating-stat strong{display:block;color:var(--sr-turquoise);font-size:1.35rem}
.sr-floating-stat--one{left:2%;bottom:22%}
.sr-floating-stat--two{right:1%;top:28%}

.sr-card{position:relative;padding:30px;border:1px solid var(--sr-border);background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));border-radius:var(--sr-radius);box-shadow:var(--sr-shadow);transition:.35s ease;overflow:hidden}
.sr-card:after{content:"";position:absolute;inset:auto -20% -60% auto;width:180px;height:180px;border-radius:50%;background:rgba(0,229,212,.12);filter:blur(50px);opacity:0;transition:.35s}
.sr-card:hover{transform:translateY(-9px);border-color:rgba(0,229,212,.55)}
.sr-card:hover:after{opacity:1}
.sr-card__icon{width:52px;height:52px;border-radius:16px;border:1px solid var(--sr-border);display:grid;place-items:center;color:var(--sr-turquoise);margin-bottom:22px;background:rgba(0,229,212,.05)}
.sr-card h3{font-size:1.35rem;margin:0 0 12px}
.sr-card p{color:var(--sr-muted);margin:0}

.sr-steps{counter-reset:step;display:grid;gap:18px;margin-top:40px}
.sr-step{counter-increment:step;display:grid;grid-template-columns:60px 1fr;gap:20px;align-items:start;padding:24px;border-bottom:1px solid var(--sr-border)}
.sr-step:before{content:"0" counter(step);color:var(--sr-turquoise);font-weight:900;font-size:1.5rem}
.sr-step h3{margin:0 0 8px}.sr-step p{margin:0;color:var(--sr-muted)}
.sr-trust-box{padding:34px;border:1px solid rgba(0,229,212,.35);border-radius:var(--sr-radius);background:linear-gradient(145deg,rgba(0,229,212,.08),rgba(255,255,255,.015))}
.sr-checks{display:grid;gap:13px;margin:24px 0 0;padding:0;list-style:none}
.sr-checks li:before{content:"✓";color:var(--sr-turquoise);font-weight:900;margin-right:10px}

.sr-video{aspect-ratio:16/9;border-radius:28px;border:1px solid var(--sr-border);background:radial-gradient(circle at center,rgba(0,229,212,.12),transparent 35%),#071013;display:grid;place-items:center;overflow:hidden;position:relative}
.sr-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.sr-video__placeholder{text-align:center;padding:40px}
.sr-play{width:86px;height:86px;border-radius:50%;margin:0 auto 20px;display:grid;place-items:center;background:var(--sr-turquoise);color:#031113;font-size:1.8rem;box-shadow:0 0 60px rgba(0,229,212,.4)}

.sr-level{padding:34px;border-top:2px solid var(--sr-turquoise);background:var(--sr-card-2);border-radius:0 0 var(--sr-radius) var(--sr-radius)}
.sr-level__number{font-size:4rem;line-height:1;color:rgba(103,255,242,.12);font-weight:900}
.sr-level ul{padding-left:18px;color:var(--sr-muted)}

.sr-quote{font-size:clamp(1.6rem,3vw,3rem);line-height:1.2;letter-spacing:-.035em}
.sr-profile{border-radius:32px;overflow:hidden;border:1px solid var(--sr-border);min-height:560px;background:url('assets/images/hero-zara.png') center 18%/cover no-repeat;filter:grayscale(1)}

.sr-cta{padding:70px;border-radius:36px;border:1px solid rgba(0,229,212,.3);background:radial-gradient(circle at 90% 20%,rgba(0,229,212,.18),transparent 32%),linear-gradient(145deg,#0b1518,#071012);text-align:center}
.sr-cta .sr-lead{margin-inline:auto}
.sr-cta__buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin-top:30px}

.sr-footer{padding:70px 0 24px;border-top:1px solid var(--sr-border);background:#030708}
.sr-footer__grid{display:grid;grid-template-columns:1.3fr .8fr .8fr;gap:45px}
.sr-footer h4{margin-top:0}
.sr-footer p,.sr-footer a{color:var(--sr-muted)}
.sr-footer a:hover{color:var(--sr-turquoise)}
.sr-socials{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.sr-social{width:44px;height:44px;border-radius:50%;border:1px solid var(--sr-border);display:grid;place-items:center;transition:.25s}
.sr-social:hover{transform:translateY(-4px);border-color:var(--sr-turquoise);color:var(--sr-turquoise)}
.sr-footer__bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid var(--sr-border);margin-top:48px;padding-top:24px;color:#788689;font-size:.85rem}

.sr-float-button{position:fixed;z-index:1100;right:22px;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--sr-border);box-shadow:0 15px 40px rgba(0,0,0,.35);transition:.3s}
.sr-whatsapp{bottom:86px;background:#0c1917;color:var(--sr-turquoise)}
.sr-top{bottom:22px;background:var(--sr-turquoise);color:#031012;opacity:0;visibility:hidden;transform:translateY(10px)}
.sr-top.is-visible{opacity:1;visibility:visible;transform:none}
.sr-float-button:hover{transform:translateY(-4px)}

.sr-cursor,.sr-cursor-dot{position:fixed;top:0;left:0;pointer-events:none;z-index:9999;border-radius:50%;transform:translate(-50%,-50%)}
.sr-cursor{width:36px;height:36px;border:1px solid rgba(0,229,212,.55);transition:width .2s,height .2s,background .2s}
.sr-cursor-dot{width:6px;height:6px;background:var(--sr-turquoise)}
.sr-cursor.is-hover{width:58px;height:58px;background:rgba(0,229,212,.08)}

.sr-reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}
.sr-reveal.is-visible{opacity:1;transform:none}
.sr-risk{font-size:.78rem;color:#7f8e90;margin-top:18px}

@media(max-width:980px){
 .sr-grid--3{grid-template-columns:1fr 1fr}.sr-hero__inner{grid-template-columns:1fr}.sr-hero__content{padding-bottom:10px}.sr-hero__visual{min-height:600px}.sr-hero__image{right:0;width:100%;height:100%;object-position:center top}.sr-floating-stat--one{left:4%}.sr-nav{position:fixed;top:78px;left:20px;right:20px;display:none;flex-direction:column;padding:24px;background:rgba(5,9,11,.96);border:1px solid var(--sr-border);border-radius:20px}.sr-nav.is-open{display:flex}.sr-menu-toggle{display:block}.sr-footer__grid{grid-template-columns:1fr 1fr}.sr-footer__grid>div:first-child{grid-column:1/-1}}
@media(max-width:680px){
 .sr-shell{width:min(calc(100% - 26px),var(--sr-max))}.sr-section{padding:80px 0}.sr-grid--3,.sr-grid--2{grid-template-columns:1fr}.sr-header__inner{height:74px}.sr-brand{font-size:.83rem}.sr-hero__inner{padding-top:74px}.sr-hero__title{font-size:clamp(3rem,15vw,4.7rem)}.sr-hero__visual{min-height:480px}.sr-floating-stat{font-size:.75rem;padding:12px}.sr-floating-stat--two{top:20%}.sr-cta{padding:42px 20px}.sr-footer__grid{grid-template-columns:1fr}.sr-footer__grid>div:first-child{grid-column:auto}.sr-footer__bottom{align-items:flex-start;flex-direction:column}.sr-cursor,.sr-cursor-dot{display:none}.sr-profile{min-height:480px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.sr-reveal{opacity:1;transform:none}}

/* v1.1 – compact logo + two-product offer */
.custom-logo-link{display:flex;align-items:center;line-height:0}
.custom-logo{display:block;width:auto!important;height:var(--sr-logo-height,42px)!important;max-height:var(--sr-logo-height,42px)!important;object-fit:contain}
.sr-product-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:26px;align-items:stretch;margin-top:48px}
.sr-product-card{position:relative;padding:38px;border:1px solid var(--sr-border);border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));overflow:hidden;box-shadow:var(--sr-shadow)}
.sr-product-card h3{font-size:clamp(1.8rem,3.2vw,3.15rem);line-height:1.05;letter-spacing:-.045em;margin:20px 0 16px}
.sr-product-card p{color:var(--sr-muted)}
.sr-product-card__top{display:flex;align-items:center;justify-content:space-between;gap:18px}
.sr-product-card__price{font-size:2.2rem;font-weight:900;color:var(--sr-turquoise)}
.sr-pill{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:999px;border:1px solid rgba(0,229,212,.35);background:rgba(0,229,212,.07);color:var(--sr-turquoise);font-size:.72rem;font-weight:900;letter-spacing:.14em}
.sr-pill--vip{background:var(--sr-turquoise);color:#031012;border-color:var(--sr-turquoise)}
.sr-product-card--vip{border-color:rgba(0,229,212,.48);background:radial-gradient(circle at 90% 4%,rgba(0,229,212,.17),transparent 30%),linear-gradient(145deg,#0c171a,#071012)}
.sr-product-card--vip:before{content:"MOST PREMIUM";position:absolute;right:-48px;top:28px;transform:rotate(45deg);width:190px;text-align:center;padding:8px 0;background:rgba(0,229,212,.92);color:#031012;font-size:.62rem;font-weight:900;letter-spacing:.12em}
.sr-vip-glow{position:absolute;width:280px;height:280px;border-radius:50%;right:-120px;bottom:-120px;background:rgba(0,229,212,.12);filter:blur(50px);pointer-events:none}
.sr-product-card__lead{font-size:1.05rem;max-width:850px}
.sr-membership-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:26px 0}
.sr-membership-stats>div{padding:18px;border:1px solid var(--sr-border);border-radius:18px;background:rgba(255,255,255,.025)}
.sr-membership-stats strong{display:block;color:#fff;font-size:1.05rem}
.sr-membership-stats span{display:block;margin-top:5px;color:var(--sr-turquoise);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}
.sr-checks--vip{grid-template-columns:1fr 1fr;margin-bottom:28px}
.sr-btn--wide{width:100%}
@media(max-width:980px){.sr-product-grid{grid-template-columns:1fr}.sr-product-card--vip:before{display:none}}
@media(max-width:680px){.custom-logo{height:min(var(--sr-logo-height,42px),38px)!important;max-height:min(var(--sr-logo-height,42px),38px)!important}.sr-product-card{padding:28px 22px}.sr-membership-stats,.sr-checks--vip{grid-template-columns:1fr}}
.sr-membership-hero{padding-top:160px;background:radial-gradient(circle at 70% 20%,rgba(0,229,212,.14),transparent 28%),#05090b}
.sr-membership-page__hero{max-width:980px}
.sr-membership-page__title{font-size:clamp(3.2rem,7vw,6.4rem);max-width:1050px}
.sr-membership-stats--page{max-width:780px;margin-top:38px}
.sr-page-content{max-width:900px;margin-inline:auto;color:#c4d0d1}
.sr-page-content h2,.sr-page-content h3{color:#fff}


/* v1.2 – mobile content visibility & spacing hardening */
@media(max-width:680px){
  #leistungen .sr-grid--3{display:grid;grid-template-columns:1fr!important;gap:22px}
  #leistungen .sr-card{min-height:0;padding:28px 24px}
  #leistungen .sr-card h3{display:block!important;visibility:visible!important;opacity:1!important;color:var(--sr-text)!important;font-size:1.45rem;line-height:1.2;margin:0 0 10px}
  #leistungen .sr-card p{display:block!important;visibility:visible!important;opacity:1!important;color:var(--sr-muted)!important;line-height:1.65}
  #angebote .sr-product-grid{display:grid;grid-template-columns:1fr!important;gap:24px}
  #angebote .sr-product-card{width:100%;min-width:0;overflow:visible}
  #angebote .sr-product-card--vip{overflow:hidden}
  #angebote .sr-product-card__lead{display:block!important;color:var(--sr-muted)!important;line-height:1.65}
  #angebote .sr-checks,#angebote .sr-checks--vip{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;padding:0!important;margin:24px 0 28px!important}
  #angebote .sr-checks li,#angebote .sr-checks--vip li{display:flex!important;align-items:flex-start!important;visibility:visible!important;opacity:1!important;color:var(--sr-text)!important;font-size:1rem;line-height:1.5;min-height:24px}
  #angebote .sr-checks li:before,#angebote .sr-checks--vip li:before{flex:0 0 auto;margin-right:12px;margin-top:1px}
  #angebote .sr-risk{display:block!important;visibility:visible!important;opacity:1!important;margin-top:18px}
}