body { font-family: 'Open Sans Condensed', sans-serif; font-size:150%; font-weight: 300; line-height: 1.4em; }
a { color:#6d819e; text-decoration: none; }
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }
.clearfix::after { content: ""; clear: both; display: table; }
.contentContainer { width:100%; max-width:1200px; margin:0 auto; }
.contentContainer.login { text-align: center;}
.videoContainer { float:left; width:70%; }
.chatContainer { float:right; width:30%; }
.headlineContainer { text-align: center; margin:0 0 60px 0; }
.logoContainer { text-align: center; margin:40px 0 40px 0; }
.logoContainer img { width:98%; height:auto; max-width:300px; }
.textContainer { margin:40px auto 0 auto; }
h1, h2, h3, h4, h5, h6 { font-weight: 100; line-height: 1.5em; }
.footerContainer { background-color: #ddd; }
.footer { width:100%; max-width:1200px; margin:60px auto 0 auto; line-height: 60px; font-size: 80%; text-align: right; }
.footer a { display: inline-block; padding:0 20px; }
.qaContainer { width:100%; margin:40px auto 0 auto; }
.qaForm div { line-height: 40px; margin:15px 0; }
.qaForm label { width:10%; float:left; display: block;}
.qaForm input { border:1px solid #000; width:88%; float:right; line-height: 40px; }
.submitButton { width:96%; max-width:200px; line-height: 40px; text-align: center; background-color: #666; color:#fff; margin:20px auto; cursor:pointer; }
.response { text-align: center; }
.red { color:red; }

.qas {  }
.row { display: inline-grid; grid-template-columns:10% 50% 20% 10%; width:100%; }
.row div { padding:10px 10px; border-style: solid; border-color:#aaa; border-width:0px; border-bottom-width: 1px; border-right-width: 1px; }
.row div span { display:inline-block; line-height: 60px; padding:0 5px; color:#aaa; cursor:pointer; font-size:150%; }
.row div span.icon-check.gesetzt { color:green; }
.row div span.icon-archive.gesetzt { color:black; }
.row div:nth-of-type(1) {  }
.row div:last-of-type { border-right-width: 0px; }

.color { background-color: #6d819e; padding: 30px 0 25px 0; }
.logos div { float:left; text-align: center; width:30%; margin:60px 1.5% 0 1.5%; }
.logos div img { width:100%; height:auto; }
input, button { width:100%; max-width:300px; }
button { background-color: #6d819e; border:none; line-height: 40px; color:#fff; }
.red { color:red; }
.spende { text-align: center; margin:60px 0; }
iframe { width:100%; height:360px; }

@media screen and (max-width:1200px)	{
    .textContainer, .qaContainer, .headlineContainer { width:96%; }
}
@media screen and (max-width:970px)	{
    .videoContainer { float:none; width:100%; margin-bottom:40px; }
    .chatContainer { float:none; width:100%; }
    .qaForm label { width:20%; }
    .qaForm input { width:78%; }
}
@media screen and (max-width:600px)	{
    body { font-size: 120%; }
    h1 { font-size: 160%; }
}
@media screen and (max-width:480px)	{
    .videoContainer { margin-bottom:20px; }
    .logoContainer { margin:0 0 20px 0; }
    .logoContainer img { width:60%; height:auto; max-width: none; }
    .logos div { float:none; width:50%; margin:20px auto 0 auto; }
}
@media screen and (max-width:390px)	{
    .qaForm label { display:none; }
    .qaForm input { width:100%; float:none; }
}