/*****************/
/* HEADLINES     */
/*****************/

h2[class*="bg-heading"] {
    display: flex;
    flex-direction:column;
    justify-content:center;
    position:relative;
    min-height:10rem;
    padding:var(--v10) var(--v30)!important;
    font-size:3.1rem!important;
    line-height:1.3em!important;
    text-transform:uppercase;
    letter-spacing:var(--f-letter-spacing-l);
    text-shadow:0 .4rem .5rem rgba(0,0,0,.8);
    border:1px solid var(--c06);
    border-radius:var(--br);
    box-shadow: var(--bx-shadow-big);
    margin-bottom:var(--v25);
    margin-top:4.5rem;
}
h2[class*="bg-heading"] em {
    font-style:normal!important;
    padding: .3rem 0 .3rem 0;
}
h2[class*="bg-heading"] strong {
    font-size: var(--f-size-h2)!important;
  	line-height: var(--f-line-height-h2)!important;
    text-transform:none!important;
    letter-spacing:0!important;
}
.bg-heading-d4 { 
    background: var(--c10) url('/wp-content/uploads/Heading-BG-D4-1x.webp') center right no-repeat; 
    background-size: cover; 
}
.bg-heading-poe2 { 
    background: var(--c10) url('/wp-content/uploads/Heading-BG-PoE2-1x.webp') center right no-repeat; 
    background-size: cover; 
}
.bg-heading-d2 { 
    background: var(--c10) url('/wp-content/uploads/Heading-BG-D2R-1x.webp') center right no-repeat; 
    background-size: cover; 
}
.bg-heading-icon {
    position: absolute;
    right:var(--v20);
    top:50%;
    transform:translateY(-50%);
    width:6rem;height:6rem;
    background:var(--c01);
    border:1px solid var(--c06);
    border-radius:var(--br);
    box-shadow:var(--bx-shadow-small);
}
.bg-heading-icon img {
    width:100%;
    height:100%;
    object-position:center;
    object-fit:contain;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .bg-heading-d4 {background-image: url('/wp-content/uploads/Heading-BG-D4-2x.webp');}
    .bg-heading-poe2 {background-image: url('/wp-content/uploads/Heading-BG-PoE2-2x.webp');}
    .bg-heading-d2 {background-image: url('/wp-content/uploads/Heading-BG-D2R-2x.webp');}
}
@media screen and (max-width: 767px) {
    .bg-heading-d4 {background-image: url('/wp-content/uploads/Heading-BG-D4-Mobile-3.webp');}
    .bg-heading-poe2 {background-image: url('/wp-content/uploads/Heading-BG-PoE2-Mobile.webp');}
    .bg-heading-d2 {background-image: url('/wp-content/uploads/Heading-BG-D2R-Mobile.webp');}
    h2[class*="bg-heading"] {
        background-position:center center;
        align-items:center;
        text-align:center;
        padding: var(--v15) var(--v15) 1.6rem!important;
    }
    .bg-heading-icon {right:var(--v15);width:5rem;height:5rem;}
}   




/*****************/
/* SPRACHWECHSEL */
/*****************/

.lang-switch {
    display: flex;
    width:9rem;
    background: var(--c08);
    align-items:stretch;
    justify-content:center;
    gap:var(--v10);
}
.intro .lang-switch {
    width:auto;
    margin-right:.7rem;
}
.toc-box .lang-switch {
    border-left:1px solid var(--c06);
}
.lang-switch button {
    display: flex;
    align-items:center;
    position:relative;
    color:var(--c02);
}
.lang-switch button span:first-child {
    display: block;
    width:2.2rem;
    height:2.2rem;
    border-radius:50%;
    overflow: hidden;
    border:1px solid var(--c06);
    transition:.2s;
}
.lang-switch button span:last-child {
    padding-left:.6rem;
}
.lang-switch button:after {
    content:'';
    position: absolute;
    z-index:5;
    bottom:-1px;
    left:.4rem;
    width:calc(100% - .8rem);
    height:1px;
    background:transparent;
    transition:.2s;
}
.lang-switch button:hover {
    color:var(--c03);
}
.lang-switch button:hover span:first-child {
    border:1px solid var(--c03);
}

/* ACTIVE STATE */

html[lang*="de"] .lang-switch button.btn-de, html[lang*="en"] .lang-switch button.btn-en {
    display:none!important;
}


/**************************/
/* INHALTSVERZEICHNIS TOC */
/**************************/

.toc {
    height: 1px;
    overflow:hidden;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    color: transparent;
    padding-bottom:0!important;
    scroll-margin-top: 150px;
}
h2.anchor {
    scroll-margin-top: 150px;
}
.toc-img-full {
    margin-bottom:var(--v25);
}
.toc-img-wide {
    margin-bottom:-4.9rem;
}
.toc-box {
    position: sticky;
    top: 5rem;
    z-index: 2000;
    overflow: visible;
}
.toc-header {
    z-index: 2000;
    position:relative;
    min-height: calc(4.8rem - 1px);
    display: flex;
    justify-content: stretch;
}
.toc-header-label {
    display: flex;
    align-items: center;
    justify-content:space-between;
    padding: var(--v05) 1.8rem var(--v05) var(--v20);
    cursor: pointer;
    width: calc(100% - 9rem);
    transition: 0.2s;
}
.toc-header .toc-header-label:hover {
    color: var(--c03);
}
.toc-content {
    position:absolute;
    top:calc(100% + 1px);
    left:-1px;
    display: none;
    background: var(--c10);
    box-shadow: var(--bx-shadow-big);
    z-index: 2001;
    border: 1px solid var(--c06);
    border-top: none;
    border-radius: 0 0 var(--br) var(--br);
    width:calc(100% + 2px);
    overflow-y: auto;
    max-height: calc(90vh - 15rem);
}
.toc-content > div {
    min-height: 0;
}
.toc-box.active .toc-content {
    display: block;
}
.toc-box.active .toc-header p, .toc-box.active .toc-header svg {
    color:var(--c05)!important;
    fill:var(--c05)!important;
}
.toc-box .toc-content > div > ol {
    padding: 0 var(--v20);
    display: grid;
    gap: 0 var(--v20);
    list-style: none;
}
.toc-box .toc-content > div > ol a {
    min-height: 4.8rem;
    display: flex;
    align-items: center;
    color: var(--c02);
    line-height: var(--f-line-height-p-m) !important;
    border-color:var(--c07);
}
.toc-box .toc-content > div > ol a:hover {
    color: var(--c03);
}
.toc-box .toc-content > div > ol li.active a {
    color:var(--c04);
}
.toc-box .toc-content > div > ol a span,
.toc-header .current {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-wrap: break-all;
    overflow: hidden;
    -webkit-line-clamp: 1;
}
.toc-box .toc-content > div > ol a span b {
    font-weight:var(--f-weight-regular)!important;
    color:var(--c05);
}
.toc-header-label > p {
    width:calc(100% - 1rem);
}
.toc-header-label svg {
    transition: 0.2s;
    width: 1rem;
    height: 1rem;
    fill: var(--c02);
    margin-left: 0.6rem;
}
.toc-header .toc-header-label:hover > svg {
    fill: var(--c03);
}
.toc-header .toc-header-label .dynamic-pre {
    transition:.2s;
}
.toc-header .toc-header-label:hover .dynamic-pre {
    color: var(--c03)!important;
}
.toc-box.active {
    border-radius: var(--br) var(--br) 0 0;
}
.toc-box.active .toc-header-label > svg {
    transform: rotateX(180deg); /* Erzeugt ein X oder Minus-Effekt */
}
@media screen and (max-width: 1099px) { 
    .toc-box { top: calc(6.5rem - 1px); }
}
@media screen and (min-width: 768px) {
    .toc-box .toc-content > div > ol { grid-template-columns: repeat(3, minmax(1px, 1fr)); }
    .toc-box .toc-content > div > ol li a { border-bottom: 1px solid var(--c07); }
    .toc-box .toc-content > div > ol li:nth-child(3n+1):nth-last-child(2) a,
    .toc-box .toc-content > div > ol li:nth-child(3n+1):nth-last-child(3) a,
    .toc-box .toc-content > div > ol li:nth-child(3n+2):last-child a,
    .toc-box .toc-content > div > ol li:nth-child(3n+1):last-child a,
    .toc-box .toc-content > div > ol li:nth-child(3n+3):last-child a,
    .toc-box .toc-content > div > ol li:nth-child(3n+2):nth-last-child(2) a { border-bottom:none!important } 
}
@media screen and (min-width: 550px) and (max-width: 767px) {
    .toc-box { top: calc(5.2rem - 1px);margin-left: -1.5rem;width: calc(100% + 3rem);
    border-left:none!important;border-right:none!important;border-radius:0!important; }
    .toc-header-label { padding: var(--v05) var(--v15) var(--v05) var(--v15); }
    .toc-box .toc-content > div > ol { padding: 0 var(--v15);gap: 0 var(--v15); }
    .toc-box .toc-content > div > ol { grid-template-columns: repeat(2, minmax(1px, 1fr)); }
    .toc-box .toc-content > div > ol li a { border-bottom: 1px solid var(--c07); }
}
@media screen and (max-width: 767px) {
    .toc-box .toc-content > div > ol li:nth-child(2n+1):nth-last-child(2) a,
    .toc-box .toc-content > div > ol li:last-child a { border-bottom:none!important }  
    .toc-img-wide {margin-bottom:2rem;}  
}
@media screen and (max-width: 549px) {
    .toc-box { top: calc(5.2rem - 1px);margin-left: -1.5rem;width: calc(100% + 3rem);
    border-left:none!important;border-right:none!important;border-radius:0!important;}
    .toc-header-label { padding: var(--v05) var(--v15) var(--v05) var(--v15); }
    .toc-box .toc-header {min-height: 4rem;}
    .toc-box .toc-header-label p {font-size: var(--f-size-p-m)!important;}
    .toc-box .toc-content { box-shadow:0 3rem 4rem -1rem rgba(0,0,0,9);left:0;width:100%;
    border-radius:0;border-left:none;border-right:none;}
    .toc-box .toc-content > div > ol { padding: var(--v05) var(--v15);gap: 0 var(--v15); }
    .toc-box .toc-content > div > ol { grid-template-columns: repeat(1, minmax(1px, 1fr)); }
    .toc-box .toc-content > div > ol li a { border-top: 1px solid var(--c07); }
    .toc-box .toc-content > div > ol li:first-child a { border-top: none !important; }
    .toc-box .toc-content > div > ol a { min-height: 4rem; }
}
@media screen and (min-width: 550px) {
    .toc-header .dynamic-pre {color:var(--c02)!important;}
    .toc-header .dynamic-title {position:relative;margin-left:3rem;}
    .toc-header .dynamic-title:not(:empty):before {content:'';background:var(--c06);width:1px;height:2.2rem;
    left: -1.5rem;top:calc(50% - 1.1rem);position:absolute;}
}
@media screen and (max-width: 549px) {
    .toc-header .dynamic-pre {display:none;}
    .toc-header .dynamic-title {color:var(--c02)!important;}
    .toc-header .dynamic-title:empty:before {content:'Inhaltsverzeichnis';}
}

@media screen and (max-width: 767px) {
    .lang-switch button span:last-child { display:none!important; }
    .lang-switch { gap:var(--v05);width:calc(5.2rem - 1px); }
    .toc-header-label { width: calc(100% - 5.2rem + 1px); }
}
@media screen and (max-width: 549px) {
    .lang-switch { width:calc(5.2rem - 1px);gap:0; }
    .toc-header-label { width: calc(100% - 5.2rem + 1px); }
}



/**************************/
/* POST CONTENTS **********/
/**************************/

/* MAIN IMG */

.main-img { margin-bottom:var(--v25);overflow:hidden; } 
.main-img:not(.full) { height:21.75rem; }
.main-img:not(.full) img {object-position: center 17%;}
.main-img.full img {width:100%;height:auto;aspect-ratio:16/9:}
@media screen and (max-width: 767px) { 
    .main-img:not(.full) { height:33vw; } 
}

/* PROMO MOBILE */

.promo-mobile { display:none; }
.promo-mobile img {border-radius:1px;width:100%;height:auto;}
@media screen and (max-width: 1099px) {
    .promo-mobile { display: block; }
}


/* YOUTUBE EMBED */

.youtube-embed-container {
    overflow: hidden;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%!important;
    position: relative;
}
.youtube-embed-container iframe { 
    display:block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; 
}

/* CHANGELOG */

.changelog .intro h2 {padding:0!important;}
.changelog .intro .toc {padding:0!important;font-size:1px!important;}
.changelog .inner {padding-top:0;padding-bottom:0}
.changelog .inner > div {min-height:5rem;padding:.8rem 0;}
.changelog .inner > div:not(:last-child) {border-bottom:1px solid var(--c07);}
.changelog .inner > div > div:first-child {width:20rem;}
.changelog .inner > div > div:last-child {width:calc(100% - 20rem);}

@media screen and (max-width:767px) {
.changelog .inner > div {flex-direction:column;gap:0;align-items:flex-start;}
.changelog .inner > div > div {width:100%!important;}
.changelog .inner > div > div:first-child {padding-bottom:.5rem;}
.changelog .inner > div {padding:1.2rem 0 .8rem 0;}
}



/*********************************/
/* CARDS & TOOLTIPS              */
/*********************************/

/* Base Settings */

/*.card {height:100%;}*/
.card .name {
    display: flex;
    align-items: stretch;
    justify-content:space-between;
    background:var(--c08);
    border-bottom:1px solid var(--c06);
    border-radius:1px 1px 0 0;
}
.card .name > div:first-child {
    display: flex;
    justify-content:center;
    flex-direction:column;
    width:100%;
}
.card .name p {
    padding:0!important;
}
.card .symbol {
    border-radius:0 1px 0 0;
    padding:.5rem;
    border-left:1px solid var(--c06);
    background:black;
    display: flex;
    align-items:center;
    justify-content:center;
    position:relative;
}
.card .symbol img {
    position: absolute;
    width:calc(100% - 1rem);
    height:calc(100% - 1rem);
    max-height:6rem;
    object-position:center center;
    object-fit:contain;
}
.card .name-label {
    color:var(--c05);
}
.card .name-label:empty,
.card .name-label span:empty {
    display: none!important;
}
.card .name-label > span:not(:last-child):after {
    content:'·';
    font-weight:var(--f-weight-bold);
    padding:0;
    opacity:.5;
}
.card .inner {padding: 1.2rem var(--v20);}
.card .inner > div:not(.tags) > *:last-child, .card .inner > p:last-child {
    padding-bottom:0!important;
}
.card .name-title {
    color:var(--c04);
}
.card .inner ol, .card .inner ul {
    list-style:none;
    padding:0;
}

/* Visible Card */

.card-wrap .symbol {
    width:6rem;
    min-height:6rem;
}
.card-wrap .name > div:first-child {
    padding:.8rem var(--v10) .8rem var(--v20);
    max-width:calc(100% - 7rem);
}
.card-wrap .name-label {
    margin-top:.2rem;
}
.card-wrap .inner hr {
    margin: /*calc(.9em - 1px) 0 .85em*/ calc(.6em - 1px) 0 .55em;
}
.card.mythisch .droplist {
    display:none;
}
.aspect-star p, .edit p.aspect-slots {
    font-size: var(--f-size-p-m)!important;
    line-height: var(--f-line-height-p-m)!important;
}

/* Mobile Size */

@media screen and (max-width:767px) {
    .card-wrap .name-title, .card-wrap .inner *{
        font-size: var(--f-size-p-m)!important;
        line-height: var(--f-line-height-p-m)!important;
    }
    /*.card-wrap .name-title, */.card-wrap .inner .tag span {
        font-size: 1rem!important;
    }
    .card-wrap .name-title, .card-wrap .inner .tag {
        padding: .2rem .8rem;
    }
    .card-wrap .inner {
        padding-top:1.2rem;
        padding-bottom:1.2rem;
    }
    .card-wrap .name-label {
        margin-top:.35rem;
    }
    .card-wrap .symbol {
        width:5.5rem;
        min-height:5.5rem;
    }
    .card-wrap .name > div:first-child {
        max-width:calc(100% - 5.5rem);
    }
}

/* Tooltip Card */

.tippy-box {
    background:transparent;
    border-radius:0;
}
.tippy-box .card {
    box-shadow: 0 .5rem 1.25rem 0.6rem rgba(0, 0, 0, 1);
    color:var(--c02);
}
.tippy-box .symbol {
    width:5.5rem;
    min-height:5.5rem;
}
.tippy-box .inner {
    padding:var(--v10) var(--v15);
}
.tippy-box .name > div:first-child {
    padding:.75rem var(--v10) .75rem var(--v15);
    max-width:calc(100% - 5.5rem);
}
.tippy-box .name-title {
    font-size: 1.4rem!important;
    line-height: var(--f-line-height-p-m)!important;
}
.tippy-box .name-label {
    margin-top:.35rem;
}
.tippy-box .inner hr {
    margin: calc(.6em - 1px) 0 .55em;
}

/* New Item */

.new-item .name-title:before {content:'NEU';display:inline-block;color:var(--c00);background:var(--c03);border-radius:var(--br);
    padding: 0 .4rem .05rem;transform: translateY(-.1em);}

/* Inline Tooltip */

.inline {
    color:var(--c00);
    display:inline-block;
}
.inline > img {
    width:auto;
    height:1.35em;
    display:inline-block;
    margin: -.1em .06em -.35em .06em;
    object-fit:contain;
    object-position:center center;
}
.inline.d2-item > img {
    width: 1.35em;
    background: black;
    border-radius: 2px;
    border: 1px solid black;
    outline: 1px solid var(--c06);
    outline-offset: 0px;
}

/* Tooltip Color Schemes */

.inline.standard  { color:var(--c04); }
.inline.d4-aspekt { color:var(--c-leg); }
.inline.legendaer { color:var(--c-leg); }
.inline.mythisch  { color:var(--c-myt); }
.inline.unique    { color:var(--c-uni); }
.inline.runenwort { color:var(--c-uni); }
.inline.selten    { color:var(--c-sel); }
.inline.magisch   { color:var(--c-mag); }
.inline.set       { color:var(--c-set); }
.inline.set-item  { color:var(--c-set); }
.inline.d2-skill  { color:var(--c-mag); }
.inline.d4-skill  { color:var(--c-mag); }

.affix, .d4-affix { color:var(--c-sel); }
.d4-affix.begriff { color:var(--c00); }

/* Star Icons */

.card .aspect-star {padding-left:1.2em;position:relative;}
@media screen and (min-width:768px) {
.card-wrap .aspect-star {margin-bottom:1.1rem;}
.card-wrap .aspect-star:not(:first-child) {margin-top:1rem;}
}
.card .aspect-star:before {content:'';position: absolute;width:1.1rem;height:1.1rem;left:0;top:.35em;}
@media screen and (max-width:767px) { .card .aspect-star:before { width:1rem;height:1rem;} }
.card .aspect-star > * {padding-bottom:.9rem;}
.card .aspect-star > *:last-child {padding-bottom:0;}

/* Nummer List */

.nr-list p {display:flex;flex-wrap:wrap;gap:0 1rem;}
.nr-list strong {position:relative;color:var(--c04);font-weight:var(--f-weight-regular)!important;margin-right:.15em;}
.nr-list strong:before {
    content:'0';
    background:var(--c11);
    width:2rem;
    height:2rem;
    border-radius:50%;
    color:var(--c02);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    box-shadow: var(--bx-shadow-small);
    margin-right:.5em;
    transform: translateY(-.15em);
}
.nr-list strong:nth-child(1):before {content:'1';}
.nr-list strong:nth-child(2):before {content:'2';}
.nr-list strong:nth-child(3):before {content:'3';}
.nr-list strong:nth-child(4):before {content:'4';}
.nr-list strong:nth-child(5):before {content:'5';}
.nr-list strong:nth-child(6):before {content:'6';}

.tippy-box .card .nr-list p {gap:0 .6rem;}
.tippy-box .card .nr-list strong:before {width:1.7rem;height:1.7rem;transform: translateY(-.1em);}
@media screen and (max-width:767px) {
.card .nr-list p {gap:0 .6rem;}
.card .nr-list strong:before {width:1.7rem;height:1.7rem;transform: translateY(-.1em);}
}


/**********************/
/* Card Color Schemes */
/**********************/


/* Aspekt + Legendaer */ 
.d4-aspekt .inner > span > *, 
.card-d4-knoten.legendaer .name-title, 
.card.legendaer .name-title,
.card.d4-aspekt .name-title,
.card.d4-aspekt .aspect-star p { color:var(--c-leg); }
.card.d4-aspekt .aspect-star:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FF6800' viewBox='0 0 24 24'%3E%3Cpath d='M12 .587l3.668 7.568 8.332 1.151-6.064 5.828 1.48 8.279-7.416-3.967-7.417 3.967 1.481-8.279-6.064-5.828 8.332-1.151z'/%3E%3C/svg%3E");
}

/* Mythisch */ 
.d4-item.mythisch .name-title, 
.d4-item.mythisch .aspect-star p { color:var(--c-myt); }
.d4-item.mythisch .aspect-star:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23C193D0' viewBox='0 0 24 24'%3E%3Cpath d='M12 .587l3.668 7.568 8.332 1.151-6.064 5.828 1.48 8.279-7.416-3.967-7.417 3.967 1.481-8.279-6.064-5.828 8.332-1.151z'/%3E%3C/svg%3E");
}

/* Unique */ 
.d4-item.unique .name-title,
.d2-item.unique .name-title, 
.d2-item.runenwort .name-title, 
.d4-item.unique .aspect-star p { color:var(--c-uni); }
.d4-item.unique .aspect-star:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23DCA779' viewBox='0 0 24 24'%3E%3Cpath d='M12 .587l3.668 7.568 8.332 1.151-6.064 5.828 1.48 8.279-7.416-3.967-7.417 3.967 1.481-8.279-6.064-5.828 8.332-1.151z'/%3E%3C/svg%3E");
}

/* Normal */ 
.card.normal .name-title { color:var(--c00); }

/* Magisch */
.card.magisch .name-title,
.card.d4-skill .name-title { color:var(--c-mag); }

/* Selten */
.card.selten .name-title { color:var(--c-sel); }

/* Set */ 
.card.set-item .name-title,
.card.set .name-title { color:var(--c-set); }

/* Card Fixes */
.d2-item .inner p, .d4-glyphe .inner p, .d4-skill .inner p {padding:0!important;}
.d2-item.runenwort .inner p .has-headline-color {color:var(--c05)!important;}
.d2-item.runenwort .inner p .has-headline-color strong {color:var(--c04)!important;}
.d2-item.runenwort .inner ul li {color:var(--c-mag);}
.d2-item.set-item .inner ol li {color:var(--c-mag);}
.d2-item.set .inner ul li {color:var(--c-set);}
.d2-item.unique .inner ol li {color:var(--c-mag);}

.d4-item.unique .inner > div > p, .d4-item.mythisch .inner > div > p, 
.d4-item.unique .inner .aspect-star, .d4-item.mythisch .inner .aspect-star, .d4-aspekt .inner > div > p {
    border-top: 1px solid var(--c06);padding-top:calc(.715em - 1px);margin-top:.715em;}
.d4-item.unique  .aspect-star:before, .d4-item.mythisch  .aspect-star:before {top:1em;}
.d4-item.unique .inner ul:first-child, .d4-item.mythisch .inner ul:first-child {
    border-bottom: 1px solid var(--c06);padding-bottom:.715em;margin-bottom:calc(.715em - 1px);}

.d4-knoten .inner li:before {display:none;}
.d4-knoten .inner li {padding-left:0;}
.d4-aspekt .inner p > .c00 img {display:inline;margin:0 .15em -.33em 0;width:1em;height:auto;}

/* TAGS */
.tags {display:flex;gap:var(--v05);margin:var(--v05) 0 var(--v10);flex-wrap:wrap;}
.tag {background:var(--c10);border:1px solid var(--c06);border-radius:var(--br);color:var(--c02);padding:.6rem 1.2rem;
    min-height:2.8rem;box-shadow: var(--bx-shadow-small);display:flex;align-items:center;justify-content:center;}
.tag.h-1 {color:var(--c-leg);}
.card .tag {background: var(--c08);border: 1px solid var(--c06);padding: .3rem .5rem!important;min-height:unset;
    text-transform:none!important;box-shadow: 0 0.3rem 0.6rem 0 rgba(0, 0, 0, 0.4);font-size:var(--f-size-p-s)!important;
    letter-spacing:0!important;font-weight:var(--f-weight-regular)!important;}



/* SKILL PASSIV / MOD ICONS */

.card.pas .symbol {position:relative;}
.card.pas .symbol img {border-radius:50%;width:76%;height:76%;aspect-ratio:1/1;}
.card.pas .symbol:after {content:'';position:absolute;left:50%;top:50%;width:80%;height:80%;z-index:6;border-radius:50%;
    border: 3px solid var(--c11);box-shadow: inset 0 0 6px 4px rgba(0,0,0,1);transform:translate(-50%,-50%);}

.card.mod .symbol {position:relative;}
.card.mod .symbol img {width:76%;height:76%;aspect-ratio:1/1;clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);}
.card.mod .symbol:after {content:'';position:absolute;left:0%;top:0%;width:100%;height:100%;z-index:6;
    border: 4px solid var(--c11);box-shadow: inset 0 0 6px 5px rgba(0,0,0,.9);transform: rotate(45deg) scale(.63);}

/*******************/
/* D4 ASPEKT SLOTS */
/*******************/

.d4-aspekt .aspect-slots > span:after {padding-left:.3em;color:var(--c02);}

html[lang="de"] .d4-aspekt.offensiv .aspect-slots > span:after {
    content:'1H-Waffe, 2H-Waffe (+100%), Nebenhand, Schild, Handschuhe, Ring, Amulett (+50%)'}
html[lang="en"] .d4-aspekt.offensiv .aspect-slots > span:after {
    content:'1H Weapon, 2H Weapon (+100%), Offhand, Gloves, Shield, Ring, Amulet (+50%)'}

html[lang="de"] .d4-aspekt.defensiv .aspect-slots > span:after {
    content:'Kopfschutz, Brustschutz, Beinschutz, Amulett (+50%), Schild'}
html[lang="en"] .d4-aspekt.defensiv .aspect-slots > span:after {
    content:'Helm, Chest, Pants, Amulet (+50%), Shield'}

html[lang="de"] .d4-aspekt.mobilitaet .aspect-slots > span:after {
    content:'Stiefel, Amulett (+50%)'}
html[lang="en"] .d4-aspekt.mobilitaet .aspect-slots > span:after {
    content:'Boots, Amulet (+50%)'}

html[lang="de"] .d4-aspekt.ressource .aspect-slots > span:after {
    content:'Ring, Amulett (+50%)'}
html[lang="en"] .d4-aspekt.ressource .aspect-slots > span:after {
    content:'Ring, Amulet (+50%)'}

html[lang="de"] .d4-aspekt.vielseitigkeit .aspect-slots > span:after {
    content:'Kopfschutz, Brustschutz, Beinschutz, Handschuhe, Stiefel, Schild, Amulett (+50%)'}
html[lang="en"] .d4-aspekt.vielseitigkeit .aspect-slots > span:after {
    content:'Helm, Chest, Pants, Gloves, Boots, Shield, Amulet (+50%)'}


/*************************/
/* POE2 PATCHNOTES FIXES */
/*************************/

.lbox-container {margin-top:2rem!important;}


/*******************/
/* BUILD INTRO IMG */
/*******************/

.list-basic[class*="-build"] {gap:var(--v15)!important;border-top:none;padding-top:0;}

.build-item {
    position:relative;
    background:var(--c01);
    min-height: 16.85rem;
    overflow:hidden;
}
.main-col.archive-list .build-item, .main-wrap:not([class*="-build"]) .archiv.build-item {min-height: unset;}

a.build-item:hover {
    border:1px solid var(--c03);
}
.build-item .bg-img {
    position: absolute;
    right:0;
    top:0;
    z-index:0;
    width:70%;
    height:100%;
    pointer-events:none;
    overflow:hidden;
}
.build-item .bg-img img {
    object-fit:cover;
    object-position: center 25%;
    width:100%;
    height:100%;
    transition:.25s ease;
    opacity:.8;
}
.list-basic.d4-build .build-item .bg-img img {
    opacity:.6;
}
.list-basic.d4-build .build-item.archiv .bg-img img {
    opacity:.5;
}
a.build-item:hover .bg-img img {
    opacity:1;
    transform:scale(1.05);
}
.build-item .bg-img:before, .build-item .bg-img:after {
    content:'';
    position:absolute;
    z-index:1;
    top:0;
    height:100%;
    pointer-events:none;
}
.build-item .bg-img:before {left:0; width:28rem;background: linear-gradient(90deg,rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);}
.build-item .bg-img:after {right:0;width:6rem;background: linear-gradient(90deg,rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);}
.build-item:before, .build-item:after {
    content:'';
    position:absolute;
    z-index:1;
    left:0;
    width:100%;
    pointer-events:none;
}
.build-item:before {top:0; height:30%;background: linear-gradient(0deg,rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);}
.build-item:after {bottom:0;height:60%;background: linear-gradient(0deg,rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);}
.build-item .facts {position: relative;z-index:5;padding:var(--v20) var(--v20);}
.build-item .facts .build-info > div:last-child {width:calc(100% - 6.3rem);}
.build-item .facts p {margin:0!important;padding:0!important;text-shadow:1px 1px 2px rgba(0,0,0,1);}
.build-item .facts p.f-h3 {margin-top:-.2rem!important;transition:.3s;padding-right:3rem!important;}
.build-item.archiv .facts p.f-h3 {color:var(--c02)!important;}
a.build-item:hover .facts p.f-h3 {color:var(--c03)!important;}
.list-basic a.build-item.archiv:hover .facts p.f-h3 {color:var(--c00)!important;}
.main-wrap[class*="-build"] .build-item .facts p.f-h3 span:not(:last-child):after {content:'|';padding:0 .7rem;color:var(--c06);display:inline-block;}

.build-item .facts p.f-p-l span {color:var(--c02);display:inline-block;}
.build-item .facts p.f-p-l span:not(:last-child):after {content:' ·';padding:0 .15rem;font-weight:bold;color:var(--c05);}
.build-item .facts p.f-p-l span.s-tier:before {content:'★ ';font-size:.7em!important;position:absolute;left:0;top: 50%;transform: translateY(-50%);}
@-moz-document url-prefix() {.build-item .facts p.f-p-l span.s-tier:before {font-size:.9em!important;}}
.build-item .facts p.f-p-l span.s-tier {position:relative;padding-left:.9em;}
.build-item .facts p span.s-tier {color:var(--c-p1);}
.build-item .facts p span.a-tier {color:var(--c-p2);}
.build-item .facts p span.b-tier {color:var(--c-p3);}
.build-item .facts p span.c-tier {color:var(--c-p4);}
.build-item .facts p span.f-tier {color:var(--c-p5);}

.build-item .facts .class-icon img {width:100%;height:100%;}
.build-item .facts .class-icon {width:4.8rem;height:4.8rem;}
.d4-build .facts .class-icon {background:var(--c09);border:1px solid var(--c06);border-radius:var(--br);padding:.5rem;}
.build-item .facts span.skill-icon img {width:4.8rem;height:4.8rem;}
.main-wrap[class*="-build"] .build-item .facts span.skill-icon img {width:6.5rem;height:6.5rem;}
.build-item .d2r-build .skill-icon, .build-item .d4-build .skill-icon {box-shadow:0 4px 10px 2px black;cursor:pointer;}
.build-item.archiv span[class*="-tier"], .build-item:not(.archiv) span.alt {display:none!important;}
.build-item.archiv span.alt:before {content:'Archiviert';}
.list-basic .build-item.archiv .bg-img {filter: grayscale(1);}
a.build-item.archiv:hover .bg-img {filter: grayscale(0);}
.main-wrap:not([class*="-build"]) .build-item.archiv .skills {display:none;}
.main-wrap:not([class*="-build"]) .build-item.archiv .facts p.f-p-l  {margin-bottom:-.8rem!important;}

@media screen and (max-width: 1099px) {
.main-wrap[class*="-build"] .build-item {margin-bottom:var(--v25)!important;}
.build-item {min-height:unset;}
}
@media screen and (max-width: 767px) {
.build-item .facts {padding:var(--v15) var(--v15);}
.build-item .facts .build-info > div:last-child {width:100%;}
.build-item .facts p.f-p-l {font-size:var(--f-size-p-m)!important;line-height:var(--f-line-height-p-m)!important;}
.build-item .facts p.f-h3 {font-size: var(--f-size-h4)!important;line-height: var(--f-line-height-h4)!important;padding-right:0!important;margin-top: -.35rem !important;}
.build-item .facts .class-icon {display:none;}
.build-item .facts p.f-p-l span:not(:last-child):after {padding:0;}
.build-item .mood {top:0rem;border-radius: 0 0 0 var(--br);padding:.3rem .4rem;}
}
@media screen and (max-width: 550px) {
.build-item .facts p.f-h3, .build-item .facts p.f-p-l {padding-right:6rem!important;}
.build-item .bg-img {max-height:10rem;}
.build-item:before {height: 2rem;}
.build-item:after {bottom:calc(100% - 10rem);height: 3rem;}
.build-item .bg-img img {opacity:1;object-position: 38% center;}
.d4-build .build-item .bg-img:before {width:28rem;background: linear-gradient(90deg, rgba(0, 0, 0, 1) 10%, rgba(0, 0, 0, 0) 80%);}
.d4-build .build-item .bg-img img {opacity:.6;}
.build-item .bg-img:after {width: 3rem;}
.build-item .bg-img:before {width:20rem;}
.build-item .facts span.skill-icon img {width:4rem!important;height:4rem!important;}
.build-item .skills {gap:.8rem;margin-top:.8rem!important;}
}
@media screen and (max-width: 380px) {
.build-item .facts span.skill-icon img {width:9.5vw!important;height:9.5vw!important;}
}



/* Build Archive Filter */

.build-archive-filter {padding:0 var(--v20) var(--v15);gap:.8rem;}
@media screen and (max-width: 767px) {.build-archive-filter {padding:0 var(--v15) var(--v15);}}


.edit section > *:last-child:not(.info):not(.warnung):not(.hinweis) {padding-bottom:0;}

/********************************/
/* Tab Content & Allgemein Text */
/********************************/

.followed {
    border-bottom:1px solid var(--c07);
    padding-bottom:var(--v25);
    margin-bottom: var(--v20);
}
.tab-content > *:last-child,
.allgemein > *:not(div):not(blockquote):last-child { padding-bottom:0; }
.allgemein > *:not(div):not(blockquote):first-child { padding-top:0; }
.allgemein.start {padding-bottom: var(--v30);}

.item-setup-text > *:not(div):not(blockquote):last-child { padding-bottom:0; }

div.start p:empty, div.end p:empty {display:none;}
.edit p:empty {display:none;}

/***************/
/* VIDEO EMBED */
/***************/

#video .youtube-embed-container:nth-child(2) {margin-top:var(--v10);}
#video .youtube-embed-container:not(:last-child) {margin-bottom:var(--v25);}


/*************/
/* INTRO IMG */
/*************/

/* ARCHIV HINWEIS */

.archiv-hinweis:not(.archiv) {display:none;}
.archiv-hinweis.archiv {display:block;padding:0 var(--v15);min-height:5rem;display:flex;align-items:center;justify-content:center;text-align:center;margin-bottom:var(--v25);background:#af200a!important;gap:.4rem;border-color:var(--c-sel)!important;}
.archiv-hinweis.archiv:before {content:'Achtung:';text-transform:uppercase;font-weight:bold;color:var(--c-sel)}
.archiv-hinweis.archiv:after {content:' Dieser Build ist nicht für die aktuelle Season / Ladder / Liga optimiert.';color:var(--c00);}
@media screen and (max-width: 767px) {.archiv-hinweis.archiv {flex-direction:column;gap:0;padding:var(--v15);}}


/**************/
/* RATING BOX */
/**************/

.main-wrap.archiv .rating-box {display:none;}

/* TIER BOX */

.rating-box .rating-tier {
    width:10.5rem;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    background: var(--c01) url('/wp-content/uploads/Background-Texture-Dark-Small.png') center center repeat;
    background-size:70%;
}
.rating-tier > span {display:flex;flex-direction:column;align-items:center;justify-content:center;}
.rating-tier.s-tier {text-shadow: 0 2px 4px #000;}
.rating-tier.s-tier span {color:var(--c-p1);}
.rating-tier.a-tier span {color:var(--c-p2);}
.rating-tier.b-tier span {color:var(--c-p3);}
.rating-tier.c-tier span {color:var(--c-p4);}
.rating-tier.d-tier span {color:var(--c-p5);}
.rating-tier.f-tier span {color:var(--c03);}
.rating-tier .f-h1 {margin:-.2em 0 -.1em;font-size: 3.7rem !important;}
.rating-tier.s-tier .f-h1:after {content:'S';}
.rating-tier.a-tier .f-h1:after {content:'A';}
.rating-tier.b-tier .f-h1:after {content:'B';}
.rating-tier.c-tier .f-h1:after {content:'C';}
.rating-tier.d-tier .f-h1:after {content:'D';}
.rating-tier.f-tier .f-h1:after {content:'F';}

/* RATING BOX */

.rating-box .ratings {
    width:calc(100% - 10.5rem);
    border-left:1px solid var(--c06);
    padding:1.2rem var(--v20) 1.8rem;
    gap:1.2rem 2rem;
}
.rating-box .ratings p {
    width:100%;
    display:flex;
    justify-content:space-between;
    padding:0;
}
.rating-box .bar {
    width:100%;
    height:6px;
    border-radius:3px;
    margin-top:.5rem;
    position:relative;
    background:var(--c07);
}
.rating-box .bar:after {
    content:'';
    position:absolute;
    left:0;
    top:0;
    z-index:1;
    height: 100%;
    border-radius:3px 0 0 3px;
}
.rating-box .bar.rate_1:after {background:var(--c-p5);width:20%;}
.rating-box .bar.rate_2:after {background:var(--c-p4);width:40%;}
.rating-box .bar.rate_3:after {background:var(--c-p3);width:60%;}
.rating-box .bar.rate_4:after {background:var(--c-p2);width:80%;}
.rating-box .bar.rate_5:after {background:var(--c-p1);width:100%;border-radius:3px;}

.rating-box .bar:before {
    content:'';
    position:absolute;
    left:0;
    top:0;
    z-index:2;
    height:100%;
    width:100%;
    background: linear-gradient(90deg, 
        transparent 00%, transparent 19%, var(--c09) 19.01%, var(--c09) 20.99%, 
        transparent 21%, transparent 39%, var(--c09) 39.01%, var(--c09) 40.99%, 
        transparent 41%, transparent 59%, var(--c09) 59.01%, var(--c09) 60.99%, 
        transparent 61%, transparent 79%, var(--c09) 79.01%, var(--c09) 80.99%, 
        transparent 81%, transparent 100%);
}

/* MOBILE */
@media screen and (max-width:767px) {
    .rating-box .ratings {grid-template-columns: repeat(2, minmax(1px, 1fr));}
}
@media screen and (max-width:550px) {
    .rating-box .ratings {grid-template-columns: repeat(1, minmax(1px, 1fr));gap:.6rem;width:calc(100% - 6rem);
    padding: 1.2rem var(--v15) 1.8rem;}
    .rating-box .rating-tier {width:6rem;}
    .rating-box .bar {margin-top:.2rem;}
}