.select-wrapper{
width:120px;
position:relative;
}    
.select-wrapper::before {
  content: "\2304";
  position: absolute;
  right: 1rem;
  top: 5px;
  color: #fff;
  pointer-events:none;
}
/*   content: "▼";*/
select{
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  outline:none;
  background-color:var(--grey-col); /*#707780; steelblue;*/
  color:white;
  padding-top: 0.4rem;padding-bottom:0.4rem;
  padding-left:1rem;
  width:100%;
}
select:hover{
  background-color:var(--red);
  cursor:pointer;    
}

/* ab hier NEUE suche */
.btn-group-red button {
  background-color: var(--grey-col); /* #707780; #d9dbde; var(--red);*/
  color: white;   
  border: none;
  /*border-right: 1px solid white; */
  margin-right:1px;
  /*height:2rem;*/
  padding: 0.4rem 1rem; /* Some padding */
  cursor: pointer; /* Pointer/hand icon */
  float: left; /* Float the buttons side by side */
}
/*
.btn-group button:not(:last-child) {
  border-right: none; /* Prevent double borders */
}
*/
/* Clear floats (clearfix hack) */
.btn-group-red:after {
  content: "";
  clear: both;
  display: table;
}
/* Add a background color on hover */
.btn-group-red button:hover {
  /*background-color: #313c48!important; */
  background-color: var(--red); 
  color:white;
}

.btn-red-active{
  background-color: var(--red)!important;
}

.btn-group-green button {
  background-color: #55891d; /*var(--green);*/
  border:none;
  border-right: 1px solid white; 
  color: white; /* White text */
  padding: 0.4rem 1rem; /* Some padding */
  cursor: pointer; /* Pointer/hand icon */
  float: left; /* Float the buttons side by side */
}
/*
.btn-group button:not(:last-child) {
  border-right: none; /* Prevent double borders */
}
*/
/* Clear floats (clearfix hack) */
.btn-group-green:after {
  content: "";
  clear: both;
  display: table;
}

/* Add a background color on hover */
.btn-group-green button:hover {
  background-color: #004400;/*darkgreen;*/
}
.btn-green-active{
  background-color: #004400!important;/*darkgreen;*/
}

/* ab hier deprecated */
/*IDEE https://filetime.at/blog/checkboxen-und-radio-buttons-nur-mit-css-stylen*/
input[type=checkbox] {
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     display: inline-block;
     position: relative;
     background-color: #fff;
     color: #000;
     top: 8px;
     height: 20px;
     width: 20px;
     border: 0;
     cursor: pointer;     
     margin-right: 7px;
     margin-bottom: 5px;
     outline: none;
     border: 1px solid #dfdbd8;
}
input[type=checkbox]:checked::before {
     position: absolute;
     font-size: 14px;
     left: 5px;
     top: -5px;
     font-weight: 700;
     content: '\02143';
     transform: rotate(40deg);
}    
input[type=radio] {
    -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     display: inline-block;
     position: relative;
     background-color: transparent;
     color: #000;
     top: 9px;
     height: 20px;
     width: 20px;
     border: 0;
     cursor: pointer;     
     margin-right: 7px;
     margin-bottom: 5px;
     outline: none;
     border-radius: 40px;
     border: 1px solid #bbb; /*#dfdbd8;*/
}
input[type=radio]:checked::before {
     position: absolute;
     font-size:1.2rem;
     left:2px;
     font-weight:700;
     /*font-size: 14px;
     left: 5px;
     top: -2px;
     font-weight: 700;*/
     content: '✓';
     /*content: '\02143';
     transform: rotate(40deg);*/
}    
    
    
.numinput{
  height:calc(var(--lineHeight) * 1.0);
  border:0px solid;
  background:#eee;
  width:3rem;
}
.numsel{border:none;
  height:calc(var(--lineHeight) * 1.0);
  width:3rem;
}
.numsel2{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;    
  border:none;
  height:calc(var(--lineHeight) * 1.0);
  width:3rem;
    cursor: pointer;
}
/*.numsell2::after{content:'x';}*/

input[type=text].myform{
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     border:1px solid #bbb; background:transparent};
input[type=text].myform:focus{
        outline: none;
    border:1px solid var(--red);};
    
label.myform{font-weight:700;}