#logo{
	display: block;
	box-sizing: border-box;
	background-repeat: no-repeat;
	width: 13em;
	height: 3em;
	background-size: contain; /* oder cover */
}

@media (max-width: 991px) {
	#logo{
		width: 12em;
	}
}

.row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.row-eq-height > [class*="col-"] {
  padding-bottom: 20px;
}

.row-eq-height > [class*="col-"] .panel {
	min-height: 100%;
}

.ban-reset {
	color: white !important;
}

.ban-red {
	color: rgb(195, 52, 52);
}

@media (max-width: 767px) {
	.settings-button {
		display: none !important;
	}
}

@media (min-width: 768px) {
	.settings-menu {
		display: none !important;
	}
}

.no-padding {
	padding: 0;
}

.select-checkbox {
	width: 25px;
	bottom: -3px;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button
{
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 14px;
}

div[class~=dialogCommon] {
	display: none;
}

div[class~=ui-dialog] {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 14px;
}

table[class~=dataTableCommon] {
	width: 100%;
}

table[class~=dataTableCommon].dataTable thead .sorting::after,
table[class~=dataTableCommon].dataTable thead .sorting_asc::after,
table[class~=dataTableCommon].dataTable thead .sorting_desc::after,
table[class~=dataTableCommon].dataTable thead .sorting_asc_disabled::after,
table[class~=dataTableCommon].dataTable thead .sorting_desc_disabled::after {
    display: inline-block;
	top: 0px;
	right: auto;
    padding-left: 5px;
}

table[class~=dataTableCommon].dataTable tbody > tr.selected, table[id=shoppingCartEmployees].dataTable tbody > tr > .selected {
	background-color: transparent;
}

.top-gap {
	padding-top: 8px;
}

@media (max-width: 767px) {
	.form-inline .form-control {
		display: inline-block;
		width: auto;
		vertical-align: middle;
	}
}

@media (max-width: 767px) {
	.form-inline .form-group {
		display: inline-block;
		margin-bottom: 0;
		vertical-align: middle;
	}
}

.carousel-indicators {
	position: relative !important;
	bottom: 0px !important;
}

.carousel-indicators li {
	background-color: #ddd !important;
	border: none !important;
}
.carousel-indicators .active {
    background-color: #000 !important;
    border: none !important;
}

.carousel-control.right, .carousel-control.left {
	background-image: none;
	color: #222;
}

.carousel-control:focus, .carousel-control:hover {
	color: black;
}

div #carousel-news div.media-text {
  height: 80px;
}

div #carousel-news .carousel-indicators {
	bottom: -13px !important;
}

div #carousel-news .carousel-control {
	width: 0px  !important;
	top: 119px  !important;
}

.required::after {
	content: " *";
}

.left-right-same-line {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
}

/* centers the icon inside the input box */
.insideSVG {
	position: absolute;
	right: 21px;
	top: 5px;
}

/* fix margins of the message boxes to be displayed under the input boxes */
.marginFix {
	margin: 10px 0px -5px;
}

/* removes the arrows from the number field */
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type=number] {
	-moz-appearance: textfield;
}

.preLoadSvg {
	visibility: hidden;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 0px;
	height: 0px;
	z-index: -1000;
}

.padding-top-10 {
	padding-top: 10px;
}

.padding-top-20 {
	padding-top: 20px;
}

.padding-bottom-10 {
	padding-bottom: 10px;
}

.padding-bottom-20 {
	padding-bottom: 20px;
}

.not_active {
   pointer-events: none;
}

.striked {
	text-decoration: line-through;
}

.nowrap {
 	white-space: nowrap;
}

.imageRight {
    max-width: 120px;
   	max-height: 120px;
   	width: 120px;
   	height: auto;
	float: right;
	margin: 5px 0 0 15px;
}

.main-items li {
    display: block;
    padding: 5px 0;
}

.main-items li a {
    color: black;
}

.main-items li:before {
    /*Using a Bootstrap glyphicon as the bullet point*/
    content: "\e080";
    font-family: 'Glyphicons Halflings';
    font-size: 9px;
    float: left;
    margin-top: 4px;
    margin-left: -17px;
    color: #CCCCCC;
}

.main-items li:hover:before {
    /*Using a Bootstrap glyphicon as the bullet point*/
    color: #111;
}

@media (max-width: 767px) {
	.body-center {
		margin: 20px auto;
		padding: 15px;
		display: flex;
	    min-height: 100vh;
	    flex-direction: column;
	}
}

@media (min-width: 768px) {
	.body-center {
		margin: 0;
		width: 100%;
		padding: 0;
		display: flex;
	    min-height: 100vh;
	    flex-direction: column;
	}
}

.body-center-relative {
	margin: 20px auto;
	padding: 15px;
}

.tabPanel {
	border-top: none;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

/* table styling/adjustments */
.select {
 	white-space: nowrap;
}

.centered {
	text-align: left;
}

.force-left {
	text-align: left !important;
}

.vertical-centered {
	vertical-align: middle;
}

.no-sort::after {
	display: none!important;
}

.no-sort {
	pointer-events: none!important;
	cursor: default!important;
}

td.details-control::before {
	content: "\002b";
	font-family: 'Glyphicons Halflings';
}

td.details-control {
   	cursor: pointer;
}

tr.shown td.details-control::before{
	content: "\2212";
    font-family: 'Glyphicons Halflings';
}

/*full height column fix*/
.inside {
  margin-top: 20px;
  margin-bottom: 20px;
  background: #ededed;
  background: -webkit-gradient(linear, left top, left bottom,color-stop(0%, #f4f4f4), color-stop(100%, #ededed));
  background: -moz-linear-gradient(top, #f4f4f4 0%, #ededed 100%);
  background: -ms-linear-gradient(top, #f4f4f4 0%, #ededed 100%);
}

.inside-full-height {
  /*
  // if you want to give content full height give him height: 100%;
  // with content full height you can't apply margins to the content
  // content full height does not work in ie http://stackoverflow.com/questions/27384433/ie-display-table-cell-child-ignores-height-100
  */
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

.content {
  padding: 12px 3px;
}

/* columns of same height styles */
.row-height {
  display: table;
  table-layout: fixed;
  height: 100%;
  width: 100%;
}

.col-height {
  display: table-cell;
  float: none;
  height: 100%;
}

.col-top {
  vertical-align: top;
}

.col-middle {
  vertical-align: middle;
}

.col-bottom {
  vertical-align: bottom;
}

@media (min-width: 480px) {
	.row-xs-height {
		display: table;
		table-layout: fixed;
		height: 100%;
		width: 100%;
	}

	.col-xs-height {
		display: table-cell;
		float: none;
		height: 100%;
	}

	.col-xs-top {
		vertical-align: top;
	}

	.col-xs-middle {
		vertical-align: middle;
	}

	.col-xs-bottom {
		vertical-align: bottom;
	}
}

@media (min-width: 768px) {
	.row-sm-height {
		display: table;
		table-layout: fixed;
		height: 100%;
		width: 100%;
	}

	.col-sm-height {
		display: table-cell;
		float: none;
		height: 100%;
	}

	.col-sm-top {
		vertical-align: top;
	}

	.col-sm-middle {
		vertical-align: middle;
	}

	.col-sm-bottom {
		vertical-align: bottom;
	}
}

@media (min-width: 992px) {
	.row-md-height {
		display: table;
		table-layout: fixed;
		height: 100%;
		width: 100%;
	}

	.col-md-height {
		display: table-cell;
		float: none;
		height: 100%;
	}

	.col-md-top {
		vertical-align: top;
	}

	.col-md-middle {
		vertical-align: middle;
	}

	.col-md-bottom {
		vertical-align: bottom;
	}
}

@media (min-width: 1200px) {
	.row-lg-height {
		display: table;
		table-layout: fixed;
		height: 100%;
		width: 100%;
	}

	.col-lg-height {
		display: table-cell;
		float: none;
		height: 100%;
	}

	.col-lg-top {
		vertical-align: top;
	}

	.col-lg-middle {
		vertical-align: middle;
	}

	.col-lg-bottom {
		vertical-align: bottom;
	}
}

/*------*/
.two-columns .row {
	margin-bottom: 10px;
}

.two-columns .row .col-md-6:first-child {
	font-weight: bold;
}

@media ( min-width : 992px) {
	.two-columns .row .col-md-6:first-child {
		text-align: right;
	}
}

.two-columns .row .col-md-4:first-child {
	font-weight: bold;
}

@media ( min-width : 992px) {
	.two-columns .row .col-md-4:first-child {
		text-align: right;
	}
}

/*------------------------------*/
main {
	flex: 1 0 auto;
	margin: 55px 0 55px 0;
}

@media (min-width: 992px) and (max-width: 1200px) {
	main {
		margin: 90px 0 55px 0;
	}
}

/* footer {
	position: fixed;
	bottom: 0px;
	left: 0px;
	max-height: 60px;
	background-color: rgb(245, 245, 245);
	padding: 10px;
	width: 100%;
	border-top: 2px solid rgb(221, 221, 221);
	display: table;
	vertical-align: middle;
	text-align: center;
} */

footer .links {
	list-style-type: none;
	padding: 0px;
	margin: 0;
}

footer .links li {
	display: inline;
	margin: 0 10px;
}

footer .links li a span {
	margin-right: 2px;
}

.nav > li > a:focus,
.nav > li > a:hover {
	background-color: #eee !important;
}

.select-readonly {
	pointer-events: none;
	touch-action: none;
}

.accessibility-only {
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.defaultFontColor{
	color: black !important;
}

.underline-text {
    text-decoration: underline;
}

.bg-color{
	background-color: black;
}

.shoppingcart-icon{
	display: none !important;
}


@media (max-width: 991px) {
	.shoppingcart-icon{

	display:block !important;
	height: 34px;
	padding-right: 5px;

	}
}

.errorpage-parent-container {
	font-family: Arial, sans-serif;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 0;
	padding: 20px;
}

.errorpage-container {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
	z-index: 1;
}

.errorpage-container p {
	margin-right: 300px;
	font-size: 25px;
}

.loginBtn {
	padding: 10px 20px;
	font-size: 16px;
	color: white;
	background-color: #007bff;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	transition: background-color 0.3s ease;
	margin-left: 300px;
}

.loginBtn:hover {
	background-color: #0056b3;
}

.banner-image {
	width: 100vw;
	height: auto;
	object-fit: cover;
}


@media (max-width: 768px) {
	.description {
		word-wrap: break-word;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: normal;
	}
	#treeContainer ul li {
		margin-bottom: 15px;
	}
}

.elearning-message{
	    font-size: 15px;
}
.cookie-notice-body {
	margin-right: 20px;
}
.cookie-notice-buttons {
	text-align: center;
	padding: 20px;
}

#cookieNoticeSettinsDialog .cookie-modal-body {
	padding-right: 0px;
}

.cookie-dialog-style {
    font-family: "Poppins";
    color: #4a4850 !important;
    font-size: 15px;
}

@media (min-width: 768px) {
    .cookie-dialog-width {
        min-width: 800px;
    }
}

.cookie-dialog-style {
    font-family: sans-serif;
    color: #4a4850 !important;
    font-size: 15px;
}

.btn-cookie-primary, .btn-cookie-secondary:hover, .btn-cookie-secondary:focus{
    color: #ffffff;
    background-color: #0097AA;
    margin: 10px;
    border: 1px solid #0097AA;
    border-radius: 15px;
    outline: none !important;
}

.btn-cookie-secondary, .btn-cookie-primary:hover, .btn-cookie-primary:focus {
    color: #0097AA;
    background-color: #ffffff;
    margin: 10px;
    border: 1px solid #0097AA;
    border-radius: 15px;
    outline: none !important;
}

.cookies-tab-change {
	color: #0097aa;
	background: url(../img/cookie-tab-menu.jpg) no-repeat;
	min-width: 226px;
	min-height: 51px;
	border: 0px;
	text-align: left;
	outline: none;
	margin: 4px;
}

.cookies-tab-change:hover, .cookies-tab-change-active {
	color: #FFFFFF;
	background: url(../img/cookie-tab-menu-active.jpg) no-repeat;
	min-width: 226px;
	min-height: 51px;
	border: 0px;
	text-align: left;
	outline: none;
	margin: 4px;
}

.cookie-dialog-title{
    border-bottom: 1px solid #e2e2e2;
    font-size: 22px;
    padding: 24px 208px 16px 0;
    margin-right: 20px;
}

#cookiesModalContent {
    overflow-y: auto;
    height: 400px;
}
.cookie-settings-buttons{
    border-top: 1px solid #e2e2e2;
    text-align: center;
    margin-right: 30px;
    margin-top: 20px;
}

.cookie-privacy-header {
    font-weight: bold;
    margin-top: 15px;
    margin-bottom: 15px;
}

.cookie-tab-title {
    font-weight: bold;
    float: left;
}

.cookie-tab-toggle {
    font-weight: bold;
    float: right;
}

.cookie-settings-info {
    clear: both;
}
.cookie-used-header {
    font-size: 18px;
    font-weight: bold;
    margin-top: 15px;
    margin-bottom: 15px;
}

.m-r-32 {
    margin-right: 32px;
}

.m-t-32 {
    margin-top: 32px;
}

.cookie-type-header:before {
    content: ">";
    left: 0;
    top: 0;
    font-size: 19px;
    color: #ccc;
    margin-right: 4px;
}

.cookie-name-border {
    margin-top: 8px;
    margin-bottom: 8px;
    padding: 1px 8px;
    border: 1px solid black;
    border-radius: 15px;
    display: inline-block;
}

.cookie-type-header {
    font-weight: bold;
    margin-top: 8px;
}

.cookie-switch {
    position: relative;
    display: inline-block;
    width: 44px;
    height: 22px;
}

.cookie-slider.round {
    border-radius: 34px;
}
.cookie-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}
.cookie-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

input:checked + .cookie-slider:before {
    -webkit-transform: translateX(22px);
    -ms-transform: translateX(22px);
    transform: translateX(22px);
}
input:checked + .cookie-slider:before {
    background-color: #51B046;
}
.cookie-slider.round:before {
    border-radius: 50%;
}
.cookie-slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 2px;
    bottom: 2px;
    background-color: #4A4850;
    -webkit-transition: .4s;
    transition: .4s;
}

.cookies-content-square {
    border-radius: 0;
	margin-top: 90px;
}

/* Sticky Footer CSS */
html, body {
    height: 100%;
    margin: 0;
    width: 100%;
}

body {
    display: flex;
    flex-direction: column;
}

.sd-body {
    flex: 1 0 auto;
}

#sd-footer {
    flex-shrink: 0;
    margin-top: auto;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
}

#sd-footer .container-fluid {
    width: 100%;
    max-width: none;
    padding-left: 15px;
    padding-right: 15px;
}