@media ( max-width : 990px) {
	nav#navbar-collapse3 {
		display: none;
	}
	div#toggleButton {
		left: 10px;
	}
	.containerContent-saftey {
		margin-left: 50px;
		width: calc(100% - 50px) !important;
	}
}
@media ( min-width : 991px) {
	nav#navbar-collapse3 {
		display: inherit !important;
	}
}

@media ( min-width : 990px) {
	div#toggleButton {
		display: none !important;
	}
}

@media ( max-width : 1112px) {
	p.navbar-text.session-timer.navbar-right.hidden-sm {
		display: none !important;
	}
}

@media ( max-width : 480px) {
	div#containerContent {
		width: 100% !important;
	}
	div#toggleButton {
		top: 75px;
	}
	div#containerContent {
		border-left: 0px;
	}
	div#navbar-collapse2 {
		border-right: 0px;
	}
}

@media ( max-width : 660px) {
	.no-margin-padding.rightStatusBar {
		display: none;
	}
	
	.safety-report-header-valid {
    	float: right;
	}
	
	.submenuestyle {
		top: 75px !important;
	}
	
	div#toggleButton {
		top: 72px !important;
	}
}

@media ( max-width : 500px) {
	.btn-group.margin-right-buttonbar.pull-right, button.btn.btn-sm.btn-success.dropdown-toggle {
		display: none;
	}
}

@media ( max-width : 990px) {
	div#gwt-debug-title_safety {
		font-size: 15px;
		width: calc(100% - 92px);
	}
}

@media ( max-width : 845px) {
	div#gwt-debug-title_safety {
		font-size: 13px;
		width: calc(100% - 92px);
	}
}
@media ( max-width : 660px) {
	div#gwt-debug-title_safety {
		font-size: 13px;
		width: calc(100% - 42px);
	}
}

@media ( min-width : 1200px) {
	.psur-form-group {
		/* margin-left: 259px !important; */
		margin-bottom: 0px !important;
		padding-top: 0px !important;
	}
	.psur-form-group2 {
		/* margin-left: 259px !important; */
		padding-top: 0px !important;
	}
}

@media ( min-width : 1200px) {
	.col-lg-10 {
		width: 81.3% !important
	}
}

/* Fontpage: Setzt das Suchfeld unter das Label */
@media ( max-width : 580px) {
	.textboxFrontpage {
		width: calc(100% - 62px) !important;
	}
	.searchFrontpage {
		width: 100% !important;
		padding-right: 10px;
		padding-left: 8px;
		float: right;
	}
}

@media ( max-width : 660px) {
	.containerContent-saftey {
		margin-top: 94px !important;
		margin-left: 0px !important;
		width: 100% !important;
	}
	.containerSubHeader {
		margin-top: 0px !important;
		height: 0px !important;
	}
	.safety-report-header {
		display: none !important;
	}
	.safety-report-header-valid {
		margin-top: 50px;
		margin-bottom: 10px;
		float: right;
	}
}

@media ( max-width : 435px) {
	.containerContent-saftey {
		margin-top: 130px;
	}
	.legend-no-margin {
		border-bottom: 0px !important;
	}
	.breadcrumb {
		font-size: 12px;
		font-weight: 500;
	}
	.safety-report-header {
		font-size: 14px;
		font-weight: 500;
		margin-top: 5px;
		width: 100%;
		max-width: 100%;
		margin-right: 0px;
		background-color: #F9F9F9;
	}
	.containerSubHeader {
		padding-right: 5px !important;
	}
}

@media ( max-width : 990px) {
	.col-lg-2 {
		padding-left: 0px !important;
	}
}

@media ( max-width : 1025px) {
	.legend {
		font-size: 17.5px;
	}
}

@media all and (min-width: 990px) and (max-width: 1116px) {
	.safety-report-header-valid {
		clear: both;
	}
}

@media ( max-width : 1470px) {
	.legend-no-margin {
		font-size: 17.5px !important;
	}
}

@media ( max-width : 1390px) {
	.safety-report-header-legend {
		display: none;
		visibility: hidden;
	}
}

@media all and (min-width: 768px) and (max-width: 1100px) {
	ul.nav>li>a {
		padding-right: 5px;
	}
}

@media ( min-width : 768px) {
	.navbar-right {
		margin-right: 0px !important;
	}
}

@media all and (max-width: 767px) {
	.mainmenue>ul.nav>li>a {
		padding: 5px 1px;
	}
	div.col-xs-1>i.fa {
		display: none;
	}
}
/* Anpassen der Listenelementhöhe bei kleinen Elementen BPI-1084*/

	.legendsaftey > div >.dropdown-menu > li > a {
    padding: 0px 20px !important;
	}
	.legendsaftey > div >.dropdown-menu .divider {
    margin: 3px 0 !important;
	}
	.legendsaftey > div >.dropdown-header {
    padding: 0px 20px !important;
	}


/* Hauptmenu ausblenden des VersionBrands*/
@media all and (min-width: 768px) and (max-width: 1300px) {
	.navbar-brand.versionbrand {
		display: none !important;
	}
}
@media all and (max-width: 385px) {
	.navbar-brand.versionbrand {
		display: none !important;
	}
}

/* Hauptmenu einklapplogik der Elemente bei schmaleren Bildschirmen  Stufe 1*/
@media all and (min-width: 831px) and (max-width: 1006px) {
	.mainmenue>ul.nav>li>a {
		padding-left: 3px !important;
		padding-right: 3px !important;
	}
}
/* Hauptmenu einklapplogik der Elemente bei schmaleren Bildschirmen  Stufe 2*/
@media all and (min-width: 768px) and (max-width: 896px) {
	.mainmenue>ul.nav>li>a {
		padding-left: 5px !important;
		padding-right: 4px !important;
	}
	.mainmenue>ul.nav>li>a>i.fa {
		display: none !important;
	}
}

/* Accountseite, Falten der Spalten untereinander */
@media all and (max-width: 550px) {
	.password {
		width: 100%;
	}
	/* Linke Seite */
	.column-left {
		margin-left: 0px !important;
		float: left;
		clear: both;
		text-align: left !important;
		padding-left: 0px !important;
	}
	.password>.column-left {
		margin-bottom: 3px !important;
	}
	/* Rechte Seite */
	.column-right {
		float: left;
		width: 100%;
	}
	.account>.input-group.column-right {
		padding-left: 5px;
	}
	.account>div.bootstrap-switch {
		float: left;
		margin-bottom: 5px;
	}
}

/* Ausblenspaltengrößen für Grids zwischen den Standard Gridgrößen */
@media ( max-width : 450px) {
	.hidden-xxs {
		display: none !important;
	}
}

@media ( min-width : 1200px) and (max-width: 1290px) {
	.hidden-lg-small {
		display: none !important;
	}
}

@media ( min-width : 993px) and (max-width: 1050px) {
	.hidden-md-small {
		display: none !important;
	}
}

@media ( min-width : 768px) and (max-width: 850px) {
	.hidden-sm-small {
		display: none !important;
	}
}

@media ( min-width : 1200px) {
	.col-lg-10 {
		width: 81.8% !important;
	}
}

/* Safety Report Einstellungen für die Buttonleiste */
@media (min-width : 660px) and ( max-width :  1446px) {
	.submenuestyle {
		top: 131px !important;
	}
	.containerContent-saftey {
    	margin-top: 114px;
	}
	div#toggleButton {
		top: 138px !important;
	}
	div.legendsaftey{
		padding: 2px 0px!important:
	}
	.first-item-view{
		margin-top: 45px!important;
	}
	.legendsaftey>div>button{
		margin-top:3px;
	}
	.legend-no-margin{
		min-height: 69px !important;
	}
}
/* Auskommentiert da für unnötig und störend befunden. 
@media (min-width: 660px) and (max-width :  825px) {
	.submenuestyle {
		top: 133px !important;
	}
	.containerContent-saftey {
    	margin-top: 160px;
	}
	div#toggleButton {
		top: 175px !important;
	}
}
*/
@media (min-width: 768px) and (max-width :  825px) {
	.brandIcon {
		margin-left: 5px;
		margin-right: 5px;
	}
	
	.namebrand {
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 5px !important;
		padding-right: 5px !important;
	}
}