/*** NEU ***/


#topnavigation,
#headline,
#breadcrumb-wrapper{
	display: none  !important;
}
#page #page-top{
	background: none !important;
}
#page header{
	background: none !important;
/*	position: fixed !important;
	left: 0 !important;
	width: 100% !important;
	top: 0 !important;*/
}
body nav.navbar,
#page.header-shrinked nav.navbar,
#page header nav.navbar{
	margin: 0 !important;
	padding: 0 !important;
}
body nav.navbar .align-items-end{
	justify-content: flex-end !important;
}
body nav.navbar .navbar-brand{
	padding: 0 !important;
	margin: 0 !important; 
}
body #logo_loggedin, 
body #logo_login {
    height: 98px;
    margin-right: 0;
    display: inline-block;
}
body #logo_loggedin img, 
body #logo_login img {
	height: 98px !important;
}
body #content-wrapper{
	margin-top: 50px;
}
body .content h1 {
	display: flex;
	justify-content: center;
	margin-bottom: 15px;
}
body .content h1 .title {
	background-image: url("../../images/logo_kfl2019portal_mitte.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	width: 122px;
	height: 122px;
    box-shadow: 0px 0px 20px 1px #343434;
    border: 1px solid #00acf7;
    border-radius: 20px;
	text-indent: -9999px;
	overflow: hidden;
}
body.login .form-group{
	margin-top: 0;
}
body.login .infobox{
	background-color: #FFF;
	border-radius: 0.5em;
	min-height: 1px;
    margin-bottom: 1.5rem !important;
}
body .content h3, 
body .content .h3, 
body .content h2.h3, 
body .content h4.h3, 
body .content h5.h3, 
body .content h6.h3 {
    text-align: left !important;
    color: #0096d1;
    text-transform: capitalize;
    font-weight: normal !important;
    font-size: 1.28rem;
    font-family: Verdana, Helvetica, sans-serif;
	letter-spacing: 0;
}

body #content > .row > aside a{
	color: #0096d1;
	display: inline-block;
	margin-top: 20px;
}
.card-collapse .card-collapse-heading a, .card-collapse .card-collapse-heading .login-header-fixed, .card-collapse .card-collapse-heading button {
	/*background-color: #FFF;
	color: #000;
    font-weight: bold !important;
    font-size: 1.1em !important;
    padding: 20px 0px 20px 60px;*/
}
.card-collapse .card-collapse-heading a .icon, .card-collapse .card-collapse-heading a #mobileheader-wrapper li.hasChildren>a:after, #mobileheader-wrapper .card-collapse .card-collapse-heading a li.hasChildren>a:after, .card-collapse .card-collapse-heading a .breadcrumb-item::after, .card-collapse .card-collapse-heading a .toc ul li a:after, .toc ul li .card-collapse .card-collapse-heading a a:after, .card-collapse .card-collapse-heading a .reading-help a:before, .reading-help .card-collapse .card-collapse-heading a a:before, .card-collapse .card-collapse-heading button .icon, .card-collapse .card-collapse-heading button #mobileheader-wrapper li.hasChildren>a:after, #mobileheader-wrapper .card-collapse .card-collapse-heading button li.hasChildren>a:after, .card-collapse .card-collapse-heading button .breadcrumb-item::after, .card-collapse .card-collapse-heading button .toc ul li a:after, .toc ul li .card-collapse .card-collapse-heading button a:after, .card-collapse .card-collapse-heading button .reading-help a:before, .reading-help .card-collapse .card-collapse-heading button a:before {
	color: #FFF;
}
div.card, div.card-collapse {
	border-radius: 0.5em;
	background-color: #FFF;
	overflow: hidden;
}
body #content > .row > div.col-xl-8 .card-collapse-content .col-md-7 {
	width: 100%;
}
body #content > .row > div.col-xl-8 .card-collapse-content .col-md-4,
body #content > .row > div.col-xl-8 .card-collapse-content .col-md-3 {
	width: 50%;
}
body .content fieldset{
	margin: 0;
}
body fieldset div.show .card-collapse-content > .card-collapse-content {
	padding: 0;
}

#card_body_UIDPWDPlugin {
	padding-left: 70px;
    background-image: url(../../images/kflportal_benutzer_icon.png);
    background-position: left 25px top 34px;
    background-repeat: no-repeat;
	background-size: 50px 50px;
}


@media (min-width: 1200px) {

	body #content > .row {
		flex-direction: row-reverse;
	}
	body #content > .row > div.col-xl-8 {
		width: 50%;
	}
	body #content > .row > aside.col-xl-4 {
		width: 50%;
	}

}

@media (max-width: 1199px) {
	
	body #content > .row > div.col-xl-8 {
		order: 2;
	}
	body #content > .row > aside.col-xl-4 {
		order: 1;
	}
}

@media (min-width: 900px) {
    .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 900px;
    }
}


@media (max-width: 767px) {


	body #logo_loggedin, 
	body #logo_login {
		height: 83px !important;
	}
	body #logo_loggedin img, 
	body #logo_login img {
		height: 83px !important;
	}	
	body .content h1 .title {
		width: 75px;
		height: 75px;
		box-shadow: 0px 0px 10px 1px #343434;
		border-radius: 10px;
	}
	
}