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

@media print
{

    body {
        background: #fff;
        color: #000 !important;
    }

    /*------------------------------------------------------------------------------------------------------*/
    /* (en) hide elements in print layout */
    /* (de) Elemente im Drucklayout ausblenden */
    /*------------------------------------------------------------------------------------------------------*/

    #teaser,
    #breadcrumb,
    #breadcrumb-s2,
    #nav-local,
    #footer,
    #mail,
    .invisible,
    .topnav-toggle,
    .stickem-nav,
    .customer,
    .ym-wrapper.shadow > img,
    .ym-grid.ym-equalize.box-bottom,
    .tabs-list,
    .magnify,
    .inline-popup,
    .anchor.to-contact,
    .anchor.to-mail,
    [class*='to-'],
        /* (en) hide all form elements	*/
        /* (de) Alle Formularelemente ausblenden */
    form,
    #formContainer,
    .button,
    .form-group,
    .Zebra_DatePicker,
    [class*='side-slide-0'],
    .logo {
        display: none !important;
    }

    /*------------------------------------------------------------------------------------------------------*/
    /* (en) format basic layout elements in print layout	*/
    /* (de) Basiselemente des Layouts für die Printansicht formatieren */
    /*------------------------------------------------------------------------------------------------------*/

    ul, li {
        position: relative;
        overflow: auto;
    }

    /* (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.boxgroup-wrapper,
    .ym-linearize-print.ym-grid > [class*='ym-g'],
    .ym-linearize-print.ym-grid > [class*='ym-g'] > [class*='ym-g'],
    .ym-linearize-print.ym-grid-col-padding > [class*='ym-g']
    .ym-linearize-print.ym-grid-col-padding > [class*='ym-g'] > [class*='ym-g'],
    .ym-linearize-print.ym-grid-col-padding > .ym-gbox,
    .item-viewport-gallery-no-filter {
        width: 100%;
        margin: 0;
        padding: 0;
        border: 0;
        float: none;
        display: block;
        overflow: hidden;
        position: relative;
    }

    .boxgroup-wrapper {
        margin: 0 -24px;
    }

    .ym-equalize {
        overflow: auto;
    }

    .ym-gbox {
        padding: 0 12px;
        margin: 0 12px;
    }

    [class*='ym-g'] {
        position: relative;
    }

    .ym-grid::before,
    .ym-grid::after {
        content: '';
        width: 100%;
        display: table;
    }

    .ym-grid > .ym-gl,
    .ym-grid > .ym-gr {
        display: table-cell;
    }

    .ym-grid-col-padding {
        margin-bottom: 24px;
    }

    .ym-grid.ym-equalize,
    .ym-linearize-print.ym-grid > .ym-gl,
    .ym-linearize-print.ym-grid > .ym-gr {
        display: table;
    }

    .ym-grid.ym-equalize > [class*='ym-g'] > [class*='ym-g'] {
        padding: 0;
        background: none;
        margin: 0 12px;
    }

    .ym-grid.ym-linearize-print.ym-grid-col-padding > [class*='ym-g'] > [class*='ym-g'] {
        margin: 0;
    }

    .ym-grid-col-padding > [class*='ym-g'] > [class*='ym-g'] > h3 {
        margin: 0 0 24px 0;
    }

    /* (en) correkt overflow:hidden Bug in print layouts	*/
    /* (de) Korrektur des overflow:hidden Bug in Drucklayouts */

    .ym-contain-oh,
    .ym-contain-dt,
    .ym-contain-fl {
        display: table;
    }

    /* (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,
    .jquery-tabs .tab-content {
        display: block !important;
        overflow: hidden !important;
    }

    /* (en) secure no overflow in PDF Reactor */
    /* (de) Vermeidung von Überläufen im PDF Reactor sicherstellen */

    .float-col .float-col {
        overflow: visible;
    }

    #copyright {
        padding: 24px 0 0 0;
    }

    /*------------------------------------------------------------------------------------------------------*/
    /* (en) format additional layout elements for print	*/
    /* (de) Zusatzelemente des Layouts für die Printansicht formatieren */
    /*------------------------------------------------------------------------------------------------------*/

    #header {
        margin-bottom: 24px;
    }

    #header img {
        height: 52px;
    }

    /* (en) hide short contact box */
    /* (de) Verstecke Box für Schnellkontakt */

    .ym-cbox > .box-wrapper-100:last-child {
        display: none;
    }

    table {
        page-break-before: avoid;
    }

    /*------------------------------------------------------------------------------------------------------*/
    /* (en) format typographical elements */
    /* (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 */

    .page-block {
        page-break-inside: avoid;
    }

    .page-block-break {
        page-break-before: always;
    }

    h1 {
        border-bottom: 1px solid #1d374a;
    }

    h2 {
        border-bottom: 1px solid #1d374a;
        margin: 12px 0 4px 0;
        page-break-before: avoid;
    }

    h3, h4, h3.h3accordion {
        font-family: 'Univers LT Bold', sans-serif;
        margin: 12px 0;
        line-height: 24px;
        border-bottom: none;
        padding: 0;
    }

    h3 {
        margin: 12px 0 4px 0;
    }

    h4.h4tabhead {
        font-family: 'Univers LT Light', sans-serif;
        font-size: 22px;
        line-height: 33px;
        border: none;
        page-break-after: avoid;
        /* (en) secure visibility in PDF Reactor */
        /* (de) Sichtbarkeit im PDF Reactor sicherstellen */
        position: static;
    }

    h1 > span.head, h2 > span.head, h3 > span.head , h4 > span.head,
    h1 > a, h2 > a, h3 > a, h4 > a {
        color: #000 !important;
        margin: 0;
        padding: 0;
        background: none;
        border: none;
        display: block;
        /* (en) secure visibility in PDF Reactor */
        /* (de) Sichtbarkeit im PDF Reactor sicherstellen */
        overflow: hidden;
    }

    [class*='icon'].list-style {
        /* (en) secure visibility in PDF Reactor */
        /* (de) Sichtbarkeit im PDF Reactor sicherstellen */
        overflow: hidden;
    }

    [class*='icon'].list-style:before {
        top: 2px;
    }

    .image-wrapper {
        /* (en) secure visibility in PDF Reactor */
        /* (de) Sichtbarkeit im PDF Reactor sicherstellen */
        position: static;
    }

    li {
        line-height: 20px;
    }

    li.linobreak:before,
    li.libreak:before {
        top: 0;
    }

    a {
        text-decoration: none;
    }

    p {
        margin-bottom: 24px;
    }

    hr {
        display: none;
    }

    script + .ym-grid {
        display: none;
    }

    td {
        padding: 1px 13px;
    }

    td p.table-cell-head {
        margin: 0 0 0 -25px;
    }

    ul.icon-bar {
        padding: 10px;
    }

    /*------------------------------------------------------------------------------------------------------*/
    /* (en) format item viewport */
    /* (de) Formatierung des Element-Ansichtsbereichs */
    /*------------------------------------------------------------------------------------------------------*/

    .item-viewport-gallery.filter-is-visible {
        margin: 0;
    }

    .no-tiles-content {
        padding: 0;
    }

    /*------------------------------------------------------------------------------------------------------*/
    /* (en) format datatable */
    /* (de) Formatierung der Data-Table */
    /*------------------------------------------------------------------------------------------------------*/

    .dataTables_wrapper {
        margin: 0 -12px 24px -12px;
    }

    .dataTable tr td.ym-noprint,
    .dataTable thead th.ym-noprint,
    .dataTables_wrapper > div,
    .dataTable thead th.control,
    .dataTable tr td.control {
        display: none !important;
    }

    .dataTable tr.parent td {
        border-top: 1px solid #000;
    }

    .dataTable tr.child span.dtr-title {
        font-family: 'Univers LT Bold', sans-serif;
    }

    .dataTable tr.child span.dtr-title::after {
        content:':';
    }

    .dataTable tr.child span.dtr-title br {
        display: none;
    }

    .dataTable tr.child ul,
    .dataTable tr.child ul li{
        margin: 0;
    }

    table.dataTable td img {
        max-height: 35px;
        max-width: 160px;
    }

    /*------------------------------------------------------------------------------------------------------*/
    /* (en) format slick slider */
    /* (de) Formatierung des Slick Sliders */
    /*------------------------------------------------------------------------------------------------------*/

    [class*='-slsl-wrapper'] {
        background: transparent;
    }

    [class*='-slsl-nav'],
    .slick-slider {
        padding-right: 0;
        padding-left: 0;
    }

    .slick-track {
        transform: translate3d(0px, 0px, 0px) !important;
        width: 100% !important;
    }

    .slick-initialized .slick-slide {
        margin-bottom: 24px;
        border: 1px solid #000;
    }

    .slick-prev,
    .slick-next {
        display: none !important;
    }

    .icon-bar {
        margin: 0;
        padding: 0;
        line-height: 0;
        font-size: 0;
        text-align: left
    }

    .icon-bar li {
        display: inline-block;
        padding: 0 12px 0 0;
    }

    .icon-bar li::after {
        content: "";
    }

    .icon-bar li span {
        display: inline-block;
    }

    .icon-bar img {
        max-height: 63px;
    }

    td p.table-cell-head {
        margin: 0;
    }

    td p.table-cell-head::before {
        position: absolute;
        top: 1px;
        left: -12px;
    }

    img {
        max-height: 90vh;
    }

    .product-badge {
        position: relative;
        font-size: 12px;
        line-height: 14px;
		text-align: left;
    }
	
	.product-badge::before {
		border-top: 11px solid #1d374a;
		border-right: 11px solid transparent;
		border-bottom: 11px solid transparent;
		border-left: 11px solid #1d374a;
	}
}