.inplayquotes-quote { 

width: 100%;
height: auto;
box-sizing: border-box;
padding: 1.5em;
font-style: italic; 

font-family: var(--font);
font-size: 0.7rem; 
letter-spacing: 0px; 
text-align: justify; 
opacity: 0.85;

}



.ip-quotes-pop {
  display: none;
  justify-content: center;
  align-items: center;
  position: fixed;
  z-index: 20000;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transition: 1s ease-in-out; 
  -moz-transition: 1s ease-in-out; 
  transition: 1s ease-in-out; 

}

.ip-quotes-pop:target {
  display: flex;
}

.ip-quotes-pop::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.65);
}


.ip-quotes-popup {

  background: var(--bg-col2);
  width: 35vw;
  min-height: 15vw;
  position: fixed;
  z-index: 30000;
}

hee_pop {

background: var(--link-col1);
border-right: 15px solid rgba(255, 255, 255, 0.0);
height: 20px;
width: 97.8%;
display: inline-block;
padding: 10px 0px 7px 0px;
font-family: var(--font);
font-weight: bold;
text-align: right;
color: var(--bg-col1);
font-size: 1.2em;
text-transform: uppercase;
margin-bottom: 1rem;

}


hee__untertitle {

display: block;
font-family: var(--font);
font-weight: normal;
text-align: left;
color: var(--link-col1);
font-size: 1.0em;
padding-left: 1rem;

}

hee__infotitle {

display: block;
font-family: var(--font);
font-weight: normal;
text-align: left;
color: var(--link-col1);
font-size: 0.7em;
padding-left: 1rem;
text-transform: normal;
margin-bottom: 1em;

}


.textarea__pop {

width: 93%;
height:120px; 
margin-left: 1.1rem; 
margin-bottom: 1rem; 

}

in__popbutton {

display: inline-block;
justify-content: center;
align-items: center;
float: center;
margin-left: calc(50% - 5em);
margin-bottom: 0.5em;
}