@charset "utf-8";
/* CSS Document */

.bildundtext-box .image{
	width: 50%;
	overflow: hidden;
	border-radius: 15px;
	width: calc(50% - 40px);
	position: relative;
}
.bildundtext-box .image img{
	display: block;
	height: 100%;
	width: 100%;
	object-fit: cover;
	position: absolute;
	top: 0px;
}

.bildundtext-box .bildundtext-wrapper{
	display: flex;
	flex-wrap: wrap;
	gap: 80px;
}

.bildundtext-box .text-wrapper{
	width: calc(50% - 40px);
		padding-top: 100px;
	padding-bottom: 100px;
}

.bildundtext-box .content h2{
	font-size: 16px;
}

.bildundtext-box .content h3{
	font-size: 30px;
}

@media(max-width: 1400px){
	.bildundtext-box .bildundtext-wrapper{
		gap: 60px;
	}
	.bildundtext-box .text-wrapper,
	.bildundtext-box .image{
		width: calc(50% - 30px);
	}
	.bildundtext-box .text-wrapper{
		padding-top: 80px;
		padding-bottom: 80px;
	}
}
@media(max-width: 1200px){
		.bildundtext-box .content h3{
		font-size: 30px;
	}
	.bildundtext-box .text-wrapper{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.bildundtext-box .text-wrapper{
		width: 400px;
	}
	.bildundtext-box .image{
		width: calc(100% - 460px);
	}
}


@media(max-width: 950px){
	.bildundtext-box .text-wrapper, .bildundtext-box .image{
		width: 100%;
		
	}
	.bildundtext-box .image{
		padding-top: 40%;
	}

	.bildundtext-box .bildundtext-wrapper{
		gap: 0px;
	}
	.bildundtext-box .text-wrapper{
		padding-top: 40px;
		padding-bottom: 0px;
	}
	.bildundtext-box .bildundtext-wrapper{

		margin: auto auto;
	}
	
}

@media(max-width: 480px){{
	.bildundtext-box .content h3{
		font-size: 25px;
	}
}