@media all and (max-width:760px) and (orientation: portrait) {
	#gb {
		display: none;
	}

	#trans_back {
		width: 100%;
		left: 0px;
		margin-left: 0px;
	}
	
	#outer {
		width: 100%;
	}
	
	#header {
		height: auto;
		position: fixed;
		top: 0px;
		z-index: 99999;
		background-color: #f6e3df;
	}
	#header_logo {
		width: 75%;
	}
	
	#header_logo img {
		width: 100%;
		height: auto;
		max-width: 300px;
	}
	
	#header_more {
		float: left;
		top: 0;
		width: 15%;
	}
	#header_more1 {
		display: none;
	}
	
	.menu_outer {
		position: relative;
		clear: both;
		float: none;
		width: 100%;
	}
	
	.sub_menu {
		position: relative;
	}
	#hamburger {
		display: block;
		width: 10%
	}
	
	#hamburger img {
		margin-top: 1em;
		width: 100%;
		height: auto;
	}
	
	:root #mainmenu {
		position: fixed;
		width: 100%;
		height: auto;
		z-index: 99999999;
		padding-left: 0px;
		overflow-y: scroll;
		overflow-x: hidden;
		background-color: none;
		}
	#mainmenu {
		position: fixed;
		width: 100%;
		height: auto;
		z-index: 99999999;
		padding-top: 0px;
		overflow-y: scroll;
		overflow-x: hidden;
		background-color: none;
		}
		
	.left-pos {
		left: -100%;
		transition-property: left;
		transition-duration: 1s;
		transition-timing: ease;
		transition-delay: 0;
	}
	
	.right-pos {
		left: 0;
		transition-property: left;
		transition-duration: 1s;
		transition-timing: ease;
		transition-delay: 0;
	}
	.weg {
		display: block;
		}

	.hin {
		display: none;
		}		

	.noscroll {
		overflow: hidden;
	}
	
	#mainpic {
		width: 98%;
		padding-top: 1%;
		padding-left: 1%;
		padding-right: 1%;
		padding-bottom: 1%;
		height: auto;
	}
	
	:root #mainpic {
		width: 98%;
		padding-top: 1%;
		padding-left: 1%;
		padding-right: 1%;
		padding-bottom: 1%;
		height: auto;
	}
	#mainpic img {
		width: 100%;
		height: auto;
	}
	
	:root #mainpic img {
		width: 100%;
		height: auto;
	}
	
	#inlayer {
	font-family: georgia, serif;
	font-size: 1.5em;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
	z-index: 4;
	position: absolute; 
	bottom: 0.1em; 
	width: 95%; 
	height: 2em; 
	text-align: right;
	}
	
	#overlayer {
		width: 100%;
		height: 2em;
	}
	
	#links {
		position: relative;
		float: none;
		width: 98%;
		margin-left: 1%;
		margin-right: 1%;
		height: auto;
	}
	
	:root #links {
		position: relative;
		float: none;
		width: 98%;
		margin-left: 1%;
		margin-right: 1%;
		height: auto;
	}
	
	#teaser {
		float: none;
		width: 96%;
		margin: 2%;
	}
	
	#inhalt {
		overflow-y: hidden;
	}
	
	#teaserbild {
		width: 100%;
	}
	
	:root #teaserbild {
		width: 100%;
	}

	#teaser_inlay {
		width: 100%;
	}
	
	:root #teaser_inlay{
		width: 100%;
	}
	
	#rechts {
		float: none;
		position: relative;
		width: 98%;
		margin-left: 1%;
		margin-right: 1%;
		margin-bottom: 2em;
	}

	#submenu_box {
		width: 100%;
	}
	
	:root #submenu_box{
		width: 100%;
	}	
	
	#artikel_vorschau {
		margin: 0;
		margin-left: 2.5%;
		margin-right: 2.5%;	
	}

	#teaser2 {
		float: none;
		width: 96%;
		margin: 2%;
	}

	#teaser2_inner {
		width: 100%;
	}	
	#teaser_overlayer2 {
		width: 100%;
	}
	
	#komplett {
		width: 95%;
		margin-left: 2.5%;
		margin-right: 2.5%;	
		margin-bottom: 2em;
	}
	
	#artikel_komplett {
		width: 95%;
		margin-left: 2.5%;
		margin-right: 2.5%;	
		margin-bottom: 2em;
	}	
	
	#bilder {
		float: none; 
		position: relative;
		width: 100%;
		height: auto;
	}
	
	#bilderr {
		display: none;
	}
	
	#detailansicht img {
		width: 100%;
		height: auto;
	}
	
	#ktrpWdMap {
		display: none;
	}
	
		
	a.menu_punkt:link {
	font-family: georgia, serif;
	font-size: 13pt;
	font-weight: normal;
	color: #292929;
	text-decoration: none;
	}

a.menu_punkt:visited {
	font-family: georgia, serif;
	font-size: 13pt;
	font-weight: normal;
	color: #292929;
	text-decoration: none;
	}

a.menu_punkt:hover {
	font-family: georgia, serif;
	font-size: 13pt;
	font-weight: normal;
	color: #292929;
	text-decoration: none;
	}

a.menu_punkt:active {
	font-family: georgia, serif;
	font-size: 13pt;
	font-weight: normal;
	color: #292929;
	text-decoration: none;
	}
	
	input[type="text"] {
		width:100%;
		size: 30;
		    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
	}	
	
textarea {
	box-sizing: border-box; width: 100%;
}
}

@media all and (max-width:760px) and (orientation: landscape) {
	#gb {
		display: none;
	}

	#trans_back {
		width: 100%;
		left: 0px;
		margin-left: 0px;
	}
	
	#outer {
		width: 100%;
	}
	
	#header {
		height: auto;
		position: fixed;
		top: 0px;
		z-index: 99999;
		background-color: #f6e3df;
	}
	#header_logo {
		width: 75%;
	}
	
	#header_logo img {
		width: 100%;
		height: auto;
		max-width: 300px;
	}
	
	#header_more {
		float: left;
		top: 0;
		width: 15%;
	}
	#header_more1 {
		display: none;
	}
	
	.menu_outer {
		position: relative;
		clear: both;
		float: none;
		width: 100%;
	}
	
	.sub_menu {
		position: relative;
	}
	#hamburger {
		display: block;
		width: 10%
	}
	
	#hamburger img {
		margin-top: 1em;
		width: 100%;
		height: auto;
	}
	
	:root #mainmenu {
		position: fixed;
		width: 100%;
		height: auto;
		z-index: 99999999;
		padding-left: 0px;
		overflow-y: scroll;
		overflow-x: hidden;
		background-color: none;
		}
	#mainmenu {
		position: fixed;
		width: 100%;
		height: auto;
		z-index: 99999999;
		padding-top: 0px;
		overflow-y: scroll;
		overflow-x: hidden;
		background-color: none;
		}
		
	.left-pos {
		left: -100%;
		transition-property: left;
		transition-duration: 1s;
		transition-timing: ease;
		transition-delay: 0;
	}
	
	.right-pos {
		left: 0;
		transition-property: left;
		transition-duration: 1s;
		transition-timing: ease;
		transition-delay: 0;
	}
	.weg {
		display: block;
		}

	.hin {
		display: none;
		}		

	.noscroll {
		overflow: hidden;
	}
	
	#mainpic {
		width: 98%;
		padding-top: 1%;
		padding-left: 1%;
		padding-right: 1%;
		padding-bottom: 1%;
		height: auto;
	}
	
	:root #mainpic {
		width: 98%;
		padding-top: 1%;
		padding-left: 1%;
		padding-right: 1%;
		padding-bottom: 1%;
		height: auto;
	}
	#mainpic img {
		width: 100%;
		height: auto;
	}
	
	:root #mainpic img {
		width: 100%;
		height: auto;
	}
	
	#inlayer {
	font-family: georgia, serif;
	font-size: 1.5em;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
	z-index: 4;
	position: absolute; 
	bottom: 0.1em; 
	width: 95%; 
	height: 2em; 
	text-align: right;
	}
	
	#overlayer {
		width: 100%;
		height: 2em;
	}
	
	#links {
		position: relative;
		float: none;
		width: 98%;
		margin-left: 1%;
		margin-right: 1%;
		height: auto;
	}
	
	:root #links {
		position: relative;
		float: none;
		width: 98%;
		margin-left: 1%;
		margin-right: 1%;
		height: auto;
	}
	
	#teaser {
		float: left;
		width: 46%;
		margin: 2%;
	}
	
	#inhalt {
		overflow-y: hidden;
	}
	
	#teaserbild {
		width: 100%;
	}
	
	:root #teaserbild {
		width: 100%;
	}

	#teaser_inlay {
		width: 100%;
	}
	
	:root #teaser_inlay{
		width: 100%;
	}
	
	#rechts {
		float: none;
		position: relative;
		width: 98%;
		margin-left: 1%;
		margin-right: 1%;
		margin-bottom: 2em;
	}

	#submenu_box {
		width: 100%;
	}
	
	:root #submenu_box{
		width: 100%;
	}	
	
	#artikel_vorschau {
		margin: 0;
		margin-left: 2.5%;
		margin-right: 2.5%;	
	}

	#teaser2 {
		float: left;
		width: 46%;
		margin: 2%;
	}

	#teaser2_inner {
		width: 100%;
	}	
	#teaser_overlayer2 {
		width: 100%;
	}
	
	#komplett {
		width: 95%;
		margin-left: 2.5%;
		margin-right: 2.5%;	
		margin-bottom: 2em;
	}
	
	#artikel_komplett {
		width: 95%;
		margin-left: 2.5%;
		margin-right: 2.5%;	
		margin-bottom: 2em;
	}	
	
	#bilder {
		float: none; 
		position: relative;
		width: 100%;
		height: auto;
	}
	
	#bilderr {
		display: none;
	}
	
	#detailansicht img {
		width: 100%;
		height: auto;
	}
	
	#ktrpWdMap {
		display: none;
	}
	
		
	a.menu_punkt:link {
	font-family: georgia, serif;
	font-size: 13pt;
	font-weight: normal;
	color: #292929;
	text-decoration: none;
	}

a.menu_punkt:visited {
	font-family: georgia, serif;
	font-size: 13pt;
	font-weight: normal;
	color: #292929;
	text-decoration: none;
	}

a.menu_punkt:hover {
	font-family: georgia, serif;
	font-size: 13pt;
	font-weight: normal;
	color: #292929;
	text-decoration: none;
	}

a.menu_punkt:active {
	font-family: georgia, serif;
	font-size: 13pt;
	font-weight: normal;
	color: #292929;
	text-decoration: none;
	}
	
	input[type="text"] {
		width:100%;
		size: 30;
		    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
	}	
	
textarea {
	box-sizing: border-box; width: 100%;
}
}