/*
Theme Name: hello-elementor-child
Description: hello-elementor-child
Theme Author: WpProgrammierer
Author URI: https://wpprogrammierer.de
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
body {cursor:default;}
.sticky-header {
	 position: sticky; /* or -webkit-sticky for older Safari */
  top: 0;           /* distance from the top when it sticks */
  z-index: 100;     /* ensure it stays above other elements if needed */
  background: white; /* optional, to cover content underneath */	
}
.word-container {
  position: relative;
  display: inline-block;
  padding: 12px 0;
	font-size: 50px;
	font-weight: 600;
}

.color1 {
	color: #FAD564;
}
.color2 {
	color: #B4BD62;
}
.color3 {
	color: #8EBD9D;
}


.word {
  left: 0;
  top: 0;
  opacity: 0.2;
  transition: opacity 0.6s ease;
  white-space: nowrap;
}

.word.active {
  opacity: 1;
	
}


.circle-text{
  --radius: 220px;                 /* Kreisradius */
  position: relative;
  width: calc(var(--radius)*2);
  height: calc(var(--radius)*2);
  margin: 0 auto;
}

.circle-text span{
  position: absolute;
  left: 50%;
  top: 50%;
  font: 16px/1 "Poppins", system-ui, sans-serif;
  white-space: pre;                /* Leerzeichen bleiben sichtbar */
  transform-origin: 0 0;           /* Drehpunkt = Containerzentrum */
  /* WICHTIG: Erst drehen, dann um den Radius verschieben, dann Text aufrichten */
  transform:
    rotate(var(--angle))
    translateX(var(--radius))
    rotate(calc(-1 * var(--angle)));
}

.contact-form {
	color: white;
}