body,table { 
	font-size:1.25rem;
	line-height: 1.5rem;
	background-image:none;
}

h1{font-size: 1.5rem;}
h2 {font-size: 1.35rem;}
h3 ,
h4 ,
h5 { font-size: 1.25rem;}

/*** MOBILE ***/
@media only screen and (min-device-width : 320px) and (max-device-width : 767px) {
	div#hauptinhalt {
		padding: 0 4rem;
		box-sizing: border-box;
	}
	#indikator_mobil {
		display:inline;
	}
	html {
		position:relative;
	}
	body,table { 
		font-size: 1.5rem;
		line-height: 1.5em;
	}

		main a { word-break:break-word;}
	h1{font-size: 3rem;
    line-height: 1.25em;}
	h2 {font-size: 2.8rem;
    line-height: 1.25em;}
	h3 ,
	h4 ,
	h5 { font-size: 2.5rem;
    line-height: 1.25em;}
	main {
		margin-bottom:0;
		padding-top: 2rem;
	}
	header {
		position:static;
	}
	header #fixed_container {
		position:fixed;
		z-index:100;
		box-shadow: 0 10px 10px rgba(0,0,0,0.5);
	}
	
	#volltextsuche_mobil .open-search-label,
	label.open-menu-label {
		text-align:right;
		background: #df790d;
		color: #fff;
		position: absolute;
		right: 2rem;
		top: 2rem;
		z-index: 100;
		box-sizing: border-box;
		border: 0;
		padding: 0;
		margin: 0;
		height: 8rem;
		width: 8rem;
		line-height: 8rem;
		font-size: 5rem;
		font-weight: lighter;
		text-align: center;
		border-radius: 15px;
		box-shadow: 3px 3px 5px rgba(0,0,0,0.4);
	}
	#logo span,
	#kopfbild, 
	#headerslider, 
	.news .bilder	{
		display:none;
	}
	div#navigation {
		position:fixed;
		top: 0;
		bottom: auto;
		border:0;
		min-height:0;
	}
	body header #navigation nav {
		position: absolute;
		right: 0;
		left: 0;
		top:0;
		background: rgba(0,0,0,0.5);
		padding: 0 2rem;
		height: 100vh;
	}
	body header #navigation nav >ul {	
		margin: 12.5rem 6.25rem;
		box-sizing: border-box;
		width: auto;
		background: #df790d;
		color: #fff;
	}
	#navigation ul li a {
		position: relative;
		width: 100%;
		text-align: center;
		font-size: 4rem;
		line-height: 4rem;
		padding: 2rem 0;
	}
	nav ul li {
		line-height: 1em;
	}
	nav ul li > ul li {
		list-style: none;
	}
	nav ul li a{
		text-align:right;
		padding:0 3.5rem;
	}
	#navigation nav > ul > li.aktiv > a {
		border-color:#fff;
		color:#000;
	}	
	#navigation nav > ul > li.aktiv > ul {
		display:block;
	}
	#navigation nav > ul > li > ul > li > a {
		background: #fff;
		color: #000;
		font-size: 3rem;
		border: none;
	}
	#navigation nav > ul > li > ul > li.aktiv > a {
		text-decoration:underline;
	}
	#navigation nav > ul > li > ul > li > a:after {
		display:none;
	}
	#logo {
		position:static;
		border-radius: 0;
		line-height:8rem;
		padding: 2rem;
		background-image: none;
	}
	#logo img {
		height: 8rem;
	}
	main .gallery.ganz.rechts, 
	main .inhalt_text_bild .bild.ganz.rechts, 
	main .gallery.ganz.links, 
	main .inhalt_text_bild .bild.ganz.links,
	main .inhalt_text_bild,
	main .inhalt_text_bild .bild,
	main .bild ~ .text,
	main .bild.ganz.links ~ .text,
	main .bild.ganz.rechts ~ .text{
		display:block;
		width: 100%;
		box-sizing:border-box;
		padding-left:0;
		padding-right:0;
	}
	main .inhalt_text_bild {
		margin-top: 3em;
		margin-bottom: 3em;
	}
	
	.bild.unten ~ .text {
		margin-top: 3rem;
	}
	main .inhalt_text_bild img {
		max-width: 100%;
	}
	div#hauptinhalt{
		width: 100%;
		float: none;
	}
	a.weiter,
	a.button,
	a.download,
	button,
	input[type=submit] {
	    display: inline;
		padding: 0.5em;
		height: auto;
		line-height: 3em;
	}
	#copyright p {
		margin-top:1em;
		margin-bottom:1em;
	}
	.bild.unten ~ .text > *,
	.bild.links ~ .text {
		float: none;
		width: 100%;
		max-width: 100%;
		position:static;
		right:auto;
		top:auto;
	}
	.bild.unten > *:first-child {
		margin-top:0;
	}
	.bild.links {
		float: none;
		width: 100%;
		text-align: center;
		padding: 0;
	}
	.inhalt_text_bild a.button {
		width: auto;
	}
	table {
	    width: 100%;
	}
	/* für normale Schriftgröße !!*/
	table,
	table tbody,
	table thead,
	table tr,
	table tr td,
	table tr th {
		display: block;
	}
	table tr td {
		float: left;
	}
	/*** ONEPAGE ***/
	body .content_section {
		padding-top: 5rem!important;
	}
	body .content_section.slogan {
		padding-top: 0!important;
	}
	.content_section.slogan  .inhalt_slogan { background-image:none;}
	.inhalt_slogan .text { padding: 1rem;}
	.inhalt_slogan .text p{ margin: 0;}
	
	.inhalt_text_bild img{ display:none;}
	.inhalt_text_bild img:first-child { display:block;}
	main .inhalt_text_bild table img:first-child,
	main .inhalt_text_bild table img {
		display: inline;
	}
	div#footer_adresse .inner {
		background-position: center right;
		padding: 0;
		padding: none;
		width: 100%;
	}
	div#footer_adresse {
		padding:3rem;
	}
	
	
	#volltextsuche {display:none;}
	#volltextsuche_mobil {
		display: block;
		position: fixed;
		width: 100%;
		z-index: 100;
		text-align: left;	
		top: 0;
		right: 0;	
	}
	#volltextsuche_mobil .open-search-label {
		right: 12rem;
		z-index: 100;
	}
	#volltextsuche_mobil .inner{
		display: none;
		position: absolute;
		top:0;
		left:0;
		right:0;
		height: 100vh;
		background: rgba(0,0,0,0.5);
	}
	#volltextsuche_mobil input[type=checkbox] {
		display:none;
	}
	#volltextsuche_mobil input[type=checkbox]:checked ~ .inner {
		display: block;
	}
	#volltextsuche_mobil form {
		display: block;
		background: #fff;
		margin: 12.5rem 6.25rem 0;
		padding: 3rem;
		border-radius: 2rem;
	}
	#volltextsuche_mobil button {
		font-size: 3rem;
	}

	/** SPECIAL ***/
	.inhalt_kontakt .rechts {
		margin: 0;
		padding: 0;
		font-size: 150%;
	}
	.inhalt_kontakt .links, .inhalt_kontakt .rechts {
		float: none;
		width: 100%;
		margin-bottom: 2em;
	}
	
	.text .versteckt {
		font-size:3rem;
	}
	a.button.mehr { margin-top:3rem;}	
	.header-left {
		width: 30%;
		float: left;
	}

	.header-right {
		width: 30%;
		text-align: left;
		left: 31%;
		position: absolute;
		bottom: auto;
		right: auto;
	}

	a#button-forum {
		display: inline-block;
		background: #df790d;
		color: #fff;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 100;
		box-sizing: border-box;
		border: 0;
		padding: 0;
		margin: 0;
		height: 8rem;
		width: 8rem;
		line-height: 8rem;
		font-size: 5rem;
		font-weight: lighter;
		text-align: center;
		border-radius: 15px;
	}
	a#button-forum:after {
	    content: "\f086";
		font-family: FontAwesome;
	}
	a#button-forum span {
		display: none;
	}
	/*** SPRACHBUTTON ***/
    .sprachwechsel {
        display: none;
    }
    .sprachwechsel.mobil {
        display: inline-block;
        background-image: url(../img/sprachen/DE.png);
        background: #df790d;
        color: #fff;
        position: absolute;
        right: 10rem;
        left: auto;
        bottom: auto;
        z-index: 100;
        box-sizing: border-box;
        border: 0;
        padding: 0;
        margin: 0;
        height: 8rem;
        width: 8rem;
        line-height: 8rem;
        font-size: 5rem;
        font-weight: lighter;
        text-align: center;
        border-radius: 15px;
        zoom: 100%;
        text-indent: 0;
    }
	/*** STARTSEITE ***/
}

/*** TABLET ***/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	#indikator_tablet {
		display:inline;
	}
	
	#logo {
		padding: 0.5rem 1rem;
	}
	div#navigation {
		position: relative;
		bottom: auto;
	}
	#kopfbild {
		height:auto;
		min-height: auto!important;
		background:#fff;
		border:none;
	}
        #sprachwechsel_kontainer {
            padding: 0 2rem;
        }
}