/*!
Theme Name: BHC Hello Elementor Child
Theme URI: https://example.com
Description: Ein Child Theme des Hello Elementor Themes
Version: 1.0.0
Requires at least: 5.0
Tested up to: 6.4
Requires PHP: 7.4
Author: Your Name
Author URI: https://example.com
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Template: hello-elementor
Text Domain: hello-elementor-child
Domain Path: /languages
*/

/* Child Theme Styles */

:root {
	--dfl-blau: #0174BF;
	--dfl-blau-2 : #3591C2;
	--dfl-blau-3 : #67ABD2;
	--dfl-blau-4 : #97C8E4;
	--dfl-blau-5 : #CCE4F1;
	--dfl-blau-bg : #F2F8FC;
	--dfl-gelb: #FFDA05;
	--dfl-pfirsich: #F7A941;
	--dfl-orange: #ED694B;
	--dfl-rose: #EB5D8B;
	--dfl-himbeer: #A84D97;
	--dfl-gold-hell: #E8C22C;
	--dfl-gold-dunkel: #AA8228;
 	--dfl-schwarz: #0E0E0E;
	--dfl-grau-darkest: #3C3C3C;
	--dfl-grau-dark: #878787;
	--dfl-grau: #BCBCBC;
	--dfl-grau-bright: #E3E3E3;
	--dfl-grau-brightest: #F3F3F3;
	--dfl-weiss: #FFFFFF;
  --dfl-ui-btn: #000877;
  --dfl-ui-btn-hover: #0174BF;
}
.link-underline a {
  position: relative;
  text-decoration: none;
  color: inherit; /* optional: Linkfarbe vom Umfeld erben */
}

.link-underline a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 2px;
  background-color: var(--dfl-blau);
  transform: scaleX(0);
  transform-origin: right center;   /* Linie läuft beim Verlassen nach rechts aus */
  transition: transform 0.3s ease-out;
}

.link-underline a:hover::after,
.link-underline a:focus-visible::after {
  transform: scaleX(1);
  transform-origin: left center;    /* Linie baut sich von links auf */
}
/* ### Buttons ### */
.btn-gradient {
	
  background-image: linear-gradient(
    to right,
    var(--dfl-ui-btn) 0%,
    var(--dfl-ui-btn) 50%,
    var(--dfl-ui-btn-hover) 50%,
    var(--dfl-ui-btn-hover) 100%
  );
  background-size: 200% 100%;
  background-position: right center;
  transition: background-position 0.5s ease;
}
.btn-gradient:hover {
  background-position: left center;
}