* {
	box-sizing: border-box;
}

.steckbrief {
	border: 6px ridge burlywood;
	width: 60%;
	max-width: 1000px;
	margin: auto;
	height:auto;
	position: static;
}

.steckbrief p {
	width: 60%;
	padding-left: 15px;
	display: inline-block;
}

.logo {
	background: url(../bilder/Logo.png) no-repeat center;
	background-size: contain;
}

.steckbrief::after{
	content: "";
	clear: both;
	display: table;
}



/* Small devices (kleiner als 768px) */
@media only screen and (min-width: 0px) {
	.steckbrief{
		width:100%;
	}
	
	.steckbrief p{
		width: 100%;
	}
	
	.logo {
		text-align: center;
		max-width: 100%;
		margin: auto;
		height: 200px;
	}
} 

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
	.steckbrief p{
		width:55%;
	}
	
	.logo{
		float:right;
		width: 45%;
		height:300px;
	}
} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {


} 

@media only screen and (min-width: 1200px) {


}