/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 10 2024 | 11:52:27 */
/* custom CSS */

@media screen and (min-width: 1921px) {
	#keyvisual-slider img
	{
		content:url('/wp-content/uploads/b2b_werbeagentur_marketingagentur_slider_gruen_2540px_v5_RGB.jpg')
		
	}

}	

.white
{
	color:var(--hex-corp-white) !important;
}

.color-x-ccc
{
	color:rgba(110, 113, 130, 0.85);
	letter-spacing: 0px;
	font-size:0.7rem;
	
}
/* START Grünes Grundlogo via css schwarz/weiß machen und via css zuweisen START */


h2, .h2, h3, h2 a {

	font-weight: 400 !important;
letter-spacing: 0px !important;
line-height: 1.03em !important;
font-synthesis: weight style small-caps;

}

h3
{
	font-weight:500 !important;	
}

.red 
{
	color:#ff0000;
}


h1, 
h1.h2
{
	font-weight: 200 !important;
	
	text-transform: uppercase !important;
	/*  letter-spacing: -3px !important; */
	line-height: 1em !important; 

	
	border-top: 5px solid var(--hex-corp-accent-color);
	padding-top:10px;
	font-variation-settings: 'wght' 150;
	font-synthesis: weight style small-caps;
	text-shadow: 2px 1px 3px rgba(0,0,0,.065);
	
	-webkit-box-shadow: 0px -6px 5px -5px rgba(0,0,0,0.05); 
	box-shadow: 0px -6px 5px -5px rgba(0,0,0,0.05);
	
	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
}






#main-content h1,
#main-content h2.h1, 
#main-content h2.h1 a, 
#main-content h1 span.h1-gross,
#main-content .videopresentation h4,
#main-content .call-back h4
{
	
	color:var(--hex-corp-dark-grey);
	background: linear-gradient(45deg, rgba(var(--rgb-corp-transition4), 1) 0%, rgba(var(--rgb-corp-transition5), 1) 50%, rgba(var(--rgb-corp-transition6), 1) 100%) !important;

	 background-clip: text !important;
	-webkit-background-clip: text !important; 
	
	

	  -webkit-transition: color 2s ease, border-top-color 2s ease-in-out !important;
  -moz-transition: color 2s ease, border-top-color 2s ease-in-out !important;
  -o-transition: color 2s ease, border-top-color 2s ease-in-out !important;
  transition: color 2s ease, border-top-color 2s ease-in-out !important;
	
	/*
	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
	*/
}



#main-content h1:hover,
#main-content h2.h1:hover,
#main-content h1 span.h1-gross:hover, 
#main-content .videopresentation h4:hover,
#main-content .call-back h4:hover
{
	
	text-shadow: 2px 1px 3px rgba(0,0,0,.11);
	color: transparent !important;
	/* -webkit-text-fill-color: linear-gradient(45deg, rgba(var(--rgb-corp-transition4), 1) 0%, rgba(var(--rgb-corp-transition5), 1) 50%, rgba(var(--rgb-corp-transition6), 1) 100%) !important; */
	/* Farbverlauf in corporate accent colors */
	background: linear-gradient(45deg, rgba(var(--rgb-corp-transition4), 1) 0%, rgba(var(--rgb-corp-transition5), 1) 50%, rgba(var(--rgb-corp-transition6), 1) 100%) !important;
	
	background-clip: text !important;
	 -webkit-background-clip: text !important;	
/* -webkit-text-fill-color: transparent; */
}

.h2-small
{
	font-size:25px !important;
}


#main-content .farbverlauf-hintergrund
{
	background: linear-gradient(45deg, rgba(var(--rgb-corp-transition4), 1) 0%, rgba(var(--rgb-corp-transition5), 1) 50%, rgba(var(--rgb-corp-transition6), 1) 100%);
} 

#main-content .ccc-methode
{
	font-weight:400;
	color:transparent;
	/* background: linear-gradient(45deg, rgba(var(--rgb-corp-transition4), 1) 0%, rgba(var(--rgb-corp-transition5), 1) 50%, rgba(var(--rgb-corp-transition6), 1) 100%); */
	background:var(--hex-corp-green);
	background-clip: text;
	-webkit-background-clip: text; 
	font-family: Black Ops One; 
	line-height:90%;
}





h2.h1, 
h2.h1 a,
h2.h1-custom-color, 
h2.h1-custom-color a
{

	
	font-weight: 200 !important;
	text-transform: uppercase !important;
	letter-spacing: 2px !important;
	line-height: 1em !important;
	
	font-variation-settings: 'wght' 150 !important;
	font-synthesis: weight style small-caps;
	text-shadow: 2px 1px 3px rgba(0,0,0,.065);

	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;	
	
  -webkit-transition: all 2s ease !important;
  -moz-transition: all 2s ease !important;
  -o-transition: all 2s ease !important;
  transition: all 2s ease !important;
	margin-top: 0px;
}

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

h4
{
	padding-right:0px !important;
}


h1,h2,h3,h4,h5,h6,.h1, .h1 a,.h2,.h3
{
	color:var(--hex-corp-black);
}



#main-content h2, #main-content h3, #main-content h4, #main-content h5, #main-content h6, 
#main-content a,
.et_pb_testimonial_author
/* #main-content ul li, */
{

  -webkit-transition: color 2s ease !important;
  -moz-transition: color 2s ease !important;
  -o-transition: color 2s ease !important;
  transition: color 2s ease !important;
}






#main-content h2:hover, #main-content h3:hover, #main-content h4:hover, #main-content h5:hover, #main-content h6:hover, .et_pb_testimonial_author:hover
/* #main-content ul li:hover, */
{
	 color:var(--hex-corp-accent-color2);

	

}

#main-content h1:hover
{
	border-top-color: var(--hex-corp-black); 
}
 










.et_pb_blurb_content h3 a
{
	color::var(--hex-corp-dark-grey);
}



@media screen and (min-width: 981px) {
#fixed
{
	position: fixed !important;	
	top:400px;
	right: 0px;
}
	
#not-fixed
{
	position:relative !important; 
  	top: 350px;
  	right: 0;
}	
}

@media screen and (max-width: 1280px) {
.font-size-phone
{
	font-size:1.2rem !important;
}
}
@media screen and (min-width: 1281px) {
.font-size-phone
{
	font-size:2rem !important;
}
}

.spacer
{
	margin-top:20px;
}


.menu-footer-container
{
	display:block;
}




/* #### START wordpress divi menu off-canvas START #### */

.mobile_menu_bar::before,
.mobile_menu_bar::after
{
	color:var(--hex-corp-green);
}

ul#mobile_menu_slide li:not(:last-child) 
{
	border-bottom: 1px dotted #fff;
}

/* #### END wordpress divi menu off-canvas END #### */


@media screen and (min-width: 1279px) {
.et_pb_testimonial_content
	{
		min-height: 360px;
	}
	
.et_pb_testimonial_description
	{
		min-height: 490px;
	}
}



/* ##### START SONSTIGE START ##### */

.et_pb_testimonial{
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;	
}

/* ##### END SONSTIGE END ##### */





/* END Footer immer unten behalten END */
/* alle teile, die den Footer umschließen auf 100% Bildschirmgröße */
  

/* das Element über dem Footer auf dynamische Höhe stellen */
#main-content,
{
flex: 1 0 auto;
}
/* END Footer immer unten behalten END */













/* ##### START Special cursor #### START */
body
{
	cursor: crosshair;
	/* Farbe Schrift Formularfelder */
	/* .cursor { cursor: url(images/my-cursor-design.png), auto; } */
}

input,
textarea
{
  caret-color: var(--hex-corp-green);
  accent-color: rgba(133, 172, 57, 1);	
  color: #72952e !important;
}

input:focus,
input:hover,
input:active, 
textarea:focus,
textarea:hover,
textarea:active 
{
  border: 1px solid var(--hex-corp-green) !important;
}

/* ##### END Special cursor #### END */


.border-akzentent-verlauf, 
.border-akzentent-verlauf-50
{
  
	
	  background: linear-gradient(white, white) padding-box, linear-gradient(30deg, var(--hex-corp-accent-color), var(--hex-corp-accent-color2)) border-box;

}



























/* ##### START List-Link-Animation START ##### */

      /*
      
      ul#top-menu li  a
      {
        display: inline-block;
        text-decoration: none !important;
      }
        
      footer#colophon a
        {
          display: inline-block;
        }
      
      ul#top-menu li a::before{
        content: "";
        position: absolute;
        display: block;
        width: 100%;
        height: 5px;
        bottom: 0;
        left: 0;
      
        transform: scaleX(0);
        transition: transform 0.5s ease;
		   border-radius: 5px;
      }
    
      ul#top-menu li a:hover,
      ul#top-menu li a:active,
      ul#top-menu li a:focus,
      footer#colophon a:hover,
      footer#colophon a:active,
      footer#colophon a:focus
      {
        transition: 500ms;  
        cursor: pointer;
      }
      
      footer#colophon a::before
      {
        transform: scaleX(1);
        
        
      }
    
        ul#top-menu li a:hover::before{
        transform: scaleX(1);
        
        }
          
        footer#colophon a:hover::after  
        {
          width: 100%;
        }
      
      
      ul#top-menu li ul li a::after {
        background: transparent;
      } 
*/

/* ##### END List-Link-Animation END ##### */






/* ##### START Color Transition START ##### */







.n2-ss-text p b
{
	text-transform: uppercase;
}



.bg-color-green
{
	background-color: var(--hex-corp-green) !important;
}


.bg-color-green:hover
{
	background-color: var(--hex-corp-dark-grey) !important;
}


.bg-color-grey
{
	background-color: var(--hex-corp-dark-grey) !important;
}

.bg-color-grey:hover
{
	background-color: var(--hex-corp-green) !important;
}


.et_pb_blurb a:hover
{
	color: #c7c7c7 !important;
}

.et_pb_testimonial:hover
{
	background-color: #e5e5e5 !important;
}

img.et-waypoint:hover
{
	
}


/* ##### END Color Transition END ##### */


















/* ##### START ANIMATIONS START ##### */

.et_pb_testimonial_portrait:hover {
    
   	animation: zoom 2s linear; 
	animation-iteration-count:1;
	animation-fill-mode: forwards;
}


@-webkit-keyframes "zoom" {
0% {
    -webkit-transform: scale(1);
    transform: scale(1);
}
50% {
   -webkit-transform: scale(1.15);
   transform: scale(1.15);
}
100% {
    -webkit-transform: scale(1.3);
   transform: scale(1.3);
}
} 






































.et_pb_testimonial:hover:before
{
  rotate: 25deg;
  transition: rotate 0.3s;
	filter: saturate(200%);
}



.et_pb_testimonial,
.et_pb_blurb
{
	position:relative;
	top:0px;
}




.et_pb_testimonial:hover,
.et_pb_blurb:hover {
	top:0px;
	animation: "change_position" 0.5s linear forwards !important;		
	transform: perspective(1500px) rotateY(15deg);
	transition: transform 1.5s ease 0s;
}


@keyframes "change_position" {
	0% {
		top:0px;
	}
	40% {
		top:-11px;
	}
	100% {
		top:-14px;
	}
}




.et_pb_section_4 {	
	/* background: var(--hex-corp-dark-grey);	*/
} 

.home .et_pb_section_4:hover {	
}



    #main-footer{	
	background-color: var(--hex-corp-green);
    } 

    #main-footer:hover {	
	background-color: var(--hex-corp-green);	
	

		
    }    


   #main-content img:hover {	
	


		
    }    

    @keyframes "img_blur" {
      0% {
          -webkit-filter: blur(0px); /* Safari 6.0 - 9.0 */
  filter: blur(0px);
      }
      60% {
		  -webkit-filter: blur(1px); /* Safari 6.0 - 9.0 */
  filter: blur(2px);
      }
      100% {
         -webkit-filter: blur(0px); /* Safari 6.0 - 9.0 */
  filter: blur(0px);
      }
    }



/* START Typewriter START */




.et_pb_blurb_description
{
  -ms-hyphens: auto !important; /* ab IE10 */
  -moz-hyphens: auto !important; /* seit Firefox 6 */
  -webkit-hyphens: auto !important; /* seit Safari 5.1 (OS X), Safari 4.1 (iOS) */
  hyphens: auto !important;
}



/* ##### Info Box Size & Text ##### */
@media screen and (min-width: 1441px) and (max-width: 1550px) {
#main-content .et_pb_section DIV DIV.et_pb_column.et_pb_column_1_3.et_pb_css_mix_blend_mode_passthrough 	DIV.et_pb_blurb_position_top.et_pb_bg_layout_dark.et_had_animation
{
	font-size: 18px;
	/* min-height: 470px !important; */
	min-height: 320px !important;
}	
.info-kasten-gr .et_pb_blurb_description
{
	min-height: 0px;
}
}
@media screen and (min-width: 1351px) and (max-width: 1440px) {
	#main-content .et_pb_section DIV DIV.et_pb_column.et_pb_column_1_3.et_pb_css_mix_blend_mode_passthrough 	DIV.et_pb_blurb_position_top.et_pb_bg_layout_dark.et_had_animation
{
	font-size: 18px;
	/* min-height: 470px !important; */
	min-height: 320px !important;
}
	
.info-kasten-gr .et_pb_blurb_description
{
	min-height: 0px;

}
}
	@media screen and (min-width: 1201px) and (max-width: 1350px) {
	#main-content .et_pb_section DIV DIV.et_pb_column.et_pb_column_1_3.et_pb_css_mix_blend_mode_passthrough 	DIV.et_pb_blurb_position_top.et_pb_bg_layout_dark.et_had_animation
{
	font-size: 17px;
	/* min-height: 470px !important; */
	min-height: 320px !important;
}
		
.info-kasten-gr .et_pb_blurb_description
{
	min-height: 0px;

}
}
@media screen and (min-width: 1121px)  and (max-width: 1200px) {
	#main-content .et_pb_section DIV DIV.et_pb_column.et_pb_column_1_3.et_pb_css_mix_blend_mode_passthrough 	DIV.et_pb_blurb_position_top.et_pb_bg_layout_dark.et_had_animation
{
	font-size: 16px;
	min-height: 320px !important;
}
	
.info-kasten-gr .et_pb_blurb_description
{
	min-height: 0px;
	hyphens: auto !important;
}
}
@media screen and (min-width: 981px) and (max-width: 1120px) {
	#main-content .et_pb_section DIV DIV.et_pb_column.et_pb_column_1_3.et_pb_css_mix_blend_mode_passthrough 	DIV.et_pb_blurb_position_top.et_pb_bg_layout_dark.et_had_animation
{
	font-size: 15px;
	 min-height: 320px !important; 
}
	
.info-kasten-gr .et_pb_blurb_description
{
	 min-height: 0px;

}
}
@media screen and (max-width: 980px) {
	#main-content .et_pb_section DIV DIV.et_pb_column.et_pb_column_1_3.et_pb_css_mix_blend_mode_passthrough 	DIV.et_pb_blurb_position_top.et_pb_bg_layout_dark.et_had_animation
{
	font-size: 22px;
}
	
}

.infobox--frontpage
{
	font-size:0.8em;
}







/* ##### Testimonial Box Size & Text ##### */
@media screen and (max-width: 1550px) {
#page-container #main-content .et_pb_testimonial .et_pb_testimonial_meta
{
	min-height: 100px;
}
}
@media screen and (max-width: 980px) {
#page-container #main-content .et_pb_testimonial .et_pb_testimonial_meta
{
	min-height: 30px;
}
}
@media screen and (max-width: 1550px) {
	#page-container #main-content .et_pb_testimonial_content
{
	min-height: 500px !important;
	font-size: 20px;
}
}
@media screen and (max-width: 1440px) {
	#page-container #main-content .et_pb_testimonial_content 
{
	min-height: 500px !important;
	font-size: 19px;
}
}
@media screen and (max-width: 1350px) {
	#page-container #main-content .et_pb_testimonial_content
{
	min-height: 550px !important;
	font-size: 19px;
}
}
@media screen and (max-width: 1220px) {
	#page-container #main-content .et_pb_testimonial_content
{
	min-height: 550px !important;
	font-size: 18px;
}
}
@media screen and (max-width: 1150px) {
	#page-container #main-content .et_pb_testimonial_content 
{
	min-height: 600px !important;
	font-size: 18px;
}
}
@media screen and (max-width: 1100px) {
	#page-container #main-content .et_pb_testimonial_content 
{
	min-height: 650px !important;
	font-size: 17px;
}
}
@media screen and (max-width: 1000px) {
	#page-container #main-content .et_pb_testimonial_content
{
	font-size: 17px;
}
}
@media screen and (max-width: 980px) {
	#page-container #main-content .et_pb_testimonial_content, #page-container #main-content .et_pb_testimonial
	{
	min-height: 200px !important;
		font-size: 1.1rem;
	}
}
@media screen and (max-width: 768px) {
	#page-container #main-content .et_pb_testimonial_content, #page-container #main-content .et_pb_testimonial
{
	min-height: 300px !important;
	font-size: 1.1rem;
}
}







	
	



/* START Enable Mobile Menu For Custom Resolution START */ 

@media (max-width: 1280px)
{	  
	#et_mobile_nav_menu
	{
	  display: block !important;
	}

	#top-menu{
	  display: none !important;
	}

}

/* END Enable Mobile Menu For Custom Resolution END */ 




#top-menu li a {
  font-size:18px !important;
  font-weight:300 !important;
}

#top-menu li a:hover {
color:var(--hex-corp-black);
}

#nav_menu-3
{
	padding-left:10px;
}


	.single-marketing-agentur #et-boc .et-l .et_pb_section {
	  padding: 0px 0px !important;
	}


	.kunden-statement{
	  min-height: 500px !important;	
	}

@media (max-width: 980px)
{
	.home .et_pb_blurb_0.et_pb_blurb, 
	.home .et_pb_blurb_1.et_pb_blurb, 
	.home .et_pb_blurb_2.et_pb_blurb, 
	.home .et_pb_blurb_3.et_pb_blurb, 
	.home .et_pb_blurb_4.et_pb_blurb, 
	.home .et_pb_blurb_5.et_pb_blurb{
	  max-width: 290px;
	 /* min-height: 400px !important;	*/

	  margin-left: auto;
	  margin-right: auto;
	}
	
	.kunden-statement{
	  max-width: 600px;
	  min-height: 400px !important;	
	  margin-left: auto;
	  margin-right: auto;
	}
	
	#partner .et_pb_column
	{
		margin-bottom:0px !important;
	}
	

}

.et_pb_testimonial_0.et_pb_testimonial .et_pb_testimonial_author, .et_pb_testimonial_1.et_pb_testimonial .et_pb_testimonial_author, .et_pb_testimonial_2.et_pb_testimonial .et_pb_testimonial_author {
  font-size: initial !important;
}


footer .et_pb_widget
{
	display:block !important;
	clear: both;
	float:initial;
}



#top-header .container {
  font-weight: 300 !important;
}

  @media only screen and (min-width: 981px)
  {
	.et_header_style_left .et-fixed-header #et-top-navigation nav > ul > li > a, .et_header_style_split .et-fixed-header #et-top-navigation nav > ul > li > a {
	  background-color: transparent !important;
	}
	  

}






@media only screen and (min-width: 1400px)
{
.et_pb_testimonial_0.et_pb_testimonial,
.et_pb_testimonial_2.et_pb_testimonial {
 min-height:400px !important;
 background-color:#f5f5f5
}
	
	.et_pb_testimonial_content {
  min-height: 260px !important;
}
	.et_pb_testimonial_description {
  min-height: 390px !important;
}
}



.icon-marketing-workshops::before
{
}

@media only screen and (min-width: 780px)
{
	a.phone-b2b-content::before
	{    
		content: "";
		background-image: url('/wp-content/uploads/noun-phone-call-545105-FFFFFF_2_dark.svg');
		position: absolute;
	}

	a.mail-b2b-content::before
	{    
		content: "";
		background-image: url('/wp-content/uploads/noun-message-3573168-6E71821.svg');
		position: absolute;
	}


	a.phone-b2b-content
	{
		padding-left:45px;
		margin-left:20px;
	}

	.text-phone-b2b-content
	{
		font-weight:500 !important;
		color:var(--hex-corp-dark-grey);
	}

}

@media only screen and (max-width: 779px)
{
	
	a.phone-b2b-content
	{
		display:block;
	}

	.text-phone-b2b-content
	{
		font-weight:500 !important;
		color:var(--hex-corp-dark-grey);
	}

}	

.et-db #et-boc .et-l .et_pb_toggle.et_pb_text_align_left .et_pb_toggle_title, 
.et-db #et-boc .et-l .et_pb_toggle.et_pb_text_align_left h5.et_pb_toggle_title, 
.et-db #et-boc .et-l .et_pb_toggle .et_pb_toggle_title, 
.et-db #et-boc .et-l .et_pb_toggle h5.et_pb_toggle_title {
    padding: 0 0px 0 0 !important; 
}