body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}.aspect--9\:16,.responsive.ratio-916{padding-bottom:177.7777%}.aspect--1\:1,.responsive.ratio-11{padding-bottom:100%}
/* FONTS */
/* lora-regular - latin */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('/files/fonts/lora-v26-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/files/fonts/lora-v26-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* lora-500 - latin */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 500;
  src: local(''),
       url('/files/fonts/lora-v26-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/files/fonts/lora-v26-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* lora-600 - latin */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 600;
  src: local(''),
       url('/files/fonts/lora-v26-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/files/fonts/lora-v26-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* lora-700 - latin */
@font-face {
  font-family: 'Lora';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('/files/fonts/lora-v26-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/files/fonts/lora-v26-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* lora-italic - latin */
@font-face {
  font-family: 'Lora';
  font-style: italic;
  font-weight: 400;
  src: local(''),
       url('/files/fonts/lora-v26-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/files/fonts/lora-v26-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* lora-500italic - latin */
@font-face {
  font-family: 'Lora';
  font-style: italic;
  font-weight: 500;
  src: local(''),
       url('/files/fonts/lora-v26-latin-500italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/files/fonts/lora-v26-latin-500italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* lora-600italic - latin */
@font-face {
  font-family: 'Lora';
  font-style: italic;
  font-weight: 600;
  src: local(''),
       url('/files/fonts/lora-v26-latin-600italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/files/fonts/lora-v26-latin-600italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* lora-700italic - latin */
@font-face {
  font-family: 'Lora';
  font-style: italic;
  font-weight: 700;
  src: local(''),
       url('/files/fonts/lora-v26-latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/files/fonts/lora-v26-latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* oswald-200 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 200;
  src: local(''),
       url('/files/fonts/oswald-v49-latin-200.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/files/fonts/oswald-v49-latin-200.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* oswald-300 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('/files/fonts/oswald-v49-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/files/fonts/oswald-v49-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* oswald-regular - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('/files/fonts/oswald-v49-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/files/fonts/oswald-v49-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* oswald-500 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 500;
  src: local(''),
       url('/files/fonts/oswald-v49-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/files/fonts/oswald-v49-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* oswald-600 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 600;
  src: local(''),
       url('/files/fonts/oswald-v49-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/files/fonts/oswald-v49-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* oswald-700 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('/files/fonts/oswald-v49-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/files/fonts/oswald-v49-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}




.cover:nth-child(1) {
	background-image: url('/files/cover/home.webp');
	}
.cover:nth-child(2) {
	background-image: url('/files/cover/schulen.webp');
	}
.cover:nth-child(3) {
	background-image: url('/files/cover/gewerblich.webp');
	}
.cover:nth-child(4) {
	background-image: url('/files/cover/kollaboration.webp');
	}
.cover:nth-child(5) {
	background-image: url('/files/cover/infrastruktur.webp');
	}
.cover:nth-child(6) {
	background-image: url('/files/cover/produkte.webp');
	}
.cover:nth-child(7) {
	background-image: url('/files/cover/services.webp');
	}

/* COLORS */

:root {
  --yellow: #FFD73D;
  --orange: #FF8B30;
  --blue: #70B9DA;
  --darkblue: #4994cc;
  --green: #5BAB7C;
  --red: #FF3530;
  --fphgreen: #a4c22b;
}


/* STYLES */

body {
	font: medium Lora, serif;
	margin: 0;
	font-size: 62.5%;
	background-color: rgba(244, 244, 244, 0.84); /*#eaeaea;*/
	}


h1, h2, h3, th, #header, #footer, .tiles li, button, .btn,
.bar ul, .subway {
	font:-apple-system-headline;
	font-family: Oswald, sans-serif;
	margin-bottom: 0;
	}

h1 { 
	font-size: 2rem;
	font-weight: 300;
	}
h2 {
	font-size: 1.8rem;
	font-weight: 200;
	letter-spacing: 1pt;
	}
h3 {
	font-size: 1.3rem;
	font-weight: 300;
	letter-spacing: 1pt;
	}

p, ul, ol, dl, table, td {
	font-size: 1rem;
	}

.bar, #header, #footer {
	background-color: rgba(233, 233, 233, 0.84); /*#eaeaea;*/
	width: 100%;
	height: 2.5rem;
	position: sticky;
	top: 0;
	z-index: 99;
	-webkit-backdrop-filter: saturate(180%) blur(11px);
	backdrop-filter: saturate(180%) blur(11px);
	}
#footer {
	background-color: #ddd;
	text-align: right;
	margin-top: 9em;
	height: auto;
}
#footer .inside {
	padding-right: 40px;}
#footer ul {
	margin-block-end: 0;
}

:is(.bar, #header, #footer) ul {
	letter-spacing: 0.66pt;
	font-size: 1.2rem;
	margin-top: 0;}
:is(.bar, #header, #footer) ul li {
	display: inline-block;
	}
:is(.bar, #header, #footer) ul li:before {
 	font: medium Lora, serif;
	content:'/';
	vertical-align: super;
	font-size: 1.6rem;
	}

.mod_navigation a {
	text-decoration: none;
	transition: all 0.3s;
	}

.mod_navigation li {
	padding-right: 1rem;
    margin-right: 0;
    transition: all 0.3s;
	}


.mod_navigation li.sibling {
	border-bottom: 1.5px solid var(--orange);}
.mod_navigation li.sibling:hover {
	border-bottom: 7px solid var(--orange); }
.mod_navigation li.active {
	border-bottom: 7px solid var(--blue); }

.mod_navigation li:nth-child(1) {border-color: var(--fphgreen) !important; }
.mod_navigation li:nth-child(2) {border-color: var(--green) !important; }
.mod_navigation li:nth-child(3) {border-color: var(--blue) !important; }
.mod_navigation li:nth-child(4) {border-color: var(--yellow) !important; }
.mod_navigation li:nth-child(5) {border-color: var(--orange) !important; }


/* responsive hamburger */
.hamburger, .hamburgerlines {
	display: none;
	}
@media screen and (max-width: 720px) {
	#header {
		background: none;
		-webkit-backdrop-filter: none;
		backdrop-filter: none;
		height: 0px;
		pointer-events: none;
		}
	
	.hamburger {
		display: block;
		position: absolute;
		height: 44px;
		width: 44px;
		margin: 0;
		Xtop: 20px;
		Xleft: 20px;
		z-index: 5;
		opacity: 0;
			xbackground-color: white;
			xborder: dotted 1px red;
		cursor: pointer;
		pointer-events: auto;
		}
	
	.hamburgerlines {
		display: block;
		height: 24px;
		width: 30px;
		padding: 10px 7px;
		background-color: rgba(244, 244, 244, 0.84); /*#eaeaea;*/
	
		position: absolute;
		xtop: 17px;
		xleft: 20px;
	
		z-index: 2;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		}
	
	.hamburgerlines .hamburgerline {
		display: block;
		height: 4px;
		width: 100%;
		border-radius: 10px;
		background: #0e2431;
		}
	
	.hamburgerlines .line1 {
		transform-origin: 0% 0%;
		transition: transform 0.4s ease-in-out;
		}
	.hamburgerlines .line2 {
		transition: transform 0.2s ease-in-out;
		}
	.hamburgerlines .line3 {
		transform-origin: 0% 100%;
		transition: transform 0.4s ease-in-out;
		}
		
	.mod_navigation ul {
		padding-left: 44px;
	    background-color: rgba(244, 244, 244); /* blur would be nice */
		display: flex;
		flex-direction: column;
		transform: translateX(-150%);
		transition: transform 0.5s ease-in-out;
		}

	.mod_navigation li a {
		pointer-events: auto;
		}

	.mod_navigation input[type="checkbox"]:checked ~ .hamburgerlines {
		background-color: none;
		}

	.mod_navigation input[type="checkbox"]:checked ~ ul {
		transform: translateX(0);
		}
	.mod_navigation input[type="checkbox"]:checked ~ .hamburgerlines .line1 {
		transform: rotate(45deg);
		}
	.mod_navigation input[type="checkbox"]:checked ~ .hamburgerlines .line2 {
		transform: scaleY(0);
		}
	.mod_navigation input[type="checkbox"]:checked ~ .hamburgerlines .line3 {
		transform: rotate(-45deg);
		}
}	


.covercontainer {
	display: flex;
	Xoverflow: auto;
	Xscroll-snap-type: x mandatory;
	Xscroll-padding: 0 24px
	}
.cover {
	display: inline-flex;
	scroll-snap-align: center;
	width: 100vw;
	min-width: 100vw;

	height: 69vh;
	max-height: 60vh;
	aspect-ratio: 3/2;

	background-size: auto 100%;
	background-repeat: no-repeat;
	background-color: #ac956d;
	
	justify-content: center;
	align-items: center;
	}
	
/*.cover:nth-child(n) >> fph-relative.css */
	
.coverindicator {
	text-align: center;
	}
.coverindicator input {
    -webkit-appearance: none;
	border-radius: 50%;
	background-color: #ddd;
    width: 1.2em;
    height: 1.2em;
    margin: 6px;
    cursor: pointer;
    }
.coverindicator input:checked {
	background-color: #888;
	}

@media (max-width: 720px) {
	div.cover {
		height: auto;
		}
	}

#main a {
	text-decoration: none;
	border-bottom: 2.5px solid var(--fphgreen);
	margin-right: 0.7em;
}
#main a:after {
	content:'';
	display: inline-block;
	width: 0;
	height: 1.2em;
	border-left: 3.5px solid var(--fphgreen);
	position: relative;
	bottom: -7px;
    left: 6px;
	transform: skew(333deg);
}
#main a:hover {
	text-decoration: none;
	border-bottom: 3.5px solid var(--fphgreen);
}
#main a:hover:after {
	border-left: 4.5px solid var(--fphgreen);
}

.partnerlogo > a:first-child {
    border-bottom: none !important;
}

.partnerlogo > a:first-child:after {
    border-left: none !important;
}

button, .btn {
	min-width: 7rem;
    height: 2rem;
	transform: skewX(333deg);
    font-size: 1.05rem;
    letter-spacing: 0.6pt;
	cursor: pointer;
	Xmargin-left: calc( calc(100% - 375px) * 0.7);
    }
button .label, a .label {
	transform: skewX(27deg);
	display:inline-block;
	}

.btn {
	display:inline-block;
	background-color: var(--fphgreen);
	background: linear-gradient(to bottom, var(--fphgreen), var(--green));
	text-align: center;

	height: 3rem;
	font-size: 1.8rem;
	padding: 1.2rem 2rem;

	mix-blend-mode: color;
	-webkit-backdrop-filter: opacity(11%) blur(7px);
	backdrop-filter: opacity(11%) blur(7px);

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	text-decoration: none;
	z-index: 11;
	margin-top: 0.5em;
	margin-right: 0.3em;
	white-space:nowrap;

	color: white;
    text-shadow: 1px 1px 3px grey;
	box-shadow: #555 2px 1px 3px;
	transition: all 0.3s;
	}

.cover:nth-child(1) .btn { background: linear-gradient(to bottom, var(--fphgreen), var(--green)); }
.cover:nth-child(2) .btn { background: linear-gradient(to bottom, var(--fphgreen), var(--green)); }
.cover:nth-child(3) .btn { background: linear-gradient(to bottom, var(--blue), var(--darkblue)); }
.cover:nth-child(4) .btn { background: linear-gradient(to bottom, var(--yellow), var(--orange)); }
.cover:nth-child(5) .btn { background: linear-gradient(to bottom, var(--yellow), var(--orange)); }

.btn:hover {
	box-shadow: #555 2px 1px 7px;
	filter: saturate(2);
	}


.logo,
ximg.logo
 {
 	text-align: right;
	margin-top: 2rem;
	margin-bottom: 3rem;
	margin-right: 20px; }

.logo img {
	max-width:66vw;
	}

.ce_headline,
.ce_text:not(.linie1) > *,
.linie1,
.article,
.back {
	width: 70rem;
	max-width: 95vw;
	margin-right: auto;
	margin-left: auto;
	float: none; }
.ce_text:not(.linie1) > ol {
	max-width: calc( 95vw - 3em );
	}

.mode_edu {}
.mode_smb {}
.mode_collab {}
.mode_infrastructure {}

.linie1 {
	width: 34rem;
	margin-top: 2rem;
	margin-bottom: 5rem;
	border-left: 0.5rem solid var(--orange);
	Xmargin-left: 1.5rem;
	padding-left: 1rem;
	}

.mode_edu .linie1	{ border-color: var(--green);}
.mode_smb .linie1	{ border-color: var(--blue);}
.mode_collab .linie1	{ border-color: var(--yellow);}


.linie1 h2, .linie1 h3 {
	position: absolute;
	margin-top: 3rem;

	font-weight: 700;
	display: inline-block;
	clear: both;
	margin-left: -3rem;
	background-color: white;
	padding: 0.2rem 1.3rem 0.4rem ;
	border: solid 4px black;
	-moz-border-radius: 0.3rem;
	-webkit-border-radius: 0.3rem;
	border-radius: 2rem;
	}

.linie1 h2 + p {
	margin-top: 9rem;
	}

.linie1 > h2:first-child {
	margin-top: 0;
	}
.linie1 h2:first-child + p {
	margin-top: 5rem;
	}


/* grid */

div.grid {
	display: grid;
	max-width: 95vw;
	margin-right: auto;
	margin-left: auto;
	grid-template-columns: 1fr 1fr 1fr;
	}
div.grid :is(h1,h2,p) {
	grid-column-start: 2;
	grid-column-end: 2; }
div.grid p.cover {
	grid-column-start: 1;
	grid-column-end: -1;
	}
	
	
.Xmod_article, .mgrid {
	display: grid;
	width:70rem;
	max-width: 95vw;
	margin-right: auto;
	margin-left: auto;
	margin-top: 2em;
	margin-bottom: 3em;
	grid-template-columns: repeat( auto-fill, minmax(26rem, 1fr) );
	grid-row-gap: 1em;
	grid-column-gap: 4em;
	}
.mgrid3 {
	grid-template-columns: repeat( auto-fill, minmax(17rem, 1fr) ) !important;
}

:is(.Xmod_article, .mgrid) .ce_headline, .mgrid h2, .mgrid h3 {
	width: max-content;
	grid-column-start: 1;
	grid-column-end: -1;
	}
:is(.Xmod_article, .mgrid) .ce_text:not(.linie1) > *,
.mgrid p,
.mgrid.ce_text:not(.linie1) > * {
	width: auto;
	}


p:not(.intro) {
	margin-block-start: 0.5rem;
	
	line-height: 1.6rem;

	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	
	-webkit-hyphenate-limit-before: 4;
	-webkit-hyphenate-limit-after: 4;
	
	-webkit-hyphenate-limit-lines: 2;
	hyphenate-limit-lines: 2;

	-moz-hyphenate-limit-chars: 8 4 4;
	-webkit-hyphenate-limit-chars: 8 4 4;
	hyphenate-limit-chars: 8 4 4;
	}
	
p.intro {
	font-size: 1.33rem;
	margin-bottom: 2rem; }


@media (min-width: 50rem) {
	.logo {margin-right: 11rem;}
	blockquote { margin-left: -6rem; }
	
	iframe {
		position: absolute;
		left: 3rem;
		width: calc( 100vw - 6rem );
		}
	.iframeafter {
		xdisplay:block;
		height: 540px;
		}
	
	.Xflexpartner li {margin-left: -3rem; }
	
	:is(.article, #main) img.cover {
		position: absolute;
		left: 3rem;
		width: calc( 100vw - 6rem );
		}
	:is(.article, #main) img.cover::after {
		display:block;
		height: 540px;
		}

	.mgrid {
		grid-template-columns: repeat( auto-fill, minmax(28rem, 1fr) );
		}
	}


blockquote, blockquote * {
	color: #212121;
	font-size: 1.7rem;
	line-height: 2.2rem !important;
	font-weight: 400;
	font-style: italic;
	}

blockquote .author {
	display: block;
	text-align: right;
	color:#a8b73e;
	font-size: 1.3rem;
	}
	
blockquote:before {
	display: block;
	position: relative;
	top: 0.4rem;
	left: -2rem;
	font-size: 5rem;
	color:#c0d147;
	z-index: -11;
	content:"»";
	}


/* list */
:is(.article, .ce_text)>Xul {
	list-style: none;
	}
:is(.article, .ce_text)>Xli:before {
	content: "\2022";
	font-weight: bold;
	color:#c0d147;
	margin-right: 0.6rem;
	margin-left: -1rem;
	}

.inside ul {
	padding-left: 3.6em;
	list-style-type: "→";
	}
.inside li {
	line-height: 1.6rem;
	padding-left: 0.6em;
}


.tablewrapper {
	overflow: auto;
	}
table {
	margin-top: 0.5rem;
	width: 100%;
	max-width: 92vw; }
table th {
	font-size: 1rem;
	text-align: right;
	}

table tr:first-child th {
	letter-spacing: 0.66pt;
	font-size: 1.2rem;
	text-align: left;
	border-bottom: 1px solid gray;
	}
tr:nth-child(2n+3) * {
	background-color: rgba(248, 248, 255, 1);
	}
table th, table td { padding: 0.2rem; }

.subway {
	display: inline-block;
	color: #fff;
	width: 3rem;
	text-align: center;
	margin-right: 5pt; }
.subway.blue {background-color: #2e7dac;}
.subway.green {background-color: #40ac3b;}


img {
	height: auto !important;
	max-width: 100%; }

.linie h2, .linie h3 {
	margin-block-start 0;
	margin-top: 0;
	display: inline-block;
	clear: both;
	padding: 0.3rem 1.3rem;
	border: solid 4px black;
	-moz-border-radius: 0.3rem;
	-webkit-border-radius: 0.3rem;
	border-radius: 2rem;
	}
	
.linie p {
	margin-top: 0;
	margin-bottom: 0;

	margin-left: 1.5rem;
	padding-left: 1rem;
	border-left: 7pt solid #e98e3d;

	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	}

.partnersection {
	grid-row-gap: 5em;
	}
.partnerlogo{
	display:flex;
	min-height: 14em;
	margin-bottom: 2em;
	align-items: center;
	}
.partnerlogo img {
	max-width: 79%;
	max-height: 13em;
	mix-blend-mode: multiply;
	filter: grayscale(1);
	transition: all 3s ease;
	}
.partnerlogo img:hover {
	filter: grayscale(0);
	transition: all 0.3s ease;
	}

@media print {
	.bar, #header, #footer {display:none;}
	}