/* ==== Penelope's Akademie: das ganze Design an einer Stelle (17.10.2026) ==== Quelle: Dropbox Penelope‘s Akademie/Mockup/Abnahme-2026-10-17/einspielen/akademie-gesamt.css Schriften (Playfair Display, Lora) lädt das Code Snippet „Akademie: Schriften und Ladezeit“, hier kein @import. Regel: Schrift auf Grün ist immer Weiß. Gold nur als Fläche, Rahmen oder Linie. */ /* ==== Aus den Code Snippets hierher geholt (31.10.2026, Julia: CSS nie in Snippets). Steht vorn, weil es vorher vor dem Zusätzlichen CSS kam. ==== */ /* Konto: Abos/Zahlungen aus, Passwortseite (früher Snippet 10) */ .mepr-nav-item.mepr-subscriptions,.mepr-nav-item.mepr-payments,html body a.mepr-button.btn[href*="action=payments"],html body a.mepr-button.btn[href*="action=subscriptions"],html body a[href*="action=payments"],html body a[href*="action=subscriptions"],dl.mepr-profile-details__list>dt:nth-of-type(3),dl.mepr-profile-details__list>dd:nth-of-type(3){display:none!important}ul:has(>.mepr-nav-item){display:flex;flex-direction:column}ul:has(>.mepr-nav-item)>.mepr-courses{order:-1}.guest-layout main#primary.site-main{margin-top:0;margin-bottom:0}.guest-layout #pk-wrap.pk-rahmen-kopf,.guest-layout #pk-wrap.pk-rahmen-fuss{padding:0}@media (max-width:600px){#pk-wrap .ablauf{grid-template-columns:1fr!important}#pk-wrap .ablauf>*,#pk-wrap .termin>*{min-width:0}}#pk-wrap{overflow-wrap:break-word}.pla-sit-label{font-size:12px!important}/* Fehlerliste Mobil 18.10.2026 */@media (max-width:900px){#pk-wrap .fuss nav{display:flex!important;flex-wrap:wrap;gap:4px 18px;margin-bottom:12px}#pk-wrap .fuss nav a{display:inline-flex;align-items:center;min-height:44px}}.mepr-header-login-link{color:#1e2820!important;min-height:44px;display:inline-flex;align-items:center}.pa-knopf,.forminator-button-submit,.mpcs-next-lesson .btn,#pla-btn-fuehrung{background:#8a6d1c!important;border-color:#8a6d1c!important;color:#fff!important}@media (max-width:600px){.mpcs-course-list .grid{grid-template-columns:1fr!important;gap:8px}.mpcs-course-list .col-1-2{width:100%!important}}h1{overflow-wrap:break-word;hyphens:auto}.page-id-133 h1~h1{font-size:24px;line-height:1.3}@media(max-width:400px){.mepr-login-form-wrap,.mp_login_form{padding:20px 16px}.mp-form-row.mepr_first_name,.mp-form-row.mepr_last_name{width:100%!important;float:none!important}.pa-karte:has(details){padding:8px}.pa-karte details{padding:14px 16px}}#rememberme{width:20px;height:20px}.mepr-form-input{min-height:44px}details[open] summary{margin-bottom:8px}#pk-wrap .klein{color:#7d6318} /* Kurs: leere Abschnitte ausblenden (früher Snippet 10) */ .mpcs-section:not(:has(.mpcs-lessons li)){display:none!important} /* Anmeldung: leere Rechnungsadresse ausblenden (früher Snippet 17) */ .mp-form-row.mp-address-group:not(:has(input,select,textarea)){display:none!important} /* Guide-Formular (früher Snippet 18) */ form.mepr-signup-form:has(.pa-guide-check){max-width:520px;margin:0 auto!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}form.mepr-signup-form:has(.pa-guide-check) .mepr_price,form.mepr-signup-form:has(.pa-guide-check) .mepr_spacer,form.mepr-signup-form:has(.pa-guide-check) .mepr_first_name,form.mepr-signup-form:has(.pa-guide-check) .mepr_last_name{display:none!important}form.mepr-signup-form:has(.pa-guide-check) .mp-form-row{margin:0 0 12px!important;padding:0!important;background:none!important;border:0!important}form.mepr-signup-form:has(.pa-guide-check) .mepr_email .mp-form-label{margin:0 0 6px}form.mepr-signup-form:has(.pa-guide-check) .mepr_email .mp-form-label label{font-family:Lora,Georgia,serif!important;font-weight:400!important;font-size:15px!important;color:#4b5249!important}form.mepr-signup-form:has(.pa-guide-check) input[type=email]{width:100%!important;box-sizing:border-box;font-family:Lora,Georgia,serif;font-size:18px!important;padding:15px 18px!important;border:1px solid #d6caa3!important;border-radius:12px!important;background:#fffdf7!important;color:#1e2820!important;box-shadow:none!important;min-height:56px}form.mepr-signup-form:has(.pa-guide-check) input[type=email]:focus{outline:none;border-color:#b8952e!important;box-shadow:0 0 0 3px rgba(184,149,46,.2)!important}form.mepr-signup-form:has(.pa-guide-check) input[type=email]::placeholder{color:#9a9a8c}form.mepr-signup-form:has(.pa-guide-check) .pa-guide-check label{display:flex!important;gap:11px;align-items:flex-start;margin:0!important;cursor:pointer;font-family:Lora,Georgia,serif!important;font-weight:400!important;font-size:15px!important;line-height:1.55!important;color:#3d443b!important;text-align:left}form.mepr-signup-form:has(.pa-guide-check) .pa-guide-check input[type=checkbox]{flex:0 0 19px;width:19px!important;height:19px!important;margin:2px 0 0!important;accent-color:#1e4029;cursor:pointer}form.mepr-signup-form:has(.pa-guide-check) .pa-guide-check a{color:#1e4029!important;text-decoration:underline;font-weight:400}form.mepr-signup-form:has(.pa-guide-check) .pa-guide-datenschutz{margin-bottom:18px!important}form.mepr-signup-form:has(.pa-guide-check) .mp-form-submit{margin:0 0 26px!important;padding:0!important;text-align:center}form.mepr-signup-form:has(.pa-guide-check) .mepr-submit{display:block;width:100%!important;background:#1e4029!important;color:#fff!important;border:2px solid #b8952e!important;border-radius:999px!important;padding:16px 22px!important;font-family:"Playfair Display",Georgia,serif!important;font-size:19px!important;font-weight:700!important;letter-spacing:.2px;cursor:pointer;box-shadow:0 6px 18px rgba(30,64,41,.18)!important;transition:background .2s,transform .2s}form.mepr-signup-form:has(.pa-guide-check) .mepr-submit:hover{background:#2c5f3a!important;transform:translateY(-1px)}form.mepr-signup-form:has(.pa-guide-check) .cc-error{font-size:13px;color:#a23b2a} /* Guide-Anmeldeseite (früher Snippet 19) */ body.single-memberpressproduct:has(.pa-guide-check) .invoice-wrapper{display:none!important} body.single-memberpressproduct:has(.pa-guide-check) .mepr-checkout-container{display:block!important;grid-template-columns:1fr!important;min-height:0!important;height:auto!important;border:0!important;padding:0!important;margin:0!important;background:none!important;box-shadow:none!important} body.single-memberpressproduct:has(.pa-guide-check) .mepr-checkout-container>*{border:0!important} body.single-memberpressproduct:has(.pa-guide-check) .form-wrapper{max-width:none!important;width:auto!important;padding:0!important;margin:0!important;border:0!important} body.single-memberpressproduct:has(.pa-guide-check) #primary{max-width:660px!important;margin:0 auto!important;padding:34px 18px 60px!important;text-align:center} body.single-memberpressproduct:has(.pa-guide-check) #primary>p,body.single-memberpressproduct:has(.pa-guide-check) #primary .mepr-product-description p{font-family:Lora,Georgia,serif;font-size:18px;line-height:1.65;color:#3d443b;max-width:560px;margin-left:auto!important;margin-right:auto!important} body.single-memberpressproduct:has(.pa-guide-check) form.mepr-signup-form{max-width:540px!important;margin:26px auto 0!important;background:#fbf8ef!important;border:1px solid #d9c690!important;border-radius:20px!important;padding:30px 32px 6px!important;box-shadow:0 18px 44px rgba(30,40,32,.11)!important;text-align:left} body.single-memberpressproduct:has(.pa-guide-check) .form-wrapper::before{content:"100 % kostenlos · kein Abo · keine Zahlungsdaten";display:block;text-align:center;background:linear-gradient(180deg,#ecd593,#c9a54e);color:#1e2820;font:600 13px/1.3 Lora,Georgia,serif;letter-spacing:.09em;text-transform:uppercase;padding:11px 16px;border-radius:999px;margin:0 0 24px;box-shadow:inset 0 0 0 1px rgba(30,40,32,.12)} body.single-memberpressproduct:has(.pa-guide-check) h1.pa-guide-titel{font-family:"Playfair Display",Georgia,serif;font-weight:600;font-size:clamp(28px,5vw,40px);line-height:1.2;color:#1e4029;margin:0 auto 18px;max-width:600px;text-align:center} body.single-memberpressproduct:has(.pa-guide-check) .pa-guide-titel-klein{display:block;font:600 12px/1.3 Lora,Georgia,serif;letter-spacing:.14em;text-transform:uppercase;color:#8a6d1c;margin:0 0 10px} body.single-memberpressproduct:has(.pa-guide-check) .mp-form-submit{margin-bottom:28px!important} @media (max-width:600px){body.single-memberpressproduct:has(.pa-guide-check) form.mepr-signup-form{padding:22px 18px 4px!important;border-radius:16px!important}body.single-memberpressproduct:has(.pa-guide-check) .form-wrapper::before{font-size:11.5px;letter-spacing:.05em}} /* Kurswelten auf /kurse/ (früher Snippet 14) */ .pa-kw-oben{max-width:1100px;margin:0 auto 28px;padding:0 16px} .pa-kw-reise{position:relative;background:#1e4029;color:#fff;border:3px solid #b8952e;border-radius:14px;padding:30px 28px 26px;text-align:center} .pa-kw-reise-band{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:#b8952e;color:#1e4029;font-weight:700;padding:4px 16px;border-radius:20px;font-size:14px;letter-spacing:.05em;text-transform:uppercase} body.mpcs-classroom .pa-kw-reise h2,.pa-kw-reise h2{color:#fff!important;margin:6px 0 8px;font-size:clamp(22px,4vw,32px)} .pa-kw-reise p{margin:0 0 18px;font-size:17px;opacity:.95} .pa-kw-reise-knopf{display:inline-block;background:#b8952e;color:#1e4029!important;font-weight:700;padding:14px 28px;border-radius:30px;text-decoration:none!important;font-size:18px} .pa-kw-tueren{text-align:center;padding:20px 0} .pa-kw-tueren-reihe{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:14px} .pa-kw-tuer{display:block;min-width:160px;padding:22px 26px;border:2px solid #b8952e;border-radius:12px;color:#1e4029!important;font-size:20px;font-weight:700;text-decoration:none!important} .pa-kw-tuer:hover{background:#1e4029;color:#fff!important} .pa-kw-angepinnt{outline:3px solid #b8952e;border-radius:10px;position:relative} .pa-kw-pin{position:absolute;top:10px;left:10px;z-index:2;background:#b8952e;color:#1e4029;font-weight:700;font-size:13px;padding:4px 12px;border-radius:20px} /* ==== Ende der geholten Snippet-Stile ==== */ /* ---- Farben für alle Seiten ---- */ :root{ --pa-gruen:#1e4029; --pa-gruen2:#2c5f3a; --pa-gold:#b8952e; --pa-gold-dunkel:#8d6f1c; --pa-creme:#f7f8f4; --pa-papier:#ffffff; --pa-linie:#ebe5d2; --pa-text:#1e2820; --pa-grau:#5d6b61; } /* ---- Katalog und Startseite (#pk-wrap), bisher in jede Seite eingebettet ---- */ body:has(#pk-wrap){margin:0;background:#f7f8f4} #pk-wrap{--bg:#f7f8f4;--paper:#fff;--ink:#1e2820;--brand:#2c5f3a;--brand2:#1e4029;--gold:#b8952e;--gold2:#9a7a22;--gold-soft:rgba(184,149,46,.10);--teal:#2a5c5c;--teal-soft:rgba(42,92,92,.07);--muted:#5a6b5e;--radius:16px;--shadow:0 8px 28px rgba(20,40,25,.07);--linie:rgba(184,149,46,.18); font-family:Lora,Georgia,serif;font-size:17px;line-height:1.7;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased} #pk-wrap *{box-sizing:border-box} #pk-wrap a{color:inherit;text-decoration:none} #pk-wrap h1,#pk-wrap h2,#pk-wrap h3{font-family:"Playfair Display",Georgia,serif;font-weight:600;color:var(--ink);line-height:1.15;margin:0} #pk-wrap h1{font-size:clamp(34px,4.6vw,54px);margin-bottom:12px} #pk-wrap h1 em,#pk-wrap h2 em{font-style:italic;color:var(--brand)} #pk-wrap h2{font-size:clamp(24px,3vw,36px);margin-bottom:10px} #pk-wrap .kopf{background:rgba(255,255,255,.85);backdrop-filter:blur(6px);border-bottom:1px solid var(--linie);position:sticky;top:0;z-index:20} #pk-wrap .kopf .innen{max-width:1180px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap} #pk-wrap .logo{display:flex;align-items:center;gap:12px} #pk-wrap .logo img{width:44px;height:44px;object-fit:contain;display:block} #pk-wrap .logo b{font-family:"Playfair Display",Georgia,serif;font-weight:600;font-size:21px;color:var(--ink);display:block;line-height:1.1} #pk-wrap .logo small{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold2);display:block} #pk-wrap nav{display:flex;gap:18px;flex-wrap:wrap;align-items:center} #pk-wrap nav a{font-size:13.5px;font-weight:500;color:var(--muted);padding:6px 0;border-bottom:2px solid transparent} #pk-wrap nav a:hover{color:var(--ink)} #pk-wrap nav a.aktiv{color:var(--brand);border-color:var(--brand)} #pk-wrap nav a.pill{border:1.5px solid var(--brand);border-radius:999px;padding:7px 16px;color:var(--brand);font-weight:600} #pk-wrap nav a.pill:hover{background:var(--brand);color:#fff} #pk-wrap main{max-width:1120px;margin:0 auto;padding:64px 20px 90px} #pk-wrap .eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:14px;padding:6px 14px;border-radius:999px;background:rgba(44,95,58,.08);border:1px solid rgba(44,95,58,.2);color:var(--brand);font-weight:600;font-size:14px} #pk-wrap .eyebrow.gold{background:var(--gold-soft);border-color:rgba(184,149,46,.25);color:var(--gold2)} #pk-wrap .eyebrow.teal{background:var(--teal-soft);border-color:rgba(42,92,92,.22);color:var(--teal)} #pk-wrap .intro{max-width:680px;color:var(--muted);font-size:18px;margin:0 0 36px} #pk-wrap .leiste{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:34px} #pk-wrap .sammlungen{display:flex;gap:10px;flex-wrap:wrap} #pk-wrap .sammlungen a{padding:8px 16px;border-radius:999px;border:1px solid var(--linie);background:#fff;font-size:14px;font-weight:600;color:var(--muted)} #pk-wrap .sammlungen a.aktiv{background:var(--brand);border-color:var(--brand);color:#fff} #pk-wrap .sammlungen a.gold.aktiv{background:var(--gold2);border-color:var(--gold2)} #pk-wrap .sammlungen a.teal.aktiv{background:var(--teal);border-color:var(--teal)} #pk-wrap .arten{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px} #pk-wrap .arten button{background:transparent;border:1px solid transparent;border-radius:999px;padding:4px 12px;font:inherit;font-size:13px;color:var(--muted);cursor:pointer} #pk-wrap .arten button.aktiv{background:rgba(44,95,58,.08);border-color:rgba(44,95,58,.2);color:var(--brand);font-weight:600} #pk-wrap .suche{position:relative} #pk-wrap .suche input{width:280px;max-width:100%;padding:12px 42px 12px 16px;border:1px solid var(--linie);border-radius:999px;background:#fff;font:inherit;font-size:15px;color:var(--ink);outline:none} #pk-wrap .suche input:focus{border-color:var(--brand)} #pk-wrap .suche svg{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:16px;height:16px;fill:var(--muted)} #pk-wrap .raster{display:grid;grid-template-columns:repeat(3,1fr);gap:22px} #pk-wrap .karte{background:var(--paper);border:1px solid var(--linie);border-radius:18px;box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden;transition:transform .2s,box-shadow .2s} #pk-wrap .karte:hover{transform:translateY(-3px);box-shadow:0 14px 36px rgba(20,40,25,.12)} #pk-wrap .karte-text{padding:24px 22px 18px;text-align:center;flex:1;display:flex;flex-direction:column} #pk-wrap .karte-label{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px;color:var(--brand)} #pk-wrap .gold .karte-label{color:var(--gold2)}#pk-wrap .teal .karte-label{color:var(--teal)} #pk-wrap .karte h3{font-size:20px;font-weight:600;margin:0 0 16px;line-height:1.25} #pk-wrap .karte-meta{margin-top:auto;display:grid;grid-template-columns:1fr 1fr;font-size:13.5px;font-weight:600;color:var(--ink)} #pk-wrap .karte-meta span:first-child{border-right:1px solid var(--linie)} #pk-wrap .karte-meta s{font-weight:400;color:var(--muted);margin-left:6px} #pk-wrap .karte-beleg{display:none;margin-top:12px;font-size:12.5px;color:var(--muted);font-style:italic;line-height:1.45} #pk-wrap.mit-belegen .karte-beleg{display:block} #pk-wrap .karte-bild{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--brand2)} #pk-wrap .karte-bild img{width:100%;height:100%;object-fit:cover;display:block} #pk-wrap .karte-banner{position:absolute;left:0;right:0;bottom:0;background:rgba(30,40,32,.86);color:#fff;font-size:12px;padding:7px 12px;text-align:center;letter-spacing:.02em} #pk-wrap .gold .karte-banner{background:rgba(154,122,34,.9)}#pk-wrap .teal .karte-banner{background:rgba(42,92,92,.9)} #pk-wrap .leer{display:none;color:var(--muted);padding:40px 0;text-align:center} #pk-wrap .knopf{display:inline-block;background:var(--ink);color:#fff;border:0;border-radius:999px;padding:13px 28px;font:inherit;font-weight:600;font-size:15px;cursor:pointer;box-shadow:0 6px 18px rgba(30,40,32,.18);transition:background .2s} #pk-wrap .knopf:hover{background:var(--brand)} #pk-wrap .knopf.rahmen{background:transparent;color:var(--ink);border:1.5px solid rgba(30,40,32,.35);box-shadow:none} #pk-wrap .knopf.rahmen:hover{border-color:var(--ink);background:#fff} #pk-wrap .held{position:relative;min-height:460px;background:var(--brand2) center/cover no-repeat;color:#fff;display:flex;align-items:center} #pk-wrap .held::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(30,40,32,.9) 0%,rgba(30,40,32,.7) 45%,rgba(30,40,32,.3) 100%)} #pk-wrap .held .innen{position:relative;max-width:1120px;margin:0 auto;padding:70px 20px;width:100%} #pk-wrap .held h1{color:#fff;font-weight:600;max-width:600px;margin-bottom:14px} #pk-wrap .held p{max-width:540px;font-size:17px;color:#e8ede8;margin:0 0 26px} #pk-wrap .held .eyebrow{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.3);color:#fff} #pk-wrap .block{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:56px 0;border-bottom:1px solid var(--linie)} #pk-wrap .block p{margin:0 0 8px} #pk-wrap .block p.klein{font-size:14px;color:var(--muted);margin:10px 0 0;max-width:440px;line-height:1.6} #pk-wrap .preis-gross{font-family:"Playfair Display",Georgia,serif;font-size:36px;font-weight:600;margin:0 0 4px;color:var(--ink)} #pk-wrap .preis-gross s{font-size:20px;color:var(--muted);font-weight:400;margin-left:10px;font-family:Lora,Georgia,serif} #pk-wrap .lehrplan{padding:56px 0} #pk-wrap .lehrplan .text{max-width:720px;font-size:18px;color:var(--ink);margin:0 0 36px} #pk-wrap .abschnitt{display:grid;grid-template-columns:56px 1fr;gap:18px;background:#fff;border:1px solid var(--linie);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px 26px;margin-bottom:14px} #pk-wrap .abschnitt .nr{font-family:"Playfair Display",Georgia,serif;font-size:34px;font-weight:600;color:var(--gold);line-height:1} #pk-wrap .abschnitt h3{margin:4px 0 10px;font-size:20px} #pk-wrap .abschnitt ol{margin:0;padding-left:18px;color:var(--muted);font-size:15.5px} #pk-wrap .abschnitt li{padding:3px 0} #pk-wrap .enthalten{background:#fff;border:1px solid var(--linie);border-radius:var(--radius);box-shadow:var(--shadow);padding:10px 26px} #pk-wrap .enthalten a{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--linie);font-size:15.5px} #pk-wrap .enthalten a:hover{color:var(--brand)} #pk-wrap .enthalten .sum{display:flex;justify-content:space-between;padding:14px 0;font-weight:700} #pk-wrap .enthalten .sum.paket{color:var(--brand);font-size:18px} #pk-wrap .reihe{display:grid;grid-template-columns:2fr 3fr;gap:30px;padding:26px;background:#fff;border:1px solid var(--linie);border-radius:18px;box-shadow:var(--shadow);margin-bottom:22px;align-items:center} #pk-wrap .reihe .karte-bild{border-radius:12px} #pk-wrap .reihe h3{font-size:26px;margin:0 0 8px} #pk-wrap .reihe p{color:var(--muted);margin:0 0 18px;font-size:15.5px} #pk-wrap .reihe ul{columns:2;padding-left:18px;font-size:14.5px;color:var(--muted);margin:0 0 16px} #pk-wrap .kleinzeile{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--brand);margin-bottom:8px} #pk-wrap .gold .kleinzeile{color:var(--gold2)}#pk-wrap .teal .kleinzeile{color:var(--teal)} #pk-wrap details{background:#fff;border:1px solid var(--linie);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 24px;margin-bottom:12px} #pk-wrap summary{cursor:pointer;font-family:"Playfair Display",Georgia,serif;font-size:19px;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:16px} #pk-wrap summary::-webkit-details-marker{display:none} #pk-wrap summary::after{content:"+";color:var(--gold);font-size:24px;line-height:1;font-family:Lora,serif} #pk-wrap details[open] summary::after{content:"–"} #pk-wrap details p{color:var(--muted);max-width:760px;margin:12px 0 0;font-size:15.5px} #pk-wrap .formular{max-width:540px;background:#fff;border:1px solid var(--linie);border-radius:18px;box-shadow:var(--shadow);padding:34px} #pk-wrap .formular label{display:block;font-size:13px;font-weight:600;margin:16px 0 6px;color:var(--ink)} #pk-wrap .formular input,#pk-wrap .formular textarea{width:100%;padding:12px 14px;border:1px solid var(--linie);border-radius:10px;background:#fff;font:inherit;font-size:15px;color:var(--ink)} #pk-wrap .formular textarea{min-height:90px;resize:vertical} #pk-wrap .betraege{display:flex;gap:10px;flex-wrap:wrap} #pk-wrap .betraege button{background:#fff;border:1px solid var(--linie);border-radius:10px;padding:12px 18px;font:inherit;font-size:15px;cursor:pointer;min-width:84px} #pk-wrap .betraege button.aktiv{border-color:var(--brand);background:var(--brand);color:#fff} #pk-wrap .hinweis{background:var(--gold-soft);border-left:3px solid var(--gold);border-radius:0 12px 12px 0;padding:14px 18px;font-size:14.5px;color:var(--ink);margin:22px 0 0;max-width:560px} #pk-wrap .zweispaltig{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start} #pk-wrap .fuss{border-top:1px solid var(--linie);color:var(--muted);font-size:13px} #pk-wrap .fuss .innen{max-width:1120px;margin:0 auto;padding:28px 20px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center} #pk-wrap .fuss nav a{font-size:13px} #pk-wrap .fuss button{background:none;border:0;color:var(--muted);font:inherit;font-size:12px;text-decoration:underline;cursor:pointer;padding:0} #pk-wrap .toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);background:var(--ink);color:#fff;padding:12px 22px;border-radius:999px;font-size:14px;box-shadow:0 10px 30px rgba(0,0,0,.2);opacity:0;pointer-events:none;transition:opacity .25s;z-index:50} #pk-wrap .toast.an{opacity:1} #pk-wrap .menu-knopf{display:none;background:none;border:1.5px solid var(--linie);border-radius:12px;width:46px;height:42px;padding:10px 11px;cursor:pointer;flex-direction:column;justify-content:space-between;margin-left:auto} #pk-wrap .menu-knopf span{display:block;height:2px;background:var(--ink);border-radius:2px;transition:transform .2s,opacity .2s} #pk-wrap .kopf.offen .menu-knopf span:nth-child(1){transform:translateY(9px) rotate(45deg)} #pk-wrap .kopf.offen .menu-knopf span:nth-child(2){opacity:0} #pk-wrap .kopf.offen .menu-knopf span:nth-child(3){transform:translateY(-9px) rotate(-45deg)} @media(max-width:900px){#pk-wrap .raster{grid-template-columns:repeat(2,1fr)} #pk-wrap .kopf .innen{flex-wrap:nowrap;justify-content:flex-start;padding:10px 16px} #pk-wrap .logo b{font-size:18px}#pk-wrap .logo small{display:none}#pk-wrap .logo img{width:36px;height:36px} #pk-wrap .menu-knopf{display:flex} #pk-wrap nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--linie);box-shadow:0 18px 40px rgba(20,40,25,.14);flex-direction:column;align-items:stretch;gap:0;padding:8px 0 14px} #pk-wrap .kopf.offen nav{display:flex} #pk-wrap nav a{font-size:17px;padding:14px 22px;border-bottom:1px solid var(--linie);border-left:3px solid transparent} #pk-wrap nav a.aktiv{border-bottom-color:var(--linie);border-left-color:var(--brand);background:rgba(44,95,58,.05)} #pk-wrap nav a.pill{margin:14px 22px 0;padding:12px 18px;text-align:center;border:1.5px solid var(--brand);border-radius:999px}#pk-wrap .block,#pk-wrap .zweispaltig,#pk-wrap .reihe{grid-template-columns:1fr}#pk-wrap .reihe ul{columns:1}} @media(max-width:600px){#pk-wrap .raster{grid-template-columns:1fr}#pk-wrap main{padding-top:40px}#pk-wrap .suche input{width:100%}#pk-wrap .leiste{flex-direction:column;align-items:stretch}} #pk-wrap .ws-held{position:relative;min-height:420px;background:var(--brand2) center/cover no-repeat} #pk-wrap .ws-held::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(30,40,32,.15) 0%,rgba(30,40,32,.55) 100%)} #pk-wrap .ws-kopf{max-width:1120px;margin:-120px auto 0;padding:0 20px;position:relative;display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:start} #pk-wrap .ws-karte{background:#fff;border-radius:18px;box-shadow:var(--shadow);padding:36px 40px} #pk-wrap .ws-karte .datum{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--gold2);margin:10px 0 18px} #pk-wrap .ws-karte ul{padding-left:20px;color:var(--muted);margin:0;font-size:16px} #pk-wrap .ws-karte li{padding:3px 0} #pk-wrap .planen{background:var(--brand2);color:#fff;border-radius:18px;padding:28px 26px;box-shadow:var(--shadow)} #pk-wrap .planen h3{color:#fff;font-size:24px;margin-bottom:14px} #pk-wrap .planen b{display:block;font-size:14px;color:#fff;margin-top:12px} #pk-wrap .planen p{margin:2px 0 0;font-size:14px;color:#e8ede8;line-height:1.55} #pk-wrap .ws-text{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding:56px 0 20px} #pk-wrap .ws-text h2{font-size:30px} #pk-wrap .ws-text h3{font-size:20px;margin:26px 0 8px} #pk-wrap .ws-text p{color:var(--muted);margin:0 0 12px;font-size:16.5px} #pk-wrap .ticket{display:grid;grid-template-columns:1fr auto auto;gap:22px;align-items:center;background:#fff;border:1px solid var(--linie);border-radius:14px;padding:16px 22px;margin-bottom:12px} #pk-wrap .ticket b{display:block;font-size:16px} #pk-wrap .ticket small{display:block;color:var(--muted);font-size:13.5px} #pk-wrap .ticket .tp{font-family:"Playfair Display",Georgia,serif;font-size:24px;font-weight:600} #pk-wrap .termin{display:grid;grid-template-columns:130px 1fr auto;gap:22px;align-items:center;background:#fff;border:1px solid var(--linie);border-radius:16px;padding:20px 24px;margin-bottom:12px;box-shadow:var(--shadow)} #pk-wrap .termin .d{font-family:"Playfair Display",Georgia,serif;font-size:22px;font-weight:600;line-height:1.1} #pk-wrap .termin .d small{display:block;font-family:Lora,serif;font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;margin-top:6px;color:var(--brand)} #pk-wrap .termin.gold .d small{color:var(--gold2)}#pk-wrap .termin.teal .d small{color:var(--teal)} #pk-wrap .termin h3{font-size:20px;margin:0 0 4px} #pk-wrap .termin p{margin:0;color:var(--muted);font-size:15px} #pk-wrap .monat{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--muted);margin:30px 0 12px} #pk-wrap .preise{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:24px 0 10px} #pk-wrap .preise div{background:#fff;border:1px solid var(--linie);border-radius:18px;padding:26px;box-shadow:var(--shadow);text-align:center} #pk-wrap .preise .p{font-family:"Playfair Display",Georgia,serif;font-size:34px;font-weight:600;margin:6px 0} #pk-wrap .preise p{color:var(--muted);font-size:14.5px;margin:0 0 16px} #pk-wrap .ablauf{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:20px 0 10px} #pk-wrap .ablauf div{background:#fff;border:1px solid var(--linie);border-radius:16px;padding:20px;font-size:15px;color:var(--muted)} #pk-wrap .ablauf b{display:block;font-family:"Playfair Display",Georgia,serif;font-size:30px;color:var(--gold);margin-bottom:6px} @media(max-width:900px){#pk-wrap .ws-kopf{grid-template-columns:1fr;margin-top:-60px}#pk-wrap .ws-text,#pk-wrap .preise{grid-template-columns:1fr}#pk-wrap .ablauf{grid-template-columns:1fr 1fr}#pk-wrap .termin,#pk-wrap .ticket{grid-template-columns:1fr}} #pk-wrap .recht{max-width:820px;margin:0 auto;padding:56px 20px 80px;font-size:16.5px;line-height:1.75} #pk-wrap .recht h1{margin-bottom:28px} #pk-wrap .recht h2,#pk-wrap .recht h3,#pk-wrap .recht h4{font-size:22px;margin:34px 0 10px} #pk-wrap .recht p{margin:0 0 14px}#pk-wrap .recht ul,#pk-wrap .recht ol{padding-left:22px;margin:0 0 14px} #pk-wrap .recht a{color:#9a7a22;text-decoration:underline}#pk-wrap .recht table{border-collapse:collapse;width:100%;font-size:15px} #pk-wrap .recht td,#pk-wrap .recht th{border:1px solid var(--linie);padding:8px 10px;vertical-align:top} #pk-wrap .tueren{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:34px 0 10px} #pk-wrap .tuer{background:#fff;border:1px solid var(--linie);border-radius:20px;box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s} #pk-wrap .tuer:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(20,40,25,.14)} #pk-wrap .tuer .bild{aspect-ratio:16/10;overflow:hidden} #pk-wrap .tuer .bild img{width:100%;height:100%;object-fit:cover;display:block} #pk-wrap .tuer .text{padding:24px 24px 26px;display:flex;flex-direction:column;flex:1} #pk-wrap .tuer .kleinzeile{margin-bottom:8px} #pk-wrap .tuer h2{font-size:26px;margin-bottom:8px} #pk-wrap .tuer p{color:var(--muted);font-size:15.5px;margin:0 0 18px} #pk-wrap .tuer .knopf{align-self:center;margin-top:auto} #pk-wrap .tuer .text{align-items:center;text-align:center} #pk-wrap .tuer h2{flex:0 0 auto} #pk-wrap .tuer p{flex:1} #pk-wrap .situationen{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:18px 0 40px} #pk-wrap .situationen div{background:#fff;border:1px solid var(--linie);border-radius:14px;padding:16px 20px;font-style:italic;color:var(--ink);font-size:16px} #pk-wrap .tuer-abschnitt{margin-top:50px} #pk-wrap .tuer-abschnitt h2{margin-bottom:4px} #pk-wrap .tuer-abschnitt .intro{margin-bottom:18px;font-size:16px} @media(max-width:900px){#pk-wrap .tueren,#pk-wrap .situationen{grid-template-columns:1fr}} #pk-wrap .weg{counter-reset:s;margin:20px 0 10px} #pk-wrap .schritt{display:grid;grid-template-columns:64px 1fr auto;gap:22px;align-items:center;background:#fff;border:1px solid var(--linie);border-radius:18px;box-shadow:var(--shadow);padding:22px 26px;margin-bottom:14px} #pk-wrap .schritt .nr{font-family:"Playfair Display",Georgia,serif;font-size:40px;font-weight:600;color:var(--gold);line-height:1;text-align:center} #pk-wrap .schritt h3{font-size:21px;margin:0 0 4px} #pk-wrap .schritt p{margin:0;color:var(--muted);font-size:15.5px} #pk-wrap .schritt .preis{font-family:"Playfair Display",Georgia,serif;font-size:22px;font-weight:600;white-space:nowrap;text-align:right} #pk-wrap .schritt .preis small{display:block;font-family:Lora,serif;font-size:12px;color:var(--muted);font-weight:400} #pk-wrap .starter{background:var(--brand2);color:#fff;border-radius:22px;padding:40px 44px;margin:40px 0 10px;display:grid;grid-template-columns:1.4fr 1fr;gap:36px;align-items:center} #pk-wrap .starter h2{color:#fff;font-size:32px} #pk-wrap .starter h2 em{color:#fff} #pk-wrap .starter p{color:#e8ede8;margin:0 0 14px} #pk-wrap .starter ul{margin:0 0 20px;padding-left:20px;color:#e8ede8;font-size:15.5px} #pk-wrap .starter .box{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:26px;text-align:center} #pk-wrap .starter .box .p{font-family:"Playfair Display",Georgia,serif;font-size:44px;font-weight:600} #pk-wrap .starter .box s{color:#b9c6bb;font-size:18px;margin-left:8px} #pk-wrap .starter .box small{display:block;color:#fff;font-size:13px;margin:6px 0 18px} #pk-wrap .starter .knopf{background:#fff;color:var(--brand2)} #pk-wrap .starter .knopf:hover{background:#d9c3a5} #pk-wrap .beruhig{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:18px 0 10px} #pk-wrap .beruhig div{background:#fff;border:1px solid var(--linie);border-radius:16px;padding:20px 22px} #pk-wrap .beruhig b{display:block;font-family:"Playfair Display",Georgia,serif;font-size:19px;margin-bottom:6px} #pk-wrap .beruhig p{margin:0;color:var(--muted);font-size:15px} #pk-wrap .wer{display:grid;grid-template-columns:auto 1fr;gap:26px;align-items:center;background:#fff;border:1px solid var(--linie);border-radius:18px;padding:26px 30px;margin-top:18px} #pk-wrap .wer img{width:120px;height:120px;border-radius:50%;object-fit:cover} @media(max-width:900px){#pk-wrap .schritt{grid-template-columns:48px 1fr}#pk-wrap .schritt .preis{grid-column:2;text-align:left}#pk-wrap .starter,#pk-wrap .beruhig,#pk-wrap .wer{grid-template-columns:1fr}#pk-wrap .starter{padding:28px}} #pk-wrap .start-held{display:grid;grid-template-columns:1.35fr 1fr;gap:48px;align-items:center;margin-bottom:46px} #pk-wrap .start-held .intro{margin-bottom:26px} #pk-wrap .start-held .knoepfe{display:flex;gap:12px;flex-wrap:wrap} #pk-wrap .naechster{background:#fff;border:1px solid var(--linie);border-top:4px solid var(--gold);border-radius:20px;box-shadow:var(--shadow);overflow:hidden} #pk-wrap .naechster img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block} #pk-wrap .naechster .text{padding:22px 26px 26px} #pk-wrap .naechster .klein{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--gold2)} #pk-wrap .naechster h3{font-size:24px;margin:6px 0 4px} #pk-wrap .naechster p{margin:0 0 16px;color:var(--muted);font-size:15px} #pk-wrap .fakten{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:0 0 70px} #pk-wrap .fakten div{background:#fff;border:1px solid var(--linie);border-radius:16px;padding:20px 22px;font-size:15px;color:var(--muted)} #pk-wrap .fakten b{display:block;font-family:"Playfair Display",Georgia,serif;font-size:19px;color:var(--ink);margin-bottom:4px} #pk-wrap .hs-teil{margin-top:70px;scroll-margin-top:90px} #pk-wrap .hs-teil .intro{margin-bottom:22px;font-size:17px} #pk-wrap .termin .fuer{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--brand);background:rgba(44,95,58,.08);border-radius:999px;padding:3px 10px;margin-bottom:6px} #pk-wrap .termin details{background:none;border:0;box-shadow:none;padding:0;margin:8px 0 0} #pk-wrap .termin summary{font-family:Lora,Georgia,serif;font-size:14.5px;font-weight:600;color:var(--brand);justify-content:flex-start} #pk-wrap .termin summary::after{font-size:18px} #pk-wrap .termin details p{font-size:15px;margin-top:8px} #pk-wrap .termin .kauf{text-align:center} #pk-wrap .termin .kauf small{display:block;color:var(--muted);font-size:13px;margin-top:6px} #pk-wrap .wer{display:grid;grid-template-columns:150px 1fr;gap:28px;align-items:center;background:#fff;border:1px solid var(--linie);border-radius:20px;padding:26px;box-shadow:var(--shadow)} #pk-wrap .wer img{width:150px;height:150px;border-radius:50%;object-fit:cover} @media(max-width:900px){#pk-wrap .start-held,#pk-wrap .fakten,#pk-wrap .wer{grid-template-columns:1fr}#pk-wrap .start-held{gap:28px}#pk-wrap .termin .kauf{text-align:left}} /* Penelope's Akademie: MemberPress-Seiten im Look des Katalogs (14.09.2026) */ html body.mepr-guest-layout,html body.mepr-app-layout{background:#f7f8f4!important;font-family:Lora,Georgia,serif;color:#1e2820} html body.mepr-guest-layout .site-header,html body.mepr-app-layout .site-header{background:#f7f8f4!important;color:#1e2820} body.mepr-guest-layout .site-logo{max-height:90px;width:auto} body.mepr-guest-layout .mepro-boxed{background:#fff;border:1px solid rgba(184,149,46,.18);border-radius:18px;box-shadow:0 8px 28px rgba(20,40,25,.07)} body.mepr-guest-layout h1,body.mepr-guest-layout h2,body.mepr-app-layout h1,body.mepr-app-layout h2{font-family:'Playfair Display',Georgia,serif;font-weight:600;color:#1e2820} body.mepr-guest-layout label,body.mepr-guest-layout p,body.mepr-guest-layout input,body.mepr-guest-layout a{font-family:Lora,Georgia,serif} body.mepr-guest-layout .mp-form-row input[type=text],body.mepr-guest-layout .mp-form-row input[type=password],body.mepr-guest-layout .mp-form-row input[type=email]{border:1px solid rgba(184,149,46,.3);border-radius:12px;background:#fff;color:#1e2820} body.mepr-guest-layout .mp-form-row input:focus{border-color:#2c5f3a;outline:none;box-shadow:0 0 0 3px rgba(44,95,58,.12)} body.mepr-guest-layout input[type=submit],body.mepr-guest-layout .mepr-submit,body.mepr-guest-layout button[type=submit],body.mepr-app-layout input[type=submit],body.mepr-app-layout .mepr-submit{background:#2c5f3a!important;color:#fff!important;border:0!important;border-radius:999px!important;font-family:Lora,Georgia,serif!important;font-weight:600!important;box-shadow:0 6px 18px rgba(30,40,32,.18)} body.mepr-guest-layout input[type=submit]:hover,body.mepr-guest-layout .mepr-submit:hover{background:#1e4029!important} body.mepr-guest-layout .mepr-login-actions a,body.mepr-guest-layout a{color:#9a7a22} body.mepr-guest-layout .mepr-login-actions a:hover{color:#2c5f3a} body.mepr-app-layout #mepr-account-nav{background:#1e2820!important} /* MemberPress-Formulare im Seitenlayout (Login, Konto, Kasse) */ .mp_wrapper,.mp_wrapper *{font-family:Lora,Georgia,serif} .page-id-40 .site-main,.page-id-40 .elementor-widget-container>.mp_wrapper{max-width:520px;margin:40px auto 60px;padding:0 20px} .mp_wrapper h1,.mp_wrapper h2,.mp_wrapper h3{font-family:'Playfair Display',Georgia,serif;font-weight:600;color:#1e2820} .mp_wrapper .mp-form-row{margin-bottom:16px} .mp_wrapper label{font-size:14px;font-weight:600;color:#1e2820;margin-bottom:6px;display:block} .mp_wrapper input[type=text],.mp_wrapper input[type=password],.mp_wrapper input[type=email],.mp_wrapper input[type=tel],.mp_wrapper select{width:100%;padding:12px 14px;border:1px solid rgba(184,149,46,.3);border-radius:12px;background:#fff;color:#1e2820;font-size:16px} .mp_wrapper input:focus,.mp_wrapper select:focus{border-color:#2c5f3a;outline:none;box-shadow:0 0 0 3px rgba(44,95,58,.12)} .mp_wrapper input[type=submit],.mp_wrapper .mepr-submit,.mp_wrapper button[type=submit]{background:#2c5f3a!important;color:#fff!important;border:0!important;border-radius:999px!important;padding:13px 28px!important;font-weight:600!important;font-size:15px!important;cursor:pointer;box-shadow:0 6px 18px rgba(30,40,32,.18);width:100%} .mp_wrapper input[type=submit]:hover,.mp_wrapper .mepr-submit:hover{background:#1e4029!important} .mp_wrapper a,.mepr-login-actions a{color:#9a7a22;text-decoration:none;font-weight:500} .mp_wrapper a:hover{color:#2c5f3a} .mp_wrapper .mepr-login-actions{margin-top:18px;text-align:center} /* Footer wie im Katalog auf den ReadyLaunch-Seiten (Inhalt der Login-Seite 40) */ body.mepr-guest-layout main#primary{display:flex;flex-direction:column;min-height:calc(100vh - 120px)} body.mepr-guest-layout #mepro-login-hero{flex:1 0 auto;width:100%} body.mepr-guest-layout .pk-fuss{order:99;margin-top:60px;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);border-top:1px solid rgba(184,149,46,.18);color:#5a6b5e;font-family:Lora,Georgia,serif;font-size:13px;background:#f7f8f4} body.mepr-guest-layout .pk-fuss .innen{max-width:1120px;margin:0 auto;padding:28px 20px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center} body.mepr-guest-layout .pk-fuss nav{display:flex;gap:22px;flex-wrap:wrap} body.mepr-guest-layout .pk-fuss a{color:#5a6b5e;text-decoration:none;font-size:15px} body.mepr-guest-layout .pk-fuss a:hover{color:#2c5f3a} /* Icon-Schriften nicht überschreiben (Auge im Passwortfeld ist ein Dashicon) */ .mp_wrapper .dashicons,.mp_wrapper [class*="dashicons"],body.mepr-guest-layout .dashicons,body.mepr-app-layout .dashicons{font-family:dashicons!important} .mp_wrapper [class*="mp-icon"],body.mepr-guest-layout [class*="mp-icon"]{font-family:memberpress!important} /* Katalog-Kopf und -Fuß auf der ReadyLaunch-Login-Seite (Inhalt der Seite 40), 14.09.2026 */ body.mepr-guest-layout .site-header{display:none!important} body.mepr-guest-layout main#primary{padding-top:0;max-width:none!important;padding-left:0!important;padding-right:0!important} body.mepr-guest-layout .pk-rahmen-kopf{order:-1;width:100%} body.mepr-guest-layout .pk-rahmen-fuss{order:99;width:100%;margin-top:60px} body.mepr-guest-layout #mepro-login-hero{padding-top:40px} /* Penelope's Akademie: Gestaltung der Kursansicht (MemberPress Classroom), 16.10.2026 */ body.mpcs-classroom{ background:var(--pa-creme) !important; color:var(--pa-text); font-family:'Lora',Georgia,serif !important; font-size:17px; line-height:1.7; } body.mpcs-classroom h1, body.mpcs-classroom h2, body.mpcs-classroom h3, body.mpcs-classroom h4, body.mpcs-classroom .mpcs-section-title, body.mpcs-classroom .entry-title{ font-family:'Playfair Display',Georgia,serif !important; color:var(--pa-gruen) !important; font-weight:600; letter-spacing:.005em; } /* Kopfleiste */ body.mpcs-classroom #mpcs-navbar{ background:var(--pa-gruen) !important; border-bottom:3px solid var(--pa-gold); box-shadow:0 2px 14px rgba(23,63,47,.18); } body.mpcs-classroom #mpcs-navbar a, body.mpcs-classroom #mpcs-navbar .btn{ font-family:'Lora',serif; letter-spacing:.04em; } /* Seitenleiste */ body.mpcs-classroom #mpcs-sidebar{ background:var(--pa-papier) !important; border-right:1px solid var(--pa-linie); } body.mpcs-classroom #mpcs-sidebar .mpcs-sidebar-wrapper{ background:transparent !important; } body.mpcs-classroom #mpcs-sidebar h1, body.mpcs-classroom #mpcs-sidebar h2, body.mpcs-classroom #mpcs-sidebar .course-title{ font-size:1.55rem !important; line-height:1.25; } body.mpcs-classroom .course-progress .progress-bar{ background:var(--pa-linie) !important; border-radius:99px; overflow:hidden; height:8px; } body.mpcs-classroom .course-progress .user-progress{ background:var(--pa-gold) !important; height:100%; border-radius:99px; } body.mpcs-classroom #mpcs-sidebar .mpcs-section-header{ background:transparent !important; border:none !important; border-bottom:1px solid var(--pa-linie) !important; padding:.85rem 1.1rem !important; } body.mpcs-classroom #mpcs-sidebar .mpcs-section-header *{ font-family:'Playfair Display',serif !important; color:var(--pa-gruen) !important; font-size:.98rem; } body.mpcs-classroom #mpcs-sidebar .mpcs-lesson{ background:transparent !important; border:none !important; padding:.55rem 1.1rem .55rem 1.6rem !important; font-size:.9rem; } body.mpcs-classroom #mpcs-sidebar .mpcs-lesson a{ color:var(--pa-text) !important; } body.mpcs-classroom #mpcs-sidebar .mpcs-lesson.current{ background:#f5efdd !important; border-left:3px solid var(--pa-gold) !important; } body.mpcs-classroom #mpcs-sidebar .mpcs-lesson.current a{ color:var(--pa-gruen) !important; font-weight:600; } /* Hauptbereich */ body.mpcs-classroom #mpcs-main{ background:var(--pa-creme) !important; } body.mpcs-classroom #mpcs-main > *{ max-width:820px; margin-left:auto !important; margin-right:auto !important; } body.mpcs-classroom #mpcs-main{ text-align:left !important; } body.mpcs-classroom #mpcs-main .mpcs-section, body.mpcs-classroom #mpcs-main #bookmark, body.mpcs-classroom #mpcs-main .entry{ width:100% !important; display:block; } body.mpcs-classroom #mpcs-main{ padding:3rem 2.5rem 5rem !important; } body.mpcs-classroom #mpcs-main h1{ font-size:2.35rem !important; line-height:1.2; margin-bottom:1.2rem; } body.mpcs-classroom #mpcs-main h2{ font-size:1.6rem !important; margin-top:2.2rem; } body.mpcs-classroom #mpcs-main h3{ font-size:1.3rem !important; margin-top:2rem; } body.mpcs-classroom #mpcs-main a{ color:var(--pa-gruen2); text-decoration-color:var(--pa-gold); text-underline-offset:3px; } body.mpcs-classroom #mpcs-main p{ margin-bottom:1.1rem; } /* Kursübersicht: Abschnitte als Karten */ body.mpcs-classroom #mpcs-main .mpcs-section{ background:var(--pa-papier); border:1px solid var(--pa-linie); border-radius:14px; margin-bottom:.9rem; overflow:hidden; box-shadow:0 2px 10px rgba(43,42,38,.04); } body.mpcs-classroom #mpcs-main .mpcs-section-header{ background:var(--pa-papier) !important; border:none !important; padding:1.1rem 1.4rem !important; width:100% !important; display:flex !important; justify-content:space-between; align-items:center; text-align:left; } body.mpcs-classroom .mpcs-section-title, body.mpcs-classroom .mpcs-section-title-text{ background:transparent !important; padding:0 !important; } body.mpcs-classroom #mpcs-main .mpcs-lessons{ margin:0 !important; padding:0 !important; } body.mpcs-classroom #mpcs-main .mpcs-lesson-row-link{ display:flex; align-items:center; gap:.6rem; } body.mpcs-classroom #mpcs-main .mpcs-lesson-link{ flex:1; } body.mpcs-classroom #mpcs-main #bookmark{ display:flex !important; align-items:center; gap:.8rem; background:var(--pa-papier); border:1px solid var(--pa-linie); border-radius:99px; padding:.4rem .5rem .4rem .4rem; margin-bottom:1.6rem; } body.mpcs-classroom #mpcs-main #bookmark .btn{ background:var(--pa-gold) !important; border-color:var(--pa-gold) !important; color:#fff !important; } body.mpcs-classroom #mpcs-main .mpcs-section-header *{ font-family:'Playfair Display',serif !important; color:var(--pa-gruen) !important; font-size:1.08rem; } body.mpcs-classroom #mpcs-main .mpcs-lesson{ background:transparent !important; border:none !important; border-top:1px solid var(--pa-linie) !important; padding:.75rem 1.4rem !important; } body.mpcs-classroom #mpcs-main .mpcs-lesson.current{ background:#f8f3e6 !important; } body.mpcs-classroom .btn, body.mpcs-classroom .mpcs-button, body.mpcs-classroom a.btn{ background:var(--pa-gruen) !important; border-color:var(--pa-gruen) !important; color:#fff !important; border-radius:99px !important; padding:.35rem 1.1rem !important; font-family:'Lora',serif; } body.mpcs-classroom #mpcs-navbar .btn{ background:transparent !important; border-color:transparent !important; } /* Bausteine für Kursseiten und Kapitel */ .pa-held{ border-radius:18px; overflow:hidden; margin:0 0 2rem; box-shadow:0 10px 30px rgba(23,63,47,.15); } .pa-held img{ display:block; width:100%; height:auto; } .pa-einleitung{ font-size:1.15rem; line-height:1.75; color:var(--pa-text); } .pa-karte{ background:var(--pa-papier); border:1px solid var(--pa-linie); border-radius:16px; padding:1.6rem 1.8rem; margin:1.4rem 0; box-shadow:0 2px 12px rgba(43,42,38,.05); } .pa-karte h3{ margin-top:0 !important; } .pa-termin{ background:var(--pa-gruen); color:#fff; border-radius:16px; padding:1.6rem 1.8rem; margin:0 0 1.6rem; display:flex; gap:1.4rem; align-items:center; } .pa-termin .pa-datum{ font-family:'Playfair Display',serif; font-size:2.4rem; line-height:1; color:#fff; white-space:nowrap; } .pa-termin .pa-zeit{ font-size:1.05rem; color:#f3eee2; } .pa-termin .pa-zeit strong{ color:#fff; display:block; font-family:'Playfair Display',serif; font-size:1.3rem; font-weight:600; } .pa-knopf{ display:inline-block; background:var(--pa-gold); color:#fff !important; text-decoration:none !important; font-weight:600; border-radius:99px; padding:.85rem 1.8rem; margin:.4rem 0 .8rem; box-shadow:0 4px 14px rgba(141,111,28,.3); } .pa-knopf:hover{ background:#c9a640; } .pa-schritte{ list-style:none; counter-reset:pa; padding:0; margin:0; } .pa-schritte li{ counter-increment:pa; position:relative; padding:0 0 1rem 3rem; } .pa-schritte li::before{ content:counter(pa); position:absolute; left:0; top:-.1rem; width:2rem; height:2rem; border-radius:50%; background:var(--pa-gruen); color:#fff; font-family:'Playfair Display',serif; display:flex; align-items:center; justify-content:center; font-size:1rem; } .pa-hinweis{ font-size:.92rem; color:var(--pa-grau); border-left:3px solid var(--pa-gold); padding:.2rem 0 .2rem 1rem; } @media (max-width:700px){ body.mpcs-classroom #mpcs-main{ padding:1.6rem 1rem 3rem !important; } .pa-termin{ flex-direction:column; align-items:flex-start; } body.mpcs-classroom #mpcs-main h1{ font-size:1.8rem !important; } } /* ---- Kaufkasten und Anrechnung in den Kapiteln (statt Inline-Stil), 17.10.2026 ---- */ .pa-kaufkasten{ max-width:620px; margin:1.4rem auto; box-sizing:border-box; background:var(--pa-gruen); border:2px solid var(--pa-gold); border-radius:16px; padding:26px 30px; text-align:center; color:#fff; font-family:Lora,Georgia,serif; } .pa-kaufkasten .pa-kaufkasten-titel{ margin:0 0 8px; font-size:13px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:#fff; } .pa-kaufkasten p{ margin:0 0 18px; font-size:17px; line-height:1.6; color:#fff; } .pa-kaufkasten a.pa-kaufknopf{ display:inline-block; background:var(--pa-gold); color:var(--pa-gruen) !important; font-weight:700; font-size:17px; padding:14px 24px; border-radius:8px; text-decoration:none !important; } .pa-kaufkasten a.pa-kaufknopf:hover{ background:#c9a640; } .pa-anrechnung{ background:var(--pa-gruen); border:2px solid var(--pa-gold); border-radius:16px; padding:1.6rem 1.8rem; margin:1.4rem 0; color:#fff; text-align:center; font-family:Lora,Georgia,serif; } .pa-anrechnung .pa-anrechnung-titel{ font-family:'Playfair Display',Georgia,serif; color:#fff; font-size:1.05rem; letter-spacing:.04em; margin-bottom:.5rem; } .pa-anrechnung .pa-anrechnung-text{ font-size:1.1rem; line-height:1.6; } .pa-anrechnung strong{ color:#fff; } /* ---- Elementor-Seiten (Registrierung, Konto, Danke): Schriften der Akademie ---- */ .elementor-kit-7{ --e-global-typography-primary-font-family:"Lora"; --e-global-typography-secondary-font-family:"Playfair Display"; --e-global-typography-text-font-family:"Lora"; --e-global-typography-accent-font-family:"Lora"; } body.memberpressproduct-template-default, body.page-id-38, body.page-id-39{ color:var(--pa-text); font-family:Lora,Georgia,serif; } body.memberpressproduct-template-default h1, body.page-id-38 h1, body.page-id-39 h1, body.memberpressproduct-template-default .entry-title, body.page-id-38 .entry-title, body.page-id-39 .entry-title{ font-family:'Playfair Display',Georgia,serif; font-weight:600; color:var(--pa-gruen); } .mp_wrapper .mepr-nav-item a, #mepr-account-nav a{ color:var(--pa-gruen2); } .mp_wrapper .mepr-nav-item.mepr-active-nav-tab a{ color:var(--pa-gruen); font-weight:600; border-bottom:2px solid var(--pa-gold); } .mp_wrapper .mepr_error, .mp_wrapper .mepr_updated{ border-radius:12px; } /* Nachschliff */ body.mpcs-classroom .pa-schritte, body.mpcs-classroom .pa-schritte li{ list-style:none !important; } body.mpcs-classroom .pa-schritte li::marker{ content:"" !important; } body.mpcs-classroom #mpcs-sidebar figure{ margin:0 !important; } body.mpcs-classroom #mpcs-sidebar figure img{ width:100% !important; height:auto !important; display:block; } body.single-mpcs-course.mpcs-classroom #mpcs-main > h1{ text-align:left !important; font-size:1.7rem !important; margin-top:2.4rem; } body.mpcs-classroom #mpcs-lesson-navigation{ background:var(--pa-gruen) !important; } body.mpcs-classroom #mpcs-classroom-next-lesson-link{ background:transparent !important; color:#fff !important; font-family:'Lora',serif; letter-spacing:.04em; } body.mpcs-classroom #mpcs-sidebar .course-progress{ background:transparent !important; } body.mpcs-classroom #mpcs-sidebar-header{ background:var(--pa-papier) !important; border-bottom:1px solid var(--pa-linie); } /* ==== Mobil (16.10.2026) ==== Handy 360 bis 430 px, Tablet 768 px. Nur Ergänzungen, das Desktop-Bild bleibt. Gilt für Katalog-/Startseite (#pk-wrap), Kursansicht (body.mpcs-classroom), Konto (mepr-app-layout) und das Forminator-Formular „Fragen an Lady Penelope“ (1654). */ /* Alle Größen: lange Links (Datenschutz) brechen statt überzustehen */ #pk-wrap, body.mpcs-classroom #mpcs-main, .mp_wrapper{ overflow-wrap:break-word; } /* Alle Größen: Beitragsbild in der Kurs-Seitenleiste nicht stauchen */ body.mpcs-classroom #mpcs-sidebar figure img{ max-height:none !important; aspect-ratio:3/2; object-fit:cover; } /* Alle Größen: Kursübersicht „Meine Inhalte“ in den Akademie-Farben */ body.mpcs-classroom .card .card-title a, body.mpcs-classroom .card .card-title{ color:var(--pa-gruen) !important; font-family:'Playfair Display',Georgia,serif !important; } body.mpcs-classroom .card a{ color:var(--pa-gold-dunkel) !important; } body.mpcs-classroom #mpcs-sidebar .mpcs-sidebar-menu a{ color:var(--pa-gruen2) !important; } /* Alle Größen: Abschnitte ohne sichtbare Kapitel ausblenden (Kapitel sind bis zum Abend geplant) */ body.mpcs-classroom .mpcs-section:not(:has(.mpcs-lesson)){ display:none !important; } /* Formular „Fragen an Lady Penelope“ (Forminator) im Kapitel „Dein Abend“ */ .forminator-ui.forminator-custom-form-1654{ font-family:'Lora',Georgia,serif !important; } .forminator-ui.forminator-custom-form-1654 .forminator-label, .forminator-ui.forminator-custom-form-1654 .forminator-radio-label, .forminator-ui.forminator-custom-form-1654 .forminator-checkbox-label, .forminator-ui.forminator-custom-form-1654 .forminator-radio, .forminator-ui.forminator-custom-form-1654 .forminator-checkbox{ font-family:'Lora',Georgia,serif !important; font-size:16px !important; line-height:1.5 !important; color:var(--pa-text,#1e2820) !important; } .forminator-ui.forminator-custom-form-1654 .forminator-label{ font-weight:600 !important; margin-bottom:6px !important; } .forminator-ui.forminator-custom-form-1654 .forminator-description{ font-family:'Lora',Georgia,serif !important; font-size:14px !important; line-height:1.5 !important; color:#5d6b61 !important; } .forminator-ui.forminator-custom-form-1654 .forminator-input, .forminator-ui.forminator-custom-form-1654 .forminator-textarea{ background:#fff !important; border:1px solid #ebe5d2 !important; border-radius:12px !important; font-family:'Lora',Georgia,serif !important; font-size:16px !important; color:#1e2820 !important; padding:12px 14px !important; } .forminator-ui.forminator-custom-form-1654 .forminator-input:focus, .forminator-ui.forminator-custom-form-1654 .forminator-textarea:focus{ border-color:#b8952e !important; outline:none !important; box-shadow:0 0 0 3px rgba(184,149,46,.18) !important; } .forminator-ui.forminator-custom-form-1654 .forminator-radio, .forminator-ui.forminator-custom-form-1654 .forminator-checkbox{ min-height:44px; align-items:center !important; } .forminator-ui.forminator-custom-form-1654 .forminator-radio-bullet, .forminator-ui.forminator-custom-form-1654 .forminator-checkbox-box{ background:#fff !important; border:1.5px solid #2c5f3a !important; width:22px !important; height:22px !important; flex:0 0 22px !important; } .forminator-ui.forminator-custom-form-1654 .forminator-radio input:checked + .forminator-radio-bullet{ background:#fff !important; border-color:#2c5f3a !important; } .forminator-ui.forminator-custom-form-1654 .forminator-radio input:checked + .forminator-radio-bullet::before{ background:#2c5f3a !important; } .forminator-ui.forminator-custom-form-1654 .forminator-checkbox input:checked + .forminator-checkbox-box{ background:#2c5f3a !important; border-color:#2c5f3a !important; color:#fff !important; } .forminator-ui.forminator-custom-form-1654 .forminator-button-submit{ background:#b8952e !important; color:#fff !important; border:0 !important; border-radius:99px !important; font-family:'Lora',Georgia,serif !important; font-weight:600 !important; font-size:16px !important; padding:.85rem 1.8rem !important; min-height:48px; box-shadow:0 4px 14px rgba(141,111,28,.3) !important; } .forminator-ui.forminator-custom-form-1654 .forminator-button-submit:hover{ background:#c9a640 !important; } /* Konto (MemberPress ReadyLaunch): Menüknopf sichtbar, Knöpfe in Grün/Gold */ body.mepr-app-layout .profile-menu__button.--is-mobile{ color:#1e4029 !important; } body.mepr-app-layout .profile-menu__button.--is-mobile svg, body.mepr-app-layout .profile-menu__button.--is-mobile svg *{ color:#1e4029 !important; stroke:#1e4029 !important; } body.mepr-app-layout .mepr-button.btn-outline{ color:#1e4029 !important; border-color:#2c5f3a !important; border-radius:99px !important; font-family:Lora,Georgia,serif !important; min-height:44px; display:inline-flex !important; align-items:center; } body.mepr-app-layout .mepr-button.btn-outline:hover{ background:#2c5f3a !important; color:#fff !important; } body.mepr-app-layout .mepr-profile-details__button{ color:#b8952e !important; min-width:44px; min-height:44px; } /* Tablet und schmaler: Seitenleiste der Kursansicht aufgeräumt */ @media (max-width:960px){ body.mpcs-classroom #mpcs-sidebar-header{ flex-direction:column !important; align-items:stretch !important; } body.mpcs-classroom #mpcs-sidebar-header figure, body.mpcs-classroom #mpcs-sidebar-header figure a, body.mpcs-classroom #mpcs-sidebar-header figure img{ width:100% !important; height:auto !important; display:block; } body.mpcs-classroom #mpcs-sidebar-header .course-progress{ width:100% !important; padding:1rem 1.1rem !important; } body.mpcs-classroom #mpcs-sidebar .mpcs-section-header{ position:relative; padding-right:2.4rem !important; } body.mpcs-classroom #mpcs-sidebar .mpcs-lesson{ padding-left:1.1rem !important; } .pa-termin{ flex-direction:column; align-items:flex-start; } } /* Handy */ @media (max-width:767px){ /* Katalog und Startseite: Fließtext mindestens 16 px, kleine Etiketten lesbar */ #pk-wrap details p, #pk-wrap .reihe p, #pk-wrap .abschnitt ol, #pk-wrap .enthalten a, #pk-wrap .hinweis, #pk-wrap .naechster p, #pk-wrap .fakten div, #pk-wrap .termin details p, #pk-wrap .reihe ul, #pk-wrap .termin p, #pk-wrap .ablauf div, #pk-wrap .hs-teil p:not(.intro), #pk-wrap .schritt p, #pk-wrap .beruhig p, #pk-wrap .tuer-abschnitt p, #pk-wrap ol, #pk-wrap ul{ font-size:16px !important; } #pk-wrap .formular label{ font-size:14.5px !important; } #pk-wrap .fuss span, #pk-wrap .starter small{ font-size:14px !important; } #pk-wrap .block p.klein, #pk-wrap .termin .kauf small{ font-size:14.5px !important; } #pk-wrap .karte-label, #pk-wrap .kleinzeile, #pk-wrap .karte-banner, #pk-wrap .naechster .klein, #pk-wrap .termin .fuer{ font-size:12.5px !important; } #pk-wrap .fuss, #pk-wrap .fuss nav a{ font-size:15px !important; } #pk-wrap .fuss nav a{ display:inline-block; padding:10px 0; } #pk-wrap .formular input, #pk-wrap .formular textarea, #pk-wrap .suche input{ font-size:16px !important; } /* Tippflächen mindestens 44 px */ #pk-wrap .menu-knopf{ min-width:44px; min-height:44px; } #pk-wrap summary{ min-height:44px; align-items:center; } #pk-wrap .knopf{ min-height:48px; } #pk-wrap .start-held .knoepfe .knopf{ text-align:center; } #pk-belege{ min-height:44px; padding:10px 0 !important; } .elementor-button{ min-height:44px; display:inline-flex !important; align-items:center; justify-content:center; } .pla-sub, .pla-muted, p.pla-muted, div.pla-muted{ font-size:16px !important; } /* Kursansicht: Kopfleiste ruhig, Knöpfe tippbar, nichts bricht um */ body.mpcs-classroom #mpcs-navbar .btn, body.mpcs-classroom #mpcs-navbar button{ min-height:44px; min-width:44px; display:inline-flex !important; align-items:center; justify-content:center; } body.mpcs-classroom #mpcs-lesson-navigation{ flex-wrap:nowrap !important; } body.mpcs-classroom #mpcs-lesson-navigation a{ background:transparent !important; white-space:nowrap; font-size:15px !important; padding:0 .55rem !important; min-height:48px; display:inline-flex !important; align-items:center; gap:.3rem; color:#fff !important; } body.mpcs-classroom #mpcs-lesson-navigation #mpcs-classroom-next-lesson-link{ color:#fff !important; } body.mpcs-classroom #mpcs-lesson-navigation a span{ white-space:nowrap; } body.mpcs-classroom #mpcs-main #bookmark .btn{ min-height:44px; display:inline-flex !important; align-items:center; } body.mpcs-classroom #mpcs-main .mpcs-section-header{ padding:1rem 1.1rem !important; min-height:48px; } body.mpcs-classroom #mpcs-main .mpcs-lesson{ padding:.8rem 1.1rem !important; } body.mpcs-classroom #mpcs-main .mpcs-lesson a{ display:block; min-height:28px; } body.mpcs-classroom #mpcs-main h2{ font-size:1.4rem !important; } body.mpcs-classroom .pa-karte{ padding:1.3rem 1.2rem; } body.mpcs-classroom .pa-termin{ padding:1.4rem 1.3rem; } body.mpcs-classroom .pa-termin .pa-datum{ font-size:2rem; } body.mpcs-classroom .pa-knopf{ display:block; text-align:center; min-height:48px; padding:.85rem 1.2rem; } body.mpcs-classroom .pa-hinweis{ font-size:1rem; } body.mpcs-classroom #mpcs-sidebar .mpcs-lesson{ font-size:1rem; padding-top:.75rem !important; padding-bottom:.75rem !important; } body.mpcs-classroom .card .card-title a{ font-size:1.2rem; } /* Formular mobil: Knopf über die ganze Breite */ .forminator-ui.forminator-custom-form-1654 .forminator-button-submit{ width:100% !important; } } /* ReadyLaunch wieder an (18.10.2026): Konto-Kopf liegt auf Creme, Name und Pfeil deshalb dunkel statt Weiß */ body.mepr-app-layout .site-header .profile-menu__text span{color:#1e2820!important} body.mepr-app-layout .site-header .profile-menu__text .profile-menu__text--small{color:#5d6b61!important} body.mepr-app-layout .site-header .profile-menu__arrow_down{color:#1e4029!important} /* Landingpages je Thema (18.10.2026): Inhalt mit pa-Bausteinen im Katalog-Rahmen, Seiten mit Klasse pa-lp */ #pk-wrap main.pa-lp{max-width:780px;padding:44px 20px 80px} #pk-wrap main.pa-lp h1{font-size:clamp(32px,4.4vw,46px);margin:0 0 1rem} #pk-wrap main.pa-lp h2{font-size:clamp(23px,2.6vw,30px);margin:2.4rem 0 .8rem} #pk-wrap main.pa-lp p{margin:0 0 1rem} #pk-wrap main.pa-lp .pa-karte h2{margin-top:0} #pk-wrap main.pa-lp ul{padding-left:1.2rem;margin:0 0 1.2rem} #pk-wrap main.pa-lp ul li{margin-bottom:.4rem} #pk-wrap main.pa-lp ul a{color:var(--pa-gruen2);text-decoration:underline;text-decoration-color:var(--pa-gold);text-underline-offset:3px} #pk-wrap main.pa-lp .pa-karte details{box-shadow:none;margin-bottom:10px} #pk-wrap main.pa-lp .pa-karte details p{font-size:16px} @media (max-width:767px){#pk-wrap main.pa-lp{padding:28px 16px 60px}#pk-wrap main.pa-lp .pa-knopf{display:block;text-align:center;min-height:48px}#pk-wrap main.pa-lp .pa-karte{padding:1.3rem 1.2rem}#pk-wrap main.pa-lp summary{min-height:44px;align-items:center}} /* Anmeldeformular nach dem Abend (18.10.2026): Preiszeile weg, Abstände, Ersatzlink als Link erkennbar */ #pk-wrap main.pa-lp #kaufen h3{font-size:clamp(22px,2.4vw,26px);margin:2rem 0 .6rem} #pk-wrap main.pa-lp .pa-anmeldung .mepr_price{display:none} #pk-wrap main.pa-lp .pa-anmeldung .mp-form-submit{margin-bottom:1.4rem} #pk-wrap main.pa-lp #kaufen .pa-hinweis a{color:var(--pa-gruen2);text-decoration:underline;text-decoration-color:var(--pa-gold);text-underline-offset:3px} /* Nachschliff 19.10.2026: Pfeile mittig, Start-Knopf ohne doppelten Rand */ body.mpcs-classroom .mpcs-section-header{ position:relative !important; padding-right:3.2rem !important; } body.mpcs-classroom .mpcs-section-header::after{ top:50% !important; right:1.4rem !important; margin-top:-3px !important; transform:none !important; border-left-width:7px !important; border-right-width:7px !important; } body.mpcs-classroom .mpcs-section-header:not(.active)::after{ border-top-color:var(--pa-gold, #b8952e) !important; } body.mpcs-classroom .mpcs-section-header.active::after{ border-bottom-color:var(--pa-gold, #b8952e) !important; } body.mpcs-classroom .mpcs-button:has(.btn){ background:transparent !important; border:none !important; padding:0 !important; } body.mpcs-classroom .mpcs-button .btn{ display:inline-flex !important; align-items:center; justify-content:center; line-height:1.2 !important; min-height:34px; } /* Kurs-Tür 19.10.2026: Sperrnachricht der Kursregeln (Ticket kaufen, später kostenlos hinzufügen) */ .pa-tuer{max-width:640px;width:100%;margin:1.5rem auto;box-sizing:border-box;background:var(--pa-gruen);border:2px solid var(--pa-gold);border-radius:20px;color:#fff;text-align:center;overflow:hidden;box-shadow:0 18px 50px rgba(30,64,41,.25);font-family:Lora,Georgia,serif} .pa-tuer .pa-tuer-band{background:rgba(184,149,46,.16);border-bottom:1px solid rgba(184,149,46,.45);padding:12px 20px;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#e9d48f} .pa-tuer .pa-tuer-innen{padding:30px 34px 32px} .pa-tuer h2{font-family:'Playfair Display',Georgia,serif !important;font-size:32px !important;line-height:1.2;margin:0 0 10px !important;color:#fff !important} .pa-tuer p{font-size:17px;line-height:1.6;margin:0 0 18px;color:#f1efe6 !important} .pa-tuer ul{list-style:none !important;padding:0 !important;margin:0 auto 24px !important;text-align:left;max-width:440px} .pa-tuer li{position:relative;padding:8px 0 8px 34px !important;margin:0 !important;font-size:16.5px;line-height:1.5;color:#fff !important;border-bottom:1px solid rgba(255,255,255,.1);list-style:none !important} .pa-tuer li:last-child{border-bottom:0} .pa-tuer li::before{content:"";position:absolute;left:4px;top:13px;width:16px;height:16px;border-radius:50%;background:var(--pa-gold);box-shadow:inset 0 0 0 4px var(--pa-gruen),0 0 0 1px var(--pa-gold)} .pa-tuer a.pa-tuer-knopf{display:inline-block;background:var(--pa-gold);color:var(--pa-gruen) !important;font-weight:700;font-size:18px;line-height:1.3;padding:16px 30px;border-radius:999px;text-decoration:none !important;box-shadow:0 8px 22px rgba(0,0,0,.25);transition:transform .15s,background .15s} .pa-tuer a.pa-tuer-knopf:hover{background:#c9a640;transform:translateY(-1px)} .pa-tuer .pa-tuer-klein{font-size:14px;color:#cfd8cf !important;margin:16px 0 0} .pa-tuer .pa-tuer-klein a{color:#e9d48f !important;text-decoration:underline} @media (max-width:700px){.pa-tuer .pa-tuer-innen{padding:24px 20px}.pa-tuer h2{font-size:26px !important}.pa-tuer a.pa-tuer-knopf{display:block;padding:15px 18px}} /* Kursseiten 19.10.2026: Footer aus Snippet 9 ausserhalb von #pk-wrap, leere Absaetze in Sperrnachrichten, kein "admin" */ footer.fuss:not(#pk-wrap .fuss){background:var(--pa-gruen);border-top:3px solid var(--pa-gold);color:#dfe5dc;font-family:Lora,Georgia,serif;font-size:14px;margin-top:48px;clear:both} footer.fuss:not(#pk-wrap .fuss) .innen{max-width:1120px;margin:0 auto;padding:26px 24px;display:flex;justify-content:space-between;align-items:center;gap:14px 28px;flex-wrap:wrap} footer.fuss:not(#pk-wrap .fuss) nav{display:flex;flex-wrap:wrap;gap:6px 22px} footer.fuss:not(#pk-wrap .fuss) nav a{color:#fff !important;text-decoration:none;font-size:15px} footer.fuss:not(#pk-wrap .fuss) nav a:hover{color:#e9d48f !important} footer.fuss:not(#pk-wrap .fuss) span{color:#cfd8cf;line-height:1.5} body.mpcs-classroom .site-footer{padding:0 !important;margin:0 !important;border:0 !important;background:none !important} .mepr-unauthorized-message > p:empty{display:none} body.mpcs-classroom .course-author, body.mpcs-classroom .card-footer:has(.course-author){display:none !important} body.mpcs-classroom .dropdown:has(a[href*="author="]){display:none !important} @media (max-width:700px){footer.fuss:not(#pk-wrap .fuss) .innen{flex-direction:column;align-items:flex-start;padding:22px 16px}footer.fuss:not(#pk-wrap .fuss) nav a{display:inline-block;padding:8px 0}} /* Kurs-Tuer Nachtrag 19.10.2026: Ueberschrift weiss, Seitenleiste fuer Aussenstehende nur Bild und Titel */ body.mpcs-classroom .pa-tuer h2, body.mpcs-classroom #mpcs-main .pa-tuer h2{color:#fff !important;margin-top:0 !important} body.mpcs-classroom:has(.mepr-unauthorized-message .pa-tuer:not(.pa-tuer-warten)) #mpcs-sidebar .mpcs-sidebar-content, body.mpcs-classroom:has(.mepr-unauthorized-message .pa-tuer:not(.pa-tuer-warten)) #mpcs-sidebar .course-progress > :not(h1):not(h2), body.mpcs-classroom:has(.mepr-unauthorized-message .pa-tuer:not(.pa-tuer-warten)) #mpcs-sidebar .mpcs-section{display:none !important} /* SEO-Überschriften 21.10.2026: Kurstitel in der Seitenleiste ist jetzt H1 (Snippet 13), Datenschutz hat Abschnitte als H2 und Unterpunkte als H3 */ #pk-wrap .recht h3{font-size:19px;margin:26px 0 8px} /* Fußzeilen-Menü auf dem Handy nicht als Klappmenü (22.10.2026): die Regel für #pk-wrap nav traf auch die Fußzeile */ @media(max-width:900px){#pk-wrap .fuss nav{position:static;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px 22px;background:none;border:0;box-shadow:none;padding:0}#pk-wrap .fuss nav a{border:0;padding:10px 0;font-size:15px;background:none}} /* === AGB (Seite 131): Paragrafen als Überschriften wie im Datenschutz (23.10.2026) === */ body.page-id-131 .pk-recht p:not(:first-child):has(> strong:only-child){font-family:"Playfair Display",Georgia,serif !important;font-size:22px !important;line-height:1.15 !important;margin:34px 0 10px !important} body.page-id-131 .pk-recht p:not(:first-child):has(> strong:only-child) strong{font-weight:600} @media (max-width:600px){ body.page-id-131 .pk-recht p:not(:first-child):has(> strong:only-child){font-size:20px !important;hyphens:auto} } @media (min-width:601px){ body.page-id-131 h1{hyphens:manual !important} } /* Pergament und Siegel (29.10.2026) Gestaltung aus dem Mockup Mockup/Pergament-Kursbereich-2026-10-29, übertragen auf die Live-Klassen. Nur Überschreibungen, nichts davor ist gelöscht: Block bis zum Ende ausschneiden, dann gilt der alte Stand. Mobil zuerst, größere Bildschirme per @media (min-width:768px). Kleine goldene Schrift immer #7a5f17, Schrift auf Grün immer Weiß. Rauschen, Siegel und Schnörkel sind SVG hier im CSS. */ :root{ --pa-pergament:#ebe5d2; --pa-blatt:#f6f1e3; --pa-gold-hell:#c9a640; --pa-schimmer:#e9d48f; --pa-rahmen:#9a7a22; --pa-gold-text:#7a5f17; --pa-pglinie:rgba(154,122,34,.35); --pa-pglinie-zart:rgba(154,122,34,.18); --pa-papiergrund:radial-gradient(ellipse at 50% 0%,#f8f4e8 0%,#efe9d6 55%,#e6dec6 100%); --pa-siegel:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 220'%3E%3Cdefs%3E%3CradialGradient id='w' cx='40%25' cy='35%25' r='70%25'%3E%3Cstop offset='0' stop-color='%232c5f3a'/%3E%3Cstop offset='.7' stop-color='%231e4029'/%3E%3Cstop offset='1' stop-color='%2314301f'/%3E%3C/radialGradient%3E%3ClinearGradient id='r' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23e9d48f'/%3E%3Cstop offset='.5' stop-color='%23b8952e'/%3E%3Cstop offset='1' stop-color='%239a7a22'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpolygon points='210,110 200,122 207,136 194,145 197,160 182,165 181,181 165,182 160,197 145,194 136,207 122,200 110,210 98,200 84,207 75,194 60,197 55,182 39,181 38,165 23,160 26,145 13,136 20,122 10,110 20,98 13,84 26,75 23,60 38,55 39,39 55,38 60,23 75,26 84,13 98,20 110,10 122,20 136,13 145,26 160,23 165,38 181,39 182,55 197,60 194,75 207,84 200,98' fill='url(%23w)' stroke='url(%23r)' stroke-width='3'/%3E%3Ccircle cx='110' cy='110' r='78' fill='none' stroke='url(%23r)' stroke-width='2'/%3E%3Ccircle cx='110' cy='110' r='72' fill='none' stroke='%23c9a640' stroke-width='.8' stroke-dasharray='2 5'/%3E%3C/svg%3E"); --pa-goldsiegel:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 220'%3E%3Cdefs%3E%3CradialGradient id='w' cx='40%25' cy='35%25' r='70%25'%3E%3Cstop offset='0' stop-color='%23e9d48f'/%3E%3Cstop offset='.7' stop-color='%23c9a640'/%3E%3Cstop offset='1' stop-color='%239a7a22'/%3E%3C/radialGradient%3E%3ClinearGradient id='r' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23e9d48f'/%3E%3Cstop offset='.5' stop-color='%23b8952e'/%3E%3Cstop offset='1' stop-color='%239a7a22'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpolygon points='210,110 200,122 207,136 194,145 197,160 182,165 181,181 165,182 160,197 145,194 136,207 122,200 110,210 98,200 84,207 75,194 60,197 55,182 39,181 38,165 23,160 26,145 13,136 20,122 10,110 20,98 13,84 26,75 23,60 38,55 39,39 55,38 60,23 75,26 84,13 98,20 110,10 122,20 136,13 145,26 160,23 165,38 181,39 182,55 197,60 194,75 207,84 200,98' fill='url(%23w)' stroke='url(%23r)' stroke-width='3'/%3E%3Ccircle cx='110' cy='110' r='78' fill='none' stroke='url(%23r)' stroke-width='2'/%3E%3Ccircle cx='110' cy='110' r='72' fill='none' stroke='%23c9a640' stroke-width='.8' stroke-dasharray='2 5'/%3E%3C/svg%3E"); --pa-schnoerkel:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 40' fill='none' stroke='%239a7a22' stroke-width='1.4' stroke-linecap='round'%3E%3Cpath d='M10 20h130M260 20h130M140 20c20 0 26-14 40-14s20 14 20 14 6-14 20-14 20 14 40 14M150 20c18 0 24 12 38 12M250 20c-18 0-24 12-38 12'/%3E%3Ccircle cx='200' cy='20' r='4' fill='%23b8952e'/%3E%3C/svg%3E"); --pa-rausch:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .36 0 0 0 0 .15 0 0 0 .5 0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E"); } /* ---- Papier als Grund ---- */ body:has(#pk-wrap), html body.mepr-guest-layout, html body.mepr-app-layout, body.mpcs-classroom{background:var(--pa-rausch),var(--pa-papiergrund) !important;background-color:var(--pa-pergament) !important} #pk-wrap{--bg:transparent;--paper:var(--pa-blatt);--linie:var(--pa-pglinie);--gold2:var(--pa-gold-text);--muted:#5d6b61;--radius:6px;--shadow:0 6px 18px rgba(80,60,20,.08);background:transparent} /* ---- Bausteine, die es neu gibt (für Kapiteltexte und Seiten) ---- */ .pa-etikett{display:block;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--pa-gold-text);font-weight:600;margin-bottom:6px;font-family:Lora,Georgia,serif} .pa-schnoerkel{display:block;width:240px;max-width:70%;height:24px;margin:6px auto 20px;background:var(--pa-schnoerkel) center/contain no-repeat} .pa-siegel{width:40px;height:40px;flex:0 0 auto;display:inline-grid;place-items:center;background:var(--pa-siegel) center/contain no-repeat;color:#fff;font-family:'Playfair Display',Georgia,serif;font-weight:600;font-size:16px;line-height:1;filter:drop-shadow(0 2px 3px rgba(60,40,10,.25))} .pa-siegel.gold{background-image:var(--pa-goldsiegel);color:var(--pa-text)} .pa-zitat, body.mpcs-classroom #mpcs-main .pa-zitat{font-family:'Playfair Display',Georgia,serif;font-style:italic;font-size:21px;line-height:1.45;border-left:3px solid var(--pa-gold);padding:4px 0 4px 16px;margin:18px 0;color:var(--pa-gruen);background:none} .pa-zitat p{margin:0 !important} .pa-aha{background:rgba(255,255,255,.55);border:1px solid var(--pa-pglinie);border-radius:6px;padding:14px 16px;margin:16px 0} .pa-aha .pa-etikett{margin-bottom:2px} .pa-aha p:last-child{margin-bottom:0 !important} .pa-quellen{margin:24px 0;border-top:4px double var(--pa-rahmen);padding-top:16px} .pa-quellen h2, body.mpcs-classroom #mpcs-main .pa-quellen h2{font-size:20px !important;display:flex;gap:10px;align-items:center;margin:0 0 12px !important} .pa-quellen h2::before{content:"§";width:32px;height:32px;flex:0 0 auto;display:grid;place-items:center;background:var(--pa-siegel) center/contain no-repeat;color:#fff;font-size:14px} .pa-quellen ol{margin:0;padding:0 !important;list-style:none !important;counter-reset:q;display:grid;gap:12px} .pa-quellen li{counter-increment:q;display:grid;grid-template-columns:30px 1fr;gap:8px;font-size:15.5px;line-height:1.55;list-style:none !important} .pa-quellen li::marker{content:""} .pa-quellen li::before{content:counter(q);font-family:'Playfair Display',Georgia,serif;color:var(--pa-gold-text);font-weight:600;font-size:17px} .pa-quellen cite{font-style:italic} .pa-quellen a{word-break:break-all;font-size:14px} .pa-quellen .pa-hinweis, .pa-quellen .hinweis, body.mpcs-classroom .pa-quellen .pa-hinweis{font-size:14px !important;font-size:14px;color:var(--pa-grau);margin-top:12px;border:0;padding:0} .pa-weg, body.mpcs-classroom #mpcs-main .pa-weg{display:grid;grid-template-columns:repeat(4,1fr);gap:14px 8px;list-style:none !important;padding:0 !important;margin:16px 0} .pa-weg li{text-align:center;font-size:14px;color:var(--pa-grau);line-height:1.3;list-style:none !important} .pa-weg li::marker{content:""} .pa-weg li b{display:block;font-family:'Playfair Display',Georgia,serif;font-size:17px;color:var(--pa-text)} .pa-weg .pa-siegel{display:grid;margin:0 auto 6px;width:52px;height:52px;font-size:19px} /* ---- Blätter mit doppeltem Goldrahmen ---- */ .pa-karte, .pa-termin, .pa-kaufkasten, .pa-anrechnung, .pa-tuer, #pk-wrap .formular, #pk-wrap .wer, #pk-wrap .ws-karte, body.mepr-guest-layout .mepro-boxed{position:relative;border:3px double var(--pa-rahmen) !important;border-radius:6px !important} .pa-karte::after, .pa-termin::after, .pa-kaufkasten::after, .pa-anrechnung::after, .pa-tuer::after, #pk-wrap .formular::after, #pk-wrap .wer::after, #pk-wrap .ws-karte::after, body.mepr-guest-layout .mepro-boxed::after{content:"";position:absolute;inset:5px;border:1px solid var(--pa-pglinie);border-radius:3px;pointer-events:none} .pa-karte, #pk-wrap .formular, #pk-wrap .wer, #pk-wrap .ws-karte, body.mepr-guest-layout .mepro-boxed{background:var(--pa-blatt) !important;box-shadow:0 10px 26px rgba(80,60,20,.12) !important} .pa-karte{padding:22px 18px} /* Grüne Blätter: Termin, Kaufkasten, Anrechnung, Kurs-Tür */ .pa-termin, .pa-kaufkasten, .pa-anrechnung, .pa-tuer{background:linear-gradient(160deg,#2c5f3a,#1e4029 70%) !important;border-color:var(--pa-gold-hell) !important;color:#fff;box-shadow:0 10px 26px rgba(30,64,41,.22) !important} .pa-termin::after, .pa-kaufkasten::after, .pa-anrechnung::after, .pa-tuer::after{border-color:rgba(233,212,143,.35)} .pa-termin > *, .pa-kaufkasten > *, .pa-anrechnung > *, .pa-tuer > *{position:relative;z-index:1} .pa-termin .pa-datum{border:3px double var(--pa-gold-hell);border-radius:6px;padding:10px 14px} /* Knöpfe: grün mit goldener Innenlinie */ .pa-knopf, #pk-wrap .knopf:not(.rahmen), body.mpcs-classroom .mpcs-button .btn, body.mpcs-classroom #mpcs-main #bookmark .btn{background:var(--pa-gruen) !important;color:#fff !important;border:0 !important;border-radius:10px !important;font-weight:600;box-shadow:inset 0 0 0 3px var(--pa-gruen),inset 0 0 0 4px var(--pa-gold-hell),0 6px 14px rgba(30,64,41,.22) !important} .pa-knopf, #pk-wrap .knopf:not(.rahmen){padding:14px 26px;min-height:52px;line-height:1.3;text-align:center;display:inline-flex;align-items:center;justify-content:center} .pa-knopf:hover, #pk-wrap .knopf:not(.rahmen):hover, body.mpcs-classroom .mpcs-button .btn:hover, body.mpcs-classroom #mpcs-main #bookmark .btn:hover{background:var(--pa-gruen2) !important;box-shadow:inset 0 0 0 3px var(--pa-gruen2),inset 0 0 0 4px var(--pa-schimmer),0 8px 18px rgba(30,64,41,.28) !important} body.mpcs-classroom .mpcs-button .btn{padding:.45rem 1.2rem !important} #pk-wrap .knopf.rahmen{border-radius:10px;border:1.5px solid var(--pa-gruen2);color:var(--pa-gruen2);background:rgba(255,255,255,.4)} /* Knopf auf Grün: Schimmergold mit dunkler Schrift */ .pa-kaufkasten a.pa-kaufknopf, .pa-tuer a.pa-tuer-knopf, #pk-wrap .starter .knopf:not(.rahmen){background:var(--pa-schimmer) !important;color:var(--pa-text) !important;border-radius:10px !important;box-shadow:inset 0 0 0 3px var(--pa-schimmer),inset 0 0 0 4px var(--pa-rahmen),0 6px 14px rgba(0,0,0,.2) !important} .pa-kaufkasten a.pa-kaufknopf:hover, .pa-tuer a.pa-tuer-knopf:hover, #pk-wrap .starter .knopf:not(.rahmen):hover{background:#f1e2a8 !important} /* Kleine Bausteine */ .pa-hinweis{color:var(--pa-grau);border-left-color:var(--pa-gold)} .pa-held{border:3px double var(--pa-rahmen);border-radius:8px;box-shadow:0 10px 26px rgba(80,60,20,.14)} .pa-schritte li::before, body.mpcs-classroom .pa-schritte li::before{background:var(--pa-siegel) center/contain no-repeat !important;width:2.2rem !important;height:2.2rem !important;border-radius:0 !important;color:#fff !important;filter:drop-shadow(0 2px 3px rgba(60,40,10,.25))} .pa-kaufkasten .pa-kaufkasten-titel, .pa-anrechnung .pa-anrechnung-titel{color:#fff} .pa-kaufkasten .pa-kaufkasten-titel::after, .pa-anrechnung .pa-anrechnung-titel::after{content:"";display:block;width:160px;height:16px;margin:6px auto 0;background:var(--pa-schnoerkel) center/contain no-repeat;filter:brightness(1.9)} /* Kurs-Tür: Siegel oben, goldene Rauten */ .pa-tuer .pa-tuer-band{background:rgba(233,212,143,.12);border-bottom:1px solid rgba(233,212,143,.4);color:#fff} .pa-tuer .pa-tuer-innen::before{content:"";display:block;width:72px;height:72px;margin:0 auto 10px;background:var(--pa-goldsiegel) center/contain no-repeat;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))} .pa-tuer li{border-bottom-color:rgba(233,212,143,.18)} .pa-tuer li::before{width:9px;height:9px;border-radius:0;top:.95em;left:6px;background:var(--pa-gold-hell);box-shadow:none;transform:rotate(45deg)} .pa-tuer .pa-tuer-klein, .pa-tuer .pa-tuer-klein a{color:#fff !important} /* ---- Kursbereich (MemberPress Classroom) ---- */ body.mpcs-classroom #mpcs-main{background:transparent !important} body.mpcs-classroom h1, body.mpcs-classroom h2, body.mpcs-classroom h3, body.mpcs-classroom h4, body.mpcs-classroom .mpcs-section-title, body.mpcs-classroom .entry-title{color:var(--pa-text) !important} body.mpcs-classroom #mpcs-main h1 em, body.mpcs-classroom #mpcs-main h2 em{color:var(--pa-gruen2) !important} body.mpcs-classroom .pa-tuer h2, body.mpcs-classroom #mpcs-main .pa-tuer h2, body.mpcs-classroom #mpcs-main .pa-termin *, body.mpcs-classroom #mpcs-main .pa-kaufkasten h2, body.mpcs-classroom #mpcs-main .pa-kaufkasten h3{color:#fff !important} /* Kopfleiste */ body.mpcs-classroom #mpcs-navbar{border-bottom:3px double var(--pa-gold-hell) !important;box-shadow:none !important} body.mpcs-classroom #mpcs-navbar a, body.mpcs-classroom #mpcs-navbar .btn{color:#fff !important} /* Seitenleiste */ body.mpcs-classroom #mpcs-sidebar, body.mpcs-classroom #mpcs-sidebar-header{background:rgba(246,241,227,.85) !important;border-right:1px solid var(--pa-pglinie) !important} body.mpcs-classroom #mpcs-sidebar .mpcs-sidebar-wrapper > figure, body.mpcs-classroom #mpcs-sidebar-header figure{padding:16px 16px 0 !important} body.mpcs-classroom #mpcs-sidebar figure img{border:3px double var(--pa-rahmen);border-radius:6px} body.mpcs-classroom #mpcs-sidebar .course-progress{padding:14px 16px 6px !important} body.mpcs-classroom #mpcs-sidebar .course-progress h1, body.mpcs-classroom #mpcs-sidebar .course-progress h2{color:var(--pa-text) !important} body.mpcs-classroom .course-progress .progress-bar, body.mpcs-classroom .card .progress-bar, body.mpcs-classroom .progress{background:rgba(154,122,34,.18) !important;height:10px !important;border-radius:999px !important;box-shadow:inset 0 1px 2px rgba(60,40,10,.15);overflow:hidden} body.mpcs-classroom .course-progress .user-progress, body.mpcs-classroom .card .user-progress, body.mpcs-classroom .progress .progress-bar{background:linear-gradient(90deg,var(--pa-gruen2),var(--pa-gruen)) !important;border-right:2px solid var(--pa-gold-hell);border-radius:999px} body.mpcs-classroom .progress-text, body.mpcs-classroom .progress-text span{color:var(--pa-grau) !important;font-size:14.5px} body.mpcs-classroom #mpcs-sidebar .mpcs-sidebar-menu a{border-left:3px solid transparent} body.mpcs-classroom #mpcs-sidebar .mpcs-sidebar-menu a.is-active{border-left-color:var(--pa-gold);background:rgba(201,166,64,.13)} body.mpcs-classroom #mpcs-sidebar .mpcs-section, body.mpcs-classroom #mpcs-sidebar .mpcs-lessons{background:transparent !important} body.mpcs-classroom #mpcs-sidebar .mpcs-section-header{border-bottom:1px solid var(--pa-pglinie-zart) !important} body.mpcs-classroom #mpcs-sidebar .mpcs-section-header *{color:var(--pa-text) !important} body.mpcs-classroom #mpcs-sidebar .mpcs-lesson.current{background:rgba(201,166,64,.13) !important;border-left-color:var(--pa-gold) !important} /* Hauptbereich: Abschnitte als Blätter mit Siegel statt Zahl */ body.mpcs-classroom #mpcs-main{counter-reset:pa-abschnitt} body.mpcs-classroom #mpcs-main .mpcs-section{counter-increment:pa-abschnitt;background:var(--pa-blatt) !important;border:1px solid var(--pa-pglinie) !important;border-left:4px solid var(--pa-gold) !important;border-radius:6px !important;box-shadow:none !important} body.mpcs-classroom #mpcs-main .mpcs-section-header{background:transparent !important;justify-content:flex-start !important;gap:12px;min-height:60px} body.mpcs-classroom #mpcs-main .mpcs-section-header::before{content:counter(pa-abschnitt);width:40px;height:40px;flex:0 0 auto;display:grid;place-items:center;background:var(--pa-siegel) center/contain no-repeat;color:#fff;font-family:'Playfair Display',Georgia,serif;font-weight:600;font-size:16px;filter:drop-shadow(0 2px 3px rgba(60,40,10,.25))} body.mpcs-classroom #mpcs-main .mpcs-section-header *{color:var(--pa-text) !important;font-size:1.1rem} body.mpcs-classroom .mpcs-section-header:not(.active)::after{border-top-color:var(--pa-rahmen) !important} body.mpcs-classroom .mpcs-section-header.active::after{border-bottom-color:var(--pa-rahmen) !important} body.mpcs-classroom #mpcs-main .mpcs-lesson{border-top:1px solid var(--pa-pglinie-zart) !important;min-height:52px} body.mpcs-classroom #mpcs-main .mpcs-lesson.current{background:rgba(201,166,64,.13) !important} body.mpcs-classroom #mpcs-main .mpcs-lesson a{color:var(--pa-text) !important;text-decoration:none} /* Häkchen als Siegel */ body.mpcs-classroom .mpcs-lesson-progress{flex:0 0 auto} body.mpcs-classroom .mpcs-lesson-progress .mpcs-lesson-complete, body.mpcs-classroom .mpcs-lesson-progress .mpcs-lesson-not-complete, body.mpcs-classroom .mpcs-lesson-progress .mpcs-lesson-current{width:28px;height:28px;display:grid;place-items:center;border-radius:50%} body.mpcs-classroom .mpcs-lesson-progress .mpcs-lesson-complete{background:var(--pa-siegel) center/contain no-repeat !important;border:0 !important} body.mpcs-classroom .mpcs-lesson-progress .mpcs-lesson-complete i{display:none} body.mpcs-classroom .mpcs-lesson-progress .mpcs-lesson-complete::before{content:"✓";color:#fff;font-size:13px;font-weight:700;line-height:1} body.mpcs-classroom .mpcs-lesson-progress .mpcs-lesson-not-complete{border:1.5px solid var(--pa-rahmen)} body.mpcs-classroom .mpcs-lesson-progress .mpcs-lesson-not-complete i{display:none} body.mpcs-classroom .mpcs-lesson-progress .mpcs-lesson-current{border:1.5px solid var(--pa-gold);color:var(--pa-gold-text) !important} body.mpcs-classroom .mpcs-lesson-progress .mpcs-lesson-current i{color:var(--pa-gold-text) !important} /* Lesezeichen und Blättern */ body.mpcs-classroom #mpcs-main #bookmark{background:var(--pa-blatt) !important;border:1px solid var(--pa-pglinie) !important;border-radius:10px !important} body.mpcs-classroom #mpcs-lesson-navigation{border-top:3px double var(--pa-gold-hell)} /* Kursübersicht /courses/ und Meine Inhalte */ body.mpcs-classroom .card{background:var(--pa-blatt) !important;border:3px double var(--pa-rahmen) !important;border-radius:6px !important;box-shadow:0 6px 18px rgba(80,60,20,.08) !important;overflow:hidden} body.mpcs-classroom .card .card-image{border-bottom:3px double var(--pa-rahmen)} body.mpcs-classroom .card .card-title a, body.mpcs-classroom .card .card-title{color:var(--pa-text) !important} body.mpcs-classroom .card a{color:var(--pa-gold-text) !important} body.mpcs-classroom .dropdown-toggle, body.mpcs-classroom .dropdown-toggle span, body.mpcs-classroom .mpcs-course-filter .dropdown .btn span, body.mpcs-classroom .mpcs-course-filter .dropdown .btn i{color:#fff !important} body.mpcs-classroom .dropdown .menu li.active a{color:var(--pa-gold-text) !important} body.mpcs-classroom .card-footer{border-top:1px solid var(--pa-pglinie-zart)} /* ---- Startseite, Landingpages, Katalog (#pk-wrap) ---- */ #pk-wrap .kopf{background:rgba(247,243,230,.92);border-bottom:4px double var(--pa-rahmen)} #pk-wrap .logo small{color:var(--pa-gold-text)} #pk-wrap nav a{color:var(--pa-grau)} #pk-wrap nav a.aktiv{color:var(--pa-gruen2);border-color:var(--pa-gold)} #pk-wrap .eyebrow:not(.held .eyebrow){background:rgba(255,255,255,.5);border:1px solid var(--pa-pglinie);color:var(--pa-gold-text);text-transform:uppercase;letter-spacing:.12em;font-size:13px} #pk-wrap .karte-label, #pk-wrap .gold .karte-label, #pk-wrap .kleinzeile, #pk-wrap .gold .kleinzeile, #pk-wrap .naechster .klein, #pk-wrap .ws-karte .datum, #pk-wrap .termin .d small, #pk-wrap .termin.gold .d small, #pk-wrap .recht a, .mp_wrapper a, .mepr-login-actions a, body.mepr-guest-layout a, body.mepr-guest-layout .mepr-login-actions a{color:var(--pa-gold-text)} #pk-wrap summary::after{color:var(--pa-gold-text)} /* Karten mit Bild: doppelter Rahmen, Bild darunter abgesetzt */ #pk-wrap .karte, #pk-wrap .tuer, #pk-wrap .naechster, #pk-wrap .reihe{background:var(--pa-blatt);border:3px double var(--pa-rahmen);border-radius:6px} #pk-wrap .naechster{border-top:3px double var(--pa-rahmen)} #pk-wrap .karte-bild, #pk-wrap .tuer .bild{border-bottom:3px double var(--pa-rahmen)} #pk-wrap .karte .karte-bild:last-child{border-bottom:0;border-top:3px double var(--pa-rahmen)} #pk-wrap .naechster img{border-bottom:3px double var(--pa-rahmen)} #pk-wrap .reihe .karte-bild{border:3px double var(--pa-rahmen);border-radius:6px} /* Listen und kleine Kästen: zarter Rahmen, keine Schatten */ #pk-wrap .termin, #pk-wrap details, #pk-wrap .schritt, #pk-wrap .abschnitt, #pk-wrap .enthalten, #pk-wrap .ablauf div, #pk-wrap .fakten div, #pk-wrap .beruhig div, #pk-wrap .situationen div, #pk-wrap .preise div, #pk-wrap .ticket{background:var(--pa-blatt);border:1px solid var(--pa-pglinie);border-radius:6px;box-shadow:none} #pk-wrap .termin{border-left:4px solid var(--pa-gold)} #pk-wrap .termin details{border:0;background:none} #pk-wrap .sammlungen a, #pk-wrap .suche input{background:rgba(255,255,255,.5)} /* Zahlen als Siegel */ #pk-wrap .abschnitt .nr, #pk-wrap .schritt .nr{width:52px;height:52px;display:grid;place-items:center;background:var(--pa-siegel) center/contain no-repeat;color:#fff;font-size:20px;filter:drop-shadow(0 2px 3px rgba(60,40,10,.25))} #pk-wrap .schritt .nr{margin:0 auto} /* Schnörkel unter den großen Abschnittsüberschriften */ #pk-wrap .hs-teil > h2::after, #pk-wrap .tuer-abschnitt > h2::after, #pk-wrap main.pa-lp > h2::after{content:"";display:block;width:180px;max-width:60%;height:18px;margin:8px 0 4px;background:var(--pa-schnoerkel) left center/contain no-repeat} /* Bild oben und dunkle Flächen */ #pk-wrap .held, #pk-wrap .ws-held{border-bottom:4px double var(--pa-gold-hell)} #pk-wrap .starter, #pk-wrap .planen{background:linear-gradient(160deg,#2c5f3a,#1e4029 70%);border:3px double var(--pa-gold-hell);border-radius:6px} #pk-wrap .starter .box{border-color:rgba(233,212,143,.45);border-radius:8px} #pk-wrap .hinweis{background:rgba(255,255,255,.5);border-left-color:var(--pa-gold)} /* Fußzeile grün mit doppelter Goldlinie */ #pk-wrap .fuss, footer.fuss:not(#pk-wrap .fuss){background:var(--pa-gruen);color:#fff;border-top:4px double var(--pa-gold-hell)} #pk-wrap .fuss a, #pk-wrap .fuss nav a, #pk-wrap .fuss button, #pk-wrap .fuss span, footer.fuss:not(#pk-wrap .fuss) span{color:#fff !important} #pk-wrap .fuss nav a:hover{color:var(--pa-schimmer) !important} body.mepr-guest-layout .pk-fuss{background:var(--pa-gruen);color:#fff;border-top:4px double var(--pa-gold-hell)} body.mepr-guest-layout .pk-fuss a, body.mepr-guest-layout .pk-fuss span{color:#fff !important} /* ---- Login und Konto (ReadyLaunch) ---- */ html body.mepr-guest-layout .site-header, html body.mepr-app-layout .site-header{background:rgba(247,243,230,.92) !important;border-bottom:4px double var(--pa-rahmen)} body.mepr-guest-layout .mepro-boxed{margin-top:66px;padding-top:54px} body.mepr-guest-layout .mepro-boxed::before{content:"";position:absolute;left:50%;top:-44px;width:88px;height:88px;margin-left:-44px;background:var(--pa-siegel) center/contain no-repeat;filter:drop-shadow(0 4px 8px rgba(60,40,10,.3));z-index:2} body.mepr-guest-layout input[type=submit], body.mepr-guest-layout .mepr-submit, body.mepr-guest-layout button[type=submit], body.mepr-app-layout input[type=submit], body.mepr-app-layout .mepr-submit, .mp_wrapper input[type=submit], .mp_wrapper .mepr-submit, .mp_wrapper button[type=submit]{background:var(--pa-gruen) !important;border-radius:10px !important;min-height:52px;box-shadow:inset 0 0 0 3px var(--pa-gruen),inset 0 0 0 4px var(--pa-gold-hell),0 6px 14px rgba(30,64,41,.22) !important} body.mepr-guest-layout input[type=submit]:hover, body.mepr-guest-layout .mepr-submit:hover, .mp_wrapper input[type=submit]:hover, .mp_wrapper .mepr-submit:hover{background:var(--pa-gruen2) !important} body.mepr-guest-layout .mp-form-row input[type=text], body.mepr-guest-layout .mp-form-row input[type=password], body.mepr-guest-layout .mp-form-row input[type=email], .mp_wrapper input[type=text], .mp_wrapper input[type=password], .mp_wrapper input[type=email], .mp_wrapper input[type=tel], .mp_wrapper select{border:1.5px solid var(--pa-rahmen) !important;border-radius:8px !important;background:#fffdf6 !important;min-height:50px} body.mepr-app-layout .mepr-button.btn-outline{border-radius:10px !important} body.mepr-app-layout .mepr-profile-wrapper > div{background:var(--pa-blatt) !important;border:3px double var(--pa-rahmen) !important;border-radius:6px !important} body.mepr-app-layout .mepr-account-message{background:rgba(255,255,255,.55) !important;border:1px solid var(--pa-pglinie) !important;border-left:4px solid var(--pa-gold) !important;border-radius:6px !important;color:var(--pa-text) !important} /* Meine Inhalte im Konto: Kurstitel dunkel, Fortschritt grün auf Pergament */ .mpcs-course-list .grid{border-bottom:1px solid var(--pa-pglinie-zart) !important} .mpcs-course-list .grid a{color:var(--pa-text) !important;font-family:'Playfair Display',Georgia,serif !important;font-size:17px} .mpcs-course-list .course-progress{background:rgba(154,122,34,.18) !important;border-radius:999px !important;box-shadow:inset 0 1px 2px rgba(60,40,10,.15) !important;overflow:hidden} .mpcs-course-list .course-progress .user-progress{background:linear-gradient(90deg,var(--pa-gruen2),var(--pa-gruen)) !important;color:#fff !important;min-width:2.8em;margin-left:0 !important;border-radius:999px;border-right:2px solid var(--pa-gold-hell)} body.mepr-app-layout #mepr-account-nav{background:var(--pa-gruen) !important;border-right:3px double var(--pa-gold-hell)} /* ---- Ab Tablet ---- */ @media (min-width:768px){ .pa-karte{padding:30px 32px} .pa-weg, body.mpcs-classroom #mpcs-main .pa-weg{grid-template-columns:repeat(7,1fr)} .pa-zitat, body.mpcs-classroom #mpcs-main .pa-zitat{font-size:24px} body.mpcs-classroom #mpcs-sidebar{border-right:1px solid var(--pa-pglinie) !important} } @media (max-width:767px){ .pa-termin .pa-datum{padding:8px 12px} body.mpcs-classroom #mpcs-main .mpcs-section-header::before{width:34px;height:34px;font-size:15px} #pk-wrap .abschnitt .nr, #pk-wrap .schritt .nr{width:44px;height:44px;font-size:18px} .pa-tuer .pa-tuer-innen::before{width:60px;height:60px} body.mpcs-classroom #mpcs-main .mpcs-lesson-row-link{display:grid !important;grid-template-columns:28px minmax(0,1fr);gap:.4rem .7rem;align-items:center} body.mpcs-classroom #mpcs-main .mpcs-lesson-button{grid-column:2;justify-self:start} } /* Pergament Nachtrag 29.10.2026: lange Kurstitel auf schmalen Karten trennen */ .card-title h2,.card-title .h5{hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word} /* Pergament Nachtrag 2 (29.10.2026): Login mit Logo im Siegel, Fuß unten angepinnt */ body.mepr-guest-layout .mepro-boxed::before{background:url("/wp-content/uploads/2026/02/Penelope%E2%80%98s-Akademie_Flavicon.png") center/54% auto no-repeat,var(--pa-siegel) center/contain no-repeat} body.mepr-guest-layout main#primary{min-height:100vh} body.mepr-guest-layout .pk-rahmen-fuss{margin-top:auto} body.mepr-guest-layout #mepro-login-hero{margin-bottom:60px} /* Pergament Nachtrag 3 (29.10.2026): Login-Beschriftung rutscht beim Tippen und beim Ausfüllen durch den Browser nach oben */ body.mepr-guest-layout .mp-form-label label.placeholder-text{transition:transform .15s ease,font-size .15s ease} body.mepr-guest-layout #mepr_loginform .mp-form-label label.placeholder-text.active, body.mepr-guest-layout #mepr_loginform .mp-form-row:focus-within label.placeholder-text, body.mepr-guest-layout #mepr_loginform .mp-form-row:has(input:valid) label.placeholder-text, body.mepr-guest-layout #mepr_loginform .mp-form-row:has(input:autofill) label.placeholder-text{transform:translateY(-21px) !important;font-size:13px !important;line-height:1.2;padding:0 6px !important;background:var(--pa-blatt,#f7f3e6) !important;color:#7a5f17 !important} /* Pergament Nachtrag 4 (29.10.2026, Julia): Kursbild in der Seitenleiste immer über dem Titel, aktives Kapitel als goldener Punkt statt Halbkreis */ body.mpcs-classroom #mpcs-sidebar-header{flex-direction:column !important;align-items:stretch !important} body.mpcs-classroom #mpcs-sidebar-header figure, body.mpcs-classroom #mpcs-sidebar-header figure a, body.mpcs-classroom #mpcs-sidebar-header figure img{width:100% !important;max-width:none !important;height:auto !important;display:block} body.mpcs-classroom #mpcs-sidebar-header .course-progress{width:100% !important;padding:12px 16px 16px !important} body.mpcs-classroom .mpcs-lesson-progress .mpcs-lesson-current{border:2px solid var(--pa-gold) !important;background:transparent !important;position:relative} body.mpcs-classroom .mpcs-lesson-progress .mpcs-lesson-current i{display:none !important} body.mpcs-classroom .mpcs-lesson-progress .mpcs-lesson-current::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--pa-gold)} /* Pergament Nachtrag 5 (29.10.2026, Julia): Filter „Kategorie: Alle“ in der Kursübersicht ausgeblendet */ .mpcs-course-filter .dropdown:has(#categories-dropdown-button){display:none !important} /* Pergament Nachtrag 6 (29.10.2026, Julia): Kurssuche über die ganze Breite */ .mpcs-course-filter > .column:not(:has(form)){display:none !important} .mpcs-course-filter > .column:has(form){flex:1 1 100% !important;max-width:100% !important;width:100% !important;margin-left:0 !important} .mpcs-course-filter form, .mpcs-course-filter .input-group{display:flex !important;width:100% !important;max-width:none !important;float:none !important;margin:0 !important} .mpcs-course-filter .input-group input[type=text]{flex:1 1 auto !important;width:auto !important;max-width:none !important} /* Pergament Nachtrag 7 (29.10.2026, Julia): Abstand zwischen Suchfeld und Lupe */ .mpcs-course-filter .input-group{gap:12px !important} .mpcs-course-filter .input-group .input-group-btn{margin-left:0 !important} /* Pergament Nachtrag 8 (30.10.2026, Julia): Quellen und Studien aufklappbar (details.pa-quellen-auf), wie Mockup Quellen-Arbeitsblaetter Variante B */ details.pa-quellen-auf{margin:28px 0 !important;padding:0 !important;border:1px solid var(--pa-pglinie) !important;border-left:4px solid var(--pa-gold) !important;border-radius:6px;background:var(--pa-blatt);overflow:hidden} details.pa-quellen-auf>summary{list-style:none;cursor:pointer;display:flex;gap:14px;align-items:center;padding:12px 16px;min-height:62px} details.pa-quellen-auf>summary::-webkit-details-marker{display:none} details.pa-quellen-auf>summary::marker{content:""} details.pa-quellen-auf .pa-quellen-siegel{width:36px;height:36px;flex:0 0 auto;display:grid;place-items:center;background:var(--pa-siegel) center/contain no-repeat;color:#fff;font-family:"Playfair Display",Georgia,serif;font-size:15px;filter:drop-shadow(0 2px 3px rgba(60,40,10,.25))} details.pa-quellen-auf .pa-quellen-wer{flex:1;display:flex;flex-direction:column;gap:2px} details.pa-quellen-auf .pa-quellen-wer b{font-family:"Playfair Display",Georgia,serif;font-size:19px;font-weight:600;line-height:1.2;color:var(--pa-text)} details.pa-quellen-auf .pa-quellen-wer small{font-size:14px;color:var(--pa-grau)} details.pa-quellen-auf .pa-quellen-pfeil{width:11px;height:11px;flex:0 0 auto;border-right:2px solid var(--pa-gold-text);border-bottom:2px solid var(--pa-gold-text);transform:rotate(45deg);margin:0 6px 5px} details.pa-quellen-auf[open] .pa-quellen-pfeil{transform:rotate(-135deg);margin-bottom:-4px} details.pa-quellen-auf .pa-quellen-liste{border-top:1px solid var(--pa-pglinie);padding:16px 16px 6px} details.pa-quellen-auf li{font-size:15.5px;line-height:1.55} details.pa-quellen-auf li a{word-break:normal;white-space:nowrap;margin-left:4px;font-size:14.5px} details.pa-quellen-auf .pa-hinweis{margin:14px 0 6px !important} /* Pergament Nachtrag 9 (30.10.2026, Julia: „weiße Schrift auf Weiß ist keine gute Idee“): Aufklappmenüs in der Kopfleiste */ body.mpcs-classroom #mpcs-navbar .dropdown .menu{background:var(--pa-blatt) !important;border:1px solid var(--pa-gold) !important;border-radius:6px !important;box-shadow:0 10px 26px rgba(60,40,10,.18) !important;padding:6px 0 !important} body.mpcs-classroom #mpcs-navbar .dropdown .menu li, body.mpcs-classroom #mpcs-navbar .dropdown .menu a{color:var(--pa-text) !important;background:transparent !important} body.mpcs-classroom #mpcs-navbar .dropdown .menu a{display:block;padding:10px 18px !important;min-height:44px;text-decoration:none !important} body.mpcs-classroom #mpcs-navbar .dropdown .menu a:hover, body.mpcs-classroom #mpcs-navbar .dropdown .menu a:focus{background:rgba(201,166,64,.16) !important;color:var(--pa-gruen) !important} body.mpcs-classroom #mpcs-navbar .dropdown .menu .current-menu-item > a{color:var(--pa-gruen) !important;font-weight:600} /* Profilseite im Konto (30.10.2026): Pergament wie der Kursbereich, „Meine Inhalte“ mit den Balken raus */ /* „Meine Inhalte“ aus dem Kontomenü und aus dem Aufklappmenü oben */ #mepr-account-nav .mepr-nav-item.mepr-courses, #mepr-account-nav .mepr-nav-item:has(> a[href*="action=courses"]), body.mepr-app-layout .profile-menu__dropdown a[href*="action=courses"]{display:none !important} /* Kontomenü links: Grün, Schrift Weiß, aktiver Punkt mit Goldkante */ body.mepr-app-layout #mepr-account-nav .mepr-nav-item a{color:#fff !important;font-family:Lora,Georgia,serif;font-size:16px;border-left:3px solid transparent;border-radius:0 6px 6px 0;min-height:48px;display:flex;align-items:center} body.mepr-app-layout #mepr-account-nav .mepr-nav-item a::before{color:var(--pa-schimmer);opacity:.9} body.mepr-app-layout #mepr-account-nav .mepr-nav-item a:hover{background:rgba(255,255,255,.08) !important} body.mepr-app-layout #mepr-account-nav .mepr-nav-item.--active a, body.mepr-app-layout #mepr-account-nav .mepr-nav-item.mepr-active-nav-tab a{background:rgba(233,212,143,.14) !important;border-left-color:var(--pa-gold-hell);font-weight:600} /* Inhalt: Überschrift über dem Profil */ body.mepr-app-layout #mepr-account-content{max-width:900px} body.mepr-app-layout .mepr-profile-wrapper{display:grid !important;grid-template-columns:minmax(0,1fr);gap:22px;align-items:start} body.mepr-app-layout .mepr-profile-wrapper::before{content:"Mein Konto";display:block;font-family:Lora,Georgia,serif;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--pa-gold-text);font-weight:600;margin-bottom:-14px} /* Die Karte mit den Angaben: Pergamentblatt mit Siegel */ body.mepr-app-layout #mepr-profile-details{position:relative;box-sizing:border-box;width:100% !important;padding:58px 34px 26px !important;margin-top:40px;box-shadow:0 8px 22px rgba(80,60,20,.10)} body.mepr-app-layout #mepr-profile-details::before{content:"";position:absolute;left:30px;top:-38px;width:76px;height:76px;background:url("/wp-content/uploads/2026/02/Penelope%E2%80%98s-Akademie_Flavicon.png") center/54% auto no-repeat,var(--pa-siegel) center/contain no-repeat;filter:drop-shadow(0 4px 8px rgba(60,40,10,.3))} body.mepr-app-layout #mepr-profile-details::after{content:"";position:absolute;right:26px;top:22px;width:150px;height:16px;background:var(--pa-schnoerkel) right center/contain no-repeat;opacity:.8} body.mepr-app-layout #mepr-profile-details dl{display:block;margin:0;max-width:560px} body.mepr-app-layout #mepr-profile-details dt{color:var(--pa-gold-text) !important;font-family:Lora,Georgia,serif;font-size:12.5px !important;letter-spacing:.12em;text-transform:uppercase;font-weight:600 !important;gap:8px;align-items:center !important;padding-top:12px} body.mepr-app-layout #mepr-profile-details dt svg, body.mepr-app-layout #mepr-profile-details dt svg *{fill:var(--pa-gold-text) !important} body.mepr-app-layout #mepr-profile-details dd{font-family:'Playfair Display',Georgia,serif;font-size:21px;color:var(--pa-text);margin:2px 0 6px !important;padding-bottom:12px;border-bottom:1px solid var(--pa-pglinie-zart);overflow-wrap:anywhere} body.mepr-app-layout .mepr-profile-details__button{background:transparent !important;border:0 !important;border-radius:50%;display:inline-grid !important;place-items:center} body.mepr-app-layout .mepr-profile-details__button:hover{background:rgba(201,166,64,.16) !important} body.mepr-app-layout .mepr-profile-details__button svg, body.mepr-app-layout .mepr-profile-details__button svg *{fill:var(--pa-gold-text) !important} /* Knöpfe unten: ruhig, mit doppelter Linie darüber */ body.mepr-app-layout .mepr-profile-wrapper__footer{border-top:3px double var(--pa-rahmen) !important;margin-top:14px !important;padding-top:18px !important;gap:12px} body.mepr-app-layout .mepr-profile-wrapper__footer > *{margin:0 !important} body.mepr-app-layout .mepr-profile-wrapper__footer .mepr-button{background:rgba(255,255,255,.55) !important;color:var(--pa-gruen) !important;border:1.5px solid var(--pa-gruen2) !important;font-weight:600;padding:0 20px !important} body.mepr-app-layout .mepr-profile-wrapper__footer .mepr-button:hover{background:var(--pa-gruen) !important;color:#fff !important} /* Bild rechts nur, wenn eins da ist, dann im Goldrahmen */ body.mepr-app-layout #mepr-profile-image:not(:has(img)){display:none !important} body.mepr-app-layout #mepr-profile-image{width:100% !important;padding:8px !important} body.mepr-app-layout #mepr-profile-image img{display:block;border-radius:3px !important;max-width:100%} /* Begrüßung und Hinweise als Pergamentstreifen */ body.mepr-app-layout .mepr-account-welcome-message{background:rgba(255,255,255,.55) !important;border:1px solid var(--pa-pglinie) !important;border-left:4px solid var(--pa-gold) !important;border-radius:6px !important;color:var(--pa-text) !important;font-family:Lora,Georgia,serif} @media (min-width:900px){ body.mepr-app-layout .mepr-profile-wrapper:has(#mepr-profile-image img){grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)} } @media (max-width:767px){ body.mepr-app-layout #mepr-profile-details{padding:52px 20px 20px !important} body.mepr-app-layout #mepr-profile-details::after{display:none} body.mepr-app-layout #mepr-profile-details dd{font-size:19px} body.mepr-app-layout .mepr-profile-wrapper__footer .mepr-button{flex:1 1 100%;justify-content:center} } /* ==== Rechtlicher Fuß (früher Snippet 22, Markup und Skript kommen weiter aus dem Snippet) ==== */ .pa-recht-fuss{display:block!important;visibility:visible!important;background:#1e4029;border-top:3px solid #b8952e;color:#dfe5dc;font-family:Lora,Georgia,serif;font-size:14px;line-height:1.5;margin:48px 0 0;clear:both;width:100%;box-sizing:border-box;position:relative;z-index:1}.pa-recht-fuss .pa-recht-innen{max-width:1120px;margin:0 auto;padding:24px 24px 26px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 28px;text-align:left}.pa-recht-fuss p{margin:0;color:#cfd8cf;font-size:14px}.pa-recht-fuss nav{display:flex;flex-wrap:wrap;gap:4px 22px}.pa-recht-fuss nav a{color:#fff!important;text-decoration:none;font-size:15px;display:inline-flex;align-items:center;min-height:44px}.pa-recht-fuss nav a:hover{color:#e9d48f!important}.pa-recht-fuss .pa-recht-copy{flex-basis:100%}body.mpcs-classroom #mpcs-main>footer.pa-recht-fuss{max-width:none!important;width:auto!important;margin:72px calc(-1*var(--pa-pad-r,50px)) calc(-1*var(--pa-pad-b,100px)) calc(-1*var(--pa-pad-l,50px))!important}body.mpcs-classroom #mpcs-main>footer.pa-recht-fuss .pa-recht-innen{max-width:900px}body:has(>footer.pa-recht-fuss){display:flex!important;flex-direction:column!important;min-height:100vh}body:has(>footer.pa-recht-fuss)>#page{flex:1 0 auto;width:100%;padding-bottom:48px;box-sizing:border-box}body>footer.pa-recht-fuss{margin-top:auto!important;flex-shrink:0}body:has(.mepr-account-container)>#page{padding-bottom:0!important}@media(max-width:700px){.pa-recht-fuss .pa-recht-innen{flex-direction:column;align-items:flex-start;padding:20px 16px 24px}}