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

/* montserrat-300 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('https://stahlbau-gribbe.de/fonts/montserrat-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://stahlbau-gribbe.de/fonts/montserrat-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://stahlbau-gribbe.de/fonts/montserrat-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://stahlbau-gribbe.de/fonts/montserrat-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('https://stahlbau-gribbe.de/fonts/montserrat-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://stahlbau-gribbe.de/fonts/montserrat-v15-latin-300.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-500 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('https://stahlbau-gribbe.de/fonts/montserrat-v15-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://stahlbau-gribbe.de/fonts/montserrat-v15-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://stahlbau-gribbe.de/fonts/montserrat-v15-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://stahlbau-gribbe.de/fonts/montserrat-v15-latin-500.woff') format('woff'), /* Modern Browsers */
       url('https://stahlbau-gribbe.de/fonts/montserrat-v15-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://stahlbau-gribbe.de/fonts/montserrat-v15-latin-500.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-900 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  src: url('https://stahlbau-gribbe.de/fonts/montserrat-v15-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://stahlbau-gribbe.de/fonts/montserrat-v15-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://stahlbau-gribbe.de/fonts/montserrat-v15-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://stahlbau-gribbe.de/fonts/montserrat-v15-latin-900.woff') format('woff'), /* Modern Browsers */
       url('https://stahlbau-gribbe.de/fonts/montserrat-v15-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://stahlbau-gribbe.de/fonts/montserrat-v15-latin-900.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-600 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('https://stahlbau-gribbe.de/fonts/montserrat-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://stahlbau-gribbe.de/fonts/montserrat-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://stahlbau-gribbe.de/fonts/montserrat-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://stahlbau-gribbe.de/fonts/montserrat-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('https://stahlbau-gribbe.de/fonts/montserrat-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://stahlbau-gribbe.de/fonts/montserrat-v15-latin-600.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-700 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('https://stahlbau-gribbe.de/fonts/montserrat-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://stahlbau-gribbe.de/fonts/montserrat-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://stahlbau-gribbe.de/fonts/montserrat-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://stahlbau-gribbe.de/fonts/montserrat-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('https://stahlbau-gribbe.de/fonts/montserrat-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://stahlbau-gribbe.de/fonts/montserrat-v15-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-800 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: url('https://stahlbau-gribbe.de/fonts/montserrat-v15-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://stahlbau-gribbe.de/fonts/montserrat-v15-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://stahlbau-gribbe.de/fonts/montserrat-v15-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://stahlbau-gribbe.de/fonts/montserrat-v15-latin-800.woff') format('woff'), /* Modern Browsers */
       url('https://stahlbau-gribbe.de/fonts/montserrat-v15-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://stahlbau-gribbe.de/fonts/montserrat-v15-latin-800.svg#Montserrat') format('svg'); /* Legacy iOS */
}


/*********************************************Header***********************************************/
a.elementor-item{
	font-family: "Montserrat" !important;
	font-weight: 700 !important;
	font-size: 20px !important;
	line-height: 24px !important;
	letter-spacing: 1px !important;
	color: #fff !important;
	text-transform: uppercase !important;
}

a.elementor-item.elementor-item-anchor{
    color: #333332 !important;
	font-size: 15px !important;
    line-height: 1px !important;
}

.elementor-nav-menu .current_page_ancestor > a, .elementor-nav-menu .current-menu-item > a{
  color: #333332 !important;
}

.elementor-nav-menu--dropdown {
	background-color: rgb(255 255 255 / 0%) !important;
}

#sticky{
	-webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.2); 
	box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.2);
}

#sticky2 {
    position: fixed !important;
	width: 100%;
	top: 0px;
	-webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.2); 
	box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.2);
}

#sticky a.elementor-item, #sticky2 a.elementor-item{
	color: #333332 !important;
}

nav.elementor-nav-menu--dropdown.elementor-nav-menu__container {
    padding-bottom: 20px;
}

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

h1{
	font-family: "Montserrat" !important;
	font-weight: 700 !important;
	font-size: 58px !important;
	line-height: 71px !important;
	letter-spacing: 3px !important;
	color: #fff !important;
	text-transform: uppercase !important;
}

h2{
	font-family: "Montserrat" !important;
	font-weight: 800 !important;
	font-size: 60px !important;
	line-height: 65px !important;
	letter-spacing: 2px !important;
	text-transform: uppercase !important;
	color: #333332 !important;
}

.intro p{
	font-family: "Montserrat" !important;
	font-weight: 500 !important;
	font-size: 40px !important;
	line-height: 48px !important;
	letter-spacing: 2px !important;
	color: #B2B2B2 !important;
}

.bigwhite p{
	font-family: "Montserrat" !important;
	font-weight: 600 !important;
	font-size: 36px !important;
	line-height: 48px !important;
	letter-spacing: 1px !important;
	color: #fff !important;
}

html, body{
	overflow-x: hidden;
}

body, p, li{
	font-family: "Montserrat" !important;
	font-weight: 500 !important;
	font-size: 20px !important;
	line-height: 32px !important;
	letter-spacing: 0.5px !important;
	color: #333332 !important;
}

span.elementor-button-text{
	font-family: "Montserrat" !important;
	font-weight: 700 !important;
	font-size: 20px !important;
	line-height: 24px !important;
	letter-spacing: 3px !important;
	color: #fff !important;
	text-transform: uppercase !important;
}

.schatten{
	-webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.2); 
	box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.2);
}

.swiper-pagination-bullet {
    width: 40px !important;
    height: 8px !important;
    -webkit-border-radius: 0% !important;
    border-radius: 0% !important;
	float: right !important;
}

.multiply{
	mix-blend-mode: multiply;
}

a{
	color: #333332 !important;
}

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

.zwischentitel p{
	font-family: "Montserrat" !important;
	font-weight: 800 !important;
	font-size: 42px !important;
	line-height: 65px !important;
	letter-spacing: 1px !important;
	color: #fff !important;
	text-transform: uppercase !important;
}

.leistungslink p{
	font-family: "Montserrat" !important;
	font-weight: 700 !important;
	font-size: 20px !important;
	line-height: 24px !important;
	letter-spacing: 3px !important;
	color: #333332 !important;
	text-transform: uppercase !important;
	text-decoration: underline 2px #333332;
}

.middleslide .swiper-pagination-bullet {
    float: none !important;
	transform: translateY(10px);
}

h3.elementor-flip-box__layer__title{
	font-family: "Montserrat" !important;
    font-weight: 800 !important;
    font-size: 22px !important;
    line-height: 28px !important;
    letter-spacing: 1px !important;
    color: #fff !important;
    text-transform: uppercase !important;
}

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

/***Cookie***/

a.cc-btn.cc-accept-all.cc-btn-no-href, a.cc-btn.cc-save.cc-save-settings.cc-btn-no-href {
    color: #ffff !important;
}

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

a.cc-btn.cc-save.cc-save-settings.cc-btn-no-href {
    color: #21759b !important;
}

#cc-window.cc-window .cc-compliance .cc-btn.cc-dismiss, #cc-window.cc-window .cc-compliance .cc-btn.cc-allow {
	color: #ffffff !important;
}


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

h5{
	font-family: "Montserrat" !important;
	font-weight: 700 !important;
	font-size: 24px !important;
	line-height: 36px !important;
	letter-spacing: 1px !important;
	color: #333332 !important;
	text-transform: uppercase !important;
}

.footerheader strong{
	font-family: "Montserrat" !important;
	font-weight: 700 !important;
	font-size: 24px !important;
	line-height: 36px !important;
	letter-spacing: 1px !important;
	color: #333332 !important;
	text-transform: uppercase !important;
}

.footer p{
	font-family: "Montserrat" !important;
	font-weight: 300 !important;
	font-size: 24px !important;
	line-height: 36px !important;
	letter-spacing: 1px !important;
	color: #333332 !important;
}


/********************************************MediaQueries*******************************************/

@media only screen and (max-width: 1200px){
	h1{
	font-size: 44px !important;
	line-height: 55px !important;
}

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

.intro p{
	font-size: 28px !important;
	line-height: 36px !important;
}

.bigwhite p{
	font-size: 24px !important;
	line-height: 30px !important;
}
	h5{
	font-size: 24px !important;
	line-height: 40px !important;
}

.footer p{
	font-size: 22px !important;
	line-height: 38px !important;
}

.zwischentitel p{
	font-size: 28px !important;
	line-height: 34px !important;
}
	#sticky2{
		display: none !important;
	}
	
}

@media only screen and (max-width: 991px){
	h1{
	font-size: 26px !important;
	line-height: 36px !important;
}

h2{
	font-size: 25px !important;
	line-height: 30px !important;
}

.intro p{
	font-size: 22px !important;
	line-height: 28px !important;
}

.bigwhite p{
	font-size: 22px !important;
	line-height: 28px !important;
}
		h5{
	font-size: 20px !important;
	line-height: 30px !important;
}

.footer p{
	font-size: 18px !important;
	line-height: 36px !important;
}

.zwischentitel p{
	font-size: 22px !important;
	line-height: 28px !important;
}
#sticky .elementor-menu-toggle{
    margin-left: auto !important;
	margin-right: auto !important;
}
	
#sticky{
	height: 140px !important;
}
	
#sticky nav.elementor-nav-menu--dropdown.elementor-nav-menu__container {
    background-color: #fff !important;
    margin-top: 0px !important;
}
	
}
