/* ------------------------ 
	BAUSTELLE
	------------------------ */	
	.baustelle header,
	.baustelle footer {display: none; }
	.baustelle #tp-grid { 
		height: 100vh; 
		position: relative; 
	}
	
	/*fonts*/
	.baustelle #infobox p {
		line-height: 1.3em;
		font-size: 18px;
	}
	.baustelle h2 { font-size: 3rem; }
	.baustelle h3 { font-size: 1.6rem; }
	
	/*circle*/
	.baustelle .circle {
	    position: absolute;
		top: calc(50% - 250px);
		left: calc(50% - 250px);
		transform: translate(-50%, -50%);
		z-index: 2; 
		
		width: 470px; 
		height: 470px; 
		border-radius:50%; 
		box-shadow: 0px 5px 12px rgba(57, 63, 72, 0.4);
		
		color: #fff;
		background: #2D3645;
		
		animation-name: rotate;
		animation-duration: 16s;
		animation-iteration-count: infinite;
		animation-timing-function: linear;
	}
	.baustelle .circle .inner { margin-top: 18%; }
	.baustelle .circle h3 { margin-bottom: 2.5rem;}
	
	@keyframes rotate{
		from{ transform: rotate(-360deg); }
		to{ transform: rotate(360deg); }
	}
	
	/*logo*/
	.baustelle .logo img {
		max-width: 370px;
		height: auto;
		object-fit: fill;
	}
	
	/*infobox*/
	.baustelle #infobox {
	    position: absolute;
		right: 0px;
		bottom: 70px;
		width: 420px;
		z-index: 2;
		padding: 20px; 
		color: #fff;
	}
	.baustelle #infobox .copy {padding: 0 0 15px;}
	.baustelle #infobox p.versatz { width: 55px; }
	.baustelle #infobox p.full { width: calc(100% - 55px);}
	.baustelle #infobox a { color: #fff;}
	.baustelle #infobox a:hover { text-decoration: underline;}
	.baustelle #infobox img { max-width: 350px; }
	
	
	@media only screen and (max-width: 1440px) { 
		/*fonts*/
		
		/*circle*/
		.baustelle .circle {
			top: calc(50% - 175x);
			left: calc(50% - 175px);
			width: 400px; 
			height:400px; 
		}
		.baustelle .circle .inner { 
			margin-top: 15%;
			transform: scale(0.85); 
		}
		
		/*infobox*/
		.baustelle #infobox img {max-width: 300px;}
	}
	
	@media only screen and (max-width: 1280px) { 
		.baustelle #tp-grid { height: calc(100vh - 190px); }
		
		/*infobox*/
		.baustelle #infobox {
			position: relative;
			right: auto;
			left: 0px;
			bottom: 0px;
			width: 100%;
		}
		.baustelle #infobox .copy,
		.baustelle #infobox .tel-email {
			width: 50%;
			display: inline-block;
			vertical-align: top;
		}
	}

	@media only screen and (max-width: 767px) { 
		/*fonts*/
		.baustelle h2 {font-size: 2.4rem;}
		.baustelle h3 {font-size: 1.3rem;}
		
		/*circle*/
		.baustelle .circle {
			top: calc(50% - 170px);
			left: calc(50% - 170px);
			width: 340px; 
			height: 340px; 
		}
		.baustelle .circle .inner { transform: scale(0.8); }
		.baustelle .circle h3 {margin-bottom: 2.0rem;}
		
	}
	
	@media only screen and (max-width: 599px) { 
		.baustelle #tp-grid { height: calc(100vh - 150px); }
		
		/*circle*/
		.baustelle .circle {
			top: calc(50% - 140px);
			left: calc(50% - 140px);
			width: 280px; 
			height: 280px; 
		}
		.baustelle .circle .inner { 
			margin-top: 12%;
			transform: scale(0.7); 
		}
		.baustelle .circle h3 {font-size: 1.1rem;}
		
		/*infobox*/
		.baustelle #infobox .copy,
		.baustelle #infobox .tel-email {
			width: 100%;
			display: block;
		}
	}