/*
Theme Name:  Grizzly Theme
Theme URI:   https://themes.grizzly.marketing/nature
Version:     1.0.0
Description: Het theme van Grizzly New Marketing
Author:      vps230265
Author URI:  https://themes.grizzly.marketing/nature
Template:    Divi
*/
/*- YOU CAN INCLUDE THE CUSTOM CODE FOR YOUR CHILD THEME BELOW THIS LINE-*/
body h1,
body h2,
body h3,
body h4,
body h5 {
/* 	font-family: "Bebas Neue Pro"; */
	font-family: "bebas-neue-pro";
}

body a {
	transition-duration: 0.3s;
}

body .et_pb_text a {
	border-bottom: 1px solid;
}

body .et_pb_text a:hover {
	border-bottom: none;
}

/*----------------------------------------------------Header style----------------------------------------------------*/
.container.et_menu_container {
    display: grid;
    grid-template-columns: max-content auto auto;
    grid-gap: 3%;
    align-items: center;
}

.et_header_style_left .logo_container {
    position: relative;
    height: auto;
    width: fit-content;
}

.logo_container img#logo {
    max-width: 180px;
}

div#et-top-navigation {
    padding-left: 0px !important;
	padding-top: 0 !important;
}

div#et-top-navigation #top-menu li {
	padding-right: 0;
}

.et_header_style_left #et-top-navigation nav#top-menu-nav>ul>li>a {
    padding: 32px 26px;
	font-weight: 500;
}

.et_header_style_left #et-top-navigation nav#top-menu-nav>ul>li.nav-contact>a {
	background-color: #39B54A;
	padding: 32px 30px;
	color: #fff !important;
}

#et-top-navigation #top-menu li.current-menu-item>a, #top-menu li.current_page_item>a {
    color: #2a2a2a !important;
}

.et_header_style_left #et-top-navigation nav#top-menu-nav>ul>li>a:hover,
.et_header_style_left #et-top-navigation nav#top-menu-nav>ul>li.nav-contact>a:hover{
	background-color: #E3F9E9;
	color: #2a2a2a !important;
	opacity: 1;
}

.nav-mail {
    margin-right: 20px;
	display: flex;
    justify-content: flex-end;
    gap: 20px;
}

.nav-mail a i {
	color: #39B54A;
}

.nav-mail a {
    display: flex;
    flex-direction: row;
    justify-content: end;
    align-items: center;
    gap: 10px;
    color: #2a2a2a;
}

.nav-mail a img {
	transition-duration: 0.3s;
}

.nav-mail a:hover {
    color: #39b54a;
}

.nav-mail a:hover img {
	filter: brightness(0);
}


#main-header .mobile_menu_bar:before {
    font-size: 40px;
    top: 2px;
	color: #39B54A;
}

.et_pb_module.home-hero-bread {
    position: absolute;
    top: 110px;
}

#top-menu .menu-item-has-children>a:first-child:after {
    right: 5px;
    top: 32px;
}

.nav li ul {
    width: 300px;
}

#top-menu li li a {
    width: 260px;
}

#top-menu .menu-item-has-children>a:first-child:after {
    content: ">";
    transform: rotate(90deg);
    font-size: 12px;
    right: 12px;
    top: 33px;
}

/*---------------------------------------------------Content style----------------------------------------------------*/
@media screen and (min-width: 981px) {
	.et_pb_section.home-hero::before {
		content:"";
		background-image: url("/assets/uploads/Green-wave-light.svg");
		background-position: bottom;
		background-repeat: no-repeat;
		background-size: 100%;
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		z-index: 3;
	}

	.home-hero-row .et_pb_column.home-hero-column-one {
		z-index: 99;
	}

	.et_pb_section.home-hero.et_section_regular::after {
		content:"";
		background-image: url("/assets/uploads/Green-wave-dark.svg");
		background-position: bottom;
		background-repeat: no-repeat;
		background-size: 100%;
		display: block;
		position: absolute;
		bottom: -1px;
		width: 100%;
		height: 100%;
		z-index: 4;
	}
	
	.et_pb_section.home-hero.et_section_regular.et_pb_section_first {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}
	
	.et_pb_section.home-hero .et_pb_row.home-hero-row.halve-row.halve-2 {
		margin-right: 12%;
		padding: 0;
		height: -webkit-fill-available;
	}

    .home-hero .home-hero-row .et_pb_column.home-hero-column-two {
        width: 100%;
        z-index: 9;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: end;
        padding-bottom: 15%;
    }
	
	.et_pb_section.home-hero .home-hero-row {
		width: 85%;
		max-width: 100%;
		padding: 0 10% 0 12%;
	}
	
	.et_pb_row.out-container-row {
		display: flex;
		flex-direction: row;
		justify-content: end;
		align-items: center;
		position: relative;
		padding: 50px 0 125px 0;
	}
	
	.et_pb_row.halve-background-row {
		min-height: 540px;
		padding: 0;
		display: flex;
		flex-direction: row;
		justify-content: start;
		align-items: center;
	}
	
	.et_pb_row.halve-background .flex-column {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	
	.et_pb_column.rounded-column {
		position: absolute;
		top: -38px;
		left: 0;
		z-index: 10;
	}
	
	.et_pb_column.rounded-column.rounded-column-1,
	.et_pb_column.rounded-column.rounded-column-2 {
		top: -250px;
	}
	
	.et_pb_column.rounded-column.rounded-column-2 {
		left: auto;
		right: 0;
	}
	
	.et_pb_section.rounded-row-section {
		padding-top: 0;
		padding-bottom: 50px;
	}
	
	.et_pb_row.et_pb_row_4.rounded-row {
		position: relative;
		top: -50px;
	}
	
	body .halve-background-row h2 {
		font-size: 80px;
	}
	
	body .halve-background-row p {
		font-size: 20px;
	}
	
	body .et_pb_text_inner h3 {
		font-size: 40px;
	}
	
	.out-container-row .et_pb_column.et-last-child {
		max-width: 620px;
	}
}

.et_pb_row {
	width: 90%;
}

#page-container .et_pb_section.et_pb_section_first {
	padding-top: 0 !important;
}

#page-container .et_pb_section .et_pb_column .et_pb_module {
	margin-bottom: 3%;
}

#page-container .et_pb_section .et_pb_column .et_pb_module.et_pb_image {
	margin-bottom: 0;
}

a.et_pb_button.plain-button,
a.et_pb_button.plain-button:hover,
.gform_button,
.gform_button:hover {
    display: inline-block;
    line-height: 1.2 !important;
    font-size: 18px;
    font-weight: 400;
    padding: 20px 30px !important;
	opacity: 1;
}

.gform_button {
	border: none;
	color: #fff;
	background-color: #39B54A;
	border-radius: 5px;
	transition-duration: 0.4s;
}

.gform_button:hover {
	background-color: #E3F9E9;
	color: #2a2a2a;
	cursor: pointer;
}

body #page-container .entry-content .et_pb_section a.et_pb_button.icon-button, 
body #page-container .entry-content .et_pb_section a.et_pb_button.icon-button:hover {
    display: inline-block;
    line-height: 1.2 !important;
    font-size: 18px;
    font-weight: 400;
    padding-left: 75px !important;
    padding-right: 50px !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    opacity: 1;
}

a.et_pb_button.icon-button:before {
    content: url(/assets/uploads/Chat-icon.svg);
    position: absolute;
    top: 10px;
    margin-left: -1em !important;
	transition-duration: 0.3s;
}

a.et_pb_button.icon-button:hover:before {
	filter: brightness(0);
}

.et_pb_column.home-hero-column-two {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.et_pb_module.et_pb_blurb.hero-blurb {
    margin-bottom: 0;
}

.et_pb_module.et_pb_blurb.hero-blurb .et_pb_main_blurb_image {
	height: 70px;
	width: 70px;
	display: block;
	border-radius: 50%;
	background-color: #F9C80E;
	margin-bottom: 0;
}

.et_pb_module.et_pb_blurb.hero-blurb.et_pb_blurb_position_left .et_pb_blurb_container, 
.et_pb_module.et_pb_blurb.hero-blurb.et_pb_blurb_position_right .et_pb_blurb_container {
    vertical-align: middle;
}

.et_pb_module.et_pb_blurb.hero-blurb .et_pb_main_blurb_image span.et_pb_image_wrap.et_pb_only_image_mode_wrap {
	width: 100%;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;	
}

.et_pb_module.et_pb_blurb.hero-blurb .et_pb_main_blurb_image img{
    width: 40px;
    height: auto;
    margin: auto;
    position: relative;
    display: block;
}

.et_pb_module.et_pb_blurb.hero-blurb .et_pb_blurb_description {
    max-width: 145px;
}

.et_pb_module.et_pb_blurb.hero-blurb.et_pb_blurb_position_left .et_pb_blurb_container {
    padding-left: 10px;
}

.et_pb_column.rounded-column {
    padding: 70px 60px;
}

.service-row .et_pb_text_inner h3 {
    font-size: 40px;
    padding-top: 40px;
}

body #page-container .et_pb_section a.et_pb_button.read-more {
	padding-left: 3em !important;
	padding-right: 1em !important;
	padding-bottom: 0.15em !important;
	border-radius: 5px;
}

body #page-container .et_pb_section a.et_pb_button.read-more:before {
    margin-left: -3em;
    background-color: #F9C80E;
    top: 0;
    border-radius: 5px;
    padding: 4px 10px;
}

body #page-container .et_pb_section a.et_pb_button.read-more:hover,
body #page-container .et_pb_section a.et_pb_button.read-more:hover:before {
    background-color: #E3F9E9;
	color: #2a2a2a !important;
}

.home-hero .home-hero-row .et_pb_column.home-hero-column-one {
	width: 100%;
	margin-right: 0;
	padding: 200px 0 405px 0;
}

.rounded-row .et_pb_module.et_pb_image,
.rounded-row .et_pb_image_wrap {
	height: 100%;
}

.rounded-row .et_pb_image_wrap img {
	height: 100%;
	object-fit: cover;
}

.et_pb_column.rounded-row-text-column {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.contact-info-column ul {
    list-style-type: none;
    padding-left: 0;
	padding-bottom: 30px;
}

.contact-info-column li {
    margin-bottom: 6px;
}

.contact-info-column a li {
    border-bottom: 1px solid;
    width: fit-content;
}

.contact-info-column a {
    color: #fff;
}

.contact-info-column a:hover li {
    border: none;
}

.et_pb_column.contact-info-column {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.contact-info-column .et_pb_text {
    padding: 80px 50px 50px 50px;
}

.contact-form .gform_wrapper.gravity-theme input[type=color],
.contact-form .gform_wrapper.gravity-theme input[type=date], 
.contact-form .gform_wrapper.gravity-theme input[type=datetime-local], 
.contact-form .gform_wrapper.gravity-theme input[type=datetime], 
.contact-form .gform_wrapper.gravity-theme input[type=email], 
.contact-form .gform_wrapper.gravity-theme input[type=month], 
.contact-form .gform_wrapper.gravity-theme input[type=number], 
.contact-form .gform_wrapper.gravity-theme input[type=password], 
.contact-form .gform_wrapper.gravity-theme input[type=search], 
.contact-form .gform_wrapper.gravity-theme input[type=tel], 
.contact-form .gform_wrapper.gravity-theme input[type=text], 
.contact-form .gform_wrapper.gravity-theme input[type=time], 
.contact-form .gform_wrapper.gravity-theme input[type=url], 
.contact-form .gform_wrapper.gravity-theme input[type=week], 
.contact-form .gform_wrapper.gravity-theme select, 
.contact-form .gform_wrapper.gravity-theme textarea {
    font-size: 20px;
    padding: 15px;
    border-radius: 5px;
    border-color: #2A2A2A33;
}

.image-section .et_pb_image_wrap,
.image-section .et_pb_image_wrap img {
	width: 100%;
}

.image-section .et_pb_image_wrap img {
	height: 480px;
	object-fit: cover;
}

/*----------------------------------------------------Footer style----------------------------------------------------*/
div#block-9 {
    width: 100%;
}

#footer-widgets .footer-widget li:before {
	display: none;
}

#footer-widgets .footer-widget ul li {
    padding-left: 0;
	margin-bottom: .2em;
}

#main-footer #footer-widgets .footer-2 {
    display: grid;
    grid-template-columns: auto auto max-content;
    align-items: baseline;
    justify-content: end;
    grid-gap: 15%;
}

#main-footer #footer-widgets .footer-1 h3 {
	font-family: "Bebas Neue Pro";
	font-size: 50px;
	font-weight: 700;
	padding-bottom: 30px;
}

.footer-1 p {
    max-width: 450px;
}

#main-footer #footer-widgets .footer-2 h3 {
     font-family: "Bebas Neue Pro";
    font-size: 30px;
    font-weight: 700;
    padding-bottom: 30px;
}

.footer-widget a.foot-bottom {
    border-radius: 5px;
    background-color: #39B54A;
    padding: 20px 50px;
	margin-top: 30px;
    display: inline-block;
}

#main-footer #footer-widgets .footer-widget a.foot-bottom:hover {
    background-color: #E3F9E9;
	color: #2a2a2a;
	opacity: 1;
}

#main-footer #footer-widgets .footer-widget li a,
#main-footer #footer-widgets .footer-widget a li,
#footer-info a {
    border-bottom: 1px solid #fff;
	width: fit-content;
}

#main-footer #footer-widgets .footer-widget li a:hover,
#main-footer #footer-widgets .footer-widget a:hover li,
#footer-info a:hover {
    color: #39B54A;	
	opacity: 1;
	transition-duration: 0.3s;
	border-bottom: none;
}

#footer-bottom {
    padding: 0 0 50px;
}

#footer-info a {
	font-weight: 400;
}

/*----------------------------------------------------responsive style----------------------------------------------------*/
@media screen and (max-width: 1500px) {
	.out-container .et_pb_column.rounded-column {
		padding: 60px 30px;
	}
}

@media screen and (max-width: 1440px) {
	.home-hero .home-hero-row .et_pb_column.home-hero-column-one {
        width: 100%;
        margin-right: 0;
        padding: 150px 0 200px 0;
    }

	.home-hero.dienst-hero .home-hero-row .et_pb_column.home-hero-column-one {
        padding: 150px 0 250px 0;
    }

	.et_pb_row.home-hero-row.halve-row.halve-2 {
        margin-right: 8%;
    }

	.et_pb_section.home-hero .home-hero-row {
        padding: 0 6% 0 10%;
    }

	#main-footer #footer-widgets .footer-2 {
		grid-gap: 10%;
	}
}

@media screen and (max-width: 1360px) {
	.out-container .et_pb_column.rounded-column h2 {
		font-size: 45px;
	}
	
	#main-footer #footer-widgets .footer-2 {
		grid-template-columns: max-content auto;
		grid-gap: 3%;
	}
}

@media screen and (max-width: 1200px) {
	.et_header_style_left #et-top-navigation nav#top-menu-nav>ul>li>a {
		padding: 33px 14px;
	}
	
	.nav-mail {
		margin-right: 0px;
	}
	.image-section .et_pb_image_wrap img {
		height: 400px;
	}
}

@media screen and (max-width: 1180px) {
    .et_pb_row.home-hero-row.halve-row.halve-2 {
        margin-right: 0%;
    }
	
    .home-hero .home-hero-row .et_pb_column.home-hero-column-two {
        flex-direction: column;
        justify-content: end;
        align-items: baseline;
        padding-bottom: 5%;
        padding-left: 5%;
    }
	
	.et_pb_module.et_pb_blurb.hero-blurb .et_pb_blurb_description {
		max-width: 300px;
	}
	
	.out-container .et_pb_column.rounded-column {
        padding: 30px 30px;
    }
	
	.out-container .et_pb_column.rounded-column h2 {
        font-size: 36px;
    }
	
	body #page-container .entry-content .et_pb_section a.et_pb_button.icon-button, 
	body #page-container .entry-content .et_pb_section a.et_pb_button.icon-button:hover {
		padding-left: 50px !important;
		padding-right: 35px !important;
	}
	
	#main-footer #footer-widgets .footer-2 {
		grid-template-columns: max-content;
		grid-gap: 20px;
	}
}

@media screen and (max-width: 1060px) {
	.container.et_menu_container {
		grid-gap: 0;
	}
}

@media screen and (max-width: 980px) {
	.et_header_style_left #et-top-navigation .mobile_menu_bar {
		padding-bottom: 12px;
		padding-top: 12px;
	}
	
	#page-container .container {
		width: 90%;
	}
	
	.et_fixed_nav #main-header {
        position: fixed !important;
    }
	
	.et_pb_row.home-hero-row.halve-row {
		width: 100%;
	}
	
    .home-hero .home-hero-row .et_pb_column.home-hero-column-two {
        flex-direction: row;
        justify-content: space-between;
        align-items: end;
        padding-bottom: 0;
        padding-left: 0;
    }
	
	.et_pb_section.home-hero::before,
	.et_pb_section.home-hero.et_section_regular::after {
		z-index: 1;
	}
	
	.home-hero .home-hero-row .et_pb_column.home-hero-column-one {
        padding: 125px 0 115px 0 !important;
    }
	
	.et_pb_section.home-hero .et_pb_row.home-hero-row.halve-row.halve-1 {
        padding: 0 5% !important;
    }
	
	.et_pb_section.home-hero .et_pb_row.home-hero-row.halve-row.halve-2 {
        padding: 8% 5% 4% 5% !important;
    }
	
	.et_pb_section.rounded-row-section.et_section_regular {
		padding-top: 0;
	}
	
	.et_pb_module.home-hero-bread {
		top: 90px;
	}
	
	.et_pb_section.service-section.et_pb_with_background {
		padding-top: 0;
	}
	
	body #main-header, #main-header .nav li ul, 
	body .et-search-form, 
	body #main-header .et_mobile_menu {
		background-color: #fffffff2;
	}
	
	#main-footer #footer-widgets .footer-2 {
		grid-template-columns: 100%;
		grid-gap: 30px;
	}
	
	.image-section .et_pb_image_wrap img {
        height: 320px;
		width: 100vw !important;
	}
}


@media screen and (max-width: 767px) {
	.home-hero .home-hero-row .et_pb_column.home-hero-column-two {
        flex-direction: column;
        justify-content: end;
        align-items: baseline;
    }
	
	.home-hero.dienst-hero .home-hero-row .et_pb_column.home-hero-column-one,
	.home-hero .home-hero-row .et_pb_column.home-hero-column-one {
        padding: 125px 0 45px 0 !important;
    }
	
	.et_pb_column.rounded-column,
	.et_pb_column.rounded-row-text-column {
		padding: 45px 30px;
	}
	
	.et_pb_section .et_pb_row {
		width: 90%;
	}
	
	.et_pb_section .et_pb_row.image-row,
	.et_pb_row.image-row span.et_pb_image_wrap {
		width: 100%;
	}
	
	.et_pb_section .et_pb_row.image-row img {
		height: 200px;
		width: 100%;
		object-fit: cover;
	}
	
	.et_pb_text_inner h1 {
		font-size: 55px;
	}
	
	.et_pb_text_inner h2 {
		font-size: 45px;
	}
	
	.et_pb_text_inner h3,
	.et_pb_text_inner h4 {
		font-size: 30px;
	}

	.service-row .et_pb_text_inner h3 {
		font-size: 30px;
		padding-top: 20px;
	}
	
	.contact-info-column .et_pb_text {
		padding: 50px 30px 30px 30px;
	}
}

@media screen and (max-width: 550px) {
	.nav-mail {
/* 		display: none; */
	}
	
	.container.et_menu_container {
    	grid-template-columns: max-content auto;
	}
	
	.et_pb_text_inner h1 {
        font-size: 46px;
    }
}

a:where(:not(.wp-element-button)) {
	text-decoration: none !important;
}