@font-face{font-family:'BGfont';src:url('../font/bgfont.woff2') format('woff2'),url('../font/bgfont.woff') format('woff');font-display:swap;}
@font-face{font-family:'BGicon';src:url('../font/bgicon.woff2') format('woff2'),url('../font/bgicon.woff') format('woff');font-display:swap;}
html{position:absolute;overflow:hidden;left:50%;top:50%;width:100vw;height:100vh;height: calc(100vh - calc(100vh - 100%));cursor:url(../cur.cur),auto;transform:translateX(-50%) translateY(-50%);background-color:#000;color:#b3b3b3;font-size:13px;font-family:BGfont, Fallback, helvetica !important;display:inline-block;}
:root {color-scheme: light;}
@media (prefers-color-scheme: dark) {:root {color-scheme: light;}}
@media (forced-colors: active) {:root {color-scheme: light;}}
:root {--ui-scale: 1;}
.quest, .hp, .rotateeye, .menuframe, .uiZoom { zoom: var(--ui-scale); }
body{height:100%;width:100%;overflow:hidden;margin:0;padding:0;background-color:transparent;color:#b3b3b3;line-height:1.230;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;cursor:url(../cur.cur),auto;touch-action: pan-x pan-y;text-shadow:0 0 3px #000000d1;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td{margin:0;padding:0;}
.blurbg, #blurbg{display:none;}
a:link, a:visited, a:hover, a:active, .cam:hover, .cam:focus, .curhover{color:#b3b3b3;text-decoration:none;cursor:url('../cur_hover.cur'),auto;}
a:hover{color:#7f8ca8;}
.curhide, .locked{cursor:url('../cur_denied.cur'),auto !important;}
.curmove{cursor:url('../cur_move.cur'),auto !important;}
.curhover{cursor:url('../cur_hover.cur'),auto !important;}
li{list-style: none;}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active, 
input:-moz-autofill{
-webkit-box-shadow: 0 0 0 1000px #0f0f0f00 inset;
-webkit-text-fill-color: ##b3b3b3;
transition: background-color 5500s ease-in-out 0s;}
input[data-autocompleted]{background-color: transparent !important;}
.main{position:absolute;height:100%;width:100%;left:0px;top:0px;overflow:scroll !important;background:#0c0b0d;z-index:0}  
  .main{-ms-overflow-style:none;scrollbar-width: none;}  
  .main::-webkit-scrollbar{display: none;}
/* Standardfenster mit Innenteil & Header z.B. Marktplatz */
  .boxout{position:absolute;height:280px;width:450px;top:50%;;left:50%;transform:translate(-50%, -50%);z-index:999999;display:block;border:1px solid #473e35;box-shadow:inset 0 0 30px #000;background:#201f22;}  
    .boxoutbig{height:450px;width:650px;}
    .boxoutbigger{height:450px;width:715px;}
    .boxoutsemibig{height:300px;width:450px;}
    .boxoutsemicomplete {height:85%;width:90%;margin-top:10px;}
    .boxfixed{position:fixed;}
  .measurebox{position:absolute;height:100%;width:100%;top:0px;left:0px;}
    .boxin{position:relative;width:calc(100% - 6px);height:calc(100% - 6px);left:2px;top:2px;border:1px solid #373737;box-shadow:inset 0px 0px 8px #000000;background:#1a1a1a;overflow:hidden;}
    .boxinheader{position:relative;font-size:18px;width:100%;height:30px;line-height:28px;color:#7f8ca8;text-align:center;font-weight:normal;border-bottom:1px solid #373737;background-color:#222223;text-shadow:2px 2px #000000a6;box-shadow:inset 0px 10px 20px #1c1c1c;}
    .boxinlineheader{position:relative;top:5px;font-size:18px;width:100%;left:-1px;line-height:35px;overflow:hidden;height:35px;color:#7f8ca8;text-align:center;float:left}
        .boxinlineheader::after {content: "";position:absolute;left:40px;right:40px;bottom:0;height:2px;background:linear-gradient(90deg, transparent, #373737, transparent);}
    .crimepoints{font-size:13px;height:22px;text-align:center;text-align-last:center;top:39px;position:absolute;font-weight:bold;line-height:20px;left:50%;animation:pulseBorder 3s ease-in-out infinite;transform:translateX(-50%);}
      @keyframes pulseBorder {
        0%, 100% { color: #373737; }
        50%      { color: #ff7575; } 
      } 
    .closebtn, .autrclsbtn, .autr8{position:absolute;right:3px;top:3px;width:31px;height:31px;background:transparent;border:none;transition:0.4s;cursor:url('../cur_hover.cur'),auto;z-index:999;}
      .closebtn::before,.closebtn::after,.autrclsbtn::before,.autrclsbtn::after,.autr8::before,.autr8::after{content:"";position:absolute; top:50%;left:50%;width:65%;height:2px;transform-origin:center;transform:translate(-50%,-50%) rotate(45deg);background:#b3b3b3;}  
      .closebtn::after,.autrclsbtn::after,.autr8::after{transform:translate(-50%,-50%) rotate(-45deg);}
      .closebtn:hover,.autrclsbtn:hover,.autr8:hover{color:#7f8ca8;}
      .closebtn:hover::before,.closebtn:hover::after,.autrclsbtn:hover::before,.autrclsbtn:hover::after,.autr8:hover::before,.autr8:hover::after{background:#7f8ca8;transition:background 0.4s, opacity 0.4s;} 
        .deletebtn{top:-1px;right:-1px;width:15px;height:15px;background:#000;z-index:9;border:1px solid #373737;}
        .transparent{border:none;box-shadow:none;}            
  .exit{width:25px;height:26px;background:url('../images/buildinghud/exit.png');}
  .sceneoverview{width:25px;height:25px;background:url('../images/buildinghud/world.png');}
/* iFRAMES */
  .menuframe{position:fixed;top:50%;left:50%;z-index:9999999;transform:translateX(-50%) translateY(-50%);border:1px solid #473e35;background:#201f22;display:none;}
    .builddark{height:300px;width:550px;}
    .build{height:420px;width:680px;}
    .producemenu{height:480px;width:780px;}
    .sellmenu{height:230px;width:400px;}
    .officemenu{height:535px;width:780px;}
    .questmenu{height:480px;width:780px;}
    .messagecenter{height:500px;width:900px;}
    .warehousemenu{height:525px;width:900px;}
    .marketmenu{width:783px;height:495px;}
    .marketmenubig{width:860px;height:560px;}
    .skillthree{height:85%;width:80%;max-width:1500px;max-height:920px;border-radius:25px;background:radial-gradient(circle at center top, rgba(30, 30, 30, 0.9) 0%, rgba(10, 10, 10, 0.8) 55%, rgba(5, 5, 5, 0.75) 100%);backdrop-filter:blur(8px);box-shadow:rgba(0, 0, 0, 0.65) 0px 40px 90px;border:none;}
    .personal{height:535px;width:646px;}
    .pinventory{height:350px;width:500px;}
    .singlequest{height:480px;width:355px;}
    .allquest{height:480px;width:560px;}
    .glbmarket{width:830px;height:470px;}
    .charviewer{height:100%;width:100%;}
    .peinventory{height:100%;width:100%;}
    .autoroute{height:85%;width:80%;max-width:1500px;max-height:920px;} 
/* Standardtextbox */
  .stdtxt{position:absolute;width:90%;left:5%;font-size:13px;text-align:center;}
    .ccrtop{top:15px;}
      .ccrtop40{top:40px;}
      .ccrtop42{top:42px;}
      .ccrtop45{top:45px;font-size:15px;}
      .ccrtop80{top:80px;}
      .ccrtop250{top:250px;}
    .stdverytop{top:12%;}
    .stdmidverytop{top:15%;}
    .stdtop{top:20%;}
    .stdcentertop{top:30%;}
    .stdmidtop{top:35%;}
    .stdctr{top:50%;transform:translateY(-50%);}
    .stdbtm{bottom:55px;height:65px;}
    .stdheight{height:200px;}
    .stdltrbtm{top:55%;text-align:left;}
/* FONTSIZE */
  .fs11{font-size:11px !important;line-height:11px !important;margin-bottom:2px;}
  .fs12, .stdsmf{font-size:12px !important;line-height:12px !important;margin-bottom:2px;}
  .fs13{font-size:13px !important;line-height:13px !important;margin-bottom:2px;}
  .fs14{font-size:14px !important;line-height:14px !important;margin-bottom:2px;}
  .fs15{font-size:15px !important;line-height:15px !important;margin-bottom:2px;}
  .fs18{font-size:18px !important;line-height:18px !important;margin-bottom:2px;}
  .txtcenter{text-align:center !important;}
/* SKY */
  .skybox {position:absolute;height:100%;top:0px;left:0px;overflow:hidden;background-image:linear-gradient(0deg, transparent 0%, #000 30%, #6f98b7 70%);}
  .sky {position:absolute;top:0px;width:100%;height:100%;overflow:hidden;z-index:1}
  .skybox .sky img{position:absolute; top:0px; max-width:100%;animation: cloudsanimate calc(120s * var(--cloud)) linear infinite;}
    @keyframes cloudsanimate{
      0%{
        transform: translateX(var(--start-x));
        opacity: 0;
      }
      10%{
        opacity: 1;
      }
      90%{
        opacity: 1;
      }
      100%{
        transform: translateX(calc(var(--start-x) + 400%));
        opacity: 0;
      }
    }
/* buttons */
  .button{position:absolute;display:inline-block;z-index:999;height:27px;color:#b3b3b3;border:3px double #000;border-radius:0px;font-size:13px;text-align:center;box-shadow:inset 3px 3px 15px 0 #0f0f0e;background-color:#343332;padding:0px 15px 0px 15px;}
  .button:hover{transition:all 0.5s;color:#7f8ca8;box-shadow: inset 3px 3px 25px 0 #000000e8;cursor:url('../cur_hover.cur'),auto;}
    .btn1{top:120px;left:50%;transform:translateX(-50%);}
    .btn2{bottom:15px;left:20%;}
    .btn3{bottom:15px;right:20%;height:24px;line-height:23px;} 
    .btn4{bottom:15px;right:20%;}
    .btn5{bottom:15px;left:50%;transform:translateX(-50%);}
    .btn6{bottom:15px;right:25px;}
    .btn7{bottom:15px;left:25px;}
    .btn8{top:55px;left:50%;transform:translateX(-50%);}
        .btn8a{top:90px;}
    .btn9{bottom:0px;right:25px;}
    .btn10{bottom:0px;left:25px;}
    .btn11{bottom:0px;left:50%;transform:translateX(-50%);}
    .btn12{bottom:25px;left:50%;transform:translateX(-50%);}
    .btn13{bottom:10px;right:20px;}
    .btn14{bottom:0px;left:50%;transform:translateX(-50%);}
        .btn14a{bottom:-25px;}
    .btn15{margin-top:10px;left:50%;transform:translateX(-50%);position:relative;}
    .btn16{bottom:5px;right:25px;}
    .btn17{bottom:5px;left:25px;}
    .btn18{bottom:5px;right:5px;}
    .btn19{bottom:170px;left:50%;transform:translateX(-50%);}
    .btn20{bottom:5px;left:50%;transform:translateX(-50%);}
    .btn21{bottom:0px;left:55px;}
    .btn22{bottom:0px;right:15px;}    
    .btn23{bottom:5px;right:10px;}
    .btn24{bottom:5px;right:150px;}
    .btn25{bottom:5px;right:5px;}
    .btn26{bottom:5px;right:165px;}
    .btn27{position:relative;}
    .btn28{bottom:-25px;left:15px;}
    .btn29{bottom:-25px;right:10px;}
    .btn30{bottom:15px;left:65px;}
    .btn31{bottom:15px;right:65px;}
    .btns1{bottom:85px;left:5%;}
    .btns2{bottom:85px;left:50%;transform:translateX(-50%);}
    .btns3{bottom:85px;right:5%;} 
  /* Coinbox */
  .coinbox{position:relative;top:4px;margin-left:2px;}
  .coinboxsmall{position:relative;top:2px;margin-left:2px;height:9px;width:9px;}
/* Selectmenü */
  .select-wrapper{position:absolute;width:350px;line-height:30px;}
  .select-wrapper::before, .autr7::before{position:absolute;font-size:15px;pointer-events:none;right:3px;}
    .selectsmall{width:100px;left:50%;transform:translateX(-50%);}
    .selectmax{width:90%;left:5%;}
    .selectnormal{width:70%;left:50%;transform:translateX(-50%);}
    .selectfixed{width:350px;left:50%;transform:translateX(-50%);}
    .selectvalue{width:90px;left:5%;}
    .selecttarget{width:300px;right:5%;}
    .selectprod{width:90px;left:0px;}
    .selectloading{width:100px;top:45px;left:50%;transform:translateX(-50%);text-align:left;text-align-last:left;}
  select{-moz-appearance: none;-webkit-appearance:none;appearance:none;color:#7f8ca8;background-color:#202020;border:2px solid #373737;border-radius:20px;box-shadow:inset 0px 0px 10px #000000c9;font-size:14px;height:35px;outline:none;text-align:center;padding:0 35px;text-align-last:center;width: 100%;-ms-overflow-style: none;scrollbar-width: thin;scrollbar-color:#444444bd #262626;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;cursor:url('../cur_hover.cur'),auto;}
  select option{color: #7f8ca8;text-align: left;}
  option:disabled{color: #b3b3b3;font-style:italic;}
  select::-ms-expand{display: none;}
  select:focus::-ms-value{background-color: transparent;}
  .selectmargin{margin-left:15px}
  .coinbg{background-image:url(../images/buildinghud/goldicon.png);background-repeat:no-repeat;background-position:5px center;background-size:18px;}
  .headbg{background-image:url(../images/buildinghud/worker.png);background-repeat:no-repeat;background-position:5px 0px;background-size:28px;}
  .glyphbg{background-image:url(../images/items/1145.png);background-repeat:no-repeat;background-position:3px 2px;background-size:25px;}
  .itembg{background-repeat:no-repeat;background-position:3px 2px;background-size:25px;padding: 0 22px;}
  .buildbg{background-image:url(../images/buildinghud/gebzustand.png);background-repeat:no-repeat;background-position:3px 2px;background-size:25px;}
  optgroup{font-weight:bold;text-decoration:italic;font-style:italic;font-size:15px;text-align:left;}
/* Texteingabefeld */
.textbox{position:relative;width:350px;box-sizing:border-box;border-radius:20px;padding:7px 7px;font-size:14px;background-color:#202020;border:2px solid #373737;box-shadow:inset 0px 0px 10px #000000c9;color:#7f8ca8;outline:none;left:50%;transform:translateX(-50%);margin-top:10px;text-align:center;}
    .msrename{position:absolute;top:125px;}
    .msrenameship{position:absolute;top:145px;}
    .msrenamechild{position:absolute;top:155px;}
  textarea{font-family:BGfont, Fallback, helvetica !important;}
    ::-webkit-input-placeholder{color: #b3b3b3;}
    ::-moz-placeholder{color: #b3b3b3;}
    :-ms-input-placeholder{color: #b3b3b3;}
    :-moz-placeholder{color: #b3b3b3;}
/* TABULATORENMENÜ */
  .menucontainer{position:absolute;top:31px;height:32px;left:0px;width:100%;background-image:linear-gradient(90deg, transparent 0%, #373737 0%, #373737 60%, transparent 100%);background-size:100% 1px;background-repeat:no-repeat;background-position: bottom;}
    .menutab{position:relative;height:21px;line-height:21px;font-size:14px;padding:5px 7px 5px 7px;float:left;background-image:linear-gradient(0deg, transparent 0%, #373737 0%, transparent 100%);background-repeat:no-repeat;background-size:1px 31px;list-style: none;cursor:url('../cur_hover.cur'), auto;}
      #menucontainer > li:first-of-type, .menurfa{background-image:none;}
      .menuactive{box-shadow:inset 0px 0px 5px #000000c4;border-left:1px solid #373737;border-right:1px solid #373737;background:#252526;height:22px;cursor:url(../cur.cur), auto !important;text-decoration: none;}
      .menutabdenied{opacity: 0.3;cursor: url(../cur_denied.cur), auto;}
      .menutabright{float:right;}
/* LINKES+RECHTES INFOMENÜ */
  .leftcontainer{position:absolute;left:0px;bottom:0px;width:190px;height:calc(100% - 63px);background-image:linear-gradient(0deg, #373737 50%, transparent 100%);background-repeat:no-repeat;background-size:1px 100%;background-position:right;overflow:hidden}
    .leftcontainerproduce{width:620px !important;}  
    .leftcontainercomplete{width:100% !important;} 
    .leftcontainerlist{width:300px !important;}
    .containercenter{margin-left:305px;width:320px;}
  .rightcontainer{position:absolute;right:0px;bottom:0px;width:calc(100% - 190px);height:calc(100% - 63px);overflow:hidden;}
    .rightcontainerstorage{width:calc(100% - 625px);top:69px;height:calc(100% - 75px);right:0px;}
  .complcontainer{position:absolute;bottom:0px;width:100%;height:calc(100% - 63px);overflow:hidden;}
    .withouttabs{height:calc(100% - 40px);}
    .withsavebtn{height:calc(100% - 95px);bottom:32px;}
    .completeheight{height:100%;}
  .rendering{position:relative;height:120px;width:120px;top:15px;transform:translateX(-50%);left:50%;margin-bottom:4px;border-radius:90px;border:2px solid #373737;box-shadow: inset 0px 0px 10px #000;cursor:url('../cur_hover.cur'),auto;}
  .infotext{position:relative;float:left;top:15px;width:calc(100% - 15px);left:50%;transform:translateX(-50%);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
/* SKILLS + REPUTATION*/
  .skillbtnshow, .skillbtnhide{position:relative;float:right;right:0px;top:5px;height:16px;width:16px;background-image:url("../images/buildinghud/skillplus.png");cursor:url('../cur_hover.cur'), auto;}
    .skillbtnhide{opacity:0.5;cursor:url('../cur_denied.cur'), auto;}
  .talentrow{position:relative;width:445px;height:20px;line-height:25px;top:75px;left:50%;transform:translateX(-50%);margin-bottom:5px;float:left;}
    .rowtxt{width:130px;float:left;}
    .rowtxtchar{width:115px;float:left;}
    .rowtxtauto{float:left;}
    .talenttopbuilding{top:110px;}
  .percentouter{position:relative;width:225px;height:15px;top:5px;border-radius:10px;margin:0 5px 0 5px;float:left;border:1px solid #4f4f4f;background:rgba(0,0,0,0.5)}
  .percentouterproduce{position:absolute;width:calc(100% - 13px);left:5px;border-radius:10px;height:15px;top:115px;border:1px solid #4f4f4f;background:rgba(0,0,0,0.5)}
    .percentoutera{position:relative;float:left;width:225px;margin-right:10px;}
    .percentinner{background-color:rgba(67,106,0,0.8);height:calc(100% - 2px);top:1px;left:1px;border-radius:10px !important;position:relative;max-width:calc(100% - 2px);box-shadow: inset 0 0 5px #000;}
    .percenttxt{position:absolute;width:100%;text-align:center;top:0px;font-size:12px;line-height:12px;border-radius:10px;}
    .percentinnercountdown{position:absolute;background-color:rgba(67,106,0,0.8);height:calc(100% - 2px);top:1px;left:1px;max-width:100%;z-index:0;box-shadow: inset 0 0 5px #000;}
    .percenttextcountdown{position:absolute;width:100%;text-align:center;line-height:13px;z-index:1;}
  .reputationrow {top:95px;}
  .repZero{position:absolute;left:50%;top:0;bottom:0;width:1px;background:#3a3a3a}
  .repBar{position:absolute;height:calc(100% - 2px);top:1px;box-shadow: inset 0 0 5px #000;}
/* SCENEDOTS */ 
  .scenedot{position:absolute;height:2.35%;width:1.33%;border:2px solid;background:rgba(0,0,0,0.6);border-radius:30px;text-align:center;font-family: BGfont, Fallback, helvetica !important;border-color:rgba(255,255,255,0.6);color:rgba(255,255,255,0.6);z-index:5;}
  .scenedot:hover{transition:all 0.5s;border-color:#7f8ca8;color:#7f8ca8;cursor:url("../cur_hover.cur"), auto;}
  .number{position:absolute;top:0px;left:0px;line-height:100%;height:100%;width:100%;}
  .sd1{top:19%;left:52%;}
  .sd2{top:15%;left:36%;}
  .sd3{top:11%;left:13%;}
  .sd4{top:20%;left:28%;}
  .sd5{top:11%;left:50%;}
  .sd6{top:77%;left:68%;}  
  .sd7{top:22%;left:53%;}
  .sd8{top:39%;left:59%;}
  .sd9{top:27%;left:67%;}
  .sd10{top:49%;left:74%;}
  .sd11{top:16%;left:40.5%;}
  .sd12{top:33%;left:54%;}
  .sd13{top:34%;left:29%;}
  .sd14{top:50%;left:45%;}
  .sd15{top:60%;left:25%;}
  .sd16{top:27%;left:4%;}
  .sd17{top:24%;left:60%;}
  .sd18{top:19%;left:6.5%;}
  .sd19{top:15%;left:39%;}
  .sd20{top:13%;left:13%;}
  .sd21{top:36%;left:3%;}
  .sd22{top:12%;left:55%;}
  .sd23{top:30%;left:76%;}
  .sd24{top:21%;left:73%;}
  .sd25{top:30%;left:26%;}
  .sd26{top:15%;left:57%;}
  .sd27{top:26%;left:49%;}
  .sd28{top:47%;left:31%;}
  .sd29{top:29%;left:48%;}
  .sd30{top:22%;left:10%;}
  .sd31{top:42%;left:28%;}
  .sd32{top:23%;left:41%;}
  .sd33{top:17%;left:34%;}
  .sd34{top:23%;left:80%;}
  .sd35{top:44%;left:18%;}
  .sd36{top:34%;left:10%;}
  .sd37{top:31%;left:62%;}
/* AMBIENTE */ 
  .mill{position:absolute;z-index:1;background-size:cover;animation:millrotate 15s linear infinite;background-image:url('../images/buildinghud/mill.webp');filter: drop-shadow(0 3px 3px #000000e5);}
  .mill3{position:absolute;z-index:1;background-size:cover;animation:millrotate 15s linear infinite;background-image:url('../images/buildinghud/mill2.webp');filter: drop-shadow(0 6px 6px #000000e5);}
    @keyframes millrotate{0%{transform:rotate(360deg);}100%{transform:rotate(0deg);}}
/* BUILDING ENTRYS -> SEE FHD QHD OR UHD */ 
  .bakeryworld, .smithworld, .peetsmeet1, .peetsmeet2, .alchemistworld, .guildhall, .ablasscurch, .townhall, .tavern, .tavern2, .medicusalt, .zeughaus, .marketplace{position:absolute;z-index:5;}
  .bakeryworld:hover, .smithworld:hover, .peetsmeet1:hover, .peetsmeet2:hover, .alchemistworld:hover, .guildhall:hover, .ablasscurch:hover, .townhall:hover, .tavern:hover, .tavern2:hover, .medicusalt:hover, .zeughaus:hover, .marketplace:hover{z-index:4;cursor:url(../cur_hover.cur),auto;}
/* SMOKE */
  #smoke, #smokeALT{position:absolute;z-index:3;width:5px;height:5px;}
    #smoke span{display:block;position:absolute;height:64px;width:64px;top:-32px;left:-32px;background:url('../images/hud/smoke.png');opacity:0;transform:scale(0.0);}
      @keyframes smokeL{0%{transform:scale(0.2) translate(0, 0);}10%{opacity:1;transform:scale(0.2) translate(5px, -5px);}100%{opacity:0;transform:scale(1) translate(60px, -100px);}}
      @keyframes smokeR{0%{transform:scale(0.2) translate(0, 0);}10%{opacity:1;transform:scale(0.2) translate(5px, -5px);}100%{opacity:0;transform:scale(1) translate(55px, -100px);}}
        #smoke .s0{animation:smokeL 10s 0s infinite;}
        #smoke .s1{animation:smokeR 10s 1s infinite;}
        #smoke .s2{animation:smokeL 10s 2s infinite;}
        #smoke .s3{animation:smokeR 10s 3s infinite;}
        #smoke .s4{animation:smokeL 10s 4s infinite;}
        #smoke .s5{animation:smokeR 10s 5s infinite;}
        #smoke .s6{animation:smokeL 10s 6s infinite;}
        #smoke .s7{animation:smokeR 10s 7s infinite;}
        #smoke .s8{animation:smokeL 10s 8s infinite;}
        #smoke .s9{animation:smokeR 10s 9s infinite;}
    #smokeALT span{display:block;position:absolute;height:64px;width:64px;background:url('../images/hud/smoke2.png');opacity:0;transform:scale(0.0);}
      @keyframes smokeALTL{0%{transform:scale(0.2) translate(0, 0);}10%{opacity:1;transform:scale(0.5) translate(5px, -5px);}100%{opacity:0;transform:scale(1) translate(50px, -150px);}}
      @keyframes smokeALTR{0%{transform:scale(0.2) translate(0, 0);}10%{opacity:1;transform:scale(0.5) translate(5px, -5px);}100%{opacity:0;transform:scale(1) translate(-40px, -150px);}}
        #smokeALT .s0{animation:smokeALTL 10s 0s infinite;}
        #smokeALT .s1{animation:smokeALTR 10s 1s infinite;}
        #smokeALT .s2{animation:smokeALTL 10s 2s infinite;}
        #smokeALT .s3{animation:smokeALTR 10s 3s infinite;}
        #smokeALT .s4{animation:smokeALTL 10s 4s infinite;}
        #smokeALT .s5{animation:smokeALTR 10s 5s infinite;}
        #smokeALT .s6{animation:smokeALTL 10s 6s infinite;}
        #smokeALT .s7{animation:smokeALTR 10s 7s infinite;}
        #smokeALT .s8{animation:smokeALTL 10s 8s infinite;}
        #smokeALT .s9{animation:smokeALTR 10s 9s infinite;}
    .deco16{top:35%;left:25.4%;}
    .deco17{top:38%;left:49.4%;}
    .deco18{top:39.3%;left:94.2%;}
    .deco19{top:16.9%;left:68.3%;}
    .deco20{top:25.7%;left:33.6%;}
    .deco21{top:30.2%;left:58.7%;}
    .deco22{top:20.7%;left:79%;}
    .deco23{top:53.3%;left:13.6%;}
    .deco24{top:18.3%;left:39.2%;}
    .deco25{top:24.1%;left:27.0%;}
    .deco26{top:31.2%;left:16.6%;}
    .deco27{top:25.5%;left:45.8%;}
    .deco28{top:45.9%;left:25.6%;}
    .deco29{top:20.3%;left:5%;}
    .deco30{top:21%;left:73.3%;}
    .deco31{top:28.4%;left:19.3%;}
    .deco32{top:21.3%;left:25.55%;}
    .deco33{top:43.6%;left:81%;}
    .deco34{top:26%;left:43%;}
    .deco35{top:42.7%;left:42%;}
    .deco36{top:55.2%;left:92.8%;}
    .deco37{top:15.7%;left:71.4%;}
    .deco38{top:12.4%;left:95.5%;}
    .deco39{top:14.7%;left:84.7%;}
    .deco40{top:16%;left:61.4%;}
    .deco41{top:19.2%;left:12.1%;}
    .deco42{top:16.5%;left:40.7%;}
    .deco43{top:17.6%;left:67.1%;}
    .deco44{top:24.7%;left:36.3%;}
    .deco45{top:25.7%;left:56.6%;}
    .deco46{top:23.3%;left:29.9%;}
    .deco47{top:21.2%;left:56.1%;}
    .deco48{top:26.3%;left:94.6%;}
    .deco49{top:31.5%;left:-1%;}
    .deco50{top:21.7%;left:29.3%;}
    .deco51{top:25.8%;left:91.8%;}
    .deco52{top:23.8%;left:34%;}
    .deco53{top:39.5%;left:-1%;}
    .deco54{top:29.6%;left:28.6%;}
    .deco55{top:28.8%;left:42%;}
    .deco56{top:28.2%;left:43.6%;}
    .deco57{top:30%;left:8.8%;}
    .deco58{top:37.4%;left:66%;}
    .fire{position:absolute;width:225px;height:90px;top:45%;left:45%;opacity:0.9;}
    .fireparticle{animation:rise 1s ease-in infinite;background-image:radial-gradient(#fba362 20%,#fff0 70%);;border-radius:50%;mix-blend-mode:screen;opacity:0;position:absolute;bottom:0;width:135px;height:90px;}
    .fireparticle:nth-of-type(1){animation-delay:.2584558464s;left:calc((100% - 100px) * 0)}
    .fireparticle:nth-of-type(2){animation-delay:.3562727029s;left:calc((100% - 100px) * 0.02)}
    .fireparticle:nth-of-type(3){animation-delay:.0839714658s;left:calc((100% - 100px) * 0.04)}
    .fireparticle:nth-of-type(4){animation-delay:.4375666829s;left:calc((100% - 100px) * 0.06)}
    .fireparticle:nth-of-type(5){animation-delay:.2148814975s;left:calc((100% - 100px) * 0.08)}
    .fireparticle:nth-of-type(6){animation-delay:.8541663031s;left:calc((100% - 100px) * 0.1)}
    .fireparticle:nth-of-type(7){animation-delay:.0514173731s;left:calc((100% - 100px) * 0.12)}
    .fireparticle:nth-of-type(8){animation-delay:.1823921546s;left:calc((100% - 100px) * 0.14)}
    .fireparticle:nth-of-type(9){animation-delay:.7250056634s;left:calc((100% - 100px) * 0.16)}
    .fireparticle:nth-of-type(10){animation-delay:.112414345s;left:calc((100% - 100px) * 0.18)}
    .fireparticle:nth-of-type(11){animation-delay:.652552714s;left:calc((100% - 100px) * 0.2)}
    .fireparticle:nth-of-type(12){animation-delay:.5384114955s;left:calc((100% - 100px) * 0.22)}
    .fireparticle:nth-of-type(13){animation-delay:.4991053645s;left:calc((100% - 100px) * 0.24)}
    .fireparticle:nth-of-type(14){animation-delay:.4916308912s;left:calc((100% - 100px) * 0.26)}
    .fireparticle:nth-of-type(15){animation-delay:.9662067519s;left:calc((100% - 100px) * 0.28)}
    .fireparticle:nth-of-type(16){animation-delay:.5966490249s;left:calc((100% - 100px) * 0.3)}
    .fireparticle:nth-of-type(17){animation-delay:.7386106096s;left:calc((100% - 100px) * 0.32)}
    .fireparticle:nth-of-type(18){animation-delay:.2139891707s;left:calc((100% - 100px) * 0.34)}
    .fireparticle:nth-of-type(19){animation-delay:.3875866617s;left:calc((100% - 100px) * 0.36)}
    .fireparticle:nth-of-type(20){animation-delay:.3761534621s;left:calc((100% - 100px) * 0.38)}
    .fireparticle:nth-of-type(21){animation-delay:.7931373533s;left:calc((100% - 100px) * 0.4)}
    .fireparticle:nth-of-type(22){animation-delay:.6079746276s;left:calc((100% - 100px) * 0.42)}
    .fireparticle:nth-of-type(23){animation-delay:.3245163073s;left:calc((100% - 100px) * 0.44)}
    .fireparticle:nth-of-type(24){animation-delay:.7261366832s;left:calc((100% - 100px) * 0.46)}
    .fireparticle:nth-of-type(25){animation-delay:.558951108s;left:calc((100% - 100px) * 0.48)}
    .fireparticle:nth-of-type(26){animation-delay:.8995309172s;left:calc((100% - 100px) * 0.5)}
    .fireparticle:nth-of-type(27){animation-delay:.6818668654s;left:calc((100% - 100px) * 0.52)}
    .fireparticle:nth-of-type(28){animation-delay:.8683627139s;left:calc((100% - 100px) * 0.54)}
    .fireparticle:nth-of-type(29){animation-delay:.9196925278s;left:calc((100% - 100px) * 0.56)}
    .fireparticle:nth-of-type(30){animation-delay:.5670830058s;left:calc((100% - 100px) * 0.58)}
    .fireparticle:nth-of-type(31){animation-delay:.177482483s;left:calc((100% - 100px) * 0.6)}
    .fireparticle:nth-of-type(32){animation-delay:.1621100199s;left:calc((100% - 100px) * 0.62)}
    .fireparticle:nth-of-type(33){animation-delay:.6849916692s;left:calc((100% - 100px) * 0.64)}
    .fireparticle:nth-of-type(34){animation-delay:.0648501925s;left:calc((100% - 100px) * 0.66)}
    .fireparticle:nth-of-type(35){animation-delay:.5020507775s;left:calc((100% - 100px) * 0.68)}
    .fireparticle:nth-of-type(36){animation-delay:.4275291451s;left:calc((100% - 100px) * 0.7)}
    .fireparticle:nth-of-type(37){animation-delay:.6930132597s;left:calc((100% - 100px) * 0.72)}
    .fireparticle:nth-of-type(38){animation-delay:.8948882576s;left:calc((100% - 100px) * 0.74)}
    .fireparticle:nth-of-type(39){animation-delay:.2925076814s;left:calc((100% - 100px) * 0.76)}
    .fireparticle:nth-of-type(40){animation-delay:.4416696774s;left:calc((100% - 100px) * 0.78)}
    .fireparticle:nth-of-type(41){animation-delay:.5893323012s;left:calc((100% - 100px) * 0.8)}
    .fireparticle:nth-of-type(42){animation-delay:.9107299221s;left:calc((100% - 100px) * 0.82)}
    .fireparticle:nth-of-type(43){animation-delay:.5009999529s;left:calc((100% - 100px) * 0.84)}
    .fireparticle:nth-of-type(44){animation-delay:.5760351245s;left:calc((100% - 100px) * 0.86)}
    .fireparticle:nth-of-type(45){animation-delay:.0994022059s;left:calc((100% - 100px) * 0.88)}
    .fireparticle:nth-of-type(46){animation-delay:.8464569202s;left:calc((100% - 100px) * 0.9)}
    .fireparticle:nth-of-type(47){animation-delay:.863478926s;left:calc((100% - 100px) * 0.92)}
    .fireparticle:nth-of-type(48){animation-delay:.5679371254s;left:calc((100% - 100px) * 0.94)}
    .fireparticle:nth-of-type(49){animation-delay:.981847854s;left:calc((100% - 100px) * 0.96)}
    .fireparticle:nth-of-type(50){animation-delay:.3938192728s;left:calc((100% - 100px) * 0.98)}
    @keyframes rise {
    from{opacity:0;transform:translateY(0) scale(1)}
    25%{opacity:1}
    to{opacity:0;transform:translateY(-150px) scale(0)}
    }
/* WATER */
  #fx-water, .fx-water{position:absolute; inset:0; pointer-events:none; z-index:10000;}
  .fx-zone{position:absolute;transform-origin:left center;transform: rotate(var(--rot,0deg)) skewX(var(--skew,0deg)) scaleY(var(--sy,1));}
  .fx-glint{position:absolute; width:120px; height:45px; opacity:0;background: radial-gradient(60% 80% at 50% 50%, rgba(255,255,255,.35), rgba(255,255,255,0) 70%);mix-blend-mode:screen; filter:blur(.5px); will-change:transform,opacity;}
  @keyframes glintMove{0%{opacity:0; transform:translateX(-80px)}10%{opacity:.6}60%{opacity:.2}100%{opacity:0; transform:translateX(80px)}}
  .fx-glint.play{ animation: glintMove var(--dur,5s) cubic-bezier(.37,0,.45,1) forwards; }
  .fx-ripple{position:absolute; width:2px; height:2px; border-radius:50%;mix-blend-mode:screen; opacity:.9;box-shadow: 0 0 0 0 rgba(255,255,255,.35), 0 0 0 0 rgba(255,255,255,.12);will-change:transform,opacity,box-shadow;}
  @keyframes ripple{0%  { box-shadow:0 0 0 0 rgba(255,255,255,.35), 0 0 0 0 rgba(255,255,255,.12); opacity:.9; }70% { box-shadow:0 0 0 12px rgba(255,255,255,.12), 0 0 0 24px rgba(255,255,255,.05); opacity:.5; }100%{ box-shadow:0 0 0 20px rgba(255,255,255,0),  0 0 0 40px rgba(255,255,255,0);  opacity:0; }}
  .fx-ripple.play{ animation: ripple var(--dur,2.8s) ease-out forwards; }
/* CELEBRATE */
  .celebrateWrap{height:calc(100% - 100px) !important;top:100px;}
  .celebrateGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px;}
  .celebrateGroup{position:relative;padding:10px 10px 0 10px;}
  .celebrateTitle{font-weight: normal !important;}
  .celebrateOptions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}
  .celebrateOption{background:#202020;border:2px solid #373737;border-radius:16px;padding:8px;cursor:pointer;transition:transform .08s ease,border-color .08s ease,filter .08s ease;box-shadow: inset 0px 0px 10px #000000c9;height:95px;}
  .celebrateOption:hover{border-color:#7f8ca8;filter:brightness(1.05);cursor:url('../cur_hover.cur'),auto;}
  .celebrateOption.selected{border:2px solid #7f8ca8;}
  .celebrateLabel{position:relative;color:#b3b3b3;font-size:13px;line-height:1.15;text-align:center;}
  .celebrateSummary{margin-top:40px;}
  .celebrateSumRow{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;}
  .celebrateSumItem{min-width:150px;background:#202020;border:2px solid #373737;border-radius:14px;padding:8px 10px;display:flex;justify-content:space-between;align-items:center;box-shadow: inset 0px 0px 10px #000000c9;}
  .celebrateSumItem .k{font-weight:700;}
  .celebrateSumItem .v{font-weight:700;}
  .celebrateSumItem .vk{color:#e25555;font-weight:700;}
  .celebrateActions{display:flex;justify-content:center;margin-top:10px;}
  .celebrateBtn{position:relative;margin-bottom:25px;margin-top:10px;min-width:240px;font-size:16px;height:36px}
  .celebrateHint{margin-top:8px;color:#9b9b9b;font-size:13px;}
  .celebrateThumb{height:60px;}   
  .celebrateVal{font-weight:700;}
  .celebratePos{color:#1bb35f;}
  .celebrateNeg{color:#e25555;}
  .celebrateZero{color:#b3b3b3;}
  #celebrateHint{position:absolute;top:330px;width:100%;text-align:center;font-weight:700;}
  #celebrateHint.celebrateWarn{color:#e0b84a;}  
/* GLYPHENSYSTEM */
  .glyphcont {position:absolute;height:270px;top:90px;width:315px;left:50%;transform:translateX(-50%);}
  .glyph1,.glyph2,.glyph3,.glyph4,.glyph5,.glyph6{position:absolute;width:65px;height:65px;background-size:40px;line-height:60px;border-radius:50%;box-shadow:inset 0px 0px 10px #000;transform:translateX(-50%);background-color:#201f22;background-repeat:no-repeat;background-position:center;cursor:url('../cur_hover.cur'),auto;}
    .glyph1::before, .glyph2::before, .glyph3::before, .glyph4::before, .glyph5::before, .glyph6::before {content:"";position:absolute;inset:0;border-radius:inherit;border:2px solid #373737;}
    .glyph1::after, .glyph2::after, .glyph3::after, .glyph4::after, .glyph5::after, .glyph6::after {content:"";position:absolute;inset:5px;border-radius:inherit;border:2px solid #373737;}
    .glyph1,.glyph5{background-image:url('../images/items/1145_trans.png');}
    .glyph2,.glyph3{background-image:url('../images/items/1146_trans.png');}
    .glyph4,.glyph6{background-image:url('../images/items/1147_trans.png');}
    .glyph1{bottom:20px;left:157px;}
    .glyph2{bottom:95px;left:40px;}
    .glyph3{bottom:95px;left:274px;}
    .glyph4{bottom:190px;left:40px;}
    .glyph5{bottom:190px;left:157px}
    .glyph6{bottom:190px;left:274px}
    .glyphline1,.glyphline2,.glyphline3,.glyphline4,.glyphline5{position:absolute;width:2px;height:34px;bottom:158px;left:36px;border-right:2px solid #373737;border-left:2px solid #373737;background:#000;z-index:9;}
    .glyphline1,.glyphline2{height:78px;bottom:50px;left:95px;transform:rotate(-55deg);}
    .glyphline2{left:214px;transform:rotate(55deg);}
    .glyphline4{left:271px;}    
    .glyphline5{height:109px;bottom:83px;left:154px;}
  .glyphhide{opacity:0.5 !important;cursor:url('../cur_denied.cur'),auto !important;transition: opacity .12s ease;}
    .glyphhide:hover{opacity:0.6 !important;cursor:url('../cur_denied.cur'),auto !important;}  
/* MITARBEITER EINSTELLEN */
  .reccontainer, .notbuyedslot{position:relative;top:100px;left:45px;width:160px;margin-right:30px;margin-bottom:15px;height:70px;float:left;}
    .notbuyedslot{margin-bottom:20px;height:65px;float:left;border: 1px dashed #4f4f4f;}
  .workeravatar{position: absolute;top: 16px;left: 0px;z-index: 1;height: 50px;width: 50px;border-radius: 35px;background-size:100%;border:2px solid #373737;box-shadow: inset 0px 0px 10px #000;background-position:center bottom;background-repeat: no-repeat;background-color: #000;}
  .workername{color: #7f8ca8;text-align: center;width:100%;left:0px;position: relative;}
  .percentouterworker{position: relative;margin-bottom: 5px;width: 110px;left: 45px;height: 15px;top: 8px;float: left;border: 1px solid #4f4f4f;background: rgba(0,0,0,0.5);border-radius:0 10px 10px 0;}
  .deleteship{right:20px;}
  .hirebtn{top: 30px;left: 50%;transform: translateX(-50%);}
  .notbuyedslotname{position: relative;top: 50%;transform: translateY(-50%);width: 100%;left: 0px;color: #7f8ca8;text-align: center;}
  .newworkerdesk{position:absolute;width:90%;left:5%;font-size:12px;top:50%;transform:translateY(-50%);text-align:center;color:#b3b3b3;}
/* ITEMDARSTELLUNG */
  .slot{position:relative;width:78px;height:90px;float:left;left:5px;margin-top:5px;margin-right:5px;border:1px solid #373737;background:#201f22;border-radius:6px;box-shadow:inset 0 0 10px rgba(0,0,0,0.6), 0 0 4px rgba(0,0,0,0.5);cursor:url('../cur_hover.cur'),auto;overflow:hidden;}
    .slotimagine{opacity:0.5;}
    .slotinventory{left:25px;top:5px;}
    .slotwarehouse{height:78px;}
    .slotsmall{width:63px;height:63px;left:7px;}
    .slotmarket{width:87px;height:90px;background-position:15px;}
    #marketslots > li:last-of-type{margin-bottom:10px;}
  .item{position:relative;top:5px;left:12px;height:45px;width:calc(100% - 12px);background-position:10px;background-repeat:no-repeat;background-size:contain;}
    .itemempty{top:calc(50% - 20px);background-image:url('../images/items/-.png');background-position:5px;}
    .itemwarehouse{left:6px;}
    .itemmarkettrend{position:absolute;top:50%;left:50%;width:100%;transform:translate(-50%, -50%);background-position:8px;}
    .itemglyphstorage{position:absolute;top:50%;left:0px;width:100%;transform:translateY(-50%);background-position:14px;}
    .itemstorage{background-position:5px;}
    .mpos{background-position:12px;}
.charHoverAnchor{position:relative;display:inline-block;}
.charHoverAnchor > .gui32{position:relative;overflow:hidden;}
.charHoverAnchor > .gui32::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .12s ease;background:var(--g-img) center/var(--g-size) no-repeat;z-index:50;}
.charHoverAnchor.cha-hovering > .gui32::after{opacity:1;}
  .gl23, .gl26, .gl27, .gl35, .gl45, .gl47, .gl48, .gl66, .gl67, .gl68, .gl69,
  .gl73, .gl74, .gl82, .gl85, .gl89, .gl101, .gl106, .gl107, .gl108, .gl126, .gl127,
  .gl129, .gl130, .gl132, .gl133, .gl135, .gl136, .gl138, .gl163, .gl165, .gl167,
  .gl168, .gl169, .gl318, .gl378, .gl387, .gl389, .gl390, .gl962, .gl974, .gl975,
  .gl976, .gl992, .gl994, .gl995, .gl1001, .gl1002, .gl1003, .gl1004, .gl1005, .gl1006,
  .gl1007, .gl1008, .gl1009, .gl1010, .gl1011, .gl1012, .gl1013, .gl1014, .gl1015, .gl1016,
  .gl1017, .gl1018, .gl1019, .gl1020, .gl1021, .gl1032, .gl1059, .gl1222,
  .gl396, .gl205, .gl397, .gl369, .gl142, .gl166, .gl376, .gl993 {animation: itemglow 4s linear infinite alternate;;}
    @keyframes itemglow {
      0% {
        filter: drop-shadow(0 0 1px rgba(40, 55, 140, 0.7))
                drop-shadow(0 0 1px rgba(70, 90, 190, 0.5))
                drop-shadow(0 0 1px rgba(115, 135, 230, 0.5));
        opacity: 0.9;
      }
      100% {
        filter: drop-shadow(0 0 1px rgba(40, 55, 140, 1))
                drop-shadow(0 0 2px rgba(70, 90, 190, 1))
                drop-shadow(0 0 3px rgba(115, 135, 230, 1));
        opacity: 1;
      }
    }
  .gl1022, .gl1023, .gl1024, .gl1025, .gl1026, .gl1027, .gl1028, .gl1029, .gl1030, .gl1031,
  .gl1079, .gl1080, .gl1081, .gl1082, .gl1083, .gl1084, .gl1085, .gl1103, .gl1106, .gl1109,
  {animation: itemglowepic 4s linear infinite alternate;;}
    @keyframes itemglowepic {
      0% {
        filter: drop-shadow(0 0 1px rgba(140, 35, 85, 0.7))
                drop-shadow(0 0 1px rgba(185, 55, 120, 0.5))
                drop-shadow(0 0 1px rgba(230, 120, 190, 0.5));
        opacity: 0.9;
      }
      100% {
        filter: drop-shadow(0 0 1px rgba(140, 35, 85, 1))
                drop-shadow(0 0 2px rgba(185, 55, 120, 1))
                drop-shadow(0 0 3px rgba(230, 120, 190, 1));
        opacity: 1;
        }
    }  
  .pegel{position:absolute;width:3px;height:40px;top:5px;left:5px;border:1px solid #4f4f4f;border-radius: 5px;background-color: rgba(0, 0, 0, 0.4);}
  .pstand{position: absolute;width: 3px;left:0px;bottom: 0px;max-height:100%;background:#9f4224;border-radius:5px;}
  .stockfont{position:absolute;top:44px;left:5px;}
  .pricearrow{position:absolute;top:44px;right:5px;}
    .positiv{color:#46ca58;}
    .negativ{color:#ff7575;}
    .neutral{color:#7f8ca8;}
  .marketprice{position:absolute;height:15px;width:auto;text-align:center;right:5px;}
    .mbuy{bottom:18px;}
    .msell{bottom:5px;}
/* HEADERINFO */
.binf, .sinf, .cinf, .pinf, .winf{position:relative;float:left;height:20px;line-height:20px;padding-left:25px;margin-left:10px;top:1px;background-size:auto 100%;font-size:14px;padding-top:3px;background-repeat:no-repeat}
  .binf{background-position:left 3px;background-image:url(../images/buildinghud/gebzustand.png);}
  .sinf{background-size:auto 80%;background-position:left 6px;background-image:url(../images/buildinghud/storage.png);}
  .cinf{padding-left:35px;background-size:auto 70%;background-position:left 5px;background-image:url(../images/buildinghud/cart.png);}
  .pinf{background-size:auto 80%;background-position:left 6px;background-image:url(../images/buildinghud/fprod.png);}
  .winf{background-position:left 0px;background-image:url(../images/buildinghud/worker.png);}
    .infcount{float: right;margin-left: 3px;}
/* PROODUCEMENÜ */
.pline{position:relative;float:left;top:5px;left:5px;width:600px;margin-bottom:5px;padding:5px 0 0 0;min-height:95px;line-height:13px;background:#201f22;border:1px solid #373737;box-shadow:inset 0px 0px 10px #000}
  .plinequest{width:290px;left:5px;margin-left:5px;height:115px;}
  .plineproduce{width:295px;left:0px;margin-left:5px;height:180px;}
  .pleft{position:absolute;left:5px;top:5px;transform:translateY(0%);height:calc(100% - 10px);width:calc(100% - 10px);}
    .pleftproduce{}
    .pleftquest{width:100%;}
    .pleftglyph{position:relative;top:15px;transform:translateY(-5px);;width:100%;}
    .pmi1{}
    .pmi2{position:absolute;height:60px;width:60px;margin-top:5px;border-radius:45px;border:2px solid #373737;background-size:contain, 40px;box-shadow:inset 0px 0px 10px #000;cursor: url('../cur_hover.cur'),auto;}
    .pmi33{position:absolute;right:-5px;line-height:20px;bottom:-10px;height:25px;width:25px;text-align: center;background-color:rgba(0, 0, 0, 0.7);border:1px solid #373737;border-radius:15px;}
    .pmi3{position:absolute;width:220px;left:60px;margin-top:5px;font-size:16px;font-weight:bold;color:#436a00;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
        .pmi3a{white-space:break-spaces;overflow:visible;line-break:normal;line-height:16px;margin-top:-15px;}
        .pmi3b{position:absolute;left:5px;color:#7f8ca8;}    
    .pmi4{position:absolute;left:70px;top:30px;height:55px;width:175px;z-index:-1;}
      .pmi5{position:relative;top:-5px;left:0px;height:55px;width:25px;float:left;margin-right:5px;text-align: center;}
      .pmi6{position:relative;height:25px;width:25px;background-size:contain, 85%;background-repeat:no-repeat;background-position:center;background-color:rgba(0,0,0,0.5);border:1px solid #373737;border-radius:15px;cursor:url('../cur_hover.cur'),auto}
    //.pmi7{position:absolute;left:165px;top:0px;width:90px;}
    .pmi8{position:absolute;top:95px;height:15px;line-height:10px;cursor:url('../cur_hover.cur'),auto;}
      .pmi8a{left:15px;}
      .pmi8b{right:65px;}
      .pmi8c{right:15px;}
      .pmi8d{left:85px;}
    //.pmi9{position:absolute;top:103px;left:85px;}
    .pmi10{position:absolute;height:30px;left:50%;bottom:5px;transform:translateX(-50%);}
      .pmi11{position:absolute;top:36px;left:10px;cursor: url('../cur_hover.cur'),auto;}
      .pmi18{position:absolute;top:85px;left:50%;transform:translateX(-50%);cursor: url('../cur_hover.cur'),auto;}
      .pmi19{left:165px;top:15px;transform:translateX(0%);}
    .pmi17{pointer-events:none;}
  .pright{position:absolute;width:290px;left:0px;top:95px;}
    .pmi12{position:relative;width:220px;margin-bottom:4px;height:50px;float:left;background:#201f22;border:1px solid #373737;box-shadow:inset 0px 0px 10px #000}
    //.pmi13{width:110px;top:6px;}
    .pmi14{position:relative;margin:3px 0 0 0;float:left;text-align:right;width:85px;}
    .pmi15{position:absolute;bottom:2px;right:15px;width:auto;}
    .pmi16{position:absolute;bottom:2px;left:15px;width:80px;}
    .pmi20{position:relative;float:left;top:125px;margin-bottom:10px;height:45px;width:calc(100% - 20px);left:10px;text-align:center;display:flex;justify-content:center;align-items:center;}
      .pmi20a{top:15px;}
  .pmi21{position:relative;left:5px;width:calc(100% - 10px);font-weight:bold;color:#436a00;margin-bottom:10px;text-align:center;}
  .pmi22{top:40px;}
  .pmi23{top:25px;}
  .pmi24{position:absolute;height:100%;width:100%;background-size:45px;background-position:center;background-repeat:no-repeat;z-index:-1;}
    .pmi24a{background-size:55px;}
  .pmi25{position:absolute;height:100%;width:100%;border-radius:45px;z-index:-2;}
  .pmi26{position:relative;left:10px;width:100%;font-size:15px;font-weight:bold;color:#7f8ca8;}
  .pmi27{position:relative;overflow:hidden;padding: 10px 0 10px 5px;background-image:linear-gradient(90deg, transparent 0%, #373737 0%, #373737 60%, transparent 100%);background-repeat: no-repeat;background-position: bottom;background-size: 100% 1px;font-size:15px;font-weight:bold;color:#7f8ca8;cursor: url('../cur_hover.cur'),auto;}
    .pmi27:hover, .pmi27a{background-color: rgba(0,0,0,.25);}
  .pmi28{position:relative;left:7%;width:90%;}
  .pmi29{position:relative;top:10px;width:290px;height:290px;left:50%;transform:translateX(-50%);font-size:12px;line-height:12px;}
  .pmi30{position:relative;float:left;}
  .pmi31{position:relative;margin:0 0 0 10px;float:left;text-align:left;width:90px;top:5px;}
    .pmi31a{margin:0px 10px 0 0;width:auto;}
    .pmi31b{margin:0;width:auto;top:0px;float:none;}
  .pmi32{position:absolute;height:45px;width:45px;left:10px;top:15px;background-repeat:no-repeat;background-color:transparent;background-position:center;border-radius:45px;border: 2px solid #373737;background-size: contain, 30px;box-shadow: inset 0px 0px 10px #000;cursor:url('../cur_hover.cur'),auto;}
    .pmi32a{background-image: url(../images/buildinghud/compassglass.png), url(../images/items/60.png);}
    .pmi32b{background-image: url(../images/buildinghud/compassglass.png), url(../images/items/61.png);}
  .pmi34{position:relative;top:0px;left:0px;float:left;margin-right:5px;}
  .pmi35{position:absolute;bottom:7px;display:flex;align-items:center;gap:55px;left:92px;z-index:-1;}
  .pmi36{width:25px;height:25px;line-height:25px;text-align:center;} 
  .pmi37{position:absolute;height:20px;right:5px;top:5px;font-size:19px;line-height:20px;z-index:1;}
  .pmi38{left:15px;top:25px;height: calc(100% - 25px) !important;width: calc(100% - 15px) !important;font-size:13px;line-height:16px;}  
  .pmi39{position:relative;float:left;width:75px;margin-left:10px;}
  @keyframes endlessShrink {from { transform: scaleX(1) } to { transform: scaleX(0) }}
  @media (prefers-reduced-motion: reduce) {.percentinner { animation:none !important; }}
  @keyframes gainFloat{ 0% {transform: translateY(0);opacity:1;} 100% {transform: translateY(-40px);opacity:0;}}
  .gain-anchor{position:absolute;inset:0;pointer-events:none;overflow:visible; }
  .gain-popup{position:absolute;left:50%;transform: translateX(-50%);top:0;opacity:0;pointer-events:none;transition:opacity .5s; }
  .gain-popup.show{opacity:1;}
  .gain-bubble{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:8px;background:transparent;color:#46ca58;font-weight:700;font-size:18px;text-shadow:0 1px 2px rgba(0,0,0,.6), 0 0 6px rgba(0,0,0,.35); }
  .gain-bubble img{width:25px;height:25px; image-rendering:auto; }
  .percentinner.paused{background:#841301 !important;animation:none !important; }
  .pmi33b {position:absolute;left:73px;top:53px;z-index:0;background-color:#202020;border:2px solid #373737;border-radius:20px;box-shadow:inset 0 0 3px #000;font-size:13px;height:17px;text-align:center;padding:3px 5px;text-align-last:center;width:60px;line-height:15px;cursor:url('../cur_hover.cur'),auto;}
  .pmi33b.hidden{display:none;}
  .pmi33b.pending{}  
/* AUTOROUTE */
  .autr1{font-size:16px;color:#7f8ca8;margin:0 0 10px 0;font-weight:bold;background-image:linear-gradient(90deg, transparent 0%, #373737 0%, #373737 60%, transparent 100%);background-size:100% 2px;background-repeat:no-repeat;background-position:bottom;line-height:26px;}
  .autr2{width:230px;height:135px;padding:8px 0 0 0;}
  .autr3{height:calc(100% - 135px);}
  .autr4{width:45px;height:45px;background-position:center;background-repeat:no-repeat;background-size:40px;}
  .autr5{position:relative;width:25px;float:right;}    
  .autr6{position:relative;width:31px;height:31px;right:-10px;top:0px;margin-left:auto;}
  .autr7{position:relative;width:350px;line-height:30px;}
  /* .autr8 ist closebtn für itempicker */
  .autr9{width:210px;}
  .autr10{margin-left:5px;line-height:20px;}
  .autr11{margin-top:5px;}
  .autr12{position:absolute;height:100px;width:210px;float:left;left:504px;top:60px;}
  .autr13{width:300px;height:185px;padding:8px 0 0 0;}
  .autr14{width:100%;}
  .atr-mode-toggle{position:relative;display:inline-flex;align-items:stretch;gap:0;padding:0px;overflow:hidden;background-color:#202020;border:2px solid #373737;border-radius:20px;box-shadow:inset 0px 0px 10px #000000c9;font-size:13px;height:25px;color:#7f8ca8;}
  .atr-mode-inp{position:absolute;opacity:0;pointer-events:none;}
  .atr-mode-btn{position:relative;z-index:2;flex:1 1 50%;display:flex;align-items:center;justify-content:center;cursor:url('../cur_hover.cur'), auto;;user-select:none;white-space:nowrap;}
  .atr-mode-pill{position:absolute;z-index:1;top:2px;left:2px;height:calc(100% - 4px);width:calc(50% - 3px);border-radius:999px;background-color:rgba(67,106,0,0.8);box-shadow:inset 0 0 5px #000;transition:transform .16s ease;pointer-events:none;}
  .atr-mode-inp:checked + .atr-mode-btn{color:#b3b3b3;cursor: url('../cur.cur'), auto;}
  .atr-mode-inp[value="TOTAL"]:checked ~ .atr-mode-pill,
  .atr-mode-inp[value="LOAD"]:checked ~ .atr-mode-pill,
  .atr-mode-inp[value="BUY"]:checked ~ .atr-mode-pill{transform:translateX(0);}
  .atr-mode-inp[value="FILL_SLOTS"]:checked ~ .atr-mode-pill,
  .atr-mode-inp[value="UNLOAD"]:checked ~ .atr-mode-pill,
  .atr-mode-inp[value="SELL"]:checked ~ .atr-mode-pill{transform:translateX(calc(100% + 3px));}
  .debug{position:absolute;z-index:9;float:left;background:#222;width:calc(100% - 40px);bottom:0px;left:0px;overflow:scroll;height:150px;color:#0f0;padding:20px !important;}
  .atr-sub{opacity:.75;margin:0 0 12px 0;}
  .atr-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;}
  .atr-btn{position:relative;}
  .atr-itembtn{width:63px;height:63px;margin-top:5px;margin-right:5px;border:1px solid #373737;background-color:#201f22;border-radius:6px;box-shadow:inset 0 0 10px rgba(0,0,0,0.6), 0 0 4px rgba(0,0,0,0.5);cursor:url('../cur_hover.cur'), auto;overflow:hidden;background-repeat:no-repeat;background-size:45px;background-position:center;}
  .atr-msg{margin:10px 0;padding:8px 10px;border:1px solid rgba(255,255,255,.15);background:rgba(0,0,0,.25);}
  .atr-card{padding:10px 10px 0 10px}
  .atr-card h4{margin:0 0 8px 0;font-size:14px;}
  .atr-grid{display:grid;grid-template-columns:100px 1fr;gap:8px 0;align-items:center;}
  .atr-input,.atr-select{width:350px;border-radius:20px;box-sizing:border-box;padding:7px 15px;font-size:14px;background-color:#202020;border:2px solid #373737;box-shadow:inset 0px 0px 10px #000000c9;color:#7f8ca8;outline:none;}
  .atr-input::placeholder{color:#7f8ca8;opacity:1;}
  .atr-input::-webkit-input-placeholder{color:#7f8ca8;}
  .atr-small{opacity:.7;font-size:12px;}
  .atr-split{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
  .atr-action{padding:0 10px 10px 10px;border-radius:6px;background:rgba(0,0,0,.18);margin-bottom:10px;border:1px solid #373737;box-shadow:inset 0px 0px 10px #000;}
  .atr-actionhead{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin:8px 0 8px 0;}
  .atr-actionlist{width:325px;float:left;margin-right:10px;}
  .atr-hr{height:1px;background:rgba(255,255,255,.10);margin:10px 0;}
  .atr-any{display:none;}
    .checklabel .checked{display:none;}
    .atr-any:checked + .checklabel .unchecked{display:none;}
    .atr-any:checked + .checklabel .checked{display:inline-block;} 
  .atr-range{width:195px !important;max-width:100%;}
  .atr-pill{display:inline-block;font-weight:700;}
  .atr-details{overflow:hidden;margin-top:10px;}
  .atr-details > summary{cursor:url('../cur_hover.cur'), auto;list-style:none;padding:8px 10px 8px 0px;display:flex;align-items:center;justify-content:space-between;gap:10px;user-select:none;}
      .atr-details > summary:hover{background-color: rgba(0,0,0,.25);}
  .atr-details > summary::-webkit-details-marker{display:none;}
  .atr-details-body{}
  .atr-item-selector{position:fixed;inset:0;background:rgba(0,0,0,.88);z-index:999999;padding:15px;display:none;overflow:auto;height:80%;width:80%;top:10%;left:10%;border-radius:25px;background:radial-gradient(circle at center top, rgba(30, 30, 30, 0.9) 0%, rgba(10, 10, 10, 0.8) 55%, rgba(5, 5, 5, 0.75) 100%);backdrop-filter:blur(8px);box-shadow:rgba(0, 0, 0, 0.65) 0px 40px 90px;}
  .atr-item-top{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:10px;}
  .atr-item-grid{display:grid;grid-template-columns:repeat(auto-fill,65px);gap:4px;margin:0;padding:0;position:absolute;width:100%;overflow:scroll;height:100%;}
  .atr-item-grid li{width:63px;height:63px;list-style:none;border-radius:6px;cursor:url('../cur_hover.cur'), auto;background-size:45px;background-position:center;border:1px solid rgba(255,255,255,.15);background-repeat:no-repeat;box-shadow:inset 0 0 10px rgba(0,0,0,0.6), 0 0 4px rgba(0,0,0,0.5);}
  #atrItemList{position:absolute;width:calc(100% - 20px);overflow:scroll;height:90%;}
  .atr-cartgrid{display:flex;flex-wrap:wrap;gap:5px;align-items:flex-start;margin-left:15px;}
  .atr-carttile{width:240px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.15);padding:10px;border-radius:8px;}
  .atr-carttitle{font-size:12px;opacity:.85;margin:6px 0 8px 0;line-height:1.35;}
  .atr-cartbtns{display:flex;gap:6px;flex-wrap:wrap;}
  .atr-cartbtns .atr-btn{flex:1 1 auto;text-align:center;}
  .atr-carttile div[class^="carttype"]{float:none;}
  .atr-item-grid li:hover, .autr4:hover, .atr-sw-btn:hover, .atr-sw-inp:checked + .atr-sw-btn{border-color:#7f8ca8;}
  .atr-sw-btn:hover{cursor:url('../cur_hover.cur'), auto;}  
  .atr-actionswrap{display:flex;flex-wrap:wrap;gap:14px;align-items:stretch;}
  .atr-action-addcard{cursor: url('../cur_hover.cur'), auto;width:175px;float:left;margin-right:10px;padding:0 10px 10px 10px;border-radius:6px;background:transparent;margin-bottom:10px;border:none;box-shadow:none;height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#b3b3b3;}
  .atr-action-addcard:hover .atr-addplus{transform: scale(1.06);border-color:#7f8ca8;background: rgba(120,180,255,0.14);}
  .atr-addplus{width:54px;height:54px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:32px;line-height:1;background:rgba(120,180,255,0.08);border:1px solid rgba(120,180,255,0.18);transition: transform .12s ease, background .12s ease, border-color .12s ease;}
  .atr-addtxt{font-size:14px;opacity:0.95;}  
/* BUILDBUILDINGMENÜ + BUILDINGUPGRADE */
  .bm1{width:550px !important;}
  .bm2{position:absolute;top:0px;right:0px;width:340px;height:100%;background-image:linear-gradient(0deg, #373737 50%, transparent 100%);background-repeat:no-repeat;background-size:1px 100%;background-position:left;}
  .bm3{top:0px;}
  .bm4,.bm5,.bm9,.bm10{position:relative;top:15px;float:left;line-height:23px;}
    .bm4{width:105px;}
    .bm5{width:225px;}
    .bm9{width:105px;margin-left:15px;line-height:20px;}
    .bm10{width:310px;line-height:20px;}
  .bm6{z-index:0;opacity:0.4;filter:blur(.5px);transform:translateX(5px);}
  .bm7{width:135px !important;height:135px !important;}
  .bm8{position:absolute;top:80px;right:50%;width:445px;height:320px;transform:translateX(50%);}
  .bmseparat{margin-top:15px;}    
    div.bmseparat:last-child{display:none}
    div.bmseparat:first-child{margin-top:0px;}
  .notbuildable{opacity:0.4;cursor: url('../cur_denied.cur'),auto !important;}    
    .notbuildable:hover{opacity:1;cursor: url('../cur_denied.cur'),auto !important;}
  .list{float:left;width:170px;height:150px;text-align:center;margin:10px 5px 10px 5px;}
    .alchimist_low, .smith_low{margin-top:100px;}  
    .bm7.alchimist_low, .bm7.smith_low {margin-top:70px;}  
  .buildicon{position:relative;float:left;z-index:1;height:calc(100% - 16px);width:100%;background-position:center top;background-repeat:no-repeat;background-size:contain;cursor:url('../cur_hover.cur'), auto;}
    .buildicon{transition:filter .18s ease, transform .18s ease, opacity .18s ease;will-change:filter, transform;}
    .buildicon.is-active, .isthislevel{filter:drop-shadow(0 0 1px rgba(45, 140, 110, 1))drop-shadow(0 0 2px rgba(95, 195, 150, 1))drop-shadow(0 0 3px rgba(160, 235, 190, 1));opacity:1;}
    .isthenewbuilding{filter:drop-shadow(0 0 1px rgba(255, 160, 80, 1))drop-shadow(0 0 2px rgba(255, 105, 50, 1))drop-shadow(0 0 3px rgba(90, 140, 200, 1));opacity:1;}
    .buildicon.is-bam{transform: scale(1.00);}
    .buildicon.cannotbuild,
    .buildicon.cannotbuild.is-active{filter:none !important;transform:none !important;}   
  .buildingcost{position:relative;}
  .blm1{top:0px !important;}
  .requirement{text-align:left;}
  .blm2{position:relative;height:35px;width:35px;float:left;margin-left:4px;margin-bottom:4px;border-radius:45px;border:2px solid #373737;box-shadow:inset 0px 0px 10px #000;cursor: url('../cur_hover.cur'),auto;}    
  .blm3{position:absolute;max-width:345px;left:50%;transform:translateX(-50%);}    
  .buildingname{width:100%;color:#7f8ca8;font-size:13px;top:5px;text-align:center;position:relative;font-weight:700;}
/* BUILD BUILDING PERCENT */
  .gui72.buildtile{position:relative; overflow:hidden;}
  .gui72.buildtile.is-upgrade{overflow:visible;}
  .build-pct{opacity:0;transform:translate(-50%,40px);transition: opacity .75s ease, transform .75s ease;}
  .build-overlay{position:absolute;left:0;bottom:0;width:100%;background:rgba(0,0,0,.45);backdrop-filter: blur(1px);}
  .build-pct{opacity:1;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:15px;font-weight:700;color:#b3b3b3;text-shadow:0 1px 2px rgba(0,0,0,.9);padding:2px 6px;border-radius:8px;background:rgba(0,0,0,.35);pointer-events:none;}
/* CARTS */
  .crt1{position:relative;height:170px;width:275px;margin-top:10px;margin-left:5px;float:left;}
    .crt2{width:30%;}
    .crt19{width:280px;margin:5px 0 0 5px;}
    .crt21{width:290px;}
    .crt22{opacity:0.6;cursor:url('../cur_denied.cur'),auto !important;}
  .cartheader{position:relative;width:90%;float:left;color:#7f8ca8;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;left:5%;}
  .cartraid0{display:none;}
  .cartraid1{position:absolute;top:0px;left:0px;height:100%;width:100%;z-index:1;}
  .carttype1, .carttype2, .carttype3, .carttype4{position:relative;left:50%;transform:translateX(-50%);height:99px;width:210px;background-repeat:no-repeat;background-position:top center;background-size:contain;float:left;}
    .carttype1{background-image:url(../images/buildinghud/cart_low.png);}
    .carttype2{background-image:url(../images/buildinghud/cart_med.png);}
    .carttype3{background-image:url(../images/buildinghud/cart_high.png);}
    .carttype4{background-image:url(../images/buildinghud/cart_veryhigh.png);}
  .shiptype1, .shiptype2, .shiptype3, .shiptype4{position:relative;height:156px;width:263px;background-repeat:no-repeat;background-position:top center;background-size:auto;float:left;}
    .shiptype1{background-image:url(../images/buildinghud/ship_type_1.png);}
    .shiptype2{background-image:url(../images/buildinghud/ship_type_2.png);}
    .shiptype3{background-image:url(../images/buildinghud/ship_type_3.png);}
    .shiptype4{background-image:url(../images/buildinghud/ship_type_4.png);}
  .cartslot{position:absolute;top:20px;height:60px;width:65px;cursor:url('../cur_hover.cur'), auto;}
    .c1s1{top:16px;left:71px;}
    .c2s1{top:18px;left:62px;}
    .c2s2{top:18px;left:129px;}
    .c3s1{top:17px;left:10px;}
    .c3s2{top:17px;left:76px;}        
    .c3s3{top:17px;left:141px;}
    .c4s1{left:8px;}
    .c4s2{left:73px;}
    .c4s3{left:140px;}
    .s1s1{top:48px;left:68px;}
    .s1s2{top:48px;left:150px;}
    .s2s1{top:50px;left:117px;}
    .s2s2{top:19px;left:181px;}
    .s2s3{top:82px;left:181px;}
    .s3s1{top:18px;left:116px;}
    .s3s2{top:80px;left:116px;}   
    .s3s3{top:18px;left:181px;}  
    .s3s4{top:80px;left:181px;}  
    .s4s1{top:48px;left:34px;}
    .s4s2{top:80px;left:119px;}
    .s4s3{top:19px;left:119px;}
    .s4s4{top:80px;left:183px;}
    .s4s5{top:19px;left:183px;;}
  .crt3{right:0px;bottom:0px;}
  .crt4{height:30px}
  .crt5{top:33px;left:4px;}
  .crt6{top:32px;}
  .delc1{top:43px;right:100px;}
  .delc2{top:45px;right:46px;}
  .delc3{top:44px;right:33px;}
  .delc4{top:45px;right:32px;}
  .crt7{height:35px;width:calc(100% - 20px);background-position:center;}
  .crt8{position:absolute;bottom:1px;left:10%;width:80%;text-align:center;}
    .crt17{bottom:4px;}
  .crt9{position:absolute;height:30px;width:30px;left:3px;border:2px solid #373737;border-radius:50px;box-shadow: inset 0px 0px 10px #000;cursor:url('../cur_hover.cur'),auto;transition:all 0.5s;}  
    .crt9:hover, .crt19:hover{box-shadow: inset 0px 0px 0px #000;}  
  .crt10{position:absolute;height:auto;width:30px;bottom:0px;left:50px;color:#b3b3b3;text-align:center;}       
  .crt13{left:50%;transform:translateX(-50%);margin:0;}
  .crt14{position:absolute;top:3px;height:12px;width:13px;margin-left:2px;float:right;}
  .crt15{position:relative;margin-left:8px;margin-top:8px;float:left;width:35px;height:35px;cursor:url(../cur_hover.cur),auto;background-size:contain;background-position:center;background-repeat:no-repeat;}
  .crt16{position:absolute;left:105px;top:50px;height:35px;width:35px;background-image: url('../images/buildinghud/reloadgoods.png');background-size:contain;cursor: url('../cur_hover.cur'),auto;opacity: 0.8;}
    .crt16:hover{opacity: 1;}
  .crt18{position:absolute;bottom:7px;left:50%;transform:translateX(-50%);cursor:url('../cur_hover.cur'),auto;}
  .crt20{margin-top:10px;}
  .crt23a{background:url('../images/buildinghud/qb_market.png') center/30px no-repeat;}
  .crt23b{background:url('../images/buildinghud/sendhome.png') center/30px no-repeat;}
  .crt23c{background:url('../images/buildinghud/verkaufen.png') center/30px no-repeat;}  
  .crt23d{background:url('../images/buildinghud/autoroute.png') center/30px no-repeat;}
  .crt23e{background:url('../images/buildinghud/deletecart.png') center/30px no-repeat;}
  .crt23f{background: url('../images/buildinghud/escort.png') top center/25px no-repeat;}
  .crt23g{background:url('../images/buildinghud/newowner.png') center/30px no-repeat;}
  .crt23h{background:url('../images/buildinghud/crtmenu.png') center/30px no-repeat;}
  .crt23i{background:url('../images/buildinghud/crtclose.png') center/30px no-repeat;}
  .cartmeasurecontainer {position:absolute;height:35px;width:220px;bottom:0px;left:50%;transform:translateX(-50%);border-radius:10px;border:1px solid #373737;box-shadow:inset 0px 0px 8px #000;background:#1a1a1a;justify-content:center;display:flex;flex-wrap:wrap; gap:10px;align-items:stretch;text-align:center;}
  .cartmeasurecontainer > div{flex: 1 1 30px;min-width:30px;opacity:0.8;transition:all 0.5s;}
  .cartmeasurecontainer > div:hover{cursor:url('../cur_hover.cur'),auto;opacity:1;}
  .isontravel{opacity:0.5;}
  .delshiptype1{top:83px;}
  .delshiptype2{top:20px;}
  .delshiptype3{top:19px;}
  .delshiptype4{top:20px;}
  .sale-amount{position:absolute;top:10%;left:50%;width:210px;text-align:center;transform:translate(-50%, -0%);font-size:18px;color:#46ca58;opacity:0;visibility:hidden;transition:visibility 0s linear 0.5s, opacity 0.5s linear;}
    .buy-amount{color:#ff7575;}
  .sale-amount-market{position:absolute;top:110px;left:50%;text-align:center;transform:translate(-50%, -0%);font-size:16px;border-radius:20px;padding:0 10px 0 10px;background-color:#202020;border:2px solid #373737;height:25px;line-height:23px;box-shadow:inset 0 0 3px #000;color:#46ca58;width:max-content;height:auto;}
    .buy-amount-market{top:105px;color:#ff7575;}
  .sale-amount.show{visibility:visible;opacity:1;animation:moveUp 2s ease-out forwards;}
@keyframes moveUp {
    0% {
        transform: translate(-50%, -0%);
        opacity: 1;
    }
    50% {
      opacity: 1;
    }
    100% {
        transform: translate(-50%, -350%);
        opacity: 0;
    }
}
  .carttype1.dropReady, .carttype2.dropReady, .carttype3.dropReady, .carttype4.dropReady, .shiptype1.dropReady, .shiptype2.dropReady, .shiptype3.dropReady, .shiptype4.dropReady, .rightcontainerstorage.dropReady, .dropzone-bp.dropReady {filter: drop-shadow(0 0 1px rgba(70, 202, 88, .7)) drop-shadow(0 0 2px rgba(110, 213, 124, .7)) drop-shadow(0 0 3px rgba(149, 225, 160, .7));;transition:-webkit-filter .2s ease,filter .2s ease, transform .2s ease;will-change: filter;}
  .carttype1.dropHover, .carttype2.dropHover, .carttype3.dropHover, .carttype4.dropHover, .shiptype1.dropHover, .shiptype2.dropHover, .shiptype3.dropHover, .shiptype4.dropHover, rightcontainerstorage.dropHover, .dropzone-bp.dropHover {filter: drop-shadow(0 0 1px rgba(70, 202, 88, .7)) drop-shadow(0 0 2px rgba(58, 214, 79, .7)) drop-shadow(0 0 3px rgba(46, 226, 71, .7));transition:-webkit-filter .2s ease,filter .2s ease, transform .2s ease;will-change: filter;}
  .carttype1.dropError, .carttype2.dropError, .carttype3.dropError, .carttype4.dropError, .shiptype1.dropError, .shiptype2.dropError, .shiptype3.dropError, .shiptype4.dropError {filter: drop-shadow(0 0 1px rgba(255, 53, 53, 0.7)) drop-shadow(0 0 2px rgba(255, 116, 116, 0.7)) drop-shadow(0 0 3px rgba(253, 162, 162, 0.7));transition:-webkit-filter .2s ease,filter .2s ease, transform .2s ease;will-change: filter;}
  .rightcontainer.rightcontainerstorage.dropReady{outline: 2px dashed rgba(70, 202, 88, .7);outline-offset: 4px;box-shadow: 0 0 12px rgba(70, 202, 88, .7);transition: box-shadow .2s ease, transform .2s ease;filter:none}
  :root.dnd-allow, :root.dnd-allow * {cursor: url('../cur_hover.cur') 16 16, url('../cur_hover.cur') 16 16, copy !important;}
  :root.dnd-deny, :root.dnd-deny * {cursor: url('../cur_denied.cur') 16 16, url('../cur_denied.png') 16 16, no-drop !important}
/* CONTRACTS */
  .cts1{position:absolute;color:#7f8ca8;font-size:16px;margin-left:70px;margin-top:2px;}
  .cts2{position:absolute;top:50%;left:90px;width:485px;transform:translateY(-50%);font-size:13px;line-height:17px;}
  .cts3{position:absolute;top:50%;transform:translateY(-50%);left:15px;background-color:transparent;}
/* BERUFSYSTEM */
  .jobcont{position:absolute;height:320px;top:75px;overflow:hidden;width:605px;left:50px;}
  .job1,.job2,.job3,.job4,.job5,.job6,.job7,.job8,.job9,.job10,.job11,.job12,.job13,.job14,.job15{position:absolute;width:65px;height:65px;line-height:60px;border-radius:50%;box-shadow:inset 0px 0px 20px #000;z-index:15;transform:translateX(-50%);font-size:41px;text-align:center;color:#b3b3b326;background-color:#201f22;background-repeat:no-repeat;background-position:center;background-size:70%;text-shadow:none;cursor:url(../cur_hover.cur),auto;}
    .job1{bottom:20px;left:50px;}
    .job2{bottom:20px;left:220px;}
    .job3{bottom:20px;left:390px}
    .job4{bottom:120px;left:50px}
    .job5{bottom:120px;left:220px}
    .job6{bottom:120px;left:390px}
    .job7{bottom:220px;left:50px}
    .job8{bottom:220px;left:220px}
    .job9{bottom:220px;left:390px}
    .job10{bottom:160px;left:135px}
    .job11{bottom:60px;left:305px}
    .job12{bottom:20px;left:560px}
    .job13{bottom:120px;left:560px}
    .job14{bottom:220px;left:560px}
    .job15{bottom:81px;left:475px}   
      .job1::before,.job2::before,.job3::before,.job4::before,.job5::before,.job6::before,.job7::before,.job8::before,.job9::before,.job10::before,.job11::before,.job12::before,.job13::before,.job14::before,.job15::before{content:"";position:absolute; inset:0;border-radius:inherit;border:2px solid #373737;pointer-events:none;}
      .job1::after,.job2::after,.job3::after,.job4::after,.job5::after,.job6::after,.job7::after,.job8::after,.job9::after,.job10::after,.job11::after,.job12::after,.job13::after,.job14::after,.job15::after{content:"";position:absolute; inset:5px;border-radius:inherit;border:2px solid #373737;pointer-events:none;}       
  .jobring{
    position:absolute;
    left:2px;
    top:2px;
    z-index:5;
    width:calc(100% - 4px);
    height:calc(100% - 4px);
    border-radius:50%;
    transform:rotate(90deg);
    --p:0;
    --fg:#32792f;
    --track:rgba(0,0,0,0);
    --gapOuter:1px;
    --gapInner:0px;
    --ringWidth:4px;
    --feather:1px;
      --gapCenter: calc((var(--gapOuter) + var(--gapInner)) / 2);
      -webkit-mask: radial-gradient(farthest-side,
        transparent calc(100% - (var(--gapCenter) + calc(var(--ringWidth)/2) + var(--feather))),
        rgba(0,0,0,.65) calc(100% - (var(--gapCenter) + calc(var(--ringWidth)/2) + calc(var(--feather)/2))),
        #000        calc(100% - (var(--gapCenter) + calc(var(--ringWidth)/2))),
        #000        calc(100% - (var(--gapCenter) - calc(var(--ringWidth)/2))),
        rgba(0,0,0,.65) calc(100% - (var(--gapCenter) - calc(var(--ringWidth)/2) - calc(var(--feather)/2))),
        transparent calc(100% - (var(--gapCenter) - calc(var(--ringWidth)/2) - var(--feather)))
      );
              mask: radial-gradient(farthest-side,
        transparent calc(100% - (var(--gapCenter) + calc(var(--ringWidth)/2) + var(--feather))),
        rgba(0,0,0,.65) calc(100% - (var(--gapCenter) + calc(var(--ringWidth)/2) + calc(var(--feather)/2))),
        #000        calc(100% - (var(--gapCenter) + calc(var(--ringWidth)/2))),
        #000        calc(100% - (var(--gapCenter) - calc(var(--ringWidth)/2))),
        rgba(0,0,0,.65) calc(100% - (var(--gapCenter) - calc(var(--ringWidth)/2) - calc(var(--feather)/2))),
        transparent calc(100% - (var(--gapCenter) - calc(var(--ringWidth)/2) - var(--feather)))
      );
    }  
  .jobline1,.jobline2,.jobline3,.jobline4,.jobline6,.jobline7,.jobline8,.jobline11,.jobline18,.jobline19,.jobline21{position:absolute;width:0px;height:39px;border-left:6px double #373737;z-index:20;background-color:#000;}
    .jobline1{bottom:183px;left:47px;}  
    .jobline2{bottom:183px;left:218px;}
    .jobline3{bottom:183px;left:388px;}
    .jobline4{height:29px;bottom:123px;left:302px;} 
    .jobline6{bottom:83px;left:47px;}  
    .jobline7{bottom:83px;left:218px;}
    .jobline8{bottom:83px;left:388px;}
    .jobline11{height:29px;bottom:223px;left:132px;} 
    .jobline18{bottom:183px;left:558px;}
    .jobline19{bottom:83px;left:558px;}  
    .jobline21{height:29px;bottom:54px;left:472px;}   
  .jobline9,.jobline10,.jobline20{position:absolute;width:108px;height:0px;border-top:6px double #373737;z-index:10;background-color:#000;}
    .jobline9{bottom:250px;left:81px;}
    .jobline10{bottom:150px;left:251px;}     
    .jobline20{bottom:50px;left:421px;}
  .jobline12,.jobline13,.jobline14,.jobline15,.jobline16,.jobline17{position:absolute;width:40px;height:0px;border-top:6px double #373737;z-index:10;background-color:#000;}
    .jobline12{bottom:200px;left:112px;}
    .jobline13{bottom:100px;left:112px;}
    .jobline14{bottom:200px;left:317px;}
    .jobline15{bottom:100px;left:276px;}
    .jobline16{bottom:200px;left:484px;}
    .jobline17{bottom:100px;left:484px;}   
.jobline22, .jobline23{position:absolute;width:100px;height:15px;border:1px double #373737;z-index:9;background:rgba(0,0,0,0.5);}  
    .jobline22{bottom:193px;left:523px;}
    .jobline23{bottom:93px;left:523px;}
  .jobline24{position:absolute;width:100%;line-height:11px;text-align:center;font-size:12px;z-index:2;}
  .jobhide, .msg_future{opacity:0.4;cursor:url('../cur_denied.cur'),auto !important;}  
  .jobflex{position:relative;top:5px;left:8px;float:left;margin:8px 10px 20px 10px;width:61px;height:61px;box-shadow:inset 0px 0px 10px #000;border:2px solid #373737;border-radius:50px;}
  .joblistcontainer{position:absolute;top:50px;left:0px;width:100%;height:calc(100% - 50px);overflow:hidden;}
  .jobitems{position:relative;margin-right:5px;float:left;width:30px;height:30px;cursor:url(../cur_hover.cur),auto;background-size:contain;background-repeat:no-repeat}
  .classtxt{position:absolute;float:left;top:-22px;width:105px;left:-20px;height:15px;line-height:15px;color:#b3b3b3;font-size:13px;text-align:center;}
    .classtxta{width:80px;left:-9px;top:-18px;}
    .undericon{top:70px;background-color:#1a1a1a5e;}
  .joblist{position:relative;width:100%;top:85px;left:50%;transform:translateX(-50%);margin-top:5px;float:left;text-align:center;}
    .joblistfin{left:35px;top:60px;}
/* MARKTTRENDS */
  .mti1{position:absolute;left:200px;top:31px;height:calc(100% - 31px);width:460px;}
  .mti2{position:absolute;margin-top:10px;width:90%;left:5%;}
  .mti3{position:relative;top:10px;left:50%;transform:translateX(-50%);overflow:visible !important;}
  .mti4{font-size:13px !important;}
  .mti5{position:absolute;top:120px;height:55px;width:150px;z-index:0;left:50%;transform:translateX(-50%);}
  .mti6{position:relative;height:40px;width:40px;border:2px solid #373737;border-radius:30px}
  .mti7{top:0px;width:40px;margin-right:10px;}
  .mti8{line-height:15px;height:20px;width:20px;font-size:12px;}
  .mti9{170px !important;}
  .mtiarrow {height:20px;position:absolute;width:2px;background:#373737;display:inline-block;}
  .mtiarrow:before {content:" ";width:2px;background:#373737;height:10px;position:absolute;top:-2px;transform:rotate(50deg);left:-3px;}
  .mtiarrow:after {content:" ";width:2px;background:#373737;height:10px;position:absolute;top:-2px;transform:rotate(-50deg);right:-3px;}
  .mitarrowcenter{top:-22px;left:71px;}
  .mitarrowleft{top:-32px;left:40px;transform:rotate(30deg);height:35px;}
  .mitarrowright{top:-29px;left:102px;transform:rotate(-30deg);height:32px;}
  .mt-bar{position:absolute;border-radius: 2px;box-shadow: 0 0 0 1px rgba(70,202,88,.08) inset;transform: scaleY(0);transform-origin: bottom;animation: mtGrow .45s ease-out forwards;will-change: transform;}
  .mt-bar:hover{ filter: brightness(1.15); }
  .mt-line{border-radius: 2px;filter: drop-shadow(0 0 1px rgba(255,117,117,.55));opacity: 0;animation: mtFade .35s ease .08s forwards;}
    @keyframes mtGrow { to { transform: scaleY(1); } }
    @keyframes mtFade { to { opacity: 1; } }
  .mt-badge{position:absolute; padding:2px 6px; font:11px/1.1 system-ui,sans-serif;border-radius: 999px; background: rgba(0,0,0,.6);box-shadow: 0 0 0 1px rgba(255,255,255,.06) inset;white-space: nowrap; pointer-events: none;}
  .mt-badge-stock{ color:#9fd6a6; }
  .mt-badge-price{ color:#ffcaca; }
  .market-chart{ position:absolute; width:100%; overflow-x:auto; overflow-y:hidden; bottom:15px;}
  .mt-stage{ position:relative; font:11px/1.2 system-ui,sans-serif; color:#b3b3b3; }
  .mt-line{ position:absolute; transform-origin:0 50%; }
  .mt-axis-y-l, .mt-axis-y-r, .mt-axis-x{ position:absolute; background:#444; }
  .mt-axis-y-l, .mt-axis-y-r{ width:1px; }
  .mt-axis-x{ height:1px; }
  .mt-grid{ position:absolute; height:1px; background:rgba(255,255,255,.06); }
  .mt-tick-l, .mt-tick-r{ position:absolute; width:4px; height:1px; background:#666; }
  .mt-tick-l{ transform:translateX(-100%); }
  .mt-label-l, .mt-label-r{position:absolute; transform:translateY(-50%); white-space:nowrap; pointer-events:none;}
  .mt-label-l{ transform:translate(-110%,-50%); color:#9fd6a6; } /* linke Y (Stock) */
  .mt-label-r{ transform:translate(10%,-50%);  color:#ffb3b3; }  /* rechte Y (Preis) */
  .mt-xlabel{ position:absolute; white-space:nowrap; color:#b3b3b3; font-size:10px; }
  .mt-xlabel-right{ transform:translateX(-100%); }
  .mtd-legend{text-align: center;}
  .mtd-legend .leg{ width:18px; height:8px; display:inline-block; border-radius:2px; }
  .mtd-legend .leg-bar{ background:#46ca58; }
  .mtd-legend .leg-line{ background:linear-gradient(90deg, #ff7575 0 50%, transparent 50%); position:relative; }
  .mtd-legend .leg-line::after{ content:''; position:absolute; left:0; right:0; top:3px; height:2px; background:#ff7575; }
  .mtd-legend .leg-txt{ opacity:.9;padding: 0px 15px 0px 0px;}
  .no-data{ color:#b3b3b3; font:12px/1.4 system-ui,sans-serif; padding:10px; opacity:.85; }  
  .mtd-range{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;margin:6px 0 12px;}
  .mtd-range .button.mtd-btn{position:relative;top:50px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;}
  .mtd-range .mtd-btn.active{color:#7f8ca8;}
  .mt-line-svg{position:absolute;left:0;top:0;overflow:visible;pointer-events:none;}
/* GEBÄUDE ZUWEISEN */
  .assignbuildlist{position:relative;top:115px;height:300px;width:90%;left:5%;}
  .buildingbg{position:absolute;top:3px;left:32px;height:55px;width:55px;background-repeat:no-repeat;background-size:55px;z-index:1;}
  .mcc2{position:relative;height:65px;width:65px;left:50%;top:0px;border-radius:50%;transform:translateX(-50%);border:2px solid #373737;z-index:2;box-shadow: inset 0px 0px 10px #000;cursor:url(../cur_hover.cur),auto;}
  .mcl2{position:relative;height:100px;width:120px;margin-bottom:5px;float:left;}
  .isinbuilding{border:2px solid #32792f;}
  .buildtext{position:relative;float:left;text-align:center;width:100%;font-size:12px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
/* ÄMTER */
  .officecontainer{position:absolute;width:100%;height:458px;top:63px;}
  .off1{}
  .off2{z-index:1;position:relative;width:55px;height:55px;margin:0 auto;background:#201f22;border:3px double #373737;box-shadow:inset 0px 0px 10px #000;}
  .off3{background-image:url(../images/buildinghud/isvoteing.png);height:27px;width:27px;position:absolute;right:-15px;bottom:44px;z-index:2;}
  .off4{position:relative;height: 55px;width: 55px;background-repeat: no-repeat;background-position: center;}
  .off5{position:relative;height:55px;width:55px;z-index:1;background-position:-35px -25px;background-size:130px;}
  .off6{position:fixed;height:390px;width:670px;left:50%;margin-left:-335px;top:100px;z-index:9999;border:1px solid #473e35;box-shadow:inset 0 0 30px #000;background-color:#201f22;}
    .off6a{top:50%;transform:translateY(-50%);}
  .off7{position:absolute;top:31px;height:347px;width:200px;background-image: linear-gradient(0deg, #373737 50%, transparent 100%);background-repeat:no-repeat;background-size:1px 100%;background-position:right;font-size:12px;}
  .off8{width:180px;top:135px;left:4px;}
  .off11{position:absolute;width:100%;text-align:center;top:115px;font-weight:bold;}
  .off12{position:absolute;left:5px;top:155px;width:190px;text-align:center;}
  .off13{position:absolute;left:5px;top:260px;height:95px;width:190px;padding-top:10px;font-size:12px;background-image:linear-gradient(90deg, transparent 5%, #373737 50%, transparent 95%);background-size:100% 2px;background-position:top;background-repeat:no-repeat;}
  .off14{position:absolute;left:200px;top:31px;height:165px;width:460px;background-image:linear-gradient(90deg, transparent 5%, #373737 50%, transparent 95%);background-size:100% 2px;background-position:bottom;background-repeat:no-repeat;}
  .off15{position:absolute;width:175px;top:5px;left:50%;transform:translateX(-50%);}
  .off16{position:relative;top:10px;width:90px;height:30px;left:50%;transform:translateX(-50%);text-align:center;display:table-cell;vertical-align:middle;}
  .off17{margin-top:15px;}
  .off18{margin-top:10px;}
  .off19{position:relative;left:40px;width:90px;float:left;top:20px;}
  .off20{width:calc(100% - 20px);top:5px;left:5px;}
  .off21{position:absolute;left:200px;top:195px;height:170px;width:460px;display:flex;justify-content:center;flex-wrap:wrap;}
  .off22{position:absolute;width:100%;margin-top:10px;}
  .off23{position:relative;margin-top:20px;height:140px;}
  .off24{width:175px;}
  .off25{position:absolute;color:#ff7575;top:55px;width:300px;left:50%;transform:translateX(-50%);text-align:center;}
  .off26{height:155px;margin-right:10px;padding:0px 10px 0px 0px;background-image:linear-gradient(0deg, transparent 5%, #373737 50%, transparent 95%);background-size:2px 80%;background-position:center right;background-repeat:no-repeat;}
  .candidatinfohover1, .candidatinfohover2, .candidatinfohover3, .candidatinfohover4{display:none;}
  .off17:hover .candidatinfohover1, .off17:hover .candidatinfohover2, .off17:hover .candidatinfohover3, .off17:hover .candidatinfohover4{position:absolute;display:inline-block;top:-67px;height:210px;width:187px;padding:5px;background:#1a1a1a;}
  .candidatinfohover1{left:-256px;}
  .candidatinfohover2{left:-366px;}
  .candidatinfohover3{left:-456px;}
  .candidatinfohover4{left:-546px;} 
  .ebene5,.ebene4,.ebene3,.ebene2,.ebene1{position:relative;height:93px;float:left;text-align:center;}
    .ebene5{width:100%;margin-top:15px;}
    .ebene4{width:50%;left:0;margin-top:-25px;}
    .ebene3{width:20%;}
    .ebene2{width:15%;}
    .ebene1{width:15%;}
  .landesebene3, .landesebene2, .landesebene1, .reichsebene3, .reichsebene2, .reichsebene1{position:relative;height:100px;float:left;text-align:center;}
    .landesebene3{width:100%;margin-top:50px;}
    .landesebene2{width:50%;margin-top:20px;}
    .landesebene1{width:33%;margin-top:35px;}
    .reichsebene3{width:50%;margin-top:90px;}
    .reichsebene2{width:100%;}
    .reichsebene1{width:50%;}
  div.ebene3:nth-child(4), div.ebene2:nth-child(11), div.ebene1:nth-child(17){margin-left:40px;}
  div.ebene2:nth-child(8), div.ebene1:nth-child(14){margin-left:15px;}
  div.ebene3:nth-child(6){margin-left:75px}
  .townflagreichsebeneBG,.townflaglandesebeneBG,.townflagnovaesiumBG{height:430px;width:600px;position:fixed;left:50%;margin-left:-300px;top:80px;opacity:.15;background-position:center;background-size:contain;background-repeat:no-repeat;z-index:0;}
    .townflagnovaesiumBG{background-image:url(../images/buildinghud/banner_Novaesium.png);}
    .townflagreichsebeneBG{background-image:url(../images/buildinghud/banner_Reichsebene.png);height:447px;}
    .townflaglandesebeneBG{background-image:url(../images/buildinghud/banner_landesebene.png);}
  .townflagnovaesium,.townflagreichsebene,.townflaglandesebene{position:fixed;left:50%;transform:translateX(-50%);background-size:100%;z-index:0}
    .townflagnovaesium{background-image:url(../images/buildinghud/banner_Novaesium.png);height:125px;width:181px;top:185px;}
    .townflagreichsebene{background-image:url(../images/buildinghud/banner_Reichsebene.png);height:180px;width:137px;top:85px;}
    .townflaglandesebene{background-image:url(../images/buildinghud/banner_landesebene.png);height:125px;width:105px;top:215px;}
  .townflagnovaesiumsmall,.townflagreichsebenesmall,.townflaglandesebenesmall{position:absolute;top:10px;left:50%;transform:translateX(-50%);background-size:contain;background-repeat:no-repeat;background-position:center;opacity:0.7;}
    .townflagnovaesiumsmall{background-image:url(../images/buildinghud/banner_Novaesium.png);height:90px;width:135px;}
    .townflagreichsebenesmall{background-image:url(../images/buildinghud/banner_Reichsebene.png);height:90px;width:120px;}
    .townflaglandesebenesmall{background-image:url(../images/buildinghud/banner_landesebene.png);height:90px;width:120px;}
/* TAGEBUCH */
  .day1, .day2{position:absolute;width:50%;overflow-x:hidden;height:425px;top:5px;background-image:linear-gradient(0deg, #373737 50%, transparent 100%);background-size:1px 100%;background-position:right;background-repeat:no-repeat;}
    .day12{left:0px;}
    .day2{right:0px}
  .day3{position:relative;color:#7f8ca8;width:100%;text-align:center;line-height:35px;font-size:16px;background-image:linear-gradient(90deg, transparent 5%, #373737 50%, transparent 95%);background-size:100% 2px;background-position:bottom;background-repeat:no-repeat;}
  .day4{position:relative;top:10px;width:90%;left:5%;}
  .day5{height:calc(100% - 35px) !important;}
  .day6{position:relative;width:calc(100% - 10px);left:10px;top:5px;line-height:16px;height:16px;float:left;}
  .day7{position:relative;width:280px;left:15px;padding-bottom:15px;float:left;background-image:linear-gradient(90deg, transparent 5%, #373737 50%, transparent 95%);background-size:100% 1px;background-position:bottom;background-repeat:no-repeat;}
  .day8{position:relative;width:calc(100% - 25px);margin-top:10px;float:left;}
  .day9{position:relative;top:10px;width:25px;float:left;text-align:center;line-height:13px;color:#7f8ca8;font-weight:bold;}
  .day10{width:40%;float:left;}
  .day11{width:60%;float:left;text-align:right;color:#7f8ca8;}
  .day13{margin-top:10px;height:24px;}
/* MESSAGECENTER */
  .msg1{height:calc(100% - 63px);top:60px}
  .msg2{margin: 0 8px 0px 0 !important;}
  .msg3{position:relative;left:0px;height:40px;width:calc(100% - 10px);padding:0 0 0 10px;border-bottom:1px solid #373737;cursor:url(../cur_hover.cur),auto;}
    .msg3:hover{background-color:rgba(0,0,0,.25)}
    .msg6{border:none;background-color:transparent !important;}
  .msg4{position:absolute;top:3px;left:30px;width:250px;color:#7f8ca8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px;cursor:url(../cur_hover.cur),auto;}
  .msg5{font-size:15px;color:#7f8ca8;font-weight:bold;}
  .msg7{position:absolute;top:30px;height:calc(100% - 65px);width:100%}
  .msg8{position:absolute;width:275px;left:40px;bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .msg9{position:absolute;right:10px;top:0px;line-height:40px;float:right;}
    .notread{font-weight:bold;}
  .msg10{position:relative;top:10px;}
  .msg11{position:relative;width:25%;top:10px;left:10px;margin-bottom:5px;font-weight:bold;float:left}
    .msg12{width:70%;font-weight:normal;}
    .msg18{left:0px;top:50%;transform:translateY(-50%);}
  .msg13{position:relative;top:15px;left:50%;width:calc(100% - 30px);height:calc(100% - 130px);border-top: 1px solid #373737;transform:translateX(-50%);float:left;padding:5px 0px 5px 5px}
  .msg14{position:absolute;left:50%;transform:translateX(-50%);margin:15px 0 0 0;height:65px;width:65px;}
  .msg15{left:0px;width:100%;background-position:center;}
  .msg16{}
  .msg17{position:relative;resize:none;width:calc(100% - 5px);height:300px;margin-top:5px;float:left;text-align:left;font-size:14px;line-height:14px;border-radius:0;padding:10px;}
  .msg19{position:relative;left:10px;width:calc(100% - 20px);height:40px;float:left;}
  .msg20{position:absolute;top:50%;left:80px;width:300px;transform:translate(0%,-50%);margin-top:0px;}
  .msg21{text-align:center;-webkit-touch-callout: text;-webkit-user-select: text;-khtml-user-select: text;-moz-user-select: text;-ms-user-select: text;user-select: text;}
  .reddot {position:absolute;bottom:2px;right:6px;height:10px;width:10px;background:red;border-radius:45px;}
    .greendot {background:green;}
/* QUEST */
  .ques1{top:31px;height:calc(100% - 31px);}
  .ques2{background:rgba(0,0,0,.40);}
  .ques3{left:15px;width:350px;}
  .ques4{left:30px;width:325px;}
  .ques5{position:relative;width:90%;margin:0px 15px 5px 15px;float:left;clear:both;}
    .ques6{margin:10px 0px 0px 10px;font-size:16px;color:#7f8ca8;}
  .ques7{position:relative;min-width:130px;height:50px;top:5px;float:left;background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(0,0,0,.04)), rgba(12,10,10,.55);box-shadow:inset 0px 0px 10px #000;padding:0 15px 0 10px;overflow:hidden;border:1px solid #373737;border-radius:15px;}
  .ques8{position:relative;top:50%;height:40px;width:40px;background-size:contain;transform:translateY(-50%);float:left;}
  .ques9{position:relative;top:50%;transform:translateY(-50%);margin-left:10px;float:left;max-width:225px;}
  .ques10{margin:0px 15px 5px 15px;}
  .ques11{margin:0px 15px 0px 15px;} 
  .ques12{position:relative;width:90%;left:5%;float:left;text-align:center;margin-top:10px;}
    .ques12a{position:absolute;top:50%;transform:translateY(-50%);margin-top:0px;}  
  .ques13{left:50%;transform:translateX(-50%);margin:10px 0 10px 0;}
  .ques14{}  
  .ques15{position:relative;height:30px;width:100%;margin-bottom:10px;left:0px;}  
  .ques16{position:absolute;text-align:center;height:auto;width:80%;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);font-size:40px;color:#46ca58;z-index:9999;filter:drop-shadow(0 0 1rem #46ca58);}
    .ques17{color:#46ca58;filter:drop-shadow(0 0 1rem #46ca58);}
    .ques18{color:#ff7575;filter:drop-shadow(0 0 1rem #ff7575);}
  .ques19{height:calc(100% - 35px) !important;}
  .thumbsup{position:relative;height:23px;width:23px;left:0px;top:10px;background:url('../images/buildinghud/thumbsup.png');margin-right:10px;background-size:cover;float:right;}
/* TRADER */
  .trader1{position:relative;height:15px;width:15px;top:3px;margin-left:5px;}
  .trader2{position:relative;height:322px;width:calc(100% - 19px);margin:2px 0px 0px 19px;float:left;}
    .trader9{height:365px;}
  .trader3{margin-top:5px;margin-left:35px;width:303px;height:250px;}
  .trader4{position:relative;top:4px;}
  .trader5{width:165px;height:55px;margin-right:10px;margin-bottom:10px;}
  .trader6{position:relative;top:9px;margin-left:50px;min-height:38px;width:120px;hyphens:auto;cursor:url(../cur_hover.cur),auto;}
  .trader7{background-image:url(../images/icons/EP.png);background-size:auto 135%;background-position:right -2px;background-repeat:no-repeat;padding:0 25px 0 0;text-align:right;}
  .trader8, .trader10, .trader11, .trader12{position:absolute;right:5px;bottom:5px;background-position:right center;background-repeat:no-repeat;padding:0 20px 0 0;text-align:right;}
    .trader8{background-image:url(../images/items/1033.png);background-size:auto 110%;}
    .trader10{background-image:url(../images/buildinghud/goldicon.png);background-size:auto 100%;}
    .trader11{background-image:url(../images/items/1000.png);background-size:auto 110%;}
    .trader12{background-image:url(../images/items/1104.png);background-size:auto 100%;}
  .trader13{width:calc(100% - 22px);margin:0px 0px 0px 23px;}
  .trader14{margin-top:5px;margin-left:10px;width:285px;height:220px;}
  .sailormap{position:relative;height:455px;width:100%;background-image:url(../images/buildinghud/sailormap.png);background-size:contain;background-repeat:no-repeat;background-position:center;text-shadow:none;}
  .tradetown1, .tradetown2, .tradetown3, .tradetown4, .tradetown5, .tradetown6, .tradetown7, .tradetown8, .tradetown9, .tradetown10, .tradetown11, .tradetown12, .tradetown13, .tradetown14 {position:absolute;cursor:url(../cur_hover.cur), auto;}
    .tradetown1{height:18px;width:23px;top:269px;left:409px;}
    .tradetown2{height:18px;width:23px;top:294px;left:353px;}
    .tradetown3{height:28px;width:39px;top:357px;left:280px;}
    .tradetown4{height:28px;width:39px;top:277px;left:250px;}
    .tradetown5{height:22px;width:23px;top:219px;left:170px;}
    .tradetown6{height:22px;width:23px;top:182px;left:236px;}
    .tradetown7{height:19px;width:23px;top:353px;left:485px;}
    .tradetown8{height:22px;width:23px;top:104px;left:442px;}
    .tradetown9{height:22px;width:23px;top:127px;left:531px;}
    .tradetown10{height:21px;width:25px;top:182px;left:636px;}
    .tradetown11{height:21px;width:25px;top:88px;left:629px;}
    .tradetown12{height:21px;width:25px;top:257px;left:536px;}
    .tradetown13{height:21px;width:25px;top:50px;left:84px;}
    .tradetown14{height:21px;width:25px;top:378px;left:790px;}
  .tradetown1name, .tradetown2name, .tradetown3name, .tradetown4name, .tradetown5name, .tradetown6name, .tradetown7name, .tradetown8name, .tradetown9name, .tradetown10name, .tradetown11name, .tradetown12name, .tradetown13name, .tradetown14name{position:absolute;width:auto;left:50%;transform:translateX(-50%);color:#383838;text-align:center;font-weight:bold;background:#c6aa75b8;border-radius:5px;line-height:13px;bottom:-10px;}
    .tradetown13name{width:125px;bottom:-25px;background:none;}
    .tradetown14name{width:125px;bottom:-25px;background:none;}
    .tradetown2name{left: 25%;}
  .trader15{position:absolute;left:0px;top:45px;height:calc(100% - 45px);width:100%;overflow:hidden;}
  .trader16{width:calc(100% - 20px);text-align:center;}
  .trader17{margin-left:95px;}
  .trader18{height:78px;top:5px;}
  .trader19{position:absolute;width:225px;bottom:-20px;left:50%;transform:translateX(-50%);height:15px;margin:0 5px 0 5px;float:left;border:1px solid #4f4f4f;background:rgba(0,0,0,0.5);}
  .trader20{font-weight:normal;margin-top:10px;}
  .trader21{height:330px;width:650px;margin-top:30px;}
  .trader22{position:absolute;top:105px;right:0px;height:210px;width:300px;}
    .trader24{top:150px;height:170px;}
  .trader23{left:25px;}  
  .trader25{position:absolute;width:265px;bottom:22px;left:22px;}
/* USER/ RANKINGLIST */
  .ulist1{margin-bottom:5px;}
  .ulist2{position:relative;top:50%;transform:translateY(-50%);font-weight:bold;float:left;text-align:center;}
    .ulist3{width:3%;height:100%;}
    .ulist4{width:30%;text-align:left;cursor:url(../cur_hover.cur), auto;}
    .ulist5{width:7%;}
    .ulist6{width:10%;}
    .ulist7{width:15%;}
    .ulist8{width:20%;}
    .ulist9{width:15%;}  
  .ulist10{position:relative;top:50%;transform:translateY(-50%);float:left;white-space:nowrap;}
  .ulist11{position:relative;height:25px;width:100%;float:left;border-bottom:1px dotted;text-align:center;line-height:25px;}
  .ulist12{background-image:url("../images/buildinghud/info01.png");background-repeat:no-repeat;background-position:center;cursor:url(../cur_hover.cur), auto;}
  .ulist13{position:relative;top:50px;height:305px;}
/* CELEBRATION ITEMADD */
  .cel1{left:0px;width:100%;background-position:center;}
  .cel2{width:70px;height:70px;top:90px;left:0px;margin:0px 3px 6px 3px;transform: translateX(50%);}
/* LAW */
  .law1{width:calc(100% - 80px);margin:0px 0px 0px 80px;}
  .law2{position:relative;margin-bottom:5px;width:480px;text-align:left;float:left;}
  .law3{left:20px;margin-top:-5px;width:460px;}
/* FINANZSTATISTIK */
  .fi3{position:relative;top:10px;left:50px;font-size:18px;width:150px;float:left;color:#7f8ca8}
    .fi3:nth-child(1){width:250px;}
  .fi4{position:relative;text-align:left;margin-bottom:5px;font-size:14px;}
  .fi5{float:left;top:30px;width:545px;left:50%;transform:translateX(-50%);border-bottom:3px double #b3b3b3;margin-bottom:10px;}
  .fi6{position:relative;top:1px;margin-left:1px;margin-right:3px;}
  .m1{top:25px;margin-left:50px;width:250px;float:left;}
  .m2{top:25px;width:150px;float:left;}
  .m3{top:25px;width:150px;float:left;}
/* BUGTRACKER */
  .bug1{position:absolute;top:0px;height:calc(100% - 35px);width:100%;}
  .bug2{position:relative;top:4px;width:calc(100% - 25px);border-radius:0px;}
  .bug3{height:285px;width:calc(100% - 45px);text-align:left;font-size:13px;line-height:15px;padding:10px;resize:none;border-bottom:none;border-radius:0px;}
  .bug4{width:350px;left:5px;}
  .bug5{left:15px;}
  .bug6{width:35%;}
  .bug7{font-weight:normal;width:60%;}
  .bug8{height:280px;width:calc(100% - 15px);}
  .bug9{position:relative;left:0px;top:0px;width:150px;}
  .bug10{background-color:#1a1a1a;border:none;font-size:13px;height:18px;text-align:left;text-align-last:left;width:150px;padding:0;border-radius:0px;box-shadow:none;}
  .bug11{font-weight:bold;margin-bottom:1px;}
  .bug12{width:95%;margin-left:3%;}
    .bug14{color:#7f8ca8;text-align:center;margin-top:10px;cursor: url('../cur_hover.cur'),auto;}
  .bug13{margin-top:10px;}
  .bug15{height:60px;width:350px;text-align:left;padding:10px;resize:none;border:1px solid #373737;border-radius:5px;display:none;}
  .bug16{position:relative;width:90px;margin-top:3px;margin-left:5px;float:left;display:none;}  
    .bug16:nth-of-type(1){margin-left:200px;}   
  .bug17{display:none;position:absolute;height:366px;width:416px;background:rgba(0,0,0,.25);top:15px;left:11px;}
  .bug18{height:100px;width:100px;margin-left:45px;background-size:contain;background-repeat:no-repeat;background-position:center;cursor: url('../cur_hover.cur'),auto;filter:saturate(0%);}
    .bug18:hover{filter:saturate(100%);}
/* FILE UPLOAD */
  .inf__drop-area * {box-sizing:border-box;}
  .inf__drop-area {position:relative;height:55px;width:calc(100% - 49px);background-color:#202020;border:2px solid #373737;border-top:none;box-shadow:inset 0px 0px 10px #000000c9;display:flex;align-items:center;transition:0.2s;left:50%;transform:translateX(-50%);background-image:linear-gradient(90deg, transparent 5%, #373737 50%, transparent 95%);background-size:100% 2px;background-position:top;background-repeat:no-repeat;}
  .inf__drop-area.is-active, .inf__drop-area:hover {background-color: rgba(0,0,0,.25);}
  input[type="file"] {position: absolute;left: 0;top: 0;height: 100%;width: 100%;opacity:0;cursor:pointer;}
  input[type="file"]:focus {outline: none;}
  .inf__btn {display:none;}
  .inf__hint {flex: 1;font-size: 13px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: center;color: #7f8ca8;}
/* USERSETTINGS */
  .uss1{width:300px;top:15px;left:10px;font-weight:normal;font-size:14px;line-height:14px;}
  .uss2{position:relative;height:17px;float:left;cursor:url('../cur_hover.cur'),auto;}
  .uss3{position:relative;float:left;margin-right:20px;}
  .uss4{margin-bottom:20px;}
  .uss5{position:absolute;bottom:0px;height:295px;}  
  .uss6{height:calc(100% - 35px) !important;}
  .uss7{position:relative;height:25px;width:45px;background-size:50px;background-position:center center;background-repeat:no-repeat;box-shadow:inset 0px 0px 10px #000;border:2px solid #373737;border-radius:10px;box-shadow:0 0 60px #3540472b inset;margin-right:15px;}
  .uss8{height:28px;padding:0;width:155px;font-size:13px !important;}
  .uss9{font-size:12px;text-align:left;bottom:50px;}
  .uss10{position:relative;float:right;right:110px;bottom:1px;}
  .range {opacity:0.8;}
    .range:hover {opacity:1;}
  input[type="range"] {-webkit-appearance: none;appearance: none;background: transparent;cursor: url('../cur_hover.cur'), auto;width: 150px;}
  input[type="range"]:focus {outline: none;}
  input[type="range"]::-webkit-slider-runnable-track {background-color:#000;border:2px solid #373737;border-radius:5px;height:5px;}
  input[type="range"]::-moz-range-track {background-color:#000;border:2px solid #373737;border-radius:5px;height:5px;}
  input[type="range"]::-webkit-slider-thumb {-webkit-appearance: none;appearance: none;margin-top: -12px;background-color: #7f8ca8;height: 15px;width: 15px;border-radius:15px;}
  input[type="range"]:focus::-webkit-slider-thumb {border: 0px solid #000;outline: 0px solid #7f8ca8;outline-offset: 0px;}
  input[type="range"]::-moz-range-thumb {border: none;border-radius: 0;background-color: #7f8ca8;height: 15px;width: 15px;border-radius:15px;}
  input[type="range"]:focus::-moz-range-thumb {border: 0px solid #000;outline: 0px solid #7f8ca8;outline-offset: 0px;}
  .us-toggle{width:150px;}
  .us-carddesc{font-size:12px;opacity:.72;line-height:1.35;margin-top:3px;width:285px;color:#a2aab0;}
  .atr-grid-uss {display:grid;grid-template-columns:300px 220px;gap:14px;padding:5px 10px;align-items:center;background-image:linear-gradient(90deg, transparent 0%, #373737 0%, #373737 60%, transparent 100%);background-size:100% 1px;background-repeat:no-repeat;background-position:bottom;}
  .us-rangewrap{display:flex;align-items:center;gap:5px;width:220px;}
  .us-rangevalue{min-width:35px;text-align:right;display:inline-block;}
  .atr-mode-toggle.us-toggle .atr-mode-inp:nth-of-type(1):checked ~ .atr-mode-pill{transform:translateX(0);background-color:rgba(67,106,0,0.8);}
  .atr-mode-toggle.us-toggle .atr-mode-inp:nth-of-type(2):checked ~ .atr-mode-pill{transform:translateX(calc(100% + 0px));background-color:#464a4e;}
  .atr-mode-toggle.us-toggle .atr-mode-inp:nth-of-type(1):checked + .atr-mode-btn,
  .atr-mode-toggle.us-toggle .atr-mode-inp:nth-of-type(2):checked + .atr-mode-btn{color:#b3b3b3;}    
  .atr-mode-toggle.us-toggle.us-toggle-lang .atr-mode-inp:checked + .atr-mode-btn {color:transparent;text-shadow:none;}  
  .atr-mode-toggle.us-toggle.us-toggle-lang .atr-mode-inp:nth-of-type(1):checked ~ .atr-mode-pill{transform:translateX(0);background:linear-gradient(180deg,rgba(20,20,20,0.95) 0%,rgba(20,20,20,0.95) 33.33%,rgba(160,30,30,0.90) 33.33%,rgba(160,30,30,0.90) 66.66%,rgba(180,140,35,0.90) 66.66%,rgba(180,140,35,0.90) 100%);}
  .atr-mode-toggle.us-toggle.us-toggle-lang .atr-mode-inp:nth-of-type(2):checked ~ .atr-mode-pill{
    transform:translateX(calc(100% + 0px));
    background:
      linear-gradient(180deg,transparent 0%,transparent 42%,rgba(160,30,30,0.90) 42%,rgba(160,30,30,0.90) 58%,transparent 58%,transparent 100%),
      linear-gradient(90deg,transparent 0%,transparent 42%,rgba(160,30,30,0.90) 42%,rgba(160,30,30,0.90) 58%,transparent 58%,transparent 100%),
      linear-gradient(180deg,transparent 0%,transparent 34%,rgba(235,235,228,0.92) 34%,rgba(235,235,228,0.92) 66%,transparent 66%,transparent 100%),
      linear-gradient(90deg,transparent 0%,transparent 34%,rgba(235,235,228,0.92) 34%,rgba(235,235,228,0.92) 66%,transparent 66%,transparent 100%),
      linear-gradient(26.5deg,transparent 0%,transparent 46.5%,rgba(160,30,30,0.90) 46.5%,rgba(160,30,30,0.90) 53.5%,transparent 53.5%,transparent 100%),
      linear-gradient(-26.5deg,transparent 0%,transparent 46.5%,rgba(160,30,30,0.90) 46.5%,rgba(160,30,30,0.90) 53.5%,transparent 53.5%,transparent 100%),
      linear-gradient(26.5deg,transparent 0%,transparent 41%,rgba(235,235,228,0.92) 41%,rgba(235,235,228,0.92) 59%,transparent 59%,transparent 100%),
      linear-gradient(-26.5deg,transparent 0%,transparent 41%,rgba(235,235,228,0.92) 41%,rgba(235,235,228,0.92) 59%,transparent 59%,transparent 100%),
      rgba(18,34,92,0.92);
    }
/* CHARCREATION OLD */
  .ccr1{position:relative;width:35%;top:90px;left:85px;line-height:35px;text-align:center;float:left;margin-bottom:10px;}  
    .ccr6{width:90%;left:60px;margin-bottom:10px;text-align:left;}
    .ccr15{width:50%;left:0px;top:0px;line-height:25px !important;margin-bottom:0px;text-align:left;}
    .ccr17{left:55px;line-height:30px !important;text-align:right;height:30px;}
  .ccr5{background-image:url(../images/buildinghud/class_joiner_1.png);background-repeat:no-repeat;background-position:-5px -4px;background-size:40px;}
  .ccr7{float:left;width:50px;padding-right:10px;text-align:right;padding-bottom:10px;}
  .ccr2{background-image:url(../images/buildinghud/class_priest_1.png);background-repeat:no-repeat;background-position:-2px -4px;background-size:35px;}  
  .ccr3{background-image:url(../images/buildinghud/class_tailor_2.png);background-repeat:no-repeat;background-position:0px -1px;background-size:35px;}
  .ccr4{background-image:url(../images/buildinghud/CityLarge.png);background-repeat:no-repeat;background-position:1px 3px;background-size:35px;}
  .ccr8{background-repeat:no-repeat;background-size:100% auto;height:55px;width:42px;} 
    label > input + div{cursor:url(../cur_hover.cur), auto;border:2px solid transparent;border-radius:10px;}
    label{cursor:url(../cur.cur), auto;}
    label > input:checked + div{border:2px solid #7f8ca8;border-radius:10px;box-shadow:0 0 60px #3540472b inset;} 
  .ccr9{height:100px;width:100px;background-size:121%, 280%;background-position:center, 0px -56px;border-radius:90px !important;}
  .ccr10{float:left;width:120px;padding-bottom:20px;} 
  .ccr11{left:95px;width:80%;} 
  .ccr12{left:188px;top:160px !important;}
  .ccr13{position:absolute;height:73px;width:55px;top:135px;left:162px;z-index: 1;}
  .ccr14{position:absolute;width:400px;left:310px;top:180px;}
  .ccr16{position:relative;width:50%;left:0px;top:0px;line-height: 25px;float: left;color:#7f8ca8;font-size:15px;border-bottom:1px solid #7f8ca8;border-left:none;border-top:none;border-right:none;background:transparent;outline:none}
/* CHARCREATION NEW */
.creat0{min-width:860px;max-width:1200px;min-height:600px;max-height:800px;}
.creat1{position:absolute;left:0px;width:calc(70% - 15px);min-width:550px;height:100%;top:0px}
    .creat1_1{position:relative;width:100%;min-height:95px;top:5px;margin-top:10px;display:flex;justify-content:center;align-items:flex-start;gap:10px}
        .creat1_1_1, .creat1_1_2, .creat1_1_3{position:relative;}
        .creat1_1_1{width:220px;}
        .creat1_1_2{width:250px;}
        .creat1_1_3{width:170px;}
        .creat1_1_4{padding: 0 0 0 10px;}
        .creat1_1_5{width:400px;}
        .creat1_1_6{width:560px;}
.creat2{position:absolute;right:0px;width:30%;min-width:250px;height:100%;top:0px;}
    .creat2_1{position:relative;top:0px;left:0%;width:100%;height:100%;}
.creat3{position:relative;text-align:center;font-size:17px;height:24px;line-height:20px;}
    .creat3::after {content:"";position:absolute;left:5%;right:5%;bottom:0px;height:2px;background:linear-gradient(90deg, transparent, #373737, transparent);}
.creat4{position:absolute;width:80%;left:10%;line-height:30px;margin-top:5px;}    
.creat5{position:relative;float:left;top:0px;line-height:25px;margin-bottom:0px;margin-top:5px;text-align:left;font-size:15px;}   
    .creat5_1{width:40%;left:0px;}
    .creat5_2{width:calc(55% - 20px);right:0%;color:#7f8ca8;background-color:#202020;box-shadow: inset 0px 0px 10px #000000c9;border:2px solid #373737;outline:none !important;padding:0 10px 0 10px;border-radius:5px;font-size:14px;}
        .creat5_2:focus,.creat5_2:focus-visible,.creat5_2:active{background-color:#202020;box-shadow: inset 0px 0px 10px #000000c9;border:2px solid #373737;outline:none !important;}          
.creat6{display:grid;grid-template-columns:repeat(4, 22px);gap:4px;padding:6px;justify-content:center;align-items:center;height:100px;}
.creat7{width:22px;height:22px;border:1px solid rgba(0,0,0,.55);background:var(--c);padding:0;cursor:pointer;border-radius:2px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);}
    .creat7:hover{border-color: rgba(255,255,255,.35);cursor: url('../cur_hover.cur'), auto;}
    .creat7.is-selected{outline:2px solid #7f8ca8;outline-offset:1px;}       
.creat8{position:relative !important;left:50%;transform:translateX(-50%);display:grid;grid-template-columns: repeat(6, 50px);gap:4px;margin-top:6px;justify-content:center;max-height:calc(50px * 2 + 4px);width:330px !important;}
.creat9{width:50px;height:50px;border:1px solid rgba(0,0,0,.55);background: rgba(0,0,0,.15);padding:0;cursor:pointer;border-radius:4px;box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;}
  .creat9 img{width:40px;height:40px;object-fit:contain;pointer-events:none;image-rendering:auto;}
  .creat9:hover{border-color:rgba(255,255,255,.35);cursor: url('../cur_hover.cur'), auto;}
  .creat9.is-selected{outline:2px solid #7f8ca8;outline-offset:1px;}        
.creat10{display:grid;grid-template-columns: repeat(5, 1fr);row-gap:5px;column-gap:0px;;height:280px !important;width:560px !important;}
.creat11{padding:0;border:0;background:transparent;cursor:pointer;}
.creat11.is-selected .rendering{outline:2px solid #7f8ca8;outline-offset:2px;border-radius:6px;}      
.creat12{position:absolute;top:255px;left:50%;transform:translateX(-50%);height:320px;width:160px;box-shadow:inset 0px 0px 10px #000000c9;border:2px solid #373737;border-radius:70px 70px 0 0;margin-bottom:5px;overflow:hidden;}    
.creat13{position:relative;top:10px;font-size:15px;}
.creat14{position:absolute;top:220px;height:100px;width:100px;border-radius:90px !important;left:57%;transform:none;}
.creat15{height:40px;font-size:16px;width:170px;top:620px;}  
/* USERMENÜSLIDER */
  .up0{position:absolute;width:165px;height:100%;right:20px;}
  .up1, .up2{position:absolute;left:1px;width:30px;top:3px;font-size:22px;z-index:1;text-align:center;cursor:url('../cur_hover.cur'),auto;}
    .up2{width:15px;left:10px;}
  .up3{position:relative;height:100%;width:1px;float:left;background-image:linear-gradient(0deg, transparent 10%, #473e35 50%, transparent 90%);}
  .up4{float:right;}
/* AUDIOPLAYER */
  .ap1{position:absolute;width:250px;bottom:50%;right:2px;transform:translateY(50%);}
  .ap2, .ap3{position:absolute;right:1px;width:30px;bottom:50%;transform:translateY(50%);font-size:22px;z-index:1;text-align:center;cursor:url('../cur_hover.cur'),auto;}
    .ap3{width:15px;right:10px;}
  .noselect{
    -webkit-touch-callout: none;
      -webkit-user-select: none;
       -khtml-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
  }
  .zaudio_container{display:flex;flex-wrap:wrap;z-index: 1;max-width:200px;margin-left:20px}
  .zaudio_songtitle, .zaudio_seekbar, .zaudio_songartist{display:none;}
  .zaudio_seekbg{cursor:pointer;height:8px;border-radius:4px;flex:1;background:#000;max-width:30% !important;margin-right:15px;cursor:url('../cur_hover.cur'),auto;}
  .zaudio_seekfill{background:#7f8ca8 !important;border-top-left-radius:4px;border-bottom-left-radius:4px;display:flex;justify-content:flex-end;align-items:center;overflow:visible;cursor:url('../cur_hover.cur'),auto;}
  .zaudio_playercontrolbuttons i{color:#b3b3b3;cursor:url('../cur_hover.cur'),auto;}
  .zaudio_buttonwrapper{flex-direction:row;display:flex;justify-content:space-between;align-items:center;}
  .zaudio_playercontrolbuttons i:hover{transition:all 0.5s;color:#7f8ca8 !important;}
  .zaudio_seeker{margin-right:-7px;border-radius:10px;border:2px solid #b3b3b3 !important;background-color:#b3b3b3;cursor:url('../cur_hover.cur'),auto;}
  .zaudio_tracktime{display:none;}
  .zaudio_playercontrolbuttons{flex-grow:1;display: flex;margin-right:5px;max-width:115px;flex-direction:row;justify-content:space-between;align-items:center;}
  .zaudio_player{display:flex;flex-direction:column;flex-grow:1;}
  .zaudio_spinner{border:3px solid #5b5b5b;border-top:3px solid;border-radius:50%;width:15px;height:15px;animation:spin 1s linear infinite;}
  @keyframes spin{
      0%{ transform: rotate(0deg); }
      100%{ transform: rotate(360deg); }
  }
/* HUD */
  .gui1{height:80px;width:80px;border:2px solid #373737;border-radius:50px;margin-bottom:5px;overflow:hidden;}
    @keyframes pulse-green{
    	0%{box-shadow: inset 0 0 0 0 rgba(67, 106, 0, 0.7);}
    	70%{box-shadow: inset 0 0 0 15px rgba(67, 106, 0, 0);}
    	100%{box-shadow: inset 0 0 0 0 rgba(67, 106, 0, 0);}
    }
    @keyframes pulse-orange{
    	0%{box-shadow: inset 0 0 0 0 rgba(173, 144, 62, 0.7);}
    	70%{box-shadow: inset 0 0 0 15px rgba(67, 106, 0, 0);}
    	100%{box-shadow: inset 0 0 0 0 rgba(67, 106, 0, 0);}
    }
    @keyframes pulse-red{
    	0%{box-shadow: inset 0 0 0 0 rgba(173, 62, 62, 0.7);}
    	70%{box-shadow: inset 0 0 0 15px rgba(67, 106, 0, 0);}
    	100%{box-shadow: inset 0 0 0 0 rgba(67, 106, 0, 0);}
    }
  .gui2{position:fixed;z-index:999999;left:0px;bottom:0px;width:31px;height:36px;border-top:1px solid #473e35;border-right:1px solid #473e35;box-shadow:inset 0 0 20px #000;background:#201f22;overflow:hidden;}
    .gui3{border:none;z-index: 999999;}
    .gui4{left:31px;border-radius:0 15px 0 0;padding-left:3px;}
  .gui5{position:fixed;z-index:99998;bottom:7px;right:7px;background-color:#00000080;border-radius:25px;padding:3px 7px 6px 7px;margin-bottom:0px;}
  .gui6{position:absolute;top:50%;height:30px;width:30px;transform:translateY(-50%);z-index:9998;transition:all 0.3s ease;cursor:url('../cur_hover.cur'), auto;line-height:30px;font-size:23px;text-align:center;animation:pop 5s linear infinite;}
    .gui6:hover{animation:none;}
    @keyframes pop{0%{color:#b3b3b3;}50%{color:#7f8ca8;}100%{color:#b3b3b3;}}
    .gui6a{opacity:0.1;pointer-events:none;animation:none;}
    .townleftani, .townrightexit{left:5px;}
    .townrightani, .townleftexit{right:5px;}
  .gui7{position:fixed;z-index:99998;width:100%;height:40px;border-bottom:1px solid #473e35;box-shadow:inset 0 0 25px #000;background:#201f22;transition:0.4s;}
  .gui8{position:fixed;z-index:99999;left:120px;height:40px;max-width:calc(100% - 300px);overflow:hidden;}
  .gui9{position:relative;top:50%;padding:0 15px 0 35px;line-height:21px;height:25px;float:left;margin-right:5px;transform:translateY(-50%);cursor:url(../cur_hover.cur),auto;background-repeat:no-repeat;background-position:10px;border-radius:20px;font-size:16px;text-shadow:0 2px 2px #202020;}
      .gui9a{background-image: url('../images/buildinghud/1000.png');}
      .gui9b{background-image: url('../images/buildinghud/coinofsailor.png');}
      .gui9c{background-image: url('../images/buildinghud/guildsiegelsmall.png');}
      .gui9d{padding: 0px 15px 0px 40px;background-image: url('../images/buildinghud/fquest.png');}
      .gui9e{background-image: url('../images/buildinghud/spicon.png');}
      .gui9f{background-image: url('../images/buildinghud/goldicon.png');}
      .gui9f:hover, .gui9d:hover{transition: all 0.5s;color:#7f8ca8;}
      .gui9g{background-image: url('../images/buildinghud/kiprod.png');}
      .gui9h{background-image: url('../images/buildinghud/fprod.png');}
      .gui9i{background-image: url('../images/buildinghud/fprod.png');}
      .gui9j{padding: 0px 15px 0px 45px;background-image: url('../images/buildinghud/cart_small.png');}
      .gui9k{background-image: url('../images/buildinghud/imperialorb.png');}
  .gui10{position:fixed;z-index:999999;top:5px;left:5px;}
  .gui11{position:fixed;width:595px;height:65px;bottom:0px;left:50%;z-index:99999;transform:translateX(-50%);border-radius:10px 10px 0px 0px;border-left:1px solid #473e35;border-top:1px solid #473e35;border-right:1px solid #473e35;box-shadow:inset 0 0 25px #000;background:#201f22;}
  .gui12{position:relative;top:50%;height:45px;width:45px;box-shadow: inset 0 0 30px #000;border:1px solid #373737;transform:translateY(-50%);float:left;left:10px;margin-right:5px;overflow:hidden;}
    .nomeasure{background-image:url('../images/buildinghud/nomeasure.png');}
    .gui12a{opacity: 0.4;cursor: url('../cur_denied.cur'), auto;}
    .gui12b{height:35px;width:35px;left:5px;}
    .gui12:hover{transition:all 0.5s;background-color:#000}
  .gui13{position:absolute;top:0px;right:37px;height:68px;width:1px;background-image:linear-gradient(0deg, transparent 10%, #473e35 50%, transparent 90%);}
    //.gui13a{right:65px;}
  .gui14{position:absolute;top:calc(50% - 1px);right:5px;height:1px;width:70px;background-image:linear-gradient(45deg, transparent 10%, #473e35 50%, transparent 90%);}
  .gui15{position:absolute;height:26px;width:25px;cursor:url('../cur_hover.cur'), auto;filter:brightness(0.7);}
    .gui15:hover{transition:all 0.5s;filter:brightness(1);}
    .gui16{bottom:34px;right:39px;}
    .gui17{bottom:5px;right:12px;}
        //.gui17a{bottom:5px;right:39px;}
    .gui18{bottom:5px;right:39px;}
    .gui19{bottom:34px;right:12px;}
        //.gui19a{bottom:34px;right:39px;}
  .gui20{z-index:100000;bottom:65px;width:200px;height:30px;}
  .gui21{font-size:17px;line-height:30px;padding:0px 0px 0px 20px;}
  .gui22{position:fixed;z-index:99999;width:465px;top:40px;right:0px;height:32px;box-shadow:inset 0 0 25px #000;background:#201f22;padding:0px 0px 2px 0px;border-radius:0px 0px 0px 15px;border-bottom:1px solid #473e35;border-left:1px solid #473e35;transition:0.4s;}
  .gui23{position:relative;top:-3px;height:35px;width:35px;float:left;background-size:35px;padding:0px 5px 0px 5px;background-repeat:no-repeat;background-position:center;cursor:url('../cur_hover.cur'), auto;}
    .gui23:hover{transition: all 0.5s;opacity:0.8;transform:rotate(-10deg);background-size:45px;}
    .gui24{background-image:url('../images/buildinghud/build.png');}
    .gui25{background-image:url('../images/buildinghud/officebtn.png');}
    .gui26{background-image:url('../images/buildinghud/daybook.png');}
    .gui27{background-image:url('../images/buildinghud/report.png');}
    .gui28{background-image:url('../images/buildinghud/whoisonline.png');}
    .gui61{background-image:url('../images/buildinghud/usersettings.png');}
    .gui62{background-image:url('../images/buildinghud/donate.png');}
    .gui68{background-image:url('../images/buildinghud/familytree.png');}
    .gui69{background-image:url('../images/buildinghud/achievements.png');}
    .gui89{background-image:url('../images/buildinghud/community.png');}
    .gui93{background-image:url('../images/buildinghud/markettrends.png');}
    .gui94{background-image:url('../images/buildinghud/skillthree_45.png');}
    .gui95{background-image:url('../images/buildinghud/discord_45.png');}
    .gui29{float:left;}
  .gui30{position:fixed;z-index:99999;top:5px;right:0px;width:auto;height:30px;padding:0px 15px 0px 15px;font-size:15px;line-height:15px;transition:0.4s;}
  .gui31{position:fixed;z-index:999998;top:40px;left:125px;width:auto;height:20px;font-size:16px;padding:0px 20px 0px 20px;border-radius:0px 0px 10px 0px;border-bottom:1px solid #473e35;border-right:1px solid #473e35;box-shadow:inset 0 0 25px #000;background:#201f22;transition:0.4s;}
  .gui32{position:relative;border-radius:50%;height:135px;width:135px;box-shadow:inset 0px 0px 10px #000;}
      .gui32::before{content:"";position:absolute; inset:0;border-radius:inherit;border:2px solid #373737;pointer-events:none;}
      .gui32::after{content:"";position:absolute; inset:5px;border-radius:inherit;border:2px solid #373737;pointer-events:none;}
    .gui33{background-position:-40px -90px;background-size:200%;}
    .gui34{background-position:4px 7px;}
    .gui35{background-position:-4px -4px;background-size:110%;}
  .gui36{position:absolute;top:1px;left:1px;z-index:0;height:82px;width:82px;border-radius:90px;border:2px solid #141314;}
  .gui37{position:absolute;top:3px;left:3px;z-index:0;height:82px;width:82px;background-image:url("../images/buildinghud/compassglass.png");box-shadow:0px 0px 3px 2px rgba(0,0,0,0.85);border-radius:35px;}
  .gui38{width:130px;height:45px;bottom:0px;margin-left:-363px;border-radius:10px 0 0 0;border-right:none;z-index:100000;}
  .gui39{margin-left:363px;border-right:1px solid #473e35;border-radius:0 10px 0 0;border-left:none;}
  .gui40{height:35px;width:35px;background:url('../images/buildinghud/noroom.png');}
  .gui41{background-image:url('../images/buildinghud/qb_kontor.png');}
  .gui42{background-image:url('../images/buildinghud/qb_church.png');}
  .gui43{background-image:url('../images/buildinghud/qb_tavern.png');}
  .gui44{background-image:url('../images/buildinghud/qb_guildhall.png');}
  .gui45{background-image:url('../images/buildinghud/qb_townhall.png');}
  .gui46{background-image:url('../images/buildinghud/qb_market.png');}
  .gui47{background-image:url('../images/buildinghud/qb_waredeals.png');}
  .gui48{box-shadow:inset 0px 0px 10px #000;}
  .gui49, .gui50, .gui51{position:fixed;z-index:999998;left:5px;}
    .gui49{top:145px;}
    .gui50{top:235px;}
    .gui51{top:325px;} 
  .gui52{position:fixed !important;top:85px;right:0px;width:90px !important;padding: 0 0 0 5px;max-height: calc(100% - 150px) !important;z-index:99999;display:block;content-visibility:auto;contain-intrinsic-size:85px;}
  .gui53{height:100%;width:100%;background-size:contain;}
  .gui54{position:fixed;left:142px;top:63px;width:250px;height:75px;z-index:99999;}
  .gui55{position:relative;top:2px;height:22px;width:25px;background-repeat:no-repeat;background-size:contain;float:left;cursor:url('../cur_hover.cur'),auto;}
  .gui56{height:calc(100% - 90px);}
  .gui57{left:10px;}  
  .gui58{left:17px;}  
  .gui59{height:16px;width:33px;background-image:url(../images/buildinghud/cart_small.png);background-size:cover;float:left;margin-top:3px;margin-right:3px;}
  .gui60{height:35px;width:650px;top:50%;transform:translate(-50%, 50%);position:fixed;background-image:linear-gradient(90deg, transparent 5%, #000 20%, #000 80%, transparent 95%);left:50%;display:block;z-index:999999;}
  .gui63{position:absolute;top:10px;right:20px;box-shadow:inset 0 0 15px #000;cursor:url('../cur_hover.cur'),auto;}
    .gui63:hover{transition:all 0.5s;border: 2px solid #7f89a8;box-shadow:inset 0 0 5px #000;}  
  .gui64{right:90px;}
  .gui65{;}
  .gui66{height:35px;width:55px;}
  .gui67{border:1px solid #373737;padding:0px;margin-left:-5px;box-shadow:inset 0px 0px 8px #000000;background:#1a1a1a;}
  .gui70{position:relative;height:25px;width:25px;top:60px;right:-55px;background-color:#000000c9;border-radius:20px;border:1px solid #373737;z-index:2;background-image:url('../images/buildinghud/move.png');background-size:18px;background-position:center;background-repeat:no-repeat;cursor:url('../cur_hover.cur'),auto;}
    .gui70a{position:relative;height:25px;width:25px;top:33px;right:0px;background-color:#000000c9;border-radius:20px;border:1px solid #373737;z-index:2;background-image:url('../images/buildinghud/goldicon.png');background-size:15px;background-position:center;background-repeat:no-repeat;cursor:url('../cur_hover.cur'),auto;}
    .gui70b{position:absolute;height:22px;width:22px;top:15px;}
  .gui71{position:absolute;height:100%;width:100%;z-index:1}  
  .gui72{overflow:visible;}
  .gui73{top:40px;right:0px}
  .gui74{position:fixed;bottom:65px;width:350px;height:30px;border-radius: 10px 10px 0 0;left:50%;transform:translateX(-50%);border: 1px solid #473e35;border-bottom:none;box-shadow:inset 0 0 25px #000;background:#201f22;z-index:100000;}
    .gui75{position:absolute;top:6px;width:80%;left:10%;text-align:center;line-height:17px;font-size:17px;}
  .gui76{position:fixed;width:0px;height:127px;bottom:70px;left:50%;transform:translate(-50%, 0%);z-index:99998;}
  .gui77{position:absolute;bottom:0px;left:50%;transform:translate(-50%, 0%);z-index:0;height:100px;width:100px;border-radius:60px;background:#201f22;border:2px solid #141314;box-shadow:0px 0px 5px 3px rgba(0, 0, 0, 0.6);overflow:hidden;background:radial-gradient(circle at 35% 30%, rgba(255,255,255,.10), transparent 40%), linear-gradient(#2c2931, #0b0b0d);}
    .gui78{position:absolute;bottom:0px;left:0px;height:100px;width:50px;border-radius:50px 0 0 50px;}
      .gui80{position:absolute;bottom:0px;left:0px;height:50%;min-height:15%;max-height:85%;width:100%;background:rgba(0, 0, 255, 0.7);}
    .gui79{position:absolute;bottom:0px;right:0px;height:100px;width:50px;border-radius:0 50px 50px 0;}
      .gui81{position:absolute;bottom:0px;right:0px;height:50%;min-height:15%;max-height:85%;width:100%;background:rgb(255,0,0, 0.7);}
  .gui82{position:absolute;top:-3px;left:-3px;z-index:2;height:106px;width:106px;background-image:url("../images/buildinghud/compassglass_big.png");border-radius:58px;background-size:120%;box-shadow:inset 0 0 10px #000;transform:rotate(20deg);background-position:center;}
  .gui83{position:absolute;bottom:0px;left:50%;transform:translate(-50%, 0%);height:120px;width:2px;background:#000;z-index:1;}
  .gui84{position:absolute;bottom:0%;left:50%;width:110px;height:110px;transform:translate(-50%, -0%) rotateY(0deg) rotateZ(-90deg);margin-top:1px;margin-left:0px;}
    .gui84 circle {stroke-dashoffset:388px;stroke-linecap:round;stroke-width:3px;stroke:#c68037;fill:none;}
  .gui85{position: absolute;width:100px;height:30px;top:50%;z-index:2;font-size:15px;text-align:center;line-height:15px;color:#b3b3b3;text-shadow:-1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;transform:translateY(-50%);}
  .gui86{position:absolute;height:40px;width:40px;border:2px solid #373737;border-radius:50px;transform:translate(-50%, 0%);left:50%;overflow:hidden;background:radial-gradient(circle at 35% 30%, rgba(255,255,255,.10), transparent 40%), linear-gradient(#2c2931, #0b0b0d);}
    .gui86a{bottom:-3px;margin-left:-70px;}
    .gui86b{bottom:-3px;margin-left:-120px;}
    .gui86c{bottom:-3px;margin-left:-170px;}
    .gui86d{bottom:37px;margin-left:-95px;}
    .gui86e{bottom:37;margin-left:-145px;}
    .gui86f{bottom:-3px;margin-left:70px;}
    .gui86g{bottom:-3px;margin-left:120px;}
    .gui86h{bottom:-3px;margin-left:170px;}
    .gui86i{bottom:37px;margin-left:95px;}
    .gui86j{bottom:37px;margin-left:145px;}
  .gui87{position:absolute;height:40px;width:40px;background-size:100px;background-position:-27px -20px;background-repeat:no-repeat;box-shadow:inset 0px 0px 10px #000;}
  .gui88{position:relative;width:100%;top:0px;height:5px;background:rgba(0,0,0,0.5);}
  .gui90{position:absolute;left:calc(50% - 39px);top:25px;transform:translateX(-100%);}
  .gui91{position:absolute;left:calc(50% - 39px);top:25px;transform:translateX(100%);}
  .gui92{position:absolute;left:calc(50% - 25px);top:35px;font-size:50px;}
  .waves{position:absolute;top:-8px;width:100%;height:20px;margin-bottom:0px;min-height:8px;max-height:11px;}
  .healthring{
    position:absolute;
    left:1px; top:1px;
    width:calc(100% - 2px);
    height:calc(100% - 2px);
    border-radius:50%;
    transform: rotate(90deg);
      --p: 0;
      --fg: #c68037;
      --track: rgba(0,0,0,0);
      --gapOuter: 4px;
      --gapInner: 1px;
      --ringWidth: 3px;
      --feather:   1px;
      --gapCenter: calc((var(--gapOuter) + var(--gapInner)) / 2);
      -webkit-mask: radial-gradient(farthest-side,
        transparent calc(100% - (var(--gapCenter) + calc(var(--ringWidth)/2) + var(--feather))),
        rgba(0,0,0,.65) calc(100% - (var(--gapCenter) + calc(var(--ringWidth)/2) + calc(var(--feather)/2))),
        #000        calc(100% - (var(--gapCenter) + calc(var(--ringWidth)/2))),
        #000        calc(100% - (var(--gapCenter) - calc(var(--ringWidth)/2))),
        rgba(0,0,0,.65) calc(100% - (var(--gapCenter) - calc(var(--ringWidth)/2) - calc(var(--feather)/2))),
        transparent calc(100% - (var(--gapCenter) - calc(var(--ringWidth)/2) - var(--feather)))
      );
              mask: radial-gradient(farthest-side,
        transparent calc(100% - (var(--gapCenter) + calc(var(--ringWidth)/2) + var(--feather))),
        rgba(0,0,0,.65) calc(100% - (var(--gapCenter) + calc(var(--ringWidth)/2) + calc(var(--feather)/2))),
        #000        calc(100% - (var(--gapCenter) + calc(var(--ringWidth)/2))),
        #000        calc(100% - (var(--gapCenter) - calc(var(--ringWidth)/2))),
        rgba(0,0,0,.65) calc(100% - (var(--gapCenter) - calc(var(--ringWidth)/2) - calc(var(--feather)/2))),
        transparent calc(100% - (var(--gapCenter) - calc(var(--ringWidth)/2) - var(--feather)))
      );
    }
  .cdring{
    position:absolute;
    left:1px; top:1px;
    width:calc(100% - 2px);
    height:calc(100% - 2px);
    border-radius:50%;
    transform: rotate(90deg);
      --p: 0;
      --fg: #32792f;
      --track: rgba(0,0,0,0);
      --gapOuter: 1px;
      --gapInner: 1px;
      --ringWidth: 3px;
      --feather:   0.50px;
      --gapCenter: calc((var(--gapOuter) + var(--gapInner)) / 2);
      -webkit-mask: radial-gradient(farthest-side,
        transparent calc(100% - (var(--gapCenter) + calc(var(--ringWidth)/2) + var(--feather))),
        rgba(0,0,0,.65) calc(100% - (var(--gapCenter) + calc(var(--ringWidth)/2) + calc(var(--feather)/2))),
        #000        calc(100% - (var(--gapCenter) + calc(var(--ringWidth)/2))),
        #000        calc(100% - (var(--gapCenter) - calc(var(--ringWidth)/2))),
        rgba(0,0,0,.65) calc(100% - (var(--gapCenter) - calc(var(--ringWidth)/2) - calc(var(--feather)/2))),
        transparent calc(100% - (var(--gapCenter) - calc(var(--ringWidth)/2) - var(--feather)))
      );
              mask: radial-gradient(farthest-side,
        transparent calc(100% - (var(--gapCenter) + calc(var(--ringWidth)/2) + var(--feather))),
        rgba(0,0,0,.65) calc(100% - (var(--gapCenter) + calc(var(--ringWidth)/2) + calc(var(--feather)/2))),
        #000        calc(100% - (var(--gapCenter) + calc(var(--ringWidth)/2))),
        #000        calc(100% - (var(--gapCenter) - calc(var(--ringWidth)/2))),
        rgba(0,0,0,.65) calc(100% - (var(--gapCenter) - calc(var(--ringWidth)/2) - calc(var(--feather)/2))),
        transparent calc(100% - (var(--gapCenter) - calc(var(--ringWidth)/2) - var(--feather)))
      );
    }
  .jobring::after, .healthring::after, .cdring::after{content:"";position:absolute; inset:0; border-radius:inherit;background: conic-gradient(var(--track) 0 360deg);}
  .jobring::before, .healthring::before, .cdring::before{content:"";position:absolute; inset:0; border-radius:inherit;background: conic-gradient(var(--fg) calc(var(--p)*1%), #000 0);transform: rotate(-90deg);transform-origin:50% 50%;}
/* GUILD */
  .guild1{height:180px;width:calc(50% - 10px);margin-right:5px;}
  .guild2{height:85px;width:85px;}
  .guild3{left:110px;top:25px;width:calc(100% - 110px);}
  .guild4{position:absolute;height:13px;top:2px;margin-left:5px;}
  .guild5{height:130px;width:96px;background-repeat:no-repeat;background-size:100% auto;background-position:center;}   
  .guild6{float:left;padding-right:20px;text-align:right;padding-bottom:10px;}    
  .guild7{width:70%;left:50%;transform:translateX(-50%);top:15px;margin-bottom:0px;text-align:left;}    
  .guild8{position:absolute;bottom:35px;height:345px !important;}
  .guild9{left:130px;min-height:35px;}
  .guild10{position:relative;top:7px;}
  .guild11{width:100px;float:left;}
  .guild12{width:730px;float:left;text-align:left;color:#7f8ca8;}
  .guild13{position:relative;width:calc(100% - 20px);left:10px;top:5px;border-bottom:1px dotted #7f8ca8;line-height:20px;height:20px;}
  .guild14{top:75px;}
  .guild15{background-size: contain, contain;}
  .guild16{position:fixed;width:90px;top:265px;left:140px;}
  .guild17{top:280px;left:120px;}
  .guild18{width:30%;top:5px;}
  .guild19{top:5px;}
  .guild20{top:63px;}
  .guild21{position:absolute;right:0px;top:95px;width:100%;height:calc(100% - 95px);overflow:hidden;}
  .guild22{left:10px;top:15px;}
  .guild23{width:25%;}
  .guild24{width:20px;height:100%;}
  .guild25{left:200px;}
  .guild26{position:relative;top:10px;}
  .guild27{position:absolute;height:265px !important;bottom:0;}
  .guild28{position:relative;float:left;margin-left:7px;margin-bottom:7px;background-color:transparent;}
  .guild29{position:absolute;top:205px;margin-left:80px;}
    .guild30{margin-left:-80px;}
  .guild31{top:55px;}
  .guild32{width:calc(100% - 24px)}
  .guild33{margin-left:-80px;bottom:90px;}
  .guild34{margin-left:80px;bottom:90px;}
  .guild35{position:absolute;z-index:9;height:25px;width:25px;bottom:0px;left:-5px;border-radius:35px;background-color:#000000c9;border:2px solid #473e35;box-shadow:inset 0px 0px 10px #000;background-position:center center;background-repeat:no-repeat;}
/* WAREHOUSE DEALS */
  .whd1{position:absolute;bottom:9px;left:6px;font-size:12px;}
  .whd2{position:absolute;bottom:0px;background-image:none;height:32px;left:0px;width:100%;}
  .whd3{bottom:32px;height:calc(100% - 64px);}
  .whd4{width:12%;float:left;text-align:center;}
  .whd5{width:38%;float:left;padding-left:10px;}
  .whd6{position:relative;height:30px;line-height:26px;border-bottom: 1px dotted #919191;}
  .whd7{position:relative;height:17px;width:17px;top:5px;}
  .whd8{background-image: linear-gradient(90deg, transparent 0%, #373737 0%, #373737 60%, transparent 100%);background-size: 100% 1px;background-repeat: no-repeat;background-position: bottom;}
  .whd9{position:relative;float:left;width:calc(100% - 5px);margin-bottom:20px;}
  .whd10{position:relative;width:95%;left:5%;float:left;margin-top:10px;text-align:center;}
  .whd11{left:40px;}
  .whd12{top:30px;left:50%;transform:translateX(-50%);}  
  .whd13{position:relative;top:0px;left:7px;line-height:20px;cursor: url('../cur_hover.cur'),auto;}  
  .whd14{height:75%;width:90%;top:75px;transform:translate(-50%, 0%);}
  .whd15{position:relative;top:50px;left:50%;transform:translateX(-50%);width:200px;line-height:35px;font-size:16px;margin-top:5px;}
  .whd16{position:relative;width:95px;float:right;}  
  .whd17{width:70%;}
  .whd18{width:415px;height:30px;top:50px;}
  .whd19{margin-left:5px;}
  .whd20{background-repeat:no-repeat;background-position:2px 7px;background-size:20px;}
  .whd21{width:135px;}
  .whd22{width:245px;}
  .whd23{background-size:18px;background-position:5px center;}
  .whd24{position:absolute;top:-4px;right:0px;width:105px;font-size:16px;line-height:16px;z-index:-1;text-align:right;}
  .whd25{position:absolute;width:130px;}
  .whd26{position:absolute;width:calc(100% - 130px);left:130px;}
  .whd27{position:absolute;top:10px;right:0px;width:100% !important;}
/* COURTLOVER */
  .cl1{height:calc(100% - 115px);}
  .cl2{position:relative;width:calc(50% - 21px);height:165px;padding:0 10px 0 10px;float:left;border-bottom:1px dotted #3e3e3e;border-right:1px dotted #3e3e3e;}
  .cl3{position:absolute;height:130px;width:80px;top:20px;box-shadow:inset 0px 0px 10px #000000c9;}
    .cl9{height:195px;background-position:-5px -8px, -50px -105px;}
  .cl4{position:relative;left:95px;height:auto;width:250px;font-size:12px;text-align:left;top:25px;}
    .cl12{line-height: 20px;}
  .cl5{position:absolute;left:75px;top:5px;width:270px;font-weight:bold;color:#7f8ca8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .cl6{top:15px;width:330px;line-height:20px;margin-bottom:3px;}
  .cl7{width:115px;float:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .cl8{width:160px;top:3px;}
  .cl10{position:absolute;top:115px;left:25px;width:275px;height:245px;}
    .cl11{left:300px;width:385px;top:126px;}
      .cl16{left:440px;}
      .cl17{left:50px;}
  .cl13{position:absolute;bottom:10px;left:10px;width:calc(100% - 22px);height:20px;border:1px solid #4f4f4f;background:rgba(0,0,0,0.5);}
  .cl14{position:absolute;top:2px;width:100%;height:15px;font-size:12px;text-align:center;z-index:1;}
  .cl15{position:absolute;top:340px;width:560px;text-align:center;left:calc(50% - 280px);}
  .cl18{text-indent:15px;font-style:italic;width:auto;}
  .clbtn1, .clbtn2, .clbtn3{left:50%;transform:translateX(-50%);}
    .clbtn1{top:110px;}
    .clbtn2{top:140px;}
    .clbtn3{top:170px;}
  .clm1, .clm2, .clm3, .clm4, .clm5, .clm6{position:absolute;width:45px;height:45px;top:365px;border:1px solid #373737;box-shadow:inset 0px 0px 10px #000;cursor:url(../cur_hover.cur),auto;}
    .clm1{left:calc(50% - 163px);}
      .clm1a{background:url(../images/buildinghud/courtkiss.png);}
    .clm2{left:calc(50% - 108px);}
     .clm2a{background:url(../images/buildinghud/courtumarmen.png);}
    .clm3{left:calc(50% - 53px);}
      .clm3a{background:url(../images/buildinghud/courteye.png);}
    .clm4{left:calc(50% + 2px);}
      .clm4a{background:url(../images/buildinghud/courtkompliment.png);}
    .clm5{left:calc(50% + 57px);}
      .clm5a{background:url(../images/buildinghud/courtgift.png);}
    .clm6{left:calc(50% + 112px);}
      .clm6a{background:url(../images/buildinghud/courtdel.png);}
/* SKILLTHREE FST (forverver skill tree) */
.fst1{position:absolute;top:0px;height:200px;width:200px;left:50%;transform:translateX(-50%);border:3px solid #373737;border-radius:50%;margin-bottom:5px;overflow:hidden;box-shadow:inset 0px 0px 40px #000;}
    .fst1:hover{box-shadow: inset 0px 0px 20px #000;transition: all 0.5s;}
    .fst2{background:radial-gradient(circle at 35% 30%, rgba(255,255,255,.10), transparent 40%), url(../images/buildinghud/skillthree_cat_economic.png) 0px 0px /cover no-repeat, linear-gradient(#2c2931, #0b0b0d);}
    .fst3{background:radial-gradient(circle at 35% 30%, rgba(255,255,255,.10), transparent 40%), url(../images/buildinghud/skillthree_cat_social.png) 0px 0px /cover no-repeat, linear-gradient(#2c2931, #0b0b0d);}
    .fst4{background:radial-gradient(circle at 35% 30%, rgba(255,255,255,.10), transparent 40%), url(../images/buildinghud/skillthree_cat_politic.png) 0px 0px /cover no-repeat, linear-gradient(#2c2931, #0b0b0d);}
.fst5{position:absolute;width:calc(100% - 50px);height:calc(100% - 50px);left:25px;top:25px;overflow:hidden;}
.fst6{position:absolute;height:40px;width:100%;background:rgba(34, 34, 35, 0.85);bottom:0px;overflow:hidden;}
.fst7{position:absolute;line-height:32px;text-align:center;font-size:20px;width:100%;height:100%;}
.fst8{top:0px;font-size:25px;left:0px;line-height:35px;height:40px;background-size:100% 3px;}
.fst9{position:relative;width:545px;height:765px;}
.fst10{display:flex;justify-content:center;flex-wrap:wrap;gap:40px;}
.fst11{position:absolute;width:65px;height:65px;line-height:60px;border-radius:50%;box-shadow:inset 0px 0px 20px #000;transform:translateX(-50%);background-color:#201f22;background-repeat:no-repeat;background-position:center;cursor: url(../cur_hover.cur),auto;background-size:40px;}
    .fst11:before{content:"";position:absolute;inset:0;border-radius:inherit;border:2px solid #373737;pointer-events:none;z-index: 1;} 
    .fst11:after{content:"";position:absolute;inset:5px;border-radius:inherit;border:2px solid #373737;pointer-events:none;z-index: 1;}
.fst12{height:85px;width:85px;}
.fst13{position:absolute;height:64px;width:64px;top:0px;left:0px;cursor:url(../cur_hover.cur),auto;}
    .fst13a{height:40px;width:40px;}
.fst14{position:fixed;top:110px;left:60px;height:96px;width:150px;z-index:1;}
.fst15{position:absolute;height:32px;width:100px;top:0px;right:0px;text-align:center;font-size:30px;line-height:30px;}
    .fst15a{top:32px;font-size:20px;line-height:20px;}
    .fst15b{height:40px;width:37px;line-height:34px;text-align:left;font-size:25px;}
    .fst15c{top:64px;width:150px;line-height:11px;font-size:17px;height:17px;opacity:0.6;}
.fst16{position:relative !important;width:calc(100% - 250px) !important;margin-top:10px;height:calc(100% - 25px) !important;left:125px;}
.fst17{position:absolute;top:calc(50% - 24px);right:0px;height:48px;width:80px;}
.fst18{position:absolute;top:50%;left:30px;width:100px;transform:translateY(-50%);z-index:2;}
.fst19{position:relative;float:left;right:0px;height:48px;width:125px;}
.fst20{position:absolute;height:40px;top:0px;left:45px;width:80px;line-height:34px;text-align:left;font-size:20px;}
.fst21{display:flex;justify-content:center;flex-wrap:wrap;gap:15px;}
.fst22{background:linear-gradient(to right, rgba(0,0,0,0) 0%, #7f8ca8 100%);text-align:right;background-clip:border-box;background-clip:text;color:#0000;text-shadow:none;width:20%;max-width:300px;overflow:hidden;white-space:nowrap;direction:rtl;}
.fst23{background:linear-gradient(to right, #7f8ca8 0%, rgba(0,0,0,0) 100%);text-align:left;background-clip:border-box;background-clip:text;color:#0000;text-shadow:none;width:20%;max-width:300px;overflow:hidden;white-space:nowrap;}
.fst24{position:absolute;display:flex;justify-content:center;flex-wrap:wrap;gap:15px;width:100%;height:25px;bottom:15px;line-height:25px;}
.fst25{color:#b3b3b3;}
.skillknot > .st_costbadge, .subskill > .st_costbadge{position:absolute;left:8px;bottom:6px;width:69px;font-size:16px;text-align:center;background:rgba(34, 34, 35, 0.65);border-radius:0 0 50% 50%;z-index:0;color:#7f8ca8;opacity:1;transform:translateY(0px);transition:transform 100ms ease;}
    .skillknot > .st_costbadge{width:69px;height:22px;line-height:16px;}
    .subskill > .st_costbadge{width:49px;height:18px;line-height: 11px;}
    //.jobring:hover ~ .st_costbadge {opacity:1;transform:translateY(0);}
.skillknot, .subskill{background-repeat:no-repeat;background-position:center;background-size:90%;}
.skillknot.locked, .subskill.locked{filter:grayscale(1);opacity:.45;}
.skillknot.locked .st_costbadge, .subskill.locked .st_costbadge{display:none;}
.st_fx_buy {animation:stBuy 1s ease-out;}
  @keyframes stBuy {
    0%   { box-shadow: 0 0 0 0 rgba(50,121,47,0); filter: brightness(1); }
    40%  { box-shadow: 0 0 10px 2px rgba(50,121,47,0.35); filter: brightness(1.20); }
    100% { box-shadow: 0 0 0 0 rgba(50,121,47,0); filter: brightness(1); }
  }
.st_fx_newavail {animation: stAvail 1s ease-out;}
  @keyframes stAvail {
    0%   { box-shadow: 0 0 0 0 rgba(255,255,255,0); filter: brightness(1); }
    40%  { box-shadow: 0 0 10px 2px rgba(255,255,255,0.35); filter: brightness(1.20); }
    100% { box-shadow: 0 0 0 0 rgba(255,255,255,0); filter: brightness(1); }
  }
.st_costbadge_val{position:absolute;top:1px;width:30px;left:23px;height:100%;line-height:13px;text-align:left;}
    .subskill > .st_costbadge > .st_costbadge_val{left:14px;top:0px;}
/* HAUPTKNOTEN */
  /* WIRTSCHAFT */
  .cat1_fst12_1{top:250px;left:125px;}
  .cat1_fst12_2{top:250px;left:420px;}
  .cat1_fst12_3{top:420px;left:273px;}
  .cat1_fst12_4{top:595px;left:410px;}
  .cat1_fst12_5{top:595px;left:135px;}
  /* SOZIAL */
  .cat2_fst12_6{top:250px;left:125px;}
  .cat2_fst12_7{top:420px;left:125px;}
  .cat2_fst12_8{top:595px;left:125px;}
  /* POLITIK */    
  .cat3_fst12_9{top:250px;left:225px;}
  .cat3_fst12_10{top:420px;left:225px;}
  .cat3_fst12_11{top:595px;left:105px;}
  .cat3_fst12_12{top:595px;left:345px;}
/* UNTERKNOTEN */
.subskill {position:absolute;top:50%;left:50%;--radius:90px;transform:translate(-50%, -50%) rotate(var(--angle)) translate(var(--radius)) rotate(calc(var(--angle) * -1));}
  /* WIRTSCHAFT */
  .subskillcat1:nth-of-type(1) { --angle: 0deg; }
  .subskillcat1:nth-of-type(2) { --angle: 123deg; }
  .subskillcat1:nth-of-type(3) { --angle: 173deg; }
  .subskillcat1:nth-of-type(4) { --angle: 223deg; }
  .subskillcat1:nth-of-type(5) { --angle: 273deg; }
  .subskillcat2:nth-of-type(1) { --angle: -93deg; }
  .subskillcat2:nth-of-type(2) { --angle: -43deg; }
  .subskillcat2:nth-of-type(3) { --angle: 7deg; }
  .subskillcat2:nth-of-type(4) { --angle: 57deg; }
  .subskillcat2:nth-of-type(5) { --angle: 180deg; }
  .subskillcat3:nth-of-type(1) { --angle: -22deg; }
  .subskillcat3:nth-of-type(2) { --angle: 28deg; }
  .subskillcat3:nth-of-type(3) { --angle: 90deg; }
  .subskillcat3:nth-of-type(4) { --angle: 152deg; }
  .subskillcat3:nth-of-type(5) { --angle: 202deg; }
  .subskillcat3:nth-of-type(6) { --angle: -90deg; }
  .subskillcat4:nth-of-type(1) { --angle: -10deg; }
  .subskillcat4:nth-of-type(2) { --angle: 40deg; }
  .subskillcat4:nth-of-type(3) { --angle: 90deg; }
  .subskillcat4:nth-of-type(4) { --angle: 140deg; }
  .subskillcat4:nth-of-type(5) { --angle: 190deg; }
  .subskillcat5:nth-of-type(1) { --angle: -10deg; }
  .subskillcat5:nth-of-type(2) { --angle: 40deg; }
  .subskillcat5:nth-of-type(3) { --angle: 90deg; }
  .subskillcat5:nth-of-type(4) { --angle: 140deg; }
  .subskillcat5:nth-of-type(5) { --angle: 190deg; }
  /* SOZIAL */
  .subskillcat6:nth-of-type(1) { --angle: -25deg; }
  .subskillcat6:nth-of-type(2) { --angle: 25deg; }
  .subskillcat6:nth-of-type(3) { --angle: 155deg; }
  .subskillcat6:nth-of-type(4) { --angle: 205deg; }
  .subskillcat7:nth-of-type(1) { --angle: -25deg; }
  .subskillcat7:nth-of-type(2) { --angle: 25deg; }
  .subskillcat7:nth-of-type(3) { --angle: 155deg; }
  .subskillcat7:nth-of-type(4) { --angle: 205deg; }
  .subskillcat8:nth-of-type(1) { --angle: -10deg; }
  .subskillcat8:nth-of-type(2) { --angle: 40deg; }
  .subskillcat8:nth-of-type(3) { --angle: 90deg; }
  .subskillcat8:nth-of-type(4) { --angle: 140deg; }
  .subskillcat8:nth-of-type(5) { --angle: 190deg; }
  /* POLITIK */
  .subskillcat9:nth-of-type(1) { --angle: -25deg; }
  .subskillcat9:nth-of-type(2) { --angle: 25deg; }
  .subskillcat9:nth-of-type(3) { --angle: 155deg; }
  .subskillcat9:nth-of-type(4) { --angle: 205deg; }
  .subskillcat10:nth-of-type(1) { --angle: -10deg; }
  .subskillcat10:nth-of-type(2) { --angle: 90deg; }
  .subskillcat10:nth-of-type(3) { --angle: 190deg; }
  .subskillcat11:nth-of-type(1) { --angle: 40deg; }
  .subskillcat11:nth-of-type(2) { --angle: 90deg; }
  .subskillcat11:nth-of-type(3) { --angle: 140deg; }
  .subskillcat12:nth-of-type(1) { --angle: 40deg; }
  .subskillcat12:nth-of-type(2) { --angle: 90deg; }
  .subskillcat12:nth-of-type(3) { --angle: 140deg; }  
/* VERBINDER */
.sl0, .ssl_0_0 {position:absolute;width:2px;height:19px;border-right:2px solid #373737;border-left:2px solid #373737;background:#000;z-index:0;}
  /* WIRTSCHAFT */
  .sl1{height:98px;top:175px;left:180px;transform:rotate(45deg);}
  .sl2{height:98px;top:175px;left:360px;transform:rotate(-45deg);}
  .sl3{height:142px;top:482px;left:205px;transform:rotate(39deg)}
  .sl4{height:142px;top:482px;left:335px;transform:rotate(-39deg);}
  .sl5{height:144px;top:306px;left:345px;transform:rotate(45deg);}
  .sl6{height:144px;top:306px;left:196px;transform:rotate(-45deg);}
  /* SOZIAL */
  .sl7{height:47px;top:205px;left:122px;}
  .sl8{height:89px;top:333px;left:122px;}
  .sl9{height:94px;top:503px;left:122px;}
  /* POLITIK */
  .sl10{height:47px;top:205px;left:220px;}
  .sl11{height:89px;top:333px;left:220px;}
  .sl12{height:131px;top:484px;left:285px;transform: rotate(-35deg);}
  .sl13{height:131px;top:484px;left:161px;transform: rotate(35deg);}
/* KNOTENVERBINDER */
  /* WIRTSCHAFT */
  .ssl_1_1{top:23px;left:-11px;transform:rotate(90deg);}
  .ssl_1_2{top:-12px;left:50px;transform:rotate(35deg);}
  .ssl_1_3{top:18px;left:69px;transform:rotate(82deg);}
  .ssl_1_4{top:49px;left:60px;transform:rotate(130deg);}
  .ssl_1_5,.ssl_1_6,.ssl_1_16{top:63px;left:28px;}
  .ssl_1_7{top:49px;left:0px;transform:rotate(-130deg);}
  .ssl_1_8{top:18px;left:-10px;transform:rotate(-82deg);}
  .ssl_1_9{top:-12px;left:10px;transform:rotate(-35deg);}
  .ssl_1_10{top:23px;left:69px;transform:rotate(90deg);}
  .ssl_1_11{top:39px;left:-9px;transform:rotate(-116deg);}
  .ssl_1_17,.ssl_1_22{top:33px;left:-9px;transform:rotate(-103deg);}
  .ssl_1_12{top:4px;left:-2px;transform:rotate(-60deg);}
  .ssl_1_18,.ssl_1_23{top:-2px;left:-2px;transform:rotate(-47deg);}
  .ssl_1_13,.ssl_1_19,.ssl_1_24{top:-18px;left:29px;}
  .ssl_1_14{top:4px;left:64px;transform:rotate(60deg);}
  .ssl_1_20,.ssl_1_25{top:-2px;left:61px;transform:rotate(47deg);}
  .ssl_1_15{top:39px;left:68px;transform:rotate(116deg);}
  .ssl_1_21,.ssl_1_26{top:33px;left:68px;transform:rotate(103deg);}
  /* SOZIAL */
  .ssl_2_1,.ssl_2_5{top:40px;left:-6px;transform:rotate(60deg);}
  .ssl_2_2,.ssl_2_6{top:7px;left:-8px;transform:rotate(-60deg);}
  .ssl_2_3,.ssl_2_7{top:8px;left:67px;transform:rotate(60deg);}
  .ssl_2_4,.ssl_2_8{top:40px;left:65px;transform:rotate(-60deg);}
  .ssl_2_9{top:33px;left:-9px;transform:rotate(-103deg);}
  .ssl_2_10{top:-2px;left:-2px;transform:rotate(-47deg);}
  .ssl_2_11{top:-18px;left:29px;}
  .ssl_2_12{top:-2px;left:61px;transform:rotate(47deg);}
  .ssl_2_13{top:33px;left:68px;transform:rotate(103deg);}
  /* POLITIK */
  .ssl_3_1{top:40px;left:-6px;transform:rotate(60deg);}
  .ssl_3_2{top:7px;left:-8px;transform:rotate(-60deg);}
  .ssl_3_3{top:8px;left:67px;transform:rotate(60deg);}
  .ssl_3_4{top:40px;left:65px;transform:rotate(-60deg);}
  .ssl_3_5{top:33px;left:-9px;transform:rotate(-103deg);}
  .ssl_3_7{top:33px;left:68px;transform:rotate(103deg);}
  .ssl_3_8,.ssl_3_11{top:-2px;left:-2px;transform:rotate(-47deg);}
  .ssl_3_6,.ssl_3_9,.ssl_3_12{top:-18px;left:29px;}
  .ssl_3_10,.ssl_3_13{top:-2px;left:61px;transform:rotate(47deg);}
/* MILESTONES */
#milestones{list-style:none;margin:0;padding:0;gap:0px;}
#milestones .milestone_tile{position:relative;top:0px;height:100px;width:100px;left:0%;border:3px solid #373737;border-radius:50%;margin-bottom:5px;overflow:hidden;box-shadow:inset 0px 0px 30px #000;}
#milestones .milestoneCard{width:90%;top:10px;padding:6px 0;margin:0;left:0;background:transparent;border:0;box-shadow:none;border-radius:0;position:relative;filter: grayscale(var(--lockpct, 0%));}
#milestones .milestoneHead{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0;}
#milestones .milestoneTitle{font-size:16px;line-height:1.2;letter-spacing:.2px;color:rgba(255,255,255,.92);}
#milestones .milestoneRank{font-size:14px;padding:0;background:transparent;border:0;color:rgba(255,255,255,.65);white-space:nowrap;}
#milestones .milestoneDesc{font-size:14px;color:rgba(255,255,255,.60);margin:0 0 3px 0;}
#milestones .milestoneBody{display:flex;gap:12px;align-items:center;}
#milestones .milestoneLead{display:flex;align-items:center;gap:10px;flex: 1 1 auto;min-width: 0;}
#milestones .milestoneUnlockRail{position:relative;flex:0 0 80px;width:80px;min-width:80px;height:23px;background:rgba(0,0,0,0.5);margin-right:-15px;z-index:0;border:1px solid rgba(255,255,255,.22);}
#milestones .milestoneUnlockFill{position:absolute;left:0; top:0; bottom:0;width:0%;background:rgba(50,121,47,.70);z-index:0;}
#milestones .milestoneRail.milestoneRail--seg2{position:relative;flex: 1 1 auto;min-width:0;height:70px;display:flex;align-items:center;gap:0;}
#milestones .milestoneNode{position:relative;height:70px;width:70px;border-radius:90px;border:2px solid #373737;box-shadow:inset 0px 0px 10px #000;z-index:2;background: radial-gradient(circle at 35% 30%, rgba(255,255,255,.10), transparent 40%),linear-gradient(#2c2931, #0b0b0d);}
#milestones .milestoneSeg{flex:1 1 auto;min-width:20px;height:70px;display:flex;align-items:center;position:relative;z-index:1;margin-left:-2px;margin-right:-2px;}
#milestones .milestoneSegTrack{position:relative;width:100%;height:25px;border:1px solid #4f4f4f;background:rgba(0,0,0,0.5);box-sizing:border-box;overflow:visible;}
#milestones .milestoneSegFill{position:absolute;left:0; top:0; bottom:0;width:0%;background:rgba(50,121,47,.70);}
#milestones .milestoneTierstep{position:absolute;text-align:center;font-size:40px;width:100%;height:100%;line-height:65px;}
#milestones .milestoneRewardFloat{position:absolute;right:0;top:0;z-index:6;pointer-events:none;white-space:nowrap;}
#milestones .milestoneRewardFloatInner{display:inline-block;font-size:16px;padding: 0px 4px 0px 20px;height:23px;line-height:19px;background:linear-gradient(to left, rgba(0,0,0,.8) 0%, rgba(0,0,0,0) 100%), url('../images/buildinghud/skillpointicon_64.png') left center / 20px no-repeat;}
#milestones .milestoneMeta{flex:0 0 225px;min-width:0;display:flex;flex-direction:column;gap:6px;justify-content:center;background:transparent;}
#milestones .milestoneLockedText,
#milestones .milestoneUnlockedText{font-size:12px;color:rgba(255,255,255,.70);}
#milestones .milestoneReqTitle{font-size:12px;color:rgba(255,255,255,.55);margin-top:2px;}
#milestones .milestoneReqList{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px;}
#milestones .milestoneReqItem, #milestones .milestoneTriggerText{font-size:12px;padding:0;background:transparent;border:0;color:rgba(255,255,255,.60);cursor:url('../cur_hover.cur'),auto;}
#milestones .milestoneReqItem.is-done{text-decoration: line-through;opacity:.65;}
#milestones .milestoneSegLabel{position:absolute;top:5px;left:50%;transform:translateX(-50%);padding:1px 10px;font-size:12px;line-height:13px;border-radius:6px 6px 0 0;background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.10);white-space:nowrap;}
  @media (max-width: 900px){
    #milestones .milestoneBody{flex-direction:column;align-items:stretch;}
    #milestones .milestoneMeta{flex: 0 0 auto;width:100%;}
  }
/* WELCOMEPAGE */
  .boxoutlogin{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:450px;width:500px;border-radius:25px;background:radial-gradient(circle at top, rgba(30, 30, 30, 0.9) 0%, rgba(10, 10, 10, 0.8) 55%,rgba(5, 5, 5, 0.75) 100%);backdrop-filter:blur(8px);box-shadow:0 40px 90px rgba(0,0,0,0.65);transition:0s;}
    .boxoutlogina{position:fixed;height:300px;z-index:999999;}
    .boxoutloginb{position:fixed;z-index:999999;}
  .restoresession{position:absolute;display:none;height:100%;width:100%;pointer-events:auto;background:rgba(0,0,0,0.45);backdrop-filter: blur(4px);z-index:99999999;}
  .boxoutregister{height:550px;}
    .boxoutverification{height:250px;}
    .boxoutforgotpw{height:350px;}
  .wel1{position:relative;flex:1;}  
    .wel1_1{position:relative;height:100%;width:100%;background-image: url('../images/indoor/intro2s.webp');background-size:cover;background-position: center center;filter:contrast(100%) saturate(60%) brightness(100%) grayscale(20%) blur(4px);}
  .wel2{position:absolute;bottom:0%;left:0%;width:0px;height:0px;}
  .wel4{position:absolute;top:50%;width:200px;left:50%;transform:translate(-50%,-50%);}
  .wel5{position:absolute;bottom:35px;left:50%;text-shadow:none;transform:translateX(-50%);padding:12px 48px;color:#7f8ca8;background:linear-gradient(to right, #7f8ca8 0, #b3b3b3 10%, #7f8ca8 20%);background-position:0;-webkit-background-clip: text;-webkit-text-fill-color: transparent;animation: wel5 3s infinite linear;animation-fill-mode: forwards;-webkit-text-size-adjust: none;font-weight:600;font-size:25px;text-decoration:none;white-space: nowrap;cursor:url(../cur_hover.cur),auto;}
    @keyframes wel5{0%{background-position:0px;}60%{background-position:300px;}100%{background-position:300px;}}
  .wel6{position:relative;width:150px;height:30px;margin-bottom:10px;line-height:30px;font-size:17px;left:50%;transform:translateX(-50%);}
    .wel7{position:absolute;bottom:80px;}
    .wel16{position:absolute;bottom:45px;}
  .wel8{position:absolute;top:180px;width:250px;left:50%;transform:translateX(-50%);border:none;border-bottom:2px solid #b3b3b3;text-align:left;padding:10px;font-size:19px;background:transparent;color:#b3b3b3;margin-bottom:10px;line-height:25px;outline:none;}
    input.wel8{-webkit-box-shadow: 0 0 0 1000px #0f0f0f00 inset;
-webkit-text-fill-color: #b3b3b3;
transition: background-color 5500s ease-in-out 0s;}
  .wel9{position:absolute;top:280px;width:150px;cursor:url(../cur_hover.cur),auto;}
  .contact, .impressum, .datenschutz, .forgetpw{position:relative;right:5px;cursor:url("../cur_hover.cur"), auto;float:left;text-align:right;padding-right:2%;background-image:linear-gradient(0deg, transparent 0%, #7f89a8 50%, transparent 100%);background-size:2px 100%;background-position:right;background-repeat:no-repeat;}
    .impressum,.datenschutz{padding-left:2%;}
    .forgetpw{padding-left:2%;padding-right:0px;background-image:none;}
    .menucenterlogin{left:50% !important;transform:translateX(-45%) !important;}
  .wel10{position:relative;top:-145px;height:256px;width:256px;left:50%;transform:translateX(-50%);background-image:url('/world/assets/images/appicon/512-512.png');background-position:center;background-size:100%;transition:transform 0.15s linear;}
      .wel10a{top:-115px;}
  .wel11{color:#7f89a8;font-size:18px;top:110px;}
    .wel11a{top:90px;}
    .wel11b{top:115px;}
    .wel11c{top:235px;}
    .wel17{top:50%;}
  .wel12{top:228px;}
  .wel13{position:absolute;width:405px;left:5%;bottom:10px;}
  .wel14{position:relative;top:0px;float:left;}
  .wel15{width:270px;height:auto;padding:10px 10px 10px 5px;text-align:left;text-align-last:left;color:#b3b3b394;background:#0000;border-radius:0px;}
  .wel20{position:relative;width:100%;float:left;}
  .wel21{}
  .wel22{display:none;transition:transform 0.15s linear;}
  .btnbig1{position:absolute;width:150px;height:30px;bottom:45px;line-height:30px;font-size:17px;transform:translateX(0%);}
    .btnbig1a{left:10%;}
    .btnbig1b{right:10%;}
    .btnbig1c{width:250px;right:50%;transform:translatex(50%);}
  .loader,.loader {position:absolute;border-top:10px solid #b3b3b336;border-right:10px solid #b3b3b336;border-bottom:10px solid #b3b3b336;border-left:10px solid #b3b3b3;transform:translateX(-50%);animation:load8 1.1s infinite linear;left:calc(50% - 35px);border-radius:50%;width:50px;height:50px;bottom:145px;}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* MEASURE BUTTONS */
  .deleteguild, .leaveguild, .rename, .destroy, .repair, .sellbuilding, .exit, .sceneoverview, .charparty {position:relative;width:25px;height:26px;background-size:25px;background-repeat:no-repeat;background-position:center;}
    .deleteguild{background-image:url('../images/buildinghud/deleteguild.png');}
    .leaveguild{background-image:url('../images/buildinghud/leaveguild.png');}
    .rename{background-image:url('../images/buildinghud/rename.png');}
    .destroy{background-image:url('../images/buildinghud/destroy.png');}
    .repair{background-image:url('../images/buildinghud/repair.png');}
    .sellbuilding{background-image:url('../images/buildinghud/sellbuilding.png');}
  .msbtn{position:relative;width:45px;height:45px;} 
    .appointmentbook{background:url('../images/buildinghud/appointmentbook.png');}
    .evidencebook{background:url('../images/buildinghud/evidencebook.png');}
    .takeabath{background:url('../images/buildinghud/takeabath.png');}
    .playagame{background:url('../images/buildinghud/playagame.png');} 
    .schmuggel{background:url('../images/buildinghud/warenschmuggel.png');} 
    .feierfest{background:url('../images/buildinghud/fest.png');} 
    .guildmenu{background:url('../images/buildinghud/guildmenu.png');}
    .taxes{background:url('../images/buildinghud/tax.png');}
    .majortax{background:url('../images/buildinghud/settax.png');}
    .severityoflaw{background:url('../images/buildinghud/SEVERITYOFLAW.png');}
    .inspectbusiness{background:url('../images/buildinghud/INSPECTBUSINESS.png');}
    .hideoffice{background:url('../images/buildinghud/hideoffice.png');}
    .forgivesins{background:url('../images/buildinghud/forgivesins.png');}
    .newlaw{background:url('../images/buildinghud/newlaw.png');}
    .userranking{background:url('../images/buildinghud/rankingbtn.png');}
    .stats{background:url('../images/buildinghud/stats.png');}
    .produce{background:url('../images/buildinghud/produce.png');}
    .dealer{background:url('../images/buildinghud/dealer.png');}
    .verkaufenbutton{background:url('../images/buildinghud/verkaufen.png');}
    .sailorbtn{background:url('../images/buildinghud/sailing.png');}
    .questbutton{background:url('../images/buildinghud/questbutton.png');}
    .walkingdead{background:url('../images/buildinghud/walkingdead.png');}
    .buyablass{background:url('../images/buildinghud/ablassbrief.png');}
    .collect{background:url('../images/buildinghud/collect.png');}
    .adoptchild{background:url('../images/buildinghud/adoptorphan.png');}
    .makechild{background:url('../images/buildinghud/makechild.png');}
    .credit{background:url('../images/buildinghud/credit.png');}
    .fernhandelbutton{background:url('../images/buildinghud/fernhandelbutton.png');}
    .school{background:url('../images/buildinghud/school.png');}
    .education{background:url('../images/buildinghud/education.png');}
    .study{background:url('../images/buildinghud/study.png');}
    .renamechild{background:url('../images/buildinghud/renamechild.png');}
    .charparty{background-image:url('../images/buildinghud/removefromparty.png');}
    .dynreputation{background:url('../images/buildinghud/reputation.png');}
    .hudpersonal{background:url('../images/buildinghud/personal.png');}
    .assingbuilding{background:url('../images/buildinghud/assingbuilding.png');}
    .jobstudy{background:url('../images/buildinghud/jobstudy.png');}
    .marry{background:url('../images/buildinghud/marry.png');}
    .buildingraub{background:url('../images/buildinghud/buildingraub.png');}
    .cartraub{background:url('../images/buildinghud/cartraub.png');}
    .personalinventory{background:url('../images/buildinghud/personalinventory.png');}
    .prey{background:url('../images/buildinghud/prey.png');}
    .changefaith, .changefaithlaw{background:url('../images/buildinghud/changefaith.png');}
    .brainwash{background:url('../images/buildinghud/brainwash.png');}
    .observe{background:url('../images/buildinghud/observe.png');}
    .payworker{background:url('../images/buildinghud/payworker.png');}
    .WorshipPraise{background:url('../images/buildinghud/WorshipPraise.png');}
    .WorshipScold{background:url('../images/buildinghud/WorshipScold.png');}
    .winbeliver{background:url('../images/buildinghud/winbeliver.png');}
    .Quacksalver{background:url('../images/buildinghud/Quacksalver.png');}
    .blemishchair{background:url('../images/buildinghud/blemishchair.png');}
    .aufschlag{background:url('../images/buildinghud/aufschlag.png');}
    .gastbestehlen{background:url('../images/buildinghud/gastbestehlen.png');}
    .myjugdement{background:url('../images/buildinghud/myjugement.png');}
    .plunderguild{background:url('../images/buildinghud/plunderguild.png');}
    .havevision{background:url('../images/buildinghud/havevision.png');}
    .speedonworker{background:url('../images/buildinghud/speedonworker.png');}
    .makeevocation{background:url('../images/buildinghud/makeevocation.png');}
    .OrderCollectEvidence{background:url('../images/buildinghud/OrderCollectEvidence.png');}
    .resignfromoffice{background:url('../images/buildinghud/resignfromoffice.png');}
    .train{background:url('../images/buildinghud/train.png');}
    .buildingupgrades{background:url('../images/buildinghud/buildingupgrade.png');}
    .hooker{background:url('../images/buildinghud/hooker.png');}
    .beggar{background:url('../images/buildinghud/beggar.png');}
    .robbermanage{background:url('../images/buildinghud/robbermanage.png');}
    .robberrooty{background:url('../images/buildinghud/robberrooty.png');}
    .msfishing{background:url('../images/buildinghud/fishing.png');}
    .msrichharvest{background:url('../images/buildinghud/richharvest.png');}
    .msthreaten{background:url('../images/buildinghud/threaten.png');}
    .msmanipulatemarket{background:url('../images/buildinghud/manipulatemarket.png');}
    .msredistribution{background:url('../images/buildinghud/redistribution.png');}
    .msspybuildings{background:url('../images/buildinghud/spybuildings.png');}
    .hijack{background:url('../images/buildinghud/hijack.png');}
    .break{background:url('../images/buildinghud/break.png');}
    .runoffice{background:url('../images/buildinghud/office.png');}
    .suesomebody{background:url('../images/buildinghud/suesomebody.png');}
    .title{background:url('../images/buildinghud/title.png');}
    .msspyuser{background:url('../images/buildinghud/spy.png');}
    .sellbuildings{background:url('../images/buildinghud/sellbuildings.png');}
    .celebrate{background:url('../images/buildinghud/celebrate.png');}      
      .takeabath, .playagame, .feierfest, .guildmenu, .userranking, .stats, .produce, .dealer, .verkaufenbutton, 
      .sailorbtn, .questbutton, .buyablass, .adoptchild, .makechild, .credit, .fernhandelbutton, .renamechild, 
      .hudpersonal, .assingbuilding, .jobstudy, .marry, .personalinventory, .prey, .changefaith, 
      .payworker, .WorshipPraise, .WorshipScold, .myjugdement, .speedonworker, .train, .buildingupgrades, 
      .robbermanage, .msfishing, .msrichharvest, .msredistribution, .runoffice, .suesomebody, .title, .sellbuildings, .taxes, 
      .gui47, .gui46, .gui45, .gui44, .gui43, .gui42, .gui41, .clm1a, .clm2a, .clm3a, .clm4a, .clm5a, .appointmentbook, .evidencebook,
      .dynreputation, .collect, .celebrate {
        filter:drop-shadow(0 0 3px rgba(0, 200, 10, 0.7)) drop-shadow(0 0 2px rgba(0, 200, 40, 0.7)) drop-shadow(0 0 2px rgba(0, 240, 40, 0.7)) brightness(0.8);background-size:contain;background-repeat:no-repeat;background-position:center;
      }
        .takeabath:hover, .playagame:hover, .feierfest:hover, .guildmenu:hover, .userranking:hover, .stats:hover, .produce:hover, .dealer:hover, .verkaufenbutton:hover, 
        .sailorbtn:hover, .questbutton:hover, .buyablass:hover, .adoptchild:hover, .makechild:hover, .credit:hover, .fernhandelbutton:hover, .renamechild:hover, 
        .hudpersonal:hover, .assingbuilding:hover, .jobstudy:hover, .marry:hover, .personalinventory:hover, .prey:hover, .changefaith:hover, 
        .payworker:hover, .WorshipPraise:hover, .WorshipScold:hover, .myjugdement:hover, .speedonworker:hover, .train:hover, .buildingupgrades:hover, 
        .robbermanage:hover, .msfishing:hover, .msrichharvest:hover, .msredistribution:hover, .runoffice:hover, .suesomebody:hover, .title:hover, .sellbuildings:hover, .taxes:hover, 
        .gui47:hover, .gui46:hover, .gui45:hover, .gui44:hover, .gui43:hover, .gui42:hover, .gui41:hover, .clm1a:hover, .clm2a:hover, .clm3a:hover, .clm4a:hover, .clm5a:hover, .appointmentbook:hover,
        .evidencebook:hover, .dynreputation:hover, .collect:hover, .celebrate:hover {
          transition: all 0.5s;
          filter:drop-shadow(0 0 3px rgba(0, 200, 10, 1)) drop-shadow(0 0 2px rgba(0, 200, 40, 1)) drop-shadow(0 0 2px rgba(0, 240, 40, 1)) brightness(1);
        }
      .gastbestehlen, .walkingdead, .hooker, .beggar, .buildingraub, .cartraub, .makeevocation, .schmuggel, .hijack, 
      .break, .msspybuildings, .msthreaten,.robberrooty, .plunderguild, .havevision, .winbeliver, .Quacksalver, 
      .blemishchair, .aufschlag, .brainwash {
      filter:drop-shadow(0 0 3px rgba(255, 0, 0, 0.7)) drop-shadow(0 0 2px rgba(255, 65, 65, 0.7)) drop-shadow(0 0 2px rgba(255, 145, 145, 0.7)) brightness(0.8);background-size:contain;background-repeat:no-repeat;background-position:center;
      }        
        .gastbestehlen:hover, .walkingdead:hover, .hooker:hover, .beggar:hover, .buildingraub:hover, .cartraub:hover, .makeevocation:hover, .schmuggel:hover, .hijack:hover, 
        .break:hover, .msspybuildings:hover, .msthreaten:hover, .robberrooty:hover, .plunderguild:hover, .havevision:hover, .winbeliver:hover, .Quacksalver:hover, 
        .blemishchair:hover, .aufschlag:hover, .brainwash:hover {
          transition: all 0.5s;
          filter:drop-shadow(0 0 3px rgba(255, 0, 0, 1)) drop-shadow(0 0 2px rgba(255, 65, 65, 1)) drop-shadow(0 0 2px rgba(255, 145, 145, 1)) brightness(1);
        }         
      .observe, .majortax, .severityoflaw, .inspectbusiness, .hideoffice, .forgivesins, .newlaw, .changefaithlaw,
      .school, .education, .study, .OrderCollectEvidence, .resignfromoffice, .msmanipulatemarket, .msspyuser, .clm6a {
        filter:drop-shadow(0 0 3px rgba(235, 0, 255, 0.7)) drop-shadow(0 0 2px rgba(245, 95, 255, 0.7)) drop-shadow(0 0 2px rgba(250, 45, 255, 0.7)) brightness(0.8);background-size:contain;background-repeat:no-repeat;background-position:center;
      }
        .observe:hover, .majortax:hover, .severityoflaw:hover, .inspectbusiness:hover, .hideoffice:hover, .forgivesins:hover, .newlaw:hover,  .changefaithlaw:hover,
        .school:hover, .education:hover, .study:hover, .OrderCollectEvidence:hover, .resignfromoffice:hover, .msmanipulatemarket:hover, .msspyuser:hover, .clm6a:hover {
          transition: all 0.5s;
          filter:drop-shadow(0 0 3px rgba(235, 0, 255, 1)) drop-shadow(0 0 2px rgba(245, 95, 255, 1)) drop-shadow(0 0 2px rgba(250, 45, 255, 1)) brightness(1);
        }  
/* ROOM BUTTONS */
  .rb{box-shadow:inset 0px 0px 10px #000;width:35px;height:35px;}
    .rb1{background:url('../images/buildinghud/jugderoom.png');}
    .rb2{background:url('../images/buildinghud/usherroom.png');}
    .rb3{background:url('../images/buildinghud/mainroom.png');}
    .rb4{background:url('../images/buildinghud/backroom.png');}
    .rb5{background:url('../images/buildinghud/salonroom.png');}
    .rb6{background:url('../images/buildinghud/playroom.png');}
    .rb7{background:url('../images/buildinghud/bathroom.png');}
    .rb8{background:url('../images/buildinghud/alchimisttower.png');}
    .rb9{background:url('../images/buildinghud/alchimistchellar.png');}
    .rb10{background:url('../images/buildinghud/alchimistwork.png');}
    .rb11{background:url('../images/buildinghud/churchprey.png');}
    .rb12{background:url('../images/buildinghud/churchwork.png');}
    .rb13{background:url('../images/buildinghud/tavernebraukeller.png');}
    .rb14{background:url('../images/buildinghud/tavernewirtsraum.png');}
/* CINEMATIC */
  .ad-cine{position:fixed;background:#000;opacity:0;height:100%;width:100%;top:0px;left:0px;pointer-events: none;transition:opacity 1100ms ease;z-index:99999999;color:#e7e1d2;font-family:BGfont, serif;-webkit-font-smoothing: antialiased;text-rendering:geometricPrecision;letter-spacing:.2px;}
  .ad-cine.is-on{opacity:1; pointer-events:auto;}
  .ad-cine__wrap {position:absolute;width:min(820px, 92vw);top:50%;left:50%;text-align:center;opacity:0;transform:translate(-50%, -60%);transition:opacity 900ms ease, transform 900ms ease;} 
  .ad-cine.is-on .ad-cine__wrap{opacity:1;}
  .ad-cine__crest{width:min(220px, 38vw);height:auto;display:block;margin:0 auto 18px auto;opacity:.92;filter: drop-shadow(0 14px 28px rgba(0,0,0,.55));}
  .ad-cine__headline{font-size: clamp(18px, 2.2vw, 26px);line-height:1.35;margin:0 0 14px 0;color:#efe8d7;}
  .ad-cine__sub{font-size: clamp(13px, 1.6vw, 16px);opacity:.86;margin:0 0 18px 0;}
  .ad-cine__points{display:inline-flex; align-items:center; gap:10px;padding:10px 14px;border:1px solid rgba(231,225,210,.18);border-radius:12px;background: rgba(10,10,10,.55);backdrop-filter: blur(2px);opacity:0;transform:translateY(6px);transition:opacity 700ms ease, transform 700ms ease;}
  .ad-cine.is-points .ad-cine__points{opacity:1; transform:translateY(0);}
  .ad-cine__ptval{font-size:24px;letter-spacing:.6px; color:#f4eddc;margin-top:-7px;}
  .ad-cine__ptlbl{font-size:13px; opacity:.85; text-transform:uppercase; letter-spacing:.9px;}
  .ad-cine__pticon{width:45px;height:45px;display:inline-block;background: url("../images/buildinghud/skillpointicon_64.png") center/contain no-repeat;opacity:.92;}
  .ad-cine:before{content:"";position:absolute;pointer-events:none;background: radial-gradient(circle at 50% 45%, rgba(0,0,0,0) 0%, rgba(0,0,0,.55) 55%, rgba(0,0,0,.92) 100%);opacity:.65;}  
  #adCine .ad-cine__crest {filter: saturate(1) grayscale(0) contrast(1);transition: none;will-change: filter;}
  #adCine.is-fadecrest .ad-cine__crest {filter: saturate(0) grayscale(1) contrast(1.05);transition: filter 4.6s linear;}
  .ad-cine__epilogue{position:absolute;inset:0; display:flex;align-items:center;justify-content:center;padding: 22px;text-align:center;font-size: clamp(18px, 2.2vw, 26px);line-height: 1.35;letter-spacing: 0.02em;text-transform: none;font-weight: 500;color: #e7e1d2;opacity: 0;pointer-events: none;transform: translateY(6px);filter: blur(2px);transition:opacity 1400ms ease,transform 1400ms ease,filter 1400ms ease;}
  #adCine.is-epilogue-only .ad-cine__epilogue{opacity: 1;transform: translateY(0);filter: blur(0);}
  #adCine.is-epilogue-out .ad-cine__epilogue{opacity: 0;transform: translateY(-4px);filter: blur(2px);}
    @keyframes adEpiFlicker {
      0%   { opacity: 1;   }
      12%  { opacity: .94; }
      25%  { opacity: .98; }
      38%  { opacity: .90; }
      52%  { opacity: .97; }
      66%  { opacity: .93; }
      78%  { opacity: .99; }
      100% { opacity: 1;   }
    }
  #adCine.is-epilogue-only.is-epilogue-flicker .ad-cine__epilogue{animation: adEpiFlicker 3.8s infinite ease-in-out;}
  #adCine.is-ms-glow .ad-cine__crest{filter:drop-shadow(0 0 10px rgba(255, 238, 170, 0.55)) drop-shadow(0 0 22px rgba(255, 210, 120, 0.35));transform:scale(1.02);transition:filter 600ms ease, transform 600ms ease;}
  #adCine.is-ms-glow .ad-cine__crest{animation:adMsPulse 2.4s ease-in-out infinite;}
    @keyframes adMsPulse {
      0%   { filter: drop-shadow(0 0 8px rgba(255, 238, 170, 0.45)) drop-shadow(0 0 18px rgba(255, 210, 120, 0.25)); }
      50%  { filter: drop-shadow(0 0 12px rgba(255, 238, 170, 0.65)) drop-shadow(0 0 26px rgba(255, 210, 120, 0.40)); }
      100% { filter: drop-shadow(0 0 8px rgba(255, 238, 170, 0.45)) drop-shadow(0 0 18px rgba(255, 210, 120, 0.25)); }
    }
/* QUESTICONS */
.quest, .hp, .rotateeye{position:absolute;display:block;background-repeat:no-repeat;background-position: 0 0;filter: drop-shadow(0 5px 3px #000000e5);transform: translate(-50%, -50%);}
  .hp{
    --s: 0.3333333;
    --frames: 90;
    --fw: 36px;
    --h: 150px;
    --sheetH: 150px;
    width:  calc(var(--fw) * var(--s));
    height: calc(var(--h)  * var(--s));
    background-image: url('../images/buildinghud/SpotMark_yellow.webp');
    background-size:
      calc(var(--fw) * var(--frames) * var(--s))
      calc(var(--sheetH) * var(--s));
    animation: qrotate 5s steps(var(--frames)) infinite;
  }
      .hpdone{background-image:url('../images/buildinghud/SpotMark_grey.webp');}
  .quest{
    --s: 0.4;
    --frames: 90;
    --fw: 110px;
    --h: 150px;
    --sheetH: 150px;
    width:  calc(var(--fw) * var(--s));
    height: calc(var(--h)  * var(--s));
    background-image: url('../images/buildinghud/QuestionMark_yellow.webp');
    background-size:
      calc(var(--fw) * var(--frames) * var(--s))
      calc(var(--sheetH) * var(--s));
    animation: qrotate 5s steps(var(--frames)) infinite;
  }
    .questactive{background-image:url('../images/buildinghud/QuestionMark_blue.webp');}
    .questdone{background-image:url('../images/buildinghud/QuestionMark_grey.webp');}
  .rotateeye{
    --s: 0.4;
    --frames: 90;
    --fw: 110px;
    --h: 110px;
    --sheetH: 100px;
    width:  calc(var(--fw) * var(--s));
    height: calc(var(--h)  * var(--s));
    background-image: url('../images/buildinghud/SpeakMark_yellow.webp');
    background-size:
      calc(var(--fw) * var(--frames) * var(--s))
      calc(var(--sheetH) * var(--s));
    animation: qrotate 5s steps(var(--frames)) infinite;
  }
  @keyframes qrotate{
    from { background-position: 0 0; }
    to   { background-position: calc(var(--fw) * var(--frames) * var(--s) * -1) 0; }
  }
.rotateeye:hover, .quest:hover, .hp:hover{animation:none;cursor:url('../cur_hover.cur'), auto;}
  .q1ani{top:44.2%;left:36.2%;}
  .q2ani{top:40%;left:47.5%;}
  .q3ani{top:51%;left:38.5%;}
  .q4ani{top:46%;left:61.5%;}
  .q5ani{top:41%;left:69.5%;}
  .q6ani{top:61%;left:28.5%;}
  .q7ani{top:59%;left:75.5%;}
  .q8ani{top:49%;left:70.5%;z-index:10;}
  .q9ani{top:36%;left:91.5%;}
  .q10ani{top:41%;left:34.5%;}
  .q11ani{top:42%;left:32%;z-index:8;}
  .q12ani{top:33%;left:69%;z-index:8;}
  .q13ani{top:33%;left:77%;z-index:8;}
  .q14ani{top:29%;left:40.5%;}
  .q15ani{top:19%;left:60.5%;z-index:8;}
  .q16ani{top:63%;left:58.5%;}
  .q17ani{top:49%;left:26.5%;}
  .q24ani{top:29%;left:48%;}
  .q25ani{top:33%;left:54.5%;}
  .q26ani{top:39%;left:28.5%;}
  .q27ani{top:38%;left:60.5%;z-index:10;}
  .q28ani{top:63%;left:73%;}
  .q29ani{top:59%;left:66.5%;}
  .q30ani{top:57%;left:57.5%;}
  .q31ani{top:56%;left:48.9%;}
  .q32ani{top:56%;left:40.3%;}
  .q33ani{top:56%;left:9.5%;}
  .g1ani{top:36%;left:32.5%;}
  .g2ani{top:65%;left:64.5%;}
  .g3ani{top:36%;left:28.5%;}
  .g4ani{top:42%;left:44.5%;}
  .g5ani{top:25%;left:61.5%;z-index:8;}
  .q34ani{top:66%;left:66.5%;}
  .q35ani{top:57%;left:73.5%;}
  .q36ani{top:60%;left:15.5%;}
  .q37ani{top:45%;left:90.5%;}
  .q38ani{top:64%;left:27.5%;}
  .q39ani{top:59%;left:22.5%;}
  .q40ani{top:51%;left:69.5%;}
  .q41ani{top:62%;left:38.5%;}
  .q42ani{top:22%;left:15.5%;}
  .q43ani{top:23%;left:41.5%;}
  .q44ani{top:75%;left:46.5%;}
  .q45ani{top:32%;left:64.5%;}
  .q46ani{top:15%;left:65.5%;}
  .q47ani{top:56.5%;left:52%;}
  .q48ani{top:51%;left:73.5%;}
  .q49ani{top:72.5%;left:44%;}
  .q50ani{top:34%;left:33.5%;}
  .q51ani{top:62%;left:51.5%;}
  .q52ani{top:28%;left:63.5%;z-index:8;}
  .q53ani{top:36%;left:31.5%;}
  .q54ani{top:42%;left:45.5%;}
  .q55ani{top:71%;left:24.5%;}
  .q56ani{top:45%;left:41.5%;}
  .q57ani{top:43%;left:68.5%;}
  .q58ani{top:28%;left:46.5%;}
  .q59ani{top:46%;left:51.5%;}
  .q60ani{top:42%;left:39.5%;}
  .q61ani{top:39%;left:51.5%;}
  .q62ani{top:47%;left:82.5%;}
  .q63ani{top:50%;left:18.5%;}
  .q64ani{top:53%;left:51.5%;}
  .q65ani{top:53%;left:51.5%;}
  .hi1{top:68%;left:54%;}
  .hi2{top:71%;left:63%;}
  .hi3{top:40%;left:36%;}
  .hi4{top:74%;left:86%;}
  .hi5{top:76.5%;left:30%;}
  .hi6{top:37%;left:39%;}
  .hi7{top:50%;left:79%;}
  .hi8{top:29%;left:68.5%;}
  .hi9{top:44%;left:72%;}
  .hi10{top:65%;left:84.5%;}
  .hi11{top:35%;left:67%;}
  .hi12{top:63%;left:72%;}
  .hi13{top:29%;left:47.5%;}
  .hi14{top:51%;left:71.5%;}
  .hi15{top:58%;left:86.5%;}
  .hi16{top:44%;left:42%;}
  .hi17{top:44%;left:35%;}
  .hi18{top:720px;left:calc(50% + 85px);}
  .hi19{top:541px;left:calc(50% + 10px);}
  .hi20{top:79%;left:80%;}
  .hi21{top:51%;left:34.5%;}
  .hi22{top:60%;left:79.5%;}
  .hi23{top:65%;left:84%;}
  .hi24{top:46%;left:78%;}
  .hi25{top:67%;left:32%;}
  .hi26{top:54%;left:78%;}
  .hi27{top:41%;left:56%;}
  .hi38{top:57%;left:79.7%;}
  .hi39{top:56%;left:34.5%;}
  .trader{position:absolute;top:38%;left:37%;height:25%;width:6%;border-radius:50px;}
    .traderrotate{top:36%;left:39.5%;}
  .epic{top: 26%;
  left: 41%;z-index:8;}
  .seecoinrotate{top:30%;left:44%;}
  .seecointrader{position:absolute;top:31%;left:39%;height:26%;width:10%;border-radius:100px 100px 20px 20px;}
  .glyphrotate{top:21%;left:26%;}
  .glyphtrader{position:absolute;top:23%;left:20%;height:53%;width:15%;clip-path: polygon(82.14% 96.33%, 35.33% 100.07%, 22.49% 75.43%, 24.92% 33.85%, 15.20% 62.33%, 5.82% 61.28%, 6.36% 27.44%, 23.77% 2.76%, 53.09% 0.31%, 97.96% 44.84%, 92.57% 56.39%, 69.8% 40.76%, 84.59% 65.38%);}
  .jugderoomdoor{position:absolute;width:13%;height:41%;left:48.5%;top:18%;border-radius:147px 127px 0px 0px;}
  /* SELLBUILDING */
  .sb1{position:absolute;width:545px;height:90px;left:50%;transform: translateX(-50%);bottom:70px;}
  .sb2{position:relative;float:left;width:90px;height:90px;}
  .sb3{top:0px;height:60px;width:60px;}
  .sb4{position:absolute;bottom:15px;right:10%;height:18px;line-height:15px;border:1px solid #373737;box-shadow:inset 0px 0px 10px #000;background:#201f22;width:80%;border-radius:10px;text-align:center;}
  .sb5{position:absolute;height:80px;width:80px;top:20px;background-size:100%;background-position:center;}
  .sb6{height:150px;}
  .sb7{top:60px;width:330px;line-height:20px;margin-bottom:0px;}
  /* THIEF -> HIJACK */
  .thj1{height:120px;}
  .thj2{height:80px;}
  .thj3{position:relative;float:left;width:145px;height:150px;margin:5px 0 0 5px;}
  .thj4{top:5px;height:100px;width:100px;background-size:contain,120px;}
  .thj5{top:5px;height:100px;width:100px;background-size:220px;background-position:-60px -130px;}
  .thj6{height:80px;top:55px;left:50px;}
  .thj7{position:absolute;top:160px;left:calc(50% - 5px);transform:translateX(-50%);}
  .thj8{left:145px;top:35px;}
/* ROBBER */
  .rob1{top:5px;height:100px;width:100px;background-size:100px;background-position:center;}
  .rob2{position:absolute;top:130px;left:calc(50% - 5px);transform:translateX(-50%);width:140px;}
  .rob3{background-size:contain;}
  .rob4{height:80px;}
  .rob5{height:140px;}
  .rob6{position:absolute;top:80px;right:6px;width:265px;}
  .rob7{position:absolute;height:100px;width:100px;bottom:45px;overflow:visible;}
  .rob8{left:25px;}
  .rob9{right:25px;}
  .rob10{width:500px;height:300px;}
  .rob11{position:absolute;width:200px;height:20px;top:150px;left:150px;text-align:center;text-decoration:underline;}
  .rob12{position:absolute;bottom:15px;left:160px;}
  .rob13{left:260px;}
  .rob14{position:absolute;width:22px;height:20px;padding-top:20px;background-position:top center;background-repeat:no-repeat;text-align:center;}
    .rob15{bottom:3px;left:-11px;background-image:url(../images/buildinghud/deviant.png);}
    .rob16{bottom:3px;right:-11px;background-image:url(../images/buildinghud/attack.png);}
    .rob17{top:80px;left:40px;background-image:url(../images/buildinghud/spystat.png);}
  .rob18{position:absolute;top:0px;left:0px;height:100%;width:100%;background-image:url(../images/items/X.png);background-size:75px;background-position:center;background-repeat:no-repeat;opacity:0.6;filter:sepia(80%);}
  .rob19{width:250px;margin:5px 0 0 5px;}
  .rob20{}
  .rob21{position:absolute;left:125px;height:140px;margin:0px;}
  .rob22{position:absolute;right:125px;height:140px;margin:0px;}
  .rob23{top:20px;}  
  .rob24{position:absolute;top:145px;width:450px;height:160px;}
  .rob25{position:relative;width:calc(50% - 15px);top:5px;margin-left:5px;float:left;text-align:right;}
  .rob26{text-align:left;}
  .rob27{text-decoration:underline;font-weight:bold;}
    .rob33{position:absolute;top:200px;height:130px;width:260px;}
  .rob28{position:absolute;top:30px;width:210px;height:160px;right:180px;}
  .rob29{width:155px;text-align:left;}
  .rob30{width:40px;text-align:center;}
  .rob31{position:absolute;left:120px;height:160px;top:40px;width:180px;}
  .rob32{position:absolute;left:50% !important;transform:translateX(-50%) !important;}
  .rob34{float:left;top:25px;}
  .rob35{position:absolute;width:100%;color:#7f8ca8;text-align:center;}
  .rob36{position:absolute;width:500px;top:300px;left:50%;transform:translateX(-50%);} 
/* ADIS DICE GAME */
.adi1{top:160px;}
.adi2{top:180px;}
.adi3{position:absolute;top:210px;left:calc(50% + 5px);height:41px;transform:translateX(-50%);}
  .adi4{top:260px;}
.adi5{position:relative;float:left;height:41px;width:41px;margin-right:10px;background:url('../images/buildinghud/dice_0.png') no-repeat;opacity:0.4;filter:sepia(100%);}
  .adi6{opacity:1;}
  .d0{background:url('../images/buildinghud/dice_0.png') no-repeat;}
  .d1{background:url('../images/buildinghud/dice_1.png') no-repeat;}
  .d2{background:url('../images/buildinghud/dice_2.png') no-repeat;}
  .d3{background:url('../images/buildinghud/dice_3.png') no-repeat;}
  .d4{background:url('../images/buildinghud/dice_4.png') no-repeat;}
  .d5{background:url('../images/buildinghud/dice_5.png') no-repeat;}
  .d6{background:url('../images/buildinghud/dice_6.png') no-repeat;}
  .d7{background: url('../images/buildinghud/dice_ok.png') no-repeat;}
.adi7{animation: diceroll 3 alternate 1s steps(1);}
  @keyframes diceroll{0%{background-position: -41px 0;}  10%{background-position: -82px 0;}  20%{background-position: -123px 0;}  30%{background-position: -164px 0;}  40%{background-position: -205px 0;}  50%{background-position: -246px 0;}  60%{background-position: -287px 0;}  70%{background-position: -328px 0;}  80%{background-position: -369px 0;}  90%{background-position: -410px 0;}  100%{background-position: -600px 0;}}
/* PRODUKTIONSÜBERSICHT */
  .pov1{position:relative;width:245px;height:125px;left:60px;margin:5px 5px 0 5px;float:left;background:#202020;border:1px solid #373737;border-radius: 16px;box-shadow:inset 0px 0px 10px #000000c9;}
  .pov2{top:5px;width:150px;line-height:20px;height:20px;margin-top:0px;}
  .pov3{top:15px;left:10px;margin-top:0px;width:50px;height:50px;}
  .pov4{position:absolute;right:38px;top:85px;}
  .pov5{top:80px;left:10px;}
    .pov5a{left:115px;}
  .pov6{top:102px;left:10px;}
    .pov6a{left:115px;}
  .pov7{position:absolute;left:70px;top:30px;height:55px;width:175px;z-index:0;}
  .pov8{margin-left:10px;}
  .pov9{position: absolute;right:10px;top:5px;font-size:25px;z-index:99999;}
/* JUDGEMENT */
.jud1{height:calc(100% - 95px);}
.jud2{top:62px;}
.jud3{width:35%}
.jud4{width:10%}
.jud5{text-align:left;text-indent:15px;}
.jud6{width:12%;float:right;}
.jud7{position:absolute;left:10px;top:5px;width:calc(100% - 20px);font-weight:bold;color:#7f8ca8;}
.jud8{height:80px;top:30px;background-size:120%, 285%;background-position:center center, 0px -49px;}
.jud9{width:300px;top:40px;}
.jud10{width:calc(100% - 21px);top:25px;}
.jud11{margin-top:25px;margin-bottom:25px;}
.jud12{margin-top:25px;}
.jud13{top:110px;left:calc(100% - 490px);width:475px;}
.jud14{position:absolute;right:calc(50% - 1px);height:calc(100% - 2px);top:1px;max-width:calc(100% - 1px);}
  .jud15{right:1px;}
  .jud16{left:1px;}
  .jud17{background-color:rgba(67,106,0,0.8);}
  .jud18{background-color: rgba(255, 117, 117, 0.8);}
.jud19{position:relative;width:calc(50% - 2px);float:left;}
.jud20{position:relative;width:0px;float:left;top:-1px;border-left:1px solid #4f4f4f;border-right:1px solid #4f4f4f;height:22px;}
.jud21{position:absolute;width:50%;height:20px;right:1px}
.jud22{position:absolute;top:25px;width:475px;text-align:center;left:calc(100% - 490px);background-image:linear-gradient(90deg, transparent 5%, #373737 50%, transparent 95%);background-size:100% 2px;background-position:bottom;background-repeat:no-repeat;line-height:25px;}
.jud23, .jud24, .jud25, .jud26{position: absolute;width:45px;height:45px;top:55px;border:1px solid #373737;box-shadow:inset 0px 0px 10px #000;cursor: url(../cur_hover.cur),auto;}
  .jud23{left:calc(100% - 362px);background:url(../images/buildinghud/jugde_flammenderede.png) center / contain no-repeat;}
  .jud24{left:calc(100% - 305px);background:url(../images/buildinghud/jugde_schlechtreden.png) center / contain no-repeat;}
  .jud25{left:calc(100% - 248px);background:url(../images/buildinghud/jugde_drohen.png) center / contain no-repeat;}
  .jud26{left:calc(100% - 191px);background:url(../images/buildinghud/jugde_bestechen.png) center / contain no-repeat;}
.jud27{top:140px;}
.jud28{top:170px;}
.jud29{top:200px;}
/* DONATION */
  .donation-popup-overlay{display:none;position:fixed;top:0;left:0;background-color:rgba(0,0,0,.3);width:100%;height:100%;text-align:center;align-items:center;text-shadow:none;justify-content:center;z-index:9999999999;}
  .donation-popup{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);height:80%;max-height:525px;width:80%;max-width:800px;padding:40px 40px 20px;background:white;color:#41464b;}
  .don1{font-size:18px;}
  .don1a{font-size:16px !important;}
  .don2{font-size:32px;font-weight:bold;}
  .don3{position:relative;text-align:left;margin-top:35px;font-size:19px;}
  .don4{position:relative;width:45%;padding-right:10px;float:left;left:60px;height:calc(100% - 135px);scrollbar-width:thin;scrollbar-color:#858585 #fff;overflow-y:auto;overflow-x:hidden;}
  .don5{width:50%;left:5%;}
  .don6{border-bottom:1px solid #e0e0dd;padding:0px 20px 20px 20px;margin-top:20px;}
  .don7{position:absolute;right:20px;top:8px;font-size:32px;font-weight:bold;color:#41464b;text-decoration:none;cursor:url('../cur_hover.cur'),auto;}
  .don8{position:relative;top:15px;left:50%;float:left;transform:translateX(-50%);padding:12px;color:#41464b;line-height:40px;background:linear-gradient(to right, #41464b 0, #b3b3b3 10%, #41464b 20%);background-position:0;-webkit-background-clip: text;-webkit-text-fill-color: transparent;animation: don8 3s infinite linear;animation-fill-mode: forwards;-webkit-text-size-adjust: none;font-weight:600;font-size:25px;text-decoration:none;white-space: nowrap;cursor:url(../cur_hover.cur),auto;}
    @keyframes don8{0%{background-position:0px;}60%{background-position:190px;}100%{background-position:190px;}}
  .donation-meter{position:absolute;left:20px;width:90px;top:80px;
    .glass{background: #41464b;border-radius:100px 100px 0 0;display:block;height:300px;margin:0 35px 10px;padding:3px;position:relative;width:16px;}
    .amount{background:#ff7575;border-radius:100px;display:block; width:16px;position:absolute;bottom:5px;}
    strong{display: block; text-align: center; }
    .goal{font-size:30px;}
    .total{font-size:16px;position:absolute;right:25px;width:50px;}
  }
  .bulb {background:#41464b;border-radius:100px;display:block;height:47px;margin:0 35px 10px;padding:3px;position:relative;top:-20px;right:15px;width:47px;
    .red-circle{background:#ff7575;border-radius:100px;display:block;height:47px;width:47px;}
    .filler{background:#ff7575;border-radius:100px 100px 0 0;display:block;height:30px;width:16px;position:relative;top:-65px;right:-15px;z-index:30;}
  }
/* IDLE OVERLAY */ 
  #ad-freeze-overlay{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.45);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2147483647;color:#7f89a8;font-size:18px;font-weight:bold;}
  #ad-freeze-overlay .box{height:135px;width:400px;padding:30px 30px;text-align:center;border-radius:25px;background:radial-gradient(circle at top, rgba(30, 30, 30, 0.9) 0%, rgba(10, 10, 10, 0.8) 55%,rgba(5, 5, 5, 0.75) 100%);backdrop-filter:blur(0px);box-shadow:0 40px 90px rgba(0,0,0,0.65)}
  #ad-freeze-overlay .freezetitle{font-size:22px;letter-spacing:.5px;margin-bottom:8px;}
  #ad-freeze-overlay .hint{opacity:.9;margin-bottom:14px;}
  #ad-freeze-overlay button{padding:10px 14px;border-radius:12px;border:0;cursor:pointer;}
  html.ad-frozen *{animation-play-state:paused !important;transition:none !important;}
  html.ad-frozen{pointer-events:none;}
  #ad-freeze-overlay{pointer-events:auto !important;}  
  .btnresume{position: relative;width: 250px;top: 6px;}
  .freezelogo{position:absolute;top:-256px;height:256px;width:256px;left:50%;transform:translateX(-50%);background-image:url('/world/assets/images/appicon/512-512.png');background-position:center;background-size:100%;}
  .freezelogo_alt{background-image:none}
/* CHAT */
  .chat1{position:fixed;width:400px;height:270px;bottom:36px;left:0px;z-index:10001;border-radius:0 10px 0 0;border-top:1px solid #473e35;border-right:1px solid #473e35;box-shadow:inset 0px 0px 8px #000000;background:#1a1a1a;touch-action: manipulation;}
    .chat1:hover{z-index:9999999;}
    .chat1a{position:fixed;width:40% !important;height:50% !important;top:50%;left:50%;transform:translate(-50%, -50%);box-shadow: 0px 0 13px #1a1a1a;border: 5px solid #1a1a1a;border-radius:10px;z-index:99999;background:#1a1a1a;touch-action:manipulation;}
  .chat2{top:0px;}
  .chat3{position:absolute;top:31px;width:100%;height:calc(100% - 65px);}
  .chat4{left:calc(100% - 35px);font-size:20px;}
    .chat4a{left:calc(100% - 65px);}
  .chat5{position:absolute;top:5px;right:2px;width:30px;font-size:20px;text-align:center;cursor:url('../cur_hover.cur'),auto;}
  .chat6{position:fixed;width:31px;height:36px;bottom:36px;left:0px;z-index:10001;border-radius:0 15px 0 0;border:1px solid #473e35;border-left:none;border-bottom:none;box-shadow:inset 0 0 25px #000;background:#201f22;}
  .chat7{position:absolute;bottom:5px;right:15px;border-radius:25px;font-size:20px;background:transparent;border:none;color:#b3b3b3;}
    .chat7a{right:40px;}
  .chat8{position:absolute;left:5px;width:calc(100% - 95px);bottom:4px;margin-top:0;border:none;line-height:25px;text-align:left;background-color:#000;color:#7f8ca8;padding:3px 10px;border:1px solid #b3b3b361;font-size:13px;line-height:13px;outline:none;}
  .chat9{position:relative;padding:5px 15px 5px 5px;background-image:linear-gradient(90deg, transparent 0%, #373737 0%, #373737 60%, transparent 100%);background-size:100% 1px;background-repeat:no-repeat;background-position:bottom;}
    .chat9:hover{background-color: rgba(0,0,0,.25);}
  .chat10{color:#7f8ca8;}
  .chat11{margin-left:15px;}
  .chat12{position:absolute;top:6px;right:10px;width:15px;height:15px;}
  .chat13{height:95px;width:275px;border-radius:15px;top:10px;transform:translate(-50%, 0%);}
  .chat14{position:relative;margin-left:15px;margin-top:5px;height:60px;width:calc(100% - 55px);border-radius:5px;line-height:20px;text-align:left;color:#c8c8c8;font-size:13px;outline:none;padding:0px 10px 0px 10px;background:#202020;border:2px solid #373737;;box-shadow:inset 0 0 3px #000;resize:none}
  .chat15{text-align:center;font-weight:bold;width:100%;padding: 5px 0 5px 0;color:#7f8ca8;font-style:italic;}
  .chat16{position:absolute;display:none;top:-1px;width:200px;height:270px;font-size:24px;right:-200px;background:#1a1a1a;border-radius:0 10px 0 0;scrollbar-width:thin;scrollbar-color:#444444bd #262626;overflow-y:auto;overflow-x:hidden;border:1px solid #473e35;border-left:none;border-bottom:none;box-shadow:inset 0px 0px 8px #000000;}
  .chat17{animation:ncmblink 2s infinite;}
    @keyframes ncmblink {
      0% {color: #b3b3b3;}
      50% {color: #7f8ca8;}
      100% {color: #b3b3b3;}
    }
/* FAMILYTREE */
  .fam1{height:calc(100% - 85px);}
  .fam2{float:left;left:0;top:32px;margin:0 35px;height:80px;width:80px;transform:none;}
  .fam3{margin-top:0px !important;}
  .fam4{position:relative;display:flex;justify-content:center;height:135px;margin-top:35px;gap:40px;z-index:2;}
  .fam5{position:relative;float:left;height:100%;width:150px;z-index:2;}
  .fam6, .fam7, .fam8{position:absolute;width:100%;text-align:center;}
    .fam6{top:0px;}
    .fam7{bottom:0px;}
    .fam8{top:15px;}
  .familytree-lines{position:absolute;top:0; left:0;pointer-events:none;z-index:1;} 
/* TUTORIAL */
  .tut1{position:fixed;height:400px;width:600px;z-index:9999999;}
  .tut2{font-size:15px;}
/* ARCHIVMENT */
  .ach1{width:315px;height:95px;overflow:hidden;}
  .arch1{position:fixed;display:none;width:100%;left:50%;top:50%;transform:translate(-50%, -50%);height:50px;text-align:center;font-size:25px;color:#46ca58;z-index:9999999;background-image:linear-gradient(90deg, transparent 5%, #000 30%, #000 70%, transparent 95%);background-size:100% 50px;background-position:bottom;background-repeat:no-repeat;line-height:50px;}
  .arch2{position:relative;top:5px;margin-left:40px;min-height:20px;width:250px;hyphens:auto;}
    .arch2a{position:absolute;top:5px;right:5px;min-height:20px;width:30px;hyphens:auto;text-align:right;}
  .arch3{color:#7f8ca8;font-size:15px;}
  .arch4{width:270px;margin-left:50px;font-size:14px;line-height:14px;hyphens:none;}
  .arch5{opacity: 0.6;}
  .arch6{position:absolute;bottom:7px;width:315px;text-align:center;font-size:12px;}
  .arch7{animation: glyphGlowOrange 4s linear infinite alternate;}
  .arch8{position:absolute;left:calc(50% - 112px);top:73px;height:12px;}
  .arch9{}   
     @keyframes glyphGlowOrange {
      0% {
        filter:
          drop-shadow(0 0 1px rgba(198, 105, 0, 0.7))
          drop-shadow(0 0 1px rgba(208, 124, 28, 0.5))
          drop-shadow(0 0 1px rgba(210, 144, 68, 0.5));
        opacity: 0.96;
      }
      100% {
        filter:
          drop-shadow(0 0 1px rgba(198, 105, 0, 1))
          drop-shadow(0 0 2px rgba(208, 124, 28, 1))
          drop-shadow(0 0 3px rgba(210, 144, 68, 1));
        opacity: 1;
      }
    }   
/* PUDDELS */
  .pud1, .pud2, .pud3, .pud4, .pud5, .pud6, .pud7, .pud8, .pud9, .pud10, .pud11, .pud12, .pud13, .pud14, .pud15, .pud16, .pud17, .pud18, .pud19, .pud20, .pud21, .pud22, .pud23, .pud24, .pud25, .pud26, .pud27, .pud28, .pud29, .pud30, 
  .pud31, .pud32, .pud33, .pud34, .pud35, .pud36, .pud37, .pud38, .pud39, .pud40, .pud41, .pud42, .pud43, .pud44, .pud45, .pud46, .pud47, .pud48, .pud49, .pud50, .pud51, .pud52, .pud53, .pud54, .pud55, .pud56, .pud57, .pud58, .pud59, .pud60{position:absolute;z-index:9;cursor: url("../cur_found.cur"), auto !important;}
    .pud1{top:85%;left:47%;height:6%;width:4%;clip-path:polygon(80.55% 83.78%, 30.92% 85.34%, 6.96% 65.47%, 18.69% 12.26%, 44.33% 6.18%, 79.95% 25.24%);}
    .pud2{top:26%;left:29.5%;height:1%;width:1.3%;}
    .pud3{top:51%;left:18.5%;height:2.4%;width:2.3%;clip-path:polygon(68.2% 86.1%, 33.04% 85.35%, 12.82% 42.32%, 52.67% 23.84%, 86.8% 17.76%, 106.71% 55.91%);}
    .pud4{top:43%;left:13.5%;height:2%;width:2%;clip-path:polygon(71.76% 96.51%, 36.78% 78.40%, 12.82% 42.32%, 47.99% 26.15%, 73.63% 23.54%, 93.62% 69.22%);}
    .pud5{top:41.5%;left:35%;height:3%;width:3%;clip-path:polygon(73.07% 68.73%, 21.15% 67.98%, 10.22% 33.06%, 39.52% 7.63%, 79.49% 1.55%, 105.34% 25.24%);}
    .pud6{top:46%;left:54.5%;height:2.5%;width:4%;clip-path:polygon(28.80% 88.17%, 5.53% 23.54%, 28.44% 3.43%, 40.17% 31.7%, 76.56% 47.85%, 88.74% 88.66%);}
    .pud7{top:44%;left:55%;height:2.5%;width:4%;clip-path:polygon(55.16% 96.51%, 17.24% 90.2%, 12.82% 42.32%, 21.62% 20.59%, 58.98% 28.4%, 86.78% 58.11%);}
    .pud8{top:43%;left:41%;height:2.5%;width:4%;clip-path:polygon(68.83% 85.4%, 25.06% 87.42%, 13.80% 56.21%, 34.31% 28.93%, 55.07% 33.96%, 84.83% 47%);}
    .pud9{top:56%;left:18%;height:4%;width:5%;clip-path:polygon(61.61% 68.73%, 23.49% 74.92%, 12.82% 42.32%, 18.69% 12.26%, 52.14% -2.50%, 95.18% 24.08%);}
    .pud10{top:48%;left:41.5%;height:3%;width:4%;clip-path:polygon(65.9% 87.25%, 27.01% 95.76%, 4.03% 65.47%, 18.69% 12.26%, 44.33% 6.18%, 101.43% 34.5%);}
    .pud11{top:79%;left:60%;height:6%;width:8%;clip-path:polygon(78.6% 87.25%, 41.66% 89.97%, 12.82% 42.32%, 28.94% 21.52%, 60.44% 3.87%, 93.13% 24.08%);}
    .pud12{top:57%;left:57%;height:5%;width:5%;clip-path:polygon(100.67% 64.56%, 64.9% 81.87%, 37.04% 70.1%, 18.69% 12.26%, 59.17% 4.79%, 95.96% 23.38%);}
    .pud13{top:55%;left:51%;height:3%;width:6%;clip-path:polygon(70.46% 75.67%, 39.38% 84.18%, 8.91% 42.32%, 38.22% 0.69%, 69.72% 10.81%, 91.01% 48.38%);}
    .pud14{top:58%;left:12%;height:8%;width:8%;clip-path:polygon(54.19% 84.35%, 31.89% 86.21%, 13.31% 64.02%, 27.97% 34.83%, 66.79% 15.73%, 93.13% 31.89%);}
    .pud15{top:46%;left:70%;height:3%;width:4.5%;clip-path:polygon(87.82% 105.77%, 31.57% 93.44%, 11.08% 60.84%, 29.97% 35.41%, 51.27% 36.27%, 92.32% 62.27%);}
    .pud16{top:38.5%;left:58%;height:2%;width:2.5%;clip-path:polygon(61.61% 82.62%, 30.52% 88.81%, 12.82% 42.32%, 39% 5.32%, 72.45% 16.6%, 102.21% 69.22%);}
    .pud17{top:59%;left:28%;height:9%;width:6%;clip-path:polygon(93.25% 80.3%, 17.24% 99.62%, 3.71% 66.24%, 15.43% 35.41%, 61.91% 23.93%, 105.34% 31.41%);}
    .pud18{top:62%;left:13%;height:2%;width:3%;clip-path:polygon(50.93% 89.56%, 30.26% 67.98%, 12.82% 42.32%, 23.90% 5.32%, 49.54% 2.71%, 72.79% 51.86%);}
    .pud19{top:28%;left:43%;height:1%;width:2%;}
    .pud20{top:39%;left:33%;height:1%;width:1.5%;}
    .pud21{top:88%;left:21%;height:5%;width:5%;clip-path:polygon(67.86% 85.4%, 7.09% 54.09%, 18.29% 2.04%, 56.97% 8.09%, 64.64% 36.74%, 84.24% 60.88%);}
    .pud22{top:69%;left:33%;height:4%;width:4%;clip-path:polygon(89.34% 68.73%, 52.4% 87.08%, 24.54% 77.04%, 17.71% 38.3%, 53.12% 11.39%, 85.81% 32.76%);}
    .pud23{top:65%;left:33%;height:5%;width:5%;clip-path:polygon(64.73% 77.06%, 1.62% 90.2%, 8.91% 56.21%, 37.44% 34.48%, 63.08% 15.9%, 85.03% 24.77%);}
    .pud24{top:63%;left:14%;height:10%;width:13%;clip-path:polygon(68.16% 93.73%, 32.27% 95.06%, 3.81% 61.07%, 14.48% 29.62%, 46.73% -0.07%, 95.72% 22.69%);}
    .pud25{top:57%;left:47%;height:3%;width:5%;clip-path:polygon(65.51% 98.82%, 28.96% 88.81%, 17.51% 63.15%, 28.85% 26.15%, 51.36% 38.59%, 85.03% 73.85%);}
    .pud26{top:66%;left:30%;height:7%;width:9%;clip-path:polygon(53.97% 91.55%, 17.68% 93.77%, 6.74% 70.10%, 35.18% 26.15%, 68.2% 20.07%, 89.28% 57.31%);}
    .pud27{top:66%;left:16%;height:6%;width:8%;clip-path:polygon(87.88% 51.37%, 27.5% 79.55%, 7.94% 63.15%, 19.67% 36.57%, 47.26% 16.60%, 86.29% 12.5%);}
    .pud28{top:73%;left:73%;height:13%;width:14%;clip-path:polygon(81.25% 89.03%, 18.36% 85.07%, 5.01% 52.47%, 3.62% 13.33%, 52.7% 20.6%, 91.67% 56.93%);}
    .pud29{top:67%;left:27%;height:15%;width:13%;clip-path:polygon(57.64% 76.6%, 26.86% 102.24%, -2.2% 53.43%, 20.79% 21.06%, 54.55% 14.51%, 92.72% 42.83%);}
    .pud30{top:50%;left:50%;height:3%;width:5%;clip-path:polygon(74.11% 112.71%, 34.43% 91.13%, -2.02% 58.52%, 7.75% 14.57%, 51.36% 1.55%, 79.56% 34.5%);}
/* INDOORS */
.jugderoomdoor, .quest41entry,.quest36entry,.QUEST_1_ITEM_1,.QUEST_1_ITEM_2,.QUEST_5_ITEM_1,.QUEST_4_ITEM_2,.QUEST_13_ITEM_2,.QUEST_4_ITEM_3,.QUEST_10_ITEM_1,.QUEST_13_ITEM_1,.QUEST_9_ITEM_3,.QUEST_12_ITEM_2,.QUEST_16_ITEM_1,
.QUEST_16_ITEM_2,.QUEST_16_ITEM_3,.QUEST_21_ITEM_3,.QUEST_19_ITEM_2,.QUEST_19_ITEM_1,.QUEST_19_ITEM_3,.QUEST_20_ITEM_1,.QUEST_20_ITEM_3,.QUEST_9_ITEM_1,.QUEST_17_ITEM_1,.QUEST_22_ITEM_1,.QUEST_11_ITEM_1,
.QUEST_11_ITEM_2,.QUEST_21_ITEM_2,.QUEST_17_ITEM_2,.QUEST_13_ITEM_3,.QUEST_24_ITEM_2,.QUEST_26_ITEM_2,.QUEST_24_ITEM_3,.QUEST_27_ITEM_1,.QUEST_3_ITEM_1,.QUEST_3_ITEM_2,.QUEST_3_ITEM_3,.QUEST_38_ITEM_1,.QUEST_38_ITEM_2,
.QUEST_38_ITEM_3,.QUEST_48_ITEM_1,.QUEST_50_ITEM_2,.QUEST_53_ITEM_1,.QUEST_36_ITEM_1,.QUEST_36_ITEM_2,.QUEST_36_ITEM_3,.QUEST_34_ITEM_2,.QUEST_34_ITEM_3,.QUEST_41_ITEM_1,.QUEST_41_ITEM_2,.QUEST_41_ITEM_3,.QUEST_35_ITEM_1,.QUEST_35_ITEM_2,
.QUEST_35_ITEM_3,.QUEST_59_ITEM_1,.QUEST_59_ITEM_2,.QUEST_59_ITEM_3,.fireplacebg,.stonebg,.fruitbg,.showscenehi17,.showscenehi18,.showscenehi19,.showscenehi20,.showscenehi22,.showscenehi24,.showscenehi25 {position:absolute;z-index:9;cursor: url("../cur_found.cur"), auto !important;}
  .quest41entry {width:1.5%;height:17%;left:39.8%;top:33%;border-radius:50px;}
  .quest36entry {width:7%;height:23%;left:31%;top:59%;clip-path:polygon(77.72% 83.91%, 9.03% 95.30%, 6.53% 66.16%, 2.88% 9.05%, 73.93% 2.18%, 77.1% 44.37%);}
  .QUEST_1_ITEM_1 {top:58%;left:78%;height:7%;width:4%;clip-path: polygon(86.65% 4.61%, 78.22% 87.95%, 23.46% 80.71%, 21.86% 23.14%, 62.21% 22.95%, 69.66% -0.26%);}
  .QUEST_1_ITEM_2 {top:48%;left:38.5%;height:7%;width:7%;border-radius:85px;}
  .QUEST_5_ITEM_1 {top:27.5%;left:26.7%;height:6%;width:1.6%;border-radius:25px;}
  .QUEST_4_ITEM_2 {top:40%;left:21.5%;height:9.3%;width:1%;transform:rotate(-11deg);}
  .QUEST_13_ITEM_2 {top:30%;left:23%;height:5%;width:5%;border-radius:25px;}
  .QUEST_4_ITEM_3 {top:38.5%;left:37%;height:4%;width:6%;clip-path:polygon(82.31% 97.2%, 11.38% 91.59%, 10.87% 36.07%, 17.52% 4.62%, 27.92% 59.65%, 82.68% 75.47%);}
  .QUEST_10_ITEM_1 {top:25%;left:55.8%;height:1.5%;width:1.5%;}
  .QUEST_13_ITEM_1 {top:52%;left:32.5%;height:13%;width:9%;border-radius:100px;}
  .QUEST_9_ITEM_3 {top:44%;left:40.2%;height:9%;width:5%;border-radius:100px;}
  .QUEST_12_ITEM_2 {top:82%;left:33.5%;height:8%;width:4%;border-radius:10px;transform:rotate(-9deg);}
  .QUEST_16_ITEM_1 {top:55%;left:39%;height:5%;width:4%;transform:rotate(-5deg);}
  .QUEST_16_ITEM_2 {top:60%;left:52%;height:5%;width:1.5%;border-radius:20px;transform:rotate(-20deg);}
  .QUEST_16_ITEM_3 {top:41.5%;left:33%;height:5%;width:7%;border-radius:20px;}                                                                                                                                                        
  .QUEST_21_ITEM_3 {top:55.5%;left:29%;height:1.5%;width:2%;border-radius:10px;}
  .QUEST_19_ITEM_2 {top:74%;left:40%;height:8%;width:12%;border-radius:30px;transform:rotate(-17deg);}
  .QUEST_19_ITEM_1 {top:65%;left:33%;height:9%;width:15%;transform:rotate(32deg);}
  .QUEST_19_ITEM_3 {top:68%;left:5%;height:10%;width:12%;border-radius:30px;transform:rotate(-14deg);}
  .QUEST_20_ITEM_1 {top:51.3%;left:77.7%;height:16%;width:4%;border-radius:30px;transform:rotate(15deg);}
  .QUEST_20_ITEM_3 {top:71%;left:55%;height:3%;width:4%;border-radius:30px;}
  .QUEST_9_ITEM_1 {top:4%;left:33%;height:51%;width:25%;clip-path:polygon(91.42% 64.09%, 89.6% 80.94%, 93.31% 80.73%, 96.09% 92.33%, 59.44% 97.04%, 54.12% 91.58%, 52.81% 65.11%, 39.06% 46.22%, 3.52% 1.96%, 5.64% -0.94%, 74.72% 64.38%);}
  .QUEST_17_ITEM_1 {top:44%;left:43%;height:5%;width:10%;border-radius:15px 15px 250px 250px;transform:rotate(-2deg);}
  .QUEST_22_ITEM_1 {top:45.5%;left:51%;height:4%;width:7%;border-radius:30px;}
  .QUEST_11_ITEM_1 {top:23%;left:25.6%;height:4%;width:2.1%;border-radius:14px 14px 0px 0px;}
  .QUEST_11_ITEM_2 {top:54%;left:48%;height:15%;width:8%;clip-path: polygon(86.65% 78.68%, 46.1% 94.83%, 2.19% 82.82%, 24.46% 49.06%, 21.84% 22.15%, 46.22% 1.86%, 80.76% 2.23%, 71.88% 60.15%, 84.59% 65.38%);}
  .QUEST_21_ITEM_2 {top:28%;left:26.8%;height:15%;width:1.4%;transform:rotate(-5deg);}
  .QUEST_17_ITEM_2 {top:67%;left:52%;height:23%;width:11%;clip-path: polygon(63.66% 1.85%, 66.03% 31.24%, 91.59% 38.09%, 89.23% 50.16%, 63.81% 44.05%, 55.83% 69.79%, 45.23% 94.81%, 34.7% 76.81%, 37.26% 42.42%, 7.18% 32.11%, 6.99% 18.54%, 35.07% 23.4%, 38.4% 11.47%);}
  .QUEST_13_ITEM_3 {top:44.5%;left:83.8%;height:4%;width:11%;border-radius:35px;transform:rotate(11deg);}
  .QUEST_24_ITEM_2 {top:37%;left:24.5%;height:20%;width:5%;border-radius:35px;}
  .QUEST_26_ITEM_2 {top:56%;left:56%;height:10%;width:20%;border-radius:50px;}
  .QUEST_24_ITEM_3 {top:16%;left:54.5%;height:18.5%;width:14%;z-index:7;clip-path:polygon(47.88% 1.81%, 56.88% 1.28%, 67.24% 18.34%, 96.49% 19.65%, 94.90% 41.85%, 68.25% 40.95%, 61.56% 96.98%, 2.62% 91.98%, 7.35% 16.31%, 38.28% 17.37%);}
  .QUEST_27_ITEM_1 {top:51%;left:36%;height:3.5%;width:3.2%;}
  .QUEST_3_ITEM_1 {top:82%;left:52%;height:5%;width:4%;border-radius:8px;}
  .QUEST_3_ITEM_2 {top:67%;left:49.2%;height:10%;width:3%;border-radius:50px;}
  .QUEST_3_ITEM_3 {top:41%;left:20.7%;height:4%;width:3%;border-radius:25px;}
  .QUEST_38_ITEM_1 {top:31.5%;left:33.5%;height:19%;width:5.5%;transform:rotate(-18deg);}
  .QUEST_38_ITEM_2 {top:43%;left:22%;height:30%;width:9%;transform:rotate(-3deg);}
  .QUEST_38_ITEM_3 {top:22%;left:42%;height:12%;width:4%;border-radius:35px;transform:rotate(15deg);}
  .QUEST_48_ITEM_1 {top:82%;left:28.5%;height:10%;width:10%;border-radius:90px;transform:rotate(-22deg);}
  .QUEST_50_ITEM_2 {top:65%;right:31%;height:8%;width:18%;transform:rotate(10deg);}
  .QUEST_53_ITEM_1 {top:40.2%;left:31.5%;height:2.6%;width:1.1%;border-radius:90px;}
  .QUEST_36_ITEM_1 {top:56%;left:40%;height:5%;width:6%;clip-path:polygon(86.65% 78.68%, 46.97% 98.53%, 6.53% 66.16%, 24.46% 32.4%, 58.3% 20.3%, 95.7% 40.75%);}
  .QUEST_36_ITEM_2 {top:55%;left:55.5%;height:4%;width:2%;border-radius:15px;}
  .QUEST_36_ITEM_3 {top:50%;left:48.3%;height:5%;width:1%;}
  .QUEST_34_ITEM_2 {top:44%;left:48%;height:8%;width:6%;border-radius:90px 90px 0px 0px;transform:rotate(11deg);}
  .QUEST_34_ITEM_3 {top:68.5%;left:65.5%;height:3%;width:1%;border-radius:90px 90px 0px 0px;}
  .QUEST_41_ITEM_1 {top:44%;left:59.6%;height:4%;width:1%;transform:rotate(3deg);}
  .QUEST_41_ITEM_2 {top:50.5%;left:78.3%;height:2.5%;width:4%;transform:rotate(8deg);border-radius:30px 0 0 0;}
  .QUEST_41_ITEM_3 {top:38%;left:89.7%;height:6%;width:1.3%;transform:rotate(22deg);}
  .QUEST_35_ITEM_1 {top:41%;left:58.3%;height:3%;width:2.2%;transform:rotate(-2deg);}
  .QUEST_35_ITEM_2 {top:19%;left:42.5%;height:19%;width:3.5%;transform:rotate(-2deg);border-radius:50px 50px 0 0;}
  .QUEST_35_ITEM_3 {top:66%;left:64%;height:23%;width:33%;transform:rotate(38deg);border-radius:250px;} 
  .QUEST_59_ITEM_1 {top:64.5%;left:31%;height:4%;width:5%;transform:rotate(38deg);border-radius:250px;} 
  .QUEST_59_ITEM_2 {top:54%;left:56.7%;height:10%;width:2%;border-radius:25px;} 
  .QUEST_59_ITEM_3 {top:47%;left:24%;height:19%;width:6%;border-radius:65px;} 
  .fireplacebg{width:3%;height:7%;left:20%;top:33%;border-radius:50px;}
  .stonebg{width:6%;height:8%;left:56%;top:62%;border-radius:50px;transform:rotate(34deg);}
  .showscenehi17{width:2.5%;height:5%;top:36%;left:53%;border-radius:10px;}
  .showscenehi18{width:6%;height:6%;top:47%;left:82%;border-radius:50px;}
  .showscenehi19{width:5%;height:5%;top:35%;left:46%;border-radius:50px;}
  .showscenehi20{width:10%;height:10%;top:38%;left:46%;border-radius:55px;}
  .showscenehi22{width:8%;height:11%;top:26%;left:12%;clip-path:polygon(41.08% 59.54%, 34.38% 88.66%, 22.37% 92.07%, 15.35% 45.35%, 13.38% 36.35%, 20.83% 27.16%, 47.55% 12.11%, 96.62% 5.21%, 100.87% 48.09%);}
  .showscenehi24{width:6%;height:8%;top:21%;left:32%;clip-path:polygon(95.38% 12.73%, 97.43% 38.82%, 97.5% 97.17%, 70.33% 96.42%, 56.95% 91.71%, 40.1% 71.01%, 16.18% 65.52%, -0.11% 55.98%, 0.03% 13.74%, 51.18% 19.12%);}
  .showscenehi25{width:3%;height:3%;top:31.5%;left:32%;border-radius:20px;transform:rotate(30deg);}
/* VERTICAL TEXT-ALIGN */
  .flexleft{display:flex;justify-content:left;align-items:center;}
  .flexcenter{display:flex;justify-content:center;align-items:center;}
  .flexright{display:flex;justify-content:right;align-items:center;}
  .center{left:50% !important;transform:translateX(-50%) !important;}
  .verticalcenter{top:50% !important;transform:translateY(-50%) !important;}
  .hvcenter{top:50% !important;left:50% !important;transform:translate(-50%, -50%) !important;}
/* TOOLTIPS */
  .tooltip-inner{max-width:350px;margin:5px; padding: 5px 10px 5px 10px;color: rgb(179, 179, 179);font-size:13px;text-align:left;border-radius:20px;box-shadow:inset 0 0 3px rgb(0,0,0);background-color: #202020;border:2px solid rgb(55, 55, 55);}
    .pmi27 p, .tooltip-inner p{margin:0;padding-left:15px;font-size:13px;color:#b3b3b3;font-weight:normal;text-indent:0}
  #adtooltips{position:fixed;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:99999;}
  #adtooltips .tooltip{pointer-events:auto;}
/* CHECKBOX DESIGN */
  .payguild{position:absolute;top:90px;left:50%;width:240px;transform:translateX(-50%);cursor:url('../cur_hover.cur'),auto;}
  .regtxt{position:absolute;top:87px;left:40px;cursor: url('../cur_hover.cur'),auto;}
  input[type="checkbox"]{display:none;}
    input[type="checkbox"] + label span{display:inline-block;width:12px;height:12px;margin: 0 6px -3px 0;background-color:#000;box-shadow: 0 0 0 2px #373737;border-radius:25px;cursor: url('../cur_hover.cur'),auto;}
      input[type="checkbox"]:checked + label span{background-color:#7f8ca8;}
  input[type="radio"]{display:none;}
    input[type="radio"] + label span{display:inline-block;width:12px;height:12px;margin:3px 6px 0px 0px;background-color:#000;box-shadow: 0 0 0 2px #373737;border-radius:25px;cursor: url('../cur_hover.cur'),auto;}
      input[type="radio"]:checked + label span{background-color:#7f8ca8;}
/* ERRORBOXEN */
  .errorboxn{position:absolute;display:none;text-align:center;height:auto;width:100%;transform:translateY(-50%);font-size:18px;top:50%;color:#ff7575;background-image:linear-gradient(90deg, transparent 5%, #000 20%, #000 80%, transparent 95%);background-size:100% 100%;background-position:bottom;background-repeat:no-repeat;line-height:18px;padding: 10px 0 10px 0;z-index:9999;}
  .permerrortext{position:absolute;bottom:25px;text-align:center;width:90%;left:5%;color:#ff7575;}
  /* WICHTIG: WERDEN IN REGISTER UND LOGIN GENUTZT!!!! */
  .errorbox{position:absolute;text-align:center;height:50px;width:80%;left:50%;transform:translateX(-50%);font-size:12px;background:#7f8ca8;color:#000;z-index:9999;}
  .errorglyph{top:150px;}
    .errordeletejob{top:180px;}
    .errorregister{top:155px;}
    .errorsmuggle{top:75px;}
  .wrongclass{position:absolute;top:50%;width:550px;left:30px;text-align:center;transform:translateY(-50%);}
/* ICONS */
  [class^="bi-"]::before, [class*=" bi-"]::before{display:inline-block;height:calc(100% - 6px);top:3px;font-family:BGicon !important;font-style:normal;font-weight:400 !important;font-variant:normal;text-transform:none;vertical-align:-.125em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor: url('../cur_hover.cur'),auto;}
  [class^="bi-"]:hover, [class*=" bi-"]:hover{transition:all 0.5s;border-radius:25px;color:#7f8ca8 !important;}
    .bi-person-add::before{content: "\F89A";font-size:25px;line-height:25px;}
    .bi-person-dash::before{content: "\f4d9";font-size:25px;line-height:25px;}       
    .bi-stop-circle::before{content: "\f591";font-size:30px;line-height:30px;}
    .bi-pause-circle::before{content: "\f4c2";font-size:30px;line-height:30px;}
    .bi-pause-circle_alt::before{content: "\f4c2";font-size:13px;}
    .bi-play-circle::before{content: "\f4f3";font-size:30px;line-height:30px;} 
    .bi-coin::before{content: "\f634";font-size:15px;line-height:15px;margin-right:3px;} 
    .bi-person::before{content: "\f4e1";font-size:17px;line-height:15px;margin-right:3px;}
    .bi-clock::before{content: "\f293";font-size:15px;line-height:15px;margin-right:3px;}
    .bi-box::before{content: "\f1c8";font-size:15px;line-height:15px;margin-right:3px;}
    .bi-graph-up-arrow::before{content: "\f673";font-size:13px;margin-right: 5px;}
    .bi-suit-diamond-fill::before{content: "\F59B";font-size:13px;}
    .bi-bug::before{content: "\f1dc";}
    .bi-info-circle::before{content: "\F431";}
    .bi-info-circle-fill::before{content: "\F430";}    
    .bi-gear::before{content: "\f3e5";}
    .bi-sliders::before{content: "\f56b";}
    .bi-piggy-bank::before{content: "\f64a";}
    .bi-file-person::before{content: "\f3a7";}
    .bi-caret-left-fill::before{content: "\f22d";}
    .bi-caret-right-fill::before{content: "\f231";}
    .bi-caret-left-fill-fst::before{content: "\f22d";font-size:25px;color:#b3b3b3;}
    .bi-caret-right-fill-fst::before{content: "\f231";font-size:25px;color:#b3b3b3;} 
        .bi-caret-left-fill-fst:hover::before, .bi-caret-right-fill-fst:hover::before{transition:all 0.5s;color:#7f8ca8;}         
    .bi-diamond::before{content: "\F2F1";font-size:18px;color:#b3b3b3;}
        .bi-diamond:hover::before{content: "\F2EF";transition:all 0.5s;color:#7f8ca8;}
    .bi-diamond-fill::before{content: "\F2EF";font-size:18px;color:#b3b3b3;}   
    .bi-headphones::before{content: "\f413";}
    .bi-earbuds::before{content: "\f30e";}
    .bi-collection::before{content: "\f2cc";}
    .bi-list-ol::before{content: "\f475";}
    .bi-skip-forward::before{content: "\f55e";font-size:20px;}
    .bi-pause-fill::before{content: "\F4C3";font-size:200px;line-height:220px;color:#808080b8;}
    .bi-skip-backward::before{content: "\f552";font-size:20px;}
    .bi-volume-off::before{content: "\f60f";font-size:25px;}
    .bi-volume-mute::before{content: "\f60f";font-size:25px;}
    .bi-volume-up::before{content: "\f611";font-size:25px;}
    .bi-volume-down::before{content: "\f60b";font-size:25px;}
    .bi-chevron-down::before{content: "\f229";color:#7f8ca8;top:50%;transform:translateY(-50%);right:10px;}
    .bi-clock::before{content: "\f293";}
    .bi-trash::before{content: "\f5de";font-size: 15px;}
    .bi-check-circle::before{content: "\f26b";font-size: 15px;}    
    .bi-robber_check_true::before{content: "\f26b";color:#46ca58;}
    .bi-robber_check_fail::before{content: "\f623";color:#46ca58;}
    .bi-chat-quote::before{content: "\f255";}
    .bi-arrow-down-left-square::before{content: "\f11d";}
    .bi-arrow-up-right-square::before{content: "\F143";}
    .bi-arrow-down-square::before{content: "\F126";}
    .bi-arrow-up-square::before{content: "\F147";}    
    .bi-send::before{content: "\f6c0";}
    .bi-x-circle::before{content: "\f623";}
    .bi-x-square::before{content: "\f629";}
    .bi-cup::before{content: "\f2e0";margin-left: 5px;}
    .bi-emoji-smile::before {content: "\F327";}
    .bi-question-circle::before {position:relative;float:left;margin-right:5px;line-height:20px;content: "\f505";}
    .bi-0-circle::before{content: "\F840";}
    .bi-1-circle::before{content: "\F797";}
    .bi-2-circle::before{content: "\F79D";}
    .bi-3-circle::before{content: "\F7A3";}
    .bi-4-circle::before{content: "\F7A9";}
    .bi-5-circle::before{content: "\F7AF";}
    .bi-6-circle::before{content: "\F7B5";}
    .bi-7-circle::before{content: "\F7BB";}
    .bi-8-circle::before{content: "\F7C1";}
    .bi-9-circle::before{content: "\F7C7";}
    .bi-plus-circle::before{content: "\F4FA";}
    .bi-toggle-off::before{content: "\F5D5";font-size:20px;}
    .bi-toggle-on::before{content: "\F5D6";font-size:20px;}
    .bi-power::before{content: "\F4FF";font-size:30px;line-height:30px;}
    .bi-shield-exclamation::before {position:absolute;content:"\f530";font-size:40px;color:#ff7575;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);line-height:40px;height:40px;animation:blinkingexclamation 5s infinite;}
      @keyframes blinkingexclamation{
          0%{color:#ff7575;}
          50%{color:#f94444;}
          100%{color:#ff7575;}
      }
/* MOBILE */
  @media screen and (orientation:portrait){
    .wel2{background-position:center;}
    .boxoutlogin{width:450px;}
  }
  @media only screen and (max-width:1470px){
    .gui7{height:70px;} 
    .gui8{height:35px;max-width:calc(100% - 100px);}   
    .gui22{top:30px;right:50%;transform:translateX(50%);height:40px;box-shadow:none;background:none;padding:0px;border-radius:0px;border:none;}
    .gui23{top:3px;}
    .gui9{top:0px;transform:translateY(0%);margin-top:5px;}    
    .gui54{top:100px;} 
    .gui30{top:35px;} 
    .gui31{top:70px;}  
    .warehousein , .kontorin, .otherbuilding, .townhallin, .marketin, .jugdementin, .estatein , .residencein, .residenceinmed, .residenceinhigh, .backroomin, .salonin,
    .woodcutterin , .alchimistin, .bakerin, .bankin, .churchin, .divein, .farmin , .fisherin, .gauklerin, .joinerin, .medicusin, .minein, .necroin , .smithin, .stonemasonin, .tailorin,
    .tavernein, .thiefin, .churchaltin , .churchmainship, .monasteryin, .graveyardin, .cellein, .adisinnin, .adisinnbathin , .alchimistcellarin, .alchimisttowerin, .adisinndicein, .blemishchairin,
    .medicusaltin, .officein , .questin, .millin, .fireplacein, .stonein, .bakerquestin, .robberin , .residencequestin, .townleft, .townright, .towncenter, .lurnfeld, .lurnfeldleft ,
    .lurnfeldright, .scharmutzel, .fruitfarmin, .quest1, .quest2, .scenehi26 , .quest4, .quest5, .quest6, .quest7, .quest8, .quest9 , .quest10, .quest11, .quest14, .quest15, .quest16,
    .quest41 , .quest36, .scenehi17, .scenehi18, .scenehi19, .scenehi20, .scenehi21 , .scenehi22, .scenehi23, .scenehi24, .scenehi25, .bakeryworldin, .peetsmeetinn, .glyphsmithin{top:70px;}
    .sky{top:20px;}
  } 
  @media only screen and (max-width:1410px){
    .fam1{height:calc(100% - 115px);transition:all 0.5s;}
    .fst16{width:calc(100% - 120px) !important;left:60px;transition:all 0.5s;}
    .fst14 {top:150px;left:75px;border-radius:25px;background:rgba(30, 30, 30, 0.4);transition:all 0.5s;}
  }  
  @media only screen and (max-width:975px){
    .fam1{height:calc(100% - 130px);transition:all 0.5s;}
    .fst16{width:calc(100% - 20px) !important;left:10px;transition:all 0.5s;}
    .fst14 {top:180px;left:45px;}
}
  @media only screen and (max-width:940px){
    .fst22, .fst23{display:none;transition:all 0.5s;}
    .gui30{display:none;}  
    .gui22{right:5px;transform:translateX(0%);}
  } 
  @media (min-width:2020px){
    .blurbg, #blurbg{position:fixed !important;height:calc(100% + 50px) !important;width:calc(100% + 50px) !important;top:-25px;left:-25px;background-size:contain !important;z-index:0 !important;display:block !important;}
  }
  @media (max-width:2020px){
    .blurbg, #blurbg{display:none !important;}
  }   
  @media (max-height:775px){
    .wel10, .freezelogo{background-image:none}
    .wel22, .freezelogo_alt{display:block;position:fixed;top:3%;left:2%;height:256px;width:256px;background-image:url('/world/assets/images/appicon/512-512.png');background-position:center;background-size:100%;z-index:1;}
  }
/* COOKIES */
  .gdprcookie{position:fixed;z-index:99999999;right:0px;bottom:0px;width:450px;padding:20px;background:#000000ba;border-radius:25px 0 0 0;}
  .gdprcookie h1,.gdprcookie h2{color:#ee4b5a;font-size:20px;line-height:20px;margin-bottom:5px;}
  .gdprcookie h2{font-size:18px;line-height:18px;margin-top:10px;}
  .gdprcookie a{color: inherit;}
  .gdprcookie-buttons{text-align: center;}
  .gdprcookie-buttons button{color:white;padding: .4rem;border: solid .05rem currentColor;border-radius: .15rem;margin: 0 .5rem;background: none;margin-top:20px;cursor:url('../cur.cur'),auto;}
  .gdprcookie-buttons button:hover{transition: all 0.5s;color: #7f8ca8;border: solid .05rem #7f8ca8;cursor: url('../cur_hover.cur'),auto;}
  .gdprcookie-buttons button:disabled{color: rgba(255,255,255,.5);cursor: url('../cur_denied.cur'),auto;}
  .gdprcookie-types li{display: block;float: left;width: 50%;}
  .gdprcookie-types input[type=checkbox]{margin-right: .25rem;display:block;float:left;}    
/* GLOABLE INIT CSS */
  .menuframe{ display:none;}
/* SCROLLBAR */
  ::-webkit-scrollbar{width:8px;height:8px;background-color:#262626;cursor:url('../cur_hover.cur'),auto;}
  ::-webkit-scrollbar-thumb{background:#444444bd;border-radius: 5px;cursor:url('../cur_hover.cur'),auto;}
  ::-webkit-scrollbar-corner{background:#444444bd;}
  .nano-content{position:absolute;height:100%;width:100%;scrollbar-width:thin;scrollbar-color:#444444bd #262626;overflow-y:auto;overflow-x:hidden;}
.nano{background:red !important;}