/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/********************************Schriften************************************/

/* news-cycle-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'News Cycle';
  font-style: normal;
  font-weight: 400;
  src: url('https://kuch-baustoffe.de/fonts/news-cycle-v26-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* news-cycle-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'News Cycle';
  font-style: normal;
  font-weight: 700;
  src: url('https://kuch-baustoffe.de/fonts/news-cycle-v26-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* kalam-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Kalam';
  font-style: normal;
  font-weight: 400;
  src: url('https://kuch-baustoffe.de/fonts/kalam-v18-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* kalam-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Kalam';
  font-style: normal;
  font-weight: 700;
  src: url('https://kuch-baustoffe.de/fonts/kalam-v18-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/**********************************Header***********************************/

/* Logos */
.logo-big { display: block; transition: opacity 0.3s ease; }
.logo-small { display: none; transition: opacity 0.3s ease; }

/* Header Shrink + Hintergrundfarbe */
.elementor-section.elementor-sticky--active {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    background-color: white !important; /* <-- hier Hintergrund auf Weiß */
    transition: all 0.3s ease;
}

.kontaktbar{
	z-index: 99999 !important;
    width: 300px !important;
    position: fixed !important;
    right: -235px !important;
    top: 25% !important;
	transition: all 0.5s ease !important; 
	height: 268px !important;
}

.kontaktbar a:hover{
	color: #fff !important;
}

.kontaktbar:hover{
	right: 0px !important;
}

.kontaktbar p, .kontaktbar a{
	font-family: 'News Cycle' !important;
	font-style: normal !important;
	font-weight: 700 !important;
	font-size: 18px !important;
	line-height: 24px !important;
	color: #fff !important;
}

a.elementor-item{
	font-family: 'News Cycle' !important;
	font-style: normal !important;
	font-weight: 700 !important;
	color: #474b45 !important;
	text-transform: uppercase !important;
	font-size: 18px !important;
	line-height: 22px !important;
	letter-spacing: 0.5px !important;
}

a.elementor-item:hover {
	color: #e9510e !important;
}

/**********************************Body*************************************/

h1{
	font-family: 'News Cycle' !important;
	font-style: normal !important;
	font-weight: 700 !important;
	font-size: 22px !important;
	line-height: 34px !important;
	color: #e9510e !important;
	text-transform: uppercase !important;
	letter-spacing: 2px !important;
}

h2, h3, h4, h5, h6{
	font-family: 'News Cycle' !important;
	font-style: normal !important;
	font-weight: 700 !important;
	font-size: 50px !important;
	line-height: 60px !important;
	color: #474b45 !important;
}

.startseite h1{
	font-family: 'News Cycle' !important;
	font-style: normal !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	color: #fff !important;
	font-size: 60px !important;
	line-height: 75px !important;
	letter-spacing: 2px !important;
}

.schmuck h2, .schmuck h3, .schmuck h4, .schmuck h5, .schmuck h6{
	font-family: 'Kalam' !important;
	font-style: normal !important;
	font-weight: 400 !important;
	color: #e9510e !important;
	font-size: 42px !important;
	line-height: 50px !important;
}

body, html{
	overflow-x: hidden !important;
}

body, p, label.elementor-field-label, li{
	font-family: 'News Cycle' !important;
	font-style: normal !important;
	font-weight: 400 !important;
	color: #474b45 !important;
	font-size: 22px !important;
	line-height: 34px !important;
}

label.elementor-field-label{
	font-family: 'News Cycle' !important;
	font-style: normal !important;
	font-weight: 700 !important;
	color: #474b45 !important;
	font-size: 22px !important;
	line-height: 34px !important;
}

span.elementor-field-option {
    font-size: 16px !important;
    line-height: 22px !important;
}

span.elementor-button-text {
    text-transform: uppercase !important;
	font-size: 20px !important;
}

button.elementor-button.elementor-size-sm {
    box-shadow: 3px 6px 6px 0 rgba(0, 0, 0, .16) !important;
}

a{
	color: #474b45 !important;
}

a:hover{
	color: #e9510e !important;
}

a.elementor-button.elementor-button-link.elementor-size-sm{
	font-family: 'News Cycle' !important;
	font-style: normal !important;
	font-weight: 700 !important;
	font-size: 18px !important;
	letter-spacing: 1px !important;
	text-transform: uppercase !important;
	height: 60px !important;
    width: 250px !important;
    padding-top: 20px !important;
	color: #fff !important;
}


a.elementor-button.elementor-button-link.elementor-size-sm:hover{
	color: #e9510e !important;
}

/*********************************Footer************************************/


.footer a, .footer p{
	font-family: 'News Cycle' !important;
	font-style: normal !important;
	font-weight: 400 !important;
	color: #474b45 !important;
	line-height: 30px !important;
}

.footer p{
	font-size: 20px !important;
}

.footerlinks a{
	font-family: 'News Cycle' !important;
	font-style: normal !important;
	font-weight: 700 !important;
	color: #474b45 !important;
	line-height: 30px !important;
}

.footerlinks a:hover, .footer a:hover{
	color: #e9510e !important;
}


/*******************************Media-Queries************************************/
@media only screen and (max-width: 991px){
h2, h3, h4, h5, h6{
	font-size: 30px !important;
	line-height: 40px !important;
	}
	
.startseite h1{
	font-size: 30px !important;
	line-height: 40px !important;
	}
	
.schmuck h2, .schmuck h3, .schmuck h4, .schmuck h5, .schmuck h6{
	font-size: 30px !important;
	line-height: 40px !important;
}
}