a:visited {  text-decoration: none;  color : #A06A82; }
a:active {  text-decoration: none;  color : #A06A82; }
a:link {  text-decoration: none;  color : #A06A82; }
a:hover { text-decoration: none; color : #FFFF99; }

@font-face {
font-family: zenda;
src: url('zenda.ttf');
font-style: normal;
font-weight: normal;
}

@font-face {
    font-family: 'madelyn';
    src: url('madelyn-webfont.eot');
    src: url('madelyn-webfont.eot?#iefix') format('embedded-opentype'),
         url('madelyn-webfont.woff2') format('woff2'),
         url('madelyn-webfont.woff') format('woff'),
         url('madelyn-webfont.ttf') format('truetype'),
         url('madelyn-webfont.svg#madelynregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

img {
	width: 100%;
}

.schatten{
	-moz-box-shadow: 10px 10px 20px gray;
    -webkit-box-shadow: 10px 10px 20px gray;
    box-shadow: 10px 10px 20px gray;
}

.radius{
border-radius: 12px;
}

.fade1{
    animation: fadein 3s;
    -moz-animation: fadein 3s; /* Firefox */
    -webkit-animation: fadein 3s; /* Safari and Chrome */
    -o-animation: fadein 3s; /* Opera */
}

.fade2{
    animation: fadein 6s;
    -moz-animation: fadein 6s; /* Firefox */
    -webkit-animation: fadein 6s; /* Safari and Chrome */
    -o-animation: fadein 6s; /* Opera */
}

.fade3{
    animation: fadein 9s;
    -moz-animation: fadein 9s; /* Firefox */
    -webkit-animation: fadein 9s; /* Safari and Chrome */
    -o-animation: fadein 9s; /* Opera */
}

.fade4{
    animation: fadein 12s;
    -moz-animation: fadein 12s; /* Firefox */
    -webkit-animation: fadein 12s; /* Safari and Chrome */
    -o-animation: fadein 12s; /* Opera */
}

.fade5{
    animation: fadein 15s;
    -moz-animation: fadein 15s; /* Firefox */
    -webkit-animation: fadein 15s; /* Safari and Chrome */
    -o-animation: fadein 15s; /* Opera */
}

.fade6{
    animation: fadein 18s;
    -moz-animation: fadein 18s; /* Firefox */
    -webkit-animation: fadein 18s; /* Safari and Chrome */
    -o-animation: fadein 18s; /* Opera */
}

.fade7{
    animation: fadein 21s;
    -moz-animation: fadein 21s; /* Firefox */
    -webkit-animation: fadein 21s; /* Safari and Chrome */
    -o-animation: fadein 21s; /* Opera */
}

.fade8{
    animation: fadein 24s;
    -moz-animation: fadein 24s; /* Firefox */
    -webkit-animation: fadein 24s; /* Safari and Chrome */
    -o-animation: fadein 24s; /* Opera */
}

.fade9{
    animation: fadein 27s;
    -moz-animation: fadein 27s; /* Firefox */
    -webkit-animation: fadein 27s; /* Safari and Chrome */
    -o-animation: fadein 27s; /* Opera */
}



@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}





@media screen and (min-width: 1281px) {
html {
background: url('pics/back/healing.jpg') no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
overflow-y: scroll;
margin-top:30px;

color:#A06A82;
font-size:16px;
font-family:Arial, Helvetica, Sans-Serif;

cursor: url(pics/schmetterling.gif),default;

}


#footer {
	 position: fixed;
    background-color: #F1F291;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
	 color:#A06A82;
    opacity: 0.9;
    bottom: 0px;
    margin-left: -10px;
    width: 105%;
}

#divmitte {
	margin: 0 auto;
	display: inline-block;
}

.footerdiv {
	margin-right: 20px;
	float: left;
}

.indexlinks {
margin-right: 20px;
width: 200px;
height: 170px;
float: left;
font-size: 14px;
text-align: left;
}


h1  {
	font-size: 3em;
	font-weight: normal;
	font-family: madelyn;
	color:#F4D6CC;
	display:inline;
}

h2  {
	font-size: 4em;
	margin-left: 50px;
	font-weight: bold;
	font-family: madelyn;
	color:#F4D6CC;
	display:inline;
}

.ueberschrift {
	top: 20px;
	margin-left: 50px;
	line-height: 1em;
	width: 850px;
}

#bild {
margin: 20px;
width: 250px;
float: right;
}

#bildlinks {
margin: 20px;
width: 250px;
float: left;
}



.tabelle {
	background-color: #F1F291;
	opacity: 0.9;
	padding: 15px;
	margin-top: 40px;
	margin-bottom: 80px;
	margin-left: 50px;
	line-height: 23px;
	width: 750px;
	overflow: hidden;

	webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px 75px 100px 25px;


	-moz-box-shadow: 10px 10px 20px lightgoldenrodyellow;
    -webkit-box-shadow: 10px 10px 20px lightgoldenrodyellow;
    box-shadow: 10px 10px 20px lightgoldenrodyellow;

}

.tabellelinks {
	background-color: #F1F291;
	opacity: 0.9;
	padding: 15px;
	margin-top: 40px;
	margin-left: 175px;
	line-height: 18px;
	width: 500px;


	webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px 75px 100px 25px;


	-moz-box-shadow: 10px 10px 20px lightgoldenrodyellow;
    -webkit-box-shadow: 10px 10px 20px lightgoldenrodyellow;
    box-shadow: 10px 10px 20px lightgoldenrodyellow;

}

.tabelleverlinkung {
	background-color: #F1F291;
	opacity: 0.9;
	padding: 15px;
	margin-top: 40px;
	margin-left: 175px;
	line-height: 18px;
	width: 500px;
			margin-bottom: 80px;
	overflow: hidden;

	webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px 75px 100px 25px;


	-moz-box-shadow: 10px 10px 20px lightgoldenrodyellow;
    -webkit-box-shadow: 10px 10px 20px lightgoldenrodyellow;
    box-shadow: 10px 10px 20px lightgoldenrodyellow;

}

.stylesup {
	font-size: 14px;
	color: #F4D6CC;

}


.style55 {
	text-align: center;
	font-size: 12px;
}

.style6 {
	text-align: center;
	word-spacing: 15px;
}

.zentriert {
	text-align: center;
}

.button3 {
    width: 200px;
    font-size: 14px;
	 color: #A06A82;
    border: 2px solid #AA718F;
    padding: 2px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 10px 2px;
    cursor:  url(pics/schmetterling.gif),default;
    transition-duration: 0.4s;
    border-radius: 12px;
 }



.button4 {
	 color: #A06A82;
    width: 100px;
    font-size: 14px;
    color: black;
    border: 2px solid #AA718F;
    padding: 2px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 10px 2px;
    cursor:  url(pics/schmetterling.gif),default;
    transition-duration: 0.4s;
    border-radius: 12px;
 }


.ohne {
	 color: #A06A82;
    font-size: 14px;
    border: 2px solid #F1F291;
    padding: 2px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 10px 2px;
    border-radius: 12px;
 }

.button:hover {
    background-color: #8A4F6B;
    color: white;
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
 }



	}







@media screen and (min-width: 780px) and (max-width:1280px) {
html {
margin: 0 auto;
background-color: #F1F291;
color: #A06A82;
font-size: 1.2em;
font-family: Arial, Helvetica, Sans-Serif;

cursor: url(pics/schmetterling.gif),default;
}


#footer {
	 position: fixed;
    background-color: #F1F291;
    padding: 10px;
    font-size: 0.9em;
    font-weight: bold;
    text-align: center;
	 color:#A06A82;
    opacity: 0.9;
    bottom: 0px;
    width: 100%;
}


#divmitte {
	margin: 0 auto;
	display: inline-block;
}

.footerdiv {
	margin-right: 20px;
	float: left;
}

.indexlinks {
margin: 0 auto;
width: 200px;
font-size: 14px;
text-align: left;
margin-bottom: 15px;
}


h1  {
	font-size: 3em;
	font-weight: normal;
	font-family: madelyn;
	color:#A06A82;
margin-top: -60px;
margin-bottom: -20px;
}

h2  {
	font-size: 4em;
	font-weight: bold;
	font-family: madelyn;
	color:#A06A82;

}

.ueberschrift {
line-height: 0.5em;
}

#bild {
margin: 20px;
width: 300px;
float: right;
}

#bildlinks {
margin: 20px;
width: 250px;
float: left;
}

.tabelle {
	margin-top: 20px;
	line-height: 1.3em;
	overflow: hidden;
}

.tabelleverlinkung {
	margin-top: 40px;
	margin-bottom: 150px;
}

.stylesup {
	font-size: 1em;
	color: #F4D6CC;
}

.style55 {
	text-align: center;
	font-size: 0.9em;
}

.style6 {
	text-align: center;
	word-spacing: 1.1em;
}

.zentriert {
	text-align: center;
}



.button3 {
    width: 200px;
    font-size: 0.9em;
	 color: #A06A82;
    border: 2px solid #AA718F;
    padding: 2px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 10px 2px;
    cursor:  url(pics/schmetterling.gif),default;
    transition-duration: 0.4s;
    border-radius: 12px;
 }



.button4 {
	 color: #A06A82;
    width: 100px;
    font-size: 0.9em;
    color: black;
    border: 2px solid #AA718F;
    padding: 2px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 10px 2px;
    cursor:  url(pics/schmetterling.gif),default;
    transition-duration: 0.4s;
    border-radius: 12px;
 }

.ohne {
	 color: #A06A82;
    font-size: 1.0em;
    border: 2px solid #F1F291;
    padding: 2px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 10px 2px;
    border-radius: 12px;
 }

.button:hover {
    background-color: #8A4F6B;
    color: white;
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
 }




	}









@media screen and (max-width: 779px) {
html {
width: 90%;
margin-right: 2px;
background-color: #F1F291;
color:#A06A82;
font-size:1.2em;
font-family:Arial, Helvetica, Sans-Serif;

cursor: url(pics/schmetterling.gif),default;

}


#footer {
	 position: fixed;
    background-color: #F1F291;
    padding: 10px;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
	 color:#A06A82;
    opacity: 0.9;
    bottom: 0px;
    width: 90%;
}

#divmitte {
	margin: 0 auto;
	display: inline-block;
}

.footerdiv {
	margin-right: 10px;
	float: left;
}

.indexlinks {
	margin: 0 auto;
width: 200px;
font-size: 13px;
line-height: 16px;
text-align: left;
margin-bottom: 10px;
}


h1  {
	font-size: 2em;
	font-weight: normal;
	font-family: madelyn;
	color:#A06A82;
	margin-top: -20px;
}

h2  {
	font-size: 3em;
	margin-bottom: 10px;
	font-weight: bold;
	font-family: madelyn;
	color:#A06A82;
}

.ueberschrift {
	top: 20px;
	line-height: 0.7em;
	width: 100%;
}

#bild {
margin: 0 auto;
width: 300px;
}

#bildlinks {
margin: 0 auto;
width: 300px;
}

.tabelle {
	margin-top: 10px;
	line-height: 1.5em;
	width: 100%;
}


.tabelleverlinkung {
	margin-top: 40px;
	margin-bottom: 120px;
}

.stylesup {
	font-size: 1em;
	color: #F4D6CC;

}

.style55 {
	text-align: center;
	font-size: 0.9em;
}

.style6 {
	text-align: center;
	word-spacing: 40px;
}

.zentriert {
	text-align: center;
}


.button3 {
    width: 200px;
    font-size: 0.7em;
	 color: #A06A82;
    border: 2px solid #AA718F;
    padding: 0px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 10px 2px;
    cursor:  url(pics/schmetterling.gif),default;
    transition-duration: 0.4s;
    border-radius: 12px;
 }



.button4 {
	 color: #A06A82;
    width: 80px;
    font-size: 0.7em;
    color: black;
    border: 2px solid #AA718F;
    padding: 0px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 10px 2px;
    cursor:  url(pics/schmetterling.gif),default;
    transition-duration: 0.4s;
    border-radius: 12px;
 }

.ohne {
	 color: #A06A82;
    font-size: 1.0em;
    border: 2px solid #F1F291;
    padding: 2px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 10px 2px;
    border-radius: 12px;
 }

.button:hover {
    background-color: #8A4F6B;
    color: white;
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
 }


}