/*
 Theme Name:   YOOtheme-Child UK14 2025
 Description:  Child Theme für uk14.de 2025
 Author:       cp
 Author URI:   https://well-development.de
 Template:     yootheme
 Version:      1.0
 Text Domain:  yoothemechild-uk14-2025
*/

/** Fonts ****************/
@font-face {
	src: local('Outfit Regular'),
         url('/wp-content/themes/yoothemechild-uk14-2025/fonts/Outfit-Regular.ttf') format('truetype');	
  	font-family: 'Outfit';
	font-style:  normal;
	font-weight: 350 449;
}

@font-face {
	src: local('Outfit Bold'),
         url('/wp-content/themes/yoothemechild-uk14-2025/fonts/Outfit-Bold.ttf') format('truetype');	
  	font-family: 'Outfit';
	font-style:  normal;
	font-weight: 600 999;
}

@font-face {
	src: local('Outfit Medium'),
         url('/wp-content/themes/yoothemechild-uk14-2025/fonts/Outfit-Medium.ttf') format('truetype');	
  	font-family: 'Outfit';
	font-style:  normal;
	font-weight: 450 599;
}

@font-face {
	src: local('Outfit Light'),
         url('/wp-content/themes/yoothemechild-uk14-2025/fonts/Outfit-Light.ttf') format('truetype');	
  	font-family: 'Outfit';
	font-style:  normal;
	font-weight: 001 349;
}

/** Farben + Masse ******************************/
:root{	
	/** Farben **/
	--wg-schwarz: #000000;
	--wg-dgrau:   #2f2f30;
	--wg-grau:    #555;
    --wg-orange:  #f2833f;
	--wg-horange: #ff9452;
	--wg-hblau:   #66c1dc;
	--wg-dweiss:  #f5f5ef;
	--wg-weiss:   #ffffff;
	--wg-bggrau:  #333333;
	--wg-transparent-white: #d3e6ee99;
	--wg-picture-overlay:   #22222277;
	
	/** text **/
	--wg-font:         Outfit, sans-serif;
	--wg-colortext:    var(--wg-schwarz); 
	--wg-font-klein:   16px;
	--wg-font-kleiner: 18px;
	--wg-font-mittel:  20px;
	--wg-lh-eng:       1.3;
	
	/** design **/
	--wg-bg-opacity: 0.8;
	
}

html body{
	color:       var(--wg-colortext);
	font-family: var(--wg-font);
	font-size:   var(--wg-font-mittel);

	& .uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-heading-2xlarge, .uk-heading-3xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge, h1, h2, h3, h4, h5, h6{
		font-family:    var(--wg-font);
		color:          var(--wg-colortext);
		text-transform: uppercase;
		font-weight:    bold;
	}
	
	& .wg-alignright{
		text-align: right;
	}

	& a, .uk-link{
		color: var(--wg-orange);
	}
}



/** ende **/