@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1640px) {
	body {font-size:15px;}
	._cBlocks {width:85.42%; min-width:1440px;}/*width = 609 from 768*/
	.header ._cBlocks {width:85.42%; min-width:1440px;}
	.header .logo {background-size:98%;}
	.slider .big_logo {width:27.46em/*412px*/;height:24.13em/*362px*/;background-size:100%;}
	
	._firstParalax {background-position:center 6em ;}
	/*------- wc_block ------*/
	.wc_block ._cBlocks {min-height:33em;}
	.wc_block ._topover {margin-top: -3.25em/*100px*/;}
	.wc_block ._right_content h3 {font-size: 1.75em/*22.5px*/;line-height: 1.3em/*24px*/;}
	.wc_block ._right_content p, .wc_block ._left_content p,.list_tab p {font-size: 1.2em/*24px*/;margin:0.8em  0;}
	._fblock {min-height:33em;}
	
	
	/*------- menu ------*/
	.menu .javie_sm_logo {margin-top: 1em;}
	.menu ._left_content h2, .menu ._right_content h2 {font-size: 3em;line-height: 1.5em;}
	._title ._text_container {height: 16em;}
	._pattern ._left_content, ._pattern ._right_content {padding:7em 4.375em /*70px*/ 6em 4.375em /*70px*/;}
	._p_padding ._left_content,._p_padding ._right_content {padding:2.5em 4.375em /*70px*/ 4em 4.375em /*70px*/;}
	.menu ._topover img {margin-top: -4.7em/*60px*/;}
	.list_tabs .list_tabs_head li {font-size: 2.75em;}
	#telNumber, #VorName {margin-right: 1em;}
	
	.reservierung ._fblock {height: 26.25em/*420px*/;min-height: 26.25em;}
}

@media screen and (max-width: 1520px) {
	body {font-size:14px;}
	._cBlocks {width:87.8%; min-width:1280px;}/*width = 609 from 768*/
	.header ._cBlocks {width:87.8%; min-width:1280px;}
	.header .logo {background-size:98%;}
	.slider .big_logo {width:25em/*350px*/;height:21.9em/*307px*/;background-size:90%;margin: 4.5em auto 0 auto}
	.slider ._left_content ._mBlocks h3 {font-size: 3em;}
	._text_container {padding:3em; }
	._left_content, ._right_content {min-height: 14em;}
	/*------- wc_block ------*/
	.wc_block ._cBlocks {min-height:28.75em;}
	.wc_block ._topover {margin-top: -3.25em/*100px*/;}
	.wc_block ._right_content h3 {font-size: 1.75em/*22.5px*/;line-height: 1.3em/*24px*/;}
	.wc_block ._right_content p, .wc_block ._left_content p,.list_tab p {font-size: 1.15em/*24px*/;margin:0.4em  0;}
	._fblock {height:25em;}
	._fblock ._cBlocks {height:26.21em;}
	._fblock ._cBlocks img {width:17%;}
	._firstParalax {background-position:center 8em;}
	
	
	/*------- menu ------*/
	.menu ._text_container {padding: 3em;}
	.menu .javie_sm_logo {margin-top: 1em;}
	.menu ._left_content h2, .menu ._right_content h2 {font-size: 2.5em;line-height: 1.5em;}
	._title ._left_content, ._title ._right_content {height: 14em;}
	._pattern ._left_content, ._pattern ._right_content {padding:7em 3em 6em 3em;}
	._p_padding ._left_content,._p_padding ._right_content {padding:2.5em 3em  4em 3em ;}
	.menu ._topover img {margin-top: -4.7em/*60px*/;}
	.list_tabs .list_tabs_head li {font-size: 2.75em;}
	#telNumber, #VorName {margin-right: .85em;}
}

@media screen and (max-width: 1320px) {
	._cBlocks {width:87.8%; min-width:1000px;}/*width = 609 from 768*/
	.header ._cBlocks {width:87.8%; min-width:1000px;}
	.header .logo {background-size:98%;}
	.header li a {margin:0 1.2em;}
	.slider .big_logo {width:17.85em/*250px*/;height:15.71em/*220px*/;background-size:90%;margin: 2.5em auto 0 auto}
	.slider ._left_content ._mBlocks h3 {font-size: 3em;}
	._text_container {padding:2.5em; }
	._left_content, ._right_content {min-height: 12em;}
	/*------- wc_block ------*/
	.wc_block ._cBlocks {min-height:22.75em;}
	.wc_block ._topover {margin-top: 0;}
	.wc_block ._right_content h3 {font-size: 1.25em;line-height: 1.3em;}
	.wc_block ._right_content p, .wc_block ._left_content p,.list_tab p {font-size: .9em/*24px*/;margin:0.6em  0;}
	._fblock {min-height:35em;height:35em;}
	._fblock ._cBlocks img {width:13%;}
	._firstParalax {background-position:center 14em ;}
	._secondParalax {background-position:center 3em ;}
	
	
	/*------- menu ------*/
	.menu ._text_container {padding: 2.5em;}
	.menu .javie_sm_logo {margin-top: 1em;}
	.menu ._left_content h2, .menu ._right_content h2 {font-size: 2em;line-height: 1.5em;}
	
	.reservierung ._fblock {height:21em;min-height:21em;}
	.reservierung ._fblock ._cBlocks {height:21em;}

	._title ._left_content, ._title ._right_content {height: 12em;}
	._pattern ._left_content, ._pattern ._right_content {width:100%;padding:4em 3em 6em 3em;flex-wrap:wrap;}
	._p_padding ._left_content,._p_padding ._right_content {padding:1.5em 3em  2em 3em ;}
	.menu ._topover img {margin-top: -2.4em/*60px*/;}
	.list_tabs .list_tabs_head li {font-size: 2em;}
	#telNumber, #VorName {margin-right: .55em;}
	.half p {display:block;white-space: pre-line;font-size:1em/*21px*/}
}

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

	._cBlocks {width:100%; min-width:609px;}/*width = 609 from 768*/
	.header ._cBlocks {width:87.8%; min-width:609px;}
	.header .logo {background-size:98%;}
	.header .navbar {display:block;z-index:602;}
	.header ul {height: 100%;width: 0;position: fixed;z-index: 600;top: 0;right: 0;background:#111111 url(../images/pattern.svg) center -60px;overflow-x: hidden;transition: 0.5s;padding:4em 0 0 0;}
	.header ul.active {width:35%;}
	.header ul li:first-child {}
	.header ul li {float:none;width:100%;margin:0.625em 0 0 0 ;overflow:hidden;}
	.header ul li a {display: block;width:82%;line-height:40px;box-sizing:border-box;font-size:1.5em;text-align:right;}
	.header ul li a:before {width:32px;height:32px;background:url(../resources/images/responsive_ico.png);position:absolute;content:'';top:0.875em;left:0px;}
	.instagram, .facebook {float:right;}
	.header .instagram,.header .facebook {margin:0 .5em;}
	
	._left_content, ._right_content {width:100%;}
	.slider .big_logo {width:12.85em;height:8.71em;background-size:70%;margin: 1.5em auto 0 auto}
	.slider ._left_content ._mBlocks h3 {font-size: 3em;}
	.slider ._left_content ._mBlocks {width:100%;box-sizing:border-box;padding-top:5em;}
	.slider ._left_content {width:100%;height:29em;}
	._text_container {padding:2.5em; }
	._left_content, ._right_content {min-height: 12em;}
	/*------- wc_block ------*/
	.wc_block ._cBlocks {min-height:22.75em;}
	.wc_block ._cBlocks:nth-child(1) {display:flex;flex-wrap:wrap;}
	.wc_block ._cBlocks:nth-child(2) {flex-wrap:wrap-reverse;}
	.wc_block ._left_content._text_container {text-align:left;}
	.wc_block ._left_content._flex {justify-content:flex-start;}
	.wc_block ._topover {margin-top: 0;position:static;}
	.wc_block ._right_content h3 {font-size: 1.25em;line-height: 1.3em;}
	.wc_block ._right_content p, .wc_block ._left_content p,.list_tab p {font-size: 1.5em/*24px*/;margin:0.6em  0;}
	._fblock {min-height:31em;min-height:31em;}
	._fblock ._cBlocks img {width:21%;}
	._fblock ._cBlocks a {padding:.2em 1em;font-size:1.5em;}
	._firstParalax {background-position:center 35em ;height: 90em;}
	._secondParalax {background-position:center 15em ;}
	._paralax {background-size:160% !important;}
	
	/*------- menu ------*/
	.menu ._text_container {padding: 2.5em;}
	.menu .javie_sm_logo {margin-top: 1em;}
	.menu ._left_content h2, .menu ._right_content h2 {font-size: 2em;line-height: 1.5em;}
	.reservierung ._fblock {height:20em;min-height:20em;}
	.reservierung ._fblock ._cBlocks {height:20em;}
	#KARTE ._cBlocks:nth-child(1) {flex-wrap:wrap-reverse;}
	._title ._left_content, ._title ._right_content {height:auto;overflow:hidden;}
	._title ._text_container, ._title ._text_container {height: 12em;}
	._pattern ._left_content, ._pattern ._right_content {width:100%;padding:4em 3em 6em 3em;flex-wrap:wrap;}
	._p_padding ._left_content,._p_padding ._right_content {padding:1.5em 3em  2em 3em ;}
	.menu ._topover img {margin-top: -2.4em/*60px*/;}
	.list_tabs .list_tabs_head li {font-size: 2em;}
	#telNumber, #email, #VorName, #NachName {width:48.5%;}
	#telNumber, #VorName {margin-right: .55em;}
	.half p {display:block;white-space: pre-line;font-size:1em/*21px*/}

}
@media screen and (max-width:  910px) {
	.slider ._left_content ._mBlocks {padding-top:2em;}
	.slider ._left_content ._mBlocks h3 {font-size: 2em;}
	.slider .big_logo {margin:.2em auto 0 auto;}
	._secondParalax {background-position:center 11em ;}
	._fblock ._cBlocks img {width:20%;}
}


@media screen and (max-width:  610px) {
	._cBlocks {width:100%; min-width:490px;}/*width = 609 from 768*/
	.header ._cBlocks {width:90%; min-width:490px;}
	.header .logo {background-size:98%;}

	.header ul.active {width:45%;}
	
	._left_content, ._right_content {width:100%;}
	.slider .big_logo {width:9.85em;height:6.71em;background-size:75%;margin:.5em auto 0 auto}
	.slider ._left_content ._mBlocks h3 {font-size: 1.5em;}
	.slider ._left_content ._mBlocks {padding-top:2em;}
	.slider ._left_content {width:100%;}
	._text_container {padding:2.5em; }
	._left_content, ._right_content {min-height: 12em;}
	/*------- wc_block ------*/
	.wc_block ._cBlocks {min-height:22.75em;}
	.wc_block ._cBlocks:nth-child(1) {display:flex;flex-wrap:wrap;}
	.wc_block ._cBlocks:nth-child(2) {flex-wrap:wrap-reverse;}
	.wc_block ._left_content._text_container {text-align:left;}
	.wc_block ._left_content._flex {justify-content:flex-start;}
	.wc_block ._topover {margin-top: 0;position:static;}
	.wc_block ._right_content h3 {font-size: 1.5em;line-height: 1.3em;}
	.wc_block ._right_content p, .wc_block ._left_content p,.list_tab p {font-size: 1.5em/*24px*/;margin:0.6em  0;}
	._fblock {min-height:31em;height:31em;}
	._fblock ._cBlocks img {width:27%;}
	._fblock ._cBlocks a {padding:.2em 1em;font-size:1.25em;}
	._firstParalax {background-position:center 29em ;}
	._secondParalax {background-position:center 6em ;}
	._paralax {background-size:250% !important;}
	
	/*------- menu ------*/
	.menu ._text_container {padding: 2.5em;}
	.menu .javie_sm_logo {margin-top: 1em;}
	.menu ._left_content h2, .menu ._right_content h2 {font-size: 1.5em;line-height: 1.5em;}
	.menu h5 {font-size:1.25em;}
	.reservierung ._fblock {height:17em;min-height:17em;}
	.reservierung ._fblock ._cBlocks {height:17em;}
	.list_tabs .list_tabs_head {padding-top:.5em;}
	#KARTE ._cBlocks:nth-child(1) {flex-wrap:wrap-reverse;}
	._title ._left_content, ._title ._right_content {height:auto;overflow:hidden;background:#0D1E19;}
	._title ._text_container, ._title ._text_container {height: 12em;}
	._pattern ._left_content, ._pattern ._right_content {width:100%;padding:4em 3em 6em 3em;flex-wrap:wrap;}
	._p_padding ._left_content,._p_padding ._right_content {padding:1.5em 3em  2em 3em ;}
	.menu ._topover img {margin-top: -2.4em/*60px*/;}
	.list_tabs .list_tabs_head li {font-size: 1.5em;}
	#telNumber, #email, #VorName, #NachName {width:48.5%;}
	#telNumber, #VorName {margin-right: .25em;}
	.half {width:100%;}
	.half h3 {text-align:center;}
	.half p {font-size:1em/*21px*/;text-align:center;}

}
@media screen and (max-width:  500px) {
	._cBlocks {width:100%; min-width:350px;}/*width = 609 from 768*/
	.header ._cBlocks {width:90%; min-width:350px;}
	.header .logo {background-size:98%;}

	.header ul.active {width:65%;}
	.instagram, .facebook {float:right;}
	.header .instagram,.header .facebook {margin:0 .5em;}
	
	._left_content, ._right_content {width:100%;}
	.slider .big_logo {width:9.85em;height:6.71em;background-size:75%;margin:.5em auto 0 auto}
	.slider ._left_content ._mBlocks h3 {font-size: 1.2em;}
	.slider ._left_content ._mBlocks {padding-top:.5em;}
	.slider ._left_content {width:100%;}
	._text_container {padding:2.5em; }
	._left_content, ._right_content {min-height: 12em;}
	/*------- wc_block ------*/
	.wc_block ._cBlocks {min-height:22.75em;}
	.wc_block ._cBlocks:nth-child(1) {display:flex;flex-wrap:wrap;}
	.wc_block ._cBlocks:nth-child(2) {flex-wrap:wrap-reverse;}
	.wc_block ._left_content._text_container {text-align:left;}
	.wc_block ._left_content._flex {justify-content:flex-start;}
	.wc_block ._topover {margin-top: 0;position:static;}
	.wc_block ._right_content h3 {font-size: 1.5em;line-height: 1.3em;}
	.wc_block ._right_content p, .wc_block ._left_content p,.list_tab p {font-size: 1.2em/*24px*/;margin:0.6em  0;}
	._fblock {min-height:31em;height:31em;}
	._fblock ._cBlocks img {width:27%;}
	._fblock ._cBlocks a {padding:.2em 1em;font-size:1.25em;}
	._secondParalax {background-position:center 7em ;}
	._paralax {background-size:250% !important;}
	._drinks ._menu_section table tr td b, #SPEISE ._menu_section table tr td b {font-size:1em;font-family:'Static';}
	#SPEISE ._menu_section table tr td:nth-child(2) {padding-left:.5em;}
	
	/*------- menu ------*/
	.menu ._text_container {padding: 2.5em;}
	.menu .javie_sm_logo {margin-top: 1em;}
	.menu ._left_content h2, .menu ._right_content h2 {font-size: 1.5em;line-height: 1.5em;}
	.menu h5 {font-size:1.25em;}
	.reservierung ._fblock {height:14em;min-height:14em;}
	.reservierung ._fblock ._cBlocks {height:14em;}
	.list_tabs .list_tabs_head {padding-top:.5em;}
	#KARTE ._cBlocks:nth-child(1) {flex-wrap:wrap-reverse;}
	._title ._left_content, ._title ._right_content {height:auto;overflow:hidden;background:#0D1E19;}
	._title ._text_container, ._title ._text_container {height: 12em;}
	._pattern ._left_content, ._pattern ._right_content {width:100%;padding:4em 3em 6em 3em;flex-wrap:wrap;}
	._p_padding ._left_content,._p_padding ._right_content {padding:1.5em 3em  2em 3em ;}
	.menu ._topover img {margin-top: -2.4em/*60px*/;}
	.list_tabs .list_tabs_head li {font-size: 1.5em;}
	#telNumber, #email, #VorName, #NachName {width:48.5%;}
	#telNumber, #VorName {margin-right: .25em;}
	.half {width:100%;}
	.half h3 {text-align:center;}
	.half p {font-size:1em/*21px*/;text-align:center;}

}