#CC_MIQ_USERMNGT #cc_form_wrapper,
#CC_MIQ_LOGIN #cc_form_wrapper{
	display: flex;
	width: 100vw;
    height: 100vh;
}
#CC_MIQ_USERMNGT .cc_spacer_colum,
#CC_MIQ_LOGIN .cc_spacer_colum{
	flex: 2 2 2em;
}
#CC_MIQ_USERMNGT .cc_content_colum,
#CC_MIQ_LOGIN .cc_content_colum{
	flex: 1 1 50vw;
	display: flex;
	flex-wrap:wrap;
	justify-content:center;
}
#CC_MIQ_USERMNGT .cc_content_colum > div,
#CC_MIQ_LOGIN .cc_content_colum > div{
	flex: 0 0 100%;
	padding-top: 1em;
}
#CC_MIQ_USERMNGT .cc_content_header,
#CC_MIQ_LOGIN .cc_content_header{
	align-self: flex-end;
}
#CC_MIQ_USERMNGT .cc_content_header > div,
#CC_MIQ_LOGIN .cc_content_header > div{
	text-align: center;
}
#CC_MIQ_LOGIN .cc_content_header > .cc_project_logo > img{

}
#CC_MIQ_USERMNGT .cc_content_header > .cc_project_logo > img{
	/*
	height: 10vh;
	width: auto;
	*/
}

#CC_MIQ_USERMNGT .cc_content_header > .cc_loginTitle,
#CC_MIQ_LOGIN .cc_content_header > .cc_loginTitle{
	font-size: 3em;
	font-weight: bold;
}



/* ============================================== */
/* ============================================== */
/* ============== login body ================ */
/* ============================================== */
#CC_MIQ_USERMNGT .cc_content_body > div,
#CC_MIQ_LOGIN .cc_content_body > div{
	border-radius: 1em;
	padding:6em 8em;
/*	min-width: 34vw;	*/
	max-width: calc(700px - 16em);
	margin:auto;
}
#CC_MIQ_USERMNGT .cc_content_body > div{
	padding:4em 6em;
	background-color: rgb(255,255,255);
}

#CC_MIQ_USERMNGT .cc_content_body > div > .cc_loginTitle,
#CC_MIQ_LOGIN .cc_content_body > div > .cc_loginTitle{
	font-size: 2.5em;
	line-height: 3.5em;
	font-weight: bold;
	text-align: center;
	color: rgba(81, 80, 81, 1);
}

#CC_MIQ_USERMNGT .cc_content_body > div > .cc_title,
#CC_MIQ_LOGIN .cc_content_body  > div > .cc_title{
	font-size: 1.75em;
	font-weight: 600;
}
#CC_MIQ_USERMNGT .cc_content_body > div > form{
	padding-bottom: 1em;
}


#CC_MIQ_USERMNGT .cc_content_body .cc_input_row{
	display:flex;
	justify-content:space-between;
}
#CC_MIQ_USERMNGT .cc_content_body .cc_input_row > div{
	flex: 1 0 45%;
}
#CC_MIQ_USERMNGT .cc_content_body .cc_input_row > div:not(:first-child){
	margin-left: 2em;
}
#CC_MIQ_USERMNGT .cc_content_body .cc_content_body_bottomtext{
	color:rgba(111, 112, 112, 0.6);
}
#CC_MIQ_USERMNGT .cc_content_body .cc_action_text{
	font-size: 2em;
	line-height: 2.5em;
	color: rgba(19, 19, 19, 1);
	text-align: center;
}
#CC_MIQ_USERMNGT .cc_content_body .cc_action_module{
	color: rgba(70, 66, 66, 1);
	text-align: center;
	text-transform: uppercase;
}
#CC_MIQ_USERMNGT .cc_content_body .cc_input_row > #cc_check_passwort_rules{
		position:relative;
		margin: 0em !important;
		flex: inherit !important;
}
#CC_MIQ_USERMNGT .cc_content_body .cc_input_row > #cc_check_passwort_rules > div{
    padding:1em;
    background-color:rgba(255,255,255);
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
    color:white;
    position:absolute;
    left: 0em;
		top: -3.8em;
    white-space:nowrap;
    z-index:10;
}
#CC_MIQ_USERMNGT .cc_content_body .cc_input_row > #cc_check_passwort_rules{display:none;}
#CC_MIQ_USERMNGT .cc_content_body .cc_input_row > #cc_check_passwort_rules>div::after {
    background: rgba(255,255,255);
    content: '';
    height: 1em;
    left: calc(-1em/2);
    position: absolute;
    top: calc(50% - 1em/2);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 1em;
    z-index: 98;
}
#CC_MIQ_USERMNGT .cc_content_body .cc_input_row > #cc_check_passwort_rules > div > .cc_div_row{
	display:flex;
	width:17em;
}
#CC_MIQ_USERMNGT .cc_content_body .cc_input_row > #cc_check_passwort_rules > div > .cc_div_row > .cc_icon{
	flex: 0 0 2em;
	padding: 0.25em;
}
#CC_MIQ_USERMNGT .cc_content_body .cc_input_row > #cc_check_passwort_rules > div > .cc_div_row > .cc_icon > svg{
	height: 1em;
	width: auto;
}
#CC_MIQ_USERMNGT .cc_content_body .cc_input_row > #cc_check_passwort_rules > div > .cc_div_row > .cc_icon.cc-icon-schliessen > svg{
	fill: red;
}
#CC_MIQ_USERMNGT .cc_content_body .cc_input_row > #cc_check_passwort_rules > div > .cc_div_row > .cc_icon.cc-icon-schliessen > svg{
	fill: red;
}
#CC_MIQ_USERMNGT .cc_content_body .cc_input_row > #cc_check_passwort_rules > div > .cc_div_row > .cc_icon.cc-icon-check > svg{
	fill: green;
}







#CC_MIQ_LOGIN .cc_content_body  > div > .cc_link_row{
	display: flex;
    justify-content: space-between;
}

#CC_MIQ_LOGIN .cc_content_body  > div > .cc_link_row > .cc_registry_link > a{
	display: flex;
	text-decoration: none;
}

#CC_MIQ_LOGIN .cc_content_body  > div > .cc_link_row > .cc_registry_link > a > .cc_light_text{
	color: rgba(111, 112, 112, 1);
}
#CC_MIQ_LOGIN .cc_content_body  > div > .cc_link_row > .cc_registry_link > a > .cc_present_text{
	color: rgba(50,50,50, 1);
	font-weight: bold;
}
#CC_MIQ_LOGIN .cc_content_body  > div > .cc_link_row > .cc_registry_link:hover > a > .cc_present_text{
	color: rgba(0,0,0, 1);
}
#CC_MIQ_LOGIN .cc_content_body  > div > .cc_link_row > .cc_registry_link:not(:first-child) > a > .cc_present_text{
	padding-left: 1em;
}




/* ============================================== */
/* ============================================== */
/* ============== login footer ================ */
/* ============================================== */
#CC_MIQ_USERMNGT .cc_content_footer,
#CC_MIQ_LOGIN .cc_content_footer{
	align-self: flex-end;
}
#CC_MIQ_USERMNGT .cc_copyright,
#CC_MIQ_LOGIN .cc_copyright{
	color: rgba(67, 66, 93, 1);
	font-size: 1.2em;
	padding-bottom: 3em;
	text-align: center;
}
/* ============================================== */
/* ============================================== */
/* ============== steuerelemente ================ */
/* ============================================== */
#CC_MIQ_LOGIN .cc_input{ padding-top:0.5em;min-width: 20em; }
#CC_MIQ_LOGIN .cc_input > div.divsecbloc{ display: flex; }
#CC_MIQ_LOGIN .cc_input > div.divsecbloc > div.cc_eingabe{ flex: 1 0 2em; }
#CC_MIQ_LOGIN .cc_input > div.divsecbloc > div.cc_icon {
	flex: 0 0 2em;
}
#CC_MIQ_LOGIN .cc_input > div.divsecbloc > div.cc_icon > svg{
	height: 1em;
	fill: rgba(91, 97, 121, 1);
}
#CC_MIQ_LOGIN .cc_input > div.divsecbloc > div.cc_eingabe > input{
	line-height:1.5em;
	font-size: 1.5em;
}

.cc_submit{flex: 33% 2 0;margin-top: 4em;}

/* ============================================== */
/* ============================================== */
/* ================ media Querry ================ */
/* ============================================== */
@media only screen and (max-width: 500px) {
  #CC_MIQ_LOGIN .cc_spacer_colum{
  	display: none;
  }
}
/* ============================================== */
/* ============================================== */