/*  
dunkelblau: #0053a0 (0,83,160)
blau: #58a3ca (63,152,193)
hellblau: #ddecf4 (221,236,244)
rot: #ed1457 (237,20,87)
grau: #87898c

* fluid styles css (standard)
* fluid defaults (eigene)
* container


*/


/*
--------------------------------------------
   *** fluid styles css (standard) ***
--------------------------------------------
*/

/* div */
.ce-bodytextpic, .ce-image, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div { 
	overflow: hidden; 
}

/* text */
.ce-align-left { text-align: left; }
.ce-align-center { text-align: center; }
.ce-align-right { text-align: right; }

@media(min-width: 768px){
	article .ce-intext.ce-nowrap.ce-left ol, .ce-intext.ce-nowrap.ce-left ul { 
		margin-left: 1.1rem; 
		overflow: auto; 
	}
}
 
/* textpic & textmedia */
.ce-gallery img { display: inline-block; }
.ce-gallery iframe { border-width: 0; }
.ce-image .ce-gallery { margin-bottom: 0; }
.ce-intext.ce-nowrap.ce-right .ce-gallery, .ce-intext.ce-nowrap.ce-left .ce-gallery, .ce-above .ce-gallery { display: block; width: 100%; margin-bottom: 1em; float: none; }
.ce-below .ce-gallery { margin-top: .8em; }
.ce-above .ce-bodytext { clear: both; }


@media(min-width: 1024px){
	.ce-intext.ce-nowrap.ce-left .ce-gallery { float: left }
	.ce-intext.ce-nowrap.ce-right .ce-gallery { float: right; }
	.ce-center .ce-outer { position: relative; float: right; right: 50%; }
	.ce-center .ce-inner { position: relative; float: right; right: -50%; }
	.ce-intext.ce-nowrap.ce-right .ce-gallery { margin-left: 1rem; margin-bottom: 0 }
	.ce-intext.ce-nowrap.ce-left .ce-gallery { margin-right: 1rem; margin-bottom: 0 }	
	.ce-intext.ce-nowrap.no-wrap .ce-gallery { margin-left: 0; margin-bottom: 0 }
}

/* Headline */
.ce-headline-left { text-align: left; }
.ce-headline-center { text-align: center; }
.ce-headline-right { text-align: right; }

/* Uploads */
.ce-uploads { margin: 0; padding: 0; }
.ce-uploads li { list-style: none outside none; margin: 1em 0; }
.ce-uploads img { float: left; padding-right: 1em; vertical-align: top; }
.ce-uploads span { display: block; }

/* Table */
.ce-table { width: 100%; max-width: 100%; }
.ce-table th, .ce-table td { padding: 0.5em 0.75em; vertical-align: top; }
.ce-table thead th { border-bottom: 2px solid #dadada; }
.ce-table th, .ce-table td { border-top: 1px solid #dadada; }
.ce-table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0,0,0,.05); }
.ce-table-bordered th, .ce-table-bordered td { border: 1px solid #dadada; }
.ce-table td, .ce-table th { vertical-align: top; }


/*
--------------------------------------------
   *** fluid styles css (standard) ***
--------------------------------------------
*/


/* Space */
.frame-space-before-extra-small { margin-top: .5rem; }
.frame-space-before-small { margin-top: 1em; }
.frame-space-before-medium { margin-top: 1em; }
.frame-space-before-large { margin-top: 1em; }
.frame-space-before-extra-large { margin-top: 2em; }
.frame-space-after-extra-small { margin-bottom: .5rem; }
.frame-space-after-small { margin-bottom: 1em; }
.frame-space-after-medium { margin-bottom: 1em; }
.frame-space-after-large { margin-bottom: 1em; }
.frame-space-after-extra-large { margin-bottom: 2em; }

@media(min-width: 840px){
	.frame-space-before-extra-small { margin-top: 1em; }
	.frame-space-before-small { margin-top: 2em; }
	.frame-space-before-medium { margin-top: 3em; }
	.frame-space-before-large { margin-top: 4em; }
	.frame-space-before-extra-large { margin-top: 5em; }
	.frame-space-after-small { margin-bottom: 2em; }
	.frame-space-after-medium { margin-bottom: 3em; }
	.frame-space-after-large { margin-bottom: 4em; }
	.frame-space-after-extra-large { margin-bottom: 5em; }
}

/* Frame */
.frame-ruler-before:before { content: ''; display: block; border-top: 1px solid rgba(0,0,0,0.25); margin-bottom: 2em; }
.frame-ruler-after:after { content: ''; display: block; border-bottom: 1px solid rgba(0,0,0,0.25); margin-top: 2em; }
.frame-indent { margin-left: 15%; margin-right: 15%; }
.frame-indent-left { margin-left: 33%; }
.frame-indent-right { margin-right: 33%; }


 
 
/*
--------------------------------------------
   *** fluid defaults (eigene) ***
--------------------------------------------
*/

/* */
article>.frame {
	margin-bottom: 2rem;
}
/* frame-layout text */
.frame-type-textmedia,
.frame-type-text {
	margin-bottom: 1rem;
}
/* frame-layout textmedia */
.frame-type-textmedia .ce-intext.ce-nowrap.ce-left,
.frame-type-textmedia .ce-intext.ce-nowrap.ce-right {
	display: flex;
	width: 100%;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: flex-start;
} 
.frame-type-textmedia .ce-intext.ce-nowrap.ce-left .ce-bodytext,
.frame-type-textmedia .ce-intext.ce-nowrap.ce-right .ce-bodytext {
	padding: 1rem 0;
}
.frame-type-textpic .ce-bodytext header h2,
.frame-type-textmedia .ce-bodytext header h2 {
	font-size: 1.25rem;
	margin-top: 0;
}
.frame-type-textmedia .image-caption {
	font-size: 80%;
	max-width: 480px;
	line-height: normal;
}
	
@media(min-width: 720px){
	.frame-type-textmedia,
	.frame-type-text {
		margin-bottom: 1.5rem;
	}	
	
	/* ce-intext ce-nowrap */
	.frame-type-textmedia .ce-intext.ce-nowrap.ce-left,
	.frame-type-textmedia .ce-intext.ce-nowrap.ce-right {
		flex-direction: row;
		flex-wrap: nowrap;
	} 
	.frame-type-textmedia .ce-intext.ce-nowrap.ce-left .ce-gallery,
	.frame-type-textmedia .ce-intext.ce-nowrap.ce-right .ce-gallery {
		display: inline-block;
		width: 100%;
		min-width: 180px;
		max-width: 180px;	
	}
	.frame-type-textmedia .ce-intext.ce-nowrap.ce-left .ce-bodytext {
		padding: 0 0 0 1.5rem;
	}
	.frame-type-textmedia .ce-intext.ce-nowrap.ce-right .ce-bodytext {
		display: inline-block;
		padding-right: 0 1.5rem 0 0;
	}
	.frame-type-textmedia .image-caption,
	.frame-type-textmedia .ce-intext.ce-nowrap.ce-right img,
	.frame-type-textmedia .ce-intext.ce-nowrap.ce-left img {
		max-width: 180px;
	}
	
}

@media(min-width: 992px){
	.frame-type-textmedia,
	.frame-type-text {
		margin-bottom: 2rem;
	}
	.frame-type-textmedia .image-caption,
	.frame-type-textmedia .ce-intext.ce-nowrap.ce-left .ce-gallery,
	.frame-type-textmedia .ce-intext.ce-nowrap.ce-right .ce-gallery,
	.frame-type-textmedia .ce-intext.ce-nowrap.ce-right img,
	.frame-type-textmedia .ce-intext.ce-nowrap.ce-left img {
		min-width: 200px;
		max-width: 200px;	
	}		
}


/*
--------------------------------------------
   *** frame-layout-0 ***
--------------------------------------------
*/

.teaser .frame-layout-0.frame-type-textmedia {
	padding-bottom: 0;
}
.teaser .frame-layout-0.frame-type-textmedia .ce-gallery {
	margin-bottom: 0;
} 
.col-md-4 .frame-layout-1 {
	width: calc(100% - 1em);
	margin-right: 1em;
}



/*
--------------------------------------------
   *** frame-layout-1 (blue background) ***
--------------------------------------------
*/

.frame-layout-1 {
	padding: 1em;
  background: #ddecf4;
  border-left: 4px solid #0053a0;
}



/*
--------------------------------------------
   *** frame-layout-2 (small img) ***
--------------------------------------------
*/

.frame-layout-2.frame-type-textmedia .image-caption,
.frame-layout-2.frame-type-textmedia .ce-left .ce-gallery,
.frame-layout-2.frame-type-textmedia .ce-right .ce-gallery,
.frame-layout-2.frame-type-textmedia .ce-right img,
.frame-layout-2.frame-type-textmedia .ce-left img {
		min-width: 150px;
		max-width: 150px;
		height: auto;
}



/*
--------------------------------------------
   *** frame-layout-3 (videos) ***
--------------------------------------------
*/

.frame-layout-3.frame-type-html{
	padding-top: 1.5em;
}
.frame-layout-3.frame-type-html h3{
	font-size: 1.125em;
	margin-bottom: 0.8em;
	color: #87898c;
}
.frame-layout-3 .vimeoVideoResp { /* html content */
	padding: 56.25% 0 0 0;
	position:relative;
	width: 100%;
	border: 1px solid #0053a0;
	background: #0053a0;
}
.frame-layout-3.frame-type-html .vimeoVideoResp.video-container{
	margin-top: -1.2em;
}

@media(min-width: 992px){
	.frame-layout-3 .vimeoVideoResp.video-container {
		margin-bottom: 4em;
	}
}


/*
--------------------------------------------
   *** FileList ***
--------------------------------------------
*/

.ce-uploads li {
	padding: 0 !important;
	margin: 0 !important;
}
.ce-uploads li::before {
	content: '';
}



/*
--------------------------------------------
   *** Sitemap ***
--------------------------------------------
*/

article .frame-type-menu_sitemap ul li:last-child {
	margin-bottom: 1rem;
}
article .frame-type-menu_sitemap>ul>li {
	line-height: normal;
}
article .frame-type-menu_sitemap ul li a::before {
	content: '\f101';
	margin-left: -1.5rem;
	width: 1rem;
}


/*
--------------------------------------------
   *** Container ***
--------------------------------------------
*/

.frame-type-ce_columns2 .ce-col,
.frame-type-ce_columns3 .ce-col,
.frame-type-ce_columns4 .ce-col {
	padding: 0;
}
.frame-type-ce_columns2 .row,
.frame-type-ce_columns3 .row,
.frame-type-ce_columns4 .row {
	gap: 1rem;
	padding: 0;
}