circle

Darstellung

Code

<div class="circle-wrapper">
<div class="inner-circle"></div>
<div class="outer-circle">

<a href="https://wp6.staudeintern.de/base-template/leistungen/augenlidstraffung/" style="transform: rotate(0deg);width:52.359877559833%;left: calc(50% - 52.359877559833% / 2)" aria-label="Augenlidstraffung" class="btn-inner-circle">
<div class="btn-inner-circle-image" style="background-image: url(https://wp6.staudeintern.de/base-template/wp-content/uploads/sites/6/praxis-2.jpeg);" aria-label="Augenlidstraffung" role="img"></div>
<div class="btn-inner-circle-title">Augenlidstraffung</div></a>
								
														
<a href="https://wp6.staudeintern.de/base-template/leistungen/botox/" style="transform: rotate(60deg);width:52.359877559833%;left: calc(50% - 52.359877559833% / 2)" aria-label="Botox" class="btn-inner-circle">
<div class="btn-inner-circle-image" style="background-image: url(https://wp6.staudeintern.de/base-template/wp-content/uploads/sites/6/praxis-3.jpeg);" aria-label="Botox" role="img"></div>
<div class="btn-inner-circle-title">Botox</div></a>
								
														
<a href="https://wp6.staudeintern.de/base-template/leistungen/facelift/" style="transform: rotate(120deg);width:52.359877559833%;left: calc(50% - 52.359877559833% / 2)" aria-label="Facelift" class="btn-inner-circle"><div class="btn-inner-circle-image" style="background-image: url(https://wp6.staudeintern.de/base-template/wp-content/uploads/sites/6/praxis-1.jpeg);" aria-label="Facelift" role="img"></div>
<div class="btn-inner-circle-title" style="transform: rotate(180deg);">Facelift</div></a>
								
														
<a href="https://wp6.staudeintern.de/base-template/leistungen/faltenunterspritzung/" style="transform: rotate(180deg);width:52.359877559833%;left: calc(50% - 52.359877559833% / 2)" aria-label="Falten­unterspritzung" class="btn-inner-circle"><div class="btn-inner-circle-image" style="background-image: url(https://wp6.staudeintern.de/base-template/wp-content/uploads/sites/6/praxis-2.jpeg);" aria-label="Falten­unterspritzung" role="img"></div><div class="btn-inner-circle-title" style="transform: rotate(180deg);">Falten­unterspritzung</div></a>
								
<a href="https://wp6.staudeintern.de/base-template/leistungen/faltenbehandlung/" style="transform: rotate(240deg);width:52.359877559833%;left: calc(50% - 52.359877559833% / 2)" aria-label="Faltenbehandlung" class="btn-inner-circle"><div class="btn-inner-circle-image" style="background-image: url(https://wp6.staudeintern.de/base-template/wp-content/uploads/sites/6/praxis-3.jpeg);" aria-label="Faltenbehandlung" role="img"></div><div class="btn-inner-circle-title" style="transform: rotate(180deg);">Faltenbehandlung</div></a>
								
<a href="https://wp6.staudeintern.de/base-template/leistungen/lippenkorrektur/" style="transform: rotate(300deg);width:52.359877559833%;left: calc(50% - 52.359877559833% / 2)" aria-label="Lippenkorrektur" class="btn-inner-circle"><div class="btn-inner-circle-image" style="background-image: url(https://wp6.staudeintern.de/base-template/wp-content/uploads/sites/6/praxis-1.jpeg);" aria-label="Lippenkorrektur" role="img"></div><div class="btn-inner-circle-title">Lippenkorrektur</div></a>

</div>
</div>