/* M&C Rückblick – Design nach Design System „M&C AG“
 * Schriften liegen im Plugin (keine Verbindung zu Google Fonts). */
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/inter-400.woff2) format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/inter-700.woff2) format("woff2")}
@font-face{font-family:"Nothing You Could Do";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/nothing-you-could-do-400.woff2) format("woff2")}

body.muc-rb{
  --rot:#c41a1b;--rot-dunkel:#9e1415;--grau:#7d766a;--text:#333333;--beige:#e3dfd6;--hell:#f4f2f0;--weiss:#ffffff;
  --feldrahmen:#cccccc;--linie:#e3dfd6;--linie-beige:#cdc7bb;--radius-rund:20px;
  --font-sans:Inter, Arial, sans-serif;--font-hand:"Nothing You Could Do", cursive;
  --wrap:1160px;--head:72px;--ease:cubic-bezier(.22,.8,.24,1);
  margin:0;font-family:var(--font-sans);font-size:16px;line-height:1.7;color:var(--text);background:var(--weiss);
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
html{scroll-behavior:smooth;scroll-padding-top:var(--head,72px)}
body.muc-rb *,body.muc-rb *::before,body.muc-rb *::after{box-sizing:border-box}
.muc-rb :where(h1,h2,h3,h4,p,ol,ul,dl,dd,figure,blockquote){margin:0;padding:0}
.muc-rb img{display:block;max-width:100%;height:auto}
.muc-rb a{color:var(--rot);text-decoration:none}
.muc-rb a:hover{text-decoration:underline}
.muc-rb button,.muc-rb input,.muc-rb select,.muc-rb textarea{font:inherit;color:inherit}
.muc-rb :focus-visible{outline:2px solid var(--text);outline-offset:3px}
.muc-rb [hidden]{display:none!important}
.muc-rb .wrap{width:min(var(--wrap),100% - 48px);margin-inline:auto}
.muc-rb .band{padding-block:clamp(64px,9vw,112px)}
.muc-rb .band--beige{background:var(--beige)}
.muc-rb :where(h1,h2,h3,h4){font-weight:700;color:var(--text);font-family:var(--font-sans)}
.muc-rb .h2{font-size:clamp(28px,3.6vw,44px);line-height:1.12;letter-spacing:-.02em;max-width:22ch}
.muc-rb .intro{font-size:clamp(17px,1.6vw,20px);line-height:1.6;max-width:56ch;margin-top:16px}
.muc-rb .klein{font-size:13px;line-height:1.6;color:var(--grau)}
.muc-rb .kopf{margin-bottom:clamp(36px,5vw,56px)}
.muc-rb .zentriert{text-align:center}
.muc-rb .zentriert .h2{margin-inline:auto}

/* Buttons */
.muc-rb .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:11px 26px;border-radius:var(--radius-rund);font-size:15px;line-height:20px;font-weight:400;border:1px solid transparent;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background-color .2s,color .2s,border-color .2s}
.muc-rb .btn:hover{text-decoration:none}
.muc-rb .btn--primary{background:var(--rot);color:var(--weiss)}
.muc-rb .btn--primary:hover{background:var(--rot-dunkel);color:var(--weiss)}
.muc-rb .btn--secondary{background:transparent;color:var(--text);border-color:var(--text)}
.muc-rb .btn--secondary:hover{background:var(--text);color:var(--weiss)}
.muc-rb .btn[disabled]{opacity:.6;cursor:wait}
.muc-rb .aktionen{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}

/* Kopf */
.muc-rb .kopfzeile{position:sticky;top:0;z-index:50;background:var(--weiss);border-bottom:1px solid var(--linie)}
.admin-bar.muc-rb .kopfzeile{top:32px}
@media (max-width:782px){.admin-bar.muc-rb .kopfzeile{top:0}}
.muc-rb .kopfzeile .wrap{height:var(--head);display:flex;align-items:center;justify-content:space-between;gap:24px}
.muc-rb .logo{display:flex;align-items:center;gap:14px;color:var(--grau);font-size:13px;font-weight:700;text-decoration:none}
.muc-rb .logo:hover{text-decoration:none}
.muc-rb .logo img{height:44px;width:auto}
.muc-rb .logo span{padding-left:14px;border-left:1px solid var(--linie);line-height:20px}
.muc-rb .nav ul{display:flex;gap:26px;list-style:none}
.muc-rb .nav a{font-size:12px;line-height:20px;font-weight:700;color:var(--grau);text-decoration:none;padding-block:6px;border-bottom:2px solid transparent}
.muc-rb .nav a:hover,.muc-rb .nav a.aktiv{color:var(--text);border-bottom-color:var(--rot)}
.muc-rb .kopfzeile .btn{min-height:40px;padding:9px 20px;font-size:14px}
.muc-rb .fortschritt{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--rot);transform-origin:0 50%;transform:scaleX(0)}
@media (max-width:1000px){.muc-rb .nav{display:none}}
@media (max-width:520px){.muc-rb .logo span{display:none}.muc-rb .logo img{height:38px}.muc-rb .kopfzeile .btn{padding:9px 14px;font-size:13px}}

/* Seitenkopf */
.muc-rb .pfad{font-size:13px;color:var(--grau);padding-top:28px}
.muc-rb .pfad a{color:var(--grau)}
.muc-rb .pfad a:hover{color:var(--text);text-decoration:none}
.muc-rb .seitenkopf{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(32px,6vw,88px);align-items:end;padding-block:clamp(40px,6vw,72px) clamp(56px,7vw,88px)}
.muc-rb .seitenkopf--archiv{grid-template-columns:1fr}
.muc-rb .marke{display:inline-flex;align-items:center;gap:8px;font-size:14px;line-height:20px;padding:6px 16px;border:1px solid var(--rot);border-radius:var(--radius-rund)}
.muc-rb .marke::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--rot)}
.muc-rb .marke--folgt{border-color:var(--grau)}
.muc-rb .marke--folgt::before{background:var(--grau)}
.muc-rb .seitenkopf h1{font-size:clamp(36px,5.4vw,68px);line-height:1.04;letter-spacing:-.03em;margin-top:22px;max-width:16ch}
.muc-rb .seitenkopf--archiv h1{margin-top:0}
.muc-rb .seitenkopf .intro{margin-top:22px}
.muc-rb .datumsblock{background:var(--beige);padding:clamp(28px,3.4vw,40px);border-top:4px solid var(--rot)}
.muc-rb .datumsblock .gross{font-size:clamp(72px,9vw,120px);line-height:.9;font-weight:700;letter-spacing:-.045em}
.muc-rb .datumsblock dl{margin-top:28px;border-top:1px solid var(--linie-beige)}
.muc-rb .datumsblock dl div{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--linie-beige);font-size:15px;line-height:1.5}
.muc-rb .datumsblock dt{font-weight:700}
@media (max-width:900px){.muc-rb .seitenkopf{grid-template-columns:1fr;align-items:start}}

/* Aufzeichnung mit Formular */
.muc-rb .aufzeichnung{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(24px,3vw,40px);align-items:start}
.muc-rb .aufzeichnung.frei{grid-template-columns:1fr}
.muc-rb .spieler{position:relative;aspect-ratio:16/9;background:var(--text);overflow:hidden}
.muc-rb .spieler__gesperrt{position:absolute;inset:0;background:var(--weiss);display:grid;grid-template-columns:1fr auto;align-items:end;padding:clamp(24px,4vw,48px)}
.muc-rb .spieler__gesperrt .titel{font-size:clamp(22px,2.6vw,34px);line-height:1.15;font-weight:700;letter-spacing:-.02em;max-width:16ch;position:relative}
.muc-rb .spieler__gesperrt .titel small{display:block;font-size:14px;font-weight:400;letter-spacing:0;margin-top:12px;color:var(--grau)}
.muc-rb .spieler__gesperrt .riesig{position:absolute;right:clamp(20px,4vw,48px);top:clamp(12px,3vw,32px);font-size:clamp(64px,10vw,150px);line-height:1;font-weight:700;letter-spacing:-.05em;color:var(--beige)}
.muc-rb .abspielen{width:clamp(64px,7vw,88px);height:clamp(64px,7vw,88px);border-radius:50%;border:2px solid var(--linie-beige);display:grid;place-items:center;position:relative}
.muc-rb .abspielen svg{width:34%;height:34%;fill:var(--linie-beige);margin-left:6%}
.muc-rb .schloss{position:absolute;right:-6px;bottom:-6px;width:30px;height:30px;border-radius:50%;background:var(--rot);display:grid;place-items:center}
.muc-rb .schloss svg{width:14px;height:14px;fill:none;stroke:var(--weiss);stroke-width:2.4;margin:0}
.muc-rb .frei .spieler__gesperrt{display:none}
.muc-rb .spieler__zustimmung{position:absolute;inset:0;display:none;place-items:center;text-align:center;padding:32px;background:var(--hell)}
.muc-rb .frei .spieler__zustimmung{display:grid}
.muc-rb .spieler__zustimmung>div{max-width:520px}
.muc-rb .spieler__zustimmung h3{font-size:22px;line-height:1.3}
.muc-rb .spieler__zustimmung p{font-size:14px;line-height:1.6;margin-top:10px}
.muc-rb .spieler__zustimmung .aktionen{justify-content:center;margin-top:22px}
.muc-rb .spieler iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

.muc-rb .tor,.muc-rb .danke{background:var(--weiss);padding:clamp(24px,3vw,36px);border-top:4px solid var(--rot)}
.muc-rb .tor h2,.muc-rb .danke h2{font-size:24px;line-height:1.25}
.muc-rb .tor>p,.muc-rb .danke p{font-size:15px;line-height:1.6;margin-top:8px}
.muc-rb .tor>p:first-of-type{margin-bottom:20px}
.muc-rb .frei .tor{display:none}
.muc-rb .feld{display:block;margin-bottom:14px}
.muc-rb .feld span{display:block;font-size:13px;line-height:20px;font-weight:700;margin-bottom:6px}
.muc-rb .feld span i{font-style:normal;font-weight:400;color:var(--grau)}
.muc-rb .feld input,.muc-rb .feld select{width:100%;min-height:42px;margin:0;padding:10px 18px;border:1px solid var(--feldrahmen);border-radius:var(--radius-rund);background:var(--weiss);font-size:14px;line-height:20px;color:var(--text);box-shadow:none}
.muc-rb .feld input:focus,.muc-rb .feld select:focus{outline:2px solid var(--text);outline-offset:1px;border-color:var(--text)}
.muc-rb .honig{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.muc-rb .haekchen{display:flex;gap:12px;align-items:flex-start;font-size:13px;line-height:1.55;margin:4px 0 14px}
.muc-rb .haekchen input{flex:0 0 18px;width:18px;height:18px;margin:1px 0 0;accent-color:var(--rot)}
.muc-rb .haekchen i{font-style:normal}
.muc-rb .fehler{font-size:14px;line-height:1.5;color:var(--rot);font-weight:700;margin:0 0 12px}
.muc-rb .tor .btn{width:100%;margin-top:6px}
.muc-rb .tor .klein{margin-top:12px}
@media (max-width:960px){.muc-rb .aufzeichnung{grid-template-columns:1fr}}
@media (max-width:560px){.muc-rb .spieler__gesperrt{grid-template-columns:1fr;gap:16px}.muc-rb .abspielen,.muc-rb .spieler__gesperrt .riesig{display:none}}

/* Themen */
.muc-rb .kapitel{list-style:none;counter-reset:k;border-top:2px solid var(--text)}
.muc-rb .kapitel li{counter-increment:k;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr);gap:clamp(16px,4vw,64px);padding:clamp(24px,3vw,36px) 0;border-bottom:1px solid var(--linie)}
.muc-rb .kapitel h3{font-size:clamp(20px,2vw,26px);line-height:1.25;display:flex;gap:18px;align-items:baseline}
.muc-rb .kapitel h3::before{content:counter(k,decimal-leading-zero);font-size:15px;color:var(--rot);font-variant-numeric:tabular-nums}
.muc-rb .kapitel p{font-size:17px;line-height:1.7;max-width:58ch}
@media (max-width:760px){.muc-rb .kapitel li{grid-template-columns:1fr;gap:10px}}

/* Fahrplan */
.muc-rb .fahrplan{margin-top:clamp(48px,6vw,72px)}
.muc-rb .fahrplan h3{font-size:clamp(20px,2vw,26px);line-height:1.25;margin-bottom:24px}
.muc-rb .fahrplan ol{list-style:none;counter-reset:f;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.muc-rb .fahrplan li{counter-increment:f;background:var(--hell);padding:20px 18px 22px;font-size:15px;line-height:1.4;font-weight:700;border-top:4px solid var(--hell)}
.muc-rb .fahrplan li::before{content:counter(f);display:grid;place-items:center;width:32px;height:32px;margin-bottom:18px;border:2px solid var(--text);font-size:14px}
.muc-rb .fahrplan li:last-child{border-top-color:var(--rot)}
.muc-rb .fahrplan li:last-child::before{background:var(--rot);border-color:var(--rot);color:var(--weiss)}

/* Beitragstext aus dem Editor */
.muc-rb .beitragstext{margin-top:clamp(48px,6vw,72px);max-width:72ch;font-size:17px;line-height:1.75}
.muc-rb .beitragstext > * + *{margin-top:1em}
.muc-rb .beitragstext h2{font-size:26px;line-height:1.25;margin-top:1.6em}
.muc-rb .beitragstext h3{font-size:21px;line-height:1.3;margin-top:1.4em}
.muc-rb .beitragstext ul,.muc-rb .beitragstext ol{padding-left:1.3em}

/* Webinarreihe */
.muc-rb .reise{display:grid;grid-template-columns:repeat(var(--n,3),1fr);max-width:calc(var(--n,3) * 290px);margin:0 auto 56px;list-style:none;position:relative}
.muc-rb .reise li{position:relative;text-align:center;font-size:14px;line-height:1.45;padding-inline:8px}
.muc-rb .reise li + li::before{content:"";position:absolute;top:13px;right:50%;width:100%;height:3px;background:var(--rot)}
.muc-rb .reise li.naechstes::before{background:var(--linie-beige)}
.muc-rb .reise a{position:relative;z-index:1;display:block;color:var(--text);text-decoration:none}
.muc-rb .reise a:hover b{text-decoration:underline}
.muc-rb .reise .punkt{display:block;width:30px;height:30px;margin:0 auto 14px;background:var(--weiss);border:3px solid var(--linie-beige)}
.muc-rb .reise .erledigt .punkt{background:var(--rot);border-color:var(--rot)}
.muc-rb .reise .hier .punkt{border-color:var(--rot);box-shadow:inset 0 0 0 5px var(--weiss),inset 0 0 0 20px var(--rot)}
.muc-rb .reise .naechstes .punkt{border-color:var(--rot)}
.muc-rb .reise b{display:block;font-size:16px}
.muc-rb .reise .hier b{color:var(--rot)}
.muc-rb .weiter{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.muc-rb .karte{background:var(--weiss);padding:clamp(24px,3vw,40px);display:flex;flex-direction:column;border-top:4px solid var(--weiss)}
.muc-rb .karte--naechstes{border-top-color:var(--rot)}
.muc-rb .karte .klein{color:var(--text)}
.muc-rb .karte h3{font-size:clamp(20px,2vw,26px);line-height:1.25;margin-top:8px}
.muc-rb .karte p{margin-top:10px;font-size:15px;line-height:1.65}
.muc-rb .karte .aktionen{margin-top:auto;padding-top:24px}
@media (max-width:760px){.muc-rb .reise li{font-size:12px}.muc-rb .reise b{font-size:14px}}

/* Übersicht */
.muc-rb .band--liste{padding-top:0}
.muc-rb .liste{display:grid;gap:16px}
.muc-rb .eintrag{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.6fr);background:var(--weiss);border:1px solid var(--beige)}
.muc-rb .eintrag__datum{background:var(--hell);padding:clamp(24px,3.4vw,40px);display:flex;flex-direction:column;justify-content:space-between;gap:24px;color:var(--text);text-decoration:none}
.muc-rb .eintrag__datum:hover{text-decoration:none}
.muc-rb .eintrag__datum .gross{font-size:clamp(56px,7vw,96px);line-height:.95;font-weight:700;letter-spacing:-.045em}
.muc-rb .status{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;font-size:13px;line-height:18px;padding:5px 14px;border-radius:var(--radius-rund);border:1px solid var(--rot);background:var(--weiss)}
.muc-rb .status::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--rot)}
.muc-rb .status--folgt{border-color:var(--grau)}
.muc-rb .status--folgt::before{background:var(--grau)}
.muc-rb .eintrag__text{padding:clamp(24px,3.4vw,40px)}
.muc-rb .eintrag__text h2{font-size:clamp(22px,2.4vw,30px);line-height:1.2;margin-top:6px}
.muc-rb .eintrag__text h2 a{color:var(--text)}
.muc-rb .eintrag__text > p:not(.klein){margin-top:12px;font-size:16px;line-height:1.65;max-width:60ch}
.muc-rb .schlagworte{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.muc-rb .schlagworte li{font-size:13px;line-height:18px;padding:5px 12px;border:1px solid var(--linie-beige);border-radius:var(--radius-rund)}
@media (max-width:760px){.muc-rb .eintrag{grid-template-columns:1fr}.muc-rb .eintrag__datum{flex-direction:row;align-items:flex-end}}

/* Claim und Fuß */
.muc-rb .claim{font-family:var(--font-hand);font-size:clamp(34px,4.4vw,50px);line-height:1.2;color:var(--rot);text-align:center;padding-block:clamp(56px,8vw,96px)}
.muc-rb .fuss{background:var(--beige);padding-block:56px 32px;font-size:14px;line-height:1.7}
.muc-rb .fuss-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:32px}
.muc-rb .fuss img{height:52px;width:auto}
.muc-rb .fuss p{margin-top:16px;max-width:36ch}
.muc-rb .fuss h4{font-size:14px;margin-bottom:8px}
.muc-rb .fuss a{display:block;color:var(--text)}
.muc-rb .fuss a:hover{color:var(--rot);text-decoration:none}
.muc-rb .rechtliches{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:40px;padding-top:20px;border-top:1px solid var(--linie-beige);font-size:13px}
.muc-rb .rechtliches div{display:flex;gap:20px}
.muc-rb .rechtliches a{display:inline}
@media (max-width:760px){.muc-rb .fuss-grid{grid-template-columns:1fr}}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.muc-rb *{transition:none!important;animation:none!important}}