/*********************
	FONTS
**********************/

.title {
	color: #E37A12;
}

/*Workaround fuer IE 11*/
html,body {
	display:flex;
	flex-direction:column;
}
.container-fluid {
	padding-right: 0px;
	padding-left: 0px;
	flex-grow:1;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	margin: unset;
}

.main-body{
	flex-grow:1;
	/*background-color:#e6f0f8;*/
	height:100%;
	/* background-color: #f2f7fb; */
}

.banner-row {
	/*background-color: #f2f7fb;*/
	/* max-width: 100%; */
	position: relative;
	height: 50px;
}

.inputform{
	background-color: #fff;
	padding: 15px;
	box-shadow: 0 0 3px 0 #d1d6d8;
}

.banner {
	max-height: 100%;
	padding-top: 15px;
	padding-bottom: 20px;
	padding-left: 0px;
	width:100%;
}

.content-left {
	padding: 0px 15px 15px 15px;
}

.video-wrapper {
	margin-top: 15px;
}

.banner>img, .banner>a>img {
	height: 40px;
}

.footer-row {
	/*background-color: #f2f7fb;*/
	max-width: 100%;
	/* width: 100%;
	position: absolute;
	bottom: 0; */
	padding-top: 15px;
	padding-bottom: 20px;
}

.footer {
	padding-left: 15px;
}

.footer>img, .footer>a>img{
	height: 32px;
	width:270px;
}


img {
	min-height: 1px;
}

body {
	color: #001957;
	background-color: #ffffff;
	font-family: Marselis-Regular, Arial, sans-serif;
	min-height: 100vh;
}

.header{
	margin-bottom:10px;
	text-align: left;
}

.header-welcome {
	font-size: 30px !important;
	color: #001957;
	font-family: Marselis-Bold, Arial, Sans-Serif;
	margin-bottom: 15px;
}

.header-portal {
	font-size: 30px !important;
	color: #ff8213;
	/* font-family: Marselis-Regular, Arial, sans-serif; */
	/* font-weight: bold; */
	margin-bottom: 25px;
}

.subheader-portal {
	font-size: 20px !important;
	color: #001957;
	/* font-family: Marselis-Regular, Arial, sans-serif; */
	font-weight: normal;
	margin-bottom: 25px;
}

.placeholder {
	padding: 0 0 0 0;
}

.hint-button-alias {
	background-repeat: no-repeat;
	display:inline-block;
	float:right;
	height:25px;
	width:25px;
	cursor: pointer;
}
.label-alias{
	width:100%;
}

.toggleHintWrapper{
	background-color:#001957;
	color: #fff;
	padding: 10px;
	font-size: 12px;
}

.form-group {
	margin-bottom: 25px;
	color: #001957;
}

.form-group>label {
    color: #002948;
    /* font-family: Marselis-Regular, Arial, sans-serif; */
    font-weight: 400;
}

.form-group-button {
	max-width: 150px;
	margin-bottom: 20px;
}

.mailto {
	text-decoration: underline !important;
	/* color: #001957; */
}

.mailto:hover {
	color: #1DA3B6 !important;
	text-decoration: none;
}

.form-group>a{
	text-decoration: underline;
}

.form-group>a:hover {
	color: #1DA3B6;
	text-decoration: none;
}

/*.form-group>input[type="checkbox"]:checked { 
    background-color: green; !important
}
.form-group>input[type=checkbox] {
	background-color: black;
}*/

.pwforgotten {
	color: #9b9b9b;
}

.pwforgotten:hover {
	cursor: pointer;
	color: #1DA3B6;
	text-decoration: none;
}

.main-img{
	margin: 0 auto 0 0;
	height: auto;
	max-height: 800px;
	min-height: 1px;
}

.login-button{
	background-color: #00E6E6;
	/*box-shadow: 0px 4px 0px 0px #b24700;*/
	border: 0;
	/*border-radius: 3px;*/
	color: #001957;
	display: block;
	/*font-weight: bold;*/
	font-family: Marselis-Bold, Arial, Sans-Serif;
	font-size: 15px;
	/* padding: 9px 15px 9px 15px; */
	margin-bottom: 4px;
	position: relative;
	outline: none;
	/* text-align: left; */
	width: 100%;
	white-space: normal;
}
.login-button:hover{
    background-color: #00FAFA;
    color: #001957;
}
.login-button:active{
	/*box-shadow: none!important;*/
	background-color: #00E6E6;
	color:  #001957;
	/*font-weight: bold!important;*/
	border: none!important;
	outline: 0!important;
}

.login-button:focus{
	/*box-shadow: none;*/
	background-color: #00E6E6;
	color:  #001957;
	/*font-weight: bold;*/
}

input:-webkit-autofill {
    transition: background-color 9999s ease-in-out 0s;
}

input[type="text"]{
	background-color:#f2f7fb;		
	border: 2px solid #CACACA;		
	border-radius: 3px!important;		
	color: #002948!important;		
	font: 13px Marselis-Regular, Arial, sans-serif;		
	height: 40px!important;		
	padding: 11px 18px!important;		
	-webkit-appearance: none;		
	-moz-appearance: none;		
	-webkit-font-smoothing: antialiased !important;		
	box-shadow: none!important;
}

.form-control{
	
	background-color:#f2f7fb;
		
	border: 2px solid #CACACA !important;
		
	border-radius: 3px!important;
		
	color: #002948!important;
		
	font: 13px Marselis-Regular, Arial, sans-serif;
		
	height: 40px!important;
		
	padding: 11px 18px!important;
		
	-webkit-appearance: none;
		
	-moz-appearance: none;
		
	-webkit-font-smoothing: antialiased !important;
		
	box-shadow: none!important;
}

.form-error{
	background-color:#f2f7fb;
	
	border: 2px solid #E60000!important;
		
	border-radius: 3px!important;
		
	color: #002948!important;
		
	font: 13px Verdana,Helvetica,Arial,sans-serif;
		
	height: 40px!important;
		
	padding: 11px 18px!important;
		
	-webkit-appearance: none;
		
	-moz-appearance: none;
		
	-webkit-font-smoothing: antialiased !important;
		
	box-shadow: none!important;
}

.back-button{
	background-color: #ffffff;
	/* box-shadow: 0px 10px 15px -5px #919191; */
	border: 3px solid #00E6E6;
	border-radius: 3px;
	color: #001957;
	font-size: 15px;
	display: block;
	/*font-weight: bold;*/
	font-family: Marselis-Bold, Arial, Sans-Serif;
	padding: 15px;
	margin-bottom: 4px;
	position: relative;
	outline: none;
	text-align: center;
	width: 100%;
	white-space: normal;
	margin-top: 15px;
	margin-bottom: 30px;
}

.back-button:hover{
    /*background-color: #0084e6;*/
    color: #001957;
    border-color: #1da3b6;
}

.back-button:active{
	/*top: 4px;
	box-shadow: none!important;*/
	/* background-color: #001957!important; */
	/*color:  #fff!important;
	font-weight: bold!important;
	border: none!important;
	outline: 0!important;*/
}

.back-button:focus{
	border-color: #1da3b6;
	/*box-shadow: none;*/
	/* background-color: #001957; */
	/*color:  #fff;
	font-weight: bold;*/
}

/************ PLACEHOLDER ***********/

input[type="text"]::-moz-placeholder{
    text-align: left;
}
input[type="text"]:-ms-input-placeholder {
	color:#aaa!important;
    text-align: left!important;
}
input[type="text"]::-webkit-input-placeholder {
    text-align: left;
}

input[type="password"]::-moz-placeholder{
    text-align: left;
}
input[type="password"]:-ms-input-placeholder {
	color:#aaa!important;
	text-align: left!important;
}
input[type="password"]::-webkit-input-placeholder {
    text-align: left;
}

.error{
	text-align:left;
	/*background-color:#e60000;*/
	margin-bottom: 0;
	color:#e60000;
	padding: 5px 0 5px 0px;
	/*font-weight:bold;*/
	font-family: Marselis-Bold, Arial, Sans-Serif;
	font-size: 14px;
	/*margin-top: 8px;*/
	} 

.error-msg {
    padding-right: 10px;
    text-align: left;
}

.legal {
	padding-left: 15px;
}

.legal-wrapper {
	padding-top: 8px;
}

@media screen and (min-width: 768px){
	.legal {
		padding-right:20px;
		max-width: 700px;
	}
	.banner>img, .banner>a>img {
		height: 60px;
	}
	.banner-row {
	height: 60px;
	}
	.form-group, .back-button, .video-wrapper {
		max-width: 350px;
	}
	.footer{
	}
	.legal-wrapper {
		float:right;
		padding:0;
}
}

.legal-link {
	/* padding: 20px; */
	padding-top: 0px;
	padding-right: 20px;
	/* float: left; */
}

.legal-link>a {
	font-size: 11px;
}

.legal-link>a:hover {
	font-size: 11px;
	color: #1DA3B6;
	text-decoration: none;
}

@media screen and (min-width: 991px){
	.main-body{
		background-color:#fff;
	}
	input[type="text"],input[type="password"]{
		background-color: white;
	}
	.inputform{
		/* background-color: #f2f7fb; */
		box-shadow:none;
		max-width: 420px;
		padding: 0;
	}
	.banner{
		padding-top:20px;
	}
	.banner-row{
		height: 120px;
	}
	.banner>img, .banner>a>img {
		height: 120px;
	}
	.content-left {
		padding: 0px 30px 20px 15px;
	}	
	.footer-row {
		padding: 27px 0 30px 0;
	}
		::-webkit-scrollbar {
	    width: 16px;
	    cursor: pointer;
	}
	::-webkit-scrollbar-thumb {
	    border: 4px solid transparent;
	    background-clip: content-box;
	    background-color: #99c2e1;
	    border-radius: 9px;
	}
	
	::-webkit-scrollbar-track {
	    /* background-color: transparent; */
	    border-left: 1px solid #e6f0f8;
	}
}

button.btn:focus {
	outline: 0 !important;
}

button.btn:active {
	outline: none !important;
}

.secondary-button{
	background-color: #ffffff;
	padding: 3px 9px;
	border: 3px solid #00E6E6;
	color: #001957;
	display: block;
	font-family: Marselis-Bold, Arial, Sans-Serif;
	font-size: 15px;
	margin-top: 4px;
	position: relative;
	outline: none;
	white-space: normal;
}
.secondary-button:hover{
    border-color: #1da3b6;
    color: #001957;
}

.secondary-button:focus{
	border-color: #1da3b6;
}

.form-group-button-row {
	max-width: 350px;
	margin-bottom: 10px;
}

.form-group-button-row .btn{
	float: left;
  	margin: 4px;
  	width: fit-content;
}

div.form-group ul {
	padding: 0px 0px 0px 25px;
	font-size: 12px;	
}

/* Checkbox Styling: Kästchen 18x18, runde Ecken, Rand, Element selbst ausblenden */
[type=checkbox] {
  width: 18px;
  height: 18px;
  margin: -4px 0px 0px 0px;
  vertical-align: middle;
  appearance: none;
  -webkit-appearance: none;
  border: 2px solid;
  outline:none !important;
  border-radius: 15%;
  cursor: pointer;
  margin-top: -4px !important;
}

/* Pseudo element for Checkbox styling: Kästchen */
[type=checkbox]::before {
  display: block;
}

/* Checkbox Checked: Angehakt=blauer Hintergrund */
[type=checkbox]:checked {
  background-color: #001957;
}

/*Checkbox Häcken dargstellt als 5x11 Rechteck auf die Spitze gestellt, 2 Seiten sichtbar*/
[type=checkbox]:checked::before {
  box-shadow: none;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
  position: relative;
  left: 5px;
  width: 5px;
  height: 11px;
}

.password-container {
    position: relative;
}

.password-container input {
    padding-right: 40px !important; /* Platz für das Icon */
    width: 100%;
}

.toggle-password {
	float:right;
	height:25px;
	width:25px;
	cursor: pointer;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

/* Entfernt das standardmäßige Passwort-Sichtbarkeits-Symbol */
input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear,
input[type="password"]::-webkit-credentials-auto-fill-button {
    display: none;
}