.sidebar .mci .item:not(:first-child)
{
	margin-top:30px;
}

.mci.display-type-box li.item::before
{
	display:none !important;
}


.mci .item a
{
	display: block;
	height: 100%;
	/*background-color: #F8F8F8;*/
	background-color: #f1f1ed; // #F4F4EB;
	border: 1px solid #e9e9da;
	border-radius: 5px;
}

.mci .item .image-container
{
	width: 100%;
	position: relative;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	overflow: hidden; 
}

.mci .item .image-container-inner
{
	width: 100%;
	padding-top: 66.66%;

	transition: all 0.4s;
	transition-timing-function: ease-in;

    background-position: center center;
    background-repeat: no-repeat;
    /*background-origin: padding-box
    background-clip: border-box
    background-attachment: scroll*/
	background-color: white;
	background-size: cover;
}
.mci .item .image-container-inner.contain
{
	background-color: #003B79;
	background-size: contain;
}
.mci .item .image-container-inner.cover
{
}

.mci .item:hover .image-container-inner
{
	transition: all 0.4s;
	transition-timing-function: ease-out;
	transform: scale(1.15)/* rotate(1deg)*/;
}



.mci .item .image-container .event-date
{
	display:inline-block;
	padding:3px 8px;
	background-color:rgba(255,255,255,0.8);
	color:black;
	font-weight:bold;
	position: absolute;
	top:0px;
	right:0px;
	border-bottom-left-radius: 5px;
}


.mci .item .title-text-container
{
	padding:15px;
}


.mci .item .text
{
	margin-top:0.6em;
	line-height:1.5em;
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

.mci .item .title
{
	line-height:1.2em;
	font-size:22px !important;
	/*font-family: Saira;*/
	font-weight:bold;
}

.mci .items-container
{
	margin-top:0px;
}

.mcid .items-container
{
	/*
	border-top:1px solid #DDD;
	border-left:1px solid transparent;
	border-right:1px solid transparent;
	border-radius:0px;
	*/
}

.mci.flex .items-container
{
    display:flex;
    flex-wrap:wrap;
    align-items:stretch;
	margin:-0.8em;

	align-content:left;
    justify-content:left;
}

.mci.flex.align-center .items-container
{
	align-content:center;
    justify-content:center;
}

body.highlight-links .mci .items-container .image-container
{
	opacity:0.2;
}

.mci.flex .items-container .item
{
    flex-basis:100%;
	max-width: 100%;
    padding:0.8em;
    margin-bottom:0px !important;
}

/* Abstand unten für 1-Spaltige Box-Elemente (kein flex) */
.mci.display-type-box.num-responsive-cols-1 .items-container .item
{
	display:block !important;
	margin-bottom:2em;
}


.mci.flex-4 .items-container .item
{
    flex-basis:25%;
	max-width: 25%;
}

.mci.flex-3 .items-container .item
{
    flex-basis:33.3333%;
	max-width: 33.3333%;
}

.mci.flex-2 .items-container .item
{
    flex-basis:50%;
	max-width: 50%;
}




.mci.flex .items-container .item .title
{
	font-weight:bold;
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}


@media (max-width: 1000px)
{
	.mci.flex .items-container .item
	{
		flex-basis:50%;
		max-width: 50%;
	}	
}

@media (max-width: 767px)
{
	.mci.flex .items-container .item
	{
		flex-basis:100%;
		max-width: 100%;
	}	
}


.mci.flex .items-container .item .internal
{
	margin-top:10px;
	color:#ce0005;
	font-size:0.8em;
	line-height:1.1em;
}


.mci.display-type-list.excerpt .items-container li > a .title
{
	font-weight:bold;
	display:inline;
}

.mci.display-type-list.excerpt .items-container li > a .text
{
	display:block;
}


.mci > .title
{
    text-align:left !important;
}
.mci.align-center > .title,
.mci.display-type-list.align-center .items-container
{
    text-align:center !important;
}


.mci.display-type-list .items-container 
{
	margin-top:0px !important;
	padding-left:20px;
}


.sidebar-wrapper .mci.display-type-list .items-container
{
	padding-left:0px !important;
}

.mci.display-type-list.align-center .items-container 
{
	padding-left:0px !important;
	text-align:center !important;
}


.mci.display-type-list.break-line .items-container li
{
	display:block !important;
}

.mci.display-type-list.break-line .items-container li::before
{
	display:inline-block !important;
}


.mci.display-type-list.break-float .items-container li,
.mci.display-type-list.break-float .items-container li::before
{
	display:inline-block !important;
}

.mci.display-type-list.break-float .items-container li::before
{
	padding-right:0.2em !important;
	line-height:1px;
}

.mci.display-type-list.break-float .items-container li:not(:first-child)
{
	margin-left:20px;
}


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

/*
	Die dynamische Variante hat noch einige zusätzliche Stylesheets
*/

.mci .cat-select-bar
{
	padding-bottom:15px;
	/*border-bottom:1px solid #EEE;*/
	margin-bottom:15px;
}

.mci.align-center  .cat-select-bar
{
	text-align:center;
}

.cat-select-bar a
{
	display:inline-blocK;
	margin-right:15px;
}
.cat-select-bar a:last-child
{
	margin-right:0px;
}
.cat-select-bar a.selected
{
	font-weight:bold;
	/*color:#009de0;*/

	border-bottom:5px solid #009de0;
}

.mci .nav
{
	display:block;
	margin-top:10px;
	text-align:center;
}

.mci .nav button,
.mci .nav button:active,
.mci .nav button:visited,
.mci .nav button:focus
{
	display:inline-block;
	position:relative;
	width:30px;
	height:30px;
	border-radius:50%;
	background-color:#009de0;
	
	font-size:1.2em;
	color:#009de0 !important;

	cursor:pointer;
	
	padding:0px;
	margin:0px;

	margin-left:5px;
	margin-right:5px;
}
.mci .nav button:first-child
{
	margin:0px;
	margin-right:5px;
}
.mci .nav button:last-child
{
	margin:0px;
	margin-left:5px;
}

.mci .nav button i
{
	display:inline-block;
	color:white;
	position:absolute;
	top:50%;
	left: 50%;
	transform: translate(-50%, -46%);
}
.mci .nav button i.fa-chevron-left
{
	transform: translate(-58%, -44%);
}
.mci .nav button i.fa-chevron-right
{
	transform: translate(-42%, -44%)
}

.mci .nav button.disabled
{
	cursor:default;
	opacity:0.5;
}
.mci .nav button:hover:not(.disabled) i
{
	color:#15b9ff;
}

.mci .nav button span
{
	display:none;
	width:0px;
	height:0px;
}

.mci .page-and-progress-display
{
	height:20px;
	margin-top:10px;
	/*text-align:center;*/
	position:relative;
}
.mci .progress-indicator
{
	font-size:40px;
	position:absolute;
	display:inline-block;
	max-height:25px;
	overflow:visible;

	margin: 0;
	position: absolute;
	top: 0%;
	left: 50%;
	transform: translate(-50%, -20px);
}
.mci .page-display
{
	display:inline-block;
	/*transform: translateX(100%);*/
	max-height:25px;
	overflow:visible;

	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}


.mci.align-center  .description
{
	margin-top:40px;
	text-align:center;
}




@media (max-width: 1000px)
{
	.mci .nav button,
	.mci .nav button:active,
	.mci .nav button:visited,
	.mci .nav button:focus
	{
		width:50px;
		height:50px;
		font-size:2.0em;
	}

	.mci .cat-select-bar a
	{
		margin-bottom: 0.6em;
	}
}


.fade-enter-active, .fade-leave-active {
	transition: opacity .5s;
}
.fade-enter, .fade-leave-to {
	opacity: 0.01;
}


.spinner
{
	position: absolute;
	top: 50%;
	left: 50%;
	width:140px;
	height:140px;
	background: transparent url("spinner.svg") no-repeat right top;
	transform:translate(-50%, -50%);
}



.gooey {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 142px;
	height: 16px;
	margin: 0 0 0 -71px;
	background: transparent;
	filter: contrast(20);
	overflow:hidden;
	transform:translateY(-50%);
	
}
.gooey .dot {
	position: absolute;
	width: 16px;
	height: 16px;
	left: 15px;
	filter: blur(4px);
	background: #000;
	border-radius: 50%;
	transform: translateX(0);
	animation: dot 1.8s infinite;
}
.gooey .dots {
	transform: translateX(0);
	margin-left: 31px;
	animation: dots 1.8s infinite;
}
.gooey .dots span {
	display: block;
	float: left;
	width: 16px;
	height: 16px;
	margin-left: 16px;
	filter: blur(4px);
	background: #000;
	border-radius: 50%;
}
@-moz-keyframes dot {
  50% {
    transform: translateX(96px);
  }
}
@-webkit-keyframes dot {
  50% {
    transform: translateX(96px);
  }
}
@-o-keyframes dot {
  50% {
    transform: translateX(96px);
  }
}
@keyframes dot {
  50% {
    transform: translateX(96px);
  }
}
@-moz-keyframes dots {
  50% {
    transform: translateX(-31px);
  }
}
@-webkit-keyframes dots {
  50% {
    transform: translateX(-31px);
  }
}
@-o-keyframes dots {
  50% {
    transform: translateX(-31px);
  }
}
@keyframes dots {
  50% {
    transform: translateX(-31px);
  }
}


.mci .block
{
	display:block;
}