/* CDPCMS Redaktion (Auftrag 611) – Flatstyle 90°, Text #15224e, keine Rundungen.
   1.1.3: Grundlayout wie die Anmeldung – alle Rahmen 1 px #15224e, alle Texte #15224e ohne Abschwächung. */
*,*::before,*::after{box-sizing:border-box;border-radius:0!important}
:root{--ink:#15224e;--soft:#15224e;--line:#15224e;--surface:#f3f4f8;--ok:#1d7a3a;--warn:#a86400;--err:#b42318;--primary:#15224e}
body.cms{margin:0;font:15px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:var(--surface);display:flex;min-height:100vh}
a{color:var(--ink)}
h1{font-size:26px;font-weight:600;margin:0 0 18px}
h2{font-size:17px;font-weight:600;margin:0 0 10px}
.cms-side{width:230px;flex:0 0 230px;background:#f4f6f9;color:#15224e;border-right:1px solid #15224e;display:flex;flex-direction:column;padding:18px 0;position:sticky;top:0;height:100vh}
.cms-brand{display:block;padding:0 20px 18px;color:#15224e;text-decoration:none;font-size:20px;font-weight:700;letter-spacing:.5px;border-bottom:1px solid #15224e}
.cms-brand span{display:block;font-size:12px;font-weight:400}
.cms-nav{display:flex;flex-direction:column;padding:12px 0;flex:1}
.cms-nav a{color:#15224e;text-decoration:none;padding:9px 20px}
.cms-nav a:hover{background:#fff}
.cms-nav a.on{background:#15224e;color:#fff;font-weight:600}
.cms-nav__sub{padding-left:34px!important;font-size:13px}
.cms-logout{padding:0 20px}
.cms-logout button{background:none;border:1px solid #15224e;color:#15224e;padding:6px 10px;width:100%;cursor:pointer;font:inherit;font-size:13px}
.cms-main{flex:1;min-width:0;padding:28px 32px}
.cms-main--guest{display:flex;align-items:center;justify-content:center}
.cms-muted,.cms-hint{color:var(--soft)}
.cms-hint{font-size:13px;margin:4px 0 0}
.cms-note{padding:10px 14px;margin:0 0 18px;border:1px solid;background:#fff}
.cms-note--ok{border-color:var(--ok);color:var(--ok)}
.cms-note--err{border-color:var(--err);color:var(--err)}
.cms-btn{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 14px;font:600 14px/1 inherit;color:var(--ink);background:#fff;border:1px solid var(--ink);text-decoration:none;cursor:pointer}
.cms-btn:hover{background:var(--surface)}
.cms-btn--primary{background:var(--primary);color:#fff}
.cms-btn--primary:hover{background:#22337a}
.cms-btn--danger{color:var(--err);border-color:var(--err)}
.cms-btn--link{border:0;background:none;min-height:0;padding:0;font-weight:400;text-decoration:underline}
.cms-actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 28px}
input[type=text],input[type=email],input[type=password],input[type=search],input[type=datetime-local],select,textarea{width:100%;padding:8px 10px;font:inherit;color:var(--ink);background:#fff;border:1px solid var(--line)}
input:focus,select:focus,textarea:focus{outline:2px solid var(--ink);outline-offset:0}
.cms-form label,.cms-box label{display:block;margin:0 0 12px;font-weight:600;font-size:14px}
.cms-form label input,.cms-form label textarea,.cms-box label input,.cms-box label textarea{margin-top:4px;font-weight:400}
.cms-form--inline{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}
.cms-form--inline label{flex:1 1 220px;margin:0}
.cms-login{width:100%;max-width:400px;background:#fff;border:1px solid var(--line);padding:28px}
.cms-login .cms-btn{width:100%}
.cms-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}
.cms-card{display:flex;flex-direction:column;gap:2px;padding:18px;background:#fff;border:1px solid var(--line);text-decoration:none}
.cms-card strong{font-size:30px;line-height:1}
.cms-card span{font-size:13px;color:var(--soft)}
.cms-head{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:16px}
.cms-head h1{margin:0}
.cms-search{margin-left:auto;width:260px}
.cms-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line)}
.cms-table th,.cms-table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--line);vertical-align:middle}
.cms-table th{font-size:13px;background:var(--surface)}
.cms-table tr:hover td{background:#fafbfd}
.cms-badge{display:inline-block;padding:2px 8px;font-size:12px;font-weight:600;border:1px solid}
.cms-badge--published{color:var(--ok)}
.cms-badge--scheduled{color:var(--warn)}
.cms-badge--draft{color:var(--soft)}
.cms-pages{display:flex;gap:16px;align-items:center;justify-content:center;margin:16px 0}
.cms-split{display:grid;grid-template-columns:320px 1fr;gap:20px;align-items:start}
.cms-box{background:#fff;border:1px solid var(--line);padding:14px 16px;margin-bottom:16px}
.cms-box__buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.cms-box--danger{display:flex;gap:10px;flex-wrap:wrap}
.cms-check{display:flex!important;gap:8px;align-items:center;font-weight:400!important;margin:0 0 6px!important}
.cms-check input{width:auto}
.cms-editor{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}
.cms-title{font-size:24px!important;font-weight:600;padding:10px 12px!important}
.cms-permalink{display:flex;gap:4px;align-items:center;flex-wrap:wrap;margin:8px 0 14px;font-size:13px}
.cms-permalink input{width:auto;min-width:260px;padding:4px 6px;font-size:13px}
.cms-editor__box{background:#fff;border:1px solid var(--line)}
.cms-editor__tabs{display:flex;justify-content:flex-end;gap:0;border-bottom:1px solid var(--line);background:var(--surface)}
.cms-editor__tabs button{border:0;border-left:1px solid var(--line);background:none;padding:6px 14px;font:inherit;font-size:13px;cursor:pointer;color:var(--ink)}
.cms-editor__tabs button.on{background:#fff;font-weight:600}
#cms-toolbar{border:0!important;border-bottom:1px solid var(--line)!important;position:sticky;top:0;z-index:2;background:#fff}
.cms-tb{width:auto!important;padding:0 6px!important;font:600 13px/1 inherit;color:var(--ink)}
.cms-quill{min-height:460px;border:0!important;font-size:16px}
.cms-quill .ql-editor{min-height:460px;line-height:1.65}
.cms-quill .ql-editor img{max-width:100%;height:auto}
.cms-quill .ql-editor table{border-collapse:collapse;width:100%}
.cms-quill .ql-editor td{border:1px solid var(--line);padding:6px}
.cms-html{width:100%;min-height:500px;border:0;padding:14px;font:13px/1.5 ui-monospace,Menlo,Consolas,monospace}
.cms-featured img{display:block;width:100%;margin-bottom:8px;border:1px solid var(--line)}
.cms-rev{display:flex;justify-content:space-between;gap:8px;font-size:13px;padding:4px 0;border-bottom:1px solid var(--surface)}
.cms-dialog{width:min(920px,94vw);max-height:86vh;border:1px solid var(--ink);padding:18px}
.cms-dialog::backdrop{background:rgba(21,34,78,.45)}
.cms-dialog__head{display:flex;justify-content:space-between;align-items:center}
.cms-upload{display:block;margin:10px 0;font-weight:600}
.cms-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-top:12px}
.cms-media-item{display:flex;flex-direction:column;gap:4px;padding:8px;background:#fff;border:1px solid var(--line);text-align:left;font:inherit;font-size:12px;color:var(--ink);cursor:pointer;word-break:break-all}
.cms-media-item img{width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--surface)}
.cms-media-item input{font-size:11px;padding:3px 5px}
.cms-file{display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;background:var(--surface);font-weight:700}
@media (max-width:1100px){.cms-editor{grid-template-columns:1fr}.cms-split{grid-template-columns:1fr}}
@media (max-width:760px){body.cms{flex-direction:column}.cms-side{position:static;width:auto;height:auto;flex:none;border-right:0;border-bottom:1px solid #15224e}.cms-main{padding:18px 14px}}
[hidden]{display:none!important}
.cms-quill.ql-container{font-size:17px;font-family:inherit}
.cms-quill .ql-editor h2{font-size:1.5em;margin:1em 0 .4em}
.cms-quill .ql-editor h3{font-size:1.25em;margin:1em 0 .4em}
.cms-quill .ql-editor p,.cms-quill .ql-editor li{margin-bottom:.5em}
.cms-quill .ql-editor blockquote{border-left:4px solid var(--ink);padding-left:14px;color:var(--soft)}

/* 647: Versionsnummer */
.cms-version{margin:16px 0 0;font-size:12px;color:var(--soft)}

/* 648: Anmeldung im CTAS-Stil */
.cms-login--ctas{max-width:420px;border:1px solid #15224e;text-align:left}
.cms-login__logo{display:block;width:100%;max-width:320px;height:auto;margin:0 auto 6px}
.cms-login__for{margin:0 0 18px;text-align:center;color:#15224e;font-weight:600}
.cms-pw{position:relative;display:block}
.cms-pw input{padding-right:44px}
.cms-pw__toggle{position:absolute;top:50%;right:6px;transform:translateY(-50%);width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:0;background:none;color:#15224e;cursor:pointer}
.cms-login__links{margin:14px 0 0;text-align:center}
.cms-login__legal{margin:18px 0 0;padding-top:12px;border-top:1px solid var(--line);text-align:center;font-size:12px;color:var(--soft)}
.cms-qr svg{display:block;width:220px;height:220px;margin:10px 0}
.cms-codes{font:600 16px/1.8 ui-monospace,Menlo,Consolas,monospace;background:#fff;border:1px dashed var(--ink);padding:10px 14px;margin:10px 0}
@media print{.cms-side,.cms-form,.cms-hint{display:none!important}}

/* 1.1.1: Anmeldung – alle Texte in #15224e ohne Abschwächung, Felder mit 1 px Rahmen #15224e und gleichem weißen Hintergrund, Linie #15224e */
.cms-login--ctas,.cms-login--ctas .cms-muted,.cms-login--ctas .cms-login__legal,.cms-login--ctas a{color:#15224e;opacity:1}
.cms-login--ctas input{border:1px solid #15224e;background:#fff;color:#15224e}
.cms-login--ctas input:-webkit-autofill,.cms-login--ctas input:-webkit-autofill:hover,.cms-login--ctas input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 40px #fff inset;-webkit-text-fill-color:#15224e;border:1px solid #15224e}
.cms-login--ctas .cms-login__legal{border-top:1px solid #15224e}
/* 1.1.7 (654): Anmeldeseite – die ganze Seite in der hellen Farbe #f4f6f9 (wie „Capabilities“ auf cdpcms.com), ohne Linien; nur die Anmeldebox in der Mitte. */
body.cms:has(.cms-band){background:#f4f6f9}
.cms-main--guest:has(.cms-band){padding:0}
.cms-band{width:100%;display:flex;justify-content:center;padding:72px 16px}
@media (max-width:760px){.cms-band{padding:40px 14px}}
/* 1.1.8 (659): Seitenleiste im Hintergrund der Anmeldung #f4f6f9, Texte und Linien #15224e; aktiver Punkt dunkel mit weißer Schrift. */
/* 1.1.9 (660): 3D-Logo oben in der Seitenleiste statt Schriftzug, passend zur Breite; Domain klein darunter. */
.cms-brand__logo{display:block;width:100%;max-width:190px;height:auto;margin:0 auto 6px}
.cms-brand span{text-align:center}
/* 1.2.0 (661): Sprachwahl oben in der Anmeldebox wie bei CTAS – Titel links, DE/EN rechts. */
.cms-login__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 18px}
.cms-login__head .cms-login__for{margin:0;text-align:left}
.cms-lang{display:flex;align-items:center;gap:8px;flex-shrink:0}
.cms-lang__item{display:inline-block;padding:2px 6px;border:1px solid transparent;color:#15224e;font-size:12px;line-height:16px;font-weight:700;letter-spacing:.04em;text-decoration:none}
.cms-login--ctas a.cms-lang__item{color:#15224e;text-decoration:none}
.cms-lang__item:hover{border-color:#15224e}
.cms-login--ctas a.cms-lang__item--active,.cms-lang__item--active{color:#fff;background:#15224e;border-color:#15224e}
/* 1.2.1 (662): Anmeldung ohne Zeile „Editor for <domain>“, Sprachwahl DE EN zentriert unter dem Logo. */
.cms-login__head--center{justify-content:center}
.cms-login--ctas .cms-login__for{margin:0 0 10px}
/* 1.2.2 (663): Icons vor den Menüpunkten (Font Awesome 7.3.1, nur in der Redaktion geladen). */
.cms-nav a .fa-fw,.cms-logout .fa-fw{margin-right:8px}
.cms-nav__sub .fa-fw{font-size:.85em}
/* 1.3.0 (664): Kopf wie im CDP-Panel – Topbar (Version, Update, Status, Uhr) und zweite Ebene (Sprache, Profil). Seitenleiste bleibt, wo sie ist. */
.cms-page{flex:1;min-width:0;display:flex;flex-direction:column}
.cms-page .cms-main{flex:1}
.cms-top{display:flex;align-items:center;gap:18px;min-height:30px;padding:4px 24px;background:#15224e;color:#fff;font-size:13px}
.cms-top__new{font-weight:700}
.cms-top__status{display:inline-flex;align-items:center;gap:6px}
.cms-dot{width:9px;height:9px;border-radius:50%;background:#3bd671;box-shadow:0 0 0 2px rgba(59,214,113,.25)}
.cms-top__status.is-off .cms-dot{background:#f70000;box-shadow:0 0 0 2px rgba(247,0,0,.25)}
.cms-top__clock{margin-left:auto;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.cms-bar{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-height:56px;padding:8px 24px;background:#fff;border-bottom:1px solid #15224e}
.cms-menu{position:relative}
.cms-menu>summary{list-style:none}
.cms-menu>summary::-webkit-details-marker{display:none}
.cms-menu__btn{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:4px 12px;border:1px solid #15224e;background:#fff;color:#15224e;font-size:14px;cursor:pointer;user-select:none}
.cms-menu__btn--user{padding:3px 12px 3px 3px;font-weight:600}
.cms-avatar{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;background:#15224e;color:#fff;font-size:12px;font-weight:700}
.cms-menu__list{position:absolute;right:0;top:calc(100% + 4px);z-index:50;min-width:190px;background:#fff;border:1px solid #15224e;padding:4px 0}
.cms-menu__list a,.cms-menu__list button{display:flex;align-items:center;gap:8px;width:100%;padding:8px 14px;border:0;background:none;color:#15224e;font:inherit;font-size:14px;text-align:left;text-decoration:none;cursor:pointer}
.cms-menu__list a:hover,.cms-menu__list button:hover{background:#f4f6f9}
.cms-menu__list a[aria-current]{font-weight:700}
.cms-menu__list form{margin:0;border-top:1px solid #15224e}
@media (max-width:760px){.cms-top{flex-wrap:wrap;gap:10px;padding:4px 14px}.cms-bar{padding:8px 14px}}
/* 1.3.1 (666): Domain mittig in der Topbar statt unter dem Logo; Logo-Bereich genau so hoch wie der Kopf (32 + 57 px),
   damit die Linie unter dem Logo und die unter der Profil-Leiste eine durchgehende Linie bilden. */
.cms-side{padding-top:0}
.cms-brand{display:flex;align-items:center;justify-content:center;box-sizing:border-box;height:89px;padding:0 20px}
.cms-brand__logo{margin:0 auto}
.cms-top{display:grid;grid-template-columns:1fr auto 1fr;box-sizing:border-box;height:32px;min-height:0;padding:0 24px}
.cms-top__left{display:flex;align-items:center;gap:18px;min-width:0;white-space:nowrap}
.cms-top__domain{font-weight:700;text-align:center}
.cms-top__clock{justify-self:end}
.cms-bar{box-sizing:border-box;height:57px;min-height:0;padding:0 24px}
@media (max-width:760px){.cms-brand{height:auto;padding:12px 20px}.cms-top{height:auto;grid-template-columns:1fr;padding:6px 14px;row-gap:4px}.cms-top__domain,.cms-top__clock{justify-self:start}.cms-bar{height:auto;padding:8px 14px}}
/* 1.4.0 (668): aufklappbare Gruppen in der Seitenleiste (Portfolio, Design), Seiten „In Vorbereitung“, Anpassen wie der Flatsome-Customizer. */
.cms-nav__group>summary{display:flex;align-items:center;gap:0;list-style:none;color:#15224e;padding:9px 20px;cursor:pointer}
.cms-nav__group>summary::-webkit-details-marker{display:none}
.cms-nav__group>summary .fa-fw{margin-right:8px}
.cms-nav__group>summary:hover{background:#fff}
.cms-nav__group>summary.on{font-weight:600}
.cms-nav__caret{margin-left:auto;font-size:11px;transition:transform .15s}
.cms-nav__group[open] .cms-nav__caret{transform:rotate(180deg)}
.cms-nav__group a{display:block}
.cms-soon__badge{display:inline-flex;align-items:center;gap:8px;margin:0 0 10px;padding:4px 10px;border:1px solid #15224e;font-weight:700;font-size:13px}
.cms-soon p:last-child{margin:0;max-width:720px}
.cms-cz{display:flex;min-height:calc(100vh - 89px - 56px);border:1px solid #15224e;background:#fff}
.cms-main:has(.cms-cz){padding:0}
.cms-main:has(.cms-cz) .cms-cz{border:0;min-height:calc(100vh - 89px)}
.cms-cz__panel{width:300px;flex:0 0 300px;display:flex;flex-direction:column;border-right:1px solid #15224e;background:#fff}
.cms-cz__theme{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-bottom:1px solid #15224e}
.cms-cz__theme span,.cms-cz__theme strong{display:block}
.cms-cz__list{flex:1;overflow:auto}
.cms-cz__list button{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;border:0;border-bottom:1px solid #15224e;background:#fff;color:#15224e;font:inherit;font-size:15px;text-align:left;cursor:pointer}
.cms-cz__list button:hover{background:#f4f6f9}
.cms-cz__go{margin-left:auto;font-size:12px}
.cms-cz__section{flex:1;overflow:auto;padding:14px 16px}
.cms-cz__section h2{margin:10px 0 12px;font-size:18px}
.cms-cz__back{border:0;background:none;color:#15224e;font:inherit;padding:0;cursor:pointer;font-weight:600}
.cms-cz__foot{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-top:1px solid #15224e;background:#f4f6f9}
.cms-cz__foot button{border:0;background:none;color:#15224e;font:inherit;cursor:pointer;padding:4px 6px}
.cms-cz__devices{display:flex;gap:4px}
.cms-cz__devices button{border:1px solid transparent;font-size:16px}
.cms-cz__devices button.on{border-color:#15224e}
.cms-cz__preview{flex:1;display:flex;justify-content:center;background:#f4f6f9;overflow:auto}
.cms-cz__preview iframe{width:100%;height:100%;min-height:600px;border:0;background:#fff;transition:width .2s}
.cms-cz__preview iframe[data-device=tablet]{width:768px;border-inline:1px solid #15224e}
.cms-cz__preview iframe[data-device=mobile]{width:390px;border-inline:1px solid #15224e}
.cms-cz.is-hidden .cms-cz__panel{flex-basis:auto;width:auto}
.cms-cz.is-hidden .cms-cz__theme,.cms-cz.is-hidden .cms-cz__list,.cms-cz.is-hidden .cms-cz__section,.cms-cz.is-hidden .cms-cz__devices,.cms-cz.is-hidden [data-hide] span{display:none}
.cms-cz.is-hidden [data-hide] i{transform:rotate(180deg)}
@media (max-width:760px){.cms-cz{flex-direction:column}.cms-cz__panel{width:auto;flex:none;border-right:0;border-bottom:1px solid #15224e}}
/* 1.4.0 (645): Mediathek wie WordPress – Werkzeugleiste, Ordnerleiste, Raster/Liste, Mehrfachauswahl, Anhang-Details. */
.cms-mtools{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 14px}
.cms-mtools select{width:auto;min-width:150px}
.cms-mtools__views{display:flex;gap:4px}
.cms-mtools__views a{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid transparent;color:#15224e;font-size:18px}
.cms-mtools__views a.on{border-color:#15224e}
.cms-mtools__search{display:flex;align-items:center;gap:8px;margin-left:auto;font-weight:400}
.cms-mtools__search input{width:240px}
.cms-folderbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 14px}
.cms-folderbar>span{margin-right:auto}
.cms-inline{display:inline-flex;align-items:center;gap:6px;margin:0}
.cms-inline input{width:auto}
.cms-upload-box .cms-check{display:flex;align-items:center;gap:8px}
.cms-bulkbar{display:flex;align-items:center;gap:10px;margin:0 0 12px;padding:8px 12px;border:1px solid #15224e;background:#f4f6f9}
.cms-mgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.cms-mgrid__item{position:relative;display:flex;flex-direction:column;border:1px solid #15224e;background:#fff;cursor:pointer;outline-offset:2px}
.cms-mgrid__item img,.cms-mgrid__item .cms-thumb-file{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;object-fit:cover;background:#f4f6f9}
.cms-mgrid__item img.cms-thumb--svg{object-fit:contain;padding:12px}
.cms-mgrid__title{display:block;padding:6px 8px;border-top:1px solid #15224e;font-size:13px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cms-mgrid__item:hover,.cms-mgrid__item:focus{box-shadow:0 0 0 3px #15224e}
.cms-thumb-file{font-size:34px;color:#15224e}
.cms-selecting [data-item]{cursor:copy}
[data-item].is-selected{box-shadow:0 0 0 3px #15224e;background:#f4f6f9}
.cms-mgrid__item.is-selected::after{content:"✓";position:absolute;top:6px;right:6px;width:24px;height:24px;line-height:24px;text-align:center;background:#15224e;color:#fff;font-weight:700}
.cms-mlist tr[data-item]{cursor:pointer}
.cms-mlist__thumb img,.cms-mlist__thumb .cms-thumb-file{display:flex;align-items:center;justify-content:center;width:56px;height:56px;object-fit:cover;background:#f4f6f9;font-size:22px}
.cms-att{width:min(1200px,96vw);max-width:none;padding:0;border:1px solid #15224e}
.cms-att::backdrop{background:rgba(21,34,78,.55)}
.cms-att__head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #15224e}
.cms-att__head h2{margin:0;padding:10px 16px;font-size:20px}
.cms-att__nav{display:flex}
.cms-att__nav button{width:50px;height:46px;border:0;border-left:1px solid #15224e;background:#fff;color:#15224e;font-size:16px;cursor:pointer}
.cms-att__nav button:disabled{opacity:.35;cursor:default}
.cms-att__body{display:flex;min-height:60vh;max-height:calc(92vh - 47px)}
.cms-att__view{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px;overflow:auto}
.cms-att__img{display:flex;align-items:center;justify-content:center;width:100%}
.cms-att__img img,.cms-att__img video{max-width:100%;max-height:62vh;height:auto}
.cms-att__img .cms-thumb-file{font-size:96px}
.cms-att__tools{margin:0}
.cms-att__edit{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.cms-att__edit input{width:110px}
.cms-att__side{width:420px;flex:0 0 420px;padding:16px;border-left:1px solid #15224e;background:#f4f6f9;overflow:auto}
.cms-att__meta{display:grid;grid-template-columns:auto 1fr;gap:2px 8px;margin:0 0 12px;font-size:13px}
.cms-att__meta dt{font-weight:700}
.cms-att__meta dd{margin:0;word-break:break-all}
.cms-att__usage{padding:8px 10px;border:1px solid #15224e;background:#fff;font-size:13px}
.cms-att__usage.is-used{border-left:4px solid #f70000}
.cms-att__usage.is-free{border-left:4px solid #3bd671}
.cms-att__row{margin:6px 0}
@media (max-width:900px){.cms-att__body{flex-direction:column;max-height:none}.cms-att__side{width:auto;flex:none;border-left:0;border-top:1px solid #15224e}.cms-mtools__search{margin-left:0}}
.cms-logo-pick{display:flex;align-items:flex-end;gap:14px}
.cms-logo-pick label{flex:1}
.cms-logo-pick__pv{display:flex;align-items:center;justify-content:center;min-width:140px;height:60px;padding:4px;border:1px solid #15224e;background:repeating-conic-gradient(#f4f6f9 0 25%,#fff 0 50%) 0 0/16px 16px}
.cms-logo-pick__pv img{max-width:200px;max-height:52px}
/* 1.4.1 (670): Themes – erstes Theme CDPCMS als Karte. */
.cms-themes{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin:0 0 16px}
.cms-theme{display:flex;flex-direction:column;gap:8px;padding:14px;border:1px solid #15224e;background:#fff}
.cms-theme img{width:100%;height:auto;padding:14px;background:#f4f6f9}
.cms-theme div{display:flex;align-items:center;justify-content:space-between}
.cms-theme p{margin:0}
.cms-theme.is-active{box-shadow:0 0 0 2px #15224e}
/* 1.4.2 (671): Zahlenfelder als eigene Zeile mit Platz für den Platzhalter; Seitenleisten-Hintergrund und -Linie reichen bis zum Seitenende. */
.cms-form input[type=number]{display:block;width:240px;max-width:100%;margin-top:4px}
body.cms:has(.cms-side){background:linear-gradient(to right,#f4f6f9 0 229px,#15224e 229px 230px,var(--surface) 230px)}
@media (max-width:760px){body.cms:has(.cms-side){background:var(--surface)}}
/* 1.4.3 (672): Alle einzeiligen Eingabefelder und Auswahlen in der Redaktion gleich hoch (40 px), gleicher Rahmen und Innenabstand.
   Nur angemeldet (.cms-page) – die eingefrorene Anmeldeseite bleibt unverändert. */
input[type=number],input[type=url],input[type=tel],input[type=date],input[type=time]{width:100%;padding:8px 10px;font:inherit;color:var(--ink);background:#fff;border:1px solid var(--line)}
.cms-page input:is([type=text],[type=email],[type=password],[type=search],[type=number],[type=url],[type=tel],[type=date],[type=time],[type=datetime-local]),.cms-page select{height:40px;padding:0 10px;line-height:normal}
.cms-page .cms-permalink input{height:30px;padding:0 6px}
/* 1.4.4 (673): Logos und Favicon über das Mediathek-Fenster wählen. */
.cms-logo-pick{display:grid;grid-template-columns:220px 160px 1fr;grid-template-areas:"label pv buttons" "label pv name" "help help help";align-items:center;gap:6px 16px;padding:12px 0;border-bottom:1px solid #15224e}
.cms-logo-pick__label{grid-area:label;font-weight:700}
.cms-logo-pick .cms-logo-pick__pv{grid-area:pv;min-width:0;width:160px;height:64px}
.cms-logo-pick__pv img{max-width:150px;max-height:56px}
.cms-logo-pick__buttons{grid-area:buttons;display:flex;gap:8px;align-items:center}
.cms-logo-pick__name{grid-area:name;word-break:break-all}
.cms-logo-pick__help{grid-area:help;margin:0}
.cms-picker{width:min(1100px,96vw);max-width:none;padding:0;border:1px solid #15224e}
.cms-picker::backdrop{background:rgba(21,34,78,.55)}
.cms-picker__tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid #15224e;background:#f4f6f9}
.cms-picker__tools select{width:auto;min-width:150px;height:40px}
.cms-picker__tools input[type=search]{width:260px;height:40px}
.cms-picker__upload{display:inline-flex;align-items:center;gap:8px;cursor:pointer}
.cms-picker__grid{max-height:65vh;overflow:auto;padding:16px}
.cms-picker__grid button.cms-mgrid__item{padding:0;font:inherit;color:#15224e;text-align:left}
@media (max-width:760px){.cms-logo-pick{grid-template-columns:1fr;grid-template-areas:"label" "pv" "name" "buttons" "help"}}
/* 1.4.5 (674): Knöpfe in der Redaktion so hoch wie die Felder (40 px); Mediathek-Leiste: Ansicht-Symbole 40 px, Abstand Suche–Feld. Anmeldeseite unverändert. */
.cms-page .cms-btn:not(.cms-btn--link){min-height:40px;gap:6px}
.cms-mtools .cms-mtools__views a{width:40px;height:40px}
.cms-mtools__search{gap:10px}
.cms-folderbar .cms-btn i{margin-right:2px}
/* 1.4.6 (675): Anhang-Details ohne Scrollbalken – Fenster fast bildschirmgroß, Bild passt sich an, rechte Spalte kompakt. */
.cms-dialog.cms-att{width:96vw;height:94vh;max-height:94vh;overflow:hidden}
.cms-att[open]{display:flex;flex-direction:column}
.cms-att .cms-att__body{flex:1;min-height:0;max-height:none}
.cms-att .cms-att__view{overflow:hidden;justify-content:center;padding:12px}
.cms-att .cms-att__img{flex:1;min-height:0}
.cms-att .cms-att__img img,.cms-att .cms-att__img video{max-height:100%;max-width:100%;object-fit:contain}
.cms-att .cms-att__side{width:460px;flex-basis:460px;padding:12px 16px;overflow:auto}
.cms-att .cms-att__meta{grid-template-columns:auto 1fr auto 1fr;gap:2px 8px;margin:0 0 8px;font-size:12px}
.cms-att .cms-att__usage{margin:0 0 8px;padding:6px 8px;font-size:12px}
.cms-att__form label{margin:0 0 6px;font-size:13px}
.cms-att__form label .cms-hint{font-weight:400;font-size:12px}
.cms-att__form textarea{padding:6px 8px;resize:vertical}
.cms-att__url{display:flex;gap:6px;margin:0 0 6px}
.cms-att__url input{flex:1;min-width:0;margin:0}
.cms-att__actions{display:flex;flex-direction:column;gap:6px;padding-top:8px;border-top:1px solid #15224e}
.cms-att__actions .cms-btn--danger{align-self:flex-start}
.cms-att .cms-att__row{margin:4px 0 8px}
@media (max-width:900px){.cms-dialog.cms-att{height:auto;max-height:96vh;overflow:auto}.cms-att .cms-att__side{width:auto;flex-basis:auto;overflow:visible}.cms-att .cms-att__img img{max-height:50vh}}
/* 1.4.7 (676): Anhang-Details wie WordPress – Infos untereinander (Dateiname vollständig), Felder mit Bezeichnung links, Bild kleiner, Aktionen als Linkzeile. */
.cms-att .cms-att__meta{grid-template-columns:auto 1fr;gap:1px 6px;margin:0 0 10px;padding-bottom:10px;border-bottom:1px solid #15224e;font-size:13px}
.cms-att .cms-att__meta dd{word-break:break-word;overflow-wrap:anywhere}
.cms-att .cms-att__img img,.cms-att .cms-att__img video{max-width:min(100%,760px);max-height:min(100%,62vh)}
.cms-att .cms-att__side{width:560px;flex-basis:560px}
.cms-att__field{display:grid;grid-template-columns:130px 1fr;gap:10px;align-items:start;margin:0 0 10px}
.cms-att__field>label{padding-top:9px;text-align:right;font-size:13px;font-weight:400}
.cms-att__field textarea,.cms-att__field input{margin:0}
.cms-att__field .cms-hint{margin:4px 0 0;font-size:12px}
.cms-att__small{min-height:30px!important;margin-top:6px;padding:0 10px;font-size:12px}
.cms-att__links{margin:10px 0 0;padding-top:10px;border-top:1px solid #15224e;font-size:13px}
.cms-att__links a,.cms-linkbtn{color:#15224e;text-decoration:underline}
.cms-linkbtn{border:0;background:none;padding:0;font:inherit;cursor:pointer}
.cms-linkbtn:disabled{opacity:.4;cursor:not-allowed;text-decoration:none}
.cms-linkbtn--danger{color:#c00000}
@media (max-width:900px){.cms-att .cms-att__side{width:auto;flex-basis:auto}.cms-att__field{grid-template-columns:1fr}.cms-att__field>label{text-align:left;padding-top:0}}
/* 1.4.8 (677): Scrollbalken in den Farben der Redaktion – Spur #15224e, Schieber #f70000 (Chrome, Edge, Safari, Firefox). */
html,.cms *{scrollbar-color:#f70000 #15224e;scrollbar-width:auto}
::-webkit-scrollbar{width:12px;height:12px}
::-webkit-scrollbar-track{background:#15224e}
::-webkit-scrollbar-thumb{background:#f70000;border:2px solid #15224e}
::-webkit-scrollbar-thumb:hover,::-webkit-scrollbar-thumb:active{background:#f70000}
::-webkit-scrollbar-corner{background:#15224e}
/* 1.4.10 (679): Fehlerseiten der Redaktion mit unseren Bildern statt der Laravel-Seite. */
body.cms-errorpage{background:#f4f6f9;display:block}
.cms-login.cms-error{max-width:760px}
.cms-error picture img{display:block;width:100%;height:auto;margin:0 0 14px}
.cms-error__code{margin:0;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:13px}
.cms-error h1{margin:4px 0 10px;font-size:26px}
.cms-error__buttons{display:flex;gap:10px;flex-wrap:wrap}
.cms-error__buttons .cms-btn{width:auto;min-height:40px}
.cms-login--ctas.cms-error a.cms-btn--primary{color:#fff}

/* 723: Knopf Freigeben / Jetzt aktualisieren in der oberen Leiste */
.cms-top__form{display:inline;margin:0 0 0 8px}.cms-top__btn{padding:2px 10px;border:0;background:#c40000;color:#fff;font:inherit;font-weight:700;cursor:pointer}.cms-top__btn:hover{background:#a30000}
.cms-top__link{margin-left:8px;color:#fff;text-decoration:underline}.cms-changelog{margin:0 0 22px;padding:16px 18px;border:1px solid #dbe2ea;border-top:3px solid #c40000;background:#fff}.cms-changelog h2{margin:0 0 8px;font-size:18px;color:#15224e}.cms-changelog__date{font-weight:400;font-size:14px;color:#46536a}.cms-changelog ul{margin:0;padding-left:20px}.cms-changelog li{margin:0 0 6px;line-height:1.55}
.cms-changelog--neu{border-color:#c40000;box-shadow:0 0 0 1px #c40000}
.cms-changelog summary{cursor:pointer;font-size:17px;color:#15224e;list-style:none;display:flex;gap:10px;align-items:center}.cms-changelog summary::-webkit-details-marker{display:none}.cms-changelog summary::before{content:'+';display:inline-block;width:18px;font-weight:700;color:#c40000}.cms-changelog[open] summary::before{content:'–'}.cms-changelog[open] summary{margin-bottom:10px}
.cms-top__btn--ok{display:inline-flex;align-items:center;gap:6px;background:#198754;color:#fff;text-decoration:none;cursor:default}.cms-top__btn--ok:hover{background:#198754;color:#fff}a.cms-top__btn--ok{cursor:pointer}
.cms-top__btn--ghost{background:transparent;border:1px solid rgba(255,255,255,.6)}.cms-top__btn--ghost:hover{background:rgba(255,255,255,.12)}
.cms-scroll{overflow:auto}
/* 908: Laufband oben (Topbar) – Liste, Vorschau */
.cms-tk{margin-bottom:14px}
.cms-tk__head{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:10px}
.cms-tk__head strong{font-size:15px}
.cms-tk__status{display:inline-block;padding:2px 8px;border:1px solid var(--line);font-size:12px;font-weight:600;line-height:1.4}
.cms-tk__status--live{color:var(--ok);border-color:var(--ok)}
.cms-tk__status--planned{color:var(--warn);border-color:var(--warn)}
.cms-tk__status--expired,.cms-tk__status--off{color:var(--soft);opacity:.7}
.cms-tk__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;align-items:start}
.cms-tk__grid label{margin:0}
.cms-tk__grid input[type=datetime-local]{display:block;margin-top:4px}
.cms-tk__check{min-height:38px;margin-top:22px!important}
.cms-tk__buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;align-items:center}
.cms-tk__buttons form{margin:0}
.cms-tk .cms-btn,.cms-head .cms-btn{min-height:38px}
.cms-tk .cms-btn[disabled]{opacity:.4;cursor:default}
.cms-tk-bar{display:flex;align-items:stretch;border:1px solid var(--line);margin-bottom:8px;background:#fff}
.cms-tk-bar__lang{flex:0 0 44px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;color:var(--ink);border-right:1px solid var(--line)}
.cms-tk-bar__marquee{flex:1;overflow:hidden;background:var(--ink);color:#fff;font-size:13px;line-height:32px;white-space:nowrap}
.cms-tk-bar__track{display:flex;width:max-content;animation:cms-tk-run 40s linear infinite}
.cms-tk-bar__track ul{display:flex;margin:0;padding:0;list-style:none}
.cms-tk-bar__track li{padding:0 28px;position:relative}
.cms-tk-bar__track li+li::before{content:"·";position:absolute;left:-4px}
.cms-tk-bar:hover .cms-tk-bar__track{animation-play-state:paused}
@keyframes cms-tk-run{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.cms-tk-bar__track{animation:none}}
.cms-tk-archive{margin-top:20px}
.cms-tk-archive summary{cursor:pointer;font-weight:600;margin-bottom:10px}

/* 918: Fenster (Modale) */
.cms-modal-thumb{display:block;max-width:180px;max-height:180px;margin:6px 0 12px;border:1px solid #15224e;object-fit:contain;background:#f4f6f9}
.cms-form textarea{width:100%}