/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 10 2024 | 08:06:52 */
/*
CSS responsive
Um dein CSS-Wissen zu prüfen, teste es hier http://www.w3schools.com/css/css_syntax.asp

Kommentarende*/ 
@media screen and (min-width: 1281px) {

	h2, .h2
	{
		font-size:48px !important;
		margin-bottom:0.62rem;
		/* margin-top:2.22rem; */
	}
	h1, 
	h2.h1, 
	h1 a, 
	h2.h1 a,
	h2.h1-custom-color, 
	h2.h1-custom-color a
	{
		font-size:64px !important;			
	}
	
		
	#main-content .videopresentation h4,
	#main-content .call-back h4
	{
		font-size:32px !important;		
	}
	
	h1
	{
		margin-bottom:70px !important;	
	}

	body {
  font-weight: 400;
 
  font-size: 1.4rem !important;
  color: var(--hex-corp-black);
	}
	
	.entry-content ul
	{
		
	}
	.page-id-393 h2
	{
		font-size:1.7rem !important;
	}
	
	
	
	.font-size-zoom
	{
		font-size: 19px !important;
	}
	
	
	

	.footer-widget #block-42
	{
		margin-top:-10px !important;
	}
	
	a.phone-b2b-content::before,
	a.mail-b2b-content::before
	{    	
		width:50px;
		height:50px;
		top:-10px;
		margin-left:-50px;
	}
	
	
.videopresentation h4, 
.call-back h4
{
	font-weight:500 !important;
}
	

}
@media screen and (max-width: 1280px) {
	.et_pb_section
	{
		/*
		padding-top:50px !important;
		padding-bottom:50px !important;
		*/
	}
	.et-db #et-boc .et-l .et_pb_section_0.et_pb_section {
	  padding-top: 20px !important;
	}

	h2, .h2
	{
		font-size:44px !important;	
		margin-bottom:0.32rem;
		/* margin-top:1.42rem; */
	}
	h1, 
	h2.h1, 
	h1 a, 
	h2.h1 a,
	h2.h1-custom-color, 
	h2.h1-custom-color a
	{
		font-size:48px !important;	
		font-weight:300 !important;
	}
	
	#main-content .videopresentation h4,
	#main-content .call-back h4
	{
		font-size:32px !important;	
	}
	

	h1
	{
		margin-bottom:45px !important;	

	}
	
	.single-leistungen h1
	{
		margin-bottom:0px !important;	
	}
	
	body
	{

	  font-weight: 400;
	 
	  font-size: 17px !important;
	  color:var(--hex-corp-black);
	}
	.entry-content ul
	{
	
	}
	.font-size-zoom
	{
		font-size: 18px !important;
	}
	

	.footer-widget #block-42
	{
		margin-top:-10px !important;
	}
	.page-id-393 h2
	{
		font-size:1.3rem !important;
	}
	
	.icon-leistung-seite img,
	.icon-leistung-seite img:hover
	{
	max-width:250px;
	max-height:250px;
	}
	
	a.phone-b2b-content::before, 
	a.mail-b2b-content::before
	{    	
		width:30px;
		height:30px;
		top:-5px;
		margin-left:-30px;
	}
	
	.single-b2b #link-to-service .et_pb_column_1_3
	{
		display:none;
	}
	
		#link-to-service .et_pb_column_2_3 
	{
		width:100% !important;
	}
	
	/* solving Problem with footer contact form width */
	        .footer-contact-form .dvppl_cf7_styler_0 {
   
            padding-right:0p !importantx;

        }
	
	#main-content a:not(.et_pb_blurb_content a),
	.call-to-action h4 /*, h3.df-cpt-title a*/
	{
		font-weight:400 !important;
	}
	
	.single-blog .weitere-agenturleistungen, 
	.single-blog #phone-us
	{
		padding-left:20px !important;
		padding-right:20px !important;
	}

}


@media screen and (max-width: 780px) {
	
	.et_pb_section
	{
		padding-top:35px !important;
		padding-bottom:35px !important;
	}
	
	#contact-form-footer
	{
		margin-top:-45px !important;
		padding-bottom:35px !important;
	}
	
	.weitere-agenturleistungen
	{
		padding-bottom:0px !important;
	}
	
	.et-db #et-boc .et-l .et_pb_section_0.et_pb_section {
	  padding-top: 5px !important;
	}
	

	h2, .h2
	{
		font-size:32px !important;	
		margin-bottom:0.22rem;
		/* margin-top:1.02rem; */
	}
	h1, 
	h2.h1, 
	h1 a, 
	h2.h1 a,
	h2.h1-custom-color, 
	h2.h1-custom-color a
	{
		font-size:36px !important;	
		margin-bottom:15px  !important;
		
			
	}
	
	#main-content .videopresentation h4,
	#main-content .call-back h4
	{
		font-size:32px !important;	
	}
	
	h1
	{
		margin-bottom:30px !important;	
	}
	.single-leistungen h1
	{
		margin-bottom:0px !important;	
	}
	
	body
	{

	  font-weight: 400;
	
	  font-size: 16px !important;
	  color:var(--hex-corp-black);
	}
	.entry-content ul
	{
	
	}	
	.font-size-zoom
	{
		font-size: 16px !important;
	}
	
	.page-id-393 h2
	{
		font-size:1.1rem !important;
	}
	
	.icon-leistung-seite img, 
	.icon-leistung-seite img:hover
	{
	max-width:200px;
	max-height:200px;
	}
	
	.call-to-action h4, 
	a.call-us-number
	{
		font-weight:400 !important;
	}


}
@media screen and (min-width: 769px) {
	
#footer-widgets .footer-widget:nth-child(n), #footer-widgets .footer-widget .fwidget {
  margin-bottom: 20px !important;
}

}



	/*
	@media screen and (min-width: 980px) {
	.et_pb_gutters3.et_pb_footer_columns3 .footer-widget .fwidget {

		margin-bottom: 85px;

	}		
} */

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


	.archive #main-content .container
	{
	  width: 100% !important;
	  max-width: 1080px;
	  margin: auto;
	  position: relative;
	}


	header .container,
	.et_pb_row
	{
	  width: 90% !important;  /*width: 90% !important;*/
	  max-width: 1080px;
	  margin: auto;
	  position: relative;
	}

	.archive #page-container #left-area, 
	.error404 #page-container #left-area {
	  padding-left: 0px !important;
	  padding-right: 0px !important;
	}
	
	.single-marketing-agentur #main-content .container, 
	.single-blog #main-content .container
	{
		padding-left:40px;
		padding-right:40px;
		width:100%;
	}
	.single-marketing-agentur #main-content .container .et_pb_row,
	.single-blog #main-content .container .et_pb_row
	{
		width:100% !important;
	}
	.et_pb_gutters3.et_pb_footer_columns3 .footer-widget .fwidget
	{
		margin-bottom: 95px;
	}	
	body
	{

	  font-weight: 400;
	 
	  font-size: 16px !important;
	  color:var(--hex-corp-black);
	}
	.entry-content ul
	{
		
	}	
	

	h2.h1,  
	h2.h1 a,
	h2.h1-custom-color, 
	h2.h1-custom-color a
	{	
		font-weight:300 !important;
		font-variation-settings: 'wght' 285 !important;
	}
	
	.icon-leistung-seite
	{
		margin-top:30px;
		padding-top:30px;
		border-top: 1px solid transparent;
		margin-bottom:30px;
		padding-bottom:30px;
		border-bottom: 1px solid transparent;
		background: linear-gradient(white, white) padding-box, linear-gradient(30deg, var(--hex-corp-accent-color), var(--hex-corp-accent-color2)) border-box;
	}
}

@media screen and (max-width: 768px) {
#footer-widgets .footer-widget:nth-child(n), #footer-widgets .footer-widget .fwidget {
  margin-bottom: 20px !important;
}
	
	
	@media (max-width: 768px)
{
	.footer-widget:not(:first-of-type)
	{
		  border-top: 1px solid white;
		  padding-top: 35px;
		  /* border-bottom: 1px solid white; */
		  padding-bottom: 10px;
	}
	
	.footer-widget:first-of-type
	{
	
		  padding-bottom: 10px;
	}
	
	#footer-widgets .footer-widget:nth-of-type(2)
	{
		  margin-bottom: 10px !important;
	}
	
}

}