/** ##### FRONTENDBEARBEITUNG DEAKTIVIEREN Start ##### **/
div.icons .btn-group.pull-right .btn.dropdown-toggle,
div.icons .btn-group.pull-right .dropdown-menu {
    display: none !important;
}
/** ##### FRONTENDBEARBEITUNG DEAKTIVIEREN ende ##### **/



#system-message-container .alert {
    text-align: center;
    margin-bottom: 25px;
    background-color: #ffcece;
    width: 600px;
	max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 15px;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 20px;
}
#system-message-container .alert h4 {
    font-size: 16px;
    line-height: 22px;
    margin: 0 0 5px 0;
}





@media (max-width: 1279px) {

}
@media (max-width: 1023px) {

}
@media (max-width: 768px) {

}
@media (max-width: 640px) {

}




/** ##### LOGIN & USER Start ##### **/

/** MODUL **/
#login-form .pretext {
    text-align: center;
    margin-bottom: 50px;
    border-bottom: 1px solid #aaa;
    padding-bottom: 15px;
}


#login-form .userdata #form-login-username {
    margin-bottom: 25px;
}
#login-form .userdata #form-login-username label,
#login-form .userdata #form-login-username input {
	display: block;
	width: 100%;
	text-align: center;
}
#login-form .userdata #form-login-username input#modlgn-username {
    line-height: 40px;
    font-size: 18px;
    border-radius: 3px;
    border-color: #babf00;
    color: #005187;
	box-sizing: border-box;
}


#login-form .userdata #form-login-password {
    margin-bottom: 25px;
}
#login-form .userdata #form-login-password label,
#login-form .userdata #form-login-password input {
	display: block;
	width: 100%;
	text-align: center;
}

#login-form .userdata #form-login-password input#modlgn-passwd {
    line-height: 40px;
    font-size: 18px;
    border-radius: 3px;
    border-color: #babf00;
    color: #005187;
	box-sizing: border-box;
}


#login-form .userdata #form-login-remember {
    margin-bottom: 25px;
    position: relative;
}
#login-form .userdata #form-login-remember::after {
    clear: both;
    display: table;
    content: "";
}
#login-form .userdata #form-login-remember .control-label {
    float: left;
    font-size: 14px;
    line-height: 20px;
}
#login-form .userdata #form-login-remember .control-label::before {
    content: "";
    position: absolute;
    width: calc(100% - 165px);
    height: 1px;
    background-color: #999;
    box-sizing: border-box;
    top: 12px;
    left: 145px;
}
#login-form .userdata #form-login-remember #modlgn-remember {
    float: right;
    margin: 0;
    position: absolute;
    right: 0;
    top: 6px;
}

#login-form .userdata #form-login-submit button.btn {
    width: 100%;
    background-color: #005187;
    color: #fff;
    line-height: 45px;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
    border: 1px solid #005187;
}
#login-form .userdata #form-login-submit button.btn:hover,
#login-form .userdata #form-login-submit button.btn:focus {
    background-color: #babf00;
	cursor: pointer;
}

#login-form .userdata ul.unstyled {
    margin-top: 35px;
    text-align: center;
    font-size: 12px;
    line-height: 22px;
}




#login-form .logout-button input.btn.btn-primary {
    width: 100%;
    background-color: #005187;
    color: #fff;
    line-height: 45px;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
    border: 1px solid #005187;
}
#login-form .logout-button input.btn.btn-primary:hover,
#login-form .logout-button input.btn.btn-primary:focus {
    background-color: #babf00;
	cursor: pointer;
}

@media (max-width: 1279px) {

}
@media (max-width: 1023px) {

}
@media (max-width: 768px) {

}
@media (max-width: 640px) {

}


/** KOMPONENTEN VIEWS **/
.login.hph-login .login-description {
    text-align: center;
    margin-bottom: 50px;
    border-bottom: 1px solid #aaa;
    padding-bottom: 15px;
}
.login.hph-login form .control-group {
    position: relative;
}
.login.hph-login form .control-group::after {
    clear: both;
    display: table;
    content: "";
}

.login.hph-login form #username-lbl {
    display: block;
    width: 100%;
    text-align: center;
}
.login.hph-login form #username {
    display: block;
    width: 100%;
    text-align: center;
	margin-bottom: 25px;
    line-height: 40px;
    font-size: 18px;
    border-radius: 3px;
    border-color: #babf00;
    color: #005187;
	box-sizing: border-box;
}
.login.hph-login form #password-lbl {
    display: block;
    width: 100%;
    text-align: center;
}
.login.hph-login form #password {
    display: block;
    width: 100%;
    text-align: center;
	margin-bottom: 25px;
    line-height: 40px;
    font-size: 18px;
    border-radius: 3px;
    border-color: #babf00;
    color: #005187;
	box-sizing: border-box;
}
.login.hph-login form input#remember {
    position: absolute;
    right: 0;
    top: 9px;
    margin: 0;
}


.login.hph-login form button.btn {
    width: 100%;
	margin-top: 25px;
    background-color: #005187;
    color: #fff;
    line-height: 45px;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
    border: 1px solid #005187;
}
.login.hph-login form button.btn:hover,
.login.hph-login form button.btn:focus {
    background-color: #babf00;
	cursor: pointer;
}


main.content > div .nav.nav-tabs.nav-stacked {
    margin-top: 35px;
    text-align: center;
    font-size: 12px;
    line-height: 22px;
}



.reset.hph-passwort-vergessen,
.remind.hph-benutzer-zusenden {
    text-align: center;
	font-size: 14px;
	line-height: 20px;
}
.reset.hph-passwort-vergessen h1,
.remind.hph-benutzer-zusenden h1{
	font-size: 18px;
	line-height: 26px;
}

.reset.hph-passwort-vergessen form#user-registration .control-group,
.remind.hph-benutzer-zusenden form#user-registration .control-group {
    margin-top: 25px;
}

.reset.hph-passwort-vergessen form#user-registration .control-group input,
.remind.hph-benutzer-zusenden form#user-registration .control-group input{
	margin-top: 5px;
    display: block;
    width: 100%;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
    border-radius: 3px;
    border-color: #babf00;
    color: #005187;
	box-sizing: border-box;
}
.reset.hph-passwort-vergessen form#user-registration button.btn,
.remind.hph-benutzer-zusenden form#user-registration button.btn{
    width: 100%;
    background-color: #005187;
    color: #fff;
    line-height: 45px;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
    border: 1px solid #005187;
}
.reset.hph-passwort-vergessen form#user-registration button.btn:hover,
.reset.hph-passwort-vergessen form#user-registration button.btn:focus,
.remind.hph-benutzer-zusenden form#user-registration button.btn:hover,
.remind.hph-benutzer-zusenden form#user-registration button.btn:focus {
    background-color: #babf00;
	cursor: pointer;
}


.profile.hph-login .btn-toolbar.pull-right {
    float: none;
    background-color: #eee;
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
}
.profile.hph-login #users-profile-core legend {
    background-color: #005187;
    width: 100%;
    text-align: center;
    padding: 15px;
    box-sizing: border-box;
    margin-bottom: 25px;
    color: #fff;
}
.profile.hph-login #users-profile-core {
    margin-top: 25px;
	background-color: #eee;
}
.profile.hph-login #users-profile-core dl::after {
	content: "";
	display: table;
	clear: both;
}
.profile.hph-login #users-profile-core dt,
.profile.hph-login #users-profile-core dd {
    float: left;
    width: 50%;
    border-bottom: 1px solid #ccc;
    padding: 10px;
	box-sizing: border-box;
}


#member-profile legend {
    background-color: #005187;
    width: 100%;
    text-align: center;
    padding: 15px;
    box-sizing: border-box;
    margin-bottom: 25px;
    color: #fff;
}
#member-profile input {
    width: 100%;
    margin-bottom: 15px;
    padding: 10px;
    box-sizing: border-box;
}
#member-profile input#jform_username:hover {
    cursor: not-allowed;
}
#member-profile button.btn {
	margin-top: 25px;
    width: 100%;
    background-color: #005187;
    color: #fff;
    line-height: 45px;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
    border: 1px solid #005187;
}
#member-profile button.btn:hover,
#member-profile button.btn:focus {
    background-color: #babf00;
	cursor: pointer;
}




@media (max-width: 1279px) {

}
@media (max-width: 1023px) {

}
@media (max-width: 768px) {

}
@media (max-width: 640px) {
	
	.profile.hph-login #users-profile-core dt {
		float: none;
		width: 100%;
		border-bottom: 0;
		padding-bottom: 0;
		font-weight: 600;
	}
	.profile.hph-login #users-profile-core dd {
		float: none;
		width: 100%;
		padding-top: 0;
	}
}


/** ##### LOGIN & USER Ende ##### **/







/** ##### STARTSEITE Anfang ##### **/
.startseite-eingeloggt .ein-kasten a {
    text-align: center;
    background-color: #eee;
    padding: 50px 15px;
    box-sizing: border-box;
    margin-bottom: 25px;
    font-size: 24px;
	line-height: 32px;
    text-transform: uppercase;
    text-decoration: none;
    display: block;
}
.startseite-eingeloggt .ein-kasten a:hover,
.startseite-eingeloggt .ein-kasten a:focus {
    background-color: #ddd;
}
/** ##### STARTSEITE Ende ##### **/





/** ##### DOKU Anfang ##### **/
.hph-doku .newsflash .ein-doku-eintrag {
    background-color: #eee;
    padding: 25px 25px;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 50px;
}
.hph-doku .newsflash .ein-doku-eintrag h2 {
	font-size: 26px;
	line-height: 32px;
	margin: 0px 0 20px 0;
	border-bottom: 1px solid;
	padding-bottom: 10px;
	color: #005187;
}
.hph-doku .newsflash .ein-doku-eintrag h3 {
    font-size: 20px;
    line-height: 26px;
    margin: 50px 0 5px 0;
	border-top: 1px solid #bcbf4c;
	padding-top: 50px;
}
.hph-doku .newsflash .ein-doku-eintrag h3.erste-h3 {
    padding-top: 0;
    border-top: 0 none;
}


.hph-doku .newsflash .ein-doku-eintrag ul,
.hph-doku .newsflash .ein-doku-eintrag ol {
    margin-top: 5px;
    margin-bottom: 10px;
}

.hph-doku .newsflash .ein-doku-eintrag ul > li {
    margin-left: 25px;
    list-style: disc;
}
.hph-doku .newsflash .ein-doku-eintrag ol.abc > li {
    list-style: lower-alpha;
    margin-left: 25px;
}

.hph-doku .newsflash .ein-doku-eintrag img {
    border: 1px solid #ccc;
    padding: 5px;
    box-sizing: border-box;
}

@media (max-width: 1279px) {

}
@media (max-width: 1023px) {

}
@media (max-width: 768px) {

}
@media (max-width: 640px) {

}
/** ##### DOKU Ende ##### **/










/** ##### EINREICHEN FORMULAR Start ##### **/

#form-qe-einreichen {
	
}
#form-qe-einreichen h2 {
    font-size: 32px;
    line-height: 38px;
    margin: 0 0 15px 0;
    color: #fff;
    background-color: #005187;
    padding: 15px;
}

#form-qe-einreichen div.formRow {
    background-color: #eee;
    padding: 25px 15px;
    box-sizing: border-box;
}

#form-qe-einreichen .rsform-block::after{
	display: table;
	content:"";
	clear:both;
}


#form-qe-einreichen .rsform-block.rsform-block-name-der-qe,
#form-qe-einreichen .rsform-block.rsform-block-artikelnummer-der-qe,
#form-qe-einreichen .rsform-block.rsform-block-ich-habe-die-qe,
#form-qe-einreichen .rsform-block.rsform-block-arbeitsbereich-waehlen {
    margin-bottom: 25px;
    font-size: 16px;
    line-height: 34px;
}
#form-qe-einreichen .rsform-block.rsform-block-bemerkung {
    margin-bottom: 25px;
}

#form-qe-einreichen .rsform-block.rsform-block-name-der-qe label.formControlLabel,
#form-qe-einreichen .rsform-block.rsform-block-artikelnummer-der-qe label.formControlLabel,
#form-qe-einreichen .rsform-block.rsform-block-ich-habe-die-qe label.formControlLabel,
#form-qe-einreichen .rsform-block.rsform-block-bemerkung label.formControlLabel,
#form-qe-einreichen .rsform-block.rsform-block-arbeitsbereich-waehlen label.formControlLabel {
    float: left;
    width: 250px;
}

#form-qe-einreichen .rsform-block.rsform-block-name-der-qe div.formControls,
#form-qe-einreichen .rsform-block.rsform-block-artikelnummer-der-qe div.formControls,
#form-qe-einreichen .rsform-block.rsform-block-ich-habe-die-qe div.formControls,
#form-qe-einreichen .rsform-block.rsform-block-bemerkung div.formControls,
#form-qe-einreichen .rsform-block.rsform-block-arbeitsbereich-waehlen div.formControls {
    float: left;
    width: calc(100% - 250px);
}
#form-qe-einreichen .rsform-block.rsform-block-name-der-qe div.formControls input,
#form-qe-einreichen .rsform-block.rsform-block-artikelnummer-der-qe div.formControls input {    
    width: 100%;
	margin: 0;
    box-sizing: border-box;
    border-radius: 0;
    line-height: 24px;
    font-size: 16px;
    height: 34px;
    padding: 5px 10px;
    box-shadow: initial;
}
#form-qe-einreichen .rsform-block.rsform-block-arbeitsbereich-waehlen div.formControls select {
    width: 100%;
    box-sizing: border-box;
	border-radius: 0;
    line-height: 24px;
    font-size: 16px;
    height: 34px;
    padding: 5px 10px;
    box-shadow: initial;
}
#form-qe-einreichen .rsform-block.rsform-block-arbeitsbereich-waehlen div.formControls select option {    
    padding: 3px 0px;    
}



#form-qe-einreichen .rsform-block.rsform-block-ich-habe-die-qe div.formControls .formBody::after{
	display: table;
	content:"";
	clear:both;
}
#form-qe-einreichen .rsform-block.rsform-block-ich-habe-die-qe div.formControls .formBody p.rsformVerticalClear {
    float: left;
    width: 49%;
    background-color: #ddd;
    padding: 0px 15px;    
    box-sizing: border-box;
}
#form-qe-einreichen .rsform-block.rsform-block-ich-habe-die-qe div.formControls .formBody p.rsformVerticalClear:first-child {
    margin-right: 2%;
}
#form-qe-einreichen .rsform-block.rsform-block-bemerkung div.formControls textarea {    
    width: 100%;
	margin: 0;
    box-sizing: border-box;
    border-radius: 0;
    line-height: 24px;
    font-size: 16px;
    padding: 5px 10px;
    box-shadow: initial;
	font-family: inherit;
}

#form-qe-einreichen .rsform-block.rsform-block-qe-einreichen label.formControlLabel {
    display: none;
}
#form-qe-einreichen .rsform-block.rsform-block-qe-einreichen div.formControls {
    float: right;
    width: calc(100% - 250px);
}
#form-qe-einreichen .rsform-block.rsform-block-qe-einreichen button#qe-einreichen {
    width: 100%;
    background-color: #005187;
    background-image: inherit;
    background-repeat: inherit;
    text-shadow: inherit;
    display: block;
    padding: 10px;
    border: 1px solid #005187;
    border-radius: 0;
    box-shadow: inherit;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 22px;
}
#form-qe-einreichen .rsform-block.rsform-block-qe-einreichen button#qe-einreichen:hover,
#form-qe-einreichen .rsform-block.rsform-block-qe-einreichen button#qe-einreichen:focus {
    background-color: #333;
}

#form-qe-einreichen span.formValidation span.formError {
    display: block;
    padding: 0;
    margin: 0;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
	clear: both;
}
#form-qe-einreichen .benoetigte-felder-ausfuellen {
    background-color: #b94a48;
    color: #fff;
    padding: 15px 15px;
    margin-bottom: 10px;
}

.qe-eingereicht-message {
    background-color: #e5ffbf;
    text-align: center;
    padding: 25px;
    box-sizing: border-box;
}

@media (max-width: 1279px) {

}
@media (max-width: 1023px) {

}
@media (max-width: 768px) {
	#form-qe-einreichen .rsform-block.rsform-block-name-der-qe label.formControlLabel,
	#form-qe-einreichen .rsform-block.rsform-block-artikelnummer-der-qe label.formControlLabel,
	#form-qe-einreichen .rsform-block.rsform-block-ich-habe-die-qe label.formControlLabel,
	#form-qe-einreichen .rsform-block.rsform-block-bemerkung label.formControlLabel,
	#form-qe-einreichen .rsform-block.rsform-block-arbeitsbereich-waehlen label.formControlLabel {
		float: none;
		width: 100%;
	}

	#form-qe-einreichen .rsform-block.rsform-block-name-der-qe div.formControls,
	#form-qe-einreichen .rsform-block.rsform-block-artikelnummer-der-qe div.formControls,
	#form-qe-einreichen .rsform-block.rsform-block-ich-habe-die-qe div.formControls,
	#form-qe-einreichen .rsform-block.rsform-block-bemerkung div.formControls,
	#form-qe-einreichen .rsform-block.rsform-block-arbeitsbereich-waehlen div.formControls	{
		float: none;
		width: 100%;
	}
	#form-qe-einreichen .rsform-block.rsform-block-qe-einreichen div.formControls {
		float: none;
		width: 100%;
	}
}
@media (max-width: 640px) {
	#form-qe-einreichen .rsform-block.rsform-block-ich-habe-die-qe div.formControls .formBody p.rsformVerticalClear:first-child {
		margin-right: 0;
		margin-bottom: 5px;
	}
	#form-qe-einreichen .rsform-block.rsform-block-ich-habe-die-qe div.formControls .formBody p.rsformVerticalClear {
		float: none;
		width: 100%;
		padding: 0px 10px;
	}
}
/** ##### EINREICHEN FORMULAR Ende ##### **/






/** ##### IMPRESSUM und DATENSCHUTZ Start ##### **/
.impressum-datenschutz h1,
.impressum-datenschutz h2,
.impressum-datenschutz h3,
.impressum-datenschutz h4,
.impressum-datenschutz h5,
.impressum-datenschutz h6 {
	text-align: left;
}


.impressum-datenschutz ul,
.impressum-datenschutz ol {
    margin-top: 5px;
    margin-bottom: 10px;
}

.impressum-datenschutz ul > li {
    margin-left: 25px;
    list-style: disc;
}
.impressum-datenschutz ol.abc > li {
    list-style: lower-alpha;
    margin-left: 25px;
}

@media (max-width: 1279px) {

}
@media (max-width: 1023px) {

}
@media (max-width: 768px) {

}
@media (max-width: 640px) {

}
/** ##### IMPRESSUM und DATENSCHUTZ Ende ##### **/