*		Version 0.32A 27.04.2026			*/

body {
	border: 0px solid pink;
	/* background-color: white; */
	background-color: pink;	
	width: 300px;
	margin-top: 0px;	
	margin-bottom: 0px;	
	margin-left: auto;
	margin-right: auto;
	font-family: 'Ubuntu';
	/* font-family: 'Verdana';	*/
	/* font-family: 'Mina';		*/
}
	
/* unvisited link */
a:link {
  color: blue;
  text-decoration: none;
}

/* visited link */
a:visited {
  color: green;
  text-decoration: none;
}

/* mouse over link */
a:hover {
  color: hotpink;
  // text-decoration: none;
}

/* selected link */
a:active {
  color: blue;
  text-decoration: none;
}

footer {
	width: 100%;
	bottom: 10;
	margin-left: 5px;
	position: fixed;
}

/* header {
	position: fixed;
} */
	
input.CheckBox {
	border: 0px solid red;
    width: 16px;
    height: 16px;
	accent-color: silver;
	/* color: silver;				*/
	/* background-color: silver;	*/
	margin-left: 0px;
	valign: top;
}	
	
.WholeSite {
	border: 0px solid red;
	margin-left: auto;
	margin-right: auto;
}		

.Head {
	border: 0px solid blue;
	width: 100%;
	/* margin-top: 10px; */
	margin-bottom: 0px;	
}	

.HeadSchrift {
	border: 0px solid green;
	cursor: pointer;
	//width: 80%;
	width: 100%;
	font-weight: 1000;
	text-align: left;
	vertical-align: top;
	font-family: 'Abril Fatface';
	font-size: 32pt;
	// font-size: 48pt;
	margin-top: 0px;	
	margin-bottom: 0px;	
	margin-left: 0px;
	margin-right: 0px;
}	

.HeadMenu {
	border: 0px solid azure;
	cursor: pointer;
	text-align: right;
	vertical-align: top;
}

.HeadMenuLeftBlock{
	border: 0px solid pink;
	width: 100%;	
	cursor: pointer;
	// color: red;
	// font-size: 32pt;
	// font-weight: 1000;
	// text-align: left;
	// vertical-align: top;
}

.HeadMenuIconProfile{
	border: 0px solid orange;
	cursor: pointer;
	// color: red;
	// font-size: 32pt;
	// font-weight: 1000;
	text-align: right;
	// vertical-align: top;
}

.HeadMenuIconQuickIcon{
	border: 0px solid orange;
	cursor: pointer;
	color: red;
	font-size: 32pt;
	font-weight: 1000;
	text-align: right;
	vertical-align: top;
}

.HeadMenuIconHamburger{
	border: 0px solid orange;
	cursor: pointer;
	color: red;
	font-size: 32pt;
	font-weight: 1000;
	text-align: right;
	vertical-align: top;
}

.HeadEnde {
	border: 0px solid red;
	margin-top: 0px;
	margin-bottom: 0px;
	vertical-align: bottom;
	width: 100%;
	color: steelblue;
}

.HeadEndeUnderConstruction {
	/* border: 0px solid red; */
	vertical-align: top;	
	padding-bottom: 10px;
}

.HeadEndeText {
	border: 0px solid pink;
	font-family: 'Abril Fatface';
	font-size: 36pt;
	font-weight: 200;
	color: steelblue;
	padding: 0px;
	width: 100%;
	vertical-align: bottom;	
}

.HeadEndeText2 {
	border: 0px solid pink;
	font-family: 'Abril Fatface';
	font-size: 36pt;
	font-weight: 200;
	color: red;
	padding: 0px;
	width: 100%;
	vertical-align: bottom;	
}
	
.Einleitung {
	border: 0px solid red;
	font-size: 18pt;
	font-family: Ubuntu;
	/*	font-family: 'Mina';		*/
	color: silver;
	margin-top: 20px;
	margin-bottom: 20px;
}	
	
.TextArea {
	border: 0px solid red;
	font-size: 16pt;
	font-family: Ubuntu;
	/*	font-family: 'Mina';		*/
	color: silver;
	margin-top: 20px;
	margin-bottom: 20px;
}

.SearchForm {
	border: 0px solid blue;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	margin-right: 0px;
	/* background-color: green;	 */
}

.CharAsk {
	border: 1px solid grey;
	margin-left: 0px;
	/* margin-left: -3px;	 */
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 0px;	
	padding: 0px;
	padding-top: 2px;	
	width: 150px;
	height: 100pt;
	font-size: 72pt;
	font-weight: 600;
	/* background-color: green; */
	background-color: transparent;	
	/* color: tomato; */
	/* color: navy; */
	color: blue;	
	/* color: lightblue; */
		vertical-align: middle;
	/* border-radius: 0px; */
	text-align: center; 
}

.CharTrans {
	border: 1px solid grey;
	/* margin-left: 0px; */
	margin-left: -5px;			
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding: 0px;
	padding-top: 5px;	
	width: 150px;
	height: 100pt;
	font-size: 72pt;
	font-weight: 600;
	font-style: italic;
	/* background-color: white; */
	background-color: transparent;		
	/* color: blue; */
	color: silver;
	vertical-align: middle;
	/* border-radius: 0px; */
	text-align: center; 	
}

.CharAskInfo {
	border: 1px solid grey;
	margin-left: 0px;
	/* margin-left: -3px;		 */
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: -1px;	
	padding: 0px;
	/* padding-top: 5px;	 */
	width: 150px;
	height: 32pt;
	font-size: 18pt;
	/* background-color: white; */
	background-color: transparent;		
	color: silver;
	/* vertical-align: middle; */
	/* border-radius: 0px; */
}

.CharTransInfo {
	border: 1px solid grey;
	/* margin-left: 0px; */
	margin-left: -5px;		
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: -1px;	
	padding: 0px;
	/* padding-top: 5px;		 */
	width: 150px;
	height: 32pt;
	font-size: 18pt;
	/* background-color: white; */
	background-color: transparent;		
	color: silver;
	vertical-align: top;
	/* vertical-align: middle; */
	/* border-radius: 0px; */
}

.CharAskWoerter {
	border: 1px solid grey;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: -1px;	
	padding: 0px;
	width: 299px;
	height: 100pt;
	font-size: 14pt;
	/* background-color: white; */
	background-color: transparent;		
	color: silver;
	/* vertical-align: middle; */
	/* border-radius: 0px; */
}

.WordAsk {
	border: 1px solid grey;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 0px;	
	padding-top: 2px;	
	width: 150px;
	height: 64pt;
	font-size: 32pt;
	font-weight: 600;
	/* background-color: violet; */
	background-color: transparent;		
	color: red;
	vertical-align: middle;
	/* border-radius: 0px; */
	text-align: left; 
}

.WordTrans {
	border: 1px solid grey;
	margin-left: -5px;	
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 2px;	
	width: 150px;
	height: 64pt;
	font-size: 32pt;
	font-weight: 600;	
	font-style: italic;		
	/* background-color: yellow; */
	background-color: transparent;		
	/* color: blue; */
	color: silver;
	vertical-align: middle;
	/* border-radius: 0px; */
	text-align: left; 	
}

.WordAskInfo {
	border: 1px solid grey;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: -1px;	
	padding: 0px;
	/* padding-top: 5px;	 */
	width: 150px;
	height: 24pt;
	font-size: 12pt;
	/* background-color: white; */
	background-color: transparent;		
	color: silver;
	/* vertical-align: middle; */
	/* border-radius: 0px; */	
}

.WordTransInfo {
	border: 1px solid grey;
	margin-left: -5px;	
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: -1px;		
	padding: 0px;
	/* padding-top: 5px;		 */
	width: 150px;
	height: 24pt;
	font-size: 12pt;
	/* background-color: red; */
	background-color: transparent;		
	color: silver;
	vertical-align: top;
	/* vertical-align: middle; */
	/* border-radius: 0px; */
}

.WordAskWoerter {
	border: 1px solid grey;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: -1px;
	padding: 0px;
	width: 299px;
	height: 72pt;
	font-size: 14pt;
	/* background-color: white; */
	background-color: transparent;		
	color: silver;
	/* vertical-align: middle; */
	/* border-radius: 0px; */
}

.SentenceAsk {
	border: 1px solid grey;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 0px;	
	/* padding-top: 2px;	 */
	padding-left: 5px;	
	/* padding-left: 0px;	 */
	width: 300px;
	height: 256pt;
	font-size: 38pt;
	font-weight: 600;
	/* background-color: violet; */
	background-color: transparent;		
	color: cornflowerblue;
	vertical-align: top;
	/* border-radius: 0px; */
	text-align: left; 
}

.SentenceTrans {
	border: 1px solid grey;
	margin-left: 0px;	
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: -1px;
	/* padding-top: 2px;	 */
	padding-left: 5px;	
	/* padding-left: 0px;	 */
	width: 300px;
	height: 128pt;
	font-size: 32pt;
	/* font-weight: 600;	 */
	font-style: italic;		
	/* background-color: yellow; */
	background-color: transparent;		
	/* color: blue; */
	color: silver;
	vertical-align: top;
	/* border-radius: 0px; */
	text-align: left; 	
}

.SentenceAskInfo {
	border: 1px solid grey;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: -1px;	
	padding: 0px;
	padding-left: 5px;		
	/* padding-left: 0px;	 */
	/* padding-top: 5px;	 */
	width: 300px;
	height: 24pt;
	font-size: 12pt;
	/* background-color: white; */
	/* background-color: violet; */
	background-color: transparent;		
	color: silver;
	/* vertical-align: middle; */
	/* border-radius: 0px; */	
}

.SentenceTransInfo {
	border: 1px solid grey;
	margin-left: 0px;	
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: -1px;		
	padding: 0px;
	padding-left: 5px;	
	/* padding-left: 0px;		 */
	/* padding-top: 5px;		 */
	width: 300px;
	height: 24pt;
	font-size: 12pt;
	/* background-color: red; */
	background-color: transparent;		
	color: silver;
	vertical-align: top;
	/* vertical-align: middle; */
	/* border-radius: 0px; */
}

.SentenceAskBeispiele {
	border: 1px solid grey;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: -1px;
	padding: 0px;
	padding-left: 5px;	
	/* padding-left: 0px;	 */
	width: 300px;
	height: 48pt;
	font-size: 14pt;
	/* background-color: white; */
	background-color: transparent;		
	color: silver;
	/* vertical-align: middle; */
	/* border-radius: 0px; */
}

.ContactFullName {
	border: 1px solid grey;
	border-radius: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	padding-left: 5px;
	width: 100%;
	height: 32pt;
	font-size: 16pt;
	// font-weight: 550;
	// background-color: lightgrey;
	// background-color: 	#b0e2ff;			// LightSkyBlue1;
	background-color: 	#bfefff;				// LightBlue1;
	color: grey;
	// vertical-align: middle;
	text-align: left;
	maxlength:"50";
	resize: none;
	// overflow-y: scroll;
	overflow: hidden;
	}

.ContactMessage {
	border: 2px solid grey;
	border-radius: 0px;
	margin-left: px;
	margin-right: 0px;
	padding-left: 5px;
	width: 100%;
	height: 200pt;
	font-size: 14pt;
	// background-color: lightgrey;
	// background-color: 	#b0e2ff;			// LightSkyBlue1;
	background-color: 	#bfefff;				// LightBlue1;
	color: grey;
	// vertical-align: baseline;
	resize: none;
    overflow: auto;
}

.SearchOK {
	border-radius: 7px;
	width: 40pt;
	height: 32pt;
	margin-left: 0px;
	font-size: 25pt;
	vertical-align: middle;
	background-color: lightblue;
}

.ContactBtnSend {
	border-radius: 3px;
	width: 120px;
	height: 28pt;
	margin-left: 0px;
	margin-top: 5px;
	font-size: 16pt;
	vertical-align: middle;
	background-color: lightgrey;
	float: right;
	cursor: pointer;
}

.SearchResult {
	border: 0px solid blue;
	width: 100%;
	font-size: 12pt;
	vertical-align: top;
	word-break: break-all;
	word-wrap: break-word;
}

.SearchResultRow {
	border: 0px solid orange;				/* ?? scheint keine Wirkung zu haben    */
}

.SearchResultFlag {
	border: 0px solid pink;
	vertical-align: top;
	width: 28px;
	height: 18px;
	margin-top: 0px;
}

.SearchResultFlagImage {
	border: 0px solid green;
	vertical-align: top;
	width: 28px;
	height: 18px;
	margin-top: 0px;
}

.SearchResultItem {
	border: 0px solid pink;
	font-size: 12pt;	
	color: silver;
	width: 100px;
	cursor: pointer;
	vertical-align: top;
}

.SearchResultCheckBox {
	border: 0px solid yellow;
	vertical-align: top;
	width: 48px;
	height: 48px;
	font-size: 36pt;
	/* color: red;		*/		/*  ??? QQQQQ	*/				/*	accent-color: red;			*/
}

.CopyrightBlock {
	border: 0px solid yellow;
	margin: 25px 0px 0px 0px;
	color: grey;
	font-size: 8pt;
}

.QuickIconBar {
	border: 0px solid orange;
	/* display: none;		*/
	display: none;
	margin-left: 3px;
	/* background-color: lightblue;		*/
	margin-top: 10px;	
	margin-bottom: 10px;
}

.QuickIconBarBotton {
	border: 1px solid black;
	cursor: pointer;
	/* background-color: lightblue; */
	background-color: silver;	
	height: 24px;
	padding: 0;
	width: 48x;
	margin: 0;
	vertical-align: middle;
	border-radius: 3px;	
}

.BottonNext {
	border: 1px solid black;
	cursor: pointer;
	/* background-color: silver; */
	height: 32px;
	padding: 0;
	width: 96px;
	margin: 0;
	/* vertical-align: middle; */
	/* text-align: right; */
	float: right;	
	border-radius: 3px;	
	
	/* margin-left: -2px; */
	/* margin-right: 0px; */
	/* margin-top: 3px; */
	/* margin-bottom: 0px; */
	
	font-size: 18pt;
	font-weight: 500;
}

.zzCounter {
	border: 1px solid silver;
	cursor: pointer;
	/* background-color: silver; */
	color: silver;
	height: 32px;
	padding: 0;
	padding-left: 5px;	
	/* width: 96px; */
	width: 172px;	
	margin: 0;
	/* vertical-align: middle; */
	text-align: left;
	/* float: right;	 */
	border-radius: 3px;	
	
	/* margin-left: -2px; */
	/* margin-right: 0px; */
	/* margin-top: 3px; */
	/* margin-bottom: 0px; */
	
	font-size: 18pt;
	font-weight: 500;
}

.BottonLang {
	border: 1px solid black;
	cursor: pointer;
	/* background-color: silver; */
	color: darkgray;
	height: 32px;
	padding: 0;
	width: 94px;
	margin: 0;
	/* vertical-align: middle; */
	/* text-align: right; */
	float: right;	
	border-radius: 3px;	
	
	/* margin-left: -2px; */
	margin-right: 2px;
	/* margin-top: 3px; */
	/* margin-bottom: 0px; */
	
	font-size: 18pt;
	font-weight: 500;
}

.zzTest {
	border: 1px solid black;
	cursor: pointer;
	/* background-color: silver; */
	height: 32px;
	padding: 0;
	width: 96px;
	margin: 0;
	/* vertical-align: middle; */
	/* text-align: right; */
	/* float: left;	 */
	border-radius: 3px;	
	
	margin-left: 0px;
	/* margin-right: 0px; */
	margin-top: -573px;
	/* margin-bottom: 0px; */
	
	font-size: 18pt;
	font-weight: 500;
}

.UnderConstruction {
	position: relative;	
	z-index: 500;	
	/* border: 1px solid black; */
	/* cursor: pointer; */
	/* background-color: white; */
	/* height: 32px; */
	/* padding: 0; */
	/* width: 96px; */
	/* margin: 0; */
	/* vertical-align: middle; */
	/* text-align: right; */
	float: right;	
	/* border-radius: 3px;	 */
	
	/* margin-left: 0px; */
	/* margin-right: 0px; */
	margin-top: -58px;
	/* margin-right: 5px; */
	/* margin-bottom: 0px; */
	
	/* font-size: 18pt; */
	/* font-weight: 500; */
}

.BottonTrainings {
	border: 1px solid black;
	cursor: pointer;
	/* background-color: silver; */
	color: gray;
	height: 32px;
	/* padding: 5; */
	width: 220px;
	margin: 0;
	/* padding: 0; */
	/* padding-left: 5;	 */
	margin-top: 5;	
	/* vertical-align: middle; */
	text-align: left;
	/* float: left;	 */
	border-radius: 3px;	
	
	/* margin-left: -2px; */
	/* margin-right: 0px; */
	/* margin-top: 3px; */
	/* margin-bottom: 0px; */
	
	font-size: 16pt;
	font-weight: 500;
}	

.QuickIconBarIconImg {
	border: 0px solid red;
	cursor: pointer;	
	height: 20px;
	width: 34px;
	/* display: block;		*/
	margin: 0;
	vertical-align: middle;
	margin-left: auto;
	margin-right: auto;
}

.CharTable {
	/* border: 1px solid silver; */
	border-collapse: collapse;	
	width: 100%;
	font-size: 12pt;
	color: silver;	
	vertical-align: top;
}

.CharTableChar {
	border: 1px solid silver;
	margin: 0px;
	padding: 5px;	
	/* width: 10%; */
	font-size: 18pt;
	font-weight: 600;	
	color: orange;	
	vertical-align: top;
}

.CharTableCharPhonetic {
	border: 1px solid silver;
	margin: 0px;
	padding: 5px;	
	/* width: 10%; */
	font-size: 18pt;
	font-weight: 600;	
	color: cornflowerblue;	
	vertical-align: top;
}

.CharTableCharDE {
	border: 1px solid silver;
	margin: 0px;
	padding: 5px;	
	/* width: 10%; */
	font-size: 18pt;
	font-weight: 600;
	color: red;	
	/* background-color: lightgrey; */
	background-color: 	#f2f2f2;				/*helles grau	*/
	vertical-align: top;
}

.CharTableInfo {
	border: 1px solid silver;
	margin: 0px;	
	padding: 5px;	
	padding-bottom: 10px;	
	/* width: 20%; */
	font-size: 12pt;
	color: silver;	
	vertical-align: bottom;
}

.CharTableLink {
	border: 1px solid silver;
	margin: 0px;
	padding: 0px;
	padding-right: 5px;
	padding-left: 5px;
	/* width: 20%; */
	width:45pt;
	/* height: 20pt;	 */
	/* font-size: 12pt; */
	color: silver;	
	/* vertical-align: center; */
	text-align: right;	
}

.CharTableLinkBt1 {
	/* border: 1px solid silver; */
	margin: 0px;
	/* padding: 5px; */
	/* width: 20%; */
	width: 20pt;
	/* height: 20pt;	 */
	font-size: 14pt;
	/* color: silver;	 */
	/* vertical-align: center; */
	/* text-align: center;	 */
}

.CharTableLinkBt2 {
	/* border: 1px solid silver; */
	margin: 0px;
	/* padding: 5px; */
	/* width: 20%; */
	width: 20pt;
	/* height: 20pt;	 */
	font-size: 12pt;
	/* color: silver;	 */
	/* vertical-align: center; */
	/* text-align: left;	 */
}

.settingsTextHeaderErsterBlock{
	border: 0px solid green;
	font-size: 16pt;
	font-weight: 700;
	color: silver;
	vertical-align: bottom;
}

.settingsTextHeader {
	border: 0px solid lightblue;
	font-size: 16pt;
	font-weight: 700;
	color: silver;
	height: 36pt;
	vertical-align: bottom;
}

.settingsText {
	/* border: 1px solid orange; */
	font-family: Ubuntu;
	font-size: 14pt;
	color: silver;
	width: 40%;	
}

.settingsValues {
	border: 0px solid red;
	font-size: 14pt;
	color: grey;
	background-color: silver;
	width: 100%;	
}

.settingsValuesTmp {
	border: 1px solid black;
	font-size: 16pt;
	/* color: green; */
	color: gray;	
	/* background-color: lightgrey; */
	background-color: 	#f2f2f2;				/*sehr helles grau	*/
	
	width: 100%;	
	border-radius: 3px;		
}

.settingsValuesInfo {
	/* border: 1px solid black; */
	cursor: pointer;
	border: 1px solid black;
	border-radius: 3px;		
	padding-left: 10px;
	padding-right: 10px;	
	font-size: 16pt;
	font-weight:600;
	/* color: green; */
	color: gray;	
	/* background-color: silver;	 */

	/* height: 32px; */
}

.settingsValuesFlag {
	border: 1px solid black;
	/* font-size: 16pt; */
	/* color: green; */
	/* color: gray;	 */
	/* background-color: lightgrey; */
	/* background-color: 	#f2f2f2;				/*sehr helles grau	*/
	
	/* width:  24px; */
	height: 27px;	
		
	/* width: 100%;	 */
	border-radius: 3px;		
}

.TrainingsInfo {
	cursor: pointer;
	border: 1px solid black;
	border-radius: 3px;		
	padding-left: 10px;
	padding-right: 10px;	
	font-size: 16pt;
	font-weight:600;
	/* color: green; */
	color: gray;	
	/* background-color: silver;	 */
	
	text-align: center;	
	height: 32px;
	margin: 0;
}

.settingsCheckbox {
	border: 0px solid azure;
	font-size: 10pt;
	color:grey;
}

.overlay {
	height: 100%;	
	width: 0%;		
	position: fixed;	
	z-index: 1;			
	top: 0%;			
	right: 0%;			
	background-color: red;	
	overflow-y: hidden;			
	transition: 1.5s;			
}

.overlay-content {		
	position: relative;
	top: 0%;
	right: 20px;
	width: 100%;
	text-align: right;
	margin-top: 100px;
}

.overlay a {
	padding: 8px;		
	text-decoration: none;	
	font-size: 24px;		
	color: white;			
	display: block;			
	transition: 1.0s;		
}

.overlay a:hover, .overlay a:focus {
	color: #f1f1f1;
}

.overlay .closebtn {				
	position: absolute;
	top: 12px;
	right: 0px;
	text-align: right;
	font-size: 60px;
	/*	color: black;	*/
}
				
.SpCharKeyboard {																
	border: 0px solid red;
	cursor: pointer;
	margin-left: -2px;
	margin-right: 0px;
	margin-top: 3px;
	margin-bottom: 0px;
	width: 24x;
	height: 24px;
	color: white;
	background-color: grey;
	font-family: Ubuntu;
	/* font-family: Tahoma;				*/
	/*	font-family: 'Mina';			*/
	font-size: 12pt;
	/* font-weight: 500; */
	border-radius: 2px;
}

.SpCharKeyboard2 {																
	border: 0px solid red;
	cursor: pointer;
	margin-left: -2px;
	margin-right: 0px;
	margin-top: 3px;
	margin-bottom: 0px;
	width: 48x;
	height: 24px;
	color: white;
	background-color: grey;
	font-family: Ubuntu;
	/* font-family: Tahoma;				*/
	/*	font-family: 'Mina';			*/
	font-size: 12pt;
	/* font-weight: 500; */
	border-radius: 2px;
}

.SpCharKeyboard3 {																
	border: 0px solid red;
	cursor: pointer;
	margin-left: -2px;
	margin-right: 0px;
	margin-top: 3px;
	margin-bottom: 0px;
	width: 72x;
	height: 24px;
	color: white;
	background-color: grey;
	font-family: Ubuntu;
	/* font-family: Tahoma;				*/
	/*	font-family: 'Mina';			*/
	font-size: 12pt;
	/* font-weight: 500; */
	border-radius: 2px;
}

.SpCharKeyboardInvisible {																
	border: 0px solid black;
	/* cursor: pointer; */
	margin-left: -2px;
	margin-right: 0px;
	margin-top: 3px;
	margin-bottom: 0px;
	width: 12px;
	height: 24px;
	color: white;
	/* background-color: grey; */
	background-color:transparent;	
	font-family: Ubuntu;
	font-size: 12pt;
	/* font-weight: 500; */
	border-radius: 2px;	
}

.SpCharKeyboardBlank {																
	border: 0px solid red;
	cursor: pointer;
	margin-left: -2px;
	margin-right: 0px;
	margin-top: 3px;
	margin-bottom: 0px;
	width: 222px;
	height: 32px;
	color: white;
	background-color: grey;
	font-family: Ubuntu;
	/* font-family: Tahoma;				*/
	/*	font-family: 'Mina';			*/
	font-size: 18pt;
	font-weight: 500;
	border-radius: 3px;
}

.HeaderImgFly {																
	border: 0px solid green;
	width: 64px;
	height: 64px;
	vertical-align: bottom;
	margin-right: 0px;
	/* position: fixed;			*/
}

.HeaderImgProfile {																
	border: 0px solid green;
	width: 44x;
	height: 44px;
	vertical-align: bottom;
	margin-top: 0px;
	/* position: fixed;			*/
}

.ImgFly {																
	border: 5px solid red;
	width: 64px;
	height: 64px;
	vertical-align: bottom;
	margin-right: 0px;
	/* position: fixed;			*/
}

.ImgKeyboard {																
	border: 0px solid red;
	cursor: pointer;
	width: 70px;
	height: 42px;
	vertical-align: middle;
}

.ImgUnderConstruction {				/* Für das Image oben unterm Header		*/
	border: 0px solid pink;
	width: 64px;
	height: 55px;
}

.ContactCheckBox {
	border: 0px solid red;
    /* width: 16px; */
    /* height: 16px; */
	// width: 48px;
	// height: 48px;
	accent-color: orange;
	/* color: silver;				*/
	/* background-color: silver;	*/
	margin-left: 0px;
	// vertical-align: text-bottom;
	/* vertical-align:bottom; */
	// font-size: 36pt;
	// color: red;		*/		/*  ??? QQQQQ	*/				/*	accent-color: red;			*/
	/* float: bottom; */
}	

/* Responsive design: -------------------------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width: 390px) {							/* Smartphones: VOY, ZNATI, ...					*/
	body {
		width: 380px;
		/* width: 393px;				*/						/* XIAOMI Redmi Note ... [VOY]					*/
		background-color: white;
		/* background-color: lightgreen; */
		/* background-color: orange;	 */
		/* background-color: violet;			 */
		/* margin-left: 0px; */
		/* margin-right: 0px; */
		/* margin-top: 0px; */
		/* margin-bottom: 0px; */
		
		margin-left: auto;
		margin-right: auto;		
	}

	.WholeSite {
		/* border: 1px solid silver;		 */
		/* margin-left: 5px; */
		/* margin-right: 5px; */
		margin-left: auto;
		margin-right: auto;		
	}

	.HeadSchrift {
		/* font-size: 58pt;								*/
		margin-left: 5px;		
		font-size: 40pt;
	}

	.HeadMenu {
		color: blue;
		font-size: 16pt;
	}

	.CharTable {
		/* border: 1px solid silver; */
		border-collapse: collapse;	
		width: 100%;
		/* font-size: 12pt; */
		/* color: yellow; */
		vertical-align: top;
	}

	.CharTableLink {
		border: 1px solid silver;
		margin: 0px;
		padding: 0px;
		padding-right: 5px;
		padding-left: 5px;
		/* width: 20%; */
		width:45pt;
		/* height: 20pt;	 */
		/* font-size: 12pt; */
		color: silver;	
		/* vertical-align: center; */
		text-align: right;	
	}

	.CharTableLinkBt1 {
		/* border: 1px solid silver; */
		margin: 0px;
		/* padding: 5px; */
		/* width: 20%; */
		width: 20pt;
		/* height: 20pt;	 */
		font-size: 12pt;
		/* color: silver;	 */
		/* vertical-align: center; */
		/* text-align: center;	 */
	}

	.CharTableLinkBt2 {
		/* border: 1px solid silver; */
		margin: 0px;
		/* padding: 5px; */
		/* width: 20%; */
		width: 20pt;
		/* height: 20pt;	 */
		font-size: 12pt;
		/* color: silver;	 */
		/* vertical-align: center; */
		/* text-align: left;	 */
	}

	.CharTableChar {
		border: 1px solid silver;
		margin: 0px;
		/* margin-left: 0px;		 */
		/* margin-right: 0px;		 */
		padding: 5px;	
		/* width: 10%; */
		font-size: 18pt;
		/* font-weight: 500;		 */
		color: orange;	
		vertical-align: top;
	}
	
	.CharTableCharPhonetic {
		border: 1px solid silver;
		margin: 0px;
		/* margin-left: 0px;		 */
		/* margin-right: 0px;		 */
		padding: 5px;	
		/* width: 10%; */
		font-size: 16pt;
		/* font-weight: 500;		 */
		color: cornflowerblue;	
		vertical-align: top;
	}	

	.CharTableCharDE {
		border: 1px solid silver;
		margin: 0px;
		padding: 5px;	
		/* width: 10%; */
		font-size: 18pt;
		/* font-weight: 500; */
		color: red;	
		vertical-align: top;
	}

	.CharAsk {
		/* border: 1px solid grey; */		
		margin-left: 3px;
		/* margin-right: 0px; */
		/* margin-bottom: 2px;		 */
		padding: 10px;
		padding-top: 5px;	
		width: 185px;
		height: 100pt;
		font-size: 72pt;
		/* background-color: grey; */
		/* color: violet;		 */
		/* color: red; */
		/* vertical-align: middle; */
		text-align: center; 		
	}
	
	.CharAskInfo {
		margin-left: 3px;
		/* margin-top: -1px;	 */
		/* margin-right: 0px; */
		/* margin-bottom: 2px;	 */
		padding: 5px;
		width: 185px;
		height: 26pt;
		font-size: 16pt;
		/* background-color: white; */
		color: silver;
		/* vertical-align: middle; */
	}	

	.CharTrans {
		/* border: 1px solid grey; */				
		/* margin-left: 0px; */
		/* margin-right: 0px; */
		/* margin-bottom: 2px;		 */
		padding: 10px;
		padding-top: 5px;	
		width: 185px;
		height: 100pt;
		font-size: 72pt;
		/* background-color: white; */
		color: silver;
		/* vertical-align: middle; */
		text-align: center; 	
	}

	.CharTransInfo {
		/* margin-left: 0px; */
		/* margin-right: 0px; */
		/* margin-bottom: 2px;			 */
		/* margin-top: -1px;			 */
		padding: 3px;
		width: 185px;
		height: 26pt;
		font-size: 16pt;
		/* background-color: white; */
		color: silver;
		vertical-align: top;		
		/* vertical-align: middle; */
	}
	
	.CharAskWoerter {
		margin-left: 3px;
		/* margin-right: 0px; */
		/* margin-bottom: 2px;		 */
		/* margin-top: -1px;			 */
		padding: 5px;
		width: 369px;
		height: 64pt;
		font-size: 12pt;
		/* background-color: white; */
		/* color: silver; */
		/* vertical-align: middle; */
	}		
	
	.WordAsk {
		/* border: 1px solid grey; */
		margin-left: 3px;
		/* margin-right: 0px; */
		/* margin-bottom: 2px;		 */
		padding: 10px;
		padding-top: 5px;	
		width: 185px;
		height: 48pt;
		font-size: 20pt;
		/* background-color: lightgreen; */
		/* color: lightblue; */
		/* color: steelblue; */
		vertical-align: middle;
		/* border-radius: 0px; */
		text-align: left; 
	}	

	.WordTrans {
		/* border: 1px solid grey; */				
		/* margin-left: 0px; */
		/* margin-right: 0px; */
		/* margin-bottom: 2px;		 */
		padding: 10px;
		padding-top: 5px;	
		width: 185px;
		height: 48pt;
		font-size: 20pt;
		/* background-color: white; */
		/* color: silver; */
		/* vertical-align: middle; */
		/* text-align: center; 	 */
	}	
	
	.WordAskInfo {
		/* border: 1px solid grey; */
		margin-left: 3px;
		/* margin-right: 0px; */
		/* margin-bottom: 2px;			 */
		/* margin-top: -1px;			 */
		padding: 5px;
		width: 185px;
		height: 48pt;
		font-size: 16pt;
		/* background-color: white; */
		/* background-color: orange;		 */
		color: silver;
		/* vertical-align: middle; */
	}		
	
	.WordTransInfo {
		/* border: 1px solid grey; */
		/* margin-left: 0px; */
		/* margin-right: 0px; */
		/* margin-bottom: 2px;		 */
		/* margin-top: -1px;			 */
		padding: 3px;
		/* padding-top: 5px;		 */
		width: 185px;
		height: 48pt;
		font-size: 16pt;
		/* background-color: red; */
		color: silver;
		vertical-align: top;
		/* vertical-align: middle; */
		/* border-radius: 0px; */
	}
	
	.WordAskWoerter {
		margin-left: 3px;
		/* margin-right: 0px; */
		/* margin-bottom: 2px;		 */
		/* margin-top: -1px;	 */
		padding: 5px;
		width: 369px;
		height: 128pt;
		font-size: 12pt;
		/* background-color: white; */
		/* color: silver; */
		/* vertical-align: middle; */
	}	
	
	.SentenceAsk {
		/* border: 1px solid grey; */		
		margin-left: 3px;
		/* margin-right: 0px; */
		/* margin-bottom: 2px;		 */
		/* padding: 10px; */
		/* padding-top: 5px;	 */
		width: 375px;
		height: 120pt;
		font-size: 16pt;
		/* background-color: grey; */
		/* color: red; */
		/* vertical-align: middle; */
		/* text-align: center; 		 */
	}
	
	.SentenceAskInfo {
		margin-left: 3px;
		margin-top: -1px;	
		/* margin-right: 0px; */
		/* margin-bottom: 2px;	 */
		/* padding: 5px; */
		width: 375px;
		height: 28pt;
		font-size: 12pt;
		/* background-color: white; */
		color: silver;
		/* vertical-align: middle; */
	}	

	.SentenceTrans {
		/* border: 1px solid grey; */				
		/* margin-left: 0px; */
		margin-left: 3px;		
		/* margin-right: 0px; */
		/* margin-bottom: 2px;		 */
		/* padding: 10px; */
		/* padding-top: 5px;	 */
		width: 375px;
		height: 28pt;
		font-size: 12pt;
		/* background-color: white; */
		color: silver;
		/* vertical-align: middle; */
		/* text-align: center; 	 */
	}

	.SentenceTransInfo {
		/* margin-left: 0px; */
		margin-left: 3px;		
		/* margin-right: 0px; */
		/* margin-bottom: 2px;			 */
		margin-top: -1px;			
		/* padding: 3px; */
		width: 375px;
		height: 28pt;
		font-size: 12pt;
		/* background-color: white; */
		color: silver;
		vertical-align: top;		
		/* vertical-align: middle; */
	}
	
	.SentenceAskBeispiele {
		margin-left: 3px;
		/* margin-right: 0px; */
		/* margin-bottom: 2px;		 */
		/* margin-top: -1px;			 */
		/* padding: 5px; */
		width: 375px;
		height: 28pt;
		font-size: 12pt;
		/* background-color: white; */
		/* color: silver; */
		/* vertical-align: middle; */
	}		
	
	/* .SearchResult { */
		/* font-size: 12pt; */
		/* vertical-align: top; */
	/* } */
	
	/* .SearchResultItem { */
		/* border: 0px solid red; */
		/* width: 135px; */
	/* } */
	
	.QuickIconBarBotton {
		width: 30px;
	}
	
	.BottonNext {
		/* border: 1px solid black; */
		/* cursor: pointer; */
		/* background-color: silver; */
		/* height: 32px; */
		/* padding: 0; */
		/* width: 32px; */
		/* margin: 0; */
		/* vertical-align: middle; */
		/* text-align: right; */
		/* float: right;	 */
		/* border-radius: 3px;	 */
		/* font-size: 18pt; */
		/* font-weight: 500; */
		
		/* margin-right: 10px; */
	}	
	
	.BottonLang {
		width: 92px;
	}		
		
	.zzTest {
		/* border: 1px solid black; */
		/* cursor: pointer; */
		/* background-color: silver; */
		height: 24px;
		width: 64px;
		/* padding: 0; */
		/* margin: 0; */
		/* vertical-align: middle; */
		/* text-align: right; */
		/* float: left;	 */
		/* border-radius: 3px;	 */
		
		margin-left: 3px;
		/* margin-right: 0px; */
		margin-top: -301px;
		/* margin-bottom: 0px; */
		
		font-size: 12pt;
		/* font-weight: 500; */
	}	

	.BottonTrainings {
		width: 340px;
	}

	.QuickIconBarIconImg {
		width: 18px;
	}
	
	.HeadEndeText {
		font-size: 16pt;
	}
	
	.HeadEndeText2 {
		font-size: 16pt;
	}	
	
	.TextArea {
		font-size: 12pt;
	}

	.SpCharKeyboard {																
		cursor: pointer;		
		margin-left: -2px;
		margin-right: 0px;
		margin-top: 3px;
		margin-bottom: 0px;
		width: 28px;
		height: 28px;
		color: white;
		background-color: grey;
		font-size: 12pt;
		font-weight: 500;
		border-radius: 3px;
	}
	
	.SpCharKeyboard2 {																
		cursor: pointer;		
		margin-left: -2px;
		margin-right: 0px;
		margin-top: 3px;
		margin-bottom: 0px;
		width: 56px;
		height: 30px;
		color: white;
		background-color: grey;
		font-size: 12pt;
		font-weight: 500;
		border-radius: 3px;
	}	
	
	.SpCharKeyboard3 {																
		cursor: pointer;		
		margin-left: -2px;
		margin-right: 0px;
		margin-top: 3px;
		margin-bottom: 0px;
		width: 76px;
		height: 30px;
		color: white;
		background-color: grey;
		font-size: 12pt;
		font-weight: 500;
		border-radius: 3px;
	}	

	.SpCharKeyboardInvisible {																
		width: 15px;
		height: 30px;
		font-size: 12pt;		
	}

	.SpCharKeyboardBlank {																
		cursor: pointer;		
		margin-left: -2px;
		margin-right: 0px;
		margin-top: 3px;
		margin-bottom: 0px;
		width: 212px;
		height: 30px;
		color: white;
		background-color: grey;
		font-size: 12pt;
		font-weight: 500;
		border-radius: 3px;
	}

	.ImgFly {																
		width: 64px;
		height: 64px;
		vertical-align: bottom;
		margin-right: 25px;
		margin-top: 60px;
	}

	.ImgUnderConstruction {																
		width: 0px;
		height: 0px;
	}

	.settingsTextHeaderErsterBlock{
	}
	
	.settingsTextHeader {
	}
	
	.settingsText {
		/* border: 0px solid orange; */
		font-size: 14pt;
		/* color: silver; */
		/* width: 40%;	 */
	}	
	
	.settingsValues {
	}

	.settingsValuesTmp {
	}

	.settingsValuesInfo {
	}
	
	.TrainingsInfo {
	}	
	
	.overlay {
		height: 100%;	
		background-color: red;	
	}
	.overlay-content {
		top: 0%;
		right: 10px;
		width: 100%;
		text-align: right;
		margin-top: 100px;
	}

	.overlay a {
		padding: 8px;		
		text-decoration: none;	
		font-size: 24px;
	}

	.overlay a:hover, .overlay a:focus {
		color: #f1f1f1;
	}

	.overlay .closebtn {				
		position: absolute;
		top: 12px;
		right: 0px;
		text-align: right;
		font-size: 60px;
	}	
	
	.ContactFullName {
		border: 0px solid grey;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 5px;
		padding-left: 5px;
		width: 100%;
		height: 28pt;
		font-size: 12pt;
		// font-weight: 550;
		// background-color: lightgrey;
		color: grey;
		// vertical-align: middle;
		text-align: left;
	}

	.ContactMessage {
		border: 0px solid grey;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 5px;
		width: 100%;
		height: 150pt;
		font-size: 10pt;
		// background-color: lightgrey;
		color: grey;
		// vertical-align: baseline;
		resize: none;
		overflow: auto;
	}
}

/* Responsive design: -------------------------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width: 425px) {							/* Smartphones: VOY, ZNATI, ...					*/
	body {
		width: 390px;
		/* width: 393px;				*/						/* XIAOMI Redmi Note ... [VOY]					*/
		/* background-color: white; */
		/* background-color: green;		*/					/* #90ee90: helles grün */
		/* background-color: orange;	 */
		/* margin-left: 0px; */
		/* margin-right: 0px; */
		/* margin-top: 0px; */
		/* margin-bottom: 0px; */
		
		margin-left: auto;
		margin-right: auto;		
	}

	.WholeSite {
		/* border: 1px solid silver;		 */
		/* margin-left: 5px; */
		/* margin-right: 5px; */
		margin-left: auto;
		margin-right: auto;		
	}

	.HeadSchrift {
		/* font-size: 58pt;								*/
		margin-left: 5px;		
		font-size: 42pt;
	}

	.HeadMenu {
		color: blue;
		font-size: 18pt;
	}

	.CharTable {
		/* border: 1px solid silver; */
		border-collapse: collapse;	
		width: 100%;
		/* font-size: 12pt; */
		/* color: yellow; */
		vertical-align: top;
	}

	.CharTableLink {
		border: 1px solid silver;
		margin: 0px;
		padding: 0px;
		padding-right: 5px;
		padding-left: 5px;
		/* width: 20%; */
		width:45pt;
		/* height: 20pt;	 */
		/* font-size: 12pt; */
		color: silver;	
		/* vertical-align: center; */
		text-align: right;	
	}

	.CharTableLinkBt1 {
		/* border: 1px solid silver; */
		margin: 0px;
		/* padding: 5px; */
		/* width: 20%; */
		width: 20pt;
		/* height: 20pt;	 */
		font-size: 12pt;
		/* color: silver;	 */
		/* vertical-align: center; */
		/* text-align: center;	 */
	}

	.CharTableLinkBt2 {
		/* border: 1px solid silver; */
		margin: 0px;
		/* padding: 5px; */
		/* width: 20%; */
		width: 20pt;
		/* height: 20pt;	 */
		font-size: 12pt;
		/* color: silver;	 */
		/* vertical-align: center; */
		/* text-align: left;	 */
	}

	.CharTableChar {
		border: 1px solid silver;
		margin: 0px;
		/* margin-left: 0px;		 */
		/* margin-right: 0px;		 */
		padding: 5px;	
		/* width: 10%; */
		font-size: 18pt;
		/* font-weight: 500;		 */
		color: orange;	
		vertical-align: top;
	}
	
	.CharTableCharPhonetic {
		border: 1px solid silver;
		margin: 0px;
		/* margin-left: 0px;		 */
		/* margin-right: 0px;		 */
		padding: 5px;	
		/* width: 10%; */
		font-size: 18pt;
		/* font-weight: 500;		 */
		color: cornflowerblue;	
		vertical-align: top;
	}	

	.CharTableCharDE {
		border: 1px solid silver;
		margin: 0px;
		padding: 5px;	
		/* width: 10%; */
		font-size: 18pt;
		/* font-weight: 500; */
		color: red;	
		vertical-align: top;
	}

	.CharAsk {
		/* border: 1px solid grey; */		
		margin-left: 3px;
		/* margin-right: 0px; */
		/* margin-bottom: 2px;		 */
		padding: 10px;
		padding-top: 5px;	
		width: 193px;
		height: 120pt;
		font-size: 92pt;
		/* background-color: grey; */
		/* color: violet;		 */
		/* color: red; */
		/* vertical-align: middle; */
		text-align: center; 		
	}
	
	.CharAskInfo {
		margin-left: 3px;
		/* margin-top: -1px;	 */
		/* margin-right: 0px; */
		/* margin-bottom: 2px;	 */
		padding: 5px;
		width: 193px;
		height: 28pt;
		font-size: 18pt;
		/* background-color: white; */
		color: silver;
		/* vertical-align: middle; */
	}	

	.CharTrans {
		/* border: 1px solid grey; */				
		/* margin-left: 0px; */
		/* margin-right: 0px; */
		/* margin-bottom: 2px;		 */
		padding: 10px;
		padding-top: 5px;	
		width: 193px;
		height: 120pt;
		font-size: 92pt;
		/* background-color: white; */
		color: silver;
		/* vertical-align: middle; */
		text-align: center; 	
	}

	.CharTransInfo {
		/* margin-left: 0px; */
		/* margin-right: 0px; */
		/* margin-bottom: 2px;			 */
		/* margin-top: -1px;			 */
		padding: 3px;
		width: 193px;
		height: 28pt;
		font-size: 18pt;
		/* background-color: white; */
		color: silver;
		vertical-align: top;		
		/* vertical-align: middle; */
	}
	
	.CharAskWoerter {
		margin-left: 3px;
		/* margin-right: 0px; */
		/* margin-bottom: 2px;		 */
		/* margin-top: -1px;			 */
		padding: 5px;
		width: 385px;
		height: 64pt;
		font-size: 12pt;
		/* background-color: white; */
		/* color: silver; */
		/* vertical-align: middle; */
	}		
	
	.WordAsk {
		/* border: 1px solid grey; */
		margin-left: 3px;
		/* margin-right: 0px; */
		/* margin-bottom: 2px;		 */
		padding: 10px;
		padding-top: 5px;	
		width: 193px;
		height: 48pt;
		font-size: 22pt;
		/* background-color: lightgreen; */
		/* color: lightblue; */
		/* color: steelblue; */
		vertical-align: middle;
		/* border-radius: 0px; */
		text-align: left; 
	}	

	.WordTrans {
		/* border: 1px solid grey; */				
		/* margin-left: 0px; */
		/* margin-right: 0px; */
		/* margin-bottom: 2px;		 */
		padding: 10px;
		padding-top: 5px;	
		width: 193px;
		height: 48pt;
		font-size: 22pt;
		/* background-color: white; */
		/* color: silver; */
		/* vertical-align: middle; */
		/* text-align: center; 	 */
	}	
	
	.WordAskInfo {
		/* border: 1px solid grey; */
		margin-left: 3px;
		/* margin-right: 0px; */
		/* margin-bottom: 2px;			 */
		/* margin-top: -1px;			 */
		padding: 5px;
		width: 193px;
		height: 48pt;
		font-size: 18pt;
		/* background-color: white; */
		/* background-color: orange;		 */
		color: silver;
		/* vertical-align: middle; */
	}		
	
	.WordTransInfo {
		/* border: 1px solid grey; */
		/* margin-left: 0px; */
		/* margin-right: 0px; */
		/* margin-bottom: 2px;		 */
		/* margin-top: -1px;			 */
		padding: 3px;
		/* padding-top: 5px;		 */
		width: 193px;
		height: 48pt;
		font-size: 18pt;
		/* background-color: red; */
		color: silver;
		vertical-align: top;
		/* vertical-align: middle; */
		/* border-radius: 0px; */
	}
	
	.WordAskWoerter {
		margin-left: 3px;
		/* margin-right: 0px; */
		/* margin-bottom: 2px;		 */
		/* margin-top: -1px;	 */
		padding: 5px;
		width: 385px;
		height: 128pt;
		font-size: 12pt;
		/* background-color: white; */
		/* color: silver; */
		/* vertical-align: middle; */
	}	
	
	.SentenceAsk {
		/* border: 1px solid grey; */		
		margin-left: 3px;
		/* margin-right: 0px; */
		/* margin-bottom: 2px;		 */
		/* padding: 10px; */
		/* padding-top: 5px;	 */
		width: 386px;
		height: 120pt;
		font-size: 18pt;
		/* background-color: grey; */
		/* color: red; */
		/* vertical-align: middle; */
		/* text-align: center; 		 */
	}
	
	.SentenceAskInfo {
		margin-left: 3px;
		margin-top: -1px;	
		/* margin-right: 0px; */
		/* margin-bottom: 2px;	 */
		/* padding: 5px; */
		width: 386px;
		height: 28pt;
		font-size: 12pt;
		/* background-color: white; */
		color: silver;
		/* vertical-align: middle; */
	}	

	.SentenceTrans {
		/* border: 1px solid grey; */				
		/* margin-left: 0px; */
		margin-left: 3px;		
		/* margin-right: 0px; */
		/* margin-bottom: 2px;		 */
		/* padding: 10px; */
		/* padding-top: 5px;	 */
		width: 386px;
		height: 28pt;
		font-size: 12pt;
		/* background-color: white; */
		color: silver;
		/* vertical-align: middle; */
		/* text-align: center; 	 */
	}

	.SentenceTransInfo {
		/* margin-left: 0px; */
		margin-left: 3px;		
		/* margin-right: 0px; */
		/* margin-bottom: 2px;			 */
		margin-top: -1px;			
		/* padding: 3px; */
		width: 386px;
		height: 28pt;
		font-size: 12pt;
		/* background-color: white; */
		color: silver;
		vertical-align: top;		
		/* vertical-align: middle; */
	}
	
	.SentenceAskBeispiele {
		margin-left: 3px;
		/* margin-right: 0px; */
		/* margin-bottom: 2px;		 */
		/* margin-top: -1px;			 */
		/* padding: 5px; */
		width: 386px;
		height: 28pt;
		font-size: 12pt;
		/* background-color: white; */
		/* color: silver; */
		/* vertical-align: middle; */
	}		
	
	.SearchResult {
		font-size: 12pt;
		vertical-align: top;
	}
	
	.SearchResultItem {
		border: 0px solid red;
		width: 135px;
	}
	
	.QuickIconBarBotton {
		width: 31px;
	}
	
	.BottonNext {
		/* border: 1px solid black; */
		/* cursor: pointer; */
		/* background-color: silver; */
		/* height: 32px; */
		/* padding: 0; */
		/* width: 32px; */
		/* margin: 0; */
		/* vertical-align: middle; */
		/* text-align: right; */
		/* float: right;	 */
		/* border-radius: 3px;	 */
		/* font-size: 18pt; */
		/* font-weight: 500; */
		
		/* margin-right: 10px; */
	}	
	
	.BottonLang {
		width: 96px;
	}		
		
	.zzTest {
		/* border: 1px solid black; */
		/* cursor: pointer; */
		/* background-color: silver; */
		height: 24px;
		width: 64px;
		/* padding: 0; */
		/* margin: 0; */
		/* vertical-align: middle; */
		/* text-align: right; */
		/* float: left;	 */
		/* border-radius: 3px;	 */
		
		margin-left: 3px;
		/* margin-right: 0px; */
		margin-top: -301px;
		/* margin-bottom: 0px; */
		
		font-size: 12pt;
		/* font-weight: 500; */
	}	

	.BottonTrainings {
		width: 350px;
	}

	.QuickIconBarIconImg {
		width: 24px;
	}
	
	.HeadEndeText {
		font-size: 18pt;
	}
	
	.HeadEndeText2 {
		font-size: 18pt;
	}	
	
	.TextArea {
		font-size: 14pt;
	}

	.SpCharKeyboard {																
		cursor: pointer;		
		margin-left: -2px;
		margin-right: 0px;
		margin-top: 3px;
		margin-bottom: 0px;
		width: 30px;
		height: 30px;
		color: white;
		background-color: grey;
		font-size: 14pt;
		font-weight: 500;
		border-radius: 3px;
	}
	
	.SpCharKeyboard2 {																
		cursor: pointer;		
		margin-left: -2px;
		margin-right: 0px;
		margin-top: 3px;
		margin-bottom: 0px;
		width: 60px;
		height: 30px;
		color: white;
		background-color: grey;
		font-size: 14pt;
		font-weight: 500;
		border-radius: 3px;
	}	
	
	.SpCharKeyboard3 {																
		cursor: pointer;		
		margin-left: -2px;
		margin-right: 0px;
		margin-top: 3px;
		margin-bottom: 0px;
		width: 80px;
		height: 30px;
		color: white;
		background-color: grey;
		font-size: 14pt;
		font-weight: 500;
		border-radius: 3px;
	}	

	.SpCharKeyboardInvisible {																
		width: 15px;
		height: 30px;
		font-size: 16pt;		
	}

	.SpCharKeyboardBlank {																
		cursor: pointer;		
		margin-left: -2px;
		margin-right: 0px;
		margin-top: 3px;
		margin-bottom: 0px;
		width: 212px;
		height: 30px;
		color: white;
		background-color: grey;
		font-size: 14pt;
		font-weight: 500;
		border-radius: 3px;
	}

	.ImgFly {																
		width: 64px;
		height: 64px;
		vertical-align: bottom;
		margin-right: 25px;
		margin-top: 60px;
	}

	.ImgUnderConstruction {																
		width: 0px;
		height: 0px;
	}

	.settingsTextHeaderErsterBlock{
	}
	
	.settingsTextHeader {
	}
	
	.settingsText {
		/* border: 0px solid orange; */
		font-size: 16pt;
		/* color: silver; */
		/* width: 40%;	 */
	}	
	
	.settingsValues {
	}

	.settingsValuesTmp {
	}

	.settingsValuesInfo {
	}
	
	.TrainingsInfo {
	}	
	
	.overlay {
		height: 100%;	
		background-color: red;	
	}
	.overlay-content {
		top: 0%;
		right: 10px;
		width: 100%;
		text-align: right;
		margin-top: 100px;
	}

	.overlay a {
		padding: 8px;		
		text-decoration: none;	
		font-size: 24px;
	}

	.overlay a:hover, .overlay a:focus {
		color: #f1f1f1;
	}

	.overlay .closebtn {				
		position: absolute;
		top: 12px;
		right: 0px;
		text-align: right;
		font-size: 60px;
	}	
	
	.ContactFullName {
		border: 0px solid grey;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 5px;
		padding-left: 5px;
		width: 100%;
		height: 28pt;
		font-size: 12pt;
		// font-weight: 550;
		// background-color: lightgrey;
		color: grey;
		// vertical-align: middle;
		text-align: left;
	}

	.ContactMessage {
		border: 0px solid grey;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 5px;
		width: 100%;
		height: 150pt;
		font-size: 10pt;
		// background-color: lightgrey;
		color: grey;
		// vertical-align: baseline;
		resize: none;
		overflow: auto;
	}
}








@media screen and (min-width: 768px) {	/* Tablets: iPad, ... ---------------------------------------------------------------- */
	body {
		/* border: 5px solid red;		*/
		width: 601px;
		/* background-color: white; */
		/* background-color: lightgeen;	 */
		/* background-color: pink;	 */
		margin-left: auto;
		margin-right: auto;
	}	

	.WholeSite {
		/* margin-left: 0px; */
		/* margin-right: 0px;		 */
		
		margin-left: auto;
		margin-right: auto;	
	}		

	.HeadSchrift {
		/*	font-size: 90pt;				*/
		/* font-size: 72pt;		 */
		font-size: 64pt;		
	}

	.HeadMenu {
		color: red;
		font-size: 36pt;
	}

	.HeadEndeText {
		font-size: 32pt;
	}
	
	.HeadEndeText2 {
		font-size: 32pt;
	}		
	
	.CharTable {
		/* border: 1px solid silver; */
		border-collapse: collapse;	
		width: 100%;
		/* font-size: 12pt; */
		/* color: yellow; */
		vertical-align: top;
	}	
	
	.CharTableLink {
		border: 1px solid silver;
		margin: 0px;
		padding: 0px;
		padding-right: 5px;
		padding-left: 5px;
		/* width: 20%; */
		width:45pt;
		/* height: 20pt;	 */
		/* font-size: 12pt; */
		color: silver;	
		/* vertical-align: center; */
		text-align: right;	
	}

	.CharTableLinkBt1 {
		/* border: 1px solid silver; */
		margin: 0px;
		/* padding: 5px; */
		/* width: 20%; */
		width: 20pt;
		/* height: 20pt;	 */
		font-size: 12pt;
		/* color: silver;	 */
		/* vertical-align: center; */
		/* text-align: center;	 */
	}

	.CharTableLinkBt2 {
		/* border: 1px solid silver; */
		margin: 0px;
		/* padding: 5px; */
		/* width: 20%; */
		width: 20pt;
		/* height: 20pt;	 */
		font-size: 12pt;
		/* color: silver;	 */
		/* vertical-align: center; */
		/* text-align: left;	 */
	}
	
	.CharTableChar {
		border: 1px solid silver;
		margin: 0px;
		padding: 5px;	
		/* width: 10%; */
		font-size: 18pt;
		/* font-weight: 500;		 */
		color: orange;	
		vertical-align: top;
	}
	
	.CharTableCharPhonetic {
		border: 1px solid silver;
		margin: 0px;
		/* margin-left: 0px;		 */
		/* margin-right: 0px;		 */
		padding: 5px;	
		/* width: 10%; */
		font-size: 18pt;
		/* font-weight: 500;		 */
		color: cornflowerblue;	
		vertical-align: top;
	}		

	.CharTableCharDE {
		border: 1px solid silver;
		margin: 0px;
		padding: 5px;	
		/* width: 10%; */
		font-size: 18pt;
		/* font-weight: 500; */
		color: red;	
		vertical-align: top;
	}
	
	.CharAsk {
		/* border: 1px solid grey; */
		margin-left: 0px;
		/* margin-right: 0px; */
		padding: 0px;
		padding-top: 5px;	
		width: 300px;
		height: 125pt;
		font-size: 96pt;
		/* background-color: white; */
		/* color: green; */
		vertical-align: middle;
		/* border-radius: 0px; */
		text-align: center; 
	}
	
	.CharAskInfo {
		/* border: 1px solid grey; */
		margin-left: 0px;
		/* margin-right: 0px; */
		/* margin-bottom: 2px;		 */
		padding: 0px;
		/* padding-top: 5px;	 */
		width: 300px;
		height: 48pt;
		font-size: 18pt;
		/* background-color: white; */
		color: silver;
		/* vertical-align: middle; */
		/* border-radius: 0px; */
	}

	.CharTrans {
		/* border: 1px solid grey; */
		/* margin-left: 0px; */
		/* margin-left: -4px;			 */
		/* margin-right: 0px; */
		padding: 0px;
		padding-top: 5px;		
		width: 300px;
		height: 125pt;
		font-size: 96pt;
		/* background-color: white; */
		color: silver;
		vertical-align: middle;
		text-align: center; 
		/* border-radius: 0px; */	
	}
	
	.CharTransInfo {
		/* border: 1px solid grey; */
		/* margin-left: 0px; */
		/* margin-right: 0px; */
		/* margin-bottom: 2px;		 */
		padding: 0px;
		/* padding-top: 5px;		 */
		width: 300px;
		height: 48pt;
		font-size: 18pt;
		/* background-color: white; */
		color: silver;
		vertical-align: top;
		/* vertical-align: middle; */
		/* border-radius: 0px; */
	}

	.CharAskWoerter {
		/* border: 1px solid grey; */
		margin-left: 0px;
		/* margin-right: 0px; */
		/* padding: 0px; */
		padding: 5px;
		width: 599px;
		height: 148pt;
		font-size: 14pt;
		/* background-color: white; */
		/* color: silver; */
		/* vertical-align: middle; */
		/* border-radius: 0px; */
	}		
	
	.WordAsk {
		/* border: 1px solid grey; */
		margin-left: 0px;
		/* margin-right: 0px; */
		/* margin-bottom: 2px;		 */
		padding: 10px;
		padding-top: 5px;	
		width: 300px;
		height: 100pt;
		font-size: 46pt;
		/* background-color: lightblue; */
		color: red;
		/* color: red; */
		vertical-align: middle;
		/* border-radius: 0px; */
		text-align: left; 
	}	
	
	.WordTrans {
		/* border: 1px solid grey; */
		/* margin-left: 0px; */
		/* margin-right: 0px; */
		/* margin-bottom: 2px;		 */
		padding: 10px;
		padding-top: 5px;	
		width: 300px;
		height: 100pt;
		font-size: 46pt;
		/* background-color: yellow; */
		/* color: lightblue; */
		/* color: orange; */
		vertical-align: middle;
		/* border-radius: 0px; */
		/* text-align: left;  */
	}
	
	.WordAskInfo {
		/* border: 1px solid grey; */
		margin-left: 0px;
		/* margin-right: 0px; */
		/* margin-bottom: 2px;		 */
		padding: 10px;
		/* padding-top: 5px;	 */
		width: 300px;
		height: 38pt;
		font-size: 12pt;
		/* background-color: white; */
		/* color: silver; */
		/* vertical-align: middle; */
		/* border-radius: 0px; */
	}		
	
	.WordTransInfo {
		/* border: 1px solid grey; */
		/* margin-left: 0px; */
		/* margin-right: 0px; */
		/* margin-bottom: 2px;		 */
		padding: 10px;
		/* padding-top: 5px;	 */
		width: 300px;
		height: 38pt;
		font-size: 12pt;
		/* background-color: white; */
		/* color: silver; */
		/* vertical-align: middle; */
		/* border-radius: 0px; */
	}	
		
	.WordAskWoerter {
		border: 1px solid grey;
		margin-left: 0px;
		/* margin-right: 0px; */
		padding: 5px;
		width: 600px;
		height: 148pt;
		font-size: 12pt;
		/* background-color: green; */
		/* color: red; */
		/* vertical-align: middle; */
		/* border-radius: 0px; */
	}		

	.SentenceAsk {
		/* border: 1px solid grey; */
		margin-left: 0px;
		/* margin-right: 0px; */
		/* padding: 0px; */
		/* padding-top: 5px;	 */
		width: 600px;
		height: 125pt;
		font-size: 24pt;
		/* background-color: white; */
		/* color: green; */
		/* vertical-align: middle; */
		/* border-radius: 0px; */
		/* text-align: center;  */
	}
	
	.SentenceAskInfo {
		/* border: 1px solid grey; */
		margin-left: 0px;
		/* margin-right: 0px; */
		/* margin-bottom: 2px;		 */
		/* padding: 0px; */
		/* padding-top: 5px;	 */
		width: 600px;
		height: 48pt;
		font-size: 14pt;
		/* background-color: white; */
		color: silver;
		/* vertical-align: middle; */
		/* border-radius: 0px; */
	}

	.SentenceTrans {
		/* border: 1px solid grey; */
		margin-left: 0px;
		/* margin-right: 0px; */
		/* padding: 0px; */
		/* padding-top: 5px;		 */
		width: 600px;
		height: 125pt;
		font-size: 24pt;
		/* background-color: white; */
		color: silver;
		/* vertical-align: middle; */
		/* text-align: center;  */
		/* border-radius: 0px; */	
	}
	
	.SentenceTransInfo {
		/* border: 1px solid grey; */
		margin-left: 0px;
		/* margin-right: 0px; */
		/* margin-bottom: 2px;		 */
		padding: 0px;
		/* padding-top: 5px;		 */
		width: 600px;
		height: 48pt;
		font-size: 18pt;
		/* background-color: white; */
		color: silver;
		vertical-align: top;
		/* vertical-align: middle; */
		/* border-radius: 0px; */
	}

	.SentenceAskBeispiele {
		/* border: 1px solid grey; */
		margin-left: 0px;
		/* margin-right: 0px; */
		/* padding: 0px; */
		/* padding: 5px; */
		width: 600px;
		height: 148pt;
		font-size: 14pt;
		/* background-color: white; */
		/* color: silver; */
		/* vertical-align: middle; */
		/* border-radius: 0px; */
	}		
	
	.SearchResult {
		font-size: 12pt;
		vertical-align: top;
	}
	
	.SearchResultItem {
		width: 310px;
	}	

	.QuickIconBarBotton {
		width: 50px;
	}

	.BottonNext {
		/* border: 1px solid black; */
		/* cursor: pointer; */
		/* background-color: silver; */
		/* height: 32px; */
		/* padding: 0; */
		/* width: 96px; */
		/* margin: 0; */
		/* vertical-align: middle; */
		/* text-align: right; */
		/* float: right;	 */
		/* border-radius: 3px;	 */
		/* font-size: 18pt; */
		/* font-weight: 500; */
		
		/* margin-right: 10px; */
	}

	.BottonLang {
		width: 148.5px;
	}		
	
	.zzTest {
		/* border: 1px solid black; */
		/* cursor: pointer; */
		/* background-color: silver; */
		/* height: 32px; */
		/* padding: 0; */
		/* width: 96px; */
		/* margin: 0; */
		/* vertical-align: middle; */
		/* text-align: right; */
		/* float: left;	 */
		/* border-radius: 3px;	 */
		
		margin-left: 0px;
		/* margin-right: 0px; */
		
		margin-top: -446px;
		height: 30px;
		width: 80px;
		font-size: 16pt;
		
		/* margin-bottom: 0px; */
		
		
		/* font-weight: 500; */
	}
	
	.BottonTrainings {
		width: 555px;
	}
	
	.QuickIconBarIconImg {
		width: 32px;
	}	
	
	.ImgFly {																
		width: 64px;
		height: 64px;
		vertical-align: bottom;
		margin-right: 5px;
		margin-top: 3px;
	}

	.ImgUnderConstruction {																
		width: 64px;
		height: 55px;
	}
	
	.TextArea {
		font-size: 16pt;
	}
	
	.SpCharKeyboard {																
		cursor: pointer;
		margin-left: -2px;
		margin-right: 0px;
		margin-top: 3px;
		margin-bottom: 0px;
		width: 48px;
		height: 48px;
		color: white;
		background-color: grey;
		font-size: 20pt;
		font-weight: 500;
	}

	.SpCharKeyboard2 {																
		cursor: pointer;
		margin-left: -2px;
		margin-right: 0px;
		margin-top: 3px;
		margin-bottom: 0px;
		width: 96px;
		height: 48px;
		color: white;
		background-color: grey;
		font-size: 20pt;
		font-weight: 500;
	}
	
	.SpCharKeyboard3 {																
		cursor: pointer;
		margin-left: -2px;
		margin-right: 0px;
		margin-top: 3px;
		margin-bottom: 0px;
		width: 144px;
		height: 48px;
		color: white;
		background-color: grey;
		font-size: 20pt;
		font-weight: 500;
	}	
	
	.SpCharKeyboardInvisible {	
		font-size: 20pt;
		width: 24px;
		height: 48px;
	}
	
	.SpCharKeyboardBlank {																
		cursor: pointer;
		margin-left: -2px;
		margin-right: 0px;
		margin-top: 3px;
		margin-bottom: 0px;
		width: 256px;
		height: 32px;
		color: white;
		background-color: grey;
		font-size: 18pt;
		font-weight: 500;
	}	
		
	.settingsText {
		font-size: 16pt;
		/* color: grey;			*/
	}

	.settingsValues {
		font-size: 14pt;
	}

	.settingsValuesTmp {
		/* font-size: 14pt; */
	}
	
	.settingsValuesInfo {
		/* font-size: 14pt;		 */
	}
	
	.TrainingsInfo {
	}		
	
	.overlay {
		height: 100%;
		background-color: red;
	}
		
	.overlay-content {		
		top: 0%;
		right: 20px;
		width: 100%;
		text-align: right;
		margin-top: 100px;
	}

	.overlay a {
		padding: 8px;		
		text-decoration: none;	
		font-size: 26px;
	}

	.overlay a:hover, .overlay a:focus {
		color: #f1f1f1;
	}

	.overlay .closebtn {				
		position: absolute;
		top: 12px;
		right: 0px;
		text-align: right;
		font-size: 60px;
	}

	.ContactFullName {
		border: 2px solid grey;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 5px;
		padding-left: 5px;
		width: 100%;
		height: 28pt;
		font-size: 12pt;
		// font-weight: 550;
		// background-color: lightgrey;
		color: grey;
		// vertical-align: middle;
		text-align: left;
	}

	.ContactMessage {
		border: 2px solid grey;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 5px;
		width: 100%;
		height: 150pt;
		font-size: 10pt;
		// background-color: lightgrey;
		color: grey;
		// vertical-align: baseline;
		resize: none;
		overflow: auto;
	}	
}

@media screen and (min-width: 800px) {	/* Tablets: TABLETTE, TOBLERONE, ... ---------------------------------------------------------------- */
	body {
		width: 601px;
		/* background-color: white;		 */
		/* background-color: gray;			 */
		margin-left: auto;
		margin-right: auto;
	}	

	.WholeSite {
		margin-left: auto;
		margin-right: auto;		
	}		

	.HeadSchrift {
		/*	font-size: 52pt;		*/
		font-size: 66pt;
	}

	.HeadMenu {
		color: red;
		font-size: 36pt;
	}

	.HeadEndeText {
		font-size: 32pt;
	}
	
	.HeadEndeText2 {
		font-size: 32pt;
	}		
	
	.CharTable {
		/* border: 1px solid silver; */
		border-collapse: collapse;	
		width: 100%;
		/* font-size: 12pt; */
		/* color: yellow; */
		vertical-align: top;
	}

	.CharTableLink {
		border: 1px solid silver;
		margin: 0px;
		padding: 0px;
		padding-right: 5px;
		padding-left: 5px;
		/* width: 20%; */
		width:45pt;
		/* height: 20pt;	 */
		/* font-size: 12pt; */
		color: silver;	
		/* vertical-align: center; */
		text-align: right;	
	}

	.CharTableLinkBt1 {
		/* border: 1px solid silver; */
		margin: 0px;
		/* padding: 5px; */
		/* width: 20%; */
		width: 20pt;
		/* height: 20pt;	 */
		font-size: 12pt;
		/* color: silver;	 */
		/* vertical-align: center; */
		/* text-align: center;	 */
	}

	.CharTableLinkBt2 {
		/* border: 1px solid silver; */
		margin: 0px;
		/* padding: 5px; */
		/* width: 20%; */
		width: 20pt;
		/* height: 20pt;	 */
		font-size: 12pt;
		/* color: silver;	 */
		/* vertical-align: center; */
		/* text-align: left;	 */
	}


	.CharTableChar {
		border: 1px solid silver;
		margin: 0px;
		padding: 5px;	
		/* width: 10%; */
		font-size: 24pt;
		/* font-weight: 500;		 */
		color: orange;	
		vertical-align: top;
	}
	
	.CharTableCharPhonetic {
		border: 1px solid silver;
		margin: 0px;
		padding: 5px;	
		/* width: 10%; */
		font-size: 24pt;
		/* font-weight: 500;		 */
		color: cornflowerblue;	
		vertical-align: top;
	}
	
	.CharTableCharDE {
		border: 1px solid silver;
		margin: 0px;
		padding: 5px;	
		/* width: 10%; */
		font-size: 24pt;
		/* font-weight: 500; */
		color: red;	
		vertical-align: top;
	}

	.CharAsk {
		/* border: 1px solid grey; */
		/* margin-left: 0px; */
		/* margin-right: 0px; */
		padding: 0px;
		padding-top: 5px;	
		width: 300px;
		height: 150pt;
		font-size: 128pt;
		/* background-color: white; */
		/* color: lightblue; */
		/* color: red; */
		vertical-align: middle;
		/* border-radius: 0px; */
		text-align: center; 
	}
	
	.CharAskInfo {
		/* border: 1px solid grey; */
		margin-left: 0px;
		/* margin-right: 0px; */
		/* margin-bottom: 2px;		 */
		padding: 5px;
		/* padding-top: 5px;	 */
		width: 300px;
		height: 48pt;
		font-size: 18pt;
		/* background-color: white; */
		color: silver;
		/* vertical-align: middle; */
		/* border-radius: 0px; */
	}

	.CharTrans {
		/* border: 1px solid grey; */
		/* margin-left: 0px; */
		/* margin-right: 0px; */
		padding: 0px;
		padding-top: 5px;		
		width: 300px;
		height: 150pt;
		font-size: 128pt;
		/* background-color: white; */
		color: silver;
		vertical-align: middle;
		text-align: center; 
		/* border-radius: 0px; */	
	}
	
	.CharTransInfo {
		/* border: 1px solid grey;	 */
		/* margin-left: 0px; */
		/* margin-right: 0px; */
		/* margin-bottom: 2px;		 */
		padding: 5px;
		/* padding-top: 5px;		 */
		width: 300px;
		height: 48pt;
		font-size: 18pt;
		/* background-color: white; */
		color: silver;
		vertical-align: top;
		/* vertical-align: middle; */
		/* border-radius: 0px; */
	}

	.CharAskWoerter {
		/* border: 1px solid grey; */
		margin-left: 0px;
		/* margin-right: 0px; */
		padding: 5px;
		width: 599px;
		height: 148pt;
		font-size: 14pt;
		/* background-color: white; */
		/* color: silver; */
		/* vertical-align: middle; */
		/* border-radius: 0px; */
	}		
	
	.WordAsk {
		/* border: 1px solid grey; */
		margin-left: 0px;
		/* margin-right: 0px; */
		/* margin-bottom: 2px;		 */
		padding: 10px;
		padding-top: 5px;	
		width: 300px;
		height: 100pt;
		font-size: 48pt;
		/* background-color: lightblue; */
		color: red;
		/* color: red; */
		vertical-align: middle;
		/* border-radius: 0px; */
		text-align: left; 		
	}	
	
	.WordTrans {
		/* border: 1px solid grey; */
		/* margin-left: 0px; */
		/* margin-right: 0px; */
		/* margin-bottom: 2px;		 */
		padding: 10px;
		padding-top: 5px;	
		width: 300px;
		height: 100pt;
		font-size: 48pt;
		/* background-color: yellow; */
		/* color: lightblue; */
		/* color: orange; */
		vertical-align: middle;
		/* border-radius: 0px; */
		/* text-align: left;  */
	}
	
	.WordAskInfo {
		/* border: 1px solid grey; */
		margin-left: 0px;
		/* margin-right: 0px; */
		/* margin-bottom: 2px;		 */
		padding: 10px;
		/* padding-top: 5px;	 */
		width: 300px;
		height: 38pt;
		font-size: 12pt;
		/* background-color: white; */
		/* color: silver; */
		/* vertical-align: middle; */
		/* border-radius: 0px; */
	}		
	
	.WordTransInfo {
		/* border: 1px solid grey; */
		/* margin-left: 0px; */
		/* margin-right: 0px; */
		/* margin-bottom: 2px;		 */
		padding: 10px;
		/* padding-top: 5px;	 */
		width: 300px;
		height: 38pt;
		font-size: 12pt;
		/* background-color: white; */
		/* color: silver; */
		/* vertical-align: middle; */
		/* border-radius: 0px; */
	}		
		
	.WordAskWoerter {
		border: 1px solid grey;
		margin-left: 0px;
		/* margin-right: 0px; */
		padding: 5px;
		width: 600px;
		height: 148pt;
		font-size: 14pt;
		/* background-color: green; */
		/* color: red; */
		/* vertical-align: middle; */
		/* border-radius: 0px; */
	}	

	.SentenceAsk {
		/* border: 1px solid grey; */
		margin-left: 0px;
		/* margin-right: 0px; */
		/* padding: 0px; */
		/* padding-top: 5px;	 */
		width: 600px;
		height: 150pt;
		font-size: 24pt;
		/* background-color: white; */
		/* color: lightblue; */
		/* color: red; */
		/* vertical-align: middle; */
		/* border-radius: 0px; */
		/* text-align: center;  */
	}
	
	.SentenceAskInfo {
		/* border: 1px solid grey; */
		margin-left: 0px;
		/* margin-right: 0px; */
		/* margin-bottom: 2px;		 */
		/* padding: 5px; */
		padding-top: 5px;	
		width: 600px;
		height: 48pt;
		font-size: 14pt;
		/* background-color: white; */
		color: silver;
		/* vertical-align: middle; */
		/* border-radius: 0px; */
	}

	.SentenceTrans {
		/* border: 1px solid grey; */
		margin-left: 0px;
		/* margin-right: 0px; */
		/* padding: 0px; */
		/* padding-top: 5px;		 */
		width: 600px;
		height: 150pt;
		font-size: 24pt;
		/* background-color: white; */
		color: silver;
		/* vertical-align: middle; */
		/* text-align: center;  */
		/* border-radius: 0px; */	
	}
	
	.SentenceTransInfo {
		border: 1px solid grey;	
		/* margin-left: 0px; */
		/* margin-right: 0px; */
		/* margin-bottom: 2px;		 */
		padding: 5px;
		/* padding-top: 5px;		 */
		width: 600px;
		height: 48pt;
		font-size: 14pt;
		/* background-color: white; */
		color: silver;
		vertical-align: top;
		/* vertical-align: middle; */
		/* border-radius: 0px; */
	}

	.SentenceAskBeispiele {
		border: 1px solid grey;
		margin-left: 0px;
		/* margin-right: 0px; */
		padding: 5px;
		width: 600px;
		height: 148pt;
		font-size: 14pt;
		/* background-color: white; */
		/* color: silver; */
		/* vertical-align: middle; */
		/* border-radius: 0px; */
	}		
	
	.SearchResult {
		font-size: 12pt;
		vertical-align: top;
	}
	
	.SearchResultItem {
		width: 260px;
	}	

	.QuickIconBarBotton {
		width: 50.5px;
	}

	.BottonNext {
		/* border: 1px solid black; */
		/* cursor: pointer; */
		/* background-color: silver; */
		/* height: 32px; */
		/* padding: 0; */
		/* width: 96px; */
		/* margin: 0; */
		/* vertical-align: middle; */
		/* text-align: right; */
		/* float: right;	 */
		/* border-radius: 3px;	 */
		/* font-size: 18pt; */
		/* font-weight: 500; */
		
		/* margin-right: 10px; */
	}

	.BottonLang {
		/* width: 32px; */
	}		
	
	.zzTest {
		/* border: 1px solid black; */
		/* cursor: pointer; */
		/* background-color: silver; */
		/* height: 32px; */
		/* padding: 0; */
		/* width: 96px; */
		/* margin: 0; */
		/* vertical-align: middle; */
		/* text-align: right; */
		/* float: left;	 */
		/* border-radius: 3px;	 */
		
		margin-left: 0px;
		/* margin-right: 0px; */
		
		margin-top: -479px;
		height: 30px;
		width: 80px;
		font-size: 16pt;
		
		/* margin-bottom: 0px; */
		

		/* font-weight: 500; */
	}		

	.BottonTrainings {
		width: 560px;
	}
	
	.QuickIconBarIconImg {
		width: 32px;
	}	
	
	.ImgFly {																
		width: 64px;
		height: 64px;
		vertical-align: bottom;
		margin-right: 5px;
		margin-top: 3px;
	}

	.ImgUnderConstruction {																
		width: 64px;
		height: 55px;
	}

	.TextArea {
		font-size: 16pt;
	}
	
	.SpCharKeyboard {																
		cursor: pointer;
		margin-left: -2px;
		margin-right: 0px;
		margin-top: 3px;
		margin-bottom: 0px;
		width: 48px;
		height: 48px;
		color: white;
		background-color: grey;
		font-size: 20pt;
		font-weight: 500;
	}
	
	.SpCharKeyboard2 {																
		cursor: pointer;
		margin-left: -2px;
		margin-right: 0px;
		margin-top: 3px;
		margin-bottom: 0px;
		width: 96px;
		height: 48px;
		color: white;
		background-color: grey;
		font-size: 20pt;
		font-weight: 500;
	}	
	
	.SpCharKeyboardInvisible {																
		font-size: 20pt;
		width: 24px;
		height: 48px;
	}

	.SpCharKeyboardBlank {																
		cursor: pointer;
		margin-left: -2px;
		margin-right: 0px;
		margin-top: 3px;
		margin-bottom: 0px;
		width: 256px;
		height: 32px;
		color: white;
		background-color: grey;
		font-size: 18pt;
		font-weight: 500;
	}

	.settingsTextHeader {
	}
	
	.settingsText {
		/* border: 0px solid orange; */
		font-size: 16pt;
		color: silver;
		/* width: 40%;	 */
	}	

	.settingsValues {
	}

	.settingsValuesTmp {
	}
	
	.settingsValuesInfo {
	}

	.TrainingsInfo {
	}	
	
	.overlay {
		height: 100%;
		background-color: red;
	}
		
	.overlay-content {		
		top: 0%;
		right: 20px;
		width: 100%;
		text-align: right;
		margin-top: 100px;
	}

	.overlay a {
		padding: 8px;		
		text-decoration: none;	
		font-size: 26px;
	}

	.overlay a:hover, .overlay a:focus {
		color: #f1f1f1;
	}

	.overlay .closebtn {				
		position: absolute;
		top: 12px;
		right: 0px;
		text-align: right;
		font-size: 60px;
	}

	.ContactFullName {
		border: 0px solid grey;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 5px;
		padding-left: 5px;
		width: 100%;
		height: 28pt;
		font-size: 12pt;
		// font-weight: 550;
		// background-color: lightgrey;
		color: grey;
		// vertical-align: middle;
		text-align: left;
	}

	.ContactMessage {
		border: 0px solid grey;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 5px;
		width: 100%;
		height: 150pt;
		font-size: 10pt;
		// background-color: lightgrey;
		color: grey;
		// vertical-align: baseline;
		resize: none;
		overflow: auto;
	}	
}
		
@media screen and (min-width: 1024px) {		/* Desktops: SMEAGOL, ... ---------------------------------------------------------------- */
/* @media screen and (min-width: 1920px) {	*/			/* Desktops: SMEAGOL, ...					*/	
	body {
		width: 600px;
		/* background-color: white;		 */
		/* background-color: green; */
		/* background-color: lightgrey; */
		margin-left: auto;
		margin-right: auto;
	}	
	
	.WholeSite {
		margin-left: auto;
		margin-right: auto;
	}

	.HeadSchrift {
		font-size: 66pt;
		/* font-size: 42pt; */
	}
				
	.HeadMenu {
		color: red;
		font-size: 36pt;
	}

	.CharTable {
		/* border: 1px solid silver; */
		border-collapse: collapse;	
		width: 100%;
		/* font-size: 12pt; */
		/* color: yellow; */
		vertical-align: top;
	}
	
	.CharTableLink {
		border: 1px solid silver;
		margin: 0px;
		padding: 0px;
		padding-right: 5px;
		padding-left: 5px;
		/* width: 20%; */
		width:45pt;
		/* height: 20pt;	 */
		/* font-size: 12pt; */
		color: silver;	
		/* vertical-align: center; */
		text-align: right;	
	}

	.CharTableLinkBt1 {
		/* border: 1px solid silver; */
		margin: 0px;
		/* padding: 5px; */
		/* width: 20%; */
		width: 20pt;
		/* height: 20pt;	 */
		font-size: 13pt;
		/* color: silver;	 */
		/* vertical-align: center; */
		/* text-align: center;	 */
	}

	.CharTableLinkBt2 {
		/* border: 1px solid silver; */
		margin: 0px;
		/* padding: 5px; */
		/* width: 20%; */
		width: 20pt;
		/* height: 20pt;	 */
		font-size: 12pt;
		/* color: silver;	 */
		/* vertical-align: center; */
		/* text-align: left;	 */
	}

	.CharTableChar {
		border: 1px solid silver;
		margin: 0px;
		padding: 5px;	
		/* width: 5%; */
		/* width: 32pt;				 */
		/* width: 48px;						 */
		font-size: 24pt;
		color: orange;	
		vertical-align: top;
	}
	
	.CharTableCharPhonetic {
		border: 1px solid silver;
		margin: 0px;
		padding: 5px;	
		/* width: 5%; */
		/* width: 32pt;				 */
		/* width: 48px;						 */
		font-size: 24pt;
		color: cornflowerblue;	
		vertical-align: top;
	}

	.CharTableCharDE {
		border: 1px solid silver;
		margin: 0px;
		padding: 5px;	
		/* width: 10%; */
		/* width: 32pt;	 */
		/* width: 48px;								 */
		font-size: 24pt;
		/* font-weight: 500; */
		color: red;	
		vertical-align: top;
	}	

	.HeadEndeText {
		font-size: 34pt;
	}
	
	.HeadEndeText2 {
		font-size: 34pt;
	}		
	
	.TextArea {
		font-size: 16pt;
	}	

	.SpCharKeyboard {																
		cursor: pointer;
		margin-left: -2px;
		margin-right: 0px;
		margin-top: 3px;
		margin-bottom: 0px;
		width: 48px;
		height: 48px;
		color: white;
		background-color: grey;
		font-size: 20pt;
		font-weight: 500;
	}
	
	.SpCharKeyboard2 {																
		cursor: pointer;
		margin-left: -2px;
		margin-right: 0px;
		margin-top: 3px;
		margin-bottom: 0px;
		width: 96px;
		height: 48px;
		color: white;
		background-color: grey;
		font-size: 20pt;
		font-weight: 500;
	}	

	.SpCharKeyboardInvisible {																
		font-size: 20pt;		
		width: 24px;
		height: 48px;
	}

	.SpCharKeyboardBlank {																
		cursor: pointer;
		margin-left: -2px;
		margin-right: 0px;
		margin-top: 3px;
		margin-bottom: 0px;
		width: 400px;
		height: 48px;
		color: white;
		background-color: grey;
		font-size: 18pt;
		font-weight: 500;
	}

	.CharAsk {
		/* margin-top: 0px; */
		/* margin-left: 0px; */
		/* margin-right: 0px; */
		/* margin-bottom: 4px; */
		padding-bottom: 0px;
		/* padding: 50px; */
		/* padding-top: 5px;			 */
		/* padding: 25px 30px 25px 30px;		 */
		width: 300px;
		height: 220pt;
		/* font-size: 196pt; */
		font-size: 148pt;
		/* background-color: white; */
		/* background-color: orange;		 */
		/* color: tomato; */
		/* color: darkred;		 */
		/* color: orange;		 */
		/* vertical-align: middle; */
		text-align: center; 
		font-weight: 600;
	}

	.CharAskInfo {
		/* margin-left: 0px; */
		/* margin-left: -4px;		 */
		/* margin-right: 0px; */
		/* margin-bottom: 0px;		 */
		/* margin-bottom: 2px;			 */
		padding: 10px;
		width: 300px;
		height: 48pt;
		font-size: 18pt;
		/* background-color: white; */
		/* background-color: orange;		 */
		color: silver;
		/* vertical-align: middle; */
	}
	
	.CharTrans {
		/* margin-left: 0px; */
		/* margin-left: -4px;		 */
		/* margin-left: -5px;	 */
		/* margin-right: 0px; */
		/* margin-bottom: 2px;		 */
		padding: 10px;
		padding-top: 5px;	
		padding-bottom: 0px;		
		width: 300px;
		height: 220pt;
		font-size: 148pt;
		/* background-color: white; */
		/* background-color: orange;		 */
		color: silver;
		/* vertical-align: middle; */	
		text-align: center; 
		font-weight: 600;		
	}

	.CharTransInfo {
		/* margin-left: 0px; */
		/* margin-right: 0px; */
		/* margin-bottom: 2px;			 */
		/* margin-left: -4px;				 */
		/* margin-left: -5px;			 */
		padding: 10px;
		width: 300px;
		height: 48Pt;
		font-size: 18pt;
		/* background-color: white; */
		/* background-color: orange;		 */
		color: silver;
		/* vertical-align: middle; */	
		vertical-align: top;
	}
	
	.CharAskWoerter {
		margin-left: 0px;
		/* margin-right: 0px; */
		padding: 5px;
		width: 599px;
		height: 148pt;
		font-size: 14pt;
		/* background-color: white; */
		/* background-color: pink; */
		/* color: silver; */
		/* vertical-align: middle; */
	}	
	
	.WordAskWoerter {
		margin-left: 0px;
		/* margin-right: 0px; */
		padding: 5px;
		width: 599px;
		height: 128pt;
		font-size: 14pt;
		/* background-color: white; */
		/* color: silver; */
		/* vertical-align: middle; */
	}	

	.WordAsk {
		/* border: 1px solid grey; */
		margin-left: 0px;
		/* margin-right: 0px; */
		/* margin-bottom: 2px;		 */
		padding: 10px;
		padding-top: 5px;	
		width: 300px;
		height: 72pt;
		font-size: 32pt;
		/* background-color: yellow; */
		/* color: lightblue; */
		/* color: steelblue; */
		vertical-align: middle;
		/* border-radius: 0px; */
		text-align: left; 
	}	
	
	.WordTrans {
		/* border: 1px solid grey; */
		/* margin-left: 0px; */
		/* margin-right: 0px; */
		/* margin-bottom: 2px;		 */
		padding: 10px;
		padding-top: 5px;	
		width: 300px;
		height: 72pt;
		font-size: 32pt;
		/* background-color: yellow; */
		/* color: lightblue; */
		/* color: steelblue; */
		vertical-align: middle;
		/* border-radius: 0px; */
		/* text-align: left;  */
	}	
		
	.WordAskInfo {
		margin-left: 0px;
		/* margin-right: 0px; */
		/* margin-bottom: 2px;			 */
		padding: 10px;
		width: 300px;
		height: 48Pt;
		font-size: 12pt;
		/* background-color: white; */
		/* background-color: orange;		 */
		/* color: silver; */
		/* vertical-align: middle; */	
		vertical-align: top;
	}	
	
	.WordTransInfo {
		/* margin-left: 0px; */
		/* margin-right: 0px; */
		/* margin-bottom: 2px;			 */
		padding: 10px;
		width: 300px;
		height: 48Pt;
		font-size: 12pt;
		/* background-color: white; */
		/* background-color: orange;		 */
		/* color: silver; */
		/* vertical-align: middle; */	
		vertical-align: top;
	}	
	
	.SentenceAsk {
		/* margin-top: 0px; */
		margin-left: 0px;
		/* margin-right: 0px; */
		/* margin-bottom: 4px; */
		/* padding-bottom: 0px; */
		/* padding: 50px; */
		/* padding-top: 5px;			 */
		/* padding: 25px 30px 25px 30px;		 */
		width: 600px;
		height: 128pt;
		/* font-size: 196pt; */
		font-size: 24pt;
		/* background-color: white; */
		/* background-color: orange;		 */
		/* color: tomato; */
		/* color: darkred;		 */
		/* color: orange;		 */
		/* vertical-align: middle; */
		/* text-align: center;  */
		font-weight: 600;
	}

	.SentenceAskInfo {
		margin-left: 0px;
		/* margin-right: 0px; */
		/* margin-bottom: 0px;		 */
		/* margin-bottom: 2px;			 */
		/* padding: 10px; */
		width: 600px;
		height: 48pt;
		font-size: 14pt;
		/* background-color: white; */
		/* background-color: orange;		 */
		color: silver;
		/* vertical-align: middle; */
	}
	
	.SentenceTrans {
		margin-left: 0px;
		/* margin-left: -3px;		 */
		/* margin-right: 0px; */
		/* margin-bottom: 2px;		 */
		/* padding: 10px; */
		/* padding-top: 5px;	 */
		/* padding-bottom: 0px;		 */
		width: 600px;
		height: 128pt;
		font-size: 18pt;
		/* background-color: white; */
		/* background-color: orange;		 */
		color: silver;
		/* vertical-align: middle; */	
		/* text-align: center;  */
		/* font-weight: 600;		 */
	}

	.SentenceTransInfo {
		margin-left: 0px;
		/* margin-right: 0px; */
		/* margin-bottom: 2px;			 */
		padding: 10px;
		width: 600px;
		height: 48Pt;
		font-size: 14pt;
		/* background-color: white; */
		/* background-color: orange;		 */
		color: silver;
		/* vertical-align: middle; */	
		vertical-align: top;
	}
	
	.SentenceAskBeispiele {
		margin-left: 0px;
		/* margin-right: 0px; */
		padding: 5px;
		width: 600px;
		height: 148pt;
		font-size: 14pt;
		/* background-color: white; */
		/* background-color: pink; */
		/* color: silver; */
		/* vertical-align: middle; */
	}		
	
	.SearchResult {
		font-size: 12pt;
		vertical-align: top;
	}
	
	.SearchResultItem {
		width: 270px;
	}

	.BottonNext {
		/* border: 1px solid black; */
		/* cursor: pointer; */
		/* background-color: silver; */
		/* height: 32px; */
		/* padding: 0; */
		/* width: 96px; */
		/* margin: 0; */
		/* vertical-align: middle; */
		/* text-align: right; */
		/* float: right;	 */
		/* border-radius: 3px;	 */
		/* font-size: 18pt; */
		/* font-weight: 500; */
		
		/* margin-right: 0px; */
	}

	.BottonLang {
		width: 148.5px;
	}		
	
	.zzTest {
		/* border: 1px solid black; */
		/* cursor: pointer; */
		/* background-color: silver; */
		/* height: 32px; */
		/* padding: 0; */
		/* width: 96px; */
		/* margin: 0; */
		/* vertical-align: middle; */
		/* text-align: right; */
		/* float: left;	 */
		/* border-radius: 3px;	 */
		
		margin-left: 0px;
		/* margin-right: 0px; */
		
		margin-top: -573px;
		height: 36px;
		width: 96px;
		font-size: 18pt;
				
		/* margin-bottom: 0px; */
		/* font-weight: 500; */
	}		
	
	.BottonTrainings {
		width: 560px;
	}	
	
	.QuickIconBarBotton {
		width: 50.5px;
	}

	.QuickIconBarIconImg {
		width: 32px;
	}
	
	.ImgFly {																
		width: 58px;
		height: 58px;
		vertical-align: bottom;
		margin-right: 10px;
		margin-top: 75px;				
	}
	
	.ImgUnderConstruction{																
		width: 64px;
		height: 55px;
	}

	.settingsTextHeaderErsterBlock{
	}
	
	.settingsTextHeader {
	}

	.settingsText {
		/* border: 0px solid orange; */
		font-size: 16pt;
		/* color: silver; */
		/* width: 40%;	 */
	}

	.settingsValues {
	}

	.settingsValuesTmp {
	}
	
	.settingsValuesInfo {
	}	
	
	.TrainingsInfo {
	}		
	
	.overlay {
		height: 100%;	
		background-color: red;	
	}
	
	.overlay-content {		
		top: 0%;
		right: 20px;
		width: 100%;
		text-align: right;
		margin-top: 100px;
	}

	.overlay a {
		padding: 8px;		
		text-decoration: none;	
		font-size: 20px;
	}

	.overlay a:hover, .overlay a:focus {
		color: #f1f1f1;
	}

	.overlay .closebtn {				
		position: absolute;
		top: 12px;
		right: 0px;
		text-align: right;
		font-size: 60px;
	}
	
	.ContactFullName {
		border: 0px solid grey;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 5px;
		padding-left: 5px;
		width: 100%;
		height: 28pt;
		font-size: 14pt;
		// font-weight: 550;
		// background-color: 	#b0e2ff;				// LightSkyBlue1;
		// background-color: 	#bfefff;				// LightBlue1;
		// color: grey;
		// vertical-align: middle;
		text-align: left;
	}

	.ContactMessage {
		border: 0px solid grey;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 5px;
		width: 100%;
		height: 250pt;
		font-size: 12pt;
		// background-color: 	#b0e2ff;			// LightSkyBlue1;
		// background-color: 	#bfefff;				// LightBlue1;
		// color: grey;
		// vertical-align: baseline;
		resize: none;
		overflow: auto;
	}
}