@media screen and (min-width: 1200px) {
	.history-listing .odd, .history-listing .even {
		background: transparent !important;
	}
}

/* Desktop 960px */
@media screen and (min-width: 960px) and (max-width: 1200px) {
	.wrapper {
		/* width:960px; */
	}
	.container h2 {
		font-size: 70px;
	}
	#footer ul {
		font-size: 32px;
	}
	.history-listing .historie-title {
		font-size: 32px;
	}
	.history-listing .odd, .history-listing .even {
		background: transparent !important;
	}
}

/* Tablet */
@media screen and (min-width: 740px) and (max-width: 980px) {
	.wrapper {
		/* width:720px; */
	}
	/* .logo-container span {
	display: none !important;
} */
	.row {
		font-size: 28px;
	}
	.container h2 {
		font-size: 60px;
	}
	.header-addition p {
		font-size: 22px;
		line-height: 1.2;
	}
	.module-usp-row ul li {
		/* width: 33%; */
		/* margin-bottom: 20px; */
		font-size: 20px;
	}
	.module-usp-row ul li .circle {
		width: 140px;
		height: 140px;
	}
	.module-usp-row ul li.fifth .circle {
		width: 110px;
		height: 110px;
	}
	.module-usp-row ul li.fifth img {
		height: 80px;
	}
	.module-teaserblock .teaserblock-row .container p {
		text-align: center;
		font-size: 32px;
		line-height: 1.2;
	}
	#footer {
		padding-bottom: 70px !important;
	}
	#footer ul {
		font-size: 20px;
	}
	.module-teaserblock .teaserblock-row .container .wrapper .row img {
		max-height: 250px;
		max-width: 400px;
	}
	.module-header .header-btn {
		font-size: 20px;
		border-radius: 5px;
		padding: 5px 8px;
	}
	.contact-form .wrapper select {
		font-size: 18px;
		background: #fff;
		width: 100%;
		padding: 6px 0;
	}
	.job-image {
		width: 200px;
		position: absolute;
		top: 50%;
		-ms-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.history-listing .odd, .history-listing .even {
		background: transparent !important;
	}
	.history-listing .row {
		height: auto;
	}
	.history-listing .historie-title {
		position: initial;
	}
	.module-intro .location {
		height: auto;
		/* padding-left: 0 !important; */ 
		/* padding-right: 0 !important; */
	}
	.module-intro .location:nth-child(1) {
		/* margin-bottom: 50px; */
	}
	.module-header .header-addition span {
		position: initial;
	}
	.text-wrapper {
		height: 180px;
	}
	.module-text-center.text-wrapper {
		height: auto;
	}
	.module-press .text-wrapper {
		height: auto;
	}
	.module-intro .header-addition * {
		font-size: 14px;
	}
	.prater-weather .weather-icon {
		/* margin-top: 10px; */
		/* width: 100%; */
		height: 50px !important;
	}
	html.pratergarten #language-switcher {
		position: fixed;
		left: 0;
		text-align: left;
		top: 30px;
		z-index: 10;
	}
	html.pratergarten .name-container {
		width: 100%;
	}
	.prater-weather-wrapper {
		padding-top: 20px;
		padding-right: 20px;
	}
	.prater-weather .temp-wrapper {
		margin-top: 10px;
		height: 50px !important;
	}
}


@media screen and (min-width: 740px) and (max-width: 980px) and (orientation : portrait) { 
	html.pratergarten #language-switcher {
		position: absolute !important;
		left: auto;
	}
}



/* Mobile */
@media only screen and (max-width: 739px) and (orientation: landscape) {
	.logo-container > a {
	}
	.name-container {
	}
}
@media only screen and (max-width: 739px) {
	.wrapper {
		width:100%;
		padding-left: 0;
		padding-right: 0;
	}
	.fancybox-wrap .wrapper {
		padding-left: 10px;
		padding-right: 10px;
	}
	.fancybox-wrap .historie-wrapper img {
		width: 100%;
		height: auto;
	}
	.fancybox-wrap .historie-wrapper img {
		width: 100%;
		height: auto;
	}
	#header {
		margin-top: 0;
	}
	#header > .container {
		margin-top: 0;
	}
	h1 {
		font-size: 40px !important;
	}
	html.pt-restaurant .logo-container,
	html.pt-restaurant .mobile-address-container {
		background: #e62322;
	}
	html.pt-beer-garden .logo-container,
	html.pt-beer-garden .mobile-address-container,
	html.pratergarten .logo-container,
	html.pratergarten .mobile-address-container {
		background: #1b992b;
	}
	#header .logo-container {
		position: fixed;
		top: 0;
		z-index: 10;
		width: 100%;
		min-height: 55px;
		max-height: 75px;
		box-shadow: 0px 5px 4px -5px rgba(0, 0, 0, 0.5);
	}
	.logo-container > a {
		font-size: 40px;
		/*display: block;*/
		/*border-bottom: 1px solid #d41c09;*/
		/*box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.15);*/
	}
	#header .logo-container a img {
		max-height: 75px;
	}
	.logo-container .prater-weather-wrapper {
		display: none;
	}
	.logo-container .address-container {
		visibility: hidden;
		padding: 0 !important;
	}
	#header .name-container {
		font-size: 10vw;
		letter-spacing: 0 !important;
	}
	.address-container {
		/*margin-top: 85px;*/
		font-size: 22px;
		line-height: 1.2;
	}
	.telephone-container,
	.mobile-address-container {
		/* position: absolute; */
		/* z-index: 5; */
		/* left: 0; */
		letter-spacing: 0;
		/* width: 100%; */
		height: 30px;
		padding-top: 9px;
		text-align: center;
		/*.bg-red;*/
		/*.pf;*/
		/*.textCenter;*/
		/*.fullwidth;*/
		/*z-index: 10;*/
		/*font-size: 20px;*/
		/*line-height: 32px;*/
		/*height: 30px;*/
	}
	.social-container > div {
		height: 30px;
		font-size: 16px;
		padding-top: 7px;
		padding-bottom: 5px;
	}
	.offNavigation {
		/*position: absolute;*/
		/*top: 0;*/
		/*right: 5px;*/
		/*font-size: 28px;*/
	}
	.offNavigation span {
		right: 15px;
	}
	.container h2 {
		font-size: 40px;
	}
	html.pt-restaurant .module-header h3 {
		font-size: 24px;
	}
	.module-header {
		/*padding-left: 15px;*/
		/*padding-right: 15px;*/
	}
	.module-header .header-addition {
		margin-top: 10px;
	}
	.module-header .header-addition p {
		/*font-size: 20px;*/
		/*line-height: normal;*/
	}
	.module-intro .location {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.module-intro .location {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.module-intro .location:last-child, 
	.module-intro .location > * {
		/* height: auto; */
	}
	.module-usp-row.row {
		padding: 0;
	}
	.module-usp-row ul li,
	ul.job-listing li {
		border-bottom: 10px solid #1A1919;
		color: #1A1919;
		text-align: left;
		list-style-type: none;
		margin: 0;
	}
	.module-usp-row ul li.odd,
	ul.job-listing li.odd {
		background: #ffe29d !important;
	}
	html.pt-beer-garden .module-usp-row ul li.even,
	ul.job-listing li.even {
		background: #1b992b !important;
	}
	.module-usp-row ul li:last-child,
	ul.job-listing li:last-child {
		border-bottom: 0;
	}
	.module-usp-row a {
		color: #1A1919;
	}
	.module-usp-row .description-wrapper {
		height: 85px;
	}
	.module-usp-row ul li .description  {
		display: inline-block;
		margin-top: 0;
	}
	.module-usp-row ul li.fifth {
		width: 100%;
	}
	.module-usp-row ul li.fifth a {
		color: #111;
	}
	.module-usp-row ul li img {
		max-height: 100%;
		/*width: 100%;*/
	}
	/*.module-usp-row ul li .circle {*/
	.circle {
		float: left;
		background: transparent !important;
		width: auto;
		height: auto;
		min-width: 90px;
		min-height: 85px;
		margin-left: 5px;
		margin-right: 5px;
	}
	.module-teaserblock .teaserblock-row .container p {
		/*font-size: 20px;*/
		/*line-height: 1.2;*/
	}
	.module-teaserblock .teaserblock-row .container h2 {
		/*font-size: 48px;*/
	}
	#footer ul li {
		float: none;
		padding-left: 0;
		padding-top: 5px;
		padding-bottom: 5px;
		font-size: 24px;
	}
	#footer ul li:after {
		content: "";
	}
	.module-text-right-img-left {
		margin-bottom: 10px;
	}
	.module-text-right-img-left .text-wrapper {
		padding: 0;
		height: 60px;
	}
	.module-text-right-img-left .text-wrapper h2 {
		/*font-size: 54px;*/
		/*margin-bottom: 10px;*/
	}
	.module-text-right-img-left p {
		/*font-size: 20px;*/
		/*line-height: 1.3;*/
	}
	.module-text-right-img-left .row {
		min-height: 85px;
	}
	.module-header .header-btn {
		/*display: none;*/
	}
	.fancybox-skin .jobs-wrapper {
		/*padding: 10px !important;*/
	}
	.fancybox-skin .jobs-wrapper p,
	.fancybox-skin .jobs-wrapper a,
	.fancybox-skin .jobs-wrapper li,
	.fancybox-skin .historie-wrapper p,
	.fancybox-skin .historie-wrapper a,
	.fancybox-skin .historie-wrapper li{
		font-size: 18px !important;
		line-height: 1.3 !important;
		font-family: helvetica, sans-serif !important;
	}
	.fancybox-skin .jobs-wrapper p {
	}
	.contact-form .wrapper h1,
	.contact-form .wrapper > span > p {
		padding-left: 10px;
		padding-right: 10px;
	}
	.contact-form .wrapper select {
		font-size: 18px;
		background: #fff;
		width: 100%;
		padding: 6px 0;
	}
	.history-listing, .history-listing .row  {
		padding: 0;
		height: auto;
	}
	.history-listing .row {
		border-bottom: 10px solid #1A1919;
		margin: 0;
		height: 85px;
	}
	.history-listing .historie-title {
		/* position: initial; */
		/* float: left; */ 
		/* padding-left: 15px; */
		text-align: left;
		margin: 0;
		left: 20px;
	}
	.history-listing .circle {
		border-radius: 0;
		width: 16.666% !important;
		height: 100% !important;
		margin: 0;
	}
	.history-image {
		width: auto;
		height: auto;
		min-height: auto;
		/*display: inline-block;*/
		float: left;
		/*margin-right: 10px;*/
	}
	.history-image img {
		width: auto;
	}
	.job-image {
		/*width: 100%;*/
	}
	.job-image img {
		/*width: 300px;*/
	}
	.job-listing a {
		/*width: 100%;*/
	}
	.module-image-icons .module-header div:nth-child(2) {
		/*position: initial;*/
		/*top: initial;*/
		/*right: initial;*/
		/*-ms-transform: initial;*/
		/*-moz-transform: initial;*/
		/*-webkit-transform: initial;*/
		/*transform: initial;*/
	}
	.job-listing.row {
		/*height: 250px;*/
		padding: 0;
	}
	.job-listing .row {
		padding: 0;
	}
	.job-listing .row a .job-title {
		height: 75px;
	}
	.job-listing .row a .job-title .description {
		left: 0;
	}
	.job-listing .row a img {
		height: 75%;
	}
	.module-intro .location {
		/*height: auto;*/
		/*padding-left: 0 !important;*/
		/*padding-right: 0 !important;*/
	}
	.module-intro .location:nth-child(1) {
		/*margin-bottom: 50px;*/
	}
	.module-header .header-addition span {
		position: initial;
	}
	.prater-weather {
		text-align: left;
	}
	.prater-weather-mobile-wrapper .weather {
		position: inherit;
		left: initial;
	}
	.prater-weather-mobile-wrapper .prater-weather .circle {
		min-height: 24px;
		height: 60px;
		position: relative;
		min-width: 14.9999% !important;
	}
	.prater-weather-mobile-wrapper .prater-weather .weather-icon {
		position: inherit;
		top: auto;
		left: auto;
		transform: inherit;
	}
	html.pratergarten #language-switcher {
		position: fixed;
		left: 0;
		text-align: left;
		top: 30px;
		z-index: 10;
	}
	html.pratergarten .name-container {
		width: 100%;
	}
}

@media screen and (max-width: 1100px) {

}

@media screen and (max-width: 1000px) {
	.prater-weather-wrapper .weather .weather-icon {
		height: 40px;
	}
}

@media screen and (max-width: 1200px) {
	#header .address-container,
	#header .logo-container .restaurant-right,
	#header .prater-weather-wrapper span {
		font-size: 2vw !important;
	}
}

/* Retina Images */
@media only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min-device-pixel-ratio: 2) {
		/* beispiel für retina images */
		.sprite {
			background-image: url(//static.pratergarten.de/img/spriteHQ.png) !important;
			background-size: 1000px 1000px !important;
		}
	}