.zzr{position:relative;overflow:hidden;width:100%;isolation:isolate;background:transparent;box-sizing:border-box}
.zzr *{box-sizing:border-box}
.zzr .zzr-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:var(--zzr-valign,center);padding:var(--zzr-pad,40px);background-color:var(--zzr-bg,transparent);background-repeat:no-repeat;color:var(--zzr-color,#fff);font-family:var(--zzr-font,inherit);font-size:clamp(calc(var(--zzr-sizem,14) * 1px),calc(var(--zzr-sizem,14) * 1px + (var(--zzr-size,22) - var(--zzr-sizem,14)) * ((100vw - 360px) / 840)),calc(var(--zzr-size,22) * 1px));font-weight:var(--zzr-weight,400);line-height:var(--zzr-lh,1.5);text-align:var(--zzr-align,left);opacity:1;transition:opacity var(--zzr-fade,500ms) ease;overflow:hidden}
.zzr .zzr-layer.zzr-gone{opacity:0;pointer-events:none}
.zzr .zzr-layer.is-active{touch-action:none;cursor:crosshair;-webkit-user-select:none;user-select:none}
.zzr .zzr-inner{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;width:100%;max-width:var(--zzr-maxw,100%);margin-left:auto;margin-right:auto}
.zzr .zzr-inner p{margin:0 0 1em;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit}
.zzr .zzr-inner p:last-child{margin-bottom:0}
.zzr .zzr-inner :is(h1,h2,h3,h4,h5,h6){font-family:var(--zzr-hfont,inherit);color:var(--zzr-hcolor,inherit);font-weight:700;line-height:1.15;margin:0 0 .5em;text-align:inherit}
.zzr .zzr-inner h1{font-size:calc(2.4em * var(--zzr-hscale,1))}
.zzr .zzr-inner h2{font-size:calc(1.9em * var(--zzr-hscale,1))}
.zzr .zzr-inner h3{font-size:calc(1.55em * var(--zzr-hscale,1))}
.zzr .zzr-inner h4{font-size:calc(1.3em * var(--zzr-hscale,1))}
.zzr .zzr-inner h5{font-size:calc(1.15em * var(--zzr-hscale,1))}
.zzr .zzr-inner h6{font-size:calc(1em * var(--zzr-hscale,1))}
.zzr .zzr-inner :is(ul,ol){margin:0 0 1em;padding-left:1.3em;text-align:left}
.zzr .zzr-inner a{color:inherit;text-decoration:underline}
.zzr .zzr-inner img{max-width:100%;height:auto}

.zzr .zzr-hint{position:absolute;left:50%;bottom:22px;text-align:center;transform:translateX(-50%);z-index:1000;padding:.45em 1em;font:600 13px/1.2 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;letter-spacing:.04em;color:#fff;background:rgba(0,0,0,.65);border:1px solid rgba(255,255,255,.35);pointer-events:none;transition:opacity .4s ease;white-space:normal;max-width:84%}
.zzr .zzr-hint.is-hidden{opacity:0}

.zzr .zzr-skip{position:absolute;right:12px;top:12px;z-index:1001;padding:.5em .9em;font:600 13px/1.2 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:#fff;background:rgba(0,0,0,.7);border:1px solid rgba(255,255,255,.6);border-radius:0;cursor:pointer}
.zzr .zzr-skip:hover{background:#fff;color:#000}
.zzr .zzr-skip:focus-visible{outline:3px solid #ccff00;outline-offset:2px}
.zzr .zzr-skip[hidden]{display:none}

.zzr .zzr-progress{position:absolute;left:0;right:0;bottom:0;height:4px;z-index:1002;background:rgba(255,255,255,.15);opacity:0;transition:opacity .3s ease;pointer-events:none}
.zzr .zzr-progress.is-on{opacity:1}
.zzr .zzr-progress span{display:block;height:100%;width:0;background:#ccff00}

@media (max-width:768px){
	.zzr .zzr-layer{padding:calc(var(--zzr-pad,40px) * .6)}
}
@media (prefers-reduced-motion:reduce){
	.zzr .zzr-layer,.zzr .zzr-hint,.zzr .zzr-progress{transition:none}
}

/* Overlay-Modus: Ebenen liegen vor einem bestehenden (Avada-)Container */
.zzr.zzr--overlay{position:absolute;top:0;left:0;right:0;bottom:auto;width:auto;height:var(--zzr-oh,100svh);z-index:50;pointer-events:none}
.zzr.zzr--overlay .zzr-layer{pointer-events:auto}
.zzr.zzr--overlay .zzr-layer.zzr-gone{pointer-events:none}
.zzr.zzr--overlay .zzr-skip{pointer-events:auto}

/* Touch-Geräte: Seite festsetzen, solange Ebenen weggewischt werden */
html.zzr-locked,html.zzr-locked body{overflow:hidden!important;overscroll-behavior:none;touch-action:none}

/* Überschriften: nie mitten im Wort umbrechen, sondern per Skript auf die Breite einpassen */
.zzr .zzr-inner :is(h1,h2,h3,h4,h5,h6){overflow-wrap:normal;word-break:normal;-webkit-hyphens:manual;hyphens:manual}

/* Touch: Hinweis über die schwebende Browser-Leiste heben */
@media (pointer:coarse){
	.zzr .zzr-hint{bottom:calc(64px + env(safe-area-inset-bottom,0px))}
}