/* 
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
*/


/***********************************Fonts****************************************/


/* bodoni-moda-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: 'Bodoni Moda';
  font-style: normal;
  font-weight: 700;
  src: url('https://scheuna.de/fonts/bodoni-moda-v25-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* bodoni-moda-900 - 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: 'Bodoni Moda';
  font-style: normal;
  font-weight: 900;
  src: url('https://scheuna.de/fonts/bodoni-moda-v25-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-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: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('https://scheuna.de/fonts/montserrat-v29-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-600 - 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: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('https://scheuna.de/fonts/montserrat-v29-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-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: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('https://scheuna.de/fonts/montserrat-v29-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


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

.nav p, .nav a{
	font-family: 'Montserrat' !important;
	font-style: normal !important;
	font-weight: 700 !important;
	color: #1d1d1b !important;
	text-transform: uppercase !important;
	font-size: 20px !important;
	line-height: 20px !important;
	letter-spacing: 1px !important;
}

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

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

h1, h2, h3, h4, h5, h6{
	font-family: 'Montserrat' !important;
	font-style: normal !important;
	font-weight: 700 !important;
	color: #1d1d1b !important;
	text-transform: uppercase !important;
	letter-spacing: 2px !important;
}

h1{
	font-size: 50px !important;
	line-height: 60px !important;
}

h2 {
	font-size: 40px !important;
	line-height: 50px !important;
}

h3{
	font-size: 28px !important;
}

body, p, li{
	font-family: 'Montserrat' !important;
	font-style: normal !important;
	font-weight: 400 !important;
	color: #1d1d1b !important;
	font-size: 20px !important;
	line-height: 32px !important;
}

a{
	color: #1d1d1b !important;
	text-decoration: none !important;
}

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

.weiss h1, .weiss h2, .weiss h3, .weiss p, .weiss a, .weiss span, .footer p, .footer a, .rechtliches p, .rechtliches a{
	color: #fff !important;
}

.schmuck h2{
	font-family: 'Bodoni Moda' !important;
	font-style: normal !important;
	font-weight: 700 !important;
	font-size: 40px !important;
	line-height: 50px !important;
	letter-spacing: 2px !important;
}

.preise p{
	font-family: 'Montserrat' !important;
	font-style: normal !important;
	font-weight: 700 !important;
	color: #1d1d1b !important;
	font-size: 16px !important;
	line-height: 18px !important;
	letter-spacing: 1px !important;
	margin-block-end: -12px !important;
}

.zusatzstoffe p{
	font-family: 'Montserrat' !important;
	font-style: normal !important;
	font-weight: 400 !important;
	color: #1d1d1b !important;
	font-size: 12px !important;
	line-height: 16px !important;
	letter-spacing: 1px !important;
}

p{
	margin-block-end: 0rem !important;
}

em{
	font-family: 'Montserrat' !important;
	font-style: normal !important;
	font-weight: 400 !important;
	color: #1d1d1b !important;
	font-size: 12px !important;
	line-height: 0px !important;
	letter-spacing: 0px !important;
}

div#cmplz-document {
    max-width: 100% !important;
}


/***************Logomodifikation on scroll****************/

.logo {
  transform: scale(1) translateY(0px);
  transition: transform 0.5s ease !important;
}

.logo.shrink {
  transform: scale(0.65) translateY(-70px);
}

.head {
  background-color: rgba(255, 255, 255, 0);
  transition: background-color 2s ease !important;
}

.head.scrolled {
  background-color: rgba(255, 255, 255, 0.82);
}

.elementor-sticky--effects {
  background-color: rgba(255, 255, 255, 0);
  transition: background-color 2s ease !important;
}

.elementor-sticky--effects.header-scrolled {
  background-color: rgba(255, 255, 255, 0.85) !important;
}

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

.rechtliches p{
	font-size: 16px !important;
	transition: all 0.3s ease !important;
}

.rechtliches p:hover{
	transform: scale(1.05) !important;
}



/*********************************Media Queries***********************************/

@media only screen and (max-width: 1200px){
	h1{
		font-size: 28px !important;
		line-height: 32px !important;
}
	h2 {
		font-size: 24px !important;
		line-height: 28px !important;
	}
	
	h3{
		font-size: 20px !important;
	}
	
	body, p{
		font-size: 18px !important;
		line-height: 28px !important;
	}
	
	.preise p{
		font-size: 14px !important;
		line-height: 16px !important;
	}
	
	.nav p, .nav a{
		font-size: 16px !important;
		line-height: 16px !important;
	}
}