/* News masonry */
@media (min-width:768px) {
	.image-masonry .news-img-wrap {
		display: grid;
	}
	.image-masonry .news-img-caption {
		display: none;
	}
}
.image-masonry .news-img-wrap {
	grid-gap: .25rem;
	grid-template-columns: repeat(6, 1fr);
}
.image-masonry .news-img-wrap > * {
	grid-column: span 2;
}
.image-masonry .news-img-wrap > *:nth-child(1),
.image-masonry .news-img-wrap > *:nth-child(2) {
	grid-column: span 3;
}

/* Textpic-Abstand */
@media (min-width: 992px) {
	.ce-textpic.ce-left .ce-gallery {
		margin-right: 1rem;
	}
	.ce-textpic.ce-right .ce-gallery {
		margin-left: 1rem;
	}
}

.extbase-debugger {
	z-index: 99999;
	/*position: absolute;*/
	width: 90%;
}

html {
	height: 100%;
	/*font-size: 15px;*/
}

body {
	overflow-y: scroll;
	font-family: 'Open Sans';
	color: #333333;
	font-size: 0.9rem;
	padding-top: 12rem;
}

h1,
.h1 {
	color: #239CD7;
	font-size: 1.5rem;
	
}

h2,
.h2 {
	color: #239CD7;
	font-size: 1.1rem;
	
}

h3,
.h3 {
	color: #797979;
	background: #F2F1F2;
	padding: .5rem;
	font-size: 1.0rem;
	
}

h4,
.h4 {
	color: #797979;
	font-size: 1.0rem;
	
}

h5,
.h5 {
	color: #239CD7;
	padding-bottom:10px;
	
}

h6,
.h6 {
	color: #797979;
	
}

a {
	text-decoration: none!important;
	/*color: #239CD7;*/
	color: #262455;
}
a:hover,
a:active {
	/*color: #262455;*/
	color: #239CD7;
}

.news-text-wrap a {
	color: #239CD7;
}

.news a

p:last-child {
	margin-bottom: 0;
}

select {
	height: calc(2.25rem + 2px);
	line-height: 1.5;
	padding: 0 1.75rem 0 .75rem;
	line-height: 1.5;
	border: 1px solid #ced4da;
	color: #495057;
	font-size: 1rem;
}

small,
.small {
	font-size: 70%;
}

/* TYPO3 Reboot */
.frame-type-textmedia .ce-gallery, 
.frame-type-textmedia .ce-column,
.frame-type-textmedia .ce-outer,
.frame-type-textmedia .ce-inner {
	float: none;
}

.ce-gallery figure {
	display: inline-block;
	/*margin: 0 1rem 1rem;*/
	margin: 0 0 1rem;
}

.ce-gallery figcaption {
	display: block;
}

.ce-outer, 
.ce-inner {
	width: 100%;
}

.typo3-messages {
    padding: 0px;
    list-style: none;
}

.typo3-messages p {
	margin-bottom: 0;
}

.typo3-messages .alert-danger {
    color: #f9f9f9;
    background-color: #e93213;
}


/* lazysizes */
.lazyload {
	opacity: 0;
}

.lazyloaded {
	opacity: 1;
	transition: opacity 300ms;
}


/* boostrap */
@media (min-width: 1590px) {
	.container {
		max-width: 1332px;
	}
}

.bg-primary {
	background-color: #262455!important;
	color: #ffffff;
}
.bg-secondary {
	background-color: #239CD7!important;
	color: #797979;
}
.bg-light {
	background-color: #D3CFD3!important;
}
.bg-light2 {
	background-color: #F2F1F2!important;
}
.bg-dark {
	background-color: #797979!important;
}

.text-primary {
	color: #262455!important;
}
.text-secondary {
	color: #239CD7!important;
}
.text-light {
	color: #D3CFD3!important;
}
.text-light2 {
	color: #F2F1F2!important;
}
.text-dark {
	color: #797979!important;
}
.text-body {
	color: #797979!important;
}

.border-primary {
	border-color: #262455!important;
}
.border-secondary {
	border-color: #239CD7!important;
}
.border-light {
	border-color: #D3CFD3!important;
}
.border-light2 {
	border-color: #F2F1F2!important;
}
.border-dark {
	border-color: #797979!important;
}

.btn {
	border-radius: 0;
}
.btn.focus, 
.btn:focus,
.btn:active {
	color: initial;
	box-shadow: none!important;
}
.btn-primary,
.btn-primary.disabled,
.btn-primary:disabled {
	background-color: #262455; 
	border-color: #262455;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.show>.btn-primary.dropdown-toggle {
	background-color: #239CD7!important; 
	border-color: #239CD7!important; 
	color: #ffffff!important;
}
.btn-secondary,
.btn-secondary.disabled,
.btn-secondary:disabled {
	background-color: #239CD7; 
	border-color: #239CD7;
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {
	background-color: #262455!important; 
	border-color: #262455!important; 
	color: #ffffff!important;
}
.btn-light,
.btn-light.disabled,
.btn-light:disabled {
	background-color: #D3CFD3; 
	border-color: #D3CFD3;
	color: #797979;
}
.btn-light:hover,
.btn-light:focus,
.btn-light:active {
	background-color: #262455!important; 
	border-color: #262455!important; 
	color: #ffffff!important;
}
.btn-light2,
.btn-light2.disabled,
.btn-light2:disabled {
	background-color: #F2F1F2; 
	border-color: #F2F1F2;
	color: #797979;
}
.btn-light2:hover,
.btn-light2:focus,
.btn-light2:active {
	background-color: #239CD7!important; 
	border-color: #239CD7!important; 
	color: #ffffff!important;
}
.btn-dark,
.btn-dark.disabled,
.btn-dark:disabled {
	background-color: #797979; 
	border-color: #797979;
	color: #ffffff;
}
.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active {
	background-color: #262455!important; 
	border-color: #262455!important; 
}

.btn-link,
.btn-link.disabled,
.btn-link:disabled {
	color: #262455;
}
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
	color: #239CD7!important; 
}

.navbar-nav .nav-link {
	padding-left: 0!important;
	padding-right: 0!important;
	color: #ffffff!important;
	
}

/*
.dropdown:hover > .dropdown-menu {
	display: block;
}

.dropdown-toggle:active {
    pointer-events: none;
}
*/

.dropdown:hover > *:not(.dropdown-toggle) + .dropdown-menu {
	display: block;
}

.dropdown-toggle:after {
	display: none;
}

.dropdown-menu {
	border: 0;
	border-radius: 0;
	background: transparent;
	margin: 0;
	padding-bottom: 0;
}

.dropdown-item,
.dropdown-item-text {
	border-radius: 0!important;
	/*background-color: #ffffff!important;*/
	background-color: transparent!important;
	border: 0!important;
	margin-bottom: 2px;
	padding: .25rem .5rem;
	font-size: .9rem!important;
	color: #797979!important;
	
}

.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item.active {
	color: #239CD7!important;	
}

.list-group-item {
	border-radius: 0!important;
	padding-left: 1rem;
	padding-right: 1rem;
	background-color: transparent;
}

.list-group-item a i:after {
	content: 'expand_less';
}

.list-group-item a.collapsed i:after {
	content: 'expand_more';
}

.list-group-item-action:hover,
.list-group-item-action:focus,
.list-group-item-action.active,
.list-group-item-action .list-group-item-action {
	background-color: #262455; 
	border-color: #262455;
	color: #ffffff!important;
}

.list-group-item-action:hover a,
.list-group-item-action:focus a,
.list-group-item-action.active a {
	color: #ffffff!important;
}

.list-group-item-action {
	padding: 0 !important;
}

.list-group-item-action > a {
	display: block;
	padding: 0.25rem 0.5rem;
}

.card {
	color: #212529;
}

.alert {
	border-radius: 0;
}

.modal {
	font-size: 1rem;
	text-transform: none;
}

.popover {
	border-radius: 0;
	/*max-width: 100%;*/
}

.popover-header {
	background-color: transparent;
}

.form-control {
	border-radius: 0;
	color: #333333;
	height: auto;
}

.form-control:focus {
	border-color: #ced4da;
	box-shadow: none;
}

.input-group-sm select {
	height: calc(1.8125rem + 2px);
	font-size: .875rem;
	padding: 0 1.75rem 0 .75rem;
}

.input-group-text {
	border-radius: 0;
	background-color: #D3CFD3;
}

.page-item:first-child .page-link,
.page-item:last-child .page-link {
	border-radius: 0;
}

.page-item.active .page-link {
	background-color: #262455;
	border-color: #262455;
	color: #ffffff;	
}

.custom-select {
	border-radius: 0;
}

.custom-control,
.custom-control-input {
	outline: none;
}

.custom-control-input:checked~.custom-control-label:before {
	border-color: #003063!important;
	background-color: #003063!important;
	box-shadow: none!important;
}

.custom-checkbox .custom-control-label:before {
	border-radius: 0;
	box-shadow: none!important;
}

.custom-file-label {
	border-radius: 0;
	color: #797979;
	background-color: #fff;
	box-shadow: none!important;
	border: 1px solid #ced4da!important;
	height: calc(1.7em + .75rem + 2px);
}

.custom-file-label:after {
	background-color: #003063;
	color: #ffffff;
	border-radius: 0;
	display: none;
}

.custom-file-label-button {
	z-index: 3;
}

.form-label-group {
	position: relative;
	margin-bottom: 1rem;
}

.form-label-group > input,
.form-label-group > label,
.form-label-group .select2-selection {
	height: 3.125rem;
	padding: .75rem;
}

.form-label-group > label {
	position: absolute;
	top: 1px;
	left: 0;
	display: block;
	width: 100%;
	margin-bottom: 0; /* Override default `<label>` margin */
	line-height: 1.5;
	color: #495057;
	pointer-events: none;
	cursor: text; /* Match the input under the label */
	border: 1px solid transparent;
	border-radius: .25rem;
	transition: all .1s ease-in-out;
}

.form-label-group input::-webkit-input-placeholder,
.form-label-group textarea::-webkit-input-placeholder {
	color: transparent;
	opacity: 0;
}

.form-label-group input:-ms-input-placeholder,
.form-label-group textarea:-ms-input-placeholder {
	color: transparent;
	opacity: 0;
}

.form-label-group input::-ms-input-placeholder,
.form-label-group textarea::-ms-input-placeholder {
	color: transparent;
	opacity: 0;
}

.form-label-group input::-moz-placeholder,
.form-label-group textarea::-moz-placeholder {
	color: transparent;
	opacity: 0;
}

.form-label-group input::placeholder,
.form-label-group textarea::placeholder {
	color: transparent;
	opacity: 0;
}

.form-label-group input:not(:placeholder-shown),
.form-label-group textarea:not(:placeholder-shown),
.form-label-group .select2-selection {
	padding-top: 1.25rem;
	padding-bottom: .25rem;
}

.form-label-group input:not(:placeholder-shown) ~ label,
.form-label-group textarea:not(:placeholder-shown) ~ label,
.form-label-group .select2 ~ label {
	padding-top: .25rem;
	padding-bottom: .25rem;
	font-size: 12px;
	color: #777;
}

.form-label-group > textarea {
	padding: .75rem;
}

.top-0 {top: 0;}
.top-25 {top: 25%;}
.top-50 {top: 50%;}
.top-75 {top: 75%;}
.top-100 {top: 100%;}
.top-n25 {top: -25%;}
.top-n50 {top: -50%;}
.top-n75 {top: -75%;}
.top-n100 {top: -100%;}

.right-0 {right: 0;}
.right-25 {right: 25%;}
.right-50 {right: 50%;}
.right-75 {right: 75%;}
.right-100 {right: 100%;}
.right-n25 {right: -25%;}
.right-n50 {right: -50%;}
.right-n75 {right: -75%;}
.right-n100 {right: -100%;}

.bottom-0 {bottom: 0;}
.bottom-25 {bottom: 25%;}
.bottom-50 {bottom: 50%;}
.bottom-75 {bottom: 75%;}
.bottom-100 {bottom: 100%;}
.bottom-n25 {bottom: -25%;}
.bottom-n50 {bottom: -50%;}
.bottom-n75 {bottom: -75%;}
.bottom-n100 {bottom: -100%;}

.left-0 {left: 0;}
.left-25 {left: 25%;}
.left-50 {left: 50%;}
.left-75 {left: 75%;}
.left-100 {left: 100%;}
.left-n25 {left: -25%;}
.left-n50 {left: -50%;}
.left-n75 {left: -75%;}
.left-n100 {left: -100%;}

.border-width-0 {border-width: 0!important;}
.border-width-1 {border-width: .25rem!important;}
.border-width-2 {border-width: .5rem!important;}
.border-width-3 {border-width: 1rem!important;}
.border-width-4 {border-width: 1.5rem!important;}
.border-width-5 {border-width: 3rem!important;}

.opacity-0 {opacity: .0;}
.opacity-25 {opacity: .25;}
.opacity-50 {opacity: .5;}
.opacity-75 {opacity: .75;}
.opacity-100 {opacity: .1;}

.rounded-lg {
	border-radius: 0.8rem!important;
}

.daterangepicker {
	border-radius: 0!important;
	font-family: inherit;
}
.daterangepicker td,
.daterangepicker th {
	border: 0!important;
	border-radius: 0!important;
}
.daterangepicker td.active, 
.daterangepicker td.active:hover {
	background-color: #262455;
}


.select2-hidden-accessible {
	display: none!important; 
}

.select2 .select2-dropdown {
	border-radius: 0!important;
}

.select2-search--dropdown .select2-search__field {
	border-radius: 0!important;
}

.select2-container--bootstrap4 .select2-selection,
.select2-container--bootstrap4 .select2-dropdown,
.select2 .select2-selection,
.select2 .select2-dropdown {
	/*border-color: #239CD7!important;*/
	/*border: 0!important;*/
	
}

.select2-container--bootstrap4 .select2-selection,
.select2 .select2-selection {
	border-radius: 0!important;
	/*padding-left: 1rem;*/
	padding-left: .75rem;
	/*background-color: #239CD7;*/
	font-size: .938rem;
	border-color: #ced4da!important;
}

.select2-container--bootstrap4 .select2-dropdown,
.select2 .select2-dropdown {
	background-color: #F2F1F2;
	border-radius: 0;
	border: 0;
}

.select2 .select2-selection--single .select2-selection__rendered {
	padding: 0;
	/*color: #ffffff;*/
}

.select2-container--bootstrap4 .select2-results > .select2-results__options,
.select2-results > .select2-results__options {
	max-height: 500px;
	border-bottom: .5rem #239CD7 solid;
}

.select2 .select2-selection--multiple .select2-selection__choice {
	border-radius: 0!important;
	color: #333333!important;
	border-color: #ced4da;
	color: #ffffff;

	border: 0;
	padding-left: 0.4rem;
	margin: 0;
}

.select2 .select2-selection--multiple .select2-selection__rendered {
	padding-left: 0;
	padding-top: .2rem;
}

.select2-container--bootstrap4 .select2-search--dropdown .select2-search__field, 
.select2 .select2-search--dropdown .select2-search__field {
	color: #797979!important;
	font-size: .813rem;	
	padding-left: 7px;
	padding-right: 7px;
}

.select2-container--bootstrap4 .select2-results__option,
.select2 .select2-results__option {
	background-color: transparent!important;
	color: #797979!important;
	font-size: .9rem;
}

.select2-container--bootstrap4 .select2-results__option--highlighted,
.select2 .select2-results__option--highlighted {
	background-color: transparent!important;
	/*color: #239CD7!important;*/
	color: #797979!important;
}

.select2-container--bootstrap4 .select2-results__option--highlighted[id^="select2"]:hover {
	color: #239CD7!important;
}

.select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow b {
	display: none!important;
}

.select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow:after {
	content: 'expand_more';
	font-family: 'Material Icons';
	float: right;
	text-transform: none;
	color: #212529;
	font-size: 1.5rem;

	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: 'liga';
}

.select2-container--bootstrap4.select2-container--open .select2-selection .select2-selection__arrow:after {
	content: 'expand_less';	
}


.accordion [data-toggle="collapse"] {
	cursor: pointer;
}

.accordion [data-toggle="collapse"]:after {
	content: 'expand_more';
	font-family: 'Material Icons';
	float: right;
	text-transform: none;

	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: 'liga';
}

.accordion [data-toggle="collapse"]:not(.collapsed):after {
	content: 'expand_less';
}


.fancybox-slide--iframe .fancybox-content {
    width: 800px;
    height: 600px;
    max-width: 55%;
    max-height: 80%;
    margin: 0;
}


/* Page */
body > header {
	z-index: 1060!important;
}

body > header .select2 {
	width: 100%!important;
}

body > header #menuHeader {
	margin-left: -.5rem;
	margin-right: -.5rem;
}

body > header #menuHeader a {
	color: #797979;
	padding-right: .5rem;
	padding-left: .5rem;
	font-size: 1rem;
	
}

body > header #menuHeader a:hover,
body > header #menuHeader a:focus,
body > header #menuHeader a.active {
	color: #239CD7;	
}

body > header #menuMain .nav-item a {
	border-top:2px solid transparent;
	border-bottom:2px solid transparent;
	font-size: 1.0rem;
}

body > header #menuMain .nav-item:hover > a,
body > header #menuMain .nav-item:focus > a,
body > header #menuMain .nav-item.active > a {
	border-color: #239CD7;
}

body > header #clipboard {
	top: 50%;
	transform: translateY(-50%);
}

#menuSub .select2,
#akeneo > .select2,
#akeneo .frame > .select2 {
	display: inline-block;
	max-width: 100%;
	margin-right: 30px;
}

#akeneo > .select2,
#akeneo .frame > .select2 {
	max-width: 20%;
}

#menuSub .select2-container--bootstrap4 .select2-selection, 
#akeneo .select2-container--bootstrap4 .select2-selection, 
#menuSub .select2-container--bootstrap4 .select2-dropdown, 
#akeneo .select2-container--bootstrap4 .select2-dropdown, 
#menuSub .select2 .select2-selection, 
#akeneo .select2 .select2-selection, 
#menuSub .select2 .select2-dropdown, 
#akeneo .select2 .select2-dropdown {
	border-color: #239cd7 !important;
	border: 0 !important;
}

#menuSub .select2-container--bootstrap4 .select2-selection, 
#akeneo .select2-container--bootstrap4 .select2-selection, 
#menuSub .select2 .select2-selection, 
#akeneo .select2 .select2-selection {
	background-color: #239cd7;
}

#menuSub .select2 .select2-selection--single .select2-selection__rendered, 
#akeneo .select2 .select2-selection--single .select2-selection__rendered,
#menuSub .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow:after,
#akeneo .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow:after {
	color: #ffffff;
}

#akeneo .tx-dm-akeneo .select2 .select2-selection {
	background-color: #ffffff;
	border: 1px #D3CFD3 solid!important;
}

#akeneo .tx-dm-akeneo .select2 .select2-selection--single .select2-selection__rendered,
#akeneo .tx-dm-akeneo .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow:after {
	color: #333333;
}

#akeneo .tx-dm-akeneo a[data-toggle="popover"] > .material-icons {
	font-size: 2rem; 
}

#akeneo .frame {
/*	display: inline;*/
	padding-top: 1.5rem;
}

#akeneo .frame-type-list {
	display: inline;
}

#content {
}

#content #certifications {
	z-index: 2;
}

#content #collapsePhotos div,
#content #collapseOptions div {
	font-size: .75rem;
}

#content #collapsePhotos a {
	font-size: 1.35rem;
}

#content #collapseOptions .card-footer {
	min-height: 3.25rem;
}


body > footer {
}

body > footer #menuLanguage,
body > footer #menuFooter {
	margin-left: -.5rem;
	margin-right: -.5rem;
}

body > footer #menuLanguage a,
body > footer #menuFooter a {
	color: #797979;
	padding-right: .5rem;
	padding-left: .5rem;
	font-size: 0.75rem;
	
}

body > footer #menuLanguage a:hover,
body > footer #menuLanguage a:focus,
body > footer #menuLanguage a.active,
body > footer #menuFooter a:hover,
body > footer #menuFooter a:focus,
body > footer #menuFooter a.active {
	color: #239CD7;	
}

.tx-dm-akeneo .lazyloading {
	opacity: 1;
	animation: l 1s linear infinite;
	border: 4px solid #797979;
	border-bottom-color: #fff;
	border-radius: 50%;
	height: 50px;
	width: 50px;
	margin: 15px auto;
}

@keyframes l {
	to {
		transform: rotate(1turn)
	}
}

.tx-dm-akeneo #images .carousel-inner img {
	object-fit: contain;
	/*height: 400px;*/
	max-height: 400px;
}

.tx-dm-akeneo .card-body img {
	object-fit: contain;
	max-height: 125px;
}

#p1 {
	padding: 0;
	margin: 0;
	background: #f5f5f5 url(../images/background.jpg) no-repeat center center;
	background-size: cover;
}


/* Media queries */
@media (max-width: 1589px) {

}

@media (max-width: 1361px) {

}

@media (max-width: 1199px) {
	.dropdown-menu {
		padding-top: 0;
	}

	body > header #clipboard {
		top: .5rem;
		transform: none;
	}
}

@media (max-width: 991px) {
	#menuSub .select2,
	#akeneo > .select2, 
	#akeneo .frame > .select2 {
		margin-right: 0;
		margin-bottom: 1rem;
		width: 100%!important;
		max-width: none;
	}
}

@media (max-width: 767px) {

}

@media print {
	body {
		padding-top: 0;
	}
}