/* CSS Document */
#aenderung, #massschuhe, #diabetiker, #sport, #sensomotorik, #kompression {width:200px; display:block;}
/* === Kopf === */
.seiten-header{
	padding-top:6px;
	padding-bottom:6px;}
.seiten-header h1,
.seiten-header h2 {
	margin:0;}
	
/* === inhalt === */
.text-box{
	background-color:rgba(200,255,100,0.2); 
	-moz-border-radius: 1.5em/1.0em; 
	-webkit-border-radius: 1.5em/1.0em;
	border-radius: 1.5em/1.0em;
	box-shadow:1px 1px 2px rgba(200,200,200,.8);
	margin:10px;
	padding:10px;}
	
.bild-klein,
.bild-mittel, 
.bild-gross{
	box-shadow:1px 1px 0 rgba(0,0,0,.3);
	padding: 2px; /*wirkt als weißer Rahmen*/
	display:block;
	background-color: rgba(250,250,250,1);}
.bild-klein,
.bild-mittel{
	width:124px;}
.rahmen-klein,
.rahmen-mittel{
	width:128px;}
.hoehe {
	height:130px;}
.bild-gross{
	width:204px;}
.rahmen-gross{
	width:208px;}
	
.rahmen-klein,
.rahmen-mittel,
.rahmen-gross {
	margin:10px 20px;}
	
figure{
	margin-bottom:20px;}
	
/* === Bildschirmanpassung === */	
@media (min-width:320px){
	#oben, 
	#aenderung,
	#massschuhe,
	#diabetiker, 
	#sport, 
	#sensomotorik,
	#kompression {
		height:110px;}
	.logo{
		width:100px;}
	.seiten-header h2 {
		padding-top:6px;}
	.row > h2, .row > h3 {
		margin-left:10px;}
	
	.text-box > h3, .text-box > h5 {
		margin-top:0px;}
	.text-box h5:last-child,
	.text-box p:last-child, 
	.text-box ul:last-child, 
	.text-box address:last-child{
		margin-bottom:0;}
	ul {
		padding-left:20px;}	
}

@media (min-width:480px){
	#oben, 
	#aenderung,
	#massschuhe,
	#diabetiker, 
	#sport, 
	#sensomotorik,
	#kompression {
		height:90px;}
	.seiten-header .col-xs-8{
		padding-left:0;
		padding-right:0;}
	.bild-mittel {
		width:164px;}	
	.rahmen-mittel{
		width:168px;}
	.hoehe {
	    height:150px;}
	.bild-gross{
		width:244px;}
	.rahmen-gross{
		width:248px;}

}

@media (min-width:768px){
	#oben, 
	#aenderung,
	#massschuhe,
	#diabetiker, 
	#sport, 
	#sensomotorik,
	#kompression {
		height:110px;}
	.logo{
		width:130px;}
	.seiten-header h1 {
		padding-top:22px;
		padding-left:30px;}
	.seiten-header h2 {
		padding-top:24px;}
	.text-box p,
	.text-box ul {
		margin-left:8px;}
	.bild-klein,
	.bild-mittel, 
	.bild-gross{
		margin-top:10px;
		padding:3px;}
	.bild-klein{
		width:136px;}
	.rahmen-klein{
		width:140px;}
	.bild-mittel {
		width:166px;}	
	.rahmen-mittel{
		width:170px;}
	.hoeheH {
		height:320px;}	
	.bild-gross{
		width:306px;}
	.rahmen-gross{
		width:310px;}
	
}

@media (min-width:992px){
	#sensomotorik,
	#kompression {
		height:50px;}
	.logo{
		width:150px;}
	.seiten-header h1 {
		padding-top:24px;}
	.seiten-header h2 {
		padding-top:28px;
		}
	.text-box h5,
	.text-box p,
	.text-box ul {
		margin-left:12px;}
	.text-box h5 + ul {
		margin-left:24px;}
	.text-box address > ul{
		margin-left:0;}
	.bild-mittel {
		width:206px;}
	.rahmen-mittel{
		width:210px;}
	.hoehe {
		height:180px;}
	.hoeheH {
		height:380px;}
	.bild-gross{
		width:326px;}
	.rahmen-gross{
		width:330px;}
	
}

@media (min-width:1200px){
	#oben, 
	#aenderung,
	#massschuhe,
	#diabetiker, 
	#sport, 
	#sensomotorik,
	#kompression {
		height:140px;}
	.logo{
		width:160px;}
	.seiten-header h1 {
		font-size:1.4em;
		padding-top:30px;}
	.seiten-header h2 {
		padding-top:34px;
		}
	.bild-klein {
		width:166px;}
	.rahmen-klein {
		width:170px;}
	.bild-mittel{
		width:246px;}
	.rahmen-mittel{
		width:250px;}
	.hoehe {
		height:200px;}
	.hoeheH {
		height:470px;}		
	.bild-gross{
		width:406px;}
	.rahmen-gross{
		width:410px;}
	
}

@media (min-width:1501px){ 
	#oben, 
	#aenderung,
	#massschuhe,
	#diabetiker, 
	#sport, 
	#sensomotorik,
	#kompression {
		height:150px;}
	.logo{
		width:160px;}	
	div.row div:nth-child(3) img{
		margin-left:0px;}
	.text-box {
		margin:10px;}
	.text-box p {
		padding:0px 20px 10px;
		margin:0;}
	.text-box p + address {
		margin-top:-10px;}
	.text-box h5{
		padding:10px 20px;  
		line-height: 1.4;}
	.text-box p:first-child {
		padding:20px 20px;}
	.text-box address ul {
		list-style:none;}
	.bild-gross{
		width:486px;}
	.rahmen-gross{
		width:490px;}
}