/***** Schriftarten importieren *******************/
@import url('https://fonts.googleapis.com/css2?family=Shadows+Into+Light&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Calligraffitti&display=swap');          
/*@import url('https://fonts.googleapis.com/css2?family=family=Didact+Gothicdisplay=swap'); */
/*@import url(http://fonts.googleapis.com/css?family=Sacramento|Andika);   */
@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Amatic+SC:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Pontano+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Architects+Daughter&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oooh+Baby&display=swap');

/**** Schriftarten einbinde *****************************/
/*    font-family: 'Calligraffitti', cursive;
/*    font-family: 'Didact Gothic', sans-serif;
/*    font-family: 'Lato', sans-serif;
/*	  font-family: 'Shadows Into Light', cursive;
/*    font-family: 'Open Sans', sans-serif;
/*    font-family: 'Amatic SC', cursive;
/*    font-family: 'Architects Daughter', cursive;
/*    font-family: 'Oooh Baby', cursive;
/********************************************************/

/**** Pfeilsymbole in html ********
*	nach oben  ▲			*** 
*	zurück ◀ 				***
*	weiter  ▶				***
***********************************/


/* standardmäßig hat body einen unsichtbaren Abstand von 8px (margin:8px), 
      wenn man es weghaben will, 0px eingeben */

/*{ margin: 0px;
	padding: 0px;}  */


body {
  color: #2f0d38;  /*schriftfarbe*/
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#5f3b9c+0,c496ff+100 */
	background: #5f3b9c; /* Old browsers */
	background: -moz-linear-gradient(left,  #5f3b9c 0%, #c496ff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #5f3b9c 0%,#c496ff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #5f3b9c 0%,#c496ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f3b9c', endColorstr='#c496ff',GradientType=1 ); /* IE6-9 */

  /*background-color: #EEEEEE;      /*aussen herum*/
  /*background-image: url(../img/KarteTraillegen_einfarbig.jpg);
  background-repeat: repeat;*/
  font-family: 'Open Sans', sans-serif;
  font-size: 90%;  
}

#page{
	/*background-color: #FFFFFF;  */
	width: 60%;
	margin: 24px auto;
	padding: 12px;
  }
  

p.zentriert {
	text-align: center;
}
  
p.zgf {
	text-align: center;
	font-size:14px;
	font-weight: bold;
}


a {
	text-decoration: none; 
	color:#5f3b9c; 
}
a:hover {background-color: #c496ff;}
/********** CONTAINER ************************/


#container {
	max-width: 1050px;
	margin: 0 auto;
	padding: 0.625em;     
	border-right: 2px #2f0d38 solid;
	border-bottom: 2px #2f0d38 solid;
	border-left: 2px #2f0d38 solid;
	background-color: #ece0fd/* #FDFCFE;     */
}
   

#titelbild{
  padding: 0.375em ;  
  max-width: 830px;
} 


#titel{
 padding: 0.625em;
 
 /*height: 180px;*/
 background-color: #FDFCFE; 
 
}



img {width: 100%;}


.buttons{
	max-width: 2.5em;
}


#logo {
	max-width: 12em;
	/*background-color: #FFF000;*/
}

#content_infobox{
   font-family: 'Open Sans', sans-serif;
   padding: 0.375em ;  
   margin-right: 0.625em;
   /*text-align: center;  */ 
   width: 160px;
   float: right;
   background-color: #FAF0FA;
   border: 3px #2f0d38 groove;
   
}    


section {
	padding: 0.25em 2.5em 1.5em 2.5em; 
	/*width: 800px;   */
}

  #content_text {
	padding: 4px 0 24px 0; 
	width: 500px;  
	float: left;      
	font-family: 'Open Sans', sans-serif;
  }
  
  

#footer {
	clear: both;
	color:#5f3b9c;
	background: #F9F1F9;
	padding: 0.625em 1.25em;
	border-bottom: 0.3em #c49bff solid;
	font-size: 0.8em;
	text-align: center;
  }
  
  #footer a {
	color: #5f3b9c;
	text-decoration: none;
  }  
  
  #footer a:hover {
	  color: #2f0d38;
	  text-decoration: none;
	  background-color: #c496ff;
  }


/**************CONTAINER ENDE *********************/


/************* HEADER *****************************/

.artikel_header{
	font-family: 'Architects Daughter';
	padding-top: 0.5em ;  
  	border-top: 0.3em #c49bff solid;
  	color: #5f3b9c;
	font-size: 1.7em;
	font-weight: bold;
}

.artikel_header_zentriert{
	font-family: 'Architects Daughter', cursive;
	padding-top: 0.5em ;  
  	border-top: 0.3em #c49bff solid;
  	color: #5f3b9c;
	font-size: 1.7em;
	font-weight: bold;
	text-align: center;
}


#mainheader{
	padding: 0.125em ;          /* Innenabstand */
	display: flex;
    flex-direction: row;
	/*float: left;
  /*        text-align: center; 
	background-color: #FFFF00;  */ 
  }

.header{
  padding: 0.375em ;          /* Innenabstand */
/*        text-align: center; 
  background-color: #FFFF00;  */ 
}

/*.header{ background-color: #83A342; color: #FFFFFF; }   /*gr�n - was ist das hier?*/

/************* HEADER ENDE *****************************/


/************** TEXTELEMENTE *********************/

h1 {  font-family: 'Architects Daughter', cursive; font-size: 2.5em; letter-spacing: 0.15em; color: #2f0d38; text-shadow: 0 -1px 0 #000;text-align: center; border-top: 0.2em #5f3b9c solid; padding-top: 0.6em;}

h2 { font-family: 'Architects Daughter', cursive; font-size: 1.5em; text-align: center; color: #2f0d38; letter-spacing: 0.1em;}

h3 { font-family: 'Architects Daughter', cursive; letter-spacing: 0.1em;}

h5 {font-size: 1.1em; color: #5f3b9c;}


.datum{color: #5f3b9c;}

.drei_spalten ul{
	list-style: none;
	/*column-count: 3;
	column-width: 15em;  */
	/*max-width: 40em ;*/
	columns: 3 12em; 
  	-ms-hyphens: auto;
  	-webkit-hyphens: auto;
  	hyphens: auto;  
	
}

p.ueberschrift{
	padding-top: 0.3em ; 
	font-weight: bold;
	border-top: 0.15em #c49bff solid;
  	color: #5f3b9c;
	font-size: 1em;
}

.quote{
	font-style: italic;
	padding-right: 10em;
	padding-left: 10em;
  }

blockquote {
  font-style: italic;
  padding-right: 10em;
  padding-left: 10em;
}

.rechtsbuendig{
	text-align: right;
}

.mit_box{
  padding:0.3em;
  width:7cm;
  /*border-top: 1px #D087D0 solid;
  border-bottom: 1px #D087D0 solid;
	border-left: 1px #D087D0 solid;
  border-right: 1px #D087D0 solid;*/
  background-color: #D68BD6;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#D68BD6) to(#FBE0FB));
	background-image: -webkit-linear-gradient(top, #D68BD6, #FBE0FB);
	background-image: -moz-linear-gradient(top, #D68BD6, #FBE0FB);
	background-image: -ms-linear-gradient(top, #D68BD6, #FFBE0FB);
	background-image: -o-linear-gradient(top, #D68BD6, #FBE0FB);
	background-image: linear-gradient(top, #D68BD6, #FBE0FB);

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#D68BD6, endColorstr=#FBE0FB);
}

.mit_box_lang{
  padding:0.3em;
  width:13cm;
  /*border-top: 1px #D087D0 solid;
  border-bottom: 1px #D087D0 solid;
	border-left: 1px #D087D0 solid;
  border-right: 1px #D087D0 solid;*/
  background-color: #D68BD6;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#D68BD6) to(#FBE0FB));
	background-image: -webkit-linear-gradient(top, #D68BD6, #FBE0FB);
	background-image: -moz-linear-gradient(top, #D68BD6, #FBE0FB);
	background-image: -ms-linear-gradient(top, #D68BD6, #FFBE0FB);
	background-image: -o-linear-gradient(top, #D68BD6, #FBE0FB);
	background-image: linear-gradient(top, #D68BD6, #FBE0FB);

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#D68BD6, endColorstr=#FBE0FB);
}

.textfeld_rechts {
  font-family: 'Open Sans', sans-serif;
  padding: 0.3em 0 24px 0; 
  float: left;  
   
}

.textfeld_links {
  font-family: 'Open Sans', sans-serif;
  padding: 4px 0 24px 0; 
  float: right;  
  margin-right: 200px;
    
}

.whitesp {
	white-space: pre;
}



/************** TEXTELEMENTE ENDE *********************/

/************** BILDER *********************/
.rbild_rand {
  border: 1px #D68BD6 solid;
  margin: 0.3em;
  float:left;
  margin-right: 0.625em;
}

.lbild_rand {
  border: 1px #D68BD6 solid;
  margin: 0.3em;
  float:right;
}


.bild_rand {
  border: 1px #D68BD6 solid;
  margin: 0.3em;
}

.lbild {
	/*margin: 0.3em;*/
	float:right;
	margin-right: 1.3em;
	margin-left: 1.3em;
	max-width: 20%;
	display: flex;
	justify-content: right; 
}

.rbild {
	/*margin: 1.3em;*/
	float:left;
	margin-right: 1.3em;
	margin-left: 1.3em;
	max-width: 20%;
	
}

.zbild {
	
	margin: auto;
	display: flex; 
    justify-content: center; 
    align-items: center;
	max-width: 35%;
	/*text-align: center;*/
}

/************** BILDER ENDE  *********************/

/********************** TEST NAVI oben **********/
#navii {
	border-top: 0.3em #c49bff solid;
	margin: 0 auto;
	background-color: #ece0fd/*#fae9fa; alt */
	
}

#navii li {
	list-style: none;
	margin: 0.5em;
	padding: 0;
	font-size: 1.5em;
    display: inline-block;
}

#navii,
#navii ul {
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	min-height: 0;
	text-align: center;
	list-style-type: none;
	font-family: 'Pontano Sans', sans-serif;
}	

@media (min-width: 45em) {
	#navii ul {
		flex-direction: row;
	}
	#navii li {
		flex: 1;
		font-size: 1em;
	}
}

#navii li:hover {
	z-index: 10000;
	white-space: normal;
}

#navii li li {
	float: none;
}


#navii li:hover > ul {
	visibility: visible;
	top: 100%;
}

#navii li li:hover > ul {
	top: 0;
	left: 100%;
}

#mnavii,
#mnavii ul {
	min-height: 0;
}

#navii ul,
#navii ul ul {
	margin: 0;
	padding: 0;
}

#navii ul li a:hover,
#navii li li a:hover {
	color: #2f0d38;  /*Schriftfarbe beim Hovern*/
	text-decoration: none;
}

#navii ul {
	min-width: 15em;
	margin-top: 1px;
}

#navii a {
	display: block;
	position: relative;
	height: 3em;
	margin: 0;
	padding: 0.4em;
	color: #5f3b9c;/*#753275; alt           /*Schriftfarbe Men�punkt*/
	text-shadow: 0 -1px 0 #000;
	font-size: 1em;
	font-weight: 700;
	line-height: 3em;
	white-space: nowrap;
	text-decoration: none;
	cursor: pointer;
	transition: all .25s ease-in; 
}

#navii a:hover {
	color: #fff;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c496ff+0,ece0fd+100 */
	background: #c496ff; /* Old browsers */
	background: -moz-linear-gradient(top,  #c496ff 0%, #ece0fd 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #c496ff 0%,#ece0fd 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #c496ff 0%,#ece0fd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c496ff', endColorstr='#ece0fd',GradientType=0 ); /* IE6-9 */

}

ul.navii > li:hover {
	color: #fff;
	background-color: #363636;
}

#navii .current_page_item a,
#navii .current-menu-item a {
	color: #2f0d38;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c496ff+0,ece0fd+100 */
	background: #c496ff; /* Old browsers */
	background: -moz-linear-gradient(top,  #c496ff 0%, #ece0fd 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #c496ff 0%,#ece0fd 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #c496ff 0%,#ece0fd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c496ff', endColorstr='#ece0fd',GradientType=0 ); /* IE6-9 */

}


#navii li li {
	margin: -1px 0 1px 0;
	border: 1px solid #e5e5e5;
	color: #444;
	background: #fff;
	background-image: none;

	filter: none;
}

.navii .current_page_item a,
.navii .current-menu-item a {
	background-color: #343434;
}


/**************TEST ENDE **************************************/


/************** NAVIGATION **************************/

#breadcrumb {
	width:  10em;
	color:#5f3b9c;
	background: #ece0fd;
	padding: 0.75em;   
	font-weight: bold;
	margin-left: 2em;
	 
}
#breadcrumb a {
	text-decoration: none; 
	color:#5f3b9c;
}

#breadcrumb :hover {
  color: #2f0d38; 
  text-decoration: none;  
  background: #c496ff; /* Old browsers */
	background: -moz-linear-gradient(top,  #c496ff 0%, #ece0fd 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #c496ff 0%,#ece0fd 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #c496ff 0%,#ece0fd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c496ff', endColorstr='#ece0fd',GradientType=0 ); /* IE6-9 */
 
}

.pfeil {
	/*width: 10em; */
	color:#5f3b9c;
	background: #ece0fd;
	padding: 0.75em ;   
	font-weight: bold;
	display:flex; 
	flex-direction: row;
	justify-content: space-between;
	align-items:center;
		 
}
.pfeil a {
	text-decoration: none; 
	color:#5f3b9c;
}

.pfeil :hover {
  color: #2f0d38; 
  text-decoration: none;  
  background: #c496ff; /* Old browsers */
	background: -moz-linear-gradient(top,  #c496ff 0%, #ece0fd 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #c496ff 0%,#ece0fd 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #c496ff 0%,#ece0fd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c496ff', endColorstr='#ece0fd',GradientType=0 ); /* IE6-9 */
 
}


#navioben {
  color: #5f3b9c;/*#8c65f8; */
  /*background: #F9F1F9; */
  padding: 0.625em 1.25em;
  border-top: 0.3em #c49bff solid;
  font-size: 0.8em;
  text-align: right;
} 

#navioben a {
  color: #5f3b9c;
  text-decoration: none;
}  

#navioben a:hover {
	color: #2f0d38;
	text-decoration: none;
	background-color: #c496ff;
  } 

/*#navigation {
/*	position: relative;*/
/*	 clear: both;
	 float: left;
	 width: 180px;
	 margin-top: 10px;
	 margin-bottom: 10px;
	 text-align: left;
   min-height: 400px;
} */

#navigation ul {
	 list-style-type: none;
/*	list-style: disc;  */
	 /*width: 100%;*/
	 display: block;
	 margin: 0;
	 padding: 0.625em;
   line-height: 14.5pt;
	 text-align: left;
	 text-decoration: none;
}

#navigation li {
  padding:5px;
  border-top: 2px #cd0074 solid;
  border-bottom: 2px #cd0074 solid;
  border-left: 2px #cd0074 solid;
  border-right: 2px #cd0074 solid;
  background-color: #e6399b;
  
} 

#navigation a {
   color: #7109aa;
   text-decoration: none;
   
} 

#menu {
	clear: both;
	float: left;
    margin: 0 auto;
	background-color: #ece0fd/*#fae9fa; alt */
	
}



#menu,
#menu ul {
	 width: 180px;
   display: block;
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: 'Pontano Sans', sans-serif;
}



#menu li:hover {
	 width: 180px;
  z-index: 10000;
	white-space: normal;
}

#menu li li {
	float: none;
}


#menu li:hover > ul {
	visibility: visible;
	top: 100%;
}

#menu li li:hover > ul {
	top: 0;
	left: 100%;
}



#menu,
#menu ul {
	min-height: 0;
}

#menu ul,
#menu ul ul {
	margin: 0;
	padding: 0;
}

#menu ul li a:hover,
#menu li li a:hover {
	color: #2f0d38;  /*Schriftfarbe beim Hovern*/
	text-decoration: none;
}

#menu ul {
	width: 180px;
	/*min-width: 15em;*/
	margin-top: 1px;
}

#menu a {
	display: block;
	position: relative;
	height: 3em;
	margin: 0;
	padding: 0 0.9em;
	
	color: #5f3b9c;/*#753275; alt           /*Schriftfarbe Men�punkt*/
	text-shadow: 0 -1px 0 #000;
	font-size: 1em;
	font-weight: 700;
	line-height: 3em;
	white-space: nowrap;
	text-decoration: none;
	cursor: pointer;
}

#menu a:hover {
	color: #fff;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c496ff+0,ece0fd+100 */
	background: #c496ff; /* Old browsers */
	background: -moz-linear-gradient(top,  #c496ff 0%, #ece0fd 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #c496ff 0%,#ece0fd 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #c496ff 0%,#ece0fd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c496ff', endColorstr='#ece0fd',GradientType=0 ); /* IE6-9 */

	
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d68bd6+0,fbe0fb+100 */
	/*background: #d68bd6; /* Old browsers */
	/*background: -moz-linear-gradient(top,  #d68bd6 0%, #fbe0fb 100%); /* FF3.6-15 */
	/*background: -webkit-linear-gradient(top,  #d68bd6 0%,#fbe0fb 100%); /* Chrome10-25,Safari5.1-6 */
	/*background: linear-gradient(to bottom,  #d68bd6 0%,#fbe0fb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d68bd6', endColorstr='#fbe0fb',GradientType=0 ); /* IE6-9 */

}

ul.menu > li:hover {
	color: #fff;
	background-color: #363636;
}

#menu .current_page_item a,
#menu .current-menu-item a {
	color: #2f0d38;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c496ff+0,ece0fd+100 */
	background: #c496ff; /* Old browsers */
	background: -moz-linear-gradient(top,  #c496ff 0%, #ece0fd 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #c496ff 0%,#ece0fd 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #c496ff 0%,#ece0fd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c496ff', endColorstr='#ece0fd',GradientType=0 ); /* IE6-9 */

	
	
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d68bd6+0,fbe0fb+100 */
	/*	background: #d68bd6; /* Old browsers */
	/*	background: -moz-linear-gradient(top,  #d68bd6 0%, #fbe0fb 100%); /* FF3.6-15 */
	/*	background: -webkit-linear-gradient(top,  #d68bd6 0%,#fbe0fb 100%); /* Chrome10-25,Safari5.1-6 */
	/*	background: linear-gradient(to bottom,  #d68bd6 0%,#fbe0fb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	/*	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d68bd6', endColorstr='#fbe0fb',GradientType=0 ); /* IE6-9 */

}


#menu li li {
	width: 180px;
	margin: -1px 0 1px 0;
	border: 1px solid #e5e5e5;
	color: #444;
	background: #fff;
	background-image: none;

	filter: none;
}

.menu .current_page_item a,
.menu .current-menu-item a {
	background-color: #343434;
}

/********* NAVIGATION ENDE *********************/

/******************  Kontaktformular ****************************************/

form.kontaktformular fieldset {
	margin-top: 25px;
	padding: 0.625em 0.625em 0.625em;
	width: 500px;
	background-color: #FAF0FA;
  border: 3px #6A046A groove;
   
}

form.kontaktformular legend {
  padding: 0 0.625em;
  font-weight: bold;
}

form.kontaktformular label {
	float: left;
	width: 130px;
}

.bold {
	font-weight: bold;
}

form.kontaktformular input, textarea {
	width: 220px;
	margin-bottom: 0.3em;
}

form.kontaktformular textarea {
	width: 350px;
	height: 150px;
}

.submitbuttonkontakt {
	font-weight: bold;
	font-family: 'Pontano Sans', sans-serif;
  cursor: pointer;
  margin-left: 0px;
	margin-top: 25px;
	width: 120px;
  height: 40px;
  border-top: 1px #D087D0 solid;
  border-bottom: 1px #D087D0 solid;
	border-left: 1px #D087D0 solid;
  border-right: 1px #D087D0 solid;
  background-color: #D68BD6;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#D68BD6) to(#FBE0FB));
	background-image: -webkit-linear-gradient(top, #D68BD6, #FBE0FB);
	background-image: -moz-linear-gradient(top, #D68BD6, #FBE0FB);
	background-image: -ms-linear-gradient(top, #D68BD6, #FFBE0FB);
	background-image: -o-linear-gradient(top, #D68BD6, #FBE0FB);
	background-image: linear-gradient(top, #D68BD6, #FBE0FB);

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#D68BD6, endColorstr=#FBE0FB);
}

/*input.submitbuttonkontakt:hover {
	color: ##6A046A;
	background-color: #89D69A;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#89D69A), to(#B2D5B9));
	background-image: -webkit-linear-gradient(top, #89D69A, #B2D5B9);
	background-image: -moz-linear-gradient(top, #89D69A, #B2D5B9);
	background-image: -ms-linear-gradient(top, #89D69A, #B2D5B9);
	background-image: -o-linear-gradient(top, #89D69A, #B2D5B9);
	background-image: linear-gradient(top, #89D69A, #B2D5B9);

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#D689D6, endColorstr=#C811C8);
} */



input.submitbuttonkontakt:hover {
	color: ##6A046A;
	background-color: #BE89BE;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#BE89BE), to(#FAB4FA));
	background-image: -webkit-linear-gradient(top, #BE89BE, #FAB4FA);
	background-image: -moz-linear-gradient(top, #BE89BE, #FAB4FA);
	background-image: -ms-linear-gradient(top, #BE89BE, #FAB4FA);
	background-image: -o-linear-gradient(top, #BE89BE, #FAB4FA);
	background-image: linear-gradient(top, #BE89BE, #FAB4FA);

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#D689D6, endColorstr=#BE89BE);
} 


#unsichtbarer-counter {
    visibility: hidden;
}
#sichtbarer-counter {
    visibility: visible;
}