/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 10 2024 | 08:15:26 */
/*
NEW DESIGN CSS

.dark-grey-grading-left-to-right
{
	background: linear-gradient(-45deg, rgba(110,113,130,0.2) 0%, rgba(213,213,219,0.2) 50%, rgba(176,179,196,0.2) 50%, rgba(214,214,219,0.2) 52%, rgba(110,113,130,0.2) 100%);
}

.white-grading-left-to-right
{
background: linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(229,229,235,1) 50%, rgba(208,211,228,1) 50%, rgba(230,230,235,1) 52%, rgba(255,255,255,1) 100%);	
}

.white-grading-right-to-left
{
background: linear-gradient(235deg, rgba(255,255,255,1) 0%, rgba(229,229,235,1) 50%, rgba(208,211,228,1) 50%, rgba(230,230,235,1) 52%, rgba(255,255,255,1) 100%);
}

*/

*{
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing:border-box;
  box-sizing:border-box;
}


.difl-divider-wrapper-separator .difl-divider-wrapper-separator-divider .difl-divider-left-side hr,
.difl-divider-wrapper-separator .difl-divider-wrapper-separator-divider .difl-divider-right-side hr
{
  border-top-color:var(--hex-corp-black);
  -webkit-transition: all 2s ease !important;
  -moz-transition: all 2s ease !important;
  -o-transition: all 2s ease !important;
  transition: all 2s ease !important;
}



.difl-divider-wrapper-separator .difl-divider-wrapper-separator-divider .difl-divider-left-side hr
{
  border-image: linear-gradient(to right, var(--hex-corp-accent-color), var(--hex-corp-accent-color2)) 1;	

}

.difl-divider-wrapper-separator .difl-divider-wrapper-separator-divider .difl-divider-right-side hr
{
  border-image: linear-gradient(to right, var(--hex-corp-accent-color2), var(--hex-corp-accent-color)) 1;	

}



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

	.difl-divider-wrapper-separator .difl-divider-wrapper-separator-divider .difl-divider-left-side hr
	{

	  	border-top-width: 1px !important;
	  	border-bottom-width: 1px !important; 
	}

	.difl-divider-wrapper-separator .difl-divider-wrapper-separator-divider .difl-divider-right-side hr
	{
	  	border-top-width: 1px !important;
	  	border-bottom-width: 1px !important;
	}
	
}	

.float-right
{
	float:right !important;
}


::selection,		/* WebKit/Blink Browsers */ 
::-moz-selection  	/* Gecko Browsers */ 
{
	background:  rgba(0,0,0,0.04);   
 	color: var(--hex-corp-accent-color2);
}




/* START Glötzchenlook für Footer START */

#main-footer {
  outline: 0rem dashed var(--hex-corp-green);
  outline-offset: 0rem;
  /* margin-top: 10rem; */
  position: relative;
  top: 0rem;
  z-index: 1;
	
}

#et-footer-nav, 
#footer-bottom
{
  position: relative;
  top: 2rem !important;
}

#footer-bottom
{
	background-color:#658c19;
}

#et-footer-nav {
  background-color: rgba(255,255,255,0.15) !important;
}


#phone-us
{
	margin-top:40px;
}

@media only screen and (max-width: 1280px)
{
	#phone-us
	{
		padding-top:4rem;
	}
	#phone-us
	{
		margin-top:6rem;
	}
}


.et_pb_section:last-of-type,
.archive #content-area, 
.single-blog .et-l:last-of-type .et_pb_section:last-of-type
{

}

.single-blog .et_pb_section:last-of-type
{

}




.container {
}

.et-db #et-boc .et-l .et_pb_column_1 {
  background-color: rgba(255,255,255,0) !important;
}


#left-area .devider-call-us
{
	padding-top: 95px !important; 
}




.gloetzchen
{
	outline: 0.8rem dashed var(--hex-corp-white);
    outline-offset: 0rem;
	margin-top:0.8rem;
}

.gloetzchen-white-invers
{

	outline: 0.8rem dashed var(--hex-corp-white);
    outline-offset: 0rem;
	margin-top:0.8rem;
}


.gloetzchen-light-grey
{
	outline: 0.8rem dashed var(--hex-corp-light-grey);
    outline-offset: 0rem;
	margin-top:0.8rem;
}


.gloetzchen-dark-grey
{
	outline: 0.8rem dashed var(--hex-corp-dark-grey);
    outline-offset: 0rem;
	margin-top:0.8rem;
}

/* END Glötzchenlook für Footer END */



/* START SCHMETTERLING START */

h1::before {
	/* content: url(/wp-content/uploads/schmetterling_test_klein_ohne_rand.png); */
	position: relative;
	top: -5.2rem;
	float: right;
	right:30px;	
	width: 0px;
	display: block;
	filter: grayscale(1);	
	opacity:0.6;
	-webkit-transition: filter 2s ease, opacity 2s ease !important;
    -moz-transition: filter 2s ease, opacity 2s ease !important;
  	-o-transition: filter 2s ease, opacity 2s ease !important;
  	transition: filter 2s ease, opacity 2s ease !important;
}

h1:hover::before {
filter: grayscale(0);	
opacity:1;
}

h1:hover span.h1-klein, 
h1 span.h1-klein
{
	color:var(--hex-corp-dark-grey) !important;
}

h1 span.h1-klein
{
	font-size:0.25em !important;
	position:absolute;
	top:-23px;
	font-weight:400 !important;
	font-variation-settings: 'wght' 400 !important;
	line-height:1 !important;
}


.post-type-archive h1 span.h1-klein
/*,
.single-b2b-marketing h1 span.h1-klein,
.single-marketing-agentur h1 span.h1-klein,
.single-blog h1 span.h1-klein,
.single-b2b h1 span.h1-klein */
{
	top:37px;
}

.single-b2b-marketing h1,
.single-marketing-agentur h1,
.single-blog h1,
.single-b2b h1, 
.single-leistungen h1
{
	position:relative;
	margin-top:25px;
}


h1 span.h1-gross
{

	position:absolute;
	top:-10px;
	position: relative;
  	left: -7px;
	letter-spacing: -1px !important;
}



span.full-stop:after
{
	content: "•";
	color: var(--hex-corp-black-link);
	font-variation-settings: 'wght' 500;
	bottom: -10px;
	position: relative;
	-webkit-transition: color 2s ease !important;
    -moz-transition:  color 2s ease !important;
  	-o-transition:  color 2s ease !important;
  	transition:  color 2s ease !important;
}


span.full-stop:hover::after
{
	color: var(--hex-corp-accent-color) !important;
}





@media screen and (max-width: 1600px) {
	.single-b2b-marketing h1,
	.single-marketing-agentur h1,
	.single-blog h1,
	.single-b2b h1
	{
		position:relative;
		top:0px;
	}
}

@media screen and (min-width: 1280px) {
	h1 {
	}
}

@media screen and (max-width: 1280px) {
	h1::before {
	 /* top: -5.5rem;  */
	}
	span.full-stop::after {
	  bottom: -7px;
	  position: relative;
	}
	
	h1
	{
		margin-top:30px;
		font-weight:230 !important;
		font-variation-settings: 'wght' 230 !important;
	}
	
	h1 span.h1-klein
	{
		font-size:0.25em !important;
		top:-18px;
	}
	
	.single-leistungen h1 span.h1-klein
	{
		top:-24px;
	}

	h1 span.h1-gross
	{
		top:0px;
		left: -4px !important;
		top:-7px;
	}
	.post-type-archive h1 span.h1-klein
	{
		top: 70px;
	}
}

@media screen and (max-width: 980px) {
	h1::before {
	  top: -5.5rem;
	  right: 40px;
	}
	
	h1
	{
		margin-top:-10px;
		font-weight:230 !important;
		font-variation-settings: 'wght' 230 !important;
	}
	
	.single-b2b-marketing h1,
	.single-marketing-agentur h1,
	.single-blog h1,
	.single-b2b h1/*,
	.single-leistungen h1 */
	{
		position:relative;
		margin-top:35px !important;
	}
	
	h1 span.h1-klein
	{
		font-size:0.25em !important;
		top:-17px;
	}
	
	
	.single-b2b-marketing h1 span.h1-klein,
	.single-marketing-agentur h1 span.h1-klein,
	.single-blog h1 span.h1-klein,
	.single-b2b h1 span.h1-klein
	{
		top:-20px;
	}

	h1 span.h1-gross
	{
		top:0px;
		left: -4px !important;
		top:-7px;
	}
	
	.post-type-archive h1 span.h1-klein
	{
		top: 31px;

	}

}

@media screen and (max-width: 780px) {
	h1::before {
	  top: -5.5rem;
 	right: 40px;
	}
	
	h1
	{
		margin-top:-10px;
		font-weight:230 !important;
		font-variation-settings: 'wght' 230 !important;
	}
	
	h1 span.h1-klein
	{
		font-size:0.28em !important;
		top:-17px;
	}

	h1 span.h1-gross
	{
		top:0px;
		left: 0px !important;
		top:-7px;

	}
	
	.post-type-archive h1 span.h1-klein
	{
		top: 31px;

	}
	
	.page h1
	{
		margin-top: 20px;
	}
	
	
}


@media screen and (max-width: 320px) {
	h1 span.h1-klein
	{
		display:none !important;
	}
}

h1 span.h1-left
{
	left: 0px !important;
}





/*
@media screen and (min-width: 1280px) {
	h1 {
	 margin-top: 80px; 
	}
}

@media screen and (max-width: 1280px) {
	h1::before {
	  content: url(/wp-content/uploads/schmetterling_test_klein_ohne_rand.png);
	  position: absolute;
	  top: -1.6em;
	  right: -10px;
	  
	}
}

@media screen and (max-width: 980px) {
	h1::after {
	  content: url(/wp-content/uploads/schmetterling_test_klein_ohne_rand.png);
	  position: absolute;
	  top: -1.5em;
	  right: -10px;
	}
		h1 {
	 margin-top: 40px; 
	}
}

@media screen and (max-width: 780px) {
	h1::after {
	  content: url(/wp-content/uploads/schmetterling_test_klein_ohne_rand.png);
	  position: absolute;
	  top: -2.5em;
	  right: -10px;
	}
}
*/


/* END SCHMETTERLING END */


#et-main-area
{
	/* background-color:#fafafa!important; */
	 background-color:var(--hex-corp-white); 

}


.call-to-action .difl-divider-icon img,
.phone-call-to-action .difl-divider-icon img,
.videopresentation .difl-divider-icon img, 
.call-back .difl-divider-icon img
{
	background-color:var(--hex-corp-green) !important;
	background: linear-gradient(225deg, rgba(133,172,57,0.65) 0%, rgba(133,172,57,0.65) 30%, rgba(121,167,50,0.65) 51%, rgba(136,176,58,0.65) 51%, rgba(133,172,57,0.65) 72%, rgba(133,172,57,0.65) 100%);

}

.phone-call-to-action .difl-divider-icon img:hover
{

}
.difl-divider-wrapper-separator .difl-divider-icon-wrap .difl-divider-icon img {

	transition: all 1s;
   -webkit-transform: scale(1);
   transform: scale(1);

}

.difl-divider-wrapper-separator .difl-divider-icon-wrap:hover .difl-divider-icon img {

	transition: all ease-in-out 1s;
   -webkit-transform: scale(1.15);
   transform: scale(1.15);

}



body:not(.home) h2:not(.no_before):before
{
	content:"+";
	color:var(--hex-corp-accent-color2) !important;
	position:relative;
	top:-.11em;
	font-weight:400;
	font-size:1.5em;
	margin-right:0px;
	-webkit-transition: color 2s ease !important;
    -moz-transition: color 2s ease !important;
  	-o-transition: color 2s ease !important;
  	transition: color 2s ease !important;
	left:-5px;

}


body:not(.home) h2:not(.no_before),
.post-type-archive-marketing-agentur h2, 
.post-type-archive-blog h2,
.term-aufbau-messestand h2
{
	text-transform: lowercase;
	
}

body.single-marketing-agentur .et_pb_text_0 h2
{
	text-transform: none !important;
}



body:not(.home) h2:hover::before
{
	color:var(--hex-corp-black) !important;
}

h2 a
{
	color:var(--hex-corp-black) !important;
}

#main-footer a
{
	color:var(--hex-corp-white) !important;
}


/* START Before Special Chars START */

.post-type-archive-marketing-agentur h2:before, 
.post-type-archive-blog h2:before, 
.post-type-archive-b2b h2:before
{
	content:"#" !important;
	font-size:1em !important;
	top:-.21em !important;
	font-weight:400 !important;
}




.term-aufbau-messestand h2::before {
  content: "►" !important;
  font-size: .7em !important;
  top: -.68em !important;
	font-weight:300 !important;
}




.single-marketing-agentur h2:before
{
	content:"" !important;
	font-size:1.4em;
	top:-.11em !important;
}

.page-id-393 h2:before,
.et_pb_team_member_description h2:before  
{
	content:"+" !important;
	font-weight:400 !important;
	font-size:1.8em;
	margin-right:2px !important;
}


.et_pb_member_position::after {
  content: ".";
  color: var(--hex-corp-accent-color) !important;
  content: "•";
  color: var(--hex-corp-accent-color2) !important;
  font-variation-settings: 'wght' 700;
  bottom: -3px;
  position: relative;
  margin-left: 1px;
}

#main-content a:not(.et_pb_blurb_content a) {

  text-decoration: none !important;
  font-weight: 400;
  /* color: var(--hex-corp-black-link) !important; */
}

#main-content a:not(.et_pb_blurb_content a), 
.single-marketing-agentur #main-content ul li a
{
	
	/* color: var(--hex-corp-black-link) !important; */
	/* color:var(--hex-corp-green); */
	
}

#main-content a:hover:not(.et_pb_blurb_content a:hover)
{
	

	/* color:var(--hex-corp-green) !important; */
	
}




/* STOP Before Special Chars STOP */



.et-fb-root-ancestor a,
.et-fb-settings a
{
	
}










/* Frontpage */


.leistungen-b2b-agentur .n2-ss-slider-pane
{
	height:100% !important; 
	overflow: visible !important;
	margin-bottom: 15px !important;
}


.et_pb_blurb_0, 
.et_pb_blurb_1, 
.et_pb_blurb_2, 
.et_pb_blurb_3, 
.et_pb_blurb_4, 
.et_pb_blurb_5, 
.leistungen-b2b-agentur .n2-ss-slide,
.home .et_pb_testimonial
{
	box-shadow: rgba(0, 0, 0, 0.06) 0px 1px 1px, rgba(0, 0, 0, 0.06) 0px 3px 3px, rgba(0, 0, 0, 0.06) 0px 4px 4px, rgba(0, 0, 0, 0.06) 0px 7px 7px, rgba(0, 0, 0, 0.06) 0px 14px 14px;
}

.phone-call-to-action .difl-divider-icon img
{
	box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 1px, rgba(0, 0, 0, 0.02) 0px 3px 3px, rgba(0, 0, 0, 0.02) 0px 4px 4px, rgba(0, 0, 0, 0.02) 0px 7px 7px, rgba(0, 0, 0, 0.02) 0px 14px 14px;
}

.corp-icon img
{
	max-width:100px;
	height:auto;
}

.corp-icon-content
{
	max-width:200px;
	height:auto;
}

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


.footer .wp-block-image img {
  height: 60px !important;
  width: auto !important;
}



.et_fixed_nav #page-container .et-fixed-header#top-header {

}









#main-footer {
  top: -25px;
  position: relative;
}

@media screen and (max-width: 1280px) {
#footer-widgets {
	  padding-top: 100px !important;
	}
}

@media screen and (max-width: 979px) {
	.wp-block-columns {
		margin-bottom: 0em !important;
	}
	
#footer-widgets {
	  padding-top: 100px !important;
	  padding-bottom:0px !important;		
	}
}
.single-marketing-agentur .wpcf7-form
{
	margin-bottom:120px;
}

img.lgx_app_item_img
{
	width: auto;
	height: 130px;
}


.cf7ic_instructions
{
	padding-bottom:25px !important;
}