/*NEU 2021*/

/*POSTINGPARTNERSUCHE*/

.ppsn {
  display: flex;
  flex-flow: row wrap;
  justify-items: stretch;
  margin: 0px 7.5px 0px 7.5px;
  width: auto;
}

.ppsn_box {
  padding: 7.5px;
     flex-basis: 48.39739%;
    display: flex;
    flex-flow: row wrap;
    text-align: justify;
	margin-bottom: 20px;
}


.ppsn_box img {
  padding: 0px 15px 15px 0px;
  width: auto;
  height: 120px;
}

.ppsn_chara {
  flex: 1;
  height: 100px;
  overflow: auto;
  padding: 10px;
  background: var(--box);
}

.ppsn_idee {
  flex-basis: 95%;
  flex-grow: 1;
  height: 130px;
  overflow: auto;
  padding: 10px;
  background: var(--box);
}

.ppsn_srchr {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  justify-content: stretch;
  padding: 0px 0px 10px 0px;
    flex-basis: 100%;
  flex-grow:1;
}

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

.ppsn_srchr a:hover {
  color: var(--base);
  transition:0.5s;
}

.ppsn_name {
 font-family: var(--fhead);
  font-size: var(--sheading);
  text-transform: var(--theading);
  letter-spacing: var(--lhead);
  color: var(--bunt);
  line-height:100%;
  margin-bottom:-3.9px;
  flex-shrink: 0;
}

.ppsn_line {
 border-bottom: 1px var(--bunt) solid;
  margin: 0px 2px;
  margin-bottom: 2px;
  flex-grow: 1;
}

.ppsn_msg {
  text-align:right;
  flex:0;
  align-self: flex-end;
}

.ppsn_but {
  background: var(--bunt);
  color: var(--hg);
  padding: 10px;
  transition: 0.5s;
  justify-self: center;
  flex-grow: 1;
  text-align: center;
  margin-top: 15px;
  text-transform: var(--tnav);
  flex-basis: 95%;
}

.ppsn_but a {
}

.ppsn_but:hover {
  background: var(--box);
  color: var(--bunt);
  cursor: pointer;
  transition: 0.5s;
}

.ppsn_but.taken {
  background: none;
  color: var(--bunt);
} 


/*OLD*/

.pplot {
border: 1px solid #524a4d;padding:5px;
}

.ptitle_sub {
font-family: sylfaen;color: var(--notrigger);text-transform: var(--tsub);font-size: 11px;letter-spacing: var(--lsub);margin-top: 10px;font-weight: 100!important;text-align: center;padding: 2px;
}

.ptitle {
	font-family: sylfaen;
	color: #7a7680;
	text-transform: var(--tsub);
	font-size: 15px;
	letter-spacing: var(--lsub);
	margin-top: 10px;
	font-weight: 100!important;
	background: var(--box);
	text-align: center;
	padding: 5px;
}

.pbox {
padding: 10px;
border: 1px solid #ddd;
height: 120px;
overflow: auto;
font-size: 12px;
}

.pbut {
padding: 10px;
    font-size: 12px;
}

.pbut_k {
padding: 50px;
    font-size: 15px;
}

.plotbox {
padding: 10px;border: 1px solid var(--box);height: 100px;overflow: auto;font-size: var(--sallg);/* background: #4f3c56; */
}

.pp::-webkit-scrollbar {
width:3px;border-radius:5px;
}

.pp::-webkit-scrollbar-track-piece {
background-color:#efefef;
}

.pp::-webkit-scrollbar-thumb:vertical {
height:3px;
background-color:#ddd;
}

.dicepop {
 position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: hsla(0, 0%, 0%, 0.5); z-index: 97; opacity:0; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; transition: .5s ease-in-out; pointer-events: none;
}

.dicepop:target {
 opacity:1; pointer-events: auto;
}

.dicepop > .pop {
 background: #eee; width: 600px;  height: 400px; overflow-y:auto; position: relative; margin: 10% auto; padding:0px; z-index: 99;
}

.closepop {
 position: absolute; right: -5px; top:-5px; width: 100%; height: 100%; z-index: 98;
}