/*
==================================================
GENERAL
==================================================
*/
	body {
		font: 1.6em/1.5 'Ubuntu', Arial;
		color: #7b7b7b;
		color: #000;
	}

	a {
		color: #0068c7;
	}
	a:hover {
		color: #3da0fb;
	}

	input, select, textarea {
		box-shadow: none;
		border: 1px solid #8c8c8c;
	}

	.button {
		background: #8c8c8c;
		color: #fff;
		border: none;
		min-width: 260px;
		width: 260px;
	}
	.button.button--primary {
		background: #FECC2F;
		color: #000;
	}

	h1, h2, h3, h4, h5, h6 {
		font-family: 'Ubuntu', Arial;
		font-weight: normal;
		color: #5d5d5d;
		color: inherit;
	}
	h1 {
		font-size: 40px;
		font-size: 4rem;
	}
	h2 {
		font-size: 40px;
		font-size: 4rem;
	}
	.light h2{
		border-left: 20px solid #FECC2F;
		padding-left: 10px;
		color: #000;
	}

	.layout-slider h2 ,
	.light.layout-slider h2 {
		border-left: none;
		padding-left: 0;
		color: #fff;
	}

	.primary h2{
		color: #000;
	}
	h3 {
		font-size: 28px;
		font-size: 2.8rem;
		display:inline-block;
		background: #FECC2F;
		padding:0 0.5em;}
	h4 {
		font-size: 28px;
		font-size: 2.8rem;
		color: #FECC2F;
	}
	.primary h4 {
		color:#000;		
	}
	
	h5 {
		font-size: 15px;
		font-size: 1.5rem;
	}
	h6 {
		font-size: 15px;
		font-size: 1.5rem;
	}
	
	tr > * {border:0;}
	th {background:0; color:inherit; border:0;}
	.primary table tr > * {background:#c4c4c6; border-bottom:1px solid #fff;}

	/* Formulare */
	select {padding:0; }
	input, select, textarea {width:100%; border-color:#d5d5d5;}
	.etagen-form-dynamic {margin:0 -5px 10px;}
	.etagen-form-dynamic label {display:none;}
	input[type=checkbox] ~ label, [type="radio"] ~ label  {display:block;}
	input[type="checkbox"], input[type="radio"] {top:0.75em;}
	.etagen-form-dynamic .form-item, .etagen-form-dynamic  p {padding:5px;}
	option[disabled] {display:none;}
	
	
	.etagen-form-dynamic  .js-form-type-checkbox, .etagen-form-dynamic   .js-form-type-radio {float:left; clear:both; width:100%;}
	.etagen-form-dynamic  .button {clear:both; float:right;}
	
	
	@media screen and (min-width: 1024px) {		
		.etagen-form-dynamic {width:66%;}
	}
	@media screen and (min-width: 650px) {		
		.etagen-form-dynamic .form-item:not(.js-form-type-textarea):not(.form-checkboxes):not(.js-form-type-checkbox):not(.js-form-type-radio):not(fieldset) {width:50%; clear:none;}
	}
	
	
/*
==================================================
Header/Footer
==================================================
*/
footer .row > .col ,
header .row > .col {
	padding: 0;
}

footer .section {
	margin-bottom: 0;
}

footer .branding,
footer .footer-menu{
	margin: 30px 0;
}

.header-column {
	display: flex;
}

.header-column .branding {
	float: none;
	max-height: 7em;
	max-width: 50%;
	padding: 1em;
	margin-right: 2em;
}

.header-column .branding img {
	height: 100%;
	width: auto;
	max-width: unset;
}

/*
==================================================
Navigation
==================================================
*/
#block-hauptnavigation {
	float: left;
	padding: 44px 30px 0 0;
	margin: 0 0 0 10rem;
}

.mainmenu-open #block-hauptnavigation {
	padding-top: 1em;
}

.mainmenu-open, .mainmenu-open body {
	overflow: hidden;
}

.menu-toggle i {
	display: none;
}

#block-hauptnavigation ul {
	display: flex;
}

#block-hauptnavigation ul li {
	padding:0 25px;
}

#block-hauptnavigation a{
	color: #000;
	font-size: 24px;
	text-decoration: none;
}

#block-client-footer-second,
#block-client-footer {
	float: left;
	padding: 30px;
}

#block-client-footer {
	margin: 0 0 0 10%;
}

.address {
	float: right;
	color: #fff;
	padding: 30px;
}

#block-client-footer-second ul li,
#block-client-footer ul li{
	float: none;
}


#block-client-footer-second a,
#block-client-footer a{
	color: #FECC2F;
	font-size: 18px;
}

@media screen and (max-width: 1200px) {
	#block-hauptnavigation {
		margin: 0 ;
	}
	#block-hauptnavigation ul li {
		padding:0 20px;
	}

}

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

	#block-hauptnavigation {
		position: absolute;
		right: 0;
		margin-left: 30px;

	}

	#block-hauptnavigation > ul {
		margin: 0;
		display: none;
	}

	.menu-toggle i.fa-bars {
		display: block;
	}

	.is-open .menu-toggle i.fa-bars {
		display: none;
	}

	.is-open .main-menu-toggle{
		position: absolute;
		top: 15px;
		right: 15px;
	}

	.is-open .fa-times {
		display: block;
	}


	#block-client-footer {
		margin: 0 0 0 5%;
	}

	#block-hauptnavigation.is-open {
		right: 0px;
		background-color: #FECC2F;
		z-index: 100;
		width: 100%;
		position: absolute;
		margin: 135px 0 0;
		transition: 0.5s;
	}

	#block-hauptnavigation.is-open:before {
		display: block;
		content: '';
		position: fixed;
		top: 135px;
		left: 0;
		right: 0;
		bottom: 0;
		background: #FECC2F;
		opacity: 0.5;
		transition: opacity 0.5s;
		height: 100vh;
	}

	#block-hauptnavigation.is-open > ul{
		display: block;
		padding-bottom: 1em;
		position: relative;
	}

	#block-hauptnavigation.is-open > ul > li{
		 float: none;
	 }
}

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

	footer .branding {
		clear: both;
		float: none;
		padding: 30px;
	}

	#block-client-footer {
		margin: 0 0 0 0;
		padding: 30px 30px 30px 0;
	}

	#block-client-footer-second {
		margin: 0 0 0 0;
		padding: 30px 0 30px 30px;
	}

	.address,
	.footer-menu{
		clear: both;
		float: none;
		padding: 30px;
	}

	.footer-menu {
		padding: 0 30px;
	}



}



/*
==================================================
Branding
==================================================
*/
.branding {
	float: left;
	width: 230px;
	padding: 30px 0 30px 30px;
}


/*
==================================================
Suchformular
==================================================
*/


header .searchform  {display:block; transition:0.5s; clear:none;}

header .searchform {
	height: 100%;
	padding: 2.3em 30px;
	margin: 0;
	flex-grow: 1;
}

.searchform .form-actions {
	right: 30px;
}

form > div, fieldset > div {
	margin-bottom: 0px;
	width: 100%;
}

.searchform .form-item input {
	font-size: 19px;
	font-weight: 300;
	border: none;
	padding: 0.5em;
	-webkit-appearance: none;
}

.searchform .form-actions input {
	background: url(../layout/lupe.svg) center no-repeat;
}

@media screen and (max-width: 1024px) {
	.header-actions input {height:28px;}
	.header-actions .form-actions {bottom:auto;font-size:0.7em;}
	.header-actions .form-actions .button {height:28px; width:2.9em;}
	#edit-searchstring {transition:0.5s;}
	header .form-item  {transition:0.5s;}
	.searchform .form-item input {padding-right:2em;}

	header .searchform .form-item {
		padding-right: 0.5em;
	}

	header .searchform .form-actions {
		right: 2.3em;
	}

	header .searchform {
		min-width: 100vw;
		padding-right: 2em;
	}

	.header-column {
		flex-wrap: wrap;
	}
}

/*
==================================================
Sprachwähler
==================================================
*/
.language {
	margin: 3em 1em auto;
	flex-shrink: 0;
	max-width: 50vw;
}

.language ul {
	margin: 0;
	padding: 0.5em 0.5em 0.25em;
}

.language ul li{
	margin: 0;
	padding: 0;
	list-style: none;
	width: 24px;
	margin-bottom: 10px;
	border: 1px solid #000;
}

.language li {
	display: none;
	width: 24px;
}


.language li a{
	display: block;

}

.language li a img{
	display: block;
	width: 24px;
}

.language li.is-active {
	display: block;
}

html .language ul:hover li {
	display: block;
}

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

	.language > ul {
		display: flex;
	}

	.language > ul > li {
		display: block;
	}

	.language > ul > li:not(:first-child) {
		padding-left: 0.5em;
	}

}

@media screen and (max-width: 480px) {
	.language  {
		display: none;
	}

	.mainmenu-open .language {
		display: block;
	}
}

/*
==================================================
Media Teaser
==================================================
*/
.section-type-media.wide.layout-grid .col {
	padding: 0px 1px;
}



/*
==================================================
Content Teaser
==================================================
*/

.teaser-pseudo-button {
	float: right;
}
.section-type-content-teaser.wide.layout-grid .col {
	padding: 0px 1px;
}
.section-type-content-teaser.narrow.layout-grid .col {
	padding: 0px 5px;
}

.section-type-content-teaser.wide.layout-grid .row {
	margin: 0 -1px;
}

.section-type-content-teaser.layout-grid article{
	position: relative;
}

.section-type-content-teaser.layout-grid article .media img{
	width: 100%;
}

.section-type-content-teaser.layout-grid article:not(.nodecount-2) .inner,
.teasertiles .inner {
	position: absolute;
	bottom: 0;
	width: 100%;
	background-color: rgba(0,0,0,0.8);
	padding:1em
}

.section-type-content-teaser.layout-grid article:not(.nodecount-2) .inner h2,
.teasertiles .inner h2
{
	font-size:inherit; 
	color: #fff;
	border: 0;
	padding: 0;
	margin: 0;
}
.section-type-content-teaser.layout-grid article:not(.nodecount-2):hover .inner,
.teasertiles a:hover .inner {
	background-color: #FECC2F;
}

.section-type-content-teaser.layout-grid article:not(.nodecount-2):hover .inner h2,
.teasertiles a:hover .inner h2 {
	color: #000;
}

.section-type-content-teaser.layout-grid article.nodecount-2 h2{
	color: #000;
	border: 0;
	padding: 0;
	margin: 10px 0 5px;
}

/* SLIDER */
.section-type-page-header {
	overflow: hidden;
	margin-top: -30px;
}

.section-type-page-header .views-element-container,
.section-type-page-header .row,
.section-type-page-header .col {
	max-width: 100% !important;
	width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
}
.section-type-page-header > .row > .col {
	position: relative;
	display: flex;
	flex-direction: column;
}
.section-type-page-header .views-element-container {
	position: absolute;
	z-index: 100;
	top: 0;
	bottom: 0;
}

.section-type-page-header > .row > .col > *:not(.views-element-container) {
	z-index: 200;
	color: white;
	margin-left: 20%;
}

.section-type-page-header > .row > .col > h1,
.section-type-page-header > .row > .col > h2,
.section-type-page-header > .row > .col > h3,
.section-type-page-header > .row > .col > h4 {
	padding-top: 2em;
}

.section-type-page-header > .row > .col *:last-child {
	padding-bottom: 2em;
}

.section-type-page-header em {
	color: #FECC2F;
	font-style: normal;
}

.section-type-page-header .views-element-container .figure {
	position: relative;
	width: 100%;
}

.section-type-page-header .views-element-container .img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.section-type-page-header .views-element-container * {
	height: 100%;
	margin: 0 !important;
	padding: 0 !important;
}

.section-type-content-teaser.layout-slider .col {
	padding: 0px;
}

.section-type-content-teaser.layout-slider .col:not(:first-child) {
	height: 0;
	overflow: hidden;
	min-height: 0;
}

.section-type-content-teaser.layout-slider .col:first-child ,
.section-type-content-teaser.layout-slider .col.slick-slide {
	height: auto;
	overflow: auto;
	min-height: 1px;
}


.section-type-content-teaser.wide.layout-slider > * {
	max-width: 100%;
}


.section-type-content-teaser.layout-slider .teaser-pseudo-button {
	padding: 1em;
	background-color: #000;
	border: 1px solid #FECC2F;
	display: block;
	position: absolute;
	bottom: 1em;
	right: 1em;
}

.section-type-content-teaser.layout-slider .slick-track {
	background-color: #000;
}

.section-type-media.layout-slider .slider-box,
.section-type-content-teaser.layout-slider .promoted .slider-box {
	height: 100%;
	position: absolute;
	left:0;
	width: 40%;
	background-color: #000;
}

.section-type-media.layout-slider .inner,
.section-type-content-teaser.layout-slider .promoted .inner {
	position: absolute;
	top: 0;
	width: 100%;
}

.section-type-media.layout-slider .inner,
.section-type-content-teaser.layout-slider .inner {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}

.section-type-media.layout-slider .clearfix,
.section-type-content-teaser.layout-slider .clearfix {
	height: 100%;
	display: flex;
	flex-direction: column;
}

.layout-slider.layout-slider .block-slider {
	display: block;
}

.section-type-content-teaser.layout-slider .inner p {
	width: 30%;
	flex-grow: 1;
}

.section-type-content-teaser.layout-slider .promoted .inner .top-slider {
	color: #FECC2F;
	position: relative;
	margin: 0 auto;
	padding: 1em 0 0 3em;
	width: 100%;
}


.section-type-content-teaser.layout-slider .promoted .inner .content {
	color: #FECC2F;
	position: relative;
	margin: 0 auto;
	padding: 0 0 0 3em;
}

.section-type-media.layout-slider .inner .content,
.section-type-content-teaser.layout-slider .inner .content{
	color: #FECC2F;
	position: relative;
	margin: 0 auto;
	padding-left: 3em;
	width: 100%;
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

.section-type-media.layout-slider .slider-flex-dummy,
.section-type-content-teaser.layout-slider .slider-flex-dummy {
	flex-grow: 1;
}

.section-type-content-teaser.layout-slider .inner .button{
	float: right;
	margin-top: 50px;
}

.teasertiles a {display:block; position:relative;}
.teasertiles > *  > .col-6 > *  > * { padding:1px !important;}
.teasertiles img {width:100%;}
.teasertiles .col-12:last-child img {height:100%;}
.teasertiles > .row, 
.teasertiles > .row > .col-6:first-child,
.teasertiles > .row > .col-6:first-child > *,
.teasertiles .col-12:last-child,
.teasertiles .col-12:last-child a,
.teasertiles .col-12:last-child a *
 {display:flex; flex-wrap:wrap; align-items:stretch; align-content:stretch;}
 .teasertiles > .row > .col-6:first-child * {width:100%;}

 @media screen and (max-width: 900px) {
	 .section-type-content-teaser.layout-slider a {
		 display: flex;
		 flex-direction: column;
		 background-color: #000;
	 }

	 .section-type-content-teaser.layout-slider .promoted .inner,
	 .section-type-content-teaser.layout-slider .inner {
		 position: relative;
	 }

	 .section-type-media.layout-slider .slider-box,
	 .section-type-content-teaser.layout-slider .promoted .slider-box,
	 .section-type-content-teaser.layout-slider .slider-box {
		 display: none;
	 }

	 .section-type-content-teaser.layout-slider .teaser-pseudo-button {
		 position: relative;
		 bottom: 0;
		 border: none;
	 }

	 .section-type-content-teaser.layout-slider .inner p {
		 width: auto;
	 }
 }

/*
==================================================
Abstände, Größen, Ausrichtungen
==================================================
*/
	.narrow > *, .wide > * {
		margin: 0 auto;
	}

	.narrow > * {
		max-width: 1200px;
	}
	.wide > * {
		max-width: 1600px;
	}

	.col, [class^="col-"], [class*=" col-"] {
		padding: 30px;
	}
	.col .row {
		margin: 0 -30px;
	}
  .inner {
    /* padding: 30px; */
    padding:0;
  }
	.narrow.section-type-content-teaser.layout-grid .block-grid {margin:0 -9px;}

/*
==================================================
Section colors
==================================================
*/
.layout-container > header {
	background-color: #FECC2F;
}

.layout-container > footer {
	background-color: #000;
}

.section {
	width: 100%;
	margin-bottom: 30px;
}

main .section:last-child {
	margin-bottom: 0;
}

header .section {
	margin-bottom: 0;
}
	.section.light {
		background-color: #fff;
	}
	.section.middle {
		background-color: #C4C4C6;
	}
	.section.dark {
		background-color: #000;
		color: #fff;
	}

.section.dark h2 {
	color: #FECC2F;
}

	.section.primary {
		background-color: #FECC2F;
		color: #fff;
	}

/*
==================================================
Teaser
==================================================
*/

.g-recaptcha {
	overflow: hidden;
}

.disabled-faq-filter {
	display: none !important;
}

/* MEDIA LIST */
.section.layout-filter .view ul > li > div a, ul.entitylist > li > div a ,
.section.layout-list .view ul > li > div a, ul.entitylist > li > div a {
	margin: -15px;
}
.section.layout-filter .view ul > li a:hover, ul.entitylist > li a:hover ,
.section.layout-list .view ul > li a:hover, ul.entitylist > li a:hover {
	background: rgba(0,0,0,0.05);
	text-decoration: none;
}
.section.layout-filter .view ul > li > div, ul.entitylist > li > div ,
.section.layout-list .view ul > li > div, ul.entitylist > li > div {
	display: table-row;
}
.section.layout-filter .view ul > li > div > div, ul.entitylist > li > div > div ,
.section.layout-list .view ul > li > div > div, ul.entitylist > li > div > div {
	display: table-cell;
	padding: 15px;
}
.section.layout-filter .view ul > li > div > div:first-child, ul.entitylist > li > div > div:first-child ,
.section.layout-list .view ul > li > div > div:first-child, ul.entitylist > li > div > div:first-child {
	width: 40%;
}

/* MEDIA SLIDER */

.section-type-media.wide.layout-slider > * {
	max-width: 100%;
}


/*
==================================================
Views
==================================================
*/
/* List */
.section.layout-filter .view ul, ul.entitylist, ul.searchresults,
.section.layout-list .view ul, ul.entitylist, ul.searchresults {
	list-style: none;
	margin: 0 !important;
}
.section.layout-filter .view ul > li, ul.entitylist > li, ul.searchresults > li ,
.section.layout-list .view ul > li, ul.entitylist > li, ul.searchresults > li {
	border-bottom: 1px solid #eee;
	display: table;
	table-layout: fixed;
	padding: 0;
}
.section.layout-filter .view ul > li:first-child, ul.entitylist > li:first-child, ul.searchresults > li:first-child ,
.section.layout-list .view ul > li:first-child, ul.entitylist > li:first-child, ul.searchresults > li:first-child {
	border-top: 1px solid #eee;
}
.section.layout-filter .view ul > li.seperator, ul.entitylist > li.seperator ,
.section.layout-list .view ul > li.seperator, ul.entitylist > li.seperator {
	background: #eee;
	font-weight: bold;
	padding: 15px;
}
.section.layout-filter .view ul > li a, ul.entitylist > li a, ul.searchresults > li a ,
.section.layout-list .view ul > li a, ul.entitylist > li a, ul.searchresults > li a {
	text-decoration: none;
	display: block;

}
ul.searchresults > li a {
	color: inherit;
}
ul.searchresults > li a:hover {
	background: rgba(0,0,0,0.02);
}
.section.layout-filter .view ul > li > div a, ul.entitylist > li > div a ,
.section.layout-list .view ul > li > div a, ul.entitylist > li > div a {
	margin: -15px;
}
.section.layout-filter .view ul > li a:hover, ul.entitylist > li a:hover ,
.section.layout-list .view ul > li a:hover, ul.entitylist > li a:hover {
	background: rgba(0,0,0,0.05);
	text-decoration: none;
}
.section.layout-filter .view ul > li > div, ul.entitylist > li > div ,
.section.layout-list .view ul > li > div, ul.entitylist > li > div {
	display: table-row;
}
.section.layout-filter .view ul > li > div > div, ul.entitylist > li > div > div ,
.section.layout-list .view ul > li > div > div, ul.entitylist > li > div > div {
	display: table-cell;
	padding: 15px;
}
.section.layout-filter .view ul > li > div > div:first-child, ul.entitylist > li > div > div:first-child ,
.section.layout-list .view ul > li > div > div:first-child, ul.entitylist > li > div > div:first-child {
	width: 50%;
}
ul.entitylist > li > a * {
	display: inline;
	margin: 0;
}
ul.entitylist > li > a > *:after {
	display: inline-block;
	content: "|";
	margin: 0 0.5em;
	font-weight: normal;
}
ul.entitylist > li > a > *:last-child:after {
	display: none;
}

.filter label {
	display: none;
}

.section-type-media.layout-list .extension span,
.section-type-media-automatically.layout-list .extension span,
.section-type-media.layout-filter .extension span,
.section-type-media-automatically.layout-filter .extension span {
	width: 50px;
	display: block;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background-color: #7b7b7b;
	color: #fff;
}

.section.section-type-media.layout-list .view .download-media a ,
.section.section-type-media-automatically.layout-list .view .download-media a ,
.section.section-type-media.layout-filter .view .download-media a,
.section.section-type-media-automatically.layout-filter .view .download-media a,
.etagen-form-dynamic .form-submit {
	padding: 10px 15px;
	background-color: #FECC2F;
	color: #000;
	text-align: center;
}

/* Jobslist */
.section.section-type-content-teaser-automatically.layout-list ul.row li {
	border: 0;
}


/* Media: embedded */
.mediastyle-embedded.mediatype-file,
.mediastyle-embedded.mediatype-youtube-video,
.mediastyle-embedded.mediatype-etagen-flipbook {
	border: none;
	padding: 0;
}

.section-type-media.layout-slider .col ,
.section-type-media.layout-embedded .col-12 {
	padding: 0;
}

.media h3 {
	background: none;
	color: #fff;
}


/*Accordion*/
.accordion {margin-bottom:0.75em;}
.accordion .title {border:0; background:#000; color:#fff; transition:0.5s;}
.accordion .title *, .accordion .title > * > *:after {color:inherit;}
.accordion.open .title, .accordion.opening .title {background:#FECC2F;}

/*
==================================================
Text Media
==================================================
*/
.section-type-text-with-media .text-media {
	padding: 0 30px 0 0;
}

.section-type-text-with-media .text-media img{
	width: 100%;
}

.section-type-text-with-media .swap-col.text-media {
	padding: 0 0 0 30px;
}

.section.section-type-text-with-media {
	display: table;
}

.section.section-type-text-with-media .text-text{
	display: table-cell;
	vertical-align: middle;
}

.section.section-type-text-with-media-two-columns .text-text p {
	line-height: 2em;
}
@media screen and (max-width: 1200px) {
    .section.section-type-text-with-media {
		display: block;
	}
}

@media screen and (max-width: 750px) {
    .section-type-text-with-media .text-media {
		padding:0;
	}
	.section.section-type-text-with-media-two-columns .text-media {
        display: none;
    }
}

@media screen and (max-width: 450px) {
    .section.section-type-text-with-media-two-columns .text-text .col-6 {
        width: 100%;
    }

    .section.section-type-text-with-media-two-columns .text-text .col-6:not(:first-child) {
        padding-top: 0;
    }

    .section.section-type-text-with-media-two-columns .text-text .col-6:not(:last-child) {
        padding-bottom: 0;
    }
}