/* ==========================================================================
   media queries
   ========================================================================== */

.breakpoint {
	background: #ff7777;
	border-radius: 12px;
	bottom: 24px;
	color: #fff;
	display: none;
	font-size: 16px;
	letter-spacing: 4px;
	line-height: 24px !important;
	opacity: .75;
	padding: 0 10px 2px;
	position: fixed;
	right: 24px;
	text-align: center;
	width: auto;
	z-index: 1000;
}

.breakpoint:before { content: "mobile" }


@media only screen and (min-width: 480px) {
	.banner { font-size: 1.125em; /* 18px */ width: 480px; }
	.banner--closed { width: 60px; }
}


@media only screen and (min-width: 768px) {
	.gallery a { height: 100px; width: 22%; }
}

@media only screen and (min-width: 1024px) {
	.breakpoint { background: #ffa900; }
	.breakpoint:before { content: "> 1023px" }

	.screen { display: inline-block; }
	.mobile { display: none; }
	.menu-btn { display: none; }
	.nav-main { display: flex; }
	.nav-main__item { white-space: nowrap; }
	.nav-language { display: block; }
	.h1 { font-size: 3em; /* 42px */ }
	.dl__dt { float: left; min-width: 225px; }
	.dl__dd { float: left; }
	.columns { margin: 0 -30px; }
	.column { float: left; padding: 0 30px; min-height: 1px; }
	.column--left { width: 275px; }
	.column--right { width: 637px; }
	.column--50 { width: 50%; }
	.company--2col__column { border-right: 1px solid #000; }
	.company--2col__column--last { border: none; }
	.column--33 { width: 33%; }
	.company--3col__column { border-right: 1px solid #000; }
	.company--3col__column--last { border: none; }
	.pagefooter { margin-top: 100px; }
	.map-hint { display: block; }
	.map-legend { display: block; }
	.mobile-blocker { display: none; }
}

@media print,
	   (-webkit-min-device-pixel-ratio: 1.25),
	   (min-resolution: 1.25dppx),
	   (min-resolution: 120dpi) {
	/* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
	*,
	*:before,
	*:after {
		background: transparent !important;
		color: #000 !important; /* Black prints faster:
								   http://www.sanbeiji.com/archives/953 */
		box-shadow: none !important;
		text-shadow: none !important;
	}

	a,
	a:visited {
		text-decoration: underline;
	}

	a[href]:after {
		content: " (" attr(href) ")";
	}

	abbr[title]:after {
		content: " (" attr(title) ")";
	}

	/*
	 * Don't show links that are fragment identifiers,
	 * or use the `javascript:` pseudo protocol
	 */

	a[href^="#"]:after,
	a[href^="javascript:"]:after {
		content: "";
	}

	pre {
		white-space: pre-wrap !important;
	}
	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	/*
	 * Printing Tables:
	 * http://css-discuss.incutio.com/wiki/Printing_Tables
	 */

	thead {
		display: table-header-group;
	}

	tr,
	img {
		page-break-inside: avoid;
	}

	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}

	h2,
	h3 {
		page-break-after: avoid;
	}
}