.elementor-kit-17{--e-global-color-primary:#009FE3;--e-global-color-secondary:#00FFD0;--e-global-color-text:#000000;--e-global-color-accent:#474747;--e-global-color-7a5c4ff:#009FE3;--e-global-color-abefd04:#1D71B8;--e-global-color-249fccb:#009FE3;--e-global-color-3b4647a:#FBF7ED;--e-global-color-5565a21:#000000;--e-global-color-6660f36:#FFFFFF;--e-global-color-45ba1b1:#474747;--e-global-color-e667d35:#CFD2D8;--e-global-color-70a3480:#BDBDBD;--e-global-typography-primary-font-family:"Maven Pro";--e-global-typography-primary-font-size:4.5rem;--e-global-typography-primary-font-weight:500;--e-global-typography-primary-text-transform:none;--e-global-typography-primary-font-style:normal;--e-global-typography-primary-text-decoration:none;--e-global-typography-primary-line-height:1.2em;--e-global-typography-primary-letter-spacing:0px;--e-global-typography-primary-word-spacing:0px;--e-global-typography-secondary-font-family:"Maven Pro";--e-global-typography-secondary-font-size:4rem;--e-global-typography-secondary-font-weight:500;--e-global-typography-secondary-text-transform:none;--e-global-typography-secondary-font-style:normal;--e-global-typography-secondary-text-decoration:none;--e-global-typography-secondary-line-height:1.2em;--e-global-typography-text-font-family:"Maven Pro";--e-global-typography-text-font-size:1.125rem;--e-global-typography-text-font-weight:400;--e-global-typography-text-text-transform:none;--e-global-typography-text-font-style:normal;--e-global-typography-text-text-decoration:none;--e-global-typography-text-line-height:1.2em;--e-global-typography-accent-font-family:"Maven Pro";--e-global-typography-accent-font-size:1.25rem;--e-global-typography-accent-font-weight:500;--e-global-typography-accent-text-transform:none;--e-global-typography-accent-font-style:normal;--e-global-typography-accent-text-decoration:none;--e-global-typography-accent-line-height:1em;--e-global-typography-e4a3d33-font-family:"Maven Pro";--e-global-typography-e4a3d33-font-size:1.5rem;--e-global-typography-e4a3d33-font-weight:500;--e-global-typography-e4a3d33-text-transform:none;--e-global-typography-e4a3d33-font-style:normal;--e-global-typography-e4a3d33-text-decoration:none;--e-global-typography-e4a3d33-line-height:1.2em;--e-global-typography-1ab799a-font-family:"Maven Pro";--e-global-typography-1ab799a-font-size:1.25rem;--e-global-typography-1ab799a-font-weight:500;--e-global-typography-1ab799a-text-transform:none;--e-global-typography-1ab799a-font-style:normal;--e-global-typography-1ab799a-text-decoration:none;--e-global-typography-1ab799a-line-height:1.2em;--e-global-typography-9e1505c-font-family:"Maven Pro";--e-global-typography-9e1505c-font-size:2.5rem;--e-global-typography-9e1505c-font-weight:500;--e-global-typography-9e1505c-text-transform:none;--e-global-typography-9e1505c-font-style:normal;--e-global-typography-9e1505c-text-decoration:none;--e-global-typography-9e1505c-line-height:1.2em;--e-global-typography-d87cfab-font-family:"Maven Pro";--e-global-typography-d87cfab-font-size:2rem;--e-global-typography-d87cfab-font-weight:500;--e-global-typography-d87cfab-text-transform:none;--e-global-typography-d87cfab-font-style:normal;--e-global-typography-d87cfab-text-decoration:none;--e-global-typography-d87cfab-line-height:1.2em;font-family:"Maven Pro", Sans-serif;font-size:17px;font-weight:400;}.elementor-kit-17 button,.elementor-kit-17 input[type="button"],.elementor-kit-17 input[type="submit"],.elementor-kit-17 .elementor-button{background-color:var( --e-global-color-7a5c4ff );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );line-height:var( --e-global-typography-accent-line-height );color:var( --e-global-color-6660f36 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-text );border-radius:100px 100px 100px 100px;padding:0.75rem 1.75rem 0.75rem 1.75rem;}.elementor-kit-17 button:hover,.elementor-kit-17 button:focus,.elementor-kit-17 input[type="button"]:hover,.elementor-kit-17 input[type="button"]:focus,.elementor-kit-17 input[type="submit"]:hover,.elementor-kit-17 input[type="submit"]:focus,.elementor-kit-17 .elementor-button:hover,.elementor-kit-17 .elementor-button:focus{background-color:#009FE300;color:var( --e-global-color-text );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-text );}.elementor-kit-17 e-page-transition{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-abefd04 ) 0%, var( --e-global-color-249fccb ) 50%);}.elementor-kit-17 p{margin-block-end:0px;}.elementor-kit-17 a{color:var( --e-global-color-primary );}.elementor-kit-17 a:hover{color:var( --e-global-color-abefd04 );}.elementor-kit-17 img{border-radius:2px 2px 2px 2px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}.e-con{--container-max-width:1440px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header{padding-inline-end:0px;padding-inline-start:0px;}@media(max-width:1024px){.elementor-kit-17{--e-global-typography-primary-font-size:3.375rem;--e-global-typography-primary-line-height:1.2em;--e-global-typography-secondary-font-size:3rem;--e-global-typography-secondary-line-height:1.2em;--e-global-typography-text-font-size:1rem;--e-global-typography-text-line-height:1.2em;--e-global-typography-accent-font-size:1.125rem;--e-global-typography-accent-line-height:1.2em;--e-global-typography-e4a3d33-font-size:1.4rem;--e-global-typography-e4a3d33-line-height:1.2em;--e-global-typography-d87cfab-font-size:1.75rem;}.elementor-kit-17 button,.elementor-kit-17 input[type="button"],.elementor-kit-17 input[type="submit"],.elementor-kit-17 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-17{--e-global-typography-primary-font-size:2.25rem;--e-global-typography-primary-line-height:1.2em;--e-global-typography-secondary-font-size:2rem;--e-global-typography-secondary-line-height:1.2em;--e-global-typography-text-font-size:1rem;--e-global-typography-text-line-height:1.2em;--e-global-typography-accent-font-size:1rem;--e-global-typography-e4a3d33-font-size:1.3rem;--e-global-typography-e4a3d33-line-height:1.2em;--e-global-typography-9e1505c-font-size:2rem;--e-global-typography-9e1505c-line-height:1.2em;--e-global-typography-d87cfab-font-size:1.5rem;}.elementor-kit-17 button,.elementor-kit-17 input[type="button"],.elementor-kit-17 input[type="submit"],.elementor-kit-17 .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.btn-anim {
  overflow: hidden;
  position: relative; /* Wichtig für ::before */
  color: #ffff !important;
  border-radius: 30px !important;
  transition: color 0.4s ease-in-out;
}

.btn-anim::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #009FE3;
  transition: width 0.4s ease-in-out;
  pointer-events: none; /* <<< Verhindert, dass ::before Klicks blockiert */
  z-index: 0;
}

.btn-anim:hover::before {
  width: 100%;
}

.btn-anim span {
  position: relative;
  z-index: 1;
  transition: color 0.4s ease-in-out;
}

.btn-anim:hover span {
  color: #ffffff !important;
}

.btn-anim i,
.btn-anim svg {
  position: relative;
  z-index: 1;
  transition: color 0.4s ease-in-out, fill 0.4s ease-in-out;
  color: #fff !important;
  fill: #fff !important;
}

.btn-anim:hover i,
.btn-anim:hover svg {
  color: #ffffff !important;
  fill: #ffffff !important;
}








.btn-anim-transparent {
  overflow: hidden;
  position: relative; /* Wichtig für ::before */
  color: #ffff !important;
  border-radius: 30px !important;
  transition: color 0.4s ease-in-out;
}

.btn-anim-transparent::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #507399
;
  transition: width 0.4s ease-in-out;
  pointer-events: none; /* <<< Verhindert, dass ::before Klicks blockiert */
  z-index: 0;
}

.btn-anim-transparent:hover::before {
  width: 100%;
}

.btn-anim-transparent span {
  position: relative;
  z-index: 1;
  transition: color 0.4s ease-in-out;
}

.btn-anim-transparent:hover span {
  color: #ffffff !important;
}

.btn-anim-transparent i,
.btn-anim-transparent svg {
  position: relative;
  z-index: 1;
  transition: color 0.4s ease-in-out, fill 0.4s ease-in-out;
  color: #fff !important;
  fill: #fff !important;
}

.btn-anim-transparent:hover i,
.btn-anim-transparent:hover svg {
  color: #ffffff !important;
  fill: #ffffff !important;
}







.btn-anim-dark {
  overflow: hidden;
  position: relative; /* Wichtig für ::before */
  color: #ffff !important;
  border-radius: 30px !important;
  transition: color 0.4s ease-in-out;
}

.btn-anim-dark::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #051125;
  transition: width 0.4s ease-in-out;
  pointer-events: none; /* <<< Verhindert, dass ::before Klicks blockiert */
  z-index: 0;
}

.btn-anim-dark:hover::before {
  width: 100%;
}

.btn-anim-dark span {
  position: relative;
  z-index: 1;
  transition: color 0.4s ease-in-out;
}

.btn-anim-dark:hover span {
  color: #ffffff !important;
}

.btn-anim-dark i,
.btn-anim-dark svg {
  position: relative;
  z-index: 1;
  transition: color 0.4s ease-in-out, fill 0.4s ease-in-out;
  color: #fff !important;
  fill: #fff !important;
}

.btn-anim-dark:hover i,
.btn-anim-dark:hover svg {
  color: #ffffff !important;
  fill: #ffffff !important;
}











.btn-anim-clean {
  overflow: hidden;
  position: relative; /* Wichtig für ::before */
  border-radius: 30px !important;
  transition: color 0.4s ease-in-out;
  /* color wird von Elementor gesteuert */
}

.btn-anim-clean::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #009FE3;
  transition: width 0.4s ease-in-out;
  pointer-events: none; 
  z-index: 0;
}

.btn-anim-clean:hover::before {
  width: 100%;
}

.btn-anim-clean span {
  position: relative;
  z-index: 1;
  transition: color 0.4s ease-in-out;
  /* color wird von Elementor gesteuert */
}

.btn-anim-clean i,
.btn-anim-clean svg {
  position: relative;
  z-index: 1;
  transition: color 0.4s ease-in-out, fill 0.4s ease-in-out;
  /* keine feste Farbe, damit Elementor die Icon-Farbe steuern kann */
}

.btn-anim-clean:hover span,
.btn-anim-clean:hover i,
.btn-anim-clean:hover svg {
  /* Wenn du Hoverfarbe per CSS erzwingen willst, hier z. B.:
  color: #ffffff;
  fill: #ffffff;
  Ansonsten Elementor steuern lassen */
}






.btn-anim-white {
  overflow: hidden;
  position: relative; /* Wichtig für ::before */
  color: #ffffff !important;
  border: 1px solid #009FE3 !important;
  border-radius: 30px !important;
  transition: color 0.4s ease-in-out, border-color 0.4s ease-in-out;
}

.btn-anim-white::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #ffffff;
  transition: width 0.4s ease-in-out;
  pointer-events: none;
  z-index: 0;
}

.btn-anim-white:hover::before {
  width: 100%;
}

.btn-anim-white span {
  position: relative;
  z-index: 1;
  transition: color 0.4s ease-in-out;
  color: #ffffff !important;
}

.btn-anim-white:hover span {
  color: #009FE3 !important;
}

.btn-anim-white i,
.btn-anim-white svg {
  position: relative;
  z-index: 1;
  transition: color 0.4s ease-in-out, fill 0.4s ease-in-out;
  color: #ffffff !important;
  fill: #ffffff !important;
}

.btn-anim-white:hover i,
.btn-anim-white:hover svg {
  color: #009FE3 !important;
  fill: #009FE3 !important;
}



#cps {
  padding-left: clamp(20px, 5vw, 50px);
  padding-right: clamp(20px, 5vw, 50px);
}



@media (max-width: 1023px) {
  .elementor-heading-title {
    white-space: normal !important;
    word-break: break-word !important;
    hyphens: auto !important;
    max-width: 100% !important;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Maven Pro';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://codeklar.com/wp-content/uploads/2025/06/MavenPro-Medium.ttf') format('truetype');
}
/* End Custom Fonts CSS */