/* Canonical styles for both Shop and Website. Host files only place/hide the UI. */
@font-face{font-family:SLTrustInter;src:url('/trust-shared/assets/inter-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:SLTrustInter;src:url('/trust-shared/assets/inter-600.woff2') format('woff2');font-weight:600 700;font-display:swap}
.sl-shared-trust{font:400 11px/18px SLTrustInter,Arial,sans-serif;color:#365341;box-sizing:border-box;--sl-trust-shadow:0 4px 18px #243b2d0d,0 12px 34px #243b2d08;--sl-trust-hover:0 6px 22px #243b2d12,0 16px 38px #243b2d10}
.sl-shared-trust *{box-sizing:border-box}
.sl-shared-trust button{display:flex;align-items:center;justify-content:center;gap:5px;border:0;margin:0;padding:0;background:transparent;color:inherit;font:inherit!important;cursor:pointer;text-decoration:none;transition:transform .22s ease,box-shadow .22s ease}
.sl-shared-trust img{display:block;object-fit:contain;max-width:100%}
.sl-shared-trust b{font-weight:600}
.sl-shared-trust svg{display:block;flex:none}
.sl-shared-trust [hidden],.sl-shared-trust[hidden],.sl-trust-float[data-dismissed=true]{display:none!important}
.sl-shared-trust button:focus-visible{outline:2px solid #168343;outline-offset:3px}
.sl-trust-stars{font-size:12px;line-height:18px;letter-spacing:1px;white-space:nowrap}
.sl-trust-stars.is-google{color:#fbbc05}.sl-trust-stars.is-trustlocal{color:#4285f4}.sl-trust-stars.is-award{color:#b7922e}
.sl-trust-bar{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:nowrap;padding:6px 12px;background:#f3f4f6;white-space:nowrap}
.sl-trust-bar button{flex-shrink:0;flex-wrap:nowrap;white-space:nowrap;border-radius:4px}
.sl-trust-bar img{width:42px;height:14px}
.sl-trust-float{position:fixed;z-index:45;right:128px;bottom:20px}
.sl-trust-float-content{position:relative;display:flex;align-items:center;gap:8px}
.sl-trust-float-content>button:not(.sl-trust-dismiss){width:96px;height:56px;border-radius:12px;background:white;padding:6px;box-shadow:var(--sl-trust-shadow);flex:none}
.sl-trust-float-content>.sl-trust-history{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:2px}
.sl-trust-history img{width:100%;height:30px;min-height:0}
.sl-trust-history span{font-size:9px;line-height:11px;color:#4285f4;font-weight:600;white-space:nowrap}
.sl-trust-award img{width:100%;height:42px}
.sl-trust-float-content>.sl-trust-google{flex-direction:column;gap:3px}
.sl-trust-google img{width:62px;height:21px}
.sl-trust-google .sl-trust-stars{line-height:14px}
.sl-trust-float-content>.sl-trust-dismiss{position:absolute;right:-5px;top:-8px;width:24px;height:24px;z-index:1;line-height:0;background:#e64248;color:white;border-radius:50%}
.sl-trust-dismiss svg{width:14px;height:14px}
@media(max-width:650px){.sl-trust-bar{gap:12px;padding:5px 8px;font-size:10px}.sl-trust-bar button{gap:4px}}
.sl-trust-bar[data-density="5"],.sl-trust-bar[data-density="6"]{gap:10px;padding-inline:8px}
.sl-trust-bar[data-density="5"] button,.sl-trust-bar[data-density="6"] button{gap:4px}
.sl-trust-bar[data-density="5"] .sl-trust-stars,.sl-trust-bar[data-density="6"] .sl-trust-stars{font-size:10px;letter-spacing:0}
@media(max-width:760px){
 .sl-trust-float{right:72px;bottom:max(12px,env(safe-area-inset-bottom));z-index:42}
 .sl-trust-float-content{gap:7px}
 .sl-trust-float-content>button:not(.sl-trust-dismiss){width:70px;height:48px;box-shadow:none}
 .sl-trust-history span{font-size:7px;line-height:9px}.sl-trust-history img{height:26px}.sl-trust-award img{height:34px}
 .sl-trust-float-content>.sl-trust-dismiss{right:-4px;top:-10px;width:24px;height:24px}.sl-trust-dismiss svg{width:14px;height:14px}
}
@media(hover:hover) and (pointer:fine){.sl-trust-bar button:hover,.sl-trust-float-content>button:not(.sl-trust-dismiss):hover{transform:scale(1.025);box-shadow:var(--sl-trust-hover)}.sl-trust-dismiss:hover{background:#c92c32}}
@media(prefers-reduced-motion:reduce){.sl-shared-trust button{transition:none}.sl-shared-trust button:hover{transform:none}}

.sl-help-launch {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 43;
  font-size: 13px;
  font-weight: 650;
}
.sl-help-primary:hover {
  background: #ff9a33!important;
}
.sl-help-launch:focus-visible,.sl-help-chat button:focus-visible,.sl-help-coach button:focus-visible {
  outline: 3px solid #ff8200;
  outline-offset: 3px;
}
.sl-help-chat {
  background: white!important;
  border-radius: 22px!important;
  width: calc(100vw - 28px)!important;
  max-height: calc(100dvh - 28px);
  color: #283d30;
}
.sl-help-chat h2 {
  font-size: 22px;
}
.sl-help-chat>p {
  font-size: 12px;
}
.sl-help-topics {
  display: flex;
  gap: 8px;
}
.sl-help-topics button,.sl-help-again {
  font-size: 12px;
  padding: 9px 11px;
  border: 1px solid #e5eae5;
  border-radius: 10px;
}
.sl-help-answer p {
  font-size: 14px;
  line-height: 1.6;
  margin: 0 0 14px;
}
.sl-help-again {
  display: block;
  border: 0;
  padding-left: 0;
  margin-top: 6px;
  color: #637269;
}
.sl-help-chat form label {
  display: block;
  font-size: 12px;
  margin-bottom: 7px;
}
.sl-help-chat form>div {
  display: flex;
  gap: 7px;
}
.sl-help-chat input {
  min-width: 0;
  width: 100%;
  border: 1px solid #dce4de;
  border-radius: 11px;
  padding: 11px;
  background: #fff;
}
.sl-help-chat form button {
  border-radius: 11px;
  padding: 0 15px;
}
.sl-help-primary {
  padding: 10px 14px;
  border-radius: 11px;
  background: #ff8200!important;
  color: #fff!important;
  font-size: 12px;
  font-weight: 650;
}
.sl-help-primary svg {
  color: #fff!important;
}
.sl-find-help-overlay {
  position: fixed;
  inset: 0;
  z-index: 90;
  pointer-events: none;
  font-family: inherit;
}
.sl-find-help-overlay .story-effects {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.sl-find-help-overlay .story-effects>rect {
  opacity: .52;
}
.sl-guide-ring {
  position: fixed;
  border: 2px solid #ff8200;
  border-radius: 12px;
  box-shadow: 0 0 0 4px #ff820020;
  pointer-events: none;
}
.sl-find-help-overlay .tour-cursor {
  z-index: 3;
  pointer-events: none;
  transition: left .35s ease,top .35s ease;
}
.sl-find-help-overlay .tour-cursor svg {
  display: block;
  width: 36px;
  height: 40px;
}
.sl-find-help-overlay .energy-lines {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.sl-help-coach {
  position: fixed;
  z-index: 4;
  background: #fff;
  color: #283d30;
  border: 1px solid #e4e9e5;
  border-radius: 17px;
  padding: 15px;
  box-shadow: 0 15px 50px #182f2030;
  pointer-events: auto;
  max-height: calc(100dvh - 24px);
  overflow: auto;
}
.sl-help-coach>div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}
.sl-help-coach strong {
  font-size: 13px;
}
.sl-help-coach>div button {
  font-size: 22px;
  line-height: 1;
  padding: 2px 5px;
  border-radius: 6px;
}
.sl-help-coach p {
  font-size: 13px;
  line-height: 1.6;
  margin: 10px 0;
}
.sl-help-coach footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 9px;
  background: white;
}
.sl-help-coach footer span {
  margin-right: auto;
  font-size: 11px;
  color: #68766c;
}
.sl-help-coach footer button {
  font-size: 12px;
  padding: 8px 10px;
  border-radius: 9px;
}
.sl-help-coach button:disabled {
  opacity: .4;
}
.sl-find-help-active .shop-robi-guide,.sl-find-help-active .shop-robi-reopen,.sl-find-help-active .lauckner-trust-floating {
  visibility: hidden!important;
}
.sl-help-chat *,.sl-help-coach * {
  scrollbar-width: thin;
  scrollbar-color: #a3afa7 transparent;
}
.sl-help-chat ::-webkit-scrollbar-track,.sl-help-chat ::-webkit-scrollbar-corner,.sl-help-coach ::-webkit-scrollbar-track,.sl-help-coach ::-webkit-scrollbar-corner {
  background: transparent;
}
@media(prefers-reduced-motion:reduce) {
  .sl-find-help-overlay .tour-cursor {
    transition: none;
  }
}
@media(max-height:450px) {
  .sl-help-coach {
    padding: 11px;
  }
  .sl-help-coach p {
    font-size: 12px;
    line-height: 1.35;
    margin: 7px 0;
  }
}
.sl-find-help-overlay .navigation-energy {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  overflow: hidden;
}
.sl-find-help-overlay .navigation-energy path {
  fill: none;
  stroke: #ff8200;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}
.sl-find-help-overlay .navigation-energy-line {
  stroke-width: 1.35;
}
.sl-find-help-overlay .navigation-energy-pulse {
  opacity: 0;
}
.sl-find-help-overlay .story-effects {
  z-index: 0;
}
.sl-guide-ring {
  z-index: 1;
}
.sl-info-dialog ::-webkit-scrollbar,.sl-help-chat::-webkit-scrollbar,.sl-help-coach::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.sl-help-launch {
  padding: 0 10px;
  place-items: center;
}
@media(max-width:650px) {
  .sl-help-launch {
    right: 12px;
  }
}
/* Gewohnter Chat: Verlauf oben, festes Eingabefeld unten. */
.sl-help-chat {
  left: auto!important;
  top: auto!important;
  right: 20px;
  bottom: 88px;
  transform: none!important;
  animation: none!important;
  display: flex!important;
  flex-direction: column;
  height: min(530px,calc(100dvh - 110px));
  max-width: 390px!important;
  padding: 0!important;
  gap: 0!important;
  overflow: hidden;
  box-shadow: 0 16px 65px #20312826;
}
.sl-help-chat>header {
  position: static;
  flex: none;
  background: #fff;
  padding: 23px 45px 18px 22px;
  border-bottom: 1px solid #f0f1f0;
}
.sl-help-chat header h2 {
  font-size: 20px;
}
.sl-help-chat header p {
  font-size: 11px;
  color: #7a827c;
  margin-top: 7px;
}
.sl-help-messages {
  flex: 1;
  min-height: 0;
  overflow: auto;
  padding: 20px 16px;
  display: flex;
  flex-direction: column;
  gap: 13px;
  scrollbar-width: thin;
  scrollbar-color: #b2b8b4 transparent;
}
.sl-help-message {
  max-width: 90%;
  padding: 12px 14px;
  border-radius: 15px;
  background: #f4f5f4;
  align-self: flex-start;
  font-size: 13px;
  line-height: 1.65;
  overflow-wrap: anywhere;
}
.sl-help-message p {
  margin: 0;
  white-space: pre-wrap;
}
.sl-help-message.is-user {
  background: #fff;
  border: 1px solid #e5e8e5;
  align-self: flex-end;
  border-bottom-right-radius: 5px;
}
.sl-help-message.is-assistant {
  border-bottom-left-radius: 5px;
}
.sl-help-message button {
  font-size: 12px;
  color: #b44f00;
  text-align: left;
  font-weight: 650;
  padding: 8px 0 0;
}
.sl-help-chat>.sl-help-topics {
  padding: 0 16px 12px;
  flex-wrap: wrap;
}
.sl-help-chat form {
  flex: none;
  padding: 14px 16px;
  border-top: 1px solid #f0f1f0;
  background: #fff;
}
.sl-help-chat form button {
  background: #ff8200;
  color: white;
  border: 0;
  width: 42px;
  flex: none;
  font-size: 20px;
}
.sl-help-chat form button:disabled {
  background: #f0f1f0;
  color: #9aa29c;
}
.sl-help-chat input {
  font-size: 14px;
}
.sl-help-messages::-webkit-scrollbar {
  width: 6px;
}
.sl-help-messages::-webkit-scrollbar-track,.sl-help-messages::-webkit-scrollbar-corner {
  background: transparent;
}
.sl-help-messages::-webkit-scrollbar-thumb {
  background: #b2b8b4;
  border-radius: 6px;
}
@media(max-width:650px) {
  .sl-help-chat {
    right: 12px;
    bottom: 82px;
    width: calc(100vw - 24px)!important;
  }
}
.sl-help-launch:focus-visible {
  outline-color: hsl(var(--primary));
}
/* Chat-Einstieg als weiße Kachel neben den Vertrauenssymbolen. */
.sl-help-launch {
  width: 96px;
  height: 56px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 3px;
  border-radius: 12px;
  background: #fff!important;
  color: #365341!important;
  border: 0;
  box-shadow: 0 4px 18px #243b2d0d,0 12px 34px #243b2d08;
}
.sl-help-launch span {
  font-size: 11px;
  line-height: 14px;
  font-weight: 600;
}
@media(max-width:650px) {
  .sl-help-launch {
    width: 78px;
    height: 50px;
  }
}
.sl-product-mouse-tour .tour-cursor .cursor-aura {
  position: absolute;
  inset: -13px;
  border-radius: 50%;
  background: radial-gradient(circle,#56c35675 0%,#56c35630 45%,transparent 72%);
  filter: blur(4px);
}
.sl-product-mouse-tour .tour-cursor svg {
  position: relative;
  filter: drop-shadow(0 0 8px #56c35680);
}
.sl-product-mouse-tour .cursor-click-pulse {
  position: absolute;
  left: -7px;
  top: -7px;
  width: 27px;
  height: 27px;
  border: 2px solid #56c356;
  border-radius: 50%;
  box-shadow: 0 0 12px #56c35680;
}
.sl-product-mouse-tour .sl-guide-ring {
  border-color: #56c356;
  box-shadow: 0 0 0 4px #56c35620;
}
.sl-product-mouse-tour .navigation-energy path {
  stroke: #56c356;
}
.sl-product-tour-active [data-sl-tour-menu] {
  z-index: 50;
}
@media(max-width:760px) {
  .sl-help-launch {
    right: 12px;
    bottom: max(12px,env(safe-area-inset-bottom));
    width: 44px;
    height: 44px;
    padding: 10px;
    border-radius: 50%;
    gap: 0;
  }
  .sl-help-launch>span {
    display: none;
  }
  .sl-help-launch>svg {
    width: 23px;
    height: 23px;
  }
}
.sl-help-launch {
  transition: transform .22s ease,box-shadow .22s ease;
}
@media(hover:hover) and (pointer:fine) {
  .sl-help-launch:hover {
    transform: scale(1.025);
    box-shadow: var(--shadow-neutral-hover);
  }
}
@media(prefers-reduced-motion:reduce) {
  .sl-help-launch {
    transition: none;
  }
  .sl-help-launch:hover {
    transform: none;
  }
}

/* Shared trust UI, plus website-only placement and page help. */


:root{--sl-trust-height:30px;--shadow-neutral-hover:0 6px 22px #243b2d12,0 16px 38px #243b2d10}
/* Shop preflight equivalents, limited to the imported UI. */
:where(.sl-trust-line,.lauckner-trust-floating,.sl-help-launch,.sl-help-chat){font-family:Inter,Arial,sans-serif;line-height:1.5}
:where(.sl-trust-line,.lauckner-trust-floating,.sl-help-chat) *, .sl-help-launch{box-sizing:border-box}
:where(.sl-trust-line,.lauckner-trust-floating,.sl-help-chat) button{font-family:inherit;border:0;background:transparent;color:inherit;cursor:pointer;margin:0}
:where(.sl-trust-line,.lauckner-trust-floating) button{font-size:inherit;line-height:inherit;padding:0}
:where(.sl-trust-line,.lauckner-trust-floating) img{display:block;max-width:100%}
.sl-trust-line{position:fixed;inset:0 0 auto;z-index:1040}
body>header .navbar.fixed-top{top:var(--sl-trust-height)}
body>header{padding-top:0}
html{scroll-padding-top:calc(var(--sl-header-height,110px) + var(--sl-trust-height))}
.lauckner-trust-floating,.sl-help-launch{z-index:1040}
.lauckner-trust-floating[hidden],.sl-help-chat[hidden]{display:none!important}
.sl-help-chat{position:fixed;z-index:1042;border:1px solid #e5e8e5}
.sl-help-chat header h2{margin:0;font-weight:600;line-height:1.4}
.sl-help-chat header p{margin-bottom:0;line-height:1.5}
.sl-help-chat>.sl-close{position:absolute;right:16px;top:16px}
.sl-help-chat .sl-help-links{display:flex;flex-direction:column;align-items:flex-start}
.sl-help-chat .sl-help-links a{font-size:12px;color:#b44f00;font-weight:650;padding-top:8px;text-decoration:none}
.sl-help-chat input{line-height:1.5;color:#283d30}
.sl-help-chat .sl-help-topics button{border:1px solid #e5eae5;background:white}
.sl-help-chat form button:disabled{color:#fff}
.sl-help-target{outline:3px solid #4a964a;outline-offset:8px;scroll-margin-top:150px}
body.sl-assist-hidden :is(.lauckner-trust-floating,.sl-help-launch,.sl-help-chat){visibility:hidden}
#sl-local-form-status{left:18px;right:auto;bottom:18px}
.sl-stars{white-space:nowrap;letter-spacing:1px}.sl-stars-google{color:#fbbc05}.sl-stars-trustlocal{color:#4285f4}.sl-stars-award{color:#b7922e}
.sl-trust-dialog{border:1px solid #e1e8e3;border-radius:22px;background:white;color:#283d30;width:min(760px,calc(100vw - 28px));height:min(860px,calc(100dvh - 28px));padding:26px;margin:auto;box-sizing:border-box;font:15px/1.6 Inter,Arial,sans-serif;overflow:hidden}.sl-trust-dialog[open]{display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:18px}.sl-trust-dialog::backdrop{background:#14201966;backdrop-filter:blur(3px)}.sl-trust-dialog header{position:static;display:flex;justify-content:space-between;align-items:center;gap:16px;box-shadow:none;background:white}.sl-trust-dialog h2{font:650 23px/1.3 Inter,Arial,sans-serif;margin:0}.sl-trust-dialog nav{display:flex;gap:6px;flex-wrap:wrap}.sl-trust-dialog nav button{font:inherit;font-size:13px;border:1px solid #dfe7e1;border-radius:10px;padding:7px 11px;background:white;color:#365341}.sl-trust-dialog nav button[aria-pressed=true]{background:#eef3ef}.sl-trust-dialog article{overflow:auto;min-height:0}.sl-trust-dialog p{margin:16px 0}.sl-trust-dialog a{color:#438b43;text-decoration:underline}.sl-trust-dialog .sl-proof-score{padding:16px;background:#f3f4f6;border-radius:14px;min-height:100px;display:flex;flex-direction:column;gap:5px}.sl-proof-score strong{font-size:27px}.sl-proof-image{width:100%;height:auto;margin-top:20px}.sl-proof-years{display:flex;gap:12px;margin-top:16px}.sl-proof-years div{flex:1;text-align:center;padding:12px;border:1px solid #e4e9e5;border-radius:12px}.sl-proof-years img{width:42px;height:42px;display:block;margin:0 auto 6px}.sl-proof-stat{display:grid;grid-template-columns:150px 1fr;gap:12px;align-items:center;margin:10px 0}.sl-proof-stat>span:last-child{background:linear-gradient(to right,#e4d186 var(--score),#f1f3f2 var(--score));padding:5px 10px;text-align:right;border-radius:5px}.sl-proof-source{font-size:12px;color:#66746b}.sl-close{border:0;border-radius:50%;background:#e64248!important;color:white!important;width:26px;height:26px;flex:none;display:grid;place-items:center;padding:0;line-height:0;cursor:pointer}

/* A single measured header stack keeps strip and navigation adjacent throughout motion. */
body{padding-top:calc(var(--sl-trust-height) + var(--sl-header-height,122px))!important}
body>header{position:fixed;inset:0 0 auto;z-index:1030;padding:0;
 transform:translateY(calc(-1 * var(--sl-trust-scroll,0px)));
 transition:transform 320ms cubic-bezier(.22,1,.36,1);pointer-events:none}
body>header>.sl-trust-line{position:relative;inset:auto;transform:none;pointer-events:auto}
body>header .navbar.fixed-top{position:relative!important;top:auto!important;pointer-events:auto;
 transition:transform 420ms cubic-bezier(.22,1,.36,1)!important;will-change:transform}
html[data-sl-nav-hidden] body>header .navbar.fixed-top{transform:translateY(calc(-100% - 2px));pointer-events:none}
html{scroll-padding-top:calc(var(--sl-header-height,122px) + var(--sl-nav-top,var(--sl-trust-height)))}
@media(prefers-reduced-motion:reduce){body>header,body>header .navbar.fixed-top{transition:none!important}}

.sl-close svg,.lauckner-trust-floating-close svg{display:block;width:14px;height:14px;flex:none;pointer-events:none}

.lauckner-trust-floating-close{display:grid;place-items:center;padding:0!important;line-height:0}