/* CSS Document */

/* ### Gridelements ### */
@media only screen and (min-width: 860px) {
.grid-row {
	display: -webkit-box;
  	display: -webkit-flex;
  	display: -ms-flexbox;
  	display: flex;
	padding-bottom: 24px;
	}
.col-md-3,
.col-md,
.col-md-6
	{
	-webkit-box-flex: 3;
    -moz-box-flex: 3;
    -webkit-flex: 3;
    -ms-flex: 3;
    flex: 3;
	}
.col-md-4
	{
	-webkit-box-flex: 4;
    -moz-box-flex: 4;
    -webkit-flex: 4;
    -ms-flex: 4;
    flex: 4;
	}
.col-md-8
    {
	-webkit-box-flex: 8;
    -moz-box-flex: 8;
    -webkit-flex: 8;
    -ms-flex: 8;
    flex: 8;
	}	
.col-md-9
	{
	-webkit-box-flex: 9;
    -moz-box-flex: 9;
    -webkit-flex: 9;
    -ms-flex: 9;
    flex: 9;
	}

/*padding der Boxen*/

.col-md,
.col-md-3,
.col-md-4,
.col-md-6,
.col-md-8,
.col-md-9 {margin: 0 24px 0 24px;}

.col-md:first-child {margin: 0 24px 0 0;}
.col-md-3:first-child,
.col-md-4:first-child,
.col-md-8:first-child,
.col-md-9:first-child {margin:0 24px 0 0;}
.col-md-6:first-child {margin:0 24px 0 0;}

.col-md:last-child {margin: 0 0 0 24px;}
.col-md-3:last-child,
.col-md-4:last-child,
.col-md-8:last-child,
.col-md-9:last-child {margin: 0 0 0 24px;}
.col-md-6:last-child {margin: 0 0 0 24px;}
    

}
    
    
/* ### Boxen ### */
.eonelement .frame-boxwithimage,
.eonelement .frame-whitebox,
.eonelement .frame-greybox,
.eonelement .frame-box-buddy-blue,
.eonelement .frame-box-buddy-red,
.eonelement .frame-box-important {
	height: 100%;
}


/* graue Box */
.space-content .frame-greybox {
  background-color: #ECECEC;
  padding: 24px;
  /*margin-bottom: 24px;*/
  border: solid 1px #aaaaaa;
}


/* weiße Box */
.space-content .frame-whitebox {
  background-color: #fff;
  padding: 24px;
  border: solid 1px #ccc;
  margin-bottom: 24px;
}


/* transparente Box */
.space-content .frame-transparent {
  padding: 24px;
  border: solid 1px #ccc;
  margin-bottom: 24px;
}
@media only screen and (max-width:1000px){
.space-content .frame-whitebox,
.space-content .frame-greybox,
.space-content .frame-transparent {padding: 0 12px;}
}

/*### Tabelle ###*/
.frame-tabelle {
	padding: 0 48px;
}
.frame-tabelle .contenttable {
	width: 99.8%;
	border-collapse: collapse;

}
.frame-tabelle tr {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.frame-tabelle td {
	border: 1px solid #ccc;
	padding:12px !important;
	flex: 1; 
}


/* Box mit Bildern 100% höhe */
.frame-boxwithimage {
  	padding: 0;
	margin: 0;
	height: 100%;
}

.frame-boxwithimage header h2 {
	margin: 0;
	color: #fff;
	padding: 22.609px;
	text-align: center;
}
.frame-boxwithimage figure {
	width: 100%;
	height: auto;
}
.frame-boxwithimage .ce-bodytext {
	padding: 0 25px;
}

.frame-boxwithimage img,
.frame-boxwithimage figure,
.frame-boxwithimage .ce-outer,
.frame-boxwithimage .ce-inner,
.frame-boxwithimage .ce-row {
    max-width: 101%;
	min-width: 101%;
    height: auto;
}
.frame-boxwithimage p a {
	color: #fff;
	/*display: inline-block;*/
	padding: 8px;
	text-decoration: none;
	text-align: center;
	border-radius: 3px;
}
.frame-boxwithimage p {padding-top: 10px;}
.frame-boxwithimage .contenttable td {
	padding: 5px;
}
.frame-boxwithimage .contenttable {width: 100%;}
.frame-boxwithimage img {margin-bottom: 15px;}
.frame-boxwithimage .image-caption {padding-left: 34px !important;}




/* Box mit Bildern 2*/
.frame-boxwithimage_2 {
  	padding: 0;
	margin: 0 0 24px 0;
}

.frame-boxwithimage_2 header h2 {
	margin: 0;
	color: #fff;
	padding: 22.609px;
	text-align: center;
}
.frame-boxwithimage_2 figure {
	width: 100%;
	height: auto;
}
.frame-boxwithimage_2 .ce-bodytext {
	padding: 0 25px;
}

.frame-boxwithimage_2 img,
.frame-boxwithimage_2 figure,
.frame-boxwithimage_2 .ce-outer,
.frame-boxwithimage_2 .ce-inner,
.frame-boxwithimage_2 .ce-row {
    max-width: 101%;
	min-width: 101%;
    height: auto;
}
.frame-boxwithimage_2 p a {
	color: #fff;
	/*display: inline-block;*/
	padding: 8px;
	text-decoration: none;
	text-align: center;
	border-radius: 3px;
}
.frame-boxwithimage_2 p {padding-top: 10px;}
.frame-boxwithimage_2 .contenttable td {
	padding: 5px;
}
.frame-boxwithimage_2 .contenttable {width: 100%;}
.frame-boxwithimage_2 img {margin-bottom: 15px;}
.frame-boxwithimage_2 > p {margin-left: 24px;}


/*#################  Tabelle Box für Kurse ##################*/
.frame-boxkurse .contenttable { width: 99.8%;border-collapse: collapse;}
.frame-boxkurse .contenttable td {padding: 5px; border: solid 1px #c6c6c6;}
.frame-boxkurse .contenttable thead {font-weight: bold; background-color:#c6c6c6;}
.frame-boxkurse .contenttable thead th {padding: 10px 5px; border: solid 1px #1A4267;}
.frame-boxkurse .contenttable tr:hover {background-color:#c6c6c6; }


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


	/* Force table to not be like tables anymore */
	.frame-boxkurse .contenttable table,
	.frame-boxkurse .contenttable thead,
	.frame-boxkurse .contenttable tbody,
	.frame-boxkurse .contenttable th,
	.frame-boxkurse .contenttable td,
	.frame-boxkurse .contenttable tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.frame-boxkurse thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.frame-boxkurse tr { border: 1px solid #ccc; margin-bottom: 25px; }
	
	.frame-boxkurse .contenttable td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}
	
	.frame-boxkurse .contenttable td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		font-weight: bold;
	}
	
	/*
	Label the data
	*/
	.frame-boxkurse .contenttable td:nth-of-type(1):before { content: "Kursname/Zeit"; }
	.frame-boxkurse .contenttable td:nth-of-type(2):before { content: "Kursort (Erfurt)"; }
	.frame-boxkurse .contenttable td:nth-of-type(3):before { content: "Start - Ende"; }
	.frame-boxkurse .contenttable td:nth-of-type(4):before { content: "Einstieg möglich"; }
	.frame-boxkurse .contenttable td:nth-of-type(5):before { content: "freie Plätze"; }
	.frame-boxkurse .contenttable td:nth-of-type(6):before { content: "Schwerpunkt"; }
	.frame-boxkurse .contenttable td:nth-of-type(7):before { content: "Bauherr"; }
}

@media only screen and (max-width:600px){
	.frame-boxkurse .contenttable td {font-size: 0.8rem;}
}



/*### breiter Rahmen für Spalten Hintergrund ###*/

.default-style .frame-default {padding: 0 50px;}
.default-style .frame-default .frame-default, 
.default-style .frame-rahmen-bg .frame-default,
footer .frame-default,
.site-top .frame-default,
.wrap-startseite-style .frame-default {padding: 0;}
@media only screen and (max-width:768px){
.wrap-startseite-style .frame-default {padding: 0 50px;}
.default-style .frame-default {padding: 0 12px;}
}
.frame-rahmen-bg {
    /*background-color: rgba(114,142,63,0.35);*/
    padding:50px;
    /*margin-bottom: 25px;*/
}
/*
### News ###*/

.news h3 {
    padding-bottom: 15px;
}
.news .footer {
    border-bottom: 1px solid #999;
    margin-bottom: 10px;
    border-top: none;
}
.teaser-text p {margin-top: 0px;}
.news .article .news-img-wrap a {padding: 0;}
.news-list-date {font-size: 0.8rem;}




/* Panorama im iframe*/

.responsive-iframe iframe {
  max-width: 100%;
}

.responsive-iframe {
  position: relative; 
  padding-bottom: 56.25%; /* ratio 16x9 */
  overflow: hidden; 
  width: 100%;
  height: auto;
}
.responsive-iframe iframe {

  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
}

.responsive-iframe.ratio4x3 {
  padding-bottom: 75%;
}



/* ## Layout mit JavaScript###------------------------------ */

.frame-layout-1 {
	opacity:0;
}

.frame-layout-2 {
	opacity:0;
	margin-left:-2000px;	
	max-width:100%;
}

.frame-layout-3 {
	margin-left:-2000px;
	max-width:100%;
}


/*#### Login ###*/
.frame-type-felogin_login label {width: 100%; display: block;}
.frame-type-felogin_login input {
	float: right;
	width: 50%;
	padding: 5px;
	margin: 2px;
}