#erfolgreich_ausgeloggt{
	text-align: center;
	background: chartreuse;
	padding: 5px 0px;
	font-family: Raleway, Arial, Helvetica;
}

/* =========================== login =========================== */
.loginheader{
	padding: 220px 0px 60px 0px;
	font-family: Raleway, Arial, Helvetica;
	font-size: 80px;
	text-shadow: 1px 1px 2px rgb(00,00,00,0.9);
	background: linear-gradient(rgba(00, 00, 00, 0.1), rgba(00, 00, 00, 0.1)),
url(../../images/start-ball-spieler.jpg) center;
	background-size: cover;
}

/* ---------- MEDIA QUERIES ---------- */

	@media screen and (max-width: 1150px) {}	
	@media screen and (max-width: 910px) {.loginheader h1{margin-top: 20px;}}
	@media screen and (max-width: 850px) {}
	@media screen and (max-width: 768px) {}
	@media screen and (max-width: 624px) {.loginheader{font-size: 50px;}}
	@media screen and (max-width: 550px) {.loginheader{font-size: 50px;}}
	@media screen and (max-width: 480px) {}



/* -------- MEDIA QUERIES ENDE -------- */


.login{padding: 0px 0px;}

.login h1, .anzeigenzentrale h1, #selbsteingabe h1{
	font-family: Raleway, Arial, Helvetica;
	font-size: 30px;
	margin-bottom: 20px;
	width: 100%;
}

.login h2{
	width: 100%;
	background: #999;
	color: #FFF;
	font-weight: 600;
	padding: 10px 0px;
	margin: 0px 0px 20px 0px;
	text-align: center;
}

/* === Formularfelder ===*/

.formularleft{
	float: left;
	text-align: right;
	margin-right: 2%;
}

.formularright{float: left;}

.formularleft, .formularright{
	width: 49%;
	margin-bottom: 10px;
}

.anzeigenzentrale button{
	text-align: center;
	width: 300px;
	margin-left: calc(50% - 150px)!important;
	border: 0px;
	padding: 10px;
	margin-top: 20px;
	cursor: pointer;
}

.anzeigenzentrale input{
	background: #ededed;
	padding: 5px;
	border: 0.5px solid #333;
	width: 250px;
}

.anzeigenzentrale input:focus, .anzeigenzentrale input:active{
	padding: 5px;
	background: #FFF;
	border: 0.5px solid #333;
	outline: 0.5px solid #333;
}

.anzeigenzentrale button:active, .anzeigenzentrale button:focus{
	background: #333;
}


.anzeigenzentrale input[type="file"]{
	border: none;
	outline: none;
	background: none;
	padding: 0px;
}
.zusatz{
	font-size: 11px;
	line-height: normal;
	margin-top: 10px;
	font-weight: normal;
}

.anzeigenzentrale .input-field:focus {border: 0.5px solid black;}

.anzeigenzentrale ::placeholder {
  color: #333;
}

.sponsorlogo{
	width: 180px;
	height: 90px;
	display: flex; 
  flex-direction: column; 
  justify-content:center;
  -webkit-box-orient: horizontal; 
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  flex-direction: row;
	-webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;  
  align-items: center;
	-webkit-box-pack: center;
  -moz-box-pack: center;
  box-pack: center;
  justify-content: center;
}

.sponsorlogo img{
	max-width: 180px;
	max-height: 90px;
}

/* ---------- MEDIA QUERIES ---------- */

	@media screen and (max-width: 1150px) {}	
	@media screen and (max-width: 910px) {.loginheader h1{margin-top: 20px;}}
	@media screen and (max-width: 850px) {
		
}
	@media screen and (max-width: 768px) {}
	@media screen and (max-width: 624px) {

.formularleft, .formularright{
	width: 100%;
	float: none;
	margin-right: 0px;
	text-align: center;
}
.formularright{
	margin-bottom: 10px;
}
.formularleft{
	margin-bottom: 5px;
}

.anzeigenzentrale button{
	width: 200px;
	margin-left: calc(50% - 100px)!important;
}
	
.anzeigenzentrale input{
	width: 100%;
	text-align: center;
}
	
}
	@media screen and (max-width: 550px) {}
	@media screen and (max-width: 480px) {}

/* -------- MEDIA QUERIES ENDE -------- */

/* === Formularfelder ENDE ===*/

/* =========================== login ENDE =========================== */



/* =========================== registrieren =========================== */

#verwaltenbuttons{
	width: 100%;
	margin-bottom: 20px;
	color: #333;
}

#verwaltenbuttons button{
	border: none;
	outline: none;
	padding: 0!important;
	margin: 0!important;
	color: #333;
	font-family: Raleway, Arial, Helvetica;
	width: 100%!important;
	background: none;
}

.verwaltenbutton{
	width: calc(33.33% - 15px);
	font-size: 13px;
}
.verwaltenicon{
	width: 50px;
	min-height: 50px;
	float: left;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-bottom-left-radius: 10px;
	border-top-left-radius: 10px;
}
.verwaltenbutton1 .verwaltenicon{background: #39b04a;}
.verwaltenbutton2 .verwaltenicon{background: #39b04a;}
.verwaltenbutton3 .verwaltenicon{background: #d4db21;}
.verwaltenbutton4 .verwaltenicon{background: #ff0000;}

.verwaltentext{
	float: left;
  background: linear-gradient(45deg, #ededed 50%, #FFFFFF 50%);
	text-align: center;
	font-weight: 600;
	width: calc(100% - 50px);
	
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	
	
	border-bottom-right-radius: 10px;
	border-top-right-radius: 10px;
}

.verwaltenbutton i{font-size: 20px;}

.verwaltenbutton1, .verwaltenbutton2, .verwaltenbutton3{
	margin-right: 20px;
}

.verwaltenleft a:hover .verwaltenleft-stellenanzeige{
	background: #333;
	color: #FFF;
}

.verwaltenleft a:hover{opacity: 1;}

.verwaltenleft{width: 100%;}
.verwalten-headline{font-weight: 600;}


.verwalten-stellentitel,
.verwalten-arbeitsort,
.verwalten-startdatum,
.verwalten-bearbeiten,
.verwalten-deaktivieren,
.verwalten-reaktivieren
{
	padding: 5px;
	font-size: 12px;
}

.verwalten-bearbeiten,
.verwalten-deaktivieren,
.verwalten-reaktivieren,
.verwalten-startdatum
{
	text-align: center;
}
.verwalten-startdatumm{
	text-align: right;
}

.verwaltenleft-stellenanzeige i{
	font-size: 22px;
}

.verwalten-stellentitel{width: 260px;}
.verwalten-arbeitsort{width: calc(100% - 630px);}
.verwalten-startdatum{width: 100px;}
.verwalten-bearbeiten, .verwalten-deaktivieren, .verwalten-reaktivieren{width: 90px;}


.verwaltengrau{background: #ededed;}

.verwaltenright{
	background: #ededed;
	border: 0.5px solid #CCC;
	width: 27%;
	margin-left: 3%;
}

.logoutbutton{margin-top: 20px;}

.logoutbutton-icon, .logoutbutton-text{
	border: 1px solid #333;
}

.logoutbutton-icon{
	width: 40px;
	height: 40px;
	font-size: 20px;
	border-bottom-left-radius: 10px;
	border-top-left-radius: 10px;
}

.logoutbutton-text{
	width: calc(100% - 40px);
	height: 40px;
	border-bottom-right-radius: 10px;
	border-top-right-radius: 10px;
}

/* ---------- MEDIA QUERIES ---------- */

	@media screen and (max-width: 1150px) {}	
	@media screen and (max-width: 988px) {
		.verwalten-stellentitel{width: 40%;}
		.verwalten-arbeitsort{width: calc(60% - 220px);}
		.verwalten-startdatum{width: 100px;}
		.verwalten-bearbeiten, .verwalten-deaktivieren, .verwalten-reaktivieren{width: 40px;}
		.verwalten-headline .verwalten-bearbeiten,
		.verwalten-headline .verwalten-deaktivieren,
		.verwalten-headline .verwalten-reaktivieren{
			display: none;
		}
	}
	@media screen and (max-width: 850px) {
		.verwaltenright{
			width: 100%;
			margin-left: 0%;
			margin-top: 50px;
		}
		.verwaltenleft{width: 100%;}
		.verwaltenbutton{
			width: calc(50% - 15px);
			font-size: 13px;
		}
		.verwaltenbutton1, .verwaltenbutton2, .verwaltenbutton3{
			margin-right: 30px;
		}
		.verwaltenbutton1, .verwaltenbutton2{
			margin-bottom: 15px;
		}
		.verwaltenbutton3{
			margin-right: 0px;
		}
		.verwalten-stellentitel_ueberschrift{text-align: center!important;}
	}
	
	@media screen and (max-width: 768px) {}
	
	@media screen and (max-width: 624px) {
		.verwalten_mobil_aus{display: none;}
		.verwalten-stellentitel{width: calc(100% - 90px);}
		.verwaltenright{text-align: center;}
		.verwaltenbutton{width: 100%;}
		.verwaltenbutton1, .verwaltenbutton3, .verwaltenbutton2, .verwaltenbutton4{margin-right: 0px;}
		.verwaltenbutton1, .verwaltenbutton2, .verwaltenbutton3, .verwaltenbutton4{
			margin-bottom: 15px;
		}
		.verwaltenleft-stellenanzeige i{font-size: 18px;}
		.verwalten-bearbeiten, .verwalten-deaktivieren, .verwalten-reaktivieren{width: 30px;}

	}
	@media screen and (max-width: 550px) {}
	@media screen and (max-width: 480px) {}

/* -------- MEDIA QUERIES ENDE -------- */

/* =========================== registrieren ENDE =========================== */


#preis_berechnen{
	text-align: right;
	padding: 15px 0px 0px 10px;
}
#preis_berechnen button{
	padding: 10px 20px;
	width: auto;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-webkit-border-radius: 15px;
	-o-border-radius: 15px;
	font-family: Raleway, Arial, Helvetica;
}

.cibuchenbutton{font-family: Raleway, Arial, Helvetica;}



/* =========================== Firmeninfos =========================== */

.passwort_erfolg{
	background-color: chartreuse;
	padding: 5px 0px;
	text-align: center;
	color: #000;
	font-weight: 600;
}

#erfolg_premiumlight{
	text-align: center;
	font-family: Raleway, Arial, Helvetica;
	padding: 10px;
	background: chartreuse;
}


#eingeloggt-als{
	width: 100%;
	background: #ededed;
	border: 1px solid #CCC;
	padding: 5px;
	margin-top: 30px;
}

.anzeigenzentrale_p-left{float: left; padding-right: 40px;}
.anzeigenzentrale_p-right{float: left;}

.anzeigenzentrale_p-left, .anzeigenzentrale_p-right{
	font-family: Raleway, Arial, Helvetica;
}


#registrierung_erfolg, #registrierung_fehlgeschlagen{
	text-align: center;
	padding: 175px 30px 100px 30px;
}

#registrierung_erfolg h1, #registrierung_fehlgeschlagen h1{
	font-family: Raleway, Arial, Helvetica;
	font-size: 30px;
	padding-bottom: 20px;
}

/* ---------- MEDIA QUERIES ---------- */

	@media screen and (max-width: 1150px) {}	
	@media screen and (max-width: 988px) {}
	@media screen and (max-width: 850px) {}
	@media screen and (max-width: 768px) {
		.anzeigenzentrale_p-left{
			float: none; 
			padding-right: 0px; 
			text-align: center;
		}
		.anzeigenzentrale_p-right{
			float: none; 
			text-align: center;
		}
	}
	@media screen and (max-width: 624px) {}
	@media screen and (max-width: 550px) {}
	@media screen and (max-width: 480px) {}

/* -------- MEDIA QUERIES ENDE -------- */

/* =========================== Firmeninfos ENDE =========================== */


.offline{opacity: 0.5;}
.erklaerung i{font-size: 25px;}
.erklaerung div{
	width: 33.33%;
	padding: 15px;
}


#preis_PremiumLight{
	width:100%;
	background: red;
	padding: 10px;
	text-align: center;
}


/* ---------- MEDIA QUERIES ---------- */

	@media screen and (max-width: 624px) {
		.erklaerung div{width: 100%;}
	}

/* -------- MEDIA QUERIES ENDE -------- */


/* ---------- MEDIA QUERIES ---------- */

	@media screen and (max-width: 1150px) {}	
	@media screen and (max-width: 988px) {}
	@media screen and (max-width: 850px) {}
	@media screen and (max-width: 768px) {}
	@media screen and (max-width: 624px) {}
	@media screen and (max-width: 550px) {}
	@media screen and (max-width: 480px) {}

/* -------- MEDIA QUERIES ENDE -------- */