.about {
width: 60%; /* 90% */
margin-top: 1em;
margin-left: auto; 
margin-right: auto;
overflow: hidden;
font-family: futura-pt, sans-serif; 
font-size: 1.5em;
font-weight: 300;   /* 300 + 400 + 500 + 600 + 700 */
letter-spacing: .1em;
line-height: 1.5em;    
}

.about {
width: 60%; /* 90% */
margin-top: 1em;
margin-left: auto; 
margin-right: auto;
overflow: hidden;
font-family: futura-pt, sans-serif; 
font-size: 1.3em;
font-weight: 300;   /* 300 + 400 + 500 + 600 + 700 */
letter-spacing: .1em;
line-height: 1.5em;    
}

/* iphone quer */
@media  (max-width: 50em) {
.about {
width: 90%; /* 90% */ 
font-size: 1.2em;
line-height: 1.3em;    
}
}
/* ipad hoch */
@media (min-width: 50.063em) and (max-width: 64em) {
.about {
width: 80%; /* 90% */ 
font-size: 1.25em;
line-height: 1.4em;    
}
}
/* ipad quer*/
@media (min-width: 64.063em) and (max-width: 80em) {
.about {
width: 70%; /* 90% */ 
font-size: 1.25em;
line-height: 1.4em;    
}
}

.about_small {
font-size: 0.85em;
line-height: 1.25em;    
}



.medium-5 {
position: relative;
width: 50%;
   
}

.lined-list li {
font-weight: 300;   /* 300 + 400 + 500 + 600 + 700 */
letter-spacing: .1em;
line-height: 1em; 
list-style-type: none;
border-bottom: 0px dotted #acb1b7; /* solid */
padding-top: 0.8em;
padding-bottom: 1em;
margin-left: 1em;
}
/* iphone hoch */
@media (max-width: 25em) {
.lined-list li {
font-size: 1em; 
}
}
/* smartphone_allgemein */
@media (min-width: 25.063em) and (max-width: 30em) {
.lined-list li {
font-size: 1.2em; 
}
}
/* iphone quer */
@media (min-width: 30.063em) and (max-width: 50em) {
.lined-list li {
font-size: 1.4em; 
}
}

/*
.lined-list li:first-child {
border-top: 1px dotted #acb1b7; 
}
*/

.columns {    
position: relative;
padding-left: 0em;
padding-right: 2em;
width: 100%;
float: left; /* spalte links oder rechts */
    
}

@media (min-width: 40.063em) {
.medium-5 {
position: relative;
width: 33%;
}

.text_about {
width: 90%;
padding-top: 0em;
font-size: 1.5em;
font-weight: 300;   /* 300 + 400 + 500 + 600 + 700 */
letter-spacing: .1em;
line-height: 1.5em;
}    
}
/* iphone quer */
@media  (max-width: 50em) {
.text_about {
font-size: 1em; 
line-height: 1.5em;
}
}
/* ipad hoch */
@media (min-width: 50.063em) and (max-width: 64em) {
.text_about {
font-size: 1.25em; 
line-height: 1.5em;
}
}