/* CSS Document Inhaltsseiten*/
#aenderung, #massschuhe, #diabetiker, #sport, #sensomotorik {
    width:200px; display:block;}

/* === Kopf === */
.seitenHeader{
    padding-top:2px;
    padding-bottom:2px;}
.seitenHeader h1,
.seitenHeader h2 {
	margin:0;}
	
/* === inhalt === */
.zentriert {
    margin: 0 auto;}
.hintergrundWeiss {
    background-color:rgba(255,255,255,1);}
section {
	margin-top:40px;}
	
	
/* === Bildschirmanpassungen === */
@media (max-width:599px){
	#oben, 
	#aenderung,
	#massschuhe,
	#diabetiker,
    #bandagen {
        display:inline-block;
		height:110px;}
    #sport,
    #sensomotorik,
    #kompression {
        display:block;
        height:0px;}
    
	.logo{
		width:100px;}
	.seitenHeader h2 {
		padding-top:6px;}
    
	ul {padding-left:20px;}
    .datenschutzEinrueckung{
        padding-left:10px;}
    div.datenschutzEinrueckung h3,
    div.datenschutzEinrueckung h4 {
        padding-left:10px;}
    div.datenschutzEinrueckung p {
        padding-left:30px;}
    div.datenschutzEinrueckung h5 {
        padding-top:20px;}
    div.eingeruecktH h3.eingeruecktH {
        margin-top:10px;}
}

@media (min-width:600px){
    #oben,
	#aenderung,
	#massschuhe,
	#diabetiker,
    #bandagen {
		height:120px;}
    
    .logo{
        width:120px;}
    .seitenHeader .col-xs-8{
		padding-left:0;
		padding-right:0;}
        
    .datenschutzEinrueckung{
        padding-left:10px;}
    div.datenschutzEinrueckung h3,
    div.datenschutzEinrueckung h4 {
        padding-left:10px;}
    div.datenschutzEinrueckung p {
        padding-left:30px;}
    div.datenschutzEinrueckung h5 {
        padding-top:20px;}
    div.eingeruecktH h3.eingeruecktH {
        margin-top:10px;}
}

@media (min-width:768px){
    #oben,
	#aenderung,
	#massschuhe,
	#diabetiker,
    #bandagen {
		height:120px;}
    
	.logo{
		width:130px;}
	.seitenHeader h1 {
		padding-top:22px;
		padding-left:30px;}
	.seitenHeader h2 {
		padding-top:24px;}
    
    div.datenschutzEinrueckung h3,
    div.datenschutzEinrueckung h4 {
        padding-left:30px;}
    div.datenschutzEinrueckung p,
    div.datenschutzEinrueckung h5 {
        padding-left:50px;}
}

@media (min-width:1024px){
    #oben,
    #aenderung,
    #massschuhe,
    #diabetiker,
    #bandagen {
        height:150px;}
    
	.logo{
		width:150px;}
	.seitenHeader h1 {
		padding-top:24px;}
	.seitenHeader h2 {
		padding-top:28px;}
}

@media (min-width:1280px){
	.logo{
		width:160px;}
	.seitenHeader h1 {
		font-size:1.4em;
		padding-top:30px;}
	.seitenHeader h2 {
		padding-top:34px;}
}

@media (min-width:1501px){
	.logo{
		width:160px;}
}