
/* page margins: does not work in Firefox */
		@page {
			margin-left: 2.5cm;
			margin-right: 1.5cm;
			margin-top: 1.5cm;
			margin-bottom: 1.5cm;
			 size: A4;
		}

@media print  {
	/* Based on the example stylesheet from the article at Smashing Magazine
	 * http:// coding.smashingmagazine.com/2011/11/24/how-to-set-up-a-print-style-sheet/
	 * by Christian Krammer, ck@css3files.com
	 *  
	 * To use it: 
	 * include the content of this file inside a media query:
	 * @media print { … }
	 * and use the screen media query for the rest of the css:
	 * @media screen { … }
	 * Or save as a separate file and use medi="print" in the css link
	 */
	
	/*
	 * Check also the jquery print preview plugin:
	 * https://github.com/etimbo/jquery-print-preview-plugin
	 * Demo page:
	 * http://etimbo.github.com/jquery-print-preview-plugin/example/index.html
	 *
	 */
	
	
	
	 *,
    *:before,
    *:after {
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    main a[href]:after {
        content: " (" attr(href) ")";
        font-size: 8pt;
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }
    img {
        max-width: 100% !important;
    }

	q {quotes: none}
	q:before, q:after { content: "" }   
	
	
	body {
	    font: 'Univers', 'Urbano', Arial, Helvetica, sans-serif;
	    color: #000;
	    font-size: 9pt;
	    line-height: 14pt;
	}
	
	section p {
		margin-bottom: 0.5rem;
		margin-top: 0.5rem;
	}
	
	img { border: 0 }
	
	header { 
		margin-bottom: 40px;
		position: relative!important;
	}

	blockquote {
	    font-size: 9pt;
	    font-style: italic;
	}
	
	p a { color: #000 }
	
	main p a[href^="http://"]:after, 
	main p a[href^="https://"]:after {
		content: " [" attr(href) "]";
		font-size: 8pt;
		text-decoration: none;
		overflow-wrap: break-word;
	  word-wrap: break-word;
	
	  -ms-word-break: break-all;
	  /* This is the dangerous one in WebKit, as it breaks things wherever */
	  word-break: break-all;
	  /* Instead use this non-standard one: */
	  word-break: break-word;
	
	  /* Adds a hyphen where the word breaks, if supported (No Blink) */
	  -ms-hyphens: auto;
	  -moz-hyphens: auto;
	  -webkit-hyphens: auto;
	  hyphens: auto;
	}
	
	.team-member-phone:after,
	main .team-content .team-member-contact a[href]:after,
	main .team-content .team-member-contact a[href^="http://"]:after, 
	main .team-content .team-member-contact a[href^="https://"]:after {
		content: none;
				text-decoration: none;
		display: none!important;
	}
	
	main {
		margin-top: inherit!important;
		position: relative;
	}
	
	.inner-wrapper,
	header,
	header.sticky,
	.content-wrapper,
	.contentpage .copy-wide .copy,
	footer .footer-primary-block-group, 
	footer .footer-secondary-block-group,
	.contentpage .accordion,
	.calendar-content-wrapper,
	.contentpage .press-material,
	.team-content {
		position: relative;
		width: 100%!important;
		margin-left: 0!important;
		margin-right: 0!important;
		padding-left: 0!important;
		padding-right: 0!important;
	}
	
	header .top-head {
		border-bottom-width: 2pt!important;
	}
	
	header .top-head .main-logo-wrapper {
    	margin-top: 0.5cm;
	 	margin-bottom: 0.5cm;
	}
	
	header .top-head .section-logo-wrapper, 
	header .top-head .burger-nav,
	.burger header .top-head .section-logo-wrapper, 
	.burger header .top-head .burger-nav {
		width: 0!important;
	}
	
	header .main-logo-wrapper img {
		max-width: 5cm!important;
	}
	
	header,
	main,
	.breadcrumb	 {
		page-break-after: auto!important;
		page-break-before: auto!important;
		page-break-after: avoid!important;
		page-break-before: avoid!important;
	}
	
	#site-wrapper {
		page-break-inside: auto;
	}
	
	header nav,
	header .accessories,
	.fixed-buttons,
	.fixed-buttons-wrapper,
	.fixed-buttons button-content,
	.fixed-buttons button,
	.burger-nav,	
	.breadcrumb,
	footer .footer-block.footer-menu,
	footer #consent-revoke,
	.social-links,
	.related-content,
	.social-contacts-wrapper,
	.team-member .vita-button-wrapper {
		display: none!important;
	}
	
	footer .footer-block {
		width: 50%!important;
	}
	
	footer {
		font-size: 8pt;
		line-height: 11pt;
		page-break-inside: avoid;
		background-color: white;
	}
	
	.site-wrapper,
	main,
	header {
		page-break-inside: auto;
	}
	
	h1 {
		margin-top: 1rem;
		line-height: 120%;
	}
	
	figcaption,
	.caption,
	.figcaption {
		font-size: 8pt!important;
		line-height: 11pt!important;
	}
		
	/* calendar  */
	.calendar-content-wrapper .copy,
	.calendar-filters,
	.event-functions { 
		display: none;
	}
	
	.event-list .event-content-extended {
		display: flex!important;
	}
	
	.event-list .has-extendet-content:not(.content-extended-open) .event-content .event-date-time:after {
		content: none;
		display: none;
	}
	
	footer .footer-secondary-block-group .footer-logo-leibnitz,
	footer .footer-secondary-block-group .footer-logo-leibnitz img {
		width: 3cm!important;
	}

	.event-list li {
		page-break-inside: avoid;
		border-bottom-color: black;
		border-bottom-width: 0.25pt;
	}
	
	.event-list .event-date-time {
		width: 25%;
		margin-right: 2%;
	}

	.event-list .event-topic {
		width: 56%;
	}

	.event-list .event-categories {
		width: 15%;
		margin-left: 2%;
	}
	
	.contentpage .accordion .download, 
	.contentpage .accordion .copy {
		display: block!important;
	}
	
	.contentpage .accordion .title h4:before {
		content: none;
		display: none;
	}
	
	.contentpage .accordion .title {
		padding-top: 1rem;
		font-weight: 600!important;
	}
		
	.caption-box {
		background-color: white!important;
		color: black;
	}
	
	.event-list .content-extended-open 
	.calendar-accordion:after {
		content: none;
		display: none;
	}
	
	hr,
	.contentpage .accordion .accordion-item {
		border-width: 0.25pt;
	}

	.contentpage article.copy-left aside,
	.contentpage article.copy-right aside {
		width: 25%;
		margin-right: 2rem;
	}
	
	.contentpage article.copy-left .copy,
	.contentpage article.copy-right .copy {
		width: calc(75% - 2rem);
	}
	
	.article-wrappper > article {
		padding-bottom: 2rem;
	}
	
	.contentpage .content .team-group-headline h4 {
		font-size: 18px;
	}
	
	.team-member .read-more-content {
		display: block!important;
	}
	
	.team-member .team-member-phone a{
		text-decoration: none!important;
	}
	
	.sgn-icon.accordion-open:before {
		content: none;
		display: none;
	}
	
	.team-member-wrapper {
		page-break-inside: avoid;
	}
	
	.teaser-group {
		page-break-inside: avoid;
	}
	
	.tabs .teaser,
	.teaser-group .teaser {
		width: calc(50% - 0.5rem)!important;
		page-break-inside: avoid;
	}
	
	.tabs .teaser:nth-child(2n),
	.teaser-group .teaser:nth-child(2n) {
		margin-left: 1rem!important;
	}
	
	.logo-boxes figure{
		width: calc(100% / 5 - 0.5rem);
	}
	
	.tabs .teaser:nth-child(5n),
	.teaser-group .teaser:nth-child(5n) {
		margin-left: 1rem!important;
	}	
}
