/* Schriftarten */
	
	@font-face{
		font-family: Oswald;
		src: url("https://dahmanbarbershop.de/wp-content/uploads/2021/02/Oswald-VariableFont_wght.ttf");
	}

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





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

#masthead:after{
    height: 50px;                }

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

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

/* Ebene 1 */
.vorschau.navi .ebene-1 .li,
#primary-navigation>div>ul>li{
	}

.vorschau.navi .ebene-1 .li a,
#primary-navigation>div>ul>li>a{
        color: #ffffff;	 
					font-family: Oswald;
			 
    font-size: 22px;    padding-left: 30px;    padding-right: 30px;	 text-transform: uppercase; 	 font-weight: bold; 	    position: relative;
        }
@media (min-width: 1200px){
	.vorschau.navi .ul.ebene-1 .li a:hover,
    #primary-navigation>div>ul>li>a:hover{
        color: #e0e0e0;;                            }
	#primary-navigation>div>ul>li.menu-item-has-children>a:hover:after{
		background-color: #e0e0e0;	
	}
	#primary-navigation>div>ul>li.menu-item-has-children.current-menu-item>a:after{
			}
	.vorschau.navi .ebene-1 .li.children a:after,
	#primary-navigation>div>ul>li.menu-item-has-children>a:after{
		background-color: #ffffff;	
		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{
         
        }
#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{
	}
/* Navigation Ebene 2*/
/* Ebene 2 */
.vorschau.navi .ebene-2 .li a,
#primary-navigation>div>ul>li>ul>li>a{
        	
	 
    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{
                }
.vorschau.navi .ebene-2 .li.children a:after{
    	width: 15px;	height: 15px;			right: 30px;}
.vorschau.navi .ebene-2 .li.children a:hover:after{
    }
.vorschau.navi .ebene-2 .li.children.aktiv a:after{
    }
.vorschau.navi .ebene-2 .li,
#primary-navigation>div>ul>li>ul>li{
	border-top: 1px solid #898989}

@media (min-width: 1200px){
	#primary-navigation>div>ul>li>ul{
					}
	.vorschau.navi .ebene-2 .li a:hover,
    #primary-navigation>div>ul>li>ul>li>a:hover{
                                    }
	#primary-navigation>div>ul>li>ul>li.menu-item-has-children>a:after{
                width: 15px;        height: 15px;                		right: 30px;    }
    #primary-navigation .sub-menu li.menu-item-has-children:hover>a:after{
            }
	#primary-navigation>div>ul>li>ul>li.menu-item-has-children.current-menu-item>a:after{
            }
}
/* Navigation Ebene 3*/
/* Ebene 3 */
.vorschau.navi .ebene-3 .li,
#primary-navigation>div>ul>li>ul>li>ul>li{
	border-top: 1px solid #878787;}
.vorschau.navi .ebene-3 .li a,
#primary-navigation>div>ul>li>ul>li>ul>li>a{
        	 
			    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{
                }
@media (min-width: 1200px){
	.vorschau.navi .ebene-3 .li a:hover,
    #primary-navigation>div>ul>li>ul>li>ul>li>a:hover{
                        
                    }
	#primary-navigation>div>ul>li>ul>li>ul{
                    }
}
/* Navigation Toggle*/
@media (max-width: 1200px){
	/*Toggle Menü*/
	
	.toggle-menu .toggle-icon{
			}
	.toggle-menu .toggle-icon{
		background-color: #ffffff;	}
	
	/* Toggle Ebene 1 */
	#primary-navigation>div>ul>li{
			}
	
	#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: #ffffff;	}
	#primary-navigation > div > ul > li.current-menu-item > .toggle-subemenu{
			}
	#primary-navigation > div > ul > li.current-menu-item > .toggle-subemenu:after{
			}
	
	/* Toggle Ebene 2 */
	#primary-navigation > div > ul > li > ul > li.menu-item-has-children > .toggle-subemenu{
			}
	#primary-navigation > div > ul > li > ul > li.menu-item-has-children > .toggle-subemenu:after{
			}
	#primary-navigation > div > ul > li > ul > li.current-menu-item > .toggle-subemenu{
			}
	#primary-navigation > div > ul > li > ul > li.current-menu-item > .toggle-subemenu:after{
			}
	
}

/* Body */
.acf-block-preview,
#content{
        background-image: url(https://dahmanbarbershop.de/wp-content/uploads/2020/05/333.jpg);    background-size: cover;	background-repeat: repeat;	
    background-position: center center ;    background-attachment: fixed;}

/* Headertext */
/* Headertext Variablen */
.vorschau-headertext,
#headertext{    
	 
					font-family: Oswald;
			 
			    font-size: 15px;	    color: #ffffff;        
        text-shadow:  0px 0px  6px rgba(10,10,10,0.35);
            }
.vorschau-headertext a,
#headertext a{    
        text-decoration: none;
}

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

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

 

 
 





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

#phone-button{ opacity: 0.7; }
#phone-button svg{ fill: #FFFFFF; }
#phone-button strong{ background-color: #000000; }
#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: #ffffff;}
.facebook strong{ background-color: #000000;}

.instagram svg{ fill: #ffffff;}
.instagram strong{ background-color: #000000;}

.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: #000000;  }
.email strong{  background-color: #ffffff;  }

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

#logo{ width: 250px; }
#logomobil { width: 100px; }
/* Überschriften */
													
	.vorschau.h1{
					}
	.content h1,
	#poststuff .vorschau h1,
	.editor-styles-wrapper .section-content h1,
	.section-content h1{
								
		 
							font-family: Oswald;
					 
		
				color: #0a0a0a;		font-size: 40px; 		line-height: 1.0;      
		
					margin-bottom: 10px;
				
					}
	#poststuff .vorschau .tablet h1{
		font-size: 40px; 					margin-bottom: calc( 10px * 0.75 );
			}
	@media (max-width: 1024px){
		.content h1,
		.editor-styles-wrapper .section-content h1,
		.section-content h1{
			font-size: 40px; 			
							margin-bottom: calc( 10px * 0.75 );
					}
	}
	#poststuff .vorschau .handy h1{
		font-size: 30px; 					margin-bottom: calc( 10px * 0.5 );
			}
	@media (max-width: 768px){
		.content h1,
		.editor-styles-wrapper .section-content h1,
		.section-content h1{
			font-size: 30px; 							margin-bottom: calc( 10px * 0.5 );
					}
	}
	
	.vorschau.h2{
					}
	.content h2,
	#poststuff .vorschau h2,
	.editor-styles-wrapper .section-content h2,
	.section-content h2{
								
		 
							font-family: Oswald;
					 
		
				color: #0a0a0a;		font-size: 40px; 		line-height: 1.0;      
		
					margin-bottom: 10px;
				
					}
	#poststuff .vorschau .tablet h2{
		font-size: 40px; 					margin-bottom: calc( 10px * 0.75 );
			}
	@media (max-width: 1024px){
		.content h2,
		.editor-styles-wrapper .section-content h2,
		.section-content h2{
			font-size: 40px; 			
							margin-bottom: calc( 10px * 0.75 );
					}
	}
	#poststuff .vorschau .handy h2{
		font-size: 30px; 					margin-bottom: calc( 10px * 0.5 );
			}
	@media (max-width: 768px){
		.content h2,
		.editor-styles-wrapper .section-content h2,
		.section-content h2{
			font-size: 30px; 							margin-bottom: calc( 10px * 0.5 );
					}
	}
	
	.vorschau.h3{
					}
	.content h3,
	#poststuff .vorschau h3,
	.editor-styles-wrapper .section-content h3,
	.section-content h3{
								
					 
				font-family: Roboto;
			 
		 
		
				color: #bcbcbc;		font-size: 30px; 		line-height: 1.0;      
		
					margin-bottom: 25px;
				
					}
	#poststuff .vorschau .tablet h3{
		font-size: 30px; 					margin-bottom: calc( 25px * 0.75 );
			}
	@media (max-width: 1024px){
		.content h3,
		.editor-styles-wrapper .section-content h3,
		.section-content h3{
			font-size: 30px; 			
							margin-bottom: calc( 25px * 0.75 );
					}
	}
	#poststuff .vorschau .handy h3{
		font-size: 20px; 					margin-bottom: calc( 25px * 0.5 );
			}
	@media (max-width: 768px){
		.content h3,
		.editor-styles-wrapper .section-content h3,
		.section-content h3{
			font-size: 20px; 							margin-bottom: calc( 25px * 0.5 );
					}
	}
	
	.vorschau.h4{
					}
	.content h4,
	#poststuff .vorschau h4,
	.editor-styles-wrapper .section-content h4,
	.section-content h4{
								
		 
		
						font-size: 30px; 		line-height: 1.0;      
		
					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{
					}
	.content h5,
	#poststuff .vorschau h5,
	.editor-styles-wrapper .section-content h5,
	.section-content h5{
								
		 
		
						font-size: 22px; 		line-height: 1.0;      
		
					margin-bottom: 15px;
				
					}
	#poststuff .vorschau .tablet h5{
		font-size: 20px; 					margin-bottom: calc( 15px * 0.75 );
			}
	@media (max-width: 1024px){
		.content h5,
		.editor-styles-wrapper .section-content h5,
		.section-content h5{
			font-size: 20px; 			
							margin-bottom: calc( 15px * 0.75 );
					}
	}
	#poststuff .vorschau .handy h5{
		font-size: 18px; 					margin-bottom: calc( 15px * 0.5 );
			}
	@media (max-width: 768px){
		.content h5,
		.editor-styles-wrapper .section-content h5,
		.section-content h5{
			font-size: 18px; 							margin-bottom: calc( 15px * 0.5 );
					}
	}
	
	.vorschau.h6{
					}
	.content h6,
	#poststuff .vorschau h6,
	.editor-styles-wrapper .section-content h6,
	.section-content h6{
								
		 
		
								line-height: 1.0;      
		
					margin-bottom: 15px;
				
					}
	#poststuff .vorschau .tablet h6{
							margin-bottom: calc( 15px * 0.75 );
			}
	@media (max-width: 1024px){
		.content h6,
		.editor-styles-wrapper .section-content h6,
		.section-content h6{
						
							margin-bottom: calc( 15px * 0.75 );
					}
	}
	#poststuff .vorschau .handy h6{
							margin-bottom: calc( 15px * 0.5 );
			}
	@media (max-width: 768px){
		.content h6,
		.editor-styles-wrapper .section-content h6,
		.section-content h6{
										margin-bottom: calc( 15px * 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: Raleway;
		 
	 	
    font-size: 20px;		 font-weight: normal; 	 font-style: normal; }

.vorschau-li,
.vorschau.vorschautext,
#editor .editor-styles-wrapper,
.section-content,
.acf-text{
			 
			font-family: Raleway;
		 
			 font-weight: normal; 	 font-style: normal;     font-size: 20px; 	
    line-height: 1.4; 	
    color: #0a0a0a; 	
}

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

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

/* Text Handy */
.vorschautext .handy{
	font-size: 16px; }
@media (max-width: 768px){
	#editor .editor-styles-wrapper,
	.section-content,
	.acf-text{
		font-size: 16px; 	}
}
/* 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: #000000;        	
			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,
.vorschau-li ul li{
    margin-bottom: 5px; 	 		
	font-size: 20px;    line-height: 1.0;	color: #000000;        				padding-left: calc( 20px + 10px);    position: relative;
	
	
}
.text ul li:before,
.vorschau ul li:before{
			 
			-webkit-mask: url(../fa-images/listing-arrow-1.svg ) no-repeat 50% 50%;
			mask: url(../fa-images/listing-arrow-1.svg) no-repeat 50% 50%;
		 
	 
    background-color: #000000;        width: 20px;    height: 20px;	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: 18px;	padding-left: calc( 18px + 10px);				margin-bottom: calc( 5px * 1); 
	}
.vorschau .tablet ul li:before{
		width: 18px;	height: 18px;}

@media (max-width: 1024px){
	.section-content ul li,
    .acf-field .acf-label ul li{
        font-size: 18px;		padding-left: calc( 18px + 10px);				
					margin-bottom: calc( 5px * 1); 
			}
	.flexible-text ul li:before,
    .section-content ul li:before,
    .acf-field .acf-label ul li:before{
                width: 18px;        height: 18px;    }
}
/* Aufzählung li Handy */
.vorschau-li .handy ul li{
	font-size: 16px;	padding-left: calc( 16px + 10px);				margin-bottom: calc( 5px * 1); 
	}
.vorschau .handy ul li:before{
		width: 16px;	height: 16px;}
@media (max-width: 768px){
	.section-content ul li,
    .acf-field .acf-label ul li{
        font-size: 16px;		padding-left: calc( 16px + 10px);							margin-bottom: calc( 5px * 1); 
		    }
    .section-content ul li:before,
    .acf-field .acf-label ul li:before{
                width: 16px;        height: 16px;    }
}
/* Blockquote */
.section-content blockquote,
.vorschau blockquote{
    			 
    			font-size: 15px;	line-height: 1.2;	
													
			padding: calc( 30px * 1 );
				
	
			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{
			justify-content: flex-start;
	}
.vorschau .button-fa,
.section-content .button-fa{
    border-radius: 1px;    max-width: 250px;    background: #a80202;    color: #ffffff;       
        	    } 

 
.vorschau .button-fa-content,
.vorschau .button-fa input[type="submit"],
.section-content input[type="submit"],
.section-content .button-fa-content{
     
					font-family: Oswald;
			 
    line-height: 1.0;    font-size: 25px;    color: #ffffff;    												
			padding: calc( 15px * 1 );
								 
        text-shadow: 1px  1px 1px #000000;
    ;
         
} 

.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;	 
        text-shadow: 1px  1px 1px #000000;
    ;
    }
.vorschau .button-fa:hover,
.section-content .button-fa:hover{
    background: #750101 !important; 	}

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

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

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

/* Kontaktformular */
.wpcf7 label{
	color: #0a0a0a;	font-size: 22px;	 	
				 line-height: 1.0;		}

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

/* 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{
			font-size: 22px;	border-radius: 6px;	
													
			padding: calc( 25px * 1 );
					border: 1px solid #848484;               
		
		 
		box-shadow: none;
		line-height: 1.0;	
	 	
				}
.wpcf7 input[type="checkbox"]{
		border-radius: 6px;	border: 1px solid #848484;  
						border-radius: 3px; 
			}
.wpcf7 input[type="text"]::placeholder,
.wpcf7 input[type="email"]::placeholder,
.wpcf7 input[type="tel"]::placeholder,
.wpcf7 textarea::placeholder{
		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: 20px;													
			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: 20px;															
				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: 18px;													
			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: 18px;															
				padding: calc( 25px * 0.5 );
								}
}
.wpcf7 .wpcf7-acceptance{
			border: 2px solid #383838;
	}
.wpcf7 .wpcf7-acceptance label,
.wpcf7 .wpcf7-acceptance label a{
	color: #383838;			font-size: 12px;	 	
				 line-height: 1.2; 
}

/* Tablet Rechtlicher Hinweis */
.vorschau.wpcf7 .tablet .wpcf7-acceptance label,
.vorschau.wpcf7 .tablet .wpcf7-acceptance label a{
	font-size: 11px;}
@media (max-width: 1024px){
	.wpcf7 .wpcf7-acceptance label,
	.wpcf7 .wpcf7-acceptance label a{
		font-size: 11px;	}
}
/* 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: #757575;                
        	    } 

 
.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: #000000;        background-size: contain;			
    background-position:  ;                
            
	 	
	font-size:  20px;	line-height: 1.0;				
}
.vorschaufooter li,
#colophon li{
	border-right: 1px solid #ffffff;	
}
.vorschaufooter a,
#colophon a{
	color: #ffffff;}
.vorschaufooter .tablet{
	font-size:  20px;}
@media (max-width: 1024px){
	#colophon{
		font-size:  20px;	}
}
.vorschaufooter .handy{
	font-size:  15px;}
@media (max-width: 768px){
	#colophon{
		font-size:  15px;	}
}
/* Vorschau */
/*----------- V O R S C H A U --------------*/
.button-vorschau,
.vorschau-li,
.vorschau-ol,
.vorschau.ueberschriften,
.vorschautext,
.blockquote-vorschau{
	    background-image: url(https://dahmanbarbershop.de/wp-content/uploads/2020/05/333.jpg);    background-size: cover;    background-position: center center ;    background-attachment: fixed;	background-repeat: repeat;	
}
.blockquote-vorschau{
			background: #ffffff	}
.vorschau.wpcf7{
	}
.vorschau.vorschautext{
	 background: #ffffff; }
.vorschau-li{
			background: #d8d8d8	}
.vorschau-ol{
			background: #adadad	}
.button-vorschau{
	}
	.vorschau.h1{
			}
	.vorschau.h2{
			}
	.vorschau.h3{
			}
	.vorschau.h4{
					background: #865cbc			}
	.vorschau.h5{
					background: #ffffff			}
	.vorschau.h6{
			}