/* ==========================================================================
   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: ">= 1024px" }

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

	/*table { width: auto !important; }
	table col { width: auto !important; }
	.table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }*/

	.nav-meta-top,
	.nav-language,
	.nav-social,
	.nav-main { display: none; }

	.menu-btn { display: block; margin: 1.05em 0 0 2em; height: 2.5em; /* 40px */ width: 3.1875em; /* 51px */ }
	.header-img, #page-1 .header-img { height: 18.75em; } /* 300px */
}

/* max 959px */
@media only screen and (max-width: 959px) {
	.breakpoint { background: #f0f0; }
	.breakpoint:before { content: "< 960px" }

	.content, .aside { float: none; margin-bottom: 2em; width: 100%; }
}

/* max 767px */
@media only screen and (max-width: 767px) {
	.breakpoint { background: #04a0bf; }
	.breakpoint:before { content: "< 768px" }

	.menu-btn { display: block; margin: 1em 0 0 1.5em; height: 2.25em; /* 36px */ width: 2.875em; /* 45px */  }
	a.logo-main { height: 3.1875em; /* 51px */ width: 18.75em; /* 300px */ }
	.header-img, #page-1 .header-img { height: 15em; } /* 240px */

	.ge-2col { margin-bottom: 0; }
	.ge-2col-col1, .ge-2col-col2 { float: none; margin-bottom: 1.75em; width: 100%; }

	.cookie_text { float: none; margin-bottom: 2em; max-width: 100%; }
	#tx_cookies_accept input[type="submit"] { float: none; width: 100%; }
}

/* max 479px */
@media only screen and (max-width: 479px) {
	.breakpoint { background: #15d100; }
	.breakpoint:before { content: "< 479px" }

	.menu-btn { display: block; margin: .9em 0 0 1em; height: 1.6875em; /* 27px */ width: 2.125em; /* 34px */ }
	a.logo-main { height: 2.375em; /* 38px */ width: 13.75em; /* 220px */ }
	.header-img, #page-1 .header-img { height: 11.25em; } /* 180px */
}

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