html.sc.rg.gc3{--g-knopf:url("/demo/app/gc3/taste_ruhe.webp") 12 fill / calc(6 * var(--bp,1px)) stretch;--g-knopf-b:url("/demo/app/gc3/taste_haupt.webp") 12 fill / calc(6 * var(--bp,1px)) stretch;
  --g-schlitz:url("/demo/app/gc3/taste_an.webp") 12 fill / calc(6 * var(--bp,1px)) stretch;--g-messing:#d4d6dc;--g-messing-d:#8c8e96;--g-band:none;--g-elf:#eae4d6;--g-elf2:#cfcac0;--g-elf3:#aca79e}

html.sc.rg.gc3 #drawer header,html.sc.rg.gc3 body.kdark #drawer header{padding:calc(8 * var(--bp,1px)) calc(12 * var(--bp,1px)) calc(4 * var(--bp,1px))!important;text-align:left!important}
html.sc.rg.gc3 #drawer header::before,html.sc.rg.gc3 #drawer header::after{display:none!important}
html.sc.rg.gc3 #drawer h2{display:block;margin:0!important;height:auto!important;padding:0 calc(28 * var(--bp,1px)) 0 0!important;border:0!important;border-image:none!important;background:none!important;box-shadow:none!important;
  font:600 calc(21 * var(--bp,1px))/1.1 var(--gc-gotisch)!important;letter-spacing:.01em!important;text-transform:none!important;text-align:left!important;color:var(--gc-elf)!important;text-shadow:var(--gc-schatten)!important;white-space:normal}
html.sc.rg.gc3 #drawer h2::before,html.sc.rg.gc3 #drawer h2::after{display:none!important}
html.sc.rg.gc3 #drawer header p{margin:calc(4 * var(--bp,1px)) 0 0!important;font:500 calc(13.5 * var(--bp,1px))/1.38 var(--gc-schrift)!important;color:var(--gc-elf2)!important}

html.sc.rg.gc3 #drawer #otabs{display:flex;flex-wrap:wrap;gap:calc(4 * var(--bp,1px));padding:calc(2 * var(--bp,1px));margin:calc(2 * var(--bp,1px)) 0 calc(10 * var(--bp,1px))!important;box-shadow:none!important;background:none!important;
  border:calc(2 * var(--bp,1px)) solid transparent!important;border-image:url("bank.webp") 10 fill / calc(5 * var(--bp,1px)) / calc(3 * var(--bp,1px)) stretch!important}
html.sc.rg.gc3 #drawer #otabs button{position:relative;isolation:isolate;flex:1 1 auto;min-width:0;min-height:calc(27 * var(--bp,1px))!important;display:inline-flex!important;flex-direction:row!important;align-items:center;justify-content:center;
  gap:calc(4 * var(--bp,1px))!important;padding:0 calc(6 * var(--bp,1px))!important;border:0!important;background:none!important;box-shadow:none!important;
  font:600 calc(13 * var(--bp,1px))/1 var(--gc-schrift)!important;color:var(--gc-elf)!important;text-shadow:0 1px 1px #000}
html.sc.rg.gc3 #drawer #otabs button::before{content:"";position:absolute;inset:0;z-index:-1;border:calc(6 * var(--bp,1px)) solid transparent;border-image:url("taste_ruhe.webp") 12 fill / calc(6 * var(--bp,1px)) stretch}
html.sc.rg.gc3 #drawer #otabs button::after{display:none!important}
html.sc.rg.gc3 #drawer #otabs button:hover::before{filter:brightness(1.18)}
html.sc.rg.gc3 #drawer #otabs button[aria-selected="true"]{color:var(--gc-weiss)!important}
html.sc.rg.gc3 #drawer #otabs button[aria-selected="true"]::before{border-image-source:url("taste_an.webp")}
html.sc.rg.gc3 #drawer #otabs button :is(svg,.ic){display:none!important}

html.sc.rg.gc3 #drawer svg[data-z^="r-"]{filter:grayscale(1) brightness(1.08) contrast(1.08)!important}
html.sc.rg.gc3 #drawer :is(#otabs button[aria-selected="true"],h3,.tg-card[aria-pressed=true]) svg[data-z^="r-"]{filter:grayscale(1) brightness(1.45) contrast(1.12)!important}
html.sc.rg.gc3 #drawer svg:not([data-z^="r-"]){fill:currentColor}

html.sc.rg.gc3 #drawer .sect h3{font:700 calc(13.5 * var(--bp,1px))/1.15 var(--gc-schrift)!important;letter-spacing:.07em!important;text-transform:uppercase;color:var(--gc-elf)!important;text-shadow:0 1px 1px #000}
html.sc.rg.gc3 #drawer .sect h3:not(.tgl)::after,html.sc.rg.gc3 #drawer .sect > h3.tgl::before{display:none!important}
html.sc.rg.gc3 #drawer .sect > h3.tgl{justify-content:flex-start}
html.sc.rg.gc3 #drawer .sect > h3.tgl::after{color:var(--gc-silber)!important;margin-left:auto}
html.sc.rg.gc3 #drawer h3 .qi{color:var(--gc-elf2)!important;border-color:rgba(214,214,220,.35)!important}

html.sc.rg.gc3 #drawer .btn:not(.ghost):not(.warn):not(.danger):not(#ssAdd){border-width:calc(6 * var(--bp,1px))!important;border-image:var(--g-knopf)!important;background:none!important;color:var(--gc-elf)!important}
html.sc.rg.gc3 #drawer .btn.sc-main{border-image:var(--g-knopf-b)!important;color:var(--gc-weiss)!important;font:600 calc(14.5 * var(--bp,1px))/1 var(--gc-schrift)!important;letter-spacing:.01em!important;text-transform:none!important}
html.sc.rg.gc3 #drawer .btn.sc-main svg{fill:var(--gc-weiss)!important}
html.sc.rg.gc3 #drawer .btn.sc-live{border-image:var(--g-knopf-b)!important;background:linear-gradient(180deg,#8d2012,#5e140c)!important;background-clip:padding-box!important;color:var(--gc-weiss)!important}
html.sc.rg.gc3 #drawer .btn:is([aria-pressed="true"],.on):not(.ghost){border-image:var(--g-schlitz)!important;color:var(--gc-weiss)!important}
html.sc.rg.gc3 #drawer .btn.ghost{color:var(--gc-elf2)!important}
html.sc.rg.gc3 #drawer .btn.ghost:hover{color:var(--gc-weiss)!important;text-decoration-color:var(--gc-silber)!important}

html.sc.rg.gc3 #drawer .chip:not(.sw){position:relative;isolation:isolate;border:0!important;background:none!important;box-shadow:none!important;color:var(--gc-elf)!important}
html.sc.rg.gc3 #drawer .chip:not(.sw)::before{content:"";position:absolute;inset:0;z-index:-1;border:calc(5 * var(--bp,1px)) solid transparent;border-image:url("taste_ruhe.webp") 12 fill / calc(5 * var(--bp,1px)) stretch}
html.sc.rg.gc3 #drawer .chip:not(.sw):hover::before{filter:brightness(1.18)}
html.sc.rg.gc3 #drawer .chip:not(.sw)[aria-pressed="true"]{color:var(--gc-weiss)!important}
html.sc.rg.gc3 #drawer .chip:not(.sw)[aria-pressed="true"]::before{border-image-source:url("taste_an.webp")}

html.sc.rg.gc3 #drawer :is(input:not([type=range]):not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]),select,textarea):focus{box-shadow:inset 0 1px 2px #000,0 0 0 calc(1.5 * var(--bp,1px)) var(--gc-fokus)!important}
html.sc.rg.gc3 #drawer :is(.btn,.chip,#otabs button):focus-visible{outline-color:var(--gc-fokus)!important}

html.sc.rg.gc3 #drawer .body{scrollbar-color:#4a4a52 transparent}

html.sc.rg.gc3 :is(#ctx,#kmenu,#npSet,#curtMenu,#curt2bar,#livePanel,#vgMenu,#lootCard,#pal .pin){background:none!important;border:calc(11 * var(--bp,1px)) solid transparent!important;
  border-image:url("rahmen.webp") 26 fill / calc(11 * var(--bp,1px)) stretch!important;border-radius:0!important;box-shadow:none!important;
  filter:drop-shadow(0 calc(8 * var(--bp,1px)) calc(14 * var(--bp,1px)) rgba(0,0,0,.65));color:var(--gc-elf)!important}
html.sc.rg.gc3 #ctx :is(button,a){color:var(--gc-elf)!important;font-family:var(--gc-schrift)!important}
html.sc.rg.gc3 :is(#ctx,#kmenu) button:hover{background:linear-gradient(90deg,rgba(244,220,180,.14),rgba(244,220,180,.04))!important;color:var(--gc-weiss)!important;box-shadow:inset calc(2 * var(--bp,1px)) 0 0 var(--gc-licht)}
html.sc.rg.gc3 #ctx hr{border-top-color:rgba(214,214,220,.18)!important}
html.sc.rg.gc3 #ctx :is(h3,h4,b,strong,.t,.ttl){color:var(--gc-weiss)!important}
html.sc.rg.gc3 #kmenu b{font-family:var(--gc-gotisch)!important;color:var(--gc-elf)!important;border-bottom:0!important}
html.sc.rg.gc3 #pal .ph{border-bottom:0!important;box-shadow:inset 0 -1px 0 rgba(214,214,220,.14)}
html.sc.rg.gc3 #pal .ph svg{color:var(--gc-silber)!important}
html.sc.rg.gc3 #pal .pr.on{background:linear-gradient(90deg,rgba(244,220,180,.16),rgba(244,220,180,.04))!important;box-shadow:inset calc(2 * var(--bp,1px)) 0 0 var(--gc-licht)!important}
html.sc.rg.gc3 #pal .pr b{color:var(--gc-weiss)!important}
html.sc.rg.gc3 #pal .pl>small,html.sc.rg.gc3 #pal .pr small{color:var(--gc-elf2)!important}

html.sc.rg.gc3 #db button.chip.sw[aria-pressed="true"]::after{background:radial-gradient(circle at calc(30 * var(--bp,1px)) 50%,#ffffff 0,#cfd0d6 calc(4 * var(--bp,1px)),#5a5b62 calc(7.5 * var(--bp,1px)),transparent calc(8 * var(--bp,1px))),
  linear-gradient(180deg,rgba(250,236,214,.55),rgba(236,216,190,.34))!important;box-shadow:inset 0 1px 2px rgba(0,0,0,.7),0 0 0 1px rgba(244,220,180,.45),0 0 calc(8 * var(--bp,1px)) rgba(244,214,170,.3)!important}

html.sc.rg.gc3 #drawer .cz-tabs,html.sc.rg.gc3 #drawer #sndTabs{display:flex;gap:calc(4 * var(--bp,1px));padding:calc(2 * var(--bp,1px));border:calc(2 * var(--bp,1px)) solid transparent!important;border-image:url("bank.webp") 10 fill / calc(5 * var(--bp,1px)) / calc(3 * var(--bp,1px)) stretch!important;background:none!important;box-shadow:none!important}
html.sc.rg.gc3 #drawer .cz-tabs button,html.sc.rg.gc3 #drawer #sndTabs button{position:relative;isolation:isolate;flex:1 1 0;min-height:calc(27 * var(--bp,1px));border:0!important;background:none!important;box-shadow:none!important;
  font:600 calc(13 * var(--bp,1px))/1 var(--gc-schrift)!important;color:var(--gc-elf)!important;text-shadow:0 1px 1px #000}
html.sc.rg.gc3 #drawer .cz-tabs button::before,html.sc.rg.gc3 #drawer #sndTabs button::before{content:"";position:absolute;inset:0;z-index:-1;border:calc(6 * var(--bp,1px)) solid transparent;border-image:url("taste_ruhe.webp") 12 fill / calc(6 * var(--bp,1px)) stretch}
html.sc.rg.gc3 #drawer .cz-tabs button::after,html.sc.rg.gc3 #drawer #sndTabs button::after{display:none!important}
html.sc.rg.gc3 #drawer .cz-tabs button[aria-pressed="true"],html.sc.rg.gc3 #drawer #sndTabs button[aria-pressed="true"]{color:var(--gc-weiss)!important}
html.sc.rg.gc3 #drawer .cz-tabs button[aria-pressed="true"]::before,html.sc.rg.gc3 #drawer #sndTabs button[aria-pressed="true"]::before{border-image-source:url("taste_an.webp")}
html.sc.rg.gc3 #ctx [style*="var(--rubric)"]{color:var(--gc-elf)!important;font-family:var(--gc-gotisch)!important}

html.sc.rg.gc3 .sc-ask .pin{background:none!important;border:13px solid transparent!important;border-image:url("rahmen.webp") 26 fill / 13px stretch!important;box-shadow:none!important;
  filter:drop-shadow(0 10px 18px rgba(0,0,0,.7))}
html.sc.rg.gc3 :is(.sc-ask,#pal) .sc-fach-k{height:auto!important;padding:2px 6px 6px!important;background:none!important;box-shadow:none!important}
html.sc.rg.gc3 :is(.sc-ask,#pal) .sc-fach-k::before,html.sc.rg.gc3 :is(.sc-ask,#pal) .sc-fach-k::after{display:none!important}
html.sc.rg.gc3 :is(.sc-ask,#pal) .sc-fach-k span{font:600 20px/1.1 var(--gc-gotisch)!important;letter-spacing:.01em!important;text-transform:none!important;color:var(--gc-elf)!important}
html.sc.rg.gc3 .sc-ask .sc-ask-b{padding:6px 8px 4px!important}
html.sc.rg.gc3 .sc-ask .sc-ask-f{box-shadow:none!important;padding:8px 6px 4px!important}
html.sc.rg.gc3 .sc-ask .sc-key{position:relative;isolation:isolate;min-height:30px;border:0!important;background:none!important;box-shadow:none!important;color:var(--gc-elf)!important;font:600 14px/1 var(--gc-schrift)!important}
html.sc.rg.gc3 .sc-ask .sc-key::before{content:"";position:absolute;inset:0;z-index:-1;border:6px solid transparent;border-image:url("taste_ruhe.webp") 12 fill / 6px stretch}
html.sc.rg.gc3 .sc-ask .sc-key--main{color:var(--gc-weiss)!important}
html.sc.rg.gc3 .sc-ask .sc-key--main::before{border-image-source:url("taste_haupt.webp")}
html.sc.rg.gc3 .sc-ask .sc-ask-danger{color:var(--gc-rot)!important}
html.sc.rg.gc3 .sc-ask .sc-key:focus-visible{outline:2px solid var(--gc-fokus)!important;outline-offset:2px}

html.sc.rg.gc3 #gcWaechter{position:absolute;top:0;bottom:0;right:calc(-92 * var(--bp,1px));width:calc(108 * var(--bp,1px));z-index:2;pointer-events:none;
  background:url("waechter_kopf.webp") 0 0 / 100% calc(150 * var(--bp,1px)) no-repeat,
    url("waechter_nische.webp?v=2") 0 calc(150 * var(--bp,1px)) / 100% calc(300 * var(--bp,1px)) no-repeat,
    url("waechter_fuss.webp") 0 100% / 100% calc(120 * var(--bp,1px)) no-repeat,
    url("waechter_schaft.webp") 0 calc(100% - 120 * var(--bp,1px)) / 100% calc(200 * var(--bp,1px)) repeat-y;
  background-clip:border-box;filter:drop-shadow(calc(7 * var(--bp,1px)) calc(9 * var(--bp,1px)) calc(9 * var(--bp,1px)) rgba(0,0,0,.62))}
html.sc.rg.gc3 #drawer[hidden] #gcWaechter,html.sc.rg.gc3 body.maponly #gcWaechter{display:none}

html.sc.rg.gc3 :is(#drawer,#ctx,#kmenu,#npSet,#curtMenu,#curt2bar,#livePanel,#vgMenu,#lootCard,#pal,.sc-ask,#gcMixer,#gcAnsicht){
  --g-kapit:var(--gc-schrift);--caps:var(--gc-schrift);--fell:var(--gc-schrift);--deco:var(--gc-schrift);--goth:var(--gc-schrift);--gmen:var(--gc-schrift);--ging:var(--gc-schrift)}
html.sc.rg.gc3 #drawer :is(.ksh,.nph > b,.kold h3,.subh,.tg-lbl,:is(.tg-board,.czk-box,.mkp) h4,.gstrip .gt){font:700 calc(13.5 * var(--bp,1px))/1.15 var(--gc-schrift)!important;
  letter-spacing:.07em!important;text-transform:uppercase;color:var(--gc-elf)!important;text-shadow:0 1px 1px #000}
html.sc.rg.gc3 #drawer .ksh small{font:italic 500 calc(13 * var(--bp,1px))/1.3 var(--gc-schrift)!important;letter-spacing:0!important;text-transform:none;color:var(--gc-elf2)!important}
html.sc.rg.gc3 #drawer #ksOn{font:600 calc(15 * var(--bp,1px))/1 var(--gc-schrift)!important;letter-spacing:.01em!important;text-transform:none!important;color:var(--gc-weiss)!important}
html.sc.rg.gc3 #drawer .kmi small{font:700 calc(13 * var(--bp,1px))/1.2 var(--gc-schrift)!important;letter-spacing:.07em!important;text-transform:uppercase;color:var(--gc-elf2)!important}
html.sc.rg.gc3 #drawer .kmi b{font:400 calc(21 * var(--bp,1px))/1.1 var(--gc-gotisch)!important;letter-spacing:0!important;text-transform:none!important;color:var(--gc-elf)!important}
html.sc.rg.gc3 #drawer .kph small{font:700 calc(13 * var(--bp,1px))/1.2 var(--gc-schrift)!important;letter-spacing:.07em!important;color:var(--gc-elf2)!important}
html.sc.rg.gc3 #drawer .kph h3{font:400 calc(23 * var(--bp,1px))/1.1 var(--gc-gotisch)!important;letter-spacing:0!important}
html.sc.rg.gc3 #drawer :is(.kw-in .kw-k,#maplist .kw-at,.nq small,.kth,.kbadge,.mkp th,.mkp label,.czd h5){font-size:calc(13 * var(--bp,1px))!important;letter-spacing:.04em!important}
html.sc.rg.gc3 #kmenu small{font-size:calc(13 * var(--bp,1px))!important;letter-spacing:.04em!important}
html.sc.rg.gc3 :is(#drawer,#gcMixer) :is(.pp,.kp){box-sizing:border-box;border:calc(2.4 * var(--bp,1px)) solid transparent!important;border-radius:50%;
  background:radial-gradient(circle at 42% 32%,#3e3e44 0,#1b1b1e 56%,#0c0c0e 74%) padding-box,
    conic-gradient(from 210deg,#f4f4f6,#77777d,#d2d2d7,#3c3c42,#ececf0,#5c5c62,#f4f4f6) border-box!important;
  box-shadow:0 0 0 1px #050506,0 calc(2 * var(--bp,1px)) calc(4 * var(--bp,1px)) rgba(0,0,0,.7)!important}
html.sc.rg.gc3 :is(#drawer,#gcMixer) :is(.pp,.kp) svg{fill:var(--gc-elf)!important;filter:drop-shadow(0 1px 1px #000)!important}
html.sc.rg.gc3 :is(#drawer,#gcMixer) :is(.pp,.kp):hover{filter:brightness(1.18)}
html.sc.rg.gc3 #drawer .klive{background:linear-gradient(180deg,rgba(0,0,0,.34),rgba(0,0,0,.22))!important;
  box-shadow:inset calc(3 * var(--bp,1px)) 0 0 var(--gc-tp),inset 0 0 0 1px rgba(255,255,255,.06),inset 0 calc(2 * var(--bp,1px)) calc(6 * var(--bp,1px)) rgba(0,0,0,.5)!important}
html.sc.rg.gc3 #drawer .klive p b{color:var(--gc-weiss)}
html.sc.rg.gc3 :is(#npDock,body.kdark .ks) input[type=range]::-webkit-slider-runnable-track{height:calc(4 * var(--bp,1px));border:0;
  background:linear-gradient(90deg,#c9ab80 var(--p,50%),#030304 var(--p,50%))!important;box-shadow:inset 0 1px 1px rgba(0,0,0,.6),0 0 0 calc(2 * var(--bp,1px)) #101012,0 0 0 calc(2.6 * var(--bp,1px)) #33333a!important}
html.sc.rg.gc3 :is(#npDock,body.kdark .ks) input[type=range]::-moz-range-track{height:calc(4 * var(--bp,1px));border:0;background:#030304!important;box-shadow:0 0 0 calc(2 * var(--bp,1px)) #101012,0 0 0 calc(2.6 * var(--bp,1px)) #33333a!important}
html.sc.rg.gc3 :is(#npDock,body.kdark .ks) input[type=range]::-moz-range-progress{height:calc(4 * var(--bp,1px));background:#c9ab80}
html.sc.rg.gc3 :is(#npDock,body.kdark .ks) input[type=range]::-webkit-slider-thumb{width:calc(10 * var(--bp,1px));height:calc(16 * var(--bp,1px));margin-top:calc(-6 * var(--bp,1px));border:0;border-radius:0;
  background:url("schieber.webp") center/100% 100% no-repeat!important;box-shadow:none!important}
html.sc.rg.gc3 :is(#npDock,body.kdark .ks) input[type=range]::-moz-range-thumb{width:calc(10 * var(--bp,1px));height:calc(16 * var(--bp,1px));border:0;border-radius:0;
  background:url("schieber.webp") center/100% 100% no-repeat!important;box-shadow:none!important}