:root {--paleheaderfont:"Uncial Antiqua";--palefont:"Raleway, serif";--palecolor1:var(--lightback,#15110d);--palecolor2:var(--bordercolor,#433C35);--palecolor3:var(--txt,#7A736C);--palecolor4:#fbffff;--palecolor5:#8c916f;}
#pnpbackground{width:500px;padding:10px;margin:auto;background:none;box-sizing:border-box;border: 2px solid var(--palecolor2);}
#pnpboxheader{background:var(--palecolor2);padding:10px;margin:0;text-transform:uppercase;color:var(--palecolor3);box-sizing:border-box;display:flex;justify-content:center;align-items:center;text-align:center;}
.pnph1 {font-family:var(--paleheaderfont);color:var(--palecolor5);letter-spacing:0.05em;font-size:1.5em;line-height:1.25em;padding: 0px 10px;}
#pnpbackground b {text-transform:uppercase;letter-spacing:0.05em;font-size:1em;line-height:0.8em;font-weight:700;color:var(--palecolor2);background:none;}
.pnpstecki {display: grid;grid-template-columns: 1fr 1fr;gap:1rem;margin-top:5px;}
.pnpsteckil  {grid-column: 1;display: flex;flex-direction:column;gap:1rem;}
.pnpsteckir {grid-column: 2;display: flex;flex-direction:column;gap:1rem;}

.pnpbox {font-family:var(--palefont);color:var(--palecolor3);font-size:0.8em;border: 2px solid var(--palecolor2);padding:5px;}

.pnptextbox{font-family:var(--palefont);color:var(--palecolor3);font-size:0.8em;border:2px solid var(--palecolor2);text-align:justify;height:220px;box-sizing:content-box;transition:overflow 0.3s ease;overflow-y:auto;scrollbar-width:thin;scrollbar-color: transparent transparent;padding: 5px;}
.pnpsonstiges {grid-column: 1 / -1;font-family:var(--palefont);color:var(--palecolor3);font-size:0.8em;border: 2px solid var(--palecolor2);text-align:justify;height: 200px;box-sizing:content-box;transition:overflow 0.3s ease;overflow-y:auto;scrollbar-width:thin;scrollbar-color: transparent transparent;padding:5px;}

.pnptrf {font-family:var(--palefont);text-transform:uppercase;border-bottom:2px solid var(--palecolor2);color:var(--palecolor3);}
.pnptrf1 {font-family:var(--palefont);text-transform:uppercase;border-bottom:2px solid var(--palecolor2);border-top:2px solid var(--palecolor2);color:var(--palecolor3);}

#pnpbackground tr {font-family:var(--palefont);text-transform:uppercase;color:var(--palecolor3);letter-spacing:0.05em;font-size:1em;line-height:0.8em;}
#pnpbackground table td:last-child{width: 20px;white-space: nowrap;border-left: 2px solid var(--palecolor2);}
#pnpbackground table {max-height:175px;}

.pnptextbox::-webkit-scrollbar,.pnpsonstiges::-webkit-scrollbar{width: 3px;}
.pnptextbox::-webkit-scrollbar-track,.pnpsonstiges::-webkit-scrollbar-track{background: transparent;}
.pnptextbox::-webkit-scrollbar-thumb,.pnpsonstiges::-webkit-scrollbar-thumb{background-color: rgba(0, 0, 0, 0.1);border-radius: 10px;}
.pnptextbox:hover,.pnpsonstiges:hover{scrollbar-color: rgba(0, 0, 0, 0.2) transparent;}
.pnptextbox:hover::-webkit-scrollbar-thumb,.pnpsonstiges:hover::-webkit-scrollbar-thumb{background-color: rgba(0, 0, 0, 0.2);}