:root {

  --mD: 4;	/*Diameter-multiplikator Verhältnis Außendiameter/Innendiameter*/
  --r1: 1.62em;	/*Radius innerer Kreis*/ 
  --pi1: 1.15;	/*Verhältnis r1/r2*/
  --pi2: 1.18;


  --HF: rgba(243, 41, 41, 70%);	    /*Hintergrundfarbe*/
  --LF: #FFD700;		    /*LinienFarbe*/


  --r2: calc(var(--r1)/var(--pi1)); /*Radius innen sekundär (horizontal)*/
  --d: calc(var(--r1)*2); 	    /*Diameter innen*/

  --aLA: double;		    /*Linienart außen*/
  --aLS: calc(var(--r1)/16);	    /*LinienStärke außen*/
  --iLA: solid;			    /*Linienart innen*/
  --iLS: calc(var(--r1)/100);	    /*LinienStärke innen*/

  --aD: calc(var(--mD) * 2 * (var(--r1)) + 2*var(--aLS));
  --sP: calc(2/3 * var(--r1) * var(--mD)) /*absolut start Position for drawing inner circles*/

}


html,
body {
  height: 100%;
  /*overflow: hidden*/;
}
body {
  background: var(--HF);
  display: flex;
  align-items: center;
  justify-content: center;
}

.flower-of-life
{
  border: var(--aLS) var(--aLA) var(--LF);
  font-size: 26.18px;
  border-radius: 50%;
  box-sizing: border-box;
  width: var(--aD);
  height: var(--aD);
  position: relative;
  overflow: hidden;
}

.petal {
      border: var(--iLS) solid var(--LF);
      border-radius: 50%;
      box-sizing: border-box;
      width: var(--d);
      height: var(--d);
      position: absolute;
      margin-top: calc(0.445em + var(--aLS));
      margin-left: calc(0.445em + var(--aLS));
      top: -4em; left: -4em;

      &:nth-child(1) {top: calc(var(--sP) - var(--r1)*2.5); left: calc(var(--sP) - var(--r2)*5);}
      &:nth-child(2) {top: calc(var(--sP) - var(--r1)*1.5); left: calc(var(--sP) - var(--r2)*5);}
      &:nth-child(3) {top: calc(var(--sP) - var(--r1)*0.5); left: calc(var(--sP) - var(--r2)*5);}
      &:nth-child(4) {top: calc(var(--sP) + var(--r1)*0.5); left: calc(var(--sP) - var(--r2)*5);}
      &:nth-child(5) {top: calc(var(--sP) + var(--r1)*1.5); left: calc(var(--sP) - var(--r2)*5);}
      &:nth-child(6) {top: calc(var(--sP) + var(--r1)*2.5); left: calc(var(--sP) - var(--r2)*5);}

      &:nth-child(7) {top: calc(var(--sP) - var(--r1)*3); left: calc(var(--sP) - var(--r2)*4);}
      &:nth-child(8) {top: calc(var(--sP) - var(--r1)*2); left: calc(var(--sP) - var(--r2)*4);}
      &:nth-child(9) {top: calc(var(--sP) - var(--r1)*1); left: calc(var(--sP) - var(--r2)*4);}
      &:nth-child(10) {top: calc(var(--sP) - var(--r1)*0); left: calc(var(--sP) - var(--r2)*4);}
      &:nth-child(11) {top: calc(var(--sP) + var(--r1)*1); left: calc(var(--sP) - var(--r2)*4);}
      &:nth-child(12) {top: calc(var(--sP) + var(--r1)*2); left: calc(var(--sP) - var(--r2)*4);}
      &:nth-child(13) {top: calc(var(--sP) + var(--r1)*3); left: calc(var(--sP) - var(--r2)*4);}

      &:nth-child(14) {top: calc(var(--sP) - var(--r1)*3.5); left: calc(var(--sP) - var(--r2)*3);}      
      &:nth-child(15) {top: calc(var(--sP) - var(--r1)*2.5); left: calc(var(--sP) - var(--r2)*3);}
      &:nth-child(16) {top: calc(var(--sP) - var(--r1)*1.5); left: calc(var(--sP) - var(--r2)*3);}
      &:nth-child(17) {top: calc(var(--sP) - var(--r1)*0.5); left: calc(var(--sP) - var(--r2)*3);}
      &:nth-child(18) {top: calc(var(--sP) + var(--r1)*0.5); left: calc(var(--sP) - var(--r2)*3);}
      &:nth-child(19) {top: calc(var(--sP) + var(--r1)*1.5); left: calc(var(--sP) - var(--r2)*3);}
      &:nth-child(20) {top: calc(var(--sP) + var(--r1)*2.5); left: calc(var(--sP) - var(--r2)*3);}
      &:nth-child(21) {top: calc(var(--sP) + var(--r1)*3.5); left: calc(var(--sP) - var(--r2)*3);}

      &:nth-child(22) {top: calc(var(--sP) - var(--r1)*4); left: calc(var(--sP) - var(--r2)*2);}
      &:nth-child(23) {top: calc(var(--sP) - var(--r1)*3); left: calc(var(--sP) - var(--r2)*2);}
      &:nth-child(24) {top: calc(var(--sP) - var(--r1)*2); left: calc(var(--sP) - var(--r2)*2);}
      &:nth-child(25) {top: calc(var(--sP) - var(--r1)*1); left: calc(var(--sP) - var(--r2)*2);}
      &:nth-child(26) {top: calc(var(--sP) + var(--r1)*0); left: calc(var(--sP) - var(--r2)*2);}
      &:nth-child(27) {top: calc(var(--sP) + var(--r1)*1); left: calc(var(--sP) - var(--r2)*2);}
      &:nth-child(28) {top: calc(var(--sP) + var(--r1)*2); left: calc(var(--sP) - var(--r2)*2);}
      &:nth-child(29) {top: calc(var(--sP) + var(--r1)*3); left: calc(var(--sP) - var(--r2)*2);}
      &:nth-child(30) {top: calc(var(--sP) + var(--r1)*4); left: calc(var(--sP) - var(--r2)*2);}

      &:nth-child(31) {top: calc(var(--sP) - var(--r1)*4.5); left: calc(var(--sP) - var(--r2)*1);}      
      &:nth-child(32) {top: calc(var(--sP) - var(--r1)*3.5); left: calc(var(--sP) - var(--r2)*1);}
      &:nth-child(33) {top: calc(var(--sP) - var(--r1)*2.5); left: calc(var(--sP) - var(--r2)*1);}
      &:nth-child(34) {top: calc(var(--sP) - var(--r1)*1.5); left: calc(var(--sP) - var(--r2)*1);}
      &:nth-child(35) {top: calc(var(--sP) - var(--r1)*0.5); left: calc(var(--sP) - var(--r2)*1);}
      &:nth-child(36) {top: calc(var(--sP) + var(--r1)*0.5); left: calc(var(--sP) - var(--r2)*1);}
      &:nth-child(37) {top: calc(var(--sP) + var(--r1)*1.5); left: calc(var(--sP) - var(--r2)*1);}
      &:nth-child(38) {top: calc(var(--sP) + var(--r1)*2.5); left: calc(var(--sP) - var(--r2)*1);}
      &:nth-child(39) {top: calc(var(--sP) + var(--r1)*3.5); left: calc(var(--sP) - var(--r2)*1);}
      &:nth-child(40) {top: calc(var(--sP) + var(--r1)*4.5); left: calc(var(--sP) - var(--r2)*1);}

      &:nth-child(41) {top: calc(var(--sP) - var(--r1)*4); left: calc(var(--sP) - var(--r2)*0);}    
      &:nth-child(42) {top: calc(var(--sP) - var(--r1)*3); left: calc(var(--sP) - var(--r2)*0);}      
      &:nth-child(43) {top: calc(var(--sP) - var(--r1)*2); left: calc(var(--sP) - var(--r2)*0);}
      &:nth-child(44) {top: calc(var(--sP) - var(--r1)*1); left: calc(var(--sP) - var(--r2)*0);}
      &:nth-child(45) {top: calc(var(--sP) - var(--r1)*0); left: calc(var(--sP) + var(--r2)*0);}
      &:nth-child(46) {top: calc(var(--sP) + var(--r1)*1); left: calc(var(--sP) + var(--r2)*0);}
      &:nth-child(47) {top: calc(var(--sP) + var(--r1)*2); left: calc(var(--sP) + var(--r2)*0);}
      &:nth-child(48) {top: calc(var(--sP) + var(--r1)*3); left: calc(var(--sP) + var(--r2)*0);}
      &:nth-child(49) {top: calc(var(--sP) + var(--r1)*4); left: calc(var(--sP) + var(--r2)*0);}


      &:nth-child(50) {top: calc(var(--sP) - var(--r1)*4.5); left: calc(var(--sP) + var(--r2)*1);}
      &:nth-child(51) {top: calc(var(--sP) - var(--r1)*3.5); left: calc(var(--sP) + var(--r2)*1);}
      &:nth-child(52) {top: calc(var(--sP) - var(--r1)*2.5); left: calc(var(--sP) + var(--r2)*1);}
      &:nth-child(53) {top: calc(var(--sP) - var(--r1)*1.5); left: calc(var(--sP) + var(--r2)*1);}
      &:nth-child(54) {top: calc(var(--sP) - var(--r1)*0.5); left: calc(var(--sP) + var(--r2)*1);}
      &:nth-child(55) {top: calc(var(--sP) + var(--r1)*0.5); left: calc(var(--sP) + var(--r2)*1);}
      &:nth-child(56) {top: calc(var(--sP) + var(--r1)*1.5); left: calc(var(--sP) + var(--r2)*1);}
      &:nth-child(57) {top: calc(var(--sP) + var(--r1)*2.5); left: calc(var(--sP) + var(--r2)*1);}
      &:nth-child(58) {top: calc(var(--sP) + var(--r1)*3.5); left: calc(var(--sP) + var(--r2)*1);}
      &:nth-child(59) {top: calc(var(--sP) + var(--r1)*4.5); left: calc(var(--sP) + var(--r2)*1);}

      &:nth-child(60) {top: calc(var(--sP) - var(--r1)*4); left: calc(var(--sP) + var(--r2)*2);}
      &:nth-child(61) {top: calc(var(--sP) - var(--r1)*3); left: calc(var(--sP) + var(--r2)*2);}
      &:nth-child(62) {top: calc(var(--sP) - var(--r1)*2); left: calc(var(--sP) + var(--r2)*2);}
      &:nth-child(63) {top: calc(var(--sP) - var(--r1)*1); left: calc(var(--sP) + var(--r2)*2);}
      &:nth-child(64) {top: calc(var(--sP) + var(--r1)*0); left: calc(var(--sP) + var(--r2)*2);}
      &:nth-child(65) {top: calc(var(--sP) + var(--r1)*1); left: calc(var(--sP) + var(--r2)*2);}
      &:nth-child(66) {top: calc(var(--sP) + var(--r1)*2); left: calc(var(--sP) + var(--r2)*2);}
      &:nth-child(67) {top: calc(var(--sP) + var(--r1)*3); left: calc(var(--sP) + var(--r2)*2);}
      &:nth-child(68) {top: calc(var(--sP) + var(--r1)*4); left: calc(var(--sP) + var(--r2)*2);}

      &:nth-child(69) {top: calc(var(--sP) - var(--r1)*3.5); left: calc(var(--sP) + var(--r2)*3);}
      &:nth-child(70) {top: calc(var(--sP) - var(--r1)*2.5); left: calc(var(--sP) + var(--r2)*3);}
      &:nth-child(71) {top: calc(var(--sP) - var(--r1)*1.5); left: calc(var(--sP) + var(--r2)*3);}
      &:nth-child(72) {top: calc(var(--sP) - var(--r1)*0.5); left: calc(var(--sP) + var(--r2)*3);}
      &:nth-child(73) {top: calc(var(--sP) + var(--r1)*0.5); left: calc(var(--sP) + var(--r2)*3);}
      &:nth-child(74) {top: calc(var(--sP) + var(--r1)*1.5); left: calc(var(--sP) + var(--r2)*3);}
      &:nth-child(75) {top: calc(var(--sP) + var(--r1)*2.5); left: calc(var(--sP) + var(--r2)*3);}
      &:nth-child(76) {top: calc(var(--sP) + var(--r1)*3.5); left: calc(var(--sP) + var(--r2)*3);}

      &:nth-child(77) {top: calc(var(--sP) - var(--r1)*3); left: calc(var(--sP) + var(--r2)*4);}
      &:nth-child(78) {top: calc(var(--sP) - var(--r1)*2); left: calc(var(--sP) + var(--r2)*4);}
      &:nth-child(79) {top: calc(var(--sP) - var(--r1)*1); left: calc(var(--sP) + var(--r2)*4);}
      &:nth-child(80) {top: calc(var(--sP) + var(--r1)*0); left: calc(var(--sP) + var(--r2)*4);}
      &:nth-child(81) {top: calc(var(--sP) + var(--r1)*1); left: calc(var(--sP) + var(--r2)*4);}
      &:nth-child(82) {top: calc(var(--sP) + var(--r1)*2); left: calc(var(--sP) + var(--r2)*4);}
      &:nth-child(83) {top: calc(var(--sP) + var(--r1)*3); left: calc(var(--sP) + var(--r2)*4);}

      &:nth-child(84) {top: calc(var(--sP) - var(--r1)*1.5); left: calc(var(--sP) + var(--r2)*5);}
      &:nth-child(85) {top: calc(var(--sP) - var(--r1)*0.5); left: calc(var(--sP) + var(--r2)*5);}
      &:nth-child(86) {top: calc(var(--sP) + var(--r1)*0.5); left: calc(var(--sP) + var(--r2)*5);}
      &:nth-child(87) {top: calc(var(--sP) + var(--r1)*1.5); left: calc(var(--sP) + var(--r2)*5);}
}