/* #################################### RESPONSIVE #################################### */

@media only screen and (max-width: 800px) 
{
.alert_dialyse {
	margin-left:10%;
	width:80%;
}
.alert_praxis {
	margin-top:5%;
	margin-left:10%;
	width:80%;
}
body#start .spalte1, body#start .spalte2 , body#start .spalte3 {
	display: block;
	border-right:0px;
	width: 100%;
	/* float: none; */
	padding: 40px 0;
	margin: 0px;
	box-sizing: border-box;
}
body#start .text3 .tinymcewysiwyg{
	display: block;
	width: 100%;
	padding: 0px;
}

}


@media only screen and (max-width: 740px) 
{
#startseite {
	flex-direction: column;
}
#startseite a {
	width:100%;
}
body#start #content a {
	display: block;
	width:100%;

}

body#start .wichtig {
	margin-top:5%;
	left:10%;
	width:80%;
	max-width:80%;
}

#header{
	height:auto;
	text-align: center;
}	
#header #logo {
	/* height:auto;
	width:100%;
	 float: none; 
	display: block;
	text-align: center; */
	padding: 30px 20px 20px 20px;
}
#header #name{
	/* height:160px; */
	width:100%;
	/* float: none; */
	display: block;
	/* text-align: center; */
}
#header img{
	/* width: auto;
	height: 100%; */
	}		
#menu {
	width:100%;
	height:auto;
	box-shadow: 0px 3px 5px black;
}

body#dialyse #menu ul,
body#dialyse #menu ul ul li { 
	display: block;
	width: 100%;
	background-color: rgba(255,202,0,0.1);
}
body#praxis #menu ul {
	display: block;
	width: 100%;
	background-color: rgba(210, 42, 62,0.1);
}
#menu ul li {
	display: block;
	width: auto;
	min-width: 100%;
}

#menu ul li a {
	display: block;
	/* color:white; */
	text-align: center;
	height: 40px;
	font-size: 18px;
	line-height: 40px;
	border-top: 1px solid rgba(255,255,255,0.5);
}


#menu ul li:hover > ul {
	top:0px;
	width:100%;
	opacity:1;
}
#menu ul ul {
	position:relative;
	top:0px;
	opacity:1;
}
body#dialyse #menu ul li.rex-current a,
body#dialyse #menu ul li.rex-active a {
	/* background-color:rgb(210,42,62);*/
	background-color:rgb(255,202,0);
	color:white; 
	font-weight: 700;
	border-bottom:6px solid rgb(255,202,0);
}
body#praxis #menu ul li.rex-current a,
body#praxis #menu ul li.rex-active a {
	/* background-color:rgb(51,93,142); */
	background-color: rgb(210,42,62);
	color:white;
	font-weight: 700;
	border-bottom:6px solid rgb(210,42,62);
}


.foto {
	/* display: none; */
}
#vita1, #vita2, .text, .text3 .tinymcewysiwyg{
	display: block;
	width: 100%;
	padding: 40px 20px;
}

.spalte1, .spalte2 , .spalte3,
.team2 .spalte1, .team2 .spalte2 ,
.team3 .spalte1, .team3 .spalte2 , .team3 .spalte3{
	display: block;
	border-right:0px;
	width: 100%;
	/* float: none; */
	padding: 40px 0;
	margin: 0px;
	box-sizing: border-box;
}
.spalte1, .spalte2 {
	/* border-bottom: 1px solid  rgba(0,117,153,1); */
}
body#start .spalte1, .spalte2 {
	border-bottom: 0px solid  rgba(0,117,153,1);
}
.tinymcewysiwyg.team-einzeln.spalte1 {
	display: block;
	width:100%;
	box-sizing: border-box;
	text-align: center;
}
.alert, .wichtig {
	position: relative;
	top:0px;
	right:0px;
	width:100%;
	max-width: 100%;
}
body#dialyse .wichtig,
body#dialyse .alert,
body#praxis .wichtig,
body#praxis .alert {
	top:0;
}
.alert .tinymcewysiwyg {
	color: white;
	width:100%;
	display: block;
	padding: 50px 20px;
	box-sizing: border-box;
}
#foto {
	/* height:270px; */
	width:100%;
	background-size: cover;
	background-position: top center;
}
.fotogross {
	/* display: none; */
}			
.vita {
    clear: both;
    border-bottom: 2px solid rgba(0,117,153,0.5);
    /* background-color: white; */
    width: 100%;
    padding:40px 20px 40px 20px;
    box-sizing: border-box;
}

}

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

body#start #content {
	background-size: auto;
	background-position-y: 200px;
}

body#start .text3 .tinymcewysiwyg.spalte1,
body#start .text3 .tinymcewysiwyg.spalte2,
body#start .text3 .tinymcewysiwyg.spalte3 {
	width:100%;
	display: block;
	/* float: none; */
}
body#start .text3 .tinymcewysiwyg.spalte3 {
	margin-bottom: 20px;
}
body#start h2 {
	-moz-hyphens: none;
	-o-hyphens: none;
	-webkit-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}	

}

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

.textspalten {
	display: flex;
	flex-direction: column;
}
.alert_dialyse, .alert_praxis {
	min-width: auto;
}
#header #name h1 {
	font-size:24px;
	line-height:28px;
	}
h2 {
	font-size:26px;
	line-height:30px;
	}

}

@media only screen and (max-width: 420px) 
{
.alert_dialyse em,
.alert_praxis em {
	font-size: 18px;
}
}