@import url("https://fonts.googleapis.com/css2?family=Alex+Brush&family=Allura&family=Cookie&family=Courgette&family=Dancing+Script:wght@500;600;700&family=Great+Vibes&family=Kaushan+Script&family=Marck+Script&family=Pacifico&family=Parisienne&family=Satisfy&family=Yellowtail&display=swap");
*{box-sizing:border-box}
:root{--ink:#161a20;--muted:#68717d;--gold:#d8a92f;--gold2:#f1c75e;--line:#dfe4ea;--soft:#f5f7f9;--danger:#a83030}
html,body{min-height:100%}
body{margin:0;background:#f6f8fa;color:var(--ink);font-family:Arial,Helvetica,sans-serif}
body:before{display:none}
.admin-wrap{max-width:980px;margin:auto;padding:28px 26px 54px}
header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:20px}
h1{font-size:32px;line-height:1.08;margin:6px 0 9px}
h2{margin:0 0 16px;color:#7f5b08;font-size:20px}
.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:1.6px;color:#8d650b;font-weight:800}
header p{color:var(--muted);margin:0;line-height:1.5;max-width:720px}
.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;margin-bottom:18px;box-shadow:0 10px 26px rgba(27,35,45,.055)}
label{display:block;font-weight:700;margin:14px 0 0;color:#252a31}
input,textarea,select{width:100%;margin-top:7px;border:1px solid #cbd2da;border-radius:10px;background:#fff;color:#171b21;padding:12px 13px;font:inherit}
textarea{resize:vertical;line-height:1.45}
input:focus,textarea:focus,select:focus{outline:3px solid rgba(216,169,47,.18);border-color:#c89417}
button{border:0;border-radius:11px;background:linear-gradient(180deg,var(--gold2),var(--gold));color:#17130b;padding:12px 18px;font-weight:850;cursor:pointer}
button:hover{filter:brightness(.98)}
.alert{padding:13px 15px;border-radius:11px;margin-bottom:16px;font-weight:700}
.ok{background:#eaf7ee;border:1px solid #afd5bc;color:#225c33}
.err{background:#fff0f0;border:1px solid #e2b5b5;color:#7d2727}
.login-only{max-width:610px;padding-top:38px}
.login-only .card{padding:24px}
.login-only button{margin-top:19px}
.compact-editor{max-width:700px;padding-top:34px}
.compact-editor .card{margin-top:10px}
.editor-actions{display:flex;gap:10px;align-items:center;margin-top:18px}
.save{font-size:16px}
.hint-inline{margin:12px 0 0;color:var(--muted);font-size:13px;line-height:1.45}
.settings-editor{max-width:940px}
.settings-card>h2{border-bottom:1px solid #edf0f3;padding-bottom:12px}
.field-title{font-weight:800;margin:20px 0 8px;color:#252a31}
.font-library-version{font-size:12px;color:#8a650e;font-weight:800;margin:-2px 0 8px;letter-spacing:.02em}
.font-choice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.font-choice{margin:0;border:1px solid var(--line);border-radius:13px;padding:11px;display:grid;gap:7px;cursor:pointer;background:#fafbfc}
.font-choice:has(input:checked){border-color:#c7941c;box-shadow:0 0 0 2px rgba(216,169,47,.13);background:#fffaf0}
.font-choice input{width:auto;margin:0;justify-self:start}
.font-choice small{color:var(--muted);font-weight:700}
.font-sample{display:block;font-size:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}



.font-pacifico{font-family:"Pacifico",cursive;font-size:27px;font-weight:400}
.font-kaushan{font-family:"Kaushan Script",cursive;font-size:27px;font-weight:400}
.font-yellowtail{font-family:"Yellowtail",cursive;font-size:29px;font-weight:400}
.font-satisfy{font-family:"Satisfy",cursive;font-size:29px;font-weight:400}
.font-courgette{font-family:"Courgette",cursive;font-size:27px;font-weight:400}
.font-dancing{font-family:"Dancing Script",cursive;font-size:29px;font-weight:700}
.font-greatvibes{font-family:"Great Vibes",cursive;font-size:31px;font-weight:400}
.font-alexbrush{font-family:"Alex Brush",cursive;font-size:31px;font-weight:400}
.font-allura{font-family:"Allura",cursive;font-size:31px;font-weight:400}
.font-parisienne{font-family:"Parisienne",cursive;font-size:29px;font-weight:400}
.font-marck{font-family:"Marck Script",cursive;font-size:28px;font-weight:400}
.font-cookie{font-family:"Cookie",cursive;font-size:31px;font-weight:400}


/* 26.08.2026 – kompakte Darstellung im seitlichen Einstellungsbereich. */
.settings-panel-body{background:#f6f8fa}
.settings-panel-body .admin-wrap{max-width:none;margin:0;padding:18px 16px 32px}
.settings-panel-body header{margin-bottom:14px}
.settings-panel-body header .eyebrow{display:none}
.settings-panel-body h1{font-size:25px;margin-top:0}
.settings-panel-body header p{font-size:13px}
.settings-panel-body .card{padding:16px;border-radius:15px;margin-bottom:13px;box-shadow:none}
.settings-panel-body .settings-card>h2{font-size:18px;margin-bottom:12px}
.settings-panel-body .font-choice-grid{grid-template-columns:1fr 1fr}
.settings-panel-body .font-choice{padding:9px}
.settings-panel-body .font-sample{font-size:17px}
.settings-panel-body .toggle-grid{grid-template-columns:1fr}
.settings-panel-body .savebar{bottom:6px}
.settings-panel-body .simple-savebar{justify-content:stretch}
.settings-panel-body .simple-savebar .save{width:100%}
@media(max-width:430px){.settings-panel-body .font-choice-grid{grid-template-columns:1fr}}

/* 26.08.2026 – kompakter Seitenbereich mit immer sichtbarem Speichern. */
.color-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.color-choice{margin:0;border:1px solid var(--line);border-radius:12px;padding:8px;display:grid;grid-template-columns:auto 1fr;gap:6px 8px;align-items:center;cursor:pointer;background:#fafbfc}
.color-choice:has(input:checked){border-color:#c7941c;box-shadow:0 0 0 2px rgba(216,169,47,.13);background:#fffaf0}
.color-choice input{width:auto;margin:0}
.color-choice small{grid-column:1/-1;color:var(--muted);font-size:11px;line-height:1.2}
.color-swatch{display:block;width:32px;height:20px;border-radius:7px;border:1px solid rgba(0,0,0,.14)}
.swatch-neon{background:linear-gradient(90deg,#35a7ff,#8b66ff,#ff4b91,#ff4545)}
.swatch-gold{background:#f2c95f}.swatch-goldshine{background:linear-gradient(135deg,#7e5606,#f8db72,#fff2b6,#bf8518)}.swatch-white{background:#fff}.swatch-champagne{background:#f4dfb4}.swatch-silver{background:linear-gradient(135deg,#8d96a0,#f7f9fb,#aeb6bf)}.swatch-blue{background:#4ab6ff}.swatch-pink{background:#ff5aa5}.swatch-red{background:#ff4a4a}.swatch-green{background:#53d98e}

.settings-panel-body .admin-wrap{padding:12px 12px 92px}
.settings-panel-body header{display:none}
.settings-panel-body .card{padding:13px;margin-bottom:10px;border-radius:13px}
.settings-panel-body .settings-card>h2{font-size:17px;padding-bottom:9px;margin-bottom:9px}
.settings-panel-body label{margin-top:10px;font-size:13px}
.settings-panel-body input,.settings-panel-body textarea,.settings-panel-body select{margin-top:5px;padding:9px 10px;border-radius:9px;font-size:13px}
.settings-panel-body .field-title{margin:13px 0 7px;font-size:13px}
.settings-panel-body .font-choice-grid{gap:7px}
.settings-panel-body .font-choice{padding:7px;gap:5px}
.settings-panel-body .font-choice small{font-size:10px}
.settings-panel-body .font-sample{font-size:15px}
.settings-panel-body .font-script{font-size:18px}
.settings-panel-body .toggle-grid{gap:7px}
.settings-panel-body .switch-row{padding:8px 9px;font-size:12px}
.settings-panel-body .switch-row input{width:17px;height:17px}
.settings-panel-body .hint-inline{font-size:11px;margin-top:8px}
.settings-panel-body .ad-settings summary{padding:10px 11px;font-size:12px}
.settings-panel-body .ad-settings>label,.settings-panel-body .ad-settings>.current-ad-image{margin-left:10px;margin-right:10px}
.settings-panel-body .ad-settings>label:last-of-type{margin-bottom:10px}
.settings-panel-body textarea{rows:3}
.settings-panel-body .savebar{
  position:fixed!important;
  z-index:100;
  left:12px;
  right:12px;
  bottom:10px!important;
  margin:0;
  padding:8px;
  border-radius:12px;
  background:rgba(255,255,255,.97);
  box-shadow:0 -5px 24px rgba(31,39,49,.14);
}
.settings-panel-body .simple-savebar .save{width:100%;padding:11px 12px;font-size:14px}
@media(max-width:430px){.color-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* 26.08.2026 – Seiteneinstellungen wirklich kompakt: Inhalt scrollt, Speichern bleibt immer sichtbar. */
.settings-panel-body{height:100vh;min-height:0;overflow:hidden}
.settings-panel-body .settings-editor{height:100vh;min-height:0;padding:0;overflow:hidden}
.settings-panel-body .settings-panel-form{height:100%;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:hidden}
.settings-panel-body .settings-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:9px 9px 4px;scrollbar-gutter:stable}
.settings-panel-body .settings-scroll .card{padding:11px;margin-bottom:8px}
.settings-panel-body .settings-card>h2{font-size:15px;padding-bottom:7px;margin-bottom:7px}
.settings-panel-body label{margin-top:7px;font-size:12px}
.settings-panel-body input,.settings-panel-body textarea,.settings-panel-body select{margin-top:4px;padding:7px 8px;font-size:12px}
.settings-panel-body .field-title{margin:9px 0 6px;font-size:12px}
.settings-panel-body .font-choice-grid{gap:5px}
.settings-panel-body .font-choice{padding:6px;gap:3px;border-radius:10px}
.settings-panel-body .font-choice small{font-size:9px}
.settings-panel-body .font-sample{font-size:14px}
.settings-panel-body .font-script{font-size:16px}
.settings-panel-body .color-choice-grid{gap:5px}
.settings-panel-body .color-choice{padding:6px;border-radius:9px;gap:4px 5px}
.settings-panel-body .color-choice small{font-size:9px}
.settings-panel-body .color-swatch{width:27px;height:17px}
.settings-panel-body .toggle-grid{gap:5px;margin:4px 0 7px}
.settings-panel-body .switch-row{padding:6px 8px;font-size:11px;border-radius:9px}
.settings-panel-body .switch-row input{width:15px;height:15px}
.settings-panel-body .hint-inline{font-size:10px;margin-top:6px;line-height:1.35}
.settings-panel-body .ad-settings{margin-top:6px;border-radius:10px}
.settings-panel-body .ad-settings summary{padding:8px 9px;font-size:11px}
.settings-panel-body .savebar{position:static!important;left:auto!important;right:auto!important;bottom:auto!important;margin:0;padding:7px 9px 9px;border:0;border-top:1px solid var(--line);border-radius:0;background:#fff;box-shadow:0 -4px 14px rgba(31,39,49,.10);backdrop-filter:none}
.settings-panel-body .simple-savebar .save{width:100%;padding:9px 10px;font-size:13px}

/* Titel-Studio: mehr Schriftstile und Größenregler */
.title-font-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.range-value{float:right;color:#8a650e;font-weight:900}
input[type="range"]{padding:0;height:28px;accent-color:#c7941c}
.settings-panel-body .title-font-grid{grid-template-columns:1fr 1fr}
@media(max-width:370px){.settings-panel-body .title-font-grid{grid-template-columns:1fr}}

.owner-settings-card input[type="email"]{font-family:inherit}
.owner-settings-card .hint-inline{line-height:1.45}