/* Sprachschicht fuer den Verkaufsteaser. Das freigegebene Bild img/verkaufsteaser-freigegeben.png bleibt unveraendert.
   Bei Deutsch wird nichts eingeblendet. Fuer EN/ES/IT liegt eine transparente Patch-Schicht ueber dem Bild,
   darauf stehen die Texte als HTML. Alle Masse in % und cqw des Containers .teaser-scene (2000 px = 100cqw). */
.ti{display:none}
html[data-tlang] .ti{display:block}
.ti{position:absolute;inset:0;pointer-events:none;user-select:none;z-index:0;font-family:Nunito,system-ui,sans-serif}
.ti-layer{position:absolute;inset:0;width:100%;height:100%;opacity:0;max-width:none}
.ti.ready .ti-layer{opacity:1}
.ti:not(.ready) .ti-t,.ti:not(.ready) .ti-pill{opacity:0}
.ti-t{position:absolute;display:flex;flex-direction:column;justify-content:center;overflow:visible;white-space:nowrap;--k:1;font-size:calc(var(--fs)*var(--k))}
.ti-t>span{display:block}
.ti-c{align-items:center;text-align:center}
.ti-l{align-items:flex-start;text-align:left}
.ti-head{left:21.250%;top:11.765%;width:58.750%;height:7.744%;--fs:3.800cqw;font-family:Fraunces,Georgia,serif;font-weight:700;color:#f8f8f9;line-height:1.1;text-shadow:0 .1cqw .5cqw rgba(0,0,20,.45)}
.ti-sub{left:29.500%;top:19.509%;width:40.750%;height:6.552%;--fs:1.350cqw;font-weight:600;color:#e9eaf0;line-height:1.62;text-shadow:0 .05cqw .3cqw rgba(0,0,20,.6)}
.ti-bt{left:70.250%;top:40.804%;width:14.750%;height:2.829%;--fs:2.200cqw;font-family:Fraunces,Georgia,serif;font-weight:700;color:#4f3316;line-height:1.05}
.ti-bt2{left:70.250%;top:43.783%;width:14.750%;height:2.532%;--fs:1.700cqw;font-family:Fraunces,Georgia,serif;font-weight:700;color:#5c4123;line-height:1.05}
.ti-bs{left:70.250%;top:46.463%;width:14.750%;height:4.468%;--fs:1.350cqw;font-weight:800;color:#1f3363;line-height:1.28}
.ti-r1{left:72.900%;top:69.248%;width:12.900%;height:2.234%;--fs:1.050cqw;font-weight:700;color:#5a4636;line-height:1.1}
.ti-r2{left:72.900%;top:71.780%;width:12.900%;height:2.234%;--fs:1.050cqw;font-weight:700;color:#5a4636;line-height:1.1}
.ti-r3{left:72.900%;top:74.460%;width:12.900%;height:2.234%;--fs:1.050cqw;font-weight:700;color:#5a4636;line-height:1.1}
.ti-r4{left:72.900%;top:77.066%;width:12.900%;height:2.234%;--fs:1.050cqw;font-weight:700;color:#5a4636;line-height:1.1}
.ti-btn{left:72.400%;top:81.906%;width:12.700%;height:2.978%;--fs:1.300cqw;font-weight:800;color:#3a2c0e;line-height:1.1}
.ti-c1{left:23.300%;top:95.011%;width:27.750%;height:4.021%;--fs:1.050cqw;font-weight:600;color:#d6dbf1;line-height:1.2;text-shadow:0 .05cqw .3cqw rgba(0,0,20,.7)}
.ti-c2{left:58.000%;top:95.011%;width:22.300%;height:4.021%;--fs:1.050cqw;font-weight:600;color:#d6dbf1;line-height:1.2;text-shadow:0 .05cqw .3cqw rgba(0,0,20,.7)}
.ti-pill{position:absolute;display:flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:999px}
.ti-lang{left:1.400%;top:4.244%;width:15.450%;height:5.808%;background:#11192d;border:0.125cqw solid #4b5468}
.ti-slot{position:absolute;top:5.29%;height:4.02%;width:3.5%;display:flex;align-items:center;justify-content:center;border-radius:999px;font-weight:800;font-size:1.500cqw;color:#f3f1ec;letter-spacing:.02em}
.ti-slot[aria-current="true"]{background:linear-gradient(180deg,#f6dca2,#eccb8a);color:#2b2110}
.ti-ki{left:88.200%;top:4.319%;width:10.400%;height:5.659%;background:#18254a;border:0.125cqw solid #7283a1;color:#fff;font-weight:800;--fs:1.600cqw;font-size:calc(var(--fs)*var(--k));--k:1;white-space:nowrap;padding:0 0.500cqw}
.ti-next{left:89.000%;top:60.983%;width:10.700%;height:5.957%;background:#1e2134;border:0.125cqw solid #b9a5ae;color:#fff;font-weight:800;--fs:1.600cqw;font-size:calc(var(--fs)*var(--k));--k:1;white-space:nowrap;gap:0.700cqw;padding:0 0.400cqw}
.ti-next i{font-style:normal;font-size:1.25em;line-height:1;transform:translateY(-.04em)}
.ti-slot[data-l="de"]{left:1.75%}
.ti-slot[data-l="en"]{left:5.45%}
.ti-slot[data-l="es"]{left:9.2%}
.ti-slot[data-l="it"]{left:12.8%}