.event{cursor:pointer;border:1px solid gray;}
.event:hover{border:1px solid #56B501;}
.eventborder{border:2px solid #E9967A;}

.iflex{display:flex;justify-content:space-around;align-items:stretch;}
.pp{margin:20px;}

.ibox{padding:10px 20px;}
.iinp{font-weight:300;
    font-family: system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    color:#2A2A2A;
    background-color:#fff;
    border:1px solid #D7D7D7;
    border-radius:3px;
    margin-bottom:9px;
    padding:10px 20px;
    cursor:pointer;
    height:50px;
    line-height:normal;
    vertical-align:baseline;
    min-width:200px;
    width:100%;
    font-size:1rem;font-size:20px;padding:10px 20px;margin:0;}
.ibbord{border:3px solid #000;}
.ihead{font-size:15px;}
.idescr{font-size:14px;padding:10px;margin-top:5px;}
input[type="text"]::placeholder{text-align: right;}
.wber{display:none;}
.rotright{transform:rotate(315deg);}

.greenback{background:rgba(86, 181, 1, 0.5) !important;border-color:rgba(86, 181, 1, 1);}
.redback{background:rgba(255,104,0,.6);border-color:rgba(255,104,0,1);}
.graycheck{background:#efefef;padding:5px 10px;}

.auswertbox{display:inline-block;text-align:center;padding:10px;}
.auswert{width:100px;height:100px;border-radius:50px;}
.thumb{background: url('https://www.solardach-angebot.de/lib/pics/thumb.png');
  background-position:50% 50%;
  background-repeat:no-repeat;
  background-size:cover;
  width:100px;height:100px;display:inline-block;
}

.ampelgreen{background:rgba(86,181,1,1);}
.ampeldarkyellow{background:rgb(160,216,5);}
.ampelyellow{background:rgba(217,248,42,1);}
.ampelorange{background:rgba(255,104,0,1);}
.ampelred{background:rgba(250,50,43,1);}

.farbcode{display:inline-block;width:6px;padding:3px;height:20px;border:1px solid #000;}

.sticky{position:-webkit-sticky;position:sticky;top:0;}

#slider{width:80%;margin:15px auto;}

  .ui-slider{
    position:relative;
    text-align:left;
    border: none;
    height:7px;
    background:#ccc;
    margin:10px 0;
  }
  
  .ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 20px;
    height: 20px;
    cursor: pointer;
    border-radius: 50%;
    background: rgba(86, 181, 1, 1);;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
  }
  
  .ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    height: 5px;
    background: rgba(86, 181, 1, 1);;
  }
  
  #slider-value {
    display: block;
    margin: 10px 0;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
  }

  @media only screen and (max-width:700px){

      .iinp{min-width:100px;font-size:1rem;}
      .ihead{font-size:0.6em;height:3em;}
      .w50p{width:100% !important;}

  }