﻿/**
 * (en) Print layout for crossbase
 * (de) Druck-Layout für crossbase
 *
 * @copyright			 Copyright 2015, crossbase mediasolution GmbH
 * @version				 1.0
 */

@media print
{

	body {
		background-color: #fff;
		color: #000 !important;
	}

	/*------------------------------------------------------------------------------------------------------*/
	/* (en) hide elements in print layout */
	/* (de) Elemente im Drucklayout ausblenden */
	/*------------------------------------------------------------------------------------------------------*/

	#topnav,
	#teaser,
	#breadcrumb,
	#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,
	.to-top,
	/* (en) hide all form elements	*/
	/* (de) Alle Formularelemente ausblenden */
	form,
	#formContainer,
	.button,
	[class*='side-slide-0'],
	.no-print {
	 display: none !important;
	}

	#logo {
		background: #980000 url('logoband.jpg') no-repeat scroll left center;
		padding: 10px 0 12px 0;
		margin-bottom: 48px;
	}

	#logo .ym-wrapper {
		text-align: left;
		margin: 0 auto;
		position: relative;
	}

	#logo h1 {
		font-family: 'Source Sans Pro Regular', sans-serif;
		letter-spacing: 0.01em;
		word-spacing: 1px;
		color: #fff;
		position: absolute;
		top: 49.0%;
		transform: translateY(-50%);
		right: 0;
		font-size: 20px;
		line-height: 20px;
		padding: 0 20px 0 0 ;
	}

	#logo a {
		display: block;
		padding: 0 0 0 20px ;
	}

	#logo img {
		height: 58px;
	}

	.ym-wbox {
		padding: 0 12px;
	}

	.ym-g25.print-ym-g75 {
		width: 75%;
	}

	.products-slsl-wrapper {
		background-color: #fff;
		padding: 0;
	}

	.products-slsl {
		padding: 0;
	}

	.slick-prev,
	.slick-next {
		display: none !important;
	}

	.products-slsl .slick-list {
		margin: 0;
	}

	.products-slsl .slick-slide {
		width: calc(33% - 24px) !important;
		float: left !important;
		margin: 12px;
		border: 1px solid #000;
		overflow: hidden;
	}

	.slick-slider .slick-track,
	.slick-slider .slick-list {
		width: 100% !important;
		transform: none !important;
	}

	.item-viewport-gallery,
	.no-tiles-wrapper-01,
	.no-tiles-content {
		margin: 0 !important;
		padding: 0 !important;
		display: block !important;
	}

	.footer-content {
		padding: 12px;
	}

	/*------------------------------------------------------------------------------------------------------*/
	/* (en) format basic layout elements in print layout	*/
	/* (de) Basiselemente des Layouts für die Printansicht formatieren */
	/*------------------------------------------------------------------------------------------------------*/

	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;
		}

	/* (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.basic > [class*='ym-g']
	.ym-linearize-print.basic > [class*='ym-g'] > .ym-gbox,
	.ym-linearize-print.basic > .ym-gbox {
		width: 100%;
		margin: 0;
		padding: 0;
		border: 0;
		float: none;
		display: block;
		overflow: hidden;
		position: relative;
	}

	.boxgroup-wrapper {
		margin: 0 -12px !important;
	}

	.ym-equalize {
		overflow: auto;
	}

	.ym-gbox-left {
		padding: 0 12px 0 0;
		margin: 0 12px 0 0;
	}

	.ym-gbox-right {
		padding: 0 0 0 12px;
		margin: 0 0 0 12px;
	}

	.ym-gbox {
		padding: 0 12px;
		margin: 0 12px;
	}

	[class*='ym-g'] {
		page-break-inside: avoid;
	}

	.ym-grid > .ym-gl,
	.ym-grid > .ym-gr {
		display: table-cell;
	}

	.ym-linearize-print.ym-grid > .ym-gl,
	.ym-linearize-print.ym-grid > .ym-gr {
		display: table;
	}

	.no-grid-padding > [class*='ym-g'] > [class*='ym-g'] {
		padding: 0;
	}

	.basic {
		margin-bottom: 24px;
	}

	.basic .ym-gbox {
		padding: 0;
		background: none;
		margin: 0 12px;
		}

	.ym-linearize-print .basic .ym-gbox {
		margin:0;
	}

	.basic h3,
	.basic h4,
	.basic h5,
	.basic h6 {
		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;
	}

	.jquery-tabs .tab-content.no-print {
		display: none !important;
	}

	/* (en) secure no overflow in PDF Reactor */
	/* (de) Vermeidung von Überläufen im PDF Reactor sicherstellen */

	.float-col .float-col {
		overflow: visible;
	}

	.jquery-tabs {
		page-break-before: always;
	}

	/*------------------------------------------------------------------------------------------------------*/
	/* (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;
	}

	/*------------------------------------------------------------------------------------------------------*/
	/* (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;
	}

	h2, h3, h4, h3.h3accordion {
		font-family: 'Source Sans Pro Bold', sans-serif;
		color: #000 !important;
		page-break-after: avoid;
		font-size: 17px;
		line-height: 24px;
		border-bottom: 1px solid #000;
		padding: 0;
		/* (en) secure visibility in PDF Reactor */
		/* (de) Sichtbarkeit im PDF Reactor sicherstellen */
		position: static;
	}

	h4.h4tabhead {
		font-family: 'Source Sans Pro 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.linobreak:before,
	li.libreak:before {
		top: 0;
	}

	a {
		text-decoration: none;
	}

	p {
		margin-bottom: 24px !important;
	}

	hr {
		display: none;
	}

	script + .ym-grid {
		display: none;
	}

}
