/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.5.1765200719
Updated: 2025-12-08 14:31:59

*/

 
:root{ 
            --radius-xs: clamp(0.4rem, calc(0vw + 0.4rem), 0.4rem);
    --radius-s: clamp(0.6rem, calc(-0.19vw + 0.86rem), 0.8rem);
    --radius-m: clamp(1rem, calc(-0.19vw + 1.26rem), 1.2rem);
    --radius-l: clamp(3rem, calc(0vw + 3rem), 3rem);
    --radius-xl: clamp(3rem, calc(-0.93vw + 4.3rem), 4rem);
    --radius-full: 999rem;
 
    --space-4xs: clamp(0.52rem, calc(-0.03vw + 0.53rem), 0.49rem);
    --space-3xs: clamp(0.66rem, calc(0.04vw + 0.64rem), 0.7rem);
    --space-2xs: clamp(0.82rem, calc(0.16vw + 0.77rem), 0.99rem);
    --space-xs: clamp(1.02rem, calc(0.35vw + 0.91rem), 1.4rem);
    --space-s: clamp(1.28rem, calc(0.65vw + 1.07rem), 1.98rem);
    --space-m: clamp(1.6rem, calc(1.11vw + 1.24rem), 2.8rem);
    --space-l: clamp(2rem, calc(1.81vw + 1.42rem), 3.96rem);
    --space-xl: clamp(2.5rem, calc(2.87vw + 1.58rem), 5.6rem);
    --space-2xl: clamp(3.13rem, calc(4.44vw + 1.71rem), 7.92rem);
    --space-3xl: clamp(3.91rem, calc(6.75vw + 1.75rem), 11.19rem);
    --space-4xl: clamp(4.88rem, calc(10.13vw + 1.64rem), 15.83rem);
    
	--text-xs: clamp(1.25rem, calc(-0.22vw + 1.32rem), 1.01rem);
    --text-s: clamp(1.5rem, calc(-0.14vw + 1.54rem), 1.35rem);
    --text-m: clamp(1.8rem, calc(0vw + 1.8rem), 1.8rem);
    --text-l: clamp(2.16rem, calc(0.22vw + 2.09rem), 2.4rem);
    --text-xl: clamp(2.59rem, calc(0.56vw + 2.41rem), 3.2rem);
    --text-2xl: clamp(3.11rem, calc(1.07vw + 2.77rem), 4.26rem);
    --text-3xl: clamp(3.73rem, calc(1.81vw + 3.15rem), 5.68rem);
    --text-4xl: clamp(4.48rem, calc(2.87vw + 3.56rem), 7.58rem);

}

html{
	font-size:62.5%;
	
}
body{font-size:18px;

}

/* var(--text-4xl)   */
/* var(--space-2xl:)   */
/* var(--radius-xl) */

h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
  word-break: break-word;
  hyphens: auto;
}


.fake-btn.main{
}
.fake-btn.main:hover p{
color: var(--e-global-color-primary) !important;
}


.gold-frame {
  border: 10px solid transparent;
  border-radius: 12px; /* wenn du eckig willst → 0px */
  
  background-image:
    linear-gradient(#1a1a1a, #1a1a1a),
    linear-gradient(135deg, #f6e5b2, #d7b46a 40%, #b08a37 70%, #f6e5b2);
  
  background-origin: border-box;
  background-clip: padding-box, border-box;
  
  padding: 20px; /* Abstand vom Rahmen zum Inhalt */
}


.gradien-bild{
} 
selector {
  position: relative;
  display: inline-block;
  z-index: 1;
}

selector::before {
  content: "";
  position: absolute;
  top: -10px;
  left: -10px;
  width: 80%;
  height: 4px;
  background: linear-gradient(
    to right,               /* Richtung bleibt */
    #7e22ce,                /* dunkles Lila zuerst */
    #a855f7,
    #e9d5ff                 /* helles Lila zuletzt */
  );
  z-index: 0;
}

selector::after {
  content: "";
  position: absolute;
  top: -10px;
  left: -10px;
  height: 50%;
  width: 4px;
  background: linear-gradient(
    to bottom,              /* Richtung bleibt */
    #7e22ce,
    #a855f7,
    #e9d5ff
  );
  z-index: 0;
}

/* Macht ein Link bei hellem Hintergrund  dunkel*/ 

.link-dunkel a {
  color: var(--e-global-color-text);
  text-decoration: none;        /* keine Unterstreichung */
  transition: color 0.3s ease;  /* weicher Übergang */

}

.link-dunkel a:hover {
  color: var(--e-global-color-secondary); /* z.B. eine Akzentfarbe */
}
html, body {
    max-width: 100%;
    overflow-x: hidden;
}