@page {
size: A4 portrait;
margin: 2cm 2cm 3cm 2.5cm;
}

@page {
	@bottom-right {
	content: "Seite " counter(page) " / " counter(pages);
	}
}

@media print {
	* {
	box-sizing: border-box;
	}
	
	/* hide elements */
	.form-container,
	#meta-box-wrapper .news-box,
	#meta-box-wrapper .newsletter-box,
	#meta-box-wrapper .calendar-box,
	.flickity-page-dots,
	.gallery-frame.bottom,
	nav,
	header,
	footer,
	.gallery-wrapper ol {
	display: none;
	}
	
	.component header {
	display: block;
	}
	
	/* base */
	body {
	background: #fff;
	color: #000;
	}
	
	* {
	color: #000;
	margin: 0;
	padding: 0;
	border: none;
	text-align: left;
	vetical-align: top;
	}
	
	th {
	vetical-align: middle;
	}
	
	div, figure, span, figcaption, caption, table, td, th, tr, dl, dd, dt {
	color: #000;
	margin: 0;
	padding: 0;
	border: none;
	}
	
	img {
	max-width: 100%;
	}
	
	/* text style */
@font-face {
font-family: 'allonghata-textregular-beta';
src: url('../fonts/allonghata_text-regular-beta-web.eot');
src: url('../fonts/allonghata_text-regular-beta-web.eot?#iefix') format('embedded-opentype'), 
	 url('../fonts/allonghata_text-regular-beta-web.woff2') format('woff2'), 
	 url('../fonts/allonghata_text-regular-beta-web.woff') format('woff'), 
	 url('../fonts/allonghata_text-regular-beta-web.ttf') format('truetype'), 
	 url('../fonts/allonghata_text-regular-beta-web.svg#allonghata-textregular-beta') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'madrasbold';
src: url('../fonts/madrasbold-webfont.eot');
src: url('../fonts/madrasbold-webfont.eot?#iefix') format('embedded-opentype'), 
	 url('../fonts/madrasbold-webfont.woff') format('woff'), 
	 url('../fonts/madrasbold-webfont.ttf') format('truetype'), 
	 url('../fonts/madrasbold-webfont.svg#madrasbold') format('svg');
font-weight: 700;
font-style: normal;
}

@font-face {
font-family: 'madrasblack';
src: url('../fonts/madrasblack-webfont.eot');
src: url('../fonts/madrasblack-webfont.eot?#iefix') format('embedded-opentype'), 
	 url('../fonts/madrasblack-webfont.woff') format('woff'), 
	 url('../fonts/madrasblack-webfont.ttf') format('truetype'), 
	 url('../fonts/madrasblack-webfont.svg#madrasblack') format('svg');
font-weight: 900;
font-style: normal;
}

/* font size and style */
*,
.form-item label,
.form-item input,
.form-item select,
.form-item select option,
.form-item textarea,
#news #stage .headline-caption,
.component .wrap > *,
.fullscreen .gallery .item .intro-title strong,
#content-menu .drop-link strong,
input,
button,
textarea,
a:after {
/*
font-family: 'madras_regularregular', 'Helvetica-Light', 'Helvetica Light', Helvetica, Arial, sans-serif, 'Sans Serif';
*/
font-family: 'madrasbold', 'Helvetica-Black', 'Helvetica Black', Helvetica, Arial, sans-serif, 'Sans Serif';
font-style: normal;
font-weight: 400;
}

#meta-box-wrapper .item .news-box a.main-news-link,
.form-item.checkbox.active:after,
.form-item label,
#news #stage .wrap *,
#news-filter ul li.active a span,
#news-filter ul li.active a,
.wrap .table-wrapper caption,
#related-news .title,
.component .title,
#content-menu .root .drop-link.open > a strong,
#overlay .submenu-wrapper *,
#content-menu .root .drop-link .submenu-wrapper *,
.teaser .title,
#footer .title,
#footer-menu a.root,
#footer-menu .root > li > a,
.fullscreen .gallery .item .intro-title > strong span,
#content-menu .drop-link a.active strong,
strong,
table strong *,
.wrap strong *,
#slider .item .link,
#slider .intro-text *,
.intro-title strong span {
/*
font-family: 'madrasextra_bold', 'Helvetica-Black', 'Helvetica Black', Helvetica, Arial, sans-serif, 'Sans Serif';
*/
font-family: 'madrasblack', 'Helvetica-Black', 'Helvetica Black', Helvetica, Arial, sans-serif, 'Sans Serif';
font-style: normal;
font-weight: 800;
}

.content-headline,
#event #stage .headline,
.title-text-image blockquote p,
#news #stage .headline,
#page #stage .caption .headline,
#slider .item .headline {
font-family: 'allonghata-textregular-beta', 'madrasblack', 'Helvetica-Black', 'Helvetica Black', Helvetica, Arial, sans-serif, 'Sans Serif';
font-weight: normal;
font-style: normal;
}

/* size */
html {
font-size: 62.5%;
}

#event #stage .headline,
#news #stage .headline,
#page #stage .caption .headline,
#slider .item .headline {
font-size: 6em;
line-height: 136%;
}

.content-headline,
.intro-title {
font-size: 4em;
line-height: 125%;
}

.title-text-image blockquote p {
font-size: 3em;
line-height: 110%;
}

.text .wrap,

#event #stage .wrap,
#event #stage .headline-caption,
#news #stage .wrap,
#news #stage .headline-caption,
#related-news .teaser .title,
.teaser .title,
#slider .item .intro-link,
.intro-text,

#content-menu .drop-link strong,

#overlay .submenu-wrapper ul li a,
#overlay .submenu-wrapper p,
#overlay .submenu-wrapper a,
#content-menu .root .drop-link .submenu-wrapper ul li a,
#content-menu .root .drop-link .submenu-wrapper p,
#content-menu .root .drop-link .submenu-wrapper a,

#overlay .submenu-wrapper strong,
#content-menu .drop-link .submenu-wrapper strong,
#menu .submenu-wrapper a,
#menu .drop-link > a > strong,

#overlay.gallery-overlay .gallery-image span,
#meta-box-wrapper .item .stretch,

#related-news .title,
#news-filter ul li strong.filter-link,
.component .title,
.component .wrap > * {
font-size: 1.8em;
line-height: 150%;
}

#news-filter ul li strong.filter-link {
line-height: 242.8571428571429%;
}

.text .wrap * {
font-size: 100%;
}

.grid-item .caption,
.image figcaption,
#footer .title,
#footer p,
#footer #footer-menu a {
font-size: 1.3em;
line-height: 150%;
letter-spacing: 0.03em;
}

/* style */
.form-item label,
#related-news .title,
#news #stage .headline-caption,
#news-filter ul li strong.filter-link,
.wrap .table-wrapper caption,
.component .title,
#overlay .submenu-wrapper > strong,
#footer .title,
#menu .drop-link > a > strong,
#content-menu .drop-link strong,
#meta-box-wrapper .item .news-box a strong,
#meta-box-wrapper .item .cap-title,
#slider .item .link {
text-transform: uppercase;
}

#meta-box-wrapper .item a,
.teaser .title,
#footer a,
#meta-box-wrapper .item .calendar-box a,
#meta-box-wrapper .item .news-box a,
#slider .item .link {
text-decoration: none;
}

#content-menu .drop-link .submenu-wrapper strong {
text-transform: none;
}

#news-filter ul li strong.filter-link,
#menu a {
text-decoration: none;
}

#content-menu .root .drop-link.open .wrap a {
text-decoration: underline;
}

/* reset */
/*
#event #stage .headline *,
#news #stage .wrap *,
.image figcaption *,
.headline *,
.title-1 *,
.title-2 *,
.component .wrap > * > *,
#overlay .submenu-wrapper ul li a *,
#content-menu .root .drop-link .submenu-wrapper ul li a *,
#footer #footer-menu a *,
#footer p *,
#meta-box-wrapper .item .stretch *,
.intro-title *,
.intro-text * {
font-size: 100% !important;
}
*/
	
	/*
	.headline {
	font-size: 20pt;
	line-height: 160%;
	}
	
	.title-1 {
	font-size: 16pt;
	line-height: 150%;
	padding: 0.1em 0 0.4em 0;
	}
	
	.title-2 {
	font-size: 10pt;
	line-height: 150%;
	}
	
	.gallery .caption,
	.image figcaption,
	.text * {
	font-size: 10pt;
	line-height: 150%;
	}
	*/

	.text p {
	padding-top: 10pt;
	display: block;
    clear: both;
	}
	
	.text p:first-child {
	padding-top: 0;
	}

	.text ol {
    list-style: decimal;
	}
	
	.text ul {
    list-style: disc;
	}
	
	.text ul, 
	.text ol {
    overflow: hidden;
    width: 100%;
    float: left;
    padding: 0 0 0 20pt;
    margin-bottom: 0;
	}

	.text li {
    position: relative;
    padding: 7pt 0 0 0;
	}

	.text table {
    width: auto !important;
    float: left;
    border-collapse: collapse;
    border-spacing: 0;
    vertical-align: top;
    border: none;
    margin-top: 7pt;
	}
	
	.text table {
	min-width: 6cm !important;
	}
	
	.text table caption {
    padding: 7pt 0;
    margin-top: -7pt;
	}
	
	.text table thead th, 
	.text table tbody tr:first-child td {
    border-top: 0.25pt solid #000;
	}
	
	.text table td:last-child, 
	.text table th:last-child {
    padding-right: 0;
	}
	
	.text table td, 
	.text table th {
    vertical-align: top;
    padding: 7pt 1em 7pt 0;
    border-bottom: 0.25pt solid #000;
	}
	
	/* page setup */
	h1, h2, h3, h4, h5 {
	page-break-after: avoid;
	}

	.component > header,
	.text p,
	.text li,
	img {
	page-break-inside: avoid;
	}
	
    a:after {
    content:" (" attr(href) ")";
    font-weight: normal;
    word-break: break-all;
    text-decoration: none;
    }
    
    img {
    width: 100%;
    max-width: 10cm;
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
    height: auto;
    }
    
    .gallery-wrapper div, 
    .gallery-wrapper span,
    .gallery-wrapper figure,
    .gallery-wrapper figcaption,
    .slider-wrapper div, 
    .slider-wrapper span,
    .slider-wrapper figure,
    .slider-wrapper figcaption {
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    transform: none !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    float: left  !important;
    height: auto !important;
    }
	
	.image,
	.slider-wrapper .item,
	.gallery-wrapper .item {
	margin: 7pt 0 14pt 0 !important;
	}

	.accordion-content {
	display: block !important;
	margin-top: 7pt;
	}
	
	/* klybeckplus */
	#logo-print {
	display: block;
	width: 100%;
	float: right;
	clear: both;
	padding-bottom: 1cm;
	}

	#logo-print img {
	display: block;
	width: 6cm;
	float: right;
	clear: both;
	}
	
	#meta-slider-frame .flickity-slider,
	#slider .flickity-slider {
	transform: none !important;
	}

	#meta-slider-frame .flickity-slider .item,
	#slider .flickity-slider .item {
	position: relative !important;
	display: block !important;
	left: 0 !important;
	float: left !important;
	width: 100% !important;
	}
	
	#stage {
	min-height: 1cm !important;
	}
	
	blockquote {
	padding: 0.75cm 0 0.75cm 2cm;
	}
	
	.box blockquote:last-child {
	padding-bottom: 0;
	}
	
	.box blockquote.no-text {
	padding-top: 0;
	}
	
	.text .download-list,
	#page #stage,
	.project-box,
	.info-box,
	.component,
	#slider .item {
	padding-bottom: 1.5cm;	
	}
	
	.title-text-image,
	.component {
	width: 100%;
	float: left;
	}
	
	.large .image,
	.grid,
	.top .image,
	.bottom .image {
	padding-top: 3em;
	}
	
	.grid {
	height: auto !important;
	}
	
.text .wrap p,
#meta-box-wrapper .item .project-box p,
#meta-box-wrapper .item .info-box p {
padding-top: 1.3em;
}

.text .wrap p:first-child,
#meta-box-wrapper .item .project-box p:first-child,
#meta-box-wrapper .item .info-box p:first-child,
#meta-box-wrapper .item .project-box .cap-title + p,
#meta-box-wrapper .item .info-box .cap-title + p {
padding-top: 0;
}

.teaser {
width: 33%;
min-height: 10cm;
float: left;
position: relative;
padding: 0 0.5cm 0.5cm 0;
position: relative !important;
top: 0 !important;
left: 0 !important;
clear: right;
}

.grid-item.teaser {
height: auto;
min-height: auto;
}

.grid-item.teaser .inner {
height: 5cm;
overflow: hidden;
float: left;
width: 100%;
}

.file,
.teaser a {
text-decoration: none;
}

.teaser.grid-item a:after {
display: none;
}

	.text .download-list {
	list-style: none;
	padding-left: 0;
	}

.file strong {
width: 100%;
float: left;
}

.file:after {
width: 100%;
float: left;
content: attr(href);
padding-bottom: 1em;
}

}