:root {
    --beforce-blue: #318db3;
		--beforce-lightblue: #54A9D1;
		--beforce-white: #fff;
    --beforce-lightgrey: #ebebeb;
    --beforce-grey: #c4c4c4;
    --beforce-darkgrey: #706f6f;

		--main: #1D1D1B;

		--footer-grey: #D8D8D8;
}

body {
	font-size: 1.125rem;
	color: var(--main);
}

body, p, html, h1, h2, h3, h4, h5, .text-content {
 font-family: 'Fira Sans';
}

body {
 background-image: unset;
}

body:before {
	display: block;
	content: "";
	background-color: rgba(0,0,0, .6);
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	pointer-events: none;
	opacity: 0;
	transition: .3s ease-in-out;
	z-index: 10;
}

/*
body.no-scroll {
	max-height: 100%;
	overflow: hidden;
}
*/

body.no-scroll:before {
	opacity: 1;
}


a {
	color: inherit;
	transition: .3s ease-in-out;
}

a:hover {
	color: var(--beforce-blue);
}

img,
video {
  display: block;
  max-width: 100%;
  height: auto;
}

.text-white {
    color: #fff;
}
.text-lightgrey {
    color: var(--beforce-lightgrey);
}
.text-grey {
    color: var(--beforce-grey);
}
.text-darkgrey {
    color: var(--beforce-darkgrey);
}
.background-lightgrey {
    background-color: var(--beforce-lightgrey);
}
.background-beforce-blue {
    background-color: var(--beforce-blue);
}
.background-beforce-white {
	background-color: var(--beforce-white);
}


.header {
	position: relative;
}

.header-img img {
	height: auto;
	width: 100%
}

.media-img img {
	border-radius: 30px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.teaser img {
	height: auto;
	width: 100%
}

.no-scroll .header {
	position: relative;
	z-index: 1000;
	background-color: #fff;
	padding-bottom: 25px;
}

/* TITLE */
.jumbotron-title {
    padding: 20px 0 20px 0;
}

/*==== CSS Startpage====*/

.infos {
	width: 100%;
	display: flex;
	align-items: center;
	text-align: center;
	margin-bottom: 1%;
}

.infos {
	margin-top: -2%;
}

/* INFOS */
.i-head {
	color: var(--beforce-blue);
	margin-top: 2.5vw;
	margin-bottom: 2.5vh;
}

.i-img {
	display: inline-block;
}

/* TOPICS */
.t-head {
	color: white;
	text-align: left;
	margin-top: 2.5vw;
	margin-bottom: 2.5vh;
}
.t-text {
	text-align: left;
}

.topics-img img {
  	border-top-right-radius: 30%;
}

/*==== NEWS ====*/
/* styling for page "aktuelles" and page-type "blog" */ 

.news {
	display: flex;
	margin-top: 4vh;
}

.n-head {
	color: var(--beforce-blue);
	margin-bottom: 4vh;
	text-align: center;
}

.news-img {
	display: flex;
	margin-bottom: 5%;
	
}

.news-title {
	color: var(--beforce-blue);
	margin-bottom: 5%;
	font-weight: bolder;
}

.news-title a {
	text-decoration: none;
	color: var(--beforce-blue); 
}

.news-btn, .news-btn:hover {
	margin-top: 5%;
	background-color: var(--beforce-blue);
	color: #ffffff;
}

.news-btn a {
	color: white;
	text-decoration: none;
}

.news-btn a:hover {
	background-color: var(--beforce-blue);
}

/*
.blog-btn {
	background-color: var(--beforce-blue);
	color: #ffffff;
}

.blog-btn:hover {
  color: var(--beforce-blue);
  background-color: #fff;
  border: 1px solid var(--beforce-blue);
}

.blog-btn a {
	color: white;
	text-decoration: none;
}

.blog-btn a:hover {
	color: var(--beforce-blue);
}
*/


.blog-btn {
	background-color: #fff;
	color: var(--beforce-blue);
    border: 1px solid var(--beforce-blue);
}

.blog-btn:hover {
  color: var(--beforce-blue);
  background-color: #fff;
  border: 1px solid var(--beforce-blue);
}

.blog-btn a {
	color: var(--beforce-blue);
	text-decoration: none;
}

.blog-btn a:hover {
	color: var(--beforce-blue);
}



.btn-primary:active {
  color: #318DB3;
  background-color: #fff;
  border: 1px solid #318DB3;
}

.btn-primary a {
 text-decoration: none;
}

.tag-area {
 margin-top: 3%;
 margin-bottom: 5%;
}

.subheader {
 color: #000;
}

.field--tags__items {
 pointer-events: none;
}


.search-result__meta {
 display: none !important;
}


.js-form-item-combine, #edit-submit-blog, #edit-date-wrapper, input#edit-reset {
	display: none;
}


.field.field--name-field-start-time-of-funding.field--type-datetime.field--label-hidden.field__item {
	margin-right: 0.2em;
}

.field.field--name-field-present-end-time-of-fundin.field--type-datetime.field--label-hidden.field__item {
	margin-left: 0.2em;
}


/*==== Publikationen Date Filter ====*/
#edit-date-min {
	margin-right: 0.7em;
}
#edit-date-min, #edit-date-max {
	width: unset;
}

/*==== Projekte Filter ====*/
#edit-status {
    display: inline-flex;
    align-items: flex-end;
}