/* Schriftarten */
	
	@font-face{
		font-family: Exo Bold;
		src: url("https://buerosoftware-cloud.de/wp-content/uploads/2023/02/Exo-Bold.ttf");
	}
	@font-face{
		font-family: Exo Medium;
		src: url("https://buerosoftware-cloud.de/wp-content/uploads/2023/02/Exo-Medium.ttf");
	}
	@font-face{
		font-family: Exo Regular;
		src: url("https://buerosoftware-cloud.de/wp-content/uploads/2023/02/Exo-Regular.ttf");
	}

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

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

#masthead:after{
    height: 35px;                }



@media (min-width: 1200px){
    #primary-navigation{
        max-width: calc( 100% - 200px - 50px);		margin-bottom: 15px;    }
	.headertext-and-social-media-buttons{
		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: #0a0a0a;	
	right: calc( 20px ); 	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 #5b5b5b}

.vorschau.navi .ebene-1 .li a,
#primary-navigation>div>ul>li>a{
        color: #0a0a0a;	 
					font-family: Exo Medium;
			 
    font-size: 16px;	letter-spacing: 2px;	
    padding-left: 20px;    padding-right: 20px;	 text-transform: uppercase; 		    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: rgba(0,0,0,0.95);                    }
	#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: #0a0a0a;	
		right: calc( 20px ); 		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(20px + 10px * 2 );}
.vorschau.navi .ebene-1 .li.aktiv a,


#primary-navigation>div>ul>li.active>a,
#primary-navigation>div>ul>li.active>a,
#primary-navigation>div>ul>li.current-menu-item>a{
    color: #ffffff;    background-color: #d61717; 
        }
#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: rgba(0,0,0,0.95);	
	 
    font-size: 16px;		
    padding-left: 20px;    padding-right: 20px;	
			        }
.vorschau.navi .ebene-2 .li.aktiv a,
#primary-navigation>div>ul>li>ul>li.current-menu-item>a{
    color: #ffffff;    background-color: #d61717;        }
.vorschau.navi .ebene-2 .li.children a:after{
    background-color: #ffffff;	width: 10px;	height: 10px;			right: 20px;}
.vorschau.navi .ebene-2 .li.children a:hover:after{
    background-color: #ffffff;}
.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 #2b2b2b}

@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{
        color: #ffffff;        background-color: #d61717;                    }
	
	#primary-navigation>div>ul>li>ul>li.menu-item-has-children>a:after{
        background-color: #ffffff;        width: 10px;        height: 10px;                		right: 20px;    }
    #primary-navigation .sub-menu li.menu-item-has-children:hover>a:after{
        background-color: #ffffff;    }
	#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 #2b2b2b;}
.vorschau.navi .ebene-3 .li a,
#primary-navigation>div>ul>li>ul>li>ul>li>a{
    color: #ffffff;    background-color: rgba(53,53,53,0.94);	 
			    font-size: 16px;		
          
	
    padding-left: 20px;    padding-right: 20px;}
.vorschau.navi .ebene-3 .li.aktiv a,
#primary-navigation>div>ul>li>ul>li>ul>li.current-menu-item>a{
    color: #ffffff;    background-color: #d61717;        }
@media (min-width: 1200px){
	.vorschau.navi .ebene-3 .li a:hover,
    #primary-navigation>div>ul>li>ul>li>ul>li>a:hover{
        color: #ffffff;        background-color: #d61717;        
                    }
	#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: #0a0a0a;	}
	
	/* Toggle Ebene 1 */
	#primary-navigation>div>ul>li{
		border-top: 1px solid #5b5b5b	}
	
	#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: #0a0a0a;	}
	#primary-navigation > div > ul > li.current-menu-item > .toggle-subemenu{
		background-color: #d61717;	}
	#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: rgba(0,0,0,0.95);	}
	#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: #d61717;	}
	#primary-navigation > div > ul > li > ul > li.current-menu-item > .toggle-subemenu:after{
		background-color: #ffffff;	}
	
}

/* Body */
.acf-block-preview,
#content{
    background-color: #ffffff;	        background-size: cover;	background-repeat: repeat;	
    background-position: center center ;    }

/* Headertext */
/* Headertext Variablen */
.vorschau-headertext,
#headertext{    
	 
			    font-size: 12px;		    color: #816949;            
        text-shadow: none;
       
}
.headertext-and-social-media-buttons{
	  padding-top: 17px;}

.vorschau-headertext a,
#headertext a{    
    color:  #82746d;    text-decoration: none;
}

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

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

 

 
 




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

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

#logo{ width: 200px; }
#logomobil { width: 103px; }
/* Überschriften */
													
	.vorschau.h1{
		 background-color: #ffffff; 			}
	.content h1,
	#poststuff .vorschau h1,
	.editor-styles-wrapper .section-content h1,
	.section-content h1{
		 text-transform: uppercase; 		 font-weight: normal; 				
		 
							font-family: Exo Medium;
					 
		color: #d61717;		font-size: 40px; 		line-height: 1.2;      
		     	
		
					margin-bottom: 50px;
			
	}
	
	
	#poststuff .vorschau .laptop h1{
		font-size: 35px; 					margin-bottom: calc( 50px * 0.75 );
			}
	@media (max-width: 1024px){
		.content h1,
		.editor-styles-wrapper .section-content h1,
		.section-content h1{
			font-size: 35px; 			
							margin-bottom: calc( 50px * 0.75 );
					}
	}
	
	#poststuff .vorschau .tablet h1{
		font-size: 30px; 					margin-bottom: calc( 50px * 0.6 );
			}
	@media (max-width: 768px){
		.content h1,
		.editor-styles-wrapper .section-content h1,
		.section-content h1{
			font-size: 30px; 			
							margin-bottom: calc( 50px * 0.6 );
					}
	}
	#poststuff .vorschau .handy h1{
		font-size: 25px; 					margin-bottom: calc( 50px * 0.5 );
			}
	@media (max-width: 480px){
		.content h1,
		.editor-styles-wrapper .section-content h1,
		.section-content h1{
			font-size: 25px; 							margin-bottom: calc( 50px * 0.5 );
					}
	}
	
	.vorschau.h2{
		 background-color: #ffffff; 			}
	.content h2,
	#poststuff .vorschau h2,
	.editor-styles-wrapper .section-content h2,
	.section-content h2{
		 text-transform: none; 		 font-weight: normal; 				
		 
							font-family: Exo Medium;
					 
		color: #000000;		font-size: 40px; 		line-height: 1.2;      
		     	
		
					margin-bottom: 15px;
			
	}
	
	
	#poststuff .vorschau .laptop h2{
		font-size: 35px; 					margin-bottom: calc( 15px * 0.75 );
			}
	@media (max-width: 1024px){
		.content h2,
		.editor-styles-wrapper .section-content h2,
		.section-content h2{
			font-size: 35px; 			
							margin-bottom: calc( 15px * 0.75 );
					}
	}
	
	#poststuff .vorschau .tablet h2{
		font-size: 25px; 					margin-bottom: calc( 15px * 0.6 );
			}
	@media (max-width: 768px){
		.content h2,
		.editor-styles-wrapper .section-content h2,
		.section-content h2{
			font-size: 25px; 			
							margin-bottom: calc( 15px * 0.6 );
					}
	}
	#poststuff .vorschau .handy h2{
		font-size: 25px; 					margin-bottom: calc( 15px * 0.5 );
			}
	@media (max-width: 480px){
		.content h2,
		.editor-styles-wrapper .section-content h2,
		.section-content h2{
			font-size: 25px; 							margin-bottom: calc( 15px * 0.5 );
					}
	}
	
	.vorschau.h3{
		 background-color: #ffffff; 			}
	.content h3,
	#poststuff .vorschau h3,
	.editor-styles-wrapper .section-content h3,
	.section-content h3{
								
		 
							font-family: Exo Medium;
					 
		color: #0a0a0a;		font-size: 30px; 		line-height: 1.2;      
		     	
		
					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: 22px; 					margin-bottom: calc( 15px * 0.6 );
			}
	@media (max-width: 768px){
		.content h3,
		.editor-styles-wrapper .section-content h3,
		.section-content h3{
			font-size: 22px; 			
							margin-bottom: calc( 15px * 0.6 );
					}
	}
	#poststuff .vorschau .handy h3{
		font-size: 22px; 					margin-bottom: calc( 15px * 0.5 );
			}
	@media (max-width: 480px){
		.content h3,
		.editor-styles-wrapper .section-content h3,
		.section-content h3{
			font-size: 22px; 							margin-bottom: calc( 15px * 0.5 );
					}
	}
	
	.vorschau.h4{
		 background-color: #ffffff; 			}
	.content h4,
	#poststuff .vorschau h4,
	.editor-styles-wrapper .section-content h4,
	.section-content h4{
								
		 
							font-family: Exo Medium;
					 
		color: #0a0a0a;		font-size: 26px; 		line-height: 1.2;      
		     	
		
					margin-bottom: 15px;
			
	}
	
	
	#poststuff .vorschau .laptop h4{
		font-size: 24px; 					margin-bottom: calc( 15px * 0.75 );
			}
	@media (max-width: 1024px){
		.content h4,
		.editor-styles-wrapper .section-content h4,
		.section-content h4{
			font-size: 24px; 			
							margin-bottom: calc( 15px * 0.75 );
					}
	}
	
	#poststuff .vorschau .tablet h4{
		font-size: 21px; 					margin-bottom: calc( 15px * 0.6 );
			}
	@media (max-width: 768px){
		.content h4,
		.editor-styles-wrapper .section-content h4,
		.section-content h4{
			font-size: 21px; 			
							margin-bottom: calc( 15px * 0.6 );
					}
	}
	#poststuff .vorschau .handy h4{
		font-size: 20px; 					margin-bottom: calc( 15px * 0.5 );
			}
	@media (max-width: 480px){
		.content h4,
		.editor-styles-wrapper .section-content h4,
		.section-content h4{
			font-size: 20px; 							margin-bottom: calc( 15px * 0.5 );
					}
	}
	
	.vorschau.h5{
		 background-color: #ffffff; 			}
	.content h5,
	#poststuff .vorschau h5,
	.editor-styles-wrapper .section-content h5,
	.section-content h5{
								
		 
				font-size: 22px; 		line-height: 1.2;      
		letter-spacing: 1px;      	
		
					margin-bottom: 15px;
			
	}
	
	
	#poststuff .vorschau .laptop h5{
							margin-bottom: calc( 15px * 0.75 );
			}
	@media (max-width: 1024px){
		.content h5,
		.editor-styles-wrapper .section-content h5,
		.section-content h5{
						
							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{
		 background-color: #ffffff; 			}
	.content h6,
	#poststuff .vorschau h6,
	.editor-styles-wrapper .section-content h6,
	.section-content h6{
								
		 
						line-height: 1.2;      
		letter-spacing: 1px;      	
		
					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*/
.section-content input[type="text"],
.section-content input[type="email"],
.section-content input[type="tel"],
.section-content textarea{
	 
					font-family: Exo Regular;
			 	
    font-size: 20px;			}

.vorschau-li,
.vorschau.vorschautext,
#editor .editor-styles-wrapper,
.section-content,
.acf-text{
	 
					font-family: Exo Regular;
						    font-size: 20px; 	
    line-height: 1.7; 	
    color: #222222; 	
}

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

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


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

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

/* Text Handy */
.vorschautext .handy{
	font-size: 17px; }
@media (max-width: 480px){
	#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: Exo Regular;
			 
				font-size: 20px;    line-height: 1.1;	    color: #000000;        	
			margin-bottom: 10px; 
	}


/* Laptop ol li*/
.vorschau-ol .laptop ol li{
	font-size: 20px;	margin-bottom: calc(10px * 0.75); 			margin-bottom: calc( 10px * 0.75); 
	}

@media (max-width: 1024px){
	.section-content ol li{
        font-size: 20px;        margin-bottom: calc(10px * 0.75); 		
					margin-bottom: calc( 10px * 0.75); 
		    }
}


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

@media (max-width: 768px){
	.section-content ol li{
        font-size: 18px;        margin-bottom: calc(10px * 0.75); 		
					margin-bottom: calc( 10px * 0.6); 
		    }
}
/* Handy ol li*/
.vorschau-ol .handy ol li{
	font-size: 18px;	margin-bottom: calc(10px * 0.5); 			margin-bottom: calc( 10px * 0.5); 
	}
@media (max-width: 480px){
	.section-content ol li{
		font-size: 18px;		margin-bottom: calc(10px * 0.5); 					margin-bottom: calc( 10px * 0.5); 
			}
}
/* UL */
/* UL Variablen */
.text ul li,
.editor-styles-wrapper .text ul li,
.vorschau-li ul li{
    margin-bottom: 15px; 	 		
	font-size: 20px;    line-height: 1.0;		color: #000000;				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: #000000;    top: 2px;    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: 18px;	padding-left: calc( 17px + 10px);				margin-bottom: calc( 15px * 0.75); 
	}
.vorschau .tablet ul li:before{
		width: 17px;	height: 17px;}

@media (max-width: 1024px){
	.section-content ul li,
    .acf-field .acf-label ul li{
        font-size: 18px;		padding-left: calc( 17px + 10px);				
					margin-bottom: calc( 15px * 0.75); 
			}
	.flexible-text ul li:before,
    .section-content ul li:before,
    .acf-field .acf-label ul li:before{
                width: 17px;        height: 17px;    }
}
/* Aufzählung li Handy */
.vorschau-li .handy ul li{
	font-size: 18px;	padding-left: calc( 16px + 10px);				margin-bottom: calc( 15px * 0.5); 
	}
.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: 18px;		padding-left: calc( 16px + 10px);							margin-bottom: calc( 15px * 0.5); 
		    }
    .section-content ul li:before,
    .acf-field .acf-label ul li:before{
                width: 16px;        height: 16px;    }
}
/* Blockquote */
.section-content blockquote,
.vorschau blockquote{
    background-color: #ededed;	color: #999999;		 
					font-family: Exo Regular;
			 
    		 font-style: italic; 	font-size: 26px;	line-height: 1.4;					padding-top: 	30px;			padding-right: 	40px;			padding-bottom: 30px;			padding-left: 	40px;		
	
			margin-bottom: calc(30px * 1); 
	}

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

.vorschau .handy blockquote{
    font-size: 18px;    													
			padding-top: calc( 30px * 0.5 );
														
			padding-right: calc( 40px * 0.5 );
														
			padding-bottom: calc( 30px * 0.5 );
														
			padding-left: calc( 40px * 0.5 );
						margin-bottom: calc(30px * 0.5); 
	}
@media (max-width: 768px){
	.section-content blockquote,
	.acf-field .acf-label blockquote{
		font-size: 18px;																	
				padding-top: calc( 30px * 0.5 );
																
				padding-right: calc( 40px * 0.5 );
																
				padding-bottom: calc( 30px * 0.5 );
																
				padding-left: calc( 40px * 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: 3px;	
        background: #ff4454;	    color: #ffffff;   
        	    } 


.vorschau .button-fa-content,
.vorschau .button-fa input[type="submit"],
.section-content input[type="submit"],
.section-content .button-fa-content{
     
    line-height: 1.0;	    font-size: 19px;    color: #ffffff;    												
			padding: calc( 17px * 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{
		 
        text-shadow: 1px  1px 1px #353535;
    ;
    }
.vorschau .button-fa:hover,
.section-content .button-fa:hover{
    background: #ff4454 !important; 	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#222222+0,222222+50,000000+52,000000+100 */
background: rgb(34,34,34); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(34,34,34,1) 0%, rgba(34,34,34,1) 50%, rgba(0,0,0,1) 52%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(34,34,34,1) 0%,rgba(34,34,34,1) 50%,rgba(0,0,0,1) 52%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(34,34,34,1) 0%,rgba(34,34,34,1) 50%,rgba(0,0,0,1) 52%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	 
		border: 2px solid #0a0000;
	}

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

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

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

/* Call To Action */
						#show-call-to-action-box-button{
	background-color: #000000; }
#show-call-to-action-box-button strong{
	background-color: #ffffff; }


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

.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: 20px;			border-radius: 3px;
						padding-top: 	14px;		padding-right: 	20px;			padding-bottom: 12px;			padding-left: 	20px;		border: 1px solid #fcfcfc;               
		
		 
		box-shadow: none;
		line-height: 1.0;	letter-spacing: 1px;	
	 
					font-family: Exo Regular;
			 	
				}
.wpcf7 input[type="checkbox"]{
		border: 1px solid #fcfcfc;  
						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 .laptop input[type="text"],
.vorschau.wpcf7 .laptop input[type="email"],
.vorschau.wpcf7 .laptop input[type="tel"],
.vorschau.wpcf7 .laptop textarea{
	font-size: 19px;				 	
			padding-top: calc( 14px * 1);
														
			padding-right: calc( 20px * 0.75 );
				 	
			padding-bottom: calc( 12px * 1);
														
			padding-left: calc( 20px * 0.75 );
			}
@media (max-width: 1024px){
	.wpcf7 input[type="text"],
	.wpcf7 input[type="email"],
	.wpcf7 input[type="tel"],
	.wpcf7 textarea{
		font-size: 19px;							 	
				padding-top: calc( 14px * 1);
																
				padding-right: calc( 20px * 0.75 );
						 	
				padding-bottom: calc( 12px * 1);
																
				padding-left: calc( 20px * 0.75 );
						}
}




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

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

/*---------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: 11px;}
.vorschau.wpcf7 .handy .wpcf7-acceptance label,
.vorschau.wpcf7 .handy .wpcf7-acceptance label a{
	font-size: 10px;}

@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: 11px;	}
}
@media (max-width: 480px){
	.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"]{
	     
    	letter-spacing: 1px;            					;
         
} 




/* 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-repeat: repeat;		
    background-position:  ;                
            
	 
			 	
	font-size:  18px;	line-height: 1.0;					
}
.vorschaufooter li,
#colophon li{
	border-right: 1px solid #ffffff;	
}
.vorschaufooter a,
#colophon a{
	color: #ffffff;}
.vorschaufooter .tablet{
	font-size:  16px;}
@media (max-width: 1024px){
	#colophon{
		font-size:  16px;	}
}
.vorschaufooter .handy{
	font-size:  16px;}
@media (max-width: 768px){
	#colophon{
		font-size:  16px;	}
}
/* Vorschau */
/*----------- V O R S C H A U --------------*/
.button-vorschau,
.vorschau-li,
.vorschau-ol,
.vorschau.ueberschriften,
.vorschautext,
.blockquote-vorschau{
	background-color: #ffffff;        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{
					background: #ffffff			}
	.vorschau.h4{
					background: #865cbc			}
	.vorschau.h5{
					background: #ffffff			}
	.vorschau.h6{
			}

/* News */

.single-aktuelles .section-content .single-content{
	
	  	
	
				     	
     	
   
}

.single-aktuelles #content a{
    }


.single-aktuelles .section-content .single-content .datum{
	  	
	
				     	
     	
	 	 
}

@media (max-width: 1024px){
	.single-aktuelles .section-content{
			}
	
	.single-aktuelles .section-content .single-content .datum{
		 	
	}
}

@media (max-width: 768px){
	.single-aktuelles .section-content{
			}
	.single-aktuelles .section-content .single-content .datum{
		 	
	}
}

@media (max-width: 480px){
	.single-aktuelles .section-content{
			}
	.single-aktuelles .section-content .single-content .datum{
		 	
	}
}




.single-aktuelles #content{
    	        		
        }


.single-aktuelles .spaltenbild{
    margin: auto auto;
		        	}
.single-aktuelles .spaltenbild img{
        }

@media (max-width: 1024px){
	.single-aktuelles .spaltenbild{
			}    
}
@media (max-width: 768px){
	.single-aktuelles .spaltenbild{
			}    
}


.single-aktuelles #content .block-edit-buttons,
.single-aktuelles #content .featured_image{
	}
.single-aktuelles .block-edit-buttons{
	}
.single-aktuelles #content .content{
	    background-color: rgba(255,255,255,0.93);	
    		
			background-size: ;
		
    background-position: top left ;     background-attachment: scroll;	background-repeat: repeat;										padding: 50px;
							
	 
        box-shadow: 0px 0px 14px #0a0a0a;
            }    
.single-aktuelles #content .content:before{
            }
.single-aktuelles #content .content:after{
            }
.single-aktuelles #content .content:before{
        			background-size: contain;
			;
		}
.single-aktuelles #content .content:after{
        			background-size: contain;
			;
		}
@media (max-width: 1024px){
    .single-aktuelles #content .content{
															
				padding: calc( 50px * 0.75 );
							    }
	.single-aktuelles #content .content:before{
			}
	.single-aktuelles #content .content:after{
			}	
}
@media (max-width: 768px){
    .single-aktuelles .content{
       		    }
	.single-aktuelles #content .content:before{
			}
	.single-aktuelles #content .content:after{
			}	
}

	

	.single-aktuelles .content h1{
		 text-transform: none; 						
		 
		
				
				font-size: 35px; 		line-height: 1.2;      
		
					margin-bottom: 5px;
				
					}
	
	@media (max-width: 1024px){
		.single-aktuelles .content h1{
			font-size: 29px; 							margin-bottom: calc( 5px * 1 );
					}
	}
	@media (max-width: 768px){
		.single-aktuelles .content h1{
			font-size: 26px; 							margin-bottom: calc( 5px * 1 );
					}
	}
	

	.single-aktuelles .content h2{
								
		 
		
				
				font-size: 33px; 		line-height: 1.2;      
		
					margin-bottom: px;
				
					}
	
	@media (max-width: 1024px){
		.single-aktuelles .content h2{
			font-size: 26px; 							margin-bottom: calc( px * 0.75 );
					}
	}
	@media (max-width: 768px){
		.single-aktuelles .content h2{
			font-size: 23px; 							margin-bottom: calc( px * 0.5 );
					}
	}
	

	.single-aktuelles .content h3{
								
		 
		
				
				font-size: 30px; 		line-height: 1.2;      
		
					margin-bottom: px;
				
					}
	
	@media (max-width: 1024px){
		.single-aktuelles .content h3{
			font-size: 24px; 							margin-bottom: calc( px * 0.75 );
					}
	}
	@media (max-width: 768px){
		.single-aktuelles .content h3{
			font-size: 21px; 							margin-bottom: calc( px * 0.5 );
					}
	}
	

	.single-aktuelles .content h4{
								
		 
		
				
				font-size: 27px; 		     
		
					margin-bottom: px;
				
					}
	
	@media (max-width: 1024px){
		.single-aktuelles .content h4{
			font-size: 21px; 							margin-bottom: calc( px * 0.75 );
					}
	}
	@media (max-width: 768px){
		.single-aktuelles .content h4{
			font-size: 18px; 							margin-bottom: calc( px * 0.5 );
					}
	}
	

	.single-aktuelles .content h5{
								
		 
		
				
						     
		
					margin-bottom: px;
				
					}
	
	@media (max-width: 1024px){
		.single-aktuelles .content h5{
										margin-bottom: calc( px * 0.75 );
					}
	}
	@media (max-width: 768px){
		.single-aktuelles .content h5{
										margin-bottom: calc( px * 0.5 );
					}
	}
	

	.single-aktuelles .content h6{
								
		 
		
				
						     
		
					margin-bottom: px;
				
					}
	
	@media (max-width: 1024px){
		.single-aktuelles .content h6{
										margin-bottom: calc( px * 0.75 );
					}
	}
	@media (max-width: 768px){
		.single-aktuelles .content h6{
										margin-bottom: calc( px * 0.5 );
					}
	}



.single-aktuelles .content .nav-links .nav-previous,
.single-aktuelles .content .nav-links .nav-next{
		 border-radius: 9999px; }
.single-aktuelles .content .nav-links .nav-previous a:after,
.single-aktuelles .content .nav-links .nav-next a:after{
	}


.single-aktuelles .content .nav-links .nav-previous:hover,
.single-aktuelles .content .nav-links .nav-next:hover{
	}
.single-aktuelles .content .nav-links .nav-previous:hover a:after,
.single-aktuelles .content .nav-links .nav-next:hover a:after{
	}




/* Webinare */

.single-webinare .wave{
	}
.single-webinare .section-content{
	
	 	
	
				    font-size: 20px; 	
     	
   
}
.single-webinare #content a{
    }


.single-webinare .section-content .single-content .datum{
	 	
				     	
     	
	 	 
}

@media (max-width: 1024px){
	.single-webinare .section-content{
		font-size: 19px; 	}
	
	.single-webinare .section-content .single-content .datum{
		 	
	}
}

@media (max-width: 768px){
	.single-webinare .section-content{
		font-size: 18px; 	}
	.single-webinare .section-content .single-content .datum{
		 	
	}
}

@media (max-width: 480px){
	.single-webinare .section-content{
		font-size: 17px; 	}
	.single-webinare .section-content .single-content .datum{
		 	
	}
}




.single-webinare #content{
	        		
        }


.single-webinare .spaltenbild{
    margin: auto auto;
		        	}
.single-webinare .spaltenbild img{
        }

@media (max-width: 1024px){
	.single-webinare .spaltenbild{
			}    
}
@media (max-width: 768px){
	.single-webinare .spaltenbild{
			}    
}


.single-webinare #content .block-edit-buttons,
.single-webinare #content .featured_image{
	}
.single-webinare .block-edit-buttons{
	}
.single-webinare #content .content{
		
    		
			background-size: ;
		
        	
	        }    
.single-webinare #content .content:before{
            }
.single-webinare #content .content:after{
            }
.single-webinare #content .content:before{
        			background-size: contain;
			;
		}
.single-webinare #content .content:after{
        			background-size: contain;
			;
		}
@media (max-width: 1024px){
	.single-webinare #content .content:before{
			}
	.single-webinare #content .content:after{
			}	
}
@media (max-width: 768px){
	.single-webinare #content .content:before{
			}
	.single-webinare #content .content:after{
			}	
}

	

	.single-webinare .content h1{
		 text-transform: none; 						
		 
		
				
				font-size: 35px; 		line-height: 1.2;      
		
					margin-bottom: 5px;
				
					}
	
	@media (max-width: 1024px){
		.single-webinare .content h1{
			font-size: 29px; 							margin-bottom: calc( 5px * 1 );
					}
	}
	@media (max-width: 768px){
		.single-webinare .content h1{
			font-size: 26px; 							margin-bottom: calc( 5px * 1 );
					}
	}
	

	.single-webinare .content h2{
								
		 
		
				
				font-size: 33px; 		line-height: 1.2;      
		
					margin-bottom: px;
				
					}
	
	@media (max-width: 1024px){
		.single-webinare .content h2{
			font-size: 26px; 							margin-bottom: calc( px * 0.75 );
					}
	}
	@media (max-width: 768px){
		.single-webinare .content h2{
			font-size: 23px; 							margin-bottom: calc( px * 0.5 );
					}
	}
	

	.single-webinare .content h3{
								
		 
		
				
				font-size: 30px; 		line-height: 1.2;      
		
					margin-bottom: px;
				
					}
	
	@media (max-width: 1024px){
		.single-webinare .content h3{
			font-size: 24px; 							margin-bottom: calc( px * 0.75 );
					}
	}
	@media (max-width: 768px){
		.single-webinare .content h3{
			font-size: 21px; 							margin-bottom: calc( px * 0.5 );
					}
	}
	

	.single-webinare .content h4{
								
		 
		
				
				font-size: 27px; 		     
		
					margin-bottom: px;
				
					}
	
	@media (max-width: 1024px){
		.single-webinare .content h4{
			font-size: 21px; 							margin-bottom: calc( px * 0.75 );
					}
	}
	@media (max-width: 768px){
		.single-webinare .content h4{
			font-size: 18px; 							margin-bottom: calc( px * 0.5 );
					}
	}
	

	.single-webinare .content h5{
								
		 
		
				
						     
		
					margin-bottom: px;
				
					}
	
	@media (max-width: 1024px){
		.single-webinare .content h5{
										margin-bottom: calc( px * 0.75 );
					}
	}
	@media (max-width: 768px){
		.single-webinare .content h5{
										margin-bottom: calc( px * 0.5 );
					}
	}
	

	.single-webinare .content h6{
								
		 
		
				
						     
		
					margin-bottom: px;
				
					}
	
	@media (max-width: 1024px){
		.single-webinare .content h6{
										margin-bottom: calc( px * 0.75 );
					}
	}
	@media (max-width: 768px){
		.single-webinare .content h6{
										margin-bottom: calc( px * 0.5 );
					}
	}



.single-webinare .content .nav-links .nav-previous,
.single-webinare .content .nav-links .nav-next{
		 border-radius: 9999px; }
.single-webinare .content .nav-links .nav-previous a:after,
.single-webinare .content .nav-links .nav-next a:after{
	}


.single-webinare .content .nav-links .nav-previous:hover,
.single-webinare .content .nav-links .nav-next:hover{
	}
.single-webinare .content .nav-links .nav-previous:hover a:after,
.single-webinare .content .nav-links .nav-next:hover a:after{
	}




/* Whitepapers */

.single-whitepapers .wave{
	background-image: url(https://buerosoftware-cloud.de/wp-content/uploads/2024/02/wepik-export-20240208143327Vx1y.jpeg);}
.single-whitepapers .section-content .single-content{
	
	  	
	
				     	
     	
   
}

.single-whitepapers #content a{
    }


.single-whitepapers .section-content .single-content .datum{
	  	
	
				     	
     	
	 	 
}

@media (max-width: 1024px){
	.single-whitepapers .section-content{
			}
	
	.single-whitepapers .section-content .single-content .datum{
		 	
	}
}

@media (max-width: 768px){
	.single-whitepapers .section-content{
			}
	.single-whitepapers .section-content .single-content .datum{
		 	
	}
}

@media (max-width: 480px){
	.single-whitepapers .section-content{
			}
	.single-whitepapers .section-content .single-content .datum{
		 	
	}
}



.single-whitepapers .spaltenbild{
    margin: auto auto;
		        	}
.single-whitepapers .spaltenbild img{
        }

@media (max-width: 1024px){
	.single-whitepapers .spaltenbild{
			}    
}
@media (max-width: 768px){
	.single-whitepapers .spaltenbild{
			}    
}


.single-whitepapers #content .block-edit-buttons,
.single-whitepapers #content .featured_image{
	}
.single-whitepapers .block-edit-buttons{
	}
.single-whitepapers #content .content{
	    	
    		
			background-size: ;
		
        			
	        }    
.single-whitepapers #content .content:before{
            }
.single-whitepapers #content .content:after{
            }
.single-whitepapers #content .content:before{
        			background-size: contain;
			;
		}
.single-whitepapers #content .content:after{
        			background-size: contain;
			;
		}
@media (max-width: 1024px){
    .single-whitepapers #content .content{
				    }
	.single-whitepapers #content .content:before{
			}
	.single-whitepapers #content .content:after{
			}	
}
@media (max-width: 768px){
    .single-whitepapers .content{
       		    }
	.single-whitepapers #content .content:before{
			}
	.single-whitepapers #content .content:after{
			}	
}

	

	.single-whitepapers .content h1{
								
		 
		
				
				font-size: 34px; 		     
		
					margin-bottom: 20px;
				
					}
	
	@media (max-width: 1024px){
		.single-whitepapers .content h1{
										margin-bottom: calc( 20px * 0.75 );
					}
	}
	@media (max-width: 768px){
		.single-whitepapers .content h1{
										margin-bottom: calc( 20px * 0.5 );
					}
	}
	

	.single-whitepapers .content h2{
								
		 
		
				
						     
		
					margin-bottom: px;
				
					}
	
	@media (max-width: 1024px){
		.single-whitepapers .content h2{
										margin-bottom: calc( px * 0.75 );
					}
	}
	@media (max-width: 768px){
		.single-whitepapers .content h2{
										margin-bottom: calc( px * 0.5 );
					}
	}
	

	.single-whitepapers .content h3{
								
		 
		
				
						     
		
					margin-bottom: px;
				
					}
	
	@media (max-width: 1024px){
		.single-whitepapers .content h3{
										margin-bottom: calc( px * 0.75 );
					}
	}
	@media (max-width: 768px){
		.single-whitepapers .content h3{
										margin-bottom: calc( px * 0.5 );
					}
	}
	

	.single-whitepapers .content h4{
								
		 
		
				
						     
		
					margin-bottom: px;
				
					}
	
	@media (max-width: 1024px){
		.single-whitepapers .content h4{
										margin-bottom: calc( px * 0.75 );
					}
	}
	@media (max-width: 768px){
		.single-whitepapers .content h4{
										margin-bottom: calc( px * 0.5 );
					}
	}
	

	.single-whitepapers .content h5{
								
		 
		
				
						     
		
					margin-bottom: px;
				
					}
	
	@media (max-width: 1024px){
		.single-whitepapers .content h5{
										margin-bottom: calc( px * 0.75 );
					}
	}
	@media (max-width: 768px){
		.single-whitepapers .content h5{
										margin-bottom: calc( px * 0.5 );
					}
	}
	

	.single-whitepapers .content h6{
								
		 
		
				
						     
		
					margin-bottom: px;
				
					}
	
	@media (max-width: 1024px){
		.single-whitepapers .content h6{
										margin-bottom: calc( px * 0.75 );
					}
	}
	@media (max-width: 768px){
		.single-whitepapers .content h6{
										margin-bottom: calc( px * 0.5 );
					}
	}



.single-whitepapers .content .nav-links .nav-previous,
.single-whitepapers .content .nav-links .nav-next{
		}
.single-whitepapers .content .nav-links .nav-previous a:after,
.single-whitepapers .content .nav-links .nav-next a:after{
	}


.single-whitepapers .content .nav-links .nav-previous:hover,
.single-whitepapers .content .nav-links .nav-next:hover{
	}
.single-whitepapers .content .nav-links .nav-previous:hover a:after,
.single-whitepapers .content .nav-links .nav-next:hover a:after{
	}




/* Jobs */

.single-jobs .section-content .single-content{
	
	  	
	
				     	
     	
   
}





.single-jobs #content a{
    }



.single-jobs .section-content .button-submit,
.single-jobs .section-content .buttondiv{
	}
.single-jobs .section-content .button-fa{
    					
        	           
        	    } 


.single-jobs .section-content input[type="submit"],
.single-jobs .section-content .button-fa-content{
     
    	            					;
         
} 


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


@media (max-width: 1024px){
	.single-jobs .section-content .button-fa input[type="submit"],
    .single-jobs .section-content .button-fa-content{	
                            }
}


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


.single-jobs #content{
    	    background-image: url(https://buerosoftware-cloud.de/wp-content/uploads/2023/02/low-angle-view-skyscrapers-1.jpg);    background-size: cover;		
        background-attachment: fixed;}


.single-jobs .spaltenbild{
    margin: auto auto;
		        	}
.single-jobs .spaltenbild img{
        }

@media (max-width: 1024px){
	.single-jobs .spaltenbild{
			}    
}
@media (max-width: 768px){
	.single-jobs .spaltenbild{
			}    
}


.single-jobs #content .block-edit-buttons,
.single-jobs #content .featured_image{
	}
.single-jobs .block-edit-buttons{
	}
.single-jobs #content .content{
	    background-color: #ffffff;	
    		
			background-size: ;
		
        											padding: 60px;
							
	 
        box-shadow: 0px 0px 10px #0a0a0a;
            }    
.single-jobs #content .content:before{
            }
.single-jobs #content .content:after{
            }
.single-jobs #content .content:before{
        			background-size: contain;
			;
		}
.single-jobs #content .content:after{
        			background-size: contain;
			;
		}
@media (max-width: 1024px){
    .single-jobs #content .content{
															
				padding: calc( 60px * 0.75 );
							    }
	.single-jobs #content .content:before{
			}
	.single-jobs #content .content:after{
			}	
}
@media (max-width: 768px){
    .single-jobs .content{
       		    }
	.single-jobs #content .content:before{
			}
	.single-jobs #content .content:after{
			}	
}

	
	.vorschau.single-jobs.h1{
		 background-color: #ffffff; 			}
	.single-jobs .content h1{
		 text-transform: none; 						
		 
		
				
				font-size: 35px; 		line-height: 1.2;      
		
					margin-bottom: 5px;
				
					}
	#poststuff .vorschau.single-jobs .tablet h1{
		font-size: 29px; 					margin-bottom: calc( 5px * 1 );
			}
	
	@media (max-width: 1024px){
		.single-jobs .content h1{
			font-size: 29px; 							margin-bottom: calc( 5px * 1 );
					}
	}
	#poststuff .vorschau.single-jobs .handy h1{
		font-size: 26px; 					margin-bottom: calc( 5px * 1 );
			}
	@media (max-width: 768px){
		single-aktuelles .content h1{
			font-size: 26px; 							margin-bottom: calc( 5px * 1 );
					}
	}
	
	.vorschau.single-jobs.h2{
		 background-color: #ffffff; 			}
	.single-jobs .content h2{
								
		 
		
				
				font-size: 33px; 		line-height: 1.2;      
		
					margin-bottom: px;
				
					}
	#poststuff .vorschau.single-jobs .tablet h2{
		font-size: 26px; 					margin-bottom: calc( px * 0.75 );
			}
	
	@media (max-width: 1024px){
		.single-jobs .content h2{
			font-size: 26px; 							margin-bottom: calc( px * 0.75 );
					}
	}
	#poststuff .vorschau.single-jobs .handy h2{
		font-size: 23px; 					margin-bottom: calc( px * 0.5 );
			}
	@media (max-width: 768px){
		single-aktuelles .content h2{
			font-size: 23px; 							margin-bottom: calc( px * 0.5 );
					}
	}
	
	.vorschau.single-jobs.h3{
		 background-color: #ffffff; 			}
	.single-jobs .content h3{
								
		 
		
				
				font-size: 30px; 		line-height: 1.2;      
		
					margin-bottom: px;
				
					}
	#poststuff .vorschau.single-jobs .tablet h3{
		font-size: 24px; 					margin-bottom: calc( px * 0.75 );
			}
	
	@media (max-width: 1024px){
		.single-jobs .content h3{
			font-size: 24px; 							margin-bottom: calc( px * 0.75 );
					}
	}
	#poststuff .vorschau.single-jobs .handy h3{
		font-size: 21px; 					margin-bottom: calc( px * 0.5 );
			}
	@media (max-width: 768px){
		single-aktuelles .content h3{
			font-size: 21px; 							margin-bottom: calc( px * 0.5 );
					}
	}
	
	.vorschau.single-jobs.h4{
		 background-color: #ffffff; 			}
	.single-jobs .content h4{
								
		 
		
				
				font-size: 27px; 		     
		
					margin-bottom: px;
				
					}
	#poststuff .vorschau.single-jobs .tablet h4{
		font-size: 21px; 					margin-bottom: calc( px * 0.75 );
			}
	
	@media (max-width: 1024px){
		.single-jobs .content h4{
			font-size: 21px; 							margin-bottom: calc( px * 0.75 );
					}
	}
	#poststuff .vorschau.single-jobs .handy h4{
		font-size: 18px; 					margin-bottom: calc( px * 0.5 );
			}
	@media (max-width: 768px){
		single-aktuelles .content h4{
			font-size: 18px; 							margin-bottom: calc( px * 0.5 );
					}
	}
	
	.vorschau.single-jobs.h5{
		 background-color: #ffffff; 			}
	.single-jobs .content h5{
								
		 
		
				
						     
		
					margin-bottom: px;
				
					}
	#poststuff .vorschau.single-jobs .tablet h5{
							margin-bottom: calc( px * 0.75 );
			}
	
	@media (max-width: 1024px){
		.single-jobs .content h5{
										margin-bottom: calc( px * 0.75 );
					}
	}
	#poststuff .vorschau.single-jobs .handy h5{
							margin-bottom: calc( px * 0.5 );
			}
	@media (max-width: 768px){
		single-aktuelles .content h5{
										margin-bottom: calc( px * 0.5 );
					}
	}
	
	.vorschau.single-jobs.h6{
		 background-color: #ffffff; 			}
	.single-jobs .content h6{
								
		 
		
				
						     
		
					margin-bottom: px;
				
					}
	#poststuff .vorschau.single-jobs .tablet h6{
							margin-bottom: calc( px * 0.75 );
			}
	
	@media (max-width: 1024px){
		.single-jobs .content h6{
										margin-bottom: calc( px * 0.75 );
					}
	}
	#poststuff .vorschau.single-jobs .handy h6{
							margin-bottom: calc( px * 0.5 );
			}
	@media (max-width: 768px){
		single-aktuelles .content h6{
										margin-bottom: calc( px * 0.5 );
					}
	}



.single-jobs .content .nav-links .nav-previous,
.single-jobs .content .nav-links .nav-next{
		 border-radius: 9999px; }
.single-jobs .content .nav-links .nav-previous a:after,
.single-jobs .content .nav-links .nav-next a:after{
	}


.single-jobs .content .nav-links .nav-previous:hover,
.single-jobs .content .nav-links .nav-next:hover{
	}
.single-jobs .content .nav-links .nav-previous:hover a:after,
.single-jobs .content .nav-links .nav-next:hover a:after{
	}




/* Referenzen */

.single-referenzen .section-content .single-content{
	
	  	
	
				    font-size: 19px; 	
     	
   
}

.single-referenzen #content a{
    }


@media (max-width: 768px){
	#editor .editor-styles-wrapper,
	.section-content,
	.acf-text{
		font-size: 18px; 	}
	.single-referenzen .section-content .single-content .datum{
		 	
	}
}

/* Text Handy */
.vorschautext .handy{
	font-size: 18px; }
@media (max-width: 480px){
	#editor .editor-styles-wrapper,
	.section-content,
	.acf-text{
		font-size: 18px; 	}
	.single-referenzen .section-content .single-content .datum{
		 	
	}
}






.single-referenzen #content{
    	    background-image: url(https://buerosoftware-cloud.de/wp-content/uploads/2023/02/low-angle-view-skyscrapers-1.jpg);    background-size: cover;		
        background-attachment: fixed;}


.single-referenzen .spaltenbild{
    margin: auto auto;
		        	margin-bottom: 30px;}
.single-referenzen .spaltenbild img{
        }

@media (max-width: 1024px){
	.single-referenzen .spaltenbild{
		margin-bottom: calc(30px * 0.75);	}    
}
@media (max-width: 768px){
	.single-referenzen .spaltenbild{
		margin-bottom: calc(30px * 0.5);	}    
}





.single-referenzen #content .block-edit-buttons,
.single-referenzen #content .featured_image{
	}
.single-referenzen .block-edit-buttons{
	}
.single-referenzen #content .content{
	    background-color: #ffffff;	
    		
			background-size: ;
		
        											padding: 50px;
							
	        }    
.single-referenzen #content .content:before{
            }
.single-referenzen #content .content:after{
            }
.single-referenzen #content .content:before{
        			background-size: contain;
			;
		}
.single-referenzen #content .content:after{
        			background-size: contain;
			;
		}
@media (max-width: 1024px){
    .single-referenzen #content .content{
															
				padding: calc( 50px * 0.75 );
							    }
	.single-referenzen #content .content:before{
			}
	.single-referenzen #content .content:after{
			}	
}
@media (max-width: 768px){
    .single-referenzen .content{
       		    }
	.single-referenzen #content .content:before{
			}
	.single-referenzen #content .content:after{
			}	
}

	
	.vorschau.single-referenzen.h1{
		 background-color: #ffffff; 			}
	.single-referenzen .content h1{
		 text-transform: uppercase; 		 font-weight: normal; 				
		 
		
				
				font-size: 35px; 		     
		
					margin-bottom: 10px;
				
					}
	#poststuff .vorschau.single-referenzen .tablet h1{
		font-size: 25px; 					margin-bottom: calc( 10px * 0.75 );
			}
	
	@media (max-width: 1024px){
		.single-referenzen .content h1{
			font-size: 25px; 							margin-bottom: calc( 10px * 0.75 );
					}
	}
	#poststuff .vorschau.single-referenzen .handy h1{
		font-size: 22px; 					margin-bottom: calc( 10px * 0.5 );
			}
	@media (max-width: 768px){
		single-referenzen .content h1{
			font-size: 22px; 							margin-bottom: calc( 10px * 0.5 );
					}
	}
	
	.vorschau.single-referenzen.h2{
		 background-color: #ffffff; 			}
	.single-referenzen .content h2{
								
		 
		
				
				font-size: 28px; 		line-height: 1.2;      
		
					margin-bottom: 10px;
				
					}
	#poststuff .vorschau.single-referenzen .tablet h2{
		font-size: 22px; 					margin-bottom: calc( 10px * 0.75 );
			}
	
	@media (max-width: 1024px){
		.single-referenzen .content h2{
			font-size: 22px; 							margin-bottom: calc( 10px * 0.75 );
					}
	}
	#poststuff .vorschau.single-referenzen .handy h2{
		font-size: 19px; 					margin-bottom: calc( 10px * 0.5 );
			}
	@media (max-width: 768px){
		single-referenzen .content h2{
			font-size: 19px; 							margin-bottom: calc( 10px * 0.5 );
					}
	}
	
	.vorschau.single-referenzen.h3{
		 background-color: #ffffff; 			}
	.single-referenzen .content h3{
								
		 
		
				
						     
		
					margin-bottom: px;
				
					}
	#poststuff .vorschau.single-referenzen .tablet h3{
							margin-bottom: calc( px * 0.75 );
			}
	
	@media (max-width: 1024px){
		.single-referenzen .content h3{
										margin-bottom: calc( px * 0.75 );
					}
	}
	#poststuff .vorschau.single-referenzen .handy h3{
							margin-bottom: calc( px * 0.5 );
			}
	@media (max-width: 768px){
		single-referenzen .content h3{
										margin-bottom: calc( px * 0.5 );
					}
	}
	
	.vorschau.single-referenzen.h4{
		 background-color: #ffffff; 			}
	.single-referenzen .content h4{
								
		 
		
				
						     
		
					margin-bottom: px;
				
					}
	#poststuff .vorschau.single-referenzen .tablet h4{
							margin-bottom: calc( px * 0.75 );
			}
	
	@media (max-width: 1024px){
		.single-referenzen .content h4{
										margin-bottom: calc( px * 0.75 );
					}
	}
	#poststuff .vorschau.single-referenzen .handy h4{
							margin-bottom: calc( px * 0.5 );
			}
	@media (max-width: 768px){
		single-referenzen .content h4{
										margin-bottom: calc( px * 0.5 );
					}
	}
	
	.vorschau.single-referenzen.h5{
		 background-color: #ffffff; 			}
	.single-referenzen .content h5{
								
		 
		
				
						     
		
					margin-bottom: px;
				
					}
	#poststuff .vorschau.single-referenzen .tablet h5{
							margin-bottom: calc( px * 0.75 );
			}
	
	@media (max-width: 1024px){
		.single-referenzen .content h5{
										margin-bottom: calc( px * 0.75 );
					}
	}
	#poststuff .vorschau.single-referenzen .handy h5{
							margin-bottom: calc( px * 0.5 );
			}
	@media (max-width: 768px){
		single-referenzen .content h5{
										margin-bottom: calc( px * 0.5 );
					}
	}
	
	.vorschau.single-referenzen.h6{
		 background-color: #ffffff; 			}
	.single-referenzen .content h6{
								
		 
		
				
						     
		
					margin-bottom: px;
				
					}
	#poststuff .vorschau.single-referenzen .tablet h6{
							margin-bottom: calc( px * 0.75 );
			}
	
	@media (max-width: 1024px){
		.single-referenzen .content h6{
										margin-bottom: calc( px * 0.75 );
					}
	}
	#poststuff .vorschau.single-referenzen .handy h6{
							margin-bottom: calc( px * 0.5 );
			}
	@media (max-width: 768px){
		single-referenzen .content h6{
										margin-bottom: calc( px * 0.5 );
					}
	}



.single-referenzen .content .nav-links .nav-previous,
.single-referenzen .content .nav-links .nav-next{
		 border-radius: 9999px; }
.single-referenzen .content .nav-links .nav-previous a:after,
.single-referenzen .content .nav-links .nav-next a:after{
	}


.single-referenzen .content .nav-links .nav-previous:hover,
.single-referenzen .content .nav-links .nav-next:hover{
	}
.single-referenzen .content .nav-links .nav-previous:hover a:after,
.single-referenzen .content .nav-links .nav-next:hover a:after{
	}