/* Schriftarten */
	
	@font-face{
		font-family: "Architecs";
		src: url("https://trummer.de/wp-content/uploads/2025/08/Architecs-Brush.otf");
	}
	@font-face{
		font-family: "Varsity123";
		src: url("https://trummer.de/wp-content/uploads/2025/08/Varsity-Spirit.otf");
	}
	@font-face{
		font-family: "cowboy";
		src: url("https://trummer.de/wp-content/uploads/2025/05/Planner-Highland.otf");
	}
	@font-face{
		font-family: "rodeo";
		src: url("https://trummer.de/wp-content/uploads/2025/05/Plannerhighland.ttf");
	}
	@font-face{
		font-family: "Roboto Medium";
		src: url("https://trummer.de/wp-content/uploads/2024/02/Roboto-Medium-1.ttf");
	}
	@font-face{
		font-family: "Roboto Regular";
		src: url("https://trummer.de/wp-content/uploads/2024/02/Roboto-Regular.ttf");
	}
	@font-face{
		font-family: "Roboto Light";
		src: url("https://trummer.de/wp-content/uploads/2024/02/Roboto-Light.ttf");
	}

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

@media (min-width: 1200px) {
	#masthead{
			}
	#masthead .header-content{
			}
}

#masthead:after{
    height: 35px;                }



@media (min-width: 1200px){
    #primary-navigation{
        max-width: calc( 100% - 170px - 50px);		    }
	.headertext-and-social-media-buttons{
		max-width: calc( 100% - 170px - 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: #232323;	
	right: calc( 10px ); 	width: 10px; ?>;	height: 10px; ?>;	 transform: none; 	top: 20px;}
.vorschau.navi .ul.ebene-1 .li.children a:hover:after{
		
}
.vorschau.navi .ul.ebene-1 .li.children.aktiv a:after{
	background-color: #dd3333;}

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

.vorschau.navi .ebene-1 .li a,
#primary-navigation>div>ul>li>a{
        color: #232323;			 
			font-family: Roboto;
		 
	 
    font-size: 16px;		
    padding-left: 10px;    padding-right: 10px;	 text-transform: uppercase; 	 font-weight: normal; 	    position: relative;
        }
@media (min-width: 1200px){
	.vorschau.navi .ul.ebene-1 .li a:hover,
    #primary-navigation>div>ul>li>a:hover{
                                    }
	#primary-navigation>div>ul>li.menu-item-has-children>a:hover:after{
			
	}
	#primary-navigation>div>ul>li.menu-item-has-children.current-menu-item>a:after{
		background-color: #dd3333;	}
	.vorschau.navi .ebene-1 .li.children a:after,
	#primary-navigation>div>ul>li.menu-item-has-children>a:after{
		background-color: #232323;	
		right: calc( 10px ); 		width: 10px; ?>;		height: 10px; ?>;		 transform: none; 		top: 20px;	}

}
/*Dropdownpfeil*/
.vorschau.navi .ebene-1 .li.children a,
#primary-navigation>div>ul>li.menu-item-has-children>a{
	padding-right: calc(10px + 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: #dd3333;     
        }
#primary-navigation>div>ul>li.menu-item-has-children>a{
			padding-right: calc( 10px +  10px + 15px);
	}
#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: #dd3333;}
/* Navigation Ebene 2*/
/* Ebene 2 */
.vorschau.navi .ebene-2 .li a,
#primary-navigation>div>ul>li>ul>li>a{
    color: #ff0000;    	
	 
					font-family: Roboto Medium;
			 
    font-size: 17px;		
    padding-left: 10px;    padding-right: 10px;	
	 text-transform: uppercase; 		        }
.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{
    background-color: #ff0000;	width: 10px;	height: 10px;	top: 15px;	 transform: none; 	right: 10px;}
.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{
	}

@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{
        background-color: #ff0000;        width: 10px;        height: 10px;        top: 15px;         transform: none; 		right: 10px;    }
    #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{
	}
.vorschau.navi .ebene-3 .li a,
#primary-navigation>div>ul>li>ul>li>ul>li>a{
    color: #0a0a0a;    	 
					font-family: Roboto Medium;
			 
			    font-size: 16px;		
          
	
    padding-left: 10px;    padding-right: 10px;}
.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: #232323;	}
	
	/* Toggle Ebene 1 */
	#primary-navigation>div>ul>li{
		border-top: 1px solid #ffffff	}
	
	#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: #232323;	}
	#primary-navigation > div > ul > li.current-menu-item > .toggle-subemenu{
			}
	#primary-navigation > div > ul > li.current-menu-item > .toggle-subemenu:after{
		background-color: #dd3333;	}
	
	/* 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{
		background-color: #ff0000;	}
	#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-size: cover;	background-repeat: repeat;	
    background-position: center center ;    }

/* Headertext */
/* Headertext Variablen */
.vorschau-headertext,
#headertext{    
	 
					font-family: Roboto Medium;
			 
			    font-size: 17px;	line-height: 1.0;	    color: #e8e8e8;            
        text-shadow: none;
       
}
.headertext-and-social-media-buttons{
	 }

.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: 12px;}
@media (max-width: 768px){
	#headertext{    
		font-size: 12px;    }
    
}
/* Header Icons */
/* Header Icons */
 
 

 

 
 




.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;  }

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

#logo{ width: 170px; }
#logomobil { width: 100px; }
/* Überschriften */
													
	.vorschau.h1{
					}
	.content h1,
	#poststuff .vorschau h1,
	.editor-styles-wrapper .section-content h1,
	.section-content h1{
		 text-transform: uppercase; 						
		 
							font-family: Roboto Regular;
					 
		color: #0a0a0a;		font-size: 40px; 		line-height: 1.1;      
		     	
		
					margin-bottom: 30px;
				
					}
	
	
	#poststuff .vorschau .laptop h1{
		font-size: 35px; 					margin-bottom: calc( 30px * 0.75 );
			}
	@media (max-width: 1024px){
		.content h1,
		.editor-styles-wrapper .section-content h1,
		.section-content h1{
			font-size: 35px; 			
							margin-bottom: calc( 30px * 0.75 );
					}
	}
	
	#poststuff .vorschau .tablet h1{
		font-size: 30px; 					margin-bottom: calc( 30px * 0.6 );
			}
	@media (max-width: 768px){
		.content h1,
		.editor-styles-wrapper .section-content h1,
		.section-content h1{
			font-size: 30px; 			
							margin-bottom: calc( 30px * 0.6 );
					}
	}
	#poststuff .vorschau .handy h1{
		font-size: 25px; 					margin-bottom: calc( 30px * 0.5 );
			}
	@media (max-width: 480px){
		.content h1,
		.editor-styles-wrapper .section-content h1,
		.section-content h1{
			font-size: 25px; 							margin-bottom: calc( 30px * 0.5 );
					}
	}
	
	.vorschau.h2{
					}
	.content h2,
	#poststuff .vorschau h2,
	.editor-styles-wrapper .section-content h2,
	.section-content h2{
		 text-transform: uppercase; 						
		 
							font-family: Roboto Regular;
					 
		color: #000000;		font-size: 40px; 		line-height: 1.1;      
		     	
		
					margin-bottom: 5px;
				
					}
	
	
	#poststuff .vorschau .laptop 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 .tablet h2{
		font-size: 35px; 					margin-bottom: calc( 5px * 1 );
			}
	@media (max-width: 768px){
		.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: 480px){
		.content h2,
		.editor-styles-wrapper .section-content h2,
		.section-content h2{
			font-size: 30px; 							margin-bottom: calc( 5px * 1 );
					}
	}
	
	.vorschau.h3{
					}
	.content h3,
	#poststuff .vorschau h3,
	.editor-styles-wrapper .section-content h3,
	.section-content h3{
		 text-transform: uppercase; 						
		 
							font-family: Roboto Regular;
					 
				font-size: 35px; 		line-height: 1.1;      
		     	
		
					margin-bottom: 15px;
				
					}
	
	
	#poststuff .vorschau .laptop h3{
		font-size: 30px; 					margin-bottom: calc( 15px * 0.75 );
			}
	@media (max-width: 1024px){
		.content h3,
		.editor-styles-wrapper .section-content h3,
		.section-content h3{
			font-size: 30px; 			
							margin-bottom: calc( 15px * 0.75 );
					}
	}
	
	#poststuff .vorschau .tablet h3{
		font-size: 30px; 					margin-bottom: calc( 15px * 0.6 );
			}
	@media (max-width: 768px){
		.content h3,
		.editor-styles-wrapper .section-content h3,
		.section-content h3{
			font-size: 30px; 			
							margin-bottom: calc( 15px * 0.6 );
					}
	}
	#poststuff .vorschau .handy h3{
		font-size: 25px; 					margin-bottom: calc( 15px * 0.5 );
			}
	@media (max-width: 480px){
		.content h3,
		.editor-styles-wrapper .section-content h3,
		.section-content h3{
			font-size: 25px; 							margin-bottom: calc( 15px * 0.5 );
					}
	}
	
	.vorschau.h4{
					}
	.content h4,
	#poststuff .vorschau h4,
	.editor-styles-wrapper .section-content h4,
	.section-content h4{
		 text-transform: uppercase; 						
					 
				font-family: Roboto;
			 
		 
		color: #dd3333;		font-size: 20px; 		line-height: 1.1;      
		     	
		
					margin-bottom: 15px;
				
					}
	
	
	#poststuff .vorschau .laptop h4{
		font-size: 18px; 					margin-bottom: calc( 15px * 0.75 );
			}
	@media (max-width: 1024px){
		.content h4,
		.editor-styles-wrapper .section-content h4,
		.section-content h4{
			font-size: 18px; 			
							margin-bottom: calc( 15px * 0.75 );
					}
	}
	
	#poststuff .vorschau .tablet h4{
		font-size: 18px; 					margin-bottom: calc( 15px * 0.6 );
			}
	@media (max-width: 768px){
		.content h4,
		.editor-styles-wrapper .section-content h4,
		.section-content h4{
			font-size: 18px; 			
							margin-bottom: calc( 15px * 0.6 );
					}
	}
	#poststuff .vorschau .handy h4{
		font-size: 16px; 					margin-bottom: calc( 15px * 0.5 );
			}
	@media (max-width: 480px){
		.content h4,
		.editor-styles-wrapper .section-content h4,
		.section-content h4{
			font-size: 16px; 							margin-bottom: calc( 15px * 0.5 );
					}
	}
	
	.vorschau.h5{
					}
	.content h5,
	#poststuff .vorschau h5,
	.editor-styles-wrapper .section-content h5,
	.section-content h5{
		 text-transform: uppercase; 						
		 
					 
				font-size: 22px; 		line-height: 1.1;      
		     	
		
					margin-bottom: 15px;
				
					}
	
	
	#poststuff .vorschau .laptop 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 .tablet h5{
		font-size: 20px; 					margin-bottom: calc( 15px * 0.6 );
			}
	@media (max-width: 768px){
		.content h5,
		.editor-styles-wrapper .section-content h5,
		.section-content h5{
			font-size: 20px; 			
							margin-bottom: calc( 15px * 0.6 );
					}
	}
	#poststuff .vorschau .handy h5{
		font-size: 18px; 					margin-bottom: calc( 15px * 0.5 );
			}
	@media (max-width: 480px){
		.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{
		 text-transform: uppercase; 						
		 
					 
						line-height: 1.1;      
		     	
		
					margin-bottom: 15px;
				
					}
	
	
	#poststuff .vorschau .laptop 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 .tablet h6{
							margin-bottom: calc( 15px * 0.6 );
			}
	@media (max-width: 768px){
		.content h6,
		.editor-styles-wrapper .section-content h6,
		.section-content h6{
						
							margin-bottom: calc( 15px * 0.6 );
					}
	}
	#poststuff .vorschau .handy h6{
							margin-bottom: calc( 15px * 0.5 );
			}
	@media (max-width: 480px){
		.content h6,
		.editor-styles-wrapper .section-content h6,
		.section-content h6{
										margin-bottom: calc( 15px * 0.5 );
					}
	}

/* Text */
/* Text Variablen */
/* Text CSS*/

body,
#content,
.content{
	 
					font-family: Roboto Light;
			 	
    font-size: 21px;			}
.section-content input[type="text"],
.section-content input[type="email"],
.section-content input[type="tel"],
.section-content textarea{
	 
					font-family: Roboto Light;
			 	
    font-size: 21px;			}

.vorschau-li,
.vorschau.vorschautext,
#editor .editor-styles-wrapper,
body,
.section-content,
.acf-text{
	 
					font-family: Roboto Light;
				
			    line-height: 1.7; 	
    color: #0a0a0a; 	
}

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


/* Text Tablet */
.vorschautext .laptop{
	font-size: 20px; }


@media (max-width: 1200px){
	

	body,
	#content,
	.content{	
		font-size: 21px;	}
}

@media (max-width: 1024px){
	

	body,
	#content,
	.content{	
		font-size: 20px;	}

	
	#editor .editor-styles-wrapper,
	.section-content,
	.acf-text{
		font-size: 20px; 	}
}

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

/* Text Handy */
.vorschautext .handy{
	font-size: 17px; }
@media (max-width: 480px){
	body,
	#content,
	.content{	
		font-size: 17px;	}
	
	#editor .editor-styles-wrapper,
	.section-content,
	.acf-text{
		font-size: 17px; 	}
}
/* 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; 
	}


/* Laptop ol li*/
.vorschau-ol .laptop ol li{
		margin-bottom: calc(5px * 0.75); 			margin-bottom: calc( 5px * 1); 
	}

@media (max-width: 1024px){
	.section-content ol li{
                margin-bottom: calc(5px * 0.75); 		
					margin-bottom: calc( 5px * 1); 
		    }
}


/* 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: 768px){
	.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: 480px){
	.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{
    	 
					font-family: Roboto Light;
			 		
	font-size: 18px;    line-height: 1.6;		color: #333333;        				padding-left: calc( 18px + 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: #333333;    top: 5px;    width: 18px;    height: 18px;	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( 16px + 10px);	top: 5px;			margin-bottom: calc( px * 0.75); 
	}
.vorschau .tablet ul li:before{
	top: 5px;	width: 16px;	height: 16px;}

@media (max-width: 1024px){
	.section-content ul li,
    .acf-field .acf-label ul li{
        font-size: 16px;		padding-left: calc( 16px + 10px);		top: 5px;		
					margin-bottom: calc( px * 0.75); 
			}
	.flexible-text ul li:before,
    .section-content ul li:before,
    .acf-field .acf-label ul li:before{
        top: 5px;        width: 16px;        height: 16px;    }
}
/* Aufzählung li Handy */
.vorschau-li .handy ul li{
	font-size: 16px;	padding-left: calc( 14px + 10px);	top: 5px;			margin-bottom: calc( px * 0.5); 
	}
.vorschau .handy ul li:before{
	top: 5px;	width: 14px;	height: 14px;}
@media (max-width: 768px){
	.section-content ul li,
    .acf-field .acf-label ul li{
        font-size: 16px;		padding-left: calc( 14px + 10px);		top: 5px;					margin-bottom: calc( px * 0.5); 
		    }
    .section-content ul li:before,
    .acf-field .acf-label ul li:before{
        top: 5px;        width: 14px;        height: 14px;    }
}
/* 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{
	}
.vorschau .button-fa,
.section-content .button-fa{
    border-radius: 5px;					
        	    color: #dd3333;       
        	    } 


.vorschau .button-fa-content,
.vorschau .button-fa input[type="submit"],
.section-content input[type="submit"],
.section-content .button-fa-content{
     
					font-family: Roboto Regular;
			 
    line-height: 1.0;	    font-size: 18px;    color: #dd3333;    												
			padding: calc( 15px * 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: #dd3333 !important; 		}

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

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

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

/* Call To Action */
						#show-call-to-action-box-button{
	}
#show-call-to-action-box-button strong{
	}


/* 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{
	background-color: #eaeaea;	color: #0a0a0a;	font-size: 18px;			border-radius: 5px;
						padding-top: 	15px;		padding-right: 	10px;			padding-bottom: 15px;			padding-left: 	10px;		border: 2px solid #cccccc;               
		
		 
		box-shadow: none;
		line-height: 1.0;		
	 
					font-family: Roboto Regular;
			 	
				}
.wpcf7 input[type="checkbox"]{
	background-color: #eaeaea;	border: 2px solid #cccccc;  
						border-radius: 3px; 
			}
.wpcf7 input[type="text"]::placeholder,
.wpcf7 input[type="email"]::placeholder,
.wpcf7 input[type="tel"]::placeholder,
.wpcf7 textarea::placeholder{
	color: #0a0a0a;	opacity: 0.6;
	}




/* Tablet Eingabefeld */
.vorschau.wpcf7 .laptop input[type="text"],
.vorschau.wpcf7 .laptop input[type="email"],
.vorschau.wpcf7 .laptop input[type="tel"],
.vorschau.wpcf7 .laptop textarea{
	font-size: 18px;				 	
			padding-top: calc( 15px * 1);
				 	
			padding-right: calc( 10px * 1);
				 	
			padding-bottom: calc( 15px * 1);
				 	
			padding-left: calc( 10px * 1);
			}
@media (max-width: 1024px){
	.wpcf7 input[type="text"],
	.wpcf7 input[type="email"],
	.wpcf7 input[type="tel"],
	.wpcf7 textarea{
		font-size: 18px;							 	
				padding-top: calc( 15px * 1);
						 	
				padding-right: calc( 10px * 1);
						 	
				padding-bottom: calc( 15px * 1);
						 	
				padding-left: calc( 10px * 1);
						}
}




/* 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-top: calc( 15px * 1);
				 	
			padding-right: calc( 10px * 1);
				 	
			padding-bottom: calc( 15px * 1);
				 	
			padding-left: calc( 10px * 1);
			}
@media (max-width: 768px){
	.wpcf7 input[type="text"],
	.wpcf7 input[type="email"],
	.wpcf7 input[type="tel"],
	.wpcf7 textarea{
		font-size: 16px;							 	
				padding-top: calc( 15px * 1);
						 	
				padding-right: calc( 10px * 1);
						 	
				padding-bottom: calc( 15px * 1);
						 	
				padding-left: calc( 10px * 1);
						}
}

/* 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: 16px;				 	
			padding-top: calc( 15px * 1);
				 	
			padding-right: calc( 10px * 1);
				 	
			padding-bottom: calc( 15px * 1);
				 	
			padding-left: calc( 10px * 1);
			}
@media (max-width: 480px){
	.wpcf7 input[type="text"],
	.wpcf7 input[type="email"],
	.wpcf7 input[type="tel"],
	.wpcf7 textarea{
		font-size: 16px;							 	
				padding-top: calc( 15px * 1);
						 	
				padding-right: calc( 10px * 1);
						 	
				padding-bottom: calc( 15px * 1);
						 	
				padding-left: calc( 10px * 1);
						}
}
.wpcf7 .wpcf7-acceptance{
	}
.wpcf7 .wpcf7-acceptance label,
.wpcf7 .wpcf7-acceptance label a{
				font-size: 14px;	 	
				 line-height: 1.4; 
	 
}

/*---------VORSCHAU ---------------*/

.vorschau.wpcf7 .laptop .wpcf7-acceptance label,
.vorschau.wpcf7 .laptop .wpcf7-acceptance label a{
	}

/* Tablet Rechtlicher Hinweis */
.vorschau.wpcf7 .tablet .wpcf7-acceptance label,
.vorschau.wpcf7 .tablet .wpcf7-acceptance label a{
	font-size: 12px;}
.vorschau.wpcf7 .handy .wpcf7-acceptance label,
.vorschau.wpcf7 .handy .wpcf7-acceptance label a{
	font-size: 12px;}

@media (max-width: 1024px){
	.wpcf7 .wpcf7-acceptance label,
	.wpcf7 .wpcf7-acceptance label a{
			}
}
@media (max-width: 768px){
	.wpcf7 .wpcf7-acceptance label,
	.wpcf7 .wpcf7-acceptance label a{
		font-size: 12px;	}
}
@media (max-width: 480px){
	.wpcf7 .wpcf7-acceptance label,
	.wpcf7 .wpcf7-acceptance label a{
		font-size: 12px;	}
}
.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"]{
	     
					font-family: Roboto Medium;
			 
    	            					;
         
} 




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





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

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

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




/* Footer */
/* Footer Variablen */
    .vorschaufooter,
#colophon{
	background-color: #000000;        background-size: contain;			
    background-position:  ;                
            
	 
					font-family: Roboto Regular;
			 	
	
}

#colophon .content{
	font-size:  13px;	line-height: 1.0;	letter-spacing: 2px;				
} 

.vorschaufooter li,
#colophon li{
	border-right: 1px solid #bfbfbf;	
}
.vorschaufooter a,
#colophon a{
	color: #bfbfbf;}
.vorschaufooter .tablet{
	font-size:  13px;}

@media (max-width: 1200px){
	#colophon .content{
		font-size:  13px;	}
}

@media (max-width: 1024px){
	#colophon .content{
		font-size:  13px;	}
}

@media (max-width: 768px){
	#colophon .content{
		font-size:  13px;	}
}
.vorschaufooter .handy{
	font-size:  12px;}
@media (max-width: 480px){
	#colophon .content{
		font-size:  12px;	}
}
/* Vorschau */
/*----------- V O R S C H A U --------------*/
.button-vorschau,
.vorschau-li,
.vorschau-ol,
.vorschau.ueberschriften,
.vorschautext,
.blockquote-vorschau{
	        background-size: cover;    background-position: center center ;    	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{
			}