.tlio-showroom{--sr-tinte:#13324B;--sr-gruen:#2F7D5B;--sr-gruen-d:#23684A;--sr-salbei:#E3F1EA;--sr-sonne:#F6C445;--sr-linie:#DCE6E0;--sr-grau:#5F7385;
display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,1fr);grid-template-areas:"tabs tabs" "buehne info";gap:18px;margin:28px 0 36px;font-family:inherit;color:var(--sr-tinte)}
.tlio-showroom *{box-sizing:border-box}
.sr-tabs{grid-area:tabs;display:flex;gap:8px;overflow-x:auto;padding:2px 2px 6px;scrollbar-width:thin}
.sr-tab{flex:1 0 auto;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:11px 16px;border:2px solid var(--sr-linie);border-radius:14px;background:#fff;color:var(--sr-tinte);cursor:pointer;text-align:left;font:inherit;transition:border-color .15s,background .15s,transform .15s}
.sr-tab b{font-size:16px;line-height:1.2}
.sr-tab small{font-size:13px;color:var(--sr-grau);line-height:1.2}
.sr-tab:hover{border-color:#9fcdb6;transform:translateY(-1px)}
.sr-tab[aria-selected="true"]{border-color:var(--sr-gruen);background:var(--sr-salbei)}
.sr-tab[aria-selected="true"] small{color:var(--sr-gruen-d)}
.sr-tab:focus-visible{outline:3px solid var(--sr-sonne);outline-offset:2px}
.sr-buehne{grid-area:buehne;position:relative;display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:radial-gradient(120% 90% at 70% 10%,#ffffff 0%,#f1f7f3 45%,#dfece4 100%);border:1px solid var(--sr-linie);box-shadow:0 18px 40px rgba(19,50,75,.10)}
.sr-buehne::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,var(--sr-gruen),#7CC39F 55%,var(--sr-sonne));z-index:2}
.sr-canvas{position:relative;width:100%;flex:1 1 auto;min-height:380px;aspect-ratio:16/11;cursor:grab}
.sr-canvas:active{cursor:grabbing}
.sr-canvas canvas{display:block;width:100%!important;height:100%!important}
.sr-laden{position:absolute;inset:0;display:grid;place-items:center;color:var(--sr-grau);font-size:15px}
.sr-steuer{position:absolute;left:14px;right:14px;bottom:12px;display:flex;flex-wrap:wrap;align-items:center;gap:8px;z-index:2;pointer-events:none}
.sr-steuer button{pointer-events:auto;border:0;border-radius:12px;padding:10px 15px;font-weight:700;font-size:15px;line-height:1;font-family:inherit;cursor:pointer;box-shadow:0 4px 12px rgba(19,50,75,.15)}
.sr-fahrt{background:var(--sr-gruen);color:#fff}
.sr-fahrt:hover{background:var(--sr-gruen-d)}
.sr-klapp{background:#fff;color:var(--sr-tinte)}
.sr-tipp{margin-left:auto;font-size:12.5px;color:var(--sr-grau);background:rgba(255,255,255,.8);padding:5px 9px;border-radius:999px}
.sr-info{grid-area:info;background:#fff;border:1px solid var(--sr-linie);border-radius:22px;padding:22px 22px 20px;box-shadow:0 18px 40px rgba(19,50,75,.08);display:flex;flex-direction:column}
.sr-kicker{margin:0 0 4px!important;font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--sr-grau)}
.sr-info h3{margin:0 0 8px!important;font-size:26px;line-height:1.15}
.sr-info h3 span{font-size:17px;font-weight:600;color:var(--sr-grau)}
.sr-fuer{margin:0 0 14px!important;font-size:16px;line-height:1.5}
.sr-preis{background:var(--sr-salbei);border-radius:14px;padding:12px 14px 10px;margin-bottom:12px}
.sr-preis-kopf{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap}
.sr-preis-kopf span{font-size:13.5px;color:var(--sr-gruen-d);font-weight:700}
.sr-preis-kopf b{font-size:20px}
.sr-spur{position:relative;height:10px;border-radius:99px;background:#fff;margin:9px 0 4px}
.sr-spur i{position:absolute;top:0;bottom:0;border-radius:99px;background:linear-gradient(90deg,#5EB090,var(--sr-gruen));transition:left .4s,width .4s}
.sr-achse{display:flex;justify-content:space-between;font-size:11.5px;color:var(--sr-grau)}
.sr-zeile{margin:0 0 10px!important;font-size:15px}
.sr-pm{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}
.sr-pm ul{list-style:none!important;margin:0!important;padding:0!important}
.sr-pm li{position:relative;padding:0 0 6px 24px!important;margin:0!important;font-size:14.5px;line-height:1.35;background:none!important}
.sr-pm li::before{content:"";position:absolute;left:0;top:2px;width:17px;height:17px;border-radius:50%}
.sr-plus li::before{background:var(--sr-gruen) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/13px no-repeat}
.sr-minus li::before{background:#e9eef2 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8h7' stroke='%235F7385' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/13px no-repeat}
.sr-zuschuss{margin:2px 0 14px!important;padding:9px 12px;border-radius:12px;background:#FFF6D9;font-size:14.5px}
.sr-knoepfe{margin-top:auto;display:flex;flex-wrap:wrap;gap:8px}
.sr-knoepfe a{flex:1 1 auto;text-align:center;padding:12px 14px;border-radius:12px;font-weight:700;font-size:15.5px;text-decoration:none!important}
.sr-mehr{background:#fff;border:2px solid var(--sr-linie);color:var(--sr-tinte)!important}
.sr-mehr:hover{border-color:var(--sr-gruen)}
.sr-cta{background:linear-gradient(135deg,#3A9A70,var(--sr-gruen-d));color:#fff!important;box-shadow:0 6px 16px rgba(47,125,91,.25)}
@media (max-width:900px){
.tlio-showroom{grid-template-columns:1fr;grid-template-areas:"tabs" "buehne" "info"}
.sr-canvas{aspect-ratio:4/3.4}
.sr-tipp{display:none}
.sr-tab{flex:0 0 auto}
}
@media (prefers-reduced-motion:reduce){.sr-spur i,.sr-tab{transition:none}} .tlio-preisliste td.n b{white-space:nowrap}