/* Die Bedienoberfläche verändert keine öffentlichen Gestaltungswerte. */
.pn-gallery{position:relative;display:block;min-height:300px;height:625px;max-height:75vh;overflow:hidden}
.pn-gallery>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s ease}
.pn-gallery>img[data-pn-active]{opacity:1}
.pn-gallery-dots{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:9px;background:transparent;z-index:2}
.pn-gallery-dots button{display:block;width:9px;height:9px;min-height:0;border:1px solid #fff;border-radius:50%;background:transparent;padding:0;cursor:pointer}
.pn-gallery-dots button[aria-current=true]{background:#fff}
#pn-launch{position:fixed;right:24px;bottom:24px;z-index:2147482000;border:1px solid #fff;border-radius:6px;background:#4b5142;color:#fff;padding:13px 19px;font:600 15px/1.4 Arial,sans-serif;box-shadow:0 3px 18px #0003;cursor:pointer}
#pn-editor{--pn-green:#4b5142;position:fixed;inset:0;z-index:2147483000;display:grid;grid-template-columns:minmax(0,1fr) 350px;grid-template-rows:auto minmax(0,1fr) auto;background:#e5e6e2;color:#252a22;font:14px/1.4 Arial,sans-serif;text-align:left;letter-spacing:normal}
#pn-editor *{box-sizing:border-box;font-family:Arial,sans-serif;letter-spacing:normal}
#pn-editor button,#pn-editor input,#pn-editor select,#pn-editor textarea{font:inherit;color:inherit}
#pn-editor button{cursor:pointer;border:1px solid #ccd0c6;border-radius:4px;background:white;padding:7px 9px;min-height:33px;line-height:1.3;text-transform:none;white-space:normal}
#pn-editor button:hover{border-color:#4b5142;background:#f5f6f2}
#pn-editor button:focus-visible,#pn-editor :is(input,select,textarea):focus-visible{outline:2px solid #9d7136;outline-offset:2px}
#pn-editor button:disabled{opacity:.45;cursor:default}
#pn-editor button.pn-primary{background:#4b5142;color:#fff;border-color:#4b5142}
#pn-editor button[aria-pressed=true],#pn-editor [role=tab][aria-selected=true]{background:#e8ede3;border-color:#4b5142;font-weight:700}
#pn-editor .pn-top{grid-column:1/-1;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 14px;background:#fff;border-bottom:1px solid #c5cbbd;box-shadow:0 2px 5px #0001}
#pn-editor .pn-brand{font-size:16px;font-weight:700;color:#4b5142;margin-right:10px}
#pn-editor .pn-top label{display:flex;align-items:center;gap:6px;margin:0}
#pn-editor .pn-devices{display:flex;gap:3px}
#pn-editor .pn-spacer{flex:1}
#pn-editor .pn-stage{min-width:0;min-height:0;overflow:auto;position:relative;padding:18px}
#pn-editor .pn-frame-box{position:relative;margin:0 auto;background:#fff;box-shadow:0 5px 30px #0002;transform-origin:top left}
#pn-editor iframe{display:block;border:0;background:#fff;max-width:none;min-height:300px;width:100%;height:100%}
#pn-editor .pn-inspector{background:#fff;border-left:1px solid #c5cbbd;min-height:0;overflow:auto;padding-bottom:16px}
#pn-editor .pn-selected{padding:12px;border-bottom:1px solid #ddd;background:#fbf3e9}
#pn-editor .pn-selected strong{display:block;font-size:15px;margin:2px 0 8px}
#pn-editor .pn-crumbs{display:flex;gap:4px;flex-wrap:wrap;max-height:95px;overflow:auto}
#pn-editor .pn-crumbs button{font-size:11px;padding:4px 6px;min-height:26px}
#pn-editor .pn-tabs{display:flex;flex-wrap:wrap;gap:4px;padding:10px;border-bottom:1px solid #ddd;position:sticky;top:0;background:#fff;z-index:2}
#pn-editor .pn-tabs button{font-size:12px;padding:6px}
#pn-editor .pn-panel{padding:12px}
#pn-editor label{display:block;font-size:12px;margin:0 0 11px}
#pn-editor label>span{display:block;font-weight:600;margin-bottom:4px}
#pn-editor :is(input:not([type=range]):not([type=checkbox]):not([type=color]),select,textarea){width:100%;min-width:0;min-height:33px;border:1px solid #b8beb1;border-radius:3px;padding:6px;background:#fff;box-shadow:none}
#pn-editor input[type=color]{width:42px;min-width:42px;height:33px;padding:2px;border:1px solid #b8beb1;background:white}
#pn-editor input[type=checkbox]{vertical-align:middle;margin-right:6px}
#pn-editor input[type=range]{min-width:0;width:100%;accent-color:#4b5142;margin:0}
#pn-editor textarea{min-height:105px;resize:vertical}
#pn-editor .pn-number{display:grid;grid-template-columns:minmax(0,1fr) 68px 20px 26px;gap:5px;align-items:center}
#pn-editor .pn-number button{padding:3px;min-height:28px;font-size:14px}
#pn-editor .pn-two{display:grid;grid-template-columns:1fr 1fr;gap:9px}
#pn-editor .pn-actions{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 15px}
#pn-editor .pn-actions button{font-size:12px}
#pn-editor fieldset{border:1px solid #d7dbd2;border-radius:4px;padding:10px;margin:0 0 14px;min-width:0}
#pn-editor legend{font-size:13px;font-weight:700;padding:0 4px;color:#4b5142}
#pn-editor .pn-note{font-size:12px;line-height:1.5;color:#65705e;margin:6px 0 12px}
#pn-editor .pn-palette{display:flex;gap:5px;margin:7px 0 13px}
#pn-editor .pn-palette button{width:29px;height:29px;min-height:0;border:1px solid #999;border-radius:50%;padding:0}
#pn-editor .pn-color{display:flex;gap:6px}
#pn-editor .pn-color input:not([type=color]){flex:1}
#pn-editor .pn-footer{grid-column:1/-1;background:#fff;border-top:1px solid #ccd0c6;padding:7px 14px;min-height:33px;font-size:12px;display:flex;justify-content:space-between;gap:12px}
#pn-editor .pn-error{color:#a52f25;font-weight:600}
#pn-editor .pn-section-list{display:grid;gap:4px;max-height:240px;overflow:auto;margin:10px 0}
#pn-editor .pn-section-list button{text-align:left;font-size:12px}
#pn-editor .pn-media{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;max-height:300px;overflow:auto;margin:10px 0}
#pn-editor .pn-media button{padding:3px;min-width:0;font-size:10px;overflow-wrap:anywhere}
#pn-editor .pn-media img{display:block;width:100%;height:64px;object-fit:cover;margin:0 0 3px}
#pn-editor dialog{position:fixed;inset:0;border:1px solid #b6beae;border-radius:6px;padding:22px;max-width:min(650px,90vw);max-height:85vh;overflow:auto;background:white;box-shadow:0 8px 50px #0005;color:#252a22;font-size:14px}
#pn-editor dialog::backdrop{background:#17201480}
#pn-editor dialog h2{font:700 20px/1.3 Arial,sans-serif;margin:0 0 12px;color:#4b5142}
#pn-editor dialog p{font:14px/1.5 Arial,sans-serif}
#pn-editor .pn-version{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:1px solid #ddd}
#pn-editor .pn-help{font-size:12px;margin:0;color:#63705e}
html.pn-open,html.pn-open body{overflow:hidden!important}
html.pn-open body>*:not(#pn-editor):not(script):not(style){visibility:hidden!important}
html.pn-open #pn-editor{visibility:visible!important}
@media(max-width:1000px){#pn-editor{grid-template-columns:minmax(0,1fr) 310px}#pn-editor .pn-brand{display:none}#pn-editor .pn-top{gap:5px}#pn-editor .pn-top button{font-size:12px}}
@media(max-width:700px){#pn-editor{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(200px,45vh) minmax(0,1fr) auto}#pn-editor .pn-inspector{border-left:0;border-top:1px solid #bbb}#pn-editor .pn-stage{padding:8px}#pn-editor .pn-footer{font-size:11px}#pn-editor .pn-tabs{position:static}#pn-editor .pn-spacer{display:none}}