/* KLARO */

.klaro .cookie-notice {
	box-shadow:    none !important;
	border-radius: 0 !important;
	bottom:        0 !important;
	right:         0 !important;
	max-width:     100vw !important;
	background:    rgba(55, 55, 55, 0.9) !important;
	z-index:       10000 !important;
}

.klaro .cookie-notice .cn-body {
	padding:    0 !important;
	text-align: center !important;
}

.klaro .cookie-notice .cn-body p {
	display: inline-block !important;
}

.klaro .cookie-notice .cn-body p:first-of-type {
	margin-right: 24px !important;
	margin-left: 24px !important;
}

.klaro .cookie-modal .cm-modal {
	background: #ffffff !important;
	color:      #001144 !important;
}

.klaro .cookie-modal h1,
.klaro .cookie-modal h2,
.klaro .cookie-modal li,
.klaro .cookie-modal p,
.klaro .cookie-modal ul {
	color: #001144 !important;
}

.klaro .cookie-modal h1,
.klaro .cookie-modal h2 {
	font-family: 'FagoWebBold', sans-serif !important;
}

.klaro .cookie-modal .cm-modal .cm-header {
	padding: 2em !important;
	border-bottom: 1px solid #ccc !important;
}

.klaro .cookie-modal .cm-modal .cm-body {
	padding: 2em !important;
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app span.cm-opt-out,
.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app span.cm-required {
	padding-left: 1em !important;
}

.klaro .cookie-modal .slider, .klaro .cookie-notice .slider {
	box-shadow: none !important;
}

.klaro .cookie-modal .cm-modal .cm-footer {
	padding: 1.25em 2em !important;
	border-top: 1px solid #ccc !important;
}

.klaro .cookie-modal .cm-modal .cm-footer a.cm-powered-by {
	display: none !important;
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app.cm-toggle-all {
	border-top: 1px solid #ccc !important;
}

.klaro .cookie-modal .switch input:checked + .slider,
.klaro .cookie-notice .switch input:checked + .slider {
	background-color: #001144 !important;
}

.klaro .cookie-modal .switch .slider::before,
.klaro .cookie-notice .switch .slider::before {
	background-color: #ffffff !important;
}

.klaro .cookie-modal .switch input:checked + .slider::before,
.klaro .cookie-notice .switch input:checked + .slider::before {
	background-color: #88dd00 !important;
}

.klaro .cookie-modal a,
.klaro .cookie-notice a {
	color: #88dd00 !important;
}

.klaro .cookie-modal a.cm-btn.cm-btn-success,
.klaro .cookie-notice a.cm-btn.cm-btn-success {
	display:       inline-block;
	height:        30px;
	background:    #88dd00 !important;
	color:         #001144 !important;
	padding:       5px 22px !important;
	border-radius: 3px !important;
	font-weight:   bold !important;
	font-size:     1.2em !important;
	box-shadow:    none !important;
	margin-bottom: 10px !important;
}

.klaro .cookie-modal a.cm-btn.cm-btn-danger,
.klaro .cookie-notice a.cm-btn.cm-btn-danger {
	display:       none;
	height:        27px;
	background:    #001144 !important;
	padding:       2px 18px !important;
	border-radius: 3px !important;
	font-weight:   500 !important;
	box-shadow:    none !important;
}

/* HEADER */

header.container-header .header-top::after {
	content: '';
	display: inline-block;
	width:   100%;
}

#menuToggle + label {
	right:        1rem;
	margin-top:   -4px;
	border-color: #fff;
}

@media screen and (max-width: 1099px) {

	#menu-topmenu > li:last-child > a > span {
		border-bottom: none;
	}
}

/* SUBMENU */
.container-submenu {
	height:   60px;
	width:    100vw;
	position: absolute;
	top:      6.5rem;
	left:     0;
	z-index:  2;
	padding:  12px 1rem;
}

.container-submenu.affix {
	position: fixed;
	top:      7rem;
}

@media screen and (min-width: 1100px) {
	.container-submenu,
	.container-submenu.affix {
		top: 8rem;
	}
}

@media screen and (min-width: 1340px) {
	.container-submenu {
		padding: 12px 36px;
	}
}

.container-submenu a {
	height:       36px;
	width:        192px;
	margin-right: 12px;
}

/* SLIDER TO REAL FULLSCREEN (minus MAINMENU) */

.master-slider-fullscreen .ms-container,
.master-slider-fullscreen .ms-container .ms-inner-controls-cont,
.master-slider-fullscreen .ms-container .ms-view,
.master-slider-fullscreen .ms-container .ms-view .ms-slide-container,
.master-slider-fullscreen .ms-container .ms-view .ms-mask-frame,
.master-slider-fullscreen .ms-container .ms-view .ms-slide {
	height:     100% !important;
	background: none;
}

@media screen and (max-width: 499px) {
	.master-slider-fullscreen .ms-container .ms-view,
	.ms-slide .ms-slide-layers,
	.ms-overlay-layers .ms-slide-layers,
	.ms-fixed-layers {
		overflow: visible;
	}
}

.ms-skin-default .ms-nav-next,
.ms-skin-default .ms-nav-prev {
	display:    block !important;
	top:        auto;
	left:       auto;
	right:      2rem;
	bottom:     1rem;
	width:      2rem;
	height:     3rem;
	text-align: center;
	color:      #88dd00;
	opacity:    0.75 !important;
}

.ms-skin-default .ms-nav-next:hover,
.ms-skin-default .ms-nav-next:focus,
.ms-skin-default .ms-nav-next:active,
.ms-skin-default .ms-nav-prev:hover,
.ms-skin-default .ms-nav-prev:focus,
.ms-skin-default .ms-nav-prev:active {
	opacity: 1 !important;
}

.ms-skin-default .ms-nav-prev {
	right: 4rem;
}

.ms-skin-default .ms-nav-next::before,
.ms-skin-default .ms-nav-prev::before {
	content:     '\276c';
	font-family: Arial, sans-serif;
	font-size:   3rem;
	line-height: 1;
}

.ms-skin-default .ms-nav-next::before {
	content: '\276d';
}

.ms-slide .ms-layer,
.ms-fixed-layers .ms-layer,
.ms-overlay-layers .ms-layer {
	width: 100%;
}

.master-slider .ms-anim-layers {
	position:   relative;
	top:        100%;
	margin-top: -10rem;
}

@media screen and (min-width: 500px) {
	.master-slider .ms-anim-layers {
		top:               40%;
		margin-top:        0;
		-webkit-transform: translateY(-50%);
		-moz-transform:    translateY(-50%);
		-ms-transform:     translateY(-50%);
		-o-transform:      translateY(-50%);
		transform:         translateY(-50%);
	}
}

.ms-slide .ms-layer,
.ms-fixed-layers .ms-layer,
.ms-overlay-layers .ms-layer {
	position:  relative;
	font-size: inherit !important;
}

.master-slider .grid {
	padding: 0;
}

@media screen and (min-width: 500px) {
	.master-slider .ms-layer > .grid {
		max-width: 1280px;
		padding:   0 1rem;
		margin:    auto;
	}
}

@media screen and (min-width: 1340px) {
	.master-slider .ms-layer > .grid {
		max-width: none;
		padding:   0 36px;
	}
}

.master-slider .ms-layer * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}

/* PAGECREATOR TEMPLATES */

.container-submenu label.select {
	position:       relative;
	flex:           1 1 0;
	font-size:      11px;
	vertical-align: top;
	cursor:         pointer;
}

.container-submenu .project-view + label.select {
	margin-left: 24px;
}

.container-submenu label.select::before {
	content:           '❭';
	position:          absolute;
	right:             0;
	width:             36px;
	height:            36px;
	text-align:        center;
	font-size:         1.5rem;
	color:             rgb(0, 129, 161);

	-webkit-transform: rotate(90deg);
	-moz-transform:    rotate(90deg);
	-ms-transform:     rotate(90deg);
	-o-transform:      rotate(90deg);
	transform:         rotate(90deg);
}

.container-submenu select {
	margin:             0;
	padding:            0.5rem 1.75rem 0.5rem 0.5rem;
	width:              100%;
	height:             36px;
	vertical-align:     top;
	color:              rgb(0, 129, 161);
	text-transform:     uppercase;
	border:             1px solid rgb(0, 129, 161);
	background:         none;
	-webkit-appearance: none;
	-moz-appearance:    none;
	appearance:         none;
	cursor:             pointer;
	overflow:           hidden;
	-ms-text-overflow:  ellipsis;
	text-overflow:      ellipsis;
}

.container-white {
	background-color: #fff;
	padding:          24px;
}

.container-grey {
	background-color: #eee;
	padding:          120px 0 48px;
}

.container-grey::before,
.container-services .services-block:nth-child(even)::after {
	content:           '';
	background-color:  #eee;
	width:             100vw;
	position:          absolute;
	left:              50%;
	top:               0;
	height:            100%;
	display:           block;
	z-index:           -1;

	-webkit-transform: translateX(-50%);
	-moz-transform:    translateX(-50%);
	-ms-transform:     translateX(-50%);
	-o-transform:      translateX(-50%);
	transform:         translateX(-50%);
}

form.wpcf7-form {
	margin-top: 64px;
}

form.wpcf7-form .grid {
	margin:  -2rem auto 0;
	padding: 0;
}

form.wpcf7-form p:nth-last-child(3) {
	margin-bottom: 0;
}

.container-submenu {
	height: 60px;
}

.container-submenu + * {
	margin-top: 60px;
}

.container-submenu a,
form .wpcf7-submit {
	background-color: #ccf1f5;
	height:           36px;
	width:            auto;
	color:            rgb(0, 129, 161);
	text-transform:   uppercase;
	border:           none;
	font-size:        11px;
	font-weight:      bold;
	display:          inline-block;
	text-align:       center;
}

form .wpcf7-submit {
	width: 192px;
}

@media screen and (min-width: 1281px) {
	.container-submenu a {
		width: 192px;
	}
}

.col-auto + [class*="col-"], [class*="col-"] + .col-auto {
	margin-left: 0;
}

select[data-field=city] + .selectize-control,
select[data-field=district] + .selectize-control {
	padding:       0;
	height:        auto;
	border:        none;
	border-radius: 0;
	box-shadow:    none;
}

select[data-field=city] + .selectize-control.form-control,
select[data-field=district] + .selectize-control.form-control {
	background-color: transparent;
}

select[data-field=city] + .selectize-control .selectize-input,
select[data-field=city] + .selectize-control .selectize-input.full,
select[data-field=city] + .selectize-control .selectize-input.input-active,
select[data-field=district] + .selectize-control .selectize-input,
select[data-field=district] + .selectize-control .selectize-input.full,
select[data-field=district] + .selectize-control .selectize-input.input-active {
	padding:    8px;
	height:     2.2em;
	box-shadow: none;
}

.filter_header select[data-field=city] + .selectize-control .selectize-input,
.filter_header select[data-field=city] + .selectize-control .selectize-input.full,
.filter_header select[data-field=city] + .selectize-control .selectize-input.input-active,
.filter_header select[data-field=district] + .selectize-control .selectize-input,
.filter_header select[data-field=district] + .selectize-control .selectize-input.full,
.filter_header select[data-field=district] + .selectize-control .selectize-input.input-active {
	padding:          14px 8px;
	border:           none;
	background-color: transparent;
}

select[data-field=city] + .selectize-control .selectize-input::before,
select[data-field=city] + .selectize-control .selectize-input::after,
select[data-field=district] + .selectize-control .selectize-input::before,
select[data-field=district] + .selectize-control .selectize-input::after {
	display: none;
}

select[data-field=city] + .selectize-control .selectize-input input,
select[data-field=district] + .selectize-control .selectize-input input {
	height: auto !important;
}

select[data-field=city] + .selectize-control .selectize-dropdown,
select[data-field=district] + .selectize-control .selectize-dropdown {
	padding:       0;
	height:        auto;
	border-radius: 0;
}

.filter_header select[data-field=city] + .selectize-control .selectize-dropdown,
.filter_header select[data-field=district] + .selectize-control .selectize-dropdown {
	margin-top: 5px;
	border:     none;
}

select[data-field=city] + .selectize-control .selectize-dropdown .option:hover,
select[data-field=district] + .selectize-control .selectize-dropdown option:hover {
	color:            #014;
	background-color: transparent;
}

@media screen and (min-width: 200px) and (max-width: 680px) {
	.posttypelist_job .job-bereich,
	.posttypelist_job .job-area {
		display: none;
	}
}