:root {
	font-size: 16px;
	--maincolor: #ed1b24;
	--secondcolor: #222;
}



/*Typo*/

h2.sppb-sp-slider-title{
	  	font-size: 4rem !important;
  line-height: 120% !important;
}

.sppb-animated-number {
  	font-size: 5rem !important;
  line-height: 120% !important;
}

h1, .sppb-animated-number{
  line-height: 120% !important;
	font-size: 3.5rem !important;
}

h2, .three_boxes_single_image h5 {
	font-size: 2.75rem !important;
}

h3 {
	font-size: 1.8rem !important;
}
h4, #leistungen .our_services_one_single h3 {
	font-size: 1.4rem !important;
}
h5, h4.sppb-addon-title, .sppb-sp-slider-text, .notification h2 {
	font-size: 1.2rem !important;
}

h1, h2, h3, h4, h5, h6 {
	text-transform: inherit;
  }

body, .three_boxes_single_image .sppb-addon-text, #leistungen .our_services_one_single ul li, .sppb-animated-number-title, .sp-simpleportfolio .sp-simpleportfolio-filter > ul > li > a{
	font-size: 1rem !important;
	line-height: 180%;
}
.all_contact_info_single .sppb-addon-text{
	font-size: 1.1rem !important;
}

.notification{
	font-family: "Poppins", sans-serif !important;
}
.notification p{
	font-weight: 300 !important;
}
.breadcrumb{
	display: none;
}

/*Typo*/

/*Buttons*/
.header_btn_1 .sppb-btn,body .sppb-sp-slider-button .sp-slider-btn-text, body .sppb-addon-image-overlay-icon {
  background: var(--maincolor) !important;
}

body .sppb-btn, body .sppb-sp-slider-button .sp-slider-btn-text {
white-space: nowrap !important;
  font-size: 1rem;
  color: #ffffff;
  font-weight: 700;
  padding: 1.4rem 2.5rem;

  line-height: 140%;
}
.sppb-btn-primary.focus, .sppb-btn-primary:focus {
  color: #fff;
  box-shadow: 0 0 0 3px rgba(33,33,33,.5);
}

#sp-header .sppb-btn-primary:hover{
  color: var(--secondcolor) !important;
}
/*Buttons*/
	
	
/*Header*/
#sp-header, #sp-header.header-sticky {
  background: var(--secondcolor) !important;
	border-bottom: 3px solid #df010b;
}
#sp-header .logo img{
	position: absolute;
	top: 10px;
	width: 320px;
}
#sp-position1 #column-wrap-id-1658690595417{
	padding-right: 0;
}


/*Header*/


	/*Slide*/
.sp-dots{
	display: none;
}
	/*Slide*/


/*Navigation*/
.sp-megamenu-parent > li {
  padding: 15px 0px 36px;
}
.sp-megamenu-parent > li + li > a {
  margin-left: 3.5rem;
}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent > li:last-child > a {
 color: #eee !important;
	text-transform:uppercase;
}
/*Navigation*/
	
	
	
	/*Footer*/
.menu-unten-nav ul{
	float: right !important;
}
	
	/*Footer*/


	/*Inhalt*/
.our_services_icon{
	width: 50px !important;
	height: 50px !important;
top: -25px !important;
right: 30px;
}

.our_services_icon span::before {
  font-size: 30px !important;
}
.welcome_two_image::before {
  bottom: -30px !important;
}

#leistungen .sppb-media-content {
  padding: 3rem 2.5rem 2rem 2.5rem;
}
#leistungen .our_services_one_single .sppb-addon-title {
	margin-bottom: 20px;
}
#leistungen .our_services_one_single ul li{
	list-style: none;
}
#leistungen .our_services_one_single ul{
	margin-left: 25px;
}
#leistungen .our_services_one_single ul li:before{
font-family: 'Font Awesome 5 Free';
font-weight: bold;
content: '\f00c';
margin:0 10px 0 -25px;
	  color: var(--maincolor) !important;
}

.sppb-addon-animated-number::before {
  background: #c8171e !important;

}
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li > a::before, .block-title .sppb-addon-title::before {
  bottom: 5px;
}
.our_projects_one_icon {
  top: 40%;
  right: 40%;
}
.sp-simpleportfolio-title{
	display: none;
}

#kontakt .sppb-icon-container{
	margin: 0px auto 20px;
}
.jmg-youtube-dsgvo-notification.position_4.style_3.custom_1 .notification{
color: #333 !important;
}
.notification h2{
color: #fff !important; font-weight: bold;}
.jmg-openstreetmap-dsgvo-notification{
    display: flex;
align-items: center;
justify-content: center;
}
.jmg-openstreetmap-dsgvo-notification .overlay{
    background: rgba(0,0,0,0.7);
    padding: 30px 15px 0px 15px !important;
}
.jmg-openstreetmap-dsgvo-notification .notification, .jmg-openstreetmap-dsgvo-notification .notification h2{
    color: #fff;
    text-align: center;
}

.offcanvas-menu{
	background: #222;
}

.offcanvas-menu .logo {
  display: inherit !important;
}

.offcanvas-menu .logo img{
	max-width: 230px;
	height: auto;
	margin: 30px;
}

.offcanvas-menu .menu {
  display: inherit !important;
}
.offcanvas-inner{
	padding: 0 30px !important;
}
.offcanvas-inner a, .offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span{
	color: #eee;
}
.sp-page-title{
	padding: 50px;
}

.sp-megamenu-parent > li.active > a::before, .sp-megamenu-parent > li.active > a:hover::before {
  opacity: 0;
  transform: scaleX(1);
}

.numicon .icon_box{
	text-align: center;
	margin-bottom: 5px;
}
.numicon .icon_box span{
	color: #fff;
	

}
.numicon .icon_box span:before{
		font-size: 3.5rem !important;
}
	/*Inhalt*/



@media screen and (max-width: 1400px) {
.sp-megamenu-parent > li + li > a {
  margin-left: 2.5rem;
}
.welcome_two_image::before {
  bottom: 90px !important;
}	
}


@media screen and (max-width: 1200px) {
	.our_projects_one_icon {
  right: 37%;
}
	#leistungen .sppb-media-content {
  padding: 3rem 1.5rem 2rem 1.5rem;
}
	.sp-slider-outer-stage{
		height: 750px !important;
	}
	h2.sppb-sp-slider-title, .sppb-animated-number {
  	font-size: 4rem !important;
}
.sp-megamenu-parent, #sp-position1 {
	display: none !important;
	}
	#offcanvas-toggler{
		display: block !important;
	}
	
	#sp-header .logo img{
		max-width: 255px !important;
	}
	
#sp-menu.col-lg-7 {
  flex: 0 0 auto;
  width: 75% !important;
}
	#sp-header #offcanvas-toggler.offcanvas-toggler-right{
		padding-top: 25px;
	}
	.welcome_two_image::before {
  top:500px !important;
  right: 0;
}
}


@media screen and (max-width: 990px) {
	:root {
	font-size: 15px;
}
	h2.sppb-sp-slider-title, .sppb-animated-number {
  	font-size:3.5rem !important;
}
#sp-menu.col-lg-7 {
  flex: 0 0 auto;
  width: 50% !important;
}
	.three_boxes_single_image h5{
		display: none;
	}
	.have_any_questions{
		padding-right: 1rem;
	}
	.menu-unten-nav ul{
	float: none !important;
}
	.menu-unten-nav{
		text-align: center;
	}
	.better_products {
  padding: 30px 60px !important;
}
}

@media screen and (max-width: 767px) {
	:root {
	font-size: 14px;
}
  .sp-slider-outer-stage {
    height:450px !important;
  }
	#unternehmen {
		padding-top: 120px !important;
	}
		.our_projects_one_icon {
  right: 39%;
			height: 50px;
			width: 50px;
			line-height: 50px;
}
	.sppb-sp-slider-text, .all_contact_info_single .sppb-addon-text{
		font-size: 1rem !important;
	}
	h1{
		font-size: 3rem !important;
	}
	h2.sppb-sp-slider-title, .sppb-animated-number {
  	font-size: 2.5rem !important;
}
		#sp-header .logo img{
		max-width: 220px !important;
	}
	#sp-header #offcanvas-toggler{
		height: 70px;
		padding-top: 23px !important;
	}
			#sp-header.header-sticky .logo img{
		max-width: 180px !important;
	}
		#sp-header.header-sticky #offcanvas-toggler{
		height: 59px;
		padding-top: 17px !important;
	}
	#facts{
		display: none;
	}
}

@media screen and (max-width: 600px) {
		h2.sppb-sp-slider-title {
  	font-size: 2rem !important;
}
	.sp-slider-outer-stage, #slide{
		height: 400px !important;
	}
	.sp-nav-control{
		display: none;
	}
	.sp-dots{
	display: inherit;
		bottom: 20px !important;
}
}

@media screen and (max-width: 580px) {
	body .sppb-btn, body .sppb-sp-slider-button .sp-slider-btn-text {
  padding: 1.2rem 1.5rem;
}
	#sp-logo.col-sm-6{
		  flex: 0 0 auto;
  width: 70% !important;
	}
		#sp-menu.col-sm-6{
		  flex: 0 0 auto;
  width: 30% !important;
	}
}

@media screen and (max-width: 480px) {
	.welcome_two_left_bottom{
		display: block !important;
	}
	.welcome_two_left_btn br{
		float: left;
	}
	.have_any_questions{
		margin-bottom: 0.5rem;
	}
.sp-simpleportfolio .sp-simpleportfolio-item {

  padding: 5px !important;
	}
}


@media screen and (max-width: 400px) {

	.sp-simpleportfolio-filter li{
		width: 40%;
		float: left;
	}
	.sp-simpleportfolio .sp-simpleportfolio-filter{
		text-align: left;
	}
	.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li + li {
  margin-left: 0px;
}
	
	.sp-simpleportfolio .sp-simpleportfolio-filter li:nth-of-type(odd){
		margin-right:20px;
	}
}