.LoginContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: "Open Sans";
}

	.LoginContainer .LogoContainer {
		height: 214px;
		width: 440px;
		background-image: url(images/ORBIANT_Logo_s_auf_transparent.png);
		background-repeat: no-repeat;
		margin-bottom: 30px;
		margin-top: 30px;
		background-size:cover;
	}

	.LoginContainer .LoginDetailContainer{
		background-color: black;
		border-radius: 15px;
		border-radius: 15px;
		padding: 60px;
		margin: 10px;
	}

			.LoginContainer .LoginDetailContainer .LoginContentContainer .LoginKopf{
				display: flex;
				align-items: center;
				color: white;				
			}

				.LoginContainer .LoginDetailContainer .LoginContentContainer .LoginKopf .Ueberschrift{
					font-size: 25px;
					margin: 0 0 5px 10px;
				}

				.LoginContainer .LoginDetailContainer .LoginContentContainer .LoginKopf .OrbiantLogo{
					display: none;
				}

			.LoginContainer .LoginDetailContainer .LoginContentContainer .LoginInfo{
				display: flex;
				color: white;
				font-size: 14px;
				margin-bottom: 5px;
			}

			.LoginContainer .LoginDetailContainer .LoginContentContainer .LoginEingabeContainer{
				border-top: 1px solid white;
				border-bottom: 1px solid white;
				color: white;
				font-size: 14px;
				margin-bottom: 40px;
			}

				.LoginContainer .LoginDetailContainer .LoginContentContainer .LoginEingabeContainer .Field{
					display: flex;
					align-items: center;
					margin: 15px 0;
				}

				.LoginContainer .LoginDetailContainer .LoginContentContainer .LoginEingabeContainer .Field.NewPW{
					margin-bottom: 0px;
					margin-top: 0px;
				}

					.LoginContainer .LoginDetailContainer .LoginContentContainer .LoginEingabeContainer .Field input{
						display: flex;
						width: 100%;
						height: 30px;
						border: none;
						background-color: rgb(210,210,210);
                        color:black;
						border-radius: 5px;
						padding: 0 5px;
						font-size: 16px;
					}

					.LoginContainer .LoginDetailContainer .LoginContentContainer .LoginEingabeContainer .Field.Wrap input{
						width: 15px;
						height: 15px;
						margin: 0 5px 0 10px;
					}
	
				.LoginContainer .LoginDetailContainer .LoginContentContainer .LoginEingabeContainer .Field .Title{
					color: white;
					width: 200px;
				}

				.LoginContainer .LoginDetailContainer .LoginContentContainer .LoginEingabeContainer .Field .Check{
					font-size: 12px;
				}

				.LoginContainer .LoginDetailContainer .LoginContentContainer .LoginEingabeContainer .Field .Content{
					color: white;
					text-decoration: none;
					color: rgb(200,200,200);
					font-size: 12px;
					margin-left: 70px;
				}

					.LoginContainer .LoginDetailContainer .LoginContentContainer .LoginEingabeContainer .Field .Content:hover{
						color: white;
						text-decoration: underline;
					}

				.LoginContainer .LoginDetailContainer .LoginContentContainer .LoginEingabeContainer .Field .Button,
				.LoginContainer .LoginDetailContainer .LoginContentContainer .SocialMediaContainer .Field .Button{
					display: flex;
					justify-content: center;
					align-items: center;
					border: 1px solid white;
					border-radius: 7px;
					cursor: pointer;
					height: 30px;
					width: 100px;
					font-size: 11px;
					margin-left: auto;
				}

			.LoginContainer .LoginDetailContainer .LoginContentContainer .SocialMediaContainer{
				display: flex;
				flex-wrap: wrap;
			}

				.LoginContainer .LoginDetailContainer .LoginContentContainer .SocialMediaContainer .Field{
					display: flex;
					flex-wrap: wrap;
					justify-content: space-between;
				}

				.LoginContainer .LoginDetailContainer .LoginContentContainer .SocialMediaContainer .Field .Button{
					justify-content: flex-start;
					width: 180px;
					color: white;
					padding: 0px;
				}

					.LoginContainer .LoginDetailContainer .LoginContentContainer .SocialMediaContainer .Field .Button.Left,
					.LoginContainer .LoginDetailContainer .LoginContentContainer .SocialMediaContainer .Field .Button.Middle{
						margin-right: 10px;
					}

					.LoginContainer .LoginDetailContainer .LoginContentContainer .Field .Button:hover{
						background-color: rgb(200,200,200);
						color: black;
						font-weight: 800;
					}

					.LoginContainer .LoginDetailContainer .LoginContentContainer .SocialMediaContainer .Field .Button .Title{
						margin-left: 10px;
					}


/* Ab hier das CSS für Mobile (NOCH IN ARBEIT) ==================================================== */

@media(max-width:700px) {
	
	
	.LoginContainer .LoginDetailContainer{
		padding: 20px;
	}
	
	.LoginContainer .LogoContainer{
		display: none;
	}
	
				.LoginContainer .LoginDetailContainer .LoginContentContainer .LoginKopf .OrbiantLogo{
					display: flex;
					margin-left: auto;
				}
	
			.LoginContainer .LoginDetailContainer .LoginContentContainer .LoginInfo{
				font-size: 11px;
			}
	
				.LoginContainer .LoginDetailContainer .LoginContentContainer .LoginEingabeContainer .Field .Title{
					width: 100px;
				}
	
				.LoginContainer .LoginDetailContainer .LoginContentContainer .LoginEingabeContainer .Field .Content{
					display: flex;
					justify-content: flex-end;
					width: 100%;
				}
	
				.LoginContainer .LoginDetailContainer .LoginContentContainer .LoginEingabeContainer .Field .Check{
					margin-bottom: 10px;
					
				}
					
					.LoginContainer .LoginDetailContainer .LoginContentContainer .LoginEingabeContainer .Field input{
						font-size: 12px;
					}
	
					.LoginContainer .LoginDetailContainer .LoginContentContainer .LoginEingabeContainer .Field.Wrap input{
						margin-left: auto;
						margin-bottom: 10px;
					}
	
				.LoginContainer .LoginDetailContainer .LoginContentContainer .LoginEingabeContainer .Row .Field.Wrap{
					display: flex;
					flex-wrap: wrap;
					justify-content: space-between;
					align-items: center;
					height: 100%;
					margin-bottom: 10px;
				}
		
				.LoginContainer .LoginDetailContainer .LoginContentContainer .LoginEingabeContainer .Field .Button{
					width: 100%;
					margin-bottom: 10px;
					height: 40px;
					font-size: 18px;
				}
	
				.LoginContainer .LoginDetailContainer .LoginContentContainer .SocialMediaContainer .Field .Button{
					justify-content: flex-start;
					width: 100%;
					color: white;
					padding: 0px;
				}
					
					.LoginContainer .LoginDetailContainer .LoginContentContainer .SocialMediaContainer .Field .Button.Left,
					.LoginContainer .LoginDetailContainer .LoginContentContainer .SocialMediaContainer .Field .Button.Middle{
						margin-right: 0px;
						margin-bottom: 5px;
					}
}

/* Ab hier das CSS für Mobile Ende ==================================================== */