@media screen and (max-width: 768px) {
	
html * {line-height: 1.7em; }

#main {width: 99%; margin: 0;}
#content {margin: 7rem 0 5rem 0; font-family: Helvetica}
#kopf {width: 99%; margin: 0}
#logo {width:99%; height: 99%}

.floating-image {padding: 0.3rem; margin: 0 0.1rem 0.5rem 0.5rem; width:30%}
figcaption {text-indent: 0.3rem; font-size: 0.8rem; line-height: 1rem}
img {width:98%;height:98%}
p{margin: 1rem 0.5rem 2rem 0.5rem}

#menu {	margin: 0.5rem auto 0.5rem 0; ; width:99%}

#menu p {
	font-size: 1rem;
	padding: 0.2rem 0.5rem;
	margin: 0;
	line-height: 1.5rem; }

#menu ul {width: 99%;}

#menu ul li {
	margin: 0 0 0 0.3rem;
	font-size: 0.9rem;
	line-height: 3.0rem;}

#menu ul li img {
	width: 0.8rem;
	height: 0.8rem;
	margin: 0.7rem 0.3rem;
	padding: 0.4rem;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;}

#menu ul ul:before {
	content:"";
	width: 10px;
	height: 10px;
	top: -5px;
	left: 20px;}

#menu ul li:hover ul { top: 55px; }

#menu ul ul li {
	font-size: 1rem;
	padding: 0.3rem 0.6rem;
	margin: 0;
	line-height: 1.2rem; }

#menu ul ul li.all {
	font-size: 0.8rem; }
	
#navcontainer {margin: 0.2rem 1.5rem 1rem 0.1rem; float:left;}

html #navcontainer ul {
margin: 0;
padding: 0; }

#navcontainer li { margin: 0; }

#navcontainer a {
padding: 0.8rem 1rem;
width: 6rem;
font-size: .9rem;}

#navcontainer ul ul a {
padding: 5px 5px 5px 30px;
width: 8rem;}

#foot {height:100%; height:7%}
#foot p {width:99%; margin: 0.1rem auto 0.2rem auto; text-align:center; line-height:1.0rem;font-size: 0.9rem}
#foot ul {font-size:0.8rem; line-height:1.0rem}
}


@media screen and (max-width: 450px) {
html * {line-height: 1.6em; font-size: 0.9em }

#main {width: 99%; margin: 0;}
#content {margin: 8.0rem 0 4rem 0; font-family: Helvetica}
#kopf {width: 99%; margin: 0}
#logo {width:99%; height: 99%;margin:0.1rem}

.floating-image {padding: 0.3rem; margin: 0 0.1rem 0.5rem 0.5rem; width:30%}
figcaption {text-indent: 0.3rem; font-size: 0.8rem; line-height: 1rem}
img {width:60%;height:60%}
p{margin: 1rem 0.5rem 2rem 0.5rem}
table {
	width: 90%;
	margin: 0.9rem 0.4rem;
	text-align: center;
}
td , th{font-size:0.7rem}
#foto {
	width: 90%;
	margin: 1rem 0.3rem;
	padding: 0.5rem;
	border: 1px solid black;
}
#menu {	margin: 0.5rem auto 0.5rem 0; ; width:99%}

#menu p {
	font-size: 0.9rem;
	padding: 0.2rem 0.5rem;
	margin: 0;
	line-height: 1.5rem; }

#menu ul {width: 99%;}

#menu ul li {
	margin: 0 0 0 0.2rem;
	font-size: 0.8rem;
	line-height: 2.2rem;}

#menu ul li img {
	width: 0.9rem;
	height: 0.9rem;
	margin: 0.4rem 0.3rem;
	padding: 0.3rem;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;}

#menu ul ul:before {
	content:"";
	width: 10px;
	height: 10px;
	top: -5px;
	left: 20px;}

#menu ul li:hover ul { top: 55px; }

#menu ul ul li {
	font-size: 1rem;
	padding: 0.3rem 0.6rem;
	margin: 0;
	line-height: 1.2rem; }

#menu ul ul li.all {
	font-size: 0.8rem; }
#menu ul li a img{width:10%;height:10%}
	
#navcontainer {margin: 7.5rem 0rem 1rem 0.1rem; width:33%;}

html #navcontainer ul {
margin: 0;
padding: 0; }

#navcontainer li { margin: 0; width:32%; }

#navcontainer a {
padding: 0.6rem 0.3rem;
width: 4.0rem;
font-size: .6rem;}

#navcontainer ul ul a {
padding: 5px 5px 5px 0.4rem;
width: 5rem;}

ul li ul#subnavlist {
	margin-left: 0.2em;
	background-color: white; width: 8rem
}

#date {
	font-size: 0.7rem;
	float: right;
}
em{ margin: 0.9rem 0.1rem;}

article .fullblock {
	line-height: 1.3rem;
	width: 65%;
	margin: 1% 0.1rem 1% 0;
	padding: 0 0 0.7rem 0;}
	
article h1.headblock {
	width: 96%;
	margin: 0.5rem 0.3rem 1rem 0.3rem;
	line-height: 2.7rem;
	border-radius: 5px;
	box-shadow: 5px 5px 20px #a04d6f;
}
.floating-image {padding: 0.3rem; margin: 0 0.1rem 0.5rem 0.5rem; width:90%}
figcaption {text-indent: 0.3rem; font-size: 0.7rem; line-height: 1rem}
.floatel{
    width: 96%;
    margin: 1% 0 1% 2%;
	padding:1%;
    box-shadow: -5px -5px 20px #BDBDBD;}
#foot {height:100%; height:11%}
#foot p {width:99%; margin: 0.1rem auto 0.2rem auto; text-align:center; line-height:1.0rem;font-size: 0.7rem}
#foot ul {font-size:0.7rem; line-height:1.0rem}
}