.stickybottom {
    width:inherit;
    max-width:inherit;
    position: fixed;
    bottom: 0;
}
.rightbtn {
    position: fixed;
    right: 0;
  }
.signinbg{
  background-image: linear-gradient(to bottom right, #2c8ce5, #6db1e9);
}

.blue-card{
  background-image: url("bg-hand.png"),linear-gradient(to bottom right, #1565C0, #42A5F5);
  background-size: contain, cover;
  background-repeat: no-repeat;
  background-position: right bottom, 0%;
}

/* The container */
.containerpremis {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.containerpremis input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 35px;
  width: 35px;
  background-color: #eee;
  border: 1px #2196F3 solid;
  border-radius: 50%;
  transition: all 0.2s ease-in;
}

/* On mouse-over, add a grey background color */
.containerpremis:hover input ~ .checkmark {
  background-color: #ccc;
  box-shadow: 0 0px 6px 0 #2196F3;
  transition: all 0.2s ease-in;
}

/* When the radio button is checked, add a blue background */
.containerpremis input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.containerpremis input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.containerpremis .checkmark:after {
 	 left: 12px;
  top: 8px;
  width: 8px;
  height: 14px;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}

.selected-lesen{
  border-color: #2196F3;
  box-shadow: 0 0px 6px 0 #2196F3;
  transition: all 0.2s ease-in;
}
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImN1c3RvbS5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7SUFDSSxhQUFTO0lBQ1QsaUJBQUE7SUFDSixlQUFBO0lBQ0ksU0FBUztBQUNiO0FBQ0E7SUFDSSxlQUFlO0lBQ2YsUUFBUTtFQUNWO0FBQ0Y7RUFDRSxvRUFBb0U7QUFDdEU7O0FBR0E7RUFDQSx1RkFBQTtFQUNFLCtCQUFjO0VBQ2QsNEJBQWtCO0VBQ2xCLHFDQUFrQjtBQUFwQjs7QUFFQSxrQkFDaUI7QUFBakI7RUFHRSxjQUFBO0VBQ0Esa0JBQWlCO0VBQ25CLGtCQUFBO0VBREUsbUJBQW1CO0VBR3JCLGVBQUE7RUFDQSxlQUFBO0VBQ0UseUJBQWtCO0VBQ2xCLHFCQUFVO0VBQ1YsaUJBQWU7QUFDakI7O0FBRUEsNENBQWlDO0FBQ2pDO0VBQ0Usa0JBQWtCO0VBQ2xCLFVBQU07RUFDTixlQUFPO0FBRFQ7O0FBRUEsaUNBRXdCO0FBRHhCO0VBR0Esa0JBQUE7RUFLQSxNQUFBO0VBQUEsT0FBQTtFQUpFLFlBQVk7RUFPZCxXQUFBO0VBQUEsc0JBQUE7RUFFQSx5QkFBQTtFQUFFLGtCQUFBO0VBS0EsNEJBQWtCO0FBQXBCOztBQUVBLCtDQUFBO0FBRUE7RUFDQSxzQkFBQTtFQUFBLCtCQUFBO0VBUEUsNEJBQTRCO0FBUzlCOztBQU5BLDREQVNBO0FBUkE7RUFVRSx5QkFBUTtBQUFWOztBQUVBLG9FQUNxQjtBQUFyQjtFQUVFLFdBQUE7RUFBRixrQkFBQTtFQVBFLGFBQWE7QUFTZjs7QUFOQSxpREFRYTtBQVBiO0VBU0UsY0FBVTtBQVBaOztBQUVBLHFDQVEyQjtBQVAzQjtHQVVBLFVBQUE7RUFSRSxRQUFRO0VBVVYsVUFBQTtFQUNFLFlBQUE7RUFDQSxtQkFBQTtFQUlBLHlCQUFBO0VBQ0Ysd0JBQUE7QUFYQTs7QUFFQTtFQUNFLHFCQUFxQjtFQUNyQiwrQkFBK0I7RUFDL0IsNEJBQTRCO0FBQzlCIiwiZmlsZSI6ImN1c3RvbS5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIuc3RpY2t5YmFyIHtcclxuICAgIGJvdHRvbTogMDtcclxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxufSJdfQ== */