/*
 Theme Name:   Hello Elementor Child
 Theme URI:    https://example.com/hello-elementor-child
 Description:  Ein Child-Theme für Hello Elementor
 Author:       Dein Name
 Author URI:   https://example.com
 Template:     hello-theme
 Version:      1.0.1
 Text Domain:  hello-elementor-child
*/

/* Hier kannst du deine eigenen CSS-Styles hinzufügen */


* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}



:root {
	--spacing-large: 2.618rem;
	--spacing-medium: 1.618rem;
	--spacing-small: 1rem;
}

/* Typographie
***********************************************************/
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
	text-wrap: balance;
	margin-block-start: var(--spacing-medium);
	margin-block-end: var(--spacing-small);

	/* Typo Ligaturen entfernen */
	font-variant-ligatures: none;
	-webkit-font-variant-ligatures: none;
	font-feature-settings: "liga" 0, "clig" 0;
}

h1:first-child, .h1:first-child,
h2:first-child, .h2:first-child,
h3:first-child, .h3:first-child,
h4:first-child, .h4:first-child,
h5:first-child, .h5:first-child,
h6:first-child, .h6:first-child {
	margin-block-start: 0;
}

h1, .h1 {
	margin-block-start: var(--spacing-large);
	margin-block-end: var(--spacing-medium);
}

h2, .h2 {
	margin-block-start: var(--spacing-large);
	margin-block-end: var(--spacing-medium);
}

h3, .h3 {
	margin-block-start: var(--spacing-medium);
	margin-block-end: var(--spacing-small);
}

h4, .h4 {
	margin-block-start: var(--spacing-medium);
	margin-block-end: var(--spacing-small);
}

h5, .h5 {
	margin-block-start: var(--spacing-small);
	margin-block-end: var(--spacing-small);
}

h6, .h6 {
	margin-block-start: var(--spacing-small);
	margin-block-end: var(--spacing-small);
}

p {
	margin-block-end: var(--spacing-small);
}

/* Link */
a[class] {
  text-decoration: none !important;
}

/* Button */
.elementor-button {
	&:hover,
	&:focus {
		font-size: var(--e-global-typography-1aef48c-font-size) !important;
	}
}



/* Fancy Scrollbar */
/* Webkit-basierte Browser (Chrome, Edge, Safari) */
::-webkit-scrollbar {
    width: 12px; /* Breite der Scrollleiste */
    height: 12px; /* Höhe der Scrollleiste (für horizontale Leisten) */
}

::-webkit-scrollbar-track {
    background: #454545; /* Hintergrund der Scrollleiste */
    border-radius: 10px; /* Runde Ecken */
}

::-webkit-scrollbar-thumb {
    background: #145B7D; /* Hauptfarbe der Scrollleiste */
    border-radius: 10px; /* Runde Ecken */
    border: 3px solid #454545; /* Abstand zum Track */
}

::-webkit-scrollbar-thumb:hover {
    background: #CE0058; /* Hellere Farbe beim Hover */
}

/* Für Firefox */
* {
    scrollbar-width: thin; /* Dünne Scrollleiste */
    scrollbar-color: #CE0058 #454545; /* Farbe des Griffs und Tracks */
}

/* Für Internet Explorer (Fallback ohne fancy Design) */
.scrollable {
    -ms-overflow-style: scrollbar; /* Native Scrollleiste */
}