/* Substanzraum-Ergänzungen zum Ghost-Theme: Ressorts unter dem Magazin-Namen */
.sr-masthead{display:flex;flex-direction:column;align-items:center;gap:30px}
.sr-ressorts{display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:550;letter-spacing:.14em;text-transform:uppercase;line-height:1;color:var(--color-secondary-text)}
.sr-ressorts a{padding:0 14px;border-left:1px solid var(--color-border);white-space:nowrap;transition:color .2s ease}
.sr-ressorts a:first-child{padding-left:0;border-left:0}
.sr-ressorts a:last-child{padding-right:0}
.sr-ressorts a:hover{color:var(--color-darker-gray);opacity:1}
.sr-ressorts a.is-active{color:var(--ghost-accent-color);opacity:1}
@media (max-width:767px){.sr-ressorts{display:none}}

/* Ressort-Angaben überall in Akzentfarbe */
.gh-card-tag{color:var(--ghost-accent-color)}
.gh-article-tag{color:var(--ghost-accent-color)}

/* Ressort auf den Karten der Sektionen anzeigen (nicht in „Neueste") */
.gh-featured-feed .gh-card-tag,
.gh-container.is-grid .gh-feed .gh-card-tag{display:block;margin-bottom:10px}

/* Kopfzeile: mehr Raum über dem Magazin-Namen, Name größer */
@media (min-width:768px){
  .gh-navigation.sr-nav{height:auto;padding-top:clamp(36px,3.6vw,58px);padding-bottom:clamp(18px,2vw,28px)}
  .sr-nav .gh-navigation-logo{font-size:clamp(3.6rem,1.9vw + 2.4rem,5.6rem);letter-spacing:-.03em}
}

/* Ressort-Angabe auf Artikelseiten ist ein Link */
a.gh-article-tag{cursor:pointer;transition:opacity .2s ease}
a.gh-article-tag:hover{opacity:1;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}



/* Ressort-Seite: Artikel mittig, untereinander und groß */
.gh-container.sr-archive{--sr-gap:clamp(56px,6vw,88px)}
.gh-container.sr-archive .gh-main{grid-column:1/-1;padding-top:clamp(40px,5vw,72px)}
.gh-container.sr-archive .gh-feed{display:flex;flex-direction:column;gap:var(--sr-gap);max-width:900px;margin:0 auto;padding-bottom:clamp(48px,6vw,80px)}
.gh-container.sr-archive .gh-card .gh-card-link{flex-direction:column;align-items:stretch;gap:26px}
.gh-container.sr-archive .gh-card .gh-card-image{width:100%;aspect-ratio:1.618033}
.gh-container.sr-archive .gh-card:not(.no-image) .gh-card-wrapper{max-width:none}
.gh-container.sr-archive .gh-card-tag{display:block;margin-bottom:10px}
.gh-container.sr-archive .gh-card-title{font-size:clamp(2.6rem,1.6vw + 1.9rem,4.2rem);line-height:1.08;letter-spacing:-.024em}
.gh-container.sr-archive .gh-card-excerpt{margin-top:12px;font-size:1.8rem;line-height:1.5;-webkit-line-clamp:3;max-width:720px}
.gh-container.sr-archive .gh-card-meta:not(:empty){margin-top:16px;font-size:1.4rem}
.gh-container.sr-archive .gh-card+.gh-card:before{top:calc(-.5 * var(--sr-gap))}

/* Mobiles Menü: Abonnieren vor Login anzeigen */
@media (max-width:767px){.gh-navigation-members{flex-direction:column}}

/* Handy-Menü: Ressorts als Liste über Abonnieren und Login */
.sr-ressorts-menu{display:none}
@media (max-width:767px){
  #gh-navigation .gh-navigation-menu{flex-direction:column;align-items:stretch;gap:30px}
  .sr-ressorts-menu{display:flex;flex-direction:column;align-items:center;gap:18px;width:100%;font-size:1.8rem;font-weight:600;letter-spacing:.14em}
  .sr-ressorts-menu a{padding:0;border-left:0}
  .gh-navigation-members{border-top:1px solid var(--color-border);padding-top:30px}
}



/* Plus / Paywall */
.sr-plus{display:inline-flex;align-items:center;justify-content:center;width:.78em;height:.78em;min-width:16px;min-height:16px;margin-right:.35em;vertical-align:.04em;background:var(--ghost-accent-color);color:#fff;border-radius:0}
.sr-plus svg{width:70%;height:70%}
.sr-plus.is-large{width:44px;height:44px;margin:0 0 20px}
.sr-plus-label{display:inline-flex;align-items:center;margin-left:14px;font-size:1.2rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ghost-accent-color)}
.sr-plus-label .sr-plus{width:16px;height:16px}
.sr-teaser{position:relative;-webkit-mask-image:linear-gradient(#000 40%,transparent);mask-image:linear-gradient(#000 40%,transparent)}
.gh-content .sr-paywall{margin-top:24px;padding:48px 32px;border-top:2px solid var(--ghost-accent-color);border-bottom:1px solid var(--color-light-gray,#e6e6e6);text-align:center;display:flex;flex-direction:column;align-items:center}
.sr-paywall h2{margin:0 0 10px;font-size:2.6rem}
.sr-paywall p{margin:0 0 24px;font-size:1.7rem;color:var(--color-secondary-text,#666)}
.sr-paywall-actions{display:flex;flex-direction:column;align-items:center;gap:14px;font-size:1.5rem}
.sr-paywall-actions a:not(.gh-button){color:inherit;text-decoration:underline;text-underline-offset:4px}
/* Formular-Seiten */
.sr-page{padding-top:clamp(40px,5vw,72px)}
.sr-auth{display:flex;flex-direction:column;gap:14px;max-width:420px;margin:0 auto}
.sr-auth label{font-size:1.4rem;font-weight:600}
.sr-auth input{width:100%;height:48px;padding:0 14px;border:1px solid var(--color-light-gray,#ddd);border-radius:0;font-size:1.6rem;background:transparent;color:inherit}
.sr-auth .gh-button{height:48px;justify-content:center;width:100%;margin-top:8px}
.sr-auth-note{text-align:center;font-size:1.4rem}
.sr-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin:32px 0 !important}
.sr-plan{border:1px solid var(--color-light-gray,#ddd);padding:28px;display:flex;flex-direction:column;gap:8px}
.sr-plan.is-featured{border:2px solid var(--ghost-accent-color)}
.sr-plan h3{margin:0 !important;font-size:2rem;display:flex;align-items:center}
.sr-plan .sr-price{font-size:3.2rem;font-weight:700;margin:0 !important}
.sr-plan ul{margin:8px 0 16px !important;padding-left:18px;font-size:1.5rem}
.sr-plan .gh-button{justify-content:center;margin-top:auto}
.gh-content a.gh-button{color:#fff;text-decoration:none}
.sr-plus-label{margin-left:0;margin-bottom:12px;display:flex}
.sr-plan .sr-price small{font-size:1.5rem;font-weight:400}

/* ---------- Mein Magazin ---------- */
.gh-navigation-actions{display:flex;align-items:center}
.sr-mm{padding-top:clamp(32px,4vw,56px);padding-bottom:80px}
.sr-mm .gh-inner{max-width:900px;margin:0 auto}
.sr-mm-demo{border:1px solid var(--ghost-accent-color);padding:10px 16px;font-size:1.4rem;margin-bottom:36px}
.sr-mm-demo a{color:var(--ghost-accent-color);font-weight:600;margin-left:6px}
.sr-mm-kicker{color:var(--ghost-accent-color);text-transform:uppercase;letter-spacing:.14em;font-size:1.3rem;font-weight:700;margin:0 0 6px}
.sr-mm-head h1{font-size:clamp(3.2rem,2vw+2.4rem,5rem);margin:0}
.sr-mm-tabs{display:flex;flex-wrap:wrap;gap:4px 28px;border-bottom:1px solid var(--color-light-gray,#e6e6e6);margin:28px 0 36px}
.sr-mm-tabs a{padding:10px 0;font-size:1.5rem;font-weight:600;color:var(--color-secondary-text,#666);border-bottom:2px solid transparent;margin-bottom:-1px}
.sr-mm-tabs a.is-active{color:var(--color-darker-gray,#111);border-color:var(--ghost-accent-color)}
.sr-mm-date{font-size:1.4rem;color:var(--color-secondary-text,#666);margin:0 0 32px}
.sr-mm-items{display:flex;flex-direction:column}
.sr-mm-item{border-top:1px solid var(--color-light-gray,#e6e6e6);padding:32px 0}
.sr-mm-item .gh-card-tag{display:block;margin-bottom:10px}
.sr-mm-time{color:var(--color-secondary-text,#888);margin-left:8px;font-weight:400}
.sr-mm-item h2{font-size:clamp(2.4rem,1vw+2rem,3.2rem);margin:0 0 10px}
.sr-mm-summary,.sr-mm-lead{font-size:1.7rem;color:var(--color-secondary-text,#555);margin:0 0 18px}
.sr-mm-item ul{margin:0;padding-left:20px;font-size:1.6rem;line-height:1.6}
.sr-mm-source{color:var(--ghost-accent-color);font-size:1.3rem;margin-left:6px;white-space:nowrap}
.sr-mm-section{margin-top:48px}
.sr-mm-plus{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.sr-mm-plus .gh-card-tag{display:block;margin-bottom:8px}
.sr-mm-table{display:flex;flex-direction:column}
.sr-mm-row{display:flex;justify-content:space-between;gap:24px;align-items:center;border-top:1px solid var(--color-light-gray,#e6e6e6);padding:22px 0;flex-wrap:wrap}
.sr-mm-row h3{margin:4px 0;font-size:2rem}
.sr-mm-status{font-size:1.3rem;color:var(--color-secondary-text,#777);margin:0}
.sr-mm-row-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.sr-mm-seg{display:flex;border:1px solid var(--color-darker-gray,#111)}
.sr-mm-seg button,.sr-mm-edit,.sr-mm-list button{background:none;border:0;padding:8px 14px;font-size:1.4rem;cursor:pointer;border-radius:0}
.sr-mm-seg button.is-active{background:var(--color-darker-gray,#111);color:#fff}
.sr-mm-edit{text-decoration:underline;text-underline-offset:4px}
.gh-button.is-done{background:transparent;color:var(--ghost-accent-color);border:1px solid var(--ghost-accent-color)}
.sr-mm-new{margin-top:28px}
.sr-mm-form{max-width:640px}
.sr-mm-form select,.sr-mm-form textarea{width:100%;padding:12px;border:1px solid var(--color-light-gray,#ddd);border-radius:0;font:inherit;font-size:1.6rem;background:transparent}
.sr-mm-formats{border:0;padding:0;margin:12px 0}
.sr-mm-formats legend{font-weight:600;font-size:1.5rem;margin-bottom:10px}
.sr-mm-check{display:flex!important;gap:10px;align-items:flex-start;font-weight:400!important;font-size:1.5rem;margin:8px 0}
.sr-mm-check input{width:auto!important;margin-top:4px;accent-color:var(--ghost-accent-color)}
.sr-mm-sub{font-size:1.6rem;margin:20px 0 10px}
.sr-mm-cal{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-bottom:24px}
.sr-mm-cal div{border:1px solid var(--color-light-gray,#e6e6e6);padding:10px 6px;font-size:1.2rem;text-align:center;color:#999}
.sr-mm-cal div span{display:block;font-weight:700;font-size:1.4rem;color:inherit}
.sr-mm-cal div.is-on{border-color:var(--ghost-accent-color);color:var(--color-darker-gray,#111)}
.sr-mm-cal button{border:1px solid var(--color-light-gray,#e6e6e6);background:none;padding:10px 6px;font-size:1.2rem;text-align:center;color:#999;cursor:pointer;border-radius:0;font-family:inherit}
.sr-mm-cal button span{display:block;font-weight:700;font-size:1.4rem;color:inherit}
.sr-mm-cal button.is-on{border-color:var(--ghost-accent-color);color:var(--color-darker-gray,#111)}
.sr-mm-pubtime{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-bottom:28px;font-size:1.5rem}
.sr-mm-pubtime input{font:inherit;padding:8px 12px;border:1px solid var(--color-light-gray,#e6e6e6);border-radius:0;font-family:inherit}
.sr-mm-quota{margin-bottom:28px;font-size:1.5rem}
.sr-mm-quota a{color:var(--ghost-accent-color);font-weight:600}
.sr-mm-bar{height:6px;background:var(--color-light-gray,#eee);margin:8px 0}
.sr-mm-bar span{display:block;height:100%;background:var(--ghost-accent-color)}
.sr-mm-list{list-style:none;padding:0;margin:28px 0 0}
.sr-mm-list li{display:flex;justify-content:space-between;border-top:1px solid var(--color-light-gray,#e6e6e6);padding:12px 0;font-size:1.5rem}
.sr-mm-muted{color:#999}
.sr-mm-thread{display:flex;flex-direction:column;gap:14px;margin-bottom:28px}
.sr-mm-msg{border:1px solid var(--color-light-gray,#e6e6e6);padding:14px 16px;font-size:1.6rem;max-width:85%}
.sr-mm-msg span{display:block;font-size:1.2rem;color:#888;margin-bottom:4px}
.sr-mm-msg.is-me{align-self:flex-end;border-color:var(--ghost-accent-color)}
@media (max-width:767px){.sr-mm-plus{grid-template-columns:1fr}}
.sr-mm .sr-mm-head h1{font-size:clamp(3.2rem,2vw+2.4rem,5rem)!important;font-weight:800;letter-spacing:-.02em;line-height:1.1}
.sr-mm .sr-mm-item h2{font-size:clamp(2.4rem,1vw+2rem,3.2rem)!important;font-weight:700;letter-spacing:-.01em;line-height:1.2}
.sr-mm .sr-mm-row h3{font-size:2rem!important;font-weight:700}

/* ---------- Schalter „Mein Magazin" ---------- */
.gh-navigation-actions{gap:18px}
.sr-toggle{display:inline-flex;align-items:center;gap:10px;background:none;border:0;padding:0;cursor:pointer;font:inherit;color:var(--ghost-accent-color)}
.sr-toggle-label{font-size:1.3rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:#888;transition:color .25s ease}
.sr-toggle.is-on:not(.is-demo) .sr-toggle-label{color:var(--ghost-accent-color)}
.sr-toggle-track{position:relative;width:44px;height:24px;border:2px solid var(--ghost-accent-color);border-radius:999px;transition:background .25s ease}
.sr-toggle-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--ghost-accent-color);transition:transform .3s cubic-bezier(.5,1.8,.5,.8),background .25s}
.sr-toggle.is-on .sr-toggle-track{background:var(--ghost-accent-color)}
.sr-toggle.is-on .sr-toggle-knob{transform:translateX(20px);background:#fff}
.sr-redaktion-btn{border:1.5px solid var(--color-darker-gray,#111);padding:7px 14px;font-size:1.3rem;font-weight:600;white-space:nowrap;animation:sr-fade-in .4s ease both}
.sr-redaktion-btn:hover{background:#bbb;border-color:#bbb;color:#fff;opacity:1}
/* Gesperrter Redaktionsbereich in der Beispielumgebung (noch kein eigenes Magazin) */
.sr-redaktion-btn.is-locked{display:inline-flex;align-items:center;gap:6px;border-style:dashed;border-color:#c9c9c9;color:#9a9a9a;cursor:default;animation:none}
.sr-redaktion-btn.is-locked svg{width:13px;height:13px;flex-shrink:0}
.sr-redaktion-btn.is-locked:hover{background:none;border-color:#c9c9c9;color:#9a9a9a}
.sr-logout-btn{background:none;border:0;padding:0;cursor:pointer;font:inherit;font-size:1.3rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#888;white-space:nowrap;transition:color .2s ease}
.sr-logout-btn:hover{color:var(--color-darker-gray,#111)}

/* Beispiel-Magazin-Hinweis im ausgeloggten Zustand */
.sr-demo-banner{border-bottom:1px solid var(--color-border);background:#f6f6f6}
.sr-demo-banner .gh-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding-top:18px;padding-bottom:18px}
.sr-demo-banner-text{margin:0;font-size:1.7rem;color:#444;max-width:640px}
@media (min-width:768px){.sr-demo-banner-text{max-width:none;white-space:nowrap}}
.sr-demo-banner-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.sr-cta{color:#fff;text-decoration:none}
.sr-cta-login{font-size:1.4rem;font-weight:600;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
@keyframes sr-fade-in{from{opacity:0;transform:translateX(8px)}to{opacity:1;transform:none}}

/* ---------- Magazintitel mit Comic-Strahlen ---------- */
/* Desktop/Tablet: Zusatztitel hängt absolut unter dem Logo, damit sich die
   Kopfzeilen-Achse (Label – Schalter – Substanzraum – Logout) nicht verschiebt. */
@media (min-width:768px){
  .sr-masthead{position:relative;gap:0}
  .sr-mag-sub{position:absolute;top:100%;right:-.4em;margin:6px 0 0;display:inline-block;color:var(--ghost-accent-color)!important;opacity:1!important}
}
@media (max-width:767px){
  .sr-masthead.is-personal{gap:4px}
  .sr-mag-sub{position:relative;align-self:flex-end;margin-right:-.4em;margin-bottom:-1.25em;display:inline-block;color:var(--ghost-accent-color)!important;opacity:1!important}
}
.sr-mag-sub-text{position:relative;display:inline-block;font-size:clamp(1.6rem,.8vw + 1.1rem,2.2rem);font-weight:800;font-style:italic;letter-spacing:-.01em;transform:rotate(-4deg)}
.sr-mag-sub.is-animated .sr-mag-sub-text{animation:sr-pop .6s cubic-bezier(.3,1.8,.5,1) calc(0s - var(--sr-skip, 0s)) both}
.sr-mag-sub:not(.is-animated) .sr-burst{display:none}
.sr-burst{position:absolute;left:50%;top:50%;width:0;height:0;pointer-events:none}
.sr-burst i{position:absolute;left:0;top:-1.5px;width:26px;height:3px;transform-origin:0 50%}
.sr-burst i::before{content:"";position:absolute;inset:0;background:var(--ghost-accent-color);animation:sr-ray .7s ease-out calc(.08s - var(--sr-skip, 0s)) both}
.sr-burst i:nth-child(odd)::before{animation-delay:calc(.14s - var(--sr-skip, 0s));height:2px}
@keyframes sr-pop{0%{transform:scale(0) rotate(-14deg);opacity:0}70%{transform:scale(1.18) rotate(-2deg);opacity:1}100%{transform:scale(1) rotate(-4deg)}}
@keyframes sr-ray{0%{transform:translateX(30px) scaleX(.2);opacity:0}25%{opacity:1}100%{transform:translateX(110px) scaleX(1);opacity:0}}
@media (prefers-reduced-motion:reduce){.sr-mag-sub-text,.sr-burst i::before,.sr-redaktion-btn{animation:none}.sr-burst{display:none}}
@media (max-width:767px){
  .sr-toggle-label{display:none}
  .sr-redaktion-btn{display:none}
  .sr-mag-sub{display:none}
}
.sr-mm-save{display:flex;gap:18px;align-items:center}
@media (max-width:767px){
  #gh-navigation.sr-no-menu{height:auto;padding-top:20px;padding-bottom:16px}
  #gh-navigation.sr-no-menu .gh-navigation-inner{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center;column-gap:12px;row-gap:14px;height:auto}
  #gh-navigation.sr-no-menu .gh-navigation-brand{display:block;grid-area:1/1/2/3;justify-self:center}
  #gh-navigation.sr-no-menu .gh-navigation-menu{grid-area:2/1/3/2;justify-self:start;flex-direction:row;align-items:center;gap:12px}
  #gh-navigation.sr-no-menu .gh-navigation-actions{grid-area:2/2/3/3;justify-self:end}
  #gh-navigation.sr-no-menu .gh-navigation-menu,
  #gh-navigation.sr-no-menu .gh-navigation-actions{position:static;visibility:visible;opacity:1}
  #gh-navigation.sr-no-menu :is(.gh-button,a.sr-cta-login){opacity:1;transform:none}
  #gh-navigation.sr-no-menu .gh-navigation-members{flex-direction:row;align-items:center;gap:12px;width:auto;padding-top:0;border-top:0}
}
.sr-redaktion-btn{display:inline-block}
@media (max-width:767px){.sr-redaktion-btn{display:inline-block}.gh-navigation-actions{display:flex!important}}

/* Onboarding / Registrierung */
.sr-onboarding{margin-top:56px}
.sr-onb-step{text-align:center;font-size:1.4rem;color:#888;margin-bottom:14px}
.sr-onb-steps{display:flex;gap:8px;justify-content:center;margin-bottom:28px}
.sr-onb-dot{width:40px;height:4px;background:#ddd}
.sr-onb-dot.is-active{background:var(--ghost-accent-color)}
.sr-auth label small{font-weight:400;color:#888}
.sr-auth select,.sr-auth textarea{width:100%;padding:12px 14px;border:1px solid var(--color-light-gray,#ddd);border-radius:0;font-size:1.6rem;background:transparent;color:inherit;font-family:inherit}
.sr-auth select{height:48px;padding:0 14px}
.sr-auth textarea{resize:vertical;line-height:1.5}
.sr-onb-actions{display:flex;gap:12px;margin-top:8px}
.sr-onb-actions .gh-button{flex:1;justify-content:center;margin-top:0}
.sr-onb-actions .gh-button.sr-onb-back{background:transparent;color:inherit;border:1px solid #ccc}
.sr-onb-actions .gh-button.sr-onb-back:hover{background:#eee}

.sr-page-center .gh-article-title{text-align:center}
/* Redaktionsbereich als Popup */
.sr-modal-backdrop{position:fixed;inset:0;z-index:1000;background:rgba(17,17,17,.45);display:flex;align-items:center;justify-content:center;padding:4vh 4vw}
.sr-modal{position:relative;background:var(--color-white,#fff);width:min(900px,100%);max-height:88vh;overflow-y:auto;box-shadow:0 30px 80px -20px rgba(0,0,0,.4)}
.sr-modal-close{position:absolute;top:14px;right:18px;background:none;border:0;font-size:3.4rem;line-height:1;cursor:pointer;color:var(--color-darker-gray,#111);border-radius:0;padding:4px 8px}
.sr-modal-close:hover{color:var(--ghost-accent-color)}
.sr-modal .sr-mm{padding:clamp(40px,4vw,56px) clamp(20px,4vw,56px) 56px}
.sr-mm-center{text-align:center}
.sr-mm-center .sr-mm-tabs{justify-content:center}
.sr-mm-center .sr-mm-row,.sr-mm-center .sr-mm-row-actions{justify-content:center;flex-direction:column}
.sr-mm-center form,.sr-mm-center label,.sr-mm-center fieldset{margin-left:auto;margin-right:auto}
.sr-mm-center input,.sr-mm-center textarea,.sr-mm-center select{text-align:center;margin-left:auto;margin-right:auto}
.sr-mm-center .sr-mm-list,.sr-mm-center ul{list-style-position:inside;padding-left:0}
.sr-mm-center [class*="flex"],.sr-mm-center .sr-mm-seg{justify-content:center}
.sr-mm-center .sr-mm-seg{display:inline-flex}
@media (max-width:767px){.sr-modal-backdrop{padding:0}.sr-modal{max-height:100vh;height:100%}}
.sr-modal .sr-mm-head h1{font-size:clamp(3rem,1.6vw+2.2rem,4.4rem)}
.sr-mm-center .sr-mm-pubtime{justify-content:center;flex-wrap:wrap;gap:14px}
/* Zentrierung Newsletter/Feature + Formate */
.sr-modal .sr-auth{margin-left:auto;margin-right:auto;text-align:center;align-items:center}
.sr-modal .sr-auth input,.sr-modal .sr-auth textarea,.sr-modal .sr-auth select{text-align:center;width:100%}
.sr-modal .sr-mm-quota,.sr-modal .sr-mm-list,.sr-modal .sr-mm-thread,.sr-modal .sr-mm-lead{margin-left:auto;margin-right:auto;max-width:560px;text-align:center}
.sr-modal .sr-mm-quota{display:flex;flex-direction:column;align-items:center;gap:8px}
.sr-modal .sr-mm-quota .sr-mm-bar{width:100%}
.sr-modal .sr-mm-list li{justify-content:center;gap:16px}
.sr-mm-formats{border:0;padding:0;margin:24px 0 0;width:100%;text-align:center}
.sr-mm-formats legend{margin:0 auto 4px;font-weight:600}
.sr-mm-format-hint{font-size:1.3rem;color:var(--color-mid-gray,#999);margin:0 0 14px}
.sr-mm-format-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;width:100%;text-align:left}
.sr-mm-format{position:relative;display:flex!important;flex-direction:column;gap:6px;padding:16px 16px 16px 44px;border:1.5px solid var(--color-light-gray,#ddd);cursor:pointer;margin:0!important;transition:border-color .15s,opacity .15s,background .15s}
.sr-mm-format input{position:absolute;opacity:0;pointer-events:none}
.sr-mm-format::before{content:"";position:absolute;left:16px;top:18px;width:16px;height:16px;border:1.5px solid currentColor}
.sr-mm-format.is-on{border-color:var(--ghost-accent-color)}
.sr-mm-format.is-on::before{background:var(--ghost-accent-color);border-color:var(--ghost-accent-color);box-shadow:inset 0 0 0 3px #fff}
.sr-mm-format strong{font-size:1.5rem;line-height:1.3}
.sr-mm-format span{font-size:1.3rem;line-height:1.45;color:var(--color-secondary-text,#666);font-weight:400}
.sr-mm-format.is-off{opacity:.35;cursor:not-allowed;background:#f4f4f4}
.sr-mm-styles{border:0;padding:0;margin:8px 0 18px;width:100%}
.sr-mm-styles legend{margin:0 auto 12px;font-weight:700}
.sr-mm-style-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%}
.sr-mm-style{position:relative;display:flex;flex-direction:column;justify-content:flex-start;gap:10px;padding:8px;border:1px solid var(--color-light-gray);background:var(--color-white);cursor:pointer;border-radius:6px;text-align:left;height:100%;white-space:normal;transition:border-color .15s,background .15s}
.sr-mm-style:hover{border-color:var(--color-secondary-text)}
.sr-mm-style.is-on{border-color:var(--ghost-accent-color);background:var(--editorial-selection);box-shadow:none}
.sr-mm-style-imgs{display:block;width:100%}
.sr-mm-style-imgs img{width:100%;aspect-ratio:1;object-fit:cover;display:block;border-radius:3px}
.sr-mm-style strong{font-size:1.3rem;line-height:1.4;font-weight:500;overflow-wrap:anywhere;min-height:3.6em}
.sr-style-check{position:absolute;right:12px;top:12px;padding:3px;box-sizing:content-box;background:var(--color-white);color:var(--ghost-accent-color);border-radius:50%}
.sr-mm-style.is-on strong{color:var(--ghost-accent-color)}
.sr-mm-format:not(.is-off):hover{border-color:var(--color-darker-gray,#111)}
.sr-modal .sr-mm-form{margin-left:auto;margin-right:auto;width:100%;text-align:center}
.sr-modal .sr-mm-msg{text-align:left}
/* Handy-Optimierung */
@media (max-width:767px){
  .sr-mag-sub{display:inline-block;align-self:center;margin:6px 0 0}
  .sr-mag-sub-text{font-size:1.8rem}
  .sr-masthead.is-personal{align-items:center}
  .sr-toggle-label{display:inline;font-size:1.1rem}
  .sr-toggle{gap:8px}
  .gh-navigation-actions{gap:12px}
  .sr-logout-btn{font-size:1.1rem}
  .sr-redaktion-btn{padding:6px 10px;font-size:1.2rem}
  #gh-navigation.sr-no-menu .gh-navigation-members:empty{display:none}
  .sr-demo-banner .gh-inner{justify-content:center;text-align:center}
  .sr-demo-banner-actions{justify-content:center}
  .sr-modal{padding-top:8px}
  .sr-modal-close{top:6px;right:8px}
  .sr-modal .sr-mm{padding:48px 18px 40px}
  .sr-mm-tabs{flex-wrap:wrap;justify-content:center;gap:6px 16px}
  .sr-mm-format-grid{grid-template-columns:1fr}
  .sr-mm-cal{flex-wrap:wrap;justify-content:center}
}
@media (max-width:767px){.sr-toggle.is-on .sr-toggle-label{display:none}}
/* Handy: Menü + Schalter mittig */
.sr-mobile-toggle,.sr-mobile-only{display:none!important}
@media (max-width:767px){
  #gh-navigation.gh-navigation{height:auto;padding-top:22px;padding-bottom:18px}
  #gh-navigation .gh-navigation-inner{height:auto}
  #gh-navigation .gh-navigation-brand{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;height:auto}
  #gh-navigation .gh-burger{position:absolute;right:0;top:0;display:flex}
  .sr-mobile-toggle{display:flex!important;justify-content:center}
  .sr-mobile-toggle .sr-toggle-label{display:inline!important;font-size:1.2rem}
  #gh-navigation .gh-navigation-actions{display:none!important}
  #gh-navigation:not(.is-open) .gh-navigation-menu{display:none}
  #gh-navigation.is-open .gh-navigation-menu{display:flex;position:static;visibility:visible;opacity:1;justify-content:center;padding-top:20px}
  #gh-navigation.is-open .gh-navigation-members{display:flex;flex-direction:column;align-items:center;gap:18px;width:100%;padding-top:20px;border-top:1px solid var(--color-light-gray,#ddd)}
  #gh-navigation.is-open .sr-mobile-only{display:inline-block!important;font-size:1.4rem}
  #gh-navigation.is-open :is(.gh-button,a.sr-cta-login,.sr-redaktion-btn){opacity:1;transform:none;display:inline-flex}
  #gh-navigation .gh-navigation-members:empty{display:none}
}
@media (max-width:767px){#gh-navigation .gh-navigation-inner{display:block}}

/* Kompakte Redaktion und einheitliche Symbolschalter */
.sr-toggle{height:auto;min-height:44px;border-radius:0;box-shadow:none;flex-shrink:0}
.sr-toggle:hover{background:transparent;color:var(--ghost-accent-color)}
.sr-toggle-track{display:block;flex-shrink:0}
.sr-logout-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:0;color:var(--color-secondary-text);padding:0;box-shadow:none}
.sr-logout-btn svg{width:21px;height:21px}
.sr-logout-btn:hover{background:var(--color-light-gray);color:var(--color-darker-gray)}
.gh-navigation-members{gap:14px}
.sr-mm-center .sr-mm-table > .sr-mm-compact-row{flex-direction:row;flex-wrap:nowrap;justify-content:space-between;gap:20px;padding:10px 0;text-align:left}
.sr-mm-article-name{display:flex;flex-direction:column;gap:3px;min-width:0}
.sr-mm-article-name .gh-card-tag{font-size:1.1rem;margin:0;line-height:1.4}
.sr-mm .sr-mm-compact-row h3{font-size:1.5rem!important;line-height:1.4;margin:0;font-weight:600;overflow-wrap:anywhere}
.sr-visibility-toggle{gap:10px;min-width:122px;justify-content:flex-end}
.sr-visibility-toggle .sr-mm-status{font-size:1.2rem}
.sr-visibility-toggle.is-on .sr-mm-status{color:var(--ghost-accent-color)}
.sr-modal .sr-recipient-list{width:100%;max-width:420px;margin-top:28px;padding:0;list-style:none}
.sr-modal .sr-recipient-list li{display:grid;grid-template-columns:18px minmax(0,1fr) 44px;gap:12px;align-items:center;padding:6px 0;text-align:left}
.sr-recipient-icon{width:16px;height:16px;color:var(--color-secondary-text)}
.sr-recipient-email{min-width:0;overflow-wrap:anywhere;font-size:1.4rem;line-height:1.5}
.sr-mm-list .sr-recipient-remove{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border-radius:0;color:var(--color-secondary-text)}
.sr-recipient-remove svg{width:17px;height:17px}
.sr-mm-list .sr-recipient-remove:hover{background:var(--color-light-gray);color:var(--ghost-accent-color)}
.sr-modal .sr-recipient-list li.sr-mm-muted{display:block;text-align:center;padding:16px 0}
@media (max-width:767px){
  .sr-mm-center .sr-mm-table > .sr-mm-compact-row{gap:12px}
  .sr-visibility-toggle{min-width:110px;gap:6px}
  .sr-modal .sr-recipient-list li{gap:8px}
  #gh-navigation.is-open .sr-logout-btn{opacity:1;transform:none;display:inline-flex}
}

.sr-editor-profile{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}
.sr-editor-portrait{width:96px;height:96px;border-radius:50%;object-fit:cover;object-position:center 25%;margin-bottom:12px}
.sr-editor-profile h2{font-size:2.2rem;font-weight:700;line-height:1.3;margin:0 0 4px}
.sr-editor-role{font-size:1.3rem;color:var(--ghost-accent-color);margin:0}
.sr-editor-invitation{font-size:1.8rem;line-height:1.4;font-weight:600;margin:20px 0 0}
.sr-feature-contact .sr-mm-lead{font-size:1.5rem;line-height:1.65;max-width:480px;margin-bottom:28px}
.sr-modal .sr-feature-contact .sr-auth textarea{text-align:left;resize:vertical;min-height:112px;line-height:1.6}
.sr-editor-send{border-radius:0;background:var(--ghost-accent-color);color:var(--color-white);font:inherit;font-size:1.4rem;box-shadow:none}
.sr-editor-send:hover{background:var(--ghost-accent-color);opacity:.85}
.sr-editor-send svg{width:16px;height:16px}
.sr-editor-demo-note{max-width:420px;margin:12px auto 0;font-size:1.2rem;line-height:1.5;color:var(--color-secondary-text)}
.sr-editor-conversation{width:100%;max-width:420px!important;padding-top:20px;border-top:1px solid var(--color-light-gray)}
.sr-editor-conversation .sr-mm-msg{max-width:92%;overflow-wrap:anywhere;white-space:pre-wrap;line-height:1.5}
@media (max-width:767px){.sr-editor-invitation{font-size:1.7rem}}
/* Seitentausch: Schalter links, Redaktion/Logout rechts */
@media (min-width:768px){
  #gh-navigation .gh-navigation-actions{grid-column:1;grid-row:1;justify-content:flex-start;justify-self:start}
  #gh-navigation .gh-navigation-menu{grid-column:3;grid-row:1;justify-content:flex-end;justify-self:end;margin:0}
  #gh-navigation .gh-navigation-members{flex-direction:row;gap:18px}
}
@media (min-width:768px) and (max-width:1099px){
  #gh-navigation .gh-navigation-inner{column-gap:20px}
  .sr-nav .gh-navigation-logo{font-size:clamp(3rem,3.4vw,4rem)}
  .sr-toggle{gap:8px}
  .sr-toggle-label{white-space:normal;max-width:9ch;line-height:1.2;font-size:1.1rem;text-align:right}
  .sr-redaktion-btn{padding:6px 10px;font-size:1.2rem}
}
@media (max-width:767px){
  #gh-navigation.is-open .gh-navigation-menu{padding-top:12px}
  #gh-navigation.is-open .gh-navigation-members{flex-direction:column;gap:0;padding-top:0;max-width:280px;margin:0 auto;border-top:1px solid var(--color-light-gray)}
  #gh-navigation.is-open .gh-navigation-members>*{width:100%;justify-content:center;min-height:44px;border-bottom:1px solid var(--color-light-gray);font-size:1.4rem}
  #gh-navigation.is-open .gh-navigation-members .sr-redaktion-btn{border:0;border-bottom:1px solid var(--color-light-gray);padding:0;display:inline-flex!important;align-items:center}
  #gh-navigation.is-open .gh-navigation-members .sr-logout-btn{height:44px;gap:8px}
  #gh-navigation.is-open .gh-navigation-members .sr-logout-btn::after{content:"Logout";font-size:1.3rem;font-weight:600;letter-spacing:0;text-transform:none}
  #gh-navigation.is-open .gh-navigation-members .sr-logout-btn svg{width:17px;height:17px}
  #gh-navigation.is-open .gh-navigation-members .gh-button.sr-cta{margin:10px 0;border:0;min-height:40px}
}
@media (min-width:768px) and (max-width:1099px){.sr-toggle-label{flex:0 0 auto;width:auto}.sr-toggle{width:auto;min-width:max-content}}
@media (min-width:768px) and (max-width:1099px){.sr-toggle{flex-direction:column;align-items:flex-start;gap:6px;height:auto!important;padding:4px 0}.sr-toggle-label{max-width:none;white-space:nowrap;text-align:left;font-size:1.05rem}}

@media (min-width:768px){
  .gh-navigation-members .sr-redaktion-btn{display:none}
  .gh-navigation-actions{align-items:center}
}
button.sr-redaktion-btn{background:none;font-family:inherit;color:inherit;cursor:pointer;line-height:inherit}

/* Feste Kopfzeilenachse; der Schalter wandert im persönlichen Modus nach links. */
.sr-settings-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--color-secondary-text)}
.sr-settings-btn svg{width:22px;height:22px}
.sr-settings-btn:hover{background:var(--color-light-gray);color:var(--color-darker-gray)}
.sr-mobile-settings,.sr-mobile-logout{display:none}
@media (min-width:768px){
  .sr-nav-slot{position:relative;display:flex;align-items:center;box-sizing:border-box;width:272px;height:44px;flex-shrink:0}
  .sr-nav-slot .sr-toggle{position:absolute;left:calc(100% - 44px);width:44px;height:44px;min-height:44px;padding:0;flex-direction:row;align-items:center;justify-content:center}
  .sr-nav-slot .sr-toggle-label{position:absolute;right:54px;max-width:none;white-space:nowrap;text-align:left;letter-spacing:0}
  .sr-icon-nav.is-personal .sr-nav-slot .sr-toggle{left:0}
  .sr-icon-nav.is-personal.is-logged-in .sr-nav-slot .sr-toggle{left:56px}
}
@media (min-width:768px) and (max-width:1099px){
  .sr-nav-slot{width:250px;gap:8px}
  .sr-nav-slot .sr-toggle-label{font-size:1.05rem}
}
@media (max-width:767px){
  #gh-navigation.sr-icon-nav .gh-navigation-brand{gap:14px}
  #gh-navigation.sr-icon-nav .sr-mobile-settings{display:inline-flex;position:absolute;left:-8px;top:-5px}
  #gh-navigation.sr-icon-nav .sr-mobile-logout{display:inline-flex;position:absolute;right:-8px;top:-5px}
  #gh-navigation.sr-icon-nav .gh-navigation-logo{font-size:3.2rem;letter-spacing:0}
  #gh-navigation.sr-icon-nav.is-logged-in .gh-navigation-logo{font-size:2.8rem}
  #gh-navigation.sr-icon-nav .gh-navigation-menu{display:flex;position:static;visibility:visible;opacity:1;justify-content:center;padding-top:12px}
  #gh-navigation.sr-icon-nav .gh-navigation-members{display:flex;flex-direction:row;justify-content:center;gap:18px;padding:0;border:0}
  #gh-navigation.sr-icon-nav .gh-navigation-members :is(.gh-button,.sr-cta-login){opacity:1;transform:none}
  #gh-navigation.sr-icon-nav .gh-navigation-members .sr-logout-btn{display:none}
  #gh-navigation.sr-icon-nav.is-logged-in .gh-navigation-menu,#gh-navigation.sr-icon-nav.is-personal .gh-navigation-menu{display:none}
}
.sr-mm-daytimes{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:10px;max-width:720px;margin:0 auto 24px}
.sr-mm-daytime{display:flex;flex-direction:column;gap:6px;align-items:stretch}
.sr-mm-daytime button{font:inherit;font-weight:700;padding:8px;border:1px solid var(--color-light-gray,#e6e6e6);background:transparent;border-radius:0;cursor:pointer}
.sr-mm-daytime.is-on button{border-color:var(--ghost-accent-color,#e8590c);color:var(--ghost-accent-color,#e8590c)}
.sr-mm-daytime input{font:inherit;font-size:1.4rem;padding:6px;border:1px solid var(--color-light-gray,#e6e6e6);border-radius:0;text-align:center}
.sr-mm-daytime input:disabled{opacity:.35}
.sr-art-vis{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:12px;margin:20px 0 4px;padding:12px 0;border-top:1px solid var(--color-light-gray,#e6e6e6);border-bottom:1px solid var(--color-light-gray,#e6e6e6);font-size:1.4rem;width:100%}
.sr-art-vis .sr-visibility-toggle{min-width:0;flex:0 0 auto;flex-direction:row;justify-content:flex-start;gap:8px;padding:0;margin:0;white-space:nowrap}
.sr-art-vis .sr-visibility-toggle .sr-mm-status{order:0}
.sr-art-vis .sr-visibility-toggle .sr-toggle-track{order:1}
.sr-art-vis .sr-visibility-toggle{align-items:center;min-height:0}
.sr-art-vis-text{color:var(--color-secondary-text,#777);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;font-size:1.3rem}
.sr-art-image-controls{display:flex;align-items:center;gap:12px;margin:4px 0 12px;font-size:1.4rem}
.sr-art-image-controls button{padding:0;font-size:1.4rem;text-decoration:underline;text-underline-offset:3px}
.sr-art-share-wrap{position:relative;flex:0 0 auto;margin-left:2px;align-self:center;display:flex;align-items:center}
.sr-art-share{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;min-width:24px;padding:0;border-radius:50%;background:var(--ghost-accent-color);color:#fff;box-shadow:none;flex:0 0 auto}
.sr-art-share svg{width:12px;height:12px}
.sr-share-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:50;min-width:180px;background:var(--color-white,#fff);border:1px solid var(--color-light-gray,#e6e6e6);box-shadow:0 8px 24px rgb(0 0 0 / .12);display:flex;flex-direction:column;padding:4px}
.sr-share-menu a,.sr-share-menu button{display:flex;align-items:center;gap:10px;padding:10px 12px;font:inherit;font-size:1.4rem;color:var(--color-darker-gray,#15171a);background:none;border:0;text-align:left;cursor:pointer;text-decoration:none}
.sr-share-menu a:hover,.sr-share-menu button:hover{background:var(--color-lighter-gray,#f3f3f3)}
.sr-mm-hint{text-align:center;color:var(--color-secondary-text,#777);font-size:1.4rem;margin:0 0 14px}
.sr-mm-daytime.is-bad input{border-color:var(--ghost-accent-color,#e8590c);color:var(--ghost-accent-color,#e8590c)}
.sr-mm-daytime button:disabled{opacity:.35;cursor:not-allowed}
.sr-nl-warn{margin:10px auto 0;max-width:520px;text-align:center;font-size:1.4rem;color:var(--ghost-accent-color,#e8590c)}
.sr-nl-schedule{max-width:640px;width:100%;margin:0 auto 24px;display:flex;flex-direction:column;gap:24px}
.sr-nl-schedule .sr-mm-daytimes{margin:0;width:100%}
.sr-nl-schedule .sr-nl-warn{margin:0}
.sr-nl-schedule .sr-nl-confirm{height:48px;min-height:48px;width:100%;justify-content:center;margin:0;font-size:1.5rem;font-weight:600;border-radius:0;padding:.8em 1.4em;letter-spacing:0}
.sr-nl-schedule .sr-mm-daytimes,.sr-auth .sr-mm-daytimes{grid-template-columns:repeat(auto-fit,minmax(132px,1fr))}
.sr-modal .sr-mm-kicker{color:var(--color-darker-gray,#111);font-size:clamp(1.8rem, .6vw + 1.4rem, 2.2rem);letter-spacing:.12em}
.sr-modal .sr-mm-head h1.sr-modal-magname{color:var(--ghost-accent-color);font-weight:800;font-style:italic;letter-spacing:-.01em}
.sr-modal-magname span{display:inline-block;transform:rotate(-4deg)}

/* Öffentliches Menü: nur auf Handy/Tablet, angemeldete Navigation unverändert. */
.sr-public-menu-btn{display:none;width:44px;height:44px;padding:0;border-radius:0;color:var(--color-darker-gray);box-shadow:none}
.sr-menu-lines{display:flex;flex-direction:column;gap:6px;width:22px}
.sr-menu-lines i{display:block;height:2px;width:100%;background:currentColor}
.sr-modal.sr-menu-popup{width:min(300px,calc(100% - 32px));height:auto;max-height:calc(100dvh - 32px);padding:40px 18px 12px}
.sr-popup-links{display:flex;flex-direction:column}
.sr-popup-links a{height:48px;justify-content:center;border-radius:0;font:inherit;font-size:1.6rem;font-weight:600;border-bottom:1px solid var(--color-light-gray);color:var(--color-darker-gray)}
.sr-popup-links a:first-child{color:var(--ghost-accent-color)}
.sr-popup-links a:last-child{border-bottom:0}
.sr-modal{min-width:0;box-sizing:border-box;overflow-x:hidden;overscroll-behavior:none;touch-action:pan-y}
.sr-modal-backdrop{overflow:hidden;overscroll-behavior:none}
.sr-modal-close{width:44px;height:44px}
.sr-modal-close svg{width:24px;height:24px}
.sr-menu-popup .sr-modal-close{top:0;right:2px}
.sr-modal :is(form,fieldset,.sr-mm,.sr-mm-daytime,.sr-mm-style,.sr-mm-style-imgs){min-width:0;max-width:100%;box-sizing:border-box}
.sr-modal .sr-mm-daytime input{width:100%;min-width:0;max-width:100%;box-sizing:border-box}
.sr-modal:has(> .sr-mm){height:88dvh;max-height:88dvh}
.sr-login-form > button[type="submit"] + button{margin-top:18px}
.sr-nl-schedule input[type="time"]{min-height:44px;padding:8px 10px;font-size:1.5rem}
.sr-modal .sr-auth .sr-mm-format input{width:16px;height:16px;left:16px;top:18px;margin:0}
@media (max-width:1099px){
  #gh-navigation.has-public-menu .gh-navigation-menu{display:none}
  #gh-navigation.has-public-menu .gh-navigation-brand{min-width:0}
  #gh-navigation.has-public-menu .gh-navigation-inner{position:relative}
  .sr-public-menu-btn{display:inline-flex;grid-column:3;grid-row:1;justify-self:end;justify-content:center;margin-right:8px;flex-shrink:0}
}
@media (max-width:767px){
  #gh-navigation.has-public-menu .gh-navigation-brand{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:14px 0;width:100%}
  #gh-navigation.has-public-menu .sr-masthead{grid-column:2;grid-row:1;min-width:0}
  #gh-navigation.has-public-menu .sr-public-menu-btn{position:absolute;right:0;top:0;transform:none;margin-right:8px}
  #gh-navigation.has-public-menu .sr-masthead{min-height:44px;justify-content:center}
  #gh-navigation.has-public-menu .sr-mobile-toggle{grid-column:1 / -1;grid-row:2}
  #gh-navigation.has-public-menu .gh-navigation-logo{font-size:2.8rem}
  .sr-modal:not(.sr-menu-popup){width:100%;height:100dvh;max-height:100dvh}
  .sr-modal .sr-mm-head{overflow-wrap:anywhere}
  .sr-nl-schedule .sr-mm-daytimes,.sr-auth .sr-mm-daytimes{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sr-modal .sr-mm-style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:768px){
  .sr-icon-nav.is-logged-in:not(.is-personal) .sr-toggle-label{width:auto}
}
@media (min-width:768px) and (max-width:1099px){
  .sr-icon-nav.is-logged-in:not(.is-personal) .sr-toggle-label{width:auto}
}

/* Konto-Einstieg: kompakte vertikale Hierarchie statt Artikelabstände. */
.sr-account-page .sr-page{padding-top:12px;padding-bottom:24px}
.sr-account-page .gh-article .gh-article-header{padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:18px}
.sr-account-page .gh-article-title{font-size:3rem;line-height:1.2;margin:0}
.sr-account-page .gh-content{gap:0}
.sr-account-page .gh-content > *{margin-top:0;margin-bottom:0}
.sr-account-page .sr-auth{gap:6px;width:100%}
.sr-account-page .sr-auth label{line-height:1.4}
.sr-account-page .sr-auth input{height:44px}
.sr-account-page .sr-auth .gh-button{height:44px;margin-top:4px}
.sr-account-page .sr-auth-note{margin:4px 0 0;font-size:1.3rem;line-height:1.5}
.sr-account-page .sr-onb-step{margin-bottom:8px}
.sr-account-page .sr-onb-steps{margin-bottom:16px}
.sr-account-page .gh-footer-signup{display:none}
.sr-account-page .gh-footer{padding-top:16px;padding-bottom:16px}
@media (min-width:768px){
  .sr-account-page #gh-navigation{padding-top:24px;padding-bottom:16px}
}
@media (max-width:767px){
  .sr-account-page #gh-navigation{padding-top:16px;padding-bottom:12px}
  .sr-account-page .gh-article-title{font-size:2.6rem}
  .sr-account-page .sr-page{padding-top:8px}
  .sr-account-page .gh-article .gh-article-header{margin-bottom:14px}
}

/* Artikelbild kleiner */
.post-template .gh-article-image { max-width: 760px; margin-left: auto; margin-right: auto; grid-column: 1 / -1; }
.post-template .gh-article-image img { width: 100%; height: auto; }

/* CMS */
.sr-cms { display: flex; flex-direction: column; gap: 20px; width: 100%; max-width: 760px; margin: 0 auto; }
.sr-cms-who { font-size: 1.4rem; color: var(--color-secondary-text, #666); text-align: center; }
.sr-cms-link { background: none; border: 0; padding: 0; color: inherit; text-decoration: underline; cursor: pointer; font: inherit; font-size: 1.4rem; }
.sr-cms-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; }
.sr-cms-list li { display: flex; align-items: center; gap: 14px; padding: 10px 0; border-bottom: 1px solid #e5e5e5; }
.sr-cms-list li > span { flex: 1; display: flex; flex-direction: column; }
.sr-cms-list small { color: #777; font-size: 1.3rem; }
.sr-cms-list img { width: 64px; height: 42px; object-fit: cover; }
.sr-cms-empty { color: #777; }
.sr-cms-error { color: #c0392b; }
.sr-cms-inline { display: flex; gap: 10px; }
.sr-cms-inline input { flex: 1; }
.sr-cms-form { max-width: 760px; width: 100%; }
.sr-cms-form select { width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 0; font: inherit; background: #fff; }
.sr-cms-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
@media (max-width: 640px) { .sr-cms-row { grid-template-columns: 1fr; } }
.sr-cms-check { display: flex; align-items: center; gap: 8px; }
.sr-cms-image { border: 0; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 12px; }
.sr-cms-image-current { display: flex; align-items: center; gap: 16px; }
.sr-cms-image-current img { width: 180px; aspect-ratio: 3 / 2; object-fit: cover; }
.sr-cms-upload { cursor: pointer; }
.sr-cms-tpl p { font-size: 1.3rem; margin: 0 0 6px; color: #555; }
.sr-cms-tpl-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 6px; }
.sr-cms-tpl-grid button { padding: 0; border: 2px solid transparent; background: none; cursor: pointer; }
.sr-cms-tpl-grid button.is-on { border-color: #ff5a1f; }
.sr-cms-tpl-grid img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; display: block; }
.sr-rte { border: 1px solid #ccc; }
.sr-rte-bar { display: flex; flex-wrap: wrap; border-bottom: 1px solid #ccc; }
.sr-rte-bar button { background: none; border: 0; border-right: 1px solid #eee; padding: 8px 12px; cursor: pointer; font: inherit; font-size: 1.4rem; }
.sr-rte-bar button:hover { background: #f2f2f2; }
.sr-rte-bar .is-b { font-weight: 700; } .sr-rte-bar .is-i { font-style: italic; } .sr-rte-bar .is-u { text-decoration: underline; }
.sr-rte-area { min-height: 260px; padding: 14px; outline: none; text-align: left; }
.sr-visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }

/* Autoren */
.sr-cms-avatar { width: 42px; height: 42px; border-radius: 50%; object-fit: cover; background: #eee; flex: none; }
.sr-cms-avatar-lg { width: 96px; height: 96px; border-radius: 50%; object-fit: cover; background: #eee; display: block; flex: none; }
.sr-author-head { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 10px; padding: 48px 0 40px; max-width: 640px; margin: 0 auto; }
.sr-author-img { width: 140px; height: 140px; border-radius: 50%; object-fit: cover; }
.sr-author-kicker { color: #ff5a1f; text-transform: uppercase; letter-spacing: .08em; font-size: 1.2rem; font-weight: 600; margin: 8px 0 0; }
.sr-author-head h1 { margin: 0; font-size: clamp(3rem, 2vw + 2rem, 4.4rem); }
.sr-author-bio { color: #444; white-space: pre-line; }
.gh-article-author-name a { color: inherit; text-decoration: none; border-bottom: 1px solid currentColor; }
.gh-article-author-name a:hover { color: #ff5a1f; }

/* Artikelkopf öffentlich */
.sr-plus-top { margin: 0 0 10px; display: flex; }
.post-template .gh-article-header .gh-article-tag { display: block; margin-bottom: 8px; letter-spacing: .12em; }
.sr-pub-meta { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 28px; }
.sr-pub-author { display: flex; align-items: center; gap: 12px; min-width: 0; }
.sr-pub-author-img { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; flex: none; }
.sr-pub-meta .gh-article-author-name { margin: 0 0 6px; }
.sr-pub-meta .gh-article-author-name a { border-bottom: 0; }
.sr-pub-meta .gh-article-meta-content { margin: 0; }

/* Autorenprofil */
.sr-author-img { width: 160px; height: 160px; margin-top: 10px; }
.sr-author-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px 28px; }
.sr-author-grid .gh-card-link { display: flex; flex-direction: column; gap: 14px; }
.sr-author-grid .gh-card-image { width: 100%; aspect-ratio: 3 / 2; margin: 0; }
.sr-author-grid .gh-card-image img { width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 900px) { .sr-author-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .sr-author-grid { grid-template-columns: 1fr; } }
.author-template .gh-container-inner { display: block; }
.author-template .gh-main { width: 100%; max-width: none; }
.sr-author-head { width: 100%; }
.sr-author-grid .gh-card-title { font-size: 2rem; }
.sr-author-grid .gh-card-title .sr-plus { width: 18px; height: 18px; }
.author-template .sr-author-grid .gh-card .gh-card-title { font-size: 2.1rem; line-height: 1.25; }

/* Artikelkopf: Dachzeile, Meta-Trenner, Bildunterschrift, Teilen */
.post-template .gh-article-header { margin-top: clamp(36px, 2.5vw + 22px, 64px); margin-bottom: clamp(44px, 2vw + 30px, 64px); }
.post-template .gh-article-title { max-width: 640px; }
.post-template .gh-article-excerpt { max-width: 620px; line-height: 1.55; margin-top: 16px; }
.post-template .sr-pub-meta { margin-top: 34px; }
.post-template .gh-article-meta-content { display: flex; align-items: center; flex-wrap: wrap; }
.post-template .gh-article-meta-length { display: inline-flex; align-items: center; }
.post-template .gh-article-meta-length .bull { display: inline-block; margin: 0 .5em; }
.post-template .gh-article-image figcaption { margin-top: 10px; font-size: 1.4rem; line-height: 1.45; color: var(--color-secondary-text); text-align: center; }

/* Gemeinsame Magazin-Typografie: öffentliche und persönliche Artikel. */
.post-template .gh-article {
  --content-width: 680px;
  --content-font-size: 21px;
  --sr-article-font: var(--font-serif-alt);
}
.post-template .gh-article-header { margin-top: 48px; margin-bottom: 40px; }
.post-template .gh-article-header .gh-article-tag { font-size: 13px; line-height: 1.5; font-weight: 600; letter-spacing: 0; margin-bottom: 14px; }
.post-template .gh-article-title { max-width: 680px; font-size: 48px; line-height: 1.12; letter-spacing: 0; text-wrap: balance; }
.post-template .gh-article-excerpt { max-width: 680px; margin-top: 22px; font-family: var(--sr-article-font); font-size: 22px; line-height: 1.55; letter-spacing: 0; }
.post-template :is(.sr-pub-meta, .gh-meta-share) { margin-top: 28px; }
.post-template .gh-article-author-name { font-size: 16px; letter-spacing: 0; margin-bottom: 6px; }
.post-template .gh-article-meta-content { font-size: 15px; line-height: 1.6; letter-spacing: 0; gap: 0; }
.post-template .gh-article-image { margin-top: 32px; }
.post-template .gh-article-image figcaption { margin-top: 12px; font-size: 13px; line-height: 1.6; color: var(--color-secondary-text); text-align: center; letter-spacing: 0; }
.post-template .gh-article > .gh-content { font-size: var(--content-font-size); line-height: 1.7; letter-spacing: 0; padding-bottom: 56px; }
.post-template .sr-article-body { min-width: 0; font-family: var(--sr-article-font); overflow-wrap: break-word; }
.post-template .sr-article-body > * { margin: 0; }
.post-template .sr-article-body > * + * { margin-top: 1.4em; }
.post-template .sr-article-body :is(h2, h3) { font-family: var(--gh-font-heading, var(--font-sans)); font-weight: 650; line-height: 1.3; letter-spacing: 0; text-wrap: pretty; }
.post-template .sr-article-body > h2 { font-size: 31px; margin-top: 48px; margin-bottom: 18px; }
.post-template .sr-article-body > h3 { font-size: 24px; margin-top: 34px; margin-bottom: 14px; }
.post-template .sr-article-body > :is(h2, h3) + * { margin-top: 0; }
.post-template .sr-article-body > :first-child { margin-top: 0; }
.post-template .sr-article-body strong { font-weight: 700; }
.post-template .sr-article-body em { font-style: italic; }
.post-template .sr-article-body u { text-decoration: underline; text-underline-offset: .15em; text-decoration-thickness: 1px; }
.post-template .sr-article-body a { color: var(--ghost-accent-color); text-decoration: none; overflow-wrap: anywhere; }
.post-template .sr-article-body a:is(:hover, :focus-visible) { text-decoration: underline; text-underline-offset: .18em; text-decoration-thickness: 1px; opacity: 1; }
.post-template .sr-article-body ul { list-style: disc outside; padding-left: 1.4em; }
.post-template .sr-article-body li { padding-left: .2em; }
.post-template .sr-article-body li + li { margin-top: .65em; }
.post-template .sr-article-body li > ul { margin-top: .65em; list-style-type: circle; }
.post-template .sr-article-body li p + p { margin-top: .7em; }
.post-template .sr-article-body hr { height: 1px; width: 100%; background: var(--color-border); border: 0; margin: 40px 0; }
.post-template .sr-article-body > .sr-article-sources-rule { margin: 32px 0; }
.post-template .sr-article-body > .sr-article-ai-note { color: var(--color-secondary-text); font-size: 16px; line-height: 1.6; margin-top: 1.2em; }
.post-template .sr-article-body > .sr-article-sources { margin-top: 0; background: color-mix(in srgb, var(--color-secondary-text) 9%, transparent); border-radius: 16px; padding: 18px 24px 20px; }
.post-template .sr-article-sources .sr-article-sources-heading { color: var(--color-secondary-text); font-size: 14px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.post-template .sr-article-sources .sr-article-sources-heading ~ * { color: var(--color-secondary-text); font-size: 16px; line-height: 1.65; margin-top: 10px; }
.post-template .sr-article-sources .sr-article-sources-heading ~ ul { padding-left: 1.1em; }
.post-template .sr-article-sources .sr-article-sources-heading ~ ul li + li { margin-top: .45em; }
.post-template .sr-article-sources .sr-article-sources-heading ~ a { color: var(--color-secondary-text); text-decoration: underline; text-underline-offset: .15em; text-decoration-thickness: 1px; }
@media (max-width: 767px) {
  .post-template .gh-article { --content-font-size: 20px; --container-gap: 22px; }
  .post-template .gh-article-header { margin-top: 32px; margin-bottom: 32px; }
  .post-template .gh-article-title { font-size: 34px; line-height: 1.16; }
  .post-template .gh-article-excerpt { font-size: 20px; margin-top: 18px; }
  .post-template .gh-article-image { margin-top: 28px; }
  .post-template .sr-article-body > h2 { font-size: 28px; margin-top: 38px; }
  .post-template .sr-article-body > h3 { font-size: 23px; margin-top: 30px; }
  .post-template .sr-article-body > .sr-article-ai-note { margin-top: 1em; }
  .post-template .sr-article-body > .sr-article-sources { padding: 15px 18px 17px; border-radius: 14px; }
}

/* Paywall-Vorschau: erste ~5 Zeilen lesbar, dann weicher Übergang ins Unsichtbare */
.sr-teaser-fade { max-height: 9em; overflow: hidden; -webkit-mask-image: linear-gradient(to bottom, #000 50%, transparent 100%); mask-image: linear-gradient(to bottom, #000 50%, transparent 100%); }
.sr-pub-meta .sr-art-share { width: 34px; height: 34px; min-width: 34px; }
.sr-pub-meta .sr-art-share svg { width: 16px; height: 16px; }

/* CMS – Listen & Editor (überarbeitet) */
.sr-cms-new { align-self: flex-start; width: auto; }
.sr-cms-list li { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 14px; }
.sr-cms-list .sr-cms-text { min-width: 0; text-align: left; }
.sr-cms-list .sr-cms-text strong { overflow-wrap: anywhere; line-height: 1.3; }
.sr-cms-list .sr-cms-text small { overflow-wrap: anywhere; }
.sr-cms-actions { display: flex; gap: 14px; white-space: nowrap; }
.sr-cms-list img.sr-cms-avatar, .sr-cms-list span.sr-cms-avatar { width: 42px; height: 42px; border-radius: 50%; object-fit: cover; }
@media (max-width: 640px) {
  .sr-cms-list li { grid-template-columns: auto minmax(0, 1fr); row-gap: 8px; }
  .sr-cms-actions { grid-column: 2; }
}
.sr-cms-edit { display: flex; flex-direction: column; gap: 18px; width: 100%; text-align: left; }
.sr-cms-edit-head { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; }
.sr-cms-edit-head strong { font-size: 1.6rem; }
.sr-cms-card { border: 1px solid #e5e5e5; padding: 18px; display: flex; flex-direction: column; gap: 6px; }
.sr-cms-card h3 { margin: 0 0 6px; font-size: 1.2rem; text-transform: uppercase; letter-spacing: .08em; color: #ff5a1f; }
.sr-cms-card label { font-size: 1.3rem; font-weight: 600; margin-top: 8px; }
.sr-cms-card input[type=text], .sr-cms-card input[type=date], .sr-cms-card textarea, .sr-cms-card select { width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 0; font: inherit; background: #fff; box-sizing: border-box; }
.sr-cms-card .sr-cms-check { font-weight: 400; margin-top: 12px; }
.sr-cms-card .sr-cms-row { grid-template-columns: 1fr 1fr; }
@media (max-width: 640px) { .sr-cms-card .sr-cms-row { grid-template-columns: 1fr; } .sr-cms-card { padding: 14px; } }
.sr-cms-slug { display: flex; align-items: stretch; }
.sr-cms-slug > span { display: flex; align-items: center; padding: 0 8px; border: 1px solid #ccc; border-right: 0; color: #777; background: #f6f6f6; }
.sr-cms-slug input { flex: 1; min-width: 0; }
.sr-cms-icon { flex: none; width: 44px; border: 1px solid #ccc; border-left: 0; background: #fff; cursor: pointer; display: grid; place-items: center; border-radius: 0; color: inherit; }
.sr-cms-icon:hover { color: #ff5a1f; }
.sr-cms-card .sr-cms-image-current { flex-wrap: wrap; }
.sr-cms-card .sr-cms-image-current img { width: 160px; max-width: 100%; }
.sr-cms-card .sr-cms-upload { width: auto; margin: 0; font-weight: 600; }
.sr-cms-tpls { margin-top: 10px; }
.sr-cms-tpls summary { cursor: pointer; font-size: 1.4rem; font-weight: 600; padding: 6px 0; }
.sr-cms-tpls .sr-cms-tpl { margin-top: 10px; }
@media (max-width: 640px) { .sr-cms-tpl-grid { grid-template-columns: repeat(4, 1fr); } }
.sr-cms-bar { position: sticky; bottom: 0; background: #fff; border-top: 1px solid #e5e5e5; padding: 12px 0; display: flex; justify-content: flex-end; gap: 10px; }
.sr-cms-bar .gh-button { width: auto; min-width: 0; padding-left: 22px; padding-right: 22px; }
.sr-cms-list li > .sr-cms-actions { flex-direction: row; align-items: center; justify-content: flex-start; flex-wrap: wrap; }
.sr-cms-list li > .sr-cms-actions > * { width: auto; margin: 0; }
.sr-cms-bar .sr-onb-back { background: #fff; color: #15171a; border: 1px solid #15171a; }
/* Swoosh beim Einschalten, Strahlen über den Artikeln, Auth-Alternativen */
#gh-navigation{position:relative;z-index:30;overflow:visible}
#gh-navigation .gh-navigation-inner,#gh-navigation .gh-navigation-brand,.sr-masthead,.sr-mag-sub{overflow:visible}
.sr-burst{z-index:31}
.sr-burst i{width:40px}
@keyframes sr-ray{0%{transform:translateX(30px) scaleX(.2);opacity:0}20%{opacity:1}100%{transform:translateX(190px) scaleX(1.4);opacity:0}}
.sr-auth .sr-auth-alt{font-size:1.7rem;margin-top:18px}
/* Onboarding als Chat mit dem Chefredakteur */
.sr-chat{display:flex;flex-direction:column;gap:18px;margin:0 0 22px;text-align:left}
.sr-chat-turn{display:flex;flex-direction:column;gap:10px;animation:sr-chat-in .35s ease both}
.sr-chat-msg{display:flex;gap:12px;align-items:flex-start}
.sr-chat-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}
.sr-chat-bubbles{display:flex;flex-direction:column;gap:6px;max-width:88%}
.sr-chat-name{margin:0;font-size:1.2rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ghost-accent-color)}
.sr-chat-bubble{margin:0;padding:10px 16px;background:var(--color-lighter-gray,#ececec);font-size:1.5rem;line-height:1.5;color:var(--color-darker-gray,#15171a);border-radius:4px 18px 18px 18px}
.sr-chat-bubble.is-me{align-self:flex-end;max-width:80%;background:var(--ghost-accent-color);color:#fff}
.sr-chat-typing{display:inline-flex;gap:5px;align-items:center;align-self:flex-start;min-height:44px}
.sr-chat-typing span{width:7px;height:7px;border-radius:50%;background:var(--color-mid-gray,#9a9a9a);animation:sr-typing-dot 1s ease-in-out infinite}
.sr-chat-typing span:nth-child(2){animation-delay:.15s}
.sr-chat-typing span:nth-child(3){animation-delay:.3s}
@keyframes sr-typing-dot{0%,60%,100%{transform:none;opacity:.45}30%{transform:translateY(-4px);opacity:1}}
.sr-onboarding .sr-onb-step{margin-top:0}
@keyframes sr-chat-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.sr-chat-turn{animation:none}}
/* Chat-Onboarding: Antworten als Sprechblasen, Blase öffnet aus den Tipp-Punkten */
.sr-chat > .sr-chat-bubble.is-me{animation:sr-me-in .4s cubic-bezier(.2,.9,.3,1.2) both;transform-origin:100% 100%}
.sr-chat-open{transform-origin:0 0;animation:sr-bubble-open .5s cubic-bezier(.2,.8,.2,1) both}
.sr-chat-input{margin-top:6px}
.sr-chat-composer{display:flex;gap:10px;align-items:stretch}
.sr-chat-composer input,.sr-chat-composer textarea{flex:1;min-width:0;margin:0}
.sr-chat-composer .gh-button{flex-shrink:0;align-self:flex-end}
@keyframes sr-bubble-open{
  0%{clip-path:inset(0 calc(100% - 64px) calc(100% - 44px) 0);color:transparent}
  60%{color:transparent}
  100%{clip-path:inset(0 0 0 0);color:inherit}
}
@keyframes sr-me-in{from{opacity:0;transform:scale(.6) translateY(10px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.sr-chat-open,.sr-chat > .sr-chat-bubble.is-me{animation:none}}
/* Chat-Onboarding v2: dunkle Antwortblasen, Eingabe wie ein Chat-Composer */
.sr-visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sr-chat > .sr-chat-bubble.is-me{background:var(--color-darker-gray,#15171a);color:#fff;border-radius:18px 18px 4px 18px;padding:10px 16px}
.sr-chat-composer{flex-direction:column;gap:6px;padding:10px 10px 8px 16px;border:1px solid var(--color-light-gray,#e3e3e3);border-radius:22px;background:var(--color-white,#fff);box-shadow:0 6px 24px rgb(0 0 0 / .06);transition:border-color .2s,box-shadow .2s}
.sr-chat-composer:focus-within{border-color:var(--color-darker-gray,#15171a);box-shadow:0 8px 28px rgb(0 0 0 / .1)}
.sr-chat-composer input,.sr-chat-composer textarea{border:0!important;outline:0!important;box-shadow:none!important;padding:6px 0!important;background:transparent!important;font-size:1.6rem;resize:none}
.sr-chat-tools{display:flex;justify-content:flex-end;align-items:center;gap:8px}
.sr-chat-send,.sr-chat-mic,.sr-chat-reset{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:0;padding:0;cursor:pointer;flex-shrink:0;transition:transform .15s,opacity .15s,background .15s}
.sr-chat-reset{background:transparent;color:var(--color-mid-gray,#7a7a7a)}
.sr-chat-reset:hover:not(:disabled){background:var(--color-lighter-gray,#f3f3f3);color:var(--color-darker-gray,#15171a)}
.sr-chat-reset:disabled{opacity:.3;cursor:not-allowed}
.sr-chat-reset svg{width:18px;height:18px;stroke-width:2.4}
.sr-chat-send{background:var(--ghost-accent-color);color:#fff}
.sr-chat-send:hover:not(:disabled){transform:scale(1.07)}
.sr-chat-send:disabled{opacity:.35;cursor:not-allowed}
.sr-chat-send svg,.sr-chat-mic svg{width:18px;height:18px;stroke-width:2.4}
.sr-chat-mic{background:transparent;color:var(--color-mid-gray,#7a7a7a)}
.sr-chat-mic:hover:not(:disabled){background:var(--color-lighter-gray,#f3f3f3);color:var(--color-darker-gray,#15171a)}
.sr-chat-mic:disabled{opacity:.3;cursor:not-allowed}
.sr-chat-mic.is-on{background:var(--ghost-accent-color);color:#fff;animation:sr-mic-pulse 1.2s ease-in-out infinite}
@keyframes sr-mic-pulse{0%,100%{box-shadow:0 0 0 0 rgb(255 90 54 / .45)}50%{box-shadow:0 0 0 8px rgb(255 90 54 / 0)}}
.sr-chat-input .sr-onb-actions{justify-content:flex-end}
.sr-onb-sub .sr-mag-sub-text{animation:sr-pop .6s cubic-bezier(.3,1.8,.5,1) calc(0s - var(--sr-skip, 0s)) both}
@media (max-width:767px){.sr-masthead:has(.sr-onb-sub){gap:4px}.sr-mag-sub.sr-onb-sub{display:inline-block;align-self:center;margin:6px 0 -1.25em;position:relative}}
@media (prefers-reduced-motion:reduce){.sr-onb-sub .sr-mag-sub-text,.sr-chat-mic.is-on{animation:none}}
.sr-ai-onboarding { --sr-chat-user: var(--color-darker-gray); --sr-chat-user-text: var(--color-white); }
.sr-ai-conversation { overflow: visible; height: auto; }
.sr-ai-conversation > div { overflow: visible !important; }
.sr-ai-conversation .sr-chat { padding: 0; }
.sr-ai-editor { flex-direction: row; max-width: 100%; }
.sr-ai-user { max-width: 85%; align-items: flex-end; }
.sr-ai-user .sr-chat-bubbles { max-width: 100%; }
.sr-ai-user .sr-chat-bubble.is-me { max-width: 100%; background: var(--sr-chat-user); color: var(--sr-chat-user-text); border-radius: 18px 18px 4px 18px; }
.sr-ai-user .sr-chat-bubble.is-me [data-streamdown], .sr-ai-user .sr-chat-bubble.is-me a { color: inherit; }
.sr-ai-editor .sr-chat-bubble { font-size: 1.5rem; line-height: 1.5; }
.sr-ai-label { color: var(--color-mid-gray); font-size: 1.1rem; font-weight: 400; }
.sr-ai-composer [data-slot="input-group"] { height: auto; border-radius: 22px; background: var(--color-white); border-color: var(--color-light-gray); }
.sr-ai-composer textarea { min-height: 70px; font-size: 1.6rem; padding: 16px 16px 8px; }
.sr-ai-composer .sr-chat-tools { justify-content: flex-end; padding: 8px 12px 12px; }
.sr-ai-composer .sr-chat-send { width: 36px; height: 36px; padding: 0; background: var(--ghost-accent-color); color: var(--color-white); border-radius: 50%; }
.sr-ai-tool { margin: 8px 0 0; font-size: 1.2rem; border-color: var(--color-light-gray); }
.sr-ai-tool button { font-size: 1.2rem; }
.sr-ai-reasoning { color: var(--color-mid-gray); font-size: 1.2rem; margin: 8px 0; }
.sr-ai-preferences { margin: 16px 0; font-size: inherit; text-align: left; }
.sr-ai-preferences > div { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 14px; margin-bottom: 8px; }
.sr-ai-prose { line-height: 1.65; overflow-wrap: anywhere; }
.sr-ai-prose p { margin: 0 0 12px; }
.sr-ai-choices .sr-onboarding-action { margin-top: 14px; }
.sr-onboarding-action { display: inline-flex; align-items: center; justify-content: center; gap: 6px; width: auto; max-width: 100%; height: auto; min-height: 32px; padding: 8px 14px; border-radius: 999px; background: var(--ghost-accent-color); color: var(--color-white); font-size: 1.3rem; font-weight: 700; white-space: normal; }
.sr-onboarding-action:hover:not(:disabled) { background: var(--ghost-accent-color); color: var(--color-white); filter: brightness(.92); }
.sr-onboarding-action svg { width: 16px; height: 16px; flex-shrink: 0; }
.sr-ai-preferences dt { color: var(--color-mid-gray); }
.sr-ai-preferences dd { margin: 0; overflow-wrap: anywhere; }
.sr-ai-summary { margin: 20px 0; }
.sr-ai-summary .gh-button, .sr-ai-account .gh-button { background: var(--ghost-accent-color); color: var(--color-white); }
.sr-ai-account { margin: 0; width: 100%; max-width: 100%; text-align: left; background: var(--color-lighter-gray); color: var(--color-darker-gray); }
.sr-ai-error { color: var(--ghost-accent-color); margin: 16px 0; }
.sr-ai-onboarding .sr-mm-style { white-space: normal; height: auto; padding: 12px; }
.sr-ai-onboarding .sr-mm-daytime button { height: auto; }
.sr-ai-choices { align-self: flex-end; width: calc(100% - 52px); min-width: 0; border: 1px solid var(--color-light-gray); border-radius: 18px 18px 4px 18px; padding: 16px; background: var(--color-white); }
.sr-ai-choices:empty { display: none; }
.sr-ai-choices .sr-mm-formats { margin: 0; text-align: left; }
.sr-ai-choices .sr-mm-format-grid, .sr-ai-choices .sr-mm-style-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.sr-ai-choices .sr-mm-format { border-radius: 8px; padding: 12px 12px 12px 36px; min-width: 0; }
.sr-ai-choices .sr-mm-format::before { left: 12px; top: 14px; }
.sr-ai-choices .sr-mm-format strong { overflow-wrap: anywhere; }
.sr-ai-choices .sr-mm-format:focus-within { outline: 2px solid var(--ghost-accent-color); outline-offset: 2px; }
.sr-ai-choices .sr-mm-style { border-radius: 8px; min-width: 0; }
.sr-ai-choices .sr-chat-send { display: flex; margin: 12px 0 0 auto; background: var(--ghost-accent-color); color: var(--color-white); }
.sr-ai-purpose { display: flex; flex-wrap: wrap; gap: 8px; }
.sr-ai-purpose button { height: auto; white-space: normal; font-size: 1.4rem; padding: 10px 14px; border-radius: 8px; }
.sr-ai-custom-format { display: flex; align-items: center; gap: 8px; margin-top: 12px; }
.sr-ai-custom-format input { width: 100%; min-width: 0; padding: 10px 12px; border: 1px solid var(--color-light-gray); border-radius: 8px; font: inherit; background: var(--color-white); color: var(--color-darker-gray); }
.sr-ai-custom-format button { flex-shrink: 0; width: 36px; height: 36px; padding: 0; }
.sr-ai-choices .sr-mm-daytimes { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 6px; width: 100%; }
.sr-ai-choices .sr-mm-daytime { min-width: 0; border-radius: 8px; overflow: hidden; }
.sr-ai-choices .sr-mm-daytime input { min-width: 0; width: 100%; font-size: 1.2rem; padding: 8px 2px; }
.sr-ai-choices .sr-auth-note, .sr-ai-choices .sr-mm-hint { font-size: 1.3rem; text-align: left; margin: 0 0 12px; }
.sr-ai-summary { margin-left: 52px; border-radius: 4px 18px 18px 18px; }
.sr-ai-account { padding: 20px; border: 1px solid var(--color-light-gray); border-radius: 18px 18px 4px 18px; }
.sr-ai-account button:not(.sr-onboarding-action) { color: var(--color-darker-gray); background: transparent; height: auto; min-height: 36px; font-size: 1.3rem; white-space: normal; }
.sr-ai-account [data-streamdown], .sr-ai-account .sr-auth-note { color: var(--color-darker-gray); font-size: 1.5rem; line-height: 1.5; }
.sr-confirmation-message { display: flex; flex-direction: column; gap: 0; }
.sr-confirmation-message p { margin: 0; }
.sr-confirmation-lead { line-height: 1.5; }
.sr-confirmation-email { margin-top: 2px !important; font-weight: 700; word-break: break-all; }
.sr-confirmation-code { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 14px; }
.sr-confirmation-code input { width: 200px; max-width: 100%; height: 46px; padding: 8px 12px; border: 1px solid var(--color-light-gray); border-radius: 999px; background: var(--color-white); color: var(--color-darker-gray); font: inherit; font-size: 2rem; font-weight: 700; letter-spacing: 0; text-align: center; }
.sr-confirmation-code input:focus { outline: none; border-color: var(--ghost-accent-color); }
.sr-confirmation-code .sr-onboarding-action { min-height: 46px; padding: 8px 18px; }
.sr-confirmation-hint { margin-top: 10px !important; font-size: 1.3rem; opacity: .7; }
.sr-confirmation-links { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 14px; margin-top: 12px; padding-top: 10px; border-top: 1px solid var(--color-light-gray); font-size: 1.3rem; opacity: .85; }
.sr-confirmation-links span { flex-basis: 100%; }
.sr-confirmation-message .sr-confirmation-links button { height: auto; min-height: 28px; padding: 2px 0; background: transparent; color: inherit; font-size: 1.3rem; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.sr-confirmation-message .sr-confirmation-links button:disabled { text-decoration: none; opacity: .55; }
.sr-confirmation-message .sr-auth-note { margin: 0; text-align: left; font-size: inherit; line-height: inherit; }
@media (max-width: 640px) {
  .sr-ai-choices { width: 100%; padding: 12px; }
  .sr-ai-choices .sr-mm-format-grid { grid-template-columns: minmax(0, 1fr); }
  .sr-ai-choices .sr-mm-daytimes { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .sr-ai-choices .sr-mm-daytime input { font-size: 1.3rem; }
  .sr-ai-summary { margin-left: 0; }
}
@media (max-width: 640px) { .sr-ai-preferences > div { grid-template-columns: 80px minmax(0, 1fr); gap: 8px; } .sr-ai-editor .sr-chat-bubbles { max-width: calc(100% - 52px); } }
/* Onboarding: Auswahl direkt in Jonathans Sprechblase */
.sr-chat-name, .sr-ai-label { color: var(--color-darker-gray); }
.sr-ai-label { font-weight: 500; }
.sr-ai-choices { align-self: stretch; width: auto; margin: 0; padding: 14px; border: 0; background: var(--color-lighter-gray, #ececec); border-radius: 4px 18px 18px 18px; color: var(--color-darker-gray); font-size: 1.5rem; line-height: 1.5; }
.sr-ai-hint { display: block; margin-top: 10px; font-size: 1.3rem; color: var(--color-darker-gray); opacity: .75; }
.sr-ai-purpose { align-items: center; }
.sr-ai-chip { background: var(--color-white); border-color: var(--color-light-gray); border-radius: 999px !important; }
.sr-ai-confirm { background: var(--color-darker-gray, #111); color: var(--color-white); border-color: var(--color-darker-gray, #111); }
.sr-ai-confirm:disabled { opacity: .5; cursor: not-allowed; }
.sr-ai-presets { margin-bottom: 10px; }
.sr-ai-styles, .sr-ai-days { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.sr-ai-styles button { display: flex; align-items: center; gap: 14px; width: 100%; height: auto; padding: 8px; border: 1.5px solid transparent; border-radius: 12px; background: var(--color-white); cursor: pointer; text-align: left; font: inherit; color: var(--color-darker-gray); transition: border-color .15s, transform .15s; }
.sr-ai-styles button:hover, .sr-ai-styles button:focus-visible { border-color: var(--ghost-accent-color); }
.sr-ai-style-imgs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; width: 100%; }
.sr-ai-style-imgs img { width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; border-radius: 6px; display: block; }
.sr-ai-styles strong { font-size: 1.45rem; line-height: 1.3; }
.sr-ai-styles .sr-ai-style-mix { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.sr-ai-styles li:last-child button { flex-direction: column; align-items: flex-start; }
.sr-ai-presets button[aria-pressed="true"] { border-color: var(--ghost-accent-color); color: var(--ghost-accent-color); }
.sr-ai-days li { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 4px 10px; padding: 6px 8px 6px 6px; border-radius: 10px; background: var(--color-white); }
.sr-ai-days li.is-off { opacity: .45; }
.sr-ai-days button { display: flex; align-items: center; gap: 10px; border: 0; background: none; padding: 4px; font: inherit; font-size: 1.45rem; color: var(--color-darker-gray); cursor: pointer; }
.sr-ai-days button:disabled { cursor: not-allowed; }
.sr-ai-check { display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; border: 1.5px solid var(--color-light-gray); border-radius: 6px; }
.sr-ai-check svg { width: 14px; height: 14px; stroke-width: 3; }
.sr-ai-days li.is-on .sr-ai-check { background: var(--ghost-accent-color); border-color: var(--ghost-accent-color); color: var(--color-white); }
.sr-ai-days input[type="time"] { width: 124px; padding: 6px 8px; border: 1px solid var(--color-light-gray); border-radius: 8px; font: inherit; font-size: 1.4rem; background: var(--color-white); color: var(--color-darker-gray); }
.sr-ai-day-off { font-size: 1.3rem; color: var(--color-darker-gray); opacity: .6; padding-right: 8px; }
.sr-ai-days li.is-bad input[type="time"] { border-color: var(--ghost-accent-color); }
.sr-ai-days small { flex-basis: 100%; padding-left: 34px; color: var(--ghost-accent-color); font-size: 1.25rem; }
.sr-ai-choices > div > .sr-ai-purpose { margin-top: 10px; }
.sr-ai-choices .sr-ai-preferences { margin-top: 0; }
.sr-ai-account input, .sr-ai-account input:focus { background: var(--color-white) !important; color: var(--color-darker-gray) !important; -webkit-text-fill-color: var(--color-darker-gray); }
.sr-ai-account input:-webkit-autofill { box-shadow: 0 0 0 40px var(--color-white) inset !important; -webkit-text-fill-color: var(--color-darker-gray); }
@media (max-width: 640px) { .sr-ai-choices { padding: 10px; } }
.sr-ai-choices ul.sr-ai-styles, .sr-ai-choices ul.sr-ai-days { padding-left: 0 !important; margin: 0 !important; } .sr-ai-choices ul li { margin: 0 !important; }
.sr-cms-image-generator { margin: 18px 0; }
.sr-cms-image-generator .gh-button { margin-top: 10px; display: inline-flex; align-items: center; gap: 8px; }
.sr-cms-image-generator .gh-button svg { width: 18px; height: 18px; }
.sr-cms-generated { display: block; width: 100%; aspect-ratio: 3 / 2; object-fit: cover; margin-top: 14px; transition: filter .3s; }
.sr-cms-generated.is-partial { filter: blur(16px); }
.sr-topic-previews { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-bottom: 12px; }
.sr-topic-previews button { position: relative; width: 100%; height: auto; padding: 0; overflow: hidden; border: 2px solid transparent; border-radius: 6px; }
.sr-topic-previews button[aria-pressed="true"] { border-color: var(--ghost-accent-color); }
.sr-preview-check { position: absolute; top: 8px; right: 8px; display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: var(--ghost-accent-color); color: var(--color-white); }
.sr-preview-check svg { width: 16px; height: 16px; }
.sr-preview-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: stretch; gap: 10px; }
.sr-preview-actions .sr-preview-mix, .sr-preview-actions .sr-onboarding-action { width: 100%; min-width: 0; height: 52px; min-height: 52px; margin: 0; padding: 6px 10px; border: 1px solid var(--ghost-accent-color); border-radius: 999px; font-size: 1.3rem; line-height: 1.25; font-weight: 700; white-space: normal; }
.sr-preview-actions .sr-preview-mix { background: var(--color-white); color: var(--ghost-accent-color); }
.sr-preview-actions .sr-preview-mix[aria-pressed="true"] { background: var(--ghost-accent-color); color: var(--color-white); }
.sr-topic-previews button:hover { border-color: var(--ghost-accent-color); }
.sr-topic-panel { display: block; position: relative; width: 100%; aspect-ratio: 3 / 2; overflow: hidden; background: var(--color-light-gray); }
.sr-topic-panel img { position: absolute; width: 200%; max-width: none; height: 200%; object-fit: fill; }
.sr-topic-panel.panel-0 img { left: 0; top: 0; }
.sr-topic-panel.panel-1 img { right: 0; top: 0; }
.sr-topic-panel.panel-2 img { left: 0; bottom: 0; }
.sr-topic-panel.panel-3 img { right: 0; bottom: 0; }
.sr-topic-previews.is-loading img { filter: blur(16px); }
.sr-preview-mix { display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; height: 44px; border: 1px solid var(--ghost-accent-color); border-radius: 0; background: var(--ghost-accent-color); color: var(--color-white); font-size: 1.5rem; font-weight: 600; letter-spacing: 0; }
.sr-preview-mix:hover:not(:disabled) { background: var(--color-darker-gray); border-color: var(--color-darker-gray); color: var(--color-white); }
.sr-preview-mix svg { width: 18px; height: 18px; flex-shrink: 0; }
.sr-sample-article { max-width: 620px; margin: 0 auto; padding: 24px 0; color: var(--color-darker-gray); text-align: left; }
.sr-sample-kicker { color: var(--ghost-accent-color); font-size: 1.3rem; margin: 0 0 14px; }
.sr-sample-article h1 { font-size: 3.4rem; line-height: 1.15; letter-spacing: 0; overflow-wrap: anywhere; margin: 0 0 20px; }
.sr-sample-teaser { font-size: 1.9rem; line-height: 1.55; margin: 0 0 24px; }
.sr-sample-article figure { margin: 0 0 28px; }
.sr-sample-article figcaption { color: var(--color-secondary-text); font-size: 1.2rem; text-align: center; margin-top: 8px; }
.sr-sample-body { font-size: 1.7rem; line-height: 1.7; overflow-wrap: anywhere; }
.sr-sample-body p { margin: 0 0 1.7em; }
@media (max-width: 767px) { .sr-sample-article h1 { font-size: 2.6rem; } .sr-sample-teaser { font-size: 1.7rem; } }
/* Onboarding: sample article button + page-like preview */
.sr-chat-tools .sr-chat-sample{width:auto!important;height:32px;padding:0 14px;border-radius:999px!important;background:var(--ghost-accent-color)!important;color:#fff!important;font-size:1.3rem;font-weight:700;gap:6px}
.sr-chat-tools .sr-chat-sample:hover{filter:brightness(.92)}
.sr-chat-tools .sr-chat-sample svg{width:16px;height:16px}
.sr-sample-page{padding:clamp(28px, 3vw, 40px) clamp(16px, 4vw, 48px) 48px}
.sr-sample-head{display:flex;justify-content:center;padding:0 0 clamp(36px, 3vw, 48px);border-bottom:1px solid var(--color-border,#e6e6e6);margin-bottom:clamp(28px, 3vw, 40px)}
.sr-sample-head .sr-masthead{position:relative;display:inline-flex;flex-direction:column;align-items:center}
.sr-sample-head .gh-navigation-logo{font-size:clamp(3rem, 2vw + 2rem, 4.4rem);font-weight:800;letter-spacing:-.02em}
.sr-sample-head .sr-mag-sub{position:static!important;align-self:flex-end;margin:2px -.4em 0 0!important;display:inline-block!important;color:var(--ghost-accent-color)!important}
.sr-sample-page .gh-article{padding-top:0}
.sr-sample-page .gh-article-image img,.sr-sample-page .gh-article-image .sr-topic-panel{width:100%}
.sr-sample-page .gh-article-image{margin-bottom:44px}
.sr-chat-avatar { flex: none; width: 40px; height: 40px; border-radius: 50%; object-fit: cover; }
.sr-chat-picked { width: min(100%, 360px); align-self: flex-end; }
.sr-topic-previews.is-history { margin: 0; gap: 6px; }
.sr-topic-previews.is-history .sr-topic-panel { border-radius: 6px; border: 2px solid transparent; }
.sr-topic-panel.is-picked { border-color: var(--ghost-accent-color) !important; }
.sr-topic-panel.is-dimmed { opacity: .35; }
.sr-typed { margin: 0; }
.sr-typed-caret { display: inline-block; width: 2px; height: 1em; margin-left: 2px; vertical-align: -.1em; background: currentColor; animation: sr-caret 1s steps(1) infinite; }
@keyframes sr-caret { 50% { opacity: 0; } }
.sr-preview-working { display: flex; align-items: center; gap: 8px; margin: 0 0 10px; }
.sr-preview-working svg { width: 18px; height: 18px; color: var(--ghost-accent-color); animation: sr-brush 1.2s ease-in-out infinite; transform-origin: 20% 80%; }
@keyframes sr-brush { 0%, 100% { transform: rotate(-12deg) translateX(0); } 50% { transform: rotate(10deg) translateX(4px); } }
.sr-topic-previews.is-loading .sr-topic-panel::after { content: ""; position: absolute; inset: 0; background: linear-gradient(110deg, transparent 30%, color-mix(in srgb, var(--ghost-accent-color) 35%, transparent) 50%, transparent 70%); background-size: 250% 100%; animation: sr-develop 1.8s linear infinite; }
.sr-topic-previews.is-loading .panel-1::after { animation-delay: .3s; } .sr-topic-previews.is-loading .panel-2::after { animation-delay: .6s; } .sr-topic-previews.is-loading .panel-3::after { animation-delay: .9s; }
@keyframes sr-develop { from { background-position: 150% 0; } to { background-position: -100% 0; } }
.sr-chat-writing p { margin: 0 0 10px; }
.sr-writing-sheet { position: relative; width: 180px; padding: 10px 12px; background: var(--color-white, #fff); border: 1px solid var(--color-light-gray); }
.sr-writing-sheet i { display: block; height: 4px; margin: 6px 0; background: var(--color-mid-gray, #999); transform-origin: left; transform: scaleX(0); animation: sr-write 2.4s ease-in-out infinite; }
.sr-writing-sheet i:nth-child(1) { width: 70%; height: 6px; background: var(--color-darker-gray); }
.sr-writing-sheet i:nth-child(2) { animation-delay: .4s; } .sr-writing-sheet i:nth-child(3) { animation-delay: .8s; } .sr-writing-sheet i:nth-child(4) { width: 60%; animation-delay: 1.2s; }
.sr-writing-sheet svg { position: absolute; right: 8px; bottom: 6px; width: 18px; height: 18px; color: var(--ghost-accent-color); animation: sr-brush 0.8s ease-in-out infinite; }
@keyframes sr-write { 0% { transform: scaleX(0); } 40%, 100% { transform: scaleX(1); } }
@media (prefers-reduced-motion: reduce) { .sr-writing-sheet i, .sr-writing-sheet svg, .sr-preview-working svg, .sr-topic-previews.is-loading .sr-topic-panel::after { animation: none; transform: none; } }
.gh-article-image .sr-topic-panel img, .post-template .gh-article-image .sr-topic-panel img { width: 200% !important; height: 200% !important; max-width: none !important; }
/* Beispielartikel wie echte Artikelseite */
.sr-sample-page .gh-article-header,.sr-sample-page .gh-article-title,.sr-sample-page .gh-article-excerpt,.sr-sample-page .gh-article-tag{text-align:left}
.sr-sample-page .gh-article-tag{display:block;margin-bottom:8px;letter-spacing:.12em;color:var(--ghost-accent-color)}
.sr-sample-page .gh-article-title{max-width:640px}
.sr-sample-page .gh-article-excerpt{max-width:620px;line-height:1.55;margin-top:16px}
.sr-sample-head{padding-bottom:clamp(24px, 2vw, 32px)}
.sr-sample-head .sr-mag-sub{margin:-6px -.4em 0 0!important}
.sr-sample-paragraphs{position:relative}
.sr-sample-measure{position:absolute;visibility:hidden;left:0;right:0;pointer-events:none}
.sr-sample-body h2{margin:1.6em 0 .6em}
.sr-sample-disclosure{font-style:italic;color:var(--color-secondary-text)}
.sr-sample-page .gh-article-meta-content{display:flex;align-items:center;flex-wrap:wrap}
.sr-sample-page .gh-article-meta-length{display:inline-flex;align-items:center}
.sr-sample-page .gh-article-meta-length .bull{margin:0 .5em}
/* Sample article: symmetric masthead spacing, tighter bottom, separated AI note */
.sr-sample-page{padding:24px clamp(16px, 4vw, 48px) 32px}
.sr-sample-page .sr-sample-head{height:auto;min-height:0;padding:0 0 24px;margin:0 0 32px}
.sr-sample-page .sr-sample-head .sr-masthead{margin:0;padding:0}
.sr-sample-page .gh-article,.sr-sample-page .gh-content{margin-bottom:0;padding-bottom:0}
.sr-sample-page .sr-sample-body > :last-child,.sr-sample-page .sr-sample-paragraphs > :last-child{margin-bottom:0}
.sr-sample-page .sr-sample-disclosure{margin:36px 0 0;padding-top:16px;border-top:1px solid var(--color-border,#e6e6e6);font-size:1.4rem}

/* Oeffentliche Entwurfsvorschau */
.sr-mm-tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--color-secondary-text);height:44px;font:inherit;font-size:1.4rem;padding:8px 10px;white-space:normal;line-height:1.3;box-shadow:none}
.sr-mm-tabs button.is-active{color:var(--color-darker-gray);border-bottom-color:var(--color-darker-gray);font-weight:600}
.sr-mm-tabs button:hover{background:var(--editorial-surface)}
.sr-mm-tabs{align-items:center;padding-bottom:10px}
.sr-mm-tabs button.sr-clara-tab{margin:0;border:1px solid transparent;border-radius:999px;background:var(--editorial-selection);color:var(--ghost-accent-color);padding:8px 16px;gap:7px;white-space:nowrap;font-weight:600}
.sr-mm-tabs button.sr-clara-tab.is-active{border-color:var(--ghost-accent-color);background:var(--editorial-selection);color:var(--ghost-accent-color)}
.sr-mm-tabs button.sr-clara-tab:hover{background:var(--editorial-selection);border-color:var(--ghost-accent-color)}
.sr-clara-tab svg{width:17px;height:17px;flex-shrink:0}
.sr-clara-tab:hover svg{animation:sr-clara-sparkle .65s ease-in-out}
@keyframes sr-clara-sparkle{50%{transform:rotate(12deg) scale(1.12)}}
@media(prefers-reduced-motion:reduce){.sr-clara-tab:hover svg{animation:none}}
.sr-modal .sr-basics,.sr-modal .sr-basics > form{max-width:680px}
.sr-modal .sr-basics .sr-auth{gap:0;align-items:stretch;text-align:left}
.sr-modal .sr-basics label,.sr-modal .sr-basics legend,.sr-modal .sr-mm-sub{font-size:1.5rem;font-weight:600;color:var(--color-darker-gray);line-height:1.4}
.sr-modal .sr-basics label{margin:18px 0 7px;text-align:left;display:block}
.sr-modal .sr-basics input,.sr-modal .sr-basics textarea,.sr-modal .sr-basics select{text-align:left;border-radius:5px;background:var(--editorial-surface);font-size:1.5rem;padding:10px 12px;min-height:42px}
.sr-modal .sr-basics fieldset{margin-top:28px;text-align:left;min-width:0}
.sr-modal .sr-basics [role="combobox"]{width:100%;min-height:42px;height:auto;border-radius:5px;background:var(--editorial-surface);color:var(--color-darker-gray);font-size:1.5rem;padding:10px 12px;box-shadow:none;justify-content:space-between}
.sr-modal .sr-editor-message-form{margin-left:auto;margin-right:auto}
.sr-modal .sr-basics legend{margin:0 0 12px;text-align:left}
.sr-basics .sr-mm-sub{margin:28px 0 12px;text-align:left}
.sr-basics .sr-mm-hint{font-size:1.4rem;text-align:left;margin:0 0 14px}
.sr-article-schedule{display:flex;flex-direction:column;gap:6px;width:100%;margin-bottom:24px}
.sr-article-day{display:grid;grid-template-columns:46px minmax(0,1fr) 32px;gap:8px;align-items:center;padding:8px;border:1px solid var(--color-light-gray);border-radius:6px;background:var(--editorial-surface)}
.sr-article-day.is-on{background:var(--color-white)}
.sr-article-day > button:first-child{width:44px;height:40px;font-size:1.4rem;padding:0;color:var(--color-secondary-text)}
.sr-article-day.is-on > button:first-child{color:var(--ghost-accent-color);font-weight:600;background:var(--editorial-selection)}
.sr-article-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:0}
.sr-article-slot{display:flex;align-items:center;gap:2px;min-width:0}
.sr-modal .sr-article-slot input{width:100%;min-width:0;padding:7px 4px;font-size:1.4rem;min-height:38px;margin:0;text-align:center}
.sr-article-slot button,.sr-article-day > button:last-child{width:26px;height:32px;padding:4px;flex-shrink:0}
.sr-editor-ideas{border-top:1px solid var(--color-light-gray);padding-top:12px;text-align:left}
.sr-modal .sr-ideas-list{list-style:none;margin:0 0 18px;padding:0;text-align:left}
.sr-ideas-list li{border:1px solid var(--color-light-gray);border-radius:6px;padding:12px 14px;margin-bottom:8px;background:var(--editorial-surface)}
.sr-ideas-list p{font-size:1.5rem;line-height:1.5;margin:0 0 4px;white-space:pre-wrap;overflow-wrap:anywhere}
.sr-ideas-list span{font-size:1.2rem;color:var(--color-secondary-text)}
.sr-modal .sr-editor-message-form{width:100%;max-width:560px;text-align:left;align-items:stretch;gap:10px}
.sr-modal .sr-editor-message-form label{font-size:1.5rem;font-weight:600;margin:0;text-align:left}
.sr-modal .sr-editor-message-form textarea{text-align:left;border-radius:6px;background:var(--editorial-surface);font-size:1.5rem;padding:12px;line-height:1.6;min-height:100px}
.sr-editor-message-form .sr-editor-send{align-self:flex-end;border-radius:4px;min-height:42px;font-size:1.4rem}
.sr-editor-feedback{display:flex;align-items:center;gap:8px;font-size:1.3rem;color:var(--color-secondary-text);margin:0}
.sr-editor-feedback svg{width:16px;height:16px}
.sr-modal .sr-clara-panel{max-width:560px;text-align:left;margin:28px auto 0}
.sr-clara-panel .sr-chat-avatar{width:40px;height:40px;flex-shrink:0}
.sr-clara-panel .sr-chat-bubble{font-size:1.6rem;line-height:1.6}
.sr-clara-panel .sr-chat-bubble{white-space:pre-wrap;overflow-wrap:anywhere}
.sr-clara-panel .sr-chat-turn > .is-me{background:var(--color-darker-gray);color:var(--color-white);border-radius:18px 18px 4px 18px}
.sr-editor-compose{width:100%;display:flex;flex-direction:column;gap:10px}
.sr-editor-message-tools{display:flex;justify-content:flex-end}
.sr-clara-panel .sr-chat-composer{width:100%;background:var(--color-white)}
.sr-modal .sr-clara-panel .sr-chat-composer textarea{min-height:60px;background:transparent}
.sr-feature-contact .sr-mm-lead{margin-left:auto;margin-right:auto}
.sr-feature-contact .sr-editor-profile{margin-bottom:16px}
.sr-feature-contact .sr-editor-profile h2{font-size:1.9rem;font-weight:600}
@media(max-width:600px){.sr-mm-style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sr-article-day{grid-template-columns:36px minmax(0,1fr) 24px;gap:4px;padding:6px}.sr-article-day > button:first-child{width:34px}.sr-article-slots{gap:4px}.sr-article-slot button{width:18px;padding:2px}.sr-modal .sr-article-slot input{font-size:1.2rem;padding:6px 1px}.sr-mm-tabs{gap:4px!important}.sr-mm-tabs button{font-size:1.3rem;padding:8px}}
.sr-preview-note{display:inline-block;margin:0 0 1.2rem;padding:.5rem 1.2rem;font-size:1.3rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#8a5a00;background:#fff4e0;border:1px solid #f0d9a8}

/* Scrollleiste immer reservieren: Popup-Scrollsperre verschiebt die Seite sonst seitlich. */
html { scrollbar-gutter: stable; }

/* Newsletter-Zeiten untereinander wie Redaktionskalender */
.sr-nl-schedule .sr-nl-days{margin:0}
.sr-nl-days .sr-article-slots{grid-template-columns:minmax(0,1fr)}
.sr-nl-days .sr-article-day{grid-template-columns:46px minmax(0,1fr)}
.sr-nl-days .sr-article-day.is-bad input{border-color:var(--ghost-accent-color);color:var(--ghost-accent-color)}
.sr-nl-days .sr-article-day > button:disabled{opacity:.35;cursor:not-allowed}
.sr-nl-schedule{padding-bottom:24px;border-bottom:1px solid var(--color-light-gray)}
.sr-nl-schedule + form.sr-auth{margin-top:0}

/* Login: luftigere Felder */
.sr-account-page .sr-auth.sr-login-form,.sr-auth.sr-login-form{gap:22px}
.sr-auth.sr-login-form label{display:flex;flex-direction:column;gap:8px}
.sr-auth.sr-login-form > button[type="submit"]{margin-top:10px}
.sr-login-form > button[type="submit"] + button{margin-top:0}
.sr-account-page .sr-auth.sr-login-form label input{margin-top:0}
/* Redaktion: one scroll area (the modal), sticky tabs, Clara composer pinned to bottom */
.sr-modal{max-height:94vh}
.sr-modal .sr-mm-tabs{position:sticky;top:0;z-index:5;background:var(--color-white,#fff);padding-top:10px}
.sr-clara-panel>.sr-chat{margin:0 0 8px}
.sr-clara-panel>.sr-chat-input{position:sticky;bottom:0;z-index:4;background:var(--color-white,#fff);padding:12px 0 16px;margin-top:0}
.sr-modal .sr-mm:has(.sr-clara-panel){padding-bottom:0}
.sr-basics .sr-mm-style{gap:0}

/* Clara- und Postfach-Symbole in der Kopfzeile */
.sr-clara-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:40px;width:100px;padding:0 16px;margin:0;border:1px solid transparent;border-radius:999px;background:var(--editorial-selection);color:var(--ghost-accent-color);font:inherit;font-size:1.4rem;font-weight:600;white-space:nowrap;box-shadow:none;flex-shrink:0}
.sr-clara-btn:hover{background:var(--editorial-selection);border-color:var(--ghost-accent-color);color:var(--ghost-accent-color)}
.sr-clara-btn svg{width:17px;height:17px;flex-shrink:0}
.sr-clara-btn:hover svg{animation:sr-clara-sparkle .65s ease-in-out}
.sr-inbox-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--color-secondary-text)}
.sr-inbox-btn svg{width:21px;height:21px}
.sr-inbox-btn:hover{background:var(--color-light-gray);color:var(--color-darker-gray)}
.sr-inbox-badge{position:absolute;top:5px;right:4px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:hsl(0 78% 50%);color:hsl(0 0% 100%);font-size:1.05rem;font-weight:700;line-height:17px;text-align:center}
.gh-navigation-members:has(.sr-inbox-btn){display:flex;align-items:center;gap:4px}
.sr-mobile-clara,.sr-mobile-inbox{display:none}
@media (min-width:768px){
  .sr-icon-nav.is-personal.is-logged-in .sr-nav-slot .sr-toggle{left:112px}
  .sr-nav-slot{width:300px}
}
@media (max-width:767px){
  #gh-navigation.sr-icon-nav .sr-mobile-clara{display:inline-flex;position:absolute;left:-8px;top:-3px;width:40px;padding:0;gap:0}
  #gh-navigation.sr-icon-nav .sr-mobile-inbox{display:inline-flex;position:absolute;left:-10px;top:42px}
  #gh-navigation.sr-icon-nav .gh-navigation-members .sr-inbox-btn{display:none}
}
.sr-panel-main{padding-top:8px}

/* Bildstile in Claras Chat */
.sr-chat-styles{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin-top:10px;max-width:520px}
.sr-chat-styles figure{margin:0;border-radius:10px;overflow:hidden;background:var(--editorial-surface)}
.sr-chat-styles img{display:block;width:100%;aspect-ratio:1;object-fit:cover}
.sr-chat-styles figcaption{padding:6px 8px;font-size:1.2rem;line-height:1.3}
.sr-chat-styles-note{grid-column:1 / -1;margin:0;font-size:1.25rem;color:var(--color-secondary-text)}
.sr-chat-proposal{margin-top:10px;max-width:320px}
.sr-chat-proposal img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px}
.sr-chat-proposal-actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.sr-chat-proposal-state{margin:8px 0 0;font-size:1.3rem;font-weight:600;color:var(--ghost-accent-color)}

/* Close button stays reachable while the popup scrolls */
.sr-modal-close{position:sticky;top:8px;float:right;margin:8px 8px -60px auto;z-index:6;background:var(--color-white,#fff)!important;border-radius:999px!important}

/* Mobile: never allow sideways panning (dongle/login animations) */
html,body{overflow-x:clip;max-width:100%}
@media (max-width:767px){html,body{overscroll-behavior-x:none}}
.sr-art-copy span{font-size:13px;line-height:1;font-weight:700}
.sr-art-vis .sr-art-copy span{font-size:13px}
.sr-share-menu{min-width:230px}
/* Teilen/Kopieren-Menü: immer gleiche Stelle, mittig im Fenster */
.sr-share-menu{position:fixed!important;top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%);z-index:1000;max-width:calc(100vw - 32px);border-radius:12px;padding:6px;box-shadow:0 12px 40px rgb(0 0 0 / .2)}
.sr-art-copy svg{stroke-width:1.5}
@media (max-width:767px){.sr-art-copy svg{stroke-width:2.2}}