/* ---------------------------------------
	VIEWPORT
	---------------------------------------  */
	#viewport { 
		position:fixed; 
		bottom:100px;
		left:0px; 
		display: block; 
		/*display: none;*/
		z-index: 9999; 
	}
	#viewport div {  
		color: #fff;
		font-family: 'Sztos_semibold';
		font-size: 15px;
		background: #000;
		padding: 15px 10px; 
	}
	
	
	/* ********** FONT OLD (.rem) ********** */
	/*
	#topteaser .claim h1 { font-size: 4.5rem;}
	#topteaser .claim h2 { font-size: 3rem; }
	
	h1 { font-size: 3.2rem; }
	h2 { font-size: 2.8rem; }
	h3 { font-size: 1.65rem; }
	h4 { font-size: 1.45rem; }
	p .big, .big { font-size: 1.45rem; }
	
	p { font-size: 1rem;}
	p.small, p.small a { font-size: .9rem; }
	*/
	
	h1,
	h2 { line-height: 1.15em;}
	h3 { line-height: 1.15em;}
	h4 { line-height: 1.25em;}
	p, a { line-height: 1.6em;}
	
	
	/* ********** FONT MEW (.vw) ********** */
	h1, h2 { font-size: 2.5vw; }
	h3 { font-size: 2vw; }
	
	h4, p .big, .big,
	.page #textmodul .editor,
	.page #textmodul .editor a,
	.page #textmodul .editor li  { font-size: 1.35vw; }
	
	p,
	.editor,
	.editor a,
	.editor li { font-size: 1.15vw; }
	p.small, p.small a { font-size: 1vw; }
	
	/*topteaser*/
	#topteaser .claim h1 {font-size: 3.5vw;}
	#topteaser .claim h2 {font-size: 2.5vw;}
	
	/*newsmodul*/
	#newsmodul .col-4 h4 { font-size: 1.35vw;}
	#newsmodul .col-4.special h4 { 
		line-height: 1.05em;
		font-size: 2.5vw;
	}
	
	/*mitgliedermodul*/
	#mitgliedermodul .slider-title { font-size: .9rem;}
	
	#membermodul-packages .anzahl { font-size: 2.9vw; }
	#membermodul-packages h4.preis { font-size: 1.8vw;}
	#membermodul-packages p.subline,
	#memberkachel p.subline { 
		font-size: .9vw;
		line-height: 1.2vw; 
	}
	
	/**** change to .rem ****/
	
	/*newsletter*/
    footer #mailchimp form input[type="submit"],
    footer #mailchimp form input[type="email"] { font-size: 18px; }
	
	/*events*/
	#event_series_slider .swiper-slide .contain h4 { font-size: 1.4rem; }
   
    /*single event*/
	.single section#import_event h1 { font-size: 2.8vw; }
	
	.single section#import_event .iee_event_meta .titlemain,
	.single section#import_event .iee_event_meta p { 
		font-size: 1.4rem; 
		line-height: 1.2em;
	}
	
	.single section#import_event #content div,
	.single section#import_event #content p,
	.single section#import_event #content a,
	.single section#import_event #content li { 
		font-size: 1.2rem; 
		line-height: 1.6em;
	} 
	.single section#import_event #content h3,
	.single #eventbox .date p,
	.single #eventbox .location p { 
		font-size: 1.4rem; 
		line-height: 1.3em;
	}
	.single section#import_event #content li {
		line-height: 1.45em;
	}
	
	
	
	@media only screen and (max-width: 1280px) { 
		h1, h2 { font-size: 2.2rem; }
		h3 { font-size: 1.25rem; }
		
		h4, p .big, .big, big a,
		.page #textmodul .editor,
		.page #textmodul .editor a,
		.page #textmodul .editor li { font-size: 1.15rem; }
		p, p a,
		.editor a,
		.editor li { font-size: 1rem; }
		p.small, p.small a { font-size: .9rem; }
		
		/*newsmodul*/
		#newsmodul .col-4 h4 {font-size: 1.15rem;}
		#newsmodul .col-4.special h4 {
			font-size: 2.5rem; 
			line-height: 1.05em;
		}
		
		/*newsletter*/
   		footer #mailchimp form input[type="submit"],
   		footer #mailchimp form input[type="email"] { font-size: 1rem; }
		
		/*vorteilkachel*/
		#mitglieder-vorteilkachel h1 { font-size: 2rem; }
		
		/*mitglieder*/
		#membermodul-packages .anzahl { font-size: 3rem; }
		#membermodul-packages h4,
		#membermodul-packages h4.preis {font-size: 1.7rem;}
		#membermodul-packages p.subline,
		#memberkachel p.subline { 
			font-size: .8rem; 
			line-height: 1.2rem;
		}
		
		/*single*/
		.single section#import_event #topteaser p {font-size: 1.4rem }
		.single section#import_event h1 {font-size: 2.2rem }
		
		.single section#import_event .iee_event_meta p,
		.single #eventbox p {font-size: 1.2rem;}	
	}
	
	@media only screen and (max-width: 1160px) { 
		/*vorteilkachel*/
		#mitglieder-vorteilkachel h1 { font-size: 1.6rem; }
		
		/*newsmodul*/
		#newsmodul .col-4.special h4 {font-size: 2rem; }
	}
	
	@media only screen and (max-width: 1024px) {
		h1, h2 { font-size: 2rem; }	
	}

	
	@media only screen and (max-width: 850px) {
		h1, h2 { font-size: 1.7rem; }
		
		#topteaser .claim h1 {font-size: 2rem;}
		#topteaser .claim h2 {font-size: 1.3rem;}
		
		/*.single event*/
		.single section#import_event #content h3,
		.single #eventbox .date p,
		.single #eventbox .location p { 
			font-size: 1.2rem; 
			line-height: 1.3em;
		}
		
		/*newsmodul*/
		#newsmodul .col-4.special h4 {font-size: 5vw; }
		
		/*events*/
		#event_series_slider .swiper-slide .contain h4 { font-size: 1.2rem; }
		
		/*vorteilkachel*/
		#mitglieder-vorteilkachel h1 { font-size: 1.4rem; }
		
		/*single*/
		.single section#import_event #topteaser p {font-size: 1.1rem }
		.single section#import_event h1 {font-size: 1.8rem }
		
		
	}
	
	@media only screen and (max-width: 767px) {
		/* startup list*/
		#startup-listmodul .startup #contentbox h4 {font-size: 1.4rem;}
	
	}
	
	@media only screen and (max-width: 600px) { 
		h2 { font-size: 1.35rem; }
		h1 br, h2 br {display: none;}
		
		h4, p .big, .big, big a,
		.page #textmodul .editor,
		.page #textmodul .editor a,
		.page #textmodul .editor li {font-size: 1.05rem;}
		p, p a,
		.editor a,
		.editor li { font-size: .95rem; }
		p.small, p.small a,
		a.but.outline p { font-size: .8rem; }
		
		/*topteaser*/
		#topteaser h1 br, 
		#topteaser h2 br {display: block;}
		
		/*newsmodul*/
		#newsmodul .col-4.special h4 {font-size: 13vw;}
		
		/*newsletter*/
   		footer #mailchimp form input[type="submit"] { font-size: .8rem; }
   		footer #mailchimp form input[type="email"] { font-size: .95rem; }
		
		/*vorteilkachel*/
		#mitglieder-vorteilkachel h1 { font-size: 1.2rem; }
		
		/*mitglieder*/
		#membermodul-packages .title { margin-top: 0px; }
		#membermodul-packages .anzahl { font-size: 2rem; }
		#membermodul-packages h4,
		#membermodul-packages h4.preis {font-size: 1.2rem;}
		
		/*projekte*/
		.projekte p.wdth-90 {font-size: .8rem;}
	
		
		/*single*/
		.single section#import_event h1 {font-size: 1.6rem;}
		.single section#import_event #content h3 {font-size: 1.3rem;}
	}
		
	@media only screen and (max-width: 480px) { 
		h1 {font-size: 1.35rem;}
		
		h4, p .big, .big, big a,
		.page #textmodul .editor,
		.page #textmodul .editor a,
		.page #textmodul .editor li {font-size: .95rem;}
		
		/*topteaser*/
		#topteaser .claim h1 { font-size: 1.4rem; }
		#topteaser .claim h2 { font-size: .9rem; }
		
		/*.single event*/
		.single section#import_event #content h3,
		.single #eventbox .date p,
		.single #eventbox .location p,
		.single #eventbox p { 
			font-size: 1.1rem; 
		}
		
		/*vorteilkachel*/
		#mitglieder-vorteilkachel .kachel .topline {font-size: 1rem;}
		#mitglieder-vorteilkachel h1 { font-size: 1.15rem; }
		
		/*mitglieder*/
		#membermodul-packages p.subline, 
		#memberkachel p.subline { 
			font-size: .7rem; 
			line-height: .9rem;
		}	
	}

	
	/* > 1900 */
	@media only screen and (min-width: 1900px) { 
		.bigger_1900, .l_1900, .l_1600, .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320, .portrait-view, .landscape-view   { display: none }
		.bigger_1900  { display: block;  }		
	}
	
	/* 1900 */
	@media only screen and (max-width: 1900px) { 
		.bigger_1900, .l_1900, .l_1600, .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320, .portrait-view, .landscape-view   { display: none }
		.l_1900  { display: block;  }	
	}
	
	/* 1600 */
	@media only screen and (max-width: 1599px) { 
		.bigger_1900, .l_1900, .l_1600, .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320, .portrait-view, .landscape-view   { display: none }
		.l_1600  { display: block;  }	
	}
	
	/* < 1440 */
	@media only screen and (max-width: 1439px) { 
		.bigger_1900, .l_1900, .l_1600,  .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320, .portrait-view, .landscape-view  { display: none }
		.l_1440  { display: block;  }
	}
		
	/* 1280 */
	@media only screen and (max-width: 1279px) { 
		.bigger_1900, .l_1900, .l_1600,  .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320, .portrait-view, .landscape-view  { display: none }
		.l_1280  { display: block; }
	}
	
	/* 1160 */
	@media only screen and (max-width: 1159px) { 
		.bigger_1900, .l_1900, .l_1600, .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320, .portrait-view, .landscape-view  { display: none }
		.l_1160  { display: block;  }
	}
	
	/* 1024 */
	@media only screen and (max-width: 1023px) { 
		.bigger_1900, .l_1900, .l_1600, .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320, .portrait-view, .landscape-view  { display: none }
		.l_1024  { display: block;  }
	}
	
	/* 940 */
	@media only screen and (max-width: 939px) { 
		.bigger_1900, .l_1900, .l_1600, .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320, .portrait-view, .landscape-view  { display: none }
		.l_940  { display: block;  }
	}
	
	/* 850 */
	@media only screen and (max-width: 850px) { 
		.bigger_1900, .l_1900, .l_1600, .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320, .portrait-view, .landscape-view  { display: none }
		.l_850  { display: block;  }
		
	}
	
	/* ipad landscape / portrait */
	@media only screen 
	and (min-device-width : 768px) 
	and (max-device-width : 1024px)
	and (-webkit-min-device-pixel-ratio: 2) {	
	}

	/* ipad landscape */
	@media only screen 
	and (min-device-width : 768px) 
	and (max-device-width : 1024px) 
	and (orientation : landscape) {
		.portrait-view, 
		.landscape-view { display: none }
		.landscape-view  { display: block;  }
	}
	
	/* ipad portrait */
	@media only screen 
	and (min-device-width : 768px) 
	and (max-device-width : 1024px) 
	and (orientation : portrait)
	and (-webkit-min-device-pixel-ratio: 2) { 
		.portrait-view, 
		.landscape-view { display: none }
		.portrait-view  { display: block;  }	
	}
	 
	/* 767 */
	@media only screen and (max-width: 767px) { 
		.bigger_1900, .l_1900, .l_1600, .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320, .portrait-view, .landscape-view { display: none }
		.l_767  { display: block;  }
	}
	
	/* 600 */
	@media only screen and (max-width: 599px) { 
		.bigger_1900, .l_1900, .l_1600, .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320, .portrait-view, .landscape-view  { display: none }
		.l_600  { display: block;  }
	} 
	
	/* 480 (bis iPhone8 Portrait) */
	@media only screen and (max-width: 479px) { 
		.bigger_1900, .l_1900, .l_1600, .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320, .portrait-view, .landscape-view  { display: none }
		.l_480  { display: block;  }
	}
	
	/* 360 (SE Portrait) */
	@media only screen and (max-width: 359px) { 
		.bigger_1900, .l_1900, .l_1600, .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320, .portrait-view, .landscape-view  { display: none }
		.l_360  { display: block;  }
		
	}
	
	/* 320 (SE Portrait) */
	@media only screen and (max-width: 319px) { 
		.bigger_1900, .l_1900, .l_1600, .l_1440, .l_1280, .l_1160, .l_1024, .l_940, .l_850, .l_767, .l_600, .l_480, .l_360, .l_320, .portrait-view, .landscape-view  { display: none }
		.l_320  { display: block;  }
		
	}