.postbit_box {
  margin-top: 10px;
  margin-left: 10px;
}

.postbit_wrap {
  display: flex;
  gap: 30px;
  align-items: flex-start;
}

.postbit_left {
  width: 250px;
  max-width: 250px;
  flex: 0 0 250px;
}

.postbit_right {
  flex: 1 1 auto;
  min-width: 0;
}

.postb {
  background: #31302f;
  padding: 10px;
  margin-top: 5px;
  color: var(--base);
  font-size: var(--sallg);
  box-sizing: border-box;
  width: 100%;
}

.bild {
  width: 100%;
}

.bild img {
  width: 100%;
  height: auto;
  display: block;
}

.postb_rot {
  font-family: var(--fhead);
  color: var(--bunt);
  text-align: center;
  text-transform: var(--theading);
}

.name {
  font-size: 5pt;
  text-align: left;
  margin-top: var(--margpostnam);
}

.name a {
  color: var(--bunt);
  text-transform: var(--theading);
  transition: 0.5s;
}

.name a:hover {
  color: var(--base);
}

.butt {
  color: var(--base);
  margin: 10px 0;
  font-size: var(--spostbbutt);
}

.ut {
  margin-top: 0;
  margin-left: 0;
  text-transform: lowercase;
  text-align: center;
}

.fact {
  font-size: 14px;
  margin-top: 20px;
  text-align: left;
  width: 100%;
  box-sizing: border-box;
}

.kurz {
  max-height: 180px;
  width: 100%;
  overflow: auto;
  text-align: justify;
  box-sizing: border-box;
  line-height: 185%;
  font-size: 14px;
  font-family: calibri;
}

.spieler {
  font-size: var(--splayer);
  width: 100%;
  box-sizing: border-box;
}

.icon {
  width: 100%;
  min-height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

.icon img {
  max-width: 100%;
  height: auto;
  display: block;
}

.pb_date {
  text-align: right;
  margin-bottom: 10px;
  background: #31302f;
  margin-top: 6px;
  margin-right: 22px;
}

.post_actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 20px;
  margin-bottom: 20px;
}

.pb_p_but1 {
  margin: 0;
}

.postb_inh {
  text-align: justify;
  margin: 0;
  padding: 0;
  line-height: 185%;
}

.postb_inh > div {
  min-height: 0;
  line-height: 185%;
  font-size: 14px;
  font-family: calibri;
  margin-left: 13px;
  margin-right: 20px;
  margin-bottom: 30px;
  box-sizing: border-box;
}

.postbit_signature {
  padding: 10px 0 0 0;
  margin-top: 10px;
  margin-left: 0;
}

@media (max-width: 768px) {
  .postbit_wrap {
    flex-direction: column;
    gap: 15px;
  }

  .postbit_left {
    width: 100%;
    max-width: 250px;
    flex: none;
  }

  .postbit_right {
    width: 100%;
  }

  .bild {
    width: 100%;
  }

  .bild img {
    width: 100%;
    height: auto;
    display: block;
  }

  .kurz,
  .spieler,
  .icon,
  .fact {
    width: 100%;
  }

  .postb_inh > div {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 20px;
    min-height: 0;
  }
}

@media (max-width: 768px) {
  .bild {
    max-width: 140px;
  }

  .postb_inh > div {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 20px;
  }
}

:root {
    --base: #a7a7a7;
    --bunt: #959595;
    --ut: #9f988f;
    --hg: #121213;
    --box: #252524;
    --bunttext: #9f988f;
    --fett: #59565f;
    --nichts: #8137b1;
    --trigger: #990726;
    --notrigger: #797580;
    --fallg: Calibri;
    --fhead: "Raleway", serif;
    --fsub: "Raleway", serif;
    --fnav: Calibri;
    --fcursive: "Raleway", serif;
    --thead: uppercase;
    --theading: uppercase;
    --tsub: lowercase;
    --tsmol: lowercase;
    --tnav: uppercase;
    --lhead: 3px;
    --lsub: 1px;
    --lnewstitel: 3px;
    --lallg: 0px;
    --sheaderwbutton: 25px;
    --shead: 18px;
    --sheading: 23px;
    --splayer: 16px;
    --sheadertitel: 18px;
    --sallg: 14px;
    --snav: 12px;
    --sitalic: 13px;
    --ssmall: 10px;
    --ssubf: 13px;
    --ssmol: 10px;
    --smpsub: 18px;
    --smpbig: 18px;
    --sshoptit: 25px;
    --spostbbutt: 14px;
    --spostnam: 30px;
    --ssub: 16px;
    --linehsmol: 100%;
    --lineh1: 160%;
    --lineh2: 200%;
    --linehforum: 100%;
    --linehresub: 1.2;
    --mplinehname: 80%;
    --stylesub: none;
    --sonline: 12px;
    --lineh: 140%;
    --wallg: 400;
    --osmol: 0.4;
    --imgbg: url(../../../images/bgwc.png);
    --imgoff: url(../../../images_lila/sunoff.png);
    --imgon: url(../../../images_lila/sunon.png);
    --defaultava: url(../../../images_lila/default_avatar.png);
    --margpostnam: 0px;
    --margdescr: 5px;
    --hlinehead: 20px;
    --hmenu: 42px;
}