/* CSS Document */



* {
 -webkit-box-sizing:border-box;
 -moz-box-sizing: border-box;
 box-sizing:border-box;
}

html, body {
	height: 100%;
 	width:100%;
	padding:0;
 	margin:0;
}



@media only screen and (min-width:768px){
	
div.logo-wrap, footer #footer-inner {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	}
 
/*div.logo-wrap > div {
	width: 50%;
}*/
	
div.logo-wrap .logo {
	width: 25%;
	padding-top: 10px;
}
div.logo-wrap .logoname {
	width: 70%;
}
}


/* ### Inhalt ### */
#wrapp-all {
	background-color: #eee;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 0 50px 0;
}

.layout-1spalte .layout-space-r-l,
.layout-2spalten .layout-space-r-l,
.layout-2spalten_50 .layout-space-r-l,
.layout-jumbotron .layout-space-r-l,
.layout-drei-zeilen .layout-space-r-l,
.layout-drei-zeilen-zwei-spalten .layout-space-r-l {padding: 25px 25px 0 25px; min-height: 500px;}
.before-footer {padding: 25px 25px 50px 25px;}

@media only screen and (min-width:768px){
.spalte-conten0 {padding-right: 25px;}
.spalte-conten1 {padding-left: 25px;}
}

.space-content {padding:0;}
.space-content .contenttable td {vertical-align: top; padding: 5px 10px 5px 0;}



/* ### Dateiliste ### */
.ce-uploads {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	}
.ce-uploads li img {
	width: 100%;
	max-width: 150px;
	height: auto;
}
.ce-uploads li > a {float:left;}
.ce-uploads li {
	/*border: solid 1px #004F9F;*/
	border-radius: 2px;
	box-shadow: rgba(100,100,100,0.7) 0 0 5px;
	padding: 8px;
	margin: 8px;}



/* #### Multicolumn ### */
@media only screen and (min-width:768px){ 
.multicolumnContainer,
.layout-2spalten_50 .layout-space-r-l,
.layout-2spalten .layout-space-r-l,
.spalten-jumbotron {
	align-content: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	}
.spalten-jumbotron div,
.multicolumnLayout1 li,
.multicolumnLayout2 li,
.multicolumnLayout3 li,
.layout-2spalten_50 .layout-space-r-l div,
.multicolumnLayout10 .columnLast {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;  
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	}		
.multicolumnLayout10 .columnFirst,
.layout-2spalten .layout-space-r-l div > .spalte-conten0 {
	-webkit-box-flex: 1;
	-moz-box-flex: 1; 
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	}
.layout-2spalten .spalte-conten0 {min-width: 66%;}
.layout-2spalten .spalte-conten2 {min-width: 33%;}
	
.multicolumnContainer li {padding-right: 25px;}
.multicolumnContainer li:last-child {padding-right:0;}
}

/*Spalten Jumbotron*/
.spalten-jumbotron div {width: 100%;}
@media only screen and (min-width:768px){
.spalten-jumbotron > div:first-child {margin-right: 25px; }
.spalten-jumbotron > div:last-child {margin-left: 25px; }
}

@media only screen and (min-width:768px){
	.layout3z2s {
		align-content: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;}

.layout3z2s > div {
	-webkit-box-flex: 1;
	-moz-box-flex: 1; 
	width: 50%; 
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	}
}

@media only screen and (max-width:768px){ .multicolumnContainer .column {float: none; width: 100%;} }


	
/* Responsive Bilder */
	
.space-content img,
.space-content figure,
.space-content .ce-outer,
.space-content .ce-inner,
.space-content .ce-row
{
	width: 100%; max-width: 100%; height: auto;

}

@media only screen and (min-width:768px) {
.space-content .ce-row {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		margin-bottom: 10px; 
	}
.space-content	.ce-column { 
	-webkit-box-flex: 1;
	-moz-box-flex: 1; 
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1; 
	}
}

@media only screen and (max-width:767px) {	
	.space-content .ce-row {
		min-width: 100%;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: column; 
  		flex-direction: column;
	}

.space-content .ce-gallery {width: 100%;}
.space-content .ce-column {margin-right:0; margin-bottom: 10px;}
.space-content	img, .space-content	figure { min-width: 100%; height: auto;}
	
.space-content .ce-inner, .space-content .ce-outer {width: 100%; height: auto;}
}

	
/* ### footer ### */

footer {
	background-color: #333;
}

footer #footer-inner {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0;
	padding: 25px;
}

footer .footer-navigation ul {
	list-style: none;
	padding:0;
}
footer .footer-navigation li {margin: 15px 0;}
footer .footer-navigation a {display: block; padding:15px 0; text-decoration: none;}

@media only screen and (min-width:768px){
	footer #footer-inner > div {
		-webkit-box-flex: 1;
		-moz-box-flex: 1;
		width: 50%;
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}
	footer #footer-inner .footerkontakt {text-align: right;}
	footer #footer-inner .footerkontakt table {float: right;}
	footer #footer-inner .footer-center {text-align: center;}
}

	

/*### Formular ###*/
.form-group .input > input,
.form-group .input > .form-group > input,
.form-group textarea {
	width: 100%;
	padding: 5px;
	font-family: Share,Verdana,Arial,Helvetica,sans-serif;
	font-size:1rem;
	color: rgba(1, 87, 155,1.0);
	border: 1px solid rgba(224,224,224,0.73);
	box-shadow: rgba(124,124,124,0.4) 0 0 4px inset;
}
.form-group textarea {height: 100px;}
.form-group .xlarge {padding: 15px; height:200px; font-size:1.1rem;font-family: Share,Verdana,Arial,Helvetica,sans-serif;}
form > div, form .row > div {padding-top: 25px;}

@media only screen and (min-width:768px){
form .row {
	display: -webkit-flex; /* Safari */
   	-webkit-flex-wrap: wrap; /* Safari 6.1+ */
    flex-wrap: wrap;
	justify-content:space-between;
}
	
	form .row > div {
		width: 48%;
    	height: auto;
	}
}


/*### video ###*/

video {
	width: 100%;
}
audio {
	max-width: 100%;
}


.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}