/* Schriftarten */

/* Header */
.headertext-vorschau-background{
    background-color: #000000;        	
	background-size: cover;        background-attachment: fixed;}






.vorschau.navi .ebene-1{
    background-color: #000000;        background-size: cover;    }
.vorschau.navi .ul.ebene-1 .li.children  a:after{
		
	right: calc( 30px ); 	width: 5px;	height: 5px;		}

.vorschau.navi .ul.ebene-1 .li.children.aktiv a:after{
	background-color: #ffffff;}


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

.vorschau.navi .ebene-1 .li a,
#primary-navigation>div>ul>li>a{
        	 
			 
    font-size: 75px;		
    padding-left: 30px;    padding-right: 30px;	 text-transform: uppercase; 		    position: relative;
        }

	
#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{
		
	right: calc( 30px ); 	width: 5px;	height: 5px;		}



.vorschau.navi .ebene-1 .li.aktiv a,
#primary-navigation>div>ul>li.active>a,
#primary-navigation>div>ul>li.current-menu-item>a{
    color: #ffffff;     
        }

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



@media (hover: hover) {

	.vorschau.navi .ul.ebene-1 .li a:hover,
	#primary-navigation>div>ul>li>a:hover{
		color: #ffffff;							}
	#primary-navigation>div>ul>li.menu-item-has-children>a:hover:after{
		background-color: #ffffff;	
	}
	.vorschau.navi .ul.ebene-1 .li.children a:hover:after{
		background-color: #ffffff;		
	}

}
/* Ebene 2 */
.vorschau.navi .ebene-2 .li a,
#primary-navigation>div>ul>li>ul>li>a{
        	
	 
			 
    		
    padding-left: 30px;    padding-right: 30px;	
			        }
.vorschau.navi .ebene-2 .li.aktiv a,
#primary-navigation>div>ul>li>ul>li.current-menu-item>a{
                }
.vorschau.navi .ebene-2 .li.children a:after{
    	width: 5px;	height: 5px;			right: 30px;}



.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{
					}
	
	#primary-navigation>div>ul>li>ul>li.menu-item-has-children>a:after{
                width: 5px;        height: 5px;                		right: 30px;    }
    
	#primary-navigation>div>ul>li>ul>li.menu-item-has-children.current-menu-item>a:after{
            }
}



@media (hover: hover) {
	.vorschau.navi .ebene-2 .li a:hover,
	#primary-navigation>div>ul>li>ul>li>a:hover{
									}
	.vorschau.navi .ebene-2 .li.children a:hover:after{
			}
	#primary-navigation .sub-menu li.menu-item-has-children:hover>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{
        	 
			    		
          
	
    padding-left: 30px;    padding-right: 30px;}
.vorschau.navi .ebene-3 .li.aktiv a,
#primary-navigation>div>ul>li>ul>li>ul>li.current-menu-item>a{
                }
@media (min-width: 1200px){
	#primary-navigation>div>ul>li>ul>li>ul{
                    }
}


@media (hover: hover) {
	.vorschau.navi .ebene-3 .li a:hover,
    #primary-navigation>div>ul>li>ul>li>ul>li>a:hover{
                        
                    }
	
}
/* Navigation Toggle*/
@media (max-width: 1200px){
	/*Toggle Menü*/
	
	.toggle-menu .toggle-icon{
			}
	.toggle-menu .toggle-icon{
			}
	
	/* Toggle Ebene 1 */
	#primary-navigation>div>ul>li{
			}
	
	#primary-navigation > div > ul > li.menu-item-has-children > .toggle-subemenu {
			}
	#primary-navigation > div > ul > li.menu-item-has-children > .toggle-subemenu:after {
			}
	#primary-navigation > div > ul > li.current-menu-item > .toggle-subemenu{
			}
	#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{
			}
	#primary-navigation > div > ul > li > ul > li.menu-item-has-children > .toggle-subemenu:after{
			}
	#primary-navigation > div > ul > li > ul > li.current-menu-item > .toggle-subemenu{
			}
	#primary-navigation > div > ul > li > ul > li.current-menu-item > .toggle-subemenu:after{
			}
	
}

/* Body */
.acf-block-preview,
#content{
    background-color: #1b161e;	        background-size: cover;		
        background-attachment: fixed;}

/* Headertext */
/* Headertext Variablen */
.vorschau-headertext,
#headertext{    
	 
			    		                  
}
.headertext-and-social-media-buttons{
	 }

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

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

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

 

 
 




.facebook svg{ fill: #475993;}
.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: 50px; }
#logomobil {  }
/* Überschriften */
												

/* ========================================
   H1 - VORSCHAU HINTERGRUND
======================================== */

.vorschau.h1 {

            background-color: #1b161e;
    
    
}


/* ========================================
   H1 - GRUNDDESIGN
======================================== */

.content h1,
#poststuff .vorschau h1,
.editor-styles-wrapper .section-content h1,
.section-content h1 {

            text-transform: uppercase;
    
    
    
    
            color: #ffffff;
    
            font-size: 40px;
    
            line-height: 1.2;
    
            letter-spacing: 2px;
    
    
    
}


/* ========================================
   H1 - DESKTOP BIS 1200px
======================================== */

@media (max-width: 1200px) {

    .content h1,
    .editor-styles-wrapper .section-content h1,
    .section-content h1 {

                    font-size: 40px;
        
    }

}


/* ========================================
   H1 - LAPTOP VORSCHAU
======================================== */

#poststuff .vorschau .laptop h1 {

            font-size: 40px;
    
    
}


/* ========================================
   H1 - LAPTOP BIS 1024px
======================================== */

@media (max-width: 1024px) {

    .content h1,
    .editor-styles-wrapper .section-content h1,
    .section-content h1 {

                    font-size: 40px;
        
        
    }

}


/* ========================================
   H1 - TABLET VORSCHAU
======================================== */

#poststuff .vorschau .tablet h1 {

            font-size: 35px;
    
    
}


/* ========================================
   H1 - TABLET BIS 768px
======================================== */

@media (max-width: 768px) {

    .content h1,
    .editor-styles-wrapper .section-content h1,
    .section-content h1 {

                    font-size: 35px;
        
        
    }

}


/* ========================================
   H1 - HANDY VORSCHAU
======================================== */

#poststuff .vorschau .handy h1 {

            font-size: 25px;
    
    
}


/* ========================================
   H1 - HANDY BIS 480px
======================================== */

@media (max-width: 480px) {

    .content h1,
    .editor-styles-wrapper .section-content h1,
    .section-content h1 {

                    font-size: 25px;
        
        
    }

}


/* ========================================
   H2 - VORSCHAU HINTERGRUND
======================================== */

.vorschau.h2 {

            background-color: #1b161e;
    
    
}


/* ========================================
   H2 - GRUNDDESIGN
======================================== */

.content h2,
#poststuff .vorschau h2,
.editor-styles-wrapper .section-content h2,
.section-content h2 {

    
    
    
    
            color: #ffffff;
    
            font-size: 25px;
    
            line-height: 1.2;
    
            letter-spacing: 3px;
    
    
    
}


/* ========================================
   H2 - DESKTOP BIS 1200px
======================================== */

@media (max-width: 1200px) {

    .content h2,
    .editor-styles-wrapper .section-content h2,
    .section-content h2 {

                    font-size: 25px;
        
    }

}


/* ========================================
   H2 - LAPTOP VORSCHAU
======================================== */

#poststuff .vorschau .laptop h2 {

            font-size: 23px;
    
    
}


/* ========================================
   H2 - LAPTOP BIS 1024px
======================================== */

@media (max-width: 1024px) {

    .content h2,
    .editor-styles-wrapper .section-content h2,
    .section-content h2 {

                    font-size: 23px;
        
        
    }

}


/* ========================================
   H2 - TABLET VORSCHAU
======================================== */

#poststuff .vorschau .tablet h2 {

            font-size: 21px;
    
    
}


/* ========================================
   H2 - TABLET BIS 768px
======================================== */

@media (max-width: 768px) {

    .content h2,
    .editor-styles-wrapper .section-content h2,
    .section-content h2 {

                    font-size: 21px;
        
        
    }

}


/* ========================================
   H2 - HANDY VORSCHAU
======================================== */

#poststuff .vorschau .handy h2 {

            font-size: 19px;
    
    
}


/* ========================================
   H2 - HANDY BIS 480px
======================================== */

@media (max-width: 480px) {

    .content h2,
    .editor-styles-wrapper .section-content h2,
    .section-content h2 {

                    font-size: 19px;
        
        
    }

}


/* ========================================
   H3 - VORSCHAU HINTERGRUND
======================================== */

.vorschau.h3 {

            background-color: #1b161e;
    
    
}


/* ========================================
   H3 - GRUNDDESIGN
======================================== */

.content h3,
#poststuff .vorschau h3,
.editor-styles-wrapper .section-content h3,
.section-content h3 {

    
    
    
    
            color: #ffffff;
    
            font-size: 16px;
    
            line-height: 1.3;
    
            letter-spacing: 2px;
    
    
    
}


/* ========================================
   H3 - DESKTOP BIS 1200px
======================================== */

@media (max-width: 1200px) {

    .content h3,
    .editor-styles-wrapper .section-content h3,
    .section-content h3 {

                    font-size: 16px;
        
    }

}


/* ========================================
   H3 - LAPTOP VORSCHAU
======================================== */

#poststuff .vorschau .laptop h3 {

            font-size: 16px;
    
    
}


/* ========================================
   H3 - LAPTOP BIS 1024px
======================================== */

@media (max-width: 1024px) {

    .content h3,
    .editor-styles-wrapper .section-content h3,
    .section-content h3 {

                    font-size: 16px;
        
        
    }

}


/* ========================================
   H3 - TABLET VORSCHAU
======================================== */

#poststuff .vorschau .tablet h3 {

            font-size: 16px;
    
    
}


/* ========================================
   H3 - TABLET BIS 768px
======================================== */

@media (max-width: 768px) {

    .content h3,
    .editor-styles-wrapper .section-content h3,
    .section-content h3 {

                    font-size: 16px;
        
        
    }

}


/* ========================================
   H3 - HANDY VORSCHAU
======================================== */

#poststuff .vorschau .handy h3 {

            font-size: 16px;
    
    
}


/* ========================================
   H3 - HANDY BIS 480px
======================================== */

@media (max-width: 480px) {

    .content h3,
    .editor-styles-wrapper .section-content h3,
    .section-content h3 {

                    font-size: 16px;
        
        
    }

}


/* ========================================
   H4 - VORSCHAU HINTERGRUND
======================================== */

.vorschau.h4 {

            background-color: #1b161e;
    
    
}


/* ========================================
   H4 - GRUNDDESIGN
======================================== */

.content h4,
#poststuff .vorschau h4,
.editor-styles-wrapper .section-content h4,
.section-content h4 {

    
    
    
    
    
    
    
            letter-spacing: 2px;
    
    
    
}


/* ========================================
   H4 - DESKTOP BIS 1200px
======================================== */

@media (max-width: 1200px) {

    .content h4,
    .editor-styles-wrapper .section-content h4,
    .section-content h4 {

        
    }

}


/* ========================================
   H4 - LAPTOP VORSCHAU
======================================== */

#poststuff .vorschau .laptop h4 {

    
    
}


/* ========================================
   H4 - LAPTOP BIS 1024px
======================================== */

@media (max-width: 1024px) {

    .content h4,
    .editor-styles-wrapper .section-content h4,
    .section-content h4 {

        
        
    }

}


/* ========================================
   H4 - TABLET VORSCHAU
======================================== */

#poststuff .vorschau .tablet h4 {

    
    
}


/* ========================================
   H4 - TABLET BIS 768px
======================================== */

@media (max-width: 768px) {

    .content h4,
    .editor-styles-wrapper .section-content h4,
    .section-content h4 {

        
        
    }

}


/* ========================================
   H4 - HANDY VORSCHAU
======================================== */

#poststuff .vorschau .handy h4 {

    
    
}


/* ========================================
   H4 - HANDY BIS 480px
======================================== */

@media (max-width: 480px) {

    .content h4,
    .editor-styles-wrapper .section-content h4,
    .section-content h4 {

        
        
    }

}


/* ========================================
   H5 - VORSCHAU HINTERGRUND
======================================== */

.vorschau.h5 {

            background-color: #1b161e;
    
    
}


/* ========================================
   H5 - GRUNDDESIGN
======================================== */

.content h5,
#poststuff .vorschau h5,
.editor-styles-wrapper .section-content h5,
.section-content h5 {

    
    
    
    
    
    
    
            letter-spacing: 2px;
    
    
    
}


/* ========================================
   H5 - DESKTOP BIS 1200px
======================================== */

@media (max-width: 1200px) {

    .content h5,
    .editor-styles-wrapper .section-content h5,
    .section-content h5 {

        
    }

}


/* ========================================
   H5 - LAPTOP VORSCHAU
======================================== */

#poststuff .vorschau .laptop h5 {

    
    
}


/* ========================================
   H5 - LAPTOP BIS 1024px
======================================== */

@media (max-width: 1024px) {

    .content h5,
    .editor-styles-wrapper .section-content h5,
    .section-content h5 {

        
        
    }

}


/* ========================================
   H5 - TABLET VORSCHAU
======================================== */

#poststuff .vorschau .tablet h5 {

    
    
}


/* ========================================
   H5 - TABLET BIS 768px
======================================== */

@media (max-width: 768px) {

    .content h5,
    .editor-styles-wrapper .section-content h5,
    .section-content h5 {

        
        
    }

}


/* ========================================
   H5 - HANDY VORSCHAU
======================================== */

#poststuff .vorschau .handy h5 {

    
    
}


/* ========================================
   H5 - HANDY BIS 480px
======================================== */

@media (max-width: 480px) {

    .content h5,
    .editor-styles-wrapper .section-content h5,
    .section-content h5 {

        
        
    }

}


/* ========================================
   H6 - VORSCHAU HINTERGRUND
======================================== */

.vorschau.h6 {

            background-color: #1b161e;
    
    
}


/* ========================================
   H6 - GRUNDDESIGN
======================================== */

.content h6,
#poststuff .vorschau h6,
.editor-styles-wrapper .section-content h6,
.section-content h6 {

    
    
    
    
    
    
    
            letter-spacing: 3px;
    
    
    
}


/* ========================================
   H6 - DESKTOP BIS 1200px
======================================== */

@media (max-width: 1200px) {

    .content h6,
    .editor-styles-wrapper .section-content h6,
    .section-content h6 {

        
    }

}


/* ========================================
   H6 - LAPTOP VORSCHAU
======================================== */

#poststuff .vorschau .laptop h6 {

    
    
}


/* ========================================
   H6 - LAPTOP BIS 1024px
======================================== */

@media (max-width: 1024px) {

    .content h6,
    .editor-styles-wrapper .section-content h6,
    .section-content h6 {

        
        
    }

}


/* ========================================
   H6 - TABLET VORSCHAU
======================================== */

#poststuff .vorschau .tablet h6 {

    
    
}


/* ========================================
   H6 - TABLET BIS 768px
======================================== */

@media (max-width: 768px) {

    .content h6,
    .editor-styles-wrapper .section-content h6,
    .section-content h6 {

        
        
    }

}


/* ========================================
   H6 - HANDY VORSCHAU
======================================== */

#poststuff .vorschau .handy h6 {

    
    
}


/* ========================================
   H6 - HANDY BIS 480px
======================================== */

@media (max-width: 480px) {

    .content h6,
    .editor-styles-wrapper .section-content h6,
    .section-content h6 {

        
        
    }

}


/* Text */
/* Text Variablen */

.section-content input[type="text"],
.section-content input[type="email"],
.section-content input[type="tel"],
.section-content textarea{
	 
			 	
    font-size: 16px;			}


#editor .editor-styles-wrapper,
#editor .text,
.section-content,
.acf-text{
	 
						    font-size: 16px; 	
    line-height: 1.7; 	
    color: #999999;  	
}


 	

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

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


@media (max-width: 480px){
	#editor .editor-styles-wrapper,
	.section-content,
	.acf-text{
		font-size: 16px; 
	}
}

/* OL */

		.text ol li,
.editor-styles-wrapper .text ol li,
.vorschau-ol ol li{
	 
				    	            	
			margin-bottom: px; 
	}


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

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


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

@media (max-width: 768px){
	.section-content ol li{
                		
					margin-bottom: calc( px * 0.6); 
		    }
}
/* Handy ol li*/
.vorschau-ol .handy ol li{
					margin-bottom: calc( px * 0.5); 
	}
@media (max-width: 480px){
	.section-content ol li{
									margin-bottom: calc( px * 0.5); 
			}
}
/* UL */
/* UL Variablen */
.text ul li,
.editor-styles-wrapper .text ul li,
.vorschau-li ul li{
    	 		
	    		        				padding-left: calc( 15px + 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%;
		 
	 
            width: 15px;    height: 15px;	content: "";    
    display: inline-block;
	-webkit-mask-size: cover;
    mask-size: cover;
	position: absolute;
    left: 0px;
}

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

@media (max-width: 1024px){
	.section-content ul li,
    .acf-field .acf-label ul li{
        		padding-left: calc( 15px + 10px);				
					margin-bottom: calc( px * 0.75); 
			}
	.flexible-text ul li:before,
    .section-content ul li:before,
    .acf-field .acf-label ul li:before{
                width: 15px;        height: 15px;    }
}
/* Aufzählung li Handy */
.vorschau-li .handy ul li{
		padding-left: calc( 15px + 10px);				margin-bottom: calc( px * 0.5); 
	}
.vorschau .handy ul li:before{
		width: 15px;	height: 15px;}
@media (max-width: 768px){
	.section-content ul li,
    .acf-field .acf-label ul li{
        		padding-left: calc( 15px + 10px);							margin-bottom: calc( px * 0.5); 
		    }
    .section-content ul li:before,
    .acf-field .acf-label ul li:before{
                width: 15px;        height: 15px;    }
}
/* Blockquote */
.section-content blockquote,
.vorschau blockquote{
    			 
    							
	
			margin-bottom: calc(px * 1); 
	}

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

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

/* Button */
.button-vorschau,
.section-content .button-submit,
.section-content .buttondiv{
	}
.vorschau .button-fa,
.section-content .button-fa{
    					
        	           
        	    } 


.vorschau .button-fa-content,
.vorschau .button-fa input[type="submit"],
.section-content input[type="submit"],
.section-content .button-fa-content{
     
			 
    	    font-size: 18px;        												
			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{
		;
    }
.vorschau .button-fa:hover,
.section-content .button-fa:hover{
    		}

/* 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 {
				 	
			padding: calc( 15px * 1 );
					
}

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

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


/* Kontaktformular */
.wpcf7 label{
			 	
							}

.vorschau.wpcf7 .tablet label{
	}
.vorschau.wpcf7 .handy label{
	}

/* 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{
						border-radius: 1px;
				               
		
	 
		box-shadow:  px px px ;
					
	 	
				}
.wpcf7 input[type="checkbox"]{
		  
						border-radius: 1px;
			}
.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{
			}
@media (max-width: 1024px){
	.wpcf7 input[type="text"],
	.wpcf7 input[type="email"],
	.wpcf7 input[type="tel"],
	.wpcf7 textarea{
							}
}




/* Tablet Eingabefeld */
.vorschau.wpcf7 .tablet input[type="text"],
.vorschau.wpcf7 .tablet input[type="email"],
.vorschau.wpcf7 .tablet input[type="tel"],
.vorschau.wpcf7 .tablet textarea{
			}
@media (max-width: 768px){
	.wpcf7 input[type="text"],
	.wpcf7 input[type="email"],
	.wpcf7 input[type="tel"],
	.wpcf7 textarea{
							}
}

/* Handy Eingabefeld */
.vorschau.wpcf7 .handy input[type="text"],
.vorschau.wpcf7 .handy input[type="email"],
.vorschau.wpcf7 .handy input[type="tel"],
.vorschau.wpcf7 .handy textarea{
			}
@media (max-width: 480px){
	.wpcf7 input[type="text"],
	.wpcf7 input[type="email"],
	.wpcf7 input[type="tel"],
	.wpcf7 textarea{
							}
}
.wpcf7 .wpcf7-acceptance{
	}
.wpcf7 .wpcf7-acceptance label,
.wpcf7 .wpcf7-acceptance label a{
					 	
				 
	 
}

/*---------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{
	}
.vorschau.wpcf7 .handy .wpcf7-acceptance label,
.vorschau.wpcf7 .handy .wpcf7-acceptance label a{
	}

@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{
			}
}
@media (max-width: 480px){
	.wpcf7 .wpcf7-acceptance label,
	.wpcf7 .wpcf7-acceptance label a{
			}
}
.vorschau.wpcf7 .buttondiv,
.section-content .wpcf7 .buttondiv{
	}
.vorschau.wpcf7 .button-fa,
.section-content .wpcf7 .button-fa{
                            
        	    } 

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




/* Button 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: #111111;        background-size: cover;			
                    
            
	 	
		line-height: 1.2;					
}
.vorschaufooter a,
#colophon a{
	color: #ffffff;}
.vorschaufooter .tablet{
	}
@media (max-width: 1024px){
	#colophon{
			}
}
.vorschaufooter .handy{
	}
@media (max-width: 768px){
	#colophon{
			}
}
/* Vorschau */
/*----------- V O R S C H A U --------------*/
.button-vorschau,
.vorschau-li,
.vorschau-ol,
.vorschau.ueberschriften,
.vorschautext,
.blockquote-vorschau{
	background-color: #1b161e;        background-size: cover;        background-attachment: fixed;		
}
.blockquote-vorschau{
	}
.vorschau.wpcf7{
	}
.vorschau.vorschautext{
	 background: #383838; }
.vorschau-li{
	}
.vorschau-ol{
	}
.button-vorschau{
	}
	.vorschau.h1{
					background: #0a0a0a			}
	.vorschau.h2{
					background: #0a0a0a			}
	.vorschau.h3{
			}
	.vorschau.h4{
			}
	.vorschau.h5{
			}
	.vorschau.h6{
			}