#mobile_nav,
#mobile_nav_container {
	display: none
}

input,
select,
textarea {
	-webkit-appearance: none
}

.responsiveContainer {
	position: relative;
	padding-bottom: 56%;
	height: 0;
	overflow: hidden
}

.responsiveContainer iframe,
.responsiveContainer object,
.responsiveContainer embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

@media (min-width:1920px) {
	#inhalt0 {
		width: 100%;
		left: 0
	}

	#slide {
		width: 100%
	}

	#slide img {
		width: 100%;
		height: auto
	}
}

@media (min-width:1050px) and (max-width:1250px) {
	#logo {
		left: 350px
	}

	#inhalt1 {
		width: 1024px
	}

	#inhalt2 {
		width: 1024px
	}

	#links {
		width: 650px
	}

	#broti {
		width: 675px
	}

	#text {
		width: 100%
	}

	.zuschneiden {
		width: 120px;
		height: 90px;
		overflow: hidden;
		float: left;
		margin-right: 10px;
		margin-top: 10px;
		margin-bottom: 10px
	}

	.zuschneiden img {
		position: relative;
		top: 0px;
		left: 0px;
		min-width: 120px;
		min-height: 90px;
		height: auto;
		float: none;
		margin-bottom: 0px;
		padding-bottom: 0px
	}

	#kontaktformular .antwortbox {
		width: 500px !important
	}

	#abschluss {
		width: 700px
	}

	#socialshareprivacy {
		width: 70%
	}

	#print {
		width: 20%
	}

	#inhalt3 {
		width: 1024px
	}

	#hotel {
		width: 400px;
		height: 65px;
		left: 590px;
		top: 26px
	}

	#hotel img,
	#gasthof img {
		height: 65px;
		width: auto
	}

	#hotel a,
	#gasthof a {
		margin-top: 0px;
		position: absolute;
		top: 12px;
		right: -17px
	}

	#gasthof {
		width: 400px;
		height: 65px;
		right: 35px;
		top: 105px
	}
}

@media (min-width:793px) and (max-width:1049px) {
	#logo {
		left: 250px
	}

	#inhalt1 {
		width: 768px
	}

	#inhalt2 {
		width: 768px
	}

	#links {
		width: 100%;
		margin-bottom: 0px
	}

	#broti {
		width: 97%;
		padding: 1.5%
	}

	#text {
		width: 90%;
		padding-left: 5%;
		padding-right: 5%;
		padding-bottom: 5%
	}

	.zuschneiden {
		width: 128px;
		height: 90px;
		overflow: hidden;
		float: left;
		margin-right: 10px;
		margin-top: 10px;
		margin-bottom: 10px
	}

	.zuschneiden img {
		position: relative;
		top: 0px;
		left: 0px;
		min-width: 128px;
		min-height: 90px;
		height: auto;
		float: none;
		margin-bottom: 0px;
		padding-bottom: 0px
	}

	#kontaktformular .antwortbox {
		width: 500px !important
	}

	#abschluss {
		width: 100%;
		margin-bottom: 20px
	}

	#socialshareprivacy {
		width: 70%
	}

	#print {
		width: 20%
	}

	#rechts {
		width: 100%
	}

	#schnelli {
		width: 43%;
		margin-bottom: 0px;
		float: left
	}

	#news {
		width: 43%;
		margin-bottom: 0px;
		float: right;
		margin-right: 0px
	}

	#zeile3 {
		min-height: 330px;
		height: auto !important;
		background-image: url(https://www.chalet-riki.at/wp-content/uploads/2022/04/bg_responsive_footer.jpg);
		background-position: top center;
		background-repeat: repeat-x
	}

	#inhalt3 {
		width: 768px;
		min-height: 300px;
		height: auto !important
	}

	#footertext {
		width: 50%;
		position: relative;
		left: 0px;
		top: 0px;
		float: left;
		margin-top: 20px;
		margin-bottom: 10px
	}

	#anreise {
		width: 50%;
		position: relative;
		left: 0px;
		top: 0px;
		float: right;
		margin-top: 20px;
		margin-bottom: 10px
	}

	#anreise img {
		margin-top: 0px
	}

	#hotel {
		width: 49%;
		position: relative;
		top: 0px;
		left: 0px;
		float: left;
		margin-bottom: 28px
	}

	#gasthof {
		width: 49%;
		position: relative;
		top: 0px;
		right: 0px;
		float: right;
		margin-bottom: 30px
	}

	#bottmnav {
		width: 50%;
		position: relative;
		bottom: 0px;
		left: 0px;
		float: left
	}

	#pinzweb {
		width: 49%;
		position: relative;
		right: 0px;
		bottom: 0px;
		float: right
	}
}

@media (min-width:1px) and (max-width:792px) {
	
	#wrapper {
		width: 100%;
		min-height: 100%;
		position: relative;
		overflow: hidden
	}
	
	#hauptnav .nav-main {
		display:none!important;
	}

	#container {
		width: 100%;
		min-height: 100%;
		position: relative
	}

	#mobile_nav_container {
		width: 250px;
		min-height: 100%;
		position: absolute;
		top: 0px;
		left: -250px;
		display: block;
		background-color: #fff
	}

	#mobile_nav_container ul li {
		float: left;
		display: block;
		position: relative
	}

	#mobile_nav_container ul li a {
		width: 230px;
		padding: 10px;
		background-color: #459945;
		display: block;
		margin-top: 1px;
		font-family: 'Akzidenz', arial, sans-serif;
		font-size: 19px;
		text-decoration: none;
		color: #fff
	}

	#mobile_nav_container ul li ul li a {
		width: 220px;
		padding-left: 20px;
		background-color: brown;
		display: block
	}

	#mobile_nav_container ul li a:hover,
	#mobile_nav_container ul li a.menu-current,
	#mobile_nav_container ul li a.menu-parent {
		background-color: #9f2828
	}

	#mobile_nav.active {
		background-color: #003100
	}

	#zeile0 {
		width: 100%;
		min-height: 50px;
		height: auto !important;
		position: relative
	}

	#inhalt0 {
		width: 100%;
		min-height: 50px;
		height: auto !important;
		position: relative;
		left: 0px
	}

	#slide {
		width: 100%;
		min-height: 50px;
		height: auto !important;
		margin: 0 auto;
		background-color: #FFF
	}

	#slide img {
		width: 100%;
		height: auto
	}

	#zeile1 {
		width: 100%;
		min-height: 50px;
		height: auto !important;
		position: relative;
		z-index: 2
	}

	#lang {
		width: 100%;
		position: relative;
		top: 0px;
		background-image: none;
		background-color: #fff7dd;
		height: 28px
	}

	#prev,
	#next {
		padding: 3%;
		position: absolute;
		z-index: 4;
		cursor: pointer;
		height: 33px;
		width: 47%;
		float: left;
		top: 250px
	}

	#prev {
		left: 0px
	}

	#next {
		right: 0px
	}

	#next img {
		float: right
	}

	#inhalt1 {
		width: 100%;
		height: 50px;
		height: auto !important;
		background-color: #fff7dd
	}

	#logo {
		width: 100%;
		height: auto !important;
		position: relative;
		top: 0px;
		left: 0px;
		background-color: #fff7dd;
		margin: 0 auto;
		text-align: center;
		padding-bottom: 15px
	}

	#logo img {
		width: 80%;
		height: auto
	}

	#hauptnav {
		width: 100%;
		top: 0px
	}

	#hauptnav ul {
		display: none
	}
	
	#broti {
		padding:0!important;
	}
	
	#zeile1 #prev, #zeile1 #next {
	  top: 339px !important;
	}

	#mobile_nav {
		display: block;
		height: 99%;
		cursor: pointer;
		font-family: 'Akzidenz', arial, sans-serif;
		font-size: 24px;
		color: #fff;
		padding: 9px 0 4px 0;
		background-color: #003100;
		width: 100%;
		text-align: center;
		text-transform: uppercase
	}

	#inhalt2 {
		width: 100%;
		overflow: hidden
	}

	#links {
		width: 100%;
		margin-bottom: 0px;
		top: 0px
	}

	#rechts {
		top: 0px
	}

	#broti {
		width: 90%;
		padding: 5%
	}

	#text {
		width: 90%;
		padding: 5%;
		-webkit-border-radius: 0px;
		border-radius: 0px
	}

	.zuschneiden {
		width: 75px;
		height: 60px;
		overflow: hidden;
		float: left;
		margin-right: 3%;
		margin-top: 10px;
		margin-bottom: 10px
	}

	.zuschneiden img {
		position: relative;
		top: 0px;
		left: 0px;
		min-width: 75px;
		min-height: 60px;
		height: auto;
		float: none;
		margin-bottom: 0px;
		padding-bottom: 0px
	}

	#kontaktformular .submitbox input {
		display: block;
		margin-left: 10px;
		margin-top: 0px !important
	}

	#kontaktformular .fragebox {
		margin-bottom: 5px;
		width: 95% !important
	}

	#kontaktformular .antwortbox {
		width: 95% !important;
		float: left !important
	}

	#abschluss {
		width: 100%;
		height: auto !important;
		min-height: 40px;
		-webkit-border-radius: 0px;
		border-radius: 0px
	}

	#socialshareprivacy {
		width: 100%;
		margin-bottom: 20px
	}

	#socialshareprivacy ul {
		display: inline
	}

	#print {
		display: none
	}

	#rechts {
		width: 100%
	}

	#schnelli {
		width: 95%;
		padding: 5%;
		margin-bottom: 0px;
		-webkit-border-radius: 0px;
		border-radius: 0px
	}

	#jetzt_anreise,
	#jetzt_abreise {
		margin-bottom: 30px
	}

	#jetzt_anreise {
		margin-top: 0px
	}

	#jetzt_anreise_label,
	#jetzt_abreise_label {
		display: block;
		width: 95%
	}

	#schnelli #jetzt_anreise input,
	#schnelli #jetzt_abreise input {
		display: block;
		width: 70%
	}

	#schnelli #jetzt_absenden input {
		width: 95%;
		margin-top: 25px
	}

	#news {
		width: 95%;
		padding: 5%;
		margin-bottom: 0px;
		-webkit-border-radius: 0px;
		border-radius: 0px
	}

	#news a {
		width: 95%
	}

	#news img {
		width: 95%;
		height: auto
	}

	#zeile3 {
		min-height: 243px;
		height: auto !important;
		background-image: none;
		background-color: #003100
	}

	#inhalt3 {
		width: 100%;
		min-height: 243px;
		height: auto !important
	}

	#footertext {
		width: 95%;
		position: relative;
		left: 0px;
		top: 0px;
		float: left;
		margin-top: 10px;
		padding: 5%
	}

	#anreise {
		width: 100%;
		position: relative;
		left: 0px;
		top: 0px;
		float: right;
		margin-top: 20px;
		margin-bottom: 20px
	}

	#anreise b {
		margin-left: 16px
	}

	#hotel img,
	#gasthof img {
		width: auto !important;
		height: 75px;
		margin-right: 8px;
		-webkit-border-radius: 0px;
		border-radius: 0px
	}

	#hotel b,
	#gasthof b {
		margin-top: 4px;
		font-size: 18px
	}

	#hotel a,
	#gasthof a {
		font-size: 17px;
		padding-top: 2px;
		padding-bottom: 2px;
		height: 22px;
		width: 100px;
		position: absolute;
		left: 88px
	}

	#hotel {
		width: 100%;
		position: relative;
		top: 0px;
		left: 0px;
		float: left;
		background-color: brown;
		-webkit-border-radius: 0px;
		border-radius: 0px;
		height: 75px
	}

	#gasthof {
		width: 100%;
		position: relative;
		top: 0px;
		right: 0px;
		float: right;
		-webkit-border-radius: 0px;
		border-radius: 0px;
		height: 75px;
		margin-bottom: 10px
	}

	#bottmnav {
		width: 100%;
		position: relative;
		height: auto !important;
		min-height: 84px;
		top: 0px;
		right: 0px;
		padding-top: 10px;
		padding-bottom: 5px;
		padding-left: 0
	}

	#bottmnav ul li {
		display: block;
		float: left;
		position: relative;
		width: 100%
	}

	#bottmnav ul li a {
		display: block;
		color: #003100;
		text-decoration: none;
		padding-top: 12px;
		padding-bottom: 12px;
		width: 100%;
		background: #fff7dd;
		margin-left: 0px;
		text-align: center;
		margin-bottom: 2px
	}

	#bottmnav ul li a:hover,
	#bottmnav ul li a.menu-current {
		text-decoration: none;
		background: #9f2828;
		color: #FFF
	}

	#pinzweb {
		width: 98%;
		position: relative;
		right: 0px;
		bottom: 0px;
		margin-top: 10px;
		margin-bottom: 10px;
		float: right
	}
}