/* Schriftarten */
	
	@font-face{
		font-family: squada;
		src: url("https://3pc-coaching.de/wp-content/uploads/2020/10/SquadaOne-Regular.ttf");
	}
	@font-face{
		font-family: Open Sans normal;
		src: url("https://3pc-coaching.de/wp-content/uploads/2020/10/OpenSans-Regular.ttf");
	}

	
@font-face { 
    font-family: 'Abril Fat Face';
    src: url("https://3pc-coaching.de/wp-content/themes/flexawesomebygalano/fa-layout/fa-layout/fa-fonts/AbrilFatface-Regular.ttf"); 
}
@font-face { 
    font-family: 'Alfa Slab One';
    src: url("https://3pc-coaching.de/wp-content/themes/flexawesomebygalano/fa-layout/fa-fonts/AlfaSlabOne-Regular.ttf"); 
}
@font-face { 
    font-family: 'Amatic SC';
    src: url("https://3pc-coaching.de/wp-content/themes/flexawesomebygalano/fa-layout/fa-fonts/AmaticSC-Regular.ttf"); 
}
@font-face { 
    font-family: 'Bungee';
    src: url("https://3pc-coaching.de/wp-content/themes/flexawesomebygalano/fa-layout/fa-fonts/Bungee-Regular.ttf"); 
}
@font-face { 
    font-family: 'Cinzel Decorative';
    src: url("https://3pc-coaching.de/wp-content/themes/flexawesomebygalano/fa-layout/fa-fonts/CinzelDecorative-Regular.ttf"); 
}
@font-face { 
    font-family: 'Pathway Gothic One';
    src: url("https://3pc-coaching.de/wp-content/themes/flexawesomebygalano/fa-layout/fa-fonts/PathwayGothicOne-Regular.ttf"); 
}
@font-face { 
    font-family: 'Cookie';
    src: url("https://3pc-coaching.de/wp-content/themes/flexawesomebygalano/fa-layout/fa-fonts/Cookie-Regular.ttf"); 
}
@font-face { 
    font-family: 'Crimson Text';
    src: url("https://3pc-coaching.de/wp-content/themes/flexawesomebygalano/fa-layout/fa-fonts/CrimsonText-Regular.ttf"); 
}
@font-face { 
    font-family: 'Dancing Script';
    src: url("https://3pc-coaching.de/wp-content/themes/flexawesomebygalano/fa-layout/fa-fonts/DancingScript-Regular.ttf"); 
}
@font-face { 
    font-family: 'Great Vibes';
    src: url("https://3pc-coaching.de/wp-content/themes/flexawesomebygalano/fa-layout/fa-fonts/GreatVibes-Regular.ttf"); 
}
@font-face { 
    font-family: 'Just Another Hand';
    src: url("https://3pc-coaching.de/wp-content/themes/flexawesomebygalano/fa-layout/fa-fonts/JustAnotherHand-Regular.ttf"); 
}
@font-face { 
    font-family: 'Kaushan Script';
    src: url("https://3pc-coaching.de/wp-content/themes/flexawesomebygalano/fa-layout/fa-fonts/KaushanScript-Regular.ttf"); 
}
@font-face { 
    font-family: 'Knewave';
    src: url("https://3pc-coaching.de/wp-content/themes/flexawesomebygalano/fa-layout/fa-fonts/Knewave-Regular.ttf"); 
}
@font-face { 
    font-family: 'Lato'; 
    src: url("https://3pc-coaching.de/wp-content/themes/flexawesomebygalano/fa-layout/fa-fonts/Lato-Regular.ttf"); 
}
@font-face { 
    font-family: 'Lobster'; 
    src: url("https://3pc-coaching.de/wp-content/themes/flexawesomebygalano/fa-layout/fa-fonts/Lobster-Regular.ttf"); 
}
@font-face { 
    font-family: 'Open Sans'; 
    src: url("https://3pc-coaching.de/wp-content/themes/flexawesomebygalano/fa-layout/fa-fonts/OpenSans-Regular.ttf"); 
}
@font-face { 
    font-family: 'Pacifico';
    src: url("https://3pc-coaching.de/wp-content/themes/flexawesomebygalano/fa-layout/fa-fonts/Pacifico-Regular.ttf"); 
}
@font-face { 
    font-family: 'Passion One';
    src: url("https://3pc-coaching.de/wp-content/themes/flexawesomebygalano/fa-layout/fa-fonts/PassionOne-Regular.ttf"); 
}
@font-face { 
    font-family: 'Raleway'; 
    src: url("https://3pc-coaching.de/wp-content/themes/flexawesomebygalano/fa-layout/fa-fonts/Raleway-Regular.ttf"); 
}
@font-face { 
    font-family: 'Roboto'; 
    src: url("https://3pc-coaching.de/wp-content/themes/flexawesomebygalano/fa-layout/fa-fonts/Roboto-Regular.ttf"); 
}
@font-face { 
    font-family: 'Satisfy';
    src: url("https://3pc-coaching.de/wp-content/themes/flexawesomebygalano/fa-layout/fa-fonts/Satisfy-Regular.ttf"); 
}
@font-face { 
    font-family: 'Shrikhand';
    src: url("https://3pc-coaching.de/wp-content/themes/flexawesomebygalano/fa-layout/fa-fonts/Shrikhand-Regular.ttf"); 
}
@font-face { 
    font-family: 'Source Sans Pro'; 
    src: url("https://3pc-coaching.de/wp-content/themes/flexawesomebygalano/fa-layout/fa-fonts/SourceSansPro-Regular.ttf"); 
}
@font-face { 
    font-family: 'Yesteryear';
    src: url("https://3pc-coaching.de/wp-content/themes/flexawesomebygalano/fa-layout/fa-fonts/Yesteryear-Regular.ttf"); 
}





/* Header */
.headertext-vorschau-background{
    background-color: #ffffff;        background-repeat: repeat;	
	background-size: cover;    background-position: top left ;    background-attachment: fixed;}
#masthead{
    background-color: #ffffff;    background-color: #ffffff;        background-size: cover;	background-repeat: repeat;	
    background-position: top left ;    background-attachment: fixed;     
        box-shadow: 0px 0px 19px #0a0a0a;
        }

#masthead:after{
    height: 35px;                }

@media (min-width: 1200px){
    #primary-navigation{
        max-width: calc( 100% - 200px - 50px);    }
}

/*----------- N A V I G A T I O N --------------*/
/* Navigation Ebene 1*/
.vorschau.navi .ebene-1{
    background-color: #ffffff;        background-size: cover;    background-position: top left ;}
.vorschau.navi .ul.ebene-1 .li.children  a:after{
	background-color: #595959;	
	right: calc( 30px ); 	width: 10px; ?>;	height: 10px; ?>;		}
.vorschau.navi .ul.ebene-1 .li.children a:hover:after{
	background-color: #ffffff;	
}
.vorschau.navi .ul.ebene-1 .li.children.aktiv a:after{
	background-color: #ffffff;}

/* Ebene 1 */
.vorschau.navi .ebene-1 .li,
#primary-navigation>div>ul>li{
	border-right: 1px solid #d8d8d8}

.vorschau.navi .ebene-1 .li a,
#primary-navigation>div>ul>li>a{
        color: #595959;	 
					font-family: squada;
			 
    font-size: 19px;    padding-left: 30px;    padding-right: 30px;			    position: relative;
        }
@media (min-width: 1200px){
	.vorschau.navi .ul.ebene-1 .li a:hover,
    #primary-navigation>div>ul>li>a:hover{
        color: #ffffff;;        background-color: #86b541;                    }
	#primary-navigation>div>ul>li.menu-item-has-children>a:hover:after{
		background-color: #ffffff;	
	}
	#primary-navigation>div>ul>li.menu-item-has-children.current-menu-item>a:after{
		background-color: #ffffff;	}
	.vorschau.navi .ebene-1 .li.children a:after,
	#primary-navigation>div>ul>li.menu-item-has-children>a:after{
		background-color: #595959;	
		right: calc( 30px ); 		width: 10px; ?>;		height: 10px; ?>;					}

}
/*Dropdownpfeil*/
.vorschau.navi .ebene-1 .li.children a,
#primary-navigation>div>ul>li.menu-item-has-children>a{
	padding-right: calc(30px + 10px * 2 );}
.vorschau.navi .ebene-1 .li.aktiv a,
#primary-navigation>div>ul>li.active>a,
#primary-navigation>div>ul>li.current-menu-item>a{
    color: #ffffff;    background-color: #257221; 
        }
#primary-navigation>div>ul>li.menu-item-has-children>a{
	}
#primary-navigation > div > ul > li.menu-item-has-children.active > a::after,
#primary-navigation>div>ul>li.menu-item-has-children.current-menu-item>a:after{
	background-color: #ffffff;}
/* Navigation Ebene 2*/
/* Ebene 2 */
.vorschau.navi .ebene-2 .li a,
#primary-navigation>div>ul>li>ul>li>a{
    color: #ffffff;    background-color: #e58c27;	
			 
			font-family: Bungee;
		 
	 
    font-size: 18px;	
    padding-left: 30px;    padding-right: 30px;			        }
.vorschau.navi .ebene-2 .li.aktiv a,
#primary-navigation>div>ul>li>ul>li.current-menu-item>a{
    color: #ffffff;    background-color: #631cce;        }
.vorschau.navi .ebene-2 .li.children a:after{
    background-color: #ffffff;	width: 15px;	height: 15px;			right: 30px;}
.vorschau.navi .ebene-2 .li.children a:hover:after{
    background-color: #333333;}
.vorschau.navi .ebene-2 .li.children.aktiv a:after{
    background-color: #ffffff;}
.vorschau.navi .ebene-2 .li,
#primary-navigation>div>ul>li>ul>li{
	border-top: 1px solid #eacb83}

@media (min-width: 1200px){
	#primary-navigation>div>ul>li>ul{
		 
			box-shadow: 0px  0px 11px #0a0a0a;
					}
	.vorschau.navi .ebene-2 .li a:hover,
    #primary-navigation>div>ul>li>ul>li>a:hover{
        color: #333333;        background-color: #0a9b94;                    }
	#primary-navigation>div>ul>li>ul>li.menu-item-has-children>a:after{
        background-color: #ffffff;        width: 15px;        height: 15px;                		right: 30px;    }
    #primary-navigation .sub-menu li.menu-item-has-children:hover>a:after{
        background-color: #333333;    }
	#primary-navigation>div>ul>li>ul>li.menu-item-has-children.current-menu-item>a:after{
        background-color: #ffffff;    }
}
/* Navigation Ebene 3*/
/* Ebene 3 */
.vorschau.navi .ebene-3 .li,
#primary-navigation>div>ul>li>ul>li>ul>li{
	border-top: 1px solid #cc5e2e;}
.vorschau.navi .ebene-3 .li a,
#primary-navigation>div>ul>li>ul>li>ul>li>a{
    color: #ffffff;    background-color: #ea6635;			 
			font-family: Dancing Script;
		 
	 
			    font-size: 16px;	
          
	
    padding-left: 30px;    padding-right: 30px;}
.vorschau.navi .ebene-3 .li.aktiv a,
#primary-navigation>div>ul>li>ul>li>ul>li.current-menu-item>a{
    color: #ffffff;    background-color: #c2e21d;        }
@media (min-width: 1200px){
	.vorschau.navi .ebene-3 .li a:hover,
    #primary-navigation>div>ul>li>ul>li>ul>li>a:hover{
                background-color: #cc342e;        
                    }
	#primary-navigation>div>ul>li>ul>li>ul{
         
            box-shadow: 0px  0px 6px rgba(10,10,10,0.76);
                    }
}
/* Navigation Toggle*/
@media (max-width: 1200px){
	/*Toggle Menü*/
	
	.toggle-menu .toggle-icon{
			}
	.toggle-menu .toggle-icon{
		background-color: #595959;	}
	
	/* Toggle Ebene 1 */
	#primary-navigation>div>ul>li{
		border-top: 1px solid #d8d8d8	}
	
	#primary-navigation > div > ul > li.menu-item-has-children > .toggle-subemenu {
			}
	#primary-navigation > div > ul > li.menu-item-has-children > .toggle-subemenu:after {
		background-color: #595959;	}
	#primary-navigation > div > ul > li.current-menu-item > .toggle-subemenu{
		background-color: #257221;	}
	#primary-navigation > div > ul > li.current-menu-item > .toggle-subemenu:after{
		background-color: #ffffff;	}
	
	/* Toggle Ebene 2 */
	#primary-navigation > div > ul > li > ul > li.menu-item-has-children > .toggle-subemenu{
		background-color: #e58c27;	}
	#primary-navigation > div > ul > li > ul > li.menu-item-has-children > .toggle-subemenu:after{
		background-color: #ffffff;	}
	#primary-navigation > div > ul > li > ul > li.current-menu-item > .toggle-subemenu{
		background-color: #631cce;	}
	#primary-navigation > div > ul > li > ul > li.current-menu-item > .toggle-subemenu:after{
		background-color: #ffffff;	}
	
}

/* Body */
.acf-block-preview,
.archive,
.single,
#content{
    background-color: #86b541;    background-image: url(https://3pc-coaching.de/wp-content/uploads/2020/10/pattern-4.jpg);    background-size: contain;	background-repeat: repeat;	
    background-position: top center ;    }

/* Headertext */
/* Headertext Variablen */
.vorschau-headertext,
#headertext{    
			 
			font-family: Open Sans;
		 
	 
		 font-weight: bold; 	    font-size: 16px;	line-height: 1.0;    color: #a5a5a5;               }
.vorschau-headertext a,
#headertext a{    
    color:  #7f7f7f;    text-decoration: none;
}

/* Tablet */
.vorschau-headertext .tablet{    
	font-size: 13px;}
@media (max-width: 1024px){
	#headertext{    
		font-size: 13px;    }
}

/* Handy */
.vorschau-headertext .handy{    
	font-size: 10px;}
@media (max-width: 768px){
	#headertext{    
		font-size: 10px;    }
    
}
/* Header Icons */
/* Header Icons */
            
            
            
 
 

 

 
 





#email-button{ opacity: 0.7; }
#email-button svg{ fill: #ffffff; }
#email-button strong{ background-color: #515151; }
#email-button:hover{ opacity: 1.0; }

#phone-button{ opacity: 0.7; }
#phone-button svg{ fill: #FFFFFF; }
#phone-button strong{ background-color: #7a7a7a; }
#phone-button:hover{ opacity: 1.0; }

#whatsapp-button{ opacity: 0.7; }
#whatsapp-button svg{ fill: #FFFFFF;}
#whatsapp-button strong{ background-color: #39b237; }
#whatsapp-button:hover{ opacity: 1.0; }

.facebook svg{ fill: #1d2cd3;}
.facebook strong{ background-color: #ffffff;}

.instagram svg{ fill: #c3266b;}
.instagram strong{ background-color: #FFFFFF;}

.twitter svg{ fill: #76a9ea; }
.twitter strong{ background-color: #FFFFFF; }

.youtube svg{ fill: #f61c0d;}
.youtube strong{ background-color: #FFFFFF; }

.vimeo svg{ fill: #69b4e5; }
.vimeo strong{  background-color: #FFFFFF; }

.pinterest svg{  fill: #9f1121; }
.pinterest strong{  background-color: #FFFFFF;  }

.email svg{  fill: #515151;  }
.email strong{  background-color: #ffffff;  }

.shop svg{  fill: #4aa43c;  }
.shop strong{   background-color: #FFFFFF; }

#logo{ width: 200px; }
#logomobil { width: 60px; }
/* Überschriften */
													
	.vorschau.h1{
		 background-color: #86b541; 			}
	.content h1,
	#poststuff .vorschau h1,
	.editor-styles-wrapper .section-content h1,
	.section-content h1{
								
		 
							font-family: squada;
					 
		
				color: #0a0a0a;		font-size: 50px; 		line-height: 1.0;      
		
					margin-bottom: 50px;
				
					}
	#poststuff .vorschau .tablet h1{
		font-size: 40px; 					margin-bottom: calc( 50px * 0.75 );
			}
	@media (max-width: 1024px){
		.content h1,
		.editor-styles-wrapper .section-content h1,
		.section-content h1{
			font-size: 40px; 			
							margin-bottom: calc( 50px * 0.75 );
					}
	}
	#poststuff .vorschau .handy h1{
		font-size: 30px; 					margin-bottom: calc( 50px * 0.5 );
			}
	@media (max-width: 768px){
		.content h1,
		.editor-styles-wrapper .section-content h1,
		.section-content h1{
			font-size: 30px; 							margin-bottom: calc( 50px * 0.5 );
					}
	}
	
	.vorschau.h2{
		 background-color: #86b541; 			}
	.content h2,
	#poststuff .vorschau h2,
	.editor-styles-wrapper .section-content h2,
	.section-content h2{
								
		 
							font-family: squada;
					 
		
				color: #3a3a3a;		font-size: 40px; 		line-height: 1.2;      
		
					margin-bottom: 5px;
				
					}
	#poststuff .vorschau .tablet h2{
		font-size: 35px; 					margin-bottom: calc( 5px * 1 );
			}
	@media (max-width: 1024px){
		.content h2,
		.editor-styles-wrapper .section-content h2,
		.section-content h2{
			font-size: 35px; 			
							margin-bottom: calc( 5px * 1 );
					}
	}
	#poststuff .vorschau .handy h2{
		font-size: 30px; 					margin-bottom: calc( 5px * 1 );
			}
	@media (max-width: 768px){
		.content h2,
		.editor-styles-wrapper .section-content h2,
		.section-content h2{
			font-size: 30px; 							margin-bottom: calc( 5px * 1 );
					}
	}
	
	.vorschau.h3{
		 background-color: #86b541; 			}
	.content h3,
	#poststuff .vorschau h3,
	.editor-styles-wrapper .section-content h3,
	.section-content h3{
								
		 
							font-family: squada;
					 
		
				color: #0a0a0a;		font-size: 40px; 		line-height: 1.2;      
		
					margin-bottom: 15px;
				
					}
	#poststuff .vorschau .tablet h3{
		font-size: 35px; 					margin-bottom: calc( 15px * 0.75 );
			}
	@media (max-width: 1024px){
		.content h3,
		.editor-styles-wrapper .section-content h3,
		.section-content h3{
			font-size: 35px; 			
							margin-bottom: calc( 15px * 0.75 );
					}
	}
	#poststuff .vorschau .handy h3{
		font-size: 30px; 					margin-bottom: calc( 15px * 0.5 );
			}
	@media (max-width: 768px){
		.content h3,
		.editor-styles-wrapper .section-content h3,
		.section-content h3{
			font-size: 30px; 							margin-bottom: calc( 15px * 0.5 );
					}
	}
	
	.vorschau.h4{
		 background-color: #86b541; 			}
	.content h4,
	#poststuff .vorschau h4,
	.editor-styles-wrapper .section-content h4,
	.section-content h4{
								
					 
				font-family: Satisfy;
			 
		 
		
				color: #0a0a0a;		font-size: 30px; 		line-height: 1.1;      
		
					margin-bottom: 15px;
				
					}
	#poststuff .vorschau .tablet h4{
		font-size: 25px; 					margin-bottom: calc( 15px * 0.75 );
			}
	@media (max-width: 1024px){
		.content h4,
		.editor-styles-wrapper .section-content h4,
		.section-content h4{
			font-size: 25px; 			
							margin-bottom: calc( 15px * 0.75 );
					}
	}
	#poststuff .vorschau .handy h4{
		font-size: 20px; 					margin-bottom: calc( 15px * 0.5 );
			}
	@media (max-width: 768px){
		.content h4,
		.editor-styles-wrapper .section-content h4,
		.section-content h4{
			font-size: 20px; 							margin-bottom: calc( 15px * 0.5 );
					}
	}
	
	.vorschau.h5{
		 background-color: #86b541; 			}
	.content h5,
	#poststuff .vorschau h5,
	.editor-styles-wrapper .section-content h5,
	.section-content h5{
								
					 
				font-family: Bungee;
			 
		 
		
						font-size: 22px; 		     
		
					margin-bottom: 10px;
				
					}
	#poststuff .vorschau .tablet h5{
		font-size: 20px; 					margin-bottom: calc( 10px * 0.75 );
			}
	@media (max-width: 1024px){
		.content h5,
		.editor-styles-wrapper .section-content h5,
		.section-content h5{
			font-size: 20px; 			
							margin-bottom: calc( 10px * 0.75 );
					}
	}
	#poststuff .vorschau .handy h5{
		font-size: 18px; 					margin-bottom: calc( 10px * 0.5 );
			}
	@media (max-width: 768px){
		.content h5,
		.editor-styles-wrapper .section-content h5,
		.section-content h5{
			font-size: 18px; 							margin-bottom: calc( 10px * 0.5 );
					}
	}
	
	.vorschau.h6{
		 background-color: #86b541; 			}
	.content h6,
	#poststuff .vorschau h6,
	.editor-styles-wrapper .section-content h6,
	.section-content h6{
								
		 
		
				color: #1e73be;				     
		
					margin-bottom: 40px;
				
					}
	#poststuff .vorschau .tablet h6{
							margin-bottom: calc( 40px * 0.75 );
			}
	@media (max-width: 1024px){
		.content h6,
		.editor-styles-wrapper .section-content h6,
		.section-content h6{
						
							margin-bottom: calc( 40px * 0.75 );
					}
	}
	#poststuff .vorschau .handy h6{
							margin-bottom: calc( 40px * 0.5 );
			}
	@media (max-width: 768px){
		.content h6,
		.editor-styles-wrapper .section-content h6,
		.section-content h6{
										margin-bottom: calc( 40px * 0.5 );
					}
	}

/* Text */
/* Text Variablen */
/* Text CSS*/
.section-content input[type="text"],
.section-content input[type="email"],
.section-content input[type="tel"],
.section-content textarea{
			 
			font-family: Roboto;
		 
	 	
    font-size: 18px;			}

.vorschau-li,
.vorschau.vorschautext,
#editor .editor-styles-wrapper,
.section-content,
.acf-text{
			 
			font-family: Roboto;
		 
				    font-size: 18px; 	
    line-height: 1.4; 	
    color: #494949; 	
}

.vorschau.vorschautext a,
#editor .editor-styles-wrapper a,
.section-content a,
.acf-text a{
    color: #1dc18d;
}

/* Text Tablet */
.vorschautext .tablet{
	font-size: 16px; }
@media (max-width: 1024px){
	#editor .editor-styles-wrapper,
	.section-content,
	.acf-text{
		font-size: 16px; 	}
}

/* Text Handy */
.vorschautext .handy{
	font-size: 14px; }
@media (max-width: 768px){
	#editor .editor-styles-wrapper,
	.section-content,
	.acf-text{
		font-size: 14px; 	}
}
/* OL */

		.text ol li,
.editor-styles-wrapper .text ol li,
.vorschau-ol ol li{
			 
			font-family: Roboto;
		 
	 
				font-size: 20px;    line-height: 1.1;    color: #440031;        	
			margin-bottom: 5px; 
	}


/* Tablet ol li*/
.vorschau-ol .tablet ol li{
	font-size: 18px;	margin-bottom: calc(5px * 0.75); 			margin-bottom: calc( 5px * 1); 
	}

@media (max-width: 1024px){
	.section-content ol li{
        font-size: 18px;        margin-bottom: calc(5px * 0.75); 		
					margin-bottom: calc( 5px * 1); 
		    }
}
/* Handy ol li*/
.vorschau-ol .handy ol li{
	font-size: 16px;	margin-bottom: calc(5px * 0.5); 			margin-bottom: calc( 5px * 1); 
	}
@media (max-width: 768px){
	.section-content ol li{
		font-size: 16px;		margin-bottom: calc(5px * 0.5); 					margin-bottom: calc( 5px * 1); 
			}
}
/* UL */
/* UL Variablen */
.text ul li,
.editor-styles-wrapper .text ul li,
.single .flexible-text ul li,
.vorschau-li ul li{
    margin-bottom: 10px; 	 
					font-family: Open Sans normal;
			 		
	font-size: 18px;    line-height: 1.2;	color: #000000;        		 font-weight: bold; 		padding-left: calc( 16px + 10px);    position: relative;
	
	
}
.text ul li:before,
.single .flexible-text ul li:before,
.vorschau ul li:before{
			 
			-webkit-mask: url(../fa-images/listing-arrow-2.svg ) no-repeat 50% 50%;
			mask: url(../fa-images/listing-arrow-2.svg) no-repeat 50% 50%;
		 
	 
    background-color: #000000;        width: 16px;    height: 16px;	content: "";    
    display: inline-block;
	-webkit-mask-size: cover;
    mask-size: cover;
	position: absolute;
    left: 0px;
}

/* Aufzählung li Tablet */
.vorschau-li .tablet ul li{
	font-size: 16px;	padding-left: calc( 15px + 10px);				margin-bottom: calc( 10px * 0.75); 
	}
.vorschau .tablet ul li:before{
		width: 15px;	height: 15px;}

@media (max-width: 1024px){
	.single .flexible-text ul li,
	.section-content ul li,
    .acf-field .acf-label ul li{
        font-size: 16px;		padding-left: calc( 15px + 10px);				
					margin-bottom: calc( 10px * 0.75); 
			}
	.single .flexible-text ul li:before,
	.flexible-text ul li:before,
    .section-content ul li:before,
    .acf-field .acf-label ul li:before{
                width: 15px;        height: 15px;    }
}
/* Aufzählung li Handy */
.vorschau-li .handy ul li{
	font-size: 14px;	padding-left: calc( 13px + 10px);				margin-bottom: calc( 10px * 0.5); 
	}
.vorschau .handy ul li:before{
		width: 13px;	height: 13px;}
@media (max-width: 768px){
	.single .flexible-text ul li,
	.section-content ul li,
    .acf-field .acf-label ul li{
        font-size: 14px;		padding-left: calc( 13px + 10px);							margin-bottom: calc( 10px * 0.5); 
		    }
	.single .flexible-text ul li:before,
    .section-content ul li:before,
    .acf-field .acf-label ul li:before{
                width: 13px;        height: 13px;    }
}
/* Blockquote */
.section-content blockquote,
.vorschau blockquote{
    background-color: #e8228f;	color: #eeee22;	 
        text-shadow: 2px 2px 2px rgba(10,10,10,0.34); 
    			 
			font-family: Satisfy;
		 
	 
     text-transform: uppercase; 	 font-weight: bold; 	 font-style: italic; 	font-size: 15px;	line-height: 1.4;	
													
			padding: calc( 30px * 1 );
				
	 
        box-shadow: 4px 4px 6px #0a0a0a;
    
			margin-bottom: calc(30px * 1); 
	}

.vorschau .tablet blockquote{
    font-size: 13px;														
				padding: calc( 30px * 0.75 );
												margin-bottom: calc(30px * 0.75); 
		}
@media (max-width: 1024px){
	.section-content blockquote,
	.acf-field .acf-label blockquote{
		font-size: 11px;															
				padding: calc( 30px * 0.75 );
												margin-bottom: calc(30px * 0.75); 
			}
}

.vorschau .handy blockquote{
    font-size: 11px;    												
			padding: calc( 30px * 0.5 );
							margin-bottom: calc(30px * 0.5); 
	}
@media (max-width: 768px){
	.section-content blockquote,
	.acf-field .acf-label blockquote{
		font-size: 11px;															
				padding: calc( 30px * 0.5 );
												margin-bottom: calc(30px * 0.5); 
			}
}

/* Button */
.button-vorschau,
.section-content .button-submit,
.section-content .buttondiv{
	}
.vorschau .button-fa,
.section-content .button-fa{
    border-radius: 4px;        background: #0a0a0a;    color: #ffffff;       
        	    } 

 
.vorschau .button-fa-content,
.vorschau .button-fa input[type="submit"],
.section-content input[type="submit"],
.section-content .button-fa-content{
     
					font-family: squada;
			 
    line-height: 1.1;    font-size: 20px;    color: #ffffff;    												
			padding: calc( 20px * 1 );
								;
         
} 

.vorschau .button-fa:hover input[type="submit"],
.vorschau .button-fa:hover .button-fa-content,
.section-content .button-fa:hover input[type="submit"],
.section-content .button-fa:hover .button-fa-content{
	color: #ffffff;	;
    }
.vorschau .button-fa:hover,
.section-content .button-fa:hover{
    background: #282828 !important; 	}

/* Button Tablet */
.vorschau .tablet .button-fa input[type="submit"],
.vorschau .tablet .button-fa-content {
	font-size: 18px;													
			padding: calc( 20px * 0.75 );
					
}
@media (max-width: 1024px){
	.section-content .button-fa input[type="submit"],
    .section-content .button-fa-content{	
        font-size: 18px;        													
				padding: calc( 20px * 0.75 );
					            }
}

/* Button Handy */
.vorschau .handy .button-fa input[type="submit"],
.vorschau .handy .button-fa-content {
	font-size: 16px;													
			padding: calc( 20px * 0.5 );
					
}

 @media (max-width: 768px){   
	.section-content .button-fa input[type="submit"],
    .section-content .button-fa-content{	
        font-size: 16px;        													
				padding: calc( 20px * 0.5 );
					            }
}

/* Kontaktformular */
.wpcf7 label{
	color: #ffffff;	font-size: 30px;	 
			 	
				 line-height: 1.0;		}

.vorschau.wpcf7 .tablet label{
	font-size: 20px;}
.vorschau.wpcf7 .handy label{
	font-size: 10px;}

/* Eingabefeld */
.acf-field .wpcf7 input[type="text"],
.acf-field .wpcf7 input[type="email"],
.acf-field .wpcf7 input[type="tel"],
.acf-field .wpcf7 textarea,
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea{
	background-color: #ffffff;	color: #444444;	font-size: 18px;	border-radius: 3px;	
													
			padding: calc( 25px * 1 );
					border: 1px solid #ffffff;               
		
		 
		box-shadow: none;
		line-height: 1.0;	
			 
			font-family: Open Sans;
		 
	 	
				}
.wpcf7 input[type="checkbox"]{
	background-color: #ffffff;	border-radius: 3px;	border: 1px solid #ffffff;  
						border-radius: 3px; 
			}
.wpcf7 input[type="text"]::placeholder,
.wpcf7 input[type="email"]::placeholder,
.wpcf7 input[type="tel"]::placeholder,
.wpcf7 textarea::placeholder{
	color: #444444;	opacity: 0.6;
	}

/* Tablet Eingabefeld */
.vorschau.wpcf7 .tablet input[type="text"],
.vorschau.wpcf7 .tablet input[type="email"],
.vorschau.wpcf7 .tablet input[type="tel"],
.vorschau.wpcf7 .tablet textarea{
	font-size: 16px;													
			padding: calc( 25px * 0.75 );
				}
@media (max-width: 1024px){
	.wpcf7 input[type="text"],
	.wpcf7 input[type="email"],
	.wpcf7 input[type="tel"],
	.wpcf7 textarea{
		font-size: 16px;															
				padding: calc( 25px * 0.75 );
								}
}

/* Handy Eingabefeld */
.vorschau.wpcf7 .handy input[type="text"],
.vorschau.wpcf7 .handy input[type="email"],
.vorschau.wpcf7 .handy input[type="tel"],
.vorschau.wpcf7 .handy textarea{
	font-size: 10px;													
			padding: calc( 25px * 0.5 );
				}
@media (max-width: 768px){
	.wpcf7 input[type="text"],
	.wpcf7 input[type="email"],
	.wpcf7 input[type="tel"],
	.wpcf7 textarea{
		font-size: 10px;															
				padding: calc( 25px * 0.5 );
								}
}
.wpcf7 .wpcf7-acceptance{
			border: 2px solid #ffffff;
	}
.wpcf7 .wpcf7-acceptance label,
.wpcf7 .wpcf7-acceptance label a{
	color: #ffffff;			font-size: 14px;			 
			font-family: Open Sans;
		 
	 	
		 font-weight: bold; 		 line-height: 1.3; 
}

/* Tablet Rechtlicher Hinweis */
.vorschau.wpcf7 .tablet .wpcf7-acceptance label,
.vorschau.wpcf7 .tablet .wpcf7-acceptance label a{
	font-size: 12px;}
@media (max-width: 1024px){
	.wpcf7 .wpcf7-acceptance label,
	.wpcf7 .wpcf7-acceptance label a{
		font-size: 12px;	}
}
/* Handy Rechtlicher Hinweis */
.vorschau.wpcf7 .handy .wpcf7-acceptance label,
.vorschau.wpcf7 .handy .wpcf7-acceptance label a{
	font-size: 10px;}
@media (max-width: 768px){
	.wpcf7 .wpcf7-acceptance label,
	.wpcf7 .wpcf7-acceptance label a{
		font-size: 10px;	}
}
.vorschau.wpcf7 .buttondiv,
.section-content .wpcf7 .buttondiv{
	}
.vorschau.wpcf7 .button-fa,
.section-content .wpcf7 .button-fa{
            background: #5ba332;                
        	    } 

 	.vorschau.wpcf7 .button-fa:after,
	.section-content .wpcf7 .button-fa:after{
		content: "";
		width: 100%;
		height: 100%;
		position: absolute;
		background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 48%, rgba(0,0,0,0.15) 50%, rgba(0,0,0,0.3) 100%);
		background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 48%,rgba(0,0,0,0.15) 50%,rgba(0,0,0,0.3) 100%);
		background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 48%,rgba(0,0,0,0.15) 50%,rgba(0,0,0,0.3) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#4d000000',GradientType=0 );
		left: 0px;
		top: 0px;
	}

.vorschau.wpcf7 .button-fa:hover,
.section-content .wpcf7 .button-fa:hover{
    }
.vorschau.wpcf7 .button-fa input[type="submit"],
.section-content .wpcf7 input[type="submit"]{
	     
                					;
         
} 

/* Button Tablet */
.vorschau.wpcf7 .tablet .button-fa input[type="submit"] {
				
}
@media (max-width: 1024px){
	.section-content .wpcf7 .button-fa input[type="submit"]{	
                            }
}

/* Button Handy */
.vorschau.wpcf7 .handy .button-fa input[type="submit"] {
				
}

 @media (max-width: 768px){   
	.section-content .wpcf7 .button-fa input[type="submit"]{	
                            }
}




/* Footer */
/* Footer Variablen */
    .vorschaufooter,
#colophon{
	background-color: #0a0a0a;        background-size: contain;	background-repeat: repeat;		
    background-position:  ;                
            
			 
			font-family: Open Sans;
		 
	 	
	font-size:  16px;	line-height: 1.0;				
}
.vorschaufooter li,
#colophon li{
	border-right: 1px solid #ffffff;	
}
.vorschaufooter a,
#colophon a{
	color: #ffffff;}
.vorschaufooter .tablet{
	font-size:  14px;}
@media (max-width: 1024px){
	#colophon{
		font-size:  14px;	}
}
.vorschaufooter .handy{
	font-size:  10px;}
@media (max-width: 768px){
	#colophon{
		font-size:  10px;	}
}
/* Vorschau */
/*----------- V O R S C H A U --------------*/
.button-vorschau,
.vorschau-li,
.vorschau-ol,
.vorschau.ueberschriften,
.vorschautext,
.blockquote-vorschau{
	background-color: #86b541;    background-image: url(https://3pc-coaching.de/wp-content/uploads/2020/10/pattern-4.jpg);    background-size: contain;    background-position: top center ;    	background-repeat: repeat;	
}
.blockquote-vorschau{
			background: #ffffff	}
.vorschau.wpcf7{
	 background: #99d2e5; }
.vorschau.vorschautext{
	 background: #ffffff; }
.vorschau-li{
			background: #d8d8d8	}
.vorschau-ol{
			background: #adadad	}
.button-vorschau{
	}
	.vorschau.h1{
					background: #bababa			}
	.vorschau.h2{
			}
	.vorschau.h3{
			}
	.vorschau.h4{
					background: #865cbc			}
	.vorschau.h5{
					background: #ffffff			}
	.vorschau.h6{
			}