.hero-settings{padding:20px 0 24px;border-bottom:1px solid var(--border)}.hero-settings p,.hero-settings small{font-size:11px;line-height:1.6;color:var(--fg-muted)}.hero-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0}.hero-options button{padding:8px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--fg);text-align:left;cursor:pointer}.hero-options button[aria-pressed=true]{border-color:var(--primary,#d94b28);box-shadow:0 0 0 1px var(--primary,#d94b28)}.hero-options b,.hero-options small{display:block;font-size:11px}.hero-options small{font-size:9px}.hero-mini{display:block;height:60px;border-radius:5px;background:linear-gradient(120deg,#213b2a,#b89669);position:relative;margin-bottom:9px;overflow:hidden}.hero-mini i{position:absolute;left:10px;top:23px;width:28px;height:4px;background:#fff;box-shadow:0 8px 0 #ffffff70}.hero-mini.classic{background:linear-gradient(90deg,#e9dfcf 50%,#65846a 50%)}.hero-mini.classic i{width:19px;background:#374832;box-shadow:0 8px 0 #37483270}.hero-mini.video:after{content:'▶';position:absolute;right:10px;top:20px;color:#fff}.hero-upload{display:block;font-size:12px;font-weight:600;margin:16px 0 5px}.hero-upload input{display:block;width:100%;font-size:10px;margin-top:8px;padding:12px;border:1px dashed var(--border-strong);border-radius:8px;box-sizing:border-box}.hero-settings label select{width:100%;padding:10px;background:var(--surface);color:var(--fg);border:1px solid var(--border);border-radius:6px;margin:8px 0}.hero-settings label input[type=range]{display:block;width:100%;accent-color:#d94b28;margin:12px 0 20px}.hero-settings output{float:right}.hero-settings [hidden]{display:none!important}.hero-settings #heroStatus{min-height:20px;color:var(--fg)}
.site .lp-hero-media{position:relative;overflow:hidden}.site .lp-hero-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.studio-canvas .site[data-hero=image] .lp-hero,.studio-canvas .site[data-hero=video] .lp-hero{display:flex;position:relative;isolation:isolate;min-height:calc(100svh - 200px);padding:48px 32px;align-items:center;box-sizing:border-box;margin:0 auto}
.studio-canvas .site[data-hero=image] .lp-hero-media,.studio-canvas .site[data-hero=video] .lp-hero-media{position:absolute;inset:0;width:100%;height:100%!important;min-height:0;border-radius:0;transform:none;z-index:-2;mask:none;clip-path:none}
.site[data-hero=image] .lp-hero:after,.site[data-hero=video] .lp-hero:after{content:'';position:absolute;inset:0;background:rgba(0,0,0,var(--hero-shade,.45));z-index:-1;pointer-events:none}
.studio-canvas .site[data-hero=image] .lp-hero-copy,.studio-canvas .site[data-hero=video] .lp-hero-copy{position:relative;inset:auto;transform:none;background:none;width:100%;max-width:620px;padding:0!important;color:white}
.site[data-hero=image] .lp-title,.site[data-hero=video] .lp-title,.site[data-hero=image] .lp-sub,.site[data-hero=video] .lp-sub,.site[data-hero=image] .lp-eyebrow,.site[data-hero=video] .lp-eyebrow{color:white!important;text-shadow:0 2px 15px #0005}.site[data-hero-position=center] .lp-hero{justify-content:center}.site[data-hero-position=center] .lp-hero-copy{text-align:center}.site[data-hero-position=center] .lp-cta-row{justify-content:center}.site[data-hero-position=right] .lp-hero{justify-content:flex-end}.site[data-hero-position=right] .lp-hero-copy{text-align:right}.site[data-hero-position=right] .lp-cta-row{justify-content:flex-end}
/* Titel und Untertitel haben eine eigene max-width (18ch / 44ch). Ohne
   auto-Ränder bleibt diese schmalere Box am linken Rand kleben — der Text
   wird zwar zentriert, sitzt aber sichtbar links der Mitte. */
.site[data-hero-position=center] .lp-title,.site[data-hero-position=center] .lp-sub{margin-inline:auto}
.site[data-hero-position=right] .lp-title,.site[data-hero-position=right] .lp-sub{margin-inline-start:auto;margin-inline-end:0}
.site[data-hero=image] .lp-cta-2,.site[data-hero=video] .lp-cta-2{color:white;border-color:#ffffff90;background:#0003}
.hero-settings .studio-download{display:block;margin:5px 0 12px}.hero-upload input::file-selector-button{padding:8px 12px;background:var(--surface-2);color:var(--fg);border:1px solid var(--border);border-radius:5px;margin-right:8px;cursor:pointer}.hero-settings label{font-size:12px}
.studio-canvas .site[data-hero=image] .lp-hero-copy,.studio-canvas .site[data-hero=video] .lp-hero-copy{opacity:1!important}.studio-canvas .site[data-hero=image] .lp-hero-copy>*,.studio-canvas .site[data-hero=video] .lp-hero-copy>*{opacity:1!important}