.textfeld {
  display:inline-block;
  margin:10px;
  scroll:auto !important;
  padding: 10px; 
  color: #383838; 
  background:#eeeeee;
  box-shadow:2px 2px 5px #aaaaaa;
  border-radius:5px; 
  border-width: 2px !important; 
  border-style: solid !important; 
  border-color: #000000 !important;
}
.ueberschrift {
  width:auto;
  font:bold 14px Georgia, serif; 
  color:#000000; 
  background:#dddddd; 
  border-radius:9px; 
  border:2px double #50596c;
  padding:3px 10px 2px 10px; 
}
 
 
.close_schatten {
  opacity:0;
  position:relative;
  bottom:15px;
  padding: 2px 18px 5px 3px;
  margin-left:-32px;  
  vertical-align: bottom;   
  cursor: pointer;
  border: 1px solid #aaaaaa; 
  border-width:1px 0 0 1px;
  border-radius: 4px 0 4px 0;   
}
 
.close_schatten:hover {
  opacity:1 !important;
  background: #cccccc;
  border: 1px solid #383838;
  border-width:1px 0 0 1px;
  --slash-deg: -180deg;
}
.close_schatten::before, .close_schatten::after {
  position: absolute;
  top: calc(50% - 1px);
  content: "";
  width: 14px;
  height: 4px;
  background-color: #aaaaaa;
  transform-origin: center center;
  transition: 500ms;
  border-radius: 5px;
  transform: rotate(var(--slash-deg, -45deg));
}
.close_schatten::after {
  transform: rotate(var(--slash-deg, 45deg));
}
.close_schatten:hover::after, .close_schatten:hover::before {
  background-color: #aa1111; 
}
.closeSch {
  display:none !important;
}
.closeOp {
  opacity:1 !important;
  border-width: 1px;
  border-radius:50%;
  padding-left: 4px;
  margin:5px;
  top:0;
  left:5px;
  line-height:30px;
}
.closeOp:hover {  
  --slash-deg: -270deg;
  border: 1px solid #777777;
}
.closeOp::before {
  transform: rotate(var(--slash-deg, 90deg));
}
.closeOp::after {
  transform: rotate(0deg);
}