body{margin:0;padding:0}
.pitbody{
	margin:0;
	padding: 0;
	font-family: 'Ubuntu', sans-serif;
	background-color: #fff;
	background: url('https://www.pilates-in-taucha.de/wp-content/uploads/2021/01/bbb_background.jpg');
	background-repeat: no-repeat;
	background-position: bottom; 
	background-size: cover;
}
.pitsection{
	position: relative;
	width: 100%;
	height: calc(100vh - 130px);
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}
.pitsection:before {
    content: '';
    position: absolute;
    top: -26vh;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg,#659949,#8dbd4e);
    border-radius: 0 0 50% 50%/0 0 100% 100%;
    transform: scaleX(1.5);
}
.pitsection .content{
	position: relative;
	z-index: 1;
	margin: 0 auto;
	max-width: 900px;
	text-align: center;
}
.pitsection .content h2{
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 3em;
}
.pitsection .content p{
	color: #fff;
	font-size: 1.2em;
}
.pitsection .content a{
	color:#fff!important;
	text-decoration:none!important;
}
.pitsection .content a:hover{
	color:#efefef!important;
	text-decoration:underline!important;
}
#pbox{
    text-align: center;
    margin: 40px auto;
}
.pbox{
    display: inline-block;
    width:100%; min-width: 120px; max-width: 220px;
    margin: 20px;
}


@media only screen and (max-width:1300px){
	#pbox{
		margin: 20px auto 40px auto;
	}
	.pbox{
		margin: 0px;
		min-width: 60px; max-width: 105px;
	}   
}
@media only screen and (min-width:460px){
    .pbox{width:30%;vertical-align: top;}
}

/* iPhone 5/SE */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
	.pitsection .content h2{
		margin: 0 0 10px 0;
		padding: 0;
		color: #fff;
		font-size: 1.7em;
		line-height:1.47em;
	}
	.pitsection .content p{
		color: #fff;
		font-size: .65em;
		font-weight:250!important;
	}
	#pbox{
		margin: 20px auto 170px auto;
	}
	.footer {
		font-size: 0.752rem!important;
		padding: .45rem!important;
	}
}

/* iPhone X Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
	.pitsection .content h2{
		margin: 0 0 10px 0;
		padding: 0;
		color: #fff;
		font-size: 1.7em;
		line-height:1.47em;
	}
	.pitsection .content p{
		color: #fff;
		font-size: .65em;
		font-weight:250!important;
	}
	#pbox{
		margin: 20px auto 170px auto;
	}
	.footer {
		font-size: 0.775rem!important;
	}
}

/* iPhone 6,7,8 Plus */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
	.pitsection .content h2{
		margin: 0 0 10px 0;
		padding: 0;
		color: #fff;
		font-size: 1.7em;
		line-height:1.47em;
	}
	.pitsection .content p{
		color: #fff;
		font-size: .65em;
		font-weight:250!important;
	}
	#pbox{
		margin: 20px auto 170px auto;
	}
	.footer {
		font-size: 0.775rem!important;
		padding: 1rem!important;
	}
}

/* iPhone 6,7,8 */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
	.pitsection .content h2{
		margin: 0 0 10px 0;
		padding: 0;
		color: #fff;
		font-size: 1.7em;
		line-height:1.47em;
	}
	.pitsection .content p{
		color: #fff;
		font-size: .65em;
		font-weight:250!important;
	}
	#pbox{
		margin: 20px auto 170px auto;
	}
	.footer {
		font-size: 0.775rem!important;
	}
}

/* Galaxy S5 */
@media screen(-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) and (device-width: 360px) and (orientation: portrait){ 
	.pitsection .content h2{
		margin: 0 0 10px 0;
		padding: 0;
		color: #fff;
		font-size: 1.7em!important;
		line-height:1.47em;
	}
	.pitsection .content p{
		color: #fff;
		font-size: .65em;
		font-weight:250!important;
	}
	#pbox{
		margin: 20px auto 170px auto;
	}
	.footer {
		font-size: 0.775rem!important;
	}
}


@media only screen and (min-width:680px){
    .pbox:last-child { margin: 10px 0 10px 10px}
    .pbox:first-child { margin: 10px 10px 10px 0}
}