@charset "UTF-8";
/* CSS Document */


/* ===================================================================================================================== */
/* ===================================================================================================================== */
/* ===================================================================================================================== */
/* ===================================================================================================================== */
/* ===================================================================================================================== */
/* ===================================================================================================================== */

/* Grid Startseite */

/* ===================================================================================================================== */
/* ===================================================================================================================== */
/* ===================================================================================================================== */


.Grid-Text{
	margin-left:auto;
	margin-right:auto;
	display: grid;
  	grid-template-columns: 25% 25% 25% 25%;
	grid-auto-rows:auto;
	grid-gap: 0;
	max-width:100%;
	grid-template-areas:
		' . . . . . . . . . . . . . . . . ';
}




/* Main Content Grid */

/* ===================================================================================================================== */
/* ===================================================================================================================== */
/* ===================================================================================================================== */

.ContentGrid{
	margin-left:auto;
	margin-right:auto;
	max-width: 100%;
	display: grid;
    grid-template-columns: repeat(auto-fill, minmax(25%, auto));
    grid-gap: 0;
    grid-auto-flow: dense;
}

.ContentGrid .item {
	max-width: 100%;
	grid-column-end: span 1;
}

.ContentGrid .item-2 {
	grid-column-end: span 2;

}

.ContentGrid .item-3 {
	grid-column-end: span 3;
	/*grid-row-end: span 2;*/

}

.ContentGrid .item-4 {
	grid-column-end: span 4;
	/*grid-row-end: span 2;*/

}

.ContentGrid .item-5 {
	grid-column-end: span 1;
	grid-row-end: span 2;

}


.ContentGrid .item-6 {
	grid-column-end: span 2;
	grid-row-end: span 2;

}

.ContentGrid .item-7 {
	grid-column-end: span 4;
	grid-row-end: span 2;

}

.ContentGrid .item-8 {
	grid-column-end: span 3;
	grid-row-end: span 2;

}


.NewsGrid{
	margin-left:auto;
	margin-right:auto;
	max-width:100%;
	display: grid;
  	grid-template-columns: 33.333% auto ;
	grid-auto-rows:auto;
	grid-gap: 0;
}

.NewsGrid .item{
	max-width:100%;
	height: 100%;
}


.FeedGrid{
	margin-left:auto;
	margin-right:auto;
	max-width:100%;
	display: grid;
  	grid-template-columns: 100% ;
	grid-auto-rows:25vh;
	grid-row-gap: 2px;
}

.FeedGrid .item{
	max-width:100%;
	height: 100%;
}
.FeedGrid .item:last-child{
	max-width:100%;
	height: 100%;
	
}


.LinkinGrid{
	margin-left:auto;
	margin-right:auto;
	max-width:100%;
	display: grid;
  	grid-template-columns: repeat(auto-fill, minmax(50%, auto));
	grid-auto-rows:auto;
}
.LinkinGrid .item{
	max-width:100%;
	height: auto;
}

.CountGrid{
	margin-left:auto;
	margin-right:auto;
	max-width:100%;
	display: grid;
	grid-template-columns:100%;
	grid-auto-rows:auto;
}
.CountGrid .item{
	max-width:100%;
	height: auto;
}


.TeamGrid{
	margin-left:auto;
	margin-right:auto;
	max-width:100%;
	display: grid;
  	grid-template-columns: 50% auto ;
	grid-auto-rows:auto;
	grid-gap: 2px;
}
.TeamGrid .item{
	max-width:100%;
	height: auto;
	box-sizing: border-box;
}



.BlockGrid{
	padding: 0;
	margin: 0;
	margin-left:auto;
	margin-right:auto;
	max-width: 100%;
	display: grid;
    grid-template-columns: 50% auto;
    grid-gap: 0;
	grid-template-rows: auto;
    grid-auto-flow: dense;
}

.BlockGrid .item-1 {
	max-width: 100%;
	grid-column-end: span 1;
}

.BlockGrid .item-2 {
	max-width: 100%;
	grid-column-end: span 2;

}

.BlockGrid .item-3 {
	max-width: 100%;
	min-height: 33vw;
	grid-column-end: span 2;
	/*grid-row-end: span 2;*/

}


.InputGrid{
	margin-left:auto;
	margin-right:auto;
	max-width: 100%;
	display: grid;
    grid-template-columns: 50% auto;
    grid-gap: 0;
	grid-template-rows: auto;
    grid-auto-flow: dense;
}

.InputGrid .item-1 {
	max-width: 100%;
	min-height: 25vw;
}

.InputGrid .item-2 {
	max-width: 100%;

}


.TextButtonGrid{
	margin-left:auto;
	margin-right:auto;
	max-width:100%;
	display: grid;
  	grid-template-columns: 33.333% auto;
	grid-auto-rows:auto;
	grid-row-gap: 2px;
}

.TextButtonGrid .item{
	max-width:100%;
	height: auto;
}

.EventGrid{
	margin-left:auto;
	margin-right:auto;
	max-width:100%;
	display: grid;
  	grid-template-columns: 100% ;
	grid-auto-rows:auto;
	grid-row-gap: 2px;
}

.EventGrid .item{
	max-width:100%;
	height: auto;
}
.EventGrid .item:last-child{
	max-width:100%;
	height: 100%;
	
}

.ebGrid{
	margin-left:auto;
	margin-right:auto;
	max-width:100%;
	display: grid;
  	grid-template-columns: 25% auto ;
	grid-auto-rows:auto;
	grid-gap: 0;
	position: absolute;
	
	z-index: 5;
}

.ebGrid .item{
	max-width:100%;
	height: 100%;
	position: relative;
}

.InputGrid2{
	margin-left:auto;
	margin-right:auto;
	max-width: 100%;
	display: grid;
    grid-template-columns: 50% 50%;
    grid-gap: 0;
	grid-template-rows: auto;
    grid-auto-flow: auto;
}


.InputGrid2 .item {
	position: relative;
	max-width: 100%;
	height: auto;

}
.InputGrid3{
	margin-left:auto;
	margin-right:auto;
	max-width: 100%;
	display: grid;
    grid-template-columns: 60% auto;
    grid-gap: 0;
	grid-template-rows: auto;
    grid-auto-flow: auto;
}


.InputGrid3 .item {
	position: relative;
	max-width: 100%;
	height: auto;

}
	

/* ===================================================================================================================== */
/* ================================================= **** MOBILE **** ================================================== */
/* ===================================================================================================================== */

@media screen and (max-width: 956px) {
	.InputGrid3{
    grid-template-columns: 100%;
    grid-gap: 2px;
}

.ContentGrid{
    grid-template-columns: repeat(auto-fill, minmax(25%, auto));
	grid-auto-rows:25vw !important;
}

.ContentGrid .item {
	max-width: 100%;
	grid-column-end: span 2;
}
.ContentGrid .item-1 {
	max-width: 100%;
	grid-column-end: span 1;
}

.ContentGrid .item-2 {
	grid-column-end: span 2;

}

.ContentGrid .item-3 {
	grid-column-end: span 2;
	/*grid-row-end: span 2;*/

}

.ContentGrid .item-4 {
	grid-column-end: span 4;
	/*grid-row-end: span 2;*/

}

.ContentGrid .item-5 {
	grid-column-end: span 2;
	grid-row-end: span 2;

}


.ContentGrid .item-6 {
	grid-column-end: span 2;
	grid-row-end: span 2;

}
	

.NewsGrid{
	margin-left:auto;
	margin-right:auto;
	max-width:100%;
	display: grid;
  	grid-template-columns: 100%;
	grid-auto-rows:auto;
	grid-gap: 0;
}
	
	
.FeedGrid{
	margin-left:auto;
	margin-right:auto;
	max-width:100%;
	display: grid;
  	grid-template-columns: 100% ;
	grid-auto-rows:minmax(40vw);
	grid-row-gap: 2px;
}

	
	
.CountGrid{
  	grid-template-columns:100%;
	grid-row-gap: 2vh;
}
	
	
	
	
.InputGrid{
	margin-left:auto;
	margin-right:auto;
	max-width: 100%;
	display: grid;
    grid-template-columns: 100%;
    grid-gap: 0;
	grid-template-rows: auto;
    grid-auto-flow: auto;
}

.InputGrid .item-1 {
	max-width: 100%;
	min-height: 20vw;
}

.InputGrid .item-2 {
	position: relative;
	max-width: 100%;

}


	
	
}

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

.InputGrid2{
	margin-left:auto;
	margin-right:auto;
	max-width: 100%;
	display: grid;
    grid-template-columns: 100%;
    grid-gap: 0;
	grid-template-rows: auto;
    grid-auto-flow: auto;
}


.InputGrid2 .item {
	position: relative;
	max-width: 100%;
	height: auto;

}

	
.ContentGrid{
    grid-template-columns: auto auto;
	grid-auto-rows:23vh !important;
	grid-row-gap: 10px;
	grid-column-gap: 10px;
}

.ContentGrid .item {
	max-width: 100%;
	grid-column-end: span 1;
}

.ContentGrid .item-1 {
	max-width: 100%;
	grid-column-end: span 1;
}

.ContentGrid .item-2 {
grid-column-end: span 2;
	grid-row-end: span 2;

}

.ContentGrid .item-3 {
grid-column-end: span 2;
	grid-row-end: span 2;

}

.ContentGrid .item-4 {
	grid-column-end: span 2;
	grid-row-end: span 2;

}

.ContentGrid .item-5 {
	grid-column-end: span 2;
	grid-row-end: span 2;

}


.ContentGrid .item-6 {
	grid-column-end: span 2;
	grid-row-end: span 2;

}
.ContentGrid .item-7 {
	grid-column-end: span 2;
	grid-row-end: span 2;

}

.ContentGrid .item-8 {
	grid-column-end: span 2;
	grid-row-end: span 2;

}

.LinkinGrid{
  	grid-template-columns:100%;
	grid-row-gap: 2vh;
}
	
	
	
.TeamGrid{
  	grid-template-columns: 100% ;
	grid-gap: 0px;
	grid-row-gap: 2px;
}
	
	.BlockGrid{
    grid-template-columns: 100%;
}
/* ===================================================================================================================== */
/* ===================================================================================================================== */
/* ===================================================================================================================== */
	
}