/**
 * (en) Print layout for Wöhner
 * (de) Druck-Layout für Wöhner
 *
 * @copyright			Copyright 2015, crossbase mediasolution GmbH
 * @version				1.0
 */

@media print {
    body {
        background-color: #fff;
        color: #000 !important;
        font-size: 15px;
    }

    /*------------------------------------------------------------------------------------------------------*/
    /* (en) hide elements in print layout */
    /* (de) Elemente im Drucklayout ausblenden */
    /*------------------------------------------------------------------------------------------------------*/
    .stickem-nav,
    .bxslider-wrapper,
    .button,
    #teaser,
    #footer,
    .invisible,
    .ym-noprint,
    .ym-noprint *,
    #mainnav,
    .cat-nav,
    .select-product-image,
    .contact-person,
    .more,
    .filter-wrapper > .ym-g33 {
        display: none !important;
    }

    .printonly {
        display: block !important;
    }

    /*------------------------------------------------------------------------------------------------------*/
    /* (en) format basic layout elements in print layout	*/
    /* (de) Basiselemente des Layouts für die Printansicht formatieren */
    /*------------------------------------------------------------------------------------------------------*/
    .nomargin {
        margin: 0 !important;
    }

    div, ul, li {
        /* (en) disabble all backgrounds	*/
        /* (de) Alle Hintergründe deaktivieren */
        background: none !important;
        /* (en) secure visibility in PDF Reactor */
        /* (de) Sichtbarkeit im PDF Reactor sicherstellen */
        position: relative;
        overflow: auto;
    }

    #navigation {
        position: static !important;
        height: auto !important;
        page-break-after: avoid;
    }

    #navi-logo {
        margin: 0 0 24px 0 !important;
    }

    .content {
        width: auto !important;
    }

    /* (en) reset and linearize grid elements in print layout	*/
    /* (de) Elemente im Drucklayout ausblenden */
    #header,
    .ym-column,
    .ym-col1,
    .ym-col2,
    .ym-col3,
    .ym-cbox,
    .ym-cbox-left,
    .ym-cbox-right,
    .ym-linearize-print > .ym-grid > [class*="ym-g"] {
        width: 100%;
        margin: 0;
        padding: 0;
        border: 0;
        float: none;
    }

    .ym-gbox {
        padding: 0;
    }

    /* (en) overflow:hidden Bug in print layouts	*/
    /* (de) overflow:hidden Bug in Drucklayouts */
    .ym-contain-oh,
    .ym-contain-dt,
    .ym-contain-fl,
    .ym-grid {
        display: table;
    }

    .filter-wrapper > .ym-g66 {
        width: 100%;
    }

    /* (en) Contain floats in content elements and make them visible */
    /* (de) Floats in Inhaltselementen einschließen und sichtbar machen */
    .box-bottom-100-content,
    .box-bottom-100-content-invisible,
    .accordion .pane {
        display: block;
        overflow: hidden !important;
    }

    #pdflogo {
        width: 140px;
    }

    /*------------------------------------------------------------------------------------------------------*/
    /* (en) format additional layout elements for print	*/
    /* (de) Zusatzelemente des Layouts für die Printansicht formatieren */
    /*------------------------------------------------------------------------------------------------------*/
    img.small {
        max-width: 140px;
        margin-bottom: 30px;
    }

    img.big {
        max-width: 360px;
    }

    .pane.accessories img {
        max-width: 200px;
    }

    .bildselector {
        margin-bottom: 24px;
    }

    .ym-wrapper.tools-element {
        page-break-inside: avoid;
    }

    .boxgroup-wrapper.topmargin {
        margin-top: 15px;
    }

    /*------------------------------------------------------------------------------------------------------*/
    /* (en) format typographical eleemnts */
    /* (de) Formatierung der typografischen Elemente */
    /*------------------------------------------------------------------------------------------------------*/
    /* (en) Avoid page breaks right after headings and formatting */
    /* (de) Vermeidung von Seitenumbrüchen direkt nach einer Überschrift und Formatierung */
    h1 {
        border: none;
        font-size: 26px;
        line-height: 36px;
        margin: 0 0 24px 0;
    }

    h2, h3, h4, h4.h4tabhead, h3.box-open {
        page-break-after: avoid;
        /* (en) secure visibility in PDF Reactor */
        /* (de) Sichtbarkeit im PDF Reactor sicherstellen */
        position: static;
    }

    h3.h3accordion.zubehoer {
        page-break-before: always;
    }

    h3.h3accordion[class*="zubehoer-"] {
        font-size: 15px;
        line-height: 20px;
        color: black;
    }

    .normalize-fontsize {
        font-size: 15px!important;
        line-height: 20px!important;
    }

    h3.h3accordion {
        margin: 0 0 12px 0;
        color: #ea6621;
    }

    .tools-element h4 {
        font-family: "TheSansPlain", "Verdana", sans-serif;
        font-size: 20px;
        line-height: 28px;
        margin: 8px 0 23px 0;
    }

    .product-detail .psmall {
        font-size: 16px;
        line-height: 23px;
        margin: 0 0 30px;
    }

    .product-detail table.artikeldetail {
        font-size: 14px;
        line-height: 21px;
        margin: 0 0 30px 0;
        width: auto;
    }

    table.artikeldetail td {
        vertical-align: top;
        padding: 0 12px 0 0;
    }

    .search-list .ym-wrapper, .tools-result {
        border-bottom: 1px solid #dedfe0;
        padding: 30px 0;
    }

    .search-list .pictogram, .tools-result .pictogram {
        position: absolute;
        right: 0;
        top: 0;
    }

    .tools-element {
        margin-bottom: 30px;
    }

    .tools-result.list {
        position: static;
    }

    .search-list h3, .tools-result h3 {
        font-family: "TheSansPlain", "Verdana", sans-serif;
        margin: 0px 0px 5px;
        font-size: 16px;
        line-height: 23px;
    }

    .tools-content p.pdefault {
        margin-bottom: 30px;
    }

    .tools-result.list + h4 {
        margin-top: 30px !important;
    }

    #header-tools {
        page-break-after: avoid;
    }

    h4, p, ul, li {
        font-size: 14px !important;
        line-height: 21px !important;
        position: static !important;
    }

    div.psmall, table.artikeldetail {
        page-break-inside: avoid;
    }

    li.listroke {
        padding: 0 0 0 15px;
    }

    li.listroke:before {
        content: "\2013";
        top: 0;
    }

    a {
        text-decoration: none;
    }

    hr {
        display: none;
    }

}