* {
	margin:0;
	padding:0;
}
body {
	background-color:#ddf6d9;
	color:#413e3c;
	font-family:Tahoma, sans-serif;
}
header, nav, footer {
	display:block;
}

h1 {
	font-family:Georgia, serif;
	text-align:center;
	font-weight:normal;
	font-style:italic;
}
p {
	font-size:1.2em;
	margin:0 0 0.5em 0;
	line-height:1.5;
}
main ul {
	margin:0.5em 0 0.5em 0.5em;
}
main li {
	font-size:1.3em;
	list-style:none;
	padding:0 0 0.5em 24px;
	line-height:1.5;
	background-image:url(../grafik/bullet.png);
	background-repeat:no-repeat;
}
a {
	color:#413e3c;
}
.listemitbild {
	margin-bottom:40px;
}
.listemitbild li {
	background-image:none;
	padding-left:0;
}
.bulletimg {
	position:relative;
	top:36px;
	margin:0 12px 22px 0;
}

/*kleinste Größe*/

header {
	position:fixed;
	top:0;
	left:50%;
	transform: translate(-50%, 0);	
	width:96%;
	max-width:1180px;
	margin:0 auto;
	background-color:#f6efd2;
	height:120px;
}
#smartnav {
	float:right;
	margin:8px 8px 0 0;
	border:none;
}
#smartnav img {
	width:60px;
	height:auto;
}
#smartnav p {
	text-align:center;
}
#logo, #navlogo {
	width:40%;
	height:auto;
	max-width:254px;
	float:left;
	padding:8px 0 0 12px;
}
#navlogo {
	max-width:150px;
}
#nav {
	display:none;
}
#box {
	width:96%;
	max-width:1180px;
	margin:120px auto 0 auto;
	background-color:#fff;
	overflow:auto;
}
main, footer {
	padding:30px 12px;
}
h1 {
	font-size:1.3em;
	margin-bottom:1em;

}
#navsmart li {
	list-style:none;
}
#navsmart a {
	text-decoration:none;
	display:block;
	border-bottom:1px solid #413e3c;
	padding:8px 0 8px 12px;
	font-size:1.5em;
}
footer {
	clear:both;
}
#tel {
	max-width:100%;
}
#tel img {
	float:left;
	padding-right:8px;
}
#datenschutz {
	float:right; 
	width:14em;
}
.right {
	float:right;
}
.boxklein {
	width:300px;
	max-width:100%;
	margin:0 auto 20px auto;
}
.boxklein p {
	text-align:center;
}
.boxklein img {
	border-radius:12px;
	max-width:100%;
}
.moveanchor {
	margin-top:-120px;
    padding-bottom:120px; 
    display:block;
}
.clear {
	clear:both;
}
.unten15 {
	margin-bottom:1.5em;
}
.bild_rechts {
	width:100%;
	max-width:330px;
	height:auto;
	border-radius:20px;
}
@media all and (min-width:520px) {
#logo {
	width:30%;
}
.boxklein {
	margin: 0 40px 40px 0;
	float:left;
}
.bild_rechts {
	float:right;
}
}

@media all and (min-width:580px) {
#datenschutz {
	margin-top:-40px;

}
.moveanchor {
	margin-top:-160px;
    padding-bottom:160px; 
}
}
@media all and (min-width:820px) {
.moveanchor {
	margin-top:-200px;
    padding-bottom:200px; 
}
}

/* ab 900px */
@media all and (min-width:900px) {
#smartnav {
	display:none;
}
header {
	height:84px;
}
nav, #nav {
	display:block;
	float:right;
	margin:12px 12px 12px 0;
}
#nav li {
	display:inline;
	list-style:none;
}
#nav a {
	text-decoration:none;
	margin-right:1.3em;
	font-size:1.3em;
}
#lastli {
	margin-right:0 !important;
}
#box {
	margin-top:84px;
}
#navsmart {
	margin-top:40px;
}
main {
	padding:30px 80px;
}

footer {
	padding:30px 12px;
}
h1 {
	font-size:1.6em;
	margin:40px 0 2em 0;
}
 main ul {
	margin-left:3em;
}
}

@media all and (min-width:1024px) {
h1  {
	font-size:2em;

}
}
@media all and (min-width:1100px) {
#nav a {
	margin-right:2em;
}
}




@media print {
#smartnav, #datenschutz {
	display:none;
}
#logo {
	width:160px;
}
main {
	padding-top:0;
}
h1 {
	font-size:1.6em;
}
.boxklein {
	width:40%;
	float:left;
}

}