/*** MOBILE & TABLET ***/
@media only screen and (min-device-width: 320px) and (max-device-width: 1024px) {
	body,table { 
		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) {


	#logo object {
		max-height: 3rem;
	}
	#indikator_mobil {
		display:inline;
	}
	html {
		position:relative;
	}
	body,table { 
		line-height: 1.5em;
	}

	h1{line-height: 1.25em;}
	h2 {line-height: 1.25em;}
	h3 ,
	h4 ,
	h5 {line-height: 1.25em;}
	
	body.index .text p {
		font-size: 1rem;
		background: rgba(255,255,255,0.8);
		margin: 0 0.7em 1em;
		padding: 0.5em 0.5em;
	}
	/*
	#copyright table p {
		font-size: 2.5rem;
	}*/
	#copyright {
		padding: 0.25em 0;
	}
	#copyright .inner {
		padding: 0 0.25em;
	}
	main {
		margin-bottom:0;
		padding: 1em 2em 2em;
	}
	header {
		position:static;
	}
	header #fixed_container {
		position:fixed;
		z-index:100;
		box-shadow: 0 10px 10px rgba(0,0,0,0.5);
	}
	body.index footer {
		position: absolute;
		bottom: 0;
		right: 0;
		left: 0;
		font-size: 1rem;
		z-index:90;
	}
	#volltextsuche_mobil .open-search-label,
	label.open-menu-label {
		background: #ffd500;
		color: #fff;
		position: absolute;
		right: 0.5em;
		top: 0.5em;
		z-index: 100;
		box-sizing: border-box;
		border: 0;
		padding: 0;
		margin: 0;
		height: 1.5em;
		width: 1.5em;
		line-height: 1.5em;
		font-size: 2rem;
		font-weight: lighter;
		text-align: center;
		border-radius: 100%;
	}
	nav > ul:after, 
	nav > ul:before,
	#kopfbild, 
	#headerslider, 
	.news .bilder,
	body.index footer:after,
	body.index main:before, 
	body.index main:after,
	body.index .inhalt_text_bild:first-child .text:before	{
		display:none;
	}
	body.index {
	    height: 100vh;
		margin: 0;
		padding: 0;
		position: static;
		overflow: hidden;
	}
	body.index #kopfbild {
		display: block;
		margin-top: 6rem;
		background-color: #ffd500;
		height: 100%;
		height: calc(100vh - 6rem);
	}
	body.index #headerslider {
		display: block;
		position:static;
	}
	body.index #kopfbild img {
		width: auto;
		height: 100%;
		/*margin-left: -50%;*/
	}
	div#navigation {
		position:fixed;
		top: 0;
		bottom: auto;
		border:0;
	}
	body header #navigation nav {
		position: absolute;
		right: 0;
		left: 0;
		top:0;
		background: rgba(0,0,0,0.5);
		padding: 0 1.5em;
		height: 100vh;
	}
	body header #navigation nav >ul {	
		margin: 6rem 1rem;
		box-sizing: border-box;
		width: auto;
		background: #ffd500;
		border-radius: 1rem;
		padding: 1rem;
		color: #fff;
	}
	#navigation ul li a {
		color: #fff;
		width: 100%;
		text-align: center;
		font-size: 1.25rem;
	}
	
	#navigation li{
		line-height: 1rem;
	}
	#navigation nav > ul > li > ul > li.aktiv a {
		text-decoration:underline;
	}
	#unternavigation .titel,
	nav > ul > li.aktiv > a,
	label.open-menu-label{
		border-bottom: 0.1rem solid #ffd500;
	}
	nav ul li > ul li {
		list-style: none;
	}
	nav ul li a{
		text-align:right;
		padding:0 2rem;
	}
	#navigation nav > ul > li.aktiv > a {
		border-color:#fff;
		color:#000;
	}
	#logo {
		position: static;
		border-radius: 0;
		line-height: 3rem;
		padding: 1rem;
		background-image: none;
	}
	#logo img {
		height: 8rem;
	}
	main .inhalt_text_bild,
	main .inhalt_text_bild .bild,
	.bild.oben ~ .text,
	.bild.unten ~ .text	{
		display:block;
	}
	main .inhalt_text_bild img {
		max-width: 100%;
	}
	div#suchergebnisse,
	div#hauptinhalt,
	div#inhaltrechts,
	div#hauptinhalt_seminar aside.rechts,
	div#hauptinhalt_seminar > .inhalt_text_bild {
		width: 100%;
		float: none;
	}
	div#suchergebnisse,
	#seminar .links,
	#hauptinhalt_seminar > .inhalt_text_bild,
	div#hauptinhalt {
		padding-right:0;
	}
	a.weiter,
	a.button,
	a.download,
	button,
	input[type=submit] {
		display:inline;
	}
	.bild.ganz.rechts ~ .text, .bild.ganz.links ~ .text {
		float: none;
		width: 100%;
	}
	.bild.ganz.links,
	.bild.ganz.rechts {
		float: none;
		width: 100%;
		text-align: center;
		padding: 0;
	}
	table {
	    width: 100%;
	}
	/* für normale Schriftgröße !!*/
	table,
	table tbody,
	table thead,
	table tr,
	table tr td,
	table tr th {
		display: block;
	}
	/*** 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;}
	
	div#footer_adresse .inner {
		background-position: center right;
		padding: 0;
		padding: none;
		width: 100%;
	}
	div#footer_adresse {
		padding:3rem;
	}
	
	.inhalt_google_map #karte iframe {
		width: 100%;
	}
	.inhalt_google_map #karte {
		display: block;
		padding: 0;
		float: none;
		margin-bottom: 2em;
		width: auto;
		max-width: 100%;
		box-sizing: border-box;
	}
	#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: 5rem;
		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: #ffd500;
		margin: 6rem 1rem;
		padding: 1rem;
		border-radius: 1rem;
	}

	/** SPECIAL ***/
	.inhalt_kontakt .rechts {
		margin: 0;
		padding: 0;
		font-size: 150%;
	}
	.inhalt_kontakt .links, .inhalt_kontakt .rechts {
		float: none;
		width: 100%;
	}
	
	.text .versteckt {
		font-size: 1.1rem;
	}
	a.button.mehr { margin-top:3rem;}
	
	/*** STARTSEITE ***/
	body.index .inhalt_text_bild {
		margin-top: 6rem;
	}

/*Kopfbild Mobil*/
	#kopfbild {
		display:block;
		height: 220px;
		min-height:unset !important;
		/*border: none;*/
	}
	#kopfbild img {
	    width: auto;
	    height: 100%;
	    float: right;
	}

	#headerslider {
	    display: block;
	    min-height: 100% !important;
	    height: 100%;
	}
	
	ul#socialmedia {position: relative; bottom: auto; margin: 0 auto; width: auto;}
	ul#socialmedia li {margin: 0 0.25em  0.5em;font-size: 30px;}

}

@media only screen and (max-device-width : 500px) {

	#kopfbild {
		height: 160px;
	}
}
/*** TABLET ***/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	#indikator_tablet {
		display:inline;
	}
	.bild.ganz.rechts { margin-top: 3.5rem;}
	div#buchung_telefon {top: 89px; right: 5%;}

	/** STARTSEITE **/
	body.index .inhalt_text_bild:first-child .text:before {
		bottom: -4rem;
		left: -22rem;
	}
	body.index main .inhalt_text_bild:nth-child(3) .bilderrahmen:first-child img {
		max-width: 20vw;
	}
	body.index .inhalt_text_bild:last-child .text a.button {
		margin: 0 0 0 6rem;
	}
	body.index #kopfbild {
		border-bottom: 0;
		padding-top: 6rem;
		height: calc(100vh - 6rem - 3rem - 2rem); /*100% - padding-top - footer - navi*/
	}
	body.index  #navigation {
		position: absolute;
		bottom: 0;
	}
	
	#logo {
		padding: 0.5rem 1rem;
	}
	div#navigation {
		position: relative;
		bottom: auto;
		line-height: 1.25rem;
	}
	#kopfbild {
		height:auto;
		min-height: auto!important;
		background:#fff;
		border:none;
	}
	#kopfbild, #headerslider {
		height:auto;
		min-height: 280px;
		height: 33vh;
	}
	ul#socialmedia li {margin: 0 0.25em;font-size: 25px;}
}