:root{--accent:#0a6cff;--bg:#030915;--text:#f7fbff;--muted:#aeb9ca;--border:rgba(54,129,255,.24);--portrait-size:92vh;--portrait-x:0px;--portrait-y:0px;--bg-opacity:.72}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}a{text-decoration:none;color:inherit}.mc-page{min-height:100vh;overflow:hidden}.mc-hero{min-height:100vh;position:relative;background:radial-gradient(circle at 72% 38%,rgba(10,108,255,.25),transparent 32%),linear-gradient(90deg,#020712 0%,#040b18 52%,#061733 100%);background-size:cover;background-position:center right}.mc-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(1,4,12,.2),rgba(1,4,12,.67)),radial-gradient(circle at 55% 75%,rgba(10,108,255,.18),transparent 34%)}.mc-header{position:relative;z-index:5;width:min(1800px,calc(100% - 44px));height:104px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(58,133,255,.2)}.mc-brand{display:flex;gap:14px;align-items:center}.mc-shield{width:54px;height:62px;display:grid;place-items:center;font-weight:900;border:2px solid rgba(122,178,255,.78);clip-path:polygon(50% 0,100% 15%,88% 80%,50% 100%,12% 80%,0 15%);box-shadow:0 0 28px rgba(10,108,255,.28)}.mc-brand strong{display:block;font-size:21px;letter-spacing:.11em;line-height:1}.mc-brand em{display:block;color:var(--accent);font-weight:900;font-style:italic;letter-spacing:.2em;margin-top:4px}.mc-menu{display:flex;gap:38px;list-style:none;margin:0;padding:0;font-weight:800;font-size:14px;letter-spacing:.06em}.mc-menu li:first-child a{border-bottom:3px solid var(--accent);padding-bottom:16px}.mc-social{display:flex;gap:18px;align-items:center;font-weight:900}.mc-follow{padding:13px 19px;border-radius:8px;background:linear-gradient(180deg,var(--accent),#0754c8);box-shadow:0 10px 30px rgba(10,108,255,.32)}.mc-wrap{position:relative;z-index:2;width:min(1800px,calc(100% - 44px));min-height:calc(100vh - 104px);margin:0 auto;display:grid;grid-template-columns:minmax(520px,980px) 1fr;gap:40px;align-items:end}.mc-left{padding:58px 0 54px;position:relative;z-index:3}.mc-live{display:flex;align-items:center;gap:20px;margin-bottom:30px}.mc-badge{display:inline-flex;align-items:center;gap:9px;padding:8px 14px;border-radius:999px;background:rgba(255,45,69,.11);border:1px solid rgba(255,45,69,.4);font-weight:900}.mc-badge i{width:11px;height:11px;background:#ff2d45;border-radius:50%;box-shadow:0 0 18px rgba(255,45,69,.9)}.mc-left h1{margin:0;font-size:clamp(68px,7vw,135px);line-height:.9;letter-spacing:.045em;text-transform:uppercase;font-weight:1000;background:linear-gradient(180deg,#fff,#d6dce6 55%,#8f98a7);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 22px 48px rgba(0,0,0,.55)}.mc-left h2{margin:34px 0 14px;font-size:clamp(25px,2.1vw,36px);line-height:1.12}.mc-left h2:after{content:"";display:block;width:58px;height:4px;background:var(--accent);margin-top:23px}.mc-desc{color:var(--muted);font-size:20px;line-height:1.48;max-width:610px;margin:0 0 30px}.mc-actions{display:flex;gap:18px;flex-wrap:wrap;margin:0 0 36px}.mc-btn{min-width:210px;padding:18px 28px;border-radius:8px;display:inline-flex;justify-content:center;font-weight:900;border:1px solid rgba(91,153,255,.42)}.mc-btn.primary{background:linear-gradient(180deg,var(--accent),#0757d0);box-shadow:0 12px 38px rgba(10,108,255,.34)}.mc-btn.secondary{background:rgba(6,15,31,.55)}.mc-features{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border);background:rgba(3,12,27,.72);border-radius:8px;overflow:hidden;max-width:880px;backdrop-filter:blur(14px)}.mc-feature{padding:24px 25px;display:grid;grid-template-columns:34px 1fr;gap:14px;border-right:1px solid rgba(58,133,255,.18);min-height:126px;transition:.18s}.mc-feature:hover{background:rgba(10,108,255,.12);transform:translateY(-2px)}.mc-feature:last-child{border-right:0}.mc-feature span{font-size:26px;color:var(--accent)}.mc-feature h3{margin:0 0 13px;font-size:16px}.mc-feature p{margin:0;color:#c0cada;font-size:13px;line-height:1.45}.mc-right{position:relative;min-height:calc(100vh - 104px);align-self:stretch;display:flex;justify-content:center;align-items:flex-end;overflow:visible}.mc-rings{position:absolute;width:min(760px,82vw);aspect-ratio:1;border:1px solid rgba(67,139,255,.18);border-radius:50%;right:2%;bottom:9%;box-shadow:inset 0 0 80px rgba(10,108,255,.08)}.mc-rings:before,.mc-rings:after{content:"";position:absolute;border:1px solid rgba(67,139,255,.13);border-radius:50%;inset:8%}.mc-rings:after{inset:20%;border-style:dashed}.mc-portrait{position:absolute;z-index:2;bottom:var(--portrait-y);right:calc(4% - var(--portrait-x));height:var(--portrait-size);width:auto;max-width:none;object-fit:contain;filter:drop-shadow(-30px 30px 60px rgba(0,0,0,.62))}.mc-placeholder{position:absolute;z-index:2;bottom:0;right:4%;width:min(520px,38vw);height:690px;border:1px dashed rgba(95,157,255,.45);border-radius:28px 28px 0 0;display:grid;place-items:center;text-align:center;color:#8da7d1;font-weight:900;background:linear-gradient(180deg,rgba(10,108,255,.16),rgba(3,12,27,.28))}.mc-section,.mc-info{background:#020712;border-top:1px solid rgba(54,129,255,.2);padding:70px min(44px,4vw)}.mc-section-head,.mc-live-grid,.mc-info{width:min(1480px,100%);margin:0 auto}.mc-section-head{margin-bottom:24px}.mc-section-head h2,.mc-info h2{font-size:38px;margin:14px 0 0}.mc-live-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.75fr);gap:20px}.mc-player,.mc-chatbox{border:1px solid var(--border);border-radius:14px;background:rgba(3,12,27,.78);overflow:hidden;box-shadow:0 25px 90px rgba(0,0,0,.35)}.mc-player iframe{display:block;width:100%;aspect-ratio:16/9;border:0}.mc-chatbox{min-height:420px}.mc-chatbox h3{margin:0;padding:16px 18px;border-bottom:1px solid rgba(54,129,255,.18)}.mc-chatbox iframe{display:block;width:100%;height:620px;border:0}.mc-empty{min-height:380px;display:grid;place-items:center;padding:30px;color:var(--muted);text-align:center}.mc-empty.small{min-height:300px}.mc-info{padding-top:55px;padding-bottom:55px}.mc-info p{max-width:850px;color:var(--muted);font-size:18px;line-height:1.6}@media(max-width:1300px){.mc-menu{gap:18px}.mc-wrap{grid-template-columns:1fr}.mc-right{position:absolute;right:0;bottom:0;opacity:.52;min-height:calc(100vh - 104px);width:60vw}.mc-left{max-width:980px}.mc-portrait{height:min(var(--portrait-size),88vh)}}@media(max-width:980px){.mc-header{height:auto;padding:24px 0;flex-wrap:wrap;gap:20px}.mc-menu,.mc-social{flex-wrap:wrap}.mc-features{grid-template-columns:1fr 1fr}.mc-right{display:none}.mc-live-grid{grid-template-columns:1fr}}@media(max-width:560px){.mc-header,.mc-wrap{width:calc(100% - 24px)}.mc-left h1{font-size:48px}.mc-desc{font-size:16px}.mc-features{grid-template-columns:1fr}.mc-actions{display:grid}.mc-btn{width:100%;min-width:0}.mc-section,.mc-info{padding-left:12px;padding-right:12px}}
.mc-live-click{cursor:pointer;transition:.18s}.mc-live-click:hover{transform:translateY(-1px);box-shadow:0 0 28px rgba(255,45,69,.26)}.mc-auto-live[data-live='0']{display:none!important}

.mc-logo-img{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(10,108,255,.28))}
.mc-media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}
.mc-media-card{border:1px solid var(--border);border-radius:14px;background:rgba(3,12,27,.75);overflow:hidden;box-shadow:0 22px 70px rgba(0,0,0,.26)}
.mc-media-card h3{font-size:18px;margin:0;padding:16px 18px;border-bottom:1px solid rgba(54,129,255,.18)}
.mc-media-frame{aspect-ratio:16/9;background:#020712;display:grid;place-items:center}
.mc-media-frame iframe,.mc-media-frame video{width:100%;height:100%;border:0;display:block;background:#000}
.mc-media-empty{color:var(--muted);font-size:14px;padding:22px;text-align:center}
.mc-media-link{display:inline-flex;padding:13px 18px;border-radius:8px;background:var(--accent);font-weight:900}
@media(max-width:980px){.mc-media-grid{grid-template-columns:1fr}}

.mc-latest-post{
  max-width:880px;
  margin-top:16px;
  display:grid;
  grid-template-columns:1fr 220px;
  gap:16px;
  border:1px solid var(--border);
  border-radius:12px;
  background:rgba(3,12,27,.76);
  overflow:hidden;
  box-shadow:0 22px 70px rgba(0,0,0,.26);
}
.mc-latest-copy{padding:22px}
.mc-latest-label{
  display:inline-flex;
  color:#58a6ff;
  font-weight:900;
  letter-spacing:.04em;
  font-size:13px;
  text-transform:uppercase;
  margin-bottom:9px;
}
.mc-latest-copy h3{margin:0 0 9px;font-size:22px}
.mc-latest-copy p{margin:0;color:var(--muted);line-height:1.5;font-size:14px}
.mc-latest-actions{display:flex;gap:14px;align-items:center;margin-top:16px;flex-wrap:wrap}
.mc-small-btn{display:inline-flex;padding:11px 16px;border-radius:8px;background:var(--accent);font-weight:900}
.mc-small-link{color:#c6d7ef;font-weight:800}
.mc-latest-image{min-height:180px;display:block}
.mc-latest-image img{width:100%;height:100%;object-fit:cover;display:block}

.mc-blog-page{
  background:
    radial-gradient(circle at 70% 10%,rgba(10,108,255,.18),transparent 30%),
    linear-gradient(180deg,#020712,#030915);
  min-height:100vh;
}
.mc-blog-archive,.mc-single{padding:80px 24px}
.mc-blog-container,.mc-single{width:min(1180px,100%);margin:0 auto}
.mc-blog-container h1,.mc-single h1{
  font-size:clamp(42px,5vw,82px);
  line-height:1;
  margin:0 0 16px;
  background:linear-gradient(180deg,#fff,#b7c0cc);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.mc-blog-intro{color:var(--muted);font-size:20px;margin:0 0 30px}
.mc-post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.mc-post-card{
  border:1px solid var(--border);
  border-radius:14px;
  background:rgba(3,12,27,.78);
  overflow:hidden;
  transition:.18s;
}
.mc-post-card:hover{transform:translateY(-3px);background:rgba(10,108,255,.09)}
.mc-post-thumb{aspect-ratio:16/9;background:#061123}
.mc-post-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.mc-post-body{padding:20px}
.mc-post-date{display:block;color:#58a6ff;font-weight:800;font-size:13px;margin-bottom:8px}
.mc-post-body h2{margin:0 0 10px;font-size:22px}
.mc-post-body p{color:var(--muted);line-height:1.5}
.mc-single{color:#e8eef9}
.mc-back-link{display:inline-flex;margin-bottom:22px;color:#58a6ff;font-weight:900}
.mc-single-thumb{margin:28px 0;border-radius:14px;overflow:hidden}
.mc-single-thumb img{width:100%;height:auto;display:block}
.mc-content{font-size:19px;line-height:1.75;color:#d9e3f2}
.mc-content a{color:#58a6ff;text-decoration:underline}
.mc-pagination{margin-top:30px}
@media(max-width:980px){
  .mc-latest-post{grid-template-columns:1fr}
  .mc-latest-image{min-height:220px}
  .mc-post-grid{grid-template-columns:1fr}
}

/* v7 fixes */
.mc-auto-live[data-live="0"]{display:none!important}
.mc-live-click{cursor:pointer;transition:.18s}
.mc-live-click:hover{transform:translateY(-1px);box-shadow:0 0 28px rgba(255,45,69,.26)}
.mc-menu{gap:28px}
@media(max-width:1200px){.mc-menu{gap:16px;font-size:13px}}


/* v8 Live Center lower section inspired by uploaded first-design feature mock */
.section{
  width:min(1520px, calc(100% - 44px));
  margin:0 auto;
  padding:72px 0;
}
.live-center-v8,
.media-theater-v8{
  background:
    radial-gradient(circle at 18% 12%, rgba(13,116,255,.13), transparent 32%),
    radial-gradient(circle at 78% 20%, rgba(0,183,255,.08), transparent 30%);
}
.section-head{
  display:flex;
  justify-content:space-between;
  gap:26px;
  align-items:end;
  margin-bottom:24px;
}
.section-head .kicker{
  color:#00b7ff;
  font-weight:1000;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:13px;
  margin-bottom:8px;
}
.section-head h2{
  margin:0;
  font-size:clamp(38px, 4vw, 66px);
  letter-spacing:-.055em;
  line-height:.95;
}
.section-head p{
  max-width:560px;
  color:var(--muted);
  line-height:1.55;
  text-align:right;
  margin:0;
}
.glass{
  background:linear-gradient(180deg, rgba(6,18,36,.88), rgba(3,12,26,.78));
  border:1px solid rgba(38,117,255,.30);
  box-shadow:0 28px 90px rgba(0,0,0,.34);
  border-radius:18px;
  overflow:hidden;
}
.live-feature-v8{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(340px,.55fr);
  gap:18px;
}
.player-card-v8{
  padding:18px;
}
.player-window-v8{
  min-height:520px;
  border-radius:16px;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 50%, rgba(13,116,255,.22), transparent 34%),
    linear-gradient(135deg, #071529, #020711);
  position:relative;
  display:grid;
  place-items:center;
}
.player-window-v8 iframe,
.player-window-v8 video{
  width:100%;
  height:100%;
  min-height:520px;
  border:0;
  display:block;
  background:#000;
}
.stats-v8{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  margin-top:14px;
}
.stat{
  border-radius:14px;
  padding:17px 16px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.08);
}
.stat b{
  display:block;
  font-size:25px;
  line-height:1;
}
.stat span{
  display:block;
  color:var(--muted);
  margin-top:6px;
  font-size:13px;
}
.side-v8{
  display:grid;
  gap:18px;
}
.panel-v8{
  padding:24px;
}
.panel-v8 h3{
  margin:0 0 10px;
  font-size:24px;
  letter-spacing:-.035em;
}
.panel-v8 p{
  color:var(--muted);
  line-height:1.55;
  margin:0 0 18px;
}
.rows-v8{
  display:grid;
  gap:9px;
}
.row-v8{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:13px 0;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.row-v8:last-child{border-bottom:0}
.row-v8 span{color:var(--muted)}
.row-v8 b{color:#f7fbff}
.chat-embed-v8{
  height:360px;
  border-radius:14px;
  overflow:hidden;
  background:#020711;
  border:1px solid rgba(255,255,255,.08);
}
.chat-embed-v8 iframe{
  width:100%;
  height:100%;
  border:0;
  display:block;
}
.bars-v8{
  display:grid;
  gap:15px;
}
.bar-line-v8 span{
  display:flex;
  justify-content:space-between;
  color:var(--muted);
  margin-bottom:8px;
  font-size:13px;
}
.bar-line-v8 em{
  font-style:normal;
}
.bar-line-v8 strong{
  color:#f7fbff;
}
.bar-v8{
  height:9px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  overflow:hidden;
}
.bar-v8 i{
  display:block;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg, #0d74ff, #00b7ff);
  box-shadow:0 0 22px rgba(0,183,255,.35);
}
.vod-grid-v8,
.clip-grid-v8{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.vod-card-v8,
.clip-card{
  min-height:100%;
}
.media-thumb{
  position:relative;
  aspect-ratio:16/9;
  background:
    radial-gradient(circle at 50% 40%, rgba(13,116,255,.20), transparent 34%),
    linear-gradient(135deg, #0a1930, #020711);
  overflow:hidden;
}
.media-thumb iframe,
.media-thumb video,
.media-thumb img{
  width:100%;
  height:100%;
  border:0;
  display:block;
  object-fit:cover;
  background:#000;
}
.mc-video-placeholder{
  width:100%;
  height:100%;
  min-height:220px;
  display:grid;
  place-items:center;
  text-align:center;
  color:var(--muted);
  background:
    radial-gradient(circle at 50% 45%, rgba(13,116,255,.25), transparent 34%),
    linear-gradient(135deg, #08182d, #020711);
}
.mc-video-placeholder span{
  padding:20px;
  font-weight:900;
}
.duration{
  position:absolute;
  right:13px;
  bottom:13px;
  border-radius:999px;
  background:rgba(0,0,0,.62);
  border:1px solid rgba(255,255,255,.14);
  padding:7px 10px;
  font-size:12px;
  font-weight:900;
}
.vod-body{
  padding:20px;
}
.vod-body h3{
  margin:0 0 9px;
  font-size:22px;
  letter-spacing:-.03em;
}
.vod-body p{
  margin:0;
  color:var(--muted);
  line-height:1.55;
  font-size:14px;
}
.tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:15px;
}
.tag{
  border-radius:999px;
  background:rgba(13,116,255,.13);
  border:1px solid rgba(13,116,255,.26);
  color:#cce2ff;
  padding:7px 10px;
  font-size:12px;
  font-weight:900;
}
.mc-open-video{
  display:inline-flex;
  padding:13px 18px;
  border-radius:10px;
  background:var(--accent);
  color:white;
  font-weight:900;
}
.empty-media{
  padding:28px;
}
.empty-media h3{
  margin:0 0 8px;
}
.empty-media p{
  color:var(--muted);
  margin:0;
}
.mc-number-pagination{
  display:flex;
  justify-content:center;
  gap:10px;
  margin-top:26px;
}
.mc-number-pagination a{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:12px;
  border:1px solid rgba(38,117,255,.32);
  background:rgba(6,18,36,.8);
  font-weight:1000;
}
.mc-number-pagination a.active,
.mc-number-pagination a:hover{
  background:linear-gradient(180deg, #0d74ff, #0757d0);
}
@media(max-width:1180px){
  .live-feature-v8{grid-template-columns:1fr}
  .vod-grid-v8,.clip-grid-v8{grid-template-columns:1fr 1fr}
  .section-head{display:block}
  .section-head p{text-align:left;margin-top:12px}
}
@media(max-width:760px){
  .section{width:min(100% - 24px,1520px);padding:52px 0}
  .stats-v8,.vod-grid-v8,.clip-grid-v8{grid-template-columns:1fr}
  .player-window-v8,.player-window-v8 iframe{min-height:310px}
}

/* v9.2 safe fixes */

/* Breite unten an Hero anpassen */
.section{
  width:min(1680px, calc(100% - 52px));
  max-width:min(1680px, calc(100% - 52px));
}

/* Hero-Bild-Strich Fix */
.mc-portrait,
.hero-portrait,
.portrait,
.mc-person,
.hero-person{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background-color:transparent!important;
}
.mc-portrait::before,.mc-portrait::after,
.hero-portrait::before,.hero-portrait::after,
.portrait::before,.portrait::after,
.mc-person::before,.mc-person::after,
.hero-person::before,.hero-person::after{
  display:none!important;
  content:none!important;
}

/* Schriftfarben + Metall-Look */
.section-head h2,
.blog-archive-hero h1,
.single-blog-hero h1,
.mc-info h2,
.live-center-v8 h2,
.media-theater-v8 h2,
.blog-latest-v9 h2{
  color:var(--mc-heading-color,#f7fbff);
}
body:not(.mc-no-gradient) .section-head h2,
body:not(.mc-no-gradient) .blog-archive-hero h1,
body:not(.mc-no-gradient) .single-blog-hero h1,
body:not(.mc-no-gradient) .mc-info h2,
body:not(.mc-no-gradient) .live-center-v8 h2,
body:not(.mc-no-gradient) .media-theater-v8 h2,
body:not(.mc-no-gradient) .blog-latest-v9 h2{
  background:var(--mc-heading-gradient, none);
  -webkit-background-clip:text;
  background-clip:text;
}
body:not(.mc-no-gradient) .section-head h2,
body:not(.mc-no-gradient) .blog-archive-hero h1,
body:not(.mc-no-gradient) .single-blog-hero h1,
body:not(.mc-no-gradient) .mc-info h2,
body:not(.mc-no-gradient) .live-center-v8 h2,
body:not(.mc-no-gradient) .media-theater-v8 h2,
body:not(.mc-no-gradient) .blog-latest-v9 h2{
  -webkit-text-fill-color:transparent;
}
.kicker,.section-head .kicker{color:var(--mc-kicker-color,#00b7ff)!important}
.section-head p,.panel-v8 p,.vod-body p,.blog-latest-card p,.blog-card-v9 p,.single-blog-content,.mc-info p{
  color:var(--mc-body-text-color,#aebbd0);
}

/* Blog Hauptseite */
.blog-latest-card{
  display:grid;
  grid-template-columns:1.4fr .8fr;
  min-height:210px;
}
.blog-latest-content{padding:32px}
.blog-latest-content h3{margin:0 0 12px;font-size:30px;letter-spacing:-.04em}
.blog-latest-image{min-height:220px;overflow:hidden}
.blog-latest-image img{width:100%;height:100%;object-fit:cover;display:block}
.blog-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.mc-readmore,.mc-all-posts,.mc-back-home{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  min-height:40px;
  min-width:128px;
  padding:11px 16px!important;
  border-radius:11px!important;
  background:linear-gradient(180deg,#1684ff,#0964e9)!important;
  color:#fff!important;
  font-weight:1000!important;
  text-decoration:none!important;
}
.mc-all-posts{background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.12)!important}
.mc-readmore:empty::before{content:"Weiter lesen"}

/* Blog Archiv */
.blog-archive-hero,.single-blog-hero{padding-top:78px;padding-bottom:32px}
.blog-archive-hero h1,.single-blog-hero h1{
  font-size:clamp(46px,7vw,96px);
  line-height:.95;
  letter-spacing:-.065em;
  margin:28px 0 14px;
}
.blog-grid-v9{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.blog-card-v9{overflow:hidden}
.blog-card-image{display:block;aspect-ratio:16/9;background:#020711}
.blog-card-image img{width:100%;height:100%;object-fit:cover;display:block}
.blog-card-body{padding:24px}
.blog-card-body time,.single-blog-hero time{color:var(--mc-kicker-color,#00b7ff);font-weight:1000}
.blog-card-body h2{margin:10px 0;font-size:26px;letter-spacing:-.04em}
.blog-card-body h2 a{color:#fff;text-decoration:none}
.single-blog-content{padding:34px;line-height:1.75;font-size:18px}
.single-thumb{margin:-34px -34px 28px;max-height:520px;overflow:hidden}
.single-thumb img{width:100%;height:100%;object-fit:cover;display:block}

/* Thumbnails */
.media-thumb img{transition:transform .22s ease}
.vod-card-v8:hover .media-thumb img,.clip-card:hover .media-thumb img{transform:scale(1.035)}

@media(max-width:1180px){.blog-grid-v9{grid-template-columns:1fr 1fr}}
@media(max-width:760px){
  .section{width:min(100% - 24px,1680px);max-width:min(100% - 24px,1680px)}
  .blog-latest-card,.blog-grid-v9{grid-template-columns:1fr}
}

/* v10 Twitch Status + bigger Chat */
.live-feature-v8{
  grid-template-columns:minmax(0,1.35fr) minmax(420px,.65fr);
  align-items:start;
}
.side-v8{
  grid-template-rows:auto 1fr;
}
.chat-panel-v10{
  min-height:620px;
  display:flex;
  flex-direction:column;
}
.chat-panel-v10 .chat-embed-v8{
  flex:1;
  height:560px;
  min-height:560px;
}
.stats-v8 .stat b{
  font-size:clamp(20px,2vw,28px);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.rows-v8 .row-v8 b{
  max-width:62%;
  text-align:right;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.bars-v8,
.bar-line-v8{
  display:none!important;
}
@media(max-width:1180px){
  .live-feature-v8{grid-template-columns:1fr}
  .chat-panel-v10 .chat-embed-v8{height:520px;min-height:520px}
}
@media(max-width:760px){
  .chat-panel-v10{min-height:480px}
  .chat-panel-v10 .chat-embed-v8{height:420px;min-height:420px}
  .rows-v8 .row-v8 b{max-width:55%}
}


/* v11: Blog duplicate removed + compact upper blog buttons */
.blog-latest-v9{display:none!important}
.mc-compact-blog{
  width:min(1680px, calc(100% - 52px));
  max-width:min(1680px, calc(100% - 52px));
  margin:0 auto;
  padding:26px 0 56px;
}
.mc-compact-blog-card{
  display:grid;
  grid-template-columns:1fr 330px;
  align-items:stretch;
  min-height:190px;
}
.mc-compact-blog-card > div:first-child{padding:28px}
.mc-compact-blog-card h3{
  margin:8px 0 10px;
  font-size:28px;
  line-height:1.1;
  letter-spacing:-.035em;
}
.mc-compact-blog-card p{
  color:var(--mc-body-text-color,#aebbd0);
  margin:0;
  max-width:820px;
  line-height:1.55;
}
.mc-compact-blog-image{overflow:hidden;min-height:190px}
.mc-compact-blog-image img{width:100%;height:100%;object-fit:cover;display:block}
.mc-mini-blog-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.mc-mini-blog-actions .mc-readmore,
.mc-mini-blog-actions .mc-all-posts{
  min-width:auto!important;
  min-height:38px!important;
  padding:10px 15px!important;
  font-size:14px!important;
}

/* v11: Stream Status kleiner, Chat passend zum Player */
.live-feature-v8{
  grid-template-columns:minmax(0,1.45fr) minmax(360px,.55fr)!important;
  align-items:start;
}
.player-window-v8,
.player-window-v8 iframe,
.player-window-v8 video{min-height:520px!important}
.side-v8{
  display:flex!important;
  flex-direction:column!important;
  gap:14px!important;
  height:auto!important;
}
.status-panel-v11{padding:16px 18px!important}
.status-panel-v11 h3{font-size:18px!important;margin-bottom:7px!important}
.status-panel-v11 p{font-size:12px!important;line-height:1.35!important;margin-bottom:10px!important}
.status-panel-v11 .row-v8{padding:7px 0!important;font-size:12px!important}
.status-panel-v11 .row-v8 b{font-size:12px!important}
.chat-panel-v10{
  min-height:0!important;
  height:auto!important;
  padding:16px 18px!important;
}
.chat-panel-v10 h3{font-size:18px!important}
.chat-panel-v10 .chat-embed-v8{height:315px!important;min-height:315px!important}

@media(min-width:1181px){
  .status-panel-v11{height:190px!important;overflow:hidden}
  .chat-panel-v10{height:316px!important;overflow:hidden}
  .chat-panel-v10 .chat-embed-v8{height:255px!important;min-height:255px!important}
}
.section-head p{max-width:720px}
@media(max-width:1180px){
  .live-feature-v8{grid-template-columns:1fr!important}
  .chat-panel-v10,
  .chat-panel-v10 .chat-embed-v8{height:480px!important;min-height:480px!important}
  .status-panel-v11{height:auto!important}
  .mc-compact-blog-card{grid-template-columns:1fr}
}
@media(max-width:760px){
  .mc-compact-blog{
    width:min(100% - 24px,1680px);
    max-width:min(100% - 24px,1680px);
    padding:20px 0 42px;
  }
  .mc-compact-blog-card > div:first-child{padding:22px}
}


/* v12: Status nicht abschneiden, Chat länger, Überschriften sauber */
.status-panel-v11{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  padding:16px 18px!important;
}
.status-panel-v11 p{
  display:block!important;
  overflow:visible!important;
  max-height:none!important;
  margin-bottom:10px!important;
}
.status-panel-v11 .rows-v8{
  gap:0!important;
}
.status-panel-v11 .row-v8{
  align-items:flex-start!important;
  min-height:auto!important;
  padding:7px 0!important;
}
.status-panel-v11 .row-v8 span{
  flex:0 0 auto!important;
  padding-right:12px!important;
}
.status-panel-v11 .row-v8 b{
  max-width:58%!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  line-height:1.25!important;
  text-align:right!important;
  word-break:break-word!important;
}
@media(min-width:1181px){
  .status-panel-v11{
    height:auto!important;
    overflow:visible!important;
  }
  .chat-panel-v10{
    height:390px!important;
    min-height:390px!important;
    overflow:hidden!important;
  }
  .chat-panel-v10 .chat-embed-v8{
    height:328px!important;
    min-height:328px!important;
  }
}

/* Chat etwas länger, aber nicht länger als der Playerblock */
.chat-panel-v10{
  padding:16px 18px!important;
}
.chat-panel-v10 .chat-embed-v8{
  border-radius:13px!important;
}

/* Überschrift oben/unten nicht mehr abschneiden */
.section,
.live-center-v8,
.media-theater-v8{
  overflow:visible!important;
}
.section-head{
  padding-top:28px!important;
  overflow:visible!important;
}
.section-head h2{
  line-height:1.08!important;
  padding-top:.08em!important;
  padding-bottom:.08em!important;
  overflow:visible!important;
}
.media-theater-v8{
  padding-top:84px!important;
}
.live-center-v8{
  padding-top:84px!important;
}

/* Kleine Labels und Texte im Customizer-freundlichen Layout */
.rows-v8 .row-v8{
  display:flex!important;
  justify-content:space-between!important;
  gap:14px!important;
}
.stats-v8 .stat span{
  white-space:normal!important;
  line-height:1.25!important;
}

/* Falls rechte Spalte durch längeren Text zu hoch wird, bleibt Layout sauber */
.side-v8{
  overflow:visible!important;
}

/* Responsive */
@media(max-width:1180px){
  .chat-panel-v10,
  .chat-panel-v10 .chat-embed-v8{
    height:500px!important;
    min-height:500px!important;
  }
  .status-panel-v11 .row-v8 b{
    max-width:62%!important;
  }
}
@media(max-width:760px){
  .chat-panel-v10,
  .chat-panel-v10 .chat-embed-v8{
    height:430px!important;
    min-height:430px!important;
  }
  .status-panel-v11 .row-v8{
    display:block!important;
  }
  .status-panel-v11 .row-v8 b{
    display:block!important;
    max-width:100%!important;
    text-align:left!important;
    margin-top:4px!important;
  }
}


/* v13: Blog Bilder komplett anzeigen, nicht croppen */
.mc-compact-blog-image,
.blog-latest-image,
.blog-card-image,
.blog-mag-image,
.single-thumb{
  background:#020711!important;
}
.mc-compact-blog-image img,
.blog-latest-image img,
.blog-card-image img,
.blog-mag-image img,
.single-thumb img{
  object-fit:contain!important;
  width:100%!important;
  height:100%!important;
  max-height:none!important;
  display:block!important;
  background:#020711!important;
}

/* Kleiner Blogteaser: Bild vollständig anzeigen */
.mc-compact-blog-card{
  grid-template-columns:1fr 360px!important;
}
.mc-compact-blog-image{
  display:grid!important;
  place-items:center!important;
}
.mc-compact-blog-image img{
  padding:0!important;
}

/* Extra blauen Punkt / leeren Button entfernen */
.mc-compact-blog-card a:empty,
.blog-latest-card a:empty,
.mc-mini-blog-actions a:empty,
.mc-compact-blog-card .btn:empty,
.mc-compact-blog-card .mc-btn:empty{
  display:none!important;
}
.mc-compact-blog-card > div:first-child > a:not(.mc-readmore):not(.mc-all-posts):empty{
  display:none!important;
}

/* Magazin-Blogseite */
.blog-magazine-page{
  background:
    radial-gradient(circle at 18% 8%, rgba(13,116,255,.14), transparent 30%),
    linear-gradient(135deg,#020711,#061426 52%,#02050d);
}
.blog-magazine-hero{
  padding-top:84px!important;
  padding-bottom:28px!important;
}
.blog-magazine-hero h1{
  font-size:clamp(52px,8vw,104px);
  line-height:1.02;
  letter-spacing:-.065em;
  margin:26px 0 14px;
  background:var(--mc-heading-gradient, linear-gradient(180deg,#fff,#8b94a3));
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.blog-magazine-hero p{
  max-width:760px;
  color:var(--mc-body-text-color,#aebbd0);
  line-height:1.6;
}
.blog-magazine-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.blog-mag-card{
  display:flex;
  flex-direction:column;
  min-height:100%;
}
.blog-mag-card.featured{
  grid-column:span 2;
  display:grid;
  grid-template-columns:1.1fr .9fr;
}
.blog-mag-image{
  aspect-ratio:16/9;
  display:grid;
  place-items:center;
  overflow:hidden;
  border-bottom:1px solid rgba(38,117,255,.25);
}
.blog-mag-card.featured .blog-mag-image{
  aspect-ratio:auto;
  min-height:360px;
  border-bottom:0;
  border-right:1px solid rgba(38,117,255,.25);
}
.blog-mag-body{
  padding:24px;
}
.blog-mag-body time{
  color:var(--mc-kicker-color,#00b7ff);
  font-weight:1000;
  font-size:13px;
}
.blog-mag-body h2{
  margin:10px 0;
  font-size:26px;
  line-height:1.08;
  letter-spacing:-.04em;
}
.blog-mag-card.featured .blog-mag-body h2{
  font-size:38px;
}
.blog-mag-body h2 a{
  color:#fff;
  text-decoration:none;
}
.blog-mag-body p{
  color:var(--mc-body-text-color,#aebbd0);
  line-height:1.58;
}

/* Einzelner Blogeintrag: Bild komplett zeigen */
.single-thumb.full-image{
  margin:-34px -34px 28px!important;
  height:auto!important;
  max-height:none!important;
  display:block!important;
  overflow:visible!important;
  background:#020711!important;
  text-align:center!important;
}
.single-thumb.full-image img{
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
}

/* Falls altes single-thumb CSS noch greift */
.single-thumb{
  max-height:none!important;
}

/* Blog-Menü soll eigene Seite sein: Startseitenanker bleibt nur für Teaser intern */
#blog.mc-compact-blog{
  scroll-margin-top:140px;
}

@media(max-width:1180px){
  .blog-magazine-grid{
    grid-template-columns:1fr 1fr;
  }
  .blog-mag-card.featured{
    grid-column:span 2;
    grid-template-columns:1fr;
  }
  .blog-mag-card.featured .blog-mag-image{
    border-right:0;
    border-bottom:1px solid rgba(38,117,255,.25);
    min-height:260px;
  }
}
@media(max-width:760px){
  .mc-compact-blog-card{
    grid-template-columns:1fr!important;
  }
  .blog-magazine-grid,
  .blog-mag-card.featured{
    grid-template-columns:1fr;
    grid-column:span 1;
  }
  .blog-mag-card.featured{
    grid-column:span 1;
  }
}


/* v17 Blog image fallback display */
.mc-compact-blog-image,
.blog-mag-image,
.blog-card-image,
.blog-latest-image{
  background:#020711!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
}
.mc-compact-blog-image img,
.blog-mag-image img,
.blog-card-image img,
.blog-latest-image img,
.blog-auto-image{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  display:block!important;
  background:#020711!important;
}

/* Bilder im Beitrag selbst nicht beschneiden */
.single-blog-content img,
.single-blog-content figure img,
.entry-content img{
  max-width:100%!important;
  height:auto!important;
  object-fit:contain!important;
  display:block!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Blauen leeren Button/Punkt im Blogteaser final entfernen */
.mc-compact-blog-card a:empty,
.mc-compact-blog-card button:empty,
.mc-compact-blog-card .mc-btn:empty,
.mc-compact-blog-card .btn:empty,
.mc-compact-blog-card > div:first-child > a:not(.mc-readmore):not(.mc-all-posts),
.mc-compact-blog-card > div:first-child > button:not(.mc-readmore):not(.mc-all-posts){
  display:none!important;
}
.mc-compact-blog-card .mc-mini-blog-actions + a,
.mc-compact-blog-card .mc-mini-blog-actions + button{
  display:none!important;
}

/* Wenn Blogteaser ein Bild hat, sauber rechts anzeigen */
.mc-compact-blog-card{
  grid-template-columns:minmax(0,1fr) 360px!important;
}
.mc-compact-blog-image{
  min-height:100%!important;
}
@media(max-width:760px){
  .mc-compact-blog-card{
    grid-template-columns:1fr!important;
  }
  .mc-compact-blog-image{
    min-height:220px!important;
  }
}


/* v18: Blogtitel nicht abgeschnitten */
.blog-magazine-hero{
  padding-top:120px!important;
  padding-bottom:48px!important;
  overflow:visible!important;
}
.blog-magazine-hero h1,
.blog-archive-hero h1,
.single-blog-hero h1{
  line-height:1.12!important;
  padding-top:.18em!important;
  padding-bottom:.14em!important;
  overflow:visible!important;
  margin-top:28px!important;
}

/* v18: Blogbilder immer sichtbar */
.blog-mag-image,
.mc-compact-blog-image,
.blog-latest-image,
.blog-card-image{
  min-height:220px!important;
  background:#020711!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
}
.blog-mag-card.featured .blog-mag-image{
  min-height:380px!important;
}
.blog-mag-image img,
.mc-compact-blog-image img,
.blog-latest-image img,
.blog-card-image img,
.blog-auto-image{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  display:block!important;
  background:#020711!important;
}
.mc-blog-placeholder{
  width:100%!important;
  height:100%!important;
  min-height:220px!important;
  display:grid!important;
  place-items:center!important;
  background:
    radial-gradient(circle at 50% 45%, rgba(13,116,255,.22), transparent 35%),
    linear-gradient(135deg,#08182d,#020711)!important;
  color:#cfe2ff!important;
  font-weight:1000!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}

/* Startseiten-Blogteaser Bild komplett rechts zeigen */
.mc-compact-blog-card{
  grid-template-columns:minmax(0,1fr) 360px!important;
}
.mc-compact-blog-image{
  min-height:100%!important;
}
.mc-compact-blog-image .mc-blog-placeholder{
  min-height:220px!important;
}

/* Einzelbeitrag Bilder komplett anzeigen */
.single-blog-content img,
.single-blog-content figure img,
.entry-content img{
  max-width:100%!important;
  height:auto!important;
  object-fit:contain!important;
  display:block!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.single-thumb.full-image{
  max-height:none!important;
  overflow:visible!important;
  background:#020711!important;
  text-align:center!important;
}
.single-thumb.full-image img{
  width:100%!important;
  height:auto!important;
  object-fit:contain!important;
}

/* Leeren blauen Punkt endgültig ausblenden */
.mc-compact-blog-card a:empty,
.mc-compact-blog-card button:empty,
.mc-compact-blog-card .mc-mini-blog-actions + a,
.mc-compact-blog-card .mc-mini-blog-actions + button,
.mc-compact-blog-card > div:first-child > a:not(.mc-readmore):not(.mc-all-posts),
.mc-compact-blog-card > div:first-child > button:not(.mc-readmore):not(.mc-all-posts){
  display:none!important;
}

/* Blogkarten Layout stabil */
.blog-mag-card{
  overflow:hidden!important;
}
.blog-mag-card.featured{
  align-items:stretch!important;
}
@media(max-width:760px){
  .blog-magazine-hero{
    padding-top:92px!important;
  }
  .mc-compact-blog-card{
    grid-template-columns:1fr!important;
  }
  .mc-compact-blog-image{
    min-height:230px!important;
  }
}


/* v19 FORCE: Blog oben garantiert nicht abgeschnitten */
.blog-v19 .blog-magazine-hero,
.blog-magazine-hero{
  padding-top:150px!important;
  padding-bottom:62px!important;
  overflow:visible!important;
}
.blog-v19 .blog-magazine-hero h1,
.blog-magazine-hero h1{
  line-height:1.18!important;
  padding-top:.24em!important;
  padding-bottom:.18em!important;
  margin-top:26px!important;
  overflow:visible!important;
  display:block!important;
}

/* v19 FORCE: Jede Blogkarte hat sichtbaren Bildbereich */
.blog-v19 .blog-mag-image,
.blog-mag-image{
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  min-height:260px!important;
  aspect-ratio:16/9!important;
  background:#020711!important;
  border-bottom:1px solid rgba(38,117,255,.25)!important;
  overflow:hidden!important;
}
.blog-v19 .blog-mag-card.featured .blog-mag-image,
.blog-mag-card.featured .blog-mag-image{
  min-height:420px!important;
  aspect-ratio:auto!important;
}
.blog-v19 .blog-mag-image img,
.blog-mag-image img,
.blog-auto-image{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  display:block!important;
  background:#020711!important;
}
.mc-blog-placeholder{
  width:100%!important;
  height:100%!important;
  min-height:260px!important;
  display:grid!important;
  place-items:center!important;
  background:
    radial-gradient(circle at 50% 45%, rgba(13,116,255,.22), transparent 35%),
    linear-gradient(135deg,#08182d,#020711)!important;
  color:#cfe2ff!important;
  font-weight:1000!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}

/* v19 FORCE: Startseiten-Blogteaser immer mit Bild/Platzhalter rechts */
.mc-compact-blog-card{
  grid-template-columns:minmax(0,1fr) 360px!important;
}
.mc-compact-blog-image{
  display:grid!important;
  place-items:center!important;
  min-height:100%!important;
  background:#020711!important;
  overflow:hidden!important;
}
.mc-compact-blog-image img,
.mc-compact-blog-image .blog-auto-image{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  background:#020711!important;
}
.mc-compact-blog-image .mc-blog-placeholder{
  min-height:220px!important;
}

/* v19 FORCE: leeren/blauen Punkt entfernen */
.mc-compact-blog-card a:empty,
.mc-compact-blog-card button:empty,
.mc-compact-blog-card .mc-mini-blog-actions + a,
.mc-compact-blog-card .mc-mini-blog-actions + button,
.mc-compact-blog-card > div:first-child > a:not(.mc-readmore):not(.mc-all-posts),
.mc-compact-blog-card > div:first-child > button:not(.mc-readmore):not(.mc-all-posts){
  display:none!important;
  width:0!important;
  height:0!important;
  padding:0!important;
  margin:0!important;
  opacity:0!important;
  pointer-events:none!important;
}

/* v19: Falls Bild nur im Content ist, wird Einzelbeitrag nicht beschnitten */
.single-blog-content img,
.single-blog-content figure img,
.entry-content img{
  max-width:100%!important;
  height:auto!important;
  object-fit:contain!important;
  display:block!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
@media(max-width:760px){
  .blog-magazine-hero{padding-top:110px!important}
  .mc-compact-blog-card{grid-template-columns:1fr!important}
  .mc-compact-blog-image{min-height:230px!important}
}


/* v20: Startseiten-Blogkasten zeigt rechts garantiert ein Bild/Platzhalter */
.mc-home-blog-v20{
  width:min(1680px, calc(100% - 52px))!important;
  max-width:min(1680px, calc(100% - 52px))!important;
  margin:0 auto!important;
  padding:26px 0 56px!important;
}
.mc-home-blog-card-v20{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 360px!important;
  align-items:stretch!important;
  min-height:220px!important;
  overflow:hidden!important;
}
.mc-home-blog-copy-v20{
  padding:28px!important;
}
.mc-home-blog-copy-v20 h3{
  margin:8px 0 10px!important;
  font-size:28px!important;
  line-height:1.1!important;
  letter-spacing:-.035em!important;
}
.mc-home-blog-copy-v20 p{
  color:var(--mc-body-text-color,#aebbd0)!important;
  margin:0!important;
  max-width:820px!important;
  line-height:1.55!important;
}
.mc-home-blog-image-v20{
  display:grid!important;
  place-items:center!important;
  min-height:220px!important;
  width:100%!important;
  background:#020711!important;
  border-left:1px solid rgba(38,117,255,.25)!important;
  overflow:hidden!important;
  text-decoration:none!important;
}
.mc-home-blog-image-v20 img,
.mc-home-blog-image-v20 .blog-auto-image{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  background:#020711!important;
  display:block!important;
}
.mc-home-blog-image-v20 .mc-blog-placeholder{
  width:100%!important;
  height:100%!important;
  min-height:220px!important;
  display:grid!important;
  place-items:center!important;
}

/* v20: alten blauen Punkt sicher weg */
.mc-home-blog-card-v20 a:empty,
.mc-home-blog-card-v20 button:empty,
.mc-home-blog-card-v20 .mc-mini-blog-actions + a,
.mc-home-blog-card-v20 .mc-mini-blog-actions + button{
  display:none!important;
}

/* v20: mobile */
@media(max-width:760px){
  .mc-home-blog-v20{
    width:min(100% - 24px,1680px)!important;
    max-width:min(100% - 24px,1680px)!important;
  }
  .mc-home-blog-card-v20{
    grid-template-columns:1fr!important;
  }
  .mc-home-blog-image-v20{
    border-left:0!important;
    border-top:1px solid rgba(38,117,255,.25)!important;
    min-height:230px!important;
  }
}


/* v21: großen zusätzlich erzeugten Blogbereich komplett entfernen */
.mc-home-blog-v20,
.mc-home-blog-card-v20,
section.mc-home-blog-v20{
  display:none!important;
}

/* v21: nur der kleine vorhandene Blogkasten bekommt rechts ein Bild */
.mc-small-blog-image-v21{
  display:grid!important;
  place-items:center!important;
  width:320px!important;
  min-width:320px!important;
  min-height:180px!important;
  height:100%!important;
  background:#020711!important;
  border-left:1px solid rgba(38,117,255,.25)!important;
  overflow:hidden!important;
  text-decoration:none!important;
  align-self:stretch!important;
}

/* Versuche den vorhandenen Blog-Teaser als 2-Spalten-Layout zu erzwingen */
.mc-small-blog-image-v21{
  float:right!important;
  margin:-140px 0 0 24px!important;
  border-radius:0 16px 16px 0!important;
}

/* Falls der Eltern-Container grid/flex erlaubt */
.mc-small-blog-image-v21 img,
.mc-small-blog-image-v21 .blog-auto-image{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  background:#020711!important;
  display:block!important;
}
.mc-small-blog-image-v21 .mc-blog-placeholder{
  width:100%!important;
  height:100%!important;
  min-height:180px!important;
  display:grid!important;
  place-items:center!important;
}

/* blauen leeren Punkt endgültig weg */
.mc-compact-blog-card a:empty,
.blog-latest-card a:empty,
.mc-mini-blog-actions + a:empty,
.mc-mini-blog-actions + button:empty,
a[href="#"]:empty,
button:empty{
  display:none!important;
  width:0!important;
  height:0!important;
  padding:0!important;
  margin:0!important;
  opacity:0!important;
}

/* kleine Blogbox optisch stabilisieren */
.mc-compact-blog,
.blog-latest-v9{
  margin-bottom:56px!important;
}

@media(max-width:900px){
  .mc-small-blog-image-v21{
    float:none!important;
    width:100%!important;
    min-width:0!important;
    margin:22px 0 0!important;
    min-height:220px!important;
    border-left:0!important;
    border-top:1px solid rgba(38,117,255,.25)!important;
    border-radius:0 0 16px 16px!important;
  }
}


/* v22: alten fehlerhaften Blog-Float komplett deaktivieren */
.mc-small-blog-image-v21,
.mc-home-blog-v20,
.mc-home-blog-card-v20,
.mc-compact-blog:not(.mc-small-blog-v22){
  display:none!important;
}

/* v22: sauberer kleiner Blogkasten: Text links, Bild rechts */
.mc-small-blog-v22{
  width:min(1680px, calc(100% - 52px))!important;
  max-width:min(1680px, calc(100% - 52px))!important;
  margin:0 auto!important;
  padding:26px 0 56px!important;
}
.mc-small-blog-card-v22{
  display:grid!important;
  grid-template-columns:minmax(0, 1fr) minmax(320px, 420px)!important;
  align-items:stretch!important;
  min-height:230px!important;
  overflow:hidden!important;
}
.mc-small-blog-copy-v22{
  padding:28px!important;
  min-width:0!important;
  position:relative!important;
  z-index:2!important;
}
.mc-small-blog-copy-v22 h3{
  margin:8px 0 10px!important;
  font-size:28px!important;
  line-height:1.1!important;
  letter-spacing:-.035em!important;
}
.mc-small-blog-copy-v22 p{
  color:var(--mc-body-text-color,#aebbd0)!important;
  margin:0!important;
  max-width:760px!important;
  line-height:1.55!important;
}
.mc-small-blog-image-v22{
  display:grid!important;
  place-items:center!important;
  min-height:230px!important;
  width:100%!important;
  height:100%!important;
  background:#020711!important;
  border-left:1px solid rgba(38,117,255,.25)!important;
  overflow:hidden!important;
  text-decoration:none!important;
  position:relative!important;
  z-index:1!important;
  margin:0!important;
  float:none!important;
}
.mc-small-blog-image-v22 img,
.mc-small-blog-image-v22 .blog-auto-image{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  background:#020711!important;
  display:block!important;
}
.mc-small-blog-image-v22 .mc-blog-placeholder{
  width:100%!important;
  height:100%!important;
  min-height:230px!important;
  display:grid!important;
  place-items:center!important;
}

/* v22: leeren blauen Punkt/alte Buttons sicher ausblenden */
.mc-small-blog-card-v22 a:empty,
.mc-small-blog-card-v22 button:empty,
.mc-small-blog-card-v22 .mc-mini-blog-actions + a:not(.mc-small-blog-image-v22),
.mc-small-blog-card-v22 .mc-mini-blog-actions + button{
  display:none!important;
  width:0!important;
  height:0!important;
  padding:0!important;
  margin:0!important;
}

/* v22: responsive */
@media(max-width:900px){
  .mc-small-blog-v22{
    width:min(100% - 24px,1680px)!important;
    max-width:min(100% - 24px,1680px)!important;
  }
  .mc-small-blog-card-v22{
    grid-template-columns:1fr!important;
  }
  .mc-small-blog-image-v22{
    border-left:0!important;
    border-top:1px solid rgba(38,117,255,.25)!important;
    min-height:240px!important;
  }
}


/* v23: Es darf nur EIN Blogkasten auf der Startseite sichtbar sein */
.mc-small-blog-v22,
.mc-home-blog-v20,
section.mc-home-blog-v20,
.mc-home-blog-card-v20,
section.mc-small-blog-v22,
section.mc-compact-blog:not(.mc-original-blog-card-v23){
  display:none!important;
}

/* v23: Originalen kleinen Blogkasten sauber in 2 Spalten umbauen */
.mc-original-blog-card-v23{
  display:grid!important;
  grid-template-columns:minmax(0, 1fr) minmax(300px, 360px)!important;
  align-items:stretch!important;
  overflow:hidden!important;
  min-height:210px!important;
  position:relative!important;
}
.mc-original-blog-card-v23 > *:not(.mc-original-blog-image-v23){
  min-width:0!important;
  position:relative!important;
  z-index:2!important;
}
.mc-original-blog-image-v23{
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  height:100%!important;
  min-height:210px!important;
  background:#020711!important;
  border-left:1px solid rgba(38,117,255,.25)!important;
  overflow:hidden!important;
  text-decoration:none!important;
  position:relative!important;
  z-index:1!important;
  margin:0!important;
  float:none!important;
  grid-column:2!important;
  grid-row:1 / -1!important;
}
.mc-original-blog-image-v23 img,
.mc-original-blog-image-v23 .blog-auto-image{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  background:#020711!important;
  display:block!important;
}
.mc-original-blog-image-v23 .mc-blog-placeholder{
  width:100%!important;
  height:100%!important;
  min-height:210px!important;
  display:grid!important;
  place-items:center!important;
}

/* v23: alten blauen Punkt endgültig weg */
.mc-original-blog-card-v23 a:empty,
.mc-original-blog-card-v23 button:empty,
.mc-original-blog-card-v23 .mc-mini-blog-actions + a:not(.mc-original-blog-image-v23),
.mc-original-blog-card-v23 .mc-mini-blog-actions + button,
a[href="#"]:empty,
button:empty{
  display:none!important;
  width:0!important;
  height:0!important;
  padding:0!important;
  margin:0!important;
  opacity:0!important;
}

/* Falls Text durch Grid nicht korrekt gepackt wird */
.mc-original-blog-card-v23 .kicker,
.mc-original-blog-card-v23 h3,
.mc-original-blog-card-v23 p,
.mc-original-blog-card-v23 .mc-mini-blog-actions,
.mc-original-blog-card-v23 .blog-actions{
  grid-column:1!important;
}

/* Responsive */
@media(max-width:900px){
  .mc-original-blog-card-v23{
    grid-template-columns:1fr!important;
  }
  .mc-original-blog-image-v23{
    grid-column:1!important;
    grid-row:auto!important;
    border-left:0!important;
    border-top:1px solid rgba(38,117,255,.25)!important;
    min-height:230px!important;
  }
}


/* v24: endgültiger Blogteaser-Fix: Text links, Bild rechts */
.mc-original-blog-card-v23,
.mc-original-blog-card-v24{
  display:block!important;
  position:relative!important;
  overflow:hidden!important;
  min-height:220px!important;
  padding-right:380px!important;
  box-sizing:border-box!important;
}

/* Textbereich links bleibt frei vom Bild */
.mc-original-blog-card-v23 > *:not(.mc-original-blog-image-v23):not(.mc-original-blog-image-v24),
.mc-original-blog-card-v24 > *:not(.mc-original-blog-image-v23):not(.mc-original-blog-image-v24){
  max-width:760px!important;
  position:relative!important;
  z-index:2!important;
}

/* Bild fest rechts, skaliert auf Vorschaugröße */
.mc-original-blog-image-v23,
.mc-original-blog-image-v24{
  position:absolute!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  width:360px!important;
  height:100%!important;
  min-height:220px!important;
  display:grid!important;
  place-items:center!important;
  background:#020711!important;
  border-left:1px solid rgba(38,117,255,.25)!important;
  overflow:hidden!important;
  text-decoration:none!important;
  z-index:1!important;
  margin:0!important;
  float:none!important;
  transform:none!important;
}

/* Bild nicht übergroß, sondern sauber in die rechte Box einpassen */
.mc-original-blog-image-v23 img,
.mc-original-blog-image-v24 img,
.mc-original-blog-image-v23 .blog-auto-image,
.mc-original-blog-image-v24 .blog-auto-image{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  display:block!important;
  background:#020711!important;
}

/* Platzhalter in rechter Box */
.mc-original-blog-image-v23 .mc-blog-placeholder,
.mc-original-blog-image-v24 .mc-blog-placeholder{
  width:100%!important;
  height:100%!important;
  min-height:220px!important;
  display:grid!important;
  place-items:center!important;
}

/* alten falschen Float komplett ausschalten */
.mc-small-blog-image-v21,
.mc-small-blog-image-v22,
.mc-home-blog-v20,
.mc-home-blog-card-v20,
section.mc-small-blog-v22,
section.mc-home-blog-v20{
  display:none!important;
}

/* leeren blauen Punkt weg */
.mc-original-blog-card-v23 a:empty,
.mc-original-blog-card-v24 a:empty,
.mc-original-blog-card-v23 button:empty,
.mc-original-blog-card-v24 button:empty,
a[href="#"]:empty,
button:empty{
  display:none!important;
  width:0!important;
  height:0!important;
  padding:0!important;
  margin:0!important;
  opacity:0!important;
}

/* Mobile: Bild unter Text */
@media(max-width:900px){
  .mc-original-blog-card-v23,
  .mc-original-blog-card-v24{
    padding-right:0!important;
    min-height:auto!important;
  }
  .mc-original-blog-image-v23,
  .mc-original-blog-image-v24{
    position:relative!important;
    width:100%!important;
    height:230px!important;
    min-height:230px!important;
    border-left:0!important;
    border-top:1px solid rgba(38,117,255,.25)!important;
    margin-top:22px!important;
  }
}


/* v25 FINAL: vorhandener kleiner Blogkasten mc-latest-post */
.mc-latest-post-v25{
  display:grid!important;
  grid-template-columns:minmax(0, 1fr) 360px!important;
  align-items:stretch!important;
  min-height:220px!important;
  overflow:hidden!important;
  padding:0!important;
  position:relative!important;
}
.mc-latest-copy-v25{
  padding:28px!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
.mc-latest-copy-v25 .mc-latest-label{
  color:var(--mc-kicker-color,#00b7ff)!important;
  font-weight:1000!important;
  text-transform:uppercase!important;
  letter-spacing:.12em!important;
  margin-bottom:9px!important;
}
.mc-latest-copy-v25 h3{
  margin:0 0 12px!important;
  font-size:28px!important;
  line-height:1.1!important;
  letter-spacing:-.035em!important;
}
.mc-latest-copy-v25 p{
  margin:0!important;
  max-width:760px!important;
  color:var(--mc-body-text-color,#aebbd0)!important;
  line-height:1.55!important;
}
.mc-latest-image-v25{
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  height:100%!important;
  min-height:220px!important;
  background:#020711!important;
  border-left:1px solid rgba(38,117,255,.25)!important;
  overflow:hidden!important;
  text-decoration:none!important;
  position:relative!important;
  margin:0!important;
  float:none!important;
}
.mc-latest-image-v25 img,
.mc-latest-image-v25 .blog-auto-image{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  display:block!important;
  background:#020711!important;
}
.mc-latest-image-v25 .mc-blog-placeholder{
  width:100%!important;
  height:100%!important;
  min-height:220px!important;
  display:grid!important;
  place-items:center!important;
}

/* v25: alle alten falschen Startseiten-Blogversuche ausblenden */
.mc-small-blog-v22,
.mc-home-blog-v20,
.mc-home-blog-card-v20,
.mc-small-blog-image-v21,
.mc-original-blog-image-v23,
.mc-original-blog-image-v24,
.mc-small-blog-image-v22,
section.mc-small-blog-v22,
section.mc-home-blog-v20{
  display:none!important;
}

/* v25: blauer leerer Punkt weg */
.mc-latest-post-v25 a:empty,
.mc-latest-post-v25 button:empty,
.mc-latest-post-v25 .mc-latest-actions,
.mc-latest-post-v25 .mc-small-btn,
.mc-latest-post-v25 .mc-small-link{
  display:none!important;
}

/* v25 responsive */
@media(max-width:900px){
  .mc-latest-post-v25{
    grid-template-columns:1fr!important;
  }
  .mc-latest-image-v25{
    min-height:230px!important;
    border-left:0!important;
    border-top:1px solid rgba(38,117,255,.25)!important;
  }
}

/* v26 critical repair: final small blog card */
.mc-latest-post-v26{
  display:grid!important;
  grid-template-columns:minmax(0, 1fr) 360px!important;
  align-items:stretch!important;
  min-height:220px!important;
  overflow:hidden!important;
  padding:0!important;
  position:relative!important;
}
.mc-latest-copy-v26{
  padding:28px!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
.mc-latest-copy-v26 .mc-latest-label{
  color:var(--mc-kicker-color,#00b7ff)!important;
  font-weight:1000!important;
  text-transform:uppercase!important;
  letter-spacing:.12em!important;
  margin-bottom:9px!important;
}
.mc-latest-copy-v26 h3{
  margin:0 0 12px!important;
  font-size:28px!important;
  line-height:1.1!important;
  letter-spacing:-.035em!important;
}
.mc-latest-copy-v26 p{
  margin:0!important;
  max-width:760px!important;
  color:var(--mc-body-text-color,#aebbd0)!important;
  line-height:1.55!important;
}
.mc-latest-image-v26{
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  height:100%!important;
  min-height:220px!important;
  background:#020711!important;
  border-left:1px solid rgba(38,117,255,.25)!important;
  overflow:hidden!important;
  text-decoration:none!important;
  position:relative!important;
  margin:0!important;
  float:none!important;
}
.mc-latest-image-v26 img,
.mc-latest-image-v26 .blog-auto-image{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  display:block!important;
  background:#020711!important;
}
.mc-latest-image-v26 .mc-blog-placeholder{
  width:100%!important;
  height:100%!important;
  min-height:220px!important;
  display:grid!important;
  place-items:center!important;
}
.mc-small-blog-v22,
.mc-home-blog-v20,
.mc-home-blog-card-v20,
.mc-small-blog-image-v21,
.mc-original-blog-image-v23,
.mc-original-blog-image-v24,
.mc-small-blog-image-v22,
section.mc-small-blog-v22,
section.mc-home-blog-v20{
  display:none!important;
}
@media(max-width:900px){
  .mc-latest-post-v26{
    grid-template-columns:1fr!important;
  }
  .mc-latest-image-v26{
    min-height:230px!important;
    border-left:0!important;
    border-top:1px solid rgba(38,117,255,.25)!important;
  }
}

/* v28 Direct GPS Tracker */
.mc-tracker-section{padding-top:84px!important}
.mc-tracker-card{overflow:hidden}
.mc-tracker-map-wrap{position:relative;width:100%;min-height:360px;background:#020711}
.mc-live-tracker-map{width:100%;height:100%;min-height:360px;background:radial-gradient(circle at 50% 45%,rgba(13,116,255,.22),transparent 36%),linear-gradient(135deg,#08182d,#020711);z-index:1}
.mc-tracker-loading{width:100%;height:100%;min-height:360px;display:grid;place-items:center;color:#cfe2ff;font-weight:1000;letter-spacing:.04em;text-transform:uppercase}
.mc-tracker-info{padding:22px;border-top:1px solid rgba(38,117,255,.25);background:linear-gradient(180deg,rgba(6,18,36,.92),rgba(3,12,26,.84))}
.mc-tracker-status{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.mc-tracker-dot{width:12px;height:12px;border-radius:50%;background:#ff4d5e;box-shadow:0 0 18px rgba(255,77,94,.45)}
.mc-tracker-dot.online{background:#40f09d;box-shadow:0 0 18px rgba(64,240,157,.55)}
.mc-tracker-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.mc-tracker-grid div{border-radius:14px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.055);padding:14px;min-width:0}
.mc-tracker-grid b{display:block;font-size:16px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mc-tracker-grid span{display:block;margin-top:6px;font-size:12px;color:var(--mc-body-text-color,#aebbd0)}
.mc-tracker-marker-core{width:28px;height:28px;border-radius:50%;background:#0d74ff;border:4px solid #fff;box-shadow:0 0 0 8px rgba(13,116,255,.22),0 0 30px rgba(13,116,255,.7)}
.leaflet-container{font-family:inherit}
@media(max-width:1180px){.mc-tracker-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.mc-tracker-grid{grid-template-columns:1fr 1fr}}

/* v30 GPS: Karte immer sichtbar + stale marker */
.mc-tracker-dot.stale{
  background:#ffb02e!important;
  box-shadow:0 0 18px rgba(255,176,46,.55)!important;
}
.mc-tracker-marker.is-stale .mc-tracker-marker-core{
  background:#ffb02e!important;
  box-shadow:0 0 0 8px rgba(255,176,46,.22),0 0 30px rgba(255,176,46,.7)!important;
}
.mc-live-tracker-map{
  min-height:360px!important;
}

/* v31 Livetracker Menü + Vollbild */
.mc-fixed-tracker-link{
  position:fixed;
  top:18px;
  right:22px;
  z-index:999;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 18px;
  border-radius:999px;
  background:#0a6cff;
  color:#fff!important;
  text-decoration:none!important;
  font-weight:1000;
  box-shadow:0 18px 42px rgba(10,108,255,.35);
}
.mc-tracker-fullscreen-page{
  margin:0!important;
  overflow:hidden!important;
  background:#020711!important;
}
.mc-fulltracker-shell{
  width:100vw;
  height:100vh;
  height:100dvh;
  overflow:hidden;
  background:#020711;
  color:#fff;
}
.mc-fulltracker-top{
  height:96px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:22px;
  padding:18px 24px;
  border-bottom:1px solid rgba(38,117,255,.32);
  background:linear-gradient(180deg,rgba(3,12,26,.98),rgba(3,12,26,.82));
  position:relative;
  z-index:20;
}
.mc-fulltracker-top h1{
  margin:0;
  font-size:34px;
  line-height:1;
  letter-spacing:-.05em;
}
.mc-fulltracker-back{
  color:#fff!important;
  text-decoration:none!important;
  font-weight:1000;
  padding:12px 16px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.06);
}
.mc-fulltracker-live{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:260px;
  justify-content:flex-end;
}
.mc-fulltracker-main{
  position:relative;
  height:calc(100vh - 96px);
  height:calc(100dvh - 96px);
}
.mc-live-tracker-map-full{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  border:0!important;
  border-radius:0!important;
}
.mc-fulltracker-panel{
  position:absolute;
  left:22px;
  right:22px;
  bottom:22px;
  z-index:500;
  padding:16px;
  border-radius:22px;
  border:1px solid rgba(38,117,255,.32);
  background:rgba(3,12,26,.82);
  backdrop-filter:blur(18px);
  box-shadow:0 24px 80px rgba(0,0,0,.42);
}
.mc-fulltracker-grid{
  grid-template-columns:repeat(6,1fr)!important;
}
.mc-fulltracker-grid div{
  background:rgba(255,255,255,.08)!important;
}
@media(max-width:980px){
  .mc-fulltracker-top{
    grid-template-columns:1fr;
    height:auto;
    gap:8px;
    padding:14px;
  }
  .mc-fulltracker-main{
    height:calc(100vh - 150px);
    height:calc(100dvh - 150px);
  }
  .mc-fulltracker-live{
    justify-content:flex-start;
    min-width:0;
  }
  .mc-fulltracker-panel{
    left:10px;
    right:10px;
    bottom:10px;
    padding:10px;
  }
  .mc-fulltracker-grid{
    grid-template-columns:repeat(2,1fr)!important;
  }
}

/* v32: Livetracker sicher in der Hauptnavigation */
.mc-nav-tracker-v32{
  color:inherit!important;
  text-decoration:none!important;
  text-transform:uppercase!important;
  font-weight:1000!important;
  letter-spacing:.06em!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  white-space:nowrap!important;
}
.mc-nav-tracker-v32:hover{
  color:#4da3ff!important;
}
.mc-nav-tracker-v32::after{
  content:"";
  display:block;
  height:2px;
  width:0;
  background:#0a6cff;
  transition:width .2s ease;
}
.mc-nav-tracker-v32:hover::after{
  width:100%;
}
/* fallback button from v31 no longer needed */
.mc-fixed-tracker-link{
  display:none!important;
}

/* v33: Livetracker sauber neben ABOUT + Gold-Verlauf */
.mc-nav-tracker-v32,
.mc-nav-tracker-v33{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  max-width:none!important;
  white-space:nowrap!important;
  flex:0 0 auto!important;
  margin-left:24px!important;
  margin-top:0!important;
  padding:0!important;
  line-height:1!important;
  text-decoration:none!important;
  text-transform:none!important;
  letter-spacing:.045em!important;
  font-weight:1000!important;

  color:#f6c85f!important;
  background:linear-gradient(180deg,#fff2a8 0%,#f6c85f 32%,#b8751d 72%,#ffe08a 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  text-shadow:0 0 18px rgba(246,200,95,.22)!important;
}

.mc-nav-tracker-v32::after,
.mc-nav-tracker-v33::after{
  content:""!important;
  display:none!important;
}

/* Falls die Navigation wrappt: Reiter trotzdem in derselben Zeile halten */
nav:has(.mc-nav-tracker-v33),
.mc-nav:has(.mc-nav-tracker-v33),
.site-nav:has(.mc-nav-tracker-v33){
  flex-wrap:nowrap!important;
}

/* alter Ersatzlink bleibt aus */
.mc-fixed-tracker-link{
  display:none!important;
}

/* v34: LIVETRACKER wieder komplett in Großbuchstaben */
.mc-nav-tracker-v32,
.mc-nav-tracker-v33{
  text-transform:uppercase!important;
}


/* v38: echter Live-Bereich Fix auf den tatsächlich vorhandenen Klassen */

/* Live-Bereich breit genug machen */
.live-layout-fixed-v38,
.live-center-v8#live,
section#live{
  width:min(1840px, calc(100% - 44px))!important;
  max-width:min(1840px, calc(100% - 44px))!important;
  margin-left:auto!important;
  margin-right:auto!important;
  overflow:visible!important;
}

/* ECHTES Layout: Player links groß, Chat/Side rechts */
.live-layout-fixed-v38 .live-feature-v8,
.live-center-v8 .live-feature-v8,
#live .live-feature-v8{
  display:grid!important;
  grid-template-columns:minmax(880px, 1fr) 540px!important;
  gap:30px!important;
  align-items:start!important;
  width:100%!important;
  max-width:100%!important;
  overflow:visible!important;
}

/* Linke Player-Karte wieder groß */
.live-layout-fixed-v38 .player-card-v8,
.live-center-v8 .player-card-v8,
#live .player-card-v8{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  padding:18px!important;
  overflow:visible!important;
}

/* Stream-Fenster sauber 16:9, nicht schmal und nicht verzerrt */
.live-layout-fixed-v38 .player-window-v8,
.live-center-v8 .player-window-v8,
#live .player-window-v8{
  width:100%!important;
  aspect-ratio:16/9!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  border-radius:18px!important;
  overflow:hidden!important;
  display:block!important;
  position:relative!important;
  background:
    radial-gradient(circle at 50% 50%, rgba(13,116,255,.22), transparent 34%),
    linear-gradient(135deg, #071529, #020711)!important;
}

/* Twitch Player füllt das 16:9-Fenster */
.live-layout-fixed-v38 .player-window-v8 iframe,
.live-center-v8 .player-window-v8 iframe,
#live .player-window-v8 iframe,
.live-layout-fixed-v38 .player-window-v8 video,
.live-center-v8 .player-window-v8 video,
#live .player-window-v8 video{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  border:0!important;
  display:block!important;
  background:#000!important;
}

/* Statistiken bleiben unter dem Player sauber */
.live-layout-fixed-v38 .stats-v8,
.live-center-v8 .stats-v8,
#live .stats-v8{
  display:grid!important;
  grid-template-columns:repeat(4, minmax(0, 1fr))!important;
  gap:12px!important;
  margin-top:14px!important;
}

/* Rechte Spalte fest, damit Chat nicht wieder quetscht */
.live-layout-fixed-v38 .side-v8,
.live-center-v8 .side-v8,
#live .side-v8{
  width:540px!important;
  min-width:540px!important;
  max-width:540px!important;
  display:grid!important;
  gap:18px!important;
  overflow:visible!important;
}

/* Chat-Karte groß und nicht abgeschnitten */
.live-layout-fixed-v38 .chat-panel-v10,
.live-center-v8 .chat-panel-v10,
#live .chat-panel-v10{
  min-height:735px!important;
  height:auto!important;
  max-height:none!important;
  display:flex!important;
  flex-direction:column!important;
  padding:22px!important;
  overflow:visible!important;
}

/* Chat-Embed groß genug für Eingabe unten */
.live-layout-fixed-v38 .chat-panel-v10 .chat-embed-v8,
.live-center-v8 .chat-panel-v10 .chat-embed-v8,
#live .chat-panel-v10 .chat-embed-v8{
  width:100%!important;
  height:670px!important;
  min-height:670px!important;
  max-height:none!important;
  flex:0 0 670px!important;
  overflow:hidden!important;
  border-radius:18px!important;
}

/* Chat-Iframe füllt nur den Chat, nicht den Player */
.live-layout-fixed-v38 .chat-panel-v10 .chat-embed-v8 iframe,
.live-center-v8 .chat-panel-v10 .chat-embed-v8 iframe,
#live .chat-panel-v10 .chat-embed-v8 iframe{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  border:0!important;
  display:block!important;
}

/* Statuspanel in der rechten Spalte kompakt halten */
.live-layout-fixed-v38 .status-panel-v11,
.live-center-v8 .status-panel-v11,
#live .status-panel-v11{
  padding:18px!important;
}

/* Bei kleineren Bildschirmen sauber untereinander */
@media(max-width:1500px){
  .live-layout-fixed-v38 .live-feature-v8,
  .live-center-v8 .live-feature-v8,
  #live .live-feature-v8{
    grid-template-columns:1fr!important;
  }

  .live-layout-fixed-v38 .side-v8,
  .live-center-v8 .side-v8,
  #live .side-v8{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }

  .live-layout-fixed-v38 .chat-panel-v10 .chat-embed-v8,
  .live-center-v8 .chat-panel-v10 .chat-embed-v8,
  #live .chat-panel-v10 .chat-embed-v8{
    height:650px!important;
    min-height:650px!important;
    flex-basis:650px!important;
  }
}

/* Handy */
@media(max-width:760px){
  .live-layout-fixed-v38,
  .live-center-v8#live,
  section#live{
    width:min(100% - 22px, 1840px)!important;
    max-width:min(100% - 22px, 1840px)!important;
  }

  .live-layout-fixed-v38 .stats-v8,
  .live-center-v8 .stats-v8,
  #live .stats-v8{
    grid-template-columns:1fr 1fr!important;
  }

  .live-layout-fixed-v38 .chat-panel-v10,
  .live-center-v8 .chat-panel-v10,
  #live .chat-panel-v10{
    padding:14px!important;
    min-height:610px!important;
  }

  .live-layout-fixed-v38 .chat-panel-v10 .chat-embed-v8,
  .live-center-v8 .chat-panel-v10 .chat-embed-v8,
  #live .chat-panel-v10 .chat-embed-v8{
    height:560px!important;
    min-height:560px!important;
    flex-basis:560px!important;
    border-radius:14px!important;
  }
}


/* v42: Hero groß rechts + Kacheln links wieder breit */
/* Basis: v38 bleibt erhalten. Nur Hero wird gezielt überschrieben. */

:root{
  --mc-hero-left-width-v42: 760px;
  --mc-hero-gap-v42: 34px;
}

/* Hero Wrapper: linke Seite wieder breiter, rechte Seite bleibt riesig */
.mc-hero .mc-wrap{
  width:min(1900px, calc(100% - 44px))!important;
  max-width:min(1900px, calc(100% - 44px))!important;
  margin:0 auto!important;
  min-height:calc(100vh - 90px)!important;
  display:grid!important;
  grid-template-columns:var(--mc-hero-left-width-v42) minmax(0, 1fr)!important;
  gap:var(--mc-hero-gap-v42)!important;
  align-items:end!important;
  overflow:visible!important;
}

/* Linke Seite: breit genug für Text, Features und Blog */
.mc-hero .mc-left{
  width:var(--mc-hero-left-width-v42)!important;
  max-width:var(--mc-hero-left-width-v42)!important;
  min-width:var(--mc-hero-left-width-v42)!important;
  padding:54px 0 54px!important;
  position:relative!important;
  z-index:5!important;
  overflow:visible!important;
}

/* Text darf umbrechen, aber die Kacheln nicht schmal machen */
.mc-hero .mc-left h1,
.mc-hero .mc-left h2,
.mc-hero .mc-left p,
.mc-hero .mc-desc{
  max-width:720px!important;
  overflow-wrap:break-word!important;
}

.mc-hero .mc-left h1{
  font-size:clamp(82px, 7vw, 142px)!important;
  line-height:.88!important;
}

.mc-hero .mc-left h2{
  font-size:clamp(28px, 2vw, 38px)!important;
  line-height:1.1!important;
}

.mc-hero .mc-desc{
  max-width:720px!important;
  font-size:19px!important;
  line-height:1.52!important;
}

/* Feature-Kacheln wieder breit */
.mc-hero .mc-features{
  width:100%!important;
  max-width:760px!important;
  display:grid!important;
  grid-template-columns:repeat(4, minmax(0, 1fr))!important;
  gap:0!important;
  overflow:hidden!important;
}

.mc-hero .mc-feature{
  min-width:0!important;
  padding:24px 22px!important;
}

.mc-hero .mc-feature h3{
  font-size:17px!important;
  line-height:1.1!important;
}

.mc-hero .mc-feature p{
  font-size:14px!important;
  line-height:1.45!important;
}

/* Blogkasten wieder groß/breit */
.mc-hero .mc-latest-post,
.mc-hero .mc-latest-post-v26{
  width:100%!important;
  max-width:760px!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:minmax(0, 1fr) 300px!important;
}

.mc-hero .mc-latest-copy-v26{
  padding:28px!important;
}

.mc-hero .mc-latest-image-v26{
  min-width:300px!important;
  width:300px!important;
}

/* Livetracker Link im Blog nicht unten reinquetschen */
.mc-hero .mc-latest-post .mc-nav-tracker-v33,
.mc-hero .mc-latest-post .mc-nav-tracker-v32{
  display:none!important;
}

/* Rechte Seite: nimmt die komplette übrige Fläche */
.mc-hero .mc-right{
  position:relative!important;
  min-width:0!important;
  width:100%!important;
  max-width:none!important;
  min-height:calc(100vh - 90px)!important;
  align-self:stretch!important;
  justify-self:stretch!important;
  overflow:visible!important;
  z-index:2!important;
}

/* Hero-Person/Bild: DEUTLICH größer */
.mc-hero .mc-portrait{
  position:absolute!important;
  z-index:4!important;
  bottom:var(--portrait-y)!important;
  right:calc(-1vw - var(--portrait-x))!important;
  height:clamp(860px, 104vh, 1180px)!important;
  max-height:none!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  object-fit:contain!important;
  transform:none!important;
  filter:drop-shadow(-36px 32px 70px rgba(0,0,0,.68))!important;
}

/* Hintergrund/Logo/Ringe nicht stören */
.mc-hero .mc-rings{
  width:min(880px, 54vw)!important;
  right:0!important;
  bottom:6%!important;
}

/* Falls Bild durch Customizer-Variablen klein gesetzt wurde, hier überschreiben */
.mc-hero{
  --portrait-size: 104vh!important;
}

/* Desktop etwas kleiner */
@media(max-width:1600px){
  :root{
    --mc-hero-left-width-v42: 700px;
    --mc-hero-gap-v42: 28px;
  }

  .mc-hero .mc-left h1{
    font-size:clamp(72px, 6.5vw, 124px)!important;
  }

  .mc-hero .mc-features,
  .mc-hero .mc-latest-post,
  .mc-hero .mc-latest-post-v26{
    max-width:700px!important;
  }

  .mc-hero .mc-feature{
    padding:22px 18px!important;
  }

  .mc-hero .mc-latest-post,
  .mc-hero .mc-latest-post-v26{
    grid-template-columns:minmax(0, 1fr) 280px!important;
  }

  .mc-hero .mc-latest-image-v26{
    width:280px!important;
    min-width:280px!important;
  }

  .mc-hero .mc-portrait{
    height:clamp(800px, 101vh, 1100px)!important;
    right:calc(-2vw - var(--portrait-x))!important;
  }
}

/* Wenn der Bildschirm schmaler wird: erst dann stapeln, nicht vorher */
@media(max-width:1240px){
  .mc-hero .mc-wrap{
    grid-template-columns:1fr!important;
    gap:26px!important;
    align-items:start!important;
  }

  .mc-hero .mc-left{
    width:100%!important;
    max-width:820px!important;
    min-width:0!important;
  }

  .mc-hero .mc-features,
  .mc-hero .mc-latest-post,
  .mc-hero .mc-latest-post-v26{
    max-width:820px!important;
  }

  .mc-hero .mc-right{
    min-height:720px!important;
    width:100%!important;
  }

  .mc-hero .mc-portrait{
    position:relative!important;
    display:block!important;
    right:auto!important;
    bottom:auto!important;
    height:auto!important;
    width:min(820px, 94vw)!important;
    max-width:none!important;
    margin:0 auto!important;
  }

  .mc-hero .mc-rings{
    right:50%!important;
    transform:translateX(50%)!important;
  }
}

@media(max-width:760px){
  .mc-hero .mc-wrap{
    width:min(100% - 22px, 1900px)!important;
  }

  .mc-hero .mc-left h1{
    font-size:clamp(46px, 15vw, 78px)!important;
  }

  .mc-hero .mc-features{
    grid-template-columns:1fr 1fr!important;
  }

  .mc-hero .mc-latest-post,
  .mc-hero .mc-latest-post-v26{
    grid-template-columns:1fr!important;
  }

  .mc-hero .mc-latest-image-v26{
    min-width:0!important;
    width:100%!important;
  }
}


/* v43: Hero nochmal höher + Kacheln breiter */

/* Linke Seite deutlich breiter, damit COMMUNITY/HIGHLIGHTS nicht zerdrückt */
:root{
  --mc-hero-left-width-v42: 860px!important;
  --mc-hero-gap-v42: 24px!important;
}

/* Hero bekommt mehr Gesamtbreite */
.mc-hero .mc-wrap{
  width:min(1980px, calc(100% - 36px))!important;
  max-width:min(1980px, calc(100% - 36px))!important;
  grid-template-columns:860px minmax(0, 1fr)!important;
  gap:24px!important;
  min-height:calc(100vh - 70px)!important;
}

/* Linke Spalte bleibt breit genug */
.mc-hero .mc-left{
  width:860px!important;
  max-width:860px!important;
  min-width:860px!important;
}

/* Text darf breit bleiben, aber nicht ins Bild drücken */
.mc-hero .mc-left h1,
.mc-hero .mc-left h2,
.mc-hero .mc-left p,
.mc-hero .mc-desc{
  max-width:790px!important;
}

.mc-hero .mc-desc{
  max-width:790px!important;
}

/* Feature-Kacheln wieder richtig breit */
.mc-hero .mc-features{
  width:100%!important;
  max-width:860px!important;
  grid-template-columns:repeat(4, minmax(0, 1fr))!important;
}

.mc-hero .mc-feature{
  padding:25px 24px!important;
  min-width:0!important;
}

.mc-hero .mc-feature h3{
  font-size:17px!important;
  line-height:1.12!important;
  max-width:100%!important;
}

.mc-hero .mc-feature p{
  font-size:14px!important;
  line-height:1.45!important;
  max-width:150px!important;
}

/* COMMUNITY bekommt etwas mehr Luft, damit es nicht kaputt aussieht */
.mc-hero .mc-feature:last-child p,
.mc-hero .mc-feature:nth-child(4) p{
  max-width:165px!important;
}

/* Blogkasten auf gleicher Breite */
.mc-hero .mc-latest-post,
.mc-hero .mc-latest-post-v26{
  max-width:860px!important;
  width:860px!important;
  grid-template-columns:minmax(0, 1fr) 330px!important;
}

.mc-hero .mc-latest-image-v26{
  width:330px!important;
  min-width:330px!important;
}

/* Rechte Seite höher halten */
.mc-hero .mc-right{
  min-height:calc(100vh - 70px)!important;
}

/* Hero-Person/Bild deutlich größer und höher */
.mc-hero .mc-portrait{
  height:clamp(980px, 118vh, 1320px)!important;
  max-height:none!important;
  right:calc(-4vw - var(--portrait-x))!important;
  bottom:calc(-24px + var(--portrait-y))!important;
}

/* Ringe/Background passend zur größeren Person */
.mc-hero .mc-rings{
  width:min(980px, 58vw)!important;
  right:-1vw!important;
  bottom:4%!important;
}

/* Bei 1600px immer noch Kacheln breit halten */
@media(max-width:1600px){
  :root{
    --mc-hero-left-width-v42: 790px!important;
    --mc-hero-gap-v42: 22px!important;
  }

  .mc-hero .mc-wrap{
    grid-template-columns:790px minmax(0, 1fr)!important;
    gap:22px!important;
  }

  .mc-hero .mc-left{
    width:790px!important;
    max-width:790px!important;
    min-width:790px!important;
  }

  .mc-hero .mc-left h1,
  .mc-hero .mc-left h2,
  .mc-hero .mc-left p,
  .mc-hero .mc-desc{
    max-width:740px!important;
  }

  .mc-hero .mc-features{
    max-width:790px!important;
  }

  .mc-hero .mc-feature{
    padding:23px 20px!important;
  }

  .mc-hero .mc-latest-post,
  .mc-hero .mc-latest-post-v26{
    width:790px!important;
    max-width:790px!important;
    grid-template-columns:minmax(0, 1fr) 310px!important;
  }

  .mc-hero .mc-latest-image-v26{
    width:310px!important;
    min-width:310px!important;
  }

  .mc-hero .mc-portrait{
    height:clamp(900px, 112vh, 1220px)!important;
    right:calc(-5vw - var(--portrait-x))!important;
  }
}

/* Unter 1300px darf es stapeln, damit nichts kaputtgeht */
@media(max-width:1300px){
  .mc-hero .mc-wrap{
    grid-template-columns:1fr!important;
  }

  .mc-hero .mc-left{
    width:100%!important;
    max-width:900px!important;
    min-width:0!important;
  }

  .mc-hero .mc-features,
  .mc-hero .mc-latest-post,
  .mc-hero .mc-latest-post-v26{
    width:100%!important;
    max-width:900px!important;
  }

  .mc-hero .mc-right{
    min-height:760px!important;
  }

  .mc-hero .mc-portrait{
    position:relative!important;
    right:auto!important;
    bottom:auto!important;
    width:min(900px, 96vw)!important;
    height:auto!important;
    max-width:none!important;
    margin:0 auto!important;
  }
}

/* Mobile bleibt sauber */
@media(max-width:760px){
  .mc-hero .mc-features{
    grid-template-columns:1fr 1fr!important;
  }

  .mc-hero .mc-feature p{
    max-width:100%!important;
  }

  .mc-hero .mc-latest-post,
  .mc-hero .mc-latest-post-v26{
    grid-template-columns:1fr!important;
  }

  .mc-hero .mc-latest-image-v26{
    width:100%!important;
    min-width:0!important;
  }
}


/* v44: Hero-Bild rechts etwas nach links schieben, Größe und linke Kacheln bleiben wie v43 */
.mc-hero .mc-portrait{
  right:calc(2.5vw - var(--portrait-x))!important;
}

/* Auch bei 1600px nicht mehr rechts abschneiden */
@media(max-width:1600px){
  .mc-hero .mc-portrait{
    right:calc(1vw - var(--portrait-x))!important;
  }
}

/* Ringe passend minimal nach links */
.mc-hero .mc-rings{
  right:3vw!important;
}

@media(max-width:1600px){
  .mc-hero .mc-rings{
    right:2vw!important;
  }
}


/* v45: Hero-Bild/Person rechts größer und höher, Kacheln bleiben wie v44/v43 */

/* Mehr Höhe im Hero, damit die Person größer wirken kann */
.mc-hero .mc-wrap{
  min-height:calc(100vh - 42px)!important;
}

.mc-hero .mc-right{
  min-height:calc(100vh - 42px)!important;
}

/* Person deutlich größer + etwas höher setzen */
.mc-hero .mc-portrait{
  height:clamp(1080px, 128vh, 1420px)!important;
  right:calc(0.5vw - var(--portrait-x))!important;
  bottom:calc(-80px + var(--portrait-y))!important;
  max-height:none!important;
}

/* Ringe an die größere Person anpassen */
.mc-hero .mc-rings{
  width:min(1040px, 60vw)!important;
  right:2vw!important;
  bottom:2%!important;
}

/* Bei 1600px immer noch größer als v44, aber nicht komplett abgeschnitten */
@media(max-width:1600px){
  .mc-hero .mc-portrait{
    height:clamp(980px, 120vh, 1320px)!important;
    right:calc(-0.5vw - var(--portrait-x))!important;
    bottom:calc(-72px + var(--portrait-y))!important;
  }

  .mc-hero .mc-rings{
    width:min(980px, 58vw)!important;
    right:1.5vw!important;
    bottom:2%!important;
  }
}

/* Auf schmaleren Screens bleibt das responsive Verhalten aus v43/v44 */
@media(max-width:1300px){
  .mc-hero .mc-portrait{
    position:relative!important;
    right:auto!important;
    bottom:auto!important;
    width:min(920px, 96vw)!important;
    height:auto!important;
    max-width:none!important;
    margin:0 auto!important;
  }
}


/* v46: Hero nochmal größer + falschen LIVETRACKER oben links entfernen */

/* Der echte Menüpunkt bleibt erhalten: .mc-nav-tracker-v33 */
/* Falscher alter Fallback-Link oben links wird komplett versteckt */
.mc-fixed-tracker-link{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
  position:absolute!important;
  left:-99999px!important;
  top:-99999px!important;
  width:0!important;
  height:0!important;
  overflow:hidden!important;
}

/* Falls der Fallback-Link ohne CSS-Klasse als erstes Element im Body auftaucht */
body > a:first-child:not(.mc-nav-tracker-v33):not(.mc-nav-tracker-v32){
  display:none!important;
}

/* Hero-Bereich oben besser ausnutzen */
.mc-hero .mc-wrap{
  min-height:calc(100vh - 20px)!important;
}

/* Rechte Bildfläche höher */
.mc-hero .mc-right{
  min-height:calc(100vh - 20px)!important;
}

/* Person nochmal größer und etwas weiter nach oben, aber nicht rechts abschneiden */
.mc-hero .mc-portrait{
  height:clamp(1160px, 136vh, 1520px)!important;
  right:calc(0.8vw - var(--portrait-x))!important;
  bottom:calc(-120px + var(--portrait-y))!important;
  max-height:none!important;
}

/* Kreise im Hintergrund passend größer */
.mc-hero .mc-rings{
  width:min(1120px, 62vw)!important;
  right:2.6vw!important;
  bottom:0%!important;
}

/* Bei 1600px: weiterhin größer, aber kontrolliert */
@media(max-width:1600px){
  .mc-hero .mc-portrait{
    height:clamp(1060px, 128vh, 1420px)!important;
    right:calc(0vw - var(--portrait-x))!important;
    bottom:calc(-108px + var(--portrait-y))!important;
  }

  .mc-hero .mc-rings{
    width:min(1040px, 60vw)!important;
    right:2vw!important;
    bottom:0%!important;
  }
}

/* Responsive aus v45 bleibt erhalten */
@media(max-width:1300px){
  .mc-hero .mc-portrait{
    position:relative!important;
    right:auto!important;
    bottom:auto!important;
    width:min(940px, 96vw)!important;
    height:auto!important;
    max-width:none!important;
    margin:0 auto!important;
  }
}


/* v47: Hero-Person bis zur Header-Linie + falschen Top-LIVETRACKER hart entfernen */

/* Falscher Tracker-Link, falls er direkt im Body vor dem Header steht */
body > a.mc-nav-tracker-v33,
body > a.mc-nav-tracker-v32,
body > a[href*="mcirl_livetracker"]:first-child{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
  position:absolute!important;
  left:-99999px!important;
  top:-99999px!important;
  width:0!important;
  height:0!important;
  overflow:hidden!important;
}

/* Alter Fallback ebenfalls aus */
.mc-fixed-tracker-link{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

/* Hero rechts soll bis zur Linie unter dem Header reichen */
.mc-hero .mc-wrap{
  min-height:calc(100vh - 10px)!important;
}

.mc-hero .mc-right{
  min-height:calc(100vh - 10px)!important;
}

/* Person deutlich nach oben ziehen: bottom nicht negativ tief, sondern näher an die Unterkante */
.mc-hero .mc-portrait{
  height:clamp(1240px, 148vh, 1650px)!important;
  right:calc(0.8vw - var(--portrait-x))!important;
  bottom:calc(8px + var(--portrait-y))!important;
  max-height:none!important;
}

/* Hintergrundringe passend höher/größer */
.mc-hero .mc-rings{
  width:min(1180px, 64vw)!important;
  right:2.5vw!important;
  bottom:8%!important;
}

/* Bei 1600px ebenfalls bis näher an die Header-Linie */
@media(max-width:1600px){
  .mc-hero .mc-portrait{
    height:clamp(1120px, 138vh, 1540px)!important;
    right:calc(0vw - var(--portrait-x))!important;
    bottom:calc(4px + var(--portrait-y))!important;
  }

  .mc-hero .mc-rings{
    width:min(1080px, 61vw)!important;
    right:2vw!important;
    bottom:7%!important;
  }
}

/* Responsive bleibt wie vorher */
@media(max-width:1300px){
  .mc-hero .mc-portrait{
    position:relative!important;
    right:auto!important;
    bottom:auto!important;
    width:min(940px, 96vw)!important;
    height:auto!important;
    max-width:none!important;
    margin:0 auto!important;
  }
}


/* v48: Hero-Größe wieder über Customizer steuerbar */

/*
  Wichtig:
  Die letzten Versionen hatten die Portrait-Höhe hart auf 128vh/148vh gesetzt.
  Hier wird die Höhe wieder an die vorhandene Customizer-Variable gebunden:
  --portrait-size
  Dadurch funktioniert dein Regler wieder.
*/

.mc-hero{
  /* Fallback, falls im Customizer nichts gesetzt ist */
  --mc-portrait-default-v48: 128vh;
}

/* Hero bleibt groß, aber Größe kommt wieder vom Customizer */
.mc-hero .mc-portrait{
  height:var(--portrait-size, var(--mc-portrait-default-v48))!important;
  right:calc(0.8vw - var(--portrait-x, 0px))!important;
  bottom:calc(8px + var(--portrait-y, 0px))!important;
  max-height:none!important;
  width:auto!important;
  object-fit:contain!important;
}

/* Hero-Fläche bleibt hoch genug, damit große Werte Platz haben */
.mc-hero .mc-wrap{
  min-height:calc(100vh - 10px)!important;
}

.mc-hero .mc-right{
  min-height:calc(100vh - 10px)!important;
}

/* Ringe bleiben passend, aber auch nicht hart gegen Customizer arbeiten */
.mc-hero .mc-rings{
  width:min(1120px, 62vw)!important;
  right:2.5vw!important;
  bottom:8%!important;
}

/* Bei kleineren Screens bleibt alles sauber */
@media(max-width:1600px){
  .mc-hero .mc-portrait{
    height:var(--portrait-size, 122vh)!important;
    right:calc(0vw - var(--portrait-x, 0px))!important;
    bottom:calc(4px + var(--portrait-y, 0px))!important;
  }
}

/* Unter 1300px wie vorher responsive */
@media(max-width:1300px){
  .mc-hero .mc-portrait{
    position:relative!important;
    right:auto!important;
    bottom:auto!important;
    width:min(940px, 96vw)!important;
    height:auto!important;
    max-width:none!important;
    margin:0 auto!important;
  }
}

/* Falscher Tracker-Link oben links bleibt weg, echter Menüpunkt bleibt */
body > a.mc-nav-tracker-v33,
body > a.mc-nav-tracker-v32,
body > a[href*="mcirl_livetracker"]:first-child,
.mc-fixed-tracker-link{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
  position:absolute!important;
  left:-99999px!important;
  top:-99999px!important;
  width:0!important;
  height:0!important;
  overflow:hidden!important;
}


/* v49: Customizer-Größe 108 soll bis nah an die Header-Linie reichen */

/*
  Der Customizer-Wert bleibt steuerbar.
  Die optische Größe wird nur etwas verstärkt, damit 108 nicht zu klein wirkt.
  Beispiel: 108vh wird optisch ca. 124vh.
*/
.mc-hero .mc-portrait{
  height:calc(var(--portrait-size, 108vh) * 1.15)!important;
  bottom:calc(0px + var(--portrait-y, 0px))!important;
  right:calc(0.8vw - var(--portrait-x, 0px))!important;
  max-height:none!important;
  width:auto!important;
  object-fit:contain!important;
}

/* Hero-Fläche bleibt hoch genug für große Portraitwerte */
.mc-hero .mc-wrap,
.mc-hero .mc-right{
  min-height:calc(100vh - 0px)!important;
}

/* Bei Customizer 108 wird die Person näher an die dünne Linie unter dem Header gezogen */
@media(min-width:1301px){
  .mc-hero .mc-portrait{
    transform:translateY(-38px)!important;
  }
}

/* Bei 1600px ähnlich, aber kontrolliert */
@media(max-width:1600px) and (min-width:1301px){
  .mc-hero .mc-portrait{
    height:calc(var(--portrait-size, 108vh) * 1.12)!important;
    transform:translateY(-32px)!important;
    right:calc(0.2vw - var(--portrait-x, 0px))!important;
  }
}

/* Responsive bleibt sauber */
@media(max-width:1300px){
  .mc-hero .mc-portrait{
    position:relative!important;
    right:auto!important;
    bottom:auto!important;
    transform:none!important;
    width:min(940px, 96vw)!important;
    height:auto!important;
    max-width:none!important;
    margin:0 auto!important;
  }
}

/* Falscher LIVETRACKER oben links: hart ausblenden.
   Echter Menüpunkt innerhalb nav/header bleibt sichtbar. */
body > .mc-nav-tracker-v33,
body > .mc-nav-tracker-v32,
body > .mc-fixed-tracker-link,
body > a[href*="mcirl_livetracker"]:first-child,
body > a[href*="mcirl_livetracker"]:not(header a):not(nav a){
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
  position:absolute!important;
  left:-99999px!important;
  top:-99999px!important;
  width:0!important;
  height:0!important;
  overflow:hidden!important;
}

/* Der echte Menüpunkt bleibt ausdrücklich sichtbar */
header .mc-nav-tracker-v33,
nav .mc-nav-tracker-v33,
header .mc-nav-tracker-v32,
nav .mc-nav-tracker-v32{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  position:static!important;
  width:auto!important;
  height:auto!important;
  pointer-events:auto!important;
}


/* v50: Hero-Größe 105/108 näher an Header-Linie + LIVETRACKER sauber neben ABOUT */

/* Menü: LIVETRACKER als echter Menüpunkt neben ABOUT */
.mc-nav .mc-menu{
  display:flex!important;
  align-items:center!important;
  gap:0!important;
  flex-wrap:nowrap!important;
}

.mc-menu-tracker-item{
  list-style:none!important;
  display:flex!important;
  align-items:center!important;
  margin:0!important;
  padding:0!important;
}

.mc-menu-tracker-item .mc-nav-tracker-v33{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:relative!important;
  width:auto!important;
  height:auto!important;
  margin-left:24px!important;
  padding:0!important;
  white-space:nowrap!important;
  text-transform:uppercase!important;
  font-weight:1000!important;
  letter-spacing:.06em!important;
  line-height:1!important;
  text-decoration:none!important;
  color:#f6c85f!important;
  background:linear-gradient(180deg,#fff2a8 0%,#f6c85f 35%,#b8751d 80%,#ffe08a 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  text-shadow:0 0 16px rgba(246,200,95,.25)!important;
}

/* Alte/falsche Tracker-Links außerhalb vom Menü hart aus */
body > a[href*="mcirl_livetracker"],
body > .mc-fixed-tracker-link,
body > .mc-nav-tracker-v33,
body > .mc-nav-tracker-v32,
.mc-fixed-tracker-link{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
  position:absolute!important;
  left:-99999px!important;
  top:-99999px!important;
  width:0!important;
  height:0!important;
  overflow:hidden!important;
}

/* Hero: Customizer bleibt nutzbar, aber Wert 105/108 wirkt deutlich höher */
.mc-hero .mc-wrap,
.mc-hero .mc-right{
  min-height:calc(100vh - 0px)!important;
}

/*
  Customizer-Wert bleibt Basis.
  105vh wird optisch ca. 139vh, dadurch reicht die Person bei 105 näher an die Header-Linie.
*/
@media(min-width:1301px){
  .mc-hero .mc-portrait{
    height:calc(var(--portrait-size, 105vh) * 1.32)!important;
    right:calc(0.8vw - var(--portrait-x, 0px))!important;
    bottom:calc(0px + var(--portrait-y, 0px))!important;
    transform:translateY(-118px)!important;
    max-height:none!important;
    width:auto!important;
    object-fit:contain!important;
  }

  .mc-hero .mc-rings{
    width:min(1140px, 64vw)!important;
    right:2.5vw!important;
    bottom:8%!important;
  }
}

/* 1600px Bereich: etwas kontrollierter, aber weiterhin höher */
@media(max-width:1600px) and (min-width:1301px){
  .mc-hero .mc-portrait{
    height:calc(var(--portrait-size, 105vh) * 1.26)!important;
    right:calc(0.2vw - var(--portrait-x, 0px))!important;
    transform:translateY(-96px)!important;
  }
}

/* Responsive bleibt wie bisher */
@media(max-width:1300px){
  .mc-nav .mc-menu{
    flex-wrap:wrap!important;
  }

  .mc-menu-tracker-item .mc-nav-tracker-v33{
    margin-left:16px!important;
  }

  .mc-hero .mc-portrait{
    position:relative!important;
    right:auto!important;
    bottom:auto!important;
    transform:none!important;
    width:min(940px, 96vw)!important;
    height:auto!important;
    max-width:none!important;
    margin:0 auto!important;
  }
}


/* v51: Navigation/Reiter oben reparieren, Hero aus v50 bleibt */

/* Hauptnavigation wieder mit echten Abständen */
.mc-nav,
header .mc-nav{
  min-width:0!important;
}

.mc-nav .mc-menu,
header .mc-menu,
.site-header .mc-menu{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:28px!important;
  column-gap:28px!important;
  row-gap:10px!important;
  flex-wrap:nowrap!important;
  list-style:none!important;
  margin:0!important;
  padding:0!important;
}

/* Alle Menüeinträge gleich behandeln */
.mc-nav .mc-menu > li,
header .mc-menu > li,
.site-header .mc-menu > li,
.mc-menu-tracker-item{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  list-style:none!important;
  margin:0!important;
  padding:0!important;
  flex:0 0 auto!important;
}

/* Normale Menülinks wieder lesbar mit Abstand */
.mc-nav .mc-menu > li > a,
header .mc-menu > li > a,
.site-header .mc-menu > li > a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  white-space:nowrap!important;
  text-decoration:none!important;
  line-height:1.1!important;
  letter-spacing:.055em!important;
  font-weight:1000!important;
}

/* LIVETRACKER direkt neben ABOUT, aber mit Gold-Verlauf und normalem Abstand */
.mc-nav .mc-menu > li.mc-menu-tracker-item > a.mc-nav-tracker-v33,
header .mc-menu > li.mc-menu-tracker-item > a.mc-nav-tracker-v33,
.site-header .mc-menu > li.mc-menu-tracker-item > a.mc-nav-tracker-v33{
  display:inline-flex!important;
  position:relative!important;
  margin:0!important;
  padding:0!important;
  white-space:nowrap!important;
  text-transform:uppercase!important;
  color:#f6c85f!important;
  background:linear-gradient(180deg,#fff2a8 0%,#f6c85f 35%,#b8751d 80%,#ffe08a 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  text-shadow:0 0 16px rgba(246,200,95,.25)!important;
}

/* Aktive Unterstreichung nur beim aktiven Menüpunkt, nicht alles übereinander drücken */
.mc-nav .mc-menu > li > a::after,
header .mc-menu > li > a::after,
.site-header .mc-menu > li > a::after{
  left:0!important;
  right:auto!important;
}

/* Falsche Top-Level Links weiterhin ausblenden, aber NICHT die echten Menülinks */
body > a[href*="mcirl_livetracker"],
body > .mc-fixed-tracker-link,
body > .mc-nav-tracker-v33,
body > .mc-nav-tracker-v32,
.mc-fixed-tracker-link{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
  position:absolute!important;
  left:-99999px!important;
  top:-99999px!important;
  width:0!important;
  height:0!important;
  overflow:hidden!important;
}

/* Der echte Menüpunkt bleibt sichtbar */
header .mc-menu-tracker-item .mc-nav-tracker-v33,
nav .mc-menu-tracker-item .mc-nav-tracker-v33,
.mc-nav .mc-menu-tracker-item .mc-nav-tracker-v33{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  position:relative!important;
  left:auto!important;
  top:auto!important;
  width:auto!important;
  height:auto!important;
  pointer-events:auto!important;
}

/* Bei kleineren Breiten darf das Menü umbrechen statt zusammenzukleben */
@media(max-width:1180px){
  .mc-nav .mc-menu,
  header .mc-menu,
  .site-header .mc-menu{
    flex-wrap:wrap!important;
    gap:18px!important;
    column-gap:18px!important;
  }
}


/* v52: Hero unten schließen + LIVETRACKER wieder neben ABOUT */

/* Hero/Person etwas nach unten setzen, damit unten keine Lücke bleibt */
@media(min-width:1301px){
  .mc-hero .mc-portrait{
    transform:translateY(-58px)!important; /* weniger nach oben als v50/v51 */
    bottom:calc(-42px + var(--portrait-y, 0px))!important;
  }
}

@media(max-width:1600px) and (min-width:1301px){
  .mc-hero .mc-portrait{
    transform:translateY(-46px)!important;
    bottom:calc(-48px + var(--portrait-y, 0px))!important;
  }
}

/* Menü wieder mit Abstand, aber LIVETRACKER sichtbar neben ABOUT */
.mc-nav .mc-menu,
header .mc-menu,
.site-header .mc-menu{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:28px!important;
  column-gap:28px!important;
  row-gap:10px!important;
  flex-wrap:nowrap!important;
  list-style:none!important;
  margin:0!important;
  padding:0!important;
}

.mc-nav .mc-menu > li,
header .mc-menu > li,
.site-header .mc-menu > li,
.mc-menu-tracker-item{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  list-style:none!important;
  margin:0!important;
  padding:0!important;
  flex:0 0 auto!important;
}

.mc-nav .mc-menu > li > a,
header .mc-menu > li > a,
.site-header .mc-menu > li > a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
  text-decoration:none!important;
  line-height:1.1!important;
}

/* Der echte LIVETRACKER Menüpunkt */
.mc-menu-tracker-item,
.mc-menu-tracker-item .mc-nav-tracker-v33,
.mc-nav .mc-menu .mc-menu-tracker-item .mc-nav-tracker-v33,
header .mc-menu .mc-menu-tracker-item .mc-nav-tracker-v33,
.site-header .mc-menu .mc-menu-tracker-item .mc-nav-tracker-v33{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  position:relative!important;
  left:auto!important;
  top:auto!important;
  width:auto!important;
  height:auto!important;
  pointer-events:auto!important;
}

.mc-menu-tracker-item .mc-nav-tracker-v33{
  text-transform:uppercase!important;
  font-weight:1000!important;
  letter-spacing:.06em!important;
  color:#f6c85f!important;
  background:linear-gradient(180deg,#fff2a8 0%,#f6c85f 35%,#b8751d 80%,#ffe08a 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  text-shadow:0 0 16px rgba(246,200,95,.25)!important;
}

/* Nur falsche Top-Level Tracker-Links ausblenden, nicht den Menüpunkt */
body > a[href*="mcirl_livetracker"],
body > .mc-fixed-tracker-link,
body > .mc-nav-tracker-v33,
body > .mc-nav-tracker-v32,
.mc-fixed-tracker-link{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
  position:absolute!important;
  left:-99999px!important;
  top:-99999px!important;
  width:0!important;
  height:0!important;
  overflow:hidden!important;
}

@media(max-width:1180px){
  .mc-nav .mc-menu,
  header .mc-menu,
  .site-header .mc-menu{
    flex-wrap:wrap!important;
    gap:18px!important;
    column-gap:18px!important;
  }
}


/* v53: minimale Lücke unter Hero schließen + LIVETRACKER neuer Tab bleibt im Markup */

/* Person noch etwas weiter nach unten setzen, damit unten keine sichtbare Lücke bleibt */
@media(min-width:1301px){
  .mc-hero .mc-portrait{
    transform:translateY(-34px)!important; /* weniger hochgezogen als v52 */
    bottom:calc(-72px + var(--portrait-y, 0px))!important;
  }
}

@media(max-width:1600px) and (min-width:1301px){
  .mc-hero .mc-portrait{
    transform:translateY(-28px)!important;
    bottom:calc(-78px + var(--portrait-y, 0px))!important;
  }
}

/* Hero-Unterkante sauber abdunkeln, falls noch 1-2px Übergang sichtbar sind */
.mc-hero{
  margin-bottom:0!important;
  padding-bottom:0!important;
}

.mc-hero::after{
  bottom:-2px!important;
}


/* v54 VOD Player */
.mc-vod-thumb-link-v54{
  display:block!important;
  text-decoration:none!important;
  color:inherit!important;
}
.mc-vod-thumb-link-v54 img{
  display:block!important;
  width:100%!important;
}
.mc-vod-player-page{
  margin:0!important;
  background:#020711!important;
  color:#fff!important;
  overflow:hidden!important;
}
.mc-vod-player-shell{
  width:100vw;
  height:100vh;
  height:100dvh;
  background:radial-gradient(circle at 70% 20%,rgba(10,108,255,.15),transparent 35%),#020711;
  color:#fff;
}
.mc-vod-player-top{
  height:96px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:22px;
  padding:18px 24px;
  border-bottom:1px solid rgba(38,117,255,.32);
  background:linear-gradient(180deg,rgba(3,12,26,.98),rgba(3,12,26,.82));
  position:relative;
  z-index:20;
}
.mc-vod-player-top h1{
  margin:0;
  font-size:34px;
  line-height:1;
  letter-spacing:-.04em;
}
.mc-vod-back,
.mc-vod-twitch-link,
.mc-vod-chat-button{
  color:#fff!important;
  text-decoration:none!important;
  font-weight:1000;
  padding:12px 16px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.06);
}
.mc-vod-twitch-link,
.mc-vod-chat-button{
  background:#0a6cff;
  border-color:#0a6cff;
  box-shadow:0 16px 42px rgba(10,108,255,.25);
}
.mc-vod-player-main{
  height:calc(100vh - 96px);
  height:calc(100dvh - 96px);
  display:grid;
  grid-template-columns:minmax(0,1fr) 410px;
  gap:18px;
  padding:18px;
}
.mc-vod-player-video,
.mc-vod-player-chat{
  border:1px solid rgba(38,117,255,.28);
  border-radius:22px;
  background:rgba(3,12,26,.74);
  overflow:hidden;
}
.mc-vod-player-video iframe{
  width:100%;
  height:100%;
  border:0;
  display:block;
}
.mc-vod-player-chat{
  padding:18px;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.mc-vod-player-chat h2{
  margin:0;
  font-size:24px;
}
.mc-vod-player-chat p{
  margin:0;
  color:#b8c7dd;
  line-height:1.45;
}
.mc-vod-player-chat iframe{
  width:100%;
  min-height:0;
  flex:1 1 auto;
  border:0;
  border-radius:16px;
  background:#111;
}
.mc-vod-error{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  font-weight:1000;
  color:#fff;
}
@media(max-width:1100px){
  .mc-vod-player-main{
    grid-template-columns:1fr;
    overflow:auto;
  }
  .mc-vod-player-video{
    min-height:52vh;
  }
  .mc-vod-player-chat{
    min-height:480px;
  }
}


/* v55: VOD Titel + zuverlässiger Chat-Replay Button */
.mc-vod-player-top{
  grid-template-columns:auto minmax(0,1fr) auto!important;
}
.mc-vod-player-top h1{
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.mc-vod-player-chat-v55{
  justify-content:flex-start!important;
}
.mc-vod-player-chat-v55::before{
  content:"";
  display:block;
  height:180px;
  border-radius:20px;
  border:1px solid rgba(246,200,95,.32);
  background:
    radial-gradient(circle at 50% 50%, rgba(246,200,95,.18), transparent 45%),
    linear-gradient(135deg, rgba(10,108,255,.16), rgba(3,12,26,.85));
  margin-bottom:6px;
}
.mc-vod-chat-button-big{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  min-height:58px!important;
  margin-top:6px!important;
  font-size:16px!important;
}
.mc-vod-chat-note{
  margin-top:10px;
  padding:14px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.06);
  color:#c8d7ef;
  line-height:1.45;
}
.mc-vod-player-chat-v55 iframe{
  display:none!important;
}
@media(max-width:1100px){
  .mc-vod-player-top{
    grid-template-columns:1fr!important;
    height:auto!important;
  }
  .mc-vod-player-top h1{
    white-space:normal!important;
  }
}


/* v56: VOD Player ohne rechte Chat-Spalte */
.mc-vod-player-page-no-chat .mc-vod-player-main,
.mc-vod-player-main-no-chat{
  grid-template-columns:1fr!important;
  height:calc(100vh - 96px)!important;
  height:calc(100dvh - 96px)!important;
  padding:18px!important;
}

.mc-vod-player-page-no-chat .mc-vod-player-video,
.mc-vod-player-video-full{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  border-radius:22px!important;
}

.mc-vod-player-page-no-chat .mc-vod-player-video iframe,
.mc-vod-player-video-full iframe{
  width:100%!important;
  height:100%!important;
  display:block!important;
  border:0!important;
}

/* Sicherheit: rechte Chat-Spalte komplett ausblenden, falls Cache noch alte Struktur enthält */
.mc-vod-player-page-no-chat .mc-vod-player-chat,
.mc-vod-player-page-no-chat .mc-vod-player-chat-v55{
  display:none!important;
}

.mc-vod-player-page-no-chat .mc-vod-player-top{
  grid-template-columns:auto minmax(0,1fr) auto!important;
}

.mc-vod-player-page-no-chat .mc-vod-player-top h1{
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

@media(max-width:900px){
  .mc-vod-player-page-no-chat .mc-vod-player-top{
    height:auto!important;
    grid-template-columns:1fr!important;
  }
  .mc-vod-player-page-no-chat .mc-vod-player-top h1{
    white-space:normal!important;
  }
  .mc-vod-player-main-no-chat{
    height:auto!important;
    min-height:70vh!important;
  }
  .mc-vod-player-video-full{
    min-height:70vh!important;
  }
}

/* v57: GPS Kartenmodus AN/AUS */
#mcLiveTrackerMap{ position:relative!important; }
.mc-tracker-hidden-overlay-v57{
  position:absolute!important;
  inset:0!important;
  z-index:9999!important;
  display:none;
  place-items:center!important;
  text-align:center!important;
  padding:28px!important;
  background:radial-gradient(circle at 50% 45%, rgba(10,108,255,.18), transparent 42%),linear-gradient(135deg, rgba(2,7,17,.96), rgba(3,12,26,.96))!important;
  color:#fff!important;
  pointer-events:auto!important;
}
.mc-tracker-hidden-overlay-v57 > div{
  max-width:680px;
  padding:28px;
  border-radius:24px;
  border:1px solid rgba(38,117,255,.35);
  background:rgba(255,255,255,.06);
  box-shadow:0 26px 80px rgba(0,0,0,.35);
}
.mc-tracker-hidden-overlay-v57 strong{
  display:block;
  font-size:clamp(24px,3vw,46px);
  line-height:1.05;
  margin-bottom:12px;
}
.mc-tracker-hidden-overlay-v57 span{
  display:block;
  color:#c9d7ef;
  font-size:18px;
  line-height:1.45;
}
.mc-map-hidden-v57 .leaflet-pane,
.mc-map-hidden-v57 .leaflet-control-container,
.mc-map-hidden-v57 .mc-tracker-loading{
  opacity:.08!important;
  filter:blur(8px)!important;
}

/* v59: zuverlässige Kartenmodus-Anzeige */
.mc-tracker-hidden-overlay-v59{
  position:absolute!important;
  inset:0!important;
  z-index:999999!important;
  display:none;
  place-items:center!important;
  text-align:center!important;
  padding:28px!important;
  background:
    radial-gradient(circle at 50% 45%, rgba(10,108,255,.20), transparent 42%),
    linear-gradient(135deg, rgba(2,7,17,.98), rgba(3,12,26,.98))!important;
  color:#fff!important;
  pointer-events:auto!important;
  min-height:100%!important;
}
.mc-tracker-hidden-overlay-v59 > div{
  max-width:720px;
  padding:30px;
  border-radius:24px;
  border:1px solid rgba(38,117,255,.42);
  background:rgba(255,255,255,.07);
  box-shadow:0 26px 80px rgba(0,0,0,.42);
}
.mc-tracker-hidden-overlay-v59 strong{
  display:block;
  font-size:clamp(24px,3vw,46px);
  line-height:1.05;
  margin-bottom:12px;
}
.mc-tracker-hidden-overlay-v59 span{
  display:block;
  color:#c9d7ef;
  font-size:18px;
  line-height:1.45;
}
.mc-map-hidden-v59 .leaflet-pane,
.mc-map-hidden-v59 .leaflet-control-container,
.mc-map-hidden-v59 .mc-tracker-loading{
  opacity:.06!important;
  filter:blur(9px)!important;
}
body.mc-gps-map-disabled-v59 #mcLiveTrackerMap,
body.mc-gps-map-disabled-v59 #mcirl-live-map,
body.mc-gps-map-disabled-v59 .mc-live-map,
body.mc-gps-map-disabled-v59 .live-map{
  position:relative!important;
}


/* v61: GLOBALER KARTEN-KILL-SWITCH */
/* Sobald Kartenmodus AUS ist, werden normale Webseite UND Fullscreen Tracker blockiert. */

.mc-global-map-container-off-v61{
  position:relative!important;
  overflow:hidden!important;
  min-height:320px!important;
  background:#020711!important;
}

.mc-global-map-container-off-v61 > *:not(.mc-global-map-off-overlay-v61){
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

.mc-global-map-off-overlay-v61{
  position:absolute!important;
  inset:0!important;
  z-index:2147483647!important;
  display:none!important;
  place-items:center!important;
  text-align:center!important;
  padding:28px!important;
  background:
    radial-gradient(circle at 50% 42%, rgba(10,108,255,.22), transparent 42%),
    linear-gradient(135deg, rgba(2,7,17,.99), rgba(3,12,26,.99))!important;
  color:#fff!important;
  pointer-events:auto!important;
}

.mc-global-map-container-off-v61 > .mc-global-map-off-overlay-v61{
  display:grid!important;
}

.mc-global-map-off-box-v61{
  width:min(760px, 92%);
  padding:34px;
  border-radius:26px;
  border:1px solid rgba(38,117,255,.45);
  background:rgba(255,255,255,.075);
  box-shadow:0 26px 90px rgba(0,0,0,.50);
}

.mc-global-map-off-box-v61 strong{
  display:block;
  font-size:clamp(24px, 3.4vw, 52px);
  line-height:1.05;
  letter-spacing:-.04em;
  margin-bottom:14px;
}

.mc-global-map-off-box-v61 span{
  display:block;
  color:#c9d7ef;
  font-size:clamp(16px, 1.25vw, 20px);
  line-height:1.45;
}

/* Extra hart gegen Leaflet, falls Leaflet nachträglich neu zeichnet */
html.mc-global-map-off-v61 .leaflet-pane,
html.mc-global-map-off-v61 .leaflet-control-container,
body.mc-global-map-off-v61 .leaflet-pane,
body.mc-global-map-off-v61 .leaflet-control-container{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}


/* v62: Platzhalterbild bei Kartenmodus AUS oder keinem LIVE-GPS */
#mcLiveTrackerMap{
  position:relative!important;
  overflow:hidden!important;
  background:#020711!important;
}

.mc-gps-placeholder-v62{
  position:absolute!important;
  inset:0!important;
  z-index:2147483000!important;
  display:none!important;
  background-image:url("gps-no-signal-placeholder-v62.png");
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  pointer-events:auto!important;
}

#mcLiveTrackerMap.mc-map-placeholder-active-v62 .mc-gps-placeholder-v62{
  display:block!important;
}

#mcLiveTrackerMap.mc-map-placeholder-active-v62 .leaflet-pane,
#mcLiveTrackerMap.mc-map-placeholder-active-v62 .leaflet-control-container,
#mcLiveTrackerMap.mc-map-placeholder-active-v62 .mc-tracker-loading{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

/* Karte wirklich weg, nicht nur überdeckt */
#mcLiveTrackerMap.mc-map-placeholder-active-v62 .leaflet-container,
#mcLiveTrackerMap.mc-map-placeholder-active-v62 .leaflet-map-pane,
#mcLiveTrackerMap.mc-map-placeholder-active-v62 .leaflet-tile-pane,
#mcLiveTrackerMap.mc-map-placeholder-active-v62 .leaflet-overlay-pane,
#mcLiveTrackerMap.mc-map-placeholder-active-v62 .leaflet-marker-pane{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

body.mc-map-placeholder-mode-v62 #mcTrackerStatus{
  color:#fff!important;
}


/* v65: Karte nur bei wirklich aktivem Live-GPS zeigen */
#mcLiveTrackerMap.mc-map-placeholder-active-v65{
  position:relative!important;
  overflow:hidden!important;
  background:#020711!important;
}
#mcLiveTrackerMap.mc-map-placeholder-active-v65 .mc-gps-placeholder-v62{
  display:block!important;
  z-index:2147483647!important;
}
#mcLiveTrackerMap.mc-map-placeholder-active-v65 > *:not(.mc-gps-placeholder-v62){
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
body.mc-map-placeholder-mode-v65 #mcTrackerStatus{
  color:#fff!important;
}


/* v66: OBS Browser Map */
html:has(body.mc-obs-map-page-v66),
body.mc-obs-map-page-v66{
  margin:0!important;
  padding:0!important;
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
  background:#020711!important;
}

body.mc-obs-map-page-v66 #wpadminbar{
  display:none!important;
}

body.mc-obs-map-page-v66{
  --obs-hud-height:150px;
}

.mc-obs-map-shell-v66{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  background:#020711!important;
  overflow:hidden!important;
}

.mc-obs-map-v66{
  position:absolute!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  min-height:100vh!important;
  border:0!important;
  border-radius:0!important;
  overflow:hidden!important;
  background:#020711!important;
}

.mc-obs-map-v66 .mc-gps-placeholder-v62{
  background-size:cover!important;
  background-position:center center!important;
}

.mc-obs-map-hud-v66{
  position:absolute!important;
  left:28px!important;
  right:28px!important;
  bottom:26px!important;
  z-index:2147483200!important;
  pointer-events:none!important;
}

.mc-obs-status-v66{
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:12px 16px!important;
  margin-bottom:12px!important;
  border-radius:16px!important;
  background:rgba(2,7,17,.82)!important;
  border:1px solid rgba(38,117,255,.32)!important;
  color:#fff!important;
  font-weight:1000!important;
  box-shadow:0 18px 50px rgba(0,0,0,.35)!important;
}

.mc-obs-stats-v66{
  display:grid!important;
  grid-template-columns:repeat(5, minmax(0,1fr))!important;
  gap:12px!important;
}

.mc-obs-stats-v66 > div{
  padding:14px 16px!important;
  border-radius:16px!important;
  background:rgba(10,18,32,.82)!important;
  border:1px solid rgba(38,117,255,.24)!important;
  color:#fff!important;
  box-shadow:0 18px 50px rgba(0,0,0,.28)!important;
}

.mc-obs-stats-v66 b{
  display:block!important;
  font-size:16px!important;
  line-height:1.1!important;
  color:#fff!important;
}

.mc-obs-stats-v66 span{
  display:block!important;
  margin-top:5px!important;
  font-size:12px!important;
  color:#b9c9df!important;
}

@media(max-width:900px){
  .mc-obs-stats-v66{
    grid-template-columns:repeat(2, minmax(0,1fr))!important;
  }
}


/* v67: Hero/Portrait Bildgröße wieder per Customizer steuerbar */
@media(min-width:1301px){
  .mc-hero .mc-portrait,
  .mc-portrait,
  img.mc-portrait{
    height:var(--mc-hero-portrait-size-v67, var(--portrait-size, 92vh))!important;
    width:auto!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center bottom!important;
  }

  .mc-hero .mc-right{
    overflow:visible!important;
  }

  .mc-hero .mc-portrait{
    transform:translateY(calc(-34px + var(--mc-hero-portrait-y-v67, var(--portrait-y, 0px))))!important;
    bottom:-72px!important;
  }
}

@media(max-width:1600px) and (min-width:1301px){
  .mc-hero .mc-portrait,
  .mc-portrait,
  img.mc-portrait{
    height:calc(var(--mc-hero-portrait-size-v67, var(--portrait-size, 92vh)) * .96)!important;
  }

  .mc-hero .mc-portrait{
    transform:translateY(calc(-28px + var(--mc-hero-portrait-y-v67, var(--portrait-y, 0px))))!important;
    bottom:-78px!important;
  }
}

@media(max-width:1300px){
  .mc-hero .mc-portrait,
  .mc-portrait,
  img.mc-portrait{
    height:auto!important;
    max-height:70vh!important;
    max-width:100%!important;
    object-fit:contain!important;
  }
}


/* v68: Portrait Größe 105 soll oben wieder bis zur Hero-Linie reichen */
/* Customizer bleibt aktiv: 88 kleiner, 105 sehr groß. */
@media(min-width:1301px){
  .mc-hero .mc-portrait,
  .mc-portrait,
  img.mc-portrait{
    height:clamp(70vh, calc(var(--mc-hero-portrait-size-v67, var(--portrait-size, 92vh)) * 1.22), 132vh)!important;
    width:auto!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center bottom!important;
  }

  .mc-hero .mc-portrait{
    /* Bei 105 wird das Bild deutlich hochgezogen und reicht bis zur Linie */
    transform:translateY(calc(-78px + var(--mc-hero-portrait-y-v67, var(--portrait-y, 0px))))!important;
    bottom:-96px!important;
  }

  .mc-hero .mc-right,
  .mc-hero{
    overflow:visible!important;
  }
}

@media(max-width:1600px) and (min-width:1301px){
  .mc-hero .mc-portrait,
  .mc-portrait,
  img.mc-portrait{
    height:clamp(68vh, calc(var(--mc-hero-portrait-size-v67, var(--portrait-size, 92vh)) * 1.16), 126vh)!important;
  }

  .mc-hero .mc-portrait{
    transform:translateY(calc(-68px + var(--mc-hero-portrait-y-v67, var(--portrait-y, 0px))))!important;
    bottom:-96px!important;
  }
}

/* 105 soll wirklich sichtbar groß sein, ohne die Kacheln kaputt zu machen */
.mc-hero{
  min-height:760px!important;
}
@media(max-width:1600px) and (min-width:1301px){
  .mc-hero{
    min-height:720px!important;
  }
}


/* v69: Portrait Größe 105 = Bild bis direkt unter die Navi-Linie */
/* Diese Regeln stehen ganz am Ende und überschreiben alle alten Hero-Regeln. */

@media(min-width:1301px){
  .mc-hero{
    position:relative!important;
    min-height:820px!important;
    overflow:hidden!important;
  }

  .mc-hero .mc-wrap{
    position:relative!important;
    min-height:820px!important;
  }

  .mc-hero .mc-right{
    position:absolute!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    width:58vw!important;
    height:100%!important;
    overflow:visible!important;
    pointer-events:none!important;
    z-index:2!important;
  }

  .mc-hero .mc-portrait,
  .mc-hero img.mc-portrait,
  .mc-portrait,
  img.mc-portrait{
    position:absolute!important;
    top:-34px!important;
    right:-40px!important;
    bottom:auto!important;
    left:auto!important;

    height:clamp(95vh, calc(var(--mc-hero-portrait-size-v67, var(--portrait-size, 105vh)) * 1.68), 178vh)!important;
    width:auto!important;
    max-width:none!important;
    max-height:none!important;

    object-fit:contain!important;
    object-position:right top!important;

    transform:translateY(var(--mc-hero-portrait-y-v67, var(--portrait-y, 0px)))!important;
    transform-origin:top right!important;
  }
}

/* Zwischen 1301 und 1600 etwas weniger extrem, aber 105 geht trotzdem bis zur Linie */
@media(max-width:1600px) and (min-width:1301px){
  .mc-hero{
    min-height:780px!important;
  }

  .mc-hero .mc-wrap{
    min-height:780px!important;
  }

  .mc-hero .mc-right{
    width:62vw!important;
  }

  .mc-hero .mc-portrait,
  .mc-hero img.mc-portrait,
  .mc-portrait,
  img.mc-portrait{
    top:-28px!important;
    right:-35px!important;
    height:clamp(92vh, calc(var(--mc-hero-portrait-size-v67, var(--portrait-size, 105vh)) * 1.56), 166vh)!important;
    transform:translateY(var(--mc-hero-portrait-y-v67, var(--portrait-y, 0px)))!important;
  }
}

/* Sehr große Monitore */
@media(min-width:1900px){
  .mc-hero .mc-portrait,
  .mc-hero img.mc-portrait,
  .mc-portrait,
  img.mc-portrait{
    top:-42px!important;
    right:-20px!important;
    height:clamp(100vh, calc(var(--mc-hero-portrait-size-v67, var(--portrait-size, 105vh)) * 1.62), 178vh)!important;
  }
}


/* v70: ECHTE Customizer-Steuerung statt fester Wert
   Portrait Größe steuert Größe UND Höhe:
   - 88 = kleiner / tiefer
   - 105 = groß / bis direkt unter die Navi-Linie
   Zusätzlich wirken X/Y Position weiterhin. */

@media(min-width:1301px){
  .mc-hero{
    position:relative!important;
    min-height:clamp(700px, calc(var(--mc-hero-portrait-size-num, 95) * 7.8px), 850px)!important;
    overflow:hidden!important;
  }

  .mc-hero .mc-wrap{
    position:relative!important;
    min-height:inherit!important;
  }

  .mc-hero .mc-right{
    position:absolute!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    width:60vw!important;
    height:100%!important;
    overflow:visible!important;
    pointer-events:none!important;
    z-index:2!important;
  }

  .mc-hero .mc-portrait,
  .mc-hero img.mc-portrait,
  .mc-portrait,
  img.mc-portrait{
    position:absolute!important;
    left:auto!important;
    bottom:auto!important;

    /* X kann im Customizer rechts/links steuern */
    right:calc(-38px + var(--mc-hero-portrait-x-v70, var(--portrait-x, 0px)))!important;

    /* Größe steuert die Bildhöhe. 105 wird groß genug für die obere Linie. */
    height:clamp(90vh, calc(var(--mc-hero-portrait-size-num, 95) * 1.48vh), 168vh)!important;

    width:auto!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:right top!important;

    /* Das ist der wichtige Teil:
       Top wird aus dem Customizer-Wert berechnet.
       Bei 88 bleibt es tiefer, bei 105 landet es fast direkt unter der Navi-Linie. */
    top:calc(170px - ((var(--mc-hero-portrait-size-num, 95) - 88) * 10px) + var(--mc-hero-portrait-y-v70, var(--portrait-y, 0px)))!important;

    transform:none!important;
    transform-origin:top right!important;
  }
}

@media(max-width:1600px) and (min-width:1301px){
  .mc-hero{
    min-height:clamp(680px, calc(var(--mc-hero-portrait-size-num, 95) * 7.4px), 810px)!important;
  }

  .mc-hero .mc-right{
    width:63vw!important;
  }

  .mc-hero .mc-portrait,
  .mc-hero img.mc-portrait,
  .mc-portrait,
  img.mc-portrait{
    right:calc(-36px + var(--mc-hero-portrait-x-v70, var(--portrait-x, 0px)))!important;
    height:clamp(88vh, calc(var(--mc-hero-portrait-size-num, 95) * 1.42vh), 158vh)!important;
    top:calc(150px - ((var(--mc-hero-portrait-size-num, 95) - 88) * 8.8px) + var(--mc-hero-portrait-y-v70, var(--portrait-y, 0px)))!important;
    transform:none!important;
  }
}

@media(min-width:1900px){
  .mc-hero .mc-portrait,
  .mc-hero img.mc-portrait,
  .mc-portrait,
  img.mc-portrait{
    right:calc(-20px + var(--mc-hero-portrait-x-v70, var(--portrait-x, 0px)))!important;
    height:clamp(92vh, calc(var(--mc-hero-portrait-size-num, 95) * 1.50vh), 172vh)!important;
    top:calc(175px - ((var(--mc-hero-portrait-size-num, 95) - 88) * 10.3px) + var(--mc-hero-portrait-y-v70, var(--portrait-y, 0px)))!important;
  }
}

@media(max-width:1300px){
  .mc-hero .mc-portrait,
  .mc-hero img.mc-portrait,
  .mc-portrait,
  img.mc-portrait{
    height:auto!important;
    max-height:70vh!important;
    max-width:100%!important;
    object-fit:contain!important;
    transform:none!important;
  }
}


/* v71: Volle Customizer Kontrolle für Hero/Portrait
   Portrait Größe:
   - 87/88 = kleiner und tiefer
   - 105 = groß genug bis unter die Linie der Navigation
   Portrait X:
   - positiver Wert = weiter nach rechts
   - negativer Wert = weiter nach links
   Portrait Y:
   - positiver Wert = weiter nach unten
   - negativer Wert = weiter nach oben
*/

@media(min-width:1301px){
  .mc-hero{
    position:relative!important;
    min-height:clamp(690px, calc(var(--mc-hero-portrait-size-num, 95) * 7.7px), 850px)!important;
    overflow:hidden!important;
  }

  .mc-hero .mc-wrap{
    position:relative!important;
    min-height:inherit!important;
  }

  .mc-hero .mc-right{
    position:absolute!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    width:63vw!important;
    height:100%!important;
    overflow:visible!important;
    pointer-events:none!important;
    z-index:2!important;
  }

  .mc-hero .mc-portrait,
  .mc-hero img.mc-portrait,
  .mc-portrait,
  img.mc-portrait{
    position:absolute!important;
    left:auto!important;
    bottom:auto!important;

    /* X Customizer: rechts/links */
    right:calc(-40px + var(--mc-hero-portrait-x-v71, var(--portrait-x, 0px)))!important;

    /* Größe Customizer: echtes skalieren */
    height:clamp(86vh, calc(var(--mc-hero-portrait-size-num, 95) * 1.44vh), 168vh)!important;

    width:auto!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:right top!important;

    /*
      Basis-Höhe wird aus Portrait Größe berechnet:
      Bei 88 bleibt es tiefer.
      Bei 105 liegt es ungefähr unter der Linie.
      Y Customizer kommt danach dazu:
      + Werte = weiter runter
      - Werte = weiter hoch
    */
    top:calc(160px - ((var(--mc-hero-portrait-size-num, 95) - 88) * 9.3px) + var(--mc-hero-portrait-y-v71, var(--portrait-y, 0px)))!important;

    transform:none!important;
    transform-origin:top right!important;
  }
}

@media(max-width:1600px) and (min-width:1301px){
  .mc-hero{
    min-height:clamp(670px, calc(var(--mc-hero-portrait-size-num, 95) * 7.35px), 810px)!important;
  }

  .mc-hero .mc-right{
    width:66vw!important;
  }

  .mc-hero .mc-portrait,
  .mc-hero img.mc-portrait,
  .mc-portrait,
  img.mc-portrait{
    right:calc(-38px + var(--mc-hero-portrait-x-v71, var(--portrait-x, 0px)))!important;
    height:clamp(84vh, calc(var(--mc-hero-portrait-size-num, 95) * 1.38vh), 158vh)!important;
    top:calc(145px - ((var(--mc-hero-portrait-size-num, 95) - 88) * 8.25px) + var(--mc-hero-portrait-y-v71, var(--portrait-y, 0px)))!important;
    transform:none!important;
  }
}

@media(min-width:1900px){
  .mc-hero .mc-portrait,
  .mc-hero img.mc-portrait,
  .mc-portrait,
  img.mc-portrait{
    right:calc(-24px + var(--mc-hero-portrait-x-v71, var(--portrait-x, 0px)))!important;
    height:clamp(88vh, calc(var(--mc-hero-portrait-size-num, 95) * 1.48vh), 172vh)!important;
    top:calc(170px - ((var(--mc-hero-portrait-size-num, 95) - 88) * 9.9px) + var(--mc-hero-portrait-y-v71, var(--portrait-y, 0px)))!important;
  }
}

@media(max-width:1300px){
  .mc-hero .mc-portrait,
  .mc-hero img.mc-portrait,
  .mc-portrait,
  img.mc-portrait{
    height:auto!important;
    max-height:70vh!important;
    max-width:100%!important;
    object-fit:contain!important;
    transform:none!important;
  }
}


/* v72: Kleiner Impressum Footer + Impressum Seite */
.mc-impressum-footer-v72{
  position:relative;
  z-index:20;
  width:100%;
  padding:18px 24px 22px;
  text-align:center;
  background:rgba(2,7,17,.96);
  border-top:1px solid rgba(38,117,255,.14);
}

.mc-impressum-footer-v72 a{
  color:rgba(185,201,223,.72)!important;
  font-size:12px!important;
  line-height:1!important;
  text-decoration:none!important;
  letter-spacing:.04em!important;
  font-weight:700!important;
}

.mc-impressum-footer-v72 a:hover{
  color:#fff!important;
  text-decoration:underline!important;
}

body.mc-impressum-page-v72{
  margin:0!important;
  background:#020711!important;
  color:#fff!important;
  min-height:100vh!important;
}

body.mc-impressum-page-v72 #wpadminbar{
  display:none!important;
}

.mc-impressum-shell-v72{
  min-height:100vh;
  padding:34px 18px;
  display:flex;
  flex-direction:column;
  align-items:center;
  background:
    radial-gradient(circle at 80% 15%, rgba(10,108,255,.16), transparent 34%),
    radial-gradient(circle at 15% 65%, rgba(246,200,95,.10), transparent 30%),
    #020711;
}

.mc-impressum-back-v72{
  align-self:flex-start;
  margin-left:max(18px, calc((100vw - 980px) / 2));
  margin-bottom:22px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:11px 15px;
  border-radius:14px;
  color:#fff!important;
  text-decoration:none!important;
  font-weight:900;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.06);
}

.mc-impressum-card-v72{
  width:min(980px, 100%);
  padding:34px;
  border-radius:24px;
  border:1px solid rgba(38,117,255,.26);
  background:rgba(3,12,26,.86);
  box-shadow:0 30px 90px rgba(0,0,0,.38);
}

.mc-impressum-card-v72 h1{
  margin:8px 0 24px;
  font-size:clamp(36px, 6vw, 72px);
  line-height:.95;
  letter-spacing:-.06em;
}

.mc-impressum-content-v72{
  color:#d6e3f8;
  font-size:16px;
  line-height:1.65;
  white-space:normal;
}

.mc-impressum-content-v72 p{
  margin:0 0 16px;
}

.mc-impressum-content-v72 a{
  color:#58a6ff!important;
}


/* v73: Impressum garantiert sichtbar am Seitenende */
.mc-impressum-footer-v73{
  display:block!important;
  position:relative!important;
  z-index:999!important;
  width:100%!important;
  padding:18px 24px 24px!important;
  text-align:center!important;
  background:#020711!important;
  border-top:1px solid rgba(38,117,255,.18)!important;
}

.mc-impressum-footer-v73 a{
  display:inline-block!important;
  color:rgba(185,201,223,.76)!important;
  font-size:12px!important;
  line-height:1!important;
  text-decoration:none!important;
  letter-spacing:.04em!important;
  font-weight:800!important;
}

.mc-impressum-footer-v73 a:hover{
  color:#fff!important;
  text-decoration:underline!important;
}


/* v74: Hero Titel, Slogan und Beschreibung separat im Customizer steuerbar */

/* MISTER CHAOS Haupttitel */
.mc-hero h1,
.mc-hero .mc-title,
.mc-hero .hero-title,
.mc-hero-title,
.hero-title,
h1.mc-hero-title{
  color:var(--mc-hero-title-color-v74, #d8dde6)!important;
  font-size:var(--mc-hero-title-size-v74, 112px)!important;
  font-weight:var(--mc-hero-title-weight-v74, 1000)!important;
  line-height:.88!important;
}

/* Falls der Titel in einzelne Zeilen/Spans getrennt ist */
.mc-hero h1 span,
.mc-hero .mc-title span,
.mc-hero .hero-title span{
  color:inherit!important;
  font-size:inherit!important;
  font-weight:inherit!important;
}

/* Slogan: Streamer • Unterhalter • Community-Mensch */
.mc-hero h2,
.mc-hero .mc-subtitle,
.mc-hero .hero-subtitle,
.mc-hero .mc-slogan,
.mc-hero-slogan,
.hero-slogan,
.mc-hero .tagline,
.mc-hero .subtitle{
  color:var(--mc-hero-slogan-color-v74, #ffffff)!important;
  font-size:var(--mc-hero-slogan-size-v74, 34px)!important;
  font-weight:var(--mc-hero-slogan-weight-v74, 1000)!important;
  line-height:1.08!important;
}

/* Beschreibungstext unter dem Slogan */
.mc-hero p,
.mc-hero .mc-copy,
.mc-hero .hero-copy,
.mc-hero .mc-description,
.mc-hero-description,
.hero-description,
.mc-hero .lead,
.mc-hero .intro{
  color:var(--mc-hero-desc-color-v74, #d6e3f8)!important;
  font-size:var(--mc-hero-desc-size-v74, 20px)!important;
  line-height:var(--mc-hero-desc-lineheight-v74, 1.55)!important;
}

/* Buttons sollen nicht vom Beschreibungstext betroffen sein */
.mc-hero a,
.mc-hero button,
.mc-hero .btn,
.mc-hero .mc-btn{
  font-size:inherit;
}

/* Mobile Schutz */
@media(max-width:900px){
  .mc-hero h1,
  .mc-hero .mc-title,
  .mc-hero .hero-title,
  .mc-hero-title,
  .hero-title{
    font-size:clamp(48px, 16vw, var(--mc-hero-title-size-v74, 112px))!important;
  }

  .mc-hero h2,
  .mc-hero .mc-subtitle,
  .mc-hero .hero-subtitle,
  .mc-hero .mc-slogan,
  .mc-hero-slogan,
  .hero-slogan{
    font-size:clamp(22px, 7vw, var(--mc-hero-slogan-size-v74, 34px))!important;
  }

  .mc-hero p,
  .mc-hero .mc-copy,
  .mc-hero .hero-copy,
  .mc-hero .mc-description,
  .mc-hero-description,
  .hero-description{
    font-size:clamp(15px, 4.5vw, var(--mc-hero-desc-size-v74, 20px))!important;
  }
}


/* v75: Slogan Größe/Farbe greift jetzt sicher */
/* Template bekommt eigene Klassen, diese Regeln stehen ganz am Ende. */

.mc-hero-title-v75{
  color:var(--mc-hero-title-color-v74, #d8dde6)!important;
  font-size:var(--mc-hero-title-size-v74, 112px)!important;
  font-weight:var(--mc-hero-title-weight-v74, 1000)!important;
  line-height:.88!important;
}

/* SLOGAN: diese Klasse ist direkt auf dem Slogan */
.mc-hero-slogan-v75,
.mc-hero .mc-hero-slogan-v75,
.mc-hero [class*="slogan"].mc-hero-slogan-v75,
.mc-hero [class*="subtitle"].mc-hero-slogan-v75{
  color:var(--mc-hero-slogan-color-v74, #ffffff)!important;
  font-size:var(--mc-hero-slogan-size-v74, 34px)!important;
  font-weight:var(--mc-hero-slogan-weight-v74, 1000)!important;
  line-height:1.08!important;
}

/* Falls der Slogan inneren Text/Spans hat */
.mc-hero-slogan-v75 *,
.mc-hero .mc-hero-slogan-v75 *{
  color:inherit!important;
  font-size:inherit!important;
  font-weight:inherit!important;
  line-height:inherit!important;
}

/* Noch härter: typisches direkte Element nach h1 ist Slogan */
.mc-hero h1 + h2,
.mc-hero h1 + div,
.mc-hero h1 + p,
.mc-hero-title-v75 + h2,
.mc-hero-title-v75 + div,
.mc-hero-title-v75 + p{
  color:var(--mc-hero-slogan-color-v74, #ffffff)!important;
  font-size:var(--mc-hero-slogan-size-v74, 34px)!important;
  font-weight:var(--mc-hero-slogan-weight-v74, 1000)!important;
  line-height:1.08!important;
}

.mc-hero-description-v75,
.mc-hero .mc-hero-description-v75{
  color:var(--mc-hero-desc-color-v74, #d6e3f8)!important;
  font-size:var(--mc-hero-desc-size-v74, 20px)!important;
  line-height:var(--mc-hero-desc-lineheight-v74, 1.55)!important;
}

/* Mobile Schutz */
@media(max-width:900px){
  .mc-hero-slogan-v75,
  .mc-hero h1 + h2,
  .mc-hero-title-v75 + h2{
    font-size:clamp(18px, 7vw, var(--mc-hero-slogan-size-v74, 34px))!important;
  }
}


/* v83: VOD Felder/Player - KEINE Header-Manipulation */
.mc-vod-thumb-link-v83{
  display:block!important;
  text-decoration:none!important;
  color:inherit!important;
}
.mc-vod-thumb-link-v83 img{
  display:block!important;
  width:100%!important;
  height:auto!important;
}

.mc-vod-player-page{
  margin:0!important;
  background:#020711!important;
  color:#fff!important;
  overflow:hidden!important;
}
.mc-vod-player-page #wpadminbar{
  display:none!important;
}
.mc-vod-player-shell{
  width:100vw;
  height:100vh;
  height:100dvh;
  background:radial-gradient(circle at 70% 20%,rgba(10,108,255,.15),transparent 35%),#020711;
  color:#fff;
}
.mc-vod-player-top{
  height:96px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:22px;
  padding:18px 24px;
  border-bottom:1px solid rgba(38,117,255,.32);
  background:linear-gradient(180deg,rgba(3,12,26,.98),rgba(3,12,26,.82));
  position:relative;
  z-index:20;
}
.mc-vod-player-top h1{
  margin:0;
  font-size:34px;
  line-height:1;
  letter-spacing:-.04em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.mc-vod-back,
.mc-vod-twitch-link{
  color:#fff!important;
  text-decoration:none!important;
  font-weight:1000;
  padding:12px 16px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.06);
}
.mc-vod-twitch-link{
  background:#0a6cff;
  border-color:#0a6cff;
  box-shadow:0 16px 42px rgba(10,108,255,.25);
}
.mc-vod-player-main,
.mc-vod-player-main-no-chat{
  height:calc(100vh - 96px);
  height:calc(100dvh - 96px);
  display:grid;
  grid-template-columns:1fr!important;
  gap:18px;
  padding:18px;
}
.mc-vod-player-video,
.mc-vod-player-video-full{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  border:1px solid rgba(38,117,255,.28);
  border-radius:22px;
  background:rgba(3,12,26,.74);
  overflow:hidden;
}
.mc-vod-player-video iframe{
  width:100%;
  height:100%;
  border:0;
  display:block;
}
.mc-vod-error{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  font-weight:1000;
  color:#fff;
}


/* v85: sichtbare Customizer-Felder Hero Text Design greifen auf echten Hero-Bereich */
body .mc-hero .mc-left h1,
body .mc-hero .mc-left h1 *,
body .mc-hero .mc-left .mc-hero-title-v75,
body .mc-hero .mc-left .mc-hero-title-v75 *{
  color:var(--mc-hero-title-color-v74, #d8dde6)!important;
  font-size:var(--mc-hero-title-size-v74, 112px)!important;
  font-weight:var(--mc-hero-title-weight-v74, 1000)!important;
  line-height:.88!important;
}

body .mc-hero .mc-left h2,
body .mc-hero .mc-left h2 *,
body .mc-hero .mc-left .mc-hero-slogan-v75,
body .mc-hero .mc-left .mc-hero-slogan-v75 *{
  color:var(--mc-hero-slogan-color-v74, #fff)!important;
  font-size:var(--mc-hero-slogan-size-v74, 34px)!important;
  font-weight:var(--mc-hero-slogan-weight-v74, 1000)!important;
  line-height:1.08!important;
}

body .mc-hero .mc-left p,
body .mc-hero .mc-left .mc-hero-description-v75{
  color:var(--mc-hero-desc-color-v74, #d6e3f8)!important;
  font-size:var(--mc-hero-desc-size-v74, 20px)!important;
  line-height:var(--mc-hero-desc-lineheight-v74, 1.55)!important;
}


/* v86: VODs + Highlights Video Cards */
.mc-video-thumb-link-v86{
  display:block!important;
  text-decoration:none!important;
  color:inherit!important;
}
.mc-video-thumb-link-v86 img{
  display:block!important;
  width:100%!important;
  height:auto!important;
}
.mc-video-card-enhanced-v86{
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.mc-video-card-enhanced-v86:hover{
  transform:translateY(-2px);
  border-color:rgba(10,108,255,.55)!important;
  box-shadow:0 18px 50px rgba(10,108,255,.12)!important;
}

/* v86 Video Player */
.mc-video-player-page-v86{
  margin:0!important;
  background:#020711!important;
  color:#fff!important;
  overflow:hidden!important;
}
.mc-video-player-page-v86 #wpadminbar{
  display:none!important;
}
.mc-video-player-shell-v86{
  width:100vw;
  height:100vh;
  height:100dvh;
  background:radial-gradient(circle at 70% 20%,rgba(10,108,255,.15),transparent 35%),#020711;
  color:#fff;
}
.mc-video-player-top-v86{
  height:96px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:22px;
  padding:18px 24px;
  border-bottom:1px solid rgba(38,117,255,.32);
  background:linear-gradient(180deg,rgba(3,12,26,.98),rgba(3,12,26,.82));
  position:relative;
  z-index:20;
}
.mc-video-player-top-v86 h1{
  margin:0;
  font-size:34px;
  line-height:1;
  letter-spacing:-.04em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.mc-video-back-v86,
.mc-video-external-v86{
  color:#fff!important;
  text-decoration:none!important;
  font-weight:1000;
  padding:12px 16px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.06);
}
.mc-video-external-v86{
  background:#0a6cff;
  border-color:#0a6cff;
  box-shadow:0 16px 42px rgba(10,108,255,.25);
}
.mc-video-player-main-v86{
  height:calc(100vh - 96px);
  height:calc(100dvh - 96px);
  display:grid;
  padding:18px;
}
.mc-video-frame-v86{
  width:100%;
  height:100%;
  border:1px solid rgba(38,117,255,.28);
  border-radius:22px;
  background:rgba(3,12,26,.74);
  overflow:hidden;
  display:grid;
  place-items:center;
}
.mc-video-frame-v86 iframe{
  width:100%;
  height:100%;
  border:0;
  display:block;
}
.mc-video-frame-v86.is-tiktok iframe{
  width:min(420px, 100%);
  height:100%;
  background:#000;
}
.mc-video-error-v86{
  text-align:center;
  font-weight:1000;
  line-height:1.5;
}
.mc-video-error-v86 a{
  color:#58a6ff!important;
}


/* v88: Große Überschrift im VOD/Video Player */
.mc-video-player-top-v86,
.mc-vod-player-top{
  height:150px!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  padding:22px 28px!important;
}

.mc-video-player-kicker-v88{
  color:#00c8ff!important;
  font-size:14px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  margin-bottom:8px!important;
}

.mc-video-player-title-v88,
.mc-video-player-top-v86 h1.mc-video-player-title-v88,
.mc-vod-player-top h1.mc-video-player-title-v88{
  display:block!important;
  margin:0!important;
  color:#ffffff!important;
  font-size:clamp(42px, 5vw, 86px)!important;
  line-height:.9!important;
  font-weight:1000!important;
  letter-spacing:-.06em!important;
  text-transform:none!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-shadow:0 10px 28px rgba(0,0,0,.45)!important;
}

.mc-video-player-main-v86,
.mc-vod-player-main,
.mc-vod-player-main-no-chat{
  height:calc(100vh - 150px)!important;
  height:calc(100dvh - 150px)!important;
}

@media(max-width:900px){
  .mc-video-player-top-v86,
  .mc-vod-player-top{
    height:132px!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  .mc-video-player-title-v88,
  .mc-video-player-top-v86 h1.mc-video-player-title-v88,
  .mc-vod-player-top h1.mc-video-player-title-v88{
    font-size:clamp(32px, 10vw, 56px)!important;
  }

  .mc-video-player-main-v86,
  .mc-vod-player-main,
  .mc-vod-player-main-no-chat{
    height:calc(100vh - 132px)!important;
    height:calc(100dvh - 132px)!important;
  }
}


/* v89: Player Titel groß und mittig */
.mc-video-player-top-v86,
.mc-vod-player-top{
  height:170px!important;
  display:grid!important;
  grid-template-columns:auto 1fr auto!important;
  align-items:center!important;
  padding:22px 28px!important;
}

.mc-video-player-kicker-v88,
.mc-video-player-top-v86 .kicker,
.mc-vod-player-top .kicker{
  display:none!important;
}

.mc-video-player-top-v86 > div,
.mc-vod-player-top > div{
  text-align:center!important;
  justify-self:center!important;
  max-width:min(1100px, 70vw)!important;
}

.mc-video-player-title-v88,
.mc-video-player-top-v86 h1,
.mc-vod-player-top h1{
  display:block!important;
  margin:0!important;
  color:#fff!important;
  font-size:clamp(54px, 6.5vw, 110px)!important;
  line-height:.9!important;
  font-weight:1000!important;
  letter-spacing:-.065em!important;
  text-align:center!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-shadow:0 14px 36px rgba(0,0,0,.55)!important;
}

.mc-video-player-main-v86,
.mc-vod-player-main,
.mc-vod-player-main-no-chat{
  height:calc(100vh - 170px)!important;
  height:calc(100dvh - 170px)!important;
}

/* v89: Video-Link-Text auf Karten nicht mehr zeigen */
.mc-video-url-hidden-v89{
  color:#b9c9df!important;
  font-size:15px!important;
  line-height:1.45!important;
}

@media(max-width:900px){
  .mc-video-player-top-v86,
  .mc-vod-player-top{
    height:148px!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  .mc-video-player-top-v86 > div,
  .mc-vod-player-top > div{
    max-width:100%!important;
  }

  .mc-video-player-title-v88,
  .mc-video-player-top-v86 h1,
  .mc-vod-player-top h1{
    font-size:clamp(36px, 11vw, 64px)!important;
  }

  .mc-video-player-main-v86,
  .mc-vod-player-main,
  .mc-vod-player-main-no-chat{
    height:calc(100vh - 148px)!important;
    height:calc(100dvh - 148px)!important;
  }
}


/* v90: Video-Player-Titel passt sich automatisch an */
.mc-video-player-top-v86,
.mc-vod-player-top{
  height:180px!important;
}

.mc-video-player-top-v86 > div,
.mc-vod-player-top > div{
  width:min(1250px, 72vw)!important;
  max-width:72vw!important;
  text-align:center!important;
  justify-self:center!important;
  overflow:visible!important;
}

.mc-video-player-title-v88,
.mc-video-player-top-v86 h1,
.mc-vod-player-top h1{
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  max-width:100%!important;
  display:block!important;
}

/* Buttonbereiche behalten Platz, Titel wird in der Mitte eingepasst */
.mc-video-back-v86,
.mc-vod-back{
  justify-self:start!important;
}

.mc-video-external-v86,
.mc-vod-twitch-link{
  justify-self:end!important;
}

.mc-video-player-main-v86,
.mc-vod-player-main,
.mc-vod-player-main-no-chat{
  height:calc(100vh - 180px)!important;
  height:calc(100dvh - 180px)!important;
}

@media(max-width:900px){
  .mc-video-player-top-v86,
  .mc-vod-player-top{
    height:170px!important;
  }

  .mc-video-player-top-v86 > div,
  .mc-vod-player-top > div{
    width:100%!important;
    max-width:100%!important;
  }

  .mc-video-player-main-v86,
  .mc-vod-player-main,
  .mc-vod-player-main-no-chat{
    height:calc(100vh - 170px)!important;
    height:calc(100dvh - 170px)!important;
  }
}


/* v91: Speed Optimierungen */
img{
  max-width:100%;
  height:auto;
}

/* Browser darf untere Sektionen später rendern */
.mc-section,
.mc-media-section,
.mc-vods,
.mc-highlights,
.mc-blog,
.mc-community,
.mc-about{
  content-visibility:auto;
  contain-intrinsic-size: 800px;
}

/* Video/VOD Karten stabilisieren Layout, damit Bilder weniger Layout-Shift erzeugen */
.media-card-v8 img,
.vod-card img,
.mc-vod-card img,
.mc-media-card img,
.mc-video-thumb-link-v86 img,
.mc-video-thumb-link-v83 img{
  aspect-ratio:16/9;
  object-fit:cover;
}

/* Teure Hover-Effekte etwas entschärfen */
.mc-video-card-enhanced-v86:hover{
  transform:translateY(-1px);
}


/* v94: Clean GPS Tracker Fix */
#mcLiveTrackerMap{
  position:relative!important;
}
#mcLiveTrackerMap.mc-map-placeholder-active-v62 .mc-gps-placeholder-v62,
#mcLiveTrackerMap.mc-map-placeholder-active-v65 .mc-gps-placeholder-v62{
  display:block!important;
}
#mcLiveTrackerMap:not(.mc-map-placeholder-active-v62):not(.mc-map-placeholder-active-v65) .mc-gps-placeholder-v62{
  display:none!important;
}
#mcLiveTrackerMap .leaflet-container,
#mcLiveTrackerMap.leaflet-container{
  min-height:inherit!important;
}




/* ============================================================
   v97 IRL QUEST Menüpunkt - dezenter violetter Verlauf
   ============================================================ */

.mc-menu .mc-menu-irlquest-item{
  display:flex !important;
  align-items:center !important;
}

.mc-menu .mc-nav-irlquest-v96,
.mc-menu .mc-nav-irlquest-v97{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  white-space:nowrap !important;
  font-weight:950 !important;
  letter-spacing:.075em !important;
  text-transform:uppercase !important;
  padding:8px 0 !important;
  background:linear-gradient(180deg,#f6ddff 0%,#d47aff 34%,#8d39ff 68%,#5c18c9 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
  -webkit-text-fill-color:transparent !important;
  text-shadow:0 1px 0 rgba(255,255,255,.18),0 -1px 0 rgba(44,0,90,.55) !important;
  filter:none !important;
}

.mc-menu .mc-nav-irlquest-v96::after,
.mc-menu .mc-nav-irlquest-v97::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:1px !important;
  height:2px !important;
  border-radius:999px !important;
  background:linear-gradient(90deg,transparent,#8d39ff,#d47aff,transparent) !important;
  opacity:.62 !important;
  box-shadow:none !important;
  transform:scaleX(.72) !important;
  transform-origin:center !important;
}

.mc-menu .mc-nav-irlquest-v96:hover,
.mc-menu .mc-nav-irlquest-v97:hover{
  filter:none !important;
  transform:translateY(-1px) !important;
}


/* v98 IRL QUEST Menu: wenig Glow, violetter Verlauf */
.mc-menu .mc-nav-irlquest-v96,
.mc-menu .mc-nav-irlquest-v97{
  background:linear-gradient(180deg,#f5ddff 0%,#d278ff 38%,#8d39ff 70%,#5a17c7 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
  -webkit-text-fill-color:transparent !important;
  text-shadow:0 1px 0 rgba(255,255,255,.16),0 -1px 0 rgba(42,0,88,.50) !important;
  filter:none !important;
}
.mc-menu .mc-nav-irlquest-v96::after,
.mc-menu .mc-nav-irlquest-v97::after{
  box-shadow:none !important;
  opacity:.55 !important;
}


/* v99 IRL QUEST Seite: Header Logo entfernt, Zurück-Button links */
.mcirl-quest-page-v97 .topbar-inner{
  justify-content:space-between !important;
}

.mcirl-quest-page-v97 .mcirl-v99-header-back{
  flex:0 0 auto !important;
}

.mcirl-quest-page-v97 .topnav{
  margin-left:auto !important;
}


/* v100 IRL QUEST Seite: Original Brand/Icon sicher ausblenden, Back Button an dessen Stelle */
.topbar .brand,
.topbar .brand-badge{
  display:none!important;
}
.mcirl-v100-header-back{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  border-radius:9