.galeriecontainer {
	display:flex;
	flex-flow: row wrap;
	justify-content: center;

}
.galeriebox {
		flex: 1 1 12%;
	position:relative;
	background:#F0F0F0;
	margin:1em 0.5em;
	border:1px solid #D4D4D4;
	border-radius:0.5em;
	align: center;
	padding:1em;
	min-width:90px;
	max-width:160px;
	font-size:0.9em;

}
.galeriebox img {
width:98%;
}
.galeriebox p {
	text-align:left;
}

.sonderbox {
	background:#F5F0D1;
	padding:2em;
	margin-top:1em;
}	

.contboxhead {
	background-image:url(layout/startbild-test.jpg);
	background-position:50%;
	background-size: 100% auto;
	background-repeat: no-repeat;
	padding:0em 0.5em;
	height:360px;
	border-top: 0px solid #00A0E3;
	border-bottom: 0px solid #00A0E3;
	}

@media screen and (max-width: 1300px) {
.contboxhead {
	height:320px;
}
}
@media screen and (max-width: 940px) {
.contboxhead {
	background-size: auto 360px;
}
}

@media screen and (max-width: 800px) {
.contboxhead {
	height:300px;
	background-size: auto 300px;
}
}


.contboxhead2 {
	background-image:url(layout/startbild.jpg);
	background-position:50% 50%;
	background-size: 100% auto;
	background-repeat: no-repeat;
	padding:0em 0.5em;
	height:300px;
	border-top: 1px solid ;
	border-bottom: 1px solid ;
	}
@media screen and (max-width: 900px) {
.contboxhead2 {
	height:200px
}
}
@media screen and (max-width: 600px) {
.contboxhead2 {
	height:120px
}
}
@media screen and (max-width: 400px) {
.contboxhead2 {
	height:90px
}
}

.contboxhead3 {
	background-image:url(layout/startbild.jpg);
	background-position:50% 50%;
	background-size: 100% auto;
	background-repeat: no-repeat;
	padding:0em 0.5em;
	height:150px;
	border-top: 1px solid ;
	border-bottom: 1px solid ;
	}
@media screen and (max-width: 900px) {
.contboxhead3 {
	height:100px;
}
}
@media screen and (max-width: 600px) {
.contboxhead3 {
	height:60px;
}
}
@media screen and (max-width: 400px) {
.contboxhead3 {
	height:45px;
}
}


.contboxheadtext {
	width:94%;
	max-width:1500px;
	padding:4em 0em;
	margin:0em auto;
	position:absolute;
	top:0em;
	z-index:10;
	text-align:right;
}
@media screen and (max-width: 800px) {
.contboxheadtext {
	display:none;
}
}

.contboxheadtext h1 {
	font-family: 'Bree Serif', serif;
	font-size:1.8em;
	line-height:1.2em;
	font-weight:400;
	color:#ffffff;
	text-shadow: -0.05em -0.05em 0.1em #000000;
	padding:0em;
	margin:0em 0em 0em 0.1em;
	text-align:right;
}
.contboxheadtext h2 {
	font-family: 'Bree Serif', serif;
	font-size:1.5em;
	line-height:1.2em;
	font-weight:400;
	color:#ffffff;
	text-shadow: -0.05em -0.05em 0.1em #000000;
	margin:0em;
	padding:0em;
	text-align:right;	
}
.contboxheadtext p {
	font-family: 'PT Serif', serif;
	font-weight:400;
	font-size:1.400em;
	line-height:1.350em;
	color:#69b5d0;
	margin:0em;margin-bottom:0.6em;
	padding:0.0em;
	text-align:right;
}

.contboxheadtext a.link , .contbox1text a.link:hover, .contbox1text a.link:visited {
	display:block;

	margin:1em 0em 1em auto;
	background:#AB2425;
	color:#ffffff;
	font-size:1.0em;
	font-weight:700;
	padding:1em 2em;
	text-align:center;
}
.contboxheadtext a.link:hover {
	background:#ffffff;
	color:#AB2425;
}

@media screen and (max-width: 1300px) {
.contboxheadtext {
	font-size:90%;
}
}
@media screen and (max-width: 600px) {
.contboxheadtext a.link , .contboxheadtext a.link:hover, .contboxheadtext a.link:visited {
	max-width:50%;
}

}

ul.rslides li img {
	border-radius:1em;
}



.news_startseite {
	margin-top:0.5em;
	margin-bottom:1.5em;
	padding-bottom:1.5em;
	border-bottom:3px dotted #eaeaea;
	text-align:left;
}
.news_startseite p{
	text-align:left;
	font-size:1em;
	margin-top:0em;
}
.news_startseite p.datum{
	text-align:left;
	font-size:0.9em;
}
.news_startseite p.newstitel, .news_startseite h2{
	font-family:'Cabin', sans-serif;
	font-weight:700;
	font-size:1.1em;
	color:#333333;
	text-align:left;
	margin-bottom:0em;
	padding:0em;
	border-bottom:0px;
	text-align:left;
}
.news_startseite li{
	text-align:left;
	margin-top:0.3em;
}
.news_startseite ul{
	margin-left:1em;
}

.contbox4 {
	/*background:#eaeaea; */
	margin:0px;
	padding:0px;
	background:#EA5C22;

}
.contbox4content {
	max-width:1200px;
	margin:0em auto;
	padding:1em 0.2em;
	text-align:center;
}


.spaltencontainerbox_teaser {
	flex: 1 1 20%;
	position:relative;
	background:#FDFBEE;
	margin:1em 0.5em;
	border:1px solid #ffffff;
	border-radius:0.5em;
	align: left;
	padding:0.3em;
	padding-bottom:5em;
}

/* Mobile Style */ 
@media screen and (max-width: 1100px) {
.spaltencontainerbox_teaser {
	flex: 1 1 40%;
	min-width:200px;
	max-width:600px;
		}
}

/* Mobile Style */ 
@media screen and (max-width: 600px) {
.spaltencontainerbox_teaser {
	flex: 1 1 60%;
	min-width:200px;
	max-width:600px;
		}
}

.spaltencontainerbox_teaser img {
	width:98%;
	margin:1%;
	min-width:180px;
	max-width:600px;
}

.spaltencontainerbox_teaser h2 {
	font-family: ;
	font-size:1.4em;
	line-height:1.3em;
	font-weight:400;
	color:;
	padding:0em;
	margin:0em 0em 0.5em 1.5%;
	text-align:center;
}
.spaltencontainerbox_teaser p {
	margin:0em 0.5em 0.5em 1.5%;
	text-align:center;
}
.spaltencontainerbox_teaser a.link, .spaltencontainerbox_teaser a.link:hover, .spaltencontainerbox_teaser a.link:visited {
	margin:0.2em auto;
	text-align:center;
	padding:0.6em;
	background-image:none;
}

.spaltencontainerbox_teaser ul {
	margin-left:2em;
	margin-top:0.4em;
}
.spaltencontainerbox_teaser li {
	text-align:left;
}


/* Mobile Style */ 
@media screen and (max-width: 650px) {
.spaltencontainerbox_teaser h2 {
	font-size:1.5em;
		}
}


.tabellenlayout {
	margin-top:2em;
	border:0px solid #0C2D5D; 
	border-collapse: collapse;
	width:100%;
}
table.tabellenlayout p {
	text-align:left;
}
table.tabellenlayout td {
	vertical-align: top;
}
table.tabellenlayout td, table th {
padding: 0.6em;
}

table.tabellenlayout th {
background-color: #666;
color: #fff;
}
table.tabellenlayout tr:nth-child(1n+1) {
background-color: #FAF7E0;
color: #000;
}
table.tabellenlayout tr:nth-child(2n+2) {
background-color: #FDFBEE;
color: #000;
}
table.tabellenlayout tr.mobile {
	visibility:hidden;
}
table.tabellenlayout tr.desktop {
	visibility:visible;
}
/* Mobile Style */ 
@media screen and (max-width: 550px) {
table.tabellenlayout tr.mobile {
	visibility:visible;
}
table.tabellenlayout tr.desktop {
	visibility:hidden;
}
}


.klassenbox {
	flex: 1 1 40%;
	position:relative;
	background:#FDFBEE;
	margin:1em 0.5em;
	border:1px solid #ffffff;
	border-radius:0.5em;
	align: left;
	padding:0.3em;
}


/* Mobile Style */ 
@media screen and (max-width: 700px) {
.klassenbox {
	flex: 1 1 60%;
	min-width:200px;
	max-width:600px;
		}
}

.klassenbox img {
	width:98%;
	margin:1%;
	min-width:180px;
	max-width:600px;
}

.klassenbox h2 {
	font-family: ;
	font-size:1.8em;
	line-height:1.3em;
	font-weight:400;
	color:;
	padding:0em;
	margin:0.5em 0em 0.1em 1.5%;
	text-align:center;
}
.klassenbox p {
	margin:0em 0.5em 0.5em 1.5%;
	text-align:center;
}

/* Mobile Style */ 
@media screen and (max-width: 650px) {
.klassenbox h2 {
	font-size:1.5em;
		}
}

.kontaktbox {
	flex: 1 1 16%;
	position:relative;
	background:#FDFBEE;
	margin:1em 0.5em;
	border:1px solid #ffffff;
	border-radius:0.5em;
	align: left;
	padding:0.3em;
	max-width:210px;
	min-width:210px;
}


/* Mobile Style */ 
@media screen and (max-width: 500px) {
.kontaktbox {
	flex: 1 1 60%;
	min-width:180px;
	max-width:210px;
		}
}

.kontaktbox img {
	width:98%;
	margin:1%;
	min-width:180px;
	max-width:600px;
}

.kontaktbox h2 {
	font-family: ;
	font-size:1.4em;
	line-height:1.3em;
	font-weight:400;
	color:;
	padding:0em;
	margin:0.5em 0em 0.1em 1.5%;
	text-align:center;
}
.kontaktbox p {
	margin:0em 0.5em 0.5em 1.5%;
	text-align:center;
}

/* Mobile Style */ 
@media screen and (max-width: 650px) {
.kontaktbox h2 {
	font-size:1.5em;
		}
}


.bildbox {
	padding-bottom:1em;
	margin:1em auto;
	border-bottom:1px dotted #333333;
}
.bildbox_bild {
	float:left;
	width:30%;
}
.bildbox_bild img{
	background:#ffffff;
	border:1px solid #eaeaea;
	padding:0.3em;
}
.bildbox_text {
	float:right;
	width:60%;
	padding-right:5%;
}
.bildbox_text h2{
	text-align:left;
	font-size:1.2em;
	padding:0;
	margin:0;
	border:0px;
}


.responsebox {
	flex: 1 1 20%;
	position:relative;
	margin:0em;
	align: left;
	padding:0em;
}


/* Mobile Style */ 
@media screen and (max-width: 600px) {
.responsebox {
	flex: 1 1 60%;
	min-width:200px;
	max-width:600px;
		}
}

.responsebox img {
	width:98%;
	margin:1%;
	min-width:180px;
	max-width:600px;
}