/* --- 1280px --------------------------------------------- */
@media only screen and (max-width: 1279px) and (min-height: 340px) {

}

/* -- iPad --------------------------------------------- */
@media only screen and (max-width: 1025px) and (min-height: 340px) {
	#contact_popoup { font-size: 30px; }
	.popup .close { width: 70px; height: 70px; }
}

/* --- 980px --------------------------------------------- */
@media only screen and (max-width: 979px) {

}

/* --- widescreen laptop? --------------------------------------------- */
@media only screen and (max-height: 660px) and (orientation: landscape) {
	
}

/* --- 768px --------------------------------------------- */
@media only screen and (max-width: 767px) {
	#interim_popoup .text p { font-size: 120px; }
}



/* --- 580px --------------------------------------------- */
@media only screen and (max-width: 584px) {	
	.popup .close {
		top: 10%;
		width: 40px;
		height: 40px;
	}
	#footer .flexcontainer {
		font-size: 12px;
		gap: 25px;
		align-items: center;
	}
	#footer .ic { font-size: 22px; }
	i.bahn, i.kunst {
		width: 22px;
		height: 22px;
		top: 2px;
	}
	#footer #interimlink { font-size: 20px; margin-right: 5px; display: block; margin-bottom: 10px;}
	
	.slick-next,
	.slick-prev,
	.activeslide_0 #slidercontainer .slick-next {
		width: 40px;
		height: 50px;
	}
	
	#logo { width: 50px; }
	
	#slidercontainer .item.whitebg { background-color: white; }
	#slidercontainer .sliderpic {
		top: 15vh;
		height: 70vh;
	}
	#slidercontainer .link { display: none; }
	#slidercontainer .title {
		left: 90px;
		padding-left: 20px;
		font-size: 12px;
	}
	#slidercontainer .slick-current .title {
		top: 17px;
	}
	
	#start_logo {
		top: 25%;
		left: 50%;
		transform: translateX(-50%);
		width: 50%;
		max-width: 50%;
	}
	#startslide .come_in {
		display: none;
	}
	
	#lastslide .whatweare {
		flex-wrap: wrap;
		
		span {
			width: auto;
			margin-bottom: 20px;
			font-size: 12px;
		}
	}
}

/* --- 480px --------------------------------------------- */
@media only screen and (max-width: 479px) and (orientation: portrait) {
	#interim_popoup .text p { font-size: 80px; }
}


/* --- 380px --------------------------------------------- */
@media only screen and (max-width: 380px) and (orientation: portrait) {
	
}

/* mobile LANDSCAPE ---------------------------------------------*/
@media only screen and (max-height: 320px) and (orientation: landscape) {

}