/**FRAGEN**/

#knmProductQA_intro.hidden,
#knmProductQA_sortButtons.hidden{
    display: none;
}
.knmProductQA_questionRowWrap {
    padding: .5rem 0;
}
.knmProductQA_questionRowWrap .knmProductQA_questionRow  {
    display:grid;
    grid-template-columns: minmax(60px,1fr) 11fr;
}
.knmProductQA_qa-feedback {
    display: grid;
    grid-template-columns: 1fr;
    align-content: center;
}

.knmProductQA_questionRow .knmProductQA_rateBubbles {
    display: grid;
    grid-template-rows: 1fr;
    justify-items: center;
    align-items: center;
    align-self: start;
}
.knmProductQA_rateBubbles .knmProductQA_rate {
    font-size: 30px;
    cursor:pointer;
    width: 100%;
    display: grid;
}
.knmProductQA_commentRowInAnswer,
.knmProductQA_answer-block.servant,
.knmProductQA_questionRow .knmProductQA_qa-table{
    display: grid;
    grid-template-columns: 130px auto;
}

.knmProductQA_replied_wrapper {
    text-align: right;
    padding-top: 2px;
}
button.knmProductQA_rateButton {
    box-shadow:none;
    border: 1px solid var(--secondary);
    border-radius: 3px;
    transition: background-color .3s;
}
button.knmProductQA_rateButton:hover {
    background-color: var(--primary);
}
button.knmProductQA_textButton {
    box-shadow:none;
    border:none;
}
button.knmProductQA_rateButton:hover {
    cursor: unset;
}
.knmProductQA_answer-reply:hover,
.knmProductQA_question-reply:hover,
.knmProductQA_reportAbuse:hover,
.knmProductQA_showAllAnswers:hover,
button.knmProductQA_rateButton:hover {
    cursor: pointer;
}

span.hidden {
    display:none !important;
}

/**Pagination**/
#knmProductQA_pagination {
    margin:auto;
}

/**MODAL**/
#knmProductQA_Modal .hidden {
    display:none !important;
}
#knmProductQA_abuse_reason,
#knmProductQA_abuse_txt,
#knmProductQA_Modal-question-answer {
    width:100%;
    padding: 10px;
}
#knmProductQA_modal_login-form--error {
    padding: 10px;
}
#knmProductQA_modal_abuse-form--post {
    width:100%;
    padding: 10px;
    border-radius: 0.125rem;
    border: 1px solid #707070;
}
#knmProductQA_modalContent label {
    cursor:pointer;
}

/*Missbrauch*/

#knmProductQA_modal_abuse-form--cb_signature,
#knmProductQA_modal_abuse-form--cb_privacy {
    padding-left: 1.5rem;
}

/**SPINNER**/
.jtl-spinner.knmProdQaSpinner {
    z-index: 1051;
}
.jtl-spinner.knmProdQaSpinner i {

}
.knmProductQA_qVariations {
    font-size: 12px
}


/*******alternatives Layout DESKTOP********/

.knmProductQA_altDesktopLayout  .knmProductQA_qa-table {
    display: grid;
    grid-template-columns: 140px auto;
}

.knmProductQA_altDesktopLayout .knmProductQA_replied_wrapper {
    padding-top: 0;
}

.knmProductQA_altDesktopLayout .knmProductQA_qa-table.knmProductQA_qa-headRow {
    margin-bottom:1rem;
    border-style: dotted;
    border-color: var(--primary);
    border-width: 0 0 0 1px;
}

.knmProductQA_altDesktopLayout .knmProductQA_qa-table.knmProductQA_qa-headRow.knmProductQA_no_border {
    border-width: 0;
}

.knmProductQA_altDesktopLayout .knmProductQA_qa-table.knmProductQA_qa-headRow .knmProductQA_stringQuestion {
    padding-left: 2rem;
}

.knmProductQA_altDesktopLayout .knmProductQA_qa-table .knmProductQA_commentData,
.knmProductQA_altDesktopLayout .knmProductQA_qa-table .knmProductQA_answerData {
    padding-bottom:1rem;
    padding-left: 2rem;
}
.knmProductQA_altDesktopLayout .knmProductQA_qa-table .knmProductQA_commentTitle,
.knmProductQA_altDesktopLayout .knmProductQA_qa-table .knmProductQA_answerTitle  {
    position: relative;
}
.knmProductQA_altDesktopLayout .knmProductQA_qa-table .knmProductQA_commentTitle::before,
.knmProductQA_altDesktopLayout .knmProductQA_qa-table .knmProductQA_answerTitle::before  {
    position: absolute;
    top: 0;
    z-index: 1;
    left: -2rem;
    content: "";
    width: 1.5rem;
    height: 100%;
    border-style: dotted;
    border-color: var(--primary);
    border-width: 0 0 0 1px;
}
.knmProductQA_altDesktopLayout .knmProductQA_qa-table .knmProductQA_commentTitle::after,
.knmProductQA_altDesktopLayout .knmProductQA_qa-table .knmProductQA_answerTitle::after  {
    position: absolute;
    top: 50%;
    z-index: 1;
    left: -2rem;
    content: "";
    width: 1.5rem;
    height: 1px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABZJREFUeNpi2r9//38gYGAEESAAEGAAasgJOgzOKCoAAAAASUVORK5CYII=);

}
.knmProductQA_altDesktopLayout .knmProductQA_qa-table.knmProductQ_answer-iteration,
.knmProductQA_altDesktopLayout .knmProductQA_qa-table.knmProductQ_answer-iteration-5 {
    padding-left:9.5rem;
}
.knmProductQA_altDesktopLayout .knmProductQA_qa-table.knmProductQ_answer-iteration-4 {
    padding-left:8rem;
}
.knmProductQA_altDesktopLayout .knmProductQA_qa-table.knmProductQ_answer-iteration-3 {
    padding-left:6.5rem;
}
.knmProductQA_altDesktopLayout .knmProductQA_qa-table.knmProductQ_answer-iteration-2 {
    padding-left:5rem;
}
.knmProductQA_altDesktopLayout .knmProductQA_qa-table.knmProductQ_answer-iteration-1 {
    padding-left:3.5rem;
}

.knmProductQA_altDesktopLayout .knmProductQA_aBlock,
.knmProductQA_altDesktopLayout .knmProductQA_qBlock,
.knmProductQA_altDesktopLayout .knmProductQA_cBlock {
    display: grid;
    grid-template-columns: auto 180px;
}

.knmProductQA_altDesktopLayout .knmProductQA_reply_wrap {
    display: grid;
    grid-template-columns: repeat(4, 34px);
    grid-gap: 0.5rem;
    direction: rtl;
}
.knmProductQA_altDesktopLayout .btn-knmProductQA-small{
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
    font-size: 12px;
}
.knmProductQA_altDesktopLayout .knmProductQA_toggleBtn {
    display: none;
}

/*******alternatives Layout MOBIL********/


.knmProductQA_altMobileLayout .knmProductQA_questionRowWrap .knmProductQA_questionRow
{
    grid-template-columns: 40px auto;
    grid-column-gap: .5rem;
}
/*String 'Stimmen'*/
.knmProductQA_altMobileLayout .knmProductQA_rateString {
    display: none;
}

/*Sortierbuttons*/
.knmProductQA_altMobileLayout .knmProductQA_sortButtonsWrap {
    display: grid;
    grid-template-columns: 1fr;
    border-bottom: 1px solid #ebebeb;
}
.knmProductQA_altMobileLayout .knmProductQA_sortButtons-title {
    display: none;
}
.knmProductQA_altMobileLayout .knmProductQA_sortButtons-sort-button-group {
    display: flex;
}
.knmProductQA_altMobileLayout #knmProductQA_sortButtonDate {
    margin-left: auto;
}

/*Button Frage zum Produkt - falls vorhanden*/
.knmProductQA_altMobileLayout .knmProductQA_sortButtons-ask-button {
    padding-top: .5rem;
}
.knmProductQA_altMobileLayout .knmProductQA_sortButtons-ask-button button {
    width: 100%;
}

/* Frage/Antwort/Kommentar - Container*/
.knmProductQA_altMobileLayout .knmProductQA_questionRow .knmProductQA_qa-table.knmProductQA_qa-headRow {

    padding-left: 0;
}
.knmProductQA_altMobileLayout .knmProductQA_questionRow .knmProductQA_qa-table {
    grid-template-columns: 1fr;
    grid-row-gap: .5rem;
    padding-left: 2rem;
    border-bottom: 1px solid #ebebeb;
    position: relative;
    top: 0;
    left: 0;
    padding-top: .5rem;
}

.knmProductQA_altMobileLayout .knmProductQA_stringQuestion {
    border-bottom: 1px solid #ebebeb;
}

.knmProductQA_altMobileLayout .knmProductQA_reply_wrap {
    display: grid;
    grid-template-columns: repeat(4, 34px);
    grid-gap: 0.5rem;
    direction: rtl;
}
.knmProductQA_altMobileLayout .btn-knmProductQA-small{
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
    font-size: 12px;
}
.knmProductQA_altMobileLayout .knmProductQA_toggleBtn {
    display: none;
}

.knmProductQA_altMobileLayout .knmProductQA_answerActions,
.knmProductQA_altMobileLayout .knmProductQA_qActions {
    padding-top: .5rem;
}

.knmProductQA_altMobileLayout .knmProductQA_qa-table.knmProductQ_answer-iteration,
.knmProductQA_altMobileLayout .knmProductQA_qa-table.knmProductQ_answer-iteration-5,
.knmProductQA_altMobileLayout .knmProductQA_qa-table.knmProductQ_answer-iteration-4 ,
.knmProductQA_altMobileLayout .knmProductQA_qa-table.knmProductQ_answer-iteration-3 {
    padding-left:5rem;
}
.knmProductQA_altMobileLayout .knmProductQA_qa-table.knmProductQ_answer-iteration-2 {
    padding-left:4rem;
}
.knmProductQA_altMobileLayout .knmProductQA_qa-table.knmProductQ_answer-iteration-1 {
    padding-left:3rem;
}
.knmProductQA_altMobileLayout .knmProductQA_qa-table .knmProductQA_commentTitle,
.knmProductQA_altMobileLayout .knmProductQA_qa-table .knmProductQA_answerTitle  {
    position: relative;
}
.knmProductQA_altMobileLayout .knmProductQA_qa-table .knmProductQA_commentTitle::before,
.knmProductQA_altMobileLayout .knmProductQA_qa-table .knmProductQA_answerTitle::before  {
    position: absolute;
    top: 0;
    z-index: 1;
    left: -2rem;
    content: "";
    width: 1.5rem;
    height: 100%;
    border-style: dotted;
    border-color: var(--primary);
    border-width: 0 0 0 1px;
}
.knmProductQA_altMobileLayout .knmProductQA_qa-table .knmProductQA_commentTitle::after,
.knmProductQA_altMobileLayout .knmProductQA_qa-table .knmProductQA_answerTitle::after  {
    position: absolute;
    top: 50%;
    z-index: 1;
    left: -2rem;
    content: "";
    width: 1.5rem;
    height: 1px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABZJREFUeNpi2r9//38gYGAEESAAEGAAasgJOgzOKCoAAAAASUVORK5CYII=);
}

/**snacky**/
.knmProductQA_template_snackys #knmProductQA_Modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050 !important;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
}
.knmProductQA_template_snackys .knmProductQA_qa-question-on-item {
    padding: 0;
    margin-left: .5rem;
}
.knmProductQA_template_snackys .knmProductQA_qa-question-on-item .knmProductQA_qa-question-button {
    padding: 1rem;
    min-width: 3rem;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
}
.knmProductQA_template_snackys .knmProductQA_qa-question-on-item .knmProductQA_qa-question-button.btn-link:focus,
.knmProductQA_template_snackys .knmProductQA_qa-question-on-item .knmProductQA_qa-question-button.btn-link:hover {
    text-decoration: none;
}

.knmProductQA_template_snackys .knmProductQA_qa-question-on-item .knmProductQA_qa-question-button .knmProductQA_button-text {
    display:none;
}

.knmProductQA_template_snackys #knmProductQA_Modal .modal-header button[data-dismiss="modal"] {
    margin-left:auto;
}

.knmProductQA_template_snackys #knmProductQA_Modal .custom-control-label::before {
    top:0;
}
.knmProductQA_template_snackys #knmProductQA_Modal #form-group-label-knmProductQA_Modal-question-answer-form--phone_number {
    padding-left: 0 !important;
    padding-top: .5rem !important;
}

.knmProductQA_template_snackys.knmProductQA_altMobileLayout .knmProductQA_reply_wrap,
.knmProductQA_template_snackys.knmProductQA_altDesktopLayout .knmProductQA_reply_wrap {
    grid-template-columns: repeat(4, 3rem);
    grid-gap: 0.25rem;
}
.knmProductQA_template_snackys.knmProductQA_altMobileLayout .knmProductQA_reply_wrap button,
.knmProductQA_template_snackys.knmProductQA_altDesktopLayout .knmProductQA_reply_wrap button {
    border-radius: 50%;
    border-width: 0;
    height: 3rem;
}
.knmProductQA_template_snackys.knmProductQA_altMobileLayout .knmProductQA_aBlock,
.knmProductQA_template_snackys.knmProductQA_altMobileLayout .knmProductQA_qBlock,
.knmProductQA_template_snackys.knmProductQA_altMobileLayout .knmProductQA_cBlock,
.knmProductQA_template_snackys.knmProductQA_altDesktopLayout .knmProductQA_aBlock,
.knmProductQA_template_snackys.knmProductQA_altDesktopLayout .knmProductQA_qBlock,
.knmProductQA_template_snackys.knmProductQA_altDesktopLayout .knmProductQA_cBlock {
    grid-template-columns: auto calc(4*3.25rem);
}

.knmProductQA_template_snackys .knmProductQA_rate.knmProductQA_rateMinus .fa-caret-down {
    background-image: none;
    width: 100%;
    height: auto;
}
.knmProductQA_template_snackys .knmProductQA_rate.knmProductQA_rateMinus .fa-caret-down::before {
    display:inline-block;
}


/***AVIA***/
.knmProductQA_template_aviachild .product-actions .knmProductQA_button-text {
    display: none;
}
.knmProductQA_template_aviachild .knmProductQA_qa-question-button .fa.fa-question-circle {
    font-weight: 400;
}
.knmProductQA_template_aviachild .knmProductQA_qa-question-on-item.question-on-item {
    padding: 0 0 0 .3125rem !important;
}
.knmProductQA_template_aviachild.is-mobile .knmProductQA_qa-question-on-item.question-on-item {
    padding: 0 !important;
}
.knmProductQA_template_aviachild #knmProductQA_Modal .modal-header .close {
    z-index: 1;
}
