@font-face {
	font-family: "Cabin";
	src:
			 url("Cabin-VariableFont_wdth.ttf");
		 }

body								{
										background: #FFFFFF;
										color: #33334C;
										font-family: 'Helvetica Neue', 'Candara', 'Cabin';
										font-size: 16px;
										-moz-text-size-adjust: 80%;
										height: 100vh;
										}


a 									{
										color: #33334C;
										text-decoration: none;

										/* hyphens */

										-ms-word-break: break-all;
   									/* word-break: break-all; */

									  /* Non standard for webkit */
										/* word-break: break-word;

										-moz-hyphens: auto;
										-o-hyphens: auto;
										-webkit-hyphens: auto;
										-ms-hyphens: auto;
										hyphens: auto; */
										}

a[href*="&del="], a[href*="&new="] 		{
							  		color: #800000;;
										}

.main								{
										position: relative;
										width: 500px;
										left: 50%;
										top: 0px;
										padding-bottom: 70px;
										margin-left: -250px;
										}

.cover							{
										position: fixed;
										z-index: 20;
										top: 0px;
										height: 110px;
										width: inherit;
										left: inherit;
										margin-left: inherit;
										background: #FFFFFF;
									  }

.helperbox					{
										position: relative;
										height: 170px;
										width: inherit;
										left: inherit;
										margin-left: inherit;
										}

			.nav_main							{
														position: fixed;
														color:#33334C;
														background: #E4F1FB;
														z-index: 40;
														top: 35px;
														left: inherit;
														margin-left: inherit;
														display: flex;
														width: inherit;
														align-items: center;
														justify-content: space-around;
														border: 1px solid #33334C;;
														border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
														overflow: hidden;
														}

						.nav_main_button 			{
																	padding: 13px 58px;
																	color: #33334C;
																	}

						.nav_main_button_counter 				{
																	position: absolute;
																	top: 6px;
																	right: 5px;
																	height: 70%;
																	width: 30px;
																	color: #CDE4F5;
																	font-weight: bold;
																	pointer-events: none;
																	background: #33334C;
																	padding: 10px 6px 10px 6x;
																	border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
																	display: flex;
																	align-items: center;
																	justify-content: center;
																	}

						.nav_main_headline, .nav_main_delete		{
																	padding: 1px 20px;
																	width: 475px;
																	text-align: left;
																	color: #33334C;;																	font-size: 200%;
																	font-weight: bold;
																	display: none;
																	}

									.nav_main_delete	 		{
																				text-align: right;
																				width: 25px;
																				}

						.search 			{
													position: fixed;
													width: inherit;
													top: 78px;
													z-index: 30;
													left: inherit;
													margin-left: inherit;
													padding-top: 30px;
													padding-bottom: 30px;
													padding-left: 1px;
													background-color: #FFFFFF;
													}

									.lupe 						{
																		position:absolute;
																		top:35px;
																		right:6px;
																		width: 28px;
																		height: 28px;
																		-webkit-mask: url(../images/lupe1.svg) right no-repeat;
																		mask: url(../images/lupe1.svg) right no-repeat;
																		-webkit-mask-size: cover;
																		mask-size: cover;
																		background-color: #B5D5EC;
																		}



.loginbox			  		{
										position: fixed;
										z-index: 40;
										width: 250px;
										left: 50%;
										top: 32px;
										margin-left: -520px;
									  }

										.registerbutton 	  {
																			background-color: #E4F1FB;
																			border: 1px solid #33334C;
																			border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
																			color: #33334C;
																			padding: 12px 32px;
																			text-align: center;
																			font-size: 100%;
																			cursor:pointer;
																			}

.registerbox			  		{
										position: fixed;
										width: 470px;
										left: 50%;
										top: 200px;
										margin-left: -250px;
										padding: 20px;
										background: #E4F1FB;
										border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
									  }

										.side_menu_home, .side_menu_suche, 	.side_menu_vokabel {
																				position: fixed;
																				width: 250px;
																				left: 50%;
																				top: 186px;
																				margin-left: -520px;
																				display: flex;
																				flex-direction: column;
																				}

																				.side_menu_home {
																														top: 185px;
																														}

																				.side_menu_suche {
																														top: 177px;
																														}

																				.side_menu_vokabel {
																														top: 106px;
																														}

																				.side_menu_main_item {
																												flex: 0 0;
																												padding: 0px 0px;
																												display: none;
																												}

																				.side_menu_item {
																												flex: 0 0;
																												padding: 2px 0px;
																												}


																	input[type="text"], input[type="password"], input[type="mail"]	{

																									width: 100%;
																									-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    																							-moz-box-sizing: border-box;    /* Firefox, other Gecko */
    																							box-sizing: border-box;         /* Opera/IE 8+ */
																									height: 40px;
																									font-size: 100%;
																									padding: 5px 5px 5px 5px;
																									outline: 0 none;
																									cursor:text;
																									background-color:#FFFFFF;
																									border: 1px solid #B5D5EC;
																									color:#33334C;;
																									-webkit-text-fill-color:#33334C;;
																									border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
																									}

																		.input_container{
																										position: relative;
																										padding: 0;
																										margin:0;
																										}


																		input[name="vokabel"]	{

																										width: 100%;
																										-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	    																							-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	    																							box-sizing: border-box;         /* Opera/IE 8+ */
																										height: 35px;
																										font-size: 100%;
																										padding: 5px 5px 5px 5px;
																										background-color:rgba(255,255,255,0.2);
																										border: 1px solid #33334C;;
																										box-shadow: 20px 38px 34px -26px hsla(0,0%,0%,.2);
																										border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;

																								color: #33334C;;-webkit-text-fill-color:  #33334C;;																										}

																										.hint {
																											display: none;
																											position:absolute;
																											top:7px;
																											right:6px;
																											width: 20px;
																											height: 20px;
																											-webkit-mask: url(../images/caution.svg) right no-repeat;
																											mask: url(../images/caution.svg) right no-repeat;
																											-webkit-mask-size: cover;
																											mask-size: cover;

																											background-color: #33334C;;
																											}

																											.correct_term {
																																		display: none;
																																		border-radius: 10px;
																																		margin-top: 2px;
																																		background-color: rgba(0, 100, 0, 0.2);
																																		padding: 8px 5px;
																																		}

																	.hint:hover + .correct_term { display: inline-block; }

																	input[type="submit"] 	 {
																									  background-color: #B5D5EC;

																									  color: #33334C;
																									  padding: 13px 32px;
																									  text-align: center;
																										border: 1px dotted;
																									  display: inline-block;
																									  font-size: 100%;
																										width: 100%;
																										border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;

																										}

																	select	 					{
																										-moz-appearance: none;
																										-webkit-appearance: none;
																										appearance: none;
																										border: none;
																									  padding: 13px 32px 12px 10px;
																										margin-bottom: 0px;
																									  -moz-padding-start: calc(10px - 3px);
																									  background: #B5D5EC;
																									  color: #33334C;
																									  font-size: 100%;
																										border-radius: 0px;
																										width:100%;
  																									box-sizing:border-box;
																										}

																										select::-ms-expand {
																																			  display: none;
																																				}

																		.select_container	 	{
																												position: relative;
																												width: 100%;
																												margin-bottom: 20px;
																												-webkit-box-shadow: 2px 2px 0px 0px rgba(100, 100, 100, 0.3);
																												-moz-box-shadow: 2px 2px 0px 0px rgba(100, 100, 100, 0.3);
																												box-shadow: 2px 2px 0px 0px rgba(100, 100, 100, 0.3);
																												}

																										.select_container::before {
																											  content: "∨";
																											  font-size: 19px;
																											  position: absolute;
																											  right: 20px;
																											  top: 11px;
																											  color: #33334C;
																												pointer-events: none;
																												}

.side_menu_item:hover .icon { right: 5px; transition: 0.5s ease;}

.side_menu_button {
								position: relative;
								z-index: 1;
								width: inherit;
								-moz-appearance: none;
								-webkit-appearance: none;
								appearance: none;
								border: 1px solid #33334C;;
								box-shadow: 20px 38px 34px -26px hsla(0,0%,0%,.2);
								border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
								text-align: center;
								padding: 13px 0px 12px 0px;
								background: #E4F1FB;
								color: #33334C;
								overflow-y: scroll;
								-ms-overflow-style: none;  /* IE and Edge */
								scrollbar-width: none;  /* Firefox */
								overflow-x: hidden;
								}

.soundbutton {
								width: 100%;
								font-size: 160%;
								text-align: center;
								padding: 2px 0px 2px 0px;
								border: 1px solid	 #B5D5EC;
								color: #33334C;
								background-color: #B5D5EC;
								box-shadow: 20px 38px 34px -26px hsla(0,0%,0%,.2);
								border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
								}

								::-webkit-scrollbar {
																		display: none;
																		}


															.icon {
																								font-size: 100%;
																								position: absolute;
																								right: -40px;
																								top: 7px;
																								width: 15px;
																								height: 30px;
																								color: #B5D5EC;
																								font-weight: bold;
																								background: #33334C;
																								opacity: 1;
																								transition: 0.5s ease;
																								padding: 0px 9px 0px 9px;
																								display: flex;
																								align-items: center;
																								justify-content: center;
																								border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
																								}



													#goto_icon						{
																								right: 5px;
																								}

													#login_icon						{
																								right: 5px;
																								color: transparent;
  																							text-shadow: 0 0 0 #B5D5EC;
																								transition: 0s;
																								}

													#open_icon, #home_icon, #search_icon, #vocabulary_icon, #print_icon, #dropdown_icon {
																								color: transparent;
  																							text-shadow: 0 0 0 #B5D5EC;
																								}

													#save_icon, #cancel_icon, #test_icon {
																								}

													#thesaurus_icon 			{
																								vertical-align: middle;
																								font-weight: bold;
																								font-size: 160%;
																								}

												table td, table td * 		{
																						    vertical-align: top;
																								padding: 5px 5px 20px 0px;
																								}


.dropdown_item:hover	{background: #CDE4F5;}

.dropdown {
								position: relative;
								z-index: 1;
								width: 248px;
								color: #33334C;
								border: 1px solid #B5D5EC;
								-ms-overflow-style: none;  /* IE and Edge */
								scrollbar-width: none;  /* Firefox */
								overflow-x: hidden;
								overflow-y: scroll;
								}

								::-webkit-scrollbar {
																		display: none;
																		}


																						.dropdown_ausgabe 	{
																														position: relative;
																														z-index: 4;
																														background: #E4F1FB;
																														overflow: hidden;
																														display: none;
																														border-radius: 5px 0px 225px 15px/10px 0px 15px 255px;
																														margin-bottom: 15px;
																														padding: 20px;
																														}

																						.dropdown_thesaurus_ausgabe 	{
																														position: fixed;
																														max-height: calc(100% - 350px);
																														z-index: 4;
																														overflow-x: hidden;
																														overflow-y: scroll;
																														display: block;
																														background: #FFFFFF;
																														}

																														.dropdown_item 	{
																																						z-index: 90;
																																						width: 225px;
																																						height: 30px;
																																						padding: 5px 12px 5px 12px;
																																						display: flex;
																																						align-items: center;
																																						}


																														.dropdown_item span	{
																																						color: #33334C;
																																						}

																			.bad 		{
																							padding: 10px;
																							background: rgba(255, 0, 0, 0.2);
																							border-top: 1px solid rgba(255, 0, 0, 1);
																							border-bottom: 1px solid rgba(255, 0, 0, 1);
																							margin-bottom: 20px;
																							border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
																							color: #33334C;;
																							}

																			.neutral 	{
																							padding: 10px;
																							background: #E4F1FB;
																							border-top: 1px solid rgba(25, 25, 25, 1);
																							border-bottom: 1px solid rgba(25, 25, 25, 1);
																							margin-bottom: 20px;
																							border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
																							color: #33334C;;
																							}

																			.good 	{
																							padding: 10px;
																							width: 100%;
																							background: rgba(0, 255, 0, 0.2);
																							border-top: 1px solid rgba(0, 255, 0, 1);
																							border-bottom: 1px solid rgba(0, 255, 0, 1);
																							margin-bottom: 20px;
																							border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
																							color: #33334C;;
																							}

																									.SuggestFramework_List {
																																		position: relative;
																																		border: 1px solid #B5D5EC;
																																		margin: -2px 3px 0 0px;
																																		border-top: 0;
																																		border-bottom-left-radius: 3px;
																																		border-bottom-right-radius: 3px;
																																		font-weight: normal;
																																		overflow: hidden;
																																	  }

																									.SuggestFramework_Highlighted	{
																																		text-align: left;
																																		padding: 0 5px 0 5px;
																																		background-color: #E4F1FB;
																																		color: #33334C;
																																		line-height:180%;
																																		}

																									.SuggestFramework_Normal {
																																		text-align: left;
																																		padding: 0 5px 0 5px;
																																		background-color:#FFFFFF;
																																		color: #33334C;;
																																		line-height:180%;
																																		}

																									.SuggestFramework_Normal::-moz-range-thumb {
																																		text-align: left;
																																		padding: 0 5px 0 5px;
																																		background-color:#FFFFFF;
																																		color: #33334C;;
																																		line-height:180%;
																																		}

																									.SuggestFramework_Combo {
																																		width: 100%;
																																		margin: 0;
																																		padding: 0;
																																		}

																.anzahl						{
																									margin: 5px 0px 5px 0;
																									font-size:90%;
																									color:#30272A;
																									float: right;
																									}

																.korrektur				{
																									font-size:90%;
																									color: #800000;;
																									float: left;
																									margin-left: 10px;
																									margin-top: 10px;
																									margin-bottom: -7px;
																									}


		.ausgabe, .ausgabe_v, .ausgabe_s {
										position: relative;
										width: inherit;
										left: inherit;
										margin-left: inherit;
										top: 0px;
										-ms-overflow-style: none; /*  IE and Edge */
  									scrollbar-width: none; /*  Firefox */
										overflow: hidden;
										color: #33334C;;
										}

										.ausgabe span, .dropdown span			{
																											font-weight: bold;
																											font-size: 130%;
																											}


										::-webkit-scrollbar {
  																			display: none;
																				}

										.ausgabe_headline, .ausgabe_helper, .ausgabe_hell, .ausgabe_dunkel {
																				overflow: hidden;
																				width: inherit;
																				border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
																				}

										.ausgabe_headline 	{
																				position: fixed;
																				background: #B5D5EC;
																				color: #33334C;
																				border-bottom: 1px solid #33334C;;
																				padding: 6px 0px 6px 0px;
																				font-size: 110%;
																				z-index: 20;
																				}

										.ausgabe_helper	{
																		margin-top: 43px;
																		}

										.ausgabe_hell 	{
																		background: #E4F1FB;
																		}

										.ausgabe_dunkel {
																		background: #CDE4F5;
																		}

										.ausgabe_dunkel:hover {filter: brightness(105%);}
										.ausgabe_dunkel:hover .audio_links {transform:scale(1.5,1.5);transition: 0.5s ease;}
										.ausgabe_dunkel:hover .audio_rechts {transform:scale(1.5,1.5);transition: 0.5s ease;}
										.ausgabe_dunkel:hover .info_vokabel_links {transform:scale(-2.0,2.0)translate(1px,0);opacity: 1;}
										.ausgabe_dunkel:hover .info_vokabel_rechts {transform:scale(-2.0,2.0)translate(-1px,0);opacity: 1;}
										.ausgabe_dunkel:hover .info_links {display:block;}
										.ausgabe_dunkel:hover .info_rechts {display:block;}

										.ausgabe_hell:hover {filter: brightness(105%);}
										.ausgabe_hell:hover .audio_links {transform:scale(1.5,1.5);transition: 0.5s ease;}
										.ausgabe_hell:hover .audio_rechts {transform:scale(1.5,1.5);transition: 0.5s ease;}
										.ausgabe_hell:hover .info_vokabel_links {transform:scale(-2.0,2.0)translate(1px,0);opacity: 1;}
										.ausgabe_hell:hover .info_vokabel_rechts {transform:scale(-2.0,2.0)translate(-1px,0);opacity: 1;}
										.ausgabe_hell:hover .info_links {display:block;}
										.ausgabe_hell:hover .info_rechts {display:block;}


																		.english_inhalt, .deutsch_inhalt {
																										padding: 5px 10px 5px 10px;
																										}

																		.ausgabe_links 	{
																								    display: flex;
																										align-items: center;
																										}

																										.info_vokabel_links	{
																																		font-size: 80%;
																																		text-align: center;
    																																flex: 1 1 10%;
																																		opacity: 0;
																																		}

																										.english_inhalt	{
																																		align-self: flex-start;
																																		text-align: right;
																																		flex: 1 1 30%;
																																		color: #33334C;
																																		}

																																		.english_link 	{
																																										display: inline;
																																										font-weight: normal;
																																										}

																																		.audio_links 		{
																																										display: inline;
																																										margin: 0 5px 0 5px;
																																										}

																																		.aussprache			{
																																										font-size: 80%;
																																										display: block;
																																										float: right;
																																										clear: both;
																																										width: 80%;
																																										}

																																		.info_links			{
																																										font-size: 80%;
																																										display: none;
																																										float: right;
																																										clear: both;
																																										width: 80%;
																																										}

																									.aux,	.aux span  				{
																																	white-space: nowrap;
																																	flex: 1 1 10%;
																																	font-size: 90%;
																																	text-align: center;
																																	font-weight: normal;
																																	color: #33334C;
																																	}

																										.deutsch_inhalt	{
																																		align-self: flex-start;
																																		text-align: left;
																																		flex: 1 1 30%;
																																		color: #33334C;
																																		}

																																		.deutsch_link 	{
																																										font-weight: normal;
																																										display: inline;
																																										padding-right: 10px;
																																										}

																																		.audio_rechts   {
																																										display: inline;

																																										}

																																			.info_rechts	{
																																										font-size: 80%;
																																										display: none;
																																										width: 80%;
																																										}

																										.info_vokabel_rechts	{
																																		flex: 1 1 10%;
																																		font-size: 80%;
																																		text-align: center;
																																		opacity: 0;
																																		}



										.vokabellisten_container {
																		flex-wrap: wrap;
																		display: flex;
																		justify-content: space-between;
																		padding-top: 20px;
																		}

																		.vokabelliste 	 {
																										 position: relative;
																										 flex: 1 1 150px;
																										 margin: 5px;

																										 }

																										.vokabelbutton	  {
																																			background-color: #B5D5EC;
																																			border: 1px solid #33334C;
      																																border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
																																			width: 100%;
																																			color: #33334C;
																																			padding: 12px 32px;
																																			text-align: center;
																																			text-decoration: none;
																																			display: inline-block;
																																			font-size: 100%;
																																			transition: all 0.5s ease-out;
																																		  }

																										.vokabellisten_info {
																																			position: absolute;
																																			margin-left: auto;
																																			margin-right: auto;
																																			left: 0;
																																			right: 0;
																																			text-align: center;
																																			bottom: 0px;
																																			font-size: 70%;
																																			border-left: 1px solid #33334C;
																																			border-right: 1px solid #33334C;
																																			border-bottom: 1px solid #33334C;
																																			box-shadow: 20px 38px 34px -26px hsla(0,0%,0%,.2);
      																																border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
																																			color: #33334C;
																																			background-color: #E4F1FB;
																																			padding: 5px 0;
																																			text-align: center;
																																			visibility: hidden;
																																		  opacity: 0;
																																		  transition: visibility 0s, opacity 0.5s linear;
																																		  }



																											.vokabelliste:hover .vokabellisten_info {visibility: visible;
  																																															opacity: 1;}
																											.vokabelliste:hover .vokabelbutton {padding-bottom: 60px;}


																				ol 								{
																													list-style: none;
																													counter-reset: item;
																													padding: 0px;
																													list-style-position: outside;
																													}

																				li 								{
																													position: relative;
																													counter-increment: item;
																													margin-left: 30px;
																													color: #33334C;;
																													}

																						.li_hint						{
																																color: #33334C;
																																}



																				li:before 				{
																													position: absolute;
																													margin-left: -30px;
																													margin-right: 0px;
																													content: counter(item);
																													background: #FFFFFF;
																													border: 1px solid #33334C;;
																													border-radius: 100%;
																													color: #33334C;;
																													font-size: 90%;
																													width: 1.2em;
																													text-align: center;
																													display: inline-block;
																													z-index: 3;
																													}

																													ul .star{
																															  list-style: none;
																															  margin-left: -12px;
																															  padding-left: 0;
																																padding-bottom: 3px;
																																color: #33334C;;																															}

																															li .star{

																															}

																										.star li:before {
																															  content: "☆";
																															  padding-right: 5px;
																																border: 0px;
																																font-size: 100%;
																																background: #E4F1FB;
																																color: #33334C;;																															}


.sprechblase 			{
									position: fixed;
									z-index: 20;
									left: 50%;
									margin-left: 280px;
									margin-top: 30px;
									width: 200px;
									padding: 10px;
									text-align: center;
									color:#33334C;
									background-color:#B5D5EC;
									/* Positionierung zB. 2 nebeneinander */
									float: left;
									opacity: 1;
									transition: all 1s ease-out;
									animation-name: fadeInOpacity;
									animation-iteration-count: 1;
									animation-timing-function: ease-in;
									animation-duration: 3s;
								  }

									@keyframes fadeInOpacity {
																						0% {
																								opacity: 0;
																								transform:scale(0.0,0.0)translate(500px,200px);
																								}
																						100% {
																								opacity: 1;
																								transform:scale(1.0,1.0)translate(0px,0px);
																								}
																						}


											/* Dreieck: weisse Innenfläche */
.sprechblase:after 		{
											content: "";
											position: absolute;
											z-index: 1;
											display: block;
											width: 0;
											width: 0;
											top: 7px;
											left: -18px; /* Hälfe der Dreiecksweite minus Hälfte der Sprechblase */
											-webkit-transform:rotate(360deg);
											border-style: solid;
											border-width: 10px 20px 10px 0;
											border-color: transparent #B5D5EC transparent transparent;
											}

.sprechblase:hover 		{
											transform: scale(1.1,1.1);
											transition: 0.5s ease;
											}

.player								{
											display: none;
											}


.footer								{
											position: fixed;
											z-index: 50;
											display: block;
											width: 502px;
											height: 60px;
											left: 50%;
											margin-left: -250px;
											bottom: 0px;
											font-size:80%;
											background: #FFFFFF;
											color:#33334C;;
											}


											.time							{
																				float: left;
																				width: 350px;
																				margin-top: 10px;
																				margin-left: 0px;
																				}

											 .logo	 					{
																				white-space: nowrap;
																				width: 100px;
																				float: right;
																				margin-top: 10px;
																				}


@media screen and (max-width: 1000px) {

				.openthesaurus_deutsch, .sprechblase	{ 	display: none; }

				.ausgabe															{		padding-bottom: 30px;}

				.ausgabe_s 														{ 	margin-top: -30px;}

				.nav_main_button											{ 	display: none; }

				.nav_main_headline, .nav_main_delete 	{   display: block; }

				.headline_home:after			{
																	content: "Home";
																	}

				.headline_suche:after			{
																	content: "Suche";
																	}

				.headline_vokabeln:after	{
																	content: "Vokablen";
																	}

				.headline_test:after			{
																	content: "Vokabeltrainer";
																	}



				.side_menu_home, .side_menu_suche,	.side_menu_vokabel {
																							position: absolute;
																							z-index: 100;
																							background: #FFFFFF;
																							width: 500px;
																							left: 50%;
																							top: 86px;
																							margin-left: -250px;
																							justify-content: space-between;
																							display: none;
																							}

																							.side_menu_main_item {
																															padding: 5px 0px;
																															display: block;
																															}

																							.side_menu_item {
																															padding: 5px 0px;
																															}

																							.side_menu_button {
																															display: block;
																															}

																							.dropdown, .dropdown_item, .dropdown_thesaurus_ausgabe 	{
																																						width: 500px;
																																						}



#save_icon, #cancel_icon, #open_icon,	#test_icon, #home_icon, #search_icon, #vocabulary_icon, #print_icon, #dropdown_icon, #thesaurus_icon {
																							right: 5px;
																							}

																			}

@media screen and (max-width: 590px) {

										body 											{
																							font-size: 17px;
																							}

										.info, .aux, .audio_link	{ display: none; }

										.aux 											{flex: 1 1 2%;}

										.main, .side_menu_home, .side_menu_suche, .side_menu_vokabel {
																							width: 350px;
																							margin-left: -175px;
																							}

										.registerbox							{
																							width: 320px;
																							margin-left: -180px;
																							}

																							.dropdown, .dropdown_item  {
																												 width: 350px;
																												 }

  									.cover, .footer 					{
																							width: 352px;
																							margin-left: -175px;
				        															}

																							.time							{
																																width: 220px;
																																}

																		}

@media screen and (max-height: 590px) {

										.footer 				{display: none;}

																		}

@media screen and (max-height: 500px) {

										.anzahl 				{display: none;}

																		}

@media screen and (max-height: 400px) {

										.nav_main {margin-top: -20px;}

									  .search {margin-top: -33px;}

										.cover 					{height: 120px;}

										.side_menu				{top: 60px;}

										.ausgabe {margin-top: -30px;}

										.ausgabe_s {margin-top: -30px;}

										.ausgabe_v {margin-top: -20px;}

										.ausgabe_headline 	{ padding: 5px 0 5px 0;}

										.ausgabe_helper	{
																		margin-top: 38px;
																		}

														}


@media print 				{
										.nav_main_button, .search, .info_vokabel_links, .info_vokabel_rechts,
										.info, .aux, .audio_link, .openthesaurus_deutsch, .sprechblase. side_menu {
																		display: none;
																		}

										}