/* CSS-Styles fuer die Druckansicht im Pflege-Navigator */

/********************** Allgemeine CSS-Print-Angaben  *************************/

    @page {
        size: 1250px 1767.5px;
        margin: 1cm 0cm;
    }
    
    html, body {
        width: 1250px;
    }
    body {
        margin: 0 auto;
        padding: 0 1.5cm;
    }
    
    *, *:before, *:after {
        background-color: transparent !important;
        color: black !important;
        box-shadow: none !important;
    }
    
    .searchresult_title_row .title {
        padding: 0 !important;
    }
    
    #breadcrumb {
        margin: 0 !important;
    }
    
    #breadcrumb ol {
        display: block !important;
    }
    
    #breadcrumb ol li:first-of-type {
        padding: 0 !important;
    }
    
    #breadcrumb ol li {
        display: inline-block !important;
        max-width: initial !important;
    }
    
    #breadcrumb ol li,
    #breadcrumb ol li a {
        padding: 0 !important;
        text-align: left !important;
    }
    
    #breadcrumb ol li:after {
        background-color: transparent !important;
        content: "/";
        position: static;
        padding-left: 5px;
        margin-right: 5px;
        transform: none;
        display: inline-block !important;
    }
    
    .searchresult_list_header_wrapper {
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 0 !important;
        border-bottom: 1px solid black !important;
    }
    
    #headline_pdf_export {
        margin-left: 0 !important;
        padding-left: 0 !important;
    }
    
    .sortierung_wrapper {
        display: inline-block !important;
    }
    
    .sortierung_wrapper label {
        display: inline-block !important;
        width: auto !important;
        max-width: initial !important;
        margin-right: 0px !important;
    }
    
    .sortierung_wrapper select {
        display: inline-block !important;
        width: auto !important;
    }
    
    .searchresult_list_footer_wrapper {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    #inputelement_sortierung {
        border: none !important;
        background: none !important;
    }
    
    .searchresult_title_row .title .headline h1,
    .searchresult_title_row .title .headline h1:before {
        color: black !important;
        font-size: 1.2rem !important;
    }
    
    .distanceDirect:before {
        font-size: 1.2rem !important;
    }
    
    #searchresult_list_content {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        padding: 0 !important;
    }
    
    .searchresult_list_item {
        border-bottom: 1px solid black !important;
        box-shadow: none !important;
        width: 50% !important;
        max-width: 50% !important;
        flex: 0 0 auto !important;
        margin: 0 !important;
    }
    
    .searchresult_list_item:last-of-type {
        margin-bottom: 0 !important;
    }
    
    .searchresult_content_row {
        justify-content: space-between !important;
        max-width: 100% !important;
        width: 100% !important;
    }
    
    .searchresult_bottom_row {
        display: none !important;
    }
    
    .searchresult_list_item:nth-of-type(odd) {
        border-right: 1px solid black;
    }
    
    .searchresult_list_item:nth-of-type(even) {
        padding-left: 30px !important;
    }
    
    .searchresult_list_item_img {
        min-width: 100%;
        display: flex;
        align-items: left;
    }
    
    .searchresult_list_item > .searchresult_content_row > .searchresult_list_item_img .searchresult_list_item_img_text {
        margin-top: 0 !important;
    }
    
    .searchresult_list_item_address {
        flex: 0 1 auto !important;
        max-width: 55% !important;
    }
    
    .searchresult_list_item_information {
        flex: 0 1 auto !important;
        max-width: 45% !important;
        padding: 0 !important;
    }
    
    .searchresult_additional_row .additional_row_content,
    .searchresult_additional_row_qb .additional_row_content {
        border-top: 1px dashed black !important;
        max-width: calc(100% - 5px) !important;
        padding: 5px 0px !important;
    }
    
    .einzelnote {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        justify-content: flex-start !important;
        align-items: flex-start !important;
        max-width: calc(100% / 12 * 12) !important;
        margin: 0 !important;
    }
    
    .einzelnote .iconWrap {
        max-width: 5% !important;
    }
    
    .einzelnote .iconWrap .icon {
        width: 100% !important;
        min-height: 30px !important;
        height: initial !important;
        display: block !important;
        background-position: top center;
    }
    
    .einzelnote .labelSpan {
        max-width: 90% !important;
        flex: 0 1 auto !important;
    }
    
    .einzelnote .grade {
        max-width: 100% !important;
        flex: 0 1 auto !important;
        display: inline !important;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-end;
    }
    
    .grade .nogradeText {
        display: block !important;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-end;
    }
    
    .nogradeText div {
        max-width: 25% !important;
        display: inline !important;
    }
    
    .nogradeText div span {
        max-width: 50% !important;
        flex: 1 1 auto !important;
    }
    
    .kostenschaetzung .kostenschaetzung {
        display: none !important;
    }
    
    .inactiveKsMessage {
        display: none !important;
    }
    
    .tooltipTrigger_qmark_dark {
        display: none !important;
    }
    
    .ksProfileLine {
        width: 100%  !important;
        margin: 0 !important;
    }
    
    .ksProfileLineLinkWrapper {
        max-width: 60% !important;
        padding: 0 !important;
        flex: 0 1 auto !important;
    }
    
    .ksProfileLinePrice {
        max-width: 40% !important;
        padding: 0 !important;
        flex: 0 1 auto !important;
    }
    
    #comparelist_content_wrapper,
    #comparelist_ks_content_wrapper {
        margin: 0 !important;
        padding: 0 !important;
    }
    
    #aokHeaderWrapper,
    #aokHeaderPlacement,
    #menuWrapper,
    #formSearchPhn,
    .buttonLink,
    #map_list_switcher_wrapper,
    .searchresult_list_noItem,
    .addRowTopLinkWrapper,
    .searchresult_list_footer,
    .meinungContainer,
    .weitereAngeboteContainer,
    .footerWrapper,
    .detail_footer,
    .disclaimerPermanentCookie,
    .tb_header_link_print,
    .tb_header_link_pdf,
    .qbModal_button,
    .merklisteDelete,
    .merklisteDeleteText,
    .searchresult_list_item_img > a {
        display: none !important;
    }
    
    body .searchresult_list_wrapper .searchresult_list_header_wrapper {
        margin-top: 0 !important;
    }
    
    body #comparelist #comparelist_content_wrapper #headline_container .headlineRightCorner #comparelistSwitcher,
    body #comparelist #comparelist_content_wrapper #list_content #searchresult_list_content .searchresult_list_item .searchresult_title_row .titleRowRightCorner,
    body .searchresult_list_wrapper #searchresult_list_content .searchresult_list_item .searchresult_bottom_row {
        display: none !important;
    }

/*********** CSS-Angaben für Detail-Seite + TB *******/

#detailpage {
    padding: 0cm !important;
}

.dropDownContainer {
    border-bottom: 1px solid black !important;
    page-break-inside: avoid !important;
}

.pflegekarteWrapper {
    padding: 0px !important;
}

.pflegekarteWrapper * {
    border-color: black !important;
}

#detailpage .dropDownContainer .clickDrop {
    padding: 1rem 0rem !important;
}

.catContent * {
    border-color: black !important;
}

.infoBar_2017, .infoBar_2014, .infoBar_2009 {
    border-right: 2px solid black;
}

#detailpage .dropDownContainer .categoryWrapper .catContent {
    padding-left: 0cm !important;
    padding-right: 0cm !important;
}

#detailpage .dropDownContainer .categoryWrapper[id^="tpbericht"] .catContent {
    padding: 0 2rem !important;
}

.pflegekarte {
    padding-left: 1.85rem !important;
}

.greyBlock {
    border: 1px solid black !important;
    border-right: none !important;
}

.firstBlock .leftSide {
    border-right: none !important;
}

.firstBlock .mainBlock {
    border-left: none !important;
    border-right: none !important;
    background-color: white !important;
}

.firstBlock .rightSide {
    border-left: none !important;
}

.qpr_description, .scoreTitle {
    background-color: white !important;
}

.secondaryScoreBubble {
    background-color: white !important;
}

.secondBlock .mainBlock {
    border-left: none !important;
}

.ue {
    border-left: 1px solid black;
    border-bottom: 1px solid black;
}

.scoreColor_1, .scoreColor_2, .scoreColor_3, .scoreColor_4, .scoreColor_5 {
    background-color: white !important;
}

.qprInfoIcon {
    display: none !important;
}

.back_to_pflegekarte {
    display: none !important;
}

.grundlage {
    border-right: 1px solid black;
    border-top: 1px solid black;
}

.imageQpr_nursinghome_B1 {
    background-image: url("../images-qpr/versorgung_print.svg");
}

.imageQpr_nursinghome_B2 {
    background-image: url("../images-qpr/demenz_print.svg");
}

.imageQpr_nursinghome_B3 {
    background-image: url("../images-qpr/betreuung_print.svg");
}

.imageQpr_nursinghome_B4 {
    background-image: url("../images-qpr/wohnen_print.svg");
}

.imageQpr_careservice_B1 {
    background-image: url("../images-qpr/versorgung_print.svg");
}

.imageQpr_careservice_B2 {
    background-image: url("../images-qpr/arztPflege_print.svg");
}

.imageQpr_careservice_B3 {
    background-image: url("../images-qpr/organisation_print.svg");
}

.imageQpr_nursinghome_B5,
.imageQpr_careservice_B4 {
    background-image: url("../images-qpr/befragung_print.svg");
}

/*********** CSS-Angaben, welche explizit nur fuer die Druck-Vorschau gelten *******/
/* Das ist dann der Fall, wenn die printvers.css fuer Medium Screen verwendet wird */


@media screen {
    body {
        background: #888888;
    }
    
    #printPageWrapper {
        background: #edefef;
        border: 1px solid black;
        width: calc(100% + 3cm) !important;
        padding: 1cm;
        margin-left: 0.5cm;
        margin-bottom: 0.5cm;
    }
    
    body, #printPageWrapper, .searchresult_list_wrapper {
        display: block !important;
        position: relative;
        overflow: visibile !important;
    }
    
    .searchresult_subtitle_row .searchresult_subtitle_item {
        padding: 0 !important;
    }
    
    #searchresult_list_content_wrapper,
    #comparelist_content_wrapper {
        width: 100% !important;
    }
    
    #searchresult_list_content {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    .searchresult_list_itemWrapper {
        width: 100% !important;
        
        display: -ms-grid !important;
        display: grid !important;
        
        -ms-grid-columns: 50% 50% !important;
        grid-template-columns: 50% 50%;
        
        -ms-justify-items: stretch !important;
        -ms-align-items: stretch !important;
        -ms-justify-content: center !important;
        
        justify-items: stretch !important;
        align-items: stretch !important;
        justify-content: center !important;
    }
    
    .searchresult_list_item:nth-of-type(odd) {
        flex: none !important;
        max-width: 100% !important;
        width: 100% !important;
        min-width: 100% !important;
        -ms-grid-column: 1 !important;
        -ms-grid-column-align: stretch !important;
        -ms-grid-row-align: stretch !important;
    }
    
    .searchresult_list_item:nth-of-type(even) {
        flex: none !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        -ms-grid-column: 2 !important;
        -ms-grid-column-align: stretch !important;
        -ms-grid-row-align: stretch !important;
    }
    
    .searchresult_list_item_img {
        padding-left: 0 !important;
    }
    
    .searchresult_list_item > .searchresult_content_row > .searchresult_list_item_img .searchresult_list_item_img_text {
        margin-bottom: 1rem;
    }
    
    .searchresult_list_itemWrapper {
        page-break-inside: avoid !important;
    }
}

/*********** CSS-Angaben für additional_row Suchergebnisse Qualitätsberichte *******/

.titleRowRightCorner {
    align-items: center !important;
    padding: 0 !important;
}

.titleRowRightCorner div:before {
    font-size: .9rem !important;
}

.distanceRoute {
    display: none !important;
}

.additional_row_content {
    width: 100% !important;
    max-width: 100%;
    padding: 0 !important;
    padding-top: 0px !important;
}

.qbModal_button_wrapper {
    display: none !important;
}

.additionalRow_qbHead {
    display: block !important;
}

.qbInfo_legend {
    max-width: 100% !important;
}

.infoExplain span:first-of-type {
    margin: 0 !important;
    margin-right: 5px !important;
}

.infoExplain span:last-of-type {
    max-width: initial !important;
}


/*********** CSS-Angaben für Qualitätsberichte *******/

#qb_pruefung .catContent .qpr2019ContentWrapper * {
    background: transparent !important;
    border: none;
}

.indicatorUnit {
    border-bottom: 1px solid black !important;
    display: flex !important;
}

.qualityCommentary {
    border-top: 1px solid black !important;
    border-bottom: 1px solid black !important;
}

.showMoreButton,
.toggleIconWrap {
    display: none !important;
}

.qbSubContentWrapper,
.showMoreSubWrapper {
    display: inline-block !important;
}

#pruefung_1_box,
#pruefung_2_box,
#pruefung_3_box,
#pruefung_4_box,
#pruefung_5_box {
    /* page-break-before: always !important; */
}

#qb_pruefung {
    display: block !important;
}

.showMoreSubWrapper {
    display: flex;
}

.showMoreSubWrapper span {
    display: inline;
    flex: 1;
}

.showMoreSubWrapper .qualityPeople,
.showMoreSubWrapper .finalPeople,
.showMoreSubWrapper .pastCheck {
    border-bottom: 1px solid black !important;
}

.qpr2019ContentWrapper .pastCheck .pastCheckWrap .checkUnit {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.indicatorScore,
.checkScore {
    border: 1px solid black !important;
}

.searchresult_list_item > .searchresult_additional_row_qb .additional_row_content {
    padding: 5px 0 !important;
}

.searchresult_list_item > .searchresult_additional_row_qb .additional_row_content .additionalRow_QB .additionalRow_qbRow {
    border: none !important;
    border-top: 1px solid black !important;
    padding: 5px !important;
}

.searchresult_list_item > .searchresult_additional_row_qb .additional_row_content .additionalRow_QB .additionalRow_qbRow .indicatorScore {
    max-width: 13% !important;
    border: none !important;
    flex: none !important;
}

.searchresult_list_item > .searchresult_additional_row_qb .additional_row_content .additionalRow_QB .additionalRow_qbRow .indicatorScore .qbScoreIcons {
    display: inline-flex;
    min-height: auto !important;
}

.additionalRow_qbRow_wrapper {
    border: none !important;
}

.additionalRow_qbRow .quali_infoCat_comment,
.additionalRow_qbRow .quali_infoCat_content {
    border: none !important;
}

.searchresult_list_item > .searchresult_additional_row_qb .additional_row_content .additionalRow_QB .additionalRow_qbRow .quali_infoCat_comment {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.searchresult_list_item > .searchresult_additional_row_qb .additional_row_content .additionalRow_QB .additionalRow_QBE + .additionalRow_QBP {
    margin-top: 0 !important;
    border-top: 1px solid black !important;
}

.searchresult_list_item > .searchresult_additional_row_qb .additional_row_content .additionalRow_QB .additionalRow_qbHead .qbInfo_legend {
    justify-content: space-between !important;
}

.searchresult_list_item > .searchresult_additional_row_qb .additional_row_content .additionalRow_QB .additionalRow_qbHead .qbInfo_legend .infoExplain {
    flex: none !important;
    justify-content: flex-start !important;
    min-width: 10px !important;
    width: auto !important;
    max-width: 100% !important;
    border: none !important;
}

/******
Glossar
*******/

#glossarNavigation {
    display: none !important;
}

.glossarInformationWrapper,
.glossarInformationWrapper:first-of-type {
    display: block !important;
}

.glossarCatTitle {
    display: none !important;
}

.glossarUnitWrapper {
    page-break-inside: avoid !important;
}

@media print {
    /* Drucken-Buttons und Druck-Hinweise beim realen Druck ausblenden */
    .printHeader, #printhint {
        display: none !important;
    }
    
    #printPageWrapper {
        width: 100% !important;
    }
    
    /* Bugfix gegen Abschneiden nach 1. Seite im FF & IE */
    
    body, #printPageWrapper, .searchresult_list_wrapper {
        display: block !important;
        position: relative !important;
        overflow: visible !important;
    }
    
    #searchresult_list_content_wrapper {
        width: 100% !important;
    }
    
    #searchresult_list_content {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    .searchresult_list_itemWrapper {
        width: 100% !important;
        
        display: -ms-grid !important;
        display: grid !important;
        
        -ms-grid-columns: 50% 50% !important;
        grid-template-columns: 50% 50%;
        
        -ms-justify-items: stretch !important;
        -ms-align-items: stretch !important;
        -ms-justify-content: center !important;
        
        justify-items: stretch !important;
        align-items: stretch !important;
        justify-content: center !important;
        
        page-break-inside: avoid !important;
    }
    
    .searchresult_list_item:nth-of-type(odd) {
        flex: none !important;
        max-width: 100% !important;
        width: 100% !important;
        min-width: 100% !important;
        -ms-grid-column: 1 !important;
        -ms-grid-column-align: stretch !important;
        -ms-grid-row-align: stretch !important;
    }
    
    .searchresult_list_item:nth-of-type(even) {
        flex: none !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        -ms-grid-column: 2 !important;
        -ms-grid-column-align: stretch !important;
        -ms-grid-row-align: stretch !important;
    }
}