/* default styles for extension "tx_frontend" ------------------------*/
    .ce-align-left { text-align: left; }
    .ce-align-center { text-align: center; }
    .ce-align-right { text-align: right; }
.ce-textpic, .ce-image, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li {
	overflow: hidden;
	}
    .ce-left .ce-gallery, .ce-column { float: left; }
    .ce-center .ce-outer { position: relative; float: right; right: 50%; }
    .ce-center .ce-inner { position: relative; float: right; right: -50%; }
    .ce-right .ce-gallery { float: right; }
    .ce-gallery figure { display: table; }
    .ce-gallery figcaption {
	font-size: 70%;
	font-style: italic;
	line-height: 120%;
	margin-top: 10px;
	display: table-caption;
	caption-side: bottom;
	}
.ce-gallery img { display: block; }
    .ce-gallery iframe { border-width: 0; }
    .ce-border img,
    .ce-border iframe {
	border: solid 2px #000000;
	padding: 0;
	}
    .ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above, .ce-gallery  {
        
    }
.ce-intext.ce-right .ce-gallery { margin-left: 10px; }
    .ce-intext.ce-left .ce-gallery { margin-right: 10px; }
    .ce-below .ce-gallery { margin-top: 10px; }

    .ce-column { margin-right: 10px; }
    .ce-column:last-child { margin-right: 0; }

    .ce-row {
	margin-bottom: 10px;
	}
    .ce-row:last-child {
	margin-bottom: 0;
	}
.ce-above .ce-bodytext {
	clear: both;
	margin-top: 30px;
	}
.asside .ce-above .ce-bodytext {
	margin-top: 0;
	}

.ce-intext.ce-left ol, .ce-intext.ce-left ul { padding-left: 40px; overflow: auto; }

    /* 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 {
	float: left;
	margin: 1em 0 2em 32px !important;
	list-style: none !important;
	}
.ce-uploads li div {
	
	}

.ce-uploads img {
	vertical-align: top;
	margin: 10px;
	border: solid 1px silver;
	transition-property: all;
	transition-duration: .4s;
	transition-timing-function: ease;
	transition-delay: 0.0s;
	}
.ce-uploads img:hover {
	transition-property: all;
	transition-duration: .4s;
	transition-timing-function: ease;
	transition-delay: 0.0s;
	-webkit-box-shadow: rgba(0,0,0,0.5) 0px 0px 10px 0px;
    -moz-box-shadow: rgba(0,0,0,0.5) 0px 0px 10px 0px;
    box-shadow: rgba(0,0,0,0.5) 0px 0px 10px 0px;
	}
.ce-uploads span {
	font-size: 11px;
	line-height: 120%;
	width: 180px;
	padding-left: 10px;
	display: block;
	}

    /* Table ----------------------------------------*/
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
.xframe-type-table ~ .frame-type-table th:first-child {
	width: 30%;
	}
.ce-table {
	color: #656565;
	font-weight: normal;
	width: 100%;
	max-width: 100%;
	border-right: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
	}
.ce-table a {
	background-image: url(../medien/li_submenu_line.png);
	background-repeat: no-repeat;
	background-position: 0 1px;
	text-decoration: none;
	display: inline-block;
	padding-left: 15px;
	}

.ce-table a:hover {
	background-position: 2px 1px;
	text-decoration: none;
	}

.ce-table th, .ce-table td { padding: 0.5em; vertical-align: top; }
    .ce-table thead th {
	color: white;
	background-color: #009bdf !important;
	border-bottom: 1px solid #dadada;
	}
.ce-table th, .ce-table td {
	border-top: 1px solid #dadada;
	border-left: 1px solid #dadada;
	}
.ce-table 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; }
.frame-datatable-2col .dataTable td:nth-child(2), .frame-datatable-2col .dataTable th:nth-child(2)  {
	display: none;
	}
.frame-datatable-3col .dataTable td:nth-child(3), .frame-datatable-3col .dataTable th:nth-child(3) {
	display: none;
	}
.frame-type-table {
	margin-bottom: 100px;
	}
/* Space ---------------------------------------*/
    .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: 100px; }
    .frame-space-before-extra-large { margin-top: 20vh; }
    .frame-space-after-extra-small { margin-bottom: 1em; }
    .frame-space-after-small { margin-bottom: 2em; }
    .frame-space-after-medium { margin-bottom: 3em; }
    .frame-space-after-large { margin-bottom: 140px; }
    .frame-space-after-extra-large { margin-bottom: 20vh; }

    /* 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%; }
/*TCEFORM frame_class.addItems xyz wird zu class="frame-xyz"*/
.frame-layout-card .ce-textpic {
	background-color: #dbe3e5;
	margin-bottom: 30px;
	-webkit-box-shadow: rgba(0,0,0,0.25) 0px 0px 18px 0px;
	-moz-box-shadow: rgba(0,0,0,0.25) 0px 0px 18px 0px;
	box-shadow: rgba(0,0,0,0.25) 0px 0px 18px 0px;
	}
.frame-layout-card .ce-bodytext {
	padding-right: 20px;
	padding-bottom: 30px;
	padding-left: 20px;
	
	}
.frame-layout-card a img {
	transform: scale(1);
	transition: 0.5s ease;
	}
.frame-layout-card a img:hover {
	transform: scale(1.2);
	transition: 0.5s ease;
	}

.frame-layout-hover-card .ce-bodytext h3 a {
	position: absolute;
	left: 5%;
	bottom: 53px;
	width: 80%;
	padding-top: 10px;
	padding-bottom: 10px;
	border: solid 1px #0094d8;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	}
.frame-layout-hover-card {
	min-height: 470px;
	margin-bottom: 30px;
	padding: 20px 10px 10px;
	-webkit-box-shadow: rgba(0,0,0,0.25) 0px 0px 10px 0px;
	-moz-box-shadow: rgba(0,0,0,0.25) 0px 0px 10px 0px;
	box-shadow: rgba(0,0,0,0.25) 0px 0px 10px 0px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	}
.frame-pinned {
	padding-top: 50px;
	padding-bottom: 100px;
	}

.frame-erbe {
	display: block;
	}
.frame-erbe-show {
	display: none;
	}

.slide .frame-erbe {
	display: none;
	}
.slide .frame-erbe-show {
	display: block;
	}

.frame-hover-fade .image {
	overflow: hidden;
	
	}

.frame-hover-fade .ce-row:first-child {
	margin-bottom: 0;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	}
.frame-hover-fade .ce-row:last-child {
	background-color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	opacity: 1;
	transition-property: opacity;
	transition-duration: 0.5s;
	transition-timing-function: ease-out;
	transition-delay: 0s;
	}
.frame-hover-fade .ce-row:last-child img {
	opacity: .5;
	}
.frame-hover-fade .ce-row:last-child:hover {
	opacity: 0;
	transition-property: opacity;
	transition-duration: 1s;
	transition-timing-function: ease-out;
	transition-delay: 0s;
	}
.frame-svg svg {
	width: 100%;
	
	}
.frame-panel {
	background-color: #edf1f2;
	margin-top: 50px;
	margin-bottom: 100px;
	padding-bottom: 50px;
	}

.frame-panel h2 {
	color: #fff;
	background-color: #8b9fa4;
	padding-top: 20px;
	padding-bottom: 20px;
	}
.frame-panel .ce-bodytext {
	font-size: 120%;
	line-height: 130%;
	padding-right: 20px;
	padding-left: 20px;
	
	}
@media (max-width:768px) {
	.frame-pinned {
		padding-top: 0;
		padding-bottom: 0;
		}
}
/*frame-layout -------------------------------------*/
/*„frame-find-all“ initiiert settings-datatables.js in functions*/
/*footer-------------------------------------------*/
.frame-fussnote {
	font-size: 70%;
	line-height: 120%;
	}
.footer .frame-type-menu_pages {
	margin-top: 30px;
	
	}
@media (max-width:768px) {
	.footer .frame-type-menu_pages {
		font-size: 80%;
	}
}
/*----------------silbentrennung---------------
*/
.frame-default p, .xframe-default table th  {
	hyphens: auto;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	}
/*------------------slick banner bullets ------------------------------*/
.frame-slickGallery {
	max-height: 53vh;
	
	
	}
.frame-slickGallery .ce-column, .frame-slickGallery .ce-left .ce-gallery {
	float: inherit;
	}
.frame-slickGallery img {
	width: 100vw;
	
	}
.frame-slickGallery figure {
	margin-bottom: 0;
	}

.frame-slickGallery.frame-layout-mediaquery img {
	width: 100%;
	}
.frame-slickGallery .ce-above, .frame-slickGallery .ce-gallery {
	margin-bottom: 0;
	}
.frame-slickZeile, .frame-slickWort, .frame-slickBanner {
	position: absolute;
	left: 0;
	bottom: 10vh;
	z-index: 1100;
	}
.frame-slickZeile  {
	color: rgba(255,255,255,0.7);
	font-size: 3.4vw;
	font-family: sf_fourcheregular;
	line-height: 120%;
	}
.frame-slickWort {
	color: rgba(255,255,255,0.7);
	font-size: 8vw;
	font-family: sf_fourcheregular;
	line-height: 100%;
	}
.frame-slickBanner {
	color: rgba(255,255,255,0.7);
	font-size: 4vw;
	font-family: sf_fourcheregular;
	line-height: 100%;
	}