#AddSzenenGruppe{
position: absolute;
top: 110px;
}

.SzenenMain-SzenenForm1 {
width: 300px;  
height: 62px; 
display: block; 
background: rgb(255, 255, 255); 
}

.SzenenMain-SzenenForm2 {
width: 90px;  
height: 62px; 
display: block; 
background: rgb(255, 255, 255); 
}


.SzenenIcon-SzenenForm1 {
    position: absolute;
    width: 62px;
    height: 62px;
    }

.SzenenIcon-SzenenForm2 {
    
	position: absolute;
    width: 35px;
    height: 35px;
    left: 50%;
    margin-left: -19;
    top: 2px;
    }

.SzenenBezeichnung-SzenenForm1 {
	position: absolute;
margin-top: 20px;
left:90px;
text-align:left;
font-size: 20;
font-family: arial;
height: 42px;
width: 200px;
color: #5a566d;
 display : inline-block;
 vertical-align : middle;
 line-height : 20px;

		  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.SzenenBezeichnungLang-SzenenForm1 {
margin-top: 12px;
}

.SzenenBezeichnung-SzenenForm2 {
	position: absolute;
margin-top: 44px;
left:0px;
text-align:center;
font-size: 13;
font-family: arial;
height: 25px;
width: 90px;
color: #5a566d;
 display : inline-block;
 vertical-align : middle;
 line-height : 12px;


	  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.SzenenBezeichnungLang-SzenenForm2 {
 font-size: 11;
 margin-top: 37px;
}


.SZENENSmartGarden1 {
position: absolute;
margin-top: 18px;
margin-left:90px;
text-align:left;
font-size: 10;
font-family: arial;
height: 10px;
width: 220px;
color: #5a566d;
}

.SZENENSmartGarden2 {
position: absolute;
margin-top: -25px;
right: 20px;
text-align:left;
font-size: 10;
font-family: arial;
height: 10px;
width: 220px;
color: #5a566d;
text-align: right;
}

.SZENENSmartGarden3 {
position: absolute;
margin-top: -28px;
right: 1px;
width: 15px;
}

.SZENENAblaufTimer {
position: absolute;
color: #ffffff;
font-size: 15px;
width: 62px;
text-align: center;
font-family: arial;
}


.GRSZENENMain {
width: 137px;  
height: 137px; 
display: block; 
background: rgb(255, 255, 255); 
 z-index: 1;

}


.GRSZENENMainAnimation {
animation: spin 0.7s linear infinite;
}

  @keyframes spin { 
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
  }

.GRSZENENIMG-GroupIcon {
	position: absolute;
    width: 30px;
    height: 30px;
    right: -15px;
    top: -12px;
    z-index: 2;
}

.GRSZENENIMG {
    
	position: absolute;
    width: 70px;
    height: 70px;
    left: 50%;
    margin-left: -35;
    top: 2px;
    }

.GRSZENENBeschreibung {
	position: absolute;
margin-top: 95px;
left:0px;
text-align:left;
font-size: 20;
font-family: arial;
height: 42px;
width: 143px;
color: #5a566d;
 display : inline-block;
 vertical-align : middle;
 line-height : 20px;

		  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
 text-align: center;
}