﻿
.qa { padding:150px 170px 50px 170px; }
.qa h3 { font-size:40px;line-height:40px }
.qa h2 { font-size:50px;line-height:50px;font-weight:bold;margin-bottom:71px }
.qa .qa_info h4 { font-size: 40px;line-height:40px; font-weight: bold; margin-bottom:10px }
.qa .qa_head h5 { font-size:22px;line-height:24px;font-style:italic;position:absolute;top:50%;transform: translateY(-50%);text-align:center;width:90% }
.qa_head:hover { color:#F27405;border-color:#F27405; }
.qa_head:hover h5 { font-weight:bold; }
.qa_head > span { position:absolute;bottom:-60px;color:#F27405;font-size:40px;line-height:40px;left:50%;margin-left:-10px }
.qa_head { border-radius: 10px;border: 1px solid #D0D5DC; padding:20px;height:140px;background-color:#EFF3F5;margin-bottom:10px;cursor:pointer;position:relative;overflow:hidden}
.qa_text > div { background-color:#EFF3F5;padding:0px 50px 30px 50px;}
.qa_text { display:none;border-radius: 10px;border: 1px solid #D0D5DC;padding:10px;margin-bottom:10px; }
.qa_text .icon-schliessen { margin:0px auto;display:block;border-radius:0px 0px 30px 30px;width:60px;height:30px;background-color:white;text-align:center;cursor:pointer }

.qa_info { width: 50%;float:left; }
.faq_ohneBild .qa_info { width:100%;padding:50px 20px 20px 20px; }

.qa_info img { max-width:100% }
.qa_info .text { font-size: 22px; line-height: 32px; }



@media screen and (max-width: 1500px) {
    .qa .qa_info h4 { font-size: 35px;line-height:35px; }
    .qa_text > div { padding:0px 25px 20px 25px;}
    .qa_info { padding-top:30px }
}

@media screen and (max-width: 1199px) {
    .qa { padding:100px 80px 0px 80px }
    .qa h3 { font-size:30px;line-height:30px }
    .qa h2 { font-size:35px;line-height:35px;margin-bottom:26px;margin-top:6px }
    .qa .qa_info h4 { font-size: 35px;line-height:35px; }
    .qa .qa_head h5 { font-size:22px;line-height:22px; }
}

@media screen and (max-height: 900px) {
    .fp-tableCell > div { padding:20px; }
    .qa_head { height:80px;}    
    .qa_head > span { font-size:25px;line-height:25px; }
}

@media screen and (max-width: 1020px) { 
    .qa { padding:80px 50px 0px 50px }
    .qa h3 { font-size:40px;line-height:40px }
    .qa h2 { font-size:40px;line-height:40px;margin-bottom:26px;margin-top:6px }
    .qa_info .text { font-size: 20px;line-height:20px; line-height: 28px; }
    .qa_info { width:100%;float:none;padding:50px 20px 20px 20px; }
    
    .qa_head:hover h5 { font-weight:normal; }
    .qa_head > span { display:none }
}

@media screen and (max-width: 650px) {
    .qa { padding:80px 20px 0px 20px }
    .qa h3 { font-size:35px;line-height:35px }
    .qa h2 { font-size:35px;line-height:35px; }
    .qa .qa_info h4 { font-size:22px;line-height:22px; }
    .qa .qa_head h5 { font-size:17px;line-height:17px;width:90% }
    .qa_info { padding:20px 5px 10px 5px }
    .qa_info .text { font-size: 17px; line-height: 24px; }
    .qa_text > div { padding:0px 10px 10px 10px;}
}

@media screen and (max-width: 420px) {
    .qa h3 { font-size:30px;line-height:30px }
    .qa h2 { font-size:30px;line-height:30px; }
}

@media screen and (max-width: 400px) {
    .qa .qa_head h5 { width:80% }
}

@media screen and (max-width: 350px) {
    .qa h3 { font-size:26px;line-height:26px }
    .qa h2 { font-size:26px;line-height:26px; }
    .qa .qa_info h4 { font-size:20px;line-height:20px; }
    .qa_info .text { font-size: 16px; line-height: 22px; }
}